{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "files": [
    {
      "content": "\"use client\";\n\nimport { ArrowRightIcon } from \"lucide-react\";\nimport { Button } from \"~/registry/ui/button\";\nimport { ButtonGroup } from \"~/registry/ui/button-group\";\nimport { Input } from \"~/registry/ui/input\";\nimport { Listbox } from \"~/registry/ui/list-box\";\nimport { Popover } from \"~/registry/ui/popover\";\nimport { Select } from \"~/registry/ui/select\";\n\nconst CURRENCIES = [\n  {\n    id: \"$\",\n    label: \"US Dollar\",\n  },\n  {\n    id: \"€\",\n    label: \"Euro\",\n  },\n  {\n    id: \"£\",\n    label: \"British Pound\",\n  },\n];\n\nexport function ButtonGroupSelectDemo() {\n  return (\n    <ButtonGroup.Root>\n      <ButtonGroup.Root>\n        <Select.Root aria-label=\"Currency\" defaultValue=\"$\">\n          <Select.Trigger className=\"font-mono\">\n            <Select.Value>{(value) => value.state.value}</Select.Value>\n          </Select.Trigger>\n          <Popover.Content className=\"min-w-24\">\n            <Listbox.Root items={CURRENCIES}>\n              {(currency) => (\n                <Listbox.Item id={currency.id}>\n                  {currency.id}{\" \"}\n                  <span className=\"text-muted-foreground\">\n                    {currency.label}\n                  </span>\n                </Listbox.Item>\n              )}\n            </Listbox.Root>\n          </Popover.Content>\n        </Select.Root>\n        <Input pattern=\"[0-9]*\" placeholder=\"10.00\" />\n      </ButtonGroup.Root>\n      <ButtonGroup.Root>\n        <Button aria-label=\"Send\" size=\"icon\" variant=\"outline\">\n          <ArrowRightIcon />\n        </Button>\n      </ButtonGroup.Root>\n    </ButtonGroup.Root>\n  );\n}\n",
      "path": "src/registry/examples/button-group/button-group-select-demo.tsx",
      "type": "registry:example"
    }
  ],
  "name": "button-group-select-demo",
  "registryDependencies": [
    "@kanpeki/button-group",
    "@kanpeki/button",
    "@kanpeki/input",
    "@kanpeki/select",
    "lucide-react"
  ],
  "type": "registry:example"
}