{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "autocomplete-tailwind", "type": "registry:item", "title": "Autocomplete (Tailwind)", "description": "An input that suggests options as you type.", "registryDependencies": [ "https://roiui.com/r/input-tailwind.json" ], "files": [ { "path": "registry/brook/tailwind/ui/autocomplete.tsx", "content": "\"use client\";\n\nimport { Autocomplete } from \"@base-ui/react/autocomplete\";\nimport { Search, X } from \"lucide-react\";\nimport type React from \"react\";\nimport { cn } from \"@/lib/utils\";\nimport { Input } from \"@/registry/brook/tailwind/ui/input\";\n\nfunction AutocompleteRoot({ ...props }: React.ComponentProps) {\n return ;\n}\n\nfunction AutocompleteValue({ ...props }: React.ComponentProps) {\n return ;\n}\n\nfunction AutocompleteInput({ className, ...props }: React.ComponentProps) {\n return (\n }\n {...props}\n />\n );\n}\n\nfunction AutocompleteTrigger({ className, children, ...props }: React.ComponentProps) {\n return (\n \n {children || }\n \n );\n}\n\nfunction AutocompleteIcon({ className, children, ...props }: React.ComponentProps) {\n return (\n \n {children || }\n \n );\n}\n\nfunction AutocompleteClear({ className, children, ...props }: React.ComponentProps) {\n return (\n \n {children || }\n \n );\n}\n\nconst AutocompletePortal = Autocomplete.Portal;\n\nfunction AutocompleteBackdrop({ className, ...props }: React.ComponentProps) {\n return (\n \n );\n}\n\nfunction AutocompletePositioner({ className, ...props }: React.ComponentProps) {\n return (\n \n );\n}\n\nfunction AutocompletePopup({ className, children, ...props }: React.ComponentProps) {\n return (\n \n \n {children}\n \n \n );\n}\n\nfunction AutocompleteSpacer() {\n return
;\n}\n\nfunction AutocompleteArrow({ className, ...props }: React.ComponentProps) {\n return (\n \n );\n}\n\nfunction AutocompleteStatus({ className, ...props }: React.ComponentProps) {\n return (\n \n );\n}\n\nfunction AutocompleteList({ className, ...props }: React.ComponentProps) {\n return (\n \n );\n}\n\nfunction AutocompleteEmpty({ className, children, ...props }: React.ComponentProps) {\n return (\n \n {children || \"No items found\"}\n \n );\n}\n\nfunction AutocompleteCollection({ ...props }: React.ComponentProps) {\n return ;\n}\n\nfunction AutocompleteRow({ className, ...props }: React.ComponentProps) {\n return ;\n}\n\nfunction AutocompleteItem({ className, ...props }: React.ComponentProps) {\n return (\n \n );\n}\n\nfunction AutocompleteGroup({ className, ...props }: React.ComponentProps) {\n return ;\n}\n\nfunction AutocompleteGroupLabel({ className, ...props }: React.ComponentProps) {\n return (\n \n );\n}\n\nfunction AutocompleteSeparator({ className, ...props }: React.ComponentProps) {\n return (\n \n );\n}\n\nexport {\n AutocompleteRoot as Autocomplete,\n AutocompleteArrow,\n AutocompleteBackdrop,\n AutocompleteClear,\n AutocompleteCollection,\n AutocompleteEmpty,\n AutocompleteGroup,\n AutocompleteGroupLabel,\n AutocompleteIcon,\n AutocompleteInput,\n AutocompleteItem,\n AutocompleteList,\n AutocompletePopup,\n AutocompletePortal,\n AutocompletePositioner,\n AutocompleteRow,\n AutocompleteSeparator,\n AutocompleteSpacer,\n AutocompleteStatus,\n AutocompleteTrigger,\n AutocompleteValue,\n};\n", "type": "registry:file", "target": "~/components/ui/autocomplete/autocomplete.tsx" } ] }