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