[{"data":1,"prerenderedAt":2582},["ShallowReactive",2],{"docs-nav-pkg":3,"docs-page-pkg-\u002Fpkg\u002Fcombobox":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":35,"body":135,"description":2576,"extension":2577,"meta":2578,"navigation":261,"path":34,"section":11,"seo":2579,"stem":2580,"__hash__":2581},"pkg\u002Fpkg\u002Fcombobox.md",{"type":136,"value":137,"toc":2533},"minimark",[138,147,150,155,203,207,481,485,506,555,574,578,583,594,742,746,766,769,859,863,872,874,964,968,988,991,1083,1087,1105,1179,1181,1242,1246,1267,1270,1274,1280,1283,1287,1290,1292,1296,1302,1304,1308,1312,1319,1579,1638,1702,1705,1714,1718,1732,1789,1792,1799,1847,1893,1897,1909,1955,1959,1962,1990,1993,1996,1998,2008,2039,2043,2046,2050,2053,2085,2089,2094,2098,2105,2137,2186,2190,2193,2197,2216,2272,2276,2288,2344,2348,2357,2377,2381,2395,2426,2430,2437,2441,2447,2482,2486,2489,2492,2498,2502,2509,2513,2516,2520,2523,2526,2529],[139,140,141,142,146],"p",{},"A picker that filters a list and remembers the selected item. The field has no border and rests on the color wash unless ",[143,144,145],"code",{},"inline",". Hover and focus only shift lightness. A highlighted row shows the accent dot instead of a filled bar. Chips rest on the wash. Labels are Regular. Empty, status, and group labels are Light.",[148,149],"base-combobox-demo",{},[151,152,154],"h2",{"id":153},"usage-guidelines","Usage guidelines",[156,157,158,166,172,178],"ul",{},[159,160,161,165],"li",{},[162,163,164],"strong",{},"Combobox is a filterable Select:"," Use Combobox when the input is restricted to a set of predefined selectable items, similar to Select but whose items are filterable. Prefer Combobox over Select when the list is large enough to warrant filtering.",[159,167,168,171],{},[162,169,170],{},"Avoid for simple search widgets:"," Combobox does not allow free-form text. For search widgets, use Autocomplete instead.",[159,173,174,177],{},[162,175,176],{},"Avoid when not rendering an input:"," Use Select if no input is rendered. Select includes accessibility features specific to a listbox without an input.",[159,179,180,183,184,187,188,191,192,195,196,198,199,202],{},[162,181,182],{},"Accessible name:"," Form controls must have an accessible name. Label ",[143,185,186],{},"UiComboboxInput"," with a native ",[143,189,190],{},"\u003Clabel>",", ",[143,193,194],{},"UiComboboxLabel",", or Field. ",[143,197,194],{}," labels ",[143,200,201],{},"UiComboboxTrigger"," and is intended for the input-inside-popup pattern, where the trigger is the form control.",[151,204,206],{"id":205},"anatomy","Anatomy",[208,209,214],"pre",{"className":210,"code":211,"language":212,"meta":213,"style":213},"language-vue shiki shiki-themes github-light github-dark","\u003CUiComboboxRoot :items=\"items\">\n  \u003CUiComboboxLabel \u002F>\n\n  \u003CUiComboboxInputGroup>\n    \u003CUiComboboxInput \u002F>\n    \u003CUiComboboxTrigger \u002F>\n    \u003CUiComboboxIcon \u002F>\n    \u003CUiComboboxClear \u002F>\n    \u003CUiComboboxValue \u002F>\n\n    \u003CUiComboboxChips>\n      \u003CUiComboboxChip>\n        \u003CUiComboboxChipRemove \u002F>\n      \u003C\u002FUiComboboxChip>\n    \u003C\u002FUiComboboxChips>\n  \u003C\u002FUiComboboxInputGroup>\n\n  \u003CUiComboboxPortal>\n    \u003CUiComboboxBackdrop \u002F>\n    \u003CUiComboboxPositioner>\n      \u003CUiComboboxPopup>\n        \u003CUiComboboxStatus \u002F>\n        \u003CUiComboboxEmpty \u002F>\n        \u003CUiComboboxList>\n          \u003CUiComboboxRow>\n            \u003CUiComboboxItem>\n              \u003CUiComboboxItemIndicator \u002F>\n            \u003C\u002FUiComboboxItem>\n          \u003C\u002FUiComboboxRow>\n          \u003CUiComboboxSeparator \u002F>\n          \u003CUiComboboxGroup>\n            \u003CUiComboboxGroupLabel \u002F>\n            \u003CUiComboboxCollection \u002F>\n          \u003C\u002FUiComboboxGroup>\n        \u003C\u002FUiComboboxList>\n      \u003C\u002FUiComboboxPopup>\n    \u003C\u002FUiComboboxPositioner>\n  \u003C\u002FUiComboboxPortal>\n\u003C\u002FUiComboboxRoot>\n","vue","",[143,215,216,250,256,263,269,275,281,287,293,299,304,310,316,322,328,334,340,345,351,357,363,369,375,381,387,393,399,405,411,417,423,429,435,441,447,453,459,465,471],{"__ignoreMap":213},[217,218,221,225,229,232,236,239,243,245,247],"span",{"class":219,"line":220},"line",1,[217,222,224],{"class":223},"sVt8B","\u003C",[217,226,228],{"class":227},"s9eBZ","UiComboboxRoot",[217,230,231],{"class":223}," :",[217,233,235],{"class":234},"sScJk","items",[217,237,238],{"class":223},"=",[217,240,242],{"class":241},"sZZnC","\"",[217,244,235],{"class":223},[217,246,242],{"class":241},[217,248,249],{"class":223},">\n",[217,251,253],{"class":219,"line":252},2,[217,254,255],{"class":223},"  \u003CUiComboboxLabel \u002F>\n",[217,257,259],{"class":219,"line":258},3,[217,260,262],{"emptyLinePlaceholder":261},true,"\n",[217,264,266],{"class":219,"line":265},4,[217,267,268],{"class":223},"  \u003CUiComboboxInputGroup>\n",[217,270,272],{"class":219,"line":271},5,[217,273,274],{"class":223},"    \u003CUiComboboxInput \u002F>\n",[217,276,278],{"class":219,"line":277},6,[217,279,280],{"class":223},"    \u003CUiComboboxTrigger \u002F>\n",[217,282,284],{"class":219,"line":283},7,[217,285,286],{"class":223},"    \u003CUiComboboxIcon \u002F>\n",[217,288,290],{"class":219,"line":289},8,[217,291,292],{"class":223},"    \u003CUiComboboxClear \u002F>\n",[217,294,296],{"class":219,"line":295},9,[217,297,298],{"class":223},"    \u003CUiComboboxValue \u002F>\n",[217,300,302],{"class":219,"line":301},10,[217,303,262],{"emptyLinePlaceholder":261},[217,305,307],{"class":219,"line":306},11,[217,308,309],{"class":223},"    \u003CUiComboboxChips>\n",[217,311,313],{"class":219,"line":312},12,[217,314,315],{"class":223},"      \u003CUiComboboxChip>\n",[217,317,319],{"class":219,"line":318},13,[217,320,321],{"class":223},"        \u003CUiComboboxChipRemove \u002F>\n",[217,323,325],{"class":219,"line":324},14,[217,326,327],{"class":223},"      \u003C\u002FUiComboboxChip>\n",[217,329,331],{"class":219,"line":330},15,[217,332,333],{"class":223},"    \u003C\u002FUiComboboxChips>\n",[217,335,337],{"class":219,"line":336},16,[217,338,339],{"class":223},"  \u003C\u002FUiComboboxInputGroup>\n",[217,341,343],{"class":219,"line":342},17,[217,344,262],{"emptyLinePlaceholder":261},[217,346,348],{"class":219,"line":347},18,[217,349,350],{"class":223},"  \u003CUiComboboxPortal>\n",[217,352,354],{"class":219,"line":353},19,[217,355,356],{"class":223},"    \u003CUiComboboxBackdrop \u002F>\n",[217,358,360],{"class":219,"line":359},20,[217,361,362],{"class":223},"    \u003CUiComboboxPositioner>\n",[217,364,366],{"class":219,"line":365},21,[217,367,368],{"class":223},"      \u003CUiComboboxPopup>\n",[217,370,372],{"class":219,"line":371},22,[217,373,374],{"class":223},"        \u003CUiComboboxStatus \u002F>\n",[217,376,378],{"class":219,"line":377},23,[217,379,380],{"class":223},"        \u003CUiComboboxEmpty \u002F>\n",[217,382,384],{"class":219,"line":383},24,[217,385,386],{"class":223},"        \u003CUiComboboxList>\n",[217,388,390],{"class":219,"line":389},25,[217,391,392],{"class":223},"          \u003CUiComboboxRow>\n",[217,394,396],{"class":219,"line":395},26,[217,397,398],{"class":223},"            \u003CUiComboboxItem>\n",[217,400,402],{"class":219,"line":401},27,[217,403,404],{"class":223},"              \u003CUiComboboxItemIndicator \u002F>\n",[217,406,408],{"class":219,"line":407},28,[217,409,410],{"class":223},"            \u003C\u002FUiComboboxItem>\n",[217,412,414],{"class":219,"line":413},29,[217,415,416],{"class":223},"          \u003C\u002FUiComboboxRow>\n",[217,418,420],{"class":219,"line":419},30,[217,421,422],{"class":223},"          \u003CUiComboboxSeparator \u002F>\n",[217,424,426],{"class":219,"line":425},31,[217,427,428],{"class":223},"          \u003CUiComboboxGroup>\n",[217,430,432],{"class":219,"line":431},32,[217,433,434],{"class":223},"            \u003CUiComboboxGroupLabel \u002F>\n",[217,436,438],{"class":219,"line":437},33,[217,439,440],{"class":223},"            \u003CUiComboboxCollection \u002F>\n",[217,442,444],{"class":219,"line":443},34,[217,445,446],{"class":223},"          \u003C\u002FUiComboboxGroup>\n",[217,448,450],{"class":219,"line":449},35,[217,451,452],{"class":223},"        \u003C\u002FUiComboboxList>\n",[217,454,456],{"class":219,"line":455},36,[217,457,458],{"class":223},"      \u003C\u002FUiComboboxPopup>\n",[217,460,462],{"class":219,"line":461},37,[217,463,464],{"class":223},"    \u003C\u002FUiComboboxPositioner>\n",[217,466,468],{"class":219,"line":467},38,[217,469,470],{"class":223},"  \u003C\u002FUiComboboxPortal>\n",[217,472,474,477,479],{"class":219,"line":473},39,[217,475,476],{"class":223},"\u003C\u002F",[217,478,228],{"class":227},[217,480,249],{"class":223},[151,482,484],{"id":483},"item-values","Item values",[139,486,487,488,491,492,495,496,191,498,501,502,505],{},"Pass the item itself as ",[143,489,490],{},"value"," on each ",[143,493,494],{},"UiComboboxItem",". That item is what ",[143,497,490],{},[143,499,500],{},"defaultValue",", and ",[143,503,504],{},"@update:value"," receive.",[208,507,509],{"className":210,"code":508,"language":212,"meta":213,"style":213},"\u003CUiComboboxList v-slot=\"{ items }\">\n  \u003CUiComboboxItem v-for=\"item in items\" :key=\"item.id\" :value=\"item\">\n    {{ item.label }}\n  \u003C\u002FUiComboboxItem>\n\u003C\u002FUiComboboxList>\n",[143,510,511,532,537,542,547],{"__ignoreMap":213},[217,512,513,515,518,521,523,525,528,530],{"class":219,"line":220},[217,514,224],{"class":223},[217,516,517],{"class":227},"UiComboboxList",[217,519,520],{"class":234}," v-slot",[217,522,238],{"class":223},[217,524,242],{"class":241},[217,526,527],{"class":223},"{ items }",[217,529,242],{"class":241},[217,531,249],{"class":223},[217,533,534],{"class":219,"line":252},[217,535,536],{"class":223},"  \u003CUiComboboxItem v-for=\"item in items\" :key=\"item.id\" :value=\"item\">\n",[217,538,539],{"class":219,"line":258},[217,540,541],{"class":223},"    {{ item.label }}\n",[217,543,544],{"class":219,"line":265},[217,545,546],{"class":223},"  \u003C\u002FUiComboboxItem>\n",[217,548,549,551,553],{"class":219,"line":271},[217,550,476],{"class":223},[217,552,517],{"class":227},[217,554,249],{"class":223},[139,556,557,560,561,564,565,564,567,564,570,573],{},[143,558,559],{},"itemToStringValue"," (or ",[143,562,563],{},"label"," \u002F ",[143,566,490],{},[143,568,569],{},"title",[143,571,572],{},"name"," on the object) is used for the input text and the default filter. To store IDs instead, see Value selection with IDs.",[151,575,577],{"id":576},"examples","Examples",[579,580,582],"h3",{"id":581},"typed-wrapper-component","Typed wrapper component",[139,584,585,586,191,588,501,590,593],{},"Wrap Root with a generic so ",[143,587,235],{},[143,589,490],{},[143,591,592],{},"multiple"," stay typed:",[208,595,599],{"className":596,"code":597,"language":598,"meta":213,"style":213},"language-ts shiki shiki-themes github-light github-dark","import type { BaseComboboxFilter } from '~\u002Flib\u002Fui\u002Fcombobox'\n\nexport type MyComboboxProps\u003CValue, Multiple extends boolean = false> = {\n  items: Value[]\n  multiple?: Multiple\n  value?: Multiple extends true ? Value[] : Value | null\n  filter?: BaseComboboxFilter | null\n}\n","ts",[143,600,601,619,623,664,679,690,723,737],{"__ignoreMap":213},[217,602,603,607,610,613,616],{"class":219,"line":220},[217,604,606],{"class":605},"szBVR","import",[217,608,609],{"class":605}," type",[217,611,612],{"class":223}," { BaseComboboxFilter } ",[217,614,615],{"class":605},"from",[217,617,618],{"class":241}," '~\u002Flib\u002Fui\u002Fcombobox'\n",[217,620,621],{"class":219,"line":252},[217,622,262],{"emptyLinePlaceholder":261},[217,624,625,628,630,633,635,638,640,643,646,650,653,656,659,661],{"class":219,"line":258},[217,626,627],{"class":605},"export",[217,629,609],{"class":605},[217,631,632],{"class":234}," MyComboboxProps",[217,634,224],{"class":223},[217,636,637],{"class":234},"Value",[217,639,191],{"class":223},[217,641,642],{"class":234},"Multiple",[217,644,645],{"class":605}," extends",[217,647,649],{"class":648},"sj4cs"," boolean",[217,651,652],{"class":605}," =",[217,654,655],{"class":648}," false",[217,657,658],{"class":223},"> ",[217,660,238],{"class":605},[217,662,663],{"class":223}," {\n",[217,665,666,670,673,676],{"class":219,"line":265},[217,667,669],{"class":668},"s4XuR","  items",[217,671,672],{"class":605},":",[217,674,675],{"class":234}," Value",[217,677,678],{"class":223},"[]\n",[217,680,681,684,687],{"class":219,"line":271},[217,682,683],{"class":668},"  multiple",[217,685,686],{"class":605},"?:",[217,688,689],{"class":234}," Multiple\n",[217,691,692,695,697,700,702,705,708,710,713,715,717,720],{"class":219,"line":277},[217,693,694],{"class":668},"  value",[217,696,686],{"class":605},[217,698,699],{"class":234}," Multiple",[217,701,645],{"class":605},[217,703,704],{"class":648}," true",[217,706,707],{"class":605}," ?",[217,709,675],{"class":234},[217,711,712],{"class":223},"[] ",[217,714,672],{"class":605},[217,716,675],{"class":234},[217,718,719],{"class":605}," |",[217,721,722],{"class":648}," null\n",[217,724,725,728,730,733,735],{"class":219,"line":283},[217,726,727],{"class":668},"  filter",[217,729,686],{"class":605},[217,731,732],{"class":234}," BaseComboboxFilter",[217,734,719],{"class":605},[217,736,722],{"class":648},[217,738,739],{"class":219,"line":289},[217,740,741],{"class":223},"}\n",[579,743,745],{"id":744},"value-selection-with-ids","Value selection with IDs",[139,747,748,749,751,752,754,755,757,758,760,761,564,763,765],{},"When the app stores IDs rather than item objects, pass the IDs as ",[143,750,235],{}," and map each ID to a label with ",[143,753,559],{},". Put the ID on ",[143,756,494],{}," ",[143,759,490],{},", not the source object. ",[143,762,500],{},[143,764,490],{}," then receive the ID.",[148,767],{"variant":768},"ids",[208,770,772],{"className":210,"code":771,"language":212,"meta":213,"style":213},"const fruitName = (id: unknown) => fruits.find((fruit) => fruit.id === id)?.name ?? String(id)\n\n\u003CUiComboboxRoot :items=\"fruitIds\" :item-to-string-value=\"fruitName\" default-value=\"banana\">\n  \u003CUiComboboxList v-slot=\"{ items }\">\n    \u003CUiComboboxItem v-for=\"id in items\" :key=\"id\" :value=\"id\">\n      {{ fruitName(id) }}\n    \u003C\u002FUiComboboxItem>\n  \u003C\u002FUiComboboxList>\n\u003C\u002FUiComboboxRoot>\n",[143,773,774,779,783,826,831,836,841,846,851],{"__ignoreMap":213},[217,775,776],{"class":219,"line":220},[217,777,778],{"class":223},"const fruitName = (id: unknown) => fruits.find((fruit) => fruit.id === id)?.name ?? String(id)\n",[217,780,781],{"class":219,"line":252},[217,782,262],{"emptyLinePlaceholder":261},[217,784,785,787,789,791,793,795,797,800,802,804,807,809,811,814,816,819,821,824],{"class":219,"line":258},[217,786,224],{"class":223},[217,788,228],{"class":227},[217,790,231],{"class":223},[217,792,235],{"class":234},[217,794,238],{"class":223},[217,796,242],{"class":241},[217,798,799],{"class":223},"fruitIds",[217,801,242],{"class":241},[217,803,231],{"class":223},[217,805,806],{"class":234},"item-to-string-value",[217,808,238],{"class":223},[217,810,242],{"class":241},[217,812,813],{"class":223},"fruitName",[217,815,242],{"class":241},[217,817,818],{"class":234}," default-value",[217,820,238],{"class":223},[217,822,823],{"class":241},"\"banana\"",[217,825,249],{"class":223},[217,827,828],{"class":219,"line":265},[217,829,830],{"class":223},"  \u003CUiComboboxList v-slot=\"{ items }\">\n",[217,832,833],{"class":219,"line":271},[217,834,835],{"class":223},"    \u003CUiComboboxItem v-for=\"id in items\" :key=\"id\" :value=\"id\">\n",[217,837,838],{"class":219,"line":277},[217,839,840],{"class":223},"      {{ fruitName(id) }}\n",[217,842,843],{"class":219,"line":283},[217,844,845],{"class":223},"    \u003C\u002FUiComboboxItem>\n",[217,847,848],{"class":219,"line":289},[217,849,850],{"class":223},"  \u003C\u002FUiComboboxList>\n",[217,852,853,855,857],{"class":219,"line":295},[217,854,476],{"class":223},[217,856,228],{"class":227},[217,858,249],{"class":223},[579,860,862],{"id":861},"multiple-select","Multiple select",[139,864,865,867,868,871],{},[143,866,592],{}," on Root allows more than one selected item. Render chips with ",[143,869,870],{},"UiComboboxChip"," inside the field; Backspace on an empty input removes the last chip.",[148,873],{"variant":592},[208,875,877],{"className":210,"code":876,"language":212,"meta":213,"style":213},"\u003CUiComboboxRoot :items=\"langs\" multiple>\n  \u003CUiComboboxInputGroup>\n    \u003CUiComboboxValue v-slot=\"{ items }\">\n      \u003CUiComboboxChips>\n        \u003CUiComboboxChip v-for=\"item in items\" :key=\"item.id\" :value=\"item\">\n          {{ item.value }}\n          \u003CUiComboboxChipRemove \u002F>\n        \u003C\u002FUiComboboxChip>\n        \u003CUiComboboxInput placeholder=\"e.g. TypeScript\" \u002F>\n      \u003C\u002FUiComboboxChips>\n    \u003C\u002FUiComboboxValue>\n  \u003C\u002FUiComboboxInputGroup>\n\u003C\u002FUiComboboxRoot>\n",[143,878,879,903,907,912,917,922,927,932,937,942,947,952,956],{"__ignoreMap":213},[217,880,881,883,885,887,889,891,893,896,898,901],{"class":219,"line":220},[217,882,224],{"class":223},[217,884,228],{"class":227},[217,886,231],{"class":223},[217,888,235],{"class":234},[217,890,238],{"class":223},[217,892,242],{"class":241},[217,894,895],{"class":223},"langs",[217,897,242],{"class":241},[217,899,900],{"class":234}," multiple",[217,902,249],{"class":223},[217,904,905],{"class":219,"line":252},[217,906,268],{"class":223},[217,908,909],{"class":219,"line":258},[217,910,911],{"class":223},"    \u003CUiComboboxValue v-slot=\"{ items }\">\n",[217,913,914],{"class":219,"line":265},[217,915,916],{"class":223},"      \u003CUiComboboxChips>\n",[217,918,919],{"class":219,"line":271},[217,920,921],{"class":223},"        \u003CUiComboboxChip v-for=\"item in items\" :key=\"item.id\" :value=\"item\">\n",[217,923,924],{"class":219,"line":277},[217,925,926],{"class":223},"          {{ item.value }}\n",[217,928,929],{"class":219,"line":283},[217,930,931],{"class":223},"          \u003CUiComboboxChipRemove \u002F>\n",[217,933,934],{"class":219,"line":289},[217,935,936],{"class":223},"        \u003C\u002FUiComboboxChip>\n",[217,938,939],{"class":219,"line":295},[217,940,941],{"class":223},"        \u003CUiComboboxInput placeholder=\"e.g. TypeScript\" \u002F>\n",[217,943,944],{"class":219,"line":301},[217,945,946],{"class":223},"      \u003C\u002FUiComboboxChips>\n",[217,948,949],{"class":219,"line":306},[217,950,951],{"class":223},"    \u003C\u002FUiComboboxValue>\n",[217,953,954],{"class":219,"line":312},[217,955,339],{"class":223},[217,957,958,960,962],{"class":219,"line":318},[217,959,476],{"class":223},[217,961,228],{"class":227},[217,963,249],{"class":223},[579,965,967],{"id":966},"input-inside-popup","Input inside popup",[139,969,970,972,973,976,977,979,980,983,984,987],{},[143,971,186],{}," can live inside ",[143,974,975],{},"UiComboboxPopup"," to make a searchable select. The trigger is the form control; ",[143,978,194],{}," labels that trigger. ",[143,981,982],{},"UiComboboxValue"," shows the selection and ",[143,985,986],{},"UiComboboxIcon"," the caret.",[148,989],{"variant":990},"popupInput",[208,992,994],{"className":210,"code":993,"language":212,"meta":213,"style":213},"\u003CUiComboboxRoot :items=\"countries\">\n  \u003CUiComboboxLabel>Country\u003C\u002FUiComboboxLabel>\n  \u003CUiComboboxTrigger>\n    \u003CUiComboboxValue placeholder=\"Select country\" \u002F>\n    \u003CUiComboboxIcon \u002F>\n  \u003C\u002FUiComboboxTrigger>\n  \u003CUiComboboxPortal>\n    \u003CUiComboboxPositioner>\n      \u003CUiComboboxPopup>\n        \u003CUiComboboxInput placeholder=\"e.g. United Kingdom\" \u002F>\n        \u003C!-- list -->\n      \u003C\u002FUiComboboxPopup>\n    \u003C\u002FUiComboboxPositioner>\n  \u003C\u002FUiComboboxPortal>\n\u003C\u002FUiComboboxRoot>\n",[143,995,996,1017,1022,1027,1032,1036,1041,1045,1049,1053,1058,1063,1067,1071,1075],{"__ignoreMap":213},[217,997,998,1000,1002,1004,1006,1008,1010,1013,1015],{"class":219,"line":220},[217,999,224],{"class":223},[217,1001,228],{"class":227},[217,1003,231],{"class":223},[217,1005,235],{"class":234},[217,1007,238],{"class":223},[217,1009,242],{"class":241},[217,1011,1012],{"class":223},"countries",[217,1014,242],{"class":241},[217,1016,249],{"class":223},[217,1018,1019],{"class":219,"line":252},[217,1020,1021],{"class":223},"  \u003CUiComboboxLabel>Country\u003C\u002FUiComboboxLabel>\n",[217,1023,1024],{"class":219,"line":258},[217,1025,1026],{"class":223},"  \u003CUiComboboxTrigger>\n",[217,1028,1029],{"class":219,"line":265},[217,1030,1031],{"class":223},"    \u003CUiComboboxValue placeholder=\"Select country\" \u002F>\n",[217,1033,1034],{"class":219,"line":271},[217,1035,286],{"class":223},[217,1037,1038],{"class":219,"line":277},[217,1039,1040],{"class":223},"  \u003C\u002FUiComboboxTrigger>\n",[217,1042,1043],{"class":219,"line":283},[217,1044,350],{"class":223},[217,1046,1047],{"class":219,"line":289},[217,1048,362],{"class":223},[217,1050,1051],{"class":219,"line":295},[217,1052,368],{"class":223},[217,1054,1055],{"class":219,"line":301},[217,1056,1057],{"class":223},"        \u003CUiComboboxInput placeholder=\"e.g. United Kingdom\" \u002F>\n",[217,1059,1060],{"class":219,"line":306},[217,1061,1062],{"class":223},"        \u003C!-- list -->\n",[217,1064,1065],{"class":219,"line":312},[217,1066,458],{"class":223},[217,1068,1069],{"class":219,"line":318},[217,1070,464],{"class":223},[217,1072,1073],{"class":219,"line":324},[217,1074,470],{"class":223},[217,1076,1077,1079,1081],{"class":219,"line":330},[217,1078,476],{"class":223},[217,1080,228],{"class":227},[217,1082,249],{"class":223},[579,1084,1086],{"id":1085},"grouped","Grouped",[139,1088,1089,1090,1093,1094,1097,1098,1101,1102,1104],{},"Organize related options with ",[143,1091,1092],{},"UiComboboxGroup"," and ",[143,1095,1096],{},"UiComboboxGroupLabel",". Groups are ",[143,1099,1100],{},"{ value, items }[]",". An extra property such as ",[143,1103,490],{}," is the heading when rendering the group label.",[208,1106,1108],{"className":596,"code":1107,"language":598,"meta":213,"style":213},"const groups = [\n  { value: 'Fruits', items: ['Apple', 'Banana', 'Orange'] },\n  { value: 'Vegetables', items: ['Carrot', 'Lettuce', 'Spinach'] },\n]\n",[143,1109,1110,1123,1150,1174],{"__ignoreMap":213},[217,1111,1112,1115,1118,1120],{"class":219,"line":220},[217,1113,1114],{"class":605},"const",[217,1116,1117],{"class":648}," groups",[217,1119,652],{"class":605},[217,1121,1122],{"class":223}," [\n",[217,1124,1125,1128,1131,1134,1137,1139,1142,1144,1147],{"class":219,"line":252},[217,1126,1127],{"class":223},"  { value: ",[217,1129,1130],{"class":241},"'Fruits'",[217,1132,1133],{"class":223},", items: [",[217,1135,1136],{"class":241},"'Apple'",[217,1138,191],{"class":223},[217,1140,1141],{"class":241},"'Banana'",[217,1143,191],{"class":223},[217,1145,1146],{"class":241},"'Orange'",[217,1148,1149],{"class":223},"] },\n",[217,1151,1152,1154,1157,1159,1162,1164,1167,1169,1172],{"class":219,"line":258},[217,1153,1127],{"class":223},[217,1155,1156],{"class":241},"'Vegetables'",[217,1158,1133],{"class":223},[217,1160,1161],{"class":241},"'Carrot'",[217,1163,191],{"class":223},[217,1165,1166],{"class":241},"'Lettuce'",[217,1168,191],{"class":223},[217,1170,1171],{"class":241},"'Spinach'",[217,1173,1149],{"class":223},[217,1175,1176],{"class":219,"line":265},[217,1177,1178],{"class":223},"]\n",[148,1180],{"variant":1085},[208,1182,1184],{"className":210,"code":1183,"language":212,"meta":213,"style":213},"\u003CUiComboboxList v-slot=\"{ items }\">\n  \u003CUiComboboxGroup v-for=\"group in items\" :key=\"group.value\" :items=\"group.items\">\n    \u003CUiComboboxGroupLabel>{{ group.value }}\u003C\u002FUiComboboxGroupLabel>\n    \u003CUiComboboxCollection v-slot=\"{ items: groupItems }\">\n      \u003CUiComboboxItem v-for=\"item in groupItems\" :key=\"item.id\" :value=\"item\" \u002F>\n    \u003C\u002FUiComboboxCollection>\n  \u003C\u002FUiComboboxGroup>\n\u003C\u002FUiComboboxList>\n",[143,1185,1186,1204,1209,1214,1219,1224,1229,1234],{"__ignoreMap":213},[217,1187,1188,1190,1192,1194,1196,1198,1200,1202],{"class":219,"line":220},[217,1189,224],{"class":223},[217,1191,517],{"class":227},[217,1193,520],{"class":234},[217,1195,238],{"class":223},[217,1197,242],{"class":241},[217,1199,527],{"class":223},[217,1201,242],{"class":241},[217,1203,249],{"class":223},[217,1205,1206],{"class":219,"line":252},[217,1207,1208],{"class":223},"  \u003CUiComboboxGroup v-for=\"group in items\" :key=\"group.value\" :items=\"group.items\">\n",[217,1210,1211],{"class":219,"line":258},[217,1212,1213],{"class":223},"    \u003CUiComboboxGroupLabel>{{ group.value }}\u003C\u002FUiComboboxGroupLabel>\n",[217,1215,1216],{"class":219,"line":265},[217,1217,1218],{"class":223},"    \u003CUiComboboxCollection v-slot=\"{ items: groupItems }\">\n",[217,1220,1221],{"class":219,"line":271},[217,1222,1223],{"class":223},"      \u003CUiComboboxItem v-for=\"item in groupItems\" :key=\"item.id\" :value=\"item\" \u002F>\n",[217,1225,1226],{"class":219,"line":277},[217,1227,1228],{"class":223},"    \u003C\u002FUiComboboxCollection>\n",[217,1230,1231],{"class":219,"line":283},[217,1232,1233],{"class":223},"  \u003C\u002FUiComboboxGroup>\n",[217,1235,1236,1238,1240],{"class":219,"line":289},[217,1237,476],{"class":223},[217,1239,517],{"class":227},[217,1241,249],{"class":223},[579,1243,1245],{"id":1244},"async-search-single","Async search (single)",[139,1247,1248,1249,757,1252,1255,1256,1258,1259,1262,1263,1266],{},"Load items from a remote source by fetching on input changes (",[143,1250,1251],{},"filter",[143,1253,1254],{},"null","). Keep the selected item in ",[143,1257,235],{}," so its label stays available while new results stream in. Put loading, errors, and hints in ",[143,1260,1261],{},"UiComboboxStatus",". Type ",[143,1264,1265],{},"will_error"," to see the error state.",[148,1268],{"variant":1269},"async",[579,1271,1273],{"id":1272},"async-search-multiple","Async search (multiple)",[139,1275,1276,1277,1279],{},"The same remote pattern with ",[143,1278,592],{},". Selected people stay in the list while new matches stream in.",[148,1281],{"variant":1282},"asyncMultiple",[579,1284,1286],{"id":1285},"creatable","Creatable",[139,1288,1289],{},"When the filter matches nothing, offer a “Create …” item. Confirming opens a Dialog to add the label, then selects it.",[148,1291],{"variant":1285},[579,1293,1295],{"id":1294},"virtualized","Virtualized",[139,1297,1298,1299,1301],{},"Large lists can own scrolling with native overflow (max-height on ",[143,1300,517],{},"). This demo renders 1000 items without an extra virtualization library.",[148,1303],{"variant":1294},[151,1305,1307],{"id":1306},"api-reference","API reference",[579,1309,1311],{"id":1310},"root","Root",[139,1313,1314,1315,1318],{},"Groups all parts. Renders a ",[143,1316,1317],{},"\u003Cdiv>",".",[1320,1321,1322,1341],"table",{},[1323,1324,1325],"thead",{},[1326,1327,1328,1332,1335,1338],"tr",{},[1329,1330,1331],"th",{},"Prop",[1329,1333,1334],{},"Type",[1329,1336,1337],{},"Default",[1329,1339,1340],{},"Description",[1342,1343,1344,1367,1384,1404,1424,1444,1462,1481,1501,1520,1537,1558],"tbody",{},[1326,1345,1346,1351,1356,1361],{},[1347,1348,1349],"td",{},[143,1350,235],{},[1347,1352,1353],{},[143,1354,1355],{},"unknown[] | Group[]",[1347,1357,1358],{},[143,1359,1360],{},"[]",[1347,1362,1363,1364,1366],{},"Flat items or groups with an ",[143,1365,235],{}," array.",[1326,1368,1369,1373,1378,1381],{},[1347,1370,1371],{},[143,1372,559],{},[1347,1374,1375],{},[143,1376,1377],{},"(item) => string",[1347,1379,1380],{},"label \u002F value \u002F title \u002F name",[1347,1382,1383],{},"String used for the input, chips, and the default filter.",[1326,1385,1386,1390,1395,1398],{},[1347,1387,1388],{},[143,1389,1251],{},[1347,1391,1392],{},[143,1393,1394],{},"((item, query, itemToString?) => boolean) | null",[1347,1396,1397],{},"includes",[1347,1399,1400,1401,1403],{},"Custom matcher. ",[143,1402,1254],{}," disables internal filtering (async search).",[1326,1405,1406,1410,1415,1421],{},[1347,1407,1408],{},[143,1409,500],{},[1347,1411,1412],{},[143,1413,1414],{},"unknown | unknown[]",[1347,1416,1417,564,1419],{},[143,1418,1254],{},[143,1420,1360],{},[1347,1422,1423],{},"Uncontrolled selection.",[1326,1425,1426,1430,1434,1437],{},[1347,1427,1428],{},[143,1429,490],{},[1347,1431,1432],{},[143,1433,1414],{},[1347,1435,1436],{},"—",[1347,1438,1439,1440,1443],{},"Controlled selection (",[143,1441,1442],{},"v-model:value",").",[1326,1445,1446,1451,1456,1459],{},[1347,1447,1448],{},[143,1449,1450],{},"defaultInputValue",[1347,1452,1453],{},[143,1454,1455],{},"string",[1347,1457,1458],{},"selected label",[1347,1460,1461],{},"Uncontrolled input text.",[1326,1463,1464,1469,1473,1475],{},[1347,1465,1466],{},[143,1467,1468],{},"inputValue",[1347,1470,1471],{},[143,1472,1455],{},[1347,1474,1436],{},[1347,1476,1477,1478,1443],{},"Controlled input (",[143,1479,1480],{},"v-model:inputValue",[1326,1482,1483,1488,1493,1498],{},[1347,1484,1485],{},[143,1486,1487],{},"defaultOpen",[1347,1489,1490],{},[143,1491,1492],{},"boolean",[1347,1494,1495],{},[143,1496,1497],{},"false",[1347,1499,1500],{},"Uncontrolled popup.",[1326,1502,1503,1508,1512,1514],{},[1347,1504,1505],{},[143,1506,1507],{},"open",[1347,1509,1510],{},[143,1511,1492],{},[1347,1513,1436],{},[1347,1515,1516,1517,1443],{},"Controlled popup (",[143,1518,1519],{},"v-model:open",[1326,1521,1522,1526,1530,1534],{},[1347,1523,1524],{},[143,1525,592],{},[1347,1527,1528],{},[143,1529,1492],{},[1347,1531,1532],{},[143,1533,1497],{},[1347,1535,1536],{},"Allow more than one selected item. Keeps the popup open on select.",[1326,1538,1539,1544,1548,1552],{},[1347,1540,1541],{},[143,1542,1543],{},"disabled",[1347,1545,1546],{},[143,1547,1492],{},[1347,1549,1550],{},[143,1551,1497],{},[1347,1553,1554,1555,1318],{},"Ignore interaction. Sets ",[143,1556,1557],{},"data-disabled",[1326,1559,1560,1565,1569,1573],{},[1347,1561,1562],{},[143,1563,1564],{},"readOnly",[1347,1566,1567],{},[143,1568,1492],{},[1347,1570,1571],{},[143,1572,1497],{},[1347,1574,1575,1576,1318],{},"Visible but not changeable. Sets ",[143,1577,1578],{},"data-readonly",[1320,1580,1581,1592],{},[1323,1582,1583],{},[1326,1584,1585,1588,1590],{},[1329,1586,1587],{},"Event",[1329,1589,1334],{},[1329,1591,1340],{},[1342,1593,1594,1608,1623],{},[1326,1595,1596,1600,1605],{},[1347,1597,1598],{},[143,1599,504],{},[1347,1601,1602],{},[143,1603,1604],{},"(value) => void",[1347,1606,1607],{},"Selection changed.",[1326,1609,1610,1615,1620],{},[1347,1611,1612],{},[143,1613,1614],{},"@update:open",[1347,1616,1617],{},[143,1618,1619],{},"(open: boolean) => void",[1347,1621,1622],{},"Popup opened or closed.",[1326,1624,1625,1630,1635],{},[1347,1626,1627],{},[143,1628,1629],{},"@update:inputValue",[1347,1631,1632],{},[143,1633,1634],{},"(value: string) => void",[1347,1636,1637],{},"Input text changed.",[1320,1639,1640,1649],{},[1323,1641,1642],{},[1326,1643,1644,1647],{},[1329,1645,1646],{},"Attribute",[1329,1648,1340],{},[1342,1650,1651,1661,1671,1680,1689],{},[1326,1652,1653,1658],{},[1347,1654,1655],{},[143,1656,1657],{},"data-open",[1347,1659,1660],{},"Present when the popup is open.",[1326,1662,1663,1668],{},[1347,1664,1665],{},[143,1666,1667],{},"data-closed",[1347,1669,1670],{},"Present when the popup is closed.",[1326,1672,1673,1677],{},[1347,1674,1675],{},[143,1676,1557],{},[1347,1678,1679],{},"Present when disabled.",[1326,1681,1682,1686],{},[1347,1683,1684],{},[143,1685,1578],{},[1347,1687,1688],{},"Present when read-only.",[1326,1690,1691,1696],{},[1347,1692,1693],{},[143,1694,1695],{},"data-multiple",[1347,1697,1698,1699,1701],{},"Present when ",[143,1700,592],{}," is set.",[579,1703,1704],{"id":563},"Label",[139,1706,1707,1708,1711,1712,1318],{},"Labels the trigger (input-inside-popup) or a sibling input via ",[143,1709,1710],{},"for",". Renders a ",[143,1713,190],{},[579,1715,1717],{"id":1716},"inputgroup","InputGroup",[139,1719,1720,1721,1724,1725,1727,1728,1731],{},"Lays out the field, chips, and actions. Registers as the popup anchor. ",[143,1722,1723],{},"14rem × 2rem",", rounded, no border. Hover and focus shift the wash. ",[143,1726,1695],{}," grows to ",[143,1729,1730],{},"16rem"," and wraps chips.",[1320,1733,1734,1742],{},[1323,1735,1736],{},[1326,1737,1738,1740],{},[1329,1739,1646],{},[1329,1741,1340],{},[1342,1743,1744,1753,1761,1769,1779],{},[1326,1745,1746,1751],{},[1347,1747,1748],{},[143,1749,1750],{},"data-popup-open",[1347,1752,1660],{},[1326,1754,1755,1759],{},[1347,1756,1757],{},[143,1758,1557],{},[1347,1760,1679],{},[1326,1762,1763,1767],{},[1347,1764,1765],{},[143,1766,1578],{},[1347,1768,1688],{},[1326,1770,1771,1775],{},[1347,1772,1773],{},[143,1774,1695],{},[1347,1776,1698,1777,1701],{},[143,1778,592],{},[1326,1780,1781,1786],{},[1347,1782,1783],{},[143,1784,1785],{},"data-has-clear",[1347,1787,1788],{},"Present when Clear is visible.",[579,1790,59],{"id":1791},"input",[139,1793,1794,1795,1798],{},"Combobox field. Renders an ",[143,1796,1797],{},"\u003Cinput>",". Arrow keys move the highlight, Enter selects, Escape closes. Backspace on an empty multiple input removes the last chip.",[1320,1800,1801,1813],{},[1323,1802,1803],{},[1326,1804,1805,1807,1809,1811],{},[1329,1806,1331],{},[1329,1808,1334],{},[1329,1810,1337],{},[1329,1812,1340],{},[1342,1814,1815,1831],{},[1326,1816,1817,1822,1826,1828],{},[1347,1818,1819],{},[143,1820,1821],{},"placeholder",[1347,1823,1824],{},[143,1825,1455],{},[1347,1827,1436],{},[1347,1829,1830],{},"Placeholder text.",[1326,1832,1833,1838,1842,1844],{},[1347,1834,1835],{},[143,1836,1837],{},"id",[1347,1839,1840],{},[143,1841,1455],{},[1347,1843,1436],{},[1347,1845,1846],{},"Native id.",[1320,1848,1849,1857],{},[1323,1850,1851],{},[1326,1852,1853,1855],{},[1329,1854,1646],{},[1329,1856,1340],{},[1342,1858,1859,1867,1877,1885],{},[1326,1860,1861,1865],{},[1347,1862,1863],{},[143,1864,1750],{},[1347,1866,1660],{},[1326,1868,1869,1874],{},[1347,1870,1871],{},[143,1872,1873],{},"data-list-empty",[1347,1875,1876],{},"Present when there are no visible items.",[1326,1878,1879,1883],{},[1347,1880,1881],{},[143,1882,1557],{},[1347,1884,1679],{},[1326,1886,1887,1891],{},[1347,1888,1889],{},[143,1890,1578],{},[1347,1892,1688],{},[579,1894,1896],{"id":1895},"trigger","Trigger",[139,1898,1899,1900,1903,1904,1093,1906,1318],{},"Button that opens and closes the popup. Renders a ",[143,1901,1902],{},"\u003Cbutton>",". Inside InputGroup it is the caret. As the form control (input inside popup) it shows ",[143,1905,637],{},[143,1907,1908],{},"Icon",[1320,1910,1911,1919],{},[1323,1912,1913],{},[1326,1914,1915,1917],{},[1329,1916,1646],{},[1329,1918,1340],{},[1342,1920,1921,1929,1937,1945],{},[1326,1922,1923,1927],{},[1347,1924,1925],{},[143,1926,1750],{},[1347,1928,1660],{},[1326,1930,1931,1935],{},[1347,1932,1933],{},[143,1934,1557],{},[1347,1936,1679],{},[1326,1938,1939,1943],{},[1347,1940,1941],{},[143,1942,1578],{},[1347,1944,1688],{},[1326,1946,1947,1952],{},[1347,1948,1949],{},[143,1950,1951],{},"data-placeholder",[1347,1953,1954],{},"Present when nothing is selected.",[579,1956,1958],{"id":1957},"clear","Clear",[139,1960,1961],{},"Clears the selection and query. Hidden when empty.",[1320,1963,1964,1972],{},[1323,1965,1966],{},[1326,1967,1968,1970],{},[1329,1969,1646],{},[1329,1971,1340],{},[1342,1973,1974,1982],{},[1326,1975,1976,1980],{},[1347,1977,1978],{},[143,1979,1557],{},[1347,1981,1679],{},[1326,1983,1984,1988],{},[1347,1985,1986],{},[143,1987,1578],{},[1347,1989,1688],{},[579,1991,1908],{"id":1992},"icon",[139,1994,1995],{},"Decorative caret next to the trigger in the input-inside-popup pattern.",[579,1997,637],{"id":490},[139,1999,2000,2001,2004,2005,2007],{},"Current selection. Default slot is the label string; scoped slot receives ",[143,2002,2003],{},"{ value, items }",". ",[143,2006,1821],{}," is shown when nothing is selected.",[1320,2009,2010,2022],{},[1323,2011,2012],{},[1326,2013,2014,2016,2018,2020],{},[1329,2015,1331],{},[1329,2017,1334],{},[1329,2019,1337],{},[1329,2021,1340],{},[1342,2023,2024],{},[1326,2025,2026,2030,2034,2036],{},[1347,2027,2028],{},[143,2029,1821],{},[1347,2031,2032],{},[143,2033,1455],{},[1347,2035,1436],{},[1347,2037,2038],{},"Shown when the selection is empty.",[579,2040,2042],{"id":2041},"chips","Chips",[139,2044,2045],{},"Wraps selected chips and the input in multiple mode.",[579,2047,2049],{"id":2048},"chip","Chip",[139,2051,2052],{},"One selected item in multiple mode.",[1320,2054,2055,2067],{},[1323,2056,2057],{},[1326,2058,2059,2061,2063,2065],{},[1329,2060,1331],{},[1329,2062,1334],{},[1329,2064,1337],{},[1329,2066,1340],{},[1342,2068,2069],{},[1326,2070,2071,2075,2080,2082],{},[1347,2072,2073],{},[143,2074,490],{},[1347,2076,2077],{},[143,2078,2079],{},"unknown",[1347,2081,1436],{},[1347,2083,2084],{},"The selected item this chip represents.",[579,2086,2088],{"id":2087},"chipremove","ChipRemove",[139,2090,2091,2092,1318],{},"Removes that chip. Renders a ",[143,2093,1902],{},[579,2095,2097],{"id":2096},"portal","Portal",[139,2099,2100,2101,2104],{},"Teleports to ",[143,2102,2103],{},"body"," while the popup is present.",[1320,2106,2107,2119],{},[1323,2108,2109],{},[1326,2110,2111,2113,2115,2117],{},[1329,2112,1331],{},[1329,2114,1334],{},[1329,2116,1337],{},[1329,2118,1340],{},[1342,2120,2121],{},[1326,2122,2123,2128,2132,2134],{},[1347,2124,2125],{},[143,2126,2127],{},"hidden",[1347,2129,2130],{},[143,2131,1492],{},[1347,2133,1436],{},[1347,2135,2136],{},"Skip rendering even while present.",[1320,2138,2139,2147],{},[1323,2140,2141],{},[1326,2142,2143,2145],{},[1329,2144,1646],{},[1329,2146,1340],{},[1342,2148,2149,2157,2166,2176],{},[1326,2150,2151,2155],{},[1347,2152,2153],{},[143,2154,1657],{},[1347,2156,1660],{},[1326,2158,2159,2163],{},[1347,2160,2161],{},[143,2162,1667],{},[1347,2164,2165],{},"Present while present but not open.",[1326,2167,2168,2173],{},[1347,2169,2170],{},[143,2171,2172],{},"data-starting-style",[1347,2174,2175],{},"Present while animating in.",[1326,2177,2178,2183],{},[1347,2179,2180],{},[143,2181,2182],{},"data-ending-style",[1347,2184,2185],{},"Present while animating out.",[579,2187,2189],{"id":2188},"backdrop","Backdrop",[139,2191,2192],{},"Optional overlay behind the popup. Pointer-events none in this port.",[579,2194,2196],{"id":2195},"positioner","Positioner",[139,2198,2199,2200,2203,2204,191,2207,191,2210,501,2213,1318],{},"Pins the popup to the input, input group, or trigger with ",[143,2201,2202],{},"position: fixed",". Sets ",[143,2205,2206],{},"--anchor-width",[143,2208,2209],{},"--available-width",[143,2211,2212],{},"--available-height",[143,2214,2215],{},"--transform-origin",[1320,2217,2218,2230],{},[1323,2219,2220],{},[1326,2221,2222,2224,2226,2228],{},[1329,2223,1331],{},[1329,2225,1334],{},[1329,2227,1337],{},[1329,2229,1340],{},[1342,2231,2232,2252],{},[1326,2233,2234,2239,2244,2249],{},[1347,2235,2236],{},[143,2237,2238],{},"sideOffset",[1347,2240,2241],{},[143,2242,2243],{},"number",[1347,2245,2246],{},[143,2247,2248],{},"4",[1347,2250,2251],{},"Gap below the anchor.",[1326,2253,2254,2259,2264,2269],{},[1347,2255,2256],{},[143,2257,2258],{},"align",[1347,2260,2261],{},[143,2262,2263],{},"'start' | 'end'",[1347,2265,2266],{},[143,2267,2268],{},"'start'",[1347,2270,2271],{},"Align to the start or end of the anchor.",[579,2273,2275],{"id":2274},"popup","Popup",[139,2277,2278,2279,564,2281,2283,2284,2287],{},"Popup surface. Enter and leave use ",[143,2280,2172],{},[143,2282,2182],{}," (scale ",[143,2285,2286],{},"0.95",", 100ms). No animation library. No drop-shadow.",[1320,2289,2290,2298],{},[1323,2291,2292],{},[1326,2293,2294,2296],{},[1329,2295,1646],{},[1329,2297,1340],{},[1342,2299,2300,2309,2318,2328,2336],{},[1326,2301,2302,2306],{},[1347,2303,2304],{},[143,2305,1657],{},[1347,2307,2308],{},"Present when open.",[1326,2310,2311,2315],{},[1347,2312,2313],{},[143,2314,1667],{},[1347,2316,2317],{},"Present when closed.",[1326,2319,2320,2325],{},[1347,2321,2322],{},[143,2323,2324],{},"data-empty",[1347,2326,2327],{},"Present when the list is empty.",[1326,2329,2330,2334],{},[1347,2331,2332],{},[143,2333,2172],{},[1347,2335,2175],{},[1326,2337,2338,2342],{},[1347,2339,2340],{},[143,2341,2182],{},[1347,2343,2185],{},[579,2345,2347],{"id":2346},"list","List",[139,2349,2350,2351,2353,2354,1318],{},"Listbox. Scoped slot exposes the filtered ",[143,2352,235],{}," (flat or grouped). Max height ",[143,2355,2356],{},"min(22.5rem, var(--available-height))",[1320,2358,2359,2367],{},[1323,2360,2361],{},[1326,2362,2363,2365],{},[1329,2364,1646],{},[1329,2366,1340],{},[1342,2368,2369],{},[1326,2370,2371,2375],{},[1347,2372,2373],{},[143,2374,2324],{},[1347,2376,1876],{},[579,2378,2380],{"id":2379},"item","Item",[139,2382,2383,2384,2004,2387,2390,2391,2394],{},"One option. Renders ",[143,2385,2386],{},"role=\"option\"",[143,2388,2389],{},"data-highlighted"," shows the accent dot. ",[143,2392,2393],{},"data-selected"," when chosen.",[1320,2396,2397,2409],{},[1323,2398,2399],{},[1326,2400,2401,2403,2405,2407],{},[1329,2402,1331],{},[1329,2404,1334],{},[1329,2406,1337],{},[1329,2408,1340],{},[1342,2410,2411],{},[1326,2412,2413,2417,2421,2423],{},[1347,2414,2415],{},[143,2416,490],{},[1347,2418,2419],{},[143,2420,2079],{},[1347,2422,1436],{},[1347,2424,2425],{},"The item this option represents.",[579,2427,2429],{"id":2428},"itemindicator","ItemIndicator",[139,2431,2432,2433,2436],{},"Check mark on the selected item. Renders a ",[143,2434,2435],{},"\u003Cspan>",". Hidden while unselected.",[579,2438,2440],{"id":2439},"group","Group",[139,2442,2443,2444,1318],{},"Section of items. Renders ",[143,2445,2446],{},"role=\"group\"",[1320,2448,2449,2461],{},[1323,2450,2451],{},[1326,2452,2453,2455,2457,2459],{},[1329,2454,1331],{},[1329,2456,1334],{},[1329,2458,1337],{},[1329,2460,1340],{},[1342,2462,2463],{},[1326,2464,2465,2469,2474,2476],{},[1347,2466,2467],{},[143,2468,235],{},[1347,2470,2471],{},[143,2472,2473],{},"unknown[]",[1347,2475,1436],{},[1347,2477,2478,2479,1318],{},"Items for ",[143,2480,2481],{},"Collection",[579,2483,2485],{"id":2484},"grouplabel","GroupLabel",[139,2487,2488],{},"Heading for a group.",[579,2490,2481],{"id":2491},"collection",[139,2493,2494,2495,2497],{},"Passes the current group’s ",[143,2496,235],{}," to its scoped slot.",[579,2499,2501],{"id":2500},"row","Row",[139,2503,2504,2505,2508],{},"A grid row (",[143,2506,2507],{},"role=\"row\"",") when laying items out in columns.",[579,2510,2512],{"id":2511},"status","Status",[139,2514,2515],{},"Live region for loading, errors, or result counts.",[579,2517,2519],{"id":2518},"empty","Empty",[139,2521,2522],{},"Shown when the filter matches nothing.",[579,2524,101],{"id":2525},"separator",[139,2527,2528],{},"Visual divider inside the popup.",[2530,2531,2532],"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);}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}",{"title":213,"searchDepth":252,"depth":252,"links":2534},[2535,2536,2537,2538,2549],{"id":153,"depth":252,"text":154},{"id":205,"depth":252,"text":206},{"id":483,"depth":252,"text":484},{"id":576,"depth":252,"text":577,"children":2539},[2540,2541,2542,2543,2544,2545,2546,2547,2548],{"id":581,"depth":258,"text":582},{"id":744,"depth":258,"text":745},{"id":861,"depth":258,"text":862},{"id":966,"depth":258,"text":967},{"id":1085,"depth":258,"text":1086},{"id":1244,"depth":258,"text":1245},{"id":1272,"depth":258,"text":1273},{"id":1285,"depth":258,"text":1286},{"id":1294,"depth":258,"text":1295},{"id":1306,"depth":252,"text":1307,"children":2550},[2551,2552,2553,2554,2555,2556,2557,2558,2559,2560,2561,2562,2563,2564,2565,2566,2567,2568,2569,2570,2571,2572,2573,2574,2575],{"id":1310,"depth":258,"text":1311},{"id":563,"depth":258,"text":1704},{"id":1716,"depth":258,"text":1717},{"id":1791,"depth":258,"text":59},{"id":1895,"depth":258,"text":1896},{"id":1957,"depth":258,"text":1958},{"id":1992,"depth":258,"text":1908},{"id":490,"depth":258,"text":637},{"id":2041,"depth":258,"text":2042},{"id":2048,"depth":258,"text":2049},{"id":2087,"depth":258,"text":2088},{"id":2096,"depth":258,"text":2097},{"id":2188,"depth":258,"text":2189},{"id":2195,"depth":258,"text":2196},{"id":2274,"depth":258,"text":2275},{"id":2346,"depth":258,"text":2347},{"id":2379,"depth":258,"text":2380},{"id":2428,"depth":258,"text":2429},{"id":2439,"depth":258,"text":2440},{"id":2484,"depth":258,"text":2485},{"id":2491,"depth":258,"text":2481},{"id":2500,"depth":258,"text":2501},{"id":2511,"depth":258,"text":2512},{"id":2518,"depth":258,"text":2519},{"id":2525,"depth":258,"text":101},"A picker that filters a list of items","md",{},{"title":35,"description":2576},"pkg\u002Fcombobox","dVr-UuP9ZDGH5jhewXlBzdTXVzGwdugRTPneqlhhFjA",1791043754651]