[{"data":1,"prerenderedAt":551},["ShallowReactive",2],{"i-simple-icons:github":3,"i-lucide:arrow-right":8,"doc-\u002Fdocs\u002Felements\u002Ftooltip":10,"docs-sidebar":416,"i-lucide:file-text":547,"i-lucide:arrow-left":549},{"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":405,"extension":406,"group":407,"groupOrder":133,"meta":408,"navTitle":409,"navigation":410,"order":411,"path":412,"seo":413,"stem":414,"__hash__":415},"docs\u002Fdocs\u002Felements\u002Ftooltip.md","\u003Cwmcp-tooltip>",{"type":14,"value":15,"toc":400},"minimark",[16,23,56,66,146,152,157,278,289,293,326,330,333,396],[17,18,20],"h1",{"id":19},"wmcp-tooltip",[21,22,12],"code",{},[24,25,26,27,34,35,38,39,42,43,46,47,51,52,55],"p",{},"A hover\u002Ffocus tooltip. It's a thin preset of ",[28,29,31],"a",{"href":30},"\u002Fdocs\u002Felements\u002Fpopover",[21,32,33],{},"\u003Cwmcp-popover>"," — the same anchored-panel machinery, defaulted to ",[21,36,37],{},"trigger=\"hover\"",", so it gets ",[21,40,41],{},"role=\"tooltip\""," and ",[21,44,45],{},"aria-describedby"," and opens on hover ",[48,49,50],"strong",{},"and"," keyboard focus. Put the trigger in the ",[21,53,54],{},"trigger"," slot and the tip text in the default slot.",[19,57,58,59,65],{},"\n  ",[60,61,64],"button",{"slot":54,"ariaLabel":62,"style":63},"Copy","padding:0.35rem 0.6rem","⧉","\n  Copy to clipboard\n",[67,68,73],"pre",{"className":69,"code":70,"language":71,"meta":72,"style":72},"language-html shiki shiki-themes github-light-default ayu-dark","\u003Cwmcp-tooltip>\n  \u003Cbutton slot=\"trigger\" aria-label=\"Copy\">⧉\u003C\u002Fbutton>\n  Copy to clipboard\n\u003C\u002Fwmcp-tooltip>\n","html","",[21,74,75,90,131,137],{"__ignoreMap":72},[76,77,80,84,87],"span",{"class":78,"line":79},"line",1,[76,81,83],{"class":82},"sqV5G","\u003C",[76,85,19],{"class":86},"sfBZl",[76,88,89],{"class":82},">\n",[76,91,93,96,98,102,106,110,113,115,118,121,124,127,129],{"class":78,"line":92},2,[76,94,95],{"class":82},"  \u003C",[76,97,60],{"class":86},[76,99,101],{"class":100},"sI192"," slot",[76,103,105],{"class":104},"siQKT","=",[76,107,109],{"class":108},"sxLuP","\"trigger\"",[76,111,112],{"class":100}," aria-label",[76,114,105],{"class":104},[76,116,117],{"class":108},"\"Copy\"",[76,119,120],{"class":82},">",[76,122,64],{"class":123},"sBz_o",[76,125,126],{"class":82},"\u003C\u002F",[76,128,60],{"class":86},[76,130,89],{"class":82},[76,132,134],{"class":78,"line":133},3,[76,135,136],{"class":123},"  Copy to clipboard\n",[76,138,140,142,144],{"class":78,"line":139},4,[76,141,126],{"class":82},[76,143,19],{"class":86},[76,145,89],{"class":82},[24,147,148,149,151],{},"Because it opens on focus (not just hover), keyboard and screen-reader users get the tip too — the trigger references the panel via ",[21,150,45],{},".",[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,216,236,253],"tbody",{},[164,183,184,190,195,200],{},[185,186,187],"td",{},[21,188,189],{},"placement",[185,191,192],{},[21,193,194],{},"string",[185,196,197],{},[21,198,199],{},"top",[185,201,202,204,205,204,208,211,212,215],{},[21,203,199],{},", ",[21,206,207],{},"bottom",[21,209,210],{},"left",", or ",[21,213,214],{},"right"," of the trigger.",[164,217,218,222,226,231],{},[185,219,220],{},[21,221,54],{},[185,223,224],{},[21,225,194],{},[185,227,228],{},[21,229,230],{},"hover",[185,232,233,234,151],{},"Inherited from popover; a tooltip defaults to ",[21,235,230],{},[164,237,238,243,247,250],{},[185,239,240],{},[21,241,242],{},"label",[185,244,245],{},[21,246,194],{},[185,248,249],{},"—",[185,251,252],{},"Text tip, as an alternative to the default slot.",[164,254,255,260,265,270],{},[185,256,257],{},[21,258,259],{},"expose",[185,261,262],{},[21,263,264],{},"boolean",[185,266,267],{},[21,268,269],{},"false",[185,271,272,273,277],{},"Inherited from ",[28,274,275],{"href":30},[21,276,33],{},"; rarely needed for a tooltip.",[24,279,280,281,283,284,288],{},"A tooltip is primarily a presentational affordance — an agent has no meaningful reason to \"open\" one. It inherits popover's exposure surface for completeness, but you'll usually leave ",[21,282,259],{}," off. For agent-triggered content, reach for ",[28,285,286],{"href":30},[21,287,33],{}," instead.",[153,290,292],{"id":291},"slots","Slots",[158,294,295,304],{},[161,296,297],{},[164,298,299,302],{},[167,300,301],{},"Slot",[167,303,178],{},[180,305,306,315],{},[164,307,308,312],{},[185,309,310],{},[21,311,54],{},[185,313,314],{},"The element that reveals the tip on hover\u002Ffocus.",[164,316,317,323],{},[185,318,319],{},[320,321,322],"em",{},"default",[185,324,325],{},"The tip content.",[153,327,329],{"id":328},"theming","Theming",[24,331,332],{},"Inherits the popover's custom properties:",[67,334,338],{"className":335,"code":336,"language":337,"meta":72,"style":72},"language-css shiki shiki-themes github-light-default ayu-dark",":root {\n  --popover-bg: var(--card);\n  --popover-radius: 0.5rem;\n}\n","css",[21,339,340,349,374,391],{"__ignoreMap":72},[76,341,342,346],{"class":78,"line":79},[76,343,345],{"class":344},"sybcr",":root",[76,347,348],{"class":123}," {\n",[76,350,351,355,358,362,365,368,371],{"class":78,"line":92},[76,352,354],{"class":353},"sCHdd","  --popover-bg",[76,356,357],{"class":104},":",[76,359,361],{"class":360},"sAJRi"," var",[76,363,364],{"class":123},"(",[76,366,367],{"class":353},"--card",[76,369,370],{"class":123},")",[76,372,373],{"class":104},";\n",[76,375,376,379,381,385,389],{"class":78,"line":133},[76,377,378],{"class":353},"  --popover-radius",[76,380,357],{"class":104},[76,382,384],{"class":383},"sQY3k"," 0.5",[76,386,388],{"class":387},"s7jPt","rem",[76,390,373],{"class":104},[76,392,393],{"class":78,"line":139},[76,394,395],{"class":123},"}\n",[397,398,399],"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":72,"searchDepth":92,"depth":92,"links":401},[402,403,404],{"id":155,"depth":92,"text":156},{"id":291,"depth":92,"text":292},{"id":328,"depth":92,"text":329},"A hover\u002Ffocus tooltip — a thin preset of the popover, defaulted to hover with role=tooltip.","md","Interaction",{},"Tooltip",true,8,"\u002Fdocs\u002Felements\u002Ftooltip",{"title":12,"description":405},"docs\u002Felements\u002Ftooltip","nq5XCskcfN_Wc9g3qABAQJMAK1AGj-0mCY9pocD7lWo",[417,422,426,430,434,439,444,448,452,456,459,463,467,471,475,480,484,488,492,496,500,501,506,509,513,517,520,524,528,532,535,538,541,544],{"path":418,"title":419,"navTitle":420,"group":421,"order":92,"groupOrder":139},"\u002Fdocs\u002Felements\u002Falert","\u003Cwmcp-alert>","Alert","Presentational",{"path":423,"title":424,"navTitle":425,"group":421,"order":133,"groupOrder":139},"\u002Fdocs\u002Felements\u002Favatar","\u003Cwmcp-avatar>","Avatar",{"path":427,"title":428,"navTitle":429,"group":421,"order":79,"groupOrder":139},"\u002Fdocs\u002Felements\u002Fbadge","\u003Cwmcp-badge>","Badge",{"path":431,"title":432,"navTitle":433,"group":407,"order":79,"groupOrder":133},"\u002Fdocs\u002Felements\u002Fbutton","\u003Cwmcp-button>","Button",{"path":435,"title":436,"navTitle":437,"group":421,"order":438,"groupOrder":139},"\u002Fdocs\u002Felements\u002Fcard","\u003Cwmcp-card>","Card",6,{"path":440,"title":441,"navTitle":442,"group":443,"order":139,"groupOrder":92},"\u002Fdocs\u002Felements\u002Fcheckbox","\u003Cwmcp-checkbox>","Checkbox","Elements",{"path":445,"title":446,"navTitle":447,"group":407,"order":92,"groupOrder":133},"\u002Fdocs\u002Felements\u002Fdialog","\u003Cwmcp-dialog>","Dialog",{"path":449,"title":450,"navTitle":451,"group":443,"order":79,"groupOrder":92},"\u002Fdocs\u002Felements\u002Finput","\u003Cwmcp-input>","Input",{"path":453,"title":454,"navTitle":455,"group":407,"order":133,"groupOrder":133},"\u002Fdocs\u002Felements\u002Fmenu","\u003Cwmcp-menu>","Menu",{"path":30,"title":33,"navTitle":457,"group":407,"order":458,"groupOrder":133},"Popover",5,{"path":460,"title":461,"navTitle":462,"group":421,"order":139,"groupOrder":139},"\u002Fdocs\u002Felements\u002Fprogress","\u003Cwmcp-progress>","Progress",{"path":464,"title":465,"navTitle":466,"group":443,"order":458,"groupOrder":92},"\u002Fdocs\u002Felements\u002Fradio","\u003Cwmcp-radio-group>","Radio group",{"path":468,"title":469,"navTitle":470,"group":443,"order":133,"groupOrder":92},"\u002Fdocs\u002Felements\u002Fselect","\u003Cwmcp-select>","Select",{"path":472,"title":473,"navTitle":474,"group":421,"order":458,"groupOrder":139},"\u002Fdocs\u002Felements\u002Fseparator","\u003Cwmcp-separator>","Separator",{"path":476,"title":477,"navTitle":478,"group":421,"order":479,"groupOrder":139},"\u002Fdocs\u002Felements\u002Fskeleton","\u003Cwmcp-skeleton>","Skeleton",7,{"path":481,"title":482,"navTitle":483,"group":421,"order":411,"groupOrder":139},"\u002Fdocs\u002Felements\u002Fspinner","\u003Cwmcp-spinner>","Spinner",{"path":485,"title":486,"navTitle":487,"group":407,"order":479,"groupOrder":133},"\u002Fdocs\u002Felements\u002Fswitch","\u003Cwmcp-switch>","Switch",{"path":489,"title":490,"navTitle":491,"group":407,"order":139,"groupOrder":133},"\u002Fdocs\u002Felements\u002Ftabs","\u003Cwmcp-tabs>","Tabs",{"path":493,"title":494,"navTitle":495,"group":443,"order":92,"groupOrder":92},"\u002Fdocs\u002Felements\u002Ftextarea","\u003Cwmcp-textarea>","Textarea",{"path":497,"title":498,"navTitle":499,"group":407,"order":438,"groupOrder":133},"\u002Fdocs\u002Felements\u002Ftoast","\u003Cwmcp-toast>","Toast",{"path":412,"title":12,"navTitle":409,"group":407,"order":411,"groupOrder":133},{"path":502,"title":503,"navTitle":504,"group":505,"order":139,"groupOrder":458},"\u002Fdocs\u002Fexamples\u002Fbrain-dump","Brain-dump → to-do list","Brain-dump → to-dos","Examples",{"path":507,"title":508,"navTitle":508,"group":505,"order":458,"groupOrder":458},"\u002Fdocs\u002Fexamples\u002Fcrm-lead","Email → CRM lead",{"path":510,"title":511,"navTitle":512,"group":505,"order":479,"groupOrder":458},"\u002Fdocs\u002Fexamples\u002Fdashboard","Ask the dashboard a question","Dashboard control",{"path":514,"title":515,"navTitle":516,"group":505,"order":438,"groupOrder":458},"\u002Fdocs\u002Fexamples\u002Fexpense-report","Receipt → expense report","Receipt → expense",{"path":518,"title":505,"navTitle":519,"group":505,"order":79,"groupOrder":458},"\u002Fdocs\u002Fexamples","Overview",{"path":521,"title":522,"navTitle":523,"group":505,"order":92,"groupOrder":458},"\u002Fdocs\u002Fexamples\u002Frecipe-cart","Recipe → grocery cart","Recipe → cart",{"path":525,"title":526,"navTitle":527,"group":505,"order":133,"groupOrder":458},"\u002Fdocs\u002Fexamples\u002Frestaurant-booking","Book a table in one sentence","Restaurant booking",{"path":529,"title":530,"navTitle":530,"group":531,"order":438,"groupOrder":79},"\u002Fdocs\u002Fframeworks","React & Vue","Getting started",{"path":533,"title":534,"navTitle":534,"group":531,"order":79,"groupOrder":79},"\u002Fdocs","Introduction",{"path":536,"title":537,"navTitle":537,"group":531,"order":92,"groupOrder":79},"\u002Fdocs\u002Finstallation","Installation",{"path":539,"title":540,"navTitle":540,"group":531,"order":458,"groupOrder":79},"\u002Fdocs\u002Ftesting","Testing",{"path":542,"title":543,"navTitle":543,"group":531,"order":133,"groupOrder":79},"\u002Fdocs\u002Fvalidation","Validation",{"path":545,"title":546,"navTitle":546,"group":531,"order":139,"groupOrder":79},"\u002Fdocs\u002Fwebmcp","WebMCP exposure",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":548},"\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":550},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m12 19l-7-7l7-7m7 7H5\"\u002F>",1784517902554]