@versini/ui-textarea 4.0.11 → 4.0.12

package/dist/components/TextArea/TextArea.js

@@ -1,523 +1,331 @@
-import { jsx as A, jsxs as ue } from "react/jsx-runtime";
-import de, { useRef as f, useCallback as fe, useEffect as S, useMemo as B, useState as v, useId as pe, useReducer as ye, useLayoutEffect as E } from "react";
-import c from "clsx";
-const W = "av-text-area", xe = "av-text-area-wrapper", w = "av-text-area-helper-text", me = "av-text-area__control--right", he = "av-text-area__control--left";
-function Ae() {
-  const e = f(!1);
-  return S(() => (e.current = !0, () => {
-    e.current = !1;
-  }), []), fe(() => e.current, []);
-}
-function ge(e) {
-  return B(() => e.every((r) => r == null) ? () => {
-  } : (r) => {
-    e.forEach((t) => {
-      typeof t == "function" ? t(r) : t != null && (t.current = r);
-    });
-  }, [...e]);
-}
-const Te = {
-  x: 0,
-  y: 0,
-  width: 0,
-  height: 0,
-  top: 0,
-  left: 0,
-  bottom: 0,
-  right: 0
-};
-function G(e) {
-  const r = Ae(), t = f(0), n = f(null), [a, o] = v(Te), s = B(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((l) => {
-    const i = l[0];
-    i && (cancelAnimationFrame(t.current), t.current = requestAnimationFrame(() => {
-      n.current && r() && o(i.contentRect);
-    }));
-  }), [r]);
-  return S(() => (n.current && s?.observe(n.current, e), () => {
-    s?.disconnect(), t.current && cancelAnimationFrame(t.current);
-  }), [s, e]), [n, a];
-}
-function be({
-  value: e,
-  defaultValue: r,
-  finalValue: t,
-  onChange: n = () => {
-  },
-  initialControlledDelay: a = 0
-}) {
-  const [o, s] = v(!1), [l, i] = v(
-    r !== void 0 ? r : t
-  ), p = (y) => {
-    i(y), n?.(y);
-  };
-  return S(() => {
-    (async () => e !== void 0 && !o && a > 0 && (await new Promise(
-      (y) => setTimeout(y, a)
-    ), s(!0)))();
-  }, [e, a, o]), e !== void 0 ? !o && a > 0 ? ["", n, !0] : [e, n, !0] : [l, p, !1];
-}
-function Re(e) {
-  const r = pe();
-  if (!e)
-    return r;
-  if (typeof e == "number" || typeof e == "string")
-    return `${e}${r}`;
-  if (typeof e == "object") {
-    const { id: t, prefix: n = "" } = e;
-    return typeof t == "number" || typeof t == "string" ? `${n}${t}` : `${n}${r}`;
-  }
-}
-const q = "SET_ANNOUNCEMENT", J = "CLEAR_ANNOUNCEMENT", ke = {
-  alert: null,
-  alertdialog: null,
-  log: "polite",
-  marquee: null,
-  progressbar: null,
-  status: "polite",
-  timer: "assertive"
-}, ve = (e, r) => {
-  switch (r?.type) {
-    case q:
-      return {
-        ...e,
-        announcement: r.payload
-      };
-    case J:
-      return {
-        ...e,
-        announcement: null
-      };
-    default:
-      return e;
-  }
-}, _e = ({
-  onAnnouncementClear: e,
-  dispatch: r
-}) => {
-  r({
-    type: J
-  }), typeof e == "function" && e();
-}, z = ({
-  children: e,
-  clearAnnouncementDelay: r,
-  clearAnnouncementTimeoutRef: t,
-  onAnnouncementClear: n,
-  dispatch: a
-}) => {
-  clearTimeout(t.current), e !== null && a({
-    type: q,
-    payload: e
-  }), r && (t.current = setTimeout(
-    () => _e({
-      onAnnouncementClear: n,
-      dispatch: a
-    }),
-    r
-  ));
-}, Ne = ({
-  children: e,
-  announcementTimeoutRef: r,
-  announcementDelay: t,
-  clearAnnouncementDelay: n,
-  clearAnnouncementTimeoutRef: a,
-  onAnnouncementClear: o,
-  dispatch: s
-}) => {
-  clearTimeout(r.current), t ? r.current = setTimeout(z, t, {
-    children: e,
-    clearAnnouncementDelay: n,
-    clearAnnouncementTimeoutRef: a,
-    onAnnouncementClear: o,
-    dispatch: s
-  }) : z({
-    children: e,
-    clearAnnouncementDelay: n,
-    clearAnnouncementTimeoutRef: a,
-    onAnnouncementClear: o,
-    dispatch: s
-  });
-};
-function Ce({
-  children: e,
-  className: r,
-  politeness: t,
-  role: n = null,
-  announcementDelay: a,
-  clearAnnouncementDelay: o,
-  onAnnouncementClear: s,
-  visible: l,
-  ...i
-}) {
-  const p = f(null), y = f(null), [b, _] = ye(ve, {
-    announcement: null
-  });
-  let g = t;
-  typeof g > "u" && (g = n ? ke[n] : "assertive"), S(() => {
-    Ne({
-      announcementTimeoutRef: p,
-      announcementDelay: a,
-      children: e,
-      clearAnnouncementDelay: o,
-      clearAnnouncementTimeoutRef: y,
-      onAnnouncementClear: s,
-      dispatch: _
-    });
-  }, [
-    e,
-    a,
-    o,
-    s
-  ]);
-  const u = c(r, {
-    "sr-only": !l
-  });
-  return /* @__PURE__ */ A(
-    "div",
-    {
-      "aria-live": g,
-      ...n && { role: n },
-      className: u,
-      ...i,
-      children: b.announcement
-    }
-  );
-}
-/*!
-  @versini/ui-liveregion v2.0.11
-  © 2025 gizmette.com
-*/
-try {
-  window.__VERSINI_UI_LIVEREGION__ || (window.__VERSINI_UI_LIVEREGION__ = {
-    version: "2.0.11",
-    buildTime: "08/23/2025 12:21 PM EDT",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
-}
-const Ee = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", Le = ({ mode: e }) => c({
+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 { LiveRegion as ie } from "@versini/ui-liveregion";
+import ue, { useRef as T, useState as H, useLayoutEffect as R } 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({
   "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",
   "bg-surface-darker text-copy-lighter caret-copy-light dark:bg-surface-lighter dark:text-copy-dark dark:caret-copy-dark": e === "alt-system"
-}), Oe = ({
+}), he = ({
   focusMode: e
-}) => c("focus:outline focus:outline-2 focus:outline-offset-2", {
+}) => o("focus:outline focus:outline-2 focus:outline-offset-2", {
   "focus:outline-focus-dark": e === "dark",
   "focus:outline-focus-light": e === "light",
   "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
   "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
-}), Ie = ({
+}), ge = ({
   noBorder: e,
-  error: r
-}) => c("border-2", {
-  "border-border-dark": !e && !r,
-  "focus:border-border-dark": !e && r,
-  "border-border-error-dark": !e && r,
+  error: a
+}) => o("border-2", {
+  "border-border-dark": !e && !a,
+  "focus:border-border-dark": !e && a,
+  "border-border-error-dark": !e && a,
   "border-transparent": e
-}), Se = ({
+}), ke = ({
   disabled: e,
-  raw: r,
+  raw: a,
   error: t,
-  mode: n,
-  leftElement: a,
-  rightElement: o
+  mode: s,
+  leftElement: r,
+  rightElement: c
 }) => {
-  if (r)
+  if (a)
     return "";
   if (e)
-    return c(
+    return o(
       "transform translate-y-0 scale-100 absolute px-2 cursor-not-allowed opacity-50 font-medium",
       {
-        "translate-x-[12px]": o === !0 && !a || !o && !a
+        "translate-x-[12px]": c === !0 && !r || !c && !r
       }
     );
   if (!t)
-    return c(
+    return o(
       "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
       {
-        "translate-x-[12px]": o === !0 && !a || !o && !a,
-        "text-copy-medium": n === "dark",
-        "text-copy-dark": n === "light",
-        "text-copy-dark dark:text-copy-medium": n === "system",
-        "text-copy-medium dark:text-copy-dark": n === "alt-system"
+        "translate-x-[12px]": c === !0 && !r || !c && !r,
+        "text-copy-medium": s === "dark",
+        "text-copy-dark": s === "light",
+        "text-copy-dark dark:text-copy-medium": s === "system",
+        "text-copy-medium dark:text-copy-dark": s === "alt-system"
       }
     );
   if (t)
-    return c(
+    return o(
       "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
       {
-        "translate-x-[12px]": o === !0 && !a || !o && !a,
-        "text-copy-medium": n === "dark",
-        "text-copy-error-dark": n === "light",
-        "text-copy-error-dark dark:text-copy-error-light": n === "system",
-        "text-copy-medium dark:text-copy-error-dark": n === "alt-system"
+        "translate-x-[12px]": 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",
+        "text-copy-medium dark:text-copy-error-dark": s === "alt-system"
       }
     );
-}, $e = ({
+}, Ae = ({
   error: e,
-  raw: r,
+  raw: a,
   mode: t,
-  disabled: n
+  disabled: s
 }) => {
-  if (r)
+  if (a)
     return "";
-  if (n)
-    return c(
-      w,
+  if (s)
+    return o(
+      P,
       "absolute px-2 cursor-not-allowed opacity-50 font-medium"
     );
   if (!e)
-    return c(w, "absolute px-2 font-medium", {
+    return o(P, "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(w, "absolute px-2 font-medium", {
+    return o(P, "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"
     });
-}, we = ({
+}, Te = ({
   className: e,
-  textAreaClassName: r,
+  textAreaClassName: a,
   raw: t,
-  focusMode: n,
-  disabled: a,
-  noBorder: o,
-  error: s,
-  mode: l,
-  leftElement: i,
-  rightElement: p
+  focusMode: s,
+  disabled: r,
+  noBorder: c,
+  error: u,
+  mode: d,
+  leftElement: p,
+  rightElement: g
 }) => {
-  const y = t ? e : c(
+  const N = t ? e : o(
     "relative flex w-full flex-col justify-center",
-    xe,
+    de,
     e
-  ), b = t ? c(r) : c(
+  ), v = t ? o(a) : o(
     W,
-    r,
-    Ee(),
-    Le({ mode: l }),
-    Oe({ focusMode: n }),
-    Ie({
-      noBorder: o,
-      error: s
+    a,
+    pe(),
+    ye({ mode: d }),
+    he({ focusMode: s }),
+    ge({
+      noBorder: c,
+      error: u
     }),
     {
-      "disabled:cursor-not-allowed disabled:opacity-50": a
+      "disabled:cursor-not-allowed disabled:opacity-50": r
     }
-  ), _ = t ? void 0 : "sr-only", g = Se({
-    disabled: a,
+  ), O = t ? void 0 : "sr-only", S = ke({
+    disabled: r,
     raw: t,
-    error: s,
-    mode: l,
-    rightElement: p,
-    leftElement: i
-  }), u = $e({
-    error: s,
+    error: u,
+    mode: d,
+    rightElement: g,
+    leftElement: p
+  }), n = Ae({
+    error: u,
     raw: t,
-    mode: l,
-    disabled: a
-  }), N = t ? void 0 : c(me, "absolute"), m = t ? void 0 : c(he, "absolute");
+    mode: d,
+    disabled: r
+  }), b = t ? void 0 : o(fe, "absolute"), f = t ? void 0 : o(xe, "absolute");
   return {
-    wrapper: y,
-    textArea: b,
-    accessibleLabel: _,
-    visibleLabel: g,
-    helperText: u,
-    rightElement: N,
-    leftElement: m
+    wrapper: N,
+    textArea: v,
+    accessibleLabel: O,
+    visibleLabel: S,
+    helperText: n,
+    rightElement: b,
+    leftElement: f
   };
-}, De = ({
+}, be = ({
   scrollHeight: e,
-  currentHeight: r,
+  currentHeight: a,
   currentLabelOffset: t = 0,
-  currentHelperTextOffset: n = 0
+  currentHelperTextOffset: s = 0
 }) => {
-  let s, l;
-  if (e > 0 && e !== r) {
-    const i = e - r, p = Math.abs(i / 24);
-    s = t + -1 * Math.sign(i) * (12 * p), l = n + Math.sign(i) * (12 * p);
+  let u, d;
+  if (e > 0 && e !== a) {
+    const p = e - a, g = Math.abs(p / 24);
+    u = t + -1 * Math.sign(p) * (12 * g), d = s + Math.sign(p) * (12 * g);
   }
   return {
-    labelOffset: s,
-    helperTextOffset: l,
+    labelOffset: u,
+    helperTextOffset: d,
     scrollHeight: e
   };
-}, He = de.forwardRef(
+}, me = ue.forwardRef(
   ({
     id: e,
-    name: r,
+    name: a,
     label: t,
-    error: n = !1,
-    raw: a = !1,
-    className: o,
-    textAreaClassName: s,
-    mode: l = "system",
-    focusMode: i = "system",
-    value: p,
-    defaultValue: y,
-    disabled: b = !1,
-    noBorder: _ = !1,
-    labelId: g,
-    helperText: u = "",
-    helperTextOnFocus: N = !1,
-    rightElement: m,
-    leftElement: R,
-    onChange: D,
-    onFocus: H,
-    onBlur: P,
-    ...K
-  }, Q) => {
-    const x = f(null), Y = ge([Q, x]), [Z, L] = G(), [ee, k] = G(), $ = f(80), F = f(-25), O = f(null), M = f(30), U = f(null), C = Re({ id: e, prefix: `${W}-` }), [V, te] = v(0), [X, re] = v(0), [ne, j] = v(
-      !!(!N && u)
-    ), ae = `${r} error, ${u}`, T = we({
-      className: o,
-      textAreaClassName: s,
-      error: n,
-      raw: a,
-      focusMode: i,
-      disabled: b,
-      noBorder: _,
-      mode: l,
-      rightElement: !!m,
-      leftElement: !!R
-    }), [h, oe] = be({
-      value: p,
+    error: s = !1,
+    raw: r = !1,
+    className: c,
+    textAreaClassName: u,
+    mode: d = "system",
+    focusMode: p = "system",
+    value: g,
+    defaultValue: N,
+    disabled: v = !1,
+    noBorder: O = !1,
+    labelId: S,
+    helperText: n = "",
+    helperTextOnFocus: b = !1,
+    rightElement: f,
+    leftElement: k,
+    onChange: I,
+    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(
+      !!(!b && n)
+    ), Z = `${a} error, ${n}`, y = Te({
+      className: c,
+      textAreaClassName: u,
+      error: s,
+      raw: r,
+      focusMode: p,
+      disabled: v,
+      noBorder: O,
+      mode: d,
+      rightElement: !!f,
+      leftElement: !!k
+    }), [x, ee] = ne({
+      value: g,
       initialControlledDelay: 20,
-      defaultValue: y,
-      onChange: (d) => {
-        D && D({
+      defaultValue: N,
+      onChange: (l) => {
+        I && I({
           target: {
-            value: d
+            value: l
           }
         });
       }
-    }), se = (d) => {
-      oe(d.target.value);
-    }, ce = (d) => {
-      N && u && j(!0), H && H(d);
-    }, le = (d) => {
-      N && u && !h && j(!1), P && P(d);
+    }), te = (l) => {
+      ee(l.target.value);
+    }, re = (l) => {
+      b && n && G(!0), F && F(l);
+    }, se = (l) => {
+      b && n && !x && G(!1), $ && $(l);
     };
-    return E(() => {
-      L && L.width && te(L.width + 18 + 10);
-    }, [L]), E(() => {
-      k && k.width && re(k.width + 18 + 10);
-    }, [k]), E(() => {
-      a || x && x.current && h !== void 0 && (x.current.style.height = "inherit", x.current.style.height = x.current.scrollHeight + "px");
-    }, [h, a]), E(() => {
-      a || setTimeout(() => {
-        O?.current?.style.setProperty(
+    return R(() => {
+      _ && _.width && Q(_.width + 18 + 10);
+    }, [_]), R(() => {
+      A && A.width && V(A.width + 18 + 10);
+    }, [A]), R(() => {
+      r || i && i.current && x !== void 0 && (i.current.style.height = "inherit", i.current.style.height = i.current.scrollHeight + "px");
+    }, [x, r]), R(() => {
+      r || setTimeout(() => {
+        L?.current?.style.setProperty(
           "--av-text-area-wrapper-transition",
-          h ? "none" : "all 0.2s ease-out"
+          x ? "none" : "all 0.2s ease-out"
         );
       }, 0);
-    }, [h, a]), E(() => {
-      if (!a && x && x.current && h !== void 0) {
-        const { labelOffset: d, helperTextOffset: I, scrollHeight: ie } = De({
-          scrollHeight: x.current.scrollHeight,
-          currentHeight: $.current,
-          currentLabelOffset: F.current,
-          currentHelperTextOffset: M.current
+    }, [x, r]), R(() => {
+      if (!r && i && i.current && x !== void 0) {
+        const { labelOffset: l, helperTextOffset: C, scrollHeight: ae } = be({
+          scrollHeight: i.current.scrollHeight,
+          currentHeight: E.current,
+          currentLabelOffset: M.current,
+          currentHelperTextOffset: X.current
         });
-        d && (F.current = d, O?.current?.style.setProperty(
+        l && (M.current = l, L?.current?.style.setProperty(
           "--av-text-area-label",
-          `${d}px`
-        )), I && (M.current = I, U?.current?.style.setProperty(
+          `${l}px`
+        )), C && (X.current = C, j?.current?.style.setProperty(
           "--av-text-area-helper-text",
-          `${I}px`
-        )), $.current = ie || $.current;
+          `${C}px`
+        )), E.current = ae || E.current;
       }
-    }, [h, a]), k.width > 0 && O?.current?.style.setProperty(
+    }, [x, r]), A.width > 0 && L?.current?.style.setProperty(
       "--tw-translate-x",
-      `${12 + k.width + 5}px`
-    ), /* @__PURE__ */ ue("div", { className: T.wrapper, children: [
-      /* @__PURE__ */ A(
+      `${12 + A.width + 5}px`
+    ), /* @__PURE__ */ oe("div", { className: y.wrapper, children: [
+      /* @__PURE__ */ h(
         "label",
         {
-          htmlFor: C,
-          id: g,
-          className: T.accessibleLabel,
+          htmlFor: m,
+          id: S,
+          className: y.accessibleLabel,
           children: t
         }
       ),
-      R && /* @__PURE__ */ A(
+      k && /* @__PURE__ */ h(
         "div",
         {
-          ref: ee,
-          className: T.leftElement,
-          children: R
+          ref: K,
+          className: y.leftElement,
+          children: k
         }
       ),
-      /* @__PURE__ */ A(
+      /* @__PURE__ */ h(
         "textarea",
         {
-          ref: Y,
-          id: C,
-          name: r,
-          disabled: b,
-          placeholder: a ? void 0 : " ",
-          className: T.textArea,
+          ref: q,
+          id: m,
+          name: a,
+          disabled: v,
+          placeholder: r ? void 0 : " ",
+          className: y.textArea,
           rows: 1,
-          ...u && { "aria-describedby": `${C}-helper` },
-          ...n && { "aria-invalid": "true" },
-          ...m && !R && !a && { style: { paddingRight: V } },
-          ...R && !m && !a && { style: { paddingLeft: X } },
-          ...m && R && !a && {
+          ...n && { "aria-describedby": `${m}-helper` },
+          ...s && { "aria-invalid": "true" },
+          ...f && !k && !r && { style: { paddingRight: w } },
+          ...k && !f && !r && { style: { paddingLeft: B } },
+          ...f && k && !r && {
             style: {
-              paddingRight: V,
-              paddingLeft: X
+              paddingRight: w,
+              paddingLeft: B
             }
           },
-          value: h,
-          onChange: se,
-          onFocus: ce,
-          onBlur: le,
-          ...K
+          value: x,
+          onChange: te,
+          onFocus: re,
+          onBlur: se,
+          ...z
         }
       ),
-      !a && /* @__PURE__ */ A(
+      !r && /* @__PURE__ */ h(
         "label",
         {
-          ref: O,
+          ref: L,
           "aria-hidden": !0,
-          htmlFor: C,
-          className: `${T.visibleLabel}`,
+          htmlFor: m,
+          className: `${y.visibleLabel}`,
           children: t
         }
       ),
-      ne && /* @__PURE__ */ A(
+      Y && /* @__PURE__ */ h(
         "div",
         {
-          ref: U,
-          id: `${C}-helper`,
-          className: T.helperText,
-          children: u
+          ref: j,
+          id: `${m}-helper`,
+          className: y.helperText,
+          children: n
         }
       ),
-      m && /* @__PURE__ */ A(
+      f && /* @__PURE__ */ h(
         "div",
         {
-          ref: Z,
-          className: T.rightElement,
-          children: m
+          ref: J,
+          className: y.rightElement,
+          children: f
         }
       ),
-      n && u && /* @__PURE__ */ A(Ce, { politeness: "polite", clearAnnouncementDelay: 500, children: ae })
+      s && n && /* @__PURE__ */ h(ie, { politeness: "polite", clearAnnouncementDelay: 500, children: Z })
     ] });
   }
 );
-He.displayName = "TextArea";
+me.displayName = "TextArea";
 export {
   W as TEXT_AREA_CLASSNAME,
-  he as TEXT_AREA_CONTROL_LEFT_CLASSNAME,
-  me as TEXT_AREA_CONTROL_RIGHT_CLASSNAME,
-  w as TEXT_AREA_HELPER_TEXT_CLASSNAME,
-  xe as TEXT_AREA_WRAPPER_CLASSNAME,
-  He as TextArea
+  xe as TEXT_AREA_CONTROL_LEFT_CLASSNAME,
+  fe as TEXT_AREA_CONTROL_RIGHT_CLASSNAME,
+  P as TEXT_AREA_HELPER_TEXT_CLASSNAME,
+  de as TEXT_AREA_WRAPPER_CLASSNAME,
+  me 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 v4.0.11
+  @versini/ui-textarea v4.0.12
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_TEXTAREA__ || (window.__VERSINI_UI_TEXTAREA__ = {
-    version: "4.0.11",
-    buildTime: "08/23/2025 12:21 PM EDT",
+    version: "4.0.12",
+    buildTime: "09/01/2025 02:19 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-textarea",
-	"version": "4.0.11",
+	"version": "4.0.12",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -42,17 +42,17 @@
 	},
 	"devDependencies": {
 		"@testing-library/jest-dom": "6.8.0",
-		"@versini/ui-types": "../ui-types"
+		"@versini/ui-types": "5.0.7"
 	},
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.16",
-		"@versini/ui-hooks": "../ui-hooks",
-		"@versini/ui-liveregion": "../ui-liveregion",
+		"@versini/ui-hooks": "4.7.8",
+		"@versini/ui-liveregion": "2.0.12",
 		"clsx": "2.1.1",
 		"tailwindcss": "4.1.12"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "d568e20474c6c87f836c4cb6548f2cc0143a353c"
+	"gitHead": "c577149643ec36cad454587166e62410a77aed38"
 }