[{"data":1,"prerenderedAt":807},["ShallowReactive",2],{"navigation":3,"docs-/docs/components/button":139,"surround-/docs/components/button":804},[4],{"title":5,"path":6,"stem":7,"children":8,"page":32,"type":33},"Docs","/docs","docs",[9,34,58,83],{"title":10,"icon":11,"path":12,"stem":13,"children":14,"page":32,"type":33},"Getting Started","i-lucide-rocket","/docs/getting-started","docs/1.getting-started",[15,20,24,28],{"title":16,"path":17,"stem":18,"type":19,"children":-1},"Introduction","/docs/getting-started/introduction","docs/1.getting-started/2.introduction","page",{"title":21,"path":22,"stem":23,"type":19,"children":-1},"Installation","/docs/getting-started/installation","docs/1.getting-started/3.installation",{"title":25,"path":26,"stem":27,"type":19,"children":-1},"Configuration","/docs/getting-started/configuration","docs/1.getting-started/4.configuration",{"title":29,"path":30,"stem":31,"type":19,"children":-1},"Writing Content","/docs/getting-started/writing-content","docs/1.getting-started/5.writing-content",false,"group",{"title":35,"path":36,"stem":37,"children":38,"page":32,"type":33},"Core Concepts","/docs/concepts","docs/2.concepts",[39,44,48,53],{"title":40,"path":41,"stem":42,"icon":43,"type":19,"children":-1},"Edition","/docs/concepts/edition","docs/2.concepts/2.edition","i-lucide-pencil",{"title":25,"path":45,"stem":46,"icon":47,"type":19,"children":-1},"/docs/concepts/configuration","docs/2.concepts/3.configuration","i-lucide-settings",{"title":49,"path":50,"stem":51,"icon":52,"type":19,"children":-1},"LLMs Integration","/docs/concepts/llms","docs/2.concepts/7.llms","i-lucide-message-circle-code",{"title":54,"path":55,"stem":56,"icon":57,"type":19,"children":-1},"Nuxt","/docs/concepts/nuxt","docs/2.concepts/8.nuxt","i-simple-icons-nuxt",{"title":59,"path":60,"stem":61,"children":62,"page":32,"type":33},"Essentials","/docs/essentials","docs/3.essentials",[63,68,73,78],{"title":64,"path":65,"stem":66,"icon":67,"type":19,"children":-1},"Markdown Syntax","/docs/essentials/markdown-syntax","docs/3.essentials/1.markdown-syntax","i-lucide-heading-1",{"title":69,"path":70,"stem":71,"icon":72,"type":19,"children":-1},"Code Blocks","/docs/essentials/code-blocks","docs/3.essentials/2.code-blocks","i-lucide-code-xml",{"title":74,"path":75,"stem":76,"icon":77,"type":19,"children":-1},"Components","/docs/essentials/components","docs/3.essentials/3.components","i-lucide-component",{"title":79,"path":80,"stem":81,"icon":82,"type":19,"children":-1},"Images and Embeds","/docs/essentials/images-embeds","docs/3.essentials/4.images-embeds","i-lucide-image",{"title":74,"icon":77,"path":84,"stem":85,"children":86,"page":32,"type":33},"/docs/components","docs/4.components",[87,91,95,99,103,107,111,115,119,123,127,131,135],{"title":88,"path":89,"stem":90,"type":19,"children":-1},"Components Overview","/docs/components/overview","docs/4.components/1.overview",{"title":92,"path":93,"stem":94,"type":19,"children":-1},"CodeCollapsibleWrapper","/docs/components/code-collapsible","docs/4.components/10.code-collapsible",{"title":96,"path":97,"stem":98,"type":19,"children":-1},"CopyButton","/docs/components/copy-button","docs/4.components/11.copy-button",{"title":100,"path":101,"stem":102,"type":19,"children":-1},"ButtonA","/docs/components/button-a","docs/4.components/12.button-a",{"title":104,"path":105,"stem":106,"type":19,"children":-1},"Prose","/docs/components/prose","docs/4.components/13.prose",{"title":108,"path":109,"stem":110,"type":19,"children":-1},"Button","/docs/components/button","docs/4.components/2.button",{"title":112,"path":113,"stem":114,"type":19,"children":-1},"Separator","/docs/components/separator","docs/4.components/3.separator",{"title":116,"path":117,"stem":118,"type":19,"children":-1},"Callout","/docs/components/callout","docs/4.components/4.callout",{"title":120,"path":121,"stem":122,"type":19,"children":-1},"Steps","/docs/components/steps","docs/4.components/5.steps",{"title":124,"path":125,"stem":126,"type":19,"children":-1},"Tabs","/docs/components/tabs","docs/4.components/6.tabs",{"title":128,"path":129,"stem":130,"type":19,"children":-1},"CodeTabs","/docs/components/code-tabs","docs/4.components/7.code-tabs",{"title":132,"path":133,"stem":134,"type":19,"children":-1},"ComponentPreview","/docs/components/component-preview","docs/4.components/8.component-preview",{"title":136,"path":137,"stem":138,"type":19,"children":-1},"LinkedCard","/docs/components/linked-card","docs/4.components/9.linked-card",{"id":140,"title":108,"body":141,"description":798,"extension":799,"links":800,"meta":801,"navigation":219,"path":109,"seo":802,"sitemap":32,"stem":110,"__hash__":803},"docs/docs/4.components/2.button.md",{"type":142,"value":143,"toc":779},"minimark",[144,148,152,157,255,259,264,299,303,336,340,373,377,410,414,447,451,484,488,491,523,527,560,564,597,601,634,638,740,744,775],[145,146,108],"h1",{"id":147},"button",[149,150,151],"p",{},"A button component with multiple variants and sizes.",[153,154,156],"h2",{"id":155},"usage","Usage",[158,159,164],"pre",{"className":160,"code":161,"language":162,"meta":163,"style":163},"language-vue shiki shiki-themes github-light-default github-dark","\u003Cscript setup>\nimport { Button } from '~/components/ui/button'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CButton>Click me\u003C/Button>\n\u003C/template>\n","vue","",[165,166,167,187,204,214,221,231,246],"code",{"__ignoreMap":163},[168,169,172,176,180,184],"span",{"class":170,"line":171},"line",1,[168,173,175],{"class":174},"s80WL","\u003C",[168,177,179],{"class":178},"s5xbh","script",[168,181,183],{"class":182},"si9m_"," setup",[168,185,186],{"class":174},">\n",[168,188,190,194,197,200],{"class":170,"line":189},2,[168,191,193],{"class":192},"spYc3","import",[168,195,196],{"class":174}," { Button } ",[168,198,199],{"class":192},"from",[168,201,203],{"class":202},"skyLg"," '~/components/ui/button'\n",[168,205,207,210,212],{"class":170,"line":206},3,[168,208,209],{"class":174},"\u003C/",[168,211,179],{"class":178},[168,213,186],{"class":174},[168,215,217],{"class":170,"line":216},4,[168,218,220],{"emptyLinePlaceholder":219},true,"\n",[168,222,224,226,229],{"class":170,"line":223},5,[168,225,175],{"class":174},[168,227,228],{"class":178},"template",[168,230,186],{"class":174},[168,232,234,237,239,242,244],{"class":170,"line":233},6,[168,235,236],{"class":174},"  \u003C",[168,238,108],{"class":178},[168,240,241],{"class":174},">Click me\u003C/",[168,243,108],{"class":178},[168,245,186],{"class":174},[168,247,249,251,253],{"class":170,"line":248},7,[168,250,209],{"class":174},[168,252,228],{"class":178},[168,254,186],{"class":174},[153,256,258],{"id":257},"variants","Variants",[260,261,263],"h3",{"id":262},"default","Default",[158,265,267],{"className":160,"code":266,"language":162,"meta":163,"style":163},"\u003CButton variant=\"default\">\nDefault\n\u003C/Button>\n",[165,268,269,286,291],{"__ignoreMap":163},[168,270,271,273,275,278,281,284],{"class":170,"line":171},[168,272,175],{"class":174},[168,274,108],{"class":178},[168,276,277],{"class":182}," variant",[168,279,280],{"class":174},"=",[168,282,283],{"class":202},"\"default\"",[168,285,186],{"class":174},[168,287,288],{"class":170,"line":189},[168,289,290],{"class":174},"Default\n",[168,292,293,295,297],{"class":170,"line":206},[168,294,209],{"class":174},[168,296,108],{"class":178},[168,298,186],{"class":174},[260,300,302],{"id":301},"destructive","Destructive",[158,304,306],{"className":160,"code":305,"language":162,"meta":163,"style":163},"\u003CButton variant=\"destructive\">\nDestructive\n\u003C/Button>\n",[165,307,308,323,328],{"__ignoreMap":163},[168,309,310,312,314,316,318,321],{"class":170,"line":171},[168,311,175],{"class":174},[168,313,108],{"class":178},[168,315,277],{"class":182},[168,317,280],{"class":174},[168,319,320],{"class":202},"\"destructive\"",[168,322,186],{"class":174},[168,324,325],{"class":170,"line":189},[168,326,327],{"class":174},"Destructive\n",[168,329,330,332,334],{"class":170,"line":206},[168,331,209],{"class":174},[168,333,108],{"class":178},[168,335,186],{"class":174},[260,337,339],{"id":338},"outline","Outline",[158,341,343],{"className":160,"code":342,"language":162,"meta":163,"style":163},"\u003CButton variant=\"outline\">\nOutline\n\u003C/Button>\n",[165,344,345,360,365],{"__ignoreMap":163},[168,346,347,349,351,353,355,358],{"class":170,"line":171},[168,348,175],{"class":174},[168,350,108],{"class":178},[168,352,277],{"class":182},[168,354,280],{"class":174},[168,356,357],{"class":202},"\"outline\"",[168,359,186],{"class":174},[168,361,362],{"class":170,"line":189},[168,363,364],{"class":174},"Outline\n",[168,366,367,369,371],{"class":170,"line":206},[168,368,209],{"class":174},[168,370,108],{"class":178},[168,372,186],{"class":174},[260,374,376],{"id":375},"secondary","Secondary",[158,378,380],{"className":160,"code":379,"language":162,"meta":163,"style":163},"\u003CButton variant=\"secondary\">\nSecondary\n\u003C/Button>\n",[165,381,382,397,402],{"__ignoreMap":163},[168,383,384,386,388,390,392,395],{"class":170,"line":171},[168,385,175],{"class":174},[168,387,108],{"class":178},[168,389,277],{"class":182},[168,391,280],{"class":174},[168,393,394],{"class":202},"\"secondary\"",[168,396,186],{"class":174},[168,398,399],{"class":170,"line":189},[168,400,401],{"class":174},"Secondary\n",[168,403,404,406,408],{"class":170,"line":206},[168,405,209],{"class":174},[168,407,108],{"class":178},[168,409,186],{"class":174},[260,411,413],{"id":412},"ghost","Ghost",[158,415,417],{"className":160,"code":416,"language":162,"meta":163,"style":163},"\u003CButton variant=\"ghost\">\nGhost\n\u003C/Button>\n",[165,418,419,434,439],{"__ignoreMap":163},[168,420,421,423,425,427,429,432],{"class":170,"line":171},[168,422,175],{"class":174},[168,424,108],{"class":178},[168,426,277],{"class":182},[168,428,280],{"class":174},[168,430,431],{"class":202},"\"ghost\"",[168,433,186],{"class":174},[168,435,436],{"class":170,"line":189},[168,437,438],{"class":174},"Ghost\n",[168,440,441,443,445],{"class":170,"line":206},[168,442,209],{"class":174},[168,444,108],{"class":178},[168,446,186],{"class":174},[260,448,450],{"id":449},"link","Link",[158,452,454],{"className":160,"code":453,"language":162,"meta":163,"style":163},"\u003CButton variant=\"link\">\nLink\n\u003C/Button>\n",[165,455,456,471,476],{"__ignoreMap":163},[168,457,458,460,462,464,466,469],{"class":170,"line":171},[168,459,175],{"class":174},[168,461,108],{"class":178},[168,463,277],{"class":182},[168,465,280],{"class":174},[168,467,468],{"class":202},"\"link\"",[168,470,186],{"class":174},[168,472,473],{"class":170,"line":189},[168,474,475],{"class":174},"Link\n",[168,477,478,480,482],{"class":170,"line":206},[168,479,209],{"class":174},[168,481,108],{"class":178},[168,483,186],{"class":174},[153,485,487],{"id":486},"sizes","Sizes",[260,489,263],{"id":490},"default-1",[158,492,494],{"className":160,"code":493,"language":162,"meta":163,"style":163},"\u003CButton size=\"default\">\nDefault\n\u003C/Button>\n",[165,495,496,511,515],{"__ignoreMap":163},[168,497,498,500,502,505,507,509],{"class":170,"line":171},[168,499,175],{"class":174},[168,501,108],{"class":178},[168,503,504],{"class":182}," size",[168,506,280],{"class":174},[168,508,283],{"class":202},[168,510,186],{"class":174},[168,512,513],{"class":170,"line":189},[168,514,290],{"class":174},[168,516,517,519,521],{"class":170,"line":206},[168,518,209],{"class":174},[168,520,108],{"class":178},[168,522,186],{"class":174},[260,524,526],{"id":525},"small","Small",[158,528,530],{"className":160,"code":529,"language":162,"meta":163,"style":163},"\u003CButton size=\"sm\">\nSmall\n\u003C/Button>\n",[165,531,532,547,552],{"__ignoreMap":163},[168,533,534,536,538,540,542,545],{"class":170,"line":171},[168,535,175],{"class":174},[168,537,108],{"class":178},[168,539,504],{"class":182},[168,541,280],{"class":174},[168,543,544],{"class":202},"\"sm\"",[168,546,186],{"class":174},[168,548,549],{"class":170,"line":189},[168,550,551],{"class":174},"Small\n",[168,553,554,556,558],{"class":170,"line":206},[168,555,209],{"class":174},[168,557,108],{"class":178},[168,559,186],{"class":174},[260,561,563],{"id":562},"large","Large",[158,565,567],{"className":160,"code":566,"language":162,"meta":163,"style":163},"\u003CButton size=\"lg\">\nLarge\n\u003C/Button>\n",[165,568,569,584,589],{"__ignoreMap":163},[168,570,571,573,575,577,579,582],{"class":170,"line":171},[168,572,175],{"class":174},[168,574,108],{"class":178},[168,576,504],{"class":182},[168,578,280],{"class":174},[168,580,581],{"class":202},"\"lg\"",[168,583,186],{"class":174},[168,585,586],{"class":170,"line":189},[168,587,588],{"class":174},"Large\n",[168,590,591,593,595],{"class":170,"line":206},[168,592,209],{"class":174},[168,594,108],{"class":178},[168,596,186],{"class":174},[260,598,600],{"id":599},"icon","Icon",[158,602,604],{"className":160,"code":603,"language":162,"meta":163,"style":163},"\u003CButton size=\"icon\">\n  \u003CIcon name=\"lucide:plus\" />\n\u003C/Button>\n",[165,605,606,621,626],{"__ignoreMap":163},[168,607,608,610,612,614,616,619],{"class":170,"line":171},[168,609,175],{"class":174},[168,611,108],{"class":178},[168,613,504],{"class":182},[168,615,280],{"class":174},[168,617,618],{"class":202},"\"icon\"",[168,620,186],{"class":174},[168,622,623],{"class":170,"line":189},[168,624,625],{"class":174},"  \u003CIcon name=\"lucide:plus\" />\n",[168,627,628,630,632],{"class":170,"line":206},[168,629,209],{"class":174},[168,631,108],{"class":178},[168,633,186],{"class":174},[153,635,637],{"id":636},"props","Props",[639,640,641,659],"table",{},[642,643,644],"thead",{},[645,646,647,651,654,656],"tr",{},[648,649,650],"th",{},"Prop",[648,652,653],{},"Type",[648,655,263],{},[648,657,658],{},"Description",[660,661,662,683,701,720],"tbody",{},[645,663,664,670,675,680],{},[665,666,667],"td",{},[165,668,669],{},"variant",[665,671,672],{},[165,673,674],{},"string",[665,676,677],{},[165,678,679],{},"'default'",[665,681,682],{},"Button variant",[645,684,685,690,694,698],{},[665,686,687],{},[165,688,689],{},"size",[665,691,692],{},[165,693,674],{},[665,695,696],{},[165,697,679],{},[665,699,700],{},"Button size",[645,702,703,708,712,717],{},[665,704,705],{},[165,706,707],{},"as",[665,709,710],{},[165,711,674],{},[665,713,714],{},[165,715,716],{},"'button'",[665,718,719],{},"Element to render",[645,721,722,727,732,737],{},[665,723,724],{},[165,725,726],{},"asChild",[665,728,729],{},[165,730,731],{},"boolean",[665,733,734],{},[165,735,736],{},"false",[665,738,739],{},"Merge props onto child",[153,741,743],{"id":742},"with-icons","With Icons",[158,745,747],{"className":160,"code":746,"language":162,"meta":163,"style":163},"\u003CButton>\n  \u003CIcon name=\"lucide:mail\" class=\"mr-2\" />\n  Login with Email\n\u003C/Button>\n",[165,748,749,757,762,767],{"__ignoreMap":163},[168,750,751,753,755],{"class":170,"line":171},[168,752,175],{"class":174},[168,754,108],{"class":178},[168,756,186],{"class":174},[168,758,759],{"class":170,"line":189},[168,760,761],{"class":174},"  \u003CIcon name=\"lucide:mail\" class=\"mr-2\" />\n",[168,763,764],{"class":170,"line":206},[168,765,766],{"class":174},"  Login with Email\n",[168,768,769,771,773],{"class":170,"line":216},[168,770,209],{"class":174},[168,772,108],{"class":178},[168,774,186],{"class":174},[776,777,778],"style",{},"html pre.shiki code .s80WL, html code.shiki .s80WL{--shiki-light:#1F2328;--shiki-dark:#E1E4E8}html pre.shiki code .s5xbh, html code.shiki .s5xbh{--shiki-light:#116329;--shiki-dark:#85E89D}html pre.shiki code .si9m_, html code.shiki .si9m_{--shiki-light:#0550AE;--shiki-dark:#B392F0}html pre.shiki code .spYc3, html code.shiki .spYc3{--shiki-light:#CF222E;--shiki-dark:#F97583}html pre.shiki code .skyLg, html code.shiki .skyLg{--shiki-light:#0A3069;--shiki-dark:#9ECBFF}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 .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);}",{"title":163,"searchDepth":189,"depth":189,"links":780},[781,782,790,796,797],{"id":155,"depth":189,"text":156},{"id":257,"depth":189,"text":258,"children":783},[784,785,786,787,788,789],{"id":262,"depth":206,"text":263},{"id":301,"depth":206,"text":302},{"id":338,"depth":206,"text":339},{"id":375,"depth":206,"text":376},{"id":412,"depth":206,"text":413},{"id":449,"depth":206,"text":450},{"id":486,"depth":189,"text":487,"children":791},[792,793,794,795],{"id":490,"depth":206,"text":263},{"id":525,"depth":206,"text":526},{"id":562,"depth":206,"text":563},{"id":599,"depth":206,"text":600},{"id":636,"depth":189,"text":637},{"id":742,"depth":189,"text":743},"Button component with multiple variants and sizes","md",null,{},{"title":108,"description":798},"24QrThlY8nbi2dFXERGvwoZVkY1o6SHAGIRQYD1Tjjo",[805,806],{"title":104,"path":105,"stem":106,"children":-1},{"title":112,"path":113,"stem":114,"children":-1},1779983235732]