{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "files": [
    {
      "content": "import { Button } from \"~/registry/ui/button/button\";\nimport { Input } from \"~/registry/ui/input\";\nimport { Label } from \"~/registry/ui/label/label\";\nimport { Popover } from \"~/registry/ui/popover\";\nimport { TextField } from \"~/registry/ui/text-field\";\n\nexport function PopoverDemo() {\n  return (\n    <Popover.Root>\n      <Button variant=\"outline\">Open popover</Button>\n\n      <Popover.Content className=\"w-80\" placement=\"bottom start\">\n        <div className=\"grid gap-4\">\n          <div className=\"grid gap-1.5\">\n            <h4 className=\"font-medium leading-none\">Dimensions</h4>\n            <p className=\"text-muted-foreground text-sm\">\n              Set the dimensions for the layer.\n            </p>\n          </div>\n          <div className=\"grid gap-2\">\n            <TextField\n              autoFocus\n              className=\"grid grid-cols-3 items-center gap-4\"\n              defaultValue=\"100%\"\n            >\n              <Label>Width</Label>\n              <Input className=\"col-span-2 h-8\" />\n            </TextField>\n            <TextField\n              className=\"grid grid-cols-3 items-center gap-4\"\n              defaultValue=\"300px\"\n            >\n              <Label>Max. width</Label>\n              <Input className=\"col-span-2 h-8\" />\n            </TextField>\n            <TextField\n              className=\"grid grid-cols-3 items-center gap-4\"\n              defaultValue=\"25px\"\n            >\n              <Label>Height</Label>\n              <Input className=\"col-span-2 h-8\" />\n            </TextField>\n            <TextField\n              className=\"grid grid-cols-3 items-center gap-4\"\n              defaultValue=\"none\"\n            >\n              <Label>Max. height</Label>\n              <Input className=\"col-span-2 h-8\" />\n            </TextField>\n          </div>\n        </div>\n      </Popover.Content>\n    </Popover.Root>\n  );\n}\n",
      "path": "src/registry/examples/popover/popover-demo.tsx",
      "type": "registry:example"
    }
  ],
  "name": "popover-demo",
  "registryDependencies": [
    "@kanpeki/popover"
  ],
  "type": "registry:example"
}