@versini/ui-textinput 4.0.1 → 4.0.3

package/dist/chunks/{TextInput.DnHaeAWa.js → TextInput.CBImAF4q.js}

@@ -1,10 +1,10 @@
 import { jsx as f, jsxs as H } from "react/jsx-runtime";
-import z, { useRef as y, useEffect as R, useCallback as W, useState as $, useMemo as J, useId as K, useReducer as Q, useLayoutEffect as L } from "react";
+import z, { useRef as y, useCallback as W, useEffect as _, useState as $, useMemo as J, useId as K, useReducer as Q, useLayoutEffect as L } from "react";
 import c from "clsx";
-const P = "av-text-input", me = "av-text-input-simple", Y = "av-text-input-wrapper", _ = "av-text-input-helper-text";
+const P = "av-text-input", me = "av-text-input-simple", Y = "av-text-input-wrapper", I = "av-text-input-helper-text";
 function Z() {
   const e = y(!1);
-  return R(() => (e.current = !0, () => {
+  return _(() => (e.current = !0, () => {
     e.current = !1;
   }), []), W(() => e.current, []);
 }
@@ -19,28 +19,28 @@ const B = {
   right: 0
 };
 function ee(e) {
-  const r = Z(), t = y(0), n = y(null), [a, s] = $(B), l = J(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((p) => {
+  const n = Z(), t = y(0), r = y(null), [a, o] = $(B), l = J(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((p) => {
     const i = p[0];
     i && (cancelAnimationFrame(t.current), t.current = requestAnimationFrame(() => {
-      n.current && r() && s(i.contentRect);
+      r.current && n() && o(i.contentRect);
     }));
-  }), [r]);
-  return R(() => (n.current && (l == null || l.observe(n.current, e)), () => {
+  }), [n]);
+  return _(() => (r.current && (l == null || l.observe(r.current, e)), () => {
     l == null || l.disconnect(), t.current && cancelAnimationFrame(t.current);
-  }), [l, e]), [n, a];
+  }), [l, e]), [r, a];
 }
 function te(e) {
-  const r = K();
+  const n = K();
   if (!e)
-    return r;
+    return n;
   if (typeof e == "number" || typeof e == "string")
-    return `${e}${r}`;
+    return `${e}${n}`;
   if (typeof e == "object") {
-    const { id: t, prefix: n = "" } = e;
-    return typeof t == "number" || typeof t == "string" ? `${n}${t}` : `${n}${r}`;
+    const { id: t, prefix: r = "" } = e;
+    return typeof t == "number" || typeof t == "string" ? `${r}${t}` : `${r}${n}`;
   }
 }
-const D = "SET_ANNOUNCEMENT", w = "CLEAR_ANNOUNCEMENT", ne = {
+const D = "SET_ANNOUNCEMENT", w = "CLEAR_ANNOUNCEMENT", re = {
   alert: null,
   alertdialog: null,
   log: "polite",
@@ -48,12 +48,12 @@ const D = "SET_ANNOUNCEMENT", w = "CLEAR_ANNOUNCEMENT", ne = {
   progressbar: null,
   status: "polite",
   timer: "assertive"
-}, re = (e, r) => {
-  switch (r == null ? void 0 : r.type) {
+}, ne = (e, n) => {
+  switch (n == null ? void 0 : n.type) {
     case D:
       return {
         ...e,
-        announcement: r.payload
+        announcement: n.payload
       };
     case w:
       return {
@@ -65,72 +65,72 @@ const D = "SET_ANNOUNCEMENT", w = "CLEAR_ANNOUNCEMENT", ne = {
   }
 }, ae = ({
   onAnnouncementClear: e,
-  dispatch: r
+  dispatch: n
 }) => {
-  r({
+  n({
     type: w
   }), typeof e == "function" && e();
 }, S = ({
   children: e,
-  clearAnnouncementDelay: r,
+  clearAnnouncementDelay: n,
   clearAnnouncementTimeoutRef: t,
-  onAnnouncementClear: n,
+  onAnnouncementClear: r,
   dispatch: a
 }) => {
   clearTimeout(t.current), e !== null && a({
     type: D,
     payload: e
-  }), r && (t.current = setTimeout(
+  }), n && (t.current = setTimeout(
     () => ae({
-      onAnnouncementClear: n,
+      onAnnouncementClear: r,
       dispatch: a
     }),
-    r
+    n
   ));
 }, le = ({
   children: e,
-  announcementTimeoutRef: r,
+  announcementTimeoutRef: n,
   announcementDelay: t,
-  clearAnnouncementDelay: n,
+  clearAnnouncementDelay: r,
   clearAnnouncementTimeoutRef: a,
-  onAnnouncementClear: s,
+  onAnnouncementClear: o,
   dispatch: l
 }) => {
-  clearTimeout(r.current), t ? r.current = setTimeout(S, t, {
+  clearTimeout(n.current), t ? n.current = setTimeout(S, t, {
     children: e,
-    clearAnnouncementDelay: n,
+    clearAnnouncementDelay: r,
     clearAnnouncementTimeoutRef: a,
-    onAnnouncementClear: s,
+    onAnnouncementClear: o,
     dispatch: l
   }) : S({
     children: e,
-    clearAnnouncementDelay: n,
+    clearAnnouncementDelay: r,
     clearAnnouncementTimeoutRef: a,
-    onAnnouncementClear: s,
+    onAnnouncementClear: o,
     dispatch: l
   });
 };
 function ce({
   children: e,
-  className: r,
+  className: n,
   politeness: t,
-  role: n = null,
+  role: r = null,
   announcementDelay: a,
-  clearAnnouncementDelay: s,
+  clearAnnouncementDelay: o,
   onAnnouncementClear: l,
   visible: p,
   ...i
 }) {
-  const x = y(null), m = y(null), [o, g] = Q(re, {
+  const x = y(null), m = y(null), [s, g] = Q(ne, {
     announcement: null
   });
   let d = t;
-  typeof d > "u" && (d = n ? ne[n] : "assertive"), R(() => {
+  typeof d > "u" && (d = r ? re[r] : "assertive"), _(() => {
     le({
       announcementTimeoutRef: x,
       announcementDelay: a,
       children: e,
-      clearAnnouncementDelay: s,
+      clearAnnouncementDelay: o,
       clearAnnouncementTimeoutRef: m,
       onAnnouncementClear: l,
       dispatch: g
@@ -138,44 +138,44 @@ function ce({
   }, [
     e,
     a,
-    s,
+    o,
     l
   ]);
-  const u = c(r, {
+  const u = c(n, {
     "sr-only": !p
   });
   return /* @__PURE__ */ f(
     "div",
     {
       "aria-live": d,
-      ...n && { role: n },
+      ...r && { role: r },
       className: u,
       ...i,
-      children: o.announcement
+      children: s.announcement
     }
   );
 }
 /*!
-  @versini/ui-liveregion v2.0.1
+  @versini/ui-liveregion v2.0.3
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_LIVEREGION__ || (window.__VERSINI_UI_LIVEREGION__ = {
-    version: "2.0.1",
-    buildTime: "04/02/2025 04:18 PM EDT",
+    version: "2.0.3",
+    buildTime: "05/26/2025 03:48 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const se = ({
+const oe = ({
   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"
-}), oe = ({
+}), se = ({
   focusMode: e
 }) => c("focus:outline focus:outline-2 focus:outline-offset-2", {
   "focus:outline-focus-dark": e === "dark",
@@ -184,58 +184,58 @@ const se = ({
   "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
 }), ue = ({
   noBorder: e,
-  error: r
+  error: n
 }) => c("border-2", {
-  "border-border-dark": !e && !r,
-  "focus:border-border-dark": !e && r,
-  "border-border-error-dark": !e && r,
+  "border-border-dark": !e && !n,
+  "focus:border-border-dark": !e && n,
+  "border-border-error-dark": !e && n,
   "border-transparent": e
 }), ie = ({
   disabled: e,
-  raw: r,
+  raw: n,
   error: t,
-  mode: n
+  mode: r
 }) => {
-  if (r)
+  if (n)
     return "";
   if (e)
     return c("absolute px-2 cursor-not-allowed opacity-50 font-medium");
   if (!t)
     return c("absolute px-2 cursor-text font-medium", {
-      "text-copy-lighter": n === "dark",
-      "text-copy-dark": n === "light",
-      "text-copy-dark dark:text-copy-lighter": n === "system",
-      "text-copy-lighter dark:text-copy-dark": n === "alt-system"
+      "text-copy-lighter": r === "dark",
+      "text-copy-dark": r === "light",
+      "text-copy-dark dark:text-copy-lighter": r === "system",
+      "text-copy-lighter dark:text-copy-dark": r === "alt-system"
     });
   if (t)
     return c("absolute px-2 cursor-text font-medium", {
-      "text-copy-lighter": n === "dark",
-      "text-copy-error-dark": n === "light",
-      "text-copy-error-dark dark:text-copy-error-light dark:bg-surface-darker": n === "system",
-      "text-copy-lighter dark:text-copy-error-dark": n === "alt-system"
+      "text-copy-lighter": r === "dark",
+      "text-copy-error-dark": r === "light",
+      "text-copy-error-dark dark:text-copy-error-light dark:bg-surface-darker": r === "system",
+      "text-copy-lighter dark:text-copy-error-dark": r === "alt-system"
     });
 }, pe = ({
   error: e,
-  raw: r,
+  raw: n,
   mode: t,
-  disabled: n
+  disabled: r
 }) => {
-  if (r)
-    return "";
   if (n)
+    return "";
+  if (r)
     return c(
-      _,
+      I,
       "absolute px-2 cursor-not-allowed opacity-50 font-medium"
     );
   if (!e)
-    return c(_, "absolute px-2 font-medium", {
+    return c(I, "absolute px-2 font-medium", {
       "text-copy-lighter": t === "dark",
       "text-copy-dark": t === "light",
       "text-copy-dark dark:text-copy-lighter": t === "system",
       "text-copy-lighter dark:text-copy-dark": t === "alt-system"
     });
   if (e)
-    return c(_, "absolute px-2 font-medium", {
+    return c(I, "absolute px-2 font-medium", {
       "text-copy-error-light bg-surface-darker": t === "dark",
       "text-copy-error-dark": t === "light",
       "text-copy-error-dark dark:text-copy-error-light dark:bg-surface-darker": t === "system",
@@ -243,11 +243,11 @@ const se = ({
     });
 }, de = ({
   className: e,
-  inputClassName: r,
+  inputClassName: n,
   raw: t,
-  disabled: n,
+  disabled: r,
   noBorder: a,
-  error: s,
+  error: o,
   mode: l,
   focusMode: p,
   size: i,
@@ -258,109 +258,109 @@ const se = ({
     Y,
     e
   );
-  let o = "";
+  let s = "";
   switch (i) {
     case "xs":
-      o = "h-8";
+      s = "h-8";
       break;
     case "sm":
-      o = "h-10";
+      s = "h-10";
       break;
     case "lg":
-      o = "h-14";
+      s = "h-14";
       break;
     case "xl":
-      o = "h-16";
+      s = "h-16";
       break;
     default:
-      o = "h-12";
+      s = "h-12";
       break;
   }
-  const g = t ? c(r) : c(
+  const g = t ? c(n) : c(
     P,
-    o,
+    s,
     "rounded-md text-base px-4",
-    se({ mode: l }),
-    oe({ focusMode: p }),
-    ue({ noBorder: a, error: s }),
+    oe({ mode: l }),
+    se({ focusMode: p }),
+    ue({ noBorder: a, error: o }),
     {
-      "disabled:cursor-not-allowed disabled:opacity-50": n
+      "disabled:cursor-not-allowed disabled:opacity-50": r
     },
-    r
+    n
   ), d = t ? void 0 : "sr-only", u = ie({
-    disabled: n,
+    disabled: r,
     raw: t,
-    error: s,
+    error: o,
     mode: l
   }), b = pe({
-    error: s,
+    error: o,
     raw: t,
     mode: l,
-    disabled: n
-  }), N = t ? void 0 : c("absolute right-3", x);
+    disabled: r
+  }), v = t ? void 0 : c("absolute right-3", x);
   return {
     wrapper: m,
     input: g,
     accessibleLabel: d,
     visibleLabel: u,
     helperText: b,
-    rightElement: N
+    rightElement: v
   };
 }, fe = z.forwardRef(
   ({
     id: e,
-    name: r,
+    name: n,
     label: t,
-    error: n = !1,
+    error: r = !1,
     raw: a = !1,
-    className: s,
+    className: o,
     inputClassName: l,
     mode: p = "system",
     focusMode: i = "system",
     disabled: x = !1,
     noBorder: m = !1,
-    labelId: o,
+    labelId: s,
     labelHidden: g = !1,
     type: d = "text",
     helperText: u = "",
     rightElement: b,
-    rightElementClassName: N,
-    size: I = "md",
+    rightElementClassName: v,
+    size: N = "md",
     ...U
   }, M) => {
-    const [F, T] = ee(), [O, X] = $(0), k = te({ id: e, prefix: `${P}-` }), j = `${r} error, ${u}`, A = y(null), E = y(null), V = {
+    const [F, T] = ee(), [O, X] = $(0), k = te({ id: e, prefix: `${P}-` }), j = `${n} error, ${u}`, A = y(null), E = y(null), V = {
       xs: { label: "-25px", helperText: "30px" },
       sm: { label: "-29px", helperText: "34px" },
       md: { label: "-33px", helperText: "38px" },
       lg: { label: "-15px", helperText: "22px" },
       xl: { label: "-19px", helperText: "25px" }
     }, h = de({
-      className: s,
+      className: o,
       inputClassName: l,
-      error: n,
+      error: r,
       raw: a,
       focusMode: i,
       disabled: x,
       noBorder: m,
       mode: p,
-      size: I,
-      rightElementClassName: N
+      size: N,
+      rightElementClassName: v
     });
     return L(() => {
       T && T.width && X(T.width + 18 + 10);
     }, [T]), L(() => {
-      var v, C;
-      const { label: q, helperText: G } = V[I];
-      (v = A == null ? void 0 : A.current) == null || v.style.setProperty("--av-text-input-label", q), (C = E == null ? void 0 : E.current) == null || C.style.setProperty(
+      var R, C;
+      const { label: q, helperText: G } = V[N];
+      (R = A == null ? void 0 : A.current) == null || R.style.setProperty("--av-text-input-label", q), (C = E == null ? void 0 : E.current) == null || C.style.setProperty(
         "--av-text-input-helper-text",
         G
       );
-    }, [I]), /* @__PURE__ */ H("div", { className: h.wrapper, children: [
+    }, [N]), /* @__PURE__ */ H("div", { className: h.wrapper, children: [
       /* @__PURE__ */ f(
         "label",
         {
           htmlFor: k,
-          id: o,
+          id: s,
           className: h.accessibleLabel,
           children: t
         }
@@ -370,13 +370,13 @@ const se = ({
         {
           ref: M,
           id: k,
-          name: r,
+          name: n,
           type: d,
           disabled: x,
           placeholder: a ? void 0 : " ",
           className: h.input,
           ...u && { "aria-describedby": `${k}-helper` },
-          ...n && { "aria-invalid": "true" },
+          ...r && { "aria-invalid": "true" },
           ...b && !a && { style: { paddingRight: O } },
           ...U
         }
@@ -408,14 +408,14 @@ const se = ({
           children: b
         }
       ),
-      n && u && /* @__PURE__ */ f(ce, { politeness: "polite", clearAnnouncementDelay: 500, children: j })
+      r && u && /* @__PURE__ */ f(ce, { politeness: "polite", clearAnnouncementDelay: 500, children: j })
     ] });
   }
 );
 fe.displayName = "TextInput";
 export {
   P as TEXT_INPUT_CLASSNAME,
-  _ as TEXT_INPUT_HELPER_TEXT_CLASSNAME,
+  I as TEXT_INPUT_HELPER_TEXT_CLASSNAME,
   me as TEXT_INPUT_SIMPLE_CLASSNAME,
   Y as TEXT_INPUT_WRAPPER_CLASSNAME,
   fe as TextInput,

package/dist/components/TextInput/TextInput.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { TextInput as m } from "../../chunks/TextInput.DnHaeAWa.js";
+import { TextInput as m } from "../../chunks/TextInput.CBImAF4q.js";
 import "react";
 export {
   m as TextInput

package/dist/components/TextInput/TextInputMask.js

@@ -1,4 +1,4 @@
-import { TextInput as F, x as H } from "../../chunks/TextInput.DnHaeAWa.js";
+import { TextInput as F, x as H } from "../../chunks/TextInput.CBImAF4q.js";
 import { jsxs as L, Fragment as B, jsx as x } from "react/jsx-runtime";
 import A, { useMemo as j, useState as _, useRef as m, useEffect as b } from "react";
 function $(r) {

package/dist/index.js

@@ -1,13 +1,13 @@
-import { TEXT_INPUT_CLASSNAME as I, TEXT_INPUT_HELPER_TEXT_CLASSNAME as e, TEXT_INPUT_SIMPLE_CLASSNAME as o, TEXT_INPUT_WRAPPER_CLASSNAME as t, TextInput as N } from "./chunks/TextInput.DnHaeAWa.js";
+import { TEXT_INPUT_CLASSNAME as I, TEXT_INPUT_HELPER_TEXT_CLASSNAME as e, TEXT_INPUT_SIMPLE_CLASSNAME as o, TEXT_INPUT_WRAPPER_CLASSNAME as t, TextInput as N } from "./chunks/TextInput.CBImAF4q.js";
 import { TextInputMask as P } from "./components/TextInput/TextInputMask.js";
 /*!
-  @versini/ui-textinput v4.0.1
+  @versini/ui-textinput v4.0.3
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_TEXTINPUT__ || (window.__VERSINI_UI_TEXTINPUT__ = {
-    version: "4.0.1",
-    buildTime: "04/02/2025 04:18 PM EDT",
+    version: "4.0.3",
+    buildTime: "05/26/2025 03:48 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-textinput",
-	"version": "4.0.1",
+	"version": "4.0.3",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -39,17 +39,17 @@
 		"react-dom": "^18.3.1 || ^19.0.0"
 	},
 	"devDependencies": {
-		"@versini/ui-types": "5.0.1"
+		"@versini/ui-types": "5.0.3"
 	},
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.16",
 		"@versini/ui-hooks": "4.7.3",
-		"@versini/ui-liveregion": "2.0.1",
+		"@versini/ui-liveregion": "2.0.3",
 		"clsx": "2.1.1",
-		"tailwindcss": "4.1.1"
+		"tailwindcss": "4.1.7"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "bd0dc5cacbcb1457f384709b76609590ff9c22c1"
+	"gitHead": "863a399128080a19f2668e458d495110aa0f68f8"
 }