[{"data":1,"prerenderedAt":488},["ShallowReactive",2],{"i-simple-icons:github":3,"i-lucide:arrow-right":8,"doc-\u002Fdocs\u002Felements\u002Fbadge":10,"docs-sidebar":353,"i-lucide:file-text":484,"i-lucide:arrow-left":486},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cpath fill=\"currentColor\" d=\"M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 12h14m-7-7l7 7l-7 7\"\u002F>",{"id":11,"title":12,"body":13,"description":343,"extension":344,"group":345,"groupOrder":150,"meta":346,"navTitle":347,"navigation":348,"order":70,"path":349,"seo":350,"stem":351,"__hash__":352},"docs\u002Fdocs\u002Felements\u002Fbadge.md","\u003Cwmcp-badge>",{"type":14,"value":15,"toc":339},"minimark",[16,23,42,45,49,53,57,173,178,234,237,241,249,335],[17,18,20],"h1",{"id":19},"wmcp-badge",[21,22,12],"code",{},[24,25,26,27,31,32,37,38,41],"p",{},"A small status or label pill. The first of the ",[28,29,30],"strong",{},"presentational primitives",": purely visual, it exposes no ",[33,34,36],"a",{"href":35},"\u002Fdocs\u002Fwebmcp","WebMCP tool"," — an agent reads its text straight from the accessibility tree — so it extends ",[21,39,40],{},"LitElement"," directly rather than an exposure base.",[19,43,44],{},"\nNew\n",[19,46,48],{"variant":47},"secondary","\nBeta\n",[19,50,52],{"variant":51},"destructive","\n3 failed\n",[19,54,56],{"variant":55},"outline","\nDraft\n",[58,59,64],"pre",{"className":60,"code":61,"language":62,"meta":63,"style":63},"language-html shiki shiki-themes github-light-default ayu-dark","\u003Cwmcp-badge>New\u003C\u002Fwmcp-badge>\n\u003Cwmcp-badge variant=\"secondary\">Beta\u003C\u002Fwmcp-badge>\n\u003Cwmcp-badge variant=\"destructive\">3 failed\u003C\u002Fwmcp-badge>\n\u003Cwmcp-badge variant=\"outline\">Draft\u003C\u002Fwmcp-badge>\n","html","",[21,65,66,93,123,148],{"__ignoreMap":63},[67,68,71,75,78,81,85,88,90],"span",{"class":69,"line":70},"line",1,[67,72,74],{"class":73},"sqV5G","\u003C",[67,76,19],{"class":77},"sfBZl",[67,79,80],{"class":73},">",[67,82,84],{"class":83},"sBz_o","New",[67,86,87],{"class":73},"\u003C\u002F",[67,89,19],{"class":77},[67,91,92],{"class":73},">\n",[67,94,96,98,100,104,108,112,114,117,119,121],{"class":69,"line":95},2,[67,97,74],{"class":73},[67,99,19],{"class":77},[67,101,103],{"class":102},"sI192"," variant",[67,105,107],{"class":106},"siQKT","=",[67,109,111],{"class":110},"sxLuP","\"secondary\"",[67,113,80],{"class":73},[67,115,116],{"class":83},"Beta",[67,118,87],{"class":73},[67,120,19],{"class":77},[67,122,92],{"class":73},[67,124,126,128,130,132,134,137,139,142,144,146],{"class":69,"line":125},3,[67,127,74],{"class":73},[67,129,19],{"class":77},[67,131,103],{"class":102},[67,133,107],{"class":106},[67,135,136],{"class":110},"\"destructive\"",[67,138,80],{"class":73},[67,140,141],{"class":83},"3 failed",[67,143,87],{"class":73},[67,145,19],{"class":77},[67,147,92],{"class":73},[67,149,151,153,155,157,159,162,164,167,169,171],{"class":69,"line":150},4,[67,152,74],{"class":73},[67,154,19],{"class":77},[67,156,103],{"class":102},[67,158,107],{"class":106},[67,160,161],{"class":110},"\"outline\"",[67,163,80],{"class":73},[67,165,166],{"class":83},"Draft",[67,168,87],{"class":73},[67,170,19],{"class":77},[67,172,92],{"class":73},[174,175,177],"h2",{"id":176},"element-attributes","Element attributes",[179,180,181,200],"table",{},[182,183,184],"thead",{},[185,186,187,191,194,197],"tr",{},[188,189,190],"th",{},"Attribute",[188,192,193],{},"Type",[188,195,196],{},"Default",[188,198,199],{},"Description",[201,202,203],"tbody",{},[185,204,205,211,216,221],{},[206,207,208],"td",{},[21,209,210],{},"variant",[206,212,213],{},[21,214,215],{},"string",[206,217,218],{},[21,219,220],{},"primary",[206,222,223,225,226,225,228,230,231,233],{},[21,224,220],{},", ",[21,227,47],{},[21,229,51],{},", or ",[21,232,55],{}," (reflected).",[24,235,236],{},"The label is the element's slotted content.",[174,238,240],{"id":239},"theming","Theming",[24,242,243,244,248],{},"Each variant is a pair of CSS custom properties, defaulting through the ",[33,245,247],{"href":246},"\u002Fdocs\u002Finstallation","design tokens",":",[58,250,254],{"className":251,"code":252,"language":253,"meta":63,"style":63},"language-css shiki shiki-themes github-light-default ayu-dark",":root {\n  --badge-primary-bg: var(--brand);\n  --badge-primary-text: var(--brand-foreground);\n  --badge-radius: 0.375rem; \u002F* squared-off badges *\u002F\n}\n","css",[21,255,256,265,289,307,329],{"__ignoreMap":63},[67,257,258,262],{"class":69,"line":70},[67,259,261],{"class":260},"sybcr",":root",[67,263,264],{"class":83}," {\n",[67,266,267,271,273,277,280,283,286],{"class":69,"line":95},[67,268,270],{"class":269},"sCHdd","  --badge-primary-bg",[67,272,248],{"class":106},[67,274,276],{"class":275},"sAJRi"," var",[67,278,279],{"class":83},"(",[67,281,282],{"class":269},"--brand",[67,284,285],{"class":83},")",[67,287,288],{"class":106},";\n",[67,290,291,294,296,298,300,303,305],{"class":69,"line":125},[67,292,293],{"class":269},"  --badge-primary-text",[67,295,248],{"class":106},[67,297,276],{"class":275},[67,299,279],{"class":83},[67,301,302],{"class":269},"--brand-foreground",[67,304,285],{"class":83},[67,306,288],{"class":106},[67,308,309,312,314,318,322,325],{"class":69,"line":150},[67,310,311],{"class":269},"  --badge-radius",[67,313,248],{"class":106},[67,315,317],{"class":316},"sQY3k"," 0.375",[67,319,321],{"class":320},"s7jPt","rem",[67,323,324],{"class":106},";",[67,326,328],{"class":327},"s5O_a"," \u002F* squared-off badges *\u002F\n",[67,330,332],{"class":69,"line":331},5,[67,333,334],{"class":83},"}\n",[336,337,338],"style",{},"html pre.shiki code .sqV5G, html code.shiki .sqV5G{--shiki-default:#1F2328;--shiki-dark:#39BAE680}html pre.shiki code .sfBZl, html code.shiki .sfBZl{--shiki-default:#116329;--shiki-dark:#39BAE6}html pre.shiki code .sBz_o, html code.shiki .sBz_o{--shiki-default:#1F2328;--shiki-dark:#BFBDB6}html pre.shiki code .sI192, html code.shiki .sI192{--shiki-default:#0550AE;--shiki-dark:#FFB454}html pre.shiki code .siQKT, html code.shiki .siQKT{--shiki-default:#1F2328;--shiki-dark:#BFBDB6B3}html pre.shiki code .sxLuP, html code.shiki .sxLuP{--shiki-default:#0A3069;--shiki-dark:#AAD94C}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 .sybcr, html code.shiki .sybcr{--shiki-default:#0550AE;--shiki-dark:#95E6CB}html pre.shiki code .sCHdd, html code.shiki .sCHdd{--shiki-default:#953800;--shiki-dark:#BFBDB6}html pre.shiki code .sAJRi, html code.shiki .sAJRi{--shiki-default:#0550AE;--shiki-dark:#F07178}html pre.shiki code .sQY3k, html code.shiki .sQY3k{--shiki-default:#0550AE;--shiki-dark:#D2A6FF}html pre.shiki code .s7jPt, html code.shiki .s7jPt{--shiki-default:#CF222E;--shiki-dark:#FF8F40}html pre.shiki code .s5O_a, html code.shiki .s5O_a{--shiki-default:#6E7781;--shiki-default-font-style:inherit;--shiki-dark:#5A6673;--shiki-dark-font-style:italic}",{"title":63,"searchDepth":95,"depth":95,"links":340},[341,342],{"id":176,"depth":95,"text":177},{"id":239,"depth":95,"text":240},"A small status\u002Flabel pill. Purely presentational — no agent tool.","md","Presentational",{},"Badge",true,"\u002Fdocs\u002Felements\u002Fbadge",{"title":12,"description":343},"docs\u002Felements\u002Fbadge","OJWGOfJjnPros1yXU5CLS0A8k3vib7sV6mGt5U95UvU",[354,358,362,363,368,373,378,382,386,390,394,398,402,406,410,415,420,424,428,432,436,440,445,448,452,456,459,463,467,471,474,476,479,482],{"path":355,"title":356,"navTitle":357,"group":345,"order":95,"groupOrder":150},"\u002Fdocs\u002Felements\u002Falert","\u003Cwmcp-alert>","Alert",{"path":359,"title":360,"navTitle":361,"group":345,"order":125,"groupOrder":150},"\u002Fdocs\u002Felements\u002Favatar","\u003Cwmcp-avatar>","Avatar",{"path":349,"title":12,"navTitle":347,"group":345,"order":70,"groupOrder":150},{"path":364,"title":365,"navTitle":366,"group":367,"order":70,"groupOrder":125},"\u002Fdocs\u002Felements\u002Fbutton","\u003Cwmcp-button>","Button","Interaction",{"path":369,"title":370,"navTitle":371,"group":345,"order":372,"groupOrder":150},"\u002Fdocs\u002Felements\u002Fcard","\u003Cwmcp-card>","Card",6,{"path":374,"title":375,"navTitle":376,"group":377,"order":150,"groupOrder":95},"\u002Fdocs\u002Felements\u002Fcheckbox","\u003Cwmcp-checkbox>","Checkbox","Elements",{"path":379,"title":380,"navTitle":381,"group":367,"order":95,"groupOrder":125},"\u002Fdocs\u002Felements\u002Fdialog","\u003Cwmcp-dialog>","Dialog",{"path":383,"title":384,"navTitle":385,"group":377,"order":70,"groupOrder":95},"\u002Fdocs\u002Felements\u002Finput","\u003Cwmcp-input>","Input",{"path":387,"title":388,"navTitle":389,"group":367,"order":125,"groupOrder":125},"\u002Fdocs\u002Felements\u002Fmenu","\u003Cwmcp-menu>","Menu",{"path":391,"title":392,"navTitle":393,"group":367,"order":331,"groupOrder":125},"\u002Fdocs\u002Felements\u002Fpopover","\u003Cwmcp-popover>","Popover",{"path":395,"title":396,"navTitle":397,"group":345,"order":150,"groupOrder":150},"\u002Fdocs\u002Felements\u002Fprogress","\u003Cwmcp-progress>","Progress",{"path":399,"title":400,"navTitle":401,"group":377,"order":331,"groupOrder":95},"\u002Fdocs\u002Felements\u002Fradio","\u003Cwmcp-radio-group>","Radio group",{"path":403,"title":404,"navTitle":405,"group":377,"order":125,"groupOrder":95},"\u002Fdocs\u002Felements\u002Fselect","\u003Cwmcp-select>","Select",{"path":407,"title":408,"navTitle":409,"group":345,"order":331,"groupOrder":150},"\u002Fdocs\u002Felements\u002Fseparator","\u003Cwmcp-separator>","Separator",{"path":411,"title":412,"navTitle":413,"group":345,"order":414,"groupOrder":150},"\u002Fdocs\u002Felements\u002Fskeleton","\u003Cwmcp-skeleton>","Skeleton",7,{"path":416,"title":417,"navTitle":418,"group":345,"order":419,"groupOrder":150},"\u002Fdocs\u002Felements\u002Fspinner","\u003Cwmcp-spinner>","Spinner",8,{"path":421,"title":422,"navTitle":423,"group":367,"order":414,"groupOrder":125},"\u002Fdocs\u002Felements\u002Fswitch","\u003Cwmcp-switch>","Switch",{"path":425,"title":426,"navTitle":427,"group":367,"order":150,"groupOrder":125},"\u002Fdocs\u002Felements\u002Ftabs","\u003Cwmcp-tabs>","Tabs",{"path":429,"title":430,"navTitle":431,"group":377,"order":95,"groupOrder":95},"\u002Fdocs\u002Felements\u002Ftextarea","\u003Cwmcp-textarea>","Textarea",{"path":433,"title":434,"navTitle":435,"group":367,"order":372,"groupOrder":125},"\u002Fdocs\u002Felements\u002Ftoast","\u003Cwmcp-toast>","Toast",{"path":437,"title":438,"navTitle":439,"group":367,"order":419,"groupOrder":125},"\u002Fdocs\u002Felements\u002Ftooltip","\u003Cwmcp-tooltip>","Tooltip",{"path":441,"title":442,"navTitle":443,"group":444,"order":150,"groupOrder":331},"\u002Fdocs\u002Fexamples\u002Fbrain-dump","Brain-dump → to-do list","Brain-dump → to-dos","Examples",{"path":446,"title":447,"navTitle":447,"group":444,"order":331,"groupOrder":331},"\u002Fdocs\u002Fexamples\u002Fcrm-lead","Email → CRM lead",{"path":449,"title":450,"navTitle":451,"group":444,"order":414,"groupOrder":331},"\u002Fdocs\u002Fexamples\u002Fdashboard","Ask the dashboard a question","Dashboard control",{"path":453,"title":454,"navTitle":455,"group":444,"order":372,"groupOrder":331},"\u002Fdocs\u002Fexamples\u002Fexpense-report","Receipt → expense report","Receipt → expense",{"path":457,"title":444,"navTitle":458,"group":444,"order":70,"groupOrder":331},"\u002Fdocs\u002Fexamples","Overview",{"path":460,"title":461,"navTitle":462,"group":444,"order":95,"groupOrder":331},"\u002Fdocs\u002Fexamples\u002Frecipe-cart","Recipe → grocery cart","Recipe → cart",{"path":464,"title":465,"navTitle":466,"group":444,"order":125,"groupOrder":331},"\u002Fdocs\u002Fexamples\u002Frestaurant-booking","Book a table in one sentence","Restaurant booking",{"path":468,"title":469,"navTitle":469,"group":470,"order":372,"groupOrder":70},"\u002Fdocs\u002Fframeworks","React & Vue","Getting started",{"path":472,"title":473,"navTitle":473,"group":470,"order":70,"groupOrder":70},"\u002Fdocs","Introduction",{"path":246,"title":475,"navTitle":475,"group":470,"order":95,"groupOrder":70},"Installation",{"path":477,"title":478,"navTitle":478,"group":470,"order":331,"groupOrder":70},"\u002Fdocs\u002Ftesting","Testing",{"path":480,"title":481,"navTitle":481,"group":470,"order":125,"groupOrder":70},"\u002Fdocs\u002Fvalidation","Validation",{"path":35,"title":483,"navTitle":483,"group":470,"order":150,"groupOrder":70},"WebMCP exposure",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":485},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"\u002F>\u003Cpath d=\"M14 2v5a1 1 0 0 0 1 1h5M10 9H8m8 4H8m8 4H8\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":487},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m12 19l-7-7l7-7m7 7H5\"\u002F>",1784517902585]