[{"data":1,"prerenderedAt":2432},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Ftextarea":313,"\u002Fcomponents\u002Ftextarea-surround":2427},[4,24,41,48,293,298,303,308],{"title":5,"path":6,"stem":7,"children":8,"package":11,"icon":23},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,13,18],{"title":10,"path":6,"stem":7,"package":11,"icon":12},"Introduction",null,"i-lucide-house",{"title":14,"path":15,"stem":16,"package":11,"icon":17},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":19,"path":20,"stem":21,"package":11,"icon":22},"Icons","\u002Fgetting-started\u002Ficons","1.getting-started\u002F3.icons","i-lucide-sparkles","i-lucide-rocket",{"title":25,"package":11,"icon":26,"path":27,"stem":28,"children":29,"page":40},"Packages","i-lucide-package","\u002Fpackages","2.packages",[30,35],{"title":31,"path":32,"stem":33,"package":11,"icon":34},"@vyui\u002Fcore","\u002Fpackages\u002Fcore","2.packages\u002F1.core","i-lucide-box",{"title":36,"path":37,"stem":38,"package":11,"icon":39},"@vyui\u002Fkit","\u002Fpackages\u002Fkit","2.packages\u002F2.kit","i-lucide-layers",false,{"title":42,"path":43,"stem":44,"children":45,"package":11,"icon":47},"CLI","\u002Fcli","3.cli\u002F1.index",[46],{"title":42,"path":43,"stem":44,"package":11,"icon":47},"i-lucide-terminal",{"title":49,"package":11,"icon":50,"path":51,"stem":52,"children":53},"Components","i-lucide-layout-grid","\u002Fcomponents","3.components",[54,56,62,67,72,77,82,87,92,97,102,107,112,117,122,127,132,136,141,145,150,155,160,165,170,175,180,185,190,195,200,205,210,215,220,225,230,234,238,243,248,253,258,263,268,272,276,280,284,288],{"title":49,"path":51,"stem":55,"package":11,"icon":50},"3.components\u002Findex",{"title":57,"path":58,"stem":59,"package":60,"icon":61},"Accordion","\u002Fcomponents\u002Faccordion","3.components\u002Faccordion","kit","i-lucide-list-collapse",{"title":63,"path":64,"stem":65,"package":60,"icon":66},"Action Sheet","\u002Fcomponents\u002Faction-sheet","3.components\u002Faction-sheet","i-lucide-panel-bottom",{"title":68,"path":69,"stem":70,"package":60,"icon":71},"Alert","\u002Fcomponents\u002Falert","3.components\u002Falert","i-lucide-triangle-alert",{"title":73,"path":74,"stem":75,"package":76,"icon":71},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","3.components\u002Falert-dialog","core",{"title":78,"path":79,"stem":80,"package":60,"icon":81},"Aspect Ratio","\u002Fcomponents\u002Faspect-ratio","3.components\u002Faspect-ratio","i-lucide-ratio",{"title":83,"path":84,"stem":85,"package":60,"icon":86},"Avatar","\u002Fcomponents\u002Favatar","3.components\u002Favatar","i-lucide-circle-user-round",{"title":88,"path":89,"stem":90,"package":60,"icon":91},"Avatar Group","\u002Fcomponents\u002Favatar-group","3.components\u002Favatar-group","i-lucide-users-round",{"title":93,"path":94,"stem":95,"package":60,"icon":96},"Button","\u002Fcomponents\u002Fbutton","3.components\u002Fbutton","i-lucide-square-mouse-pointer",{"title":98,"path":99,"stem":100,"package":60,"icon":101},"Calendar","\u002Fcomponents\u002Fcalendar","3.components\u002Fcalendar","i-lucide-calendar-days",{"title":103,"path":104,"stem":105,"package":60,"icon":106},"Card","\u002Fcomponents\u002Fcard","3.components\u002Fcard","i-lucide-square",{"title":108,"path":109,"stem":110,"package":60,"icon":111},"Checkbox","\u002Fcomponents\u002Fcheckbox","3.components\u002Fcheckbox","i-lucide-square-check",{"title":113,"path":114,"stem":115,"package":76,"icon":116},"Collapsible","\u002Fcomponents\u002Fcollapsible","3.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":118,"path":119,"stem":120,"package":76,"icon":121},"Dialog","\u002Fcomponents\u002Fdialog","3.components\u002Fdialog","i-lucide-app-window",{"title":123,"path":124,"stem":125,"package":76,"icon":126},"Draggable","\u002Fcomponents\u002Fdraggable","3.components\u002Fdraggable","i-lucide-move",{"title":128,"path":129,"stem":130,"package":60,"icon":131},"Form","\u002Fcomponents\u002Fform","3.components\u002Fform","i-lucide-clipboard-list",{"title":133,"path":134,"stem":135,"package":76,"icon":22},"Icon","\u002Fcomponents\u002Ficon","3.components\u002Ficon",{"title":137,"path":138,"stem":139,"package":60,"icon":140},"Input","\u002Fcomponents\u002Finput","3.components\u002Finput","i-lucide-text-cursor-input",{"title":142,"path":143,"stem":144,"package":60,"icon":66},"Island","\u002Fcomponents\u002Fisland","3.components\u002Fisland",{"title":146,"path":147,"stem":148,"package":60,"icon":149},"Island Button","\u002Fcomponents\u002Fisland-button","3.components\u002Fisland-button","i-lucide-circle-ellipsis",{"title":151,"path":152,"stem":153,"package":60,"icon":154},"Island Group","\u002Fcomponents\u002Fisland-group","3.components\u002Fisland-group","i-lucide-panels-top-left",{"title":156,"path":157,"stem":158,"package":60,"icon":159},"KeyboardAware","\u002Fcomponents\u002Fkeyboard-aware","3.components\u002Fkeyboard-aware","i-lucide-keyboard",{"title":161,"path":162,"stem":163,"package":60,"icon":164},"Label","\u002Fcomponents\u002Flabel","3.components\u002Flabel","i-lucide-tag",{"title":166,"path":167,"stem":168,"package":60,"icon":169},"Modal","\u002Fcomponents\u002Fmodal","3.components\u002Fmodal","i-lucide-gallery-vertical-end",{"title":171,"path":172,"stem":173,"package":76,"icon":174},"Navigation","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation","i-lucide-route",{"title":176,"path":177,"stem":178,"package":60,"icon":179},"Number Field","\u002Fcomponents\u002Fnumber-field","3.components\u002Fnumber-field","i-lucide-list-plus",{"title":181,"path":182,"stem":183,"package":76,"icon":184},"Pagination","\u002Fcomponents\u002Fpagination","3.components\u002Fpagination","i-lucide-ellipsis",{"title":186,"path":187,"stem":188,"package":60,"icon":189},"Pin Input","\u002Fcomponents\u002Fpin-input","3.components\u002Fpin-input","i-lucide-key-round",{"title":191,"path":192,"stem":193,"package":60,"icon":194},"Placeholder","\u002Fcomponents\u002Fplaceholder","3.components\u002Fplaceholder","i-lucide-square-dashed",{"title":196,"path":197,"stem":198,"package":60,"icon":199},"Popover","\u002Fcomponents\u002Fpopover","3.components\u002Fpopover","i-lucide-message-square-more",{"title":201,"path":202,"stem":203,"package":60,"icon":204},"Progress","\u002Fcomponents\u002Fprogress","3.components\u002Fprogress","i-lucide-chart-no-axes-column-increasing",{"title":206,"path":207,"stem":208,"package":60,"icon":209},"Radio Group","\u002Fcomponents\u002Fradio-group","3.components\u002Fradio-group","i-lucide-circle-dot",{"title":211,"path":212,"stem":213,"package":60,"icon":214},"Rating","\u002Fcomponents\u002Frating","3.components\u002Frating","i-lucide-star",{"title":216,"path":217,"stem":218,"package":76,"icon":219},"Scroll View","\u002Fcomponents\u002Fscroll-view","3.components\u002Fscroll-view","i-lucide-scroll",{"title":221,"path":222,"stem":223,"package":60,"icon":224},"Select","\u002Fcomponents\u002Fselect","3.components\u002Fselect","i-lucide-list-check",{"title":226,"path":227,"stem":228,"package":60,"icon":229},"Separator","\u002Fcomponents\u002Fseparator","3.components\u002Fseparator","i-lucide-separator-horizontal",{"title":231,"path":232,"stem":233,"package":76,"icon":66},"Sheet","\u002Fcomponents\u002Fsheet","3.components\u002Fsheet",{"title":235,"path":236,"stem":237,"package":60,"icon":154},"Skeleton","\u002Fcomponents\u002Fskeleton","3.components\u002Fskeleton",{"title":239,"path":240,"stem":241,"package":60,"icon":242},"Slider","\u002Fcomponents\u002Fslider","3.components\u002Fslider","i-lucide-sliders-horizontal",{"title":244,"path":245,"stem":246,"package":60,"icon":247},"Sortable","\u002Fcomponents\u002Fsortable","3.components\u002Fsortable","i-lucide-list-restart",{"title":249,"path":250,"stem":251,"package":60,"icon":252},"Stepper","\u002Fcomponents\u002Fstepper","3.components\u002Fstepper","i-lucide-list-ordered",{"title":254,"path":255,"stem":256,"package":60,"icon":257},"Swipe Action","\u002Fcomponents\u002Fswipe-action","3.components\u002Fswipe-action","i-lucide-move-horizontal",{"title":259,"path":260,"stem":261,"package":60,"icon":262},"Swiper","\u002Fcomponents\u002Fswiper","3.components\u002Fswiper","i-lucide-gallery-horizontal-end",{"title":264,"path":265,"stem":266,"package":60,"icon":267},"Switch","\u002Fcomponents\u002Fswitch","3.components\u002Fswitch","i-lucide-toggle-right",{"title":269,"path":270,"stem":271,"package":60,"icon":154},"Tabs","\u002Fcomponents\u002Ftabs","3.components\u002Ftabs",{"title":273,"path":274,"stem":275,"package":60,"icon":140},"Textarea","\u002Fcomponents\u002Ftextarea","3.components\u002Ftextarea",{"title":277,"path":278,"stem":279,"package":60,"icon":199},"Toast","\u002Fcomponents\u002Ftoast","3.components\u002Ftoast",{"title":281,"path":282,"stem":283,"package":60,"icon":267},"Toggle","\u002Fcomponents\u002Ftoggle","3.components\u002Ftoggle",{"title":285,"path":286,"stem":287,"package":60,"icon":154},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","3.components\u002Ftoggle-group",{"title":289,"path":290,"stem":291,"package":60,"icon":292},"Tray","\u002Fcomponents\u002Ftray","3.components\u002Ftray","i-lucide-square-dashed-bottom",{"title":294,"path":295,"stem":296,"package":11,"icon":297},"Theming","\u002Ftheming","4.theming","i-lucide-palette",{"title":299,"path":300,"stem":301,"package":11,"icon":302},"Accessibility","\u002Faccessibility","5.accessibility","i-lucide-accessibility",{"title":304,"path":305,"stem":306,"package":11,"icon":307},"i18n","\u002Fi18n","6.i18n","i-lucide-languages",{"title":309,"path":310,"stem":311,"package":11,"icon":312},"Roadmap","\u002Froadmap","7.roadmap","i-lucide-map",{"id":314,"title":273,"body":315,"description":2415,"extension":2416,"links":2417,"meta":2423,"navigation":2424,"package":60,"path":274,"seo":2425,"stem":275,"__hash__":2426},"docs\u002F3.components\u002Ftextarea.md",{"type":316,"value":317,"toc":2397},"minimark",[318,323,331,336,340,586,597,602,612,739,752,756,763,840,845,849,852,942,946,953,1315,1339,1343,1416,1420,1896,1921,1958,1962,2050,2061,2065,2120,2124,2153,2165,2169,2178,2258,2286,2294,2297,2307,2318,2321,2325,2367,2371,2393],[319,320,322],"h2",{"id":321},"overview","Overview",[324,325,326,330],"p",{},[327,328,329],"code",{},"VyTextarea"," is the styled multi-line input for Vue-Lynx. It combines the core native textarea behavior with semantic colors, surface variants, sizes, loading state, leading or trailing content, and delayed autofocus.",[332,333],"component-code",{"height":334,"name":335},"180px","textarea-example",[319,337,339],{"id":338},"usage","Usage",[341,342,347],"pre",{"className":343,"code":344,"language":345,"meta":346,"style":346},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { VyTextarea } from '@vyui\u002Fkit'\nimport { ref } from 'vue'\n\nconst bio = ref('')\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVyTextarea\n    v-model=\"bio\"\n    name=\"bio\"\n    placeholder=\"Tell us about yourself\"\n    :rows=\"4\"\n    :max-length=\"280\"\n  \u002F>\n\u003C\u002Ftemplate>\n","vue","",[327,348,349,384,412,432,439,462,472,477,487,496,512,526,541,556,571,577],{"__ignoreMap":346},[350,351,354,358,362,366,369,372,375,379,381],"span",{"class":352,"line":353},"line",1,[350,355,357],{"class":356},"sMK4o","\u003C",[350,359,361],{"class":360},"swJcz","script",[350,363,365],{"class":364},"spNyl"," setup",[350,367,368],{"class":364}," lang",[350,370,371],{"class":356},"=",[350,373,374],{"class":356},"\"",[350,376,378],{"class":377},"sfazB","ts",[350,380,374],{"class":356},[350,382,383],{"class":356},">\n",[350,385,387,391,394,398,401,404,407,409],{"class":352,"line":386},2,[350,388,390],{"class":389},"s7zQu","import",[350,392,393],{"class":356}," {",[350,395,397],{"class":396},"sTEyZ"," VyTextarea",[350,399,400],{"class":356}," }",[350,402,403],{"class":389}," from",[350,405,406],{"class":356}," '",[350,408,36],{"class":377},[350,410,411],{"class":356},"'\n",[350,413,415,417,419,422,424,426,428,430],{"class":352,"line":414},3,[350,416,390],{"class":389},[350,418,393],{"class":356},[350,420,421],{"class":396}," ref",[350,423,400],{"class":356},[350,425,403],{"class":389},[350,427,406],{"class":356},[350,429,345],{"class":377},[350,431,411],{"class":356},[350,433,435],{"class":352,"line":434},4,[350,436,438],{"emptyLinePlaceholder":437},true,"\n",[350,440,442,445,448,450,453,456,459],{"class":352,"line":441},5,[350,443,444],{"class":364},"const",[350,446,447],{"class":396}," bio ",[350,449,371],{"class":356},[350,451,421],{"class":452},"s2Zo4",[350,454,455],{"class":396},"(",[350,457,458],{"class":356},"''",[350,460,461],{"class":396},")\n",[350,463,465,468,470],{"class":352,"line":464},6,[350,466,467],{"class":356},"\u003C\u002F",[350,469,361],{"class":360},[350,471,383],{"class":356},[350,473,475],{"class":352,"line":474},7,[350,476,438],{"emptyLinePlaceholder":437},[350,478,480,482,485],{"class":352,"line":479},8,[350,481,357],{"class":356},[350,483,484],{"class":360},"template",[350,486,383],{"class":356},[350,488,490,493],{"class":352,"line":489},9,[350,491,492],{"class":356},"  \u003C",[350,494,495],{"class":360},"VyTextarea\n",[350,497,499,502,504,506,509],{"class":352,"line":498},10,[350,500,501],{"class":364},"    v-model",[350,503,371],{"class":356},[350,505,374],{"class":356},[350,507,508],{"class":377},"bio",[350,510,511],{"class":356},"\"\n",[350,513,515,518,520,522,524],{"class":352,"line":514},11,[350,516,517],{"class":364},"    name",[350,519,371],{"class":356},[350,521,374],{"class":356},[350,523,508],{"class":377},[350,525,511],{"class":356},[350,527,529,532,534,536,539],{"class":352,"line":528},12,[350,530,531],{"class":364},"    placeholder",[350,533,371],{"class":356},[350,535,374],{"class":356},[350,537,538],{"class":377},"Tell us about yourself",[350,540,511],{"class":356},[350,542,544,547,549,551,554],{"class":352,"line":543},13,[350,545,546],{"class":364},"    :rows",[350,548,371],{"class":356},[350,550,374],{"class":356},[350,552,553],{"class":377},"4",[350,555,511],{"class":356},[350,557,559,562,564,566,569],{"class":352,"line":558},14,[350,560,561],{"class":364},"    :max-length",[350,563,371],{"class":356},[350,565,374],{"class":356},[350,567,568],{"class":377},"280",[350,570,511],{"class":356},[350,572,574],{"class":352,"line":573},15,[350,575,576],{"class":356},"  \u002F>\n",[350,578,580,582,584],{"class":352,"line":579},16,[350,581,467],{"class":356},[350,583,484],{"class":360},[350,585,383],{"class":356},[324,587,588,589,592,593,596],{},"The model accepts a ",[327,590,591],{},"string"," or ",[327,594,595],{},"number",", but native edits are emitted as strings.",[598,599,601],"h3",{"id":600},"icons-avatars-and-loading","Icons, avatars, and loading",[324,603,604,607,608,611],{},[327,605,606],{},"icon"," is leading by default. Set ",[327,609,610],{},"trailing"," to route the shorthand to the trailing side, or use the explicit icon props.",[341,613,615],{"className":343,"code":614,"language":345,"meta":346,"style":346},"\u003Cview class=\"flex flex-col gap-3\">\n  \u003CVyTextarea\n    v-model=\"notes\"\n    leading-icon=\"i-lucide-notebook-pen\"\n    trailing-icon=\"i-lucide-check\"\n    placeholder=\"Add release notes\"\n  \u002F>\n\n  \u003CVyTextarea\n    v-model=\"message\"\n    :avatar=\"{ src: author.avatar, alt: author.name }\"\n    placeholder=\"Write a reply\"\n  \u002F>\n\n  \u003CVyTextarea\n    v-model=\"draft\"\n    loading\n    loading-icon=\"i-lucide-loader-circle\"\n    placeholder=\"Restoring draft…\"\n  \u002F>\n\u003C\u002Fview>\n",[327,616,617,638,643,648,653,658,663,667,671,675,680,685,690,694,698,702,707,713,719,725,730],{"__ignoreMap":346},[350,618,619,621,624,627,629,631,634,636],{"class":352,"line":353},[350,620,357],{"class":356},[350,622,623],{"class":360},"view",[350,625,626],{"class":364}," class",[350,628,371],{"class":356},[350,630,374],{"class":356},[350,632,633],{"class":377},"flex flex-col gap-3",[350,635,374],{"class":356},[350,637,383],{"class":356},[350,639,640],{"class":352,"line":386},[350,641,642],{"class":396},"  \u003CVyTextarea\n",[350,644,645],{"class":352,"line":414},[350,646,647],{"class":396},"    v-model=\"notes\"\n",[350,649,650],{"class":352,"line":434},[350,651,652],{"class":396},"    leading-icon=\"i-lucide-notebook-pen\"\n",[350,654,655],{"class":352,"line":441},[350,656,657],{"class":396},"    trailing-icon=\"i-lucide-check\"\n",[350,659,660],{"class":352,"line":464},[350,661,662],{"class":396},"    placeholder=\"Add release notes\"\n",[350,664,665],{"class":352,"line":474},[350,666,576],{"class":396},[350,668,669],{"class":352,"line":479},[350,670,438],{"emptyLinePlaceholder":437},[350,672,673],{"class":352,"line":489},[350,674,642],{"class":396},[350,676,677],{"class":352,"line":498},[350,678,679],{"class":396},"    v-model=\"message\"\n",[350,681,682],{"class":352,"line":514},[350,683,684],{"class":396},"    :avatar=\"{ src: author.avatar, alt: author.name }\"\n",[350,686,687],{"class":352,"line":528},[350,688,689],{"class":396},"    placeholder=\"Write a reply\"\n",[350,691,692],{"class":352,"line":543},[350,693,576],{"class":396},[350,695,696],{"class":352,"line":558},[350,697,438],{"emptyLinePlaceholder":437},[350,699,700],{"class":352,"line":573},[350,701,642],{"class":396},[350,703,704],{"class":352,"line":579},[350,705,706],{"class":396},"    v-model=\"draft\"\n",[350,708,710],{"class":352,"line":709},17,[350,711,712],{"class":396},"    loading\n",[350,714,716],{"class":352,"line":715},18,[350,717,718],{"class":396},"    loading-icon=\"i-lucide-loader-circle\"\n",[350,720,722],{"class":352,"line":721},19,[350,723,724],{"class":396},"    placeholder=\"Restoring draft…\"\n",[350,726,728],{"class":352,"line":727},20,[350,729,576],{"class":396},[350,731,733,735,737],{"class":352,"line":732},21,[350,734,467],{"class":356},[350,736,623],{"class":360},[350,738,383],{"class":356},[324,740,741,742,592,745,748,749,751],{},"The loading spinner takes precedence over an avatar and leading icon. An explicit ",[327,743,744],{},"leadingIcon",[327,746,747],{},"trailingIcon"," takes precedence over the ",[327,750,606],{}," shorthand.",[598,753,755],{"id":754},"variants-and-validation-emphasis","Variants and validation emphasis",[324,757,758,759,762],{},"Use ",[327,760,761],{},"highlight"," to paint a static semantic border regardless of focus.",[341,764,766],{"className":343,"code":765,"language":345,"meta":346,"style":346},"\u003CVyTextarea\n  v-model=\"feedback\"\n  color=\"error\"\n  variant=\"subtle\"\n  highlight\n  placeholder=\"Describe what went wrong\"\n\u002F>\n",[327,767,768,774,788,802,816,821,835],{"__ignoreMap":346},[350,769,770,772],{"class":352,"line":353},[350,771,357],{"class":356},[350,773,495],{"class":360},[350,775,776,779,781,783,786],{"class":352,"line":386},[350,777,778],{"class":364},"  v-model",[350,780,371],{"class":356},[350,782,374],{"class":356},[350,784,785],{"class":396},"feedback",[350,787,511],{"class":356},[350,789,790,793,795,797,800],{"class":352,"line":414},[350,791,792],{"class":364},"  color",[350,794,371],{"class":356},[350,796,374],{"class":356},[350,798,799],{"class":377},"error",[350,801,511],{"class":356},[350,803,804,807,809,811,814],{"class":352,"line":434},[350,805,806],{"class":364},"  variant",[350,808,371],{"class":356},[350,810,374],{"class":356},[350,812,813],{"class":377},"subtle",[350,815,511],{"class":356},[350,817,818],{"class":352,"line":441},[350,819,820],{"class":364},"  highlight\n",[350,822,823,826,828,830,833],{"class":352,"line":464},[350,824,825],{"class":364},"  placeholder",[350,827,371],{"class":356},[350,829,374],{"class":356},[350,831,832],{"class":377},"Describe what went wrong",[350,834,511],{"class":356},[350,836,837],{"class":352,"line":474},[350,838,839],{"class":396},"\u002F>\n",[324,841,842,844],{},[327,843,761],{}," is visual only. It does not set an invalid state or provide an error message, so pair it with a visible label and validation text.",[598,846,848],{"id":847},"custom-leading-and-trailing-content","Custom leading and trailing content",[324,850,851],{},"The icon color is resolved to a Lynx-compatible hex value and passed to both named slots.",[341,853,855],{"className":343,"code":854,"language":345,"meta":346,"style":346},"\u003CVyTextarea v-model=\"message\" color=\"info\" placeholder=\"Message\">\n  \u003Ctemplate #leading=\"{ iconColor }\">\n    \u003CVyIcon name=\"i-lucide-message-circle\" :color=\"iconColor\" \u002F>\n  \u003C\u002Ftemplate>\n\n  \u003Ctemplate #trailing=\"{ iconColor }\">\n    \u003CVyIcon name=\"i-lucide-send\" :color=\"iconColor\" \u002F>\n  \u003C\u002Ftemplate>\n\u003C\u002FVyTextarea>\n",[327,856,857,901,906,911,916,920,925,930,934],{"__ignoreMap":346},[350,858,859,861,863,866,868,870,873,875,878,880,882,885,887,890,892,894,897,899],{"class":352,"line":353},[350,860,357],{"class":356},[350,862,329],{"class":360},[350,864,865],{"class":364}," v-model",[350,867,371],{"class":356},[350,869,374],{"class":356},[350,871,872],{"class":396},"message",[350,874,374],{"class":356},[350,876,877],{"class":364}," color",[350,879,371],{"class":356},[350,881,374],{"class":356},[350,883,884],{"class":377},"info",[350,886,374],{"class":356},[350,888,889],{"class":364}," placeholder",[350,891,371],{"class":356},[350,893,374],{"class":356},[350,895,896],{"class":377},"Message",[350,898,374],{"class":356},[350,900,383],{"class":356},[350,902,903],{"class":352,"line":386},[350,904,905],{"class":396},"  \u003Ctemplate #leading=\"{ iconColor }\">\n",[350,907,908],{"class":352,"line":414},[350,909,910],{"class":396},"    \u003CVyIcon name=\"i-lucide-message-circle\" :color=\"iconColor\" \u002F>\n",[350,912,913],{"class":352,"line":434},[350,914,915],{"class":396},"  \u003C\u002Ftemplate>\n",[350,917,918],{"class":352,"line":441},[350,919,438],{"emptyLinePlaceholder":437},[350,921,922],{"class":352,"line":464},[350,923,924],{"class":396},"  \u003Ctemplate #trailing=\"{ iconColor }\">\n",[350,926,927],{"class":352,"line":474},[350,928,929],{"class":396},"    \u003CVyIcon name=\"i-lucide-send\" :color=\"iconColor\" \u002F>\n",[350,931,932],{"class":352,"line":479},[350,933,915],{"class":396},[350,935,936,938,940],{"class":352,"line":489},[350,937,467],{"class":356},[350,939,329],{"class":360},[350,941,383],{"class":356},[598,943,945],{"id":944},"autofocus-and-imperative-access","Autofocus and imperative access",[324,947,948,949,952],{},"The kit wrapper exposes its core textarea instance through ",[327,950,951],{},"textareaRef",".",[341,954,956],{"className":343,"code":955,"language":345,"meta":346,"style":346},"\u003Cscript setup lang=\"ts\">\nimport { VyButton, VyTextarea } from '@vyui\u002Fkit'\nimport { ref } from 'vue'\n\nconst textarea = ref\u003Cany>(null)\nconst value = ref('Editable text')\n\nasync function selectAll() {\n  const core = textarea.value?.textareaRef\n  const current = await core?.getValue()\n  await core?.focus()\n  await core?.setSelectionRange(0, current?.value.length ?? 0)\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVyTextarea\n    ref=\"textarea\"\n    v-model=\"value\"\n    autofocus\n    :autofocus-delay=\"150\"\n  \u002F>\n  \u003CVyButton @tap=\"selectAll\">Select all\u003C\u002FVyButton>\n\u003C\u002Ftemplate>\n",[327,957,958,978,1002,1020,1024,1051,1074,1078,1095,1120,1142,1156,1194,1199,1207,1211,1219,1225,1239,1251,1256,1270,1275,1306],{"__ignoreMap":346},[350,959,960,962,964,966,968,970,972,974,976],{"class":352,"line":353},[350,961,357],{"class":356},[350,963,361],{"class":360},[350,965,365],{"class":364},[350,967,368],{"class":364},[350,969,371],{"class":356},[350,971,374],{"class":356},[350,973,378],{"class":377},[350,975,374],{"class":356},[350,977,383],{"class":356},[350,979,980,982,984,987,990,992,994,996,998,1000],{"class":352,"line":386},[350,981,390],{"class":389},[350,983,393],{"class":356},[350,985,986],{"class":396}," VyButton",[350,988,989],{"class":356},",",[350,991,397],{"class":396},[350,993,400],{"class":356},[350,995,403],{"class":389},[350,997,406],{"class":356},[350,999,36],{"class":377},[350,1001,411],{"class":356},[350,1003,1004,1006,1008,1010,1012,1014,1016,1018],{"class":352,"line":414},[350,1005,390],{"class":389},[350,1007,393],{"class":356},[350,1009,421],{"class":396},[350,1011,400],{"class":356},[350,1013,403],{"class":389},[350,1015,406],{"class":356},[350,1017,345],{"class":377},[350,1019,411],{"class":356},[350,1021,1022],{"class":352,"line":434},[350,1023,438],{"emptyLinePlaceholder":437},[350,1025,1026,1028,1031,1033,1035,1037,1041,1044,1046,1049],{"class":352,"line":441},[350,1027,444],{"class":364},[350,1029,1030],{"class":396}," textarea ",[350,1032,371],{"class":356},[350,1034,421],{"class":452},[350,1036,357],{"class":356},[350,1038,1040],{"class":1039},"sBMFI","any",[350,1042,1043],{"class":356},">",[350,1045,455],{"class":396},[350,1047,1048],{"class":356},"null",[350,1050,461],{"class":396},[350,1052,1053,1055,1058,1060,1062,1064,1067,1070,1072],{"class":352,"line":464},[350,1054,444],{"class":364},[350,1056,1057],{"class":396}," value ",[350,1059,371],{"class":356},[350,1061,421],{"class":452},[350,1063,455],{"class":396},[350,1065,1066],{"class":356},"'",[350,1068,1069],{"class":377},"Editable text",[350,1071,1066],{"class":356},[350,1073,461],{"class":396},[350,1075,1076],{"class":352,"line":474},[350,1077,438],{"emptyLinePlaceholder":437},[350,1079,1080,1083,1086,1089,1092],{"class":352,"line":479},[350,1081,1082],{"class":364},"async",[350,1084,1085],{"class":364}," function",[350,1087,1088],{"class":452}," selectAll",[350,1090,1091],{"class":356},"()",[350,1093,1094],{"class":356}," {\n",[350,1096,1097,1100,1103,1106,1109,1111,1114,1117],{"class":352,"line":489},[350,1098,1099],{"class":364},"  const",[350,1101,1102],{"class":396}," core",[350,1104,1105],{"class":356}," =",[350,1107,1108],{"class":396}," textarea",[350,1110,952],{"class":356},[350,1112,1113],{"class":396},"value",[350,1115,1116],{"class":356},"?.",[350,1118,1119],{"class":396},"textareaRef\n",[350,1121,1122,1124,1127,1129,1132,1134,1136,1139],{"class":352,"line":498},[350,1123,1099],{"class":364},[350,1125,1126],{"class":396}," current",[350,1128,1105],{"class":356},[350,1130,1131],{"class":389}," await",[350,1133,1102],{"class":396},[350,1135,1116],{"class":356},[350,1137,1138],{"class":452},"getValue",[350,1140,1141],{"class":360},"()\n",[350,1143,1144,1147,1149,1151,1154],{"class":352,"line":514},[350,1145,1146],{"class":389},"  await",[350,1148,1102],{"class":396},[350,1150,1116],{"class":356},[350,1152,1153],{"class":452},"focus",[350,1155,1141],{"class":360},[350,1157,1158,1160,1162,1164,1167,1169,1173,1175,1177,1179,1181,1183,1186,1189,1192],{"class":352,"line":528},[350,1159,1146],{"class":389},[350,1161,1102],{"class":396},[350,1163,1116],{"class":356},[350,1165,1166],{"class":452},"setSelectionRange",[350,1168,455],{"class":360},[350,1170,1172],{"class":1171},"sbssI","0",[350,1174,989],{"class":356},[350,1176,1126],{"class":396},[350,1178,1116],{"class":356},[350,1180,1113],{"class":396},[350,1182,952],{"class":356},[350,1184,1185],{"class":396},"length",[350,1187,1188],{"class":356}," ??",[350,1190,1191],{"class":1171}," 0",[350,1193,461],{"class":360},[350,1195,1196],{"class":352,"line":543},[350,1197,1198],{"class":356},"}\n",[350,1200,1201,1203,1205],{"class":352,"line":558},[350,1202,467],{"class":356},[350,1204,361],{"class":360},[350,1206,383],{"class":356},[350,1208,1209],{"class":352,"line":573},[350,1210,438],{"emptyLinePlaceholder":437},[350,1212,1213,1215,1217],{"class":352,"line":579},[350,1214,357],{"class":356},[350,1216,484],{"class":360},[350,1218,383],{"class":356},[350,1220,1221,1223],{"class":352,"line":709},[350,1222,492],{"class":356},[350,1224,495],{"class":360},[350,1226,1227,1230,1232,1234,1237],{"class":352,"line":715},[350,1228,1229],{"class":364},"    ref",[350,1231,371],{"class":356},[350,1233,374],{"class":356},[350,1235,1236],{"class":377},"textarea",[350,1238,511],{"class":356},[350,1240,1241,1243,1245,1247,1249],{"class":352,"line":721},[350,1242,501],{"class":364},[350,1244,371],{"class":356},[350,1246,374],{"class":356},[350,1248,1113],{"class":377},[350,1250,511],{"class":356},[350,1252,1253],{"class":352,"line":727},[350,1254,1255],{"class":364},"    autofocus\n",[350,1257,1258,1261,1263,1265,1268],{"class":352,"line":732},[350,1259,1260],{"class":364},"    :autofocus-delay",[350,1262,371],{"class":356},[350,1264,374],{"class":356},[350,1266,1267],{"class":377},"150",[350,1269,511],{"class":356},[350,1271,1273],{"class":352,"line":1272},22,[350,1274,576],{"class":356},[350,1276,1278,1280,1283,1286,1288,1290,1293,1295,1297,1300,1302,1304],{"class":352,"line":1277},23,[350,1279,492],{"class":356},[350,1281,1282],{"class":360},"VyButton",[350,1284,1285],{"class":364}," @tap",[350,1287,371],{"class":356},[350,1289,374],{"class":356},[350,1291,1292],{"class":377},"selectAll",[350,1294,374],{"class":356},[350,1296,1043],{"class":356},[350,1298,1299],{"class":396},"Select all",[350,1301,467],{"class":356},[350,1303,1282],{"class":360},[350,1305,383],{"class":356},[350,1307,1309,1311,1313],{"class":352,"line":1308},24,[350,1310,467],{"class":356},[350,1312,484],{"class":360},[350,1314,383],{"class":356},[324,1316,1317,1318,1321,1322,1321,1325,1321,1328,1321,1331,1334,1335,1338],{},"The core instance provides ",[327,1319,1320],{},"focus()",", ",[327,1323,1324],{},"blur()",[327,1326,1327],{},"clear()",[327,1329,1330],{},"setValue(value)",[327,1332,1333],{},"getValue()",", and ",[327,1336,1337],{},"setSelectionRange(start, end)",", all returning promises.",[319,1340,1342],{"id":1341},"features-and-behavior","Features and behavior",[1344,1345,1346,1353,1363,1373,1379,1385,1395,1407,1413],"ul",{},[1347,1348,1349,1352],"li",{},[327,1350,1351],{},"v-model"," sends programmatic changes to the native element without re-pushing every native keystroke.",[1347,1354,1355,1358,1359,1362],{},[327,1356,1357],{},"rows"," defaults to ",[327,1360,1361],{},"3"," and is forwarded as a native attribute by the kit wrapper.",[1347,1364,1365,1368,1369,1372],{},[327,1366,1367],{},"maxLength"," is forwarded to core, whose native default is ",[327,1370,1371],{},"140"," when the prop is absent.",[1347,1374,1375,1378],{},[327,1376,1377],{},"disabled"," blocks interaction and applies reduced opacity through the default theme.",[1347,1380,1381,1384],{},[327,1382,1383],{},"loading"," adds a spinning leading icon but does not disable the textarea.",[1347,1386,1387,1388,1391,1392,1394],{},"A custom ",[327,1389,1390],{},"leading"," slot, ",[327,1393,610],{}," slot, icon, avatar, or loading state creates the corresponding side region.",[1347,1396,1397,1399,1400,1402,1403,1406],{},[327,1398,606],{}," routes to the trailing side only when ",[327,1401,610],{}," is ",[327,1404,1405],{},"true","; otherwise it is leading.",[1347,1408,1409,1410,1412],{},"The ",[327,1411,1390],{}," boolean is present in the public props but does not currently change shorthand routing by itself.",[1347,1414,1415],{},"The default slot is forwarded into the core native textarea; use named side slots for visual adornments.",[319,1417,1419],{"id":1418},"props","Props",[1421,1422,1423,1442],"table",{},[1424,1425,1426],"thead",{},[1427,1428,1429,1433,1436,1439],"tr",{},[1430,1431,1432],"th",{},"Prop",[1430,1434,1435],{},"Type",[1430,1437,1438],{},"Default",[1430,1440,1441],{},"Description",[1443,1444,1445,1469,1487,1506,1523,1543,1563,1580,1600,1619,1638,1657,1677,1697,1717,1734,1751,1769,1787,1805,1823,1841,1859,1877],"tbody",{},[1427,1446,1447,1453,1458,1463],{},[1448,1449,1450],"td",{},[327,1451,1452],{},"modelValue",[1448,1454,1455],{},[327,1456,1457],{},"string | number",[1448,1459,1460],{},[327,1461,1462],{},"undefined",[1448,1464,1465,1466,1468],{},"Controlled value used by ",[327,1467,1351],{},"; numbers are rendered as strings.",[1427,1470,1471,1476,1480,1484],{},[1448,1472,1473],{},[327,1474,1475],{},"placeholder",[1448,1477,1478],{},[327,1479,591],{},[1448,1481,1482],{},[327,1483,1462],{},[1448,1485,1486],{},"Placeholder text.",[1427,1488,1489,1493,1498,1503],{},[1448,1490,1491],{},[327,1492,1377],{},[1448,1494,1495],{},[327,1496,1497],{},"boolean",[1448,1499,1500],{},[327,1501,1502],{},"false",[1448,1504,1505],{},"Prevents user interaction.",[1427,1507,1508,1512,1516,1520],{},[1448,1509,1510],{},[327,1511,1383],{},[1448,1513,1514],{},[327,1515,1497],{},[1448,1517,1518],{},[327,1519,1502],{},[1448,1521,1522],{},"Shows the animated loading icon in the leading region.",[1427,1524,1525,1530,1534,1540],{},[1448,1526,1527],{},[327,1528,1529],{},"loadingIcon",[1448,1531,1532],{},[327,1533,591],{},[1448,1535,1536,1537],{},"App icon \u002F ",[327,1538,1539],{},"i-lucide-loader-circle",[1448,1541,1542],{},"Iconify name for the spinner.",[1427,1544,1545,1549,1553,1557],{},[1448,1546,1547],{},[327,1548,606],{},[1448,1550,1551],{},[327,1552,591],{},[1448,1554,1555],{},[327,1556,1462],{},[1448,1558,1559,1560,1562],{},"Leading icon shorthand, or trailing when ",[327,1561,610],{}," is true.",[1427,1564,1565,1569,1573,1577],{},[1448,1566,1567],{},[327,1568,1390],{},[1448,1570,1571],{},[327,1572,1497],{},[1448,1574,1575],{},[327,1576,1502],{},[1448,1578,1579],{},"Declared shorthand hint; currently has no additional runtime effect.",[1427,1581,1582,1586,1590,1594],{},[1448,1583,1584],{},[327,1585,610],{},[1448,1587,1588],{},[327,1589,1497],{},[1448,1591,1592],{},[327,1593,1502],{},[1448,1595,1596,1597,1599],{},"Routes ",[327,1598,606],{}," to the trailing side.",[1427,1601,1602,1606,1610,1614],{},[1448,1603,1604],{},[327,1605,744],{},[1448,1607,1608],{},[327,1609,591],{},[1448,1611,1612],{},[327,1613,1462],{},[1448,1615,1616,1617,952],{},"Explicit leading Iconify name; takes precedence over ",[327,1618,606],{},[1427,1620,1621,1625,1629,1633],{},[1448,1622,1623],{},[327,1624,747],{},[1448,1626,1627],{},[327,1628,591],{},[1448,1630,1631],{},[327,1632,1462],{},[1448,1634,1635,1636,952],{},"Explicit trailing Iconify name; takes precedence over ",[327,1637,606],{},[1427,1639,1640,1645,1650,1654],{},[1448,1641,1642],{},[327,1643,1644],{},"avatar",[1448,1646,1647],{},[327,1648,1649],{},"AvatarProps",[1448,1651,1652],{},[327,1653,1462],{},[1448,1655,1656],{},"Leading avatar shown when not loading.",[1427,1658,1659,1664,1669,1674],{},[1448,1660,1661],{},[327,1662,1663],{},"color",[1448,1665,1666],{},[327,1667,1668],{},"Color",[1448,1670,1671],{},[327,1672,1673],{},"'primary'",[1448,1675,1676],{},"Semantic border, highlight, and icon color.",[1427,1678,1679,1684,1689,1694],{},[1448,1680,1681],{},[327,1682,1683],{},"variant",[1448,1685,1686],{},[327,1687,1688],{},"'outline' | 'soft' | 'subtle' | 'ghost' | 'none'",[1448,1690,1691],{},[327,1692,1693],{},"'outline'",[1448,1695,1696],{},"Surface treatment.",[1427,1698,1699,1704,1709,1714],{},[1448,1700,1701],{},[327,1702,1703],{},"size",[1448,1705,1706],{},[327,1707,1708],{},"'sm' | 'md' | 'lg' | 'xl'",[1448,1710,1711],{},[327,1712,1713],{},"'md'",[1448,1715,1716],{},"Padding, text, gap, and icon scale.",[1427,1718,1719,1723,1727,1731],{},[1448,1720,1721],{},[327,1722,761],{},[1448,1724,1725],{},[327,1726,1497],{},[1448,1728,1729],{},[327,1730,1502],{},[1448,1732,1733],{},"Always paints a semantic border.",[1427,1735,1736,1740,1744,1748],{},[1448,1737,1738],{},[327,1739,1357],{},[1448,1741,1742],{},[327,1743,595],{},[1448,1745,1746],{},[327,1747,1361],{},[1448,1749,1750],{},"Visible row hint forwarded to the native textarea.",[1427,1752,1753,1757,1761,1766],{},[1448,1754,1755],{},[327,1756,1367],{},[1448,1758,1759],{},[327,1760,595],{},[1448,1762,1763,1764],{},"Core default ",[327,1765,1371],{},[1448,1767,1768],{},"Maximum character count.",[1427,1770,1771,1776,1780,1784],{},[1448,1772,1773],{},[327,1774,1775],{},"id",[1448,1777,1778],{},[327,1779,591],{},[1448,1781,1782],{},[327,1783,1462],{},[1448,1785,1786],{},"Native identifier.",[1427,1788,1789,1794,1798,1802],{},[1448,1790,1791],{},[327,1792,1793],{},"name",[1448,1795,1796],{},[327,1797,591],{},[1448,1799,1800],{},[327,1801,1462],{},[1448,1803,1804],{},"Native field name.",[1427,1806,1807,1812,1816,1820],{},[1448,1808,1809],{},[327,1810,1811],{},"required",[1448,1813,1814],{},[327,1815,1497],{},[1448,1817,1818],{},[327,1819,1502],{},[1448,1821,1822],{},"Native required marker.",[1427,1824,1825,1830,1834,1838],{},[1448,1826,1827],{},[327,1828,1829],{},"autofocus",[1448,1831,1832],{},[327,1833,1497],{},[1448,1835,1836],{},[327,1837,1502],{},[1448,1839,1840],{},"Focuses the core textarea after mount.",[1427,1842,1843,1848,1852,1856],{},[1448,1844,1845],{},[327,1846,1847],{},"autofocusDelay",[1448,1849,1850],{},[327,1851,595],{},[1448,1853,1854],{},[327,1855,1172],{},[1448,1857,1858],{},"Delay before autofocus, in milliseconds.",[1427,1860,1861,1866,1870,1874],{},[1448,1862,1863],{},[327,1864,1865],{},"class",[1448,1867,1868],{},[327,1869,1040],{},[1448,1871,1872],{},[327,1873,1462],{},[1448,1875,1876],{},"Classes merged onto the root wrapper.",[1427,1878,1879,1884,1889,1893],{},[1448,1880,1881],{},[327,1882,1883],{},"ui",[1448,1885,1886],{},[327,1887,1888],{},"Partial\u003CRecord\u003CTextareaSlot, any>>",[1448,1890,1891],{},[327,1892,1462],{},[1448,1894,1895],{},"Per-instance theme slot overrides.",[324,1897,1898,1358,1900,1321,1903,1321,1906,1321,1909,1321,1911,1321,1914,1916,1917,1920],{},[327,1899,1668],{},[327,1901,1902],{},"primary",[327,1904,1905],{},"secondary",[327,1907,1908],{},"success",[327,1910,884],{},[327,1912,1913],{},"warning",[327,1915,799],{},", or ",[327,1918,1919],{},"neutral",", and supports consumer registry extensions.",[324,1922,1923,1924,1321,1927,1321,1930,1321,1933,1321,1936,1321,1939,1321,1942,1321,1945,1334,1948,1951,1952,1954,1955,1957],{},"The styled kit wrapper does not currently expose all core textarea props, including ",[327,1925,1926],{},"defaultValue",[327,1928,1929],{},"readonly",[327,1931,1932],{},"maxLines",[327,1934,1935],{},"lineSpacing",[327,1937,1938],{},"bounces",[327,1940,1941],{},"type",[327,1943,1944],{},"inputFilter",[327,1946,1947],{},"confirmType",[327,1949,1950],{},"showSoftInputOnFocus",". Import ",[327,1953,273],{}," from ",[327,1956,31],{}," when those native controls are required.",[319,1959,1961],{"id":1960},"emits","Emits",[1421,1963,1964,1976],{},[1424,1965,1966],{},[1427,1967,1968,1971,1974],{},[1430,1969,1970],{},"Event",[1430,1972,1973],{},"Payload",[1430,1975,1441],{},[1443,1977,1978,1994,2008,2021,2035],{},[1427,1979,1980,1985,1989],{},[1448,1981,1982],{},[327,1983,1984],{},"update:modelValue",[1448,1986,1987],{},[327,1988,591],{},[1448,1990,1991,1992,952],{},"Native value changed; powers ",[327,1993,1351],{},[1427,1995,1996,2001,2005],{},[1448,1997,1998],{},[327,1999,2000],{},"confirm",[1448,2002,2003],{},[327,2004,591],{},[1448,2006,2007],{},"The software keyboard's confirm action fired.",[1427,2009,2010,2014,2018],{},[1448,2011,2012],{},[327,2013,1153],{},[1448,2015,2016],{},[327,2017,591],{},[1448,2019,2020],{},"The textarea received focus.",[1427,2022,2023,2028,2032],{},[1448,2024,2025],{},[327,2026,2027],{},"blur",[1448,2029,2030],{},[327,2031,591],{},[1448,2033,2034],{},"The textarea lost focus.",[1427,2036,2037,2042,2047],{},[1448,2038,2039],{},[327,2040,2041],{},"keyboard",[1448,2043,2044],{},[327,2045,2046],{},"{ visible: boolean, height: number, safeAreaBottom: number }",[1448,2048,2049],{},"Normalized software-keyboard visibility and dimensions.",[324,2051,2052,2053,2056,2057,2060],{},"The core primitive also emits detailed ",[327,2054,2055],{},"input"," and ",[327,2058,2059],{},"selectionChange"," events, but the kit wrapper does not currently forward them.",[319,2062,2064],{"id":2063},"slots","Slots",[1421,2066,2067,2078],{},[1424,2068,2069],{},[1427,2070,2071,2074,2076],{},[1430,2072,2073],{},"Slot",[1430,2075,1419],{},[1430,2077,1441],{},[1443,2079,2080,2094,2107],{},[1427,2081,2082,2086,2091],{},[1448,2083,2084],{},[327,2085,1390],{},[1448,2087,2088],{},[327,2089,2090],{},"{ iconColor: string }",[1448,2092,2093],{},"Replaces the loading icon, avatar, or leading icon.",[1427,2095,2096,2100,2104],{},[1448,2097,2098],{},[327,2099,610],{},[1448,2101,2102],{},[327,2103,2090],{},[1448,2105,2106],{},"Replaces the trailing icon.",[1427,2108,2109,2114,2117],{},[1448,2110,2111],{},[327,2112,2113],{},"default",[1448,2115,2116],{},"—",[1448,2118,2119],{},"Forwarded to the underlying core textarea primitive.",[319,2121,2123],{"id":2122},"exposed","Exposed",[1421,2125,2126,2137],{},[1424,2127,2128],{},[1427,2129,2130,2133,2135],{},[1430,2131,2132],{},"Property",[1430,2134,1435],{},[1430,2136,1441],{},[1443,2138,2139],{},[1427,2140,2141,2145,2150],{},[1448,2142,2143],{},[327,2144,951],{},[1448,2146,2147],{},[327,2148,2149],{},"TextareaExposed | null",[1448,2151,2152],{},"Core textarea instance containing the imperative methods.",[324,2154,2155,2158,2159,2161,2162,2164],{},[327,2156,2157],{},"setValue()"," changes the native value but does not itself emit ",[327,2160,1984],{},". ",[327,2163,1327],{}," emits an empty model value when the core textarea is controlled.",[319,2166,2168],{"id":2167},"styling-and-theming","Styling and theming",[324,2170,2171,2172,2175,2176,952],{},"Override globally through ",[327,2173,2174],{},"appConfig.ui.textarea"," or locally with ",[327,2177,1883],{},[1421,2179,2180,2190],{},[1424,2181,2182],{},[1427,2183,2184,2187],{},[1430,2185,2186],{},"UI slot",[1430,2188,2189],{},"Purpose",[1443,2191,2192,2202,2212,2221,2230,2240,2249],{},[1427,2193,2194,2199],{},[1448,2195,2196],{},[327,2197,2198],{},"root",[1448,2200,2201],{},"Surface, border, radius, horizontal layout, padding, and gaps.",[1427,2203,2204,2209],{},[1448,2205,2206],{},[327,2207,2208],{},"base",[1448,2210,2211],{},"Native textarea, typed text, placeholder, and vertical padding.",[1427,2213,2214,2218],{},[1448,2215,2216],{},[327,2217,1390],{},[1448,2219,2220],{},"Leading adornment wrapper.",[1427,2222,2223,2227],{},[1448,2224,2225],{},[327,2226,744],{},[1448,2228,2229],{},"Loading or leading icon.",[1427,2231,2232,2237],{},[1448,2233,2234],{},[327,2235,2236],{},"leadingAvatar",[1448,2238,2239],{},"Leading avatar.",[1427,2241,2242,2246],{},[1448,2243,2244],{},[327,2245,610],{},[1448,2247,2248],{},"Trailing adornment wrapper.",[1427,2250,2251,2255],{},[1448,2252,2253],{},[327,2254,747],{},[1448,2256,2257],{},"Trailing icon.",[324,2259,2260,2261,1321,2263,1321,2265,1321,2267,2269,2270,2056,2273,2275,2276,1321,2279,1334,2282,2285],{},"The theme combines ",[327,2262,1703],{},[327,2264,1683],{},[327,2266,1663],{},[327,2268,761],{},", and internal leading, trailing, and loading states. ",[327,2271,2272],{},"outline",[327,2274,813],{}," use semantic borders, while ",[327,2277,2278],{},"soft",[327,2280,2281],{},"ghost",[327,2283,2284],{},"none"," reduce or remove the border treatment.",[324,2287,2288,2289,2291,2292,952],{},"Because CSS inheritance is disabled in the Lynx build, typed-text and placeholder colors belong on ",[327,2290,2208],{},", while surface and border classes belong on ",[327,2293,2198],{},[319,2295,299],{"id":2296},"accessibility",[324,2298,2299,2300,2302,2303,2306],{},"Give every textarea a visible label. Use ",[327,2301,1775],{}," with ",[327,2304,2305],{},"VyLabel"," where your form structure supports it, and keep validation guidance next to the field rather than relying on border color alone.",[324,2308,2309,2310,2312,2313,1321,2315,2317],{},"The core native textarea exposes the keyboard accessibility trait. ",[327,2311,1377],{}," is forwarded to the native element, but ",[327,2314,761],{},[327,2316,1383],{},", icons, and avatars do not add an accessible description or validation state. Give any interactive control placed in a side slot its own label and adequate tap target.",[324,2319,2320],{},"Autofocus can unexpectedly move focus and open the software keyboard. Reserve it for flows where immediate text entry is the user's clear next action.",[319,2322,2324],{"id":2323},"platform-notes","Platform notes",[1344,2326,2327,2334,2340,2348,2354,2357,2364],{},[1347,2328,2329,2330,2333],{},"The underlying control is Lynx's native ",[327,2331,2332],{},"\u003Ctextarea>",", with DOM fallbacks used by the core imperative methods in tests and web-compatible runtimes.",[1347,2335,2336,2337,2339],{},"The normalized ",[327,2338,2041],{}," event comes from the focused native element and reports both keyboard height and safe-area bottom inset.",[1347,2341,758,2342,2347],{},[2343,2344,2345],"a",{"href":157},[327,2346,156],{}," wrappers when the software keyboard may cover the field.",[1347,2349,2350,2351,2353],{},"Native textarea scrolling can differ across iOS, Android, and web. Use the core component when you need ",[327,2352,1932],{},", line spacing, bounce control, return-key type, or input filtering.",[1347,2355,2356],{},"Leading and trailing elements are flex siblings rather than absolute overlays because Lynx does not reliably layer them over a native text input.",[1347,2358,2359,2360,2363],{},"Lynx SVG does not inherit ",[327,2361,2362],{},"currentColor",", so built-in and custom icon slots receive an explicit resolved hex color.",[1347,2365,2366],{},"The default theme is light-mode-only.",[319,2368,2370],{"id":2369},"related-components","Related components",[1344,2372,2373,2378,2385],{},[1347,2374,2375,2377],{},[327,2376,137],{}," for single-line text.",[1347,2379,2380,2384],{},[2343,2381,2382],{"href":157},[327,2383,156],{}," for avoiding the software keyboard.",[1347,2386,2387,2056,2390,2392],{},[327,2388,2389],{},"FormField",[327,2391,161],{}," for labels, help text, and validation messages.",[2394,2395,2396],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":346,"searchDepth":353,"depth":386,"links":2398},[2399,2400,2406,2407,2408,2409,2410,2411,2412,2413,2414],{"id":321,"depth":386,"text":322},{"id":338,"depth":386,"text":339,"children":2401},[2402,2403,2404,2405],{"id":600,"depth":414,"text":601},{"id":754,"depth":414,"text":755},{"id":847,"depth":414,"text":848},{"id":944,"depth":414,"text":945},{"id":1341,"depth":386,"text":1342},{"id":1418,"depth":386,"text":1419},{"id":1960,"depth":386,"text":1961},{"id":2063,"depth":386,"text":2064},{"id":2122,"depth":386,"text":2123},{"id":2167,"depth":386,"text":2168},{"id":2296,"depth":386,"text":299},{"id":2323,"depth":386,"text":2324},{"id":2369,"depth":386,"text":2370},"Collect multi-line text with themed states, icons, avatars, and native keyboard events.","md",[2418],{"label":2419,"icon":2420,"to":2421,"target":2422},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FTextarea.vue","_blank",{},{"icon":140},{"title":273,"description":2415},"5q3BuG2e778cxqpkTa-KRWRjCqE_rQKcxWcLMzUlaSc",[2428,2430],{"title":269,"path":270,"stem":271,"description":2429,"icon":-1,"children":-1,"navigation":-1},"Organize related views behind a selectable row or rail of tabs.",{"title":277,"path":278,"stem":279,"description":2431,"icon":-1,"children":-1,"navigation":-1},"Show transient feedback with optional actions, progress, stacking, and swipe dismissal.",1783464070352]