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