impact-nova 2.0.9 → 2.1.0-alpha.1

package/dist/components/ui/calendar.js

@@ -1,898 +0,0 @@
-import { jsxs as C, jsx as i } from "react/jsx-runtime";
-import * as u from "react";
-import { getDefaultClassNames as Ke, DayPicker as We } from "react-day-picker";
-import { ChevronRight as oe } from "impact-nova-icons";
-import { cn as m } from "../../lib/utils.js";
-import { Button as O } from "./button.js";
-import "./button-variants.js";
-import me from "./select/select.js";
-import { FISCAL_PATTERNS as Ge, resolveWeekSelection as qe } from "../../lib/fiscal-calendar.js";
-import { getIntlLocale as Je, getDateFnsLocale as Qe } from "../../i18n/getDateFnsLocale.js";
-import { useImpactNovaI18n as Xe } from "../../i18n/ImpactNovaI18nContext.js";
-const ge = u.createContext(0);
-function Ze(A) {
-  return u.isValidElement(A) ? A.props.className?.includes("rdp-button_previous") ?? !1 : !1;
-}
-function Te(A) {
-  return u.isValidElement(A) ? A.props.className?.includes("rdp-button_next") ?? !1 : !1;
-}
-function Ve({ children: A }) {
-  let B = null, p = null, F = null;
-  for (const Y of A)
-    Ze(Y) ? B = Y : Te(Y) ? F = Y : p = Y;
-  return /* @__PURE__ */ C(
-    "div",
-    {
-      className: "grid h-9 w-full grid-cols-[1.75rem_minmax(0,1fr)_1.75rem] items-center gap-x-1",
-      "data-component": "calendar-caption-header",
-      children: [
-        /* @__PURE__ */ i("div", { className: "flex size-7 items-center justify-center", children: B }),
-        /* @__PURE__ */ i("div", { className: "flex min-w-0 items-center justify-center", children: p }),
-        /* @__PURE__ */ i("div", { className: "flex size-7 items-center justify-center", children: F })
-      ]
-    }
-  );
-}
-function ft({
-  className: A,
-  classNames: B,
-  showOutsideDays: p = !1,
-  captionLayout: F = "dropdown",
-  buttonVariant: Y = "ghost",
-  formatters: V,
-  components: Ce,
-  showFooter: x = !0,
-  disableApply: Se = !1,
-  onApply: ee,
-  onCancel: he,
-  onClear: xe,
-  mode: K = "single",
-  selected: y,
-  onSelect: W,
-  // Week picker props
-  pickerType: f = "date",
-  weekMode: v = "single",
-  selectedWeeks: S,
-  onWeekSelect: j,
-  calendarType: L = "calendar",
-  fiscalMode: te = "basic",
-  selectionMode: ie = "week",
-  fiscalMonthPattern: ce,
-  fiscalYearStartMonth: be = 1,
-  weekStartsOn: X = 1,
-  // Default Monday
-  // Month picker props
-  monthMode: w = "single",
-  selectedMonths: N,
-  onMonthSelect: M,
-  month: J,
-  defaultMonth: De,
-  onMonthChange: _e,
-  startMonth: Ae,
-  endMonth: Ye,
-  ...Q
-}) {
-  const { locale: ne, t: b } = Xe(), Z = u.useMemo(() => Je(ne), [ne]), Me = u.useMemo(() => Qe(ne), [ne]), ve = u.useMemo(
-    () => Array.from(
-      { length: 12 },
-      (e, r) => new Date(2024, r, 1).toLocaleString(Z, { month: "long" })
-    ),
-    [Z]
-  ), ke = u.useMemo(
-    () => Array.from(
-      { length: 12 },
-      (e, r) => new Date(2024, r, 1).toLocaleString(Z, { month: "short" })
-    ),
-    [Z]
-  ), re = u.useMemo(() => {
-    if (L === "fiscal") {
-      if (ce) return ce;
-      if (te === "advanced") return Ge["4-4-5"];
-    }
-  }, [L, te, ce]), D = Ke(), je = u.useMemo(() => new Date(1900, 0, 1), []), Ee = u.useMemo(() => new Date(2100, 11, 31), []), $ = Ae || je, H = Ye || Ee, [G, ae] = u.useState(y), [E, pe] = u.useState(() => {
-    if (J) return J;
-    if (De) return De;
-    if (y) {
-      if (Array.isArray(y))
-        return y[0] || /* @__PURE__ */ new Date();
-      if (y instanceof Date)
-        return y;
-      if ("from" in y && y.from)
-        return y.from;
-    }
-    return /* @__PURE__ */ new Date();
-  });
-  u.useEffect(() => {
-    J && (pe(J), we(J.getFullYear()));
-  }, [J]);
-  const [P, se] = u.useState(S), [k, le] = u.useState(N), [Pe, we] = u.useState(E.getFullYear());
-  u.useEffect(() => {
-    ae(y), se(S), le(N);
-  }, [y, S, N]);
-  const U = (e) => {
-    pe(e), we(e.getFullYear()), _e?.(e);
-  }, ue = u.useCallback((e) => {
-    let r;
-    return e instanceof Date ? r = e : r = e.days.find((t) => !t.outside)?.date || e.days[0]?.date || /* @__PURE__ */ new Date(), qe(r, {
-      calendarType: L,
-      fiscalMode: te,
-      selectionMode: ie,
-      fiscalMonthPattern: re,
-      fiscalYearStartMonth: be,
-      weekStartsOn: X
-    });
-  }, [L, te, ie, re, be, X]), fe = u.useCallback((e) => {
-    const r = (t, s) => t.year === s.year && t.month === s.month && t.weekOfMonth === s.weekOfMonth;
-    if (x)
-      se((t) => {
-        let s;
-        if (v === "single")
-          s = e;
-        else if (v === "multiple") {
-          const n = t || [];
-          s = n.some((l) => r(l, e)) ? n.filter((l) => !r(l, e)) : [...n, e];
-        } else if (v === "range") {
-          const n = t;
-          if (!n?.from || n.to)
-            s = { from: e };
-          else {
-            const a = { from: n.from, to: e };
-            e.startDate < n.from.startDate && (a.from = e, a.to = n.from), s = a;
-          }
-        }
-        return j?.(s), s;
-      });
-    else if (v === "single")
-      j?.(e);
-    else if (v === "multiple") {
-      const t = S || [], n = t.some((a) => r(a, e)) ? t.filter((a) => !r(a, e)) : [...t, e];
-      j?.(n.length > 0 ? n : void 0);
-    } else if (v === "range") {
-      const t = S;
-      if (!t?.from || t.to)
-        j?.({ from: e });
-      else {
-        const s = { from: t.from, to: e };
-        e.startDate < t.from.startDate && (s.from = e, s.to = t.from), j?.(s);
-      }
-    }
-  }, [v, x, S, j]), Re = u.useCallback((e, r) => {
-    const t = { year: e, month: r }, s = (n, a) => n.year === a.year && n.month === a.month;
-    if (x)
-      le((n) => {
-        let a;
-        if (w === "single")
-          a = t;
-        else if (w === "multiple") {
-          const l = n || [];
-          a = l.some((d) => s(d, t)) ? l.filter((d) => !s(d, t)) : [...l, t];
-        } else if (w === "range") {
-          const l = n;
-          if (!l?.from || l.to)
-            a = { from: t };
-          else {
-            const o = new Date(l.from.year, l.from.month, 1);
-            new Date(t.year, t.month, 1) < o ? a = { from: t, to: l.from } : a = { from: l.from, to: t };
-          }
-        }
-        return M?.(a), a;
-      });
-    else if (w === "single")
-      M?.(t);
-    else if (w === "multiple") {
-      const n = N || [], l = n.some((o) => s(o, t)) ? n.filter((o) => !s(o, t)) : [...n, t];
-      M?.(l.length > 0 ? l : void 0);
-    } else if (w === "range") {
-      const n = N;
-      if (!n?.from || n.to)
-        M?.({ from: t });
-      else {
-        const a = new Date(n.from.year, n.from.month, 1);
-        new Date(t.year, t.month, 1) < a ? M?.({ from: t, to: n.from }) : M?.({ from: n.from, to: t });
-      }
-    }
-  }, [w, x, N, M]), ye = u.useCallback(() => {
-    const e = $.getFullYear(), r = H.getFullYear(), t = [];
-    for (let s = e; s <= r; s++)
-      t.push({ label: s.toString(), value: s.toString() });
-    return t;
-  }, [$, H]), ze = u.useCallback((e) => ve.map((t, s) => ({
-    label: t,
-    value: s.toString()
-  })).filter((t, s) => {
-    const n = new Date(e, s, 1);
-    return !($ && n < new Date($.getFullYear(), $.getMonth(), 1) || H && n > new Date(H.getFullYear(), H.getMonth(), 1));
-  }), [$, H, ve]), T = u.useMemo(() => {
-    if (f !== "week") return;
-    const e = x ? P : S;
-    if (!e) return;
-    const r = [], t = (s) => {
-      let n = new Date(s.startDate);
-      n.setHours(0, 0, 0, 0);
-      const a = new Date(s.endDate);
-      for (a.setHours(0, 0, 0, 0); n <= a; )
-        r.push(new Date(n)), n.setDate(n.getDate() + 1);
-    };
-    if (Array.isArray(e))
-      e.forEach(t);
-    else if ("from" in e) {
-      if (e.from)
-        if (!e.to)
-          t(e.from);
-        else {
-          let s = new Date(e.from.startDate);
-          s.setHours(0, 0, 0, 0);
-          const n = new Date(e.to.endDate);
-          for (n.setHours(0, 0, 0, 0); s <= n; )
-            r.push(new Date(s)), s.setDate(s.getDate() + 1);
-        }
-    } else
-      t(e);
-    return r;
-  }, [f, x, P, S]), Ie = u.useMemo(() => {
-    if (f !== "week" || !T || T.length === 0)
-      return { range_start: [], range_middle: [], range_end: [] };
-    const e = [...T].sort((c, g) => c.getTime() - g.getTime()), r = [], t = [], s = [], n = x ? P : S, a = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Set();
-    v === "multiple" && Array.isArray(n) && n.forEach((c) => {
-      const g = c.startDate.toISOString().split("T")[0], h = c.endDate.toISOString().split("T")[0];
-      a.add(g), l.add(h);
-    });
-    const o = (c, g) => {
-      if (g === 0) return !1;
-      const h = e[g - 1];
-      return c.getTime() - h.getTime() <= 1440 * 60 * 1e3;
-    }, d = (c, g) => g === e.length - 1 ? !1 : e[g + 1].getTime() - c.getTime() <= 1440 * 60 * 1e3;
-    return e.forEach((c, g) => {
-      const h = c.toISOString().split("T")[0], R = a.has(h), _ = l.has(h), z = o(c, g), I = d(c, g);
-      v === "multiple" ? R ? r.push(c) : _ ? s.push(c) : t.push(c) : !z && !I ? (r.push(c), s.push(c)) : z ? I ? t.push(c) : s.push(c) : r.push(c);
-    }), {
-      range_start: r,
-      range_middle: t,
-      range_end: s
-    };
-  }, [f, T, v, x, P, S]), Oe = u.useCallback((e) => {
-    if (f === "week" && e) {
-      const r = Array.isArray(e) ? e[e.length - 1] : e instanceof Date ? e : void 0;
-      if (r) {
-        const t = ue(r);
-        fe(t);
-        return;
-      }
-    }
-    x && ae(e), W?.(e);
-  }, [x, W, f, ue, fe]), Le = u.useCallback(() => {
-    f === "week" ? (j?.(P), ee?.(P)) : f === "month" ? (M?.(k), ee?.(k)) : (W?.(G), ee?.(G));
-  }, [G, P, k, W, j, M, ee, f]), $e = u.useCallback(() => {
-    f === "week" ? se(S) : f === "month" ? le(N) : ae(y), he?.();
-  }, [y, S, N, he, f]), He = u.useCallback(() => {
-    f === "week" ? (se(void 0), x || j?.(void 0)) : f === "month" ? (le(void 0), x || M?.(void 0)) : (ae(void 0), x || W?.(void 0)), xe?.();
-  }, [x, W, j, M, xe, f]), Ue = u.useCallback((e, r) => {
-    const t = x ? k : N;
-    if (!t) return !1;
-    if (Array.isArray(t))
-      return t.some((s) => s.year === e && s.month === r);
-    if ("from" in t) {
-      const s = t, n = s.from, a = s.to;
-      if (!n && !a) return !1;
-      const l = new Date(e, r, 1).getTime();
-      if (!n) return a ? l === new Date(a.year, a.month, 1).getTime() : !1;
-      const o = new Date(n.year, n.month, 1).getTime();
-      if (!a) return l === o;
-      const d = new Date(a.year, a.month, 1).getTime();
-      return l >= o && l <= d;
-    } else {
-      const s = t;
-      return s.year === e && s.month === r;
-    }
-  }, [x, k, N]), Be = u.useCallback((e, r) => {
-    const t = x ? k : N;
-    if (!t || !("from" in t)) return { isStart: !1, isEnd: !1, isMiddle: !1 };
-    const s = t, n = s.from, a = s.to;
-    if (!n && !a) return { isStart: !1, isEnd: !1, isMiddle: !1 };
-    const l = new Date(e, r, 1).getTime();
-    if (!n) return { isStart: !1, isEnd: a ? l === new Date(a.year, a.month, 1).getTime() : !1, isMiddle: !1 };
-    const o = new Date(n.year, n.month, 1).getTime();
-    if (!a) return { isStart: l === o, isEnd: !1, isMiddle: !1 };
-    const d = new Date(a.year, a.month, 1).getTime();
-    return {
-      isStart: l === o,
-      isEnd: l === d,
-      isMiddle: l > o && l < d
-    };
-  }, [x, k, N]), de = u.useCallback((e, r) => {
-    const t = Q.disabled;
-    if (!t) return !1;
-    const s = new Date(e, r, 1, 0, 0, 0, 0), n = new Date(e, r + 1, 0, 23, 59, 59, 999);
-    if (t.before) {
-      const a = new Date(t.before);
-      if (a.setHours(0, 0, 0, 0), n < a) return !0;
-    }
-    if (t.after) {
-      const a = new Date(t.after);
-      if (a.setHours(23, 59, 59, 999), s > a) return !0;
-    }
-    return !1;
-  }, [Q.disabled]), Fe = u.useMemo(() => {
-    if (!x) return !1;
-    const e = Q.disabled;
-    if (!e) return !1;
-    const r = e.before, t = e.after, s = (n) => {
-      const a = new Date(n.getFullYear(), n.getMonth(), n.getDate());
-      if (r) {
-        const l = new Date(r.getFullYear(), r.getMonth(), r.getDate());
-        if (a < l) return !0;
-      }
-      if (t) {
-        const l = new Date(t.getFullYear(), t.getMonth(), t.getDate());
-        if (a > l) return !0;
-      }
-      return !1;
-    };
-    if (f === "month") {
-      const n = k;
-      if (!n) return !1;
-      const a = (l) => de(l.year, l.month);
-      if (Array.isArray(n))
-        return n.some(a);
-      if ("from" in n) {
-        const l = n;
-        return !!(l.from && a(l.from) || l.to && a(l.to));
-      } else
-        return a(n);
-    }
-    if (f === "week") {
-      const n = P;
-      if (!n) return !1;
-      const a = (l) => s(l.startDate) || s(l.endDate);
-      if (Array.isArray(n))
-        return n.some(a);
-      if ("from" in n) {
-        const l = n;
-        return !!(l.from && a(l.from) || l.to && a(l.to));
-      } else
-        return a(n);
-    }
-    if (f === "date") {
-      const n = G;
-      if (!n) return !1;
-      if (Array.isArray(n))
-        return n.some(s);
-      if (n instanceof Date)
-        return s(n);
-      if ("from" in n) {
-        const a = n;
-        return !!(a.from && s(a.from) || a.to && s(a.to));
-      }
-    }
-    return !1;
-  }, [f, x, Q.disabled, G, P, k, de]), Ne = ({ yearOffset: e = 0 }) => {
-    const r = Pe + e;
-    return /* @__PURE__ */ C("div", { className: "flex flex-col gap-4 p-3 min-w-[280px]", children: [
-      /* @__PURE__ */ C("div", { className: "flex items-center justify-between", children: [
-        e === 0 ? /* @__PURE__ */ i(
-          O,
-          {
-            variant: "ghost",
-            size: "icon",
-            className: "h-7 w-7 shrink-0",
-            "aria-label": b("calendar.previousYear"),
-            title: b("calendar.previousYear"),
-            disabled: r <= $.getFullYear(),
-            onClick: () => U(new Date(r - 1, E.getMonth(), 1)),
-            children: /* @__PURE__ */ i(oe, { size: 16, className: "rotate-180" })
-          }
-        ) : /* @__PURE__ */ i("span", { className: "size-7 shrink-0", "aria-hidden": !0 }),
-        /* @__PURE__ */ i("div", { className: "flex-1 flex justify-center items-center", children: /* @__PURE__ */ i(
-          me,
-          {
-            value: { label: r.toString(), value: r.toString() },
-            onChange: (t) => {
-              if (t && "value" in t) {
-                const s = parseInt(t.value) - e;
-                U(new Date(s, E.getMonth(), 1));
-              }
-            },
-            scrollToSelectedOnOpen: !0,
-            options: ye(),
-            parentClassName: "flex justify-center items-center",
-            className: "w-[200px]",
-            menuWidth: "140px"
-          }
-        ) }),
-        (w === "single" || e === 1) && /* @__PURE__ */ i(
-          O,
-          {
-            variant: "ghost",
-            size: "icon",
-            className: "h-7 w-7",
-            "aria-label": b("calendar.nextYear"),
-            title: b("calendar.nextYear"),
-            disabled: r >= H.getFullYear(),
-            onClick: () => U(new Date(r + 1, E.getMonth(), 1)),
-            children: /* @__PURE__ */ i(oe, { className: "h-4 w-4" })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ i("div", { className: "grid grid-cols-4 gap-y-4 gap-x-0", children: ke.map((t, s) => {
-        const n = Ue(r, s), { isStart: a, isEnd: l, isMiddle: o } = Be(r, s), d = w === "range", c = x ? k : N, g = c && "to" in c && !!c.to, h = de(r, s);
-        return /* @__PURE__ */ C("div", { className: "relative flex items-center justify-center h-10 w-full group", children: [
-          d && g && (o || a || l) && !h && /* @__PURE__ */ i("div", { className: m(
-            "absolute inset-y-0 inset-x-0 bg-accent",
-            a && "rounded-l-full left-1/2 -ml-5",
-            l && "rounded-r-full right-1/2 -mr-5",
-            o && "inset-x-0",
-            a && l && "rounded-full inset-x-2"
-          ) }),
-          /* @__PURE__ */ i(
-            O,
-            {
-              variant: "ghost",
-              onClick: () => Re(r, s),
-              disabled: h,
-              className: m(
-                "relative z-10 w-10 h-10 p-0 text-sm font-normal rounded-lg transition-all",
-                n && !d && !h && "bg-brand text-brand-foreground hover:bg-brand/90 hover:text-brand-foreground",
-                d && (a || l) && !h && "bg-brand text-brand-foreground hover:bg-brand/90 hover:text-brand-foreground rounded-lg",
-                !n && !h && "hover:bg-accent hover:text-accent-foreground border border-transparent hover:border-brand",
-                o && !h && "text-accent-foreground",
-                h && "text-content-muted opacity-50 cursor-not-allowed"
-              ),
-              children: t
-            }
-          )
-        ] }, t);
-      }) })
-    ] });
-  };
-  return /* @__PURE__ */ C(
-    "div",
-    {
-      "data-component": "calendar",
-      "data-month-layout": f === "month" && (w === "range" || w === "multiple") ? "dual" : f === "month" ? "single" : void 0,
-      "data-day-layout": f !== "month" && (K === "range" || K === "multiple" || v === "range" || v === "multiple") ? "dual" : f !== "month" ? "single" : void 0,
-      children: [
-        f === "month" ? /* @__PURE__ */ C("div", { "data-slot": "month-panes", children: [
-          /* @__PURE__ */ i(Ne, { yearOffset: 0 }),
-          (w === "range" || w === "multiple") && /* @__PURE__ */ C("div", { "data-slot": "month-pane-divider-group", children: [
-            /* @__PURE__ */ i("div", { className: "w-[1px] bg-stroke-hairline my-4" }),
-            /* @__PURE__ */ i(Ne, { 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__ */ i(
-            We,
-            {
-              mode: f === "week" ? "multiple" : K,
-              selected: f === "week" ? T : x ? G : y,
-              onSelect: Oe,
-              month: E,
-              onMonthChange: U,
-              showOutsideDays: L === "fiscal" ? !0 : p,
-              weekStartsOn: X,
-              modifiers: f === "week" ? Ie : void 0,
-              locale: Me,
-              className: m(
-                "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`,
-                A
-              ),
-              captionLayout: F,
-              navLayout: "around",
-              startMonth: $,
-              endMonth: H,
-              disabled: Q.disabled,
-              numberOfMonths: K === "range" || K === "multiple" || v === "range" || v === "multiple" ? 2 : 1,
-              showWeekNumber: !0,
-              formatters: {
-                formatMonthDropdown: (e) => e.toLocaleString(Z, { month: "short" }),
-                formatWeekNumber: (e) => b("calendar.weekNumber", { number: e }),
-                ...V
-              },
-              classNames: {
-                root: m("w-fit", D.root),
-                months: m(
-                  "relative",
-                  D.months
-                ),
-                month: m(
-                  "relative flex flex-1 min-w-[260px] flex-col gap-2 after:absolute after:top-[5.5rem] after:bottom-0 after:left-[30px] after:w-[1px] after:bg-stroke-hairline",
-                  D.month
-                ),
-                button_previous: m(
-                  "h-7 w-7 shrink-0 select-none p-0 aria-disabled:opacity-50 flex items-center justify-center",
-                  D.button_previous
-                ),
-                button_next: m(
-                  "h-7 w-7 shrink-0 select-none p-0 aria-disabled:opacity-50 flex items-center justify-center",
-                  D.button_next
-                ),
-                month_caption: m(
-                  "flex h-9 min-w-0 items-center justify-center",
-                  D.month_caption
-                ),
-                dropdowns: m(
-                  "flex h-9 w-fit shrink-0 items-center gap-1 text-sm font-medium",
-                  D.dropdowns
-                ),
-                caption_label: m(
-                  "select-none font-medium text-sm",
-                  D.caption_label
-                ),
-                table: "w-full border-collapse",
-                weekdays: m("flex w-full relative after:absolute after:bottom-0 after:right-0 after:h-[1px] after:bg-stroke-hairline after:left-[30px]", D.weekdays),
-                weekday: m(
-                  "flex-1 select-none rounded-md font-normal text-center",
-                  "text-[11px] text-content-muted pb-2",
-                  "[&:nth-child(2)]:pl-2",
-                  D.weekday
-                ),
-                week: m("mt-1 flex w-full items-stretch group/week", D.week),
-                week_number_header: m(
-                  "select-none font-normal text-center h-[30px] flex items-center justify-center",
-                  "text-[11px] text-content-muted w-[30px] flex-shrink-0",
-                  D.week_number_header
-                ),
-                week_number: m(
-                  "select-none flex items-center justify-center h-[30px]",
-                  "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",
-                  D.week_number
-                ),
-                day: m(
-                  "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",
-                  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",
-                  B?.day
-                ),
-                range_start: m(
-                  "bg-accent rounded-l-full",
-                  D.range_start
-                ),
-                range_middle: m("bg-accent rounded-none", D.range_middle),
-                range_end: m("bg-accent rounded-r-full", D.range_end),
-                today: m(
-                  "text-brand",
-                  D.today
-                ),
-                outside: m(
-                  L === "fiscal" || p ? "text-content-muted opacity-50" : "invisible",
-                  D.outside
-                ),
-                disabled: m(
-                  "text-content-muted opacity-50",
-                  D.disabled
-                ),
-                hidden: m("invisible", D.hidden),
-                ...B
-              },
-              components: {
-                Root: ({ className: e, rootRef: r, ...t }) => /* @__PURE__ */ i(
-                  "div",
-                  {
-                    "data-slot": "calendar",
-                    ref: r,
-                    className: m(e),
-                    ...t
-                  }
-                ),
-                Chevron: ({ className: e, orientation: r, ...t }) => r === "left" ? /* @__PURE__ */ i(
-                  oe,
-                  {
-                    size: 16,
-                    className: m("text-content rotate-180", e),
-                    ...t
-                  }
-                ) : r === "right" ? /* @__PURE__ */ i(
-                  oe,
-                  {
-                    size: 16,
-                    className: m("text-content", e),
-                    ...t
-                  }
-                ) : /* @__PURE__ */ i("span", {}),
-                PreviousMonthButton: (e) => /* @__PURE__ */ i(
-                  O,
-                  {
-                    variant: Y,
-                    size: "icon",
-                    className: "h-7 w-7",
-                    "aria-label": b("calendar.previousMonth"),
-                    title: b("calendar.previousMonth"),
-                    ...e
-                  }
-                ),
-                NextMonthButton: (e) => /* @__PURE__ */ i(
-                  O,
-                  {
-                    variant: Y,
-                    size: "icon",
-                    className: "h-7 w-7",
-                    "aria-label": b("calendar.nextMonth"),
-                    title: b("calendar.nextMonth"),
-                    ...e
-                  }
-                ),
-                MonthCaption: ({ displayIndex: e, calendarMonth: r, ...t }) => /* @__PURE__ */ i(ge.Provider, { value: e, children: /* @__PURE__ */ i("div", { ...t }) }),
-                Month: ({ calendarMonth: e, displayIndex: r, className: t, children: s, ...n }) => {
-                  const a = u.Children.toArray(s), l = a[a.length - 1], o = a.slice(0, -1);
-                  return /* @__PURE__ */ C("div", { className: m(t), ...n, children: [
-                    o.length > 0 ? /* @__PURE__ */ i(Ve, { children: o }) : null,
-                    l
-                  ] });
-                },
-                Months: ({ className: e, children: r, ...t }) => /* @__PURE__ */ i(
-                  "div",
-                  {
-                    "data-slot": "day-months",
-                    className: m(e),
-                    ...t,
-                    children: r
-                  }
-                ),
-                MonthsDropdown: ({ value: e }) => {
-                  const r = u.useContext(ge), t = r > 0, n = new Date(E.getFullYear(), E.getMonth() + r, 1).getFullYear(), a = ze(n);
-                  return /* @__PURE__ */ i(
-                    me,
-                    {
-                      value: a.find((l) => l.value === e?.toString()),
-                      onChange: (l) => {
-                        if (l && "value" in l) {
-                          const o = parseInt(l.value);
-                          if (t) {
-                            const d = new Date(n, o - 1, 1);
-                            U(d);
-                          } else {
-                            const d = new Date(n, o, 1);
-                            U(d);
-                          }
-                        }
-                      },
-                      scrollToSelectedOnOpen: !0,
-                      options: a,
-                      className: "w-[116px] shrink-0",
-                      menuWidth: "160px",
-                      isSearchable: !0,
-                      isClearable: !1,
-                      placeholder: b("calendar.monthPlaceholder")
-                    }
-                  );
-                },
-                YearsDropdown: ({ value: e }) => {
-                  const t = u.useContext(ge) > 0, s = ye();
-                  return /* @__PURE__ */ i(
-                    me,
-                    {
-                      value: s.find((n) => n.value === e?.toString()),
-                      onChange: (n) => {
-                        if (n && "value" in n) {
-                          const a = parseInt(n.value);
-                          if (t) {
-                            const l = new Date(E.getFullYear(), E.getMonth() + 1, 1).getMonth(), o = new Date(a, l - 1, 1);
-                            U(o);
-                          } else {
-                            const l = new Date(a, E.getMonth(), 1);
-                            U(l);
-                          }
-                        }
-                      },
-                      scrollToSelectedOnOpen: !0,
-                      options: s,
-                      className: "w-[84px] shrink-0",
-                      menuWidth: "140px",
-                      isSearchable: !0,
-                      isClearable: !1,
-                      placeholder: b("calendar.yearPlaceholder")
-                    }
-                  );
-                },
-                DayButton: (e) => /* @__PURE__ */ i(
-                  et,
-                  {
-                    ...e,
-                    pickerType: f
-                  }
-                ),
-                WeekNumber: ({ week: e, ...r }) => {
-                  const t = e.days.find((I) => !I.outside)?.date;
-                  if (!t)
-                    return /* @__PURE__ */ i("td", { ...r, className: m("select-none flex items-center justify-center h-8 text-[11px] text-content-muted w-8 flex-shrink-0 rdp-week_number", r.className), children: /* @__PURE__ */ i("div", { className: "flex size-[--cell-size] items-center justify-center text-center" }) });
-                  const s = t.getFullYear(), n = t.getMonth(), o = (new Date(s, n, 1).getDay() + 7 - X) % 7, d = new Date(s, n, 1 - o), c = new Date(t), h = (t.getDay() + 7 - X) % 7;
-                  c.setDate(t.getDate() - h);
-                  const _ = Math.round((c.getTime() - d.getTime()) / (10080 * 60 * 1e3)) + 1, z = b("calendar.weekLabel", { number: _ });
-                  if (f === "week") {
-                    const I = () => {
-                      t && fe(ue(t));
-                    };
-                    return /* @__PURE__ */ i(
-                      "td",
-                      {
-                        "aria-label": z,
-                        "data-week-index": _,
-                        "data-week-number": _,
-                        tabIndex: 0,
-                        role: "button",
-                        className: m(
-                          "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"
-                        ),
-                        onClick: (q) => {
-                          q.preventDefault(), q.stopPropagation(), I();
-                        },
-                        onKeyDown: (q) => {
-                          (q.key === "Enter" || q.key === " ") && (q.preventDefault(), q.stopPropagation(), I());
-                        },
-                        children: /* @__PURE__ */ i("div", { className: "flex h-8 w-full items-center justify-center text-center text-[11px] text-content-muted", children: b("calendar.weekNumber", { number: _ }) })
-                      }
-                    );
-                  }
-                  return /* @__PURE__ */ i(
-                    "td",
-                    {
-                      ...r,
-                      "aria-label": z,
-                      className: m(
-                        "select-none flex items-center justify-center h-[30px] text-[11px] text-content-muted w-[30px] flex-shrink-0 rdp-week_number",
-                        r.className
-                      ),
-                      scope: "row",
-                      role: "rowheader",
-                      children: /* @__PURE__ */ i("div", { className: "flex h-8 w-full items-center justify-center text-center", children: b("calendar.weekNumber", { number: _ }) })
-                    }
-                  );
-                },
-                ...Ce
-              },
-              ...Q
-            }
-          )
-        ),
-        x && /* @__PURE__ */ C("div", { className: m("flex items-center gap-2 border-t pt-3 p-3", f === "month" && w !== "single" || K === "range" || v === "range" || v === "multiple" ? "justify-between" : "justify-end"), children: [
-          K === "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__ */ i("span", { className: "text-content font-semibold", children: (() => {
-              const e = G;
-              if (e?.from && e?.to) {
-                const r = Math.abs(e.to.getTime() - e.from.getTime()), t = Math.ceil(r / (1e3 * 60 * 60 * 24)) + 1;
-                return `${t} day${t !== 1 ? "s" : ""}`;
-              }
-              return "0 days";
-            })() })
-          ] }),
-          f === "week" && (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__ */ i("span", { className: "text-content font-semibold", children: (() => {
-              const e = P;
-              if (!e) return "0 weeks";
-              const r = (o) => Date.UTC(o.getFullYear(), o.getMonth(), o.getDate()), t = (o) => {
-                const d = Math.floor(o / 7), c = o % 7, g = [];
-                return d > 0 && g.push(`${d} week${d !== 1 ? "s" : ""}`), (c > 0 || d === 0) && g.push(`${c} day${c !== 1 ? "s" : ""}`), g.join(" ");
-              }, s = L === "fiscal" && ie === "fiscalMonth", n = L === "fiscal", a = s ? "fiscal month" : n ? "fiscal week" : "week", l = s ? "fiscal months" : n ? "fiscal weeks" : "weeks";
-              if (Array.isArray(e))
-                if (n || s) {
-                  const o = e.length;
-                  return `${o} ${o !== 1 ? l : a}`;
-                } else {
-                  let o = 0;
-                  return e.forEach((d) => {
-                    const c = r(d.startDate), g = r(d.endDate);
-                    o += Math.round((g - c) / (1e3 * 60 * 60 * 24)) + 1;
-                  }), t(o);
-                }
-              else if ("from" in e) {
-                const { from: o, to: d } = e;
-                if (s) {
-                  if (!d) return `1 ${a}`;
-                  const c = r(o.startDate), g = r(d.endDate), h = Math.round(Math.abs(g - c) / (1e3 * 60 * 60 * 24)) + 1, R = re ? re.reduce((z, I) => z + I, 0) / 12 : 4.33, _ = Math.max(1, Math.round(h / (R * 7)));
-                  return `${_} ${_ !== 1 ? l : a}`;
-                } else if (n) {
-                  if (!d) return `1 ${a}`;
-                  const c = r(o.startDate), g = r(d.endDate), h = Math.round((g - c) / (10080 * 60 * 1e3)), R = h > 0 ? h : 1;
-                  return `${R} ${R !== 1 ? l : a}`;
-                } else {
-                  if (!d) {
-                    const R = r(o.startDate), _ = r(o.endDate), z = Math.round((_ - R) / (1e3 * 60 * 60 * 24)) + 1;
-                    return t(z);
-                  }
-                  const c = r(o.startDate), g = r(d.endDate), h = Math.round(Math.abs(g - c) / (1e3 * 60 * 60 * 24)) + 1;
-                  return t(h);
-                }
-              } else
-                return `1 ${a}`;
-            })() })
-          ] }),
-          f === "month" && (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__ */ i("span", { className: "text-content font-semibold", children: (() => {
-              const e = k;
-              if (!e) return "0 months";
-              if (Array.isArray(e)) {
-                const r = e.length;
-                return r === 1 ? b("calendar.monthRange") : b("calendar.monthRangePlural", { count: r });
-              } else if ("from" in e) {
-                const r = e;
-                if (!r.from || !r.to) return b("calendar.monthRange");
-                const t = new Date(r.from.year, r.from.month, 1), s = new Date(r.to.year, r.to.month, 1), n = (s.getFullYear() - t.getFullYear()) * 12 + (s.getMonth() - t.getMonth()) + 1;
-                return n === 1 ? b("calendar.monthRange") : b("calendar.monthRangePlural", { count: n });
-              } else
-                return b("calendar.monthRange");
-            })() })
-          ] }),
-          /* @__PURE__ */ C("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ i(
-              O,
-              {
-                variant: "link",
-                size: "sm",
-                onClick: He,
-                children: b("calendar.clear")
-              }
-            ),
-            /* @__PURE__ */ i(
-              O,
-              {
-                variant: "outline",
-                size: "sm",
-                onClick: $e,
-                children: b("calendar.cancel")
-              }
-            ),
-            /* @__PURE__ */ i(
-              O,
-              {
-                variant: "default",
-                size: "sm",
-                onClick: Le,
-                disabled: Se || Fe,
-                children: b("calendar.apply")
-              }
-            )
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-function et({
-  className: A,
-  day: B,
-  modifiers: p,
-  pickerType: F,
-  ...Y
-}) {
-  const V = u.useRef(null);
-  return u.useEffect(() => {
-    p.focused && V.current?.focus();
-  }, [p.focused]), /* @__PURE__ */ i(
-    O,
-    {
-      ref: V,
-      variant: "ghost",
-      size: "sm",
-      "data-day": B.date.toLocaleDateString(),
-      "data-selected-single": p.selected && !p.range_start && !p.range_end && !p.range_middle,
-      "data-range-start": p.range_start,
-      "data-range-end": p.range_end,
-      "data-range-middle": p.range_middle,
-      className: m(
-        "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
-        F !== "week" && "hover:bg-accent hover:text-accent-foreground hover:border-brand",
-        F === "week" && "hover:bg-transparent hover:text-inherit hover:border-transparent",
-        // Selection state
-        "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",
-        A
-      ),
-      "data-component": "calendar-day",
-      ...Y,
-      disabled: Y.disabled || p.disabled
-    }
-  );
-}
-export {
-  ft as Calendar,
-  et as CalendarDayButton
-};