[{"data":1,"prerenderedAt":989},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Ftoggle":313,"\u002Fcomponents\u002Ftoggle-surround":984},[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":281,"body":315,"description":972,"extension":973,"links":974,"meta":980,"navigation":981,"package":60,"path":282,"seo":982,"stem":283,"__hash__":983},"docs\u002F3.components\u002Ftoggle.md",{"type":316,"value":317,"toc":948},"minimark",[318,323,331,336,340,351,353,358,361,364,368,374,377,381,441,445,625,654,658,687,691,719,723,732,765,779,833,852,855,864,870,874,897,903,911,917,920,924],[319,320,322],"h2",{"id":321},"overview","Overview",[324,325,326,330],"p",{},[327,328,329],"code",{},"VyToggle"," is a two-state button for options such as bold text, favorites, or pinned tools. It wraps the core toggle primitive with semantic colors, four visual variants, responsive sizing, and optional Iconify content.",[332,333],"component-code",{"name":334,"height":335},"toggle-example","120px",[319,337,339],{"id":338},"usage","Usage",[324,341,342,343,346,347,350],{},"Bind the pressed state with ",[327,344,345],{},"v-model",". Add an ",[327,348,349],{},"accessibility-label"," when the toggle contains only an icon.",[332,352],{"name":334},[354,355,357],"h3",{"id":356},"text-content","Text content",[324,359,360],{},"The default slot replaces the built-in icon, so it can contain text or a custom composition.",[332,362],{"name":363},"toggle-text",[354,365,367],{"id":366},"disabled","Disabled",[324,369,370,371,373],{},"Set ",[327,372,366],{}," to prevent taps and dim the control, in both the unpressed and pressed states.",[332,375],{"name":376},"toggle-disabled",[319,378,380],{"id":379},"features-and-behavior","Features and behavior",[382,383,384,396,409,414,420,438],"ul",{},[385,386,387,388,391,392,395],"li",{},"Tapping an enabled toggle inverts ",[327,389,390],{},"modelValue"," and emits ",[327,393,394],{},"update:modelValue",".",[385,397,398,399,401,402,405,406,408],{},"The kit component defaults ",[327,400,390],{}," to ",[327,403,404],{},"false","; use ",[327,407,345],{}," to retain user changes in application state.",[385,410,411,413],{},[327,412,366],{}," prevents taps, applies disabled semantics, and dims the control.",[385,415,416,417,395],{},"The default slot takes precedence over ",[327,418,419],{},"icon",[385,421,422,423,426,427,430,431,426,434,437],{},"The root exposes ",[327,424,425],{},"data-state=\"on\""," or ",[327,428,429],{},"data-state=\"off\""," and matching ",[327,432,433],{},"ui-on",[327,435,436],{},"ui-off"," classes through the core primitive.",[385,439,440],{},"Additional attributes, including native Lynx accessibility attributes, are inherited by the root toggle.",[319,442,444],{"id":443},"props","Props",[446,447,448,467],"table",{},[449,450,451],"thead",{},[452,453,454,458,461,464],"tr",{},[455,456,457],"th",{},"Prop",[455,459,460],{},"Type",[455,462,463],{},"Default",[455,465,466],{},"Description",[468,469,470,491,508,528,548,568,587,606],"tbody",{},[452,471,472,477,482,486],{},[473,474,475],"td",{},[327,476,390],{},[473,478,479],{},[327,480,481],{},"boolean",[473,483,484],{},[327,485,404],{},[473,487,488,489,395],{},"Pressed state, normally bound with ",[327,490,345],{},[452,492,493,497,501,505],{},[473,494,495],{},[327,496,366],{},[473,498,499],{},[327,500,481],{},[473,502,503],{},[327,504,404],{},[473,506,507],{},"Prevents interaction and applies disabled styling and semantics.",[452,509,510,515,520,525],{},[473,511,512],{},[327,513,514],{},"color",[473,516,517],{},[327,518,519],{},"Color",[473,521,522],{},[327,523,524],{},"'primary'",[473,526,527],{},"Semantic color used for the pressed appearance.",[452,529,530,535,540,545],{},[473,531,532],{},[327,533,534],{},"variant",[473,536,537],{},[327,538,539],{},"'solid' | 'outline' | 'soft' | 'ghost'",[473,541,542],{},[327,543,544],{},"'ghost'",[473,546,547],{},"Pressed-state surface and foreground treatment.",[452,549,550,555,560,565],{},[473,551,552],{},[327,553,554],{},"size",[473,556,557],{},[327,558,559],{},"'sm' | 'md' | 'lg' | 'xl'",[473,561,562],{},[327,563,564],{},"'md'",[473,566,567],{},"Padding, text size, gap, and built-in icon size.",[452,569,570,574,579,584],{},[473,571,572],{},[327,573,419],{},[473,575,576],{},[327,577,578],{},"string",[473,580,581],{},[327,582,583],{},"undefined",[473,585,586],{},"Iconify name rendered when the default slot is empty.",[452,588,589,594,599,603],{},[473,590,591],{},[327,592,593],{},"class",[473,595,596],{},[327,597,598],{},"any",[473,600,601],{},[327,602,583],{},[473,604,605],{},"Classes merged onto the root toggle.",[452,607,608,613,618,622],{},[473,609,610],{},[327,611,612],{},"ui",[473,614,615],{},[327,616,617],{},"Partial\u003CRecord\u003CToggleSlot, any>>",[473,619,620],{},[327,621,583],{},[473,623,624],{},"Per-instance theme slot overrides.",[324,626,627,629,630,633,634,633,637,633,640,633,643,633,646,649,650,653],{},[327,628,519],{}," defaults to ",[327,631,632],{},"primary",", ",[327,635,636],{},"secondary",[327,638,639],{},"success",[327,641,642],{},"info",[327,644,645],{},"warning",[327,647,648],{},"error",", or ",[327,651,652],{},"neutral",", and supports consumer registry extensions.",[319,655,657],{"id":656},"emits","Emits",[446,659,660,672],{},[449,661,662],{},[452,663,664,667,670],{},[455,665,666],{},"Event",[455,668,669],{},"Payload",[455,671,466],{},[468,673,674],{},[452,675,676,680,684],{},[473,677,678],{},[327,679,394],{},[473,681,682],{},[327,683,481],{},[473,685,686],{},"Emitted with the inverted pressed state after an enabled tap.",[319,688,690],{"id":689},"slots","Slots",[446,692,693,704],{},[449,694,695],{},[452,696,697,700,702],{},[455,698,699],{},"Slot",[455,701,444],{},[455,703,466],{},[468,705,706],{},[452,707,708,713,716],{},[473,709,710],{},[327,711,712],{},"default",[473,714,715],{},"—",[473,717,718],{},"Replaces the built-in icon.",[319,720,722],{"id":721},"styling-and-theming","Styling and theming",[324,724,725,726,729,730,395],{},"Override globally through ",[327,727,728],{},"appConfig.ui.toggle"," or locally with ",[327,731,612],{},[446,733,734,744],{},[449,735,736],{},[452,737,738,741],{},[455,739,740],{},"UI slot",[455,742,743],{},"Purpose",[468,745,746,756],{},[452,747,748,753],{},[473,749,750],{},[327,751,752],{},"base",[473,754,755],{},"Root layout, shape, typography, spacing, surface, and interaction states.",[452,757,758,762],{},[473,759,760],{},[327,761,419],{},[473,763,764],{},"Built-in icon size and foreground color.",[324,766,767,768,633,770,633,772,774,775,778],{},"The theme combines ",[327,769,514],{},[327,771,534],{},[327,773,554],{},", and the internal ",[327,776,777],{},"pressed"," state.",[446,780,781,791],{},[449,782,783],{},[452,784,785,788],{},[455,786,787],{},"Variant",[455,789,790],{},"Pressed appearance",[468,792,793,803,813,823],{},[452,794,795,800],{},[473,796,797],{},[327,798,799],{},"solid",[473,801,802],{},"Semantic filled surface with a white icon.",[452,804,805,810],{},[473,806,807],{},[327,808,809],{},"outline",[473,811,812],{},"Semantic border and foreground with a light active surface.",[452,814,815,820],{},[473,816,817],{},[327,818,819],{},"soft",[473,821,822],{},"Light semantic surface and semantic foreground.",[452,824,825,830],{},[473,826,827],{},[327,828,829],{},"ghost",[473,831,832],{},"Transparent surface with semantic foreground and active feedback.",[324,834,835,836,838,839,841,842,844,845,848,849,395],{},"The unpressed state uses a neutral icon and neutral active feedback regardless of ",[327,837,514],{},". The ",[327,840,554],{}," variant changes root spacing and the ",[327,843,419],{}," slot from ",[327,846,847],{},"size-5"," through ",[327,850,851],{},"size-7",[319,853,299],{"id":854},"accessibility",[324,856,857,858,426,860,863],{},"The core primitive exposes the root as a focusable native button and announces ",[327,859,777],{},[327,861,862],{},"not pressed",". Disabled toggles use the native disabled trait.",[324,865,866,867,869],{},"Provide ",[327,868,349],{}," for icon-only toggles. Text in the default slot gives sighted users context, but an explicit native label remains the safest choice when the control's purpose is not self-evident. The current accessibility layer targets Lynx native attributes; web ARIA bridging is not currently added by the primitive.",[319,871,873],{"id":872},"platform-notes","Platform notes",[382,875,876,887,894],{},[385,877,878,879,882,883,886],{},"The component renders a Lynx ",[327,880,881],{},"view"," through the core primitive and responds to the Lynx ",[327,884,885],{},"tap"," event.",[385,888,889,890,893],{},"Lynx SVG does not inherit ",[327,891,892],{},"currentColor",", so the theme places foreground classes directly on the built-in icon slot.",[385,895,896],{},"The default theme is light-mode-only.",[319,898,900,901],{"id":899},"built-on-vyuicore","Built on ",[327,902,31],{},[324,904,905,907,908,910],{},[327,906,329],{}," composes the headless ",[327,909,31],{}," toggle primitive. Use it directly when you need full control over markup and styling.",[354,912,914,916],{"id":913},"toggle-props",[327,915,281],{}," props",[918,919],"component-props",{"name":281},[319,921,923],{"id":922},"related-components","Related components",[382,925,926,934,941],{},[385,927,928,933],{},[929,930,931],"a",{"href":286},[327,932,285],{}," for a related set of single- or multiple-selection toggles.",[385,935,936,940],{},[929,937,938],{"href":265},[327,939,264],{}," for an immediately applied on\u002Foff setting.",[385,942,943,947],{},[929,944,945],{"href":94},[327,946,93],{}," for a one-time action without persistent pressed state.",{"title":949,"searchDepth":950,"depth":951,"links":952},"",1,2,[953,954,959,960,961,962,963,964,965,966,971],{"id":321,"depth":951,"text":322},{"id":338,"depth":951,"text":339,"children":955},[956,958],{"id":356,"depth":957,"text":357},3,{"id":366,"depth":957,"text":367},{"id":379,"depth":951,"text":380},{"id":443,"depth":951,"text":444},{"id":656,"depth":951,"text":657},{"id":689,"depth":951,"text":690},{"id":721,"depth":951,"text":722},{"id":854,"depth":951,"text":299},{"id":872,"depth":951,"text":873},{"id":899,"depth":951,"text":967,"children":968},"Built on @vyui\u002Fcore",[969],{"id":913,"depth":957,"text":970},"Toggle props",{"id":922,"depth":951,"text":923},"Switch a button between pressed and unpressed states.","md",[975],{"label":976,"icon":977,"to":978,"target":979},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FToggle.vue","_blank",{},{"icon":267},{"title":281,"description":972},"WEmSYK04OrDBKTPHPP6XRuPt3nz4VAGJlYyrSKgcGyM",[985,987],{"title":277,"path":278,"stem":279,"description":986,"icon":-1,"children":-1,"navigation":-1},"Show transient feedback with optional actions, progress, stacking, and swipe dismissal.",{"title":285,"path":286,"stem":287,"description":988,"icon":-1,"children":-1,"navigation":-1},"Select one or multiple values from a connected set of toggles.",1783464070363]