{"component":{"aria":"Native <select> handles keyboard (arrow keys, Home/End, type-ahead) and screen-reader announcement automatically. Bind label via for/id. Use aria-required when required.","category":"components","css":".ps-select{appearance:none;-webkit-appearance:none;height:2.5rem;padding:0 var(--ps-space-7,32px) 0 var(--ps-space-4,12px);border:1px solid var(--ps-border-strong,#aab0bb);border-radius:var(--ps-corner-2,4px);background-color:var(--ps-surface-base,#fff);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%234a4f59' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right var(--ps-space-4,12px) center;color:var(--ps-ink-primary,#0e0f12);font:inherit}.ps-select:focus-visible{outline:2px solid var(--ps-focus-ring,#234ed8);outline-offset:0;border-color:var(--ps-focus-ring,#234ed8)}.ps-select[disabled]{background-color:var(--ps-surface-subtle,#f5f6f8);color:var(--ps-ink-disabled,#878d99);cursor:not-allowed}","description":"Single-choice picker from a known list. Native <select> element for keyboard + screen-reader behaviour out of the box.","display_name":"Select","html":"<div class=\"ps-field\">\n  <label class=\"ps-field__label\" for=\"{{id}}\">{{label}}</label>\n  <select id=\"{{id}}\" class=\"ps-select\">\n    <option value=\"\">Choose…</option>\n    <option>Option one</option>\n    <option>Option two</option>\n    <option>Option three</option>\n  </select>\n</div>","name":"select","registry_type":"component","research_links":["primitive-vocabulary-rationale"],"tabs_available":["accessibility","code","style","usage"],"variants":[],"wcag":{"focus_visible":true,"min_touch_target":"44x44 with focus-ring offset","target":"2.2 AAA"}},"tenant":"pointsav","theme":"pointsav-brand"}