[{"data":1,"prerenderedAt":454},["ShallowReactive",2],{"i-simple-icons:github":3,"i-lucide:arrow-right":8,"doc-\u002Fdocs\u002Felements\u002Falert":10,"docs-sidebar":320,"i-lucide:file-text":450,"i-lucide:arrow-left":452},{"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":310,"extension":311,"group":312,"groupOrder":278,"meta":313,"navTitle":314,"navigation":315,"order":105,"path":316,"seo":317,"stem":318,"__hash__":319},"docs\u002Fdocs\u002Felements\u002Falert.md","\u003Cwmcp-alert>",{"type":14,"value":15,"toc":306},"minimark",[16,23,54,59,120,125,198,201,205,213,302],[17,18,20],"h1",{"id":19},"wmcp-alert",[21,22,12],"code",{},[24,25,26,27,32,33,37,38,41,42,45,46,49,50,53],"p",{},"An inline callout for a message that stays on the page (as opposed to a ",[28,29,31],"a",{"href":30},"\u002Fdocs\u002Felements\u002Ftoast","toast",", which is transient). Presentational — no ",[28,34,36],{"href":35},"\u002Fdocs\u002Fwebmcp","WebMCP tool","; an agent reads it from the accessibility tree. It takes ",[21,39,40],{},"role=\"alert\""," for ",[21,43,44],{},"error","\u002F",[21,47,48],{},"warning"," and ",[21,51,52],{},"role=\"status\""," otherwise, so assistive tech announces the urgent ones.",[19,55,58],{"variant":56,"title":57},"success","Payment received","\nYour seats are booked.\n",[60,61,66],"pre",{"className":62,"code":63,"language":64,"meta":65,"style":65},"language-html shiki shiki-themes github-light-default ayu-dark","\u003Cwmcp-alert variant=\"error\" title=\"Card declined\">\n  Check the number and try again.\n\u003C\u002Fwmcp-alert>\n","html","",[21,67,68,103,110],{"__ignoreMap":65},[69,70,73,77,80,84,88,92,95,97,100],"span",{"class":71,"line":72},"line",1,[69,74,76],{"class":75},"sqV5G","\u003C",[69,78,19],{"class":79},"sfBZl",[69,81,83],{"class":82},"sI192"," variant",[69,85,87],{"class":86},"siQKT","=",[69,89,91],{"class":90},"sxLuP","\"error\"",[69,93,94],{"class":82}," title",[69,96,87],{"class":86},[69,98,99],{"class":90},"\"Card declined\"",[69,101,102],{"class":75},">\n",[69,104,106],{"class":71,"line":105},2,[69,107,109],{"class":108},"sBz_o","  Check the number and try again.\n",[69,111,113,116,118],{"class":71,"line":112},3,[69,114,115],{"class":75},"\u003C\u002F",[69,117,19],{"class":79},[69,119,102],{"class":75},[121,122,124],"h2",{"id":123},"element-attributes","Element attributes",[126,127,128,147],"table",{},[129,130,131],"thead",{},[132,133,134,138,141,144],"tr",{},[135,136,137],"th",{},"Attribute",[135,139,140],{},"Type",[135,142,143],{},"Default",[135,145,146],{},"Description",[148,149,150,181],"tbody",{},[132,151,152,158,163,168],{},[153,154,155],"td",{},[21,156,157],{},"variant",[153,159,160],{},[21,161,162],{},"string",[153,164,165],{},[21,166,167],{},"info",[153,169,170,172,173,172,175,177,178,180],{},[21,171,167],{},", ",[21,174,56],{},[21,176,48],{},", or ",[21,179,44],{}," (reflected). Drives the accent color and the a11y role.",[132,182,183,188,192,195],{},[153,184,185],{},[21,186,187],{},"title",[153,189,190],{},[21,191,162],{},[153,193,194],{},"—",[153,196,197],{},"Optional bold heading above the message.",[24,199,200],{},"The message is the element's slotted content.",[121,202,204],{"id":203},"theming","Theming",[24,206,207,208,212],{},"The left accent bar is per-variant; the rest is themeable through the ",[28,209,211],{"href":210},"\u002Fdocs\u002Finstallation","design tokens",":",[60,214,218],{"className":215,"code":216,"language":217,"meta":65,"style":65},"language-css shiki shiki-themes github-light-default ayu-dark",":root {\n  --alert-accent-success: oklch(0.627 0.13 160);\n  --alert-radius: 0.5rem;\n  --alert-padding: 1rem 1.25rem;\n}\n","css",[21,219,220,229,260,276,296],{"__ignoreMap":65},[69,221,222,226],{"class":71,"line":72},[69,223,225],{"class":224},"sybcr",":root",[69,227,228],{"class":108}," {\n",[69,230,231,235,237,241,244,248,251,254,257],{"class":71,"line":105},[69,232,234],{"class":233},"sCHdd","  --alert-accent-success",[69,236,212],{"class":86},[69,238,240],{"class":239},"sAJRi"," oklch",[69,242,243],{"class":108},"(",[69,245,247],{"class":246},"sQY3k","0.627",[69,249,250],{"class":246}," 0.13",[69,252,253],{"class":246}," 160",[69,255,256],{"class":108},")",[69,258,259],{"class":86},";\n",[69,261,262,265,267,270,274],{"class":71,"line":112},[69,263,264],{"class":233},"  --alert-radius",[69,266,212],{"class":86},[69,268,269],{"class":246}," 0.5",[69,271,273],{"class":272},"s7jPt","rem",[69,275,259],{"class":86},[69,277,279,282,284,287,289,292,294],{"class":71,"line":278},4,[69,280,281],{"class":233},"  --alert-padding",[69,283,212],{"class":86},[69,285,286],{"class":246}," 1",[69,288,273],{"class":272},[69,290,291],{"class":246}," 1.25",[69,293,273],{"class":272},[69,295,259],{"class":86},[69,297,299],{"class":71,"line":298},5,[69,300,301],{"class":108},"}\n",[303,304,305],"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 .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 pre.shiki code .sBz_o, html code.shiki .sBz_o{--shiki-default:#1F2328;--shiki-dark:#BFBDB6}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}",{"title":65,"searchDepth":105,"depth":105,"links":307},[308,309],{"id":123,"depth":105,"text":124},{"id":203,"depth":105,"text":204},"An inline callout for a persistent message, with severity roles for a11y.","md","Presentational",{},"Alert",true,"\u002Fdocs\u002Felements\u002Falert",{"title":12,"description":310},"docs\u002Felements\u002Falert","L8DrGVZExb6Nsb5l8trEPjErGjg1i9skfTbtY3roTWE",[321,322,326,330,335,340,345,349,353,357,361,365,369,373,377,382,387,391,395,399,402,406,411,414,418,422,425,429,433,437,440,442,445,448],{"path":316,"title":12,"navTitle":314,"group":312,"order":105,"groupOrder":278},{"path":323,"title":324,"navTitle":325,"group":312,"order":112,"groupOrder":278},"\u002Fdocs\u002Felements\u002Favatar","\u003Cwmcp-avatar>","Avatar",{"path":327,"title":328,"navTitle":329,"group":312,"order":72,"groupOrder":278},"\u002Fdocs\u002Felements\u002Fbadge","\u003Cwmcp-badge>","Badge",{"path":331,"title":332,"navTitle":333,"group":334,"order":72,"groupOrder":112},"\u002Fdocs\u002Felements\u002Fbutton","\u003Cwmcp-button>","Button","Interaction",{"path":336,"title":337,"navTitle":338,"group":312,"order":339,"groupOrder":278},"\u002Fdocs\u002Felements\u002Fcard","\u003Cwmcp-card>","Card",6,{"path":341,"title":342,"navTitle":343,"group":344,"order":278,"groupOrder":105},"\u002Fdocs\u002Felements\u002Fcheckbox","\u003Cwmcp-checkbox>","Checkbox","Elements",{"path":346,"title":347,"navTitle":348,"group":334,"order":105,"groupOrder":112},"\u002Fdocs\u002Felements\u002Fdialog","\u003Cwmcp-dialog>","Dialog",{"path":350,"title":351,"navTitle":352,"group":344,"order":72,"groupOrder":105},"\u002Fdocs\u002Felements\u002Finput","\u003Cwmcp-input>","Input",{"path":354,"title":355,"navTitle":356,"group":334,"order":112,"groupOrder":112},"\u002Fdocs\u002Felements\u002Fmenu","\u003Cwmcp-menu>","Menu",{"path":358,"title":359,"navTitle":360,"group":334,"order":298,"groupOrder":112},"\u002Fdocs\u002Felements\u002Fpopover","\u003Cwmcp-popover>","Popover",{"path":362,"title":363,"navTitle":364,"group":312,"order":278,"groupOrder":278},"\u002Fdocs\u002Felements\u002Fprogress","\u003Cwmcp-progress>","Progress",{"path":366,"title":367,"navTitle":368,"group":344,"order":298,"groupOrder":105},"\u002Fdocs\u002Felements\u002Fradio","\u003Cwmcp-radio-group>","Radio group",{"path":370,"title":371,"navTitle":372,"group":344,"order":112,"groupOrder":105},"\u002Fdocs\u002Felements\u002Fselect","\u003Cwmcp-select>","Select",{"path":374,"title":375,"navTitle":376,"group":312,"order":298,"groupOrder":278},"\u002Fdocs\u002Felements\u002Fseparator","\u003Cwmcp-separator>","Separator",{"path":378,"title":379,"navTitle":380,"group":312,"order":381,"groupOrder":278},"\u002Fdocs\u002Felements\u002Fskeleton","\u003Cwmcp-skeleton>","Skeleton",7,{"path":383,"title":384,"navTitle":385,"group":312,"order":386,"groupOrder":278},"\u002Fdocs\u002Felements\u002Fspinner","\u003Cwmcp-spinner>","Spinner",8,{"path":388,"title":389,"navTitle":390,"group":334,"order":381,"groupOrder":112},"\u002Fdocs\u002Felements\u002Fswitch","\u003Cwmcp-switch>","Switch",{"path":392,"title":393,"navTitle":394,"group":334,"order":278,"groupOrder":112},"\u002Fdocs\u002Felements\u002Ftabs","\u003Cwmcp-tabs>","Tabs",{"path":396,"title":397,"navTitle":398,"group":344,"order":105,"groupOrder":105},"\u002Fdocs\u002Felements\u002Ftextarea","\u003Cwmcp-textarea>","Textarea",{"path":30,"title":400,"navTitle":401,"group":334,"order":339,"groupOrder":112},"\u003Cwmcp-toast>","Toast",{"path":403,"title":404,"navTitle":405,"group":334,"order":386,"groupOrder":112},"\u002Fdocs\u002Felements\u002Ftooltip","\u003Cwmcp-tooltip>","Tooltip",{"path":407,"title":408,"navTitle":409,"group":410,"order":278,"groupOrder":298},"\u002Fdocs\u002Fexamples\u002Fbrain-dump","Brain-dump → to-do list","Brain-dump → to-dos","Examples",{"path":412,"title":413,"navTitle":413,"group":410,"order":298,"groupOrder":298},"\u002Fdocs\u002Fexamples\u002Fcrm-lead","Email → CRM lead",{"path":415,"title":416,"navTitle":417,"group":410,"order":381,"groupOrder":298},"\u002Fdocs\u002Fexamples\u002Fdashboard","Ask the dashboard a question","Dashboard control",{"path":419,"title":420,"navTitle":421,"group":410,"order":339,"groupOrder":298},"\u002Fdocs\u002Fexamples\u002Fexpense-report","Receipt → expense report","Receipt → expense",{"path":423,"title":410,"navTitle":424,"group":410,"order":72,"groupOrder":298},"\u002Fdocs\u002Fexamples","Overview",{"path":426,"title":427,"navTitle":428,"group":410,"order":105,"groupOrder":298},"\u002Fdocs\u002Fexamples\u002Frecipe-cart","Recipe → grocery cart","Recipe → cart",{"path":430,"title":431,"navTitle":432,"group":410,"order":112,"groupOrder":298},"\u002Fdocs\u002Fexamples\u002Frestaurant-booking","Book a table in one sentence","Restaurant booking",{"path":434,"title":435,"navTitle":435,"group":436,"order":339,"groupOrder":72},"\u002Fdocs\u002Fframeworks","React & Vue","Getting started",{"path":438,"title":439,"navTitle":439,"group":436,"order":72,"groupOrder":72},"\u002Fdocs","Introduction",{"path":210,"title":441,"navTitle":441,"group":436,"order":105,"groupOrder":72},"Installation",{"path":443,"title":444,"navTitle":444,"group":436,"order":298,"groupOrder":72},"\u002Fdocs\u002Ftesting","Testing",{"path":446,"title":447,"navTitle":447,"group":436,"order":112,"groupOrder":72},"\u002Fdocs\u002Fvalidation","Validation",{"path":35,"title":449,"navTitle":449,"group":436,"order":278,"groupOrder":72},"WebMCP exposure",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":451},"\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":453},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m12 19l-7-7l7-7m7 7H5\"\u002F>",1784517902610]