[{"data":1,"prerenderedAt":7743},["ShallowReactive",2],{"reference":3,"content-query-ZZflrBKbFJ":4,"sidebar-roots":7694,"$dNTcUNV7nV":7706},null,{"_path":5,"_dir":6,"_draft":7,"_partial":8,"_locale":9,"title":10,"description":9,"body":11,"_type":7687,"_id":7688,"_source":7689,"_file":7690,"_stem":7691,"_extension":7692,"layout":7693},"\u002F_components\u002Ftextarea","_components",false,true,"","Textarea component",{"type":12,"children":13,"toc":7676},"root",[14,22,7670],{"type":15,"tag":16,"props":17,"children":19},"element","h1",{"id":18},"textarea-component",[20],{"type":21,"value":10},"text",{"type":15,"tag":23,"props":24,"children":28},"tabs",{":titles":25,"className":26},"[\"Usage\", \"API\", \"Source Code\"]",[27],"mt-8",[29,5363,5680],{"type":15,"tag":30,"props":31,"children":32},"template",{"v-slot:tab-1":9},[33,48,55,66,702,708,718,1274,1280,1293,1984,1990,1995,4355,4361,4381,5340,5347,5352,5358],{"type":15,"tag":34,"props":35,"children":36},"p",{},[37,39,46],{"type":21,"value":38},"The Textarea is a multi-line text input control allows users to enter any combination of letters, numbers, or symbols. It adds default styles to the native ",{"type":15,"tag":40,"props":41,"children":43},"code",{"className":42},[],[44],{"type":21,"value":45},"\u003Ctextarea>",{"type":21,"value":47}," HTML tag, providing a consistent and visually appealing appearance out of the box. The component supports autoresizing based on the content entered by the user and provides the option to display a character count.",{"type":15,"tag":49,"props":50,"children":52},"h3",{"id":51},"textarea-in-disabled-state",[53],{"type":21,"value":54},"Textarea in disabled state",{"type":15,"tag":34,"props":56,"children":57},{},[58,64],{"type":15,"tag":40,"props":59,"children":61},{"className":60},[],[62],{"type":21,"value":63},"SfTextarea",{"type":21,"value":65}," comes with out-of-the-box styles for a disabled Textarea.",{"type":15,"tag":67,"props":68,"children":70},"showcase",{"showcase-name":69},"Textarea\u002FTextareaDisabled",[71,407],{"type":15,"tag":72,"props":73,"children":74},"vue-only",{},[75],{"type":15,"tag":76,"props":77,"children":81},"pre",{"className":78,"code":79,"language":80,"meta":9,"style":9},"language-vue shiki shiki-themes one-dark-pro","\u003Ctemplate>\n  \u003Clabel>\n    \u003Cspan class=\"typography-text-sm font-medium cursor-not-allowed text-disabled-900\">Description\u003C\u002Fspan>\n    \u003CSfTextarea\n      disabled\n      placeholder=\"Write something about yourself...\"\n      class=\"w-full !bg-disabled-100 !ring-disabled-300 !ring-1 block\"\n    \u002F>\n  \u003C\u002Flabel>\n  \u003Cp class=\"typography-hint-xs text-disabled-500 mt-0.5\">Do not include personal or financial information.\u003C\u002Fp>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { SfTextarea } from '@storefront-ui\u002Fvue';\n\u003C\u002Fscript>\n\n","vue",[82],{"type":15,"tag":40,"props":83,"children":84},{"__ignoreMap":9},[85,107,125,168,181,190,208,226,235,252,290,307,316,352,391],{"type":15,"tag":86,"props":87,"children":90},"span",{"class":88,"line":89},"line",1,[91,97,102],{"type":15,"tag":86,"props":92,"children":94},{"style":93},"--shiki-default:#ABB2BF",[95],{"type":21,"value":96},"\u003C",{"type":15,"tag":86,"props":98,"children":100},{"style":99},"--shiki-default:#E06C75",[101],{"type":21,"value":30},{"type":15,"tag":86,"props":103,"children":104},{"style":93},[105],{"type":21,"value":106},">\n",{"type":15,"tag":86,"props":108,"children":110},{"class":88,"line":109},2,[111,116,121],{"type":15,"tag":86,"props":112,"children":113},{"style":93},[114],{"type":21,"value":115},"  \u003C",{"type":15,"tag":86,"props":117,"children":118},{"style":99},[119],{"type":21,"value":120},"label",{"type":15,"tag":86,"props":122,"children":123},{"style":93},[124],{"type":21,"value":106},{"type":15,"tag":86,"props":126,"children":128},{"class":88,"line":127},3,[129,134,138,144,149,155,160,164],{"type":15,"tag":86,"props":130,"children":131},{"style":93},[132],{"type":21,"value":133},"    \u003C",{"type":15,"tag":86,"props":135,"children":136},{"style":99},[137],{"type":21,"value":86},{"type":15,"tag":86,"props":139,"children":141},{"style":140},"--shiki-default:#D19A66",[142],{"type":21,"value":143}," class",{"type":15,"tag":86,"props":145,"children":146},{"style":93},[147],{"type":21,"value":148},"=",{"type":15,"tag":86,"props":150,"children":152},{"style":151},"--shiki-default:#98C379",[153],{"type":21,"value":154},"\"typography-text-sm font-medium cursor-not-allowed text-disabled-900\"",{"type":15,"tag":86,"props":156,"children":157},{"style":93},[158],{"type":21,"value":159},">Description\u003C\u002F",{"type":15,"tag":86,"props":161,"children":162},{"style":99},[163],{"type":21,"value":86},{"type":15,"tag":86,"props":165,"children":166},{"style":93},[167],{"type":21,"value":106},{"type":15,"tag":86,"props":169,"children":171},{"class":88,"line":170},4,[172,176],{"type":15,"tag":86,"props":173,"children":174},{"style":93},[175],{"type":21,"value":133},{"type":15,"tag":86,"props":177,"children":178},{"style":99},[179],{"type":21,"value":180},"SfTextarea\n",{"type":15,"tag":86,"props":182,"children":184},{"class":88,"line":183},5,[185],{"type":15,"tag":86,"props":186,"children":187},{"style":140},[188],{"type":21,"value":189},"      disabled\n",{"type":15,"tag":86,"props":191,"children":193},{"class":88,"line":192},6,[194,199,203],{"type":15,"tag":86,"props":195,"children":196},{"style":140},[197],{"type":21,"value":198},"      placeholder",{"type":15,"tag":86,"props":200,"children":201},{"style":93},[202],{"type":21,"value":148},{"type":15,"tag":86,"props":204,"children":205},{"style":151},[206],{"type":21,"value":207},"\"Write something about yourself...\"\n",{"type":15,"tag":86,"props":209,"children":211},{"class":88,"line":210},7,[212,217,221],{"type":15,"tag":86,"props":213,"children":214},{"style":140},[215],{"type":21,"value":216},"      class",{"type":15,"tag":86,"props":218,"children":219},{"style":93},[220],{"type":21,"value":148},{"type":15,"tag":86,"props":222,"children":223},{"style":151},[224],{"type":21,"value":225},"\"w-full !bg-disabled-100 !ring-disabled-300 !ring-1 block\"\n",{"type":15,"tag":86,"props":227,"children":229},{"class":88,"line":228},8,[230],{"type":15,"tag":86,"props":231,"children":232},{"style":93},[233],{"type":21,"value":234},"    \u002F>\n",{"type":15,"tag":86,"props":236,"children":238},{"class":88,"line":237},9,[239,244,248],{"type":15,"tag":86,"props":240,"children":241},{"style":93},[242],{"type":21,"value":243},"  \u003C\u002F",{"type":15,"tag":86,"props":245,"children":246},{"style":99},[247],{"type":21,"value":120},{"type":15,"tag":86,"props":249,"children":250},{"style":93},[251],{"type":21,"value":106},{"type":15,"tag":86,"props":253,"children":255},{"class":88,"line":254},10,[256,260,264,268,272,277,282,286],{"type":15,"tag":86,"props":257,"children":258},{"style":93},[259],{"type":21,"value":115},{"type":15,"tag":86,"props":261,"children":262},{"style":99},[263],{"type":21,"value":34},{"type":15,"tag":86,"props":265,"children":266},{"style":140},[267],{"type":21,"value":143},{"type":15,"tag":86,"props":269,"children":270},{"style":93},[271],{"type":21,"value":148},{"type":15,"tag":86,"props":273,"children":274},{"style":151},[275],{"type":21,"value":276},"\"typography-hint-xs text-disabled-500 mt-0.5\"",{"type":15,"tag":86,"props":278,"children":279},{"style":93},[280],{"type":21,"value":281},">Do not include personal or financial information.\u003C\u002F",{"type":15,"tag":86,"props":283,"children":284},{"style":99},[285],{"type":21,"value":34},{"type":15,"tag":86,"props":287,"children":288},{"style":93},[289],{"type":21,"value":106},{"type":15,"tag":86,"props":291,"children":293},{"class":88,"line":292},11,[294,299,303],{"type":15,"tag":86,"props":295,"children":296},{"style":93},[297],{"type":21,"value":298},"\u003C\u002F",{"type":15,"tag":86,"props":300,"children":301},{"style":99},[302],{"type":21,"value":30},{"type":15,"tag":86,"props":304,"children":305},{"style":93},[306],{"type":21,"value":106},{"type":15,"tag":86,"props":308,"children":310},{"class":88,"line":309},12,[311],{"type":15,"tag":86,"props":312,"children":313},{"emptyLinePlaceholder":8},[314],{"type":21,"value":315},"\n",{"type":15,"tag":86,"props":317,"children":319},{"class":88,"line":318},13,[320,324,329,334,338,343,348],{"type":15,"tag":86,"props":321,"children":322},{"style":93},[323],{"type":21,"value":96},{"type":15,"tag":86,"props":325,"children":326},{"style":99},[327],{"type":21,"value":328},"script",{"type":15,"tag":86,"props":330,"children":331},{"style":140},[332],{"type":21,"value":333}," lang",{"type":15,"tag":86,"props":335,"children":336},{"style":93},[337],{"type":21,"value":148},{"type":15,"tag":86,"props":339,"children":340},{"style":151},[341],{"type":21,"value":342},"\"ts\"",{"type":15,"tag":86,"props":344,"children":345},{"style":140},[346],{"type":21,"value":347}," setup",{"type":15,"tag":86,"props":349,"children":350},{"style":93},[351],{"type":21,"value":106},{"type":15,"tag":86,"props":353,"children":355},{"class":88,"line":354},14,[356,362,367,371,376,381,386],{"type":15,"tag":86,"props":357,"children":359},{"style":358},"--shiki-default:#C678DD",[360],{"type":21,"value":361},"import",{"type":15,"tag":86,"props":363,"children":364},{"style":93},[365],{"type":21,"value":366}," { ",{"type":15,"tag":86,"props":368,"children":369},{"style":99},[370],{"type":21,"value":63},{"type":15,"tag":86,"props":372,"children":373},{"style":93},[374],{"type":21,"value":375}," } ",{"type":15,"tag":86,"props":377,"children":378},{"style":358},[379],{"type":21,"value":380},"from",{"type":15,"tag":86,"props":382,"children":383},{"style":151},[384],{"type":21,"value":385}," '@storefront-ui\u002Fvue'",{"type":15,"tag":86,"props":387,"children":388},{"style":93},[389],{"type":21,"value":390},";\n",{"type":15,"tag":86,"props":392,"children":394},{"class":88,"line":393},15,[395,399,403],{"type":15,"tag":86,"props":396,"children":397},{"style":93},[398],{"type":21,"value":298},{"type":15,"tag":86,"props":400,"children":401},{"style":99},[402],{"type":21,"value":328},{"type":15,"tag":86,"props":404,"children":405},{"style":93},[406],{"type":21,"value":106},{"type":15,"tag":408,"props":409,"children":410},"react-only",{},[411],{"type":15,"tag":76,"props":412,"children":416},{"className":413,"code":414,"language":415,"meta":9,"style":9},"language-tsx shiki shiki-themes one-dark-pro","import { SfTextarea } from '@storefront-ui\u002Freact';\n\nexport default function DisabledTextareaDemo() {\n  return (\n    \u003C>\n      \u003Clabel>\n        \u003Cspan className=\"typography-text-sm font-medium cursor-not-allowed text-disabled-900\">Description\u003C\u002Fspan>\n        \u003CSfTextarea\n          disabled\n          placeholder=\"Write something about yourself...\"\n          className=\"w-full !bg-disabled-100 !ring-disabled-300 !ring-1 block\"\n        \u002F>\n      \u003C\u002Flabel>\n      \u003Cp className=\"typography-hint-xs text-disabled-500  mt-0.5\">Do not include personal or financial information.\u003C\u002Fp>\n    \u003C\u002F>\n  );\n}\n","tsx",[417],{"type":15,"tag":40,"props":418,"children":419},{"__ignoreMap":9},[420,452,459,488,501,509,525,564,576,584,600,616,624,640,676,684,693],{"type":15,"tag":86,"props":421,"children":422},{"class":88,"line":89},[423,427,431,435,439,443,448],{"type":15,"tag":86,"props":424,"children":425},{"style":358},[426],{"type":21,"value":361},{"type":15,"tag":86,"props":428,"children":429},{"style":93},[430],{"type":21,"value":366},{"type":15,"tag":86,"props":432,"children":433},{"style":99},[434],{"type":21,"value":63},{"type":15,"tag":86,"props":436,"children":437},{"style":93},[438],{"type":21,"value":375},{"type":15,"tag":86,"props":440,"children":441},{"style":358},[442],{"type":21,"value":380},{"type":15,"tag":86,"props":444,"children":445},{"style":151},[446],{"type":21,"value":447}," '@storefront-ui\u002Freact'",{"type":15,"tag":86,"props":449,"children":450},{"style":93},[451],{"type":21,"value":390},{"type":15,"tag":86,"props":453,"children":454},{"class":88,"line":109},[455],{"type":15,"tag":86,"props":456,"children":457},{"emptyLinePlaceholder":8},[458],{"type":21,"value":315},{"type":15,"tag":86,"props":460,"children":461},{"class":88,"line":127},[462,467,472,477,483],{"type":15,"tag":86,"props":463,"children":464},{"style":358},[465],{"type":21,"value":466},"export",{"type":15,"tag":86,"props":468,"children":469},{"style":358},[470],{"type":21,"value":471}," default",{"type":15,"tag":86,"props":473,"children":474},{"style":358},[475],{"type":21,"value":476}," function",{"type":15,"tag":86,"props":478,"children":480},{"style":479},"--shiki-default:#61AFEF",[481],{"type":21,"value":482}," DisabledTextareaDemo",{"type":15,"tag":86,"props":484,"children":485},{"style":93},[486],{"type":21,"value":487},"() {\n",{"type":15,"tag":86,"props":489,"children":490},{"class":88,"line":170},[491,496],{"type":15,"tag":86,"props":492,"children":493},{"style":358},[494],{"type":21,"value":495},"  return",{"type":15,"tag":86,"props":497,"children":498},{"style":93},[499],{"type":21,"value":500}," (\n",{"type":15,"tag":86,"props":502,"children":503},{"class":88,"line":183},[504],{"type":15,"tag":86,"props":505,"children":506},{"style":93},[507],{"type":21,"value":508},"    \u003C>\n",{"type":15,"tag":86,"props":510,"children":511},{"class":88,"line":192},[512,517,521],{"type":15,"tag":86,"props":513,"children":514},{"style":93},[515],{"type":21,"value":516},"      \u003C",{"type":15,"tag":86,"props":518,"children":519},{"style":99},[520],{"type":21,"value":120},{"type":15,"tag":86,"props":522,"children":523},{"style":93},[524],{"type":21,"value":106},{"type":15,"tag":86,"props":526,"children":527},{"class":88,"line":210},[528,533,537,543,548,552,556,560],{"type":15,"tag":86,"props":529,"children":530},{"style":93},[531],{"type":21,"value":532},"        \u003C",{"type":15,"tag":86,"props":534,"children":535},{"style":99},[536],{"type":21,"value":86},{"type":15,"tag":86,"props":538,"children":540},{"style":539},"--shiki-default:#D19A66;--shiki-default-font-style:italic",[541],{"type":21,"value":542}," className",{"type":15,"tag":86,"props":544,"children":546},{"style":545},"--shiki-default:#56B6C2",[547],{"type":21,"value":148},{"type":15,"tag":86,"props":549,"children":550},{"style":151},[551],{"type":21,"value":154},{"type":15,"tag":86,"props":553,"children":554},{"style":93},[555],{"type":21,"value":159},{"type":15,"tag":86,"props":557,"children":558},{"style":99},[559],{"type":21,"value":86},{"type":15,"tag":86,"props":561,"children":562},{"style":93},[563],{"type":21,"value":106},{"type":15,"tag":86,"props":565,"children":566},{"class":88,"line":228},[567,571],{"type":15,"tag":86,"props":568,"children":569},{"style":93},[570],{"type":21,"value":532},{"type":15,"tag":86,"props":572,"children":574},{"style":573},"--shiki-default:#E5C07B",[575],{"type":21,"value":180},{"type":15,"tag":86,"props":577,"children":578},{"class":88,"line":237},[579],{"type":15,"tag":86,"props":580,"children":581},{"style":539},[582],{"type":21,"value":583},"          disabled\n",{"type":15,"tag":86,"props":585,"children":586},{"class":88,"line":254},[587,592,596],{"type":15,"tag":86,"props":588,"children":589},{"style":539},[590],{"type":21,"value":591},"          placeholder",{"type":15,"tag":86,"props":593,"children":594},{"style":545},[595],{"type":21,"value":148},{"type":15,"tag":86,"props":597,"children":598},{"style":151},[599],{"type":21,"value":207},{"type":15,"tag":86,"props":601,"children":602},{"class":88,"line":292},[603,608,612],{"type":15,"tag":86,"props":604,"children":605},{"style":539},[606],{"type":21,"value":607},"          className",{"type":15,"tag":86,"props":609,"children":610},{"style":545},[611],{"type":21,"value":148},{"type":15,"tag":86,"props":613,"children":614},{"style":151},[615],{"type":21,"value":225},{"type":15,"tag":86,"props":617,"children":618},{"class":88,"line":309},[619],{"type":15,"tag":86,"props":620,"children":621},{"style":93},[622],{"type":21,"value":623},"        \u002F>\n",{"type":15,"tag":86,"props":625,"children":626},{"class":88,"line":318},[627,632,636],{"type":15,"tag":86,"props":628,"children":629},{"style":93},[630],{"type":21,"value":631},"      \u003C\u002F",{"type":15,"tag":86,"props":633,"children":634},{"style":99},[635],{"type":21,"value":120},{"type":15,"tag":86,"props":637,"children":638},{"style":93},[639],{"type":21,"value":106},{"type":15,"tag":86,"props":641,"children":642},{"class":88,"line":354},[643,647,651,655,659,664,668,672],{"type":15,"tag":86,"props":644,"children":645},{"style":93},[646],{"type":21,"value":516},{"type":15,"tag":86,"props":648,"children":649},{"style":99},[650],{"type":21,"value":34},{"type":15,"tag":86,"props":652,"children":653},{"style":539},[654],{"type":21,"value":542},{"type":15,"tag":86,"props":656,"children":657},{"style":545},[658],{"type":21,"value":148},{"type":15,"tag":86,"props":660,"children":661},{"style":151},[662],{"type":21,"value":663},"\"typography-hint-xs text-disabled-500  mt-0.5\"",{"type":15,"tag":86,"props":665,"children":666},{"style":93},[667],{"type":21,"value":281},{"type":15,"tag":86,"props":669,"children":670},{"style":99},[671],{"type":21,"value":34},{"type":15,"tag":86,"props":673,"children":674},{"style":93},[675],{"type":21,"value":106},{"type":15,"tag":86,"props":677,"children":678},{"class":88,"line":393},[679],{"type":15,"tag":86,"props":680,"children":681},{"style":93},[682],{"type":21,"value":683},"    \u003C\u002F>\n",{"type":15,"tag":86,"props":685,"children":687},{"class":88,"line":686},16,[688],{"type":15,"tag":86,"props":689,"children":690},{"style":93},[691],{"type":21,"value":692},"  );\n",{"type":15,"tag":86,"props":694,"children":696},{"class":88,"line":695},17,[697],{"type":15,"tag":86,"props":698,"children":699},{"style":93},[700],{"type":21,"value":701},"}\n",{"type":15,"tag":49,"props":703,"children":705},{"id":704},"readonly-textarea",[706],{"type":21,"value":707},"Readonly Textarea",{"type":15,"tag":34,"props":709,"children":710},{},[711,716],{"type":15,"tag":40,"props":712,"children":714},{"className":713},[],[715],{"type":21,"value":63},{"type":21,"value":717}," comes with out-of-the-box styles for a readonly Textarea.",{"type":15,"tag":67,"props":719,"children":721},{"showcase-name":720},"Textarea\u002FTextareaReadonly",[722,1006],{"type":15,"tag":72,"props":723,"children":724},{},[725],{"type":15,"tag":76,"props":726,"children":728},{"className":78,"code":727,"language":80,"meta":9,"style":9},"\u003Ctemplate>\n  \u003Clabel>\n    \u003Cspan class=\"typography-text-sm font-medium\">Description\u003C\u002Fspan>\n    \u003CSfTextarea\n      model-value=\"Hello! I'm a passionate shopper and a regular user of this ecommerce platform.\"\n      class=\"w-full !bg-disabled-100 !ring-disabled-300 !ring-1 block\"\n      readonly\n    \u002F>\n  \u003C\u002Flabel>\n  \u003Cp class=\"typography-hint-xs text-neutral-500 mt-0.5\">Do not include personal or financial information.\u003C\u002Fp>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { SfTextarea } from '@storefront-ui\u002Fvue';\n\u003C\u002Fscript>\n\n",[729],{"type":15,"tag":40,"props":730,"children":731},{"__ignoreMap":9},[732,747,762,798,809,826,841,849,856,871,907,922,929,960,991],{"type":15,"tag":86,"props":733,"children":734},{"class":88,"line":89},[735,739,743],{"type":15,"tag":86,"props":736,"children":737},{"style":93},[738],{"type":21,"value":96},{"type":15,"tag":86,"props":740,"children":741},{"style":99},[742],{"type":21,"value":30},{"type":15,"tag":86,"props":744,"children":745},{"style":93},[746],{"type":21,"value":106},{"type":15,"tag":86,"props":748,"children":749},{"class":88,"line":109},[750,754,758],{"type":15,"tag":86,"props":751,"children":752},{"style":93},[753],{"type":21,"value":115},{"type":15,"tag":86,"props":755,"children":756},{"style":99},[757],{"type":21,"value":120},{"type":15,"tag":86,"props":759,"children":760},{"style":93},[761],{"type":21,"value":106},{"type":15,"tag":86,"props":763,"children":764},{"class":88,"line":127},[765,769,773,777,781,786,790,794],{"type":15,"tag":86,"props":766,"children":767},{"style":93},[768],{"type":21,"value":133},{"type":15,"tag":86,"props":770,"children":771},{"style":99},[772],{"type":21,"value":86},{"type":15,"tag":86,"props":774,"children":775},{"style":140},[776],{"type":21,"value":143},{"type":15,"tag":86,"props":778,"children":779},{"style":93},[780],{"type":21,"value":148},{"type":15,"tag":86,"props":782,"children":783},{"style":151},[784],{"type":21,"value":785},"\"typography-text-sm font-medium\"",{"type":15,"tag":86,"props":787,"children":788},{"style":93},[789],{"type":21,"value":159},{"type":15,"tag":86,"props":791,"children":792},{"style":99},[793],{"type":21,"value":86},{"type":15,"tag":86,"props":795,"children":796},{"style":93},[797],{"type":21,"value":106},{"type":15,"tag":86,"props":799,"children":800},{"class":88,"line":170},[801,805],{"type":15,"tag":86,"props":802,"children":803},{"style":93},[804],{"type":21,"value":133},{"type":15,"tag":86,"props":806,"children":807},{"style":99},[808],{"type":21,"value":180},{"type":15,"tag":86,"props":810,"children":811},{"class":88,"line":183},[812,817,821],{"type":15,"tag":86,"props":813,"children":814},{"style":140},[815],{"type":21,"value":816},"      model-value",{"type":15,"tag":86,"props":818,"children":819},{"style":93},[820],{"type":21,"value":148},{"type":15,"tag":86,"props":822,"children":823},{"style":151},[824],{"type":21,"value":825},"\"Hello! I'm a passionate shopper and a regular user of this ecommerce platform.\"\n",{"type":15,"tag":86,"props":827,"children":828},{"class":88,"line":192},[829,833,837],{"type":15,"tag":86,"props":830,"children":831},{"style":140},[832],{"type":21,"value":216},{"type":15,"tag":86,"props":834,"children":835},{"style":93},[836],{"type":21,"value":148},{"type":15,"tag":86,"props":838,"children":839},{"style":151},[840],{"type":21,"value":225},{"type":15,"tag":86,"props":842,"children":843},{"class":88,"line":210},[844],{"type":15,"tag":86,"props":845,"children":846},{"style":140},[847],{"type":21,"value":848},"      readonly\n",{"type":15,"tag":86,"props":850,"children":851},{"class":88,"line":228},[852],{"type":15,"tag":86,"props":853,"children":854},{"style":93},[855],{"type":21,"value":234},{"type":15,"tag":86,"props":857,"children":858},{"class":88,"line":237},[859,863,867],{"type":15,"tag":86,"props":860,"children":861},{"style":93},[862],{"type":21,"value":243},{"type":15,"tag":86,"props":864,"children":865},{"style":99},[866],{"type":21,"value":120},{"type":15,"tag":86,"props":868,"children":869},{"style":93},[870],{"type":21,"value":106},{"type":15,"tag":86,"props":872,"children":873},{"class":88,"line":254},[874,878,882,886,890,895,899,903],{"type":15,"tag":86,"props":875,"children":876},{"style":93},[877],{"type":21,"value":115},{"type":15,"tag":86,"props":879,"children":880},{"style":99},[881],{"type":21,"value":34},{"type":15,"tag":86,"props":883,"children":884},{"style":140},[885],{"type":21,"value":143},{"type":15,"tag":86,"props":887,"children":888},{"style":93},[889],{"type":21,"value":148},{"type":15,"tag":86,"props":891,"children":892},{"style":151},[893],{"type":21,"value":894},"\"typography-hint-xs text-neutral-500 mt-0.5\"",{"type":15,"tag":86,"props":896,"children":897},{"style":93},[898],{"type":21,"value":281},{"type":15,"tag":86,"props":900,"children":901},{"style":99},[902],{"type":21,"value":34},{"type":15,"tag":86,"props":904,"children":905},{"style":93},[906],{"type":21,"value":106},{"type":15,"tag":86,"props":908,"children":909},{"class":88,"line":292},[910,914,918],{"type":15,"tag":86,"props":911,"children":912},{"style":93},[913],{"type":21,"value":298},{"type":15,"tag":86,"props":915,"children":916},{"style":99},[917],{"type":21,"value":30},{"type":15,"tag":86,"props":919,"children":920},{"style":93},[921],{"type":21,"value":106},{"type":15,"tag":86,"props":923,"children":924},{"class":88,"line":309},[925],{"type":15,"tag":86,"props":926,"children":927},{"emptyLinePlaceholder":8},[928],{"type":21,"value":315},{"type":15,"tag":86,"props":930,"children":931},{"class":88,"line":318},[932,936,940,944,948,952,956],{"type":15,"tag":86,"props":933,"children":934},{"style":93},[935],{"type":21,"value":96},{"type":15,"tag":86,"props":937,"children":938},{"style":99},[939],{"type":21,"value":328},{"type":15,"tag":86,"props":941,"children":942},{"style":140},[943],{"type":21,"value":333},{"type":15,"tag":86,"props":945,"children":946},{"style":93},[947],{"type":21,"value":148},{"type":15,"tag":86,"props":949,"children":950},{"style":151},[951],{"type":21,"value":342},{"type":15,"tag":86,"props":953,"children":954},{"style":140},[955],{"type":21,"value":347},{"type":15,"tag":86,"props":957,"children":958},{"style":93},[959],{"type":21,"value":106},{"type":15,"tag":86,"props":961,"children":962},{"class":88,"line":354},[963,967,971,975,979,983,987],{"type":15,"tag":86,"props":964,"children":965},{"style":358},[966],{"type":21,"value":361},{"type":15,"tag":86,"props":968,"children":969},{"style":93},[970],{"type":21,"value":366},{"type":15,"tag":86,"props":972,"children":973},{"style":99},[974],{"type":21,"value":63},{"type":15,"tag":86,"props":976,"children":977},{"style":93},[978],{"type":21,"value":375},{"type":15,"tag":86,"props":980,"children":981},{"style":358},[982],{"type":21,"value":380},{"type":15,"tag":86,"props":984,"children":985},{"style":151},[986],{"type":21,"value":385},{"type":15,"tag":86,"props":988,"children":989},{"style":93},[990],{"type":21,"value":390},{"type":15,"tag":86,"props":992,"children":993},{"class":88,"line":393},[994,998,1002],{"type":15,"tag":86,"props":995,"children":996},{"style":93},[997],{"type":21,"value":298},{"type":15,"tag":86,"props":999,"children":1000},{"style":99},[1001],{"type":21,"value":328},{"type":15,"tag":86,"props":1003,"children":1004},{"style":93},[1005],{"type":21,"value":106},{"type":15,"tag":408,"props":1007,"children":1008},{},[1009],{"type":15,"tag":76,"props":1010,"children":1012},{"className":413,"code":1011,"language":415,"meta":9,"style":9},"import { SfTextarea } from '@storefront-ui\u002Freact';\n\nexport default function ReadonlyTextarea() {\n  return (\n    \u003C>\n      \u003Clabel>\n        \u003Cspan className=\"typography-text-sm font-medium\">Description\u003C\u002Fspan>\n        \u003CSfTextarea\n          value=\"Hello! I'm a passionate shopper and a regular user of this ecommerce platform.\"\n          className=\"w-full !bg-disabled-100 !ring-disabled-300 !ring-1 block\"\n          readOnly\n        \u002F>\n      \u003C\u002Flabel>\n      \u003Cp className=\"typography-hint-xs text-neutral-500 mt-0.5\">Do not include personal or financial information.\u003C\u002Fp>\n    \u003C\u002F>\n  );\n}\n",[1013],{"type":15,"tag":40,"props":1014,"children":1015},{"__ignoreMap":9},[1016,1047,1054,1078,1089,1096,1111,1146,1157,1173,1188,1196,1203,1218,1253,1260,1267],{"type":15,"tag":86,"props":1017,"children":1018},{"class":88,"line":89},[1019,1023,1027,1031,1035,1039,1043],{"type":15,"tag":86,"props":1020,"children":1021},{"style":358},[1022],{"type":21,"value":361},{"type":15,"tag":86,"props":1024,"children":1025},{"style":93},[1026],{"type":21,"value":366},{"type":15,"tag":86,"props":1028,"children":1029},{"style":99},[1030],{"type":21,"value":63},{"type":15,"tag":86,"props":1032,"children":1033},{"style":93},[1034],{"type":21,"value":375},{"type":15,"tag":86,"props":1036,"children":1037},{"style":358},[1038],{"type":21,"value":380},{"type":15,"tag":86,"props":1040,"children":1041},{"style":151},[1042],{"type":21,"value":447},{"type":15,"tag":86,"props":1044,"children":1045},{"style":93},[1046],{"type":21,"value":390},{"type":15,"tag":86,"props":1048,"children":1049},{"class":88,"line":109},[1050],{"type":15,"tag":86,"props":1051,"children":1052},{"emptyLinePlaceholder":8},[1053],{"type":21,"value":315},{"type":15,"tag":86,"props":1055,"children":1056},{"class":88,"line":127},[1057,1061,1065,1069,1074],{"type":15,"tag":86,"props":1058,"children":1059},{"style":358},[1060],{"type":21,"value":466},{"type":15,"tag":86,"props":1062,"children":1063},{"style":358},[1064],{"type":21,"value":471},{"type":15,"tag":86,"props":1066,"children":1067},{"style":358},[1068],{"type":21,"value":476},{"type":15,"tag":86,"props":1070,"children":1071},{"style":479},[1072],{"type":21,"value":1073}," ReadonlyTextarea",{"type":15,"tag":86,"props":1075,"children":1076},{"style":93},[1077],{"type":21,"value":487},{"type":15,"tag":86,"props":1079,"children":1080},{"class":88,"line":170},[1081,1085],{"type":15,"tag":86,"props":1082,"children":1083},{"style":358},[1084],{"type":21,"value":495},{"type":15,"tag":86,"props":1086,"children":1087},{"style":93},[1088],{"type":21,"value":500},{"type":15,"tag":86,"props":1090,"children":1091},{"class":88,"line":183},[1092],{"type":15,"tag":86,"props":1093,"children":1094},{"style":93},[1095],{"type":21,"value":508},{"type":15,"tag":86,"props":1097,"children":1098},{"class":88,"line":192},[1099,1103,1107],{"type":15,"tag":86,"props":1100,"children":1101},{"style":93},[1102],{"type":21,"value":516},{"type":15,"tag":86,"props":1104,"children":1105},{"style":99},[1106],{"type":21,"value":120},{"type":15,"tag":86,"props":1108,"children":1109},{"style":93},[1110],{"type":21,"value":106},{"type":15,"tag":86,"props":1112,"children":1113},{"class":88,"line":210},[1114,1118,1122,1126,1130,1134,1138,1142],{"type":15,"tag":86,"props":1115,"children":1116},{"style":93},[1117],{"type":21,"value":532},{"type":15,"tag":86,"props":1119,"children":1120},{"style":99},[1121],{"type":21,"value":86},{"type":15,"tag":86,"props":1123,"children":1124},{"style":539},[1125],{"type":21,"value":542},{"type":15,"tag":86,"props":1127,"children":1128},{"style":545},[1129],{"type":21,"value":148},{"type":15,"tag":86,"props":1131,"children":1132},{"style":151},[1133],{"type":21,"value":785},{"type":15,"tag":86,"props":1135,"children":1136},{"style":93},[1137],{"type":21,"value":159},{"type":15,"tag":86,"props":1139,"children":1140},{"style":99},[1141],{"type":21,"value":86},{"type":15,"tag":86,"props":1143,"children":1144},{"style":93},[1145],{"type":21,"value":106},{"type":15,"tag":86,"props":1147,"children":1148},{"class":88,"line":228},[1149,1153],{"type":15,"tag":86,"props":1150,"children":1151},{"style":93},[1152],{"type":21,"value":532},{"type":15,"tag":86,"props":1154,"children":1155},{"style":573},[1156],{"type":21,"value":180},{"type":15,"tag":86,"props":1158,"children":1159},{"class":88,"line":237},[1160,1165,1169],{"type":15,"tag":86,"props":1161,"children":1162},{"style":539},[1163],{"type":21,"value":1164},"          value",{"type":15,"tag":86,"props":1166,"children":1167},{"style":545},[1168],{"type":21,"value":148},{"type":15,"tag":86,"props":1170,"children":1171},{"style":151},[1172],{"type":21,"value":825},{"type":15,"tag":86,"props":1174,"children":1175},{"class":88,"line":254},[1176,1180,1184],{"type":15,"tag":86,"props":1177,"children":1178},{"style":539},[1179],{"type":21,"value":607},{"type":15,"tag":86,"props":1181,"children":1182},{"style":545},[1183],{"type":21,"value":148},{"type":15,"tag":86,"props":1185,"children":1186},{"style":151},[1187],{"type":21,"value":225},{"type":15,"tag":86,"props":1189,"children":1190},{"class":88,"line":292},[1191],{"type":15,"tag":86,"props":1192,"children":1193},{"style":539},[1194],{"type":21,"value":1195},"          readOnly\n",{"type":15,"tag":86,"props":1197,"children":1198},{"class":88,"line":309},[1199],{"type":15,"tag":86,"props":1200,"children":1201},{"style":93},[1202],{"type":21,"value":623},{"type":15,"tag":86,"props":1204,"children":1205},{"class":88,"line":318},[1206,1210,1214],{"type":15,"tag":86,"props":1207,"children":1208},{"style":93},[1209],{"type":21,"value":631},{"type":15,"tag":86,"props":1211,"children":1212},{"style":99},[1213],{"type":21,"value":120},{"type":15,"tag":86,"props":1215,"children":1216},{"style":93},[1217],{"type":21,"value":106},{"type":15,"tag":86,"props":1219,"children":1220},{"class":88,"line":354},[1221,1225,1229,1233,1237,1241,1245,1249],{"type":15,"tag":86,"props":1222,"children":1223},{"style":93},[1224],{"type":21,"value":516},{"type":15,"tag":86,"props":1226,"children":1227},{"style":99},[1228],{"type":21,"value":34},{"type":15,"tag":86,"props":1230,"children":1231},{"style":539},[1232],{"type":21,"value":542},{"type":15,"tag":86,"props":1234,"children":1235},{"style":545},[1236],{"type":21,"value":148},{"type":15,"tag":86,"props":1238,"children":1239},{"style":151},[1240],{"type":21,"value":894},{"type":15,"tag":86,"props":1242,"children":1243},{"style":93},[1244],{"type":21,"value":281},{"type":15,"tag":86,"props":1246,"children":1247},{"style":99},[1248],{"type":21,"value":34},{"type":15,"tag":86,"props":1250,"children":1251},{"style":93},[1252],{"type":21,"value":106},{"type":15,"tag":86,"props":1254,"children":1255},{"class":88,"line":393},[1256],{"type":15,"tag":86,"props":1257,"children":1258},{"style":93},[1259],{"type":21,"value":683},{"type":15,"tag":86,"props":1261,"children":1262},{"class":88,"line":686},[1263],{"type":15,"tag":86,"props":1264,"children":1265},{"style":93},[1266],{"type":21,"value":692},{"type":15,"tag":86,"props":1268,"children":1269},{"class":88,"line":695},[1270],{"type":15,"tag":86,"props":1271,"children":1272},{"style":93},[1273],{"type":21,"value":701},{"type":15,"tag":49,"props":1275,"children":1277},{"id":1276},"invalid-state",[1278],{"type":21,"value":1279},"Invalid State",{"type":15,"tag":34,"props":1281,"children":1282},{},[1283,1285,1291],{"type":21,"value":1284},"If you pass the ",{"type":15,"tag":40,"props":1286,"children":1288},{"className":1287},[],[1289],{"type":21,"value":1290},"invalid",{"type":21,"value":1292}," prop, the Textarea will be styled to indicate an invalid state.",{"type":15,"tag":67,"props":1294,"children":1297},{"showcase-name":1295,"style":1296},"Textarea\u002FTextareaInvalid","min-height: 200px;",[1298,1653],{"type":15,"tag":72,"props":1299,"children":1300},{},[1301],{"type":15,"tag":76,"props":1302,"children":1304},{"className":78,"code":1303,"language":80,"meta":9,"style":9},"\u003Ctemplate>\n  \u003Clabel>\n    \u003Cspan class=\"text-sm font-medium\">Description\u003C\u002Fspan>\n    \u003CSfTextarea invalid placeholder=\"Write something about yourself...\" class=\"w-full block\" \u002F>\n  \u003C\u002Flabel>\n  \u003Cdiv class=\"flex justify-between mt-0.5\">\n    \u003Cp class=\"typography-text-sm text-negative-700 font-medium\">The field cannot be empty\u003C\u002Fp>\n    \u003Cp class=\"typography-hint-xs text-neutral-500\">Do not include personal or financial information.\u003C\u002Fp>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { SfTextarea } from '@storefront-ui\u002Fvue';\n\u003C\u002Fscript>\n\n",[1305],{"type":15,"tag":40,"props":1306,"children":1307},{"__ignoreMap":9},[1308,1323,1338,1374,1422,1437,1466,1503,1539,1554,1569,1576,1607,1638],{"type":15,"tag":86,"props":1309,"children":1310},{"class":88,"line":89},[1311,1315,1319],{"type":15,"tag":86,"props":1312,"children":1313},{"style":93},[1314],{"type":21,"value":96},{"type":15,"tag":86,"props":1316,"children":1317},{"style":99},[1318],{"type":21,"value":30},{"type":15,"tag":86,"props":1320,"children":1321},{"style":93},[1322],{"type":21,"value":106},{"type":15,"tag":86,"props":1324,"children":1325},{"class":88,"line":109},[1326,1330,1334],{"type":15,"tag":86,"props":1327,"children":1328},{"style":93},[1329],{"type":21,"value":115},{"type":15,"tag":86,"props":1331,"children":1332},{"style":99},[1333],{"type":21,"value":120},{"type":15,"tag":86,"props":1335,"children":1336},{"style":93},[1337],{"type":21,"value":106},{"type":15,"tag":86,"props":1339,"children":1340},{"class":88,"line":127},[1341,1345,1349,1353,1357,1362,1366,1370],{"type":15,"tag":86,"props":1342,"children":1343},{"style":93},[1344],{"type":21,"value":133},{"type":15,"tag":86,"props":1346,"children":1347},{"style":99},[1348],{"type":21,"value":86},{"type":15,"tag":86,"props":1350,"children":1351},{"style":140},[1352],{"type":21,"value":143},{"type":15,"tag":86,"props":1354,"children":1355},{"style":93},[1356],{"type":21,"value":148},{"type":15,"tag":86,"props":1358,"children":1359},{"style":151},[1360],{"type":21,"value":1361},"\"text-sm font-medium\"",{"type":15,"tag":86,"props":1363,"children":1364},{"style":93},[1365],{"type":21,"value":159},{"type":15,"tag":86,"props":1367,"children":1368},{"style":99},[1369],{"type":21,"value":86},{"type":15,"tag":86,"props":1371,"children":1372},{"style":93},[1373],{"type":21,"value":106},{"type":15,"tag":86,"props":1375,"children":1376},{"class":88,"line":170},[1377,1381,1385,1390,1395,1399,1404,1408,1412,1417],{"type":15,"tag":86,"props":1378,"children":1379},{"style":93},[1380],{"type":21,"value":133},{"type":15,"tag":86,"props":1382,"children":1383},{"style":99},[1384],{"type":21,"value":63},{"type":15,"tag":86,"props":1386,"children":1387},{"style":140},[1388],{"type":21,"value":1389}," invalid",{"type":15,"tag":86,"props":1391,"children":1392},{"style":140},[1393],{"type":21,"value":1394}," placeholder",{"type":15,"tag":86,"props":1396,"children":1397},{"style":93},[1398],{"type":21,"value":148},{"type":15,"tag":86,"props":1400,"children":1401},{"style":151},[1402],{"type":21,"value":1403},"\"Write something about yourself...\"",{"type":15,"tag":86,"props":1405,"children":1406},{"style":140},[1407],{"type":21,"value":143},{"type":15,"tag":86,"props":1409,"children":1410},{"style":93},[1411],{"type":21,"value":148},{"type":15,"tag":86,"props":1413,"children":1414},{"style":151},[1415],{"type":21,"value":1416},"\"w-full block\"",{"type":15,"tag":86,"props":1418,"children":1419},{"style":93},[1420],{"type":21,"value":1421}," \u002F>\n",{"type":15,"tag":86,"props":1423,"children":1424},{"class":88,"line":183},[1425,1429,1433],{"type":15,"tag":86,"props":1426,"children":1427},{"style":93},[1428],{"type":21,"value":243},{"type":15,"tag":86,"props":1430,"children":1431},{"style":99},[1432],{"type":21,"value":120},{"type":15,"tag":86,"props":1434,"children":1435},{"style":93},[1436],{"type":21,"value":106},{"type":15,"tag":86,"props":1438,"children":1439},{"class":88,"line":192},[1440,1444,1449,1453,1457,1462],{"type":15,"tag":86,"props":1441,"children":1442},{"style":93},[1443],{"type":21,"value":115},{"type":15,"tag":86,"props":1445,"children":1446},{"style":99},[1447],{"type":21,"value":1448},"div",{"type":15,"tag":86,"props":1450,"children":1451},{"style":140},[1452],{"type":21,"value":143},{"type":15,"tag":86,"props":1454,"children":1455},{"style":93},[1456],{"type":21,"value":148},{"type":15,"tag":86,"props":1458,"children":1459},{"style":151},[1460],{"type":21,"value":1461},"\"flex justify-between mt-0.5\"",{"type":15,"tag":86,"props":1463,"children":1464},{"style":93},[1465],{"type":21,"value":106},{"type":15,"tag":86,"props":1467,"children":1468},{"class":88,"line":210},[1469,1473,1477,1481,1485,1490,1495,1499],{"type":15,"tag":86,"props":1470,"children":1471},{"style":93},[1472],{"type":21,"value":133},{"type":15,"tag":86,"props":1474,"children":1475},{"style":99},[1476],{"type":21,"value":34},{"type":15,"tag":86,"props":1478,"children":1479},{"style":140},[1480],{"type":21,"value":143},{"type":15,"tag":86,"props":1482,"children":1483},{"style":93},[1484],{"type":21,"value":148},{"type":15,"tag":86,"props":1486,"children":1487},{"style":151},[1488],{"type":21,"value":1489},"\"typography-text-sm text-negative-700 font-medium\"",{"type":15,"tag":86,"props":1491,"children":1492},{"style":93},[1493],{"type":21,"value":1494},">The field cannot be empty\u003C\u002F",{"type":15,"tag":86,"props":1496,"children":1497},{"style":99},[1498],{"type":21,"value":34},{"type":15,"tag":86,"props":1500,"children":1501},{"style":93},[1502],{"type":21,"value":106},{"type":15,"tag":86,"props":1504,"children":1505},{"class":88,"line":228},[1506,1510,1514,1518,1522,1527,1531,1535],{"type":15,"tag":86,"props":1507,"children":1508},{"style":93},[1509],{"type":21,"value":133},{"type":15,"tag":86,"props":1511,"children":1512},{"style":99},[1513],{"type":21,"value":34},{"type":15,"tag":86,"props":1515,"children":1516},{"style":140},[1517],{"type":21,"value":143},{"type":15,"tag":86,"props":1519,"children":1520},{"style":93},[1521],{"type":21,"value":148},{"type":15,"tag":86,"props":1523,"children":1524},{"style":151},[1525],{"type":21,"value":1526},"\"typography-hint-xs text-neutral-500\"",{"type":15,"tag":86,"props":1528,"children":1529},{"style":93},[1530],{"type":21,"value":281},{"type":15,"tag":86,"props":1532,"children":1533},{"style":99},[1534],{"type":21,"value":34},{"type":15,"tag":86,"props":1536,"children":1537},{"style":93},[1538],{"type":21,"value":106},{"type":15,"tag":86,"props":1540,"children":1541},{"class":88,"line":237},[1542,1546,1550],{"type":15,"tag":86,"props":1543,"children":1544},{"style":93},[1545],{"type":21,"value":243},{"type":15,"tag":86,"props":1547,"children":1548},{"style":99},[1549],{"type":21,"value":1448},{"type":15,"tag":86,"props":1551,"children":1552},{"style":93},[1553],{"type":21,"value":106},{"type":15,"tag":86,"props":1555,"children":1556},{"class":88,"line":254},[1557,1561,1565],{"type":15,"tag":86,"props":1558,"children":1559},{"style":93},[1560],{"type":21,"value":298},{"type":15,"tag":86,"props":1562,"children":1563},{"style":99},[1564],{"type":21,"value":30},{"type":15,"tag":86,"props":1566,"children":1567},{"style":93},[1568],{"type":21,"value":106},{"type":15,"tag":86,"props":1570,"children":1571},{"class":88,"line":292},[1572],{"type":15,"tag":86,"props":1573,"children":1574},{"emptyLinePlaceholder":8},[1575],{"type":21,"value":315},{"type":15,"tag":86,"props":1577,"children":1578},{"class":88,"line":309},[1579,1583,1587,1591,1595,1599,1603],{"type":15,"tag":86,"props":1580,"children":1581},{"style":93},[1582],{"type":21,"value":96},{"type":15,"tag":86,"props":1584,"children":1585},{"style":99},[1586],{"type":21,"value":328},{"type":15,"tag":86,"props":1588,"children":1589},{"style":140},[1590],{"type":21,"value":333},{"type":15,"tag":86,"props":1592,"children":1593},{"style":93},[1594],{"type":21,"value":148},{"type":15,"tag":86,"props":1596,"children":1597},{"style":151},[1598],{"type":21,"value":342},{"type":15,"tag":86,"props":1600,"children":1601},{"style":140},[1602],{"type":21,"value":347},{"type":15,"tag":86,"props":1604,"children":1605},{"style":93},[1606],{"type":21,"value":106},{"type":15,"tag":86,"props":1608,"children":1609},{"class":88,"line":318},[1610,1614,1618,1622,1626,1630,1634],{"type":15,"tag":86,"props":1611,"children":1612},{"style":358},[1613],{"type":21,"value":361},{"type":15,"tag":86,"props":1615,"children":1616},{"style":93},[1617],{"type":21,"value":366},{"type":15,"tag":86,"props":1619,"children":1620},{"style":99},[1621],{"type":21,"value":63},{"type":15,"tag":86,"props":1623,"children":1624},{"style":93},[1625],{"type":21,"value":375},{"type":15,"tag":86,"props":1627,"children":1628},{"style":358},[1629],{"type":21,"value":380},{"type":15,"tag":86,"props":1631,"children":1632},{"style":151},[1633],{"type":21,"value":385},{"type":15,"tag":86,"props":1635,"children":1636},{"style":93},[1637],{"type":21,"value":390},{"type":15,"tag":86,"props":1639,"children":1640},{"class":88,"line":354},[1641,1645,1649],{"type":15,"tag":86,"props":1642,"children":1643},{"style":93},[1644],{"type":21,"value":298},{"type":15,"tag":86,"props":1646,"children":1647},{"style":99},[1648],{"type":21,"value":328},{"type":15,"tag":86,"props":1650,"children":1651},{"style":93},[1652],{"type":21,"value":106},{"type":15,"tag":408,"props":1654,"children":1655},{},[1656],{"type":15,"tag":76,"props":1657,"children":1659},{"className":413,"code":1658,"language":415,"meta":9,"style":9},"import { SfTextarea } from '@storefront-ui\u002Freact';\n\nexport default function InvalidTextarea() {\n  return (\n    \u003C>\n      \u003Clabel>\n        \u003Cspan className=\"typography-text-sm font-medium\">Description\u003C\u002Fspan>\n        \u003CSfTextarea invalid placeholder=\"Write something about yourself...\" className=\"w-full block\" \u002F>\n      \u003C\u002Flabel>\n      \u003Cdiv className=\"flex justify-between mt-0.5\">\n        \u003Cp className=\"typography-text-sm text-negative-700 font-medium\">The field cannot be empty\u003C\u002Fp>\n        \u003Cp className=\"typography-hint-xs text-neutral-500\">Do not include personal or financial information.\u003C\u002Fp>\n      \u003C\u002Fdiv>\n    \u003C\u002F>\n  );\n}\n",[1660],{"type":15,"tag":40,"props":1661,"children":1662},{"__ignoreMap":9},[1663,1694,1701,1725,1736,1743,1758,1793,1836,1851,1878,1913,1948,1963,1970,1977],{"type":15,"tag":86,"props":1664,"children":1665},{"class":88,"line":89},[1666,1670,1674,1678,1682,1686,1690],{"type":15,"tag":86,"props":1667,"children":1668},{"style":358},[1669],{"type":21,"value":361},{"type":15,"tag":86,"props":1671,"children":1672},{"style":93},[1673],{"type":21,"value":366},{"type":15,"tag":86,"props":1675,"children":1676},{"style":99},[1677],{"type":21,"value":63},{"type":15,"tag":86,"props":1679,"children":1680},{"style":93},[1681],{"type":21,"value":375},{"type":15,"tag":86,"props":1683,"children":1684},{"style":358},[1685],{"type":21,"value":380},{"type":15,"tag":86,"props":1687,"children":1688},{"style":151},[1689],{"type":21,"value":447},{"type":15,"tag":86,"props":1691,"children":1692},{"style":93},[1693],{"type":21,"value":390},{"type":15,"tag":86,"props":1695,"children":1696},{"class":88,"line":109},[1697],{"type":15,"tag":86,"props":1698,"children":1699},{"emptyLinePlaceholder":8},[1700],{"type":21,"value":315},{"type":15,"tag":86,"props":1702,"children":1703},{"class":88,"line":127},[1704,1708,1712,1716,1721],{"type":15,"tag":86,"props":1705,"children":1706},{"style":358},[1707],{"type":21,"value":466},{"type":15,"tag":86,"props":1709,"children":1710},{"style":358},[1711],{"type":21,"value":471},{"type":15,"tag":86,"props":1713,"children":1714},{"style":358},[1715],{"type":21,"value":476},{"type":15,"tag":86,"props":1717,"children":1718},{"style":479},[1719],{"type":21,"value":1720}," InvalidTextarea",{"type":15,"tag":86,"props":1722,"children":1723},{"style":93},[1724],{"type":21,"value":487},{"type":15,"tag":86,"props":1726,"children":1727},{"class":88,"line":170},[1728,1732],{"type":15,"tag":86,"props":1729,"children":1730},{"style":358},[1731],{"type":21,"value":495},{"type":15,"tag":86,"props":1733,"children":1734},{"style":93},[1735],{"type":21,"value":500},{"type":15,"tag":86,"props":1737,"children":1738},{"class":88,"line":183},[1739],{"type":15,"tag":86,"props":1740,"children":1741},{"style":93},[1742],{"type":21,"value":508},{"type":15,"tag":86,"props":1744,"children":1745},{"class":88,"line":192},[1746,1750,1754],{"type":15,"tag":86,"props":1747,"children":1748},{"style":93},[1749],{"type":21,"value":516},{"type":15,"tag":86,"props":1751,"children":1752},{"style":99},[1753],{"type":21,"value":120},{"type":15,"tag":86,"props":1755,"children":1756},{"style":93},[1757],{"type":21,"value":106},{"type":15,"tag":86,"props":1759,"children":1760},{"class":88,"line":210},[1761,1765,1769,1773,1777,1781,1785,1789],{"type":15,"tag":86,"props":1762,"children":1763},{"style":93},[1764],{"type":21,"value":532},{"type":15,"tag":86,"props":1766,"children":1767},{"style":99},[1768],{"type":21,"value":86},{"type":15,"tag":86,"props":1770,"children":1771},{"style":539},[1772],{"type":21,"value":542},{"type":15,"tag":86,"props":1774,"children":1775},{"style":545},[1776],{"type":21,"value":148},{"type":15,"tag":86,"props":1778,"children":1779},{"style":151},[1780],{"type":21,"value":785},{"type":15,"tag":86,"props":1782,"children":1783},{"style":93},[1784],{"type":21,"value":159},{"type":15,"tag":86,"props":1786,"children":1787},{"style":99},[1788],{"type":21,"value":86},{"type":15,"tag":86,"props":1790,"children":1791},{"style":93},[1792],{"type":21,"value":106},{"type":15,"tag":86,"props":1794,"children":1795},{"class":88,"line":228},[1796,1800,1804,1808,1812,1816,1820,1824,1828,1832],{"type":15,"tag":86,"props":1797,"children":1798},{"style":93},[1799],{"type":21,"value":532},{"type":15,"tag":86,"props":1801,"children":1802},{"style":573},[1803],{"type":21,"value":63},{"type":15,"tag":86,"props":1805,"children":1806},{"style":539},[1807],{"type":21,"value":1389},{"type":15,"tag":86,"props":1809,"children":1810},{"style":539},[1811],{"type":21,"value":1394},{"type":15,"tag":86,"props":1813,"children":1814},{"style":545},[1815],{"type":21,"value":148},{"type":15,"tag":86,"props":1817,"children":1818},{"style":151},[1819],{"type":21,"value":1403},{"type":15,"tag":86,"props":1821,"children":1822},{"style":539},[1823],{"type":21,"value":542},{"type":15,"tag":86,"props":1825,"children":1826},{"style":545},[1827],{"type":21,"value":148},{"type":15,"tag":86,"props":1829,"children":1830},{"style":151},[1831],{"type":21,"value":1416},{"type":15,"tag":86,"props":1833,"children":1834},{"style":93},[1835],{"type":21,"value":1421},{"type":15,"tag":86,"props":1837,"children":1838},{"class":88,"line":237},[1839,1843,1847],{"type":15,"tag":86,"props":1840,"children":1841},{"style":93},[1842],{"type":21,"value":631},{"type":15,"tag":86,"props":1844,"children":1845},{"style":99},[1846],{"type":21,"value":120},{"type":15,"tag":86,"props":1848,"children":1849},{"style":93},[1850],{"type":21,"value":106},{"type":15,"tag":86,"props":1852,"children":1853},{"class":88,"line":254},[1854,1858,1862,1866,1870,1874],{"type":15,"tag":86,"props":1855,"children":1856},{"style":93},[1857],{"type":21,"value":516},{"type":15,"tag":86,"props":1859,"children":1860},{"style":99},[1861],{"type":21,"value":1448},{"type":15,"tag":86,"props":1863,"children":1864},{"style":539},[1865],{"type":21,"value":542},{"type":15,"tag":86,"props":1867,"children":1868},{"style":545},[1869],{"type":21,"value":148},{"type":15,"tag":86,"props":1871,"children":1872},{"style":151},[1873],{"type":21,"value":1461},{"type":15,"tag":86,"props":1875,"children":1876},{"style":93},[1877],{"type":21,"value":106},{"type":15,"tag":86,"props":1879,"children":1880},{"class":88,"line":292},[1881,1885,1889,1893,1897,1901,1905,1909],{"type":15,"tag":86,"props":1882,"children":1883},{"style":93},[1884],{"type":21,"value":532},{"type":15,"tag":86,"props":1886,"children":1887},{"style":99},[1888],{"type":21,"value":34},{"type":15,"tag":86,"props":1890,"children":1891},{"style":539},[1892],{"type":21,"value":542},{"type":15,"tag":86,"props":1894,"children":1895},{"style":545},[1896],{"type":21,"value":148},{"type":15,"tag":86,"props":1898,"children":1899},{"style":151},[1900],{"type":21,"value":1489},{"type":15,"tag":86,"props":1902,"children":1903},{"style":93},[1904],{"type":21,"value":1494},{"type":15,"tag":86,"props":1906,"children":1907},{"style":99},[1908],{"type":21,"value":34},{"type":15,"tag":86,"props":1910,"children":1911},{"style":93},[1912],{"type":21,"value":106},{"type":15,"tag":86,"props":1914,"children":1915},{"class":88,"line":309},[1916,1920,1924,1928,1932,1936,1940,1944],{"type":15,"tag":86,"props":1917,"children":1918},{"style":93},[1919],{"type":21,"value":532},{"type":15,"tag":86,"props":1921,"children":1922},{"style":99},[1923],{"type":21,"value":34},{"type":15,"tag":86,"props":1925,"children":1926},{"style":539},[1927],{"type":21,"value":542},{"type":15,"tag":86,"props":1929,"children":1930},{"style":545},[1931],{"type":21,"value":148},{"type":15,"tag":86,"props":1933,"children":1934},{"style":151},[1935],{"type":21,"value":1526},{"type":15,"tag":86,"props":1937,"children":1938},{"style":93},[1939],{"type":21,"value":281},{"type":15,"tag":86,"props":1941,"children":1942},{"style":99},[1943],{"type":21,"value":34},{"type":15,"tag":86,"props":1945,"children":1946},{"style":93},[1947],{"type":21,"value":106},{"type":15,"tag":86,"props":1949,"children":1950},{"class":88,"line":318},[1951,1955,1959],{"type":15,"tag":86,"props":1952,"children":1953},{"style":93},[1954],{"type":21,"value":631},{"type":15,"tag":86,"props":1956,"children":1957},{"style":99},[1958],{"type":21,"value":1448},{"type":15,"tag":86,"props":1960,"children":1961},{"style":93},[1962],{"type":21,"value":106},{"type":15,"tag":86,"props":1964,"children":1965},{"class":88,"line":354},[1966],{"type":15,"tag":86,"props":1967,"children":1968},{"style":93},[1969],{"type":21,"value":683},{"type":15,"tag":86,"props":1971,"children":1972},{"class":88,"line":393},[1973],{"type":15,"tag":86,"props":1974,"children":1975},{"style":93},[1976],{"type":21,"value":692},{"type":15,"tag":86,"props":1978,"children":1979},{"class":88,"line":686},[1980],{"type":15,"tag":86,"props":1981,"children":1982},{"style":93},[1983],{"type":21,"value":701},{"type":15,"tag":49,"props":1985,"children":1987},{"id":1986},"textarea-with-characters-counter",[1988],{"type":21,"value":1989},"Textarea with characters counter",{"type":15,"tag":34,"props":1991,"children":1992},{},[1993],{"type":21,"value":1994},"The Textarea component provides the option to display a character count, allowing users to track the number of characters they have entered. This feature can be helpful when there are character limits or restrictions for the input.",{"type":15,"tag":67,"props":1996,"children":1998},{"showcase-name":1997},"Textarea\u002FTextareaCharacters",[1999,2997],{"type":15,"tag":72,"props":2000,"children":2001},{},[2002],{"type":15,"tag":76,"props":2003,"children":2005},{"className":78,"code":2004,"language":80,"meta":9,"style":9},"\u003Ctemplate>\n  \u003Clabel>\n    \u003Cspan class=\"typography-text-sm font-medium\">Description\u003C\u002Fspan>\n    \u003CSfTextarea\n      :invalid=\"invalid\"\n      :disabled=\"disabled\"\n      :readonly=\"readonly\"\n      placeholder=\"Write something about yourself...\"\n      class=\"w-full block\"\n      v-model=\"textareaValue\"\n    \u002F>\n  \u003C\u002Flabel>\n  \u003Cdiv class=\"flex justify-between mt-0.5\">\n    \u003Cdiv>\n      \u003Cp v-if=\"invalid && !disabled\" class=\"typography-text-sm text-negative-700 font-medium mt-0.5\">{{ errorText }}\u003C\u002Fp>\n      \u003Cp :class=\"'typography-hint-xs text-neutral-500'\">\n        {{ helpText }}\n      \u003C\u002Fp>\n    \u003C\u002Fdiv>\n    \u003Cp\n      v-if=\"characterLimit && !readonly\"\n      :class=\"[\n        'typography-error-xs',\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 { SfTextarea } from '@storefront-ui\u002Fvue';\n\nconst characterLimit = ref(25);\nconst textareaValue = ref('');\nconst disabled = false;\nconst readonly = false;\nconst invalid = false;\nconst helpText = 'Do not include personal or financial information.';\nconst errorText = 'Error';\n\nconst isAboveLimit = computed(() => textareaValue.value.length > characterLimit.value);\nconst charsCount = computed(() => characterLimit.value - textareaValue.value.length);\n\u003C\u002Fscript>\n\n",[2006],{"type":15,"tag":40,"props":2007,"children":2008},{"__ignoreMap":9},[2009,2024,2039,2074,2085,2102,2119,2136,2151,2167,2184,2191,2206,2233,2248,2299,2328,2336,2352,2369,2382,2400,2418,2427,2436,2445,2454,2463,2479,2495,2511,2543,2587,2619,2627,2666,2700,2726,2751,2775,2801,2827,2835,2911,2981],{"type":15,"tag":86,"props":2010,"children":2011},{"class":88,"line":89},[2012,2016,2020],{"type":15,"tag":86,"props":2013,"children":2014},{"style":93},[2015],{"type":21,"value":96},{"type":15,"tag":86,"props":2017,"children":2018},{"style":99},[2019],{"type":21,"value":30},{"type":15,"tag":86,"props":2021,"children":2022},{"style":93},[2023],{"type":21,"value":106},{"type":15,"tag":86,"props":2025,"children":2026},{"class":88,"line":109},[2027,2031,2035],{"type":15,"tag":86,"props":2028,"children":2029},{"style":93},[2030],{"type":21,"value":115},{"type":15,"tag":86,"props":2032,"children":2033},{"style":99},[2034],{"type":21,"value":120},{"type":15,"tag":86,"props":2036,"children":2037},{"style":93},[2038],{"type":21,"value":106},{"type":15,"tag":86,"props":2040,"children":2041},{"class":88,"line":127},[2042,2046,2050,2054,2058,2062,2066,2070],{"type":15,"tag":86,"props":2043,"children":2044},{"style":93},[2045],{"type":21,"value":133},{"type":15,"tag":86,"props":2047,"children":2048},{"style":99},[2049],{"type":21,"value":86},{"type":15,"tag":86,"props":2051,"children":2052},{"style":140},[2053],{"type":21,"value":143},{"type":15,"tag":86,"props":2055,"children":2056},{"style":93},[2057],{"type":21,"value":148},{"type":15,"tag":86,"props":2059,"children":2060},{"style":151},[2061],{"type":21,"value":785},{"type":15,"tag":86,"props":2063,"children":2064},{"style":93},[2065],{"type":21,"value":159},{"type":15,"tag":86,"props":2067,"children":2068},{"style":99},[2069],{"type":21,"value":86},{"type":15,"tag":86,"props":2071,"children":2072},{"style":93},[2073],{"type":21,"value":106},{"type":15,"tag":86,"props":2075,"children":2076},{"class":88,"line":170},[2077,2081],{"type":15,"tag":86,"props":2078,"children":2079},{"style":93},[2080],{"type":21,"value":133},{"type":15,"tag":86,"props":2082,"children":2083},{"style":99},[2084],{"type":21,"value":180},{"type":15,"tag":86,"props":2086,"children":2087},{"class":88,"line":183},[2088,2093,2097],{"type":15,"tag":86,"props":2089,"children":2090},{"style":140},[2091],{"type":21,"value":2092},"      :invalid",{"type":15,"tag":86,"props":2094,"children":2095},{"style":93},[2096],{"type":21,"value":148},{"type":15,"tag":86,"props":2098,"children":2099},{"style":151},[2100],{"type":21,"value":2101},"\"invalid\"\n",{"type":15,"tag":86,"props":2103,"children":2104},{"class":88,"line":192},[2105,2110,2114],{"type":15,"tag":86,"props":2106,"children":2107},{"style":140},[2108],{"type":21,"value":2109},"      :disabled",{"type":15,"tag":86,"props":2111,"children":2112},{"style":93},[2113],{"type":21,"value":148},{"type":15,"tag":86,"props":2115,"children":2116},{"style":151},[2117],{"type":21,"value":2118},"\"disabled\"\n",{"type":15,"tag":86,"props":2120,"children":2121},{"class":88,"line":210},[2122,2127,2131],{"type":15,"tag":86,"props":2123,"children":2124},{"style":140},[2125],{"type":21,"value":2126},"      :readonly",{"type":15,"tag":86,"props":2128,"children":2129},{"style":93},[2130],{"type":21,"value":148},{"type":15,"tag":86,"props":2132,"children":2133},{"style":151},[2134],{"type":21,"value":2135},"\"readonly\"\n",{"type":15,"tag":86,"props":2137,"children":2138},{"class":88,"line":228},[2139,2143,2147],{"type":15,"tag":86,"props":2140,"children":2141},{"style":140},[2142],{"type":21,"value":198},{"type":15,"tag":86,"props":2144,"children":2145},{"style":93},[2146],{"type":21,"value":148},{"type":15,"tag":86,"props":2148,"children":2149},{"style":151},[2150],{"type":21,"value":207},{"type":15,"tag":86,"props":2152,"children":2153},{"class":88,"line":237},[2154,2158,2162],{"type":15,"tag":86,"props":2155,"children":2156},{"style":140},[2157],{"type":21,"value":216},{"type":15,"tag":86,"props":2159,"children":2160},{"style":93},[2161],{"type":21,"value":148},{"type":15,"tag":86,"props":2163,"children":2164},{"style":151},[2165],{"type":21,"value":2166},"\"w-full block\"\n",{"type":15,"tag":86,"props":2168,"children":2169},{"class":88,"line":254},[2170,2175,2179],{"type":15,"tag":86,"props":2171,"children":2172},{"style":140},[2173],{"type":21,"value":2174},"      v-model",{"type":15,"tag":86,"props":2176,"children":2177},{"style":93},[2178],{"type":21,"value":148},{"type":15,"tag":86,"props":2180,"children":2181},{"style":151},[2182],{"type":21,"value":2183},"\"textareaValue\"\n",{"type":15,"tag":86,"props":2185,"children":2186},{"class":88,"line":292},[2187],{"type":15,"tag":86,"props":2188,"children":2189},{"style":93},[2190],{"type":21,"value":234},{"type":15,"tag":86,"props":2192,"children":2193},{"class":88,"line":309},[2194,2198,2202],{"type":15,"tag":86,"props":2195,"children":2196},{"style":93},[2197],{"type":21,"value":243},{"type":15,"tag":86,"props":2199,"children":2200},{"style":99},[2201],{"type":21,"value":120},{"type":15,"tag":86,"props":2203,"children":2204},{"style":93},[2205],{"type":21,"value":106},{"type":15,"tag":86,"props":2207,"children":2208},{"class":88,"line":318},[2209,2213,2217,2221,2225,2229],{"type":15,"tag":86,"props":2210,"children":2211},{"style":93},[2212],{"type":21,"value":115},{"type":15,"tag":86,"props":2214,"children":2215},{"style":99},[2216],{"type":21,"value":1448},{"type":15,"tag":86,"props":2218,"children":2219},{"style":140},[2220],{"type":21,"value":143},{"type":15,"tag":86,"props":2222,"children":2223},{"style":93},[2224],{"type":21,"value":148},{"type":15,"tag":86,"props":2226,"children":2227},{"style":151},[2228],{"type":21,"value":1461},{"type":15,"tag":86,"props":2230,"children":2231},{"style":93},[2232],{"type":21,"value":106},{"type":15,"tag":86,"props":2234,"children":2235},{"class":88,"line":354},[2236,2240,2244],{"type":15,"tag":86,"props":2237,"children":2238},{"style":93},[2239],{"type":21,"value":133},{"type":15,"tag":86,"props":2241,"children":2242},{"style":99},[2243],{"type":21,"value":1448},{"type":15,"tag":86,"props":2245,"children":2246},{"style":93},[2247],{"type":21,"value":106},{"type":15,"tag":86,"props":2249,"children":2250},{"class":88,"line":393},[2251,2255,2259,2264,2268,2273,2277,2281,2286,2291,2295],{"type":15,"tag":86,"props":2252,"children":2253},{"style":93},[2254],{"type":21,"value":516},{"type":15,"tag":86,"props":2256,"children":2257},{"style":99},[2258],{"type":21,"value":34},{"type":15,"tag":86,"props":2260,"children":2261},{"style":140},[2262],{"type":21,"value":2263}," v-if",{"type":15,"tag":86,"props":2265,"children":2266},{"style":93},[2267],{"type":21,"value":148},{"type":15,"tag":86,"props":2269,"children":2270},{"style":151},[2271],{"type":21,"value":2272},"\"invalid && !disabled\"",{"type":15,"tag":86,"props":2274,"children":2275},{"style":140},[2276],{"type":21,"value":143},{"type":15,"tag":86,"props":2278,"children":2279},{"style":93},[2280],{"type":21,"value":148},{"type":15,"tag":86,"props":2282,"children":2283},{"style":151},[2284],{"type":21,"value":2285},"\"typography-text-sm text-negative-700 font-medium mt-0.5\"",{"type":15,"tag":86,"props":2287,"children":2288},{"style":93},[2289],{"type":21,"value":2290},">{{ errorText }}\u003C\u002F",{"type":15,"tag":86,"props":2292,"children":2293},{"style":99},[2294],{"type":21,"value":34},{"type":15,"tag":86,"props":2296,"children":2297},{"style":93},[2298],{"type":21,"value":106},{"type":15,"tag":86,"props":2300,"children":2301},{"class":88,"line":686},[2302,2306,2310,2315,2319,2324],{"type":15,"tag":86,"props":2303,"children":2304},{"style":93},[2305],{"type":21,"value":516},{"type":15,"tag":86,"props":2307,"children":2308},{"style":99},[2309],{"type":21,"value":34},{"type":15,"tag":86,"props":2311,"children":2312},{"style":140},[2313],{"type":21,"value":2314}," :class",{"type":15,"tag":86,"props":2316,"children":2317},{"style":93},[2318],{"type":21,"value":148},{"type":15,"tag":86,"props":2320,"children":2321},{"style":151},[2322],{"type":21,"value":2323},"\"'typography-hint-xs text-neutral-500'\"",{"type":15,"tag":86,"props":2325,"children":2326},{"style":93},[2327],{"type":21,"value":106},{"type":15,"tag":86,"props":2329,"children":2330},{"class":88,"line":695},[2331],{"type":15,"tag":86,"props":2332,"children":2333},{"style":93},[2334],{"type":21,"value":2335},"        {{ helpText }}\n",{"type":15,"tag":86,"props":2337,"children":2339},{"class":88,"line":2338},18,[2340,2344,2348],{"type":15,"tag":86,"props":2341,"children":2342},{"style":93},[2343],{"type":21,"value":631},{"type":15,"tag":86,"props":2345,"children":2346},{"style":99},[2347],{"type":21,"value":34},{"type":15,"tag":86,"props":2349,"children":2350},{"style":93},[2351],{"type":21,"value":106},{"type":15,"tag":86,"props":2353,"children":2355},{"class":88,"line":2354},19,[2356,2361,2365],{"type":15,"tag":86,"props":2357,"children":2358},{"style":93},[2359],{"type":21,"value":2360},"    \u003C\u002F",{"type":15,"tag":86,"props":2362,"children":2363},{"style":99},[2364],{"type":21,"value":1448},{"type":15,"tag":86,"props":2366,"children":2367},{"style":93},[2368],{"type":21,"value":106},{"type":15,"tag":86,"props":2370,"children":2372},{"class":88,"line":2371},20,[2373,2377],{"type":15,"tag":86,"props":2374,"children":2375},{"style":93},[2376],{"type":21,"value":133},{"type":15,"tag":86,"props":2378,"children":2379},{"style":99},[2380],{"type":21,"value":2381},"p\n",{"type":15,"tag":86,"props":2383,"children":2385},{"class":88,"line":2384},21,[2386,2391,2395],{"type":15,"tag":86,"props":2387,"children":2388},{"style":140},[2389],{"type":21,"value":2390},"      v-if",{"type":15,"tag":86,"props":2392,"children":2393},{"style":93},[2394],{"type":21,"value":148},{"type":15,"tag":86,"props":2396,"children":2397},{"style":151},[2398],{"type":21,"value":2399},"\"characterLimit && !readonly\"\n",{"type":15,"tag":86,"props":2401,"children":2403},{"class":88,"line":2402},22,[2404,2409,2413],{"type":15,"tag":86,"props":2405,"children":2406},{"style":140},[2407],{"type":21,"value":2408},"      :class",{"type":15,"tag":86,"props":2410,"children":2411},{"style":93},[2412],{"type":21,"value":148},{"type":15,"tag":86,"props":2414,"children":2415},{"style":151},[2416],{"type":21,"value":2417},"\"[\n",{"type":15,"tag":86,"props":2419,"children":2421},{"class":88,"line":2420},23,[2422],{"type":15,"tag":86,"props":2423,"children":2424},{"style":151},[2425],{"type":21,"value":2426},"        'typography-error-xs',\n",{"type":15,"tag":86,"props":2428,"children":2430},{"class":88,"line":2429},24,[2431],{"type":15,"tag":86,"props":2432,"children":2433},{"style":151},[2434],{"type":21,"value":2435},"        disabled ? 'text-disabled-500' : isAboveLimit ? 'text-negative-700 font-medium' : 'text-neutral-500',\n",{"type":15,"tag":86,"props":2437,"children":2439},{"class":88,"line":2438},25,[2440],{"type":15,"tag":86,"props":2441,"children":2442},{"style":151},[2443],{"type":21,"value":2444},"      ]\"\n",{"type":15,"tag":86,"props":2446,"children":2448},{"class":88,"line":2447},26,[2449],{"type":15,"tag":86,"props":2450,"children":2451},{"style":93},[2452],{"type":21,"value":2453},"    >\n",{"type":15,"tag":86,"props":2455,"children":2457},{"class":88,"line":2456},27,[2458],{"type":15,"tag":86,"props":2459,"children":2460},{"style":93},[2461],{"type":21,"value":2462},"      {{ charsCount }}\n",{"type":15,"tag":86,"props":2464,"children":2466},{"class":88,"line":2465},28,[2467,2471,2475],{"type":15,"tag":86,"props":2468,"children":2469},{"style":93},[2470],{"type":21,"value":2360},{"type":15,"tag":86,"props":2472,"children":2473},{"style":99},[2474],{"type":21,"value":34},{"type":15,"tag":86,"props":2476,"children":2477},{"style":93},[2478],{"type":21,"value":106},{"type":15,"tag":86,"props":2480,"children":2482},{"class":88,"line":2481},29,[2483,2487,2491],{"type":15,"tag":86,"props":2484,"children":2485},{"style":93},[2486],{"type":21,"value":243},{"type":15,"tag":86,"props":2488,"children":2489},{"style":99},[2490],{"type":21,"value":1448},{"type":15,"tag":86,"props":2492,"children":2493},{"style":93},[2494],{"type":21,"value":106},{"type":15,"tag":86,"props":2496,"children":2498},{"class":88,"line":2497},30,[2499,2503,2507],{"type":15,"tag":86,"props":2500,"children":2501},{"style":93},[2502],{"type":21,"value":298},{"type":15,"tag":86,"props":2504,"children":2505},{"style":99},[2506],{"type":21,"value":30},{"type":15,"tag":86,"props":2508,"children":2509},{"style":93},[2510],{"type":21,"value":106},{"type":15,"tag":86,"props":2512,"children":2514},{"class":88,"line":2513},31,[2515,2519,2523,2527,2531,2535,2539],{"type":15,"tag":86,"props":2516,"children":2517},{"style":93},[2518],{"type":21,"value":96},{"type":15,"tag":86,"props":2520,"children":2521},{"style":99},[2522],{"type":21,"value":328},{"type":15,"tag":86,"props":2524,"children":2525},{"style":140},[2526],{"type":21,"value":333},{"type":15,"tag":86,"props":2528,"children":2529},{"style":93},[2530],{"type":21,"value":148},{"type":15,"tag":86,"props":2532,"children":2533},{"style":151},[2534],{"type":21,"value":342},{"type":15,"tag":86,"props":2536,"children":2537},{"style":140},[2538],{"type":21,"value":347},{"type":15,"tag":86,"props":2540,"children":2541},{"style":93},[2542],{"type":21,"value":106},{"type":15,"tag":86,"props":2544,"children":2546},{"class":88,"line":2545},32,[2547,2551,2555,2560,2565,2570,2574,2578,2583],{"type":15,"tag":86,"props":2548,"children":2549},{"style":358},[2550],{"type":21,"value":361},{"type":15,"tag":86,"props":2552,"children":2553},{"style":93},[2554],{"type":21,"value":366},{"type":15,"tag":86,"props":2556,"children":2557},{"style":99},[2558],{"type":21,"value":2559},"ref",{"type":15,"tag":86,"props":2561,"children":2562},{"style":93},[2563],{"type":21,"value":2564},", ",{"type":15,"tag":86,"props":2566,"children":2567},{"style":99},[2568],{"type":21,"value":2569},"computed",{"type":15,"tag":86,"props":2571,"children":2572},{"style":93},[2573],{"type":21,"value":375},{"type":15,"tag":86,"props":2575,"children":2576},{"style":358},[2577],{"type":21,"value":380},{"type":15,"tag":86,"props":2579,"children":2580},{"style":151},[2581],{"type":21,"value":2582}," 'vue'",{"type":15,"tag":86,"props":2584,"children":2585},{"style":93},[2586],{"type":21,"value":390},{"type":15,"tag":86,"props":2588,"children":2590},{"class":88,"line":2589},33,[2591,2595,2599,2603,2607,2611,2615],{"type":15,"tag":86,"props":2592,"children":2593},{"style":358},[2594],{"type":21,"value":361},{"type":15,"tag":86,"props":2596,"children":2597},{"style":93},[2598],{"type":21,"value":366},{"type":15,"tag":86,"props":2600,"children":2601},{"style":99},[2602],{"type":21,"value":63},{"type":15,"tag":86,"props":2604,"children":2605},{"style":93},[2606],{"type":21,"value":375},{"type":15,"tag":86,"props":2608,"children":2609},{"style":358},[2610],{"type":21,"value":380},{"type":15,"tag":86,"props":2612,"children":2613},{"style":151},[2614],{"type":21,"value":385},{"type":15,"tag":86,"props":2616,"children":2617},{"style":93},[2618],{"type":21,"value":390},{"type":15,"tag":86,"props":2620,"children":2622},{"class":88,"line":2621},34,[2623],{"type":15,"tag":86,"props":2624,"children":2625},{"emptyLinePlaceholder":8},[2626],{"type":21,"value":315},{"type":15,"tag":86,"props":2628,"children":2630},{"class":88,"line":2629},35,[2631,2636,2641,2646,2651,2656,2661],{"type":15,"tag":86,"props":2632,"children":2633},{"style":358},[2634],{"type":21,"value":2635},"const",{"type":15,"tag":86,"props":2637,"children":2638},{"style":573},[2639],{"type":21,"value":2640}," characterLimit",{"type":15,"tag":86,"props":2642,"children":2643},{"style":545},[2644],{"type":21,"value":2645}," =",{"type":15,"tag":86,"props":2647,"children":2648},{"style":479},[2649],{"type":21,"value":2650}," ref",{"type":15,"tag":86,"props":2652,"children":2653},{"style":93},[2654],{"type":21,"value":2655},"(",{"type":15,"tag":86,"props":2657,"children":2658},{"style":140},[2659],{"type":21,"value":2660},"25",{"type":15,"tag":86,"props":2662,"children":2663},{"style":93},[2664],{"type":21,"value":2665},");\n",{"type":15,"tag":86,"props":2667,"children":2669},{"class":88,"line":2668},36,[2670,2674,2679,2683,2687,2691,2696],{"type":15,"tag":86,"props":2671,"children":2672},{"style":358},[2673],{"type":21,"value":2635},{"type":15,"tag":86,"props":2675,"children":2676},{"style":573},[2677],{"type":21,"value":2678}," textareaValue",{"type":15,"tag":86,"props":2680,"children":2681},{"style":545},[2682],{"type":21,"value":2645},{"type":15,"tag":86,"props":2684,"children":2685},{"style":479},[2686],{"type":21,"value":2650},{"type":15,"tag":86,"props":2688,"children":2689},{"style":93},[2690],{"type":21,"value":2655},{"type":15,"tag":86,"props":2692,"children":2693},{"style":151},[2694],{"type":21,"value":2695},"''",{"type":15,"tag":86,"props":2697,"children":2698},{"style":93},[2699],{"type":21,"value":2665},{"type":15,"tag":86,"props":2701,"children":2703},{"class":88,"line":2702},37,[2704,2708,2713,2717,2722],{"type":15,"tag":86,"props":2705,"children":2706},{"style":358},[2707],{"type":21,"value":2635},{"type":15,"tag":86,"props":2709,"children":2710},{"style":573},[2711],{"type":21,"value":2712}," disabled",{"type":15,"tag":86,"props":2714,"children":2715},{"style":545},[2716],{"type":21,"value":2645},{"type":15,"tag":86,"props":2718,"children":2719},{"style":140},[2720],{"type":21,"value":2721}," false",{"type":15,"tag":86,"props":2723,"children":2724},{"style":93},[2725],{"type":21,"value":390},{"type":15,"tag":86,"props":2727,"children":2729},{"class":88,"line":2728},38,[2730,2734,2739,2743,2747],{"type":15,"tag":86,"props":2731,"children":2732},{"style":358},[2733],{"type":21,"value":2635},{"type":15,"tag":86,"props":2735,"children":2736},{"style":573},[2737],{"type":21,"value":2738}," readonly",{"type":15,"tag":86,"props":2740,"children":2741},{"style":545},[2742],{"type":21,"value":2645},{"type":15,"tag":86,"props":2744,"children":2745},{"style":140},[2746],{"type":21,"value":2721},{"type":15,"tag":86,"props":2748,"children":2749},{"style":93},[2750],{"type":21,"value":390},{"type":15,"tag":86,"props":2752,"children":2754},{"class":88,"line":2753},39,[2755,2759,2763,2767,2771],{"type":15,"tag":86,"props":2756,"children":2757},{"style":358},[2758],{"type":21,"value":2635},{"type":15,"tag":86,"props":2760,"children":2761},{"style":573},[2762],{"type":21,"value":1389},{"type":15,"tag":86,"props":2764,"children":2765},{"style":545},[2766],{"type":21,"value":2645},{"type":15,"tag":86,"props":2768,"children":2769},{"style":140},[2770],{"type":21,"value":2721},{"type":15,"tag":86,"props":2772,"children":2773},{"style":93},[2774],{"type":21,"value":390},{"type":15,"tag":86,"props":2776,"children":2778},{"class":88,"line":2777},40,[2779,2783,2788,2792,2797],{"type":15,"tag":86,"props":2780,"children":2781},{"style":358},[2782],{"type":21,"value":2635},{"type":15,"tag":86,"props":2784,"children":2785},{"style":573},[2786],{"type":21,"value":2787}," helpText",{"type":15,"tag":86,"props":2789,"children":2790},{"style":545},[2791],{"type":21,"value":2645},{"type":15,"tag":86,"props":2793,"children":2794},{"style":151},[2795],{"type":21,"value":2796}," 'Do not include personal or financial information.'",{"type":15,"tag":86,"props":2798,"children":2799},{"style":93},[2800],{"type":21,"value":390},{"type":15,"tag":86,"props":2802,"children":2804},{"class":88,"line":2803},41,[2805,2809,2814,2818,2823],{"type":15,"tag":86,"props":2806,"children":2807},{"style":358},[2808],{"type":21,"value":2635},{"type":15,"tag":86,"props":2810,"children":2811},{"style":573},[2812],{"type":21,"value":2813}," errorText",{"type":15,"tag":86,"props":2815,"children":2816},{"style":545},[2817],{"type":21,"value":2645},{"type":15,"tag":86,"props":2819,"children":2820},{"style":151},[2821],{"type":21,"value":2822}," 'Error'",{"type":15,"tag":86,"props":2824,"children":2825},{"style":93},[2826],{"type":21,"value":390},{"type":15,"tag":86,"props":2828,"children":2830},{"class":88,"line":2829},42,[2831],{"type":15,"tag":86,"props":2832,"children":2833},{"emptyLinePlaceholder":8},[2834],{"type":21,"value":315},{"type":15,"tag":86,"props":2836,"children":2838},{"class":88,"line":2837},43,[2839,2843,2848,2852,2857,2862,2867,2871,2876,2881,2885,2890,2895,2899,2903,2907],{"type":15,"tag":86,"props":2840,"children":2841},{"style":358},[2842],{"type":21,"value":2635},{"type":15,"tag":86,"props":2844,"children":2845},{"style":573},[2846],{"type":21,"value":2847}," isAboveLimit",{"type":15,"tag":86,"props":2849,"children":2850},{"style":545},[2851],{"type":21,"value":2645},{"type":15,"tag":86,"props":2853,"children":2854},{"style":479},[2855],{"type":21,"value":2856}," computed",{"type":15,"tag":86,"props":2858,"children":2859},{"style":93},[2860],{"type":21,"value":2861},"(() ",{"type":15,"tag":86,"props":2863,"children":2864},{"style":358},[2865],{"type":21,"value":2866},"=>",{"type":15,"tag":86,"props":2868,"children":2869},{"style":573},[2870],{"type":21,"value":2678},{"type":15,"tag":86,"props":2872,"children":2873},{"style":93},[2874],{"type":21,"value":2875},".",{"type":15,"tag":86,"props":2877,"children":2878},{"style":573},[2879],{"type":21,"value":2880},"value",{"type":15,"tag":86,"props":2882,"children":2883},{"style":93},[2884],{"type":21,"value":2875},{"type":15,"tag":86,"props":2886,"children":2887},{"style":99},[2888],{"type":21,"value":2889},"length",{"type":15,"tag":86,"props":2891,"children":2892},{"style":545},[2893],{"type":21,"value":2894}," >",{"type":15,"tag":86,"props":2896,"children":2897},{"style":573},[2898],{"type":21,"value":2640},{"type":15,"tag":86,"props":2900,"children":2901},{"style":93},[2902],{"type":21,"value":2875},{"type":15,"tag":86,"props":2904,"children":2905},{"style":99},[2906],{"type":21,"value":2880},{"type":15,"tag":86,"props":2908,"children":2909},{"style":93},[2910],{"type":21,"value":2665},{"type":15,"tag":86,"props":2912,"children":2914},{"class":88,"line":2913},44,[2915,2919,2924,2928,2932,2936,2940,2944,2948,2952,2957,2961,2965,2969,2973,2977],{"type":15,"tag":86,"props":2916,"children":2917},{"style":358},[2918],{"type":21,"value":2635},{"type":15,"tag":86,"props":2920,"children":2921},{"style":573},[2922],{"type":21,"value":2923}," charsCount",{"type":15,"tag":86,"props":2925,"children":2926},{"style":545},[2927],{"type":21,"value":2645},{"type":15,"tag":86,"props":2929,"children":2930},{"style":479},[2931],{"type":21,"value":2856},{"type":15,"tag":86,"props":2933,"children":2934},{"style":93},[2935],{"type":21,"value":2861},{"type":15,"tag":86,"props":2937,"children":2938},{"style":358},[2939],{"type":21,"value":2866},{"type":15,"tag":86,"props":2941,"children":2942},{"style":573},[2943],{"type":21,"value":2640},{"type":15,"tag":86,"props":2945,"children":2946},{"style":93},[2947],{"type":21,"value":2875},{"type":15,"tag":86,"props":2949,"children":2950},{"style":99},[2951],{"type":21,"value":2880},{"type":15,"tag":86,"props":2953,"children":2954},{"style":545},[2955],{"type":21,"value":2956}," -",{"type":15,"tag":86,"props":2958,"children":2959},{"style":573},[2960],{"type":21,"value":2678},{"type":15,"tag":86,"props":2962,"children":2963},{"style":93},[2964],{"type":21,"value":2875},{"type":15,"tag":86,"props":2966,"children":2967},{"style":573},[2968],{"type":21,"value":2880},{"type":15,"tag":86,"props":2970,"children":2971},{"style":93},[2972],{"type":21,"value":2875},{"type":15,"tag":86,"props":2974,"children":2975},{"style":99},[2976],{"type":21,"value":2889},{"type":15,"tag":86,"props":2978,"children":2979},{"style":93},[2980],{"type":21,"value":2665},{"type":15,"tag":86,"props":2982,"children":2984},{"class":88,"line":2983},45,[2985,2989,2993],{"type":15,"tag":86,"props":2986,"children":2987},{"style":93},[2988],{"type":21,"value":298},{"type":15,"tag":86,"props":2990,"children":2991},{"style":99},[2992],{"type":21,"value":328},{"type":15,"tag":86,"props":2994,"children":2995},{"style":93},[2996],{"type":21,"value":106},{"type":15,"tag":408,"props":2998,"children":2999},{},[3000],{"type":15,"tag":76,"props":3001,"children":3003},{"className":413,"code":3002,"language":415,"meta":9,"style":9},"import { SfTextarea } from '@storefront-ui\u002Freact';\nimport classNames from 'classnames';\nimport { ChangeEvent, useState } from 'react';\n\nexport default function TextareaWithLimit() {\n  const characterLimit = 25;\n  const disabled = false;\n  const readonly = false;\n  const invalid = false;\n  const helpText = 'Help text';\n  const errorText = 'Error';\n\n  const [value, setValue] = useState('');\n\n  function onChange(event: ChangeEvent\u003CHTMLTextAreaElement>) {\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 className=\"text-sm font-medium\">Description\u003C\u002Fspan>\n        \u003CSfTextarea\n          value={value}\n          placeholder=\"Write something about yourself...\"\n          invalid={invalid}\n          disabled={disabled}\n          onChange={onChange}\n          className=\"w-full mt-0.5 block\"\n        \u002F>\n      \u003C\u002Flabel>\n      \u003Cdiv className=\"flex justify-between mt-0.5\">\n        \u003Cdiv>\n          {invalid && !disabled && (\n            \u003Cp className=\"typography-text-sm text-negative-700 font-medium mt-0.5\">{errorText}\u003C\u002Fp>\n          )}\n          {helpText && (\n            \u003Cp className={classNames('typography-hint-xs', disabled ? 'text-disabled-500' : 'text-neutral-500')}>\n              {helpText}\n            \u003C\u002Fp>\n          )}\n        \u003C\u002Fdiv>\n        {characterLimit && !readonly ? (\n          \u003Cp className={classNames('typography-error-xs', disabled ? 'text-disabled-500' : getCharacterLimitClass())}>\n            {charsCount}\n          \u003C\u002Fp>\n        ) : null}\n      \u003C\u002Fdiv>\n    \u003C\u002F>\n  );\n}\n",[3004],{"type":15,"tag":40,"props":3005,"children":3006},{"__ignoreMap":9},[3007,3038,3064,3106,3113,3137,3162,3185,3208,3231,3255,3278,3285,3336,3343,3389,3427,3435,3493,3549,3556,3613,3620,3631,3638,3653,3688,3699,3723,3738,3762,3787,3812,3828,3835,3850,3877,3892,3926,3981,3993,4013,4088,4104,4120,4131,4148,4183,4258,4276,4293,4315,4331,4339,4347],{"type":15,"tag":86,"props":3008,"children":3009},{"class":88,"line":89},[3010,3014,3018,3022,3026,3030,3034],{"type":15,"tag":86,"props":3011,"children":3012},{"style":358},[3013],{"type":21,"value":361},{"type":15,"tag":86,"props":3015,"children":3016},{"style":93},[3017],{"type":21,"value":366},{"type":15,"tag":86,"props":3019,"children":3020},{"style":99},[3021],{"type":21,"value":63},{"type":15,"tag":86,"props":3023,"children":3024},{"style":93},[3025],{"type":21,"value":375},{"type":15,"tag":86,"props":3027,"children":3028},{"style":358},[3029],{"type":21,"value":380},{"type":15,"tag":86,"props":3031,"children":3032},{"style":151},[3033],{"type":21,"value":447},{"type":15,"tag":86,"props":3035,"children":3036},{"style":93},[3037],{"type":21,"value":390},{"type":15,"tag":86,"props":3039,"children":3040},{"class":88,"line":109},[3041,3045,3050,3055,3060],{"type":15,"tag":86,"props":3042,"children":3043},{"style":358},[3044],{"type":21,"value":361},{"type":15,"tag":86,"props":3046,"children":3047},{"style":99},[3048],{"type":21,"value":3049}," classNames",{"type":15,"tag":86,"props":3051,"children":3052},{"style":358},[3053],{"type":21,"value":3054}," from",{"type":15,"tag":86,"props":3056,"children":3057},{"style":151},[3058],{"type":21,"value":3059}," 'classnames'",{"type":15,"tag":86,"props":3061,"children":3062},{"style":93},[3063],{"type":21,"value":390},{"type":15,"tag":86,"props":3065,"children":3066},{"class":88,"line":127},[3067,3071,3075,3080,3084,3089,3093,3097,3102],{"type":15,"tag":86,"props":3068,"children":3069},{"style":358},[3070],{"type":21,"value":361},{"type":15,"tag":86,"props":3072,"children":3073},{"style":93},[3074],{"type":21,"value":366},{"type":15,"tag":86,"props":3076,"children":3077},{"style":99},[3078],{"type":21,"value":3079},"ChangeEvent",{"type":15,"tag":86,"props":3081,"children":3082},{"style":93},[3083],{"type":21,"value":2564},{"type":15,"tag":86,"props":3085,"children":3086},{"style":99},[3087],{"type":21,"value":3088},"useState",{"type":15,"tag":86,"props":3090,"children":3091},{"style":93},[3092],{"type":21,"value":375},{"type":15,"tag":86,"props":3094,"children":3095},{"style":358},[3096],{"type":21,"value":380},{"type":15,"tag":86,"props":3098,"children":3099},{"style":151},[3100],{"type":21,"value":3101}," 'react'",{"type":15,"tag":86,"props":3103,"children":3104},{"style":93},[3105],{"type":21,"value":390},{"type":15,"tag":86,"props":3107,"children":3108},{"class":88,"line":170},[3109],{"type":15,"tag":86,"props":3110,"children":3111},{"emptyLinePlaceholder":8},[3112],{"type":21,"value":315},{"type":15,"tag":86,"props":3114,"children":3115},{"class":88,"line":183},[3116,3120,3124,3128,3133],{"type":15,"tag":86,"props":3117,"children":3118},{"style":358},[3119],{"type":21,"value":466},{"type":15,"tag":86,"props":3121,"children":3122},{"style":358},[3123],{"type":21,"value":471},{"type":15,"tag":86,"props":3125,"children":3126},{"style":358},[3127],{"type":21,"value":476},{"type":15,"tag":86,"props":3129,"children":3130},{"style":479},[3131],{"type":21,"value":3132}," TextareaWithLimit",{"type":15,"tag":86,"props":3134,"children":3135},{"style":93},[3136],{"type":21,"value":487},{"type":15,"tag":86,"props":3138,"children":3139},{"class":88,"line":192},[3140,3145,3149,3153,3158],{"type":15,"tag":86,"props":3141,"children":3142},{"style":358},[3143],{"type":21,"value":3144},"  const",{"type":15,"tag":86,"props":3146,"children":3147},{"style":573},[3148],{"type":21,"value":2640},{"type":15,"tag":86,"props":3150,"children":3151},{"style":545},[3152],{"type":21,"value":2645},{"type":15,"tag":86,"props":3154,"children":3155},{"style":140},[3156],{"type":21,"value":3157}," 25",{"type":15,"tag":86,"props":3159,"children":3160},{"style":93},[3161],{"type":21,"value":390},{"type":15,"tag":86,"props":3163,"children":3164},{"class":88,"line":210},[3165,3169,3173,3177,3181],{"type":15,"tag":86,"props":3166,"children":3167},{"style":358},[3168],{"type":21,"value":3144},{"type":15,"tag":86,"props":3170,"children":3171},{"style":573},[3172],{"type":21,"value":2712},{"type":15,"tag":86,"props":3174,"children":3175},{"style":545},[3176],{"type":21,"value":2645},{"type":15,"tag":86,"props":3178,"children":3179},{"style":140},[3180],{"type":21,"value":2721},{"type":15,"tag":86,"props":3182,"children":3183},{"style":93},[3184],{"type":21,"value":390},{"type":15,"tag":86,"props":3186,"children":3187},{"class":88,"line":228},[3188,3192,3196,3200,3204],{"type":15,"tag":86,"props":3189,"children":3190},{"style":358},[3191],{"type":21,"value":3144},{"type":15,"tag":86,"props":3193,"children":3194},{"style":573},[3195],{"type":21,"value":2738},{"type":15,"tag":86,"props":3197,"children":3198},{"style":545},[3199],{"type":21,"value":2645},{"type":15,"tag":86,"props":3201,"children":3202},{"style":140},[3203],{"type":21,"value":2721},{"type":15,"tag":86,"props":3205,"children":3206},{"style":93},[3207],{"type":21,"value":390},{"type":15,"tag":86,"props":3209,"children":3210},{"class":88,"line":237},[3211,3215,3219,3223,3227],{"type":15,"tag":86,"props":3212,"children":3213},{"style":358},[3214],{"type":21,"value":3144},{"type":15,"tag":86,"props":3216,"children":3217},{"style":573},[3218],{"type":21,"value":1389},{"type":15,"tag":86,"props":3220,"children":3221},{"style":545},[3222],{"type":21,"value":2645},{"type":15,"tag":86,"props":3224,"children":3225},{"style":140},[3226],{"type":21,"value":2721},{"type":15,"tag":86,"props":3228,"children":3229},{"style":93},[3230],{"type":21,"value":390},{"type":15,"tag":86,"props":3232,"children":3233},{"class":88,"line":254},[3234,3238,3242,3246,3251],{"type":15,"tag":86,"props":3235,"children":3236},{"style":358},[3237],{"type":21,"value":3144},{"type":15,"tag":86,"props":3239,"children":3240},{"style":573},[3241],{"type":21,"value":2787},{"type":15,"tag":86,"props":3243,"children":3244},{"style":545},[3245],{"type":21,"value":2645},{"type":15,"tag":86,"props":3247,"children":3248},{"style":151},[3249],{"type":21,"value":3250}," 'Help text'",{"type":15,"tag":86,"props":3252,"children":3253},{"style":93},[3254],{"type":21,"value":390},{"type":15,"tag":86,"props":3256,"children":3257},{"class":88,"line":292},[3258,3262,3266,3270,3274],{"type":15,"tag":86,"props":3259,"children":3260},{"style":358},[3261],{"type":21,"value":3144},{"type":15,"tag":86,"props":3263,"children":3264},{"style":573},[3265],{"type":21,"value":2813},{"type":15,"tag":86,"props":3267,"children":3268},{"style":545},[3269],{"type":21,"value":2645},{"type":15,"tag":86,"props":3271,"children":3272},{"style":151},[3273],{"type":21,"value":2822},{"type":15,"tag":86,"props":3275,"children":3276},{"style":93},[3277],{"type":21,"value":390},{"type":15,"tag":86,"props":3279,"children":3280},{"class":88,"line":309},[3281],{"type":15,"tag":86,"props":3282,"children":3283},{"emptyLinePlaceholder":8},[3284],{"type":21,"value":315},{"type":15,"tag":86,"props":3286,"children":3287},{"class":88,"line":318},[3288,3292,3297,3301,3305,3310,3315,3319,3324,3328,3332],{"type":15,"tag":86,"props":3289,"children":3290},{"style":358},[3291],{"type":21,"value":3144},{"type":15,"tag":86,"props":3293,"children":3294},{"style":93},[3295],{"type":21,"value":3296}," [",{"type":15,"tag":86,"props":3298,"children":3299},{"style":573},[3300],{"type":21,"value":2880},{"type":15,"tag":86,"props":3302,"children":3303},{"style":93},[3304],{"type":21,"value":2564},{"type":15,"tag":86,"props":3306,"children":3307},{"style":573},[3308],{"type":21,"value":3309},"setValue",{"type":15,"tag":86,"props":3311,"children":3312},{"style":93},[3313],{"type":21,"value":3314},"] ",{"type":15,"tag":86,"props":3316,"children":3317},{"style":545},[3318],{"type":21,"value":148},{"type":15,"tag":86,"props":3320,"children":3321},{"style":479},[3322],{"type":21,"value":3323}," useState",{"type":15,"tag":86,"props":3325,"children":3326},{"style":93},[3327],{"type":21,"value":2655},{"type":15,"tag":86,"props":3329,"children":3330},{"style":151},[3331],{"type":21,"value":2695},{"type":15,"tag":86,"props":3333,"children":3334},{"style":93},[3335],{"type":21,"value":2665},{"type":15,"tag":86,"props":3337,"children":3338},{"class":88,"line":354},[3339],{"type":15,"tag":86,"props":3340,"children":3341},{"emptyLinePlaceholder":8},[3342],{"type":21,"value":315},{"type":15,"tag":86,"props":3344,"children":3345},{"class":88,"line":393},[3346,3351,3356,3360,3366,3371,3375,3379,3384],{"type":15,"tag":86,"props":3347,"children":3348},{"style":358},[3349],{"type":21,"value":3350},"  function",{"type":15,"tag":86,"props":3352,"children":3353},{"style":479},[3354],{"type":21,"value":3355}," onChange",{"type":15,"tag":86,"props":3357,"children":3358},{"style":93},[3359],{"type":21,"value":2655},{"type":15,"tag":86,"props":3361,"children":3363},{"style":3362},"--shiki-default:#E06C75;--shiki-default-font-style:italic",[3364],{"type":21,"value":3365},"event",{"type":15,"tag":86,"props":3367,"children":3368},{"style":93},[3369],{"type":21,"value":3370},": ",{"type":15,"tag":86,"props":3372,"children":3373},{"style":573},[3374],{"type":21,"value":3079},{"type":15,"tag":86,"props":3376,"children":3377},{"style":93},[3378],{"type":21,"value":96},{"type":15,"tag":86,"props":3380,"children":3381},{"style":573},[3382],{"type":21,"value":3383},"HTMLTextAreaElement",{"type":15,"tag":86,"props":3385,"children":3386},{"style":93},[3387],{"type":21,"value":3388},">) {\n",{"type":15,"tag":86,"props":3390,"children":3391},{"class":88,"line":686},[3392,3397,3401,3405,3410,3415,3419,3423],{"type":15,"tag":86,"props":3393,"children":3394},{"style":479},[3395],{"type":21,"value":3396},"    setValue",{"type":15,"tag":86,"props":3398,"children":3399},{"style":93},[3400],{"type":21,"value":2655},{"type":15,"tag":86,"props":3402,"children":3403},{"style":573},[3404],{"type":21,"value":3365},{"type":15,"tag":86,"props":3406,"children":3407},{"style":93},[3408],{"type":21,"value":3409},"?.",{"type":15,"tag":86,"props":3411,"children":3412},{"style":573},[3413],{"type":21,"value":3414},"target",{"type":15,"tag":86,"props":3416,"children":3417},{"style":93},[3418],{"type":21,"value":2875},{"type":15,"tag":86,"props":3420,"children":3421},{"style":99},[3422],{"type":21,"value":2880},{"type":15,"tag":86,"props":3424,"children":3425},{"style":93},[3426],{"type":21,"value":2665},{"type":15,"tag":86,"props":3428,"children":3429},{"class":88,"line":695},[3430],{"type":15,"tag":86,"props":3431,"children":3432},{"style":93},[3433],{"type":21,"value":3434},"  }\n",{"type":15,"tag":86,"props":3436,"children":3437},{"class":88,"line":2338},[3438,3442,3446,3450,3454,3459,3464,3468,3472,3476,3480,3485,3489],{"type":15,"tag":86,"props":3439,"children":3440},{"style":358},[3441],{"type":21,"value":3144},{"type":15,"tag":86,"props":3443,"children":3444},{"style":573},[3445],{"type":21,"value":2847},{"type":15,"tag":86,"props":3447,"children":3448},{"style":545},[3449],{"type":21,"value":2645},{"type":15,"tag":86,"props":3451,"children":3452},{"style":99},[3453],{"type":21,"value":2640},{"type":15,"tag":86,"props":3455,"children":3456},{"style":358},[3457],{"type":21,"value":3458}," ?",{"type":15,"tag":86,"props":3460,"children":3461},{"style":573},[3462],{"type":21,"value":3463}," value",{"type":15,"tag":86,"props":3465,"children":3466},{"style":93},[3467],{"type":21,"value":2875},{"type":15,"tag":86,"props":3469,"children":3470},{"style":99},[3471],{"type":21,"value":2889},{"type":15,"tag":86,"props":3473,"children":3474},{"style":545},[3475],{"type":21,"value":2894},{"type":15,"tag":86,"props":3477,"children":3478},{"style":99},[3479],{"type":21,"value":2640},{"type":15,"tag":86,"props":3481,"children":3482},{"style":358},[3483],{"type":21,"value":3484}," :",{"type":15,"tag":86,"props":3486,"children":3487},{"style":140},[3488],{"type":21,"value":2721},{"type":15,"tag":86,"props":3490,"children":3491},{"style":93},[3492],{"type":21,"value":390},{"type":15,"tag":86,"props":3494,"children":3495},{"class":88,"line":2354},[3496,3500,3504,3508,3512,3516,3520,3524,3528,3532,3536,3540,3545],{"type":15,"tag":86,"props":3497,"children":3498},{"style":358},[3499],{"type":21,"value":3144},{"type":15,"tag":86,"props":3501,"children":3502},{"style":573},[3503],{"type":21,"value":2923},{"type":15,"tag":86,"props":3505,"children":3506},{"style":545},[3507],{"type":21,"value":2645},{"type":15,"tag":86,"props":3509,"children":3510},{"style":99},[3511],{"type":21,"value":2640},{"type":15,"tag":86,"props":3513,"children":3514},{"style":358},[3515],{"type":21,"value":3458},{"type":15,"tag":86,"props":3517,"children":3518},{"style":99},[3519],{"type":21,"value":2640},{"type":15,"tag":86,"props":3521,"children":3522},{"style":545},[3523],{"type":21,"value":2956},{"type":15,"tag":86,"props":3525,"children":3526},{"style":573},[3527],{"type":21,"value":3463},{"type":15,"tag":86,"props":3529,"children":3530},{"style":93},[3531],{"type":21,"value":2875},{"type":15,"tag":86,"props":3533,"children":3534},{"style":99},[3535],{"type":21,"value":2889},{"type":15,"tag":86,"props":3537,"children":3538},{"style":358},[3539],{"type":21,"value":3484},{"type":15,"tag":86,"props":3541,"children":3542},{"style":140},[3543],{"type":21,"value":3544}," null",{"type":15,"tag":86,"props":3546,"children":3547},{"style":93},[3548],{"type":21,"value":390},{"type":15,"tag":86,"props":3550,"children":3551},{"class":88,"line":2371},[3552],{"type":15,"tag":86,"props":3553,"children":3554},{"emptyLinePlaceholder":8},[3555],{"type":21,"value":315},{"type":15,"tag":86,"props":3557,"children":3558},{"class":88,"line":2384},[3559,3563,3568,3572,3577,3581,3586,3591,3595,3600,3604,3609],{"type":15,"tag":86,"props":3560,"children":3561},{"style":358},[3562],{"type":21,"value":3144},{"type":15,"tag":86,"props":3564,"children":3565},{"style":479},[3566],{"type":21,"value":3567}," getCharacterLimitClass",{"type":15,"tag":86,"props":3569,"children":3570},{"style":545},[3571],{"type":21,"value":2645},{"type":15,"tag":86,"props":3573,"children":3574},{"style":93},[3575],{"type":21,"value":3576}," () ",{"type":15,"tag":86,"props":3578,"children":3579},{"style":358},[3580],{"type":21,"value":2866},{"type":15,"tag":86,"props":3582,"children":3583},{"style":93},[3584],{"type":21,"value":3585}," (",{"type":15,"tag":86,"props":3587,"children":3588},{"style":99},[3589],{"type":21,"value":3590},"isAboveLimit",{"type":15,"tag":86,"props":3592,"children":3593},{"style":358},[3594],{"type":21,"value":3458},{"type":15,"tag":86,"props":3596,"children":3597},{"style":151},[3598],{"type":21,"value":3599}," 'text-negative-700 font-medium'",{"type":15,"tag":86,"props":3601,"children":3602},{"style":358},[3603],{"type":21,"value":3484},{"type":15,"tag":86,"props":3605,"children":3606},{"style":151},[3607],{"type":21,"value":3608}," 'text-neutral-500'",{"type":15,"tag":86,"props":3610,"children":3611},{"style":93},[3612],{"type":21,"value":2665},{"type":15,"tag":86,"props":3614,"children":3615},{"class":88,"line":2402},[3616],{"type":15,"tag":86,"props":3617,"children":3618},{"emptyLinePlaceholder":8},[3619],{"type":21,"value":315},{"type":15,"tag":86,"props":3621,"children":3622},{"class":88,"line":2420},[3623,3627],{"type":15,"tag":86,"props":3624,"children":3625},{"style":358},[3626],{"type":21,"value":495},{"type":15,"tag":86,"props":3628,"children":3629},{"style":93},[3630],{"type":21,"value":500},{"type":15,"tag":86,"props":3632,"children":3633},{"class":88,"line":2429},[3634],{"type":15,"tag":86,"props":3635,"children":3636},{"style":93},[3637],{"type":21,"value":508},{"type":15,"tag":86,"props":3639,"children":3640},{"class":88,"line":2438},[3641,3645,3649],{"type":15,"tag":86,"props":3642,"children":3643},{"style":93},[3644],{"type":21,"value":516},{"type":15,"tag":86,"props":3646,"children":3647},{"style":99},[3648],{"type":21,"value":120},{"type":15,"tag":86,"props":3650,"children":3651},{"style":93},[3652],{"type":21,"value":106},{"type":15,"tag":86,"props":3654,"children":3655},{"class":88,"line":2447},[3656,3660,3664,3668,3672,3676,3680,3684],{"type":15,"tag":86,"props":3657,"children":3658},{"style":93},[3659],{"type":21,"value":532},{"type":15,"tag":86,"props":3661,"children":3662},{"style":99},[3663],{"type":21,"value":86},{"type":15,"tag":86,"props":3665,"children":3666},{"style":539},[3667],{"type":21,"value":542},{"type":15,"tag":86,"props":3669,"children":3670},{"style":545},[3671],{"type":21,"value":148},{"type":15,"tag":86,"props":3673,"children":3674},{"style":151},[3675],{"type":21,"value":1361},{"type":15,"tag":86,"props":3677,"children":3678},{"style":93},[3679],{"type":21,"value":159},{"type":15,"tag":86,"props":3681,"children":3682},{"style":99},[3683],{"type":21,"value":86},{"type":15,"tag":86,"props":3685,"children":3686},{"style":93},[3687],{"type":21,"value":106},{"type":15,"tag":86,"props":3689,"children":3690},{"class":88,"line":2456},[3691,3695],{"type":15,"tag":86,"props":3692,"children":3693},{"style":93},[3694],{"type":21,"value":532},{"type":15,"tag":86,"props":3696,"children":3697},{"style":573},[3698],{"type":21,"value":180},{"type":15,"tag":86,"props":3700,"children":3701},{"class":88,"line":2465},[3702,3706,3710,3715,3719],{"type":15,"tag":86,"props":3703,"children":3704},{"style":539},[3705],{"type":21,"value":1164},{"type":15,"tag":86,"props":3707,"children":3708},{"style":545},[3709],{"type":21,"value":148},{"type":15,"tag":86,"props":3711,"children":3712},{"style":358},[3713],{"type":21,"value":3714},"{",{"type":15,"tag":86,"props":3716,"children":3717},{"style":99},[3718],{"type":21,"value":2880},{"type":15,"tag":86,"props":3720,"children":3721},{"style":358},[3722],{"type":21,"value":701},{"type":15,"tag":86,"props":3724,"children":3725},{"class":88,"line":2481},[3726,3730,3734],{"type":15,"tag":86,"props":3727,"children":3728},{"style":539},[3729],{"type":21,"value":591},{"type":15,"tag":86,"props":3731,"children":3732},{"style":545},[3733],{"type":21,"value":148},{"type":15,"tag":86,"props":3735,"children":3736},{"style":151},[3737],{"type":21,"value":207},{"type":15,"tag":86,"props":3739,"children":3740},{"class":88,"line":2497},[3741,3746,3750,3754,3758],{"type":15,"tag":86,"props":3742,"children":3743},{"style":539},[3744],{"type":21,"value":3745},"          invalid",{"type":15,"tag":86,"props":3747,"children":3748},{"style":545},[3749],{"type":21,"value":148},{"type":15,"tag":86,"props":3751,"children":3752},{"style":358},[3753],{"type":21,"value":3714},{"type":15,"tag":86,"props":3755,"children":3756},{"style":99},[3757],{"type":21,"value":1290},{"type":15,"tag":86,"props":3759,"children":3760},{"style":358},[3761],{"type":21,"value":701},{"type":15,"tag":86,"props":3763,"children":3764},{"class":88,"line":2513},[3765,3770,3774,3778,3783],{"type":15,"tag":86,"props":3766,"children":3767},{"style":539},[3768],{"type":21,"value":3769},"          disabled",{"type":15,"tag":86,"props":3771,"children":3772},{"style":545},[3773],{"type":21,"value":148},{"type":15,"tag":86,"props":3775,"children":3776},{"style":358},[3777],{"type":21,"value":3714},{"type":15,"tag":86,"props":3779,"children":3780},{"style":99},[3781],{"type":21,"value":3782},"disabled",{"type":15,"tag":86,"props":3784,"children":3785},{"style":358},[3786],{"type":21,"value":701},{"type":15,"tag":86,"props":3788,"children":3789},{"class":88,"line":2545},[3790,3795,3799,3803,3808],{"type":15,"tag":86,"props":3791,"children":3792},{"style":539},[3793],{"type":21,"value":3794},"          onChange",{"type":15,"tag":86,"props":3796,"children":3797},{"style":545},[3798],{"type":21,"value":148},{"type":15,"tag":86,"props":3800,"children":3801},{"style":358},[3802],{"type":21,"value":3714},{"type":15,"tag":86,"props":3804,"children":3805},{"style":99},[3806],{"type":21,"value":3807},"onChange",{"type":15,"tag":86,"props":3809,"children":3810},{"style":358},[3811],{"type":21,"value":701},{"type":15,"tag":86,"props":3813,"children":3814},{"class":88,"line":2589},[3815,3819,3823],{"type":15,"tag":86,"props":3816,"children":3817},{"style":539},[3818],{"type":21,"value":607},{"type":15,"tag":86,"props":3820,"children":3821},{"style":545},[3822],{"type":21,"value":148},{"type":15,"tag":86,"props":3824,"children":3825},{"style":151},[3826],{"type":21,"value":3827},"\"w-full mt-0.5 block\"\n",{"type":15,"tag":86,"props":3829,"children":3830},{"class":88,"line":2621},[3831],{"type":15,"tag":86,"props":3832,"children":3833},{"style":93},[3834],{"type":21,"value":623},{"type":15,"tag":86,"props":3836,"children":3837},{"class":88,"line":2629},[3838,3842,3846],{"type":15,"tag":86,"props":3839,"children":3840},{"style":93},[3841],{"type":21,"value":631},{"type":15,"tag":86,"props":3843,"children":3844},{"style":99},[3845],{"type":21,"value":120},{"type":15,"tag":86,"props":3847,"children":3848},{"style":93},[3849],{"type":21,"value":106},{"type":15,"tag":86,"props":3851,"children":3852},{"class":88,"line":2668},[3853,3857,3861,3865,3869,3873],{"type":15,"tag":86,"props":3854,"children":3855},{"style":93},[3856],{"type":21,"value":516},{"type":15,"tag":86,"props":3858,"children":3859},{"style":99},[3860],{"type":21,"value":1448},{"type":15,"tag":86,"props":3862,"children":3863},{"style":539},[3864],{"type":21,"value":542},{"type":15,"tag":86,"props":3866,"children":3867},{"style":545},[3868],{"type":21,"value":148},{"type":15,"tag":86,"props":3870,"children":3871},{"style":151},[3872],{"type":21,"value":1461},{"type":15,"tag":86,"props":3874,"children":3875},{"style":93},[3876],{"type":21,"value":106},{"type":15,"tag":86,"props":3878,"children":3879},{"class":88,"line":2702},[3880,3884,3888],{"type":15,"tag":86,"props":3881,"children":3882},{"style":93},[3883],{"type":21,"value":532},{"type":15,"tag":86,"props":3885,"children":3886},{"style":99},[3887],{"type":21,"value":1448},{"type":15,"tag":86,"props":3889,"children":3890},{"style":93},[3891],{"type":21,"value":106},{"type":15,"tag":86,"props":3893,"children":3894},{"class":88,"line":2728},[3895,3900,3904,3909,3914,3918,3922],{"type":15,"tag":86,"props":3896,"children":3897},{"style":358},[3898],{"type":21,"value":3899},"          {",{"type":15,"tag":86,"props":3901,"children":3902},{"style":99},[3903],{"type":21,"value":1290},{"type":15,"tag":86,"props":3905,"children":3906},{"style":545},[3907],{"type":21,"value":3908}," &&",{"type":15,"tag":86,"props":3910,"children":3911},{"style":545},[3912],{"type":21,"value":3913}," !",{"type":15,"tag":86,"props":3915,"children":3916},{"style":99},[3917],{"type":21,"value":3782},{"type":15,"tag":86,"props":3919,"children":3920},{"style":545},[3921],{"type":21,"value":3908},{"type":15,"tag":86,"props":3923,"children":3924},{"style":93},[3925],{"type":21,"value":500},{"type":15,"tag":86,"props":3927,"children":3928},{"class":88,"line":2753},[3929,3934,3938,3942,3946,3950,3955,3959,3964,3969,3973,3977],{"type":15,"tag":86,"props":3930,"children":3931},{"style":93},[3932],{"type":21,"value":3933},"            \u003C",{"type":15,"tag":86,"props":3935,"children":3936},{"style":99},[3937],{"type":21,"value":34},{"type":15,"tag":86,"props":3939,"children":3940},{"style":539},[3941],{"type":21,"value":542},{"type":15,"tag":86,"props":3943,"children":3944},{"style":545},[3945],{"type":21,"value":148},{"type":15,"tag":86,"props":3947,"children":3948},{"style":151},[3949],{"type":21,"value":2285},{"type":15,"tag":86,"props":3951,"children":3952},{"style":93},[3953],{"type":21,"value":3954},">",{"type":15,"tag":86,"props":3956,"children":3957},{"style":358},[3958],{"type":21,"value":3714},{"type":15,"tag":86,"props":3960,"children":3961},{"style":99},[3962],{"type":21,"value":3963},"errorText",{"type":15,"tag":86,"props":3965,"children":3966},{"style":358},[3967],{"type":21,"value":3968},"}",{"type":15,"tag":86,"props":3970,"children":3971},{"style":93},[3972],{"type":21,"value":298},{"type":15,"tag":86,"props":3974,"children":3975},{"style":99},[3976],{"type":21,"value":34},{"type":15,"tag":86,"props":3978,"children":3979},{"style":93},[3980],{"type":21,"value":106},{"type":15,"tag":86,"props":3982,"children":3983},{"class":88,"line":2777},[3984,3989],{"type":15,"tag":86,"props":3985,"children":3986},{"style":93},[3987],{"type":21,"value":3988},"          )",{"type":15,"tag":86,"props":3990,"children":3991},{"style":358},[3992],{"type":21,"value":701},{"type":15,"tag":86,"props":3994,"children":3995},{"class":88,"line":2803},[3996,4000,4005,4009],{"type":15,"tag":86,"props":3997,"children":3998},{"style":358},[3999],{"type":21,"value":3899},{"type":15,"tag":86,"props":4001,"children":4002},{"style":99},[4003],{"type":21,"value":4004},"helpText",{"type":15,"tag":86,"props":4006,"children":4007},{"style":545},[4008],{"type":21,"value":3908},{"type":15,"tag":86,"props":4010,"children":4011},{"style":93},[4012],{"type":21,"value":500},{"type":15,"tag":86,"props":4014,"children":4015},{"class":88,"line":2829},[4016,4020,4024,4028,4032,4036,4041,4045,4050,4054,4058,4062,4067,4071,4075,4080,4084],{"type":15,"tag":86,"props":4017,"children":4018},{"style":93},[4019],{"type":21,"value":3933},{"type":15,"tag":86,"props":4021,"children":4022},{"style":99},[4023],{"type":21,"value":34},{"type":15,"tag":86,"props":4025,"children":4026},{"style":539},[4027],{"type":21,"value":542},{"type":15,"tag":86,"props":4029,"children":4030},{"style":545},[4031],{"type":21,"value":148},{"type":15,"tag":86,"props":4033,"children":4034},{"style":358},[4035],{"type":21,"value":3714},{"type":15,"tag":86,"props":4037,"children":4038},{"style":479},[4039],{"type":21,"value":4040},"classNames",{"type":15,"tag":86,"props":4042,"children":4043},{"style":93},[4044],{"type":21,"value":2655},{"type":15,"tag":86,"props":4046,"children":4047},{"style":151},[4048],{"type":21,"value":4049},"'typography-hint-xs'",{"type":15,"tag":86,"props":4051,"children":4052},{"style":93},[4053],{"type":21,"value":2564},{"type":15,"tag":86,"props":4055,"children":4056},{"style":99},[4057],{"type":21,"value":3782},{"type":15,"tag":86,"props":4059,"children":4060},{"style":358},[4061],{"type":21,"value":3458},{"type":15,"tag":86,"props":4063,"children":4064},{"style":151},[4065],{"type":21,"value":4066}," 'text-disabled-500'",{"type":15,"tag":86,"props":4068,"children":4069},{"style":358},[4070],{"type":21,"value":3484},{"type":15,"tag":86,"props":4072,"children":4073},{"style":151},[4074],{"type":21,"value":3608},{"type":15,"tag":86,"props":4076,"children":4077},{"style":93},[4078],{"type":21,"value":4079},")",{"type":15,"tag":86,"props":4081,"children":4082},{"style":358},[4083],{"type":21,"value":3968},{"type":15,"tag":86,"props":4085,"children":4086},{"style":93},[4087],{"type":21,"value":106},{"type":15,"tag":86,"props":4089,"children":4090},{"class":88,"line":2837},[4091,4096,4100],{"type":15,"tag":86,"props":4092,"children":4093},{"style":358},[4094],{"type":21,"value":4095},"              {",{"type":15,"tag":86,"props":4097,"children":4098},{"style":99},[4099],{"type":21,"value":4004},{"type":15,"tag":86,"props":4101,"children":4102},{"style":358},[4103],{"type":21,"value":701},{"type":15,"tag":86,"props":4105,"children":4106},{"class":88,"line":2913},[4107,4112,4116],{"type":15,"tag":86,"props":4108,"children":4109},{"style":93},[4110],{"type":21,"value":4111},"            \u003C\u002F",{"type":15,"tag":86,"props":4113,"children":4114},{"style":99},[4115],{"type":21,"value":34},{"type":15,"tag":86,"props":4117,"children":4118},{"style":93},[4119],{"type":21,"value":106},{"type":15,"tag":86,"props":4121,"children":4122},{"class":88,"line":2983},[4123,4127],{"type":15,"tag":86,"props":4124,"children":4125},{"style":93},[4126],{"type":21,"value":3988},{"type":15,"tag":86,"props":4128,"children":4129},{"style":358},[4130],{"type":21,"value":701},{"type":15,"tag":86,"props":4132,"children":4134},{"class":88,"line":4133},46,[4135,4140,4144],{"type":15,"tag":86,"props":4136,"children":4137},{"style":93},[4138],{"type":21,"value":4139},"        \u003C\u002F",{"type":15,"tag":86,"props":4141,"children":4142},{"style":99},[4143],{"type":21,"value":1448},{"type":15,"tag":86,"props":4145,"children":4146},{"style":93},[4147],{"type":21,"value":106},{"type":15,"tag":86,"props":4149,"children":4151},{"class":88,"line":4150},47,[4152,4157,4162,4166,4170,4175,4179],{"type":15,"tag":86,"props":4153,"children":4154},{"style":358},[4155],{"type":21,"value":4156},"        {",{"type":15,"tag":86,"props":4158,"children":4159},{"style":99},[4160],{"type":21,"value":4161},"characterLimit",{"type":15,"tag":86,"props":4163,"children":4164},{"style":545},[4165],{"type":21,"value":3908},{"type":15,"tag":86,"props":4167,"children":4168},{"style":545},[4169],{"type":21,"value":3913},{"type":15,"tag":86,"props":4171,"children":4172},{"style":99},[4173],{"type":21,"value":4174},"readonly",{"type":15,"tag":86,"props":4176,"children":4177},{"style":358},[4178],{"type":21,"value":3458},{"type":15,"tag":86,"props":4180,"children":4181},{"style":93},[4182],{"type":21,"value":500},{"type":15,"tag":86,"props":4184,"children":4186},{"class":88,"line":4185},48,[4187,4192,4196,4200,4204,4208,4212,4216,4221,4225,4229,4233,4237,4241,4245,4250,4254],{"type":15,"tag":86,"props":4188,"children":4189},{"style":93},[4190],{"type":21,"value":4191},"          \u003C",{"type":15,"tag":86,"props":4193,"children":4194},{"style":99},[4195],{"type":21,"value":34},{"type":15,"tag":86,"props":4197,"children":4198},{"style":539},[4199],{"type":21,"value":542},{"type":15,"tag":86,"props":4201,"children":4202},{"style":545},[4203],{"type":21,"value":148},{"type":15,"tag":86,"props":4205,"children":4206},{"style":358},[4207],{"type":21,"value":3714},{"type":15,"tag":86,"props":4209,"children":4210},{"style":479},[4211],{"type":21,"value":4040},{"type":15,"tag":86,"props":4213,"children":4214},{"style":93},[4215],{"type":21,"value":2655},{"type":15,"tag":86,"props":4217,"children":4218},{"style":151},[4219],{"type":21,"value":4220},"'typography-error-xs'",{"type":15,"tag":86,"props":4222,"children":4223},{"style":93},[4224],{"type":21,"value":2564},{"type":15,"tag":86,"props":4226,"children":4227},{"style":99},[4228],{"type":21,"value":3782},{"type":15,"tag":86,"props":4230,"children":4231},{"style":358},[4232],{"type":21,"value":3458},{"type":15,"tag":86,"props":4234,"children":4235},{"style":151},[4236],{"type":21,"value":4066},{"type":15,"tag":86,"props":4238,"children":4239},{"style":358},[4240],{"type":21,"value":3484},{"type":15,"tag":86,"props":4242,"children":4243},{"style":479},[4244],{"type":21,"value":3567},{"type":15,"tag":86,"props":4246,"children":4247},{"style":93},[4248],{"type":21,"value":4249},"())",{"type":15,"tag":86,"props":4251,"children":4252},{"style":358},[4253],{"type":21,"value":3968},{"type":15,"tag":86,"props":4255,"children":4256},{"style":93},[4257],{"type":21,"value":106},{"type":15,"tag":86,"props":4259,"children":4261},{"class":88,"line":4260},49,[4262,4267,4272],{"type":15,"tag":86,"props":4263,"children":4264},{"style":358},[4265],{"type":21,"value":4266},"            {",{"type":15,"tag":86,"props":4268,"children":4269},{"style":99},[4270],{"type":21,"value":4271},"charsCount",{"type":15,"tag":86,"props":4273,"children":4274},{"style":358},[4275],{"type":21,"value":701},{"type":15,"tag":86,"props":4277,"children":4279},{"class":88,"line":4278},50,[4280,4285,4289],{"type":15,"tag":86,"props":4281,"children":4282},{"style":93},[4283],{"type":21,"value":4284},"          \u003C\u002F",{"type":15,"tag":86,"props":4286,"children":4287},{"style":99},[4288],{"type":21,"value":34},{"type":15,"tag":86,"props":4290,"children":4291},{"style":93},[4292],{"type":21,"value":106},{"type":15,"tag":86,"props":4294,"children":4296},{"class":88,"line":4295},51,[4297,4302,4307,4311],{"type":15,"tag":86,"props":4298,"children":4299},{"style":93},[4300],{"type":21,"value":4301},"        ) ",{"type":15,"tag":86,"props":4303,"children":4304},{"style":358},[4305],{"type":21,"value":4306},":",{"type":15,"tag":86,"props":4308,"children":4309},{"style":140},[4310],{"type":21,"value":3544},{"type":15,"tag":86,"props":4312,"children":4313},{"style":358},[4314],{"type":21,"value":701},{"type":15,"tag":86,"props":4316,"children":4318},{"class":88,"line":4317},52,[4319,4323,4327],{"type":15,"tag":86,"props":4320,"children":4321},{"style":93},[4322],{"type":21,"value":631},{"type":15,"tag":86,"props":4324,"children":4325},{"style":99},[4326],{"type":21,"value":1448},{"type":15,"tag":86,"props":4328,"children":4329},{"style":93},[4330],{"type":21,"value":106},{"type":15,"tag":86,"props":4332,"children":4334},{"class":88,"line":4333},53,[4335],{"type":15,"tag":86,"props":4336,"children":4337},{"style":93},[4338],{"type":21,"value":683},{"type":15,"tag":86,"props":4340,"children":4342},{"class":88,"line":4341},54,[4343],{"type":15,"tag":86,"props":4344,"children":4345},{"style":93},[4346],{"type":21,"value":692},{"type":15,"tag":86,"props":4348,"children":4350},{"class":88,"line":4349},55,[4351],{"type":15,"tag":86,"props":4352,"children":4353},{"style":93},[4354],{"type":21,"value":701},{"type":15,"tag":49,"props":4356,"children":4358},{"id":4357},"textarea-with-autoresize",[4359],{"type":21,"value":4360},"Textarea with autoresize",{"type":15,"tag":34,"props":4362,"children":4363},{},[4364,4366,4379],{"type":21,"value":4365},"The Textarea component supports autoresizing based on the content entered by the user. As the user types or deletes text, the height of the textarea adjusts automatically to fit the content, eliminating the need for scrollbars. In the example below we use ",{"type":15,"tag":4367,"props":4368,"children":4372},"a",{"href":4369,"rel":4370},"https:\u002F\u002Fwww.frsource.org\u002Fautoresize-textarea\u002F",[4371],"nofollow",[4373],{"type":15,"tag":40,"props":4374,"children":4376},{"className":4375},[],[4377],{"type":21,"value":4378},"@frsource\u002Fautoresize-textarea",{"type":21,"value":4380}," library to provide this feature.",{"type":15,"tag":67,"props":4382,"children":4384},{"showcase-name":4383},"Textarea\u002FTextareaAutoresize",[4385,4846],{"type":15,"tag":72,"props":4386,"children":4387},{},[4388],{"type":15,"tag":76,"props":4389,"children":4391},{"className":78,"code":4390,"language":80,"meta":9,"style":9},"\u003Ctemplate>\n  \u003Clabel>\n    \u003Cspan class=\"typography-text-sm font-medium\">Description\u003C\u002Fspan>\n    \u003CSfTextarea ref=\"textareaRef\" class=\"w-full h-max-[500px] block\" \u002F>\n  \u003C\u002Flabel>\n  \u003Cp class=\"typography-hint-xs text-neutral-500 mt-0.5\">Do not include personal or financial information.\u003C\u002Fp>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nimport { SfTextarea } from '@storefront-ui\u002Fvue';\nimport { attach } from '@frsource\u002Fautoresize-textarea';\nimport { ref, onMounted } from 'vue';\nimport { unrefElement } from '@vueuse\u002Fcore';\n\nconst textareaRef = ref();\nonMounted(() => {\n  attach(unrefElement(textareaRef));\n});\n\u003C\u002Fscript>\n\n",[4392],{"type":15,"tag":40,"props":4393,"children":4394},{"__ignoreMap":9},[4395,4410,4425,4460,4501,4516,4551,4566,4573,4604,4635,4668,4708,4741,4748,4773,4793,4823,4831],{"type":15,"tag":86,"props":4396,"children":4397},{"class":88,"line":89},[4398,4402,4406],{"type":15,"tag":86,"props":4399,"children":4400},{"style":93},[4401],{"type":21,"value":96},{"type":15,"tag":86,"props":4403,"children":4404},{"style":99},[4405],{"type":21,"value":30},{"type":15,"tag":86,"props":4407,"children":4408},{"style":93},[4409],{"type":21,"value":106},{"type":15,"tag":86,"props":4411,"children":4412},{"class":88,"line":109},[4413,4417,4421],{"type":15,"tag":86,"props":4414,"children":4415},{"style":93},[4416],{"type":21,"value":115},{"type":15,"tag":86,"props":4418,"children":4419},{"style":99},[4420],{"type":21,"value":120},{"type":15,"tag":86,"props":4422,"children":4423},{"style":93},[4424],{"type":21,"value":106},{"type":15,"tag":86,"props":4426,"children":4427},{"class":88,"line":127},[4428,4432,4436,4440,4444,4448,4452,4456],{"type":15,"tag":86,"props":4429,"children":4430},{"style":93},[4431],{"type":21,"value":133},{"type":15,"tag":86,"props":4433,"children":4434},{"style":99},[4435],{"type":21,"value":86},{"type":15,"tag":86,"props":4437,"children":4438},{"style":140},[4439],{"type":21,"value":143},{"type":15,"tag":86,"props":4441,"children":4442},{"style":93},[4443],{"type":21,"value":148},{"type":15,"tag":86,"props":4445,"children":4446},{"style":151},[4447],{"type":21,"value":785},{"type":15,"tag":86,"props":4449,"children":4450},{"style":93},[4451],{"type":21,"value":159},{"type":15,"tag":86,"props":4453,"children":4454},{"style":99},[4455],{"type":21,"value":86},{"type":15,"tag":86,"props":4457,"children":4458},{"style":93},[4459],{"type":21,"value":106},{"type":15,"tag":86,"props":4461,"children":4462},{"class":88,"line":170},[4463,4467,4471,4475,4479,4484,4488,4492,4497],{"type":15,"tag":86,"props":4464,"children":4465},{"style":93},[4466],{"type":21,"value":133},{"type":15,"tag":86,"props":4468,"children":4469},{"style":99},[4470],{"type":21,"value":63},{"type":15,"tag":86,"props":4472,"children":4473},{"style":140},[4474],{"type":21,"value":2650},{"type":15,"tag":86,"props":4476,"children":4477},{"style":93},[4478],{"type":21,"value":148},{"type":15,"tag":86,"props":4480,"children":4481},{"style":151},[4482],{"type":21,"value":4483},"\"textareaRef\"",{"type":15,"tag":86,"props":4485,"children":4486},{"style":140},[4487],{"type":21,"value":143},{"type":15,"tag":86,"props":4489,"children":4490},{"style":93},[4491],{"type":21,"value":148},{"type":15,"tag":86,"props":4493,"children":4494},{"style":151},[4495],{"type":21,"value":4496},"\"w-full h-max-[500px] block\"",{"type":15,"tag":86,"props":4498,"children":4499},{"style":93},[4500],{"type":21,"value":1421},{"type":15,"tag":86,"props":4502,"children":4503},{"class":88,"line":183},[4504,4508,4512],{"type":15,"tag":86,"props":4505,"children":4506},{"style":93},[4507],{"type":21,"value":243},{"type":15,"tag":86,"props":4509,"children":4510},{"style":99},[4511],{"type":21,"value":120},{"type":15,"tag":86,"props":4513,"children":4514},{"style":93},[4515],{"type":21,"value":106},{"type":15,"tag":86,"props":4517,"children":4518},{"class":88,"line":192},[4519,4523,4527,4531,4535,4539,4543,4547],{"type":15,"tag":86,"props":4520,"children":4521},{"style":93},[4522],{"type":21,"value":115},{"type":15,"tag":86,"props":4524,"children":4525},{"style":99},[4526],{"type":21,"value":34},{"type":15,"tag":86,"props":4528,"children":4529},{"style":140},[4530],{"type":21,"value":143},{"type":15,"tag":86,"props":4532,"children":4533},{"style":93},[4534],{"type":21,"value":148},{"type":15,"tag":86,"props":4536,"children":4537},{"style":151},[4538],{"type":21,"value":894},{"type":15,"tag":86,"props":4540,"children":4541},{"style":93},[4542],{"type":21,"value":281},{"type":15,"tag":86,"props":4544,"children":4545},{"style":99},[4546],{"type":21,"value":34},{"type":15,"tag":86,"props":4548,"children":4549},{"style":93},[4550],{"type":21,"value":106},{"type":15,"tag":86,"props":4552,"children":4553},{"class":88,"line":210},[4554,4558,4562],{"type":15,"tag":86,"props":4555,"children":4556},{"style":93},[4557],{"type":21,"value":298},{"type":15,"tag":86,"props":4559,"children":4560},{"style":99},[4561],{"type":21,"value":30},{"type":15,"tag":86,"props":4563,"children":4564},{"style":93},[4565],{"type":21,"value":106},{"type":15,"tag":86,"props":4567,"children":4568},{"class":88,"line":228},[4569],{"type":15,"tag":86,"props":4570,"children":4571},{"emptyLinePlaceholder":8},[4572],{"type":21,"value":315},{"type":15,"tag":86,"props":4574,"children":4575},{"class":88,"line":237},[4576,4580,4584,4588,4592,4596,4600],{"type":15,"tag":86,"props":4577,"children":4578},{"style":93},[4579],{"type":21,"value":96},{"type":15,"tag":86,"props":4581,"children":4582},{"style":99},[4583],{"type":21,"value":328},{"type":15,"tag":86,"props":4585,"children":4586},{"style":140},[4587],{"type":21,"value":347},{"type":15,"tag":86,"props":4589,"children":4590},{"style":140},[4591],{"type":21,"value":333},{"type":15,"tag":86,"props":4593,"children":4594},{"style":93},[4595],{"type":21,"value":148},{"type":15,"tag":86,"props":4597,"children":4598},{"style":151},[4599],{"type":21,"value":342},{"type":15,"tag":86,"props":4601,"children":4602},{"style":93},[4603],{"type":21,"value":106},{"type":15,"tag":86,"props":4605,"children":4606},{"class":88,"line":254},[4607,4611,4615,4619,4623,4627,4631],{"type":15,"tag":86,"props":4608,"children":4609},{"style":358},[4610],{"type":21,"value":361},{"type":15,"tag":86,"props":4612,"children":4613},{"style":93},[4614],{"type":21,"value":366},{"type":15,"tag":86,"props":4616,"children":4617},{"style":99},[4618],{"type":21,"value":63},{"type":15,"tag":86,"props":4620,"children":4621},{"style":93},[4622],{"type":21,"value":375},{"type":15,"tag":86,"props":4624,"children":4625},{"style":358},[4626],{"type":21,"value":380},{"type":15,"tag":86,"props":4628,"children":4629},{"style":151},[4630],{"type":21,"value":385},{"type":15,"tag":86,"props":4632,"children":4633},{"style":93},[4634],{"type":21,"value":390},{"type":15,"tag":86,"props":4636,"children":4637},{"class":88,"line":292},[4638,4642,4646,4651,4655,4659,4664],{"type":15,"tag":86,"props":4639,"children":4640},{"style":358},[4641],{"type":21,"value":361},{"type":15,"tag":86,"props":4643,"children":4644},{"style":93},[4645],{"type":21,"value":366},{"type":15,"tag":86,"props":4647,"children":4648},{"style":99},[4649],{"type":21,"value":4650},"attach",{"type":15,"tag":86,"props":4652,"children":4653},{"style":93},[4654],{"type":21,"value":375},{"type":15,"tag":86,"props":4656,"children":4657},{"style":358},[4658],{"type":21,"value":380},{"type":15,"tag":86,"props":4660,"children":4661},{"style":151},[4662],{"type":21,"value":4663}," '@frsource\u002Fautoresize-textarea'",{"type":15,"tag":86,"props":4665,"children":4666},{"style":93},[4667],{"type":21,"value":390},{"type":15,"tag":86,"props":4669,"children":4670},{"class":88,"line":309},[4671,4675,4679,4683,4687,4692,4696,4700,4704],{"type":15,"tag":86,"props":4672,"children":4673},{"style":358},[4674],{"type":21,"value":361},{"type":15,"tag":86,"props":4676,"children":4677},{"style":93},[4678],{"type":21,"value":366},{"type":15,"tag":86,"props":4680,"children":4681},{"style":99},[4682],{"type":21,"value":2559},{"type":15,"tag":86,"props":4684,"children":4685},{"style":93},[4686],{"type":21,"value":2564},{"type":15,"tag":86,"props":4688,"children":4689},{"style":99},[4690],{"type":21,"value":4691},"onMounted",{"type":15,"tag":86,"props":4693,"children":4694},{"style":93},[4695],{"type":21,"value":375},{"type":15,"tag":86,"props":4697,"children":4698},{"style":358},[4699],{"type":21,"value":380},{"type":15,"tag":86,"props":4701,"children":4702},{"style":151},[4703],{"type":21,"value":2582},{"type":15,"tag":86,"props":4705,"children":4706},{"style":93},[4707],{"type":21,"value":390},{"type":15,"tag":86,"props":4709,"children":4710},{"class":88,"line":318},[4711,4715,4719,4724,4728,4732,4737],{"type":15,"tag":86,"props":4712,"children":4713},{"style":358},[4714],{"type":21,"value":361},{"type":15,"tag":86,"props":4716,"children":4717},{"style":93},[4718],{"type":21,"value":366},{"type":15,"tag":86,"props":4720,"children":4721},{"style":99},[4722],{"type":21,"value":4723},"unrefElement",{"type":15,"tag":86,"props":4725,"children":4726},{"style":93},[4727],{"type":21,"value":375},{"type":15,"tag":86,"props":4729,"children":4730},{"style":358},[4731],{"type":21,"value":380},{"type":15,"tag":86,"props":4733,"children":4734},{"style":151},[4735],{"type":21,"value":4736}," '@vueuse\u002Fcore'",{"type":15,"tag":86,"props":4738,"children":4739},{"style":93},[4740],{"type":21,"value":390},{"type":15,"tag":86,"props":4742,"children":4743},{"class":88,"line":354},[4744],{"type":15,"tag":86,"props":4745,"children":4746},{"emptyLinePlaceholder":8},[4747],{"type":21,"value":315},{"type":15,"tag":86,"props":4749,"children":4750},{"class":88,"line":393},[4751,4755,4760,4764,4768],{"type":15,"tag":86,"props":4752,"children":4753},{"style":358},[4754],{"type":21,"value":2635},{"type":15,"tag":86,"props":4756,"children":4757},{"style":573},[4758],{"type":21,"value":4759}," textareaRef",{"type":15,"tag":86,"props":4761,"children":4762},{"style":545},[4763],{"type":21,"value":2645},{"type":15,"tag":86,"props":4765,"children":4766},{"style":479},[4767],{"type":21,"value":2650},{"type":15,"tag":86,"props":4769,"children":4770},{"style":93},[4771],{"type":21,"value":4772},"();\n",{"type":15,"tag":86,"props":4774,"children":4775},{"class":88,"line":686},[4776,4780,4784,4788],{"type":15,"tag":86,"props":4777,"children":4778},{"style":479},[4779],{"type":21,"value":4691},{"type":15,"tag":86,"props":4781,"children":4782},{"style":93},[4783],{"type":21,"value":2861},{"type":15,"tag":86,"props":4785,"children":4786},{"style":358},[4787],{"type":21,"value":2866},{"type":15,"tag":86,"props":4789,"children":4790},{"style":93},[4791],{"type":21,"value":4792}," {\n",{"type":15,"tag":86,"props":4794,"children":4795},{"class":88,"line":695},[4796,4801,4805,4809,4813,4818],{"type":15,"tag":86,"props":4797,"children":4798},{"style":479},[4799],{"type":21,"value":4800},"  attach",{"type":15,"tag":86,"props":4802,"children":4803},{"style":93},[4804],{"type":21,"value":2655},{"type":15,"tag":86,"props":4806,"children":4807},{"style":479},[4808],{"type":21,"value":4723},{"type":15,"tag":86,"props":4810,"children":4811},{"style":93},[4812],{"type":21,"value":2655},{"type":15,"tag":86,"props":4814,"children":4815},{"style":99},[4816],{"type":21,"value":4817},"textareaRef",{"type":15,"tag":86,"props":4819,"children":4820},{"style":93},[4821],{"type":21,"value":4822},"));\n",{"type":15,"tag":86,"props":4824,"children":4825},{"class":88,"line":2338},[4826],{"type":15,"tag":86,"props":4827,"children":4828},{"style":93},[4829],{"type":21,"value":4830},"});\n",{"type":15,"tag":86,"props":4832,"children":4833},{"class":88,"line":2354},[4834,4838,4842],{"type":15,"tag":86,"props":4835,"children":4836},{"style":93},[4837],{"type":21,"value":298},{"type":15,"tag":86,"props":4839,"children":4840},{"style":99},[4841],{"type":21,"value":328},{"type":15,"tag":86,"props":4843,"children":4844},{"style":93},[4845],{"type":21,"value":106},{"type":15,"tag":408,"props":4847,"children":4848},{},[4849],{"type":15,"tag":76,"props":4850,"children":4852},{"className":413,"code":4851,"language":415,"meta":9,"style":9},"import { SfTextarea } from '@storefront-ui\u002Freact';\nimport { attach } from '@frsource\u002Fautoresize-textarea';\nimport { useEffect, useRef } from 'react';\n\nexport default function TextareaAutoresize() {\n  const textareaRef = useRef\u003CHTMLTextAreaElement>(null);\n  useEffect(() => {\n    if (textareaRef.current) {\n      attach(textareaRef.current);\n    }\n  }, []);\n  return (\n    \u003C>\n      \u003Clabel>\n        \u003Cspan className=\"typography-text-sm font-medium\">Description\u003C\u002Fspan>\n        \u003CSfTextarea ref={textareaRef} className=\"w-full h-max-[500px] block\" size=\"sm\" aria-label=\"Label size sm\" \u002F>\n      \u003C\u002Flabel>\n      \u003Cp className=\"typography-hint-xs text-neutral-500 mt-0.5\">Do not include personal or financial information.\u003C\u002Fp>\n    \u003C\u002F>\n  );\n}\n",[4853],{"type":15,"tag":40,"props":4854,"children":4855},{"__ignoreMap":9},[4856,4887,4918,4959,4966,4990,5032,5052,5082,5110,5118,5126,5137,5144,5159,5194,5269,5284,5319,5326,5333],{"type":15,"tag":86,"props":4857,"children":4858},{"class":88,"line":89},[4859,4863,4867,4871,4875,4879,4883],{"type":15,"tag":86,"props":4860,"children":4861},{"style":358},[4862],{"type":21,"value":361},{"type":15,"tag":86,"props":4864,"children":4865},{"style":93},[4866],{"type":21,"value":366},{"type":15,"tag":86,"props":4868,"children":4869},{"style":99},[4870],{"type":21,"value":63},{"type":15,"tag":86,"props":4872,"children":4873},{"style":93},[4874],{"type":21,"value":375},{"type":15,"tag":86,"props":4876,"children":4877},{"style":358},[4878],{"type":21,"value":380},{"type":15,"tag":86,"props":4880,"children":4881},{"style":151},[4882],{"type":21,"value":447},{"type":15,"tag":86,"props":4884,"children":4885},{"style":93},[4886],{"type":21,"value":390},{"type":15,"tag":86,"props":4888,"children":4889},{"class":88,"line":109},[4890,4894,4898,4902,4906,4910,4914],{"type":15,"tag":86,"props":4891,"children":4892},{"style":358},[4893],{"type":21,"value":361},{"type":15,"tag":86,"props":4895,"children":4896},{"style":93},[4897],{"type":21,"value":366},{"type":15,"tag":86,"props":4899,"children":4900},{"style":99},[4901],{"type":21,"value":4650},{"type":15,"tag":86,"props":4903,"children":4904},{"style":93},[4905],{"type":21,"value":375},{"type":15,"tag":86,"props":4907,"children":4908},{"style":358},[4909],{"type":21,"value":380},{"type":15,"tag":86,"props":4911,"children":4912},{"style":151},[4913],{"type":21,"value":4663},{"type":15,"tag":86,"props":4915,"children":4916},{"style":93},[4917],{"type":21,"value":390},{"type":15,"tag":86,"props":4919,"children":4920},{"class":88,"line":127},[4921,4925,4929,4934,4938,4943,4947,4951,4955],{"type":15,"tag":86,"props":4922,"children":4923},{"style":358},[4924],{"type":21,"value":361},{"type":15,"tag":86,"props":4926,"children":4927},{"style":93},[4928],{"type":21,"value":366},{"type":15,"tag":86,"props":4930,"children":4931},{"style":99},[4932],{"type":21,"value":4933},"useEffect",{"type":15,"tag":86,"props":4935,"children":4936},{"style":93},[4937],{"type":21,"value":2564},{"type":15,"tag":86,"props":4939,"children":4940},{"style":99},[4941],{"type":21,"value":4942},"useRef",{"type":15,"tag":86,"props":4944,"children":4945},{"style":93},[4946],{"type":21,"value":375},{"type":15,"tag":86,"props":4948,"children":4949},{"style":358},[4950],{"type":21,"value":380},{"type":15,"tag":86,"props":4952,"children":4953},{"style":151},[4954],{"type":21,"value":3101},{"type":15,"tag":86,"props":4956,"children":4957},{"style":93},[4958],{"type":21,"value":390},{"type":15,"tag":86,"props":4960,"children":4961},{"class":88,"line":170},[4962],{"type":15,"tag":86,"props":4963,"children":4964},{"emptyLinePlaceholder":8},[4965],{"type":21,"value":315},{"type":15,"tag":86,"props":4967,"children":4968},{"class":88,"line":183},[4969,4973,4977,4981,4986],{"type":15,"tag":86,"props":4970,"children":4971},{"style":358},[4972],{"type":21,"value":466},{"type":15,"tag":86,"props":4974,"children":4975},{"style":358},[4976],{"type":21,"value":471},{"type":15,"tag":86,"props":4978,"children":4979},{"style":358},[4980],{"type":21,"value":476},{"type":15,"tag":86,"props":4982,"children":4983},{"style":479},[4984],{"type":21,"value":4985}," TextareaAutoresize",{"type":15,"tag":86,"props":4987,"children":4988},{"style":93},[4989],{"type":21,"value":487},{"type":15,"tag":86,"props":4991,"children":4992},{"class":88,"line":192},[4993,4997,5001,5005,5010,5014,5018,5023,5028],{"type":15,"tag":86,"props":4994,"children":4995},{"style":358},[4996],{"type":21,"value":3144},{"type":15,"tag":86,"props":4998,"children":4999},{"style":573},[5000],{"type":21,"value":4759},{"type":15,"tag":86,"props":5002,"children":5003},{"style":545},[5004],{"type":21,"value":2645},{"type":15,"tag":86,"props":5006,"children":5007},{"style":479},[5008],{"type":21,"value":5009}," useRef",{"type":15,"tag":86,"props":5011,"children":5012},{"style":93},[5013],{"type":21,"value":96},{"type":15,"tag":86,"props":5015,"children":5016},{"style":573},[5017],{"type":21,"value":3383},{"type":15,"tag":86,"props":5019,"children":5020},{"style":93},[5021],{"type":21,"value":5022},">(",{"type":15,"tag":86,"props":5024,"children":5025},{"style":140},[5026],{"type":21,"value":5027},"null",{"type":15,"tag":86,"props":5029,"children":5030},{"style":93},[5031],{"type":21,"value":2665},{"type":15,"tag":86,"props":5033,"children":5034},{"class":88,"line":210},[5035,5040,5044,5048],{"type":15,"tag":86,"props":5036,"children":5037},{"style":479},[5038],{"type":21,"value":5039},"  useEffect",{"type":15,"tag":86,"props":5041,"children":5042},{"style":93},[5043],{"type":21,"value":2861},{"type":15,"tag":86,"props":5045,"children":5046},{"style":358},[5047],{"type":21,"value":2866},{"type":15,"tag":86,"props":5049,"children":5050},{"style":93},[5051],{"type":21,"value":4792},{"type":15,"tag":86,"props":5053,"children":5054},{"class":88,"line":228},[5055,5060,5064,5068,5072,5077],{"type":15,"tag":86,"props":5056,"children":5057},{"style":358},[5058],{"type":21,"value":5059},"    if",{"type":15,"tag":86,"props":5061,"children":5062},{"style":93},[5063],{"type":21,"value":3585},{"type":15,"tag":86,"props":5065,"children":5066},{"style":573},[5067],{"type":21,"value":4817},{"type":15,"tag":86,"props":5069,"children":5070},{"style":93},[5071],{"type":21,"value":2875},{"type":15,"tag":86,"props":5073,"children":5074},{"style":99},[5075],{"type":21,"value":5076},"current",{"type":15,"tag":86,"props":5078,"children":5079},{"style":93},[5080],{"type":21,"value":5081},") {\n",{"type":15,"tag":86,"props":5083,"children":5084},{"class":88,"line":237},[5085,5090,5094,5098,5102,5106],{"type":15,"tag":86,"props":5086,"children":5087},{"style":479},[5088],{"type":21,"value":5089},"      attach",{"type":15,"tag":86,"props":5091,"children":5092},{"style":93},[5093],{"type":21,"value":2655},{"type":15,"tag":86,"props":5095,"children":5096},{"style":573},[5097],{"type":21,"value":4817},{"type":15,"tag":86,"props":5099,"children":5100},{"style":93},[5101],{"type":21,"value":2875},{"type":15,"tag":86,"props":5103,"children":5104},{"style":99},[5105],{"type":21,"value":5076},{"type":15,"tag":86,"props":5107,"children":5108},{"style":93},[5109],{"type":21,"value":2665},{"type":15,"tag":86,"props":5111,"children":5112},{"class":88,"line":254},[5113],{"type":15,"tag":86,"props":5114,"children":5115},{"style":93},[5116],{"type":21,"value":5117},"    }\n",{"type":15,"tag":86,"props":5119,"children":5120},{"class":88,"line":292},[5121],{"type":15,"tag":86,"props":5122,"children":5123},{"style":93},[5124],{"type":21,"value":5125},"  }, []);\n",{"type":15,"tag":86,"props":5127,"children":5128},{"class":88,"line":309},[5129,5133],{"type":15,"tag":86,"props":5130,"children":5131},{"style":358},[5132],{"type":21,"value":495},{"type":15,"tag":86,"props":5134,"children":5135},{"style":93},[5136],{"type":21,"value":500},{"type":15,"tag":86,"props":5138,"children":5139},{"class":88,"line":318},[5140],{"type":15,"tag":86,"props":5141,"children":5142},{"style":93},[5143],{"type":21,"value":508},{"type":15,"tag":86,"props":5145,"children":5146},{"class":88,"line":354},[5147,5151,5155],{"type":15,"tag":86,"props":5148,"children":5149},{"style":93},[5150],{"type":21,"value":516},{"type":15,"tag":86,"props":5152,"children":5153},{"style":99},[5154],{"type":21,"value":120},{"type":15,"tag":86,"props":5156,"children":5157},{"style":93},[5158],{"type":21,"value":106},{"type":15,"tag":86,"props":5160,"children":5161},{"class":88,"line":393},[5162,5166,5170,5174,5178,5182,5186,5190],{"type":15,"tag":86,"props":5163,"children":5164},{"style":93},[5165],{"type":21,"value":532},{"type":15,"tag":86,"props":5167,"children":5168},{"style":99},[5169],{"type":21,"value":86},{"type":15,"tag":86,"props":5171,"children":5172},{"style":539},[5173],{"type":21,"value":542},{"type":15,"tag":86,"props":5175,"children":5176},{"style":545},[5177],{"type":21,"value":148},{"type":15,"tag":86,"props":5179,"children":5180},{"style":151},[5181],{"type":21,"value":785},{"type":15,"tag":86,"props":5183,"children":5184},{"style":93},[5185],{"type":21,"value":159},{"type":15,"tag":86,"props":5187,"children":5188},{"style":99},[5189],{"type":21,"value":86},{"type":15,"tag":86,"props":5191,"children":5192},{"style":93},[5193],{"type":21,"value":106},{"type":15,"tag":86,"props":5195,"children":5196},{"class":88,"line":686},[5197,5201,5205,5209,5213,5217,5221,5225,5229,5233,5237,5242,5246,5251,5256,5260,5265],{"type":15,"tag":86,"props":5198,"children":5199},{"style":93},[5200],{"type":21,"value":532},{"type":15,"tag":86,"props":5202,"children":5203},{"style":573},[5204],{"type":21,"value":63},{"type":15,"tag":86,"props":5206,"children":5207},{"style":539},[5208],{"type":21,"value":2650},{"type":15,"tag":86,"props":5210,"children":5211},{"style":545},[5212],{"type":21,"value":148},{"type":15,"tag":86,"props":5214,"children":5215},{"style":358},[5216],{"type":21,"value":3714},{"type":15,"tag":86,"props":5218,"children":5219},{"style":99},[5220],{"type":21,"value":4817},{"type":15,"tag":86,"props":5222,"children":5223},{"style":358},[5224],{"type":21,"value":3968},{"type":15,"tag":86,"props":5226,"children":5227},{"style":539},[5228],{"type":21,"value":542},{"type":15,"tag":86,"props":5230,"children":5231},{"style":545},[5232],{"type":21,"value":148},{"type":15,"tag":86,"props":5234,"children":5235},{"style":151},[5236],{"type":21,"value":4496},{"type":15,"tag":86,"props":5238,"children":5239},{"style":539},[5240],{"type":21,"value":5241}," size",{"type":15,"tag":86,"props":5243,"children":5244},{"style":545},[5245],{"type":21,"value":148},{"type":15,"tag":86,"props":5247,"children":5248},{"style":151},[5249],{"type":21,"value":5250},"\"sm\"",{"type":15,"tag":86,"props":5252,"children":5253},{"style":539},[5254],{"type":21,"value":5255}," aria-label",{"type":15,"tag":86,"props":5257,"children":5258},{"style":545},[5259],{"type":21,"value":148},{"type":15,"tag":86,"props":5261,"children":5262},{"style":151},[5263],{"type":21,"value":5264},"\"Label size sm\"",{"type":15,"tag":86,"props":5266,"children":5267},{"style":93},[5268],{"type":21,"value":1421},{"type":15,"tag":86,"props":5270,"children":5271},{"class":88,"line":695},[5272,5276,5280],{"type":15,"tag":86,"props":5273,"children":5274},{"style":93},[5275],{"type":21,"value":631},{"type":15,"tag":86,"props":5277,"children":5278},{"style":99},[5279],{"type":21,"value":120},{"type":15,"tag":86,"props":5281,"children":5282},{"style":93},[5283],{"type":21,"value":106},{"type":15,"tag":86,"props":5285,"children":5286},{"class":88,"line":2338},[5287,5291,5295,5299,5303,5307,5311,5315],{"type":15,"tag":86,"props":5288,"children":5289},{"style":93},[5290],{"type":21,"value":516},{"type":15,"tag":86,"props":5292,"children":5293},{"style":99},[5294],{"type":21,"value":34},{"type":15,"tag":86,"props":5296,"children":5297},{"style":539},[5298],{"type":21,"value":542},{"type":15,"tag":86,"props":5300,"children":5301},{"style":545},[5302],{"type":21,"value":148},{"type":15,"tag":86,"props":5304,"children":5305},{"style":151},[5306],{"type":21,"value":894},{"type":15,"tag":86,"props":5308,"children":5309},{"style":93},[5310],{"type":21,"value":281},{"type":15,"tag":86,"props":5312,"children":5313},{"style":99},[5314],{"type":21,"value":34},{"type":15,"tag":86,"props":5316,"children":5317},{"style":93},[5318],{"type":21,"value":106},{"type":15,"tag":86,"props":5320,"children":5321},{"class":88,"line":2354},[5322],{"type":15,"tag":86,"props":5323,"children":5324},{"style":93},[5325],{"type":21,"value":683},{"type":15,"tag":86,"props":5327,"children":5328},{"class":88,"line":2371},[5329],{"type":15,"tag":86,"props":5330,"children":5331},{"style":93},[5332],{"type":21,"value":692},{"type":15,"tag":86,"props":5334,"children":5335},{"class":88,"line":2384},[5336],{"type":15,"tag":86,"props":5337,"children":5338},{"style":93},[5339],{"type":21,"value":701},{"type":15,"tag":5341,"props":5342,"children":5344},"h2",{"id":5343},"accessibility-notes",[5345],{"type":21,"value":5346},"Accessibility notes",{"type":15,"tag":34,"props":5348,"children":5349},{},[5350],{"type":21,"value":5351},"Textarea is multi-line input, so Return or Enter key inserts a line break.",{"type":15,"tag":5341,"props":5353,"children":5355},{"id":5354},"playground",[5356],{"type":21,"value":5357},"Playground",{"type":15,"tag":5359,"props":5360,"children":5362},"generate",{"style":5361},"height: 600px;",[],{"type":15,"tag":30,"props":5364,"children":5365},{"v-slot:tab-2":9},[5366,5372,5497,5632],{"type":15,"tag":5341,"props":5367,"children":5369},{"id":5368},"props",[5370],{"type":21,"value":5371},"Props",{"type":15,"tag":72,"props":5373,"children":5374},{},[5375],{"type":15,"tag":5376,"props":5377,"children":5378},"table",{},[5379,5408],{"type":15,"tag":5380,"props":5381,"children":5382},"thead",{},[5383],{"type":15,"tag":5384,"props":5385,"children":5386},"tr",{},[5387,5393,5398,5403],{"type":15,"tag":5388,"props":5389,"children":5390},"th",{},[5391],{"type":21,"value":5392},"Prop name",{"type":15,"tag":5388,"props":5394,"children":5395},{},[5396],{"type":21,"value":5397},"Type",{"type":15,"tag":5388,"props":5399,"children":5400},{},[5401],{"type":21,"value":5402},"Default value",{"type":15,"tag":5388,"props":5404,"children":5405},{},[5406],{"type":21,"value":5407},"Possible values",{"type":15,"tag":5409,"props":5410,"children":5411},"tbody",{},[5412,5465],{"type":15,"tag":5384,"props":5413,"children":5414},{},[5415,5425,5434,5443],{"type":15,"tag":5416,"props":5417,"children":5418},"td",{},[5419],{"type":15,"tag":40,"props":5420,"children":5422},{"className":5421},[],[5423],{"type":21,"value":5424},"size",{"type":15,"tag":5416,"props":5426,"children":5427},{},[5428],{"type":15,"tag":40,"props":5429,"children":5431},{"className":5430},[],[5432],{"type":21,"value":5433},"SfInputSize",{"type":15,"tag":5416,"props":5435,"children":5436},{},[5437],{"type":15,"tag":40,"props":5438,"children":5440},{"className":5439},[],[5441],{"type":21,"value":5442},"'base'",{"type":15,"tag":5416,"props":5444,"children":5445},{},[5446,5452,5453,5458,5459],{"type":15,"tag":40,"props":5447,"children":5449},{"className":5448},[],[5450],{"type":21,"value":5451},"'sm'",{"type":21,"value":2564},{"type":15,"tag":40,"props":5454,"children":5456},{"className":5455},[],[5457],{"type":21,"value":5442},{"type":21,"value":2564},{"type":15,"tag":40,"props":5460,"children":5462},{"className":5461},[],[5463],{"type":21,"value":5464},"'lg'",{"type":15,"tag":5384,"props":5466,"children":5467},{},[5468,5476,5485,5494],{"type":15,"tag":5416,"props":5469,"children":5470},{},[5471],{"type":15,"tag":40,"props":5472,"children":5474},{"className":5473},[],[5475],{"type":21,"value":1290},{"type":15,"tag":5416,"props":5477,"children":5478},{},[5479],{"type":15,"tag":40,"props":5480,"children":5482},{"className":5481},[],[5483],{"type":21,"value":5484},"boolean",{"type":15,"tag":5416,"props":5486,"children":5487},{},[5488],{"type":15,"tag":40,"props":5489,"children":5491},{"className":5490},[],[5492],{"type":21,"value":5493},"false",{"type":15,"tag":5416,"props":5495,"children":5496},{},[],{"type":15,"tag":408,"props":5498,"children":5499},{},[5500],{"type":15,"tag":5376,"props":5501,"children":5502},{},[5503,5525],{"type":15,"tag":5380,"props":5504,"children":5505},{},[5506],{"type":15,"tag":5384,"props":5507,"children":5508},{},[5509,5513,5517,5521],{"type":15,"tag":5388,"props":5510,"children":5511},{},[5512],{"type":21,"value":5392},{"type":15,"tag":5388,"props":5514,"children":5515},{},[5516],{"type":21,"value":5397},{"type":15,"tag":5388,"props":5518,"children":5519},{},[5520],{"type":21,"value":5402},{"type":15,"tag":5388,"props":5522,"children":5523},{},[5524],{"type":21,"value":5407},{"type":15,"tag":5409,"props":5526,"children":5527},{},[5528,5575,5605],{"type":15,"tag":5384,"props":5529,"children":5530},{},[5531,5539,5547,5555],{"type":15,"tag":5416,"props":5532,"children":5533},{},[5534],{"type":15,"tag":40,"props":5535,"children":5537},{"className":5536},[],[5538],{"type":21,"value":5424},{"type":15,"tag":5416,"props":5540,"children":5541},{},[5542],{"type":15,"tag":40,"props":5543,"children":5545},{"className":5544},[],[5546],{"type":21,"value":5433},{"type":15,"tag":5416,"props":5548,"children":5549},{},[5550],{"type":15,"tag":40,"props":5551,"children":5553},{"className":5552},[],[5554],{"type":21,"value":5442},{"type":15,"tag":5416,"props":5556,"children":5557},{},[5558,5563,5564,5569,5570],{"type":15,"tag":40,"props":5559,"children":5561},{"className":5560},[],[5562],{"type":21,"value":5451},{"type":21,"value":2564},{"type":15,"tag":40,"props":5565,"children":5567},{"className":5566},[],[5568],{"type":21,"value":5442},{"type":21,"value":2564},{"type":15,"tag":40,"props":5571,"children":5573},{"className":5572},[],[5574],{"type":21,"value":5464},{"type":15,"tag":5384,"props":5576,"children":5577},{},[5578,5586,5594,5602],{"type":15,"tag":5416,"props":5579,"children":5580},{},[5581],{"type":15,"tag":40,"props":5582,"children":5584},{"className":5583},[],[5585],{"type":21,"value":1290},{"type":15,"tag":5416,"props":5587,"children":5588},{},[5589],{"type":15,"tag":40,"props":5590,"children":5592},{"className":5591},[],[5593],{"type":21,"value":5484},{"type":15,"tag":5416,"props":5595,"children":5596},{},[5597],{"type":15,"tag":40,"props":5598,"children":5600},{"className":5599},[],[5601],{"type":21,"value":5493},{"type":15,"tag":5416,"props":5603,"children":5604},{},[],{"type":15,"tag":5384,"props":5606,"children":5607},{},[5608,5617,5626,5629],{"type":15,"tag":5416,"props":5609,"children":5610},{},[5611],{"type":15,"tag":40,"props":5612,"children":5614},{"className":5613},[],[5615],{"type":21,"value":5616},"className",{"type":15,"tag":5416,"props":5618,"children":5619},{},[5620],{"type":15,"tag":40,"props":5621,"children":5623},{"className":5622},[],[5624],{"type":21,"value":5625},"string",{"type":15,"tag":5416,"props":5627,"children":5628},{},[],{"type":15,"tag":5416,"props":5630,"children":5631},{},[],{"type":15,"tag":72,"props":5633,"children":5634},{},[5635,5641],{"type":15,"tag":5341,"props":5636,"children":5638},{"id":5637},"events",[5639],{"type":21,"value":5640},"Events",{"type":15,"tag":5376,"props":5642,"children":5643},{},[5644,5660],{"type":15,"tag":5380,"props":5645,"children":5646},{},[5647],{"type":15,"tag":5384,"props":5648,"children":5649},{},[5650,5655],{"type":15,"tag":5388,"props":5651,"children":5652},{},[5653],{"type":21,"value":5654},"Event name",{"type":15,"tag":5388,"props":5656,"children":5657},{},[5658],{"type":21,"value":5659},"Trigger",{"type":15,"tag":5409,"props":5661,"children":5662},{},[5663],{"type":15,"tag":5384,"props":5664,"children":5665},{},[5666,5675],{"type":15,"tag":5416,"props":5667,"children":5668},{},[5669],{"type":15,"tag":40,"props":5670,"children":5672},{"className":5671},[],[5673],{"type":21,"value":5674},"update:modelValue",{"type":15,"tag":5416,"props":5676,"children":5677},{},[5678],{"type":21,"value":5679},"triggers v-model update event",{"type":15,"tag":30,"props":5681,"children":5682},{"v-slot:tab-3":9},[5683,5688,6928],{"type":15,"tag":5684,"props":5685,"children":5687},"partial",{"content":5686},"block-callout",[],{"type":15,"tag":72,"props":5689,"children":5690},{},[5691],{"type":15,"tag":76,"props":5692,"children":5694},{"className":78,"code":5693,"language":80,"meta":9,"style":9},"\u003Cscript lang=\"ts\">\nconst getSizeClasses = {\n  [SfTextareaSize.sm]: ' h-[56px] py-[6px] pl-4 pr-3',\n  [SfTextareaSize.base]: 'h-[64px] py-2 pl-4 pr-3',\n  [SfTextareaSize.lg]: 'h-[72px], p-3 pl-4',\n};\n\u003C\u002Fscript>\n\n\u003Cscript lang=\"ts\" setup>\nimport type { PropType } from 'vue';\nimport { computed, toRefs } from 'vue';\nimport { SfTextareaSize, twMerge, useFocusVisible, useTwMergeRoot } from '@storefront-ui\u002Fvue';\n\nconst props = defineProps({\n  modelValue: {\n    type: [String, Number],\n    default: '',\n  },\n  size: {\n    type: String as PropType\u003C`${SfTextareaSize}`>,\n    default: SfTextareaSize.base,\n  },\n  invalid: {\n    type: Boolean,\n    default: false,\n  },\n});\nconst emit = defineEmits\u003C{\n  (event: 'update:modelValue', value: string | number): void;\n}>();\ndefineOptions({\n  inheritAttrs: false,\n});\nconst { attrsWithoutClass } = useTwMergeRoot();\nconst { modelValue } = toRefs(props);\nconst { isFocusVisible } = useFocusVisible({ isTextInput: true });\n\nconst textareaValue = computed({\n  get: () => modelValue?.value,\n  set: (value) => emit('update:modelValue', value),\n});\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Ctextarea\n    :class=\"\n      twMerge(\n        'px-4 bg-white rounded-xl text-neutral-900 ring-inset hover:ring-primary-800 focus:caret-primary-700 active:caret-primary-700 active:ring-primary-700 active:ring-2 focus:ring-primary-700 focus:ring-2 outline-hidden',\n        {\n          'ring-2 ring-negative-700': invalid,\n          'ring-1 ring-neutral-300': !invalid,\n          'focus:outline focus:outline-offset': isFocusVisible,\n        },\n        getSizeClasses[size],\n        $attrs.class,\n      )\n    \"\n    data-testid=\"textarea\"\n    v-model=\"textareaValue\"\n    v-bind=\"attrsWithoutClass\"\n  \u002F>\n\u003C\u002Ftemplate>\n\n",[5695],{"type":15,"tag":40,"props":5696,"children":5697},{"__ignoreMap":9},[5698,5725,5745,5778,5807,5836,5844,5859,5866,5897,5934,5974,6032,6039,6065,6078,6110,6130,6138,6150,6206,6234,6241,6253,6273,6292,6299,6306,6332,6393,6401,6413,6433,6440,6473,6514,6567,6574,6597,6631,6682,6689,6704,6711,6726,6738,6755,6763,6771,6779,6787,6795,6803,6811,6819,6827,6836,6845,6863,6880,6898,6912],{"type":15,"tag":86,"props":5699,"children":5700},{"class":88,"line":89},[5701,5705,5709,5713,5717,5721],{"type":15,"tag":86,"props":5702,"children":5703},{"style":93},[5704],{"type":21,"value":96},{"type":15,"tag":86,"props":5706,"children":5707},{"style":99},[5708],{"type":21,"value":328},{"type":15,"tag":86,"props":5710,"children":5711},{"style":140},[5712],{"type":21,"value":333},{"type":15,"tag":86,"props":5714,"children":5715},{"style":93},[5716],{"type":21,"value":148},{"type":15,"tag":86,"props":5718,"children":5719},{"style":151},[5720],{"type":21,"value":342},{"type":15,"tag":86,"props":5722,"children":5723},{"style":93},[5724],{"type":21,"value":106},{"type":15,"tag":86,"props":5726,"children":5727},{"class":88,"line":109},[5728,5732,5737,5741],{"type":15,"tag":86,"props":5729,"children":5730},{"style":358},[5731],{"type":21,"value":2635},{"type":15,"tag":86,"props":5733,"children":5734},{"style":573},[5735],{"type":21,"value":5736}," getSizeClasses",{"type":15,"tag":86,"props":5738,"children":5739},{"style":545},[5740],{"type":21,"value":2645},{"type":15,"tag":86,"props":5742,"children":5743},{"style":93},[5744],{"type":21,"value":4792},{"type":15,"tag":86,"props":5746,"children":5747},{"class":88,"line":127},[5748,5753,5758,5763,5768,5773],{"type":15,"tag":86,"props":5749,"children":5750},{"style":93},[5751],{"type":21,"value":5752},"  [",{"type":15,"tag":86,"props":5754,"children":5755},{"style":573},[5756],{"type":21,"value":5757},"SfTextareaSize",{"type":15,"tag":86,"props":5759,"children":5760},{"style":99},[5761],{"type":21,"value":5762},".sm",{"type":15,"tag":86,"props":5764,"children":5765},{"style":93},[5766],{"type":21,"value":5767},"]: ",{"type":15,"tag":86,"props":5769,"children":5770},{"style":151},[5771],{"type":21,"value":5772},"' h-[56px] py-[6px] pl-4 pr-3'",{"type":15,"tag":86,"props":5774,"children":5775},{"style":93},[5776],{"type":21,"value":5777},",\n",{"type":15,"tag":86,"props":5779,"children":5780},{"class":88,"line":170},[5781,5785,5789,5794,5798,5803],{"type":15,"tag":86,"props":5782,"children":5783},{"style":93},[5784],{"type":21,"value":5752},{"type":15,"tag":86,"props":5786,"children":5787},{"style":573},[5788],{"type":21,"value":5757},{"type":15,"tag":86,"props":5790,"children":5791},{"style":99},[5792],{"type":21,"value":5793},".base",{"type":15,"tag":86,"props":5795,"children":5796},{"style":93},[5797],{"type":21,"value":5767},{"type":15,"tag":86,"props":5799,"children":5800},{"style":151},[5801],{"type":21,"value":5802},"'h-[64px] py-2 pl-4 pr-3'",{"type":15,"tag":86,"props":5804,"children":5805},{"style":93},[5806],{"type":21,"value":5777},{"type":15,"tag":86,"props":5808,"children":5809},{"class":88,"line":183},[5810,5814,5818,5823,5827,5832],{"type":15,"tag":86,"props":5811,"children":5812},{"style":93},[5813],{"type":21,"value":5752},{"type":15,"tag":86,"props":5815,"children":5816},{"style":573},[5817],{"type":21,"value":5757},{"type":15,"tag":86,"props":5819,"children":5820},{"style":99},[5821],{"type":21,"value":5822},".lg",{"type":15,"tag":86,"props":5824,"children":5825},{"style":93},[5826],{"type":21,"value":5767},{"type":15,"tag":86,"props":5828,"children":5829},{"style":151},[5830],{"type":21,"value":5831},"'h-[72px], p-3 pl-4'",{"type":15,"tag":86,"props":5833,"children":5834},{"style":93},[5835],{"type":21,"value":5777},{"type":15,"tag":86,"props":5837,"children":5838},{"class":88,"line":192},[5839],{"type":15,"tag":86,"props":5840,"children":5841},{"style":93},[5842],{"type":21,"value":5843},"};\n",{"type":15,"tag":86,"props":5845,"children":5846},{"class":88,"line":210},[5847,5851,5855],{"type":15,"tag":86,"props":5848,"children":5849},{"style":93},[5850],{"type":21,"value":298},{"type":15,"tag":86,"props":5852,"children":5853},{"style":99},[5854],{"type":21,"value":328},{"type":15,"tag":86,"props":5856,"children":5857},{"style":93},[5858],{"type":21,"value":106},{"type":15,"tag":86,"props":5860,"children":5861},{"class":88,"line":228},[5862],{"type":15,"tag":86,"props":5863,"children":5864},{"emptyLinePlaceholder":8},[5865],{"type":21,"value":315},{"type":15,"tag":86,"props":5867,"children":5868},{"class":88,"line":237},[5869,5873,5877,5881,5885,5889,5893],{"type":15,"tag":86,"props":5870,"children":5871},{"style":93},[5872],{"type":21,"value":96},{"type":15,"tag":86,"props":5874,"children":5875},{"style":99},[5876],{"type":21,"value":328},{"type":15,"tag":86,"props":5878,"children":5879},{"style":140},[5880],{"type":21,"value":333},{"type":15,"tag":86,"props":5882,"children":5883},{"style":93},[5884],{"type":21,"value":148},{"type":15,"tag":86,"props":5886,"children":5887},{"style":151},[5888],{"type":21,"value":342},{"type":15,"tag":86,"props":5890,"children":5891},{"style":140},[5892],{"type":21,"value":347},{"type":15,"tag":86,"props":5894,"children":5895},{"style":93},[5896],{"type":21,"value":106},{"type":15,"tag":86,"props":5898,"children":5899},{"class":88,"line":254},[5900,5904,5909,5913,5918,5922,5926,5930],{"type":15,"tag":86,"props":5901,"children":5902},{"style":358},[5903],{"type":21,"value":361},{"type":15,"tag":86,"props":5905,"children":5906},{"style":358},[5907],{"type":21,"value":5908}," type",{"type":15,"tag":86,"props":5910,"children":5911},{"style":93},[5912],{"type":21,"value":366},{"type":15,"tag":86,"props":5914,"children":5915},{"style":99},[5916],{"type":21,"value":5917},"PropType",{"type":15,"tag":86,"props":5919,"children":5920},{"style":93},[5921],{"type":21,"value":375},{"type":15,"tag":86,"props":5923,"children":5924},{"style":358},[5925],{"type":21,"value":380},{"type":15,"tag":86,"props":5927,"children":5928},{"style":151},[5929],{"type":21,"value":2582},{"type":15,"tag":86,"props":5931,"children":5932},{"style":93},[5933],{"type":21,"value":390},{"type":15,"tag":86,"props":5935,"children":5936},{"class":88,"line":292},[5937,5941,5945,5949,5953,5958,5962,5966,5970],{"type":15,"tag":86,"props":5938,"children":5939},{"style":358},[5940],{"type":21,"value":361},{"type":15,"tag":86,"props":5942,"children":5943},{"style":93},[5944],{"type":21,"value":366},{"type":15,"tag":86,"props":5946,"children":5947},{"style":99},[5948],{"type":21,"value":2569},{"type":15,"tag":86,"props":5950,"children":5951},{"style":93},[5952],{"type":21,"value":2564},{"type":15,"tag":86,"props":5954,"children":5955},{"style":99},[5956],{"type":21,"value":5957},"toRefs",{"type":15,"tag":86,"props":5959,"children":5960},{"style":93},[5961],{"type":21,"value":375},{"type":15,"tag":86,"props":5963,"children":5964},{"style":358},[5965],{"type":21,"value":380},{"type":15,"tag":86,"props":5967,"children":5968},{"style":151},[5969],{"type":21,"value":2582},{"type":15,"tag":86,"props":5971,"children":5972},{"style":93},[5973],{"type":21,"value":390},{"type":15,"tag":86,"props":5975,"children":5976},{"class":88,"line":309},[5977,5981,5985,5989,5993,5998,6002,6007,6011,6016,6020,6024,6028],{"type":15,"tag":86,"props":5978,"children":5979},{"style":358},[5980],{"type":21,"value":361},{"type":15,"tag":86,"props":5982,"children":5983},{"style":93},[5984],{"type":21,"value":366},{"type":15,"tag":86,"props":5986,"children":5987},{"style":99},[5988],{"type":21,"value":5757},{"type":15,"tag":86,"props":5990,"children":5991},{"style":93},[5992],{"type":21,"value":2564},{"type":15,"tag":86,"props":5994,"children":5995},{"style":99},[5996],{"type":21,"value":5997},"twMerge",{"type":15,"tag":86,"props":5999,"children":6000},{"style":93},[6001],{"type":21,"value":2564},{"type":15,"tag":86,"props":6003,"children":6004},{"style":99},[6005],{"type":21,"value":6006},"useFocusVisible",{"type":15,"tag":86,"props":6008,"children":6009},{"style":93},[6010],{"type":21,"value":2564},{"type":15,"tag":86,"props":6012,"children":6013},{"style":99},[6014],{"type":21,"value":6015},"useTwMergeRoot",{"type":15,"tag":86,"props":6017,"children":6018},{"style":93},[6019],{"type":21,"value":375},{"type":15,"tag":86,"props":6021,"children":6022},{"style":358},[6023],{"type":21,"value":380},{"type":15,"tag":86,"props":6025,"children":6026},{"style":151},[6027],{"type":21,"value":385},{"type":15,"tag":86,"props":6029,"children":6030},{"style":93},[6031],{"type":21,"value":390},{"type":15,"tag":86,"props":6033,"children":6034},{"class":88,"line":318},[6035],{"type":15,"tag":86,"props":6036,"children":6037},{"emptyLinePlaceholder":8},[6038],{"type":21,"value":315},{"type":15,"tag":86,"props":6040,"children":6041},{"class":88,"line":354},[6042,6046,6051,6055,6060],{"type":15,"tag":86,"props":6043,"children":6044},{"style":358},[6045],{"type":21,"value":2635},{"type":15,"tag":86,"props":6047,"children":6048},{"style":573},[6049],{"type":21,"value":6050}," props",{"type":15,"tag":86,"props":6052,"children":6053},{"style":545},[6054],{"type":21,"value":2645},{"type":15,"tag":86,"props":6056,"children":6057},{"style":479},[6058],{"type":21,"value":6059}," defineProps",{"type":15,"tag":86,"props":6061,"children":6062},{"style":93},[6063],{"type":21,"value":6064},"({\n",{"type":15,"tag":86,"props":6066,"children":6067},{"class":88,"line":393},[6068,6073],{"type":15,"tag":86,"props":6069,"children":6070},{"style":99},[6071],{"type":21,"value":6072},"  modelValue",{"type":15,"tag":86,"props":6074,"children":6075},{"style":93},[6076],{"type":21,"value":6077},": {\n",{"type":15,"tag":86,"props":6079,"children":6080},{"class":88,"line":686},[6081,6086,6091,6096,6100,6105],{"type":15,"tag":86,"props":6082,"children":6083},{"style":99},[6084],{"type":21,"value":6085},"    type",{"type":15,"tag":86,"props":6087,"children":6088},{"style":93},[6089],{"type":21,"value":6090},": [",{"type":15,"tag":86,"props":6092,"children":6093},{"style":99},[6094],{"type":21,"value":6095},"String",{"type":15,"tag":86,"props":6097,"children":6098},{"style":93},[6099],{"type":21,"value":2564},{"type":15,"tag":86,"props":6101,"children":6102},{"style":99},[6103],{"type":21,"value":6104},"Number",{"type":15,"tag":86,"props":6106,"children":6107},{"style":93},[6108],{"type":21,"value":6109},"],\n",{"type":15,"tag":86,"props":6111,"children":6112},{"class":88,"line":695},[6113,6118,6122,6126],{"type":15,"tag":86,"props":6114,"children":6115},{"style":99},[6116],{"type":21,"value":6117},"    default",{"type":15,"tag":86,"props":6119,"children":6120},{"style":93},[6121],{"type":21,"value":3370},{"type":15,"tag":86,"props":6123,"children":6124},{"style":151},[6125],{"type":21,"value":2695},{"type":15,"tag":86,"props":6127,"children":6128},{"style":93},[6129],{"type":21,"value":5777},{"type":15,"tag":86,"props":6131,"children":6132},{"class":88,"line":2338},[6133],{"type":15,"tag":86,"props":6134,"children":6135},{"style":93},[6136],{"type":21,"value":6137},"  },\n",{"type":15,"tag":86,"props":6139,"children":6140},{"class":88,"line":2354},[6141,6146],{"type":15,"tag":86,"props":6142,"children":6143},{"style":99},[6144],{"type":21,"value":6145},"  size",{"type":15,"tag":86,"props":6147,"children":6148},{"style":93},[6149],{"type":21,"value":6077},{"type":15,"tag":86,"props":6151,"children":6152},{"class":88,"line":2371},[6153,6157,6161,6165,6170,6175,6179,6184,6189,6193,6197,6201],{"type":15,"tag":86,"props":6154,"children":6155},{"style":99},[6156],{"type":21,"value":6085},{"type":15,"tag":86,"props":6158,"children":6159},{"style":93},[6160],{"type":21,"value":3370},{"type":15,"tag":86,"props":6162,"children":6163},{"style":99},[6164],{"type":21,"value":6095},{"type":15,"tag":86,"props":6166,"children":6167},{"style":358},[6168],{"type":21,"value":6169}," as",{"type":15,"tag":86,"props":6171,"children":6172},{"style":573},[6173],{"type":21,"value":6174}," PropType",{"type":15,"tag":86,"props":6176,"children":6177},{"style":93},[6178],{"type":21,"value":96},{"type":15,"tag":86,"props":6180,"children":6181},{"style":151},[6182],{"type":21,"value":6183},"`",{"type":15,"tag":86,"props":6185,"children":6186},{"style":358},[6187],{"type":21,"value":6188},"${",{"type":15,"tag":86,"props":6190,"children":6191},{"style":573},[6192],{"type":21,"value":5757},{"type":15,"tag":86,"props":6194,"children":6195},{"style":358},[6196],{"type":21,"value":3968},{"type":15,"tag":86,"props":6198,"children":6199},{"style":151},[6200],{"type":21,"value":6183},{"type":15,"tag":86,"props":6202,"children":6203},{"style":93},[6204],{"type":21,"value":6205},">,\n",{"type":15,"tag":86,"props":6207,"children":6208},{"class":88,"line":2384},[6209,6213,6217,6221,6225,6230],{"type":15,"tag":86,"props":6210,"children":6211},{"style":99},[6212],{"type":21,"value":6117},{"type":15,"tag":86,"props":6214,"children":6215},{"style":93},[6216],{"type":21,"value":3370},{"type":15,"tag":86,"props":6218,"children":6219},{"style":573},[6220],{"type":21,"value":5757},{"type":15,"tag":86,"props":6222,"children":6223},{"style":93},[6224],{"type":21,"value":2875},{"type":15,"tag":86,"props":6226,"children":6227},{"style":99},[6228],{"type":21,"value":6229},"base",{"type":15,"tag":86,"props":6231,"children":6232},{"style":93},[6233],{"type":21,"value":5777},{"type":15,"tag":86,"props":6235,"children":6236},{"class":88,"line":2402},[6237],{"type":15,"tag":86,"props":6238,"children":6239},{"style":93},[6240],{"type":21,"value":6137},{"type":15,"tag":86,"props":6242,"children":6243},{"class":88,"line":2420},[6244,6249],{"type":15,"tag":86,"props":6245,"children":6246},{"style":99},[6247],{"type":21,"value":6248},"  invalid",{"type":15,"tag":86,"props":6250,"children":6251},{"style":93},[6252],{"type":21,"value":6077},{"type":15,"tag":86,"props":6254,"children":6255},{"class":88,"line":2429},[6256,6260,6264,6269],{"type":15,"tag":86,"props":6257,"children":6258},{"style":99},[6259],{"type":21,"value":6085},{"type":15,"tag":86,"props":6261,"children":6262},{"style":93},[6263],{"type":21,"value":3370},{"type":15,"tag":86,"props":6265,"children":6266},{"style":99},[6267],{"type":21,"value":6268},"Boolean",{"type":15,"tag":86,"props":6270,"children":6271},{"style":93},[6272],{"type":21,"value":5777},{"type":15,"tag":86,"props":6274,"children":6275},{"class":88,"line":2438},[6276,6280,6284,6288],{"type":15,"tag":86,"props":6277,"children":6278},{"style":99},[6279],{"type":21,"value":6117},{"type":15,"tag":86,"props":6281,"children":6282},{"style":93},[6283],{"type":21,"value":3370},{"type":15,"tag":86,"props":6285,"children":6286},{"style":140},[6287],{"type":21,"value":5493},{"type":15,"tag":86,"props":6289,"children":6290},{"style":93},[6291],{"type":21,"value":5777},{"type":15,"tag":86,"props":6293,"children":6294},{"class":88,"line":2447},[6295],{"type":15,"tag":86,"props":6296,"children":6297},{"style":93},[6298],{"type":21,"value":6137},{"type":15,"tag":86,"props":6300,"children":6301},{"class":88,"line":2456},[6302],{"type":15,"tag":86,"props":6303,"children":6304},{"style":93},[6305],{"type":21,"value":4830},{"type":15,"tag":86,"props":6307,"children":6308},{"class":88,"line":2465},[6309,6313,6318,6322,6327],{"type":15,"tag":86,"props":6310,"children":6311},{"style":358},[6312],{"type":21,"value":2635},{"type":15,"tag":86,"props":6314,"children":6315},{"style":573},[6316],{"type":21,"value":6317}," emit",{"type":15,"tag":86,"props":6319,"children":6320},{"style":545},[6321],{"type":21,"value":2645},{"type":15,"tag":86,"props":6323,"children":6324},{"style":479},[6325],{"type":21,"value":6326}," defineEmits",{"type":15,"tag":86,"props":6328,"children":6329},{"style":93},[6330],{"type":21,"value":6331},"\u003C{\n",{"type":15,"tag":86,"props":6333,"children":6334},{"class":88,"line":2481},[6335,6340,6344,6348,6353,6357,6361,6365,6369,6374,6379,6384,6389],{"type":15,"tag":86,"props":6336,"children":6337},{"style":93},[6338],{"type":21,"value":6339},"  (",{"type":15,"tag":86,"props":6341,"children":6342},{"style":3362},[6343],{"type":21,"value":3365},{"type":15,"tag":86,"props":6345,"children":6346},{"style":93},[6347],{"type":21,"value":3370},{"type":15,"tag":86,"props":6349,"children":6350},{"style":151},[6351],{"type":21,"value":6352},"'update:modelValue'",{"type":15,"tag":86,"props":6354,"children":6355},{"style":93},[6356],{"type":21,"value":2564},{"type":15,"tag":86,"props":6358,"children":6359},{"style":3362},[6360],{"type":21,"value":2880},{"type":15,"tag":86,"props":6362,"children":6363},{"style":93},[6364],{"type":21,"value":3370},{"type":15,"tag":86,"props":6366,"children":6367},{"style":573},[6368],{"type":21,"value":5625},{"type":15,"tag":86,"props":6370,"children":6371},{"style":93},[6372],{"type":21,"value":6373}," | ",{"type":15,"tag":86,"props":6375,"children":6376},{"style":573},[6377],{"type":21,"value":6378},"number",{"type":15,"tag":86,"props":6380,"children":6381},{"style":93},[6382],{"type":21,"value":6383},"): ",{"type":15,"tag":86,"props":6385,"children":6386},{"style":573},[6387],{"type":21,"value":6388},"void",{"type":15,"tag":86,"props":6390,"children":6391},{"style":93},[6392],{"type":21,"value":390},{"type":15,"tag":86,"props":6394,"children":6395},{"class":88,"line":2497},[6396],{"type":15,"tag":86,"props":6397,"children":6398},{"style":93},[6399],{"type":21,"value":6400},"}>();\n",{"type":15,"tag":86,"props":6402,"children":6403},{"class":88,"line":2513},[6404,6409],{"type":15,"tag":86,"props":6405,"children":6406},{"style":479},[6407],{"type":21,"value":6408},"defineOptions",{"type":15,"tag":86,"props":6410,"children":6411},{"style":93},[6412],{"type":21,"value":6064},{"type":15,"tag":86,"props":6414,"children":6415},{"class":88,"line":2545},[6416,6421,6425,6429],{"type":15,"tag":86,"props":6417,"children":6418},{"style":99},[6419],{"type":21,"value":6420},"  inheritAttrs",{"type":15,"tag":86,"props":6422,"children":6423},{"style":93},[6424],{"type":21,"value":3370},{"type":15,"tag":86,"props":6426,"children":6427},{"style":140},[6428],{"type":21,"value":5493},{"type":15,"tag":86,"props":6430,"children":6431},{"style":93},[6432],{"type":21,"value":5777},{"type":15,"tag":86,"props":6434,"children":6435},{"class":88,"line":2589},[6436],{"type":15,"tag":86,"props":6437,"children":6438},{"style":93},[6439],{"type":21,"value":4830},{"type":15,"tag":86,"props":6441,"children":6442},{"class":88,"line":2621},[6443,6447,6451,6456,6460,6464,6469],{"type":15,"tag":86,"props":6444,"children":6445},{"style":358},[6446],{"type":21,"value":2635},{"type":15,"tag":86,"props":6448,"children":6449},{"style":93},[6450],{"type":21,"value":366},{"type":15,"tag":86,"props":6452,"children":6453},{"style":573},[6454],{"type":21,"value":6455},"attrsWithoutClass",{"type":15,"tag":86,"props":6457,"children":6458},{"style":93},[6459],{"type":21,"value":375},{"type":15,"tag":86,"props":6461,"children":6462},{"style":545},[6463],{"type":21,"value":148},{"type":15,"tag":86,"props":6465,"children":6466},{"style":479},[6467],{"type":21,"value":6468}," useTwMergeRoot",{"type":15,"tag":86,"props":6470,"children":6471},{"style":93},[6472],{"type":21,"value":4772},{"type":15,"tag":86,"props":6474,"children":6475},{"class":88,"line":2629},[6476,6480,6484,6489,6493,6497,6502,6506,6510],{"type":15,"tag":86,"props":6477,"children":6478},{"style":358},[6479],{"type":21,"value":2635},{"type":15,"tag":86,"props":6481,"children":6482},{"style":93},[6483],{"type":21,"value":366},{"type":15,"tag":86,"props":6485,"children":6486},{"style":573},[6487],{"type":21,"value":6488},"modelValue",{"type":15,"tag":86,"props":6490,"children":6491},{"style":93},[6492],{"type":21,"value":375},{"type":15,"tag":86,"props":6494,"children":6495},{"style":545},[6496],{"type":21,"value":148},{"type":15,"tag":86,"props":6498,"children":6499},{"style":479},[6500],{"type":21,"value":6501}," toRefs",{"type":15,"tag":86,"props":6503,"children":6504},{"style":93},[6505],{"type":21,"value":2655},{"type":15,"tag":86,"props":6507,"children":6508},{"style":99},[6509],{"type":21,"value":5368},{"type":15,"tag":86,"props":6511,"children":6512},{"style":93},[6513],{"type":21,"value":2665},{"type":15,"tag":86,"props":6515,"children":6516},{"class":88,"line":2668},[6517,6521,6525,6530,6534,6538,6543,6548,6553,6557,6562],{"type":15,"tag":86,"props":6518,"children":6519},{"style":358},[6520],{"type":21,"value":2635},{"type":15,"tag":86,"props":6522,"children":6523},{"style":93},[6524],{"type":21,"value":366},{"type":15,"tag":86,"props":6526,"children":6527},{"style":573},[6528],{"type":21,"value":6529},"isFocusVisible",{"type":15,"tag":86,"props":6531,"children":6532},{"style":93},[6533],{"type":21,"value":375},{"type":15,"tag":86,"props":6535,"children":6536},{"style":545},[6537],{"type":21,"value":148},{"type":15,"tag":86,"props":6539,"children":6540},{"style":479},[6541],{"type":21,"value":6542}," useFocusVisible",{"type":15,"tag":86,"props":6544,"children":6545},{"style":93},[6546],{"type":21,"value":6547},"({ ",{"type":15,"tag":86,"props":6549,"children":6550},{"style":99},[6551],{"type":21,"value":6552},"isTextInput",{"type":15,"tag":86,"props":6554,"children":6555},{"style":93},[6556],{"type":21,"value":3370},{"type":15,"tag":86,"props":6558,"children":6559},{"style":140},[6560],{"type":21,"value":6561},"true",{"type":15,"tag":86,"props":6563,"children":6564},{"style":93},[6565],{"type":21,"value":6566}," });\n",{"type":15,"tag":86,"props":6568,"children":6569},{"class":88,"line":2702},[6570],{"type":15,"tag":86,"props":6571,"children":6572},{"emptyLinePlaceholder":8},[6573],{"type":21,"value":315},{"type":15,"tag":86,"props":6575,"children":6576},{"class":88,"line":2728},[6577,6581,6585,6589,6593],{"type":15,"tag":86,"props":6578,"children":6579},{"style":358},[6580],{"type":21,"value":2635},{"type":15,"tag":86,"props":6582,"children":6583},{"style":573},[6584],{"type":21,"value":2678},{"type":15,"tag":86,"props":6586,"children":6587},{"style":545},[6588],{"type":21,"value":2645},{"type":15,"tag":86,"props":6590,"children":6591},{"style":479},[6592],{"type":21,"value":2856},{"type":15,"tag":86,"props":6594,"children":6595},{"style":93},[6596],{"type":21,"value":6064},{"type":15,"tag":86,"props":6598,"children":6599},{"class":88,"line":2753},[6600,6605,6610,6614,6619,6623,6627],{"type":15,"tag":86,"props":6601,"children":6602},{"style":479},[6603],{"type":21,"value":6604},"  get",{"type":15,"tag":86,"props":6606,"children":6607},{"style":93},[6608],{"type":21,"value":6609},": () ",{"type":15,"tag":86,"props":6611,"children":6612},{"style":358},[6613],{"type":21,"value":2866},{"type":15,"tag":86,"props":6615,"children":6616},{"style":573},[6617],{"type":21,"value":6618}," modelValue",{"type":15,"tag":86,"props":6620,"children":6621},{"style":93},[6622],{"type":21,"value":3409},{"type":15,"tag":86,"props":6624,"children":6625},{"style":99},[6626],{"type":21,"value":2880},{"type":15,"tag":86,"props":6628,"children":6629},{"style":93},[6630],{"type":21,"value":5777},{"type":15,"tag":86,"props":6632,"children":6633},{"class":88,"line":2777},[6634,6639,6644,6648,6653,6657,6661,6665,6669,6673,6677],{"type":15,"tag":86,"props":6635,"children":6636},{"style":479},[6637],{"type":21,"value":6638},"  set",{"type":15,"tag":86,"props":6640,"children":6641},{"style":93},[6642],{"type":21,"value":6643},": (",{"type":15,"tag":86,"props":6645,"children":6646},{"style":3362},[6647],{"type":21,"value":2880},{"type":15,"tag":86,"props":6649,"children":6650},{"style":93},[6651],{"type":21,"value":6652},") ",{"type":15,"tag":86,"props":6654,"children":6655},{"style":358},[6656],{"type":21,"value":2866},{"type":15,"tag":86,"props":6658,"children":6659},{"style":479},[6660],{"type":21,"value":6317},{"type":15,"tag":86,"props":6662,"children":6663},{"style":93},[6664],{"type":21,"value":2655},{"type":15,"tag":86,"props":6666,"children":6667},{"style":151},[6668],{"type":21,"value":6352},{"type":15,"tag":86,"props":6670,"children":6671},{"style":93},[6672],{"type":21,"value":2564},{"type":15,"tag":86,"props":6674,"children":6675},{"style":99},[6676],{"type":21,"value":2880},{"type":15,"tag":86,"props":6678,"children":6679},{"style":93},[6680],{"type":21,"value":6681},"),\n",{"type":15,"tag":86,"props":6683,"children":6684},{"class":88,"line":2803},[6685],{"type":15,"tag":86,"props":6686,"children":6687},{"style":93},[6688],{"type":21,"value":4830},{"type":15,"tag":86,"props":6690,"children":6691},{"class":88,"line":2829},[6692,6696,6700],{"type":15,"tag":86,"props":6693,"children":6694},{"style":93},[6695],{"type":21,"value":298},{"type":15,"tag":86,"props":6697,"children":6698},{"style":99},[6699],{"type":21,"value":328},{"type":15,"tag":86,"props":6701,"children":6702},{"style":93},[6703],{"type":21,"value":106},{"type":15,"tag":86,"props":6705,"children":6706},{"class":88,"line":2837},[6707],{"type":15,"tag":86,"props":6708,"children":6709},{"emptyLinePlaceholder":8},[6710],{"type":21,"value":315},{"type":15,"tag":86,"props":6712,"children":6713},{"class":88,"line":2913},[6714,6718,6722],{"type":15,"tag":86,"props":6715,"children":6716},{"style":93},[6717],{"type":21,"value":96},{"type":15,"tag":86,"props":6719,"children":6720},{"style":99},[6721],{"type":21,"value":30},{"type":15,"tag":86,"props":6723,"children":6724},{"style":93},[6725],{"type":21,"value":106},{"type":15,"tag":86,"props":6727,"children":6728},{"class":88,"line":2983},[6729,6733],{"type":15,"tag":86,"props":6730,"children":6731},{"style":93},[6732],{"type":21,"value":115},{"type":15,"tag":86,"props":6734,"children":6735},{"style":99},[6736],{"type":21,"value":6737},"textarea\n",{"type":15,"tag":86,"props":6739,"children":6740},{"class":88,"line":4133},[6741,6746,6750],{"type":15,"tag":86,"props":6742,"children":6743},{"style":140},[6744],{"type":21,"value":6745},"    :class",{"type":15,"tag":86,"props":6747,"children":6748},{"style":93},[6749],{"type":21,"value":148},{"type":15,"tag":86,"props":6751,"children":6752},{"style":151},[6753],{"type":21,"value":6754},"\"\n",{"type":15,"tag":86,"props":6756,"children":6757},{"class":88,"line":4150},[6758],{"type":15,"tag":86,"props":6759,"children":6760},{"style":151},[6761],{"type":21,"value":6762},"      twMerge(\n",{"type":15,"tag":86,"props":6764,"children":6765},{"class":88,"line":4185},[6766],{"type":15,"tag":86,"props":6767,"children":6768},{"style":151},[6769],{"type":21,"value":6770},"        'px-4 bg-white rounded-xl text-neutral-900 ring-inset hover:ring-primary-800 focus:caret-primary-700 active:caret-primary-700 active:ring-primary-700 active:ring-2 focus:ring-primary-700 focus:ring-2 outline-hidden',\n",{"type":15,"tag":86,"props":6772,"children":6773},{"class":88,"line":4260},[6774],{"type":15,"tag":86,"props":6775,"children":6776},{"style":151},[6777],{"type":21,"value":6778},"        {\n",{"type":15,"tag":86,"props":6780,"children":6781},{"class":88,"line":4278},[6782],{"type":15,"tag":86,"props":6783,"children":6784},{"style":151},[6785],{"type":21,"value":6786},"          'ring-2 ring-negative-700': invalid,\n",{"type":15,"tag":86,"props":6788,"children":6789},{"class":88,"line":4295},[6790],{"type":15,"tag":86,"props":6791,"children":6792},{"style":151},[6793],{"type":21,"value":6794},"          'ring-1 ring-neutral-300': !invalid,\n",{"type":15,"tag":86,"props":6796,"children":6797},{"class":88,"line":4317},[6798],{"type":15,"tag":86,"props":6799,"children":6800},{"style":151},[6801],{"type":21,"value":6802},"          'focus:outline focus:outline-offset': isFocusVisible,\n",{"type":15,"tag":86,"props":6804,"children":6805},{"class":88,"line":4333},[6806],{"type":15,"tag":86,"props":6807,"children":6808},{"style":151},[6809],{"type":21,"value":6810},"        },\n",{"type":15,"tag":86,"props":6812,"children":6813},{"class":88,"line":4341},[6814],{"type":15,"tag":86,"props":6815,"children":6816},{"style":151},[6817],{"type":21,"value":6818},"        getSizeClasses[size],\n",{"type":15,"tag":86,"props":6820,"children":6821},{"class":88,"line":4349},[6822],{"type":15,"tag":86,"props":6823,"children":6824},{"style":151},[6825],{"type":21,"value":6826},"        $attrs.class,\n",{"type":15,"tag":86,"props":6828,"children":6830},{"class":88,"line":6829},56,[6831],{"type":15,"tag":86,"props":6832,"children":6833},{"style":151},[6834],{"type":21,"value":6835},"      )\n",{"type":15,"tag":86,"props":6837,"children":6839},{"class":88,"line":6838},57,[6840],{"type":15,"tag":86,"props":6841,"children":6842},{"style":151},[6843],{"type":21,"value":6844},"    \"\n",{"type":15,"tag":86,"props":6846,"children":6848},{"class":88,"line":6847},58,[6849,6854,6858],{"type":15,"tag":86,"props":6850,"children":6851},{"style":140},[6852],{"type":21,"value":6853},"    data-testid",{"type":15,"tag":86,"props":6855,"children":6856},{"style":93},[6857],{"type":21,"value":148},{"type":15,"tag":86,"props":6859,"children":6860},{"style":151},[6861],{"type":21,"value":6862},"\"textarea\"\n",{"type":15,"tag":86,"props":6864,"children":6866},{"class":88,"line":6865},59,[6867,6872,6876],{"type":15,"tag":86,"props":6868,"children":6869},{"style":140},[6870],{"type":21,"value":6871},"    v-model",{"type":15,"tag":86,"props":6873,"children":6874},{"style":93},[6875],{"type":21,"value":148},{"type":15,"tag":86,"props":6877,"children":6878},{"style":151},[6879],{"type":21,"value":2183},{"type":15,"tag":86,"props":6881,"children":6883},{"class":88,"line":6882},60,[6884,6889,6893],{"type":15,"tag":86,"props":6885,"children":6886},{"style":140},[6887],{"type":21,"value":6888},"    v-bind",{"type":15,"tag":86,"props":6890,"children":6891},{"style":93},[6892],{"type":21,"value":148},{"type":15,"tag":86,"props":6894,"children":6895},{"style":151},[6896],{"type":21,"value":6897},"\"attrsWithoutClass\"\n",{"type":15,"tag":86,"props":6899,"children":6901},{"class":88,"line":6900},61,[6902,6908],{"type":15,"tag":86,"props":6903,"children":6905},{"style":6904},"--shiki-default:#FFFFFF",[6906],{"type":21,"value":6907},"  \u002F",{"type":15,"tag":86,"props":6909,"children":6910},{"style":93},[6911],{"type":21,"value":106},{"type":15,"tag":86,"props":6913,"children":6915},{"class":88,"line":6914},62,[6916,6920,6924],{"type":15,"tag":86,"props":6917,"children":6918},{"style":93},[6919],{"type":21,"value":298},{"type":15,"tag":86,"props":6921,"children":6922},{"style":99},[6923],{"type":21,"value":30},{"type":15,"tag":86,"props":6925,"children":6926},{"style":93},[6927],{"type":21,"value":106},{"type":15,"tag":408,"props":6929,"children":6930},{},[6931],{"type":15,"tag":76,"props":6932,"children":6934},{"className":413,"code":6933,"language":415,"meta":9,"style":9},"'use client';\nimport { SfTextareaSize, twMerge, useFocusVisible } from '@storefront-ui\u002Freact';\nimport React, { forwardRef } from 'react';\nimport type { SfTextareaProps } from '.\u002Ftypes';\n\nconst sizeClasses = {\n  [SfTextareaSize.sm]: 'h-[56px] py-[6px] pl-4 pr-3',\n  [SfTextareaSize.base]: 'h-[64px] py-2 pl-4 pr-3',\n  [SfTextareaSize.lg]: 'h-[72px], p-3 pl-4',\n};\n\nexport default forwardRef\u003CHTMLTextAreaElement, SfTextareaProps>(\n  ({ size = SfTextareaSize.base, invalid = false, className, ...attributes }, ref): React.JSX.Element => {\n    const { isFocusVisible } = useFocusVisible({ isTextInput: true });\n\n    return (\n      \u003Ctextarea\n        ref={ref}\n        className={twMerge(\n          'px-4 bg-white rounded-xl text-neutral-900 ring-inset hover:ring-primary-800 focus:caret-primary-700 active:caret-primary-700 active:ring-primary-700 active:ring-2 focus:ring-primary-700 focus:ring-2 outline-hidden',\n          {\n            'ring-2 ring-negative-700': invalid,\n            'ring-1 ring-neutral-300': !invalid,\n            'focus:outline focus:outline-offset': isFocusVisible,\n          },\n          sizeClasses[size],\n          className,\n        )}\n        data-testid=\"textarea\"\n        {...attributes}\n      \u002F>\n    );\n  },\n);\n\n",[6935],{"type":15,"tag":40,"props":6936,"children":6937},{"__ignoreMap":9},[6938,6950,6997,7035,7072,7079,7099,7127,7154,7181,7188,7195,7232,7340,7388,7395,7407,7418,7442,7467,7479,7487,7507,7532,7552,7560,7581,7592,7604,7620,7640,7648,7656,7663],{"type":15,"tag":86,"props":6939,"children":6940},{"class":88,"line":89},[6941,6946],{"type":15,"tag":86,"props":6942,"children":6943},{"style":151},[6944],{"type":21,"value":6945},"'use client'",{"type":15,"tag":86,"props":6947,"children":6948},{"style":93},[6949],{"type":21,"value":390},{"type":15,"tag":86,"props":6951,"children":6952},{"class":88,"line":109},[6953,6957,6961,6965,6969,6973,6977,6981,6985,6989,6993],{"type":15,"tag":86,"props":6954,"children":6955},{"style":358},[6956],{"type":21,"value":361},{"type":15,"tag":86,"props":6958,"children":6959},{"style":93},[6960],{"type":21,"value":366},{"type":15,"tag":86,"props":6962,"children":6963},{"style":99},[6964],{"type":21,"value":5757},{"type":15,"tag":86,"props":6966,"children":6967},{"style":93},[6968],{"type":21,"value":2564},{"type":15,"tag":86,"props":6970,"children":6971},{"style":99},[6972],{"type":21,"value":5997},{"type":15,"tag":86,"props":6974,"children":6975},{"style":93},[6976],{"type":21,"value":2564},{"type":15,"tag":86,"props":6978,"children":6979},{"style":99},[6980],{"type":21,"value":6006},{"type":15,"tag":86,"props":6982,"children":6983},{"style":93},[6984],{"type":21,"value":375},{"type":15,"tag":86,"props":6986,"children":6987},{"style":358},[6988],{"type":21,"value":380},{"type":15,"tag":86,"props":6990,"children":6991},{"style":151},[6992],{"type":21,"value":447},{"type":15,"tag":86,"props":6994,"children":6995},{"style":93},[6996],{"type":21,"value":390},{"type":15,"tag":86,"props":6998,"children":6999},{"class":88,"line":127},[7000,7004,7009,7014,7019,7023,7027,7031],{"type":15,"tag":86,"props":7001,"children":7002},{"style":358},[7003],{"type":21,"value":361},{"type":15,"tag":86,"props":7005,"children":7006},{"style":99},[7007],{"type":21,"value":7008}," React",{"type":15,"tag":86,"props":7010,"children":7011},{"style":93},[7012],{"type":21,"value":7013},", { ",{"type":15,"tag":86,"props":7015,"children":7016},{"style":99},[7017],{"type":21,"value":7018},"forwardRef",{"type":15,"tag":86,"props":7020,"children":7021},{"style":93},[7022],{"type":21,"value":375},{"type":15,"tag":86,"props":7024,"children":7025},{"style":358},[7026],{"type":21,"value":380},{"type":15,"tag":86,"props":7028,"children":7029},{"style":151},[7030],{"type":21,"value":3101},{"type":15,"tag":86,"props":7032,"children":7033},{"style":93},[7034],{"type":21,"value":390},{"type":15,"tag":86,"props":7036,"children":7037},{"class":88,"line":170},[7038,7042,7046,7050,7055,7059,7063,7068],{"type":15,"tag":86,"props":7039,"children":7040},{"style":358},[7041],{"type":21,"value":361},{"type":15,"tag":86,"props":7043,"children":7044},{"style":358},[7045],{"type":21,"value":5908},{"type":15,"tag":86,"props":7047,"children":7048},{"style":93},[7049],{"type":21,"value":366},{"type":15,"tag":86,"props":7051,"children":7052},{"style":99},[7053],{"type":21,"value":7054},"SfTextareaProps",{"type":15,"tag":86,"props":7056,"children":7057},{"style":93},[7058],{"type":21,"value":375},{"type":15,"tag":86,"props":7060,"children":7061},{"style":358},[7062],{"type":21,"value":380},{"type":15,"tag":86,"props":7064,"children":7065},{"style":151},[7066],{"type":21,"value":7067}," '.\u002Ftypes'",{"type":15,"tag":86,"props":7069,"children":7070},{"style":93},[7071],{"type":21,"value":390},{"type":15,"tag":86,"props":7073,"children":7074},{"class":88,"line":183},[7075],{"type":15,"tag":86,"props":7076,"children":7077},{"emptyLinePlaceholder":8},[7078],{"type":21,"value":315},{"type":15,"tag":86,"props":7080,"children":7081},{"class":88,"line":192},[7082,7086,7091,7095],{"type":15,"tag":86,"props":7083,"children":7084},{"style":358},[7085],{"type":21,"value":2635},{"type":15,"tag":86,"props":7087,"children":7088},{"style":573},[7089],{"type":21,"value":7090}," sizeClasses",{"type":15,"tag":86,"props":7092,"children":7093},{"style":545},[7094],{"type":21,"value":2645},{"type":15,"tag":86,"props":7096,"children":7097},{"style":93},[7098],{"type":21,"value":4792},{"type":15,"tag":86,"props":7100,"children":7101},{"class":88,"line":210},[7102,7106,7110,7114,7118,7123],{"type":15,"tag":86,"props":7103,"children":7104},{"style":93},[7105],{"type":21,"value":5752},{"type":15,"tag":86,"props":7107,"children":7108},{"style":573},[7109],{"type":21,"value":5757},{"type":15,"tag":86,"props":7111,"children":7112},{"style":99},[7113],{"type":21,"value":5762},{"type":15,"tag":86,"props":7115,"children":7116},{"style":93},[7117],{"type":21,"value":5767},{"type":15,"tag":86,"props":7119,"children":7120},{"style":151},[7121],{"type":21,"value":7122},"'h-[56px] py-[6px] pl-4 pr-3'",{"type":15,"tag":86,"props":7124,"children":7125},{"style":93},[7126],{"type":21,"value":5777},{"type":15,"tag":86,"props":7128,"children":7129},{"class":88,"line":228},[7130,7134,7138,7142,7146,7150],{"type":15,"tag":86,"props":7131,"children":7132},{"style":93},[7133],{"type":21,"value":5752},{"type":15,"tag":86,"props":7135,"children":7136},{"style":573},[7137],{"type":21,"value":5757},{"type":15,"tag":86,"props":7139,"children":7140},{"style":99},[7141],{"type":21,"value":5793},{"type":15,"tag":86,"props":7143,"children":7144},{"style":93},[7145],{"type":21,"value":5767},{"type":15,"tag":86,"props":7147,"children":7148},{"style":151},[7149],{"type":21,"value":5802},{"type":15,"tag":86,"props":7151,"children":7152},{"style":93},[7153],{"type":21,"value":5777},{"type":15,"tag":86,"props":7155,"children":7156},{"class":88,"line":237},[7157,7161,7165,7169,7173,7177],{"type":15,"tag":86,"props":7158,"children":7159},{"style":93},[7160],{"type":21,"value":5752},{"type":15,"tag":86,"props":7162,"children":7163},{"style":573},[7164],{"type":21,"value":5757},{"type":15,"tag":86,"props":7166,"children":7167},{"style":99},[7168],{"type":21,"value":5822},{"type":15,"tag":86,"props":7170,"children":7171},{"style":93},[7172],{"type":21,"value":5767},{"type":15,"tag":86,"props":7174,"children":7175},{"style":151},[7176],{"type":21,"value":5831},{"type":15,"tag":86,"props":7178,"children":7179},{"style":93},[7180],{"type":21,"value":5777},{"type":15,"tag":86,"props":7182,"children":7183},{"class":88,"line":254},[7184],{"type":15,"tag":86,"props":7185,"children":7186},{"style":93},[7187],{"type":21,"value":5843},{"type":15,"tag":86,"props":7189,"children":7190},{"class":88,"line":292},[7191],{"type":15,"tag":86,"props":7192,"children":7193},{"emptyLinePlaceholder":8},[7194],{"type":21,"value":315},{"type":15,"tag":86,"props":7196,"children":7197},{"class":88,"line":309},[7198,7202,7206,7211,7215,7219,7223,7227],{"type":15,"tag":86,"props":7199,"children":7200},{"style":358},[7201],{"type":21,"value":466},{"type":15,"tag":86,"props":7203,"children":7204},{"style":358},[7205],{"type":21,"value":471},{"type":15,"tag":86,"props":7207,"children":7208},{"style":479},[7209],{"type":21,"value":7210}," forwardRef",{"type":15,"tag":86,"props":7212,"children":7213},{"style":93},[7214],{"type":21,"value":96},{"type":15,"tag":86,"props":7216,"children":7217},{"style":573},[7218],{"type":21,"value":3383},{"type":15,"tag":86,"props":7220,"children":7221},{"style":93},[7222],{"type":21,"value":2564},{"type":15,"tag":86,"props":7224,"children":7225},{"style":573},[7226],{"type":21,"value":7054},{"type":15,"tag":86,"props":7228,"children":7229},{"style":93},[7230],{"type":21,"value":7231},">(\n",{"type":15,"tag":86,"props":7233,"children":7234},{"class":88,"line":318},[7235,7240,7244,7248,7253,7257,7261,7265,7269,7273,7277,7281,7285,7290,7295,7300,7304,7308,7313,7317,7322,7326,7331,7336],{"type":15,"tag":86,"props":7236,"children":7237},{"style":93},[7238],{"type":21,"value":7239},"  ({ ",{"type":15,"tag":86,"props":7241,"children":7242},{"style":3362},[7243],{"type":21,"value":5424},{"type":15,"tag":86,"props":7245,"children":7246},{"style":545},[7247],{"type":21,"value":2645},{"type":15,"tag":86,"props":7249,"children":7250},{"style":573},[7251],{"type":21,"value":7252}," SfTextareaSize",{"type":15,"tag":86,"props":7254,"children":7255},{"style":93},[7256],{"type":21,"value":2875},{"type":15,"tag":86,"props":7258,"children":7259},{"style":99},[7260],{"type":21,"value":6229},{"type":15,"tag":86,"props":7262,"children":7263},{"style":93},[7264],{"type":21,"value":2564},{"type":15,"tag":86,"props":7266,"children":7267},{"style":3362},[7268],{"type":21,"value":1290},{"type":15,"tag":86,"props":7270,"children":7271},{"style":545},[7272],{"type":21,"value":2645},{"type":15,"tag":86,"props":7274,"children":7275},{"style":140},[7276],{"type":21,"value":2721},{"type":15,"tag":86,"props":7278,"children":7279},{"style":93},[7280],{"type":21,"value":2564},{"type":15,"tag":86,"props":7282,"children":7283},{"style":3362},[7284],{"type":21,"value":5616},{"type":15,"tag":86,"props":7286,"children":7287},{"style":93},[7288],{"type":21,"value":7289},", ...",{"type":15,"tag":86,"props":7291,"children":7292},{"style":3362},[7293],{"type":21,"value":7294},"attributes",{"type":15,"tag":86,"props":7296,"children":7297},{"style":93},[7298],{"type":21,"value":7299}," }, ",{"type":15,"tag":86,"props":7301,"children":7302},{"style":3362},[7303],{"type":21,"value":2559},{"type":15,"tag":86,"props":7305,"children":7306},{"style":93},[7307],{"type":21,"value":6383},{"type":15,"tag":86,"props":7309,"children":7310},{"style":573},[7311],{"type":21,"value":7312},"React",{"type":15,"tag":86,"props":7314,"children":7315},{"style":93},[7316],{"type":21,"value":2875},{"type":15,"tag":86,"props":7318,"children":7319},{"style":573},[7320],{"type":21,"value":7321},"JSX",{"type":15,"tag":86,"props":7323,"children":7324},{"style":93},[7325],{"type":21,"value":2875},{"type":15,"tag":86,"props":7327,"children":7328},{"style":573},[7329],{"type":21,"value":7330},"Element",{"type":15,"tag":86,"props":7332,"children":7333},{"style":358},[7334],{"type":21,"value":7335}," =>",{"type":15,"tag":86,"props":7337,"children":7338},{"style":93},[7339],{"type":21,"value":4792},{"type":15,"tag":86,"props":7341,"children":7342},{"class":88,"line":354},[7343,7348,7352,7356,7360,7364,7368,7372,7376,7380,7384],{"type":15,"tag":86,"props":7344,"children":7345},{"style":358},[7346],{"type":21,"value":7347},"    const",{"type":15,"tag":86,"props":7349,"children":7350},{"style":93},[7351],{"type":21,"value":366},{"type":15,"tag":86,"props":7353,"children":7354},{"style":573},[7355],{"type":21,"value":6529},{"type":15,"tag":86,"props":7357,"children":7358},{"style":93},[7359],{"type":21,"value":375},{"type":15,"tag":86,"props":7361,"children":7362},{"style":545},[7363],{"type":21,"value":148},{"type":15,"tag":86,"props":7365,"children":7366},{"style":479},[7367],{"type":21,"value":6542},{"type":15,"tag":86,"props":7369,"children":7370},{"style":93},[7371],{"type":21,"value":6547},{"type":15,"tag":86,"props":7373,"children":7374},{"style":99},[7375],{"type":21,"value":6552},{"type":15,"tag":86,"props":7377,"children":7378},{"style":93},[7379],{"type":21,"value":3370},{"type":15,"tag":86,"props":7381,"children":7382},{"style":140},[7383],{"type":21,"value":6561},{"type":15,"tag":86,"props":7385,"children":7386},{"style":93},[7387],{"type":21,"value":6566},{"type":15,"tag":86,"props":7389,"children":7390},{"class":88,"line":393},[7391],{"type":15,"tag":86,"props":7392,"children":7393},{"emptyLinePlaceholder":8},[7394],{"type":21,"value":315},{"type":15,"tag":86,"props":7396,"children":7397},{"class":88,"line":686},[7398,7403],{"type":15,"tag":86,"props":7399,"children":7400},{"style":358},[7401],{"type":21,"value":7402},"    return",{"type":15,"tag":86,"props":7404,"children":7405},{"style":93},[7406],{"type":21,"value":500},{"type":15,"tag":86,"props":7408,"children":7409},{"class":88,"line":695},[7410,7414],{"type":15,"tag":86,"props":7411,"children":7412},{"style":93},[7413],{"type":21,"value":516},{"type":15,"tag":86,"props":7415,"children":7416},{"style":99},[7417],{"type":21,"value":6737},{"type":15,"tag":86,"props":7419,"children":7420},{"class":88,"line":2338},[7421,7426,7430,7434,7438],{"type":15,"tag":86,"props":7422,"children":7423},{"style":539},[7424],{"type":21,"value":7425},"        ref",{"type":15,"tag":86,"props":7427,"children":7428},{"style":545},[7429],{"type":21,"value":148},{"type":15,"tag":86,"props":7431,"children":7432},{"style":358},[7433],{"type":21,"value":3714},{"type":15,"tag":86,"props":7435,"children":7436},{"style":99},[7437],{"type":21,"value":2559},{"type":15,"tag":86,"props":7439,"children":7440},{"style":358},[7441],{"type":21,"value":701},{"type":15,"tag":86,"props":7443,"children":7444},{"class":88,"line":2354},[7445,7450,7454,7458,7462],{"type":15,"tag":86,"props":7446,"children":7447},{"style":539},[7448],{"type":21,"value":7449},"        className",{"type":15,"tag":86,"props":7451,"children":7452},{"style":545},[7453],{"type":21,"value":148},{"type":15,"tag":86,"props":7455,"children":7456},{"style":358},[7457],{"type":21,"value":3714},{"type":15,"tag":86,"props":7459,"children":7460},{"style":479},[7461],{"type":21,"value":5997},{"type":15,"tag":86,"props":7463,"children":7464},{"style":93},[7465],{"type":21,"value":7466},"(\n",{"type":15,"tag":86,"props":7468,"children":7469},{"class":88,"line":2371},[7470,7475],{"type":15,"tag":86,"props":7471,"children":7472},{"style":151},[7473],{"type":21,"value":7474},"          'px-4 bg-white rounded-xl text-neutral-900 ring-inset hover:ring-primary-800 focus:caret-primary-700 active:caret-primary-700 active:ring-primary-700 active:ring-2 focus:ring-primary-700 focus:ring-2 outline-hidden'",{"type":15,"tag":86,"props":7476,"children":7477},{"style":93},[7478],{"type":21,"value":5777},{"type":15,"tag":86,"props":7480,"children":7481},{"class":88,"line":2384},[7482],{"type":15,"tag":86,"props":7483,"children":7484},{"style":93},[7485],{"type":21,"value":7486},"          {\n",{"type":15,"tag":86,"props":7488,"children":7489},{"class":88,"line":2402},[7490,7495,7499,7503],{"type":15,"tag":86,"props":7491,"children":7492},{"style":151},[7493],{"type":21,"value":7494},"            'ring-2 ring-negative-700'",{"type":15,"tag":86,"props":7496,"children":7497},{"style":93},[7498],{"type":21,"value":3370},{"type":15,"tag":86,"props":7500,"children":7501},{"style":99},[7502],{"type":21,"value":1290},{"type":15,"tag":86,"props":7504,"children":7505},{"style":93},[7506],{"type":21,"value":5777},{"type":15,"tag":86,"props":7508,"children":7509},{"class":88,"line":2420},[7510,7515,7519,7524,7528],{"type":15,"tag":86,"props":7511,"children":7512},{"style":151},[7513],{"type":21,"value":7514},"            'ring-1 ring-neutral-300'",{"type":15,"tag":86,"props":7516,"children":7517},{"style":93},[7518],{"type":21,"value":3370},{"type":15,"tag":86,"props":7520,"children":7521},{"style":545},[7522],{"type":21,"value":7523},"!",{"type":15,"tag":86,"props":7525,"children":7526},{"style":99},[7527],{"type":21,"value":1290},{"type":15,"tag":86,"props":7529,"children":7530},{"style":93},[7531],{"type":21,"value":5777},{"type":15,"tag":86,"props":7533,"children":7534},{"class":88,"line":2429},[7535,7540,7544,7548],{"type":15,"tag":86,"props":7536,"children":7537},{"style":151},[7538],{"type":21,"value":7539},"            'focus:outline focus:outline-offset'",{"type":15,"tag":86,"props":7541,"children":7542},{"style":93},[7543],{"type":21,"value":3370},{"type":15,"tag":86,"props":7545,"children":7546},{"style":99},[7547],{"type":21,"value":6529},{"type":15,"tag":86,"props":7549,"children":7550},{"style":93},[7551],{"type":21,"value":5777},{"type":15,"tag":86,"props":7553,"children":7554},{"class":88,"line":2438},[7555],{"type":15,"tag":86,"props":7556,"children":7557},{"style":93},[7558],{"type":21,"value":7559},"          },\n",{"type":15,"tag":86,"props":7561,"children":7562},{"class":88,"line":2447},[7563,7568,7573,7577],{"type":15,"tag":86,"props":7564,"children":7565},{"style":99},[7566],{"type":21,"value":7567},"          sizeClasses",{"type":15,"tag":86,"props":7569,"children":7570},{"style":93},[7571],{"type":21,"value":7572},"[",{"type":15,"tag":86,"props":7574,"children":7575},{"style":99},[7576],{"type":21,"value":5424},{"type":15,"tag":86,"props":7578,"children":7579},{"style":93},[7580],{"type":21,"value":6109},{"type":15,"tag":86,"props":7582,"children":7583},{"class":88,"line":2456},[7584,7588],{"type":15,"tag":86,"props":7585,"children":7586},{"style":99},[7587],{"type":21,"value":607},{"type":15,"tag":86,"props":7589,"children":7590},{"style":93},[7591],{"type":21,"value":5777},{"type":15,"tag":86,"props":7593,"children":7594},{"class":88,"line":2465},[7595,7600],{"type":15,"tag":86,"props":7596,"children":7597},{"style":93},[7598],{"type":21,"value":7599},"        )",{"type":15,"tag":86,"props":7601,"children":7602},{"style":358},[7603],{"type":21,"value":701},{"type":15,"tag":86,"props":7605,"children":7606},{"class":88,"line":2481},[7607,7612,7616],{"type":15,"tag":86,"props":7608,"children":7609},{"style":539},[7610],{"type":21,"value":7611},"        data-testid",{"type":15,"tag":86,"props":7613,"children":7614},{"style":545},[7615],{"type":21,"value":148},{"type":15,"tag":86,"props":7617,"children":7618},{"style":151},[7619],{"type":21,"value":6862},{"type":15,"tag":86,"props":7621,"children":7622},{"class":88,"line":2497},[7623,7627,7632,7636],{"type":15,"tag":86,"props":7624,"children":7625},{"style":358},[7626],{"type":21,"value":4156},{"type":15,"tag":86,"props":7628,"children":7629},{"style":93},[7630],{"type":21,"value":7631},"...",{"type":15,"tag":86,"props":7633,"children":7634},{"style":99},[7635],{"type":21,"value":7294},{"type":15,"tag":86,"props":7637,"children":7638},{"style":358},[7639],{"type":21,"value":701},{"type":15,"tag":86,"props":7641,"children":7642},{"class":88,"line":2513},[7643],{"type":15,"tag":86,"props":7644,"children":7645},{"style":93},[7646],{"type":21,"value":7647},"      \u002F>\n",{"type":15,"tag":86,"props":7649,"children":7650},{"class":88,"line":2545},[7651],{"type":15,"tag":86,"props":7652,"children":7653},{"style":93},[7654],{"type":21,"value":7655},"    );\n",{"type":15,"tag":86,"props":7657,"children":7658},{"class":88,"line":2589},[7659],{"type":15,"tag":86,"props":7660,"children":7661},{"style":93},[7662],{"type":21,"value":6137},{"type":15,"tag":86,"props":7664,"children":7665},{"class":88,"line":2621},[7666],{"type":15,"tag":86,"props":7667,"children":7668},{"style":93},[7669],{"type":21,"value":2665},{"type":15,"tag":7671,"props":7672,"children":7673},"style",{},[7674],{"type":21,"value":7675},"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":183,"depth":109,"links":7677},[7678,7679,7680,7681,7682,7683,7684,7685,7686],{"id":51,"depth":127,"text":54},{"id":704,"depth":127,"text":707},{"id":1276,"depth":127,"text":1279},{"id":1986,"depth":127,"text":1989},{"id":4357,"depth":127,"text":4360},{"id":5343,"depth":109,"text":5346},{"id":5354,"depth":109,"text":5357},{"id":5368,"depth":109,"text":5371},{"id":5637,"depth":109,"text":5640},"markdown","content:_components:textarea.md","content","_components\u002Ftextarea.md","_components\u002Ftextarea","md","default",[7695],{"_path":7696,"_dir":9,"_draft":7,"_partial":8,"_locale":9,"navigation":7697,"sidebarRoot":8,"_id":7700,"_type":7701,"title":7702,"_source":7689,"_file":7703,"_stem":7704,"_extension":7705},"\u002F_dir",{"title":7698,"icon":7699},"Storefront UI","IconStorefrontUi","content:_dir.yml","yaml","Dir","_dir.yml","_dir","yml",{"nav":7707,"sidebarRoot":7709},[7708,7711,7723],{"title":7698,"_path":7709,"_id":7700,"layout":7710,"sidebarRoot":8,"icon":7699},"\u002F","fullscreen",{"title":7712,"_path":7713,"children":7714,"_id":7722,"layout":7693},"Getting Started","\u002Fgetting-started",[7715,7718],{"title":7716,"_path":7713,"_id":7717,"layout":7693},"Installation","content:2.getting-started:1.index.md",{"title":7719,"_path":7720,"_id":7721,"layout":7693},"Browser support","\u002Fgetting-started\u002Fbrowser-support","content:2.getting-started:2.browser-support.md","content:2.getting-started:_dir.yml",{"title":7724,"_path":7725,"children":7726},"Customization","\u002Fcustomization",[7727,7731,7735,7739],{"title":7728,"_path":7729,"_id":7730,"layout":7693},"Overriding Default Styles","\u002Fcustomization\u002Foverriding-default-styles","content:3.customization:overriding-default-styles.md",{"title":7732,"_path":7733,"_id":7734,"layout":7693},"Prose styling","\u002Fcustomization\u002Fprose","content:3.customization:prose.md",{"title":7736,"_path":7737,"_id":7738,"layout":7693},"Theming","\u002Fcustomization\u002Ftheming","content:3.customization:theming.md",{"title":7740,"_path":7741,"_id":7742,"layout":7693},"Typography","\u002Fcustomization\u002Ftypography","content:3.customization:typography.md",1787574902166]