{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "native-select",
  "registryDependencies": [
    "@fulldev/icon"
  ],
  "files": [
    {
      "path": "src/components/ui/native-select/native-select.astro",
      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Icon } from \"@/components/ui/icon\"\n\ntype Props = Omit<HTMLAttributes<\"select\">, \"size\"> & {\n  size?: \"sm\" | \"default\"\n}\n\nconst { class: className, size = \"default\", ...props } = Astro.props\n---\n\n<div\n  class={cn(\n    \"group/native-select relative w-fit has-[select:disabled]:opacity-50\",\n    className\n  )}\n  data-slot=\"native-select-wrapper\"\n  data-size={size}\n>\n  <select\n    data-slot=\"native-select\"\n    data-size={size}\n    class=\"border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 h-9 w-full min-w-0 appearance-none rounded-md border bg-transparent py-1 pr-8 pl-2.5 text-sm shadow-xs transition-[color,box-shadow] outline-none select-none focus-visible:ring-3 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:ring-3 data-[size=sm]:h-8\"\n    {...props}\n  >\n    <slot />\n  </select>\n  <Icon\n    name=\"chevron-down\"\n    class=\"text-muted-foreground pointer-events-none absolute top-1/2 right-2.5 size-4 -translate-y-1/2 select-none\"\n    aria-hidden=\"true\"\n    data-slot=\"native-select-icon\"\n  />\n</div>\n",
      "type": "registry:ui"
    },
    {
      "path": "src/components/ui/native-select/native-select-option.astro",
      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"option\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<option\n  data-slot=\"native-select-option\"\n  class={cn(\"bg-[Canvas] text-[CanvasText]\", className)}\n  {...props}\n>\n  <slot />\n</option>\n",
      "type": "registry:ui"
    },
    {
      "path": "src/components/ui/native-select/native-select-optgroup.astro",
      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"optgroup\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<optgroup\n  data-slot=\"native-select-optgroup\"\n  class={cn(\"bg-[Canvas] text-[CanvasText]\", className)}\n  {...props}\n>\n  <slot />\n</optgroup>\n",
      "type": "registry:ui"
    },
    {
      "path": "src/components/ui/native-select/index.ts",
      "content": "export { default as NativeSelect } from \"./native-select.astro\"\nexport { default as NativeSelectOption } from \"./native-select-option.astro\"\nexport { default as NativeSelectOptGroup } from \"./native-select-optgroup.astro\"\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}