[{"data":1,"prerenderedAt":1929},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Ftoggle-group":313,"\u002Fcomponents\u002Ftoggle-group-surround":1924},[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":285,"body":315,"description":1912,"extension":1913,"links":1914,"meta":1920,"navigation":1921,"package":60,"path":286,"seo":1922,"stem":287,"__hash__":1923},"docs\u002F3.components\u002Ftoggle-group.md",{"type":316,"value":317,"toc":1895},"minimark",[318,323,331,336,339,343,354,707,712,719,1050,1054,1057,1122,1126,1199,1203,1319,1325,1329,1556,1584,1601,1605,1638,1642,1680,1684,1693,1745,1757,1803,1806,1809,1819,1826,1830,1863,1867,1891],[319,320,322],"h2",{"id":321},"overview","Overview",[324,325,326,330],"p",{},[327,328,329],"code",{},"VyToggleGroup"," renders connected toggle buttons from an items array. It supports single or multiple selection, controlled and uncontrolled values, horizontal or vertical layout, disabled items, icons, labels, and a custom item slot.",[332,333],"component-code",{"height":334,"name":335},"120px","toggle-group-example",[332,337],{"height":334,"name":338},"toggle-group-multiple",[319,340,342],{"id":341},"usage","Usage",[324,344,345,346,349,350,353],{},"Use ",[327,347,348],{},"type=\"single\""," with a scalar ",[327,351,352],{},"v-model",". Primitive strings and numbers are normalized into matching labels and values.",[355,356,361],"pre",{"className":357,"code":358,"language":359,"meta":360,"style":360},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { VyToggleGroup } from '@vyui\u002Fkit'\n\nconst alignment = ref('center')\nconst items = [\n  { label: 'Left', value: 'left', icon: 'i-lucide-align-left' },\n  { label: 'Center', value: 'center', icon: 'i-lucide-align-center' },\n  { label: 'Right', value: 'right', icon: 'i-lucide-align-right' },\n]\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVyToggleGroup v-model=\"alignment\" :items=\"items\" \u002F>\n\u003C\u002Ftemplate>\n","vue","",[327,362,363,398,426,446,453,481,494,545,588,632,638,648,653,663,698],{"__ignoreMap":360},[364,365,368,372,376,380,383,386,389,393,395],"span",{"class":366,"line":367},"line",1,[364,369,371],{"class":370},"sMK4o","\u003C",[364,373,375],{"class":374},"swJcz","script",[364,377,379],{"class":378},"spNyl"," setup",[364,381,382],{"class":378}," lang",[364,384,385],{"class":370},"=",[364,387,388],{"class":370},"\"",[364,390,392],{"class":391},"sfazB","ts",[364,394,388],{"class":370},[364,396,397],{"class":370},">\n",[364,399,401,405,408,412,415,418,421,423],{"class":366,"line":400},2,[364,402,404],{"class":403},"s7zQu","import",[364,406,407],{"class":370}," {",[364,409,411],{"class":410},"sTEyZ"," ref",[364,413,414],{"class":370}," }",[364,416,417],{"class":403}," from",[364,419,420],{"class":370}," '",[364,422,359],{"class":391},[364,424,425],{"class":370},"'\n",[364,427,429,431,433,436,438,440,442,444],{"class":366,"line":428},3,[364,430,404],{"class":403},[364,432,407],{"class":370},[364,434,435],{"class":410}," VyToggleGroup",[364,437,414],{"class":370},[364,439,417],{"class":403},[364,441,420],{"class":370},[364,443,36],{"class":391},[364,445,425],{"class":370},[364,447,449],{"class":366,"line":448},4,[364,450,452],{"emptyLinePlaceholder":451},true,"\n",[364,454,456,459,462,464,467,470,473,476,478],{"class":366,"line":455},5,[364,457,458],{"class":378},"const",[364,460,461],{"class":410}," alignment ",[364,463,385],{"class":370},[364,465,411],{"class":466},"s2Zo4",[364,468,469],{"class":410},"(",[364,471,472],{"class":370},"'",[364,474,475],{"class":391},"center",[364,477,472],{"class":370},[364,479,480],{"class":410},")\n",[364,482,484,486,489,491],{"class":366,"line":483},6,[364,485,458],{"class":378},[364,487,488],{"class":410}," items ",[364,490,385],{"class":370},[364,492,493],{"class":410}," [\n",[364,495,497,500,503,506,508,511,513,516,519,521,523,526,528,530,533,535,537,540,542],{"class":366,"line":496},7,[364,498,499],{"class":370},"  {",[364,501,502],{"class":374}," label",[364,504,505],{"class":370},":",[364,507,420],{"class":370},[364,509,510],{"class":391},"Left",[364,512,472],{"class":370},[364,514,515],{"class":370},",",[364,517,518],{"class":374}," value",[364,520,505],{"class":370},[364,522,420],{"class":370},[364,524,525],{"class":391},"left",[364,527,472],{"class":370},[364,529,515],{"class":370},[364,531,532],{"class":374}," icon",[364,534,505],{"class":370},[364,536,420],{"class":370},[364,538,539],{"class":391},"i-lucide-align-left",[364,541,472],{"class":370},[364,543,544],{"class":370}," },\n",[364,546,548,550,552,554,556,559,561,563,565,567,569,571,573,575,577,579,581,584,586],{"class":366,"line":547},8,[364,549,499],{"class":370},[364,551,502],{"class":374},[364,553,505],{"class":370},[364,555,420],{"class":370},[364,557,558],{"class":391},"Center",[364,560,472],{"class":370},[364,562,515],{"class":370},[364,564,518],{"class":374},[364,566,505],{"class":370},[364,568,420],{"class":370},[364,570,475],{"class":391},[364,572,472],{"class":370},[364,574,515],{"class":370},[364,576,532],{"class":374},[364,578,505],{"class":370},[364,580,420],{"class":370},[364,582,583],{"class":391},"i-lucide-align-center",[364,585,472],{"class":370},[364,587,544],{"class":370},[364,589,591,593,595,597,599,602,604,606,608,610,612,615,617,619,621,623,625,628,630],{"class":366,"line":590},9,[364,592,499],{"class":370},[364,594,502],{"class":374},[364,596,505],{"class":370},[364,598,420],{"class":370},[364,600,601],{"class":391},"Right",[364,603,472],{"class":370},[364,605,515],{"class":370},[364,607,518],{"class":374},[364,609,505],{"class":370},[364,611,420],{"class":370},[364,613,614],{"class":391},"right",[364,616,472],{"class":370},[364,618,515],{"class":370},[364,620,532],{"class":374},[364,622,505],{"class":370},[364,624,420],{"class":370},[364,626,627],{"class":391},"i-lucide-align-right",[364,629,472],{"class":370},[364,631,544],{"class":370},[364,633,635],{"class":366,"line":634},10,[364,636,637],{"class":410},"]\n",[364,639,641,644,646],{"class":366,"line":640},11,[364,642,643],{"class":370},"\u003C\u002F",[364,645,375],{"class":374},[364,647,397],{"class":370},[364,649,651],{"class":366,"line":650},12,[364,652,452],{"emptyLinePlaceholder":451},[364,654,656,658,661],{"class":366,"line":655},13,[364,657,371],{"class":370},[364,659,660],{"class":374},"template",[364,662,397],{"class":370},[364,664,666,669,671,674,676,678,681,683,686,688,690,693,695],{"class":366,"line":665},14,[364,667,668],{"class":370},"  \u003C",[364,670,329],{"class":374},[364,672,673],{"class":378}," v-model",[364,675,385],{"class":370},[364,677,388],{"class":370},[364,679,680],{"class":391},"alignment",[364,682,388],{"class":370},[364,684,685],{"class":378}," :items",[364,687,385],{"class":370},[364,689,388],{"class":370},[364,691,692],{"class":391},"items",[364,694,388],{"class":370},[364,696,697],{"class":370}," \u002F>\n",[364,699,701,703,705],{"class":366,"line":700},15,[364,702,643],{"class":370},[364,704,660],{"class":374},[364,706,397],{"class":370},[708,709,711],"h3",{"id":710},"multiple-selection","Multiple selection",[324,713,714,715,718],{},"Use an array model with ",[327,716,717],{},"type=\"multiple\"",". Tapping an item adds or removes its value.",[355,720,722],{"className":357,"code":721,"language":359,"meta":360,"style":360},"\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { VyToggleGroup } from '@vyui\u002Fkit'\n\nconst formatting = ref\u003Cstring[]>(['bold'])\nconst items = [\n  { label: 'Bold', value: 'bold' },\n  { label: 'Italic', value: 'italic' },\n  { label: 'Underline', value: 'underline', disabled: true },\n]\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVyToggleGroup\n    v-model=\"formatting\"\n    type=\"multiple\"\n    :items=\"items\"\n    color=\"secondary\"\n    variant=\"soft\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[327,723,724,744,762,780,784,820,830,859,889,930,934,942,946,954,961,976,991,1005,1020,1035,1041],{"__ignoreMap":360},[364,725,726,728,730,732,734,736,738,740,742],{"class":366,"line":367},[364,727,371],{"class":370},[364,729,375],{"class":374},[364,731,379],{"class":378},[364,733,382],{"class":378},[364,735,385],{"class":370},[364,737,388],{"class":370},[364,739,392],{"class":391},[364,741,388],{"class":370},[364,743,397],{"class":370},[364,745,746,748,750,752,754,756,758,760],{"class":366,"line":400},[364,747,404],{"class":403},[364,749,407],{"class":370},[364,751,411],{"class":410},[364,753,414],{"class":370},[364,755,417],{"class":403},[364,757,420],{"class":370},[364,759,359],{"class":391},[364,761,425],{"class":370},[364,763,764,766,768,770,772,774,776,778],{"class":366,"line":428},[364,765,404],{"class":403},[364,767,407],{"class":370},[364,769,435],{"class":410},[364,771,414],{"class":370},[364,773,417],{"class":403},[364,775,420],{"class":370},[364,777,36],{"class":391},[364,779,425],{"class":370},[364,781,782],{"class":366,"line":448},[364,783,452],{"emptyLinePlaceholder":451},[364,785,786,788,791,793,795,797,801,804,807,810,812,815,817],{"class":366,"line":455},[364,787,458],{"class":378},[364,789,790],{"class":410}," formatting ",[364,792,385],{"class":370},[364,794,411],{"class":466},[364,796,371],{"class":370},[364,798,800],{"class":799},"sBMFI","string",[364,802,803],{"class":410},"[]",[364,805,806],{"class":370},">",[364,808,809],{"class":410},"([",[364,811,472],{"class":370},[364,813,814],{"class":391},"bold",[364,816,472],{"class":370},[364,818,819],{"class":410},"])\n",[364,821,822,824,826,828],{"class":366,"line":483},[364,823,458],{"class":378},[364,825,488],{"class":410},[364,827,385],{"class":370},[364,829,493],{"class":410},[364,831,832,834,836,838,840,843,845,847,849,851,853,855,857],{"class":366,"line":496},[364,833,499],{"class":370},[364,835,502],{"class":374},[364,837,505],{"class":370},[364,839,420],{"class":370},[364,841,842],{"class":391},"Bold",[364,844,472],{"class":370},[364,846,515],{"class":370},[364,848,518],{"class":374},[364,850,505],{"class":370},[364,852,420],{"class":370},[364,854,814],{"class":391},[364,856,472],{"class":370},[364,858,544],{"class":370},[364,860,861,863,865,867,869,872,874,876,878,880,882,885,887],{"class":366,"line":547},[364,862,499],{"class":370},[364,864,502],{"class":374},[364,866,505],{"class":370},[364,868,420],{"class":370},[364,870,871],{"class":391},"Italic",[364,873,472],{"class":370},[364,875,515],{"class":370},[364,877,518],{"class":374},[364,879,505],{"class":370},[364,881,420],{"class":370},[364,883,884],{"class":391},"italic",[364,886,472],{"class":370},[364,888,544],{"class":370},[364,890,891,893,895,897,899,902,904,906,908,910,912,915,917,919,922,924,928],{"class":366,"line":590},[364,892,499],{"class":370},[364,894,502],{"class":374},[364,896,505],{"class":370},[364,898,420],{"class":370},[364,900,901],{"class":391},"Underline",[364,903,472],{"class":370},[364,905,515],{"class":370},[364,907,518],{"class":374},[364,909,505],{"class":370},[364,911,420],{"class":370},[364,913,914],{"class":391},"underline",[364,916,472],{"class":370},[364,918,515],{"class":370},[364,920,921],{"class":374}," disabled",[364,923,505],{"class":370},[364,925,927],{"class":926},"sfNiH"," true",[364,929,544],{"class":370},[364,931,932],{"class":366,"line":634},[364,933,637],{"class":410},[364,935,936,938,940],{"class":366,"line":640},[364,937,643],{"class":370},[364,939,375],{"class":374},[364,941,397],{"class":370},[364,943,944],{"class":366,"line":650},[364,945,452],{"emptyLinePlaceholder":451},[364,947,948,950,952],{"class":366,"line":655},[364,949,371],{"class":370},[364,951,660],{"class":374},[364,953,397],{"class":370},[364,955,956,958],{"class":366,"line":665},[364,957,668],{"class":370},[364,959,960],{"class":374},"VyToggleGroup\n",[364,962,963,966,968,970,973],{"class":366,"line":700},[364,964,965],{"class":378},"    v-model",[364,967,385],{"class":370},[364,969,388],{"class":370},[364,971,972],{"class":391},"formatting",[364,974,975],{"class":370},"\"\n",[364,977,979,982,984,986,989],{"class":366,"line":978},16,[364,980,981],{"class":378},"    type",[364,983,385],{"class":370},[364,985,388],{"class":370},[364,987,988],{"class":391},"multiple",[364,990,975],{"class":370},[364,992,994,997,999,1001,1003],{"class":366,"line":993},17,[364,995,996],{"class":378},"    :items",[364,998,385],{"class":370},[364,1000,388],{"class":370},[364,1002,692],{"class":391},[364,1004,975],{"class":370},[364,1006,1008,1011,1013,1015,1018],{"class":366,"line":1007},18,[364,1009,1010],{"class":378},"    color",[364,1012,385],{"class":370},[364,1014,388],{"class":370},[364,1016,1017],{"class":391},"secondary",[364,1019,975],{"class":370},[364,1021,1023,1026,1028,1030,1033],{"class":366,"line":1022},19,[364,1024,1025],{"class":378},"    variant",[364,1027,385],{"class":370},[364,1029,388],{"class":370},[364,1031,1032],{"class":391},"soft",[364,1034,975],{"class":370},[364,1036,1038],{"class":366,"line":1037},20,[364,1039,1040],{"class":370},"  \u002F>\n",[364,1042,1044,1046,1048],{"class":366,"line":1043},21,[364,1045,643],{"class":370},[364,1047,660],{"class":374},[364,1049,397],{"class":370},[708,1051,1053],{"id":1052},"custom-items","Custom items",[324,1055,1056],{},"The default slot replaces an entire item's built-in icon and label. It receives the normalized item, its index, and a resolved hex color for custom SVG icons.",[355,1058,1060],{"className":357,"code":1059,"language":359,"meta":360,"style":360},"\u003CVyToggleGroup v-model=\"density\" :items=\"items\">\n  \u003Ctemplate #default=\"{ item, iconColor }\">\n    \u003CVyIcon :name=\"item.icon\" :color=\"iconColor\" \u002F>\n    \u003Ctext>{{ item.label }}\u003C\u002Ftext>\n  \u003C\u002Ftemplate>\n\u003C\u002FVyToggleGroup>\n",[327,1061,1062,1094,1099,1104,1109,1114],{"__ignoreMap":360},[364,1063,1064,1066,1068,1070,1072,1074,1077,1079,1082,1084,1086,1088,1090,1092],{"class":366,"line":367},[364,1065,371],{"class":370},[364,1067,329],{"class":374},[364,1069,673],{"class":378},[364,1071,385],{"class":370},[364,1073,388],{"class":370},[364,1075,1076],{"class":410},"density",[364,1078,388],{"class":370},[364,1080,1081],{"class":370}," :",[364,1083,692],{"class":378},[364,1085,385],{"class":370},[364,1087,388],{"class":370},[364,1089,692],{"class":410},[364,1091,388],{"class":370},[364,1093,397],{"class":370},[364,1095,1096],{"class":366,"line":400},[364,1097,1098],{"class":410},"  \u003Ctemplate #default=\"{ item, iconColor }\">\n",[364,1100,1101],{"class":366,"line":428},[364,1102,1103],{"class":410},"    \u003CVyIcon :name=\"item.icon\" :color=\"iconColor\" \u002F>\n",[364,1105,1106],{"class":366,"line":448},[364,1107,1108],{"class":410},"    \u003Ctext>{{ item.label }}\u003C\u002Ftext>\n",[364,1110,1111],{"class":366,"line":455},[364,1112,1113],{"class":410},"  \u003C\u002Ftemplate>\n",[364,1115,1116,1118,1120],{"class":366,"line":483},[364,1117,643],{"class":370},[364,1119,329],{"class":374},[364,1121,397],{"class":370},[319,1123,1125],{"id":1124},"features-and-behavior","Features and behavior",[1127,1128,1129,1136,1141,1154,1161,1175,1183,1193],"ul",{},[1130,1131,1132,1135],"li",{},[327,1133,1134],{},"single"," mode stores one string or number. Tapping the selected item again clears the runtime value.",[1130,1137,1138,1140],{},[327,1139,988],{}," mode stores an array and toggles each tapped value independently.",[1130,1142,345,1143,1146,1147,1149,1150,1153],{},[327,1144,1145],{},"modelValue"," or ",[327,1148,352],{}," for controlled state, or ",[327,1151,1152],{},"defaultValue"," for an uncontrolled initial selection.",[1130,1155,1156,1157,1160],{},"String and number items become ",[327,1158,1159],{},"{ value: item, label: String(item) }",".",[1130,1162,1163,1164,1167,1168,1171,1172,1160],{},"Object items use ",[327,1165,1166],{},"value",", falling back to ",[327,1169,1170],{},"label","; their label falls back to ",[327,1173,1174],{},"String(value)",[1130,1176,1177,1178,1146,1180,1182],{},"Object items should provide at least ",[327,1179,1166],{},[327,1181,1170],{},", and every resolved value should be unique because it is also used as the render key.",[1130,1184,1185,1186,1189,1190,1192],{},"Group-level ",[327,1187,1188],{},"disabled"," disables every item. An item's ",[327,1191,1188],{}," field disables only that item.",[1130,1194,1195,1198],{},[327,1196,1197],{},"orientation"," changes connected-border layout; it does not reorder the supplied items.",[708,1200,1202],{"id":1201},"toggle-group-item","Toggle group item",[1204,1205,1206,1225],"table",{},[1207,1208,1209],"thead",{},[1210,1211,1212,1216,1219,1222],"tr",{},[1213,1214,1215],"th",{},"Field",[1213,1217,1218],{},"Type",[1213,1220,1221],{},"Default",[1213,1223,1224],{},"Description",[1226,1227,1228,1245,1264,1282,1301],"tbody",{},[1210,1229,1230,1235,1239,1242],{},[1231,1232,1233],"td",{},[327,1234,1170],{},[1231,1236,1237],{},[327,1238,800],{},[1231,1240,1241],{},"String form of the resolved value",[1231,1243,1244],{},"Visible item text.",[1210,1246,1247,1252,1256,1261],{},[1231,1248,1249],{},[327,1250,1251],{},"icon",[1231,1253,1254],{},[327,1255,800],{},[1231,1257,1258],{},[327,1259,1260],{},"undefined",[1231,1262,1263],{},"Leading Iconify icon name.",[1210,1265,1266,1270,1275,1279],{},[1231,1267,1268],{},[327,1269,1166],{},[1231,1271,1272],{},[327,1273,1274],{},"string | number",[1231,1276,1277],{},[327,1278,1170],{},[1231,1280,1281],{},"Selection value and render key.",[1210,1283,1284,1288,1293,1298],{},[1231,1285,1286],{},[327,1287,1188],{},[1231,1289,1290],{},[327,1291,1292],{},"boolean",[1231,1294,1295],{},[327,1296,1297],{},"false",[1231,1299,1300],{},"Prevents interaction for this item.",[1210,1302,1303,1308,1313,1316],{},[1231,1304,1305],{},[327,1306,1307],{},"[key: string]",[1231,1309,1310],{},[327,1311,1312],{},"any",[1231,1314,1315],{},"—",[1231,1317,1318],{},"Additional application data retained on the normalized item and exposed to the slot.",[324,1320,1321,1322,1324],{},"The ",[327,1323,692],{}," array also accepts primitive strings and numbers.",[319,1326,1328],{"id":1327},"props","Props",[1204,1330,1331,1344],{},[1207,1332,1333],{},[1210,1334,1335,1338,1340,1342],{},[1213,1336,1337],{},"Prop",[1213,1339,1218],{},[1213,1341,1221],{},[1213,1343,1224],{},[1226,1345,1346,1366,1384,1405,1423,1440,1460,1480,1500,1519,1537],{},[1210,1347,1348,1353,1358,1363],{},[1231,1349,1350],{},[327,1351,1352],{},"type",[1231,1354,1355],{},[327,1356,1357],{},"'single' | 'multiple'",[1231,1359,1360],{},[327,1361,1362],{},"'single'",[1231,1364,1365],{},"Whether one value or multiple values can be selected.",[1210,1367,1368,1372,1377,1381],{},[1231,1369,1370],{},[327,1371,1145],{},[1231,1373,1374],{},[327,1375,1376],{},"string | number | Array\u003Cstring | number>",[1231,1378,1379],{},[327,1380,1260],{},[1231,1382,1383],{},"Controlled selection; use an array for multiple mode.",[1210,1385,1386,1390,1394,1402],{},[1231,1387,1388],{},[327,1389,1152],{},[1231,1391,1392],{},[327,1393,1376],{},[1231,1395,1396,1397,1399,1400],{},"Single: ",[327,1398,1260],{},"; multiple: ",[327,1401,803],{},[1231,1403,1404],{},"Initial uncontrolled selection.",[1210,1406,1407,1411,1416,1420],{},[1231,1408,1409],{},[327,1410,692],{},[1231,1412,1413],{},[327,1414,1415],{},"Array\u003CToggleGroupItem | string | number>",[1231,1417,1418],{},[327,1419,1260],{},[1231,1421,1422],{},"Items to normalize and render.",[1210,1424,1425,1429,1433,1437],{},[1231,1426,1427],{},[327,1428,1188],{},[1231,1430,1431],{},[327,1432,1292],{},[1231,1434,1435],{},[327,1436,1297],{},[1231,1438,1439],{},"Disables every item in the group.",[1210,1441,1442,1447,1452,1457],{},[1231,1443,1444],{},[327,1445,1446],{},"color",[1231,1448,1449],{},[327,1450,1451],{},"Color",[1231,1453,1454],{},[327,1455,1456],{},"'primary'",[1231,1458,1459],{},"Semantic selected-state color.",[1210,1461,1462,1467,1472,1477],{},[1231,1463,1464],{},[327,1465,1466],{},"variant",[1231,1468,1469],{},[327,1470,1471],{},"'outline' | 'soft' | 'subtle'",[1231,1473,1474],{},[327,1475,1476],{},"'outline'",[1231,1478,1479],{},"Item surface, border, and selected-state treatment.",[1210,1481,1482,1487,1492,1497],{},[1231,1483,1484],{},[327,1485,1486],{},"size",[1231,1488,1489],{},[327,1490,1491],{},"'sm' | 'md' | 'lg' | 'xl'",[1231,1493,1494],{},[327,1495,1496],{},"'md'",[1231,1498,1499],{},"Item padding, text size, gap, and icon size.",[1210,1501,1502,1506,1511,1516],{},[1231,1503,1504],{},[327,1505,1197],{},[1231,1507,1508],{},[327,1509,1510],{},"'horizontal' | 'vertical'",[1231,1512,1513],{},[327,1514,1515],{},"'horizontal'",[1231,1517,1518],{},"Connected row or column layout.",[1210,1520,1521,1526,1530,1534],{},[1231,1522,1523],{},[327,1524,1525],{},"class",[1231,1527,1528],{},[327,1529,1312],{},[1231,1531,1532],{},[327,1533,1260],{},[1231,1535,1536],{},"Classes merged onto the group root.",[1210,1538,1539,1544,1549,1553],{},[1231,1540,1541],{},[327,1542,1543],{},"ui",[1231,1545,1546],{},[327,1547,1548],{},"Partial\u003CRecord\u003CToggleGroupSlot, any>>",[1231,1550,1551],{},[327,1552,1260],{},[1231,1554,1555],{},"Per-instance theme slot overrides.",[324,1557,1558,1560,1561,1564,1565,1564,1567,1564,1570,1564,1573,1564,1576,1579,1580,1583],{},[327,1559,1451],{}," defaults to ",[327,1562,1563],{},"primary",", ",[327,1566,1017],{},[327,1568,1569],{},"success",[327,1571,1572],{},"info",[327,1574,1575],{},"warning",[327,1577,1578],{},"error",", or ",[327,1581,1582],{},"neutral",", and supports consumer registry extensions.",[324,1585,1586,1587,1589,1590,1592,1593,1595,1596,1598,1599,1160],{},"Keep ",[327,1588,1352],{}," coherent with the value shape: scalar for ",[327,1591,1134],{},", array for ",[327,1594,988],{},". The kit wrapper always defaults an omitted ",[327,1597,1352],{}," to ",[327,1600,1134],{},[319,1602,1604],{"id":1603},"emits","Emits",[1204,1606,1607,1619],{},[1207,1608,1609],{},[1210,1610,1611,1614,1617],{},[1213,1612,1613],{},"Event",[1213,1615,1616],{},"Payload",[1213,1618,1224],{},[1226,1620,1621],{},[1210,1622,1623,1628,1632],{},[1231,1624,1625],{},[327,1626,1627],{},"update:modelValue",[1231,1629,1630],{},[327,1631,1376],{},[1231,1633,1634,1635,1637],{},"Emitted after selection changes. In single mode, deselecting the active item produces ",[327,1636,1260],{}," at runtime.",[319,1639,1641],{"id":1640},"slots","Slots",[1204,1643,1644,1655],{},[1207,1645,1646],{},[1210,1647,1648,1651,1653],{},[1213,1649,1650],{},"Slot",[1213,1652,1328],{},[1213,1654,1224],{},[1226,1656,1657],{},[1210,1658,1659,1664,1669],{},[1231,1660,1661],{},[327,1662,1663],{},"default",[1231,1665,1666],{},[327,1667,1668],{},"{ item, index, iconColor }",[1231,1670,1671,1672,1675,1676,1679],{},"Replaces the built-in icon and label for every item. ",[327,1673,1674],{},"item"," is normalized and ",[327,1677,1678],{},"iconColor"," is a resolved hex string.",[319,1681,1683],{"id":1682},"styling-and-theming","Styling and theming",[324,1685,1686,1687,1690,1691,1160],{},"Override globally through ",[327,1688,1689],{},"appConfig.ui.toggleGroup"," or locally with ",[327,1692,1543],{},[1204,1694,1695,1705],{},[1207,1696,1697],{},[1210,1698,1699,1702],{},[1213,1700,1701],{},"UI slot",[1213,1703,1704],{},"Purpose",[1226,1706,1707,1717,1726,1736],{},[1210,1708,1709,1714],{},[1231,1710,1711],{},[327,1712,1713],{},"root",[1231,1715,1716],{},"Group direction, wrapping, and connected overlap.",[1210,1718,1719,1723],{},[1231,1720,1721],{},[327,1722,1674],{},[1231,1724,1725],{},"Toggle layout, spacing, borders, surfaces, rounding, and disabled state.",[1210,1727,1728,1733],{},[1231,1729,1730],{},[327,1731,1732],{},"leadingIcon",[1231,1734,1735],{},"Built-in icon size and state-dependent foreground.",[1210,1737,1738,1742],{},[1231,1739,1740],{},[327,1741,1170],{},[1231,1743,1744],{},"Built-in label truncation and state-dependent foreground.",[324,1746,1747,1748,1564,1750,1564,1752,1754,1755,1160],{},"The theme combines ",[327,1749,1446],{},[327,1751,1466],{},[327,1753,1486],{},", and ",[327,1756,1197],{},[1204,1758,1759,1769],{},[1207,1760,1761],{},[1210,1762,1763,1766],{},[1213,1764,1765],{},"Variant",[1213,1767,1768],{},"Appearance",[1226,1770,1771,1781,1790],{},[1210,1772,1773,1778],{},[1231,1774,1775],{},[327,1776,1777],{},"outline",[1231,1779,1780],{},"White items with neutral borders; selected items gain a semantic border and light surface.",[1210,1782,1783,1787],{},[1231,1784,1785],{},[327,1786,1032],{},[1231,1788,1789],{},"Neutral resting surface; selected items gain a stronger light semantic surface.",[1210,1791,1792,1797],{},[1231,1793,1794],{},[327,1795,1796],{},"subtle",[1231,1798,1799,1800,1802],{},"Lighter neutral border than ",[327,1801,1777],{},"; selected items use a soft semantic border and surface.",[324,1804,1805],{},"Horizontal groups use a wrapping row, overlap adjacent borders by one pixel, and round the first and last inline edges. Vertical groups use a column, overlap horizontal borders, round the top and bottom items, and make each item full width.",[319,1807,299],{"id":1808},"accessibility",[324,1810,1811,1812,1146,1815,1818],{},"Each item is exposed by the core primitive as a focusable native button and announces ",[327,1813,1814],{},"pressed",[327,1816,1817],{},"not pressed",". Disabled groups and items use the disabled trait.",[324,1820,1821,1822,1825],{},"The kit item shape does not currently forward an ",[327,1823,1824],{},"accessibility-label"," to individual toggle roots. Prefer visible, descriptive labels. Icon-only groups do not have a kit-level per-item labeling API today, so treat them as an accessibility limitation and test them with VoiceOver and TalkBack. The group root itself does not add a native group role, and the current accessibility layer does not bridge these semantics to web ARIA.",[319,1827,1829],{"id":1828},"platform-notes","Platform notes",[1127,1831,1832,1842,1851,1860],{},[1130,1833,1834,1835,1838,1839,1841],{},"Items respond to Lynx ",[327,1836,1837],{},"tap"," events through the ",[327,1840,31],{}," toggle primitives.",[1130,1843,1844,1845,1848,1849,1160],{},"Lynx SVG does not inherit ",[327,1846,1847],{},"currentColor","; built-in icons receive a resolved hex color, and custom slots receive the same value as ",[327,1850,1678],{},[1130,1852,1853,1854,1856,1857,1859],{},"Text color classes are applied directly to ",[327,1855,1732],{}," and ",[327,1858,1170],{}," because CSS inheritance is disabled in the Lynx build.",[1130,1861,1862],{},"The default theme is light-mode-only.",[319,1864,1866],{"id":1865},"related-components","Related components",[1127,1868,1869,1877,1884],{},[1130,1870,1871,1876],{},[1872,1873,1874],"a",{"href":282},[327,1875,281],{}," for one independent pressed-state control.",[1130,1878,1879,1883],{},[1872,1880,1881],{"href":207},[327,1882,206],{}," for a required single-choice form field.",[1130,1885,1886,1890],{},[1872,1887,1888],{"href":265},[327,1889,264],{}," for an immediately applied binary setting.",[1892,1893,1894],"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 .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 .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":360,"searchDepth":367,"depth":400,"links":1896},[1897,1898,1902,1905,1906,1907,1908,1909,1910,1911],{"id":321,"depth":400,"text":322},{"id":341,"depth":400,"text":342,"children":1899},[1900,1901],{"id":710,"depth":428,"text":711},{"id":1052,"depth":428,"text":1053},{"id":1124,"depth":400,"text":1125,"children":1903},[1904],{"id":1201,"depth":428,"text":1202},{"id":1327,"depth":400,"text":1328},{"id":1603,"depth":400,"text":1604},{"id":1640,"depth":400,"text":1641},{"id":1682,"depth":400,"text":1683},{"id":1808,"depth":400,"text":299},{"id":1828,"depth":400,"text":1829},{"id":1865,"depth":400,"text":1866},"Select one or multiple values from a connected set of toggles.","md",[1915],{"label":1916,"icon":1917,"to":1918,"target":1919},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FToggleGroup.vue","_blank",{},{"icon":154},{"title":285,"description":1912},"UiwQ1Bqeanu62dEd-QzRoYbZPP0ibcz6a5nGM1n11uk",[1925,1927],{"title":281,"path":282,"stem":283,"description":1926,"icon":-1,"children":-1,"navigation":-1},"Switch a button between pressed and unpressed states.",{"title":289,"path":290,"stem":291,"description":1928,"icon":-1,"children":-1,"navigation":-1},"A morphing multi-view bottom sheet that grows to fit each view.",1783464070958]