[{"data":1,"prerenderedAt":372},["ShallowReactive",2],{"i-simple-icons:github":3,"i-lucide:arrow-right":8,"doc-\u002Fdocs\u002Felements\u002Fskeleton":10,"docs-sidebar":238,"i-lucide:file-text":368,"i-lucide:arrow-left":370},{"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":227,"extension":228,"group":229,"groupOrder":215,"meta":230,"navTitle":231,"navigation":232,"order":233,"path":234,"seo":235,"stem":236,"__hash__":237},"docs\u002Fdocs\u002Felements\u002Fskeleton.md","\u003Cwmcp-skeleton>",{"type":14,"value":15,"toc":223},"minimark",[16,23,54,57,60,128,134,139,150,154,219],[17,18,20],"h1",{"id":19},"wmcp-skeleton",[21,22,12],"code",{},[24,25,26,27,31,32,35,36,43,44,48,49,53],"p",{},"A loading placeholder — the pulsing grey block you show while real content loads. Presentational and ",[28,29,30],"strong",{},"decorative",": it's ",[21,33,34],{},"aria-hidden",", so screen readers skip it (announce loading state elsewhere, e.g. an ",[37,38,40],"a",{"href":39},"\u002Fdocs\u002Felements\u002Ftoast",[21,41,42],{},"aria-live"," region or a ",[37,45,47],{"href":46},"\u002Fdocs\u002Felements\u002Fspinner","spinner","). No ",[37,50,52],{"href":51},"\u002Fdocs\u002Fwebmcp","WebMCP tool",".",[19,55],{"style":56},"width:14rem; margin-bottom:0.5rem",[19,58],{"style":59},"width:10rem",[61,62,67],"pre",{"className":63,"code":64,"language":65,"meta":66,"style":66},"language-html shiki shiki-themes github-light-default ayu-dark","\u003C!-- Size it with plain width\u002Fheight styles -->\n\u003Cwmcp-skeleton style=\"width: 14rem\">\u003C\u002Fwmcp-skeleton>\n\u003Cwmcp-skeleton style=\"width: 2.5rem; height: 2.5rem; border-radius: 50%\">\u003C\u002Fwmcp-skeleton>\n","html","",[21,68,69,78,108],{"__ignoreMap":66},[70,71,74],"span",{"class":72,"line":73},"line",1,[70,75,77],{"class":76},"s5O_a","\u003C!-- Size it with plain width\u002Fheight styles -->\n",[70,79,81,85,88,92,96,100,103,105],{"class":72,"line":80},2,[70,82,84],{"class":83},"sqV5G","\u003C",[70,86,19],{"class":87},"sfBZl",[70,89,91],{"class":90},"sI192"," style",[70,93,95],{"class":94},"siQKT","=",[70,97,99],{"class":98},"sxLuP","\"width: 14rem\"",[70,101,102],{"class":83},">\u003C\u002F",[70,104,19],{"class":87},[70,106,107],{"class":83},">\n",[70,109,111,113,115,117,119,122,124,126],{"class":72,"line":110},3,[70,112,84],{"class":83},[70,114,19],{"class":87},[70,116,91],{"class":90},[70,118,95],{"class":94},[70,120,121],{"class":98},"\"width: 2.5rem; height: 2.5rem; border-radius: 50%\"",[70,123,102],{"class":83},[70,125,19],{"class":87},[70,127,107],{"class":83},[24,129,130,131,53],{},"It stops pulsing under ",[21,132,133],{},"prefers-reduced-motion",[135,136,138],"h2",{"id":137},"element-attributes","Element attributes",[24,140,141,142,145,146,149],{},"The skeleton has no attributes — set its dimensions with ",[21,143,144],{},"width"," \u002F ",[21,147,148],{},"height"," styles to match the content it stands in for.",[135,151,153],{"id":152},"theming","Theming",[61,155,159],{"className":156,"code":157,"language":158,"meta":66,"style":66},"language-css shiki shiki-themes github-light-default ayu-dark",":root {\n  --skeleton-bg: var(--muted);\n  --skeleton-radius: 0.5rem;\n}\n","css",[21,160,161,171,196,213],{"__ignoreMap":66},[70,162,163,167],{"class":72,"line":73},[70,164,166],{"class":165},"sybcr",":root",[70,168,170],{"class":169},"sBz_o"," {\n",[70,172,173,177,180,184,187,190,193],{"class":72,"line":80},[70,174,176],{"class":175},"sCHdd","  --skeleton-bg",[70,178,179],{"class":94},":",[70,181,183],{"class":182},"sAJRi"," var",[70,185,186],{"class":169},"(",[70,188,189],{"class":175},"--muted",[70,191,192],{"class":169},")",[70,194,195],{"class":94},";\n",[70,197,198,201,203,207,211],{"class":72,"line":110},[70,199,200],{"class":175},"  --skeleton-radius",[70,202,179],{"class":94},[70,204,206],{"class":205},"sQY3k"," 0.5",[70,208,210],{"class":209},"s7jPt","rem",[70,212,195],{"class":94},[70,214,216],{"class":72,"line":215},4,[70,217,218],{"class":169},"}\n",[220,221,222],"style",{},"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 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 .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 .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":66,"searchDepth":80,"depth":80,"links":224},[225,226],{"id":137,"depth":80,"text":138},{"id":152,"depth":80,"text":153},"A decorative loading placeholder that pulses while content loads.","md","Presentational",{},"Skeleton",true,7,"\u002Fdocs\u002Felements\u002Fskeleton",{"title":12,"description":227},"docs\u002Felements\u002Fskeleton","E6ML0NEklLJO-qRmXVCu5T3TxpQ7UzEj_21a07vLDWg",[239,243,247,251,256,261,266,270,274,278,283,287,291,295,299,300,304,308,312,316,319,323,328,331,335,339,342,346,350,354,357,360,363,366],{"path":240,"title":241,"navTitle":242,"group":229,"order":80,"groupOrder":215},"\u002Fdocs\u002Felements\u002Falert","\u003Cwmcp-alert>","Alert",{"path":244,"title":245,"navTitle":246,"group":229,"order":110,"groupOrder":215},"\u002Fdocs\u002Felements\u002Favatar","\u003Cwmcp-avatar>","Avatar",{"path":248,"title":249,"navTitle":250,"group":229,"order":73,"groupOrder":215},"\u002Fdocs\u002Felements\u002Fbadge","\u003Cwmcp-badge>","Badge",{"path":252,"title":253,"navTitle":254,"group":255,"order":73,"groupOrder":110},"\u002Fdocs\u002Felements\u002Fbutton","\u003Cwmcp-button>","Button","Interaction",{"path":257,"title":258,"navTitle":259,"group":229,"order":260,"groupOrder":215},"\u002Fdocs\u002Felements\u002Fcard","\u003Cwmcp-card>","Card",6,{"path":262,"title":263,"navTitle":264,"group":265,"order":215,"groupOrder":80},"\u002Fdocs\u002Felements\u002Fcheckbox","\u003Cwmcp-checkbox>","Checkbox","Elements",{"path":267,"title":268,"navTitle":269,"group":255,"order":80,"groupOrder":110},"\u002Fdocs\u002Felements\u002Fdialog","\u003Cwmcp-dialog>","Dialog",{"path":271,"title":272,"navTitle":273,"group":265,"order":73,"groupOrder":80},"\u002Fdocs\u002Felements\u002Finput","\u003Cwmcp-input>","Input",{"path":275,"title":276,"navTitle":277,"group":255,"order":110,"groupOrder":110},"\u002Fdocs\u002Felements\u002Fmenu","\u003Cwmcp-menu>","Menu",{"path":279,"title":280,"navTitle":281,"group":255,"order":282,"groupOrder":110},"\u002Fdocs\u002Felements\u002Fpopover","\u003Cwmcp-popover>","Popover",5,{"path":284,"title":285,"navTitle":286,"group":229,"order":215,"groupOrder":215},"\u002Fdocs\u002Felements\u002Fprogress","\u003Cwmcp-progress>","Progress",{"path":288,"title":289,"navTitle":290,"group":265,"order":282,"groupOrder":80},"\u002Fdocs\u002Felements\u002Fradio","\u003Cwmcp-radio-group>","Radio group",{"path":292,"title":293,"navTitle":294,"group":265,"order":110,"groupOrder":80},"\u002Fdocs\u002Felements\u002Fselect","\u003Cwmcp-select>","Select",{"path":296,"title":297,"navTitle":298,"group":229,"order":282,"groupOrder":215},"\u002Fdocs\u002Felements\u002Fseparator","\u003Cwmcp-separator>","Separator",{"path":234,"title":12,"navTitle":231,"group":229,"order":233,"groupOrder":215},{"path":46,"title":301,"navTitle":302,"group":229,"order":303,"groupOrder":215},"\u003Cwmcp-spinner>","Spinner",8,{"path":305,"title":306,"navTitle":307,"group":255,"order":233,"groupOrder":110},"\u002Fdocs\u002Felements\u002Fswitch","\u003Cwmcp-switch>","Switch",{"path":309,"title":310,"navTitle":311,"group":255,"order":215,"groupOrder":110},"\u002Fdocs\u002Felements\u002Ftabs","\u003Cwmcp-tabs>","Tabs",{"path":313,"title":314,"navTitle":315,"group":265,"order":80,"groupOrder":80},"\u002Fdocs\u002Felements\u002Ftextarea","\u003Cwmcp-textarea>","Textarea",{"path":39,"title":317,"navTitle":318,"group":255,"order":260,"groupOrder":110},"\u003Cwmcp-toast>","Toast",{"path":320,"title":321,"navTitle":322,"group":255,"order":303,"groupOrder":110},"\u002Fdocs\u002Felements\u002Ftooltip","\u003Cwmcp-tooltip>","Tooltip",{"path":324,"title":325,"navTitle":326,"group":327,"order":215,"groupOrder":282},"\u002Fdocs\u002Fexamples\u002Fbrain-dump","Brain-dump → to-do list","Brain-dump → to-dos","Examples",{"path":329,"title":330,"navTitle":330,"group":327,"order":282,"groupOrder":282},"\u002Fdocs\u002Fexamples\u002Fcrm-lead","Email → CRM lead",{"path":332,"title":333,"navTitle":334,"group":327,"order":233,"groupOrder":282},"\u002Fdocs\u002Fexamples\u002Fdashboard","Ask the dashboard a question","Dashboard control",{"path":336,"title":337,"navTitle":338,"group":327,"order":260,"groupOrder":282},"\u002Fdocs\u002Fexamples\u002Fexpense-report","Receipt → expense report","Receipt → expense",{"path":340,"title":327,"navTitle":341,"group":327,"order":73,"groupOrder":282},"\u002Fdocs\u002Fexamples","Overview",{"path":343,"title":344,"navTitle":345,"group":327,"order":80,"groupOrder":282},"\u002Fdocs\u002Fexamples\u002Frecipe-cart","Recipe → grocery cart","Recipe → cart",{"path":347,"title":348,"navTitle":349,"group":327,"order":110,"groupOrder":282},"\u002Fdocs\u002Fexamples\u002Frestaurant-booking","Book a table in one sentence","Restaurant booking",{"path":351,"title":352,"navTitle":352,"group":353,"order":260,"groupOrder":73},"\u002Fdocs\u002Fframeworks","React & Vue","Getting started",{"path":355,"title":356,"navTitle":356,"group":353,"order":73,"groupOrder":73},"\u002Fdocs","Introduction",{"path":358,"title":359,"navTitle":359,"group":353,"order":80,"groupOrder":73},"\u002Fdocs\u002Finstallation","Installation",{"path":361,"title":362,"navTitle":362,"group":353,"order":282,"groupOrder":73},"\u002Fdocs\u002Ftesting","Testing",{"path":364,"title":365,"navTitle":365,"group":353,"order":110,"groupOrder":73},"\u002Fdocs\u002Fvalidation","Validation",{"path":51,"title":367,"navTitle":367,"group":353,"order":215,"groupOrder":73},"WebMCP exposure",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":369},"\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":371},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m12 19l-7-7l7-7m7 7H5\"\u002F>",1784517902925]