@rpcbase/ui 0.160.0 → 0.161.0

package/dist/index11.js

@@ -1,8 +1,8 @@
-import { j as d } from "./index28.js";
-import { ChevronLeft as le, ChevronRight as pe, CalendarDays as se } from "lucide-react";
+import { j as l } from "./index28.js";
+import { ChevronLeft as we, ChevronRight as be, CalendarDays as fe } from "lucide-react";
 import * as r from "react";
-import { DismissableLayerBranch as ue } from "./index29.js";
-import { createPortal as ce } from "react-dom";
+import { DismissableLayerBranch as de } from "./index29.js";
+import { createPortal as le } from "react-dom";
 import "./index30.js";
 import "./index31.js";
 import "./index32.js";
@@ -11,24 +11,24 @@ import "./index34.js";
 import "./index35.js";
 import "./index36.js";
 import "./index37.js";
-import me from "./index38.js";
+import ve from "./index38.js";
 import "./index39.js";
-import { useIsTouchDevice as ge } from "./index4.js";
-import { cn as J } from "./index2.js";
-import { DayPicker as ye } from "./index40.js";
-function te({
-  className: i,
+import { useIsTouchDevice as he } from "./index4.js";
+import { cn as V } from "./index2.js";
+import { DayPicker as xe } from "./index40.js";
+function se({
+  className: s,
   classNames: t,
-  components: c,
-  showOutsideDays: f = !0,
-  ...w
+  components: a,
+  showOutsideDays: u = !0,
+  ...h
 }) {
-  return /* @__PURE__ */ d.jsx(
-    ye,
+  return /* @__PURE__ */ l.jsx(
+    xe,
     {
       weekStartsOn: 1,
-      showOutsideDays: f,
-      className: J("p-3", i),
+      showOutsideDays: u,
+      className: V("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",
@@ -60,425 +60,468 @@ function te({
         ...t
       },
       components: {
-        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
+        Chevron: (b) => b.orientation === "left" ? /* @__PURE__ */ l.jsx(we, { ...b, className: "h-4 w-4" }) : /* @__PURE__ */ l.jsx(be, { ...b, className: "h-4 w-4" }),
+        ...a
       },
-      ...w
+      ...h
     }
   );
 }
-te.displayName = "DayPicker";
-function oe(i) {
-  return String(i).padStart(2, "0");
+se.displayName = "DayPicker";
+function ae(s) {
+  return String(s).padStart(2, "0");
 }
-function P(i) {
-  const t = new Date(i);
+function R(s) {
+  const t = new Date(s);
   return t.setHours(0, 0, 0, 0), t;
 }
-function G(i) {
-  return P(new Date(i.getFullYear(), i.getMonth(), 1));
+function H(s) {
+  return R(new Date(s.getFullYear(), s.getMonth(), 1));
 }
-function T(i) {
-  return `${oe(i.getDate())}/${oe(i.getMonth() + 1)}/${i.getFullYear()}`;
+function A(s) {
+  return `${ae(s.getDate())}/${ae(s.getMonth() + 1)}/${s.getFullYear()}`;
 }
-function ee({ day: i, month: t, year: c }) {
-  if (!Number.isFinite(i) || !Number.isFinite(t) || !Number.isFinite(c)) return null;
-  const f = new Date(c, t - 1, i);
-  return f.getFullYear() !== c || f.getMonth() !== t - 1 || f.getDate() !== i ? null : P(f);
+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);
 }
-function ie(i, t) {
-  const c = i.trim();
-  if (!c) return 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;
+function ie(s, t) {
+  const a = s.trim();
+  if (!a) return null;
+  const u = /^(\d{2})\/(\d{2})\/(\d{4})$/.exec(a);
+  if (u)
+    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 y = /^(\d{2})\/(\d{2})$/.exec(c);
-  return y ? ee({ day: Number(y[1]), month: Number(y[2]), year: t.getFullYear() }) : null;
+  const b = /^(\d{2})\/(\d{2})$/.exec(a);
+  return b ? oe({ day: Number(b[1]), month: Number(b[2]), year: t.getFullYear() }) : null;
 }
-const ae = r.forwardRef(
+const pe = r.forwardRef(
   function({
     value: t,
-    onChange: c,
-    className: f,
-    inputClassName: w,
-    placeholder: y = "DD/MM/YYYY",
-    disabled: a,
-    readOnly: C,
-    open: _,
-    onOpenChange: A,
-    dayPickerComponent: H,
-    dayPickerProps: W,
-    onFocus: B,
+    onChange: a,
+    onValueUpdate: u,
+    className: h,
+    inputClassName: b,
+    placeholder: P = "DD/MM/YYYY",
+    disabled: p,
+    readOnly: W,
+    open: B,
+    onOpenChange: $,
+    dayPickerComponent: q,
+    dayPickerProps: K,
+    onFocus: G,
     onBlur: N,
-    onKeyDown: j,
-    onPointerDown: $,
-    onMouseDown: X,
-    ...b
-  }, v) {
-    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(() => ({
+    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(() => ({
       left: 0,
       top: 0
-    })), E = typeof window > "u" ? r.useEffect : r.useLayoutEffect;
+    })), ne = typeof window > "u" ? r.useEffect : r.useLayoutEffect, Z = r.useCallback(
+      (e) => {
+        if (u) {
+          u(e);
+          return;
+        }
+        a(e);
+      },
+      [a, u]
+    ), te = r.useCallback(
+      (e) => {
+        u && u(e), a(e);
+      },
+      [a, u]
+    );
     r.useEffect(() => {
-      q.current || m(t ? T(t) : "");
+      Q.current || g(t ? A(t) : "");
     }, [t]), r.useEffect(() => {
-      s && R(G(t ?? /* @__PURE__ */ new Date()));
-    }, [s, t]), r.useEffect(() => {
-      if (!s) return;
+      o && f(H(t ?? /* @__PURE__ */ new Date()));
+    }, [o, t]), r.useEffect(() => {
+      o && T && f(H(T));
+    }, [T, o]), r.useEffect(() => {
+      if (!o) return;
       const e = (n) => {
-        const x = n.target;
-        x instanceof Node && (L.current?.contains(x) || I.current?.contains(x) || u(!1));
-      }, o = (n) => {
-        n.key === "Escape" && u(!1);
+        const y = n.target;
+        y instanceof Node && (j.current?.contains(y) || L.current?.contains(y) || c(!1));
+      }, i = (n) => {
+        n.key === "Escape" && c(!1);
       };
-      return document.addEventListener("pointerdown", e, !0), document.addEventListener("keydown", o, !0), () => {
-        document.removeEventListener("pointerdown", e, !0), document.removeEventListener("keydown", o, !0);
+      return document.addEventListener("pointerdown", e, !0), document.addEventListener("keydown", i, !0), () => {
+        document.removeEventListener("pointerdown", e, !0), document.removeEventListener("keydown", i, !0);
       };
-    }, [s]), r.useEffect(() => {
-      if (!s || typeof window > "u" || !("IntersectionObserver" in window))
+    }, [o]), r.useEffect(() => {
+      if (!o || typeof window > "u" || !("IntersectionObserver" in window))
         return;
-      const e = L.current;
+      const e = j.current;
       if (!e)
         return;
-      let o = !0;
-      const n = new IntersectionObserver((x) => {
-        if (!o)
+      let i = !0;
+      const n = new IntersectionObserver((y) => {
+        if (!i)
           return;
-        const D = x[0];
-        D && !D.isIntersecting && u(!1);
+        const k = y[0];
+        k && !k.isIntersecting && c(!1);
       });
       return n.observe(e), () => {
-        o = !1, n.disconnect();
+        i = !1, n.disconnect();
       };
-    }, [s]);
-    const Z = r.useCallback(
+    }, [o]);
+    const me = r.useCallback(
       (e) => {
-        M.current = e, typeof v == "function" ? v(e) : v && (v.current = e);
+        F.current = e, typeof x == "function" ? x(e) : x && (x.current = e);
       },
-      [v]
-    ), K = () => u(!1), de = H ?? te, O = r.useCallback(() => {
+      [x]
+    ), ue = () => c(!1), ge = q ?? se, S = r.useCallback(() => {
       if (typeof window > "u") return;
-      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;
+      const e = j.current, i = L.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 + x > re - g && (U = Math.max(g, re - x - g)), U < g && (U = g);
-      let S = n.bottom + g;
-      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 });
+      U + y > I - w && (U = Math.max(w, I - y - w)), U < w && (U = 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 });
     }, []);
-    return E(() => {
-      if (!s || a || typeof window > "u") return;
-      O();
-      const e = window.requestAnimationFrame(O);
-      return window.addEventListener("scroll", O, !0), window.addEventListener("resize", O), () => {
-        window.cancelAnimationFrame(e), window.removeEventListener("scroll", O, !0), window.removeEventListener("resize", O);
+    return ne(() => {
+      if (!o || p || 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);
       };
-    }, [a, s, O]), /* @__PURE__ */ d.jsxs("div", { ref: L, "data-slot": "day-picker-input", className: J("relative group", f), children: [
-      /* @__PURE__ */ d.jsx(
-        me,
+    }, [p, o, S]), /* @__PURE__ */ l.jsxs("div", { ref: j, "data-slot": "day-picker-input", className: V("relative group", h), children: [
+      /* @__PURE__ */ l.jsx(
+        ve,
         {
-          ...b,
+          ...v,
           "data-slot": "day-picker-input-input",
-          disabled: a,
-          readOnly: C,
-          inputRef: Z,
+          disabled: p,
+          readOnly: W,
+          inputRef: me,
           mask: [
             { mask: "00/00", lazy: !0 },
             { mask: "00/00/00", lazy: !0 },
             { mask: "00/00/0000", lazy: !0 }
           ],
-          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];
+          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];
           },
-          placeholder: y,
-          value: h,
-          className: J(
+          placeholder: P,
+          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",
-            w
+            b
           ),
           onAccept: (e) => {
-            const o = typeof e == "string" ? e : String(e ?? "");
-            m(o), o.replace(/\D/g, "").length === 0 && (s && R(G(/* @__PURE__ */ new Date())), t && c(null));
+            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));
           },
           onComplete: (e) => {
-            const o = typeof e == "string" ? e : String(e ?? ""), n = ie(o, /* @__PURE__ */ new Date());
-            n && (t && n.getTime() === P(t).getTime() || c(n));
+            const i = typeof e == "string" ? e : String(e ?? ""), n = ie(i, /* @__PURE__ */ new Date());
+            n && (t && n.getTime() === R(t).getTime() || Z(n));
           },
           onPointerDown: (e) => {
-            Y.current = !0, z.current = typeof document < "u" && document.activeElement === e.currentTarget, $?.(e);
+            z.current = !0, _.current = typeof document < "u" && document.activeElement === e.currentTarget, J?.(e);
           },
           onMouseDown: (e) => {
-            Y.current = !0, z.current = typeof document < "u" && document.activeElement === e.currentTarget, X?.(e);
+            z.current = !0, _.current = typeof document < "u" && document.activeElement === e.currentTarget, re?.(e);
           },
           onFocus: (e) => {
-            const o = !Y.current || !z.current;
-            if (Y.current = !1, z.current = !1, q.current = !0, B?.(e), o) {
+            const i = !z.current || !_.current;
+            if (z.current = !1, _.current = !1, Q.current = !0, G?.(e), i) {
               const n = e.currentTarget;
               requestAnimationFrame(() => n.select());
             }
-            a || u(!0);
+            p || c(!0);
           },
           onKeyDown: (e) => {
-            j?.(e), e.key === "Tab" && !e.defaultPrevented && u(!1);
+            C?.(e), e.key === "Tab" && !e.defaultPrevented && c(!1);
           },
           onBlur: (e) => {
-            q.current = !1, N?.(e), s && typeof window < "u" && requestAnimationFrame(() => {
-              const x = L.current;
-              if (!x)
+            Q.current = !1, N?.(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))
                 return;
-              const D = document.activeElement;
-              D && (x.contains(D) || I.current?.contains(D)) || u(!1);
+            }
+            o && typeof window < "u" && requestAnimationFrame(() => {
+              const I = j.current;
+              if (!I)
+                return;
+              const O = document.activeElement;
+              O && (I.contains(O) || L.current?.contains(O)) || c(!1);
             });
-            const o = h.trim();
-            if (o === "") {
-              t && m(T(t));
+            const y = m.trim();
+            if (y === "") {
+              t && (g(""), te(null));
               return;
             }
-            const n = ie(o, /* @__PURE__ */ new Date());
-            if (n) {
-              m(T(n)), (!t || n.getTime() !== P(t).getTime()) && c(n);
+            const k = ie(y, /* @__PURE__ */ new Date());
+            if (k) {
+              g(A(k)), (!t || k.getTime() !== R(t).getTime()) && te(k);
               return;
             }
-            m(t ? T(t) : "");
+            g(t ? A(t) : "");
           }
         }
       ),
-      /* @__PURE__ */ d.jsx(
+      /* @__PURE__ */ l.jsx(
         "button",
         {
           type: "button",
           tabIndex: -1,
-          disabled: a,
+          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(), !a && M.current?.focus({ preventScroll: !0 });
+            e.preventDefault(), !p && F.current?.focus({ preventScroll: !0 });
           },
           onMouseDown: (e) => {
-            e.preventDefault(), !a && M.current?.focus({ preventScroll: !0 });
+            e.preventDefault(), !p && F.current?.focus({ preventScroll: !0 });
           },
           onClick: () => {
-            a || (M.current?.focus({ preventScroll: !0 }), u(!0));
+            p || (F.current?.focus({ preventScroll: !0 }), c(!0));
           },
-          children: /* @__PURE__ */ d.jsx(se, { "aria-hidden": !0, className: "size-4" })
+          children: /* @__PURE__ */ l.jsx(fe, { "aria-hidden": !0, className: "size-4" })
         }
       ),
-      s && !a && (() => {
-        const e = /* @__PURE__ */ d.jsx(ue, { children: /* @__PURE__ */ d.jsx(
+      o && !p && (() => {
+        const e = m.trim() === "" ? void 0 : T ?? t ?? void 0, i = /* @__PURE__ */ l.jsx(de, { children: /* @__PURE__ */ l.jsx(
           "div",
           {
-            ref: I,
+            ref: L,
             "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: l.left, top: l.top },
-            children: /* @__PURE__ */ d.jsx(
-              de,
+            style: { left: M.left, top: M.top },
+            onPointerDownCapture: () => {
+              D.current = !0;
+            },
+            onMouseDownCapture: () => {
+              D.current = !0;
+            },
+            children: /* @__PURE__ */ l.jsx(
+              ge,
               {
                 mode: "single",
-                month: Q,
-                onMonthChange: R,
-                selected: t ?? void 0,
-                onSelect: (o) => {
-                  if (!o) {
-                    c(null), m(""), K();
+                month: X,
+                onMonthChange: f,
+                selected: e,
+                onSelect: (n) => {
+                  if (!n) {
+                    t && te(null), g(""), ue();
                     return;
                   }
-                  const n = P(o);
-                  (!t || n.getTime() !== P(t).getTime()) && c(n), m(T(n)), K();
+                  const y = R(n);
+                  (!t || y.getTime() !== R(t).getTime()) && te(y), g(A(y)), ue();
                 },
-                ...W
+                ...K
               }
             )
           }
         ) });
-        return typeof document > "u" ? e : ce(e, document.body);
+        return typeof document > "u" ? i : le(i, document.body);
       })()
     ] });
   }
 );
-ae.displayName = "DayPickerInput";
-function be({
-  id: i,
+pe.displayName = "DayPickerInput";
+function De({
+  id: s,
   value: t,
-  onChange: c,
-  className: f,
-  inputClassName: w,
-  placeholder: y = "DD/MM/YYYY",
-  disabled: a,
-  open: C,
-  onOpenChange: _,
-  dayPickerComponent: A,
-  dayPickerProps: H,
-  triggerTestId: W,
-  isHydrated: B
+  onChange: a,
+  onValueUpdate: u,
+  className: h,
+  inputClassName: b,
+  placeholder: P = "DD/MM/YYYY",
+  disabled: p,
+  open: W,
+  onOpenChange: B,
+  dayPickerComponent: $,
+  dayPickerProps: q,
+  triggerTestId: K,
+  isHydrated: G
 }) {
-  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(() => ({
+  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(() => ({
     left: 0,
     top: 0
-  })), Y = typeof window > "u" ? r.useEffect : r.useLayoutEffect;
+  })), z = typeof window > "u" ? r.useEffect : r.useLayoutEffect;
   r.useEffect(() => {
-    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));
-    }, s = (u) => {
-      u.key === "Escape" && v(!1);
+    v && L(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));
+    }, o = (c) => {
+      c.key === "Escape" && x(!1);
     };
-    return document.addEventListener("pointerdown", p, !0), document.addEventListener("keydown", s, !0), () => {
-      document.removeEventListener("pointerdown", p, !0), document.removeEventListener("keydown", s, !0);
+    return document.addEventListener("pointerdown", d, !0), document.addEventListener("keydown", o, !0), () => {
+      document.removeEventListener("pointerdown", d, !0), document.removeEventListener("keydown", o, !0);
     };
-  }, [b]), r.useEffect(() => {
-    if (!b || typeof window > "u" || !("IntersectionObserver" in window))
+  }, [v]), r.useEffect(() => {
+    if (!v || typeof window > "u" || !("IntersectionObserver" in window))
       return;
-    const p = N.current;
-    if (!p)
+    const d = N.current;
+    if (!d)
       return;
-    let s = !0;
-    const u = new IntersectionObserver((h) => {
-      if (!s)
+    let o = !0;
+    const c = new IntersectionObserver((m) => {
+      if (!o)
         return;
-      const m = h[0];
-      m && !m.isIntersecting && v(!1);
+      const g = m[0];
+      g && !g.isIntersecting && x(!1);
     });
-    return u.observe(p), () => {
-      s = !1, u.disconnect();
+    return c.observe(d), () => {
+      o = !1, c.disconnect();
     };
-  }, [b]);
-  const z = A ?? te, k = r.useCallback(() => {
+  }, [v]);
+  const _ = $ ?? se, D = 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, l = 8;
-    let F = u.left;
-    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 });
+    const d = N.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 });
   }, []);
-  return Y(() => {
-    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);
+  z(() => {
+    if (!v || p || typeof window > "u") return;
+    D();
+    const d = window.requestAnimationFrame(D);
+    return window.addEventListener("scroll", D, !0), window.addEventListener("resize", D), () => {
+      window.cancelAnimationFrame(d), window.removeEventListener("scroll", D, !0), window.removeEventListener("resize", D);
     };
-  }, [a, b, k]), /* @__PURE__ */ d.jsxs("div", { ref: N, "data-slot": "day-picker-input", className: J("relative group", f), children: [
-    /* @__PURE__ */ d.jsxs(
+  }, [p, v, D]);
+  const ee = 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: [
+    /* @__PURE__ */ l.jsxs(
       "button",
       {
-        id: i,
+        id: s,
         type: "button",
-        disabled: a,
-        "data-testid": W,
-        "data-hydrated": B ? "true" : void 0,
+        disabled: p,
+        "data-testid": K,
+        "data-hydrated": G ? "true" : void 0,
         "data-slot": "day-picker-input-input",
-        className: J(
+        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",
-          b && "ring-2 ring-primary ring-offset-2",
-          w
+          v && "ring-2 ring-primary ring-offset-2",
+          b
         ),
         onClick: () => {
-          a || v(!b);
+          p || x(!v);
         },
         children: [
-          /* @__PURE__ */ d.jsx(
-            se,
+          /* @__PURE__ */ l.jsx(
+            fe,
             {
               "aria-hidden": !0,
               className: "mr-2 size-4 text-muted-foreground transition-colors group-hover:text-accent-foreground"
             }
           ),
-          t ? T(t) : y
+          t ? A(t) : P
         ]
       }
     ),
-    b && !a && (() => {
-      const p = /* @__PURE__ */ d.jsx(ue, { children: /* @__PURE__ */ d.jsx(
+    v && !p && (() => {
+      const d = /* @__PURE__ */ l.jsx(de, { children: /* @__PURE__ */ l.jsx(
         "div",
         {
-          ref: j,
+          ref: C,
           "data-slot": "day-picker-input-popover",
           className: "pointer-events-auto fixed z-[60] w-max rounded-md border bg-popover text-popover-foreground shadow-md",
-          style: { left: M.left, top: M.top },
-          children: /* @__PURE__ */ d.jsx(
-            z,
+          style: { left: F.left, top: F.top },
+          children: /* @__PURE__ */ l.jsx(
+            _,
             {
               mode: "single",
-              month: L,
-              onMonthChange: I,
+              month: j,
+              onMonthChange: L,
               selected: t ?? void 0,
-              onSelect: (s) => {
-                if (!s) {
-                  c(null), v(!1);
+              onSelect: (o) => {
+                if (!o) {
+                  ee(null), x(!1);
                   return;
                 }
-                const u = P(s);
-                (!t || u.getTime() !== P(t).getTime()) && c(u), v(!1);
+                const c = R(o);
+                (!t || c.getTime() !== R(t).getTime()) && ee(c), x(!1);
               },
-              ...H
+              ...q
             }
           )
         }
       ) });
-      return typeof document > "u" ? p : ce(p, document.body);
+      return typeof document > "u" ? d : le(d, document.body);
     })()
   ] });
 }
-function Te(i) {
-  if (ge())
-    return /* @__PURE__ */ d.jsx(be, { ...i });
+function Ae(s) {
+  if (he())
+    return /* @__PURE__ */ l.jsx(De, { ...s });
   const {
-    id: c,
-    value: f,
-    onChange: w,
-    className: y,
-    inputClassName: a,
-    placeholder: C = "DD/MM/YYYY",
-    disabled: _,
-    readOnly: A,
-    dayPickerComponent: H,
-    dayPickerProps: W,
-    triggerTestId: B,
+    id: a,
+    value: u,
+    onChange: h,
+    onValueUpdate: b,
+    className: P,
+    inputClassName: p,
+    placeholder: W = "DD/MM/YYYY",
+    disabled: B,
+    readOnly: $,
+    dayPickerComponent: q,
+    dayPickerProps: K,
+    triggerTestId: G,
     isHydrated: N,
-    open: j,
-    onOpenChange: $
-  } = i;
-  return /* @__PURE__ */ d.jsx(
-    ae,
+    open: C,
+    onOpenChange: J
+  } = s;
+  return /* @__PURE__ */ l.jsx(
+    pe,
     {
-      id: c,
-      value: f,
-      onChange: w,
-      className: y,
-      inputClassName: a,
-      placeholder: C,
-      disabled: _,
-      readOnly: A,
-      open: j,
-      onOpenChange: $,
-      dayPickerComponent: H,
-      dayPickerProps: W,
-      "data-testid": B,
+      id: a,
+      value: u,
+      onChange: h,
+      onValueUpdate: b,
+      className: P,
+      inputClassName: p,
+      placeholder: W,
+      disabled: B,
+      readOnly: $,
+      open: C,
+      onOpenChange: J,
+      dayPickerComponent: q,
+      dayPickerProps: K,
+      "data-testid": G,
       "data-hydrated": N ? "true" : void 0
     }
   );
 }
 export {
-  te as DayPicker,
-  Te as DayPickerField,
-  ae as DayPickerInput
+  se as DayPicker,
+  Ae as DayPickerField,
+  pe as DayPickerInput
 };
 //# sourceMappingURL=index11.js.map