{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "select",
  "title": "Select",
  "description": "The native select, styled. The operating system draws the menu.",
  "registryDependencies": [
    "https://creance.pages.dev/r/creance-base.json",
    "https://creance.pages.dev/r/input.json"
  ],
  "files": [
    {
      "path": "select/Select.tsx",
      "content": "import { forwardRef, type SelectHTMLAttributes } from 'react';\nimport { cx } from '@/lib/creance/cx';\nimport { ChevronDownIcon } from '@/lib/creance/icons';\nimport '@/components/creance/input/Input.css';\n\nexport interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'size'> {\n  size?: 'sm' | 'md';\n}\n\n/** A native select, styled. The operating system draws the menu, so it works everywhere, including on phones. */\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(function Select(\n  { size = 'md', className, children, ...props },\n  ref,\n) {\n  return (\n    <span className={cx('cr-select', className)}>\n      <select ref={ref} className=\"cr-input\" data-size={size} {...props}>\n        {children}\n      </select>\n      <ChevronDownIcon />\n    </span>\n  );\n});\n",
      "type": "registry:ui",
      "target": "@components/creance/select/Select.tsx"
    }
  ],
  "categories": [
    "atom",
    "forms"
  ],
  "type": "registry:ui"
}