[{"data":1,"prerenderedAt":517},["ShallowReactive",2],{"i-simple-icons:github":3,"i-lucide:arrow-right":8,"doc-\u002Fdocs\u002Felements\u002Fradio":10,"docs-sidebar":452,"i-lucide:file-text":513,"i-lucide:arrow-left":515},{"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":442,"extension":443,"group":444,"groupOrder":91,"meta":445,"navTitle":446,"navigation":447,"order":172,"path":448,"seo":449,"stem":450,"__hash__":451},"docs\u002Fdocs\u002Felements\u002Fradio.md","\u003Cwmcp-radio-group>",{"type":14,"value":15,"toc":437},"minimark",[16,23,40,45,179,183,323,327,338,433],[17,18,20],"h1",{"id":19},"wmcp-radio-group",[21,22,12],"code",{},[24,25,26,27,29,30,33,34,39],"p",{},"A single-choice group. The group is the form-associated control (",[21,28,12],{},"); each option is a ",[21,31,32],{},"\u003Cwmcp-radio>",". Roving tabindex and arrow-key navigation work out of the box. Shares the ",[35,36,38],"a",{"href":37},"\u002Fdocs\u002Felements\u002Finput#common-attributes","common attributes",".",[41,42,44],"h2",{"id":43},"declarative-options","Declarative options",[46,47,52],"pre",{"className":48,"code":49,"language":50,"meta":51,"style":51},"language-html shiki shiki-themes github-light-default ayu-dark","\u003Cwmcp-radio-group label=\"Plan\" name=\"plan\">\n  \u003Cwmcp-radio value=\"free\">Free\u003C\u002Fwmcp-radio>\n  \u003Cwmcp-radio value=\"pro\">Pro\u003C\u002Fwmcp-radio>\n  \u003Cwmcp-radio value=\"team\">Team\u003C\u002Fwmcp-radio>\n\u003C\u002Fwmcp-radio-group>\n","html","",[21,53,54,89,120,145,170],{"__ignoreMap":51},[55,56,59,63,66,70,74,78,81,83,86],"span",{"class":57,"line":58},"line",1,[55,60,62],{"class":61},"sqV5G","\u003C",[55,64,19],{"class":65},"sfBZl",[55,67,69],{"class":68},"sI192"," label",[55,71,73],{"class":72},"siQKT","=",[55,75,77],{"class":76},"sxLuP","\"Plan\"",[55,79,80],{"class":68}," name",[55,82,73],{"class":72},[55,84,85],{"class":76},"\"plan\"",[55,87,88],{"class":61},">\n",[55,90,92,95,98,101,103,106,109,113,116,118],{"class":57,"line":91},2,[55,93,94],{"class":61},"  \u003C",[55,96,97],{"class":65},"wmcp-radio",[55,99,100],{"class":68}," value",[55,102,73],{"class":72},[55,104,105],{"class":76},"\"free\"",[55,107,108],{"class":61},">",[55,110,112],{"class":111},"sBz_o","Free",[55,114,115],{"class":61},"\u003C\u002F",[55,117,97],{"class":65},[55,119,88],{"class":61},[55,121,123,125,127,129,131,134,136,139,141,143],{"class":57,"line":122},3,[55,124,94],{"class":61},[55,126,97],{"class":65},[55,128,100],{"class":68},[55,130,73],{"class":72},[55,132,133],{"class":76},"\"pro\"",[55,135,108],{"class":61},[55,137,138],{"class":111},"Pro",[55,140,115],{"class":61},[55,142,97],{"class":65},[55,144,88],{"class":61},[55,146,148,150,152,154,156,159,161,164,166,168],{"class":57,"line":147},4,[55,149,94],{"class":61},[55,151,97],{"class":65},[55,153,100],{"class":68},[55,155,73],{"class":72},[55,157,158],{"class":76},"\"team\"",[55,160,108],{"class":61},[55,162,163],{"class":111},"Team",[55,165,115],{"class":61},[55,167,97],{"class":65},[55,169,88],{"class":61},[55,171,173,175,177],{"class":57,"line":172},5,[55,174,115],{"class":61},[55,176,19],{"class":65},[55,178,88],{"class":61},[41,180,182],{"id":181},"programmatic-options","Programmatic options",[46,184,188],{"className":185,"code":186,"language":187,"meta":51,"style":51},"language-ts shiki shiki-themes github-light-default ayu-dark","const group = document.querySelector('wmcp-radio-group')!;\ngroup.options = [\n  { value: 'free', label: 'Free' },\n  { value: 'pro', label: 'Pro' },\n  { value: 'team', label: 'Team' },\n];\n","ts",[21,189,190,229,244,271,293,315],{"__ignoreMap":51},[55,191,192,196,200,204,207,210,214,217,220,223,226],{"class":57,"line":58},[55,193,195],{"class":194},"s7jPt","const",[55,197,199],{"class":198},"sgp7R"," group",[55,201,203],{"class":202},"snFdW"," =",[55,205,206],{"class":111}," document",[55,208,39],{"class":209},"s0eYM",[55,211,213],{"class":212},"s2DMw","querySelector",[55,215,216],{"class":111},"(",[55,218,219],{"class":76},"'wmcp-radio-group'",[55,221,222],{"class":111},")",[55,224,225],{"class":202},"!",[55,227,228],{"class":72},";\n",[55,230,231,234,236,239,241],{"class":57,"line":91},[55,232,233],{"class":111},"group",[55,235,39],{"class":209},[55,237,238],{"class":111},"options ",[55,240,73],{"class":202},[55,242,243],{"class":111}," [\n",[55,245,246,249,252,255,258,260,262,265,268],{"class":57,"line":122},[55,247,248],{"class":111},"  { value",[55,250,251],{"class":72},":",[55,253,254],{"class":76}," 'free'",[55,256,257],{"class":72},",",[55,259,69],{"class":111},[55,261,251],{"class":72},[55,263,264],{"class":76}," 'Free'",[55,266,267],{"class":111}," }",[55,269,270],{"class":72},",\n",[55,272,273,275,277,280,282,284,286,289,291],{"class":57,"line":147},[55,274,248],{"class":111},[55,276,251],{"class":72},[55,278,279],{"class":76}," 'pro'",[55,281,257],{"class":72},[55,283,69],{"class":111},[55,285,251],{"class":72},[55,287,288],{"class":76}," 'Pro'",[55,290,267],{"class":111},[55,292,270],{"class":72},[55,294,295,297,299,302,304,306,308,311,313],{"class":57,"line":172},[55,296,248],{"class":111},[55,298,251],{"class":72},[55,300,301],{"class":76}," 'team'",[55,303,257],{"class":72},[55,305,69],{"class":111},[55,307,251],{"class":72},[55,309,310],{"class":76}," 'Team'",[55,312,267],{"class":111},[55,314,270],{"class":72},[55,316,318,321],{"class":57,"line":317},6,[55,319,320],{"class":111},"]",[55,322,228],{"class":72},[41,324,326],{"id":325},"enum-typed-tool","Enum-typed tool",[24,328,329,330,333,334,337],{},"Like ",[21,331,332],{},"\u003Cwmcp-select>",", an exposed radio group generates an ",[21,335,336],{},"enum","-typed schema so the agent knows the exact allowed values:",[46,339,343],{"className":340,"code":341,"language":342,"meta":51,"style":51},"language-json shiki shiki-themes github-light-default ayu-dark","{\n  \"type\": \"object\",\n  \"properties\": { \"value\": { \"type\": \"string\", \"enum\": [\"free\", \"pro\", \"team\"] } },\n  \"required\": [\"value\"]\n}\n","json",[21,344,345,350,362,414,428],{"__ignoreMap":51},[55,346,347],{"class":57,"line":58},[55,348,349],{"class":111},"{\n",[55,351,352,355,357,360],{"class":57,"line":91},[55,353,354],{"class":65},"  \"type\"",[55,356,251],{"class":72},[55,358,359],{"class":76}," \"object\"",[55,361,270],{"class":72},[55,363,364,367,369,372,375,377,379,382,384,387,389,392,394,397,399,401,404,406,409,412],{"class":57,"line":122},[55,365,366],{"class":65},"  \"properties\"",[55,368,251],{"class":72},[55,370,371],{"class":111}," { ",[55,373,374],{"class":65},"\"value\"",[55,376,251],{"class":72},[55,378,371],{"class":111},[55,380,381],{"class":65},"\"type\"",[55,383,251],{"class":72},[55,385,386],{"class":76}," \"string\"",[55,388,257],{"class":72},[55,390,391],{"class":65}," \"enum\"",[55,393,251],{"class":72},[55,395,396],{"class":111}," [",[55,398,105],{"class":76},[55,400,257],{"class":72},[55,402,403],{"class":76}," \"pro\"",[55,405,257],{"class":72},[55,407,408],{"class":76}," \"team\"",[55,410,411],{"class":111},"] } }",[55,413,270],{"class":72},[55,415,416,419,421,423,425],{"class":57,"line":147},[55,417,418],{"class":65},"  \"required\"",[55,420,251],{"class":72},[55,422,396],{"class":111},[55,424,374],{"class":76},[55,426,427],{"class":111},"]\n",[55,429,430],{"class":57,"line":172},[55,431,432],{"class":111},"}\n",[434,435,436],"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 .s7jPt, html code.shiki .s7jPt{--shiki-default:#CF222E;--shiki-dark:#FF8F40}html pre.shiki code .sgp7R, html code.shiki .sgp7R{--shiki-default:#0550AE;--shiki-dark:#BFBDB6}html pre.shiki code .snFdW, html code.shiki .snFdW{--shiki-default:#CF222E;--shiki-dark:#F29668}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}",{"title":51,"searchDepth":91,"depth":91,"links":438},[439,440,441],{"id":43,"depth":91,"text":44},{"id":181,"depth":91,"text":182},{"id":325,"depth":91,"text":326},"An accessible radio group with roving focus and an enum-typed WebMCP tool.","md","Elements",{},"Radio group",true,"\u002Fdocs\u002Felements\u002Fradio",{"title":12,"description":442},"docs\u002Felements\u002Fradio","e6xKHm4tJ932-4QFqkWZ44GuD485uNAAOdNd3jLN_Qc",[453,458,462,466,470,474,478,479,482,486,490,494,498,501,504,507,510],{"path":454,"title":455,"navTitle":456,"group":457,"order":58,"groupOrder":122},"\u002Fdocs\u002Felements\u002Fbutton","\u003Cwmcp-button>","Button","Interaction",{"path":459,"title":460,"navTitle":461,"group":444,"order":147,"groupOrder":91},"\u002Fdocs\u002Felements\u002Fcheckbox","\u003Cwmcp-checkbox>","Checkbox",{"path":463,"title":464,"navTitle":465,"group":457,"order":91,"groupOrder":122},"\u002Fdocs\u002Felements\u002Fdialog","\u003Cwmcp-dialog>","Dialog",{"path":467,"title":468,"navTitle":469,"group":444,"order":58,"groupOrder":91},"\u002Fdocs\u002Felements\u002Finput","\u003Cwmcp-input>","Input",{"path":471,"title":472,"navTitle":473,"group":457,"order":122,"groupOrder":122},"\u002Fdocs\u002Felements\u002Fmenu","\u003Cwmcp-menu>","Menu",{"path":475,"title":476,"navTitle":477,"group":457,"order":172,"groupOrder":122},"\u002Fdocs\u002Felements\u002Fpopover","\u003Cwmcp-popover>","Popover",{"path":448,"title":12,"navTitle":446,"group":444,"order":172,"groupOrder":91},{"path":480,"title":332,"navTitle":481,"group":444,"order":122,"groupOrder":91},"\u002Fdocs\u002Felements\u002Fselect","Select",{"path":483,"title":484,"navTitle":485,"group":457,"order":147,"groupOrder":122},"\u002Fdocs\u002Felements\u002Ftabs","\u003Cwmcp-tabs>","Tabs",{"path":487,"title":488,"navTitle":489,"group":444,"order":91,"groupOrder":91},"\u002Fdocs\u002Felements\u002Ftextarea","\u003Cwmcp-textarea>","Textarea",{"path":491,"title":492,"navTitle":493,"group":457,"order":317,"groupOrder":122},"\u002Fdocs\u002Felements\u002Ftoast","\u003Cwmcp-toast>","Toast",{"path":495,"title":496,"navTitle":496,"group":497,"order":317,"groupOrder":58},"\u002Fdocs\u002Fframeworks","React & Vue","Getting started",{"path":499,"title":500,"navTitle":500,"group":497,"order":58,"groupOrder":58},"\u002Fdocs","Introduction",{"path":502,"title":503,"navTitle":503,"group":497,"order":91,"groupOrder":58},"\u002Fdocs\u002Finstallation","Installation",{"path":505,"title":506,"navTitle":506,"group":497,"order":172,"groupOrder":58},"\u002Fdocs\u002Ftesting","Testing",{"path":508,"title":509,"navTitle":509,"group":497,"order":122,"groupOrder":58},"\u002Fdocs\u002Fvalidation","Validation",{"path":511,"title":512,"navTitle":512,"group":497,"order":147,"groupOrder":58},"\u002Fdocs\u002Fwebmcp","WebMCP exposure",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":514},"\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":516},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m12 19l-7-7l7-7m7 7H5\"\u002F>",1782971919798]