[{"data":1,"prerenderedAt":2009},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Fisland-button":313,"\u002Fcomponents\u002Fisland-button-surround":2004},[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":146,"body":315,"description":1993,"extension":1411,"links":1994,"meta":2000,"navigation":2001,"package":60,"path":147,"seo":2002,"stem":148,"__hash__":2003},"docs\u002F3.components\u002Fisland-button.md",{"type":316,"value":317,"toc":1977},"minimark",[318,323,335,340,344,358,583,589,594,605,873,879,883,903,1264,1277,1281,1288,1340,1346,1350,1425,1429,1660,1664,1692,1696,1728,1731,1735,1744,1787,1800,1864,1867,1870,1880,1883,1887,1938,1942,1973],[319,320,322],"h2",{"id":321},"overview","Overview",[324,325,326,330,331,334],"p",{},[327,328,329],"code",{},"VyIslandButton"," is a pill-shaped action designed for ",[327,332,333],{},"VyIsland",". Inside an island it can declaratively select a value, switch the row mode, toggle an expanded panel, or reset the mode. It also works as a standalone button.",[336,337],"component-code",{"height":338,"name":339},"140px","island-button-example",[319,341,343],{"id":342},"usage","Usage",[324,345,346,347,350,351,354,355,357],{},"Use ",[327,348,349],{},"icon",", ",[327,352,353],{},"label",", or both. Buttons inherit their size from the nearest ",[327,356,333],{},".",[359,360,365],"pre",{"className":361,"code":362,"language":363,"meta":364,"style":364},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { VyIsland, VyIslandButton } from '@vyui\u002Fkit'\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVyIsland layer=\"inline\" size=\"lg\">\n    \u003CVyIslandButton icon=\"i-lucide-plus\" label=\"New issue\" \u002F>\n    \u003CVyIslandButton icon=\"i-lucide-settings\" accessibility-label=\"Settings\" \u002F>\n  \u003C\u002FVyIsland>\n\u003C\u002Ftemplate>\n","vue","",[327,366,367,402,436,446,453,463,497,532,564,574],{"__ignoreMap":364},[368,369,372,376,380,384,387,390,393,397,399],"span",{"class":370,"line":371},"line",1,[368,373,375],{"class":374},"sMK4o","\u003C",[368,377,379],{"class":378},"swJcz","script",[368,381,383],{"class":382},"spNyl"," setup",[368,385,386],{"class":382}," lang",[368,388,389],{"class":374},"=",[368,391,392],{"class":374},"\"",[368,394,396],{"class":395},"sfazB","ts",[368,398,392],{"class":374},[368,400,401],{"class":374},">\n",[368,403,405,409,412,416,419,422,425,428,431,433],{"class":370,"line":404},2,[368,406,408],{"class":407},"s7zQu","import",[368,410,411],{"class":374}," {",[368,413,415],{"class":414},"sTEyZ"," VyIsland",[368,417,418],{"class":374},",",[368,420,421],{"class":414}," VyIslandButton",[368,423,424],{"class":374}," }",[368,426,427],{"class":407}," from",[368,429,430],{"class":374}," '",[368,432,36],{"class":395},[368,434,435],{"class":374},"'\n",[368,437,439,442,444],{"class":370,"line":438},3,[368,440,441],{"class":374},"\u003C\u002F",[368,443,379],{"class":378},[368,445,401],{"class":374},[368,447,449],{"class":370,"line":448},4,[368,450,452],{"emptyLinePlaceholder":451},true,"\n",[368,454,456,458,461],{"class":370,"line":455},5,[368,457,375],{"class":374},[368,459,460],{"class":378},"template",[368,462,401],{"class":374},[368,464,466,469,471,474,476,478,481,483,486,488,490,493,495],{"class":370,"line":465},6,[368,467,468],{"class":374},"  \u003C",[368,470,333],{"class":378},[368,472,473],{"class":382}," layer",[368,475,389],{"class":374},[368,477,392],{"class":374},[368,479,480],{"class":395},"inline",[368,482,392],{"class":374},[368,484,485],{"class":382}," size",[368,487,389],{"class":374},[368,489,392],{"class":374},[368,491,492],{"class":395},"lg",[368,494,392],{"class":374},[368,496,401],{"class":374},[368,498,500,503,505,508,510,512,515,517,520,522,524,527,529],{"class":370,"line":499},7,[368,501,502],{"class":374},"    \u003C",[368,504,329],{"class":378},[368,506,507],{"class":382}," icon",[368,509,389],{"class":374},[368,511,392],{"class":374},[368,513,514],{"class":395},"i-lucide-plus",[368,516,392],{"class":374},[368,518,519],{"class":382}," label",[368,521,389],{"class":374},[368,523,392],{"class":374},[368,525,526],{"class":395},"New issue",[368,528,392],{"class":374},[368,530,531],{"class":374}," \u002F>\n",[368,533,535,537,539,541,543,545,548,550,553,555,557,560,562],{"class":370,"line":534},8,[368,536,502],{"class":374},[368,538,329],{"class":378},[368,540,507],{"class":382},[368,542,389],{"class":374},[368,544,392],{"class":374},[368,546,547],{"class":395},"i-lucide-settings",[368,549,392],{"class":374},[368,551,552],{"class":382}," accessibility-label",[368,554,389],{"class":374},[368,556,392],{"class":374},[368,558,559],{"class":395},"Settings",[368,561,392],{"class":374},[368,563,531],{"class":374},[368,565,567,570,572],{"class":370,"line":566},9,[368,568,569],{"class":374},"  \u003C\u002F",[368,571,333],{"class":378},[368,573,401],{"class":374},[368,575,577,579,581],{"class":370,"line":576},10,[368,578,441],{"class":374},[368,580,460],{"class":378},[368,582,401],{"class":374},[324,584,585,586,588],{},"With no ",[327,587,353],{}," and no default slot content, the button uses a square icon-only footprint. Supplying a label or default slot creates a wider pill.",[590,591,593],"h3",{"id":592},"selected-values","Selected values",[324,595,596,597,600,601,604],{},"Set ",[327,598,599],{},"value"," to connect the button to its parent island's ",[327,602,603],{},"v-model:value",". Matching buttons become active automatically.",[359,606,608],{"className":361,"code":607,"language":363,"meta":364,"style":364},"\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { VyIsland, VyIslandButton } from '@vyui\u002Fkit'\n\nconst active = ref\u003Cstring | number | null>('inbox')\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVyIsland v-model:value=\"active\" layer=\"inline\">\n    \u003CVyIslandButton value=\"inbox\" icon=\"i-lucide-inbox\" label=\"Inbox\" \u002F>\n    \u003CVyIslandButton value=\"saved\" icon=\"i-lucide-bookmark\" label=\"Saved\" \u002F>\n  \u003C\u002FVyIsland>\n\u003C\u002Ftemplate>\n",[327,609,610,630,649,671,675,722,730,734,742,772,813,855,864],{"__ignoreMap":364},[368,611,612,614,616,618,620,622,624,626,628],{"class":370,"line":371},[368,613,375],{"class":374},[368,615,379],{"class":378},[368,617,383],{"class":382},[368,619,386],{"class":382},[368,621,389],{"class":374},[368,623,392],{"class":374},[368,625,396],{"class":395},[368,627,392],{"class":374},[368,629,401],{"class":374},[368,631,632,634,636,639,641,643,645,647],{"class":370,"line":404},[368,633,408],{"class":407},[368,635,411],{"class":374},[368,637,638],{"class":414}," ref",[368,640,424],{"class":374},[368,642,427],{"class":407},[368,644,430],{"class":374},[368,646,363],{"class":395},[368,648,435],{"class":374},[368,650,651,653,655,657,659,661,663,665,667,669],{"class":370,"line":438},[368,652,408],{"class":407},[368,654,411],{"class":374},[368,656,415],{"class":414},[368,658,418],{"class":374},[368,660,421],{"class":414},[368,662,424],{"class":374},[368,664,427],{"class":407},[368,666,430],{"class":374},[368,668,36],{"class":395},[368,670,435],{"class":374},[368,672,673],{"class":370,"line":448},[368,674,452],{"emptyLinePlaceholder":451},[368,676,677,680,683,685,688,690,694,697,700,702,705,708,711,714,717,719],{"class":370,"line":455},[368,678,679],{"class":382},"const",[368,681,682],{"class":414}," active ",[368,684,389],{"class":374},[368,686,638],{"class":687},"s2Zo4",[368,689,375],{"class":374},[368,691,693],{"class":692},"sBMFI","string",[368,695,696],{"class":374}," |",[368,698,699],{"class":692}," number",[368,701,696],{"class":374},[368,703,704],{"class":692}," null",[368,706,707],{"class":374},">",[368,709,710],{"class":414},"(",[368,712,713],{"class":374},"'",[368,715,716],{"class":395},"inbox",[368,718,713],{"class":374},[368,720,721],{"class":414},")\n",[368,723,724,726,728],{"class":370,"line":465},[368,725,441],{"class":374},[368,727,379],{"class":378},[368,729,401],{"class":374},[368,731,732],{"class":370,"line":499},[368,733,452],{"emptyLinePlaceholder":451},[368,735,736,738,740],{"class":370,"line":534},[368,737,375],{"class":374},[368,739,460],{"class":378},[368,741,401],{"class":374},[368,743,744,746,748,751,753,755,758,760,762,764,766,768,770],{"class":370,"line":566},[368,745,468],{"class":374},[368,747,333],{"class":378},[368,749,750],{"class":382}," v-model:value",[368,752,389],{"class":374},[368,754,392],{"class":374},[368,756,757],{"class":395},"active",[368,759,392],{"class":374},[368,761,473],{"class":382},[368,763,389],{"class":374},[368,765,392],{"class":374},[368,767,480],{"class":395},[368,769,392],{"class":374},[368,771,401],{"class":374},[368,773,774,776,778,781,783,785,787,789,791,793,795,798,800,802,804,806,809,811],{"class":370,"line":576},[368,775,502],{"class":374},[368,777,329],{"class":378},[368,779,780],{"class":382}," value",[368,782,389],{"class":374},[368,784,392],{"class":374},[368,786,716],{"class":395},[368,788,392],{"class":374},[368,790,507],{"class":382},[368,792,389],{"class":374},[368,794,392],{"class":374},[368,796,797],{"class":395},"i-lucide-inbox",[368,799,392],{"class":374},[368,801,519],{"class":382},[368,803,389],{"class":374},[368,805,392],{"class":374},[368,807,808],{"class":395},"Inbox",[368,810,392],{"class":374},[368,812,531],{"class":374},[368,814,816,818,820,822,824,826,829,831,833,835,837,840,842,844,846,848,851,853],{"class":370,"line":815},11,[368,817,502],{"class":374},[368,819,329],{"class":378},[368,821,780],{"class":382},[368,823,389],{"class":374},[368,825,392],{"class":374},[368,827,828],{"class":395},"saved",[368,830,392],{"class":374},[368,832,507],{"class":382},[368,834,389],{"class":374},[368,836,392],{"class":374},[368,838,839],{"class":395},"i-lucide-bookmark",[368,841,392],{"class":374},[368,843,519],{"class":382},[368,845,389],{"class":374},[368,847,392],{"class":374},[368,849,850],{"class":395},"Saved",[368,852,392],{"class":374},[368,854,531],{"class":374},[368,856,858,860,862],{"class":370,"line":857},12,[368,859,569],{"class":374},[368,861,333],{"class":378},[368,863,401],{"class":374},[368,865,867,869,871],{"class":370,"line":866},13,[368,868,441],{"class":374},[368,870,460],{"class":378},[368,872,401],{"class":374},[324,874,875,876,878],{},"The explicit ",[327,877,757],{}," prop can force active styling independently of the parent's value.",[590,880,882],{"id":881},"mode-and-expansion-controls","Mode and expansion controls",[324,884,885,886,888,889,888,892,888,895,898,899,902],{},"Declarative behavior props can be combined. On tap, the button applies ",[327,887,599],{},", then ",[327,890,891],{},"mode",[327,893,894],{},"expand",[327,896,897],{},"reset",", before emitting its own ",[327,900,901],{},"tap"," event.",[359,904,906],{"className":361,"code":905,"language":363,"meta":364,"style":364},"\u003Cscript setup lang=\"ts\">\nimport { VyIsland, VyIslandButton } from '@vyui\u002Fkit'\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVyIsland layer=\"inline\">\n    \u003CVyIslandButton mode=\"search\" icon=\"i-lucide-search\" \u002F>\n    \u003CVyIslandButton expand icon=\"i-lucide-menu\" \u002F>\n\n    \u003Ctemplate #search>\n      \u003CVyIslandButton\n        reset\n        icon=\"i-lucide-search\"\n        label=\"Search…\"\n        :style=\"{ flexGrow: 1 }\"\n      \u002F>\n      \u003CVyIslandButton reset icon=\"i-lucide-x\" \u002F>\n    \u003C\u002Ftemplate>\n\n    \u003Ctemplate #expanded>\n      \u003CVyIslandButton expand icon=\"i-lucide-settings\" label=\"Settings\" \u002F>\n      \u003CVyIslandButton expand icon=\"i-lucide-circle-help\" label=\"Help\" \u002F>\n    \u003C\u002Ftemplate>\n  \u003C\u002FVyIsland>\n\u003C\u002Ftemplate>\n",[327,907,908,928,950,958,962,970,988,1019,1041,1045,1058,1066,1071,1085,1100,1115,1121,1144,1154,1159,1173,1204,1237,1246,1255],{"__ignoreMap":364},[368,909,910,912,914,916,918,920,922,924,926],{"class":370,"line":371},[368,911,375],{"class":374},[368,913,379],{"class":378},[368,915,383],{"class":382},[368,917,386],{"class":382},[368,919,389],{"class":374},[368,921,392],{"class":374},[368,923,396],{"class":395},[368,925,392],{"class":374},[368,927,401],{"class":374},[368,929,930,932,934,936,938,940,942,944,946,948],{"class":370,"line":404},[368,931,408],{"class":407},[368,933,411],{"class":374},[368,935,415],{"class":414},[368,937,418],{"class":374},[368,939,421],{"class":414},[368,941,424],{"class":374},[368,943,427],{"class":407},[368,945,430],{"class":374},[368,947,36],{"class":395},[368,949,435],{"class":374},[368,951,952,954,956],{"class":370,"line":438},[368,953,441],{"class":374},[368,955,379],{"class":378},[368,957,401],{"class":374},[368,959,960],{"class":370,"line":448},[368,961,452],{"emptyLinePlaceholder":451},[368,963,964,966,968],{"class":370,"line":455},[368,965,375],{"class":374},[368,967,460],{"class":378},[368,969,401],{"class":374},[368,971,972,974,976,978,980,982,984,986],{"class":370,"line":465},[368,973,468],{"class":374},[368,975,333],{"class":378},[368,977,473],{"class":382},[368,979,389],{"class":374},[368,981,392],{"class":374},[368,983,480],{"class":395},[368,985,392],{"class":374},[368,987,401],{"class":374},[368,989,990,992,994,997,999,1001,1004,1006,1008,1010,1012,1015,1017],{"class":370,"line":499},[368,991,502],{"class":374},[368,993,329],{"class":378},[368,995,996],{"class":382}," mode",[368,998,389],{"class":374},[368,1000,392],{"class":374},[368,1002,1003],{"class":395},"search",[368,1005,392],{"class":374},[368,1007,507],{"class":382},[368,1009,389],{"class":374},[368,1011,392],{"class":374},[368,1013,1014],{"class":395},"i-lucide-search",[368,1016,392],{"class":374},[368,1018,531],{"class":374},[368,1020,1021,1023,1025,1028,1030,1032,1034,1037,1039],{"class":370,"line":534},[368,1022,502],{"class":374},[368,1024,329],{"class":378},[368,1026,1027],{"class":382}," expand",[368,1029,507],{"class":382},[368,1031,389],{"class":374},[368,1033,392],{"class":374},[368,1035,1036],{"class":395},"i-lucide-menu",[368,1038,392],{"class":374},[368,1040,531],{"class":374},[368,1042,1043],{"class":370,"line":566},[368,1044,452],{"emptyLinePlaceholder":451},[368,1046,1047,1049,1051,1054,1056],{"class":370,"line":576},[368,1048,502],{"class":374},[368,1050,460],{"class":378},[368,1052,1053],{"class":374}," #",[368,1055,1003],{"class":382},[368,1057,401],{"class":374},[368,1059,1060,1063],{"class":370,"line":815},[368,1061,1062],{"class":374},"      \u003C",[368,1064,1065],{"class":378},"VyIslandButton\n",[368,1067,1068],{"class":370,"line":857},[368,1069,1070],{"class":382},"        reset\n",[368,1072,1073,1076,1078,1080,1082],{"class":370,"line":866},[368,1074,1075],{"class":382},"        icon",[368,1077,389],{"class":374},[368,1079,392],{"class":374},[368,1081,1014],{"class":395},[368,1083,1084],{"class":374},"\"\n",[368,1086,1088,1091,1093,1095,1098],{"class":370,"line":1087},14,[368,1089,1090],{"class":382},"        label",[368,1092,389],{"class":374},[368,1094,392],{"class":374},[368,1096,1097],{"class":395},"Search…",[368,1099,1084],{"class":374},[368,1101,1103,1106,1108,1110,1113],{"class":370,"line":1102},15,[368,1104,1105],{"class":382},"        :style",[368,1107,389],{"class":374},[368,1109,392],{"class":374},[368,1111,1112],{"class":395},"{ flexGrow: 1 }",[368,1114,1084],{"class":374},[368,1116,1118],{"class":370,"line":1117},16,[368,1119,1120],{"class":374},"      \u002F>\n",[368,1122,1124,1126,1128,1131,1133,1135,1137,1140,1142],{"class":370,"line":1123},17,[368,1125,1062],{"class":374},[368,1127,329],{"class":378},[368,1129,1130],{"class":382}," reset",[368,1132,507],{"class":382},[368,1134,389],{"class":374},[368,1136,392],{"class":374},[368,1138,1139],{"class":395},"i-lucide-x",[368,1141,392],{"class":374},[368,1143,531],{"class":374},[368,1145,1147,1150,1152],{"class":370,"line":1146},18,[368,1148,1149],{"class":374},"    \u003C\u002F",[368,1151,460],{"class":378},[368,1153,401],{"class":374},[368,1155,1157],{"class":370,"line":1156},19,[368,1158,452],{"emptyLinePlaceholder":451},[368,1160,1162,1164,1166,1168,1171],{"class":370,"line":1161},20,[368,1163,502],{"class":374},[368,1165,460],{"class":378},[368,1167,1053],{"class":374},[368,1169,1170],{"class":382},"expanded",[368,1172,401],{"class":374},[368,1174,1176,1178,1180,1182,1184,1186,1188,1190,1192,1194,1196,1198,1200,1202],{"class":370,"line":1175},21,[368,1177,1062],{"class":374},[368,1179,329],{"class":378},[368,1181,1027],{"class":382},[368,1183,507],{"class":382},[368,1185,389],{"class":374},[368,1187,392],{"class":374},[368,1189,547],{"class":395},[368,1191,392],{"class":374},[368,1193,519],{"class":382},[368,1195,389],{"class":374},[368,1197,392],{"class":374},[368,1199,559],{"class":395},[368,1201,392],{"class":374},[368,1203,531],{"class":374},[368,1205,1207,1209,1211,1213,1215,1217,1219,1222,1224,1226,1228,1230,1233,1235],{"class":370,"line":1206},22,[368,1208,1062],{"class":374},[368,1210,329],{"class":378},[368,1212,1027],{"class":382},[368,1214,507],{"class":382},[368,1216,389],{"class":374},[368,1218,392],{"class":374},[368,1220,1221],{"class":395},"i-lucide-circle-help",[368,1223,392],{"class":374},[368,1225,519],{"class":382},[368,1227,389],{"class":374},[368,1229,392],{"class":374},[368,1231,1232],{"class":395},"Help",[368,1234,392],{"class":374},[368,1236,531],{"class":374},[368,1238,1240,1242,1244],{"class":370,"line":1239},23,[368,1241,1149],{"class":374},[368,1243,460],{"class":378},[368,1245,401],{"class":374},[368,1247,1249,1251,1253],{"class":370,"line":1248},24,[368,1250,569],{"class":374},[368,1252,333],{"class":378},[368,1254,401],{"class":374},[368,1256,1258,1260,1262],{"class":370,"line":1257},25,[368,1259,441],{"class":374},[368,1261,460],{"class":378},[368,1263,401],{"class":374},[324,1265,1266,350,1268,1270,1271,1273,1274,1276],{},[327,1267,891],{},[327,1269,894],{},", and ",[327,1272,897],{}," do nothing when the button has no parent island context; the normal ",[327,1275,901],{}," event still fires.",[590,1278,1280],{"id":1279},"custom-content","Custom content",[324,1282,1283,1284,1287],{},"The ",[327,1285,1286],{},"leading"," slot replaces the built-in icon. The default slot replaces the built-in label while retaining the leading icon.",[359,1289,1291],{"className":361,"code":1290,"language":363,"meta":364,"style":364},"\u003CVyIslandButton icon=\"i-lucide-bell\">\n  \u003Cview class=\"flex flex-row items-center gap-1\">\n    \u003Ctext>Notifications\u003C\u002Ftext>\n    \u003Ctext class=\"rounded-full bg-red-500 px-1.5 text-xs text-white\">3\u003C\u002Ftext>\n  \u003C\u002Fview>\n\u003C\u002FVyIslandButton>\n",[327,1292,1293,1312,1317,1322,1327,1332],{"__ignoreMap":364},[368,1294,1295,1297,1299,1301,1303,1305,1308,1310],{"class":370,"line":371},[368,1296,375],{"class":374},[368,1298,329],{"class":378},[368,1300,507],{"class":382},[368,1302,389],{"class":374},[368,1304,392],{"class":374},[368,1306,1307],{"class":395},"i-lucide-bell",[368,1309,392],{"class":374},[368,1311,401],{"class":374},[368,1313,1314],{"class":370,"line":404},[368,1315,1316],{"class":414},"  \u003Cview class=\"flex flex-row items-center gap-1\">\n",[368,1318,1319],{"class":370,"line":438},[368,1320,1321],{"class":414},"    \u003Ctext>Notifications\u003C\u002Ftext>\n",[368,1323,1324],{"class":370,"line":448},[368,1325,1326],{"class":414},"    \u003Ctext class=\"rounded-full bg-red-500 px-1.5 text-xs text-white\">3\u003C\u002Ftext>\n",[368,1328,1329],{"class":370,"line":455},[368,1330,1331],{"class":414},"  \u003C\u002Fview>\n",[368,1333,1334,1336,1338],{"class":370,"line":465},[368,1335,441],{"class":374},[368,1337,329],{"class":378},[368,1339,401],{"class":374},[324,1341,1342,1343,1345],{},"When rendering a custom SVG icon in ",[327,1344,1286],{},", pass an explicit color because Lynx SVG does not inherit text color.",[319,1347,1349],{"id":1348},"features-and-behavior","Features and behavior",[1351,1352,1353,1359,1364,1369,1377,1389,1394,1402,1412],"ul",{},[1354,1355,1356,1358],"li",{},[327,1357,599],{}," sets the parent island's selected value and automatically participates in active-state matching.",[1354,1360,1361,1363],{},[327,1362,891],{}," sets the parent island's free-form row mode.",[1354,1365,1366,1368],{},[327,1367,894],{}," toggles the parent island's open state.",[1354,1370,1371,1373,1374,357],{},[327,1372,897],{}," sets the parent mode to ",[327,1375,1376],{},"'default'",[1354,1378,1379,1380,1382,1383,1382,1385,1382,1387,357],{},"Behavior props may be combined and run in the fixed order ",[327,1381,599],{}," → ",[327,1384,891],{},[327,1386,894],{},[327,1388,897],{},[1354,1390,1391,1392,357],{},"Disabled buttons do not update island state and do not emit ",[327,1393,901],{},[1354,1395,1396,1398,1399,1401],{},[327,1397,757],{}," always enables active styling. Otherwise, a defined ",[327,1400,599],{}," is active when it strictly equals the parent value.",[1354,1403,1404,1405,1408,1409,357],{},"An explicit ",[327,1406,1407],{},"size"," overrides the inherited island size. Standalone buttons default to ",[327,1410,1411],{},"md",[1354,1413,1414,1415,350,1418,350,1420,1270,1422,357],{},"Built-in icon sizes are 16, 20, 24, and 28 pixels for ",[327,1416,1417],{},"sm",[327,1419,1411],{},[327,1421,492],{},[327,1423,1424],{},"xl",[319,1426,1428],{"id":1427},"props","Props",[1430,1431,1432,1451],"table",{},[1433,1434,1435],"thead",{},[1436,1437,1438,1442,1445,1448],"tr",{},[1439,1440,1441],"th",{},"Prop",[1439,1443,1444],{},"Type",[1439,1446,1447],{},"Default",[1439,1449,1450],{},"Description",[1452,1453,1454,1473,1490,1509,1530,1548,1565,1582,1602,1622,1641],"tbody",{},[1436,1455,1456,1461,1465,1470],{},[1457,1458,1459],"td",{},[327,1460,349],{},[1457,1462,1463],{},[327,1464,693],{},[1457,1466,1467],{},[327,1468,1469],{},"undefined",[1457,1471,1472],{},"Leading Iconify icon name.",[1436,1474,1475,1479,1483,1487],{},[1457,1476,1477],{},[327,1478,353],{},[1457,1480,1481],{},[327,1482,693],{},[1457,1484,1485],{},[327,1486,1469],{},[1457,1488,1489],{},"Built-in label text. Its presence creates a label-pill footprint.",[1436,1491,1492,1496,1501,1506],{},[1457,1493,1494],{},[327,1495,757],{},[1457,1497,1498],{},[327,1499,1500],{},"boolean",[1457,1502,1503],{},[327,1504,1505],{},"false",[1457,1507,1508],{},"Forces active styling. Parent value matching can also activate the button.",[1436,1510,1511,1516,1520,1524],{},[1457,1512,1513],{},[327,1514,1515],{},"disabled",[1457,1517,1518],{},[327,1519,1500],{},[1457,1521,1522],{},[327,1523,1505],{},[1457,1525,1526,1527,1529],{},"Prevents state changes and ",[327,1528,901],{}," emission.",[1436,1531,1532,1536,1541,1545],{},[1457,1533,1534],{},[327,1535,599],{},[1457,1537,1538],{},[327,1539,1540],{},"string | number",[1457,1542,1543],{},[327,1544,1469],{},[1457,1546,1547],{},"Value written to the parent island on tap and used for automatic active state.",[1436,1549,1550,1554,1558,1562],{},[1457,1551,1552],{},[327,1553,891],{},[1457,1555,1556],{},[327,1557,693],{},[1457,1559,1560],{},[327,1561,1469],{},[1457,1563,1564],{},"Free-form row mode written to the parent island on tap.",[1436,1566,1567,1571,1575,1579],{},[1457,1568,1569],{},[327,1570,894],{},[1457,1572,1573],{},[327,1574,1500],{},[1457,1576,1577],{},[327,1578,1505],{},[1457,1580,1581],{},"Toggles the parent island's open state on tap.",[1436,1583,1584,1588,1592,1596],{},[1457,1585,1586],{},[327,1587,897],{},[1457,1589,1590],{},[327,1591,1500],{},[1457,1593,1594],{},[327,1595,1505],{},[1457,1597,1598,1599,1601],{},"Resets the parent island's mode to ",[327,1600,1376],{}," on tap.",[1436,1603,1604,1608,1613,1619],{},[1457,1605,1606],{},[327,1607,1407],{},[1457,1609,1610],{},[327,1611,1612],{},"'sm' | 'md' | 'lg' | 'xl'",[1457,1614,1615,1616],{},"Parent size \u002F ",[327,1617,1618],{},"'md'",[1457,1620,1621],{},"Explicit size override.",[1436,1623,1624,1629,1634,1638],{},[1457,1625,1626],{},[327,1627,1628],{},"class",[1457,1630,1631],{},[327,1632,1633],{},"any",[1457,1635,1636],{},[327,1637,1469],{},[1457,1639,1640],{},"Classes merged onto the button base.",[1436,1642,1643,1648,1653,1657],{},[1457,1644,1645],{},[327,1646,1647],{},"ui",[1457,1649,1650],{},[327,1651,1652],{},"Partial\u003CRecord\u003CIslandButtonSlot, any>>",[1457,1654,1655],{},[327,1656,1469],{},[1457,1658,1659],{},"Per-instance theme slot overrides.",[319,1661,1663],{"id":1662},"emits","Emits",[1430,1665,1666,1678],{},[1433,1667,1668],{},[1436,1669,1670,1673,1676],{},[1439,1671,1672],{},"Event",[1439,1674,1675],{},"Payload",[1439,1677,1450],{},[1452,1679,1680],{},[1436,1681,1682,1686,1689],{},[1457,1683,1684],{},[327,1685,901],{},[1457,1687,1688],{},"none",[1457,1690,1691],{},"Emitted after enabled declarative parent updates have run.",[319,1693,1695],{"id":1694},"slots","Slots",[1430,1697,1698,1707],{},[1433,1699,1700],{},[1436,1701,1702,1705],{},[1439,1703,1704],{},"Slot",[1439,1706,1450],{},[1452,1708,1709,1719],{},[1436,1710,1711,1716],{},[1457,1712,1713],{},[327,1714,1715],{},"default",[1457,1717,1718],{},"Replaces the built-in label. The built-in leading icon remains.",[1436,1720,1721,1725],{},[1457,1722,1723],{},[327,1724,1286],{},[1457,1726,1727],{},"Replaces the built-in icon area entirely.",[324,1729,1730],{},"Slot content does not receive scoped props.",[319,1732,1734],{"id":1733},"styling-and-theming","Styling and theming",[324,1736,1737,1738,1741,1742,357],{},"Override globally through ",[327,1739,1740],{},"appConfig.ui.islandButton"," or locally with ",[327,1743,1647],{},[1430,1745,1746,1756],{},[1433,1747,1748],{},[1436,1749,1750,1753],{},[1439,1751,1752],{},"UI slot",[1439,1754,1755],{},"Purpose",[1452,1757,1758,1768,1778],{},[1436,1759,1760,1765],{},[1457,1761,1762],{},[327,1763,1764],{},"base",[1457,1766,1767],{},"Button layout, target size, spacing, surface states, and rounding.",[1436,1769,1770,1775],{},[1457,1771,1772],{},[327,1773,1774],{},"leadingIcon",[1457,1776,1777],{},"Built-in icon size and foreground color.",[1436,1779,1780,1784],{},[1457,1781,1782],{},[327,1783,353],{},[1457,1785,1786],{},"Built-in label size, truncation, and foreground color.",[324,1788,1789,1790,1792,1793,1795,1796,1799],{},"The theme combines ",[327,1791,1407],{},", resolved ",[327,1794,757],{}," state, and automatic ",[327,1797,1798],{},"iconOnly"," detection.",[1430,1801,1802,1814],{},[1433,1803,1804],{},[1436,1805,1806,1809,1812],{},[1439,1807,1808],{},"Size",[1439,1810,1811],{},"Target",[1439,1813,133],{},[1452,1815,1816,1828,1840,1852],{},[1436,1817,1818,1822,1825],{},[1457,1819,1820],{},[327,1821,1417],{},[1457,1823,1824],{},"40px",[1457,1826,1827],{},"16px",[1436,1829,1830,1834,1837],{},[1457,1831,1832],{},[327,1833,1411],{},[1457,1835,1836],{},"44px",[1457,1838,1839],{},"20px",[1436,1841,1842,1846,1849],{},[1457,1843,1844],{},[327,1845,492],{},[1457,1847,1848],{},"56px",[1457,1850,1851],{},"24px",[1436,1853,1854,1858,1861],{},[1457,1855,1856],{},[327,1857,1424],{},[1457,1859,1860],{},"64px",[1457,1862,1863],{},"28px",[324,1865,1866],{},"Inactive buttons are transparent with slate foregrounds and a pressed background. Active buttons use a subtle dark surface and stronger foreground. Disabled buttons reduce opacity. The default theme is light-mode-oriented.",[319,1868,299],{"id":1869},"accessibility",[324,1871,1872,1873,1875,1876,1879],{},"The underlying ",[327,1874,31],{}," button exposes native Lynx button semantics, blocks interaction when disabled, and announces disabled state. Pass ",[327,1877,1878],{},"accessibility-label"," for every icon-only button; attributes fall through to the underlying button root.",[324,1881,1882],{},"The active visual state does not currently add a pressed, selected, or current accessibility state. Use visible labels where possible, provide surrounding context for navigation state, and test value-driven island navigation with VoiceOver and TalkBack. Custom default content should retain a concise accessible name.",[319,1884,1886],{"id":1885},"platform-notes","Platform notes",[1351,1888,1889,1899,1916,1926],{},[1354,1890,1891,1892,1894,1895,1898],{},"Interaction uses Lynx ",[327,1893,901],{},", exposed as Vue's ",[327,1896,1897],{},"@tap",", rather than relying on a DOM click event.",[1354,1900,1901,1902,1905,1906,350,1909,1270,1912,1915],{},"Lynx SVG does not inherit ",[327,1903,1904],{},"currentColor",". The built-in icon resolves supported ",[327,1907,1908],{},"text-{color}-{shade}",[327,1910,1911],{},"text-white",[327,1913,1914],{},"text-black"," classes into an explicit icon color.",[1354,1917,1918,1919,1922,1923,1925],{},"Arbitrary foreground classes such as ",[327,1920,1921],{},"text-[#abc]"," cannot be inferred for the built-in SVG; use a custom ",[327,1924,1286],{}," slot and explicit icon color when needed.",[1354,1927,1928,1929,1931,1932,1934,1935,1937],{},"Foreground classes live on ",[327,1930,1774],{}," and ",[327,1933,353],{},", not only on ",[327,1936,1764],{},", because CSS inheritance is disabled in the Lynx build.",[319,1939,1941],{"id":1940},"related-components","Related components",[1351,1943,1944,1952,1959,1966],{},[1354,1945,1946,1951],{},[1947,1948,1949],"a",{"href":143},[327,1950,142],{}," for parent state, sizing, row modes, and expandable panels.",[1354,1953,1954,1958],{},[1947,1955,1956],{"href":152},[327,1957,151],{}," for arranging companion islands.",[1354,1960,1961,1965],{},[1947,1962,1963],{"href":94},[327,1964,93],{}," for a general-purpose action outside island layouts.",[1354,1967,1968,1972],{},[1947,1969,1970],{"href":282},[327,1971,281],{}," when the pressed state itself is the control's value.",[1974,1975,1976],"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 .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 .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}",{"title":364,"searchDepth":371,"depth":404,"links":1978},[1979,1980,1985,1986,1987,1988,1989,1990,1991,1992],{"id":321,"depth":404,"text":322},{"id":342,"depth":404,"text":343,"children":1981},[1982,1983,1984],{"id":592,"depth":438,"text":593},{"id":881,"depth":438,"text":882},{"id":1279,"depth":438,"text":1280},{"id":1348,"depth":404,"text":1349},{"id":1427,"depth":404,"text":1428},{"id":1662,"depth":404,"text":1663},{"id":1694,"depth":404,"text":1695},{"id":1733,"depth":404,"text":1734},{"id":1869,"depth":404,"text":299},{"id":1885,"depth":404,"text":1886},{"id":1940,"depth":404,"text":1941},"Add actions, selections, mode switches, and expansion controls to an island.",[1995],{"label":1996,"icon":1997,"to":1998,"target":1999},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FIslandButton.vue","_blank",{},{"icon":149},{"title":146,"description":1993},"cnPr0aEbY8qFjPCxs9Ros5erd3iyp0IspI4Y5yhjuJ4",[2005,2007],{"title":142,"path":143,"stem":144,"description":2006,"icon":-1,"children":-1,"navigation":-1},"Build a floating or inline pill that can select, morph, and expand.",{"title":151,"path":152,"stem":153,"description":2008,"icon":-1,"children":-1,"navigation":-1},"Position multiple companion islands as one floating or inline layout.",1783464079397]