[{"data":1,"prerenderedAt":806},["ShallowReactive",2],{"i-simple-icons:github":3,"i-lucide:arrow-right":8,"doc-\u002Fdocs\u002Felements\u002Fmenu":10,"docs-sidebar":741,"i-lucide:file-text":798,"i-lucide:arrow-left":800,"i-lucide:list":802,"i-lucide:arrow-up-right":804},{"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":731,"extension":732,"group":733,"groupOrder":142,"meta":734,"navTitle":735,"navigation":736,"order":142,"path":737,"seo":738,"stem":739,"__hash__":740},"docs\u002Fdocs\u002Felements\u002Fmenu.md","\u003Cwmcp-menu>",{"type":14,"value":15,"toc":725},"minimark",[16,23,52,62,199,202,207,224,332,340,344,505,514,518,521,627,636,640,647,721],[17,18,20],"h1",{"id":19},"wmcp-menu",[21,22,12],"code",{},[24,25,26,27,31,32,37,38,42,43,47,48,51],"p",{},"A menu button. Its exposed action is the first ",[28,29,30],"strong",{},"parameterized"," one in the library: where ",[33,34,36],"a",{"href":35},"\u002Fdocs\u002Felements\u002Fbutton","button"," and ",[33,39,41],{"href":40},"\u002Fdocs\u002Felements\u002Fdialog","dialog"," expose no-argument actions, the menu's tool takes ",[44,45,46],"em",{},"which item"," — an ",[21,49,50],{},"enum"," of the item values — so the agent picks exactly as a person would.",[24,53,54,55,58,59],{},"The popup uses the native Popover API (top layer, light-dismiss, Escape, and anchored positioning), with arrow-key roving focus over the items. Selecting one — by click, keyboard, or agent — fires a composed ",[21,56,57],{},"select"," event and closes the menu. A menu ",[28,60,61],{},"dispatches actions; it does not hold a value.",[63,64,69],"pre",{"className":65,"code":66,"language":67,"meta":68,"style":68},"language-html shiki shiki-themes github-light-default ayu-dark","\u003Cwmcp-menu name=\"row_action\" label=\"Row actions\" expose>\n  \u003Coption value=\"duplicate\">Duplicate\u003C\u002Foption>\n  \u003Coption value=\"archive\">Archive\u003C\u002Foption>\n  \u003Coption value=\"delete\">Delete\u003C\u002Foption>\n\u003C\u002Fwmcp-menu>\n","html","",[21,70,71,109,140,165,190],{"__ignoreMap":68},[72,73,76,80,83,87,91,95,98,100,103,106],"span",{"class":74,"line":75},"line",1,[72,77,79],{"class":78},"sqV5G","\u003C",[72,81,19],{"class":82},"sfBZl",[72,84,86],{"class":85},"sI192"," name",[72,88,90],{"class":89},"siQKT","=",[72,92,94],{"class":93},"sxLuP","\"row_action\"",[72,96,97],{"class":85}," label",[72,99,90],{"class":89},[72,101,102],{"class":93},"\"Row actions\"",[72,104,105],{"class":85}," expose",[72,107,108],{"class":78},">\n",[72,110,112,115,118,121,123,126,129,133,136,138],{"class":74,"line":111},2,[72,113,114],{"class":78},"  \u003C",[72,116,117],{"class":82},"option",[72,119,120],{"class":85}," value",[72,122,90],{"class":89},[72,124,125],{"class":93},"\"duplicate\"",[72,127,128],{"class":78},">",[72,130,132],{"class":131},"sBz_o","Duplicate",[72,134,135],{"class":78},"\u003C\u002F",[72,137,117],{"class":82},[72,139,108],{"class":78},[72,141,143,145,147,149,151,154,156,159,161,163],{"class":74,"line":142},3,[72,144,114],{"class":78},[72,146,117],{"class":82},[72,148,120],{"class":85},[72,150,90],{"class":89},[72,152,153],{"class":93},"\"archive\"",[72,155,128],{"class":78},[72,157,158],{"class":131},"Archive",[72,160,135],{"class":78},[72,162,117],{"class":82},[72,164,108],{"class":78},[72,166,168,170,172,174,176,179,181,184,186,188],{"class":74,"line":167},4,[72,169,114],{"class":78},[72,171,117],{"class":82},[72,173,120],{"class":85},[72,175,90],{"class":89},[72,177,178],{"class":93},"\"delete\"",[72,180,128],{"class":78},[72,182,183],{"class":131},"Delete",[72,185,135],{"class":78},[72,187,117],{"class":82},[72,189,108],{"class":78},[72,191,193,195,197],{"class":74,"line":192},5,[72,194,135],{"class":78},[72,196,19],{"class":82},[72,198,108],{"class":78},[200,201],"menu-demo",{},[203,204,206],"h2",{"id":205},"items","Items",[24,208,209,210,213,214,220,221,223],{},"Items come from declarative ",[21,211,212],{},"\u003Coption>"," children — the same authoring as ",[33,215,217],{"href":216},"\u002Fdocs\u002Felements\u002Fselect",[21,218,219],{},"\u003Cwmcp-select>",", works with no build — or from the ",[21,222,205],{}," property for JS \u002F framework callers:",[63,225,229],{"className":226,"code":227,"language":228,"meta":68,"style":68},"language-ts shiki shiki-themes github-light-default ayu-dark","document.querySelector('wmcp-menu').items = [\n  { value: 'duplicate', label: 'Duplicate' },\n  { value: 'delete', label: 'Delete', disabled: true },\n];\n","ts",[21,230,231,264,291,324],{"__ignoreMap":68},[72,232,233,236,240,244,247,250,253,255,258,261],{"class":74,"line":75},[72,234,235],{"class":131},"document",[72,237,239],{"class":238},"s0eYM",".",[72,241,243],{"class":242},"s2DMw","querySelector",[72,245,246],{"class":131},"(",[72,248,249],{"class":93},"'wmcp-menu'",[72,251,252],{"class":131},")",[72,254,239],{"class":238},[72,256,257],{"class":131},"items ",[72,259,90],{"class":260},"snFdW",[72,262,263],{"class":131}," [\n",[72,265,266,269,272,275,278,280,282,285,288],{"class":74,"line":111},[72,267,268],{"class":131},"  { value",[72,270,271],{"class":89},":",[72,273,274],{"class":93}," 'duplicate'",[72,276,277],{"class":89},",",[72,279,97],{"class":131},[72,281,271],{"class":89},[72,283,284],{"class":93}," 'Duplicate'",[72,286,287],{"class":131}," }",[72,289,290],{"class":89},",\n",[72,292,293,295,297,300,302,304,306,309,311,314,316,320,322],{"class":74,"line":142},[72,294,268],{"class":131},[72,296,271],{"class":89},[72,298,299],{"class":93}," 'delete'",[72,301,277],{"class":89},[72,303,97],{"class":131},[72,305,271],{"class":89},[72,307,308],{"class":93}," 'Delete'",[72,310,277],{"class":89},[72,312,313],{"class":131}," disabled",[72,315,271],{"class":89},[72,317,319],{"class":318},"sQY3k"," true",[72,321,287],{"class":131},[72,323,290],{"class":89},[72,325,326,329],{"class":74,"line":167},[72,327,328],{"class":131},"]",[72,330,331],{"class":89},";\n",[24,333,334,335,337,338,239],{},"When ",[21,336,205],{}," is non-empty it takes precedence over the children. Disabled items render but can't be selected, and are left out of the tool's ",[21,339,50],{},[203,341,343],{"id":342},"element-attributes","Element attributes",[345,346,347,366],"table",{},[348,349,350],"thead",{},[351,352,353,357,360,363],"tr",{},[354,355,356],"th",{},"Attribute",[354,358,359],{},"Type",[354,361,362],{},"Default",[354,364,365],{},"Description",[367,368,369,388,410,430,450,473,489],"tbody",{},[351,370,371,377,382,385],{},[372,373,374],"td",{},[21,375,376],{},"label",[372,378,379],{},[21,380,381],{},"string",[372,383,384],{},"—",[372,386,387],{},"Trigger text and the menu's accessible name.",[351,389,390,394,399,404],{},[372,391,392],{},[21,393,205],{},[372,395,396],{},[21,397,398],{},"WmcpMenuItem[]",[372,400,401],{},[21,402,403],{},"[]",[372,405,406,407,409],{},"Items as data (property only); overrides ",[21,408,212],{}," children.",[351,411,412,417,422,427],{},[372,413,414],{},[21,415,416],{},"open",[372,418,419],{},[21,420,421],{},"boolean",[372,423,424],{},[21,425,426],{},"false",[372,428,429],{},"Whether the popup is open (reflected; driven by the trigger).",[351,431,432,437,441,443],{},[372,433,434],{},[21,435,436],{},"name",[372,438,439],{},[21,440,381],{},[372,442,384],{},[372,444,445,446,449],{},"Identifier used for the default tool name (",[21,447,448],{},"select_\u003Cname>",").",[351,451,452,457,461,465],{},[372,453,454],{},[21,455,456],{},"expose",[372,458,459],{},[21,460,421],{},[372,462,463],{},[21,464,426],{},[372,466,467,468,472],{},"Register a ",[33,469,471],{"href":470},"\u002Fdocs\u002Fwebmcp","WebMCP tool"," that selects an item.",[351,474,475,480,484,486],{},[372,476,477],{},[21,478,479],{},"tool-name",[372,481,482],{},[21,483,381],{},[372,485,384],{},[372,487,488],{},"Override the generated tool name.",[351,490,491,496,500,502],{},[372,492,493],{},[21,494,495],{},"tool-description",[372,497,498],{},[21,499,381],{},[372,501,384],{},[372,503,504],{},"Override the generated tool description.",[24,506,507,508,510,511,239],{},"Selecting fires ",[21,509,57],{}," with ",[21,512,513],{},"detail: { value, label }",[203,515,517],{"id":516},"tool-shape","Tool shape",[24,519,520],{},"The tool takes one argument — the item to pick, constrained to the enabled values:",[63,522,526],{"className":523,"code":524,"language":525,"meta":68,"style":68},"language-json shiki shiki-themes github-light-default ayu-dark","{\n  \"type\": \"object\",\n  \"properties\": {\n    \"item\": { \"type\": \"string\", \"enum\": [\"duplicate\", \"archive\", \"delete\"] }\n  },\n  \"required\": [\"item\"]\n}\n","json",[21,527,528,533,545,555,598,605,621],{"__ignoreMap":68},[72,529,530],{"class":74,"line":75},[72,531,532],{"class":131},"{\n",[72,534,535,538,540,543],{"class":74,"line":111},[72,536,537],{"class":82},"  \"type\"",[72,539,271],{"class":89},[72,541,542],{"class":93}," \"object\"",[72,544,290],{"class":89},[72,546,547,550,552],{"class":74,"line":142},[72,548,549],{"class":82},"  \"properties\"",[72,551,271],{"class":89},[72,553,554],{"class":131}," {\n",[72,556,557,560,562,565,568,570,573,575,578,580,583,585,587,590,592,595],{"class":74,"line":167},[72,558,559],{"class":82},"    \"item\"",[72,561,271],{"class":89},[72,563,564],{"class":131}," { ",[72,566,567],{"class":82},"\"type\"",[72,569,271],{"class":89},[72,571,572],{"class":93}," \"string\"",[72,574,277],{"class":89},[72,576,577],{"class":82}," \"enum\"",[72,579,271],{"class":89},[72,581,582],{"class":131}," [",[72,584,125],{"class":93},[72,586,277],{"class":89},[72,588,589],{"class":93}," \"archive\"",[72,591,277],{"class":89},[72,593,594],{"class":93}," \"delete\"",[72,596,597],{"class":131},"] }\n",[72,599,600,603],{"class":74,"line":192},[72,601,602],{"class":131},"  }",[72,604,290],{"class":89},[72,606,608,611,613,615,618],{"class":74,"line":607},6,[72,609,610],{"class":82},"  \"required\"",[72,612,271],{"class":89},[72,614,582],{"class":131},[72,616,617],{"class":93},"\"item\"",[72,619,620],{"class":131},"]\n",[72,622,624],{"class":74,"line":623},7,[72,625,626],{"class":131},"}\n",[24,628,629,630,632,633,635],{},"The ",[21,631,50],{}," tracks the live item set: change ",[21,634,205],{}," and the tool re-registers with the new values. Selecting an unknown or disabled item returns an error result.",[203,637,639],{"id":638},"theming","Theming",[24,641,642,643,646],{},"Trigger and popup are themed through ",[21,644,645],{},"--menu-*"," custom properties, defaulting to the shadcn palette:",[63,648,652],{"className":649,"code":650,"language":651,"meta":68,"style":68},"language-css shiki shiki-themes github-light-default ayu-dark",":root {\n  --menu-bg: var(--popover);\n  --menu-item-bg-hover: var(--accent);\n  --menu-radius: 0.75rem;\n}\n","css",[21,653,654,662,683,701,717],{"__ignoreMap":68},[72,655,656,660],{"class":74,"line":75},[72,657,659],{"class":658},"sybcr",":root",[72,661,554],{"class":131},[72,663,664,668,670,674,676,679,681],{"class":74,"line":111},[72,665,667],{"class":666},"sCHdd","  --menu-bg",[72,669,271],{"class":89},[72,671,673],{"class":672},"sAJRi"," var",[72,675,246],{"class":131},[72,677,678],{"class":666},"--popover",[72,680,252],{"class":131},[72,682,331],{"class":89},[72,684,685,688,690,692,694,697,699],{"class":74,"line":142},[72,686,687],{"class":666},"  --menu-item-bg-hover",[72,689,271],{"class":89},[72,691,673],{"class":672},[72,693,246],{"class":131},[72,695,696],{"class":666},"--accent",[72,698,252],{"class":131},[72,700,331],{"class":89},[72,702,703,706,708,711,715],{"class":74,"line":167},[72,704,705],{"class":666},"  --menu-radius",[72,707,271],{"class":89},[72,709,710],{"class":318}," 0.75",[72,712,714],{"class":713},"s7jPt","rem",[72,716,331],{"class":89},[72,718,719],{"class":74,"line":192},[72,720,626],{"class":131},[722,723,724],"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 .s0eYM, html code.shiki .s0eYM{--shiki-default:#1F2328;--shiki-dark:#F29668}html pre.shiki code .s2DMw, html code.shiki .s2DMw{--shiki-default:#8250DF;--shiki-dark:#FFB454}html pre.shiki code .snFdW, html code.shiki .snFdW{--shiki-default:#CF222E;--shiki-dark:#F29668}html pre.shiki code .sQY3k, html code.shiki .sQY3k{--shiki-default:#0550AE;--shiki-dark:#D2A6FF}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 .s7jPt, html code.shiki .s7jPt{--shiki-default:#CF222E;--shiki-dark:#FF8F40}",{"title":68,"searchDepth":111,"depth":111,"links":726},[727,728,729,730],{"id":205,"depth":111,"text":206},{"id":342,"depth":111,"text":343},{"id":516,"depth":111,"text":517},{"id":638,"depth":111,"text":639},"A menu button whose exposed action is parameterized — the agent picks which item.","md","Interaction",{},"Menu",true,"\u002Fdocs\u002Felements\u002Fmenu",{"title":12,"description":731},"docs\u002Felements\u002Fmenu","aHaLgjZCCiwMuXSH5AzO9_UPxi5bnt7rwSnEeRrc1mo",[742,745,750,753,757,758,762,766,768,772,776,780,784,787,790,793,796],{"path":35,"title":743,"navTitle":744,"group":733,"order":75,"groupOrder":142},"\u003Cwmcp-button>","Button",{"path":746,"title":747,"navTitle":748,"group":749,"order":167,"groupOrder":111},"\u002Fdocs\u002Felements\u002Fcheckbox","\u003Cwmcp-checkbox>","Checkbox","Elements",{"path":40,"title":751,"navTitle":752,"group":733,"order":111,"groupOrder":142},"\u003Cwmcp-dialog>","Dialog",{"path":754,"title":755,"navTitle":756,"group":749,"order":75,"groupOrder":111},"\u002Fdocs\u002Felements\u002Finput","\u003Cwmcp-input>","Input",{"path":737,"title":12,"navTitle":735,"group":733,"order":142,"groupOrder":142},{"path":759,"title":760,"navTitle":761,"group":733,"order":192,"groupOrder":142},"\u002Fdocs\u002Felements\u002Fpopover","\u003Cwmcp-popover>","Popover",{"path":763,"title":764,"navTitle":765,"group":749,"order":192,"groupOrder":111},"\u002Fdocs\u002Felements\u002Fradio","\u003Cwmcp-radio-group>","Radio group",{"path":216,"title":219,"navTitle":767,"group":749,"order":142,"groupOrder":111},"Select",{"path":769,"title":770,"navTitle":771,"group":733,"order":167,"groupOrder":142},"\u002Fdocs\u002Felements\u002Ftabs","\u003Cwmcp-tabs>","Tabs",{"path":773,"title":774,"navTitle":775,"group":749,"order":111,"groupOrder":111},"\u002Fdocs\u002Felements\u002Ftextarea","\u003Cwmcp-textarea>","Textarea",{"path":777,"title":778,"navTitle":779,"group":733,"order":607,"groupOrder":142},"\u002Fdocs\u002Felements\u002Ftoast","\u003Cwmcp-toast>","Toast",{"path":781,"title":782,"navTitle":782,"group":783,"order":607,"groupOrder":75},"\u002Fdocs\u002Fframeworks","React & Vue","Getting started",{"path":785,"title":786,"navTitle":786,"group":783,"order":75,"groupOrder":75},"\u002Fdocs","Introduction",{"path":788,"title":789,"navTitle":789,"group":783,"order":111,"groupOrder":75},"\u002Fdocs\u002Finstallation","Installation",{"path":791,"title":792,"navTitle":792,"group":783,"order":192,"groupOrder":75},"\u002Fdocs\u002Ftesting","Testing",{"path":794,"title":795,"navTitle":795,"group":783,"order":142,"groupOrder":75},"\u002Fdocs\u002Fvalidation","Validation",{"path":470,"title":797,"navTitle":797,"group":783,"order":167,"groupOrder":75},"WebMCP exposure",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":799},"\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":801},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m12 19l-7-7l7-7m7 7H5\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":803},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5h.01M3 12h.01M3 19h.01M8 5h13M8 12h13M8 19h13\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":805},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 7h10v10M7 17L17 7\"\u002F>",1782971919411]