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