@calchemy/date-react 0.1.0

package/dist/chunk-KI7GMSS3.js

@@ -0,0 +1,451 @@
+// src/components/calendar/context.ts
+import { createContext, useContext } from "react";
+var CalchemyContext = createContext(null);
+var CalendarContext = createContext(null);
+var CalendarPeriodContext = createContext(null);
+var CalendarScrollContext = createContext(null);
+function useCalchemyContext() {
+  const state = useContext(CalchemyContext);
+  if (!state) {
+    throw new Error("Calchemy components must be rendered inside Calchemy.Root.");
+  }
+  return state;
+}
+function useCalchemyCalendar() {
+  const state = useContext(CalendarContext);
+  if (!state) {
+    throw new Error("Calchemy calendar components must be rendered inside Calchemy.Calendar.");
+  }
+  return state;
+}
+function useCalendarPeriod() {
+  return useContext(CalendarPeriodContext);
+}
+
+// src/components/calendar/calendar-period-drag.tsx
+import {
+  createContext as createContext2,
+  useCallback,
+  useContext as useContext2,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import { jsx } from "react/jsx-runtime";
+var CalendarPeriodDragContext = createContext2(null);
+var multipleDragSurfaceStyle = {
+  position: "relative",
+  userSelect: "none",
+  WebkitUserSelect: "none",
+  touchAction: "none"
+};
+function useOptionalCalendarPeriodDrag() {
+  return useContext2(CalendarPeriodDragContext);
+}
+function useCalendarPeriodDragSurface(dragSelection = true) {
+  const calendar = useCalchemyCalendar();
+  const multipleSelection = dragSelection && calendar.calchemy.expectedValue === "multiple";
+  const surfaceRef = useRef(null);
+  const dayCells = useRef(/* @__PURE__ */ new Map());
+  const suppressClickRef = useRef(false);
+  const dragStateRef = useRef(null);
+  const dragPreviewFrameRef = useRef(null);
+  const dragGestureCleanupRef = useRef(null);
+  const [dragState, setDragState] = useState(null);
+  const [dragRectangle, setDragRectangle] = useState(null);
+  const previewSelectedKeys = useMemo(
+    () => new Set(dragState?.previewKeys ?? []),
+    [dragState]
+  );
+  const acquireDragGestureLock = useCallback(() => {
+    if (dragGestureCleanupRef.current || typeof document === "undefined") {
+      return;
+    }
+    const preventGestureDefault = (event) => {
+      event.preventDefault();
+    };
+    const clearDocumentSelection = () => {
+      document.getSelection()?.removeAllRanges();
+    };
+    const previousBodyUserSelect = document.body.style.userSelect;
+    const previousDocumentUserSelect = document.documentElement.style.userSelect;
+    document.body.style.userSelect = "none";
+    document.documentElement.style.userSelect = "none";
+    document.addEventListener("pointermove", preventGestureDefault, { capture: true, passive: false });
+    document.addEventListener("touchmove", preventGestureDefault, { capture: true, passive: false });
+    document.addEventListener("wheel", preventGestureDefault, { capture: true, passive: false });
+    document.addEventListener("selectstart", preventGestureDefault, { capture: true });
+    document.addEventListener("dragstart", preventGestureDefault, { capture: true });
+    clearDocumentSelection();
+    dragGestureCleanupRef.current = () => {
+      document.removeEventListener("pointermove", preventGestureDefault, { capture: true });
+      document.removeEventListener("touchmove", preventGestureDefault, { capture: true });
+      document.removeEventListener("wheel", preventGestureDefault, { capture: true });
+      document.removeEventListener("selectstart", preventGestureDefault, { capture: true });
+      document.removeEventListener("dragstart", preventGestureDefault, { capture: true });
+      document.body.style.userSelect = previousBodyUserSelect;
+      document.documentElement.style.userSelect = previousDocumentUserSelect;
+      clearDocumentSelection();
+      dragGestureCleanupRef.current = null;
+    };
+  }, []);
+  const releaseDragGestureLock = useCallback(() => {
+    dragGestureCleanupRef.current?.();
+    if (dragPreviewFrameRef.current !== null) {
+      cancelAnimationFrame(dragPreviewFrameRef.current);
+      dragPreviewFrameRef.current = null;
+    }
+  }, []);
+  const scheduleDragPreviewUpdate = useCallback((nextDragState) => {
+    dragStateRef.current = nextDragState;
+    if (dragPreviewFrameRef.current !== null) {
+      return;
+    }
+    dragPreviewFrameRef.current = requestAnimationFrame(() => {
+      setDragState(dragStateRef.current);
+      dragPreviewFrameRef.current = null;
+    });
+  }, []);
+  const registerDay = useCallback((element, date, disabled) => {
+    const key = date.toString();
+    if (element) {
+      dayCells.current.set(key, { date, disabled, element });
+      return;
+    }
+    dayCells.current.delete(key);
+  }, []);
+  const getDayCellFromTarget = useCallback((target) => {
+    if (!(target instanceof Element)) {
+      return null;
+    }
+    const button = target.closest("[calchemy-date]");
+    if (!(button instanceof HTMLButtonElement)) {
+      return null;
+    }
+    for (const cell of dayCells.current.values()) {
+      if (cell.element === button) {
+        return cell;
+      }
+    }
+    return null;
+  }, []);
+  const commitMultipleSelection = useCallback(
+    (keys, fallbackDates = []) => {
+      const dates = resolveDateKeys(keys, dayCells.current, fallbackDates);
+      calendar.selectValue({
+        kind: "multiple",
+        dates
+      });
+    },
+    [calendar]
+  );
+  const endDragGesture = useCallback(
+    (pointerId) => {
+      if (pointerId !== void 0) {
+        surfaceRef.current?.releasePointerCapture?.(pointerId);
+      }
+      releaseDragGestureLock();
+      dragStateRef.current = null;
+      setDragState(null);
+      setDragRectangle(null);
+    },
+    [releaseDragGestureLock]
+  );
+  const handlePointerMove = useCallback(
+    (event) => {
+      const activeDrag = dragStateRef.current;
+      if (!multipleSelection || !activeDrag || event.pointerId !== activeDrag.pointerId) {
+        return;
+      }
+      event.preventDefault();
+      const current = getPointerPoint(event);
+      setDragRectangle({ start: activeDrag.start, current });
+      const dragRect = getDragRect(activeDrag.start, current);
+      const clipRect = getDragClipRect(surfaceRef.current);
+      const gestureKeys = getIntersectingDateKeys(
+        dayCells.current,
+        dragRect,
+        activeDrag.cellBounds,
+        clipRect
+      );
+      const baseKeys = activeDrag.baseDates.map((date) => date.toString());
+      const previewKeys = toggleDateKeys(baseKeys, gestureKeys);
+      const hasMoved = activeDrag.hasMoved || hasPointerMoved(activeDrag.start, current);
+      scheduleDragPreviewUpdate({
+        ...activeDrag,
+        current,
+        previewKeys,
+        hasMoved
+      });
+    },
+    [multipleSelection, scheduleDragPreviewUpdate]
+  );
+  const handlePointerDownCapture = useCallback(
+    (event) => {
+      if (!multipleSelection || event.button !== 0 || !event.isPrimary) {
+        return;
+      }
+      const baseDates = getMultipleDates(calendar.selected);
+      event.preventDefault();
+      if (typeof document !== "undefined") {
+        document.getSelection()?.removeAllRanges();
+      }
+      surfaceRef.current = event.currentTarget;
+      surfaceRef.current?.setPointerCapture?.(event.pointerId);
+      acquireDragGestureLock();
+      const nextDragState = {
+        pointerId: event.pointerId,
+        start: getPointerPoint(event),
+        current: getPointerPoint(event),
+        baseDates,
+        previewKeys: baseDates.map((selectedDate) => selectedDate.toString()),
+        hasMoved: false,
+        startDayCell: getDayCellFromTarget(event.target),
+        cellBounds: snapshotCellBounds(dayCells.current)
+      };
+      dragStateRef.current = nextDragState;
+      setDragState(nextDragState);
+      setDragRectangle({
+        start: nextDragState.start,
+        current: nextDragState.current
+      });
+    },
+    [acquireDragGestureLock, calendar.selected, getDayCellFromTarget, multipleSelection]
+  );
+  const handlePointerUp = useCallback(
+    (event) => {
+      const activeDrag = dragStateRef.current;
+      if (!multipleSelection || !activeDrag || event.pointerId !== activeDrag.pointerId) {
+        return;
+      }
+      if (dragPreviewFrameRef.current !== null) {
+        cancelAnimationFrame(dragPreviewFrameRef.current);
+        dragPreviewFrameRef.current = null;
+        setDragState(activeDrag);
+      }
+      event.preventDefault();
+      suppressClickRef.current = true;
+      setTimeout(() => {
+        suppressClickRef.current = false;
+      }, 0);
+      if (activeDrag.hasMoved) {
+        commitMultipleSelection(activeDrag.previewKeys, activeDrag.baseDates);
+      } else {
+        const dayCell = activeDrag.startDayCell;
+        if (dayCell && !dayCell.disabled) {
+          const selectedDates = getMultipleDates(calendar.selected);
+          const nextKeys = toggleDateKeys(
+            selectedDates.map((selectedDate) => selectedDate.toString()),
+            [dayCell.date.toString()]
+          );
+          commitMultipleSelection(nextKeys, selectedDates.concat(dayCell.date));
+        }
+      }
+      endDragGesture(event.pointerId);
+      const focused = document.activeElement;
+      if (focused instanceof HTMLElement && event.currentTarget.contains(focused)) {
+        focused.blur();
+      }
+    },
+    [calendar.selected, commitMultipleSelection, endDragGesture, getDayCellFromTarget, multipleSelection]
+  );
+  const handlePointerCancel = useCallback(
+    (event) => {
+      const activeDrag = dragStateRef.current;
+      if (!activeDrag || event.pointerId !== activeDrag.pointerId) {
+        return;
+      }
+      endDragGesture(event.pointerId);
+    },
+    [endDragGesture]
+  );
+  return useMemo(() => {
+    if (!multipleSelection) {
+      return null;
+    }
+    return {
+      multipleSelection,
+      dragState,
+      dragRectangle,
+      previewSelectedKeys,
+      suppressClickRef,
+      surfaceRef,
+      registerDay,
+      handlePointerDownCapture,
+      handlePointerMove,
+      handlePointerUp,
+      handlePointerCancel
+    };
+  }, [
+    dragRectangle,
+    dragState,
+    handlePointerCancel,
+    handlePointerDownCapture,
+    handlePointerMove,
+    handlePointerUp,
+    multipleSelection,
+    previewSelectedKeys,
+    registerDay
+  ]);
+}
+function CalendarDragRectangleOverlay({
+  dragRectangle: dragRectangleProp,
+  surfaceRef: surfaceRefProp
+} = {}) {
+  const drag = useOptionalCalendarPeriodDrag();
+  const dragRectangle = dragRectangleProp ?? drag?.dragRectangle ?? null;
+  const surfaceRef = surfaceRefProp ?? drag?.surfaceRef;
+  if (!dragRectangle) {
+    return null;
+  }
+  const surface = surfaceRef?.current;
+  if (!surface) {
+    return null;
+  }
+  const surfaceRect = surface.getBoundingClientRect();
+  const left = Math.min(dragRectangle.start.x, dragRectangle.current.x) - surfaceRect.left;
+  const top = Math.min(dragRectangle.start.y, dragRectangle.current.y) - surfaceRect.top;
+  const width = Math.abs(dragRectangle.current.x - dragRectangle.start.x);
+  const height = Math.abs(dragRectangle.current.y - dragRectangle.start.y);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-hidden": "true",
+      "calchemy-drag-rect": "",
+      style: {
+        position: "absolute",
+        left,
+        top,
+        width,
+        height,
+        pointerEvents: "none",
+        boxSizing: "border-box"
+      }
+    }
+  );
+}
+function CalendarPeriodDragProvider({ value, children }) {
+  return /* @__PURE__ */ jsx(CalendarPeriodDragContext.Provider, { value, children });
+}
+function getMultipleDates(value) {
+  return value?.kind === "multiple" ? value.dates : [];
+}
+function getSelectedDateKeys(value) {
+  return getMultipleDates(value).map((date) => date.toString());
+}
+function toggleDateKeys(baseKeys, toggledKeys) {
+  const next = new Set(baseKeys);
+  for (const key of toggledKeys) {
+    if (next.has(key)) {
+      next.delete(key);
+    } else {
+      next.add(key);
+    }
+  }
+  return Array.from(next).sort();
+}
+function getPointerPoint(event) {
+  return { x: event.clientX, y: event.clientY };
+}
+function hasPointerMoved(start, current) {
+  return Math.abs(start.x - current.x) > 2 || Math.abs(start.y - current.y) > 2;
+}
+function getDragRect(start, current) {
+  const left = Math.min(start.x, current.x);
+  const right = Math.max(start.x, current.x);
+  const top = Math.min(start.y, current.y);
+  const bottom = Math.max(start.y, current.y);
+  return {
+    left,
+    right,
+    top,
+    bottom,
+    x: left,
+    y: top,
+    width: right - left,
+    height: bottom - top,
+    toJSON: () => ({})
+  };
+}
+function snapshotCellBounds(cells) {
+  const bounds = /* @__PURE__ */ new Map();
+  for (const [key, cell] of cells) {
+    const rect = cell.element.getBoundingClientRect();
+    bounds.set(key, {
+      left: rect.left,
+      right: rect.right,
+      top: rect.top,
+      bottom: rect.bottom
+    });
+  }
+  return bounds;
+}
+function getDragClipRect(surface) {
+  if (!surface) {
+    return null;
+  }
+  const scrollContainer = surface.closest("[calchemy-scroll]");
+  if (!(scrollContainer instanceof HTMLElement)) {
+    return null;
+  }
+  const rect = scrollContainer.getBoundingClientRect();
+  return {
+    left: rect.left,
+    right: rect.right,
+    top: rect.top,
+    bottom: rect.bottom
+  };
+}
+function clipBoundsToRect(bounds, clip) {
+  const left = Math.max(bounds.left, clip.left);
+  const right = Math.min(bounds.right, clip.right);
+  const top = Math.max(bounds.top, clip.top);
+  const bottom = Math.min(bounds.bottom, clip.bottom);
+  if (left > right || top > bottom) {
+    return null;
+  }
+  return { left, right, top, bottom };
+}
+function getIntersectingDateKeys(cells, dragRect, cellBounds, clipRect = null) {
+  const clippedDragRect = clipRect ? clipBoundsToRect(dragRect, clipRect) : dragRect;
+  if (!clippedDragRect) {
+    return [];
+  }
+  return Array.from(cells.entries()).filter(([key, cell]) => {
+    const bounds = cellBounds.get(key);
+    if (!bounds || cell.disabled) {
+      return false;
+    }
+    const visibleBounds = clipRect ? clipBoundsToRect(bounds, clipRect) : bounds;
+    return visibleBounds && rectsIntersect(clippedDragRect, visibleBounds);
+  }).map(([key]) => key);
+}
+function rectsIntersect(left, right) {
+  return left.left <= right.right && left.right >= right.left && left.top <= right.bottom && left.bottom >= right.top;
+}
+function resolveDateKeys(keys, cells, fallbackDates) {
+  const fallbackByKey = new Map(fallbackDates.map((date) => [date.toString(), date]));
+  return Array.from(keys).sort().flatMap((key) => {
+    const date = cells.get(key)?.date ?? fallbackByKey.get(key);
+    return date ? [date] : [];
+  });
+}
+
+export {
+  CalchemyContext,
+  CalendarContext,
+  CalendarPeriodContext,
+  CalendarScrollContext,
+  useCalchemyContext,
+  useCalchemyCalendar,
+  useCalendarPeriod,
+  multipleDragSurfaceStyle,
+  useOptionalCalendarPeriodDrag,
+  useCalendarPeriodDragSurface,
+  CalendarDragRectangleOverlay,
+  CalendarPeriodDragProvider,
+  getMultipleDates,
+  getSelectedDateKeys,
+  toggleDateKeys
+};
+//# sourceMappingURL=chunk-KI7GMSS3.js.map

package/dist/chunk-KI7GMSS3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/calendar/context.ts","../src/components/calendar/calendar-period-drag.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { CalchemyState } from \"../../hooks/useCalchemy\";\nimport type { CalendarPeriodModel, CalendarScrollContextValue, CalendarState } from \"./types\";\n\nexport const CalchemyContext = createContext<CalchemyState | null>(null);\nexport const CalendarContext = createContext<CalendarState | null>(null);\nexport const CalendarPeriodContext = createContext<CalendarPeriodModel | null>(null);\nexport const CalendarScrollContext = createContext<CalendarScrollContextValue | null>(null);\n\nexport function useCalchemyContext(): CalchemyState {\n  const state = useContext(CalchemyContext);\n\n  if (!state) {\n    throw new Error(\"Calchemy components must be rendered inside Calchemy.Root.\");\n  }\n\n  return state;\n}\n\nexport function useCalchemyCalendar(): CalendarState {\n  const state = useContext(CalendarContext);\n\n  if (!state) {\n    throw new Error(\"Calchemy calendar components must be rendered inside Calchemy.Calendar.\");\n  }\n\n  return state;\n}\n\nexport function useCalendarPeriod(): CalendarPeriodModel | null {\n  return useContext(CalendarPeriodContext);\n}\n","import {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n  type PointerEvent,\n  type RefObject,\n} from \"react\";\nimport type { DateValue, PlainDate } from \"@calchemy/date-core\";\nimport { useCalchemyCalendar } from \"./context\";\n\ntype Point = {\n  x: number;\n  y: number;\n};\n\ntype CellBounds = {\n  left: number;\n  right: number;\n  top: number;\n  bottom: number;\n};\n\ntype DragState = {\n  pointerId: number;\n  start: Point;\n  current: Point;\n  baseDates: PlainDate[];\n  previewKeys: string[];\n  hasMoved: boolean;\n  startDayCell: DayCell | null;\n  cellBounds: ReadonlyMap<string, CellBounds>;\n};\n\ntype DayCell = {\n  date: PlainDate;\n  disabled: boolean;\n  element: HTMLButtonElement;\n};\n\ntype DragRectangle = {\n  start: Point;\n  current: Point;\n};\n\nexport type CalendarPeriodDragContextValue = {\n  multipleSelection: boolean;\n  dragState: DragState | null;\n  dragRectangle: DragRectangle | null;\n  previewSelectedKeys: ReadonlySet<string>;\n  suppressClickRef: RefObject<boolean>;\n  surfaceRef: RefObject<HTMLElement | null>;\n  registerDay(element: HTMLButtonElement | null, date: PlainDate, disabled: boolean): void;\n  handlePointerDownCapture(event: PointerEvent<HTMLElement>): void;\n  handlePointerMove(event: PointerEvent<HTMLElement>): void;\n  handlePointerUp(event: PointerEvent<HTMLElement>): void;\n  handlePointerCancel(event: PointerEvent<HTMLElement>): void;\n};\n\nconst CalendarPeriodDragContext = createContext<CalendarPeriodDragContextValue | null>(null);\n\nexport const multipleDragSurfaceStyle = {\n  position: \"relative\",\n  userSelect: \"none\",\n  WebkitUserSelect: \"none\",\n  touchAction: \"none\",\n} as const;\n\nexport function useOptionalCalendarPeriodDrag(): CalendarPeriodDragContextValue | null {\n  return useContext(CalendarPeriodDragContext);\n}\n\nexport function useCalendarPeriodDragSurface(\n  dragSelection = true,\n): CalendarPeriodDragContextValue | null {\n  const calendar = useCalchemyCalendar();\n  const multipleSelection = dragSelection && calendar.calchemy.expectedValue === \"multiple\";\n  const surfaceRef = useRef<HTMLElement | null>(null);\n  const dayCells = useRef(new Map<string, DayCell>());\n  const suppressClickRef = useRef(false);\n  const dragStateRef = useRef<DragState | null>(null);\n  const dragPreviewFrameRef = useRef<number | null>(null);\n  const dragGestureCleanupRef = useRef<(() => void) | null>(null);\n  const [dragState, setDragState] = useState<DragState | null>(null);\n  const [dragRectangle, setDragRectangle] = useState<DragRectangle | null>(null);\n  const previewSelectedKeys = useMemo(\n    () => new Set(dragState?.previewKeys ?? []),\n    [dragState],\n  );\n\n  const acquireDragGestureLock = useCallback(() => {\n    if (dragGestureCleanupRef.current || typeof document === \"undefined\") {\n      return;\n    }\n\n    const preventGestureDefault = (event: Event) => {\n      event.preventDefault();\n    };\n\n    const clearDocumentSelection = () => {\n      document.getSelection()?.removeAllRanges();\n    };\n\n    const previousBodyUserSelect = document.body.style.userSelect;\n    const previousDocumentUserSelect = document.documentElement.style.userSelect;\n    document.body.style.userSelect = \"none\";\n    document.documentElement.style.userSelect = \"none\";\n\n    document.addEventListener(\"pointermove\", preventGestureDefault, { capture: true, passive: false });\n    document.addEventListener(\"touchmove\", preventGestureDefault, { capture: true, passive: false });\n    document.addEventListener(\"wheel\", preventGestureDefault, { capture: true, passive: false });\n    document.addEventListener(\"selectstart\", preventGestureDefault, { capture: true });\n    document.addEventListener(\"dragstart\", preventGestureDefault, { capture: true });\n    clearDocumentSelection();\n\n    dragGestureCleanupRef.current = () => {\n      document.removeEventListener(\"pointermove\", preventGestureDefault, { capture: true });\n      document.removeEventListener(\"touchmove\", preventGestureDefault, { capture: true });\n      document.removeEventListener(\"wheel\", preventGestureDefault, { capture: true });\n      document.removeEventListener(\"selectstart\", preventGestureDefault, { capture: true });\n      document.removeEventListener(\"dragstart\", preventGestureDefault, { capture: true });\n      document.body.style.userSelect = previousBodyUserSelect;\n      document.documentElement.style.userSelect = previousDocumentUserSelect;\n      clearDocumentSelection();\n      dragGestureCleanupRef.current = null;\n    };\n  }, []);\n\n  const releaseDragGestureLock = useCallback(() => {\n    dragGestureCleanupRef.current?.();\n    if (dragPreviewFrameRef.current !== null) {\n      cancelAnimationFrame(dragPreviewFrameRef.current);\n      dragPreviewFrameRef.current = null;\n    }\n  }, []);\n\n  const scheduleDragPreviewUpdate = useCallback((nextDragState: DragState) => {\n    dragStateRef.current = nextDragState;\n    if (dragPreviewFrameRef.current !== null) {\n      return;\n    }\n\n    dragPreviewFrameRef.current = requestAnimationFrame(() => {\n      setDragState(dragStateRef.current);\n      dragPreviewFrameRef.current = null;\n    });\n  }, []);\n\n  const registerDay = useCallback((element: HTMLButtonElement | null, date: PlainDate, disabled: boolean) => {\n    const key = date.toString();\n    if (element) {\n      dayCells.current.set(key, { date, disabled, element });\n      return;\n    }\n\n    dayCells.current.delete(key);\n  }, []);\n\n  const getDayCellFromTarget = useCallback((target: EventTarget | null): DayCell | null => {\n    if (!(target instanceof Element)) {\n      return null;\n    }\n\n    const button = target.closest(\"[calchemy-date]\");\n    if (!(button instanceof HTMLButtonElement)) {\n      return null;\n    }\n\n    for (const cell of dayCells.current.values()) {\n      if (cell.element === button) {\n        return cell;\n      }\n    }\n\n    return null;\n  }, []);\n\n  const commitMultipleSelection = useCallback(\n    (keys: Iterable<string>, fallbackDates: readonly PlainDate[] = []) => {\n      const dates = resolveDateKeys(keys, dayCells.current, fallbackDates);\n      calendar.selectValue({\n        kind: \"multiple\",\n        dates,\n      });\n    },\n    [calendar],\n  );\n\n  const endDragGesture = useCallback(\n    (pointerId?: number) => {\n      if (pointerId !== undefined) {\n        surfaceRef.current?.releasePointerCapture?.(pointerId);\n      }\n\n      releaseDragGestureLock();\n      dragStateRef.current = null;\n      setDragState(null);\n      setDragRectangle(null);\n    },\n    [releaseDragGestureLock],\n  );\n\n  const handlePointerMove = useCallback(\n    (event: PointerEvent<HTMLElement>) => {\n      const activeDrag = dragStateRef.current;\n      if (!multipleSelection || !activeDrag || event.pointerId !== activeDrag.pointerId) {\n        return;\n      }\n\n      event.preventDefault();\n      const current = getPointerPoint(event);\n      setDragRectangle({ start: activeDrag.start, current });\n      const dragRect = getDragRect(activeDrag.start, current);\n      const clipRect = getDragClipRect(surfaceRef.current);\n      const gestureKeys = getIntersectingDateKeys(\n        dayCells.current,\n        dragRect,\n        activeDrag.cellBounds,\n        clipRect,\n      );\n      const baseKeys = activeDrag.baseDates.map((date) => date.toString());\n      const previewKeys = toggleDateKeys(baseKeys, gestureKeys);\n      const hasMoved = activeDrag.hasMoved || hasPointerMoved(activeDrag.start, current);\n      scheduleDragPreviewUpdate({\n        ...activeDrag,\n        current,\n        previewKeys,\n        hasMoved,\n      });\n    },\n    [multipleSelection, scheduleDragPreviewUpdate],\n  );\n\n  const handlePointerDownCapture = useCallback(\n    (event: PointerEvent<HTMLElement>) => {\n      if (!multipleSelection || event.button !== 0 || !event.isPrimary) {\n        return;\n      }\n\n      const baseDates = getMultipleDates(calendar.selected);\n      event.preventDefault();\n\n      if (typeof document !== \"undefined\") {\n        document.getSelection()?.removeAllRanges();\n      }\n\n      surfaceRef.current = event.currentTarget;\n      surfaceRef.current?.setPointerCapture?.(event.pointerId);\n      acquireDragGestureLock();\n      const nextDragState: DragState = {\n        pointerId: event.pointerId,\n        start: getPointerPoint(event),\n        current: getPointerPoint(event),\n        baseDates,\n        previewKeys: baseDates.map((selectedDate) => selectedDate.toString()),\n        hasMoved: false,\n        startDayCell: getDayCellFromTarget(event.target),\n        cellBounds: snapshotCellBounds(dayCells.current),\n      };\n      dragStateRef.current = nextDragState;\n      setDragState(nextDragState);\n      setDragRectangle({\n        start: nextDragState.start,\n        current: nextDragState.current,\n      });\n    },\n    [acquireDragGestureLock, calendar.selected, getDayCellFromTarget, multipleSelection],\n  );\n\n  const handlePointerUp = useCallback(\n    (event: PointerEvent<HTMLElement>) => {\n      const activeDrag = dragStateRef.current;\n      if (!multipleSelection || !activeDrag || event.pointerId !== activeDrag.pointerId) {\n        return;\n      }\n\n      if (dragPreviewFrameRef.current !== null) {\n        cancelAnimationFrame(dragPreviewFrameRef.current);\n        dragPreviewFrameRef.current = null;\n        setDragState(activeDrag);\n      }\n\n      event.preventDefault();\n\n      suppressClickRef.current = true;\n      setTimeout(() => {\n        suppressClickRef.current = false;\n      }, 0);\n\n      if (activeDrag.hasMoved) {\n        commitMultipleSelection(activeDrag.previewKeys, activeDrag.baseDates);\n      } else {\n        const dayCell = activeDrag.startDayCell;\n        if (dayCell && !dayCell.disabled) {\n          const selectedDates = getMultipleDates(calendar.selected);\n          const nextKeys = toggleDateKeys(\n            selectedDates.map((selectedDate) => selectedDate.toString()),\n            [dayCell.date.toString()],\n          );\n          commitMultipleSelection(nextKeys, selectedDates.concat(dayCell.date));\n        }\n      }\n\n      endDragGesture(event.pointerId);\n\n      const focused = document.activeElement;\n      if (focused instanceof HTMLElement && event.currentTarget.contains(focused)) {\n        focused.blur();\n      }\n    },\n    [calendar.selected, commitMultipleSelection, endDragGesture, getDayCellFromTarget, multipleSelection],\n  );\n\n  const handlePointerCancel = useCallback(\n    (event: PointerEvent<HTMLElement>) => {\n      const activeDrag = dragStateRef.current;\n      if (!activeDrag || event.pointerId !== activeDrag.pointerId) {\n        return;\n      }\n\n      endDragGesture(event.pointerId);\n    },\n    [endDragGesture],\n  );\n\n  return useMemo(() => {\n    if (!multipleSelection) {\n      return null;\n    }\n\n    return {\n      multipleSelection,\n      dragState,\n      dragRectangle,\n      previewSelectedKeys,\n      suppressClickRef,\n      surfaceRef,\n      registerDay,\n      handlePointerDownCapture,\n      handlePointerMove,\n      handlePointerUp,\n      handlePointerCancel,\n    };\n  }, [\n    dragRectangle,\n    dragState,\n    handlePointerCancel,\n    handlePointerDownCapture,\n    handlePointerMove,\n    handlePointerUp,\n    multipleSelection,\n    previewSelectedKeys,\n    registerDay,\n  ]);\n}\n\nexport type CalendarDragRectangleOverlayProps = {\n  dragRectangle?: DragRectangle | null;\n  surfaceRef?: RefObject<HTMLElement | null>;\n};\n\nexport function CalendarDragRectangleOverlay({\n  dragRectangle: dragRectangleProp,\n  surfaceRef: surfaceRefProp,\n}: CalendarDragRectangleOverlayProps = {}) {\n  const drag = useOptionalCalendarPeriodDrag();\n  const dragRectangle = dragRectangleProp ?? drag?.dragRectangle ?? null;\n  const surfaceRef = surfaceRefProp ?? drag?.surfaceRef;\n\n  if (!dragRectangle) {\n    return null;\n  }\n\n  const surface = surfaceRef?.current;\n  if (!surface) {\n    return null;\n  }\n\n  const surfaceRect = surface.getBoundingClientRect();\n  const left = Math.min(dragRectangle.start.x, dragRectangle.current.x) - surfaceRect.left;\n  const top = Math.min(dragRectangle.start.y, dragRectangle.current.y) - surfaceRect.top;\n  const width = Math.abs(dragRectangle.current.x - dragRectangle.start.x);\n  const height = Math.abs(dragRectangle.current.y - dragRectangle.start.y);\n\n  return (\n    <div\n      aria-hidden=\"true\"\n      calchemy-drag-rect=\"\"\n      style={{\n        position: \"absolute\",\n        left,\n        top,\n        width,\n        height,\n        pointerEvents: \"none\",\n        boxSizing: \"border-box\",\n      }}\n    />\n  );\n}\n\nexport type CalendarPeriodDragProviderProps = {\n  value: CalendarPeriodDragContextValue;\n  children: React.ReactNode;\n};\n\nexport function CalendarPeriodDragProvider({ value, children }: CalendarPeriodDragProviderProps) {\n  return (\n    <CalendarPeriodDragContext.Provider value={value}>{children}</CalendarPeriodDragContext.Provider>\n  );\n}\n\nexport function getMultipleDates(value: DateValue | null): PlainDate[] {\n  return value?.kind === \"multiple\" ? value.dates : [];\n}\n\nexport function getSelectedDateKeys(value: DateValue | null): string[] {\n  return getMultipleDates(value).map((date) => date.toString());\n}\n\nexport function toggleDateKeys(baseKeys: readonly string[], toggledKeys: readonly string[]): string[] {\n  const next = new Set(baseKeys);\n  for (const key of toggledKeys) {\n    if (next.has(key)) {\n      next.delete(key);\n    } else {\n      next.add(key);\n    }\n  }\n\n  return Array.from(next).sort();\n}\n\nfunction getPointerPoint(event: Pick<PointerEvent, \"clientX\" | \"clientY\">): Point {\n  return { x: event.clientX, y: event.clientY };\n}\n\nfunction hasPointerMoved(start: Point, current: Point): boolean {\n  return Math.abs(start.x - current.x) > 2 || Math.abs(start.y - current.y) > 2;\n}\n\nfunction getDragRect(start: Point, current: Point): DOMRect {\n  const left = Math.min(start.x, current.x);\n  const right = Math.max(start.x, current.x);\n  const top = Math.min(start.y, current.y);\n  const bottom = Math.max(start.y, current.y);\n\n  return {\n    left,\n    right,\n    top,\n    bottom,\n    x: left,\n    y: top,\n    width: right - left,\n    height: bottom - top,\n    toJSON: () => ({}),\n  } as DOMRect;\n}\n\nfunction snapshotCellBounds(cells: ReadonlyMap<string, DayCell>): Map<string, CellBounds> {\n  const bounds = new Map<string, CellBounds>();\n  for (const [key, cell] of cells) {\n    const rect = cell.element.getBoundingClientRect();\n    bounds.set(key, {\n      left: rect.left,\n      right: rect.right,\n      top: rect.top,\n      bottom: rect.bottom,\n    });\n  }\n\n  return bounds;\n}\n\nfunction getDragClipRect(surface: HTMLElement | null): CellBounds | null {\n  if (!surface) {\n    return null;\n  }\n\n  const scrollContainer = surface.closest(\"[calchemy-scroll]\");\n  if (!(scrollContainer instanceof HTMLElement)) {\n    return null;\n  }\n\n  const rect = scrollContainer.getBoundingClientRect();\n\n  return {\n    left: rect.left,\n    right: rect.right,\n    top: rect.top,\n    bottom: rect.bottom,\n  };\n}\n\nfunction clipBoundsToRect(\n  bounds: Pick<CellBounds, \"left\" | \"right\" | \"top\" | \"bottom\">,\n  clip: CellBounds,\n): CellBounds | null {\n  const left = Math.max(bounds.left, clip.left);\n  const right = Math.min(bounds.right, clip.right);\n  const top = Math.max(bounds.top, clip.top);\n  const bottom = Math.min(bounds.bottom, clip.bottom);\n\n  if (left > right || top > bottom) {\n    return null;\n  }\n\n  return { left, right, top, bottom };\n}\n\nfunction getIntersectingDateKeys(\n  cells: ReadonlyMap<string, DayCell>,\n  dragRect: DOMRect,\n  cellBounds: ReadonlyMap<string, CellBounds>,\n  clipRect: CellBounds | null = null,\n): string[] {\n  const clippedDragRect = clipRect ? clipBoundsToRect(dragRect, clipRect) : dragRect;\n  if (!clippedDragRect) {\n    return [];\n  }\n\n  return Array.from(cells.entries())\n    .filter(([key, cell]) => {\n      const bounds = cellBounds.get(key);\n      if (!bounds || cell.disabled) {\n        return false;\n      }\n\n      const visibleBounds = clipRect ? clipBoundsToRect(bounds, clipRect) : bounds;\n      return visibleBounds && rectsIntersect(clippedDragRect, visibleBounds);\n    })\n    .map(([key]) => key);\n}\n\nfunction rectsIntersect(\n  left: Pick<CellBounds, \"left\" | \"right\" | \"top\" | \"bottom\">,\n  right: CellBounds,\n): boolean {\n  return left.left <= right.right && left.right >= right.left && left.top <= right.bottom && left.bottom >= right.top;\n}\n\nfunction resolveDateKeys(\n  keys: Iterable<string>,\n  cells: ReadonlyMap<string, DayCell>,\n  fallbackDates: readonly PlainDate[],\n): PlainDate[] {\n  const fallbackByKey = new Map(fallbackDates.map((date) => [date.toString(), date]));\n  return Array.from(keys)\n    .sort()\n    .flatMap((key) => {\n      const date = cells.get(key)?.date ?? fallbackByKey.get(key);\n      return date ? [date] : [];\n    });\n}\n"],"mappings":"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","names":["createContext","useContext","createContext","useContext"]}

package/dist/chunk-NGJGJXY4.js

@@ -0,0 +1,34 @@
+// src/components/calendar/context.ts
+import { createContext, useContext } from "react";
+var CalchemyContext = createContext(null);
+var CalendarContext = createContext(null);
+var CalendarPeriodContext = createContext(null);
+var CalendarScrollContext = createContext(null);
+function useCalchemyContext() {
+  const state = useContext(CalchemyContext);
+  if (!state) {
+    throw new Error("Calchemy components must be rendered inside Calchemy.Root.");
+  }
+  return state;
+}
+function useCalchemyCalendar() {
+  const state = useContext(CalendarContext);
+  if (!state) {
+    throw new Error("Calchemy calendar components must be rendered inside Calchemy.Calendar.");
+  }
+  return state;
+}
+function useCalendarPeriod() {
+  return useContext(CalendarPeriodContext);
+}
+
+export {
+  CalchemyContext,
+  CalendarContext,
+  CalendarPeriodContext,
+  CalendarScrollContext,
+  useCalchemyContext,
+  useCalchemyCalendar,
+  useCalendarPeriod
+};
+//# sourceMappingURL=chunk-NGJGJXY4.js.map

package/dist/chunk-NGJGJXY4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/calendar/context.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { CalchemyState } from \"../../hooks/useCalchemy\";\nimport type { CalendarPeriodModel, CalendarScrollContextValue, CalendarState } from \"./types\";\n\nexport const CalchemyContext = createContext<CalchemyState | null>(null);\nexport const CalendarContext = createContext<CalendarState | null>(null);\nexport const CalendarPeriodContext = createContext<CalendarPeriodModel | null>(null);\nexport const CalendarScrollContext = createContext<CalendarScrollContextValue | null>(null);\n\nexport function useCalchemyContext(): CalchemyState {\n  const state = useContext(CalchemyContext);\n\n  if (!state) {\n    throw new Error(\"Calchemy components must be rendered inside Calchemy.Root.\");\n  }\n\n  return state;\n}\n\nexport function useCalchemyCalendar(): CalendarState {\n  const state = useContext(CalendarContext);\n\n  if (!state) {\n    throw new Error(\"Calchemy calendar components must be rendered inside Calchemy.Calendar.\");\n  }\n\n  return state;\n}\n\nexport function useCalendarPeriod(): CalendarPeriodModel | null {\n  return useContext(CalendarPeriodContext);\n}\n"],"mappings":";AAAA,SAAS,eAAe,kBAAkB;AAInC,IAAM,kBAAkB,cAAoC,IAAI;AAChE,IAAM,kBAAkB,cAAoC,IAAI;AAChE,IAAM,wBAAwB,cAA0C,IAAI;AAC5E,IAAM,wBAAwB,cAAiD,IAAI;AAEnF,SAAS,qBAAoC;AAClD,QAAM,QAAQ,WAAW,eAAe;AAExC,MAAI,CAAC,OAAO;AACV,UAAM,IAAI,MAAM,4DAA4D;AAAA,EAC9E;AAEA,SAAO;AACT;AAEO,SAAS,sBAAqC;AACnD,QAAM,QAAQ,WAAW,eAAe;AAExC,MAAI,CAAC,OAAO;AACV,UAAM,IAAI,MAAM,yEAAyE;AAAA,EAC3F;AAEA,SAAO;AACT;AAEO,SAAS,oBAAgD;AAC9D,SAAO,WAAW,qBAAqB;AACzC;","names":[]}

package/dist/components/Calchemy.d.ts

@@ -0,0 +1,50 @@
+import type { ComponentPropsWithoutRef, ReactNode } from "react";
+import { type UseCalchemyOptions } from "../hooks/useCalchemy";
+import { Calendar, CalendarHeader, CalendarHeading, CalendarNext, CalendarPrevious } from "./calendar/Calendar";
+import { CalendarGrid, CalendarWeekdays } from "./calendar/CalendarGrid";
+import { CalendarPeriodHeading } from "./calendar/CalendarPeriodHeading";
+import { CalendarPeriod } from "./calendar/CalendarPeriod";
+import { CalendarPeriodList } from "./calendar/CalendarPeriodList";
+import { CalendarMonthSelect, CalendarYearSelect } from "./calendar/CalendarSelects";
+export type CalchemyRootProps = UseCalchemyOptions & {
+    children: ReactNode;
+};
+declare function Root(props: CalchemyRootProps): import("react/jsx-runtime").JSX.Element;
+export type CalchemyFieldProps = Omit<ComponentPropsWithoutRef<"input">, "value" | "onChange" | "onKeyDown"> & {
+    renderInlineCompletion?: boolean;
+};
+declare function Field({ renderInlineCompletion, readOnly, ...props }: CalchemyFieldProps): import("react/jsx-runtime").JSX.Element;
+export type CalchemyInputModeProps = ComponentPropsWithoutRef<"div"> & {
+    fieldLabel?: ReactNode;
+    calendarLabel?: ReactNode;
+};
+declare function InputMode({ fieldLabel, calendarLabel, ...props }: CalchemyInputModeProps): import("react/jsx-runtime").JSX.Element;
+export type CalchemyCandidatesProps = ComponentPropsWithoutRef<"div">;
+declare function Candidates(props: CalchemyCandidatesProps): import("react/jsx-runtime").JSX.Element | null;
+export { useCalchemyCalendar, useCalchemyContext } from "./calendar/context";
+export type { CalendarBounds, CalendarDuration, CalendarNamedDates, CalendarPeriodModel, CalendarPeriodUnit, CalendarState, CalendarWeekdayFormat, ParsedCalendarPeriod, } from "./calendar/types";
+export type { CalchemyCalendarHeaderProps, CalchemyCalendarHeadingProps, CalchemyCalendarNavigationProps, CalchemyCalendarProps, } from "./calendar/Calendar";
+export type { CalchemyCalendarGridProps, CalchemyCalendarWeekdaysProps, } from "./calendar/CalendarGrid";
+export type { CalchemyCalendarPeriodHeadingProps } from "./calendar/CalendarPeriodHeading";
+export type { CalchemyCalendarPeriodListProps } from "./calendar/CalendarPeriodList";
+export type { CalchemyCalendarPeriodProps } from "./calendar/CalendarPeriod";
+export type { CalchemyCalendarMonthSelectProps, CalchemyCalendarYearSelectProps, } from "./calendar/CalendarSelects";
+export declare const Calchemy: {
+    Root: typeof Root;
+    Field: typeof Field;
+    InputMode: typeof InputMode;
+    Candidates: typeof Candidates;
+    Calendar: typeof Calendar;
+    CalendarHeader: typeof CalendarHeader;
+    CalendarHeading: typeof CalendarHeading;
+    CalendarPrevious: typeof CalendarPrevious;
+    CalendarNext: typeof CalendarNext;
+    CalendarPeriodList: typeof CalendarPeriodList;
+    CalendarPeriod: typeof CalendarPeriod;
+    CalendarPeriodHeading: typeof CalendarPeriodHeading;
+    CalendarWeekdays: typeof CalendarWeekdays;
+    CalendarGrid: typeof CalendarGrid;
+    CalendarMonthSelect: typeof CalendarMonthSelect;
+    CalendarYearSelect: typeof CalendarYearSelect;
+};
+//# sourceMappingURL=Calchemy.d.ts.map

package/dist/components/Calchemy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calchemy.d.ts","sourceRoot":"","sources":["../../src/components/Calchemy.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAe,KAAK,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC5E,OAAO,EACL,QAAQ,EACR,cAAc,EACd,eAAe,EACf,YAAY,EACZ,gBAAgB,EACjB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,4BAA4B,CAAC;AAEpC,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,GAAG;IACnD,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,iBAAS,IAAI,CAAC,KAAK,EAAE,iBAAiB,2CASrC;AAED,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,wBAAwB,CAAC,OAAO,CAAC,EACjC,OAAO,GAAG,UAAU,GAAG,WAAW,CACnC,GAAG;IACF,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAEF,iBAAS,KAAK,CAAC,EACb,sBAA6B,EAC7B,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAqBpB;AAED,MAAM,MAAM,sBAAsB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACrE,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B,CAAC;AAEF,iBAAS,SAAS,CAAC,EACjB,UAAmB,EACnB,aAAsB,EACtB,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAuBxB;AAED,MAAM,MAAM,uBAAuB,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAEtE,iBAAS,UAAU,CAAC,KAAK,EAAE,uBAAuB,kDAgCjD;AAED,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAE7E,YAAY,EACV,cAAc,EACd,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,EAClB,aAAa,EACb,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EACV,2BAA2B,EAC3B,4BAA4B,EAC5B,+BAA+B,EAC/B,qBAAqB,GACtB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,yBAAyB,EACzB,6BAA6B,GAC9B,MAAM,yBAAyB,CAAC;AACjC,YAAY,EAAE,kCAAkC,EAAE,MAAM,kCAAkC,CAAC;AAC3F,YAAY,EAAE,+BAA+B,EAAE,MAAM,+BAA+B,CAAC;AACrF,YAAY,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AAC7E,YAAY,EACV,gCAAgC,EAChC,+BAA+B,GAChC,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;CAiBpB,CAAC"}

package/dist/components/Calchemy.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CalchemyContext, useCalchemyContext } from "./calendar/context";
+import { useCalchemy } from "../hooks/useCalchemy";
+import { Calendar, CalendarHeader, CalendarHeading, CalendarNext, CalendarPrevious, } from "./calendar/Calendar";
+import { CalendarGrid, CalendarWeekdays } from "./calendar/CalendarGrid";
+import { CalendarPeriodHeading } from "./calendar/CalendarPeriodHeading";
+import { CalendarPeriod } from "./calendar/CalendarPeriod";
+import { CalendarPeriodList } from "./calendar/CalendarPeriodList";
+import { CalendarMonthSelect, CalendarYearSelect, } from "./calendar/CalendarSelects";
+function Root(props) {
+    const { children, ...options } = props;
+    const state = useCalchemy(options);
+    return (_jsx(CalchemyContext.Provider, { value: state, children: children }));
+}
+function Field({ renderInlineCompletion = true, readOnly, ...props }) {
+    const state = useCalchemyContext();
+    const inputProps = state.getInputProps();
+    const completion = state.inputMode === "field" ? state.inlineCompletion : null;
+    return (_jsxs("span", { "calchemy-field": "", "calchemy-input-mode": state.inputMode, "calchemy-has-completion": completion ? "" : undefined, children: [renderInlineCompletion && completion ? (_jsxs("span", { "calchemy-field-backdrop": "", "aria-hidden": "true", children: [_jsx("span", { "calchemy-field-typed": "", children: state.inputValue }), _jsx("span", { "calchemy-completions": "", children: completion.suffix })] })) : null, _jsx("input", { ...props, ...inputProps, readOnly: readOnly ?? inputProps.readOnly })] }));
+}
+function InputMode({ fieldLabel = "Type", calendarLabel = "Pick", ...props }) {
+    const state = useCalchemyContext();
+    return (_jsxs("div", { ...props, "calchemy-mode": "", "calchemy-active": state.inputMode, role: "group", children: [_jsx("button", { type: "button", "calchemy-value": "field", "aria-pressed": state.inputMode === "field", onClick: () => state.setInputMode("field"), children: fieldLabel }), _jsx("button", { type: "button", "calchemy-value": "calendar", "aria-pressed": state.inputMode === "calendar", onClick: () => state.setInputMode("calendar"), children: calendarLabel })] }));
+}
+function Candidates(props) {
+    const state = useCalchemyContext();
+    if (state.inputMode !== "field" || state.result.status !== "ambiguous") {
+        return null;
+    }
+    const candidates = state.expectedValue && state.expectedValue !== "multiple"
+        ? state.result.candidates.filter((candidate) => candidate.value.kind === state.expectedValue)
+        : state.result.candidates;
+    if (candidates.length === 0) {
+        return null;
+    }
+    return (_jsx("div", { ...props, "calchemy-candidates": "", children: candidates.map((candidate) => (_jsx("button", { type: "button", "calchemy-candidate": "", onClick: () => state.selectCandidate(candidate.id), children: candidate.label }, candidate.id))) }));
+}
+export { useCalchemyCalendar, useCalchemyContext } from "./calendar/context";
+export const Calchemy = {
+    Root,
+    Field,
+    InputMode,
+    Candidates,
+    Calendar,
+    CalendarHeader,
+    CalendarHeading,
+    CalendarPrevious,
+    CalendarNext,
+    CalendarPeriodList,
+    CalendarPeriod,
+    CalendarPeriodHeading,
+    CalendarWeekdays,
+    CalendarGrid,
+    CalendarMonthSelect,
+    CalendarYearSelect,
+};
+//# sourceMappingURL=Calchemy.js.map