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