impact-nova 2.5.9 → 2.5.11

package/dist/components/data-display/calendar/calendar-day-picker-classnames.js

@@ -1,22 +1,24 @@
 import "react-day-picker";
 import { cn as e } from "../../../lib/utils.js";
-import { previewCapEndCellClassName as m, previewCapStartCellClassName as f, previewCellClassName as p, rangeEndCellClassName as w, rangeMiddleCellClassName as u, rangeStartCellClassName as b, dayCellBaseClassName as h, weekNumberInteractiveClassName as k, weekNumberSelectedFillClassName as x, weekNumberBaseClassName as s, DAY_MONTH_MIN_WIDTH as _ } from "./calendar-selection-appearance.js";
-function v(l) {
+import { previewCapEndCellClassName as m, previewCapStartCellClassName as p, previewCellClassName as w, rangeEndCellClassName as b, rangeMiddleCellClassName as u, rangeStartCellClassName as x, dayCellBaseClassName as h, weekNumberInteractiveClassName as k, weekNumberSelectedFillClassName as _, weekNumberBaseClassName as s, DAY_MONTH_MIN_WIDTH as y } from "./calendar-selection-appearance.js";
+function N(l) {
   const {
     defaultClassNames: t,
-    pickerType: o,
-    calendarKind: i,
+    pickerType: i,
+    calendarKind: f,
     showOutsideDays: d,
     periodRowHover: c = !1,
-    classNames: r
-  } = l, a = o === "week", n = a && !c;
+    showWeekNumber: a = !0,
+    classNames: o
+  } = l, r = i === "week", n = r && !c;
   return {
     root: e("w-fit", t.root),
     months: e("relative", t.months),
     month: e(
       "relative flex flex-1",
-      _,
-      "flex-col gap-2 after:absolute after:top-[5.5rem] after:bottom-0 after:left-9 after:w-[1px] after:bg-stroke-hairline",
+      y,
+      "flex-col gap-2",
+      a && "after:absolute after:top-[5.5rem] after:bottom-0 after:left-9 after:w-[1px] after:bg-stroke-hairline",
       t.month
     ),
     button_previous: e(
@@ -37,18 +39,20 @@ function v(l) {
     ),
     caption_label: e("select-none font-medium text-sm", t.caption_label),
     table: "w-full border-collapse",
+    weeks: e("flex flex-col", t.weeks),
     weekdays: e(
-      "flex w-full relative after:absolute after:bottom-0 after:right-0 after:h-[1px] after:bg-stroke-hairline after:left-9",
+      "flex w-full relative after:absolute after:bottom-0 after:right-0 after:h-[1px] after:bg-stroke-hairline",
+      a ? "after:left-9" : "after:left-0",
       t.weekdays
     ),
     weekday: e(
       "flex-1 select-none rounded-md font-normal text-center",
       "text-[11px] text-secondary-foreground pb-2",
-      "[&:nth-child(2)]:pl-2",
+      a && "[&:nth-child(2)]:pl-2",
       t.weekday
     ),
     week: e(
-      a ? "flex w-full items-stretch group/week" : "mt-1 flex w-full items-stretch group/week",
+      r ? "flex w-full items-stretch group/week" : "mt-1 flex w-full items-stretch group/week",
       t.week
     ),
     week_number_header: e(
@@ -60,34 +64,38 @@ function v(l) {
       s,
       "whitespace-nowrap transition-colors",
       n && "group-hover/week:bg-accent",
-      a && x,
-      a && k,
+      r && _,
+      r && k,
       t.week_number
     ),
     day: e(
       h,
       n && "group-hover/week:bg-accent",
-      r?.day
+      o?.day
     ),
-    range_start: e(b, t.range_start),
+    range_start: e(x, t.range_start),
     range_middle: e(u, t.range_middle),
-    range_end: e(w, t.range_end),
+    range_end: e(b, t.range_end),
     today: e("text-brand", t.today),
     outside: e(
-      i === "fiscal" || d ? "text-secondary-foreground opacity-50" : "invisible",
+      f === "fiscal" || d ? "text-secondary-foreground opacity-50" : "invisible",
       t.outside
     ),
     disabled: e("text-secondary-foreground opacity-50", t.disabled),
     hidden: e("invisible", t.hidden),
-    ...r
+    ...o
   };
 }
-const N = {
-  preview: p,
-  preview_cap_start: f,
+const j = {
+  preview: w,
+  preview_cap_start: p,
   preview_cap_end: m
+}, D = {
+  fiscal_period_start: "before:pointer-events-none before:absolute before:left-0 before:top-1/2 before:-translate-y-1/2 before:content-['('] before:text-sm before:font-normal before:text-brand",
+  fiscal_period_end: "after:pointer-events-none after:absolute after:right-0 after:top-1/2 after:-translate-y-1/2 after:content-[')'] after:text-sm after:font-normal after:text-brand"
 };
 export {
-  v as getCalendarDayPickerClassNames,
-  N as previewModifierClassNames
+  D as fiscalPeriodBoundaryClassNames,
+  N as getCalendarDayPickerClassNames,
+  j as previewModifierClassNames
 };

package/dist/components/data-display/calendar/calendar-day-picker-components.d.ts

@@ -1,13 +1,14 @@
 import { DayPicker } from 'react-day-picker';
 import { Button } from '../../primitives/button/button';
 import { Option } from '../../forms/select';
-import { FiscalCalendarConfig, FiscalPeriod, CalendarKind } from '../../../lib/fiscal-calendar';
+import { FiscalCalendarConfig, FiscalPeriod, CalendarKind, Granularity } from '../../../lib/fiscal-calendar';
 import { WeekPickerInput } from './calendar-week-utils';
 import * as React from "react";
 export interface BuildCalendarDayPickerComponentsParams {
     buttonVariant: React.ComponentProps<typeof Button>["variant"];
     pickerType: "date" | "week" | "month";
     calendarKind: CalendarKind;
+    granularity?: Granularity;
     currentMonth: Date;
     monthsFull: string[];
     monthsShort: string[];
@@ -31,6 +32,8 @@ export interface BuildCalendarDayPickerComponentsParams {
     onWeekSelect: (input: WeekPickerInput) => void;
     periodRowHover?: boolean;
     weekMode?: "single" | "multiple" | "range" | "multi-range";
+    showPeriodBoundaries?: boolean;
+    disabled?: unknown;
     components?: React.ComponentProps<typeof DayPicker>["components"];
 }
-export declare function buildCalendarDayPickerComponents({ buttonVariant, pickerType, calendarKind, currentMonth, monthsFull, monthsShort, resolvedStartMonth, resolvedEndMonth, availableYears, fiscalPeriods, fiscalConfig, weekStartsOn, previousMonthLabel, nextMonthLabel, monthPlaceholder, yearPlaceholder, weekNumberLabel, weekNumberHeader, weekLabel, fiscalWeekNumberLabel, fiscalWeekAriaLabel, getCellMeta, onMonthChange, onWeekSelect, periodRowHover, weekMode, components, }: BuildCalendarDayPickerComponentsParams): React.ComponentProps<typeof DayPicker>["components"];
+export declare function buildCalendarDayPickerComponents({ buttonVariant, pickerType, calendarKind, granularity, currentMonth, monthsFull, monthsShort, resolvedStartMonth, resolvedEndMonth, availableYears, fiscalPeriods, fiscalConfig, weekStartsOn, previousMonthLabel, nextMonthLabel, monthPlaceholder, yearPlaceholder, weekNumberLabel, weekNumberHeader, weekLabel, fiscalWeekNumberLabel, fiscalWeekAriaLabel, getCellMeta, onMonthChange, onWeekSelect, periodRowHover, weekMode, showPeriodBoundaries, disabled, components, }: BuildCalendarDayPickerComponentsParams): React.ComponentProps<typeof DayPicker>["components"];

package/dist/components/data-display/calendar/calendar-day-picker-components.js

@@ -1,263 +1,306 @@
-import { jsx as i, jsxs as z } from "react/jsx-runtime";
-import * as x from "react";
-import { useDayPicker as V } from "react-day-picker";
-import { ChevronRight as B } from "impact-nova-icons";
-import { cn as k } from "../../../lib/utils.js";
-import { Button as M } from "../../primitives/button/button.js";
-import { Select as R } from "../../forms/select/select.js";
-import { CalendarCaptionHeader as ee } from "./calendar-caption-header.js";
-import { CalendarDayButton as te } from "./calendar-day-button.js";
-import { PanelIndexContext as N } from "./calendar-panel-context.js";
-import { CalendarWeekNumberCell as re } from "./calendar-week-number-cell.js";
-import { paneCivilMonthIndex as ne } from "./calendar-week-number-header.js";
-import { buildFiscalYear as oe } from "../../../lib/fiscal-calendar/build-year.js";
-import { civilMonthAtOffset as _, midMonthDate as E, visibleMonthForPeriod as G, periodForCivilMonth as ie } from "./calendar-fiscal-period-nav.js";
-import { getAvailableMonths as ae } from "./calendar-month-utils.js";
-import { isCalendarPaddingWeek as se, weekHasInMonthSelection as le, weekIntervalContinues as de } from "./calendar-padding-week.utils.js";
-import { fiscalPeriodForWeek as ce } from "./calendar-week-utils.js";
-import { FiscalPeriodCaptionSelect as me } from "./fiscal-period-caption-select.js";
-function H(y, m, u) {
-  if (m != null && y)
+import { jsx as i, jsxs as M } from "react/jsx-runtime";
+import * as k from "react";
+import { useDayPicker as ue } from "react-day-picker";
+import { ChevronRight as Q } from "impact-nova-icons";
+import { cn as y } from "../../../lib/utils.js";
+import { Button as U } from "../../primitives/button/button.js";
+import { Select as X } from "../../forms/select/select.js";
+import { CalendarCaptionHeader as me } from "./calendar-caption-header.js";
+import { CalendarDayButton as pe } from "./calendar-day-button.js";
+import { PanelIndexContext as D } from "./calendar-panel-context.js";
+import { CalendarWeekNumberCell as he } from "./calendar-week-number-cell.js";
+import { paneCivilMonthIndex as ve } from "./calendar-week-number-header.js";
+import { buildFiscalYear as xe } from "../../../lib/fiscal-calendar/build-year.js";
+import { civilMonthAtOffset as N, midMonthDate as g, periodForFiscalYearChange as ke, visibleMonthForPeriod as Z, periodsAvailableInBounds as Pe, periodForCivilMonth as $ } from "./calendar-fiscal-period-nav.js";
+import { getAvailableMonths as ye, isWeekSelectableInBounds as De } from "./calendar-month-utils.js";
+import { isCalendarPaddingWeek as L, weekHasInMonthSelection as Se, weekIntervalContinues as We } from "./calendar-padding-week.utils.js";
+import { isForeignFiscalWeekRow as T, fiscalPeriodForWeek as V } from "./calendar-week-utils.js";
+import { FiscalPeriodCaptionSelect as be } from "./fiscal-period-caption-select.js";
+function C(h, f, l) {
+  if (f != null && h)
     try {
-      return oe(y, m).periods;
+      return xe(h, f).periods;
     } catch {
     }
-  return u ?? [];
+  return l ?? [];
 }
-function Ie({
-  buttonVariant: y,
-  pickerType: m,
-  calendarKind: u,
-  currentMonth: h,
-  monthsFull: b,
-  monthsShort: q,
-  resolvedStartMonth: J,
-  resolvedEndMonth: Q,
-  availableYears: g,
-  fiscalPeriods: C,
-  fiscalConfig: w,
-  weekStartsOn: U,
-  previousMonthLabel: P,
-  nextMonthLabel: W,
-  monthPlaceholder: I,
-  yearPlaceholder: X,
-  weekNumberLabel: Z,
-  weekNumberHeader: F,
-  weekLabel: $,
-  fiscalWeekNumberLabel: L,
-  fiscalWeekAriaLabel: T,
-  getCellMeta: f,
-  onMonthChange: v,
-  onWeekSelect: A,
-  periodRowHover: Y = !1,
-  weekMode: O = "single",
-  components: K
+function K(h, f, l) {
+  const S = h.days[0]?.date, m = h.days[h.days.length - 1]?.date;
+  return !S || !m ? !1 : De(S, m, f, l);
+}
+function Je({
+  buttonVariant: h,
+  pickerType: f,
+  calendarKind: l,
+  granularity: S,
+  currentMonth: m,
+  monthsFull: A,
+  monthsShort: ee,
+  resolvedStartMonth: te,
+  resolvedEndMonth: oe,
+  availableYears: Y,
+  fiscalPeriods: F,
+  fiscalConfig: W,
+  weekStartsOn: ne,
+  previousMonthLabel: B,
+  nextMonthLabel: j,
+  monthPlaceholder: O,
+  yearPlaceholder: re,
+  weekNumberLabel: ie,
+  weekNumberHeader: R,
+  weekLabel: se,
+  fiscalWeekNumberLabel: ae,
+  fiscalWeekAriaLabel: le,
+  getCellMeta: d,
+  onMonthChange: P,
+  onWeekSelect: z,
+  periodRowHover: _ = !1,
+  weekMode: E = "single",
+  showPeriodBoundaries: ce = !1,
+  disabled: w,
+  components: de
 }) {
+  function G(e) {
+    if (l !== "fiscal") return;
+    const t = N(m, e);
+    return $(
+      C(
+        W,
+        d?.(g(t))?.fy ?? d?.(t)?.fy,
+        F
+      ),
+      t.getFullYear(),
+      t.getMonth()
+    )?.period;
+  }
   return {
-    Root: ({ className: e, rootRef: r, ...t }) => /* @__PURE__ */ i("div", { "data-slot": "calendar", ref: r, className: k(e), ...t }),
-    Chevron: ({ className: e, orientation: r, ...t }) => r === "left" ? /* @__PURE__ */ i(
-      B,
+    Root: ({ className: e, rootRef: t, ...o }) => /* @__PURE__ */ i("div", { "data-slot": "calendar", ref: t, className: y(e), ...o }),
+    Chevron: ({ className: e, orientation: t, ...o }) => t === "left" ? /* @__PURE__ */ i(
+      Q,
       {
         size: 16,
-        className: k("rotate-180 text-content", e),
-        ...t
+        className: y("rotate-180 text-content", e),
+        ...o
       }
-    ) : r === "right" ? /* @__PURE__ */ i(B, { size: 16, className: k("text-content", e), ...t }) : /* @__PURE__ */ i("span", {}),
+    ) : t === "right" ? /* @__PURE__ */ i(Q, { size: 16, className: y("text-content", e), ...o }) : /* @__PURE__ */ i("span", {}),
     PreviousMonthButton: (e) => /* @__PURE__ */ i(
-      M,
+      U,
       {
-        variant: y,
+        variant: h,
         size: "icon",
         className: "h-7 w-7",
-        "aria-label": P,
-        title: P,
+        "aria-label": B,
+        title: B,
         ...e
       }
     ),
     NextMonthButton: (e) => /* @__PURE__ */ i(
-      M,
+      U,
       {
-        variant: y,
+        variant: h,
         size: "icon",
         className: "h-7 w-7",
-        "aria-label": W,
-        title: W,
+        "aria-label": j,
+        title: j,
         ...e
       }
     ),
-    MonthCaption: ({ displayIndex: e, calendarMonth: r, ...t }) => /* @__PURE__ */ i("div", { ...t }),
-    Month: ({ calendarMonth: e, displayIndex: r, className: t, children: o, ...a }) => {
-      const d = x.Children.toArray(o), l = d[d.length - 1], s = d.slice(0, -1);
-      return /* @__PURE__ */ i(N.Provider, { value: r, children: /* @__PURE__ */ z("div", { className: k(t), ...a, children: [
-        s.length > 0 ? /* @__PURE__ */ i(ee, { children: s }) : null,
-        l
+    MonthCaption: ({ displayIndex: e, calendarMonth: t, ...o }) => /* @__PURE__ */ i("div", { ...o }),
+    Month: ({ calendarMonth: e, displayIndex: t, className: o, children: r, ...s }) => {
+      const c = k.Children.toArray(r), p = c[c.length - 1], a = c.slice(0, -1);
+      return /* @__PURE__ */ i(D.Provider, { value: t, children: /* @__PURE__ */ M("div", { className: y(o), ...s, children: [
+        a.length > 0 ? /* @__PURE__ */ i(me, { children: a }) : null,
+        p
       ] }) });
     },
-    Months: ({ className: e, children: r, ...t }) => /* @__PURE__ */ i(
+    Months: ({ className: e, children: t, ...o }) => /* @__PURE__ */ i(
       "div",
       {
         "data-slot": "day-months",
-        "data-period-row-hover": Y ? "true" : void 0,
-        "data-week-gutter-track": m === "week" ? "true" : void 0,
-        className: k(e),
-        ...t,
-        children: r
+        "data-period-row-hover": _ ? "true" : void 0,
+        "data-week-gutter-track": f === "week" ? "true" : void 0,
+        className: y(e),
+        ...o,
+        children: t
       }
     ),
-    DropdownNav: ({ children: e, className: r, ...t }) => {
-      if (u !== "fiscal")
-        return /* @__PURE__ */ i("div", { className: r, ...t, children: e });
-      const o = x.Children.toArray(e), a = (n) => x.isValidElement(n) && n.key != null ? String(n.key) : "", d = o.find((n) => a(n).endsWith("year")), l = o.find((n) => a(n).endsWith("month")), s = o.filter((n) => {
-        const c = a(n);
-        return !c.endsWith("year") && !c.endsWith("month");
+    DropdownNav: ({ children: e, className: t, ...o }) => {
+      if (l !== "fiscal")
+        return /* @__PURE__ */ i("div", { className: t, ...o, children: e });
+      const r = k.Children.toArray(e), s = (n) => k.isValidElement(n) && n.key != null ? String(n.key) : "", c = r.find((n) => s(n).endsWith("year")), p = r.find((n) => s(n).endsWith("month")), a = r.filter((n) => {
+        const u = s(n);
+        return !u.endsWith("year") && !u.endsWith("month");
       });
-      return /* @__PURE__ */ z("div", { className: r, ...t, children: [
-        d,
-        l,
-        s
+      return /* @__PURE__ */ M("div", { className: t, ...o, children: [
+        c,
+        p,
+        a
       ] });
     },
     MonthsDropdown: ({ value: e }) => {
-      const r = x.useContext(N), t = r > 0, o = _(h, r), a = o.getFullYear();
-      if (u === "fiscal" && w) {
-        const s = f?.(E(o)) ?? f?.(o), n = H(w, s?.fy, C), c = ie(
+      const t = k.useContext(D), o = t > 0, r = N(m, t), s = r.getFullYear();
+      if (l === "fiscal" && W) {
+        const a = d?.(g(r)) ?? d?.(r), n = C(W, a?.fy, F), u = Pe(n, w), v = $(
           n,
-          o.getFullYear(),
-          o.getMonth()
+          r.getFullYear(),
+          r.getMonth()
         );
         return /* @__PURE__ */ i(
-          me,
+          be,
           {
-            periods: n,
-            selectedPeriod: c,
-            placeholder: I,
-            onPeriodChange: (p) => {
-              v(G(p, t));
+            periods: u,
+            selectedPeriod: v,
+            placeholder: O,
+            onPeriodChange: (x) => {
+              P(Z(x, o));
             }
           }
         );
       }
-      const l = ae(
-        a,
-        b,
-        J,
-        Q
+      const p = ye(
+        s,
+        A,
+        te,
+        oe
       );
       return /* @__PURE__ */ i(
-        R,
+        X,
         {
-          value: l.find((s) => s.value === e?.toString()),
-          onChange: (s) => {
-            if (s && "value" in s) {
-              const n = parseInt(s.value);
-              v(t ? new Date(a, n - 1, 1) : new Date(a, n, 1));
+          value: p.find((a) => a.value === e?.toString()),
+          onChange: (a) => {
+            if (a && "value" in a) {
+              const n = parseInt(a.value);
+              P(o ? new Date(s, n - 1, 1) : new Date(s, n, 1));
             }
           },
           scrollToSelectedOnOpen: !0,
-          options: l,
+          options: p,
           className: "w-[116px] shrink-0",
           menuWidth: "160px",
           isSearchable: !0,
           isClearable: !1,
-          placeholder: I
+          placeholder: O
         }
       );
     },
     YearsDropdown: ({ value: e }) => {
-      const r = x.useContext(N), t = r > 0, o = u === "fiscal" && w, a = _(h, r), d = o ? f?.(E(a)) ?? f?.(a) : void 0, l = o && d?.fy != null ? String(d.fy) : e?.toString();
+      const t = k.useContext(D), o = t > 0, r = l === "fiscal" && W, s = N(m, t), c = r ? d?.(g(s)) ?? d?.(s) : void 0, p = r && c?.fy != null ? String(c.fy) : e?.toString();
       return /* @__PURE__ */ i(
-        R,
+        X,
         {
-          value: g.find((n) => n.value === l),
+          value: Y.find((n) => n.value === p),
           onChange: (n) => {
             if (n && "value" in n) {
-              const c = parseInt(n.value);
-              if (o) {
-                const p = H(w, c, C), D = p.find((S) => S.period === d?.fiscalPeriod) ?? p[0];
-                D && v(G(D, t));
+              const u = parseInt(n.value);
+              if (r) {
+                const v = ke({
+                  periods: C(W, u, F),
+                  preferredPeriod: c?.fiscalPeriod,
+                  disabled: w
+                });
+                v && P(Z(v, o));
                 return;
               }
-              if (t) {
-                const p = new Date(
-                  h.getFullYear(),
-                  h.getMonth() + 1,
+              if (o) {
+                const v = new Date(
+                  m.getFullYear(),
+                  m.getMonth() + 1,
                   1
                 ).getMonth();
-                v(new Date(c, p - 1, 1));
+                P(new Date(u, v - 1, 1));
               } else
-                v(new Date(c, h.getMonth(), 1));
+                P(new Date(u, m.getMonth(), 1));
             }
           },
           scrollToSelectedOnOpen: !0,
-          options: g,
+          options: Y,
           className: "w-[116px] shrink-0",
           menuWidth: "140px",
           isSearchable: !0,
           isClearable: !1,
-          placeholder: X
+          placeholder: re
         }
       );
     },
     DayButton: (e) => /* @__PURE__ */ i(
-      te,
+      pe,
       {
         ...e,
-        pickerType: m,
+        pickerType: f,
         modifiers: {
           ...e.modifiers,
-          fiscal_period_start: !!f?.(e.day.date)?.isPeriodStart,
-          fiscal_period_end: !!f?.(e.day.date)?.isPeriodEnd
+          ...ce ? {
+            fiscal_period_start: !!d?.(e.day.date)?.isPeriodStart,
+            fiscal_period_end: !!d?.(e.day.date)?.isPeriodEnd
+          } : {}
         }
       }
     ),
-    Week: ({ week: e, className: r, children: t, onClick: o, ...a }) => {
-      const { isSelected: d } = V(), l = se(e), s = m === "week", n = Y && !l ? ce(e, f) : void 0, c = !l && le(e, d), D = m === "week" && O !== "multiple" && O !== "multi-range" && c ? de(e, d) : { prev: !1, next: !1 };
+    Week: ({ week: e, className: t, children: o, onClick: r, ...s }) => {
+      const { isSelected: c } = ue(), p = k.useContext(D), a = L(e), n = f === "week", u = V(e, d), v = G(p), x = a || T({
+        calendarKind: l,
+        weekPeriod: u,
+        panePeriod: v
+      }), fe = _ && !x ? u : void 0, I = n && !x && !K(e, w, S), H = !x && !I && Se(e, c), q = f === "week" && E !== "multiple" && E !== "multi-range" && H ? We(e, c, {
+        joinAdjacentWeek: l === "fiscal",
+        panePeriod: v,
+        periodForDate: (b) => d?.(b)?.fiscalPeriod
+      }) : { prev: !1, next: !1 };
       return /* @__PURE__ */ i(
         "tr",
         {
-          className: k(
-            r,
-            l && "invisible",
-            s && !l && "cursor-pointer"
+          className: y(
+            t,
+            x && "invisible order-last",
+            n && !x && !I && "cursor-pointer"
           ),
-          ...a,
-          "aria-hidden": l || void 0,
-          "data-fiscal-period": n,
-          "data-week-selected": c ? !0 : void 0,
-          "data-week-continues-next": D.next || void 0,
-          "data-week-continues-prev": D.prev || void 0,
-          onClick: s && !l ? (S) => {
-            if (o?.(S), S.defaultPrevented) return;
-            const j = S.target;
-            j.closest("button") || j.closest("[data-week-number]") || A(e);
-          } : o,
-          children: t
+          ...s,
+          "aria-hidden": x || void 0,
+          "data-fiscal-period": fe,
+          "data-week-selected": H ? !0 : void 0,
+          "data-week-continues-next": q.next || void 0,
+          "data-week-continues-prev": q.prev || void 0,
+          onClick: n && !x && !I ? (b) => {
+            if (r?.(b), b.defaultPrevented) return;
+            const J = b.target;
+            J.closest("button") || J.closest("[data-week-number]") || z(e);
+          } : r,
+          children: o
+        }
+      );
+    },
+    WeekNumber: ({ week: e, ...t }) => {
+      const o = k.useContext(D), r = L(e) || T({
+        calendarKind: l,
+        weekPeriod: V(e, d),
+        panePeriod: G(o)
+      });
+      return /* @__PURE__ */ i(
+        he,
+        {
+          week: e,
+          weekStartsOn: ne,
+          pickerType: f,
+          calendarKind: l,
+          weekNumberLabel: ie,
+          weekLabel: se,
+          fiscalWeekNumberLabel: ae,
+          fiscalWeekAriaLabel: le,
+          getCellMeta: d,
+          onWeekSelect: z,
+          ...t,
+          blank: r,
+          blocked: f === "week" && !K(e, w, S)
         }
       );
     },
-    WeekNumber: ({ week: e, ...r }) => /* @__PURE__ */ i(
-      re,
-      {
-        week: e,
-        weekStartsOn: U,
-        pickerType: m,
-        calendarKind: u,
-        weekNumberLabel: Z,
-        weekLabel: $,
-        fiscalWeekNumberLabel: L,
-        fiscalWeekAriaLabel: T,
-        getCellMeta: f,
-        onWeekSelect: A,
-        ...r
-      }
-    ),
     WeekNumberHeader: (e) => {
-      const r = x.useContext(N), t = ne(u, h, r), o = t === void 0 ? F : q[t], a = t === void 0 ? F : b[t];
-      return /* @__PURE__ */ i("th", { ...e, "aria-label": a, children: o });
+      const t = k.useContext(D), o = ve(l, m, t), r = o === void 0 ? R : ee[o], s = o === void 0 ? R : A[o];
+      return /* @__PURE__ */ i("th", { ...e, "aria-label": s, children: r });
     },
-    ...K
+    ...de
   };
 }
 export {
-  Ie as buildCalendarDayPickerComponents
+  Je as buildCalendarDayPickerComponents
 };

package/dist/components/data-display/calendar/calendar-day-picker-view.d.ts

@@ -6,7 +6,7 @@ import { CalendarProps } from './calendar.types';
 import { WeekPickerInput } from './calendar-week-utils';
 import * as React from "react";
 type DayPickerProps = React.ComponentProps<typeof DayPicker>;
-export interface CalendarDayPickerViewProps extends Omit<CalendarProps, "showFooter" | "disableApply" | "onApply" | "onCancel" | "onClear" | "pickerType" | "weekMode" | "selectedWeeks" | "onWeekSelect" | "monthMode" | "selectedMonths" | "onMonthSelect" | "defaultMonth" | "fiscalMode" | "fiscalMonthPattern" | "fiscalYearStartMonth" | "buttonVariant" | "components" | "classNames" | "formatters" | "captionLayout" | "showOutsideDays" | "fixedWeeks" | "calendarKind" | "fiscalConfig" | "granularity" | "showPresets" | "comparison" | "onComparisonChange" | "onSelectionChange" | "selectedQuarters" | "onQuarterSelect" | "selectedYear" | "onYearSelect" | "weekStartsOn" | "startMonth" | "endMonth" | "month" | "onMonthChange" | "selected" | "onSelect" | "mode"> {
+export interface CalendarDayPickerViewProps extends Omit<CalendarProps, "showFooter" | "showPeriodBoundaries" | "disableApply" | "onApply" | "onCancel" | "onClear" | "pickerType" | "weekMode" | "selectedWeeks" | "onWeekSelect" | "monthMode" | "selectedMonths" | "onMonthSelect" | "defaultMonth" | "fiscalMode" | "fiscalMonthPattern" | "fiscalYearStartMonth" | "buttonVariant" | "components" | "classNames" | "formatters" | "captionLayout" | "showOutsideDays" | "fixedWeeks" | "calendarKind" | "fiscalConfig" | "granularity" | "showPresets" | "comparison" | "onComparisonChange" | "onSelectionChange" | "selectedQuarters" | "onQuarterSelect" | "selectedYear" | "onYearSelect" | "weekStartsOn" | "startMonth" | "endMonth" | "month" | "onMonthChange" | "selected" | "onSelect" | "mode"> {
     pickerType: "date" | "week";
     mode: NonNullable<CalendarProps["mode"]>;
     weekMode: NonNullable<CalendarProps["weekMode"]>;
@@ -22,6 +22,7 @@ export interface CalendarDayPickerViewProps extends Omit<CalendarProps, "showFoo
     components?: CalendarProps["components"];
     selected?: Date | Date[] | DateRange;
     showFooter: boolean;
+    showPeriodBoundaries: boolean;
     pendingSelection?: Date | Date[] | DateRange;
     selectedDaysFromWeeks?: Date[];
     currentMonth: Date;
@@ -49,5 +50,5 @@ export interface CalendarDayPickerViewProps extends Omit<CalendarProps, "showFoo
     getCellMeta?: (date: Date) => import('../../../lib/fiscal-calendar').DateCellMeta | undefined;
     formatWeekNumber: (weekNumber: number) => string;
 }
-export declare function CalendarDayPickerView({ className, pickerType, mode, weekMode, calendarKind, granularity, showOutsideDays, fixedWeeks, captionLayout, buttonVariant, weekStartsOn, formatters, classNames, components, selected, showFooter, pendingSelection, selectedDaysFromWeeks, currentMonth, monthsFull, monthsShort, weekNumberHeader, resolvedStartMonth, resolvedEndMonth, availableYears, fiscalPeriods, fiscalConfig, dateFnsLocale, intlLocale, weekRangeModifiers, onSelect, onMonthChange, onWeekSelect, previousMonthLabel, nextMonthLabel, monthPlaceholder, yearPlaceholder, weekNumberLabel, weekLabel, fiscalWeekAriaLabel, getCellMeta, formatWeekNumber, disabled, ...props }: CalendarDayPickerViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function CalendarDayPickerView({ className, pickerType, mode, weekMode, calendarKind, granularity, showOutsideDays, fixedWeeks, captionLayout, buttonVariant, weekStartsOn, formatters, classNames, components, selected, showFooter, showPeriodBoundaries, pendingSelection, selectedDaysFromWeeks, currentMonth, monthsFull, monthsShort, weekNumberHeader, resolvedStartMonth, resolvedEndMonth, availableYears, fiscalPeriods, fiscalConfig, dateFnsLocale, intlLocale, weekRangeModifiers, onSelect, onMonthChange, onWeekSelect, previousMonthLabel, nextMonthLabel, monthPlaceholder, yearPlaceholder, weekNumberLabel, weekLabel, fiscalWeekAriaLabel, getCellMeta, formatWeekNumber, disabled, showWeekNumber, ...props }: CalendarDayPickerViewProps): import("react/jsx-runtime").JSX.Element;
 export {};