@versini/ui-textarea 4.0.12 → 5.0.0

package/dist/components/TextArea/TextArea.js

@@ -1,331 +1,523 @@
-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({
+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 v3.0.0
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_LIVEREGION__ || (window.__VERSINI_UI_LIVEREGION__ = {
+    version: "3.0.0",
+    buildTime: "09/01/2025 03:17 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({
   "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"
-}), he = ({
+}), Oe = ({
   focusMode: e
-}) => o("focus:outline focus:outline-2 focus:outline-offset-2", {
+}) => c("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"
-}), ge = ({
+}), Ie = ({
   noBorder: e,
-  error: a
-}) => o("border-2", {
-  "border-border-dark": !e && !a,
-  "focus:border-border-dark": !e && a,
-  "border-border-error-dark": !e && a,
+  error: r
+}) => c("border-2", {
+  "border-border-dark": !e && !r,
+  "focus:border-border-dark": !e && r,
+  "border-border-error-dark": !e && r,
   "border-transparent": e
-}), ke = ({
+}), Se = ({
   disabled: e,
-  raw: a,
+  raw: r,
   error: t,
-  mode: s,
-  leftElement: r,
-  rightElement: c
+  mode: n,
+  leftElement: a,
+  rightElement: o
 }) => {
-  if (a)
+  if (r)
     return "";
   if (e)
-    return o(
+    return c(
       "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-[12px]": o === !0 && !a || !o && !a
       }
     );
   if (!t)
-    return o(
+    return c(
       "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
       {
-        "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"
+        "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"
       }
     );
   if (t)
-    return o(
+    return c(
       "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
       {
-        "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"
+        "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"
       }
     );
-}, Ae = ({
+}, $e = ({
   error: e,
-  raw: a,
+  raw: r,
   mode: t,
-  disabled: s
+  disabled: n
 }) => {
-  if (a)
+  if (r)
     return "";
-  if (s)
-    return o(
-      P,
+  if (n)
+    return c(
+      w,
       "absolute px-2 cursor-not-allowed opacity-50 font-medium"
     );
   if (!e)
-    return o(P, "absolute px-2 font-medium", {
+    return c(w, "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 c(w, "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"
     });
-}, Te = ({
+}, we = ({
   className: e,
-  textAreaClassName: a,
+  textAreaClassName: r,
   raw: t,
-  focusMode: s,
-  disabled: r,
-  noBorder: c,
-  error: u,
-  mode: d,
-  leftElement: p,
-  rightElement: g
+  focusMode: n,
+  disabled: a,
+  noBorder: o,
+  error: s,
+  mode: l,
+  leftElement: i,
+  rightElement: p
 }) => {
-  const N = t ? e : o(
+  const y = t ? e : c(
     "relative flex w-full flex-col justify-center",
-    de,
+    xe,
     e
-  ), v = t ? o(a) : o(
+  ), b = t ? c(r) : c(
     W,
-    a,
-    pe(),
-    ye({ mode: d }),
-    he({ focusMode: s }),
-    ge({
-      noBorder: c,
-      error: u
+    r,
+    Ee(),
+    Le({ mode: l }),
+    Oe({ focusMode: n }),
+    Ie({
+      noBorder: o,
+      error: s
     }),
     {
-      "disabled:cursor-not-allowed disabled:opacity-50": r
+      "disabled:cursor-not-allowed disabled:opacity-50": a
     }
-  ), O = t ? void 0 : "sr-only", S = ke({
-    disabled: r,
+  ), _ = t ? void 0 : "sr-only", g = Se({
+    disabled: a,
     raw: t,
-    error: u,
-    mode: d,
-    rightElement: g,
-    leftElement: p
-  }), n = Ae({
-    error: u,
+    error: s,
+    mode: l,
+    rightElement: p,
+    leftElement: i
+  }), u = $e({
+    error: s,
     raw: t,
-    mode: d,
-    disabled: r
-  }), b = t ? void 0 : o(fe, "absolute"), f = t ? void 0 : o(xe, "absolute");
+    mode: l,
+    disabled: a
+  }), N = t ? void 0 : c(me, "absolute"), m = t ? void 0 : c(he, "absolute");
   return {
-    wrapper: N,
-    textArea: v,
-    accessibleLabel: O,
-    visibleLabel: S,
-    helperText: n,
-    rightElement: b,
-    leftElement: f
+    wrapper: y,
+    textArea: b,
+    accessibleLabel: _,
+    visibleLabel: g,
+    helperText: u,
+    rightElement: N,
+    leftElement: m
   };
-}, be = ({
+}, De = ({
   scrollHeight: e,
-  currentHeight: a,
+  currentHeight: r,
   currentLabelOffset: t = 0,
-  currentHelperTextOffset: s = 0
+  currentHelperTextOffset: n = 0
 }) => {
-  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);
+  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);
   }
   return {
-    labelOffset: u,
-    helperTextOffset: d,
+    labelOffset: s,
+    helperTextOffset: l,
     scrollHeight: e
   };
-}, me = ue.forwardRef(
+}, He = de.forwardRef(
   ({
     id: e,
-    name: a,
+    name: r,
     label: t,
-    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,
+    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,
       initialControlledDelay: 20,
-      defaultValue: N,
-      onChange: (l) => {
-        I && I({
+      defaultValue: y,
+      onChange: (d) => {
+        D && D({
           target: {
-            value: l
+            value: d
           }
         });
       }
-    }), te = (l) => {
-      ee(l.target.value);
-    }, re = (l) => {
-      b && n && G(!0), F && F(l);
-    }, se = (l) => {
-      b && n && !x && G(!1), $ && $(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);
     };
-    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(
+    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(
           "--av-text-area-wrapper-transition",
-          x ? "none" : "all 0.2s ease-out"
+          h ? "none" : "all 0.2s ease-out"
         );
       }, 0);
-    }, [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
+    }, [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
         });
-        l && (M.current = l, L?.current?.style.setProperty(
+        d && (F.current = d, O?.current?.style.setProperty(
           "--av-text-area-label",
-          `${l}px`
-        )), C && (X.current = C, j?.current?.style.setProperty(
+          `${d}px`
+        )), I && (M.current = I, U?.current?.style.setProperty(
           "--av-text-area-helper-text",
-          `${C}px`
-        )), E.current = ae || E.current;
+          `${I}px`
+        )), $.current = ie || $.current;
       }
-    }, [x, r]), A.width > 0 && L?.current?.style.setProperty(
+    }, [h, a]), k.width > 0 && O?.current?.style.setProperty(
       "--tw-translate-x",
-      `${12 + A.width + 5}px`
-    ), /* @__PURE__ */ oe("div", { className: y.wrapper, children: [
-      /* @__PURE__ */ h(
+      `${12 + k.width + 5}px`
+    ), /* @__PURE__ */ ue("div", { className: T.wrapper, children: [
+      /* @__PURE__ */ A(
         "label",
         {
-          htmlFor: m,
-          id: S,
-          className: y.accessibleLabel,
+          htmlFor: C,
+          id: g,
+          className: T.accessibleLabel,
           children: t
         }
       ),
-      k && /* @__PURE__ */ h(
+      R && /* @__PURE__ */ A(
         "div",
         {
-          ref: K,
-          className: y.leftElement,
-          children: k
+          ref: ee,
+          className: T.leftElement,
+          children: R
         }
       ),
-      /* @__PURE__ */ h(
+      /* @__PURE__ */ A(
         "textarea",
         {
-          ref: q,
-          id: m,
-          name: a,
-          disabled: v,
-          placeholder: r ? void 0 : " ",
-          className: y.textArea,
+          ref: Y,
+          id: C,
+          name: r,
+          disabled: b,
+          placeholder: a ? void 0 : " ",
+          className: T.textArea,
           rows: 1,
-          ...n && { "aria-describedby": `${m}-helper` },
-          ...s && { "aria-invalid": "true" },
-          ...f && !k && !r && { style: { paddingRight: w } },
-          ...k && !f && !r && { style: { paddingLeft: B } },
-          ...f && k && !r && {
+          ...u && { "aria-describedby": `${C}-helper` },
+          ...n && { "aria-invalid": "true" },
+          ...m && !R && !a && { style: { paddingRight: V } },
+          ...R && !m && !a && { style: { paddingLeft: X } },
+          ...m && R && !a && {
             style: {
-              paddingRight: w,
-              paddingLeft: B
+              paddingRight: V,
+              paddingLeft: X
             }
           },
-          value: x,
-          onChange: te,
-          onFocus: re,
-          onBlur: se,
-          ...z
+          value: h,
+          onChange: se,
+          onFocus: ce,
+          onBlur: le,
+          ...K
         }
       ),
-      !r && /* @__PURE__ */ h(
+      !a && /* @__PURE__ */ A(
         "label",
         {
-          ref: L,
+          ref: O,
           "aria-hidden": !0,
-          htmlFor: m,
-          className: `${y.visibleLabel}`,
+          htmlFor: C,
+          className: `${T.visibleLabel}`,
           children: t
         }
       ),
-      Y && /* @__PURE__ */ h(
+      ne && /* @__PURE__ */ A(
         "div",
         {
-          ref: j,
-          id: `${m}-helper`,
-          className: y.helperText,
-          children: n
+          ref: U,
+          id: `${C}-helper`,
+          className: T.helperText,
+          children: u
         }
       ),
-      f && /* @__PURE__ */ h(
+      m && /* @__PURE__ */ A(
         "div",
         {
-          ref: J,
-          className: y.rightElement,
-          children: f
+          ref: Z,
+          className: T.rightElement,
+          children: m
         }
       ),
-      s && n && /* @__PURE__ */ h(ie, { politeness: "polite", clearAnnouncementDelay: 500, children: Z })
+      n && u && /* @__PURE__ */ A(Ce, { politeness: "polite", clearAnnouncementDelay: 500, children: ae })
     ] });
   }
 );
-me.displayName = "TextArea";
+He.displayName = "TextArea";
 export {
   W 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,
-  de as TEXT_AREA_WRAPPER_CLASSNAME,
-  me as TextArea
+  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
 };

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.12
+  @versini/ui-textarea v5.0.0
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_TEXTAREA__ || (window.__VERSINI_UI_TEXTAREA__ = {
-    version: "4.0.12",
-    buildTime: "09/01/2025 02:19 PM EDT",
+    version: "5.0.0",
+    buildTime: "09/01/2025 03:17 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.12",
+	"version": "5.0.0",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -37,22 +37,22 @@
 		"test": "vitest run"
 	},
 	"peerDependencies": {
-		"react": "^18.3.1 || ^19.0.0",
-		"react-dom": "^18.3.1 || ^19.0.0"
+		"react": "^19.0.0",
+		"react-dom": "^19.0.0"
 	},
 	"devDependencies": {
 		"@testing-library/jest-dom": "6.8.0",
-		"@versini/ui-types": "5.0.7"
+		"@versini/ui-types": "6.0.0"
 	},
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.16",
-		"@versini/ui-hooks": "4.7.8",
-		"@versini/ui-liveregion": "2.0.12",
+		"@versini/ui-hooks": "5.0.0",
+		"@versini/ui-liveregion": "3.0.0",
 		"clsx": "2.1.1",
 		"tailwindcss": "4.1.12"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "c577149643ec36cad454587166e62410a77aed38"
+	"gitHead": "70a47e9e30172dbb7b36306773fe9511e437fba6"
 }