impact-nova 1.5.14 → 1.6.0

package/dist/components/ui/date-picker/month-range-picker.js

@@ -1,218 +1,227 @@
-import { jsxs as f, jsx as o } from "react/jsx-runtime";
-import * as d from "react";
-import { X as ct } from "lucide-react";
-import { CalendarMonth as lt, Info as mt } from "../../../icons/index.js";
-import { isValid as w, parse as S } from "date-fns";
-import { cn as P, padValidDateString as A, maskDate as j } from "../../../lib/utils.js";
-import { Popover as ft, PopoverTrigger as pt, PopoverContent as ht } from "../popover.js";
-import { Calendar as yt } from "../calendar.js";
-import { Tooltip as B, TooltipTrigger as O, TooltipContent as $ } from "../tooltip.js";
-import { useImpactNovaI18n as ut } from "../../../i18n/ImpactNovaI18nContext.js";
-const n = (t) => `${(t.month + 1).toString().padStart(2, "0")}/${t.year}`, gt = d.forwardRef(
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import * as a from "react";
+import { X as ft } from "lucide-react";
+import { CalendarMonth as mt, Info as pt } from "../../../icons/index.js";
+import { isValid as P, parse as S } from "date-fns";
+import { cn as y, padValidDateString as j, maskDate as B } from "../../../lib/utils.js";
+import { Popover as ht, PopoverTrigger as ut, PopoverContent as xt } from "../popover.js";
+import { Calendar as gt } from "../calendar.js";
+import { Tooltip as O, TooltipTrigger as z, TooltipContent as H } from "../tooltip.js";
+import { useImpactNovaI18n as Mt } from "../../../i18n/ImpactNovaI18nContext.js";
+const r = (t, i = "MM/YYYY") => {
+  const I = (t.month + 1).toString().padStart(2, "0");
+  return i === "YYYY/MM" ? `${t.year}/${I}` : `${I}/${t.year}`;
+}, Yt = a.forwardRef(
   ({
     value: t,
-    onChange: l,
-    placeholder: z,
-    minDate: H,
-    maxDate: X,
-    startMonth: q,
-    endMonth: v,
-    showFooter: p = !0,
-    disabled: x,
-    className: F,
-    isError: k,
-    size: N,
-    label: I,
-    helperText: D,
-    required: G,
-    prefix: xt,
-    prefixClick: Mt,
-    ...J
-  }, K) => {
-    const { t: u } = ut();
-    z ?? u("datePicker.selectMonthRange");
-    const V = d.useRef(null), L = d.useRef(null);
-    d.useRef(null), d.useRef(null), d.useImperativeHandle(K, () => V.current);
-    const [s, R] = d.useState(!1), [E, i] = d.useState(t), [M, h] = d.useState(t?.from ? n(t.from) : ""), [b, y] = d.useState(t?.to ? n(t.to) : ""), [Q, C] = d.useState(() => t?.from ? new Date(t.from.year, t.from.month, 1) : /* @__PURE__ */ new Date());
-    d.useEffect(() => {
-      s || (h(t?.from ? n(t.from) : ""), y(t?.to ? n(t.to) : ""), i(t));
-    }, [s, t]), d.useEffect(() => {
-      s && (i(t), h(t?.from ? n(t.from) : ""), y(t?.to ? n(t.to) : ""), C(t?.from ? new Date(t.from.year, t.from.month, 1) : /* @__PURE__ */ new Date()));
-    }, [s, t]);
-    const U = (e) => {
-      i(e), e?.from && h(n(e.from)), e?.to && y(n(e.to)), !p && e?.from && e?.to && (e.from.month !== e.to.month || e.from.year !== e.to.year) && (l?.(e), R(!1));
-    }, W = (e) => {
-      l?.(e !== void 0 ? e : E), R(!1);
-    }, Z = () => {
-      i(t), h(t?.from ? n(t.from) : ""), y(t?.to ? n(t.to) : ""), R(!1);
-    }, T = () => {
-      i(void 0), h(""), y(""), l?.(void 0), p || R(!1);
-    }, _ = (e) => {
-      const m = e.target.value, r = j(m, "MM/yyyy", M);
-      if (h(r), r === "") {
-        const c = { from: void 0, to: t?.to };
-        i(c), p || l?.(c);
+    onChange: i,
+    placeholder: I,
+    minDate: X,
+    maxDate: q,
+    startMonth: G,
+    endMonth: J,
+    showFooter: u = !0,
+    disabled: w,
+    className: K,
+    isError: N,
+    size: D,
+    label: V,
+    helperText: E,
+    required: L,
+    prefix: wt,
+    prefixClick: bt,
+    displayFormat: n = "MM/YYYY",
+    ...Q
+  }, U) => {
+    const { t: M } = Mt();
+    I ?? M("datePicker.selectMonthRange");
+    const T = a.useRef(null), W = a.useRef(null), l = a.useMemo(
+      () => n === "YYYY/MM" ? "yyyy/MM" : "MM/yyyy",
+      [n]
+    );
+    a.useImperativeHandle(U, () => T.current);
+    const [d, C] = a.useState(!1), [A, f] = a.useState(t), [b, x] = a.useState(t?.from ? r(t.from, n) : ""), [k, g] = a.useState(t?.to ? r(t.to, n) : ""), [Z, R] = a.useState(() => t?.from ? new Date(t.from.year, t.from.month, 1) : /* @__PURE__ */ new Date());
+    a.useEffect(() => {
+      d || (x(t?.from ? r(t.from, n) : ""), g(t?.to ? r(t.to, n) : ""), f(t));
+    }, [d, t, n]), a.useEffect(() => {
+      d && (f(t), x(t?.from ? r(t.from, n) : ""), g(t?.to ? r(t.to, n) : ""), R(t?.from ? new Date(t.from.year, t.from.month, 1) : /* @__PURE__ */ new Date()));
+    }, [d, t, n]);
+    const _ = (e) => {
+      f(e), e?.from && x(r(e.from, n)), e?.to && g(r(e.to, n)), !u && e?.from && e?.to && (e.from.month !== e.to.month || e.from.year !== e.to.year) && (i?.(e), C(!1));
+    }, F = (e) => {
+      i?.(e !== void 0 ? e : A), C(!1);
+    }, tt = () => {
+      f(t), x(t?.from ? r(t.from, n) : ""), g(t?.to ? r(t.to, n) : ""), C(!1);
+    }, v = () => {
+      f(void 0), x(""), g(""), i?.(void 0), u || C(!1);
+    }, et = (e) => {
+      const h = e.target.value, s = B(h, l, b);
+      if (x(s), s === "") {
+        const m = { from: void 0, to: t?.to };
+        f(m), u || i?.(m);
         return;
       }
-      const a = S(r, "MM/yyyy", /* @__PURE__ */ new Date());
-      if (w(a) && r.length === 7) {
-        const g = { from: { month: a.getMonth(), year: a.getFullYear() }, to: t?.to };
-        i(g), C(a), p || l?.(g);
+      const c = S(s, l, /* @__PURE__ */ new Date());
+      if (P(c) && s.length === 7) {
+        const Y = { from: { month: c.getMonth(), year: c.getFullYear() }, to: t?.to };
+        f(Y), R(c), u || i?.(Y);
       }
-    }, tt = (e) => {
-      const m = e.target.value, r = j(m, "MM/yyyy", b);
-      if (y(r), r === "") {
-        const c = { from: t?.from, to: void 0 };
-        i(c), p || l?.(c);
+    }, nt = (e) => {
+      const h = e.target.value, s = B(h, l, k);
+      if (g(s), s === "") {
+        const m = { from: t?.from, to: void 0 };
+        f(m), u || i?.(m);
         return;
       }
-      const a = S(r, "MM/yyyy", /* @__PURE__ */ new Date());
-      if (w(a) && r.length === 7) {
-        const c = { month: a.getMonth(), year: a.getFullYear() }, g = { from: t?.from, to: c };
-        i(g), C(a), p || l?.(g);
+      const c = S(s, l, /* @__PURE__ */ new Date());
+      if (P(c) && s.length === 7) {
+        const m = { month: c.getMonth(), year: c.getFullYear() }, Y = { from: t?.from, to: m };
+        f(Y), R(c), u || i?.(Y);
       }
-    }, Y = () => {
-      if (s) return;
-      const e = A(M, "MM/yyyy"), m = A(b, "MM/yyyy"), r = S(e, "MM/yyyy", /* @__PURE__ */ new Date()), a = S(m, "MM/yyyy", /* @__PURE__ */ new Date()), c = w(r) && e.length === 7, g = w(a) && m.length === 7;
-      !c || !g ? (h(t?.from ? n(t.from) : ""), y(t?.to ? n(t.to) : ""), i(t)) : (h(e), y(m), p || l?.({
-        from: { month: r.getMonth(), year: r.getFullYear() },
-        to: { month: a.getMonth(), year: a.getFullYear() }
+    }, $ = () => {
+      if (d) return;
+      const e = j(b, l), h = j(k, l), s = S(e, l, /* @__PURE__ */ new Date()), c = S(h, l, /* @__PURE__ */ new Date()), m = P(s) && e.length === 7, Y = P(c) && h.length === 7;
+      !m || !Y ? (x(t?.from ? r(t.from, n) : ""), g(t?.to ? r(t.to, n) : ""), f(t)) : (x(e), g(h), u || i?.({
+        from: { month: s.getMonth(), year: s.getFullYear() },
+        to: { month: c.getMonth(), year: c.getFullYear() }
       }));
-    }, et = t?.from ? n(t.from) : "", ot = t?.to ? n(t.to) : "", nt = M !== et, rt = b !== ot, at = M.length === 7 && !w(S(M, "MM/yyyy", /* @__PURE__ */ new Date())), dt = b.length === 7 && !w(S(b, "MM/yyyy", /* @__PURE__ */ new Date())), st = u("datePicker.startMonth"), it = u("datePicker.endMonth");
-    return /* @__PURE__ */ f("div", { className: "w-full space-y-1.5 min-w-[240px]", "data-component": "month-range-picker", "data-disabled": x || void 0, children: [
-      I && /* @__PURE__ */ f(
-        "label",
-        {
-          className: P(
-            "text-xs font-medium leading-[18px] text-[#60697d]",
-            x && "opacity-70",
-            k && "text-destructive"
-          ),
-          children: [
-            I,
-            " ",
-            G && /* @__PURE__ */ o("span", { className: "text-destructive", children: "*" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ f(ft, { open: s, onOpenChange: R, children: [
-        /* @__PURE__ */ o(pt, { asChild: !0, children: /* @__PURE__ */ f(
-          "div",
+    }, ot = t?.from ? r(t.from, n) : "", rt = t?.to ? r(t.to, n) : "", st = b !== ot, ct = k !== rt, at = b.length === 7 && !P(S(b, l, /* @__PURE__ */ new Date())), dt = k.length === 7 && !P(S(k, l, /* @__PURE__ */ new Date())), it = M("datePicker.startMonth"), lt = M("datePicker.endMonth");
+    return /* @__PURE__ */ p("div", { className: "flex w-full min-w-[240px] flex-col gap-[6px]", "data-component": "month-range-picker", "data-disabled": w || void 0, children: [
+      /* @__PURE__ */ p("div", { className: "flex flex-col gap-[6px]", children: [
+        V && /* @__PURE__ */ p(
+          "label",
           {
-            "data-state": s ? "open" : "closed",
-            className: P(
-              "flex w-full items-center justify-between gap-2 rounded-md border bg-white px-3 text-sm shadow-sm transition-colors hover:border-primary disabled:cursor-not-allowed disabled:bg-disabled-secondary-bg disabled:text-disabled-text disabled:border-border",
-              k ? "border-destructive hover:border-destructive" : "border-input",
-              N === "sm" ? "h-6" : N === "md" ? "h-[28px]" : "h-8",
-              x && "pointer-events-none opacity-100 bg-disabled-secondary-bg border-border text-disabled-text hover:border-border",
-              "cursor-pointer",
-              F
+            className: y(
+              "text-xs font-medium leading-[18px] text-content-tertiary",
+              w && "opacity-70",
+              N && "text-destructive"
             ),
             children: [
-              /* @__PURE__ */ f("div", { className: "flex items-center gap-4 flex-1 min-w-0", children: [
-                /* @__PURE__ */ o(
-                  "input",
-                  {
-                    ref: V,
-                    type: "text",
-                    value: M,
-                    onChange: _,
-                    onBlur: Y,
-                    onClick: (e) => s && e.stopPropagation(),
-                    placeholder: s ? u("datePicker.monthYearFormat") : st,
-                    disabled: !!x,
-                    "data-field": "start",
-                    className: P(
-                      "flex-1 min-w-0 bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-[#dfe2e7] disabled:cursor-not-allowed disabled:opacity-50",
-                      at ? "text-destructive" : nt ? "text-muted-foreground" : ""
-                    ),
-                    ...J
-                  }
-                ),
-                /* @__PURE__ */ o(
-                  "input",
-                  {
-                    ref: L,
-                    type: "text",
-                    value: b,
-                    onChange: tt,
-                    onBlur: Y,
-                    onClick: (e) => s && e.stopPropagation(),
-                    placeholder: s ? u("datePicker.monthYearFormat") : it,
-                    disabled: !!x,
-                    "data-field": "end",
-                    className: P(
-                      "flex-1 min-w-0 bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-[#dfe2e7] disabled:cursor-not-allowed disabled:opacity-50",
-                      dt ? "text-destructive" : rt ? "text-muted-foreground" : ""
-                    )
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ f("div", { className: "flex items-center gap-1 shrink-0", children: [
-                t?.from && !x && /* @__PURE__ */ f(B, { children: [
-                  /* @__PURE__ */ o(O, { asChild: !0, children: /* @__PURE__ */ o(
-                    ct,
+              V,
+              " ",
+              L && /* @__PURE__ */ o("span", { className: "text-destructive", children: "*" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ p(ht, { open: d, onOpenChange: C, children: [
+          /* @__PURE__ */ o(ut, { asChild: !0, children: /* @__PURE__ */ p(
+            "div",
+            {
+              "data-state": d ? "open" : "closed",
+              className: y(
+                "flex w-full items-center justify-between gap-2 rounded-md border bg-canvas-elevated px-3 text-sm shadow-sm transition-colors hover:border-brand disabled:cursor-not-allowed disabled:bg-disabled-surface disabled:text-disabled-foreground disabled:border-stroke",
+                N ? "border-destructive hover:border-destructive" : "border-field",
+                D === "sm" ? "h-6" : D === "md" ? "h-[28px]" : "h-8",
+                w && "pointer-events-none opacity-100 bg-disabled-surface border-stroke text-disabled-foreground hover:border-stroke",
+                "cursor-pointer",
+                K
+              ),
+              children: [
+                /* @__PURE__ */ p("div", { className: "flex items-center gap-4 flex-1 min-w-0", children: [
+                  /* @__PURE__ */ o(
+                    "input",
                     {
-                      className: "h-4 w-4 cursor-pointer hover:text-foreground text-muted-foreground",
-                      onClick: (e) => {
-                        e.stopPropagation(), T();
-                      }
+                      ref: T,
+                      type: "text",
+                      value: b,
+                      onChange: et,
+                      onBlur: $,
+                      onClick: (e) => d && e.stopPropagation(),
+                      placeholder: d ? n === "YYYY/MM" ? "YYYY/MM" : M("datePicker.monthYearFormat") : it,
+                      disabled: !!w,
+                      "data-field": "start",
+                      className: y(
+                        "flex-1 min-w-0 bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-content-empty disabled:cursor-not-allowed disabled:opacity-50",
+                        at ? "text-destructive" : st ? "text-content-muted" : ""
+                      ),
+                      ...Q
                     }
-                  ) }),
-                  /* @__PURE__ */ o($, { variant: "tertiary", side: "top", children: u("calendar.clear") })
+                  ),
+                  /* @__PURE__ */ o(
+                    "input",
+                    {
+                      ref: W,
+                      type: "text",
+                      value: k,
+                      onChange: nt,
+                      onBlur: $,
+                      onClick: (e) => d && e.stopPropagation(),
+                      placeholder: d ? n === "YYYY/MM" ? "YYYY/MM" : M("datePicker.monthYearFormat") : lt,
+                      disabled: !!w,
+                      "data-field": "end",
+                      className: y(
+                        "flex-1 min-w-0 bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-content-empty disabled:cursor-not-allowed disabled:opacity-50",
+                        dt ? "text-destructive" : ct ? "text-content-muted" : ""
+                      )
+                    }
+                  )
                 ] }),
-                /* @__PURE__ */ f(B, { children: [
-                  /* @__PURE__ */ o(O, { asChild: !0, children: /* @__PURE__ */ o(lt, { className: "h-4 w-4 text-secondary-foreground" }) }),
-                  /* @__PURE__ */ o($, { variant: "tertiary", side: "top", children: u("datePicker.selectMonthRange") })
+                /* @__PURE__ */ p("div", { className: "flex items-center gap-1 shrink-0", children: [
+                  t?.from && !w && /* @__PURE__ */ p(O, { children: [
+                    /* @__PURE__ */ o(z, { asChild: !0, children: /* @__PURE__ */ o(
+                      ft,
+                      {
+                        className: "h-4 w-4 cursor-pointer hover:text-content text-content-muted",
+                        onClick: (e) => {
+                          e.stopPropagation(), v();
+                        }
+                      }
+                    ) }),
+                    /* @__PURE__ */ o(H, { variant: "tertiary", side: "top", children: M("calendar.clear") })
+                  ] }),
+                  /* @__PURE__ */ p(O, { children: [
+                    /* @__PURE__ */ o(z, { asChild: !0, children: /* @__PURE__ */ o(mt, { className: "h-4 w-4 text-secondary-foreground" }) }),
+                    /* @__PURE__ */ o(H, { variant: "tertiary", side: "top", children: M("datePicker.selectMonthRange") })
+                  ] })
                 ] })
-              ] })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ o(
-          ht,
-          {
-            className: "w-auto p-0",
-            align: "start",
-            onOpenAutoFocus: (e) => e.preventDefault(),
-            children: /* @__PURE__ */ o(
-              yt,
-              {
-                pickerType: "month",
-                monthMode: "range",
-                selectedMonths: E,
-                onMonthSelect: U,
-                month: Q,
-                onMonthChange: C,
-                disabled: { before: H, after: X },
-                startMonth: q,
-                endMonth: v,
-                showFooter: p,
-                onApply: W,
-                onCancel: Z,
-                onClear: T
-              }
-            )
-          }
-        )
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ o(
+            xt,
+            {
+              className: "w-auto p-0",
+              align: "start",
+              onOpenAutoFocus: (e) => e.preventDefault(),
+              children: /* @__PURE__ */ o(
+                gt,
+                {
+                  pickerType: "month",
+                  monthMode: "range",
+                  selectedMonths: A,
+                  onMonthSelect: _,
+                  month: Z,
+                  onMonthChange: R,
+                  disabled: { before: X, after: q },
+                  startMonth: G,
+                  endMonth: J,
+                  showFooter: u,
+                  onApply: F,
+                  onCancel: tt,
+                  onClear: v
+                }
+              )
+            }
+          )
+        ] })
       ] }),
-      D && /* @__PURE__ */ f("div", { className: P("flex items-center gap-1", k && "text-destructive"), children: [
-        !k && /* @__PURE__ */ o(mt, { size: 10, className: "shrink-0 text-muted-foreground" }),
+      E && /* @__PURE__ */ p("div", { className: y("flex items-center gap-[6px]", N && "text-destructive"), children: [
+        !N && /* @__PURE__ */ o(pt, { size: 10, className: "shrink-0 text-content-muted" }),
         /* @__PURE__ */ o(
           "p",
           {
-            className: P(
-              "text-[10px] text-[#7a8294]",
-              k && "text-destructive"
+            className: y(
+              "text-[10px] leading-4 text-navigation-muted",
+              N && "text-destructive"
             ),
-            children: D
+            children: E
           }
         )
       ] })
     ] });
   }
 );
-gt.displayName = "MonthRangePicker";
+Yt.displayName = "MonthRangePicker";
 export {
-  gt as MonthRangePicker
+  Yt as MonthRangePicker
 };

package/dist/components/ui/date-picker/multi-date-picker.js

@@ -7,7 +7,7 @@ import { cn as E } from "../../../lib/utils.js";
 import { Input as F } from "../input.js";
 import { Popover as V, PopoverTrigger as X, PopoverContent as $ } from "../popover.js";
 import { Calendar as q } from "../calendar.js";
-import { Tooltip as u, TooltipTrigger as g, TooltipContent as y } from "../tooltip.js";
+import { Tooltip as u, TooltipTrigger as y, TooltipContent as g } from "../tooltip.js";
 import { getDateFnsLocale as z } from "../../../i18n/getDateFnsLocale.js";
 import { useImpactNovaI18n as B } from "../../../i18n/ImpactNovaI18nContext.js";
 const G = r.forwardRef(
@@ -20,23 +20,23 @@ const G = r.forwardRef(
     maxDate: x,
     startMonth: D,
     endMonth: N,
-    showFooter: s = !0,
-    disabled: d,
+    showFooter: c = !0,
+    disabled: p,
     className: T,
     ...k
   }, A) => {
-    const { locale: p, t: c } = B(), v = r.useMemo(() => z(p), [p]), L = P ?? c("datePicker.selectMultipleDates"), [m, n] = r.useState(!1), [f, a] = r.useState(e);
+    const { locale: d, t: s } = B(), v = r.useMemo(() => z(d), [d]), L = P ?? s("datePicker.selectMultipleDates"), [m, n] = r.useState(!1), [f, a] = r.useState(e);
     r.useEffect(() => {
       a(e);
     }, [m, e]);
     const O = (o) => {
-      a(o), s || i?.(o);
+      a(o), c || i?.(o);
     }, S = (o) => {
       i?.(o !== void 0 ? o : f), n(!1);
     }, w = () => {
       a(e), n(!1);
     }, h = () => {
-      a(void 0), i?.(void 0), s || n(!1);
+      a(void 0), i?.(void 0), c || n(!1);
     }, I = e && e.length > 0 ? e.length === 1 ? b(e[0], C, { locale: v }) : `${e.length} dates selected` : "";
     return /* @__PURE__ */ l(V, { open: m, onOpenChange: n, children: [
       /* @__PURE__ */ t(X, { asChild: !0, children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
@@ -46,24 +46,24 @@ const G = r.forwardRef(
           value: I,
           placeholder: L,
           readOnly: !0,
-          disabled: d,
+          disabled: p,
           className: E("cursor-pointer", T),
           suffix: /* @__PURE__ */ l("div", { className: "flex items-center gap-1", children: [
-            e && e.length > 0 && !d && /* @__PURE__ */ l(u, { children: [
-              /* @__PURE__ */ t(g, { asChild: !0, children: /* @__PURE__ */ t(
+            e && e.length > 0 && !p && /* @__PURE__ */ l(u, { children: [
+              /* @__PURE__ */ t(y, { asChild: !0, children: /* @__PURE__ */ t(
                 j,
                 {
-                  className: "h-4 w-4 cursor-pointer hover:text-foreground",
+                  className: "h-4 w-4 cursor-pointer hover:text-content",
                   onClick: (o) => {
                     o.stopPropagation(), h();
                   }
                 }
               ) }),
-              /* @__PURE__ */ t(y, { variant: "tertiary", side: "top", children: c("calendar.clear") })
+              /* @__PURE__ */ t(g, { variant: "tertiary", side: "top", children: s("calendar.clear") })
             ] }),
             /* @__PURE__ */ l(u, { children: [
-              /* @__PURE__ */ t(g, { asChild: !0, children: /* @__PURE__ */ t(R, { className: "h-4 w-4 text-secondary-foreground" }) }),
-              /* @__PURE__ */ t(y, { variant: "tertiary", side: "top", children: c("datePicker.selectMultipleDates") })
+              /* @__PURE__ */ t(y, { asChild: !0, children: /* @__PURE__ */ t(R, { className: "h-4 w-4 text-secondary-foreground" }) }),
+              /* @__PURE__ */ t(g, { variant: "tertiary", side: "top", children: s("datePicker.selectMultipleDates") })
             ] })
           ] }),
           ...k
@@ -84,7 +84,7 @@ const G = r.forwardRef(
               disabled: { before: M, after: x },
               startMonth: D,
               endMonth: N,
-              showFooter: s,
+              showFooter: c,
               onApply: S,
               onCancel: w,
               onClear: h,

package/dist/components/ui/date-picker/multi-month-picker.js

@@ -50,7 +50,7 @@ const X = c.forwardRef(
               /* @__PURE__ */ t(u, { asChild: !0, children: /* @__PURE__ */ t(
                 I,
                 {
-                  className: "h-4 w-4 cursor-pointer hover:text-foreground",
+                  className: "h-4 w-4 cursor-pointer hover:text-content",
                   onClick: (o) => {
                     o.stopPropagation(), m();
                   }

package/dist/components/ui/date-picker/multi-week-picker.js

@@ -62,7 +62,7 @@ const U = (e, o = "MM/dd/yyyy", n) => {
               /* @__PURE__ */ t(M, { asChild: !0, children: /* @__PURE__ */ t(
                 X,
                 {
-                  className: "h-4 w-4 cursor-pointer hover:text-foreground",
+                  className: "h-4 w-4 cursor-pointer hover:text-content",
                   onClick: (r) => {
                     r.stopPropagation(), u();
                   }

package/dist/components/ui/date-picker/week-picker.js

@@ -93,7 +93,7 @@ const a = (e, s = "MM/dd/yyyy", n) => {
           "data-form-control": "input",
           className: re(
             "cursor-pointer",
-            ne ? "text-destructive" : j ? "text-muted-foreground" : "",
+            ne ? "text-destructive" : j ? "text-content-muted" : "",
             G
           ),
           suffix: /* @__PURE__ */ g("div", { className: "flex items-center gap-1", children: [
@@ -101,7 +101,7 @@ const a = (e, s = "MM/dd/yyyy", n) => {
               /* @__PURE__ */ r($, { asChild: !0, children: /* @__PURE__ */ r(
                 te,
                 {
-                  className: "h-4 w-4 cursor-pointer hover:text-foreground",
+                  className: "h-4 w-4 cursor-pointer hover:text-content",
                   onClick: (t) => {
                     t.stopPropagation(), v();
                   }