@versini/ui-textarea 2.1.0 → 2.1.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 v2.1.0
-  © 2024 gizmette.com
+  @versini/ui-textarea v2.1.2
+  © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_TEXTAREA__ || (window.__VERSINI_UI_TEXTAREA__ = {
-    version: "2.1.0",
-    buildTime: "12/31/2024 05:18 PM EST",
+    version: "2.1.2",
+    buildTime: "01/02/2025 05:13 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const K = "av-text-area", Ae = "av-text-area-wrapper", H = "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, () => {
@@ -161,7 +161,7 @@ function Le({
   visible: l,
   ...i
 }) {
-  const p = f(null), y = f(null), [k, E] = he(Ne, {
+  const p = f(null), y = f(null), [b, E] = he(Ne, {
     announcement: null
   });
   let g = t;
@@ -191,18 +191,18 @@ function Le({
       ...n && { role: n },
       className: d,
       ...i,
-      children: k.announcement
+      children: b.announcement
     }
   );
 }
 /*!
-  @versini/ui-liveregion v1.2.7
-  © 2024 gizmette.com
+  @versini/ui-liveregion v1.2.8
+  © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_LIVEREGION__ || (window.__VERSINI_UI_LIVEREGION__ = {
-    version: "1.2.7",
-    buildTime: "12/31/2024 05:18 PM EST",
+    version: "1.2.8",
+    buildTime: "01/02/2025 05:13 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -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"
       }
     );
-}, De = ({
+}, 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(
-      H,
+      M,
       "absolute px-2 cursor-not-allowed opacity-50 font-medium"
     );
   if (!e)
-    return c(H, "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(H, "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"
     });
-}, He = ({
+}, Me = ({
   className: e,
   textAreaClassName: r,
   raw: t,
@@ -310,7 +310,7 @@ const Se = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     "relative flex w-full flex-col justify-center",
     Ae,
     e
-  ), k = t ? c(r) : c(
+  ), b = t ? c(r) : c(
     K,
     r,
     Se(),
@@ -330,7 +330,7 @@ const Se = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     mode: l,
     rightElement: p,
     leftElement: i
-  }), d = De({
+  }), d = He({
     error: s,
     raw: t,
     mode: l,
@@ -338,14 +338,14 @@ const Se = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   }), N = t ? void 0 : c(Te, "absolute"), h = t ? void 0 : c(ge, "absolute");
   return {
     wrapper: y,
-    textArea: k,
+    textArea: b,
     accessibleLabel: E,
     visibleLabel: g,
     helperText: d,
     rightElement: N,
     leftElement: h
   };
-}, Me = ({
+}, De = ({
   scrollHeight: e,
   currentHeight: r,
   currentLabelOffset: t = 0,
@@ -374,38 +374,38 @@ const Se = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     focusMode: i = "system",
     value: p,
     defaultValue: y,
-    disabled: k = !1,
+    disabled: b = !1,
     noBorder: E = !1,
     labelId: g,
     helperText: d = "",
     helperTextOnFocus: N = !1,
     rightElement: h,
-    leftElement: R,
-    onChange: M,
+    leftElement: k,
+    onChange: D,
     onFocus: F,
     onBlur: U,
     ...Z
   }, ee) => {
     var B;
-    const x = f(null), te = be([ee, x]), [re, L] = W(), [ne, _] = 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(
+    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}`, b = He({
+    ), ce = `${r} error, ${d}`, _ = Me({
       className: o,
       textAreaClassName: s,
       error: n,
       raw: a,
       focusMode: i,
-      disabled: k,
+      disabled: b,
       noBorder: E,
       mode: l,
       rightElement: !!h,
-      leftElement: !!R
+      leftElement: !!k
     }), [A, le] = Re({
       value: p,
       initialControlledDelay: 20,
       defaultValue: y,
       onChange: (u) => {
-        M && M({
+        D && D({
           target: {
             value: u
           }
@@ -421,8 +421,8 @@ const Se = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     return I(() => {
       L && L.width && ae(L.width + 18 + 10);
     }, [L]), I(() => {
-      _ && _.width && (console.info(`==> [${Date.now()}] left el width: `, _.width), oe(_.width + 18 + 10));
-    }, [_]), I(() => {
+      R && R.width && oe(R.width + 18 + 10);
+    }, [R]), I(() => {
       a || x && x.current && A !== void 0 && (x.current.style.height = "inherit", x.current.style.height = x.current.scrollHeight + "px");
     }, [A, a]), I(() => {
       a || setTimeout(() => {
@@ -435,7 +435,7 @@ 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: P, helperTextOffset: D, scrollHeight: fe } = Me({
+        const { labelOffset: P, helperTextOffset: H, scrollHeight: fe } = De({
           scrollHeight: x.current.scrollHeight,
           currentHeight: w.current,
           currentLabelOffset: V.current,
@@ -444,30 +444,30 @@ const Se = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
         P && (V.current = P, (u = m == null ? void 0 : m.current) == null || u.style.setProperty(
           "--av-text-area-label",
           `${P}px`
-        )), D && (X.current = D, ($ = S == null ? void 0 : S.current) == null || $.style.setProperty(
+        )), H && (X.current = H, ($ = S == null ? void 0 : S.current) == null || $.style.setProperty(
           "--av-text-area-helper-text",
-          `${D}px`
+          `${H}px`
         )), w.current = fe || w.current;
       }
-    }, [A, a]), _.width > 0 && ((B = m == null ? void 0 : m.current) == null || B.style.setProperty(
+    }, [A, a]), R.width > 0 && ((B = m == null ? void 0 : m.current) == null || B.style.setProperty(
       "--tw-translate-x",
-      `${12 + _.width + 4}px`
-    )), /* @__PURE__ */ pe("div", { className: b.wrapper, children: [
+      `${12 + R.width + 5}px`
+    )), /* @__PURE__ */ pe("div", { className: _.wrapper, children: [
       /* @__PURE__ */ T(
         "label",
         {
           htmlFor: C,
           id: g,
-          className: b.accessibleLabel,
+          className: _.accessibleLabel,
           children: t
         }
       ),
-      R && /* @__PURE__ */ T(
+      k && /* @__PURE__ */ T(
         "div",
         {
           ref: ne,
-          className: b.leftElement,
-          children: R
+          className: _.leftElement,
+          children: k
         }
       ),
       /* @__PURE__ */ T(
@@ -476,15 +476,15 @@ const Se = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
           ref: te,
           id: C,
           name: r,
-          disabled: k,
+          disabled: b,
           placeholder: a ? void 0 : " ",
-          className: b.textArea,
+          className: _.textArea,
           rows: 1,
           ...d && { "aria-describedby": `${C}-helper` },
           ...n && { "aria-invalid": "true" },
-          ...h && !R && !a && { style: { paddingRight: j } },
-          ...R && !h && !a && { style: { paddingLeft: G } },
-          ...h && R && !a && {
+          ...h && !k && !a && { style: { paddingRight: j } },
+          ...k && !h && !a && { style: { paddingLeft: G } },
+          ...h && k && !a && {
             style: {
               paddingRight: j,
               paddingLeft: G
@@ -503,7 +503,7 @@ const Se = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
           ref: m,
           "aria-hidden": !0,
           htmlFor: C,
-          className: `${b.visibleLabel}`,
+          className: `${_.visibleLabel}`,
           children: t
         }
       ),
@@ -512,7 +512,7 @@ const Se = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
         {
           ref: S,
           id: `${C}-helper`,
-          className: b.helperText,
+          className: _.helperText,
           children: d
         }
       ),
@@ -520,7 +520,7 @@ const Se = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
         "div",
         {
           ref: re,
-          className: b.rightElement,
+          className: _.rightElement,
           children: h
         }
       ),
@@ -533,7 +533,7 @@ export {
   K as TEXT_AREA_CLASSNAME,
   ge as TEXT_AREA_CONTROL_LEFT_CLASSNAME,
   Te as TEXT_AREA_CONTROL_RIGHT_CLASSNAME,
-  H as TEXT_AREA_HELPER_TEXT_CLASSNAME,
+  M as TEXT_AREA_HELPER_TEXT_CLASSNAME,
   Ae as TEXT_AREA_WRAPPER_CLASSNAME,
   Fe as TextArea
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-textarea",
-	"version": "2.1.0",
+	"version": "2.1.2",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -40,13 +40,13 @@
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.15",
 		"@versini/ui-hooks": "4.3.0",
-		"@versini/ui-liveregion": "1.2.7",
-		"@versini/ui-types": "3.0.2",
+		"@versini/ui-liveregion": "1.2.8",
+		"@versini/ui-types": "3.0.3",
 		"clsx": "2.1.1",
 		"tailwindcss": "3.4.17"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "9afdd3bb6a6d53092307d88f7b710b6efac21c6a"
+	"gitHead": "c43b9e0ea4ad97fde6cc3d088c32374ff34c6495"
 }