@rpcbase/ui 0.173.0 → 0.174.0

package/dist/index11.js

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