impact-nova 1.1.1 → 1.1.2

package/dist/components/ui/calendar.js

@@ -1,13 +1,13 @@
-import { jsxs as w, 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 pe, ChevronRightIcon as be } from "lucide-react";
-import { getDefaultClassNames as $e, DayPicker as ke } from "react-day-picker";
-import { cn as c } from "../../lib/utils.js";
-import { Button as E } from "./button.js";
-import { buttonVariants as ve } from "./button-variants.js";
+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 Oe, resolveWeekSelection as Ee } from "../../lib/fiscal-calendar.js";
-const Re = [
+import { FISCAL_PATTERNS as ke, resolveWeekSelection as Oe } from "../../lib/fiscal-calendar.js";
+const Ee = [
   "January",
   "February",
   "March",
@@ -20,22 +20,22 @@ const Re = [
   "October",
   "November",
   "December"
-], Ie = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
-function qe({
+], 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: P = "ghost",
+  buttonVariant: H = "ghost",
   formatters: G,
-  components: De,
+  components: ve,
   showFooter: h = !0,
   onApply: K,
   onCancel: oe,
   onClear: ce,
   mode: J = "single",
   selected: x,
-  onSelect: k,
+  onSelect: O,
   // Week picker props
   pickerType: u = "date",
   weekMode: D = "single",
@@ -46,25 +46,25 @@ function qe({
   selectionMode: re = "week",
   fiscalMonthPattern: ne,
   fiscalYearStartMonth: fe = 1,
-  weekStartsOn: L = 1,
+  weekStartsOn: B = 1,
   // Default Monday
   // Month picker props
-  monthMode: p = "single",
+  monthMode: b = "single",
   selectedMonths: y,
   onMonthSelect: N,
   month: R,
   defaultMonth: ue,
-  onMonthChange: ye,
-  startMonth: Y,
-  endMonth: z,
+  onMonthChange: De,
+  startMonth: z,
+  endMonth: $,
   ...de
 }) {
   const X = d.useMemo(() => {
     if (j === "fiscal") {
       if (ne) return ne;
-      if (Q === "advanced") return Oe["4-4-5"];
+      if (Q === "advanced") return ke["4-4-5"];
     }
-  }, [j, Q, ne]), m = $e(), [W, Z] = d.useState(x), [V, ae] = d.useState(() => {
+  }, [j, Q, ne]), m = ze(), [L, Z] = d.useState(x), [M, ae] = d.useState(() => {
     if (R) return R;
     if (ue) return ue;
     if (x) {
@@ -80,26 +80,26 @@ function qe({
   d.useEffect(() => {
     R && (ae(R), ge(R.getFullYear()));
   }, [R]);
-  const [I, M] = d.useState(C), [A, ee] = d.useState(y), [me, ge] = d.useState(V.getFullYear());
+  const [P, V] = d.useState(C), [A, ee] = d.useState(y), [me, ge] = d.useState(M.getFullYear());
   d.useEffect(() => {
-    Z(x), M(C), ee(y);
+    Z(x), V(C), ee(y);
   }, [x, C, y]);
-  const B = (e) => {
-    ae(e), ge(e.getFullYear()), ye?.(e);
+  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(), Ee(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,
       fiscalMonthPattern: X,
       fiscalYearStartMonth: fe,
-      weekStartsOn: L
+      weekStartsOn: B
     });
-  }, [j, Q, re, X, fe, L]), le = 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)
-      M((t) => {
+      V((t) => {
         let r;
         if (D === "single")
           r = e;
@@ -131,17 +131,17 @@ function qe({
         e.startDate < t.from.startDate && (r.from = e, r.to = t.from), _?.(r);
       }
     }
-  }, [D, h, C, _]), we = 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)
       ee((a) => {
         let l;
-        if (p === "single")
+        if (b === "single")
           l = t;
-        else if (p === "multiple") {
+        else if (b === "multiple") {
           const s = a || [];
           l = s.some((o) => r(o, t)) ? s.filter((o) => !r(o, t)) : [...s, t];
-        } else if (p === "range") {
+        } else if (b === "range") {
           const s = a;
           if (!s?.from || s.to)
             l = { from: t };
@@ -152,12 +152,12 @@ function qe({
         }
         return N?.(l), l;
       });
-    else if (p === "single")
+    else if (b === "single")
       N?.(t);
-    else if (p === "multiple") {
+    else if (b === "multiple") {
       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 (p === "range") {
+    } else if (b === "range") {
       const a = y;
       if (!a?.from || a.to)
         N?.({ from: t });
@@ -166,20 +166,20 @@ function qe({
         new Date(t.year, t.month, 1) < l ? N?.({ from: t, to: a.from }) : N?.({ from: a.from, to: t });
       }
     }
-  }, [p, h, y, N]), he = d.useCallback(() => {
-    const e = Y ? Y.getFullYear() : 1900, n = z ? z.getFullYear() : 2100, 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;
-  }, [Y, z]), Ne = d.useCallback((e) => Re.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 !(Y && a < new Date(Y.getFullYear(), Y.getMonth(), 1) || z && a > new Date(z.getFullYear(), z.getMonth(), 1));
-  }), [Y, z]), F = 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 : C;
+    const e = h ? P : C;
     if (!e) return;
     const n = [], t = (r) => {
       let a = new Date(r.startDate);
@@ -204,7 +204,7 @@ function qe({
     } else
       t(e);
     return n;
-  }, [u, h, I, C]), Ce = d.useMemo(() => {
+  }, [u, h, P, C]), Ne = d.useMemo(() => {
     if (u !== "week" || !F || F.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) => {
@@ -220,7 +220,7 @@ function qe({
       range_middle: t,
       range_end: r
     };
-  }, [u, F]), _e = 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) {
@@ -229,14 +229,14 @@ function qe({
         return;
       }
     }
-    h && Z(e), k?.(e);
-  }, [h, k, u, se, le]), Se = d.useCallback(() => {
-    u === "week" ? (_?.(I), K?.(I)) : u === "month" ? (N?.(A), K?.(A)) : (k?.(W), K?.(W));
-  }, [W, I, A, k, _, N, K, u]), Ae = d.useCallback(() => {
-    u === "week" ? M(C) : u === "month" ? ee(y) : Z(x), oe?.();
-  }, [x, C, y, oe, u]), je = d.useCallback(() => {
-    u === "week" ? (M(void 0), h || _?.(void 0)) : u === "month" ? (ee(void 0), h || N?.(void 0)) : (Z(void 0), h || k?.(void 0)), ce?.();
-  }, [h, k, _, N, ce, u]), Ye = d.useCallback((e, n) => {
+    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))
@@ -250,7 +250,7 @@ function qe({
       const r = t;
       return r.year === e && r.month === n;
     }
-  }, [h, A, y]), ze = d.useCallback((e, n) => {
+  }, [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();
@@ -265,24 +265,25 @@ function qe({
     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__ */ f(
-          E,
+        e === 0 && /* @__PURE__ */ c(
+          Y,
           {
             variant: "ghost",
-            size: "sm",
-            className: "h-7 w-7 p-0",
-            onClick: () => B(new Date(n - 1, me % 12, 1)),
-            children: /* @__PURE__ */ f(pe, { 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(
+        /* @__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;
-                B(new Date(r, 0, 1));
+                W(new Date(r, 0, 1));
               }
             },
             scrollToSelectedOnOpen: !0,
@@ -292,33 +293,34 @@ function qe({
             menuWidth: "140px"
           }
         ) }),
-        (p !== "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: () => B(new Date(n + 1, 0, 1)),
-            children: /* @__PURE__ */ f(be, { 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: Ie.map((t, r) => {
-        const a = Ye(n, r), { isStart: l, isEnd: s, isMiddle: i } = ze(n, r), o = p === "range", g = h ? A : y, b = g && "to" in g && !!g.to;
+      /* @__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 && b && (i || l || s) && /* @__PURE__ */ f("div", { className: c(
+          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: () => we(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",
@@ -334,34 +336,34 @@ function qe({
   };
   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__ */ f(xe, { yearOffset: 0 }),
-      (p === "range" || p === "multiple") && /* @__PURE__ */ w("div", { className: "flex flex-row gap-0", children: [
-        /* @__PURE__ */ f("div", { className: "w-[1px] bg-gray-200 my-4" }),
-        /* @__PURE__ */ f(xe, { yearOffset: 1 })
+      /* @__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(
-        ke,
+      /* @__PURE__ */ c(
+        $e,
         {
           mode: u === "week" ? "multiple" : J,
-          selected: u === "week" ? F : h ? W : x,
-          onSelect: _e,
-          month: V,
-          onMonthChange: B,
+          selected: u === "week" ? F : h ? L : x,
+          onSelect: Ce,
+          month: M,
+          onMonthChange: W,
           showOutsideDays: j === "fiscal" ? !0 : v,
-          weekStartsOn: L,
-          modifiers: u === "week" ? Ce : void 0,
-          className: c(
+          weekStartsOn: B,
+          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`,
             te
           ),
           captionLayout: q,
-          startMonth: Y,
-          endMonth: z,
+          startMonth: z,
+          endMonth: $,
           disabled: de.disabled,
           numberOfMonths: J === "range" || J === "multiple" || D === "range" || D === "multiple" ? 2 : 1,
           showWeekNumber: !0,
@@ -371,115 +373,133 @@ function qe({
             ...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(
-              ve({ 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(
-              ve({ 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",
               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(
+            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),
+            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(pe, { className: c("size-4 text-foreground", e), ...t }) : n === "right" ? /* @__PURE__ */ f(
-              be,
+            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 = V.getFullYear(), r = Ne(t);
-              return /* @__PURE__ */ f(
+              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);
-                      B(s), n?.(l);
+                      W(s), n?.(l);
                     }
                   },
                   scrollToSelectedOnOpen: !0,
@@ -494,13 +514,13 @@ function qe({
             },
             YearsDropdown: ({ value: e, onChange: n }) => {
               const t = he();
-              return /* @__PURE__ */ f(
+              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, V.getMonth(), 1);
+                      const a = parseInt(r.value), l = new Date(a, M.getMonth(), 1);
                       ae(l), n?.(a);
                     }
                   },
@@ -514,47 +534,47 @@ function qe({
                 }
               );
             },
-            DayButton: (e) => /* @__PURE__ */ f(
-              Ue,
+            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 - L) % 7, o = new Date(r, a, 1 - i), g = new Date(t), $ = (t.getDay() + 7 - L) % 7;
-              g.setDate(t.getDate() - $);
-              const S = Math.round((g.getTime() - o.getTime()) / (10080 * 60 * 1e3)) + 1, U = `Week ${S}`;
-              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,
+                  "aria-label": I,
                   "data-week-index": S,
                   "data-week-number": S,
-                  className: c(
+                  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(), le(se(e));
+                  onClick: (U) => {
+                    U.preventDefault(), U.stopPropagation(), le(se(e));
                   },
                   children: /* @__PURE__ */ w("div", { className: "flex h-8 w-full items-center justify-center text-center text-[11px] text-[#757575]", children: [
                     "W",
                     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
                   ),
@@ -567,17 +587,17 @@ function qe({
                 }
               );
             },
-            ...De
+            ...ve
           },
           ...de
         }
       )
     ),
-    h && /* @__PURE__ */ w("div", { className: c("flex items-center gap-2 border-t pt-3 p-3", u === "month" && p !== "single" || J === "range" || D === "range" || D === "multiple" ? "justify-between" : "justify-end"), 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 = W;
+        /* @__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" : ""}`;
@@ -587,12 +607,12 @@ function qe({
       ] }),
       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, b = [];
-            return o > 0 && b.push(`${o} week${o !== 1 ? "s" : ""}`), (g > 0 || o === 0) && b.push(`${g} day${g !== 1 ? "s" : ""}`), b.join(" ");
+            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) {
@@ -601,35 +621,35 @@ function qe({
             } else {
               let i = 0;
               return e.forEach((o) => {
-                const g = n(o.startDate), b = n(o.endDate);
-                i += Math.round((b - 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), b = n(o.endDate), $ = Math.round(Math.abs(b - g) / (1e3 * 60 * 60 * 24)) + 1, O = X ? X.reduce((U, H) => U + H, 0) / 12 : 4.33, S = Math.max(1, Math.round($ / (O * 7)));
+              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), b = n(o.endDate), $ = Math.round((b - 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), S = n(i.endDate), U = Math.round((S - 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), b = n(o.endDate), $ = Math.round(Math.abs(b - 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" && (p === "range" || p === "multiple") && /* @__PURE__ */ w("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: (() => {
+        /* @__PURE__ */ c("span", { className: "text-[#0d152c] font-semibold", children: (() => {
           const e = A;
           if (!e) return "0 months";
           if (Array.isArray(e)) {
@@ -645,30 +665,30 @@ function qe({
         })() })
       ] }),
       /* @__PURE__ */ w("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ f(
-          E,
+        /* @__PURE__ */ c(
+          Y,
           {
             variant: "link",
             size: "sm",
-            onClick: je,
+            onClick: Ae,
             children: "Clear"
           }
         ),
-        /* @__PURE__ */ f(
-          E,
+        /* @__PURE__ */ c(
+          Y,
           {
             variant: "outline",
             size: "sm",
-            onClick: Ae,
+            onClick: Se,
             children: "Cancel"
           }
         ),
-        /* @__PURE__ */ f(
-          E,
+        /* @__PURE__ */ c(
+          Y,
           {
             variant: "default",
             size: "sm",
-            onClick: Se,
+            onClick: _e,
             children: "Apply"
           }
         )
@@ -676,18 +696,18 @@ function qe({
     ] })
   ] });
 }
-function Ue({
+function Pe({
   className: te,
   day: T,
   modifiers: v,
   pickerType: q,
-  ...P
+  ...H
 }) {
   const G = d.useRef(null);
   return d.useEffect(() => {
     v.focused && G.current?.focus();
-  }, [v.focused]), /* @__PURE__ */ f(
-    E,
+  }, [v.focused]), /* @__PURE__ */ c(
+    Y,
     {
       ref: G,
       variant: "ghost",
@@ -697,7 +717,7 @@ function Ue({
       "data-range-start": v.range_start,
       "data-range-end": v.range_end,
       "data-range-middle": v.range_middle,
-      className: c(
+      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
         q !== "week" && "hover:bg-accent hover:text-accent-foreground hover:border-primary",
@@ -710,12 +730,12 @@ function Ue({
         te
       ),
       "data-component": "calendar-day",
-      ...P,
-      disabled: P.disabled || v.disabled
+      ...H,
+      disabled: H.disabled || v.disabled
     }
   );
 }
 export {
-  qe as Calendar,
-  Ue as CalendarDayButton
+  Te as Calendar,
+  Pe as CalendarDayButton
 };