@versini/ui-textinput 1.2.2 → 1.3.0

package/dist/chunks/{TextInput.B46x1iaZ.js → TextInput.B6Y-Xm3D.js}

@@ -1,7 +1,7 @@
 import { jsx as f, jsxs as W } from "react/jsx-runtime";
-import G, { useRef as y, useEffect as R, useCallback as J, useState as L, useMemo as K, useId as Q, useReducer as Y, useLayoutEffect as $ } from "react";
+import G, { useRef as y, useEffect as R, useCallback as J, useState as L, useMemo as K, useId as Q, useReducer as Y, useLayoutEffect as P } from "react";
 import c from "clsx";
-const w = "av-text-input", be = "av-text-input-simple", Z = "av-text-input-wrapper", C = "av-text-input-helper-text";
+const w = "av-text-input", be = "av-text-input-simple", Z = "av-text-input-wrapper", I = "av-text-input-helper-text";
 function B() {
   const e = y(!1);
   return R(() => (e.current = !0, () => {
@@ -40,7 +40,7 @@ function re(e) {
     return typeof t == "number" || typeof t == "string" ? `${n}${t}` : `${n}${r}`;
   }
 }
-const D = "SET_ANNOUNCEMENT", M = "CLEAR_ANNOUNCEMENT", ne = {
+const D = "SET_ANNOUNCEMENT", U = "CLEAR_ANNOUNCEMENT", ne = {
   alert: null,
   alertdialog: null,
   log: "polite",
@@ -55,7 +55,7 @@ const D = "SET_ANNOUNCEMENT", M = "CLEAR_ANNOUNCEMENT", ne = {
         ...e,
         announcement: r.payload
       };
-    case M:
+    case U:
       return {
         ...e,
         announcement: null
@@ -68,16 +68,16 @@ const D = "SET_ANNOUNCEMENT", M = "CLEAR_ANNOUNCEMENT", ne = {
   dispatch: r
 }) => {
   r({
-    type: M
+    type: U
   }), typeof e == "function" && e();
-}, P = ({
+}, S = ({
   children: e,
   clearAnnouncementDelay: r,
   clearAnnouncementTimeoutRef: t,
   onAnnouncementClear: n,
   dispatch: l
 }) => {
-  (t == null ? void 0 : t.current) !== null && clearTimeout(t.current), e !== null && l({
+  clearTimeout(t.current), e !== null && l({
     type: D,
     payload: e
   }), r && (t.current = setTimeout(
@@ -96,13 +96,13 @@ const D = "SET_ANNOUNCEMENT", M = "CLEAR_ANNOUNCEMENT", ne = {
   onAnnouncementClear: o,
   dispatch: a
 }) => {
-  clearTimeout(r.current), t ? r.current = setTimeout(P, t, {
+  clearTimeout(r.current), t ? r.current = setTimeout(S, t, {
     children: e,
     clearAnnouncementDelay: n,
     clearAnnouncementTimeoutRef: l,
     onAnnouncementClear: o,
     dispatch: a
-  }) : P({
+  }) : S({
     children: e,
     clearAnnouncementDelay: n,
     clearAnnouncementTimeoutRef: l,
@@ -121,7 +121,7 @@ function oe({
   visible: u,
   ...p
 }) {
-  const m = y(), x = y(), [g, s] = Y(le, {
+  const m = y(null), x = y(null), [g, s] = Y(le, {
     announcement: null
   });
   let d = t;
@@ -166,13 +166,13 @@ const se = (e) => {
   return r;
 };
 /*!
-  @versini/ui-private v1.4.18
+  @versini/ui-private v1.5.0
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_PRIVATE__ || (window.__VERSINI_UI_PRIVATE__ = {
-    version: "1.4.18",
-    buildTime: "11/19/2024 10:59 AM EST",
+    version: "1.5.0",
+    buildTime: "12/18/2024 12:34 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -234,18 +234,18 @@ const ue = ({
     return "";
   if (n)
     return c(
-      C,
+      I,
       "absolute px-2 cursor-not-allowed opacity-50 font-medium"
     );
   if (!e)
-    return c(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(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",
@@ -309,14 +309,14 @@ const ue = ({
     raw: t,
     mode: u,
     disabled: n
-  }), I = t ? void 0 : c("absolute right-3", x);
+  }), N = t ? void 0 : c("absolute right-3", x);
   return {
     wrapper: g,
     input: d,
     accessibleLabel: i,
     visibleLabel: b,
     helperText: E,
-    rightElement: I
+    rightElement: N
   };
 }, me = G.forwardRef(
   ({
@@ -337,11 +337,11 @@ const ue = ({
     helperText: i = "",
     rightElement: b,
     rightElementClassName: E,
-    spacing: I,
+    spacing: N,
     size: _ = "md",
-    ...U
-  }, j) => {
-    const [F, T] = te(), [O, X] = L(0), k = re({ id: e, prefix: `${w}-` }), V = `${r} error, ${i}`, A = y(null), v = y(null), q = {
+    ...M
+  }, F) => {
+    const [j, T] = te(), [X, O] = L(0), k = re({ id: e, prefix: `${w}-` }), V = `${r} error, ${i}`, v = y(null), A = y(null), q = {
       xs: { label: "-25px", helperText: "30px" },
       sm: { label: "-29px", helperText: "34px" },
       md: { label: "-33px", helperText: "38px" },
@@ -355,17 +355,17 @@ const ue = ({
       focusMode: p,
       disabled: m,
       noBorder: x,
-      spacing: I,
+      spacing: N,
       mode: u,
       size: _,
       rightElementClassName: E
     });
-    return $(() => {
-      T && T.width && X(T.width + 18 + 10);
-    }, [T]), $(() => {
-      var N, S;
+    return P(() => {
+      T && T.width && O(T.width + 18 + 10);
+    }, [T]), P(() => {
+      var C, $;
       const { label: H, helperText: z } = q[_];
-      (N = A == null ? void 0 : A.current) == null || N.style.setProperty("--av-text-input-label", H), (S = v == null ? void 0 : v.current) == null || S.style.setProperty(
+      (C = v == null ? void 0 : v.current) == null || C.style.setProperty("--av-text-input-label", H), ($ = A == null ? void 0 : A.current) == null || $.style.setProperty(
         "--av-text-input-helper-text",
         z
       );
@@ -382,7 +382,7 @@ const ue = ({
       /* @__PURE__ */ f(
         "input",
         {
-          ref: j,
+          ref: F,
           id: k,
           name: r,
           type: d,
@@ -391,14 +391,14 @@ const ue = ({
           className: h.input,
           ...i && { "aria-describedby": `${k}-helper` },
           ...n && { "aria-invalid": "true" },
-          ...b && !l && { style: { paddingRight: O } },
-          ...U
+          ...b && !l && { style: { paddingRight: X } },
+          ...M
         }
       ),
       !l && !s && /* @__PURE__ */ f(
         "label",
         {
-          ref: A,
+          ref: v,
           "aria-hidden": !0,
           htmlFor: k,
           className: h.visibleLabel,
@@ -408,7 +408,7 @@ const ue = ({
       i && /* @__PURE__ */ f(
         "div",
         {
-          ref: v,
+          ref: A,
           id: `${k}-helper`,
           className: h.helperText,
           children: i
@@ -417,7 +417,7 @@ const ue = ({
       b && /* @__PURE__ */ f(
         "div",
         {
-          ref: F,
+          ref: j,
           className: h.rightElement,
           children: b
         }
@@ -429,9 +429,9 @@ const ue = ({
 me.displayName = "TextInput";
 export {
   w as TEXT_INPUT_CLASSNAME,
-  C as TEXT_INPUT_HELPER_TEXT_CLASSNAME,
+  I as TEXT_INPUT_HELPER_TEXT_CLASSNAME,
   be as TEXT_INPUT_SIMPLE_CLASSNAME,
   Z as TEXT_INPUT_WRAPPER_CLASSNAME,
   me as TextInput,
-  oe as j
+  oe as x
 };

package/dist/components/TextInput/TextInput.js

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

package/dist/components/TextInput/TextInputMask.js

@@ -1,5 +1,5 @@
-import { TextInput as H, j as L } from "../../chunks/TextInput.B46x1iaZ.js";
-import { jsxs as j, Fragment as B, jsx as w } from "react/jsx-runtime";
+import { TextInput as H, x as L } from "../../chunks/TextInput.B6Y-Xm3D.js";
+import { jsxs as B, Fragment as j, jsx as x } from "react/jsx-runtime";
 import A, { useMemo as b, useState as _, useRef as m, useEffect as $ } from "react";
 function q(r) {
   return b(() => r.every((t) => t == null) ? () => {
@@ -15,49 +15,49 @@ const z = 500, G = 5e3, J = 2e4, K = A.forwardRef(
     disabled: t,
     label: n,
     labelHidden: k,
-    onMaskChange: o,
-    onChange: d,
-    onBlur: T,
+    onMaskChange: u,
+    onChange: T,
+    onBlur: d,
     onFocus: p,
     onTextInputMaskBlur: f,
-    rightElement: x,
-    spacing: O,
-    ...U
+    rightElement: O,
+    spacing: U,
+    ...w
   }, E) => {
-    const [h, g] = _(!0), [a, R] = _({
+    const [h, g] = _(!0), [l, R] = _({
       message: null,
       politeness: null
-    }), u = m(!0), i = m(), I = m(null), C = q([E, I]), S = h ? "Show" : "Hide", c = () => {
-      clearTimeout(i.current), u.current || (i.current = window.setTimeout(() => {
-        u.current = !0, g(!0), R({
+    }), c = m(!0), o = m(null), I = m(null), C = q([E, I]), S = h ? "Show" : "Hide", a = () => {
+      o.current && clearTimeout(o.current), c.current || (o.current = setTimeout(() => {
+        c.current = !0, g(!0), R({
           announcementTimeout: G,
           politeness: "polite",
           message: `${n} hiding characters`
-        }), o && o(!0);
+        }), u && u(!0);
       }, J));
     }, v = (e) => {
       e.preventDefault();
-      const s = !u.current;
-      u.current = s, c(), g(s), R({
+      const s = !c.current;
+      c.current = s, a(), g(s), R({
         announcementTimeout: z,
         politeness: "assertive",
         message: s ? "Characters hidden" : "Characters showing"
-      }), o && o(s);
+      }), u && u(s);
     }, M = (e) => {
       var N;
-      const { relatedTarget: s } = e, l = (N = I.current) == null ? void 0 : N.parentElement;
-      l != null && l.contains(s) || f && f();
+      const { relatedTarget: s } = e, i = (N = I.current) == null ? void 0 : N.parentElement;
+      i != null && i.contains(s) || f && f();
     }, y = (e) => {
-      c(), T && T(e), M(e);
+      a(), d && d(e), M(e);
     }, D = (e) => {
-      c(), p && p(e);
+      a(), p && p(e);
     }, F = (e) => {
-      c(), d && d(e);
+      a(), T && T(e);
     };
     return $(() => () => {
-      clearTimeout(i.current);
-    }, []), /* @__PURE__ */ j(B, { children: [
-      /* @__PURE__ */ w(
+      o.current && clearTimeout(o.current);
+    }, []), /* @__PURE__ */ B(j, { children: [
+      /* @__PURE__ */ x(
         H,
         {
           ref: C,
@@ -66,27 +66,27 @@ const z = 500, G = 5e3, J = 2e4, K = A.forwardRef(
           labelHidden: k,
           type: h ? "password" : "text",
           disabled: t,
-          spacing: O,
+          spacing: U,
           onBlur: y,
           onFocus: D,
           onChange: F,
-          rightElement: A.cloneElement(x, {
+          rightElement: A.cloneElement(O, {
             ref: E,
             label: S,
             onClick: v,
             onBlur: M,
             disabled: t
           }),
-          ...U
+          ...w
         }
       ),
-      /* @__PURE__ */ w(
+      /* @__PURE__ */ x(
         L,
         {
           role: "status",
-          politeness: a.politeness,
-          clearAnnouncementDelay: a.announcementTimeout,
-          children: a.message
+          politeness: l.politeness,
+          clearAnnouncementDelay: l.announcementTimeout,
+          children: l.message
         }
       )
     ] });

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.B46x1iaZ.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.B6Y-Xm3D.js";
 import { TextInputMask as i } from "./components/TextInput/TextInputMask.js";
 /*!
-  @versini/ui-textinput v1.2.2
+  @versini/ui-textinput v1.3.0
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_TEXTINPUT__ || (window.__VERSINI_UI_TEXTINPUT__ = {
-    version: "1.2.2",
-    buildTime: "11/19/2024 10:59 AM EST",
+    version: "1.3.0",
+    buildTime: "12/18/2024 12:35 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-textinput",
-	"version": "1.2.2",
+	"version": "1.3.0",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -34,18 +34,18 @@
 		"test": "vitest run"
 	},
 	"peerDependencies": {
-		"react": "^18.3.1",
-		"react-dom": "^18.3.1"
+		"react": "^18.3.1 || ^19.0.0",
+		"react-dom": "^18.3.1 || ^19.0.0"
 	},
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.15",
-		"@versini/ui-hooks": "4.2.2",
-		"@versini/ui-private": "1.4.18",
+		"@versini/ui-hooks": "4.3.0",
+		"@versini/ui-private": "1.5.0",
 		"clsx": "2.1.1",
 		"tailwindcss": "3.4.15"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "a1eda2c717accc8904a7b0552489690d4da5dece"
+	"gitHead": "413e5c7cd8228d2f135f54fa897101401207229b"
 }