impact-nova 1.5.14 → 1.6.0

package/dist/components/ui/calendar.js

@@ -2,14 +2,15 @@ import { jsxs as C, jsx as c } from "react/jsx-runtime";
 import * as u from "react";
 import { ChevronLeftIcon as we, ChevronRightIcon as ye } from "lucide-react";
 import { getDefaultClassNames as Fe, DayPicker as He } from "react-day-picker";
-import { cn as f } from "../../lib/utils.js";
+import { cn as d } from "../../lib/utils.js";
 import { Button as A } from "./button.js";
+import "./button-variants.js";
 import ce from "./select/select.js";
 import { FISCAL_PATTERNS as Be, resolveWeekSelection as Te } from "../../lib/fiscal-calendar.js";
 import { getIntlLocale as We, getDateFnsLocale as qe } from "../../i18n/getDateFnsLocale.js";
 import { useImpactNovaI18n as Ge } from "../../i18n/ImpactNovaI18nContext.js";
-const fe = u.createContext(0);
-function at({
+const de = u.createContext(0);
+function st({
   className: ae,
   classNames: J,
   showOutsideDays: D = !1,
@@ -20,24 +21,24 @@ function at({
   showFooter: x = !0,
   onApply: X,
   onCancel: ue,
-  onClear: de,
+  onClear: fe,
   mode: B = "single",
-  selected: p,
+  selected: b,
   onSelect: P,
   // Week picker props
-  pickerType: d = "date",
+  pickerType: f = "date",
   weekMode: w = "single",
   selectedWeeks: _,
   onWeekSelect: S,
   calendarType: k = "calendar",
   fiscalMode: Z = "basic",
   selectionMode: se = "week",
-  fiscalMonthPattern: le,
+  fiscalMonthPattern: oe,
   fiscalYearStartMonth: me = 1,
   weekStartsOn: T = 1,
   // Default Monday
   // Month picker props
-  monthMode: b = "single",
+  monthMode: v = "single",
   selectedMonths: y,
   onMonthSelect: N,
   month: E,
@@ -61,32 +62,32 @@ function at({
     [W]
   ), ee = u.useMemo(() => {
     if (k === "fiscal") {
-      if (le) return le;
+      if (oe) return oe;
       if (Z === "advanced") return Be["4-4-5"];
     }
-  }, [k, Z, le]), g = Fe(), je = u.useMemo(() => new Date(1900, 0, 1), []), Ae = u.useMemo(() => new Date(2100, 11, 31), []), z = _e || je, R = Se || Ae, [q, te] = u.useState(p), [Y, pe] = u.useState(() => {
+  }, [k, Z, oe]), g = Fe(), je = u.useMemo(() => new Date(1900, 0, 1), []), Ae = u.useMemo(() => new Date(2100, 11, 31), []), z = _e || je, R = Se || Ae, [q, te] = u.useState(b), [Y, be] = u.useState(() => {
     if (E) return E;
     if (ge) return ge;
-    if (p) {
-      if (Array.isArray(p))
-        return p[0] || /* @__PURE__ */ new Date();
-      if (p instanceof Date)
-        return p;
-      if ("from" in p && p.from)
-        return p.from;
+    if (b) {
+      if (Array.isArray(b))
+        return b[0] || /* @__PURE__ */ new Date();
+      if (b instanceof Date)
+        return b;
+      if ("from" in b && b.from)
+        return b.from;
     }
     return /* @__PURE__ */ new Date();
   });
   u.useEffect(() => {
-    E && (pe(E), be(E.getFullYear()));
+    E && (be(E), ve(E.getFullYear()));
   }, [E]);
-  const [O, ne] = u.useState(_), [j, re] = u.useState(y), [ke, be] = u.useState(Y.getFullYear());
+  const [O, ne] = u.useState(_), [j, re] = u.useState(y), [ke, ve] = u.useState(Y.getFullYear());
   u.useEffect(() => {
-    te(p), ne(_), re(y);
-  }, [p, _, y]);
+    te(b), ne(_), re(y);
+  }, [b, _, y]);
   const L = (e) => {
-    pe(e), be(e.getFullYear()), Ce?.(e);
-  }, oe = u.useCallback((e) => {
+    be(e), ve(e.getFullYear()), Ce?.(e);
+  }, le = u.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(), Te(n, {
       calendarType: k,
@@ -111,8 +112,8 @@ function at({
           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 S?.(r), r;
@@ -120,7 +121,7 @@ function at({
     else if (w === "single")
       S?.(e);
     else if (w === "multiple") {
-      const t = _ || [], a = t.some((l) => n(l, e)) ? t.filter((l) => !n(l, e)) : [...t, e];
+      const t = _ || [], a = t.some((o) => n(o, e)) ? t.filter((o) => !n(o, e)) : [...t, e];
       S?.(a.length > 0 ? a : void 0);
     } else if (w === "range") {
       const t = _;
@@ -132,41 +133,41 @@ function at({
       }
     }
   }, [w, x, _, S]), ze = u.useCallback((e, n) => {
-    const t = { year: e, month: n }, r = (a, l) => a.year === l.year && a.month === l.month;
+    const t = { year: e, month: n }, r = (a, o) => a.year === o.year && a.month === o.month;
     if (x)
       re((a) => {
-        let l;
-        if (b === "single")
-          l = t;
-        else if (b === "multiple") {
+        let o;
+        if (v === "single")
+          o = t;
+        else if (v === "multiple") {
           const s = a || [];
-          l = s.some((i) => r(i, t)) ? s.filter((i) => !r(i, t)) : [...s, t];
-        } else if (b === "range") {
+          o = s.some((i) => r(i, t)) ? s.filter((i) => !r(i, t)) : [...s, t];
+        } else if (v === "range") {
           const s = a;
           if (!s?.from || s.to)
-            l = { from: t };
+            o = { from: t };
           else {
-            const o = new Date(s.from.year, s.from.month, 1);
-            new Date(t.year, t.month, 1) < o ? 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 (v === "single")
       N?.(t);
-    else if (b === "multiple") {
-      const a = y || [], s = a.some((o) => r(o, t)) ? a.filter((o) => !r(o, t)) : [...a, t];
+    else if (v === "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 (v === "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, x, y, N]), ve = u.useCallback(() => {
+  }, [v, x, y, N]), pe = u.useCallback(() => {
     const e = z.getFullYear(), n = R.getFullYear(), t = [];
     for (let r = e; r <= n; r++)
       t.push({ label: r.toString(), value: r.toString() });
@@ -178,14 +179,14 @@ function at({
     const a = new Date(e, r, 1);
     return !(z && a < new Date(z.getFullYear(), z.getMonth(), 1) || R && a > new Date(R.getFullYear(), R.getMonth(), 1));
   }), [z, R, xe]), G = u.useMemo(() => {
-    if (d !== "week") return;
+    if (f !== "week") return;
     const e = x ? O : _;
     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,48 +205,48 @@ function at({
     } else
       t(e);
     return n;
-  }, [d, x, O, _]), Le = u.useMemo(() => {
-    if (d !== "week" || !G || G.length === 0)
+  }, [f, x, O, _]), Le = u.useMemo(() => {
+    if (f !== "week" || !G || G.length === 0)
       return { range_start: [], range_middle: [], range_end: [] };
-    const e = [...G].sort((s, o) => s.getTime() - o.getTime()), n = [], t = [], r = [], a = (s, o) => {
-      if (o === 0) return !1;
-      const i = e[o - 1];
+    const e = [...G].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;
-    }, l = (s, o) => o === e.length - 1 ? !1 : e[o + 1].getTime() - s.getTime() <= 1440 * 60 * 1e3;
-    return e.forEach((s, o) => {
-      const i = a(s, o), h = l(s, o);
+    }, 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), h = o(s, l);
       !i && !h ? (n.push(s), r.push(s)) : i ? h ? t.push(s) : r.push(s) : n.push(s);
     }), {
       range_start: n,
       range_middle: t,
       range_end: r
     };
-  }, [d, G]), Ie = u.useCallback((e) => {
-    if (d === "week" && e) {
+  }, [f, G]), Ie = u.useCallback((e) => {
+    if (f === "week" && e) {
       const n = Array.isArray(e) ? e[e.length - 1] : e instanceof Date ? e : void 0;
       if (n) {
-        const t = oe(n);
+        const t = le(n);
         ie(t);
         return;
       }
     }
     x && te(e), P?.(e);
-  }, [x, P, d, oe, ie]), Pe = u.useCallback(() => {
-    d === "week" ? (S?.(O), X?.(O)) : d === "month" ? (N?.(j), X?.(j)) : (P?.(q), X?.(q));
-  }, [q, O, j, P, S, N, X, d]), $e = u.useCallback(() => {
-    d === "week" ? ne(_) : d === "month" ? re(y) : te(p), ue?.();
-  }, [p, _, y, ue, d]), Ee = u.useCallback(() => {
-    d === "week" ? (ne(void 0), x || S?.(void 0)) : d === "month" ? (re(void 0), x || N?.(void 0)) : (te(void 0), x || P?.(void 0)), de?.();
-  }, [x, P, S, N, de, d]), Oe = u.useCallback((e, n) => {
+  }, [x, P, f, le, ie]), Pe = u.useCallback(() => {
+    f === "week" ? (S?.(O), X?.(O)) : f === "month" ? (N?.(j), X?.(j)) : (P?.(q), X?.(q));
+  }, [q, O, j, P, S, N, X, f]), $e = u.useCallback(() => {
+    f === "week" ? ne(_) : f === "month" ? re(y) : te(b), ue?.();
+  }, [b, _, y, ue, f]), Ee = u.useCallback(() => {
+    f === "week" ? (ne(void 0), x || S?.(void 0)) : f === "month" ? (re(void 0), x || N?.(void 0)) : (te(void 0), x || P?.(void 0)), fe?.();
+  }, [x, P, S, N, fe, f]), Oe = u.useCallback((e, n) => {
     const t = x ? j : 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(), o = new Date(a.year, a.month, 1).getTime();
-      if (!l) return s === o;
-      const i = new Date(l.year, l.month, 1).getTime();
-      return s >= o && s <= i;
+      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;
@@ -253,13 +254,13 @@ function at({
   }, [x, j, y]), Ue = u.useCallback((e, n) => {
     const t = x ? j : 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(), o = new Date(a.year, a.month, 1).getTime();
-    if (!l) return { isStart: s === o, isEnd: !1, isMiddle: !1 };
-    const i = 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 === o,
+      isStart: s === l,
       isEnd: s === i,
-      isMiddle: s > o && s < i
+      isMiddle: s > l && s < i
     };
   }, [x, j, y]), De = ({ yearOffset: e = 0 }) => {
     const n = ke + e;
@@ -289,13 +290,13 @@ function at({
               }
             },
             scrollToSelectedOnOpen: !0,
-            options: ve(),
+            options: pe(),
             parentClassName: "flex justify-center items-center",
             className: "w-[200px]",
             menuWidth: "140px"
           }
         ) }),
-        (b === "single" || e === 1) && /* @__PURE__ */ c(
+        (v === "single" || e === 1) && /* @__PURE__ */ c(
           A,
           {
             variant: "ghost",
@@ -310,26 +311,26 @@ function at({
         )
       ] }),
       /* @__PURE__ */ c("div", { className: "grid grid-cols-4 gap-y-4 gap-x-0", children: Me.map((t, r) => {
-        const a = Oe(n, r), { isStart: l, isEnd: s, isMiddle: o } = Ue(n, r), i = b === "range", h = x ? j : y, v = h && "to" in h && !!h.to;
+        const a = Oe(n, r), { isStart: o, isEnd: s, isMiddle: l } = Ue(n, r), i = v === "range", h = x ? j : y, p = h && "to" in h && !!h.to;
         return /* @__PURE__ */ C("div", { className: "relative flex items-center justify-center h-10 w-full group", children: [
-          i && v && (o || l || s) && /* @__PURE__ */ c("div", { className: f(
+          i && p && (l || o || s) && /* @__PURE__ */ c("div", { className: d(
             "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",
-            o && "inset-x-0",
-            l && s && "rounded-full inset-x-2"
+            l && "inset-x-0",
+            o && s && "rounded-full inset-x-2"
           ) }),
           /* @__PURE__ */ c(
             A,
             {
               variant: "ghost",
               onClick: () => ze(n, r),
-              className: f(
+              className: d(
                 "relative z-10 w-10 h-10 p-0 text-sm font-normal rounded-lg transition-all",
-                a && !i && "bg-primary text-primary-foreground hover:bg-primary/90 hover:text-primary-foreground",
-                i && (l || 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",
-                o && "text-accent-foreground"
+                a && !i && "bg-brand text-brand-foreground hover:bg-brand/90 hover:text-brand-foreground",
+                i && (o || s) && "bg-brand text-brand-foreground hover:bg-brand/90 hover:text-brand-foreground rounded-lg",
+                !a && "hover:bg-accent hover:text-accent-foreground border border-transparent hover:border-brand",
+                l && "text-accent-foreground"
               ),
               children: t
             }
@@ -339,10 +340,10 @@ function at({
     ] });
   };
   return /* @__PURE__ */ C("div", { className: "flex flex-col ", "data-component": "calendar", children: [
-    d === "month" ? /* @__PURE__ */ C("div", { className: "flex flex-col md:flex-row", children: [
+    f === "month" ? /* @__PURE__ */ C("div", { className: "flex flex-col md:flex-row", children: [
       /* @__PURE__ */ c(De, { yearOffset: 0 }),
-      (b === "range" || b === "multiple") && /* @__PURE__ */ C("div", { className: "flex flex-row gap-0", children: [
-        /* @__PURE__ */ c("div", { className: "w-[1px] bg-gray-200 my-4" }),
+      (v === "range" || v === "multiple") && /* @__PURE__ */ C("div", { className: "flex flex-row gap-0", children: [
+        /* @__PURE__ */ c("div", { className: "w-[1px] bg-stroke-hairline my-4" }),
         /* @__PURE__ */ c(De, { yearOffset: 1 })
       ] })
     ] }) : (
@@ -351,17 +352,17 @@ function at({
       /* @__PURE__ */ c(
         He,
         {
-          mode: d === "week" ? "multiple" : B,
-          selected: d === "week" ? G : x ? q : p,
+          mode: f === "week" ? "multiple" : B,
+          selected: f === "week" ? G : x ? q : b,
           onSelect: Ie,
           month: Y,
           onMonthChange: L,
           showOutsideDays: k === "fiscal" ? !0 : D,
           weekStartsOn: T,
-          modifiers: d === "week" ? Le : void 0,
+          modifiers: f === "week" ? Le : void 0,
           locale: Ye,
-          className: f(
-            "bg-background group/calendar p-2 [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
+          className: d(
+            "bg-canvas 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
@@ -378,84 +379,84 @@ function at({
             ...Q
           },
           classNames: {
-            root: f("w-fit", g.root),
-            months: f(
+            root: d("w-fit", g.root),
+            months: d(
               "relative flex flex-col gap-2 md:flex-row",
               g.months
             ),
-            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",
+            month: d(
+              "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-stroke-hairline",
               g.month
             ),
-            nav: f(
+            nav: d(
               "absolute inset-x-0 top-[2px] h-[--cell-size] flex w-full items-center justify-between px-2 gap-1",
               g.nav
             ),
-            button_previous: f(
+            button_previous: d(
               "h-7 w-7 select-none p-0 z-10 aria-disabled:opacity-50 flex items-center justify-center relative",
               g.button_previous
             ),
-            button_next: f(
+            button_next: d(
               "h-7 w-7 select-none p-0 z-10 aria-disabled:opacity-50 flex items-center justify-center relative",
               g.button_next
             ),
-            month_caption: f(
+            month_caption: d(
               "flex h-[--cell-size] w-full items-center justify-center px-[--cell-size] relative ",
               g.month_caption
             ),
-            dropdowns: f(
+            dropdowns: d(
               "flex h-[--cell-size] gap-1 items-center justify-center text-sm font-medium relative ",
               g.dropdowns
             ),
-            caption_label: f(
+            caption_label: d(
               "select-none font-medium text-sm",
               g.caption_label
             ),
             table: "w-full border-collapse",
-            weekdays: f("flex w-full relative after:absolute after:bottom-0 after:right-0 after:h-[1px] after:bg-gray-200 after:left-[30px]", g.weekdays),
-            weekday: f(
+            weekdays: d("flex w-full relative after:absolute after:bottom-0 after:right-0 after:h-[1px] after:bg-stroke-hairline after:left-[30px]", g.weekdays),
+            weekday: d(
               "flex-1 select-none rounded-md font-normal text-center",
-              "text-[11px] text-[#757575] pb-2",
+              "text-[11px] text-content-muted pb-2",
               "[&:nth-child(2)]:pl-2",
               g.weekday
             ),
-            week: f("mt-1 flex w-full items-stretch group/week", g.week),
-            week_number_header: f(
+            week: d("mt-1 flex w-full items-stretch group/week", g.week),
+            week_number_header: d(
               "select-none font-normal text-center h-[30px] flex items-center justify-center",
-              "text-[11px] text-[#757575] w-[30px] flex-shrink-0",
+              "text-[11px] text-content-muted w-[30px] flex-shrink-0",
               g.week_number_header
             ),
-            week_number: f(
+            week_number: d(
               "select-none flex items-center justify-center h-[30px]",
-              "text-[11px] text-[#757575] w-[30px] flex-shrink-0 transition-colors",
-              d === "week" && "group-hover/week:bg-accent group-hover/week:rounded-l-lg",
+              "text-[11px] text-content-muted w-[30px] flex-shrink-0 transition-colors",
+              f === "week" && "group-hover/week:bg-accent group-hover/week:rounded-l-lg",
               g.week_number
             ),
-            day: f(
+            day: d(
               "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",
-              d === "week" && "group-hover/week:bg-accent [&:nth-child(2)]:group-hover/week:rounded-l-full [&:nth-child(8)]:group-hover/week:rounded-r-full",
-              d === "week" && "[&.rdp-selected:nth-child(2)]:rounded-l-full [&.rdp-selected:nth-child(8)]:rounded-r-full",
+              f === "week" && "group-hover/week:bg-accent [&:nth-child(2)]:group-hover/week:rounded-l-full [&:nth-child(8)]:group-hover/week:rounded-r-full",
+              f === "week" && "[&.rdp-selected:nth-child(2)]:rounded-l-full [&.rdp-selected:nth-child(8)]:rounded-r-full",
               J?.day
             ),
-            range_start: f(
+            range_start: d(
               "bg-accent rounded-l-full",
               g.range_start
             ),
-            range_middle: f("bg-accent rounded-none", g.range_middle),
-            range_end: f("bg-accent rounded-r-full", g.range_end),
-            today: f(
-              "text-primary",
+            range_middle: d("bg-accent rounded-none", g.range_middle),
+            range_end: d("bg-accent rounded-r-full", g.range_end),
+            today: d(
+              "text-brand",
               g.today
             ),
-            outside: f(
-              k === "fiscal" || D ? "text-muted-foreground opacity-50" : "invisible",
+            outside: d(
+              k === "fiscal" || D ? "text-content-muted opacity-50" : "invisible",
               g.outside
             ),
-            disabled: f(
-              "text-muted-foreground opacity-50",
+            disabled: d(
+              "text-content-muted opacity-50",
               g.disabled
             ),
-            hidden: f("invisible", g.hidden),
+            hidden: d("invisible", g.hidden),
             ...J
           },
           components: {
@@ -464,14 +465,14 @@ function at({
               {
                 "data-slot": "calendar",
                 ref: n,
-                className: f(e),
+                className: d(e),
                 ...t
               }
             ),
-            Chevron: ({ className: e, orientation: n, ...t }) => n === "left" ? /* @__PURE__ */ c(we, { className: f("size-4 text-foreground", e), ...t }) : n === "right" ? /* @__PURE__ */ c(
+            Chevron: ({ className: e, orientation: n, ...t }) => n === "left" ? /* @__PURE__ */ c(we, { className: d("size-4 text-content", e), ...t }) : n === "right" ? /* @__PURE__ */ c(
               ye,
               {
-                className: f("size-4 text-foreground", e),
+                className: d("size-4 text-content", e),
                 ...t
               }
             ) : /* @__PURE__ */ c("span", {}),
@@ -497,27 +498,27 @@ function at({
                 ...e
               }
             ),
-            MonthCaption: ({ displayIndex: e, ...n }) => /* @__PURE__ */ c(fe.Provider, { value: e, children: /* @__PURE__ */ c("div", { ...n }) }),
+            MonthCaption: ({ displayIndex: e, ...n }) => /* @__PURE__ */ c(de.Provider, { value: e, children: /* @__PURE__ */ c("div", { ...n }) }),
             MonthsDropdown: ({ value: e }) => {
-              const n = u.useContext(fe), t = n > 0, a = new Date(Y.getFullYear(), Y.getMonth() + n, 1).getFullYear(), l = Re(a);
+              const n = u.useContext(de), t = n > 0, a = new Date(Y.getFullYear(), Y.getMonth() + n, 1).getFullYear(), o = Re(a);
               return /* @__PURE__ */ c(
                 ce,
                 {
-                  value: l.find((s) => s.value === e?.toString()),
+                  value: o.find((s) => s.value === e?.toString()),
                   onChange: (s) => {
                     if (s && "value" in s) {
-                      const o = parseInt(s.value);
+                      const l = parseInt(s.value);
                       if (t) {
-                        const i = new Date(a, o - 1, 1);
+                        const i = new Date(a, l - 1, 1);
                         L(i);
                       } else {
-                        const i = new Date(a, o, 1);
+                        const i = new Date(a, l, 1);
                         L(i);
                       }
                     }
                   },
                   scrollToSelectedOnOpen: !0,
-                  options: l,
+                  options: o,
                   className: "w-[95px]",
                   menuWidth: "140px",
                   isSearchable: !0,
@@ -527,19 +528,19 @@ function at({
               );
             },
             YearsDropdown: ({ value: e }) => {
-              const t = u.useContext(fe) > 0, r = ve();
+              const t = u.useContext(de) > 0, r = pe();
               return /* @__PURE__ */ c(
                 ce,
                 {
                   value: r.find((a) => a.value === e?.toString()),
                   onChange: (a) => {
                     if (a && "value" in a) {
-                      const l = parseInt(a.value);
+                      const o = parseInt(a.value);
                       if (t) {
-                        const s = new Date(Y.getFullYear(), Y.getMonth() + 1, 1).getMonth(), o = new Date(l, s - 1, 1);
-                        L(o);
+                        const s = new Date(Y.getFullYear(), Y.getMonth() + 1, 1).getMonth(), l = new Date(o, s - 1, 1);
+                        L(l);
                       } else {
-                        const s = new Date(l, Y.getMonth(), 1);
+                        const s = new Date(o, Y.getMonth(), 1);
                         L(s);
                       }
                     }
@@ -558,41 +559,41 @@ function at({
               Je,
               {
                 ...e,
-                pickerType: d
+                pickerType: f
               }
             ),
             WeekNumber: ({ week: e, ...n }) => {
               const t = e.days.find((F) => !F.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(), o = (new Date(r, a, 1).getDay() + 7 - T) % 7, i = new Date(r, a, 1 - o), h = new Date(t), I = (t.getDay() + 7 - T) % 7;
+                return /* @__PURE__ */ c("td", { ...n, className: d("select-none flex items-center justify-center h-8 text-[11px] text-content-muted 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(), l = (new Date(r, a, 1).getDay() + 7 - T) % 7, i = new Date(r, a, 1 - l), h = new Date(t), I = (t.getDay() + 7 - T) % 7;
               h.setDate(t.getDate() - I);
               const M = Math.round((h.getTime() - i.getTime()) / (10080 * 60 * 1e3)) + 1, U = m("calendar.weekLabel", { number: M });
-              return d === "week" ? /* @__PURE__ */ c(
+              return f === "week" ? /* @__PURE__ */ c(
                 "td",
                 {
                   ...n,
                   "aria-label": U,
                   "data-week-index": M,
                   "data-week-number": M,
-                  className: f(
+                  className: d(
                     "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: (F) => {
-                    F.preventDefault(), F.stopPropagation(), ie(oe(e));
+                    F.preventDefault(), F.stopPropagation(), ie(le(e));
                   },
-                  children: /* @__PURE__ */ c("div", { className: "flex h-8 w-full items-center justify-center text-center text-[11px] text-[#757575]", children: m("calendar.weekNumber", { number: M }) })
+                  children: /* @__PURE__ */ c("div", { className: "flex h-8 w-full items-center justify-center text-center text-[11px] text-content-muted", children: m("calendar.weekNumber", { number: M }) })
                 }
               ) : /* @__PURE__ */ c(
                 "td",
                 {
                   ...n,
                   "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",
+                  className: d(
+                    "select-none flex items-center justify-center h-[30px] text-[11px] text-content-muted w-[30px] flex-shrink-0 rdp-week_number",
                     n.className
                   ),
                   scope: "row",
@@ -607,10 +608,10 @@ function at({
         }
       )
     ),
-    x && /* @__PURE__ */ C("div", { className: f("flex items-center gap-2 border-t pt-3 p-3", d === "month" && b !== "single" || B === "range" || w === "range" || w === "multiple" ? "justify-between" : "justify-end"), children: [
-      B === "range" && d === "date" && /* @__PURE__ */ C("div", { className: "flex flex-row items-center gap-1 text-[#60697d] text-xs leading-[18px] font-medium", children: [
+    x && /* @__PURE__ */ C("div", { className: d("flex items-center gap-2 border-t pt-3 p-3", f === "month" && v !== "single" || B === "range" || w === "range" || w === "multiple" ? "justify-between" : "justify-end"), children: [
+      B === "range" && f === "date" && /* @__PURE__ */ C("div", { className: "flex flex-row items-center gap-1 text-content-tertiary text-xs leading-[18px] font-medium", children: [
         "Selected:",
-        /* @__PURE__ */ c("span", { className: "text-[#0d152c] font-semibold", children: (() => {
+        /* @__PURE__ */ c("span", { className: "text-content font-semibold", children: (() => {
           const e = q;
           if (e?.from && e?.to) {
             const n = Math.abs(e.to.getTime() - e.from.getTime()), t = Math.ceil(n / (1e3 * 60 * 60 * 24)) + 1;
@@ -619,51 +620,51 @@ function at({
           return "0 days";
         })() })
       ] }),
-      d === "week" && (w === "range" || w === "multiple") && /* @__PURE__ */ C("div", { className: "flex flex-row items-center gap-1 text-[#60697d] text-xs leading-[18px] font-medium", children: [
+      f === "week" && (w === "range" || w === "multiple") && /* @__PURE__ */ C("div", { className: "flex flex-row items-center gap-1 text-content-tertiary text-xs leading-[18px] font-medium", children: [
         "Selected:",
-        /* @__PURE__ */ c("span", { className: "text-[#0d152c] font-semibold", children: (() => {
+        /* @__PURE__ */ c("span", { className: "text-content font-semibold", children: (() => {
           const e = O;
           if (!e) return "0 weeks";
-          const n = (o) => Date.UTC(o.getFullYear(), o.getMonth(), o.getDate()), t = (o) => {
-            const i = Math.floor(o / 7), h = o % 7, v = [];
-            return i > 0 && v.push(`${i} week${i !== 1 ? "s" : ""}`), (h > 0 || i === 0) && v.push(`${h} day${h !== 1 ? "s" : ""}`), v.join(" ");
-          }, r = k === "fiscal" && se === "fiscalMonth", a = k === "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), h = l % 7, p = [];
+            return i > 0 && p.push(`${i} week${i !== 1 ? "s" : ""}`), (h > 0 || i === 0) && p.push(`${h} day${h !== 1 ? "s" : ""}`), p.join(" ");
+          }, r = k === "fiscal" && se === "fiscalMonth", a = k === "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 o = e.length;
-              return `${o} ${o !== 1 ? s : l}`;
+              const l = e.length;
+              return `${l} ${l !== 1 ? s : o}`;
             } else {
-              let o = 0;
+              let l = 0;
               return e.forEach((i) => {
-                const h = n(i.startDate), v = n(i.endDate);
-                o += Math.round((v - h) / (1e3 * 60 * 60 * 24)) + 1;
-              }), t(o);
+                const h = n(i.startDate), p = n(i.endDate);
+                l += Math.round((p - h) / (1e3 * 60 * 60 * 24)) + 1;
+              }), t(l);
             }
           else if ("from" in e) {
-            const { from: o, to: i } = e;
+            const { from: l, to: i } = e;
             if (r) {
-              if (!i) return `1 ${l}`;
-              const h = n(o.startDate), v = n(i.endDate), I = Math.round(Math.abs(v - h) / (1e3 * 60 * 60 * 24)) + 1, $ = ee ? ee.reduce((U, F) => U + F, 0) / 12 : 4.33, M = Math.max(1, Math.round(I / ($ * 7)));
-              return `${M} ${M !== 1 ? s : l}`;
+              if (!i) return `1 ${o}`;
+              const h = n(l.startDate), p = n(i.endDate), I = Math.round(Math.abs(p - h) / (1e3 * 60 * 60 * 24)) + 1, $ = ee ? ee.reduce((U, F) => U + F, 0) / 12 : 4.33, M = Math.max(1, Math.round(I / ($ * 7)));
+              return `${M} ${M !== 1 ? s : o}`;
             } else if (a) {
-              if (!i) return `1 ${l}`;
-              const h = n(o.startDate), v = n(i.endDate), I = Math.round((v - h) / (10080 * 60 * 1e3)), $ = I > 0 ? I : 1;
-              return `${$} ${$ !== 1 ? s : l}`;
+              if (!i) return `1 ${o}`;
+              const h = n(l.startDate), p = n(i.endDate), I = Math.round((p - h) / (10080 * 60 * 1e3)), $ = I > 0 ? I : 1;
+              return `${$} ${$ !== 1 ? s : o}`;
             } else {
               if (!i) {
-                const $ = n(o.startDate), M = n(o.endDate), U = Math.round((M - $) / (1e3 * 60 * 60 * 24)) + 1;
+                const $ = n(l.startDate), M = n(l.endDate), U = Math.round((M - $) / (1e3 * 60 * 60 * 24)) + 1;
                 return t(U);
               }
-              const h = n(o.startDate), v = n(i.endDate), I = Math.round(Math.abs(v - h) / (1e3 * 60 * 60 * 24)) + 1;
+              const h = n(l.startDate), p = n(i.endDate), I = Math.round(Math.abs(p - h) / (1e3 * 60 * 60 * 24)) + 1;
               return t(I);
             }
           } else
-            return `1 ${l}`;
+            return `1 ${o}`;
         })() })
       ] }),
-      d === "month" && (b === "range" || b === "multiple") && /* @__PURE__ */ C("div", { className: "flex flex-row items-center gap-1 text-[#60697d] text-xs leading-[18px] font-medium", children: [
+      f === "month" && (v === "range" || v === "multiple") && /* @__PURE__ */ C("div", { className: "flex flex-row items-center gap-1 text-content-tertiary text-xs leading-[18px] font-medium", children: [
         "Selected:",
-        /* @__PURE__ */ c("span", { className: "text-[#0d152c] font-semibold", children: (() => {
+        /* @__PURE__ */ c("span", { className: "text-content font-semibold", children: (() => {
           const e = j;
           if (!e) return "0 months";
           if (Array.isArray(e)) {
@@ -731,15 +732,15 @@ function Je({
       "data-range-start": D.range_start,
       "data-range-end": D.range_end,
       "data-range-middle": D.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",
+      className: d(
+        "gap-2 whitespace-nowrap focus-visible:ring-1 focus-visible:ring-focus-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-accent hover:text-accent-foreground hover:border-brand",
         K === "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-[selected-single=true]:bg-brand data-[selected-single=true]:text-brand-foreground data-[selected-single=true]:rounded-lg data-[selected-single=true]:border-transparent",
+        "data-[range-start=true]:bg-brand data-[range-start=true]:text-brand-foreground data-[range-start=true]:rounded-lg data-[range-start=true]:border-transparent",
+        "data-[range-end=true]:bg-brand data-[range-end=true]:text-brand-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
       ),
@@ -750,6 +751,6 @@ function Je({
   );
 }
 export {
-  at as Calendar,
+  st as Calendar,
   Je as CalendarDayButton
 };