impact-nova 2.5.7 → 2.5.8

package/dist/components/data-display/calendar/calendar-month-picker-panel.js

@@ -1,109 +1,108 @@
 import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import { ChevronRight as v } from "impact-nova-icons";
-import { cn as x } from "../../../lib/utils.js";
-import { Button as m } from "../../primitives/button/button.js";
-import { Select as W } from "../../forms/select/select.js";
-import { isMonthRangeSelection as q } from "../../forms/date-picker/calendar-selection-adapters.js";
-function K({
-  yearOffset: s = 0,
+import { ChevronRight as g } from "impact-nova-icons";
+import { cn as A } from "../../../lib/utils.js";
+import { Button as f } from "../../primitives/button/button.js";
+import { Select as D } from "../../forms/select/select.js";
+import { isMonthRangeSelection as F } from "../../forms/date-picker/calendar-selection-adapters.js";
+import { CalendarPeriodCell as G } from "./calendar-period-cell.js";
+function Z({
+  yearOffset: o = 0,
   displayYear: e,
-  monthMode: h,
-  monthsShort: N,
+  monthMode: s,
+  monthsShort: u,
   showFooter: p,
-  pendingMonthSelection: w,
-  selectedMonths: C,
-  resolvedStartYear: S,
-  resolvedEndYear: j,
-  yearOptions: k,
-  previousYearLabel: u,
-  nextYearLabel: g,
-  isMonthSelected: z,
-  getMonthRangeProps: R,
-  isMonthDisabled: M,
-  onPreviousYear: P,
-  onNextYear: T,
-  onYearSelect: B,
-  onMonthClick: E
+  pendingMonthSelection: v,
+  selectedMonths: N,
+  resolvedStartYear: x,
+  resolvedEndYear: C,
+  yearOptions: l,
+  previousYearLabel: a,
+  nextYearLabel: r,
+  isMonthSelected: S,
+  getMonthRangeProps: k,
+  isMonthDisabled: w,
+  onPreviousYear: j,
+  onNextYear: z,
+  onYearSelect: b,
+  onMonthClick: R,
+  periodLabels: i
 }) {
   return /* @__PURE__ */ d("div", { className: "flex flex-col gap-4 p-3 min-w-[280px]", children: [
     /* @__PURE__ */ d("div", { className: "flex items-center justify-between", children: [
-      s === 0 ? /* @__PURE__ */ t(
-        m,
+      o === 0 ? /* @__PURE__ */ t(
+        f,
         {
           variant: "ghost",
           size: "icon",
           className: "h-7 w-7 shrink-0",
-          "aria-label": u,
-          title: u,
-          disabled: e <= S,
-          onClick: () => P(e),
-          children: /* @__PURE__ */ t(v, { size: 16, className: "rotate-180" })
+          "aria-label": a,
+          title: a,
+          disabled: e <= x,
+          onClick: () => j(e),
+          children: /* @__PURE__ */ t(g, { size: 16, className: "rotate-180" })
         }
       ) : /* @__PURE__ */ t("span", { className: "size-7 shrink-0", "aria-hidden": !0 }),
       /* @__PURE__ */ t("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ t(
-        W,
+        D,
         {
-          value: { label: e.toString(), value: e.toString() },
-          onChange: (r) => {
-            r && "value" in r && B(parseInt(r.value), s);
+          value: l.find((n) => n.value === e.toString()) ?? {
+            label: e.toString(),
+            value: e.toString()
+          },
+          onChange: (n) => {
+            n && "value" in n && b(parseInt(n.value), o);
           },
           scrollToSelectedOnOpen: !0,
-          options: k,
+          options: l,
           parentClassName: "flex items-center justify-center",
           className: "w-[200px]",
           menuWidth: "140px"
         }
       ) }),
-      (h === "single" || s === 1) && /* @__PURE__ */ t(
-        m,
+      (s === "single" || o === 1) && /* @__PURE__ */ t(
+        f,
         {
           variant: "ghost",
           size: "icon",
           className: "h-7 w-7",
-          "aria-label": g,
-          title: g,
-          disabled: e >= j,
-          onClick: () => T(e),
-          children: /* @__PURE__ */ t(v, { className: "h-4 w-4" })
+          "aria-label": r,
+          title: r,
+          disabled: e >= C,
+          onClick: () => z(e),
+          children: /* @__PURE__ */ t(g, { className: "h-4 w-4" })
         }
       )
     ] }),
-    /* @__PURE__ */ t("div", { className: "grid grid-cols-4 gap-x-0 gap-y-4", children: N.map((r, o) => {
-      const f = z(e, o), { isStart: l, isEnd: i, isMiddle: a } = R(e, o), c = h === "range", b = p ? w : C, I = q(b) && !!b.to, n = M(e, o);
-      return /* @__PURE__ */ d("div", { className: "group relative flex h-10 w-full items-center justify-center", children: [
-        c && I && (a || l || i) && !n && /* @__PURE__ */ t(
-          "div",
-          {
-            className: x(
-              "absolute inset-x-0 inset-y-0 bg-accent",
-              l && "left-1/2 -ml-5 rounded-l-full",
-              i && "right-1/2 -mr-5 rounded-r-full",
-              a && "inset-x-0",
-              l && i && "inset-x-2 rounded-full"
-            )
-          }
-        ),
-        /* @__PURE__ */ t(
-          m,
-          {
-            variant: "ghost",
-            onClick: () => E(e, o),
-            disabled: n,
-            className: x(
-              "relative z-10 h-10 w-10 rounded-lg p-0 text-sm font-normal transition-all",
-              f && !c && !n && "bg-brand text-brand-foreground hover:bg-brand/90 hover:text-brand-foreground",
-              c && (l || i) && !n && "rounded-lg bg-brand text-brand-foreground hover:bg-brand/90 hover:text-brand-foreground",
-              !f && !n && "border border-transparent hover:border-brand hover:bg-accent hover:text-accent-foreground",
-              a && !n && "text-accent-foreground",
-              n && "cursor-not-allowed text-content-placeholder opacity-50"
-            ),
-            children: r
-          }
-        )
-      ] }, r);
-    }) })
+    /* @__PURE__ */ t(
+      "div",
+      {
+        "data-period-grid": "",
+        className: A("grid gap-x-0 gap-y-4", i ? "grid-cols-3" : "grid-cols-4"),
+        children: (i ?? u.map((n) => ({ label: n }))).map((n, c) => {
+          const m = n.label, P = S(e, c), { isStart: E, isEnd: M, isMiddle: T } = k(e, c), B = s === "range", h = p ? v : N, I = F(h) && !!h.to, W = w(e, c), q = "caption" in n && typeof n.caption == "string" ? n.caption : void 0;
+          return /* @__PURE__ */ t(
+            G,
+            {
+              selected: P,
+              disabled: W,
+              isRange: B,
+              isStart: E,
+              isEnd: M,
+              isMiddle: T,
+              hasRangeEnd: I,
+              size: i ? "period" : "month",
+              columns: i ? 3 : 4,
+              onClick: () => R(e, c),
+              caption: q,
+              children: m
+            },
+            m
+          );
+        })
+      }
+    )
   ] });
 }
 export {
-  K as CalendarMonthPickerPanel
+  Z as CalendarMonthPickerPanel
 };

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

@@ -8,6 +8,8 @@ export declare function getMonthRangeProps(year: number, month: number, currentS
     isEnd: boolean;
     isMiddle: boolean;
 };
+/** True when the interval lies completely outside `disabled.before` / `disabled.after`. */
+export declare function isDateIntervalDisabled(start: Date, end: Date, disabled?: unknown): boolean;
 export declare function isMonthDisabled(year: number, monthIndex: number, disabled?: unknown): boolean;
 export declare function getAvailableYears(startMonth: Date, endMonth: Date): Option[];
 export declare function getAvailableMonths(year: number, monthsFull: string[], startMonth: Date, endMonth: Date): Option[];

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

@@ -1,88 +1,97 @@
-import { isMonthRangeSelection as m } from "../../forms/date-picker/calendar-selection-adapters.js";
-function l(r, o) {
-  return r.year === o.year && r.month === o.month;
+import { isMonthRangeSelection as d } from "../../forms/date-picker/calendar-selection-adapters.js";
+function l(e, n) {
+  return e.fy != null && n.fy != null && e.period != null && n.period != null ? e.fy === n.fy && e.period === n.period : e.year === n.year && e.month === n.month;
 }
-function d(r, o, a) {
-  if (a === "single") return r;
-  if (a === "multiple") {
-    const e = o || [];
-    return e.some((i) => l(i, r)) ? e.filter((i) => !l(i, r)) : [...e, r];
+function g(e, n, o) {
+  if (o === "single") return e;
+  if (o === "multiple") {
+    const a = n || [];
+    return a.some((f) => l(f, e)) ? a.filter((f) => !l(f, e)) : [...a, e];
   }
-  const t = o;
-  if (!t?.from || t.to) return { from: r };
+  const t = n;
+  if (!t?.from || t.to) return { from: e };
   const s = new Date(t.from.year, t.from.month, 1);
-  return new Date(r.year, r.month, 1) < s ? { from: r, to: t.from } : { from: t.from, to: r };
+  return new Date(e.year, e.month, 1) < s ? { from: e, to: t.from } : { from: t.from, to: e };
 }
-function D(r, o, a) {
-  if (!a) return !1;
-  if (Array.isArray(a))
-    return a.some((s) => s.year === r && s.month === o);
-  if (m(a)) {
-    const s = a, n = s.from, e = s.to;
-    if (!n && !e) return !1;
-    const f = new Date(r, o, 1).getTime();
-    if (!n) return e ? f === new Date(e.year, e.month, 1).getTime() : !1;
-    const i = new Date(n.year, n.month, 1).getTime();
-    if (!e) return f === i;
-    const u = new Date(e.year, e.month, 1).getTime();
-    return f >= i && f <= u;
+function m(e, n, o) {
+  if (!o) return !1;
+  if (Array.isArray(o)) {
+    const s = { year: e, month: n, fy: e, period: n + 1 };
+    return o.some((r) => l(r, s) || r.year === e && r.month === n);
+  }
+  if (d(o)) {
+    const s = o, r = s.from, a = s.to;
+    if (!r && !a) return !1;
+    const i = new Date(e, n, 1).getTime();
+    if (!r) return a ? i === new Date(a.year, a.month, 1).getTime() : !1;
+    const f = new Date(r.year, r.month, 1).getTime();
+    if (!a) return i === f;
+    const u = new Date(a.year, a.month, 1).getTime();
+    return i >= f && i <= u;
   }
-  const t = a;
-  return t.year === r && t.month === o;
+  const t = o;
+  return t.fy != null && t.period != null ? t.fy === e && t.period === n + 1 : t.year === e && t.month === n;
 }
-function c(r, o, a) {
-  if (!a || !("from" in a))
+function y(e, n, o) {
+  if (!o || !("from" in o))
     return { isStart: !1, isEnd: !1, isMiddle: !1 };
-  const t = a, s = t.from, n = t.to;
-  if (!s && !n) return { isStart: !1, isEnd: !1, isMiddle: !1 };
-  const e = new Date(r, o, 1).getTime();
+  const t = o, s = t.from, r = t.to;
+  if (!s && !r) return { isStart: !1, isEnd: !1, isMiddle: !1 };
+  const a = new Date(e, n, 1).getTime();
   if (!s)
     return {
       isStart: !1,
-      isEnd: n ? e === new Date(n.year, n.month, 1).getTime() : !1,
+      isEnd: r ? a === new Date(r.year, r.month, 1).getTime() : !1,
       isMiddle: !1
     };
-  const f = new Date(s.year, s.month, 1).getTime();
-  if (!n) return { isStart: e === f, isEnd: !1, isMiddle: !1 };
-  const i = new Date(n.year, n.month, 1).getTime();
+  const i = new Date(s.year, s.month, 1).getTime();
+  if (!r) return { isStart: a === i, isEnd: !1, isMiddle: !1 };
+  const f = new Date(r.year, r.month, 1).getTime();
   return {
-    isStart: e === f,
-    isEnd: e === i,
-    isMiddle: e > f && e < i
+    isStart: a === i,
+    isEnd: a === f,
+    isMiddle: a > i && a < f
   };
 }
-function h(r, o, a) {
-  const t = a;
+function D(e, n, o) {
+  const t = o;
   if (!t || typeof t != "object" || !("before" in t) && !("after" in t)) return !1;
-  const s = new Date(r, o, 1, 0, 0, 0, 0), n = new Date(r, o + 1, 0, 23, 59, 59, 999);
-  if (t.before) {
-    const e = new Date(t.before);
-    if (e.setHours(0, 0, 0, 0), n < e) return !0;
+  const s = new Date(e);
+  s.setHours(0, 0, 0, 0);
+  const r = new Date(n);
+  if (r.setHours(23, 59, 59, 999), t.before) {
+    const a = new Date(t.before);
+    if (a.setHours(0, 0, 0, 0), r < a) return !0;
   }
   if (t.after) {
-    const e = new Date(t.after);
-    if (e.setHours(23, 59, 59, 999), s > e) return !0;
+    const a = new Date(t.after);
+    if (a.setHours(23, 59, 59, 999), s > a) return !0;
   }
   return !1;
 }
-function w(r, o) {
-  const a = r.getFullYear(), t = o.getFullYear(), s = [];
-  for (let n = a; n <= t; n++)
-    s.push({ label: n.toString(), value: n.toString() });
+function w(e, n, o) {
+  const t = new Date(e, n, 1, 0, 0, 0, 0), s = new Date(e, n + 1, 0, 23, 59, 59, 999);
+  return D(t, s, o);
+}
+function h(e, n) {
+  const o = e.getFullYear(), t = n.getFullYear(), s = [];
+  for (let r = o; r <= t; r++)
+    s.push({ label: r.toString(), value: r.toString() });
   return s;
 }
-function y(r, o, a, t) {
-  return o.map((s, n) => ({ label: s, value: n.toString() })).filter((s, n) => {
-    const e = new Date(r, n, 1);
-    return !(e < new Date(a.getFullYear(), a.getMonth(), 1) || e > new Date(t.getFullYear(), t.getMonth(), 1));
+function p(e, n, o, t) {
+  return n.map((s, r) => ({ label: s, value: r.toString() })).filter((s, r) => {
+    const a = new Date(e, r, 1);
+    return !(a < new Date(o.getFullYear(), o.getMonth(), 1) || a > new Date(t.getFullYear(), t.getMonth(), 1));
   });
 }
 export {
-  y as getAvailableMonths,
-  w as getAvailableYears,
-  c as getMonthRangeProps,
-  h as isMonthDisabled,
-  D as isMonthSelected,
+  p as getAvailableMonths,
+  h as getAvailableYears,
+  y as getMonthRangeProps,
+  D as isDateIntervalDisabled,
+  w as isMonthDisabled,
+  m as isMonthSelected,
   l as isSameMonth,
-  d as nextMonthSelection
+  g as nextMonthSelection
 };

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

@@ -3,3 +3,18 @@ export declare function isCalendarPaddingWeek(week: {
         outside?: boolean;
     }>;
 }): boolean;
+export declare function weekHasInMonthSelection(week: {
+    days: Array<{
+        date: Date;
+        outside?: boolean;
+    }>;
+}, isSelected?: (date: Date) => boolean): boolean;
+export declare function weekIntervalContinues(week: {
+    days: Array<{
+        date: Date;
+        outside?: boolean;
+    }>;
+}, isSelected?: (date: Date) => boolean): {
+    prev: boolean;
+    next: boolean;
+};

package/dist/components/data-display/calendar/calendar-padding-week.utils.js

@@ -1,6 +1,25 @@
-function n(e) {
-  return e.days.length > 0 && e.days.every((d) => d.outside);
+function l(t) {
+  return t.days.length > 0 && t.days.every((n) => n.outside);
+}
+function d(t, n) {
+  return n ? t.days.some((e) => !e.outside && n(e.date)) : !1;
+}
+function i(t, n) {
+  return new Date(t.getFullYear(), t.getMonth(), t.getDate() + n);
+}
+function u(t, n) {
+  return t.getFullYear() !== n.getFullYear() || t.getMonth() !== n.getMonth();
+}
+function g(t, n) {
+  if (!n) return { prev: !1, next: !1 };
+  const e = t.days.filter((f) => !f.outside), o = e[0]?.date, r = e.at(-1)?.date, a = o ? i(o, -1) : void 0, s = r ? i(r, 1) : void 0;
+  return {
+    prev: !!(a && o && u(a, o) && n(a)),
+    next: !!(s && r && u(s, r) && n(s))
+  };
 }
 export {
-  n as isCalendarPaddingWeek
+  l as isCalendarPaddingWeek,
+  d as weekHasInMonthSelection,
+  g as weekIntervalContinues
 };

package/dist/components/data-display/calendar/calendar-panel-context.d.ts

@@ -1,3 +1,3 @@
 import * as React from "react";
-/** Passes panel index from MonthCaption to dropdown components. */
+/** Passes panel index from Month to caption dropdowns and the week-number header. */
 export declare const PanelIndexContext: React.Context<number>;

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

@@ -0,0 +1,18 @@
+import * as React from "react";
+export type PeriodCellSize = "month" | "period" | "quarter" | "year" | "year-caption";
+export interface CalendarPeriodCellProps {
+    selected: boolean;
+    disabled?: boolean;
+    isRange?: boolean;
+    isStart?: boolean;
+    isEnd?: boolean;
+    isMiddle?: boolean;
+    hasRangeEnd?: boolean;
+    size: PeriodCellSize;
+    onClick: () => void;
+    onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;
+    children: React.ReactNode;
+    caption?: string;
+    columns?: number;
+}
+export declare function CalendarPeriodCell({ selected, disabled, isRange, isStart, isEnd, isMiddle, hasRangeEnd, size, onClick, onKeyDown, children, caption, columns, }: CalendarPeriodCellProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/data-display/calendar/calendar-period-cell.js

@@ -0,0 +1,89 @@
+import { jsxs as s, jsx as p } from "react/jsx-runtime";
+import "react";
+import { cn as e } from "../../../lib/utils.js";
+import { Button as N } from "../../primitives/button/button.js";
+import { intervalCaptionClassName as v } from "./calendar-interval-caption.js";
+import { SELECTION_RADIUS_END as g, SELECTION_RADIUS_START as T, SELECTION_RADIUS as I, periodRangeTrackClassName as j, periodTileAppearanceClassName as A } from "./calendar-selection-appearance.js";
+import { periodCellKind as D } from "./calendar-selection.js";
+import { handlePeriodGridKeyDown as S } from "./calendar-period-keyboard.js";
+const _ = {
+  month: "h-10 w-10",
+  period: "min-h-16 h-auto w-full flex-col items-center justify-center px-1 py-1",
+  quarter: "h-16 min-h-16 max-h-16 w-full min-w-0 flex-col items-center justify-center overflow-hidden whitespace-normal p-2 leading-tight",
+  year: "h-10 min-h-10 max-h-10 w-full min-w-0 overflow-hidden",
+  "year-caption": "h-16 min-h-16 max-h-16 w-full min-w-0 flex-col items-center justify-center gap-0.5 overflow-hidden whitespace-normal p-2 text-xs leading-tight"
+};
+function P({
+  selected: u,
+  disabled: n = !1,
+  isRange: i = !1,
+  isStart: t = !1,
+  isEnd: r = !1,
+  isMiddle: o = !1,
+  hasRangeEnd: d = !1,
+  size: l,
+  onClick: w,
+  onKeyDown: x,
+  children: y,
+  caption: m,
+  columns: f
+}) {
+  const a = D({ selected: u, isRange: i, isStart: t, isEnd: r, isMiddle: o }), C = i && d && (o || t || r) && !n, c = l === "month";
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: e(
+        "group relative flex w-full items-center justify-center",
+        l === "period" || l === "quarter" || l === "year-caption" ? "min-h-16" : "h-10"
+      ),
+      children: [
+        C ? /* @__PURE__ */ p(
+          "div",
+          {
+            className: e(
+              "absolute inset-y-0",
+              j,
+              t && r && e("inset-x-2", I),
+              t && !r && e("left-1/2 right-0", c && "-ml-5", T),
+              r && !t && e("right-1/2 left-0", c && "-mr-5", g),
+              o && "inset-x-0"
+            )
+          }
+        ) : null,
+        /* @__PURE__ */ s(
+          N,
+          {
+            variant: "ghost",
+            onClick: w,
+            onKeyDown: (h) => {
+              f && S(h, f), x?.(h);
+            },
+            disabled: n,
+            "data-selection": a,
+            "data-period-tile": "",
+            className: e(
+              A({ kind: a, disabled: n }),
+              _[l]
+            ),
+            children: [
+              y,
+              m ? /* @__PURE__ */ p(
+                "span",
+                {
+                  "data-slot": "interval-caption",
+                  className: v(
+                    a === "point" || a === "interval-start" || a === "interval-end"
+                  ),
+                  children: m
+                }
+              ) : null
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  P as CalendarPeriodCell
+};

package/dist/components/data-display/calendar/calendar-period-keyboard.d.ts

@@ -0,0 +1,2 @@
+import type * as React from "react";
+export declare function handlePeriodGridKeyDown(event: React.KeyboardEvent<HTMLButtonElement>, columns: number): void;

package/dist/components/data-display/calendar/calendar-period-keyboard.js

@@ -0,0 +1,18 @@
+function d(r, t, n, i) {
+  for (let o = t; i(o); o += n)
+    if (!r[o].disabled) return o;
+}
+function y(r, t) {
+  if (!["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End"].includes(r.key))
+    return;
+  const n = r.currentTarget.closest("[data-period-grid]");
+  if (!n) return;
+  const i = Array.from(n.querySelectorAll("button")), o = i.indexOf(r.currentTarget);
+  if (o < 0) return;
+  const w = (f) => f >= 0 && f < i.length, a = Math.floor(o / t) * t, l = Math.min(i.length - 1, a + t - 1);
+  let e;
+  r.key === "ArrowRight" && (e = d(i, o + 1, 1, w)), r.key === "ArrowLeft" && (e = d(i, o - 1, -1, w)), r.key === "ArrowDown" && (e = d(i, o + t, t, w)), r.key === "ArrowUp" && (e = d(i, o - t, -t, w)), r.key === "Home" && (e = d(i, a, 1, (f) => f <= l)), r.key === "End" && (e = d(i, l, -1, (f) => f >= a)), e !== void 0 && e !== o && (r.preventDefault(), i[e]?.focus());
+}
+export {
+  y as handlePeriodGridKeyDown
+};

package/dist/components/data-display/calendar/calendar-preset-strip.d.ts

@@ -0,0 +1,6 @@
+import { FiscalPreset } from '../../../lib/fiscal-calendar';
+export interface CalendarPresetStripProps {
+    presets: FiscalPreset[];
+    onPresetSelect: (preset: FiscalPreset) => void;
+}
+export declare function CalendarPresetStrip({ presets, onPresetSelect }: CalendarPresetStripProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/data-display/calendar/calendar-preset-strip.js

@@ -0,0 +1,26 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Button as l } from "../../primitives/button/button.js";
+function o({ presets: e, onPresetSelect: a }) {
+  return e.length === 0 ? null : /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "preset-strip",
+      className: "flex max-w-[360px] flex-wrap gap-1 border-b border-border px-3 py-2",
+      "aria-label": "Presets",
+      children: e.map((r) => /* @__PURE__ */ t(
+        l,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          onClick: () => a(r),
+          children: r.label
+        },
+        r.id
+      ))
+    }
+  );
+}
+export {
+  o as CalendarPresetStrip
+};

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

@@ -0,0 +1,24 @@
+import { Option } from '../../forms/select';
+import { QuarterRange, QuarterSelection } from './calendar.types';
+export interface CalendarQuarterPanesProps {
+    quarterMode: "single" | "multiple" | "range" | "multi-range";
+    pickerYear: number;
+    showFooter: boolean;
+    pendingQuarterSelection?: QuarterSelection | QuarterSelection[] | QuarterRange;
+    selectedQuarters?: QuarterSelection | QuarterSelection[] | QuarterRange;
+    resolvedStartYear: number;
+    resolvedEndYear: number;
+    yearOptions: Option[];
+    previousYearLabel: string;
+    nextYearLabel: string;
+    currentMonth: Date;
+    quarterLabelsForYear: (year: number) => Array<{
+        label: string;
+        caption?: string;
+    }>;
+    isQuarterSelected: (year: number, quarter: 1 | 2 | 3 | 4) => boolean;
+    isQuarterDisabled: (year: number, quarter: 1 | 2 | 3 | 4) => boolean;
+    onMonthChange: (month: Date) => void;
+    onQuarterClick: (year: number, quarter: 1 | 2 | 3 | 4) => void;
+}
+export declare function CalendarQuarterPanes({ quarterMode, pickerYear, showFooter, pendingQuarterSelection, selectedQuarters, resolvedStartYear, resolvedEndYear, yearOptions, previousYearLabel, nextYearLabel, currentMonth, quarterLabelsForYear, isQuarterSelected, isQuarterDisabled, onMonthChange, onQuarterClick, }: CalendarQuarterPanesProps): import("react/jsx-runtime").JSX.Element;