@devalok/shilp-sutra 0.31.0 → 0.33.0

package/dist/_chunks/use-calendar.js

@@ -1,190 +1,189 @@
 "use client";
-import { jsxs as b, jsx as t } from "react/jsx-runtime";
-import * as g from "react";
-import { useState as Pe } from "react";
-import { format as D, startOfMonth as q, endOfMonth as ge, startOfWeek as Ce, endOfWeek as Ye, addDays as J, subMonths as me, addMonths as se, isSameMonth as xe, isSameDay as X, lastDayOfMonth as Re, isBefore as ee, startOfDay as B, isAfter as te, isWithinInterval as ye, setMonth as re, setYear as oe, endOfDay as _, startOfYear as Te, subDays as fe, setHours as G, setMinutes as ne, setSeconds as Me } from "date-fns";
-import { IconChevronLeft as He, IconChevronRight as Ae, IconCalendarEvent as ve, IconClock as De, IconCalendarClock as Oe } from "@tabler/icons-react";
-import { Icon as K } from "../ui/icon.js";
-import { cn as y } from "../ui/lib/utils.js";
-import { Popover as ae, PopoverTrigger as ce, PopoverContent as le } from "../ui/popover.js";
-const Ee = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], Q = g.forwardRef(
+import { jsxs as y, jsx as i } from "react/jsx-runtime";
+import * as w from "react";
+import { useState as ae } from "react";
+import { format as m, startOfMonth as k, endOfMonth as ie, startOfWeek as ce, endOfWeek as de, addDays as b, subMonths as z, addMonths as B, isSameMonth as Y, isSameDay as x, lastDayOfMonth as le, isBefore as N, startOfDay as G, isAfter as T, isWithinInterval as L, setYear as ue, setMonth as fe } from "date-fns";
+import { IconChevronLeft as me, IconChevronRight as pe } from "@tabler/icons-react";
+import { Icon as P } from "../ui/icon.js";
+import { cn as C } from "../ui/lib/utils.js";
+const be = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], he = w.forwardRef(
   function({
-    currentMonth: e,
-    selected: u,
-    rangeStart: c,
-    rangeEnd: i,
-    hoverDate: p,
-    onSelect: h,
-    onHover: f,
-    onMonthChange: x,
-    onHeaderClick: k,
-    disabledDates: S,
-    minDate: M,
-    maxDate: w,
-    hidePrevNav: R,
-    hideNextNav: v,
-    events: T,
-    className: C,
-    ...Y
-  }, m) {
-    const A = g.useRef(null), H = g.useMemo(() => {
-      const r = /* @__PURE__ */ new Map();
-      if (!T) return r;
-      for (const s of T) {
-        const a = D(s.date, "yyyy-MM-dd"), n = r.get(a) ?? [];
-        n.push(s), r.set(a, n);
+    currentMonth: c,
+    selected: d,
+    rangeStart: o,
+    rangeEnd: l,
+    hoverDate: f,
+    onSelect: v,
+    onHover: a,
+    onMonthChange: u,
+    onHeaderClick: R,
+    disabledDates: q,
+    minDate: j,
+    maxDate: A,
+    hidePrevNav: F,
+    hideNextNav: S,
+    events: g,
+    className: U,
+    ...$
+  }, J) {
+    const M = w.useRef(null), Q = w.useMemo(() => {
+      const e = /* @__PURE__ */ new Map();
+      if (!g) return e;
+      for (const n of g) {
+        const t = m(n.date, "yyyy-MM-dd"), s = e.get(t) ?? [];
+        s.push(n), e.set(t, s);
       }
-      return r;
-    }, [T]), O = q(e), P = ge(e), E = Ce(O), W = Ye(P), j = [];
-    let $ = E;
-    for (; $ <= W; )
-      j.push($), $ = J($, 1);
-    const I = (r) => !!(S?.(r) || M && ee(r, B(M)) || w && te(r, B(w))), F = (r) => {
-      if (c && i) {
-        const s = ee(c, i) ? c : i, a = te(i, c) ? i : c;
-        return ye(r, { start: s, end: a });
+      return e;
+    }, [g]), V = k(c), X = ie(c), Z = ce(V), _ = de(X), E = [];
+    let h = Z;
+    for (; h <= _; )
+      E.push(h), h = b(h, 1);
+    const I = (e) => !!(q?.(e) || j && N(e, G(j)) || A && T(e, G(A))), H = (e) => {
+      if (o && l) {
+        const n = N(o, l) ? o : l, t = T(l, o) ? l : o;
+        return L(e, { start: n, end: t });
       }
-      if (c && p) {
-        const s = ee(c, p) ? c : p, a = te(p, c) ? p : c;
-        return ye(r, { start: s, end: a });
+      if (o && f) {
+        const n = N(o, f) ? o : f, t = T(f, o) ? f : o;
+        return L(e, { start: n, end: t });
       }
       return !1;
-    }, z = (r) => !!(c && X(r, c) || i && X(r, i)), L = (r) => {
-      if (!A.current) return;
-      const s = D(r, "yyyy-MM-dd"), a = A.current.querySelector(
-        `[data-date="${s}"]`
+    }, ee = (e) => !!(o && x(e, o) || l && x(e, l)), te = (e) => {
+      if (!M.current) return;
+      const n = m(e, "yyyy-MM-dd"), t = M.current.querySelector(
+        `[data-date="${n}"]`
       );
-      a ? a.focus() : x(q(r));
-    }, V = (r) => {
-      const a = r.target.getAttribute("data-date");
-      if (!a) return;
-      const n = /* @__PURE__ */ new Date(a + "T00:00:00");
-      let o = null;
-      switch (r.key) {
+      t ? t.focus() : u(k(e));
+    }, se = (e) => {
+      const t = e.target.getAttribute("data-date");
+      if (!t) return;
+      const s = /* @__PURE__ */ new Date(t + "T00:00:00");
+      let r = null;
+      switch (e.key) {
         case "ArrowLeft":
-          o = J(n, -1);
+          r = b(s, -1);
           break;
         case "ArrowRight":
-          o = J(n, 1);
+          r = b(s, 1);
           break;
         case "ArrowUp":
-          o = J(n, -7);
+          r = b(s, -7);
           break;
         case "ArrowDown":
-          o = J(n, 7);
+          r = b(s, 7);
           break;
         case "Home":
-          o = q(n);
+          r = k(s);
           break;
         case "End":
-          o = Re(n);
+          r = le(s);
           break;
         case "Enter":
         case " ": {
-          r.preventDefault(), !I(n) && xe(n, e) && h(n);
+          e.preventDefault(), !I(s) && Y(s, c) && v(s);
           return;
         }
         default:
           return;
       }
-      o && (r.preventDefault(), L(o));
+      r && (e.preventDefault(), te(r));
     };
-    return /* @__PURE__ */ b("div", { ref: m, ...Y, className: y("w-[252px]", C), children: [
-      /* @__PURE__ */ b("div", { className: "flex items-center justify-between px-ds-02 pb-ds-04", children: [
-        R ? /* @__PURE__ */ t("span", { className: "h-ds-xs-plus w-ds-xs-plus" }) : /* @__PURE__ */ t(
+    return /* @__PURE__ */ y("div", { ref: J, ...$, className: C("w-[252px]", U), children: [
+      /* @__PURE__ */ y("div", { className: "flex items-center justify-between px-ds-02 pb-ds-04", children: [
+        F ? /* @__PURE__ */ i("span", { className: "h-ds-xs-plus w-ds-xs-plus" }) : /* @__PURE__ */ i(
           "button",
           {
             type: "button",
-            onClick: () => x(me(e, 1)),
+            onClick: () => u(z(c, 1)),
             className: "inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md text-surface-fg-subtle transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised-hover hover:text-surface-fg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9",
             "aria-label": "Previous month",
-            children: /* @__PURE__ */ t(K, { icon: He, size: "sm", stroke: "light" })
+            children: /* @__PURE__ */ i(P, { icon: me, size: "sm", stroke: "light" })
           }
         ),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ i(
           "button",
           {
             type: "button",
-            onClick: k,
-            className: y(
+            onClick: R,
+            className: C(
               "text-ds-md font-semibold text-surface-fg",
-              k && "cursor-pointer rounded-ds-md px-ds-02 transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised-hover"
+              R && "cursor-pointer rounded-ds-md px-ds-02 transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised-hover"
             ),
             "aria-label": "Switch to month/year view",
-            children: D(e, "MMMM yyyy")
+            children: m(c, "MMMM yyyy")
           }
         ),
-        v ? /* @__PURE__ */ t("span", { className: "h-ds-xs-plus w-ds-xs-plus" }) : /* @__PURE__ */ t(
+        S ? /* @__PURE__ */ i("span", { className: "h-ds-xs-plus w-ds-xs-plus" }) : /* @__PURE__ */ i(
           "button",
           {
             type: "button",
-            onClick: () => x(se(e, 1)),
+            onClick: () => u(B(c, 1)),
             className: "inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md text-surface-fg-subtle transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised-hover hover:text-surface-fg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9",
             "aria-label": "Next month",
-            children: /* @__PURE__ */ t(K, { icon: Ae, size: "sm", stroke: "light" })
+            children: /* @__PURE__ */ i(P, { icon: pe, size: "sm", stroke: "light" })
           }
         )
       ] }),
-      /* @__PURE__ */ b(
+      /* @__PURE__ */ y(
         "div",
         {
-          ref: A,
+          ref: M,
           className: "grid grid-cols-7 gap-0",
           role: "grid",
           tabIndex: 0,
           "aria-label": "Calendar",
-          onKeyDown: V,
+          onKeyDown: se,
           children: [
-            Ee.map((r) => /* @__PURE__ */ t(
+            be.map((e) => /* @__PURE__ */ i(
               "div",
               {
                 role: "columnheader",
                 className: "flex h-ds-sm items-center justify-center text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle",
-                children: r
+                children: e
               },
-              r
+              e
             )),
-            j.map((r, s) => {
-              const a = xe(r, e), n = I(r), o = u && X(r, u), l = F(r), N = z(r), ue = X(r, /* @__PURE__ */ new Date()), be = D(r, "yyyy-MM-dd"), pe = H.get(be) ?? [];
-              return /* @__PURE__ */ b(
+            E.map((e, n) => {
+              const t = Y(e, c), s = I(e), r = d && x(e, d), O = H(e), p = ee(e), oe = x(e, /* @__PURE__ */ new Date()), W = m(e, "yyyy-MM-dd"), K = Q.get(W) ?? [];
+              return /* @__PURE__ */ y(
                 "button",
                 {
                   type: "button",
                   role: "gridcell",
-                  "data-date": be,
-                  tabIndex: a && !n ? 0 : -1,
-                  disabled: !a || n,
+                  "data-date": W,
+                  tabIndex: t && !s ? 0 : -1,
+                  disabled: !t || s,
                   onClick: () => {
-                    a && !n && h(r);
+                    t && !s && v(e);
                   },
-                  onMouseEnter: () => f?.(r),
-                  onMouseLeave: () => f?.(null),
-                  "aria-label": D(r, "EEEE, MMMM d, yyyy"),
-                  "aria-selected": o || N || void 0,
-                  "aria-disabled": !a || n || void 0,
-                  className: y(
+                  onMouseEnter: () => a?.(e),
+                  onMouseLeave: () => a?.(null),
+                  "aria-label": m(e, "EEEE, MMMM d, yyyy"),
+                  "aria-selected": r || p || void 0,
+                  "aria-disabled": !t || s || void 0,
+                  className: C(
                     "relative flex h-ds-sm w-ds-sm-plus items-center justify-center rounded-ds-md text-ds-md font-body transition-colors duration-fast-01 ease-productive-standard",
-                    !a && "pointer-events-none opacity-0",
-                    a && n && "opacity-action-disabled pointer-events-none cursor-not-allowed",
-                    a && !n && !o && !N && !l && "text-surface-fg hover:bg-surface-raised-hover",
-                    l && !N && "rounded-ds-none bg-surface-raised-hover text-surface-fg",
-                    (o || N) && "bg-accent-9 text-accent-fg hover:bg-accent-10",
-                    ue && !o && !N && !n && "font-semibold text-accent-11"
+                    !t && "pointer-events-none opacity-0",
+                    t && s && "opacity-action-disabled pointer-events-none cursor-not-allowed",
+                    t && !s && !r && !p && !O && "text-surface-fg hover:bg-surface-raised-hover",
+                    O && !p && "rounded-ds-none bg-surface-raised-hover text-surface-fg",
+                    (r || p) && "bg-accent-9 text-accent-fg hover:bg-accent-10",
+                    oe && !r && !p && !s && "font-semibold text-accent-11"
                   ),
                   children: [
-                    D(r, "d"),
-                    pe.length > 0 && /* @__PURE__ */ t("span", { className: "flex gap-px justify-center absolute bottom-[2px] left-0 right-0", children: pe.slice(0, 3).map((ke, Se) => /* @__PURE__ */ t(
+                    m(e, "d"),
+                    K.length > 0 && /* @__PURE__ */ i("span", { className: "flex gap-px justify-center absolute bottom-[2px] left-0 right-0", children: K.slice(0, 3).map((re, ne) => /* @__PURE__ */ i(
                       "span",
                       {
                         "data-event-dot": !0,
                         className: "h-[4px] w-[4px] rounded-ds-full",
-                        style: { backgroundColor: ke.color ?? "var(--color-accent-9)" }
+                        style: { backgroundColor: re.color ?? "var(--color-accent-9)" }
                       },
-                      Se
+                      ne
                     )) })
                   ]
                 },
-                s
+                n
               );
             })
           ]
@@ -193,791 +192,19 @@ const Ee = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], Q = g.forwardRef(
     ] });
   }
 );
-Q.displayName = "CalendarGrid";
-const ie = g.forwardRef(
-  function({
-    currentYear: e,
-    selectedYear: u,
-    onYearSelect: c,
-    minDate: i,
-    maxDate: p,
-    className: h,
-    ...f
-  }, x) {
-    const k = Math.floor(e / 10) * 10, S = Array.from({ length: 12 }, (M, w) => k + w);
-    return /* @__PURE__ */ b("div", { ref: x, ...f, className: y("w-[252px]", h), children: [
-      /* @__PURE__ */ b("div", { className: "text-center pb-ds-04 text-ds-md font-semibold text-surface-fg", children: [
-        k,
-        " – ",
-        k + 11
-      ] }),
-      /* @__PURE__ */ t("div", { className: "grid grid-cols-3 gap-ds-02", children: S.map((M) => {
-        const w = M === u, R = i != null && M < i.getFullYear() || p != null && M > p.getFullYear();
-        return /* @__PURE__ */ t(
-          "button",
-          {
-            type: "button",
-            disabled: R || !1,
-            onClick: () => !R && c(M),
-            className: y(
-              "h-ds-sm-plus rounded-ds-md text-ds-md transition-colors",
-              R && "opacity-action-disabled pointer-events-none cursor-not-allowed",
-              w && "bg-accent-9 text-accent-fg",
-              !w && !R && "hover:bg-surface-raised-hover text-surface-fg"
-            ),
-            children: M
-          },
-          M
-        );
-      }) })
-    ] });
-  }
-);
-ie.displayName = "YearPicker";
-const $e = [
-  "Jan",
-  "Feb",
-  "Mar",
-  "Apr",
-  "May",
-  "Jun",
-  "Jul",
-  "Aug",
-  "Sep",
-  "Oct",
-  "Nov",
-  "Dec"
-], de = g.forwardRef(
-  function({
-    currentYear: e,
-    selectedMonth: u,
-    onMonthSelect: c,
-    minDate: i,
-    maxDate: p,
-    className: h,
-    ...f
-  }, x) {
-    return /* @__PURE__ */ b("div", { ref: x, ...f, className: y("w-[252px]", h), children: [
-      /* @__PURE__ */ t("div", { className: "text-center pb-ds-04 text-ds-md font-semibold text-surface-fg", children: e }),
-      /* @__PURE__ */ t("div", { className: "grid grid-cols-4 gap-ds-02", children: $e.map((k, S) => {
-        const M = S === u, w = i != null && (e < i.getFullYear() || e === i.getFullYear() && S < i.getMonth()) || p != null && (e > p.getFullYear() || e === p.getFullYear() && S > p.getMonth());
-        return /* @__PURE__ */ t(
-          "button",
-          {
-            type: "button",
-            disabled: w || !1,
-            onClick: () => !w && c(S),
-            className: y(
-              "h-ds-sm-plus rounded-ds-md text-ds-md transition-colors",
-              w && "opacity-action-disabled pointer-events-none cursor-not-allowed",
-              M && "bg-accent-9 text-accent-fg",
-              !M && !w && "hover:bg-surface-raised-hover text-surface-fg"
-            ),
-            children: k
-          },
-          k
-        );
-      }) })
-    ] });
-  }
-);
-de.displayName = "MonthPicker";
-const Ie = g.forwardRef(
-  function({
-    value: e,
-    onChange: u,
-    placeholder: c = "Pick a date",
-    className: i,
-    formatStr: p = "MMM d, yyyy",
-    minDate: h,
-    maxDate: f,
-    disabledDates: x,
-    ...k
-  }, S) {
-    const [M, w] = g.useState(!1), [R, v] = g.useState(
-      e ?? /* @__PURE__ */ new Date()
-    ), [T, C] = g.useState("days");
-    g.useEffect(() => {
-      M || C("days");
-    }, [M]);
-    const Y = (P) => {
-      u?.(P), w(!1);
-    }, m = () => {
-      C((P) => P === "days" ? "months" : "years");
-    }, A = (P) => {
-      v((E) => re(E, P)), C("days");
-    }, H = (P) => {
-      v((E) => oe(E, P)), C("months");
-    }, O = () => {
-      switch (T) {
-        case "years":
-          return /* @__PURE__ */ t(
-            ie,
-            {
-              currentYear: R.getFullYear(),
-              selectedYear: e?.getFullYear(),
-              onYearSelect: H,
-              minDate: h,
-              maxDate: f
-            }
-          );
-        case "months":
-          return /* @__PURE__ */ t(
-            de,
-            {
-              currentYear: R.getFullYear(),
-              selectedMonth: e?.getMonth(),
-              onMonthSelect: A,
-              minDate: h,
-              maxDate: f
-            }
-          );
-        default:
-          return /* @__PURE__ */ t(
-            Q,
-            {
-              currentMonth: R,
-              selected: e,
-              onSelect: Y,
-              onMonthChange: v,
-              onHeaderClick: m,
-              disabledDates: x,
-              minDate: h,
-              maxDate: f
-            }
-          );
-      }
-    };
-    return /* @__PURE__ */ b(ae, { open: M, onOpenChange: w, children: [
-      /* @__PURE__ */ t(ce, { asChild: !0, children: /* @__PURE__ */ b(
-        "button",
-        {
-          ref: S,
-          type: "button",
-          "aria-label": e ? `Change date, ${D(e, p)}` : c,
-          ...k,
-          className: y(
-            "inline-flex h-ds-sm-plus items-center gap-ds-03 rounded-ds-lg border border-surface-border-strong bg-surface-overlay px-ds-04 text-left transition-colors duration-fast-01 ease-productive-standard",
-            "hover:border-surface-border-strong",
-            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2",
-            i
-          ),
-          children: [
-            /* @__PURE__ */ t(K, { icon: ve, size: "sm", stroke: "light", className: "text-surface-fg-subtle" }),
-            /* @__PURE__ */ t(
-              "span",
-              {
-                className: y(
-                  "text-ds-md",
-                  e ? "text-surface-fg" : "text-surface-fg-subtle"
-                ),
-                children: e ? D(e, p) : c
-              }
-            )
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ t(
-        le,
-        {
-          className: "w-auto border-surface-border-strong bg-surface-overlay p-ds-04",
-          align: "start",
-          sideOffset: 4,
-          children: O()
-        }
-      )
-    ] });
-  }
-);
-Ie.displayName = "DatePicker";
-const je = {
-  today: {
-    label: "Today",
-    getRange: () => {
-      const d = /* @__PURE__ */ new Date();
-      return { start: B(d), end: _(d) };
-    }
-  },
-  yesterday: {
-    label: "Yesterday",
-    getRange: () => {
-      const d = fe(/* @__PURE__ */ new Date(), 1);
-      return { start: B(d), end: _(d) };
-    }
-  },
-  last7days: {
-    label: "Last 7 days",
-    getRange: () => {
-      const d = /* @__PURE__ */ new Date();
-      return { start: B(fe(d, 6)), end: _(d) };
-    }
-  },
-  last30days: {
-    label: "Last 30 days",
-    getRange: () => {
-      const d = /* @__PURE__ */ new Date();
-      return { start: B(fe(d, 29)), end: _(d) };
-    }
-  },
-  thisMonth: {
-    label: "This month",
-    getRange: () => {
-      const d = /* @__PURE__ */ new Date();
-      return { start: q(d), end: ge(d) };
-    }
-  },
-  lastMonth: {
-    label: "Last month",
-    getRange: () => {
-      const e = me(/* @__PURE__ */ new Date(), 1);
-      return { start: q(e), end: ge(e) };
-    }
-  },
-  thisYear: {
-    label: "This year",
-    getRange: () => {
-      const d = /* @__PURE__ */ new Date();
-      return { start: Te(d), end: _(d) };
-    }
-  }
-}, Ne = g.forwardRef(
-  function({ presets: e, onSelect: u, className: c, ...i }, p) {
-    return /* @__PURE__ */ t("div", { ref: p, ...i, className: y("flex flex-col gap-ds-01", c), children: e.map((h) => {
-      const f = je[h];
-      return f ? /* @__PURE__ */ t(
-        "button",
-        {
-          type: "button",
-          onClick: () => {
-            const { start: x, end: k } = f.getRange();
-            u(x, k);
-          },
-          className: y(
-            "h-ds-sm w-full rounded-ds-md px-ds-03 text-left text-ds-sm",
-            "text-surface-fg transition-colors",
-            "hover:bg-surface-raised-hover",
-            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9"
-          ),
-          children: f.label
-        },
-        h
-      ) : null;
-    }) });
-  }
-);
-Ne.displayName = "Presets";
-const ze = g.forwardRef(
-  function({
-    startDate: e,
-    endDate: u,
-    onChange: c,
-    placeholder: i = "Pick a date range",
-    className: p,
-    formatStr: h = "MMM d, yyyy",
-    minDate: f,
-    maxDate: x,
-    disabledDates: k,
-    presets: S,
-    numberOfMonths: M = 1,
-    ...w
-  }, R) {
-    const [v, T] = g.useState(!1), [C, Y] = g.useState(
-      e ?? /* @__PURE__ */ new Date()
-    ), [m, A] = g.useState(
-      e ?? null
-    ), [H, O] = g.useState(
-      u ?? null
-    ), [P, E] = g.useState(null), [W, j] = g.useState("days"), $ = Math.max(1, M);
-    g.useEffect(() => {
-      A(e ?? null), O(u ?? null);
-    }, [e, u]), g.useEffect(() => {
-      v || j("days");
-    }, [v]);
-    const I = (o) => {
-      if (!m || m && H)
-        A(o), O(null);
-      else {
-        const l = ee(o, m) ? o : m, N = te(o, m) ? o : m;
-        A(l), O(N), c?.({ start: l, end: N }), T(!1);
-      }
-    }, F = (o, l) => {
-      A(o), O(l), c?.({ start: o, end: l }), T(!1);
-    }, z = () => {
-      j((o) => o === "days" ? "months" : "years");
-    }, L = (o) => {
-      Y((l) => re(l, o)), j("days");
-    }, V = (o) => {
-      Y((l) => oe(l, o)), j("months");
-    }, r = () => m && H ? `${D(m, h)} - ${D(H, h)}` : i, s = () => $ === 1 ? /* @__PURE__ */ t(
-      Q,
-      {
-        currentMonth: C,
-        rangeStart: m,
-        rangeEnd: H,
-        hoverDate: P,
-        onSelect: I,
-        onHover: E,
-        onMonthChange: Y,
-        onHeaderClick: z,
-        disabledDates: k,
-        minDate: f,
-        maxDate: x
-      }
-    ) : /* @__PURE__ */ t("div", { className: "flex flex-row gap-ds-04", children: Array.from({ length: $ }, (o, l) => /* @__PURE__ */ t(
-      Q,
-      {
-        currentMonth: se(C, l),
-        rangeStart: m,
-        rangeEnd: H,
-        hoverDate: P,
-        onSelect: I,
-        onHover: E,
-        onMonthChange: (N) => {
-          Y(se(N, -l));
-        },
-        onHeaderClick: z,
-        disabledDates: k,
-        minDate: f,
-        maxDate: x,
-        hidePrevNav: l > 0,
-        hideNextNav: l < $ - 1
-      },
-      l
-    )) }), a = () => {
-      switch (W) {
-        case "years":
-          return /* @__PURE__ */ t(
-            ie,
-            {
-              currentYear: C.getFullYear(),
-              selectedYear: m?.getFullYear(),
-              onYearSelect: V,
-              minDate: f,
-              maxDate: x
-            }
-          );
-        case "months":
-          return /* @__PURE__ */ t(
-            de,
-            {
-              currentYear: C.getFullYear(),
-              selectedMonth: m?.getMonth(),
-              onMonthSelect: L,
-              minDate: f,
-              maxDate: x
-            }
-          );
-        default:
-          return s();
-      }
-    }, n = S && S.length > 0;
-    return /* @__PURE__ */ b(ae, { open: v, onOpenChange: T, children: [
-      /* @__PURE__ */ t(ce, { asChild: !0, children: /* @__PURE__ */ b(
-        "button",
-        {
-          ref: R,
-          type: "button",
-          "aria-label": m && H ? `Change date range, ${r()}` : i,
-          ...w,
-          className: y(
-            "inline-flex h-ds-sm-plus items-center gap-ds-03 rounded-ds-lg border border-surface-border-strong bg-surface-overlay px-ds-04 text-left transition-colors duration-fast-01 ease-productive-standard",
-            "hover:border-surface-border-strong",
-            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2",
-            p
-          ),
-          children: [
-            /* @__PURE__ */ t(K, { icon: ve, size: "sm", stroke: "light", className: "text-surface-fg-subtle" }),
-            /* @__PURE__ */ t(
-              "span",
-              {
-                className: y(
-                  "text-ds-md",
-                  m && H ? "text-surface-fg" : "text-surface-fg-subtle"
-                ),
-                children: r()
-              }
-            )
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ t(
-        le,
-        {
-          className: "w-auto border-surface-border-strong bg-surface-overlay p-ds-04",
-          align: "start",
-          sideOffset: 4,
-          children: n ? /* @__PURE__ */ b("div", { className: "flex flex-row gap-ds-04", children: [
-            /* @__PURE__ */ t("div", { className: "min-w-[140px] border-r border-surface-border-strong pr-ds-04", children: /* @__PURE__ */ t(Ne, { presets: S, onSelect: F }) }),
-            /* @__PURE__ */ t("div", { children: a() })
-          ] }) : a()
-        }
-      )
-    ] });
-  }
-);
-ze.displayName = "DateRangePicker";
-function Z(d, e, u) {
-  const c = [];
-  for (let i = d; i <= e; i += u)
-    c.push(i);
-  return c;
-}
-function U(d) {
-  return d.toString().padStart(2, "0");
-}
-const Le = g.forwardRef(
-  function({
-    value: e,
-    onChange: u,
-    format: c = "12h",
-    minuteStep: i = 1,
-    secondStep: p = 1,
-    showSeconds: h = !1,
-    placeholder: f = "Pick a time",
-    className: x,
-    disabled: k = !1,
-    ...S
-  }, M) {
-    const [w, R] = g.useState(!1), v = e ? e.getHours() : null, T = e ? e.getMinutes() : null, C = e ? e.getSeconds() : null, Y = v !== null ? v >= 12 ? "PM" : "AM" : null, m = v !== null ? v === 0 ? 12 : v > 12 ? v - 12 : v : null, A = c === "12h" ? Z(1, 12, 1) : Z(0, 23, 1), H = Z(0, 59, i), O = Z(0, 59, p), P = (s) => {
-      const a = e ? new Date(e) : /* @__PURE__ */ new Date();
-      let n = s.hours ?? a.getHours();
-      const o = s.minutes ?? a.getMinutes(), l = s.seconds ?? a.getSeconds();
-      c === "12h" && s.hours !== void 0 && ((s.ampm ?? Y ?? "AM") === "AM" ? n = s.hours === 12 ? 0 : s.hours : n = s.hours === 12 ? 12 : s.hours + 12);
-      let N = G(a, n);
-      return N = ne(N, o), N = Me(N, l), N;
-    }, E = (s) => {
-      const a = P({ hours: s });
-      u?.(a);
-    }, W = (s) => {
-      const a = P({ minutes: s });
-      u?.(a);
-    }, j = (s) => {
-      const a = P({ seconds: s });
-      u?.(a);
-    }, $ = (s) => {
-      if (!e) {
-        const o = s === "AM" ? 0 : 12;
-        let l = /* @__PURE__ */ new Date();
-        l = G(l, o), l = ne(l, 0), l = Me(l, 0), u?.(l);
-        return;
-      }
-      const a = e.getHours();
-      let n;
-      s === "AM" ? n = a >= 12 ? a - 12 : a : n = a < 12 ? a + 12 : a, u?.(G(new Date(e), n));
-    }, I = g.useMemo(() => e ? c === "12h" ? D(e, h ? "h:mm:ss a" : "h:mm a") : D(e, h ? "HH:mm:ss" : "HH:mm") : null, [e, c, h]), F = c === "12h" ? m : v, z = "flex flex-col gap-ds-01 overflow-y-auto max-h-[200px] px-ds-01", L = "flex h-ds-sm w-full items-center justify-center rounded-ds-md text-ds-md transition-colors duration-fast-01 ease-productive-standard cursor-pointer", V = "bg-accent-9 text-accent-fg", r = "text-surface-fg hover:bg-surface-raised-hover";
-    return /* @__PURE__ */ b(ae, { open: w, onOpenChange: R, children: [
-      /* @__PURE__ */ t(ce, { asChild: !0, children: /* @__PURE__ */ b(
-        "button",
-        {
-          ref: M,
-          type: "button",
-          disabled: k,
-          ...S,
-          className: y(
-            "inline-flex h-ds-sm-plus items-center gap-ds-03 rounded-ds-lg border border-surface-border-strong bg-surface-overlay px-ds-04 text-left transition-colors duration-fast-01 ease-productive-standard",
-            "hover:border-surface-border-strong",
-            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2",
-            k && "opacity-action-disabled pointer-events-none",
-            x
-          ),
-          "aria-label": I ? `Selected time: ${I}` : f,
-          children: [
-            /* @__PURE__ */ t(K, { icon: De, size: "sm", stroke: "light", className: "text-surface-fg-subtle" }),
-            /* @__PURE__ */ t(
-              "span",
-              {
-                className: y(
-                  "text-ds-md",
-                  I ? "text-surface-fg" : "text-surface-fg-subtle"
-                ),
-                children: I ?? f
-              }
-            )
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ t(
-        le,
-        {
-          className: "w-auto border-surface-border-strong bg-surface-overlay p-ds-04",
-          align: "start",
-          sideOffset: 4,
-          children: /* @__PURE__ */ b("div", { className: "flex gap-ds-03", role: "group", "aria-label": "Time picker", children: [
-            /* @__PURE__ */ b("div", { className: "flex flex-col items-center gap-ds-02", children: [
-              /* @__PURE__ */ t("span", { className: "text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle", children: "Hr" }),
-              /* @__PURE__ */ t("div", { className: y(z, "min-w-[48px]"), children: A.map((s) => /* @__PURE__ */ t(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => E(s),
-                  className: y(
-                    L,
-                    F === s ? V : r
-                  ),
-                  "aria-label": `${s} hours`,
-                  "aria-selected": F === s || void 0,
-                  children: c === "24h" ? U(s) : s
-                },
-                s
-              )) })
-            ] }),
-            /* @__PURE__ */ b("div", { className: "flex flex-col items-center gap-ds-02", children: [
-              /* @__PURE__ */ t("span", { className: "text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle", children: "Min" }),
-              /* @__PURE__ */ t("div", { className: y(z, "min-w-[48px]"), children: H.map((s) => /* @__PURE__ */ t(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => W(s),
-                  className: y(
-                    L,
-                    T === s ? V : r
-                  ),
-                  "aria-label": `${U(s)} minutes`,
-                  "aria-selected": T === s || void 0,
-                  children: U(s)
-                },
-                s
-              )) })
-            ] }),
-            h && /* @__PURE__ */ b("div", { className: "flex flex-col items-center gap-ds-02", children: [
-              /* @__PURE__ */ t("span", { className: "text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle", children: "Sec" }),
-              /* @__PURE__ */ t("div", { className: y(z, "min-w-[48px]"), children: O.map((s) => /* @__PURE__ */ t(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => j(s),
-                  className: y(
-                    L,
-                    C === s ? V : r
-                  ),
-                  "aria-label": `${U(s)} seconds`,
-                  "aria-selected": C === s || void 0,
-                  children: U(s)
-                },
-                s
-              )) })
-            ] }),
-            c === "12h" && /* @__PURE__ */ b("div", { className: "flex flex-col items-center gap-ds-02", children: [
-              /* @__PURE__ */ t("span", { className: "text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle", children: " " }),
-              /* @__PURE__ */ t("div", { className: "flex flex-col gap-ds-01 px-ds-01", children: ["AM", "PM"].map((s) => /* @__PURE__ */ t(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => $(s),
-                  className: y(
-                    L,
-                    "min-w-[44px] font-semibold",
-                    Y === s ? V : r
-                  ),
-                  "aria-label": s,
-                  "aria-selected": Y === s || void 0,
-                  children: s
-                },
-                s
-              )) })
-            ] })
-          ] })
-        }
-      )
-    ] });
-  }
-);
-Le.displayName = "TimePicker";
-function we(d) {
-  return d.toString().padStart(2, "0");
-}
-function he(d, e, u) {
-  const c = [];
-  for (let i = d; i <= e; i += u)
-    c.push(i);
-  return c;
-}
-const Ve = g.forwardRef(
-  function({
-    value: e,
-    onChange: u,
-    minDate: c,
-    maxDate: i,
-    disabledDates: p,
-    timeFormat: h = "12h",
-    minuteStep: f = 1,
-    placeholder: x = "Pick date & time",
-    className: k,
-    ...S
-  }, M) {
-    const [w, R] = g.useState(!1), [v, T] = g.useState(e ?? /* @__PURE__ */ new Date()), [C, Y] = g.useState("days");
-    g.useEffect(() => {
-      w || Y("days");
-    }, [w]);
-    const m = e ? e.getHours() : 0, A = e ? e.getMinutes() : 0, H = m >= 12 ? "PM" : "AM", O = m === 0 ? 12 : m > 12 ? m - 12 : m, P = h === "12h" ? he(1, 12, 1) : he(0, 23, 1), E = he(0, 59, f), W = h === "12h" ? O : m, j = (n) => {
-      let o = G(n, e ? e.getHours() : m);
-      o = ne(o, e ? e.getMinutes() : A), u?.(o);
-    }, $ = () => {
-      Y((n) => n === "days" ? "months" : "years");
-    }, I = (n) => {
-      T((o) => re(o, n)), Y("days");
-    }, F = (n) => {
-      T((o) => oe(o, n)), Y("months");
-    }, z = (n) => {
-      const o = e ? new Date(e) : /* @__PURE__ */ new Date();
-      let l = n;
-      h === "12h" && ((e ? H : "AM") === "AM" ? l = n === 12 ? 0 : n : l = n === 12 ? 12 : n + 12);
-      const N = G(o, l);
-      u?.(N);
-    }, L = (n) => {
-      const o = e ? new Date(e) : /* @__PURE__ */ new Date(), l = ne(o, n);
-      u?.(l);
-    }, V = (n) => {
-      const o = e ? new Date(e) : /* @__PURE__ */ new Date(), l = o.getHours();
-      let N;
-      n === "AM" ? N = l >= 12 ? l - 12 : l : N = l < 12 ? l + 12 : l, u?.(G(o, N));
-    }, r = g.useMemo(() => e ? D(e, h === "12h" ? "MMM d, yyyy h:mm a" : "MMM d, yyyy HH:mm") : null, [e, h]), s = () => {
-      switch (C) {
-        case "years":
-          return /* @__PURE__ */ t(
-            ie,
-            {
-              currentYear: v.getFullYear(),
-              selectedYear: e?.getFullYear(),
-              onYearSelect: F,
-              minDate: c,
-              maxDate: i
-            }
-          );
-        case "months":
-          return /* @__PURE__ */ t(
-            de,
-            {
-              currentYear: v.getFullYear(),
-              selectedMonth: e?.getMonth(),
-              onMonthSelect: I,
-              minDate: c,
-              maxDate: i
-            }
-          );
-        default:
-          return /* @__PURE__ */ t(
-            Q,
-            {
-              currentMonth: v,
-              selected: e,
-              onSelect: j,
-              onMonthChange: T,
-              onHeaderClick: $,
-              disabledDates: p,
-              minDate: c,
-              maxDate: i
-            }
-          );
-      }
-    }, a = "h-ds-sm rounded-ds-md border border-surface-border-strong bg-surface-overlay px-ds-02 text-ds-md text-surface-fg transition-colors duration-fast-01 ease-productive-standard hover:border-surface-border-strong focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 cursor-pointer appearance-none";
-    return /* @__PURE__ */ b(ae, { open: w, onOpenChange: R, children: [
-      /* @__PURE__ */ t(ce, { asChild: !0, children: /* @__PURE__ */ b(
-        "button",
-        {
-          ref: M,
-          type: "button",
-          ...S,
-          className: y(
-            "inline-flex h-ds-sm-plus items-center gap-ds-03 rounded-ds-lg border border-surface-border-strong bg-surface-overlay px-ds-04 text-left transition-colors duration-fast-01 ease-productive-standard",
-            "hover:border-surface-border-strong",
-            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2",
-            k
-          ),
-          "aria-label": r ? `Selected: ${r}` : x,
-          children: [
-            /* @__PURE__ */ t(K, { icon: Oe, size: "sm", stroke: "light", className: "text-surface-fg-subtle" }),
-            /* @__PURE__ */ t(
-              "span",
-              {
-                className: y(
-                  "text-ds-md",
-                  r ? "text-surface-fg" : "text-surface-fg-subtle"
-                ),
-                children: r ?? x
-              }
-            )
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ t(
-        le,
-        {
-          className: "w-auto border-surface-border-strong bg-surface-overlay p-ds-04",
-          align: "start",
-          sideOffset: 4,
-          children: /* @__PURE__ */ b("div", { className: "flex flex-col gap-ds-04", children: [
-            s(),
-            C === "days" && /* @__PURE__ */ b("div", { className: "flex items-center gap-ds-02 border-t border-surface-border-strong pt-ds-04", children: [
-              /* @__PURE__ */ t("span", { className: "text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle", children: "Time" }),
-              /* @__PURE__ */ b(
-                "select",
-                {
-                  value: W ?? "",
-                  onChange: (n) => z(Number(n.target.value)),
-                  className: a,
-                  "aria-label": "Hour",
-                  children: [
-                    !e && /* @__PURE__ */ t("option", { value: "", children: "--" }),
-                    P.map((n) => /* @__PURE__ */ t("option", { value: n, children: h === "24h" ? we(n) : n }, n))
-                  ]
-                }
-              ),
-              /* @__PURE__ */ t("span", { className: "text-ds-md font-semibold text-surface-fg-subtle", children: ":" }),
-              /* @__PURE__ */ b(
-                "select",
-                {
-                  value: e ? A : "",
-                  onChange: (n) => L(Number(n.target.value)),
-                  className: a,
-                  "aria-label": "Minute",
-                  children: [
-                    !e && /* @__PURE__ */ t("option", { value: "", children: "--" }),
-                    E.map((n) => /* @__PURE__ */ t("option", { value: n, children: we(n) }, n))
-                  ]
-                }
-              ),
-              h === "12h" && /* @__PURE__ */ b(
-                "select",
-                {
-                  value: e ? H : "",
-                  onChange: (n) => V(n.target.value),
-                  className: a,
-                  "aria-label": "AM or PM",
-                  children: [
-                    !e && /* @__PURE__ */ t("option", { value: "", children: "--" }),
-                    /* @__PURE__ */ t("option", { value: "AM", children: "AM" }),
-                    /* @__PURE__ */ t("option", { value: "PM", children: "PM" })
-                  ]
-                }
-              )
-            ] })
-          ] })
-        }
-      )
-    ] });
-  }
-);
-Ve.displayName = "DateTimePicker";
-function Ue(d) {
-  const [e, u] = Pe(d ?? /* @__PURE__ */ new Date());
+he.displayName = "CalendarGrid";
+function ke(D) {
+  const [c, d] = ae(D ?? /* @__PURE__ */ new Date());
   return {
-    currentMonth: e,
-    setCurrentMonth: u,
-    goToPreviousMonth: () => u((f) => me(f, 1)),
-    goToNextMonth: () => u((f) => se(f, 1)),
-    goToMonth: (f) => u((x) => re(x, f)),
-    goToYear: (f) => u((x) => oe(x, f))
+    currentMonth: c,
+    setCurrentMonth: d,
+    goToPreviousMonth: () => d((a) => z(a, 1)),
+    goToNextMonth: () => d((a) => B(a, 1)),
+    goToMonth: (a) => d((u) => fe(u, a)),
+    goToYear: (a) => d((u) => ue(u, a))
   };
 }
 export {
-  Q as C,
-  Ie as D,
-  de as M,
-  Ne as P,
-  Le as T,
-  ie as Y,
-  ze as a,
-  Ve as b,
-  Ue as u
+  he as C,
+  ke as u
 };