[{"data":1,"prerenderedAt":407},["ShallowReactive",2],{"docs-nav-pkg":3,"docs-page-pkg-\u002Fpkg\u002Fselect":133},[4,8,12,15,18,21,24,27,30,33,36,39,42,45,48,51,54,57,60,63,66,69,72,75,78,81,84,87,90,93,96,99,102,105,108,111,114,117,121,124,127,130],{"path":5,"title":6,"section":7},"\u002Fpkg","Overview","Start",{"path":9,"title":10,"section":11},"\u002Fpkg\u002Faccordion","Accordion","Components",{"path":13,"title":14,"section":11},"\u002Fpkg\u002Falert-dialog","Alert Dialog",{"path":16,"title":17,"section":11},"\u002Fpkg\u002Fautocomplete","Autocomplete",{"path":19,"title":20,"section":11},"\u002Fpkg\u002Favatar","Avatar",{"path":22,"title":23,"section":11},"\u002Fpkg\u002Fbutton","Button",{"path":25,"title":26,"section":11},"\u002Fpkg\u002Fcheckbox","Checkbox",{"path":28,"title":29,"section":11},"\u002Fpkg\u002Fcheckbox-group","Checkbox Group",{"path":31,"title":32,"section":11},"\u002Fpkg\u002Fcollapsible","Collapsible",{"path":34,"title":35,"section":11},"\u002Fpkg\u002Fcombobox","Combobox",{"path":37,"title":38,"section":11},"\u002Fpkg\u002Fcontext-menu","Context Menu",{"path":40,"title":41,"section":11},"\u002Fpkg\u002Fdialog","Dialog",{"path":43,"title":44,"section":11},"\u002Fpkg\u002Fdrawer","Drawer",{"path":46,"title":47,"section":11},"\u002Fpkg\u002Ffield","Field",{"path":49,"title":50,"section":11},"\u002Fpkg\u002Ffieldset","Fieldset",{"path":52,"title":53,"section":11},"\u002Fpkg\u002Fform","Form",{"path":55,"title":56,"section":11},"\u002Fpkg\u002Ficon-picker","Icon picker",{"path":58,"title":59,"section":11},"\u002Fpkg\u002Finput","Input",{"path":61,"title":62,"section":11},"\u002Fpkg\u002Fmenu","Menu",{"path":64,"title":65,"section":11},"\u002Fpkg\u002Fmenubar","Menubar",{"path":67,"title":68,"section":11},"\u002Fpkg\u002Fmeter","Meter",{"path":70,"title":71,"section":11},"\u002Fpkg\u002Fnavigation-menu","Navigation Menu",{"path":73,"title":74,"section":11},"\u002Fpkg\u002Fnumber-field","Number Field",{"path":76,"title":77,"section":11},"\u002Fpkg\u002Fotp-field","OTP Field",{"path":79,"title":80,"section":11},"\u002Fpkg\u002Fplot","Plot",{"path":82,"title":83,"section":11},"\u002Fpkg\u002Fpopover","Popover",{"path":85,"title":86,"section":11},"\u002Fpkg\u002Fpreview-card","Preview Card",{"path":88,"title":89,"section":11},"\u002Fpkg\u002Fprogress","Progress",{"path":91,"title":92,"section":11},"\u002Fpkg\u002Fradio-group","Radio Group",{"path":94,"title":95,"section":11},"\u002Fpkg\u002Fscroll-area","Scroll Area",{"path":97,"title":98,"section":11},"\u002Fpkg\u002Fselect","Select",{"path":100,"title":101,"section":11},"\u002Fpkg\u002Fseparator","Separator",{"path":103,"title":104,"section":11},"\u002Fpkg\u002Fsidebar","Sidebar",{"path":106,"title":107,"section":11},"\u002Fpkg\u002Fslider","Slider",{"path":109,"title":110,"section":11},"\u002Fpkg\u002Fswitch","Switch",{"path":112,"title":113,"section":11},"\u002Fpkg\u002Ftabs","Tabs",{"path":115,"title":116,"section":11},"\u002Fpkg\u002Ftoast","Toast",{"path":118,"title":119,"section":120},"\u002Fpkg\u002Fapi","Api","Runtime",{"path":122,"title":123,"section":120},"\u002Fpkg\u002Fauth","Auth",{"path":125,"title":126,"section":120},"\u002Fpkg\u002Fblob","Blob",{"path":128,"title":129,"section":120},"\u002Fpkg\u002Fchannels","Channels",{"path":131,"title":132,"section":120},"\u002Fpkg\u002Fdb","Db",{"id":134,"title":98,"body":135,"description":400,"extension":401,"meta":402,"navigation":403,"path":97,"section":11,"seo":404,"stem":405,"__hash__":406},"pkg\u002Fpkg\u002Fselect.md",{"type":136,"value":137,"toc":396},"minimark",[138,147,150,155,311,315,392],[139,140,141,142,146],"p",{},"A form control for choosing a predefined value in a dropdown. Prefer Combobox when the list is long enough to filter. The trigger matches Input: no border, a color wash unless ",[143,144,145],"code",{},"inline",", and a lightness shift on hover and focus. A highlighted option shows the accent dot. The trigger and options are Regular. Group labels are Light.",[148,149],"base-select-demo",{},[151,152,154],"h2",{"id":153},"anatomy","Anatomy",[156,157,162],"pre",{"className":158,"code":159,"language":160,"meta":161,"style":161},"language-vue shiki shiki-themes github-light github-dark","\u003CUiSelectRoot :items=\"apples\">\n  \u003CUiSelectLabel>Apple\u003C\u002FUiSelectLabel>\n  \u003CUiSelectTrigger>\n    \u003CUiSelectValue placeholder=\"Select apple\" \u002F>\n    \u003CUiSelectIcon \u002F>\n  \u003C\u002FUiSelectTrigger>\n  \u003CUiSelectPortal>\n    \u003CUiSelectPositioner>\n      \u003CUiSelectPopup>\n        \u003CUiSelectList>\n          \u003CUiSelectItem value=\"gala\">\n            \u003CUiSelectItemIndicator \u002F>\n            \u003CUiSelectItemText>Gala\u003C\u002FUiSelectItemText>\n          \u003C\u002FUiSelectItem>\n        \u003C\u002FUiSelectList>\n      \u003C\u002FUiSelectPopup>\n    \u003C\u002FUiSelectPositioner>\n  \u003C\u002FUiSelectPortal>\n\u003C\u002FUiSelectRoot>\n","vue","",[143,163,164,199,205,211,217,223,229,235,241,247,253,259,265,271,277,283,289,295,301],{"__ignoreMap":161},[165,166,169,173,177,180,184,187,191,194,196],"span",{"class":167,"line":168},"line",1,[165,170,172],{"class":171},"sVt8B","\u003C",[165,174,176],{"class":175},"s9eBZ","UiSelectRoot",[165,178,179],{"class":171}," :",[165,181,183],{"class":182},"sScJk","items",[165,185,186],{"class":171},"=",[165,188,190],{"class":189},"sZZnC","\"",[165,192,193],{"class":171},"apples",[165,195,190],{"class":189},[165,197,198],{"class":171},">\n",[165,200,202],{"class":167,"line":201},2,[165,203,204],{"class":171},"  \u003CUiSelectLabel>Apple\u003C\u002FUiSelectLabel>\n",[165,206,208],{"class":167,"line":207},3,[165,209,210],{"class":171},"  \u003CUiSelectTrigger>\n",[165,212,214],{"class":167,"line":213},4,[165,215,216],{"class":171},"    \u003CUiSelectValue placeholder=\"Select apple\" \u002F>\n",[165,218,220],{"class":167,"line":219},5,[165,221,222],{"class":171},"    \u003CUiSelectIcon \u002F>\n",[165,224,226],{"class":167,"line":225},6,[165,227,228],{"class":171},"  \u003C\u002FUiSelectTrigger>\n",[165,230,232],{"class":167,"line":231},7,[165,233,234],{"class":171},"  \u003CUiSelectPortal>\n",[165,236,238],{"class":167,"line":237},8,[165,239,240],{"class":171},"    \u003CUiSelectPositioner>\n",[165,242,244],{"class":167,"line":243},9,[165,245,246],{"class":171},"      \u003CUiSelectPopup>\n",[165,248,250],{"class":167,"line":249},10,[165,251,252],{"class":171},"        \u003CUiSelectList>\n",[165,254,256],{"class":167,"line":255},11,[165,257,258],{"class":171},"          \u003CUiSelectItem value=\"gala\">\n",[165,260,262],{"class":167,"line":261},12,[165,263,264],{"class":171},"            \u003CUiSelectItemIndicator \u002F>\n",[165,266,268],{"class":167,"line":267},13,[165,269,270],{"class":171},"            \u003CUiSelectItemText>Gala\u003C\u002FUiSelectItemText>\n",[165,272,274],{"class":167,"line":273},14,[165,275,276],{"class":171},"          \u003C\u002FUiSelectItem>\n",[165,278,280],{"class":167,"line":279},15,[165,281,282],{"class":171},"        \u003C\u002FUiSelectList>\n",[165,284,286],{"class":167,"line":285},16,[165,287,288],{"class":171},"      \u003C\u002FUiSelectPopup>\n",[165,290,292],{"class":167,"line":291},17,[165,293,294],{"class":171},"    \u003C\u002FUiSelectPositioner>\n",[165,296,298],{"class":167,"line":297},18,[165,299,300],{"class":171},"  \u003C\u002FUiSelectPortal>\n",[165,302,304,307,309],{"class":167,"line":303},19,[165,305,306],{"class":171},"\u003C\u002F",[165,308,176],{"class":175},[165,310,198],{"class":171},[151,312,314],{"id":313},"parts","Parts",[316,317,318,341,347,353,359,380,386],"ul",{},[319,320,321,325,326,329,330,333,334,336,337,340],"li",{},[322,323,324],"strong",{},"Root"," — owns ",[143,327,328],{},"value"," \u002F ",[143,331,332],{},"open",". Pass ",[143,335,183],{}," as ",[143,338,339],{},"{ label, value }[]",". Typeahead matches labels.",[319,342,343,346],{},[322,344,345],{},"Label"," — accessible name for the trigger.",[319,348,349,352],{},[322,350,351],{},"Trigger \u002F Value \u002F Icon"," — the closed field. Arrow keys and Enter open the list.",[319,354,355,358],{},[322,356,357],{},"Portal \u002F Positioner \u002F Popup"," — below the trigger. Esc and outside click close.",[319,360,361,364,365,329,368,371,372,375,376,379],{},[322,362,363],{},"List \u002F Item"," — ",[143,366,367],{},"role=\"listbox\"",[143,369,370],{},"option",". ",[143,373,374],{},"data-selected"," and ",[143,377,378],{},"data-highlighted",".",[319,381,382,385],{},[322,383,384],{},"ItemIndicator \u002F ItemText"," — check and label.",[319,387,388,391],{},[322,389,390],{},"Group \u002F GroupLabel \u002F Separator"," — optional grouping.",[393,394,395],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":161,"searchDepth":201,"depth":201,"links":397},[398,399],{"id":153,"depth":201,"text":154},{"id":313,"depth":201,"text":314},"A dropdown for a predefined value","md",{},true,{"title":98,"description":400},"pkg\u002Fselect","0IkQgXWzB4RhyKQRpYOu7N5k-5phuumDrO6hFw-WE_8",1791043755152]