@rpcbase/ui 0.158.0 → 0.159.0

package/dist/index11.js

@@ -1,8 +1,8 @@
-import { j as l } from "./index28.js";
-import { ChevronLeft as fe, ChevronRight as le, CalendarDays as se } from "lucide-react";
+import { j as d } from "./index28.js";
+import { ChevronLeft as le, ChevronRight as pe, CalendarDays as se } from "lucide-react";
 import * as r from "react";
-import { createPortal as ue } from "react-dom";
-import "./index29.js";
+import { DismissableLayerBranch as ue } from "./index29.js";
+import { createPortal as ce } from "react-dom";
 import "./index30.js";
 import "./index31.js";
 import "./index32.js";
@@ -10,23 +10,24 @@ import "./index33.js";
 import "./index34.js";
 import "./index35.js";
 import "./index36.js";
-import pe from "./index37.js";
-import "./index38.js";
-import { useIsTouchDevice as me } from "./index4.js";
+import "./index37.js";
+import me from "./index38.js";
+import "./index39.js";
+import { useIsTouchDevice as ge } from "./index4.js";
 import { cn as J } from "./index2.js";
-import { DayPicker as ge } from "./index39.js";
+import { DayPicker as ye } from "./index40.js";
 function te({
   className: i,
   classNames: t,
   components: c,
-  showOutsideDays: d = !0,
-  ...b
+  showOutsideDays: f = !0,
+  ...w
 }) {
-  return /* @__PURE__ */ l.jsx(
-    ge,
+  return /* @__PURE__ */ d.jsx(
+    ye,
     {
       weekStartsOn: 1,
-      showOutsideDays: d,
+      showOutsideDays: f,
       className: J("p-3", i),
       classNames: {
         month: "space-y-4",
@@ -59,10 +60,10 @@ function te({
         ...t
       },
       components: {
-        Chevron: (y) => y.orientation === "left" ? /* @__PURE__ */ l.jsx(fe, { ...y, className: "h-4 w-4" }) : /* @__PURE__ */ l.jsx(le, { ...y, className: "h-4 w-4" }),
+        Chevron: (y) => y.orientation === "left" ? /* @__PURE__ */ d.jsx(le, { ...y, className: "h-4 w-4" }) : /* @__PURE__ */ d.jsx(pe, { ...y, className: "h-4 w-4" }),
         ...c
       },
-      ...b
+      ...w
     }
   );
 }
@@ -82,29 +83,29 @@ function T(i) {
 }
 function ee({ day: i, month: t, year: c }) {
   if (!Number.isFinite(i) || !Number.isFinite(t) || !Number.isFinite(c)) return null;
-  const d = new Date(c, t - 1, i);
-  return d.getFullYear() !== c || d.getMonth() !== t - 1 || d.getDate() !== i ? null : P(d);
+  const f = new Date(c, t - 1, i);
+  return f.getFullYear() !== c || f.getMonth() !== t - 1 || f.getDate() !== i ? null : P(f);
 }
 function ie(i, t) {
   const c = i.trim();
   if (!c) return null;
-  const d = /^(\d{2})\/(\d{2})\/(\d{4})$/.exec(c);
-  if (d)
-    return ee({ day: Number(d[1]), month: Number(d[2]), year: Number(d[3]) });
-  const b = /^(\d{2})\/(\d{2})\/(\d{2})$/.exec(c);
-  if (b) {
-    const a = Number(b[3]);
-    return Number.isFinite(a) ? ee({ day: Number(b[1]), month: Number(b[2]), year: 2e3 + a }) : null;
+  const f = /^(\d{2})\/(\d{2})\/(\d{4})$/.exec(c);
+  if (f)
+    return ee({ day: Number(f[1]), month: Number(f[2]), year: Number(f[3]) });
+  const w = /^(\d{2})\/(\d{2})\/(\d{2})$/.exec(c);
+  if (w) {
+    const a = Number(w[3]);
+    return Number.isFinite(a) ? ee({ day: Number(w[1]), month: Number(w[2]), year: 2e3 + a }) : null;
   }
   const y = /^(\d{2})\/(\d{2})$/.exec(c);
   return y ? ee({ day: Number(y[1]), month: Number(y[2]), year: t.getFullYear() }) : null;
 }
-const ce = r.forwardRef(
+const ae = r.forwardRef(
   function({
     value: t,
     onChange: c,
-    className: d,
-    inputClassName: b,
+    className: f,
+    inputClassName: w,
     placeholder: y = "DD/MM/YYYY",
     disabled: a,
     readOnly: C,
@@ -112,14 +113,14 @@ const ce = r.forwardRef(
     onOpenChange: A,
     dayPickerComponent: H,
     dayPickerProps: W,
-    onFocus: $,
+    onFocus: B,
     onBlur: N,
     onKeyDown: j,
-    onPointerDown: B,
+    onPointerDown: $,
     onMouseDown: X,
-    ...w
+    ...b
   }, v) {
-    const I = r.useRef(null), L = r.useRef(null), M = r.useRef(null), q = r.useRef(!1), Y = r.useRef(!1), z = r.useRef(!1), [k, p] = r.useState(!1), s = _ ?? k, u = A ?? p, [h, m] = r.useState(() => t ? T(t) : ""), [Q, R] = r.useState(() => G(t ?? /* @__PURE__ */ new Date())), [f, F] = r.useState(() => ({
+    const L = r.useRef(null), I = r.useRef(null), M = r.useRef(null), q = r.useRef(!1), Y = r.useRef(!1), z = r.useRef(!1), [k, p] = r.useState(!1), s = _ ?? k, u = A ?? p, [h, m] = r.useState(() => t ? T(t) : ""), [Q, R] = r.useState(() => G(t ?? /* @__PURE__ */ new Date())), [l, F] = r.useState(() => ({
       left: 0,
       top: 0
     })), E = typeof window > "u" ? r.useEffect : r.useLayoutEffect;
@@ -131,7 +132,7 @@ const ce = r.forwardRef(
       if (!s) return;
       const e = (n) => {
         const x = n.target;
-        x instanceof Node && (I.current?.contains(x) || L.current?.contains(x) || u(!1));
+        x instanceof Node && (L.current?.contains(x) || I.current?.contains(x) || u(!1));
       }, o = (n) => {
         n.key === "Escape" && u(!1);
       };
@@ -141,7 +142,7 @@ const ce = r.forwardRef(
     }, [s]), r.useEffect(() => {
       if (!s || typeof window > "u" || !("IntersectionObserver" in window))
         return;
-      const e = I.current;
+      const e = L.current;
       if (!e)
         return;
       let o = !0;
@@ -160,16 +161,16 @@ const ce = r.forwardRef(
         M.current = e, typeof v == "function" ? v(e) : v && (v.current = e);
       },
       [v]
-    ), K = () => u(!1), ae = H ?? te, O = r.useCallback(() => {
+    ), K = () => u(!1), de = H ?? te, O = r.useCallback(() => {
       if (typeof window > "u") return;
-      const e = I.current, o = L.current;
+      const e = L.current, o = I.current;
       if (!e || !o) return;
       const n = e.getBoundingClientRect(), x = o.offsetWidth, D = o.offsetHeight, re = window.innerWidth ?? 0, V = window.innerHeight ?? 0, g = 8;
       let U = n.left;
       U + x > re - g && (U = Math.max(g, re - x - g)), U < g && (U = g);
       let S = n.bottom + g;
-      const de = S + D > V - g, ne = n.top - D - g;
-      de && ne >= g && (S = ne), S < g && (S = g), S + D > V - g && (S = Math.max(g, V - D - g)), F({ left: U, top: S });
+      const fe = S + D > V - g, ne = n.top - D - g;
+      fe && ne >= g && (S = ne), S < g && (S = g), S + D > V - g && (S = Math.max(g, V - D - g)), F({ left: U, top: S });
     }, []);
     return E(() => {
       if (!s || a || typeof window > "u") return;
@@ -178,11 +179,11 @@ const ce = r.forwardRef(
       return window.addEventListener("scroll", O, !0), window.addEventListener("resize", O), () => {
         window.cancelAnimationFrame(e), window.removeEventListener("scroll", O, !0), window.removeEventListener("resize", O);
       };
-    }, [a, s, O]), /* @__PURE__ */ l.jsxs("div", { ref: I, "data-slot": "day-picker-input", className: J("relative group", d), children: [
-      /* @__PURE__ */ l.jsx(
-        pe,
+    }, [a, s, O]), /* @__PURE__ */ d.jsxs("div", { ref: L, "data-slot": "day-picker-input", className: J("relative group", f), children: [
+      /* @__PURE__ */ d.jsx(
+        me,
         {
-          ...w,
+          ...b,
           "data-slot": "day-picker-input-input",
           disabled: a,
           readOnly: C,
@@ -201,7 +202,7 @@ const ce = r.forwardRef(
           className: J(
             "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
+            w
           ),
           onAccept: (e) => {
             const o = typeof e == "string" ? e : String(e ?? "");
@@ -212,14 +213,14 @@ const ce = r.forwardRef(
             n && (t && n.getTime() === P(t).getTime() || c(n));
           },
           onPointerDown: (e) => {
-            Y.current = !0, z.current = typeof document < "u" && document.activeElement === e.currentTarget, B?.(e);
+            Y.current = !0, z.current = typeof document < "u" && document.activeElement === e.currentTarget, $?.(e);
           },
           onMouseDown: (e) => {
             Y.current = !0, z.current = typeof document < "u" && document.activeElement === e.currentTarget, X?.(e);
           },
           onFocus: (e) => {
             const o = !Y.current || !z.current;
-            if (Y.current = !1, z.current = !1, q.current = !0, $?.(e), o) {
+            if (Y.current = !1, z.current = !1, q.current = !0, B?.(e), o) {
               const n = e.currentTarget;
               requestAnimationFrame(() => n.select());
             }
@@ -230,11 +231,11 @@ const ce = r.forwardRef(
           },
           onBlur: (e) => {
             q.current = !1, N?.(e), s && typeof window < "u" && requestAnimationFrame(() => {
-              const x = I.current;
+              const x = L.current;
               if (!x)
                 return;
               const D = document.activeElement;
-              D && (x.contains(D) || L.current?.contains(D)) || u(!1);
+              D && (x.contains(D) || I.current?.contains(D)) || u(!1);
             });
             const o = h.trim();
             if (o === "") {
@@ -250,7 +251,7 @@ const ce = r.forwardRef(
           }
         }
       ),
-      /* @__PURE__ */ l.jsx(
+      /* @__PURE__ */ d.jsx(
         "button",
         {
           type: "button",
@@ -268,19 +269,19 @@ const ce = r.forwardRef(
           onClick: () => {
             a || (M.current?.focus({ preventScroll: !0 }), u(!0));
           },
-          children: /* @__PURE__ */ l.jsx(se, { "aria-hidden": !0, className: "size-4" })
+          children: /* @__PURE__ */ d.jsx(se, { "aria-hidden": !0, className: "size-4" })
         }
       ),
       s && !a && (() => {
-        const e = /* @__PURE__ */ l.jsx(
+        const e = /* @__PURE__ */ d.jsx(ue, { children: /* @__PURE__ */ d.jsx(
           "div",
           {
-            ref: L,
+            ref: I,
             "data-slot": "day-picker-input-popover",
-            className: "fixed z-50 w-max rounded-md border bg-popover text-popover-foreground shadow-md",
-            style: { left: f.left, top: f.top },
-            children: /* @__PURE__ */ l.jsx(
-              ae,
+            className: "pointer-events-auto fixed z-[60] w-max rounded-md border bg-popover text-popover-foreground shadow-md",
+            style: { left: l.left, top: l.top },
+            children: /* @__PURE__ */ d.jsx(
+              de,
               {
                 mode: "single",
                 month: Q,
@@ -298,19 +299,19 @@ const ce = r.forwardRef(
               }
             )
           }
-        );
-        return typeof document > "u" ? e : ue(e, document.body);
+        ) });
+        return typeof document > "u" ? e : ce(e, document.body);
       })()
     ] });
   }
 );
-ce.displayName = "DayPickerInput";
-function ye({
+ae.displayName = "DayPickerInput";
+function be({
   id: i,
   value: t,
   onChange: c,
-  className: d,
-  inputClassName: b,
+  className: f,
+  inputClassName: w,
   placeholder: y = "DD/MM/YYYY",
   disabled: a,
   open: C,
@@ -318,16 +319,16 @@ function ye({
   dayPickerComponent: A,
   dayPickerProps: H,
   triggerTestId: W,
-  isHydrated: $
+  isHydrated: B
 }) {
-  const N = r.useRef(null), j = r.useRef(null), [B, X] = r.useState(!1), w = C ?? B, v = _ ?? X, [I, L] = r.useState(() => G(t ?? /* @__PURE__ */ new Date())), [M, q] = r.useState(() => ({
+  const N = r.useRef(null), j = r.useRef(null), [$, X] = r.useState(!1), b = C ?? $, v = _ ?? X, [L, I] = r.useState(() => G(t ?? /* @__PURE__ */ new Date())), [M, q] = r.useState(() => ({
     left: 0,
     top: 0
   })), Y = typeof window > "u" ? r.useEffect : r.useLayoutEffect;
   r.useEffect(() => {
-    w && L(G(t ?? /* @__PURE__ */ new Date()));
-  }, [w, t]), r.useEffect(() => {
-    if (!w) return;
+    b && I(G(t ?? /* @__PURE__ */ new Date()));
+  }, [b, t]), r.useEffect(() => {
+    if (!b) return;
     const p = (u) => {
       const h = u.target;
       h instanceof Node && (N.current?.contains(h) || j.current?.contains(h) || v(!1));
@@ -337,8 +338,8 @@ function ye({
     return document.addEventListener("pointerdown", p, !0), document.addEventListener("keydown", s, !0), () => {
       document.removeEventListener("pointerdown", p, !0), document.removeEventListener("keydown", s, !0);
     };
-  }, [w]), r.useEffect(() => {
-    if (!w || typeof window > "u" || !("IntersectionObserver" in window))
+  }, [b]), r.useEffect(() => {
+    if (!b || typeof window > "u" || !("IntersectionObserver" in window))
       return;
     const p = N.current;
     if (!p)
@@ -353,47 +354,47 @@ function ye({
     return u.observe(p), () => {
       s = !1, u.disconnect();
     };
-  }, [w]);
+  }, [b]);
   const z = A ?? te, k = r.useCallback(() => {
     if (typeof window > "u") return;
     const p = N.current, s = j.current;
     if (!p || !s) return;
-    const u = p.getBoundingClientRect(), h = s.offsetWidth, m = s.offsetHeight, Q = window.innerWidth ?? 0, R = window.innerHeight ?? 0, f = 8;
+    const u = p.getBoundingClientRect(), h = s.offsetWidth, m = s.offsetHeight, Q = window.innerWidth ?? 0, R = window.innerHeight ?? 0, l = 8;
     let F = u.left;
-    F + h > Q - f && (F = Math.max(f, Q - h - f)), F < f && (F = f);
-    let E = u.bottom + f;
-    const Z = E + m > R - f, K = u.top - m - f;
-    Z && K >= f && (E = K), E < f && (E = f), E + m > R - f && (E = Math.max(f, R - m - f)), q({ left: F, top: E });
+    F + h > Q - l && (F = Math.max(l, Q - h - l)), F < l && (F = l);
+    let E = u.bottom + l;
+    const Z = E + m > R - l, K = u.top - m - l;
+    Z && K >= l && (E = K), E < l && (E = l), E + m > R - l && (E = Math.max(l, R - m - l)), q({ left: F, top: E });
   }, []);
   return Y(() => {
-    if (!w || a || typeof window > "u") return;
+    if (!b || a || typeof window > "u") return;
     k();
     const p = window.requestAnimationFrame(k);
     return window.addEventListener("scroll", k, !0), window.addEventListener("resize", k), () => {
       window.cancelAnimationFrame(p), window.removeEventListener("scroll", k, !0), window.removeEventListener("resize", k);
     };
-  }, [a, w, k]), /* @__PURE__ */ l.jsxs("div", { ref: N, "data-slot": "day-picker-input", className: J("relative group", d), children: [
-    /* @__PURE__ */ l.jsxs(
+  }, [a, b, k]), /* @__PURE__ */ d.jsxs("div", { ref: N, "data-slot": "day-picker-input", className: J("relative group", f), children: [
+    /* @__PURE__ */ d.jsxs(
       "button",
       {
         id: i,
         type: "button",
         disabled: a,
         "data-testid": W,
-        "data-hydrated": $ ? "true" : void 0,
+        "data-hydrated": B ? "true" : void 0,
         "data-slot": "day-picker-input-input",
         className: J(
           "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",
-          w && "ring-2 ring-primary ring-offset-2",
-          b
+          b && "ring-2 ring-primary ring-offset-2",
+          w
         ),
         onClick: () => {
-          a || v(!w);
+          a || v(!b);
         },
         children: [
-          /* @__PURE__ */ l.jsx(
+          /* @__PURE__ */ d.jsx(
             se,
             {
               "aria-hidden": !0,
@@ -404,20 +405,20 @@ function ye({
         ]
       }
     ),
-    w && !a && (() => {
-      const p = /* @__PURE__ */ l.jsx(
+    b && !a && (() => {
+      const p = /* @__PURE__ */ d.jsx(ue, { children: /* @__PURE__ */ d.jsx(
         "div",
         {
           ref: j,
           "data-slot": "day-picker-input-popover",
-          className: "fixed z-50 w-max rounded-md border bg-popover text-popover-foreground shadow-md",
+          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 },
-          children: /* @__PURE__ */ l.jsx(
+          children: /* @__PURE__ */ d.jsx(
             z,
             {
               mode: "single",
-              month: I,
-              onMonthChange: L,
+              month: L,
+              onMonthChange: I,
               selected: t ?? void 0,
               onSelect: (s) => {
                 if (!s) {
@@ -431,18 +432,18 @@ function ye({
             }
           )
         }
-      );
-      return typeof document > "u" ? p : ue(p, document.body);
+      ) });
+      return typeof document > "u" ? p : ce(p, document.body);
     })()
   ] });
 }
-function Oe(i) {
-  if (me())
-    return /* @__PURE__ */ l.jsx(ye, { ...i });
+function Te(i) {
+  if (ge())
+    return /* @__PURE__ */ d.jsx(be, { ...i });
   const {
     id: c,
-    value: d,
-    onChange: b,
+    value: f,
+    onChange: w,
     className: y,
     inputClassName: a,
     placeholder: C = "DD/MM/YYYY",
@@ -450,34 +451,34 @@ function Oe(i) {
     readOnly: A,
     dayPickerComponent: H,
     dayPickerProps: W,
-    triggerTestId: $,
+    triggerTestId: B,
     isHydrated: N,
     open: j,
-    onOpenChange: B
+    onOpenChange: $
   } = i;
-  return /* @__PURE__ */ l.jsx(
-    ce,
+  return /* @__PURE__ */ d.jsx(
+    ae,
     {
       id: c,
-      value: d,
-      onChange: b,
+      value: f,
+      onChange: w,
       className: y,
       inputClassName: a,
       placeholder: C,
       disabled: _,
       readOnly: A,
       open: j,
-      onOpenChange: B,
+      onOpenChange: $,
       dayPickerComponent: H,
       dayPickerProps: W,
-      "data-testid": $,
+      "data-testid": B,
       "data-hydrated": N ? "true" : void 0
     }
   );
 }
 export {
   te as DayPicker,
-  Oe as DayPickerField,
-  ce as DayPickerInput
+  Te as DayPickerField,
+  ae as DayPickerInput
 };
 //# sourceMappingURL=index11.js.map