@rpcbase/ui 0.161.0 → 0.163.0

package/dist/index11.js

@@ -14,7 +14,7 @@ import "./index37.js";
 import ve from "./index38.js";
 import "./index39.js";
 import { useIsTouchDevice as he } from "./index4.js";
-import { cn as V } from "./index2.js";
+import { cn as ee } from "./index2.js";
 import { DayPicker as xe } from "./index40.js";
 function se({
   className: s,
@@ -28,7 +28,7 @@ function se({
     {
       weekStartsOn: 1,
       showOutsideDays: u,
-      className: V("p-3", s),
+      className: ee("p-3", s),
       classNames: {
         month: "space-y-4",
         months: "flex flex-col sm:flex-row space-y-4 sm:space-y-0 relative gap-2",
@@ -71,20 +71,20 @@ se.displayName = "DayPicker";
 function ae(s) {
   return String(s).padStart(2, "0");
 }
-function R(s) {
+function N(s) {
   const t = new Date(s);
   return t.setHours(0, 0, 0, 0), t;
 }
 function H(s) {
-  return R(new Date(s.getFullYear(), s.getMonth(), 1));
+  return N(new Date(s.getFullYear(), s.getMonth(), 1));
 }
-function A(s) {
+function z(s) {
   return `${ae(s.getDate())}/${ae(s.getMonth() + 1)}/${s.getFullYear()}`;
 }
 function oe({ 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 : R(u);
+  return u.getFullYear() !== a || u.getMonth() !== t - 1 || u.getDate() !== s ? null : N(u);
 }
 function ie(s, t) {
   const a = s.trim();
@@ -94,8 +94,8 @@ function ie(s, t) {
     return oe({ day: Number(u[1]), month: Number(u[2]), year: Number(u[3]) });
   const h = /^(\d{2})\/(\d{2})\/(\d{2})$/.exec(a);
   if (h) {
-    const P = Number(h[3]);
-    return Number.isFinite(P) ? oe({ day: Number(h[1]), month: Number(h[2]), year: 2e3 + P }) : null;
+    const j = Number(h[3]);
+    return Number.isFinite(j) ? oe({ day: Number(h[1]), month: Number(h[2]), year: 2e3 + j }) : null;
   }
   const b = /^(\d{2})\/(\d{2})$/.exec(a);
   return b ? oe({ day: Number(b[1]), month: Number(b[2]), year: t.getFullYear() }) : null;
@@ -107,7 +107,7 @@ const pe = r.forwardRef(
     onValueUpdate: u,
     className: h,
     inputClassName: b,
-    placeholder: P = "DD/MM/YYYY",
+    placeholder: j = "DD/MM/YYYY",
     disabled: p,
     readOnly: W,
     open: B,
@@ -115,13 +115,13 @@ const pe = r.forwardRef(
     dayPickerComponent: q,
     dayPickerProps: K,
     onFocus: G,
-    onBlur: N,
+    onBlur: L,
     onKeyDown: C,
     onPointerDown: J,
     onMouseDown: re,
     ...v
   }, x) {
-    const j = r.useRef(null), L = r.useRef(null), F = r.useRef(null), Q = r.useRef(!1), z = r.useRef(!1), _ = r.useRef(!1), D = r.useRef(!1), [ee, d] = r.useState(!1), o = B ?? ee, c = $ ?? d, [m, g] = r.useState(() => t ? A(t) : ""), T = r.useMemo(() => ie(m, /* @__PURE__ */ new Date()), [m]), [X, f] = r.useState(() => H(t ?? /* @__PURE__ */ new Date())), [M, E] = r.useState(() => ({
+    const M = r.useRef(null), I = r.useRef(null), F = r.useRef(null), Q = r.useRef(!1), _ = r.useRef(!1), A = r.useRef(!1), D = r.useRef(!1), [te, d] = r.useState(!1), o = B ?? te, c = $ ?? d, [g, m] = r.useState(() => t ? z(t) : ""), E = r.useMemo(() => ie(g, /* @__PURE__ */ new Date()), [g]), [X, f] = r.useState(() => H(t ?? /* @__PURE__ */ new Date())), [R, P] = r.useState(() => ({
       left: 0,
       top: 0
     })), ne = typeof window > "u" ? r.useEffect : r.useLayoutEffect, Z = r.useCallback(
@@ -133,23 +133,23 @@ const pe = r.forwardRef(
         a(e);
       },
       [a, u]
-    ), te = r.useCallback(
+    ), U = r.useCallback(
       (e) => {
         u && u(e), a(e);
       },
       [a, u]
     );
     r.useEffect(() => {
-      Q.current || g(t ? A(t) : "");
+      Q.current || m(t ? z(t) : "");
     }, [t]), r.useEffect(() => {
       o && f(H(t ?? /* @__PURE__ */ new Date()));
     }, [o, t]), r.useEffect(() => {
-      o && T && f(H(T));
-    }, [T, o]), r.useEffect(() => {
+      o && E && f(H(E));
+    }, [E, o]), r.useEffect(() => {
       if (!o) return;
       const e = (n) => {
         const y = n.target;
-        y instanceof Node && (j.current?.contains(y) || L.current?.contains(y) || c(!1));
+        y instanceof Node && (M.current?.contains(y) || I.current?.contains(y) || c(!1));
       }, i = (n) => {
         n.key === "Escape" && c(!1);
       };
@@ -159,7 +159,7 @@ const pe = r.forwardRef(
     }, [o]), r.useEffect(() => {
       if (!o || typeof window > "u" || !("IntersectionObserver" in window))
         return;
-      const e = j.current;
+      const e = M.current;
       if (!e)
         return;
       let i = !0;
@@ -180,14 +180,14 @@ const pe = r.forwardRef(
       [x]
     ), ue = () => c(!1), ge = q ?? se, S = r.useCallback(() => {
       if (typeof window > "u") return;
-      const e = j.current, i = L.current;
+      const e = M.current, i = I.current;
       if (!e || !i) return;
-      const n = e.getBoundingClientRect(), y = i.offsetWidth, k = i.offsetHeight, I = window.innerWidth ?? 0, O = window.innerHeight ?? 0, w = 8;
-      let U = n.left;
-      U + y > I - w && (U = Math.max(w, I - y - w)), U < w && (U = w);
+      const n = e.getBoundingClientRect(), y = i.offsetWidth, k = i.offsetHeight, T = window.innerWidth ?? 0, O = window.innerHeight ?? 0, w = 8;
+      let V = n.left;
+      V + y > T - w && (V = Math.max(w, T - y - w)), V < w && (V = w);
       let Y = n.bottom + w;
       const ye = Y + k > O - w, ce = n.top - k - w;
-      ye && ce >= w && (Y = ce), Y < w && (Y = w), Y + k > O - w && (Y = Math.max(w, O - k - w)), E({ left: U, top: Y });
+      ye && ce >= w && (Y = ce), Y < w && (Y = w), Y + k > O - w && (Y = Math.max(w, O - k - w)), P({ left: V, top: Y });
     }, []);
     return ne(() => {
       if (!o || p || typeof window > "u") return;
@@ -196,7 +196,7 @@ 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, o, S]), /* @__PURE__ */ l.jsxs("div", { ref: j, "data-slot": "day-picker-input", className: V("relative group", h), children: [
+    }, [p, o, S]), /* @__PURE__ */ l.jsxs("div", { ref: M, "data-slot": "day-picker-input", className: ee("relative group", h), children: [
       /* @__PURE__ */ l.jsx(
         ve,
         {
@@ -214,67 +214,75 @@ const pe = r.forwardRef(
             const n = (i.value + e).replace(/\D/g, "");
             return n.length <= 4 ? i.compiledMasks[0] : n.length <= 6 ? i.compiledMasks[1] : i.compiledMasks[2];
           },
-          placeholder: P,
-          value: m,
-          className: V(
+          placeholder: j,
+          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",
             "transition-colors group-hover:bg-accent group-hover:text-accent-foreground",
             b
           ),
           onAccept: (e) => {
-            const i = typeof e == "string" ? e : String(e ?? ""), n = m.replace(/\D/g, "").length;
-            g(i), i.replace(/\D/g, "").length === 0 && (o && f(H(/* @__PURE__ */ new Date())), n !== 0 && Z(null));
+            const i = typeof e == "string" ? e : String(e ?? ""), n = g.replace(/\D/g, "").length;
+            m(i), i.replace(/\D/g, "").length === 0 && (o && f(H(/* @__PURE__ */ new Date())), n !== 0 && Z(null));
           },
           onComplete: (e) => {
             const i = typeof e == "string" ? e : String(e ?? ""), n = ie(i, /* @__PURE__ */ new Date());
-            n && (t && n.getTime() === R(t).getTime() || Z(n));
+            n && (t && n.getTime() === N(t).getTime() || Z(n));
           },
           onPointerDown: (e) => {
-            z.current = !0, _.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) => {
-            z.current = !0, _.current = typeof document < "u" && document.activeElement === e.currentTarget, re?.(e);
+            _.current = !0, A.current = typeof document < "u" && document.activeElement === e.currentTarget, re?.(e);
           },
           onFocus: (e) => {
-            const i = !z.current || !_.current;
-            if (z.current = !1, _.current = !1, Q.current = !0, G?.(e), i) {
+            const i = !_.current || !A.current;
+            if (_.current = !1, A.current = !1, Q.current = !0, G?.(e), i) {
               const n = e.currentTarget;
               requestAnimationFrame(() => n.select());
             }
             p || c(!0);
           },
           onKeyDown: (e) => {
-            C?.(e), e.key === "Tab" && !e.defaultPrevented && c(!1);
+            if (C?.(e), !e.defaultPrevented) {
+              if (e.key === "Enter") {
+                if (!E)
+                  return;
+                e.preventDefault(), m(z(E)), (!t || E.getTime() !== N(t).getTime()) && U(E), c(!1);
+                return;
+              }
+              e.key === "Tab" && !e.defaultPrevented && c(!1);
+            }
           },
           onBlur: (e) => {
-            Q.current = !1, N?.(e);
+            Q.current = !1, L?.(e);
             const i = D.current;
             if (D.current = !1, i)
               return;
             const n = e.relatedTarget;
             if (n instanceof Node) {
-              const I = j.current;
-              if (!I || I.contains(n) || L.current?.contains(n))
+              const T = M.current;
+              if (!T || T.contains(n) || I.current?.contains(n))
                 return;
             }
             o && typeof window < "u" && requestAnimationFrame(() => {
-              const I = j.current;
-              if (!I)
+              const T = M.current;
+              if (!T)
                 return;
               const O = document.activeElement;
-              O && (I.contains(O) || L.current?.contains(O)) || c(!1);
+              O && (T.contains(O) || I.current?.contains(O)) || c(!1);
             });
-            const y = m.trim();
+            const y = g.trim();
             if (y === "") {
-              t && (g(""), te(null));
+              t && (m(""), U(null));
               return;
             }
             const k = ie(y, /* @__PURE__ */ new Date());
             if (k) {
-              g(A(k)), (!t || k.getTime() !== R(t).getTime()) && te(k);
+              m(z(k)), (!t || k.getTime() !== N(t).getTime()) && U(k);
               return;
             }
-            g(t ? A(t) : "");
+            m(t ? z(t) : "");
           }
         }
       ),
@@ -300,13 +308,13 @@ const pe = r.forwardRef(
         }
       ),
       o && !p && (() => {
-        const e = m.trim() === "" ? void 0 : T ?? t ?? void 0, i = /* @__PURE__ */ l.jsx(de, { children: /* @__PURE__ */ l.jsx(
+        const e = g.trim() === "" ? void 0 : E ?? t ?? void 0, i = /* @__PURE__ */ l.jsx(de, { children: /* @__PURE__ */ l.jsx(
           "div",
           {
-            ref: L,
+            ref: I,
             "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: M.left, top: M.top },
+            style: { left: R.left, top: R.top },
             onPointerDownCapture: () => {
               D.current = !0;
             },
@@ -322,11 +330,11 @@ const pe = r.forwardRef(
                 selected: e,
                 onSelect: (n) => {
                   if (!n) {
-                    t && te(null), g(""), ue();
+                    t && U(null), m(""), ue();
                     return;
                   }
-                  const y = R(n);
-                  (!t || y.getTime() !== R(t).getTime()) && te(y), g(A(y)), ue();
+                  const y = N(n);
+                  (!t || y.getTime() !== N(t).getTime()) && U(y), m(z(y)), ue();
                 },
                 ...K
               }
@@ -346,7 +354,7 @@ function De({
   onValueUpdate: u,
   className: h,
   inputClassName: b,
-  placeholder: P = "DD/MM/YYYY",
+  placeholder: j = "DD/MM/YYYY",
   disabled: p,
   open: W,
   onOpenChange: B,
@@ -355,17 +363,17 @@ function De({
   triggerTestId: K,
   isHydrated: G
 }) {
-  const N = r.useRef(null), C = r.useRef(null), [J, re] = r.useState(!1), v = W ?? J, x = B ?? re, [j, L] = r.useState(() => H(t ?? /* @__PURE__ */ new Date())), [F, Q] = r.useState(() => ({
+  const L = r.useRef(null), C = r.useRef(null), [J, re] = r.useState(!1), v = W ?? J, x = B ?? re, [M, I] = r.useState(() => H(t ?? /* @__PURE__ */ new Date())), [F, Q] = r.useState(() => ({
     left: 0,
     top: 0
-  })), z = typeof window > "u" ? r.useEffect : r.useLayoutEffect;
+  })), _ = typeof window > "u" ? r.useEffect : r.useLayoutEffect;
   r.useEffect(() => {
-    v && L(H(t ?? /* @__PURE__ */ new Date()));
+    v && I(H(t ?? /* @__PURE__ */ new Date()));
   }, [v, t]), r.useEffect(() => {
     if (!v) return;
     const d = (c) => {
-      const m = c.target;
-      m instanceof Node && (N.current?.contains(m) || C.current?.contains(m) || x(!1));
+      const g = c.target;
+      g instanceof Node && (L.current?.contains(g) || C.current?.contains(g) || x(!1));
     }, o = (c) => {
       c.key === "Escape" && x(!1);
     };
@@ -375,32 +383,32 @@ function De({
   }, [v]), r.useEffect(() => {
     if (!v || typeof window > "u" || !("IntersectionObserver" in window))
       return;
-    const d = N.current;
+    const d = L.current;
     if (!d)
       return;
     let o = !0;
-    const c = new IntersectionObserver((m) => {
+    const c = new IntersectionObserver((g) => {
       if (!o)
         return;
-      const g = m[0];
-      g && !g.isIntersecting && x(!1);
+      const m = g[0];
+      m && !m.isIntersecting && x(!1);
     });
     return c.observe(d), () => {
       o = !1, c.disconnect();
     };
   }, [v]);
-  const _ = $ ?? se, D = r.useCallback(() => {
+  const A = $ ?? se, D = r.useCallback(() => {
     if (typeof window > "u") return;
-    const d = N.current, o = C.current;
+    const d = L.current, o = C.current;
     if (!d || !o) return;
-    const c = d.getBoundingClientRect(), m = o.offsetWidth, g = o.offsetHeight, T = window.innerWidth ?? 0, X = window.innerHeight ?? 0, f = 8;
-    let M = c.left;
-    M + m > T - f && (M = Math.max(f, T - m - f)), M < f && (M = f);
-    let E = c.bottom + f;
-    const ne = E + g > X - f, Z = c.top - g - f;
-    ne && Z >= f && (E = Z), E < f && (E = f), E + g > X - f && (E = Math.max(f, X - g - f)), Q({ left: M, top: E });
+    const c = d.getBoundingClientRect(), g = o.offsetWidth, m = o.offsetHeight, E = window.innerWidth ?? 0, X = window.innerHeight ?? 0, f = 8;
+    let R = c.left;
+    R + g > E - f && (R = Math.max(f, E - g - f)), R < f && (R = f);
+    let P = c.bottom + f;
+    const ne = P + m > X - f, Z = c.top - m - f;
+    ne && Z >= f && (P = Z), P < f && (P = f), P + m > X - f && (P = Math.max(f, X - m - f)), Q({ left: R, top: P });
   }, []);
-  z(() => {
+  _(() => {
     if (!v || p || typeof window > "u") return;
     D();
     const d = window.requestAnimationFrame(D);
@@ -408,13 +416,13 @@ function De({
       window.cancelAnimationFrame(d), window.removeEventListener("scroll", D, !0), window.removeEventListener("resize", D);
     };
   }, [p, v, D]);
-  const ee = r.useCallback(
+  const te = r.useCallback(
     (d) => {
       u && u(d), a(d);
     },
     [a, u]
   );
-  return /* @__PURE__ */ l.jsxs("div", { ref: N, "data-slot": "day-picker-input", className: V("relative group", h), children: [
+  return /* @__PURE__ */ l.jsxs("div", { ref: L, "data-slot": "day-picker-input", className: ee("relative group", h), children: [
     /* @__PURE__ */ l.jsxs(
       "button",
       {
@@ -424,7 +432,7 @@ function De({
         "data-testid": K,
         "data-hydrated": G ? "true" : void 0,
         "data-slot": "day-picker-input-input",
-        className: V(
+        className: ee(
           "flex h-10 w-full items-center rounded-md border border-input bg-background px-3 py-2 text-left text-base ring-offset-background 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",
           "transition-colors group-hover:bg-accent group-hover:text-accent-foreground",
           !t && "text-muted-foreground",
@@ -442,7 +450,7 @@ function De({
               className: "mr-2 size-4 text-muted-foreground transition-colors group-hover:text-accent-foreground"
             }
           ),
-          t ? A(t) : P
+          t ? z(t) : j
         ]
       }
     ),
@@ -455,19 +463,19 @@ function De({
           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(
-            _,
+            A,
             {
               mode: "single",
-              month: j,
-              onMonthChange: L,
+              month: M,
+              onMonthChange: I,
               selected: t ?? void 0,
               onSelect: (o) => {
                 if (!o) {
-                  ee(null), x(!1);
+                  te(null), x(!1);
                   return;
                 }
-                const c = R(o);
-                (!t || c.getTime() !== R(t).getTime()) && ee(c), x(!1);
+                const c = N(o);
+                (!t || c.getTime() !== N(t).getTime()) && te(c), x(!1);
               },
               ...q
             }
@@ -486,7 +494,7 @@ function Ae(s) {
     value: u,
     onChange: h,
     onValueUpdate: b,
-    className: P,
+    className: j,
     inputClassName: p,
     placeholder: W = "DD/MM/YYYY",
     disabled: B,
@@ -494,7 +502,7 @@ function Ae(s) {
     dayPickerComponent: q,
     dayPickerProps: K,
     triggerTestId: G,
-    isHydrated: N,
+    isHydrated: L,
     open: C,
     onOpenChange: J
   } = s;
@@ -505,7 +513,7 @@ function Ae(s) {
       value: u,
       onChange: h,
       onValueUpdate: b,
-      className: P,
+      className: j,
       inputClassName: p,
       placeholder: W,
       disabled: B,
@@ -515,7 +523,7 @@ function Ae(s) {
       dayPickerComponent: q,
       dayPickerProps: K,
       "data-testid": G,
-      "data-hydrated": N ? "true" : void 0
+      "data-hydrated": L ? "true" : void 0
     }
   );
 }