@versini/ui-textinput 1.3.0 → 1.4.0

package/dist/chunks/{TextInput.B6Y-Xm3D.js → TextInput.DoDaVJdT.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 P } from "react";
+import { jsx as m, jsxs as z } from "react/jsx-runtime";
+import W, { useRef as y, useEffect as R, useCallback as J, useState as w, 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", I = "av-text-input-helper-text";
+const L = "av-text-input", be = "av-text-input-simple", Z = "av-text-input-wrapper", N = "av-text-input-helper-text";
 function B() {
   const e = y(!1);
   return R(() => (e.current = !0, () => {
@@ -19,8 +19,8 @@ const ee = {
   right: 0
 };
 function te(e) {
-  const r = B(), t = y(0), n = y(null), [l, o] = L(ee), a = K(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((u) => {
-    const p = u[0];
+  const r = B(), t = y(0), n = y(null), [l, o] = w(ee), a = K(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((i) => {
+    const p = i[0];
     p && (cancelAnimationFrame(t.current), t.current = requestAnimationFrame(() => {
       n.current && r() && o(p.contentRect);
     }));
@@ -40,7 +40,7 @@ function re(e) {
     return typeof t == "number" || typeof t == "string" ? `${n}${t}` : `${n}${r}`;
   }
 }
-const D = "SET_ANNOUNCEMENT", U = "CLEAR_ANNOUNCEMENT", ne = {
+const U = "SET_ANNOUNCEMENT", D = "CLEAR_ANNOUNCEMENT", ne = {
   alert: null,
   alertdialog: null,
   log: "polite",
@@ -50,12 +50,12 @@ const D = "SET_ANNOUNCEMENT", U = "CLEAR_ANNOUNCEMENT", ne = {
   timer: "assertive"
 }, le = (e, r) => {
   switch (r == null ? void 0 : r.type) {
-    case D:
+    case U:
       return {
         ...e,
         announcement: r.payload
       };
-    case U:
+    case D:
       return {
         ...e,
         announcement: null
@@ -68,9 +68,9 @@ const D = "SET_ANNOUNCEMENT", U = "CLEAR_ANNOUNCEMENT", ne = {
   dispatch: r
 }) => {
   r({
-    type: U
+    type: D
   }), typeof e == "function" && e();
-}, S = ({
+}, $ = ({
   children: e,
   clearAnnouncementDelay: r,
   clearAnnouncementTimeoutRef: t,
@@ -78,7 +78,7 @@ const D = "SET_ANNOUNCEMENT", U = "CLEAR_ANNOUNCEMENT", ne = {
   dispatch: l
 }) => {
   clearTimeout(t.current), e !== null && l({
-    type: D,
+    type: U,
     payload: e
   }), r && (t.current = setTimeout(
     () => ae({
@@ -96,13 +96,13 @@ const D = "SET_ANNOUNCEMENT", U = "CLEAR_ANNOUNCEMENT", ne = {
   onAnnouncementClear: o,
   dispatch: a
 }) => {
-  clearTimeout(r.current), t ? r.current = setTimeout(S, t, {
+  clearTimeout(r.current), t ? r.current = setTimeout($, t, {
     children: e,
     clearAnnouncementDelay: n,
     clearAnnouncementTimeoutRef: l,
     onAnnouncementClear: o,
     dispatch: a
-  }) : S({
+  }) : $({
     children: e,
     clearAnnouncementDelay: n,
     clearAnnouncementTimeoutRef: l,
@@ -118,16 +118,16 @@ function oe({
   announcementDelay: l,
   clearAnnouncementDelay: o,
   onAnnouncementClear: a,
-  visible: u,
+  visible: i,
   ...p
 }) {
-  const m = y(null), x = y(null), [g, s] = Y(le, {
+  const f = y(null), x = y(null), [g, s] = Y(le, {
     announcement: null
   });
   let d = t;
   typeof d > "u" && (d = n ? ne[n] : "assertive"), R(() => {
     ce({
-      announcementTimeoutRef: m,
+      announcementTimeoutRef: f,
       announcementDelay: l,
       children: e,
       clearAnnouncementDelay: o,
@@ -141,51 +141,63 @@ function oe({
     o,
     a
   ]);
-  const i = c(r, {
-    "sr-only": !u
+  const u = c(r, {
+    "sr-only": !i
   });
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ m(
     "div",
     {
       "aria-live": d,
       ...n && { role: n },
-      className: i,
+      className: u,
       ...p,
       children: g.announcement
     }
   );
 }
-const se = (e) => {
-  let r = "";
-  if (typeof e == "number" || typeof e == "string")
-    r = "m-" + e;
-  else {
-    const t = [];
-    (e == null ? void 0 : e.t) !== void 0 && t.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && t.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && t.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && t.push(`ml-${e.l}`), r = t.join(" ");
-  }
-  return r;
-};
 /*!
-  @versini/ui-private v1.5.0
+  @versini/ui-private v1.6.0
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_PRIVATE__ || (window.__VERSINI_UI_PRIVATE__ = {
-    version: "1.5.0",
-    buildTime: "12/18/2024 12:34 PM EST",
+    version: "1.6.0",
+    buildTime: "12/24/2024 06:47 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+/*!
+  @versini/ui-spacing v1.0.0
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_SPACING__ || (window.__VERSINI_UI_SPACING__ = {
+    version: "1.0.0",
+    buildTime: "12/24/2024 06:47 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const ue = ({
+const se = (e) => {
+  let r = "";
+  if (typeof e == "number" || typeof e == "string")
+    r = "m-" + e;
+  else {
+    const t = [];
+    (e == null ? void 0 : e.t) !== void 0 && t.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && t.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && t.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && t.push(`ml-${e.l}`), r = t.join(" ");
+  }
+  return r;
+}, ie = ({
   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"
-}), ie = ({
+}), ue = ({
   focusMode: e
 }) => c("focus:outline focus:outline-2 focus:outline-offset-2", {
   "focus:outline-focus-dark": e === "dark",
@@ -224,7 +236,7 @@ const ue = ({
       "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"
     });
-}, fe = ({
+}, me = ({
   error: e,
   raw: r,
   mode: t,
@@ -234,18 +246,18 @@ const ue = ({
     return "";
   if (n)
     return c(
-      I,
+      N,
       "absolute px-2 cursor-not-allowed opacity-50 font-medium"
     );
   if (!e)
-    return c(I, "absolute px-2 font-medium", {
+    return c(N, "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(I, "absolute px-2 font-medium", {
+    return c(N, "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",
@@ -259,9 +271,9 @@ const ue = ({
   noBorder: l,
   error: o,
   spacing: a,
-  mode: u,
+  mode: i,
   focusMode: p,
-  size: m,
+  size: f,
   rightElementClassName: x
 }) => {
   const g = t ? e : c(
@@ -271,7 +283,7 @@ const ue = ({
     se(a)
   );
   let s = "";
-  switch (m) {
+  switch (f) {
     case "xs":
       s = "h-8";
       break;
@@ -289,36 +301,36 @@ const ue = ({
       break;
   }
   const d = t ? c(r) : c(
-    w,
+    L,
     r,
     s,
     "rounded-md text-base px-4",
-    ue({ mode: u }),
-    ie({ focusMode: p }),
+    ie({ mode: i }),
+    ue({ focusMode: p }),
     pe({ noBorder: l, error: o }),
     {
       "disabled:cursor-not-allowed disabled:opacity-50": n
     }
-  ), i = t ? void 0 : "sr-only", b = de({
+  ), u = t ? void 0 : "sr-only", b = de({
     disabled: n,
     raw: t,
     error: o,
-    mode: u
-  }), E = fe({
+    mode: i
+  }), _ = me({
     error: o,
     raw: t,
-    mode: u,
+    mode: i,
     disabled: n
-  }), N = t ? void 0 : c("absolute right-3", x);
+  }), I = t ? void 0 : c("absolute right-3", x);
   return {
     wrapper: g,
     input: d,
-    accessibleLabel: i,
+    accessibleLabel: u,
     visibleLabel: b,
-    helperText: E,
-    rightElement: N
+    helperText: _,
+    rightElement: I
   };
-}, me = G.forwardRef(
+}, fe = W.forwardRef(
   ({
     id: e,
     name: r,
@@ -327,21 +339,21 @@ const ue = ({
     raw: l = !1,
     className: o,
     inputClassName: a,
-    mode: u = "system",
+    mode: i = "system",
     focusMode: p = "system",
-    disabled: m = !1,
+    disabled: f = !1,
     noBorder: x = !1,
     labelId: g,
     labelHidden: s = !1,
     type: d = "text",
-    helperText: i = "",
+    helperText: u = "",
     rightElement: b,
-    rightElementClassName: E,
-    spacing: N,
-    size: _ = "md",
+    rightElementClassName: _,
+    spacing: I,
+    size: E = "md",
     ...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 = {
+    const [V, T] = te(), [j, X] = w(0), k = re({ id: e, prefix: `${L}-` }), O = `${r} error, ${u}`, v = y(null), A = y(null), q = {
       xs: { label: "-25px", helperText: "30px" },
       sm: { label: "-29px", helperText: "34px" },
       md: { label: "-33px", helperText: "38px" },
@@ -353,24 +365,24 @@ const ue = ({
       error: n,
       raw: l,
       focusMode: p,
-      disabled: m,
+      disabled: f,
       noBorder: x,
-      spacing: N,
-      mode: u,
-      size: _,
-      rightElementClassName: E
+      spacing: I,
+      mode: i,
+      size: E,
+      rightElementClassName: _
     });
     return P(() => {
-      T && T.width && O(T.width + 18 + 10);
+      T && T.width && X(T.width + 18 + 10);
     }, [T]), P(() => {
-      var C, $;
-      const { label: H, helperText: z } = q[_];
-      (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(
+      var C, S;
+      const { label: G, helperText: H } = q[E];
+      (C = v == null ? void 0 : v.current) == null || C.style.setProperty("--av-text-input-label", G), (S = A == null ? void 0 : A.current) == null || S.style.setProperty(
         "--av-text-input-helper-text",
-        z
+        H
       );
-    }, [_]), /* @__PURE__ */ W("div", { className: h.wrapper, children: [
-      /* @__PURE__ */ f(
+    }, [E]), /* @__PURE__ */ z("div", { className: h.wrapper, children: [
+      /* @__PURE__ */ m(
         "label",
         {
           htmlFor: k,
@@ -379,23 +391,23 @@ const ue = ({
           children: t
         }
       ),
-      /* @__PURE__ */ f(
+      /* @__PURE__ */ m(
         "input",
         {
           ref: F,
           id: k,
           name: r,
           type: d,
-          disabled: m,
+          disabled: f,
           placeholder: l ? void 0 : " ",
           className: h.input,
-          ...i && { "aria-describedby": `${k}-helper` },
+          ...u && { "aria-describedby": `${k}-helper` },
           ...n && { "aria-invalid": "true" },
-          ...b && !l && { style: { paddingRight: X } },
+          ...b && !l && { style: { paddingRight: j } },
           ...M
         }
       ),
-      !l && !s && /* @__PURE__ */ f(
+      !l && !s && /* @__PURE__ */ m(
         "label",
         {
           ref: v,
@@ -405,33 +417,33 @@ const ue = ({
           children: t
         }
       ),
-      i && /* @__PURE__ */ f(
+      u && /* @__PURE__ */ m(
         "div",
         {
           ref: A,
           id: `${k}-helper`,
           className: h.helperText,
-          children: i
+          children: u
         }
       ),
-      b && /* @__PURE__ */ f(
+      b && /* @__PURE__ */ m(
         "div",
         {
-          ref: j,
+          ref: V,
           className: h.rightElement,
           children: b
         }
       ),
-      n && i && /* @__PURE__ */ f(oe, { politeness: "polite", clearAnnouncementDelay: 500, children: V })
+      n && u && /* @__PURE__ */ m(oe, { politeness: "polite", clearAnnouncementDelay: 500, children: O })
     ] });
   }
 );
-me.displayName = "TextInput";
+fe.displayName = "TextInput";
 export {
-  w as TEXT_INPUT_CLASSNAME,
-  I as TEXT_INPUT_HELPER_TEXT_CLASSNAME,
+  L as TEXT_INPUT_CLASSNAME,
+  N as TEXT_INPUT_HELPER_TEXT_CLASSNAME,
   be as TEXT_INPUT_SIMPLE_CLASSNAME,
   Z as TEXT_INPUT_WRAPPER_CLASSNAME,
-  me as TextInput,
+  fe as TextInput,
   oe as x
 };

package/dist/components/TextInput/TextInput.js

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

package/dist/components/TextInput/TextInputMask.js

@@ -1,4 +1,4 @@
-import { TextInput as H, x as L } from "../../chunks/TextInput.B6Y-Xm3D.js";
+import { TextInput as H, x as L } from "../../chunks/TextInput.DoDaVJdT.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) {

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import * as _versini_ui_private_dist_utilities from '@versini/ui-private/dist/utilities';
+import * as _versini_ui_spacing_types from '@versini/ui-spacing-types';
 import React from 'react';
 
 declare const TEXT_INPUT_CLASSNAME = "av-text-input";
@@ -24,7 +24,7 @@ declare const TextInput: React.ForwardRefExoticComponent<{
     noBorder?: boolean;
     raw?: boolean;
     size?: Size;
-} & _versini_ui_private_dist_utilities.SpacingProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & React.RefAttributes<HTMLInputElement>>;
+} & _versini_ui_spacing_types.SpacingTypes.Props & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & React.RefAttributes<HTMLInputElement>>;
 
 declare const TextInputMask: React.ForwardRefExoticComponent<{
     rightElement: React.ReactElement;
@@ -43,6 +43,6 @@ declare const TextInputMask: React.ForwardRefExoticComponent<{
     noBorder?: boolean;
     raw?: boolean;
     size?: Size;
-} & _versini_ui_private_dist_utilities.SpacingProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & React.RefAttributes<HTMLInputElement>>;
+} & _versini_ui_spacing_types.SpacingTypes.Props & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & React.RefAttributes<HTMLInputElement>>;
 
 export { TEXT_INPUT_CLASSNAME, TEXT_INPUT_HELPER_TEXT_CLASSNAME, TEXT_INPUT_SIMPLE_CLASSNAME, TEXT_INPUT_WRAPPER_CLASSNAME, TextInput, TextInputMask };

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-textinput",
-	"version": "1.3.0",
+	"version": "1.4.0",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -40,12 +40,14 @@
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.15",
 		"@versini/ui-hooks": "4.3.0",
-		"@versini/ui-private": "1.5.0",
+		"@versini/ui-private": "1.6.0",
+		"@versini/ui-spacing": "1.0.0",
+		"@versini/ui-spacing-types": "1.0.0",
 		"clsx": "2.1.1",
-		"tailwindcss": "3.4.15"
+		"tailwindcss": "3.4.17"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "413e5c7cd8228d2f135f54fa897101401207229b"
+	"gitHead": "cb948414a675c01f3328ed6470ccf4b58f73534f"
 }