[{"data":1,"prerenderedAt":2635},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Fselect":313,"\u002Fcomponents\u002Fselect-surround":2630},[4,24,41,48,293,298,303,308],{"title":5,"path":6,"stem":7,"children":8,"package":11,"icon":23},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,13,18],{"title":10,"path":6,"stem":7,"package":11,"icon":12},"Introduction",null,"i-lucide-house",{"title":14,"path":15,"stem":16,"package":11,"icon":17},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":19,"path":20,"stem":21,"package":11,"icon":22},"Icons","\u002Fgetting-started\u002Ficons","1.getting-started\u002F3.icons","i-lucide-sparkles","i-lucide-rocket",{"title":25,"package":11,"icon":26,"path":27,"stem":28,"children":29,"page":40},"Packages","i-lucide-package","\u002Fpackages","2.packages",[30,35],{"title":31,"path":32,"stem":33,"package":11,"icon":34},"@vyui\u002Fcore","\u002Fpackages\u002Fcore","2.packages\u002F1.core","i-lucide-box",{"title":36,"path":37,"stem":38,"package":11,"icon":39},"@vyui\u002Fkit","\u002Fpackages\u002Fkit","2.packages\u002F2.kit","i-lucide-layers",false,{"title":42,"path":43,"stem":44,"children":45,"package":11,"icon":47},"CLI","\u002Fcli","3.cli\u002F1.index",[46],{"title":42,"path":43,"stem":44,"package":11,"icon":47},"i-lucide-terminal",{"title":49,"package":11,"icon":50,"path":51,"stem":52,"children":53},"Components","i-lucide-layout-grid","\u002Fcomponents","3.components",[54,56,62,67,72,77,82,87,92,97,102,107,112,117,122,127,132,136,141,145,150,155,160,165,170,175,180,185,190,195,200,205,210,215,220,225,230,234,238,243,248,253,258,263,268,272,276,280,284,288],{"title":49,"path":51,"stem":55,"package":11,"icon":50},"3.components\u002Findex",{"title":57,"path":58,"stem":59,"package":60,"icon":61},"Accordion","\u002Fcomponents\u002Faccordion","3.components\u002Faccordion","kit","i-lucide-list-collapse",{"title":63,"path":64,"stem":65,"package":60,"icon":66},"Action Sheet","\u002Fcomponents\u002Faction-sheet","3.components\u002Faction-sheet","i-lucide-panel-bottom",{"title":68,"path":69,"stem":70,"package":60,"icon":71},"Alert","\u002Fcomponents\u002Falert","3.components\u002Falert","i-lucide-triangle-alert",{"title":73,"path":74,"stem":75,"package":76,"icon":71},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","3.components\u002Falert-dialog","core",{"title":78,"path":79,"stem":80,"package":60,"icon":81},"Aspect Ratio","\u002Fcomponents\u002Faspect-ratio","3.components\u002Faspect-ratio","i-lucide-ratio",{"title":83,"path":84,"stem":85,"package":60,"icon":86},"Avatar","\u002Fcomponents\u002Favatar","3.components\u002Favatar","i-lucide-circle-user-round",{"title":88,"path":89,"stem":90,"package":60,"icon":91},"Avatar Group","\u002Fcomponents\u002Favatar-group","3.components\u002Favatar-group","i-lucide-users-round",{"title":93,"path":94,"stem":95,"package":60,"icon":96},"Button","\u002Fcomponents\u002Fbutton","3.components\u002Fbutton","i-lucide-square-mouse-pointer",{"title":98,"path":99,"stem":100,"package":60,"icon":101},"Calendar","\u002Fcomponents\u002Fcalendar","3.components\u002Fcalendar","i-lucide-calendar-days",{"title":103,"path":104,"stem":105,"package":60,"icon":106},"Card","\u002Fcomponents\u002Fcard","3.components\u002Fcard","i-lucide-square",{"title":108,"path":109,"stem":110,"package":60,"icon":111},"Checkbox","\u002Fcomponents\u002Fcheckbox","3.components\u002Fcheckbox","i-lucide-square-check",{"title":113,"path":114,"stem":115,"package":76,"icon":116},"Collapsible","\u002Fcomponents\u002Fcollapsible","3.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":118,"path":119,"stem":120,"package":76,"icon":121},"Dialog","\u002Fcomponents\u002Fdialog","3.components\u002Fdialog","i-lucide-app-window",{"title":123,"path":124,"stem":125,"package":76,"icon":126},"Draggable","\u002Fcomponents\u002Fdraggable","3.components\u002Fdraggable","i-lucide-move",{"title":128,"path":129,"stem":130,"package":60,"icon":131},"Form","\u002Fcomponents\u002Fform","3.components\u002Fform","i-lucide-clipboard-list",{"title":133,"path":134,"stem":135,"package":76,"icon":22},"Icon","\u002Fcomponents\u002Ficon","3.components\u002Ficon",{"title":137,"path":138,"stem":139,"package":60,"icon":140},"Input","\u002Fcomponents\u002Finput","3.components\u002Finput","i-lucide-text-cursor-input",{"title":142,"path":143,"stem":144,"package":60,"icon":66},"Island","\u002Fcomponents\u002Fisland","3.components\u002Fisland",{"title":146,"path":147,"stem":148,"package":60,"icon":149},"Island Button","\u002Fcomponents\u002Fisland-button","3.components\u002Fisland-button","i-lucide-circle-ellipsis",{"title":151,"path":152,"stem":153,"package":60,"icon":154},"Island Group","\u002Fcomponents\u002Fisland-group","3.components\u002Fisland-group","i-lucide-panels-top-left",{"title":156,"path":157,"stem":158,"package":60,"icon":159},"KeyboardAware","\u002Fcomponents\u002Fkeyboard-aware","3.components\u002Fkeyboard-aware","i-lucide-keyboard",{"title":161,"path":162,"stem":163,"package":60,"icon":164},"Label","\u002Fcomponents\u002Flabel","3.components\u002Flabel","i-lucide-tag",{"title":166,"path":167,"stem":168,"package":60,"icon":169},"Modal","\u002Fcomponents\u002Fmodal","3.components\u002Fmodal","i-lucide-gallery-vertical-end",{"title":171,"path":172,"stem":173,"package":76,"icon":174},"Navigation","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation","i-lucide-route",{"title":176,"path":177,"stem":178,"package":60,"icon":179},"Number Field","\u002Fcomponents\u002Fnumber-field","3.components\u002Fnumber-field","i-lucide-list-plus",{"title":181,"path":182,"stem":183,"package":76,"icon":184},"Pagination","\u002Fcomponents\u002Fpagination","3.components\u002Fpagination","i-lucide-ellipsis",{"title":186,"path":187,"stem":188,"package":60,"icon":189},"Pin Input","\u002Fcomponents\u002Fpin-input","3.components\u002Fpin-input","i-lucide-key-round",{"title":191,"path":192,"stem":193,"package":60,"icon":194},"Placeholder","\u002Fcomponents\u002Fplaceholder","3.components\u002Fplaceholder","i-lucide-square-dashed",{"title":196,"path":197,"stem":198,"package":60,"icon":199},"Popover","\u002Fcomponents\u002Fpopover","3.components\u002Fpopover","i-lucide-message-square-more",{"title":201,"path":202,"stem":203,"package":60,"icon":204},"Progress","\u002Fcomponents\u002Fprogress","3.components\u002Fprogress","i-lucide-chart-no-axes-column-increasing",{"title":206,"path":207,"stem":208,"package":60,"icon":209},"Radio Group","\u002Fcomponents\u002Fradio-group","3.components\u002Fradio-group","i-lucide-circle-dot",{"title":211,"path":212,"stem":213,"package":60,"icon":214},"Rating","\u002Fcomponents\u002Frating","3.components\u002Frating","i-lucide-star",{"title":216,"path":217,"stem":218,"package":76,"icon":219},"Scroll View","\u002Fcomponents\u002Fscroll-view","3.components\u002Fscroll-view","i-lucide-scroll",{"title":221,"path":222,"stem":223,"package":60,"icon":224},"Select","\u002Fcomponents\u002Fselect","3.components\u002Fselect","i-lucide-list-check",{"title":226,"path":227,"stem":228,"package":60,"icon":229},"Separator","\u002Fcomponents\u002Fseparator","3.components\u002Fseparator","i-lucide-separator-horizontal",{"title":231,"path":232,"stem":233,"package":76,"icon":66},"Sheet","\u002Fcomponents\u002Fsheet","3.components\u002Fsheet",{"title":235,"path":236,"stem":237,"package":60,"icon":154},"Skeleton","\u002Fcomponents\u002Fskeleton","3.components\u002Fskeleton",{"title":239,"path":240,"stem":241,"package":60,"icon":242},"Slider","\u002Fcomponents\u002Fslider","3.components\u002Fslider","i-lucide-sliders-horizontal",{"title":244,"path":245,"stem":246,"package":60,"icon":247},"Sortable","\u002Fcomponents\u002Fsortable","3.components\u002Fsortable","i-lucide-list-restart",{"title":249,"path":250,"stem":251,"package":60,"icon":252},"Stepper","\u002Fcomponents\u002Fstepper","3.components\u002Fstepper","i-lucide-list-ordered",{"title":254,"path":255,"stem":256,"package":60,"icon":257},"Swipe Action","\u002Fcomponents\u002Fswipe-action","3.components\u002Fswipe-action","i-lucide-move-horizontal",{"title":259,"path":260,"stem":261,"package":60,"icon":262},"Swiper","\u002Fcomponents\u002Fswiper","3.components\u002Fswiper","i-lucide-gallery-horizontal-end",{"title":264,"path":265,"stem":266,"package":60,"icon":267},"Switch","\u002Fcomponents\u002Fswitch","3.components\u002Fswitch","i-lucide-toggle-right",{"title":269,"path":270,"stem":271,"package":60,"icon":154},"Tabs","\u002Fcomponents\u002Ftabs","3.components\u002Ftabs",{"title":273,"path":274,"stem":275,"package":60,"icon":140},"Textarea","\u002Fcomponents\u002Ftextarea","3.components\u002Ftextarea",{"title":277,"path":278,"stem":279,"package":60,"icon":199},"Toast","\u002Fcomponents\u002Ftoast","3.components\u002Ftoast",{"title":281,"path":282,"stem":283,"package":60,"icon":267},"Toggle","\u002Fcomponents\u002Ftoggle","3.components\u002Ftoggle",{"title":285,"path":286,"stem":287,"package":60,"icon":154},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","3.components\u002Ftoggle-group",{"title":289,"path":290,"stem":291,"package":60,"icon":292},"Tray","\u002Fcomponents\u002Ftray","3.components\u002Ftray","i-lucide-square-dashed-bottom",{"title":294,"path":295,"stem":296,"package":11,"icon":297},"Theming","\u002Ftheming","4.theming","i-lucide-palette",{"title":299,"path":300,"stem":301,"package":11,"icon":302},"Accessibility","\u002Faccessibility","5.accessibility","i-lucide-accessibility",{"title":304,"path":305,"stem":306,"package":11,"icon":307},"i18n","\u002Fi18n","6.i18n","i-lucide-languages",{"title":309,"path":310,"stem":311,"package":11,"icon":312},"Roadmap","\u002Froadmap","7.roadmap","i-lucide-map",{"id":314,"title":221,"body":315,"description":2618,"extension":2619,"links":2620,"meta":2626,"navigation":2627,"package":60,"path":222,"seo":2628,"stem":223,"__hash__":2629},"docs\u002F3.components\u002Fselect.md",{"type":316,"value":317,"toc":2600},"minimark",[318,323,334,339,343,606,613,618,629,1042,1046,1057,1324,1328,1596,1600,1654,1658,1794,1798,2175,2187,2191,2221,2224,2228,2341,2347,2351,2360,2494,2518,2521,2527,2530,2534,2566,2570,2596],[319,320,322],"h2",{"id":321},"overview","Overview",[324,325,326,330,331,333],"p",{},[327,328,329],"code",{},"VySelect"," combines the ",[327,332,31],{}," select and sheet primitives into a touch-oriented single-value picker. It supports primitive or object items, groups, labels, separators, disabled options, custom item slots, semantic trigger variants, and configurable sheet snap points.",[335,336],"component-code",{"height":337,"name":338},"240px","select-example",[319,340,342],{"id":341},"usage","Usage",[344,345,350],"pre",{"className":346,"code":347,"language":348,"meta":349,"style":349},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { VySelect } from '@vyui\u002Fkit'\n\nconst value = ref\u003Cstring>()\nconst items = ['Vue', 'React', 'Svelte']\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVySelect\n    v-model=\"value\"\n    :items=\"items\"\n    placeholder=\"Choose a framework\"\n  \u002F>\n\u003C\u002Ftemplate>\n","vue","",[327,351,352,387,415,435,442,468,511,521,526,536,545,561,576,591,597],{"__ignoreMap":349},[353,354,357,361,365,369,372,375,378,382,384],"span",{"class":355,"line":356},"line",1,[353,358,360],{"class":359},"sMK4o","\u003C",[353,362,364],{"class":363},"swJcz","script",[353,366,368],{"class":367},"spNyl"," setup",[353,370,371],{"class":367}," lang",[353,373,374],{"class":359},"=",[353,376,377],{"class":359},"\"",[353,379,381],{"class":380},"sfazB","ts",[353,383,377],{"class":359},[353,385,386],{"class":359},">\n",[353,388,390,394,397,401,404,407,410,412],{"class":355,"line":389},2,[353,391,393],{"class":392},"s7zQu","import",[353,395,396],{"class":359}," {",[353,398,400],{"class":399},"sTEyZ"," ref",[353,402,403],{"class":359}," }",[353,405,406],{"class":392}," from",[353,408,409],{"class":359}," '",[353,411,348],{"class":380},[353,413,414],{"class":359},"'\n",[353,416,418,420,422,425,427,429,431,433],{"class":355,"line":417},3,[353,419,393],{"class":392},[353,421,396],{"class":359},[353,423,424],{"class":399}," VySelect",[353,426,403],{"class":359},[353,428,406],{"class":392},[353,430,409],{"class":359},[353,432,36],{"class":380},[353,434,414],{"class":359},[353,436,438],{"class":355,"line":437},4,[353,439,441],{"emptyLinePlaceholder":440},true,"\n",[353,443,445,448,451,453,456,458,462,465],{"class":355,"line":444},5,[353,446,447],{"class":367},"const",[353,449,450],{"class":399}," value ",[353,452,374],{"class":359},[353,454,400],{"class":455},"s2Zo4",[353,457,360],{"class":359},[353,459,461],{"class":460},"sBMFI","string",[353,463,464],{"class":359},">",[353,466,467],{"class":399},"()\n",[353,469,471,473,476,478,481,484,487,489,492,494,497,499,501,503,506,508],{"class":355,"line":470},6,[353,472,447],{"class":367},[353,474,475],{"class":399}," items ",[353,477,374],{"class":359},[353,479,480],{"class":399}," [",[353,482,483],{"class":359},"'",[353,485,486],{"class":380},"Vue",[353,488,483],{"class":359},[353,490,491],{"class":359},",",[353,493,409],{"class":359},[353,495,496],{"class":380},"React",[353,498,483],{"class":359},[353,500,491],{"class":359},[353,502,409],{"class":359},[353,504,505],{"class":380},"Svelte",[353,507,483],{"class":359},[353,509,510],{"class":399},"]\n",[353,512,514,517,519],{"class":355,"line":513},7,[353,515,516],{"class":359},"\u003C\u002F",[353,518,364],{"class":363},[353,520,386],{"class":359},[353,522,524],{"class":355,"line":523},8,[353,525,441],{"emptyLinePlaceholder":440},[353,527,529,531,534],{"class":355,"line":528},9,[353,530,360],{"class":359},[353,532,533],{"class":363},"template",[353,535,386],{"class":359},[353,537,539,542],{"class":355,"line":538},10,[353,540,541],{"class":359},"  \u003C",[353,543,544],{"class":363},"VySelect\n",[353,546,548,551,553,555,558],{"class":355,"line":547},11,[353,549,550],{"class":367},"    v-model",[353,552,374],{"class":359},[353,554,377],{"class":359},[353,556,557],{"class":380},"value",[353,559,560],{"class":359},"\"\n",[353,562,564,567,569,571,574],{"class":355,"line":563},12,[353,565,566],{"class":367},"    :items",[353,568,374],{"class":359},[353,570,377],{"class":359},[353,572,573],{"class":380},"items",[353,575,560],{"class":359},[353,577,579,582,584,586,589],{"class":355,"line":578},13,[353,580,581],{"class":367},"    placeholder",[353,583,374],{"class":359},[353,585,377],{"class":359},[353,587,588],{"class":380},"Choose a framework",[353,590,560],{"class":359},[353,592,594],{"class":355,"line":593},14,[353,595,596],{"class":359},"  \u002F>\n",[353,598,600,602,604],{"class":355,"line":599},15,[353,601,516],{"class":359},[353,603,533],{"class":363},[353,605,386],{"class":359},[324,607,608,609,612],{},"Item values are normalized to strings, and ",[327,610,611],{},"modelValue"," is always a string.",[614,615,617],"h3",{"id":616},"object-items-and-groups","Object items and groups",[324,619,620,621,624,625,628],{},"Pass nested arrays to render multiple groups. Structural rows use ",[327,622,623],{},"type: 'label'"," or ",[327,626,627],{},"type: 'separator'",".",[344,630,632],{"className":346,"code":631,"language":348,"meta":349,"style":349},"\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { VySelect } from '@vyui\u002Fkit'\n\nconst value = ref('stockholm')\nconst items = [\n  [\n    { type: 'label', label: 'Europe' },\n    { label: 'Stockholm', value: 'stockholm', icon: 'i-lucide-landmark' },\n    { label: 'Lisbon', value: 'lisbon' },\n  ],\n  [\n    { type: 'label', label: 'Americas' },\n    { label: 'Toronto', value: 'toronto' },\n    { label: 'New York', value: 'new-york', disabled: true },\n  ],\n]\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVySelect v-model=\"value\" :items=\"items\" placeholder=\"Choose a city\" \u002F>\n\u003C\u002Ftemplate>\n",[327,633,634,654,672,690,694,717,728,733,768,812,842,850,854,883,913,954,961,966,975,980,989,1033],{"__ignoreMap":349},[353,635,636,638,640,642,644,646,648,650,652],{"class":355,"line":356},[353,637,360],{"class":359},[353,639,364],{"class":363},[353,641,368],{"class":367},[353,643,371],{"class":367},[353,645,374],{"class":359},[353,647,377],{"class":359},[353,649,381],{"class":380},[353,651,377],{"class":359},[353,653,386],{"class":359},[353,655,656,658,660,662,664,666,668,670],{"class":355,"line":389},[353,657,393],{"class":392},[353,659,396],{"class":359},[353,661,400],{"class":399},[353,663,403],{"class":359},[353,665,406],{"class":392},[353,667,409],{"class":359},[353,669,348],{"class":380},[353,671,414],{"class":359},[353,673,674,676,678,680,682,684,686,688],{"class":355,"line":417},[353,675,393],{"class":392},[353,677,396],{"class":359},[353,679,424],{"class":399},[353,681,403],{"class":359},[353,683,406],{"class":392},[353,685,409],{"class":359},[353,687,36],{"class":380},[353,689,414],{"class":359},[353,691,692],{"class":355,"line":437},[353,693,441],{"emptyLinePlaceholder":440},[353,695,696,698,700,702,704,707,709,712,714],{"class":355,"line":444},[353,697,447],{"class":367},[353,699,450],{"class":399},[353,701,374],{"class":359},[353,703,400],{"class":455},[353,705,706],{"class":399},"(",[353,708,483],{"class":359},[353,710,711],{"class":380},"stockholm",[353,713,483],{"class":359},[353,715,716],{"class":399},")\n",[353,718,719,721,723,725],{"class":355,"line":470},[353,720,447],{"class":367},[353,722,475],{"class":399},[353,724,374],{"class":359},[353,726,727],{"class":399}," [\n",[353,729,730],{"class":355,"line":513},[353,731,732],{"class":399},"  [\n",[353,734,735,738,741,744,746,749,751,753,756,758,760,763,765],{"class":355,"line":523},[353,736,737],{"class":359},"    {",[353,739,740],{"class":363}," type",[353,742,743],{"class":359},":",[353,745,409],{"class":359},[353,747,748],{"class":380},"label",[353,750,483],{"class":359},[353,752,491],{"class":359},[353,754,755],{"class":363}," label",[353,757,743],{"class":359},[353,759,409],{"class":359},[353,761,762],{"class":380},"Europe",[353,764,483],{"class":359},[353,766,767],{"class":359}," },\n",[353,769,770,772,774,776,778,781,783,785,788,790,792,794,796,798,801,803,805,808,810],{"class":355,"line":528},[353,771,737],{"class":359},[353,773,755],{"class":363},[353,775,743],{"class":359},[353,777,409],{"class":359},[353,779,780],{"class":380},"Stockholm",[353,782,483],{"class":359},[353,784,491],{"class":359},[353,786,787],{"class":363}," value",[353,789,743],{"class":359},[353,791,409],{"class":359},[353,793,711],{"class":380},[353,795,483],{"class":359},[353,797,491],{"class":359},[353,799,800],{"class":363}," icon",[353,802,743],{"class":359},[353,804,409],{"class":359},[353,806,807],{"class":380},"i-lucide-landmark",[353,809,483],{"class":359},[353,811,767],{"class":359},[353,813,814,816,818,820,822,825,827,829,831,833,835,838,840],{"class":355,"line":538},[353,815,737],{"class":359},[353,817,755],{"class":363},[353,819,743],{"class":359},[353,821,409],{"class":359},[353,823,824],{"class":380},"Lisbon",[353,826,483],{"class":359},[353,828,491],{"class":359},[353,830,787],{"class":363},[353,832,743],{"class":359},[353,834,409],{"class":359},[353,836,837],{"class":380},"lisbon",[353,839,483],{"class":359},[353,841,767],{"class":359},[353,843,844,847],{"class":355,"line":547},[353,845,846],{"class":399},"  ]",[353,848,849],{"class":359},",\n",[353,851,852],{"class":355,"line":563},[353,853,732],{"class":399},[353,855,856,858,860,862,864,866,868,870,872,874,876,879,881],{"class":355,"line":578},[353,857,737],{"class":359},[353,859,740],{"class":363},[353,861,743],{"class":359},[353,863,409],{"class":359},[353,865,748],{"class":380},[353,867,483],{"class":359},[353,869,491],{"class":359},[353,871,755],{"class":363},[353,873,743],{"class":359},[353,875,409],{"class":359},[353,877,878],{"class":380},"Americas",[353,880,483],{"class":359},[353,882,767],{"class":359},[353,884,885,887,889,891,893,896,898,900,902,904,906,909,911],{"class":355,"line":593},[353,886,737],{"class":359},[353,888,755],{"class":363},[353,890,743],{"class":359},[353,892,409],{"class":359},[353,894,895],{"class":380},"Toronto",[353,897,483],{"class":359},[353,899,491],{"class":359},[353,901,787],{"class":363},[353,903,743],{"class":359},[353,905,409],{"class":359},[353,907,908],{"class":380},"toronto",[353,910,483],{"class":359},[353,912,767],{"class":359},[353,914,915,917,919,921,923,926,928,930,932,934,936,939,941,943,946,948,952],{"class":355,"line":599},[353,916,737],{"class":359},[353,918,755],{"class":363},[353,920,743],{"class":359},[353,922,409],{"class":359},[353,924,925],{"class":380},"New York",[353,927,483],{"class":359},[353,929,491],{"class":359},[353,931,787],{"class":363},[353,933,743],{"class":359},[353,935,409],{"class":359},[353,937,938],{"class":380},"new-york",[353,940,483],{"class":359},[353,942,491],{"class":359},[353,944,945],{"class":363}," disabled",[353,947,743],{"class":359},[353,949,951],{"class":950},"sfNiH"," true",[353,953,767],{"class":359},[353,955,957,959],{"class":355,"line":956},16,[353,958,846],{"class":399},[353,960,849],{"class":359},[353,962,964],{"class":355,"line":963},17,[353,965,510],{"class":399},[353,967,969,971,973],{"class":355,"line":968},18,[353,970,516],{"class":359},[353,972,364],{"class":363},[353,974,386],{"class":359},[353,976,978],{"class":355,"line":977},19,[353,979,441],{"emptyLinePlaceholder":440},[353,981,983,985,987],{"class":355,"line":982},20,[353,984,360],{"class":359},[353,986,533],{"class":363},[353,988,386],{"class":359},[353,990,992,994,996,999,1001,1003,1005,1007,1010,1012,1014,1016,1018,1021,1023,1025,1028,1030],{"class":355,"line":991},21,[353,993,541],{"class":359},[353,995,329],{"class":363},[353,997,998],{"class":367}," v-model",[353,1000,374],{"class":359},[353,1002,377],{"class":359},[353,1004,557],{"class":380},[353,1006,377],{"class":359},[353,1008,1009],{"class":367}," :items",[353,1011,374],{"class":359},[353,1013,377],{"class":359},[353,1015,573],{"class":380},[353,1017,377],{"class":359},[353,1019,1020],{"class":367}," placeholder",[353,1022,374],{"class":359},[353,1024,377],{"class":359},[353,1026,1027],{"class":380},"Choose a city",[353,1029,377],{"class":359},[353,1031,1032],{"class":359}," \u002F>\n",[353,1034,1036,1038,1040],{"class":355,"line":1035},22,[353,1037,516],{"class":359},[353,1039,533],{"class":363},[353,1041,386],{"class":359},[614,1043,1045],{"id":1044},"custom-keys","Custom keys",[324,1047,1048,1049,1052,1053,1056],{},"Use ",[327,1050,1051],{},"valueKey"," and ",[327,1054,1055],{},"labelKey"," when the object shape comes from an API.",[344,1058,1060],{"className":346,"code":1059,"language":348,"meta":349,"style":349},"\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { VySelect } from '@vyui\u002Fkit'\n\nconst value = ref('pro')\nconst plans = [\n  { id: 'free', name: 'Free' },\n  { id: 'pro', name: 'Pro' },\n]\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVySelect\n    v-model=\"value\"\n    :items=\"plans\"\n    value-key=\"id\"\n    label-key=\"name\"\n    placeholder=\"Choose a plan\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[327,1061,1062,1082,1100,1118,1122,1143,1154,1187,1216,1220,1228,1232,1240,1246,1258,1271,1285,1299,1312,1316],{"__ignoreMap":349},[353,1063,1064,1066,1068,1070,1072,1074,1076,1078,1080],{"class":355,"line":356},[353,1065,360],{"class":359},[353,1067,364],{"class":363},[353,1069,368],{"class":367},[353,1071,371],{"class":367},[353,1073,374],{"class":359},[353,1075,377],{"class":359},[353,1077,381],{"class":380},[353,1079,377],{"class":359},[353,1081,386],{"class":359},[353,1083,1084,1086,1088,1090,1092,1094,1096,1098],{"class":355,"line":389},[353,1085,393],{"class":392},[353,1087,396],{"class":359},[353,1089,400],{"class":399},[353,1091,403],{"class":359},[353,1093,406],{"class":392},[353,1095,409],{"class":359},[353,1097,348],{"class":380},[353,1099,414],{"class":359},[353,1101,1102,1104,1106,1108,1110,1112,1114,1116],{"class":355,"line":417},[353,1103,393],{"class":392},[353,1105,396],{"class":359},[353,1107,424],{"class":399},[353,1109,403],{"class":359},[353,1111,406],{"class":392},[353,1113,409],{"class":359},[353,1115,36],{"class":380},[353,1117,414],{"class":359},[353,1119,1120],{"class":355,"line":437},[353,1121,441],{"emptyLinePlaceholder":440},[353,1123,1124,1126,1128,1130,1132,1134,1136,1139,1141],{"class":355,"line":444},[353,1125,447],{"class":367},[353,1127,450],{"class":399},[353,1129,374],{"class":359},[353,1131,400],{"class":455},[353,1133,706],{"class":399},[353,1135,483],{"class":359},[353,1137,1138],{"class":380},"pro",[353,1140,483],{"class":359},[353,1142,716],{"class":399},[353,1144,1145,1147,1150,1152],{"class":355,"line":470},[353,1146,447],{"class":367},[353,1148,1149],{"class":399}," plans ",[353,1151,374],{"class":359},[353,1153,727],{"class":399},[353,1155,1156,1159,1162,1164,1166,1169,1171,1173,1176,1178,1180,1183,1185],{"class":355,"line":513},[353,1157,1158],{"class":359},"  {",[353,1160,1161],{"class":363}," id",[353,1163,743],{"class":359},[353,1165,409],{"class":359},[353,1167,1168],{"class":380},"free",[353,1170,483],{"class":359},[353,1172,491],{"class":359},[353,1174,1175],{"class":363}," name",[353,1177,743],{"class":359},[353,1179,409],{"class":359},[353,1181,1182],{"class":380},"Free",[353,1184,483],{"class":359},[353,1186,767],{"class":359},[353,1188,1189,1191,1193,1195,1197,1199,1201,1203,1205,1207,1209,1212,1214],{"class":355,"line":523},[353,1190,1158],{"class":359},[353,1192,1161],{"class":363},[353,1194,743],{"class":359},[353,1196,409],{"class":359},[353,1198,1138],{"class":380},[353,1200,483],{"class":359},[353,1202,491],{"class":359},[353,1204,1175],{"class":363},[353,1206,743],{"class":359},[353,1208,409],{"class":359},[353,1210,1211],{"class":380},"Pro",[353,1213,483],{"class":359},[353,1215,767],{"class":359},[353,1217,1218],{"class":355,"line":528},[353,1219,510],{"class":399},[353,1221,1222,1224,1226],{"class":355,"line":538},[353,1223,516],{"class":359},[353,1225,364],{"class":363},[353,1227,386],{"class":359},[353,1229,1230],{"class":355,"line":547},[353,1231,441],{"emptyLinePlaceholder":440},[353,1233,1234,1236,1238],{"class":355,"line":563},[353,1235,360],{"class":359},[353,1237,533],{"class":363},[353,1239,386],{"class":359},[353,1241,1242,1244],{"class":355,"line":578},[353,1243,541],{"class":359},[353,1245,544],{"class":363},[353,1247,1248,1250,1252,1254,1256],{"class":355,"line":593},[353,1249,550],{"class":367},[353,1251,374],{"class":359},[353,1253,377],{"class":359},[353,1255,557],{"class":380},[353,1257,560],{"class":359},[353,1259,1260,1262,1264,1266,1269],{"class":355,"line":599},[353,1261,566],{"class":367},[353,1263,374],{"class":359},[353,1265,377],{"class":359},[353,1267,1268],{"class":380},"plans",[353,1270,560],{"class":359},[353,1272,1273,1276,1278,1280,1283],{"class":355,"line":956},[353,1274,1275],{"class":367},"    value-key",[353,1277,374],{"class":359},[353,1279,377],{"class":359},[353,1281,1282],{"class":380},"id",[353,1284,560],{"class":359},[353,1286,1287,1290,1292,1294,1297],{"class":355,"line":963},[353,1288,1289],{"class":367},"    label-key",[353,1291,374],{"class":359},[353,1293,377],{"class":359},[353,1295,1296],{"class":380},"name",[353,1298,560],{"class":359},[353,1300,1301,1303,1305,1307,1310],{"class":355,"line":968},[353,1302,581],{"class":367},[353,1304,374],{"class":359},[353,1306,377],{"class":359},[353,1308,1309],{"class":380},"Choose a plan",[353,1311,560],{"class":359},[353,1313,1314],{"class":355,"line":977},[353,1315,596],{"class":359},[353,1317,1318,1320,1322],{"class":355,"line":982},[353,1319,516],{"class":359},[353,1321,533],{"class":363},[353,1323,386],{"class":359},[614,1325,1327],{"id":1326},"custom-trigger-and-rows","Custom trigger and rows",[344,1329,1331],{"className":346,"code":1330,"language":348,"meta":349,"style":349},"\u003Ctemplate>\n  \u003CVySelect v-model=\"value\" :items=\"items\" placeholder=\"Choose a person\">\n    \u003Ctemplate #leading=\"{ iconColor }\">\n      \u003CVyIcon name=\"i-lucide-user\" :color=\"iconColor\" \u002F>\n    \u003C\u002Ftemplate>\n\n    \u003Ctemplate #item-label=\"{ item }\">\n      {{ typeof item === 'object' ? item.label : item }}\n    \u003C\u002Ftemplate>\n\n    \u003Ctemplate #item-trailing=\"{ item }\">\n      \u003Ctext v-if=\"typeof item === 'object' && item.meta\" class=\"text-xs text-neutral-400\">\n        {{ item.meta }}\n      \u003C\u002Ftext>\n    \u003C\u002Ftemplate>\n  \u003C\u002FVySelect>\n\u003C\u002Ftemplate>\n",[327,1332,1333,1341,1380,1410,1443,1452,1456,1482,1487,1495,1499,1524,1557,1562,1571,1579,1588],{"__ignoreMap":349},[353,1334,1335,1337,1339],{"class":355,"line":356},[353,1336,360],{"class":359},[353,1338,533],{"class":363},[353,1340,386],{"class":359},[353,1342,1343,1345,1347,1349,1351,1353,1355,1357,1359,1361,1363,1365,1367,1369,1371,1373,1376,1378],{"class":355,"line":389},[353,1344,541],{"class":359},[353,1346,329],{"class":363},[353,1348,998],{"class":367},[353,1350,374],{"class":359},[353,1352,377],{"class":359},[353,1354,557],{"class":380},[353,1356,377],{"class":359},[353,1358,1009],{"class":367},[353,1360,374],{"class":359},[353,1362,377],{"class":359},[353,1364,573],{"class":380},[353,1366,377],{"class":359},[353,1368,1020],{"class":367},[353,1370,374],{"class":359},[353,1372,377],{"class":359},[353,1374,1375],{"class":380},"Choose a person",[353,1377,377],{"class":359},[353,1379,386],{"class":359},[353,1381,1382,1385,1387,1390,1393,1395,1397,1400,1403,1406,1408],{"class":355,"line":417},[353,1383,1384],{"class":359},"    \u003C",[353,1386,533],{"class":363},[353,1388,1389],{"class":359}," #",[353,1391,1392],{"class":367},"leading",[353,1394,374],{"class":359},[353,1396,377],{"class":359},[353,1398,1399],{"class":359},"{",[353,1401,1402],{"class":399}," iconColor ",[353,1404,1405],{"class":359},"}",[353,1407,377],{"class":359},[353,1409,386],{"class":359},[353,1411,1412,1415,1418,1420,1422,1424,1427,1429,1432,1434,1436,1439,1441],{"class":355,"line":437},[353,1413,1414],{"class":359},"      \u003C",[353,1416,1417],{"class":363},"VyIcon",[353,1419,1175],{"class":367},[353,1421,374],{"class":359},[353,1423,377],{"class":359},[353,1425,1426],{"class":380},"i-lucide-user",[353,1428,377],{"class":359},[353,1430,1431],{"class":367}," :color",[353,1433,374],{"class":359},[353,1435,377],{"class":359},[353,1437,1438],{"class":380},"iconColor",[353,1440,377],{"class":359},[353,1442,1032],{"class":359},[353,1444,1445,1448,1450],{"class":355,"line":444},[353,1446,1447],{"class":359},"    \u003C\u002F",[353,1449,533],{"class":363},[353,1451,386],{"class":359},[353,1453,1454],{"class":355,"line":470},[353,1455,441],{"emptyLinePlaceholder":440},[353,1457,1458,1460,1462,1464,1467,1469,1471,1473,1476,1478,1480],{"class":355,"line":513},[353,1459,1384],{"class":359},[353,1461,533],{"class":363},[353,1463,1389],{"class":359},[353,1465,1466],{"class":367},"item-label",[353,1468,374],{"class":359},[353,1470,377],{"class":359},[353,1472,1399],{"class":359},[353,1474,1475],{"class":399}," item ",[353,1477,1405],{"class":359},[353,1479,377],{"class":359},[353,1481,386],{"class":359},[353,1483,1484],{"class":355,"line":523},[353,1485,1486],{"class":399},"      {{ typeof item === 'object' ? item.label : item }}\n",[353,1488,1489,1491,1493],{"class":355,"line":528},[353,1490,1447],{"class":359},[353,1492,533],{"class":363},[353,1494,386],{"class":359},[353,1496,1497],{"class":355,"line":538},[353,1498,441],{"emptyLinePlaceholder":440},[353,1500,1501,1503,1505,1507,1510,1512,1514,1516,1518,1520,1522],{"class":355,"line":547},[353,1502,1384],{"class":359},[353,1504,533],{"class":363},[353,1506,1389],{"class":359},[353,1508,1509],{"class":367},"item-trailing",[353,1511,374],{"class":359},[353,1513,377],{"class":359},[353,1515,1399],{"class":359},[353,1517,1475],{"class":399},[353,1519,1405],{"class":359},[353,1521,377],{"class":359},[353,1523,386],{"class":359},[353,1525,1526,1528,1531,1534,1536,1538,1541,1543,1546,1548,1550,1553,1555],{"class":355,"line":563},[353,1527,1414],{"class":359},[353,1529,1530],{"class":363},"text",[353,1532,1533],{"class":367}," v-if",[353,1535,374],{"class":359},[353,1537,377],{"class":359},[353,1539,1540],{"class":380},"typeof item === 'object' && item.meta",[353,1542,377],{"class":359},[353,1544,1545],{"class":367}," class",[353,1547,374],{"class":359},[353,1549,377],{"class":359},[353,1551,1552],{"class":380},"text-xs text-neutral-400",[353,1554,377],{"class":359},[353,1556,386],{"class":359},[353,1558,1559],{"class":355,"line":578},[353,1560,1561],{"class":399},"        {{ item.meta }}\n",[353,1563,1564,1567,1569],{"class":355,"line":593},[353,1565,1566],{"class":359},"      \u003C\u002F",[353,1568,1530],{"class":363},[353,1570,386],{"class":359},[353,1572,1573,1575,1577],{"class":355,"line":599},[353,1574,1447],{"class":359},[353,1576,533],{"class":363},[353,1578,386],{"class":359},[353,1580,1581,1584,1586],{"class":355,"line":956},[353,1582,1583],{"class":359},"  \u003C\u002F",[353,1585,329],{"class":363},[353,1587,386],{"class":359},[353,1589,1590,1592,1594],{"class":355,"line":963},[353,1591,516],{"class":359},[353,1593,533],{"class":363},[353,1595,386],{"class":359},[319,1597,1599],{"id":1598},"features-and-behavior","Features and behavior",[1601,1602,1603,1607,1616,1622,1625,1631,1638,1644],"ul",{},[1604,1605,1606],"li",{},"Tapping the trigger opens a bottom sheet; tapping an enabled item selects it and closes the sheet.",[1604,1608,1609,1611,1612,1615],{},[327,1610,611],{}," controls selection. ",[327,1613,1614],{},"defaultValue"," initializes the core uncontrolled selection.",[1604,1617,1618,1619,628],{},"Primitive numbers and object values are converted with ",[327,1620,1621],{},"String()",[1604,1623,1624],{},"Flat items render as one group. Nested arrays render separate groups.",[1604,1626,1627,1630],{},[327,1628,1629],{},"placeholder"," appears in the empty trigger and as the sheet heading.",[1604,1632,1633,1052,1635,1637],{},[327,1634,623],{},[327,1636,627],{}," object items are structural and cannot be selected.",[1604,1639,1640,1643],{},[327,1641,1642],{},"presentation=\"anchor\""," is accepted for API parity but currently still renders the sheet presentation.",[1604,1645,1646,1647,1649,1650,1653],{},"The trigger's displayed selected label is derived from ",[327,1648,611],{},"; bind ",[327,1651,1652],{},"v-model"," when the selected text must be shown reliably.",[614,1655,1657],{"id":1656},"select-item","Select item",[1659,1660,1661,1680],"table",{},[1662,1663,1664],"thead",{},[1665,1666,1667,1671,1674,1677],"tr",{},[1668,1669,1670],"th",{},"Field",[1668,1672,1673],{},"Type",[1668,1675,1676],{},"Default",[1668,1678,1679],{},"Description",[1681,1682,1683,1702,1721,1737,1757,1777],"tbody",{},[1665,1684,1685,1690,1694,1697],{},[1686,1687,1688],"td",{},[327,1689,748],{},[1686,1691,1692],{},[327,1693,461],{},[1686,1695,1696],{},"—",[1686,1698,1699,1700,628],{},"Display label when using the default ",[327,1701,1055],{},[1665,1703,1704,1708,1713,1715],{},[1686,1705,1706],{},[327,1707,557],{},[1686,1709,1710],{},[327,1711,1712],{},"string | number",[1686,1714,1696],{},[1686,1716,1717,1718,1720],{},"Selectable value when using the default ",[327,1719,1051],{},"; normalized to a string.",[1665,1722,1723,1728,1732,1734],{},[1686,1724,1725],{},[327,1726,1727],{},"icon",[1686,1729,1730],{},[327,1731,461],{},[1686,1733,1696],{},[1686,1735,1736],{},"Leading Iconify icon for a selectable row.",[1665,1738,1739,1744,1749,1754],{},[1686,1740,1741],{},[327,1742,1743],{},"type",[1686,1745,1746],{},[327,1747,1748],{},"'item' | 'label' | 'separator'",[1686,1750,1751],{},[327,1752,1753],{},"'item'",[1686,1755,1756],{},"Selectable or structural row type.",[1665,1758,1759,1764,1769,1774],{},[1686,1760,1761],{},[327,1762,1763],{},"disabled",[1686,1765,1766],{},[327,1767,1768],{},"boolean",[1686,1770,1771],{},[327,1772,1773],{},"false",[1686,1775,1776],{},"Prevents a selectable row from being chosen.",[1665,1778,1779,1784,1789,1791],{},[1686,1780,1781],{},[327,1782,1783],{},"[key: string]",[1686,1785,1786],{},[327,1787,1788],{},"any",[1686,1790,1696],{},[1686,1792,1793],{},"Additional data available to item slots.",[319,1795,1797],{"id":1796},"props","Props",[1659,1799,1800,1813],{},[1662,1801,1802],{},[1665,1803,1804,1807,1809,1811],{},[1668,1805,1806],{},"Prop",[1668,1808,1673],{},[1668,1810,1676],{},[1668,1812,1679],{},[1681,1814,1815,1834,1853,1870,1887,1904,1921,1941,1961,1981,2001,2021,2040,2060,2083,2102,2120,2138,2156],{},[1665,1816,1817,1821,1826,1831],{},[1686,1818,1819],{},[327,1820,573],{},[1686,1822,1823],{},[327,1824,1825],{},"SelectItems",[1686,1827,1828],{},[327,1829,1830],{},"undefined",[1686,1832,1833],{},"Flat or grouped strings, numbers, and object items.",[1665,1835,1836,1840,1844,1848],{},[1686,1837,1838],{},[327,1839,611],{},[1686,1841,1842],{},[327,1843,461],{},[1686,1845,1846],{},[327,1847,1830],{},[1686,1849,1850,1851,628],{},"Controlled selected value used by ",[327,1852,1652],{},[1665,1854,1855,1859,1863,1867],{},[1686,1856,1857],{},[327,1858,1614],{},[1686,1860,1861],{},[327,1862,461],{},[1686,1864,1865],{},[327,1866,1830],{},[1686,1868,1869],{},"Initial value for uncontrolled core selection.",[1665,1871,1872,1876,1880,1884],{},[1686,1873,1874],{},[327,1875,1629],{},[1686,1877,1878],{},[327,1879,461],{},[1686,1881,1882],{},[327,1883,1830],{},[1686,1885,1886],{},"Empty trigger text and sheet title.",[1665,1888,1889,1893,1897,1901],{},[1686,1890,1891],{},[327,1892,1763],{},[1686,1894,1895],{},[327,1896,1768],{},[1686,1898,1899],{},[327,1900,1773],{},[1686,1902,1903],{},"Prevents the trigger from opening.",[1665,1905,1906,1910,1914,1918],{},[1686,1907,1908],{},[327,1909,1296],{},[1686,1911,1912],{},[327,1913,461],{},[1686,1915,1916],{},[327,1917,1830],{},[1686,1919,1920],{},"Name forwarded to the core form control.",[1665,1922,1923,1928,1933,1938],{},[1686,1924,1925],{},[327,1926,1927],{},"color",[1686,1929,1930],{},[327,1931,1932],{},"Color",[1686,1934,1935],{},[327,1936,1937],{},"'primary'",[1686,1939,1940],{},"Semantic trigger border and icon color.",[1665,1942,1943,1948,1953,1958],{},[1686,1944,1945],{},[327,1946,1947],{},"variant",[1686,1949,1950],{},[327,1951,1952],{},"'outline' | 'soft' | 'subtle' | 'ghost' | 'none'",[1686,1954,1955],{},[327,1956,1957],{},"'outline'",[1686,1959,1960],{},"Trigger surface style.",[1665,1962,1963,1968,1973,1978],{},[1686,1964,1965],{},[327,1966,1967],{},"size",[1686,1969,1970],{},[327,1971,1972],{},"'sm' | 'md' | 'lg' | 'xl'",[1686,1974,1975],{},[327,1976,1977],{},"'md'",[1686,1979,1980],{},"Trigger, row, text, and icon scale.",[1665,1982,1983,1988,1992,1996],{},[1686,1984,1985],{},[327,1986,1987],{},"highlight",[1686,1989,1990],{},[327,1991,1768],{},[1686,1993,1994],{},[327,1995,1773],{},[1686,1997,1998,1999,628],{},"Forces a static border using ",[327,2000,1927],{},[1665,2002,2003,2008,2012,2018],{},[1686,2004,2005],{},[327,2006,2007],{},"trailingIcon",[1686,2009,2010],{},[327,2011,461],{},[1686,2013,2014,2015],{},"App icon \u002F ",[327,2016,2017],{},"i-lucide-chevron-down",[1686,2019,2020],{},"Trigger trailing Iconify name.",[1665,2022,2023,2028,2032,2037],{},[1686,2024,2025],{},[327,2026,2027],{},"selectedIcon",[1686,2029,2030],{},[327,2031,461],{},[1686,2033,2014,2034],{},[327,2035,2036],{},"i-lucide-check",[1686,2038,2039],{},"Icon shown on the selected row.",[1665,2041,2042,2047,2052,2057],{},[1686,2043,2044],{},[327,2045,2046],{},"presentation",[1686,2048,2049],{},[327,2050,2051],{},"'sheet' | 'anchor'",[1686,2053,2054],{},[327,2055,2056],{},"'sheet'",[1686,2058,2059],{},"Requested presentation; both values currently use the sheet.",[1665,2061,2062,2067,2072,2077],{},[1686,2063,2064],{},[327,2065,2066],{},"snapPoints",[1686,2068,2069],{},[327,2070,2071],{},"number[]",[1686,2073,2074],{},[327,2075,2076],{},"[0.5]",[1686,2078,2079,2080,628],{},"Sheet snap fractions forwarded to ",[327,2081,2082],{},"SheetRoot",[1665,2084,2085,2090,2094,2099],{},[1686,2086,2087],{},[327,2088,2089],{},"handle",[1686,2091,2092],{},[327,2093,1768],{},[1686,2095,2096],{},[327,2097,2098],{},"true",[1686,2100,2101],{},"Shows the sheet drag handle.",[1665,2103,2104,2108,2112,2117],{},[1686,2105,2106],{},[327,2107,1051],{},[1686,2109,2110],{},[327,2111,461],{},[1686,2113,2114],{},[327,2115,2116],{},"'value'",[1686,2118,2119],{},"Object field read as the item value.",[1665,2121,2122,2126,2130,2135],{},[1686,2123,2124],{},[327,2125,1055],{},[1686,2127,2128],{},[327,2129,461],{},[1686,2131,2132],{},[327,2133,2134],{},"'label'",[1686,2136,2137],{},"Object field read as the item label.",[1665,2139,2140,2145,2149,2153],{},[1686,2141,2142],{},[327,2143,2144],{},"class",[1686,2146,2147],{},[327,2148,1788],{},[1686,2150,2151],{},[327,2152,1830],{},[1686,2154,2155],{},"Classes merged onto the trigger surface.",[1665,2157,2158,2163,2168,2172],{},[1686,2159,2160],{},[327,2161,2162],{},"ui",[1686,2164,2165],{},[327,2166,2167],{},"Partial\u003CRecord\u003CSelectSlot, any>>",[1686,2169,2170],{},[327,2171,1830],{},[1686,2173,2174],{},"Per-instance theme slot overrides.",[324,2176,2177,2179,2180,2183,2184,2186],{},[327,2178,1825],{}," is ",[327,2181,2182],{},"(SelectItem | string | number)[]"," or a nested array of those values. ",[327,2185,1932],{}," supports the default semantic registry and application extensions.",[319,2188,2190],{"id":2189},"emits","Emits",[1659,2192,2193,2205],{},[1662,2194,2195],{},[1665,2196,2197,2200,2203],{},[1668,2198,2199],{},"Event",[1668,2201,2202],{},"Payload",[1668,2204,1679],{},[1681,2206,2207],{},[1665,2208,2209,2214,2218],{},[1686,2210,2211],{},[327,2212,2213],{},"update:modelValue",[1686,2215,2216],{},[327,2217,461],{},[1686,2219,2220],{},"Emitted after an enabled item is selected.",[324,2222,2223],{},"The sheet open state is internal and is not emitted by the kit wrapper.",[319,2225,2227],{"id":2226},"slots","Slots",[1659,2229,2230,2241],{},[1662,2231,2232],{},[1665,2233,2234,2237,2239],{},[1668,2235,2236],{},"Slot",[1668,2238,1797],{},[1668,2240,1679],{},[1681,2242,2243,2258,2272,2286,2301,2315,2328],{},[1665,2244,2245,2250,2255],{},[1686,2246,2247],{},[327,2248,2249],{},"default",[1686,2251,2252],{},[327,2253,2254],{},"{ modelValue?: string, open: boolean }",[1686,2256,2257],{},"Replaces the selected value or placeholder inside the trigger.",[1665,2259,2260,2264,2269],{},[1686,2261,2262],{},[327,2263,1392],{},[1686,2265,2266],{},[327,2267,2268],{},"{ modelValue?: string, open: boolean, iconColor: string }",[1686,2270,2271],{},"Adds leading trigger content.",[1665,2273,2274,2279,2283],{},[1686,2275,2276],{},[327,2277,2278],{},"trailing",[1686,2280,2281],{},[327,2282,2268],{},[1686,2284,2285],{},"Replaces the trailing trigger icon.",[1665,2287,2288,2293,2298],{},[1686,2289,2290],{},[327,2291,2292],{},"item",[1686,2294,2295],{},[327,2296,2297],{},"{ item, index }",[1686,2299,2300],{},"Replaces all built-in content inside a selectable row.",[1665,2302,2303,2308,2312],{},[1686,2304,2305],{},[327,2306,2307],{},"item-leading",[1686,2309,2310],{},[327,2311,2297],{},[1686,2313,2314],{},"Replaces the built-in item icon.",[1665,2316,2317,2321,2325],{},[1686,2318,2319],{},[327,2320,1466],{},[1686,2322,2323],{},[327,2324,2297],{},[1686,2326,2327],{},"Replaces the item label.",[1665,2329,2330,2334,2338],{},[1686,2331,2332],{},[327,2333,1509],{},[1686,2335,2336],{},[327,2337,2297],{},[1686,2339,2340],{},"Adds content before the selected indicator.",[324,2342,2343,2346],{},[327,2344,2345],{},"index"," is the zero-based position within the item's group, not the flattened list.",[319,2348,2350],{"id":2349},"styling-and-theming","Styling and theming",[324,2352,2353,2354,2357,2358,628],{},"Override globally through ",[327,2355,2356],{},"appConfig.ui.select"," or locally with ",[327,2359,2162],{},[1659,2361,2362,2372],{},[1662,2363,2364],{},[1665,2365,2366,2369],{},[1668,2367,2368],{},"UI slot",[1668,2370,2371],{},"Purpose",[1681,2373,2374,2384,2396,2409,2421,2434,2447,2459,2471,2481],{},[1665,2375,2376,2381],{},[1686,2377,2378],{},[327,2379,2380],{},"base",[1686,2382,2383],{},"Trigger surface, spacing, border, and disabled state.",[1665,2385,2386,2393],{},[1686,2387,2388,2390,2391],{},[327,2389,557],{}," \u002F ",[327,2392,1629],{},[1686,2394,2395],{},"Selected and empty trigger text.",[1665,2397,2398,2406],{},[1686,2399,2400,2390,2402,2390,2404],{},[327,2401,1392],{},[327,2403,2278],{},[327,2405,2007],{},[1686,2407,2408],{},"Trigger accessory layout and built-in chevron.",[1665,2410,2411,2418],{},[1686,2412,2413,2390,2416],{},[327,2414,2415],{},"content",[327,2417,2089],{},[1686,2419,2420],{},"Sheet panel and drag handle.",[1665,2422,2423,2431],{},[1686,2424,2425,2390,2428],{},[327,2426,2427],{},"sheetHeader",[327,2429,2430],{},"sheetTitle",[1686,2432,2433],{},"Placeholder-derived sheet heading.",[1665,2435,2436,2444],{},[1686,2437,2438,2390,2441],{},[327,2439,2440],{},"viewport",[327,2442,2443],{},"group",[1686,2445,2446],{},"Scrollable list and group layout.",[1665,2448,2449,2456],{},[1686,2450,2451,2390,2453],{},[327,2452,748],{},[327,2454,2455],{},"separator",[1686,2457,2458],{},"Structural item rows.",[1665,2460,2461,2468],{},[1686,2462,2463,2390,2465],{},[327,2464,2292],{},[327,2466,2467],{},"itemLabel",[1686,2469,2470],{},"Selectable row and text.",[1665,2472,2473,2478],{},[1686,2474,2475],{},[327,2476,2477],{},"itemLeadingIcon",[1686,2479,2480],{},"Built-in item icon.",[1665,2482,2483,2491],{},[1686,2484,2485,2390,2488],{},[327,2486,2487],{},"itemTrailing",[327,2489,2490],{},"itemTrailingIcon",[1686,2492,2493],{},"Trailing content and selected indicator.",[324,2495,2496,2497,2500,2501,2500,2504,2507,2508,2500,2510,2500,2512,2514,2515,2517],{},"The theme also defines reserved ",[327,2498,2499],{},"root",", ",[327,2502,2503],{},"arrow",[327,2505,2506],{},"empty",", avatar, and leading-icon slots that the current template does not render. ",[327,2509,1927],{},[327,2511,1947],{},[327,2513,1967],{},", and ",[327,2516,1987],{}," style the trigger; option rows remain neutral by default.",[319,2519,299],{"id":2520},"accessibility",[324,2522,2523,2524,2526],{},"The core trigger exposes native button semantics and announces collapsed, expanded, or disabled state. Selectable rows expose option semantics, selected state, and disabled state. Keep the placeholder and custom trigger content descriptive, and ensure a custom ",[327,2525,2292],{}," slot still includes a clear text label.",[324,2528,2529],{},"The sheet is optimized for touch selection. Test custom rows with VoiceOver and TalkBack, especially when visual metadata is the only distinction between options.",[319,2531,2533],{"id":2532},"platform-notes","Platform notes",[1601,2535,2536,2539,2545,2555,2561],{},[1604,2537,2538],{},"The list is rendered in a native bottom sheet with a dismissible backdrop and a vertically scrollable viewport.",[1604,2540,2541,2542,2544],{},"The default ",[327,2543,2076],{}," snap point opens the picker at half the viewport height.",[1604,2546,2547,2548,2551,2552,2554],{},"Lynx SVG does not inherit ",[327,2549,2550],{},"currentColor","; trigger slots receive a resolved ",[327,2553,1438],{}," for custom icons.",[1604,2556,2557,2560],{},[327,2558,2559],{},"anchor"," presentation is not implemented yet and falls back to the same sheet behavior.",[1604,2562,2563,2564,628],{},"Empty object values become an empty string, which is not a valid selectable value in the core primitive. Ensure every selectable object has a populated ",[327,2565,1051],{},[319,2567,2569],{"id":2568},"related-components","Related components",[1601,2571,2572,2578,2584,2590],{},[1604,2573,2574,2577],{},[327,2575,2576],{},"Combobox"," for searchable selection.",[1604,2579,2580,2583],{},[327,2581,2582],{},"DropdownMenu"," for action-oriented choices.",[1604,2585,2586,2589],{},[327,2587,2588],{},"ActionSheet"," for actions that do not represent a form value.",[1604,2591,2592,2593,2595],{},"The ",[327,2594,31],{}," select primitives for custom presentations.",[2597,2598,2599],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":349,"searchDepth":356,"depth":389,"links":2601},[2602,2603,2608,2611,2612,2613,2614,2615,2616,2617],{"id":321,"depth":389,"text":322},{"id":341,"depth":389,"text":342,"children":2604},[2605,2606,2607],{"id":616,"depth":417,"text":617},{"id":1044,"depth":417,"text":1045},{"id":1326,"depth":417,"text":1327},{"id":1598,"depth":389,"text":1599,"children":2609},[2610],{"id":1656,"depth":417,"text":1657},{"id":1796,"depth":389,"text":1797},{"id":2189,"depth":389,"text":2190},{"id":2226,"depth":389,"text":2227},{"id":2349,"depth":389,"text":2350},{"id":2520,"depth":389,"text":299},{"id":2532,"depth":389,"text":2533},{"id":2568,"depth":389,"text":2569},"Choose one value from a list presented in a mobile sheet.","md",[2621],{"label":2622,"icon":2623,"to":2624,"target":2625},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FSelect.vue","_blank",{},{"icon":224},{"title":221,"description":2618},"jQ8cYGfl0ovds4ML4r4cvnJD8LbxpglGlujPWWNOQqo",[2631,2633],{"title":216,"path":217,"stem":218,"description":2632,"icon":-1,"children":-1,"navigation":-1},"Headless scroll container primitive with edge thresholds and an optional main-thread bounce\u002Foverscroll system.",{"title":226,"path":227,"stem":228,"description":2634,"icon":-1,"children":-1,"navigation":-1},"Visually divide content with an optional label or icon.",1783464069624]