{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "search-field",
  "dependencies": [
    "react-aria-components",
    "lucide-react"
  ],
  "registryDependencies": [
    "@seamless/utils",
    "@seamless/input"
  ],
  "files": [
    {
      "path": "src/components/ui/search-field.tsx",
      "content": "import type * as React from \"react\"\nimport { SearchIcon, XIcon } from \"lucide-react\"\nimport {\n  Button as ButtonPrimitive,\n  SearchField as SearchFieldPrimitive,\n} from \"react-aria-components\"\n\nimport { cn, type Composed } from \"@/lib/utils\"\nimport { Input } from \"@/components/ui/input\"\n\ntype SearchFieldProps = Composed<\n  React.ComponentProps<typeof SearchFieldPrimitive>\n> & {\n  \"aria-label\": string\n  placeholder?: string\n  /** NOTE: the app owns copy — this default only keeps the clear affordance named when it doesn't. */\n  clearLabel?: string\n}\n\nfunction SearchField({\n  className,\n  placeholder,\n  clearLabel = \"Clear search\",\n  ...props\n}: SearchFieldProps) {\n  return (\n    <SearchFieldPrimitive\n      data-slot=\"search-field\"\n      className={cn(\"group relative\", className)}\n      {...props}\n    >\n      <SearchIcon\n        aria-hidden\n        className=\"pointer-events-none absolute top-1/2 left-2.5 size-3.5 -translate-y-1/2 text-muted-foreground\"\n      />\n      <Input variant=\"filled\" placeholder={placeholder} className=\"pr-7 pl-8\" />\n      <ButtonPrimitive\n        data-slot=\"search-field-clear\"\n        aria-label={clearLabel}\n        className=\"absolute top-1/2 right-1.5 flex size-5 -translate-y-1/2 items-center justify-center rounded-sm text-muted-foreground outline-none hover:bg-accent hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring/50 group-data-empty:hidden\"\n      >\n        <XIcon className=\"size-3\" />\n      </ButtonPrimitive>\n    </SearchFieldPrimitive>\n  )\n}\n\nexport { SearchField, type SearchFieldProps }\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}