{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "sheet-position-example",
  "title": "Sheet Position",
  "description": "sheet-position-example",
  "registryDependencies": [
    "https://intentui.com/r/button",
    "https://intentui.com/r/sheet",
    "https://intentui.com/r/utils"
  ],
  "files": [
    {
      "path": "src/components/examples/overlays/sheet/sheet-position-example.tsx",
      "content": "'use client'\n\nimport { useState } from 'react'\nimport { Button } from '@/components/ui/button'\nimport {\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetTitle,\n} from '@/components/ui/sheet'\nimport { title } from '@/lib/utils'\n\ntype Side = 'left' | 'right' | 'top' | 'bottom'\nexport default function SheetPositionDemo() {\n  const [sheetSide, setSheetSide] = useState<Side>('left')\n  const [isOpen, setIsOpen] = useState(false)\n\n  const sides: Side[] = ['left', 'right', 'top', 'bottom']\n\n  const pressHandler = (side: Side, open: boolean) => {\n    setSheetSide(side)\n    setIsOpen(open)\n  }\n\n  return (\n    <>\n      <div className=\"grid grid-cols-2 gap-2\">\n        {sides.map((side, idx) => (\n          <Button intent=\"outline\" onPress={() => pressHandler(side, true)} key={idx}>\n            {title(side)}\n          </Button>\n        ))}\n      </div>\n      <SheetContent isOpen={isOpen} onOpenChange={setIsOpen} side={sheetSide}>\n        <SheetHeader>\n          <SheetTitle>{title(sheetSide)}</SheetTitle>\n          <SheetDescription>The sheet will go from {sheetSide} side.</SheetDescription>\n        </SheetHeader>\n        <SheetFooter>\n          <SheetClose>Close</SheetClose>\n        </SheetFooter>\n      </SheetContent>\n    </>\n  )\n}\n",
      "type": "registry:page",
      "target": "app/sheet-position-example/page.tsx"
    }
  ],
  "type": "registry:page"
}