{
  "name": "hitbox-debug-demo",
  "type": "registry:example",
  "registryDependencies": [
    "button",
    "hitbox"
  ],
  "files": [
    {
      "path": "examples/hitbox-debug-demo.tsx",
      "type": "registry:example",
      "content": "import { Hitbox } from \"@/registry/bases/radix/components/hitbox\";\nimport { Checkbox } from \"@/registry/bases/radix/ui/checkbox\";\n\nexport default function HitboxDebugDemo() {\n  return (\n    <div className=\"flex items-center gap-8\">\n      <div className=\"flex flex-col items-center gap-4\">\n        <Hitbox debug={false}>\n          <Checkbox />\n        </Hitbox>\n        <p className=\"text-sm text-muted-foreground\">debug=false</p>\n      </div>\n      <div className=\"flex flex-col items-center gap-4\">\n        <Hitbox debug>\n          <Checkbox />\n        </Hitbox>\n        <p className=\"text-sm text-muted-foreground\">debug=true</p>\n      </div>\n    </div>\n  );\n}\n",
      "target": ""
    }
  ]
}