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