silver-ui 0.3.1 → 0.5.0

package/dist/{chunk-D2DOHX4W.js → chunk-2VL66QBX.js}

@@ -1,114 +1,13 @@
-import { plainDateIsEqual, plainDateIsBefore, plainDateGetWeekNumber, plainDateFormat, DATE_FORMAT_MONTH_YEAR, plainDateIsInRange, DATE_FORMAT_WITH_WEEKDAY, getDaysInMonth, plainDateCreate, plainDateDayOfWeek, plainDateIsAfter, plainDateToday } from './chunk-QSEDH7T2.js';
+import { plainDateIsEqual, plainDateIsBefore, plainDateGetWeekNumber, plainDateFormat, DATE_FORMAT_MONTH_YEAR, plainDateIsInRange, DATE_FORMAT_WITH_WEEKDAY, getDaysInMonth, plainDateCreate, plainDateDayOfWeek, plainDateIsAfter, plainDateToday } from './chunk-5HPXUDX6.js';
 import { getBrowserTimezoneID } from './chunk-OX4ZMUF4.js';
-import { Button } from './chunk-RVENUWRD.js';
-import { sva } from './chunk-EHCAF6D3.js';
+import { Button } from './chunk-THTVYP5V.js';
+import { sva } from './chunk-IAVZKGZS.js';
 import { cx } from './chunk-PPNETWIP.js';
 import { Temporal } from '@js-temporal/polyfill';
 import { ChevronLeft, ChevronRight } from 'lucide-react';
 import { memo, useMemo, useCallback, useEffect, useRef, useState, useImperativeHandle } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-function useGridFocus({
-  columns,
-  cellSelector = 'button:not([disabled]), [tabindex]:not([tabindex="-1"])',
-  onNavigateAfter,
-  onNavigateBefore,
-  onPageDown,
-  onPageUp
-}) {
-  const gridRef = useRef(null);
-  const getCells = useCallback(() => {
-    return gridRef.current == null ? [] : Array.from(gridRef.current.querySelectorAll(cellSelector));
-  }, [cellSelector]);
-  const focusCell = useCallback(
-    (index) => {
-      const cells = getCells();
-      const clampedIndex = Math.max(0, Math.min(index, cells.length - 1));
-      cells[clampedIndex]?.focus();
-    },
-    [getCells]
-  );
-  const focusFirst = useCallback(() => focusCell(0), [focusCell]);
-  const focusLast = useCallback(() => {
-    const cells = getCells();
-    cells.at(-1)?.focus();
-  }, [getCells]);
-  const handleKeyDown = useCallback(
-    (event) => {
-      const cells = getCells();
-      const currentIndex = cells.findIndex(
-        (cell) => cell === document.activeElement
-      );
-      if (currentIndex === -1) {
-        return;
-      }
-      const currentRow = Math.floor(currentIndex / columns);
-      const currentColumn = currentIndex % columns;
-      const totalRows = Math.ceil(cells.length / columns);
-      let nextIndex = null;
-      switch (event.key) {
-        case "ArrowRight":
-          nextIndex = currentIndex + 1;
-          break;
-        case "ArrowLeft":
-          nextIndex = currentIndex - 1;
-          break;
-        case "ArrowDown":
-          if (currentRow >= totalRows - 1) {
-            onNavigateAfter?.(currentColumn, columns);
-          } else {
-            nextIndex = currentIndex + columns;
-          }
-          break;
-        case "ArrowUp":
-          if (currentRow <= 0) {
-            onNavigateBefore?.(currentColumn, columns);
-          } else {
-            nextIndex = currentIndex - columns;
-          }
-          break;
-        case "Home":
-          nextIndex = event.ctrlKey || event.metaKey ? 0 : currentRow * columns;
-          break;
-        case "End":
-          nextIndex = event.ctrlKey || event.metaKey ? cells.length - 1 : Math.min((currentRow + 1) * columns - 1, cells.length - 1);
-          break;
-        case "PageUp":
-          onPageUp?.();
-          break;
-        case "PageDown":
-          onPageDown?.();
-          break;
-        default:
-          return;
-      }
-      event.preventDefault();
-      event.stopPropagation();
-      if (nextIndex == null) {
-        return;
-      }
-      if (nextIndex < 0) {
-        onNavigateBefore?.(currentColumn, 1);
-        return;
-      }
-      if (nextIndex >= cells.length) {
-        onNavigateAfter?.(currentColumn, 1);
-        return;
-      }
-      cells[nextIndex]?.focus();
-    },
-    [
-      columns,
-      getCells,
-      onNavigateAfter,
-      onNavigateBefore,
-      onPageDown,
-      onPageUp
-    ]
-  );
-  return { gridRef, handleKeyDown, focusCell, focusFirst, focusLast };
-}
-
 // src/components/Calendar/Calendar.recipe.ts
 var calendarRecipe = sva({
   slots: [
@@ -319,6 +218,106 @@ var calendarRecipe = sva({
     roundedEnd: false
   }
 });
+function useGridFocus({
+  columns,
+  cellSelector = 'button:not([disabled]), [tabindex]:not([tabindex="-1"])',
+  onNavigateAfter,
+  onNavigateBefore,
+  onPageDown,
+  onPageUp
+}) {
+  const gridRef = useRef(null);
+  const getCells = useCallback(() => {
+    return gridRef.current == null ? [] : Array.from(gridRef.current.querySelectorAll(cellSelector));
+  }, [cellSelector]);
+  const focusCell = useCallback(
+    (index) => {
+      const cells = getCells();
+      const clampedIndex = Math.max(0, Math.min(index, cells.length - 1));
+      cells[clampedIndex]?.focus();
+    },
+    [getCells]
+  );
+  const focusFirst = useCallback(() => focusCell(0), [focusCell]);
+  const focusLast = useCallback(() => {
+    const cells = getCells();
+    cells.at(-1)?.focus();
+  }, [getCells]);
+  const handleKeyDown = useCallback(
+    (event) => {
+      const cells = getCells();
+      const currentIndex = cells.findIndex(
+        (cell) => cell === document.activeElement
+      );
+      if (currentIndex === -1) {
+        return;
+      }
+      const currentRow = Math.floor(currentIndex / columns);
+      const currentColumn = currentIndex % columns;
+      const totalRows = Math.ceil(cells.length / columns);
+      let nextIndex = null;
+      switch (event.key) {
+        case "ArrowRight":
+          nextIndex = currentIndex + 1;
+          break;
+        case "ArrowLeft":
+          nextIndex = currentIndex - 1;
+          break;
+        case "ArrowDown":
+          if (currentRow >= totalRows - 1) {
+            onNavigateAfter?.(currentColumn, columns);
+          } else {
+            nextIndex = currentIndex + columns;
+          }
+          break;
+        case "ArrowUp":
+          if (currentRow <= 0) {
+            onNavigateBefore?.(currentColumn, columns);
+          } else {
+            nextIndex = currentIndex - columns;
+          }
+          break;
+        case "Home":
+          nextIndex = event.ctrlKey || event.metaKey ? 0 : currentRow * columns;
+          break;
+        case "End":
+          nextIndex = event.ctrlKey || event.metaKey ? cells.length - 1 : Math.min((currentRow + 1) * columns - 1, cells.length - 1);
+          break;
+        case "PageUp":
+          onPageUp?.();
+          break;
+        case "PageDown":
+          onPageDown?.();
+          break;
+        default:
+          return;
+      }
+      event.preventDefault();
+      event.stopPropagation();
+      if (nextIndex == null) {
+        return;
+      }
+      if (nextIndex < 0) {
+        onNavigateBefore?.(currentColumn, 1);
+        return;
+      }
+      if (nextIndex >= cells.length) {
+        onNavigateAfter?.(currentColumn, 1);
+        return;
+      }
+      cells[nextIndex]?.focus();
+    },
+    [
+      columns,
+      getCells,
+      onNavigateAfter,
+      onNavigateBefore,
+      onPageDown,
+      onPageUp
+    ]
+  );
+  return { gridRef, handleKeyDown, focusCell, focusFirst, focusLast };
+}
 function generateCalendarDays({
   year,
   month,
@@ -383,6 +382,7 @@ function Calendar({
   "data-testid": dataTestId,
   defaultValue,
   getIsDateDisabled: getIsDateDisabledProp,
+  hasAutoFocus = false,
   hasOutsideDays = true,
   hasVariableRowCount = false,
   hasWeekNumbers = false,
@@ -408,6 +408,7 @@ function Calendar({
   const [rangeSelectionStart, setRangeSelectionStart] = useState(null);
   const [hoveredDate, setHoveredDate] = useState(null);
   const [pendingFocus, setPendingFocus] = useState(null);
+  const rootRef = useRef(null);
   const effectiveValue = value ?? internalValue;
   const isViewDateControlled = viewDateFromProps != null && onViewDateChange != null;
   const [internalViewDate, setInternalViewDate] = useState(() => {
@@ -463,6 +464,12 @@ function Calendar({
     }),
     [isViewDateControlled, onViewDateChange]
   );
+  useEffect(() => {
+    if (!hasAutoFocus) {
+      return;
+    }
+    rootRef.current?.querySelector('[data-date][tabindex="0"]')?.focus();
+  }, [hasAutoFocus]);
   const handleDayClick = useCallback(
     (date) => {
       if (mode === "single") {
@@ -508,6 +515,7 @@ function Calendar({
             event.stopPropagation();
           }
         },
+        ref: rootRef,
         style,
         children: [
           /* @__PURE__ */ jsxs("div", { className: styles.header, children: [
@@ -678,6 +686,7 @@ var MonthGrid = memo(function MonthGrid2({
       previewEnd = plainDateIsBefore(hoveredDate, rangeSelectionStart) ? rangeSelectionStart : hoveredDate;
     }
   }
+  const isSelectingRange = mode === "range" && rangeSelectionStart != null;
   const styles = calendarRecipe({ hasWeekNumbers });
   return /* @__PURE__ */ jsxs("div", { className: styles.monthGrid, children: [
     /* @__PURE__ */ jsxs("div", { className: styles.weekHeader, children: [
@@ -709,6 +718,7 @@ var MonthGrid = memo(function MonthGrid2({
                     dayIndex,
                     hasOutsideDays,
                     isDisabled: isDisabled(day.date),
+                    isSelectingRange,
                     isTabbable: tabbableDate != null && plainDateIsEqual(tabbableDate, day.date),
                     mode,
                     onDayClick,
@@ -743,6 +753,7 @@ var DayCell = memo(function DayCell2({
   today,
   hasOutsideDays,
   isDisabled,
+  isSelectingRange,
   isTabbable,
   onDayClick,
   onDayHover
@@ -796,11 +807,15 @@ var DayCell = memo(function DayCell2({
           }
         },
         onMouseEnter: () => {
-          if (!effectivelyDisabled) {
+          if (isSelectingRange && !effectivelyDisabled) {
             onDayHover(day.date);
           }
         },
-        onMouseLeave: () => onDayHover(null),
+        onMouseLeave: () => {
+          if (isSelectingRange) {
+            onDayHover(null);
+          }
+        },
         role: "gridcell",
         tabIndex: isTabbable ? 0 : -1,
         type: "button",
@@ -812,5 +827,5 @@ var DayCell = memo(function DayCell2({
 Calendar.displayName = "Calendar";
 
 export { Calendar };
-//# sourceMappingURL=chunk-D2DOHX4W.js.map
-//# sourceMappingURL=chunk-D2DOHX4W.js.map
+//# sourceMappingURL=chunk-2VL66QBX.js.map
+//# sourceMappingURL=chunk-2VL66QBX.js.map

package/dist/chunk-2VL66QBX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Calendar/Calendar.recipe.ts","../src/internal/useGridFocus.ts","../src/components/Calendar/Calendar.tsx"],"names":["useRef","useCallback","MonthGrid","DayCell"],"mappings":"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","file":"chunk-2VL66QBX.js","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const calendarRecipe = sva({\n  slots: [\n    'root',\n    'header',\n    'monthYear',\n    'months',\n    'monthGrid',\n    'weekHeader',\n    'dayName',\n    'daysGrid',\n    'weekRow',\n    'weekNumber',\n    'cell',\n    'rangeBackground',\n    'day',\n  ],\n  base: {\n    root: {\n      display: 'inline-block',\n      minW: '220px',\n      color: 'fg',\n      fontFamily: 'body',\n    },\n    header: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      gap: '2',\n      mb: '2',\n    },\n    monthYear: {\n      flex: 1,\n      textAlign: 'center',\n      fontSize: 'sm',\n      fontWeight: 'semibold',\n    },\n    months: {\n      display: 'flex',\n      gap: '4',\n    },\n    monthGrid: {\n      flex: '1 1 0',\n    },\n    weekHeader: {\n      display: 'grid',\n      gridTemplateColumns: 'repeat(7, 1fr)',\n      mb: '1',\n    },\n    dayName: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      w: 'component.md',\n      h: 'component.md',\n      color: 'fg.muted',\n      fontSize: 'sm',\n    },\n    daysGrid: {\n      display: 'grid',\n      gridTemplateColumns: 'repeat(7, 1fr)',\n    },\n    weekRow: {\n      display: 'contents',\n    },\n    weekNumber: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      w: 'component.md',\n      h: 'component.md',\n      color: 'fg.muted',\n      fontSize: 'sm',\n    },\n    cell: {\n      position: 'relative',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      h: 'component.md',\n      isolation: 'isolate',\n    },\n    rangeBackground: {\n      position: 'absolute',\n      insetBlock: '2px',\n      insetInline: 0,\n    },\n    day: {\n      position: 'relative',\n      zIndex: 1,\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      w: 'component.sm',\n      h: 'component.sm',\n      p: 0,\n      borderWidth: 0,\n      borderStyle: 'none',\n      borderRadius: 'full',\n      bg: 'transparent',\n      color: 'fg',\n      cursor: 'pointer',\n      fontFamily: 'inherit',\n      fontSize: 'md',\n      transitionProperty: 'background-color, color',\n      transitionDuration: 'fast',\n      _hover: {\n        bg: 'bg.subtle',\n      },\n      _focusVisible: {\n        outlineWidth: 'focus',\n        outlineStyle: 'solid',\n        outlineColor: 'primary',\n        outlineOffset: 'focusOffset',\n      },\n      _disabled: {\n        cursor: 'not-allowed',\n      },\n    },\n  },\n  variants: {\n    // Reserve a leading column for ISO week numbers in the header and grid.\n    hasWeekNumbers: {\n      true: {\n        weekHeader: {gridTemplateColumns: 'auto repeat(7, 1fr)'},\n        daysGrid: {gridTemplateColumns: 'auto repeat(7, 1fr)'},\n      },\n      false: {},\n    },\n    isOutside: {\n      true: {day: {color: 'fg.muted', opacity: 0.55}},\n      false: {},\n    },\n    // Marker variant; the today ring is suppressed for selected/in-range days,\n    // so the real styling lives in compoundVariants below.\n    isToday: {\n      true: {},\n      false: {},\n    },\n    isSelected: {\n      true: {\n        day: {\n          bg: 'primary',\n          color: 'fg.onPrimary',\n          _hover: {bg: 'primary'},\n        },\n      },\n      false: {},\n    },\n    // Marker variant; only used to suppress the today ring on range middles.\n    isInRange: {\n      true: {},\n      false: {},\n    },\n    // Declared after isOutside so the disabled opacity wins when both apply.\n    // Outside days are `aria-disabled` but intentionally not natively\n    // `disabled` (that would drop them from useGridFocus's dense-grid index\n    // math), so the not-allowed cursor is driven from this variant rather than\n    // the native `:disabled` pseudo.\n    isDisabled: {\n      true: {day: {opacity: 0.35, cursor: 'not-allowed'}},\n      false: {},\n    },\n    rangeTone: {\n      range: {rangeBackground: {bg: 'bg.selected'}},\n      preview: {rangeBackground: {bg: 'bg.subtle'}},\n    },\n    roundedStart: {\n      true: {\n        rangeBackground: {\n          left: '2px',\n          borderTopLeftRadius: 'full',\n          borderBottomLeftRadius: 'full',\n        },\n      },\n      false: {},\n    },\n    roundedEnd: {\n      true: {\n        rangeBackground: {\n          right: '2px',\n          borderTopRightRadius: 'full',\n          borderBottomRightRadius: 'full',\n        },\n      },\n      false: {},\n    },\n  },\n  compoundVariants: [\n    {\n      isToday: true,\n      isSelected: false,\n      isInRange: false,\n      css: {\n        day: {boxShadow: 'inset 0 0 0 1px token(colors.border.emphasized)'},\n      },\n    },\n  ],\n  defaultVariants: {\n    hasWeekNumbers: false,\n    isOutside: false,\n    isToday: false,\n    isSelected: false,\n    isInRange: false,\n    isDisabled: false,\n    rangeTone: 'range',\n    roundedStart: false,\n    roundedEnd: false,\n  },\n});\n\nexport type CalendarVariants = RecipeVariantProps<typeof calendarRecipe>;\n","import {useCallback, useRef} from 'react';\n\nexport interface UseGridFocusOptions {\n  cellSelector?: string;\n  columns: number;\n  onNavigateAfter?: (column: number, offset: number) => void;\n  onNavigateBefore?: (column: number, offset: number) => void;\n  onPageDown?: () => void;\n  onPageUp?: () => void;\n}\n\nexport interface UseGridFocusReturn<T extends HTMLElement = HTMLElement> {\n  focusCell: (index: number) => void;\n  focusFirst: () => void;\n  focusLast: () => void;\n  gridRef: React.RefObject<T | null>;\n  handleKeyDown: (event: React.KeyboardEvent) => void;\n}\n\nexport function useGridFocus<T extends HTMLElement = HTMLElement>({\n  columns,\n  cellSelector = 'button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])',\n  onNavigateAfter,\n  onNavigateBefore,\n  onPageDown,\n  onPageUp,\n}: UseGridFocusOptions): UseGridFocusReturn<T> {\n  const gridRef = useRef<T>(null);\n\n  const getCells = useCallback(() => {\n    return gridRef.current == null\n      ? []\n      : Array.from(gridRef.current.querySelectorAll<HTMLElement>(cellSelector));\n  }, [cellSelector]);\n\n  const focusCell = useCallback(\n    (index: number) => {\n      const cells = getCells();\n      const clampedIndex = Math.max(0, Math.min(index, cells.length - 1));\n      cells[clampedIndex]?.focus();\n    },\n    [getCells],\n  );\n\n  const focusFirst = useCallback(() => focusCell(0), [focusCell]);\n\n  const focusLast = useCallback(() => {\n    const cells = getCells();\n    cells.at(-1)?.focus();\n  }, [getCells]);\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent) => {\n      const cells = getCells();\n      const currentIndex = cells.findIndex(\n        cell => cell === document.activeElement,\n      );\n      if (currentIndex === -1) {\n        return;\n      }\n\n      const currentRow = Math.floor(currentIndex / columns);\n      const currentColumn = currentIndex % columns;\n      const totalRows = Math.ceil(cells.length / columns);\n      let nextIndex: number | null = null;\n\n      switch (event.key) {\n        case 'ArrowRight':\n          nextIndex = currentIndex + 1;\n          break;\n        case 'ArrowLeft':\n          nextIndex = currentIndex - 1;\n          break;\n        case 'ArrowDown':\n          if (currentRow >= totalRows - 1) {\n            onNavigateAfter?.(currentColumn, columns);\n          } else {\n            nextIndex = currentIndex + columns;\n          }\n          break;\n        case 'ArrowUp':\n          if (currentRow <= 0) {\n            onNavigateBefore?.(currentColumn, columns);\n          } else {\n            nextIndex = currentIndex - columns;\n          }\n          break;\n        case 'Home':\n          nextIndex = event.ctrlKey || event.metaKey ? 0 : currentRow * columns;\n          break;\n        case 'End':\n          nextIndex =\n            event.ctrlKey || event.metaKey\n              ? cells.length - 1\n              : Math.min((currentRow + 1) * columns - 1, cells.length - 1);\n          break;\n        case 'PageUp':\n          onPageUp?.();\n          break;\n        case 'PageDown':\n          onPageDown?.();\n          break;\n        default:\n          return;\n      }\n\n      event.preventDefault();\n      event.stopPropagation();\n\n      if (nextIndex == null) {\n        return;\n      }\n\n      if (nextIndex < 0) {\n        onNavigateBefore?.(currentColumn, 1);\n        return;\n      }\n\n      if (nextIndex >= cells.length) {\n        onNavigateAfter?.(currentColumn, 1);\n        return;\n      }\n\n      cells[nextIndex]?.focus();\n    },\n    [\n      columns,\n      getCells,\n      onNavigateAfter,\n      onNavigateBefore,\n      onPageDown,\n      onPageUp,\n    ],\n  );\n\n  return {gridRef, handleKeyDown, focusCell, focusFirst, focusLast};\n}\n","import {Temporal} from '@js-temporal/polyfill';\nimport {ChevronLeft, ChevronRight} from 'lucide-react';\nimport {\n  memo,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type Ref,\n} from 'react';\nimport {Button} from 'components/Button';\nimport {calendarRecipe} from 'components/Calendar/Calendar.recipe';\nimport {cx} from 'internal/cx';\nimport type {DateRange, DayOfWeek} from 'internal/dateTypes';\nimport {\n  DATE_FORMAT_MONTH_YEAR,\n  DATE_FORMAT_WITH_WEEKDAY,\n  getDaysInMonth,\n  plainDateCreate,\n  plainDateDayOfWeek,\n  plainDateFormat,\n  plainDateGetWeekNumber,\n  plainDateIsAfter,\n  plainDateIsBefore,\n  plainDateIsEqual,\n  plainDateIsInRange,\n  plainDateToday,\n  type PlainDate,\n} from 'internal/plainDate';\nimport {getBrowserTimezoneID} from 'internal/time';\nimport {useGridFocus} from 'internal/useGridFocus';\n\nexport type {DateRange, DayOfWeek} from 'internal/dateTypes';\n\nexport interface CalendarHandle {\n  navigateTo: (date: PlainDate) => void;\n}\n\ninterface CalendarBaseProps {\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Returns true for dates that should be disabled.\n   */\n  getIsDateDisabled?: (date: PlainDate) => boolean;\n  /**\n   * Whether to move focus into the day grid — onto the selected date, otherwise\n   * today, otherwise the first enabled day. Focus is (re)applied whenever this\n   * transitions to `true`, so driving it from an open state focuses the grid\n   * each time the calendar opens.\n   * @default false\n   */\n  hasAutoFocus?: boolean;\n  /**\n   * Whether to show outside-month days.\n   * @default true\n   */\n  hasOutsideDays?: boolean;\n  /**\n   * Whether month grids use only needed rows rather than a fixed six rows.\n   * @default false\n   */\n  hasVariableRowCount?: boolean;\n  /**\n   * Whether to show ISO week numbers.\n   * @default false\n   */\n  hasWeekNumbers?: boolean;\n  /**\n   * Maximum selectable date.\n   */\n  max?: PlainDate;\n  /**\n   * Minimum selectable date.\n   */\n  min?: PlainDate;\n  /**\n   * Number of months displayed.\n   * @default 1\n   */\n  numberOfMonths?: 1 | 2;\n  /**\n   * Called when the visible month changes. Passing this alongside `viewDate`\n   * puts the visible month in controlled mode: the calendar stops tracking the\n   * month itself and renders whatever `viewDate` you feed back here.\n   */\n  onViewDateChange?: (viewDate: PlainDate) => void;\n  /**\n   * Ref exposing imperative calendar navigation.\n   */\n  ref?: Ref<CalendarHandle>;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Timezone used to determine today's date.\n   * @default browser timezone\n   */\n  timezoneID?: string;\n  /**\n   * The visible month. On its own this is just the initial month to display;\n   * the calendar then tracks the month internally. Pass `onViewDateChange` as\n   * well to make the visible month controlled, where `viewDate` is the source\n   * of truth on every render.\n   */\n  viewDate?: PlainDate;\n  /**\n   * First day of week, where 0 is Sunday.\n   * @default 0\n   */\n  weekStartsOn?: DayOfWeek;\n}\n\ninterface CalendarSingleProps extends CalendarBaseProps {\n  /**\n   * Default selected date for uncontrolled usage.\n   */\n  defaultValue?: PlainDate;\n  /**\n   * Selection mode. Defaults to 'single'.\n   */\n  mode?: 'single';\n  /**\n   * Called when the selected date changes.\n   */\n  onChange: (value: PlainDate) => void;\n  /**\n   * Controlled selected date.\n   */\n  value?: PlainDate;\n}\n\ninterface CalendarRangeProps extends CalendarBaseProps {\n  /**\n   * Default selected range for uncontrolled usage.\n   */\n  defaultValue?: DateRange;\n  /**\n   * Selection mode set to 'range'.\n   */\n  mode: 'range';\n  /**\n   * Called when the selected date range changes.\n   */\n  onChange: (value: DateRange) => void;\n  /**\n   * Controlled selected date range.\n   */\n  value?: DateRange;\n}\n\nexport type CalendarProps = CalendarSingleProps | CalendarRangeProps;\n\ninterface CalendarDay {\n  date: PlainDate;\n  dayNumber: number;\n  isOutside: boolean;\n}\n\nfunction generateCalendarDays({\n  year,\n  month,\n  weekStartsOn,\n  hasVariableRowCount,\n}: {\n  hasVariableRowCount: boolean;\n  month: number;\n  weekStartsOn: DayOfWeek;\n  year: number;\n}): {dayNames: string[]; weeks: CalendarDay[][]} {\n  const names = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];\n  const dayNames = Array.from({length: 7}, (_, index) => {\n    return names[(index + weekStartsOn) % 7];\n  });\n  const daysInMonth = getDaysInMonth(year, month);\n  const firstOfMonth = plainDateCreate(year, month, 1);\n  let startOffset = plainDateDayOfWeek(firstOfMonth) - weekStartsOn;\n  if (startOffset < 0) {\n    startOffset += 7;\n  }\n\n  const totalDays = daysInMonth + startOffset;\n  const totalRows = hasVariableRowCount ? Math.ceil(totalDays / 7) : 6;\n  const days = Array.from({length: totalRows * 7}, (_, index) => {\n    const dayOffset = index - startOffset + 1;\n    const isOutside = dayOffset < 1 || dayOffset > daysInMonth;\n    const date = isOutside\n      ? firstOfMonth.add({days: dayOffset - 1})\n      : plainDateCreate(year, month, dayOffset);\n\n    return {\n      date,\n      dayNumber: date.day,\n      isOutside,\n    };\n  });\n\n  const weeks: CalendarDay[][] = [];\n  for (let index = 0; index < days.length; index += 7) {\n    weeks.push(days.slice(index, index + 7));\n  }\n\n  return {dayNames, weeks};\n}\n\nfunction checkDateDisabled(\n  date: PlainDate,\n  options: {\n    getIsDateDisabled?: (date: PlainDate) => boolean;\n    max?: PlainDate;\n    min?: PlainDate;\n  },\n): boolean {\n  if (options.min != null && plainDateIsBefore(date, options.min)) {\n    return true;\n  }\n\n  if (options.max != null && plainDateIsAfter(date, options.max)) {\n    return true;\n  }\n\n  return options.getIsDateDisabled?.(date) ?? false;\n}\n\nfunction getSelectedTabDate({\n  days,\n  getIsDisabled,\n  month,\n  selectedDate,\n  today,\n  year,\n}: {\n  days: CalendarDay[];\n  getIsDisabled: (date: PlainDate) => boolean;\n  month: number;\n  selectedDate: PlainDate | null;\n  today: PlainDate;\n  year: number;\n}): PlainDate | null {\n  if (\n    selectedDate?.year === year &&\n    selectedDate.month === month &&\n    !getIsDisabled(selectedDate)\n  ) {\n    return selectedDate;\n  }\n\n  if (today.year === year && today.month === month && !getIsDisabled(today)) {\n    return today;\n  }\n\n  return (\n    days.find(day => !day.isOutside && !getIsDisabled(day.date))?.date ?? null\n  );\n}\n\n/**\n * A date picker calendar supporting single date and date range selection.\n */\nexport function Calendar({\n  className,\n  'data-testid': dataTestId,\n  defaultValue,\n  getIsDateDisabled: getIsDateDisabledProp,\n  hasAutoFocus = false,\n  hasOutsideDays = true,\n  hasVariableRowCount = false,\n  hasWeekNumbers = false,\n  max,\n  min,\n  mode = 'single',\n  numberOfMonths = 1,\n  onChange,\n  onViewDateChange,\n  ref,\n  style,\n  timezoneID,\n  value,\n  viewDate: viewDateFromProps,\n  weekStartsOn = 0,\n}: CalendarProps): React.JSX.Element {\n  const effectiveTimezoneID = timezoneID ?? getBrowserTimezoneID();\n  const today = useMemo(\n    () => plainDateToday(effectiveTimezoneID),\n    [effectiveTimezoneID],\n  );\n  const [internalValue, setInternalValue] = useState<\n    DateRange | PlainDate | undefined\n  >(defaultValue);\n  const [rangeSelectionStart, setRangeSelectionStart] =\n    useState<PlainDate | null>(null);\n  const [hoveredDate, setHoveredDate] = useState<PlainDate | null>(null);\n  const [pendingFocus, setPendingFocus] = useState<PlainDate | null>(null);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const effectiveValue = value ?? internalValue;\n  const isViewDateControlled =\n    viewDateFromProps != null && onViewDateChange != null;\n  const [internalViewDate, setInternalViewDate] = useState(() => {\n    if (viewDateFromProps != null) {\n      return viewDateFromProps;\n    }\n\n    if (effectiveValue != null && 'year' in effectiveValue) {\n      return effectiveValue;\n    }\n\n    if (effectiveValue != null && 'start' in effectiveValue) {\n      return effectiveValue.start;\n    }\n\n    return today;\n  });\n  const viewDate = isViewDateControlled ? viewDateFromProps : internalViewDate;\n  const baseMonth = useMemo(() => viewDate.with({day: 1}), [viewDate]);\n  const visibleMonths = useMemo(\n    () =>\n      Array.from({length: numberOfMonths}, (_, index) =>\n        baseMonth.add({months: index}),\n      ),\n    [baseMonth, numberOfMonths],\n  );\n  const monthYearLabel = useMemo(\n    () =>\n      visibleMonths\n        .map(month => plainDateFormat(month, DATE_FORMAT_MONTH_YEAR))\n        .join(' - '),\n    [visibleMonths],\n  );\n\n  const canNavigatePrevious =\n    min == null || plainDateIsBefore(min.with({day: 1}), baseMonth);\n  const lastVisibleMonth = visibleMonths.at(-1) ?? baseMonth;\n  const canNavigateNext =\n    max == null || plainDateIsAfter(max.with({day: 1}), lastVisibleMonth);\n\n  const navigateMonth = useCallback(\n    (delta: number, nextFocus?: PlainDate) => {\n      const nextMonth = baseMonth.add({months: delta});\n\n      if (nextFocus != null) {\n        setPendingFocus(nextFocus);\n      }\n\n      onViewDateChange?.(nextMonth);\n      if (!isViewDateControlled) {\n        setInternalViewDate(nextMonth);\n      }\n    },\n    [baseMonth, isViewDateControlled, onViewDateChange],\n  );\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      navigateTo: date => {\n        onViewDateChange?.(date);\n        if (!isViewDateControlled) {\n          setInternalViewDate(date);\n        }\n      },\n    }),\n    [isViewDateControlled, onViewDateChange],\n  );\n\n  // When focus is requested, move it to the grid cell that holds the roving\n  // tabindex — the selected date if visible and enabled, otherwise today,\n  // otherwise the first enabled day — per the WAI-ARIA date picker pattern.\n  // Driving `hasAutoFocus` from an open state re-focuses each time it opens.\n  useEffect(() => {\n    if (!hasAutoFocus) {\n      return;\n    }\n\n    rootRef.current\n      ?.querySelector<HTMLButtonElement>('[data-date][tabindex=\"0\"]')\n      ?.focus();\n  }, [hasAutoFocus]);\n\n  const handleDayClick = useCallback(\n    (date: PlainDate) => {\n      if (mode === 'single') {\n        setInternalValue(date);\n        (onChange as CalendarSingleProps['onChange'])(date);\n        return;\n      }\n\n      if (rangeSelectionStart == null) {\n        setRangeSelectionStart(date);\n        return;\n      }\n\n      const range = plainDateIsBefore(date, rangeSelectionStart)\n        ? {start: date, end: rangeSelectionStart}\n        : {start: rangeSelectionStart, end: date};\n      setInternalValue(range);\n      setRangeSelectionStart(null);\n      (onChange as CalendarRangeProps['onChange'])(range);\n    },\n    [mode, onChange, rangeSelectionStart],\n  );\n\n  const handleNavigateNext = useCallback(\n    (nextFocus: PlainDate) => navigateMonth(1, nextFocus),\n    [navigateMonth],\n  );\n\n  const handleNavigatePrevious = useCallback(\n    (nextFocus: PlainDate) => navigateMonth(-1, nextFocus),\n    [navigateMonth],\n  );\n\n  const handlePendingFocusHandled = useCallback(\n    () => setPendingFocus(null),\n    [],\n  );\n\n  const styles = calendarRecipe();\n\n  return (\n    // eslint-disable-next-line jsx-a11y-x/no-static-element-interactions\n    <div\n      className={cx(styles.root, className)}\n      data-testid={dataTestId}\n      onKeyDown={event => {\n        if (\n          mode === 'range' &&\n          rangeSelectionStart != null &&\n          event.key === 'Escape'\n        ) {\n          setRangeSelectionStart(null);\n          event.preventDefault();\n          event.stopPropagation();\n        }\n      }}\n      ref={rootRef}\n      style={style}>\n      <div className={styles.header}>\n        <Button\n          icon={ChevronLeft}\n          isDisabled={!canNavigatePrevious}\n          isIconOnly\n          label=\"Previous month\"\n          onClick={() => navigateMonth(-1)}\n          size=\"sm\"\n          variant=\"ghost\"\n        />\n        <span className={styles.monthYear}>{monthYearLabel}</span>\n        <Button\n          icon={ChevronRight}\n          isDisabled={!canNavigateNext}\n          isIconOnly\n          label=\"Next month\"\n          onClick={() => navigateMonth(1)}\n          size=\"sm\"\n          variant=\"ghost\"\n        />\n      </div>\n      <div className={styles.months}>\n        {visibleMonths.map(month => (\n          <MonthGrid\n            getIsDateDisabled={getIsDateDisabledProp}\n            hasOutsideDays={hasOutsideDays}\n            hasVariableRowCount={hasVariableRowCount}\n            hasWeekNumbers={hasWeekNumbers}\n            hoveredDate={hoveredDate}\n            key={month.toString()}\n            max={max}\n            min={min}\n            mode={mode}\n            month={month}\n            onDayClick={handleDayClick}\n            onDayHover={setHoveredDate}\n            onNavigateNext={handleNavigateNext}\n            onNavigatePrevious={handleNavigatePrevious}\n            onPendingFocusHandled={handlePendingFocusHandled}\n            pendingFocus={pendingFocus}\n            rangeSelectionStart={rangeSelectionStart}\n            today={today}\n            value={effectiveValue}\n            weekStartsOn={weekStartsOn}\n          />\n        ))}\n      </div>\n    </div>\n  );\n}\n\ninterface MonthGridProps {\n  getIsDateDisabled?: (date: PlainDate) => boolean;\n  hasOutsideDays: boolean;\n  hasVariableRowCount: boolean;\n  hasWeekNumbers: boolean;\n  hoveredDate: PlainDate | null;\n  max?: PlainDate;\n  min?: PlainDate;\n  mode: 'single' | 'range';\n  month: PlainDate;\n  onDayClick: (date: PlainDate) => void;\n  onDayHover: (date: PlainDate | null) => void;\n  onNavigateNext: (nextFocus: PlainDate) => void;\n  onNavigatePrevious: (nextFocus: PlainDate) => void;\n  onPendingFocusHandled: () => void;\n  pendingFocus: PlainDate | null;\n  rangeSelectionStart: PlainDate | null;\n  today: PlainDate;\n  value: DateRange | PlainDate | undefined;\n  weekStartsOn: DayOfWeek;\n}\n\nconst MonthGrid = memo(function MonthGrid({\n  month,\n  value,\n  mode,\n  rangeSelectionStart,\n  hoveredDate,\n  min,\n  max,\n  getIsDateDisabled: getIsDateDisabledProp,\n  hasOutsideDays,\n  hasWeekNumbers,\n  hasVariableRowCount,\n  weekStartsOn,\n  onDayClick,\n  onDayHover,\n  today,\n  onNavigatePrevious,\n  onNavigateNext,\n  pendingFocus,\n  onPendingFocusHandled,\n}: MonthGridProps): React.JSX.Element {\n  const {dayNames, weeks} = useMemo(\n    () =>\n      generateCalendarDays({\n        year: month.year,\n        month: month.month,\n        weekStartsOn,\n        hasVariableRowCount,\n      }),\n    [hasVariableRowCount, month.month, month.year, weekStartsOn],\n  );\n  const days = weeks.flat();\n  const isDisabled = useCallback(\n    (date: PlainDate) =>\n      checkDateDisabled(date, {\n        min,\n        max,\n        getIsDateDisabled: getIsDateDisabledProp,\n      }),\n    [getIsDateDisabledProp, max, min],\n  );\n  const selectedDate =\n    mode === 'single' && value != null && 'year' in value ? value : null;\n  const tabbableDate = getSelectedTabDate({\n    days,\n    getIsDisabled: isDisabled,\n    month: month.month,\n    selectedDate,\n    today,\n    year: month.year,\n  });\n\n  const getFocusedDate = useCallback((): PlainDate | null => {\n    const activeElement = document.activeElement as HTMLElement | null;\n    const date = activeElement?.dataset.date;\n    return date == null ? null : Temporal.PlainDate.from(date);\n  }, []);\n\n  const {gridRef, handleKeyDown} = useGridFocus<HTMLDivElement>({\n    columns: 7,\n    cellSelector: 'button:not([disabled])',\n    onNavigateBefore: (_column, offset) => {\n      const focusedDate = getFocusedDate();\n      if (focusedDate != null) {\n        onNavigatePrevious(focusedDate.subtract({days: offset}));\n      }\n    },\n    onNavigateAfter: (_column, offset) => {\n      const focusedDate = getFocusedDate();\n      if (focusedDate != null) {\n        onNavigateNext(focusedDate.add({days: offset}));\n      }\n    },\n    // Page keys move a whole month, keeping the same day. Temporal's default\n    // `constrain` overflow clamps to the month's last day (e.g. Jan 31 -> Feb 28).\n    onPageUp: () => {\n      const focusedDate = getFocusedDate();\n      if (focusedDate != null) {\n        onNavigatePrevious(focusedDate.subtract({months: 1}));\n      }\n    },\n    onPageDown: () => {\n      const focusedDate = getFocusedDate();\n      if (focusedDate != null) {\n        onNavigateNext(focusedDate.add({months: 1}));\n      }\n    },\n  });\n\n  // Keyboard navigation that crosses a month boundary sets `pendingFocus` and\n  // changes the visible month in the same update. We can't focus the target day\n  // imperatively at that point because its cell doesn't exist yet — it only\n  // renders after the new month commits (and with a controlled `viewDate`, that\n  // render is driven by the parent, so its timing isn't ours to know). Deferring\n  // to this effect runs the focus once the new month's cells are in the DOM.\n  useEffect(() => {\n    if (pendingFocus == null || gridRef.current == null) {\n      return;\n    }\n\n    const button = gridRef.current.querySelector<HTMLButtonElement>(\n      `button[data-date=\"${pendingFocus.toString()}\"]`,\n    );\n    button?.focus();\n    onPendingFocusHandled();\n  }, [gridRef, onPendingFocusHandled, pendingFocus]);\n\n  let rangeStart: PlainDate | null = null;\n  let rangeEnd: PlainDate | null = null;\n  if (mode === 'range' && value != null && 'start' in value) {\n    rangeStart = value.start;\n    rangeEnd = value.end;\n  }\n  if (rangeSelectionStart != null) {\n    rangeStart = rangeSelectionStart;\n    rangeEnd = rangeSelectionStart;\n  }\n\n  let previewStart: PlainDate | null = null;\n  let previewEnd: PlainDate | null = null;\n  if (mode === 'range' && rangeSelectionStart != null && hoveredDate != null) {\n    if (!plainDateIsEqual(rangeSelectionStart, hoveredDate)) {\n      previewStart = plainDateIsBefore(hoveredDate, rangeSelectionStart)\n        ? hoveredDate\n        : rangeSelectionStart;\n      previewEnd = plainDateIsBefore(hoveredDate, rangeSelectionStart)\n        ? rangeSelectionStart\n        : hoveredDate;\n    }\n  }\n\n  const isSelectingRange = mode === 'range' && rangeSelectionStart != null;\n\n  const styles = calendarRecipe({hasWeekNumbers});\n\n  return (\n    <div className={styles.monthGrid}>\n      <div className={styles.weekHeader}>\n        {hasWeekNumbers ? <div className={styles.dayName} /> : null}\n        {dayNames.map(dayName => (\n          <div className={styles.dayName} key={dayName} role=\"columnheader\">\n            {dayName}\n          </div>\n        ))}\n      </div>\n      <div\n        aria-label={plainDateFormat(month, DATE_FORMAT_MONTH_YEAR)}\n        className={styles.daysGrid}\n        onKeyDown={handleKeyDown}\n        ref={gridRef}\n        role=\"grid\"\n        tabIndex={-1}>\n        {weeks.map(week => {\n          const weekDate =\n            week.find(day => !day.isOutside)?.date ?? week[0].date;\n          return (\n            <div\n              className={styles.weekRow}\n              key={week[0].date.toString()}\n              role=\"row\">\n              {hasWeekNumbers ? (\n                <div className={styles.weekNumber}>\n                  {plainDateGetWeekNumber(weekDate)}\n                </div>\n              ) : null}\n              {week.map((day, dayIndex) => (\n                <DayCell\n                  day={day}\n                  dayIndex={dayIndex}\n                  hasOutsideDays={hasOutsideDays}\n                  isDisabled={isDisabled(day.date)}\n                  isSelectingRange={isSelectingRange}\n                  isTabbable={\n                    tabbableDate != null &&\n                    plainDateIsEqual(tabbableDate, day.date)\n                  }\n                  key={day.date.toString()}\n                  mode={mode}\n                  onDayClick={onDayClick}\n                  onDayHover={onDayHover}\n                  previewEnd={previewEnd}\n                  previewStart={previewStart}\n                  rangeEnd={rangeEnd}\n                  rangeStart={rangeStart}\n                  selectedDate={selectedDate}\n                  today={today}\n                />\n              ))}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n});\n\ninterface DayCellProps {\n  day: CalendarDay;\n  dayIndex: number;\n  hasOutsideDays: boolean;\n  isDisabled: boolean;\n  isSelectingRange: boolean;\n  isTabbable: boolean;\n  mode: 'single' | 'range';\n  onDayClick: (date: PlainDate) => void;\n  onDayHover: (date: PlainDate | null) => void;\n  previewEnd: PlainDate | null;\n  previewStart: PlainDate | null;\n  rangeEnd: PlainDate | null;\n  rangeStart: PlainDate | null;\n  selectedDate: PlainDate | null;\n  today: PlainDate;\n}\n\nconst DayCell = memo(function DayCell({\n  day,\n  dayIndex,\n  mode,\n  selectedDate,\n  rangeStart,\n  rangeEnd,\n  previewStart,\n  previewEnd,\n  today,\n  hasOutsideDays,\n  isDisabled,\n  isSelectingRange,\n  isTabbable,\n  onDayClick,\n  onDayHover,\n}: DayCellProps): React.JSX.Element {\n  if (day.isOutside && !hasOutsideDays) {\n    return <div className={calendarRecipe().cell} />;\n  }\n\n  const effectivelyDisabled = isDisabled || day.isOutside;\n  const isToday = plainDateIsEqual(day.date, today);\n  const isSelected =\n    mode === 'single' &&\n    selectedDate != null &&\n    plainDateIsEqual(day.date, selectedDate);\n  const isInRange =\n    mode === 'range' &&\n    rangeStart != null &&\n    rangeEnd != null &&\n    plainDateIsInRange(day.date, [rangeStart, rangeEnd]);\n  const isRangeStart =\n    mode === 'range' &&\n    rangeStart != null &&\n    plainDateIsEqual(day.date, rangeStart);\n  const isRangeEnd =\n    mode === 'range' &&\n    rangeEnd != null &&\n    plainDateIsEqual(day.date, rangeEnd);\n  const isInPreview =\n    previewStart != null &&\n    previewEnd != null &&\n    plainDateIsInRange(day.date, [previewStart, previewEnd]);\n  const isPreviewStart =\n    previewStart != null && plainDateIsEqual(day.date, previewStart);\n  const isPreviewEnd =\n    previewEnd != null && plainDateIsEqual(day.date, previewEnd);\n  const isFirstColumn = dayIndex === 0;\n  const isLastColumn = dayIndex === 6;\n\n  const styles = calendarRecipe({\n    isOutside: day.isOutside,\n    isToday,\n    isSelected: isSelected || isRangeStart || isRangeEnd,\n    isInRange,\n    isDisabled: effectivelyDisabled,\n  });\n  const rangeBackgroundClass = calendarRecipe({\n    rangeTone: 'range',\n    roundedStart: isRangeStart || isFirstColumn,\n    roundedEnd: isRangeEnd || isLastColumn,\n  }).rangeBackground;\n  const previewBackgroundClass = calendarRecipe({\n    rangeTone: 'preview',\n    roundedStart: isPreviewStart || isFirstColumn,\n    roundedEnd: isPreviewEnd || isLastColumn,\n  }).rangeBackground;\n\n  return (\n    <div className={styles.cell}>\n      {isInRange ? <div className={rangeBackgroundClass} /> : null}\n      {isInPreview ? <div className={previewBackgroundClass} /> : null}\n      <button\n        aria-disabled={effectivelyDisabled || undefined}\n        aria-label={plainDateFormat(day.date, DATE_FORMAT_WITH_WEEKDAY)}\n        aria-selected={isSelected || isInRange || undefined}\n        className={styles.day}\n        data-date={day.date.toString()}\n        disabled={isDisabled}\n        onClick={() => {\n          if (!effectivelyDisabled) {\n            onDayClick(day.date);\n          }\n        }}\n        onMouseEnter={() => {\n          if (isSelectingRange && !effectivelyDisabled) {\n            onDayHover(day.date);\n          }\n        }}\n        onMouseLeave={() => {\n          if (isSelectingRange) {\n            onDayHover(null);\n          }\n        }}\n        role=\"gridcell\"\n        tabIndex={isTabbable ? 0 : -1}\n        type=\"button\">\n        {day.dayNumber}\n      </button>\n    </div>\n  );\n});\n\nCalendar.displayName = 'Calendar';\n"]}

package/dist/{chunk-QL3YSC3H.cjs → chunk-2WTHSGDP.cjs}

@@ -1,16 +1,16 @@
 'use strict';
 
-var chunk5GNYP3PH_cjs = require('./chunk-5GNYP3PH.cjs');
-var chunkCK3UJQRI_cjs = require('./chunk-CK3UJQRI.cjs');
+var chunkI2NG2P5K_cjs = require('./chunk-I2NG2P5K.cjs');
+var chunkJK4YAQ2N_cjs = require('./chunk-JK4YAQ2N.cjs');
 var chunkVXBVSYPA_cjs = require('./chunk-VXBVSYPA.cjs');
-var chunkBAPCHFNX_cjs = require('./chunk-BAPCHFNX.cjs');
-var chunk2P6D43V2_cjs = require('./chunk-2P6D43V2.cjs');
-var chunkW3KMDQKP_cjs = require('./chunk-W3KMDQKP.cjs');
-var chunkBRB52QFV_cjs = require('./chunk-BRB52QFV.cjs');
-var chunkKFDHP4WP_cjs = require('./chunk-KFDHP4WP.cjs');
+var chunkFFF57VHO_cjs = require('./chunk-FFF57VHO.cjs');
+var chunkXPHXAZCE_cjs = require('./chunk-XPHXAZCE.cjs');
+var chunkL5JS6P62_cjs = require('./chunk-L5JS6P62.cjs');
+var chunk5XMWGK3O_cjs = require('./chunk-5XMWGK3O.cjs');
+var chunkBSI4BQEX_cjs = require('./chunk-BSI4BQEX.cjs');
 var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
-var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
 var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
+var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
 var lucideReact = require('lucide-react');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -22,7 +22,7 @@ function formatRange(value) {
   if (value == null) {
     return "";
   }
-  return `${chunkCK3UJQRI_cjs.plainDateFormat(value.start, chunkCK3UJQRI_cjs.DATE_FORMAT_SHORT_WITH_YEAR)} - ${chunkCK3UJQRI_cjs.plainDateFormat(value.end, chunkCK3UJQRI_cjs.DATE_FORMAT_SHORT_WITH_YEAR)}`;
+  return `${chunkJK4YAQ2N_cjs.plainDateFormat(value.start, chunkJK4YAQ2N_cjs.DATE_FORMAT_SHORT_WITH_YEAR)} - ${chunkJK4YAQ2N_cjs.plainDateFormat(value.end, chunkJK4YAQ2N_cjs.DATE_FORMAT_SHORT_WITH_YEAR)}`;
 }
 function DateRangeInput({
   label,
@@ -50,14 +50,15 @@ function DateRangeInput({
   ref
 }) {
   const inputId = react.useId();
+  const popoverId = `${inputId}-calendar`;
   const descriptionID = chunkQAO6QMNQ_cjs.isReactNode(description) ? `${inputId}-description` : void 0;
-  const statusMessageID = chunk2P6D43V2_cjs.getStatusMessageID(inputId, status);
-  const describedBy = chunk2P6D43V2_cjs.getDescribedBy(descriptionID, statusMessageID);
+  const statusMessageID = chunkXPHXAZCE_cjs.getStatusMessageID(inputId, status);
+  const describedBy = chunkXPHXAZCE_cjs.getDescribedBy(descriptionID, statusMessageID);
   const [isOpen, setIsOpen] = react.useState(false);
   const displayValue = react.useMemo(() => formatRange(value), [value]);
-  const necessity = chunkBAPCHFNX_cjs.getNecessity(isOptional, isRequired);
+  const necessity = chunkFFF57VHO_cjs.getNecessity(isOptional, isRequired);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkBAPCHFNX_cjs.Field,
+    chunkFFF57VHO_cjs.Field,
     {
       className,
       description,
@@ -84,10 +85,10 @@ function DateRangeInput({
           ),
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkW3KMDQKP_cjs.Popover,
+              chunkL5JS6P62_cjs.Popover,
               {
                 content: /* @__PURE__ */ jsxRuntime.jsx(
-                  chunk5GNYP3PH_cjs.Calendar,
+                  chunkI2NG2P5K_cjs.Calendar,
                   {
                     getIsDateDisabled,
                     max,
@@ -98,18 +99,19 @@ function DateRangeInput({
                       onChange(nextValue);
                       setIsOpen(false);
                     },
-                    value,
+                    value: value ?? void 0,
                     viewDate: value?.start
                   }
                 ),
                 hasAutoFocus: true,
+                id: popoverId,
                 isEnabled: !isDisabled,
                 isOpen,
                 label: `Choose ${label}`,
                 onOpenChange: setIsOpen,
                 padding: 3,
                 children: /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkBRB52QFV_cjs.Button,
+                  chunk5XMWGK3O_cjs.Button,
                   {
                     icon: lucideReact.CalendarIcon,
                     isDisabled,
@@ -125,7 +127,10 @@ function DateRangeInput({
               "input",
               {
                 "aria-busy": isLoading || void 0,
+                "aria-controls": popoverId,
                 "aria-describedby": describedBy,
+                "aria-expanded": isOpen,
+                "aria-haspopup": "dialog",
                 "aria-invalid": status?.type === "error" || void 0,
                 "aria-required": isRequired ?? void 0,
                 className: chunkVXBVSYPA_cjs.inputStyles.control,
@@ -135,23 +140,24 @@ function DateRangeInput({
                 placeholder,
                 readOnly: true,
                 ref,
+                role: "combobox",
                 type: "text",
                 value: displayValue
               }
             ),
-            hasClear && value != null && !isDisabled ? /* @__PURE__ */ jsxRuntime.jsx(
-              chunkBRB52QFV_cjs.Button,
+            hasClear && value != null && !isDisabled && !isLoading ? /* @__PURE__ */ jsxRuntime.jsx(
+              chunk5XMWGK3O_cjs.Button,
               {
                 icon: lucideReact.X,
                 isIconOnly: true,
                 label: `Clear ${label}`,
-                onClick: () => onChange(void 0),
+                onClick: () => onChange(null),
                 size: "sm",
                 variant: "ghost"
               }
             ) : null,
-            isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkKFDHP4WP_cjs.Spinner, { size: "sm" }) : null,
-            status != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkVXBVSYPA_cjs.inputStyles.iconSlot, children: chunk2P6D43V2_cjs.getStatusIcon(status.type) }) : null
+            isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkBSI4BQEX_cjs.Spinner, { size: "sm" }) : null,
+            status != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkVXBVSYPA_cjs.inputStyles.iconSlot, children: chunkXPHXAZCE_cjs.getStatusIcon(status.type) }) : null
           ]
         }
       )
@@ -161,5 +167,5 @@ function DateRangeInput({
 DateRangeInput.displayName = "DateRangeInput";
 
 exports.DateRangeInput = DateRangeInput;
-//# sourceMappingURL=chunk-QL3YSC3H.cjs.map
-//# sourceMappingURL=chunk-QL3YSC3H.cjs.map
+//# sourceMappingURL=chunk-2WTHSGDP.cjs.map
+//# sourceMappingURL=chunk-2WTHSGDP.cjs.map

package/dist/chunk-2WTHSGDP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DateRangeInput/DateRangeInput.tsx"],"names":["css","plainDateFormat","DATE_FORMAT_SHORT_WITH_YEAR","useId","isReactNode","getStatusMessageID","getDescribedBy","useState","useMemo","getNecessity","jsx","Field","jsxs","cx","inputRecipe","Popover","Calendar","Button","CalendarIcon","inputStyles","X","Spinner","getStatusIcon"],"mappings":";;;;;;;;;;;;;;;;;AAuCA,IAAM,MAAA,GAAS;AAAA,EACb,SAASA,qBAAA,CAAI,EAAC,IAAI,GAAA,EAAK,GAAA,EAAK,KAAI;AAClC,CAAA;AA+FA,SAAS,YAAY,KAAA,EAA6C;AAChE,EAAA,IAAI,SAAS,IAAA,EAAM;AACjB,IAAA,OAAO,EAAA;AAAA,EACT;AACA,EAAA,OAAO,CAAA,EAAGC,iCAAA,CAAgB,KAAA,CAAM,KAAA,EAAOC,6CAA2B,CAAC,CAAA,GAAA,EAAMD,iCAAA,CAAgB,KAAA,CAAM,GAAA,EAAKC,6CAA2B,CAAC,CAAA,CAAA;AAClI;AAKO,SAAS,cAAA,CAAe;AAAA,EAC7B,KAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAA;AAAA,EACA,iBAAA;AAAA,EACA,cAAA,GAAiB,CAAA;AAAA,EACjB,WAAA,GAAc,qBAAA;AAAA,EACd,IAAA,GAAO,IAAA;AAAA,EACP,WAAA;AAAA,EACA,aAAA,GAAgB,KAAA;AAAA,EAChB,UAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,SAAA,GAAY,KAAA;AAAA,EACZ,QAAA,GAAW,KAAA;AAAA,EACX,MAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,KAAA;AAAA,EACA;AACF,CAAA,EAA2C;AACzC,EAAA,MAAM,UAAUC,WAAA,EAAM;AACtB,EAAA,MAAM,SAAA,GAAY,GAAG,OAAO,CAAA,SAAA,CAAA;AAC5B,EAAA,MAAM,gBAAgBC,6BAAA,CAAY,WAAW,CAAA,GACzC,CAAA,EAAG,OAAO,CAAA,YAAA,CAAA,GACV,MAAA;AACJ,EAAA,MAAM,eAAA,GAAkBC,oCAAA,CAAmB,OAAA,EAAS,MAAM,CAAA;AAC1D,EAAA,MAAM,WAAA,GAAcC,gCAAA,CAAe,aAAA,EAAe,eAAe,CAAA;AACjE,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIC,eAAS,KAAK,CAAA;AAC1C,EAAA,MAAM,YAAA,GAAeC,cAAQ,MAAM,WAAA,CAAY,KAAK,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAE9D,EAAA,MAAM,SAAA,GAAYC,8BAAA,CAAa,UAAA,EAAY,UAAU,CAAA;AAErD,EAAA,uBACEC,cAAA;AAAA,IAACC,uBAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,WAAA;AAAA,MACA,aAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,aAAA;AAAA,MACC,GAAG,SAAA;AAAA,MACJ,KAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,MAAA,EACE,UAAU,IAAA,GAAO,MAAA,GAAY,EAAC,GAAG,MAAA,EAAQ,WAAW,eAAA,EAAe;AAAA,MAErE,KAAA;AAAA,MACA,QAAA,kBAAAC,eAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAWC,oBAAA;AAAA,YACTC,6BAAA,CAAY;AAAA,cACV,IAAA;AAAA,cACA,QAAQ,MAAA,EAAQ,IAAA;AAAA,cAChB;AAAA,aACD,CAAA;AAAA,YACD,MAAA,CAAO;AAAA,WACT;AAAA,UACA,QAAA,EAAA;AAAA,4BAAAJ,cAAA;AAAA,cAACK,yBAAA;AAAA,cAAA;AAAA,gBACC,OAAA,kBACEL,cAAA;AAAA,kBAACM,0BAAA;AAAA,kBAAA;AAAA,oBACC,iBAAA;AAAA,oBACA,GAAA;AAAA,oBACA,GAAA;AAAA,oBACA,IAAA,EAAK,OAAA;AAAA,oBACL,cAAA;AAAA,oBACA,UAAU,CAAA,SAAA,KAAa;AACrB,sBAAA,QAAA,CAAS,SAAS,CAAA;AAClB,sBAAA,SAAA,CAAU,KAAK,CAAA;AAAA,oBACjB,CAAA;AAAA,oBACA,OAAO,KAAA,IAAS,MAAA;AAAA,oBAChB,UAAU,KAAA,EAAO;AAAA;AAAA,iBACnB;AAAA,gBAEF,YAAA,EAAY,IAAA;AAAA,gBACZ,EAAA,EAAI,SAAA;AAAA,gBACJ,WAAW,CAAC,UAAA;AAAA,gBACZ,MAAA;AAAA,gBACA,KAAA,EAAO,UAAU,KAAK,CAAA,CAAA;AAAA,gBACtB,YAAA,EAAc,SAAA;AAAA,gBACd,OAAA,EAAS,CAAA;AAAA,gBACT,QAAA,kBAAAN,cAAA;AAAA,kBAACO,wBAAA;AAAA,kBAAA;AAAA,oBACC,IAAA,EAAMC,wBAAA;AAAA,oBACN,UAAA;AAAA,oBACA,UAAA,EAAU,IAAA;AAAA,oBACV,KAAA,EAAO,UAAU,KAAK,CAAA,CAAA;AAAA,oBACtB,IAAA,EAAK,IAAA;AAAA,oBACL,OAAA,EAAQ;AAAA;AAAA;AACV;AAAA,aACF;AAAA,4BACAR,cAAA;AAAA,cAAC,OAAA;AAAA,cAAA;AAAA,gBACC,aAAW,SAAA,IAAa,MAAA;AAAA,gBACxB,eAAA,EAAe,SAAA;AAAA,gBACf,kBAAA,EAAkB,WAAA;AAAA,gBAClB,eAAA,EAAe,MAAA;AAAA,gBACf,eAAA,EAAc,QAAA;AAAA,gBACd,cAAA,EAAc,MAAA,EAAQ,IAAA,KAAS,OAAA,IAAW,MAAA;AAAA,gBAC1C,iBAAe,UAAA,IAAc,MAAA;AAAA,gBAC7B,WAAWS,6BAAA,CAAY,OAAA;AAAA,gBACvB,aAAA,EAAa,UAAA;AAAA,gBACb,QAAA,EAAU,UAAA;AAAA,gBACV,EAAA,EAAI,OAAA;AAAA,gBACJ,WAAA;AAAA,gBACA,QAAA,EAAQ,IAAA;AAAA,gBACR,GAAA;AAAA,gBACA,IAAA,EAAK,UAAA;AAAA,gBACL,IAAA,EAAK,MAAA;AAAA,gBACL,KAAA,EAAO;AAAA;AAAA,aACT;AAAA,YACC,YAAY,KAAA,IAAS,IAAA,IAAQ,CAAC,UAAA,IAAc,CAAC,SAAA,mBAC5CT,cAAA;AAAA,cAACO,wBAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAMG,aAAA;AAAA,gBACN,UAAA,EAAU,IAAA;AAAA,gBACV,KAAA,EAAO,SAAS,KAAK,CAAA,CAAA;AAAA,gBACrB,OAAA,EAAS,MAAM,QAAA,CAAS,IAAI,CAAA;AAAA,gBAC5B,IAAA,EAAK,IAAA;AAAA,gBACL,OAAA,EAAQ;AAAA;AAAA,aACV,GACE,IAAA;AAAA,YACH,SAAA,mBAAYV,cAAA,CAACW,yBAAA,EAAA,EAAQ,IAAA,EAAK,MAAK,CAAA,GAAK,IAAA;AAAA,YACpC,MAAA,IAAU,IAAA,mBACTX,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAWS,6BAAA,CAAY,QAAA,EAC1B,QAAA,EAAAG,+BAAA,CAAc,MAAA,CAAO,IAAI,CAAA,EAC5B,CAAA,GACE;AAAA;AAAA;AAAA;AACN;AAAA,GACF;AAEJ;AAEA,cAAA,CAAe,WAAA,GAAc,gBAAA","file":"chunk-2WTHSGDP.cjs","sourcesContent":["import {CalendarIcon, X} from 'lucide-react';\nimport {\n  useId,\n  useMemo,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {Button} from 'components/Button';\nimport {Calendar} from 'components/Calendar';\nimport {\n  Field,\n  getNecessity,\n  type FieldNecessity,\n  type InputSize,\n  type InputStatus,\n} from 'components/Field';\nimport {inputRecipe, inputStyles} from 'components/Field/inputStyles';\nimport {\n  getDescribedBy,\n  getStatusIcon,\n  getStatusMessageID,\n} from 'components/Field/inputUtils';\nimport type {IconComponent} from 'components/Icon';\nimport {Popover} from 'components/Popover';\nimport {Spinner} from 'components/Spinner';\nimport {cx} from 'internal/cx';\nimport type {DateRange} from 'internal/dateTypes';\nimport isReactNode from 'internal/isReactNode';\nimport {\n  DATE_FORMAT_SHORT_WITH_YEAR,\n  plainDateFormat,\n  type PlainDate,\n} from 'internal/plainDate';\nimport {css} from 'styled-system/css';\n\nexport type {DateRange} from 'internal/dateTypes';\n\nconst styles = {\n  wrapper: css({ps: '1', gap: '1'}),\n} as const;\n\nexport type DateRangeInputProps = {\n  /**\n   * Additional CSS class names applied to the input wrapper.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the input element.\n   */\n  'data-testid'?: string;\n  /**\n   * Returns true for dates that should be disabled.\n   */\n  getIsDateDisabled?: (date: PlainDate) => boolean;\n  /**\n   * Supporting text rendered below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Whether to show a clear button when a value is selected.\n   * @default false\n   */\n  hasClear?: boolean;\n  /**\n   * Whether the input is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to visually hide the label.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Whether the input is in a loading state.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Field label text.\n   */\n  label: string;\n  /**\n   * Icon shown before the label.\n   */\n  labelIcon?: IconComponent;\n  /**\n   * Tooltip content shown next to the label.\n   */\n  labelTooltip?: ReactNode;\n  /**\n   * Maximum selectable date.\n   */\n  max?: PlainDate;\n  /**\n   * Minimum selectable date.\n   */\n  min?: PlainDate;\n  /**\n   * Number of calendar months shown in the popover.\n   * @default 2\n   */\n  numberOfMonths?: 1 | 2;\n  /**\n   * Called when the selected date range changes.\n   */\n  onChange: (value: DateRange | null) => void;\n  /**\n   * Placeholder text shown when no range is selected.\n   */\n  placeholder?: string;\n  /**\n   * Ref forwarded to the input element.\n   */\n  ref?: Ref<HTMLInputElement>;\n  /**\n   * Visual size of the input.\n   * @default 'md'\n   */\n  size?: InputSize;\n  /**\n   * Validation status displayed below the input.\n   */\n  status?: InputStatus;\n  /**\n   * Inline styles applied to the input wrapper.\n   */\n  style?: CSSProperties;\n  /**\n   * Currently selected date range. Pass `null` for an empty input.\n   */\n  value: DateRange | null;\n} & FieldNecessity;\n\nfunction formatRange(value: DateRange | null | undefined): string {\n  if (value == null) {\n    return '';\n  }\n  return `${plainDateFormat(value.start, DATE_FORMAT_SHORT_WITH_YEAR)} - ${plainDateFormat(value.end, DATE_FORMAT_SHORT_WITH_YEAR)}`;\n}\n\n/**\n * A date range picker input that opens a calendar popover for selecting a start and end date.\n */\nexport function DateRangeInput({\n  label,\n  value,\n  onChange,\n  min,\n  max,\n  getIsDateDisabled,\n  numberOfMonths = 2,\n  placeholder = 'Select a date range',\n  size = 'md',\n  description,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  isDisabled = false,\n  isLoading = false,\n  hasClear = false,\n  status,\n  labelIcon,\n  labelTooltip,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: DateRangeInputProps): React.JSX.Element {\n  const inputId = useId();\n  const popoverId = `${inputId}-calendar`;\n  const descriptionID = isReactNode(description)\n    ? `${inputId}-description`\n    : undefined;\n  const statusMessageID = getStatusMessageID(inputId, status);\n  const describedBy = getDescribedBy(descriptionID, statusMessageID);\n  const [isOpen, setIsOpen] = useState(false);\n  const displayValue = useMemo(() => formatRange(value), [value]);\n\n  const necessity = getNecessity(isOptional, isRequired);\n\n  return (\n    <Field\n      className={className}\n      description={description}\n      descriptionID={descriptionID}\n      inputId={inputId}\n      isDisabled={isDisabled}\n      isLabelHidden={isLabelHidden}\n      {...necessity}\n      label={label}\n      labelIcon={labelIcon}\n      labelTooltip={labelTooltip}\n      status={\n        status == null ? undefined : {...status, messageID: statusMessageID}\n      }\n      style={style}>\n      <div\n        className={cx(\n          inputRecipe({\n            size,\n            status: status?.type,\n            isDisabled,\n          }),\n          styles.wrapper,\n        )}>\n        <Popover\n          content={\n            <Calendar\n              getIsDateDisabled={getIsDateDisabled}\n              max={max}\n              min={min}\n              mode=\"range\"\n              numberOfMonths={numberOfMonths}\n              onChange={nextValue => {\n                onChange(nextValue);\n                setIsOpen(false);\n              }}\n              value={value ?? undefined}\n              viewDate={value?.start}\n            />\n          }\n          hasAutoFocus\n          id={popoverId}\n          isEnabled={!isDisabled}\n          isOpen={isOpen}\n          label={`Choose ${label}`}\n          onOpenChange={setIsOpen}\n          padding={3}>\n          <Button\n            icon={CalendarIcon}\n            isDisabled={isDisabled}\n            isIconOnly\n            label={`Choose ${label}`}\n            size=\"sm\"\n            variant=\"ghost\"\n          />\n        </Popover>\n        <input\n          aria-busy={isLoading || undefined}\n          aria-controls={popoverId}\n          aria-describedby={describedBy}\n          aria-expanded={isOpen}\n          aria-haspopup=\"dialog\"\n          aria-invalid={status?.type === 'error' || undefined}\n          aria-required={isRequired ?? undefined}\n          className={inputStyles.control}\n          data-testid={dataTestId}\n          disabled={isDisabled}\n          id={inputId}\n          placeholder={placeholder}\n          readOnly\n          ref={ref}\n          role=\"combobox\"\n          type=\"text\"\n          value={displayValue}\n        />\n        {hasClear && value != null && !isDisabled && !isLoading ? (\n          <Button\n            icon={X}\n            isIconOnly\n            label={`Clear ${label}`}\n            onClick={() => onChange(null)}\n            size=\"sm\"\n            variant=\"ghost\"\n          />\n        ) : null}\n        {isLoading ? <Spinner size=\"sm\" /> : null}\n        {status != null ? (\n          <span className={inputStyles.iconSlot}>\n            {getStatusIcon(status.type)}\n          </span>\n        ) : null}\n      </div>\n    </Field>\n  );\n}\n\nDateRangeInput.displayName = 'DateRangeInput';\n"]}