{
  "name": "NativeSelect",
  "type": "component",
  "description": "A real <select>, so the platform draws its own picker. The right default on a phone and inside a long form.",
  "export": "NativeSelect",
  "path": "@gtmi/strix-react/atoms/native-select",
  "figma": null,
  "figmaAbsent": "The unstyled platform control. Figma draws only `.input-dropdown`, which is `Select`.",
  "parts": ["NativeSelect", "NativeSelectOptGroup", "NativeSelectOption"],
  "props": [
    {
      "name": "containerClassName",
      "type": "string",
      "description": "Applied to the positioning container, which exists to hold the chevron over the select."
    },
    {
      "name": "className",
      "type": "string",
      "description": "Applied to the select element and merged through cn()."
    }
  ],
  "ai_tags": ["select", "native-select", "dropdown", "form", "primitive"],
  "since": "0.2.0",
  "tokens_used": [
    "--color-surface-secondary",
    "--color-surface-disabled",
    "--color-border-control",
    "--color-border-accent",
    "--color-text-primary",
    "--color-text-disabled-on-surface",
    "--color-icon-secondary",
    "--spacing-borders-sm",
    "--spacing-small",
    "--spacing-padding-vertical-sm",
    "--spacing-gap-700",
    "--spacing-touch-target",
    "--radius-large",
    "--text-size-body-small"
  ],
  "notes": "Having two select components is a trap unless the choice is written down, so: NativeSelect gets the platform's own picker — the iOS wheel, Android's dialog, the OS dropdown — works with no JavaScript, and is the better control on a phone. Select is the custom listbox, for options that need icons, descriptions, custom rows or search, none of which a native <option> can render since it may contain text and nothing else. From Figma's .input-dropdown. The chevron is aria-hidden decoration layered over the select because some platforms draw their own and suppressing that is not possible everywhere; appearance-none removes it where it can. pe-gap-700 reserves the room so a long option label never runs under the chevron."
}