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