@versini/ui-textarea 5.0.1 → 5.0.2

package/dist/components/TextArea/TextArea.js

@@ -1,9 +1,9 @@
 import { jsxs as oe, jsx as h } from "react/jsx-runtime";
-import { useMergeRefs as ce, useResizeObserver as U, useUniqueId as le, useUncontrolled as ne } from "@versini/ui-hooks";
+import { useMergeRefs as ce, useResizeObserver as B, useUniqueId as le, useUncontrolled as ne } from "@versini/ui-hooks";
 import { LiveRegion as ie } from "@versini/ui-liveregion";
-import ue, { useRef as T, useState as H, useLayoutEffect as R } from "react";
+import ue, { useRef as T, useState as H, useLayoutEffect as m } from "react";
 import o from "clsx";
-const W = "av-text-area", de = "av-text-area-wrapper", P = "av-text-area-helper-text", fe = "av-text-area__control--right", xe = "av-text-area__control--left", pe = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", ye = ({ mode: e }) => o({
+const U = "av-text-area", de = "av-text-area-wrapper", I = "av-text-area-helper-text", fe = "av-text-area__control--right", xe = "av-text-area__control--left", pe = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", ye = ({ mode: e }) => o({
   "bg-surface-darker text-copy-lighter caret-copy-light": e === "dark",
   "bg-surface-lighter text-copy-dark caret-copy-dark": e === "light",
   "bg-surface-lighter text-copy-dark caret-copy-dark dark:bg-surface-darker dark:text-copy-lighter dark:caret-copy-light": e === "system",
@@ -37,14 +37,14 @@ const W = "av-text-area", de = "av-text-area-wrapper", P = "av-text-area-helper-
     return o(
       "transform translate-y-0 scale-100 absolute px-2 cursor-not-allowed opacity-50 font-medium",
       {
-        "translate-x-[12px]": c === !0 && !r || !c && !r
+        "translate-x-[10px]": c === !0 && !r || !c && !r
       }
     );
   if (!t)
     return o(
       "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
       {
-        "translate-x-[12px]": c === !0 && !r || !c && !r,
+        "translate-x-[10px]": c === !0 && !r || !c && !r,
         "text-copy-medium": s === "dark",
         "text-copy-dark": s === "light",
         "text-copy-dark dark:text-copy-medium": s === "system",
@@ -55,7 +55,7 @@ const W = "av-text-area", de = "av-text-area-wrapper", P = "av-text-area-helper-
     return o(
       "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
       {
-        "translate-x-[12px]": c === !0 && !r || !c && !r,
+        "translate-x-[10px]": c === !0 && !r || !c && !r,
         "text-copy-medium": s === "dark",
         "text-copy-error-dark": s === "light",
         "text-copy-error-dark dark:text-copy-error-light": s === "system",
@@ -72,18 +72,18 @@ const W = "av-text-area", de = "av-text-area-wrapper", P = "av-text-area-helper-
     return "";
   if (s)
     return o(
-      P,
+      I,
       "absolute px-2 cursor-not-allowed opacity-50 font-medium"
     );
   if (!e)
-    return o(P, "absolute px-2 font-medium", {
+    return o(I, "absolute px-2 font-medium", {
       "text-copy-medium": t === "dark",
       "text-copy-dark": t === "light",
       "text-copy-dark dark:text-copy-medium": t === "system",
       "text-copy-medium dark:text-copy-dark": t === "alt-system"
     });
   if (e)
-    return o(P, "absolute px-2 font-medium", {
+    return o(I, "absolute px-2 font-medium", {
       "text-copy-error-light": t === "dark",
       "text-copy-error-dark": t === "light",
       "text-copy-error-dark dark:text-copy-error-light": t === "system",
@@ -105,8 +105,8 @@ const W = "av-text-area", de = "av-text-area-wrapper", P = "av-text-area-helper-
     "relative flex w-full flex-col justify-center",
     de,
     e
-  ), v = t ? o(a) : o(
-    W,
+  ), _ = t ? o(a) : o(
+    U,
     a,
     pe(),
     ye({ mode: d }),
@@ -133,7 +133,7 @@ const W = "av-text-area", de = "av-text-area-wrapper", P = "av-text-area-helper-
   }), b = t ? void 0 : o(fe, "absolute"), f = t ? void 0 : o(xe, "absolute");
   return {
     wrapper: N,
-    textArea: v,
+    textArea: _,
     accessibleLabel: O,
     visibleLabel: S,
     helperText: n,
@@ -156,7 +156,7 @@ const W = "av-text-area", de = "av-text-area-wrapper", P = "av-text-area-helper-
     helperTextOffset: d,
     scrollHeight: e
   };
-}, me = ue.forwardRef(
+}, Re = ue.forwardRef(
   ({
     id: e,
     name: a,
@@ -169,19 +169,19 @@ const W = "av-text-area", de = "av-text-area-wrapper", P = "av-text-area-helper-
     focusMode: p = "system",
     value: g,
     defaultValue: N,
-    disabled: v = !1,
+    disabled: _ = !1,
     noBorder: O = !1,
     labelId: S,
     helperText: n = "",
     helperTextOnFocus: b = !1,
     rightElement: f,
     leftElement: k,
-    onChange: I,
+    onChange: P,
     onFocus: F,
     onBlur: $,
-    ...z
-  }, D) => {
-    const i = T(null), q = ce([D, i]), [J, _] = U(), [K, A] = U(), E = T(80), M = T(-25), L = T(null), X = T(30), j = T(null), m = le({ id: e, prefix: `${W}-` }), [w, Q] = H(0), [B, V] = H(0), [Y, G] = H(
+    ...Y
+  }, z) => {
+    const i = T(null), D = ce([z, i]), [q, v] = B(), [J, A] = B(), E = T(80), M = T(-25), L = T(null), X = T(30), j = T(null), R = le({ id: e, prefix: `${U}-` }), [w, K] = H(0), [G, Q] = H(0), [V, W] = H(
       !!(!b && n)
     ), Z = `${a} error, ${n}`, y = Te({
       className: c,
@@ -189,7 +189,7 @@ const W = "av-text-area", de = "av-text-area-wrapper", P = "av-text-area-helper-
       error: s,
       raw: r,
       focusMode: p,
-      disabled: v,
+      disabled: _,
       noBorder: O,
       mode: d,
       rightElement: !!f,
@@ -199,7 +199,7 @@ const W = "av-text-area", de = "av-text-area-wrapper", P = "av-text-area-helper-
       initialControlledDelay: 20,
       defaultValue: N,
       onChange: (l) => {
-        I && I({
+        P && P({
           target: {
             value: l
           }
@@ -208,24 +208,24 @@ const W = "av-text-area", de = "av-text-area-wrapper", P = "av-text-area-helper-
     }), te = (l) => {
       ee(l.target.value);
     }, re = (l) => {
-      b && n && G(!0), F && F(l);
+      b && n && W(!0), F && F(l);
     }, se = (l) => {
-      b && n && !x && G(!1), $ && $(l);
+      b && n && !x && W(!1), $ && $(l);
     };
-    return R(() => {
-      _ && _.width && Q(_.width + 18 + 10);
-    }, [_]), R(() => {
-      A && A.width && V(A.width + 18 + 10);
-    }, [A]), R(() => {
+    return m(() => {
+      v && v.width && K(v.width + 18 + 10);
+    }, [v]), m(() => {
+      A && A.width && Q(A.width + 18 + 10);
+    }, [A]), m(() => {
       r || i && i.current && x !== void 0 && (i.current.style.height = "inherit", i.current.style.height = i.current.scrollHeight + "px");
-    }, [x, r]), R(() => {
+    }, [x, r]), m(() => {
       r || setTimeout(() => {
         L?.current?.style.setProperty(
           "--av-text-area-wrapper-transition",
           x ? "none" : "all 0.2s ease-out"
         );
       }, 0);
-    }, [x, r]), R(() => {
+    }, [x, r]), m(() => {
       if (!r && i && i.current && x !== void 0) {
         const { labelOffset: l, helperTextOffset: C, scrollHeight: ae } = be({
           scrollHeight: i.current.scrollHeight,
@@ -248,7 +248,7 @@ const W = "av-text-area", de = "av-text-area-wrapper", P = "av-text-area-helper-
       /* @__PURE__ */ h(
         "label",
         {
-          htmlFor: m,
+          htmlFor: R,
           id: S,
           className: y.accessibleLabel,
           children: t
@@ -257,7 +257,7 @@ const W = "av-text-area", de = "av-text-area-wrapper", P = "av-text-area-helper-
       k && /* @__PURE__ */ h(
         "div",
         {
-          ref: K,
+          ref: J,
           className: y.leftElement,
           children: k
         }
@@ -265,28 +265,28 @@ const W = "av-text-area", de = "av-text-area-wrapper", P = "av-text-area-helper-
       /* @__PURE__ */ h(
         "textarea",
         {
-          ref: q,
-          id: m,
+          ref: D,
+          id: R,
           name: a,
-          disabled: v,
+          disabled: _,
           placeholder: r ? void 0 : " ",
           className: y.textArea,
           rows: 1,
-          ...n && { "aria-describedby": `${m}-helper` },
+          ...n && { "aria-describedby": `${R}-helper` },
           ...s && { "aria-invalid": "true" },
           ...f && !k && !r && { style: { paddingRight: w } },
-          ...k && !f && !r && { style: { paddingLeft: B } },
+          ...k && !f && !r && { style: { paddingLeft: G } },
           ...f && k && !r && {
             style: {
               paddingRight: w,
-              paddingLeft: B
+              paddingLeft: G
             }
           },
           value: x,
           onChange: te,
           onFocus: re,
           onBlur: se,
-          ...z
+          ...Y
         }
       ),
       !r && /* @__PURE__ */ h(
@@ -294,16 +294,16 @@ const W = "av-text-area", de = "av-text-area-wrapper", P = "av-text-area-helper-
         {
           ref: L,
           "aria-hidden": !0,
-          htmlFor: m,
+          htmlFor: R,
           className: `${y.visibleLabel}`,
           children: t
         }
       ),
-      Y && /* @__PURE__ */ h(
+      V && /* @__PURE__ */ h(
         "div",
         {
           ref: j,
-          id: `${m}-helper`,
+          id: `${R}-helper`,
           className: y.helperText,
           children: n
         }
@@ -311,7 +311,7 @@ const W = "av-text-area", de = "av-text-area-wrapper", P = "av-text-area-helper-
       f && /* @__PURE__ */ h(
         "div",
         {
-          ref: J,
+          ref: q,
           className: y.rightElement,
           children: f
         }
@@ -320,12 +320,12 @@ const W = "av-text-area", de = "av-text-area-wrapper", P = "av-text-area-helper-
     ] });
   }
 );
-me.displayName = "TextArea";
+Re.displayName = "TextArea";
 export {
-  W as TEXT_AREA_CLASSNAME,
+  U as TEXT_AREA_CLASSNAME,
   xe as TEXT_AREA_CONTROL_LEFT_CLASSNAME,
   fe as TEXT_AREA_CONTROL_RIGHT_CLASSNAME,
-  P as TEXT_AREA_HELPER_TEXT_CLASSNAME,
+  I as TEXT_AREA_HELPER_TEXT_CLASSNAME,
   de as TEXT_AREA_WRAPPER_CLASSNAME,
-  me as TextArea
+  Re as TextArea
 };

package/dist/index.js

@@ -1,12 +1,12 @@
 import { TEXT_AREA_CLASSNAME as T, TEXT_AREA_CONTROL_LEFT_CLASSNAME as R, TEXT_AREA_CONTROL_RIGHT_CLASSNAME as e, TEXT_AREA_HELPER_TEXT_CLASSNAME as S, TEXT_AREA_WRAPPER_CLASSNAME as i, TextArea as o } from "./components/TextArea/TextArea.js";
 /*!
-  @versini/ui-textarea v5.0.1
+  @versini/ui-textarea v5.0.2
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_TEXTAREA__ || (window.__VERSINI_UI_TEXTAREA__ = {
-    version: "5.0.1",
-    buildTime: "09/01/2025 04:01 PM EDT",
+    version: "5.0.2",
+    buildTime: "10/11/2025 07:15 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-textarea",
-	"version": "5.0.1",
+	"version": "5.0.2",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -54,5 +54,5 @@
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "dcc216644c8c3e7d43a49ea655a22aed21fa4b83"
+	"gitHead": "709bd5e6e93b5ffed5f5d81cfc091759487e2f86"
 }