[{"data":1,"prerenderedAt":3394},["ShallowReactive",2],{"docs:select":3,"demo:select\u002Fhero":3390,"demo:select\u002Fmultiple":3391,"demo:select\u002Fobject-values":3392,"demo:select\u002Fgrouped":3393},{"frontmatter":4,"meta":5,"nodes":6},{},{},[7,12,16,20,25,346,350,412,416,441,449,453,458,476,650,656,812,820,824,830,887,890,894,903,1041,1047,1187,1198,1202,1216,1219,1223,1239,1242,1246,1267,1270,1274,1289,1339,1353,1456,1459,1463,1467,1474,1669,1673,1680,1723,1802,1806,1816,1868,1993,1997,2003,2047,2068,2072,2078,2112,2133,2137,2142,2176,2227,2231,2245,2268,2272,2277,2436,2496,2558,2562,2575,2627,2689,2693,2701,2733,2737,2742,2776,2830,2834,2839,2890,2930,2934,2940,2982,3021,3025,3030,3055,3059,3064,3096,3100,3106,3148,3209,3213,3218,3257,3312,3316,3332,3368],[8,9,11],"h1",{"id":10},"select","Select",[13,14,15],"p",{},"A single-select listbox.",[17,18],"demo",{"name":19},"select\u002Fhero",[21,22,24],"h2",{"id":23},"anatomy","Anatomy",[26,27,31],"pre",{"language":28,"meta":29,"class":30},"vue","title=\"Anatomy\"","shiki shiki-themes github-light github-dark dark:github-dark",[32,33,35,55,56,55,72,55,81,55,83,55,92,55,102,55,113,55,122,55,132,55,141,55,150,55,159,55,168,55,177,55,187,55,197,55,206,55,208,55,217,55,227,55,237,55,246,55,248,55,257,55,259,55,268,55,277,55,285,55,294,55,303,55,312,55,321,55,329,55,338],"code",{"class":34},"language-vue",[36,37,40,44,48,52],"span",{"class":38,"style":39},"line","display: inline",[36,41,43],{"style":42},"color:#24292E;--shiki-dark:#E1E4E8","\u003C",[36,45,47],{"style":46},"color:#22863A;--shiki-dark:#85E89D","script",[36,49,51],{"style":50},"color:#6F42C1;--shiki-dark:#B392F0"," setup",[36,53,54],{"style":42},">","\n",[36,57,58,62,65,68],{"class":38,"style":39},[36,59,61],{"style":60},"color:#D73A49;--shiki-dark:#F97583","import",[36,63,64],{"style":42}," { Select } ",[36,66,67],{"style":60},"from",[36,69,71],{"style":70},"color:#032F62;--shiki-dark:#9ECBFF"," '@shardsui\u002Fvue\u002Fselect'",[36,73,74,77,79],{"class":38,"style":39},[36,75,76],{"style":42},"\u003C\u002F",[36,78,47],{"style":46},[36,80,54],{"style":42},[36,82],{"class":38,"style":39},[36,84,85,87,90],{"class":38,"style":39},[36,86,43],{"style":42},[36,88,89],{"style":46},"template",[36,91,54],{"style":42},[36,93,94,97,100],{"class":38,"style":39},[36,95,96],{"style":42},"  \u003C",[36,98,99],{"style":46},"Select.Root",[36,101,54],{"style":42},[36,103,104,107,110],{"class":38,"style":39},[36,105,106],{"style":42},"    \u003C",[36,108,109],{"style":46},"Select.Label",[36,111,112],{"style":42}," \u002F>",[36,114,115,117,120],{"class":38,"style":39},[36,116,106],{"style":42},[36,118,119],{"style":46},"Select.Trigger",[36,121,54],{"style":42},[36,123,124,127,130],{"class":38,"style":39},[36,125,126],{"style":42},"      \u003C",[36,128,129],{"style":46},"Select.Value",[36,131,112],{"style":42},[36,133,134,136,139],{"class":38,"style":39},[36,135,126],{"style":42},[36,137,138],{"style":46},"Select.Icon",[36,140,112],{"style":42},[36,142,143,146,148],{"class":38,"style":39},[36,144,145],{"style":42},"    \u003C\u002F",[36,147,119],{"style":46},[36,149,54],{"style":42},[36,151,152,154,157],{"class":38,"style":39},[36,153,106],{"style":42},[36,155,156],{"style":46},"Select.Portal",[36,158,54],{"style":42},[36,160,161,163,166],{"class":38,"style":39},[36,162,126],{"style":42},[36,164,165],{"style":46},"Select.Backdrop",[36,167,112],{"style":42},[36,169,170,172,175],{"class":38,"style":39},[36,171,126],{"style":42},[36,173,174],{"style":46},"Select.Positioner",[36,176,54],{"style":42},[36,178,179,182,185],{"class":38,"style":39},[36,180,181],{"style":42},"        \u003C",[36,183,184],{"style":46},"Select.Popup",[36,186,54],{"style":42},[36,188,189,192,195],{"class":38,"style":39},[36,190,191],{"style":42},"          \u003C",[36,193,194],{"style":46},"Select.ScrollUpArrow",[36,196,112],{"style":42},[36,198,199,201,204],{"class":38,"style":39},[36,200,191],{"style":42},[36,202,203],{"style":46},"Select.Arrow",[36,205,112],{"style":42},[36,207],{"class":38,"style":39},[36,209,210,212,215],{"class":38,"style":39},[36,211,191],{"style":42},[36,213,214],{"style":46},"Select.List",[36,216,54],{"style":42},[36,218,219,222,225],{"class":38,"style":39},[36,220,221],{"style":42},"            \u003C",[36,223,224],{"style":46},"Select.Item",[36,226,54],{"style":42},[36,228,229,232,235],{"class":38,"style":39},[36,230,231],{"style":42},"              \u003C",[36,233,234],{"style":46},"Select.ItemIndicator",[36,236,112],{"style":42},[36,238,239,242,244],{"class":38,"style":39},[36,240,241],{"style":42},"            \u003C\u002F",[36,243,224],{"style":46},[36,245,54],{"style":42},[36,247],{"class":38,"style":39},[36,249,250,252,255],{"class":38,"style":39},[36,251,221],{"style":42},[36,253,254],{"style":46},"Select.Separator",[36,256,112],{"style":42},[36,258],{"class":38,"style":39},[36,260,261,263,266],{"class":38,"style":39},[36,262,221],{"style":42},[36,264,265],{"style":46},"Select.Group",[36,267,54],{"style":42},[36,269,270,272,275],{"class":38,"style":39},[36,271,231],{"style":42},[36,273,274],{"style":46},"Select.GroupLabel",[36,276,112],{"style":42},[36,278,279,281,283],{"class":38,"style":39},[36,280,241],{"style":42},[36,282,265],{"style":46},[36,284,54],{"style":42},[36,286,287,290,292],{"class":38,"style":39},[36,288,289],{"style":42},"          \u003C\u002F",[36,291,214],{"style":46},[36,293,54],{"style":42},[36,295,296,298,301],{"class":38,"style":39},[36,297,191],{"style":42},[36,299,300],{"style":46},"Select.ScrollDownArrow",[36,302,112],{"style":42},[36,304,305,308,310],{"class":38,"style":39},[36,306,307],{"style":42},"        \u003C\u002F",[36,309,184],{"style":46},[36,311,54],{"style":42},[36,313,314,317,319],{"class":38,"style":39},[36,315,316],{"style":42},"      \u003C\u002F",[36,318,174],{"style":46},[36,320,54],{"style":42},[36,322,323,325,327],{"class":38,"style":39},[36,324,145],{"style":42},[36,326,156],{"style":46},[36,328,54],{"style":42},[36,330,331,334,336],{"class":38,"style":39},[36,332,333],{"style":42},"  \u003C\u002F",[36,335,99],{"style":46},[36,337,54],{"style":42},[36,339,340,342,344],{"class":38,"style":39},[36,341,76],{"style":42},[36,343,89],{"style":46},[36,345,54],{"style":42},[21,347,349],{"id":348},"usage-guidelines","Usage guidelines",[351,352,353,367,390],"ul",{},[354,355,356,360,361,366],"li",{},[357,358,359],"strong",{},"Prefer Combobox for large lists",": Select has no filtering beyond typeahead (typing jumps to the matching item). Once the list grows long enough to need filtering, switch to ",[362,363,365],"a",{"href":364},"\u002Fcombobox","Combobox",".",[354,368,369,372,373,376,377,380,381,384,385,389],{},[357,370,371],{},"Positioning",": the popup anchors to the trigger through ",[32,374,375],{},"\u003CSelect.Positioner>",". Set ",[32,378,379],{},"side",", ",[32,382,383],{},"align"," and the offsets there, and size the popup against the anchor CSS variables it publishes (see ",[362,386,388],{"href":387},"\u002Fstyling","Styling",").",[354,391,392,395,396,399,400,403,404,407,408,366],{},[357,393,394],{},"Give the control an accessible name",": add a ",[32,397,398],{},"\u003CSelect.Label>",", or set an ",[32,401,402],{},"aria-label"," on ",[32,405,406],{},"\u003CSelect.Trigger>"," when there's no visible label. See the ",[362,409,411],{"href":410},"\u002Fforms","forms guide",[21,413,415],{"id":414},"typescript","TypeScript",[13,417,418,421,422,425,426,429,430,432,433,436,437,440],{},[32,419,420],{},"\u003CSelect.Root>"," infers its item type from the ",[32,423,424],{},"value"," prop, so every ",[32,427,428],{},"\u003CSelect.Item>","'s ",[32,431,424],{}," (and each entry in the ",[32,434,435],{},"items"," array) must share that type. Adding ",[32,438,439],{},"multiple"," flips that type to an array.",[13,442,443,444,448],{},"See the ",[362,445,447],{"href":446},"\u002Ftypescript#value-types-for-generic-parts","TypeScript guide"," for generic roots, typed wrappers, and template ref patterns.",[21,450,452],{"id":451},"examples","Examples",[454,455,457],"h3",{"id":456},"examples-formatting-the-value","Formatting the value",[13,459,460,461,380,463,466,467,469,470,472,473,475],{},"With no ",[32,462,435],{},[32,464,465],{},"\u003CSelect.Value>"," stringifies the selected ",[32,468,424],{},". Give ",[32,471,420],{}," an ",[32,474,435],{}," prop and it renders the matching label instead:",[26,477,479],{"language":28,"meta":478,"class":30},"title=\"items prop\"",[32,480,481,55,500,55,519,55,536,55,550,55,564,55,579,55,584,55,592,55,594,55,602,55,626,55,634,55,642],{"class":34},[36,482,483,485,487,489,492,495,498],{"class":38,"style":39},[36,484,43],{"style":42},[36,486,47],{"style":46},[36,488,51],{"style":50},[36,490,491],{"style":50}," lang",[36,493,494],{"style":42},"=",[36,496,497],{"style":70},"\"ts\"",[36,499,54],{"style":42},[36,501,502,505,509,513,516],{"class":38,"style":39},[36,503,504],{"style":60},"const",[36,506,508],{"style":507},"color:#005CC5;--shiki-dark:#79B8FF"," ",[36,510,435],{"style":507,"class":511},[512],"highlighted-word",[36,514,515],{"style":60}," =",[36,517,518],{"style":42}," [",[36,520,521,524,527,530,533],{"class":38,"style":39},[36,522,523],{"style":42},"  { value: ",[36,525,526],{"style":507},"null",[36,528,529],{"style":42},", label: ",[36,531,532],{"style":70},"'Select theme'",[36,534,535],{"style":42}," },",[36,537,538,540,543,545,548],{"class":38,"style":39},[36,539,523],{"style":42},[36,541,542],{"style":70},"'system'",[36,544,529],{"style":42},[36,546,547],{"style":70},"'System default'",[36,549,535],{"style":42},[36,551,552,554,557,559,562],{"class":38,"style":39},[36,553,523],{"style":42},[36,555,556],{"style":70},"'light'",[36,558,529],{"style":42},[36,560,561],{"style":70},"'Light'",[36,563,535],{"style":42},[36,565,566,568,571,573,576],{"class":38,"style":39},[36,567,523],{"style":42},[36,569,570],{"style":70},"'dark'",[36,572,529],{"style":42},[36,574,575],{"style":70},"'Dark'",[36,577,578],{"style":42}," }",[36,580,581],{"class":38,"style":39},[36,582,583],{"style":42},"]",[36,585,586,588,590],{"class":38,"style":39},[36,587,76],{"style":42},[36,589,47],{"style":46},[36,591,54],{"style":42},[36,593],{"class":38,"style":39},[36,595,596,598,600],{"class":38,"style":39},[36,597,43],{"style":42},[36,599,89],{"style":46},[36,601,54],{"style":42},[36,603,604,606,608,611,614,616,619,622,624],{"class":38,"style":39},[36,605,96],{"style":42},[36,607,99],{"style":46},[36,609,610],{"style":50}," :",[36,612,435],{"style":50,"class":613},[512],[36,615,494],{"style":42},[36,617,618],{"style":70},"\"",[36,620,435],{"style":70,"class":621},[512],[36,623,618],{"style":70},[36,625,54],{"style":42},[36,627,628,630,632],{"class":38,"style":39},[36,629,106],{"style":42},[36,631,129],{"style":46},[36,633,112],{"style":42},[36,635,636,638,640],{"class":38,"style":39},[36,637,333],{"style":42},[36,639,99],{"style":46},[36,641,54],{"style":42},[36,643,644,646,648],{"class":38,"style":39},[36,645,76],{"style":42},[36,647,89],{"style":46},[36,649,54],{"style":42},[13,651,652,653,655],{},"For richer output, take the default slot of ",[32,654,465],{}," and format the value yourself:",[26,657,660],{"language":28,"meta":658,"class":659},"title=\"Formatted value\"","shiki shiki-themes github-light github-dark has-highlighted dark:github-dark",[32,661,662,55,678,55,690,55,701,55,711,55,722,55,727,55,735,55,737,55,745,55,763,55,780,55,786,55,795,55,804],{"class":34},[36,663,664,666,668,670,672,674,676],{"class":38,"style":39},[36,665,43],{"style":42},[36,667,47],{"style":46},[36,669,51],{"style":50},[36,671,491],{"style":50},[36,673,494],{"style":42},[36,675,497],{"style":70},[36,677,54],{"style":42},[36,679,680,682,685,687],{"class":38,"style":39},[36,681,504],{"style":60},[36,683,684],{"style":507}," items",[36,686,515],{"style":60},[36,688,689],{"style":42}," {",[36,691,692,695,698],{"class":38,"style":39},[36,693,694],{"style":42},"  monospace: ",[36,696,697],{"style":70},"'Monospace'",[36,699,700],{"style":42},",",[36,702,703,706,709],{"class":38,"style":39},[36,704,705],{"style":42},"  serif: ",[36,707,708],{"style":70},"'Serif'",[36,710,700],{"style":42},[36,712,713,716,719],{"class":38,"style":39},[36,714,715],{"style":70},"  'sans-serif'",[36,717,718],{"style":42},": ",[36,720,721],{"style":70},"'Sans-serif'",[36,723,724],{"class":38,"style":39},[36,725,726],{"style":42},"}",[36,728,729,731,733],{"class":38,"style":39},[36,730,76],{"style":42},[36,732,47],{"style":46},[36,734,54],{"style":42},[36,736],{"class":38,"style":39},[36,738,739,741,743],{"class":38,"style":39},[36,740,43],{"style":42},[36,742,89],{"style":46},[36,744,54],{"style":42},[36,746,749,751,753,756,758,761],{"class":747,"style":39},[38,748],"highlighted",[36,750,96],{"style":42},[36,752,129],{"style":46},[36,754,755],{"style":50}," v-slot",[36,757,494],{"style":42},[36,759,760],{"style":70},"\"{ value }\"",[36,762,54],{"style":42},[36,764,766,768,770,773,775,778],{"class":765,"style":39},[38,748],[36,767,106],{"style":42},[36,769,36],{"style":46},[36,771,772],{"style":50}," :style",[36,774,494],{"style":42},[36,776,777],{"style":70},"\"{ fontFamily: value as string }\"",[36,779,54],{"style":42},[36,781,783],{"class":782,"style":39},[38,748],[36,784,785],{"style":42},"      {{ items[value as keyof typeof items] }}",[36,787,789,791,793],{"class":788,"style":39},[38,748],[36,790,145],{"style":42},[36,792,36],{"style":46},[36,794,54],{"style":42},[36,796,798,800,802],{"class":797,"style":39},[38,748],[36,799,333],{"style":42},[36,801,129],{"style":46},[36,803,54],{"style":42},[36,805,806,808,810],{"class":38,"style":39},[36,807,76],{"style":42},[36,809,89],{"style":46},[36,811,54],{"style":42},[13,813,814,815,819],{},"Giving each item an ",[362,816,818],{"href":817},"#examples-object-values","object value"," skips the lookup.",[454,821,823],{"id":822},"examples-labeling-a-select","Labeling a select",[13,825,826,827,829],{},"Add a visible label for the trigger with ",[32,828,398],{},":",[26,831,833],{"language":28,"meta":832,"class":659},"title=\"Using Select.Label to label a select\"",[32,834,835,55,843,55,851,55,865,55,871,55,879],{"class":34},[36,836,837,839,841],{"class":38,"style":39},[36,838,43],{"style":42},[36,840,89],{"style":46},[36,842,54],{"style":42},[36,844,845,847,849],{"class":38,"style":39},[36,846,96],{"style":42},[36,848,99],{"style":46},[36,850,54],{"style":42},[36,852,854,856,858,861,863],{"class":853,"style":39},[38,748],[36,855,106],{"style":42},[36,857,109],{"style":46},[36,859,860],{"style":42},">Theme\u003C\u002F",[36,862,109],{"style":46},[36,864,54],{"style":42},[36,866,867],{"class":38,"style":39},[36,868,870],{"style":869},"color:#6A737D;--shiki-dark:#6A737D","    \u003C!-- ... -->",[36,872,873,875,877],{"class":38,"style":39},[36,874,333],{"style":42},[36,876,99],{"style":46},[36,878,54],{"style":42},[36,880,881,883,885],{"class":38,"style":39},[36,882,76],{"style":42},[36,884,89],{"style":46},[36,886,54],{"style":42},[13,888,889],{},"Clicking the label moves focus to the trigger without opening the popup.",[454,891,893],{"id":892},"examples-placeholder-values","Placeholder values",[13,895,896,897,900,901,829],{},"Show prompt text before anything is chosen with the ",[32,898,899],{},"placeholder"," prop on ",[32,902,465],{},[26,904,906],{"language":28,"meta":905,"class":659},"title=\"Placeholder item\"",[32,907,908,55,924,55,934,55,946,55,958,55,970,55,974,55,982,55,984,55,992,55,1008,55,1025,55,1033],{"class":34},[36,909,910,912,914,916,918,920,922],{"class":38,"style":39},[36,911,43],{"style":42},[36,913,47],{"style":46},[36,915,51],{"style":50},[36,917,491],{"style":50},[36,919,494],{"style":42},[36,921,497],{"style":70},[36,923,54],{"style":42},[36,925,926,928,930,932],{"class":38,"style":39},[36,927,504],{"style":60},[36,929,684],{"style":507},[36,931,515],{"style":60},[36,933,518],{"style":42},[36,935,936,938,940,942,944],{"class":38,"style":39},[36,937,523],{"style":42},[36,939,542],{"style":70},[36,941,529],{"style":42},[36,943,547],{"style":70},[36,945,535],{"style":42},[36,947,948,950,952,954,956],{"class":38,"style":39},[36,949,523],{"style":42},[36,951,556],{"style":70},[36,953,529],{"style":42},[36,955,561],{"style":70},[36,957,535],{"style":42},[36,959,960,962,964,966,968],{"class":38,"style":39},[36,961,523],{"style":42},[36,963,570],{"style":70},[36,965,529],{"style":42},[36,967,575],{"style":70},[36,969,578],{"style":42},[36,971,972],{"class":38,"style":39},[36,973,583],{"style":42},[36,975,976,978,980],{"class":38,"style":39},[36,977,76],{"style":42},[36,979,47],{"style":46},[36,981,54],{"style":42},[36,983],{"class":38,"style":39},[36,985,986,988,990],{"class":38,"style":39},[36,987,43],{"style":42},[36,989,89],{"style":46},[36,991,54],{"style":42},[36,993,994,996,998,1001,1003,1006],{"class":38,"style":39},[36,995,96],{"style":42},[36,997,99],{"style":46},[36,999,1000],{"style":50}," :items",[36,1002,494],{"style":42},[36,1004,1005],{"style":70},"\"items\"",[36,1007,54],{"style":42},[36,1009,1011,1013,1015,1018,1020,1023],{"class":1010,"style":39},[38,748],[36,1012,106],{"style":42},[36,1014,129],{"style":46},[36,1016,1017],{"style":50}," placeholder",[36,1019,494],{"style":42},[36,1021,1022],{"style":70},"\"Select theme\"",[36,1024,112],{"style":42},[36,1026,1027,1029,1031],{"class":38,"style":39},[36,1028,333],{"style":42},[36,1030,99],{"style":46},[36,1032,54],{"style":42},[36,1034,1035,1037,1039],{"class":38,"style":39},[36,1036,76],{"style":42},[36,1038,89],{"style":46},[36,1040,54],{"style":42},[13,1042,1043,1044,1046],{},"A placeholder alone gives no way back to the empty state from the select itself. To make it clearable from the popup rather than a separate reset button, add a ",[32,1045,526],{}," item to the list:",[26,1048,1050],{"language":28,"meta":1049,"class":659},"title=\"Clearable item\"",[32,1051,1052,55,1068,55,1078,55,1091,55,1103,55,1115,55,1127,55,1131,55,1139,55,1141,55,1149,55,1163,55,1171,55,1179],{"class":34},[36,1053,1054,1056,1058,1060,1062,1064,1066],{"class":38,"style":39},[36,1055,43],{"style":42},[36,1057,47],{"style":46},[36,1059,51],{"style":50},[36,1061,491],{"style":50},[36,1063,494],{"style":42},[36,1065,497],{"style":70},[36,1067,54],{"style":42},[36,1069,1070,1072,1074,1076],{"class":38,"style":39},[36,1071,504],{"style":60},[36,1073,684],{"style":507},[36,1075,515],{"style":60},[36,1077,518],{"style":42},[36,1079,1081,1083,1085,1087,1089],{"class":1080,"style":39},[38,748],[36,1082,523],{"style":42},[36,1084,526],{"style":507},[36,1086,529],{"style":42},[36,1088,532],{"style":70},[36,1090,535],{"style":42},[36,1092,1093,1095,1097,1099,1101],{"class":38,"style":39},[36,1094,523],{"style":42},[36,1096,542],{"style":70},[36,1098,529],{"style":42},[36,1100,547],{"style":70},[36,1102,535],{"style":42},[36,1104,1105,1107,1109,1111,1113],{"class":38,"style":39},[36,1106,523],{"style":42},[36,1108,556],{"style":70},[36,1110,529],{"style":42},[36,1112,561],{"style":70},[36,1114,535],{"style":42},[36,1116,1117,1119,1121,1123,1125],{"class":38,"style":39},[36,1118,523],{"style":42},[36,1120,570],{"style":70},[36,1122,529],{"style":42},[36,1124,575],{"style":70},[36,1126,578],{"style":42},[36,1128,1129],{"class":38,"style":39},[36,1130,583],{"style":42},[36,1132,1133,1135,1137],{"class":38,"style":39},[36,1134,76],{"style":42},[36,1136,47],{"style":46},[36,1138,54],{"style":42},[36,1140],{"class":38,"style":39},[36,1142,1143,1145,1147],{"class":38,"style":39},[36,1144,43],{"style":42},[36,1146,89],{"style":46},[36,1148,54],{"style":42},[36,1150,1151,1153,1155,1157,1159,1161],{"class":38,"style":39},[36,1152,96],{"style":42},[36,1154,99],{"style":46},[36,1156,1000],{"style":50},[36,1158,494],{"style":42},[36,1160,1005],{"style":70},[36,1162,54],{"style":42},[36,1164,1165,1167,1169],{"class":38,"style":39},[36,1166,106],{"style":42},[36,1168,129],{"style":46},[36,1170,112],{"style":42},[36,1172,1173,1175,1177],{"class":38,"style":39},[36,1174,333],{"style":42},[36,1176,99],{"style":46},[36,1178,54],{"style":42},[36,1180,1181,1183,1185],{"class":38,"style":39},[36,1182,76],{"style":42},[36,1184,89],{"style":46},[36,1186,54],{"style":42},[13,1188,1189,1190,1192,1193,1195,1196,366],{},"An entry that labels ",[32,1191,526],{}," doubles as the empty-state text, so ",[32,1194,465],{}," renders it in place of any ",[32,1197,899],{},[454,1199,1201],{"id":1200},"examples-multiple-selection","Multiple selection",[13,1203,1204,1205,900,1207,1209,1210,1212,1213,1215],{},"Set the ",[32,1206,439],{},[32,1208,420],{}," and the ",[32,1211,424],{}," becomes an array of every chosen item. Render that array through the ",[32,1214,465],{}," default slot.",[17,1217],{"name":1218},"select\u002Fmultiple",[454,1220,1222],{"id":1221},"examples-object-values","Object values",[13,1224,1225,1226,1228,1229,1231,1232,1235,1236,366],{},"Item values can be objects, not just primitives. The ",[32,1227,465],{}," default slot then receives the full object, so you can format the display from any of its fields without an ",[32,1230,435],{}," lookup. Pass ",[32,1233,1234],{},"isItemEqualToValue"," so the select matches the selected object against the list by a stable field like ",[32,1237,1238],{},"id",[17,1240],{"name":1241},"select\u002Fobject-values",[454,1243,1245],{"id":1244},"examples-grouped","Grouped",[13,1247,1248,1249,1252,1253,1256,1257,1259,1260,1263,1264,1266],{},"Break a long list into labeled sections with ",[32,1250,1251],{},"\u003CSelect.Group>"," and a ",[32,1254,1255],{},"\u003CSelect.GroupLabel>"," for each heading. Model the data as an array of group objects, each with its own ",[32,1258,435],{}," array plus a field such as ",[32,1261,1262],{},"label"," for the heading text, and render one ",[32,1265,1251],{}," per entry.",[17,1268],{"name":1269},"select\u002Fgrouped",[454,1271,1273],{"id":1272},"examples-scrolling-a-long-list","Scrolling a long list",[13,1275,1276,1277,1280,1281,1284,1285,1288],{},"The scrolling container is ",[32,1278,1279],{},"\u003CSelect.List>",", or ",[32,1282,1283],{},"\u003CSelect.Popup>"," when no list is rendered. Cap it with ",[32,1286,1287],{},"--available-height"," so it never outgrows the viewport:",[26,1290,1293],{"language":1291,"meta":1292,"class":30},"css","title=\"Capping the list height\"",[32,1294,1296,55,1303,55,1322,55,1335],{"class":1295},"language-css",[36,1297,1298,1301],{"class":38,"style":39},[36,1299,1300],{"style":50},".select-list",[36,1302,689],{"style":42},[36,1304,1305,1308,1310,1313,1316,1319],{"class":38,"style":39},[36,1306,1307],{"style":507},"  max-height",[36,1309,718],{"style":42},[36,1311,1312],{"style":507},"var",[36,1314,1315],{"style":42},"(",[36,1317,1287],{"style":1318},"color:#E36209;--shiki-dark:#FFAB70",[36,1320,1321],{"style":42},");",[36,1323,1324,1327,1329,1332],{"class":38,"style":39},[36,1325,1326],{"style":507},"  overflow-y",[36,1328,718],{"style":42},[36,1330,1331],{"style":507},"auto",[36,1333,1334],{"style":42},";",[36,1336,1337],{"class":38,"style":39},[36,1338,726],{"style":42},[13,1340,1341,1344,1345,1348,1349,1352],{},[32,1342,1343],{},"\u003CSelect.ScrollUpArrow>"," and ",[32,1346,1347],{},"\u003CSelect.ScrollDownArrow>"," become visible when there is more to scroll in that direction, and scroll the list while the pointer rests on them. Both render with ",[32,1350,1351],{},"position: absolute",", so give the popup a positioning context and place them against its edges:",[26,1354,1356],{"language":28,"meta":1355,"class":30},"title=\"Scroll arrows\"",[32,1357,1358,55,1366,55,1382,55,1397,55,1412,55,1417,55,1425,55,1440,55,1448],{"class":34},[36,1359,1360,1362,1364],{"class":38,"style":39},[36,1361,43],{"style":42},[36,1363,89],{"style":46},[36,1365,54],{"style":42},[36,1367,1368,1370,1372,1375,1377,1380],{"class":38,"style":39},[36,1369,96],{"style":42},[36,1371,184],{"style":46},[36,1373,1374],{"style":50}," class",[36,1376,494],{"style":42},[36,1378,1379],{"style":70},"\"select-popup\"",[36,1381,54],{"style":42},[36,1383,1384,1386,1388,1390,1392,1395],{"class":38,"style":39},[36,1385,106],{"style":42},[36,1387,194],{"style":46},[36,1389,1374],{"style":50},[36,1391,494],{"style":42},[36,1393,1394],{"style":70},"\"select-scroll-arrow-up\"",[36,1396,112],{"style":42},[36,1398,1399,1401,1403,1405,1407,1410],{"class":38,"style":39},[36,1400,106],{"style":42},[36,1402,214],{"style":46},[36,1404,1374],{"style":50},[36,1406,494],{"style":42},[36,1408,1409],{"style":70},"\"select-list\"",[36,1411,54],{"style":42},[36,1413,1414],{"class":38,"style":39},[36,1415,1416],{"style":869},"      \u003C!-- ... -->",[36,1418,1419,1421,1423],{"class":38,"style":39},[36,1420,145],{"style":42},[36,1422,214],{"style":46},[36,1424,54],{"style":42},[36,1426,1427,1429,1431,1433,1435,1438],{"class":38,"style":39},[36,1428,106],{"style":42},[36,1430,300],{"style":46},[36,1432,1374],{"style":50},[36,1434,494],{"style":42},[36,1436,1437],{"style":70},"\"select-scroll-arrow-down\"",[36,1439,112],{"style":42},[36,1441,1442,1444,1446],{"class":38,"style":39},[36,1443,333],{"style":42},[36,1445,184],{"style":46},[36,1447,54],{"style":42},[36,1449,1450,1452,1454],{"class":38,"style":39},[36,1451,76],{"style":42},[36,1453,89],{"style":46},[36,1455,54],{"style":42},[13,1457,1458],{},"Mounting either arrow hides the list's scrollbar. Neither arrow becomes visible when the popup was opened by touch, where the scrollbar stays.",[21,1460,1462],{"id":1461},"api-reference","API reference",[454,1464,1466],{"id":1465},"api-reference-root","Root",[13,1468,1469,1470,1473],{},"Groups all parts of the select.\nDoesn't render its own HTML element, but renders a hidden ",[32,1471,1472],{},"\u003Cinput>"," beside.",[1475,1476],"table",{"columns":1477,"rows":1481},[1478,1479,1480],"Prop","Type","Default",[1482,1494,1505,1516,1526,1535,1545,1554,1563,1572,1581,1590,1600,1609,1618,1628,1639,1649,1660],{"summary":1483,"detail":1487},[1484,1485,1486],"\u003Ccode>value\u003C\u002Fcode>","\u003Ccode>unknown\u003C\u002Fcode>","\u003Ccode>null\u003C\u002Fcode> (\u003Ccode>[]\u003C\u002Fcode> when \u003Ccode>multiple\u003C\u002Fcode>)",[1488,1489,1490,1491],{"label":1478,"html":1484},{"label":1479,"html":1485},{"label":1480,"html":1486},{"label":1492,"html":1493},"Description","The selected value (use \u003Ccode>v-model:value\u003C\u002Fcode>).",{"summary":1495,"detail":1499},[1496,1497,1498],"\u003Ccode>update:value\u003C\u002Fcode>","\u003Ccode>(value: unknown) => void\u003C\u002Fcode>","—",[1500,1501,1502,1503],{"label":1478,"html":1496},{"label":1479,"html":1497},{"label":1480,"html":1498},{"label":1492,"html":1504},"Emitted when the selected value changes.",{"summary":1506,"detail":1510},[1507,1508,1509],"\u003Ccode>open\u003C\u002Fcode>","\u003Ccode>boolean\u003C\u002Fcode>","\u003Ccode>false\u003C\u002Fcode>",[1511,1512,1513,1514],{"label":1478,"html":1507},{"label":1479,"html":1508},{"label":1480,"html":1509},{"label":1492,"html":1515},"The open state (use \u003Ccode>v-model:open\u003C\u002Fcode>).",{"summary":1517,"detail":1520},[1518,1519,1498],"\u003Ccode>update:open\u003C\u002Fcode>","\u003Ccode>(open: boolean) => void\u003C\u002Fcode>",[1521,1522,1523,1524],{"label":1478,"html":1518},{"label":1479,"html":1519},{"label":1480,"html":1498},{"label":1492,"html":1525},"Emitted when the open state changes.",{"summary":1527,"detail":1529},[1528,1519,1498],"\u003Ccode>openChangeComplete\u003C\u002Fcode>",[1530,1531,1532,1533],{"label":1478,"html":1528},{"label":1479,"html":1519},{"label":1480,"html":1498},{"label":1492,"html":1534},"Fires after the open\u002Fclose animation completes.",{"summary":1536,"detail":1539},[1537,1538,1498],"\u003Ccode>name\u003C\u002Fcode>","\u003Ccode>string\u003C\u002Fcode>",[1540,1541,1542,1543],{"label":1478,"html":1537},{"label":1479,"html":1538},{"label":1480,"html":1498},{"label":1492,"html":1544},"Names the value in form submission; applied to the hidden input.",{"summary":1546,"detail":1548},[1547,1508,1509],"\u003Ccode>disabled\u003C\u002Fcode>",[1549,1550,1551,1552],{"label":1478,"html":1547},{"label":1479,"html":1508},{"label":1480,"html":1509},{"label":1492,"html":1553},"Disables the select.",{"summary":1555,"detail":1557},[1556,1508,1509],"\u003Ccode>readOnly\u003C\u002Fcode>",[1558,1559,1560,1561],{"label":1478,"html":1556},{"label":1479,"html":1508},{"label":1480,"html":1509},{"label":1492,"html":1562},"Prevents the popup from opening and the value from changing. The value still submits.",{"summary":1564,"detail":1566},[1565,1508,1509],"\u003Ccode>required\u003C\u002Fcode>",[1567,1568,1569,1570],{"label":1478,"html":1565},{"label":1479,"html":1508},{"label":1480,"html":1509},{"label":1492,"html":1571},"Marks the select required for form submission.",{"summary":1573,"detail":1575},[1574,1538,1498],"\u003Ccode>autoComplete\u003C\u002Fcode>",[1576,1577,1578,1579],{"label":1478,"html":1574},{"label":1479,"html":1538},{"label":1480,"html":1498},{"label":1492,"html":1580},"Browser autofill hint applied to the hidden input.",{"summary":1582,"detail":1584},[1583,1538,1498],"\u003Ccode>form\u003C\u002Fcode>",[1585,1586,1587,1588],{"label":1478,"html":1583},{"label":1479,"html":1538},{"label":1480,"html":1498},{"label":1492,"html":1589},"Associates the hidden input with a form by its \u003Ccode>id\u003C\u002Fcode> (use when the select is rendered outside the form).",{"summary":1591,"detail":1594},[1592,1508,1593],"\u003Ccode>modal\u003C\u002Fcode>","\u003Ccode>true\u003C\u002Fcode>",[1595,1596,1597,1598],{"label":1478,"html":1592},{"label":1479,"html":1508},{"label":1480,"html":1593},{"label":1492,"html":1599},"Renders a backdrop that blocks interaction outside the popup and locks page scroll while open.",{"summary":1601,"detail":1603},[1602,1508,1509],"\u003Ccode>multiple\u003C\u002Fcode>",[1604,1605,1606,1607],{"label":1478,"html":1602},{"label":1479,"html":1508},{"label":1480,"html":1509},{"label":1492,"html":1608},"Allows several items to be selected; \u003Ccode>value\u003C\u002Fcode> becomes an array.",{"summary":1610,"detail":1612},[1611,1508,1593],"\u003Ccode>highlightItemOnHover\u003C\u002Fcode>",[1613,1614,1615,1616],{"label":1478,"html":1611},{"label":1479,"html":1508},{"label":1480,"html":1593},{"label":1492,"html":1617},"Highlights items as the pointer moves over them. Turn it off to keep CSS \u003Ccode>:hover\u003C\u002Fcode> distinct from \u003Ccode>data-highlighted\u003C\u002Fcode>.",{"summary":1619,"detail":1622},[1620,1621,1498],"\u003Ccode>items\u003C\u002Fcode>","\u003Ccode>readonly { value, label }[] | readonly { items: Value[] }[] | Record<string, unknown>\u003C\u002Fcode>",[1623,1624,1625,1626],{"label":1478,"html":1620},{"label":1479,"html":1621},{"label":1480,"html":1498},{"label":1492,"html":1627},"Items \u003Ccode>Select.Value\u003C\u002Fcode> resolves labels from: \u003Ccode>{ value, label }\u003C\u002Fcode> entries, groups of those, or a record mapping value to label.",{"summary":1629,"detail":1633},[1630,1631,1632],"\u003Ccode>itemToStringLabel\u003C\u002Fcode>","\u003Ccode>(item) => string\u003C\u002Fcode>","reads \u003Ccode>label\u003C\u002Fcode> \u002F \u003Ccode>value\u003C\u002Fcode> \u002F JSON-serializes",[1634,1635,1636,1637],{"label":1478,"html":1630},{"label":1479,"html":1631},{"label":1480,"html":1632},{"label":1492,"html":1638},"Converts an item to its display label.",{"summary":1640,"detail":1643},[1641,1631,1642],"\u003Ccode>itemToStringValue\u003C\u002Fcode>","reads \u003Ccode>value\u003C\u002Fcode> when paired with \u003Ccode>label\u003C\u002Fcode> \u002F JSON-serializes",[1644,1645,1646,1647],{"label":1478,"html":1641},{"label":1479,"html":1631},{"label":1480,"html":1642},{"label":1492,"html":1648},"Converts an item to its form value string.",{"summary":1650,"detail":1654},[1651,1652,1653],"\u003Ccode>isItemEqualToValue\u003C\u002Fcode>","\u003Ccode>(item, value) => boolean\u003C\u002Fcode>","\u003Ccode>Object.is\u003C\u002Fcode>",[1655,1656,1657,1658],{"label":1478,"html":1651},{"label":1479,"html":1652},{"label":1480,"html":1653},{"label":1492,"html":1659},"Compares an item to the current value.",{"summary":1661,"detail":1663},[1662,1538,1331],"\u003Ccode>id\u003C\u002Fcode>",[1664,1665,1666,1667],{"label":1478,"html":1662},{"label":1479,"html":1538},{"label":1480,"html":1331},{"label":1492,"html":1668},"Base id for the trigger and the generated part ids.",[454,1670,1672],{"id":1671},"api-reference-label","Label",[13,1674,1675,1676,1679],{},"An accessible label that is automatically associated with the select trigger.\nRenders a ",[32,1677,1678],{},"\u003Cdiv>"," element.",[1475,1681],{"columns":1682,"rows":1683},[1478,1479,1480],[1684,1695,1704,1713],{"summary":1685,"detail":1689},[1686,1687,1688],"\u003Ccode>as\u003C\u002Fcode>","\u003Ccode>keyof HTMLElementTagNameMap\u003C\u002Fcode>","\u003Ccode>'div'\u003C\u002Fcode>",[1690,1691,1692,1693],{"label":1478,"html":1686},{"label":1479,"html":1687},{"label":1480,"html":1688},{"label":1492,"html":1694},"HTML element to render.",{"summary":1696,"detail":1698},[1697,1538,1498],"\u003Ccode>class\u003C\u002Fcode>",[1699,1700,1701,1702],{"label":1478,"html":1697},{"label":1479,"html":1538},{"label":1480,"html":1498},{"label":1492,"html":1703},"CSS class applied to the element.",{"summary":1705,"detail":1707},[1706,1538,1498],"\u003Ccode>style\u003C\u002Fcode>",[1708,1709,1710,1711],{"label":1478,"html":1706},{"label":1479,"html":1538},{"label":1480,"html":1498},{"label":1492,"html":1712},"Inline style applied to the element.",{"summary":1714,"detail":1717},[1715,1716,1498],"\u003Ccode>default\u003C\u002Fcode>","\u003Ccode>Slot<{ touched, dirty, filled, focused, valid, disabled }>\u003C\u002Fcode>",[1718,1719,1720,1721],{"label":1478,"html":1715},{"label":1479,"html":1716},{"label":1480,"html":1498},{"label":1492,"html":1722},"Label content; receives the field state.",[1475,1724,1725,1738],{},[1726,1727,1728],"thead",{},[1729,1730,1731,1736],"tr",{},[1732,1733,1735],"th",{"style":1734},"text-align:left","Attribute",[1732,1737,1492],{"style":1734},[1739,1740,1741,1752,1762,1772,1782,1792],"tbody",{},[1729,1742,1743,1749],{},[1744,1745,1746],"td",{"style":1734},[32,1747,1748],{},"data-valid",[1744,1750,1751],{"style":1734},"Present when the field is valid (when wrapped in Field.Root).",[1729,1753,1754,1759],{},[1744,1755,1756],{"style":1734},[32,1757,1758],{},"data-invalid",[1744,1760,1761],{"style":1734},"Present when the field is invalid (when wrapped in Field.Root).",[1729,1763,1764,1769],{},[1744,1765,1766],{"style":1734},[32,1767,1768],{},"data-touched",[1744,1770,1771],{"style":1734},"Present when the field has been touched (when wrapped in Field.Root).",[1729,1773,1774,1779],{},[1744,1775,1776],{"style":1734},[32,1777,1778],{},"data-dirty",[1744,1780,1781],{"style":1734},"Present when the field's value has changed (when wrapped in Field.Root).",[1729,1783,1784,1789],{},[1744,1785,1786],{"style":1734},[32,1787,1788],{},"data-filled",[1744,1790,1791],{"style":1734},"Present when the select has a value (when wrapped in Field.Root).",[1729,1793,1794,1799],{},[1744,1795,1796],{"style":1734},[32,1797,1798],{},"data-focused",[1744,1800,1801],{"style":1734},"Present when the trigger is focused (when wrapped in Field.Root).",[454,1803,1805],{"id":1804},"api-reference-trigger","Trigger",[13,1807,1808,1809,1812,1813,1815],{},"A button that opens the select popup.\nRenders a ",[32,1810,1811],{},"\u003Cbutton>"," element.\nTyping while it is focused and closed selects the first item whose label matches, unless ",[32,1814,439],{}," is set.",[1475,1817],{"columns":1818,"rows":1819},[1478,1479,1480],[1820,1828,1835,1842,1850,1859],{"summary":1821,"detail":1823},[1686,1687,1822],"\u003Ccode>'button'\u003C\u002Fcode>",[1824,1825,1826,1827],{"label":1478,"html":1686},{"label":1479,"html":1687},{"label":1480,"html":1822},{"label":1492,"html":1694},{"summary":1829,"detail":1830},[1697,1538,1498],[1831,1832,1833,1834],{"label":1478,"html":1697},{"label":1479,"html":1538},{"label":1480,"html":1498},{"label":1492,"html":1703},{"summary":1836,"detail":1837},[1706,1538,1498],[1838,1839,1840,1841],{"label":1478,"html":1706},{"label":1479,"html":1538},{"label":1480,"html":1498},{"label":1492,"html":1712},{"summary":1843,"detail":1844},[1547,1508,1509],[1845,1846,1847,1848],{"label":1478,"html":1547},{"label":1479,"html":1508},{"label":1480,"html":1509},{"label":1492,"html":1849},"Whether the trigger is disabled.",{"summary":1851,"detail":1853},[1662,1538,1852],"the Root's \u003Ccode>id\u003C\u002Fcode>",[1854,1855,1856,1857],{"label":1478,"html":1662},{"label":1479,"html":1538},{"label":1480,"html":1852},{"label":1492,"html":1858},"Custom element ID.",{"summary":1860,"detail":1862},[1715,1861,1498],"\u003Ccode>Slot<{ touched, dirty, filled, focused, valid, open, disabled, readOnly, popupSide, value, placeholder }>\u003C\u002Fcode>",[1863,1864,1865,1866],{"label":1478,"html":1715},{"label":1479,"html":1861},{"label":1480,"html":1498},{"label":1492,"html":1867},"Trigger content; receives the trigger's state.",[1475,1869,1870,1878],{},[1726,1871,1872],{},[1729,1873,1874,1876],{},[1732,1875,1735],{"style":1734},[1732,1877,1492],{"style":1734},[1739,1879,1880,1890,1900,1910,1920,1930,1939,1948,1957,1966,1974,1983],{},[1729,1881,1882,1887],{},[1744,1883,1884],{"style":1734},[32,1885,1886],{},"data-popup-open",[1744,1888,1889],{"style":1734},"Present when the select is open.",[1729,1891,1892,1897],{},[1744,1893,1894],{"style":1734},[32,1895,1896],{},"data-popup-side",[1744,1898,1899],{"style":1734},"Indicates which side the corresponding popup is positioned relative to its anchor.",[1729,1901,1902,1907],{},[1744,1903,1904],{"style":1734},[32,1905,1906],{},"data-pressed",[1744,1908,1909],{"style":1734},"Present while the popup is open, so the trigger can render as held down.",[1729,1911,1912,1917],{},[1744,1913,1914],{"style":1734},[32,1915,1916],{},"data-disabled",[1744,1918,1919],{"style":1734},"Present when disabled.",[1729,1921,1922,1927],{},[1744,1923,1924],{"style":1734},[32,1925,1926],{},"data-readonly",[1744,1928,1929],{"style":1734},"Present when the select is readonly.",[1729,1931,1932,1936],{},[1744,1933,1934],{"style":1734},[32,1935,1748],{},[1744,1937,1938],{"style":1734},"Present when the select is in a valid state (when wrapped in Field.Root).",[1729,1940,1941,1945],{},[1744,1942,1943],{"style":1734},[32,1944,1758],{},[1744,1946,1947],{"style":1734},"Present when the select is in an invalid state (when wrapped in Field.Root).",[1729,1949,1950,1954],{},[1744,1951,1952],{"style":1734},[32,1953,1768],{},[1744,1955,1956],{"style":1734},"Present when the select has been touched (when wrapped in Field.Root).",[1729,1958,1959,1963],{},[1744,1960,1961],{"style":1734},[32,1962,1778],{},[1744,1964,1965],{"style":1734},"Present when the select's value has changed (when wrapped in Field.Root).",[1729,1967,1968,1972],{},[1744,1969,1970],{"style":1734},[32,1971,1788],{},[1744,1973,1791],{"style":1734},[1729,1975,1976,1980],{},[1744,1977,1978],{"style":1734},[32,1979,1798],{},[1744,1981,1982],{"style":1734},"Present when the select trigger is focused (when wrapped in Field.Root).",[1729,1984,1985,1990],{},[1744,1986,1987],{"style":1734},[32,1988,1989],{},"data-placeholder",[1744,1991,1992],{"style":1734},"Present when the select doesn't have a value.",[454,1994,1996],{"id":1995},"api-reference-value","Value",[13,1998,1999,2000,1679],{},"A text label of the currently selected item.\nRenders a ",[32,2001,2002],{},"\u003Cspan>",[1475,2004],{"columns":2005,"rows":2006},[1478,1479,1480],[2007,2015,2022,2029,2038],{"summary":2008,"detail":2010},[1686,1687,2009],"\u003Ccode>'span'\u003C\u002Fcode>",[2011,2012,2013,2014],{"label":1478,"html":1686},{"label":1479,"html":1687},{"label":1480,"html":2009},{"label":1492,"html":1694},{"summary":2016,"detail":2017},[1697,1538,1498],[2018,2019,2020,2021],{"label":1478,"html":1697},{"label":1479,"html":1538},{"label":1480,"html":1498},{"label":1492,"html":1703},{"summary":2023,"detail":2024},[1706,1538,1498],[2025,2026,2027,2028],{"label":1478,"html":1706},{"label":1479,"html":1538},{"label":1480,"html":1498},{"label":1492,"html":1712},{"summary":2030,"detail":2032},[2031,1538,1498],"\u003Ccode>placeholder\u003C\u002Fcode>",[2033,2034,2035,2036],{"label":1478,"html":2031},{"label":1479,"html":1538},{"label":1480,"html":1498},{"label":1492,"html":2037},"Text shown when no value is selected. An \u003Ccode>items\u003C\u002Fcode> entry that labels \u003Ccode>null\u003C\u002Fcode> takes precedence.",{"summary":2039,"detail":2041},[1715,2040,1498],"\u003Ccode>Slot<{ value: unknown }>\u003C\u002Fcode>",[2042,2043,2044,2045],{"label":1478,"html":1715},{"label":1479,"html":2040},{"label":1480,"html":1498},{"label":1492,"html":2046},"Receives the current value. Without it, the resolved label is rendered.",[1475,2048,2049,2057],{},[1726,2050,2051],{},[1729,2052,2053,2055],{},[1732,2054,1735],{"style":1734},[1732,2056,1492],{"style":1734},[1739,2058,2059],{},[1729,2060,2061,2065],{},[1744,2062,2063],{"style":1734},[32,2064,1989],{},[1744,2066,2067],{"style":1734},"Present when no value is selected (placeholder shown).",[454,2069,2071],{"id":2070},"api-reference-icon","Icon",[13,2073,2074,2075,2077],{},"An icon that indicates that the trigger button opens a select popup.\nRenders a ",[32,2076,2002],{}," element, containing a ▼ glyph when given no children.",[1475,2079],{"columns":2080,"rows":2081},[1478,1479,1480],[2082,2089,2096,2103],{"summary":2083,"detail":2084},[1686,1687,2009],[2085,2086,2087,2088],{"label":1478,"html":1686},{"label":1479,"html":1687},{"label":1480,"html":2009},{"label":1492,"html":1694},{"summary":2090,"detail":2091},[1697,1538,1498],[2092,2093,2094,2095],{"label":1478,"html":1697},{"label":1479,"html":1538},{"label":1480,"html":1498},{"label":1492,"html":1703},{"summary":2097,"detail":2098},[1706,1538,1498],[2099,2100,2101,2102],{"label":1478,"html":1706},{"label":1479,"html":1538},{"label":1480,"html":1498},{"label":1492,"html":1712},{"summary":2104,"detail":2106},[1715,2105,1498],"\u003Ccode>Slot<{ open }>\u003C\u002Fcode>",[2107,2108,2109,2110],{"label":1478,"html":1715},{"label":1479,"html":2105},{"label":1480,"html":1498},{"label":1492,"html":2111},"Icon content; receives whether the select is open.",[1475,2113,2114,2122],{},[1726,2115,2116],{},[1729,2117,2118,2120],{},[1732,2119,1735],{"style":1734},[1732,2121,1492],{"style":1734},[1739,2123,2124],{},[1729,2125,2126,2130],{},[1744,2127,2128],{"style":1734},[32,2129,1886],{},[1744,2131,2132],{"style":1734},"Present when the corresponding popup is open.",[454,2134,2136],{"id":2135},"api-reference-backdrop","Backdrop",[13,2138,2139,2140,1679],{},"An overlay displayed beneath the popup.\nRenders a ",[32,2141,1678],{},[1475,2143],{"columns":2144,"rows":2145},[1478,1479,1480],[2146,2153,2160,2167],{"summary":2147,"detail":2148},[1686,1687,1688],[2149,2150,2151,2152],{"label":1478,"html":1686},{"label":1479,"html":1687},{"label":1480,"html":1688},{"label":1492,"html":1694},{"summary":2154,"detail":2155},[1697,1538,1498],[2156,2157,2158,2159],{"label":1478,"html":1697},{"label":1479,"html":1538},{"label":1480,"html":1498},{"label":1492,"html":1703},{"summary":2161,"detail":2162},[1706,1538,1498],[2163,2164,2165,2166],{"label":1478,"html":1706},{"label":1479,"html":1538},{"label":1480,"html":1498},{"label":1492,"html":1712},{"summary":2168,"detail":2170},[1715,2169,1498],"\u003Ccode>Slot<{ open, transitionStatus }>\u003C\u002Fcode>",[2171,2172,2173,2174],{"label":1478,"html":1715},{"label":1479,"html":2169},{"label":1480,"html":1498},{"label":1492,"html":2175},"Content; receives the backdrop state.",[1475,2177,2178,2186],{},[1726,2179,2180],{},[1729,2181,2182,2184],{},[1732,2183,1735],{"style":1734},[1732,2185,1492],{"style":1734},[1739,2187,2188,2197,2207,2217],{},[1729,2189,2190,2195],{},[1744,2191,2192],{"style":1734},[32,2193,2194],{},"data-open",[1744,2196,1889],{"style":1734},[1729,2198,2199,2204],{},[1744,2200,2201],{"style":1734},[32,2202,2203],{},"data-closed",[1744,2205,2206],{"style":1734},"Present when the select is closed.",[1729,2208,2209,2214],{},[1744,2210,2211],{"style":1734},[32,2212,2213],{},"data-starting-style",[1744,2215,2216],{"style":1734},"Present when the backdrop is animating in.",[1729,2218,2219,2224],{},[1744,2220,2221],{"style":1734},[32,2222,2223],{},"data-ending-style",[1744,2225,2226],{"style":1734},"Present when the backdrop is animating out.",[454,2228,2230],{"id":2229},"api-reference-portal","Portal",[13,2232,2233,2234,2237,2238,2240,2241,2244],{},"A portal that moves the popup out to ",[32,2235,2236],{},"\u003Cbody>",", clear of ancestor clipping and stacking.\nRenders a ",[32,2239,1678],{}," element.\nThe portal renders while the popup is mounted, and stays rendered from the first time the trigger is focused, so the items exist for closed-trigger typeahead. ",[32,2242,2243],{},"keepMounted"," keeps it rendered beyond that.",[1475,2246],{"columns":2247,"rows":2248},[1478,1479,1480],[2249,2258],{"summary":2250,"detail":2252},[2251,1508,1509],"\u003Ccode>keepMounted\u003C\u002Fcode>",[2253,2254,2255,2256],{"label":1478,"html":2251},{"label":1479,"html":1508},{"label":1480,"html":1509},{"label":1492,"html":2257},"Whether to keep the contents mounted while the popup is closed.",{"summary":2259,"detail":2262},[2260,2261,1498],"\u003Ccode>container\u003C\u002Fcode>","\u003Ccode>HTMLElement | null\u003C\u002Fcode>",[2263,2264,2265,2266],{"label":1478,"html":2260},{"label":1479,"html":2261},{"label":1480,"html":1498},{"label":1492,"html":2267},"Parent element to render the portal into. Defaults to the nearest ancestor portal, otherwise \u003Ccode>document.body\u003C\u002Fcode>.",[454,2269,2271],{"id":2270},"api-reference-positioner","Positioner",[13,2273,2274,2275,1679],{},"Positions the select popup.\nRenders a ",[32,2276,1678],{},[1475,2278],{"columns":2279,"rows":2280},[1478,1479,1480],[2281,2288,2295,2302,2313,2324,2335,2344,2355,2366,2377,2386,2396,2405,2416,2427],{"summary":2282,"detail":2283},[1686,1687,1688],[2284,2285,2286,2287],{"label":1478,"html":1686},{"label":1479,"html":1687},{"label":1480,"html":1688},{"label":1492,"html":1694},{"summary":2289,"detail":2290},[1697,1538,1498],[2291,2292,2293,2294],{"label":1478,"html":1697},{"label":1479,"html":1538},{"label":1480,"html":1498},{"label":1492,"html":1703},{"summary":2296,"detail":2297},[1706,1538,1498],[2298,2299,2300,2301],{"label":1478,"html":1706},{"label":1479,"html":1538},{"label":1480,"html":1498},{"label":1492,"html":1712},{"summary":2303,"detail":2307},[2304,2305,2306],"\u003Ccode>side\u003C\u002Fcode>","\u003Ccode>'top' | 'bottom' | 'left' | 'right' | 'inline-start' | 'inline-end'\u003C\u002Fcode>","\u003Ccode>'bottom'\u003C\u002Fcode>",[2308,2309,2310,2311],{"label":1478,"html":2304},{"label":1479,"html":2305},{"label":1480,"html":2306},{"label":1492,"html":2312},"Side to position the popup on.",{"summary":2314,"detail":2318},[2315,2316,2317],"\u003Ccode>align\u003C\u002Fcode>","\u003Ccode>'start' | 'center' | 'end'\u003C\u002Fcode>","\u003Ccode>'center'\u003C\u002Fcode>",[2319,2320,2321,2322],{"label":1478,"html":2315},{"label":1479,"html":2316},{"label":1480,"html":2317},{"label":1492,"html":2323},"Alignment of the popup along the side.",{"summary":2325,"detail":2329},[2326,2327,2328],"\u003Ccode>sideOffset\u003C\u002Fcode>","\u003Ccode>number | OffsetFunction\u003C\u002Fcode>","\u003Ccode>0\u003C\u002Fcode>",[2330,2331,2332,2333],{"label":1478,"html":2326},{"label":1479,"html":2327},{"label":1480,"html":2328},{"label":1492,"html":2334},"Distance in px from the anchor.",{"summary":2336,"detail":2338},[2337,2327,2328],"\u003Ccode>alignOffset\u003C\u002Fcode>",[2339,2340,2341,2342],{"label":1478,"html":2337},{"label":1479,"html":2327},{"label":1480,"html":2328},{"label":1492,"html":2343},"Offset in px along the alignment axis.",{"summary":2345,"detail":2349},[2346,2347,2348],"\u003Ccode>collisionBoundary\u003C\u002Fcode>","\u003Ccode>'clipping-ancestors' | Element | Element[] | { x, y, width, height }\u003C\u002Fcode>","\u003Ccode>'clipping-ancestors'\u003C\u002Fcode>",[2350,2351,2352,2353],{"label":1478,"html":2346},{"label":1479,"html":2347},{"label":1480,"html":2348},{"label":1492,"html":2354},"Boundary for collision detection.",{"summary":2356,"detail":2360},[2357,2358,2359],"\u003Ccode>collisionPadding\u003C\u002Fcode>","\u003Ccode>number | Padding\u003C\u002Fcode>","\u003Ccode>5\u003C\u002Fcode>",[2361,2362,2363,2364],{"label":1478,"html":2357},{"label":1479,"html":2358},{"label":1480,"html":2359},{"label":1492,"html":2365},"Padding around the collision boundary.",{"summary":2367,"detail":2371},[2368,2369,2370],"\u003Ccode>collisionAvoidance\u003C\u002Fcode>","\u003Ccode>CollisionAvoidance\u003C\u002Fcode>","\u003Ccode>{ fallbackAxisSide: 'none' }\u003C\u002Fcode>",[2372,2373,2374,2375],{"label":1478,"html":2368},{"label":1479,"html":2369},{"label":1480,"html":2370},{"label":1492,"html":2376},"Strategy to avoid collisions.",{"summary":2378,"detail":2380},[2379,1508,1509],"\u003Ccode>sticky\u003C\u002Fcode>",[2381,2382,2383,2384],{"label":1478,"html":2379},{"label":1479,"html":1508},{"label":1480,"html":1509},{"label":1492,"html":2385},"Whether to keep the popup in view when the anchor is scrolled.",{"summary":2387,"detail":2390},[2388,2389,2359],"\u003Ccode>arrowPadding\u003C\u002Fcode>","\u003Ccode>number\u003C\u002Fcode>",[2391,2392,2393,2394],{"label":1478,"html":2388},{"label":1479,"html":2389},{"label":1480,"html":2359},{"label":1492,"html":2395},"Padding between the arrow and the popup edges.",{"summary":2397,"detail":2399},[2398,1508,1509],"\u003Ccode>disableAnchorTracking\u003C\u002Fcode>",[2400,2401,2402,2403],{"label":1478,"html":2398},{"label":1479,"html":1508},{"label":1480,"html":1509},{"label":1492,"html":2404},"Whether to disable tracking of the anchor's position as it moves.",{"summary":2406,"detail":2410},[2407,2408,2409],"\u003Ccode>anchor\u003C\u002Fcode>","\u003Ccode>Element | VirtualAnchorElement | null\u003C\u002Fcode>","trigger element",[2411,2412,2413,2414],{"label":1478,"html":2407},{"label":1479,"html":2408},{"label":1480,"html":2409},{"label":1492,"html":2415},"Element to anchor the positioner to.",{"summary":2417,"detail":2421},[2418,2419,2420],"\u003Ccode>positionMethod\u003C\u002Fcode>","\u003Ccode>'absolute' | 'fixed'\u003C\u002Fcode>","\u003Ccode>'absolute'\u003C\u002Fcode>",[2422,2423,2424,2425],{"label":1478,"html":2418},{"label":1479,"html":2419},{"label":1480,"html":2420},{"label":1492,"html":2426},"CSS position strategy to use.",{"summary":2428,"detail":2430},[1715,2429,1498],"\u003Ccode>Slot<{ open, side, align, anchorHidden }>\u003C\u002Fcode>",[2431,2432,2433,2434],{"label":1478,"html":1715},{"label":1479,"html":2429},{"label":1480,"html":1498},{"label":1492,"html":2435},"Positioner content; receives the positioner's state.",[1475,2437,2438,2446],{},[1726,2439,2440],{},[1729,2441,2442,2444],{},[1732,2443,1735],{"style":1734},[1732,2445,1492],{"style":1734},[1739,2447,2448,2457,2466,2476,2486],{},[1729,2449,2450,2454],{},[1744,2451,2452],{"style":1734},[32,2453,2194],{},[1744,2455,2456],{"style":1734},"Present when the popup is open.",[1729,2458,2459,2463],{},[1744,2460,2461],{"style":1734},[32,2462,2203],{},[1744,2464,2465],{"style":1734},"Present when the popup is closed.",[1729,2467,2468,2473],{},[1744,2469,2470],{"style":1734},[32,2471,2472],{},"data-side",[1744,2474,2475],{"style":1734},"Which side of the anchor the popup is on.",[1729,2477,2478,2483],{},[1744,2479,2480],{"style":1734},[32,2481,2482],{},"data-align",[1744,2484,2485],{"style":1734},"How the popup is aligned relative to the side.",[1729,2487,2488,2493],{},[1744,2489,2490],{"style":1734},[32,2491,2492],{},"data-anchor-hidden",[1744,2494,2495],{"style":1734},"Present when the anchor is hidden.",[1475,2497,2498,2507],{},[1726,2499,2500],{},[1729,2501,2502,2505],{},[1732,2503,2504],{"style":1734},"CSS Variable",[1732,2506,1492],{"style":1734},[1739,2508,2509,2519,2528,2538,2548],{},[1729,2510,2511,2516],{},[1744,2512,2513],{"style":1734},[32,2514,2515],{},"--available-width",[1744,2517,2518],{"style":1734},"Available width between the anchor and the viewport edge.",[1729,2520,2521,2525],{},[1744,2522,2523],{"style":1734},[32,2524,1287],{},[1744,2526,2527],{"style":1734},"Available height between the anchor and the viewport edge.",[1729,2529,2530,2535],{},[1744,2531,2532],{"style":1734},[32,2533,2534],{},"--anchor-width",[1744,2536,2537],{"style":1734},"Width of the anchor element.",[1729,2539,2540,2545],{},[1744,2541,2542],{"style":1734},[32,2543,2544],{},"--anchor-height",[1744,2546,2547],{"style":1734},"Height of the anchor element.",[1729,2549,2550,2555],{},[1744,2551,2552],{"style":1734},[32,2553,2554],{},"--transform-origin",[1744,2556,2557],{"style":1734},"Transform origin for scale animations.",[454,2559,2561],{"id":2560},"api-reference-popup","Popup",[13,2563,2564,2565,2567,2568,2571,2572,2574],{},"A container for the select list.\nRenders a ",[32,2566,1678],{}," element.\nIt carries the ",[32,2569,2570],{},"listbox"," role itself when no ",[32,2573,1279],{}," is rendered.",[1475,2576],{"columns":2577,"rows":2578},[1478,1479,1480],[2579,2586,2593,2600,2608,2618],{"summary":2580,"detail":2581},[1686,1687,1688],[2582,2583,2584,2585],{"label":1478,"html":1686},{"label":1479,"html":1687},{"label":1480,"html":1688},{"label":1492,"html":1694},{"summary":2587,"detail":2588},[1697,1538,1498],[2589,2590,2591,2592],{"label":1478,"html":1697},{"label":1479,"html":1538},{"label":1480,"html":1498},{"label":1492,"html":1703},{"summary":2594,"detail":2595},[1706,1538,1498],[2596,2597,2598,2599],{"label":1478,"html":1706},{"label":1479,"html":1538},{"label":1480,"html":1498},{"label":1492,"html":1712},{"summary":2601,"detail":2602},[1662,1538,1498],[2603,2604,2605,2606],{"label":1478,"html":1662},{"label":1479,"html":1538},{"label":1480,"html":1498},{"label":1492,"html":2607},"Custom element ID. With no \u003Ccode><Select.List>\u003C\u002Fcode> rendered, the popup falls back to the generated list id and the trigger's \u003Ccode>aria-controls\u003C\u002Fcode> points at it.",{"summary":2609,"detail":2612},[2610,2611,1498],"\u003Ccode>finalFocus\u003C\u002Fcode>","\u003Ccode>boolean | HTMLElement | ((type: string) => HTMLElement | boolean | null | void)\u003C\u002Fcode>",[2613,2614,2615,2616],{"label":1478,"html":2610},{"label":1479,"html":2611},{"label":1480,"html":1498},{"label":1492,"html":2617},"Element to focus when the popup closes, or a function receiving the interaction type. \u003Ccode>false\u003C\u002Fcode> to skip; defaults to the trigger.",{"summary":2619,"detail":2621},[1715,2620,1498],"\u003Ccode>Slot<{ open, transitionStatus, side, align }>\u003C\u002Fcode>",[2622,2623,2624,2625],{"label":1478,"html":1715},{"label":1479,"html":2620},{"label":1480,"html":1498},{"label":1492,"html":2626},"Popup content; receives the popup's state.",[1475,2628,2629,2637],{},[1726,2630,2631],{},[1729,2632,2633,2635],{},[1732,2634,1735],{"style":1734},[1732,2636,1492],{"style":1734},[1739,2638,2639,2647,2655,2663,2671,2680],{},[1729,2640,2641,2645],{},[1744,2642,2643],{"style":1734},[32,2644,2194],{},[1744,2646,1889],{"style":1734},[1729,2648,2649,2653],{},[1744,2650,2651],{"style":1734},[32,2652,2203],{},[1744,2654,2206],{"style":1734},[1729,2656,2657,2661],{},[1744,2658,2659],{"style":1734},[32,2660,2472],{},[1744,2662,2475],{"style":1734},[1729,2664,2665,2669],{},[1744,2666,2667],{"style":1734},[32,2668,2482],{},[1744,2670,2485],{"style":1734},[1729,2672,2673,2677],{},[1744,2674,2675],{"style":1734},[32,2676,2213],{},[1744,2678,2679],{"style":1734},"Present when the popup is animating in.",[1729,2681,2682,2686],{},[1744,2683,2684],{"style":1734},[32,2685,2223],{},[1744,2687,2688],{"style":1734},"Present when the popup is animating out.",[454,2690,2692],{"id":2691},"api-reference-list","List",[13,2694,2695,2696,2698,2699,1679],{},"The ",[32,2697,2570],{}," and the element that scrolls the items. Optional. Without it the popup takes both roles.\nRenders a ",[32,2700,1678],{},[1475,2702],{"columns":2703,"rows":2704},[1478,1479,1480],[2705,2712,2719,2726],{"summary":2706,"detail":2707},[1686,1687,1688],[2708,2709,2710,2711],{"label":1478,"html":1686},{"label":1479,"html":1687},{"label":1480,"html":1688},{"label":1492,"html":1694},{"summary":2713,"detail":2714},[1697,1538,1498],[2715,2716,2717,2718],{"label":1478,"html":1697},{"label":1479,"html":1538},{"label":1480,"html":1498},{"label":1492,"html":1703},{"summary":2720,"detail":2721},[1706,1538,1498],[2722,2723,2724,2725],{"label":1478,"html":1706},{"label":1479,"html":1538},{"label":1480,"html":1498},{"label":1492,"html":1712},{"summary":2727,"detail":2728},[1662,1538,1331],[2729,2730,2731,2732],{"label":1478,"html":1662},{"label":1479,"html":1538},{"label":1480,"html":1331},{"label":1492,"html":1858},[454,2734,2736],{"id":2735},"api-reference-arrow","Arrow",[13,2738,2739,2740,1679],{},"Displays an element positioned against the anchor.\nRenders a ",[32,2741,1678],{},[1475,2743],{"columns":2744,"rows":2745},[1478,1479,1480],[2746,2753,2760,2767],{"summary":2747,"detail":2748},[1686,1687,1688],[2749,2750,2751,2752],{"label":1478,"html":1686},{"label":1479,"html":1687},{"label":1480,"html":1688},{"label":1492,"html":1694},{"summary":2754,"detail":2755},[1697,1538,1498],[2756,2757,2758,2759],{"label":1478,"html":1697},{"label":1479,"html":1538},{"label":1480,"html":1498},{"label":1492,"html":1703},{"summary":2761,"detail":2762},[1706,1538,1498],[2763,2764,2765,2766],{"label":1478,"html":1706},{"label":1479,"html":1538},{"label":1480,"html":1498},{"label":1492,"html":1712},{"summary":2768,"detail":2770},[1715,2769,1498],"\u003Ccode>Slot<{ open, side, align, uncentered }>\u003C\u002Fcode>",[2771,2772,2773,2774],{"label":1478,"html":1715},{"label":1479,"html":2769},{"label":1480,"html":1498},{"label":1492,"html":2775},"Content; receives the arrow state.",[1475,2777,2778,2786],{},[1726,2779,2780],{},[1729,2781,2782,2784],{},[1732,2783,1735],{"style":1734},[1732,2785,1492],{"style":1734},[1739,2787,2788,2796,2804,2812,2820],{},[1729,2789,2790,2794],{},[1744,2791,2792],{"style":1734},[32,2793,2194],{},[1744,2795,2456],{"style":1734},[1729,2797,2798,2802],{},[1744,2799,2800],{"style":1734},[32,2801,2203],{},[1744,2803,2465],{"style":1734},[1729,2805,2806,2810],{},[1744,2807,2808],{"style":1734},[32,2809,2472],{},[1744,2811,2475],{"style":1734},[1729,2813,2814,2818],{},[1744,2815,2816],{"style":1734},[32,2817,2482],{},[1744,2819,2485],{"style":1734},[1729,2821,2822,2827],{},[1744,2823,2824],{"style":1734},[32,2825,2826],{},"data-uncentered",[1744,2828,2829],{"style":1734},"Present when the arrow cannot be centered.",[454,2831,2833],{"id":2832},"api-reference-item","Item",[13,2835,2836,2837,1679],{},"An individual item in the select popup.\nRenders a ",[32,2838,1678],{},[1475,2840],{"columns":2841,"rows":2842},[1478,1479,1480],[2843,2850,2857,2864,2873,2881],{"summary":2844,"detail":2845},[1686,1687,1688],[2846,2847,2848,2849],{"label":1478,"html":1686},{"label":1479,"html":1687},{"label":1480,"html":1688},{"label":1492,"html":1694},{"summary":2851,"detail":2852},[1697,1538,1498],[2853,2854,2855,2856],{"label":1478,"html":1697},{"label":1479,"html":1538},{"label":1480,"html":1498},{"label":1492,"html":1703},{"summary":2858,"detail":2859},[1706,1538,1498],[2860,2861,2862,2863],{"label":1478,"html":1706},{"label":1479,"html":1538},{"label":1480,"html":1498},{"label":1492,"html":1712},{"summary":2865,"detail":2867},[1484,1485,2866],"\u003Ccode>null\u003C\u002Fcode>",[2868,2869,2870,2871],{"label":1478,"html":1484},{"label":1479,"html":1485},{"label":1480,"html":2866},{"label":1492,"html":2872},"The value this item represents.",{"summary":2874,"detail":2875},[1547,1508,1509],[2876,2877,2878,2879],{"label":1478,"html":1547},{"label":1479,"html":1508},{"label":1480,"html":1509},{"label":1492,"html":2880},"Whether this item is disabled.",{"summary":2882,"detail":2884},[1715,2883,1498],"\u003Ccode>Slot<{ selected, highlighted, disabled }>\u003C\u002Fcode>",[2885,2886,2887,2888],{"label":1478,"html":1715},{"label":1479,"html":2883},{"label":1480,"html":1498},{"label":1492,"html":2889},"Item content; receives the item's state.",[1475,2891,2892,2900],{},[1726,2893,2894],{},[1729,2895,2896,2898],{},[1732,2897,1735],{"style":1734},[1732,2899,1492],{"style":1734},[1739,2901,2902,2912,2922],{},[1729,2903,2904,2909],{},[1744,2905,2906],{"style":1734},[32,2907,2908],{},"data-selected",[1744,2910,2911],{"style":1734},"Present when this item is the selected value.",[1729,2913,2914,2919],{},[1744,2915,2916],{"style":1734},[32,2917,2918],{},"data-highlighted",[1744,2920,2921],{"style":1734},"Present when the item is highlighted.",[1729,2923,2924,2928],{},[1744,2925,2926],{"style":1734},[32,2927,1916],{},[1744,2929,1919],{"style":1734},[454,2931,2933],{"id":2932},"api-reference-itemindicator","ItemIndicator",[13,2935,2936,2937,2939],{},"Indicates whether the select item is selected.\nRenders a ",[32,2938,2002],{}," element, containing a ✔️ glyph when given no children.",[1475,2941],{"columns":2942,"rows":2943},[1478,1479,1480],[2944,2951,2958,2965,2973],{"summary":2945,"detail":2946},[1686,1687,2009],[2947,2948,2949,2950],{"label":1478,"html":1686},{"label":1479,"html":1687},{"label":1480,"html":2009},{"label":1492,"html":1694},{"summary":2952,"detail":2953},[1697,1538,1498],[2954,2955,2956,2957],{"label":1478,"html":1697},{"label":1479,"html":1538},{"label":1480,"html":1498},{"label":1492,"html":1703},{"summary":2959,"detail":2960},[1706,1538,1498],[2961,2962,2963,2964],{"label":1478,"html":1706},{"label":1479,"html":1538},{"label":1480,"html":1498},{"label":1492,"html":1712},{"summary":2966,"detail":2967},[2251,1508,1509],[2968,2969,2970,2971],{"label":1478,"html":2251},{"label":1479,"html":1508},{"label":1480,"html":1509},{"label":1492,"html":2972},"Whether to keep the indicator in the DOM when not selected.",{"summary":2974,"detail":2976},[1715,2975,1498],"\u003Ccode>Slot<{ selected, transitionStatus }>\u003C\u002Fcode>",[2977,2978,2979,2980],{"label":1478,"html":1715},{"label":1479,"html":2975},{"label":1480,"html":1498},{"label":1492,"html":2981},"Indicator content; receives the indicator's state.",[1475,2983,2984,2992],{},[1726,2985,2986],{},[1729,2987,2988,2990],{},[1732,2989,1735],{"style":1734},[1732,2991,1492],{"style":1734},[1739,2993,2994,3003,3012],{},[1729,2995,2996,3000],{},[1744,2997,2998],{"style":1734},[32,2999,2908],{},[1744,3001,3002],{"style":1734},"Present when the item is selected.",[1729,3004,3005,3009],{},[1744,3006,3007],{"style":1734},[32,3008,2213],{},[1744,3010,3011],{"style":1734},"Present when the indicator is animating in.",[1729,3013,3014,3018],{},[1744,3015,3016],{"style":1734},[32,3017,2223],{},[1744,3019,3020],{"style":1734},"Present when the indicator is animating out.",[454,3022,3024],{"id":3023},"api-reference-group","Group",[13,3026,3027,3028,1679],{},"Groups related select items with the corresponding label.\nRenders a ",[32,3029,1678],{},[1475,3031],{"columns":3032,"rows":3033},[1478,1479,1480],[3034,3041,3048],{"summary":3035,"detail":3036},[1686,1687,1688],[3037,3038,3039,3040],{"label":1478,"html":1686},{"label":1479,"html":1687},{"label":1480,"html":1688},{"label":1492,"html":1694},{"summary":3042,"detail":3043},[1697,1538,1498],[3044,3045,3046,3047],{"label":1478,"html":1697},{"label":1479,"html":1538},{"label":1480,"html":1498},{"label":1492,"html":1703},{"summary":3049,"detail":3050},[1706,1538,1498],[3051,3052,3053,3054],{"label":1478,"html":1706},{"label":1479,"html":1538},{"label":1480,"html":1498},{"label":1492,"html":1712},[454,3056,3058],{"id":3057},"api-reference-grouplabel","GroupLabel",[13,3060,3061,3062,1679],{},"An accessible label that is automatically associated with its parent group.\nRenders a ",[32,3063,1678],{},[1475,3065],{"columns":3066,"rows":3067},[1478,1479,1480],[3068,3075,3082,3089],{"summary":3069,"detail":3070},[1686,1687,1688],[3071,3072,3073,3074],{"label":1478,"html":1686},{"label":1479,"html":1687},{"label":1480,"html":1688},{"label":1492,"html":1694},{"summary":3076,"detail":3077},[1697,1538,1498],[3078,3079,3080,3081],{"label":1478,"html":1697},{"label":1479,"html":1538},{"label":1480,"html":1498},{"label":1492,"html":1703},{"summary":3083,"detail":3084},[1706,1538,1498],[3085,3086,3087,3088],{"label":1478,"html":1706},{"label":1479,"html":1538},{"label":1480,"html":1498},{"label":1492,"html":1712},{"summary":3090,"detail":3091},[1662,1538,1331],[3092,3093,3094,3095],{"label":1478,"html":1662},{"label":1479,"html":1538},{"label":1480,"html":1331},{"label":1492,"html":1858},[454,3097,3099],{"id":3098},"api-reference-scrolluparrow","ScrollUpArrow",[13,3101,3102,3103,3105],{},"An element that scrolls the list up while hovered. Never visible when the popup was opened by touch.\nRenders an absolutely positioned ",[32,3104,1678],{}," element, containing a ▲ glyph when given no children.",[1475,3107],{"columns":3108,"rows":3109},[1478,1479,1480],[3110,3117,3124,3131,3139],{"summary":3111,"detail":3112},[1686,1687,1688],[3113,3114,3115,3116],{"label":1478,"html":1686},{"label":1479,"html":1687},{"label":1480,"html":1688},{"label":1492,"html":1694},{"summary":3118,"detail":3119},[1697,1538,1498],[3120,3121,3122,3123],{"label":1478,"html":1697},{"label":1479,"html":1538},{"label":1480,"html":1498},{"label":1492,"html":1703},{"summary":3125,"detail":3126},[1706,1538,1498],[3127,3128,3129,3130],{"label":1478,"html":1706},{"label":1479,"html":1538},{"label":1480,"html":1498},{"label":1492,"html":1712},{"summary":3132,"detail":3133},[2251,1508,1509],[3134,3135,3136,3137],{"label":1478,"html":2251},{"label":1479,"html":1508},{"label":1480,"html":1509},{"label":1492,"html":3138},"Whether to keep the arrow in the DOM when not visible.",{"summary":3140,"detail":3142},[1715,3141,1498],"\u003Ccode>Slot<{ direction, visible, side, transitionStatus }>\u003C\u002Fcode>",[3143,3144,3145,3146],{"label":1478,"html":1715},{"label":1479,"html":3141},{"label":1480,"html":1498},{"label":1492,"html":3147},"Arrow content; receives the scroll arrow's state.",[1475,3149,3150,3158],{},[1726,3151,3152],{},[1729,3153,3154,3156],{},[1732,3155,1735],{"style":1734},[1732,3157,1492],{"style":1734},[1739,3159,3160,3173,3181,3191,3200],{},[1729,3161,3162,3167],{},[1744,3163,3164],{"style":1734},[32,3165,3166],{},"data-direction",[1744,3168,3169,3170,389],{"style":1734},"Indicates the direction of the scroll arrow (",[32,3171,3172],{},"'up'",[1729,3174,3175,3179],{},[1744,3176,3177],{"style":1734},[32,3178,2472],{},[1744,3180,2475],{"style":1734},[1729,3182,3183,3188],{},[1744,3184,3185],{"style":1734},[32,3186,3187],{},"data-visible",[1744,3189,3190],{"style":1734},"Present when the scroll arrow is visible.",[1729,3192,3193,3197],{},[1744,3194,3195],{"style":1734},[32,3196,2213],{},[1744,3198,3199],{"style":1734},"Present when the scroll arrow is animating in.",[1729,3201,3202,3206],{},[1744,3203,3204],{"style":1734},[32,3205,2223],{},[1744,3207,3208],{"style":1734},"Present when the scroll arrow is animating out.",[454,3210,3212],{"id":3211},"api-reference-scrolldownarrow","ScrollDownArrow",[13,3214,3215,3216,2077],{},"An element that scrolls the list down while hovered. Never visible when the popup was opened by touch.\nRenders an absolutely positioned ",[32,3217,1678],{},[1475,3219],{"columns":3220,"rows":3221},[1478,1479,1480],[3222,3229,3236,3243,3250],{"summary":3223,"detail":3224},[1686,1687,1688],[3225,3226,3227,3228],{"label":1478,"html":1686},{"label":1479,"html":1687},{"label":1480,"html":1688},{"label":1492,"html":1694},{"summary":3230,"detail":3231},[1697,1538,1498],[3232,3233,3234,3235],{"label":1478,"html":1697},{"label":1479,"html":1538},{"label":1480,"html":1498},{"label":1492,"html":1703},{"summary":3237,"detail":3238},[1706,1538,1498],[3239,3240,3241,3242],{"label":1478,"html":1706},{"label":1479,"html":1538},{"label":1480,"html":1498},{"label":1492,"html":1712},{"summary":3244,"detail":3245},[2251,1508,1509],[3246,3247,3248,3249],{"label":1478,"html":2251},{"label":1479,"html":1508},{"label":1480,"html":1509},{"label":1492,"html":3138},{"summary":3251,"detail":3252},[1715,3141,1498],[3253,3254,3255,3256],{"label":1478,"html":1715},{"label":1479,"html":3141},{"label":1480,"html":1498},{"label":1492,"html":3147},[1475,3258,3259,3267],{},[1726,3260,3261],{},[1729,3262,3263,3265],{},[1732,3264,1735],{"style":1734},[1732,3266,1492],{"style":1734},[1739,3268,3269,3280,3288,3296,3304],{},[1729,3270,3271,3275],{},[1744,3272,3273],{"style":1734},[32,3274,3166],{},[1744,3276,3169,3277,389],{"style":1734},[32,3278,3279],{},"'down'",[1729,3281,3282,3286],{},[1744,3283,3284],{"style":1734},[32,3285,2472],{},[1744,3287,2475],{"style":1734},[1729,3289,3290,3294],{},[1744,3291,3292],{"style":1734},[32,3293,3187],{},[1744,3295,3190],{"style":1734},[1729,3297,3298,3302],{},[1744,3299,3300],{"style":1734},[32,3301,2213],{},[1744,3303,3199],{"style":1734},[1729,3305,3306,3310],{},[1744,3307,3308],{"style":1734},[32,3309,2223],{},[1744,3311,3208],{"style":1734},[454,3313,3315],{"id":3314},"api-reference-separator","Separator",[13,3317,3318,3319,3322,3323,3326,3327,3329,3330,1679],{},"A visual divider between groups of items. Rendered as ",[32,3320,3321],{},"role=\"presentation\"",", because\n",[32,3324,3325],{},"role=\"separator\""," is not valid inside a ",[32,3328,2570],{},".\nRenders a ",[32,3331,1678],{},[1475,3333],{"columns":3334,"rows":3335},[1478,1479,1480],[3336,3343,3350,3357],{"summary":3337,"detail":3338},[1686,1687,1688],[3339,3340,3341,3342],{"label":1478,"html":1686},{"label":1479,"html":1687},{"label":1480,"html":1688},{"label":1492,"html":1694},{"summary":3344,"detail":3345},[1697,1538,1498],[3346,3347,3348,3349],{"label":1478,"html":1697},{"label":1479,"html":1538},{"label":1480,"html":1498},{"label":1492,"html":1703},{"summary":3351,"detail":3352},[1706,1538,1498],[3353,3354,3355,3356],{"label":1478,"html":1706},{"label":1479,"html":1538},{"label":1480,"html":1498},{"label":1492,"html":1712},{"summary":3358,"detail":3362},[3359,3360,3361],"\u003Ccode>orientation\u003C\u002Fcode>","\u003Ccode>'horizontal' | 'vertical'\u003C\u002Fcode>","\u003Ccode>'horizontal'\u003C\u002Fcode>",[3363,3364,3365,3366],{"label":1478,"html":3359},{"label":1479,"html":3360},{"label":1480,"html":3361},{"label":1492,"html":3367},"The orientation of the separator.",[1475,3369,3370,3378],{},[1726,3371,3372],{},[1729,3373,3374,3376],{},[1732,3375,1735],{"style":1734},[1732,3377,1492],{"style":1734},[1739,3379,3380],{},[1729,3381,3382,3387],{},[1744,3383,3384],{"style":1734},[32,3385,3386],{},"data-orientation",[1744,3388,3389],{"style":1734},"Indicates the orientation of the separator.","\u003Cpre class=\"shiki shiki-themes github-light github-dark\" style=\"--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">script\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> setup\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> lang\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"ts\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">import\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> { Select } \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">from\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\"> '@shardsui\u002Fvue\u002Fselect'\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">const\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\"> levels\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\"> =\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> [\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  { label: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'Beginner'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">, value: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'beginner'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> },\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  { label: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'Intermediate'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">, value: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'intermediate'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> },\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  { label: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'Advanced'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">, value: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'advanced'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> },\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  { label: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'Expert'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">, value: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'expert'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> }\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">script\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">template\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex flex-col gap-1\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Root\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> :items\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"levels\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Label\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"text-sm\u002F5 font-semibold text-gray-900\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>Level<\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Label\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Trigger\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">        class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex h-8 min-w-40 items-center justify-between gap-3 rounded-md border border-gray-200 bg-gray-50 pr-2 pl-3 text-sm font-normal text-gray-900 select-none hover:bg-gray-100 focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-gray-950 data-popup-open:bg-gray-100\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Value\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"data-placeholder:opacity-60\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> placeholder\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"Select level\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Icon\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">svg\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> viewBox\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"0 0 24 24\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> fill\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"none\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> aria-hidden\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"true\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"size-4\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">path\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              d\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"M8 8.99981L11.1161 5.88369C11.6043 5.39554 12.3957 5.39554 12.8839 5.8837L16 8.99981\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              stroke\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"currentColor\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              stroke-width\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"1.5\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              stroke-linecap\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"round\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              stroke-linejoin\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"round\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">path\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              d\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"M16 15L12.8839 18.1161C12.3957 18.6043 11.6043 18.6043 11.1161 18.1161L8 15\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              stroke\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"currentColor\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              stroke-width\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"1.5\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              stroke-linecap\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"round\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              stroke-linejoin\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"round\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">svg\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Icon\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Trigger\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Portal\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Positioner\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"z-10 outline-hidden select-none\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> :side-offset\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"8\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Popup\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">            class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"group min-w-(--anchor-width) origin-(--transform-origin) rounded-md bg-gray-50 bg-clip-padding text-gray-900 shadow-lg outline-1 outline-gray-200 transition-[transform,scale,opacity] duration-100 ease-out data-ending-style:scale-95 data-ending-style:opacity-0 data-starting-style:scale-95 data-starting-style:opacity-0\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.List\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"max-h-(--available-height) overflow-y-auto py-1\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">              <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Item\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                v-for\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"level in levels\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                :key\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"level.value\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                :value\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"level.value\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"grid grid-cols-[1rem_1fr] items-center gap-2 py-1.5 pr-4 pl-2.5 text-sm\u002F4 outline-hidden select-none data-highlighted:relative data-highlighted:z-0 data-highlighted:text-gray-50 data-highlighted:before:absolute data-highlighted:before:inset-x-1 data-highlighted:before:inset-y-0 data-highlighted:before:z-[-1] data-highlighted:before:rounded-sm data-highlighted:before:bg-gray-900\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">              >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.ItemIndicator\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"col-start-1\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                  <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">svg\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> viewBox\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"0 0 24 24\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> fill\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"none\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> aria-hidden\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"true\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"size-4\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                    <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">path\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                      d\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"M6 14.15L10.0321 18L18 7\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                      stroke\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"currentColor\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                      stroke-width\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"1.5\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                      stroke-linecap\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"round\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                      stroke-linejoin\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"round\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                    \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                  <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">svg\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.ItemIndicator\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"col-start-2\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>{{ level.label }}<\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">              <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Item\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.List\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Popup\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Positioner\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Portal\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Root\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">template\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki shiki-themes github-light github-dark\" style=\"--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">script\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> setup\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> lang\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"ts\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">import\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> { Select } \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">from\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\"> '@shardsui\u002Fvue\u002Fselect'\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">import\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> { computed, shallowRef } \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">from\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\"> 'vue'\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">const\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\"> topics\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\"> =\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> [\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  { value: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'kerning'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">, label: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'Kerning'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> },\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  { value: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'contrast'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">, label: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'Contrast ratio'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> },\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  { value: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'flexbox'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">, label: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'Flexbox'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> },\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  { value: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'easing'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">, label: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'Easing'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> }\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">const\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\"> value\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\"> =\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> shallowRef\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">([\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'kerning'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">, \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'contrast'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">])\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">const\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\"> label\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\"> =\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> computed\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">(() \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">=>\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> topics.\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">find\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">((\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#E36209;--shiki-dark:#FFAB70\">topic\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">) \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">=>\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> topic.value \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">===\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> value.value[\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\">0\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">])?.label)\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">script\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">template\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex flex-col gap-1\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Root\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> multiple\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> v-model:value\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"value\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> :items\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"topics\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Label\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"text-sm\u002F5 font-semibold text-gray-900\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>Topics<\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Label\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Trigger\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">        class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex h-8 min-w-56 items-center justify-between gap-3 rounded-md border border-gray-200 bg-gray-50 pr-2 pl-3 text-sm font-normal text-gray-900 select-none hover:bg-gray-100 focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-gray-950 data-popup-open:bg-gray-100\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Value\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"data-placeholder:opacity-60\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">template\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\"> v-if\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">value.\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\">length\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\"> ===\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\"> 0\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>Select topics<\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">template\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">template\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\"> v-else\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            {{ label }}{{ value.length > 1 ? ` (+${value.length - 1} more)` : '' }}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">template\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Value\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Icon\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">svg\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> viewBox\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"0 0 24 24\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> fill\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"none\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> aria-hidden\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"true\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"size-4\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">path\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              d\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"M8 8.99981L11.1161 5.88369C11.6043 5.39554 12.3957 5.39554 12.8839 5.8837L16 8.99981\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              stroke\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"currentColor\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              stroke-width\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"1.5\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              stroke-linecap\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"round\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              stroke-linejoin\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"round\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">path\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              d\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"M16 15L12.8839 18.1161C12.3957 18.6043 11.6043 18.6043 11.1161 18.1161L8 15\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              stroke\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"currentColor\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              stroke-width\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"1.5\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              stroke-linecap\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"round\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              stroke-linejoin\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"round\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">svg\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Icon\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Trigger\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Portal\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Positioner\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"z-10 outline-hidden select-none\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> :side-offset\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"8\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Popup\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">            class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"group min-w-(--anchor-width) origin-(--transform-origin) rounded-md bg-gray-50 bg-clip-padding text-gray-900 shadow-lg outline-1 outline-gray-200 transition-[transform,scale,opacity] duration-100 ease-out data-ending-style:scale-95 data-ending-style:opacity-0 data-starting-style:scale-95 data-starting-style:opacity-0\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.List\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"max-h-(--available-height) overflow-y-auto py-1\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">              <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Item\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                v-for\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"topic in topics\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                :key\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"topic.value\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                :value\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"topic.value\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"grid grid-cols-[1rem_1fr] items-center gap-2 py-1.5 pr-4 pl-2.5 text-sm\u002F4 outline-hidden select-none data-highlighted:relative data-highlighted:z-0 data-highlighted:text-gray-50 data-highlighted:before:absolute data-highlighted:before:inset-x-1 data-highlighted:before:inset-y-0 data-highlighted:before:z-[-1] data-highlighted:before:rounded-sm data-highlighted:before:bg-gray-900\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">              >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.ItemIndicator\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"col-start-1\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                  <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">svg\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> viewBox\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"0 0 24 24\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> fill\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"none\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> aria-hidden\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"true\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"size-4\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                    <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">path\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                      d\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"M6 14.15L10.0321 18L18 7\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                      stroke\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"currentColor\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                      stroke-width\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"1.5\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                      stroke-linecap\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"round\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                      stroke-linejoin\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"round\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                    \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                  <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">svg\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.ItemIndicator\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"col-start-2\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>{{ topic.label }}<\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">              <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Item\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.List\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Popup\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Positioner\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Portal\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Root\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">template\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki shiki-themes github-light github-dark\" style=\"--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">script\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> setup\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> lang\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"ts\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">import\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> { Select } \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">from\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\"> '@shardsui\u002Fvue\u002Fselect'\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">import\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> { shallowRef } \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">from\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\"> 'vue'\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">type\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> Person\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\"> =\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#E36209;--shiki-dark:#FFAB70\">  id\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">:\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\"> string\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#E36209;--shiki-dark:#FFAB70\">  name\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">:\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\"> string\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#E36209;--shiki-dark:#FFAB70\">  role\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">:\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\"> string\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">const\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\"> people\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">:\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> Person\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">[] \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> [\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  { id: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'i1'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">, name: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'Paula Scher'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">, role: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'Identity'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> },\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  { id: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'i2'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">, name: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'Massimo Vignelli'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">, role: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'Typography'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> },\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  { id: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'i3'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">, name: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'Saul Bass'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">, role: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'Motion'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> }\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">const\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\"> value\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\"> =\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> shallowRef\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">Person\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>({ id: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'i1'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">, name: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'Paula Scher'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">, role: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'Identity'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> })\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">script\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">template\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex flex-col gap-1\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Root\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">      v-model:value\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"value\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">      :item-to-string-value\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"(item: Person) => item.id\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">      :is-item-equal-to-value\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"(item: Person, val: Person) => item.id === val.id\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Label\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"text-sm\u002F5 font-semibold text-gray-900\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>Assignee<\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Label\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Trigger\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">        class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex min-h-8 min-w-56 items-center justify-between gap-3 rounded-md border border-gray-200 bg-gray-50 py-1.5 pr-2 pl-3 text-sm text-gray-900 select-none hover:bg-gray-100 focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-gray-950 data-popup-open:bg-gray-100\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Value\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> v-slot\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"{ value: current }\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">span\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> v-if\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"current\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex flex-col items-start gap-0.5\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">span\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"text-sm\u002F6\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>{{ (current as Person).name }}<\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">span\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">span\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"text-xs\u002F4 text-gray-600\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>{{ (current as Person).role }}<\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">span\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">span\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Value\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Icon\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex items-center self-center\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">svg\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> viewBox\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"0 0 24 24\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> fill\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"none\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> aria-hidden\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"true\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"size-4\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">path\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              d\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"M8 8.99981L11.1161 5.88369C11.6043 5.39554 12.3957 5.39554 12.8839 5.8837L16 8.99981\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              stroke\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"currentColor\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              stroke-width\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"1.5\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              stroke-linecap\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"round\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              stroke-linejoin\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"round\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">path\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              d\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"M16 15L12.8839 18.1161C12.3957 18.6043 11.6043 18.6043 11.1161 18.1161L8 15\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              stroke\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"currentColor\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              stroke-width\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"1.5\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              stroke-linecap\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"round\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              stroke-linejoin\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"round\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">svg\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Icon\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Trigger\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Portal\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Positioner\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"z-10 outline-hidden select-none\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> :side-offset\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"8\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Popup\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">            class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"group min-w-(--anchor-width) origin-(--transform-origin) rounded-md bg-gray-50 bg-clip-padding text-gray-900 shadow-lg outline-1 outline-gray-200 transition-[transform,scale,opacity] duration-100 ease-out data-ending-style:scale-95 data-ending-style:opacity-0 data-starting-style:scale-95 data-starting-style:opacity-0\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.List\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"max-h-(--available-height) overflow-y-auto py-1\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">              <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Item\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                v-for\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"person in people\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                :key\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"person.id\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                :value\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"person\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"grid grid-cols-[1rem_1fr] items-start gap-2 py-1.5 pr-4 pl-2.5 text-sm\u002F4 outline-hidden select-none data-highlighted:relative data-highlighted:z-0 data-highlighted:text-gray-50 data-highlighted:before:absolute data-highlighted:before:inset-x-1 data-highlighted:before:inset-y-0 data-highlighted:before:z-[-1] data-highlighted:before:rounded-sm data-highlighted:before:bg-gray-900\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">              >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.ItemIndicator\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                  class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"relative top-[0.4em] col-start-1 flex items-center self-start\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                  <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">svg\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> viewBox\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"0 0 24 24\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> fill\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"none\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> aria-hidden\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"true\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"size-4\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                    <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">path\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                      d\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"M6 14.15L10.0321 18L18 7\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                      stroke\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"currentColor\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                      stroke-width\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"1.5\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                      stroke-linecap\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"round\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                      stroke-linejoin\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"round\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                    \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                  <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">svg\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.ItemIndicator\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"col-start-2 flex flex-col items-start gap-0.5\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                  <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">span\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"text-sm\u002F6\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>{{ person.name }}<\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">span\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                  <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">span\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"text-xs\u002F4 opacity-80\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>{{ person.role }}<\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">span\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">              <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Item\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.List\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Popup\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Positioner\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Portal\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Root\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">template\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki shiki-themes github-light github-dark\" style=\"--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">script\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> setup\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> lang\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"ts\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">import\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> { Select } \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">from\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\"> '@shardsui\u002Fvue\u002Fselect'\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">const\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\"> topicGroups\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\"> =\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> [\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    label: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'Design'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    items: [\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      { value: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'kerning'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">, label: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'Kerning'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> },\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      { value: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'type-scale'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">, label: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'Type scale'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> }\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    ]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  },\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    label: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'Frontend'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    items: [\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      { value: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'html'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">, label: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'HTML'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> },\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      { value: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'css'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">, label: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'CSS'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> }\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    ]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  },\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    label: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'Accessibility'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    items: [\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      { value: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'aria-label'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">, label: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'aria-label'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> },\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      { value: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'focus-state'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">, label: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'Focus state'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> }\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    ]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  }\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">script\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">template\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex flex-col gap-1\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Root\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> :items\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"topicGroups\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Label\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"text-sm\u002F5 font-semibold text-gray-900\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>Topic<\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Label\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Trigger\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">        class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex h-8 min-w-44 items-center justify-between gap-3 rounded-md border border-gray-200 bg-gray-50 pr-2 pl-3 text-sm font-normal text-gray-900 select-none hover:bg-gray-100 focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-gray-950 data-popup-open:bg-gray-100\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Value\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"data-placeholder:opacity-60\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> placeholder\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"Select topic\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Icon\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">svg\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> viewBox\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"0 0 24 24\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> fill\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"none\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> aria-hidden\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"true\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"size-4\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">path\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              d\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"M8 8.99981L11.1161 5.88369C11.6043 5.39554 12.3957 5.39554 12.8839 5.8837L16 8.99981\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              stroke\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"currentColor\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              stroke-width\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"1.5\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              stroke-linecap\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"round\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              stroke-linejoin\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"round\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">path\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              d\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"M16 15L12.8839 18.1161C12.3957 18.6043 11.6043 18.6043 11.1161 18.1161L8 15\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              stroke\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"currentColor\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              stroke-width\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"1.5\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              stroke-linecap\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"round\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              stroke-linejoin\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"round\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">svg\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Icon\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Trigger\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Portal\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Positioner\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"z-10 outline-hidden select-none\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> :side-offset\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"8\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Popup\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">            class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"group min-w-(--anchor-width) origin-(--transform-origin) rounded-md bg-gray-50 bg-clip-padding text-gray-900 shadow-lg outline-1 outline-gray-200 transition-[transform,scale,opacity] duration-100 ease-out data-ending-style:scale-95 data-ending-style:opacity-0 data-starting-style:scale-95 data-starting-style:opacity-0\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.List\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"max-h-(--available-height) scroll-pt-9 overflow-y-auto py-1\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">              <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">template\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\"> v-for\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">(group, index) \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">in\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> topicGroups\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> :\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">key\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">group.label\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Group\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"block pb-0.5\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                  <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.GroupLabel\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                    class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"sticky top-0 z-1 bg-gray-50 py-1.5 pr-4 pl-8.5 text-xs font-semibold tracking-wider text-gray-700 uppercase\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                  >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                    {{ group.label }}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                  <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.GroupLabel\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                  <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Item\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                    v-for\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"item in group.items\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                    :key\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"item.value\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                    :value\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"item.value\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                    class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"grid grid-cols-[1rem_1fr] items-center gap-2 py-1.5 pr-4 pl-2.5 text-sm\u002F4 outline-hidden select-none data-highlighted:relative data-highlighted:z-0 data-highlighted:text-gray-50 data-highlighted:before:absolute data-highlighted:before:inset-x-1 data-highlighted:before:inset-y-0 data-highlighted:before:z-[-1] data-highlighted:before:rounded-sm data-highlighted:before:bg-gray-900\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                  >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                    <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.ItemIndicator\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"col-start-1\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                      <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">svg\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> viewBox\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"0 0 24 24\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> fill\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"none\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> aria-hidden\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"true\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"size-4\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                        <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">path\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                          d\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"M6 14.15L10.0321 18L18 7\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                          stroke\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"currentColor\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                          stroke-width\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"1.5\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                          stroke-linecap\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"round\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                          stroke-linejoin\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"round\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                        \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                      <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">svg\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                    <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.ItemIndicator\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                    <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"col-start-2\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>{{ item.label }}<\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                  <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Item\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Group\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Separator\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                  v-if\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"index < topicGroups.length - 1\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">                  class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"mx-4 my-1 h-px bg-gray-200\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">                \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">              <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">template\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.List\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Popup\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Positioner\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Portal\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Select.Root\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">template\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",1789390077154]