{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "select",
"title": "Pop-up Button",
"description": "A pop-up button that opens a menu of options, in bordered and System Settings styles.",
"dependencies": [
"lucide-react",
"@base-ui/react"
],
"registryDependencies": [
"@cupertinoui/macos-theme"
],
"files": [
{
"path": "registry/macos/ui/select.tsx",
"content": "\"use client\"\n\nimport * as React from \"react\"\nimport {\n CheckIcon,\n ChevronDownIcon,\n ChevronsUpDownIcon,\n ChevronUpIcon,\n} from \"lucide-react\"\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\"\n\nimport { cn } from \"@/lib/utils\"\n\n// Pass `items` (value → label, or a list of { value, label }) so that\n// SelectValue shows the label of the chosen item rather than its value.\nconst Select = SelectPrimitive.Root\n\nfunction SelectGroup({ ...props }: SelectPrimitive.Group.Props) {\n return \n}\n\nfunction SelectValue({ className, ...props }: SelectPrimitive.Value.Props) {\n return (\n \n )\n}\n\n// A macOS pop-up button. `default` is a bordered button with up/down\n// chevrons; `borderless` is the System Settings style: the value followed by\n// chevrons in a small round chip.\nfunction SelectTrigger({\n className,\n size = \"default\",\n variant = \"default\",\n children,\n ...props\n}: SelectPrimitive.Trigger.Props & {\n size?: \"sm\" | \"default\" | \"lg\"\n variant?: \"default\" | \"borderless\"\n}) {\n return (\n \n {children}\n \n \n \n ) : (\n \n \n \n )\n }\n />\n \n )\n}\n\n// The menu of a pop-up button. Like macOS, it opens over the trigger with\n// the chosen item on top of it; set alignItemWithTrigger={false} to drop it\n// below instead.\nfunction SelectContent({\n className,\n children,\n side = \"bottom\",\n sideOffset = 4,\n align = \"center\",\n alignOffset = 0,\n alignItemWithTrigger = true,\n ...props\n}: SelectPrimitive.Popup.Props &\n Pick<\n SelectPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\" | \"alignItemWithTrigger\"\n >) {\n return (\n \n \n \n \n {children}\n \n \n \n \n )\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: SelectPrimitive.GroupLabel.Props) {\n return (\n \n )\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: SelectPrimitive.Item.Props) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: SelectPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: SelectPrimitive.ScrollUpArrow.Props) {\n return (\n \n \n \n )\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: SelectPrimitive.ScrollDownArrow.Props) {\n return (\n \n \n \n )\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n}\n",
"type": "registry:ui"
}
],
"type": "registry:ui"
}