[{"data":1,"prerenderedAt":3495},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Fbutton":406,"\u002Fcomponents\u002Fbutton-surround":3490},[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":101,"body":408,"description":3479,"extension":1232,"links":3480,"meta":3486,"navigation":3487,"package":63,"path":102,"seo":3488,"stem":103,"__hash__":3489},"docs\u002F3.components\u002Fbutton.md",{"type":409,"value":410,"toc":3449},"minimark",[411,416,443,448,452,463,640,643,649,713,716,721,877,880,888,892,1138,1142,1148,1152,1308,1311,1324,1346,1350,1447,1457,1493,1495,1507,1611,1614,1681,1685,1697,1701,1739,1749,1787,1794,1862,1866,1871,1875,1901,1905,1926,2305,2309,2314,2317,2354,2359,2397,2401,2415,2418,2475,2479,2486,2491,2494,2530,2536,2541,2656,2660,2737,2741,3115,3137,3141,3171,3175,3230,3234,3243,3314,3336,3339,3347,3362,3366,3407,3411,3445],[412,413,415],"h2",{"id":414},"overview","Overview",[417,418,419,423,424,426,427,430,431,434,435,438,439,442],"p",{},[420,421,422],"code",{},"VyButton"," renders a pressable control on top of the headless ",[420,425,41],{}," Button. It supports semantic ",[420,428,429],{},"color",", six ",[420,432,433],{},"variant"," styles, five sizes, leading\u002Ftrailing icons or an avatar, a loading spinner, and ",[420,436,437],{},"block"," \u002F ",[420,440,441],{},"square"," layouts.",[444,445],"component-code",{"height":446,"name":447},"190px","button-example",[412,449,451],{"id":450},"usage","Usage",[417,453,454,455,458,459,462],{},"Use ",[420,456,457],{},"label"," for simple text, or the default slot for custom content. Listen for presses with ",[420,460,461],{},"@tap","; Lynx exposes tap events instead of DOM click events.",[464,465,470],"pre",{"className":466,"code":467,"language":468,"meta":469,"style":469},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { VyButton } from '@vyui\u002Fkit'\n\nfunction saveDraft() {\n  \u002F\u002F Persist the draft.\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVyButton label=\"Save draft\" @tap=\"saveDraft\" \u002F>\n\u003C\u002Ftemplate>\n","vue","",[420,471,472,507,535,542,558,565,571,581,586,596,631],{"__ignoreMap":469},[473,474,477,481,485,489,492,495,498,502,504],"span",{"class":475,"line":476},"line",1,[473,478,480],{"class":479},"sMK4o","\u003C",[473,482,484],{"class":483},"swJcz","script",[473,486,488],{"class":487},"spNyl"," setup",[473,490,491],{"class":487}," lang",[473,493,494],{"class":479},"=",[473,496,497],{"class":479},"\"",[473,499,501],{"class":500},"sfazB","ts",[473,503,497],{"class":479},[473,505,506],{"class":479},">\n",[473,508,510,514,517,521,524,527,530,532],{"class":475,"line":509},2,[473,511,513],{"class":512},"s7zQu","import",[473,515,516],{"class":479}," {",[473,518,520],{"class":519},"sTEyZ"," VyButton",[473,522,523],{"class":479}," }",[473,525,526],{"class":512}," from",[473,528,529],{"class":479}," '",[473,531,46],{"class":500},[473,533,534],{"class":479},"'\n",[473,536,538],{"class":475,"line":537},3,[473,539,541],{"emptyLinePlaceholder":540},true,"\n",[473,543,545,548,552,555],{"class":475,"line":544},4,[473,546,547],{"class":487},"function",[473,549,551],{"class":550},"s2Zo4"," saveDraft",[473,553,554],{"class":479},"()",[473,556,557],{"class":479}," {\n",[473,559,561],{"class":475,"line":560},5,[473,562,564],{"class":563},"sHwdD","  \u002F\u002F Persist the draft.\n",[473,566,568],{"class":475,"line":567},6,[473,569,570],{"class":479},"}\n",[473,572,574,577,579],{"class":475,"line":573},7,[473,575,576],{"class":479},"\u003C\u002F",[473,578,484],{"class":483},[473,580,506],{"class":479},[473,582,584],{"class":475,"line":583},8,[473,585,541],{"emptyLinePlaceholder":540},[473,587,589,591,594],{"class":475,"line":588},9,[473,590,480],{"class":479},[473,592,593],{"class":483},"template",[473,595,506],{"class":479},[473,597,599,602,604,607,609,611,614,616,619,621,623,626,628],{"class":475,"line":598},10,[473,600,601],{"class":479},"  \u003C",[473,603,422],{"class":483},[473,605,606],{"class":487}," label",[473,608,494],{"class":479},[473,610,497],{"class":479},[473,612,613],{"class":500},"Save draft",[473,615,497],{"class":479},[473,617,618],{"class":487}," @tap",[473,620,494],{"class":479},[473,622,497],{"class":479},[473,624,625],{"class":500},"saveDraft",[473,627,497],{"class":479},[473,629,630],{"class":479}," \u002F>\n",[473,632,634,636,638],{"class":475,"line":633},11,[473,635,576],{"class":479},[473,637,593],{"class":483},[473,639,506],{"class":479},[641,642,169],"h3",{"id":457},[417,644,645,646,648],{},"Use the ",[420,647,457],{}," prop when the button text is plain. Slot content replaces the built-in label and can contain custom Lynx markup.",[464,650,652],{"className":466,"code":651,"language":468,"meta":469,"style":469},"\u003CVyButton label=\"Continue\" \u002F>\n\n\u003CVyButton>\n  \u003Cview class=\"flex flex-row items-center gap-2\">\n    \u003Ctext>Continue\u003C\u002Ftext>\n    \u003Ctext class=\"text-xs text-primary-100\">Beta\u003C\u002Ftext>\n  \u003C\u002Fview>\n\u003C\u002FVyButton>\n",[420,653,654,673,677,685,690,695,700,705],{"__ignoreMap":469},[473,655,656,658,660,662,664,666,669,671],{"class":475,"line":476},[473,657,480],{"class":479},[473,659,422],{"class":483},[473,661,606],{"class":487},[473,663,494],{"class":479},[473,665,497],{"class":479},[473,667,668],{"class":500},"Continue",[473,670,497],{"class":479},[473,672,630],{"class":479},[473,674,675],{"class":475,"line":509},[473,676,541],{"emptyLinePlaceholder":540},[473,678,679,681,683],{"class":475,"line":537},[473,680,480],{"class":479},[473,682,422],{"class":483},[473,684,506],{"class":479},[473,686,687],{"class":475,"line":544},[473,688,689],{"class":519},"  \u003Cview class=\"flex flex-row items-center gap-2\">\n",[473,691,692],{"class":475,"line":560},[473,693,694],{"class":519},"    \u003Ctext>Continue\u003C\u002Ftext>\n",[473,696,697],{"class":475,"line":567},[473,698,699],{"class":519},"    \u003Ctext class=\"text-xs text-primary-100\">Beta\u003C\u002Ftext>\n",[473,701,702],{"class":475,"line":573},[473,703,704],{"class":519},"  \u003C\u002Fview>\n",[473,706,707,709,711],{"class":475,"line":583},[473,708,576],{"class":479},[473,710,422],{"class":483},[473,712,506],{"class":479},[641,714,715],{"id":429},"Color",[417,717,454,718,720],{},[420,719,429],{}," to select the semantic palette.",[464,722,724],{"className":466,"code":723,"language":468,"meta":469,"style":469},"\u003CVyButton color=\"primary\" label=\"Primary\" \u002F>\n\u003CVyButton color=\"success\" label=\"Success\" \u002F>\n\u003CVyButton color=\"warning\" label=\"Warning\" \u002F>\n\u003CVyButton color=\"error\" label=\"Error\" \u002F>\n\u003CVyButton color=\"neutral\" label=\"Neutral\" \u002F>\n",[420,725,726,757,787,817,847],{"__ignoreMap":469},[473,727,728,730,732,735,737,739,742,744,746,748,750,753,755],{"class":475,"line":476},[473,729,480],{"class":479},[473,731,422],{"class":483},[473,733,734],{"class":487}," color",[473,736,494],{"class":479},[473,738,497],{"class":479},[473,740,741],{"class":500},"primary",[473,743,497],{"class":479},[473,745,606],{"class":487},[473,747,494],{"class":479},[473,749,497],{"class":479},[473,751,752],{"class":500},"Primary",[473,754,497],{"class":479},[473,756,630],{"class":479},[473,758,759,761,763,765,767,769,772,774,776,778,780,783,785],{"class":475,"line":509},[473,760,480],{"class":479},[473,762,422],{"class":483},[473,764,734],{"class":487},[473,766,494],{"class":479},[473,768,497],{"class":479},[473,770,771],{"class":500},"success",[473,773,497],{"class":479},[473,775,606],{"class":487},[473,777,494],{"class":479},[473,779,497],{"class":479},[473,781,782],{"class":500},"Success",[473,784,497],{"class":479},[473,786,630],{"class":479},[473,788,789,791,793,795,797,799,802,804,806,808,810,813,815],{"class":475,"line":537},[473,790,480],{"class":479},[473,792,422],{"class":483},[473,794,734],{"class":487},[473,796,494],{"class":479},[473,798,497],{"class":479},[473,800,801],{"class":500},"warning",[473,803,497],{"class":479},[473,805,606],{"class":487},[473,807,494],{"class":479},[473,809,497],{"class":479},[473,811,812],{"class":500},"Warning",[473,814,497],{"class":479},[473,816,630],{"class":479},[473,818,819,821,823,825,827,829,832,834,836,838,840,843,845],{"class":475,"line":544},[473,820,480],{"class":479},[473,822,422],{"class":483},[473,824,734],{"class":487},[473,826,494],{"class":479},[473,828,497],{"class":479},[473,830,831],{"class":500},"error",[473,833,497],{"class":479},[473,835,606],{"class":487},[473,837,494],{"class":479},[473,839,497],{"class":479},[473,841,842],{"class":500},"Error",[473,844,497],{"class":479},[473,846,630],{"class":479},[473,848,849,851,853,855,857,859,862,864,866,868,870,873,875],{"class":475,"line":560},[473,850,480],{"class":479},[473,852,422],{"class":483},[473,854,734],{"class":487},[473,856,494],{"class":479},[473,858,497],{"class":479},[473,860,861],{"class":500},"neutral",[473,863,497],{"class":479},[473,865,606],{"class":487},[473,867,494],{"class":479},[473,869,497],{"class":479},[473,871,872],{"class":500},"Neutral",[473,874,497],{"class":479},[473,876,630],{"class":479},[641,878,879],{"id":433},"Variant",[417,881,882,884,885,887],{},[420,883,429],{}," selects the semantic palette; ",[420,886,433],{}," selects the fill treatment.",[444,889],{"height":890,"name":891},"340px","button-variants",[464,893,895],{"className":466,"code":894,"language":468,"meta":469,"style":469},"\u003CVyButton color=\"primary\" variant=\"solid\" label=\"Solid\" \u002F>\n\u003CVyButton color=\"primary\" variant=\"outline\" label=\"Outline\" \u002F>\n\u003CVyButton color=\"primary\" variant=\"subtle\" label=\"Subtle\" \u002F>\n\u003CVyButton color=\"neutral\" variant=\"soft\" label=\"Soft\" \u002F>\n\u003CVyButton color=\"error\" variant=\"ghost\" label=\"Ghost\" \u002F>\n\u003CVyButton color=\"primary\" variant=\"link\" label=\"Link\" \u002F>\n",[420,896,897,938,978,1018,1058,1098],{"__ignoreMap":469},[473,898,899,901,903,905,907,909,911,913,916,918,920,923,925,927,929,931,934,936],{"class":475,"line":476},[473,900,480],{"class":479},[473,902,422],{"class":483},[473,904,734],{"class":487},[473,906,494],{"class":479},[473,908,497],{"class":479},[473,910,741],{"class":500},[473,912,497],{"class":479},[473,914,915],{"class":487}," variant",[473,917,494],{"class":479},[473,919,497],{"class":479},[473,921,922],{"class":500},"solid",[473,924,497],{"class":479},[473,926,606],{"class":487},[473,928,494],{"class":479},[473,930,497],{"class":479},[473,932,933],{"class":500},"Solid",[473,935,497],{"class":479},[473,937,630],{"class":479},[473,939,940,942,944,946,948,950,952,954,956,958,960,963,965,967,969,971,974,976],{"class":475,"line":509},[473,941,480],{"class":479},[473,943,422],{"class":483},[473,945,734],{"class":487},[473,947,494],{"class":479},[473,949,497],{"class":479},[473,951,741],{"class":500},[473,953,497],{"class":479},[473,955,915],{"class":487},[473,957,494],{"class":479},[473,959,497],{"class":479},[473,961,962],{"class":500},"outline",[473,964,497],{"class":479},[473,966,606],{"class":487},[473,968,494],{"class":479},[473,970,497],{"class":479},[473,972,973],{"class":500},"Outline",[473,975,497],{"class":479},[473,977,630],{"class":479},[473,979,980,982,984,986,988,990,992,994,996,998,1000,1003,1005,1007,1009,1011,1014,1016],{"class":475,"line":537},[473,981,480],{"class":479},[473,983,422],{"class":483},[473,985,734],{"class":487},[473,987,494],{"class":479},[473,989,497],{"class":479},[473,991,741],{"class":500},[473,993,497],{"class":479},[473,995,915],{"class":487},[473,997,494],{"class":479},[473,999,497],{"class":479},[473,1001,1002],{"class":500},"subtle",[473,1004,497],{"class":479},[473,1006,606],{"class":487},[473,1008,494],{"class":479},[473,1010,497],{"class":479},[473,1012,1013],{"class":500},"Subtle",[473,1015,497],{"class":479},[473,1017,630],{"class":479},[473,1019,1020,1022,1024,1026,1028,1030,1032,1034,1036,1038,1040,1043,1045,1047,1049,1051,1054,1056],{"class":475,"line":544},[473,1021,480],{"class":479},[473,1023,422],{"class":483},[473,1025,734],{"class":487},[473,1027,494],{"class":479},[473,1029,497],{"class":479},[473,1031,861],{"class":500},[473,1033,497],{"class":479},[473,1035,915],{"class":487},[473,1037,494],{"class":479},[473,1039,497],{"class":479},[473,1041,1042],{"class":500},"soft",[473,1044,497],{"class":479},[473,1046,606],{"class":487},[473,1048,494],{"class":479},[473,1050,497],{"class":479},[473,1052,1053],{"class":500},"Soft",[473,1055,497],{"class":479},[473,1057,630],{"class":479},[473,1059,1060,1062,1064,1066,1068,1070,1072,1074,1076,1078,1080,1083,1085,1087,1089,1091,1094,1096],{"class":475,"line":560},[473,1061,480],{"class":479},[473,1063,422],{"class":483},[473,1065,734],{"class":487},[473,1067,494],{"class":479},[473,1069,497],{"class":479},[473,1071,831],{"class":500},[473,1073,497],{"class":479},[473,1075,915],{"class":487},[473,1077,494],{"class":479},[473,1079,497],{"class":479},[473,1081,1082],{"class":500},"ghost",[473,1084,497],{"class":479},[473,1086,606],{"class":487},[473,1088,494],{"class":479},[473,1090,497],{"class":479},[473,1092,1093],{"class":500},"Ghost",[473,1095,497],{"class":479},[473,1097,630],{"class":479},[473,1099,1100,1102,1104,1106,1108,1110,1112,1114,1116,1118,1120,1123,1125,1127,1129,1131,1134,1136],{"class":475,"line":567},[473,1101,480],{"class":479},[473,1103,422],{"class":483},[473,1105,734],{"class":487},[473,1107,494],{"class":479},[473,1109,497],{"class":479},[473,1111,741],{"class":500},[473,1113,497],{"class":479},[473,1115,915],{"class":487},[473,1117,494],{"class":479},[473,1119,497],{"class":479},[473,1121,1122],{"class":500},"link",[473,1124,497],{"class":479},[473,1126,606],{"class":487},[473,1128,494],{"class":479},[473,1130,497],{"class":479},[473,1132,1133],{"class":500},"Link",[473,1135,497],{"class":479},[473,1137,630],{"class":479},[641,1139,1141],{"id":1140},"sizes","Sizes",[417,1143,454,1144,1147],{},[420,1145,1146],{},"size"," to change padding, text scale, icon size, and avatar size.",[444,1149],{"height":1150,"name":1151},"310px","button-sizes",[464,1153,1155],{"className":466,"code":1154,"language":468,"meta":469,"style":469},"\u003CVyButton size=\"xs\" label=\"XS\" \u002F>\n\u003CVyButton size=\"sm\" label=\"SM\" \u002F>\n\u003CVyButton size=\"md\" label=\"MD\" \u002F>\n\u003CVyButton size=\"lg\" label=\"LG\" \u002F>\n\u003CVyButton size=\"xl\" label=\"XL\" \u002F>\n",[420,1156,1157,1188,1218,1248,1278],{"__ignoreMap":469},[473,1158,1159,1161,1163,1166,1168,1170,1173,1175,1177,1179,1181,1184,1186],{"class":475,"line":476},[473,1160,480],{"class":479},[473,1162,422],{"class":483},[473,1164,1165],{"class":487}," size",[473,1167,494],{"class":479},[473,1169,497],{"class":479},[473,1171,1172],{"class":500},"xs",[473,1174,497],{"class":479},[473,1176,606],{"class":487},[473,1178,494],{"class":479},[473,1180,497],{"class":479},[473,1182,1183],{"class":500},"XS",[473,1185,497],{"class":479},[473,1187,630],{"class":479},[473,1189,1190,1192,1194,1196,1198,1200,1203,1205,1207,1209,1211,1214,1216],{"class":475,"line":509},[473,1191,480],{"class":479},[473,1193,422],{"class":483},[473,1195,1165],{"class":487},[473,1197,494],{"class":479},[473,1199,497],{"class":479},[473,1201,1202],{"class":500},"sm",[473,1204,497],{"class":479},[473,1206,606],{"class":487},[473,1208,494],{"class":479},[473,1210,497],{"class":479},[473,1212,1213],{"class":500},"SM",[473,1215,497],{"class":479},[473,1217,630],{"class":479},[473,1219,1220,1222,1224,1226,1228,1230,1233,1235,1237,1239,1241,1244,1246],{"class":475,"line":537},[473,1221,480],{"class":479},[473,1223,422],{"class":483},[473,1225,1165],{"class":487},[473,1227,494],{"class":479},[473,1229,497],{"class":479},[473,1231,1232],{"class":500},"md",[473,1234,497],{"class":479},[473,1236,606],{"class":487},[473,1238,494],{"class":479},[473,1240,497],{"class":479},[473,1242,1243],{"class":500},"MD",[473,1245,497],{"class":479},[473,1247,630],{"class":479},[473,1249,1250,1252,1254,1256,1258,1260,1263,1265,1267,1269,1271,1274,1276],{"class":475,"line":544},[473,1251,480],{"class":479},[473,1253,422],{"class":483},[473,1255,1165],{"class":487},[473,1257,494],{"class":479},[473,1259,497],{"class":479},[473,1261,1262],{"class":500},"lg",[473,1264,497],{"class":479},[473,1266,606],{"class":487},[473,1268,494],{"class":479},[473,1270,497],{"class":479},[473,1272,1273],{"class":500},"LG",[473,1275,497],{"class":479},[473,1277,630],{"class":479},[473,1279,1280,1282,1284,1286,1288,1290,1293,1295,1297,1299,1301,1304,1306],{"class":475,"line":560},[473,1281,480],{"class":479},[473,1283,422],{"class":483},[473,1285,1165],{"class":487},[473,1287,494],{"class":479},[473,1289,497],{"class":479},[473,1291,1292],{"class":500},"xl",[473,1294,497],{"class":479},[473,1296,606],{"class":487},[473,1298,494],{"class":479},[473,1300,497],{"class":479},[473,1302,1303],{"class":500},"XL",[473,1305,497],{"class":479},[473,1307,630],{"class":479},[641,1309,141],{"id":1310},"icon",[417,1312,454,1313,1315,1316,1319,1320,1323],{},[420,1314,1310],{},", ",[420,1317,1318],{},"leadingIcon",", or ",[420,1321,1322],{},"trailingIcon"," to show an Iconify glyph inside the button.",[417,1325,1326,438,1328,1330,1331,1333,1334,1337,1338,1341,1342,1345],{},[420,1327,1318],{},[420,1329,1322],{}," place explicit Iconify glyphs. The ",[420,1332,1310],{}," shorthand goes to the trailing side when ",[420,1335,1336],{},"trailing"," is set, otherwise the leading side. ",[420,1339,1340],{},"avatar"," renders a ",[420,1343,1344],{},"VyAvatar"," in the leading slot instead of an icon.",[444,1347],{"height":1348,"name":1349},"230px","button-icons",[464,1351,1353],{"className":466,"code":1352,"language":468,"meta":469,"style":469},"\u003CVyButton icon=\"i-lucide-rocket\" label=\"Launch\" \u002F>\n\u003CVyButton leading-icon=\"i-lucide-arrow-left\" label=\"Back\" \u002F>\n\u003CVyButton trailing-icon=\"i-lucide-arrow-right\" label=\"Next\" \u002F>\n",[420,1354,1355,1385,1416],{"__ignoreMap":469},[473,1356,1357,1359,1361,1364,1366,1368,1370,1372,1374,1376,1378,1381,1383],{"class":475,"line":476},[473,1358,480],{"class":479},[473,1360,422],{"class":483},[473,1362,1363],{"class":487}," icon",[473,1365,494],{"class":479},[473,1367,497],{"class":479},[473,1369,33],{"class":500},[473,1371,497],{"class":479},[473,1373,606],{"class":487},[473,1375,494],{"class":479},[473,1377,497],{"class":479},[473,1379,1380],{"class":500},"Launch",[473,1382,497],{"class":479},[473,1384,630],{"class":479},[473,1386,1387,1389,1391,1394,1396,1398,1401,1403,1405,1407,1409,1412,1414],{"class":475,"line":509},[473,1388,480],{"class":479},[473,1390,422],{"class":483},[473,1392,1393],{"class":487}," leading-icon",[473,1395,494],{"class":479},[473,1397,497],{"class":479},[473,1399,1400],{"class":500},"i-lucide-arrow-left",[473,1402,497],{"class":479},[473,1404,606],{"class":487},[473,1406,494],{"class":479},[473,1408,497],{"class":479},[473,1410,1411],{"class":500},"Back",[473,1413,497],{"class":479},[473,1415,630],{"class":479},[473,1417,1418,1420,1422,1425,1427,1429,1432,1434,1436,1438,1440,1443,1445],{"class":475,"line":537},[473,1419,480],{"class":479},[473,1421,422],{"class":483},[473,1423,1424],{"class":487}," trailing-icon",[473,1426,494],{"class":479},[473,1428,497],{"class":479},[473,1430,1431],{"class":500},"i-lucide-arrow-right",[473,1433,497],{"class":479},[473,1435,606],{"class":487},[473,1437,494],{"class":479},[473,1439,497],{"class":479},[473,1441,1442],{"class":500},"Next",[473,1444,497],{"class":479},[473,1446,630],{"class":479},[417,1448,1449,1450,1452,1453,1456],{},"With no ",[420,1451,457],{}," and no default slot, the button automatically uses a square icon-only footprint. Add ",[420,1454,1455],{},"accessibility-label"," for icon-only actions.",[464,1458,1460],{"className":466,"code":1459,"language":468,"meta":469,"style":469},"\u003CVyButton icon=\"i-lucide-search\" accessibility-label=\"Search\" \u002F>\n",[420,1461,1462],{"__ignoreMap":469},[473,1463,1464,1466,1468,1470,1472,1474,1477,1479,1482,1484,1486,1489,1491],{"class":475,"line":476},[473,1465,480],{"class":479},[473,1467,422],{"class":483},[473,1469,1363],{"class":487},[473,1471,494],{"class":479},[473,1473,497],{"class":479},[473,1475,1476],{"class":500},"i-lucide-search",[473,1478,497],{"class":479},[473,1480,1481],{"class":487}," accessibility-label",[473,1483,494],{"class":479},[473,1485,497],{"class":479},[473,1487,1488],{"class":500},"Search",[473,1490,497],{"class":479},[473,1492,630],{"class":479},[641,1494,91],{"id":1340},[417,1496,454,1497,1499,1500,1502,1503,1506],{},[420,1498,1340],{}," to render a ",[420,1501,1344],{}," on the leading side. The avatar inherits a size token from the button unless ",[420,1504,1505],{},"avatar.size"," is set.",[464,1508,1510],{"className":466,"code":1509,"language":468,"meta":469,"style":469},"\u003CVyButton\n  :avatar=\"{ src: 'https:\u002F\u002Fgithub.com\u002Fnuxt.png', alt: 'Nuxt' }\"\n  label=\"Nuxt\"\n  color=\"neutral\"\n  variant=\"outline\"\n\u002F>\n",[420,1511,1512,1519,1567,1580,1593,1606],{"__ignoreMap":469},[473,1513,1514,1516],{"class":475,"line":476},[473,1515,480],{"class":479},[473,1517,1518],{"class":483},"VyButton\n",[473,1520,1521,1524,1526,1528,1530,1533,1536,1539,1541,1544,1547,1550,1553,1555,1557,1560,1562,1564],{"class":475,"line":509},[473,1522,1523],{"class":479},"  :",[473,1525,1340],{"class":487},[473,1527,494],{"class":479},[473,1529,497],{"class":479},[473,1531,1532],{"class":479},"{",[473,1534,1535],{"class":483}," src",[473,1537,1538],{"class":479},":",[473,1540,529],{"class":479},[473,1542,1543],{"class":500},"https:\u002F\u002Fgithub.com\u002Fnuxt.png",[473,1545,1546],{"class":479},"'",[473,1548,1549],{"class":479},",",[473,1551,1552],{"class":483}," alt",[473,1554,1538],{"class":479},[473,1556,529],{"class":479},[473,1558,1559],{"class":500},"Nuxt",[473,1561,1546],{"class":479},[473,1563,523],{"class":479},[473,1565,1566],{"class":479},"\"\n",[473,1568,1569,1572,1574,1576,1578],{"class":475,"line":537},[473,1570,1571],{"class":487},"  label",[473,1573,494],{"class":479},[473,1575,497],{"class":479},[473,1577,1559],{"class":500},[473,1579,1566],{"class":479},[473,1581,1582,1585,1587,1589,1591],{"class":475,"line":544},[473,1583,1584],{"class":487},"  color",[473,1586,494],{"class":479},[473,1588,497],{"class":479},[473,1590,861],{"class":500},[473,1592,1566],{"class":479},[473,1594,1595,1598,1600,1602,1604],{"class":475,"line":560},[473,1596,1597],{"class":487},"  variant",[473,1599,494],{"class":479},[473,1601,497],{"class":479},[473,1603,962],{"class":500},[473,1605,1566],{"class":479},[473,1607,1608],{"class":475,"line":567},[473,1609,1610],{"class":519},"\u002F>\n",[417,1612,1613],{},"An avatar-only button also collapses to the square footprint.",[464,1615,1617],{"className":466,"code":1616,"language":468,"meta":469,"style":469},"\u003CVyButton\n  :avatar=\"{ src: 'https:\u002F\u002Fgithub.com\u002Fnuxt.png', alt: 'Nuxt' }\"\n  accessibility-label=\"Open Nuxt profile\"\n\u002F>\n",[420,1618,1619,1625,1663,1677],{"__ignoreMap":469},[473,1620,1621,1623],{"class":475,"line":476},[473,1622,480],{"class":479},[473,1624,1518],{"class":483},[473,1626,1627,1629,1631,1633,1635,1637,1639,1641,1643,1645,1647,1649,1651,1653,1655,1657,1659,1661],{"class":475,"line":509},[473,1628,1523],{"class":479},[473,1630,1340],{"class":487},[473,1632,494],{"class":479},[473,1634,497],{"class":479},[473,1636,1532],{"class":479},[473,1638,1535],{"class":483},[473,1640,1538],{"class":479},[473,1642,529],{"class":479},[473,1644,1543],{"class":500},[473,1646,1546],{"class":479},[473,1648,1549],{"class":479},[473,1650,1552],{"class":483},[473,1652,1538],{"class":479},[473,1654,529],{"class":479},[473,1656,1559],{"class":500},[473,1658,1546],{"class":479},[473,1660,523],{"class":479},[473,1662,1566],{"class":479},[473,1664,1665,1668,1670,1672,1675],{"class":475,"line":537},[473,1666,1667],{"class":487},"  accessibility-label",[473,1669,494],{"class":479},[473,1671,497],{"class":479},[473,1673,1674],{"class":500},"Open Nuxt profile",[473,1676,1566],{"class":479},[473,1678,1679],{"class":475,"line":544},[473,1680,1610],{"class":519},[641,1682,1684],{"id":1683},"loading","Loading",[417,1686,454,1687,1689,1690,1692,1693,1696],{},[420,1688,1683],{}," to show the loading icon and block interaction. Because ",[420,1691,1683],{}," sets the underlying core button to disabled, ",[420,1694,1695],{},"tap"," will not emit while it is loading.",[444,1698],{"height":1699,"name":1700},"220px","button-loading",[464,1702,1704],{"className":466,"code":1703,"language":468,"meta":469,"style":469},"\u003CVyButton :loading=\"submitting\" label=\"Saving\" \u002F>\n",[420,1705,1706],{"__ignoreMap":469},[473,1707,1708,1710,1712,1715,1717,1719,1721,1724,1726,1728,1730,1732,1735,1737],{"class":475,"line":476},[473,1709,480],{"class":479},[473,1711,422],{"class":483},[473,1713,1714],{"class":479}," :",[473,1716,1683],{"class":487},[473,1718,494],{"class":479},[473,1720,497],{"class":479},[473,1722,1723],{"class":519},"submitting",[473,1725,497],{"class":479},[473,1727,606],{"class":487},[473,1729,494],{"class":479},[473,1731,497],{"class":479},[473,1733,1734],{"class":500},"Saving",[473,1736,497],{"class":479},[473,1738,630],{"class":479},[417,1740,454,1741,1744,1745,1748],{},[420,1742,1743],{},"loadingIcon"," to override the spinner for one button. The global default comes from ",[420,1746,1747],{},"appConfig.ui.icons.loading",".",[464,1750,1752],{"className":466,"code":1751,"language":468,"meta":469,"style":469},"\u003CVyButton loading loading-icon=\"i-lucide-loader\" label=\"Loading\" \u002F>\n",[420,1753,1754],{"__ignoreMap":469},[473,1755,1756,1758,1760,1763,1766,1768,1770,1773,1775,1777,1779,1781,1783,1785],{"class":475,"line":476},[473,1757,480],{"class":479},[473,1759,422],{"class":483},[473,1761,1762],{"class":487}," loading",[473,1764,1765],{"class":487}," loading-icon",[473,1767,494],{"class":479},[473,1769,497],{"class":479},[473,1771,1772],{"class":500},"i-lucide-loader",[473,1774,497],{"class":479},[473,1776,606],{"class":487},[473,1778,494],{"class":479},[473,1780,497],{"class":479},[473,1782,1684],{"class":500},[473,1784,497],{"class":479},[473,1786,630],{"class":479},[417,1788,1789,1790,1793],{},"Override the global loading icon through the ",[420,1791,1792],{},"VyUI"," plugin config.",[464,1795,1798],{"className":1796,"code":1797,"language":501,"meta":469,"style":469},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","provideVyUI(app, {\n  ui: {\n    icons: {\n      loading: 'tabler:loader-2'\n    }\n  }\n})\n",[420,1799,1800,1812,1821,1830,1844,1849,1854],{"__ignoreMap":469},[473,1801,1802,1805,1808,1810],{"class":475,"line":476},[473,1803,1804],{"class":550},"provideVyUI",[473,1806,1807],{"class":519},"(app",[473,1809,1549],{"class":479},[473,1811,557],{"class":479},[473,1813,1814,1817,1819],{"class":475,"line":509},[473,1815,1816],{"class":483},"  ui",[473,1818,1538],{"class":479},[473,1820,557],{"class":479},[473,1822,1823,1826,1828],{"class":475,"line":537},[473,1824,1825],{"class":483},"    icons",[473,1827,1538],{"class":479},[473,1829,557],{"class":479},[473,1831,1832,1835,1837,1839,1842],{"class":475,"line":544},[473,1833,1834],{"class":483},"      loading",[473,1836,1538],{"class":479},[473,1838,529],{"class":479},[473,1840,1841],{"class":500},"tabler:loader-2",[473,1843,534],{"class":479},[473,1845,1846],{"class":475,"line":560},[473,1847,1848],{"class":479},"    }\n",[473,1850,1851],{"class":475,"line":567},[473,1852,1853],{"class":479},"  }\n",[473,1855,1856,1859],{"class":475,"line":573},[473,1857,1858],{"class":479},"}",[473,1860,1861],{"class":519},")\n",[641,1863,1865],{"id":1864},"disabled","Disabled",[417,1867,454,1868,1870],{},[420,1869,1864],{}," to prevent interaction and apply the disabled visual state. Loading buttons are disabled automatically.",[444,1872],{"height":1873,"name":1874},"210px","button-disabled",[464,1876,1878],{"className":466,"code":1877,"language":468,"meta":469,"style":469},"\u003CVyButton disabled label=\"Disabled\" \u002F>\n",[420,1879,1880],{"__ignoreMap":469},[473,1881,1882,1884,1886,1889,1891,1893,1895,1897,1899],{"class":475,"line":476},[473,1883,480],{"class":479},[473,1885,422],{"class":483},[473,1887,1888],{"class":487}," disabled",[473,1890,606],{"class":487},[473,1892,494],{"class":479},[473,1894,497],{"class":479},[473,1896,1865],{"class":500},[473,1898,497],{"class":479},[473,1900,630],{"class":479},[641,1902,1904],{"id":1903},"form-submission","Form submission",[417,1906,1907,1909,1910,1913,1914,1917,1918,1920,1921,1923,1924,1748],{},[420,1908,422],{}," does not submit a native HTML form on Lynx. With ",[420,1911,1912],{},"VyForm",", call the exposed ",[420,1915,1916],{},"submit()"," method from ",[420,1919,461],{}," and bind the form slot's ",[420,1922,1723],{}," state to ",[420,1925,1683],{},[464,1927,1929],{"className":466,"code":1928,"language":468,"meta":469,"style":469},"\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { VyButton, VyForm, VyFormField, VyInput } from '@vyui\u002Fkit'\n\nconst form = ref()\n\nfunction onSubmit(values: Record\u003Cstring, unknown>) {\n  \u002F\u002F Send values.\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVyForm ref=\"form\" :default-values=\"{ email: '' }\" @submit=\"onSubmit\">\n    \u003Ctemplate #default=\"{ submitting }\">\n      \u003CVyFormField name=\"email\" label=\"Email\">\n        \u003CVyInput name=\"email\" \u002F>\n      \u003C\u002FVyFormField>\n\n      \u003CVyButton :loading=\"submitting\" label=\"Submit\" @tap=\"form.submit()\" \u002F>\n    \u003C\u002Ftemplate>\n  \u003C\u002FVyForm>\n\u003C\u002Ftemplate>\n",[420,1930,1931,1951,1970,2003,2007,2022,2026,2061,2066,2070,2078,2082,2091,2135,2164,2198,2219,2229,2234,2276,2286,2296],{"__ignoreMap":469},[473,1932,1933,1935,1937,1939,1941,1943,1945,1947,1949],{"class":475,"line":476},[473,1934,480],{"class":479},[473,1936,484],{"class":483},[473,1938,488],{"class":487},[473,1940,491],{"class":487},[473,1942,494],{"class":479},[473,1944,497],{"class":479},[473,1946,501],{"class":500},[473,1948,497],{"class":479},[473,1950,506],{"class":479},[473,1952,1953,1955,1957,1960,1962,1964,1966,1968],{"class":475,"line":509},[473,1954,513],{"class":512},[473,1956,516],{"class":479},[473,1958,1959],{"class":519}," ref",[473,1961,523],{"class":479},[473,1963,526],{"class":512},[473,1965,529],{"class":479},[473,1967,468],{"class":500},[473,1969,534],{"class":479},[473,1971,1972,1974,1976,1978,1980,1983,1985,1988,1990,1993,1995,1997,1999,2001],{"class":475,"line":537},[473,1973,513],{"class":512},[473,1975,516],{"class":479},[473,1977,520],{"class":519},[473,1979,1549],{"class":479},[473,1981,1982],{"class":519}," VyForm",[473,1984,1549],{"class":479},[473,1986,1987],{"class":519}," VyFormField",[473,1989,1549],{"class":479},[473,1991,1992],{"class":519}," VyInput",[473,1994,523],{"class":479},[473,1996,526],{"class":512},[473,1998,529],{"class":479},[473,2000,46],{"class":500},[473,2002,534],{"class":479},[473,2004,2005],{"class":475,"line":544},[473,2006,541],{"emptyLinePlaceholder":540},[473,2008,2009,2012,2015,2017,2019],{"class":475,"line":560},[473,2010,2011],{"class":487},"const",[473,2013,2014],{"class":519}," form ",[473,2016,494],{"class":479},[473,2018,1959],{"class":550},[473,2020,2021],{"class":519},"()\n",[473,2023,2024],{"class":475,"line":567},[473,2025,541],{"emptyLinePlaceholder":540},[473,2027,2028,2030,2033,2036,2040,2042,2046,2048,2051,2053,2056,2059],{"class":475,"line":573},[473,2029,547],{"class":487},[473,2031,2032],{"class":550}," onSubmit",[473,2034,2035],{"class":479},"(",[473,2037,2039],{"class":2038},"sHdIc","values",[473,2041,1538],{"class":479},[473,2043,2045],{"class":2044},"sBMFI"," Record",[473,2047,480],{"class":479},[473,2049,2050],{"class":2044},"string",[473,2052,1549],{"class":479},[473,2054,2055],{"class":2044}," unknown",[473,2057,2058],{"class":479},">)",[473,2060,557],{"class":479},[473,2062,2063],{"class":475,"line":583},[473,2064,2065],{"class":563},"  \u002F\u002F Send values.\n",[473,2067,2068],{"class":475,"line":588},[473,2069,570],{"class":479},[473,2071,2072,2074,2076],{"class":475,"line":598},[473,2073,576],{"class":479},[473,2075,484],{"class":483},[473,2077,506],{"class":479},[473,2079,2080],{"class":475,"line":633},[473,2081,541],{"emptyLinePlaceholder":540},[473,2083,2085,2087,2089],{"class":475,"line":2084},12,[473,2086,480],{"class":479},[473,2088,593],{"class":483},[473,2090,506],{"class":479},[473,2092,2094,2096,2098,2100,2102,2104,2107,2109,2112,2114,2116,2119,2121,2124,2126,2128,2131,2133],{"class":475,"line":2093},13,[473,2095,601],{"class":479},[473,2097,1912],{"class":483},[473,2099,1959],{"class":487},[473,2101,494],{"class":479},[473,2103,497],{"class":479},[473,2105,2106],{"class":500},"form",[473,2108,497],{"class":479},[473,2110,2111],{"class":487}," :default-values",[473,2113,494],{"class":479},[473,2115,497],{"class":479},[473,2117,2118],{"class":500},"{ email: '' }",[473,2120,497],{"class":479},[473,2122,2123],{"class":487}," @submit",[473,2125,494],{"class":479},[473,2127,497],{"class":479},[473,2129,2130],{"class":500},"onSubmit",[473,2132,497],{"class":479},[473,2134,506],{"class":479},[473,2136,2138,2141,2143,2146,2149,2151,2153,2155,2158,2160,2162],{"class":475,"line":2137},14,[473,2139,2140],{"class":479},"    \u003C",[473,2142,593],{"class":483},[473,2144,2145],{"class":479}," #",[473,2147,2148],{"class":487},"default",[473,2150,494],{"class":479},[473,2152,497],{"class":479},[473,2154,1532],{"class":479},[473,2156,2157],{"class":519}," submitting ",[473,2159,1858],{"class":479},[473,2161,497],{"class":479},[473,2163,506],{"class":479},[473,2165,2167,2170,2173,2176,2178,2180,2183,2185,2187,2189,2191,2194,2196],{"class":475,"line":2166},15,[473,2168,2169],{"class":479},"      \u003C",[473,2171,2172],{"class":483},"VyFormField",[473,2174,2175],{"class":487}," name",[473,2177,494],{"class":479},[473,2179,497],{"class":479},[473,2181,2182],{"class":500},"email",[473,2184,497],{"class":479},[473,2186,606],{"class":487},[473,2188,494],{"class":479},[473,2190,497],{"class":479},[473,2192,2193],{"class":500},"Email",[473,2195,497],{"class":479},[473,2197,506],{"class":479},[473,2199,2201,2204,2207,2209,2211,2213,2215,2217],{"class":475,"line":2200},16,[473,2202,2203],{"class":479},"        \u003C",[473,2205,2206],{"class":483},"VyInput",[473,2208,2175],{"class":487},[473,2210,494],{"class":479},[473,2212,497],{"class":479},[473,2214,2182],{"class":500},[473,2216,497],{"class":479},[473,2218,630],{"class":479},[473,2220,2222,2225,2227],{"class":475,"line":2221},17,[473,2223,2224],{"class":479},"      \u003C\u002F",[473,2226,2172],{"class":483},[473,2228,506],{"class":479},[473,2230,2232],{"class":475,"line":2231},18,[473,2233,541],{"emptyLinePlaceholder":540},[473,2235,2237,2239,2241,2244,2246,2248,2250,2252,2254,2256,2258,2261,2263,2265,2267,2269,2272,2274],{"class":475,"line":2236},19,[473,2238,2169],{"class":479},[473,2240,422],{"class":483},[473,2242,2243],{"class":487}," :loading",[473,2245,494],{"class":479},[473,2247,497],{"class":479},[473,2249,1723],{"class":500},[473,2251,497],{"class":479},[473,2253,606],{"class":487},[473,2255,494],{"class":479},[473,2257,497],{"class":479},[473,2259,2260],{"class":500},"Submit",[473,2262,497],{"class":479},[473,2264,618],{"class":487},[473,2266,494],{"class":479},[473,2268,497],{"class":479},[473,2270,2271],{"class":500},"form.submit()",[473,2273,497],{"class":479},[473,2275,630],{"class":479},[473,2277,2279,2282,2284],{"class":475,"line":2278},20,[473,2280,2281],{"class":479},"    \u003C\u002F",[473,2283,593],{"class":483},[473,2285,506],{"class":479},[473,2287,2289,2292,2294],{"class":475,"line":2288},21,[473,2290,2291],{"class":479},"  \u003C\u002F",[473,2293,1912],{"class":483},[473,2295,506],{"class":479},[473,2297,2299,2301,2303],{"class":475,"line":2298},22,[473,2300,576],{"class":479},[473,2302,593],{"class":483},[473,2304,506],{"class":479},[641,2306,2308],{"id":2307},"block-and-square","Block and square",[417,2310,454,2311,2313],{},[420,2312,437],{}," for full-width actions. A block button with a trailing icon pushes that icon to the far edge.",[444,2315],{"height":1348,"name":2316},"button-layouts",[464,2318,2320],{"className":466,"code":2319,"language":468,"meta":469,"style":469},"\u003CVyButton block label=\"Create project\" trailing-icon=\"i-lucide-arrow-right\" \u002F>\n",[420,2321,2322],{"__ignoreMap":469},[473,2323,2324,2326,2328,2331,2333,2335,2337,2340,2342,2344,2346,2348,2350,2352],{"class":475,"line":476},[473,2325,480],{"class":479},[473,2327,422],{"class":483},[473,2329,2330],{"class":487}," block",[473,2332,606],{"class":487},[473,2334,494],{"class":479},[473,2336,497],{"class":479},[473,2338,2339],{"class":500},"Create project",[473,2341,497],{"class":479},[473,2343,1424],{"class":487},[473,2345,494],{"class":479},[473,2347,497],{"class":479},[473,2349,1431],{"class":500},[473,2351,497],{"class":479},[473,2353,630],{"class":479},[417,2355,454,2356,2358],{},[420,2357,441],{}," to force equal-sided padding, even when content would normally create a wider button.",[464,2360,2362],{"className":466,"code":2361,"language":468,"meta":469,"style":469},"\u003CVyButton square icon=\"i-lucide-plus\" accessibility-label=\"Create\" \u002F>\n",[420,2363,2364],{"__ignoreMap":469},[473,2365,2366,2368,2370,2373,2375,2377,2379,2382,2384,2386,2388,2390,2393,2395],{"class":475,"line":476},[473,2367,480],{"class":479},[473,2369,422],{"class":483},[473,2371,2372],{"class":487}," square",[473,2374,1363],{"class":487},[473,2376,494],{"class":479},[473,2378,497],{"class":479},[473,2380,2381],{"class":500},"i-lucide-plus",[473,2383,497],{"class":479},[473,2385,1481],{"class":487},[473,2387,494],{"class":479},[473,2389,497],{"class":479},[473,2391,2392],{"class":500},"Create",[473,2394,497],{"class":479},[473,2396,630],{"class":479},[641,2398,2400],{"id":2399},"custom-slots","Custom slots",[417,2402,2403,2404,2407,2408,2410,2411,2414],{},"Use the default slot to replace the built-in label. Use ",[420,2405,2406],{},"leading"," and ",[420,2409,1336],{}," to replace the built-in icon areas; both scoped slots receive ",[420,2412,2413],{},"iconColor"," so custom icons can match the resolved variant foreground.",[444,2416],{"height":1699,"name":2417},"button-slots",[464,2419,2421],{"className":466,"code":2420,"language":468,"meta":469,"style":469},"\u003CVyButton label=\"Deploy\" variant=\"outline\">\n  \u003Ctemplate #leading=\"{ iconColor }\">\n    \u003CVyIcon name=\"i-lucide-cloud-upload\" :color=\"iconColor\" class=\"size-5\" \u002F>\n  \u003C\u002Ftemplate>\n\u003C\u002FVyButton>\n",[420,2422,2423,2452,2457,2462,2467],{"__ignoreMap":469},[473,2424,2425,2427,2429,2431,2433,2435,2438,2440,2442,2444,2446,2448,2450],{"class":475,"line":476},[473,2426,480],{"class":479},[473,2428,422],{"class":483},[473,2430,606],{"class":487},[473,2432,494],{"class":479},[473,2434,497],{"class":479},[473,2436,2437],{"class":500},"Deploy",[473,2439,497],{"class":479},[473,2441,915],{"class":487},[473,2443,494],{"class":479},[473,2445,497],{"class":479},[473,2447,962],{"class":500},[473,2449,497],{"class":479},[473,2451,506],{"class":479},[473,2453,2454],{"class":475,"line":509},[473,2455,2456],{"class":519},"  \u003Ctemplate #leading=\"{ iconColor }\">\n",[473,2458,2459],{"class":475,"line":537},[473,2460,2461],{"class":519},"    \u003CVyIcon name=\"i-lucide-cloud-upload\" :color=\"iconColor\" class=\"size-5\" \u002F>\n",[473,2463,2464],{"class":475,"line":544},[473,2465,2466],{"class":519},"  \u003C\u002Ftemplate>\n",[473,2468,2469,2471,2473],{"class":475,"line":560},[473,2470,576],{"class":479},[473,2472,422],{"class":483},[473,2474,506],{"class":479},[412,2476,2478],{"id":2477},"examples","Examples",[641,2480,2482,2485],{"id":2481},"class-prop",[420,2483,2484],{},"class"," prop",[417,2487,454,2488,2490],{},[420,2489,2484],{}," to override root styles for one button.",[444,2492],{"height":1873,"name":2493},"button-styling",[464,2495,2497],{"className":466,"code":2496,"language":468,"meta":469,"style":469},"\u003CVyButton class=\"rounded-full px-5\" label=\"Rounded\" \u002F>\n",[420,2498,2499],{"__ignoreMap":469},[473,2500,2501,2503,2505,2508,2510,2512,2515,2517,2519,2521,2523,2526,2528],{"class":475,"line":476},[473,2502,480],{"class":479},[473,2504,422],{"class":483},[473,2506,2507],{"class":487}," class",[473,2509,494],{"class":479},[473,2511,497],{"class":479},[473,2513,2514],{"class":500},"rounded-full px-5",[473,2516,497],{"class":479},[473,2518,606],{"class":487},[473,2520,494],{"class":479},[473,2522,497],{"class":479},[473,2524,2525],{"class":500},"Rounded",[473,2527,497],{"class":479},[473,2529,630],{"class":479},[641,2531,2533,2485],{"id":2532},"ui-prop",[420,2534,2535],{},"ui",[417,2537,454,2538,2540],{},[420,2539,2535],{}," to override a named theme slot after variants are resolved.",[464,2542,2544],{"className":466,"code":2543,"language":468,"meta":469,"style":469},"\u003CVyButton\n  icon=\"i-lucide-rocket\"\n  color=\"neutral\"\n  variant=\"outline\"\n  label=\"Launch\"\n  :ui=\"{\n    label: 'text-primary-600 font-semibold',\n    leadingIcon: 'size-6'\n  }\"\n\u002F>\n",[420,2545,2546,2552,2565,2577,2589,2601,2614,2631,2645,2652],{"__ignoreMap":469},[473,2547,2548,2550],{"class":475,"line":476},[473,2549,480],{"class":479},[473,2551,1518],{"class":483},[473,2553,2554,2557,2559,2561,2563],{"class":475,"line":509},[473,2555,2556],{"class":487},"  icon",[473,2558,494],{"class":479},[473,2560,497],{"class":479},[473,2562,33],{"class":500},[473,2564,1566],{"class":479},[473,2566,2567,2569,2571,2573,2575],{"class":475,"line":537},[473,2568,1584],{"class":487},[473,2570,494],{"class":479},[473,2572,497],{"class":479},[473,2574,861],{"class":500},[473,2576,1566],{"class":479},[473,2578,2579,2581,2583,2585,2587],{"class":475,"line":544},[473,2580,1597],{"class":487},[473,2582,494],{"class":479},[473,2584,497],{"class":479},[473,2586,962],{"class":500},[473,2588,1566],{"class":479},[473,2590,2591,2593,2595,2597,2599],{"class":475,"line":560},[473,2592,1571],{"class":487},[473,2594,494],{"class":479},[473,2596,497],{"class":479},[473,2598,1380],{"class":500},[473,2600,1566],{"class":479},[473,2602,2603,2605,2607,2609,2611],{"class":475,"line":567},[473,2604,1523],{"class":479},[473,2606,2535],{"class":487},[473,2608,494],{"class":479},[473,2610,497],{"class":479},[473,2612,2613],{"class":479},"{\n",[473,2615,2616,2619,2621,2623,2626,2628],{"class":475,"line":573},[473,2617,2618],{"class":483},"    label",[473,2620,1538],{"class":479},[473,2622,529],{"class":479},[473,2624,2625],{"class":500},"text-primary-600 font-semibold",[473,2627,1546],{"class":479},[473,2629,2630],{"class":479},",\n",[473,2632,2633,2636,2638,2640,2643],{"class":475,"line":583},[473,2634,2635],{"class":483},"    leadingIcon",[473,2637,1538],{"class":479},[473,2639,529],{"class":479},[473,2641,2642],{"class":500},"size-6",[473,2644,534],{"class":479},[473,2646,2647,2650],{"class":475,"line":588},[473,2648,2649],{"class":479},"  }",[473,2651,1566],{"class":479},[473,2653,2654],{"class":475,"line":598},[473,2655,1610],{"class":519},[412,2657,2659],{"id":2658},"features-and-behavior","Features and behavior",[2661,2662,2663,2669,2680,2688,2696,2701,2712,2724],"ul",{},[2664,2665,2666,2668],"li",{},[420,2667,457],{}," renders the text; the default slot overrides it.",[2664,2670,2671,2673,2674,2676,2677,2679],{},[420,2672,1683],{}," shows a spinner (",[420,2675,1743],{},", default ",[420,2678,1747],{},") and blocks interaction.",[2664,2681,2682,2684,2685,2687],{},[420,2683,1864],{}," blocks ",[420,2686,1695],{}," emission and applies the disabled visual state.",[2664,2689,2690,2692,2693,2695],{},[420,2691,437],{}," stretches to full width and pushes a trailing icon to the far edge; ",[420,2694,441],{}," produces an equal-sided icon button.",[2664,2697,1449,2698,2700],{},[420,2699,457],{}," and no default slot, icon-only and avatar-only buttons automatically use the square footprint.",[2664,2702,2703,2704,438,2706,2708,2709,2711],{},"The ",[420,2705,2406],{},[420,2707,1336],{}," slots receive ",[420,2710,2413],{}," so custom glyphs can match the variant's resolved foreground.",[2664,2713,2714,2407,2717,2720,2721,1748],{},[420,2715,2716],{},"type",[420,2718,2719],{},"autofocus"," are kept for API parity with Nuxt UI v4 but are no-ops on Lynx, where the core button renders as a ",[420,2722,2723],{},"\u003Cview>",[2664,2725,2726,2727,2729,2730,1315,2733,2736],{},"Unlike Nuxt UI's web button, ",[420,2728,422],{}," does not currently render links and does not support ",[420,2731,2732],{},"to",[420,2734,2735],{},"href",", active variants, or automatic promise-based loading.",[412,2738,2740],{"id":2739},"props","Props",[2742,2743,2744,2763],"table",{},[2745,2746,2747],"thead",{},[2748,2749,2750,2754,2757,2760],"tr",{},[2751,2752,2753],"th",{},"Prop",[2751,2755,2756],{},"Type",[2751,2758,2759],{},"Default",[2751,2761,2762],{},"Description",[2764,2765,2766,2785,2804,2823,2841,2860,2877,2894,2911,2928,2945,2962,2983,3003,3022,3043,3062,3079,3097],"tbody",{},[2748,2767,2768,2773,2777,2782],{},[2769,2770,2771],"td",{},[420,2772,429],{},[2769,2774,2775],{},[420,2776,715],{},[2769,2778,2779],{},[420,2780,2781],{},"'primary'",[2769,2783,2784],{},"Semantic palette.",[2748,2786,2787,2791,2796,2801],{},[2769,2788,2789],{},[420,2790,433],{},[2769,2792,2793],{},[420,2794,2795],{},"'solid' | 'outline' | 'subtle' | 'soft' | 'ghost' | 'link'",[2769,2797,2798],{},[420,2799,2800],{},"'solid'",[2769,2802,2803],{},"Fill treatment.",[2748,2805,2806,2810,2815,2820],{},[2769,2807,2808],{},[420,2809,1146],{},[2769,2811,2812],{},[420,2813,2814],{},"'xs' | 'sm' | 'md' | 'lg' | 'xl'",[2769,2816,2817],{},[420,2818,2819],{},"'md'",[2769,2821,2822],{},"Padding and text scale.",[2748,2824,2825,2829,2833,2838],{},[2769,2826,2827],{},[420,2828,457],{},[2769,2830,2831],{},[420,2832,2050],{},[2769,2834,2835],{},[420,2836,2837],{},"undefined",[2769,2839,2840],{},"Text label; overridden by the default slot.",[2748,2842,2843,2847,2852,2857],{},[2769,2844,2845],{},[420,2846,437],{},[2769,2848,2849],{},[420,2850,2851],{},"boolean",[2769,2853,2854],{},[420,2855,2856],{},"false",[2769,2858,2859],{},"Stretch to full width.",[2748,2861,2862,2866,2870,2874],{},[2769,2863,2864],{},[420,2865,441],{},[2769,2867,2868],{},[420,2869,2851],{},[2769,2871,2872],{},[420,2873,2856],{},[2769,2875,2876],{},"Equal-sided icon button.",[2748,2878,2879,2883,2887,2891],{},[2769,2880,2881],{},[420,2882,1864],{},[2769,2884,2885],{},[420,2886,2851],{},[2769,2888,2889],{},[420,2890,2856],{},[2769,2892,2893],{},"Prevent interaction and dim the button.",[2748,2895,2896,2900,2904,2908],{},[2769,2897,2898],{},[420,2899,1683],{},[2769,2901,2902],{},[420,2903,2851],{},[2769,2905,2906],{},[420,2907,2856],{},[2769,2909,2910],{},"Show a spinner and block interaction.",[2748,2912,2913,2917,2921,2925],{},[2769,2914,2915],{},[420,2916,1743],{},[2769,2918,2919],{},[420,2920,2050],{},[2769,2922,2923],{},[420,2924,1747],{},[2769,2926,2927],{},"Spinner Iconify name.",[2748,2929,2930,2934,2938,2942],{},[2769,2931,2932],{},[420,2933,1318],{},[2769,2935,2936],{},[420,2937,2050],{},[2769,2939,2940],{},[420,2941,2837],{},[2769,2943,2944],{},"Explicit leading Iconify name.",[2748,2946,2947,2951,2955,2959],{},[2769,2948,2949],{},[420,2950,1322],{},[2769,2952,2953],{},[420,2954,2050],{},[2769,2956,2957],{},[420,2958,2837],{},[2769,2960,2961],{},"Explicit trailing Iconify name.",[2748,2963,2964,2968,2972,2976],{},[2769,2965,2966],{},[420,2967,1310],{},[2769,2969,2970],{},[420,2971,2050],{},[2769,2973,2974],{},[420,2975,2837],{},[2769,2977,2978,2979,438,2981,1748],{},"Iconify shorthand; routed by ",[420,2980,2406],{},[420,2982,1336],{},[2748,2984,2985,2989,2993,2997],{},[2769,2986,2987],{},[420,2988,2406],{},[2769,2990,2991],{},[420,2992,2851],{},[2769,2994,2995],{},[420,2996,2856],{},[2769,2998,2999,3000,3002],{},"Force ",[420,3001,1310],{}," onto the leading side.",[2748,3004,3005,3009,3013,3017],{},[2769,3006,3007],{},[420,3008,1336],{},[2769,3010,3011],{},[420,3012,2851],{},[2769,3014,3015],{},[420,3016,2856],{},[2769,3018,2999,3019,3021],{},[420,3020,1310],{}," onto the trailing side.",[2748,3023,3024,3028,3033,3037],{},[2769,3025,3026],{},[420,3027,1340],{},[2769,3029,3030],{},[420,3031,3032],{},"AvatarProps",[2769,3034,3035],{},[420,3036,2837],{},[2769,3038,3039,3040,3042],{},"Render a ",[420,3041,1344],{}," in the leading slot.",[2748,3044,3045,3049,3054,3059],{},[2769,3046,3047],{},[420,3048,2716],{},[2769,3050,3051],{},[420,3052,3053],{},"'button' | 'submit' | 'reset'",[2769,3055,3056],{},[420,3057,3058],{},"'button'",[2769,3060,3061],{},"API parity only; no native form behavior on Lynx.",[2748,3063,3064,3068,3072,3076],{},[2769,3065,3066],{},[420,3067,2719],{},[2769,3069,3070],{},[420,3071,2851],{},[2769,3073,3074],{},[420,3075,2856],{},[2769,3077,3078],{},"Parity only; no-op on Lynx.",[2748,3080,3081,3085,3090,3094],{},[2769,3082,3083],{},[420,3084,2484],{},[2769,3086,3087],{},[420,3088,3089],{},"any",[2769,3091,3092],{},[420,3093,2837],{},[2769,3095,3096],{},"Classes merged onto the root.",[2748,3098,3099,3103,3108,3112],{},[2769,3100,3101],{},[420,3102,2535],{},[2769,3104,3105],{},[420,3106,3107],{},"Partial\u003CRecord\u003CButtonSlot, any>>",[2769,3109,3110],{},[420,3111,2837],{},[2769,3113,3114],{},"Per-instance theme slot overrides.",[417,3116,3117,3119,3120,1315,3122,1315,3125,1315,3127,1315,3130,1315,3132,1319,3134,3136],{},[420,3118,715],{}," defaults to ",[420,3121,741],{},[420,3123,3124],{},"secondary",[420,3126,771],{},[420,3128,3129],{},"info",[420,3131,801],{},[420,3133,831],{},[420,3135,861],{},", and supports registry extensions.",[412,3138,3140],{"id":3139},"emits","Emits",[2742,3142,3143,3155],{},[2745,3144,3145],{},[2748,3146,3147,3150,3153],{},[2751,3148,3149],{},"Event",[2751,3151,3152],{},"Payload",[2751,3154,2762],{},[2764,3156,3157],{},[2748,3158,3159,3163,3166],{},[2769,3160,3161],{},[420,3162,1695],{},[2769,3164,3165],{},"—",[2769,3167,3168,3169,1748],{},"The button was pressed. Forwarded from the underlying core ",[420,3170,101],{},[412,3172,3174],{"id":3173},"slots","Slots",[2742,3176,3177,3188],{},[2745,3178,3179],{},[2748,3180,3181,3184,3186],{},[2751,3182,3183],{},"Slot",[2751,3185,2740],{},[2751,3187,2762],{},[2764,3189,3190,3203,3217],{},[2748,3191,3192,3196,3198],{},[2769,3193,3194],{},[420,3195,2148],{},[2769,3197,3165],{},[2769,3199,3200,3201,1748],{},"Button content; overrides ",[420,3202,457],{},[2748,3204,3205,3209,3214],{},[2769,3206,3207],{},[420,3208,2406],{},[2769,3210,3211],{},[420,3212,3213],{},"{ iconColor: string }",[2769,3215,3216],{},"Replaces the leading icon\u002Favatar.",[2748,3218,3219,3223,3227],{},[2769,3220,3221],{},[420,3222,1336],{},[2769,3224,3225],{},[420,3226,3213],{},[2769,3228,3229],{},"Replaces the trailing icon.",[412,3231,3233],{"id":3232},"styling-and-theming","Styling and theming",[417,3235,3236,3237,3240,3241,1748],{},"Override globally through ",[420,3238,3239],{},"appConfig.ui.button"," or locally with ",[420,3242,2535],{},[2742,3244,3245,3255],{},[2745,3246,3247],{},[2748,3248,3249,3252],{},[2751,3250,3251],{},"UI slot",[2751,3253,3254],{},"Purpose",[2764,3256,3257,3267,3276,3285,3295,3305],{},[2748,3258,3259,3264],{},[2769,3260,3261],{},[420,3262,3263],{},"base",[2769,3265,3266],{},"Root layout, radius, padding, and transition.",[2748,3268,3269,3273],{},[2769,3270,3271],{},[420,3272,457],{},[2769,3274,3275],{},"Truncating text label.",[2748,3277,3278,3282],{},[2769,3279,3280],{},[420,3281,1318],{},[2769,3283,3284],{},"Leading icon sizing.",[2748,3286,3287,3292],{},[2769,3288,3289],{},[420,3290,3291],{},"leadingAvatar",[2769,3293,3294],{},"Leading avatar wrapper.",[2748,3296,3297,3302],{},[2769,3298,3299],{},[420,3300,3301],{},"leadingAvatarSize",[2769,3303,3304],{},"Avatar size token per button size.",[2748,3306,3307,3311],{},[2769,3308,3309],{},[420,3310,1322],{},[2769,3312,3313],{},"Trailing icon sizing.",[417,3315,2703,3316,3318,3319,3321,3322,3324,3325,3328,3329,1315,3331,3333,3334,1748],{},[420,3317,433],{}," × ",[420,3320,429],{}," matrix resolves fills and foregrounds (e.g. ",[420,3323,922],{}," paints ",[420,3326,3327],{},"bg-{color}-500"," with white text). Defaults are ",[420,3330,741],{},[420,3332,922],{},", and ",[420,3335,1232],{},[412,3337,328],{"id":3338},"accessibility",[417,3340,3341,3342,3344,3345,1748],{},"The core button exposes button semantics and announces disabled state through the Lynx accessibility helpers. Provide a clear visible ",[420,3343,457],{}," or custom accessible content; for icon-only and avatar-only buttons, pass ",[420,3346,1455],{},[417,3348,3349,2407,3351,3353,3354,3356,3357,3359,3360,1748],{},[420,3350,2716],{},[420,3352,2719],{}," are no-ops on Lynx. The control does not participate in native HTML form submission, so call the form submit handler from ",[420,3355,461],{}," when using ",[420,3358,422],{}," with ",[420,3361,1912],{},[412,3363,3365],{"id":3364},"platform-notes","Platform notes",[2661,3367,3368,3380,3387,3400],{},[2664,3369,3370,3371,3373,3374,3376,3377,1748],{},"Interaction uses Lynx ",[420,3372,1695],{},", exposed as Vue's ",[420,3375,461],{},", rather than DOM ",[420,3378,3379],{},"click",[2664,3381,3382,3383,3386],{},"Lynx SVG does not inherit ",[420,3384,3385],{},"currentColor","; built-in icons resolve the semantic foreground to an explicit SVG color.",[2664,3388,3389,3390,1315,3392,3333,3394,3396,3397,3399],{},"Foreground classes live on ",[420,3391,457],{},[420,3393,1318],{},[420,3395,1322],{},", not only on ",[420,3398,3263],{},", because CSS inheritance is disabled in the Lynx build.",[2664,3401,3402,3403,3406],{},"Hover and focus-visible states from the Nuxt UI web button are intentionally omitted; pressed feedback uses Lynx ",[420,3404,3405],{},"active:"," classes.",[412,3408,3410],{"id":3409},"related-components","Related components",[2661,3412,3413,3421,3431,3438],{},[2664,3414,3415,3420],{},[3416,3417,3418],"a",{"href":142},[420,3419,141],{}," for the leading\u002Ftrailing glyphs.",[2664,3422,3423,3427,3428,3430],{},[3416,3424,3425],{"href":92},[420,3426,91],{}," for the ",[420,3429,1340],{}," prop.",[2664,3432,3433,3437],{},[3416,3434,3435],{"href":137},[420,3436,136],{}," for submit buttons inside a form.",[2664,3439,3440,3444],{},[3416,3441,3442],{"href":155},[420,3443,154],{}," for actions inside island layouts.",[3446,3447,3448],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}",{"title":469,"searchDepth":476,"depth":509,"links":3450},[3451,3452,3465,3471,3472,3473,3474,3475,3476,3477,3478],{"id":414,"depth":509,"text":415},{"id":450,"depth":509,"text":451,"children":3453},[3454,3455,3456,3457,3458,3459,3460,3461,3462,3463,3464],{"id":457,"depth":537,"text":169},{"id":429,"depth":537,"text":715},{"id":433,"depth":537,"text":879},{"id":1140,"depth":537,"text":1141},{"id":1310,"depth":537,"text":141},{"id":1340,"depth":537,"text":91},{"id":1683,"depth":537,"text":1684},{"id":1864,"depth":537,"text":1865},{"id":1903,"depth":537,"text":1904},{"id":2307,"depth":537,"text":2308},{"id":2399,"depth":537,"text":2400},{"id":2477,"depth":509,"text":2478,"children":3466},[3467,3469],{"id":2481,"depth":537,"text":3468},"class prop",{"id":2532,"depth":537,"text":3470},"ui prop",{"id":2658,"depth":509,"text":2659},{"id":2739,"depth":509,"text":2740},{"id":3139,"depth":509,"text":3140},{"id":3173,"depth":509,"text":3174},{"id":3232,"depth":509,"text":3233},{"id":3338,"depth":509,"text":328},{"id":3364,"depth":509,"text":3365},{"id":3409,"depth":509,"text":3410},"A pressable button with color, variant, size, icon, avatar, and loading states.",[3481],{"label":3482,"icon":3483,"to":3484,"target":3485},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FButton.vue","_blank",{},{"icon":104},{"title":101,"description":3479},"CfK-kkyZ2u08SEt-ry-i25zSXbiWxxJP0kWHU6AJjSM",[3491,3493],{"title":96,"path":97,"stem":98,"description":3492,"icon":-1,"children":-1,"navigation":-1},"Stack avatars and collapse overflow into a count.",{"title":106,"path":107,"stem":108,"description":3494,"icon":-1,"children":-1,"navigation":-1},"Calendar and date-picker status for Vy UI, including the current Lynx date-runtime blocker.",1783534407900]