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