{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "dependencies": [
    "react-aria-components",
    "lucide-react"
  ],
  "files": [
    {
      "content": "export * as SearchField from \"./namespace\";\nexport * from \"./search-field\";\nexport * from \"./styles\";\n",
      "path": "src/registry/ui/search-field/index.ts",
      "type": "registry:ui"
    },
    {
      "content": "\"use client\";\n\nimport { XIcon } from \"lucide-react\";\nimport { composeRenderProps, SearchField } from \"react-aria-components\";\nimport { InputGroupButton } from \"../input-group\";\nimport { SearchFieldStyles } from \"./styles\";\n\nexport interface SearchFieldRootProps\n  extends React.ComponentProps<typeof SearchField> {}\n\nexport function SearchFieldRoot(props: SearchFieldRootProps) {\n  return <SearchField {...props} data-slot=\"search-field-root\" />;\n}\n\nexport interface SearchFieldButtonProps\n  extends React.ComponentProps<typeof InputGroupButton> {}\n\nexport function SearchFieldButton({\n  className,\n  size = \"icon-xs\",\n  children,\n  ...props\n}: SearchFieldButtonProps) {\n  return (\n    <InputGroupButton\n      {...props}\n      className={composeRenderProps(className, (className) =>\n        SearchFieldStyles.Close({ className })\n      )}\n      data-slot=\"search-field-button\"\n      size={size}\n    >\n      {composeRenderProps(children, (children) => children ?? <XIcon />)}\n    </InputGroupButton>\n  );\n}\n",
      "path": "src/registry/ui/search-field/search-field.tsx",
      "type": "registry:ui"
    },
    {
      "content": "import { cva } from \"~/registry/lib/cva\";\n\nexport const SearchFieldStyles = {\n  Close: cva({\n    base: [\n      \"group-empty/input-group:pointer-events-none group-empty/input-group:opacity-0\",\n    ],\n  }),\n};\n",
      "path": "src/registry/ui/search-field/styles.ts",
      "type": "registry:ui"
    },
    {
      "content": "export {\n  SearchFieldButton as Button,\n  SearchFieldRoot as Root,\n} from \"./search-field\";\n",
      "path": "src/registry/ui/search-field/namespace.ts",
      "type": "registry:ui"
    }
  ],
  "name": "search-field",
  "registryDependencies": [
    "@kanpeki/cva",
    "@kanpeki/custom-plugin"
  ],
  "type": "registry:ui"
}