impact-nova 1.2.0 → 1.2.1

package/dist/components/ui/calendar.js

@@ -1,13 +1,13 @@
 import { jsxs as w, jsx as c } from "react/jsx-runtime";
 import * as d from "react";
-import { ChevronLeftIcon as be, ChevronRightIcon as pe } from "lucide-react";
-import { getDefaultClassNames as ze, DayPicker as $e } from "react-day-picker";
+import { ChevronLeftIcon as pe, ChevronRightIcon as be } from "lucide-react";
+import { getDefaultClassNames as Ee, DayPicker as Ie } from "react-day-picker";
 import { cn as f } from "../../lib/utils.js";
-import { Button as Y } from "./button.js";
+import { Button as M } 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 = [
+import oe from "./select/select.js";
+import { FISCAL_PATTERNS as Re, resolveWeekSelection as Oe } from "../../lib/fiscal-calendar.js";
+const le = d.createContext(0), Ue = [
   "January",
   "February",
   "March",
@@ -20,22 +20,22 @@ const Ee = [
   "October",
   "November",
   "December"
-], Re = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
-function Te({
+], He = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+function Qe({
   className: te,
   classNames: T,
   showOutsideDays: v = !1,
   captionLayout: q = "dropdown",
-  buttonVariant: H = "ghost",
+  buttonVariant: L = "ghost",
   formatters: G,
   components: ve,
   showFooter: h = !0,
   onApply: K,
-  onCancel: oe,
+  onCancel: ie,
   onClear: ce,
-  mode: J = "single",
+  mode: F = "single",
   selected: x,
-  onSelect: O,
+  onSelect: E,
   // Week picker props
   pickerType: u = "date",
   weekMode: D = "single",
@@ -43,28 +43,28 @@ function Te({
   onWeekSelect: _,
   calendarType: j = "calendar",
   fiscalMode: Q = "basic",
-  selectionMode: re = "week",
-  fiscalMonthPattern: ne,
+  selectionMode: ne = "week",
+  fiscalMonthPattern: re,
   fiscalYearStartMonth: fe = 1,
-  weekStartsOn: B = 1,
+  weekStartsOn: J = 1,
   // Default Monday
   // Month picker props
-  monthMode: b = "single",
+  monthMode: p = "single",
   selectedMonths: y,
   onMonthSelect: N,
   month: R,
   defaultMonth: ue,
   onMonthChange: De,
-  startMonth: z,
-  endMonth: $,
+  startMonth: ye,
+  endMonth: we,
   ...de
 }) {
   const X = d.useMemo(() => {
     if (j === "fiscal") {
-      if (ne) return ne;
-      if (Q === "advanced") return ke["4-4-5"];
+      if (re) return re;
+      if (Q === "advanced") return Re["4-4-5"];
     }
-  }, [j, Q, ne]), m = ze(), [L, Z] = d.useState(x), [M, ae] = d.useState(() => {
+  }, [j, Q, re]), m = Ee(), Ne = d.useMemo(() => new Date(1900, 0, 1), []), Ce = d.useMemo(() => new Date(2100, 11, 31), []), z = ye || Ne, $ = we || Ce, [B, Z] = d.useState(x), [S, me] = d.useState(() => {
     if (R) return R;
     if (ue) return ue;
     if (x) {
@@ -78,25 +78,25 @@ function Te({
     return /* @__PURE__ */ new Date();
   });
   d.useEffect(() => {
-    R && (ae(R), ge(R.getFullYear()));
+    R && (me(R), ge(R.getFullYear()));
   }, [R]);
-  const [P, V] = d.useState(C), [A, ee] = d.useState(y), [me, ge] = d.useState(M.getFullYear());
+  const [O, V] = d.useState(C), [A, ee] = d.useState(y), [_e, ge] = d.useState(S.getFullYear());
   d.useEffect(() => {
     Z(x), V(C), ee(y);
   }, [x, C, y]);
-  const W = (e) => {
-    ae(e), ge(e.getFullYear()), De?.(e);
-  }, se = d.useCallback((e) => {
+  const k = (e) => {
+    me(e), ge(e.getFullYear()), De?.(e);
+  }, ae = 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(), Oe(n, {
       calendarType: j,
       fiscalMode: Q,
-      selectionMode: re,
+      selectionMode: ne,
       fiscalMonthPattern: X,
       fiscalYearStartMonth: fe,
-      weekStartsOn: B
+      weekStartsOn: J
     });
-  }, [j, Q, re, X, fe, B]), le = d.useCallback((e) => {
+  }, [j, Q, ne, X, fe, J]), se = d.useCallback((e) => {
     const n = (t, r) => t.year === r.year && t.month === r.month && t.weekOfMonth === r.weekOfMonth;
     if (h)
       V((t) => {
@@ -111,8 +111,8 @@ function Te({
           if (!a?.from || a.to)
             r = { from: e };
           else {
-            const l = { from: a.from, to: e };
-            e.startDate < a.from.startDate && (l.from = e, l.to = a.from), r = l;
+            const o = { from: a.from, to: e };
+            e.startDate < a.from.startDate && (o.from = e, o.to = a.from), r = o;
           }
         }
         return _?.(r), r;
@@ -120,7 +120,7 @@ function Te({
     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];
+      const t = C || [], a = t.some((o) => n(o, e)) ? t.filter((o) => !n(o, e)) : [...t, e];
       _?.(a.length > 0 ? a : void 0);
     } else if (D === "range") {
       const t = C;
@@ -131,61 +131,61 @@ function Te({
         e.startDate < t.from.startDate && (r.from = e, r.to = t.from), _?.(r);
       }
     }
-  }, [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;
+  }, [D, h, C, _]), Se = d.useCallback((e, n) => {
+    const t = { year: e, month: n }, r = (a, o) => a.year === o.year && a.month === o.month;
     if (h)
       ee((a) => {
-        let l;
-        if (b === "single")
-          l = t;
-        else if (b === "multiple") {
+        let o;
+        if (p === "single")
+          o = t;
+        else if (p === "multiple") {
           const s = a || [];
-          l = s.some((o) => r(o, t)) ? s.filter((o) => !r(o, t)) : [...s, t];
-        } else if (b === "range") {
+          o = s.some((i) => r(i, t)) ? s.filter((i) => !r(i, t)) : [...s, t];
+        } else if (p === "range") {
           const s = a;
           if (!s?.from || s.to)
-            l = { from: t };
+            o = { from: t };
           else {
-            const i = new Date(s.from.year, s.from.month, 1);
-            new Date(t.year, t.month, 1) < i ? l = { from: t, to: s.from } : l = { from: s.from, to: t };
+            const l = new Date(s.from.year, s.from.month, 1);
+            new Date(t.year, t.month, 1) < l ? o = { from: t, to: s.from } : o = { from: s.from, to: t };
           }
         }
-        return N?.(l), l;
+        return N?.(o), o;
       });
-    else if (b === "single")
+    else if (p === "single")
       N?.(t);
-    else if (b === "multiple") {
-      const a = y || [], s = a.some((i) => r(i, t)) ? a.filter((i) => !r(i, t)) : [...a, t];
+    else if (p === "multiple") {
+      const a = y || [], s = a.some((l) => r(l, t)) ? a.filter((l) => !r(l, t)) : [...a, t];
       N?.(s.length > 0 ? s : void 0);
-    } else if (b === "range") {
+    } else if (p === "range") {
       const a = y;
       if (!a?.from || a.to)
         N?.({ from: t });
       else {
-        const l = new Date(a.from.year, a.from.month, 1);
-        new Date(t.year, t.month, 1) < l ? N?.({ from: t, to: a.from }) : N?.({ from: a.from, to: t });
+        const o = new Date(a.from.year, a.from.month, 1);
+        new Date(t.year, t.month, 1) < o ? N?.({ from: t, to: a.from }) : N?.({ from: a.from, to: t });
       }
     }
-  }, [b, h, y, N]), he = d.useCallback(() => {
-    const e = z ? z.getFullYear() : 1900, n = $ ? $.getFullYear() : 2100, t = [];
+  }, [p, h, y, N]), he = d.useCallback(() => {
+    const e = z.getFullYear(), n = $.getFullYear(), t = [];
     for (let r = e; r <= n; r++)
       t.push({ label: r.toString(), value: r.toString() });
     return t;
-  }, [z, $]), we = d.useCallback((e) => Ee.map((t, r) => ({
+  }, [z, $]), Ye = d.useCallback((e) => Ue.map((t, r) => ({
     label: t,
     value: r.toString()
   })).filter((t, r) => {
     const a = new Date(e, r, 1);
     return !(z && a < new Date(z.getFullYear(), z.getMonth(), 1) || $ && a > new Date($.getFullYear(), $.getMonth(), 1));
-  }), [z, $]), F = d.useMemo(() => {
+  }), [z, $]), W = d.useMemo(() => {
     if (u !== "week") return;
-    const e = h ? P : C;
+    const e = h ? O : C;
     if (!e) return;
     const n = [], t = (r) => {
       let a = new Date(r.startDate);
       a.setHours(0, 0, 0, 0);
-      const l = new Date(r.endDate);
-      for (l.setHours(0, 0, 0, 0); a <= l; )
+      const o = new Date(r.endDate);
+      for (o.setHours(0, 0, 0, 0); a <= o; )
         n.push(new Date(a)), a.setDate(a.getDate() + 1);
     };
     if (Array.isArray(e))
@@ -204,86 +204,87 @@ function Te({
     } else
       t(e);
     return n;
-  }, [u, h, P, C]), Ne = d.useMemo(() => {
-    if (u !== "week" || !F || F.length === 0)
+  }, [u, h, O, C]), Ae = d.useMemo(() => {
+    if (u !== "week" || !W || W.length === 0)
       return { range_start: [], range_middle: [], range_end: [] };
-    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;
-    }, l = (s, i) => i === e.length - 1 ? !1 : e[i + 1].getTime() - s.getTime() <= 1440 * 60 * 1e3;
-    return e.forEach((s, i) => {
-      const o = a(s, i), g = l(s, i);
-      !o && !g ? (n.push(s), r.push(s)) : o ? g ? t.push(s) : r.push(s) : n.push(s);
+    const e = [...W].sort((s, l) => s.getTime() - l.getTime()), n = [], t = [], r = [], a = (s, l) => {
+      if (l === 0) return !1;
+      const i = e[l - 1];
+      return s.getTime() - i.getTime() <= 1440 * 60 * 1e3;
+    }, o = (s, l) => l === e.length - 1 ? !1 : e[l + 1].getTime() - s.getTime() <= 1440 * 60 * 1e3;
+    return e.forEach((s, l) => {
+      const i = a(s, l), g = o(s, l);
+      !i && !g ? (n.push(s), r.push(s)) : i ? g ? t.push(s) : r.push(s) : n.push(s);
     }), {
       range_start: n,
       range_middle: t,
       range_end: r
     };
-  }, [u, F]), Ce = d.useCallback((e) => {
+  }, [u, W]), Me = 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 = se(n);
-        le(t);
+        const t = ae(n);
+        se(t);
         return;
       }
     }
-    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) => {
+    h && Z(e), E?.(e);
+  }, [h, E, u, ae, se]), je = d.useCallback(() => {
+    u === "week" ? (_?.(O), K?.(O)) : u === "month" ? (N?.(A), K?.(A)) : (E?.(B), K?.(B));
+  }, [B, O, A, E, _, N, K, u]), ze = d.useCallback(() => {
+    u === "week" ? V(C) : u === "month" ? ee(y) : Z(x), ie?.();
+  }, [x, C, y, ie, u]), $e = d.useCallback(() => {
+    u === "week" ? (V(void 0), h || _?.(void 0)) : u === "month" ? (ee(void 0), h || N?.(void 0)) : (Z(void 0), h || E?.(void 0)), ce?.();
+  }, [h, E, _, N, ce, u]), ke = 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);
     if ("from" in t) {
-      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 s === i;
-      const o = new Date(l.year, l.month, 1).getTime();
-      return s >= i && s <= o;
+      const r = t, a = r.from, o = r.to, s = new Date(e, n, 1).getTime(), l = new Date(a.year, a.month, 1).getTime();
+      if (!o) return s === l;
+      const i = new Date(o.year, o.month, 1).getTime();
+      return s >= l && s <= i;
     } else {
       const r = t;
       return r.year === e && r.month === n;
     }
-  }, [h, A, y]), je = d.useCallback((e, n) => {
+  }, [h, A, y]), Pe = 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 };
-    const o = new Date(l.year, l.month, 1).getTime();
+    const r = t, a = r.from, o = r.to, s = new Date(e, n, 1).getTime(), l = new Date(a.year, a.month, 1).getTime();
+    if (!o) return { isStart: s === l, isEnd: !1, isMiddle: !1 };
+    const i = new Date(o.year, o.month, 1).getTime();
     return {
-      isStart: s === i,
-      isEnd: s === o,
-      isMiddle: s > i && s < o
+      isStart: s === l,
+      isEnd: s === i,
+      isMiddle: s > l && s < i
     };
   }, [h, A, y]), xe = ({ yearOffset: e = 0 }) => {
-    const n = me + e;
+    const n = _e + 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,
+          M,
           {
             variant: "ghost",
             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" })
+            disabled: n <= z.getFullYear(),
+            onClick: () => k(new Date(n - 1, S.getMonth(), 1)),
+            children: /* @__PURE__ */ c(pe, { className: "h-4 w-4" })
           }
         ),
         /* @__PURE__ */ c("div", { className: "flex-1 flex justify-center items-center", children: /* @__PURE__ */ c(
-          ie,
+          oe,
           {
             value: { label: n.toString(), value: n.toString() },
             onChange: (t) => {
               if (t && "value" in t) {
                 const r = parseInt(t.value) - e;
-                W(new Date(r, 0, 1));
+                k(new Date(r, S.getMonth(), 1));
               }
             },
             scrollToSelectedOnOpen: !0,
@@ -293,39 +294,40 @@ function Te({
             menuWidth: "140px"
           }
         ) }),
-        (b === "single" || e === 1) && /* @__PURE__ */ c(
-          Y,
+        (p === "single" || e === 1) && /* @__PURE__ */ c(
+          M,
           {
             variant: "ghost",
             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" })
+            disabled: n >= $.getFullYear(),
+            onClick: () => k(new Date(n + 1, S.getMonth(), 1)),
+            children: /* @__PURE__ */ c(be, { className: "h-4 w-4" })
           }
         )
       ] }),
-      /* @__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;
+      /* @__PURE__ */ c("div", { className: "grid grid-cols-4 gap-y-4 gap-x-0", children: He.map((t, r) => {
+        const a = ke(n, r), { isStart: o, isEnd: s, isMiddle: l } = Pe(n, r), i = p === "range", g = h ? A : y, b = 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(
+          i && b && (l || o || s) && /* @__PURE__ */ c("div", { className: f(
             "absolute inset-y-0 inset-x-0 bg-accent",
-            l && "rounded-l-full left-1/2 -ml-5",
+            o && "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"
+            l && "inset-x-0",
+            o && s && "rounded-full inset-x-2"
           ) }),
           /* @__PURE__ */ c(
-            Y,
+            M,
             {
               variant: "ghost",
-              onClick: () => ye(n, r),
+              onClick: () => Se(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",
+                a && !i && "bg-primary text-primary-foreground hover:bg-primary/90 hover:text-primary-foreground",
+                i && (o || s) && "bg-primary text-primary-foreground hover:bg-primary/90 hover:text-primary-foreground rounded-lg",
                 !a && "hover:bg-accent hover:text-accent-foreground border border-transparent hover:border-primary",
-                i && "text-accent-foreground"
+                l && "text-accent-foreground"
               ),
               children: t
             }
@@ -337,7 +339,7 @@ function Te({
   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: [
+      (p === "range" || p === "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 })
       ] })
@@ -345,16 +347,16 @@ function Te({
       // @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__ */ c(
-        $e,
+        Ie,
         {
-          mode: u === "week" ? "multiple" : J,
-          selected: u === "week" ? F : h ? L : x,
-          onSelect: Ce,
-          month: M,
-          onMonthChange: W,
+          mode: u === "week" ? "multiple" : F,
+          selected: u === "week" ? W : h ? B : x,
+          onSelect: Me,
+          month: S,
+          onMonthChange: k,
           showOutsideDays: j === "fiscal" ? !0 : v,
-          weekStartsOn: B,
-          modifiers: u === "week" ? Ne : void 0,
+          weekStartsOn: J,
+          modifiers: u === "week" ? Ae : 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`,
@@ -365,7 +367,7 @@ function Te({
           startMonth: z,
           endMonth: $,
           disabled: de.disabled,
-          numberOfMonths: J === "range" || J === "multiple" || D === "range" || D === "multiple" ? 2 : 1,
+          numberOfMonths: F === "range" || F === "multiple" || D === "range" || D === "multiple" ? 2 : 1,
           showWeekNumber: !0,
           formatters: {
             formatMonthDropdown: (e) => e.toLocaleString("default", { month: "short" }),
@@ -463,17 +465,17 @@ function Te({
                 ...t
               }
             ),
-            Chevron: ({ className: e, orientation: n, ...t }) => n === "left" ? /* @__PURE__ */ c(be, { className: f("size-4 text-foreground", e), ...t }) : n === "right" ? /* @__PURE__ */ c(
-              pe,
+            Chevron: ({ className: e, orientation: n, ...t }) => n === "left" ? /* @__PURE__ */ c(pe, { className: f("size-4 text-foreground", e), ...t }) : n === "right" ? /* @__PURE__ */ c(
+              be,
               {
                 className: f("size-4 text-foreground", e),
                 ...t
               }
             ) : /* @__PURE__ */ c("span", {}),
             PreviousMonthButton: (e) => /* @__PURE__ */ c(
-              Y,
+              M,
               {
-                variant: H,
+                variant: L,
                 size: "icon",
                 className: "h-7 w-7",
                 "aria-label": "Previous Month",
@@ -481,29 +483,36 @@ function Te({
               }
             ),
             NextMonthButton: (e) => /* @__PURE__ */ c(
-              Y,
+              M,
               {
-                variant: H,
+                variant: L,
                 size: "icon",
                 className: "h-7 w-7",
                 "aria-label": "Next Month",
                 ...e
               }
             ),
-            MonthsDropdown: ({ value: e, onChange: n }) => {
-              const t = M.getFullYear(), r = we(t);
+            MonthCaption: ({ displayIndex: e, ...n }) => /* @__PURE__ */ c(le.Provider, { value: e, children: /* @__PURE__ */ c("div", { ...n }) }),
+            MonthsDropdown: ({ value: e }) => {
+              const n = d.useContext(le), t = n > 0, a = new Date(S.getFullYear(), S.getMonth() + n, 1).getFullYear(), o = Ye(a);
               return /* @__PURE__ */ c(
-                ie,
+                oe,
                 {
-                  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);
-                      W(s), n?.(l);
+                  value: o.find((s) => s.value === e?.toString()),
+                  onChange: (s) => {
+                    if (s && "value" in s) {
+                      const l = parseInt(s.value);
+                      if (t) {
+                        const i = new Date(a, l - 1, 1);
+                        k(i);
+                      } else {
+                        const i = new Date(a, l, 1);
+                        k(i);
+                      }
                     }
                   },
                   scrollToSelectedOnOpen: !0,
-                  options: r,
+                  options: o,
                   className: "w-[95px]",
                   menuWidth: "140px",
                   isSearchable: !0,
@@ -512,20 +521,26 @@ function Te({
                 }
               );
             },
-            YearsDropdown: ({ value: e, onChange: n }) => {
-              const t = he();
+            YearsDropdown: ({ value: e }) => {
+              const t = d.useContext(le) > 0, r = he();
               return /* @__PURE__ */ c(
-                ie,
+                oe,
                 {
-                  value: t.find((r) => r.value === e?.toString()),
-                  onChange: (r) => {
-                    if (r && "value" in r) {
-                      const a = parseInt(r.value), l = new Date(a, M.getMonth(), 1);
-                      ae(l), n?.(a);
+                  value: r.find((a) => a.value === e?.toString()),
+                  onChange: (a) => {
+                    if (a && "value" in a) {
+                      const o = parseInt(a.value);
+                      if (t) {
+                        const s = new Date(S.getFullYear(), S.getMonth() + 1, 1).getMonth(), l = new Date(o, s - 1, 1);
+                        k(l);
+                      } else {
+                        const s = new Date(o, S.getMonth(), 1);
+                        k(s);
+                      }
                     }
                   },
                   scrollToSelectedOnOpen: !0,
-                  options: t,
+                  options: r,
                   className: "w-[76px]",
                   menuWidth: "140px",
                   isSearchable: !0,
@@ -535,45 +550,45 @@ function Te({
               );
             },
             DayButton: (e) => /* @__PURE__ */ c(
-              Pe,
+              Le,
               {
                 ...e,
                 pickerType: u
               }
             ),
             WeekNumber: ({ week: e, ...n }) => {
-              const t = e.days.find((U) => !U.outside)?.date;
+              const t = e.days.find((H) => !H.outside)?.date;
               if (!t)
                 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}`;
+              const r = t.getFullYear(), a = t.getMonth(), l = (new Date(r, a, 1).getDay() + 7 - J) % 7, i = new Date(r, a, 1 - l), g = new Date(t), P = (t.getDay() + 7 - J) % 7;
+              g.setDate(t.getDate() - P);
+              const Y = Math.round((g.getTime() - i.getTime()) / (10080 * 60 * 1e3)) + 1, U = `Week ${Y}`;
               return u === "week" ? /* @__PURE__ */ c(
                 "td",
                 {
                   ...n,
-                  "aria-label": I,
-                  "data-week-index": S,
-                  "data-week-number": S,
+                  "aria-label": U,
+                  "data-week-index": Y,
+                  "data-week-number": Y,
                   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: (U) => {
-                    U.preventDefault(), U.stopPropagation(), le(se(e));
+                  onClick: (H) => {
+                    H.preventDefault(), H.stopPropagation(), se(ae(e));
                   },
                   children: /* @__PURE__ */ w("div", { className: "flex h-8 w-full items-center justify-center text-center text-[11px] text-[#757575]", children: [
                     "W",
-                    S
+                    Y
                   ] })
                 }
               ) : /* @__PURE__ */ c(
                 "td",
                 {
                   ...n,
-                  "aria-label": I,
+                  "aria-label": U,
                   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
@@ -582,7 +597,7 @@ function Te({
                   role: "rowheader",
                   children: /* @__PURE__ */ w("div", { className: "flex h-8 w-full items-center justify-center text-center", children: [
                     "W",
-                    S
+                    Y
                   ] })
                 }
               );
@@ -593,11 +608,11 @@ function Te({
         }
       )
     ),
-    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: [
+    h && /* @__PURE__ */ w("div", { className: f("flex items-center gap-2 border-t pt-3 p-3", u === "month" && p !== "single" || F === "range" || D === "range" || D === "multiple" ? "justify-between" : "justify-end"), children: [
+      F === "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__ */ c("span", { className: "text-[#0d152c] font-semibold", children: (() => {
-          const e = L;
+          const e = B;
           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" : ""}`;
@@ -608,46 +623,46 @@ function Te({
       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__ */ c("span", { className: "text-[#0d152c] font-semibold", children: (() => {
-          const e = P;
+          const e = O;
           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, 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";
+          const n = (l) => Date.UTC(l.getFullYear(), l.getMonth(), l.getDate()), t = (l) => {
+            const i = Math.floor(l / 7), g = l % 7, b = [];
+            return i > 0 && b.push(`${i} week${i !== 1 ? "s" : ""}`), (g > 0 || i === 0) && b.push(`${g} day${g !== 1 ? "s" : ""}`), b.join(" ");
+          }, r = j === "fiscal" && ne === "fiscalMonth", a = j === "fiscal", o = 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;
-              return `${i} ${i !== 1 ? s : l}`;
+              const l = e.length;
+              return `${l} ${l !== 1 ? s : o}`;
             } else {
-              let i = 0;
-              return e.forEach((o) => {
-                const g = n(o.startDate), p = n(o.endDate);
-                i += Math.round((p - g) / (1e3 * 60 * 60 * 24)) + 1;
-              }), t(i);
+              let l = 0;
+              return e.forEach((i) => {
+                const g = n(i.startDate), b = n(i.endDate);
+                l += Math.round((b - g) / (1e3 * 60 * 60 * 24)) + 1;
+              }), t(l);
             }
           else if ("from" in e) {
-            const { from: i, to: o } = e;
+            const { from: l, to: i } = e;
             if (r) {
-              if (!o) return `1 ${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}`;
+              if (!i) return `1 ${o}`;
+              const g = n(l.startDate), b = n(i.endDate), P = Math.round(Math.abs(b - g) / (1e3 * 60 * 60 * 24)) + 1, I = X ? X.reduce((U, H) => U + H, 0) / 12 : 4.33, Y = Math.max(1, Math.round(P / (I * 7)));
+              return `${Y} ${Y !== 1 ? s : o}`;
             } else if (a) {
-              if (!o) return `1 ${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}`;
+              if (!i) return `1 ${o}`;
+              const g = n(l.startDate), b = n(i.endDate), P = Math.round((b - g) / (10080 * 60 * 1e3)), I = P > 0 ? P : 1;
+              return `${I} ${I !== 1 ? s : o}`;
             } else {
-              if (!o) {
-                const E = n(i.startDate), S = n(i.endDate), I = Math.round((S - E) / (1e3 * 60 * 60 * 24)) + 1;
-                return t(I);
+              if (!i) {
+                const I = n(l.startDate), Y = n(l.endDate), U = Math.round((Y - I) / (1e3 * 60 * 60 * 24)) + 1;
+                return t(U);
               }
-              const g = n(i.startDate), p = n(o.endDate), k = Math.round(Math.abs(p - g) / (1e3 * 60 * 60 * 24)) + 1;
-              return t(k);
+              const g = n(l.startDate), b = n(i.endDate), P = Math.round(Math.abs(b - g) / (1e3 * 60 * 60 * 24)) + 1;
+              return t(P);
             }
           } else
-            return `1 ${l}`;
+            return `1 ${o}`;
         })() })
       ] }),
-      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: [
+      u === "month" && (p === "range" || p === "multiple") && /* @__PURE__ */ w("div", { className: "flex flex-row items-center gap-1 text-[#60697d] text-xs leading-[18px] font-medium", children: [
         "Selected:",
         /* @__PURE__ */ c("span", { className: "text-[#0d152c] font-semibold", children: (() => {
           const e = A;
@@ -666,29 +681,29 @@ function Te({
       ] }),
       /* @__PURE__ */ w("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ c(
-          Y,
+          M,
           {
             variant: "link",
             size: "sm",
-            onClick: Ae,
+            onClick: $e,
             children: "Clear"
           }
         ),
         /* @__PURE__ */ c(
-          Y,
+          M,
           {
             variant: "outline",
             size: "sm",
-            onClick: Se,
+            onClick: ze,
             children: "Cancel"
           }
         ),
         /* @__PURE__ */ c(
-          Y,
+          M,
           {
             variant: "default",
             size: "sm",
-            onClick: _e,
+            onClick: je,
             children: "Apply"
           }
         )
@@ -696,18 +711,18 @@ function Te({
     ] })
   ] });
 }
-function Pe({
+function Le({
   className: te,
   day: T,
   modifiers: v,
   pickerType: q,
-  ...H
+  ...L
 }) {
   const G = d.useRef(null);
   return d.useEffect(() => {
     v.focused && G.current?.focus();
   }, [v.focused]), /* @__PURE__ */ c(
-    Y,
+    M,
     {
       ref: G,
       variant: "ghost",
@@ -730,12 +745,12 @@ function Pe({
         te
       ),
       "data-component": "calendar-day",
-      ...H,
-      disabled: H.disabled || v.disabled
+      ...L,
+      disabled: L.disabled || v.disabled
     }
   );
 }
 export {
-  Te as Calendar,
-  Pe as CalendarDayButton
+  Qe as Calendar,
+  Le as CalendarDayButton
 };