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