impact-nova 2.5.7 → 2.5.8

package/dist/components/data-display/calendar/calendar-quarter-panes.js

@@ -0,0 +1,115 @@
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
+import { ChevronRight as p } from "impact-nova-icons";
+import { Button as u } from "../../primitives/button/button.js";
+import { Select as W } from "../../forms/select/select.js";
+import { CalendarPeriodCell as Y } from "./calendar-period-cell.js";
+import { getQuarterRangeProps as y, isQuarterRangeSelection as A } from "./calendar-quarter-utils.js";
+function L({
+  quarterMode: n,
+  pickerYear: g,
+  showFooter: h,
+  pendingQuarterSelection: v,
+  selectedQuarters: x,
+  resolvedStartYear: w,
+  resolvedEndYear: N,
+  yearOptions: d,
+  previousYearLabel: b,
+  nextYearLabel: f,
+  currentMonth: t,
+  quarterLabelsForYear: S,
+  isQuarterSelected: k,
+  isQuarterDisabled: C,
+  onMonthChange: o,
+  onQuarterClick: z
+}) {
+  const c = h ? v : x, R = n === "range" || n === "multiple" || n === "multi-range", m = (l = 0) => {
+    const e = g + l;
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        "data-slot": "quarter-pane",
+        className: "flex w-[280px] min-w-[280px] max-w-[280px] shrink-0 flex-col gap-4 overflow-hidden p-3",
+        children: [
+          /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
+            l === 0 ? /* @__PURE__ */ i(
+              u,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "h-7 w-7 shrink-0",
+                "aria-label": b,
+                disabled: e <= w,
+                onClick: () => o(new Date(e - 1, t.getMonth(), 1)),
+                children: /* @__PURE__ */ i(p, { size: 16, className: "rotate-180" })
+              }
+            ) : /* @__PURE__ */ i("span", { className: "size-7 shrink-0", "aria-hidden": !0 }),
+            /* @__PURE__ */ i(
+              W,
+              {
+                value: d.find((a) => a.value === String(e)) ?? {
+                  label: String(e),
+                  value: String(e)
+                },
+                onChange: (a) => {
+                  a && "value" in a && o(new Date(Number(a.value) - l, t.getMonth(), 1));
+                },
+                scrollToSelectedOnOpen: !0,
+                options: d,
+                parentClassName: "flex flex-1 items-center justify-center",
+                className: "w-[200px]",
+                menuWidth: "140px"
+              }
+            ),
+            (n === "single" || l === 1) && /* @__PURE__ */ i(
+              u,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "h-7 w-7",
+                "aria-label": f,
+                disabled: e >= N,
+                onClick: () => o(new Date(e + 1, t.getMonth(), 1)),
+                children: /* @__PURE__ */ i(p, { className: "h-4 w-4" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ i("div", { "data-period-grid": "", className: "grid min-w-0 grid-cols-2 gap-2", children: S(e).map((a, j) => {
+            const r = j + 1, P = k(e, r), D = C(e, r), Q = n === "range", { isStart: B, isEnd: E, isMiddle: T } = y(
+              e,
+              r,
+              c
+            ), q = A(c) && !!c.to;
+            return /* @__PURE__ */ i(
+              Y,
+              {
+                selected: P,
+                disabled: D,
+                isRange: Q,
+                isStart: B,
+                isEnd: E,
+                isMiddle: T,
+                hasRangeEnd: !!q,
+                size: "quarter",
+                columns: 2,
+                onClick: () => z(e, r),
+                caption: a.caption,
+                children: a.label
+              },
+              a.label
+            );
+          }) })
+        ]
+      }
+    );
+  };
+  return /* @__PURE__ */ s("div", { "data-slot": "quarter-panes", children: [
+    m(0),
+    R ? /* @__PURE__ */ s("div", { "data-slot": "quarter-pane-divider-group", children: [
+      /* @__PURE__ */ i("div", { className: "my-4 w-[1px] bg-stroke-hairline" }),
+      m(1)
+    ] }) : null
+  ] });
+}
+export {
+  L as CalendarQuarterPanes
+};

package/dist/components/data-display/calendar/calendar-quarter-utils.d.ts

@@ -0,0 +1,19 @@
+import { FiscalCalendarConfig } from '../../../lib/fiscal-calendar';
+import { QuarterRange, QuarterSelection } from './calendar.types';
+export declare function quarterPaneYear(item: Pick<QuarterSelection, "year" | "fy">): number;
+export declare function viewMonthFromQuarter(item?: Pick<QuarterSelection, "year" | "fy">): Date;
+export declare function quarterRank(item: Pick<QuarterSelection, "year" | "quarter" | "fy">): number;
+export declare function isSameQuarter(left: QuarterSelection, right: QuarterSelection): boolean;
+export declare function isQuarterRangeSelection(value: QuarterSelection | QuarterSelection[] | QuarterRange | undefined): value is QuarterRange;
+export declare function isQuarterRangeEndpoint(item: QuarterSelection | undefined, year: number, quarter: 1 | 2 | 3 | 4): boolean;
+export declare function getQuarterRangeProps(year: number, quarter: 1 | 2 | 3 | 4, currentSelection: QuarterSelection | QuarterSelection[] | QuarterRange | undefined): {
+    isStart: boolean;
+    isEnd: boolean;
+    isMiddle: boolean;
+};
+export declare function nextQuarterSelection(selection: QuarterSelection, prev: QuarterSelection | QuarterSelection[] | QuarterRange | undefined, quarterMode: "single" | "multiple" | "range" | "multi-range"): QuarterSelection | QuarterSelection[] | QuarterRange | undefined;
+export declare function isQuarterSelected(year: number, quarter: 1 | 2 | 3 | 4, currentSelection: QuarterSelection | QuarterSelection[] | QuarterRange | undefined): boolean;
+export declare function isQuarterDisabledForBounds(year: number, quarter: 1 | 2 | 3 | 4, disabled?: unknown, options?: {
+    calendarKind?: "gregorian" | "fiscal";
+    fiscalConfig?: FiscalCalendarConfig;
+}): boolean;

package/dist/components/data-display/calendar/calendar-quarter-utils.js

@@ -0,0 +1,95 @@
+import { localDateFromCivil as m } from "../../../lib/fiscal-calendar/civil-date.js";
+import { buildFiscalYear as Q } from "../../../lib/fiscal-calendar/build-year.js";
+import { isDateIntervalDisabled as D } from "./calendar-month-utils.js";
+function E(r) {
+  return r.fy ?? r.year;
+}
+function x(r) {
+  return r ? new Date(E(r), 0, 1) : /* @__PURE__ */ new Date();
+}
+function u(r) {
+  return (r.fy ?? r.year) * 4 + r.quarter;
+}
+function e(r, n) {
+  return r.fy != null && n.fy != null ? r.fy === n.fy && r.quarter === n.quarter : r.year === n.year && r.quarter === n.quarter;
+}
+function c(r) {
+  return !!(r && !Array.isArray(r) && ("from" in r || "to" in r));
+}
+function y(r, n, f) {
+  return r ? (r.fy ?? r.year) === n && r.quarter === f : !1;
+}
+function A(r, n, f) {
+  if (!c(f))
+    return { isStart: !1, isEnd: !1, isMiddle: !1 };
+  const s = f.from, t = f.to;
+  if (!s && !t) return { isStart: !1, isEnd: !1, isMiddle: !1 };
+  const a = u({ year: r, quarter: n, fy: r });
+  if (!s)
+    return { isStart: !1, isEnd: t ? y(t, r, n) : !1, isMiddle: !1 };
+  const i = u(s);
+  if (!t) return { isStart: a === i, isEnd: !1, isMiddle: !1 };
+  const o = u(t);
+  return {
+    isStart: a === i,
+    isEnd: a === o,
+    isMiddle: a > i && a < o
+  };
+}
+function F(r, n, f) {
+  if (f === "single") return r;
+  if (f === "multiple") {
+    const t = n || [];
+    return t.some((i) => e(i, r)) ? t.filter((i) => !e(i, r)) : [...t, r];
+  }
+  const s = n;
+  return !s?.from || s.to ? { from: r } : e(r, s.from) ? s : u(r) < u(s.from) ? { from: r, to: s.from } : { from: s.from, to: r };
+}
+function R(r, n, f) {
+  if (!f) return !1;
+  const s = { year: r, quarter: n, fy: r };
+  if (Array.isArray(f))
+    return f.some(
+      (t) => t.fy != null ? e(t, s) : t.year === r && t.quarter === n
+    );
+  if (c(f)) {
+    const t = f.from, a = f.to;
+    if (!t) return a ? y(a, r, n) : !1;
+    const i = u(s), o = u(t);
+    if (!a) return i === o;
+    const d = u(a);
+    return i >= o && i <= d;
+  }
+  return f.fy != null ? e(f, s) : f.year === r && f.quarter === n;
+}
+function l(r, n) {
+  return {
+    start: new Date(r, (n - 1) * 3, 1),
+    end: new Date(r, n * 3, 0, 23, 59, 59, 999)
+  };
+}
+function b(r, n, f, s) {
+  let t, a;
+  if (s?.calendarKind === "fiscal" && s.fiscalConfig)
+    try {
+      const o = Q(s.fiscalConfig, r).quarters.find((d) => d.quarter === n);
+      o ? (t = m(o.start), a = m(o.end)) : { start: t, end: a } = l(r, n);
+    } catch {
+      ({ start: t, end: a } = l(r, n));
+    }
+  else
+    ({ start: t, end: a } = l(r, n));
+  return D(t, a, f);
+}
+export {
+  A as getQuarterRangeProps,
+  b as isQuarterDisabledForBounds,
+  y as isQuarterRangeEndpoint,
+  c as isQuarterRangeSelection,
+  R as isQuarterSelected,
+  e as isSameQuarter,
+  F as nextQuarterSelection,
+  E as quarterPaneYear,
+  u as quarterRank,
+  x as viewMonthFromQuarter
+};

package/dist/components/data-display/calendar/calendar-selection-appearance.d.ts

@@ -0,0 +1,38 @@
+import { SelectionKind } from './calendar-selection';
+export declare const DAY_CELL_SIZE = "h-9 w-9 min-h-9 min-w-9";
+export declare const DAY_MONTH_MIN_WIDTH = "min-w-[292px]";
+export declare const WEEK_GUTTER_RULE = "w-9 flex-shrink-0";
+export declare const INTERVAL_TRACK = "bg-accent";
+export declare const POINT_FILL = "bg-brand text-brand-foreground";
+export declare const POINT_FILL_HOVER = "hover:bg-brand-strong hover:text-brand-foreground hover:border-transparent";
+export declare const SELECTION_RADIUS = "rounded-lg";
+export declare const SELECTION_RADIUS_START = "rounded-l-lg";
+export declare const SELECTION_RADIUS_END = "rounded-r-lg";
+export declare const dayButtonBaseClassName: string;
+export declare const dayButtonHoverClassName = "hover:bg-accent hover:text-accent-foreground hover:border-transparent";
+export declare const dayButtonWeekHoverClassName = "hover:bg-transparent hover:text-inherit hover:border-transparent";
+export declare const dayButtonPointClassName: string;
+export declare const dayButtonMiddleClassName = "text-accent-foreground rounded-none border-transparent";
+export declare const dayCellBaseClassName: string;
+export declare const rangeStartCellClassName = "calendar-interval-cap-start";
+export declare const rangeMiddleCellClassName: string;
+export declare const rangeEndCellClassName = "calendar-interval-cap-end";
+export declare const previewCellClassName: string;
+export declare const previewCapStartCellClassName = "calendar-interval-cap-start";
+export declare const previewCapEndCellClassName = "calendar-interval-cap-end";
+export declare const weekNumberTypeClassName = "text-[11px] font-medium text-content-icon";
+export declare const weekNumberInteractiveClassName = "text-brand group-has-[.rdp-selected]/week:text-brand group-hover/week:text-brand";
+export declare const weekNumberBaseClassName: string;
+export declare const weekNumberSelectedFillClassName = "group-data-[week-selected]/week:bg-accent";
+export declare const weekNumberFocusClassName = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring";
+export declare const periodTileBaseClassName: string;
+export declare const periodTilePointClassName: string;
+export declare const periodTileHoverClassName = "hover:border-brand hover:bg-accent hover:text-accent-foreground";
+export declare const periodTileMiddleClassName = "text-accent-foreground";
+export declare const periodTileDisabledClassName = "cursor-not-allowed text-content-placeholder opacity-50";
+export declare const periodRangeTrackClassName = "bg-accent";
+export declare function dayButtonAppearanceClassName(kind: SelectionKind, pickerType: "date" | "week"): string;
+export declare function periodTileAppearanceClassName(params: {
+    kind: SelectionKind;
+    disabled: boolean;
+}): string;

package/dist/components/data-display/calendar/calendar-selection-appearance.js

@@ -0,0 +1,72 @@
+import { cn as e } from "../../../lib/utils.js";
+const l = "h-9 w-9 min-h-9 min-w-9", y = "min-w-[292px]", d = "w-9 flex-shrink-0", s = "bg-accent", i = "bg-brand text-brand-foreground", c = "hover:bg-brand-strong hover:text-brand-foreground hover:border-transparent", a = "rounded-lg", I = "rounded-l-lg", k = "rounded-r-lg", u = e(
+  "flex items-center justify-center p-0 font-normal text-sm transition-colors",
+  "border border-transparent",
+  a,
+  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring",
+  "disabled:pointer-events-none",
+  l,
+  "rdp-day rdp-day_button"
+), p = "hover:bg-accent hover:text-accent-foreground hover:border-transparent", m = "hover:bg-transparent hover:text-inherit hover:border-transparent", v = e(
+  i,
+  c,
+  a,
+  "border-transparent"
+), b = "text-accent-foreground rounded-none border-transparent", L = e(
+  "group/day relative select-none p-0 text-center flex-1 flex items-center justify-center",
+  "h-9 [&:nth-child(2)]:pl-2 rdp-day"
+), C = "calendar-interval-cap-start", S = e(s, "rounded-none"), N = "calendar-interval-cap-end", A = e(s, "rounded-none"), B = C, R = N, f = "text-[11px] font-medium text-content-icon", D = "text-brand group-has-[.rdp-selected]/week:text-brand group-hover/week:text-brand", O = e(
+  "select-none flex items-center justify-center",
+  f,
+  l,
+  d,
+  "rdp-week_number"
+), H = "group-data-[week-selected]/week:bg-accent", M = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring", o = e(
+  "relative z-10 border border-transparent p-0 text-sm font-normal transition-colors",
+  a,
+  "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-focus-ring focus-visible:ring-offset-0"
+), g = e(i, c), h = "hover:border-brand hover:bg-accent hover:text-accent-foreground", x = "text-accent-foreground", T = "cursor-not-allowed text-content-placeholder opacity-50", P = s;
+function U(n, t) {
+  const r = n === "point" || n === "interval-start" || n === "interval-end";
+  return e(u, r ? v : n === "interval-middle" ? b : void 0, t === "week" ? r ? void 0 : m : n === "none" ? p : void 0);
+}
+function F(n) {
+  const { kind: t, disabled: r } = n;
+  return r ? e(o, T) : t === "point" || t === "interval-start" || t === "interval-end" ? e(o, g) : t === "interval-middle" ? e(o, x) : e(o, h);
+}
+export {
+  l as DAY_CELL_SIZE,
+  y as DAY_MONTH_MIN_WIDTH,
+  s as INTERVAL_TRACK,
+  i as POINT_FILL,
+  c as POINT_FILL_HOVER,
+  a as SELECTION_RADIUS,
+  k as SELECTION_RADIUS_END,
+  I as SELECTION_RADIUS_START,
+  d as WEEK_GUTTER_RULE,
+  U as dayButtonAppearanceClassName,
+  u as dayButtonBaseClassName,
+  p as dayButtonHoverClassName,
+  b as dayButtonMiddleClassName,
+  v as dayButtonPointClassName,
+  m as dayButtonWeekHoverClassName,
+  L as dayCellBaseClassName,
+  P as periodRangeTrackClassName,
+  F as periodTileAppearanceClassName,
+  o as periodTileBaseClassName,
+  T as periodTileDisabledClassName,
+  h as periodTileHoverClassName,
+  x as periodTileMiddleClassName,
+  g as periodTilePointClassName,
+  R as previewCapEndCellClassName,
+  B as previewCapStartCellClassName,
+  A as previewCellClassName,
+  N as rangeEndCellClassName,
+  S as rangeMiddleCellClassName,
+  C as rangeStartCellClassName,
+  O as weekNumberBaseClassName,
+  M as weekNumberFocusClassName,
+  D as weekNumberInteractiveClassName,
+  H as weekNumberSelectedFillClassName,
+  f as weekNumberTypeClassName
+};

package/dist/components/data-display/calendar/calendar-selection.d.ts

@@ -0,0 +1,20 @@
+export type SelectionKind = "none" | "point" | "interval-start" | "interval-middle" | "interval-end";
+export interface SelectionModifiers {
+    selected?: boolean;
+    range_start?: boolean;
+    range_end?: boolean;
+    range_middle?: boolean;
+    preview?: boolean;
+    preview_cap?: boolean;
+}
+export declare function selectionKindFromModifiers(modifiers: SelectionModifiers): SelectionKind;
+export declare function dayKey(date: Date): number;
+export declare function isPreviewMiddle(date: Date, from: Date, hovered: Date): boolean;
+export declare function isPreviewCap(date: Date, from: Date, hovered: Date): boolean;
+export declare function periodCellKind(params: {
+    selected: boolean;
+    isRange: boolean;
+    isStart: boolean;
+    isEnd: boolean;
+    isMiddle: boolean;
+}): SelectionKind;

package/dist/components/data-display/calendar/calendar-selection.js

@@ -0,0 +1,31 @@
+function c(n) {
+  const e = !!n.range_start, t = !!n.range_end;
+  return e && t ? "point" : e ? "interval-start" : t ? "interval-end" : n.range_middle ? "interval-middle" : n.preview_cap ? "interval-end" : n.preview ? "interval-middle" : n.selected ? "point" : "none";
+}
+function o(n) {
+  return n.getFullYear() * 1e4 + (n.getMonth() + 1) * 100 + n.getDate();
+}
+function d(n, e, t) {
+  const r = o(n), i = o(e), a = o(t), l = i < a ? i : a, u = i > a ? i : a;
+  return r > l && r < u;
+}
+function s(n, e, t) {
+  const r = o(n);
+  return r === o(t) && r !== o(e);
+}
+function g(n) {
+  const { selected: e, isRange: t, isStart: r, isEnd: i, isMiddle: a } = n;
+  return t ? c({
+    selected: e,
+    range_start: r,
+    range_end: i,
+    range_middle: a
+  }) : e ? "point" : "none";
+}
+export {
+  o as dayKey,
+  s as isPreviewCap,
+  d as isPreviewMiddle,
+  g as periodCellKind,
+  c as selectionKindFromModifiers
+};

package/dist/components/data-display/calendar/calendar-week-number-cell.d.ts

@@ -1,3 +1,4 @@
+import { CalendarKind, DateCellMeta } from '../../../lib/fiscal-calendar';
 import { WeekPickerInput } from './calendar-week-utils';
 import * as React from "react";
 export interface CalendarWeekNumberCellProps {
@@ -9,9 +10,13 @@ export interface CalendarWeekNumberCellProps {
     };
     weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
     pickerType: "date" | "week" | "month";
+    calendarKind?: CalendarKind;
     weekNumberLabel: (weekOfMonth: number) => string;
     weekLabel: (weekOfMonth: number) => string;
+    fiscalWeekNumberLabel?: (week: number) => string;
+    fiscalWeekAriaLabel?: (meta: DateCellMeta) => string;
+    getCellMeta?: (date: Date) => DateCellMeta | undefined;
     onWeekSelect: (input: WeekPickerInput) => void;
     className?: string;
 }
-export declare function CalendarWeekNumberCell({ week, weekStartsOn, pickerType, weekNumberLabel, weekLabel, onWeekSelect, className, ...weekProps }: CalendarWeekNumberCellProps & React.HTMLAttributes<HTMLElement>): import("react/jsx-runtime").JSX.Element;
+export declare function CalendarWeekNumberCell({ week, weekStartsOn, pickerType, calendarKind, weekNumberLabel, weekLabel, fiscalWeekNumberLabel, fiscalWeekAriaLabel, getCellMeta, onWeekSelect, className, ...weekProps }: CalendarWeekNumberCellProps & React.HTMLAttributes<HTMLElement>): import("react/jsx-runtime").JSX.Element;

package/dist/components/data-display/calendar/calendar-week-number-cell.js

@@ -1,72 +1,87 @@
 import { jsx as n } from "react/jsx-runtime";
 import "react";
-import { cn as a } from "../../../lib/utils.js";
-function C({
-  week: x,
-  weekStartsOn: c,
-  pickerType: p,
-  weekNumberLabel: i,
-  weekLabel: h,
-  onWeekSelect: y,
-  className: s,
-  ...k
+import { cn as k } from "../../../lib/utils.js";
+import { weekNumberBaseClassName as h, weekNumberInteractiveClassName as C, weekNumberSelectedFillClassName as M, weekNumberFocusClassName as v } from "./calendar-selection-appearance.js";
+function F(e, s) {
+  const o = e.getFullYear(), u = e.getMonth(), c = (new Date(o, u, 1).getDay() + 7 - s) % 7, i = new Date(o, u, 1 - c), l = new Date(e), r = (e.getDay() + 7 - s) % 7;
+  return l.setDate(e.getDate() - r), Math.round(
+    (l.getTime() - i.getTime()) / (10080 * 60 * 1e3)
+  ) + 1;
+}
+function O({
+  week: e,
+  weekStartsOn: s,
+  pickerType: o,
+  calendarKind: u = "gregorian",
+  weekNumberLabel: y,
+  weekLabel: D,
+  fiscalWeekNumberLabel: c,
+  fiscalWeekAriaLabel: i,
+  getCellMeta: l,
+  onWeekSelect: g,
+  className: r,
+  ...N
 }) {
-  const e = x.days.find((o) => !o.outside)?.date;
-  if (!e)
+  const d = e.days.find((f) => !f.outside)?.date;
+  if (!d)
     return /* @__PURE__ */ n(
       "th",
       {
         scope: "row",
         "aria-hidden": "true",
-        className: a(
-          "select-none flex h-[30px] w-[30px] flex-shrink-0 items-center justify-center text-[11px] text-secondary-foreground rdp-week_number",
-          s
+        className: k(
+          h,
+          r
         )
       }
     );
-  const f = e.getFullYear(), l = e.getMonth(), m = (new Date(f, l, 1).getDay() + 7 - c) % 7, w = new Date(f, l, 1 - m), d = new Date(e), D = (e.getDay() + 7 - c) % 7;
-  d.setDate(e.getDate() - D);
-  const r = Math.round(
-    (d.getTime() - w.getTime()) / (10080 * 60 * 1e3)
-  ) + 1, u = h(r);
-  if (p === "week") {
-    const o = () => y(e);
+  const m = l?.(d), a = m?.fiscalWeek, w = F(d, s), p = a ?? w, b = a && c ? c(a) : y(p), x = a && m && i ? i(m) : D(w);
+  if (o === "week") {
+    const f = () => g(d);
     return /* @__PURE__ */ n(
       "td",
       {
-        "aria-label": u,
-        "data-week-index": r,
-        "data-week-number": r,
+        "aria-label": x,
+        "data-week-index": w,
+        "data-week-number": p,
+        "data-fiscal-week": a,
+        "data-selection": "period-row",
         tabIndex: 0,
         role: "button",
-        className: a(
-          "select-none flex h-[30px] w-[30px] flex-shrink-0 cursor-pointer items-center justify-center rounded-lg rdp-week_number transition-colors hover:bg-accent hover:text-accent-foreground group-hover/week:bg-accent group-hover/week:rounded-l-lg",
-          s
+        className: k(
+          h,
+          v,
+          M,
+          C,
+          "cursor-pointer transition-colors",
+          r
         ),
         onClick: (t) => {
-          t.preventDefault(), t.stopPropagation(), o();
+          t.preventDefault(), t.stopPropagation(), f();
         },
         onKeyDown: (t) => {
-          (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.stopPropagation(), o());
+          (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.stopPropagation(), f());
         },
-        children: /* @__PURE__ */ n("div", { className: "flex h-8 w-full items-center justify-center text-center text-[11px] text-secondary-foreground", children: i(r) })
+        children: /* @__PURE__ */ n("div", { className: "flex h-9 w-full items-center justify-center text-center", children: b })
       }
     );
   }
   return /* @__PURE__ */ n(
     "th",
     {
-      ...k,
-      "aria-label": u,
-      className: a(
-        "select-none flex h-[30px] w-[30px] flex-shrink-0 items-center justify-center text-[11px] text-secondary-foreground rdp-week_number",
-        s
+      ...N,
+      "aria-label": x,
+      "data-week-number": p,
+      "data-fiscal-week": a,
+      className: k(
+        h,
+        r
       ),
       scope: "row",
-      children: /* @__PURE__ */ n("div", { className: "flex h-8 w-full items-center justify-center text-center", children: i(r) })
+      children: /* @__PURE__ */ n("div", { className: "flex h-9 w-full items-center justify-center text-center whitespace-nowrap", children: b })
     }
   );
 }
 export {
-  C as CalendarWeekNumberCell
+  O as CalendarWeekNumberCell
 };

package/dist/components/data-display/calendar/calendar-week-number-header.d.ts

@@ -0,0 +1,4 @@
+import { CalendarKind } from '../../../lib/fiscal-calendar';
+export declare function paddedWeekNumber(week: number): string;
+export declare function paneCivilMonthIndex(calendarKind: CalendarKind, currentMonth: Date, panelIndex: number): number | undefined;
+export declare function paneCivilMonthLabel(calendarKind: CalendarKind, currentMonth: Date, panelIndex: number, months: readonly string[]): string | undefined;

package/dist/components/data-display/calendar/calendar-week-number-header.js

@@ -0,0 +1,15 @@
+function r(e) {
+  return String(e).padStart(2, "0");
+}
+function i(e, t, n) {
+  if (e === "fiscal")
+    return new Date(
+      t.getFullYear(),
+      t.getMonth() + n,
+      1
+    ).getMonth();
+}
+export {
+  r as paddedWeekNumber,
+  i as paneCivilMonthIndex
+};

package/dist/components/data-display/calendar/calendar-week-utils.d.ts

@@ -1,4 +1,4 @@
-import { CalendarType, FiscalMode, FiscalMonthPattern, SelectionMode } from '../../../lib/fiscal-calendar';
+import { CalendarKind, FiscalMode, FiscalMonthPattern, Granularity } from '../../../lib/fiscal-calendar';
 import { WeekRange, WeekSelection } from './calendar.types';
 export type WeekPickerInput = Date | {
     days: Array<{
@@ -6,11 +6,19 @@ export type WeekPickerInput = Date | {
         outside?: boolean;
     }>;
 };
+export declare function fiscalPeriodForWeek(week: {
+    days: Array<{
+        date: Date;
+        outside?: boolean;
+    }>;
+}, getCellMeta?: (date: Date) => {
+    fiscalPeriod?: number;
+} | undefined): number | undefined;
 export declare function isSameWeek(w1: WeekSelection, w2: WeekSelection): boolean;
 export declare function calculateWeekSelection(weekOrDate: WeekPickerInput, options: {
-    calendarType: CalendarType;
+    calendarKind: CalendarKind;
     fiscalMode: FiscalMode;
-    selectionMode: SelectionMode;
+    granularity?: Granularity;
     fiscalMonthPattern?: FiscalMonthPattern;
     fiscalYearStartMonth: number;
     weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;