From 12a1014db2fd03643f3a6e13554aecae443c716c Mon Sep 17 00:00:00 2001
From: Ajay Ghanwat <ghanwat.ajay@workroot.in>
Date: Sat, 15 Aug 2026 12:30:46 +0530
Subject: [PATCH] fix(ui): bind textarea values without markup

---
 bun.lock                            | 2 +-
 packages/ui/components/textarea.wrn | 2 +-
 packages/ui/package.json            | 2 +-
 packages/ui/test/ui.test.ts         | 6 ++++++
 4 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/bun.lock b/bun.lock
index 0ef1257f..da13c51a 100644
--- a/bun.lock
+++ b/bun.lock
@@ -617,7 +617,7 @@
     },
     "packages/ui": {
       "name": "@wrnexus/ui",
-      "version": "0.8.17",
+      "version": "0.8.18",
       "dependencies": {
         "@wrnexus/core": "workspace:*",
       },
diff --git a/packages/ui/components/textarea.wrn b/packages/ui/components/textarea.wrn
index 868f0819..026fa49b 100644
--- a/packages/ui/components/textarea.wrn
+++ b/packages/ui/components/textarea.wrn
@@ -46,7 +46,7 @@ size: string = "default"
       <div class="wrn-next__field-heading"><label class="{hiddenLabel ? 'wrn-next__sr-only' : ''}" for="{id || name}">{label}</label>{#if cornerHint}<span class="wrn-next__field-hint">{cornerHint}</span>{/if}</div>
       <div class="wrn-next__field-control" data-icon-position="{iconPosition}">
         {#if icon}<span class="{icon} wrn-next__field-icon" aria-hidden="true"></span>{/if}
-        <textarea id="{id || name}" name="{name}" placeholder="{variant === 'floating' ? ' ' : placeholder}" rows="{rows}" style="resize: {resize}" readonly="{readonly}" disabled="{disabled}" required="{required}" minlength="{minlength}" maxlength="{maxlength}" aria-invalid="{error ? 'true' : 'false'}" aria-describedby="{error ? (id || name) + '-error' : (helperText ? (id || name) + '-help' : '')}" @input="emitField('input', event)" @change="emitField('change', event)" @focus="emitField('focus', event)" @blur="emitField('blur', event)" @invalid="handleInvalid(event)">{value}</textarea>
+        <textarea id="{id || name}" name="{name}" value="{value}" placeholder="{variant === 'floating' ? ' ' : placeholder}" rows="{rows}" style="resize: {resize}" readonly="{readonly}" disabled="{disabled}" required="{required}" minlength="{minlength}" maxlength="{maxlength}" aria-invalid="{error ? 'true' : 'false'}" aria-describedby="{error ? (id || name) + '-error' : (helperText ? (id || name) + '-help' : '')}" @input="emitField('input', event)" @change="emitField('change', event)" @focus="emitField('focus', event)" @blur="emitField('blur', event)" @invalid="handleInvalid(event)"></textarea>
         {#if variant === "floating"}<span class="wrn-next__field-floating-label">{label}</span>{/if}
       </div>
       {#if helperText}<small id="{(id || name) + '-help'}" class="wrn-next__field-help">{helperText}</small>{/if}
diff --git a/packages/ui/package.json b/packages/ui/package.json
index dbbb621d..83e3f82c 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/ui",
-  "version": "0.8.17",
+  "version": "0.8.18",
   "private": true,
   "type": "module",
   "main": "src/index.ts",
diff --git a/packages/ui/test/ui.test.ts b/packages/ui/test/ui.test.ts
index bd67d9a5..279035a9 100644
--- a/packages/ui/test/ui.test.ts
+++ b/packages/ui/test/ui.test.ts
@@ -26,6 +26,12 @@ test("bundled UI assets are discoverable and readable", () => {
   expect(uiCss()).toContain("--wrn-");
 });
 
+test("Textarea binds its value without rendering hydration markup as user content", () => {
+  const source = readFileSync(uiComponentPath("Textarea"), "utf8");
+  expect(source).toContain('value="{value}"');
+  expect(source).not.toContain(">{value}</textarea>");
+});
+
 test("global UI CSS stays below its migration ratchet", () => {
   const css = uiCss();
   // Component selectors belong to their owning .wrn files. Keep this asset to