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