[{"data":1,"prerenderedAt":10085},["ShallowReactive",2],{"reference":3,"content-query-dbmUB9BZcO":4,"sidebar-roots":10036,"$dNTcUNV7nV":10048},null,{"_path":5,"_dir":6,"_draft":7,"_partial":8,"_locale":9,"title":10,"description":9,"body":11,"_type":10030,"_id":10031,"_source":10032,"_file":10033,"_stem":10034,"_extension":118,"layout":10035},"\u002F_components\u002Finput","_components",false,true,"","Input",{"type":12,"children":13,"toc":10014},"root",[14,22,10008],{"type":15,"tag":16,"props":17,"children":19},"element","h1",{"id":18},"input",[20],{"type":21,"value":10},"text",{"type":15,"tag":23,"props":24,"children":26},"tabs",{":titles":25},"[\"Usage\", \"API\", \"Source Code\"]",[27,6731,7223],{"type":15,"tag":28,"props":29,"children":30},"template",{"v-slot:tab-1":9},[31,52,73,80,87,128,712,718,742,764,769,1369,1375,1385,2040,2046,2056,2724,2730,2743,3455,3461,3473,6529,6535,6572,6604,6654,6660,6694,6720,6726],{"type":15,"tag":32,"props":33,"children":34},"p",{},[35,42,44,50],{"type":15,"tag":36,"props":37,"children":39},"code",{"className":38},[],[40],{"type":21,"value":41},"SfInput",{"type":21,"value":43}," is a single-line text field allows users to enter any combination of letters, numbers, or symbols. It adds default styles to the native ",{"type":15,"tag":36,"props":45,"children":47},{"className":46},[],[48],{"type":21,"value":49},"\u003Cinput type=\"text\">",{"type":21,"value":51}," and supports supports adding content before\u002Fafter the text input.",{"type":15,"tag":53,"props":54,"children":55},"info",{},[56,59],{"type":15,"tag":28,"props":57,"children":58},{"v-slot:title":9},[],{"type":15,"tag":32,"props":60,"children":61},{},[62,64,71],{"type":21,"value":63},"If you need to make this field required, it is crucial to communicate this intention clearly to your end users. You can find more information about ",{"type":15,"tag":65,"props":66,"children":68},"a",{"href":67},"..\u002Fblocks\u002FFormFields",[69],{"type":21,"value":70},"required form fields in our guide here",{"type":21,"value":72},".",{"type":15,"tag":74,"props":75,"children":77},"h2",{"id":76},"examples",[78],{"type":21,"value":79},"Examples",{"type":15,"tag":81,"props":82,"children":84},"h3",{"id":83},"basic-input-component",[85],{"type":21,"value":86},"Basic input component",{"type":15,"tag":32,"props":88,"children":89},{},[90,95,97,103,105,111,113,119,121,127],{"type":15,"tag":36,"props":91,"children":93},{"className":92},[],[94],{"type":21,"value":41},{"type":21,"value":96}," supports 3 sizes that can be set with the ",{"type":15,"tag":36,"props":98,"children":100},{"className":99},[],[101],{"type":21,"value":102},"size",{"type":21,"value":104}," prop: ",{"type":15,"tag":36,"props":106,"children":108},{"className":107},[],[109],{"type":21,"value":110},"'sm'",{"type":21,"value":112},", ",{"type":15,"tag":36,"props":114,"children":116},{"className":115},[],[117],{"type":21,"value":118},"md",{"type":21,"value":120},", and ",{"type":15,"tag":36,"props":122,"children":124},{"className":123},[],[125],{"type":21,"value":126},"'lg'",{"type":21,"value":72},{"type":15,"tag":129,"props":130,"children":133},"showcase",{"showcase-name":131,"style":132},"Input\u002FInputWithoutLabel","min-height:400px;",[134,447],{"type":15,"tag":135,"props":136,"children":137},"vue-only",{},[138],{"type":15,"tag":139,"props":140,"children":144},"pre",{"className":141,"code":142,"language":143,"meta":9,"style":9},"language-vue shiki shiki-themes one-dark-pro","\u003Ctemplate>\n  \u003Cdiv class=\"flex flex-col gap-y-5\">\n    \u003CSfInput size=\"sm\" aria-label=\"Label size sm\" \u002F>\n    \u003CSfInput aria-label=\"Label size base\" \u002F>\n    \u003CSfInput size=\"lg\" aria-label=\"Label size lg\" \u002F>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\u003Cscript lang=\"ts\" setup>\nimport { SfInput } from '@storefront-ui\u002Fvue';\n\u003C\u002Fscript>\n\n","vue",[145],{"type":15,"tag":36,"props":146,"children":147},{"__ignoreMap":9},[148,170,205,251,280,322,339,356,392,431],{"type":15,"tag":149,"props":150,"children":153},"span",{"class":151,"line":152},"line",1,[154,160,165],{"type":15,"tag":149,"props":155,"children":157},{"style":156},"--shiki-default:#ABB2BF",[158],{"type":21,"value":159},"\u003C",{"type":15,"tag":149,"props":161,"children":163},{"style":162},"--shiki-default:#E06C75",[164],{"type":21,"value":28},{"type":15,"tag":149,"props":166,"children":167},{"style":156},[168],{"type":21,"value":169},">\n",{"type":15,"tag":149,"props":171,"children":173},{"class":151,"line":172},2,[174,179,184,190,195,201],{"type":15,"tag":149,"props":175,"children":176},{"style":156},[177],{"type":21,"value":178},"  \u003C",{"type":15,"tag":149,"props":180,"children":181},{"style":162},[182],{"type":21,"value":183},"div",{"type":15,"tag":149,"props":185,"children":187},{"style":186},"--shiki-default:#D19A66",[188],{"type":21,"value":189}," class",{"type":15,"tag":149,"props":191,"children":192},{"style":156},[193],{"type":21,"value":194},"=",{"type":15,"tag":149,"props":196,"children":198},{"style":197},"--shiki-default:#98C379",[199],{"type":21,"value":200},"\"flex flex-col gap-y-5\"",{"type":15,"tag":149,"props":202,"children":203},{"style":156},[204],{"type":21,"value":169},{"type":15,"tag":149,"props":206,"children":208},{"class":151,"line":207},3,[209,214,218,223,227,232,237,241,246],{"type":15,"tag":149,"props":210,"children":211},{"style":156},[212],{"type":21,"value":213},"    \u003C",{"type":15,"tag":149,"props":215,"children":216},{"style":162},[217],{"type":21,"value":41},{"type":15,"tag":149,"props":219,"children":220},{"style":186},[221],{"type":21,"value":222}," size",{"type":15,"tag":149,"props":224,"children":225},{"style":156},[226],{"type":21,"value":194},{"type":15,"tag":149,"props":228,"children":229},{"style":197},[230],{"type":21,"value":231},"\"sm\"",{"type":15,"tag":149,"props":233,"children":234},{"style":186},[235],{"type":21,"value":236}," aria-label",{"type":15,"tag":149,"props":238,"children":239},{"style":156},[240],{"type":21,"value":194},{"type":15,"tag":149,"props":242,"children":243},{"style":197},[244],{"type":21,"value":245},"\"Label size sm\"",{"type":15,"tag":149,"props":247,"children":248},{"style":156},[249],{"type":21,"value":250}," \u002F>\n",{"type":15,"tag":149,"props":252,"children":254},{"class":151,"line":253},4,[255,259,263,267,271,276],{"type":15,"tag":149,"props":256,"children":257},{"style":156},[258],{"type":21,"value":213},{"type":15,"tag":149,"props":260,"children":261},{"style":162},[262],{"type":21,"value":41},{"type":15,"tag":149,"props":264,"children":265},{"style":186},[266],{"type":21,"value":236},{"type":15,"tag":149,"props":268,"children":269},{"style":156},[270],{"type":21,"value":194},{"type":15,"tag":149,"props":272,"children":273},{"style":197},[274],{"type":21,"value":275},"\"Label size base\"",{"type":15,"tag":149,"props":277,"children":278},{"style":156},[279],{"type":21,"value":250},{"type":15,"tag":149,"props":281,"children":283},{"class":151,"line":282},5,[284,288,292,296,300,305,309,313,318],{"type":15,"tag":149,"props":285,"children":286},{"style":156},[287],{"type":21,"value":213},{"type":15,"tag":149,"props":289,"children":290},{"style":162},[291],{"type":21,"value":41},{"type":15,"tag":149,"props":293,"children":294},{"style":186},[295],{"type":21,"value":222},{"type":15,"tag":149,"props":297,"children":298},{"style":156},[299],{"type":21,"value":194},{"type":15,"tag":149,"props":301,"children":302},{"style":197},[303],{"type":21,"value":304},"\"lg\"",{"type":15,"tag":149,"props":306,"children":307},{"style":186},[308],{"type":21,"value":236},{"type":15,"tag":149,"props":310,"children":311},{"style":156},[312],{"type":21,"value":194},{"type":15,"tag":149,"props":314,"children":315},{"style":197},[316],{"type":21,"value":317},"\"Label size lg\"",{"type":15,"tag":149,"props":319,"children":320},{"style":156},[321],{"type":21,"value":250},{"type":15,"tag":149,"props":323,"children":325},{"class":151,"line":324},6,[326,331,335],{"type":15,"tag":149,"props":327,"children":328},{"style":156},[329],{"type":21,"value":330},"  \u003C\u002F",{"type":15,"tag":149,"props":332,"children":333},{"style":162},[334],{"type":21,"value":183},{"type":15,"tag":149,"props":336,"children":337},{"style":156},[338],{"type":21,"value":169},{"type":15,"tag":149,"props":340,"children":342},{"class":151,"line":341},7,[343,348,352],{"type":15,"tag":149,"props":344,"children":345},{"style":156},[346],{"type":21,"value":347},"\u003C\u002F",{"type":15,"tag":149,"props":349,"children":350},{"style":162},[351],{"type":21,"value":28},{"type":15,"tag":149,"props":353,"children":354},{"style":156},[355],{"type":21,"value":169},{"type":15,"tag":149,"props":357,"children":359},{"class":151,"line":358},8,[360,364,369,374,378,383,388],{"type":15,"tag":149,"props":361,"children":362},{"style":156},[363],{"type":21,"value":159},{"type":15,"tag":149,"props":365,"children":366},{"style":162},[367],{"type":21,"value":368},"script",{"type":15,"tag":149,"props":370,"children":371},{"style":186},[372],{"type":21,"value":373}," lang",{"type":15,"tag":149,"props":375,"children":376},{"style":156},[377],{"type":21,"value":194},{"type":15,"tag":149,"props":379,"children":380},{"style":197},[381],{"type":21,"value":382},"\"ts\"",{"type":15,"tag":149,"props":384,"children":385},{"style":186},[386],{"type":21,"value":387}," setup",{"type":15,"tag":149,"props":389,"children":390},{"style":156},[391],{"type":21,"value":169},{"type":15,"tag":149,"props":393,"children":395},{"class":151,"line":394},9,[396,402,407,411,416,421,426],{"type":15,"tag":149,"props":397,"children":399},{"style":398},"--shiki-default:#C678DD",[400],{"type":21,"value":401},"import",{"type":15,"tag":149,"props":403,"children":404},{"style":156},[405],{"type":21,"value":406}," { ",{"type":15,"tag":149,"props":408,"children":409},{"style":162},[410],{"type":21,"value":41},{"type":15,"tag":149,"props":412,"children":413},{"style":156},[414],{"type":21,"value":415}," } ",{"type":15,"tag":149,"props":417,"children":418},{"style":398},[419],{"type":21,"value":420},"from",{"type":15,"tag":149,"props":422,"children":423},{"style":197},[424],{"type":21,"value":425}," '@storefront-ui\u002Fvue'",{"type":15,"tag":149,"props":427,"children":428},{"style":156},[429],{"type":21,"value":430},";\n",{"type":15,"tag":149,"props":432,"children":434},{"class":151,"line":433},10,[435,439,443],{"type":15,"tag":149,"props":436,"children":437},{"style":156},[438],{"type":21,"value":347},{"type":15,"tag":149,"props":440,"children":441},{"style":162},[442],{"type":21,"value":368},{"type":15,"tag":149,"props":444,"children":445},{"style":156},[446],{"type":21,"value":169},{"type":15,"tag":448,"props":449,"children":450},"react-only",{},[451],{"type":15,"tag":139,"props":452,"children":456},{"className":453,"code":454,"language":455,"meta":9,"style":9},"language-tsx shiki shiki-themes one-dark-pro","import { SfInput } from '@storefront-ui\u002Freact';\n\nexport default function InputWithLabel() {\n  return (\n    \u003Cdiv className=\"flex flex-col gap-y-5\">\n      \u003CSfInput size=\"sm\" aria-label=\"Label size sm\" \u002F>\n      \u003CSfInput aria-label=\"Label size base\" \u002F>\n      \u003CSfInput size=\"lg\" aria-label=\"Label size lg\" \u002F>\n    \u003C\u002Fdiv>\n  );\n}\n","tsx",[457],{"type":15,"tag":36,"props":458,"children":459},{"__ignoreMap":9},[460,492,500,529,542,572,613,640,679,695,703],{"type":15,"tag":149,"props":461,"children":462},{"class":151,"line":152},[463,467,471,475,479,483,488],{"type":15,"tag":149,"props":464,"children":465},{"style":398},[466],{"type":21,"value":401},{"type":15,"tag":149,"props":468,"children":469},{"style":156},[470],{"type":21,"value":406},{"type":15,"tag":149,"props":472,"children":473},{"style":162},[474],{"type":21,"value":41},{"type":15,"tag":149,"props":476,"children":477},{"style":156},[478],{"type":21,"value":415},{"type":15,"tag":149,"props":480,"children":481},{"style":398},[482],{"type":21,"value":420},{"type":15,"tag":149,"props":484,"children":485},{"style":197},[486],{"type":21,"value":487}," '@storefront-ui\u002Freact'",{"type":15,"tag":149,"props":489,"children":490},{"style":156},[491],{"type":21,"value":430},{"type":15,"tag":149,"props":493,"children":494},{"class":151,"line":172},[495],{"type":15,"tag":149,"props":496,"children":497},{"emptyLinePlaceholder":8},[498],{"type":21,"value":499},"\n",{"type":15,"tag":149,"props":501,"children":502},{"class":151,"line":207},[503,508,513,518,524],{"type":15,"tag":149,"props":504,"children":505},{"style":398},[506],{"type":21,"value":507},"export",{"type":15,"tag":149,"props":509,"children":510},{"style":398},[511],{"type":21,"value":512}," default",{"type":15,"tag":149,"props":514,"children":515},{"style":398},[516],{"type":21,"value":517}," function",{"type":15,"tag":149,"props":519,"children":521},{"style":520},"--shiki-default:#61AFEF",[522],{"type":21,"value":523}," InputWithLabel",{"type":15,"tag":149,"props":525,"children":526},{"style":156},[527],{"type":21,"value":528},"() {\n",{"type":15,"tag":149,"props":530,"children":531},{"class":151,"line":253},[532,537],{"type":15,"tag":149,"props":533,"children":534},{"style":398},[535],{"type":21,"value":536},"  return",{"type":15,"tag":149,"props":538,"children":539},{"style":156},[540],{"type":21,"value":541}," (\n",{"type":15,"tag":149,"props":543,"children":544},{"class":151,"line":282},[545,549,553,559,564,568],{"type":15,"tag":149,"props":546,"children":547},{"style":156},[548],{"type":21,"value":213},{"type":15,"tag":149,"props":550,"children":551},{"style":162},[552],{"type":21,"value":183},{"type":15,"tag":149,"props":554,"children":556},{"style":555},"--shiki-default:#D19A66;--shiki-default-font-style:italic",[557],{"type":21,"value":558}," className",{"type":15,"tag":149,"props":560,"children":562},{"style":561},"--shiki-default:#56B6C2",[563],{"type":21,"value":194},{"type":15,"tag":149,"props":565,"children":566},{"style":197},[567],{"type":21,"value":200},{"type":15,"tag":149,"props":569,"children":570},{"style":156},[571],{"type":21,"value":169},{"type":15,"tag":149,"props":573,"children":574},{"class":151,"line":324},[575,580,585,589,593,597,601,605,609],{"type":15,"tag":149,"props":576,"children":577},{"style":156},[578],{"type":21,"value":579},"      \u003C",{"type":15,"tag":149,"props":581,"children":583},{"style":582},"--shiki-default:#E5C07B",[584],{"type":21,"value":41},{"type":15,"tag":149,"props":586,"children":587},{"style":555},[588],{"type":21,"value":222},{"type":15,"tag":149,"props":590,"children":591},{"style":561},[592],{"type":21,"value":194},{"type":15,"tag":149,"props":594,"children":595},{"style":197},[596],{"type":21,"value":231},{"type":15,"tag":149,"props":598,"children":599},{"style":555},[600],{"type":21,"value":236},{"type":15,"tag":149,"props":602,"children":603},{"style":561},[604],{"type":21,"value":194},{"type":15,"tag":149,"props":606,"children":607},{"style":197},[608],{"type":21,"value":245},{"type":15,"tag":149,"props":610,"children":611},{"style":156},[612],{"type":21,"value":250},{"type":15,"tag":149,"props":614,"children":615},{"class":151,"line":341},[616,620,624,628,632,636],{"type":15,"tag":149,"props":617,"children":618},{"style":156},[619],{"type":21,"value":579},{"type":15,"tag":149,"props":621,"children":622},{"style":582},[623],{"type":21,"value":41},{"type":15,"tag":149,"props":625,"children":626},{"style":555},[627],{"type":21,"value":236},{"type":15,"tag":149,"props":629,"children":630},{"style":561},[631],{"type":21,"value":194},{"type":15,"tag":149,"props":633,"children":634},{"style":197},[635],{"type":21,"value":275},{"type":15,"tag":149,"props":637,"children":638},{"style":156},[639],{"type":21,"value":250},{"type":15,"tag":149,"props":641,"children":642},{"class":151,"line":358},[643,647,651,655,659,663,667,671,675],{"type":15,"tag":149,"props":644,"children":645},{"style":156},[646],{"type":21,"value":579},{"type":15,"tag":149,"props":648,"children":649},{"style":582},[650],{"type":21,"value":41},{"type":15,"tag":149,"props":652,"children":653},{"style":555},[654],{"type":21,"value":222},{"type":15,"tag":149,"props":656,"children":657},{"style":561},[658],{"type":21,"value":194},{"type":15,"tag":149,"props":660,"children":661},{"style":197},[662],{"type":21,"value":304},{"type":15,"tag":149,"props":664,"children":665},{"style":555},[666],{"type":21,"value":236},{"type":15,"tag":149,"props":668,"children":669},{"style":561},[670],{"type":21,"value":194},{"type":15,"tag":149,"props":672,"children":673},{"style":197},[674],{"type":21,"value":317},{"type":15,"tag":149,"props":676,"children":677},{"style":156},[678],{"type":21,"value":250},{"type":15,"tag":149,"props":680,"children":681},{"class":151,"line":394},[682,687,691],{"type":15,"tag":149,"props":683,"children":684},{"style":156},[685],{"type":21,"value":686},"    \u003C\u002F",{"type":15,"tag":149,"props":688,"children":689},{"style":162},[690],{"type":21,"value":183},{"type":15,"tag":149,"props":692,"children":693},{"style":156},[694],{"type":21,"value":169},{"type":15,"tag":149,"props":696,"children":697},{"class":151,"line":433},[698],{"type":15,"tag":149,"props":699,"children":700},{"style":156},[701],{"type":21,"value":702},"  );\n",{"type":15,"tag":149,"props":704,"children":706},{"class":151,"line":705},11,[707],{"type":15,"tag":149,"props":708,"children":709},{"style":156},[710],{"type":21,"value":711},"}\n",{"type":15,"tag":81,"props":713,"children":715},{"id":714},"input-with-icons",[716],{"type":21,"value":717},"Input with icons",{"type":15,"tag":135,"props":719,"children":720},{},[721],{"type":15,"tag":32,"props":722,"children":723},{},[724,726,732,734,740],{"type":21,"value":725},"You can insert content before and after your input using the ",{"type":15,"tag":36,"props":727,"children":729},{"className":728},[],[730],{"type":21,"value":731},"prefix",{"type":21,"value":733}," and ",{"type":15,"tag":36,"props":735,"children":737},{"className":736},[],[738],{"type":21,"value":739},"suffix",{"type":21,"value":741}," slots.",{"type":15,"tag":448,"props":743,"children":744},{},[745],{"type":15,"tag":32,"props":746,"children":747},{},[748,749,755,756,762],{"type":21,"value":725},{"type":15,"tag":36,"props":750,"children":752},{"className":751},[],[753],{"type":21,"value":754},"slotPrefix",{"type":21,"value":733},{"type":15,"tag":36,"props":757,"children":759},{"className":758},[],[760],{"type":21,"value":761},"slotSuffix",{"type":21,"value":763}," props.",{"type":15,"tag":32,"props":765,"children":766},{},[767],{"type":21,"value":768},"This can be useful for adding icons or buttons to your input.",{"type":15,"tag":129,"props":770,"children":772},{"showcase-name":771},"Input\u002FInputIcons",[773,1102],{"type":15,"tag":135,"props":774,"children":775},{},[776],{"type":15,"tag":139,"props":777,"children":779},{"className":141,"code":778,"language":143,"meta":9,"style":9},"\u003Ctemplate>\n  \u003Clabel>\n    \u003Cspan class=\"text-sm font-medium\">Label\u003C\u002Fspan>\n    \u003CSfInput wrapper-class=\"mt-0.5\">\n      \u003Ctemplate #prefix>\u003CSfIconPerson \u002F>\u003C\u002Ftemplate>\n      \u003Ctemplate #suffix>\u003CSfIconLockOpen \u002F>\u003C\u002Ftemplate>\n    \u003C\u002FSfInput>\n  \u003C\u002Flabel>\n\u003C\u002Ftemplate>\n\u003Cscript lang=\"ts\" setup>\nimport { SfInput, SfIconPerson, SfIconLockOpen } from '@storefront-ui\u002Fvue';\n\u003C\u002Fscript>\n\n",[780],{"type":15,"tag":36,"props":781,"children":782},{"__ignoreMap":9},[783,798,814,851,880,923,963,978,993,1008,1039,1086],{"type":15,"tag":149,"props":784,"children":785},{"class":151,"line":152},[786,790,794],{"type":15,"tag":149,"props":787,"children":788},{"style":156},[789],{"type":21,"value":159},{"type":15,"tag":149,"props":791,"children":792},{"style":162},[793],{"type":21,"value":28},{"type":15,"tag":149,"props":795,"children":796},{"style":156},[797],{"type":21,"value":169},{"type":15,"tag":149,"props":799,"children":800},{"class":151,"line":172},[801,805,810],{"type":15,"tag":149,"props":802,"children":803},{"style":156},[804],{"type":21,"value":178},{"type":15,"tag":149,"props":806,"children":807},{"style":162},[808],{"type":21,"value":809},"label",{"type":15,"tag":149,"props":811,"children":812},{"style":156},[813],{"type":21,"value":169},{"type":15,"tag":149,"props":815,"children":816},{"class":151,"line":207},[817,821,825,829,833,838,843,847],{"type":15,"tag":149,"props":818,"children":819},{"style":156},[820],{"type":21,"value":213},{"type":15,"tag":149,"props":822,"children":823},{"style":162},[824],{"type":21,"value":149},{"type":15,"tag":149,"props":826,"children":827},{"style":186},[828],{"type":21,"value":189},{"type":15,"tag":149,"props":830,"children":831},{"style":156},[832],{"type":21,"value":194},{"type":15,"tag":149,"props":834,"children":835},{"style":197},[836],{"type":21,"value":837},"\"text-sm font-medium\"",{"type":15,"tag":149,"props":839,"children":840},{"style":156},[841],{"type":21,"value":842},">Label\u003C\u002F",{"type":15,"tag":149,"props":844,"children":845},{"style":162},[846],{"type":21,"value":149},{"type":15,"tag":149,"props":848,"children":849},{"style":156},[850],{"type":21,"value":169},{"type":15,"tag":149,"props":852,"children":853},{"class":151,"line":253},[854,858,862,867,871,876],{"type":15,"tag":149,"props":855,"children":856},{"style":156},[857],{"type":21,"value":213},{"type":15,"tag":149,"props":859,"children":860},{"style":162},[861],{"type":21,"value":41},{"type":15,"tag":149,"props":863,"children":864},{"style":186},[865],{"type":21,"value":866}," wrapper-class",{"type":15,"tag":149,"props":868,"children":869},{"style":156},[870],{"type":21,"value":194},{"type":15,"tag":149,"props":872,"children":873},{"style":197},[874],{"type":21,"value":875},"\"mt-0.5\"",{"type":15,"tag":149,"props":877,"children":878},{"style":156},[879],{"type":21,"value":169},{"type":15,"tag":149,"props":881,"children":882},{"class":151,"line":282},[883,887,891,896,900,905,910,915,919],{"type":15,"tag":149,"props":884,"children":885},{"style":156},[886],{"type":21,"value":579},{"type":15,"tag":149,"props":888,"children":889},{"style":162},[890],{"type":21,"value":28},{"type":15,"tag":149,"props":892,"children":893},{"style":156},[894],{"type":21,"value":895}," #",{"type":15,"tag":149,"props":897,"children":898},{"style":186},[899],{"type":21,"value":731},{"type":15,"tag":149,"props":901,"children":902},{"style":156},[903],{"type":21,"value":904},">\u003C",{"type":15,"tag":149,"props":906,"children":907},{"style":162},[908],{"type":21,"value":909},"SfIconPerson",{"type":15,"tag":149,"props":911,"children":912},{"style":156},[913],{"type":21,"value":914}," \u002F>\u003C\u002F",{"type":15,"tag":149,"props":916,"children":917},{"style":162},[918],{"type":21,"value":28},{"type":15,"tag":149,"props":920,"children":921},{"style":156},[922],{"type":21,"value":169},{"type":15,"tag":149,"props":924,"children":925},{"class":151,"line":324},[926,930,934,938,942,946,951,955,959],{"type":15,"tag":149,"props":927,"children":928},{"style":156},[929],{"type":21,"value":579},{"type":15,"tag":149,"props":931,"children":932},{"style":162},[933],{"type":21,"value":28},{"type":15,"tag":149,"props":935,"children":936},{"style":156},[937],{"type":21,"value":895},{"type":15,"tag":149,"props":939,"children":940},{"style":186},[941],{"type":21,"value":739},{"type":15,"tag":149,"props":943,"children":944},{"style":156},[945],{"type":21,"value":904},{"type":15,"tag":149,"props":947,"children":948},{"style":162},[949],{"type":21,"value":950},"SfIconLockOpen",{"type":15,"tag":149,"props":952,"children":953},{"style":156},[954],{"type":21,"value":914},{"type":15,"tag":149,"props":956,"children":957},{"style":162},[958],{"type":21,"value":28},{"type":15,"tag":149,"props":960,"children":961},{"style":156},[962],{"type":21,"value":169},{"type":15,"tag":149,"props":964,"children":965},{"class":151,"line":341},[966,970,974],{"type":15,"tag":149,"props":967,"children":968},{"style":156},[969],{"type":21,"value":686},{"type":15,"tag":149,"props":971,"children":972},{"style":162},[973],{"type":21,"value":41},{"type":15,"tag":149,"props":975,"children":976},{"style":156},[977],{"type":21,"value":169},{"type":15,"tag":149,"props":979,"children":980},{"class":151,"line":358},[981,985,989],{"type":15,"tag":149,"props":982,"children":983},{"style":156},[984],{"type":21,"value":330},{"type":15,"tag":149,"props":986,"children":987},{"style":162},[988],{"type":21,"value":809},{"type":15,"tag":149,"props":990,"children":991},{"style":156},[992],{"type":21,"value":169},{"type":15,"tag":149,"props":994,"children":995},{"class":151,"line":394},[996,1000,1004],{"type":15,"tag":149,"props":997,"children":998},{"style":156},[999],{"type":21,"value":347},{"type":15,"tag":149,"props":1001,"children":1002},{"style":162},[1003],{"type":21,"value":28},{"type":15,"tag":149,"props":1005,"children":1006},{"style":156},[1007],{"type":21,"value":169},{"type":15,"tag":149,"props":1009,"children":1010},{"class":151,"line":433},[1011,1015,1019,1023,1027,1031,1035],{"type":15,"tag":149,"props":1012,"children":1013},{"style":156},[1014],{"type":21,"value":159},{"type":15,"tag":149,"props":1016,"children":1017},{"style":162},[1018],{"type":21,"value":368},{"type":15,"tag":149,"props":1020,"children":1021},{"style":186},[1022],{"type":21,"value":373},{"type":15,"tag":149,"props":1024,"children":1025},{"style":156},[1026],{"type":21,"value":194},{"type":15,"tag":149,"props":1028,"children":1029},{"style":197},[1030],{"type":21,"value":382},{"type":15,"tag":149,"props":1032,"children":1033},{"style":186},[1034],{"type":21,"value":387},{"type":15,"tag":149,"props":1036,"children":1037},{"style":156},[1038],{"type":21,"value":169},{"type":15,"tag":149,"props":1040,"children":1041},{"class":151,"line":705},[1042,1046,1050,1054,1058,1062,1066,1070,1074,1078,1082],{"type":15,"tag":149,"props":1043,"children":1044},{"style":398},[1045],{"type":21,"value":401},{"type":15,"tag":149,"props":1047,"children":1048},{"style":156},[1049],{"type":21,"value":406},{"type":15,"tag":149,"props":1051,"children":1052},{"style":162},[1053],{"type":21,"value":41},{"type":15,"tag":149,"props":1055,"children":1056},{"style":156},[1057],{"type":21,"value":112},{"type":15,"tag":149,"props":1059,"children":1060},{"style":162},[1061],{"type":21,"value":909},{"type":15,"tag":149,"props":1063,"children":1064},{"style":156},[1065],{"type":21,"value":112},{"type":15,"tag":149,"props":1067,"children":1068},{"style":162},[1069],{"type":21,"value":950},{"type":15,"tag":149,"props":1071,"children":1072},{"style":156},[1073],{"type":21,"value":415},{"type":15,"tag":149,"props":1075,"children":1076},{"style":398},[1077],{"type":21,"value":420},{"type":15,"tag":149,"props":1079,"children":1080},{"style":197},[1081],{"type":21,"value":425},{"type":15,"tag":149,"props":1083,"children":1084},{"style":156},[1085],{"type":21,"value":430},{"type":15,"tag":149,"props":1087,"children":1089},{"class":151,"line":1088},12,[1090,1094,1098],{"type":15,"tag":149,"props":1091,"children":1092},{"style":156},[1093],{"type":21,"value":347},{"type":15,"tag":149,"props":1095,"children":1096},{"style":162},[1097],{"type":21,"value":368},{"type":15,"tag":149,"props":1099,"children":1100},{"style":156},[1101],{"type":21,"value":169},{"type":15,"tag":448,"props":1103,"children":1104},{},[1105],{"type":15,"tag":139,"props":1106,"children":1108},{"className":453,"code":1107,"language":455,"meta":9,"style":9},"import { SfInput, SfIconPerson, SfIconLockOpen } from '@storefront-ui\u002Freact';\n\nexport default function InputWithPrefix() {\n  return (\n    \u003Clabel>\n      \u003Cspan className=\"text-sm font-medium\">Label\u003C\u002Fspan>\n      \u003CSfInput wrapperClassName=\"mt-0.5\" slotPrefix={\u003CSfIconPerson \u002F>} slotSuffix={\u003CSfIconLockOpen \u002F>} \u002F>\n    \u003C\u002Flabel>\n  );\n}\n",[1109],{"type":15,"tag":36,"props":1110,"children":1111},{"__ignoreMap":9},[1112,1159,1166,1190,1201,1216,1251,1340,1355,1362],{"type":15,"tag":149,"props":1113,"children":1114},{"class":151,"line":152},[1115,1119,1123,1127,1131,1135,1139,1143,1147,1151,1155],{"type":15,"tag":149,"props":1116,"children":1117},{"style":398},[1118],{"type":21,"value":401},{"type":15,"tag":149,"props":1120,"children":1121},{"style":156},[1122],{"type":21,"value":406},{"type":15,"tag":149,"props":1124,"children":1125},{"style":162},[1126],{"type":21,"value":41},{"type":15,"tag":149,"props":1128,"children":1129},{"style":156},[1130],{"type":21,"value":112},{"type":15,"tag":149,"props":1132,"children":1133},{"style":162},[1134],{"type":21,"value":909},{"type":15,"tag":149,"props":1136,"children":1137},{"style":156},[1138],{"type":21,"value":112},{"type":15,"tag":149,"props":1140,"children":1141},{"style":162},[1142],{"type":21,"value":950},{"type":15,"tag":149,"props":1144,"children":1145},{"style":156},[1146],{"type":21,"value":415},{"type":15,"tag":149,"props":1148,"children":1149},{"style":398},[1150],{"type":21,"value":420},{"type":15,"tag":149,"props":1152,"children":1153},{"style":197},[1154],{"type":21,"value":487},{"type":15,"tag":149,"props":1156,"children":1157},{"style":156},[1158],{"type":21,"value":430},{"type":15,"tag":149,"props":1160,"children":1161},{"class":151,"line":172},[1162],{"type":15,"tag":149,"props":1163,"children":1164},{"emptyLinePlaceholder":8},[1165],{"type":21,"value":499},{"type":15,"tag":149,"props":1167,"children":1168},{"class":151,"line":207},[1169,1173,1177,1181,1186],{"type":15,"tag":149,"props":1170,"children":1171},{"style":398},[1172],{"type":21,"value":507},{"type":15,"tag":149,"props":1174,"children":1175},{"style":398},[1176],{"type":21,"value":512},{"type":15,"tag":149,"props":1178,"children":1179},{"style":398},[1180],{"type":21,"value":517},{"type":15,"tag":149,"props":1182,"children":1183},{"style":520},[1184],{"type":21,"value":1185}," InputWithPrefix",{"type":15,"tag":149,"props":1187,"children":1188},{"style":156},[1189],{"type":21,"value":528},{"type":15,"tag":149,"props":1191,"children":1192},{"class":151,"line":253},[1193,1197],{"type":15,"tag":149,"props":1194,"children":1195},{"style":398},[1196],{"type":21,"value":536},{"type":15,"tag":149,"props":1198,"children":1199},{"style":156},[1200],{"type":21,"value":541},{"type":15,"tag":149,"props":1202,"children":1203},{"class":151,"line":282},[1204,1208,1212],{"type":15,"tag":149,"props":1205,"children":1206},{"style":156},[1207],{"type":21,"value":213},{"type":15,"tag":149,"props":1209,"children":1210},{"style":162},[1211],{"type":21,"value":809},{"type":15,"tag":149,"props":1213,"children":1214},{"style":156},[1215],{"type":21,"value":169},{"type":15,"tag":149,"props":1217,"children":1218},{"class":151,"line":324},[1219,1223,1227,1231,1235,1239,1243,1247],{"type":15,"tag":149,"props":1220,"children":1221},{"style":156},[1222],{"type":21,"value":579},{"type":15,"tag":149,"props":1224,"children":1225},{"style":162},[1226],{"type":21,"value":149},{"type":15,"tag":149,"props":1228,"children":1229},{"style":555},[1230],{"type":21,"value":558},{"type":15,"tag":149,"props":1232,"children":1233},{"style":561},[1234],{"type":21,"value":194},{"type":15,"tag":149,"props":1236,"children":1237},{"style":197},[1238],{"type":21,"value":837},{"type":15,"tag":149,"props":1240,"children":1241},{"style":156},[1242],{"type":21,"value":842},{"type":15,"tag":149,"props":1244,"children":1245},{"style":162},[1246],{"type":21,"value":149},{"type":15,"tag":149,"props":1248,"children":1249},{"style":156},[1250],{"type":21,"value":169},{"type":15,"tag":149,"props":1252,"children":1253},{"class":151,"line":341},[1254,1258,1262,1267,1271,1275,1280,1284,1289,1293,1297,1302,1307,1312,1316,1320,1324,1328,1332,1336],{"type":15,"tag":149,"props":1255,"children":1256},{"style":156},[1257],{"type":21,"value":579},{"type":15,"tag":149,"props":1259,"children":1260},{"style":582},[1261],{"type":21,"value":41},{"type":15,"tag":149,"props":1263,"children":1264},{"style":555},[1265],{"type":21,"value":1266}," wrapperClassName",{"type":15,"tag":149,"props":1268,"children":1269},{"style":561},[1270],{"type":21,"value":194},{"type":15,"tag":149,"props":1272,"children":1273},{"style":197},[1274],{"type":21,"value":875},{"type":15,"tag":149,"props":1276,"children":1277},{"style":555},[1278],{"type":21,"value":1279}," slotPrefix",{"type":15,"tag":149,"props":1281,"children":1282},{"style":561},[1283],{"type":21,"value":194},{"type":15,"tag":149,"props":1285,"children":1286},{"style":398},[1287],{"type":21,"value":1288},"{",{"type":15,"tag":149,"props":1290,"children":1291},{"style":156},[1292],{"type":21,"value":159},{"type":15,"tag":149,"props":1294,"children":1295},{"style":582},[1296],{"type":21,"value":909},{"type":15,"tag":149,"props":1298,"children":1299},{"style":156},[1300],{"type":21,"value":1301}," \u002F>",{"type":15,"tag":149,"props":1303,"children":1304},{"style":398},[1305],{"type":21,"value":1306},"}",{"type":15,"tag":149,"props":1308,"children":1309},{"style":555},[1310],{"type":21,"value":1311}," slotSuffix",{"type":15,"tag":149,"props":1313,"children":1314},{"style":561},[1315],{"type":21,"value":194},{"type":15,"tag":149,"props":1317,"children":1318},{"style":398},[1319],{"type":21,"value":1288},{"type":15,"tag":149,"props":1321,"children":1322},{"style":156},[1323],{"type":21,"value":159},{"type":15,"tag":149,"props":1325,"children":1326},{"style":582},[1327],{"type":21,"value":950},{"type":15,"tag":149,"props":1329,"children":1330},{"style":156},[1331],{"type":21,"value":1301},{"type":15,"tag":149,"props":1333,"children":1334},{"style":398},[1335],{"type":21,"value":1306},{"type":15,"tag":149,"props":1337,"children":1338},{"style":156},[1339],{"type":21,"value":250},{"type":15,"tag":149,"props":1341,"children":1342},{"class":151,"line":358},[1343,1347,1351],{"type":15,"tag":149,"props":1344,"children":1345},{"style":156},[1346],{"type":21,"value":686},{"type":15,"tag":149,"props":1348,"children":1349},{"style":162},[1350],{"type":21,"value":809},{"type":15,"tag":149,"props":1352,"children":1353},{"style":156},[1354],{"type":21,"value":169},{"type":15,"tag":149,"props":1356,"children":1357},{"class":151,"line":394},[1358],{"type":15,"tag":149,"props":1359,"children":1360},{"style":156},[1361],{"type":21,"value":702},{"type":15,"tag":149,"props":1363,"children":1364},{"class":151,"line":433},[1365],{"type":15,"tag":149,"props":1366,"children":1367},{"style":156},[1368],{"type":21,"value":711},{"type":15,"tag":81,"props":1370,"children":1372},{"id":1371},"input-in-disabled-state",[1373],{"type":21,"value":1374},"Input in disabled state",{"type":15,"tag":32,"props":1376,"children":1377},{},[1378,1383],{"type":15,"tag":36,"props":1379,"children":1381},{"className":1380},[],[1382],{"type":21,"value":41},{"type":21,"value":1384}," comes with out-of-the-box styles for a disabled input.",{"type":15,"tag":129,"props":1386,"children":1388},{"showcase-name":1387},"Input\u002FInputDisabled",[1389,1717],{"type":15,"tag":135,"props":1390,"children":1391},{},[1392],{"type":15,"tag":139,"props":1393,"children":1395},{"className":141,"code":1394,"language":143,"meta":9,"style":9},"\u003Ctemplate>\n  \u003Clabel>\n    \u003Cspan class=\"text-sm font-medium cursor-not-allowed text-disabled-900\">Label\u003C\u002Fspan>\n    \u003CSfInput disabled wrapper-class=\"mt-0.5 !bg-disabled-100 !ring-disabled-300 !ring-1\" \u002F>\n  \u003C\u002Flabel>\n  \u003Cdiv class=\"flex justify-between\">\n    \u003Cdiv>\n      \u003Cp class=\"typography-hint-xs text-disabled-500 mt-0.5\">Help Text\u003C\u002Fp>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\u003Cscript lang=\"ts\" setup>\nimport { SfInput } from '@storefront-ui\u002Fvue';\n\u003C\u002Fscript>\n\n",[1396],{"type":15,"tag":36,"props":1397,"children":1398},{"__ignoreMap":9},[1399,1414,1429,1465,1498,1513,1541,1556,1593,1608,1623,1638,1669,1701],{"type":15,"tag":149,"props":1400,"children":1401},{"class":151,"line":152},[1402,1406,1410],{"type":15,"tag":149,"props":1403,"children":1404},{"style":156},[1405],{"type":21,"value":159},{"type":15,"tag":149,"props":1407,"children":1408},{"style":162},[1409],{"type":21,"value":28},{"type":15,"tag":149,"props":1411,"children":1412},{"style":156},[1413],{"type":21,"value":169},{"type":15,"tag":149,"props":1415,"children":1416},{"class":151,"line":172},[1417,1421,1425],{"type":15,"tag":149,"props":1418,"children":1419},{"style":156},[1420],{"type":21,"value":178},{"type":15,"tag":149,"props":1422,"children":1423},{"style":162},[1424],{"type":21,"value":809},{"type":15,"tag":149,"props":1426,"children":1427},{"style":156},[1428],{"type":21,"value":169},{"type":15,"tag":149,"props":1430,"children":1431},{"class":151,"line":207},[1432,1436,1440,1444,1448,1453,1457,1461],{"type":15,"tag":149,"props":1433,"children":1434},{"style":156},[1435],{"type":21,"value":213},{"type":15,"tag":149,"props":1437,"children":1438},{"style":162},[1439],{"type":21,"value":149},{"type":15,"tag":149,"props":1441,"children":1442},{"style":186},[1443],{"type":21,"value":189},{"type":15,"tag":149,"props":1445,"children":1446},{"style":156},[1447],{"type":21,"value":194},{"type":15,"tag":149,"props":1449,"children":1450},{"style":197},[1451],{"type":21,"value":1452},"\"text-sm font-medium cursor-not-allowed text-disabled-900\"",{"type":15,"tag":149,"props":1454,"children":1455},{"style":156},[1456],{"type":21,"value":842},{"type":15,"tag":149,"props":1458,"children":1459},{"style":162},[1460],{"type":21,"value":149},{"type":15,"tag":149,"props":1462,"children":1463},{"style":156},[1464],{"type":21,"value":169},{"type":15,"tag":149,"props":1466,"children":1467},{"class":151,"line":253},[1468,1472,1476,1481,1485,1489,1494],{"type":15,"tag":149,"props":1469,"children":1470},{"style":156},[1471],{"type":21,"value":213},{"type":15,"tag":149,"props":1473,"children":1474},{"style":162},[1475],{"type":21,"value":41},{"type":15,"tag":149,"props":1477,"children":1478},{"style":186},[1479],{"type":21,"value":1480}," disabled",{"type":15,"tag":149,"props":1482,"children":1483},{"style":186},[1484],{"type":21,"value":866},{"type":15,"tag":149,"props":1486,"children":1487},{"style":156},[1488],{"type":21,"value":194},{"type":15,"tag":149,"props":1490,"children":1491},{"style":197},[1492],{"type":21,"value":1493},"\"mt-0.5 !bg-disabled-100 !ring-disabled-300 !ring-1\"",{"type":15,"tag":149,"props":1495,"children":1496},{"style":156},[1497],{"type":21,"value":250},{"type":15,"tag":149,"props":1499,"children":1500},{"class":151,"line":282},[1501,1505,1509],{"type":15,"tag":149,"props":1502,"children":1503},{"style":156},[1504],{"type":21,"value":330},{"type":15,"tag":149,"props":1506,"children":1507},{"style":162},[1508],{"type":21,"value":809},{"type":15,"tag":149,"props":1510,"children":1511},{"style":156},[1512],{"type":21,"value":169},{"type":15,"tag":149,"props":1514,"children":1515},{"class":151,"line":324},[1516,1520,1524,1528,1532,1537],{"type":15,"tag":149,"props":1517,"children":1518},{"style":156},[1519],{"type":21,"value":178},{"type":15,"tag":149,"props":1521,"children":1522},{"style":162},[1523],{"type":21,"value":183},{"type":15,"tag":149,"props":1525,"children":1526},{"style":186},[1527],{"type":21,"value":189},{"type":15,"tag":149,"props":1529,"children":1530},{"style":156},[1531],{"type":21,"value":194},{"type":15,"tag":149,"props":1533,"children":1534},{"style":197},[1535],{"type":21,"value":1536},"\"flex justify-between\"",{"type":15,"tag":149,"props":1538,"children":1539},{"style":156},[1540],{"type":21,"value":169},{"type":15,"tag":149,"props":1542,"children":1543},{"class":151,"line":341},[1544,1548,1552],{"type":15,"tag":149,"props":1545,"children":1546},{"style":156},[1547],{"type":21,"value":213},{"type":15,"tag":149,"props":1549,"children":1550},{"style":162},[1551],{"type":21,"value":183},{"type":15,"tag":149,"props":1553,"children":1554},{"style":156},[1555],{"type":21,"value":169},{"type":15,"tag":149,"props":1557,"children":1558},{"class":151,"line":358},[1559,1563,1567,1571,1575,1580,1585,1589],{"type":15,"tag":149,"props":1560,"children":1561},{"style":156},[1562],{"type":21,"value":579},{"type":15,"tag":149,"props":1564,"children":1565},{"style":162},[1566],{"type":21,"value":32},{"type":15,"tag":149,"props":1568,"children":1569},{"style":186},[1570],{"type":21,"value":189},{"type":15,"tag":149,"props":1572,"children":1573},{"style":156},[1574],{"type":21,"value":194},{"type":15,"tag":149,"props":1576,"children":1577},{"style":197},[1578],{"type":21,"value":1579},"\"typography-hint-xs text-disabled-500 mt-0.5\"",{"type":15,"tag":149,"props":1581,"children":1582},{"style":156},[1583],{"type":21,"value":1584},">Help Text\u003C\u002F",{"type":15,"tag":149,"props":1586,"children":1587},{"style":162},[1588],{"type":21,"value":32},{"type":15,"tag":149,"props":1590,"children":1591},{"style":156},[1592],{"type":21,"value":169},{"type":15,"tag":149,"props":1594,"children":1595},{"class":151,"line":394},[1596,1600,1604],{"type":15,"tag":149,"props":1597,"children":1598},{"style":156},[1599],{"type":21,"value":686},{"type":15,"tag":149,"props":1601,"children":1602},{"style":162},[1603],{"type":21,"value":183},{"type":15,"tag":149,"props":1605,"children":1606},{"style":156},[1607],{"type":21,"value":169},{"type":15,"tag":149,"props":1609,"children":1610},{"class":151,"line":433},[1611,1615,1619],{"type":15,"tag":149,"props":1612,"children":1613},{"style":156},[1614],{"type":21,"value":330},{"type":15,"tag":149,"props":1616,"children":1617},{"style":162},[1618],{"type":21,"value":183},{"type":15,"tag":149,"props":1620,"children":1621},{"style":156},[1622],{"type":21,"value":169},{"type":15,"tag":149,"props":1624,"children":1625},{"class":151,"line":705},[1626,1630,1634],{"type":15,"tag":149,"props":1627,"children":1628},{"style":156},[1629],{"type":21,"value":347},{"type":15,"tag":149,"props":1631,"children":1632},{"style":162},[1633],{"type":21,"value":28},{"type":15,"tag":149,"props":1635,"children":1636},{"style":156},[1637],{"type":21,"value":169},{"type":15,"tag":149,"props":1639,"children":1640},{"class":151,"line":1088},[1641,1645,1649,1653,1657,1661,1665],{"type":15,"tag":149,"props":1642,"children":1643},{"style":156},[1644],{"type":21,"value":159},{"type":15,"tag":149,"props":1646,"children":1647},{"style":162},[1648],{"type":21,"value":368},{"type":15,"tag":149,"props":1650,"children":1651},{"style":186},[1652],{"type":21,"value":373},{"type":15,"tag":149,"props":1654,"children":1655},{"style":156},[1656],{"type":21,"value":194},{"type":15,"tag":149,"props":1658,"children":1659},{"style":197},[1660],{"type":21,"value":382},{"type":15,"tag":149,"props":1662,"children":1663},{"style":186},[1664],{"type":21,"value":387},{"type":15,"tag":149,"props":1666,"children":1667},{"style":156},[1668],{"type":21,"value":169},{"type":15,"tag":149,"props":1670,"children":1672},{"class":151,"line":1671},13,[1673,1677,1681,1685,1689,1693,1697],{"type":15,"tag":149,"props":1674,"children":1675},{"style":398},[1676],{"type":21,"value":401},{"type":15,"tag":149,"props":1678,"children":1679},{"style":156},[1680],{"type":21,"value":406},{"type":15,"tag":149,"props":1682,"children":1683},{"style":162},[1684],{"type":21,"value":41},{"type":15,"tag":149,"props":1686,"children":1687},{"style":156},[1688],{"type":21,"value":415},{"type":15,"tag":149,"props":1690,"children":1691},{"style":398},[1692],{"type":21,"value":420},{"type":15,"tag":149,"props":1694,"children":1695},{"style":197},[1696],{"type":21,"value":425},{"type":15,"tag":149,"props":1698,"children":1699},{"style":156},[1700],{"type":21,"value":430},{"type":15,"tag":149,"props":1702,"children":1704},{"class":151,"line":1703},14,[1705,1709,1713],{"type":15,"tag":149,"props":1706,"children":1707},{"style":156},[1708],{"type":21,"value":347},{"type":15,"tag":149,"props":1710,"children":1711},{"style":162},[1712],{"type":21,"value":368},{"type":15,"tag":149,"props":1714,"children":1715},{"style":156},[1716],{"type":21,"value":169},{"type":15,"tag":448,"props":1718,"children":1719},{},[1720],{"type":15,"tag":139,"props":1721,"children":1723},{"className":453,"code":1722,"language":455,"meta":9,"style":9},"import { SfInput } from '@storefront-ui\u002Freact';\n\nexport default function DisabledInputDemo() {\n  return (\n    \u003C>\n      \u003Clabel>\n        \u003Cspan className=\"text-sm font-medium cursor-not-allowed text-disabled-900\">Label\u003C\u002Fspan>\n        \u003CSfInput disabled wrapperClassName=\"mt-0.5 !bg-disabled-100 !ring-disabled-300 !ring-1\" \u002F>\n      \u003C\u002Flabel>\n      \u003Cdiv className=\"flex justify-between\">\n        \u003Cdiv>\n          \u003Cp className=\"typography-hint-xs text-disabled-500 mt-0.5\">Help Text\u003C\u002Fp>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \u003C\u002F>\n  );\n}\n",[1724],{"type":15,"tag":36,"props":1725,"children":1726},{"__ignoreMap":9},[1727,1758,1765,1789,1800,1808,1823,1859,1890,1906,1933,1948,1984,2000,2015,2024,2032],{"type":15,"tag":149,"props":1728,"children":1729},{"class":151,"line":152},[1730,1734,1738,1742,1746,1750,1754],{"type":15,"tag":149,"props":1731,"children":1732},{"style":398},[1733],{"type":21,"value":401},{"type":15,"tag":149,"props":1735,"children":1736},{"style":156},[1737],{"type":21,"value":406},{"type":15,"tag":149,"props":1739,"children":1740},{"style":162},[1741],{"type":21,"value":41},{"type":15,"tag":149,"props":1743,"children":1744},{"style":156},[1745],{"type":21,"value":415},{"type":15,"tag":149,"props":1747,"children":1748},{"style":398},[1749],{"type":21,"value":420},{"type":15,"tag":149,"props":1751,"children":1752},{"style":197},[1753],{"type":21,"value":487},{"type":15,"tag":149,"props":1755,"children":1756},{"style":156},[1757],{"type":21,"value":430},{"type":15,"tag":149,"props":1759,"children":1760},{"class":151,"line":172},[1761],{"type":15,"tag":149,"props":1762,"children":1763},{"emptyLinePlaceholder":8},[1764],{"type":21,"value":499},{"type":15,"tag":149,"props":1766,"children":1767},{"class":151,"line":207},[1768,1772,1776,1780,1785],{"type":15,"tag":149,"props":1769,"children":1770},{"style":398},[1771],{"type":21,"value":507},{"type":15,"tag":149,"props":1773,"children":1774},{"style":398},[1775],{"type":21,"value":512},{"type":15,"tag":149,"props":1777,"children":1778},{"style":398},[1779],{"type":21,"value":517},{"type":15,"tag":149,"props":1781,"children":1782},{"style":520},[1783],{"type":21,"value":1784}," DisabledInputDemo",{"type":15,"tag":149,"props":1786,"children":1787},{"style":156},[1788],{"type":21,"value":528},{"type":15,"tag":149,"props":1790,"children":1791},{"class":151,"line":253},[1792,1796],{"type":15,"tag":149,"props":1793,"children":1794},{"style":398},[1795],{"type":21,"value":536},{"type":15,"tag":149,"props":1797,"children":1798},{"style":156},[1799],{"type":21,"value":541},{"type":15,"tag":149,"props":1801,"children":1802},{"class":151,"line":282},[1803],{"type":15,"tag":149,"props":1804,"children":1805},{"style":156},[1806],{"type":21,"value":1807},"    \u003C>\n",{"type":15,"tag":149,"props":1809,"children":1810},{"class":151,"line":324},[1811,1815,1819],{"type":15,"tag":149,"props":1812,"children":1813},{"style":156},[1814],{"type":21,"value":579},{"type":15,"tag":149,"props":1816,"children":1817},{"style":162},[1818],{"type":21,"value":809},{"type":15,"tag":149,"props":1820,"children":1821},{"style":156},[1822],{"type":21,"value":169},{"type":15,"tag":149,"props":1824,"children":1825},{"class":151,"line":341},[1826,1831,1835,1839,1843,1847,1851,1855],{"type":15,"tag":149,"props":1827,"children":1828},{"style":156},[1829],{"type":21,"value":1830},"        \u003C",{"type":15,"tag":149,"props":1832,"children":1833},{"style":162},[1834],{"type":21,"value":149},{"type":15,"tag":149,"props":1836,"children":1837},{"style":555},[1838],{"type":21,"value":558},{"type":15,"tag":149,"props":1840,"children":1841},{"style":561},[1842],{"type":21,"value":194},{"type":15,"tag":149,"props":1844,"children":1845},{"style":197},[1846],{"type":21,"value":1452},{"type":15,"tag":149,"props":1848,"children":1849},{"style":156},[1850],{"type":21,"value":842},{"type":15,"tag":149,"props":1852,"children":1853},{"style":162},[1854],{"type":21,"value":149},{"type":15,"tag":149,"props":1856,"children":1857},{"style":156},[1858],{"type":21,"value":169},{"type":15,"tag":149,"props":1860,"children":1861},{"class":151,"line":358},[1862,1866,1870,1874,1878,1882,1886],{"type":15,"tag":149,"props":1863,"children":1864},{"style":156},[1865],{"type":21,"value":1830},{"type":15,"tag":149,"props":1867,"children":1868},{"style":582},[1869],{"type":21,"value":41},{"type":15,"tag":149,"props":1871,"children":1872},{"style":555},[1873],{"type":21,"value":1480},{"type":15,"tag":149,"props":1875,"children":1876},{"style":555},[1877],{"type":21,"value":1266},{"type":15,"tag":149,"props":1879,"children":1880},{"style":561},[1881],{"type":21,"value":194},{"type":15,"tag":149,"props":1883,"children":1884},{"style":197},[1885],{"type":21,"value":1493},{"type":15,"tag":149,"props":1887,"children":1888},{"style":156},[1889],{"type":21,"value":250},{"type":15,"tag":149,"props":1891,"children":1892},{"class":151,"line":394},[1893,1898,1902],{"type":15,"tag":149,"props":1894,"children":1895},{"style":156},[1896],{"type":21,"value":1897},"      \u003C\u002F",{"type":15,"tag":149,"props":1899,"children":1900},{"style":162},[1901],{"type":21,"value":809},{"type":15,"tag":149,"props":1903,"children":1904},{"style":156},[1905],{"type":21,"value":169},{"type":15,"tag":149,"props":1907,"children":1908},{"class":151,"line":433},[1909,1913,1917,1921,1925,1929],{"type":15,"tag":149,"props":1910,"children":1911},{"style":156},[1912],{"type":21,"value":579},{"type":15,"tag":149,"props":1914,"children":1915},{"style":162},[1916],{"type":21,"value":183},{"type":15,"tag":149,"props":1918,"children":1919},{"style":555},[1920],{"type":21,"value":558},{"type":15,"tag":149,"props":1922,"children":1923},{"style":561},[1924],{"type":21,"value":194},{"type":15,"tag":149,"props":1926,"children":1927},{"style":197},[1928],{"type":21,"value":1536},{"type":15,"tag":149,"props":1930,"children":1931},{"style":156},[1932],{"type":21,"value":169},{"type":15,"tag":149,"props":1934,"children":1935},{"class":151,"line":705},[1936,1940,1944],{"type":15,"tag":149,"props":1937,"children":1938},{"style":156},[1939],{"type":21,"value":1830},{"type":15,"tag":149,"props":1941,"children":1942},{"style":162},[1943],{"type":21,"value":183},{"type":15,"tag":149,"props":1945,"children":1946},{"style":156},[1947],{"type":21,"value":169},{"type":15,"tag":149,"props":1949,"children":1950},{"class":151,"line":1088},[1951,1956,1960,1964,1968,1972,1976,1980],{"type":15,"tag":149,"props":1952,"children":1953},{"style":156},[1954],{"type":21,"value":1955},"          \u003C",{"type":15,"tag":149,"props":1957,"children":1958},{"style":162},[1959],{"type":21,"value":32},{"type":15,"tag":149,"props":1961,"children":1962},{"style":555},[1963],{"type":21,"value":558},{"type":15,"tag":149,"props":1965,"children":1966},{"style":561},[1967],{"type":21,"value":194},{"type":15,"tag":149,"props":1969,"children":1970},{"style":197},[1971],{"type":21,"value":1579},{"type":15,"tag":149,"props":1973,"children":1974},{"style":156},[1975],{"type":21,"value":1584},{"type":15,"tag":149,"props":1977,"children":1978},{"style":162},[1979],{"type":21,"value":32},{"type":15,"tag":149,"props":1981,"children":1982},{"style":156},[1983],{"type":21,"value":169},{"type":15,"tag":149,"props":1985,"children":1986},{"class":151,"line":1671},[1987,1992,1996],{"type":15,"tag":149,"props":1988,"children":1989},{"style":156},[1990],{"type":21,"value":1991},"        \u003C\u002F",{"type":15,"tag":149,"props":1993,"children":1994},{"style":162},[1995],{"type":21,"value":183},{"type":15,"tag":149,"props":1997,"children":1998},{"style":156},[1999],{"type":21,"value":169},{"type":15,"tag":149,"props":2001,"children":2002},{"class":151,"line":1703},[2003,2007,2011],{"type":15,"tag":149,"props":2004,"children":2005},{"style":156},[2006],{"type":21,"value":1897},{"type":15,"tag":149,"props":2008,"children":2009},{"style":162},[2010],{"type":21,"value":183},{"type":15,"tag":149,"props":2012,"children":2013},{"style":156},[2014],{"type":21,"value":169},{"type":15,"tag":149,"props":2016,"children":2018},{"class":151,"line":2017},15,[2019],{"type":15,"tag":149,"props":2020,"children":2021},{"style":156},[2022],{"type":21,"value":2023},"    \u003C\u002F>\n",{"type":15,"tag":149,"props":2025,"children":2027},{"class":151,"line":2026},16,[2028],{"type":15,"tag":149,"props":2029,"children":2030},{"style":156},[2031],{"type":21,"value":702},{"type":15,"tag":149,"props":2033,"children":2035},{"class":151,"line":2034},17,[2036],{"type":15,"tag":149,"props":2037,"children":2038},{"style":156},[2039],{"type":21,"value":711},{"type":15,"tag":81,"props":2041,"children":2043},{"id":2042},"readonly-input",[2044],{"type":21,"value":2045},"Readonly Input",{"type":15,"tag":32,"props":2047,"children":2048},{},[2049,2054],{"type":15,"tag":36,"props":2050,"children":2052},{"className":2051},[],[2053],{"type":21,"value":41},{"type":21,"value":2055}," comes with out-of-the-box styles for a readonly input.",{"type":15,"tag":129,"props":2057,"children":2059},{"showcase-name":2058},"Input\u002FInputReadonly",[2060,2396],{"type":15,"tag":135,"props":2061,"children":2062},{},[2063],{"type":15,"tag":139,"props":2064,"children":2066},{"className":141,"code":2065,"language":143,"meta":9,"style":9},"\u003Ctemplate>\n  \u003Clabel>\n    \u003Cspan class=\"text-sm font-medium\">Label\u003C\u002Fspan>\n    \u003CSfInput model-value=\"value\" wrapper-class=\"mt-0.5 !bg-disabled-100 !ring-disabled-300 !ring-1\" readonly \u002F>\n  \u003C\u002Flabel>\n  \u003Cdiv class=\"flex justify-between\">\n    \u003Cdiv>\n      \u003Cp class=\"typography-hint-xs text-neutral-500 mt-0.5\">Help Text\u003C\u002Fp>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\u003Cscript lang=\"ts\" setup>\nimport { SfInput } from '@storefront-ui\u002Fvue';\n\u003C\u002Fscript>\n\n",[2067],{"type":15,"tag":36,"props":2068,"children":2069},{"__ignoreMap":9},[2070,2085,2100,2135,2181,2196,2223,2238,2274,2289,2304,2319,2350,2381],{"type":15,"tag":149,"props":2071,"children":2072},{"class":151,"line":152},[2073,2077,2081],{"type":15,"tag":149,"props":2074,"children":2075},{"style":156},[2076],{"type":21,"value":159},{"type":15,"tag":149,"props":2078,"children":2079},{"style":162},[2080],{"type":21,"value":28},{"type":15,"tag":149,"props":2082,"children":2083},{"style":156},[2084],{"type":21,"value":169},{"type":15,"tag":149,"props":2086,"children":2087},{"class":151,"line":172},[2088,2092,2096],{"type":15,"tag":149,"props":2089,"children":2090},{"style":156},[2091],{"type":21,"value":178},{"type":15,"tag":149,"props":2093,"children":2094},{"style":162},[2095],{"type":21,"value":809},{"type":15,"tag":149,"props":2097,"children":2098},{"style":156},[2099],{"type":21,"value":169},{"type":15,"tag":149,"props":2101,"children":2102},{"class":151,"line":207},[2103,2107,2111,2115,2119,2123,2127,2131],{"type":15,"tag":149,"props":2104,"children":2105},{"style":156},[2106],{"type":21,"value":213},{"type":15,"tag":149,"props":2108,"children":2109},{"style":162},[2110],{"type":21,"value":149},{"type":15,"tag":149,"props":2112,"children":2113},{"style":186},[2114],{"type":21,"value":189},{"type":15,"tag":149,"props":2116,"children":2117},{"style":156},[2118],{"type":21,"value":194},{"type":15,"tag":149,"props":2120,"children":2121},{"style":197},[2122],{"type":21,"value":837},{"type":15,"tag":149,"props":2124,"children":2125},{"style":156},[2126],{"type":21,"value":842},{"type":15,"tag":149,"props":2128,"children":2129},{"style":162},[2130],{"type":21,"value":149},{"type":15,"tag":149,"props":2132,"children":2133},{"style":156},[2134],{"type":21,"value":169},{"type":15,"tag":149,"props":2136,"children":2137},{"class":151,"line":253},[2138,2142,2146,2151,2155,2160,2164,2168,2172,2177],{"type":15,"tag":149,"props":2139,"children":2140},{"style":156},[2141],{"type":21,"value":213},{"type":15,"tag":149,"props":2143,"children":2144},{"style":162},[2145],{"type":21,"value":41},{"type":15,"tag":149,"props":2147,"children":2148},{"style":186},[2149],{"type":21,"value":2150}," model-value",{"type":15,"tag":149,"props":2152,"children":2153},{"style":156},[2154],{"type":21,"value":194},{"type":15,"tag":149,"props":2156,"children":2157},{"style":197},[2158],{"type":21,"value":2159},"\"value\"",{"type":15,"tag":149,"props":2161,"children":2162},{"style":186},[2163],{"type":21,"value":866},{"type":15,"tag":149,"props":2165,"children":2166},{"style":156},[2167],{"type":21,"value":194},{"type":15,"tag":149,"props":2169,"children":2170},{"style":197},[2171],{"type":21,"value":1493},{"type":15,"tag":149,"props":2173,"children":2174},{"style":186},[2175],{"type":21,"value":2176}," readonly",{"type":15,"tag":149,"props":2178,"children":2179},{"style":156},[2180],{"type":21,"value":250},{"type":15,"tag":149,"props":2182,"children":2183},{"class":151,"line":282},[2184,2188,2192],{"type":15,"tag":149,"props":2185,"children":2186},{"style":156},[2187],{"type":21,"value":330},{"type":15,"tag":149,"props":2189,"children":2190},{"style":162},[2191],{"type":21,"value":809},{"type":15,"tag":149,"props":2193,"children":2194},{"style":156},[2195],{"type":21,"value":169},{"type":15,"tag":149,"props":2197,"children":2198},{"class":151,"line":324},[2199,2203,2207,2211,2215,2219],{"type":15,"tag":149,"props":2200,"children":2201},{"style":156},[2202],{"type":21,"value":178},{"type":15,"tag":149,"props":2204,"children":2205},{"style":162},[2206],{"type":21,"value":183},{"type":15,"tag":149,"props":2208,"children":2209},{"style":186},[2210],{"type":21,"value":189},{"type":15,"tag":149,"props":2212,"children":2213},{"style":156},[2214],{"type":21,"value":194},{"type":15,"tag":149,"props":2216,"children":2217},{"style":197},[2218],{"type":21,"value":1536},{"type":15,"tag":149,"props":2220,"children":2221},{"style":156},[2222],{"type":21,"value":169},{"type":15,"tag":149,"props":2224,"children":2225},{"class":151,"line":341},[2226,2230,2234],{"type":15,"tag":149,"props":2227,"children":2228},{"style":156},[2229],{"type":21,"value":213},{"type":15,"tag":149,"props":2231,"children":2232},{"style":162},[2233],{"type":21,"value":183},{"type":15,"tag":149,"props":2235,"children":2236},{"style":156},[2237],{"type":21,"value":169},{"type":15,"tag":149,"props":2239,"children":2240},{"class":151,"line":358},[2241,2245,2249,2253,2257,2262,2266,2270],{"type":15,"tag":149,"props":2242,"children":2243},{"style":156},[2244],{"type":21,"value":579},{"type":15,"tag":149,"props":2246,"children":2247},{"style":162},[2248],{"type":21,"value":32},{"type":15,"tag":149,"props":2250,"children":2251},{"style":186},[2252],{"type":21,"value":189},{"type":15,"tag":149,"props":2254,"children":2255},{"style":156},[2256],{"type":21,"value":194},{"type":15,"tag":149,"props":2258,"children":2259},{"style":197},[2260],{"type":21,"value":2261},"\"typography-hint-xs text-neutral-500 mt-0.5\"",{"type":15,"tag":149,"props":2263,"children":2264},{"style":156},[2265],{"type":21,"value":1584},{"type":15,"tag":149,"props":2267,"children":2268},{"style":162},[2269],{"type":21,"value":32},{"type":15,"tag":149,"props":2271,"children":2272},{"style":156},[2273],{"type":21,"value":169},{"type":15,"tag":149,"props":2275,"children":2276},{"class":151,"line":394},[2277,2281,2285],{"type":15,"tag":149,"props":2278,"children":2279},{"style":156},[2280],{"type":21,"value":686},{"type":15,"tag":149,"props":2282,"children":2283},{"style":162},[2284],{"type":21,"value":183},{"type":15,"tag":149,"props":2286,"children":2287},{"style":156},[2288],{"type":21,"value":169},{"type":15,"tag":149,"props":2290,"children":2291},{"class":151,"line":433},[2292,2296,2300],{"type":15,"tag":149,"props":2293,"children":2294},{"style":156},[2295],{"type":21,"value":330},{"type":15,"tag":149,"props":2297,"children":2298},{"style":162},[2299],{"type":21,"value":183},{"type":15,"tag":149,"props":2301,"children":2302},{"style":156},[2303],{"type":21,"value":169},{"type":15,"tag":149,"props":2305,"children":2306},{"class":151,"line":705},[2307,2311,2315],{"type":15,"tag":149,"props":2308,"children":2309},{"style":156},[2310],{"type":21,"value":347},{"type":15,"tag":149,"props":2312,"children":2313},{"style":162},[2314],{"type":21,"value":28},{"type":15,"tag":149,"props":2316,"children":2317},{"style":156},[2318],{"type":21,"value":169},{"type":15,"tag":149,"props":2320,"children":2321},{"class":151,"line":1088},[2322,2326,2330,2334,2338,2342,2346],{"type":15,"tag":149,"props":2323,"children":2324},{"style":156},[2325],{"type":21,"value":159},{"type":15,"tag":149,"props":2327,"children":2328},{"style":162},[2329],{"type":21,"value":368},{"type":15,"tag":149,"props":2331,"children":2332},{"style":186},[2333],{"type":21,"value":373},{"type":15,"tag":149,"props":2335,"children":2336},{"style":156},[2337],{"type":21,"value":194},{"type":15,"tag":149,"props":2339,"children":2340},{"style":197},[2341],{"type":21,"value":382},{"type":15,"tag":149,"props":2343,"children":2344},{"style":186},[2345],{"type":21,"value":387},{"type":15,"tag":149,"props":2347,"children":2348},{"style":156},[2349],{"type":21,"value":169},{"type":15,"tag":149,"props":2351,"children":2352},{"class":151,"line":1671},[2353,2357,2361,2365,2369,2373,2377],{"type":15,"tag":149,"props":2354,"children":2355},{"style":398},[2356],{"type":21,"value":401},{"type":15,"tag":149,"props":2358,"children":2359},{"style":156},[2360],{"type":21,"value":406},{"type":15,"tag":149,"props":2362,"children":2363},{"style":162},[2364],{"type":21,"value":41},{"type":15,"tag":149,"props":2366,"children":2367},{"style":156},[2368],{"type":21,"value":415},{"type":15,"tag":149,"props":2370,"children":2371},{"style":398},[2372],{"type":21,"value":420},{"type":15,"tag":149,"props":2374,"children":2375},{"style":197},[2376],{"type":21,"value":425},{"type":15,"tag":149,"props":2378,"children":2379},{"style":156},[2380],{"type":21,"value":430},{"type":15,"tag":149,"props":2382,"children":2383},{"class":151,"line":1703},[2384,2388,2392],{"type":15,"tag":149,"props":2385,"children":2386},{"style":156},[2387],{"type":21,"value":347},{"type":15,"tag":149,"props":2389,"children":2390},{"style":162},[2391],{"type":21,"value":368},{"type":15,"tag":149,"props":2393,"children":2394},{"style":156},[2395],{"type":21,"value":169},{"type":15,"tag":448,"props":2397,"children":2398},{},[2399],{"type":15,"tag":139,"props":2400,"children":2402},{"className":453,"code":2401,"language":455,"meta":9,"style":9},"import { SfInput } from '@storefront-ui\u002Freact';\n\nexport default function ReadonlyInput() {\n  return (\n    \u003C>\n      \u003Clabel>\n        \u003Cspan className=\"text-sm font-medium\">Label\u003C\u002Fspan>\n        \u003CSfInput value=\"value\" wrapperClassName=\"mt-0.5 !bg-disabled-100 !ring-disabled-300 !ring-1\" readOnly \u002F>\n      \u003C\u002Flabel>\n      \u003Cdiv className=\"flex justify-between\">\n        \u003Cdiv>\n          \u003Cp className=\"typography-hint-xs text-neutral-500 mt-0.5\">Help Text\u003C\u002Fp>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \u003C\u002F>\n  );\n}\n",[2403],{"type":15,"tag":36,"props":2404,"children":2405},{"__ignoreMap":9},[2406,2437,2444,2468,2479,2486,2501,2536,2581,2596,2623,2638,2673,2688,2703,2710,2717],{"type":15,"tag":149,"props":2407,"children":2408},{"class":151,"line":152},[2409,2413,2417,2421,2425,2429,2433],{"type":15,"tag":149,"props":2410,"children":2411},{"style":398},[2412],{"type":21,"value":401},{"type":15,"tag":149,"props":2414,"children":2415},{"style":156},[2416],{"type":21,"value":406},{"type":15,"tag":149,"props":2418,"children":2419},{"style":162},[2420],{"type":21,"value":41},{"type":15,"tag":149,"props":2422,"children":2423},{"style":156},[2424],{"type":21,"value":415},{"type":15,"tag":149,"props":2426,"children":2427},{"style":398},[2428],{"type":21,"value":420},{"type":15,"tag":149,"props":2430,"children":2431},{"style":197},[2432],{"type":21,"value":487},{"type":15,"tag":149,"props":2434,"children":2435},{"style":156},[2436],{"type":21,"value":430},{"type":15,"tag":149,"props":2438,"children":2439},{"class":151,"line":172},[2440],{"type":15,"tag":149,"props":2441,"children":2442},{"emptyLinePlaceholder":8},[2443],{"type":21,"value":499},{"type":15,"tag":149,"props":2445,"children":2446},{"class":151,"line":207},[2447,2451,2455,2459,2464],{"type":15,"tag":149,"props":2448,"children":2449},{"style":398},[2450],{"type":21,"value":507},{"type":15,"tag":149,"props":2452,"children":2453},{"style":398},[2454],{"type":21,"value":512},{"type":15,"tag":149,"props":2456,"children":2457},{"style":398},[2458],{"type":21,"value":517},{"type":15,"tag":149,"props":2460,"children":2461},{"style":520},[2462],{"type":21,"value":2463}," ReadonlyInput",{"type":15,"tag":149,"props":2465,"children":2466},{"style":156},[2467],{"type":21,"value":528},{"type":15,"tag":149,"props":2469,"children":2470},{"class":151,"line":253},[2471,2475],{"type":15,"tag":149,"props":2472,"children":2473},{"style":398},[2474],{"type":21,"value":536},{"type":15,"tag":149,"props":2476,"children":2477},{"style":156},[2478],{"type":21,"value":541},{"type":15,"tag":149,"props":2480,"children":2481},{"class":151,"line":282},[2482],{"type":15,"tag":149,"props":2483,"children":2484},{"style":156},[2485],{"type":21,"value":1807},{"type":15,"tag":149,"props":2487,"children":2488},{"class":151,"line":324},[2489,2493,2497],{"type":15,"tag":149,"props":2490,"children":2491},{"style":156},[2492],{"type":21,"value":579},{"type":15,"tag":149,"props":2494,"children":2495},{"style":162},[2496],{"type":21,"value":809},{"type":15,"tag":149,"props":2498,"children":2499},{"style":156},[2500],{"type":21,"value":169},{"type":15,"tag":149,"props":2502,"children":2503},{"class":151,"line":341},[2504,2508,2512,2516,2520,2524,2528,2532],{"type":15,"tag":149,"props":2505,"children":2506},{"style":156},[2507],{"type":21,"value":1830},{"type":15,"tag":149,"props":2509,"children":2510},{"style":162},[2511],{"type":21,"value":149},{"type":15,"tag":149,"props":2513,"children":2514},{"style":555},[2515],{"type":21,"value":558},{"type":15,"tag":149,"props":2517,"children":2518},{"style":561},[2519],{"type":21,"value":194},{"type":15,"tag":149,"props":2521,"children":2522},{"style":197},[2523],{"type":21,"value":837},{"type":15,"tag":149,"props":2525,"children":2526},{"style":156},[2527],{"type":21,"value":842},{"type":15,"tag":149,"props":2529,"children":2530},{"style":162},[2531],{"type":21,"value":149},{"type":15,"tag":149,"props":2533,"children":2534},{"style":156},[2535],{"type":21,"value":169},{"type":15,"tag":149,"props":2537,"children":2538},{"class":151,"line":358},[2539,2543,2547,2552,2556,2560,2564,2568,2572,2577],{"type":15,"tag":149,"props":2540,"children":2541},{"style":156},[2542],{"type":21,"value":1830},{"type":15,"tag":149,"props":2544,"children":2545},{"style":582},[2546],{"type":21,"value":41},{"type":15,"tag":149,"props":2548,"children":2549},{"style":555},[2550],{"type":21,"value":2551}," value",{"type":15,"tag":149,"props":2553,"children":2554},{"style":561},[2555],{"type":21,"value":194},{"type":15,"tag":149,"props":2557,"children":2558},{"style":197},[2559],{"type":21,"value":2159},{"type":15,"tag":149,"props":2561,"children":2562},{"style":555},[2563],{"type":21,"value":1266},{"type":15,"tag":149,"props":2565,"children":2566},{"style":561},[2567],{"type":21,"value":194},{"type":15,"tag":149,"props":2569,"children":2570},{"style":197},[2571],{"type":21,"value":1493},{"type":15,"tag":149,"props":2573,"children":2574},{"style":555},[2575],{"type":21,"value":2576}," readOnly",{"type":15,"tag":149,"props":2578,"children":2579},{"style":156},[2580],{"type":21,"value":250},{"type":15,"tag":149,"props":2582,"children":2583},{"class":151,"line":394},[2584,2588,2592],{"type":15,"tag":149,"props":2585,"children":2586},{"style":156},[2587],{"type":21,"value":1897},{"type":15,"tag":149,"props":2589,"children":2590},{"style":162},[2591],{"type":21,"value":809},{"type":15,"tag":149,"props":2593,"children":2594},{"style":156},[2595],{"type":21,"value":169},{"type":15,"tag":149,"props":2597,"children":2598},{"class":151,"line":433},[2599,2603,2607,2611,2615,2619],{"type":15,"tag":149,"props":2600,"children":2601},{"style":156},[2602],{"type":21,"value":579},{"type":15,"tag":149,"props":2604,"children":2605},{"style":162},[2606],{"type":21,"value":183},{"type":15,"tag":149,"props":2608,"children":2609},{"style":555},[2610],{"type":21,"value":558},{"type":15,"tag":149,"props":2612,"children":2613},{"style":561},[2614],{"type":21,"value":194},{"type":15,"tag":149,"props":2616,"children":2617},{"style":197},[2618],{"type":21,"value":1536},{"type":15,"tag":149,"props":2620,"children":2621},{"style":156},[2622],{"type":21,"value":169},{"type":15,"tag":149,"props":2624,"children":2625},{"class":151,"line":705},[2626,2630,2634],{"type":15,"tag":149,"props":2627,"children":2628},{"style":156},[2629],{"type":21,"value":1830},{"type":15,"tag":149,"props":2631,"children":2632},{"style":162},[2633],{"type":21,"value":183},{"type":15,"tag":149,"props":2635,"children":2636},{"style":156},[2637],{"type":21,"value":169},{"type":15,"tag":149,"props":2639,"children":2640},{"class":151,"line":1088},[2641,2645,2649,2653,2657,2661,2665,2669],{"type":15,"tag":149,"props":2642,"children":2643},{"style":156},[2644],{"type":21,"value":1955},{"type":15,"tag":149,"props":2646,"children":2647},{"style":162},[2648],{"type":21,"value":32},{"type":15,"tag":149,"props":2650,"children":2651},{"style":555},[2652],{"type":21,"value":558},{"type":15,"tag":149,"props":2654,"children":2655},{"style":561},[2656],{"type":21,"value":194},{"type":15,"tag":149,"props":2658,"children":2659},{"style":197},[2660],{"type":21,"value":2261},{"type":15,"tag":149,"props":2662,"children":2663},{"style":156},[2664],{"type":21,"value":1584},{"type":15,"tag":149,"props":2666,"children":2667},{"style":162},[2668],{"type":21,"value":32},{"type":15,"tag":149,"props":2670,"children":2671},{"style":156},[2672],{"type":21,"value":169},{"type":15,"tag":149,"props":2674,"children":2675},{"class":151,"line":1671},[2676,2680,2684],{"type":15,"tag":149,"props":2677,"children":2678},{"style":156},[2679],{"type":21,"value":1991},{"type":15,"tag":149,"props":2681,"children":2682},{"style":162},[2683],{"type":21,"value":183},{"type":15,"tag":149,"props":2685,"children":2686},{"style":156},[2687],{"type":21,"value":169},{"type":15,"tag":149,"props":2689,"children":2690},{"class":151,"line":1703},[2691,2695,2699],{"type":15,"tag":149,"props":2692,"children":2693},{"style":156},[2694],{"type":21,"value":1897},{"type":15,"tag":149,"props":2696,"children":2697},{"style":162},[2698],{"type":21,"value":183},{"type":15,"tag":149,"props":2700,"children":2701},{"style":156},[2702],{"type":21,"value":169},{"type":15,"tag":149,"props":2704,"children":2705},{"class":151,"line":2017},[2706],{"type":15,"tag":149,"props":2707,"children":2708},{"style":156},[2709],{"type":21,"value":2023},{"type":15,"tag":149,"props":2711,"children":2712},{"class":151,"line":2026},[2713],{"type":15,"tag":149,"props":2714,"children":2715},{"style":156},[2716],{"type":21,"value":702},{"type":15,"tag":149,"props":2718,"children":2719},{"class":151,"line":2034},[2720],{"type":15,"tag":149,"props":2721,"children":2722},{"style":156},[2723],{"type":21,"value":711},{"type":15,"tag":81,"props":2725,"children":2727},{"id":2726},"invalid-state",[2728],{"type":21,"value":2729},"Invalid State",{"type":15,"tag":32,"props":2731,"children":2732},{},[2733,2735,2741],{"type":21,"value":2734},"If you pass the ",{"type":15,"tag":36,"props":2736,"children":2738},{"className":2737},[],[2739],{"type":21,"value":2740},"invalid",{"type":21,"value":2742}," prop, the input will be styled to indicate an invalid state.",{"type":15,"tag":129,"props":2744,"children":2746},{"showcase-name":2745},"Input\u002FInputInvalid",[2747,3105],{"type":15,"tag":135,"props":2748,"children":2749},{},[2750],{"type":15,"tag":139,"props":2751,"children":2753},{"className":141,"code":2752,"language":143,"meta":9,"style":9},"\u003Ctemplate>\n  \u003Clabel>\n    \u003Cspan class=\"text-sm font-medium\">Label\u003C\u002Fspan>\n    \u003CSfInput invalid wrapper-class=\"mt-0.5\" \u002F>\n  \u003C\u002Flabel>\n  \u003Cdiv class=\"flex justify-between\">\n    \u003Cdiv>\n      \u003Cp class=\"text-sm text-negative-700 font-medium mt-0.5\">Error\u003C\u002Fp>\n      \u003Cp class=\"typography-hint-xs text-neutral-500 mt-0.5\">Help Text\u003C\u002Fp>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\u003Cscript lang=\"ts\" setup>\nimport { SfInput } from '@storefront-ui\u002Fvue';\n\u003C\u002Fscript>\n\n",[2754],{"type":15,"tag":36,"props":2755,"children":2756},{"__ignoreMap":9},[2757,2772,2787,2822,2854,2869,2896,2911,2948,2983,2998,3013,3028,3059,3090],{"type":15,"tag":149,"props":2758,"children":2759},{"class":151,"line":152},[2760,2764,2768],{"type":15,"tag":149,"props":2761,"children":2762},{"style":156},[2763],{"type":21,"value":159},{"type":15,"tag":149,"props":2765,"children":2766},{"style":162},[2767],{"type":21,"value":28},{"type":15,"tag":149,"props":2769,"children":2770},{"style":156},[2771],{"type":21,"value":169},{"type":15,"tag":149,"props":2773,"children":2774},{"class":151,"line":172},[2775,2779,2783],{"type":15,"tag":149,"props":2776,"children":2777},{"style":156},[2778],{"type":21,"value":178},{"type":15,"tag":149,"props":2780,"children":2781},{"style":162},[2782],{"type":21,"value":809},{"type":15,"tag":149,"props":2784,"children":2785},{"style":156},[2786],{"type":21,"value":169},{"type":15,"tag":149,"props":2788,"children":2789},{"class":151,"line":207},[2790,2794,2798,2802,2806,2810,2814,2818],{"type":15,"tag":149,"props":2791,"children":2792},{"style":156},[2793],{"type":21,"value":213},{"type":15,"tag":149,"props":2795,"children":2796},{"style":162},[2797],{"type":21,"value":149},{"type":15,"tag":149,"props":2799,"children":2800},{"style":186},[2801],{"type":21,"value":189},{"type":15,"tag":149,"props":2803,"children":2804},{"style":156},[2805],{"type":21,"value":194},{"type":15,"tag":149,"props":2807,"children":2808},{"style":197},[2809],{"type":21,"value":837},{"type":15,"tag":149,"props":2811,"children":2812},{"style":156},[2813],{"type":21,"value":842},{"type":15,"tag":149,"props":2815,"children":2816},{"style":162},[2817],{"type":21,"value":149},{"type":15,"tag":149,"props":2819,"children":2820},{"style":156},[2821],{"type":21,"value":169},{"type":15,"tag":149,"props":2823,"children":2824},{"class":151,"line":253},[2825,2829,2833,2838,2842,2846,2850],{"type":15,"tag":149,"props":2826,"children":2827},{"style":156},[2828],{"type":21,"value":213},{"type":15,"tag":149,"props":2830,"children":2831},{"style":162},[2832],{"type":21,"value":41},{"type":15,"tag":149,"props":2834,"children":2835},{"style":186},[2836],{"type":21,"value":2837}," invalid",{"type":15,"tag":149,"props":2839,"children":2840},{"style":186},[2841],{"type":21,"value":866},{"type":15,"tag":149,"props":2843,"children":2844},{"style":156},[2845],{"type":21,"value":194},{"type":15,"tag":149,"props":2847,"children":2848},{"style":197},[2849],{"type":21,"value":875},{"type":15,"tag":149,"props":2851,"children":2852},{"style":156},[2853],{"type":21,"value":250},{"type":15,"tag":149,"props":2855,"children":2856},{"class":151,"line":282},[2857,2861,2865],{"type":15,"tag":149,"props":2858,"children":2859},{"style":156},[2860],{"type":21,"value":330},{"type":15,"tag":149,"props":2862,"children":2863},{"style":162},[2864],{"type":21,"value":809},{"type":15,"tag":149,"props":2866,"children":2867},{"style":156},[2868],{"type":21,"value":169},{"type":15,"tag":149,"props":2870,"children":2871},{"class":151,"line":324},[2872,2876,2880,2884,2888,2892],{"type":15,"tag":149,"props":2873,"children":2874},{"style":156},[2875],{"type":21,"value":178},{"type":15,"tag":149,"props":2877,"children":2878},{"style":162},[2879],{"type":21,"value":183},{"type":15,"tag":149,"props":2881,"children":2882},{"style":186},[2883],{"type":21,"value":189},{"type":15,"tag":149,"props":2885,"children":2886},{"style":156},[2887],{"type":21,"value":194},{"type":15,"tag":149,"props":2889,"children":2890},{"style":197},[2891],{"type":21,"value":1536},{"type":15,"tag":149,"props":2893,"children":2894},{"style":156},[2895],{"type":21,"value":169},{"type":15,"tag":149,"props":2897,"children":2898},{"class":151,"line":341},[2899,2903,2907],{"type":15,"tag":149,"props":2900,"children":2901},{"style":156},[2902],{"type":21,"value":213},{"type":15,"tag":149,"props":2904,"children":2905},{"style":162},[2906],{"type":21,"value":183},{"type":15,"tag":149,"props":2908,"children":2909},{"style":156},[2910],{"type":21,"value":169},{"type":15,"tag":149,"props":2912,"children":2913},{"class":151,"line":358},[2914,2918,2922,2926,2930,2935,2940,2944],{"type":15,"tag":149,"props":2915,"children":2916},{"style":156},[2917],{"type":21,"value":579},{"type":15,"tag":149,"props":2919,"children":2920},{"style":162},[2921],{"type":21,"value":32},{"type":15,"tag":149,"props":2923,"children":2924},{"style":186},[2925],{"type":21,"value":189},{"type":15,"tag":149,"props":2927,"children":2928},{"style":156},[2929],{"type":21,"value":194},{"type":15,"tag":149,"props":2931,"children":2932},{"style":197},[2933],{"type":21,"value":2934},"\"text-sm text-negative-700 font-medium mt-0.5\"",{"type":15,"tag":149,"props":2936,"children":2937},{"style":156},[2938],{"type":21,"value":2939},">Error\u003C\u002F",{"type":15,"tag":149,"props":2941,"children":2942},{"style":162},[2943],{"type":21,"value":32},{"type":15,"tag":149,"props":2945,"children":2946},{"style":156},[2947],{"type":21,"value":169},{"type":15,"tag":149,"props":2949,"children":2950},{"class":151,"line":394},[2951,2955,2959,2963,2967,2971,2975,2979],{"type":15,"tag":149,"props":2952,"children":2953},{"style":156},[2954],{"type":21,"value":579},{"type":15,"tag":149,"props":2956,"children":2957},{"style":162},[2958],{"type":21,"value":32},{"type":15,"tag":149,"props":2960,"children":2961},{"style":186},[2962],{"type":21,"value":189},{"type":15,"tag":149,"props":2964,"children":2965},{"style":156},[2966],{"type":21,"value":194},{"type":15,"tag":149,"props":2968,"children":2969},{"style":197},[2970],{"type":21,"value":2261},{"type":15,"tag":149,"props":2972,"children":2973},{"style":156},[2974],{"type":21,"value":1584},{"type":15,"tag":149,"props":2976,"children":2977},{"style":162},[2978],{"type":21,"value":32},{"type":15,"tag":149,"props":2980,"children":2981},{"style":156},[2982],{"type":21,"value":169},{"type":15,"tag":149,"props":2984,"children":2985},{"class":151,"line":433},[2986,2990,2994],{"type":15,"tag":149,"props":2987,"children":2988},{"style":156},[2989],{"type":21,"value":686},{"type":15,"tag":149,"props":2991,"children":2992},{"style":162},[2993],{"type":21,"value":183},{"type":15,"tag":149,"props":2995,"children":2996},{"style":156},[2997],{"type":21,"value":169},{"type":15,"tag":149,"props":2999,"children":3000},{"class":151,"line":705},[3001,3005,3009],{"type":15,"tag":149,"props":3002,"children":3003},{"style":156},[3004],{"type":21,"value":330},{"type":15,"tag":149,"props":3006,"children":3007},{"style":162},[3008],{"type":21,"value":183},{"type":15,"tag":149,"props":3010,"children":3011},{"style":156},[3012],{"type":21,"value":169},{"type":15,"tag":149,"props":3014,"children":3015},{"class":151,"line":1088},[3016,3020,3024],{"type":15,"tag":149,"props":3017,"children":3018},{"style":156},[3019],{"type":21,"value":347},{"type":15,"tag":149,"props":3021,"children":3022},{"style":162},[3023],{"type":21,"value":28},{"type":15,"tag":149,"props":3025,"children":3026},{"style":156},[3027],{"type":21,"value":169},{"type":15,"tag":149,"props":3029,"children":3030},{"class":151,"line":1671},[3031,3035,3039,3043,3047,3051,3055],{"type":15,"tag":149,"props":3032,"children":3033},{"style":156},[3034],{"type":21,"value":159},{"type":15,"tag":149,"props":3036,"children":3037},{"style":162},[3038],{"type":21,"value":368},{"type":15,"tag":149,"props":3040,"children":3041},{"style":186},[3042],{"type":21,"value":373},{"type":15,"tag":149,"props":3044,"children":3045},{"style":156},[3046],{"type":21,"value":194},{"type":15,"tag":149,"props":3048,"children":3049},{"style":197},[3050],{"type":21,"value":382},{"type":15,"tag":149,"props":3052,"children":3053},{"style":186},[3054],{"type":21,"value":387},{"type":15,"tag":149,"props":3056,"children":3057},{"style":156},[3058],{"type":21,"value":169},{"type":15,"tag":149,"props":3060,"children":3061},{"class":151,"line":1703},[3062,3066,3070,3074,3078,3082,3086],{"type":15,"tag":149,"props":3063,"children":3064},{"style":398},[3065],{"type":21,"value":401},{"type":15,"tag":149,"props":3067,"children":3068},{"style":156},[3069],{"type":21,"value":406},{"type":15,"tag":149,"props":3071,"children":3072},{"style":162},[3073],{"type":21,"value":41},{"type":15,"tag":149,"props":3075,"children":3076},{"style":156},[3077],{"type":21,"value":415},{"type":15,"tag":149,"props":3079,"children":3080},{"style":398},[3081],{"type":21,"value":420},{"type":15,"tag":149,"props":3083,"children":3084},{"style":197},[3085],{"type":21,"value":425},{"type":15,"tag":149,"props":3087,"children":3088},{"style":156},[3089],{"type":21,"value":430},{"type":15,"tag":149,"props":3091,"children":3092},{"class":151,"line":2017},[3093,3097,3101],{"type":15,"tag":149,"props":3094,"children":3095},{"style":156},[3096],{"type":21,"value":347},{"type":15,"tag":149,"props":3098,"children":3099},{"style":162},[3100],{"type":21,"value":368},{"type":15,"tag":149,"props":3102,"children":3103},{"style":156},[3104],{"type":21,"value":169},{"type":15,"tag":448,"props":3106,"children":3107},{},[3108],{"type":15,"tag":139,"props":3109,"children":3111},{"className":453,"code":3110,"language":455,"meta":9,"style":9},"import { SfInput } from '@storefront-ui\u002Freact';\n\nexport default function InvalidInput() {\n  return (\n    \u003C>\n      \u003Clabel>\n        \u003Cspan className=\"text-sm font-medium\">Label\u003C\u002Fspan>\n        \u003CSfInput invalid wrapperClassName=\"mt-0.5\" \u002F>\n      \u003C\u002Flabel>\n      \u003Cdiv className=\"flex justify-between\">\n        \u003Cdiv>\n          \u003Cp className=\"text-sm text-negative-700 font-medium mt-0.5\">Error\u003C\u002Fp>\n          \u003Cp className=\"typography-hint-xs text-neutral-500 mt-0.5\">Help Text\u003C\u002Fp>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \u003C\u002F>\n  );\n}\n",[3112],{"type":15,"tag":36,"props":3113,"children":3114},{"__ignoreMap":9},[3115,3146,3153,3177,3188,3195,3210,3245,3276,3291,3318,3333,3368,3403,3418,3433,3440,3447],{"type":15,"tag":149,"props":3116,"children":3117},{"class":151,"line":152},[3118,3122,3126,3130,3134,3138,3142],{"type":15,"tag":149,"props":3119,"children":3120},{"style":398},[3121],{"type":21,"value":401},{"type":15,"tag":149,"props":3123,"children":3124},{"style":156},[3125],{"type":21,"value":406},{"type":15,"tag":149,"props":3127,"children":3128},{"style":162},[3129],{"type":21,"value":41},{"type":15,"tag":149,"props":3131,"children":3132},{"style":156},[3133],{"type":21,"value":415},{"type":15,"tag":149,"props":3135,"children":3136},{"style":398},[3137],{"type":21,"value":420},{"type":15,"tag":149,"props":3139,"children":3140},{"style":197},[3141],{"type":21,"value":487},{"type":15,"tag":149,"props":3143,"children":3144},{"style":156},[3145],{"type":21,"value":430},{"type":15,"tag":149,"props":3147,"children":3148},{"class":151,"line":172},[3149],{"type":15,"tag":149,"props":3150,"children":3151},{"emptyLinePlaceholder":8},[3152],{"type":21,"value":499},{"type":15,"tag":149,"props":3154,"children":3155},{"class":151,"line":207},[3156,3160,3164,3168,3173],{"type":15,"tag":149,"props":3157,"children":3158},{"style":398},[3159],{"type":21,"value":507},{"type":15,"tag":149,"props":3161,"children":3162},{"style":398},[3163],{"type":21,"value":512},{"type":15,"tag":149,"props":3165,"children":3166},{"style":398},[3167],{"type":21,"value":517},{"type":15,"tag":149,"props":3169,"children":3170},{"style":520},[3171],{"type":21,"value":3172}," InvalidInput",{"type":15,"tag":149,"props":3174,"children":3175},{"style":156},[3176],{"type":21,"value":528},{"type":15,"tag":149,"props":3178,"children":3179},{"class":151,"line":253},[3180,3184],{"type":15,"tag":149,"props":3181,"children":3182},{"style":398},[3183],{"type":21,"value":536},{"type":15,"tag":149,"props":3185,"children":3186},{"style":156},[3187],{"type":21,"value":541},{"type":15,"tag":149,"props":3189,"children":3190},{"class":151,"line":282},[3191],{"type":15,"tag":149,"props":3192,"children":3193},{"style":156},[3194],{"type":21,"value":1807},{"type":15,"tag":149,"props":3196,"children":3197},{"class":151,"line":324},[3198,3202,3206],{"type":15,"tag":149,"props":3199,"children":3200},{"style":156},[3201],{"type":21,"value":579},{"type":15,"tag":149,"props":3203,"children":3204},{"style":162},[3205],{"type":21,"value":809},{"type":15,"tag":149,"props":3207,"children":3208},{"style":156},[3209],{"type":21,"value":169},{"type":15,"tag":149,"props":3211,"children":3212},{"class":151,"line":341},[3213,3217,3221,3225,3229,3233,3237,3241],{"type":15,"tag":149,"props":3214,"children":3215},{"style":156},[3216],{"type":21,"value":1830},{"type":15,"tag":149,"props":3218,"children":3219},{"style":162},[3220],{"type":21,"value":149},{"type":15,"tag":149,"props":3222,"children":3223},{"style":555},[3224],{"type":21,"value":558},{"type":15,"tag":149,"props":3226,"children":3227},{"style":561},[3228],{"type":21,"value":194},{"type":15,"tag":149,"props":3230,"children":3231},{"style":197},[3232],{"type":21,"value":837},{"type":15,"tag":149,"props":3234,"children":3235},{"style":156},[3236],{"type":21,"value":842},{"type":15,"tag":149,"props":3238,"children":3239},{"style":162},[3240],{"type":21,"value":149},{"type":15,"tag":149,"props":3242,"children":3243},{"style":156},[3244],{"type":21,"value":169},{"type":15,"tag":149,"props":3246,"children":3247},{"class":151,"line":358},[3248,3252,3256,3260,3264,3268,3272],{"type":15,"tag":149,"props":3249,"children":3250},{"style":156},[3251],{"type":21,"value":1830},{"type":15,"tag":149,"props":3253,"children":3254},{"style":582},[3255],{"type":21,"value":41},{"type":15,"tag":149,"props":3257,"children":3258},{"style":555},[3259],{"type":21,"value":2837},{"type":15,"tag":149,"props":3261,"children":3262},{"style":555},[3263],{"type":21,"value":1266},{"type":15,"tag":149,"props":3265,"children":3266},{"style":561},[3267],{"type":21,"value":194},{"type":15,"tag":149,"props":3269,"children":3270},{"style":197},[3271],{"type":21,"value":875},{"type":15,"tag":149,"props":3273,"children":3274},{"style":156},[3275],{"type":21,"value":250},{"type":15,"tag":149,"props":3277,"children":3278},{"class":151,"line":394},[3279,3283,3287],{"type":15,"tag":149,"props":3280,"children":3281},{"style":156},[3282],{"type":21,"value":1897},{"type":15,"tag":149,"props":3284,"children":3285},{"style":162},[3286],{"type":21,"value":809},{"type":15,"tag":149,"props":3288,"children":3289},{"style":156},[3290],{"type":21,"value":169},{"type":15,"tag":149,"props":3292,"children":3293},{"class":151,"line":433},[3294,3298,3302,3306,3310,3314],{"type":15,"tag":149,"props":3295,"children":3296},{"style":156},[3297],{"type":21,"value":579},{"type":15,"tag":149,"props":3299,"children":3300},{"style":162},[3301],{"type":21,"value":183},{"type":15,"tag":149,"props":3303,"children":3304},{"style":555},[3305],{"type":21,"value":558},{"type":15,"tag":149,"props":3307,"children":3308},{"style":561},[3309],{"type":21,"value":194},{"type":15,"tag":149,"props":3311,"children":3312},{"style":197},[3313],{"type":21,"value":1536},{"type":15,"tag":149,"props":3315,"children":3316},{"style":156},[3317],{"type":21,"value":169},{"type":15,"tag":149,"props":3319,"children":3320},{"class":151,"line":705},[3321,3325,3329],{"type":15,"tag":149,"props":3322,"children":3323},{"style":156},[3324],{"type":21,"value":1830},{"type":15,"tag":149,"props":3326,"children":3327},{"style":162},[3328],{"type":21,"value":183},{"type":15,"tag":149,"props":3330,"children":3331},{"style":156},[3332],{"type":21,"value":169},{"type":15,"tag":149,"props":3334,"children":3335},{"class":151,"line":1088},[3336,3340,3344,3348,3352,3356,3360,3364],{"type":15,"tag":149,"props":3337,"children":3338},{"style":156},[3339],{"type":21,"value":1955},{"type":15,"tag":149,"props":3341,"children":3342},{"style":162},[3343],{"type":21,"value":32},{"type":15,"tag":149,"props":3345,"children":3346},{"style":555},[3347],{"type":21,"value":558},{"type":15,"tag":149,"props":3349,"children":3350},{"style":561},[3351],{"type":21,"value":194},{"type":15,"tag":149,"props":3353,"children":3354},{"style":197},[3355],{"type":21,"value":2934},{"type":15,"tag":149,"props":3357,"children":3358},{"style":156},[3359],{"type":21,"value":2939},{"type":15,"tag":149,"props":3361,"children":3362},{"style":162},[3363],{"type":21,"value":32},{"type":15,"tag":149,"props":3365,"children":3366},{"style":156},[3367],{"type":21,"value":169},{"type":15,"tag":149,"props":3369,"children":3370},{"class":151,"line":1671},[3371,3375,3379,3383,3387,3391,3395,3399],{"type":15,"tag":149,"props":3372,"children":3373},{"style":156},[3374],{"type":21,"value":1955},{"type":15,"tag":149,"props":3376,"children":3377},{"style":162},[3378],{"type":21,"value":32},{"type":15,"tag":149,"props":3380,"children":3381},{"style":555},[3382],{"type":21,"value":558},{"type":15,"tag":149,"props":3384,"children":3385},{"style":561},[3386],{"type":21,"value":194},{"type":15,"tag":149,"props":3388,"children":3389},{"style":197},[3390],{"type":21,"value":2261},{"type":15,"tag":149,"props":3392,"children":3393},{"style":156},[3394],{"type":21,"value":1584},{"type":15,"tag":149,"props":3396,"children":3397},{"style":162},[3398],{"type":21,"value":32},{"type":15,"tag":149,"props":3400,"children":3401},{"style":156},[3402],{"type":21,"value":169},{"type":15,"tag":149,"props":3404,"children":3405},{"class":151,"line":1703},[3406,3410,3414],{"type":15,"tag":149,"props":3407,"children":3408},{"style":156},[3409],{"type":21,"value":1991},{"type":15,"tag":149,"props":3411,"children":3412},{"style":162},[3413],{"type":21,"value":183},{"type":15,"tag":149,"props":3415,"children":3416},{"style":156},[3417],{"type":21,"value":169},{"type":15,"tag":149,"props":3419,"children":3420},{"class":151,"line":2017},[3421,3425,3429],{"type":15,"tag":149,"props":3422,"children":3423},{"style":156},[3424],{"type":21,"value":1897},{"type":15,"tag":149,"props":3426,"children":3427},{"style":162},[3428],{"type":21,"value":183},{"type":15,"tag":149,"props":3430,"children":3431},{"style":156},[3432],{"type":21,"value":169},{"type":15,"tag":149,"props":3434,"children":3435},{"class":151,"line":2026},[3436],{"type":15,"tag":149,"props":3437,"children":3438},{"style":156},[3439],{"type":21,"value":2023},{"type":15,"tag":149,"props":3441,"children":3442},{"class":151,"line":2034},[3443],{"type":15,"tag":149,"props":3444,"children":3445},{"style":156},[3446],{"type":21,"value":702},{"type":15,"tag":149,"props":3448,"children":3450},{"class":151,"line":3449},18,[3451],{"type":15,"tag":149,"props":3452,"children":3453},{"style":156},[3454],{"type":21,"value":711},{"type":15,"tag":81,"props":3456,"children":3458},{"id":3457},"full-example",[3459],{"type":21,"value":3460},"Full Example",{"type":15,"tag":32,"props":3462,"children":3463},{},[3464,3466,3471],{"type":21,"value":3465},"This is an example of what ",{"type":15,"tag":36,"props":3467,"children":3469},{"className":3468},[],[3470],{"type":21,"value":41},{"type":21,"value":3472}," might look like in your end code. It has a label, help text, character counting, and different styles depending on the input state.",{"type":15,"tag":129,"props":3474,"children":3476},{"showcase-name":3475},"Input\u002FInputCharacters",[3477,4770],{"type":15,"tag":135,"props":3478,"children":3479},{},[3480],{"type":15,"tag":139,"props":3481,"children":3483},{"className":141,"code":3482,"language":143,"meta":9,"style":9},"\u003Ctemplate>\n  \u003Clabel>\n    \u003Cspan :class=\"['text-sm font-medium', { 'cursor-not-allowed text-disabled-500': disabled }]\">\n      {{ label }}\n    \u003C\u002Fspan>\n    \u003CSfInput\n      :placeholder=\"placeholder\"\n      :disabled=\"disabled\"\n      :readonly=\"readonly\"\n      :wrapper-class=\"[\n        'mt-0.5',\n        {\n          'peer !bg-disabled-100 !ring-disabled-300 !ring-1 !text-disabled-500': disabled || readonly,\n        },\n      ]\"\n      v-model=\"inputValue\"\n    \u002F>\n  \u003C\u002Flabel>\n  \u003Cdiv class=\"flex justify-between\">\n    \u003Cdiv>\n      \u003Cp v-if=\"invalid && !disabled\" class=\"text-sm text-negative-700 font-medium mt-0.5\">{{ errorText }}\u003C\u002Fp>\n      \u003Cp v-if=\"helpText\" :class=\"['typography-hint-xs mt-0.5', disabled ? 'text-disabled-500' : 'text-neutral-500']\">\n        {{ helpText }}\n      \u003C\u002Fp>\n      \u003Cp v-if=\"requiredText && required\" class=\"mt-1 text-sm font-normal text-neutral-500 before:content-['*']\">\n        {{ requiredText }}\n      \u003C\u002Fp>\n    \u003C\u002Fdiv>\n    \u003Cp\n      v-if=\"characterLimit && !readonly\"\n      :class=\"[\n        'typography-error-xs mt-0.5',\n        disabled ? 'text-disabled-500' : isAboveLimit ? 'text-negative-700 font-medium' : 'text-neutral-500',\n      ]\"\n    >\n      {{ charsCount }}\n    \u003C\u002Fp>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\u003Cscript lang=\"ts\" setup>\nimport { ref, computed } from 'vue';\nimport { SfInput } from '@storefront-ui\u002Fvue';\n\nconst characterLimit = ref(25);\nconst inputValue = ref('');\nconst readonly = ref(false);\nconst invalid = ref(false);\nconst disabled = ref(false);\nconst required = ref(false);\nconst requiredText = ref('');\nconst helpText = ref('Help text');\nconst label = ref('Label');\nconst placeholder = ref('placeholder');\nconst errorText = ref('Error');\n\nconst isAboveLimit = computed(() => inputValue.value.length > characterLimit.value);\nconst charsCount = computed(() => characterLimit.value - inputValue.value.length);\n\u003C\u002Fscript>\n\n",[3484],{"type":15,"tag":36,"props":3485,"children":3486},{"__ignoreMap":9},[3487,3502,3517,3546,3554,3569,3581,3598,3615,3632,3649,3657,3665,3673,3681,3689,3706,3714,3729,3757,3773,3824,3866,3875,3891,3933,3942,3958,3974,3987,4005,4022,4031,4040,4048,4057,4066,4082,4098,4114,4146,4189,4221,4229,4268,4302,4335,4367,4399,4432,4465,4499,4533,4567,4601,4609,4684,4754],{"type":15,"tag":149,"props":3488,"children":3489},{"class":151,"line":152},[3490,3494,3498],{"type":15,"tag":149,"props":3491,"children":3492},{"style":156},[3493],{"type":21,"value":159},{"type":15,"tag":149,"props":3495,"children":3496},{"style":162},[3497],{"type":21,"value":28},{"type":15,"tag":149,"props":3499,"children":3500},{"style":156},[3501],{"type":21,"value":169},{"type":15,"tag":149,"props":3503,"children":3504},{"class":151,"line":172},[3505,3509,3513],{"type":15,"tag":149,"props":3506,"children":3507},{"style":156},[3508],{"type":21,"value":178},{"type":15,"tag":149,"props":3510,"children":3511},{"style":162},[3512],{"type":21,"value":809},{"type":15,"tag":149,"props":3514,"children":3515},{"style":156},[3516],{"type":21,"value":169},{"type":15,"tag":149,"props":3518,"children":3519},{"class":151,"line":207},[3520,3524,3528,3533,3537,3542],{"type":15,"tag":149,"props":3521,"children":3522},{"style":156},[3523],{"type":21,"value":213},{"type":15,"tag":149,"props":3525,"children":3526},{"style":162},[3527],{"type":21,"value":149},{"type":15,"tag":149,"props":3529,"children":3530},{"style":186},[3531],{"type":21,"value":3532}," :class",{"type":15,"tag":149,"props":3534,"children":3535},{"style":156},[3536],{"type":21,"value":194},{"type":15,"tag":149,"props":3538,"children":3539},{"style":197},[3540],{"type":21,"value":3541},"\"['text-sm font-medium', { 'cursor-not-allowed text-disabled-500': disabled }]\"",{"type":15,"tag":149,"props":3543,"children":3544},{"style":156},[3545],{"type":21,"value":169},{"type":15,"tag":149,"props":3547,"children":3548},{"class":151,"line":253},[3549],{"type":15,"tag":149,"props":3550,"children":3551},{"style":156},[3552],{"type":21,"value":3553},"      {{ label }}\n",{"type":15,"tag":149,"props":3555,"children":3556},{"class":151,"line":282},[3557,3561,3565],{"type":15,"tag":149,"props":3558,"children":3559},{"style":156},[3560],{"type":21,"value":686},{"type":15,"tag":149,"props":3562,"children":3563},{"style":162},[3564],{"type":21,"value":149},{"type":15,"tag":149,"props":3566,"children":3567},{"style":156},[3568],{"type":21,"value":169},{"type":15,"tag":149,"props":3570,"children":3571},{"class":151,"line":324},[3572,3576],{"type":15,"tag":149,"props":3573,"children":3574},{"style":156},[3575],{"type":21,"value":213},{"type":15,"tag":149,"props":3577,"children":3578},{"style":162},[3579],{"type":21,"value":3580},"SfInput\n",{"type":15,"tag":149,"props":3582,"children":3583},{"class":151,"line":341},[3584,3589,3593],{"type":15,"tag":149,"props":3585,"children":3586},{"style":186},[3587],{"type":21,"value":3588},"      :placeholder",{"type":15,"tag":149,"props":3590,"children":3591},{"style":156},[3592],{"type":21,"value":194},{"type":15,"tag":149,"props":3594,"children":3595},{"style":197},[3596],{"type":21,"value":3597},"\"placeholder\"\n",{"type":15,"tag":149,"props":3599,"children":3600},{"class":151,"line":358},[3601,3606,3610],{"type":15,"tag":149,"props":3602,"children":3603},{"style":186},[3604],{"type":21,"value":3605},"      :disabled",{"type":15,"tag":149,"props":3607,"children":3608},{"style":156},[3609],{"type":21,"value":194},{"type":15,"tag":149,"props":3611,"children":3612},{"style":197},[3613],{"type":21,"value":3614},"\"disabled\"\n",{"type":15,"tag":149,"props":3616,"children":3617},{"class":151,"line":394},[3618,3623,3627],{"type":15,"tag":149,"props":3619,"children":3620},{"style":186},[3621],{"type":21,"value":3622},"      :readonly",{"type":15,"tag":149,"props":3624,"children":3625},{"style":156},[3626],{"type":21,"value":194},{"type":15,"tag":149,"props":3628,"children":3629},{"style":197},[3630],{"type":21,"value":3631},"\"readonly\"\n",{"type":15,"tag":149,"props":3633,"children":3634},{"class":151,"line":433},[3635,3640,3644],{"type":15,"tag":149,"props":3636,"children":3637},{"style":186},[3638],{"type":21,"value":3639},"      :wrapper-class",{"type":15,"tag":149,"props":3641,"children":3642},{"style":156},[3643],{"type":21,"value":194},{"type":15,"tag":149,"props":3645,"children":3646},{"style":197},[3647],{"type":21,"value":3648},"\"[\n",{"type":15,"tag":149,"props":3650,"children":3651},{"class":151,"line":705},[3652],{"type":15,"tag":149,"props":3653,"children":3654},{"style":197},[3655],{"type":21,"value":3656},"        'mt-0.5',\n",{"type":15,"tag":149,"props":3658,"children":3659},{"class":151,"line":1088},[3660],{"type":15,"tag":149,"props":3661,"children":3662},{"style":197},[3663],{"type":21,"value":3664},"        {\n",{"type":15,"tag":149,"props":3666,"children":3667},{"class":151,"line":1671},[3668],{"type":15,"tag":149,"props":3669,"children":3670},{"style":197},[3671],{"type":21,"value":3672},"          'peer !bg-disabled-100 !ring-disabled-300 !ring-1 !text-disabled-500': disabled || readonly,\n",{"type":15,"tag":149,"props":3674,"children":3675},{"class":151,"line":1703},[3676],{"type":15,"tag":149,"props":3677,"children":3678},{"style":197},[3679],{"type":21,"value":3680},"        },\n",{"type":15,"tag":149,"props":3682,"children":3683},{"class":151,"line":2017},[3684],{"type":15,"tag":149,"props":3685,"children":3686},{"style":197},[3687],{"type":21,"value":3688},"      ]\"\n",{"type":15,"tag":149,"props":3690,"children":3691},{"class":151,"line":2026},[3692,3697,3701],{"type":15,"tag":149,"props":3693,"children":3694},{"style":186},[3695],{"type":21,"value":3696},"      v-model",{"type":15,"tag":149,"props":3698,"children":3699},{"style":156},[3700],{"type":21,"value":194},{"type":15,"tag":149,"props":3702,"children":3703},{"style":197},[3704],{"type":21,"value":3705},"\"inputValue\"\n",{"type":15,"tag":149,"props":3707,"children":3708},{"class":151,"line":2034},[3709],{"type":15,"tag":149,"props":3710,"children":3711},{"style":156},[3712],{"type":21,"value":3713},"    \u002F>\n",{"type":15,"tag":149,"props":3715,"children":3716},{"class":151,"line":3449},[3717,3721,3725],{"type":15,"tag":149,"props":3718,"children":3719},{"style":156},[3720],{"type":21,"value":330},{"type":15,"tag":149,"props":3722,"children":3723},{"style":162},[3724],{"type":21,"value":809},{"type":15,"tag":149,"props":3726,"children":3727},{"style":156},[3728],{"type":21,"value":169},{"type":15,"tag":149,"props":3730,"children":3732},{"class":151,"line":3731},19,[3733,3737,3741,3745,3749,3753],{"type":15,"tag":149,"props":3734,"children":3735},{"style":156},[3736],{"type":21,"value":178},{"type":15,"tag":149,"props":3738,"children":3739},{"style":162},[3740],{"type":21,"value":183},{"type":15,"tag":149,"props":3742,"children":3743},{"style":186},[3744],{"type":21,"value":189},{"type":15,"tag":149,"props":3746,"children":3747},{"style":156},[3748],{"type":21,"value":194},{"type":15,"tag":149,"props":3750,"children":3751},{"style":197},[3752],{"type":21,"value":1536},{"type":15,"tag":149,"props":3754,"children":3755},{"style":156},[3756],{"type":21,"value":169},{"type":15,"tag":149,"props":3758,"children":3760},{"class":151,"line":3759},20,[3761,3765,3769],{"type":15,"tag":149,"props":3762,"children":3763},{"style":156},[3764],{"type":21,"value":213},{"type":15,"tag":149,"props":3766,"children":3767},{"style":162},[3768],{"type":21,"value":183},{"type":15,"tag":149,"props":3770,"children":3771},{"style":156},[3772],{"type":21,"value":169},{"type":15,"tag":149,"props":3774,"children":3776},{"class":151,"line":3775},21,[3777,3781,3785,3790,3794,3799,3803,3807,3811,3816,3820],{"type":15,"tag":149,"props":3778,"children":3779},{"style":156},[3780],{"type":21,"value":579},{"type":15,"tag":149,"props":3782,"children":3783},{"style":162},[3784],{"type":21,"value":32},{"type":15,"tag":149,"props":3786,"children":3787},{"style":186},[3788],{"type":21,"value":3789}," v-if",{"type":15,"tag":149,"props":3791,"children":3792},{"style":156},[3793],{"type":21,"value":194},{"type":15,"tag":149,"props":3795,"children":3796},{"style":197},[3797],{"type":21,"value":3798},"\"invalid && !disabled\"",{"type":15,"tag":149,"props":3800,"children":3801},{"style":186},[3802],{"type":21,"value":189},{"type":15,"tag":149,"props":3804,"children":3805},{"style":156},[3806],{"type":21,"value":194},{"type":15,"tag":149,"props":3808,"children":3809},{"style":197},[3810],{"type":21,"value":2934},{"type":15,"tag":149,"props":3812,"children":3813},{"style":156},[3814],{"type":21,"value":3815},">{{ errorText }}\u003C\u002F",{"type":15,"tag":149,"props":3817,"children":3818},{"style":162},[3819],{"type":21,"value":32},{"type":15,"tag":149,"props":3821,"children":3822},{"style":156},[3823],{"type":21,"value":169},{"type":15,"tag":149,"props":3825,"children":3827},{"class":151,"line":3826},22,[3828,3832,3836,3840,3844,3849,3853,3857,3862],{"type":15,"tag":149,"props":3829,"children":3830},{"style":156},[3831],{"type":21,"value":579},{"type":15,"tag":149,"props":3833,"children":3834},{"style":162},[3835],{"type":21,"value":32},{"type":15,"tag":149,"props":3837,"children":3838},{"style":186},[3839],{"type":21,"value":3789},{"type":15,"tag":149,"props":3841,"children":3842},{"style":156},[3843],{"type":21,"value":194},{"type":15,"tag":149,"props":3845,"children":3846},{"style":197},[3847],{"type":21,"value":3848},"\"helpText\"",{"type":15,"tag":149,"props":3850,"children":3851},{"style":186},[3852],{"type":21,"value":3532},{"type":15,"tag":149,"props":3854,"children":3855},{"style":156},[3856],{"type":21,"value":194},{"type":15,"tag":149,"props":3858,"children":3859},{"style":197},[3860],{"type":21,"value":3861},"\"['typography-hint-xs mt-0.5', disabled ? 'text-disabled-500' : 'text-neutral-500']\"",{"type":15,"tag":149,"props":3863,"children":3864},{"style":156},[3865],{"type":21,"value":169},{"type":15,"tag":149,"props":3867,"children":3869},{"class":151,"line":3868},23,[3870],{"type":15,"tag":149,"props":3871,"children":3872},{"style":156},[3873],{"type":21,"value":3874},"        {{ helpText }}\n",{"type":15,"tag":149,"props":3876,"children":3878},{"class":151,"line":3877},24,[3879,3883,3887],{"type":15,"tag":149,"props":3880,"children":3881},{"style":156},[3882],{"type":21,"value":1897},{"type":15,"tag":149,"props":3884,"children":3885},{"style":162},[3886],{"type":21,"value":32},{"type":15,"tag":149,"props":3888,"children":3889},{"style":156},[3890],{"type":21,"value":169},{"type":15,"tag":149,"props":3892,"children":3894},{"class":151,"line":3893},25,[3895,3899,3903,3907,3911,3916,3920,3924,3929],{"type":15,"tag":149,"props":3896,"children":3897},{"style":156},[3898],{"type":21,"value":579},{"type":15,"tag":149,"props":3900,"children":3901},{"style":162},[3902],{"type":21,"value":32},{"type":15,"tag":149,"props":3904,"children":3905},{"style":186},[3906],{"type":21,"value":3789},{"type":15,"tag":149,"props":3908,"children":3909},{"style":156},[3910],{"type":21,"value":194},{"type":15,"tag":149,"props":3912,"children":3913},{"style":197},[3914],{"type":21,"value":3915},"\"requiredText && required\"",{"type":15,"tag":149,"props":3917,"children":3918},{"style":186},[3919],{"type":21,"value":189},{"type":15,"tag":149,"props":3921,"children":3922},{"style":156},[3923],{"type":21,"value":194},{"type":15,"tag":149,"props":3925,"children":3926},{"style":197},[3927],{"type":21,"value":3928},"\"mt-1 text-sm font-normal text-neutral-500 before:content-['*']\"",{"type":15,"tag":149,"props":3930,"children":3931},{"style":156},[3932],{"type":21,"value":169},{"type":15,"tag":149,"props":3934,"children":3936},{"class":151,"line":3935},26,[3937],{"type":15,"tag":149,"props":3938,"children":3939},{"style":156},[3940],{"type":21,"value":3941},"        {{ requiredText }}\n",{"type":15,"tag":149,"props":3943,"children":3945},{"class":151,"line":3944},27,[3946,3950,3954],{"type":15,"tag":149,"props":3947,"children":3948},{"style":156},[3949],{"type":21,"value":1897},{"type":15,"tag":149,"props":3951,"children":3952},{"style":162},[3953],{"type":21,"value":32},{"type":15,"tag":149,"props":3955,"children":3956},{"style":156},[3957],{"type":21,"value":169},{"type":15,"tag":149,"props":3959,"children":3961},{"class":151,"line":3960},28,[3962,3966,3970],{"type":15,"tag":149,"props":3963,"children":3964},{"style":156},[3965],{"type":21,"value":686},{"type":15,"tag":149,"props":3967,"children":3968},{"style":162},[3969],{"type":21,"value":183},{"type":15,"tag":149,"props":3971,"children":3972},{"style":156},[3973],{"type":21,"value":169},{"type":15,"tag":149,"props":3975,"children":3977},{"class":151,"line":3976},29,[3978,3982],{"type":15,"tag":149,"props":3979,"children":3980},{"style":156},[3981],{"type":21,"value":213},{"type":15,"tag":149,"props":3983,"children":3984},{"style":162},[3985],{"type":21,"value":3986},"p\n",{"type":15,"tag":149,"props":3988,"children":3990},{"class":151,"line":3989},30,[3991,3996,4000],{"type":15,"tag":149,"props":3992,"children":3993},{"style":186},[3994],{"type":21,"value":3995},"      v-if",{"type":15,"tag":149,"props":3997,"children":3998},{"style":156},[3999],{"type":21,"value":194},{"type":15,"tag":149,"props":4001,"children":4002},{"style":197},[4003],{"type":21,"value":4004},"\"characterLimit && !readonly\"\n",{"type":15,"tag":149,"props":4006,"children":4008},{"class":151,"line":4007},31,[4009,4014,4018],{"type":15,"tag":149,"props":4010,"children":4011},{"style":186},[4012],{"type":21,"value":4013},"      :class",{"type":15,"tag":149,"props":4015,"children":4016},{"style":156},[4017],{"type":21,"value":194},{"type":15,"tag":149,"props":4019,"children":4020},{"style":197},[4021],{"type":21,"value":3648},{"type":15,"tag":149,"props":4023,"children":4025},{"class":151,"line":4024},32,[4026],{"type":15,"tag":149,"props":4027,"children":4028},{"style":197},[4029],{"type":21,"value":4030},"        'typography-error-xs mt-0.5',\n",{"type":15,"tag":149,"props":4032,"children":4034},{"class":151,"line":4033},33,[4035],{"type":15,"tag":149,"props":4036,"children":4037},{"style":197},[4038],{"type":21,"value":4039},"        disabled ? 'text-disabled-500' : isAboveLimit ? 'text-negative-700 font-medium' : 'text-neutral-500',\n",{"type":15,"tag":149,"props":4041,"children":4043},{"class":151,"line":4042},34,[4044],{"type":15,"tag":149,"props":4045,"children":4046},{"style":197},[4047],{"type":21,"value":3688},{"type":15,"tag":149,"props":4049,"children":4051},{"class":151,"line":4050},35,[4052],{"type":15,"tag":149,"props":4053,"children":4054},{"style":156},[4055],{"type":21,"value":4056},"    >\n",{"type":15,"tag":149,"props":4058,"children":4060},{"class":151,"line":4059},36,[4061],{"type":15,"tag":149,"props":4062,"children":4063},{"style":156},[4064],{"type":21,"value":4065},"      {{ charsCount }}\n",{"type":15,"tag":149,"props":4067,"children":4069},{"class":151,"line":4068},37,[4070,4074,4078],{"type":15,"tag":149,"props":4071,"children":4072},{"style":156},[4073],{"type":21,"value":686},{"type":15,"tag":149,"props":4075,"children":4076},{"style":162},[4077],{"type":21,"value":32},{"type":15,"tag":149,"props":4079,"children":4080},{"style":156},[4081],{"type":21,"value":169},{"type":15,"tag":149,"props":4083,"children":4085},{"class":151,"line":4084},38,[4086,4090,4094],{"type":15,"tag":149,"props":4087,"children":4088},{"style":156},[4089],{"type":21,"value":330},{"type":15,"tag":149,"props":4091,"children":4092},{"style":162},[4093],{"type":21,"value":183},{"type":15,"tag":149,"props":4095,"children":4096},{"style":156},[4097],{"type":21,"value":169},{"type":15,"tag":149,"props":4099,"children":4101},{"class":151,"line":4100},39,[4102,4106,4110],{"type":15,"tag":149,"props":4103,"children":4104},{"style":156},[4105],{"type":21,"value":347},{"type":15,"tag":149,"props":4107,"children":4108},{"style":162},[4109],{"type":21,"value":28},{"type":15,"tag":149,"props":4111,"children":4112},{"style":156},[4113],{"type":21,"value":169},{"type":15,"tag":149,"props":4115,"children":4117},{"class":151,"line":4116},40,[4118,4122,4126,4130,4134,4138,4142],{"type":15,"tag":149,"props":4119,"children":4120},{"style":156},[4121],{"type":21,"value":159},{"type":15,"tag":149,"props":4123,"children":4124},{"style":162},[4125],{"type":21,"value":368},{"type":15,"tag":149,"props":4127,"children":4128},{"style":186},[4129],{"type":21,"value":373},{"type":15,"tag":149,"props":4131,"children":4132},{"style":156},[4133],{"type":21,"value":194},{"type":15,"tag":149,"props":4135,"children":4136},{"style":197},[4137],{"type":21,"value":382},{"type":15,"tag":149,"props":4139,"children":4140},{"style":186},[4141],{"type":21,"value":387},{"type":15,"tag":149,"props":4143,"children":4144},{"style":156},[4145],{"type":21,"value":169},{"type":15,"tag":149,"props":4147,"children":4149},{"class":151,"line":4148},41,[4150,4154,4158,4163,4167,4172,4176,4180,4185],{"type":15,"tag":149,"props":4151,"children":4152},{"style":398},[4153],{"type":21,"value":401},{"type":15,"tag":149,"props":4155,"children":4156},{"style":156},[4157],{"type":21,"value":406},{"type":15,"tag":149,"props":4159,"children":4160},{"style":162},[4161],{"type":21,"value":4162},"ref",{"type":15,"tag":149,"props":4164,"children":4165},{"style":156},[4166],{"type":21,"value":112},{"type":15,"tag":149,"props":4168,"children":4169},{"style":162},[4170],{"type":21,"value":4171},"computed",{"type":15,"tag":149,"props":4173,"children":4174},{"style":156},[4175],{"type":21,"value":415},{"type":15,"tag":149,"props":4177,"children":4178},{"style":398},[4179],{"type":21,"value":420},{"type":15,"tag":149,"props":4181,"children":4182},{"style":197},[4183],{"type":21,"value":4184}," 'vue'",{"type":15,"tag":149,"props":4186,"children":4187},{"style":156},[4188],{"type":21,"value":430},{"type":15,"tag":149,"props":4190,"children":4192},{"class":151,"line":4191},42,[4193,4197,4201,4205,4209,4213,4217],{"type":15,"tag":149,"props":4194,"children":4195},{"style":398},[4196],{"type":21,"value":401},{"type":15,"tag":149,"props":4198,"children":4199},{"style":156},[4200],{"type":21,"value":406},{"type":15,"tag":149,"props":4202,"children":4203},{"style":162},[4204],{"type":21,"value":41},{"type":15,"tag":149,"props":4206,"children":4207},{"style":156},[4208],{"type":21,"value":415},{"type":15,"tag":149,"props":4210,"children":4211},{"style":398},[4212],{"type":21,"value":420},{"type":15,"tag":149,"props":4214,"children":4215},{"style":197},[4216],{"type":21,"value":425},{"type":15,"tag":149,"props":4218,"children":4219},{"style":156},[4220],{"type":21,"value":430},{"type":15,"tag":149,"props":4222,"children":4224},{"class":151,"line":4223},43,[4225],{"type":15,"tag":149,"props":4226,"children":4227},{"emptyLinePlaceholder":8},[4228],{"type":21,"value":499},{"type":15,"tag":149,"props":4230,"children":4232},{"class":151,"line":4231},44,[4233,4238,4243,4248,4253,4258,4263],{"type":15,"tag":149,"props":4234,"children":4235},{"style":398},[4236],{"type":21,"value":4237},"const",{"type":15,"tag":149,"props":4239,"children":4240},{"style":582},[4241],{"type":21,"value":4242}," characterLimit",{"type":15,"tag":149,"props":4244,"children":4245},{"style":561},[4246],{"type":21,"value":4247}," =",{"type":15,"tag":149,"props":4249,"children":4250},{"style":520},[4251],{"type":21,"value":4252}," ref",{"type":15,"tag":149,"props":4254,"children":4255},{"style":156},[4256],{"type":21,"value":4257},"(",{"type":15,"tag":149,"props":4259,"children":4260},{"style":186},[4261],{"type":21,"value":4262},"25",{"type":15,"tag":149,"props":4264,"children":4265},{"style":156},[4266],{"type":21,"value":4267},");\n",{"type":15,"tag":149,"props":4269,"children":4271},{"class":151,"line":4270},45,[4272,4276,4281,4285,4289,4293,4298],{"type":15,"tag":149,"props":4273,"children":4274},{"style":398},[4275],{"type":21,"value":4237},{"type":15,"tag":149,"props":4277,"children":4278},{"style":582},[4279],{"type":21,"value":4280}," inputValue",{"type":15,"tag":149,"props":4282,"children":4283},{"style":561},[4284],{"type":21,"value":4247},{"type":15,"tag":149,"props":4286,"children":4287},{"style":520},[4288],{"type":21,"value":4252},{"type":15,"tag":149,"props":4290,"children":4291},{"style":156},[4292],{"type":21,"value":4257},{"type":15,"tag":149,"props":4294,"children":4295},{"style":197},[4296],{"type":21,"value":4297},"''",{"type":15,"tag":149,"props":4299,"children":4300},{"style":156},[4301],{"type":21,"value":4267},{"type":15,"tag":149,"props":4303,"children":4305},{"class":151,"line":4304},46,[4306,4310,4314,4318,4322,4326,4331],{"type":15,"tag":149,"props":4307,"children":4308},{"style":398},[4309],{"type":21,"value":4237},{"type":15,"tag":149,"props":4311,"children":4312},{"style":582},[4313],{"type":21,"value":2176},{"type":15,"tag":149,"props":4315,"children":4316},{"style":561},[4317],{"type":21,"value":4247},{"type":15,"tag":149,"props":4319,"children":4320},{"style":520},[4321],{"type":21,"value":4252},{"type":15,"tag":149,"props":4323,"children":4324},{"style":156},[4325],{"type":21,"value":4257},{"type":15,"tag":149,"props":4327,"children":4328},{"style":186},[4329],{"type":21,"value":4330},"false",{"type":15,"tag":149,"props":4332,"children":4333},{"style":156},[4334],{"type":21,"value":4267},{"type":15,"tag":149,"props":4336,"children":4338},{"class":151,"line":4337},47,[4339,4343,4347,4351,4355,4359,4363],{"type":15,"tag":149,"props":4340,"children":4341},{"style":398},[4342],{"type":21,"value":4237},{"type":15,"tag":149,"props":4344,"children":4345},{"style":582},[4346],{"type":21,"value":2837},{"type":15,"tag":149,"props":4348,"children":4349},{"style":561},[4350],{"type":21,"value":4247},{"type":15,"tag":149,"props":4352,"children":4353},{"style":520},[4354],{"type":21,"value":4252},{"type":15,"tag":149,"props":4356,"children":4357},{"style":156},[4358],{"type":21,"value":4257},{"type":15,"tag":149,"props":4360,"children":4361},{"style":186},[4362],{"type":21,"value":4330},{"type":15,"tag":149,"props":4364,"children":4365},{"style":156},[4366],{"type":21,"value":4267},{"type":15,"tag":149,"props":4368,"children":4370},{"class":151,"line":4369},48,[4371,4375,4379,4383,4387,4391,4395],{"type":15,"tag":149,"props":4372,"children":4373},{"style":398},[4374],{"type":21,"value":4237},{"type":15,"tag":149,"props":4376,"children":4377},{"style":582},[4378],{"type":21,"value":1480},{"type":15,"tag":149,"props":4380,"children":4381},{"style":561},[4382],{"type":21,"value":4247},{"type":15,"tag":149,"props":4384,"children":4385},{"style":520},[4386],{"type":21,"value":4252},{"type":15,"tag":149,"props":4388,"children":4389},{"style":156},[4390],{"type":21,"value":4257},{"type":15,"tag":149,"props":4392,"children":4393},{"style":186},[4394],{"type":21,"value":4330},{"type":15,"tag":149,"props":4396,"children":4397},{"style":156},[4398],{"type":21,"value":4267},{"type":15,"tag":149,"props":4400,"children":4402},{"class":151,"line":4401},49,[4403,4407,4412,4416,4420,4424,4428],{"type":15,"tag":149,"props":4404,"children":4405},{"style":398},[4406],{"type":21,"value":4237},{"type":15,"tag":149,"props":4408,"children":4409},{"style":582},[4410],{"type":21,"value":4411}," required",{"type":15,"tag":149,"props":4413,"children":4414},{"style":561},[4415],{"type":21,"value":4247},{"type":15,"tag":149,"props":4417,"children":4418},{"style":520},[4419],{"type":21,"value":4252},{"type":15,"tag":149,"props":4421,"children":4422},{"style":156},[4423],{"type":21,"value":4257},{"type":15,"tag":149,"props":4425,"children":4426},{"style":186},[4427],{"type":21,"value":4330},{"type":15,"tag":149,"props":4429,"children":4430},{"style":156},[4431],{"type":21,"value":4267},{"type":15,"tag":149,"props":4433,"children":4435},{"class":151,"line":4434},50,[4436,4440,4445,4449,4453,4457,4461],{"type":15,"tag":149,"props":4437,"children":4438},{"style":398},[4439],{"type":21,"value":4237},{"type":15,"tag":149,"props":4441,"children":4442},{"style":582},[4443],{"type":21,"value":4444}," requiredText",{"type":15,"tag":149,"props":4446,"children":4447},{"style":561},[4448],{"type":21,"value":4247},{"type":15,"tag":149,"props":4450,"children":4451},{"style":520},[4452],{"type":21,"value":4252},{"type":15,"tag":149,"props":4454,"children":4455},{"style":156},[4456],{"type":21,"value":4257},{"type":15,"tag":149,"props":4458,"children":4459},{"style":197},[4460],{"type":21,"value":4297},{"type":15,"tag":149,"props":4462,"children":4463},{"style":156},[4464],{"type":21,"value":4267},{"type":15,"tag":149,"props":4466,"children":4468},{"class":151,"line":4467},51,[4469,4473,4478,4482,4486,4490,4495],{"type":15,"tag":149,"props":4470,"children":4471},{"style":398},[4472],{"type":21,"value":4237},{"type":15,"tag":149,"props":4474,"children":4475},{"style":582},[4476],{"type":21,"value":4477}," helpText",{"type":15,"tag":149,"props":4479,"children":4480},{"style":561},[4481],{"type":21,"value":4247},{"type":15,"tag":149,"props":4483,"children":4484},{"style":520},[4485],{"type":21,"value":4252},{"type":15,"tag":149,"props":4487,"children":4488},{"style":156},[4489],{"type":21,"value":4257},{"type":15,"tag":149,"props":4491,"children":4492},{"style":197},[4493],{"type":21,"value":4494},"'Help text'",{"type":15,"tag":149,"props":4496,"children":4497},{"style":156},[4498],{"type":21,"value":4267},{"type":15,"tag":149,"props":4500,"children":4502},{"class":151,"line":4501},52,[4503,4507,4512,4516,4520,4524,4529],{"type":15,"tag":149,"props":4504,"children":4505},{"style":398},[4506],{"type":21,"value":4237},{"type":15,"tag":149,"props":4508,"children":4509},{"style":582},[4510],{"type":21,"value":4511}," label",{"type":15,"tag":149,"props":4513,"children":4514},{"style":561},[4515],{"type":21,"value":4247},{"type":15,"tag":149,"props":4517,"children":4518},{"style":520},[4519],{"type":21,"value":4252},{"type":15,"tag":149,"props":4521,"children":4522},{"style":156},[4523],{"type":21,"value":4257},{"type":15,"tag":149,"props":4525,"children":4526},{"style":197},[4527],{"type":21,"value":4528},"'Label'",{"type":15,"tag":149,"props":4530,"children":4531},{"style":156},[4532],{"type":21,"value":4267},{"type":15,"tag":149,"props":4534,"children":4536},{"class":151,"line":4535},53,[4537,4541,4546,4550,4554,4558,4563],{"type":15,"tag":149,"props":4538,"children":4539},{"style":398},[4540],{"type":21,"value":4237},{"type":15,"tag":149,"props":4542,"children":4543},{"style":582},[4544],{"type":21,"value":4545}," placeholder",{"type":15,"tag":149,"props":4547,"children":4548},{"style":561},[4549],{"type":21,"value":4247},{"type":15,"tag":149,"props":4551,"children":4552},{"style":520},[4553],{"type":21,"value":4252},{"type":15,"tag":149,"props":4555,"children":4556},{"style":156},[4557],{"type":21,"value":4257},{"type":15,"tag":149,"props":4559,"children":4560},{"style":197},[4561],{"type":21,"value":4562},"'placeholder'",{"type":15,"tag":149,"props":4564,"children":4565},{"style":156},[4566],{"type":21,"value":4267},{"type":15,"tag":149,"props":4568,"children":4570},{"class":151,"line":4569},54,[4571,4575,4580,4584,4588,4592,4597],{"type":15,"tag":149,"props":4572,"children":4573},{"style":398},[4574],{"type":21,"value":4237},{"type":15,"tag":149,"props":4576,"children":4577},{"style":582},[4578],{"type":21,"value":4579}," errorText",{"type":15,"tag":149,"props":4581,"children":4582},{"style":561},[4583],{"type":21,"value":4247},{"type":15,"tag":149,"props":4585,"children":4586},{"style":520},[4587],{"type":21,"value":4252},{"type":15,"tag":149,"props":4589,"children":4590},{"style":156},[4591],{"type":21,"value":4257},{"type":15,"tag":149,"props":4593,"children":4594},{"style":197},[4595],{"type":21,"value":4596},"'Error'",{"type":15,"tag":149,"props":4598,"children":4599},{"style":156},[4600],{"type":21,"value":4267},{"type":15,"tag":149,"props":4602,"children":4604},{"class":151,"line":4603},55,[4605],{"type":15,"tag":149,"props":4606,"children":4607},{"emptyLinePlaceholder":8},[4608],{"type":21,"value":499},{"type":15,"tag":149,"props":4610,"children":4612},{"class":151,"line":4611},56,[4613,4617,4622,4626,4631,4636,4641,4645,4649,4654,4658,4663,4668,4672,4676,4680],{"type":15,"tag":149,"props":4614,"children":4615},{"style":398},[4616],{"type":21,"value":4237},{"type":15,"tag":149,"props":4618,"children":4619},{"style":582},[4620],{"type":21,"value":4621}," isAboveLimit",{"type":15,"tag":149,"props":4623,"children":4624},{"style":561},[4625],{"type":21,"value":4247},{"type":15,"tag":149,"props":4627,"children":4628},{"style":520},[4629],{"type":21,"value":4630}," computed",{"type":15,"tag":149,"props":4632,"children":4633},{"style":156},[4634],{"type":21,"value":4635},"(() ",{"type":15,"tag":149,"props":4637,"children":4638},{"style":398},[4639],{"type":21,"value":4640},"=>",{"type":15,"tag":149,"props":4642,"children":4643},{"style":582},[4644],{"type":21,"value":4280},{"type":15,"tag":149,"props":4646,"children":4647},{"style":156},[4648],{"type":21,"value":72},{"type":15,"tag":149,"props":4650,"children":4651},{"style":582},[4652],{"type":21,"value":4653},"value",{"type":15,"tag":149,"props":4655,"children":4656},{"style":156},[4657],{"type":21,"value":72},{"type":15,"tag":149,"props":4659,"children":4660},{"style":162},[4661],{"type":21,"value":4662},"length",{"type":15,"tag":149,"props":4664,"children":4665},{"style":561},[4666],{"type":21,"value":4667}," >",{"type":15,"tag":149,"props":4669,"children":4670},{"style":582},[4671],{"type":21,"value":4242},{"type":15,"tag":149,"props":4673,"children":4674},{"style":156},[4675],{"type":21,"value":72},{"type":15,"tag":149,"props":4677,"children":4678},{"style":162},[4679],{"type":21,"value":4653},{"type":15,"tag":149,"props":4681,"children":4682},{"style":156},[4683],{"type":21,"value":4267},{"type":15,"tag":149,"props":4685,"children":4687},{"class":151,"line":4686},57,[4688,4692,4697,4701,4705,4709,4713,4717,4721,4725,4730,4734,4738,4742,4746,4750],{"type":15,"tag":149,"props":4689,"children":4690},{"style":398},[4691],{"type":21,"value":4237},{"type":15,"tag":149,"props":4693,"children":4694},{"style":582},[4695],{"type":21,"value":4696}," charsCount",{"type":15,"tag":149,"props":4698,"children":4699},{"style":561},[4700],{"type":21,"value":4247},{"type":15,"tag":149,"props":4702,"children":4703},{"style":520},[4704],{"type":21,"value":4630},{"type":15,"tag":149,"props":4706,"children":4707},{"style":156},[4708],{"type":21,"value":4635},{"type":15,"tag":149,"props":4710,"children":4711},{"style":398},[4712],{"type":21,"value":4640},{"type":15,"tag":149,"props":4714,"children":4715},{"style":582},[4716],{"type":21,"value":4242},{"type":15,"tag":149,"props":4718,"children":4719},{"style":156},[4720],{"type":21,"value":72},{"type":15,"tag":149,"props":4722,"children":4723},{"style":162},[4724],{"type":21,"value":4653},{"type":15,"tag":149,"props":4726,"children":4727},{"style":561},[4728],{"type":21,"value":4729}," -",{"type":15,"tag":149,"props":4731,"children":4732},{"style":582},[4733],{"type":21,"value":4280},{"type":15,"tag":149,"props":4735,"children":4736},{"style":156},[4737],{"type":21,"value":72},{"type":15,"tag":149,"props":4739,"children":4740},{"style":582},[4741],{"type":21,"value":4653},{"type":15,"tag":149,"props":4743,"children":4744},{"style":156},[4745],{"type":21,"value":72},{"type":15,"tag":149,"props":4747,"children":4748},{"style":162},[4749],{"type":21,"value":4662},{"type":15,"tag":149,"props":4751,"children":4752},{"style":156},[4753],{"type":21,"value":4267},{"type":15,"tag":149,"props":4755,"children":4757},{"class":151,"line":4756},58,[4758,4762,4766],{"type":15,"tag":149,"props":4759,"children":4760},{"style":156},[4761],{"type":21,"value":347},{"type":15,"tag":149,"props":4763,"children":4764},{"style":162},[4765],{"type":21,"value":368},{"type":15,"tag":149,"props":4767,"children":4768},{"style":156},[4769],{"type":21,"value":169},{"type":15,"tag":448,"props":4771,"children":4772},{},[4773],{"type":15,"tag":139,"props":4774,"children":4776},{"className":453,"code":4775,"language":455,"meta":9,"style":9},"import { SfInput } from '@storefront-ui\u002Freact';\nimport classNames from 'classnames';\nimport { ChangeEvent, useState } from 'react';\n\nexport default function InputWithLimit() {\n  const characterLimit = 25;\n  const label = 'Label';\n  const placeholder = 'placeholder';\n  const disabled = false;\n  const readonly = false;\n  const invalid = false;\n  const helpText = 'Help text';\n  const required = false;\n  const requiredText = 'Required';\n  const errorText = 'Error';\n\n  const [value, setValue] = useState('');\n\n  function onChange(event: ChangeEvent\u003CHTMLInputElement>) {\n    setValue(event?.target.value);\n  }\n  const isAboveLimit = characterLimit ? value.length > characterLimit : false;\n  const charsCount = characterLimit ? characterLimit - value.length : null;\n\n  const getCharacterLimitClass = () => (isAboveLimit ? 'text-negative-700 font-medium' : 'text-neutral-500');\n\n  return (\n    \u003C>\n      \u003Clabel>\n        \u003Cspan\n          className={classNames('text-sm font-medium', {\n            'cursor-not-allowed text-disabled-500': disabled,\n          })}\n        >\n          {label}\n        \u003C\u002Fspan>\n        \u003CSfInput\n          size=\"base\"\n          value={value}\n          invalid={false}\n          placeholder={placeholder}\n          disabled={disabled}\n          readOnly={readonly}\n          onChange={onChange}\n          wrapperClassName={classNames('mt-0.5', {\n            'peer !bg-disabled-100 !ring-disabled-300 !ring-1 !text-disabled-500': disabled || readonly,\n          })}\n        \u002F>\n      \u003C\u002Flabel>\n      \u003Cdiv className=\"flex justify-between\">\n        \u003Cdiv>\n          {invalid && !disabled && \u003Cp className=\"text-sm text-negative-700 font-medium mt-0.5\">{errorText}\u003C\u002Fp>}\n          {helpText && (\n            \u003Cp className={classNames('typography-hint-xs mt-0.5', disabled ? 'text-disabled-500' : 'text-neutral-500')}>\n              {helpText}\n            \u003C\u002Fp>\n          )}\n          {requiredText && required ? (\n            \u003Cp className=\"mt-1 text-sm font-normal text-neutral-500 before:content-['*']\">{requiredText}\u003C\u002Fp>\n          ) : null}\n        \u003C\u002Fdiv>\n        {characterLimit && !readonly ? (\n          \u003Cp\n            className={classNames(\n              'typography-error-xs mt-0.5',\n              disabled ? 'text-disabled-500' : getCharacterLimitClass(),\n            )}\n          >\n            {charsCount}\n          \u003C\u002Fp>\n        ) : null}\n      \u003C\u002Fdiv>\n    \u003C\u002F>\n  );\n}\n",[4777],{"type":15,"tag":36,"props":4778,"children":4779},{"__ignoreMap":9},[4780,4811,4837,4879,4886,4910,4935,4959,4983,5007,5030,5053,5077,5100,5124,5148,5155,5206,5213,5259,5297,5305,5362,5418,5425,5482,5489,5500,5507,5522,5534,5569,5591,5603,5611,5627,5642,5653,5670,5694,5718,5743,5767,5792,5817,5850,5879,5890,5898,5913,5940,5955,6039,6059,6134,6150,6166,6178,6206,6258,6280,6296,6330,6342,6368,6381,6411,6424,6433,6451,6468,6489,6505,6513,6521],{"type":15,"tag":149,"props":4781,"children":4782},{"class":151,"line":152},[4783,4787,4791,4795,4799,4803,4807],{"type":15,"tag":149,"props":4784,"children":4785},{"style":398},[4786],{"type":21,"value":401},{"type":15,"tag":149,"props":4788,"children":4789},{"style":156},[4790],{"type":21,"value":406},{"type":15,"tag":149,"props":4792,"children":4793},{"style":162},[4794],{"type":21,"value":41},{"type":15,"tag":149,"props":4796,"children":4797},{"style":156},[4798],{"type":21,"value":415},{"type":15,"tag":149,"props":4800,"children":4801},{"style":398},[4802],{"type":21,"value":420},{"type":15,"tag":149,"props":4804,"children":4805},{"style":197},[4806],{"type":21,"value":487},{"type":15,"tag":149,"props":4808,"children":4809},{"style":156},[4810],{"type":21,"value":430},{"type":15,"tag":149,"props":4812,"children":4813},{"class":151,"line":172},[4814,4818,4823,4828,4833],{"type":15,"tag":149,"props":4815,"children":4816},{"style":398},[4817],{"type":21,"value":401},{"type":15,"tag":149,"props":4819,"children":4820},{"style":162},[4821],{"type":21,"value":4822}," classNames",{"type":15,"tag":149,"props":4824,"children":4825},{"style":398},[4826],{"type":21,"value":4827}," from",{"type":15,"tag":149,"props":4829,"children":4830},{"style":197},[4831],{"type":21,"value":4832}," 'classnames'",{"type":15,"tag":149,"props":4834,"children":4835},{"style":156},[4836],{"type":21,"value":430},{"type":15,"tag":149,"props":4838,"children":4839},{"class":151,"line":207},[4840,4844,4848,4853,4857,4862,4866,4870,4875],{"type":15,"tag":149,"props":4841,"children":4842},{"style":398},[4843],{"type":21,"value":401},{"type":15,"tag":149,"props":4845,"children":4846},{"style":156},[4847],{"type":21,"value":406},{"type":15,"tag":149,"props":4849,"children":4850},{"style":162},[4851],{"type":21,"value":4852},"ChangeEvent",{"type":15,"tag":149,"props":4854,"children":4855},{"style":156},[4856],{"type":21,"value":112},{"type":15,"tag":149,"props":4858,"children":4859},{"style":162},[4860],{"type":21,"value":4861},"useState",{"type":15,"tag":149,"props":4863,"children":4864},{"style":156},[4865],{"type":21,"value":415},{"type":15,"tag":149,"props":4867,"children":4868},{"style":398},[4869],{"type":21,"value":420},{"type":15,"tag":149,"props":4871,"children":4872},{"style":197},[4873],{"type":21,"value":4874}," 'react'",{"type":15,"tag":149,"props":4876,"children":4877},{"style":156},[4878],{"type":21,"value":430},{"type":15,"tag":149,"props":4880,"children":4881},{"class":151,"line":253},[4882],{"type":15,"tag":149,"props":4883,"children":4884},{"emptyLinePlaceholder":8},[4885],{"type":21,"value":499},{"type":15,"tag":149,"props":4887,"children":4888},{"class":151,"line":282},[4889,4893,4897,4901,4906],{"type":15,"tag":149,"props":4890,"children":4891},{"style":398},[4892],{"type":21,"value":507},{"type":15,"tag":149,"props":4894,"children":4895},{"style":398},[4896],{"type":21,"value":512},{"type":15,"tag":149,"props":4898,"children":4899},{"style":398},[4900],{"type":21,"value":517},{"type":15,"tag":149,"props":4902,"children":4903},{"style":520},[4904],{"type":21,"value":4905}," InputWithLimit",{"type":15,"tag":149,"props":4907,"children":4908},{"style":156},[4909],{"type":21,"value":528},{"type":15,"tag":149,"props":4911,"children":4912},{"class":151,"line":324},[4913,4918,4922,4926,4931],{"type":15,"tag":149,"props":4914,"children":4915},{"style":398},[4916],{"type":21,"value":4917},"  const",{"type":15,"tag":149,"props":4919,"children":4920},{"style":582},[4921],{"type":21,"value":4242},{"type":15,"tag":149,"props":4923,"children":4924},{"style":561},[4925],{"type":21,"value":4247},{"type":15,"tag":149,"props":4927,"children":4928},{"style":186},[4929],{"type":21,"value":4930}," 25",{"type":15,"tag":149,"props":4932,"children":4933},{"style":156},[4934],{"type":21,"value":430},{"type":15,"tag":149,"props":4936,"children":4937},{"class":151,"line":341},[4938,4942,4946,4950,4955],{"type":15,"tag":149,"props":4939,"children":4940},{"style":398},[4941],{"type":21,"value":4917},{"type":15,"tag":149,"props":4943,"children":4944},{"style":582},[4945],{"type":21,"value":4511},{"type":15,"tag":149,"props":4947,"children":4948},{"style":561},[4949],{"type":21,"value":4247},{"type":15,"tag":149,"props":4951,"children":4952},{"style":197},[4953],{"type":21,"value":4954}," 'Label'",{"type":15,"tag":149,"props":4956,"children":4957},{"style":156},[4958],{"type":21,"value":430},{"type":15,"tag":149,"props":4960,"children":4961},{"class":151,"line":358},[4962,4966,4970,4974,4979],{"type":15,"tag":149,"props":4963,"children":4964},{"style":398},[4965],{"type":21,"value":4917},{"type":15,"tag":149,"props":4967,"children":4968},{"style":582},[4969],{"type":21,"value":4545},{"type":15,"tag":149,"props":4971,"children":4972},{"style":561},[4973],{"type":21,"value":4247},{"type":15,"tag":149,"props":4975,"children":4976},{"style":197},[4977],{"type":21,"value":4978}," 'placeholder'",{"type":15,"tag":149,"props":4980,"children":4981},{"style":156},[4982],{"type":21,"value":430},{"type":15,"tag":149,"props":4984,"children":4985},{"class":151,"line":394},[4986,4990,4994,4998,5003],{"type":15,"tag":149,"props":4987,"children":4988},{"style":398},[4989],{"type":21,"value":4917},{"type":15,"tag":149,"props":4991,"children":4992},{"style":582},[4993],{"type":21,"value":1480},{"type":15,"tag":149,"props":4995,"children":4996},{"style":561},[4997],{"type":21,"value":4247},{"type":15,"tag":149,"props":4999,"children":5000},{"style":186},[5001],{"type":21,"value":5002}," false",{"type":15,"tag":149,"props":5004,"children":5005},{"style":156},[5006],{"type":21,"value":430},{"type":15,"tag":149,"props":5008,"children":5009},{"class":151,"line":433},[5010,5014,5018,5022,5026],{"type":15,"tag":149,"props":5011,"children":5012},{"style":398},[5013],{"type":21,"value":4917},{"type":15,"tag":149,"props":5015,"children":5016},{"style":582},[5017],{"type":21,"value":2176},{"type":15,"tag":149,"props":5019,"children":5020},{"style":561},[5021],{"type":21,"value":4247},{"type":15,"tag":149,"props":5023,"children":5024},{"style":186},[5025],{"type":21,"value":5002},{"type":15,"tag":149,"props":5027,"children":5028},{"style":156},[5029],{"type":21,"value":430},{"type":15,"tag":149,"props":5031,"children":5032},{"class":151,"line":705},[5033,5037,5041,5045,5049],{"type":15,"tag":149,"props":5034,"children":5035},{"style":398},[5036],{"type":21,"value":4917},{"type":15,"tag":149,"props":5038,"children":5039},{"style":582},[5040],{"type":21,"value":2837},{"type":15,"tag":149,"props":5042,"children":5043},{"style":561},[5044],{"type":21,"value":4247},{"type":15,"tag":149,"props":5046,"children":5047},{"style":186},[5048],{"type":21,"value":5002},{"type":15,"tag":149,"props":5050,"children":5051},{"style":156},[5052],{"type":21,"value":430},{"type":15,"tag":149,"props":5054,"children":5055},{"class":151,"line":1088},[5056,5060,5064,5068,5073],{"type":15,"tag":149,"props":5057,"children":5058},{"style":398},[5059],{"type":21,"value":4917},{"type":15,"tag":149,"props":5061,"children":5062},{"style":582},[5063],{"type":21,"value":4477},{"type":15,"tag":149,"props":5065,"children":5066},{"style":561},[5067],{"type":21,"value":4247},{"type":15,"tag":149,"props":5069,"children":5070},{"style":197},[5071],{"type":21,"value":5072}," 'Help text'",{"type":15,"tag":149,"props":5074,"children":5075},{"style":156},[5076],{"type":21,"value":430},{"type":15,"tag":149,"props":5078,"children":5079},{"class":151,"line":1671},[5080,5084,5088,5092,5096],{"type":15,"tag":149,"props":5081,"children":5082},{"style":398},[5083],{"type":21,"value":4917},{"type":15,"tag":149,"props":5085,"children":5086},{"style":582},[5087],{"type":21,"value":4411},{"type":15,"tag":149,"props":5089,"children":5090},{"style":561},[5091],{"type":21,"value":4247},{"type":15,"tag":149,"props":5093,"children":5094},{"style":186},[5095],{"type":21,"value":5002},{"type":15,"tag":149,"props":5097,"children":5098},{"style":156},[5099],{"type":21,"value":430},{"type":15,"tag":149,"props":5101,"children":5102},{"class":151,"line":1703},[5103,5107,5111,5115,5120],{"type":15,"tag":149,"props":5104,"children":5105},{"style":398},[5106],{"type":21,"value":4917},{"type":15,"tag":149,"props":5108,"children":5109},{"style":582},[5110],{"type":21,"value":4444},{"type":15,"tag":149,"props":5112,"children":5113},{"style":561},[5114],{"type":21,"value":4247},{"type":15,"tag":149,"props":5116,"children":5117},{"style":197},[5118],{"type":21,"value":5119}," 'Required'",{"type":15,"tag":149,"props":5121,"children":5122},{"style":156},[5123],{"type":21,"value":430},{"type":15,"tag":149,"props":5125,"children":5126},{"class":151,"line":2017},[5127,5131,5135,5139,5144],{"type":15,"tag":149,"props":5128,"children":5129},{"style":398},[5130],{"type":21,"value":4917},{"type":15,"tag":149,"props":5132,"children":5133},{"style":582},[5134],{"type":21,"value":4579},{"type":15,"tag":149,"props":5136,"children":5137},{"style":561},[5138],{"type":21,"value":4247},{"type":15,"tag":149,"props":5140,"children":5141},{"style":197},[5142],{"type":21,"value":5143}," 'Error'",{"type":15,"tag":149,"props":5145,"children":5146},{"style":156},[5147],{"type":21,"value":430},{"type":15,"tag":149,"props":5149,"children":5150},{"class":151,"line":2026},[5151],{"type":15,"tag":149,"props":5152,"children":5153},{"emptyLinePlaceholder":8},[5154],{"type":21,"value":499},{"type":15,"tag":149,"props":5156,"children":5157},{"class":151,"line":2034},[5158,5162,5167,5171,5175,5180,5185,5189,5194,5198,5202],{"type":15,"tag":149,"props":5159,"children":5160},{"style":398},[5161],{"type":21,"value":4917},{"type":15,"tag":149,"props":5163,"children":5164},{"style":156},[5165],{"type":21,"value":5166}," [",{"type":15,"tag":149,"props":5168,"children":5169},{"style":582},[5170],{"type":21,"value":4653},{"type":15,"tag":149,"props":5172,"children":5173},{"style":156},[5174],{"type":21,"value":112},{"type":15,"tag":149,"props":5176,"children":5177},{"style":582},[5178],{"type":21,"value":5179},"setValue",{"type":15,"tag":149,"props":5181,"children":5182},{"style":156},[5183],{"type":21,"value":5184},"] ",{"type":15,"tag":149,"props":5186,"children":5187},{"style":561},[5188],{"type":21,"value":194},{"type":15,"tag":149,"props":5190,"children":5191},{"style":520},[5192],{"type":21,"value":5193}," useState",{"type":15,"tag":149,"props":5195,"children":5196},{"style":156},[5197],{"type":21,"value":4257},{"type":15,"tag":149,"props":5199,"children":5200},{"style":197},[5201],{"type":21,"value":4297},{"type":15,"tag":149,"props":5203,"children":5204},{"style":156},[5205],{"type":21,"value":4267},{"type":15,"tag":149,"props":5207,"children":5208},{"class":151,"line":3449},[5209],{"type":15,"tag":149,"props":5210,"children":5211},{"emptyLinePlaceholder":8},[5212],{"type":21,"value":499},{"type":15,"tag":149,"props":5214,"children":5215},{"class":151,"line":3731},[5216,5221,5226,5230,5236,5241,5245,5249,5254],{"type":15,"tag":149,"props":5217,"children":5218},{"style":398},[5219],{"type":21,"value":5220},"  function",{"type":15,"tag":149,"props":5222,"children":5223},{"style":520},[5224],{"type":21,"value":5225}," onChange",{"type":15,"tag":149,"props":5227,"children":5228},{"style":156},[5229],{"type":21,"value":4257},{"type":15,"tag":149,"props":5231,"children":5233},{"style":5232},"--shiki-default:#E06C75;--shiki-default-font-style:italic",[5234],{"type":21,"value":5235},"event",{"type":15,"tag":149,"props":5237,"children":5238},{"style":156},[5239],{"type":21,"value":5240},": ",{"type":15,"tag":149,"props":5242,"children":5243},{"style":582},[5244],{"type":21,"value":4852},{"type":15,"tag":149,"props":5246,"children":5247},{"style":156},[5248],{"type":21,"value":159},{"type":15,"tag":149,"props":5250,"children":5251},{"style":582},[5252],{"type":21,"value":5253},"HTMLInputElement",{"type":15,"tag":149,"props":5255,"children":5256},{"style":156},[5257],{"type":21,"value":5258},">) {\n",{"type":15,"tag":149,"props":5260,"children":5261},{"class":151,"line":3759},[5262,5267,5271,5275,5280,5285,5289,5293],{"type":15,"tag":149,"props":5263,"children":5264},{"style":520},[5265],{"type":21,"value":5266},"    setValue",{"type":15,"tag":149,"props":5268,"children":5269},{"style":156},[5270],{"type":21,"value":4257},{"type":15,"tag":149,"props":5272,"children":5273},{"style":582},[5274],{"type":21,"value":5235},{"type":15,"tag":149,"props":5276,"children":5277},{"style":156},[5278],{"type":21,"value":5279},"?.",{"type":15,"tag":149,"props":5281,"children":5282},{"style":582},[5283],{"type":21,"value":5284},"target",{"type":15,"tag":149,"props":5286,"children":5287},{"style":156},[5288],{"type":21,"value":72},{"type":15,"tag":149,"props":5290,"children":5291},{"style":162},[5292],{"type":21,"value":4653},{"type":15,"tag":149,"props":5294,"children":5295},{"style":156},[5296],{"type":21,"value":4267},{"type":15,"tag":149,"props":5298,"children":5299},{"class":151,"line":3775},[5300],{"type":15,"tag":149,"props":5301,"children":5302},{"style":156},[5303],{"type":21,"value":5304},"  }\n",{"type":15,"tag":149,"props":5306,"children":5307},{"class":151,"line":3826},[5308,5312,5316,5320,5324,5329,5333,5337,5341,5345,5349,5354,5358],{"type":15,"tag":149,"props":5309,"children":5310},{"style":398},[5311],{"type":21,"value":4917},{"type":15,"tag":149,"props":5313,"children":5314},{"style":582},[5315],{"type":21,"value":4621},{"type":15,"tag":149,"props":5317,"children":5318},{"style":561},[5319],{"type":21,"value":4247},{"type":15,"tag":149,"props":5321,"children":5322},{"style":162},[5323],{"type":21,"value":4242},{"type":15,"tag":149,"props":5325,"children":5326},{"style":398},[5327],{"type":21,"value":5328}," ?",{"type":15,"tag":149,"props":5330,"children":5331},{"style":582},[5332],{"type":21,"value":2551},{"type":15,"tag":149,"props":5334,"children":5335},{"style":156},[5336],{"type":21,"value":72},{"type":15,"tag":149,"props":5338,"children":5339},{"style":162},[5340],{"type":21,"value":4662},{"type":15,"tag":149,"props":5342,"children":5343},{"style":561},[5344],{"type":21,"value":4667},{"type":15,"tag":149,"props":5346,"children":5347},{"style":162},[5348],{"type":21,"value":4242},{"type":15,"tag":149,"props":5350,"children":5351},{"style":398},[5352],{"type":21,"value":5353}," :",{"type":15,"tag":149,"props":5355,"children":5356},{"style":186},[5357],{"type":21,"value":5002},{"type":15,"tag":149,"props":5359,"children":5360},{"style":156},[5361],{"type":21,"value":430},{"type":15,"tag":149,"props":5363,"children":5364},{"class":151,"line":3868},[5365,5369,5373,5377,5381,5385,5389,5393,5397,5401,5405,5409,5414],{"type":15,"tag":149,"props":5366,"children":5367},{"style":398},[5368],{"type":21,"value":4917},{"type":15,"tag":149,"props":5370,"children":5371},{"style":582},[5372],{"type":21,"value":4696},{"type":15,"tag":149,"props":5374,"children":5375},{"style":561},[5376],{"type":21,"value":4247},{"type":15,"tag":149,"props":5378,"children":5379},{"style":162},[5380],{"type":21,"value":4242},{"type":15,"tag":149,"props":5382,"children":5383},{"style":398},[5384],{"type":21,"value":5328},{"type":15,"tag":149,"props":5386,"children":5387},{"style":162},[5388],{"type":21,"value":4242},{"type":15,"tag":149,"props":5390,"children":5391},{"style":561},[5392],{"type":21,"value":4729},{"type":15,"tag":149,"props":5394,"children":5395},{"style":582},[5396],{"type":21,"value":2551},{"type":15,"tag":149,"props":5398,"children":5399},{"style":156},[5400],{"type":21,"value":72},{"type":15,"tag":149,"props":5402,"children":5403},{"style":162},[5404],{"type":21,"value":4662},{"type":15,"tag":149,"props":5406,"children":5407},{"style":398},[5408],{"type":21,"value":5353},{"type":15,"tag":149,"props":5410,"children":5411},{"style":186},[5412],{"type":21,"value":5413}," null",{"type":15,"tag":149,"props":5415,"children":5416},{"style":156},[5417],{"type":21,"value":430},{"type":15,"tag":149,"props":5419,"children":5420},{"class":151,"line":3877},[5421],{"type":15,"tag":149,"props":5422,"children":5423},{"emptyLinePlaceholder":8},[5424],{"type":21,"value":499},{"type":15,"tag":149,"props":5426,"children":5427},{"class":151,"line":3893},[5428,5432,5437,5441,5446,5450,5455,5460,5464,5469,5473,5478],{"type":15,"tag":149,"props":5429,"children":5430},{"style":398},[5431],{"type":21,"value":4917},{"type":15,"tag":149,"props":5433,"children":5434},{"style":520},[5435],{"type":21,"value":5436}," getCharacterLimitClass",{"type":15,"tag":149,"props":5438,"children":5439},{"style":561},[5440],{"type":21,"value":4247},{"type":15,"tag":149,"props":5442,"children":5443},{"style":156},[5444],{"type":21,"value":5445}," () ",{"type":15,"tag":149,"props":5447,"children":5448},{"style":398},[5449],{"type":21,"value":4640},{"type":15,"tag":149,"props":5451,"children":5452},{"style":156},[5453],{"type":21,"value":5454}," (",{"type":15,"tag":149,"props":5456,"children":5457},{"style":162},[5458],{"type":21,"value":5459},"isAboveLimit",{"type":15,"tag":149,"props":5461,"children":5462},{"style":398},[5463],{"type":21,"value":5328},{"type":15,"tag":149,"props":5465,"children":5466},{"style":197},[5467],{"type":21,"value":5468}," 'text-negative-700 font-medium'",{"type":15,"tag":149,"props":5470,"children":5471},{"style":398},[5472],{"type":21,"value":5353},{"type":15,"tag":149,"props":5474,"children":5475},{"style":197},[5476],{"type":21,"value":5477}," 'text-neutral-500'",{"type":15,"tag":149,"props":5479,"children":5480},{"style":156},[5481],{"type":21,"value":4267},{"type":15,"tag":149,"props":5483,"children":5484},{"class":151,"line":3935},[5485],{"type":15,"tag":149,"props":5486,"children":5487},{"emptyLinePlaceholder":8},[5488],{"type":21,"value":499},{"type":15,"tag":149,"props":5490,"children":5491},{"class":151,"line":3944},[5492,5496],{"type":15,"tag":149,"props":5493,"children":5494},{"style":398},[5495],{"type":21,"value":536},{"type":15,"tag":149,"props":5497,"children":5498},{"style":156},[5499],{"type":21,"value":541},{"type":15,"tag":149,"props":5501,"children":5502},{"class":151,"line":3960},[5503],{"type":15,"tag":149,"props":5504,"children":5505},{"style":156},[5506],{"type":21,"value":1807},{"type":15,"tag":149,"props":5508,"children":5509},{"class":151,"line":3976},[5510,5514,5518],{"type":15,"tag":149,"props":5511,"children":5512},{"style":156},[5513],{"type":21,"value":579},{"type":15,"tag":149,"props":5515,"children":5516},{"style":162},[5517],{"type":21,"value":809},{"type":15,"tag":149,"props":5519,"children":5520},{"style":156},[5521],{"type":21,"value":169},{"type":15,"tag":149,"props":5523,"children":5524},{"class":151,"line":3989},[5525,5529],{"type":15,"tag":149,"props":5526,"children":5527},{"style":156},[5528],{"type":21,"value":1830},{"type":15,"tag":149,"props":5530,"children":5531},{"style":162},[5532],{"type":21,"value":5533},"span\n",{"type":15,"tag":149,"props":5535,"children":5536},{"class":151,"line":4007},[5537,5542,5546,5550,5555,5559,5564],{"type":15,"tag":149,"props":5538,"children":5539},{"style":555},[5540],{"type":21,"value":5541},"          className",{"type":15,"tag":149,"props":5543,"children":5544},{"style":561},[5545],{"type":21,"value":194},{"type":15,"tag":149,"props":5547,"children":5548},{"style":398},[5549],{"type":21,"value":1288},{"type":15,"tag":149,"props":5551,"children":5552},{"style":520},[5553],{"type":21,"value":5554},"classNames",{"type":15,"tag":149,"props":5556,"children":5557},{"style":156},[5558],{"type":21,"value":4257},{"type":15,"tag":149,"props":5560,"children":5561},{"style":197},[5562],{"type":21,"value":5563},"'text-sm font-medium'",{"type":15,"tag":149,"props":5565,"children":5566},{"style":156},[5567],{"type":21,"value":5568},", {\n",{"type":15,"tag":149,"props":5570,"children":5571},{"class":151,"line":4024},[5572,5577,5581,5586],{"type":15,"tag":149,"props":5573,"children":5574},{"style":197},[5575],{"type":21,"value":5576},"            'cursor-not-allowed text-disabled-500'",{"type":15,"tag":149,"props":5578,"children":5579},{"style":156},[5580],{"type":21,"value":5240},{"type":15,"tag":149,"props":5582,"children":5583},{"style":162},[5584],{"type":21,"value":5585},"disabled",{"type":15,"tag":149,"props":5587,"children":5588},{"style":156},[5589],{"type":21,"value":5590},",\n",{"type":15,"tag":149,"props":5592,"children":5593},{"class":151,"line":4033},[5594,5599],{"type":15,"tag":149,"props":5595,"children":5596},{"style":156},[5597],{"type":21,"value":5598},"          })",{"type":15,"tag":149,"props":5600,"children":5601},{"style":398},[5602],{"type":21,"value":711},{"type":15,"tag":149,"props":5604,"children":5605},{"class":151,"line":4042},[5606],{"type":15,"tag":149,"props":5607,"children":5608},{"style":156},[5609],{"type":21,"value":5610},"        >\n",{"type":15,"tag":149,"props":5612,"children":5613},{"class":151,"line":4050},[5614,5619,5623],{"type":15,"tag":149,"props":5615,"children":5616},{"style":398},[5617],{"type":21,"value":5618},"          {",{"type":15,"tag":149,"props":5620,"children":5621},{"style":162},[5622],{"type":21,"value":809},{"type":15,"tag":149,"props":5624,"children":5625},{"style":398},[5626],{"type":21,"value":711},{"type":15,"tag":149,"props":5628,"children":5629},{"class":151,"line":4059},[5630,5634,5638],{"type":15,"tag":149,"props":5631,"children":5632},{"style":156},[5633],{"type":21,"value":1991},{"type":15,"tag":149,"props":5635,"children":5636},{"style":162},[5637],{"type":21,"value":149},{"type":15,"tag":149,"props":5639,"children":5640},{"style":156},[5641],{"type":21,"value":169},{"type":15,"tag":149,"props":5643,"children":5644},{"class":151,"line":4068},[5645,5649],{"type":15,"tag":149,"props":5646,"children":5647},{"style":156},[5648],{"type":21,"value":1830},{"type":15,"tag":149,"props":5650,"children":5651},{"style":582},[5652],{"type":21,"value":3580},{"type":15,"tag":149,"props":5654,"children":5655},{"class":151,"line":4084},[5656,5661,5665],{"type":15,"tag":149,"props":5657,"children":5658},{"style":555},[5659],{"type":21,"value":5660},"          size",{"type":15,"tag":149,"props":5662,"children":5663},{"style":561},[5664],{"type":21,"value":194},{"type":15,"tag":149,"props":5666,"children":5667},{"style":197},[5668],{"type":21,"value":5669},"\"base\"\n",{"type":15,"tag":149,"props":5671,"children":5672},{"class":151,"line":4100},[5673,5678,5682,5686,5690],{"type":15,"tag":149,"props":5674,"children":5675},{"style":555},[5676],{"type":21,"value":5677},"          value",{"type":15,"tag":149,"props":5679,"children":5680},{"style":561},[5681],{"type":21,"value":194},{"type":15,"tag":149,"props":5683,"children":5684},{"style":398},[5685],{"type":21,"value":1288},{"type":15,"tag":149,"props":5687,"children":5688},{"style":162},[5689],{"type":21,"value":4653},{"type":15,"tag":149,"props":5691,"children":5692},{"style":398},[5693],{"type":21,"value":711},{"type":15,"tag":149,"props":5695,"children":5696},{"class":151,"line":4116},[5697,5702,5706,5710,5714],{"type":15,"tag":149,"props":5698,"children":5699},{"style":555},[5700],{"type":21,"value":5701},"          invalid",{"type":15,"tag":149,"props":5703,"children":5704},{"style":561},[5705],{"type":21,"value":194},{"type":15,"tag":149,"props":5707,"children":5708},{"style":398},[5709],{"type":21,"value":1288},{"type":15,"tag":149,"props":5711,"children":5712},{"style":186},[5713],{"type":21,"value":4330},{"type":15,"tag":149,"props":5715,"children":5716},{"style":398},[5717],{"type":21,"value":711},{"type":15,"tag":149,"props":5719,"children":5720},{"class":151,"line":4148},[5721,5726,5730,5734,5739],{"type":15,"tag":149,"props":5722,"children":5723},{"style":555},[5724],{"type":21,"value":5725},"          placeholder",{"type":15,"tag":149,"props":5727,"children":5728},{"style":561},[5729],{"type":21,"value":194},{"type":15,"tag":149,"props":5731,"children":5732},{"style":398},[5733],{"type":21,"value":1288},{"type":15,"tag":149,"props":5735,"children":5736},{"style":162},[5737],{"type":21,"value":5738},"placeholder",{"type":15,"tag":149,"props":5740,"children":5741},{"style":398},[5742],{"type":21,"value":711},{"type":15,"tag":149,"props":5744,"children":5745},{"class":151,"line":4191},[5746,5751,5755,5759,5763],{"type":15,"tag":149,"props":5747,"children":5748},{"style":555},[5749],{"type":21,"value":5750},"          disabled",{"type":15,"tag":149,"props":5752,"children":5753},{"style":561},[5754],{"type":21,"value":194},{"type":15,"tag":149,"props":5756,"children":5757},{"style":398},[5758],{"type":21,"value":1288},{"type":15,"tag":149,"props":5760,"children":5761},{"style":162},[5762],{"type":21,"value":5585},{"type":15,"tag":149,"props":5764,"children":5765},{"style":398},[5766],{"type":21,"value":711},{"type":15,"tag":149,"props":5768,"children":5769},{"class":151,"line":4223},[5770,5775,5779,5783,5788],{"type":15,"tag":149,"props":5771,"children":5772},{"style":555},[5773],{"type":21,"value":5774},"          readOnly",{"type":15,"tag":149,"props":5776,"children":5777},{"style":561},[5778],{"type":21,"value":194},{"type":15,"tag":149,"props":5780,"children":5781},{"style":398},[5782],{"type":21,"value":1288},{"type":15,"tag":149,"props":5784,"children":5785},{"style":162},[5786],{"type":21,"value":5787},"readonly",{"type":15,"tag":149,"props":5789,"children":5790},{"style":398},[5791],{"type":21,"value":711},{"type":15,"tag":149,"props":5793,"children":5794},{"class":151,"line":4231},[5795,5800,5804,5808,5813],{"type":15,"tag":149,"props":5796,"children":5797},{"style":555},[5798],{"type":21,"value":5799},"          onChange",{"type":15,"tag":149,"props":5801,"children":5802},{"style":561},[5803],{"type":21,"value":194},{"type":15,"tag":149,"props":5805,"children":5806},{"style":398},[5807],{"type":21,"value":1288},{"type":15,"tag":149,"props":5809,"children":5810},{"style":162},[5811],{"type":21,"value":5812},"onChange",{"type":15,"tag":149,"props":5814,"children":5815},{"style":398},[5816],{"type":21,"value":711},{"type":15,"tag":149,"props":5818,"children":5819},{"class":151,"line":4270},[5820,5825,5829,5833,5837,5841,5846],{"type":15,"tag":149,"props":5821,"children":5822},{"style":555},[5823],{"type":21,"value":5824},"          wrapperClassName",{"type":15,"tag":149,"props":5826,"children":5827},{"style":561},[5828],{"type":21,"value":194},{"type":15,"tag":149,"props":5830,"children":5831},{"style":398},[5832],{"type":21,"value":1288},{"type":15,"tag":149,"props":5834,"children":5835},{"style":520},[5836],{"type":21,"value":5554},{"type":15,"tag":149,"props":5838,"children":5839},{"style":156},[5840],{"type":21,"value":4257},{"type":15,"tag":149,"props":5842,"children":5843},{"style":197},[5844],{"type":21,"value":5845},"'mt-0.5'",{"type":15,"tag":149,"props":5847,"children":5848},{"style":156},[5849],{"type":21,"value":5568},{"type":15,"tag":149,"props":5851,"children":5852},{"class":151,"line":4304},[5853,5858,5862,5866,5871,5875],{"type":15,"tag":149,"props":5854,"children":5855},{"style":197},[5856],{"type":21,"value":5857},"            'peer !bg-disabled-100 !ring-disabled-300 !ring-1 !text-disabled-500'",{"type":15,"tag":149,"props":5859,"children":5860},{"style":156},[5861],{"type":21,"value":5240},{"type":15,"tag":149,"props":5863,"children":5864},{"style":162},[5865],{"type":21,"value":5585},{"type":15,"tag":149,"props":5867,"children":5868},{"style":561},[5869],{"type":21,"value":5870}," ||",{"type":15,"tag":149,"props":5872,"children":5873},{"style":162},[5874],{"type":21,"value":2176},{"type":15,"tag":149,"props":5876,"children":5877},{"style":156},[5878],{"type":21,"value":5590},{"type":15,"tag":149,"props":5880,"children":5881},{"class":151,"line":4337},[5882,5886],{"type":15,"tag":149,"props":5883,"children":5884},{"style":156},[5885],{"type":21,"value":5598},{"type":15,"tag":149,"props":5887,"children":5888},{"style":398},[5889],{"type":21,"value":711},{"type":15,"tag":149,"props":5891,"children":5892},{"class":151,"line":4369},[5893],{"type":15,"tag":149,"props":5894,"children":5895},{"style":156},[5896],{"type":21,"value":5897},"        \u002F>\n",{"type":15,"tag":149,"props":5899,"children":5900},{"class":151,"line":4401},[5901,5905,5909],{"type":15,"tag":149,"props":5902,"children":5903},{"style":156},[5904],{"type":21,"value":1897},{"type":15,"tag":149,"props":5906,"children":5907},{"style":162},[5908],{"type":21,"value":809},{"type":15,"tag":149,"props":5910,"children":5911},{"style":156},[5912],{"type":21,"value":169},{"type":15,"tag":149,"props":5914,"children":5915},{"class":151,"line":4434},[5916,5920,5924,5928,5932,5936],{"type":15,"tag":149,"props":5917,"children":5918},{"style":156},[5919],{"type":21,"value":579},{"type":15,"tag":149,"props":5921,"children":5922},{"style":162},[5923],{"type":21,"value":183},{"type":15,"tag":149,"props":5925,"children":5926},{"style":555},[5927],{"type":21,"value":558},{"type":15,"tag":149,"props":5929,"children":5930},{"style":561},[5931],{"type":21,"value":194},{"type":15,"tag":149,"props":5933,"children":5934},{"style":197},[5935],{"type":21,"value":1536},{"type":15,"tag":149,"props":5937,"children":5938},{"style":156},[5939],{"type":21,"value":169},{"type":15,"tag":149,"props":5941,"children":5942},{"class":151,"line":4467},[5943,5947,5951],{"type":15,"tag":149,"props":5944,"children":5945},{"style":156},[5946],{"type":21,"value":1830},{"type":15,"tag":149,"props":5948,"children":5949},{"style":162},[5950],{"type":21,"value":183},{"type":15,"tag":149,"props":5952,"children":5953},{"style":156},[5954],{"type":21,"value":169},{"type":15,"tag":149,"props":5956,"children":5957},{"class":151,"line":4501},[5958,5962,5966,5971,5976,5980,5984,5989,5993,5997,6001,6005,6010,6014,6019,6023,6027,6031,6035],{"type":15,"tag":149,"props":5959,"children":5960},{"style":398},[5961],{"type":21,"value":5618},{"type":15,"tag":149,"props":5963,"children":5964},{"style":162},[5965],{"type":21,"value":2740},{"type":15,"tag":149,"props":5967,"children":5968},{"style":561},[5969],{"type":21,"value":5970}," &&",{"type":15,"tag":149,"props":5972,"children":5973},{"style":561},[5974],{"type":21,"value":5975}," !",{"type":15,"tag":149,"props":5977,"children":5978},{"style":162},[5979],{"type":21,"value":5585},{"type":15,"tag":149,"props":5981,"children":5982},{"style":561},[5983],{"type":21,"value":5970},{"type":15,"tag":149,"props":5985,"children":5986},{"style":156},[5987],{"type":21,"value":5988}," \u003C",{"type":15,"tag":149,"props":5990,"children":5991},{"style":162},[5992],{"type":21,"value":32},{"type":15,"tag":149,"props":5994,"children":5995},{"style":555},[5996],{"type":21,"value":558},{"type":15,"tag":149,"props":5998,"children":5999},{"style":561},[6000],{"type":21,"value":194},{"type":15,"tag":149,"props":6002,"children":6003},{"style":197},[6004],{"type":21,"value":2934},{"type":15,"tag":149,"props":6006,"children":6007},{"style":156},[6008],{"type":21,"value":6009},">",{"type":15,"tag":149,"props":6011,"children":6012},{"style":398},[6013],{"type":21,"value":1288},{"type":15,"tag":149,"props":6015,"children":6016},{"style":162},[6017],{"type":21,"value":6018},"errorText",{"type":15,"tag":149,"props":6020,"children":6021},{"style":398},[6022],{"type":21,"value":1306},{"type":15,"tag":149,"props":6024,"children":6025},{"style":156},[6026],{"type":21,"value":347},{"type":15,"tag":149,"props":6028,"children":6029},{"style":162},[6030],{"type":21,"value":32},{"type":15,"tag":149,"props":6032,"children":6033},{"style":156},[6034],{"type":21,"value":6009},{"type":15,"tag":149,"props":6036,"children":6037},{"style":398},[6038],{"type":21,"value":711},{"type":15,"tag":149,"props":6040,"children":6041},{"class":151,"line":4535},[6042,6046,6051,6055],{"type":15,"tag":149,"props":6043,"children":6044},{"style":398},[6045],{"type":21,"value":5618},{"type":15,"tag":149,"props":6047,"children":6048},{"style":162},[6049],{"type":21,"value":6050},"helpText",{"type":15,"tag":149,"props":6052,"children":6053},{"style":561},[6054],{"type":21,"value":5970},{"type":15,"tag":149,"props":6056,"children":6057},{"style":156},[6058],{"type":21,"value":541},{"type":15,"tag":149,"props":6060,"children":6061},{"class":151,"line":4569},[6062,6067,6071,6075,6079,6083,6087,6091,6096,6100,6104,6108,6113,6117,6121,6126,6130],{"type":15,"tag":149,"props":6063,"children":6064},{"style":156},[6065],{"type":21,"value":6066},"            \u003C",{"type":15,"tag":149,"props":6068,"children":6069},{"style":162},[6070],{"type":21,"value":32},{"type":15,"tag":149,"props":6072,"children":6073},{"style":555},[6074],{"type":21,"value":558},{"type":15,"tag":149,"props":6076,"children":6077},{"style":561},[6078],{"type":21,"value":194},{"type":15,"tag":149,"props":6080,"children":6081},{"style":398},[6082],{"type":21,"value":1288},{"type":15,"tag":149,"props":6084,"children":6085},{"style":520},[6086],{"type":21,"value":5554},{"type":15,"tag":149,"props":6088,"children":6089},{"style":156},[6090],{"type":21,"value":4257},{"type":15,"tag":149,"props":6092,"children":6093},{"style":197},[6094],{"type":21,"value":6095},"'typography-hint-xs mt-0.5'",{"type":15,"tag":149,"props":6097,"children":6098},{"style":156},[6099],{"type":21,"value":112},{"type":15,"tag":149,"props":6101,"children":6102},{"style":162},[6103],{"type":21,"value":5585},{"type":15,"tag":149,"props":6105,"children":6106},{"style":398},[6107],{"type":21,"value":5328},{"type":15,"tag":149,"props":6109,"children":6110},{"style":197},[6111],{"type":21,"value":6112}," 'text-disabled-500'",{"type":15,"tag":149,"props":6114,"children":6115},{"style":398},[6116],{"type":21,"value":5353},{"type":15,"tag":149,"props":6118,"children":6119},{"style":197},[6120],{"type":21,"value":5477},{"type":15,"tag":149,"props":6122,"children":6123},{"style":156},[6124],{"type":21,"value":6125},")",{"type":15,"tag":149,"props":6127,"children":6128},{"style":398},[6129],{"type":21,"value":1306},{"type":15,"tag":149,"props":6131,"children":6132},{"style":156},[6133],{"type":21,"value":169},{"type":15,"tag":149,"props":6135,"children":6136},{"class":151,"line":4603},[6137,6142,6146],{"type":15,"tag":149,"props":6138,"children":6139},{"style":398},[6140],{"type":21,"value":6141},"              {",{"type":15,"tag":149,"props":6143,"children":6144},{"style":162},[6145],{"type":21,"value":6050},{"type":15,"tag":149,"props":6147,"children":6148},{"style":398},[6149],{"type":21,"value":711},{"type":15,"tag":149,"props":6151,"children":6152},{"class":151,"line":4611},[6153,6158,6162],{"type":15,"tag":149,"props":6154,"children":6155},{"style":156},[6156],{"type":21,"value":6157},"            \u003C\u002F",{"type":15,"tag":149,"props":6159,"children":6160},{"style":162},[6161],{"type":21,"value":32},{"type":15,"tag":149,"props":6163,"children":6164},{"style":156},[6165],{"type":21,"value":169},{"type":15,"tag":149,"props":6167,"children":6168},{"class":151,"line":4686},[6169,6174],{"type":15,"tag":149,"props":6170,"children":6171},{"style":156},[6172],{"type":21,"value":6173},"          )",{"type":15,"tag":149,"props":6175,"children":6176},{"style":398},[6177],{"type":21,"value":711},{"type":15,"tag":149,"props":6179,"children":6180},{"class":151,"line":4756},[6181,6185,6190,6194,6198,6202],{"type":15,"tag":149,"props":6182,"children":6183},{"style":398},[6184],{"type":21,"value":5618},{"type":15,"tag":149,"props":6186,"children":6187},{"style":162},[6188],{"type":21,"value":6189},"requiredText",{"type":15,"tag":149,"props":6191,"children":6192},{"style":561},[6193],{"type":21,"value":5970},{"type":15,"tag":149,"props":6195,"children":6196},{"style":162},[6197],{"type":21,"value":4411},{"type":15,"tag":149,"props":6199,"children":6200},{"style":398},[6201],{"type":21,"value":5328},{"type":15,"tag":149,"props":6203,"children":6204},{"style":156},[6205],{"type":21,"value":541},{"type":15,"tag":149,"props":6207,"children":6209},{"class":151,"line":6208},59,[6210,6214,6218,6222,6226,6230,6234,6238,6242,6246,6250,6254],{"type":15,"tag":149,"props":6211,"children":6212},{"style":156},[6213],{"type":21,"value":6066},{"type":15,"tag":149,"props":6215,"children":6216},{"style":162},[6217],{"type":21,"value":32},{"type":15,"tag":149,"props":6219,"children":6220},{"style":555},[6221],{"type":21,"value":558},{"type":15,"tag":149,"props":6223,"children":6224},{"style":561},[6225],{"type":21,"value":194},{"type":15,"tag":149,"props":6227,"children":6228},{"style":197},[6229],{"type":21,"value":3928},{"type":15,"tag":149,"props":6231,"children":6232},{"style":156},[6233],{"type":21,"value":6009},{"type":15,"tag":149,"props":6235,"children":6236},{"style":398},[6237],{"type":21,"value":1288},{"type":15,"tag":149,"props":6239,"children":6240},{"style":162},[6241],{"type":21,"value":6189},{"type":15,"tag":149,"props":6243,"children":6244},{"style":398},[6245],{"type":21,"value":1306},{"type":15,"tag":149,"props":6247,"children":6248},{"style":156},[6249],{"type":21,"value":347},{"type":15,"tag":149,"props":6251,"children":6252},{"style":162},[6253],{"type":21,"value":32},{"type":15,"tag":149,"props":6255,"children":6256},{"style":156},[6257],{"type":21,"value":169},{"type":15,"tag":149,"props":6259,"children":6261},{"class":151,"line":6260},60,[6262,6267,6272,6276],{"type":15,"tag":149,"props":6263,"children":6264},{"style":156},[6265],{"type":21,"value":6266},"          ) ",{"type":15,"tag":149,"props":6268,"children":6269},{"style":398},[6270],{"type":21,"value":6271},":",{"type":15,"tag":149,"props":6273,"children":6274},{"style":186},[6275],{"type":21,"value":5413},{"type":15,"tag":149,"props":6277,"children":6278},{"style":398},[6279],{"type":21,"value":711},{"type":15,"tag":149,"props":6281,"children":6283},{"class":151,"line":6282},61,[6284,6288,6292],{"type":15,"tag":149,"props":6285,"children":6286},{"style":156},[6287],{"type":21,"value":1991},{"type":15,"tag":149,"props":6289,"children":6290},{"style":162},[6291],{"type":21,"value":183},{"type":15,"tag":149,"props":6293,"children":6294},{"style":156},[6295],{"type":21,"value":169},{"type":15,"tag":149,"props":6297,"children":6299},{"class":151,"line":6298},62,[6300,6305,6310,6314,6318,6322,6326],{"type":15,"tag":149,"props":6301,"children":6302},{"style":398},[6303],{"type":21,"value":6304},"        {",{"type":15,"tag":149,"props":6306,"children":6307},{"style":162},[6308],{"type":21,"value":6309},"characterLimit",{"type":15,"tag":149,"props":6311,"children":6312},{"style":561},[6313],{"type":21,"value":5970},{"type":15,"tag":149,"props":6315,"children":6316},{"style":561},[6317],{"type":21,"value":5975},{"type":15,"tag":149,"props":6319,"children":6320},{"style":162},[6321],{"type":21,"value":5787},{"type":15,"tag":149,"props":6323,"children":6324},{"style":398},[6325],{"type":21,"value":5328},{"type":15,"tag":149,"props":6327,"children":6328},{"style":156},[6329],{"type":21,"value":541},{"type":15,"tag":149,"props":6331,"children":6333},{"class":151,"line":6332},63,[6334,6338],{"type":15,"tag":149,"props":6335,"children":6336},{"style":156},[6337],{"type":21,"value":1955},{"type":15,"tag":149,"props":6339,"children":6340},{"style":162},[6341],{"type":21,"value":3986},{"type":15,"tag":149,"props":6343,"children":6345},{"class":151,"line":6344},64,[6346,6351,6355,6359,6363],{"type":15,"tag":149,"props":6347,"children":6348},{"style":555},[6349],{"type":21,"value":6350},"            className",{"type":15,"tag":149,"props":6352,"children":6353},{"style":561},[6354],{"type":21,"value":194},{"type":15,"tag":149,"props":6356,"children":6357},{"style":398},[6358],{"type":21,"value":1288},{"type":15,"tag":149,"props":6360,"children":6361},{"style":520},[6362],{"type":21,"value":5554},{"type":15,"tag":149,"props":6364,"children":6365},{"style":156},[6366],{"type":21,"value":6367},"(\n",{"type":15,"tag":149,"props":6369,"children":6371},{"class":151,"line":6370},65,[6372,6377],{"type":15,"tag":149,"props":6373,"children":6374},{"style":197},[6375],{"type":21,"value":6376},"              'typography-error-xs mt-0.5'",{"type":15,"tag":149,"props":6378,"children":6379},{"style":156},[6380],{"type":21,"value":5590},{"type":15,"tag":149,"props":6382,"children":6384},{"class":151,"line":6383},66,[6385,6390,6394,6398,6402,6406],{"type":15,"tag":149,"props":6386,"children":6387},{"style":162},[6388],{"type":21,"value":6389},"              disabled",{"type":15,"tag":149,"props":6391,"children":6392},{"style":398},[6393],{"type":21,"value":5328},{"type":15,"tag":149,"props":6395,"children":6396},{"style":197},[6397],{"type":21,"value":6112},{"type":15,"tag":149,"props":6399,"children":6400},{"style":398},[6401],{"type":21,"value":5353},{"type":15,"tag":149,"props":6403,"children":6404},{"style":520},[6405],{"type":21,"value":5436},{"type":15,"tag":149,"props":6407,"children":6408},{"style":156},[6409],{"type":21,"value":6410},"(),\n",{"type":15,"tag":149,"props":6412,"children":6414},{"class":151,"line":6413},67,[6415,6420],{"type":15,"tag":149,"props":6416,"children":6417},{"style":156},[6418],{"type":21,"value":6419},"            )",{"type":15,"tag":149,"props":6421,"children":6422},{"style":398},[6423],{"type":21,"value":711},{"type":15,"tag":149,"props":6425,"children":6427},{"class":151,"line":6426},68,[6428],{"type":15,"tag":149,"props":6429,"children":6430},{"style":156},[6431],{"type":21,"value":6432},"          >\n",{"type":15,"tag":149,"props":6434,"children":6436},{"class":151,"line":6435},69,[6437,6442,6447],{"type":15,"tag":149,"props":6438,"children":6439},{"style":398},[6440],{"type":21,"value":6441},"            {",{"type":15,"tag":149,"props":6443,"children":6444},{"style":162},[6445],{"type":21,"value":6446},"charsCount",{"type":15,"tag":149,"props":6448,"children":6449},{"style":398},[6450],{"type":21,"value":711},{"type":15,"tag":149,"props":6452,"children":6454},{"class":151,"line":6453},70,[6455,6460,6464],{"type":15,"tag":149,"props":6456,"children":6457},{"style":156},[6458],{"type":21,"value":6459},"          \u003C\u002F",{"type":15,"tag":149,"props":6461,"children":6462},{"style":162},[6463],{"type":21,"value":32},{"type":15,"tag":149,"props":6465,"children":6466},{"style":156},[6467],{"type":21,"value":169},{"type":15,"tag":149,"props":6469,"children":6471},{"class":151,"line":6470},71,[6472,6477,6481,6485],{"type":15,"tag":149,"props":6473,"children":6474},{"style":156},[6475],{"type":21,"value":6476},"        ) ",{"type":15,"tag":149,"props":6478,"children":6479},{"style":398},[6480],{"type":21,"value":6271},{"type":15,"tag":149,"props":6482,"children":6483},{"style":186},[6484],{"type":21,"value":5413},{"type":15,"tag":149,"props":6486,"children":6487},{"style":398},[6488],{"type":21,"value":711},{"type":15,"tag":149,"props":6490,"children":6492},{"class":151,"line":6491},72,[6493,6497,6501],{"type":15,"tag":149,"props":6494,"children":6495},{"style":156},[6496],{"type":21,"value":1897},{"type":15,"tag":149,"props":6498,"children":6499},{"style":162},[6500],{"type":21,"value":183},{"type":15,"tag":149,"props":6502,"children":6503},{"style":156},[6504],{"type":21,"value":169},{"type":15,"tag":149,"props":6506,"children":6508},{"class":151,"line":6507},73,[6509],{"type":15,"tag":149,"props":6510,"children":6511},{"style":156},[6512],{"type":21,"value":2023},{"type":15,"tag":149,"props":6514,"children":6516},{"class":151,"line":6515},74,[6517],{"type":15,"tag":149,"props":6518,"children":6519},{"style":156},[6520],{"type":21,"value":702},{"type":15,"tag":149,"props":6522,"children":6524},{"class":151,"line":6523},75,[6525],{"type":15,"tag":149,"props":6526,"children":6527},{"style":156},[6528],{"type":21,"value":711},{"type":15,"tag":74,"props":6530,"children":6532},{"id":6531},"notes",[6533],{"type":21,"value":6534},"Notes",{"type":15,"tag":135,"props":6536,"children":6537},{},[6538],{"type":15,"tag":32,"props":6539,"children":6540},{},[6541,6543,6548,6550,6555,6557,6562,6564,6570],{"type":21,"value":6542},"All non-prop attributes and styles added to ",{"type":15,"tag":36,"props":6544,"children":6546},{"className":6545},[],[6547],{"type":21,"value":41},{"type":21,"value":6549}," component are passed directly to the native input element. This means that you can add all of the input attributes directly to ",{"type":15,"tag":36,"props":6551,"children":6553},{"className":6552},[],[6554],{"type":21,"value":41},{"type":21,"value":6556},". If you want to style the wrapper ",{"type":15,"tag":36,"props":6558,"children":6560},{"className":6559},[],[6561],{"type":21,"value":183},{"type":21,"value":6563},", you can pass your classes via the ",{"type":15,"tag":36,"props":6565,"children":6567},{"className":6566},[],[6568],{"type":21,"value":6569},"wrapperClass",{"type":21,"value":6571}," prop.",{"type":15,"tag":448,"props":6573,"children":6574},{},[6575],{"type":15,"tag":32,"props":6576,"children":6577},{},[6578,6579,6584,6585,6590,6591,6596,6597,6603],{"type":21,"value":6542},{"type":15,"tag":36,"props":6580,"children":6582},{"className":6581},[],[6583],{"type":21,"value":41},{"type":21,"value":6549},{"type":15,"tag":36,"props":6586,"children":6588},{"className":6587},[],[6589],{"type":21,"value":41},{"type":21,"value":6556},{"type":15,"tag":36,"props":6592,"children":6594},{"className":6593},[],[6595],{"type":21,"value":183},{"type":21,"value":6563},{"type":15,"tag":36,"props":6598,"children":6600},{"className":6599},[],[6601],{"type":21,"value":6602},"wrapperClassName",{"type":21,"value":6571},{"type":15,"tag":32,"props":6605,"children":6606},{},[6607,6609,6614,6616,6621,6623,6628,6630,6636,6638,6644,6646,6652],{"type":21,"value":6608},"Since, ",{"type":15,"tag":36,"props":6610,"children":6612},{"className":6611},[],[6613],{"type":21,"value":102},{"type":21,"value":6615}," is a specified prop of ",{"type":15,"tag":36,"props":6617,"children":6619},{"className":6618},[],[6620],{"type":21,"value":41},{"type":21,"value":6622},", you won't be able to pass the native ",{"type":15,"tag":36,"props":6624,"children":6626},{"className":6625},[],[6627],{"type":21,"value":102},{"type":21,"value":6629}," attribute to your input element. Instead, you can use the ",{"type":15,"tag":36,"props":6631,"children":6633},{"className":6632},[],[6634],{"type":21,"value":6635},"width",{"type":21,"value":6637}," property with ",{"type":15,"tag":36,"props":6639,"children":6641},{"className":6640},[],[6642],{"type":21,"value":6643},"ch",{"type":21,"value":6645}," unit instead (eg. ",{"type":15,"tag":36,"props":6647,"children":6649},{"className":6648},[],[6650],{"type":21,"value":6651},"width: 10ch",{"type":21,"value":6653},").",{"type":15,"tag":74,"props":6655,"children":6657},{"id":6656},"accessibility-notes",[6658],{"type":21,"value":6659},"Accessibility notes",{"type":15,"tag":32,"props":6661,"children":6662},{},[6663,6665,6670,6672,6678,6680,6685,6687,6693],{"type":21,"value":6664},"Since ",{"type":15,"tag":36,"props":6666,"children":6668},{"className":6667},[],[6669],{"type":21,"value":41},{"type":21,"value":6671}," uses ",{"type":15,"tag":36,"props":6673,"children":6675},{"className":6674},[],[6676],{"type":21,"value":6677},"\u003Cinput>",{"type":21,"value":6679},", it inherits all the features of the native input. For example, ",{"type":15,"tag":36,"props":6681,"children":6683},{"className":6682},[],[6684],{"type":21,"value":41},{"type":21,"value":6686}," is focusable for keyboard users with ",{"type":15,"tag":36,"props":6688,"children":6690},{"className":6689},[],[6691],{"type":21,"value":6692},"tab",{"type":21,"value":72},{"type":15,"tag":32,"props":6695,"children":6696},{},[6697,6699,6704,6706,6711,6713,6718],{"type":21,"value":6698},"Avoid adding ",{"type":15,"tag":36,"props":6700,"children":6702},{"className":6701},[],[6703],{"type":21,"value":183},{"type":21,"value":6705}," tags to slots. If an input element is wrapped in ",{"type":15,"tag":36,"props":6707,"children":6709},{"className":6708},[],[6710],{"type":21,"value":809},{"type":21,"value":6712}," tag (recommended) then it can't have ",{"type":15,"tag":36,"props":6714,"children":6716},{"className":6715},[],[6717],{"type":21,"value":183},{"type":21,"value":6719}," inside.",{"type":15,"tag":74,"props":6721,"children":6723},{"id":6722},"playground",[6724],{"type":21,"value":6725},"Playground",{"type":15,"tag":6727,"props":6728,"children":6730},"generate",{"style":6729},"height: 600px;",[],{"type":15,"tag":28,"props":6732,"children":6733},{"v-slot:tab-2":9},[6734,6740,6895,7112,7175],{"type":15,"tag":74,"props":6735,"children":6737},{"id":6736},"props",[6738],{"type":21,"value":6739},"Props",{"type":15,"tag":135,"props":6741,"children":6742},{},[6743],{"type":15,"tag":6744,"props":6745,"children":6746},"table",{},[6747,6776],{"type":15,"tag":6748,"props":6749,"children":6750},"thead",{},[6751],{"type":15,"tag":6752,"props":6753,"children":6754},"tr",{},[6755,6761,6766,6771],{"type":15,"tag":6756,"props":6757,"children":6758},"th",{},[6759],{"type":21,"value":6760},"Prop name",{"type":15,"tag":6756,"props":6762,"children":6763},{},[6764],{"type":21,"value":6765},"Type",{"type":15,"tag":6756,"props":6767,"children":6768},{},[6769],{"type":21,"value":6770},"Default value",{"type":15,"tag":6756,"props":6772,"children":6773},{},[6774],{"type":21,"value":6775},"Possible values",{"type":15,"tag":6777,"props":6778,"children":6779},"tbody",{},[6780,6830,6861],{"type":15,"tag":6752,"props":6781,"children":6782},{},[6783,6792,6801,6810],{"type":15,"tag":6784,"props":6785,"children":6786},"td",{},[6787],{"type":15,"tag":36,"props":6788,"children":6790},{"className":6789},[],[6791],{"type":21,"value":102},{"type":15,"tag":6784,"props":6793,"children":6794},{},[6795],{"type":15,"tag":36,"props":6796,"children":6798},{"className":6797},[],[6799],{"type":21,"value":6800},"SfInputSize",{"type":15,"tag":6784,"props":6802,"children":6803},{},[6804],{"type":15,"tag":36,"props":6805,"children":6807},{"className":6806},[],[6808],{"type":21,"value":6809},"'base'",{"type":15,"tag":6784,"props":6811,"children":6812},{},[6813,6818,6819,6824,6825],{"type":15,"tag":36,"props":6814,"children":6816},{"className":6815},[],[6817],{"type":21,"value":110},{"type":21,"value":112},{"type":15,"tag":36,"props":6820,"children":6822},{"className":6821},[],[6823],{"type":21,"value":6809},{"type":21,"value":112},{"type":15,"tag":36,"props":6826,"children":6828},{"className":6827},[],[6829],{"type":21,"value":126},{"type":15,"tag":6752,"props":6831,"children":6832},{},[6833,6841,6850,6858],{"type":15,"tag":6784,"props":6834,"children":6835},{},[6836],{"type":15,"tag":36,"props":6837,"children":6839},{"className":6838},[],[6840],{"type":21,"value":2740},{"type":15,"tag":6784,"props":6842,"children":6843},{},[6844],{"type":15,"tag":36,"props":6845,"children":6847},{"className":6846},[],[6848],{"type":21,"value":6849},"boolean",{"type":15,"tag":6784,"props":6851,"children":6852},{},[6853],{"type":15,"tag":36,"props":6854,"children":6856},{"className":6855},[],[6857],{"type":21,"value":4330},{"type":15,"tag":6784,"props":6859,"children":6860},{},[],{"type":15,"tag":6752,"props":6862,"children":6863},{},[6864,6873,6882,6890],{"type":15,"tag":6784,"props":6865,"children":6866},{},[6867],{"type":15,"tag":36,"props":6868,"children":6870},{"className":6869},[],[6871],{"type":21,"value":6872},"wrapperTag",{"type":15,"tag":6784,"props":6874,"children":6875},{},[6876],{"type":15,"tag":36,"props":6877,"children":6879},{"className":6878},[],[6880],{"type":21,"value":6881},"string",{"type":15,"tag":6784,"props":6883,"children":6884},{},[6885],{"type":15,"tag":36,"props":6886,"children":6888},{"className":6887},[],[6889],{"type":21,"value":149},{"type":15,"tag":6784,"props":6891,"children":6892},{},[6893],{"type":21,"value":6894},"Any tag name for input wrapper",{"type":15,"tag":448,"props":6896,"children":6897},{},[6898],{"type":15,"tag":6744,"props":6899,"children":6900},{},[6901,6923],{"type":15,"tag":6748,"props":6902,"children":6903},{},[6904],{"type":15,"tag":6752,"props":6905,"children":6906},{},[6907,6911,6915,6919],{"type":15,"tag":6756,"props":6908,"children":6909},{},[6910],{"type":21,"value":6760},{"type":15,"tag":6756,"props":6912,"children":6913},{},[6914],{"type":21,"value":6765},{"type":15,"tag":6756,"props":6916,"children":6917},{},[6918],{"type":21,"value":6770},{"type":15,"tag":6756,"props":6920,"children":6921},{},[6922],{"type":21,"value":6775},{"type":15,"tag":6777,"props":6924,"children":6925},{},[6926,6973,7003,7035,7061,7087],{"type":15,"tag":6752,"props":6927,"children":6928},{},[6929,6937,6945,6953],{"type":15,"tag":6784,"props":6930,"children":6931},{},[6932],{"type":15,"tag":36,"props":6933,"children":6935},{"className":6934},[],[6936],{"type":21,"value":102},{"type":15,"tag":6784,"props":6938,"children":6939},{},[6940],{"type":15,"tag":36,"props":6941,"children":6943},{"className":6942},[],[6944],{"type":21,"value":6800},{"type":15,"tag":6784,"props":6946,"children":6947},{},[6948],{"type":15,"tag":36,"props":6949,"children":6951},{"className":6950},[],[6952],{"type":21,"value":6809},{"type":15,"tag":6784,"props":6954,"children":6955},{},[6956,6961,6962,6967,6968],{"type":15,"tag":36,"props":6957,"children":6959},{"className":6958},[],[6960],{"type":21,"value":110},{"type":21,"value":112},{"type":15,"tag":36,"props":6963,"children":6965},{"className":6964},[],[6966],{"type":21,"value":6809},{"type":21,"value":112},{"type":15,"tag":36,"props":6969,"children":6971},{"className":6970},[],[6972],{"type":21,"value":126},{"type":15,"tag":6752,"props":6974,"children":6975},{},[6976,6984,6992,7000],{"type":15,"tag":6784,"props":6977,"children":6978},{},[6979],{"type":15,"tag":36,"props":6980,"children":6982},{"className":6981},[],[6983],{"type":21,"value":2740},{"type":15,"tag":6784,"props":6985,"children":6986},{},[6987],{"type":15,"tag":36,"props":6988,"children":6990},{"className":6989},[],[6991],{"type":21,"value":6849},{"type":15,"tag":6784,"props":6993,"children":6994},{},[6995],{"type":15,"tag":36,"props":6996,"children":6998},{"className":6997},[],[6999],{"type":21,"value":4330},{"type":15,"tag":6784,"props":7001,"children":7002},{},[],{"type":15,"tag":6752,"props":7004,"children":7005},{},[7006,7015,7023,7031],{"type":15,"tag":6784,"props":7007,"children":7008},{},[7009],{"type":15,"tag":36,"props":7010,"children":7012},{"className":7011},[],[7013],{"type":21,"value":7014},"wrapperAs",{"type":15,"tag":6784,"props":7016,"children":7017},{},[7018],{"type":15,"tag":36,"props":7019,"children":7021},{"className":7020},[],[7022],{"type":21,"value":6881},{"type":15,"tag":6784,"props":7024,"children":7025},{},[7026],{"type":15,"tag":36,"props":7027,"children":7029},{"className":7028},[],[7030],{"type":21,"value":149},{"type":15,"tag":6784,"props":7032,"children":7033},{},[7034],{"type":21,"value":6894},{"type":15,"tag":6752,"props":7036,"children":7037},{},[7038,7047,7055,7058],{"type":15,"tag":6784,"props":7039,"children":7040},{},[7041],{"type":15,"tag":36,"props":7042,"children":7044},{"className":7043},[],[7045],{"type":21,"value":7046},"className",{"type":15,"tag":6784,"props":7048,"children":7049},{},[7050],{"type":15,"tag":36,"props":7051,"children":7053},{"className":7052},[],[7054],{"type":21,"value":6881},{"type":15,"tag":6784,"props":7056,"children":7057},{},[],{"type":15,"tag":6784,"props":7059,"children":7060},{},[],{"type":15,"tag":6752,"props":7062,"children":7063},{},[7064,7072,7081,7084],{"type":15,"tag":6784,"props":7065,"children":7066},{},[7067],{"type":15,"tag":36,"props":7068,"children":7070},{"className":7069},[],[7071],{"type":21,"value":754},{"type":15,"tag":6784,"props":7073,"children":7074},{},[7075],{"type":15,"tag":36,"props":7076,"children":7078},{"className":7077},[],[7079],{"type":21,"value":7080},"ReactNode",{"type":15,"tag":6784,"props":7082,"children":7083},{},[],{"type":15,"tag":6784,"props":7085,"children":7086},{},[],{"type":15,"tag":6752,"props":7088,"children":7089},{},[7090,7098,7106,7109],{"type":15,"tag":6784,"props":7091,"children":7092},{},[7093],{"type":15,"tag":36,"props":7094,"children":7096},{"className":7095},[],[7097],{"type":21,"value":761},{"type":15,"tag":6784,"props":7099,"children":7100},{},[7101],{"type":15,"tag":36,"props":7102,"children":7104},{"className":7103},[],[7105],{"type":21,"value":7080},{"type":15,"tag":6784,"props":7107,"children":7108},{},[],{"type":15,"tag":6784,"props":7110,"children":7111},{},[],{"type":15,"tag":135,"props":7113,"children":7114},{},[7115,7121],{"type":15,"tag":74,"props":7116,"children":7118},{"id":7117},"slots",[7119],{"type":21,"value":7120},"Slots",{"type":15,"tag":6744,"props":7122,"children":7123},{},[7124,7140],{"type":15,"tag":6748,"props":7125,"children":7126},{},[7127],{"type":15,"tag":6752,"props":7128,"children":7129},{},[7130,7135],{"type":15,"tag":6756,"props":7131,"children":7132},{},[7133],{"type":21,"value":7134},"Slot name",{"type":15,"tag":6756,"props":7136,"children":7137},{},[7138],{"type":21,"value":7139},"Description",{"type":15,"tag":6777,"props":7141,"children":7142},{},[7143,7159],{"type":15,"tag":6752,"props":7144,"children":7145},{},[7146,7154],{"type":15,"tag":6784,"props":7147,"children":7148},{},[7149],{"type":15,"tag":36,"props":7150,"children":7152},{"className":7151},[],[7153],{"type":21,"value":731},{"type":15,"tag":6784,"props":7155,"children":7156},{},[7157],{"type":21,"value":7158},"Custom content for prefix in input",{"type":15,"tag":6752,"props":7160,"children":7161},{},[7162,7170],{"type":15,"tag":6784,"props":7163,"children":7164},{},[7165],{"type":15,"tag":36,"props":7166,"children":7168},{"className":7167},[],[7169],{"type":21,"value":739},{"type":15,"tag":6784,"props":7171,"children":7172},{},[7173],{"type":21,"value":7174},"Custom content for suffix in input",{"type":15,"tag":135,"props":7176,"children":7177},{},[7178,7184],{"type":15,"tag":74,"props":7179,"children":7181},{"id":7180},"events",[7182],{"type":21,"value":7183},"Events",{"type":15,"tag":6744,"props":7185,"children":7186},{},[7187,7203],{"type":15,"tag":6748,"props":7188,"children":7189},{},[7190],{"type":15,"tag":6752,"props":7191,"children":7192},{},[7193,7198],{"type":15,"tag":6756,"props":7194,"children":7195},{},[7196],{"type":21,"value":7197},"Event name",{"type":15,"tag":6756,"props":7199,"children":7200},{},[7201],{"type":21,"value":7202},"Trigger",{"type":15,"tag":6777,"props":7204,"children":7205},{},[7206],{"type":15,"tag":6752,"props":7207,"children":7208},{},[7209,7218],{"type":15,"tag":6784,"props":7210,"children":7211},{},[7212],{"type":15,"tag":36,"props":7213,"children":7215},{"className":7214},[],[7216],{"type":21,"value":7217},"update:modelValue",{"type":15,"tag":6784,"props":7219,"children":7220},{},[7221],{"type":21,"value":7222},"triggers v-model update event",{"type":15,"tag":28,"props":7224,"children":7225},{"v-slot:tab-3":9},[7226,7231,9019],{"type":15,"tag":7227,"props":7228,"children":7230},"partial",{"content":7229},"block-callout",[],{"type":15,"tag":135,"props":7232,"children":7233},{},[7234],{"type":15,"tag":139,"props":7235,"children":7237},{"className":141,"code":7236,"language":143,"meta":9,"style":9},"\u003Cscript lang=\"ts\">\nconst getSizeClasses = {\n  [SfInputSize.sm]: ' h-[32px]',\n  [SfInputSize.base]: 'h-[40px]',\n  [SfInputSize.lg]: 'h-[48px]',\n};\n\u003C\u002Fscript>\n\n\u003Cscript lang=\"ts\" setup>\nimport type { PropType, ConcreteComponent } from 'vue';\nimport { computed, ref, toRefs } from 'vue';\nimport { SfInputSize, twMerge, useFocusVisible, useTwMergeRoot } from '@storefront-ui\u002Fvue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = defineProps({\n  modelValue: {\n    type: [String, Number],\n    default: '',\n  },\n  wrapperTag: {\n    type: [String, Object] as PropType\u003Cstring | ConcreteComponent>,\n    default: 'span',\n  },\n  size: {\n    type: String as PropType\u003C`${SfInputSize}`>,\n    default: SfInputSize.base,\n  },\n  invalid: {\n    type: Boolean,\n    default: false,\n  },\n  wrapperClass: {\n    type: [String, Object],\n    default: '',\n  },\n});\nconst { attrsWithoutClass } = useTwMergeRoot();\nconst emit = defineEmits\u003C{\n  (event: 'update:modelValue', value: string | number): void;\n}>();\nconst { modelValue, invalid } = toRefs(props);\nconst { isFocusVisible } = useFocusVisible({ isTextInput: true });\n\n\u002F*\nInternal state has been implemented due to useFocusVisible and how it works. Main reason is that\nit captures native HTMLElement.prototype.focus method. It makes value disappear under certain circumstances,\nso it's important to keep it here, or to always pass modelValue to the component.\n*\u002F\nconst internalState = ref\u003Cstring | number>();\nconst inputValue = computed({\n  get: () => modelValue.value ?? internalState.value,\n  set: (value) => {\n    emit('update:modelValue', value);\n    internalState.value = value;\n  },\n});\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Ccomponent\n    :is=\"wrapperTag\"\n    :class=\"\n      twMerge(\n        'flex items-center gap-2 px-4 bg-white rounded-xl text-neutral-500 hover:ring-primary-700 focus-within:caret-primary-700 active:caret-primary-700 active:ring-primary-700 active:ring-2 focus-within:ring-primary-700 focus-within:ring-2 ring-inset',\n        {\n          'ring-2 ring-negative-700': invalid,\n          'ring-1 ring-neutral-300': !invalid,\n          'focus-within:outline focus-within:outline-offset': isFocusVisible,\n        },\n        getSizeClasses[size],\n        wrapperClass,\n      )\n    \"\n    data-testid=\"input\"\n  >\n    \u003Cslot name=\"prefix\" \u002F>\n    \u003Cinput\n      :class=\"\n        twMerge(\n          'min-w-[80px] w-full text-base outline-hidden appearance-none text-neutral-900 disabled:cursor-not-allowed disabled:bg-transparent read-only:bg-transparent',\n          $attrs.class,\n        )\n      \"\n      :size=\"1\"\n      data-testid=\"input-field\"\n      v-model=\"inputValue\"\n      v-bind=\"attrsWithoutClass\"\n    \u002F>\n    \u003Cslot name=\"suffix\" \u002F>\n  \u003C\u002Fcomponent>\n\u003C\u002Ftemplate>\n\n",[7238],{"type":15,"tag":36,"props":7239,"children":7240},{"__ignoreMap":9},[7241,7268,7289,7320,7349,7378,7386,7401,7408,7439,7485,7533,7591,7598,7611,7631,7639,7646,7671,7684,7716,7736,7744,7756,7816,7836,7843,7855,7909,7937,7944,7956,7976,7995,8002,8014,8041,8060,8067,8074,8108,8134,8194,8202,8251,8304,8311,8320,8328,8336,8344,8352,8393,8416,8467,8497,8525,8553,8560,8567,8582,8589,8604,8616,8633,8650,8658,8666,8673,8681,8689,8697,8704,8712,8720,8728,8737,8755,8764,8801,8814,8830,8839,8848,8857,8866,8875,8893,8911,8927,8945,8953,8986,9003],{"type":15,"tag":149,"props":7242,"children":7243},{"class":151,"line":152},[7244,7248,7252,7256,7260,7264],{"type":15,"tag":149,"props":7245,"children":7246},{"style":156},[7247],{"type":21,"value":159},{"type":15,"tag":149,"props":7249,"children":7250},{"style":162},[7251],{"type":21,"value":368},{"type":15,"tag":149,"props":7253,"children":7254},{"style":186},[7255],{"type":21,"value":373},{"type":15,"tag":149,"props":7257,"children":7258},{"style":156},[7259],{"type":21,"value":194},{"type":15,"tag":149,"props":7261,"children":7262},{"style":197},[7263],{"type":21,"value":382},{"type":15,"tag":149,"props":7265,"children":7266},{"style":156},[7267],{"type":21,"value":169},{"type":15,"tag":149,"props":7269,"children":7270},{"class":151,"line":172},[7271,7275,7280,7284],{"type":15,"tag":149,"props":7272,"children":7273},{"style":398},[7274],{"type":21,"value":4237},{"type":15,"tag":149,"props":7276,"children":7277},{"style":582},[7278],{"type":21,"value":7279}," getSizeClasses",{"type":15,"tag":149,"props":7281,"children":7282},{"style":561},[7283],{"type":21,"value":4247},{"type":15,"tag":149,"props":7285,"children":7286},{"style":156},[7287],{"type":21,"value":7288}," {\n",{"type":15,"tag":149,"props":7290,"children":7291},{"class":151,"line":207},[7292,7297,7301,7306,7311,7316],{"type":15,"tag":149,"props":7293,"children":7294},{"style":156},[7295],{"type":21,"value":7296},"  [",{"type":15,"tag":149,"props":7298,"children":7299},{"style":582},[7300],{"type":21,"value":6800},{"type":15,"tag":149,"props":7302,"children":7303},{"style":162},[7304],{"type":21,"value":7305},".sm",{"type":15,"tag":149,"props":7307,"children":7308},{"style":156},[7309],{"type":21,"value":7310},"]: ",{"type":15,"tag":149,"props":7312,"children":7313},{"style":197},[7314],{"type":21,"value":7315},"' h-[32px]'",{"type":15,"tag":149,"props":7317,"children":7318},{"style":156},[7319],{"type":21,"value":5590},{"type":15,"tag":149,"props":7321,"children":7322},{"class":151,"line":253},[7323,7327,7331,7336,7340,7345],{"type":15,"tag":149,"props":7324,"children":7325},{"style":156},[7326],{"type":21,"value":7296},{"type":15,"tag":149,"props":7328,"children":7329},{"style":582},[7330],{"type":21,"value":6800},{"type":15,"tag":149,"props":7332,"children":7333},{"style":162},[7334],{"type":21,"value":7335},".base",{"type":15,"tag":149,"props":7337,"children":7338},{"style":156},[7339],{"type":21,"value":7310},{"type":15,"tag":149,"props":7341,"children":7342},{"style":197},[7343],{"type":21,"value":7344},"'h-[40px]'",{"type":15,"tag":149,"props":7346,"children":7347},{"style":156},[7348],{"type":21,"value":5590},{"type":15,"tag":149,"props":7350,"children":7351},{"class":151,"line":282},[7352,7356,7360,7365,7369,7374],{"type":15,"tag":149,"props":7353,"children":7354},{"style":156},[7355],{"type":21,"value":7296},{"type":15,"tag":149,"props":7357,"children":7358},{"style":582},[7359],{"type":21,"value":6800},{"type":15,"tag":149,"props":7361,"children":7362},{"style":162},[7363],{"type":21,"value":7364},".lg",{"type":15,"tag":149,"props":7366,"children":7367},{"style":156},[7368],{"type":21,"value":7310},{"type":15,"tag":149,"props":7370,"children":7371},{"style":197},[7372],{"type":21,"value":7373},"'h-[48px]'",{"type":15,"tag":149,"props":7375,"children":7376},{"style":156},[7377],{"type":21,"value":5590},{"type":15,"tag":149,"props":7379,"children":7380},{"class":151,"line":324},[7381],{"type":15,"tag":149,"props":7382,"children":7383},{"style":156},[7384],{"type":21,"value":7385},"};\n",{"type":15,"tag":149,"props":7387,"children":7388},{"class":151,"line":341},[7389,7393,7397],{"type":15,"tag":149,"props":7390,"children":7391},{"style":156},[7392],{"type":21,"value":347},{"type":15,"tag":149,"props":7394,"children":7395},{"style":162},[7396],{"type":21,"value":368},{"type":15,"tag":149,"props":7398,"children":7399},{"style":156},[7400],{"type":21,"value":169},{"type":15,"tag":149,"props":7402,"children":7403},{"class":151,"line":358},[7404],{"type":15,"tag":149,"props":7405,"children":7406},{"emptyLinePlaceholder":8},[7407],{"type":21,"value":499},{"type":15,"tag":149,"props":7409,"children":7410},{"class":151,"line":394},[7411,7415,7419,7423,7427,7431,7435],{"type":15,"tag":149,"props":7412,"children":7413},{"style":156},[7414],{"type":21,"value":159},{"type":15,"tag":149,"props":7416,"children":7417},{"style":162},[7418],{"type":21,"value":368},{"type":15,"tag":149,"props":7420,"children":7421},{"style":186},[7422],{"type":21,"value":373},{"type":15,"tag":149,"props":7424,"children":7425},{"style":156},[7426],{"type":21,"value":194},{"type":15,"tag":149,"props":7428,"children":7429},{"style":197},[7430],{"type":21,"value":382},{"type":15,"tag":149,"props":7432,"children":7433},{"style":186},[7434],{"type":21,"value":387},{"type":15,"tag":149,"props":7436,"children":7437},{"style":156},[7438],{"type":21,"value":169},{"type":15,"tag":149,"props":7440,"children":7441},{"class":151,"line":433},[7442,7446,7451,7455,7460,7464,7469,7473,7477,7481],{"type":15,"tag":149,"props":7443,"children":7444},{"style":398},[7445],{"type":21,"value":401},{"type":15,"tag":149,"props":7447,"children":7448},{"style":398},[7449],{"type":21,"value":7450}," type",{"type":15,"tag":149,"props":7452,"children":7453},{"style":156},[7454],{"type":21,"value":406},{"type":15,"tag":149,"props":7456,"children":7457},{"style":162},[7458],{"type":21,"value":7459},"PropType",{"type":15,"tag":149,"props":7461,"children":7462},{"style":156},[7463],{"type":21,"value":112},{"type":15,"tag":149,"props":7465,"children":7466},{"style":162},[7467],{"type":21,"value":7468},"ConcreteComponent",{"type":15,"tag":149,"props":7470,"children":7471},{"style":156},[7472],{"type":21,"value":415},{"type":15,"tag":149,"props":7474,"children":7475},{"style":398},[7476],{"type":21,"value":420},{"type":15,"tag":149,"props":7478,"children":7479},{"style":197},[7480],{"type":21,"value":4184},{"type":15,"tag":149,"props":7482,"children":7483},{"style":156},[7484],{"type":21,"value":430},{"type":15,"tag":149,"props":7486,"children":7487},{"class":151,"line":705},[7488,7492,7496,7500,7504,7508,7512,7517,7521,7525,7529],{"type":15,"tag":149,"props":7489,"children":7490},{"style":398},[7491],{"type":21,"value":401},{"type":15,"tag":149,"props":7493,"children":7494},{"style":156},[7495],{"type":21,"value":406},{"type":15,"tag":149,"props":7497,"children":7498},{"style":162},[7499],{"type":21,"value":4171},{"type":15,"tag":149,"props":7501,"children":7502},{"style":156},[7503],{"type":21,"value":112},{"type":15,"tag":149,"props":7505,"children":7506},{"style":162},[7507],{"type":21,"value":4162},{"type":15,"tag":149,"props":7509,"children":7510},{"style":156},[7511],{"type":21,"value":112},{"type":15,"tag":149,"props":7513,"children":7514},{"style":162},[7515],{"type":21,"value":7516},"toRefs",{"type":15,"tag":149,"props":7518,"children":7519},{"style":156},[7520],{"type":21,"value":415},{"type":15,"tag":149,"props":7522,"children":7523},{"style":398},[7524],{"type":21,"value":420},{"type":15,"tag":149,"props":7526,"children":7527},{"style":197},[7528],{"type":21,"value":4184},{"type":15,"tag":149,"props":7530,"children":7531},{"style":156},[7532],{"type":21,"value":430},{"type":15,"tag":149,"props":7534,"children":7535},{"class":151,"line":1088},[7536,7540,7544,7548,7552,7557,7561,7566,7570,7575,7579,7583,7587],{"type":15,"tag":149,"props":7537,"children":7538},{"style":398},[7539],{"type":21,"value":401},{"type":15,"tag":149,"props":7541,"children":7542},{"style":156},[7543],{"type":21,"value":406},{"type":15,"tag":149,"props":7545,"children":7546},{"style":162},[7547],{"type":21,"value":6800},{"type":15,"tag":149,"props":7549,"children":7550},{"style":156},[7551],{"type":21,"value":112},{"type":15,"tag":149,"props":7553,"children":7554},{"style":162},[7555],{"type":21,"value":7556},"twMerge",{"type":15,"tag":149,"props":7558,"children":7559},{"style":156},[7560],{"type":21,"value":112},{"type":15,"tag":149,"props":7562,"children":7563},{"style":162},[7564],{"type":21,"value":7565},"useFocusVisible",{"type":15,"tag":149,"props":7567,"children":7568},{"style":156},[7569],{"type":21,"value":112},{"type":15,"tag":149,"props":7571,"children":7572},{"style":162},[7573],{"type":21,"value":7574},"useTwMergeRoot",{"type":15,"tag":149,"props":7576,"children":7577},{"style":156},[7578],{"type":21,"value":415},{"type":15,"tag":149,"props":7580,"children":7581},{"style":398},[7582],{"type":21,"value":420},{"type":15,"tag":149,"props":7584,"children":7585},{"style":197},[7586],{"type":21,"value":425},{"type":15,"tag":149,"props":7588,"children":7589},{"style":156},[7590],{"type":21,"value":430},{"type":15,"tag":149,"props":7592,"children":7593},{"class":151,"line":1671},[7594],{"type":15,"tag":149,"props":7595,"children":7596},{"emptyLinePlaceholder":8},[7597],{"type":21,"value":499},{"type":15,"tag":149,"props":7599,"children":7600},{"class":151,"line":1703},[7601,7606],{"type":15,"tag":149,"props":7602,"children":7603},{"style":520},[7604],{"type":21,"value":7605},"defineOptions",{"type":15,"tag":149,"props":7607,"children":7608},{"style":156},[7609],{"type":21,"value":7610},"({\n",{"type":15,"tag":149,"props":7612,"children":7613},{"class":151,"line":2017},[7614,7619,7623,7627],{"type":15,"tag":149,"props":7615,"children":7616},{"style":162},[7617],{"type":21,"value":7618},"  inheritAttrs",{"type":15,"tag":149,"props":7620,"children":7621},{"style":156},[7622],{"type":21,"value":5240},{"type":15,"tag":149,"props":7624,"children":7625},{"style":186},[7626],{"type":21,"value":4330},{"type":15,"tag":149,"props":7628,"children":7629},{"style":156},[7630],{"type":21,"value":5590},{"type":15,"tag":149,"props":7632,"children":7633},{"class":151,"line":2026},[7634],{"type":15,"tag":149,"props":7635,"children":7636},{"style":156},[7637],{"type":21,"value":7638},"});\n",{"type":15,"tag":149,"props":7640,"children":7641},{"class":151,"line":2034},[7642],{"type":15,"tag":149,"props":7643,"children":7644},{"emptyLinePlaceholder":8},[7645],{"type":21,"value":499},{"type":15,"tag":149,"props":7647,"children":7648},{"class":151,"line":3449},[7649,7653,7658,7662,7667],{"type":15,"tag":149,"props":7650,"children":7651},{"style":398},[7652],{"type":21,"value":4237},{"type":15,"tag":149,"props":7654,"children":7655},{"style":582},[7656],{"type":21,"value":7657}," props",{"type":15,"tag":149,"props":7659,"children":7660},{"style":561},[7661],{"type":21,"value":4247},{"type":15,"tag":149,"props":7663,"children":7664},{"style":520},[7665],{"type":21,"value":7666}," defineProps",{"type":15,"tag":149,"props":7668,"children":7669},{"style":156},[7670],{"type":21,"value":7610},{"type":15,"tag":149,"props":7672,"children":7673},{"class":151,"line":3731},[7674,7679],{"type":15,"tag":149,"props":7675,"children":7676},{"style":162},[7677],{"type":21,"value":7678},"  modelValue",{"type":15,"tag":149,"props":7680,"children":7681},{"style":156},[7682],{"type":21,"value":7683},": {\n",{"type":15,"tag":149,"props":7685,"children":7686},{"class":151,"line":3759},[7687,7692,7697,7702,7706,7711],{"type":15,"tag":149,"props":7688,"children":7689},{"style":162},[7690],{"type":21,"value":7691},"    type",{"type":15,"tag":149,"props":7693,"children":7694},{"style":156},[7695],{"type":21,"value":7696},": [",{"type":15,"tag":149,"props":7698,"children":7699},{"style":162},[7700],{"type":21,"value":7701},"String",{"type":15,"tag":149,"props":7703,"children":7704},{"style":156},[7705],{"type":21,"value":112},{"type":15,"tag":149,"props":7707,"children":7708},{"style":162},[7709],{"type":21,"value":7710},"Number",{"type":15,"tag":149,"props":7712,"children":7713},{"style":156},[7714],{"type":21,"value":7715},"],\n",{"type":15,"tag":149,"props":7717,"children":7718},{"class":151,"line":3775},[7719,7724,7728,7732],{"type":15,"tag":149,"props":7720,"children":7721},{"style":162},[7722],{"type":21,"value":7723},"    default",{"type":15,"tag":149,"props":7725,"children":7726},{"style":156},[7727],{"type":21,"value":5240},{"type":15,"tag":149,"props":7729,"children":7730},{"style":197},[7731],{"type":21,"value":4297},{"type":15,"tag":149,"props":7733,"children":7734},{"style":156},[7735],{"type":21,"value":5590},{"type":15,"tag":149,"props":7737,"children":7738},{"class":151,"line":3826},[7739],{"type":15,"tag":149,"props":7740,"children":7741},{"style":156},[7742],{"type":21,"value":7743},"  },\n",{"type":15,"tag":149,"props":7745,"children":7746},{"class":151,"line":3868},[7747,7752],{"type":15,"tag":149,"props":7748,"children":7749},{"style":162},[7750],{"type":21,"value":7751},"  wrapperTag",{"type":15,"tag":149,"props":7753,"children":7754},{"style":156},[7755],{"type":21,"value":7683},{"type":15,"tag":149,"props":7757,"children":7758},{"class":151,"line":3877},[7759,7763,7767,7771,7775,7780,7784,7789,7794,7798,7802,7807,7811],{"type":15,"tag":149,"props":7760,"children":7761},{"style":162},[7762],{"type":21,"value":7691},{"type":15,"tag":149,"props":7764,"children":7765},{"style":156},[7766],{"type":21,"value":7696},{"type":15,"tag":149,"props":7768,"children":7769},{"style":162},[7770],{"type":21,"value":7701},{"type":15,"tag":149,"props":7772,"children":7773},{"style":156},[7774],{"type":21,"value":112},{"type":15,"tag":149,"props":7776,"children":7777},{"style":162},[7778],{"type":21,"value":7779},"Object",{"type":15,"tag":149,"props":7781,"children":7782},{"style":156},[7783],{"type":21,"value":5184},{"type":15,"tag":149,"props":7785,"children":7786},{"style":398},[7787],{"type":21,"value":7788},"as",{"type":15,"tag":149,"props":7790,"children":7791},{"style":582},[7792],{"type":21,"value":7793}," PropType",{"type":15,"tag":149,"props":7795,"children":7796},{"style":156},[7797],{"type":21,"value":159},{"type":15,"tag":149,"props":7799,"children":7800},{"style":582},[7801],{"type":21,"value":6881},{"type":15,"tag":149,"props":7803,"children":7804},{"style":156},[7805],{"type":21,"value":7806}," | ",{"type":15,"tag":149,"props":7808,"children":7809},{"style":582},[7810],{"type":21,"value":7468},{"type":15,"tag":149,"props":7812,"children":7813},{"style":156},[7814],{"type":21,"value":7815},">,\n",{"type":15,"tag":149,"props":7817,"children":7818},{"class":151,"line":3893},[7819,7823,7827,7832],{"type":15,"tag":149,"props":7820,"children":7821},{"style":162},[7822],{"type":21,"value":7723},{"type":15,"tag":149,"props":7824,"children":7825},{"style":156},[7826],{"type":21,"value":5240},{"type":15,"tag":149,"props":7828,"children":7829},{"style":197},[7830],{"type":21,"value":7831},"'span'",{"type":15,"tag":149,"props":7833,"children":7834},{"style":156},[7835],{"type":21,"value":5590},{"type":15,"tag":149,"props":7837,"children":7838},{"class":151,"line":3935},[7839],{"type":15,"tag":149,"props":7840,"children":7841},{"style":156},[7842],{"type":21,"value":7743},{"type":15,"tag":149,"props":7844,"children":7845},{"class":151,"line":3944},[7846,7851],{"type":15,"tag":149,"props":7847,"children":7848},{"style":162},[7849],{"type":21,"value":7850},"  size",{"type":15,"tag":149,"props":7852,"children":7853},{"style":156},[7854],{"type":21,"value":7683},{"type":15,"tag":149,"props":7856,"children":7857},{"class":151,"line":3960},[7858,7862,7866,7870,7875,7879,7883,7888,7893,7897,7901,7905],{"type":15,"tag":149,"props":7859,"children":7860},{"style":162},[7861],{"type":21,"value":7691},{"type":15,"tag":149,"props":7863,"children":7864},{"style":156},[7865],{"type":21,"value":5240},{"type":15,"tag":149,"props":7867,"children":7868},{"style":162},[7869],{"type":21,"value":7701},{"type":15,"tag":149,"props":7871,"children":7872},{"style":398},[7873],{"type":21,"value":7874}," as",{"type":15,"tag":149,"props":7876,"children":7877},{"style":582},[7878],{"type":21,"value":7793},{"type":15,"tag":149,"props":7880,"children":7881},{"style":156},[7882],{"type":21,"value":159},{"type":15,"tag":149,"props":7884,"children":7885},{"style":197},[7886],{"type":21,"value":7887},"`",{"type":15,"tag":149,"props":7889,"children":7890},{"style":398},[7891],{"type":21,"value":7892},"${",{"type":15,"tag":149,"props":7894,"children":7895},{"style":582},[7896],{"type":21,"value":6800},{"type":15,"tag":149,"props":7898,"children":7899},{"style":398},[7900],{"type":21,"value":1306},{"type":15,"tag":149,"props":7902,"children":7903},{"style":197},[7904],{"type":21,"value":7887},{"type":15,"tag":149,"props":7906,"children":7907},{"style":156},[7908],{"type":21,"value":7815},{"type":15,"tag":149,"props":7910,"children":7911},{"class":151,"line":3976},[7912,7916,7920,7924,7928,7933],{"type":15,"tag":149,"props":7913,"children":7914},{"style":162},[7915],{"type":21,"value":7723},{"type":15,"tag":149,"props":7917,"children":7918},{"style":156},[7919],{"type":21,"value":5240},{"type":15,"tag":149,"props":7921,"children":7922},{"style":582},[7923],{"type":21,"value":6800},{"type":15,"tag":149,"props":7925,"children":7926},{"style":156},[7927],{"type":21,"value":72},{"type":15,"tag":149,"props":7929,"children":7930},{"style":162},[7931],{"type":21,"value":7932},"base",{"type":15,"tag":149,"props":7934,"children":7935},{"style":156},[7936],{"type":21,"value":5590},{"type":15,"tag":149,"props":7938,"children":7939},{"class":151,"line":3989},[7940],{"type":15,"tag":149,"props":7941,"children":7942},{"style":156},[7943],{"type":21,"value":7743},{"type":15,"tag":149,"props":7945,"children":7946},{"class":151,"line":4007},[7947,7952],{"type":15,"tag":149,"props":7948,"children":7949},{"style":162},[7950],{"type":21,"value":7951},"  invalid",{"type":15,"tag":149,"props":7953,"children":7954},{"style":156},[7955],{"type":21,"value":7683},{"type":15,"tag":149,"props":7957,"children":7958},{"class":151,"line":4024},[7959,7963,7967,7972],{"type":15,"tag":149,"props":7960,"children":7961},{"style":162},[7962],{"type":21,"value":7691},{"type":15,"tag":149,"props":7964,"children":7965},{"style":156},[7966],{"type":21,"value":5240},{"type":15,"tag":149,"props":7968,"children":7969},{"style":162},[7970],{"type":21,"value":7971},"Boolean",{"type":15,"tag":149,"props":7973,"children":7974},{"style":156},[7975],{"type":21,"value":5590},{"type":15,"tag":149,"props":7977,"children":7978},{"class":151,"line":4033},[7979,7983,7987,7991],{"type":15,"tag":149,"props":7980,"children":7981},{"style":162},[7982],{"type":21,"value":7723},{"type":15,"tag":149,"props":7984,"children":7985},{"style":156},[7986],{"type":21,"value":5240},{"type":15,"tag":149,"props":7988,"children":7989},{"style":186},[7990],{"type":21,"value":4330},{"type":15,"tag":149,"props":7992,"children":7993},{"style":156},[7994],{"type":21,"value":5590},{"type":15,"tag":149,"props":7996,"children":7997},{"class":151,"line":4042},[7998],{"type":15,"tag":149,"props":7999,"children":8000},{"style":156},[8001],{"type":21,"value":7743},{"type":15,"tag":149,"props":8003,"children":8004},{"class":151,"line":4050},[8005,8010],{"type":15,"tag":149,"props":8006,"children":8007},{"style":162},[8008],{"type":21,"value":8009},"  wrapperClass",{"type":15,"tag":149,"props":8011,"children":8012},{"style":156},[8013],{"type":21,"value":7683},{"type":15,"tag":149,"props":8015,"children":8016},{"class":151,"line":4059},[8017,8021,8025,8029,8033,8037],{"type":15,"tag":149,"props":8018,"children":8019},{"style":162},[8020],{"type":21,"value":7691},{"type":15,"tag":149,"props":8022,"children":8023},{"style":156},[8024],{"type":21,"value":7696},{"type":15,"tag":149,"props":8026,"children":8027},{"style":162},[8028],{"type":21,"value":7701},{"type":15,"tag":149,"props":8030,"children":8031},{"style":156},[8032],{"type":21,"value":112},{"type":15,"tag":149,"props":8034,"children":8035},{"style":162},[8036],{"type":21,"value":7779},{"type":15,"tag":149,"props":8038,"children":8039},{"style":156},[8040],{"type":21,"value":7715},{"type":15,"tag":149,"props":8042,"children":8043},{"class":151,"line":4068},[8044,8048,8052,8056],{"type":15,"tag":149,"props":8045,"children":8046},{"style":162},[8047],{"type":21,"value":7723},{"type":15,"tag":149,"props":8049,"children":8050},{"style":156},[8051],{"type":21,"value":5240},{"type":15,"tag":149,"props":8053,"children":8054},{"style":197},[8055],{"type":21,"value":4297},{"type":15,"tag":149,"props":8057,"children":8058},{"style":156},[8059],{"type":21,"value":5590},{"type":15,"tag":149,"props":8061,"children":8062},{"class":151,"line":4084},[8063],{"type":15,"tag":149,"props":8064,"children":8065},{"style":156},[8066],{"type":21,"value":7743},{"type":15,"tag":149,"props":8068,"children":8069},{"class":151,"line":4100},[8070],{"type":15,"tag":149,"props":8071,"children":8072},{"style":156},[8073],{"type":21,"value":7638},{"type":15,"tag":149,"props":8075,"children":8076},{"class":151,"line":4116},[8077,8081,8085,8090,8094,8098,8103],{"type":15,"tag":149,"props":8078,"children":8079},{"style":398},[8080],{"type":21,"value":4237},{"type":15,"tag":149,"props":8082,"children":8083},{"style":156},[8084],{"type":21,"value":406},{"type":15,"tag":149,"props":8086,"children":8087},{"style":582},[8088],{"type":21,"value":8089},"attrsWithoutClass",{"type":15,"tag":149,"props":8091,"children":8092},{"style":156},[8093],{"type":21,"value":415},{"type":15,"tag":149,"props":8095,"children":8096},{"style":561},[8097],{"type":21,"value":194},{"type":15,"tag":149,"props":8099,"children":8100},{"style":520},[8101],{"type":21,"value":8102}," useTwMergeRoot",{"type":15,"tag":149,"props":8104,"children":8105},{"style":156},[8106],{"type":21,"value":8107},"();\n",{"type":15,"tag":149,"props":8109,"children":8110},{"class":151,"line":4148},[8111,8115,8120,8124,8129],{"type":15,"tag":149,"props":8112,"children":8113},{"style":398},[8114],{"type":21,"value":4237},{"type":15,"tag":149,"props":8116,"children":8117},{"style":582},[8118],{"type":21,"value":8119}," emit",{"type":15,"tag":149,"props":8121,"children":8122},{"style":561},[8123],{"type":21,"value":4247},{"type":15,"tag":149,"props":8125,"children":8126},{"style":520},[8127],{"type":21,"value":8128}," defineEmits",{"type":15,"tag":149,"props":8130,"children":8131},{"style":156},[8132],{"type":21,"value":8133},"\u003C{\n",{"type":15,"tag":149,"props":8135,"children":8136},{"class":151,"line":4191},[8137,8142,8146,8150,8155,8159,8163,8167,8171,8175,8180,8185,8190],{"type":15,"tag":149,"props":8138,"children":8139},{"style":156},[8140],{"type":21,"value":8141},"  (",{"type":15,"tag":149,"props":8143,"children":8144},{"style":5232},[8145],{"type":21,"value":5235},{"type":15,"tag":149,"props":8147,"children":8148},{"style":156},[8149],{"type":21,"value":5240},{"type":15,"tag":149,"props":8151,"children":8152},{"style":197},[8153],{"type":21,"value":8154},"'update:modelValue'",{"type":15,"tag":149,"props":8156,"children":8157},{"style":156},[8158],{"type":21,"value":112},{"type":15,"tag":149,"props":8160,"children":8161},{"style":5232},[8162],{"type":21,"value":4653},{"type":15,"tag":149,"props":8164,"children":8165},{"style":156},[8166],{"type":21,"value":5240},{"type":15,"tag":149,"props":8168,"children":8169},{"style":582},[8170],{"type":21,"value":6881},{"type":15,"tag":149,"props":8172,"children":8173},{"style":156},[8174],{"type":21,"value":7806},{"type":15,"tag":149,"props":8176,"children":8177},{"style":582},[8178],{"type":21,"value":8179},"number",{"type":15,"tag":149,"props":8181,"children":8182},{"style":156},[8183],{"type":21,"value":8184},"): ",{"type":15,"tag":149,"props":8186,"children":8187},{"style":582},[8188],{"type":21,"value":8189},"void",{"type":15,"tag":149,"props":8191,"children":8192},{"style":156},[8193],{"type":21,"value":430},{"type":15,"tag":149,"props":8195,"children":8196},{"class":151,"line":4223},[8197],{"type":15,"tag":149,"props":8198,"children":8199},{"style":156},[8200],{"type":21,"value":8201},"}>();\n",{"type":15,"tag":149,"props":8203,"children":8204},{"class":151,"line":4231},[8205,8209,8213,8218,8222,8226,8230,8234,8239,8243,8247],{"type":15,"tag":149,"props":8206,"children":8207},{"style":398},[8208],{"type":21,"value":4237},{"type":15,"tag":149,"props":8210,"children":8211},{"style":156},[8212],{"type":21,"value":406},{"type":15,"tag":149,"props":8214,"children":8215},{"style":582},[8216],{"type":21,"value":8217},"modelValue",{"type":15,"tag":149,"props":8219,"children":8220},{"style":156},[8221],{"type":21,"value":112},{"type":15,"tag":149,"props":8223,"children":8224},{"style":582},[8225],{"type":21,"value":2740},{"type":15,"tag":149,"props":8227,"children":8228},{"style":156},[8229],{"type":21,"value":415},{"type":15,"tag":149,"props":8231,"children":8232},{"style":561},[8233],{"type":21,"value":194},{"type":15,"tag":149,"props":8235,"children":8236},{"style":520},[8237],{"type":21,"value":8238}," toRefs",{"type":15,"tag":149,"props":8240,"children":8241},{"style":156},[8242],{"type":21,"value":4257},{"type":15,"tag":149,"props":8244,"children":8245},{"style":162},[8246],{"type":21,"value":6736},{"type":15,"tag":149,"props":8248,"children":8249},{"style":156},[8250],{"type":21,"value":4267},{"type":15,"tag":149,"props":8252,"children":8253},{"class":151,"line":4270},[8254,8258,8262,8267,8271,8275,8280,8285,8290,8294,8299],{"type":15,"tag":149,"props":8255,"children":8256},{"style":398},[8257],{"type":21,"value":4237},{"type":15,"tag":149,"props":8259,"children":8260},{"style":156},[8261],{"type":21,"value":406},{"type":15,"tag":149,"props":8263,"children":8264},{"style":582},[8265],{"type":21,"value":8266},"isFocusVisible",{"type":15,"tag":149,"props":8268,"children":8269},{"style":156},[8270],{"type":21,"value":415},{"type":15,"tag":149,"props":8272,"children":8273},{"style":561},[8274],{"type":21,"value":194},{"type":15,"tag":149,"props":8276,"children":8277},{"style":520},[8278],{"type":21,"value":8279}," useFocusVisible",{"type":15,"tag":149,"props":8281,"children":8282},{"style":156},[8283],{"type":21,"value":8284},"({ ",{"type":15,"tag":149,"props":8286,"children":8287},{"style":162},[8288],{"type":21,"value":8289},"isTextInput",{"type":15,"tag":149,"props":8291,"children":8292},{"style":156},[8293],{"type":21,"value":5240},{"type":15,"tag":149,"props":8295,"children":8296},{"style":186},[8297],{"type":21,"value":8298},"true",{"type":15,"tag":149,"props":8300,"children":8301},{"style":156},[8302],{"type":21,"value":8303}," });\n",{"type":15,"tag":149,"props":8305,"children":8306},{"class":151,"line":4304},[8307],{"type":15,"tag":149,"props":8308,"children":8309},{"emptyLinePlaceholder":8},[8310],{"type":21,"value":499},{"type":15,"tag":149,"props":8312,"children":8313},{"class":151,"line":4337},[8314],{"type":15,"tag":149,"props":8315,"children":8317},{"style":8316},"--shiki-default:#7F848E;--shiki-default-font-style:italic",[8318],{"type":21,"value":8319},"\u002F*\n",{"type":15,"tag":149,"props":8321,"children":8322},{"class":151,"line":4369},[8323],{"type":15,"tag":149,"props":8324,"children":8325},{"style":8316},[8326],{"type":21,"value":8327},"Internal state has been implemented due to useFocusVisible and how it works. Main reason is that\n",{"type":15,"tag":149,"props":8329,"children":8330},{"class":151,"line":4401},[8331],{"type":15,"tag":149,"props":8332,"children":8333},{"style":8316},[8334],{"type":21,"value":8335},"it captures native HTMLElement.prototype.focus method. It makes value disappear under certain circumstances,\n",{"type":15,"tag":149,"props":8337,"children":8338},{"class":151,"line":4434},[8339],{"type":15,"tag":149,"props":8340,"children":8341},{"style":8316},[8342],{"type":21,"value":8343},"so it's important to keep it here, or to always pass modelValue to the component.\n",{"type":15,"tag":149,"props":8345,"children":8346},{"class":151,"line":4467},[8347],{"type":15,"tag":149,"props":8348,"children":8349},{"style":8316},[8350],{"type":21,"value":8351},"*\u002F\n",{"type":15,"tag":149,"props":8353,"children":8354},{"class":151,"line":4501},[8355,8359,8364,8368,8372,8376,8380,8384,8388],{"type":15,"tag":149,"props":8356,"children":8357},{"style":398},[8358],{"type":21,"value":4237},{"type":15,"tag":149,"props":8360,"children":8361},{"style":582},[8362],{"type":21,"value":8363}," internalState",{"type":15,"tag":149,"props":8365,"children":8366},{"style":561},[8367],{"type":21,"value":4247},{"type":15,"tag":149,"props":8369,"children":8370},{"style":520},[8371],{"type":21,"value":4252},{"type":15,"tag":149,"props":8373,"children":8374},{"style":156},[8375],{"type":21,"value":159},{"type":15,"tag":149,"props":8377,"children":8378},{"style":582},[8379],{"type":21,"value":6881},{"type":15,"tag":149,"props":8381,"children":8382},{"style":156},[8383],{"type":21,"value":7806},{"type":15,"tag":149,"props":8385,"children":8386},{"style":582},[8387],{"type":21,"value":8179},{"type":15,"tag":149,"props":8389,"children":8390},{"style":156},[8391],{"type":21,"value":8392},">();\n",{"type":15,"tag":149,"props":8394,"children":8395},{"class":151,"line":4535},[8396,8400,8404,8408,8412],{"type":15,"tag":149,"props":8397,"children":8398},{"style":398},[8399],{"type":21,"value":4237},{"type":15,"tag":149,"props":8401,"children":8402},{"style":582},[8403],{"type":21,"value":4280},{"type":15,"tag":149,"props":8405,"children":8406},{"style":561},[8407],{"type":21,"value":4247},{"type":15,"tag":149,"props":8409,"children":8410},{"style":520},[8411],{"type":21,"value":4630},{"type":15,"tag":149,"props":8413,"children":8414},{"style":156},[8415],{"type":21,"value":7610},{"type":15,"tag":149,"props":8417,"children":8418},{"class":151,"line":4569},[8419,8424,8429,8433,8438,8442,8446,8451,8455,8459,8463],{"type":15,"tag":149,"props":8420,"children":8421},{"style":520},[8422],{"type":21,"value":8423},"  get",{"type":15,"tag":149,"props":8425,"children":8426},{"style":156},[8427],{"type":21,"value":8428},": () ",{"type":15,"tag":149,"props":8430,"children":8431},{"style":398},[8432],{"type":21,"value":4640},{"type":15,"tag":149,"props":8434,"children":8435},{"style":582},[8436],{"type":21,"value":8437}," modelValue",{"type":15,"tag":149,"props":8439,"children":8440},{"style":156},[8441],{"type":21,"value":72},{"type":15,"tag":149,"props":8443,"children":8444},{"style":162},[8445],{"type":21,"value":4653},{"type":15,"tag":149,"props":8447,"children":8448},{"style":561},[8449],{"type":21,"value":8450}," ??",{"type":15,"tag":149,"props":8452,"children":8453},{"style":582},[8454],{"type":21,"value":8363},{"type":15,"tag":149,"props":8456,"children":8457},{"style":156},[8458],{"type":21,"value":72},{"type":15,"tag":149,"props":8460,"children":8461},{"style":162},[8462],{"type":21,"value":4653},{"type":15,"tag":149,"props":8464,"children":8465},{"style":156},[8466],{"type":21,"value":5590},{"type":15,"tag":149,"props":8468,"children":8469},{"class":151,"line":4603},[8470,8475,8480,8484,8489,8493],{"type":15,"tag":149,"props":8471,"children":8472},{"style":520},[8473],{"type":21,"value":8474},"  set",{"type":15,"tag":149,"props":8476,"children":8477},{"style":156},[8478],{"type":21,"value":8479},": (",{"type":15,"tag":149,"props":8481,"children":8482},{"style":5232},[8483],{"type":21,"value":4653},{"type":15,"tag":149,"props":8485,"children":8486},{"style":156},[8487],{"type":21,"value":8488},") ",{"type":15,"tag":149,"props":8490,"children":8491},{"style":398},[8492],{"type":21,"value":4640},{"type":15,"tag":149,"props":8494,"children":8495},{"style":156},[8496],{"type":21,"value":7288},{"type":15,"tag":149,"props":8498,"children":8499},{"class":151,"line":4611},[8500,8505,8509,8513,8517,8521],{"type":15,"tag":149,"props":8501,"children":8502},{"style":520},[8503],{"type":21,"value":8504},"    emit",{"type":15,"tag":149,"props":8506,"children":8507},{"style":156},[8508],{"type":21,"value":4257},{"type":15,"tag":149,"props":8510,"children":8511},{"style":197},[8512],{"type":21,"value":8154},{"type":15,"tag":149,"props":8514,"children":8515},{"style":156},[8516],{"type":21,"value":112},{"type":15,"tag":149,"props":8518,"children":8519},{"style":162},[8520],{"type":21,"value":4653},{"type":15,"tag":149,"props":8522,"children":8523},{"style":156},[8524],{"type":21,"value":4267},{"type":15,"tag":149,"props":8526,"children":8527},{"class":151,"line":4686},[8528,8533,8537,8541,8545,8549],{"type":15,"tag":149,"props":8529,"children":8530},{"style":582},[8531],{"type":21,"value":8532},"    internalState",{"type":15,"tag":149,"props":8534,"children":8535},{"style":156},[8536],{"type":21,"value":72},{"type":15,"tag":149,"props":8538,"children":8539},{"style":162},[8540],{"type":21,"value":4653},{"type":15,"tag":149,"props":8542,"children":8543},{"style":561},[8544],{"type":21,"value":4247},{"type":15,"tag":149,"props":8546,"children":8547},{"style":162},[8548],{"type":21,"value":2551},{"type":15,"tag":149,"props":8550,"children":8551},{"style":156},[8552],{"type":21,"value":430},{"type":15,"tag":149,"props":8554,"children":8555},{"class":151,"line":4756},[8556],{"type":15,"tag":149,"props":8557,"children":8558},{"style":156},[8559],{"type":21,"value":7743},{"type":15,"tag":149,"props":8561,"children":8562},{"class":151,"line":6208},[8563],{"type":15,"tag":149,"props":8564,"children":8565},{"style":156},[8566],{"type":21,"value":7638},{"type":15,"tag":149,"props":8568,"children":8569},{"class":151,"line":6260},[8570,8574,8578],{"type":15,"tag":149,"props":8571,"children":8572},{"style":156},[8573],{"type":21,"value":347},{"type":15,"tag":149,"props":8575,"children":8576},{"style":162},[8577],{"type":21,"value":368},{"type":15,"tag":149,"props":8579,"children":8580},{"style":156},[8581],{"type":21,"value":169},{"type":15,"tag":149,"props":8583,"children":8584},{"class":151,"line":6282},[8585],{"type":15,"tag":149,"props":8586,"children":8587},{"emptyLinePlaceholder":8},[8588],{"type":21,"value":499},{"type":15,"tag":149,"props":8590,"children":8591},{"class":151,"line":6298},[8592,8596,8600],{"type":15,"tag":149,"props":8593,"children":8594},{"style":156},[8595],{"type":21,"value":159},{"type":15,"tag":149,"props":8597,"children":8598},{"style":162},[8599],{"type":21,"value":28},{"type":15,"tag":149,"props":8601,"children":8602},{"style":156},[8603],{"type":21,"value":169},{"type":15,"tag":149,"props":8605,"children":8606},{"class":151,"line":6332},[8607,8611],{"type":15,"tag":149,"props":8608,"children":8609},{"style":156},[8610],{"type":21,"value":178},{"type":15,"tag":149,"props":8612,"children":8613},{"style":162},[8614],{"type":21,"value":8615},"component\n",{"type":15,"tag":149,"props":8617,"children":8618},{"class":151,"line":6344},[8619,8624,8628],{"type":15,"tag":149,"props":8620,"children":8621},{"style":186},[8622],{"type":21,"value":8623},"    :is",{"type":15,"tag":149,"props":8625,"children":8626},{"style":156},[8627],{"type":21,"value":194},{"type":15,"tag":149,"props":8629,"children":8630},{"style":197},[8631],{"type":21,"value":8632},"\"wrapperTag\"\n",{"type":15,"tag":149,"props":8634,"children":8635},{"class":151,"line":6370},[8636,8641,8645],{"type":15,"tag":149,"props":8637,"children":8638},{"style":186},[8639],{"type":21,"value":8640},"    :class",{"type":15,"tag":149,"props":8642,"children":8643},{"style":156},[8644],{"type":21,"value":194},{"type":15,"tag":149,"props":8646,"children":8647},{"style":197},[8648],{"type":21,"value":8649},"\"\n",{"type":15,"tag":149,"props":8651,"children":8652},{"class":151,"line":6383},[8653],{"type":15,"tag":149,"props":8654,"children":8655},{"style":197},[8656],{"type":21,"value":8657},"      twMerge(\n",{"type":15,"tag":149,"props":8659,"children":8660},{"class":151,"line":6413},[8661],{"type":15,"tag":149,"props":8662,"children":8663},{"style":197},[8664],{"type":21,"value":8665},"        'flex items-center gap-2 px-4 bg-white rounded-xl text-neutral-500 hover:ring-primary-700 focus-within:caret-primary-700 active:caret-primary-700 active:ring-primary-700 active:ring-2 focus-within:ring-primary-700 focus-within:ring-2 ring-inset',\n",{"type":15,"tag":149,"props":8667,"children":8668},{"class":151,"line":6426},[8669],{"type":15,"tag":149,"props":8670,"children":8671},{"style":197},[8672],{"type":21,"value":3664},{"type":15,"tag":149,"props":8674,"children":8675},{"class":151,"line":6435},[8676],{"type":15,"tag":149,"props":8677,"children":8678},{"style":197},[8679],{"type":21,"value":8680},"          'ring-2 ring-negative-700': invalid,\n",{"type":15,"tag":149,"props":8682,"children":8683},{"class":151,"line":6453},[8684],{"type":15,"tag":149,"props":8685,"children":8686},{"style":197},[8687],{"type":21,"value":8688},"          'ring-1 ring-neutral-300': !invalid,\n",{"type":15,"tag":149,"props":8690,"children":8691},{"class":151,"line":6470},[8692],{"type":15,"tag":149,"props":8693,"children":8694},{"style":197},[8695],{"type":21,"value":8696},"          'focus-within:outline focus-within:outline-offset': isFocusVisible,\n",{"type":15,"tag":149,"props":8698,"children":8699},{"class":151,"line":6491},[8700],{"type":15,"tag":149,"props":8701,"children":8702},{"style":197},[8703],{"type":21,"value":3680},{"type":15,"tag":149,"props":8705,"children":8706},{"class":151,"line":6507},[8707],{"type":15,"tag":149,"props":8708,"children":8709},{"style":197},[8710],{"type":21,"value":8711},"        getSizeClasses[size],\n",{"type":15,"tag":149,"props":8713,"children":8714},{"class":151,"line":6515},[8715],{"type":15,"tag":149,"props":8716,"children":8717},{"style":197},[8718],{"type":21,"value":8719},"        wrapperClass,\n",{"type":15,"tag":149,"props":8721,"children":8722},{"class":151,"line":6523},[8723],{"type":15,"tag":149,"props":8724,"children":8725},{"style":197},[8726],{"type":21,"value":8727},"      )\n",{"type":15,"tag":149,"props":8729,"children":8731},{"class":151,"line":8730},76,[8732],{"type":15,"tag":149,"props":8733,"children":8734},{"style":197},[8735],{"type":21,"value":8736},"    \"\n",{"type":15,"tag":149,"props":8738,"children":8740},{"class":151,"line":8739},77,[8741,8746,8750],{"type":15,"tag":149,"props":8742,"children":8743},{"style":186},[8744],{"type":21,"value":8745},"    data-testid",{"type":15,"tag":149,"props":8747,"children":8748},{"style":156},[8749],{"type":21,"value":194},{"type":15,"tag":149,"props":8751,"children":8752},{"style":197},[8753],{"type":21,"value":8754},"\"input\"\n",{"type":15,"tag":149,"props":8756,"children":8758},{"class":151,"line":8757},78,[8759],{"type":15,"tag":149,"props":8760,"children":8761},{"style":156},[8762],{"type":21,"value":8763},"  >\n",{"type":15,"tag":149,"props":8765,"children":8767},{"class":151,"line":8766},79,[8768,8772,8777,8782,8786,8791,8797],{"type":15,"tag":149,"props":8769,"children":8770},{"style":156},[8771],{"type":21,"value":213},{"type":15,"tag":149,"props":8773,"children":8774},{"style":162},[8775],{"type":21,"value":8776},"slot",{"type":15,"tag":149,"props":8778,"children":8779},{"style":186},[8780],{"type":21,"value":8781}," name",{"type":15,"tag":149,"props":8783,"children":8784},{"style":156},[8785],{"type":21,"value":194},{"type":15,"tag":149,"props":8787,"children":8788},{"style":197},[8789],{"type":21,"value":8790},"\"prefix\"",{"type":15,"tag":149,"props":8792,"children":8794},{"style":8793},"--shiki-default:#FFFFFF",[8795],{"type":21,"value":8796}," \u002F",{"type":15,"tag":149,"props":8798,"children":8799},{"style":156},[8800],{"type":21,"value":169},{"type":15,"tag":149,"props":8802,"children":8804},{"class":151,"line":8803},80,[8805,8809],{"type":15,"tag":149,"props":8806,"children":8807},{"style":156},[8808],{"type":21,"value":213},{"type":15,"tag":149,"props":8810,"children":8811},{"style":162},[8812],{"type":21,"value":8813},"input\n",{"type":15,"tag":149,"props":8815,"children":8817},{"class":151,"line":8816},81,[8818,8822,8826],{"type":15,"tag":149,"props":8819,"children":8820},{"style":186},[8821],{"type":21,"value":4013},{"type":15,"tag":149,"props":8823,"children":8824},{"style":156},[8825],{"type":21,"value":194},{"type":15,"tag":149,"props":8827,"children":8828},{"style":197},[8829],{"type":21,"value":8649},{"type":15,"tag":149,"props":8831,"children":8833},{"class":151,"line":8832},82,[8834],{"type":15,"tag":149,"props":8835,"children":8836},{"style":197},[8837],{"type":21,"value":8838},"        twMerge(\n",{"type":15,"tag":149,"props":8840,"children":8842},{"class":151,"line":8841},83,[8843],{"type":15,"tag":149,"props":8844,"children":8845},{"style":197},[8846],{"type":21,"value":8847},"          'min-w-[80px] w-full text-base outline-hidden appearance-none text-neutral-900 disabled:cursor-not-allowed disabled:bg-transparent read-only:bg-transparent',\n",{"type":15,"tag":149,"props":8849,"children":8851},{"class":151,"line":8850},84,[8852],{"type":15,"tag":149,"props":8853,"children":8854},{"style":197},[8855],{"type":21,"value":8856},"          $attrs.class,\n",{"type":15,"tag":149,"props":8858,"children":8860},{"class":151,"line":8859},85,[8861],{"type":15,"tag":149,"props":8862,"children":8863},{"style":197},[8864],{"type":21,"value":8865},"        )\n",{"type":15,"tag":149,"props":8867,"children":8869},{"class":151,"line":8868},86,[8870],{"type":15,"tag":149,"props":8871,"children":8872},{"style":197},[8873],{"type":21,"value":8874},"      \"\n",{"type":15,"tag":149,"props":8876,"children":8878},{"class":151,"line":8877},87,[8879,8884,8888],{"type":15,"tag":149,"props":8880,"children":8881},{"style":186},[8882],{"type":21,"value":8883},"      :size",{"type":15,"tag":149,"props":8885,"children":8886},{"style":156},[8887],{"type":21,"value":194},{"type":15,"tag":149,"props":8889,"children":8890},{"style":197},[8891],{"type":21,"value":8892},"\"1\"\n",{"type":15,"tag":149,"props":8894,"children":8896},{"class":151,"line":8895},88,[8897,8902,8906],{"type":15,"tag":149,"props":8898,"children":8899},{"style":186},[8900],{"type":21,"value":8901},"      data-testid",{"type":15,"tag":149,"props":8903,"children":8904},{"style":156},[8905],{"type":21,"value":194},{"type":15,"tag":149,"props":8907,"children":8908},{"style":197},[8909],{"type":21,"value":8910},"\"input-field\"\n",{"type":15,"tag":149,"props":8912,"children":8914},{"class":151,"line":8913},89,[8915,8919,8923],{"type":15,"tag":149,"props":8916,"children":8917},{"style":186},[8918],{"type":21,"value":3696},{"type":15,"tag":149,"props":8920,"children":8921},{"style":156},[8922],{"type":21,"value":194},{"type":15,"tag":149,"props":8924,"children":8925},{"style":197},[8926],{"type":21,"value":3705},{"type":15,"tag":149,"props":8928,"children":8930},{"class":151,"line":8929},90,[8931,8936,8940],{"type":15,"tag":149,"props":8932,"children":8933},{"style":186},[8934],{"type":21,"value":8935},"      v-bind",{"type":15,"tag":149,"props":8937,"children":8938},{"style":156},[8939],{"type":21,"value":194},{"type":15,"tag":149,"props":8941,"children":8942},{"style":197},[8943],{"type":21,"value":8944},"\"attrsWithoutClass\"\n",{"type":15,"tag":149,"props":8946,"children":8948},{"class":151,"line":8947},91,[8949],{"type":15,"tag":149,"props":8950,"children":8951},{"style":156},[8952],{"type":21,"value":3713},{"type":15,"tag":149,"props":8954,"children":8956},{"class":151,"line":8955},92,[8957,8961,8965,8969,8973,8978,8982],{"type":15,"tag":149,"props":8958,"children":8959},{"style":156},[8960],{"type":21,"value":213},{"type":15,"tag":149,"props":8962,"children":8963},{"style":162},[8964],{"type":21,"value":8776},{"type":15,"tag":149,"props":8966,"children":8967},{"style":186},[8968],{"type":21,"value":8781},{"type":15,"tag":149,"props":8970,"children":8971},{"style":156},[8972],{"type":21,"value":194},{"type":15,"tag":149,"props":8974,"children":8975},{"style":197},[8976],{"type":21,"value":8977},"\"suffix\"",{"type":15,"tag":149,"props":8979,"children":8980},{"style":8793},[8981],{"type":21,"value":8796},{"type":15,"tag":149,"props":8983,"children":8984},{"style":156},[8985],{"type":21,"value":169},{"type":15,"tag":149,"props":8987,"children":8989},{"class":151,"line":8988},93,[8990,8994,8999],{"type":15,"tag":149,"props":8991,"children":8992},{"style":156},[8993],{"type":21,"value":330},{"type":15,"tag":149,"props":8995,"children":8996},{"style":162},[8997],{"type":21,"value":8998},"component",{"type":15,"tag":149,"props":9000,"children":9001},{"style":156},[9002],{"type":21,"value":169},{"type":15,"tag":149,"props":9004,"children":9006},{"class":151,"line":9005},94,[9007,9011,9015],{"type":15,"tag":149,"props":9008,"children":9009},{"style":156},[9010],{"type":21,"value":347},{"type":15,"tag":149,"props":9012,"children":9013},{"style":162},[9014],{"type":21,"value":28},{"type":15,"tag":149,"props":9016,"children":9017},{"style":156},[9018],{"type":21,"value":169},{"type":15,"tag":448,"props":9020,"children":9021},{},[9022],{"type":15,"tag":139,"props":9023,"children":9025},{"className":453,"code":9024,"language":455,"meta":9,"style":9},"'use client';\nimport { SfInputSize, useFocusVisible, type SfInputProps, polymorphicForwardRef, twMerge } from '@storefront-ui\u002Freact';\n\nconst defaultWrapperTag = 'span';\n\nconst sizeClasses = {\n  [SfInputSize.sm]: ' h-[32px]',\n  [SfInputSize.base]: 'h-[40px]',\n  [SfInputSize.lg]: 'h-[48px]',\n};\n\nconst SfInput = polymorphicForwardRef\u003Ctypeof defaultWrapperTag, SfInputProps>(\n  (\n    { wrapperAs, size = SfInputSize.base, slotPrefix, slotSuffix, invalid, className, wrapperClassName, ...attributes },\n    ref,\n  ) => {\n    const WrapperTag = wrapperAs || defaultWrapperTag;\n    const { isFocusVisible } = useFocusVisible({ isTextInput: true });\n\n    return (\n      \u003CWrapperTag\n        className={twMerge(\n          'flex items-center gap-2 px-4 bg-white rounded-xl text-neutral-500 ring-inset hover:ring-primary-700 focus-within:caret-primary-700 active:caret-primary-700 active:ring-primary-700 active:ring-2 focus-within:ring-primary-700 focus-within:ring-2',\n          {\n            'ring-2 ring-negative-700': invalid,\n            'ring-1 ring-neutral-300': !invalid,\n            'focus-within:outline focus-within:outline-offset': isFocusVisible,\n          },\n          sizeClasses[size],\n          wrapperClassName,\n        )}\n        data-testid=\"input\"\n      >\n        {slotPrefix}\n        \u003Cinput\n          className={twMerge(\n            'min-w-[80px] w-full text-base outline-hidden appearance-none text-neutral-900 disabled:cursor-not-allowed disabled:bg-transparent read-only:bg-transparent',\n            className,\n          )}\n          type=\"text\"\n          data-testid=\"input-field\"\n          size={1}\n          ref={ref}\n          {...attributes}\n        \u002F>\n        {slotSuffix}\n      \u003C\u002FWrapperTag>\n    );\n  },\n);\n\nexport default SfInput;\n\n",[9026],{"type":15,"tag":36,"props":9027,"children":9028},{"__ignoreMap":9},[9029,9041,9111,9118,9143,9150,9170,9197,9224,9251,9258,9265,9313,9321,9413,9425,9441,9475,9522,9529,9541,9553,9577,9589,9597,9617,9642,9662,9670,9691,9702,9714,9730,9738,9753,9764,9787,9799,9810,9821,9838,9854,9878,9902,9922,9929,9944,9960,9968,9975,9982,9989],{"type":15,"tag":149,"props":9030,"children":9031},{"class":151,"line":152},[9032,9037],{"type":15,"tag":149,"props":9033,"children":9034},{"style":197},[9035],{"type":21,"value":9036},"'use client'",{"type":15,"tag":149,"props":9038,"children":9039},{"style":156},[9040],{"type":21,"value":430},{"type":15,"tag":149,"props":9042,"children":9043},{"class":151,"line":172},[9044,9048,9052,9056,9060,9064,9068,9073,9078,9082,9087,9091,9095,9099,9103,9107],{"type":15,"tag":149,"props":9045,"children":9046},{"style":398},[9047],{"type":21,"value":401},{"type":15,"tag":149,"props":9049,"children":9050},{"style":156},[9051],{"type":21,"value":406},{"type":15,"tag":149,"props":9053,"children":9054},{"style":162},[9055],{"type":21,"value":6800},{"type":15,"tag":149,"props":9057,"children":9058},{"style":156},[9059],{"type":21,"value":112},{"type":15,"tag":149,"props":9061,"children":9062},{"style":162},[9063],{"type":21,"value":7565},{"type":15,"tag":149,"props":9065,"children":9066},{"style":156},[9067],{"type":21,"value":112},{"type":15,"tag":149,"props":9069,"children":9070},{"style":398},[9071],{"type":21,"value":9072},"type",{"type":15,"tag":149,"props":9074,"children":9075},{"style":162},[9076],{"type":21,"value":9077}," SfInputProps",{"type":15,"tag":149,"props":9079,"children":9080},{"style":156},[9081],{"type":21,"value":112},{"type":15,"tag":149,"props":9083,"children":9084},{"style":162},[9085],{"type":21,"value":9086},"polymorphicForwardRef",{"type":15,"tag":149,"props":9088,"children":9089},{"style":156},[9090],{"type":21,"value":112},{"type":15,"tag":149,"props":9092,"children":9093},{"style":162},[9094],{"type":21,"value":7556},{"type":15,"tag":149,"props":9096,"children":9097},{"style":156},[9098],{"type":21,"value":415},{"type":15,"tag":149,"props":9100,"children":9101},{"style":398},[9102],{"type":21,"value":420},{"type":15,"tag":149,"props":9104,"children":9105},{"style":197},[9106],{"type":21,"value":487},{"type":15,"tag":149,"props":9108,"children":9109},{"style":156},[9110],{"type":21,"value":430},{"type":15,"tag":149,"props":9112,"children":9113},{"class":151,"line":207},[9114],{"type":15,"tag":149,"props":9115,"children":9116},{"emptyLinePlaceholder":8},[9117],{"type":21,"value":499},{"type":15,"tag":149,"props":9119,"children":9120},{"class":151,"line":253},[9121,9125,9130,9134,9139],{"type":15,"tag":149,"props":9122,"children":9123},{"style":398},[9124],{"type":21,"value":4237},{"type":15,"tag":149,"props":9126,"children":9127},{"style":582},[9128],{"type":21,"value":9129}," defaultWrapperTag",{"type":15,"tag":149,"props":9131,"children":9132},{"style":561},[9133],{"type":21,"value":4247},{"type":15,"tag":149,"props":9135,"children":9136},{"style":197},[9137],{"type":21,"value":9138}," 'span'",{"type":15,"tag":149,"props":9140,"children":9141},{"style":156},[9142],{"type":21,"value":430},{"type":15,"tag":149,"props":9144,"children":9145},{"class":151,"line":282},[9146],{"type":15,"tag":149,"props":9147,"children":9148},{"emptyLinePlaceholder":8},[9149],{"type":21,"value":499},{"type":15,"tag":149,"props":9151,"children":9152},{"class":151,"line":324},[9153,9157,9162,9166],{"type":15,"tag":149,"props":9154,"children":9155},{"style":398},[9156],{"type":21,"value":4237},{"type":15,"tag":149,"props":9158,"children":9159},{"style":582},[9160],{"type":21,"value":9161}," sizeClasses",{"type":15,"tag":149,"props":9163,"children":9164},{"style":561},[9165],{"type":21,"value":4247},{"type":15,"tag":149,"props":9167,"children":9168},{"style":156},[9169],{"type":21,"value":7288},{"type":15,"tag":149,"props":9171,"children":9172},{"class":151,"line":341},[9173,9177,9181,9185,9189,9193],{"type":15,"tag":149,"props":9174,"children":9175},{"style":156},[9176],{"type":21,"value":7296},{"type":15,"tag":149,"props":9178,"children":9179},{"style":582},[9180],{"type":21,"value":6800},{"type":15,"tag":149,"props":9182,"children":9183},{"style":162},[9184],{"type":21,"value":7305},{"type":15,"tag":149,"props":9186,"children":9187},{"style":156},[9188],{"type":21,"value":7310},{"type":15,"tag":149,"props":9190,"children":9191},{"style":197},[9192],{"type":21,"value":7315},{"type":15,"tag":149,"props":9194,"children":9195},{"style":156},[9196],{"type":21,"value":5590},{"type":15,"tag":149,"props":9198,"children":9199},{"class":151,"line":358},[9200,9204,9208,9212,9216,9220],{"type":15,"tag":149,"props":9201,"children":9202},{"style":156},[9203],{"type":21,"value":7296},{"type":15,"tag":149,"props":9205,"children":9206},{"style":582},[9207],{"type":21,"value":6800},{"type":15,"tag":149,"props":9209,"children":9210},{"style":162},[9211],{"type":21,"value":7335},{"type":15,"tag":149,"props":9213,"children":9214},{"style":156},[9215],{"type":21,"value":7310},{"type":15,"tag":149,"props":9217,"children":9218},{"style":197},[9219],{"type":21,"value":7344},{"type":15,"tag":149,"props":9221,"children":9222},{"style":156},[9223],{"type":21,"value":5590},{"type":15,"tag":149,"props":9225,"children":9226},{"class":151,"line":394},[9227,9231,9235,9239,9243,9247],{"type":15,"tag":149,"props":9228,"children":9229},{"style":156},[9230],{"type":21,"value":7296},{"type":15,"tag":149,"props":9232,"children":9233},{"style":582},[9234],{"type":21,"value":6800},{"type":15,"tag":149,"props":9236,"children":9237},{"style":162},[9238],{"type":21,"value":7364},{"type":15,"tag":149,"props":9240,"children":9241},{"style":156},[9242],{"type":21,"value":7310},{"type":15,"tag":149,"props":9244,"children":9245},{"style":197},[9246],{"type":21,"value":7373},{"type":15,"tag":149,"props":9248,"children":9249},{"style":156},[9250],{"type":21,"value":5590},{"type":15,"tag":149,"props":9252,"children":9253},{"class":151,"line":433},[9254],{"type":15,"tag":149,"props":9255,"children":9256},{"style":156},[9257],{"type":21,"value":7385},{"type":15,"tag":149,"props":9259,"children":9260},{"class":151,"line":705},[9261],{"type":15,"tag":149,"props":9262,"children":9263},{"emptyLinePlaceholder":8},[9264],{"type":21,"value":499},{"type":15,"tag":149,"props":9266,"children":9267},{"class":151,"line":1088},[9268,9272,9277,9281,9286,9290,9295,9299,9303,9308],{"type":15,"tag":149,"props":9269,"children":9270},{"style":398},[9271],{"type":21,"value":4237},{"type":15,"tag":149,"props":9273,"children":9274},{"style":582},[9275],{"type":21,"value":9276}," SfInput",{"type":15,"tag":149,"props":9278,"children":9279},{"style":561},[9280],{"type":21,"value":4247},{"type":15,"tag":149,"props":9282,"children":9283},{"style":520},[9284],{"type":21,"value":9285}," polymorphicForwardRef",{"type":15,"tag":149,"props":9287,"children":9288},{"style":156},[9289],{"type":21,"value":159},{"type":15,"tag":149,"props":9291,"children":9292},{"style":398},[9293],{"type":21,"value":9294},"typeof",{"type":15,"tag":149,"props":9296,"children":9297},{"style":162},[9298],{"type":21,"value":9129},{"type":15,"tag":149,"props":9300,"children":9301},{"style":156},[9302],{"type":21,"value":112},{"type":15,"tag":149,"props":9304,"children":9305},{"style":582},[9306],{"type":21,"value":9307},"SfInputProps",{"type":15,"tag":149,"props":9309,"children":9310},{"style":156},[9311],{"type":21,"value":9312},">(\n",{"type":15,"tag":149,"props":9314,"children":9315},{"class":151,"line":1671},[9316],{"type":15,"tag":149,"props":9317,"children":9318},{"style":156},[9319],{"type":21,"value":9320},"  (\n",{"type":15,"tag":149,"props":9322,"children":9323},{"class":151,"line":1703},[9324,9329,9333,9337,9341,9345,9350,9354,9358,9362,9366,9370,9374,9378,9382,9386,9390,9394,9398,9403,9408],{"type":15,"tag":149,"props":9325,"children":9326},{"style":156},[9327],{"type":21,"value":9328},"    { ",{"type":15,"tag":149,"props":9330,"children":9331},{"style":162},[9332],{"type":21,"value":7014},{"type":15,"tag":149,"props":9334,"children":9335},{"style":156},[9336],{"type":21,"value":112},{"type":15,"tag":149,"props":9338,"children":9339},{"style":162},[9340],{"type":21,"value":102},{"type":15,"tag":149,"props":9342,"children":9343},{"style":561},[9344],{"type":21,"value":4247},{"type":15,"tag":149,"props":9346,"children":9347},{"style":582},[9348],{"type":21,"value":9349}," SfInputSize",{"type":15,"tag":149,"props":9351,"children":9352},{"style":156},[9353],{"type":21,"value":72},{"type":15,"tag":149,"props":9355,"children":9356},{"style":162},[9357],{"type":21,"value":7932},{"type":15,"tag":149,"props":9359,"children":9360},{"style":156},[9361],{"type":21,"value":112},{"type":15,"tag":149,"props":9363,"children":9364},{"style":162},[9365],{"type":21,"value":754},{"type":15,"tag":149,"props":9367,"children":9368},{"style":156},[9369],{"type":21,"value":112},{"type":15,"tag":149,"props":9371,"children":9372},{"style":162},[9373],{"type":21,"value":761},{"type":15,"tag":149,"props":9375,"children":9376},{"style":156},[9377],{"type":21,"value":112},{"type":15,"tag":149,"props":9379,"children":9380},{"style":162},[9381],{"type":21,"value":2740},{"type":15,"tag":149,"props":9383,"children":9384},{"style":156},[9385],{"type":21,"value":112},{"type":15,"tag":149,"props":9387,"children":9388},{"style":162},[9389],{"type":21,"value":7046},{"type":15,"tag":149,"props":9391,"children":9392},{"style":156},[9393],{"type":21,"value":112},{"type":15,"tag":149,"props":9395,"children":9396},{"style":162},[9397],{"type":21,"value":6602},{"type":15,"tag":149,"props":9399,"children":9400},{"style":156},[9401],{"type":21,"value":9402},", ...",{"type":15,"tag":149,"props":9404,"children":9405},{"style":162},[9406],{"type":21,"value":9407},"attributes",{"type":15,"tag":149,"props":9409,"children":9410},{"style":156},[9411],{"type":21,"value":9412}," },\n",{"type":15,"tag":149,"props":9414,"children":9415},{"class":151,"line":2017},[9416,9421],{"type":15,"tag":149,"props":9417,"children":9418},{"style":162},[9419],{"type":21,"value":9420},"    ref",{"type":15,"tag":149,"props":9422,"children":9423},{"style":156},[9424],{"type":21,"value":5590},{"type":15,"tag":149,"props":9426,"children":9427},{"class":151,"line":2026},[9428,9433,9437],{"type":15,"tag":149,"props":9429,"children":9430},{"style":156},[9431],{"type":21,"value":9432},"  ) ",{"type":15,"tag":149,"props":9434,"children":9435},{"style":398},[9436],{"type":21,"value":4640},{"type":15,"tag":149,"props":9438,"children":9439},{"style":156},[9440],{"type":21,"value":7288},{"type":15,"tag":149,"props":9442,"children":9443},{"class":151,"line":2034},[9444,9449,9454,9458,9463,9467,9471],{"type":15,"tag":149,"props":9445,"children":9446},{"style":398},[9447],{"type":21,"value":9448},"    const",{"type":15,"tag":149,"props":9450,"children":9451},{"style":582},[9452],{"type":21,"value":9453}," WrapperTag",{"type":15,"tag":149,"props":9455,"children":9456},{"style":561},[9457],{"type":21,"value":4247},{"type":15,"tag":149,"props":9459,"children":9460},{"style":162},[9461],{"type":21,"value":9462}," wrapperAs",{"type":15,"tag":149,"props":9464,"children":9465},{"style":561},[9466],{"type":21,"value":5870},{"type":15,"tag":149,"props":9468,"children":9469},{"style":162},[9470],{"type":21,"value":9129},{"type":15,"tag":149,"props":9472,"children":9473},{"style":156},[9474],{"type":21,"value":430},{"type":15,"tag":149,"props":9476,"children":9477},{"class":151,"line":3449},[9478,9482,9486,9490,9494,9498,9502,9506,9510,9514,9518],{"type":15,"tag":149,"props":9479,"children":9480},{"style":398},[9481],{"type":21,"value":9448},{"type":15,"tag":149,"props":9483,"children":9484},{"style":156},[9485],{"type":21,"value":406},{"type":15,"tag":149,"props":9487,"children":9488},{"style":582},[9489],{"type":21,"value":8266},{"type":15,"tag":149,"props":9491,"children":9492},{"style":156},[9493],{"type":21,"value":415},{"type":15,"tag":149,"props":9495,"children":9496},{"style":561},[9497],{"type":21,"value":194},{"type":15,"tag":149,"props":9499,"children":9500},{"style":520},[9501],{"type":21,"value":8279},{"type":15,"tag":149,"props":9503,"children":9504},{"style":156},[9505],{"type":21,"value":8284},{"type":15,"tag":149,"props":9507,"children":9508},{"style":162},[9509],{"type":21,"value":8289},{"type":15,"tag":149,"props":9511,"children":9512},{"style":156},[9513],{"type":21,"value":5240},{"type":15,"tag":149,"props":9515,"children":9516},{"style":186},[9517],{"type":21,"value":8298},{"type":15,"tag":149,"props":9519,"children":9520},{"style":156},[9521],{"type":21,"value":8303},{"type":15,"tag":149,"props":9523,"children":9524},{"class":151,"line":3731},[9525],{"type":15,"tag":149,"props":9526,"children":9527},{"emptyLinePlaceholder":8},[9528],{"type":21,"value":499},{"type":15,"tag":149,"props":9530,"children":9531},{"class":151,"line":3759},[9532,9537],{"type":15,"tag":149,"props":9533,"children":9534},{"style":398},[9535],{"type":21,"value":9536},"    return",{"type":15,"tag":149,"props":9538,"children":9539},{"style":156},[9540],{"type":21,"value":541},{"type":15,"tag":149,"props":9542,"children":9543},{"class":151,"line":3775},[9544,9548],{"type":15,"tag":149,"props":9545,"children":9546},{"style":156},[9547],{"type":21,"value":579},{"type":15,"tag":149,"props":9549,"children":9550},{"style":582},[9551],{"type":21,"value":9552},"WrapperTag\n",{"type":15,"tag":149,"props":9554,"children":9555},{"class":151,"line":3826},[9556,9561,9565,9569,9573],{"type":15,"tag":149,"props":9557,"children":9558},{"style":555},[9559],{"type":21,"value":9560},"        className",{"type":15,"tag":149,"props":9562,"children":9563},{"style":561},[9564],{"type":21,"value":194},{"type":15,"tag":149,"props":9566,"children":9567},{"style":398},[9568],{"type":21,"value":1288},{"type":15,"tag":149,"props":9570,"children":9571},{"style":520},[9572],{"type":21,"value":7556},{"type":15,"tag":149,"props":9574,"children":9575},{"style":156},[9576],{"type":21,"value":6367},{"type":15,"tag":149,"props":9578,"children":9579},{"class":151,"line":3868},[9580,9585],{"type":15,"tag":149,"props":9581,"children":9582},{"style":197},[9583],{"type":21,"value":9584},"          'flex items-center gap-2 px-4 bg-white rounded-xl text-neutral-500 ring-inset hover:ring-primary-700 focus-within:caret-primary-700 active:caret-primary-700 active:ring-primary-700 active:ring-2 focus-within:ring-primary-700 focus-within:ring-2'",{"type":15,"tag":149,"props":9586,"children":9587},{"style":156},[9588],{"type":21,"value":5590},{"type":15,"tag":149,"props":9590,"children":9591},{"class":151,"line":3877},[9592],{"type":15,"tag":149,"props":9593,"children":9594},{"style":156},[9595],{"type":21,"value":9596},"          {\n",{"type":15,"tag":149,"props":9598,"children":9599},{"class":151,"line":3893},[9600,9605,9609,9613],{"type":15,"tag":149,"props":9601,"children":9602},{"style":197},[9603],{"type":21,"value":9604},"            'ring-2 ring-negative-700'",{"type":15,"tag":149,"props":9606,"children":9607},{"style":156},[9608],{"type":21,"value":5240},{"type":15,"tag":149,"props":9610,"children":9611},{"style":162},[9612],{"type":21,"value":2740},{"type":15,"tag":149,"props":9614,"children":9615},{"style":156},[9616],{"type":21,"value":5590},{"type":15,"tag":149,"props":9618,"children":9619},{"class":151,"line":3935},[9620,9625,9629,9634,9638],{"type":15,"tag":149,"props":9621,"children":9622},{"style":197},[9623],{"type":21,"value":9624},"            'ring-1 ring-neutral-300'",{"type":15,"tag":149,"props":9626,"children":9627},{"style":156},[9628],{"type":21,"value":5240},{"type":15,"tag":149,"props":9630,"children":9631},{"style":561},[9632],{"type":21,"value":9633},"!",{"type":15,"tag":149,"props":9635,"children":9636},{"style":162},[9637],{"type":21,"value":2740},{"type":15,"tag":149,"props":9639,"children":9640},{"style":156},[9641],{"type":21,"value":5590},{"type":15,"tag":149,"props":9643,"children":9644},{"class":151,"line":3944},[9645,9650,9654,9658],{"type":15,"tag":149,"props":9646,"children":9647},{"style":197},[9648],{"type":21,"value":9649},"            'focus-within:outline focus-within:outline-offset'",{"type":15,"tag":149,"props":9651,"children":9652},{"style":156},[9653],{"type":21,"value":5240},{"type":15,"tag":149,"props":9655,"children":9656},{"style":162},[9657],{"type":21,"value":8266},{"type":15,"tag":149,"props":9659,"children":9660},{"style":156},[9661],{"type":21,"value":5590},{"type":15,"tag":149,"props":9663,"children":9664},{"class":151,"line":3960},[9665],{"type":15,"tag":149,"props":9666,"children":9667},{"style":156},[9668],{"type":21,"value":9669},"          },\n",{"type":15,"tag":149,"props":9671,"children":9672},{"class":151,"line":3976},[9673,9678,9683,9687],{"type":15,"tag":149,"props":9674,"children":9675},{"style":162},[9676],{"type":21,"value":9677},"          sizeClasses",{"type":15,"tag":149,"props":9679,"children":9680},{"style":156},[9681],{"type":21,"value":9682},"[",{"type":15,"tag":149,"props":9684,"children":9685},{"style":162},[9686],{"type":21,"value":102},{"type":15,"tag":149,"props":9688,"children":9689},{"style":156},[9690],{"type":21,"value":7715},{"type":15,"tag":149,"props":9692,"children":9693},{"class":151,"line":3989},[9694,9698],{"type":15,"tag":149,"props":9695,"children":9696},{"style":162},[9697],{"type":21,"value":5824},{"type":15,"tag":149,"props":9699,"children":9700},{"style":156},[9701],{"type":21,"value":5590},{"type":15,"tag":149,"props":9703,"children":9704},{"class":151,"line":4007},[9705,9710],{"type":15,"tag":149,"props":9706,"children":9707},{"style":156},[9708],{"type":21,"value":9709},"        )",{"type":15,"tag":149,"props":9711,"children":9712},{"style":398},[9713],{"type":21,"value":711},{"type":15,"tag":149,"props":9715,"children":9716},{"class":151,"line":4024},[9717,9722,9726],{"type":15,"tag":149,"props":9718,"children":9719},{"style":555},[9720],{"type":21,"value":9721},"        data-testid",{"type":15,"tag":149,"props":9723,"children":9724},{"style":561},[9725],{"type":21,"value":194},{"type":15,"tag":149,"props":9727,"children":9728},{"style":197},[9729],{"type":21,"value":8754},{"type":15,"tag":149,"props":9731,"children":9732},{"class":151,"line":4033},[9733],{"type":15,"tag":149,"props":9734,"children":9735},{"style":156},[9736],{"type":21,"value":9737},"      >\n",{"type":15,"tag":149,"props":9739,"children":9740},{"class":151,"line":4042},[9741,9745,9749],{"type":15,"tag":149,"props":9742,"children":9743},{"style":398},[9744],{"type":21,"value":6304},{"type":15,"tag":149,"props":9746,"children":9747},{"style":162},[9748],{"type":21,"value":754},{"type":15,"tag":149,"props":9750,"children":9751},{"style":398},[9752],{"type":21,"value":711},{"type":15,"tag":149,"props":9754,"children":9755},{"class":151,"line":4050},[9756,9760],{"type":15,"tag":149,"props":9757,"children":9758},{"style":156},[9759],{"type":21,"value":1830},{"type":15,"tag":149,"props":9761,"children":9762},{"style":162},[9763],{"type":21,"value":8813},{"type":15,"tag":149,"props":9765,"children":9766},{"class":151,"line":4059},[9767,9771,9775,9779,9783],{"type":15,"tag":149,"props":9768,"children":9769},{"style":555},[9770],{"type":21,"value":5541},{"type":15,"tag":149,"props":9772,"children":9773},{"style":561},[9774],{"type":21,"value":194},{"type":15,"tag":149,"props":9776,"children":9777},{"style":398},[9778],{"type":21,"value":1288},{"type":15,"tag":149,"props":9780,"children":9781},{"style":520},[9782],{"type":21,"value":7556},{"type":15,"tag":149,"props":9784,"children":9785},{"style":156},[9786],{"type":21,"value":6367},{"type":15,"tag":149,"props":9788,"children":9789},{"class":151,"line":4068},[9790,9795],{"type":15,"tag":149,"props":9791,"children":9792},{"style":197},[9793],{"type":21,"value":9794},"            'min-w-[80px] w-full text-base outline-hidden appearance-none text-neutral-900 disabled:cursor-not-allowed disabled:bg-transparent read-only:bg-transparent'",{"type":15,"tag":149,"props":9796,"children":9797},{"style":156},[9798],{"type":21,"value":5590},{"type":15,"tag":149,"props":9800,"children":9801},{"class":151,"line":4084},[9802,9806],{"type":15,"tag":149,"props":9803,"children":9804},{"style":162},[9805],{"type":21,"value":6350},{"type":15,"tag":149,"props":9807,"children":9808},{"style":156},[9809],{"type":21,"value":5590},{"type":15,"tag":149,"props":9811,"children":9812},{"class":151,"line":4100},[9813,9817],{"type":15,"tag":149,"props":9814,"children":9815},{"style":156},[9816],{"type":21,"value":6173},{"type":15,"tag":149,"props":9818,"children":9819},{"style":398},[9820],{"type":21,"value":711},{"type":15,"tag":149,"props":9822,"children":9823},{"class":151,"line":4116},[9824,9829,9833],{"type":15,"tag":149,"props":9825,"children":9826},{"style":555},[9827],{"type":21,"value":9828},"          type",{"type":15,"tag":149,"props":9830,"children":9831},{"style":561},[9832],{"type":21,"value":194},{"type":15,"tag":149,"props":9834,"children":9835},{"style":197},[9836],{"type":21,"value":9837},"\"text\"\n",{"type":15,"tag":149,"props":9839,"children":9840},{"class":151,"line":4148},[9841,9846,9850],{"type":15,"tag":149,"props":9842,"children":9843},{"style":555},[9844],{"type":21,"value":9845},"          data-testid",{"type":15,"tag":149,"props":9847,"children":9848},{"style":561},[9849],{"type":21,"value":194},{"type":15,"tag":149,"props":9851,"children":9852},{"style":197},[9853],{"type":21,"value":8910},{"type":15,"tag":149,"props":9855,"children":9856},{"class":151,"line":4191},[9857,9861,9865,9869,9874],{"type":15,"tag":149,"props":9858,"children":9859},{"style":555},[9860],{"type":21,"value":5660},{"type":15,"tag":149,"props":9862,"children":9863},{"style":561},[9864],{"type":21,"value":194},{"type":15,"tag":149,"props":9866,"children":9867},{"style":398},[9868],{"type":21,"value":1288},{"type":15,"tag":149,"props":9870,"children":9871},{"style":186},[9872],{"type":21,"value":9873},"1",{"type":15,"tag":149,"props":9875,"children":9876},{"style":398},[9877],{"type":21,"value":711},{"type":15,"tag":149,"props":9879,"children":9880},{"class":151,"line":4223},[9881,9886,9890,9894,9898],{"type":15,"tag":149,"props":9882,"children":9883},{"style":555},[9884],{"type":21,"value":9885},"          ref",{"type":15,"tag":149,"props":9887,"children":9888},{"style":561},[9889],{"type":21,"value":194},{"type":15,"tag":149,"props":9891,"children":9892},{"style":398},[9893],{"type":21,"value":1288},{"type":15,"tag":149,"props":9895,"children":9896},{"style":162},[9897],{"type":21,"value":4162},{"type":15,"tag":149,"props":9899,"children":9900},{"style":398},[9901],{"type":21,"value":711},{"type":15,"tag":149,"props":9903,"children":9904},{"class":151,"line":4231},[9905,9909,9914,9918],{"type":15,"tag":149,"props":9906,"children":9907},{"style":398},[9908],{"type":21,"value":5618},{"type":15,"tag":149,"props":9910,"children":9911},{"style":156},[9912],{"type":21,"value":9913},"...",{"type":15,"tag":149,"props":9915,"children":9916},{"style":162},[9917],{"type":21,"value":9407},{"type":15,"tag":149,"props":9919,"children":9920},{"style":398},[9921],{"type":21,"value":711},{"type":15,"tag":149,"props":9923,"children":9924},{"class":151,"line":4270},[9925],{"type":15,"tag":149,"props":9926,"children":9927},{"style":156},[9928],{"type":21,"value":5897},{"type":15,"tag":149,"props":9930,"children":9931},{"class":151,"line":4304},[9932,9936,9940],{"type":15,"tag":149,"props":9933,"children":9934},{"style":398},[9935],{"type":21,"value":6304},{"type":15,"tag":149,"props":9937,"children":9938},{"style":162},[9939],{"type":21,"value":761},{"type":15,"tag":149,"props":9941,"children":9942},{"style":398},[9943],{"type":21,"value":711},{"type":15,"tag":149,"props":9945,"children":9946},{"class":151,"line":4337},[9947,9951,9956],{"type":15,"tag":149,"props":9948,"children":9949},{"style":156},[9950],{"type":21,"value":1897},{"type":15,"tag":149,"props":9952,"children":9953},{"style":582},[9954],{"type":21,"value":9955},"WrapperTag",{"type":15,"tag":149,"props":9957,"children":9958},{"style":156},[9959],{"type":21,"value":169},{"type":15,"tag":149,"props":9961,"children":9962},{"class":151,"line":4369},[9963],{"type":15,"tag":149,"props":9964,"children":9965},{"style":156},[9966],{"type":21,"value":9967},"    );\n",{"type":15,"tag":149,"props":9969,"children":9970},{"class":151,"line":4401},[9971],{"type":15,"tag":149,"props":9972,"children":9973},{"style":156},[9974],{"type":21,"value":7743},{"type":15,"tag":149,"props":9976,"children":9977},{"class":151,"line":4434},[9978],{"type":15,"tag":149,"props":9979,"children":9980},{"style":156},[9981],{"type":21,"value":4267},{"type":15,"tag":149,"props":9983,"children":9984},{"class":151,"line":4467},[9985],{"type":15,"tag":149,"props":9986,"children":9987},{"emptyLinePlaceholder":8},[9988],{"type":21,"value":499},{"type":15,"tag":149,"props":9990,"children":9991},{"class":151,"line":4501},[9992,9996,10000,10004],{"type":15,"tag":149,"props":9993,"children":9994},{"style":398},[9995],{"type":21,"value":507},{"type":15,"tag":149,"props":9997,"children":9998},{"style":398},[9999],{"type":21,"value":512},{"type":15,"tag":149,"props":10001,"children":10002},{"style":162},[10003],{"type":21,"value":9276},{"type":15,"tag":149,"props":10005,"children":10006},{"style":156},[10007],{"type":21,"value":430},{"type":15,"tag":10009,"props":10010,"children":10011},"style",{},[10012],{"type":21,"value":10013},"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);}",{"title":9,"searchDepth":282,"depth":172,"links":10015},[10016,10024,10025,10026,10027,10028,10029],{"id":76,"depth":172,"text":79,"children":10017},[10018,10019,10020,10021,10022,10023],{"id":83,"depth":207,"text":86},{"id":714,"depth":207,"text":717},{"id":1371,"depth":207,"text":1374},{"id":2042,"depth":207,"text":2045},{"id":2726,"depth":207,"text":2729},{"id":3457,"depth":207,"text":3460},{"id":6531,"depth":172,"text":6534},{"id":6656,"depth":172,"text":6659},{"id":6722,"depth":172,"text":6725},{"id":6736,"depth":172,"text":6739},{"id":7117,"depth":172,"text":7120},{"id":7180,"depth":172,"text":7183},"markdown","content:_components:input.md","content","_components\u002Finput.md","_components\u002Finput","default",[10037],{"_path":10038,"_dir":9,"_draft":7,"_partial":8,"_locale":9,"navigation":10039,"sidebarRoot":8,"_id":10042,"_type":10043,"title":10044,"_source":10032,"_file":10045,"_stem":10046,"_extension":10047},"\u002F_dir",{"title":10040,"icon":10041},"Storefront UI","IconStorefrontUi","content:_dir.yml","yaml","Dir","_dir.yml","_dir","yml",{"nav":10049,"sidebarRoot":10051},[10050,10053,10065],{"title":10040,"_path":10051,"_id":10042,"layout":10052,"sidebarRoot":8,"icon":10041},"\u002F","fullscreen",{"title":10054,"_path":10055,"children":10056,"_id":10064,"layout":10035},"Getting Started","\u002Fgetting-started",[10057,10060],{"title":10058,"_path":10055,"_id":10059,"layout":10035},"Installation","content:2.getting-started:1.index.md",{"title":10061,"_path":10062,"_id":10063,"layout":10035},"Browser support","\u002Fgetting-started\u002Fbrowser-support","content:2.getting-started:2.browser-support.md","content:2.getting-started:_dir.yml",{"title":10066,"_path":10067,"children":10068},"Customization","\u002Fcustomization",[10069,10073,10077,10081],{"title":10070,"_path":10071,"_id":10072,"layout":10035},"Overriding Default Styles","\u002Fcustomization\u002Foverriding-default-styles","content:3.customization:overriding-default-styles.md",{"title":10074,"_path":10075,"_id":10076,"layout":10035},"Prose styling","\u002Fcustomization\u002Fprose","content:3.customization:prose.md",{"title":10078,"_path":10079,"_id":10080,"layout":10035},"Theming","\u002Fcustomization\u002Ftheming","content:3.customization:theming.md",{"title":10082,"_path":10083,"_id":10084,"layout":10035},"Typography","\u002Fcustomization\u002Ftypography","content:3.customization:typography.md",1787574901111]