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