{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "icon-picker-popover",
  "title": "Icon Picker Popover",
  "description": "A simple icon picker component with a popover.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "input",
    "popover",
    "https://ui.raulcarini.dev/r/icon-picker-virtualized.json"
  ],
  "files": [
    {
      "path": "registry/icon-picker/icon-picker-popover.tsx",
      "content": "\"use client\";\n\nimport * as React from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@/components/ui/popover\";\nimport IconPicker from \"@/registry/icon-picker/icon-picker-tanstack\";\n\nexport default function Page() {\n  const [isOpen, setIsOpen] = React.useState(false);\n  const [selectedIcon, setSelectedIcon] = React.useState<string | null>(null);\n\n  return (\n    <Popover onOpenChange={setIsOpen} open={isOpen}>\n      <PopoverTrigger render={<Button />}>\n        {selectedIcon ? `Selected Icon: ${selectedIcon}` : \"Icon Picker\"}\n      </PopoverTrigger>\n      <PopoverContent className=\"w-fit p-0\">\n        <IconPicker\n          selectedIcon={selectedIcon}\n          setSelectedIcon={setSelectedIcon}\n          className=\"bg-transparent border-none\"\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}