@acronis-platform/ui-react 3.0.0 → 4.1.0

package/dist/components/ui/calendar-panel/calendar-panel.js

@@ -1,260 +1,139 @@
-import { jsxs as M, jsx as t } from "react/jsx-runtime";
-import * as r from "react";
-import { cn as D } from "../../../lib/utils.js";
-import { buildMonthItems as K, buildYearItems as Q, clampNavigationTarget as k, resolveWeekStartsOn as X, resolveYearRange as Z, buildModeProps as $, DEFAULT_YEAR_SPAN as ee } from "./calendar-panel-utils.js";
-import { useDayPicker as ae } from "../../../node_modules/.pnpm/react-day-picker@10.0.1_@types_react@19.2.15_react@19.2.6/node_modules/react-day-picker/dist/esm/useDayPicker.js";
-import { addMonths as F } from "../../../node_modules/.pnpm/date-fns@4.3.0/node_modules/date-fns/addMonths.js";
-import { format as re } from "../../../node_modules/.pnpm/date-fns@4.3.0/node_modules/date-fns/format.js";
-import { DayPicker as te } from "../../../node_modules/.pnpm/react-day-picker@10.0.1_@types_react@19.2.15_react@19.2.6/node_modules/react-day-picker/dist/esm/DayPicker.js";
-import { DialogFooterDefault as oe } from "../dialog-footer-default/dialog-footer-default.js";
-import { Button as L } from "../button/button.js";
-import { InputSelect as ne, InputSelectTrigger as de, InputSelectValue as le, InputSelectContent as ie, InputSelectItem as ce } from "../input-select/input-select.js";
-const O = r.createContext(null);
-function N({
-  items: n,
-  value: a,
-  ariaLabel: o,
-  onValueChange: d
-}) {
-  return /* @__PURE__ */ M(
-    ne,
-    {
-      items: n,
-      value: a,
-      onValueChange: (e) => d(Number(e)),
-      children: [
-        /* @__PURE__ */ t(de, { "aria-label": o, className: "min-w-0 flex-1", children: /* @__PURE__ */ t(le, {}) }),
-        /* @__PURE__ */ t(ie, { children: n.map((e) => /* @__PURE__ */ t(ce, { value: e.value, children: e.label }, e.value)) })
-      ]
-    }
-  );
+import { cn as e } from "../../../lib/utils.js";
+import { Button as t } from "../button/button.js";
+import { addMonths as n } from "../../../node_modules/.pnpm/date-fns@4.3.0/node_modules/date-fns/addMonths.js";
+import r from "../../../node_modules/.pnpm/date-fns@4.3.0/node_modules/date-fns/format.js";
+import { useDayPicker as i } from "../../../node_modules/.pnpm/react-day-picker@10.0.1_@types_react@19.2.15_react@19.2.6/node_modules/react-day-picker/dist/esm/useDayPicker.js";
+import { DayPicker as a } from "../../../node_modules/.pnpm/react-day-picker@10.0.1_@types_react@19.2.15_react@19.2.6/node_modules/react-day-picker/dist/esm/DayPicker.js";
+import { DialogFooterDefault as o } from "../dialog-footer-default/dialog-footer-default.js";
+import { InputSelect as s, InputSelectContent as c, InputSelectItem as l, InputSelectTrigger as u, InputSelectValue as d } from "../input-select/input-select.js";
+import { buildModeProps as f, buildMonthItems as p, buildYearItems as m, clampNavigationTarget as h, resolveWeekStartsOn as g, resolveYearRange as _ } from "./calendar-panel-utils.js";
+import * as v from "react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+//#region src/components/ui/calendar-panel/calendar-panel.tsx
+var x = v.createContext(null);
+function S({ items: e, value: t, ariaLabel: n, onValueChange: r }) {
+	return /* @__PURE__ */ b(s, {
+		items: e,
+		value: t,
+		onValueChange: (e) => r(Number(e)),
+		children: [/* @__PURE__ */ y(u, {
+			"aria-label": n,
+			className: "min-w-0 flex-1",
+			children: /* @__PURE__ */ y(d, {})
+		}), /* @__PURE__ */ y(c, { children: e.map((e) => /* @__PURE__ */ y(l, {
+			value: e.value,
+			children: e.label
+		}, e.value)) })]
+	});
 }
-N.displayName = "CalendarHeaderSelect";
-function R({
-  calendarMonth: n,
-  displayIndex: a,
-  className: o,
-  ...d
-}) {
-  const { goToMonth: e } = ae(), l = r.useContext(O);
-  if (!l)
-    throw new Error("CalendarHeader must be rendered inside <CalendarPanel>.");
-  const { monthLabel: u, yearLabel: c, fromYear: v, toYear: b, formatMonthLabel: h, endMonth: p, numberOfMonths: f } = l, g = n.date, i = g.getMonth(), s = g.getFullYear(), y = r.useMemo(
-    () => K(h),
-    [h]
-  ), C = r.useMemo(
-    () => Q(v, b),
-    [v, b]
-  );
-  return /* @__PURE__ */ M(
-    "header",
-    {
-      className: D(
-        "flex items-center gap-[var(--ui-calendar-header-gap)] border-b-[length:var(--ui-calendar-header-border-width)] border-[color:var(--ui-calendar-header-border-color)] px-[var(--ui-calendar-header-padding-x)] py-[var(--ui-calendar-header-padding-y)] [border-bottom-style:var(--ui-calendar-header-border-style)]",
-        o
-      ),
-      ...d,
-      children: [
-        /* @__PURE__ */ t(
-          N,
-          {
-            items: y,
-            value: i,
-            ariaLabel: u,
-            onValueChange: (m) => e(
-              k(
-                F(new Date(s, m, 1), -a),
-                p,
-                f
-              )
-            )
-          }
-        ),
-        /* @__PURE__ */ t(
-          N,
-          {
-            items: C,
-            value: s,
-            ariaLabel: c,
-            onValueChange: (m) => e(
-              k(
-                F(new Date(m, i, 1), -a),
-                p,
-                f
-              )
-            )
-          }
-        )
-      ]
-    }
-  );
+S.displayName = "CalendarHeaderSelect";
+function C({ calendarMonth: t, displayIndex: r, className: a, ...o }) {
+	let { goToMonth: s } = i(), c = v.useContext(x);
+	if (!c) throw Error("CalendarHeader must be rendered inside <CalendarPanel>.");
+	let { monthLabel: l, yearLabel: u, fromYear: d, toYear: f, formatMonthLabel: g, endMonth: _, numberOfMonths: C } = c, w = t.date, T = w.getMonth(), E = w.getFullYear(), D = v.useMemo(() => p(g), [g]), O = v.useMemo(() => m(d, f), [d, f]);
+	return /* @__PURE__ */ b("header", {
+		className: e("flex items-center gap-[var(--ui-calendar-header-gap)] border-b-[length:var(--ui-calendar-header-border-width)] border-[color:var(--ui-calendar-header-border-color)] px-[var(--ui-calendar-header-padding-x)] py-[var(--ui-calendar-header-padding-y)] [border-bottom-style:var(--ui-calendar-header-border-style)]", a),
+		...o,
+		children: [/* @__PURE__ */ y(S, {
+			items: D,
+			value: T,
+			ariaLabel: l,
+			onValueChange: (e) => s(h(n(new Date(E, e, 1), -r), _, C))
+		}), /* @__PURE__ */ y(S, {
+			items: O,
+			value: E,
+			ariaLabel: u,
+			onValueChange: (e) => s(h(n(new Date(e, T, 1), -r), _, C))
+		})]
+	});
 }
-R.displayName = "CalendarHeader";
-function _({
-  className: n,
-  day: a,
-  modifiers: o,
-  ...d
-}) {
-  const e = r.useRef(null);
-  r.useEffect(() => {
-    var c;
-    o.focused && ((c = e.current) == null || c.focus());
-  }, [o.focused]);
-  const l = !!o.range_middle, u = !!o.selected && !l;
-  return /* @__PURE__ */ t(
-    "button",
-    {
-      ref: e,
-      type: "button",
-      "data-day": a.date.toLocaleDateString(),
-      "data-active": u,
-      "data-range-middle": l,
-      className: D(
-        "ui-calendar-value-text-style",
-        "flex size-[var(--ui-calendar-item-width-min)] min-h-[var(--ui-calendar-item-height-min)] min-w-[var(--ui-calendar-item-width-min)] cursor-pointer items-center justify-center border border-[color:var(--ui-calendar-item-border-idle)] bg-[var(--ui-calendar-item-color-idle)] p-0 text-[var(--ui-calendar-value-color-idle-primary)] outline-none transition-colors [font-variant-numeric:var(--ui-calendar-value-font-variant-numeric)]",
-        "not-data-[active=true]:hover:border-[color:var(--ui-calendar-item-border-hover)] not-data-[active=true]:hover:bg-[var(--ui-calendar-item-color-hover)]",
-        "data-[range-middle=true]:bg-[var(--ui-calendar-item-color-hover)] data-[range-middle=true]:text-[var(--ui-calendar-value-color-idle-primary)]",
-        "data-[active=true]:border-[color:var(--ui-calendar-item-border-active)] data-[active=true]:bg-[var(--ui-calendar-item-color-active)] data-[active=true]:text-[var(--ui-calendar-value-color-active)]",
-        "group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-[var(--ui-focus-primary)]",
-        "disabled:pointer-events-none disabled:text-[var(--ui-calendar-value-color-disabled)]",
-        n
-      ),
-      ...d
-    }
-  );
+C.displayName = "CalendarHeader";
+function w({ className: t, day: n, modifiers: r, ...i }) {
+	let a = v.useRef(null);
+	v.useEffect(() => {
+		r.focused && a.current?.focus();
+	}, [r.focused]);
+	let o = !!r.range_middle, s = !!r.selected && !o;
+	return /* @__PURE__ */ y("button", {
+		ref: a,
+		type: "button",
+		"data-day": n.date.toLocaleDateString(),
+		"data-active": s,
+		"data-range-middle": o,
+		className: e("ui-calendar-value-text-style", "flex size-[var(--ui-calendar-item-width-min)] min-h-[var(--ui-calendar-item-height-min)] min-w-[var(--ui-calendar-item-width-min)] cursor-pointer items-center justify-center border border-[color:var(--ui-calendar-item-border-idle)] bg-[var(--ui-calendar-item-color-idle)] p-0 text-[var(--ui-calendar-value-color-idle-primary)] outline-none transition-colors [font-variant-numeric:var(--ui-calendar-value-font-variant-numeric)]", "not-data-[active=true]:hover:border-[color:var(--ui-calendar-item-border-hover)] not-data-[active=true]:hover:bg-[var(--ui-calendar-item-color-hover)]", "data-[range-middle=true]:bg-[var(--ui-calendar-item-color-hover)] data-[range-middle=true]:text-[var(--ui-calendar-value-color-idle-primary)]", "data-[active=true]:border-[color:var(--ui-calendar-item-border-active)] data-[active=true]:bg-[var(--ui-calendar-item-color-active)] data-[active=true]:text-[var(--ui-calendar-value-color-active)]", "group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-[var(--ui-focus-primary)]", "disabled:pointer-events-none disabled:text-[var(--ui-calendar-value-color-disabled)]", t),
+		...i
+	});
 }
-_.displayName = "CalendarItem";
-const ue = r.forwardRef(
-  ({
-    className: n,
-    variant: a = "single",
-    selected: o,
-    onSelect: d,
-    defaultMonth: e,
-    month: l,
-    onMonthChange: u,
-    disabled: c,
-    min: v,
-    max: b,
-    showOutsideDays: h = !0,
-    weekStartsOn: p,
-    fromYear: f,
-    toYear: g,
-    locale: i,
-    monthLabel: s = "Month",
-    yearLabel: y = "Year",
-    formatMonthLabel: C,
-    cancelLabel: m = "Cancel",
-    applyLabel: A = "Apply",
-    onCancel: H,
-    onApply: T,
-    dir: S,
-    ...z
-  }, B) => {
-    const E = (/* @__PURE__ */ new Date()).getFullYear(), { fromYear: x, toYear: w } = Z(
-      f,
-      g,
-      E,
-      ee
-    ), V = X(p, i), j = a !== "single", I = a === "range" ? 2 : 1, W = r.useCallback(
-      (J) => re(J, "MMMM", { locale: i }),
-      [i]
-    ), P = C ?? W, U = r.useMemo(() => new Date(x, 0, 1), [x]), Y = r.useMemo(() => new Date(w, 11, 1), [w]), q = r.useMemo(
-      () => ({
-        monthLabel: s,
-        yearLabel: y,
-        fromYear: x,
-        toYear: w,
-        formatMonthLabel: P,
-        endMonth: Y,
-        numberOfMonths: I
-      }),
-      [
-        s,
-        y,
-        x,
-        w,
-        P,
-        Y,
-        I
-      ]
-    ), G = $(
-      a,
-      o,
-      d,
-      v,
-      b
-    );
-    return /* @__PURE__ */ M(
-      "div",
-      {
-        ref: B,
-        dir: S,
-        "data-slot": "calendar-panel",
-        "data-variant": a,
-        className: D(
-          "inline-flex w-fit flex-col overflow-hidden rounded-[var(--ui-calendar-container-border-radius)] border-[length:var(--ui-calendar-container-border-width)] border-[color:var(--ui-calendar-container-border-color)] bg-[var(--ui-calendar-container-color)] shadow-md [border-style:var(--ui-calendar-container-border-style)]",
-          n
-        ),
-        ...z,
-        children: [
-          /* @__PURE__ */ t(O.Provider, { value: q, children: /* @__PURE__ */ t(
-            te,
-            {
-              ...G,
-              dir: S,
-              defaultMonth: e,
-              month: l,
-              onMonthChange: u,
-              disabled: c,
-              startMonth: U,
-              endMonth: Y,
-              showOutsideDays: h,
-              weekStartsOn: V,
-              locale: i,
-              numberOfMonths: a === "range" ? 2 : 1,
-              hideNavigation: !0,
-              classNames: {
-                root: "flex",
-                months: "flex flex-row",
-                // The vertical rule between the two `range` months is the first
-                // column's inline-end border, so it mirrors under RTL.
-                // Width = 7 day columns + 2 sides of body padding, derived from tokens
-                // so it stays in sync if either is retokened.
-                month: "flex w-[calc(var(--ui-calendar-item-width-min)*7+var(--ui-calendar-body-padding-x)*2)] flex-col border-e-[length:var(--ui-calendar-body-border-width)] border-[color:var(--ui-calendar-body-border-color)] last:border-e-0 [border-inline-end-style:var(--ui-calendar-body-border-style)]",
-                // `table-fixed` (rather than the default `auto`) is what makes the
-                // 32px-per-column contract above actually hold: under `auto`
-                // layout a single wide weekday abbreviation (e.g. some `ar`/`te`/
-                // `kn` locales) widens its whole column past the fixed 248px month
-                // width, which the panel's `overflow-hidden` then clips — silently
-                // dropping a day column instead of just the label.
-                month_grid: "w-full table-fixed border-separate border-spacing-0 px-[var(--ui-calendar-body-padding-x)] py-[var(--ui-calendar-body-padding-y)]",
-                weekday: "ui-calendar-value-text-style size-[var(--ui-calendar-item-width-min)] overflow-hidden whitespace-nowrap p-0 text-center font-normal text-[var(--ui-calendar-value-color-idle-secondary)]",
-                day: "group/day size-[var(--ui-calendar-item-width-min)] p-0 text-center",
-                outside: "[&_button]:text-[var(--ui-calendar-value-color-disabled)]",
-                disabled: "[&_button]:text-[var(--ui-calendar-value-color-disabled)]",
-                hidden: "invisible"
-              },
-              components: {
-                MonthCaption: R,
-                DayButton: _
-              }
-            }
-          ) }),
-          j && /* @__PURE__ */ M(oe, { children: [
-            /* @__PURE__ */ t(L, { variant: "secondary", onClick: H, children: m }),
-            /* @__PURE__ */ t(L, { onClick: T, children: A })
-          ] })
-        ]
-      }
-    );
-  }
-);
-ue.displayName = "CalendarPanel";
-export {
-  R as CalendarHeader,
-  _ as CalendarItem,
-  ue as CalendarPanel
-};
-//# sourceMappingURL=calendar-panel.js.map
+w.displayName = "CalendarItem";
+var T = v.forwardRef(({ className: n, variant: i = "single", selected: s, onSelect: c, defaultMonth: l, month: u, onMonthChange: d, disabled: p, min: m, max: h, showOutsideDays: S = !0, weekStartsOn: T, fromYear: E, toYear: D, locale: O, monthLabel: k = "Month", yearLabel: A = "Year", formatMonthLabel: j, cancelLabel: M = "Cancel", applyLabel: N = "Apply", onCancel: P, onApply: F, dir: I, ...L }, R) => {
+	let z = (/* @__PURE__ */ new Date()).getFullYear(), { fromYear: B, toYear: V } = _(E, D, z, 50), H = g(T, O), U = i !== "single", W = i === "range" ? 2 : 1, G = v.useCallback((e) => r(e, "MMMM", { locale: O }), [O]), K = j ?? G, q = v.useMemo(() => new Date(B, 0, 1), [B]), J = v.useMemo(() => new Date(V, 11, 1), [V]), Y = v.useMemo(() => ({
+		monthLabel: k,
+		yearLabel: A,
+		fromYear: B,
+		toYear: V,
+		formatMonthLabel: K,
+		endMonth: J,
+		numberOfMonths: W
+	}), [
+		k,
+		A,
+		B,
+		V,
+		K,
+		J,
+		W
+	]), X = f(i, s, c, m, h);
+	return /* @__PURE__ */ b("div", {
+		ref: R,
+		dir: I,
+		"data-slot": "calendar-panel",
+		"data-variant": i,
+		className: e("inline-flex w-fit flex-col overflow-hidden rounded-[var(--ui-calendar-container-border-radius)] border-[length:var(--ui-calendar-container-border-width)] border-[color:var(--ui-calendar-container-border-color)] bg-[var(--ui-calendar-container-color)] shadow-md [border-style:var(--ui-calendar-container-border-style)]", n),
+		...L,
+		children: [/* @__PURE__ */ y(x.Provider, {
+			value: Y,
+			children: /* @__PURE__ */ y(a, {
+				...X,
+				dir: I,
+				defaultMonth: l,
+				month: u,
+				onMonthChange: d,
+				disabled: p,
+				startMonth: q,
+				endMonth: J,
+				showOutsideDays: S,
+				weekStartsOn: H,
+				locale: O,
+				numberOfMonths: i === "range" ? 2 : 1,
+				hideNavigation: !0,
+				classNames: {
+					root: "flex",
+					months: "flex flex-row",
+					month: "flex w-[calc(var(--ui-calendar-item-width-min)*7+var(--ui-calendar-body-padding-x)*2)] flex-col border-e-[length:var(--ui-calendar-body-border-width)] border-[color:var(--ui-calendar-body-border-color)] last:border-e-0 [border-inline-end-style:var(--ui-calendar-body-border-style)]",
+					month_grid: "w-full table-fixed border-separate border-spacing-0 px-[var(--ui-calendar-body-padding-x)] py-[var(--ui-calendar-body-padding-y)]",
+					weekday: "ui-calendar-value-text-style size-[var(--ui-calendar-item-width-min)] overflow-hidden whitespace-nowrap p-0 text-center font-normal text-[var(--ui-calendar-value-color-idle-secondary)]",
+					day: "group/day size-[var(--ui-calendar-item-width-min)] p-0 text-center",
+					outside: "[&_button]:text-[var(--ui-calendar-value-color-disabled)]",
+					disabled: "[&_button]:text-[var(--ui-calendar-value-color-disabled)]",
+					hidden: "invisible"
+				},
+				components: {
+					MonthCaption: C,
+					DayButton: w
+				}
+			})
+		}), U && /* @__PURE__ */ b(o, { children: [/* @__PURE__ */ y(t, {
+			variant: "secondary",
+			onClick: P,
+			children: M
+		}), /* @__PURE__ */ y(t, {
+			onClick: F,
+			children: N
+		})] })]
+	});
+});
+T.displayName = "CalendarPanel";
+//#endregion
+export { C as CalendarHeader, w as CalendarItem, T as CalendarPanel };
+
+//# sourceMappingURL=calendar-panel.js.map

package/dist/components/ui/calendar-panel/calendar-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar-panel.js","sources":["../../../../src/components/ui/calendar-panel/calendar-panel.tsx"],"sourcesContent":["import * as React from 'react';\nimport { addMonths, format } from 'date-fns';\nimport {\n  DayPicker,\n  useDayPicker,\n  type DateRange,\n  type DayButton,\n  type DayPickerLocale,\n  type Matcher,\n  type MonthCaptionProps,\n} from 'react-day-picker';\n\nimport { cn } from '@/lib/utils';\nimport { Button } from '../button';\nimport { DialogFooterDefault } from '../dialog-footer-default';\nimport {\n  InputSelect,\n  InputSelectContent,\n  InputSelectItem,\n  InputSelectTrigger,\n  InputSelectValue,\n} from '../input-select';\nimport {\n  DEFAULT_YEAR_SPAN,\n  buildModeProps,\n  buildMonthItems,\n  buildYearItems,\n  clampNavigationTarget,\n  resolveWeekStartsOn,\n  resolveYearRange,\n  type CalendarSelectItem,\n} from './calendar-panel-utils';\n\n// The Figma \"Calendar\" panel: a bordered, elevated day-picker panel themed by the\n// dedicated `--ui-calendar-*` tier. Its three variants are the three\n// `react-day-picker` selection modes, and each one changes the panel's structure:\n//   • single   — one 248px month, no footer.\n//   • multiple — one 248px month + a Cancel/Apply footer.\n//   • range    — two 248px months side by side (divided by a vertical rule) sharing\n//                one Cancel/Apply footer.\n// Figma's `state` axis (idle / selected) is demo-only — it is DayPicker's runtime\n// selection state, not a prop.\n//\n// The month/year pickers in the header are real `InputSelect` instances (as in the\n// design), wired through DayPicker's custom-component API: the whole `MonthCaption`\n// is replaced, rather than using `captionLayout=\"dropdown\"`'s native `<select>`\n// elements. Per-instance caption options (labels, year window, month formatter) reach\n// that override through `CalendarPanelCaptionContext`, since DayPicker instantiates\n// custom components itself and passes only its own props.\n//\n// Every cell — idle, hover, in-range, endpoint — is a flat square: this design has no\n// corner-radius differentiation, so there is deliberately no range-endpoint \"pill\"\n// rounding.\n\nexport type CalendarPanelVariant = 'single' | 'multiple' | 'range';\n\n/** Selected value, shaped by the active `variant`. */\nexport type CalendarPanelSelected = Date | Date[] | DateRange | undefined;\n\ninterface CalendarPanelCaptionContextValue {\n  monthLabel: string;\n  yearLabel: string;\n  fromYear: number;\n  toYear: number;\n  formatMonthLabel: (date: Date) => string;\n  endMonth: Date;\n  numberOfMonths: number;\n}\n\nconst CalendarPanelCaptionContext =\n  React.createContext<CalendarPanelCaptionContextValue | null>(null);\n\n/** One header dropdown (month or year) — an `InputSelect` over a fixed item list. */\nfunction CalendarHeaderSelect({\n  items,\n  value,\n  ariaLabel,\n  onValueChange,\n}: {\n  items: CalendarSelectItem<number>[];\n  value: number;\n  ariaLabel: string;\n  onValueChange: (next: number) => void;\n}) {\n  return (\n    <InputSelect\n      items={items}\n      value={value}\n      onValueChange={(next) => onValueChange(Number(next))}\n    >\n      <InputSelectTrigger aria-label={ariaLabel} className=\"min-w-0 flex-1\">\n        <InputSelectValue />\n      </InputSelectTrigger>\n      <InputSelectContent>\n        {items.map((item) => (\n          <InputSelectItem key={item.value} value={item.value}>\n            {item.label}\n          </InputSelectItem>\n        ))}\n      </InputSelectContent>\n    </InputSelect>\n  );\n}\nCalendarHeaderSelect.displayName = 'CalendarHeaderSelect';\n\n/**\n * The header of one month column: a month `InputSelect` and a year `InputSelect`.\n * Replaces DayPicker's `MonthCaption`.\n */\nfunction CalendarHeader({\n  calendarMonth,\n  displayIndex,\n  className,\n  ...props\n}: MonthCaptionProps) {\n  const { goToMonth } = useDayPicker();\n  const context = React.useContext(CalendarPanelCaptionContext);\n  if (!context) {\n    throw new Error('CalendarHeader must be rendered inside <CalendarPanel>.');\n  }\n  const { monthLabel, yearLabel, fromYear, toYear, formatMonthLabel, endMonth, numberOfMonths } =\n    context;\n\n  const date = calendarMonth.date;\n  const month = date.getMonth();\n  const year = date.getFullYear();\n\n  const monthItems = React.useMemo(\n    () => buildMonthItems(formatMonthLabel),\n    [formatMonthLabel]\n  );\n\n  const yearItems = React.useMemo(\n    () => buildYearItems(fromYear, toYear),\n    [fromYear, toYear]\n  );\n\n  return (\n    <header\n      className={cn(\n        'flex items-center gap-[var(--ui-calendar-header-gap)] border-b-[length:var(--ui-calendar-header-border-width)] border-[color:var(--ui-calendar-header-border-color)] px-[var(--ui-calendar-header-padding-x)] py-[var(--ui-calendar-header-padding-y)] [border-bottom-style:var(--ui-calendar-header-border-style)]',\n        className\n      )}\n      {...props}\n    >\n      <CalendarHeaderSelect\n        items={monthItems}\n        value={month}\n        ariaLabel={monthLabel}\n        onValueChange={(next) =>\n          goToMonth(\n            clampNavigationTarget(\n              addMonths(new Date(year, next, 1), -displayIndex),\n              endMonth,\n              numberOfMonths\n            )\n          )\n        }\n      />\n      <CalendarHeaderSelect\n        items={yearItems}\n        value={year}\n        ariaLabel={yearLabel}\n        onValueChange={(next) =>\n          goToMonth(\n            clampNavigationTarget(\n              addMonths(new Date(next, month, 1), -displayIndex),\n              endMonth,\n              numberOfMonths\n            )\n          )\n        }\n      />\n    </header>\n  );\n}\nCalendarHeader.displayName = 'CalendarHeader';\n\n/**\n * One day cell (Figma's \"CalendarItem\") — a flat 32×32 square. `data-active`\n * (a selected day or either range endpoint) and `data-range-middle` are mutually\n * exclusive, so their backgrounds never compete.\n */\nfunction CalendarItem({\n  className,\n  day,\n  modifiers,\n  ...props\n}: React.ComponentProps<typeof DayButton>) {\n  const ref = React.useRef<HTMLButtonElement>(null);\n  React.useEffect(() => {\n    if (modifiers.focused) ref.current?.focus();\n  }, [modifiers.focused]);\n\n  const isRangeMiddle = Boolean(modifiers.range_middle);\n  const isActive = Boolean(modifiers.selected) && !isRangeMiddle;\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      data-day={day.date.toLocaleDateString()}\n      data-active={isActive}\n      data-range-middle={isRangeMiddle}\n      className={cn(\n        'ui-calendar-value-text-style',\n        'flex size-[var(--ui-calendar-item-width-min)] min-h-[var(--ui-calendar-item-height-min)] min-w-[var(--ui-calendar-item-width-min)] cursor-pointer items-center justify-center border border-[color:var(--ui-calendar-item-border-idle)] bg-[var(--ui-calendar-item-color-idle)] p-0 text-[var(--ui-calendar-value-color-idle-primary)] outline-none transition-colors [font-variant-numeric:var(--ui-calendar-value-font-variant-numeric)]',\n        'not-data-[active=true]:hover:border-[color:var(--ui-calendar-item-border-hover)] not-data-[active=true]:hover:bg-[var(--ui-calendar-item-color-hover)]',\n        'data-[range-middle=true]:bg-[var(--ui-calendar-item-color-hover)] data-[range-middle=true]:text-[var(--ui-calendar-value-color-idle-primary)]',\n        'data-[active=true]:border-[color:var(--ui-calendar-item-border-active)] data-[active=true]:bg-[var(--ui-calendar-item-color-active)] data-[active=true]:text-[var(--ui-calendar-value-color-active)]',\n        'group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-[var(--ui-focus-primary)]',\n        'disabled:pointer-events-none disabled:text-[var(--ui-calendar-value-color-disabled)]',\n        className\n      )}\n      {...props}\n    />\n  );\n}\nCalendarItem.displayName = 'CalendarItem';\n\ninterface CalendarPanelSharedProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect' | 'defaultValue'> {\n  /**\n   * Text direction. Forwarded to `DayPicker` explicitly — an ancestor's `dir`\n   * mirrors the panel's CSS layout automatically (logical properties), but\n   * `react-day-picker` only flips its Arrow Left/Right keyboard roaming when\n   * `dir` is passed to it directly, so it must also be passed here.\n   */\n  dir?: 'ltr' | 'rtl';\n  /** Uncontrolled initial month shown. */\n  defaultMonth?: Date;\n  /** Controlled month shown (the first month, for `range`). */\n  month?: Date;\n  /** Called when the displayed month changes (header dropdowns). */\n  onMonthChange?: (month: Date) => void;\n  /** Days that cannot be selected. */\n  disabled?: Matcher | Matcher[];\n  /** Minimum count (`multiple` / `range`; ignored for `single`): for `multiple`, the number of selected dates; for `range`, the number of nights between start and end. */\n  min?: number;\n  /** Maximum count (`multiple` / `range`; ignored for `single`): for `multiple`, the number of selected dates; for `range`, the number of nights between start and end. */\n  max?: number;\n  /** Render the leading/trailing days of the adjacent months. */\n  showOutsideDays?: boolean;\n  /**\n   * First day of the week (0 = Sunday). Defaults to `locale`'s own week start,\n   * falling back to Monday (per the design) when no `locale` is given.\n   */\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  /**\n   * First year offered by the year dropdown and the earliest month the grid\n   * can navigate to. Defaults to 50 years back.\n   */\n  fromYear?: number;\n  /**\n   * Last year offered by the year dropdown and the latest month the grid can\n   * navigate to. Defaults to 50 years ahead.\n   */\n  toYear?: number;\n  /**\n   * Localizes weekday names and DayPicker's default day-cell/caption accessible\n   * labels (e.g. `import { es } from 'react-day-picker/locale'`). Defaults to\n   * date-fns `enUS`. Does not translate `monthLabel`/`yearLabel`/`cancelLabel`/\n   * `applyLabel`/`formatMonthLabel` — those are separate props the consumer\n   * must localize themselves.\n   */\n  locale?: DayPickerLocale;\n  /** Accessible name of the month dropdown. */\n  monthLabel?: string;\n  /** Accessible name of the year dropdown. */\n  yearLabel?: string;\n  /** Formats a month's name for the month dropdown. Defaults to `locale`-aware `date-fns` formatting. */\n  formatMonthLabel?: (date: Date) => string;\n  /** Footer \"Cancel\" button label (`multiple` / `range`). */\n  cancelLabel?: string;\n  /** Footer \"Apply\" button label (`multiple` / `range`). */\n  applyLabel?: string;\n  /** Called when the footer's Cancel button is pressed. */\n  onCancel?: () => void;\n  /** Called when the footer's Apply button is pressed. */\n  onApply?: () => void;\n}\n\n/** `variant=\"single\"` (the default) — `selected` is a single optional `Date`. */\nexport interface CalendarPanelSingleProps extends CalendarPanelSharedProps {\n  /** Selection mode + panel structure. `multiple`/`range` add the Cancel/Apply footer; `range` shows two months. */\n  variant?: 'single';\n  /** The selected date. Uncontrolled unless `onSelect` is provided. */\n  selected?: Date;\n  /** Called when the selection changes. Providing it makes `selected` controlled. */\n  onSelect?: (selected: Date | undefined, triggerDate: Date) => void;\n}\n\n/** `variant=\"multiple\"` — `selected` is a `Date[]`, and the footer is shown. */\nexport interface CalendarPanelMultipleProps extends CalendarPanelSharedProps {\n  variant: 'multiple';\n  selected?: Date[];\n  onSelect?: (selected: Date[] | undefined, triggerDate: Date) => void;\n}\n\n/** `variant=\"range\"` — `selected` is a `DateRange`, two months render, and the footer is shown. */\nexport interface CalendarPanelRangeProps extends CalendarPanelSharedProps {\n  variant: 'range';\n  selected?: DateRange;\n  onSelect?: (selected: DateRange | undefined, triggerDate: Date) => void;\n}\n\n/**\n * `CalendarPanel`'s props, discriminated by `variant` — a `single` panel only\n * accepts a `Date`, `multiple` only a `Date[]`, `range` only a `DateRange`, so\n * mismatched `selected`/`onSelect` shapes are caught at the call site instead\n * of silently reaching `react-day-picker` with the wrong shape at runtime.\n */\nexport type CalendarPanelProps =\n  | CalendarPanelSingleProps\n  | CalendarPanelMultipleProps\n  | CalendarPanelRangeProps;\n\nconst CalendarPanel = React.forwardRef<HTMLDivElement, CalendarPanelProps>(\n  (\n    {\n      className,\n      variant = 'single',\n      selected,\n      onSelect,\n      defaultMonth,\n      month,\n      onMonthChange,\n      disabled,\n      min,\n      max,\n      showOutsideDays = true,\n      weekStartsOn,\n      fromYear,\n      toYear,\n      locale,\n      monthLabel = 'Month',\n      yearLabel = 'Year',\n      formatMonthLabel,\n      cancelLabel = 'Cancel',\n      applyLabel = 'Apply',\n      onCancel,\n      onApply,\n      dir,\n      ...props\n    },\n    ref\n  ) => {\n    const currentYear = new Date().getFullYear();\n    const { fromYear: resolvedFromYear, toYear: resolvedToYear } = resolveYearRange(\n      fromYear,\n      toYear,\n      currentYear,\n      DEFAULT_YEAR_SPAN\n    );\n    const resolvedWeekStartsOn = resolveWeekStartsOn(weekStartsOn, locale);\n    const showFooter = variant !== 'single';\n    const numberOfMonths = variant === 'range' ? 2 : 1;\n\n    // Stable across renders when the consumer doesn't override `formatMonthLabel`,\n    // so `captionContext` below doesn't get a new identity (and rebuild the month\n    // dropdown items) on every render.\n    const defaultFormatMonthLabel = React.useCallback(\n      (date: Date) => format(date, 'MMMM', { locale }),\n      [locale]\n    );\n    const resolvedFormatMonthLabel = formatMonthLabel ?? defaultFormatMonthLabel;\n\n    // Bounds the header dropdowns' navigation to the same window their own\n    // options list offers — without this, keyboard shortcuts (Shift+PageUp/\n    // PageDown) and a controlled `month` can move the grid past `fromYear`/\n    // `toYear` while the year dropdown still only lists that range.\n    const startMonth = React.useMemo(() => new Date(resolvedFromYear, 0, 1), [resolvedFromYear]);\n    const endMonth = React.useMemo(() => new Date(resolvedToYear, 11, 1), [resolvedToYear]);\n\n    const captionContext = React.useMemo<CalendarPanelCaptionContextValue>(\n      () => ({\n        monthLabel,\n        yearLabel,\n        fromYear: resolvedFromYear,\n        toYear: resolvedToYear,\n        formatMonthLabel: resolvedFormatMonthLabel,\n        endMonth,\n        numberOfMonths,\n      }),\n      [\n        monthLabel,\n        yearLabel,\n        resolvedFromYear,\n        resolvedToYear,\n        resolvedFormatMonthLabel,\n        endMonth,\n        numberOfMonths,\n      ]\n    );\n\n    // `selected`/`onSelect` are already guaranteed consistent with `variant` by\n    // the discriminated `CalendarPanelProps` union above — this is the one\n    // place that bridges to `DayPickerProps`'s own (differently-shaped)\n    // discriminated union.\n    const modeProps = buildModeProps(\n      variant,\n      selected,\n      onSelect as unknown as\n        | ((selected: CalendarPanelSelected, triggerDate: Date) => void)\n        | undefined,\n      min,\n      max\n    );\n\n    return (\n      <div\n        ref={ref}\n        dir={dir}\n        data-slot=\"calendar-panel\"\n        data-variant={variant}\n        className={cn(\n          'inline-flex w-fit flex-col overflow-hidden rounded-[var(--ui-calendar-container-border-radius)] border-[length:var(--ui-calendar-container-border-width)] border-[color:var(--ui-calendar-container-border-color)] bg-[var(--ui-calendar-container-color)] shadow-md [border-style:var(--ui-calendar-container-border-style)]',\n          className\n        )}\n        {...props}\n      >\n        <CalendarPanelCaptionContext.Provider value={captionContext}>\n          <DayPicker\n            {...modeProps}\n            dir={dir}\n            defaultMonth={defaultMonth}\n            month={month}\n            onMonthChange={onMonthChange}\n            disabled={disabled}\n            startMonth={startMonth}\n            endMonth={endMonth}\n            showOutsideDays={showOutsideDays}\n            weekStartsOn={resolvedWeekStartsOn}\n            locale={locale}\n            numberOfMonths={variant === 'range' ? 2 : 1}\n            // The design navigates months through the header dropdowns only —\n            // there are no prev/next chevrons.\n            hideNavigation\n            classNames={{\n              root: 'flex',\n              months: 'flex flex-row',\n              // The vertical rule between the two `range` months is the first\n              // column's inline-end border, so it mirrors under RTL.\n              // Width = 7 day columns + 2 sides of body padding, derived from tokens\n              // so it stays in sync if either is retokened.\n              month:\n                'flex w-[calc(var(--ui-calendar-item-width-min)*7+var(--ui-calendar-body-padding-x)*2)] flex-col border-e-[length:var(--ui-calendar-body-border-width)] border-[color:var(--ui-calendar-body-border-color)] last:border-e-0 [border-inline-end-style:var(--ui-calendar-body-border-style)]',\n              // `table-fixed` (rather than the default `auto`) is what makes the\n              // 32px-per-column contract above actually hold: under `auto`\n              // layout a single wide weekday abbreviation (e.g. some `ar`/`te`/\n              // `kn` locales) widens its whole column past the fixed 248px month\n              // width, which the panel's `overflow-hidden` then clips — silently\n              // dropping a day column instead of just the label.\n              month_grid:\n                'w-full table-fixed border-separate border-spacing-0 px-[var(--ui-calendar-body-padding-x)] py-[var(--ui-calendar-body-padding-y)]',\n              weekday:\n                'ui-calendar-value-text-style size-[var(--ui-calendar-item-width-min)] overflow-hidden whitespace-nowrap p-0 text-center font-normal text-[var(--ui-calendar-value-color-idle-secondary)]',\n              day: 'group/day size-[var(--ui-calendar-item-width-min)] p-0 text-center',\n              outside: '[&_button]:text-[var(--ui-calendar-value-color-disabled)]',\n              disabled: '[&_button]:text-[var(--ui-calendar-value-color-disabled)]',\n              hidden: 'invisible',\n            }}\n            components={{\n              MonthCaption: CalendarHeader,\n              DayButton: CalendarItem,\n            }}\n          />\n        </CalendarPanelCaptionContext.Provider>\n        {showFooter && (\n          <DialogFooterDefault>\n            <Button variant=\"secondary\" onClick={onCancel}>\n              {cancelLabel}\n            </Button>\n            <Button onClick={onApply}>{applyLabel}</Button>\n          </DialogFooterDefault>\n        )}\n      </div>\n    );\n  }\n);\nCalendarPanel.displayName = 'CalendarPanel';\n\nexport { CalendarPanel, CalendarItem, CalendarHeader };\n"],"names":["CalendarPanelCaptionContext","React","CalendarHeaderSelect","items","value","ariaLabel","onValueChange","jsxs","InputSelect","next","jsx","InputSelectTrigger","InputSelectValue","InputSelectContent","item","InputSelectItem","CalendarHeader","calendarMonth","displayIndex","className","props","goToMonth","useDayPicker","context","monthLabel","yearLabel","fromYear","toYear","formatMonthLabel","endMonth","numberOfMonths","date","month","year","monthItems","buildMonthItems","yearItems","buildYearItems","cn","clampNavigationTarget","addMonths","CalendarItem","day","modifiers","ref","_a","isRangeMiddle","isActive","CalendarPanel","variant","selected","onSelect","defaultMonth","onMonthChange","disabled","min","max","showOutsideDays","weekStartsOn","locale","cancelLabel","applyLabel","onCancel","onApply","dir","currentYear","resolvedFromYear","resolvedToYear","resolveYearRange","DEFAULT_YEAR_SPAN","resolvedWeekStartsOn","resolveWeekStartsOn","showFooter","defaultFormatMonthLabel","format","resolvedFormatMonthLabel","startMonth","captionContext","modeProps","buildModeProps","DayPicker","DialogFooterDefault","Button"],"mappings":"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"}
+{"version":3,"file":"calendar-panel.js","names":[],"sources":["../../../../src/components/ui/calendar-panel/calendar-panel.tsx"],"sourcesContent":["import * as React from 'react';\nimport { addMonths, format } from 'date-fns';\nimport {\n  DayPicker,\n  useDayPicker,\n  type DateRange,\n  type DayButton,\n  type DayPickerLocale,\n  type Matcher,\n  type MonthCaptionProps,\n} from 'react-day-picker';\n\nimport { cn } from '@/lib/utils';\nimport { Button } from '../button';\nimport { DialogFooterDefault } from '../dialog-footer-default';\nimport {\n  InputSelect,\n  InputSelectContent,\n  InputSelectItem,\n  InputSelectTrigger,\n  InputSelectValue,\n} from '../input-select';\nimport {\n  DEFAULT_YEAR_SPAN,\n  buildModeProps,\n  buildMonthItems,\n  buildYearItems,\n  clampNavigationTarget,\n  resolveWeekStartsOn,\n  resolveYearRange,\n  type CalendarSelectItem,\n} from './calendar-panel-utils';\n\n// The Figma \"Calendar\" panel: a bordered, elevated day-picker panel themed by the\n// dedicated `--ui-calendar-*` tier. Its three variants are the three\n// `react-day-picker` selection modes, and each one changes the panel's structure:\n//   • single   — one 248px month, no footer.\n//   • multiple — one 248px month + a Cancel/Apply footer.\n//   • range    — two 248px months side by side (divided by a vertical rule) sharing\n//                one Cancel/Apply footer.\n// Figma's `state` axis (idle / selected) is demo-only — it is DayPicker's runtime\n// selection state, not a prop.\n//\n// The month/year pickers in the header are real `InputSelect` instances (as in the\n// design), wired through DayPicker's custom-component API: the whole `MonthCaption`\n// is replaced, rather than using `captionLayout=\"dropdown\"`'s native `<select>`\n// elements. Per-instance caption options (labels, year window, month formatter) reach\n// that override through `CalendarPanelCaptionContext`, since DayPicker instantiates\n// custom components itself and passes only its own props.\n//\n// Every cell — idle, hover, in-range, endpoint — is a flat square: this design has no\n// corner-radius differentiation, so there is deliberately no range-endpoint \"pill\"\n// rounding.\n\nexport type CalendarPanelVariant = 'single' | 'multiple' | 'range';\n\n/** Selected value, shaped by the active `variant`. */\nexport type CalendarPanelSelected = Date | Date[] | DateRange | undefined;\n\ninterface CalendarPanelCaptionContextValue {\n  monthLabel: string;\n  yearLabel: string;\n  fromYear: number;\n  toYear: number;\n  formatMonthLabel: (date: Date) => string;\n  endMonth: Date;\n  numberOfMonths: number;\n}\n\nconst CalendarPanelCaptionContext =\n  React.createContext<CalendarPanelCaptionContextValue | null>(null);\n\n/** One header dropdown (month or year) — an `InputSelect` over a fixed item list. */\nfunction CalendarHeaderSelect({\n  items,\n  value,\n  ariaLabel,\n  onValueChange,\n}: {\n  items: CalendarSelectItem<number>[];\n  value: number;\n  ariaLabel: string;\n  onValueChange: (next: number) => void;\n}) {\n  return (\n    <InputSelect\n      items={items}\n      value={value}\n      onValueChange={(next) => onValueChange(Number(next))}\n    >\n      <InputSelectTrigger aria-label={ariaLabel} className=\"min-w-0 flex-1\">\n        <InputSelectValue />\n      </InputSelectTrigger>\n      <InputSelectContent>\n        {items.map((item) => (\n          <InputSelectItem key={item.value} value={item.value}>\n            {item.label}\n          </InputSelectItem>\n        ))}\n      </InputSelectContent>\n    </InputSelect>\n  );\n}\nCalendarHeaderSelect.displayName = 'CalendarHeaderSelect';\n\n/**\n * The header of one month column: a month `InputSelect` and a year `InputSelect`.\n * Replaces DayPicker's `MonthCaption`.\n */\nfunction CalendarHeader({\n  calendarMonth,\n  displayIndex,\n  className,\n  ...props\n}: MonthCaptionProps) {\n  const { goToMonth } = useDayPicker();\n  const context = React.useContext(CalendarPanelCaptionContext);\n  if (!context) {\n    throw new Error('CalendarHeader must be rendered inside <CalendarPanel>.');\n  }\n  const { monthLabel, yearLabel, fromYear, toYear, formatMonthLabel, endMonth, numberOfMonths } =\n    context;\n\n  const date = calendarMonth.date;\n  const month = date.getMonth();\n  const year = date.getFullYear();\n\n  const monthItems = React.useMemo(\n    () => buildMonthItems(formatMonthLabel),\n    [formatMonthLabel]\n  );\n\n  const yearItems = React.useMemo(\n    () => buildYearItems(fromYear, toYear),\n    [fromYear, toYear]\n  );\n\n  return (\n    <header\n      className={cn(\n        'flex items-center gap-[var(--ui-calendar-header-gap)] border-b-[length:var(--ui-calendar-header-border-width)] border-[color:var(--ui-calendar-header-border-color)] px-[var(--ui-calendar-header-padding-x)] py-[var(--ui-calendar-header-padding-y)] [border-bottom-style:var(--ui-calendar-header-border-style)]',\n        className\n      )}\n      {...props}\n    >\n      <CalendarHeaderSelect\n        items={monthItems}\n        value={month}\n        ariaLabel={monthLabel}\n        onValueChange={(next) =>\n          goToMonth(\n            clampNavigationTarget(\n              addMonths(new Date(year, next, 1), -displayIndex),\n              endMonth,\n              numberOfMonths\n            )\n          )\n        }\n      />\n      <CalendarHeaderSelect\n        items={yearItems}\n        value={year}\n        ariaLabel={yearLabel}\n        onValueChange={(next) =>\n          goToMonth(\n            clampNavigationTarget(\n              addMonths(new Date(next, month, 1), -displayIndex),\n              endMonth,\n              numberOfMonths\n            )\n          )\n        }\n      />\n    </header>\n  );\n}\nCalendarHeader.displayName = 'CalendarHeader';\n\n/**\n * One day cell (Figma's \"CalendarItem\") — a flat 32×32 square. `data-active`\n * (a selected day or either range endpoint) and `data-range-middle` are mutually\n * exclusive, so their backgrounds never compete.\n */\nfunction CalendarItem({\n  className,\n  day,\n  modifiers,\n  ...props\n}: React.ComponentProps<typeof DayButton>) {\n  const ref = React.useRef<HTMLButtonElement>(null);\n  React.useEffect(() => {\n    if (modifiers.focused) ref.current?.focus();\n  }, [modifiers.focused]);\n\n  const isRangeMiddle = Boolean(modifiers.range_middle);\n  const isActive = Boolean(modifiers.selected) && !isRangeMiddle;\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      data-day={day.date.toLocaleDateString()}\n      data-active={isActive}\n      data-range-middle={isRangeMiddle}\n      className={cn(\n        'ui-calendar-value-text-style',\n        'flex size-[var(--ui-calendar-item-width-min)] min-h-[var(--ui-calendar-item-height-min)] min-w-[var(--ui-calendar-item-width-min)] cursor-pointer items-center justify-center border border-[color:var(--ui-calendar-item-border-idle)] bg-[var(--ui-calendar-item-color-idle)] p-0 text-[var(--ui-calendar-value-color-idle-primary)] outline-none transition-colors [font-variant-numeric:var(--ui-calendar-value-font-variant-numeric)]',\n        'not-data-[active=true]:hover:border-[color:var(--ui-calendar-item-border-hover)] not-data-[active=true]:hover:bg-[var(--ui-calendar-item-color-hover)]',\n        'data-[range-middle=true]:bg-[var(--ui-calendar-item-color-hover)] data-[range-middle=true]:text-[var(--ui-calendar-value-color-idle-primary)]',\n        'data-[active=true]:border-[color:var(--ui-calendar-item-border-active)] data-[active=true]:bg-[var(--ui-calendar-item-color-active)] data-[active=true]:text-[var(--ui-calendar-value-color-active)]',\n        'group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-[var(--ui-focus-primary)]',\n        'disabled:pointer-events-none disabled:text-[var(--ui-calendar-value-color-disabled)]',\n        className\n      )}\n      {...props}\n    />\n  );\n}\nCalendarItem.displayName = 'CalendarItem';\n\ninterface CalendarPanelSharedProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect' | 'defaultValue'> {\n  /**\n   * Text direction. Forwarded to `DayPicker` explicitly — an ancestor's `dir`\n   * mirrors the panel's CSS layout automatically (logical properties), but\n   * `react-day-picker` only flips its Arrow Left/Right keyboard roaming when\n   * `dir` is passed to it directly, so it must also be passed here.\n   */\n  dir?: 'ltr' | 'rtl';\n  /** Uncontrolled initial month shown. */\n  defaultMonth?: Date;\n  /** Controlled month shown (the first month, for `range`). */\n  month?: Date;\n  /** Called when the displayed month changes (header dropdowns). */\n  onMonthChange?: (month: Date) => void;\n  /** Days that cannot be selected. */\n  disabled?: Matcher | Matcher[];\n  /** Minimum count (`multiple` / `range`; ignored for `single`): for `multiple`, the number of selected dates; for `range`, the number of nights between start and end. */\n  min?: number;\n  /** Maximum count (`multiple` / `range`; ignored for `single`): for `multiple`, the number of selected dates; for `range`, the number of nights between start and end. */\n  max?: number;\n  /** Render the leading/trailing days of the adjacent months. */\n  showOutsideDays?: boolean;\n  /**\n   * First day of the week (0 = Sunday). Defaults to `locale`'s own week start,\n   * falling back to Monday (per the design) when no `locale` is given.\n   */\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  /**\n   * First year offered by the year dropdown and the earliest month the grid\n   * can navigate to. Defaults to 50 years back.\n   */\n  fromYear?: number;\n  /**\n   * Last year offered by the year dropdown and the latest month the grid can\n   * navigate to. Defaults to 50 years ahead.\n   */\n  toYear?: number;\n  /**\n   * Localizes weekday names and DayPicker's default day-cell/caption accessible\n   * labels (e.g. `import { es } from 'react-day-picker/locale'`). Defaults to\n   * date-fns `enUS`. Does not translate `monthLabel`/`yearLabel`/`cancelLabel`/\n   * `applyLabel`/`formatMonthLabel` — those are separate props the consumer\n   * must localize themselves.\n   */\n  locale?: DayPickerLocale;\n  /** Accessible name of the month dropdown. */\n  monthLabel?: string;\n  /** Accessible name of the year dropdown. */\n  yearLabel?: string;\n  /** Formats a month's name for the month dropdown. Defaults to `locale`-aware `date-fns` formatting. */\n  formatMonthLabel?: (date: Date) => string;\n  /** Footer \"Cancel\" button label (`multiple` / `range`). */\n  cancelLabel?: string;\n  /** Footer \"Apply\" button label (`multiple` / `range`). */\n  applyLabel?: string;\n  /** Called when the footer's Cancel button is pressed. */\n  onCancel?: () => void;\n  /** Called when the footer's Apply button is pressed. */\n  onApply?: () => void;\n}\n\n/** `variant=\"single\"` (the default) — `selected` is a single optional `Date`. */\nexport interface CalendarPanelSingleProps extends CalendarPanelSharedProps {\n  /** Selection mode + panel structure. `multiple`/`range` add the Cancel/Apply footer; `range` shows two months. */\n  variant?: 'single';\n  /** The selected date. Uncontrolled unless `onSelect` is provided. */\n  selected?: Date;\n  /** Called when the selection changes. Providing it makes `selected` controlled. */\n  onSelect?: (selected: Date | undefined, triggerDate: Date) => void;\n}\n\n/** `variant=\"multiple\"` — `selected` is a `Date[]`, and the footer is shown. */\nexport interface CalendarPanelMultipleProps extends CalendarPanelSharedProps {\n  variant: 'multiple';\n  selected?: Date[];\n  onSelect?: (selected: Date[] | undefined, triggerDate: Date) => void;\n}\n\n/** `variant=\"range\"` — `selected` is a `DateRange`, two months render, and the footer is shown. */\nexport interface CalendarPanelRangeProps extends CalendarPanelSharedProps {\n  variant: 'range';\n  selected?: DateRange;\n  onSelect?: (selected: DateRange | undefined, triggerDate: Date) => void;\n}\n\n/**\n * `CalendarPanel`'s props, discriminated by `variant` — a `single` panel only\n * accepts a `Date`, `multiple` only a `Date[]`, `range` only a `DateRange`, so\n * mismatched `selected`/`onSelect` shapes are caught at the call site instead\n * of silently reaching `react-day-picker` with the wrong shape at runtime.\n */\nexport type CalendarPanelProps =\n  | CalendarPanelSingleProps\n  | CalendarPanelMultipleProps\n  | CalendarPanelRangeProps;\n\nconst CalendarPanel = React.forwardRef<HTMLDivElement, CalendarPanelProps>(\n  (\n    {\n      className,\n      variant = 'single',\n      selected,\n      onSelect,\n      defaultMonth,\n      month,\n      onMonthChange,\n      disabled,\n      min,\n      max,\n      showOutsideDays = true,\n      weekStartsOn,\n      fromYear,\n      toYear,\n      locale,\n      monthLabel = 'Month',\n      yearLabel = 'Year',\n      formatMonthLabel,\n      cancelLabel = 'Cancel',\n      applyLabel = 'Apply',\n      onCancel,\n      onApply,\n      dir,\n      ...props\n    },\n    ref\n  ) => {\n    const currentYear = new Date().getFullYear();\n    const { fromYear: resolvedFromYear, toYear: resolvedToYear } = resolveYearRange(\n      fromYear,\n      toYear,\n      currentYear,\n      DEFAULT_YEAR_SPAN\n    );\n    const resolvedWeekStartsOn = resolveWeekStartsOn(weekStartsOn, locale);\n    const showFooter = variant !== 'single';\n    const numberOfMonths = variant === 'range' ? 2 : 1;\n\n    // Stable across renders when the consumer doesn't override `formatMonthLabel`,\n    // so `captionContext` below doesn't get a new identity (and rebuild the month\n    // dropdown items) on every render.\n    const defaultFormatMonthLabel = React.useCallback(\n      (date: Date) => format(date, 'MMMM', { locale }),\n      [locale]\n    );\n    const resolvedFormatMonthLabel = formatMonthLabel ?? defaultFormatMonthLabel;\n\n    // Bounds the header dropdowns' navigation to the same window their own\n    // options list offers — without this, keyboard shortcuts (Shift+PageUp/\n    // PageDown) and a controlled `month` can move the grid past `fromYear`/\n    // `toYear` while the year dropdown still only lists that range.\n    const startMonth = React.useMemo(() => new Date(resolvedFromYear, 0, 1), [resolvedFromYear]);\n    const endMonth = React.useMemo(() => new Date(resolvedToYear, 11, 1), [resolvedToYear]);\n\n    const captionContext = React.useMemo<CalendarPanelCaptionContextValue>(\n      () => ({\n        monthLabel,\n        yearLabel,\n        fromYear: resolvedFromYear,\n        toYear: resolvedToYear,\n        formatMonthLabel: resolvedFormatMonthLabel,\n        endMonth,\n        numberOfMonths,\n      }),\n      [\n        monthLabel,\n        yearLabel,\n        resolvedFromYear,\n        resolvedToYear,\n        resolvedFormatMonthLabel,\n        endMonth,\n        numberOfMonths,\n      ]\n    );\n\n    // `selected`/`onSelect` are already guaranteed consistent with `variant` by\n    // the discriminated `CalendarPanelProps` union above — this is the one\n    // place that bridges to `DayPickerProps`'s own (differently-shaped)\n    // discriminated union.\n    const modeProps = buildModeProps(\n      variant,\n      selected,\n      onSelect as unknown as\n        | ((selected: CalendarPanelSelected, triggerDate: Date) => void)\n        | undefined,\n      min,\n      max\n    );\n\n    return (\n      <div\n        ref={ref}\n        dir={dir}\n        data-slot=\"calendar-panel\"\n        data-variant={variant}\n        className={cn(\n          'inline-flex w-fit flex-col overflow-hidden rounded-[var(--ui-calendar-container-border-radius)] border-[length:var(--ui-calendar-container-border-width)] border-[color:var(--ui-calendar-container-border-color)] bg-[var(--ui-calendar-container-color)] shadow-md [border-style:var(--ui-calendar-container-border-style)]',\n          className\n        )}\n        {...props}\n      >\n        <CalendarPanelCaptionContext.Provider value={captionContext}>\n          <DayPicker\n            {...modeProps}\n            dir={dir}\n            defaultMonth={defaultMonth}\n            month={month}\n            onMonthChange={onMonthChange}\n            disabled={disabled}\n            startMonth={startMonth}\n            endMonth={endMonth}\n            showOutsideDays={showOutsideDays}\n            weekStartsOn={resolvedWeekStartsOn}\n            locale={locale}\n            numberOfMonths={variant === 'range' ? 2 : 1}\n            // The design navigates months through the header dropdowns only —\n            // there are no prev/next chevrons.\n            hideNavigation\n            classNames={{\n              root: 'flex',\n              months: 'flex flex-row',\n              // The vertical rule between the two `range` months is the first\n              // column's inline-end border, so it mirrors under RTL.\n              // Width = 7 day columns + 2 sides of body padding, derived from tokens\n              // so it stays in sync if either is retokened.\n              month:\n                'flex w-[calc(var(--ui-calendar-item-width-min)*7+var(--ui-calendar-body-padding-x)*2)] flex-col border-e-[length:var(--ui-calendar-body-border-width)] border-[color:var(--ui-calendar-body-border-color)] last:border-e-0 [border-inline-end-style:var(--ui-calendar-body-border-style)]',\n              // `table-fixed` (rather than the default `auto`) is what makes the\n              // 32px-per-column contract above actually hold: under `auto`\n              // layout a single wide weekday abbreviation (e.g. some `ar`/`te`/\n              // `kn` locales) widens its whole column past the fixed 248px month\n              // width, which the panel's `overflow-hidden` then clips — silently\n              // dropping a day column instead of just the label.\n              month_grid:\n                'w-full table-fixed border-separate border-spacing-0 px-[var(--ui-calendar-body-padding-x)] py-[var(--ui-calendar-body-padding-y)]',\n              weekday:\n                'ui-calendar-value-text-style size-[var(--ui-calendar-item-width-min)] overflow-hidden whitespace-nowrap p-0 text-center font-normal text-[var(--ui-calendar-value-color-idle-secondary)]',\n              day: 'group/day size-[var(--ui-calendar-item-width-min)] p-0 text-center',\n              outside: '[&_button]:text-[var(--ui-calendar-value-color-disabled)]',\n              disabled: '[&_button]:text-[var(--ui-calendar-value-color-disabled)]',\n              hidden: 'invisible',\n            }}\n            components={{\n              MonthCaption: CalendarHeader,\n              DayButton: CalendarItem,\n            }}\n          />\n        </CalendarPanelCaptionContext.Provider>\n        {showFooter && (\n          <DialogFooterDefault>\n            <Button variant=\"secondary\" onClick={onCancel}>\n              {cancelLabel}\n            </Button>\n            <Button onClick={onApply}>{applyLabel}</Button>\n          </DialogFooterDefault>\n        )}\n      </div>\n    );\n  }\n);\nCalendarPanel.displayName = 'CalendarPanel';\n\nexport { CalendarPanel, CalendarItem, CalendarHeader };\n"],"mappings":"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"}