@dxos/react-ui-calendar 0.8.4-main.fcfe5033a5 → 0.8.4-staging.60fe92afc8

package/dist/lib/node-esm/index.mjs

@@ -2,27 +2,18 @@ import { createRequire } from 'node:module';const require = createRequire(import
 
 // src/components/Calendar/Calendar.tsx
 import { createContext } from "@radix-ui/react-context";
-import { addDays, differenceInWeeks, format, startOfDay, startOfWeek } from "date-fns";
+import { addDays, format, startOfDay, startOfWeek } from "date-fns";
 import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { useResizeDetector } from "react-resize-detector";
 import { List } from "react-virtualized";
 import { Event } from "@dxos/async";
 import { IconButton, useTranslation } from "@dxos/react-ui";
-import { composable, composableProps, mx } from "@dxos/ui-theme";
-
-// src/translations.ts
-var translationKey = "@dxos/react-ui-calendar";
-var translations = [
-  {
-    "en-US": {
-      [translationKey]: {
-        "today.button": "Today"
-      }
-    }
-  }
-];
+import { composable, composableProps } from "@dxos/react-ui";
+import { mx } from "@dxos/ui-theme";
+import { translationKey } from "#translations";
 
 // src/components/Calendar/util.ts
+import { differenceInCalendarDays } from "date-fns";
 var getDate = (start2, weekNumber, dayOfWeek, weekStartsOn) => {
   const result = new Date(start2);
   const startDayOfWeek = start2.getDay();
@@ -30,6 +21,13 @@ var getDate = (start2, weekNumber, dayOfWeek, weekStartsOn) => {
   result.setDate(start2.getDate() - adjustedStartDay + weekNumber * 7 + dayOfWeek);
   return result;
 };
+var getRowIndex = (start2, date, weekStartsOn) => {
+  const startDayOfWeek = start2.getDay();
+  const adjustedStartDay = (startDayOfWeek === 0 ? 7 : startDayOfWeek) - weekStartsOn;
+  const row0Start = new Date(start2);
+  row0Start.setDate(start2.getDate() - adjustedStartDay);
+  return Math.floor(differenceInCalendarDays(date, row0Start) / 7);
+};
 var isSameDay = (date1, date2) => {
   return !!date2 && date1.getFullYear() === date2.getFullYear() && date1.getMonth() === date2.getMonth() && date1.getDate() === date2.getDate();
 };
@@ -37,13 +35,46 @@ var isSameDay = (date1, date2) => {
 // src/components/Calendar/Calendar.tsx
 var maxRows = 50 * 100;
 var start = /* @__PURE__ */ new Date("1970-01-01");
-var size = 48;
+var size = 40;
 var defaultWidth = 7 * size;
+var EDGE_SCROLL_ZONE = 32;
+var EDGE_SCROLL_MAX_SPEED = 12;
+var makeRange = (a, b) => {
+  const dayA = startOfDay(a);
+  const dayB = startOfDay(b);
+  return dayA <= dayB ? {
+    from: dayA,
+    to: dayB
+  } : {
+    from: dayB,
+    to: dayA
+  };
+};
+var isInRange = (date, range) => {
+  if (!range) {
+    return false;
+  }
+  const day = startOfDay(date).getTime();
+  return day >= range.from.getTime() && day <= range.to.getTime();
+};
+var cellDate = (el) => {
+  let current = el;
+  while (current && current !== document.body) {
+    const iso = current.getAttribute?.("data-date");
+    if (iso) {
+      return new Date(iso);
+    }
+    current = current.parentElement;
+  }
+  return void 0;
+};
 var [CalendarContextProvider, useCalendarContext] = createContext("Calendar");
 var CalendarRoot = /* @__PURE__ */ forwardRef(({ children, weekStartsOn = 1 }, forwardedRef) => {
   const event = useMemo(() => new Event(), []);
   const [selected, setSelected] = useState();
   const [index, setIndex] = useState();
+  const [range, setRange] = useState();
+  const [pendingRange, setPendingRange] = useState();
   useImperativeHandle(forwardedRef, () => ({
     scrollTo: (date) => {
       event.emit({
@@ -60,7 +91,11 @@ var CalendarRoot = /* @__PURE__ */ forwardRef(({ children, weekStartsOn = 1 }, f
     index,
     setIndex,
     selected,
-    setSelected
+    setSelected,
+    range,
+    setRange,
+    pendingRange,
+    setPendingRange
   }, children);
 });
 var CALENDAR_TOOLBAR_NAME = "CalendarHeader";
@@ -111,11 +146,12 @@ var CalendarToolbar = composable(({ classNames, ...props }, forwardedRef) => {
 });
 CalendarToolbar.displayName = CALENDAR_TOOLBAR_NAME;
 var CALENDAR_GRID_NAME = "CalendarGrid";
-var CalendarGrid = composable(({ classNames, rows, dates = [], onSelect, ...props }, forwardedRef) => {
-  const { weekStartsOn, event, setIndex, selected, setSelected } = useCalendarContext(CALENDAR_GRID_NAME);
+var CalendarGrid = composable(({ classNames, rows, dates = [], initialDate, onSelect, onSelectRange, ...props }, forwardedRef) => {
+  const { weekStartsOn, event, setIndex, selected, setSelected, range, setRange, pendingRange, setPendingRange } = useCalendarContext(CALENDAR_GRID_NAME);
   const { ref: containerRef, width = 0, height = 0 } = useResizeDetector();
   const maxHeight = rows ? rows * size : void 0;
   const listRef = useRef(null);
+  const gridRef = useRef(null);
   const today = useMemo(() => /* @__PURE__ */ new Date(), []);
   const dateSet = useMemo(() => new Set(dates.map((date) => startOfDay(date).toISOString())), [
     dates
@@ -125,18 +161,20 @@ var CalendarGrid = composable(({ classNames, rows, dates = [], onSelect, ...prop
   ]);
   const [initialized, setInitialized] = useState(false);
   useEffect(() => {
-    const index = differenceInWeeks(today, start);
+    const index = getRowIndex(start, initialDate ?? today, weekStartsOn);
     listRef.current?.scrollToRow(index);
   }, [
     initialized,
     start,
-    today
+    today,
+    initialDate,
+    weekStartsOn
   ]);
   useEffect(() => {
     return event.on((event2) => {
       switch (event2.type) {
         case "scroll": {
-          const index = differenceInWeeks(event2.date, start);
+          const index = getRowIndex(start, event2.date, weekStartsOn);
           listRef.current?.scrollToRow(index);
           break;
         }
@@ -156,26 +194,274 @@ var CalendarGrid = composable(({ classNames, rows, dates = [], onSelect, ...prop
       return format(day, "EEE");
     });
   }, []);
-  const handleDaySelect = useCallback((date) => {
-    setSelected((current) => isSameDay(date, current) ? void 0 : date);
-    onSelect?.({
-      date
+  const anchorRef = useRef(void 0);
+  const focusRef = useRef(void 0);
+  const draggingRef = useRef(false);
+  const pointerXRef = useRef(0);
+  const pointerYRef = useRef(0);
+  const scrollTopRef = useRef(0);
+  const scrollRafRef = useRef(void 0);
+  const scrollIntoView = useCallback((date) => {
+    const targetRow = getRowIndex(start, date, weekStartsOn);
+    const visibleHeight = maxHeight ?? height;
+    if (!visibleHeight) {
+      return;
+    }
+    const firstFullyVisibleRow = Math.ceil(scrollTopRef.current / size);
+    const lastFullyVisibleRow = Math.floor((scrollTopRef.current + visibleHeight) / size) - 1;
+    if (targetRow < firstFullyVisibleRow) {
+      listRef.current?.scrollToPosition(targetRow * size);
+    } else if (targetRow > lastFullyVisibleRow) {
+      listRef.current?.scrollToPosition(Math.max(0, (targetRow + 1) * size - visibleHeight));
+    }
+  }, [
+    height,
+    maxHeight,
+    weekStartsOn
+  ]);
+  const updateRangeFromAnchor = useCallback((focus, fireRange = false) => {
+    const anchor = anchorRef.current;
+    if (!anchor) {
+      return;
+    }
+    focusRef.current = focus;
+    if (isSameDay(anchor, focus)) {
+      setRange(void 0);
+      setSelected(anchor);
+    } else {
+      setSelected(void 0);
+      const committed = makeRange(anchor, focus);
+      setRange(committed);
+      if (fireRange) {
+        onSelectRange?.({
+          range: committed
+        });
+      }
+    }
+  }, [
+    onSelectRange,
+    setRange,
+    setSelected
+  ]);
+  const prevSelectedRef = useRef(void 0);
+  const handleDayPointerDown = useCallback((date, ev) => {
+    ev.preventDefault();
+    prevSelectedRef.current = selected;
+    anchorRef.current = date;
+    focusRef.current = date;
+    draggingRef.current = true;
+    setRange(void 0);
+    setPendingRange(void 0);
+    setSelected(date);
+    gridRef.current?.focus({
+      preventScroll: true
+    });
+  }, [
+    selected,
+    setPendingRange,
+    setRange,
+    setSelected
+  ]);
+  const handleDayPointerEnter = useCallback((date) => {
+    if (!draggingRef.current) {
+      return;
+    }
+    const anchor = anchorRef.current;
+    if (!anchor) {
+      return;
+    }
+    focusRef.current = date;
+    setSelected(void 0);
+    setPendingRange(makeRange(anchor, date));
+  }, [
+    setPendingRange,
+    setSelected
+  ]);
+  const handleDayPointerUp = useCallback((date) => {
+    const anchor = anchorRef.current;
+    const wasDragging = draggingRef.current;
+    draggingRef.current = false;
+    setPendingRange(void 0);
+    if (!wasDragging || !anchor) {
+      return;
+    }
+    focusRef.current = date;
+    if (isSameDay(anchor, date)) {
+      if (prevSelectedRef.current && isSameDay(prevSelectedRef.current, date)) {
+        setSelected(void 0);
+        anchorRef.current = void 0;
+        focusRef.current = void 0;
+        return;
+      }
+      setSelected(anchor);
+      onSelect?.({
+        date
+      });
+      return;
+    }
+    const committed = makeRange(anchor, date);
+    setRange(committed);
+    onSelectRange?.({
+      range: committed
     });
   }, [
-    onSelect
+    onSelect,
+    onSelectRange,
+    setPendingRange,
+    setRange,
+    setSelected
+  ]);
+  useEffect(() => {
+    const cancel = () => {
+      if (draggingRef.current) {
+        draggingRef.current = false;
+        setPendingRange(void 0);
+      }
+    };
+    window.addEventListener("pointerup", cancel);
+    window.addEventListener("pointercancel", cancel);
+    return () => {
+      window.removeEventListener("pointerup", cancel);
+      window.removeEventListener("pointercancel", cancel);
+    };
+  }, [
+    setPendingRange
+  ]);
+  const tickEdgeScroll = useCallback(() => {
+    scrollRafRef.current = void 0;
+    if (!draggingRef.current) {
+      return;
+    }
+    const rect = containerRef.current?.getBoundingClientRect();
+    if (!rect) {
+      return;
+    }
+    const y = pointerYRef.current;
+    let delta = 0;
+    if (y < rect.top + EDGE_SCROLL_ZONE) {
+      delta = -EDGE_SCROLL_MAX_SPEED * Math.min(1, Math.max(0, (rect.top + EDGE_SCROLL_ZONE - y) / EDGE_SCROLL_ZONE));
+    } else if (y > rect.bottom - EDGE_SCROLL_ZONE) {
+      delta = EDGE_SCROLL_MAX_SPEED * Math.min(1, Math.max(0, (y - (rect.bottom - EDGE_SCROLL_ZONE)) / EDGE_SCROLL_ZONE));
+    }
+    if (delta !== 0) {
+      const newScroll = Math.max(0, scrollTopRef.current + delta);
+      listRef.current?.scrollToPosition(newScroll);
+      const date = cellDate(document.elementFromPoint(pointerXRef.current, y));
+      const anchor = anchorRef.current;
+      if (date && anchor) {
+        focusRef.current = date;
+        if (isSameDay(anchor, date)) {
+          setPendingRange(void 0);
+          setSelected(anchor);
+        } else {
+          setSelected(void 0);
+          setPendingRange(makeRange(anchor, date));
+        }
+      }
+      scrollRafRef.current = requestAnimationFrame(tickEdgeScroll);
+    }
+  }, [
+    containerRef,
+    setPendingRange,
+    setSelected
+  ]);
+  useEffect(() => {
+    const handleMove = (ev) => {
+      if (!draggingRef.current) {
+        return;
+      }
+      pointerXRef.current = ev.clientX;
+      pointerYRef.current = ev.clientY;
+      if (scrollRafRef.current === void 0) {
+        scrollRafRef.current = requestAnimationFrame(tickEdgeScroll);
+      }
+    };
+    window.addEventListener("pointermove", handleMove);
+    return () => {
+      window.removeEventListener("pointermove", handleMove);
+      if (scrollRafRef.current !== void 0) {
+        cancelAnimationFrame(scrollRafRef.current);
+        scrollRafRef.current = void 0;
+      }
+    };
+  }, [
+    tickEdgeScroll
   ]);
+  const handleKeyDown = useCallback((ev) => {
+    let dx = 0;
+    switch (ev.key) {
+      case "ArrowLeft":
+        dx = -1;
+        break;
+      case "ArrowRight":
+        dx = 1;
+        break;
+      case "ArrowUp":
+        dx = -7;
+        break;
+      case "ArrowDown":
+        dx = 7;
+        break;
+      default:
+        return;
+    }
+    ev.preventDefault();
+    if (ev.shiftKey) {
+      let anchor = anchorRef.current;
+      let focus = focusRef.current;
+      if (!anchor) {
+        if (selected) {
+          anchor = startOfDay(selected);
+          focus = anchor;
+        } else if (range) {
+          anchor = range.from;
+          focus = range.to;
+        } else {
+          anchor = startOfDay(today);
+          focus = anchor;
+        }
+        anchorRef.current = anchor;
+        focusRef.current = focus;
+      }
+      const newFocus = addDays(focus ?? anchor, dx);
+      updateRangeFromAnchor(newFocus, true);
+      scrollIntoView(newFocus);
+    } else {
+      const current = selected ?? focusRef.current ?? anchorRef.current ?? today;
+      const next = addDays(startOfDay(current), dx);
+      anchorRef.current = next;
+      focusRef.current = next;
+      setRange(void 0);
+      setPendingRange(void 0);
+      setSelected(next);
+      onSelect?.({
+        date: next
+      });
+      scrollIntoView(next);
+    }
+  }, [
+    onSelect,
+    range,
+    scrollIntoView,
+    selected,
+    setPendingRange,
+    setRange,
+    setSelected,
+    today,
+    updateRangeFromAnchor
+  ]);
+  const activeRange = pendingRange ?? range;
   const handleScroll = useCallback((info) => {
+    scrollTopRef.current = info.scrollTop;
     setIndex(Math.round(info.scrollTop / size));
   }, []);
   const rowRenderer = useCallback(({ key, index, style }) => {
-    const getBgColor = (date) => date.getMonth() % 2 === 0 && "bg-modal-surface";
+    const getBgColor = (date) => date.getMonth() % 2 === 0 ? "bg-group-surface" : "bg-group-alt-surface";
     return /* @__PURE__ */ React.createElement("div", {
       key,
-      role: "none",
       style,
       className: "grid"
     }, /* @__PURE__ */ React.createElement("div", {
-      role: "none",
       className: "grid grid-cols-7 bg-input-surface",
       style: {
         gridTemplateColumns: `repeat(7, ${size}px)`
@@ -184,23 +470,30 @@ var CalendarGrid = composable(({ classNames, rows, dates = [], onSelect, ...prop
       length: 7
     }).map((_, i) => {
       const date = getDate(start, index, i, weekStartsOn);
+      const inRange = isInRange(date, activeRange);
       const border = isSameDay(date, selected) ? "border-primary-500" : isSameDay(date, today) ? "border-amber-500" : hasDate(date) ? "border-neutral-700 border-dashed" : void 0;
       return /* @__PURE__ */ React.createElement("div", {
         key: i,
-        role: "none",
-        className: mx("relative flex justify-center items-center cursor-pointer", getBgColor(date)),
-        onClick: () => handleDaySelect(date)
-      }, /* @__PURE__ */ React.createElement("span", {
-        className: "text-description"
+        "data-date": startOfDay(date).toISOString(),
+        className: mx("relative flex justify-center items-center cursor-pointer select-none", getBgColor(date)),
+        onPointerDown: (ev) => handleDayPointerDown(date, ev),
+        onPointerEnter: () => handleDayPointerEnter(date),
+        onPointerUp: () => handleDayPointerUp(date)
+      }, inRange && /* @__PURE__ */ React.createElement("div", {
+        className: "absolute inset-0 bg-primary-500/20"
+      }), /* @__PURE__ */ React.createElement("span", {
+        className: "relative text-description text-sm"
       }, date.getDate()), !border && date.getDate() === 1 && /* @__PURE__ */ React.createElement("span", {
         className: "absolute top-0 text-xs text-description"
       }, format(date, "MMM")), border && /* @__PURE__ */ React.createElement("div", {
-        role: "none",
         className: mx("absolute inset-1 border-2 rounded-full", border)
       }));
     })));
   }, [
-    handleDaySelect,
+    activeRange,
+    handleDayPointerDown,
+    handleDayPointerEnter,
+    handleDayPointerUp,
     hasDate,
     selected,
     weekStartsOn
@@ -209,23 +502,29 @@ var CalendarGrid = composable(({ classNames, rows, dates = [], onSelect, ...prop
     ...composableProps(props, {
       role: "none",
       classNames: [
-        "flex flex-col h-full w-full justify-center overflow-hidden",
+        "flex flex-col h-full w-full justify-center overflow-hidden outline-hidden",
         classNames
       ]
     }),
-    ref: forwardedRef
+    ref: (node) => {
+      gridRef.current = node;
+      if (typeof forwardedRef === "function") {
+        forwardedRef(node);
+      } else if (forwardedRef) {
+        forwardedRef.current = node;
+      }
+    },
+    tabIndex: 0,
+    onKeyDown: handleKeyDown
   }, /* @__PURE__ */ React.createElement("div", {
-    role: "none",
     className: "grid w-full grid-cols-7",
     style: {
       width: defaultWidth
     }
   }, days.map((date, i) => /* @__PURE__ */ React.createElement("div", {
     key: i,
-    role: "none",
     className: "flex justify-center p-2 text-sm font-thin"
   }, date))), /* @__PURE__ */ React.createElement("div", {
-    role: "none",
     className: "flex flex-col h-full w-full justify-center overflow-hidden",
     ref: containerRef
   }, /* @__PURE__ */ React.createElement(List, {

package/dist/lib/node-esm/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/Calendar/Calendar.tsx", "../../../src/translations.ts", "../../../src/components/Calendar/util.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { createContext } from '@radix-ui/react-context';\nimport { type Day, addDays, differenceInWeeks, format, startOfDay, startOfWeek } from 'date-fns';\nimport React, {\n  type Dispatch,\n  type PropsWithChildren,\n  type SetStateAction,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\nimport { List, type ListProps, type ListRowRenderer } from 'react-virtualized';\n\nimport { Event } from '@dxos/async';\nimport { IconButton, useTranslation } from '@dxos/react-ui';\nimport { composable, composableProps, mx } from '@dxos/ui-theme';\n\nimport { translationKey } from '../../translations';\nimport { getDate, isSameDay } from './util';\n\nconst maxRows = 50 * 100;\nconst start = new Date('1970-01-01');\nconst size = 48;\nconst defaultWidth = 7 * size;\n\n//\n// Context\n//\n\ntype CalendarEvent = {\n  type: 'scroll';\n  date: Date;\n};\n\ntype CalendarContextValue = {\n  weekStartsOn: Day;\n  event: Event<CalendarEvent>;\n  index: number | undefined;\n  setIndex: Dispatch<SetStateAction<number | undefined>>;\n  selected: Date | undefined;\n  setSelected: Dispatch<SetStateAction<Date | undefined>>;\n};\n\nconst [CalendarContextProvider, useCalendarContext] = createContext<CalendarContextValue>('Calendar');\n\n//\n// Controller\n//\n\ntype CalendarController = {\n  scrollTo: (date: Date) => void;\n};\n\n//\n// Root\n//\n\ntype CalendarRootProps = PropsWithChildren<Partial<Pick<CalendarContextValue, 'weekStartsOn'>>>;\n\nconst CalendarRoot = forwardRef<CalendarController, CalendarRootProps>(\n  ({ children, weekStartsOn = 1 }, forwardedRef) => {\n    const event = useMemo(() => new Event<CalendarEvent>(), []);\n    const [selected, setSelected] = useState<Date | undefined>();\n    const [index, setIndex] = useState<number | undefined>();\n\n    useImperativeHandle(\n      forwardedRef,\n      () => ({\n        scrollTo: (date: Date) => {\n          event.emit({ type: 'scroll', date });\n        },\n      }),\n      [event],\n    );\n\n    return (\n      <CalendarContextProvider\n        weekStartsOn={weekStartsOn}\n        event={event}\n        index={index}\n        setIndex={setIndex}\n        selected={selected}\n        setSelected={setSelected}\n      >\n        {children}\n      </CalendarContextProvider>\n    );\n  },\n);\n\n//\n// Header\n//\n\nconst CALENDAR_TOOLBAR_NAME = 'CalendarHeader';\n\ntype CalendarToolbarProps = {};\n\nconst CalendarToolbar = composable<HTMLDivElement, CalendarToolbarProps>(({ classNames, ...props }, forwardedRef) => {\n  const { t } = useTranslation(translationKey);\n  const { weekStartsOn, event, index, selected } = useCalendarContext(CALENDAR_TOOLBAR_NAME);\n  const top = useMemo(() => getDate(start, index ?? 0, 6, weekStartsOn), [index, weekStartsOn]);\n  const today = useMemo(() => new Date(), []);\n\n  const handleToday = useCallback(() => {\n    event.emit({ type: 'scroll', date: today });\n  }, [event, start, today]);\n\n  return (\n    <div\n      {...composableProps(props, {\n        role: 'none',\n        classNames: ['shrink-0 grid! grid-cols-3 items-center bg-toolbar-surface', classNames],\n      })}\n      ref={forwardedRef}\n      style={{ width: defaultWidth }}\n    >\n      <div className='flex justify-start'>\n        <IconButton\n          variant='ghost'\n          icon='ph--calendar--regular'\n          iconOnly\n          classNames='aspect-square'\n          label={t('today.button')}\n          onClick={handleToday}\n        />\n      </div>\n      <div className='flex justify-center p-2 text-description'>{format(selected ?? top, 'MMMM')}</div>\n      <div className='flex justify-end p-2 text-description'>{(selected ?? top).getFullYear()}</div>\n    </div>\n  );\n});\n\nCalendarToolbar.displayName = CALENDAR_TOOLBAR_NAME;\n\n//\n// Grid\n// TODO(burdon): Key nav.\n// TODO(burdon): Drag range.\n//\n\nconst CALENDAR_GRID_NAME = 'CalendarGrid';\n\ntype CalendarGridProps = {\n  rows?: number;\n  /** Dates to highlight on the grid. Each date that appears in this array receives a border indicator. */\n  dates?: Date[];\n  onSelect?: (event: { date: Date }) => void;\n};\n\nconst CalendarGrid = composable<HTMLDivElement, CalendarGridProps>(\n  ({ classNames, rows, dates = [], onSelect, ...props }, forwardedRef) => {\n    const { weekStartsOn, event, setIndex, selected, setSelected } = useCalendarContext(CALENDAR_GRID_NAME);\n    const { ref: containerRef, width = 0, height = 0 } = useResizeDetector();\n    const maxHeight = rows ? rows * size : undefined;\n    const listRef = useRef<List>(null);\n    const today = useMemo(() => new Date(), []);\n\n    // Build a set of ISO date strings (YYYY-MM-DD) for O(1) per-cell lookup.\n    const dateSet = useMemo(() => new Set(dates.map((date) => startOfDay(date).toISOString())), [dates]);\n\n    const hasDate = useCallback((date: Date) => dateSet.has(startOfDay(date).toISOString()), [dateSet]);\n\n    const [initialized, setInitialized] = useState(false);\n    useEffect(() => {\n      const index = differenceInWeeks(today, start);\n      listRef.current?.scrollToRow(index);\n    }, [initialized, start, today]);\n\n    useEffect(() => {\n      return event.on((event) => {\n        switch (event.type) {\n          case 'scroll': {\n            const index = differenceInWeeks(event.date, start);\n            listRef.current?.scrollToRow(index);\n            break;\n          }\n        }\n      });\n    }, [event]);\n\n    const days = useMemo(() => {\n      const weekStart = startOfWeek(new Date(), { weekStartsOn });\n      return Array.from({ length: 7 }, (_, i) => {\n        const day = addDays(weekStart, i);\n        return format(day, 'EEE'); // Short day name (Mon, Tue, etc.)\n      });\n    }, []);\n\n    // TODO(burdon): Get info by range.\n\n    const handleDaySelect = useCallback(\n      (date: Date) => {\n        setSelected((current) => (isSameDay(date, current) ? undefined : date));\n        onSelect?.({ date });\n      },\n      [onSelect],\n    );\n\n    const handleScroll = useCallback<NonNullable<ListProps['onScroll']>>((info) => {\n      setIndex(Math.round(info.scrollTop / size));\n    }, []);\n\n    const rowRenderer = useCallback<ListRowRenderer>(\n      ({ key, index, style }) => {\n        const getBgColor = (date: Date) => date.getMonth() % 2 === 0 && 'bg-modal-surface';\n        return (\n          <div key={key} role='none' style={style} className='grid'>\n            <div\n              role='none'\n              className='grid grid-cols-7 bg-input-surface'\n              style={{ gridTemplateColumns: `repeat(7, ${size}px)` }}\n            >\n              {Array.from({ length: 7 }).map((_, i) => {\n                const date = getDate(start, index, i, weekStartsOn);\n                const border = isSameDay(date, selected)\n                  ? 'border-primary-500'\n                  : isSameDay(date, today)\n                    ? 'border-amber-500'\n                    : hasDate(date)\n                      ? 'border-neutral-700 border-dashed'\n                      : undefined;\n\n                return (\n                  <div\n                    key={i}\n                    role='none'\n                    className={mx('relative flex justify-center items-center cursor-pointer', getBgColor(date))}\n                    onClick={() => handleDaySelect(date)}\n                  >\n                    <span className='text-description'>{date.getDate()}</span>\n                    {!border && date.getDate() === 1 && (\n                      <span className='absolute top-0 text-xs text-description'>{format(date, 'MMM')}</span>\n                    )}\n                    {border && <div role='none' className={mx('absolute inset-1 border-2 rounded-full', border)} />}\n                  </div>\n                );\n              })}\n            </div>\n          </div>\n        );\n      },\n      [handleDaySelect, hasDate, selected, weekStartsOn],\n    );\n\n    return (\n      <div\n        {...composableProps(props, {\n          role: 'none',\n          classNames: ['flex flex-col h-full w-full justify-center overflow-hidden', classNames],\n        })}\n        ref={forwardedRef}\n      >\n        {/* Day of week labels */}\n        <div role='none' className='grid w-full grid-cols-7' style={{ width: defaultWidth }}>\n          {days.map((date, i) => (\n            <div key={i} role='none' className='flex justify-center p-2 text-sm font-thin'>\n              {date}\n            </div>\n          ))}\n        </div>\n\n        {/* Grid */}\n        <div role='none' className='flex flex-col h-full w-full justify-center overflow-hidden' ref={containerRef}>\n          <List\n            ref={listRef}\n            role='none'\n            className='scrollbar-none outline-hidden'\n            width={width}\n            height={maxHeight ?? height}\n            rowCount={maxRows}\n            rowHeight={size}\n            rowRenderer={rowRenderer}\n            scrollToAlignment='start'\n            onScroll={handleScroll}\n            onRowsRendered={() => setInitialized(true)}\n          />\n        </div>\n      </div>\n    );\n  },\n);\n\nCalendarGrid.displayName = CALENDAR_GRID_NAME;\n\n//\n// Calendar\n//\n\nexport const Calendar = {\n  Root: CalendarRoot,\n  Toolbar: CalendarToolbar,\n  Grid: CalendarGrid,\n};\n\nexport type { CalendarController, CalendarRootProps, CalendarToolbarProps, CalendarGridProps };\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nexport const translationKey = '@dxos/react-ui-calendar';\n\nexport const translations = [\n  {\n    'en-US': {\n      [translationKey]: {\n        'today.button': 'Today',\n      },\n    },\n  },\n] as const satisfies Resource[];\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Day } from 'date-fns';\n\nexport const getDate = (start: Date, weekNumber: number, dayOfWeek: number, weekStartsOn: Day): Date => {\n  const result = new Date(start);\n  const startDayOfWeek = start.getDay(); // 0 = Sunday, 1 = Monday, etc.\n  const adjustedStartDay = (startDayOfWeek === 0 ? 7 : startDayOfWeek) - weekStartsOn; // Adjust for weekStartsOn.\n  result.setDate(start.getDate() - adjustedStartDay + weekNumber * 7 + dayOfWeek);\n  return result;\n};\n\nexport const isSameDay = (date1: Date, date2: Date | undefined): boolean => {\n  return (\n    !!date2 &&\n    date1.getFullYear() === date2.getFullYear() &&\n    date1.getMonth() === date2.getMonth() &&\n    date1.getDate() === date2.getDate()\n  );\n};\n"],
-  "mappings": "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",
-  "names": ["createContext", "addDays", "differenceInWeeks", "format", "startOfDay", "startOfWeek", "React", "forwardRef", "useCallback", "useEffect", "useImperativeHandle", "useMemo", "useRef", "useState", "useResizeDetector", "List", "Event", "IconButton", "useTranslation", "composable", "composableProps", "mx", "translationKey", "translations", "getDate", "start", "weekNumber", "dayOfWeek", "weekStartsOn", "result", "Date", "startDayOfWeek", "getDay", "adjustedStartDay", "setDate", "isSameDay", "date1", "date2", "getFullYear", "getMonth", "maxRows", "start", "Date", "size", "defaultWidth", "CalendarContextProvider", "useCalendarContext", "createContext", "CalendarRoot", "forwardRef", "children", "weekStartsOn", "forwardedRef", "event", "useMemo", "Event", "selected", "setSelected", "useState", "index", "setIndex", "useImperativeHandle", "scrollTo", "date", "emit", "type", "CALENDAR_TOOLBAR_NAME", "CalendarToolbar", "composable", "classNames", "props", "t", "useTranslation", "translationKey", "top", "getDate", "today", "handleToday", "useCallback", "div", "composableProps", "role", "ref", "style", "width", "className", "IconButton", "variant", "icon", "iconOnly", "label", "onClick", "format", "getFullYear", "displayName", "CALENDAR_GRID_NAME", "CalendarGrid", "rows", "dates", "onSelect", "containerRef", "height", "useResizeDetector", "maxHeight", "undefined", "listRef", "useRef", "dateSet", "Set", "map", "startOfDay", "toISOString", "hasDate", "has", "initialized", "setInitialized", "useEffect", "differenceInWeeks", "current", "scrollToRow", "on", "days", "weekStart", "startOfWeek", "Array", "from", "length", "_", "i", "day", "addDays", "handleDaySelect", "isSameDay", "handleScroll", "info", "Math", "round", "scrollTop", "rowRenderer", "key", "getBgColor", "getMonth", "gridTemplateColumns", "border", "mx", "span", "List", "rowCount", "rowHeight", "scrollToAlignment", "onScroll", "onRowsRendered", "Calendar", "Root", "Toolbar", "Grid"]
+  "sources": ["../../../src/components/Calendar/Calendar.tsx", "../../../src/components/Calendar/util.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { createContext } from '@radix-ui/react-context';\nimport { type Day, addDays, format, startOfDay, startOfWeek } from 'date-fns';\nimport React, {\n  type Dispatch,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type PointerEvent as ReactPointerEvent,\n  type PropsWithChildren,\n  type SetStateAction,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\nimport { List, type ListProps, type ListRowRenderer } from 'react-virtualized';\n\nimport { Event } from '@dxos/async';\nimport { IconButton, useTranslation } from '@dxos/react-ui';\nimport { composable, composableProps } from '@dxos/react-ui';\nimport { mx } from '@dxos/ui-theme';\n\nimport { translationKey } from '#translations';\n\nimport { getDate, getRowIndex, isSameDay } from './util';\n\nconst maxRows = 50 * 100;\nconst start = new Date('1970-01-01');\nconst size = 40;\nconst defaultWidth = 7 * size;\n\n// Auto-scroll while dragging near a vertical edge.\nconst EDGE_SCROLL_ZONE = 32; // px\nconst EDGE_SCROLL_MAX_SPEED = 12; // px per frame\n\n//\n// Range\n//\n\n/**\n * Inclusive date range. `from <= to`. Both endpoints are anchored at the\n * start of their day; callers should not rely on time-of-day precision.\n */\nexport type Range = {\n  from: Date;\n  to: Date;\n};\n\n/** Normalize an ordered pair of dates into a Range (start-of-day, from <= to). */\nconst makeRange = (a: Date, b: Date): Range => {\n  const dayA = startOfDay(a);\n  const dayB = startOfDay(b);\n  return dayA <= dayB ? { from: dayA, to: dayB } : { from: dayB, to: dayA };\n};\n\n/** Inclusive day-level membership check. */\nconst isInRange = (date: Date, range: Range | undefined): boolean => {\n  if (!range) {\n    return false;\n  }\n  const day = startOfDay(date).getTime();\n  return day >= range.from.getTime() && day <= range.to.getTime();\n};\n\n/** Resolve a DOM element back to the Date its cell represents. */\nconst cellDate = (el: Element | null): Date | undefined => {\n  let current: Element | null = el;\n  while (current && current !== document.body) {\n    const iso = current.getAttribute?.('data-date');\n    if (iso) {\n      return new Date(iso);\n    }\n    current = current.parentElement;\n  }\n  return undefined;\n};\n\n//\n// Context\n//\n\ntype CalendarEvent = {\n  type: 'scroll';\n  date: Date;\n};\n\ntype CalendarContextValue = {\n  weekStartsOn: Day;\n  event: Event<CalendarEvent>;\n  index: number | undefined;\n  setIndex: Dispatch<SetStateAction<number | undefined>>;\n  selected: Date | undefined;\n  setSelected: Dispatch<SetStateAction<Date | undefined>>;\n  /** Committed date range, set by the most recent drag or shift+arrow selection. */\n  range: Range | undefined;\n  setRange: Dispatch<SetStateAction<Range | undefined>>;\n  /** Live drag preview; non-undefined only while the user is dragging. */\n  pendingRange: Range | undefined;\n  setPendingRange: Dispatch<SetStateAction<Range | undefined>>;\n};\n\nconst [CalendarContextProvider, useCalendarContext] = createContext<CalendarContextValue>('Calendar');\n\n//\n// Controller\n//\n\ntype CalendarController = {\n  scrollTo: (date: Date) => void;\n};\n\n//\n// Root\n//\n\ntype CalendarRootProps = PropsWithChildren<Partial<Pick<CalendarContextValue, 'weekStartsOn'>>>;\n\nconst CalendarRoot = forwardRef<CalendarController, CalendarRootProps>(\n  ({ children, weekStartsOn = 1 }, forwardedRef) => {\n    const event = useMemo(() => new Event<CalendarEvent>(), []);\n    const [selected, setSelected] = useState<Date | undefined>();\n    const [index, setIndex] = useState<number | undefined>();\n    const [range, setRange] = useState<Range | undefined>();\n    const [pendingRange, setPendingRange] = useState<Range | undefined>();\n\n    useImperativeHandle(\n      forwardedRef,\n      () => ({\n        scrollTo: (date: Date) => {\n          event.emit({ type: 'scroll', date });\n        },\n      }),\n      [event],\n    );\n\n    return (\n      <CalendarContextProvider\n        weekStartsOn={weekStartsOn}\n        event={event}\n        index={index}\n        setIndex={setIndex}\n        selected={selected}\n        setSelected={setSelected}\n        range={range}\n        setRange={setRange}\n        pendingRange={pendingRange}\n        setPendingRange={setPendingRange}\n      >\n        {children}\n      </CalendarContextProvider>\n    );\n  },\n);\n\n//\n// Header\n//\n\nconst CALENDAR_TOOLBAR_NAME = 'CalendarHeader';\n\ntype CalendarToolbarProps = {};\n\nconst CalendarToolbar = composable<HTMLDivElement, CalendarToolbarProps>(({ classNames, ...props }, forwardedRef) => {\n  const { t } = useTranslation(translationKey);\n  const { weekStartsOn, event, index, selected } = useCalendarContext(CALENDAR_TOOLBAR_NAME);\n  const top = useMemo(() => getDate(start, index ?? 0, 6, weekStartsOn), [index, weekStartsOn]);\n  const today = useMemo(() => new Date(), []);\n\n  const handleToday = useCallback(() => {\n    event.emit({ type: 'scroll', date: today });\n  }, [event, start, today]);\n\n  return (\n    <div\n      {...composableProps(props, {\n        role: 'none',\n        classNames: ['shrink-0 grid! grid-cols-3 items-center bg-toolbar-surface', classNames],\n      })}\n      ref={forwardedRef}\n      style={{ width: defaultWidth }}\n    >\n      <div className='flex justify-start'>\n        <IconButton\n          variant='ghost'\n          icon='ph--calendar--regular'\n          iconOnly\n          classNames='aspect-square'\n          label={t('today.button')}\n          onClick={handleToday}\n        />\n      </div>\n      <div className='flex justify-center p-2 text-description'>{format(selected ?? top, 'MMMM')}</div>\n      <div className='flex justify-end p-2 text-description'>{(selected ?? top).getFullYear()}</div>\n    </div>\n  );\n});\n\nCalendarToolbar.displayName = CALENDAR_TOOLBAR_NAME;\n\n//\n// Grid\n//\n\nconst CALENDAR_GRID_NAME = 'CalendarGrid';\n\ntype CalendarGridProps = {\n  rows?: number;\n  /** Dates to highlight on the grid. Each date that appears in this array receives a border indicator. */\n  dates?: Date[];\n  /**\n   * Date the grid scrolls into view on mount, and whenever this value changes.\n   * Defaults to today. Pass a stable (memoized) Date so the grid does not\n   * re-scroll on every render.\n   */\n  initialDate?: Date;\n  /** Fired when a user selects a single date (click or arrow key). */\n  onSelect?: (event: { date: Date }) => void;\n  /**\n   * Fired when a user commits a multi-day range, either by a drag gesture or\n   * by shift+arrow extension. The range is normalized: `from <= to`, both at\n   * start-of-day. Not fired for single-day selections (use {@link onSelect}).\n   */\n  onSelectRange?: (event: { range: Range }) => void;\n};\n\nconst CalendarGrid = composable<HTMLDivElement, CalendarGridProps>(\n  ({ classNames, rows, dates = [], initialDate, onSelect, onSelectRange, ...props }, forwardedRef) => {\n    const { weekStartsOn, event, setIndex, selected, setSelected, range, setRange, pendingRange, setPendingRange } =\n      useCalendarContext(CALENDAR_GRID_NAME);\n    const { ref: containerRef, width = 0, height = 0 } = useResizeDetector();\n    const maxHeight = rows ? rows * size : undefined;\n    const listRef = useRef<List>(null);\n    const gridRef = useRef<HTMLDivElement>(null);\n    const today = useMemo(() => new Date(), []);\n\n    // Build a set of ISO date strings (YYYY-MM-DD) for O(1) per-cell lookup.\n    const dateSet = useMemo(() => new Set(dates.map((date) => startOfDay(date).toISOString())), [dates]);\n\n    const hasDate = useCallback((date: Date) => dateSet.has(startOfDay(date).toISOString()), [dateSet]);\n\n    const [initialized, setInitialized] = useState(false);\n    useEffect(() => {\n      const index = getRowIndex(start, initialDate ?? today, weekStartsOn);\n      listRef.current?.scrollToRow(index);\n    }, [initialized, start, today, initialDate, weekStartsOn]);\n\n    useEffect(() => {\n      return event.on((event) => {\n        switch (event.type) {\n          case 'scroll': {\n            const index = getRowIndex(start, event.date, weekStartsOn);\n            listRef.current?.scrollToRow(index);\n            break;\n          }\n        }\n      });\n    }, [event]);\n\n    const days = useMemo(() => {\n      const weekStart = startOfWeek(new Date(), { weekStartsOn });\n      return Array.from({ length: 7 }, (_, i) => {\n        const day = addDays(weekStart, i);\n        return format(day, 'EEE'); // Short day name (Mon, Tue, etc.)\n      });\n    }, []);\n\n    //\n    // Selection refs.\n    //\n    // `anchorRef` is the immovable end of a range gesture (pointerdown date or\n    // initial day when shift+arrow starts). `focusRef` is the moving end\n    // (pointer-under-cursor during drag, or the cursor after each shift+arrow).\n    // Both refs are kept in sync across mouse drag and keyboard nav so that\n    // the user can fluidly mix gestures (e.g., drag a range, then shift+arrow\n    // to fine-tune).\n    //\n    const anchorRef = useRef<Date | undefined>(undefined);\n    const focusRef = useRef<Date | undefined>(undefined);\n    const draggingRef = useRef(false);\n\n    // Pointer tracking for edge-scroll while dragging.\n    const pointerXRef = useRef<number>(0);\n    const pointerYRef = useRef<number>(0);\n    const scrollTopRef = useRef(0);\n    const scrollRafRef = useRef<number | undefined>(undefined);\n\n    // Scroll the target date into view only if it's outside the visible window.\n    // Horizontal moves (left/right within the same week) leave the row index\n    // unchanged and are a no-op.\n    const scrollIntoView = useCallback(\n      (date: Date) => {\n        const targetRow = getRowIndex(start, date, weekStartsOn);\n        const visibleHeight = maxHeight ?? height;\n        if (!visibleHeight) {\n          return;\n        }\n        // Rows fully inside the viewport. Use ceil/floor (not floor of scrollTop) so a partially\n        // visible row at either edge counts as \"not fully visible\" even when scrollTop is not a\n        // multiple of the row height (which it isn't after a bottom-aligned scroll).\n        const firstFullyVisibleRow = Math.ceil(scrollTopRef.current / size);\n        const lastFullyVisibleRow = Math.floor((scrollTopRef.current + visibleHeight) / size) - 1;\n        if (targetRow < firstFullyVisibleRow) {\n          // Align the top edge of the target row with the top edge of the viewport.\n          listRef.current?.scrollToPosition(targetRow * size);\n        } else if (targetRow > lastFullyVisibleRow) {\n          // Align the bottom edge of the target row with the bottom edge of the viewport (using the\n          // full visible height, not a row-rounded height, so the row sits flush against the edge).\n          listRef.current?.scrollToPosition(Math.max(0, (targetRow + 1) * size - visibleHeight));\n        }\n      },\n      [height, maxHeight, weekStartsOn],\n    );\n\n    const updateRangeFromAnchor = useCallback(\n      (focus: Date, fireRange = false) => {\n        const anchor = anchorRef.current;\n        if (!anchor) {\n          return;\n        }\n        focusRef.current = focus;\n        if (isSameDay(anchor, focus)) {\n          setRange(undefined);\n          setSelected(anchor);\n        } else {\n          setSelected(undefined);\n          const committed = makeRange(anchor, focus);\n          setRange(committed);\n          if (fireRange) {\n            onSelectRange?.({ range: committed });\n          }\n        }\n      },\n      [onSelectRange, setRange, setSelected],\n    );\n\n    //\n    // Drag-to-select range.\n    //\n    // `prevSelectedRef` snapshots the single-day selection that was active\n    // when the gesture began. A click on the *same* already-selected day\n    // toggles the selection off on pointerup; a click on any other day (or\n    // when no day was selected) just sets the new selection.\n    //\n    const prevSelectedRef = useRef<Date | undefined>(undefined);\n\n    const handleDayPointerDown = useCallback(\n      (date: Date, ev: ReactPointerEvent<HTMLDivElement>) => {\n        ev.preventDefault();\n        prevSelectedRef.current = selected;\n        anchorRef.current = date;\n        focusRef.current = date;\n        draggingRef.current = true;\n        // Immediate visual feedback: render the single-select ring on the anchor day.\n        setRange(undefined);\n        setPendingRange(undefined);\n        setSelected(date);\n        // Focus the grid so subsequent keyboard nav works.\n        gridRef.current?.focus({ preventScroll: true });\n      },\n      [selected, setPendingRange, setRange, setSelected],\n    );\n\n    const handleDayPointerEnter = useCallback(\n      (date: Date) => {\n        if (!draggingRef.current) {\n          return;\n        }\n        const anchor = anchorRef.current;\n        if (!anchor) {\n          return;\n        }\n        focusRef.current = date;\n        // Always render a pending range while dragging — even a single-day range\n        // (when the pointer is on the anchor cell or returns to it). Otherwise\n        // the anchor cell would appear empty mid-drag.\n        setSelected(undefined);\n        setPendingRange(makeRange(anchor, date));\n      },\n      [setPendingRange, setSelected],\n    );\n\n    const handleDayPointerUp = useCallback(\n      (date: Date) => {\n        const anchor = anchorRef.current;\n        const wasDragging = draggingRef.current;\n        draggingRef.current = false;\n        setPendingRange(undefined);\n        if (!wasDragging || !anchor) {\n          return;\n        }\n        focusRef.current = date;\n        if (isSameDay(anchor, date)) {\n          // Single click — toggle off if clicking the previously-selected day,\n          // otherwise set as selected. (pointerenter may have cleared the ring\n          // mid-drag to show a 1-day pending-range fill; restore here.)\n          if (prevSelectedRef.current && isSameDay(prevSelectedRef.current, date)) {\n            setSelected(undefined);\n            anchorRef.current = undefined;\n            focusRef.current = undefined;\n            return;\n          }\n          setSelected(anchor);\n          onSelect?.({ date });\n          return;\n        }\n        // Drag commit — `selected` was already cleared by pointerenter.\n        const committed = makeRange(anchor, date);\n        setRange(committed);\n        onSelectRange?.({ range: committed });\n      },\n      [onSelect, onSelectRange, setPendingRange, setRange, setSelected],\n    );\n\n    // Cancel drag if the pointer is released outside the grid.\n    useEffect(() => {\n      const cancel = () => {\n        if (draggingRef.current) {\n          draggingRef.current = false;\n          setPendingRange(undefined);\n        }\n      };\n      window.addEventListener('pointerup', cancel);\n      window.addEventListener('pointercancel', cancel);\n      return () => {\n        window.removeEventListener('pointerup', cancel);\n        window.removeEventListener('pointercancel', cancel);\n      };\n    }, [setPendingRange]);\n\n    //\n    // Edge auto-scroll while dragging near top/bottom of the grid viewport.\n    //\n    const tickEdgeScroll = useCallback(() => {\n      scrollRafRef.current = undefined;\n      if (!draggingRef.current) {\n        return;\n      }\n      const rect = containerRef.current?.getBoundingClientRect();\n      if (!rect) {\n        return;\n      }\n      const y = pointerYRef.current;\n      let delta = 0;\n      if (y < rect.top + EDGE_SCROLL_ZONE) {\n        delta = -EDGE_SCROLL_MAX_SPEED * Math.min(1, Math.max(0, (rect.top + EDGE_SCROLL_ZONE - y) / EDGE_SCROLL_ZONE));\n      } else if (y > rect.bottom - EDGE_SCROLL_ZONE) {\n        delta =\n          EDGE_SCROLL_MAX_SPEED * Math.min(1, Math.max(0, (y - (rect.bottom - EDGE_SCROLL_ZONE)) / EDGE_SCROLL_ZONE));\n      }\n      if (delta !== 0) {\n        const newScroll = Math.max(0, scrollTopRef.current + delta);\n        listRef.current?.scrollToPosition(newScroll);\n        // After scroll, the cell under the (stationary) pointer changes.\n        // Look up the new cell and update the pending range accordingly.\n        const date = cellDate(document.elementFromPoint(pointerXRef.current, y));\n        const anchor = anchorRef.current;\n        if (date && anchor) {\n          focusRef.current = date;\n          if (isSameDay(anchor, date)) {\n            setPendingRange(undefined);\n            setSelected(anchor);\n          } else {\n            setSelected(undefined);\n            setPendingRange(makeRange(anchor, date));\n          }\n        }\n        scrollRafRef.current = requestAnimationFrame(tickEdgeScroll);\n      }\n    }, [containerRef, setPendingRange, setSelected]);\n\n    useEffect(() => {\n      const handleMove = (ev: PointerEvent) => {\n        if (!draggingRef.current) {\n          return;\n        }\n        pointerXRef.current = ev.clientX;\n        pointerYRef.current = ev.clientY;\n        if (scrollRafRef.current === undefined) {\n          scrollRafRef.current = requestAnimationFrame(tickEdgeScroll);\n        }\n      };\n      window.addEventListener('pointermove', handleMove);\n      return () => {\n        window.removeEventListener('pointermove', handleMove);\n        if (scrollRafRef.current !== undefined) {\n          cancelAnimationFrame(scrollRafRef.current);\n          scrollRafRef.current = undefined;\n        }\n      };\n    }, [tickEdgeScroll]);\n\n    //\n    // Keyboard nav: arrow keys move single selection; shift+arrow expands range.\n    //\n    const handleKeyDown = useCallback(\n      (ev: ReactKeyboardEvent<HTMLDivElement>) => {\n        let dx = 0;\n        switch (ev.key) {\n          case 'ArrowLeft':\n            dx = -1;\n            break;\n          case 'ArrowRight':\n            dx = 1;\n            break;\n          case 'ArrowUp':\n            dx = -7;\n            break;\n          case 'ArrowDown':\n            dx = 7;\n            break;\n          default:\n            return;\n        }\n        ev.preventDefault();\n\n        if (ev.shiftKey) {\n          // Bootstrap anchor/focus from current state if needed.\n          let anchor = anchorRef.current;\n          let focus = focusRef.current;\n          if (!anchor) {\n            // No prior gesture — seed from current selected/range/today.\n            if (selected) {\n              anchor = startOfDay(selected);\n              focus = anchor;\n            } else if (range) {\n              anchor = range.from;\n              focus = range.to;\n            } else {\n              anchor = startOfDay(today);\n              focus = anchor;\n            }\n            anchorRef.current = anchor;\n            focusRef.current = focus;\n          }\n          const newFocus = addDays(focus ?? anchor, dx);\n          updateRangeFromAnchor(newFocus, true);\n          scrollIntoView(newFocus);\n        } else {\n          // Plain arrow — move single selection; clear any range gesture state.\n          const current = selected ?? focusRef.current ?? anchorRef.current ?? today;\n          const next = addDays(startOfDay(current), dx);\n          anchorRef.current = next;\n          focusRef.current = next;\n          setRange(undefined);\n          setPendingRange(undefined);\n          setSelected(next);\n          onSelect?.({ date: next });\n          scrollIntoView(next);\n        }\n      },\n      [onSelect, range, scrollIntoView, selected, setPendingRange, setRange, setSelected, today, updateRangeFromAnchor],\n    );\n\n    const activeRange = pendingRange ?? range;\n\n    const handleScroll = useCallback<NonNullable<ListProps['onScroll']>>((info) => {\n      scrollTopRef.current = info.scrollTop;\n      setIndex(Math.round(info.scrollTop / size));\n    }, []);\n\n    const rowRenderer = useCallback<ListRowRenderer>(\n      ({ key, index, style }) => {\n        // Zebra-stripe alternating months with a subtle neutral overlay over the grid surface, so\n        // the banding is independent of (and robust to) surface-token retuning.\n        const getBgColor = (date: Date) => (date.getMonth() % 2 === 0 ? 'bg-group-surface' : 'bg-group-alt-surface');\n\n        return (\n          <div key={key} style={style} className='grid'>\n            <div className='grid grid-cols-7 bg-input-surface' style={{ gridTemplateColumns: `repeat(7, ${size}px)` }}>\n              {Array.from({ length: 7 }).map((_, i) => {\n                const date = getDate(start, index, i, weekStartsOn);\n                const inRange = isInRange(date, activeRange);\n                const border = isSameDay(date, selected)\n                  ? 'border-primary-500'\n                  : isSameDay(date, today)\n                    ? 'border-amber-500'\n                    : hasDate(date)\n                      ? 'border-neutral-700 border-dashed'\n                      : undefined;\n\n                return (\n                  <div\n                    key={i}\n                    data-date={startOfDay(date).toISOString()}\n                    className={mx(\n                      'relative flex justify-center items-center cursor-pointer select-none',\n                      getBgColor(date),\n                    )}\n                    onPointerDown={(ev) => handleDayPointerDown(date, ev)}\n                    onPointerEnter={() => handleDayPointerEnter(date)}\n                    onPointerUp={() => handleDayPointerUp(date)}\n                  >\n                    {inRange && <div className='absolute inset-0 bg-primary-500/20' />}\n                    <span className='relative text-description text-sm'>{date.getDate()}</span>\n                    {!border && date.getDate() === 1 && (\n                      <span className='absolute top-0 text-xs text-description'>{format(date, 'MMM')}</span>\n                    )}\n                    {border && <div className={mx('absolute inset-1 border-2 rounded-full', border)} />}\n                  </div>\n                );\n              })}\n            </div>\n          </div>\n        );\n      },\n      [activeRange, handleDayPointerDown, handleDayPointerEnter, handleDayPointerUp, hasDate, selected, weekStartsOn],\n    );\n\n    return (\n      <div\n        {...composableProps(props, {\n          role: 'none',\n          classNames: ['flex flex-col h-full w-full justify-center overflow-hidden outline-hidden', classNames],\n        })}\n        ref={(node: HTMLDivElement | null) => {\n          gridRef.current = node;\n          if (typeof forwardedRef === 'function') {\n            forwardedRef(node);\n          } else if (forwardedRef) {\n            (forwardedRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n          }\n        }}\n        tabIndex={0}\n        onKeyDown={handleKeyDown}\n      >\n        {/* Day of week labels */}\n        <div className='grid w-full grid-cols-7' style={{ width: defaultWidth }}>\n          {days.map((date, i) => (\n            <div key={i} className='flex justify-center p-2 text-sm font-thin'>\n              {date}\n            </div>\n          ))}\n        </div>\n\n        {/* Grid */}\n        <div className='flex flex-col h-full w-full justify-center overflow-hidden' ref={containerRef}>\n          <List\n            ref={listRef}\n            role='none'\n            className='scrollbar-none outline-hidden'\n            width={width}\n            height={maxHeight ?? height}\n            rowCount={maxRows}\n            rowHeight={size}\n            rowRenderer={rowRenderer}\n            scrollToAlignment='start'\n            onScroll={handleScroll}\n            onRowsRendered={() => setInitialized(true)}\n          />\n        </div>\n      </div>\n    );\n  },\n);\n\nCalendarGrid.displayName = CALENDAR_GRID_NAME;\n\n//\n// Calendar\n//\n\nexport const Calendar = {\n  Root: CalendarRoot,\n  Toolbar: CalendarToolbar,\n  Grid: CalendarGrid,\n};\n\nexport type { CalendarController, CalendarRootProps, CalendarToolbarProps, CalendarGridProps };\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Day, differenceInCalendarDays } from 'date-fns';\n\nexport const getDate = (start: Date, weekNumber: number, dayOfWeek: number, weekStartsOn: Day): Date => {\n  const result = new Date(start);\n  const startDayOfWeek = start.getDay(); // 0 = Sunday, 1 = Monday, etc.\n  const adjustedStartDay = (startDayOfWeek === 0 ? 7 : startDayOfWeek) - weekStartsOn; // Adjust for weekStartsOn.\n  result.setDate(start.getDate() - adjustedStartDay + weekNumber * 7 + dayOfWeek);\n  return result;\n};\n\n/**\n * Inverse of {@link getDate}: returns the row index for a given date, matching\n * the grid layout (which respects `weekStartsOn`).\n *\n * Uses `differenceInCalendarDays` (DST-safe) — naive ms subtraction silently\n * loses an hour each DST transition, which accumulates over decades and\n * eventually shifts the row boundary by one day. `differenceInWeeks` is also\n * unsuitable because it computes raw 7-day chunks anchored at the start\n * date's weekday rather than the grid's `weekStartsOn` column.\n */\nexport const getRowIndex = (start: Date, date: Date, weekStartsOn: Day): number => {\n  const startDayOfWeek = start.getDay();\n  const adjustedStartDay = (startDayOfWeek === 0 ? 7 : startDayOfWeek) - weekStartsOn;\n  const row0Start = new Date(start);\n  row0Start.setDate(start.getDate() - adjustedStartDay);\n  return Math.floor(differenceInCalendarDays(date, row0Start) / 7);\n};\n\nexport const isSameDay = (date1: Date, date2: Date | undefined): boolean => {\n  return (\n    !!date2 &&\n    date1.getFullYear() === date2.getFullYear() &&\n    date1.getMonth() === date2.getMonth() &&\n    date1.getDate() === date2.getDate()\n  );\n};\n"],
+  "mappings": ";;;AAIA,SAASA,qBAAqB;AAC9B,SAAmBC,SAASC,QAAQC,YAAYC,mBAAmB;AACnE,OAAOC,SAMLC,YACAC,aACAC,WACAC,qBACAC,SACAC,QACAC,gBACK;AACP,SAASC,yBAAyB;AAClC,SAASC,YAAkD;AAE3D,SAASC,aAAa;AACtB,SAASC,YAAYC,sBAAsB;AAC3C,SAASC,YAAYC,uBAAuB;AAC5C,SAASC,UAAU;AAEnB,SAASC,sBAAsB;;;ACxB/B,SAAmBC,gCAAgC;AAE5C,IAAMC,UAAU,CAACC,QAAaC,YAAoBC,WAAmBC,iBAAAA;AAC1E,QAAMC,SAAS,IAAIC,KAAKL,MAAAA;AACxB,QAAMM,iBAAiBN,OAAMO,OAAM;AACnC,QAAMC,oBAAoBF,mBAAmB,IAAI,IAAIA,kBAAkBH;AACvEC,SAAOK,QAAQT,OAAMD,QAAO,IAAKS,mBAAmBP,aAAa,IAAIC,SAAAA;AACrE,SAAOE;AACT;AAYO,IAAMM,cAAc,CAACV,QAAaW,MAAYR,iBAAAA;AACnD,QAAMG,iBAAiBN,OAAMO,OAAM;AACnC,QAAMC,oBAAoBF,mBAAmB,IAAI,IAAIA,kBAAkBH;AACvE,QAAMS,YAAY,IAAIP,KAAKL,MAAAA;AAC3BY,YAAUH,QAAQT,OAAMD,QAAO,IAAKS,gBAAAA;AACpC,SAAOK,KAAKC,MAAMhB,yBAAyBa,MAAMC,SAAAA,IAAa,CAAA;AAChE;AAEO,IAAMG,YAAY,CAACC,OAAaC,UAAAA;AACrC,SACE,CAAC,CAACA,SACFD,MAAME,YAAW,MAAOD,MAAMC,YAAW,KACzCF,MAAMG,SAAQ,MAAOF,MAAME,SAAQ,KACnCH,MAAMjB,QAAO,MAAOkB,MAAMlB,QAAO;AAErC;;;ADPA,IAAMqB,UAAU,KAAK;AACrB,IAAMC,QAAQ,oBAAIC,KAAK,YAAA;AACvB,IAAMC,OAAO;AACb,IAAMC,eAAe,IAAID;AAGzB,IAAME,mBAAmB;AACzB,IAAMC,wBAAwB;AAgB9B,IAAMC,YAAY,CAACC,GAASC,MAAAA;AAC1B,QAAMC,OAAOC,WAAWH,CAAAA;AACxB,QAAMI,OAAOD,WAAWF,CAAAA;AACxB,SAAOC,QAAQE,OAAO;IAAEC,MAAMH;IAAMI,IAAIF;EAAK,IAAI;IAAEC,MAAMD;IAAME,IAAIJ;EAAK;AAC1E;AAGA,IAAMK,YAAY,CAACC,MAAYC,UAAAA;AAC7B,MAAI,CAACA,OAAO;AACV,WAAO;EACT;AACA,QAAMC,MAAMP,WAAWK,IAAAA,EAAMG,QAAO;AACpC,SAAOD,OAAOD,MAAMJ,KAAKM,QAAO,KAAMD,OAAOD,MAAMH,GAAGK,QAAO;AAC/D;AAGA,IAAMC,WAAW,CAACC,OAAAA;AAChB,MAAIC,UAA0BD;AAC9B,SAAOC,WAAWA,YAAYC,SAASC,MAAM;AAC3C,UAAMC,MAAMH,QAAQI,eAAe,WAAA;AACnC,QAAID,KAAK;AACP,aAAO,IAAIvB,KAAKuB,GAAAA;IAClB;AACAH,cAAUA,QAAQK;EACpB;AACA,SAAOC;AACT;AA0BA,IAAM,CAACC,yBAAyBC,kBAAAA,IAAsBC,cAAoC,UAAA;AAgB1F,IAAMC,eAAeC,2BACnB,CAAC,EAAEC,UAAUC,eAAe,EAAC,GAAIC,iBAAAA;AAC/B,QAAMC,QAAQC,QAAQ,MAAM,IAAIC,MAAAA,GAAwB,CAAA,CAAE;AAC1D,QAAM,CAACC,UAAUC,WAAAA,IAAeC,SAAAA;AAChC,QAAM,CAACC,OAAOC,QAAAA,IAAYF,SAAAA;AAC1B,QAAM,CAACzB,OAAO4B,QAAAA,IAAYH,SAAAA;AAC1B,QAAM,CAACI,cAAcC,eAAAA,IAAmBL,SAAAA;AAExCM,sBACEZ,cACA,OAAO;IACLa,UAAU,CAACjC,SAAAA;AACTqB,YAAMa,KAAK;QAAEC,MAAM;QAAUnC;MAAK,CAAA;IACpC;EACF,IACA;IAACqB;GAAM;AAGT,SACE,sBAAA,cAACR,yBAAAA;IACCM;IACAE;IACAM;IACAC;IACAJ;IACAC;IACAxB;IACA4B;IACAC;IACAC;KAECb,QAAAA;AAGP,CAAA;AAOF,IAAMkB,wBAAwB;AAI9B,IAAMC,kBAAkBC,WAAiD,CAAC,EAAEC,YAAY,GAAGC,MAAAA,GAASpB,iBAAAA;AAClG,QAAM,EAAEqB,EAAC,IAAKC,eAAeC,cAAAA;AAC7B,QAAM,EAAExB,cAAcE,OAAOM,OAAOH,SAAQ,IAAKV,mBAAmBsB,qBAAAA;AACpE,QAAMQ,MAAMtB,QAAQ,MAAMuB,QAAQ5D,OAAO0C,SAAS,GAAG,GAAGR,YAAAA,GAAe;IAACQ;IAAOR;GAAa;AAC5F,QAAM2B,QAAQxB,QAAQ,MAAM,oBAAIpC,KAAAA,GAAQ,CAAA,CAAE;AAE1C,QAAM6D,cAAcC,YAAY,MAAA;AAC9B3B,UAAMa,KAAK;MAAEC,MAAM;MAAUnC,MAAM8C;IAAM,CAAA;EAC3C,GAAG;IAACzB;IAAOpC;IAAO6D;GAAM;AAExB,SACE,sBAAA,cAACG,OAAAA;IACE,GAAGC,gBAAgBV,OAAO;MACzBW,MAAM;MACNZ,YAAY;QAAC;QAA8DA;;IAC7E,CAAA;IACAa,KAAKhC;IACLiC,OAAO;MAAEC,OAAOlE;IAAa;KAE7B,sBAAA,cAAC6D,OAAAA;IAAIM,WAAU;KACb,sBAAA,cAACC,YAAAA;IACCC,SAAQ;IACRC,MAAK;IACLC,UAAAA;IACApB,YAAW;IACXqB,OAAOnB,EAAE,cAAA;IACToB,SAASd;OAGb,sBAAA,cAACE,OAAAA;IAAIM,WAAU;KAA4CO,OAAOtC,YAAYoB,KAAK,MAAA,CAAA,GACnF,sBAAA,cAACK,OAAAA;IAAIM,WAAU;MAA0C/B,YAAYoB,KAAKmB,YAAW,CAAA,CAAA;AAG3F,CAAA;AAEA1B,gBAAgB2B,cAAc5B;AAM9B,IAAM6B,qBAAqB;AAsB3B,IAAMC,eAAe5B,WACnB,CAAC,EAAEC,YAAY4B,MAAMC,QAAQ,CAAA,GAAIC,aAAaC,UAAUC,eAAe,GAAG/B,MAAAA,GAASpB,iBAAAA;AACjF,QAAM,EAAED,cAAcE,OAAOO,UAAUJ,UAAUC,aAAaxB,OAAO4B,UAAUC,cAAcC,gBAAe,IAC1GjB,mBAAmBmD,kBAAAA;AACrB,QAAM,EAAEb,KAAKoB,cAAclB,QAAQ,GAAGmB,SAAS,EAAC,IAAKC,kBAAAA;AACrD,QAAMC,YAAYR,OAAOA,OAAOhF,OAAOyB;AACvC,QAAMgE,UAAUC,OAAa,IAAA;AAC7B,QAAMC,UAAUD,OAAuB,IAAA;AACvC,QAAM/B,QAAQxB,QAAQ,MAAM,oBAAIpC,KAAAA,GAAQ,CAAA,CAAE;AAG1C,QAAM6F,UAAUzD,QAAQ,MAAM,IAAI0D,IAAIZ,MAAMa,IAAI,CAACjF,SAASL,WAAWK,IAAAA,EAAMkF,YAAW,CAAA,CAAA,GAAM;IAACd;GAAM;AAEnG,QAAMe,UAAUnC,YAAY,CAAChD,SAAe+E,QAAQK,IAAIzF,WAAWK,IAAAA,EAAMkF,YAAW,CAAA,GAAK;IAACH;GAAQ;AAElG,QAAM,CAACM,aAAaC,cAAAA,IAAkB5D,SAAS,KAAA;AAC/C6D,YAAU,MAAA;AACR,UAAM5D,QAAQ6D,YAAYvG,OAAOoF,eAAevB,OAAO3B,YAAAA;AACvDyD,YAAQtE,SAASmF,YAAY9D,KAAAA;EAC/B,GAAG;IAAC0D;IAAapG;IAAO6D;IAAOuB;IAAalD;GAAa;AAEzDoE,YAAU,MAAA;AACR,WAAOlE,MAAMqE,GAAG,CAACrE,WAAAA;AACf,cAAQA,OAAMc,MAAI;QAChB,KAAK,UAAU;AACb,gBAAMR,QAAQ6D,YAAYvG,OAAOoC,OAAMrB,MAAMmB,YAAAA;AAC7CyD,kBAAQtE,SAASmF,YAAY9D,KAAAA;AAC7B;QACF;MACF;IACF,CAAA;EACF,GAAG;IAACN;GAAM;AAEV,QAAMsE,OAAOrE,QAAQ,MAAA;AACnB,UAAMsE,YAAYC,YAAY,oBAAI3G,KAAAA,GAAQ;MAAEiC;IAAa,CAAA;AACzD,WAAO2E,MAAMjG,KAAK;MAAEkG,QAAQ;IAAE,GAAG,CAACC,GAAGC,MAAAA;AACnC,YAAM/F,MAAMgG,QAAQN,WAAWK,CAAAA;AAC/B,aAAOnC,OAAO5D,KAAK,KAAA;IACrB,CAAA;EACF,GAAG,CAAA,CAAE;AAYL,QAAMiG,YAAYtB,OAAyBjE,MAAAA;AAC3C,QAAMwF,WAAWvB,OAAyBjE,MAAAA;AAC1C,QAAMyF,cAAcxB,OAAO,KAAA;AAG3B,QAAMyB,cAAczB,OAAe,CAAA;AACnC,QAAM0B,cAAc1B,OAAe,CAAA;AACnC,QAAM2B,eAAe3B,OAAO,CAAA;AAC5B,QAAM4B,eAAe5B,OAA2BjE,MAAAA;AAKhD,QAAM8F,iBAAiB1D,YACrB,CAAChD,SAAAA;AACC,UAAM2G,YAAYnB,YAAYvG,OAAOe,MAAMmB,YAAAA;AAC3C,UAAMyF,gBAAgBjC,aAAaF;AACnC,QAAI,CAACmC,eAAe;AAClB;IACF;AAIA,UAAMC,uBAAuBC,KAAKC,KAAKP,aAAalG,UAAUnB,IAAAA;AAC9D,UAAM6H,sBAAsBF,KAAKG,OAAOT,aAAalG,UAAUsG,iBAAiBzH,IAAAA,IAAQ;AACxF,QAAIwH,YAAYE,sBAAsB;AAEpCjC,cAAQtE,SAAS4G,iBAAiBP,YAAYxH,IAAAA;IAChD,WAAWwH,YAAYK,qBAAqB;AAG1CpC,cAAQtE,SAAS4G,iBAAiBJ,KAAKK,IAAI,IAAIR,YAAY,KAAKxH,OAAOyH,aAAAA,CAAAA;IACzE;EACF,GACA;IAACnC;IAAQE;IAAWxD;GAAa;AAGnC,QAAMiG,wBAAwBpE,YAC5B,CAACqE,OAAaC,YAAY,UAAK;AAC7B,UAAMC,SAASpB,UAAU7F;AACzB,QAAI,CAACiH,QAAQ;AACX;IACF;AACAnB,aAAS9F,UAAU+G;AACnB,QAAIG,UAAUD,QAAQF,KAAAA,GAAQ;AAC5BxF,eAASjB,MAAAA;AACTa,kBAAY8F,MAAAA;IACd,OAAO;AACL9F,kBAAYb,MAAAA;AACZ,YAAM6G,YAAYlI,UAAUgI,QAAQF,KAAAA;AACpCxF,eAAS4F,SAAAA;AACT,UAAIH,WAAW;AACb/C,wBAAgB;UAAEtE,OAAOwH;QAAU,CAAA;MACrC;IACF;EACF,GACA;IAAClD;IAAe1C;IAAUJ;GAAY;AAWxC,QAAMiG,kBAAkB7C,OAAyBjE,MAAAA;AAEjD,QAAM+G,uBAAuB3E,YAC3B,CAAChD,MAAY4H,OAAAA;AACXA,OAAGC,eAAc;AACjBH,oBAAgBpH,UAAUkB;AAC1B2E,cAAU7F,UAAUN;AACpBoG,aAAS9F,UAAUN;AACnBqG,gBAAY/F,UAAU;AAEtBuB,aAASjB,MAAAA;AACTmB,oBAAgBnB,MAAAA;AAChBa,gBAAYzB,IAAAA;AAEZ8E,YAAQxE,SAAS+G,MAAM;MAAES,eAAe;IAAK,CAAA;EAC/C,GACA;IAACtG;IAAUO;IAAiBF;IAAUJ;GAAY;AAGpD,QAAMsG,wBAAwB/E,YAC5B,CAAChD,SAAAA;AACC,QAAI,CAACqG,YAAY/F,SAAS;AACxB;IACF;AACA,UAAMiH,SAASpB,UAAU7F;AACzB,QAAI,CAACiH,QAAQ;AACX;IACF;AACAnB,aAAS9F,UAAUN;AAInByB,gBAAYb,MAAAA;AACZmB,oBAAgBxC,UAAUgI,QAAQvH,IAAAA,CAAAA;EACpC,GACA;IAAC+B;IAAiBN;GAAY;AAGhC,QAAMuG,qBAAqBhF,YACzB,CAAChD,SAAAA;AACC,UAAMuH,SAASpB,UAAU7F;AACzB,UAAM2H,cAAc5B,YAAY/F;AAChC+F,gBAAY/F,UAAU;AACtByB,oBAAgBnB,MAAAA;AAChB,QAAI,CAACqH,eAAe,CAACV,QAAQ;AAC3B;IACF;AACAnB,aAAS9F,UAAUN;AACnB,QAAIwH,UAAUD,QAAQvH,IAAAA,GAAO;AAI3B,UAAI0H,gBAAgBpH,WAAWkH,UAAUE,gBAAgBpH,SAASN,IAAAA,GAAO;AACvEyB,oBAAYb,MAAAA;AACZuF,kBAAU7F,UAAUM;AACpBwF,iBAAS9F,UAAUM;AACnB;MACF;AACAa,kBAAY8F,MAAAA;AACZjD,iBAAW;QAAEtE;MAAK,CAAA;AAClB;IACF;AAEA,UAAMyH,YAAYlI,UAAUgI,QAAQvH,IAAAA;AACpC6B,aAAS4F,SAAAA;AACTlD,oBAAgB;MAAEtE,OAAOwH;IAAU,CAAA;EACrC,GACA;IAACnD;IAAUC;IAAexC;IAAiBF;IAAUJ;GAAY;AAInE8D,YAAU,MAAA;AACR,UAAM2C,SAAS,MAAA;AACb,UAAI7B,YAAY/F,SAAS;AACvB+F,oBAAY/F,UAAU;AACtByB,wBAAgBnB,MAAAA;MAClB;IACF;AACAuH,WAAOC,iBAAiB,aAAaF,MAAAA;AACrCC,WAAOC,iBAAiB,iBAAiBF,MAAAA;AACzC,WAAO,MAAA;AACLC,aAAOE,oBAAoB,aAAaH,MAAAA;AACxCC,aAAOE,oBAAoB,iBAAiBH,MAAAA;IAC9C;EACF,GAAG;IAACnG;GAAgB;AAKpB,QAAMuG,iBAAiBtF,YAAY,MAAA;AACjCyD,iBAAanG,UAAUM;AACvB,QAAI,CAACyF,YAAY/F,SAAS;AACxB;IACF;AACA,UAAMiI,OAAO/D,aAAalE,SAASkI,sBAAAA;AACnC,QAAI,CAACD,MAAM;AACT;IACF;AACA,UAAME,IAAIlC,YAAYjG;AACtB,QAAIoI,QAAQ;AACZ,QAAID,IAAIF,KAAK3F,MAAMvD,kBAAkB;AACnCqJ,cAAQ,CAACpJ,wBAAwBwH,KAAK6B,IAAI,GAAG7B,KAAKK,IAAI,IAAIoB,KAAK3F,MAAMvD,mBAAmBoJ,KAAKpJ,gBAAAA,CAAAA;IAC/F,WAAWoJ,IAAIF,KAAKK,SAASvJ,kBAAkB;AAC7CqJ,cACEpJ,wBAAwBwH,KAAK6B,IAAI,GAAG7B,KAAKK,IAAI,IAAIsB,KAAKF,KAAKK,SAASvJ,qBAAqBA,gBAAAA,CAAAA;IAC7F;AACA,QAAIqJ,UAAU,GAAG;AACf,YAAMG,YAAY/B,KAAKK,IAAI,GAAGX,aAAalG,UAAUoI,KAAAA;AACrD9D,cAAQtE,SAAS4G,iBAAiB2B,SAAAA;AAGlC,YAAM7I,OAAOI,SAASG,SAASuI,iBAAiBxC,YAAYhG,SAASmI,CAAAA,CAAAA;AACrE,YAAMlB,SAASpB,UAAU7F;AACzB,UAAIN,QAAQuH,QAAQ;AAClBnB,iBAAS9F,UAAUN;AACnB,YAAIwH,UAAUD,QAAQvH,IAAAA,GAAO;AAC3B+B,0BAAgBnB,MAAAA;AAChBa,sBAAY8F,MAAAA;QACd,OAAO;AACL9F,sBAAYb,MAAAA;AACZmB,0BAAgBxC,UAAUgI,QAAQvH,IAAAA,CAAAA;QACpC;MACF;AACAyG,mBAAanG,UAAUyI,sBAAsBT,cAAAA;IAC/C;EACF,GAAG;IAAC9D;IAAczC;IAAiBN;GAAY;AAE/C8D,YAAU,MAAA;AACR,UAAMyD,aAAa,CAACpB,OAAAA;AAClB,UAAI,CAACvB,YAAY/F,SAAS;AACxB;MACF;AACAgG,kBAAYhG,UAAUsH,GAAGqB;AACzB1C,kBAAYjG,UAAUsH,GAAGsB;AACzB,UAAIzC,aAAanG,YAAYM,QAAW;AACtC6F,qBAAanG,UAAUyI,sBAAsBT,cAAAA;MAC/C;IACF;AACAH,WAAOC,iBAAiB,eAAeY,UAAAA;AACvC,WAAO,MAAA;AACLb,aAAOE,oBAAoB,eAAeW,UAAAA;AAC1C,UAAIvC,aAAanG,YAAYM,QAAW;AACtCuI,6BAAqB1C,aAAanG,OAAO;AACzCmG,qBAAanG,UAAUM;MACzB;IACF;EACF,GAAG;IAAC0H;GAAe;AAKnB,QAAMc,gBAAgBpG,YACpB,CAAC4E,OAAAA;AACC,QAAIyB,KAAK;AACT,YAAQzB,GAAG0B,KAAG;MACZ,KAAK;AACHD,aAAK;AACL;MACF,KAAK;AACHA,aAAK;AACL;MACF,KAAK;AACHA,aAAK;AACL;MACF,KAAK;AACHA,aAAK;AACL;MACF;AACE;IACJ;AACAzB,OAAGC,eAAc;AAEjB,QAAID,GAAG2B,UAAU;AAEf,UAAIhC,SAASpB,UAAU7F;AACvB,UAAI+G,QAAQjB,SAAS9F;AACrB,UAAI,CAACiH,QAAQ;AAEX,YAAI/F,UAAU;AACZ+F,mBAAS5H,WAAW6B,QAAAA;AACpB6F,kBAAQE;QACV,WAAWtH,OAAO;AAChBsH,mBAAStH,MAAMJ;AACfwH,kBAAQpH,MAAMH;QAChB,OAAO;AACLyH,mBAAS5H,WAAWmD,KAAAA;AACpBuE,kBAAQE;QACV;AACApB,kBAAU7F,UAAUiH;AACpBnB,iBAAS9F,UAAU+G;MACrB;AACA,YAAMmC,WAAWtD,QAAQmB,SAASE,QAAQ8B,EAAAA;AAC1CjC,4BAAsBoC,UAAU,IAAA;AAChC9C,qBAAe8C,QAAAA;IACjB,OAAO;AAEL,YAAMlJ,UAAUkB,YAAY4E,SAAS9F,WAAW6F,UAAU7F,WAAWwC;AACrE,YAAM2G,OAAOvD,QAAQvG,WAAWW,OAAAA,GAAU+I,EAAAA;AAC1ClD,gBAAU7F,UAAUmJ;AACpBrD,eAAS9F,UAAUmJ;AACnB5H,eAASjB,MAAAA;AACTmB,sBAAgBnB,MAAAA;AAChBa,kBAAYgI,IAAAA;AACZnF,iBAAW;QAAEtE,MAAMyJ;MAAK,CAAA;AACxB/C,qBAAe+C,IAAAA;IACjB;EACF,GACA;IAACnF;IAAUrE;IAAOyG;IAAgBlF;IAAUO;IAAiBF;IAAUJ;IAAaqB;IAAOsE;GAAsB;AAGnH,QAAMsC,cAAc5H,gBAAgB7B;AAEpC,QAAM0J,eAAe3G,YAAgD,CAAC4G,SAAAA;AACpEpD,iBAAalG,UAAUsJ,KAAKC;AAC5BjI,aAASkF,KAAKgD,MAAMF,KAAKC,YAAY1K,IAAAA,CAAAA;EACvC,GAAG,CAAA,CAAE;AAEL,QAAM4K,cAAc/G,YAClB,CAAC,EAAEsG,KAAK3H,OAAO0B,MAAK,MAAE;AAGpB,UAAM2G,aAAa,CAAChK,SAAgBA,KAAKiK,SAAQ,IAAK,MAAM,IAAI,qBAAqB;AAErF,WACE,sBAAA,cAAChH,OAAAA;MAAIqG;MAAUjG;MAAcE,WAAU;OACrC,sBAAA,cAACN,OAAAA;MAAIM,WAAU;MAAoCF,OAAO;QAAE6G,qBAAqB,aAAa/K,IAAAA;MAAU;OACrG2G,MAAMjG,KAAK;MAAEkG,QAAQ;IAAE,CAAA,EAAGd,IAAI,CAACe,GAAGC,MAAAA;AACjC,YAAMjG,OAAO6C,QAAQ5D,OAAO0C,OAAOsE,GAAG9E,YAAAA;AACtC,YAAMgJ,UAAUpK,UAAUC,MAAM0J,WAAAA;AAChC,YAAMU,SAAS5C,UAAUxH,MAAMwB,QAAAA,IAC3B,uBACAgG,UAAUxH,MAAM8C,KAAAA,IACd,qBACAqC,QAAQnF,IAAAA,IACN,qCACAY;AAER,aACE,sBAAA,cAACqC,OAAAA;QACCqG,KAAKrD;QACLoE,aAAW1K,WAAWK,IAAAA,EAAMkF,YAAW;QACvC3B,WAAW+G,GACT,wEACAN,WAAWhK,IAAAA,CAAAA;QAEbuK,eAAe,CAAC3C,OAAOD,qBAAqB3H,MAAM4H,EAAAA;QAClD4C,gBAAgB,MAAMzC,sBAAsB/H,IAAAA;QAC5CyK,aAAa,MAAMzC,mBAAmBhI,IAAAA;SAErCmK,WAAW,sBAAA,cAAClH,OAAAA;QAAIM,WAAU;UAC3B,sBAAA,cAACmH,QAAAA;QAAKnH,WAAU;SAAqCvD,KAAK6C,QAAO,CAAA,GAChE,CAACuH,UAAUpK,KAAK6C,QAAO,MAAO,KAC7B,sBAAA,cAAC6H,QAAAA;QAAKnH,WAAU;SAA2CO,OAAO9D,MAAM,KAAA,CAAA,GAEzEoK,UAAU,sBAAA,cAACnH,OAAAA;QAAIM,WAAW+G,GAAG,0CAA0CF,MAAAA;;IAG9E,CAAA,CAAA,CAAA;EAIR,GACA;IAACV;IAAa/B;IAAsBI;IAAuBC;IAAoB7C;IAAS3D;IAAUL;GAAa;AAGjH,SACE,sBAAA,cAAC8B,OAAAA;IACE,GAAGC,gBAAgBV,OAAO;MACzBW,MAAM;MACNZ,YAAY;QAAC;QAA6EA;;IAC5F,CAAA;IACAa,KAAK,CAACuH,SAAAA;AACJ7F,cAAQxE,UAAUqK;AAClB,UAAI,OAAOvJ,iBAAiB,YAAY;AACtCA,qBAAauJ,IAAAA;MACf,WAAWvJ,cAAc;AACtBA,qBAA+Dd,UAAUqK;MAC5E;IACF;IACAC,UAAU;IACVC,WAAWzB;KAGX,sBAAA,cAACnG,OAAAA;IAAIM,WAAU;IAA0BF,OAAO;MAAEC,OAAOlE;IAAa;KACnEuG,KAAKV,IAAI,CAACjF,MAAMiG,MACf,sBAAA,cAAChD,OAAAA;IAAIqG,KAAKrD;IAAG1C,WAAU;KACpBvD,IAAAA,CAAAA,CAAAA,GAMP,sBAAA,cAACiD,OAAAA;IAAIM,WAAU;IAA6DH,KAAKoB;KAC/E,sBAAA,cAACsG,MAAAA;IACC1H,KAAKwB;IACLzB,MAAK;IACLI,WAAU;IACVD;IACAmB,QAAQE,aAAaF;IACrBsG,UAAU/L;IACVgM,WAAW7L;IACX4K;IACAkB,mBAAkB;IAClBC,UAAUvB;IACVwB,gBAAgB,MAAM7F,eAAe,IAAA;;AAK/C,CAAA;AAGFpB,aAAaF,cAAcC;AAMpB,IAAMmH,WAAW;EACtBC,MAAMrK;EACNsK,SAASjJ;EACTkJ,MAAMrH;AACR;",
+  "names": ["createContext", "addDays", "format", "startOfDay", "startOfWeek", "React", "forwardRef", "useCallback", "useEffect", "useImperativeHandle", "useMemo", "useRef", "useState", "useResizeDetector", "List", "Event", "IconButton", "useTranslation", "composable", "composableProps", "mx", "translationKey", "differenceInCalendarDays", "getDate", "start", "weekNumber", "dayOfWeek", "weekStartsOn", "result", "Date", "startDayOfWeek", "getDay", "adjustedStartDay", "setDate", "getRowIndex", "date", "row0Start", "Math", "floor", "isSameDay", "date1", "date2", "getFullYear", "getMonth", "maxRows", "start", "Date", "size", "defaultWidth", "EDGE_SCROLL_ZONE", "EDGE_SCROLL_MAX_SPEED", "makeRange", "a", "b", "dayA", "startOfDay", "dayB", "from", "to", "isInRange", "date", "range", "day", "getTime", "cellDate", "el", "current", "document", "body", "iso", "getAttribute", "parentElement", "undefined", "CalendarContextProvider", "useCalendarContext", "createContext", "CalendarRoot", "forwardRef", "children", "weekStartsOn", "forwardedRef", "event", "useMemo", "Event", "selected", "setSelected", "useState", "index", "setIndex", "setRange", "pendingRange", "setPendingRange", "useImperativeHandle", "scrollTo", "emit", "type", "CALENDAR_TOOLBAR_NAME", "CalendarToolbar", "composable", "classNames", "props", "t", "useTranslation", "translationKey", "top", "getDate", "today", "handleToday", "useCallback", "div", "composableProps", "role", "ref", "style", "width", "className", "IconButton", "variant", "icon", "iconOnly", "label", "onClick", "format", "getFullYear", "displayName", "CALENDAR_GRID_NAME", "CalendarGrid", "rows", "dates", "initialDate", "onSelect", "onSelectRange", "containerRef", "height", "useResizeDetector", "maxHeight", "listRef", "useRef", "gridRef", "dateSet", "Set", "map", "toISOString", "hasDate", "has", "initialized", "setInitialized", "useEffect", "getRowIndex", "scrollToRow", "on", "days", "weekStart", "startOfWeek", "Array", "length", "_", "i", "addDays", "anchorRef", "focusRef", "draggingRef", "pointerXRef", "pointerYRef", "scrollTopRef", "scrollRafRef", "scrollIntoView", "targetRow", "visibleHeight", "firstFullyVisibleRow", "Math", "ceil", "lastFullyVisibleRow", "floor", "scrollToPosition", "max", "updateRangeFromAnchor", "focus", "fireRange", "anchor", "isSameDay", "committed", "prevSelectedRef", "handleDayPointerDown", "ev", "preventDefault", "preventScroll", "handleDayPointerEnter", "handleDayPointerUp", "wasDragging", "cancel", "window", "addEventListener", "removeEventListener", "tickEdgeScroll", "rect", "getBoundingClientRect", "y", "delta", "min", "bottom", "newScroll", "elementFromPoint", "requestAnimationFrame", "handleMove", "clientX", "clientY", "cancelAnimationFrame", "handleKeyDown", "dx", "key", "shiftKey", "newFocus", "next", "activeRange", "handleScroll", "info", "scrollTop", "round", "rowRenderer", "getBgColor", "getMonth", "gridTemplateColumns", "inRange", "border", "data-date", "mx", "onPointerDown", "onPointerEnter", "onPointerUp", "span", "node", "tabIndex", "onKeyDown", "List", "rowCount", "rowHeight", "scrollToAlignment", "onScroll", "onRowsRendered", "Calendar", "Root", "Toolbar", "Grid"]
 }