[{"data":1,"prerenderedAt":2728},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Fselect":406,"\u002Fcomponents\u002Fselect-surround":2723},[4,34,51,301,327,332,337],{"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",{"id":407,"title":229,"body":408,"description":2711,"extension":2712,"links":2713,"meta":2719,"navigation":2720,"package":63,"path":230,"seo":2721,"stem":231,"__hash__":2722},"docs\u002F3.components\u002Fselect.md",{"type":409,"value":410,"toc":2693},"minimark",[411,416,427,432,436,699,706,711,722,1135,1139,1150,1417,1421,1689,1693,1747,1751,1887,1891,2268,2280,2284,2314,2317,2321,2434,2440,2444,2453,2587,2611,2614,2620,2623,2627,2659,2663,2689],[412,413,415],"h2",{"id":414},"overview","Overview",[417,418,419,423,424,426],"p",{},[420,421,422],"code",{},"VySelect"," combines the ",[420,425,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.",[428,429],"component-code",{"height":430,"name":431},"240px","select-example",[412,433,435],{"id":434},"usage","Usage",[437,438,443],"pre",{"className":439,"code":440,"language":441,"meta":442,"style":442},"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","",[420,444,445,480,508,528,535,561,604,614,619,629,638,654,669,684,690],{"__ignoreMap":442},[446,447,450,454,458,462,465,468,471,475,477],"span",{"class":448,"line":449},"line",1,[446,451,453],{"class":452},"sMK4o","\u003C",[446,455,457],{"class":456},"swJcz","script",[446,459,461],{"class":460},"spNyl"," setup",[446,463,464],{"class":460}," lang",[446,466,467],{"class":452},"=",[446,469,470],{"class":452},"\"",[446,472,474],{"class":473},"sfazB","ts",[446,476,470],{"class":452},[446,478,479],{"class":452},">\n",[446,481,483,487,490,494,497,500,503,505],{"class":448,"line":482},2,[446,484,486],{"class":485},"s7zQu","import",[446,488,489],{"class":452}," {",[446,491,493],{"class":492},"sTEyZ"," ref",[446,495,496],{"class":452}," }",[446,498,499],{"class":485}," from",[446,501,502],{"class":452}," '",[446,504,441],{"class":473},[446,506,507],{"class":452},"'\n",[446,509,511,513,515,518,520,522,524,526],{"class":448,"line":510},3,[446,512,486],{"class":485},[446,514,489],{"class":452},[446,516,517],{"class":492}," VySelect",[446,519,496],{"class":452},[446,521,499],{"class":485},[446,523,502],{"class":452},[446,525,46],{"class":473},[446,527,507],{"class":452},[446,529,531],{"class":448,"line":530},4,[446,532,534],{"emptyLinePlaceholder":533},true,"\n",[446,536,538,541,544,546,549,551,555,558],{"class":448,"line":537},5,[446,539,540],{"class":460},"const",[446,542,543],{"class":492}," value ",[446,545,467],{"class":452},[446,547,493],{"class":548},"s2Zo4",[446,550,453],{"class":452},[446,552,554],{"class":553},"sBMFI","string",[446,556,557],{"class":452},">",[446,559,560],{"class":492},"()\n",[446,562,564,566,569,571,574,577,580,582,585,587,590,592,594,596,599,601],{"class":448,"line":563},6,[446,565,540],{"class":460},[446,567,568],{"class":492}," items ",[446,570,467],{"class":452},[446,572,573],{"class":492}," [",[446,575,576],{"class":452},"'",[446,578,579],{"class":473},"Vue",[446,581,576],{"class":452},[446,583,584],{"class":452},",",[446,586,502],{"class":452},[446,588,589],{"class":473},"React",[446,591,576],{"class":452},[446,593,584],{"class":452},[446,595,502],{"class":452},[446,597,598],{"class":473},"Svelte",[446,600,576],{"class":452},[446,602,603],{"class":492},"]\n",[446,605,607,610,612],{"class":448,"line":606},7,[446,608,609],{"class":452},"\u003C\u002F",[446,611,457],{"class":456},[446,613,479],{"class":452},[446,615,617],{"class":448,"line":616},8,[446,618,534],{"emptyLinePlaceholder":533},[446,620,622,624,627],{"class":448,"line":621},9,[446,623,453],{"class":452},[446,625,626],{"class":456},"template",[446,628,479],{"class":452},[446,630,632,635],{"class":448,"line":631},10,[446,633,634],{"class":452},"  \u003C",[446,636,637],{"class":456},"VySelect\n",[446,639,641,644,646,648,651],{"class":448,"line":640},11,[446,642,643],{"class":460},"    v-model",[446,645,467],{"class":452},[446,647,470],{"class":452},[446,649,650],{"class":473},"value",[446,652,653],{"class":452},"\"\n",[446,655,657,660,662,664,667],{"class":448,"line":656},12,[446,658,659],{"class":460},"    :items",[446,661,467],{"class":452},[446,663,470],{"class":452},[446,665,666],{"class":473},"items",[446,668,653],{"class":452},[446,670,672,675,677,679,682],{"class":448,"line":671},13,[446,673,674],{"class":460},"    placeholder",[446,676,467],{"class":452},[446,678,470],{"class":452},[446,680,681],{"class":473},"Choose a framework",[446,683,653],{"class":452},[446,685,687],{"class":448,"line":686},14,[446,688,689],{"class":452},"  \u002F>\n",[446,691,693,695,697],{"class":448,"line":692},15,[446,694,609],{"class":452},[446,696,626],{"class":456},[446,698,479],{"class":452},[417,700,701,702,705],{},"Item values are normalized to strings, and ",[420,703,704],{},"modelValue"," is always a string.",[707,708,710],"h3",{"id":709},"object-items-and-groups","Object items and groups",[417,712,713,714,717,718,721],{},"Pass nested arrays to render multiple groups. Structural rows use ",[420,715,716],{},"type: 'label'"," or ",[420,719,720],{},"type: 'separator'",".",[437,723,725],{"className":439,"code":724,"language":441,"meta":442,"style":442},"\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",[420,726,727,747,765,783,787,810,821,826,861,905,935,943,947,976,1006,1047,1054,1059,1068,1073,1082,1126],{"__ignoreMap":442},[446,728,729,731,733,735,737,739,741,743,745],{"class":448,"line":449},[446,730,453],{"class":452},[446,732,457],{"class":456},[446,734,461],{"class":460},[446,736,464],{"class":460},[446,738,467],{"class":452},[446,740,470],{"class":452},[446,742,474],{"class":473},[446,744,470],{"class":452},[446,746,479],{"class":452},[446,748,749,751,753,755,757,759,761,763],{"class":448,"line":482},[446,750,486],{"class":485},[446,752,489],{"class":452},[446,754,493],{"class":492},[446,756,496],{"class":452},[446,758,499],{"class":485},[446,760,502],{"class":452},[446,762,441],{"class":473},[446,764,507],{"class":452},[446,766,767,769,771,773,775,777,779,781],{"class":448,"line":510},[446,768,486],{"class":485},[446,770,489],{"class":452},[446,772,517],{"class":492},[446,774,496],{"class":452},[446,776,499],{"class":485},[446,778,502],{"class":452},[446,780,46],{"class":473},[446,782,507],{"class":452},[446,784,785],{"class":448,"line":530},[446,786,534],{"emptyLinePlaceholder":533},[446,788,789,791,793,795,797,800,802,805,807],{"class":448,"line":537},[446,790,540],{"class":460},[446,792,543],{"class":492},[446,794,467],{"class":452},[446,796,493],{"class":548},[446,798,799],{"class":492},"(",[446,801,576],{"class":452},[446,803,804],{"class":473},"stockholm",[446,806,576],{"class":452},[446,808,809],{"class":492},")\n",[446,811,812,814,816,818],{"class":448,"line":563},[446,813,540],{"class":460},[446,815,568],{"class":492},[446,817,467],{"class":452},[446,819,820],{"class":492}," [\n",[446,822,823],{"class":448,"line":606},[446,824,825],{"class":492},"  [\n",[446,827,828,831,834,837,839,842,844,846,849,851,853,856,858],{"class":448,"line":616},[446,829,830],{"class":452},"    {",[446,832,833],{"class":456}," type",[446,835,836],{"class":452},":",[446,838,502],{"class":452},[446,840,841],{"class":473},"label",[446,843,576],{"class":452},[446,845,584],{"class":452},[446,847,848],{"class":456}," label",[446,850,836],{"class":452},[446,852,502],{"class":452},[446,854,855],{"class":473},"Europe",[446,857,576],{"class":452},[446,859,860],{"class":452}," },\n",[446,862,863,865,867,869,871,874,876,878,881,883,885,887,889,891,894,896,898,901,903],{"class":448,"line":621},[446,864,830],{"class":452},[446,866,848],{"class":456},[446,868,836],{"class":452},[446,870,502],{"class":452},[446,872,873],{"class":473},"Stockholm",[446,875,576],{"class":452},[446,877,584],{"class":452},[446,879,880],{"class":456}," value",[446,882,836],{"class":452},[446,884,502],{"class":452},[446,886,804],{"class":473},[446,888,576],{"class":452},[446,890,584],{"class":452},[446,892,893],{"class":456}," icon",[446,895,836],{"class":452},[446,897,502],{"class":452},[446,899,900],{"class":473},"i-lucide-landmark",[446,902,576],{"class":452},[446,904,860],{"class":452},[446,906,907,909,911,913,915,918,920,922,924,926,928,931,933],{"class":448,"line":631},[446,908,830],{"class":452},[446,910,848],{"class":456},[446,912,836],{"class":452},[446,914,502],{"class":452},[446,916,917],{"class":473},"Lisbon",[446,919,576],{"class":452},[446,921,584],{"class":452},[446,923,880],{"class":456},[446,925,836],{"class":452},[446,927,502],{"class":452},[446,929,930],{"class":473},"lisbon",[446,932,576],{"class":452},[446,934,860],{"class":452},[446,936,937,940],{"class":448,"line":640},[446,938,939],{"class":492},"  ]",[446,941,942],{"class":452},",\n",[446,944,945],{"class":448,"line":656},[446,946,825],{"class":492},[446,948,949,951,953,955,957,959,961,963,965,967,969,972,974],{"class":448,"line":671},[446,950,830],{"class":452},[446,952,833],{"class":456},[446,954,836],{"class":452},[446,956,502],{"class":452},[446,958,841],{"class":473},[446,960,576],{"class":452},[446,962,584],{"class":452},[446,964,848],{"class":456},[446,966,836],{"class":452},[446,968,502],{"class":452},[446,970,971],{"class":473},"Americas",[446,973,576],{"class":452},[446,975,860],{"class":452},[446,977,978,980,982,984,986,989,991,993,995,997,999,1002,1004],{"class":448,"line":686},[446,979,830],{"class":452},[446,981,848],{"class":456},[446,983,836],{"class":452},[446,985,502],{"class":452},[446,987,988],{"class":473},"Toronto",[446,990,576],{"class":452},[446,992,584],{"class":452},[446,994,880],{"class":456},[446,996,836],{"class":452},[446,998,502],{"class":452},[446,1000,1001],{"class":473},"toronto",[446,1003,576],{"class":452},[446,1005,860],{"class":452},[446,1007,1008,1010,1012,1014,1016,1019,1021,1023,1025,1027,1029,1032,1034,1036,1039,1041,1045],{"class":448,"line":692},[446,1009,830],{"class":452},[446,1011,848],{"class":456},[446,1013,836],{"class":452},[446,1015,502],{"class":452},[446,1017,1018],{"class":473},"New York",[446,1020,576],{"class":452},[446,1022,584],{"class":452},[446,1024,880],{"class":456},[446,1026,836],{"class":452},[446,1028,502],{"class":452},[446,1030,1031],{"class":473},"new-york",[446,1033,576],{"class":452},[446,1035,584],{"class":452},[446,1037,1038],{"class":456}," disabled",[446,1040,836],{"class":452},[446,1042,1044],{"class":1043},"sfNiH"," true",[446,1046,860],{"class":452},[446,1048,1050,1052],{"class":448,"line":1049},16,[446,1051,939],{"class":492},[446,1053,942],{"class":452},[446,1055,1057],{"class":448,"line":1056},17,[446,1058,603],{"class":492},[446,1060,1062,1064,1066],{"class":448,"line":1061},18,[446,1063,609],{"class":452},[446,1065,457],{"class":456},[446,1067,479],{"class":452},[446,1069,1071],{"class":448,"line":1070},19,[446,1072,534],{"emptyLinePlaceholder":533},[446,1074,1076,1078,1080],{"class":448,"line":1075},20,[446,1077,453],{"class":452},[446,1079,626],{"class":456},[446,1081,479],{"class":452},[446,1083,1085,1087,1089,1092,1094,1096,1098,1100,1103,1105,1107,1109,1111,1114,1116,1118,1121,1123],{"class":448,"line":1084},21,[446,1086,634],{"class":452},[446,1088,422],{"class":456},[446,1090,1091],{"class":460}," v-model",[446,1093,467],{"class":452},[446,1095,470],{"class":452},[446,1097,650],{"class":473},[446,1099,470],{"class":452},[446,1101,1102],{"class":460}," :items",[446,1104,467],{"class":452},[446,1106,470],{"class":452},[446,1108,666],{"class":473},[446,1110,470],{"class":452},[446,1112,1113],{"class":460}," placeholder",[446,1115,467],{"class":452},[446,1117,470],{"class":452},[446,1119,1120],{"class":473},"Choose a city",[446,1122,470],{"class":452},[446,1124,1125],{"class":452}," \u002F>\n",[446,1127,1129,1131,1133],{"class":448,"line":1128},22,[446,1130,609],{"class":452},[446,1132,626],{"class":456},[446,1134,479],{"class":452},[707,1136,1138],{"id":1137},"custom-keys","Custom keys",[417,1140,1141,1142,1145,1146,1149],{},"Use ",[420,1143,1144],{},"valueKey"," and ",[420,1147,1148],{},"labelKey"," when the object shape comes from an API.",[437,1151,1153],{"className":439,"code":1152,"language":441,"meta":442,"style":442},"\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",[420,1154,1155,1175,1193,1211,1215,1236,1247,1280,1309,1313,1321,1325,1333,1339,1351,1364,1378,1392,1405,1409],{"__ignoreMap":442},[446,1156,1157,1159,1161,1163,1165,1167,1169,1171,1173],{"class":448,"line":449},[446,1158,453],{"class":452},[446,1160,457],{"class":456},[446,1162,461],{"class":460},[446,1164,464],{"class":460},[446,1166,467],{"class":452},[446,1168,470],{"class":452},[446,1170,474],{"class":473},[446,1172,470],{"class":452},[446,1174,479],{"class":452},[446,1176,1177,1179,1181,1183,1185,1187,1189,1191],{"class":448,"line":482},[446,1178,486],{"class":485},[446,1180,489],{"class":452},[446,1182,493],{"class":492},[446,1184,496],{"class":452},[446,1186,499],{"class":485},[446,1188,502],{"class":452},[446,1190,441],{"class":473},[446,1192,507],{"class":452},[446,1194,1195,1197,1199,1201,1203,1205,1207,1209],{"class":448,"line":510},[446,1196,486],{"class":485},[446,1198,489],{"class":452},[446,1200,517],{"class":492},[446,1202,496],{"class":452},[446,1204,499],{"class":485},[446,1206,502],{"class":452},[446,1208,46],{"class":473},[446,1210,507],{"class":452},[446,1212,1213],{"class":448,"line":530},[446,1214,534],{"emptyLinePlaceholder":533},[446,1216,1217,1219,1221,1223,1225,1227,1229,1232,1234],{"class":448,"line":537},[446,1218,540],{"class":460},[446,1220,543],{"class":492},[446,1222,467],{"class":452},[446,1224,493],{"class":548},[446,1226,799],{"class":492},[446,1228,576],{"class":452},[446,1230,1231],{"class":473},"pro",[446,1233,576],{"class":452},[446,1235,809],{"class":492},[446,1237,1238,1240,1243,1245],{"class":448,"line":563},[446,1239,540],{"class":460},[446,1241,1242],{"class":492}," plans ",[446,1244,467],{"class":452},[446,1246,820],{"class":492},[446,1248,1249,1252,1255,1257,1259,1262,1264,1266,1269,1271,1273,1276,1278],{"class":448,"line":606},[446,1250,1251],{"class":452},"  {",[446,1253,1254],{"class":456}," id",[446,1256,836],{"class":452},[446,1258,502],{"class":452},[446,1260,1261],{"class":473},"free",[446,1263,576],{"class":452},[446,1265,584],{"class":452},[446,1267,1268],{"class":456}," name",[446,1270,836],{"class":452},[446,1272,502],{"class":452},[446,1274,1275],{"class":473},"Free",[446,1277,576],{"class":452},[446,1279,860],{"class":452},[446,1281,1282,1284,1286,1288,1290,1292,1294,1296,1298,1300,1302,1305,1307],{"class":448,"line":616},[446,1283,1251],{"class":452},[446,1285,1254],{"class":456},[446,1287,836],{"class":452},[446,1289,502],{"class":452},[446,1291,1231],{"class":473},[446,1293,576],{"class":452},[446,1295,584],{"class":452},[446,1297,1268],{"class":456},[446,1299,836],{"class":452},[446,1301,502],{"class":452},[446,1303,1304],{"class":473},"Pro",[446,1306,576],{"class":452},[446,1308,860],{"class":452},[446,1310,1311],{"class":448,"line":621},[446,1312,603],{"class":492},[446,1314,1315,1317,1319],{"class":448,"line":631},[446,1316,609],{"class":452},[446,1318,457],{"class":456},[446,1320,479],{"class":452},[446,1322,1323],{"class":448,"line":640},[446,1324,534],{"emptyLinePlaceholder":533},[446,1326,1327,1329,1331],{"class":448,"line":656},[446,1328,453],{"class":452},[446,1330,626],{"class":456},[446,1332,479],{"class":452},[446,1334,1335,1337],{"class":448,"line":671},[446,1336,634],{"class":452},[446,1338,637],{"class":456},[446,1340,1341,1343,1345,1347,1349],{"class":448,"line":686},[446,1342,643],{"class":460},[446,1344,467],{"class":452},[446,1346,470],{"class":452},[446,1348,650],{"class":473},[446,1350,653],{"class":452},[446,1352,1353,1355,1357,1359,1362],{"class":448,"line":692},[446,1354,659],{"class":460},[446,1356,467],{"class":452},[446,1358,470],{"class":452},[446,1360,1361],{"class":473},"plans",[446,1363,653],{"class":452},[446,1365,1366,1369,1371,1373,1376],{"class":448,"line":1049},[446,1367,1368],{"class":460},"    value-key",[446,1370,467],{"class":452},[446,1372,470],{"class":452},[446,1374,1375],{"class":473},"id",[446,1377,653],{"class":452},[446,1379,1380,1383,1385,1387,1390],{"class":448,"line":1056},[446,1381,1382],{"class":460},"    label-key",[446,1384,467],{"class":452},[446,1386,470],{"class":452},[446,1388,1389],{"class":473},"name",[446,1391,653],{"class":452},[446,1393,1394,1396,1398,1400,1403],{"class":448,"line":1061},[446,1395,674],{"class":460},[446,1397,467],{"class":452},[446,1399,470],{"class":452},[446,1401,1402],{"class":473},"Choose a plan",[446,1404,653],{"class":452},[446,1406,1407],{"class":448,"line":1070},[446,1408,689],{"class":452},[446,1410,1411,1413,1415],{"class":448,"line":1075},[446,1412,609],{"class":452},[446,1414,626],{"class":456},[446,1416,479],{"class":452},[707,1418,1420],{"id":1419},"custom-trigger-and-rows","Custom trigger and rows",[437,1422,1424],{"className":439,"code":1423,"language":441,"meta":442,"style":442},"\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",[420,1425,1426,1434,1473,1503,1536,1545,1549,1575,1580,1588,1592,1617,1650,1655,1664,1672,1681],{"__ignoreMap":442},[446,1427,1428,1430,1432],{"class":448,"line":449},[446,1429,453],{"class":452},[446,1431,626],{"class":456},[446,1433,479],{"class":452},[446,1435,1436,1438,1440,1442,1444,1446,1448,1450,1452,1454,1456,1458,1460,1462,1464,1466,1469,1471],{"class":448,"line":482},[446,1437,634],{"class":452},[446,1439,422],{"class":456},[446,1441,1091],{"class":460},[446,1443,467],{"class":452},[446,1445,470],{"class":452},[446,1447,650],{"class":473},[446,1449,470],{"class":452},[446,1451,1102],{"class":460},[446,1453,467],{"class":452},[446,1455,470],{"class":452},[446,1457,666],{"class":473},[446,1459,470],{"class":452},[446,1461,1113],{"class":460},[446,1463,467],{"class":452},[446,1465,470],{"class":452},[446,1467,1468],{"class":473},"Choose a person",[446,1470,470],{"class":452},[446,1472,479],{"class":452},[446,1474,1475,1478,1480,1483,1486,1488,1490,1493,1496,1499,1501],{"class":448,"line":510},[446,1476,1477],{"class":452},"    \u003C",[446,1479,626],{"class":456},[446,1481,1482],{"class":452}," #",[446,1484,1485],{"class":460},"leading",[446,1487,467],{"class":452},[446,1489,470],{"class":452},[446,1491,1492],{"class":452},"{",[446,1494,1495],{"class":492}," iconColor ",[446,1497,1498],{"class":452},"}",[446,1500,470],{"class":452},[446,1502,479],{"class":452},[446,1504,1505,1508,1511,1513,1515,1517,1520,1522,1525,1527,1529,1532,1534],{"class":448,"line":530},[446,1506,1507],{"class":452},"      \u003C",[446,1509,1510],{"class":456},"VyIcon",[446,1512,1268],{"class":460},[446,1514,467],{"class":452},[446,1516,470],{"class":452},[446,1518,1519],{"class":473},"i-lucide-user",[446,1521,470],{"class":452},[446,1523,1524],{"class":460}," :color",[446,1526,467],{"class":452},[446,1528,470],{"class":452},[446,1530,1531],{"class":473},"iconColor",[446,1533,470],{"class":452},[446,1535,1125],{"class":452},[446,1537,1538,1541,1543],{"class":448,"line":537},[446,1539,1540],{"class":452},"    \u003C\u002F",[446,1542,626],{"class":456},[446,1544,479],{"class":452},[446,1546,1547],{"class":448,"line":563},[446,1548,534],{"emptyLinePlaceholder":533},[446,1550,1551,1553,1555,1557,1560,1562,1564,1566,1569,1571,1573],{"class":448,"line":606},[446,1552,1477],{"class":452},[446,1554,626],{"class":456},[446,1556,1482],{"class":452},[446,1558,1559],{"class":460},"item-label",[446,1561,467],{"class":452},[446,1563,470],{"class":452},[446,1565,1492],{"class":452},[446,1567,1568],{"class":492}," item ",[446,1570,1498],{"class":452},[446,1572,470],{"class":452},[446,1574,479],{"class":452},[446,1576,1577],{"class":448,"line":616},[446,1578,1579],{"class":492},"      {{ typeof item === 'object' ? item.label : item }}\n",[446,1581,1582,1584,1586],{"class":448,"line":621},[446,1583,1540],{"class":452},[446,1585,626],{"class":456},[446,1587,479],{"class":452},[446,1589,1590],{"class":448,"line":631},[446,1591,534],{"emptyLinePlaceholder":533},[446,1593,1594,1596,1598,1600,1603,1605,1607,1609,1611,1613,1615],{"class":448,"line":640},[446,1595,1477],{"class":452},[446,1597,626],{"class":456},[446,1599,1482],{"class":452},[446,1601,1602],{"class":460},"item-trailing",[446,1604,467],{"class":452},[446,1606,470],{"class":452},[446,1608,1492],{"class":452},[446,1610,1568],{"class":492},[446,1612,1498],{"class":452},[446,1614,470],{"class":452},[446,1616,479],{"class":452},[446,1618,1619,1621,1624,1627,1629,1631,1634,1636,1639,1641,1643,1646,1648],{"class":448,"line":656},[446,1620,1507],{"class":452},[446,1622,1623],{"class":456},"text",[446,1625,1626],{"class":460}," v-if",[446,1628,467],{"class":452},[446,1630,470],{"class":452},[446,1632,1633],{"class":473},"typeof item === 'object' && item.meta",[446,1635,470],{"class":452},[446,1637,1638],{"class":460}," class",[446,1640,467],{"class":452},[446,1642,470],{"class":452},[446,1644,1645],{"class":473},"text-xs text-neutral-400",[446,1647,470],{"class":452},[446,1649,479],{"class":452},[446,1651,1652],{"class":448,"line":671},[446,1653,1654],{"class":492},"        {{ item.meta }}\n",[446,1656,1657,1660,1662],{"class":448,"line":686},[446,1658,1659],{"class":452},"      \u003C\u002F",[446,1661,1623],{"class":456},[446,1663,479],{"class":452},[446,1665,1666,1668,1670],{"class":448,"line":692},[446,1667,1540],{"class":452},[446,1669,626],{"class":456},[446,1671,479],{"class":452},[446,1673,1674,1677,1679],{"class":448,"line":1049},[446,1675,1676],{"class":452},"  \u003C\u002F",[446,1678,422],{"class":456},[446,1680,479],{"class":452},[446,1682,1683,1685,1687],{"class":448,"line":1056},[446,1684,609],{"class":452},[446,1686,626],{"class":456},[446,1688,479],{"class":452},[412,1690,1692],{"id":1691},"features-and-behavior","Features and behavior",[1694,1695,1696,1700,1709,1715,1718,1724,1731,1737],"ul",{},[1697,1698,1699],"li",{},"Tapping the trigger opens a bottom sheet; tapping an enabled item selects it and closes the sheet.",[1697,1701,1702,1704,1705,1708],{},[420,1703,704],{}," controls selection. ",[420,1706,1707],{},"defaultValue"," initializes the core uncontrolled selection.",[1697,1710,1711,1712,721],{},"Primitive numbers and object values are converted with ",[420,1713,1714],{},"String()",[1697,1716,1717],{},"Flat items render as one group. Nested arrays render separate groups.",[1697,1719,1720,1723],{},[420,1721,1722],{},"placeholder"," appears in the empty trigger and as the sheet heading.",[1697,1725,1726,1145,1728,1730],{},[420,1727,716],{},[420,1729,720],{}," object items are structural and cannot be selected.",[1697,1732,1733,1736],{},[420,1734,1735],{},"presentation=\"anchor\""," is accepted for API parity but currently still renders the sheet presentation.",[1697,1738,1739,1740,1742,1743,1746],{},"The trigger's displayed selected label is derived from ",[420,1741,704],{},"; bind ",[420,1744,1745],{},"v-model"," when the selected text must be shown reliably.",[707,1748,1750],{"id":1749},"select-item","Select item",[1752,1753,1754,1773],"table",{},[1755,1756,1757],"thead",{},[1758,1759,1760,1764,1767,1770],"tr",{},[1761,1762,1763],"th",{},"Field",[1761,1765,1766],{},"Type",[1761,1768,1769],{},"Default",[1761,1771,1772],{},"Description",[1774,1775,1776,1795,1814,1830,1850,1870],"tbody",{},[1758,1777,1778,1783,1787,1790],{},[1779,1780,1781],"td",{},[420,1782,841],{},[1779,1784,1785],{},[420,1786,554],{},[1779,1788,1789],{},"—",[1779,1791,1792,1793,721],{},"Display label when using the default ",[420,1794,1148],{},[1758,1796,1797,1801,1806,1808],{},[1779,1798,1799],{},[420,1800,650],{},[1779,1802,1803],{},[420,1804,1805],{},"string | number",[1779,1807,1789],{},[1779,1809,1810,1811,1813],{},"Selectable value when using the default ",[420,1812,1144],{},"; normalized to a string.",[1758,1815,1816,1821,1825,1827],{},[1779,1817,1818],{},[420,1819,1820],{},"icon",[1779,1822,1823],{},[420,1824,554],{},[1779,1826,1789],{},[1779,1828,1829],{},"Leading Iconify icon for a selectable row.",[1758,1831,1832,1837,1842,1847],{},[1779,1833,1834],{},[420,1835,1836],{},"type",[1779,1838,1839],{},[420,1840,1841],{},"'item' | 'label' | 'separator'",[1779,1843,1844],{},[420,1845,1846],{},"'item'",[1779,1848,1849],{},"Selectable or structural row type.",[1758,1851,1852,1857,1862,1867],{},[1779,1853,1854],{},[420,1855,1856],{},"disabled",[1779,1858,1859],{},[420,1860,1861],{},"boolean",[1779,1863,1864],{},[420,1865,1866],{},"false",[1779,1868,1869],{},"Prevents a selectable row from being chosen.",[1758,1871,1872,1877,1882,1884],{},[1779,1873,1874],{},[420,1875,1876],{},"[key: string]",[1779,1878,1879],{},[420,1880,1881],{},"any",[1779,1883,1789],{},[1779,1885,1886],{},"Additional data available to item slots.",[412,1888,1890],{"id":1889},"props","Props",[1752,1892,1893,1906],{},[1755,1894,1895],{},[1758,1896,1897,1900,1902,1904],{},[1761,1898,1899],{},"Prop",[1761,1901,1766],{},[1761,1903,1769],{},[1761,1905,1772],{},[1774,1907,1908,1927,1946,1963,1980,1997,2014,2034,2054,2074,2094,2114,2133,2153,2176,2195,2213,2231,2249],{},[1758,1909,1910,1914,1919,1924],{},[1779,1911,1912],{},[420,1913,666],{},[1779,1915,1916],{},[420,1917,1918],{},"SelectItems",[1779,1920,1921],{},[420,1922,1923],{},"undefined",[1779,1925,1926],{},"Flat or grouped strings, numbers, and object items.",[1758,1928,1929,1933,1937,1941],{},[1779,1930,1931],{},[420,1932,704],{},[1779,1934,1935],{},[420,1936,554],{},[1779,1938,1939],{},[420,1940,1923],{},[1779,1942,1943,1944,721],{},"Controlled selected value used by ",[420,1945,1745],{},[1758,1947,1948,1952,1956,1960],{},[1779,1949,1950],{},[420,1951,1707],{},[1779,1953,1954],{},[420,1955,554],{},[1779,1957,1958],{},[420,1959,1923],{},[1779,1961,1962],{},"Initial value for uncontrolled core selection.",[1758,1964,1965,1969,1973,1977],{},[1779,1966,1967],{},[420,1968,1722],{},[1779,1970,1971],{},[420,1972,554],{},[1779,1974,1975],{},[420,1976,1923],{},[1779,1978,1979],{},"Empty trigger text and sheet title.",[1758,1981,1982,1986,1990,1994],{},[1779,1983,1984],{},[420,1985,1856],{},[1779,1987,1988],{},[420,1989,1861],{},[1779,1991,1992],{},[420,1993,1866],{},[1779,1995,1996],{},"Prevents the trigger from opening.",[1758,1998,1999,2003,2007,2011],{},[1779,2000,2001],{},[420,2002,1389],{},[1779,2004,2005],{},[420,2006,554],{},[1779,2008,2009],{},[420,2010,1923],{},[1779,2012,2013],{},"Name forwarded to the core form control.",[1758,2015,2016,2021,2026,2031],{},[1779,2017,2018],{},[420,2019,2020],{},"color",[1779,2022,2023],{},[420,2024,2025],{},"Color",[1779,2027,2028],{},[420,2029,2030],{},"'primary'",[1779,2032,2033],{},"Semantic trigger border and icon color.",[1758,2035,2036,2041,2046,2051],{},[1779,2037,2038],{},[420,2039,2040],{},"variant",[1779,2042,2043],{},[420,2044,2045],{},"'outline' | 'soft' | 'subtle' | 'ghost' | 'none'",[1779,2047,2048],{},[420,2049,2050],{},"'outline'",[1779,2052,2053],{},"Trigger surface style.",[1758,2055,2056,2061,2066,2071],{},[1779,2057,2058],{},[420,2059,2060],{},"size",[1779,2062,2063],{},[420,2064,2065],{},"'sm' | 'md' | 'lg' | 'xl'",[1779,2067,2068],{},[420,2069,2070],{},"'md'",[1779,2072,2073],{},"Trigger, row, text, and icon scale.",[1758,2075,2076,2081,2085,2089],{},[1779,2077,2078],{},[420,2079,2080],{},"highlight",[1779,2082,2083],{},[420,2084,1861],{},[1779,2086,2087],{},[420,2088,1866],{},[1779,2090,2091,2092,721],{},"Forces a static border using ",[420,2093,2020],{},[1758,2095,2096,2101,2105,2111],{},[1779,2097,2098],{},[420,2099,2100],{},"trailingIcon",[1779,2102,2103],{},[420,2104,554],{},[1779,2106,2107,2108],{},"App icon \u002F ",[420,2109,2110],{},"i-lucide-chevron-down",[1779,2112,2113],{},"Trigger trailing Iconify name.",[1758,2115,2116,2121,2125,2130],{},[1779,2117,2118],{},[420,2119,2120],{},"selectedIcon",[1779,2122,2123],{},[420,2124,554],{},[1779,2126,2107,2127],{},[420,2128,2129],{},"i-lucide-check",[1779,2131,2132],{},"Icon shown on the selected row.",[1758,2134,2135,2140,2145,2150],{},[1779,2136,2137],{},[420,2138,2139],{},"presentation",[1779,2141,2142],{},[420,2143,2144],{},"'sheet' | 'anchor'",[1779,2146,2147],{},[420,2148,2149],{},"'sheet'",[1779,2151,2152],{},"Requested presentation; both values currently use the sheet.",[1758,2154,2155,2160,2165,2170],{},[1779,2156,2157],{},[420,2158,2159],{},"snapPoints",[1779,2161,2162],{},[420,2163,2164],{},"number[]",[1779,2166,2167],{},[420,2168,2169],{},"[0.5]",[1779,2171,2172,2173,721],{},"Sheet snap fractions forwarded to ",[420,2174,2175],{},"SheetRoot",[1758,2177,2178,2183,2187,2192],{},[1779,2179,2180],{},[420,2181,2182],{},"handle",[1779,2184,2185],{},[420,2186,1861],{},[1779,2188,2189],{},[420,2190,2191],{},"true",[1779,2193,2194],{},"Shows the sheet drag handle.",[1758,2196,2197,2201,2205,2210],{},[1779,2198,2199],{},[420,2200,1144],{},[1779,2202,2203],{},[420,2204,554],{},[1779,2206,2207],{},[420,2208,2209],{},"'value'",[1779,2211,2212],{},"Object field read as the item value.",[1758,2214,2215,2219,2223,2228],{},[1779,2216,2217],{},[420,2218,1148],{},[1779,2220,2221],{},[420,2222,554],{},[1779,2224,2225],{},[420,2226,2227],{},"'label'",[1779,2229,2230],{},"Object field read as the item label.",[1758,2232,2233,2238,2242,2246],{},[1779,2234,2235],{},[420,2236,2237],{},"class",[1779,2239,2240],{},[420,2241,1881],{},[1779,2243,2244],{},[420,2245,1923],{},[1779,2247,2248],{},"Classes merged onto the trigger surface.",[1758,2250,2251,2256,2261,2265],{},[1779,2252,2253],{},[420,2254,2255],{},"ui",[1779,2257,2258],{},[420,2259,2260],{},"Partial\u003CRecord\u003CSelectSlot, any>>",[1779,2262,2263],{},[420,2264,1923],{},[1779,2266,2267],{},"Per-instance theme slot overrides.",[417,2269,2270,2272,2273,2276,2277,2279],{},[420,2271,1918],{}," is ",[420,2274,2275],{},"(SelectItem | string | number)[]"," or a nested array of those values. ",[420,2278,2025],{}," supports the default semantic registry and application extensions.",[412,2281,2283],{"id":2282},"emits","Emits",[1752,2285,2286,2298],{},[1755,2287,2288],{},[1758,2289,2290,2293,2296],{},[1761,2291,2292],{},"Event",[1761,2294,2295],{},"Payload",[1761,2297,1772],{},[1774,2299,2300],{},[1758,2301,2302,2307,2311],{},[1779,2303,2304],{},[420,2305,2306],{},"update:modelValue",[1779,2308,2309],{},[420,2310,554],{},[1779,2312,2313],{},"Emitted after an enabled item is selected.",[417,2315,2316],{},"The sheet open state is internal and is not emitted by the kit wrapper.",[412,2318,2320],{"id":2319},"slots","Slots",[1752,2322,2323,2334],{},[1755,2324,2325],{},[1758,2326,2327,2330,2332],{},[1761,2328,2329],{},"Slot",[1761,2331,1890],{},[1761,2333,1772],{},[1774,2335,2336,2351,2365,2379,2394,2408,2421],{},[1758,2337,2338,2343,2348],{},[1779,2339,2340],{},[420,2341,2342],{},"default",[1779,2344,2345],{},[420,2346,2347],{},"{ modelValue?: string, open: boolean }",[1779,2349,2350],{},"Replaces the selected value or placeholder inside the trigger.",[1758,2352,2353,2357,2362],{},[1779,2354,2355],{},[420,2356,1485],{},[1779,2358,2359],{},[420,2360,2361],{},"{ modelValue?: string, open: boolean, iconColor: string }",[1779,2363,2364],{},"Adds leading trigger content.",[1758,2366,2367,2372,2376],{},[1779,2368,2369],{},[420,2370,2371],{},"trailing",[1779,2373,2374],{},[420,2375,2361],{},[1779,2377,2378],{},"Replaces the trailing trigger icon.",[1758,2380,2381,2386,2391],{},[1779,2382,2383],{},[420,2384,2385],{},"item",[1779,2387,2388],{},[420,2389,2390],{},"{ item, index }",[1779,2392,2393],{},"Replaces all built-in content inside a selectable row.",[1758,2395,2396,2401,2405],{},[1779,2397,2398],{},[420,2399,2400],{},"item-leading",[1779,2402,2403],{},[420,2404,2390],{},[1779,2406,2407],{},"Replaces the built-in item icon.",[1758,2409,2410,2414,2418],{},[1779,2411,2412],{},[420,2413,1559],{},[1779,2415,2416],{},[420,2417,2390],{},[1779,2419,2420],{},"Replaces the item label.",[1758,2422,2423,2427,2431],{},[1779,2424,2425],{},[420,2426,1602],{},[1779,2428,2429],{},[420,2430,2390],{},[1779,2432,2433],{},"Adds content before the selected indicator.",[417,2435,2436,2439],{},[420,2437,2438],{},"index"," is the zero-based position within the item's group, not the flattened list.",[412,2441,2443],{"id":2442},"styling-and-theming","Styling and theming",[417,2445,2446,2447,2450,2451,721],{},"Override globally through ",[420,2448,2449],{},"appConfig.ui.select"," or locally with ",[420,2452,2255],{},[1752,2454,2455,2465],{},[1755,2456,2457],{},[1758,2458,2459,2462],{},[1761,2460,2461],{},"UI slot",[1761,2463,2464],{},"Purpose",[1774,2466,2467,2477,2489,2502,2514,2527,2540,2552,2564,2574],{},[1758,2468,2469,2474],{},[1779,2470,2471],{},[420,2472,2473],{},"base",[1779,2475,2476],{},"Trigger surface, spacing, border, and disabled state.",[1758,2478,2479,2486],{},[1779,2480,2481,2483,2484],{},[420,2482,650],{}," \u002F ",[420,2485,1722],{},[1779,2487,2488],{},"Selected and empty trigger text.",[1758,2490,2491,2499],{},[1779,2492,2493,2483,2495,2483,2497],{},[420,2494,1485],{},[420,2496,2371],{},[420,2498,2100],{},[1779,2500,2501],{},"Trigger accessory layout and built-in chevron.",[1758,2503,2504,2511],{},[1779,2505,2506,2483,2509],{},[420,2507,2508],{},"content",[420,2510,2182],{},[1779,2512,2513],{},"Sheet panel and drag handle.",[1758,2515,2516,2524],{},[1779,2517,2518,2483,2521],{},[420,2519,2520],{},"sheetHeader",[420,2522,2523],{},"sheetTitle",[1779,2525,2526],{},"Placeholder-derived sheet heading.",[1758,2528,2529,2537],{},[1779,2530,2531,2483,2534],{},[420,2532,2533],{},"viewport",[420,2535,2536],{},"group",[1779,2538,2539],{},"Scrollable list and group layout.",[1758,2541,2542,2549],{},[1779,2543,2544,2483,2546],{},[420,2545,841],{},[420,2547,2548],{},"separator",[1779,2550,2551],{},"Structural item rows.",[1758,2553,2554,2561],{},[1779,2555,2556,2483,2558],{},[420,2557,2385],{},[420,2559,2560],{},"itemLabel",[1779,2562,2563],{},"Selectable row and text.",[1758,2565,2566,2571],{},[1779,2567,2568],{},[420,2569,2570],{},"itemLeadingIcon",[1779,2572,2573],{},"Built-in item icon.",[1758,2575,2576,2584],{},[1779,2577,2578,2483,2581],{},[420,2579,2580],{},"itemTrailing",[420,2582,2583],{},"itemTrailingIcon",[1779,2585,2586],{},"Trailing content and selected indicator.",[417,2588,2589,2590,2593,2594,2593,2597,2600,2601,2593,2603,2593,2605,2607,2608,2610],{},"The theme also defines reserved ",[420,2591,2592],{},"root",", ",[420,2595,2596],{},"arrow",[420,2598,2599],{},"empty",", avatar, and leading-icon slots that the current template does not render. ",[420,2602,2020],{},[420,2604,2040],{},[420,2606,2060],{},", and ",[420,2609,2080],{}," style the trigger; option rows remain neutral by default.",[412,2612,328],{"id":2613},"accessibility",[417,2615,2616,2617,2619],{},"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 ",[420,2618,2385],{}," slot still includes a clear text label.",[417,2621,2622],{},"The sheet is optimized for touch selection. Test custom rows with VoiceOver and TalkBack, especially when visual metadata is the only distinction between options.",[412,2624,2626],{"id":2625},"platform-notes","Platform notes",[1694,2628,2629,2632,2638,2648,2654],{},[1697,2630,2631],{},"The list is rendered in a native bottom sheet with a dismissible backdrop and a vertically scrollable viewport.",[1697,2633,2634,2635,2637],{},"The default ",[420,2636,2169],{}," snap point opens the picker at half the viewport height.",[1697,2639,2640,2641,2644,2645,2647],{},"Lynx SVG does not inherit ",[420,2642,2643],{},"currentColor","; trigger slots receive a resolved ",[420,2646,1531],{}," for custom icons.",[1697,2649,2650,2653],{},[420,2651,2652],{},"anchor"," presentation is not implemented yet and falls back to the same sheet behavior.",[1697,2655,2656,2657,721],{},"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 ",[420,2658,1144],{},[412,2660,2662],{"id":2661},"related-components","Related components",[1694,2664,2665,2671,2677,2683],{},[1697,2666,2667,2670],{},[420,2668,2669],{},"Combobox"," for searchable selection.",[1697,2672,2673,2676],{},[420,2674,2675],{},"DropdownMenu"," for action-oriented choices.",[1697,2678,2679,2682],{},[420,2680,2681],{},"ActionSheet"," for actions that do not represent a form value.",[1697,2684,2685,2686,2688],{},"The ",[420,2687,41],{}," select primitives for custom presentations.",[2690,2691,2692],"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":442,"searchDepth":449,"depth":482,"links":2694},[2695,2696,2701,2704,2705,2706,2707,2708,2709,2710],{"id":414,"depth":482,"text":415},{"id":434,"depth":482,"text":435,"children":2697},[2698,2699,2700],{"id":709,"depth":510,"text":710},{"id":1137,"depth":510,"text":1138},{"id":1419,"depth":510,"text":1420},{"id":1691,"depth":482,"text":1692,"children":2702},[2703],{"id":1749,"depth":510,"text":1750},{"id":1889,"depth":482,"text":1890},{"id":2282,"depth":482,"text":2283},{"id":2319,"depth":482,"text":2320},{"id":2442,"depth":482,"text":2443},{"id":2613,"depth":482,"text":328},{"id":2625,"depth":482,"text":2626},{"id":2661,"depth":482,"text":2662},"Choose one value from a list presented in a mobile sheet.","md",[2714],{"label":2715,"icon":2716,"to":2717,"target":2718},"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":2711},"jQ8cYGfl0ovds4ML4r4cvnJD8LbxpglGlujPWWNOQqo",[2724,2726],{"title":224,"path":225,"stem":226,"description":2725,"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":2727,"icon":-1,"children":-1,"navigation":-1},"Visually divide content with an optional label or icon.",1783534410814]