impact-nova 2.0.9 → 2.1.0-alpha.1

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

@@ -0,0 +1,44 @@
+import { DayPicker, DateRange } from 'react-day-picker';
+import { Button } from '../../primitives/button/button';
+import { Option } from '../../forms/select';
+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" | "selectionMode" | "buttonVariant" | "components" | "classNames" | "formatters" | "captionLayout" | "showOutsideDays" | "calendarType" | "weekStartsOn" | "startMonth" | "endMonth" | "month" | "onMonthChange" | "selected" | "onSelect" | "mode"> {
+    pickerType: "date" | "week";
+    mode: NonNullable<CalendarProps["mode"]>;
+    weekMode: NonNullable<CalendarProps["weekMode"]>;
+    calendarType: NonNullable<CalendarProps["calendarType"]>;
+    showOutsideDays: boolean;
+    captionLayout: NonNullable<CalendarProps["captionLayout"]>;
+    buttonVariant: React.ComponentProps<typeof Button>["variant"];
+    weekStartsOn: NonNullable<CalendarProps["weekStartsOn"]>;
+    formatters?: CalendarProps["formatters"];
+    classNames?: CalendarProps["classNames"];
+    components?: CalendarProps["components"];
+    selected?: Date | Date[] | DateRange;
+    showFooter: boolean;
+    pendingSelection?: Date | Date[] | DateRange;
+    selectedDaysFromWeeks?: Date[];
+    currentMonth: Date;
+    monthsFull: string[];
+    resolvedStartMonth: Date;
+    resolvedEndMonth: Date;
+    availableYears: Option[];
+    dateFnsLocale: DayPickerProps["locale"];
+    intlLocale: string;
+    weekRangeModifiers?: DayPickerProps["modifiers"];
+    onSelect: (date: Date | Date[] | DateRange | undefined) => void;
+    onMonthChange: (month: Date) => void;
+    onWeekSelect: (input: WeekPickerInput) => void;
+    previousMonthLabel: string;
+    nextMonthLabel: string;
+    monthPlaceholder: string;
+    yearPlaceholder: string;
+    weekNumberLabel: (weekOfMonth: number) => string;
+    weekLabel: (weekOfMonth: number) => string;
+    formatWeekNumber: (weekNumber: number) => string;
+}
+export declare function CalendarDayPickerView({ className, pickerType, mode, weekMode, calendarType, showOutsideDays, captionLayout, buttonVariant, weekStartsOn, formatters, classNames, components, selected, showFooter, pendingSelection, selectedDaysFromWeeks, currentMonth, monthsFull, resolvedStartMonth, resolvedEndMonth, availableYears, dateFnsLocale, intlLocale, weekRangeModifiers, onSelect, onMonthChange, onWeekSelect, previousMonthLabel, nextMonthLabel, monthPlaceholder, yearPlaceholder, weekNumberLabel, weekLabel, formatWeekNumber, disabled, ...props }: CalendarDayPickerViewProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,104 @@
+import { jsx as I } from "react/jsx-runtime";
+import "react";
+import { DayPicker as J } from "react-day-picker";
+import { cn as K } from "../../../lib/utils.js";
+import { useCalendarDayPickerConfig as O } from "./use-calendar-day-picker-config.js";
+function Z({
+  className: c,
+  pickerType: t,
+  mode: r,
+  weekMode: o,
+  calendarType: a,
+  showOutsideDays: n,
+  captionLayout: u,
+  buttonVariant: p,
+  weekStartsOn: e,
+  formatters: f,
+  classNames: g,
+  components: d,
+  selected: b,
+  showFooter: w,
+  pendingSelection: v,
+  selectedDaysFromWeeks: P,
+  currentMonth: s,
+  monthsFull: k,
+  resolvedStartMonth: m,
+  resolvedEndMonth: i,
+  availableYears: C,
+  dateFnsLocale: D,
+  intlLocale: N,
+  weekRangeModifiers: _,
+  onSelect: h,
+  onMonthChange: l,
+  onWeekSelect: x,
+  previousMonthLabel: y,
+  nextMonthLabel: L,
+  monthPlaceholder: j,
+  yearPlaceholder: S,
+  weekNumberLabel: V,
+  weekLabel: W,
+  formatWeekNumber: q,
+  disabled: z,
+  ...A
+}) {
+  const { dayPickerClassNames: B, dayPickerComponents: F } = O({
+    buttonVariant: p,
+    pickerType: t,
+    calendarType: a,
+    showOutsideDays: n,
+    classNames: g,
+    currentMonth: s,
+    monthsFull: k,
+    resolvedStartMonth: m,
+    resolvedEndMonth: i,
+    availableYears: C,
+    weekStartsOn: e,
+    previousMonthLabel: y,
+    nextMonthLabel: L,
+    monthPlaceholder: j,
+    yearPlaceholder: S,
+    weekNumberLabel: V,
+    weekLabel: W,
+    onMonthChange: l,
+    onWeekSelect: x,
+    components: d
+  }), G = r === "range" || r === "multiple" || o === "range" || o === "multiple" ? 2 : 1;
+  return /* @__PURE__ */ I(
+    J,
+    {
+      mode: t === "week" ? "multiple" : r,
+      selected: t === "week" ? P : w ? v : b,
+      onSelect: h,
+      month: s,
+      onMonthChange: l,
+      showOutsideDays: a === "fiscal" ? !0 : n,
+      weekStartsOn: e,
+      modifiers: t === "week" ? _ : void 0,
+      locale: D,
+      className: K(
+        "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`,
+        c
+      ),
+      captionLayout: u,
+      navLayout: "around",
+      startMonth: m,
+      endMonth: i,
+      disabled: z,
+      numberOfMonths: G,
+      showWeekNumber: !0,
+      formatters: {
+        formatMonthDropdown: (H) => H.toLocaleString(N, { month: "short" }),
+        formatWeekNumber: q,
+        ...f
+      },
+      classNames: B,
+      components: F,
+      ...A
+    }
+  );
+}
+export {
+  Z as CalendarDayPickerView
+};

package/dist/components/data-display/calendar/calendar-footer-summary.d.ts

@@ -0,0 +1,14 @@
+import { DateRange } from 'react-day-picker';
+import { FiscalMonthPattern } from '../../../lib/fiscal-calendar';
+import { MonthRange, MonthSelection, WeekRange, WeekSelection } from './calendar.types';
+export declare function formatDateRangeFooterSummary(selection: DateRange | undefined): string;
+export declare function formatWeekFooterSummary(params: {
+    selection: WeekSelection | WeekSelection[] | WeekRange | undefined;
+    calendarType: "calendar" | "fiscal";
+    selectionMode: "week" | "fiscalMonth";
+    resolvedFiscalPattern?: FiscalMonthPattern;
+}): string;
+export declare function formatMonthFooterSummary(selection: MonthSelection | MonthSelection[] | MonthRange | undefined, labels: {
+    single: string;
+    plural: (count: number) => string;
+}): string;

package/dist/components/data-display/calendar/calendar-footer-summary.js

@@ -0,0 +1,69 @@
+function F(n) {
+  if (n?.from && n?.to) {
+    const t = Math.abs(n.to.getTime() - n.from.getTime()), r = Math.ceil(t / (1e3 * 60 * 60 * 24)) + 1;
+    return `${r} day${r !== 1 ? "s" : ""}`;
+  }
+  return "0 days";
+}
+function o(n) {
+  return Date.UTC(n.getFullYear(), n.getMonth(), n.getDate());
+}
+function y(n) {
+  const t = Math.floor(n / 7), r = n % 7, a = [];
+  return t > 0 && a.push(`${t} week${t !== 1 ? "s" : ""}`), (r > 0 || t === 0) && a.push(`${r} day${r !== 1 ? "s" : ""}`), a.join(" ");
+}
+function C(n) {
+  const { selection: t, calendarType: r, selectionMode: a, resolvedFiscalPattern: u } = n;
+  if (!t) return "0 weeks";
+  const c = r === "fiscal" && a === "fiscalMonth", d = r === "fiscal", f = c ? "fiscal month" : d ? "fiscal week" : "week", D = c ? "fiscal months" : d ? "fiscal weeks" : "weeks";
+  if (Array.isArray(t)) {
+    if (d || c) {
+      const e = t.length;
+      return `${e} ${e !== 1 ? D : f}`;
+    }
+    let s = 0;
+    return t.forEach((e) => {
+      const M = o(e.startDate), g = o(e.endDate);
+      s += Math.round((g - M) / (1e3 * 60 * 60 * 24)) + 1;
+    }), y(s);
+  }
+  if ("from" in t) {
+    const { from: s, to: e } = t;
+    if (c) {
+      if (!e) return `1 ${f}`;
+      const h = o(s.startDate), m = o(e.endDate), i = Math.round(Math.abs(m - h) / (1e3 * 60 * 60 * 24)) + 1, l = u ? u.reduce((k, w) => k + w, 0) / 12 : 4.33, $ = Math.max(1, Math.round(i / (l * 7)));
+      return `${$} ${$ !== 1 ? D : f}`;
+    }
+    if (d) {
+      if (!e) return `1 ${f}`;
+      const h = o(s.startDate), m = o(e.endDate), i = Math.round((m - h) / (10080 * 60 * 1e3)), l = i > 0 ? i : 1;
+      return `${l} ${l !== 1 ? D : f}`;
+    }
+    if (!e) {
+      const h = o(s.startDate), m = o(s.endDate), i = Math.round((m - h) / (1e3 * 60 * 60 * 24)) + 1;
+      return y(i);
+    }
+    const M = o(s.startDate), g = o(e.endDate), T = Math.round(Math.abs(g - M) / (1e3 * 60 * 60 * 24)) + 1;
+    return y(T);
+  }
+  return `1 ${f}`;
+}
+function U(n, t) {
+  if (!n) return "0 months";
+  if (Array.isArray(n)) {
+    const r = n.length;
+    return r === 1 ? t.single : t.plural(r);
+  }
+  if ("from" in n) {
+    const r = n;
+    if (!r.from || !r.to) return t.single;
+    const a = new Date(r.from.year, r.from.month, 1), u = new Date(r.to.year, r.to.month, 1), c = (u.getFullYear() - a.getFullYear()) * 12 + (u.getMonth() - a.getMonth()) + 1;
+    return c === 1 ? t.single : t.plural(c);
+  }
+  return t.single;
+}
+export {
+  F as formatDateRangeFooterSummary,
+  U as formatMonthFooterSummary,
+  C as formatWeekFooterSummary
+};

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

@@ -0,0 +1,29 @@
+import { DateRange } from 'react-day-picker';
+import { FiscalMonthPattern } from '../../../lib/fiscal-calendar';
+import { MonthRange, MonthSelection, WeekRange, WeekSelection } from './calendar.types';
+export interface CalendarFooterProps {
+    pickerType: "date" | "week" | "month";
+    mode: "single" | "multiple" | "range";
+    weekMode: "single" | "multiple" | "range";
+    monthMode: "single" | "multiple" | "range";
+    calendarType: "calendar" | "fiscal";
+    selectionMode: "week" | "fiscalMonth";
+    resolvedFiscalPattern?: FiscalMonthPattern;
+    pendingSelection?: Date | Date[] | DateRange;
+    pendingWeekSelection?: WeekSelection | WeekSelection[] | WeekRange;
+    pendingMonthSelection?: MonthSelection | MonthSelection[] | MonthRange;
+    disableApply: boolean;
+    isApplyDisabled: boolean;
+    labels: {
+        clear: string;
+        cancel: string;
+        apply: string;
+        selected: string;
+        monthSingle: string;
+        monthPlural: (count: number) => string;
+    };
+    onClear: () => void;
+    onCancel: () => void;
+    onApply: () => void;
+}
+export declare function CalendarFooter({ pickerType, mode, weekMode, monthMode, calendarType, selectionMode, resolvedFiscalPattern, pendingSelection, pendingWeekSelection, pendingMonthSelection, disableApply, isApplyDisabled, labels, onClear, onCancel, onApply, }: CalendarFooterProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,71 @@
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { cn as N } from "../../../lib/utils.js";
+import { Button as l } from "../../primitives/button/button.js";
+import { formatDateRangeFooterSummary as y, formatWeekFooterSummary as S, formatMonthFooterSummary as j } from "./calendar-footer-summary.js";
+function D({
+  pickerType: r,
+  mode: m,
+  weekMode: i,
+  monthMode: a,
+  calendarType: o,
+  selectionMode: s,
+  resolvedFiscalPattern: c,
+  pendingSelection: d,
+  pendingWeekSelection: x,
+  pendingMonthSelection: f,
+  disableApply: u,
+  isApplyDisabled: p,
+  labels: e,
+  onClear: g,
+  onCancel: h,
+  onApply: v
+}) {
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: N(
+        "flex items-center gap-2 border-t p-3 pt-3",
+        r === "month" && a !== "single" || m === "range" || i === "range" || i === "multiple" ? "justify-between" : "justify-end"
+      ),
+      children: [
+        m === "range" && r === "date" ? /* @__PURE__ */ n("div", { className: "flex flex-row items-center gap-1 text-xs font-medium leading-[18px] text-content-tertiary", children: [
+          e.selected,
+          /* @__PURE__ */ t("span", { className: "font-semibold text-content", children: y(d) })
+        ] }) : null,
+        r === "week" && (i === "range" || i === "multiple") ? /* @__PURE__ */ n("div", { className: "flex flex-row items-center gap-1 text-xs font-medium leading-[18px] text-content-tertiary", children: [
+          e.selected,
+          /* @__PURE__ */ t("span", { className: "font-semibold text-content", children: S({
+            selection: x,
+            calendarType: o,
+            selectionMode: s,
+            resolvedFiscalPattern: c
+          }) })
+        ] }) : null,
+        r === "month" && (a === "range" || a === "multiple") ? /* @__PURE__ */ n("div", { className: "flex flex-row items-center gap-1 text-xs font-medium leading-[18px] text-content-tertiary", children: [
+          e.selected,
+          /* @__PURE__ */ t("span", { className: "font-semibold text-content", children: j(f, {
+            single: e.monthSingle,
+            plural: e.monthPlural
+          }) })
+        ] }) : null,
+        /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ t(l, { variant: "link", size: "sm", onClick: g, children: e.clear }),
+          /* @__PURE__ */ t(l, { variant: "outline", size: "sm", onClick: h, children: e.cancel }),
+          /* @__PURE__ */ t(
+            l,
+            {
+              variant: "default",
+              size: "sm",
+              onClick: v,
+              disabled: u || p,
+              children: e.apply
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  D as CalendarFooter
+};

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

@@ -0,0 +1,26 @@
+import { Option } from '../../forms/select';
+import { MonthRange, MonthSelection } from './calendar.types';
+export interface CalendarMonthPanesProps {
+    monthMode: "single" | "multiple" | "range";
+    monthPickerYear: number;
+    monthsShort: string[];
+    showFooter: boolean;
+    pendingMonthSelection?: MonthSelection | MonthSelection[] | MonthRange;
+    selectedMonths?: MonthSelection | MonthSelection[] | MonthRange;
+    resolvedStartYear: number;
+    resolvedEndYear: number;
+    yearOptions: Option[];
+    previousYearLabel: string;
+    nextYearLabel: string;
+    currentMonth: Date;
+    isMonthSelected: (year: number, month: number) => boolean;
+    getMonthRangeProps: (year: number, month: number) => {
+        isStart: boolean;
+        isEnd: boolean;
+        isMiddle: boolean;
+    };
+    isMonthDisabled: (year: number, month: number) => boolean;
+    onMonthChange: (month: Date) => void;
+    onMonthClick: (year: number, month: number) => void;
+}
+export declare function CalendarMonthPanes({ monthMode, monthPickerYear, monthsShort, showFooter, pendingMonthSelection, selectedMonths, resolvedStartYear, resolvedEndYear, yearOptions, previousYearLabel, nextYearLabel, currentMonth, isMonthSelected, getMonthRangeProps, isMonthDisabled, onMonthChange, onMonthClick, }: CalendarMonthPanesProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,56 @@
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import { CalendarMonthPickerPanel as k } from "./calendar-month-picker-panel.js";
+function f({
+  monthMode: a,
+  monthPickerYear: s,
+  monthsShort: d,
+  showFooter: p,
+  pendingMonthSelection: m,
+  selectedMonths: c,
+  resolvedStartYear: v,
+  resolvedEndYear: x,
+  yearOptions: P,
+  previousYearLabel: g,
+  nextYearLabel: w,
+  currentMonth: r,
+  isMonthSelected: Y,
+  getMonthRangeProps: u,
+  isMonthDisabled: D,
+  onMonthChange: t,
+  onMonthClick: h
+}) {
+  const n = (i = 0) => /* @__PURE__ */ o(
+    k,
+    {
+      yearOffset: i,
+      displayYear: s + i,
+      monthMode: a,
+      monthsShort: d,
+      showFooter: p,
+      pendingMonthSelection: m,
+      selectedMonths: c,
+      resolvedStartYear: v,
+      resolvedEndYear: x,
+      yearOptions: P,
+      previousYearLabel: g,
+      nextYearLabel: w,
+      isMonthSelected: Y,
+      getMonthRangeProps: u,
+      isMonthDisabled: D,
+      onPreviousYear: (e) => t(new Date(e - 1, r.getMonth(), 1)),
+      onNextYear: (e) => t(new Date(e + 1, r.getMonth(), 1)),
+      onYearSelect: (e, j) => t(new Date(e - j, r.getMonth(), 1)),
+      onMonthClick: h
+    }
+  );
+  return /* @__PURE__ */ l("div", { "data-slot": "month-panes", children: [
+    n(0),
+    (a === "range" || a === "multiple") && /* @__PURE__ */ l("div", { "data-slot": "month-pane-divider-group", children: [
+      /* @__PURE__ */ o("div", { className: "my-4 w-[1px] bg-stroke-hairline" }),
+      n(1)
+    ] })
+  ] });
+}
+export {
+  f as CalendarMonthPanes
+};

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

@@ -0,0 +1,28 @@
+import { Option } from '../../forms/select';
+import { MonthRange, MonthSelection } from './calendar.types';
+export interface CalendarMonthPickerPanelProps {
+    yearOffset?: number;
+    displayYear: number;
+    monthMode: "single" | "multiple" | "range";
+    monthsShort: string[];
+    showFooter: boolean;
+    pendingMonthSelection?: MonthSelection | MonthSelection[] | MonthRange;
+    selectedMonths?: MonthSelection | MonthSelection[] | MonthRange;
+    resolvedStartYear: number;
+    resolvedEndYear: number;
+    yearOptions: Option[];
+    previousYearLabel: string;
+    nextYearLabel: string;
+    isMonthSelected: (year: number, month: number) => boolean;
+    getMonthRangeProps: (year: number, month: number) => {
+        isStart: boolean;
+        isEnd: boolean;
+        isMiddle: boolean;
+    };
+    isMonthDisabled: (year: number, month: number) => boolean;
+    onPreviousYear: (displayYear: number) => void;
+    onNextYear: (displayYear: number) => void;
+    onYearSelect: (newYear: number, yearOffset: number) => void;
+    onMonthClick: (year: number, month: number) => void;
+}
+export declare function CalendarMonthPickerPanel({ yearOffset, displayYear, monthMode, monthsShort, showFooter, pendingMonthSelection, selectedMonths, resolvedStartYear, resolvedEndYear, yearOptions, previousYearLabel, nextYearLabel, isMonthSelected, getMonthRangeProps, isMonthDisabled, onPreviousYear, onNextYear, onYearSelect, onMonthClick, }: CalendarMonthPickerPanelProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,109 @@
+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,
+  displayYear: e,
+  monthMode: u,
+  monthsShort: N,
+  showFooter: p,
+  pendingMonthSelection: w,
+  selectedMonths: C,
+  resolvedStartYear: S,
+  resolvedEndYear: j,
+  yearOptions: k,
+  previousYearLabel: h,
+  nextYearLabel: g,
+  isMonthSelected: z,
+  getMonthRangeProps: R,
+  isMonthDisabled: M,
+  onPreviousYear: P,
+  onNextYear: T,
+  onYearSelect: B,
+  onMonthClick: E
+}) {
+  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,
+        {
+          variant: "ghost",
+          size: "icon",
+          className: "h-7 w-7 shrink-0",
+          "aria-label": h,
+          title: h,
+          disabled: e <= S,
+          onClick: () => P(e),
+          children: /* @__PURE__ */ t(v, { 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,
+        {
+          value: { label: e.toString(), value: e.toString() },
+          onChange: (r) => {
+            r && "value" in r && B(parseInt(r.value), s);
+          },
+          scrollToSelectedOnOpen: !0,
+          options: k,
+          parentClassName: "flex items-center justify-center",
+          className: "w-[200px]",
+          menuWidth: "140px"
+        }
+      ) }),
+      (u === "single" || s === 1) && /* @__PURE__ */ t(
+        m,
+        {
+          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" })
+        }
+      )
+    ] }),
+    /* @__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 = u === "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-muted opacity-50"
+            ),
+            children: r
+          }
+        )
+      ] }, r);
+    }) })
+  ] });
+}
+export {
+  K as CalendarMonthPickerPanel
+};

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

@@ -0,0 +1,13 @@
+import { Option } from '../../forms/select';
+import { MonthRange, MonthSelection } from './calendar.types';
+export declare function isSameMonth(m1: MonthSelection, m2: MonthSelection): boolean;
+export declare function nextMonthSelection(selection: MonthSelection, prev: MonthSelection | MonthSelection[] | MonthRange | undefined, monthMode: "single" | "multiple" | "range"): MonthSelection | MonthSelection[] | MonthRange | undefined;
+export declare function isMonthSelected(year: number, month: number, currentSelection: MonthSelection | MonthSelection[] | MonthRange | undefined): boolean;
+export declare function getMonthRangeProps(year: number, month: number, currentSelection: MonthSelection | MonthSelection[] | MonthRange | undefined): {
+    isStart: boolean;
+    isEnd: boolean;
+    isMiddle: 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

@@ -0,0 +1,88 @@
+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;
+}
+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];
+  }
+  const t = o;
+  if (!t?.from || t.to) return { from: r };
+  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 };
+}
+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;
+  }
+  const t = a;
+  return t.year === r && t.month === o;
+}
+function c(r, o, a) {
+  if (!a || !("from" in a))
+    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();
+  if (!s)
+    return {
+      isStart: !1,
+      isEnd: n ? e === new Date(n.year, n.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();
+  return {
+    isStart: e === f,
+    isEnd: e === i,
+    isMiddle: e > f && e < i
+  };
+}
+function h(r, o, a) {
+  const t = a;
+  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;
+  }
+  if (t.after) {
+    const e = new Date(t.after);
+    if (e.setHours(23, 59, 59, 999), s > e) 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() });
+  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));
+  });
+}
+export {
+  y as getAvailableMonths,
+  w as getAvailableYears,
+  c as getMonthRangeProps,
+  h as isMonthDisabled,
+  D as isMonthSelected,
+  l as isSameMonth,
+  d as nextMonthSelection
+};

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

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

package/dist/components/data-display/calendar/calendar-panel-context.js

@@ -0,0 +1,5 @@
+import * as t from "react";
+const e = t.createContext(0);
+export {
+  e as PanelIndexContext
+};