[{"data":1,"prerenderedAt":3197},["ShallowReactive",2],{"navigation":3,"page:\u002Fcomponents\u002Fselect":207,"\u002Fcomponents\u002Fselect-surround":3192},[4,28],{"title":5,"path":6,"stem":7,"children":8,"icon":27},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,12,17,22],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-house",{"title":13,"path":14,"stem":15,"icon":16},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":18,"path":19,"stem":20,"icon":21},"Styling","\u002Fgetting-started\u002Fstyling","1.getting-started\u002F3.styling","i-lucide-paintbrush",{"title":23,"path":24,"stem":25,"icon":26},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F4.usage","i-lucide-sliders",false,{"title":29,"path":30,"stem":31,"children":32,"icon":35},"Components","\u002Fcomponents","2.components\u002F1.index",[33,36,41,46,51,56,61,66,71,76,81,86,91,96,101,106,111,115,120,125,130,135,140,145,150,155,160,165,170,175,180,184,188,193,197,202],{"title":34,"path":30,"stem":31,"icon":35},"All Components","i-lucide-component",{"title":37,"path":38,"stem":39,"icon":40},"Accordion","\u002Fcomponents\u002Faccordion","2.components\u002Faccordion","i-lucide-layout-panel-top",{"title":42,"path":43,"stem":44,"icon":45},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","2.components\u002Falert-dialog","i-lucide-triangle-alert",{"title":47,"path":48,"stem":49,"icon":50},"Avatar","\u002Fcomponents\u002Favatar","2.components\u002Favatar","i-lucide-circle-user",{"title":52,"path":53,"stem":54,"icon":55},"Button","\u002Fcomponents\u002Fbutton","2.components\u002Fbutton","i-lucide-mouse-pointer-click",{"title":57,"path":58,"stem":59,"icon":60},"Checkbox","\u002Fcomponents\u002Fcheckbox","2.components\u002Fcheckbox","i-lucide-square-check",{"title":62,"path":63,"stem":64,"icon":65},"Checkbox Group","\u002Fcomponents\u002Fcheckbox-group","2.components\u002Fcheckbox-group","i-lucide-list-checks",{"title":67,"path":68,"stem":69,"icon":70},"Collapsible","\u002Fcomponents\u002Fcollapsible","2.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":72,"path":73,"stem":74,"icon":75},"Combobox","\u002Fcomponents\u002Fcombobox","2.components\u002Fcombobox","i-lucide-search",{"title":77,"path":78,"stem":79,"icon":80},"Context Menu","\u002Fcomponents\u002Fcontext-menu","2.components\u002Fcontext-menu","i-lucide-mouse-pointer-2",{"title":82,"path":83,"stem":84,"icon":85},"Dialog","\u002Fcomponents\u002Fdialog","2.components\u002Fdialog","i-lucide-square",{"title":87,"path":88,"stem":89,"icon":90},"Drawer","\u002Fcomponents\u002Fdrawer","2.components\u002Fdrawer","i-lucide-panel-right",{"title":92,"path":93,"stem":94,"icon":95},"Field","\u002Fcomponents\u002Ffield","2.components\u002Ffield","i-lucide-text-cursor-input",{"title":97,"path":98,"stem":99,"icon":100},"Fieldset","\u002Fcomponents\u002Ffieldset","2.components\u002Ffieldset","i-lucide-group",{"title":102,"path":103,"stem":104,"icon":105},"Form","\u002Fcomponents\u002Fform","2.components\u002Fform","i-lucide-clipboard-check",{"title":107,"path":108,"stem":109,"icon":110},"Hover Preview Card","\u002Fcomponents\u002Fhover-preview-card","2.components\u002Fhover-preview-card","i-lucide-id-card",{"title":112,"path":113,"stem":114,"icon":95},"Input","\u002Fcomponents\u002Finput","2.components\u002Finput",{"title":116,"path":117,"stem":118,"icon":119},"Menu","\u002Fcomponents\u002Fmenu","2.components\u002Fmenu","i-lucide-list",{"title":121,"path":122,"stem":123,"icon":124},"Menubar","\u002Fcomponents\u002Fmenubar","2.components\u002Fmenubar","i-lucide-panel-top",{"title":126,"path":127,"stem":128,"icon":129},"Meter","\u002Fcomponents\u002Fmeter","2.components\u002Fmeter","i-lucide-gauge",{"title":131,"path":132,"stem":133,"icon":134},"Navigation Menu","\u002Fcomponents\u002Fnavigation-menu","2.components\u002Fnavigation-menu","i-lucide-navigation",{"title":136,"path":137,"stem":138,"icon":139},"Number Field","\u002Fcomponents\u002Fnumber-field","2.components\u002Fnumber-field","i-lucide-badge-plus",{"title":141,"path":142,"stem":143,"icon":144},"Overlay Provider","\u002Fcomponents\u002Foverlay","2.components\u002Foverlay","i-lucide-panels-top-left",{"title":146,"path":147,"stem":148,"icon":149},"Popover","\u002Fcomponents\u002Fpopover","2.components\u002Fpopover","i-lucide-message-square",{"title":151,"path":152,"stem":153,"icon":154},"Progress","\u002Fcomponents\u002Fprogress","2.components\u002Fprogress","i-lucide-loader",{"title":156,"path":157,"stem":158,"icon":159},"Radio Group","\u002Fcomponents\u002Fradio-group","2.components\u002Fradio-group","i-lucide-circle-dot",{"title":161,"path":162,"stem":163,"icon":164},"Select","\u002Fcomponents\u002Fselect","2.components\u002Fselect","i-lucide-list-filter",{"title":166,"path":167,"stem":168,"icon":169},"Separator","\u002Fcomponents\u002Fseparator","2.components\u002Fseparator","i-lucide-minus",{"title":171,"path":172,"stem":173,"icon":174},"Slider","\u002Fcomponents\u002Fslider","2.components\u002Fslider","i-lucide-sliders-horizontal",{"title":176,"path":177,"stem":178,"icon":179},"Switch","\u002Fcomponents\u002Fswitch","2.components\u002Fswitch","i-lucide-toggle-left",{"title":181,"path":182,"stem":183,"icon":40},"Tabs","\u002Fcomponents\u002Ftabs","2.components\u002Ftabs",{"title":185,"path":186,"stem":187,"icon":149},"Toast","\u002Fcomponents\u002Ftoast","2.components\u002Ftoast",{"title":189,"path":190,"stem":191,"icon":192},"Toggle","\u002Fcomponents\u002Ftoggle","2.components\u002Ftoggle","i-lucide-toggle-right",{"title":194,"path":195,"stem":196,"icon":65},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","2.components\u002Ftoggle-group",{"title":198,"path":199,"stem":200,"icon":201},"Toolbar","\u002Fcomponents\u002Ftoolbar","2.components\u002Ftoolbar","i-lucide-wrench",{"title":203,"path":204,"stem":205,"icon":206},"Tooltip","\u002Fcomponents\u002Ftooltip","2.components\u002Ftooltip","i-lucide-info",{"id":208,"title":161,"body":209,"description":3185,"extension":3186,"links":3187,"meta":3188,"navigation":3189,"path":162,"seo":3190,"stem":163,"__hash__":3191},"docs\u002F2.components\u002Fselect.md",{"type":210,"value":211,"toc":3164},"minimark",[212,227,230,240,245,290,297,300,306,653,657,662,677,937,941,952,1049,1053,1066,1251,1255,1279,1384,1388,1396,1584,1588,1598,1668,1672,1676,2216,2220,2288,2292,2446,2450,2533,2537,2723,2727,3045,3063,3073,3085,3089,3160],[213,214,215,218,219,222,223,226],"p",{},[216,217,161],"code",{}," renders a trigger and a ",[216,220,221],{},"role=\"listbox\""," popup. It supports single or multiple values, labels, separators, typeahead, cancelable changes, and ",[224,225,92],"a",{"href":93}," metadata without a nested subcomponent tree.",[213,228,229],{},"Popup placement flips when preferred side lacks room, clamps to viewport, and follows anchor\u002Fcontent resize and ancestor scrolling.",[213,231,232,233,236,237,239],{},"Use it when the user must choose from a known list. Use ",[216,234,235],{},"autocomplete"," when the same select needs lightweight filtering. Use ",[224,238,72],{"href":73}," when the text input itself is the primary interaction.",[241,242,244],"h2",{"id":243},"anatomy","Anatomy",[246,247,248,262,270,282],"ul",{},[249,250,251,257,258,261],"li",{},[252,253,254],"strong",{},[216,255,256],{},"#trigger",": Custom trigger content. Use ",[216,259,260],{},"triggerProps"," when rendering your own interactive trigger.",[249,263,264,269],{},[252,265,266],{},[216,267,268],{},"#value",": Selected value content inside the trigger.",[249,271,272,277,278,281],{},[252,273,274],{},[216,275,276],{},"#option",": Content inside each generated ",[216,279,280],{},"role=\"option\""," row.",[249,283,284,289],{},[252,285,286],{},[216,287,288],{},"#group-label",": Content for non-selectable label rows.",[213,291,292,293,296],{},"The trigger, listbox, options, indicator, separators, and hidden native select are generated by the component. Style those generated parts with the matching ",[216,294,295],{},"ui"," keys.",[241,298,23],{"id":299},"usage",[301,302,303],"component-preview",{},[304,305],"examples-select-demo",{},[307,308,309],"component-code",{},[310,311,316],"pre",{"className":312,"code":313,"language":314,"meta":315,"style":315},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { Select } from \"akaza-ui\";\nimport { ref } from \"vue\";\n\nconst plan = ref(\"pro\");\nconst options = [\n  { value: \"free\", label: \"Free\" },\n  { value: \"pro\", label: \"Pro\" },\n  { value: \"team\", label: \"Team\", disabled: true },\n];\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSelect v-model=\"plan\" :options=\"options\" placeholder=\"Choose plan\" \u002F>\n\u003C\u002Ftemplate>\n","vue","",[216,317,318,353,384,406,413,442,455,492,522,564,572,582,587,597,644],{"__ignoreMap":315},[319,320,323,327,331,335,338,341,344,348,350],"span",{"class":321,"line":322},"line",1,[319,324,326],{"class":325},"sMK4o","\u003C",[319,328,330],{"class":329},"swJcz","script",[319,332,334],{"class":333},"spNyl"," setup",[319,336,337],{"class":333}," lang",[319,339,340],{"class":325},"=",[319,342,343],{"class":325},"\"",[319,345,347],{"class":346},"sfazB","ts",[319,349,343],{"class":325},[319,351,352],{"class":325},">\n",[319,354,356,360,363,367,370,373,376,379,381],{"class":321,"line":355},2,[319,357,359],{"class":358},"s7zQu","import",[319,361,362],{"class":325}," {",[319,364,366],{"class":365},"sTEyZ"," Select",[319,368,369],{"class":325}," }",[319,371,372],{"class":358}," from",[319,374,375],{"class":325}," \"",[319,377,378],{"class":346},"akaza-ui",[319,380,343],{"class":325},[319,382,383],{"class":325},";\n",[319,385,387,389,391,394,396,398,400,402,404],{"class":321,"line":386},3,[319,388,359],{"class":358},[319,390,362],{"class":325},[319,392,393],{"class":365}," ref",[319,395,369],{"class":325},[319,397,372],{"class":358},[319,399,375],{"class":325},[319,401,314],{"class":346},[319,403,343],{"class":325},[319,405,383],{"class":325},[319,407,409],{"class":321,"line":408},4,[319,410,412],{"emptyLinePlaceholder":411},true,"\n",[319,414,416,419,422,424,427,430,432,435,437,440],{"class":321,"line":415},5,[319,417,418],{"class":333},"const",[319,420,421],{"class":365}," plan ",[319,423,340],{"class":325},[319,425,393],{"class":426},"s2Zo4",[319,428,429],{"class":365},"(",[319,431,343],{"class":325},[319,433,434],{"class":346},"pro",[319,436,343],{"class":325},[319,438,439],{"class":365},")",[319,441,383],{"class":325},[319,443,445,447,450,452],{"class":321,"line":444},6,[319,446,418],{"class":333},[319,448,449],{"class":365}," options ",[319,451,340],{"class":325},[319,453,454],{"class":365}," [\n",[319,456,458,461,464,467,469,472,474,477,480,482,484,487,489],{"class":321,"line":457},7,[319,459,460],{"class":325},"  {",[319,462,463],{"class":329}," value",[319,465,466],{"class":325},":",[319,468,375],{"class":325},[319,470,471],{"class":346},"free",[319,473,343],{"class":325},[319,475,476],{"class":325},",",[319,478,479],{"class":329}," label",[319,481,466],{"class":325},[319,483,375],{"class":325},[319,485,486],{"class":346},"Free",[319,488,343],{"class":325},[319,490,491],{"class":325}," },\n",[319,493,495,497,499,501,503,505,507,509,511,513,515,518,520],{"class":321,"line":494},8,[319,496,460],{"class":325},[319,498,463],{"class":329},[319,500,466],{"class":325},[319,502,375],{"class":325},[319,504,434],{"class":346},[319,506,343],{"class":325},[319,508,476],{"class":325},[319,510,479],{"class":329},[319,512,466],{"class":325},[319,514,375],{"class":325},[319,516,517],{"class":346},"Pro",[319,519,343],{"class":325},[319,521,491],{"class":325},[319,523,525,527,529,531,533,536,538,540,542,544,546,549,551,553,556,558,562],{"class":321,"line":524},9,[319,526,460],{"class":325},[319,528,463],{"class":329},[319,530,466],{"class":325},[319,532,375],{"class":325},[319,534,535],{"class":346},"team",[319,537,343],{"class":325},[319,539,476],{"class":325},[319,541,479],{"class":329},[319,543,466],{"class":325},[319,545,375],{"class":325},[319,547,548],{"class":346},"Team",[319,550,343],{"class":325},[319,552,476],{"class":325},[319,554,555],{"class":329}," disabled",[319,557,466],{"class":325},[319,559,561],{"class":560},"sfNiH"," true",[319,563,491],{"class":325},[319,565,567,570],{"class":321,"line":566},10,[319,568,569],{"class":365},"]",[319,571,383],{"class":325},[319,573,575,578,580],{"class":321,"line":574},11,[319,576,577],{"class":325},"\u003C\u002F",[319,579,330],{"class":329},[319,581,352],{"class":325},[319,583,585],{"class":321,"line":584},12,[319,586,412],{"emptyLinePlaceholder":411},[319,588,590,592,595],{"class":321,"line":589},13,[319,591,326],{"class":325},[319,593,594],{"class":329},"template",[319,596,352],{"class":325},[319,598,600,603,605,608,610,612,615,617,620,622,624,627,629,632,634,636,639,641],{"class":321,"line":599},14,[319,601,602],{"class":325},"  \u003C",[319,604,161],{"class":329},[319,606,607],{"class":333}," v-model",[319,609,340],{"class":325},[319,611,343],{"class":325},[319,613,614],{"class":346},"plan",[319,616,343],{"class":325},[319,618,619],{"class":333}," :options",[319,621,340],{"class":325},[319,623,343],{"class":325},[319,625,626],{"class":346},"options",[319,628,343],{"class":325},[319,630,631],{"class":333}," placeholder",[319,633,340],{"class":325},[319,635,343],{"class":325},[319,637,638],{"class":346},"Choose plan",[319,640,343],{"class":325},[319,642,643],{"class":325}," \u002F>\n",[319,645,647,649,651],{"class":321,"line":646},15,[319,648,577],{"class":325},[319,650,594],{"class":329},[319,652,352],{"class":325},[241,654,656],{"id":655},"examples","Examples",[658,659,661],"h3",{"id":660},"multiple-selection","Multiple selection",[213,663,664,665,668,669,672,673,676],{},"Set ",[216,666,667],{},"multiple"," and bind ",[216,670,671],{},"v-model"," to ",[216,674,675],{},"string[]",". Selected options stay open so users can toggle more than one item.",[310,678,680],{"className":312,"code":679,"language":314,"meta":315,"style":315},"\u003Cscript setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport { Select } from \"akaza-ui\";\n\nconst permissions = ref([\"read\"]);\nconst options = [\n  { value: \"read\", label: \"Read\" },\n  { value: \"write\", label: \"Write\" },\n  { value: \"deploy\", label: \"Deploy\" },\n];\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSelect v-model=\"permissions\" multiple :options=\"options\" \u002F>\n\u003C\u002Ftemplate>\n",[216,681,682,702,722,742,746,772,782,811,841,871,877,885,889,897,929],{"__ignoreMap":315},[319,683,684,686,688,690,692,694,696,698,700],{"class":321,"line":322},[319,685,326],{"class":325},[319,687,330],{"class":329},[319,689,334],{"class":333},[319,691,337],{"class":333},[319,693,340],{"class":325},[319,695,343],{"class":325},[319,697,347],{"class":346},[319,699,343],{"class":325},[319,701,352],{"class":325},[319,703,704,706,708,710,712,714,716,718,720],{"class":321,"line":355},[319,705,359],{"class":358},[319,707,362],{"class":325},[319,709,393],{"class":365},[319,711,369],{"class":325},[319,713,372],{"class":358},[319,715,375],{"class":325},[319,717,314],{"class":346},[319,719,343],{"class":325},[319,721,383],{"class":325},[319,723,724,726,728,730,732,734,736,738,740],{"class":321,"line":386},[319,725,359],{"class":358},[319,727,362],{"class":325},[319,729,366],{"class":365},[319,731,369],{"class":325},[319,733,372],{"class":358},[319,735,375],{"class":325},[319,737,378],{"class":346},[319,739,343],{"class":325},[319,741,383],{"class":325},[319,743,744],{"class":321,"line":408},[319,745,412],{"emptyLinePlaceholder":411},[319,747,748,750,753,755,757,760,762,765,767,770],{"class":321,"line":415},[319,749,418],{"class":333},[319,751,752],{"class":365}," permissions ",[319,754,340],{"class":325},[319,756,393],{"class":426},[319,758,759],{"class":365},"([",[319,761,343],{"class":325},[319,763,764],{"class":346},"read",[319,766,343],{"class":325},[319,768,769],{"class":365},"])",[319,771,383],{"class":325},[319,773,774,776,778,780],{"class":321,"line":444},[319,775,418],{"class":333},[319,777,449],{"class":365},[319,779,340],{"class":325},[319,781,454],{"class":365},[319,783,784,786,788,790,792,794,796,798,800,802,804,807,809],{"class":321,"line":457},[319,785,460],{"class":325},[319,787,463],{"class":329},[319,789,466],{"class":325},[319,791,375],{"class":325},[319,793,764],{"class":346},[319,795,343],{"class":325},[319,797,476],{"class":325},[319,799,479],{"class":329},[319,801,466],{"class":325},[319,803,375],{"class":325},[319,805,806],{"class":346},"Read",[319,808,343],{"class":325},[319,810,491],{"class":325},[319,812,813,815,817,819,821,824,826,828,830,832,834,837,839],{"class":321,"line":494},[319,814,460],{"class":325},[319,816,463],{"class":329},[319,818,466],{"class":325},[319,820,375],{"class":325},[319,822,823],{"class":346},"write",[319,825,343],{"class":325},[319,827,476],{"class":325},[319,829,479],{"class":329},[319,831,466],{"class":325},[319,833,375],{"class":325},[319,835,836],{"class":346},"Write",[319,838,343],{"class":325},[319,840,491],{"class":325},[319,842,843,845,847,849,851,854,856,858,860,862,864,867,869],{"class":321,"line":524},[319,844,460],{"class":325},[319,846,463],{"class":329},[319,848,466],{"class":325},[319,850,375],{"class":325},[319,852,853],{"class":346},"deploy",[319,855,343],{"class":325},[319,857,476],{"class":325},[319,859,479],{"class":329},[319,861,466],{"class":325},[319,863,375],{"class":325},[319,865,866],{"class":346},"Deploy",[319,868,343],{"class":325},[319,870,491],{"class":325},[319,872,873,875],{"class":321,"line":566},[319,874,569],{"class":365},[319,876,383],{"class":325},[319,878,879,881,883],{"class":321,"line":574},[319,880,577],{"class":325},[319,882,330],{"class":329},[319,884,352],{"class":325},[319,886,887],{"class":321,"line":584},[319,888,412],{"emptyLinePlaceholder":411},[319,890,891,893,895],{"class":321,"line":589},[319,892,326],{"class":325},[319,894,594],{"class":329},[319,896,352],{"class":325},[319,898,899,901,903,905,907,909,912,914,917,919,921,923,925,927],{"class":321,"line":599},[319,900,602],{"class":325},[319,902,161],{"class":329},[319,904,607],{"class":333},[319,906,340],{"class":325},[319,908,343],{"class":325},[319,910,911],{"class":346},"permissions",[319,913,343],{"class":325},[319,915,916],{"class":333}," multiple",[319,918,619],{"class":333},[319,920,340],{"class":325},[319,922,343],{"class":325},[319,924,626],{"class":346},[319,926,343],{"class":325},[319,928,643],{"class":325},[319,930,931,933,935],{"class":321,"line":646},[319,932,577],{"class":325},[319,934,594],{"class":329},[319,936,352],{"class":325},[658,938,940],{"id":939},"grouped-options","Grouped options",[213,942,943,944,947,948,951],{},"Use ",[216,945,946],{},"type: \"label\""," and ",[216,949,950],{},"type: \"separator\""," for non-selectable rows. They are skipped by keyboard navigation.",[310,953,955],{"className":312,"code":954,"language":314,"meta":315,"style":315},"\u003Ctemplate>\n  \u003CSelect\n    v-model=\"role\"\n    :options=\"[\n      { type: 'label', label: 'Project' },\n      { value: 'viewer', label: 'Viewer' },\n      { value: 'editor', label: 'Editor' },\n      { type: 'separator' },\n      { type: 'label', label: 'Admin' },\n      { value: 'owner', label: 'Owner' },\n    ]\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[216,956,957,965,972,987,999,1004,1009,1014,1019,1024,1029,1036,1041],{"__ignoreMap":315},[319,958,959,961,963],{"class":321,"line":322},[319,960,326],{"class":325},[319,962,594],{"class":329},[319,964,352],{"class":325},[319,966,967,969],{"class":321,"line":355},[319,968,602],{"class":325},[319,970,971],{"class":329},"Select\n",[319,973,974,977,979,981,984],{"class":321,"line":386},[319,975,976],{"class":333},"    v-model",[319,978,340],{"class":325},[319,980,343],{"class":325},[319,982,983],{"class":346},"role",[319,985,986],{"class":325},"\"\n",[319,988,989,992,994,996],{"class":321,"line":408},[319,990,991],{"class":333},"    :options",[319,993,340],{"class":325},[319,995,343],{"class":325},[319,997,998],{"class":346},"[\n",[319,1000,1001],{"class":321,"line":415},[319,1002,1003],{"class":346},"      { type: 'label', label: 'Project' },\n",[319,1005,1006],{"class":321,"line":444},[319,1007,1008],{"class":346},"      { value: 'viewer', label: 'Viewer' },\n",[319,1010,1011],{"class":321,"line":457},[319,1012,1013],{"class":346},"      { value: 'editor', label: 'Editor' },\n",[319,1015,1016],{"class":321,"line":494},[319,1017,1018],{"class":346},"      { type: 'separator' },\n",[319,1020,1021],{"class":321,"line":524},[319,1022,1023],{"class":346},"      { type: 'label', label: 'Admin' },\n",[319,1025,1026],{"class":321,"line":566},[319,1027,1028],{"class":346},"      { value: 'owner', label: 'Owner' },\n",[319,1030,1031,1034],{"class":321,"line":574},[319,1032,1033],{"class":346},"    ]",[319,1035,986],{"class":325},[319,1037,1038],{"class":321,"line":584},[319,1039,1040],{"class":325},"  \u002F>\n",[319,1042,1043,1045,1047],{"class":321,"line":589},[319,1044,577],{"class":325},[319,1046,594],{"class":329},[319,1048,352],{"class":325},[658,1050,1052],{"id":1051},"autocomplete-filtering","Autocomplete filtering",[213,1054,664,1055,1057,1058,1061,1062,1065],{},[216,1056,235],{}," to render a search input inside the popup. Focus moves into the search input when opened; that input owns ",[216,1059,1060],{},"aria-activedescendant"," and Arrow\u002FEnter\u002FEscape navigation. Bind ",[216,1063,1064],{},"v-model:search"," when search text should drive async loading or external filtering.",[310,1067,1069],{"className":312,"code":1068,"language":314,"meta":315,"style":315},"\u003Cscript setup lang=\"ts\">\nimport { ref } from \"vue\";\n\nconst value = ref(\"\");\nconst search = ref(\"\");\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSelect\n    v-model=\"value\"\n    v-model:search=\"search\"\n    autocomplete\n    :options=\"options\"\n    search-placeholder=\"Filter options\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[216,1070,1071,1091,1111,1115,1135,1154,1162,1166,1174,1180,1193,1207,1212,1224,1238,1242],{"__ignoreMap":315},[319,1072,1073,1075,1077,1079,1081,1083,1085,1087,1089],{"class":321,"line":322},[319,1074,326],{"class":325},[319,1076,330],{"class":329},[319,1078,334],{"class":333},[319,1080,337],{"class":333},[319,1082,340],{"class":325},[319,1084,343],{"class":325},[319,1086,347],{"class":346},[319,1088,343],{"class":325},[319,1090,352],{"class":325},[319,1092,1093,1095,1097,1099,1101,1103,1105,1107,1109],{"class":321,"line":355},[319,1094,359],{"class":358},[319,1096,362],{"class":325},[319,1098,393],{"class":365},[319,1100,369],{"class":325},[319,1102,372],{"class":358},[319,1104,375],{"class":325},[319,1106,314],{"class":346},[319,1108,343],{"class":325},[319,1110,383],{"class":325},[319,1112,1113],{"class":321,"line":386},[319,1114,412],{"emptyLinePlaceholder":411},[319,1116,1117,1119,1122,1124,1126,1128,1131,1133],{"class":321,"line":408},[319,1118,418],{"class":333},[319,1120,1121],{"class":365}," value ",[319,1123,340],{"class":325},[319,1125,393],{"class":426},[319,1127,429],{"class":365},[319,1129,1130],{"class":325},"\"\"",[319,1132,439],{"class":365},[319,1134,383],{"class":325},[319,1136,1137,1139,1142,1144,1146,1148,1150,1152],{"class":321,"line":415},[319,1138,418],{"class":333},[319,1140,1141],{"class":365}," search ",[319,1143,340],{"class":325},[319,1145,393],{"class":426},[319,1147,429],{"class":365},[319,1149,1130],{"class":325},[319,1151,439],{"class":365},[319,1153,383],{"class":325},[319,1155,1156,1158,1160],{"class":321,"line":444},[319,1157,577],{"class":325},[319,1159,330],{"class":329},[319,1161,352],{"class":325},[319,1163,1164],{"class":321,"line":457},[319,1165,412],{"emptyLinePlaceholder":411},[319,1167,1168,1170,1172],{"class":321,"line":494},[319,1169,326],{"class":325},[319,1171,594],{"class":329},[319,1173,352],{"class":325},[319,1175,1176,1178],{"class":321,"line":524},[319,1177,602],{"class":325},[319,1179,971],{"class":329},[319,1181,1182,1184,1186,1188,1191],{"class":321,"line":566},[319,1183,976],{"class":333},[319,1185,340],{"class":325},[319,1187,343],{"class":325},[319,1189,1190],{"class":346},"value",[319,1192,986],{"class":325},[319,1194,1195,1198,1200,1202,1205],{"class":321,"line":574},[319,1196,1197],{"class":333},"    v-model:search",[319,1199,340],{"class":325},[319,1201,343],{"class":325},[319,1203,1204],{"class":346},"search",[319,1206,986],{"class":325},[319,1208,1209],{"class":321,"line":584},[319,1210,1211],{"class":333},"    autocomplete\n",[319,1213,1214,1216,1218,1220,1222],{"class":321,"line":589},[319,1215,991],{"class":333},[319,1217,340],{"class":325},[319,1219,343],{"class":325},[319,1221,626],{"class":346},[319,1223,986],{"class":325},[319,1225,1226,1229,1231,1233,1236],{"class":321,"line":599},[319,1227,1228],{"class":333},"    search-placeholder",[319,1230,340],{"class":325},[319,1232,343],{"class":325},[319,1234,1235],{"class":346},"Filter options",[319,1237,986],{"class":325},[319,1239,1240],{"class":321,"line":646},[319,1241,1040],{"class":325},[319,1243,1245,1247,1249],{"class":321,"line":1244},16,[319,1246,577],{"class":325},[319,1248,594],{"class":329},[319,1250,352],{"class":325},[658,1252,1254],{"id":1253},"field-integration","Field integration",[213,1256,1257,1258,1260,1261,1263,1264,1267,1268,1267,1271,1274,1275,1278],{},"Place ",[216,1259,161],{}," inside ",[224,1262,92],{"href":93}," to inherit ",[216,1265,1266],{},"id",", ",[216,1269,1270],{},"name",[216,1272,1273],{},"required",", disabled state, invalid state, and ",[216,1276,1277],{},"aria-describedby",". Required\u002Fnative invalid state is revealed after selection, blur, or invalid submit; it is not shown on initial render.",[310,1280,1282],{"className":312,"code":1281,"language":314,"meta":315,"style":315},"\u003Ctemplate>\n  \u003CField label=\"Server region\" name=\"region\" required>\n    \u003CSelect v-model=\"region\" :options=\"regions\" placeholder=\"Choose region\" \u002F>\n  \u003C\u002FField>\n\u003C\u002Ftemplate>\n",[216,1283,1284,1292,1326,1367,1376],{"__ignoreMap":315},[319,1285,1286,1288,1290],{"class":321,"line":322},[319,1287,326],{"class":325},[319,1289,594],{"class":329},[319,1291,352],{"class":325},[319,1293,1294,1296,1298,1300,1302,1304,1307,1309,1312,1314,1316,1319,1321,1324],{"class":321,"line":355},[319,1295,602],{"class":325},[319,1297,92],{"class":329},[319,1299,479],{"class":333},[319,1301,340],{"class":325},[319,1303,343],{"class":325},[319,1305,1306],{"class":346},"Server region",[319,1308,343],{"class":325},[319,1310,1311],{"class":333}," name",[319,1313,340],{"class":325},[319,1315,343],{"class":325},[319,1317,1318],{"class":346},"region",[319,1320,343],{"class":325},[319,1322,1323],{"class":333}," required",[319,1325,352],{"class":325},[319,1327,1328,1331,1333,1335,1337,1339,1341,1343,1345,1347,1349,1352,1354,1356,1358,1360,1363,1365],{"class":321,"line":386},[319,1329,1330],{"class":325},"    \u003C",[319,1332,161],{"class":329},[319,1334,607],{"class":333},[319,1336,340],{"class":325},[319,1338,343],{"class":325},[319,1340,1318],{"class":346},[319,1342,343],{"class":325},[319,1344,619],{"class":333},[319,1346,340],{"class":325},[319,1348,343],{"class":325},[319,1350,1351],{"class":346},"regions",[319,1353,343],{"class":325},[319,1355,631],{"class":333},[319,1357,340],{"class":325},[319,1359,343],{"class":325},[319,1361,1362],{"class":346},"Choose region",[319,1364,343],{"class":325},[319,1366,643],{"class":325},[319,1368,1369,1372,1374],{"class":321,"line":408},[319,1370,1371],{"class":325},"  \u003C\u002F",[319,1373,92],{"class":329},[319,1375,352],{"class":325},[319,1377,1378,1380,1382],{"class":321,"line":415},[319,1379,577],{"class":325},[319,1381,594],{"class":329},[319,1383,352],{"class":325},[658,1385,1387],{"id":1386},"custom-option-row","Custom option row",[213,1389,943,1390,1392,1393,1395],{},[216,1391,276],{}," to render richer option content. The component still owns ",[216,1394,280],{},", selection state, highlighting, and click handling.",[310,1397,1399],{"className":312,"code":1398,"language":314,"meta":315,"style":315},"\u003Ctemplate>\n  \u003CSelect v-model=\"region\" :options=\"regions\">\n    \u003Ctemplate #option=\"{ label, description, isSelected }\">\n      \u003Cspan aria-hidden=\"true\">{{ isSelected ? \"✓\" : \"\" }}\u003C\u002Fspan>\n      \u003Cspan>\n        \u003Cstrong>{{ label }}\u003C\u002Fstrong>\n        \u003Csmall>{{ description }}\u003C\u002Fsmall>\n      \u003C\u002Fspan>\n    \u003C\u002Ftemplate>\n  \u003C\u002FSelect>\n\u003C\u002Ftemplate>\n",[216,1400,1401,1409,1437,1475,1506,1514,1532,1550,1559,1568,1576],{"__ignoreMap":315},[319,1402,1403,1405,1407],{"class":321,"line":322},[319,1404,326],{"class":325},[319,1406,594],{"class":329},[319,1408,352],{"class":325},[319,1410,1411,1413,1415,1417,1419,1421,1423,1425,1427,1429,1431,1433,1435],{"class":321,"line":355},[319,1412,602],{"class":325},[319,1414,161],{"class":329},[319,1416,607],{"class":333},[319,1418,340],{"class":325},[319,1420,343],{"class":325},[319,1422,1318],{"class":346},[319,1424,343],{"class":325},[319,1426,619],{"class":333},[319,1428,340],{"class":325},[319,1430,343],{"class":325},[319,1432,1351],{"class":346},[319,1434,343],{"class":325},[319,1436,352],{"class":325},[319,1438,1439,1441,1443,1446,1449,1451,1453,1456,1458,1460,1463,1465,1468,1471,1473],{"class":321,"line":386},[319,1440,1330],{"class":325},[319,1442,594],{"class":329},[319,1444,1445],{"class":325}," #",[319,1447,1448],{"class":333},"option",[319,1450,340],{"class":325},[319,1452,343],{"class":325},[319,1454,1455],{"class":325},"{",[319,1457,479],{"class":365},[319,1459,476],{"class":325},[319,1461,1462],{"class":365}," description",[319,1464,476],{"class":325},[319,1466,1467],{"class":365}," isSelected ",[319,1469,1470],{"class":325},"}",[319,1472,343],{"class":325},[319,1474,352],{"class":325},[319,1476,1477,1480,1482,1485,1487,1489,1492,1494,1497,1500,1502,1504],{"class":321,"line":408},[319,1478,1479],{"class":325},"      \u003C",[319,1481,319],{"class":329},[319,1483,1484],{"class":333}," aria-hidden",[319,1486,340],{"class":325},[319,1488,343],{"class":325},[319,1490,1491],{"class":346},"true",[319,1493,343],{"class":325},[319,1495,1496],{"class":325},">",[319,1498,1499],{"class":365},"{{ isSelected ? \"✓\" : \"\" }}",[319,1501,577],{"class":325},[319,1503,319],{"class":329},[319,1505,352],{"class":325},[319,1507,1508,1510,1512],{"class":321,"line":415},[319,1509,1479],{"class":325},[319,1511,319],{"class":329},[319,1513,352],{"class":325},[319,1515,1516,1519,1521,1523,1526,1528,1530],{"class":321,"line":444},[319,1517,1518],{"class":325},"        \u003C",[319,1520,252],{"class":329},[319,1522,1496],{"class":325},[319,1524,1525],{"class":365},"{{ label }}",[319,1527,577],{"class":325},[319,1529,252],{"class":329},[319,1531,352],{"class":325},[319,1533,1534,1536,1539,1541,1544,1546,1548],{"class":321,"line":457},[319,1535,1518],{"class":325},[319,1537,1538],{"class":329},"small",[319,1540,1496],{"class":325},[319,1542,1543],{"class":365},"{{ description }}",[319,1545,577],{"class":325},[319,1547,1538],{"class":329},[319,1549,352],{"class":325},[319,1551,1552,1555,1557],{"class":321,"line":494},[319,1553,1554],{"class":325},"      \u003C\u002F",[319,1556,319],{"class":329},[319,1558,352],{"class":325},[319,1560,1561,1564,1566],{"class":321,"line":524},[319,1562,1563],{"class":325},"    \u003C\u002F",[319,1565,594],{"class":329},[319,1567,352],{"class":325},[319,1569,1570,1572,1574],{"class":321,"line":566},[319,1571,1371],{"class":325},[319,1573,161],{"class":329},[319,1575,352],{"class":325},[319,1577,1578,1580,1582],{"class":321,"line":574},[319,1579,577],{"class":325},[319,1581,594],{"class":329},[319,1583,352],{"class":325},[658,1585,1587],{"id":1586},"cancel-a-selection","Cancel a selection",[213,1589,1590,1593,1594,1597],{},[216,1591,1592],{},"value-change"," fires before the model changes. Call ",[216,1595,1596],{},"details.cancel()"," to block a value.",[310,1599,1601],{"className":312,"code":1600,"language":314,"meta":315,"style":315},"\u003Ctemplate>\n  \u003CSelect\n    v-model=\"role\"\n    :options=\"roles\"\n    @value-change=\"(value, details) => value === 'owner' && details.cancel()\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[216,1602,1603,1611,1617,1629,1642,1656,1660],{"__ignoreMap":315},[319,1604,1605,1607,1609],{"class":321,"line":322},[319,1606,326],{"class":325},[319,1608,594],{"class":329},[319,1610,352],{"class":325},[319,1612,1613,1615],{"class":321,"line":355},[319,1614,602],{"class":325},[319,1616,971],{"class":329},[319,1618,1619,1621,1623,1625,1627],{"class":321,"line":386},[319,1620,976],{"class":333},[319,1622,340],{"class":325},[319,1624,343],{"class":325},[319,1626,983],{"class":346},[319,1628,986],{"class":325},[319,1630,1631,1633,1635,1637,1640],{"class":321,"line":408},[319,1632,991],{"class":333},[319,1634,340],{"class":325},[319,1636,343],{"class":325},[319,1638,1639],{"class":346},"roles",[319,1641,986],{"class":325},[319,1643,1644,1647,1649,1651,1654],{"class":321,"line":415},[319,1645,1646],{"class":333},"    @value-change",[319,1648,340],{"class":325},[319,1650,343],{"class":325},[319,1652,1653],{"class":346},"(value, details) => value === 'owner' && details.cancel()",[319,1655,986],{"class":325},[319,1657,1658],{"class":321,"line":444},[319,1659,1040],{"class":325},[319,1661,1662,1664,1666],{"class":321,"line":457},[319,1663,577],{"class":325},[319,1665,594],{"class":329},[319,1667,352],{"class":325},[241,1669,1671],{"id":1670},"api-reference","API Reference",[658,1673,1675],{"id":1674},"props","Props",[1677,1678,1679,1698],"table",{},[1680,1681,1682],"thead",{},[1683,1684,1685,1689,1692,1695],"tr",{},[1686,1687,1688],"th",{},"Prop",[1686,1690,1691],{},"Type",[1686,1693,1694],{},"Default",[1686,1696,1697],{},"Description",[1699,1700,1701,1718,1743,1762,1781,1800,1819,1843,1861,1877,1893,1910,1928,1946,1964,1981,1999,2017,2036,2055,2073,2091,2111,2131,2151,2167,2183,2200],"tbody",{},[1683,1702,1703,1708,1713,1715],{},[1704,1705,1706],"td",{},[216,1707,626],{},[1704,1709,1710],{},[216,1711,1712],{},"SelectOption[]",[1704,1714,1273],{},[1704,1716,1717],{},"Options rendered in the listbox.",[1683,1719,1720,1725,1730,1733],{},[1704,1721,1722],{},[216,1723,1724],{},"valueKey",[1704,1726,1727],{},[216,1728,1729],{},"string",[1704,1731,1732],{},"—",[1704,1734,1735,1736,1738,1739,1742],{},"Object key used as option value. Falls back to ",[216,1737,1190],{},", then ",[216,1740,1741],{},"label",".",[1683,1744,1745,1750,1754,1759],{},[1704,1746,1747],{},[216,1748,1749],{},"labelKey",[1704,1751,1752],{},[216,1753,1729],{},[1704,1755,1756],{},[216,1757,1758],{},"\"label\"",[1704,1760,1761],{},"Object key used as option label.",[1683,1763,1764,1769,1773,1778],{},[1704,1765,1766],{},[216,1767,1768],{},"descriptionKey",[1704,1770,1771],{},[216,1772,1729],{},[1704,1774,1775],{},[216,1776,1777],{},"\"description\"",[1704,1779,1780],{},"Object key used as option description.",[1683,1782,1783,1788,1792,1797],{},[1704,1784,1785],{},[216,1786,1787],{},"disabledKey",[1704,1789,1790],{},[216,1791,1729],{},[1704,1793,1794],{},[216,1795,1796],{},"\"disabled\"",[1704,1798,1799],{},"Object key used as option disabled state.",[1683,1801,1802,1807,1811,1816],{},[1704,1803,1804],{},[216,1805,1806],{},"placeholder",[1704,1808,1809],{},[216,1810,1729],{},[1704,1812,1813],{},[216,1814,1815],{},"\"Select option\"",[1704,1817,1818],{},"Text shown when no value is selected.",[1683,1820,1821,1825,1830,1835],{},[1704,1822,1823],{},[216,1824,667],{},[1704,1826,1827],{},[216,1828,1829],{},"boolean",[1704,1831,1832],{},[216,1833,1834],{},"false",[1704,1836,1837,1838,1840,1841,1742],{},"Enables multi-select. ",[216,1839,671],{}," should be ",[216,1842,675],{},[1683,1844,1845,1850,1854,1858],{},[1704,1846,1847],{},[216,1848,1849],{},"nullableValue",[1704,1851,1852],{},[216,1853,1729],{},[1704,1855,1856],{},[216,1857,1130],{},[1704,1859,1860],{},"Native empty option value for single select.",[1683,1862,1863,1867,1871,1874],{},[1704,1864,1865],{},[216,1866,1266],{},[1704,1868,1869],{},[216,1870,1729],{},[1704,1872,1873],{},"field id",[1704,1875,1876],{},"Trigger id.",[1683,1878,1879,1883,1887,1890],{},[1704,1880,1881],{},[216,1882,1270],{},[1704,1884,1885],{},[216,1886,1729],{},[1704,1888,1889],{},"field name",[1704,1891,1892],{},"Form field name. Renders a hidden native select.",[1683,1894,1895,1899,1903,1907],{},[1704,1896,1897],{},[216,1898,1273],{},[1704,1900,1901],{},[216,1902,1829],{},[1704,1904,1905],{},[216,1906,1834],{},[1704,1908,1909],{},"Required state.",[1683,1911,1912,1917,1921,1925],{},[1704,1913,1914],{},[216,1915,1916],{},"disabled",[1704,1918,1919],{},[216,1920,1829],{},[1704,1922,1923],{},[216,1924,1834],{},[1704,1926,1927],{},"Disables trigger and options.",[1683,1929,1930,1935,1939,1943],{},[1704,1931,1932],{},[216,1933,1934],{},"invalid",[1704,1936,1937],{},[216,1938,1829],{},[1704,1940,1941],{},[216,1942,1834],{},[1704,1944,1945],{},"Sets invalid attrs.",[1683,1947,1948,1953,1957,1961],{},[1704,1949,1950],{},[216,1951,1952],{},"loop",[1704,1954,1955],{},[216,1956,1829],{},[1704,1958,1959],{},[216,1960,1491],{},[1704,1962,1963],{},"Arrow navigation wraps.",[1683,1965,1966,1970,1974,1978],{},[1704,1967,1968],{},[216,1969,235],{},[1704,1971,1972],{},[216,1973,1829],{},[1704,1975,1976],{},[216,1977,1834],{},[1704,1979,1980],{},"Renders a search input in the popup and filters visible options.",[1683,1982,1983,1988,1993,1996],{},[1704,1984,1985],{},[216,1986,1987],{},"filter",[1704,1989,1990],{},[216,1991,1992],{},"(option, search) => boolean",[1704,1994,1995],{},"label\u002Fdescription contains search",[1704,1997,1998],{},"Custom autocomplete filter.",[1683,2000,2001,2006,2010,2014],{},[1704,2002,2003],{},[216,2004,2005],{},"loading",[1704,2007,2008],{},[216,2009,1829],{},[1704,2011,2012],{},[216,2013,1834],{},[1704,2015,2016],{},"Shows loading slot\u002Fcontent inside the popup.",[1683,2018,2019,2024,2028,2033],{},[1704,2020,2021],{},[216,2022,2023],{},"emptyLabel",[1704,2025,2026],{},[216,2027,1729],{},[1704,2029,2030],{},[216,2031,2032],{},"\"No options found.\"",[1704,2034,2035],{},"Default empty state text.",[1683,2037,2038,2043,2047,2052],{},[1704,2039,2040],{},[216,2041,2042],{},"searchPlaceholder",[1704,2044,2045],{},[216,2046,1729],{},[1704,2048,2049],{},[216,2050,2051],{},"\"Search options...\"",[1704,2053,2054],{},"Search input placeholder.",[1683,2056,2057,2062,2066,2070],{},[1704,2058,2059],{},[216,2060,2061],{},"resetSearchOnSelect",[1704,2063,2064],{},[216,2065,1829],{},[1704,2067,2068],{},[216,2069,1834],{},[1704,2071,2072],{},"Clears search after selection.",[1683,2074,2075,2080,2084,2088],{},[1704,2076,2077],{},[216,2078,2079],{},"highlightOnHover",[1704,2081,2082],{},[216,2083,1829],{},[1704,2085,2086],{},[216,2087,1491],{},[1704,2089,2090],{},"Pointer hover updates highlighted option.",[1683,2092,2093,2098,2103,2108],{},[1704,2094,2095],{},[216,2096,2097],{},"side",[1704,2099,2100],{},[216,2101,2102],{},"\"top\" | \"right\" | \"bottom\" | \"left\"",[1704,2104,2105],{},[216,2106,2107],{},"\"bottom\"",[1704,2109,2110],{},"Popup side.",[1683,2112,2113,2118,2123,2128],{},[1704,2114,2115],{},[216,2116,2117],{},"align",[1704,2119,2120],{},[216,2121,2122],{},"\"start\" | \"center\" | \"end\"",[1704,2124,2125],{},[216,2126,2127],{},"\"start\"",[1704,2129,2130],{},"Popup alignment.",[1683,2132,2133,2138,2143,2148],{},[1704,2134,2135],{},[216,2136,2137],{},"sideOffset",[1704,2139,2140],{},[216,2141,2142],{},"number",[1704,2144,2145],{},[216,2146,2147],{},"6",[1704,2149,2150],{},"Popup offset in px.",[1683,2152,2153,2158,2162,2164],{},[1704,2154,2155],{},[216,2156,2157],{},"ariaLabel",[1704,2159,2160],{},[216,2161,1729],{},[1704,2163,1732],{},[1704,2165,2166],{},"Accessible label when no visible label exists.",[1683,2168,2169,2174,2178,2180],{},[1704,2170,2171],{},[216,2172,2173],{},"ariaLabelledby",[1704,2175,2176],{},[216,2177,1729],{},[1704,2179,1732],{},[1704,2181,2182],{},"Accessible label id.",[1683,2184,2185,2190,2194,2197],{},[1704,2186,2187],{},[216,2188,2189],{},"ariaDescribedby",[1704,2191,2192],{},[216,2193,1729],{},[1704,2195,2196],{},"field description\u002Ferror",[1704,2198,2199],{},"Accessible description ids.",[1683,2201,2202,2206,2211,2213],{},[1704,2203,2204],{},[216,2205,295],{},[1704,2207,2208],{},[216,2209,2210],{},"SelectUi",[1704,2212,1732],{},[1704,2214,2215],{},"Classes for structural parts.",[658,2217,2219],{"id":2218},"emits","Emits",[1677,2221,2222,2234],{},[1680,2223,2224],{},[1683,2225,2226,2229,2232],{},[1686,2227,2228],{},"Event",[1686,2230,2231],{},"Payload",[1686,2233,1697],{},[1699,2235,2236,2254,2271],{},[1683,2237,2238,2243,2248],{},[1704,2239,2240],{},[216,2241,2242],{},"open-change",[1704,2244,2245],{},[216,2246,2247],{},"(open, details)",[1704,2249,2250,2251,2253],{},"Fired before popup opens\u002Fcloses. ",[216,2252,1596],{}," prevents the change.",[1683,2255,2256,2260,2265],{},[1704,2257,2258],{},[216,2259,1592],{},[1704,2261,2262],{},[216,2263,2264],{},"(value: string | string[], details)",[1704,2266,2267,2268,2270],{},"Fired before selected value updates. ",[216,2269,1596],{}," prevents the update.",[1683,2272,2273,2278,2283],{},[1704,2274,2275],{},[216,2276,2277],{},"search-change",[1704,2279,2280],{},[216,2281,2282],{},"(value: string, details)",[1704,2284,2285,2286,2270],{},"Fired before autocomplete search updates. ",[216,2287,1596],{},[658,2289,2291],{"id":2290},"slots","Slots",[1677,2293,2294,2305],{},[1680,2295,2296],{},[1683,2297,2298,2301,2303],{},[1686,2299,2300],{},"Slot",[1686,2302,1675],{},[1686,2304,1697],{},[1699,2306,2307,2350,2372,2404,2423,2435],{},[1683,2308,2309,2314,2347],{},[1704,2310,2311],{},[216,2312,2313],{},"trigger",[1704,2315,2316,1267,2319,1267,2322,1267,2325,1267,2328,1267,2331,1267,2334,1267,2336,1267,2338,1267,2341,1267,2344],{},[216,2317,2318],{},"isOpen",[216,2320,2321],{},"selectedOption",[216,2323,2324],{},"selectedOptions",[216,2326,2327],{},"selectedValue",[216,2329,2330],{},"selectedValues",[216,2332,2333],{},"selectedLabel",[216,2335,1806],{},[216,2337,260],{},[216,2339,2340],{},"open",[216,2342,2343],{},"close",[216,2345,2346],{},"toggle",[1704,2348,2349],{},"Custom trigger content.",[1683,2351,2352,2356,2369],{},[1704,2353,2354],{},[216,2355,1190],{},[1704,2357,2358,1267,2360,1267,2362,1267,2364,1267,2367],{},[216,2359,1448],{},[216,2361,626],{},[216,2363,1190],{},[216,2365,2366],{},"values",[216,2368,1741],{},[1704,2370,2371],{},"Custom selected value.",[1683,2373,2374,2378,2401],{},[1704,2375,2376],{},[216,2377,1448],{},[1704,2379,2380,1267,2382,1267,2384,1267,2386,1267,2389,1267,2392,1267,2395,1267,2398],{},[216,2381,1448],{},[216,2383,1190],{},[216,2385,1741],{},[216,2387,2388],{},"description",[216,2390,2391],{},"isSelected",[216,2393,2394],{},"isHighlighted",[216,2396,2397],{},"isDisabled",[216,2399,2400],{},"select",[1704,2402,2403],{},"Custom option row.",[1683,2405,2406,2411,2417],{},[1704,2407,2408],{},[216,2409,2410],{},"group-label",[1704,2412,2413,1267,2415],{},[216,2414,1448],{},[216,2416,1741],{},[1704,2418,2419,2420,2422],{},"Custom label row for ",[216,2421,946],{}," options.",[1683,2424,2425,2430,2432],{},[1704,2426,2427],{},[216,2428,2429],{},"empty",[1704,2431,1732],{},[1704,2433,2434],{},"Empty state for autocomplete filtering.",[1683,2436,2437,2441,2443],{},[1704,2438,2439],{},[216,2440,2005],{},[1704,2442,1732],{},[1704,2444,2445],{},"Loading state content.",[658,2447,2449],{"id":2448},"option-shape","Option Shape",[1677,2451,2452,2463],{},[1680,2453,2454],{},[1683,2455,2456,2459,2461],{},[1686,2457,2458],{},"Key",[1686,2460,1691],{},[1686,2462,1697],{},[1699,2464,2465,2480,2494,2507,2520],{},[1683,2466,2467,2472,2477],{},[1704,2468,2469],{},[216,2470,2471],{},"type",[1704,2473,2474],{},[216,2475,2476],{},"\"item\" | \"label\" | \"separator\"",[1704,2478,2479],{},"Row type. Omit for selectable items.",[1683,2481,2482,2486,2491],{},[1704,2483,2484],{},[216,2485,1190],{},[1704,2487,2488],{},[216,2489,2490],{},"string | number",[1704,2492,2493],{},"Submitted value for selectable items.",[1683,2495,2496,2500,2504],{},[1704,2497,2498],{},[216,2499,1741],{},[1704,2501,2502],{},[216,2503,1729],{},[1704,2505,2506],{},"Visible label.",[1683,2508,2509,2513,2517],{},[1704,2510,2511],{},[216,2512,2388],{},[1704,2514,2515],{},[216,2516,1729],{},[1704,2518,2519],{},"Optional description.",[1683,2521,2522,2526,2530],{},[1704,2523,2524],{},[216,2525,1916],{},[1704,2527,2528],{},[216,2529,1829],{},[1704,2531,2532],{},"Disables a selectable item.",[658,2534,2536],{"id":2535},"ui-options","UI Options",[1677,2538,2539,2547],{},[1680,2540,2541],{},[1683,2542,2543,2545],{},[1686,2544,2458],{},[1686,2546,1697],{},[1699,2548,2549,2559,2569,2578,2587,2596,2606,2616,2626,2636,2645,2654,2664,2674,2683,2693,2703,2713],{},[1683,2550,2551,2556],{},[1704,2552,2553],{},[216,2554,2555],{},"root",[1704,2557,2558],{},"Root wrapper.",[1683,2560,2561,2566],{},[1704,2562,2563],{},[216,2564,2565],{},"nativeSelect",[1704,2567,2568],{},"Hidden native select used for form submission.",[1683,2570,2571,2575],{},[1704,2572,2573],{},[216,2574,2313],{},[1704,2576,2577],{},"Trigger button.",[1683,2579,2580,2584],{},[1704,2581,2582],{},[216,2583,1190],{},[1704,2585,2586],{},"Selected value wrapper.",[1683,2588,2589,2593],{},[1704,2590,2591],{},[216,2592,1806],{},[1704,2594,2595],{},"Placeholder text.",[1683,2597,2598,2603],{},[1704,2599,2600],{},[216,2601,2602],{},"icon",[1704,2604,2605],{},"Default chevron icon.",[1683,2607,2608,2613],{},[1704,2609,2610],{},[216,2611,2612],{},"searchInput",[1704,2614,2615],{},"Autocomplete search input.",[1683,2617,2618,2623],{},[1704,2619,2620],{},[216,2621,2622],{},"content",[1704,2624,2625],{},"Listbox popup.",[1683,2627,2628,2633],{},[1704,2629,2630],{},[216,2631,2632],{},"viewport",[1704,2634,2635],{},"Scrollable viewport inside popup.",[1683,2637,2638,2642],{},[1704,2639,2640],{},[216,2641,2429],{},[1704,2643,2644],{},"Empty state.",[1683,2646,2647,2651],{},[1704,2648,2649],{},[216,2650,2005],{},[1704,2652,2653],{},"Loading state.",[1683,2655,2656,2661],{},[1704,2657,2658],{},[216,2659,2660],{},"groupLabel",[1704,2662,2663],{},"Non-selectable label row.",[1683,2665,2666,2671],{},[1704,2667,2668],{},[216,2669,2670],{},"separator",[1704,2672,2673],{},"Separator row.",[1683,2675,2676,2680],{},[1704,2677,2678],{},[216,2679,1448],{},[1704,2681,2682],{},"Option row.",[1683,2684,2685,2690],{},[1704,2686,2687],{},[216,2688,2689],{},"indicator",[1704,2691,2692],{},"Selected indicator inside an option.",[1683,2694,2695,2700],{},[1704,2696,2697],{},[216,2698,2699],{},"optionText",[1704,2701,2702],{},"Option text wrapper.",[1683,2704,2705,2710],{},[1704,2706,2707],{},[216,2708,2709],{},"optionLabel",[1704,2711,2712],{},"Option label.",[1683,2714,2715,2720],{},[1704,2716,2717],{},[216,2718,2719],{},"optionDescription",[1704,2721,2722],{},"Option description.",[658,2724,2726],{"id":2725},"styling-hooks","Styling Hooks",[1677,2728,2729,2742],{},[1680,2730,2731],{},[1683,2732,2733,2736,2739],{},[1686,2734,2735],{},"UI key",[1686,2737,2738],{},"CSS class",[1686,2740,2741],{},"Data attrs",[1699,2743,2744,2778,2791,2805,2818,2831,2844,2868,2905,2918,2931,2944,2957,2970,2993,3006,3019,3032],{},[1683,2745,2746,2750,2755],{},[1704,2747,2748],{},[216,2749,2555],{},[1704,2751,2752],{},[216,2753,2754],{},"akaza-select",[1704,2756,2757,1267,2760,1267,2763,1267,2766,1267,2769,1267,2772,1267,2775],{},[216,2758,2759],{},"data-akaza-state",[216,2761,2762],{},"data-akaza-side",[216,2764,2765],{},"data-akaza-align",[216,2767,2768],{},"data-akaza-disabled",[216,2770,2771],{},"data-akaza-invalid",[216,2773,2774],{},"data-akaza-filled",[216,2776,2777],{},"data-akaza-focused",[1683,2779,2780,2784,2789],{},[1704,2781,2782],{},[216,2783,2565],{},[1704,2785,2786],{},[216,2787,2788],{},"akaza-select-native",[1704,2790,1732],{},[1683,2792,2793,2797,2802],{},[1704,2794,2795],{},[216,2796,2313],{},[1704,2798,2799],{},[216,2800,2801],{},"akaza-select-trigger",[1704,2803,2804],{},"Same select state attrs plus ARIA combobox attrs via trigger props",[1683,2806,2807,2811,2816],{},[1704,2808,2809],{},[216,2810,1190],{},[1704,2812,2813],{},[216,2814,2815],{},"akaza-select-value",[1704,2817,1732],{},[1683,2819,2820,2824,2829],{},[1704,2821,2822],{},[216,2823,1806],{},[1704,2825,2826],{},[216,2827,2828],{},"akaza-select-placeholder",[1704,2830,1732],{},[1683,2832,2833,2837,2842],{},[1704,2834,2835],{},[216,2836,2602],{},[1704,2838,2839],{},[216,2840,2841],{},"akaza-select-icon",[1704,2843,1732],{},[1683,2845,2846,2850,2855],{},[1704,2847,2848],{},[216,2849,2612],{},[1704,2851,2852],{},[216,2853,2854],{},"akaza-select-search-input",[1704,2856,2857,1267,2860,1267,2863,1267,2865],{},[216,2858,2859],{},"role=\"searchbox\"",[216,2861,2862],{},"aria-controls",[216,2864,1060],{},[216,2866,2867],{},"aria-expanded",[1683,2869,2870,2874,2879],{},[1704,2871,2872],{},[216,2873,2622],{},[1704,2875,2876],{},[216,2877,2878],{},"akaza-select-content",[1704,2880,2881,1267,2883,1267,2885,1267,2887,1267,2890,1267,2893,1267,2896,1267,2899,1267,2902],{},[216,2882,2759],{},[216,2884,2762],{},[216,2886,2765],{},[216,2888,2889],{},"--akaza-select-anchor-width",[216,2891,2892],{},"--akaza-select-anchor-height",[216,2894,2895],{},"--akaza-select-available-width",[216,2897,2898],{},"--akaza-select-available-height",[216,2900,2901],{},"--akaza-select-transform-origin",[216,2903,2904],{},"--akaza-select-duration",[1683,2906,2907,2911,2916],{},[1704,2908,2909],{},[216,2910,2632],{},[1704,2912,2913],{},[216,2914,2915],{},"akaza-select-viewport",[1704,2917,1732],{},[1683,2919,2920,2924,2929],{},[1704,2921,2922],{},[216,2923,2429],{},[1704,2925,2926],{},[216,2927,2928],{},"akaza-select-empty",[1704,2930,1732],{},[1683,2932,2933,2937,2942],{},[1704,2934,2935],{},[216,2936,2005],{},[1704,2938,2939],{},[216,2940,2941],{},"akaza-select-loading",[1704,2943,1732],{},[1683,2945,2946,2950,2955],{},[1704,2947,2948],{},[216,2949,2660],{},[1704,2951,2952],{},[216,2953,2954],{},"akaza-select-group-label",[1704,2956,1732],{},[1683,2958,2959,2963,2968],{},[1704,2960,2961],{},[216,2962,2670],{},[1704,2964,2965],{},[216,2966,2967],{},"akaza-select-separator",[1704,2969,1732],{},[1683,2971,2972,2976,2981],{},[1704,2973,2974],{},[216,2975,1448],{},[1704,2977,2978],{},[216,2979,2980],{},"akaza-select-option",[1704,2982,2983,1267,2985,1267,2988,1267,2990],{},[216,2984,2759],{},[216,2986,2987],{},"data-akaza-highlighted",[216,2989,2768],{},[216,2991,2992],{},"aria-disabled",[1683,2994,2995,2999,3004],{},[1704,2996,2997],{},[216,2998,2689],{},[1704,3000,3001],{},[216,3002,3003],{},"akaza-select-indicator",[1704,3005,1732],{},[1683,3007,3008,3012,3017],{},[1704,3009,3010],{},[216,3011,2699],{},[1704,3013,3014],{},[216,3015,3016],{},"akaza-select-option-text",[1704,3018,1732],{},[1683,3020,3021,3025,3030],{},[1704,3022,3023],{},[216,3024,2709],{},[1704,3026,3027],{},[216,3028,3029],{},"akaza-select-option-label",[1704,3031,1732],{},[1683,3033,3034,3038,3043],{},[1704,3035,3036],{},[216,3037,2719],{},[1704,3039,3040],{},[216,3041,3042],{},"akaza-select-option-description",[1704,3044,1732],{},[213,3046,3047,3048,3051,3052,1267,3055,3058,3059,3062],{},"Plain ",[216,3049,3050],{},"class"," applies to the root wrapper. Use ",[216,3053,3054],{},"ui.trigger",[216,3056,3057],{},"ui.content",", and ",[216,3060,3061],{},"ui.option"," for internal parts.",[213,3064,3065,3066,3068,3069,3072],{},"Popup entry and exit use a subtle side-aware structural transition. Override ",[216,3067,2904],{}," to change its ",[216,3070,3071],{},"120ms"," duration. Reduced-motion preference shortens it automatically.",[213,3074,3075,3076,3078,3079,3081,3082,3084],{},"Native ",[216,3077,2771],{}," appears after interaction or invalid submit. Controlled invalid state from the ",[216,3080,1934],{}," prop or parent ",[216,3083,92],{}," appears immediately.",[658,3086,3088],{"id":3087},"keyboard","Keyboard",[1677,3090,3091,3100],{},[1680,3092,3093],{},[1683,3094,3095,3097],{},[1686,3096,2458],{},[1686,3098,3099],{},"Behavior",[1699,3101,3102,3116,3129,3142,3152],{},[1683,3103,3104,3113],{},[1704,3105,3106,3109,3110],{},[216,3107,3108],{},"Enter"," \u002F ",[216,3111,3112],{},"Space",[1704,3114,3115],{},"Open select, or select\u002Ftoggle highlighted option.",[1683,3117,3118,3126],{},[1704,3119,3120,3109,3123],{},[216,3121,3122],{},"ArrowDown",[216,3124,3125],{},"ArrowUp",[1704,3127,3128],{},"Open select and move highlight.",[1683,3130,3131,3139],{},[1704,3132,3133,3109,3136],{},[216,3134,3135],{},"Home",[216,3137,3138],{},"End",[1704,3140,3141],{},"Move highlight to first\u002Flast enabled option.",[1683,3143,3144,3149],{},[1704,3145,3146],{},[216,3147,3148],{},"Escape",[1704,3150,3151],{},"Close popup.",[1683,3153,3154,3157],{},[1704,3155,3156],{},"printable character",[1704,3158,3159],{},"Typeahead to matching option label.",[3161,3162,3163],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}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":315,"searchDepth":322,"depth":355,"links":3165},[3166,3167,3168,3176],{"id":243,"depth":355,"text":244},{"id":299,"depth":355,"text":23},{"id":655,"depth":355,"text":656,"children":3169},[3170,3171,3172,3173,3174,3175],{"id":660,"depth":386,"text":661},{"id":939,"depth":386,"text":940},{"id":1051,"depth":386,"text":1052},{"id":1253,"depth":386,"text":1254},{"id":1386,"depth":386,"text":1387},{"id":1586,"depth":386,"text":1587},{"id":1670,"depth":355,"text":1671,"children":3177},[3178,3179,3180,3181,3182,3183,3184],{"id":1674,"depth":386,"text":1675},{"id":2218,"depth":386,"text":2219},{"id":2290,"depth":386,"text":2291},{"id":2448,"depth":386,"text":2449},{"id":2535,"depth":386,"text":2536},{"id":2725,"depth":386,"text":2726},{"id":3087,"depth":386,"text":3088},"Single or multiple listbox select with keyboard navigation, typeahead, and form submission.","md",null,{},{"icon":164},{"title":161,"description":3185},"VmUixpfxEulHjm8s60qlGGQpKyipdcOCUclLMkknD-0",[3193,3195],{"title":156,"path":157,"stem":158,"description":3194,"icon":159,"children":-1},"A group of radio buttons where only one can be selected at a time.",{"title":166,"path":167,"stem":168,"description":3196,"icon":169,"children":-1},"A visual or semantic divider between content sections.",1784667644621]