[{"data":1,"prerenderedAt":2653},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Fswitch":406,"\u002Fcomponents\u002Fswitch-surround":2648},[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":272,"body":408,"description":2637,"extension":2414,"links":2638,"meta":2644,"navigation":2645,"package":63,"path":273,"seo":2646,"stem":274,"__hash__":2647},"docs\u002F3.components\u002Fswitch.md",{"type":409,"value":410,"toc":2617},"minimark",[411,416,427,432,436,440,658,668,673,676,1057,1060,1071,1156,1159,1163,1170,1591,1601,1605,1608,1699,1703,1708,1768,1772,1840,1844,2163,2188,2192,2222,2226,2264,2268,2277,2362,2366,2505,2512,2515,2518,2544,2547,2551,2591,2595,2613],[412,413,415],"h2",{"id":414},"overview","Overview",[417,418,419,423,424,426],"p",{},[420,421,422],"code",{},"VySwitch"," is a styled boolean control built on the ",[420,425,41],{}," switch primitives. It supports labels, descriptions, semantic colors, four sizes, checked and unchecked icons, loading state, disabled state, and a static highlight ring.",[428,429],"component-code",{"height":430,"name":431},"120px","switch-example",[428,433],{"height":434,"name":435},"160px","switch-colors",[412,437,439],{"id":438},"usage","Usage",[441,442,447],"pre",{"className":443,"code":444,"language":445,"meta":446,"style":446},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { VySwitch } from '@vyui\u002Fkit'\n\nconst notifications = ref(true)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVySwitch\n    v-model=\"notifications\"\n    label=\"Push notifications\"\n    description=\"Receive alerts for messages and account activity.\"\n  \u002F>\n\u003C\u002Ftemplate>\n","vue","",[420,448,449,484,512,532,539,563,573,578,588,597,613,628,643,649],{"__ignoreMap":446},[450,451,454,458,462,466,469,472,475,479,481],"span",{"class":452,"line":453},"line",1,[450,455,457],{"class":456},"sMK4o","\u003C",[450,459,461],{"class":460},"swJcz","script",[450,463,465],{"class":464},"spNyl"," setup",[450,467,468],{"class":464}," lang",[450,470,471],{"class":456},"=",[450,473,474],{"class":456},"\"",[450,476,478],{"class":477},"sfazB","ts",[450,480,474],{"class":456},[450,482,483],{"class":456},">\n",[450,485,487,491,494,498,501,504,507,509],{"class":452,"line":486},2,[450,488,490],{"class":489},"s7zQu","import",[450,492,493],{"class":456}," {",[450,495,497],{"class":496},"sTEyZ"," ref",[450,499,500],{"class":456}," }",[450,502,503],{"class":489}," from",[450,505,506],{"class":456}," '",[450,508,445],{"class":477},[450,510,511],{"class":456},"'\n",[450,513,515,517,519,522,524,526,528,530],{"class":452,"line":514},3,[450,516,490],{"class":489},[450,518,493],{"class":456},[450,520,521],{"class":496}," VySwitch",[450,523,500],{"class":456},[450,525,503],{"class":489},[450,527,506],{"class":456},[450,529,46],{"class":477},[450,531,511],{"class":456},[450,533,535],{"class":452,"line":534},4,[450,536,538],{"emptyLinePlaceholder":537},true,"\n",[450,540,542,545,548,550,553,556,560],{"class":452,"line":541},5,[450,543,544],{"class":464},"const",[450,546,547],{"class":496}," notifications ",[450,549,471],{"class":456},[450,551,497],{"class":552},"s2Zo4",[450,554,555],{"class":496},"(",[450,557,559],{"class":558},"sfNiH","true",[450,561,562],{"class":496},")\n",[450,564,566,569,571],{"class":452,"line":565},6,[450,567,568],{"class":456},"\u003C\u002F",[450,570,461],{"class":460},[450,572,483],{"class":456},[450,574,576],{"class":452,"line":575},7,[450,577,538],{"emptyLinePlaceholder":537},[450,579,581,583,586],{"class":452,"line":580},8,[450,582,457],{"class":456},[450,584,585],{"class":460},"template",[450,587,483],{"class":456},[450,589,591,594],{"class":452,"line":590},9,[450,592,593],{"class":456},"  \u003C",[450,595,596],{"class":460},"VySwitch\n",[450,598,600,603,605,607,610],{"class":452,"line":599},10,[450,601,602],{"class":464},"    v-model",[450,604,471],{"class":456},[450,606,474],{"class":456},[450,608,609],{"class":477},"notifications",[450,611,612],{"class":456},"\"\n",[450,614,616,619,621,623,626],{"class":452,"line":615},11,[450,617,618],{"class":464},"    label",[450,620,471],{"class":456},[450,622,474],{"class":456},[450,624,625],{"class":477},"Push notifications",[450,627,612],{"class":456},[450,629,631,634,636,638,641],{"class":452,"line":630},12,[450,632,633],{"class":464},"    description",[450,635,471],{"class":456},[450,637,474],{"class":456},[450,639,640],{"class":477},"Receive alerts for messages and account activity.",[450,642,612],{"class":456},[450,644,646],{"class":452,"line":645},13,[450,647,648],{"class":456},"  \u002F>\n",[450,650,652,654,656],{"class":452,"line":651},14,[450,653,568],{"class":456},[450,655,585],{"class":460},[450,657,483],{"class":456},[417,659,660,663,664,667],{},[420,661,662],{},"v-model"," is boolean. The component defaults to ",[420,665,666],{},"false"," when no value is supplied.",[669,670,672],"h3",{"id":671},"settings-list","Settings list",[417,674,675],{},"Keep each switch bound to the setting it changes. The surrounding row can provide visual grouping, but the switch itself is the interactive control.",[441,677,679],{"className":443,"code":678,"language":445,"meta":446,"style":446},"\u003Cscript setup lang=\"ts\">\nimport { reactive } from 'vue'\nimport { VySwitch } from '@vyui\u002Fkit'\n\nconst preferences = reactive({\n  mentions: true,\n  marketing: false,\n  analytics: true,\n})\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cview class=\"gap-4 rounded-2xl bg-white p-4\">\n    \u003CVySwitch\n      v-model=\"preferences.mentions\"\n      label=\"Mentions\"\n      description=\"Notify me when someone mentions my name.\"\n    \u002F>\n    \u003CVySwitch\n      v-model=\"preferences.marketing\"\n      label=\"Product news\"\n      description=\"Occasional announcements and release notes.\"\n      color=\"secondary\"\n    \u002F>\n    \u003CVySwitch\n      v-model=\"preferences.analytics\"\n      label=\"Usage analytics\"\n      description=\"Share anonymous diagnostics to improve the app.\"\n      color=\"success\"\n    \u002F>\n  \u003C\u002Fview>\n\u003C\u002Ftemplate>\n",[420,680,681,701,720,738,742,758,772,784,795,802,810,814,822,843,850,865,880,895,901,908,922,936,950,965,970,977,991,1005,1019,1033,1038,1048],{"__ignoreMap":446},[450,682,683,685,687,689,691,693,695,697,699],{"class":452,"line":453},[450,684,457],{"class":456},[450,686,461],{"class":460},[450,688,465],{"class":464},[450,690,468],{"class":464},[450,692,471],{"class":456},[450,694,474],{"class":456},[450,696,478],{"class":477},[450,698,474],{"class":456},[450,700,483],{"class":456},[450,702,703,705,707,710,712,714,716,718],{"class":452,"line":486},[450,704,490],{"class":489},[450,706,493],{"class":456},[450,708,709],{"class":496}," reactive",[450,711,500],{"class":456},[450,713,503],{"class":489},[450,715,506],{"class":456},[450,717,445],{"class":477},[450,719,511],{"class":456},[450,721,722,724,726,728,730,732,734,736],{"class":452,"line":514},[450,723,490],{"class":489},[450,725,493],{"class":456},[450,727,521],{"class":496},[450,729,500],{"class":456},[450,731,503],{"class":489},[450,733,506],{"class":456},[450,735,46],{"class":477},[450,737,511],{"class":456},[450,739,740],{"class":452,"line":534},[450,741,538],{"emptyLinePlaceholder":537},[450,743,744,746,749,751,753,755],{"class":452,"line":541},[450,745,544],{"class":464},[450,747,748],{"class":496}," preferences ",[450,750,471],{"class":456},[450,752,709],{"class":552},[450,754,555],{"class":496},[450,756,757],{"class":456},"{\n",[450,759,760,763,766,769],{"class":452,"line":565},[450,761,762],{"class":460},"  mentions",[450,764,765],{"class":456},":",[450,767,768],{"class":558}," true",[450,770,771],{"class":456},",\n",[450,773,774,777,779,782],{"class":452,"line":575},[450,775,776],{"class":460},"  marketing",[450,778,765],{"class":456},[450,780,781],{"class":558}," false",[450,783,771],{"class":456},[450,785,786,789,791,793],{"class":452,"line":580},[450,787,788],{"class":460},"  analytics",[450,790,765],{"class":456},[450,792,768],{"class":558},[450,794,771],{"class":456},[450,796,797,800],{"class":452,"line":590},[450,798,799],{"class":456},"}",[450,801,562],{"class":496},[450,803,804,806,808],{"class":452,"line":599},[450,805,568],{"class":456},[450,807,461],{"class":460},[450,809,483],{"class":456},[450,811,812],{"class":452,"line":615},[450,813,538],{"emptyLinePlaceholder":537},[450,815,816,818,820],{"class":452,"line":630},[450,817,457],{"class":456},[450,819,585],{"class":460},[450,821,483],{"class":456},[450,823,824,826,829,832,834,836,839,841],{"class":452,"line":645},[450,825,593],{"class":456},[450,827,828],{"class":460},"view",[450,830,831],{"class":464}," class",[450,833,471],{"class":456},[450,835,474],{"class":456},[450,837,838],{"class":477},"gap-4 rounded-2xl bg-white p-4",[450,840,474],{"class":456},[450,842,483],{"class":456},[450,844,845,848],{"class":452,"line":651},[450,846,847],{"class":456},"    \u003C",[450,849,596],{"class":460},[450,851,853,856,858,860,863],{"class":452,"line":852},15,[450,854,855],{"class":464},"      v-model",[450,857,471],{"class":456},[450,859,474],{"class":456},[450,861,862],{"class":477},"preferences.mentions",[450,864,612],{"class":456},[450,866,868,871,873,875,878],{"class":452,"line":867},16,[450,869,870],{"class":464},"      label",[450,872,471],{"class":456},[450,874,474],{"class":456},[450,876,877],{"class":477},"Mentions",[450,879,612],{"class":456},[450,881,883,886,888,890,893],{"class":452,"line":882},17,[450,884,885],{"class":464},"      description",[450,887,471],{"class":456},[450,889,474],{"class":456},[450,891,892],{"class":477},"Notify me when someone mentions my name.",[450,894,612],{"class":456},[450,896,898],{"class":452,"line":897},18,[450,899,900],{"class":456},"    \u002F>\n",[450,902,904,906],{"class":452,"line":903},19,[450,905,847],{"class":456},[450,907,596],{"class":460},[450,909,911,913,915,917,920],{"class":452,"line":910},20,[450,912,855],{"class":464},[450,914,471],{"class":456},[450,916,474],{"class":456},[450,918,919],{"class":477},"preferences.marketing",[450,921,612],{"class":456},[450,923,925,927,929,931,934],{"class":452,"line":924},21,[450,926,870],{"class":464},[450,928,471],{"class":456},[450,930,474],{"class":456},[450,932,933],{"class":477},"Product news",[450,935,612],{"class":456},[450,937,939,941,943,945,948],{"class":452,"line":938},22,[450,940,885],{"class":464},[450,942,471],{"class":456},[450,944,474],{"class":456},[450,946,947],{"class":477},"Occasional announcements and release notes.",[450,949,612],{"class":456},[450,951,953,956,958,960,963],{"class":452,"line":952},23,[450,954,955],{"class":464},"      color",[450,957,471],{"class":456},[450,959,474],{"class":456},[450,961,962],{"class":477},"secondary",[450,964,612],{"class":456},[450,966,968],{"class":452,"line":967},24,[450,969,900],{"class":456},[450,971,973,975],{"class":452,"line":972},25,[450,974,847],{"class":456},[450,976,596],{"class":460},[450,978,980,982,984,986,989],{"class":452,"line":979},26,[450,981,855],{"class":464},[450,983,471],{"class":456},[450,985,474],{"class":456},[450,987,988],{"class":477},"preferences.analytics",[450,990,612],{"class":456},[450,992,994,996,998,1000,1003],{"class":452,"line":993},27,[450,995,870],{"class":464},[450,997,471],{"class":456},[450,999,474],{"class":456},[450,1001,1002],{"class":477},"Usage analytics",[450,1004,612],{"class":456},[450,1006,1008,1010,1012,1014,1017],{"class":452,"line":1007},28,[450,1009,885],{"class":464},[450,1011,471],{"class":456},[450,1013,474],{"class":456},[450,1015,1016],{"class":477},"Share anonymous diagnostics to improve the app.",[450,1018,612],{"class":456},[450,1020,1022,1024,1026,1028,1031],{"class":452,"line":1021},29,[450,1023,955],{"class":464},[450,1025,471],{"class":456},[450,1027,474],{"class":456},[450,1029,1030],{"class":477},"success",[450,1032,612],{"class":456},[450,1034,1036],{"class":452,"line":1035},30,[450,1037,900],{"class":456},[450,1039,1041,1044,1046],{"class":452,"line":1040},31,[450,1042,1043],{"class":456},"  \u003C\u002F",[450,1045,828],{"class":460},[450,1047,483],{"class":456},[450,1049,1051,1053,1055],{"class":452,"line":1050},32,[450,1052,568],{"class":456},[450,1054,585],{"class":460},[450,1056,483],{"class":456},[669,1058,19],{"id":1059},"icons",[417,1061,1062,1063,1066,1067,1070],{},"Use ",[420,1064,1065],{},"checkedIcon"," and ",[420,1068,1069],{},"uncheckedIcon"," for compact state reinforcement. Icons render inside the thumb.",[441,1072,1074],{"className":443,"code":1073,"language":445,"meta":446,"style":446},"\u003CVySwitch\n  v-model=\"darkMode\"\n  label=\"Dark appearance\"\n  checked-icon=\"i-lucide-moon\"\n  unchecked-icon=\"i-lucide-sun\"\n  size=\"lg\"\n\u002F>\n",[420,1075,1076,1082,1096,1110,1123,1137,1151],{"__ignoreMap":446},[450,1077,1078,1080],{"class":452,"line":453},[450,1079,457],{"class":456},[450,1081,596],{"class":460},[450,1083,1084,1087,1089,1091,1094],{"class":452,"line":486},[450,1085,1086],{"class":464},"  v-model",[450,1088,471],{"class":456},[450,1090,474],{"class":456},[450,1092,1093],{"class":496},"darkMode",[450,1095,612],{"class":456},[450,1097,1098,1101,1103,1105,1108],{"class":452,"line":514},[450,1099,1100],{"class":464},"  label",[450,1102,471],{"class":456},[450,1104,474],{"class":456},[450,1106,1107],{"class":477},"Dark appearance",[450,1109,612],{"class":456},[450,1111,1112,1115,1117,1119,1121],{"class":452,"line":534},[450,1113,1114],{"class":464},"  checked-icon",[450,1116,471],{"class":456},[450,1118,474],{"class":456},[450,1120,321],{"class":477},[450,1122,612],{"class":456},[450,1124,1125,1128,1130,1132,1135],{"class":452,"line":541},[450,1126,1127],{"class":464},"  unchecked-icon",[450,1129,471],{"class":456},[450,1131,474],{"class":456},[450,1133,1134],{"class":477},"i-lucide-sun",[450,1136,612],{"class":456},[450,1138,1139,1142,1144,1146,1149],{"class":452,"line":565},[450,1140,1141],{"class":464},"  size",[450,1143,471],{"class":456},[450,1145,474],{"class":456},[450,1147,1148],{"class":477},"lg",[450,1150,612],{"class":456},[450,1152,1153],{"class":452,"line":575},[450,1154,1155],{"class":496},"\u002F>\n",[417,1157,1158],{},"Icons should reinforce the state rather than replace the visible label.",[669,1160,1162],{"id":1161},"loading-state","Loading state",[417,1164,1165,1166,1169],{},"Set ",[420,1167,1168],{},"loading"," while a remote preference is being saved. This changes the thumb icon but does not disable interaction by itself.",[441,1171,1173],{"className":443,"code":1172,"language":445,"meta":446,"style":446},"\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { VySwitch } from '@vyui\u002Fkit'\n\nconst enabled = ref(false)\nconst saving = ref(false)\n\nasync function savePreference(value: boolean) {\n  saving.value = true\n\n  try {\n    await fetch('https:\u002F\u002Fapi.example.com\u002Fpreferences\u002Fcellular-sync', {\n      method: 'PUT',\n      headers: { 'content-type': 'application\u002Fjson' },\n      body: JSON.stringify({ enabled: value }),\n    })\n  }\n  finally {\n    saving.value = false\n  }\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVySwitch\n    v-model=\"enabled\"\n    label=\"Sync over cellular\"\n    description=\"Use mobile data when Wi-Fi is unavailable.\"\n    :loading=\"saving\"\n    :disabled=\"saving\"\n    @update:model-value=\"savePreference\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[420,1174,1175,1195,1213,1231,1235,1252,1269,1273,1302,1318,1322,1329,1352,1368,1396,1430,1437,1442,1449,1463,1467,1472,1480,1484,1492,1498,1511,1524,1537,1551,1564,1578,1582],{"__ignoreMap":446},[450,1176,1177,1179,1181,1183,1185,1187,1189,1191,1193],{"class":452,"line":453},[450,1178,457],{"class":456},[450,1180,461],{"class":460},[450,1182,465],{"class":464},[450,1184,468],{"class":464},[450,1186,471],{"class":456},[450,1188,474],{"class":456},[450,1190,478],{"class":477},[450,1192,474],{"class":456},[450,1194,483],{"class":456},[450,1196,1197,1199,1201,1203,1205,1207,1209,1211],{"class":452,"line":486},[450,1198,490],{"class":489},[450,1200,493],{"class":456},[450,1202,497],{"class":496},[450,1204,500],{"class":456},[450,1206,503],{"class":489},[450,1208,506],{"class":456},[450,1210,445],{"class":477},[450,1212,511],{"class":456},[450,1214,1215,1217,1219,1221,1223,1225,1227,1229],{"class":452,"line":514},[450,1216,490],{"class":489},[450,1218,493],{"class":456},[450,1220,521],{"class":496},[450,1222,500],{"class":456},[450,1224,503],{"class":489},[450,1226,506],{"class":456},[450,1228,46],{"class":477},[450,1230,511],{"class":456},[450,1232,1233],{"class":452,"line":534},[450,1234,538],{"emptyLinePlaceholder":537},[450,1236,1237,1239,1242,1244,1246,1248,1250],{"class":452,"line":541},[450,1238,544],{"class":464},[450,1240,1241],{"class":496}," enabled ",[450,1243,471],{"class":456},[450,1245,497],{"class":552},[450,1247,555],{"class":496},[450,1249,666],{"class":558},[450,1251,562],{"class":496},[450,1253,1254,1256,1259,1261,1263,1265,1267],{"class":452,"line":565},[450,1255,544],{"class":464},[450,1257,1258],{"class":496}," saving ",[450,1260,471],{"class":456},[450,1262,497],{"class":552},[450,1264,555],{"class":496},[450,1266,666],{"class":558},[450,1268,562],{"class":496},[450,1270,1271],{"class":452,"line":575},[450,1272,538],{"emptyLinePlaceholder":537},[450,1274,1275,1278,1281,1284,1286,1290,1292,1296,1299],{"class":452,"line":580},[450,1276,1277],{"class":464},"async",[450,1279,1280],{"class":464}," function",[450,1282,1283],{"class":552}," savePreference",[450,1285,555],{"class":456},[450,1287,1289],{"class":1288},"sHdIc","value",[450,1291,765],{"class":456},[450,1293,1295],{"class":1294},"sBMFI"," boolean",[450,1297,1298],{"class":456},")",[450,1300,1301],{"class":456}," {\n",[450,1303,1304,1307,1310,1312,1315],{"class":452,"line":590},[450,1305,1306],{"class":496},"  saving",[450,1308,1309],{"class":456},".",[450,1311,1289],{"class":496},[450,1313,1314],{"class":456}," =",[450,1316,1317],{"class":558}," true\n",[450,1319,1320],{"class":452,"line":599},[450,1321,538],{"emptyLinePlaceholder":537},[450,1323,1324,1327],{"class":452,"line":615},[450,1325,1326],{"class":489},"  try",[450,1328,1301],{"class":456},[450,1330,1331,1334,1337,1339,1342,1345,1347,1350],{"class":452,"line":630},[450,1332,1333],{"class":489},"    await",[450,1335,1336],{"class":552}," fetch",[450,1338,555],{"class":460},[450,1340,1341],{"class":456},"'",[450,1343,1344],{"class":477},"https:\u002F\u002Fapi.example.com\u002Fpreferences\u002Fcellular-sync",[450,1346,1341],{"class":456},[450,1348,1349],{"class":456},",",[450,1351,1301],{"class":456},[450,1353,1354,1357,1359,1361,1364,1366],{"class":452,"line":645},[450,1355,1356],{"class":460},"      method",[450,1358,765],{"class":456},[450,1360,506],{"class":456},[450,1362,1363],{"class":477},"PUT",[450,1365,1341],{"class":456},[450,1367,771],{"class":456},[450,1369,1370,1373,1375,1377,1379,1382,1384,1386,1388,1391,1393],{"class":452,"line":651},[450,1371,1372],{"class":460},"      headers",[450,1374,765],{"class":456},[450,1376,493],{"class":456},[450,1378,506],{"class":456},[450,1380,1381],{"class":460},"content-type",[450,1383,1341],{"class":456},[450,1385,765],{"class":456},[450,1387,506],{"class":456},[450,1389,1390],{"class":477},"application\u002Fjson",[450,1392,1341],{"class":456},[450,1394,1395],{"class":456}," },\n",[450,1397,1398,1401,1403,1406,1408,1411,1413,1416,1419,1421,1424,1426,1428],{"class":452,"line":852},[450,1399,1400],{"class":460},"      body",[450,1402,765],{"class":456},[450,1404,1405],{"class":496}," JSON",[450,1407,1309],{"class":456},[450,1409,1410],{"class":552},"stringify",[450,1412,555],{"class":460},[450,1414,1415],{"class":456},"{",[450,1417,1418],{"class":460}," enabled",[450,1420,765],{"class":456},[450,1422,1423],{"class":496}," value",[450,1425,500],{"class":456},[450,1427,1298],{"class":460},[450,1429,771],{"class":456},[450,1431,1432,1435],{"class":452,"line":867},[450,1433,1434],{"class":456},"    }",[450,1436,562],{"class":460},[450,1438,1439],{"class":452,"line":882},[450,1440,1441],{"class":456},"  }\n",[450,1443,1444,1447],{"class":452,"line":897},[450,1445,1446],{"class":489},"  finally",[450,1448,1301],{"class":456},[450,1450,1451,1454,1456,1458,1460],{"class":452,"line":903},[450,1452,1453],{"class":496},"    saving",[450,1455,1309],{"class":456},[450,1457,1289],{"class":496},[450,1459,1314],{"class":456},[450,1461,1462],{"class":558}," false\n",[450,1464,1465],{"class":452,"line":910},[450,1466,1441],{"class":456},[450,1468,1469],{"class":452,"line":924},[450,1470,1471],{"class":456},"}\n",[450,1473,1474,1476,1478],{"class":452,"line":938},[450,1475,568],{"class":456},[450,1477,461],{"class":460},[450,1479,483],{"class":456},[450,1481,1482],{"class":452,"line":952},[450,1483,538],{"emptyLinePlaceholder":537},[450,1485,1486,1488,1490],{"class":452,"line":967},[450,1487,457],{"class":456},[450,1489,585],{"class":460},[450,1491,483],{"class":456},[450,1493,1494,1496],{"class":452,"line":972},[450,1495,593],{"class":456},[450,1497,596],{"class":460},[450,1499,1500,1502,1504,1506,1509],{"class":452,"line":979},[450,1501,602],{"class":464},[450,1503,471],{"class":456},[450,1505,474],{"class":456},[450,1507,1508],{"class":477},"enabled",[450,1510,612],{"class":456},[450,1512,1513,1515,1517,1519,1522],{"class":452,"line":993},[450,1514,618],{"class":464},[450,1516,471],{"class":456},[450,1518,474],{"class":456},[450,1520,1521],{"class":477},"Sync over cellular",[450,1523,612],{"class":456},[450,1525,1526,1528,1530,1532,1535],{"class":452,"line":1007},[450,1527,633],{"class":464},[450,1529,471],{"class":456},[450,1531,474],{"class":456},[450,1533,1534],{"class":477},"Use mobile data when Wi-Fi is unavailable.",[450,1536,612],{"class":456},[450,1538,1539,1542,1544,1546,1549],{"class":452,"line":1021},[450,1540,1541],{"class":464},"    :loading",[450,1543,471],{"class":456},[450,1545,474],{"class":456},[450,1547,1548],{"class":477},"saving",[450,1550,612],{"class":456},[450,1552,1553,1556,1558,1560,1562],{"class":452,"line":1035},[450,1554,1555],{"class":464},"    :disabled",[450,1557,471],{"class":456},[450,1559,474],{"class":456},[450,1561,1548],{"class":477},[450,1563,612],{"class":456},[450,1565,1566,1569,1571,1573,1576],{"class":452,"line":1040},[450,1567,1568],{"class":464},"    @update:model-value",[450,1570,471],{"class":456},[450,1572,474],{"class":456},[450,1574,1575],{"class":477},"savePreference",[450,1577,612],{"class":456},[450,1579,1580],{"class":452,"line":1050},[450,1581,648],{"class":456},[450,1583,1585,1587,1589],{"class":452,"line":1584},33,[450,1586,568],{"class":456},[450,1588,585],{"class":460},[450,1590,483],{"class":456},[417,1592,1593,1594,1596,1597,1600],{},"Combine ",[420,1595,1168],{}," with ",[420,1598,1599],{},"disabled"," when another tap should not be accepted while the request is pending.",[669,1602,1604],{"id":1603},"custom-label-and-description","Custom label and description",[417,1606,1607],{},"Slots replace their corresponding text props and do not receive slot props.",[441,1609,1611],{"className":443,"code":1610,"language":445,"meta":446,"style":446},"\u003CVySwitch v-model=\"automaticUpdates\">\n  \u003Ctemplate #label>\n    \u003Cview class=\"flex flex-row items-center gap-2\">\n      \u003Ctext class=\"font-medium text-neutral-900\">Automatic updates\u003C\u002Ftext>\n      \u003CVyBadge label=\"Recommended\" color=\"success\" size=\"sm\" \u002F>\n    \u003C\u002Fview>\n  \u003C\u002Ftemplate>\n\n  \u003Ctemplate #description>\n    \u003Ctext class=\"text-xs text-neutral-500\">\n      Download updates while the device is charging.\n    \u003C\u002Ftext>\n  \u003C\u002Ftemplate>\n\u003C\u002FVySwitch>\n",[420,1612,1613,1633,1638,1643,1648,1653,1658,1663,1667,1672,1677,1682,1687,1691],{"__ignoreMap":446},[450,1614,1615,1617,1619,1622,1624,1626,1629,1631],{"class":452,"line":453},[450,1616,457],{"class":456},[450,1618,422],{"class":460},[450,1620,1621],{"class":464}," v-model",[450,1623,471],{"class":456},[450,1625,474],{"class":456},[450,1627,1628],{"class":496},"automaticUpdates",[450,1630,474],{"class":456},[450,1632,483],{"class":456},[450,1634,1635],{"class":452,"line":486},[450,1636,1637],{"class":496},"  \u003Ctemplate #label>\n",[450,1639,1640],{"class":452,"line":514},[450,1641,1642],{"class":496},"    \u003Cview class=\"flex flex-row items-center gap-2\">\n",[450,1644,1645],{"class":452,"line":534},[450,1646,1647],{"class":496},"      \u003Ctext class=\"font-medium text-neutral-900\">Automatic updates\u003C\u002Ftext>\n",[450,1649,1650],{"class":452,"line":541},[450,1651,1652],{"class":496},"      \u003CVyBadge label=\"Recommended\" color=\"success\" size=\"sm\" \u002F>\n",[450,1654,1655],{"class":452,"line":565},[450,1656,1657],{"class":496},"    \u003C\u002Fview>\n",[450,1659,1660],{"class":452,"line":575},[450,1661,1662],{"class":496},"  \u003C\u002Ftemplate>\n",[450,1664,1665],{"class":452,"line":580},[450,1666,538],{"emptyLinePlaceholder":537},[450,1668,1669],{"class":452,"line":590},[450,1670,1671],{"class":496},"  \u003Ctemplate #description>\n",[450,1673,1674],{"class":452,"line":599},[450,1675,1676],{"class":496},"    \u003Ctext class=\"text-xs text-neutral-500\">\n",[450,1678,1679],{"class":452,"line":615},[450,1680,1681],{"class":496},"      Download updates while the device is charging.\n",[450,1683,1684],{"class":452,"line":630},[450,1685,1686],{"class":496},"    \u003C\u002Ftext>\n",[450,1688,1689],{"class":452,"line":645},[450,1690,1662],{"class":496},[450,1692,1693,1695,1697],{"class":452,"line":651},[450,1694,568],{"class":456},[450,1696,422],{"class":460},[450,1698,483],{"class":456},[669,1700,1702],{"id":1701},"highlight","Highlight",[417,1704,1705,1707],{},[420,1706,1701],{}," paints a persistent border in the selected semantic color. It is not a focus or validation state.",[441,1709,1711],{"className":443,"code":1710,"language":445,"meta":446,"style":446},"\u003CVySwitch\n  v-model=\"requiredSetting\"\n  label=\"Required security setting\"\n  color=\"warning\"\n  highlight\n\u002F>\n",[420,1712,1713,1719,1732,1745,1759,1764],{"__ignoreMap":446},[450,1714,1715,1717],{"class":452,"line":453},[450,1716,457],{"class":456},[450,1718,596],{"class":460},[450,1720,1721,1723,1725,1727,1730],{"class":452,"line":486},[450,1722,1086],{"class":464},[450,1724,471],{"class":456},[450,1726,474],{"class":456},[450,1728,1729],{"class":496},"requiredSetting",[450,1731,612],{"class":456},[450,1733,1734,1736,1738,1740,1743],{"class":452,"line":514},[450,1735,1100],{"class":464},[450,1737,471],{"class":456},[450,1739,474],{"class":456},[450,1741,1742],{"class":477},"Required security setting",[450,1744,612],{"class":456},[450,1746,1747,1750,1752,1754,1757],{"class":452,"line":534},[450,1748,1749],{"class":464},"  color",[450,1751,471],{"class":456},[450,1753,474],{"class":456},[450,1755,1756],{"class":477},"warning",[450,1758,612],{"class":456},[450,1760,1761],{"class":452,"line":541},[450,1762,1763],{"class":464},"  highlight\n",[450,1765,1766],{"class":452,"line":565},[450,1767,1155],{"class":496},[412,1769,1771],{"id":1770},"features-and-behavior","Features and behavior",[1773,1774,1775,1783,1786,1791,1804,1817,1826],"ul",{},[1776,1777,1778,1779,1782],"li",{},"Tapping the switch rail toggles ",[420,1780,1781],{},"modelValue"," and emits the new boolean.",[1776,1784,1785],{},"A disabled switch ignores taps and renders at reduced opacity.",[1776,1787,1788,1790],{},[420,1789,1168],{}," takes precedence over checked and unchecked icons.",[1776,1792,1793,1796,1797,1800,1801,1309],{},[420,1794,1795],{},"loadingIcon"," resolves from the prop, then ",[420,1798,1799],{},"appConfig.ui.icons.loading",", then ",[420,1802,1803],{},"i-lucide-loader-circle",[1776,1805,1806,1808,1809,1811,1812,1814,1815,1309],{},[420,1807,1065],{}," renders only while the value is ",[420,1810,559],{},"; ",[420,1813,1069],{}," renders only while it is ",[420,1816,666],{},[1776,1818,1819,1066,1822,1825],{},[420,1820,1821],{},"label",[420,1823,1824],{},"description"," are optional visual content beside the control.",[1776,1827,1828,1831,1832,1835,1836,1839],{},[420,1829,1830],{},"name",", ",[420,1833,1834],{},"id",", and ",[420,1837,1838],{},"required"," are passed to the underlying core control, but it is not a native form input.",[412,1841,1843],{"id":1842},"props","Props",[1845,1846,1847,1866],"table",{},[1848,1849,1850],"thead",{},[1851,1852,1853,1857,1860,1863],"tr",{},[1854,1855,1856],"th",{},"Prop",[1854,1858,1859],{},"Type",[1854,1861,1862],{},"Default",[1854,1864,1865],{},"Description",[1867,1868,1869,1890,1907,1926,1943,1960,1980,2000,2020,2039,2056,2074,2091,2108,2125,2144],"tbody",{},[1851,1870,1871,1876,1881,1885],{},[1872,1873,1874],"td",{},[420,1875,1781],{},[1872,1877,1878],{},[420,1879,1880],{},"boolean",[1872,1882,1883],{},[420,1884,666],{},[1872,1886,1887,1888,1309],{},"Checked state used by ",[420,1889,662],{},[1851,1891,1892,1896,1900,1904],{},[1872,1893,1894],{},[420,1895,1599],{},[1872,1897,1898],{},[420,1899,1880],{},[1872,1901,1902],{},[420,1903,666],{},[1872,1905,1906],{},"Prevents toggling and applies disabled styling.",[1851,1908,1909,1913,1918,1923],{},[1872,1910,1911],{},[420,1912,1830],{},[1872,1914,1915],{},[420,1916,1917],{},"string",[1872,1919,1920],{},[420,1921,1922],{},"undefined",[1872,1924,1925],{},"Name forwarded to the core switch control.",[1851,1927,1928,1932,1936,1940],{},[1872,1929,1930],{},[420,1931,1834],{},[1872,1933,1934],{},[420,1935,1917],{},[1872,1937,1938],{},[420,1939,1922],{},[1872,1941,1942],{},"Identifier forwarded to the core switch control.",[1851,1944,1945,1949,1953,1957],{},[1872,1946,1947],{},[420,1948,1838],{},[1872,1950,1951],{},[420,1952,1880],{},[1872,1954,1955],{},[420,1956,1922],{},[1872,1958,1959],{},"Required flag forwarded to the core switch control.",[1851,1961,1962,1967,1972,1977],{},[1872,1963,1964],{},[420,1965,1966],{},"color",[1872,1968,1969],{},[420,1970,1971],{},"Color",[1872,1973,1974],{},[420,1975,1976],{},"'primary'",[1872,1978,1979],{},"Checked rail and optional highlight color.",[1851,1981,1982,1987,1992,1997],{},[1872,1983,1984],{},[420,1985,1986],{},"size",[1872,1988,1989],{},[420,1990,1991],{},"'sm' | 'md' | 'lg' | 'xl'",[1872,1993,1994],{},[420,1995,1996],{},"'md'",[1872,1998,1999],{},"Rail, thumb, and icon dimensions.",[1851,2001,2002,2006,2010,2014],{},[1872,2003,2004],{},[420,2005,1821],{},[1872,2007,2008],{},[420,2009,1917],{},[1872,2011,2012],{},[420,2013,1922],{},[1872,2015,2016,2017,2019],{},"Visual label replaced by the ",[420,2018,1821],{}," slot.",[1851,2021,2022,2026,2030,2034],{},[1872,2023,2024],{},[420,2025,1824],{},[1872,2027,2028],{},[420,2029,1917],{},[1872,2031,2032],{},[420,2033,1922],{},[1872,2035,2036,2037,2019],{},"Supporting text replaced by the ",[420,2038,1824],{},[1851,2040,2041,2045,2049,2053],{},[1872,2042,2043],{},[420,2044,1168],{},[1872,2046,2047],{},[420,2048,1880],{},[1872,2050,2051],{},[420,2052,666],{},[1872,2054,2055],{},"Shows a spinning icon inside the thumb.",[1851,2057,2058,2062,2066,2071],{},[1872,2059,2060],{},[420,2061,1795],{},[1872,2063,2064],{},[420,2065,1917],{},[1872,2067,2068,2069],{},"App icon \u002F ",[420,2070,1803],{},[1872,2072,2073],{},"Iconify name used while loading.",[1851,2075,2076,2080,2084,2088],{},[1872,2077,2078],{},[420,2079,1065],{},[1872,2081,2082],{},[420,2083,1917],{},[1872,2085,2086],{},[420,2087,1922],{},[1872,2089,2090],{},"Thumb icon shown when checked.",[1851,2092,2093,2097,2101,2105],{},[1872,2094,2095],{},[420,2096,1069],{},[1872,2098,2099],{},[420,2100,1917],{},[1872,2102,2103],{},[420,2104,1922],{},[1872,2106,2107],{},"Thumb icon shown when unchecked.",[1851,2109,2110,2114,2118,2122],{},[1872,2111,2112],{},[420,2113,1701],{},[1872,2115,2116],{},[420,2117,1880],{},[1872,2119,2120],{},[420,2121,666],{},[1872,2123,2124],{},"Adds a persistent semantic-color border to the rail.",[1851,2126,2127,2132,2137,2141],{},[1872,2128,2129],{},[420,2130,2131],{},"class",[1872,2133,2134],{},[420,2135,2136],{},"any",[1872,2138,2139],{},[420,2140,1922],{},[1872,2142,2143],{},"Classes merged onto the interactive switch rail.",[1851,2145,2146,2151,2156,2160],{},[1872,2147,2148],{},[420,2149,2150],{},"ui",[1872,2152,2153],{},[420,2154,2155],{},"Partial\u003CRecord\u003CSwitchSlot, any>>",[1872,2157,2158],{},[420,2159,1922],{},[1872,2161,2162],{},"Per-instance theme slot overrides.",[417,2164,2165,2167,2168,1831,2171,1831,2173,1831,2175,1831,2178,1831,2180,2183,2184,2187],{},[420,2166,1971],{}," defaults to ",[420,2169,2170],{},"primary",[420,2172,962],{},[420,2174,1030],{},[420,2176,2177],{},"info",[420,2179,1756],{},[420,2181,2182],{},"error",", or ",[420,2185,2186],{},"neutral",", and supports consumer registry extensions.",[412,2189,2191],{"id":2190},"emits","Emits",[1845,2193,2194,2206],{},[1848,2195,2196],{},[1851,2197,2198,2201,2204],{},[1854,2199,2200],{},"Event",[1854,2202,2203],{},"Payload",[1854,2205,1865],{},[1867,2207,2208],{},[1851,2209,2210,2215,2219],{},[1872,2211,2212],{},[420,2213,2214],{},"update:modelValue",[1872,2216,2217],{},[420,2218,1880],{},[1872,2220,2221],{},"Emitted after an enabled switch is toggled.",[412,2223,2225],{"id":2224},"slots","Slots",[1845,2227,2228,2239],{},[1848,2229,2230],{},[1851,2231,2232,2235,2237],{},[1854,2233,2234],{},"Slot",[1854,2236,1843],{},[1854,2238,1865],{},[1867,2240,2241,2253],{},[1851,2242,2243,2247,2250],{},[1872,2244,2245],{},[420,2246,1821],{},[1872,2248,2249],{},"—",[1872,2251,2252],{},"Replaces the visual label text.",[1851,2254,2255,2259,2261],{},[1872,2256,2257],{},[420,2258,1824],{},[1872,2260,2249],{},[1872,2262,2263],{},"Replaces the visual supporting text.",[412,2265,2267],{"id":2266},"styling-and-theming","Styling and theming",[417,2269,2270,2271,2274,2275,1309],{},"Override globally through ",[420,2272,2273],{},"appConfig.ui.switch"," or locally with ",[420,2276,2150],{},[1845,2278,2279,2289],{},[1848,2280,2281],{},[1851,2282,2283,2286],{},[1854,2284,2285],{},"UI slot",[1854,2287,2288],{},"Purpose",[1867,2290,2291,2301,2314,2324,2334,2343,2352],{},[1851,2292,2293,2298],{},[1872,2294,2295],{},[420,2296,2297],{},"root",[1872,2299,2300],{},"Horizontal layout containing the control and copy.",[1851,2302,2303,2308],{},[1872,2304,2305],{},[420,2306,2307],{},"base",[1872,2309,2310,2311,2313],{},"Interactive rounded rail. The ",[420,2312,2131],{}," prop is also merged here.",[1851,2315,2316,2321],{},[1872,2317,2318],{},[420,2319,2320],{},"thumb",[1872,2322,2323],{},"Moving white thumb.",[1851,2325,2326,2331],{},[1872,2327,2328],{},[420,2329,2330],{},"wrapper",[1872,2332,2333],{},"Label and description column.",[1851,2335,2336,2340],{},[1872,2337,2338],{},[420,2339,1821],{},[1872,2341,2342],{},"Built-in label text.",[1851,2344,2345,2349],{},[1872,2346,2347],{},[420,2348,1824],{},[1872,2350,2351],{},"Built-in supporting text.",[1851,2353,2354,2359],{},[1872,2355,2356],{},[420,2357,2358],{},"icon",[1872,2360,2361],{},"Loading or state icon inside the thumb.",[669,2363,2365],{"id":2364},"theme-variants","Theme variants",[1845,2367,2368,2383],{},[1848,2369,2370],{},[1851,2371,2372,2375,2378,2380],{},[1854,2373,2374],{},"Variant",[1854,2376,2377],{},"Values",[1854,2379,1862],{},[1854,2381,2382],{},"Effect",[1867,2384,2385,2401,2427,2448,2467,2486],{},[1851,2386,2387,2391,2394,2398],{},[1872,2388,2389],{},[420,2390,1966],{},[1872,2392,2393],{},"Registered semantic colors",[1872,2395,2396],{},[420,2397,1976],{},[1872,2399,2400],{},"Colors the checked rail and highlight border.",[1851,2402,2403,2407,2420,2424],{},[1872,2404,2405],{},[420,2406,1986],{},[1872,2408,2409,1831,2412,1831,2415,1831,2417],{},[420,2410,2411],{},"sm",[420,2413,2414],{},"md",[420,2416,1148],{},[420,2418,2419],{},"xl",[1872,2421,2422],{},[420,2423,1996],{},[1872,2425,2426],{},"Changes rail, thumb, and icon dimensions.",[1851,2428,2429,2434,2440,2445],{},[1872,2430,2431],{},[420,2432,2433],{},"checked",[1872,2435,2436,1831,2438],{},[420,2437,559],{},[420,2439,666],{},[1872,2441,2442,2443],{},"From ",[420,2444,1781],{},[1872,2446,2447],{},"Selects the semantic checked rail or neutral unchecked rail and thumb translation.",[1851,2449,2450,2454,2460,2464],{},[1872,2451,2452],{},[420,2453,1599],{},[1872,2455,2456,1831,2458],{},[420,2457,559],{},[420,2459,666],{},[1872,2461,2442,2462],{},[420,2463,1599],{},[1872,2465,2466],{},"Reduces opacity and marks the rail non-interactive.",[1851,2468,2469,2473,2479,2483],{},[1872,2470,2471],{},[420,2472,1701],{},[1872,2474,2475,1831,2477],{},[420,2476,559],{},[420,2478,666],{},[1872,2480,2442,2481],{},[420,2482,1701],{},[1872,2484,2485],{},"Adds a two-pixel semantic-color border.",[1851,2487,2488,2492,2498,2502],{},[1872,2489,2490],{},[420,2491,1168],{},[1872,2493,2494,1831,2496],{},[420,2495,559],{},[420,2497,666],{},[1872,2499,2442,2500],{},[420,2501,1168],{},[1872,2503,2504],{},"Spins the icon slot.",[417,2506,2507,2508,2511],{},"Unchecked switches use a neutral ",[420,2509,2510],{},"200"," rail and a small leading thumb offset. Checked thumb translation is size-specific.",[412,2513,328],{"id":2514},"accessibility",[417,2516,2517],{},"The underlying core control exposes switch semantics, an on\u002Foff accessibility value, and disabled state. Keep an always-visible label near every switch and do not use color or thumb position as the only explanation of its state.",[417,2519,2520,2521,1066,2523,2525,2526,2528,2529,2532,2533,2536,2537,1066,2540,2543],{},"The current kit wrapper renders ",[420,2522,1821],{},[420,2524,1824],{}," beside the control, but does not make that copy tappable or automatically associate it as the native accessibility label of the inner switch. An ",[420,2527,1834],{}," is forwarded, but the rendered Lynx ",[420,2530,2531],{},"text"," is not a web ",[420,2534,2535],{},"\u003Clabel>",". Treat this as a current limitation, verify the accessible name with VoiceOver and TalkBack, and prefer the lower-level ",[420,2538,2539],{},"SwitchRoot",[420,2541,2542],{},"SwitchThumb"," primitives when explicit native accessibility attributes must be attached directly to the control.",[417,2545,2546],{},"Loading is visual only. Disable the control while loading when repeated interaction would be unsafe, and communicate save failures outside the switch.",[412,2548,2550],{"id":2549},"platform-notes","Platform notes",[1773,2552,2553,2561,2568,2571,2579],{},[1776,2554,2555,2556,1066,2558,2560],{},"The component uses Lynx ",[420,2557,828],{},[420,2559,2531],{}," nodes rather than a DOM checkbox input.",[1776,2562,2563,2564,2567],{},"Interaction is handled by the core switch's native ",[420,2565,2566],{},"tap"," event.",[1776,2569,2570],{},"Thumb translation distances are concrete per size for consistent Lynx rendering.",[1776,2572,2573,2574,2578],{},"The default theme uses vyui's semantic tokens, so it adapts automatically under dark mode (see ",[2575,2576,2577],"a",{"href":319},"Theming → Dark Mode","), and omits DOM focus-ring and hover styles.",[1776,2580,2581,1831,2583,1835,2585,2587,2588,2590],{},[420,2582,1830],{},[420,2584,1834],{},[420,2586,1838],{}," are passed to the core control, but ",[420,2589,422],{}," does not render a native checkbox input or provide standalone native form submission.",[412,2592,2594],{"id":2593},"related-components","Related components",[1773,2596,2597,2602,2607],{},[1776,2598,2599,2601],{},[420,2600,116],{}," for agreement, acknowledgement, or multi-select choices.",[1776,2603,2604,2606],{},[420,2605,289],{}," for a pressed formatting or tool state.",[1776,2608,2609,2612],{},[420,2610,2611],{},"RadioGroup"," for choosing exactly one option from a visible set.",[2614,2615,2616],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}",{"title":446,"searchDepth":453,"depth":486,"links":2618},[2619,2620,2627,2628,2629,2630,2631,2634,2635,2636],{"id":414,"depth":486,"text":415},{"id":438,"depth":486,"text":439,"children":2621},[2622,2623,2624,2625,2626],{"id":671,"depth":514,"text":672},{"id":1059,"depth":514,"text":19},{"id":1161,"depth":514,"text":1162},{"id":1603,"depth":514,"text":1604},{"id":1701,"depth":514,"text":1702},{"id":1770,"depth":486,"text":1771},{"id":1842,"depth":486,"text":1843},{"id":2190,"depth":486,"text":2191},{"id":2224,"depth":486,"text":2225},{"id":2266,"depth":486,"text":2267,"children":2632},[2633],{"id":2364,"depth":514,"text":2365},{"id":2514,"depth":486,"text":328},{"id":2549,"depth":486,"text":2550},{"id":2593,"depth":486,"text":2594},"Toggle a persistent setting between on and off states.",[2639],{"label":2640,"icon":2641,"to":2642,"target":2643},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FSwitch.vue","_blank",{},{"icon":275},{"title":272,"description":2637},"Q4lZlsjVbYRaEvfusZIF6G3zEJj-8PKoV6-r_0r3f_E",[2649,2651],{"title":267,"path":268,"stem":269,"description":2650,"icon":-1,"children":-1,"navigation":-1},"Present swipeable, snapping content as a paged carousel.",{"title":277,"path":278,"stem":279,"description":2652,"icon":-1,"children":-1,"navigation":-1},"Organize related views behind a selectable row or rail of tabs.",1783534412114]