@viax.io/uxm 4.36.0

package/dist/ui/calendar/calendar.cjs

@@ -0,0 +1,416 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var calendar_exports = {};
+__export(calendar_exports, {
+  Calendar: () => Calendar
+});
+module.exports = __toCommonJS(calendar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_helpers = require("../../helpers/index.cjs");
+var import_calendar_grid = require("../../lib/calendar-grid.cjs");
+var import_icon = require("../icon/index.cjs");
+const MS_PER_DAY = 864e5;
+const YEARS_PER_BLOCK = 12;
+function startOfDay(d) {
+  return new Date(d.getFullYear(), d.getMonth(), d.getDate());
+}
+function sameDay(a, b) {
+  if (!a || !b) return false;
+  return startOfDay(a).getTime() === startOfDay(b).getTime();
+}
+function isStrictlyBetween(date, start, end) {
+  if (!start || !end) return false;
+  const t = startOfDay(date).getTime();
+  const lo = Math.min(startOfDay(start).getTime(), startOfDay(end).getTime());
+  const hi = Math.max(startOfDay(start).getTime(), startOfDay(end).getTime());
+  return t > lo && t < hi;
+}
+function getWeekdayLabels(locale, weekStartsOn) {
+  const fmt = new Intl.DateTimeFormat(locale, { weekday: "short" });
+  const anchor = new Date(2024, 0, 7);
+  const labels = [];
+  for (let i = 0; i < 7; i++) {
+    labels.push(fmt.format(new Date(anchor.getTime() + i * MS_PER_DAY)));
+  }
+  return weekStartsOn === 1 ? [...labels.slice(1), labels[0]] : labels;
+}
+function yearBlockStart(year) {
+  return Math.floor(year / YEARS_PER_BLOCK) * YEARS_PER_BLOCK;
+}
+function monthOverlapsSelection(year, monthIdx, value) {
+  if (!value.start) return false;
+  const monthFirstMs = new Date(year, monthIdx, 1).getTime();
+  const monthLastMs = new Date(year, monthIdx + 1, 0).getTime();
+  const sMs = startOfDay(value.start).getTime();
+  const eMs = value.end ? startOfDay(value.end).getTime() : sMs;
+  const lo = Math.min(sMs, eMs);
+  const hi = Math.max(sMs, eMs);
+  return monthFirstMs <= hi && monthLastMs >= lo;
+}
+function yearOverlapsSelection(year, value) {
+  if (!value.start) return false;
+  const sY = value.start.getFullYear();
+  const eY = value.end ? value.end.getFullYear() : sY;
+  const lo = Math.min(sY, eY);
+  const hi = Math.max(sY, eY);
+  return year >= lo && year <= hi;
+}
+const EMPTY_VALUE = { start: null, end: null };
+function defaultDayFocusIndex(cells, start, today, isCellDisabled) {
+  const startIndex = start ? cells.findIndex((c) => sameDay(c.date, start)) : -1;
+  if (startIndex >= 0 && !isCellDisabled(cells[startIndex].date)) return startIndex;
+  const todayIndex = cells.findIndex((c) => sameDay(c.date, today));
+  if (todayIndex >= 0 && !isCellDisabled(cells[todayIndex].date)) return todayIndex;
+  const firstEnabled = cells.findIndex((c) => !isCellDisabled(c.date));
+  return firstEnabled >= 0 ? firstEnabled : 0;
+}
+function Calendar({
+  month,
+  value,
+  today,
+  isDisabled,
+  weekStartsOn = 0,
+  locale = "en-US",
+  onChange,
+  onMonthChange,
+  shadow = true,
+  previousMonthLabel = "Previous",
+  nextMonthLabel = "Next",
+  drillUpLabel = "Drill up",
+  className,
+  ...rest
+}) {
+  const realToday = (0, import_react.useMemo)(() => today ?? /* @__PURE__ */ new Date(), [today]);
+  const [internalMonth, setInternalMonth] = (0, import_react.useState)(() => {
+    const seed = value?.start ?? value?.end ?? realToday;
+    return new Date(seed.getFullYear(), seed.getMonth(), 1);
+  });
+  const currentMonth = month ?? internalMonth;
+  const [view, setView] = (0, import_react.useState)("day");
+  const isControlled = value !== void 0;
+  const [internalValue, setInternalValue] = (0, import_react.useState)(EMPTY_VALUE);
+  const currentValue = isControlled ? value : internalValue;
+  const currentStart = currentValue.start;
+  const currentEnd = currentValue.end;
+  const [hoveredDate, setHoveredDate] = (0, import_react.useState)(null);
+  const inFlight = !!currentStart && !currentEnd;
+  const previewEnd = inFlight && hoveredDate ? hoveredDate : currentEnd;
+  const isRangeView = !!currentStart && !!previewEnd && !sameDay(currentStart, previewEnd);
+  const dayCells = (0, import_react.useMemo)(
+    () => (0, import_calendar_grid.computeMonthGrid)(currentMonth, weekStartsOn),
+    [currentMonth, weekStartsOn]
+  );
+  const isCellDisabled = (0, import_react.useCallback)((date) => isDisabled?.(date) ?? false, [isDisabled]);
+  const dayRefs = (0, import_react.useRef)([]);
+  const [focusedDayIndex, setFocusedDayIndex] = (0, import_react.useState)(
+    () => defaultDayFocusIndex(dayCells, currentStart, realToday, isCellDisabled)
+  );
+  const weekdays = (0, import_react.useMemo)(
+    () => getWeekdayLabels(locale, weekStartsOn),
+    [locale, weekStartsOn]
+  );
+  const titleLabel = (0, import_react.useMemo)(() => {
+    if (view === "day") {
+      return new Intl.DateTimeFormat(locale, { month: "long", year: "numeric" }).format(currentMonth);
+    }
+    if (view === "month") {
+      return String(currentMonth.getFullYear());
+    }
+    const start = yearBlockStart(currentMonth.getFullYear());
+    return `${start}\u2013${start + YEARS_PER_BLOCK - 1}`;
+  }, [view, currentMonth, locale]);
+  const monthShortNames = (0, import_react.useMemo)(() => {
+    const fmt = new Intl.DateTimeFormat(locale, { month: "short" });
+    return Array.from({ length: 12 }, (_, i) => fmt.format(new Date(2024, i, 1)));
+  }, [locale]);
+  const setMonth = (0, import_react.useCallback)(
+    (next) => {
+      if (month === void 0) setInternalMonth(next);
+      onMonthChange?.(next);
+      const nextCells = (0, import_calendar_grid.computeMonthGrid)(next, weekStartsOn);
+      setFocusedDayIndex(defaultDayFocusIndex(nextCells, currentStart, realToday, isCellDisabled));
+    },
+    [month, onMonthChange, weekStartsOn, currentStart, realToday, isCellDisabled]
+  );
+  const handleNav = (0, import_react.useCallback)(
+    (delta) => {
+      const m = currentMonth.getMonth();
+      const y = currentMonth.getFullYear();
+      let next;
+      if (view === "day") {
+        next = new Date(y, m + delta, 1);
+      } else if (view === "month") {
+        next = new Date(y + delta, m, 1);
+      } else {
+        next = new Date(y + delta * YEARS_PER_BLOCK, m, 1);
+      }
+      setMonth(next);
+    },
+    [view, currentMonth, setMonth]
+  );
+  const handleTitleClick = (0, import_react.useCallback)(() => {
+    if (view === "day") setView("month");
+    else if (view === "month") setView("year");
+  }, [view]);
+  const commit = (0, import_react.useCallback)(
+    (next) => {
+      if (!isControlled) setInternalValue(next);
+      onChange?.(next);
+    },
+    [isControlled, onChange]
+  );
+  const handleDayClick = (0, import_react.useCallback)(
+    (date, outside, disabled) => {
+      if (disabled) return;
+      if (outside) {
+        setMonth(new Date(date.getFullYear(), date.getMonth(), 1));
+      }
+      const startingNew = !currentStart || !!currentEnd;
+      if (startingNew) {
+        commit({ start: date, end: null });
+      } else {
+        const s = currentStart;
+        let finalStart = s;
+        let finalEnd = date;
+        if (startOfDay(date).getTime() < startOfDay(s).getTime()) {
+          finalStart = date;
+          finalEnd = s;
+        }
+        commit({ start: finalStart, end: finalEnd });
+      }
+      setHoveredDate(null);
+    },
+    [currentStart, currentEnd, commit, setMonth]
+  );
+  const handleMonthClick = (0, import_react.useCallback)(
+    (monthIdx) => {
+      setMonth(new Date(currentMonth.getFullYear(), monthIdx, 1));
+      setView("day");
+    },
+    [currentMonth, setMonth]
+  );
+  const handleYearClick = (0, import_react.useCallback)(
+    (year) => {
+      setMonth(new Date(year, currentMonth.getMonth(), 1));
+      setView("month");
+    },
+    [currentMonth, setMonth]
+  );
+  const handleMouseEnter = (0, import_react.useCallback)(
+    (date, disabled) => {
+      if (disabled) return;
+      if (inFlight) setHoveredDate(date);
+    },
+    [inFlight]
+  );
+  const handleMouseLeave = (0, import_react.useCallback)((date) => {
+    setHoveredDate((prev) => sameDay(prev, date) ? null : prev);
+  }, []);
+  const handleDayKeyDown = (0, import_react.useCallback)(
+    (e, i) => {
+      const rowStart = i - i % 7;
+      let step = 0;
+      let bound = null;
+      switch (e.key) {
+        case "ArrowLeft":
+          step = -1;
+          break;
+        case "ArrowRight":
+          step = 1;
+          break;
+        case "ArrowUp":
+          step = -7;
+          break;
+        case "ArrowDown":
+          step = 7;
+          break;
+        case "Home":
+          step = -1;
+          bound = rowStart;
+          break;
+        case "End":
+          step = 1;
+          bound = rowStart + 6;
+          break;
+        default:
+          return;
+      }
+      e.preventDefault();
+      let next = bound ?? i + step;
+      while (next >= 0 && next < dayCells.length && isCellDisabled(dayCells[next].date)) {
+        next += step;
+      }
+      if (next < 0 || next >= dayCells.length) return;
+      setFocusedDayIndex(next);
+      dayRefs.current[next]?.focus();
+    },
+    [dayCells, isCellDisabled]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_helpers.cn)("uxm-calendar", `uxm-calendar--view-${view}`, shadow && "uxm-calendar--shadow", className), ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "uxm-calendar__header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "uxm-calendar__nav",
+          onClick: () => handleNav(-1),
+          "aria-label": previousMonthLabel,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { glyph: "chevron-left", size: 16 })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "uxm-calendar__title",
+          onClick: handleTitleClick,
+          disabled: view === "year",
+          "aria-label": view === "year" ? void 0 : drillUpLabel,
+          children: titleLabel
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "uxm-calendar__nav",
+          onClick: () => handleNav(1),
+          "aria-label": nextMonthLabel,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { glyph: "chevron-right", size: 16 })
+        }
+      )
+    ] }),
+    view === "day" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "uxm-calendar__weekdays", "aria-hidden": "true", children: weekdays.map((w) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "uxm-calendar__weekday", children: w }, w)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "uxm-calendar__grid", role: "grid", children: Array.from({ length: dayCells.length / 7 }, (_, week) => (
+        // `display: contents` (see calendar.scss) keeps these cells as
+        // direct participants in the parent's CSS grid while giving
+        // each week its own `role="row"` — the ARIA grid pattern
+        // requires gridcells to be grouped into rows.
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { role: "row", className: "uxm-calendar__grid-row", children: dayCells.slice(week * 7, week * 7 + 7).map(({ date, outside }, col) => {
+          const i = week * 7 + col;
+          const isToday = sameDay(date, realToday);
+          const isStart = sameDay(date, currentStart);
+          const isEnd = !!previewEnd && sameDay(date, previewEnd);
+          const isSelected = !isRangeView && isStart;
+          const isRangeStart = isRangeView && isStart;
+          const isRangeEnd = isRangeView && isEnd;
+          const isInRange = isStrictlyBetween(date, currentStart, previewEnd);
+          const disabled = isDisabled?.(date) ?? false;
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "button",
+            {
+              ref: (el) => {
+                dayRefs.current[i] = el;
+              },
+              type: "button",
+              role: "gridcell",
+              disabled,
+              tabIndex: i === focusedDayIndex ? 0 : -1,
+              onClick: () => {
+                handleDayClick(date, outside, disabled);
+                if (!disabled && !outside) setFocusedDayIndex(i);
+              },
+              onKeyDown: (e) => handleDayKeyDown(e, i),
+              onMouseEnter: () => handleMouseEnter(date, disabled),
+              onMouseLeave: () => handleMouseLeave(date),
+              className: (0, import_helpers.cn)(
+                "uxm-calendar__day",
+                outside && "uxm-calendar__day--outside",
+                isToday && "uxm-calendar__day--today",
+                isSelected && "uxm-calendar__day--selected",
+                isRangeStart && "uxm-calendar__day--range-start",
+                isRangeEnd && "uxm-calendar__day--range-end",
+                isInRange && "uxm-calendar__day--in-range",
+                disabled && "uxm-calendar__day--disabled"
+              ),
+              "aria-selected": isSelected || isRangeStart || isRangeEnd || void 0,
+              "aria-current": isToday ? "date" : void 0,
+              children: date.getDate()
+            },
+            i
+          );
+        }) }, week)
+      )) })
+    ] }),
+    view === "month" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "uxm-calendar__months", role: "grid", children: monthShortNames.map((name, i) => {
+      const year = currentMonth.getFullYear();
+      const isCurrent = realToday.getFullYear() === year && realToday.getMonth() === i;
+      const isSelected = monthOverlapsSelection(year, i, currentValue);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          type: "button",
+          role: "gridcell",
+          onClick: () => handleMonthClick(i),
+          className: (0, import_helpers.cn)(
+            "uxm-calendar__month",
+            isCurrent && "uxm-calendar__month--today",
+            isSelected && "uxm-calendar__month--selected"
+          ),
+          "aria-selected": isSelected || void 0,
+          "aria-current": isCurrent ? "true" : void 0,
+          children: name
+        },
+        i
+      );
+    }) }),
+    view === "year" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "uxm-calendar__years", role: "grid", children: Array.from({ length: YEARS_PER_BLOCK }, (_, i) => {
+      const year = yearBlockStart(currentMonth.getFullYear()) + i;
+      const isCurrent = realToday.getFullYear() === year;
+      const isSelected = yearOverlapsSelection(year, currentValue);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          type: "button",
+          role: "gridcell",
+          onClick: () => handleYearClick(year),
+          className: (0, import_helpers.cn)(
+            "uxm-calendar__year",
+            isCurrent && "uxm-calendar__year--today",
+            isSelected && "uxm-calendar__year--selected"
+          ),
+          "aria-selected": isSelected || void 0,
+          "aria-current": isCurrent ? "true" : void 0,
+          children: year
+        },
+        year
+      );
+    }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "uxm-calendar__footer", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        type: "button",
+        className: "uxm-calendar__today-button",
+        disabled: isDisabled?.(realToday),
+        onClick: () => {
+          setView("day");
+          setMonth(new Date(realToday.getFullYear(), realToday.getMonth(), 1));
+        },
+        children: "Today"
+      }
+    ) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Calendar
+});
+//# sourceMappingURL=calendar.cjs.map

package/dist/ui/calendar/calendar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/calendar/calendar.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from 'react';\n\nimport { cn } from '@/helpers';\n\nimport { computeMonthGrid, type WeekStart } from '../../lib/calendar-grid';\nimport { Icon } from '../icon';\n\nimport type { HTMLAttributes, KeyboardEvent } from 'react';\n\nexport interface CalendarValue {\n  start: Date | null;\n  end: Date | null;\n}\n\ntype CalendarView = 'day' | 'month' | 'year';\n\nexport interface CalendarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /** Currently-displayed month. Controlled. If omitted, atom owns it (initialized to the selected value's month, else today's). */\n  month?: Date;\n  /** Selection value. Controlled when passed. `{ start, end: null }` for a single date; `{ start, end }` for a range. */\n  value?: CalendarValue;\n  /** Override for \"today\". Defaults to real current date. */\n  today?: Date;\n  /** Predicate for disabled days. Disabled cells ignore clicks. */\n  isDisabled?: (date: Date) => boolean;\n  /** 0 = Sunday (US), 1 = Monday. */\n  weekStartsOn?: WeekStart;\n  /** Locale for month label and weekday names. */\n  locale?: string;\n  /** Fires after every click. `end` is null after the first click of a new range, set after the second. */\n  onChange?: (value: CalendarValue) => void;\n  /** Month navigation callback (prev/next buttons, outside-month-cell click, or drilling via month/year views). */\n  onMonthChange?: (next: Date) => void;\n  /** Drop a soft elevation shadow (the floating-surface look). Default true — pass `false` for a flat, inline / embedded calendar. */\n  shadow?: boolean;\n  /** Accessible name for the previous-month button. Default `\"Previous\"`. */\n  previousMonthLabel?: string;\n  /** Accessible name for the next-month button. Default `\"Next\"`. */\n  nextMonthLabel?: string;\n  /** Accessible name for the month/year drill-up button. Default `\"Drill up\"`. */\n  drillUpLabel?: string;\n}\n\nconst MS_PER_DAY = 86_400_000;\nconst YEARS_PER_BLOCK = 12;\n\nfunction startOfDay(d: Date): Date {\n  return new Date(d.getFullYear(), d.getMonth(), d.getDate());\n}\nfunction sameDay(a: Date | null | undefined, b: Date | null | undefined): boolean {\n  if (!a || !b) return false;\n  return startOfDay(a).getTime() === startOfDay(b).getTime();\n}\nfunction isStrictlyBetween(date: Date, start: Date | null | undefined, end: Date | null | undefined): boolean {\n  if (!start || !end) return false;\n  const t = startOfDay(date).getTime();\n  const lo = Math.min(startOfDay(start).getTime(), startOfDay(end).getTime());\n  const hi = Math.max(startOfDay(start).getTime(), startOfDay(end).getTime());\n  return t > lo && t < hi;\n}\n\nfunction getWeekdayLabels(locale: string, weekStartsOn: WeekStart): string[] {\n  const fmt = new Intl.DateTimeFormat(locale, { weekday: 'short' });\n  // 2024-01-07 is a known Sunday — stable anchor for the formatter.\n  const anchor = new Date(2024, 0, 7);\n  const labels: string[] = [];\n  for (let i = 0; i < 7; i++) {\n    labels.push(fmt.format(new Date(anchor.getTime() + i * MS_PER_DAY)));\n  }\n  return weekStartsOn === 1 ? [...labels.slice(1), labels[0]] : labels;\n}\n\n/**\n * Year-block start for the year view. 12-year blocks aligned to multiples of\n * `YEARS_PER_BLOCK` (e.g. 2024 → 2016–2027). Block alignment is the iOS pattern;\n * picking any other anchor (decades, etc.) is equally valid — this just keeps\n * navigation predictable.\n */\nfunction yearBlockStart(year: number): number {\n  return Math.floor(year / YEARS_PER_BLOCK) * YEARS_PER_BLOCK;\n}\n\n/** True if any day of `year-month` overlaps the inclusive selection range. */\nfunction monthOverlapsSelection(year: number, monthIdx: number, value: CalendarValue): boolean {\n  if (!value.start) return false;\n  const monthFirstMs = new Date(year, monthIdx, 1).getTime();\n  const monthLastMs = new Date(year, monthIdx + 1, 0).getTime();\n  const sMs = startOfDay(value.start).getTime();\n  const eMs = value.end ? startOfDay(value.end).getTime() : sMs;\n  const lo = Math.min(sMs, eMs);\n  const hi = Math.max(sMs, eMs);\n  return monthFirstMs <= hi && monthLastMs >= lo;\n}\n\n/** True if `year` falls within the inclusive selection range's year span. */\nfunction yearOverlapsSelection(year: number, value: CalendarValue): boolean {\n  if (!value.start) return false;\n  const sY = value.start.getFullYear();\n  const eY = value.end ? value.end.getFullYear() : sY;\n  const lo = Math.min(sY, eY);\n  const hi = Math.max(sY, eY);\n  return year >= lo && year <= hi;\n}\n\nconst EMPTY_VALUE: CalendarValue = { start: null, end: null };\n\n/**\n * Default roving-tabindex target for the day grid: the selected day if\n * it's in the visible grid and enabled, else today if visible and\n * enabled, else the first enabled cell, else 0. Keeps the grid reachable\n * via Tab even when the \"obvious\" cell happens to be disabled.\n */\nfunction defaultDayFocusIndex(\n  cells: { date: Date; outside: boolean }[],\n  start: Date | null,\n  today: Date,\n  isCellDisabled: (date: Date) => boolean,\n): number {\n  const startIndex = start ? cells.findIndex((c) => sameDay(c.date, start)) : -1;\n  if (startIndex >= 0 && !isCellDisabled(cells[startIndex].date)) return startIndex;\n  const todayIndex = cells.findIndex((c) => sameDay(c.date, today));\n  if (todayIndex >= 0 && !isCellDisabled(cells[todayIndex].date)) return todayIndex;\n  const firstEnabled = cells.findIndex((c) => !isCellDisabled(c.date));\n  return firstEnabled >= 0 ? firstEnabled : 0;\n}\n\nexport function Calendar({\n  month,\n  value,\n  today,\n  isDisabled,\n  weekStartsOn = 0,\n  locale = 'en-US',\n  onChange,\n  onMonthChange,\n  shadow = true,\n  previousMonthLabel = 'Previous',\n  nextMonthLabel = 'Next',\n  drillUpLabel = 'Drill up',\n  className,\n  ...rest\n}: CalendarProps) {\n  const realToday = useMemo(() => today ?? new Date(), [today]);\n\n  // Month state — controlled when `month` prop is provided. When uncontrolled,\n  // seed from the current selection so opening on an existing date lands on\n  // that date's month, not today's. The popover consumers mount the calendar\n  // fresh per open, so this initial `value` is the selected date; nav then\n  // owns `internalMonth`. Falls back to today's month when nothing's selected.\n  const [internalMonth, setInternalMonth] = useState<Date>(() => {\n    // `end` covers the range-input edge case where only the closing half is\n    // seeded (`{ start: null, end }`); today is the last resort.\n    const seed = value?.start ?? value?.end ?? realToday;\n    return new Date(seed.getFullYear(), seed.getMonth(), 1);\n  });\n  const currentMonth = month ?? internalMonth;\n\n  // View state — pure UI state, never controlled. Day view by default. Header\n  // click drills up (day → month → year). Cell click drills back down.\n  const [view, setView] = useState<CalendarView>('day');\n\n  // Unified selection model — atom infers single vs range from click sequence.\n  const isControlled = value !== undefined;\n  const [internalValue, setInternalValue] = useState<CalendarValue>(EMPTY_VALUE);\n  const currentValue = isControlled ? value : internalValue;\n  const currentStart = currentValue.start;\n  const currentEnd = currentValue.end;\n\n  // Hover preview — only meaningful in the in-flight window in day view.\n  const [hoveredDate, setHoveredDate] = useState<Date | null>(null);\n  const inFlight = !!currentStart && !currentEnd;\n  const previewEnd = inFlight && hoveredDate ? hoveredDate : currentEnd;\n  const isRangeView = !!currentStart && !!previewEnd && !sameDay(currentStart, previewEnd);\n\n  const dayCells = useMemo(\n    () => computeMonthGrid(currentMonth, weekStartsOn),\n    [currentMonth, weekStartsOn],\n  );\n\n  const isCellDisabled = useCallback((date: Date) => isDisabled?.(date) ?? false, [isDisabled]);\n\n  // Roving tabindex across the day grid (ARIA grid pattern): only one cell\n  // is a Tab stop at a time; arrow keys move it. `dayRefs` lets the arrow\n  // handler call `.focus()` on the target cell after moving the index.\n  const dayRefs = useRef<Array<HTMLButtonElement | null>>([]);\n  const [focusedDayIndex, setFocusedDayIndex] = useState<number>(() =>\n    defaultDayFocusIndex(dayCells, currentStart, realToday, isCellDisabled),\n  );\n\n  const weekdays = useMemo(\n    () => getWeekdayLabels(locale, weekStartsOn),\n    [locale, weekStartsOn],\n  );\n\n  // Header label — depends on the active view.\n  const titleLabel = useMemo(() => {\n    if (view === 'day') {\n      return new Intl.DateTimeFormat(locale, { month: 'long', year: 'numeric' }).format(currentMonth);\n    }\n    if (view === 'month') {\n      return String(currentMonth.getFullYear());\n    }\n    const start = yearBlockStart(currentMonth.getFullYear());\n    return `${start}–${start + YEARS_PER_BLOCK - 1}`;\n  }, [view, currentMonth, locale]);\n\n  // Month-view labels — short month names from the locale formatter.\n  const monthShortNames = useMemo(() => {\n    const fmt = new Intl.DateTimeFormat(locale, { month: 'short' });\n    return Array.from({ length: 12 }, (_, i) => fmt.format(new Date(2024, i, 1)));\n  }, [locale]);\n\n  const setMonth = useCallback(\n    (next: Date) => {\n      if (month === undefined) setInternalMonth(next);\n      onMonthChange?.(next);\n      // Re-target the day grid's roving tab stop for the month we're\n      // navigating to — the previous index otherwise points at an\n      // unrelated cell (or none) in the new grid.\n      const nextCells = computeMonthGrid(next, weekStartsOn);\n      setFocusedDayIndex(defaultDayFocusIndex(nextCells, currentStart, realToday, isCellDisabled));\n    },\n    [month, onMonthChange, weekStartsOn, currentStart, realToday, isCellDisabled],\n  );\n\n  // Prev/next nav stepping is view-aware: day → ±1 month, month → ±1 year,\n  // year → ±12 years (one block).\n  const handleNav = useCallback(\n    (delta: number) => {\n      const m = currentMonth.getMonth();\n      const y = currentMonth.getFullYear();\n      let next: Date;\n      if (view === 'day') {\n        next = new Date(y, m + delta, 1);\n      } else if (view === 'month') {\n        next = new Date(y + delta, m, 1);\n      } else {\n        next = new Date(y + delta * YEARS_PER_BLOCK, m, 1);\n      }\n      setMonth(next);\n    },\n    [view, currentMonth, setMonth],\n  );\n\n  // Header click drills up. Year view has nowhere further to go.\n  const handleTitleClick = useCallback(() => {\n    if (view === 'day') setView('month');\n    else if (view === 'month') setView('year');\n  }, [view]);\n\n  const commit = useCallback(\n    (next: CalendarValue) => {\n      if (!isControlled) setInternalValue(next);\n      onChange?.(next);\n    },\n    [isControlled, onChange],\n  );\n\n  // Day-cell click — the unified single/range click logic.\n  const handleDayClick = useCallback(\n    (date: Date, outside: boolean, disabled: boolean) => {\n      if (disabled) return;\n      if (outside) {\n        setMonth(new Date(date.getFullYear(), date.getMonth(), 1));\n      }\n      const startingNew = !currentStart || !!currentEnd;\n      if (startingNew) {\n        commit({ start: date, end: null });\n      } else {\n        const s = currentStart!;\n        let finalStart = s;\n        let finalEnd = date;\n        if (startOfDay(date).getTime() < startOfDay(s).getTime()) {\n          finalStart = date;\n          finalEnd = s;\n        }\n        commit({ start: finalStart, end: finalEnd });\n      }\n      setHoveredDate(null);\n    },\n    [currentStart, currentEnd, commit, setMonth],\n  );\n\n  // Month-view click drills back to day view for the clicked month.\n  const handleMonthClick = useCallback(\n    (monthIdx: number) => {\n      setMonth(new Date(currentMonth.getFullYear(), monthIdx, 1));\n      setView('day');\n    },\n    [currentMonth, setMonth],\n  );\n\n  // Year-view click drills to month view for the clicked year, preserving\n  // the previously-active month-of-year so the user doesn't lose context.\n  const handleYearClick = useCallback(\n    (year: number) => {\n      setMonth(new Date(year, currentMonth.getMonth(), 1));\n      setView('month');\n    },\n    [currentMonth, setMonth],\n  );\n\n  const handleMouseEnter = useCallback(\n    (date: Date, disabled: boolean) => {\n      if (disabled) return;\n      if (inFlight) setHoveredDate(date);\n    },\n    [inFlight],\n  );\n\n  const handleMouseLeave = useCallback((date: Date) => {\n    setHoveredDate((prev) => (sameDay(prev, date) ? null : prev));\n  }, []);\n\n  // ARIA grid keyboard navigation for the day view: ArrowLeft/Right move a\n  // day, ArrowUp/Down move a week, Home/End jump to the start/end of the\n  // current week row. Stays within the visible 6×7 grid (doesn't cross\n  // into the previous/next month) — disabled cells are skipped so arrow\n  // navigation never lands on (and gets stuck at) an inert cell.\n  const handleDayKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLButtonElement>, i: number) => {\n      const rowStart = i - (i % 7);\n      let step = 0;\n      let bound: number | null = null;\n      switch (e.key) {\n        case 'ArrowLeft':\n          step = -1;\n          break;\n        case 'ArrowRight':\n          step = 1;\n          break;\n        case 'ArrowUp':\n          step = -7;\n          break;\n        case 'ArrowDown':\n          step = 7;\n          break;\n        case 'Home':\n          step = -1;\n          bound = rowStart;\n          break;\n        case 'End':\n          step = 1;\n          bound = rowStart + 6;\n          break;\n        default:\n          return;\n      }\n      e.preventDefault();\n      let next = bound ?? i + step;\n      while (\n        next >= 0 &&\n        next < dayCells.length &&\n        isCellDisabled(dayCells[next].date)\n      ) {\n        next += step;\n      }\n      if (next < 0 || next >= dayCells.length) return;\n      setFocusedDayIndex(next);\n      dayRefs.current[next]?.focus();\n    },\n    [dayCells, isCellDisabled],\n  );\n\n  return (\n    <div className={cn('uxm-calendar', `uxm-calendar--view-${view}`, shadow && 'uxm-calendar--shadow', className)} {...rest}>\n      <div className=\"uxm-calendar__header\">\n        <button\n          type=\"button\"\n          className=\"uxm-calendar__nav\"\n          onClick={() => handleNav(-1)}\n          aria-label={previousMonthLabel}\n        >\n          <Icon glyph=\"chevron-left\" size={16} />\n        </button>\n        <button\n          type=\"button\"\n          className=\"uxm-calendar__title\"\n          onClick={handleTitleClick}\n          disabled={view === 'year'}\n          aria-label={view === 'year' ? undefined : drillUpLabel}\n        >\n          {titleLabel}\n        </button>\n        <button\n          type=\"button\"\n          className=\"uxm-calendar__nav\"\n          onClick={() => handleNav(1)}\n          aria-label={nextMonthLabel}\n        >\n          <Icon glyph=\"chevron-right\" size={16} />\n        </button>\n      </div>\n\n      {view === 'day' && (\n        <>\n          <div className=\"uxm-calendar__weekdays\" aria-hidden=\"true\">\n            {weekdays.map((w) => (\n              <div key={w} className=\"uxm-calendar__weekday\">{w}</div>\n            ))}\n          </div>\n          <div className=\"uxm-calendar__grid\" role=\"grid\">\n            {Array.from({ length: dayCells.length / 7 }, (_, week) => (\n              // `display: contents` (see calendar.scss) keeps these cells as\n              // direct participants in the parent's CSS grid while giving\n              // each week its own `role=\"row\"` — the ARIA grid pattern\n              // requires gridcells to be grouped into rows.\n              <div key={week} role=\"row\" className=\"uxm-calendar__grid-row\">\n                {dayCells.slice(week * 7, week * 7 + 7).map(({ date, outside }, col) => {\n                  const i = week * 7 + col;\n                  const isToday = sameDay(date, realToday);\n                  const isStart = sameDay(date, currentStart);\n                  const isEnd = !!previewEnd && sameDay(date, previewEnd);\n                  const isSelected = !isRangeView && isStart;\n                  const isRangeStart = isRangeView && isStart;\n                  const isRangeEnd = isRangeView && isEnd;\n                  const isInRange = isStrictlyBetween(date, currentStart, previewEnd);\n                  const disabled = isDisabled?.(date) ?? false;\n                  return (\n                    <button\n                      key={i}\n                      ref={(el) => {\n                        dayRefs.current[i] = el;\n                      }}\n                      type=\"button\"\n                      role=\"gridcell\"\n                      disabled={disabled}\n                      tabIndex={i === focusedDayIndex ? 0 : -1}\n                      onClick={() => {\n                        handleDayClick(date, outside, disabled);\n                        if (!disabled && !outside) setFocusedDayIndex(i);\n                      }}\n                      onKeyDown={(e) => handleDayKeyDown(e, i)}\n                      onMouseEnter={() => handleMouseEnter(date, disabled)}\n                      onMouseLeave={() => handleMouseLeave(date)}\n                      className={cn(\n                        'uxm-calendar__day',\n                        outside && 'uxm-calendar__day--outside',\n                        isToday && 'uxm-calendar__day--today',\n                        isSelected && 'uxm-calendar__day--selected',\n                        isRangeStart && 'uxm-calendar__day--range-start',\n                        isRangeEnd && 'uxm-calendar__day--range-end',\n                        isInRange && 'uxm-calendar__day--in-range',\n                        disabled && 'uxm-calendar__day--disabled',\n                      )}\n                      aria-selected={isSelected || isRangeStart || isRangeEnd || undefined}\n                      aria-current={isToday ? 'date' : undefined}\n                    >\n                      {date.getDate()}\n                    </button>\n                  );\n                })}\n              </div>\n            ))}\n          </div>\n        </>\n      )}\n\n      {view === 'month' && (\n        <div className=\"uxm-calendar__months\" role=\"grid\">\n          {monthShortNames.map((name, i) => {\n            const year = currentMonth.getFullYear();\n            const isCurrent = realToday.getFullYear() === year && realToday.getMonth() === i;\n            const isSelected = monthOverlapsSelection(year, i, currentValue);\n            return (\n              <button\n                key={i}\n                type=\"button\"\n                role=\"gridcell\"\n                onClick={() => handleMonthClick(i)}\n                className={cn(\n                  'uxm-calendar__month',\n                  isCurrent && 'uxm-calendar__month--today',\n                  isSelected && 'uxm-calendar__month--selected',\n                )}\n                aria-selected={isSelected || undefined}\n                aria-current={isCurrent ? 'true' : undefined}\n              >\n                {name}\n              </button>\n            );\n          })}\n        </div>\n      )}\n\n      {view === 'year' && (\n        <div className=\"uxm-calendar__years\" role=\"grid\">\n          {Array.from({ length: YEARS_PER_BLOCK }, (_, i) => {\n            const year = yearBlockStart(currentMonth.getFullYear()) + i;\n            const isCurrent = realToday.getFullYear() === year;\n            const isSelected = yearOverlapsSelection(year, currentValue);\n            return (\n              <button\n                key={year}\n                type=\"button\"\n                role=\"gridcell\"\n                onClick={() => handleYearClick(year)}\n                className={cn(\n                  'uxm-calendar__year',\n                  isCurrent && 'uxm-calendar__year--today',\n                  isSelected && 'uxm-calendar__year--selected',\n                )}\n                aria-selected={isSelected || undefined}\n                aria-current={isCurrent ? 'true' : undefined}\n              >\n                {year}\n              </button>\n            );\n          })}\n        </div>\n      )}\n\n      {/* \"Today\" — jumps the view back to the current month in day view so\n          the user can find today after navigating away. Deliberately does\n          NOT select today (returning to a date ≠ committing it); the day\n          cell is one click away. */}\n      <div className=\"uxm-calendar__footer\">\n        <button\n          type=\"button\"\n          className=\"uxm-calendar__today-button\"\n          disabled={isDisabled?.(realToday)}\n          onClick={() => {\n            setView('day');\n            setMonth(new Date(realToday.getFullYear(), realToday.getMonth(), 1));\n          }}\n        >\n          Today\n        </button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}