impact-nova 1.1.0 → 1.1.2

package/dist/components/ui/calendar.js

@@ -1,13 +1,13 @@
-import { jsxs as D, jsx as f } from "react/jsx-runtime";
+import { jsxs as w, jsx as c } from "react/jsx-runtime";
 import * as d from "react";
-import { ChevronLeftIcon as we, ChevronRightIcon as De } from "lucide-react";
-import { getDefaultClassNames as Re, DayPicker as Ie } from "react-day-picker";
-import { cn as c } from "../../lib/utils.js";
-import { Button as E } from "./button.js";
-import { buttonVariants as Ne } from "./button-variants.js";
-import de from "./select/select.js";
-import { FISCAL_PATTERNS as Ue, resolveWeekSelection as He } from "../../lib/fiscal-calendar.js";
-const Pe = [
+import { ChevronLeftIcon as be, ChevronRightIcon as pe } from "lucide-react";
+import { getDefaultClassNames as ze, DayPicker as $e } from "react-day-picker";
+import { cn as f } from "../../lib/utils.js";
+import { Button as Y } from "./button.js";
+import "./button-variants.js";
+import ie from "./select/select.js";
+import { FISCAL_PATTERNS as ke, resolveWeekSelection as Oe } from "../../lib/fiscal-calendar.js";
+const Ee = [
   "January",
   "February",
   "March",
@@ -20,57 +20,53 @@ const Pe = [
   "October",
   "November",
   "December"
-], Je = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
-function Qe({
-  className: ae,
-  classNames: G,
-  showOutsideDays: p = !1,
-  captionLayout: K = "dropdown",
-  buttonVariant: P = "ghost",
-  formatters: Q,
-  components: Ce,
+], Re = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+function Te({
+  className: te,
+  classNames: T,
+  showOutsideDays: v = !1,
+  captionLayout: q = "dropdown",
+  buttonVariant: H = "ghost",
+  formatters: G,
+  components: ve,
   showFooter: h = !0,
-  onApply: X,
-  onCancel: me,
-  onClear: ge,
-  fromYear: se = 1900,
-  toYear: le = 2100,
+  onApply: K,
+  onCancel: oe,
+  onClear: ce,
   mode: J = "single",
   selected: x,
-  onSelect: k,
-  fromDate: C,
-  toDate: _,
-  fromMonth: L,
-  toMonth: W,
+  onSelect: O,
   // Week picker props
   pickerType: u = "date",
-  weekMode: y = "single",
-  selectedWeeks: S,
-  onWeekSelect: A,
-  calendarType: Y = "calendar",
-  fiscalMode: Z = "basic",
-  selectionMode: ie = "week",
-  fiscalMonthPattern: oe,
-  fiscalYearStartMonth: he = 1,
+  weekMode: D = "single",
+  selectedWeeks: C,
+  onWeekSelect: _,
+  calendarType: j = "calendar",
+  fiscalMode: Q = "basic",
+  selectionMode: re = "week",
+  fiscalMonthPattern: ne,
+  fiscalYearStartMonth: fe = 1,
   weekStartsOn: B = 1,
   // Default Monday
   // Month picker props
   monthMode: b = "single",
-  selectedMonths: w,
+  selectedMonths: y,
   onMonthSelect: N,
   month: R,
-  defaultMonth: xe,
-  onMonthChange: _e,
-  ...F
+  defaultMonth: ue,
+  onMonthChange: De,
+  startMonth: z,
+  endMonth: $,
+  ...de
 }) {
-  const V = d.useMemo(() => {
-    if (Y === "fiscal") {
-      if (oe) return oe;
-      if (Z === "advanced") return Ue["4-4-5"];
+  const X = d.useMemo(() => {
+    if (j === "fiscal") {
+      if (ne) return ne;
+      if (Q === "advanced") return ke["4-4-5"];
     }
-  }, [Y, Z, oe]), m = Re(), [T, ee] = d.useState(x), [te, ce] = d.useState(() => {
+  }, [j, Q, ne]), m = ze(), [L, Z] = d.useState(x), [M, ae] = d.useState(() => {
     if (R) return R;
-    if (xe) return xe;
+    if (ue) return ue;
     if (x) {
       if (Array.isArray(x))
         return x[0] || /* @__PURE__ */ new Date();
@@ -82,35 +78,35 @@ function Qe({
     return /* @__PURE__ */ new Date();
   });
   d.useEffect(() => {
-    R && (ce(R), ve(R.getFullYear()));
+    R && (ae(R), ge(R.getFullYear()));
   }, [R]);
-  const [I, re] = d.useState(S), [z, ne] = d.useState(w), [be, ve] = d.useState(te.getFullYear());
+  const [P, V] = d.useState(C), [A, ee] = d.useState(y), [me, ge] = d.useState(M.getFullYear());
   d.useEffect(() => {
-    ee(x), re(S), ne(w);
-  }, [x, S, w]);
-  const M = (e) => {
-    ce(e), ve(e.getFullYear()), _e?.(e);
-  }, fe = d.useCallback((e) => {
+    Z(x), V(C), ee(y);
+  }, [x, C, y]);
+  const W = (e) => {
+    ae(e), ge(e.getFullYear()), De?.(e);
+  }, se = d.useCallback((e) => {
     let n;
-    return e instanceof Date ? n = e : n = e.days.find((t) => !t.outside)?.date || e.days[0]?.date || /* @__PURE__ */ new Date(), He(n, {
-      calendarType: Y,
-      fiscalMode: Z,
-      selectionMode: ie,
-      fiscalMonthPattern: V,
-      fiscalYearStartMonth: he,
+    return e instanceof Date ? n = e : n = e.days.find((t) => !t.outside)?.date || e.days[0]?.date || /* @__PURE__ */ new Date(), Oe(n, {
+      calendarType: j,
+      fiscalMode: Q,
+      selectionMode: re,
+      fiscalMonthPattern: X,
+      fiscalYearStartMonth: fe,
       weekStartsOn: B
     });
-  }, [Y, Z, ie, V, he, B]), ue = d.useCallback((e) => {
+  }, [j, Q, re, X, fe, B]), le = d.useCallback((e) => {
     const n = (t, r) => t.year === r.year && t.month === r.month && t.weekOfMonth === r.weekOfMonth;
     if (h)
-      re((t) => {
+      V((t) => {
         let r;
-        if (y === "single")
+        if (D === "single")
           r = e;
-        else if (y === "multiple") {
+        else if (D === "multiple") {
           const a = t || [];
           r = a.some((s) => n(s, e)) ? a.filter((s) => !n(s, e)) : [...a, e];
-        } else if (y === "range") {
+        } else if (D === "range") {
           const a = t;
           if (!a?.from || a.to)
             r = { from: e };
@@ -119,26 +115,26 @@ function Qe({
             e.startDate < a.from.startDate && (l.from = e, l.to = a.from), r = l;
           }
         }
-        return A?.(r), r;
+        return _?.(r), r;
       });
-    else if (y === "single")
-      A?.(e);
-    else if (y === "multiple") {
-      const t = S || [], a = t.some((l) => n(l, e)) ? t.filter((l) => !n(l, e)) : [...t, e];
-      A?.(a.length > 0 ? a : void 0);
-    } else if (y === "range") {
-      const t = S;
+    else if (D === "single")
+      _?.(e);
+    else if (D === "multiple") {
+      const t = C || [], a = t.some((l) => n(l, e)) ? t.filter((l) => !n(l, e)) : [...t, e];
+      _?.(a.length > 0 ? a : void 0);
+    } else if (D === "range") {
+      const t = C;
       if (!t?.from || t.to)
-        A?.({ from: e });
+        _?.({ from: e });
       else {
         const r = { from: t.from, to: e };
-        e.startDate < t.from.startDate && (r.from = e, r.to = t.from), A?.(r);
+        e.startDate < t.from.startDate && (r.from = e, r.to = t.from), _?.(r);
       }
     }
-  }, [y, h, S, A]), Se = d.useCallback((e, n) => {
+  }, [D, h, C, _]), ye = d.useCallback((e, n) => {
     const t = { year: e, month: n }, r = (a, l) => a.year === l.year && a.month === l.month;
     if (h)
-      ne((a) => {
+      ee((a) => {
         let l;
         if (b === "single")
           l = t;
@@ -159,10 +155,10 @@ function Qe({
     else if (b === "single")
       N?.(t);
     else if (b === "multiple") {
-      const a = w || [], s = a.some((i) => r(i, t)) ? a.filter((i) => !r(i, t)) : [...a, t];
+      const a = y || [], s = a.some((i) => r(i, t)) ? a.filter((i) => !r(i, t)) : [...a, t];
       N?.(s.length > 0 ? s : void 0);
     } else if (b === "range") {
-      const a = w;
+      const a = y;
       if (!a?.from || a.to)
         N?.({ from: t });
       else {
@@ -170,22 +166,20 @@ function Qe({
         new Date(t.year, t.month, 1) < l ? N?.({ from: t, to: a.from }) : N?.({ from: a.from, to: t });
       }
     }
-  }, [b, h, w, N]), pe = d.useCallback(() => {
-    let e = se, n = le;
-    C && (e = Math.max(e, C.getFullYear())), _ && (n = Math.min(n, _.getFullYear()));
-    const t = [];
+  }, [b, h, y, N]), he = d.useCallback(() => {
+    const e = z ? z.getFullYear() : 1900, n = $ ? $.getFullYear() : 2100, t = [];
     for (let r = e; r <= n; r++)
       t.push({ label: r.toString(), value: r.toString() });
     return t;
-  }, [se, le, C, _]), Ae = d.useCallback((e) => Pe.map((t, r) => ({
+  }, [z, $]), we = d.useCallback((e) => Ee.map((t, r) => ({
     label: t,
     value: r.toString()
   })).filter((t, r) => {
     const a = new Date(e, r, 1);
-    return !(C && a < new Date(C.getFullYear(), C.getMonth(), 1) || _ && a > new Date(_.getFullYear(), _.getMonth(), 1) || L && a < new Date(L.getFullYear(), L.getMonth(), 1) || W && a > new Date(W.getFullYear(), W.getMonth(), 1));
-  }), [C, _, L, W]), q = d.useMemo(() => {
+    return !(z && a < new Date(z.getFullYear(), z.getMonth(), 1) || $ && a > new Date($.getFullYear(), $.getMonth(), 1));
+  }), [z, $]), F = d.useMemo(() => {
     if (u !== "week") return;
-    const e = h ? I : S;
+    const e = h ? P : C;
     if (!e) return;
     const n = [], t = (r) => {
       let a = new Date(r.startDate);
@@ -210,10 +204,10 @@ function Qe({
     } else
       t(e);
     return n;
-  }, [u, h, I, S]), je = d.useMemo(() => {
-    if (u !== "week" || !q || q.length === 0)
+  }, [u, h, P, C]), Ne = d.useMemo(() => {
+    if (u !== "week" || !F || F.length === 0)
       return { range_start: [], range_middle: [], range_end: [] };
-    const e = [...q].sort((s, i) => s.getTime() - i.getTime()), n = [], t = [], r = [], a = (s, i) => {
+    const e = [...F].sort((s, i) => s.getTime() - i.getTime()), n = [], t = [], r = [], a = (s, i) => {
       if (i === 0) return !1;
       const o = e[i - 1];
       return s.getTime() - o.getTime() <= 1440 * 60 * 1e3;
@@ -226,24 +220,24 @@ function Qe({
       range_middle: t,
       range_end: r
     };
-  }, [u, q]), ze = d.useCallback((e) => {
+  }, [u, F]), Ce = d.useCallback((e) => {
     if (u === "week" && e) {
       const n = Array.isArray(e) ? e[e.length - 1] : e instanceof Date ? e : void 0;
       if (n) {
-        const t = fe(n);
-        ue(t);
+        const t = se(n);
+        le(t);
         return;
       }
     }
-    h && ee(e), k?.(e);
-  }, [h, k, u, fe, ue]), Ye = d.useCallback(() => {
-    u === "week" ? (A?.(I), X?.(I)) : u === "month" ? (N?.(z), X?.(z)) : (k?.(T), X?.(T));
-  }, [T, I, z, k, A, N, X, u]), $e = d.useCallback(() => {
-    u === "week" ? re(S) : u === "month" ? ne(w) : ee(x), me?.();
-  }, [x, S, w, me, u]), ke = d.useCallback(() => {
-    u === "week" ? (re(void 0), h || A?.(void 0)) : u === "month" ? (ne(void 0), h || N?.(void 0)) : (ee(void 0), h || k?.(void 0)), ge?.();
-  }, [h, k, A, N, ge, u]), Oe = d.useCallback((e, n) => {
-    const t = h ? z : w;
+    h && Z(e), O?.(e);
+  }, [h, O, u, se, le]), _e = d.useCallback(() => {
+    u === "week" ? (_?.(P), K?.(P)) : u === "month" ? (N?.(A), K?.(A)) : (O?.(L), K?.(L));
+  }, [L, P, A, O, _, N, K, u]), Se = d.useCallback(() => {
+    u === "week" ? V(C) : u === "month" ? ee(y) : Z(x), oe?.();
+  }, [x, C, y, oe, u]), Ae = d.useCallback(() => {
+    u === "week" ? (V(void 0), h || _?.(void 0)) : u === "month" ? (ee(void 0), h || N?.(void 0)) : (Z(void 0), h || O?.(void 0)), ce?.();
+  }, [h, O, _, N, ce, u]), Ye = d.useCallback((e, n) => {
+    const t = h ? A : y;
     if (!t) return !1;
     if (Array.isArray(t))
       return t.some((r) => r.year === e && r.month === n);
@@ -256,8 +250,8 @@ function Qe({
       const r = t;
       return r.year === e && r.month === n;
     }
-  }, [h, z, w]), Ee = d.useCallback((e, n) => {
-    const t = h ? z : w;
+  }, [h, A, y]), je = d.useCallback((e, n) => {
+    const t = h ? A : y;
     if (!t || !("from" in t)) return { isStart: !1, isEnd: !1, isMiddle: !1 };
     const r = t, a = r.from, l = r.to, s = new Date(e, n, 1).getTime(), i = new Date(a.year, a.month, 1).getTime();
     if (!l) return { isStart: s === i, isEnd: !1, isMiddle: !1 };
@@ -267,64 +261,66 @@ function Qe({
       isEnd: s === o,
       isMiddle: s > i && s < o
     };
-  }, [h, z, w]), ye = ({ yearOffset: e = 0 }) => {
-    const n = be + e;
-    return /* @__PURE__ */ D("div", { className: "flex flex-col gap-4 p-3 min-w-[280px]", children: [
-      /* @__PURE__ */ D("div", { className: "flex items-center justify-between", children: [
-        e === 0 && /* @__PURE__ */ f(
-          E,
+  }, [h, A, y]), xe = ({ yearOffset: e = 0 }) => {
+    const n = me + e;
+    return /* @__PURE__ */ w("div", { className: "flex flex-col gap-4 p-3 min-w-[280px]", children: [
+      /* @__PURE__ */ w("div", { className: "flex items-center justify-between", children: [
+        e === 0 && /* @__PURE__ */ c(
+          Y,
           {
             variant: "ghost",
-            size: "sm",
-            className: "h-7 w-7 p-0",
-            onClick: () => M(new Date(n - 1, be % 12, 1)),
-            children: /* @__PURE__ */ f(we, { className: "h-4 w-4" })
+            size: "icon",
+            className: "h-7 w-7",
+            "aria-label": "Previous Year",
+            onClick: () => W(new Date(n - 1, me % 12, 1)),
+            children: /* @__PURE__ */ c(be, { className: "h-4 w-4" })
           }
         ),
-        /* @__PURE__ */ f("div", { className: "flex-1 flex justify-center items-center", children: /* @__PURE__ */ f(
-          de,
+        /* @__PURE__ */ c("div", { className: "flex-1 flex justify-center items-center", children: /* @__PURE__ */ c(
+          ie,
           {
             value: { label: n.toString(), value: n.toString() },
             onChange: (t) => {
               if (t && "value" in t) {
                 const r = parseInt(t.value) - e;
-                M(new Date(r, 0, 1));
+                W(new Date(r, 0, 1));
               }
             },
             scrollToSelectedOnOpen: !0,
-            options: pe(),
+            options: he(),
             parentClassName: "flex justify-center items-center",
             className: "w-[200px]",
             menuWidth: "140px"
           }
         ) }),
-        (b !== "range" || e === 1) && /* @__PURE__ */ f(
-          E,
+        (b === "single" || e === 1) && /* @__PURE__ */ c(
+          Y,
           {
             variant: "ghost",
-            size: "sm",
-            className: "h-7 w-7 p-0",
-            onClick: () => M(new Date(n + 1, 0, 1)),
-            children: /* @__PURE__ */ f(De, { className: "h-4 w-4" })
+            size: "icon",
+            className: "h-7 w-7",
+            "aria-label": "Next Year",
+            onClick: () => W(new Date(n + 1, 0, 1)),
+            children: /* @__PURE__ */ c(pe, { className: "h-4 w-4" })
           }
         )
       ] }),
-      /* @__PURE__ */ f("div", { className: "grid grid-cols-4 gap-y-4 gap-x-0", children: Je.map((t, r) => {
-        const a = Oe(n, r), { isStart: l, isEnd: s, isMiddle: i } = Ee(n, r), o = b === "range", g = h ? z : w, v = g && "to" in g && !!g.to;
-        return /* @__PURE__ */ D("div", { className: "relative flex items-center justify-center h-10 w-full group", children: [
-          o && v && (i || l || s) && /* @__PURE__ */ f("div", { className: c(
+      /* @__PURE__ */ c("div", { className: "grid grid-cols-4 gap-y-4 gap-x-0", children: Re.map((t, r) => {
+        const a = Ye(n, r), { isStart: l, isEnd: s, isMiddle: i } = je(n, r), o = b === "range", g = h ? A : y, p = g && "to" in g && !!g.to;
+        return /* @__PURE__ */ w("div", { className: "relative flex items-center justify-center h-10 w-full group", children: [
+          o && p && (i || l || s) && /* @__PURE__ */ c("div", { className: f(
             "absolute inset-y-0 inset-x-0 bg-accent",
             l && "rounded-l-full left-1/2 -ml-5",
             s && "rounded-r-full right-1/2 -mr-5",
             i && "inset-x-0",
             l && s && "rounded-full inset-x-2"
           ) }),
-          /* @__PURE__ */ f(
-            E,
+          /* @__PURE__ */ c(
+            Y,
             {
               variant: "ghost",
-              onClick: () => Se(n, r),
-              className: c(
+              onClick: () => ye(n, r),
+              className: f(
                 "relative z-10 w-10 h-10 p-0 text-sm font-normal rounded-lg transition-all",
                 a && !o && "bg-primary text-primary-foreground hover:bg-primary/90 hover:text-primary-foreground",
                 o && (l || s) && "bg-primary text-primary-foreground hover:bg-primary/90 hover:text-primary-foreground rounded-lg",
@@ -338,162 +334,172 @@ function Qe({
       }) })
     ] });
   };
-  return /* @__PURE__ */ D("div", { className: "flex flex-col ", "data-component": "calendar", children: [
-    u === "month" ? /* @__PURE__ */ D("div", { className: "flex flex-col md:flex-row", children: [
-      /* @__PURE__ */ f(ye, { yearOffset: 0 }),
-      (b === "range" || b === "multiple") && /* @__PURE__ */ D("div", { className: "flex flex-row gap-0", children: [
-        /* @__PURE__ */ f("div", { className: "w-[1px] bg-gray-200 my-4" }),
-        /* @__PURE__ */ f(ye, { yearOffset: 1 })
+  return /* @__PURE__ */ w("div", { className: "flex flex-col ", "data-component": "calendar", children: [
+    u === "month" ? /* @__PURE__ */ w("div", { className: "flex flex-col md:flex-row", children: [
+      /* @__PURE__ */ c(xe, { yearOffset: 0 }),
+      (b === "range" || b === "multiple") && /* @__PURE__ */ w("div", { className: "flex flex-row gap-0", children: [
+        /* @__PURE__ */ c("div", { className: "w-[1px] bg-gray-200 my-4" }),
+        /* @__PURE__ */ c(xe, { yearOffset: 1 })
       ] })
     ] }) : (
       // @ts-ignore: TS mismatch due to dynamic union types. 
       // FIX: Split rendering into separate `DayPicker` calls for 'single' | 'multiple' | 'range' to strictly match discriminated unions.
-      /* @__PURE__ */ f(
-        Ie,
+      /* @__PURE__ */ c(
+        $e,
         {
           mode: u === "week" ? "multiple" : J,
-          selected: u === "week" ? q : h ? T : x,
-          onSelect: ze,
-          month: te,
-          onMonthChange: M,
-          showOutsideDays: Y === "fiscal" ? !0 : p,
+          selected: u === "week" ? F : h ? L : x,
+          onSelect: Ce,
+          month: M,
+          onMonthChange: W,
+          showOutsideDays: j === "fiscal" ? !0 : v,
           weekStartsOn: B,
-          modifiers: u === "week" ? je : void 0,
-          className: c(
+          modifiers: u === "week" ? Ne : void 0,
+          className: f(
             "bg-background group/calendar p-2 [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
             String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
             String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
-            ae
+            te
           ),
-          captionLayout: K,
-          fromDate: C,
-          toDate: _,
-          disabled: [
-            ...F.disabled ? Array.isArray(F.disabled) ? F.disabled : [F.disabled] : [],
-            C ? { before: C } : void 0,
-            _ ? { after: _ } : void 0
-          ].filter(Boolean),
-          fromMonth: L,
-          toMonth: W,
-          fromYear: se,
-          toYear: le,
-          numberOfMonths: J === "range" || J === "multiple" || y === "range" || y === "multiple" ? 2 : 1,
+          captionLayout: q,
+          startMonth: z,
+          endMonth: $,
+          disabled: de.disabled,
+          numberOfMonths: J === "range" || J === "multiple" || D === "range" || D === "multiple" ? 2 : 1,
           showWeekNumber: !0,
           formatters: {
             formatMonthDropdown: (e) => e.toLocaleString("default", { month: "short" }),
             formatWeekNumber: (e) => `W${e}`,
-            ...Q
+            ...G
           },
           classNames: {
-            root: c("w-fit", m.root),
-            months: c(
+            root: f("w-fit", m.root),
+            months: f(
               "relative flex flex-col gap-2 md:flex-row",
               m.months
             ),
-            month: c(
+            month: f(
               "flex flex-1 min-w-[252px] flex-col gap-2 relative after:absolute after:top-[5.5rem] after:bottom-0 after:left-[30px] after:w-[1px] after:bg-gray-200",
               m.month
             ),
-            nav: c(
-              "absolute inset-x-0 top-2 flex w-full items-center justify-between gap-1",
+            nav: f(
+              "absolute inset-x-0 top-[2px] h-[--cell-size] flex w-full items-center justify-between px-2 gap-1",
               m.nav
             ),
-            button_previous: c(
-              Ne({ variant: P }),
-              "h-[--cell-size] w-[--cell-size] select-none p-0.2 z-10 aria-disabled:opacity-50 flex items-center justify-center relative",
+            button_previous: f(
+              "h-7 w-7 select-none p-0 z-10 aria-disabled:opacity-50 flex items-center justify-center relative",
               m.button_previous
             ),
-            button_next: c(
-              Ne({ variant: P }),
-              "h-[--cell-size] w-[--cell-size] select-none p-0.2 z-10 aria-disabled:opacity-50 flex items-center justify-center relative",
+            button_next: f(
+              "h-7 w-7 select-none p-0 z-10 aria-disabled:opacity-50 flex items-center justify-center relative",
               m.button_next
             ),
-            month_caption: c(
+            month_caption: f(
               "flex h-[--cell-size] w-full items-center justify-center px-[--cell-size] relative ",
               m.month_caption
             ),
-            dropdowns: c(
+            dropdowns: f(
               "flex h-[--cell-size] gap-1 items-center justify-center text-sm font-medium relative ",
               m.dropdowns
             ),
-            caption_label: c(
+            caption_label: f(
               "select-none font-medium text-sm",
               m.caption_label
             ),
             table: "w-full border-collapse",
-            weekdays: c("flex w-full relative after:absolute after:bottom-0 after:right-0 after:h-[1px] after:bg-gray-200 after:left-[30px]", m.weekdays),
-            weekday: c(
+            weekdays: f("flex w-full relative after:absolute after:bottom-0 after:right-0 after:h-[1px] after:bg-gray-200 after:left-[30px]", m.weekdays),
+            weekday: f(
               "flex-1 select-none rounded-md font-normal text-center",
               "text-[11px] text-[#757575] pb-2",
               "[&:nth-child(2)]:pl-2",
               m.weekday
             ),
-            week: c("mt-1 flex w-full items-stretch group/week", m.week),
-            week_number_header: c(
+            week: f("mt-1 flex w-full items-stretch group/week", m.week),
+            week_number_header: f(
               "select-none font-normal text-center h-[30px] flex items-center justify-center",
               "text-[11px] text-[#757575] w-[30px] flex-shrink-0",
               m.week_number_header
             ),
-            week_number: c(
+            week_number: f(
               "select-none flex items-center justify-center h-[30px]",
               "text-[11px] text-[#757575] w-[30px] flex-shrink-0 transition-colors",
               u === "week" && "group-hover/week:bg-accent group-hover/week:rounded-l-lg",
               m.week_number
             ),
-            day: c(
+            day: f(
               "group/day relative select-none p-0 text-center flex-1 h-[30px] flex items-center justify-center [&:nth-child(2)]:pl-2 rdp-day",
               u === "week" && "group-hover/week:bg-accent [&:nth-child(2)]:group-hover/week:rounded-l-full [&:nth-child(8)]:group-hover/week:rounded-r-full",
               u === "week" && "[&.rdp-selected:nth-child(2)]:rounded-l-full [&.rdp-selected:nth-child(8)]:rounded-r-full",
-              G?.day
+              T?.day
             ),
-            range_start: c(
+            range_start: f(
               "bg-accent rounded-l-full",
               m.range_start
             ),
-            range_middle: c("bg-accent rounded-none", m.range_middle),
-            range_end: c("bg-accent rounded-r-full", m.range_end),
-            today: c(
+            range_middle: f("bg-accent rounded-none", m.range_middle),
+            range_end: f("bg-accent rounded-r-full", m.range_end),
+            today: f(
               "text-primary",
               m.today
             ),
-            outside: c(
-              Y === "fiscal" || p ? "text-muted-foreground opacity-50" : "invisible",
+            outside: f(
+              j === "fiscal" || v ? "text-muted-foreground opacity-50" : "invisible",
               m.outside
             ),
-            disabled: c(
+            disabled: f(
               "text-muted-foreground opacity-50",
               m.disabled
             ),
-            hidden: c("invisible", m.hidden),
-            ...G
+            hidden: f("invisible", m.hidden),
+            ...T
           },
           components: {
-            Root: ({ className: e, rootRef: n, ...t }) => /* @__PURE__ */ f(
+            Root: ({ className: e, rootRef: n, ...t }) => /* @__PURE__ */ c(
               "div",
               {
                 "data-slot": "calendar",
                 ref: n,
-                className: c(e),
+                className: f(e),
                 ...t
               }
             ),
-            Chevron: ({ className: e, orientation: n, ...t }) => n === "left" ? /* @__PURE__ */ f(we, { className: c("size-4 text-foreground", e), ...t }) : n === "right" ? /* @__PURE__ */ f(
-              De,
+            Chevron: ({ className: e, orientation: n, ...t }) => n === "left" ? /* @__PURE__ */ c(be, { className: f("size-4 text-foreground", e), ...t }) : n === "right" ? /* @__PURE__ */ c(
+              pe,
               {
-                className: c("size-4 text-foreground", e),
+                className: f("size-4 text-foreground", e),
                 ...t
               }
-            ) : /* @__PURE__ */ f("span", {}),
+            ) : /* @__PURE__ */ c("span", {}),
+            PreviousMonthButton: (e) => /* @__PURE__ */ c(
+              Y,
+              {
+                variant: H,
+                size: "icon",
+                className: "h-7 w-7",
+                "aria-label": "Previous Month",
+                ...e
+              }
+            ),
+            NextMonthButton: (e) => /* @__PURE__ */ c(
+              Y,
+              {
+                variant: H,
+                size: "icon",
+                className: "h-7 w-7",
+                "aria-label": "Next Month",
+                ...e
+              }
+            ),
             MonthsDropdown: ({ value: e, onChange: n }) => {
-              const t = te.getFullYear(), r = Ae(t);
-              return /* @__PURE__ */ f(
-                de,
+              const t = M.getFullYear(), r = we(t);
+              return /* @__PURE__ */ c(
+                ie,
                 {
                   value: r.find((a) => a.value === e?.toString()),
                   onChange: (a) => {
                     if (a && "value" in a) {
                       const l = parseInt(a.value), s = new Date(t, l, 1);
-                      M(s), n?.(l);
+                      W(s), n?.(l);
                     }
                   },
                   scrollToSelectedOnOpen: !0,
@@ -507,15 +513,15 @@ function Qe({
               );
             },
             YearsDropdown: ({ value: e, onChange: n }) => {
-              const t = pe();
-              return /* @__PURE__ */ f(
-                de,
+              const t = he();
+              return /* @__PURE__ */ c(
+                ie,
                 {
                   value: t.find((r) => r.value === e?.toString()),
                   onChange: (r) => {
                     if (r && "value" in r) {
-                      const a = parseInt(r.value), l = new Date(a, te.getMonth(), 1);
-                      ce(l), n?.(a);
+                      const a = parseInt(r.value), l = new Date(a, M.getMonth(), 1);
+                      ae(l), n?.(a);
                     }
                   },
                   scrollToSelectedOnOpen: !0,
@@ -528,70 +534,70 @@ function Qe({
                 }
               );
             },
-            DayButton: (e) => /* @__PURE__ */ f(
-              Le,
+            DayButton: (e) => /* @__PURE__ */ c(
+              Pe,
               {
                 ...e,
                 pickerType: u
               }
             ),
             WeekNumber: ({ week: e, ...n }) => {
-              const t = e.days.find((H) => !H.outside)?.date;
+              const t = e.days.find((U) => !U.outside)?.date;
               if (!t)
-                return /* @__PURE__ */ f("td", { ...n, className: c("select-none flex items-center justify-center h-8 text-[11px] text-[#757575] w-8 flex-shrink-0 rdp-week_number", n.className), children: /* @__PURE__ */ f("div", { className: "flex size-[--cell-size] items-center justify-center text-center" }) });
-              const r = t.getFullYear(), a = t.getMonth(), i = (new Date(r, a, 1).getDay() + 7 - B) % 7, o = new Date(r, a, 1 - i), g = new Date(t), $ = (t.getDay() + 7 - B) % 7;
-              g.setDate(t.getDate() - $);
-              const j = Math.round((g.getTime() - o.getTime()) / (10080 * 60 * 1e3)) + 1, U = `Week ${j}`;
-              return u === "week" ? /* @__PURE__ */ f(
+                return /* @__PURE__ */ c("td", { ...n, className: f("select-none flex items-center justify-center h-8 text-[11px] text-[#757575] w-8 flex-shrink-0 rdp-week_number", n.className), children: /* @__PURE__ */ c("div", { className: "flex size-[--cell-size] items-center justify-center text-center" }) });
+              const r = t.getFullYear(), a = t.getMonth(), i = (new Date(r, a, 1).getDay() + 7 - B) % 7, o = new Date(r, a, 1 - i), g = new Date(t), k = (t.getDay() + 7 - B) % 7;
+              g.setDate(t.getDate() - k);
+              const S = Math.round((g.getTime() - o.getTime()) / (10080 * 60 * 1e3)) + 1, I = `Week ${S}`;
+              return u === "week" ? /* @__PURE__ */ c(
                 "td",
                 {
                   ...n,
-                  "aria-label": U,
-                  "data-week-index": j,
-                  "data-week-number": j,
-                  className: c(
+                  "aria-label": I,
+                  "data-week-index": S,
+                  "data-week-number": S,
+                  className: f(
                     "select-none flex items-center justify-center h-[30px] w-[30px] flex-shrink-0 rdp-week_number cursor-pointer hover:bg-accent hover:text-accent-foreground group-hover/week:bg-accent group-hover/week:rounded-l-lg rounded-lg transition-colors",
                     n.className
                   ),
                   scope: "row",
                   role: "rowheader",
-                  onClick: (H) => {
-                    H.preventDefault(), H.stopPropagation(), ue(fe(e));
+                  onClick: (U) => {
+                    U.preventDefault(), U.stopPropagation(), le(se(e));
                   },
-                  children: /* @__PURE__ */ D("div", { className: "flex h-8 w-full items-center justify-center text-center text-[11px] text-[#757575]", children: [
+                  children: /* @__PURE__ */ w("div", { className: "flex h-8 w-full items-center justify-center text-center text-[11px] text-[#757575]", children: [
                     "W",
-                    j
+                    S
                   ] })
                 }
-              ) : /* @__PURE__ */ f(
+              ) : /* @__PURE__ */ c(
                 "td",
                 {
                   ...n,
-                  "aria-label": U,
-                  className: c(
+                  "aria-label": I,
+                  className: f(
                     "select-none flex items-center justify-center h-[30px] text-[11px] text-[#757575] w-[30px] flex-shrink-0 rdp-week_number",
                     n.className
                   ),
                   scope: "row",
                   role: "rowheader",
-                  children: /* @__PURE__ */ D("div", { className: "flex h-8 w-full items-center justify-center text-center", children: [
+                  children: /* @__PURE__ */ w("div", { className: "flex h-8 w-full items-center justify-center text-center", children: [
                     "W",
-                    j
+                    S
                   ] })
                 }
               );
             },
-            ...Ce
+            ...ve
           },
-          ...F
+          ...de
         }
       )
     ),
-    h && /* @__PURE__ */ D("div", { className: c("flex items-center gap-2 border-t pt-3 p-3", u === "month" && b !== "single" || J === "range" || y === "range" || y === "multiple" ? "justify-between" : "justify-end"), children: [
-      J === "range" && u === "date" && /* @__PURE__ */ D("div", { className: "flex flex-row items-center gap-1 text-[#60697d] text-xs leading-[18px] font-medium", children: [
+    h && /* @__PURE__ */ w("div", { className: f("flex items-center gap-2 border-t pt-3 p-3", u === "month" && b !== "single" || J === "range" || D === "range" || D === "multiple" ? "justify-between" : "justify-end"), children: [
+      J === "range" && u === "date" && /* @__PURE__ */ w("div", { className: "flex flex-row items-center gap-1 text-[#60697d] text-xs leading-[18px] font-medium", children: [
         "Selected:",
-        /* @__PURE__ */ f("span", { className: "text-[#0d152c] font-semibold", children: (() => {
-          const e = T;
+        /* @__PURE__ */ c("span", { className: "text-[#0d152c] font-semibold", children: (() => {
+          const e = L;
           if (e?.from && e?.to) {
             const n = Math.abs(e.to.getTime() - e.from.getTime()), t = Math.ceil(n / (1e3 * 60 * 60 * 24)) + 1;
             return `${t} day${t !== 1 ? "s" : ""}`;
@@ -599,15 +605,15 @@ function Qe({
           return "0 days";
         })() })
       ] }),
-      u === "week" && (y === "range" || y === "multiple") && /* @__PURE__ */ D("div", { className: "flex flex-row items-center gap-1 text-[#60697d] text-xs leading-[18px] font-medium", children: [
+      u === "week" && (D === "range" || D === "multiple") && /* @__PURE__ */ w("div", { className: "flex flex-row items-center gap-1 text-[#60697d] text-xs leading-[18px] font-medium", children: [
         "Selected:",
-        /* @__PURE__ */ f("span", { className: "text-[#0d152c] font-semibold", children: (() => {
-          const e = I;
+        /* @__PURE__ */ c("span", { className: "text-[#0d152c] font-semibold", children: (() => {
+          const e = P;
           if (!e) return "0 weeks";
           const n = (i) => Date.UTC(i.getFullYear(), i.getMonth(), i.getDate()), t = (i) => {
-            const o = Math.floor(i / 7), g = i % 7, v = [];
-            return o > 0 && v.push(`${o} week${o !== 1 ? "s" : ""}`), (g > 0 || o === 0) && v.push(`${g} day${g !== 1 ? "s" : ""}`), v.join(" ");
-          }, r = Y === "fiscal" && ie === "fiscalMonth", a = Y === "fiscal", l = r ? "fiscal month" : a ? "fiscal week" : "week", s = r ? "fiscal months" : a ? "fiscal weeks" : "weeks";
+            const o = Math.floor(i / 7), g = i % 7, p = [];
+            return o > 0 && p.push(`${o} week${o !== 1 ? "s" : ""}`), (g > 0 || o === 0) && p.push(`${g} day${g !== 1 ? "s" : ""}`), p.join(" ");
+          }, r = j === "fiscal" && re === "fiscalMonth", a = j === "fiscal", l = r ? "fiscal month" : a ? "fiscal week" : "week", s = r ? "fiscal months" : a ? "fiscal weeks" : "weeks";
           if (Array.isArray(e))
             if (a || r) {
               const i = e.length;
@@ -615,36 +621,36 @@ function Qe({
             } else {
               let i = 0;
               return e.forEach((o) => {
-                const g = n(o.startDate), v = n(o.endDate);
-                i += Math.round((v - g) / (1e3 * 60 * 60 * 24)) + 1;
+                const g = n(o.startDate), p = n(o.endDate);
+                i += Math.round((p - g) / (1e3 * 60 * 60 * 24)) + 1;
               }), t(i);
             }
           else if ("from" in e) {
             const { from: i, to: o } = e;
             if (r) {
               if (!o) return `1 ${l}`;
-              const g = n(i.startDate), v = n(o.endDate), $ = Math.round(Math.abs(v - g) / (1e3 * 60 * 60 * 24)) + 1, O = V ? V.reduce((U, H) => U + H, 0) / 12 : 4.33, j = Math.max(1, Math.round($ / (O * 7)));
-              return `${j} ${j !== 1 ? s : l}`;
+              const g = n(i.startDate), p = n(o.endDate), k = Math.round(Math.abs(p - g) / (1e3 * 60 * 60 * 24)) + 1, E = X ? X.reduce((I, U) => I + U, 0) / 12 : 4.33, S = Math.max(1, Math.round(k / (E * 7)));
+              return `${S} ${S !== 1 ? s : l}`;
             } else if (a) {
               if (!o) return `1 ${l}`;
-              const g = n(i.startDate), v = n(o.endDate), $ = Math.round((v - g) / (10080 * 60 * 1e3)), O = $ > 0 ? $ : 1;
-              return `${O} ${O !== 1 ? s : l}`;
+              const g = n(i.startDate), p = n(o.endDate), k = Math.round((p - g) / (10080 * 60 * 1e3)), E = k > 0 ? k : 1;
+              return `${E} ${E !== 1 ? s : l}`;
             } else {
               if (!o) {
-                const O = n(i.startDate), j = n(i.endDate), U = Math.round((j - O) / (1e3 * 60 * 60 * 24)) + 1;
-                return t(U);
+                const E = n(i.startDate), S = n(i.endDate), I = Math.round((S - E) / (1e3 * 60 * 60 * 24)) + 1;
+                return t(I);
               }
-              const g = n(i.startDate), v = n(o.endDate), $ = Math.round(Math.abs(v - g) / (1e3 * 60 * 60 * 24)) + 1;
-              return t($);
+              const g = n(i.startDate), p = n(o.endDate), k = Math.round(Math.abs(p - g) / (1e3 * 60 * 60 * 24)) + 1;
+              return t(k);
             }
           } else
             return `1 ${l}`;
         })() })
       ] }),
-      u === "month" && (b === "range" || b === "multiple") && /* @__PURE__ */ D("div", { className: "flex flex-row items-center gap-1 text-[#60697d] text-xs leading-[18px] font-medium", children: [
+      u === "month" && (b === "range" || b === "multiple") && /* @__PURE__ */ w("div", { className: "flex flex-row items-center gap-1 text-[#60697d] text-xs leading-[18px] font-medium", children: [
         "Selected:",
-        /* @__PURE__ */ f("span", { className: "text-[#0d152c] font-semibold", children: (() => {
-          const e = z;
+        /* @__PURE__ */ c("span", { className: "text-[#0d152c] font-semibold", children: (() => {
+          const e = A;
           if (!e) return "0 months";
           if (Array.isArray(e)) {
             const n = e.length;
@@ -658,31 +664,31 @@ function Qe({
             return "1 month";
         })() })
       ] }),
-      /* @__PURE__ */ D("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ f(
-          E,
+      /* @__PURE__ */ w("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ c(
+          Y,
           {
             variant: "link",
             size: "sm",
-            onClick: ke,
+            onClick: Ae,
             children: "Clear"
           }
         ),
-        /* @__PURE__ */ f(
-          E,
+        /* @__PURE__ */ c(
+          Y,
           {
             variant: "outline",
             size: "sm",
-            onClick: $e,
+            onClick: Se,
             children: "Cancel"
           }
         ),
-        /* @__PURE__ */ f(
-          E,
+        /* @__PURE__ */ c(
+          Y,
           {
             variant: "default",
             size: "sm",
-            onClick: Ye,
+            onClick: _e,
             children: "Apply"
           }
         )
@@ -690,46 +696,46 @@ function Qe({
     ] })
   ] });
 }
-function Le({
-  className: ae,
-  day: G,
-  modifiers: p,
-  pickerType: K,
-  ...P
+function Pe({
+  className: te,
+  day: T,
+  modifiers: v,
+  pickerType: q,
+  ...H
 }) {
-  const Q = d.useRef(null);
+  const G = d.useRef(null);
   return d.useEffect(() => {
-    p.focused && Q.current?.focus();
-  }, [p.focused]), /* @__PURE__ */ f(
-    E,
+    v.focused && G.current?.focus();
+  }, [v.focused]), /* @__PURE__ */ c(
+    Y,
     {
-      ref: Q,
+      ref: G,
       variant: "ghost",
       size: "sm",
-      "data-day": G.date.toLocaleDateString(),
-      "data-selected-single": p.selected && !p.range_start && !p.range_end && !p.range_middle,
-      "data-range-start": p.range_start,
-      "data-range-end": p.range_end,
-      "data-range-middle": p.range_middle,
-      className: c(
+      "data-day": T.date.toLocaleDateString(),
+      "data-selected-single": v.selected && !v.range_start && !v.range_end && !v.range_middle,
+      "data-range-start": v.range_start,
+      "data-range-end": v.range_end,
+      "data-range-middle": v.range_middle,
+      className: f(
         "gap-2 whitespace-nowrap focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 px-3 rounded-lg flex items-center justify-center font-normal transition-colors w-5 h-5 border border-transparent focus-visible:outline-none text-sm rdp-day rdp-day_button",
         // Hover styling
-        K !== "week" && "hover:bg-accent hover:text-accent-foreground hover:border-primary",
-        K === "week" && "hover:bg-transparent hover:text-inherit hover:border-transparent",
+        q !== "week" && "hover:bg-accent hover:text-accent-foreground hover:border-primary",
+        q === "week" && "hover:bg-transparent hover:text-inherit hover:border-transparent",
         // Selection state
         "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[selected-single=true]:rounded-lg data-[selected-single=true]:border-transparent",
         "data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-start=true]:rounded-lg data-[range-start=true]:border-transparent",
         "data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-end=true]:rounded-lg data-[range-end=true]:border-transparent",
         "data-[range-middle=true]:text-accent-foreground data-[range-middle=true]:rounded-none",
-        ae
+        te
       ),
       "data-component": "calendar-day",
-      ...P,
-      disabled: P.disabled || p.disabled
+      ...H,
+      disabled: H.disabled || v.disabled
     }
   );
 }
 export {
-  Qe as Calendar,
-  Le as CalendarDayButton
+  Te as Calendar,
+  Pe as CalendarDayButton
 };