[{"data":1,"prerenderedAt":489},["ShallowReactive",2],{"i-simple-icons:github":3,"i-lucide:arrow-right":8,"doc-\u002Fdocs\u002Felements\u002Finput":10,"docs-sidebar":447,"doc-surround-\u002Fdocs\u002Felements\u002Finput":482,"i-lucide:arrow-left":487},{"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":437,"extension":438,"group":439,"groupOrder":392,"meta":440,"navTitle":441,"navigation":442,"order":44,"path":443,"seo":444,"stem":445,"__hash__":446},"docs\u002Fdocs\u002Felements\u002Finput.md","\u003Cwmcp-input>",{"type":14,"value":15,"toc":433},"minimark",[16,23,31,94,99,159,163,170,349,365,429],[17,18,20],"h1",{"id":19},"wmcp-input",[21,22,12],"code",{},[24,25,26,27,30],"p",{},"A single-line text input. The reference implementation of ",[21,28,29],{},"WmcpFormControl",".",[32,33,38],"pre",{"className":34,"code":35,"language":36,"meta":37,"style":37},"language-html shiki shiki-themes github-light github-dark","\u003Cwmcp-input label=\"Email\" name=\"email\" type=\"email\" helper-text=\"We'll never share it.\">\u003C\u002Fwmcp-input>\n","html","",[21,39,40],{"__ignoreMap":37},[41,42,45,49,52,56,59,63,66,68,71,74,76,78,81,83,86,89,91],"span",{"class":43,"line":44},"line",1,[41,46,48],{"class":47},"sVt8B","\u003C",[41,50,19],{"class":51},"s9eBZ",[41,53,55],{"class":54},"sScJk"," label",[41,57,58],{"class":47},"=",[41,60,62],{"class":61},"sZZnC","\"Email\"",[41,64,65],{"class":54}," name",[41,67,58],{"class":47},[41,69,70],{"class":61},"\"email\"",[41,72,73],{"class":54}," type",[41,75,58],{"class":47},[41,77,70],{"class":61},[41,79,80],{"class":54}," helper-text",[41,82,58],{"class":47},[41,84,85],{"class":61},"\"We'll never share it.\"",[41,87,88],{"class":47},">\u003C\u002F",[41,90,19],{"class":51},[41,92,93],{"class":47},">\n",[95,96,98],"h2",{"id":97},"element-attributes","Element attributes",[100,101,102,118],"table",{},[103,104,105],"thead",{},[106,107,108,112,115],"tr",{},[109,110,111],"th",{},"Attribute",[109,113,114],{},"Type",[109,116,117],{},"Description",[119,120,121],"tbody",{},[106,122,123,129,134],{},[124,125,126],"td",{},[21,127,128],{},"type",[124,130,131],{},[21,132,133],{},"string",[124,135,136,137,140,141,140,144,140,147,140,150,140,153,140,156,30],{},"Native input type: ",[21,138,139],{},"text",", ",[21,142,143],{},"email",[21,145,146],{},"url",[21,148,149],{},"tel",[21,151,152],{},"password",[21,154,155],{},"number",[21,157,158],{},"search",[95,160,162],{"id":161},"common-attributes","Common attributes",[24,164,165,166,169],{},"These are shared by every ",[21,167,168],{},"\u003Cwmcp-*>"," form control:",[100,171,172,182],{},[103,173,174],{},[106,175,176,178,180],{},[109,177,111],{},[109,179,114],{},[109,181,117],{},[119,183,184,198,216,230,244,259,273,287,301,321,335],{},[106,185,186,191,195],{},[124,187,188],{},[21,189,190],{},"label",[124,192,193],{},[21,194,133],{},[124,196,197],{},"Visible label, associated with the control.",[106,199,200,205,209],{},[124,201,202],{},[21,203,204],{},"name",[124,206,207],{},[21,208,133],{},[124,210,211,212,215],{},"Form field name; also the default tool name (",[21,213,214],{},"fill_\u003Cname>",").",[106,217,218,223,227],{},[124,219,220],{},[21,221,222],{},"value",[124,224,225],{},[21,226,133],{},[124,228,229],{},"Current value.",[106,231,232,237,241],{},[124,233,234],{},[21,235,236],{},"placeholder",[124,238,239],{},[21,240,133],{},[124,242,243],{},"Placeholder text.",[106,245,246,251,256],{},[124,247,248],{},[21,249,250],{},"required",[124,252,253],{},[21,254,255],{},"boolean",[124,257,258],{},"Real constraint — empty fails validation.",[106,260,261,266,270],{},[124,262,263],{},[21,264,265],{},"disabled",[124,267,268],{},[21,269,255],{},[124,271,272],{},"Disables the control.",[106,274,275,280,284],{},[124,276,277],{},[21,278,279],{},"helper-text",[124,281,282],{},[21,283,133],{},[124,285,286],{},"Helper text below the control.",[106,288,289,294,298],{},[124,290,291],{},[21,292,293],{},"required-message",[124,295,296],{},[21,297,133],{},[124,299,300],{},"Custom message when a required field is empty.",[106,302,303,308,312],{},[124,304,305],{},[21,306,307],{},"expose",[124,309,310],{},[21,311,255],{},[124,313,314,315,320],{},"Register a ",[316,317,319],"a",{"href":318},"\u002Fdocs\u002Fwebmcp","WebMCP tool"," for this control.",[106,322,323,328,332],{},[124,324,325],{},[21,326,327],{},"tool-name",[124,329,330],{},[21,331,133],{},[124,333,334],{},"Override the generated tool name.",[106,336,337,342,346],{},[124,338,339],{},[21,340,341],{},"tool-description",[124,343,344],{},[21,345,133],{},[124,347,348],{},"Override the generated tool description.",[24,350,351,354,355,359,360,364],{},[21,352,353],{},"schema"," (a ",[316,356,358],{"href":357},"\u002Fdocs\u002Fvalidation","Standard Schema"," validator) is set as a ",[361,362,363],"strong",{},"property",", not an attribute:",[32,366,370],{"className":367,"code":368,"language":369,"meta":37,"style":37},"language-ts shiki shiki-themes github-light github-dark","import { z } from 'zod';\ndocument.querySelector('wmcp-input')!.schema = z.string().email();\n","ts",[21,371,372,390],{"__ignoreMap":37},[41,373,374,378,381,384,387],{"class":43,"line":44},[41,375,377],{"class":376},"szBVR","import",[41,379,380],{"class":47}," { z } ",[41,382,383],{"class":376},"from",[41,385,386],{"class":61}," 'zod'",[41,388,389],{"class":47},";\n",[41,391,393,396,399,402,405,408,411,414,416,419,421,424,426],{"class":43,"line":392},2,[41,394,395],{"class":47},"document.",[41,397,398],{"class":54},"querySelector",[41,400,401],{"class":47},"(",[41,403,404],{"class":61},"'wmcp-input'",[41,406,407],{"class":47},")",[41,409,410],{"class":376},"!",[41,412,413],{"class":47},".schema ",[41,415,58],{"class":376},[41,417,418],{"class":47}," z.",[41,420,133],{"class":54},[41,422,423],{"class":47},"().",[41,425,143],{"class":54},[41,427,428],{"class":47},"();\n",[430,431,432],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}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 .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}",{"title":37,"searchDepth":392,"depth":392,"links":434},[435,436],{"id":97,"depth":392,"text":98},{"id":161,"depth":392,"text":162},"A text input — the canonical form control, with type variants, validation, and WebMCP exposure.","md","Elements",{},"Input",true,"\u002Fdocs\u002Felements\u002Finput",{"title":12,"description":437},"docs\u002Felements\u002Finput","05lxDLByGlqu18U3mB_sDqpHphDlU4tRKTYtCSDL-aE",[448,453,454,459,464,468,472,475,478,480],{"path":449,"title":450,"navTitle":451,"group":439,"order":452,"groupOrder":392},"\u002Fdocs\u002Felements\u002Fcheckbox","\u003Cwmcp-checkbox>","Checkbox",4,{"path":443,"title":12,"navTitle":441,"group":439,"order":44,"groupOrder":392},{"path":455,"title":456,"navTitle":457,"group":439,"order":458,"groupOrder":392},"\u002Fdocs\u002Felements\u002Fradio","\u003Cwmcp-radio-group>","Radio group",5,{"path":460,"title":461,"navTitle":462,"group":439,"order":463,"groupOrder":392},"\u002Fdocs\u002Felements\u002Fselect","\u003Cwmcp-select>","Select",3,{"path":465,"title":466,"navTitle":467,"group":439,"order":392,"groupOrder":392},"\u002Fdocs\u002Felements\u002Ftextarea","\u003Cwmcp-textarea>","Textarea",{"path":469,"title":470,"navTitle":470,"group":471,"order":44,"groupOrder":44},"\u002Fdocs","Introduction","Getting started",{"path":473,"title":474,"navTitle":474,"group":471,"order":392,"groupOrder":44},"\u002Fdocs\u002Finstallation","Installation",{"path":476,"title":477,"navTitle":477,"group":471,"order":458,"groupOrder":44},"\u002Fdocs\u002Ftesting","Testing",{"path":357,"title":479,"navTitle":479,"group":471,"order":463,"groupOrder":44},"Validation",{"path":318,"title":481,"navTitle":481,"group":471,"order":452,"groupOrder":44},"WebMCP exposure",[483,485],{"title":450,"path":449,"stem":484,"navTitle":451,"children":-1},"docs\u002Felements\u002Fcheckbox",{"title":456,"path":455,"stem":486,"navTitle":457,"children":-1},"docs\u002Felements\u002Fradio",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":488},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m12 19l-7-7l7-7m7 7H5\"\u002F>",1781416228942]