@devalok/shilp-sutra 0.32.0 → 0.33.1

package/dist/_chunks/use-calendar.js

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