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