@rpcbase/ui 0.168.0 → 0.170.0

package/dist/index11.js

@@ -1,22 +1,15 @@
-import { j as l } from "./index28.js";
-import { ChevronLeft as be, ChevronRight as we, CalendarDays as fe } from "lucide-react";
+import { j as l } from "./index27.js";
+import { ChevronLeft as we, ChevronRight as he, CalendarDays as de } from "lucide-react";
 import * as r from "react";
-import { DismissableLayerBranch as de } from "./index29.js";
-import { createPortal as le } from "react-dom";
-import "./index30.js";
-import "./index31.js";
-import "./index32.js";
-import "./index33.js";
-import "./index34.js";
-import "./index35.js";
-import "./index36.js";
-import "./index37.js";
-import he from "./index38.js";
-import "./index39.js";
-import "prop-types";
-import { useIsTouchDevice as ve } from "./index4.js";
+import { DismissableLayerBranch as le } from "./index28.js";
+import { createPortal as pe } from "react-dom";
+import { IMaskInput as ve } from "react-imask";
+import xe, { InputMask as De } from "imask";
+import { useIsTouchDevice as ke } from "./index4.js";
 import { cn as ee } from "./index2.js";
-import { DayPicker as xe } from "./index40.js";
+import { DayPicker as Ee } from "./index29.js";
+const fe = xe;
+typeof fe.InputMask != "function" && (fe.InputMask = De);
 function ue({
   className: s,
   classNames: t,
@@ -25,7 +18,7 @@ function ue({
   ...x
 }) {
   return /* @__PURE__ */ l.jsx(
-    xe,
+    Ee,
     {
       weekStartsOn: 1,
       showOutsideDays: u,
@@ -61,7 +54,7 @@ function ue({
         ...t
       },
       components: {
-        Chevron: (h) => h.orientation === "left" ? /* @__PURE__ */ l.jsx(be, { ...h, className: "h-4 w-4" }) : /* @__PURE__ */ l.jsx(we, { ...h, className: "h-4 w-4" }),
+        Chevron: (h) => h.orientation === "left" ? /* @__PURE__ */ l.jsx(we, { ...h, className: "h-4 w-4" }) : /* @__PURE__ */ l.jsx(he, { ...h, className: "h-4 w-4" }),
         ...a
       },
       ...x
@@ -72,12 +65,12 @@ ue.displayName = "DayPicker";
 function re(s) {
   return String(s).padStart(2, "0");
 }
-function j(s) {
+function M(s) {
   const t = new Date(s);
   return t.setHours(0, 0, 0, 0), t;
 }
-function $(s) {
-  return j(new Date(s.getFullYear(), s.getMonth(), 1));
+function H(s) {
+  return M(new Date(s.getFullYear(), s.getMonth(), 1));
 }
 function z(s) {
   return `${re(s.getDate())}/${re(s.getMonth() + 1)}/${s.getFullYear()}`;
@@ -85,7 +78,7 @@ function z(s) {
 function ie({ day: s, month: t, year: a }) {
   if (!Number.isFinite(s) || !Number.isFinite(t) || !Number.isFinite(a)) return null;
   const u = new Date(a, t - 1, s);
-  return u.getFullYear() !== a || u.getMonth() !== t - 1 || u.getDate() !== s ? null : j(u);
+  return u.getFullYear() !== a || u.getMonth() !== t - 1 || u.getDate() !== s ? null : M(u);
 }
 function se(s, t) {
   const a = s.trim();
@@ -95,34 +88,34 @@ function se(s, t) {
     return ie({ day: Number(u[1]), month: Number(u[2]), year: Number(u[3]) });
   const x = /^(\d{2})\/(\d{2})\/(\d{2})$/.exec(a);
   if (x) {
-    const M = Number(x[3]);
-    return Number.isFinite(M) ? ie({ day: Number(x[1]), month: Number(x[2]), year: 2e3 + M }) : null;
+    const I = Number(x[3]);
+    return Number.isFinite(I) ? ie({ day: Number(x[1]), month: Number(x[2]), year: 2e3 + I }) : null;
   }
   const h = /^(\d{2})\/(\d{2})$/.exec(a);
   return h ? ie({ day: Number(h[1]), month: Number(h[2]), year: t.getFullYear() }) : null;
 }
-const pe = r.forwardRef(
+const me = r.forwardRef(
   function({
     value: t,
     onChange: a,
     onValueUpdate: u,
     className: x,
     inputClassName: h,
-    placeholder: M = "DD/MM/YYYY",
+    placeholder: I = "DD/MM/YYYY",
     disabled: p,
-    readOnly: A,
+    readOnly: $,
     open: B,
     onOpenChange: W,
     dayPickerComponent: K,
     dayPickerProps: q,
     onFocus: G,
-    onBlur: L,
-    onKeyDown: I,
+    onBlur: j,
+    onKeyDown: C,
     onPointerDown: J,
     onMouseDown: ne,
     ...v
   }, D) {
-    const R = r.useRef(null), P = r.useRef(null), F = r.useRef(null), Q = r.useRef(!1), _ = r.useRef(!1), H = r.useRef(!1), k = r.useRef(!1), [te, d] = r.useState(!1), i = B ?? te, c = W ?? d, [g, m] = r.useState(() => t ? z(t) : ""), b = r.useMemo(() => se(g, /* @__PURE__ */ new Date()), [g]), [X, f] = r.useState(() => $(t ?? /* @__PURE__ */ new Date())), [T, N] = r.useState(() => ({
+    const L = r.useRef(null), P = r.useRef(null), F = r.useRef(null), Q = r.useRef(!1), _ = r.useRef(!1), A = r.useRef(!1), k = r.useRef(!1), [te, d] = r.useState(!1), i = B ?? te, c = W ?? d, [g, m] = r.useState(() => t ? z(t) : ""), b = r.useMemo(() => se(g, /* @__PURE__ */ new Date()), [g]), [X, f] = r.useState(() => H(t ?? /* @__PURE__ */ new Date())), [R, N] = r.useState(() => ({
       left: 0,
       top: 0
     })), oe = typeof window > "u" ? r.useEffect : r.useLayoutEffect, Z = r.useCallback(
@@ -143,14 +136,14 @@ const pe = r.forwardRef(
     r.useEffect(() => {
       Q.current || m(t ? z(t) : "");
     }, [t]), r.useEffect(() => {
-      i && f($(t ?? /* @__PURE__ */ new Date()));
+      i && f(H(t ?? /* @__PURE__ */ new Date()));
     }, [i, t]), r.useEffect(() => {
-      i && b && f($(b));
+      i && b && f(H(b));
     }, [b, i]), r.useEffect(() => {
       if (!i) return;
       const e = (n) => {
         const y = n.target;
-        y instanceof Node && (R.current?.contains(y) || P.current?.contains(y) || c(!1));
+        y instanceof Node && (L.current?.contains(y) || P.current?.contains(y) || c(!1));
       }, o = (n) => {
         n.key === "Escape" && c(!1);
       };
@@ -160,7 +153,7 @@ const pe = r.forwardRef(
     }, [i]), r.useEffect(() => {
       if (!i || typeof window > "u" || !("IntersectionObserver" in window))
         return;
-      const e = R.current;
+      const e = L.current;
       if (!e)
         return;
       let o = !0;
@@ -174,21 +167,21 @@ const pe = r.forwardRef(
         o = !1, n.disconnect();
       };
     }, [i]);
-    const me = r.useCallback(
+    const ge = r.useCallback(
       (e) => {
         F.current = e, typeof D == "function" ? D(e) : D && (D.current = e);
       },
       [D]
-    ), ce = () => c(!1), ge = K ?? ue, S = r.useCallback(() => {
+    ), ce = () => c(!1), ye = K ?? ue, S = r.useCallback(() => {
       if (typeof window > "u") return;
-      const e = R.current, o = P.current;
+      const e = L.current, o = P.current;
       if (!e || !o) return;
-      const n = e.getBoundingClientRect(), y = o.offsetWidth, E = o.offsetHeight, C = window.innerWidth ?? 0, Y = window.innerHeight ?? 0, w = 8;
+      const n = e.getBoundingClientRect(), y = o.offsetWidth, E = o.offsetHeight, T = window.innerWidth ?? 0, Y = window.innerHeight ?? 0, w = 8;
       let V = n.left;
-      V + y > C - w && (V = Math.max(w, C - y - w)), V < w && (V = w);
+      V + y > T - w && (V = Math.max(w, T - y - w)), V < w && (V = w);
       let O = n.bottom + w;
-      const ye = O + E > Y - w, ae = n.top - E - w;
-      ye && ae >= w && (O = ae), O < w && (O = w), O + E > Y - w && (O = Math.max(w, Y - E - w)), N({ left: V, top: O });
+      const be = O + E > Y - w, ae = n.top - E - w;
+      be && ae >= w && (O = ae), O < w && (O = w), O + E > Y - w && (O = Math.max(w, Y - E - w)), N({ left: V, top: O });
     }, []);
     return oe(() => {
       if (!i || p || typeof window > "u") return;
@@ -197,16 +190,16 @@ const pe = r.forwardRef(
       return window.addEventListener("scroll", S, !0), window.addEventListener("resize", S), () => {
         window.cancelAnimationFrame(e), window.removeEventListener("scroll", S, !0), window.removeEventListener("resize", S);
       };
-    }, [p, i, S]), /* @__PURE__ */ l.jsxs("div", { ref: R, "data-slot": "day-picker-input", className: ee("relative group", x), children: [
+    }, [p, i, S]), /* @__PURE__ */ l.jsxs("div", { ref: L, "data-slot": "day-picker-input", className: ee("relative group", x), children: [
       /* @__PURE__ */ l.jsx(
-        he,
+        ve,
         {
           ...v,
           "data-slot": "day-picker-input-input",
           disabled: p,
-          readOnly: A,
+          readOnly: $,
           autoComplete: "off",
-          inputRef: me,
+          inputRef: ge,
           mask: [
             { mask: "00/00", lazy: !0 },
             { mask: "00/00/00", lazy: !0 },
@@ -216,7 +209,7 @@ const pe = r.forwardRef(
             const n = (o.value + e).replace(/\D/g, "");
             return n.length <= 4 ? o.compiledMasks[0] : n.length <= 6 ? o.compiledMasks[1] : o.compiledMasks[2];
           },
-          placeholder: M,
+          placeholder: I,
           value: g,
           className: ee(
             "flex h-10 w-full rounded-md border border-input bg-background py-2 pr-3 pl-[37px] text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
@@ -225,28 +218,28 @@ const pe = r.forwardRef(
           ),
           onAccept: (e) => {
             const o = typeof e == "string" ? e : String(e ?? ""), n = g.replace(/\D/g, "").length;
-            m(o), o.replace(/\D/g, "").length === 0 && (i && f($(/* @__PURE__ */ new Date())), n !== 0 && Z(null));
+            m(o), o.replace(/\D/g, "").length === 0 && (i && f(H(/* @__PURE__ */ new Date())), n !== 0 && Z(null));
           },
           onComplete: (e) => {
             const o = typeof e == "string" ? e : String(e ?? ""), n = se(o, /* @__PURE__ */ new Date());
-            n && (t && n.getTime() === j(t).getTime() || Z(n));
+            n && (t && n.getTime() === M(t).getTime() || Z(n));
           },
           onPointerDown: (e) => {
-            _.current = !0, H.current = typeof document < "u" && document.activeElement === e.currentTarget, J?.(e);
+            _.current = !0, A.current = typeof document < "u" && document.activeElement === e.currentTarget, J?.(e);
           },
           onMouseDown: (e) => {
-            _.current = !0, H.current = typeof document < "u" && document.activeElement === e.currentTarget, ne?.(e);
+            _.current = !0, A.current = typeof document < "u" && document.activeElement === e.currentTarget, ne?.(e);
           },
           onFocus: (e) => {
-            const o = !_.current || !H.current;
-            if (_.current = !1, H.current = !1, Q.current = !0, G?.(e), o) {
+            const o = !_.current || !A.current;
+            if (_.current = !1, A.current = !1, Q.current = !0, G?.(e), o) {
               const n = e.currentTarget;
               requestAnimationFrame(() => n.select());
             }
             p || c(!0);
           },
           onKeyDown: (e) => {
-            if (I?.(e), !e.defaultPrevented) {
+            if (C?.(e), !e.defaultPrevented) {
               if (e.key === "Enter") {
                 if (!b)
                   return;
@@ -260,29 +253,29 @@ const pe = r.forwardRef(
                     n.focus();
                   }
                 }
-                m(z(b)), (!t || b.getTime() !== j(t).getTime()) && U(b), c(!1);
+                m(z(b)), (!t || b.getTime() !== M(t).getTime()) && U(b), c(!1);
                 return;
               }
               i || (e.key.length === 1 || e.key === "Backspace" || e.key === "Delete") && !e.ctrlKey && !e.metaKey && !e.altKey && c(!0), e.key === "Tab" && !e.defaultPrevented && c(!1);
             }
           },
           onBlur: (e) => {
-            Q.current = !1, L?.(e);
+            Q.current = !1, j?.(e);
             const o = k.current;
             if (k.current = !1, o)
               return;
             const n = e.relatedTarget;
             if (n instanceof Node) {
-              const C = R.current;
-              if (!C || C.contains(n) || P.current?.contains(n))
+              const T = L.current;
+              if (!T || T.contains(n) || P.current?.contains(n))
                 return;
             }
             i && typeof window < "u" && requestAnimationFrame(() => {
-              const C = R.current;
-              if (!C)
+              const T = L.current;
+              if (!T)
                 return;
               const Y = document.activeElement;
-              Y && (C.contains(Y) || P.current?.contains(Y)) || c(!1);
+              Y && (T.contains(Y) || P.current?.contains(Y)) || c(!1);
             });
             const y = g.trim();
             if (y === "") {
@@ -291,7 +284,7 @@ const pe = r.forwardRef(
             }
             const E = se(y, /* @__PURE__ */ new Date());
             if (E) {
-              m(z(E)), (!t || E.getTime() !== j(t).getTime()) && U(E);
+              m(z(E)), (!t || E.getTime() !== M(t).getTime()) && U(E);
               return;
             }
             m(t ? z(t) : "");
@@ -316,17 +309,17 @@ const pe = r.forwardRef(
           onClick: () => {
             p || (F.current?.focus({ preventScroll: !0 }), c(!0));
           },
-          children: /* @__PURE__ */ l.jsx(fe, { "aria-hidden": !0, className: "size-4" })
+          children: /* @__PURE__ */ l.jsx(de, { "aria-hidden": !0, className: "size-4" })
         }
       ),
       i && !p && (() => {
-        const e = g.trim() === "" ? void 0 : b ?? t ?? void 0, o = /* @__PURE__ */ l.jsx(de, { children: /* @__PURE__ */ l.jsx(
+        const e = g.trim() === "" ? void 0 : b ?? t ?? void 0, o = /* @__PURE__ */ l.jsx(le, { children: /* @__PURE__ */ l.jsx(
           "div",
           {
             ref: P,
             "data-slot": "day-picker-input-popover",
             className: "pointer-events-auto fixed z-[60] w-max rounded-md border bg-popover text-popover-foreground shadow-md",
-            style: { left: T.left, top: T.top },
+            style: { left: R.left, top: R.top },
             onPointerDownCapture: () => {
               k.current = !0;
             },
@@ -334,7 +327,7 @@ const pe = r.forwardRef(
               k.current = !0;
             },
             children: /* @__PURE__ */ l.jsx(
-              ge,
+              ye,
               {
                 mode: "single",
                 month: X,
@@ -345,47 +338,47 @@ const pe = r.forwardRef(
                     t && U(null), m(""), ce();
                     return;
                   }
-                  const y = j(n);
-                  (!t || y.getTime() !== j(t).getTime()) && U(y), m(z(y)), ce();
+                  const y = M(n);
+                  (!t || y.getTime() !== M(t).getTime()) && U(y), m(z(y)), ce();
                 },
                 ...q
               }
             )
           }
         ) });
-        return typeof document > "u" ? o : le(o, document.body);
+        return typeof document > "u" ? o : pe(o, document.body);
       })()
     ] });
   }
 );
-pe.displayName = "DayPickerInput";
-function De({
+me.displayName = "DayPickerInput";
+function Pe({
   id: s,
   value: t,
   onChange: a,
   onValueUpdate: u,
   className: x,
   inputClassName: h,
-  placeholder: M = "DD/MM/YYYY",
+  placeholder: I = "DD/MM/YYYY",
   disabled: p,
-  open: A,
+  open: $,
   onOpenChange: B,
   dayPickerComponent: W,
   dayPickerProps: K,
   triggerTestId: q,
   isHydrated: G
 }) {
-  const L = r.useRef(null), I = r.useRef(null), [J, ne] = r.useState(!1), v = A ?? J, D = B ?? ne, [R, P] = r.useState(() => $(t ?? /* @__PURE__ */ new Date())), [F, Q] = r.useState(() => ({
+  const j = r.useRef(null), C = r.useRef(null), [J, ne] = r.useState(!1), v = $ ?? J, D = B ?? ne, [L, P] = r.useState(() => H(t ?? /* @__PURE__ */ new Date())), [F, Q] = r.useState(() => ({
     left: 0,
     top: 0
   })), _ = typeof window > "u" ? r.useEffect : r.useLayoutEffect;
   r.useEffect(() => {
-    v && P($(t ?? /* @__PURE__ */ new Date()));
+    v && P(H(t ?? /* @__PURE__ */ new Date()));
   }, [v, t]), r.useEffect(() => {
     if (!v) return;
     const d = (c) => {
       const g = c.target;
-      g instanceof Node && (L.current?.contains(g) || I.current?.contains(g) || D(!1));
+      g instanceof Node && (j.current?.contains(g) || C.current?.contains(g) || D(!1));
     }, i = (c) => {
       c.key === "Escape" && D(!1);
     };
@@ -395,7 +388,7 @@ function De({
   }, [v]), r.useEffect(() => {
     if (!v || typeof window > "u" || !("IntersectionObserver" in window))
       return;
-    const d = L.current;
+    const d = j.current;
     if (!d)
       return;
     let i = !0;
@@ -409,16 +402,16 @@ function De({
       i = !1, c.disconnect();
     };
   }, [v]);
-  const H = W ?? ue, k = r.useCallback(() => {
+  const A = W ?? ue, k = r.useCallback(() => {
     if (typeof window > "u") return;
-    const d = L.current, i = I.current;
+    const d = j.current, i = C.current;
     if (!d || !i) return;
     const c = d.getBoundingClientRect(), g = i.offsetWidth, m = i.offsetHeight, b = window.innerWidth ?? 0, X = window.innerHeight ?? 0, f = 8;
-    let T = c.left;
-    T + g > b - f && (T = Math.max(f, b - g - f)), T < f && (T = f);
+    let R = c.left;
+    R + g > b - f && (R = Math.max(f, b - g - f)), R < f && (R = f);
     let N = c.bottom + f;
     const oe = N + m > X - f, Z = c.top - m - f;
-    oe && Z >= f && (N = Z), N < f && (N = f), N + m > X - f && (N = Math.max(f, X - m - f)), Q({ left: T, top: N });
+    oe && Z >= f && (N = Z), N < f && (N = f), N + m > X - f && (N = Math.max(f, X - m - f)), Q({ left: R, top: N });
   }, []);
   _(() => {
     if (!v || p || typeof window > "u") return;
@@ -434,7 +427,7 @@ function De({
     },
     [a, u]
   );
-  return /* @__PURE__ */ l.jsxs("div", { ref: L, "data-slot": "day-picker-input", className: ee("relative group", x), children: [
+  return /* @__PURE__ */ l.jsxs("div", { ref: j, "data-slot": "day-picker-input", className: ee("relative group", x), children: [
     /* @__PURE__ */ l.jsxs(
       "button",
       {
@@ -456,29 +449,29 @@ function De({
         },
         children: [
           /* @__PURE__ */ l.jsx(
-            fe,
+            de,
             {
               "aria-hidden": !0,
               className: "mr-2 size-4 text-muted-foreground transition-colors group-hover:text-accent-foreground"
             }
           ),
-          t ? z(t) : M
+          t ? z(t) : I
         ]
       }
     ),
     v && !p && (() => {
-      const d = /* @__PURE__ */ l.jsx(de, { children: /* @__PURE__ */ l.jsx(
+      const d = /* @__PURE__ */ l.jsx(le, { children: /* @__PURE__ */ l.jsx(
         "div",
         {
-          ref: I,
+          ref: C,
           "data-slot": "day-picker-input-popover",
           className: "pointer-events-auto fixed z-[60] w-max rounded-md border bg-popover text-popover-foreground shadow-md",
           style: { left: F.left, top: F.top },
           children: /* @__PURE__ */ l.jsx(
-            H,
+            A,
             {
               mode: "single",
-              month: R,
+              month: L,
               onMonthChange: P,
               selected: t ?? void 0,
               onSelect: (i) => {
@@ -486,62 +479,62 @@ function De({
                   te(null), D(!1);
                   return;
                 }
-                const c = j(i);
-                (!t || c.getTime() !== j(t).getTime()) && te(c), D(!1);
+                const c = M(i);
+                (!t || c.getTime() !== M(t).getTime()) && te(c), D(!1);
               },
               ...K
             }
           )
         }
       ) });
-      return typeof document > "u" ? d : le(d, document.body);
+      return typeof document > "u" ? d : pe(d, document.body);
     })()
   ] });
 }
-function $e(s) {
-  if (ve())
-    return /* @__PURE__ */ l.jsx(De, { ...s });
+function Se(s) {
+  if (ke())
+    return /* @__PURE__ */ l.jsx(Pe, { ...s });
   const {
     id: a,
     value: u,
     onChange: x,
     onValueUpdate: h,
-    className: M,
+    className: I,
     inputClassName: p,
-    placeholder: A = "DD/MM/YYYY",
+    placeholder: $ = "DD/MM/YYYY",
     disabled: B,
     readOnly: W,
     dayPickerComponent: K,
     dayPickerProps: q,
     triggerTestId: G,
-    isHydrated: L,
-    open: I,
+    isHydrated: j,
+    open: C,
     onOpenChange: J
   } = s;
   return /* @__PURE__ */ l.jsx(
-    pe,
+    me,
     {
       id: a,
       value: u,
       onChange: x,
       onValueUpdate: h,
-      className: M,
+      className: I,
       inputClassName: p,
-      placeholder: A,
+      placeholder: $,
       disabled: B,
       readOnly: W,
-      open: I,
+      open: C,
       onOpenChange: J,
       dayPickerComponent: K,
       dayPickerProps: q,
       "data-testid": G,
-      "data-hydrated": L ? "true" : void 0
+      "data-hydrated": j ? "true" : void 0
     }
   );
 }
 export {
   ue as DayPicker,
-  $e as DayPickerField,
-  pe as DayPickerInput
+  Se as DayPickerField,
+  me as DayPickerInput
 };
 //# sourceMappingURL=index11.js.map