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