{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"ui-select-native","type":"registry:component","title":"Select Native","description":"Styled native select element primitive.","version":"1.0.0","status":"ga","files":[{"path":"src/components/ui/select-native.tsx","type":"registry:component","content":"import type { ComponentProps } from 'react'\n\nimport { ChevronDownIcon } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\n\nconst SelectNative = ({ className, children, ...props }: ComponentProps<'select'>) => {\n  return (\n    <div className='relative flex'>\n      <select\n        data-slot='select-native'\n        className={cn(\n          'peer border-input text-foreground focus-visible:border-ring focus-visible:ring-ring/50 has-[option[disabled]:checked]:text-muted-foreground aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-full cursor-pointer appearance-none items-center rounded-md border text-sm shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n          props.multiple ? '[&_option:checked]:bg-accent py-1 *:px-3 *:py-1' : 'h-9 pr-8 pl-3',\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </select>\n      {!props.multiple && (\n        <span className='text-muted-foreground/80 peer-aria-invalid:text-destructive/80 pointer-events-none absolute inset-y-0 right-0 flex h-full w-9 items-center justify-center peer-disabled:opacity-50'>\n          <ChevronDownIcon size={16} aria-hidden='true' />\n        </span>\n      )}\n    </div>\n  )\n}\n\nexport { SelectNative }\n"}]}