{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "drawer-float-example",
  "title": "Drawer Float",
  "description": "drawer-float-example",
  "registryDependencies": [
    "https://intentui.com/r/button",
    "https://intentui.com/r/drawer",
    "https://intentui.com/r/radio",
    "https://intentui.com/r/separator"
  ],
  "files": [
    {
      "path": "src/components/examples/overlays/drawer/drawer-float-example.tsx",
      "content": "'use client'\n\nimport { useState } from 'react'\nimport { Button } from '@/components/ui/button'\nimport {\n  Drawer,\n  DrawerContent,\n  type DrawerContentProps,\n  DrawerDescription,\n  DrawerHeader,\n  DrawerTitle,\n} from '@/components/ui/drawer'\nimport { Radio, RadioField, RadioGroup } from '@/components/ui/radio'\nimport { Separator } from '@/components/ui/separator'\n\nexport default function DrawerFloatDemo() {\n  const [side, setSide] = useState('bottom')\n  return (\n    <>\n      <RadioGroup orientation=\"horizontal\" aria-label=\"Side\" value={side} onChange={setSide}>\n        {['top', 'bottom', 'left', 'right'].map((side) => (\n          <RadioField key={side} value={side}>\n            <Radio className=\"capitalize\">{side}</Radio>\n          </RadioField>\n        ))}\n      </RadioGroup>\n      <Separator className=\"my-6 h-px w-full\" />\n      <Drawer>\n        <Button intent=\"outline\" className=\"capitalize\">\n          {side}\n        </Button>\n        <DrawerContent isFloat side={side as DrawerContentProps['side']}>\n          <DrawerHeader>\n            <DrawerTitle className=\"capitalize\">{side}</DrawerTitle>\n            <DrawerDescription>\n              The drawer will be positioned on the {side} side of the screen.\n            </DrawerDescription>\n          </DrawerHeader>\n        </DrawerContent>\n      </Drawer>\n    </>\n  )\n}\n",
      "type": "registry:page",
      "target": "app/drawer-float-example/page.tsx"
    }
  ],
  "type": "registry:page"
}