@versini/ui-textarea 3.0.0 → 3.0.2

package/dist/index.js

@@ -2,19 +2,19 @@ import { jsx as T, jsxs as pe } from "react/jsx-runtime";
 import ye, { useRef as f, useEffect as O, useCallback as me, useMemo as J, useState as v, useId as xe, useReducer as he, useLayoutEffect as I } from "react";
 import c from "clsx";
 /*!
-  @versini/ui-textarea v3.0.0
+  @versini/ui-textarea v3.0.2
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_TEXTAREA__ || (window.__VERSINI_UI_TEXTAREA__ = {
-    version: "3.0.0",
-    buildTime: "01/03/2025 10:45 AM EST",
+    version: "3.0.2",
+    buildTime: "01/13/2025 01:15 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const K = "av-text-area", Ae = "av-text-area-wrapper", D = "av-text-area-helper-text", Te = "av-text-area__control--right", ge = "av-text-area__control--left";
+const K = "av-text-area", Ae = "av-text-area-wrapper", M = "av-text-area-helper-text", Te = "av-text-area__control--right", ge = "av-text-area__control--left";
 function _e() {
   const e = f(!1);
   return O(() => (e.current = !0, () => {
@@ -196,13 +196,13 @@ function Le({
   );
 }
 /*!
-  @versini/ui-liveregion v1.3.0
+  @versini/ui-liveregion v1.3.2
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_LIVEREGION__ || (window.__VERSINI_UI_LIVEREGION__ = {
-    version: "1.3.0",
-    buildTime: "01/03/2025 10:45 AM EST",
+    version: "1.3.2",
+    buildTime: "01/13/2025 01:15 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -228,7 +228,7 @@ const Se = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   "focus:border-border-dark": !e && r,
   "border-border-error-dark": !e && r,
   "border-transparent": e
-}), He = ({
+}), Pe = ({
   disabled: e,
   raw: r,
   error: t,
@@ -267,7 +267,7 @@ const Se = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
         "text-copy-medium dark:text-copy-error-dark": n === "alt-system"
       }
     );
-}, Me = ({
+}, He = ({
   error: e,
   raw: r,
   mode: t,
@@ -277,24 +277,24 @@ const Se = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     return "";
   if (n)
     return c(
-      D,
+      M,
       "absolute px-2 cursor-not-allowed opacity-50 font-medium"
     );
   if (!e)
-    return c(D, "absolute px-2 font-medium", {
+    return c(M, "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 c(D, "absolute px-2 font-medium", {
+    return c(M, "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",
       "dark:text-copy-error-dark text-copy-error-light": t === "alt-system"
     });
-}, De = ({
+}, Me = ({
   className: e,
   textAreaClassName: r,
   raw: t,
@@ -323,14 +323,14 @@ const Se = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     {
       "disabled:cursor-not-allowed disabled:opacity-50": a
     }
-  ), E = t ? void 0 : "sr-only", g = He({
+  ), E = t ? void 0 : "sr-only", g = Pe({
     disabled: a,
     raw: t,
     error: s,
     mode: l,
     rightElement: p,
     leftElement: i
-  }), d = Me({
+  }), d = He({
     error: s,
     raw: t,
     mode: l,
@@ -345,7 +345,7 @@ const Se = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     rightElement: N,
     leftElement: h
   };
-}, Fe = ({
+}, De = ({
   scrollHeight: e,
   currentHeight: r,
   currentLabelOffset: t = 0,
@@ -361,7 +361,7 @@ const Se = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     helperTextOffset: l,
     scrollHeight: e
   };
-}, Pe = ye.forwardRef(
+}, Fe = ye.forwardRef(
   ({
     id: e,
     name: r,
@@ -381,15 +381,15 @@ const Se = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     helperTextOnFocus: N = !1,
     rightElement: h,
     leftElement: k,
-    onChange: F,
-    onFocus: P,
+    onChange: D,
+    onFocus: F,
     onBlur: U,
     ...Z
   }, ee) => {
     var B;
     const x = f(null), te = be([ee, x]), [re, L] = W(), [ne, R] = W(), w = f(80), V = f(-25), m = f(null), X = f(30), S = f(null), C = ve({ id: e, prefix: `${K}-` }), [j, ae] = v(0), [G, oe] = v(0), [se, z] = v(
       !!(!N && d)
-    ), ce = `${r} error, ${d}`, _ = De({
+    ), ce = `${r} error, ${d}`, _ = Me({
       className: o,
       textAreaClassName: s,
       error: n,
@@ -405,7 +405,7 @@ const Se = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
       initialControlledDelay: 20,
       defaultValue: y,
       onChange: (u) => {
-        F && F({
+        D && D({
           target: {
             value: u
           }
@@ -414,7 +414,7 @@ const Se = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     }), ie = (u) => {
       le(u.target.value);
     }, ue = (u) => {
-      N && d && z(!0), P && P(u);
+      N && d && z(!0), F && F(u);
     }, de = (u) => {
       N && d && !A && z(!1), U && U(u);
     };
@@ -435,18 +435,18 @@ const Se = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     }, [A, a]), I(() => {
       var u, $;
       if (!a && x && x.current && A !== void 0) {
-        const { labelOffset: H, helperTextOffset: M, scrollHeight: fe } = Fe({
+        const { labelOffset: P, helperTextOffset: H, scrollHeight: fe } = De({
           scrollHeight: x.current.scrollHeight,
           currentHeight: w.current,
           currentLabelOffset: V.current,
           currentHelperTextOffset: X.current
         });
-        H && (V.current = H, (u = m == null ? void 0 : m.current) == null || u.style.setProperty(
+        P && (V.current = P, (u = m == null ? void 0 : m.current) == null || u.style.setProperty(
           "--av-text-area-label",
-          `${H}px`
-        )), M && (X.current = M, ($ = S == null ? void 0 : S.current) == null || $.style.setProperty(
+          `${P}px`
+        )), H && (X.current = H, ($ = S == null ? void 0 : S.current) == null || $.style.setProperty(
           "--av-text-area-helper-text",
-          `${M}px`
+          `${H}px`
         )), w.current = fe || w.current;
       }
     }, [A, a]), R.width > 0 && ((B = m == null ? void 0 : m.current) == null || B.style.setProperty(
@@ -528,12 +528,12 @@ const Se = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     ] });
   }
 );
-Pe.displayName = "TextArea";
+Fe.displayName = "TextArea";
 export {
   K as TEXT_AREA_CLASSNAME,
   ge as TEXT_AREA_CONTROL_LEFT_CLASSNAME,
   Te as TEXT_AREA_CONTROL_RIGHT_CLASSNAME,
-  D as TEXT_AREA_HELPER_TEXT_CLASSNAME,
+  M as TEXT_AREA_HELPER_TEXT_CLASSNAME,
   Ae as TEXT_AREA_WRAPPER_CLASSNAME,
-  Pe as TextArea
+  Fe as TextArea
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-textarea",
-	"version": "3.0.0",
+	"version": "3.0.2",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -37,16 +37,18 @@
 		"react": "^18.3.1 || ^19.0.0",
 		"react-dom": "^18.3.1 || ^19.0.0"
 	},
+	"devDependencies": {
+		"@versini/ui-types": "4.0.1"
+	},
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.15",
 		"@versini/ui-hooks": "4.3.0",
-		"@versini/ui-liveregion": "1.3.0",
-		"@versini/ui-types": "4.0.0",
+		"@versini/ui-liveregion": "1.3.2",
 		"clsx": "2.1.1",
 		"tailwindcss": "3.4.17"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "406bf426c5b3186ef7197e0b51d83ec0de689cde"
+	"gitHead": "ad21cab4bf6b5fc26fc8bf9b61fb5f00ef0f66f6"
 }