@rpcbase/ui 0.177.0 → 0.178.0

package/dist/index11.js

@@ -1,29 +1,29 @@
-import { j as l } from "./index27.js";
-import { ChevronLeft as he, ChevronRight as ve, CalendarDays as le } from "lucide-react";
+import { j as p } from "./index28.js";
+import { ChevronLeft as we, ChevronRight as he, CalendarDays as de } from "lucide-react";
 import * as r from "react";
-import { DismissableLayerBranch as pe } from "./index28.js";
-import { createPortal as me } from "react-dom";
-import { IMaskInput as xe } from "react-imask";
-import De, { InputMask as ke } from "imask";
-import { useIsTouchDevice as Ee } from "./index4.js";
-import { cn as ee } from "./index2.js";
-import { DayPicker as Ne } from "./index29.js";
-import { dateMatchModifiers as Pe } from "./index30.js";
-const de = De;
-typeof de.InputMask != "function" && (de.InputMask = ke);
-function ce({
+import { DismissableLayerBranch as le } from "./index29.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 V } from "./index2.js";
+import { DayPicker as Ee } from "./index30.js";
+import { dateMatchModifiers as Ne } from "./index31.js";
+const fe = xe;
+typeof fe.InputMask != "function" && (fe.InputMask = De);
+function ue({
   className: u,
   classNames: t,
-  components: f,
+  components: d,
   showOutsideDays: c = !0,
   ...D
 }) {
-  return /* @__PURE__ */ l.jsx(
-    Ne,
+  return /* @__PURE__ */ p.jsx(
+    Ee,
     {
       weekStartsOn: 1,
       showOutsideDays: c,
-      className: ee("p-3", u),
+      className: V("p-3", u),
       classNames: {
         month: "space-y-4",
         months: "flex flex-col sm:flex-row space-y-4 sm:space-y-0 relative gap-2",
@@ -55,14 +55,14 @@ function ce({
         ...t
       },
       components: {
-        Chevron: (v) => v.orientation === "left" ? /* @__PURE__ */ l.jsx(he, { ...v, className: "h-4 w-4" }) : /* @__PURE__ */ l.jsx(ve, { ...v, className: "h-4 w-4" }),
-        ...f
+        Chevron: (h) => h.orientation === "left" ? /* @__PURE__ */ p.jsx(we, { ...h, className: "h-4 w-4" }) : /* @__PURE__ */ p.jsx(he, { ...h, className: "h-4 w-4" }),
+        ...d
       },
       ...D
     }
   );
 }
-ce.displayName = "DayPicker";
+ue.displayName = "DayPicker";
 function re(u) {
   return String(u).padStart(2, "0");
 }
@@ -70,184 +70,184 @@ function R(u) {
   const t = new Date(u);
   return t.setHours(0, 0, 0, 0), t;
 }
-function W(u) {
+function B(u) {
   return R(new Date(u.getFullYear(), u.getMonth(), 1));
 }
-function T(u) {
+function F(u) {
   return `${re(u.getDate())}/${re(u.getMonth() + 1)}/${u.getFullYear()}`;
 }
-function se({ day: u, month: t, year: f }) {
-  if (!Number.isFinite(u) || !Number.isFinite(t) || !Number.isFinite(f)) return null;
-  const c = new Date(f, t - 1, u);
-  return c.getFullYear() !== f || c.getMonth() !== t - 1 || c.getDate() !== u ? null : R(c);
+function ie({ day: u, month: t, year: d }) {
+  if (!Number.isFinite(u) || !Number.isFinite(t) || !Number.isFinite(d)) return null;
+  const c = new Date(d, t - 1, u);
+  return c.getFullYear() !== d || c.getMonth() !== t - 1 || c.getDate() !== u ? null : R(c);
 }
-function ue(u, t) {
-  const f = u.trim();
-  if (!f) return null;
-  const c = /^(\d{2})\/(\d{2})\/(\d{4})$/.exec(f);
+function se(u, t) {
+  const d = u.trim();
+  if (!d) return null;
+  const c = /^(\d{2})\/(\d{2})\/(\d{4})$/.exec(d);
   if (c)
-    return se({ day: Number(c[1]), month: Number(c[2]), year: Number(c[3]) });
-  const D = /^(\d{2})\/(\d{2})\/(\d{2})$/.exec(f);
+    return ie({ day: Number(c[1]), month: Number(c[2]), year: Number(c[3]) });
+  const D = /^(\d{2})\/(\d{2})\/(\d{2})$/.exec(d);
   if (D) {
     const j = Number(D[3]);
-    return Number.isFinite(j) ? se({ day: Number(D[1]), month: Number(D[2]), year: 2e3 + j }) : null;
+    return Number.isFinite(j) ? ie({ day: Number(D[1]), month: Number(D[2]), year: 2e3 + j }) : null;
   }
-  const v = /^(\d{2})\/(\d{2})$/.exec(f);
-  return v ? se({ day: Number(v[1]), month: Number(v[2]), year: t.getFullYear() }) : null;
+  const h = /^(\d{2})\/(\d{2})$/.exec(d);
+  return h ? ie({ day: Number(h[1]), month: Number(h[2]), year: t.getFullYear() }) : null;
 }
-const ge = r.forwardRef(
+const me = r.forwardRef(
   function({
     value: t,
-    onChange: f,
+    onChange: d,
     onValueUpdate: c,
     className: D,
-    inputClassName: v,
+    inputClassName: h,
     placeholder: j = "DD/MM/YYYY",
-    disabled: p,
-    readOnly: K,
-    open: q,
-    onOpenChange: G,
-    dayPickerComponent: J,
-    dayPickerProps: S,
-    onFocus: Q,
+    disabled: m,
+    readOnly: W,
+    open: K,
+    onOpenChange: q,
+    dayPickerComponent: G,
+    dayPickerProps: T,
+    onFocus: J,
     onBlur: C,
-    onKeyDown: Y,
-    onPointerDown: X,
+    onKeyDown: S,
+    onPointerDown: Q,
     onMouseDown: ne,
-    ...x
+    ...v
   }, k) {
-    const L = r.useRef(null), I = r.useRef(null), O = r.useRef(null), Z = r.useRef(!1), H = r.useRef(!1), $ = r.useRef(!1), E = r.useRef(!1), B = r.useRef(null), [d, w] = r.useState(!1), o = q ?? d, a = G ?? w, [b, N] = r.useState(() => t ? T(t) : ""), g = r.useMemo(() => ue(b, /* @__PURE__ */ new Date()), [b]), [m, P] = r.useState(() => W(t ?? /* @__PURE__ */ new Date())), [M, oe] = r.useState(() => ({
+    const I = r.useRef(null), P = r.useRef(null), Y = r.useRef(null), X = r.useRef(!1), $ = r.useRef(!1), E = r.useRef(!1), O = r.useRef(!1), f = r.useRef(null), [b, g] = r.useState(!1), a = K ?? b, l = q ?? g, [M, x] = r.useState(() => t ? F(t) : ""), i = r.useMemo(() => se(M, /* @__PURE__ */ new Date()), [M]), [z, N] = r.useState(() => B(t ?? /* @__PURE__ */ new Date())), [ee, te] = r.useState(() => ({
       left: 0,
       top: 0
-    })), te = typeof window > "u" ? r.useEffect : r.useLayoutEffect, ie = r.useCallback(
+    })), oe = r.useCallback(
       (e) => {
         c && c(e);
       },
       [c]
-    ), U = r.useCallback(
+    ), Z = r.useCallback(
       (e) => {
-        c && c(e), f(e);
+        c && c(e), d(e);
       },
-      [f, c]
+      [d, c]
     );
     r.useEffect(() => {
-      Z.current || N(t ? T(t) : "");
+      X.current || x(t ? F(t) : "");
     }, [t]), r.useEffect(() => {
-      o && P(W(t ?? /* @__PURE__ */ new Date()));
-    }, [o, t]), r.useEffect(() => {
-      o && g && P(W(g));
-    }, [g, o]), r.useEffect(() => {
-      if (!o) return;
+      a && N(B(t ?? /* @__PURE__ */ new Date()));
+    }, [a, t]), r.useEffect(() => {
+      a && i && N(B(i));
+    }, [i, a]), r.useEffect(() => {
+      if (!a) return;
       const e = (n) => {
         const s = n.target;
-        s instanceof Node && (L.current?.contains(s) || I.current?.contains(s) || a(!1));
-      }, i = (n) => {
-        n.key === "Escape" && a(!1);
+        s instanceof Node && (I.current?.contains(s) || P.current?.contains(s) || l(!1));
+      }, o = (n) => {
+        n.key === "Escape" && l(!1);
       };
-      return document.addEventListener("pointerdown", e, !0), document.addEventListener("keydown", i, !0), () => {
-        document.removeEventListener("pointerdown", e, !0), document.removeEventListener("keydown", i, !0);
+      return document.addEventListener("pointerdown", e, !0), document.addEventListener("keydown", o, !0), () => {
+        document.removeEventListener("pointerdown", e, !0), document.removeEventListener("keydown", o, !0);
       };
-    }, [o]), r.useEffect(() => {
-      if (!o || typeof window > "u" || !("IntersectionObserver" in window))
+    }, [a]), r.useEffect(() => {
+      if (!a || typeof window > "u" || !("IntersectionObserver" in window))
         return;
-      const e = L.current;
+      const e = I.current;
       if (!e)
         return;
-      let i = !0;
+      let o = !0;
       const n = new IntersectionObserver((s) => {
-        if (!i)
+        if (!o)
           return;
         const y = s[0];
-        y && !y.isIntersecting && a(!1);
+        y && !y.isIntersecting && l(!1);
       });
       return n.observe(e), () => {
-        i = !1, n.disconnect();
+        o = !1, n.disconnect();
       };
-    }, [o]);
-    const ye = r.useCallback(
+    }, [a]);
+    const ge = r.useCallback(
       (e) => {
-        O.current = e, typeof k == "function" ? k(e) : k && (k.current = e);
+        Y.current = e, typeof k == "function" ? k(e) : k && (k.current = e);
       },
       [k]
-    ), ae = () => a(!1), we = J ?? ce, z = r.useCallback(() => {
+    ), ce = () => l(!1), ye = G ?? ue, A = r.useCallback(() => {
       if (typeof window > "u") return;
-      const e = L.current, i = I.current;
-      if (!e || !i) return;
-      const n = e.getBoundingClientRect(), s = i.offsetWidth, y = i.offsetHeight, F = window.innerWidth ?? 0, A = window.innerHeight ?? 0, h = 8;
-      let V = n.left;
-      V + s > F - h && (V = Math.max(h, F - s - h)), V < h && (V = h);
-      let _ = n.bottom + h;
-      const be = _ + y > A - h, fe = n.top - y - h;
-      be && fe >= h && (_ = fe), _ < h && (_ = h), _ + y > A - h && (_ = Math.max(h, A - y - h)), oe({ left: V, top: _ });
+      const e = I.current, o = P.current;
+      if (!e || !o) return;
+      const n = e.getBoundingClientRect(), s = o.offsetWidth, y = o.offsetHeight, L = window.innerWidth ?? 0, _ = window.innerHeight ?? 0, w = 8;
+      let U = n.left;
+      U + s > L - w && (U = Math.max(w, L - s - w)), U < w && (U = w);
+      let H = n.bottom + w;
+      const be = H + y > _ - w, ae = n.top - y - w;
+      be && ae >= w && (H = ae), H < w && (H = w), H + y > _ - w && (H = Math.max(w, _ - y - w)), te({ left: U, top: H });
     }, []);
-    return te(() => {
-      if (!o || p || typeof window > "u") return;
-      z();
-      const e = window.requestAnimationFrame(z);
-      return window.addEventListener("scroll", z, !0), window.addEventListener("resize", z), () => {
-        window.cancelAnimationFrame(e), window.removeEventListener("scroll", z, !0), window.removeEventListener("resize", z);
+    return r.useLayoutEffect(() => {
+      if (!a || m || typeof window > "u") return;
+      A();
+      const e = window.requestAnimationFrame(A);
+      return window.addEventListener("scroll", A, !0), window.addEventListener("resize", A), () => {
+        window.cancelAnimationFrame(e), window.removeEventListener("scroll", A, !0), window.removeEventListener("resize", A);
       };
-    }, [p, o, z]), /* @__PURE__ */ l.jsxs("div", { ref: L, "data-slot": "day-picker-input", className: ee("relative group", D), children: [
-      /* @__PURE__ */ l.jsx(
-        xe,
+    }, [m, a, A]), /* @__PURE__ */ p.jsxs("div", { ref: I, "data-slot": "day-picker-input", className: V("relative group", D), children: [
+      /* @__PURE__ */ p.jsx(
+        ve,
         {
-          ...x,
+          ...v,
           "data-slot": "day-picker-input-input",
-          disabled: p,
-          readOnly: K,
+          disabled: m,
+          readOnly: W,
           autoComplete: "off",
-          inputRef: ye,
+          inputRef: ge,
           mask: [
             { mask: "00/00", lazy: !0 },
             { mask: "00/00/00", lazy: !0 },
             { mask: "00/00/0000", lazy: !0 }
           ],
-          dispatch: (e, i) => {
-            const n = (i.value + e).replace(/\D/g, "");
-            return n.length <= 4 ? i.compiledMasks[0] : n.length <= 6 ? i.compiledMasks[1] : i.compiledMasks[2];
+          dispatch: (e, o) => {
+            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: j,
-          value: b,
-          className: ee(
+          value: M,
+          className: V(
             "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",
-            v
+            h
           ),
           onAccept: (e) => {
-            const i = typeof e == "string" ? e : String(e ?? ""), n = b.replace(/\D/g, "").length;
-            N(i), i.replace(/\D/g, "").length === 0 && (o && P(W(/* @__PURE__ */ new Date())), n !== 0 && ie(null));
+            const o = typeof e == "string" ? e : String(e ?? ""), n = M.replace(/\D/g, "").length;
+            x(o), o.replace(/\D/g, "").length === 0 && (a && N(B(/* @__PURE__ */ new Date())), n !== 0 && oe(null));
           },
           onComplete: (e) => {
-            const i = typeof e == "string" ? e : String(e ?? "");
-            if (B.current === i) {
-              B.current = null;
+            const o = typeof e == "string" ? e : String(e ?? "");
+            if (f.current === o) {
+              f.current = null;
               return;
             }
-            const n = ue(i, /* @__PURE__ */ new Date());
-            n && (t && n.getTime() === R(t).getTime() || ie(n));
+            const n = se(o, /* @__PURE__ */ new Date());
+            n && (t && n.getTime() === R(t).getTime() || oe(n));
           },
           onPointerDown: (e) => {
-            H.current = !0, $.current = typeof document < "u" && document.activeElement === e.currentTarget, X?.(e);
+            $.current = !0, E.current = typeof document < "u" && document.activeElement === e.currentTarget, Q?.(e);
           },
           onMouseDown: (e) => {
-            H.current = !0, $.current = typeof document < "u" && document.activeElement === e.currentTarget, ne?.(e);
+            $.current = !0, E.current = typeof document < "u" && document.activeElement === e.currentTarget, ne?.(e);
           },
           onFocus: (e) => {
-            const i = !H.current || !$.current;
-            if (H.current = !1, $.current = !1, Z.current = !0, Q?.(e), i) {
+            const o = !$.current || !E.current;
+            if ($.current = !1, E.current = !1, X.current = !0, J?.(e), o) {
               const n = e.currentTarget;
               requestAnimationFrame(() => n.select());
             }
-            p || a(!0);
+            m || l(!0);
           },
           onKeyDown: (e) => {
-            const i = e.defaultPrevented;
-            if (Y?.(e), !(!i && e.defaultPrevented)) {
+            const o = e.defaultPrevented;
+            if (S?.(e), !(!o && e.defaultPrevented)) {
               if (e.key === "Enter") {
-                if (!g)
+                if (!i)
                   return;
-                if (e.preventDefault(), o) {
-                  const n = `${g.getFullYear()}-${re(g.getMonth() + 1)}-${re(g.getDate())}`, s = I.current?.querySelector(
+                if (e.preventDefault(), a) {
+                  const n = `${i.getFullYear()}-${re(i.getMonth() + 1)}-${re(i.getDate())}`, s = P.current?.querySelector(
                     `[data-day='${n}']:not([data-outside]) button`
                   );
                   if (s instanceof HTMLButtonElement) {
@@ -256,300 +256,300 @@ const ge = r.forwardRef(
                     s.focus();
                   }
                 }
-                N(T(g)), U(g), a(!1);
+                x(F(i)), Z(i), l(!1);
                 return;
               }
               if (e.key === "ArrowUp" || e.key === "ArrowDown") {
-                const n = g ?? t;
+                const n = i ?? t;
                 if (!n)
                   return;
                 const s = R(new Date(n));
-                if (s.setDate(s.getDate() + (e.key === "ArrowUp" ? 1 : -1)), S?.disabled && Pe(s, S.disabled))
+                if (s.setDate(s.getDate() + (e.key === "ArrowUp" ? 1 : -1)), T?.disabled && Ne(s, T.disabled))
                   return;
                 e.preventDefault();
-                const y = T(s);
-                B.current = y, N(y), ie(s);
+                const y = F(s);
+                f.current = y, x(y), oe(s);
                 return;
               }
-              o || (e.key.length === 1 || e.key === "Backspace" || e.key === "Delete") && !e.ctrlKey && !e.metaKey && !e.altKey && a(!0), e.key === "Tab" && !e.defaultPrevented && a(!1);
+              a || (e.key.length === 1 || e.key === "Backspace" || e.key === "Delete") && !e.ctrlKey && !e.metaKey && !e.altKey && l(!0), e.key === "Tab" && !e.defaultPrevented && l(!1);
             }
           },
           onBlur: (e) => {
-            Z.current = !1, C?.(e);
-            const i = E.current;
-            if (E.current = !1, i)
+            X.current = !1, C?.(e);
+            const o = O.current;
+            if (O.current = !1, o)
               return;
             const n = e.relatedTarget;
             if (n instanceof Node) {
-              const F = L.current;
-              if (!F || F.contains(n) || I.current?.contains(n))
+              const L = I.current;
+              if (!L || L.contains(n) || P.current?.contains(n))
                 return;
             }
-            o && typeof window < "u" && requestAnimationFrame(() => {
-              const F = L.current;
-              if (!F)
+            a && typeof window < "u" && requestAnimationFrame(() => {
+              const L = I.current;
+              if (!L)
                 return;
-              const A = document.activeElement;
-              A && (F.contains(A) || I.current?.contains(A)) || a(!1);
+              const _ = document.activeElement;
+              _ && (L.contains(_) || P.current?.contains(_)) || l(!1);
             });
-            const s = b.trim();
+            const s = M.trim();
             if (s === "") {
-              t && (N(""), U(null));
+              t && (x(""), Z(null));
               return;
             }
-            const y = ue(s, /* @__PURE__ */ new Date());
+            const y = se(s, /* @__PURE__ */ new Date());
             if (y) {
-              N(T(y)), (!t || y.getTime() !== R(t).getTime()) && U(y);
+              x(F(y)), (!t || y.getTime() !== R(t).getTime()) && Z(y);
               return;
             }
-            N(t ? T(t) : "");
+            x(t ? F(t) : "");
           }
         }
       ),
-      /* @__PURE__ */ l.jsx(
+      /* @__PURE__ */ p.jsx(
         "button",
         {
           type: "button",
           tabIndex: -1,
-          disabled: p,
+          disabled: m,
           "aria-label": "Open calendar",
           "data-slot": "day-picker-input-trigger",
           className: "absolute left-[13px] top-1/2 -translate-y-1/2 text-muted-foreground transition-colors group-hover:text-accent-foreground",
           onPointerDown: (e) => {
-            e.preventDefault(), !p && O.current?.focus({ preventScroll: !0 });
+            e.preventDefault(), !m && Y.current?.focus({ preventScroll: !0 });
           },
           onMouseDown: (e) => {
-            e.preventDefault(), !p && O.current?.focus({ preventScroll: !0 });
+            e.preventDefault(), !m && Y.current?.focus({ preventScroll: !0 });
           },
           onClick: () => {
-            p || (O.current?.focus({ preventScroll: !0 }), a(!0));
+            m || (Y.current?.focus({ preventScroll: !0 }), l(!0));
           },
-          children: /* @__PURE__ */ l.jsx(le, { "aria-hidden": !0, className: "size-4" })
+          children: /* @__PURE__ */ p.jsx(de, { "aria-hidden": !0, className: "size-4" })
         }
       ),
-      o && !p && (() => {
-        const e = b.trim() === "" ? void 0 : g ?? t ?? void 0, i = /* @__PURE__ */ l.jsx(pe, { children: /* @__PURE__ */ l.jsx(
+      a && !m && (() => {
+        const e = M.trim() === "" ? void 0 : i ?? t ?? void 0, o = /* @__PURE__ */ p.jsx(le, { children: /* @__PURE__ */ p.jsx(
           "div",
           {
-            ref: I,
+            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: M.left, top: M.top },
+            style: { left: ee.left, top: ee.top },
             onPointerDownCapture: () => {
-              E.current = !0;
+              O.current = !0;
             },
             onMouseDownCapture: () => {
-              E.current = !0;
+              O.current = !0;
             },
-            children: /* @__PURE__ */ l.jsx(
-              we,
+            children: /* @__PURE__ */ p.jsx(
+              ye,
               {
                 mode: "single",
-                month: m,
-                onMonthChange: P,
+                month: z,
+                onMonthChange: N,
                 selected: e,
                 onSelect: (n) => {
                   if (!n) {
-                    t && U(null), N(""), ae();
+                    t && Z(null), x(""), ce();
                     return;
                   }
                   const s = R(n);
-                  (!t || s.getTime() !== R(t).getTime()) && U(s), N(T(s)), ae();
+                  (!t || s.getTime() !== R(t).getTime()) && Z(s), x(F(s)), ce();
                 },
-                ...S
+                ...T
               }
             )
           }
         ) });
-        return typeof document > "u" ? i : me(i, document.body);
+        return typeof document > "u" ? o : pe(o, document.body);
       })()
     ] });
   }
 );
-ge.displayName = "DayPickerInput";
-function Me({
+me.displayName = "DayPickerInput";
+function Pe({
   id: u,
   value: t,
-  onChange: f,
+  onChange: d,
   onValueUpdate: c,
   className: D,
-  inputClassName: v,
+  inputClassName: h,
   placeholder: j = "DD/MM/YYYY",
-  disabled: p,
-  open: K,
-  onOpenChange: q,
-  dayPickerComponent: G,
-  dayPickerProps: J,
-  triggerTestId: S,
-  isHydrated: Q
+  disabled: m,
+  open: W,
+  onOpenChange: K,
+  dayPickerComponent: q,
+  dayPickerProps: G,
+  triggerTestId: T,
+  isHydrated: J
 }) {
-  const C = r.useRef(null), Y = r.useRef(null), [X, ne] = r.useState(!1), x = K ?? X, k = q ?? ne, [L, I] = r.useState(() => W(t ?? /* @__PURE__ */ new Date())), [O, Z] = r.useState(() => ({
+  const C = r.useRef(null), S = r.useRef(null), [Q, ne] = r.useState(!1), v = W ?? Q, k = K ?? ne, [I, P] = r.useState(() => B(t ?? /* @__PURE__ */ new Date())), [Y, X] = r.useState(() => ({
     left: 0,
     top: 0
-  })), H = typeof window > "u" ? r.useEffect : r.useLayoutEffect;
+  }));
   r.useEffect(() => {
-    x && I(W(t ?? /* @__PURE__ */ new Date()));
-  }, [x, t]), r.useEffect(() => {
-    if (!x) return;
-    const d = (o) => {
-      const a = o.target;
-      a instanceof Node && (C.current?.contains(a) || Y.current?.contains(a) || k(!1));
-    }, w = (o) => {
-      o.key === "Escape" && k(!1);
+    v && P(B(t ?? /* @__PURE__ */ new Date()));
+  }, [v, t]), r.useEffect(() => {
+    if (!v) return;
+    const f = (g) => {
+      const a = g.target;
+      a instanceof Node && (C.current?.contains(a) || S.current?.contains(a) || k(!1));
+    }, b = (g) => {
+      g.key === "Escape" && k(!1);
     };
-    return document.addEventListener("pointerdown", d, !0), document.addEventListener("keydown", w, !0), () => {
-      document.removeEventListener("pointerdown", d, !0), document.removeEventListener("keydown", w, !0);
+    return document.addEventListener("pointerdown", f, !0), document.addEventListener("keydown", b, !0), () => {
+      document.removeEventListener("pointerdown", f, !0), document.removeEventListener("keydown", b, !0);
     };
-  }, [x]), r.useEffect(() => {
-    if (!x || typeof window > "u" || !("IntersectionObserver" in window))
+  }, [v]), r.useEffect(() => {
+    if (!v || typeof window > "u" || !("IntersectionObserver" in window))
       return;
-    const d = C.current;
-    if (!d)
+    const f = C.current;
+    if (!f)
       return;
-    let w = !0;
-    const o = new IntersectionObserver((a) => {
-      if (!w)
+    let b = !0;
+    const g = new IntersectionObserver((a) => {
+      if (!b)
         return;
-      const b = a[0];
-      b && !b.isIntersecting && k(!1);
+      const l = a[0];
+      l && !l.isIntersecting && k(!1);
     });
-    return o.observe(d), () => {
-      w = !1, o.disconnect();
+    return g.observe(f), () => {
+      b = !1, g.disconnect();
     };
-  }, [x]);
-  const $ = G ?? ce, E = r.useCallback(() => {
+  }, [v]);
+  const $ = q ?? ue, E = r.useCallback(() => {
     if (typeof window > "u") return;
-    const d = C.current, w = Y.current;
-    if (!d || !w) return;
-    const o = d.getBoundingClientRect(), a = w.offsetWidth, b = w.offsetHeight, N = window.innerWidth ?? 0, g = window.innerHeight ?? 0, m = 8;
-    let P = o.left;
-    P + a > N - m && (P = Math.max(m, N - a - m)), P < m && (P = m);
-    let M = o.bottom + m;
-    const oe = M + b > g - m, te = o.top - b - m;
-    oe && te >= m && (M = te), M < m && (M = m), M + b > g - m && (M = Math.max(m, g - b - m)), Z({ left: P, top: M });
+    const f = C.current, b = S.current;
+    if (!f || !b) return;
+    const g = f.getBoundingClientRect(), a = b.offsetWidth, l = b.offsetHeight, M = window.innerWidth ?? 0, x = window.innerHeight ?? 0, i = 8;
+    let z = g.left;
+    z + a > M - i && (z = Math.max(i, M - a - i)), z < i && (z = i);
+    let N = g.bottom + i;
+    const ee = N + l > x - i, te = g.top - l - i;
+    ee && te >= i && (N = te), N < i && (N = i), N + l > x - i && (N = Math.max(i, x - l - i)), X({ left: z, top: N });
   }, []);
-  H(() => {
-    if (!x || p || typeof window > "u") return;
+  r.useLayoutEffect(() => {
+    if (!v || m || typeof window > "u") return;
     E();
-    const d = window.requestAnimationFrame(E);
+    const f = window.requestAnimationFrame(E);
     return window.addEventListener("scroll", E, !0), window.addEventListener("resize", E), () => {
-      window.cancelAnimationFrame(d), window.removeEventListener("scroll", E, !0), window.removeEventListener("resize", E);
+      window.cancelAnimationFrame(f), window.removeEventListener("scroll", E, !0), window.removeEventListener("resize", E);
     };
-  }, [p, x, E]);
-  const B = r.useCallback(
-    (d) => {
-      c && c(d), f(d);
+  }, [m, v, E]);
+  const O = r.useCallback(
+    (f) => {
+      c && c(f), d(f);
     },
-    [f, c]
+    [d, c]
   );
-  return /* @__PURE__ */ l.jsxs("div", { ref: C, "data-slot": "day-picker-input", className: ee("relative group", D), children: [
-    /* @__PURE__ */ l.jsxs(
+  return /* @__PURE__ */ p.jsxs("div", { ref: C, "data-slot": "day-picker-input", className: V("relative group", D), children: [
+    /* @__PURE__ */ p.jsxs(
       "button",
       {
         id: u,
         type: "button",
-        disabled: p,
-        "data-testid": S,
-        "data-hydrated": Q ? "true" : void 0,
+        disabled: m,
+        "data-testid": T,
+        "data-hydrated": J ? "true" : void 0,
         "data-slot": "day-picker-input-input",
-        className: ee(
+        className: V(
           "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",
-          x && "ring-2 ring-primary ring-offset-2",
-          v
+          v && "ring-2 ring-primary ring-offset-2",
+          h
         ),
         onClick: () => {
-          p || k(!x);
+          m || k(!v);
         },
         children: [
-          /* @__PURE__ */ l.jsx(
-            le,
+          /* @__PURE__ */ p.jsx(
+            de,
             {
               "aria-hidden": !0,
               className: "mr-2 size-4 text-muted-foreground transition-colors group-hover:text-accent-foreground"
             }
           ),
-          t ? T(t) : j
+          t ? F(t) : j
         ]
       }
     ),
-    x && !p && (() => {
-      const d = /* @__PURE__ */ l.jsx(pe, { children: /* @__PURE__ */ l.jsx(
+    v && !m && (() => {
+      const f = /* @__PURE__ */ p.jsx(le, { children: /* @__PURE__ */ p.jsx(
         "div",
         {
-          ref: Y,
+          ref: S,
           "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: O.left, top: O.top },
-          children: /* @__PURE__ */ l.jsx(
+          style: { left: Y.left, top: Y.top },
+          children: /* @__PURE__ */ p.jsx(
             $,
             {
               mode: "single",
-              month: L,
-              onMonthChange: I,
+              month: I,
+              onMonthChange: P,
               selected: t ?? void 0,
-              onSelect: (w) => {
-                if (!w) {
-                  B(null), k(!1);
+              onSelect: (b) => {
+                if (!b) {
+                  O(null), k(!1);
                   return;
                 }
-                const o = R(w);
-                (!t || o.getTime() !== R(t).getTime()) && B(o), k(!1);
+                const g = R(b);
+                (!t || g.getTime() !== R(t).getTime()) && O(g), k(!1);
               },
-              ...J
+              ...G
             }
           )
         }
       ) });
-      return typeof document > "u" ? d : me(d, document.body);
+      return typeof document > "u" ? f : pe(f, document.body);
     })()
   ] });
 }
-function ze(u) {
-  if (Ee())
-    return /* @__PURE__ */ l.jsx(Me, { ...u });
+function Oe(u) {
+  if (ke())
+    return /* @__PURE__ */ p.jsx(Pe, { ...u });
   const {
-    id: f,
+    id: d,
     value: c,
     onChange: D,
-    onValueUpdate: v,
+    onValueUpdate: h,
     className: j,
-    inputClassName: p,
-    placeholder: K = "DD/MM/YYYY",
-    disabled: q,
-    readOnly: G,
-    dayPickerComponent: J,
-    dayPickerProps: S,
-    triggerTestId: Q,
+    inputClassName: m,
+    placeholder: W = "DD/MM/YYYY",
+    disabled: K,
+    readOnly: q,
+    dayPickerComponent: G,
+    dayPickerProps: T,
+    triggerTestId: J,
     isHydrated: C,
-    open: Y,
-    onOpenChange: X
+    open: S,
+    onOpenChange: Q
   } = u;
-  return /* @__PURE__ */ l.jsx(
-    ge,
+  return /* @__PURE__ */ p.jsx(
+    me,
     {
-      id: f,
+      id: d,
       value: c,
       onChange: D,
-      onValueUpdate: v,
+      onValueUpdate: h,
       className: j,
-      inputClassName: p,
-      placeholder: K,
-      disabled: q,
-      readOnly: G,
-      open: Y,
-      onOpenChange: X,
-      dayPickerComponent: J,
-      dayPickerProps: S,
-      "data-testid": Q,
+      inputClassName: m,
+      placeholder: W,
+      disabled: K,
+      readOnly: q,
+      open: S,
+      onOpenChange: Q,
+      dayPickerComponent: G,
+      dayPickerProps: T,
+      "data-testid": J,
       "data-hydrated": C ? "true" : void 0
     }
   );
 }
 export {
-  ce as DayPicker,
-  ze as DayPickerField,
-  ge as DayPickerInput
+  ue as DayPicker,
+  Oe as DayPickerField,
+  me as DayPickerInput
 };
 //# sourceMappingURL=index11.js.map