@rpcbase/ui 0.181.0 → 0.183.0

package/dist/index12.js

@@ -1,130 +1,555 @@
-import { j as a } from "./index28.js";
-import * as d from "react";
-import * as o from "@radix-ui/react-dialog";
-import { XIcon as c } from "lucide-react";
-import { cn as s } from "./index2.js";
-function j({
-  ...t
+import { j as p } from "./index29.js";
+import { ChevronLeft as we, ChevronRight as he, CalendarDays as de } from "lucide-react";
+import * as r from "react";
+import { DismissableLayerBranch as le } from "./index30.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 "./index31.js";
+import { dateMatchModifiers as Ne } from "./index32.js";
+const fe = xe;
+typeof fe.InputMask != "function" && (fe.InputMask = De);
+function ue({
+  className: u,
+  classNames: t,
+  components: d,
+  showOutsideDays: c = !0,
+  ...D
 }) {
-  return /* @__PURE__ */ a.jsx(o.Root, { "data-slot": "dialog", ...t });
+  return /* @__PURE__ */ p.jsx(
+    Ee,
+    {
+      weekStartsOn: 1,
+      showOutsideDays: c,
+      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",
+        month_caption: "flex justify-center pt-1 relative items-center",
+        month_grid: "w-full border-collapse space-y-1",
+        caption_label: "text-sm font-medium",
+        nav: "flex items-center justify-between absolute inset-x-0 z-10",
+        button_previous: "inline-flex h-7 w-7 items-center justify-center rounded-md border border-input bg-transparent p-0 opacity-50 shadow-sm transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 z-10",
+        button_next: "inline-flex h-7 w-7 items-center justify-center rounded-md border border-input bg-transparent p-0 opacity-50 shadow-sm transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 z-10",
+        weeks: "w-full border-collapse",
+        weekdays: "flex",
+        weekday: "text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",
+        week: "flex w-full mt-2",
+        day: "h-9 w-9 p-0 font-normal aria-selected:opacity-100 rounded-md first:aria-selected:rounded-l-md last:aria-selected:rounded-r-md",
+        day_button: "inline-flex h-9 w-9 items-center justify-center rounded-md p-0 text-center text-sm font-normal transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        range_start: "day-range-start !bg-accent rounded-l-md [&>button]:bg-primary [&>button]:text-primary-foreground [&>button]:hover:bg-primary [&>button]:hover:text-primary-foreground",
+        range_end: "day-range-end !bg-accent rounded-r-md [&>button]:bg-primary [&>button]:text-primary-foreground [&>button]:hover:bg-primary [&>button]:hover:text-primary-foreground",
+        range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground !rounded-none",
+        day_selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
+        day_today: "bg-accent text-accent-foreground",
+        day_outside: "day-outside text-muted-foreground aria-selected:text-muted-foreground",
+        day_disabled: "text-muted-foreground opacity-50",
+        day_hidden: "invisible",
+        selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
+        today: "bg-gray-50 text-accent-foreground !rounded-md",
+        outside: "day-outside text-muted-foreground opacity-50 !aria-selected:bg-accent/50 !aria-selected:text-muted-foreground !aria-selected:opacity-30",
+        disabled: "text-muted-foreground opacity-50",
+        hidden: "invisible",
+        ...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" }),
+        ...d
+      },
+      ...D
+    }
+  );
 }
-function v({
-  ...t
-}) {
-  return /* @__PURE__ */ a.jsx(o.Trigger, { "data-slot": "dialog-trigger", ...t });
+ue.displayName = "DayPicker";
+function re(u) {
+  return String(u).padStart(2, "0");
 }
-function g({
-  ...t
-}) {
-  return /* @__PURE__ */ a.jsx(o.Portal, { "data-slot": "dialog-portal", ...t });
+function R(u) {
+  const t = new Date(u);
+  return t.setHours(0, 0, 0, 0), t;
 }
-function b({
-  ...t
-}) {
-  return /* @__PURE__ */ a.jsx(o.Close, { "data-slot": "dialog-close", ...t });
+function B(u) {
+  return R(new Date(u.getFullYear(), u.getMonth(), 1));
 }
-function f({
-  className: t,
-  ...e
-}) {
-  return /* @__PURE__ */ a.jsx(
-    o.Overlay,
-    {
-      "data-slot": "dialog-overlay",
-      className: s(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
-        t
-      ),
-      ...e
-    }
-  );
+function F(u) {
+  return `${re(u.getDate())}/${re(u.getMonth() + 1)}/${u.getFullYear()}`;
 }
-const u = d.forwardRef(({ className: t, children: e, showCloseButton: n = !0, showCloseButtonOutside: i = !1, ...l }, r) => /* @__PURE__ */ a.jsx(g, { "data-slot": "dialog-portal", children: /* @__PURE__ */ a.jsx(f, { children: /* @__PURE__ */ a.jsxs(
-  o.Content,
-  {
-    ref: r,
-    "data-slot": "dialog-content",
-    className: s(
-      "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
-      t
-    ),
-    ...l,
-    children: [
-      e,
-      n && /* @__PURE__ */ a.jsxs(
-        o.Close,
+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 se(u, t) {
+  const d = u.trim();
+  if (!d) return null;
+  const c = /^(\d{2})\/(\d{2})\/(\d{4})$/.exec(d);
+  if (c)
+    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) ? ie({ day: Number(D[1]), month: Number(D[2]), year: 2e3 + j }) : 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 me = r.forwardRef(
+  function({
+    value: t,
+    onChange: d,
+    onValueUpdate: c,
+    className: D,
+    inputClassName: h,
+    placeholder: j = "DD/MM/YYYY",
+    disabled: m,
+    readOnly: W,
+    open: K,
+    onOpenChange: q,
+    dayPickerComponent: G,
+    dayPickerProps: T,
+    onFocus: J,
+    onBlur: C,
+    onKeyDown: S,
+    onPointerDown: Q,
+    onMouseDown: ne,
+    ...v
+  }, k) {
+    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
+    })), oe = r.useCallback(
+      (e) => {
+        c && c(e);
+      },
+      [c]
+    ), Z = r.useCallback(
+      (e) => {
+        c && c(e), d(e);
+      },
+      [d, c]
+    );
+    r.useEffect(() => {
+      X.current || x(t ? F(t) : "");
+    }, [t]), r.useEffect(() => {
+      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 && (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", o, !0), () => {
+        document.removeEventListener("pointerdown", e, !0), document.removeEventListener("keydown", o, !0);
+      };
+    }, [a]), r.useEffect(() => {
+      if (!a || typeof window > "u" || !("IntersectionObserver" in window))
+        return;
+      const e = I.current;
+      if (!e)
+        return;
+      let o = !0;
+      const n = new IntersectionObserver((s) => {
+        if (!o)
+          return;
+        const y = s[0];
+        y && !y.isIntersecting && l(!1);
+      });
+      return n.observe(e), () => {
+        o = !1, n.disconnect();
+      };
+    }, [a]);
+    const ge = r.useCallback(
+      (e) => {
+        Y.current = e, typeof k == "function" ? k(e) : k && (k.current = e);
+      },
+      [k]
+    ), ce = () => l(!1), ye = G ?? ue, A = r.useCallback(() => {
+      if (typeof window > "u") return;
+      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 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);
+      };
+    }, [m, a, A]), /* @__PURE__ */ p.jsxs("div", { ref: I, "data-slot": "day-picker-input", className: V("relative group", D), children: [
+      /* @__PURE__ */ p.jsx(
+        ve,
         {
-          "data-slot": "dialog-close",
-          className: s(
-            "absolute ring-offset-background focus:ring-ring transition-opacity focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0",
-            i ? "-top-3 -right-3 z-[51] rounded-full border bg-background p-1 opacity-100 hover:bg-accent [&_svg]:size-5" : "top-4 right-4 rounded-xs opacity-70 hover:opacity-100 data-[state=open]:bg-accent data-[state=open]:text-muted-foreground [&_svg:not([class*='size-'])]:size-4"
+          ...v,
+          "data-slot": "day-picker-input-input",
+          disabled: m,
+          readOnly: W,
+          autoComplete: "off",
+          inputRef: ge,
+          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];
+          },
+          placeholder: j,
+          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",
+            h
           ),
-          children: [
-            /* @__PURE__ */ a.jsx(c, {}),
-            /* @__PURE__ */ a.jsx("span", { className: "sr-only", children: "Close" })
-          ]
+          onAccept: (e) => {
+            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 o = typeof e == "string" ? e : String(e ?? "");
+            if (f.current === o) {
+              f.current = null;
+              return;
+            }
+            const n = se(o, /* @__PURE__ */ new Date());
+            n && (t && n.getTime() === R(t).getTime() || oe(n));
+          },
+          onPointerDown: (e) => {
+            $.current = !0, E.current = typeof document < "u" && document.activeElement === e.currentTarget, Q?.(e);
+          },
+          onMouseDown: (e) => {
+            $.current = !0, E.current = typeof document < "u" && document.activeElement === e.currentTarget, ne?.(e);
+          },
+          onFocus: (e) => {
+            const o = !$.current || !E.current;
+            if ($.current = !1, E.current = !1, X.current = !0, J?.(e), o) {
+              const n = e.currentTarget;
+              requestAnimationFrame(() => n.select());
+            }
+            m || l(!0);
+          },
+          onKeyDown: (e) => {
+            const o = e.defaultPrevented;
+            if (S?.(e), !(!o && e.defaultPrevented)) {
+              if (e.key === "Enter") {
+                if (!i)
+                  return;
+                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) {
+                    if (s.disabled)
+                      return;
+                    s.focus();
+                  }
+                }
+                x(F(i)), Z(i), l(!1);
+                return;
+              }
+              if (e.key === "ArrowUp" || e.key === "ArrowDown") {
+                const n = i ?? t;
+                if (!n)
+                  return;
+                const s = R(new Date(n));
+                if (s.setDate(s.getDate() + (e.key === "ArrowUp" ? 1 : -1)), T?.disabled && Ne(s, T.disabled))
+                  return;
+                e.preventDefault();
+                const y = F(s);
+                f.current = y, x(y), oe(s);
+                return;
+              }
+              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) => {
+            X.current = !1, C?.(e);
+            const o = O.current;
+            if (O.current = !1, o)
+              return;
+            const n = e.relatedTarget;
+            if (n instanceof Node) {
+              const L = I.current;
+              if (!L || L.contains(n) || P.current?.contains(n))
+                return;
+            }
+            a && typeof window < "u" && requestAnimationFrame(() => {
+              const L = I.current;
+              if (!L)
+                return;
+              const _ = document.activeElement;
+              _ && (L.contains(_) || P.current?.contains(_)) || l(!1);
+            });
+            const s = M.trim();
+            if (s === "") {
+              t && (x(""), Z(null));
+              return;
+            }
+            const y = se(s, /* @__PURE__ */ new Date());
+            if (y) {
+              x(F(y)), (!t || y.getTime() !== R(t).getTime()) && Z(y);
+              return;
+            }
+            x(t ? F(t) : "");
+          }
+        }
+      ),
+      /* @__PURE__ */ p.jsx(
+        "button",
+        {
+          type: "button",
+          tabIndex: -1,
+          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(), !m && Y.current?.focus({ preventScroll: !0 });
+          },
+          onMouseDown: (e) => {
+            e.preventDefault(), !m && Y.current?.focus({ preventScroll: !0 });
+          },
+          onClick: () => {
+            m || (Y.current?.focus({ preventScroll: !0 }), l(!0));
+          },
+          children: /* @__PURE__ */ p.jsx(de, { "aria-hidden": !0, className: "size-4" })
         }
-      )
-    ]
+      ),
+      a && !m && (() => {
+        const e = M.trim() === "" ? void 0 : i ?? t ?? void 0, o = /* @__PURE__ */ p.jsx(le, { children: /* @__PURE__ */ p.jsx(
+          "div",
+          {
+            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: ee.left, top: ee.top },
+            onPointerDownCapture: () => {
+              O.current = !0;
+            },
+            onMouseDownCapture: () => {
+              O.current = !0;
+            },
+            children: /* @__PURE__ */ p.jsx(
+              ye,
+              {
+                mode: "single",
+                month: z,
+                onMonthChange: N,
+                selected: e,
+                onSelect: (n) => {
+                  if (!n) {
+                    t && Z(null), x(""), ce();
+                    return;
+                  }
+                  const s = R(n);
+                  (!t || s.getTime() !== R(t).getTime()) && Z(s), x(F(s)), ce();
+                },
+                ...T
+              }
+            )
+          }
+        ) });
+        return typeof document > "u" ? o : pe(o, document.body);
+      })()
+    ] });
   }
-) }) }));
-u.displayName = o.Content.displayName;
-function D({ className: t, ...e }) {
-  return /* @__PURE__ */ a.jsx(
-    "div",
-    {
-      "data-slot": "dialog-header",
-      className: s("flex flex-col gap-2 text-center sm:text-left", t),
-      ...e
-    }
-  );
-}
-function h({ className: t, ...e }) {
-  return /* @__PURE__ */ a.jsx(
-    "div",
-    {
-      "data-slot": "dialog-footer",
-      className: s("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", t),
-      ...e
-    }
-  );
-}
-function y({
-  className: t,
-  ...e
+);
+me.displayName = "DayPickerInput";
+function Pe({
+  id: u,
+  value: t,
+  onChange: d,
+  onValueUpdate: c,
+  className: D,
+  inputClassName: h,
+  placeholder: j = "DD/MM/YYYY",
+  disabled: m,
+  open: W,
+  onOpenChange: K,
+  dayPickerComponent: q,
+  dayPickerProps: G,
+  triggerTestId: T,
+  isHydrated: J
 }) {
-  return /* @__PURE__ */ a.jsx(
-    o.Title,
-    {
-      "data-slot": "dialog-title",
-      className: s("text-lg leading-none font-semibold", t),
-      ...e
-    }
+  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
+  }));
+  r.useEffect(() => {
+    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", f, !0), document.addEventListener("keydown", b, !0), () => {
+      document.removeEventListener("pointerdown", f, !0), document.removeEventListener("keydown", b, !0);
+    };
+  }, [v]), r.useEffect(() => {
+    if (!v || typeof window > "u" || !("IntersectionObserver" in window))
+      return;
+    const f = C.current;
+    if (!f)
+      return;
+    let b = !0;
+    const g = new IntersectionObserver((a) => {
+      if (!b)
+        return;
+      const l = a[0];
+      l && !l.isIntersecting && k(!1);
+    });
+    return g.observe(f), () => {
+      b = !1, g.disconnect();
+    };
+  }, [v]);
+  const $ = q ?? ue, E = r.useCallback(() => {
+    if (typeof window > "u") return;
+    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 });
+  }, []);
+  r.useLayoutEffect(() => {
+    if (!v || m || typeof window > "u") return;
+    E();
+    const f = window.requestAnimationFrame(E);
+    return window.addEventListener("scroll", E, !0), window.addEventListener("resize", E), () => {
+      window.cancelAnimationFrame(f), window.removeEventListener("scroll", E, !0), window.removeEventListener("resize", E);
+    };
+  }, [m, v, E]);
+  const O = r.useCallback(
+    (f) => {
+      c && c(f), d(f);
+    },
+    [d, c]
   );
+  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: m,
+        "data-testid": T,
+        "data-hydrated": J ? "true" : void 0,
+        "data-slot": "day-picker-input-input",
+        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",
+          v && "ring-2 ring-primary ring-offset-2",
+          h
+        ),
+        onClick: () => {
+          m || k(!v);
+        },
+        children: [
+          /* @__PURE__ */ p.jsx(
+            de,
+            {
+              "aria-hidden": !0,
+              className: "mr-2 size-4 text-muted-foreground transition-colors group-hover:text-accent-foreground"
+            }
+          ),
+          t ? F(t) : j
+        ]
+      }
+    ),
+    v && !m && (() => {
+      const f = /* @__PURE__ */ p.jsx(le, { children: /* @__PURE__ */ p.jsx(
+        "div",
+        {
+          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: Y.left, top: Y.top },
+          children: /* @__PURE__ */ p.jsx(
+            $,
+            {
+              mode: "single",
+              month: I,
+              onMonthChange: P,
+              selected: t ?? void 0,
+              onSelect: (b) => {
+                if (!b) {
+                  O(null), k(!1);
+                  return;
+                }
+                const g = R(b);
+                (!t || g.getTime() !== R(t).getTime()) && O(g), k(!1);
+              },
+              ...G
+            }
+          )
+        }
+      ) });
+      return typeof document > "u" ? f : pe(f, document.body);
+    })()
+  ] });
 }
-function N({
-  className: t,
-  ...e
-}) {
-  return /* @__PURE__ */ a.jsx(
-    o.Description,
+function Oe(u) {
+  if (ke())
+    return /* @__PURE__ */ p.jsx(Pe, { ...u });
+  const {
+    id: d,
+    value: c,
+    onChange: D,
+    onValueUpdate: h,
+    className: j,
+    inputClassName: m,
+    placeholder: W = "DD/MM/YYYY",
+    disabled: K,
+    readOnly: q,
+    dayPickerComponent: G,
+    dayPickerProps: T,
+    triggerTestId: J,
+    isHydrated: C,
+    open: S,
+    onOpenChange: Q
+  } = u;
+  return /* @__PURE__ */ p.jsx(
+    me,
     {
-      "data-slot": "dialog-description",
-      className: s("text-muted-foreground text-sm", t),
-      ...e
+      id: d,
+      value: c,
+      onChange: D,
+      onValueUpdate: h,
+      className: j,
+      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 {
-  j as Dialog,
-  b as DialogClose,
-  u as DialogContent,
-  N as DialogDescription,
-  h as DialogFooter,
-  D as DialogHeader,
-  f as DialogOverlay,
-  g as DialogPortal,
-  y as DialogTitle,
-  v as DialogTrigger
+  ue as DayPicker,
+  Oe as DayPickerField,
+  me as DayPickerInput
 };
 //# sourceMappingURL=index12.js.map