[{"data":1,"prerenderedAt":2101},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Fisland-button":406,"\u002Fcomponents\u002Fisland-button-surround":2096},[4,34,51,301,327,332,337],{"title":5,"path":6,"stem":7,"children":8,"package":11,"icon":33},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,13,18,23,28],{"title":10,"path":6,"stem":7,"package":11,"icon":12},"Introduction",null,"i-lucide-house",{"title":14,"path":15,"stem":16,"package":11,"icon":17},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":19,"path":20,"stem":21,"package":11,"icon":22},"Icons","\u002Fgetting-started\u002Ficons","1.getting-started\u002F3.icons","i-lucide-sparkles",{"title":24,"path":25,"stem":26,"package":11,"icon":27},"CLI","\u002Fgetting-started\u002Fcli","1.getting-started\u002F4.cli","i-lucide-terminal",{"title":29,"path":30,"stem":31,"package":11,"icon":32},"Roadmap","\u002Fgetting-started\u002Froadmap","1.getting-started\u002F5.roadmap","i-lucide-map","i-lucide-rocket",{"title":35,"package":11,"icon":36,"path":37,"stem":38,"children":39,"page":50},"Packages","i-lucide-package","\u002Fpackages","2.packages",[40,45],{"title":41,"path":42,"stem":43,"package":11,"icon":44},"@vyui\u002Fcore","\u002Fpackages\u002Fcore","2.packages\u002F1.core","i-lucide-box",{"title":46,"path":47,"stem":48,"package":11,"icon":49},"@vyui\u002Fkit","\u002Fpackages\u002Fkit","2.packages\u002F2.kit","i-lucide-layers",false,{"title":52,"package":11,"icon":53,"path":54,"stem":55,"children":56},"Components","i-lucide-layout-grid","\u002Fcomponents","3.components",[57,59,65,70,75,80,85,90,95,100,105,110,115,120,125,130,135,140,144,149,153,158,163,168,173,178,183,188,193,198,203,208,213,218,223,228,233,238,242,246,251,256,261,266,271,276,280,284,288,292,296],{"title":52,"path":54,"stem":58,"package":11,"icon":53},"3.components\u002Findex",{"title":60,"path":61,"stem":62,"package":63,"icon":64},"Accordion","\u002Fcomponents\u002Faccordion","3.components\u002Faccordion","kit","i-lucide-list-collapse",{"title":66,"path":67,"stem":68,"package":63,"icon":69},"Action Sheet","\u002Fcomponents\u002Faction-sheet","3.components\u002Faction-sheet","i-lucide-panel-bottom",{"title":71,"path":72,"stem":73,"package":63,"icon":74},"Alert","\u002Fcomponents\u002Falert","3.components\u002Falert","i-lucide-triangle-alert",{"title":76,"path":77,"stem":78,"package":79,"icon":74},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","3.components\u002Falert-dialog","core",{"title":81,"path":82,"stem":83,"package":63,"icon":84},"App","\u002Fcomponents\u002Fapp","3.components\u002Fapp","i-lucide-smartphone",{"title":86,"path":87,"stem":88,"package":63,"icon":89},"Aspect Ratio","\u002Fcomponents\u002Faspect-ratio","3.components\u002Faspect-ratio","i-lucide-ratio",{"title":91,"path":92,"stem":93,"package":63,"icon":94},"Avatar","\u002Fcomponents\u002Favatar","3.components\u002Favatar","i-lucide-circle-user-round",{"title":96,"path":97,"stem":98,"package":63,"icon":99},"Avatar Group","\u002Fcomponents\u002Favatar-group","3.components\u002Favatar-group","i-lucide-users-round",{"title":101,"path":102,"stem":103,"package":63,"icon":104},"Button","\u002Fcomponents\u002Fbutton","3.components\u002Fbutton","i-lucide-square-mouse-pointer",{"title":106,"path":107,"stem":108,"package":63,"icon":109},"Calendar","\u002Fcomponents\u002Fcalendar","3.components\u002Fcalendar","i-lucide-calendar-days",{"title":111,"path":112,"stem":113,"package":63,"icon":114},"Card","\u002Fcomponents\u002Fcard","3.components\u002Fcard","i-lucide-square",{"title":116,"path":117,"stem":118,"package":63,"icon":119},"Checkbox","\u002Fcomponents\u002Fcheckbox","3.components\u002Fcheckbox","i-lucide-square-check",{"title":121,"path":122,"stem":123,"package":79,"icon":124},"Collapsible","\u002Fcomponents\u002Fcollapsible","3.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":126,"path":127,"stem":128,"package":79,"icon":129},"Dialog","\u002Fcomponents\u002Fdialog","3.components\u002Fdialog","i-lucide-app-window",{"title":131,"path":132,"stem":133,"package":79,"icon":134},"Draggable","\u002Fcomponents\u002Fdraggable","3.components\u002Fdraggable","i-lucide-move",{"title":136,"path":137,"stem":138,"package":63,"icon":139},"Form","\u002Fcomponents\u002Fform","3.components\u002Fform","i-lucide-clipboard-list",{"title":141,"path":142,"stem":143,"package":79,"icon":22},"Icon","\u002Fcomponents\u002Ficon","3.components\u002Ficon",{"title":145,"path":146,"stem":147,"package":63,"icon":148},"Input","\u002Fcomponents\u002Finput","3.components\u002Finput","i-lucide-text-cursor-input",{"title":150,"path":151,"stem":152,"package":63,"icon":69},"Island","\u002Fcomponents\u002Fisland","3.components\u002Fisland",{"title":154,"path":155,"stem":156,"package":63,"icon":157},"Island Button","\u002Fcomponents\u002Fisland-button","3.components\u002Fisland-button","i-lucide-circle-ellipsis",{"title":159,"path":160,"stem":161,"package":63,"icon":162},"Island Group","\u002Fcomponents\u002Fisland-group","3.components\u002Fisland-group","i-lucide-panels-top-left",{"title":164,"path":165,"stem":166,"package":63,"icon":167},"KeyboardAware","\u002Fcomponents\u002Fkeyboard-aware","3.components\u002Fkeyboard-aware","i-lucide-keyboard",{"title":169,"path":170,"stem":171,"package":63,"icon":172},"Label","\u002Fcomponents\u002Flabel","3.components\u002Flabel","i-lucide-tag",{"title":174,"path":175,"stem":176,"package":63,"icon":177},"Modal","\u002Fcomponents\u002Fmodal","3.components\u002Fmodal","i-lucide-gallery-vertical-end",{"title":179,"path":180,"stem":181,"package":79,"icon":182},"Navigation","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation","i-lucide-route",{"title":184,"path":185,"stem":186,"package":63,"icon":187},"Number Field","\u002Fcomponents\u002Fnumber-field","3.components\u002Fnumber-field","i-lucide-list-plus",{"title":189,"path":190,"stem":191,"package":79,"icon":192},"Pagination","\u002Fcomponents\u002Fpagination","3.components\u002Fpagination","i-lucide-ellipsis",{"title":194,"path":195,"stem":196,"package":63,"icon":197},"Pin Input","\u002Fcomponents\u002Fpin-input","3.components\u002Fpin-input","i-lucide-key-round",{"title":199,"path":200,"stem":201,"package":63,"icon":202},"Placeholder","\u002Fcomponents\u002Fplaceholder","3.components\u002Fplaceholder","i-lucide-square-dashed",{"title":204,"path":205,"stem":206,"package":63,"icon":207},"Popover","\u002Fcomponents\u002Fpopover","3.components\u002Fpopover","i-lucide-message-square-more",{"title":209,"path":210,"stem":211,"package":63,"icon":212},"Progress","\u002Fcomponents\u002Fprogress","3.components\u002Fprogress","i-lucide-chart-no-axes-column-increasing",{"title":214,"path":215,"stem":216,"package":63,"icon":217},"Radio Group","\u002Fcomponents\u002Fradio-group","3.components\u002Fradio-group","i-lucide-circle-dot",{"title":219,"path":220,"stem":221,"package":63,"icon":222},"Rating","\u002Fcomponents\u002Frating","3.components\u002Frating","i-lucide-star",{"title":224,"path":225,"stem":226,"package":79,"icon":227},"Scroll View","\u002Fcomponents\u002Fscroll-view","3.components\u002Fscroll-view","i-lucide-scroll",{"title":229,"path":230,"stem":231,"package":63,"icon":232},"Select","\u002Fcomponents\u002Fselect","3.components\u002Fselect","i-lucide-list-check",{"title":234,"path":235,"stem":236,"package":63,"icon":237},"Separator","\u002Fcomponents\u002Fseparator","3.components\u002Fseparator","i-lucide-separator-horizontal",{"title":239,"path":240,"stem":241,"package":79,"icon":69},"Sheet","\u002Fcomponents\u002Fsheet","3.components\u002Fsheet",{"title":243,"path":244,"stem":245,"package":63,"icon":162},"Skeleton","\u002Fcomponents\u002Fskeleton","3.components\u002Fskeleton",{"title":247,"path":248,"stem":249,"package":63,"icon":250},"Slider","\u002Fcomponents\u002Fslider","3.components\u002Fslider","i-lucide-sliders-horizontal",{"title":252,"path":253,"stem":254,"package":63,"icon":255},"Sortable","\u002Fcomponents\u002Fsortable","3.components\u002Fsortable","i-lucide-list-restart",{"title":257,"path":258,"stem":259,"package":63,"icon":260},"Stepper","\u002Fcomponents\u002Fstepper","3.components\u002Fstepper","i-lucide-list-ordered",{"title":262,"path":263,"stem":264,"package":63,"icon":265},"Swipe Action","\u002Fcomponents\u002Fswipe-action","3.components\u002Fswipe-action","i-lucide-move-horizontal",{"title":267,"path":268,"stem":269,"package":63,"icon":270},"Swiper","\u002Fcomponents\u002Fswiper","3.components\u002Fswiper","i-lucide-gallery-horizontal-end",{"title":272,"path":273,"stem":274,"package":63,"icon":275},"Switch","\u002Fcomponents\u002Fswitch","3.components\u002Fswitch","i-lucide-toggle-right",{"title":277,"path":278,"stem":279,"package":63,"icon":162},"Tabs","\u002Fcomponents\u002Ftabs","3.components\u002Ftabs",{"title":281,"path":282,"stem":283,"package":63,"icon":148},"Textarea","\u002Fcomponents\u002Ftextarea","3.components\u002Ftextarea",{"title":285,"path":286,"stem":287,"package":63,"icon":207},"Toast","\u002Fcomponents\u002Ftoast","3.components\u002Ftoast",{"title":289,"path":290,"stem":291,"package":63,"icon":275},"Toggle","\u002Fcomponents\u002Ftoggle","3.components\u002Ftoggle",{"title":293,"path":294,"stem":295,"package":63,"icon":162},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","3.components\u002Ftoggle-group",{"title":297,"path":298,"stem":299,"package":63,"icon":300},"Tray","\u002Fcomponents\u002Ftray","3.components\u002Ftray","i-lucide-square-dashed-bottom",{"title":302,"path":303,"stem":304,"children":305,"package":11,"icon":307},"Theming","\u002Ftheming","4.theming\u002F1.index",[306,308,312,317,322],{"title":302,"path":303,"stem":304,"package":11,"icon":307},"i-lucide-palette",{"title":309,"path":310,"stem":311,"package":11,"icon":250},"Overrides","\u002Ftheming\u002Foverrides","4.theming\u002F2.overrides",{"title":313,"path":314,"stem":315,"package":11,"icon":316},"Colors","\u002Ftheming\u002Fcolors","4.theming\u002F3.colors","i-lucide-swatch-book",{"title":318,"path":319,"stem":320,"package":11,"icon":321},"Dark Mode","\u002Ftheming\u002Fdark-mode","4.theming\u002F4.dark-mode","i-lucide-moon",{"title":323,"path":324,"stem":325,"package":11,"icon":326},"Fonts","\u002Ftheming\u002Ffonts","4.theming\u002F5.fonts","i-lucide-type",{"title":328,"path":329,"stem":330,"package":11,"icon":331},"Accessibility","\u002Faccessibility","5.accessibility","i-lucide-accessibility",{"title":333,"path":334,"stem":335,"package":11,"icon":336},"i18n","\u002Fi18n","6.i18n","i-lucide-languages",{"title":338,"path":339,"stem":340,"children":341,"package":11,"icon":343},"Composables","\u002Fcomposables","7.composables\u002F1.index",[342,344,349,354,359,364,369,374,378,383,387,391,396,401],{"title":338,"path":339,"stem":340,"package":11,"icon":343},"i-lucide-square-function",{"title":345,"path":346,"stem":347,"package":11,"icon":348},"useEmitAsProps","\u002Fcomposables\u002Fuse-emit-as-props","7.composables\u002F10.use-emit-as-props","i-lucide-zap",{"title":350,"path":351,"stem":352,"package":11,"icon":353},"useForwardPropsEmits","\u002Fcomposables\u002Fuse-forward-props-emits","7.composables\u002F11.use-forward-props-emits","i-lucide-merge",{"title":355,"path":356,"stem":357,"package":11,"icon":358},"useForwardExpose","\u002Fcomposables\u002Fuse-forward-expose","7.composables\u002F12.use-forward-expose","i-lucide-share-2",{"title":360,"path":361,"stem":362,"package":11,"icon":363},"useStateMachine","\u002Fcomposables\u002Fuse-state-machine","7.composables\u002F13.use-state-machine","i-lucide-workflow",{"title":365,"path":366,"stem":367,"package":11,"icon":368},"usePrimitiveElement","\u002Fcomposables\u002Fuse-primitive-element","7.composables\u002F14.use-primitive-element","i-lucide-crosshair",{"title":370,"path":371,"stem":372,"package":11,"icon":373},"useAppConfig","\u002Fcomposables\u002Fuse-app-config","7.composables\u002F2.use-app-config","i-lucide-settings",{"title":375,"path":376,"stem":377,"package":11,"icon":321},"useColorMode","\u002Fcomposables\u002Fuse-color-mode","7.composables\u002F3.use-color-mode",{"title":379,"path":380,"stem":381,"package":11,"icon":382},"useComponentIcons","\u002Fcomposables\u002Fuse-component-icons","7.composables\u002F4.use-component-icons","i-lucide-shapes",{"title":384,"path":385,"stem":386,"package":11,"icon":69},"useTray","\u002Fcomposables\u002Fuse-tray","7.composables\u002F5.use-tray",{"title":388,"path":389,"stem":390,"package":11,"icon":336},"i18n composables","\u002Fcomposables\u002Fi18n-composables","7.composables\u002F6.i18n-composables",{"title":392,"path":393,"stem":394,"package":11,"icon":395},"useId","\u002Fcomposables\u002Fuse-id","7.composables\u002F7.use-id","i-lucide-hash",{"title":397,"path":398,"stem":399,"package":11,"icon":400},"useFilter","\u002Fcomposables\u002Fuse-filter","7.composables\u002F8.use-filter","i-lucide-filter",{"title":402,"path":403,"stem":404,"package":11,"icon":405},"useForwardProps","\u002Fcomposables\u002Fuse-forward-props","7.composables\u002F9.use-forward-props","i-lucide-arrow-right-left",{"id":407,"title":154,"body":408,"description":2085,"extension":1503,"links":2086,"meta":2092,"navigation":2093,"package":63,"path":155,"seo":2094,"stem":156,"__hash__":2095},"docs\u002F3.components\u002Fisland-button.md",{"type":409,"value":410,"toc":2069},"minimark",[411,416,428,433,437,451,675,681,686,697,965,971,975,995,1356,1369,1373,1380,1432,1438,1442,1517,1521,1752,1756,1784,1788,1820,1823,1827,1836,1879,1892,1956,1959,1962,1972,1975,1979,2030,2034,2065],[412,413,415],"h2",{"id":414},"overview","Overview",[417,418,419,423,424,427],"p",{},[420,421,422],"code",{},"VyIslandButton"," is a pill-shaped action designed for ",[420,425,426],{},"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.",[429,430],"component-code",{"height":431,"name":432},"140px","island-button-example",[412,434,436],{"id":435},"usage","Usage",[417,438,439,440,443,444,447,448,450],{},"Use ",[420,441,442],{},"icon",", ",[420,445,446],{},"label",", or both. Buttons inherit their size from the nearest ",[420,449,426],{},".",[452,453,458],"pre",{"className":454,"code":455,"language":456,"meta":457,"style":457},"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","",[420,459,460,495,529,539,546,556,590,625,656,666],{"__ignoreMap":457},[461,462,465,469,473,477,480,483,486,490,492],"span",{"class":463,"line":464},"line",1,[461,466,468],{"class":467},"sMK4o","\u003C",[461,470,472],{"class":471},"swJcz","script",[461,474,476],{"class":475},"spNyl"," setup",[461,478,479],{"class":475}," lang",[461,481,482],{"class":467},"=",[461,484,485],{"class":467},"\"",[461,487,489],{"class":488},"sfazB","ts",[461,491,485],{"class":467},[461,493,494],{"class":467},">\n",[461,496,498,502,505,509,512,515,518,521,524,526],{"class":463,"line":497},2,[461,499,501],{"class":500},"s7zQu","import",[461,503,504],{"class":467}," {",[461,506,508],{"class":507},"sTEyZ"," VyIsland",[461,510,511],{"class":467},",",[461,513,514],{"class":507}," VyIslandButton",[461,516,517],{"class":467}," }",[461,519,520],{"class":500}," from",[461,522,523],{"class":467}," '",[461,525,46],{"class":488},[461,527,528],{"class":467},"'\n",[461,530,532,535,537],{"class":463,"line":531},3,[461,533,534],{"class":467},"\u003C\u002F",[461,536,472],{"class":471},[461,538,494],{"class":467},[461,540,542],{"class":463,"line":541},4,[461,543,545],{"emptyLinePlaceholder":544},true,"\n",[461,547,549,551,554],{"class":463,"line":548},5,[461,550,468],{"class":467},[461,552,553],{"class":471},"template",[461,555,494],{"class":467},[461,557,559,562,564,567,569,571,574,576,579,581,583,586,588],{"class":463,"line":558},6,[461,560,561],{"class":467},"  \u003C",[461,563,426],{"class":471},[461,565,566],{"class":475}," layer",[461,568,482],{"class":467},[461,570,485],{"class":467},[461,572,573],{"class":488},"inline",[461,575,485],{"class":467},[461,577,578],{"class":475}," size",[461,580,482],{"class":467},[461,582,485],{"class":467},[461,584,585],{"class":488},"lg",[461,587,485],{"class":467},[461,589,494],{"class":467},[461,591,593,596,598,601,603,605,608,610,613,615,617,620,622],{"class":463,"line":592},7,[461,594,595],{"class":467},"    \u003C",[461,597,422],{"class":471},[461,599,600],{"class":475}," icon",[461,602,482],{"class":467},[461,604,485],{"class":467},[461,606,607],{"class":488},"i-lucide-plus",[461,609,485],{"class":467},[461,611,612],{"class":475}," label",[461,614,482],{"class":467},[461,616,485],{"class":467},[461,618,619],{"class":488},"New issue",[461,621,485],{"class":467},[461,623,624],{"class":467}," \u002F>\n",[461,626,628,630,632,634,636,638,640,642,645,647,649,652,654],{"class":463,"line":627},8,[461,629,595],{"class":467},[461,631,422],{"class":471},[461,633,600],{"class":475},[461,635,482],{"class":467},[461,637,485],{"class":467},[461,639,373],{"class":488},[461,641,485],{"class":467},[461,643,644],{"class":475}," accessibility-label",[461,646,482],{"class":467},[461,648,485],{"class":467},[461,650,651],{"class":488},"Settings",[461,653,485],{"class":467},[461,655,624],{"class":467},[461,657,659,662,664],{"class":463,"line":658},9,[461,660,661],{"class":467},"  \u003C\u002F",[461,663,426],{"class":471},[461,665,494],{"class":467},[461,667,669,671,673],{"class":463,"line":668},10,[461,670,534],{"class":467},[461,672,553],{"class":471},[461,674,494],{"class":467},[417,676,677,678,680],{},"With no ",[420,679,446],{}," and no default slot content, the button uses a square icon-only footprint. Supplying a label or default slot creates a wider pill.",[682,683,685],"h3",{"id":684},"selected-values","Selected values",[417,687,688,689,692,693,696],{},"Set ",[420,690,691],{},"value"," to connect the button to its parent island's ",[420,694,695],{},"v-model:value",". Matching buttons become active automatically.",[452,698,700],{"className":454,"code":699,"language":456,"meta":457,"style":457},"\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",[420,701,702,722,741,763,767,814,822,826,834,864,905,947,956],{"__ignoreMap":457},[461,703,704,706,708,710,712,714,716,718,720],{"class":463,"line":464},[461,705,468],{"class":467},[461,707,472],{"class":471},[461,709,476],{"class":475},[461,711,479],{"class":475},[461,713,482],{"class":467},[461,715,485],{"class":467},[461,717,489],{"class":488},[461,719,485],{"class":467},[461,721,494],{"class":467},[461,723,724,726,728,731,733,735,737,739],{"class":463,"line":497},[461,725,501],{"class":500},[461,727,504],{"class":467},[461,729,730],{"class":507}," ref",[461,732,517],{"class":467},[461,734,520],{"class":500},[461,736,523],{"class":467},[461,738,456],{"class":488},[461,740,528],{"class":467},[461,742,743,745,747,749,751,753,755,757,759,761],{"class":463,"line":531},[461,744,501],{"class":500},[461,746,504],{"class":467},[461,748,508],{"class":507},[461,750,511],{"class":467},[461,752,514],{"class":507},[461,754,517],{"class":467},[461,756,520],{"class":500},[461,758,523],{"class":467},[461,760,46],{"class":488},[461,762,528],{"class":467},[461,764,765],{"class":463,"line":541},[461,766,545],{"emptyLinePlaceholder":544},[461,768,769,772,775,777,780,782,786,789,792,794,797,800,803,806,809,811],{"class":463,"line":548},[461,770,771],{"class":475},"const",[461,773,774],{"class":507}," active ",[461,776,482],{"class":467},[461,778,730],{"class":779},"s2Zo4",[461,781,468],{"class":467},[461,783,785],{"class":784},"sBMFI","string",[461,787,788],{"class":467}," |",[461,790,791],{"class":784}," number",[461,793,788],{"class":467},[461,795,796],{"class":784}," null",[461,798,799],{"class":467},">",[461,801,802],{"class":507},"(",[461,804,805],{"class":467},"'",[461,807,808],{"class":488},"inbox",[461,810,805],{"class":467},[461,812,813],{"class":507},")\n",[461,815,816,818,820],{"class":463,"line":558},[461,817,534],{"class":467},[461,819,472],{"class":471},[461,821,494],{"class":467},[461,823,824],{"class":463,"line":592},[461,825,545],{"emptyLinePlaceholder":544},[461,827,828,830,832],{"class":463,"line":627},[461,829,468],{"class":467},[461,831,553],{"class":471},[461,833,494],{"class":467},[461,835,836,838,840,843,845,847,850,852,854,856,858,860,862],{"class":463,"line":658},[461,837,561],{"class":467},[461,839,426],{"class":471},[461,841,842],{"class":475}," v-model:value",[461,844,482],{"class":467},[461,846,485],{"class":467},[461,848,849],{"class":488},"active",[461,851,485],{"class":467},[461,853,566],{"class":475},[461,855,482],{"class":467},[461,857,485],{"class":467},[461,859,573],{"class":488},[461,861,485],{"class":467},[461,863,494],{"class":467},[461,865,866,868,870,873,875,877,879,881,883,885,887,890,892,894,896,898,901,903],{"class":463,"line":668},[461,867,595],{"class":467},[461,869,422],{"class":471},[461,871,872],{"class":475}," value",[461,874,482],{"class":467},[461,876,485],{"class":467},[461,878,808],{"class":488},[461,880,485],{"class":467},[461,882,600],{"class":475},[461,884,482],{"class":467},[461,886,485],{"class":467},[461,888,889],{"class":488},"i-lucide-inbox",[461,891,485],{"class":467},[461,893,612],{"class":475},[461,895,482],{"class":467},[461,897,485],{"class":467},[461,899,900],{"class":488},"Inbox",[461,902,485],{"class":467},[461,904,624],{"class":467},[461,906,908,910,912,914,916,918,921,923,925,927,929,932,934,936,938,940,943,945],{"class":463,"line":907},11,[461,909,595],{"class":467},[461,911,422],{"class":471},[461,913,872],{"class":475},[461,915,482],{"class":467},[461,917,485],{"class":467},[461,919,920],{"class":488},"saved",[461,922,485],{"class":467},[461,924,600],{"class":475},[461,926,482],{"class":467},[461,928,485],{"class":467},[461,930,931],{"class":488},"i-lucide-bookmark",[461,933,485],{"class":467},[461,935,612],{"class":475},[461,937,482],{"class":467},[461,939,485],{"class":467},[461,941,942],{"class":488},"Saved",[461,944,485],{"class":467},[461,946,624],{"class":467},[461,948,950,952,954],{"class":463,"line":949},12,[461,951,661],{"class":467},[461,953,426],{"class":471},[461,955,494],{"class":467},[461,957,959,961,963],{"class":463,"line":958},13,[461,960,534],{"class":467},[461,962,553],{"class":471},[461,964,494],{"class":467},[417,966,967,968,970],{},"The explicit ",[420,969,849],{}," prop can force active styling independently of the parent's value.",[682,972,974],{"id":973},"mode-and-expansion-controls","Mode and expansion controls",[417,976,977,978,980,981,980,984,980,987,990,991,994],{},"Declarative behavior props can be combined. On tap, the button applies ",[420,979,691],{},", then ",[420,982,983],{},"mode",[420,985,986],{},"expand",[420,988,989],{},"reset",", before emitting its own ",[420,992,993],{},"tap"," event.",[452,996,998],{"className":454,"code":997,"language":456,"meta":457,"style":457},"\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",[420,999,1000,1020,1042,1050,1054,1062,1080,1111,1133,1137,1150,1158,1163,1177,1192,1207,1213,1236,1246,1251,1265,1296,1329,1338,1347],{"__ignoreMap":457},[461,1001,1002,1004,1006,1008,1010,1012,1014,1016,1018],{"class":463,"line":464},[461,1003,468],{"class":467},[461,1005,472],{"class":471},[461,1007,476],{"class":475},[461,1009,479],{"class":475},[461,1011,482],{"class":467},[461,1013,485],{"class":467},[461,1015,489],{"class":488},[461,1017,485],{"class":467},[461,1019,494],{"class":467},[461,1021,1022,1024,1026,1028,1030,1032,1034,1036,1038,1040],{"class":463,"line":497},[461,1023,501],{"class":500},[461,1025,504],{"class":467},[461,1027,508],{"class":507},[461,1029,511],{"class":467},[461,1031,514],{"class":507},[461,1033,517],{"class":467},[461,1035,520],{"class":500},[461,1037,523],{"class":467},[461,1039,46],{"class":488},[461,1041,528],{"class":467},[461,1043,1044,1046,1048],{"class":463,"line":531},[461,1045,534],{"class":467},[461,1047,472],{"class":471},[461,1049,494],{"class":467},[461,1051,1052],{"class":463,"line":541},[461,1053,545],{"emptyLinePlaceholder":544},[461,1055,1056,1058,1060],{"class":463,"line":548},[461,1057,468],{"class":467},[461,1059,553],{"class":471},[461,1061,494],{"class":467},[461,1063,1064,1066,1068,1070,1072,1074,1076,1078],{"class":463,"line":558},[461,1065,561],{"class":467},[461,1067,426],{"class":471},[461,1069,566],{"class":475},[461,1071,482],{"class":467},[461,1073,485],{"class":467},[461,1075,573],{"class":488},[461,1077,485],{"class":467},[461,1079,494],{"class":467},[461,1081,1082,1084,1086,1089,1091,1093,1096,1098,1100,1102,1104,1107,1109],{"class":463,"line":592},[461,1083,595],{"class":467},[461,1085,422],{"class":471},[461,1087,1088],{"class":475}," mode",[461,1090,482],{"class":467},[461,1092,485],{"class":467},[461,1094,1095],{"class":488},"search",[461,1097,485],{"class":467},[461,1099,600],{"class":475},[461,1101,482],{"class":467},[461,1103,485],{"class":467},[461,1105,1106],{"class":488},"i-lucide-search",[461,1108,485],{"class":467},[461,1110,624],{"class":467},[461,1112,1113,1115,1117,1120,1122,1124,1126,1129,1131],{"class":463,"line":627},[461,1114,595],{"class":467},[461,1116,422],{"class":471},[461,1118,1119],{"class":475}," expand",[461,1121,600],{"class":475},[461,1123,482],{"class":467},[461,1125,485],{"class":467},[461,1127,1128],{"class":488},"i-lucide-menu",[461,1130,485],{"class":467},[461,1132,624],{"class":467},[461,1134,1135],{"class":463,"line":658},[461,1136,545],{"emptyLinePlaceholder":544},[461,1138,1139,1141,1143,1146,1148],{"class":463,"line":668},[461,1140,595],{"class":467},[461,1142,553],{"class":471},[461,1144,1145],{"class":467}," #",[461,1147,1095],{"class":475},[461,1149,494],{"class":467},[461,1151,1152,1155],{"class":463,"line":907},[461,1153,1154],{"class":467},"      \u003C",[461,1156,1157],{"class":471},"VyIslandButton\n",[461,1159,1160],{"class":463,"line":949},[461,1161,1162],{"class":475},"        reset\n",[461,1164,1165,1168,1170,1172,1174],{"class":463,"line":958},[461,1166,1167],{"class":475},"        icon",[461,1169,482],{"class":467},[461,1171,485],{"class":467},[461,1173,1106],{"class":488},[461,1175,1176],{"class":467},"\"\n",[461,1178,1180,1183,1185,1187,1190],{"class":463,"line":1179},14,[461,1181,1182],{"class":475},"        label",[461,1184,482],{"class":467},[461,1186,485],{"class":467},[461,1188,1189],{"class":488},"Search…",[461,1191,1176],{"class":467},[461,1193,1195,1198,1200,1202,1205],{"class":463,"line":1194},15,[461,1196,1197],{"class":475},"        :style",[461,1199,482],{"class":467},[461,1201,485],{"class":467},[461,1203,1204],{"class":488},"{ flexGrow: 1 }",[461,1206,1176],{"class":467},[461,1208,1210],{"class":463,"line":1209},16,[461,1211,1212],{"class":467},"      \u002F>\n",[461,1214,1216,1218,1220,1223,1225,1227,1229,1232,1234],{"class":463,"line":1215},17,[461,1217,1154],{"class":467},[461,1219,422],{"class":471},[461,1221,1222],{"class":475}," reset",[461,1224,600],{"class":475},[461,1226,482],{"class":467},[461,1228,485],{"class":467},[461,1230,1231],{"class":488},"i-lucide-x",[461,1233,485],{"class":467},[461,1235,624],{"class":467},[461,1237,1239,1242,1244],{"class":463,"line":1238},18,[461,1240,1241],{"class":467},"    \u003C\u002F",[461,1243,553],{"class":471},[461,1245,494],{"class":467},[461,1247,1249],{"class":463,"line":1248},19,[461,1250,545],{"emptyLinePlaceholder":544},[461,1252,1254,1256,1258,1260,1263],{"class":463,"line":1253},20,[461,1255,595],{"class":467},[461,1257,553],{"class":471},[461,1259,1145],{"class":467},[461,1261,1262],{"class":475},"expanded",[461,1264,494],{"class":467},[461,1266,1268,1270,1272,1274,1276,1278,1280,1282,1284,1286,1288,1290,1292,1294],{"class":463,"line":1267},21,[461,1269,1154],{"class":467},[461,1271,422],{"class":471},[461,1273,1119],{"class":475},[461,1275,600],{"class":475},[461,1277,482],{"class":467},[461,1279,485],{"class":467},[461,1281,373],{"class":488},[461,1283,485],{"class":467},[461,1285,612],{"class":475},[461,1287,482],{"class":467},[461,1289,485],{"class":467},[461,1291,651],{"class":488},[461,1293,485],{"class":467},[461,1295,624],{"class":467},[461,1297,1299,1301,1303,1305,1307,1309,1311,1314,1316,1318,1320,1322,1325,1327],{"class":463,"line":1298},22,[461,1300,1154],{"class":467},[461,1302,422],{"class":471},[461,1304,1119],{"class":475},[461,1306,600],{"class":475},[461,1308,482],{"class":467},[461,1310,485],{"class":467},[461,1312,1313],{"class":488},"i-lucide-circle-help",[461,1315,485],{"class":467},[461,1317,612],{"class":475},[461,1319,482],{"class":467},[461,1321,485],{"class":467},[461,1323,1324],{"class":488},"Help",[461,1326,485],{"class":467},[461,1328,624],{"class":467},[461,1330,1332,1334,1336],{"class":463,"line":1331},23,[461,1333,1241],{"class":467},[461,1335,553],{"class":471},[461,1337,494],{"class":467},[461,1339,1341,1343,1345],{"class":463,"line":1340},24,[461,1342,661],{"class":467},[461,1344,426],{"class":471},[461,1346,494],{"class":467},[461,1348,1350,1352,1354],{"class":463,"line":1349},25,[461,1351,534],{"class":467},[461,1353,553],{"class":471},[461,1355,494],{"class":467},[417,1357,1358,443,1360,1362,1363,1365,1366,1368],{},[420,1359,983],{},[420,1361,986],{},", and ",[420,1364,989],{}," do nothing when the button has no parent island context; the normal ",[420,1367,993],{}," event still fires.",[682,1370,1372],{"id":1371},"custom-content","Custom content",[417,1374,1375,1376,1379],{},"The ",[420,1377,1378],{},"leading"," slot replaces the built-in icon. The default slot replaces the built-in label while retaining the leading icon.",[452,1381,1383],{"className":454,"code":1382,"language":456,"meta":457,"style":457},"\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",[420,1384,1385,1404,1409,1414,1419,1424],{"__ignoreMap":457},[461,1386,1387,1389,1391,1393,1395,1397,1400,1402],{"class":463,"line":464},[461,1388,468],{"class":467},[461,1390,422],{"class":471},[461,1392,600],{"class":475},[461,1394,482],{"class":467},[461,1396,485],{"class":467},[461,1398,1399],{"class":488},"i-lucide-bell",[461,1401,485],{"class":467},[461,1403,494],{"class":467},[461,1405,1406],{"class":463,"line":497},[461,1407,1408],{"class":507},"  \u003Cview class=\"flex flex-row items-center gap-1\">\n",[461,1410,1411],{"class":463,"line":531},[461,1412,1413],{"class":507},"    \u003Ctext>Notifications\u003C\u002Ftext>\n",[461,1415,1416],{"class":463,"line":541},[461,1417,1418],{"class":507},"    \u003Ctext class=\"rounded-full bg-red-500 px-1.5 text-xs text-white\">3\u003C\u002Ftext>\n",[461,1420,1421],{"class":463,"line":548},[461,1422,1423],{"class":507},"  \u003C\u002Fview>\n",[461,1425,1426,1428,1430],{"class":463,"line":558},[461,1427,534],{"class":467},[461,1429,422],{"class":471},[461,1431,494],{"class":467},[417,1433,1434,1435,1437],{},"When rendering a custom SVG icon in ",[420,1436,1378],{},", pass an explicit color because Lynx SVG does not inherit text color.",[412,1439,1441],{"id":1440},"features-and-behavior","Features and behavior",[1443,1444,1445,1451,1456,1461,1469,1481,1486,1494,1504],"ul",{},[1446,1447,1448,1450],"li",{},[420,1449,691],{}," sets the parent island's selected value and automatically participates in active-state matching.",[1446,1452,1453,1455],{},[420,1454,983],{}," sets the parent island's free-form row mode.",[1446,1457,1458,1460],{},[420,1459,986],{}," toggles the parent island's open state.",[1446,1462,1463,1465,1466,450],{},[420,1464,989],{}," sets the parent mode to ",[420,1467,1468],{},"'default'",[1446,1470,1471,1472,1474,1475,1474,1477,1474,1479,450],{},"Behavior props may be combined and run in the fixed order ",[420,1473,691],{}," → ",[420,1476,983],{},[420,1478,986],{},[420,1480,989],{},[1446,1482,1483,1484,450],{},"Disabled buttons do not update island state and do not emit ",[420,1485,993],{},[1446,1487,1488,1490,1491,1493],{},[420,1489,849],{}," always enables active styling. Otherwise, a defined ",[420,1492,691],{}," is active when it strictly equals the parent value.",[1446,1495,1496,1497,1500,1501,450],{},"An explicit ",[420,1498,1499],{},"size"," overrides the inherited island size. Standalone buttons default to ",[420,1502,1503],{},"md",[1446,1505,1506,1507,443,1510,443,1512,1362,1514,450],{},"Built-in icon sizes are 16, 20, 24, and 28 pixels for ",[420,1508,1509],{},"sm",[420,1511,1503],{},[420,1513,585],{},[420,1515,1516],{},"xl",[412,1518,1520],{"id":1519},"props","Props",[1522,1523,1524,1543],"table",{},[1525,1526,1527],"thead",{},[1528,1529,1530,1534,1537,1540],"tr",{},[1531,1532,1533],"th",{},"Prop",[1531,1535,1536],{},"Type",[1531,1538,1539],{},"Default",[1531,1541,1542],{},"Description",[1544,1545,1546,1565,1582,1601,1622,1640,1657,1674,1694,1714,1733],"tbody",{},[1528,1547,1548,1553,1557,1562],{},[1549,1550,1551],"td",{},[420,1552,442],{},[1549,1554,1555],{},[420,1556,785],{},[1549,1558,1559],{},[420,1560,1561],{},"undefined",[1549,1563,1564],{},"Leading Iconify icon name.",[1528,1566,1567,1571,1575,1579],{},[1549,1568,1569],{},[420,1570,446],{},[1549,1572,1573],{},[420,1574,785],{},[1549,1576,1577],{},[420,1578,1561],{},[1549,1580,1581],{},"Built-in label text. Its presence creates a label-pill footprint.",[1528,1583,1584,1588,1593,1598],{},[1549,1585,1586],{},[420,1587,849],{},[1549,1589,1590],{},[420,1591,1592],{},"boolean",[1549,1594,1595],{},[420,1596,1597],{},"false",[1549,1599,1600],{},"Forces active styling. Parent value matching can also activate the button.",[1528,1602,1603,1608,1612,1616],{},[1549,1604,1605],{},[420,1606,1607],{},"disabled",[1549,1609,1610],{},[420,1611,1592],{},[1549,1613,1614],{},[420,1615,1597],{},[1549,1617,1618,1619,1621],{},"Prevents state changes and ",[420,1620,993],{}," emission.",[1528,1623,1624,1628,1633,1637],{},[1549,1625,1626],{},[420,1627,691],{},[1549,1629,1630],{},[420,1631,1632],{},"string | number",[1549,1634,1635],{},[420,1636,1561],{},[1549,1638,1639],{},"Value written to the parent island on tap and used for automatic active state.",[1528,1641,1642,1646,1650,1654],{},[1549,1643,1644],{},[420,1645,983],{},[1549,1647,1648],{},[420,1649,785],{},[1549,1651,1652],{},[420,1653,1561],{},[1549,1655,1656],{},"Free-form row mode written to the parent island on tap.",[1528,1658,1659,1663,1667,1671],{},[1549,1660,1661],{},[420,1662,986],{},[1549,1664,1665],{},[420,1666,1592],{},[1549,1668,1669],{},[420,1670,1597],{},[1549,1672,1673],{},"Toggles the parent island's open state on tap.",[1528,1675,1676,1680,1684,1688],{},[1549,1677,1678],{},[420,1679,989],{},[1549,1681,1682],{},[420,1683,1592],{},[1549,1685,1686],{},[420,1687,1597],{},[1549,1689,1690,1691,1693],{},"Resets the parent island's mode to ",[420,1692,1468],{}," on tap.",[1528,1695,1696,1700,1705,1711],{},[1549,1697,1698],{},[420,1699,1499],{},[1549,1701,1702],{},[420,1703,1704],{},"'sm' | 'md' | 'lg' | 'xl'",[1549,1706,1707,1708],{},"Parent size \u002F ",[420,1709,1710],{},"'md'",[1549,1712,1713],{},"Explicit size override.",[1528,1715,1716,1721,1726,1730],{},[1549,1717,1718],{},[420,1719,1720],{},"class",[1549,1722,1723],{},[420,1724,1725],{},"any",[1549,1727,1728],{},[420,1729,1561],{},[1549,1731,1732],{},"Classes merged onto the button base.",[1528,1734,1735,1740,1745,1749],{},[1549,1736,1737],{},[420,1738,1739],{},"ui",[1549,1741,1742],{},[420,1743,1744],{},"Partial\u003CRecord\u003CIslandButtonSlot, any>>",[1549,1746,1747],{},[420,1748,1561],{},[1549,1750,1751],{},"Per-instance theme slot overrides.",[412,1753,1755],{"id":1754},"emits","Emits",[1522,1757,1758,1770],{},[1525,1759,1760],{},[1528,1761,1762,1765,1768],{},[1531,1763,1764],{},"Event",[1531,1766,1767],{},"Payload",[1531,1769,1542],{},[1544,1771,1772],{},[1528,1773,1774,1778,1781],{},[1549,1775,1776],{},[420,1777,993],{},[1549,1779,1780],{},"none",[1549,1782,1783],{},"Emitted after enabled declarative parent updates have run.",[412,1785,1787],{"id":1786},"slots","Slots",[1522,1789,1790,1799],{},[1525,1791,1792],{},[1528,1793,1794,1797],{},[1531,1795,1796],{},"Slot",[1531,1798,1542],{},[1544,1800,1801,1811],{},[1528,1802,1803,1808],{},[1549,1804,1805],{},[420,1806,1807],{},"default",[1549,1809,1810],{},"Replaces the built-in label. The built-in leading icon remains.",[1528,1812,1813,1817],{},[1549,1814,1815],{},[420,1816,1378],{},[1549,1818,1819],{},"Replaces the built-in icon area entirely.",[417,1821,1822],{},"Slot content does not receive scoped props.",[412,1824,1826],{"id":1825},"styling-and-theming","Styling and theming",[417,1828,1829,1830,1833,1834,450],{},"Override globally through ",[420,1831,1832],{},"appConfig.ui.islandButton"," or locally with ",[420,1835,1739],{},[1522,1837,1838,1848],{},[1525,1839,1840],{},[1528,1841,1842,1845],{},[1531,1843,1844],{},"UI slot",[1531,1846,1847],{},"Purpose",[1544,1849,1850,1860,1870],{},[1528,1851,1852,1857],{},[1549,1853,1854],{},[420,1855,1856],{},"base",[1549,1858,1859],{},"Button layout, target size, spacing, surface states, and rounding.",[1528,1861,1862,1867],{},[1549,1863,1864],{},[420,1865,1866],{},"leadingIcon",[1549,1868,1869],{},"Built-in icon size and foreground color.",[1528,1871,1872,1876],{},[1549,1873,1874],{},[420,1875,446],{},[1549,1877,1878],{},"Built-in label size, truncation, and foreground color.",[417,1880,1881,1882,1884,1885,1887,1888,1891],{},"The theme combines ",[420,1883,1499],{},", resolved ",[420,1886,849],{}," state, and automatic ",[420,1889,1890],{},"iconOnly"," detection.",[1522,1893,1894,1906],{},[1525,1895,1896],{},[1528,1897,1898,1901,1904],{},[1531,1899,1900],{},"Size",[1531,1902,1903],{},"Target",[1531,1905,141],{},[1544,1907,1908,1920,1932,1944],{},[1528,1909,1910,1914,1917],{},[1549,1911,1912],{},[420,1913,1509],{},[1549,1915,1916],{},"40px",[1549,1918,1919],{},"16px",[1528,1921,1922,1926,1929],{},[1549,1923,1924],{},[420,1925,1503],{},[1549,1927,1928],{},"44px",[1549,1930,1931],{},"20px",[1528,1933,1934,1938,1941],{},[1549,1935,1936],{},[420,1937,585],{},[1549,1939,1940],{},"56px",[1549,1942,1943],{},"24px",[1528,1945,1946,1950,1953],{},[1549,1947,1948],{},[420,1949,1516],{},[1549,1951,1952],{},"64px",[1549,1954,1955],{},"28px",[417,1957,1958],{},"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.",[412,1960,328],{"id":1961},"accessibility",[417,1963,1964,1965,1967,1968,1971],{},"The underlying ",[420,1966,41],{}," button exposes native Lynx button semantics, blocks interaction when disabled, and announces disabled state. Pass ",[420,1969,1970],{},"accessibility-label"," for every icon-only button; attributes fall through to the underlying button root.",[417,1973,1974],{},"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.",[412,1976,1978],{"id":1977},"platform-notes","Platform notes",[1443,1980,1981,1991,2008,2018],{},[1446,1982,1983,1984,1986,1987,1990],{},"Interaction uses Lynx ",[420,1985,993],{},", exposed as Vue's ",[420,1988,1989],{},"@tap",", rather than relying on a DOM click event.",[1446,1992,1993,1994,1997,1998,443,2001,1362,2004,2007],{},"Lynx SVG does not inherit ",[420,1995,1996],{},"currentColor",". The built-in icon resolves supported ",[420,1999,2000],{},"text-{color}-{shade}",[420,2002,2003],{},"text-white",[420,2005,2006],{},"text-black"," classes into an explicit icon color.",[1446,2009,2010,2011,2014,2015,2017],{},"Arbitrary foreground classes such as ",[420,2012,2013],{},"text-[#abc]"," cannot be inferred for the built-in SVG; use a custom ",[420,2016,1378],{}," slot and explicit icon color when needed.",[1446,2019,2020,2021,2023,2024,2026,2027,2029],{},"Foreground classes live on ",[420,2022,1866],{}," and ",[420,2025,446],{},", not only on ",[420,2028,1856],{},", because CSS inheritance is disabled in the Lynx build.",[412,2031,2033],{"id":2032},"related-components","Related components",[1443,2035,2036,2044,2051,2058],{},[1446,2037,2038,2043],{},[2039,2040,2041],"a",{"href":151},[420,2042,150],{}," for parent state, sizing, row modes, and expandable panels.",[1446,2045,2046,2050],{},[2039,2047,2048],{"href":160},[420,2049,159],{}," for arranging companion islands.",[1446,2052,2053,2057],{},[2039,2054,2055],{"href":102},[420,2056,101],{}," for a general-purpose action outside island layouts.",[1446,2059,2060,2064],{},[2039,2061,2062],{"href":290},[420,2063,289],{}," when the pressed state itself is the control's value.",[2066,2067,2068],"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":457,"searchDepth":464,"depth":497,"links":2070},[2071,2072,2077,2078,2079,2080,2081,2082,2083,2084],{"id":414,"depth":497,"text":415},{"id":435,"depth":497,"text":436,"children":2073},[2074,2075,2076],{"id":684,"depth":531,"text":685},{"id":973,"depth":531,"text":974},{"id":1371,"depth":531,"text":1372},{"id":1440,"depth":497,"text":1441},{"id":1519,"depth":497,"text":1520},{"id":1754,"depth":497,"text":1755},{"id":1786,"depth":497,"text":1787},{"id":1825,"depth":497,"text":1826},{"id":1961,"depth":497,"text":328},{"id":1977,"depth":497,"text":1978},{"id":2032,"depth":497,"text":2033},"Add actions, selections, mode switches, and expansion controls to an island.",[2087],{"label":2088,"icon":2089,"to":2090,"target":2091},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FIslandButton.vue","_blank",{},{"icon":157},{"title":154,"description":2085},"cnPr0aEbY8qFjPCxs9Ros5erd3iyp0IspI4Y5yhjuJ4",[2097,2099],{"title":150,"path":151,"stem":152,"description":2098,"icon":-1,"children":-1,"navigation":-1},"Build a floating or inline pill that can select, morph, and expand.",{"title":159,"path":160,"stem":161,"description":2100,"icon":-1,"children":-1,"navigation":-1},"Position multiple companion islands as one floating or inline layout.",1783534421226]