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