@salt-ds/lab 1.0.0-alpha.7 → 1.0.0-alpha.70

package/dist-cjs/calendar/useCalendarDay.js

@@ -0,0 +1,88 @@
+'use strict';
+
+var LocalizationProvider = require('../localization-provider/LocalizationProvider.js');
+var CalendarContext = require('./internal/CalendarContext.js');
+var useFocusManagement = require('./internal/useFocusManagement.js');
+var useCalendarSelection = require('./useCalendarSelection.js');
+
+function useCalendarDay(props) {
+  const { date, month } = props;
+  const { dateAdapter } = LocalizationProvider.useLocalization();
+  const {
+    state: {
+      focusedDate,
+      focusedDateRef,
+      hideOutOfRangeDates,
+      timezone,
+      focusableDates
+    },
+    helpers: {
+      setHoveredDate,
+      isDayUnselectable,
+      isDaySelectable,
+      isDayHighlighted,
+      isDayDisabled,
+      isOutsideAllowedMonths
+    }
+  } = CalendarContext.useCalendarContext();
+  const selectionManager = useCalendarSelection.useCalendarSelectionDay({ date });
+  const focusManager = useFocusManagement.useFocusManagement({ date });
+  const handleClick = (event) => {
+    selectionManager == null ? void 0 : selectionManager.handleClick(event);
+    focusManager.handleClick(event);
+  };
+  const handleKeyDown = (event) => {
+    focusManager.handleKeyDown(event);
+    selectionManager == null ? void 0 : selectionManager.handleKeyDown(event);
+  };
+  const handleFocus = (event) => {
+    focusManager.handleFocus(event);
+    setHoveredDate(event, date);
+  };
+  const handleMouseEnter = (event) => {
+    setHoveredDate(event, date);
+  };
+  const eventHandlers = {
+    onClick: handleClick,
+    onKeyDown: handleKeyDown,
+    onFocus: handleFocus,
+    onMouseEnter: handleMouseEnter
+  };
+  const outOfRange = !dateAdapter.isSame(date, month, "month");
+  const focused = focusedDate && dateAdapter.isSame(date, focusedDate, "day") && !outOfRange;
+  const tabIndex = focusableDates.find(
+    (tabbableDate) => dateAdapter.isSame(date, tabbableDate, "day")
+  ) ? 0 : -1;
+  const today = dateAdapter.isSame(dateAdapter.today(timezone), date, "day");
+  const unselectableReason = isDayUnselectable(date);
+  const highlightedReason = isDayHighlighted(date);
+  const disabled = isDayDisabled(date) || outOfRange && isOutsideAllowedMonths(date) || isDaySelectable && !isDaySelectable(date);
+  const unselectable = Boolean(unselectableReason);
+  const highlighted = Boolean(highlightedReason);
+  const hidden = hideOutOfRangeDates ? outOfRange : false;
+  return {
+    status: {
+      outOfRange,
+      today,
+      unselectable,
+      focused,
+      hidden,
+      disabled,
+      highlighted,
+      ...selectionManager.status
+    },
+    dayProps: {
+      tabIndex,
+      "aria-current": today ? "date" : void 0,
+      "aria-hidden": hidden ? "true" : void 0,
+      ...eventHandlers,
+      ...selectionManager.dayProps
+    },
+    focusedDateRef: focused ? focusedDateRef : null,
+    unselectableReason,
+    highlightedReason
+  };
+}
+
+exports.useCalendarDay = useCalendarDay;
+//# sourceMappingURL=useCalendarDay.js.map

package/dist-cjs/calendar/useCalendarDay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCalendarDay.js","sources":["../src/calendar/useCalendarDay.ts"],"sourcesContent":["import type { DateFrameworkType } from \"@salt-ds/date-adapters\";\nimport type {\n  ComponentPropsWithoutRef,\n  FocusEventHandler,\n  KeyboardEventHandler,\n  MouseEventHandler,\n} from \"react\";\nimport { useLocalization } from \"../localization-provider\";\nimport { useCalendarContext } from \"./internal/CalendarContext\";\nimport { useFocusManagement } from \"./internal/useFocusManagement\";\nimport { useCalendarSelectionDay } from \"./useCalendarSelection\";\n\n/**\n * Interface representing the status of a day in the Calendar.\n */\nexport interface DayStatus {\n  /**\n   * If `true`, the day is out of the selectable range.\n   */\n  outOfRange?: boolean;\n  /**\n   * If `true`, the day is selected.\n   */\n  selected?: boolean;\n  /**\n   * If `true`, the day is today.\n   */\n  today?: boolean;\n  /**\n   * If set, the day is unselectable with a reason.\n   */\n  unselectable?: string | false;\n  /**\n   * If set, the day is highlighted with a reason.\n   */\n  highlighted?: string | false;\n  /**\n   * If `true`, the day is focused.\n   */\n  focused?: boolean;\n  /**\n   * If `true`, the day is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the day is hidden.\n   */\n  hidden?: boolean;\n}\n\n/**\n * UseCalendar hook props to return a calendar day's status\n * @template TDate - The type of the date object.\n */\nexport interface useCalendarDayProps<TDate> {\n  /**\n   * The date of the calendar day.\n   */\n  date: TDate;\n  /**\n   * The month of the calendar day.\n   */\n  month: TDate;\n}\n\nexport function useCalendarDay<TDate extends DateFrameworkType>(\n  props: useCalendarDayProps<TDate>,\n) {\n  const { date, month } = props;\n  const { dateAdapter } = useLocalization<TDate>();\n  const {\n    state: {\n      focusedDate,\n      focusedDateRef,\n      hideOutOfRangeDates,\n      timezone,\n      focusableDates,\n    },\n    helpers: {\n      setHoveredDate,\n      isDayUnselectable,\n      isDaySelectable,\n      isDayHighlighted,\n      isDayDisabled,\n      isOutsideAllowedMonths,\n    },\n  } = useCalendarContext<TDate>();\n  const selectionManager = useCalendarSelectionDay<TDate>({ date });\n  const focusManager = useFocusManagement<TDate>({ date });\n\n  const handleClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n    selectionManager?.handleClick(event);\n    focusManager.handleClick(event);\n  };\n\n  const handleKeyDown: KeyboardEventHandler<HTMLButtonElement> = (event) => {\n    focusManager.handleKeyDown(event);\n    selectionManager?.handleKeyDown(event);\n  };\n\n  const handleFocus: FocusEventHandler<HTMLButtonElement> = (event) => {\n    focusManager.handleFocus(event);\n    setHoveredDate(event, date);\n  };\n\n  const handleMouseEnter: MouseEventHandler<HTMLButtonElement> = (event) => {\n    setHoveredDate(event, date);\n  };\n\n  const eventHandlers = {\n    onClick: handleClick,\n    onKeyDown: handleKeyDown,\n    onFocus: handleFocus,\n    onMouseEnter: handleMouseEnter,\n  };\n\n  const outOfRange = !dateAdapter.isSame(date, month, \"month\");\n  const focused =\n    focusedDate && dateAdapter.isSame(date, focusedDate, \"day\") && !outOfRange;\n  const tabIndex = focusableDates.find((tabbableDate) =>\n    dateAdapter.isSame(date, tabbableDate, \"day\"),\n  )\n    ? 0\n    : -1;\n  const today = dateAdapter.isSame(dateAdapter.today(timezone), date, \"day\");\n\n  const unselectableReason = isDayUnselectable(date);\n  const highlightedReason = isDayHighlighted(date);\n\n  const disabled =\n    isDayDisabled(date) ||\n    (outOfRange && isOutsideAllowedMonths(date)) ||\n    (isDaySelectable && !isDaySelectable(date));\n  const unselectable = Boolean(unselectableReason);\n  const highlighted = Boolean(highlightedReason);\n  const hidden = hideOutOfRangeDates ? outOfRange : false;\n\n  return {\n    status: {\n      outOfRange,\n      today,\n      unselectable,\n      focused,\n      hidden,\n      disabled,\n      highlighted,\n      ...selectionManager.status,\n    } as DayStatus,\n    dayProps: {\n      tabIndex,\n      \"aria-current\": today ? \"date\" : undefined,\n      \"aria-hidden\": hidden ? \"true\" : undefined,\n      ...eventHandlers,\n      ...selectionManager.dayProps,\n    } as ComponentPropsWithoutRef<\"button\">,\n    focusedDateRef: focused ? focusedDateRef : null,\n    unselectableReason,\n    highlightedReason,\n  };\n}\n"],"names":["useLocalization","useCalendarContext","useCalendarSelectionDay","useFocusManagement"],"mappings":"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"}

package/dist-cjs/calendar/useCalendarSelection.js

@@ -0,0 +1,454 @@
+'use strict';
+
+var core = require('@salt-ds/core');
+var clsx = require('clsx');
+var react = require('react');
+var LocalizationProvider = require('../localization-provider/LocalizationProvider.js');
+var CalendarContext = require('./internal/CalendarContext.js');
+var utils = require('./internal/utils.js');
+
+function isSingleSelectionValueType(value) {
+  return !isMultipleDateSelection(value) && !isDateRangeSelection(value);
+}
+function isDateRangeSelection(value) {
+  return value && typeof value === "object" && ("startDate" in value || "endDate" in value);
+}
+function isMultipleDateSelection(value) {
+  return Array.isArray(value) && value.every((item) => isSingleSelectionValueType(item));
+}
+const withBaseName = core.makePrefixer("saltCalendarDay");
+function addOrRemoveFromArray(dateAdapter, array, item) {
+  if (Array.isArray(array)) {
+    const filteredArray = array.filter(
+      (element) => !dateAdapter.isSame(element, item, "day")
+    );
+    if (filteredArray.length === array.length) {
+      return array.concat(item);
+    }
+    return filteredArray;
+  }
+  return [item];
+}
+function updateRangeSelection(datePicker, currentSelectedDate, newSelectedDate) {
+  let base = { ...currentSelectedDate };
+  if ((base == null ? void 0 : base.startDate) && (base == null ? void 0 : base.endDate)) {
+    base = { startDate: newSelectedDate };
+  } else if ((base == null ? void 0 : base.startDate) && datePicker.compare(newSelectedDate, base.startDate) < 0) {
+    base = { startDate: newSelectedDate };
+  } else if ((base == null ? void 0 : base.startDate) && datePicker.compare(newSelectedDate, base.startDate) >= 0) {
+    base = { ...base, endDate: newSelectedDate };
+  } else {
+    base = { startDate: newSelectedDate };
+  }
+  return base;
+}
+function useCalendarSelection(props) {
+  const {
+    focusedDate: focusedDateProp,
+    hoveredDate: hoveredDateProp,
+    selectedDate: selectedDateProp,
+    defaultSelectedDate,
+    onSelectionChange,
+    onHoveredDateChange,
+    isDaySelectable = () => true,
+    isDayVisible = () => true,
+    isOutsideAllowedDates = () => true,
+    focusedDateRef,
+    onFocusedDateChange,
+    selectionVariant,
+    timezone,
+    visibleMonth
+    // startDateOffset,
+    // endDateOffset,
+  } = props;
+  const { dateAdapter } = LocalizationProvider.useLocalization();
+  const [selectedDate, setSelectedDateState] = core.useControlled({
+    controlled: selectedDateProp,
+    default: defaultSelectedDate,
+    name: "Calendar",
+    state: "selectedDate"
+  });
+  const startDateOffset = selectionVariant === "offset" ? props.startDateOffset : void 0;
+  const endDateOffset = selectionVariant === "offset" ? props.endDateOffset : void 0;
+  const getStartDateOffset = react.useCallback(
+    (date) => {
+      if (selectionVariant === "offset" && startDateOffset) {
+        return startDateOffset(date);
+      }
+      return date;
+    },
+    [selectionVariant, startDateOffset]
+  );
+  const getEndDateOffset = react.useCallback(
+    (date) => {
+      if (selectionVariant === "offset" && endDateOffset) {
+        return endDateOffset(date);
+      }
+      return date;
+    },
+    [selectionVariant, endDateOffset]
+  );
+  const setSelectedDate = react.useCallback(
+    (event, newSelectedDate) => {
+      if (!isDaySelectable || isDaySelectable(newSelectedDate)) {
+        switch (selectionVariant) {
+          case "single": {
+            setSelectedDateState(newSelectedDate);
+            onSelectionChange == null ? void 0 : onSelectionChange(event, newSelectedDate);
+            break;
+          }
+          case "multiselect": {
+            const newMultiSelectDate = addOrRemoveFromArray(
+              dateAdapter,
+              selectedDate,
+              newSelectedDate
+            );
+            setSelectedDateState(newMultiSelectDate);
+            onSelectionChange == null ? void 0 : onSelectionChange(event, newMultiSelectDate);
+            break;
+          }
+          case "range": {
+            const newRangeDate = updateRangeSelection(
+              dateAdapter,
+              selectedDate,
+              newSelectedDate
+            );
+            setSelectedDateState(newRangeDate);
+            onSelectionChange == null ? void 0 : onSelectionChange(event, newRangeDate);
+            break;
+          }
+          case "offset": {
+            const newOffsetDate = {
+              startDate: getStartDateOffset(newSelectedDate),
+              endDate: getEndDateOffset(newSelectedDate)
+            };
+            setSelectedDateState(newOffsetDate);
+            onSelectionChange == null ? void 0 : onSelectionChange(event, newOffsetDate);
+            break;
+          }
+        }
+      }
+    },
+    [
+      dateAdapter,
+      getEndDateOffset,
+      getStartDateOffset,
+      isDaySelectable,
+      selectedDate,
+      selectionVariant,
+      onSelectionChange
+    ]
+  );
+  const isSelected = react.useCallback(
+    (date) => {
+      if (!selectedDate) {
+        return false;
+      }
+      switch (selectionVariant) {
+        case "single":
+          return isSingleSelectionValueType(selectedDate) && dateAdapter.isSame(selectedDate, date, "day");
+        case "multiselect":
+          return Array.isArray(selectedDate) && !!selectedDate.find(
+            (element) => dateAdapter.isSame(element, date, "day")
+          );
+        default:
+          return false;
+      }
+    },
+    [dateAdapter, selectionVariant, selectedDate]
+  );
+  const getDefaultFocusedDate = () => {
+    if ((selectionVariant === "range" || selectionVariant === "offset") && isDateRangeSelection(selectedDate)) {
+      if ((selectedDate == null ? void 0 : selectedDate.startDate) && isDayVisible(selectedDate.startDate)) {
+        return selectedDate.startDate;
+      }
+      if ((selectedDate == null ? void 0 : selectedDate.endDate) && isDayVisible(selectedDate.endDate)) {
+        return selectedDate.endDate;
+      }
+    } else if (selectionVariant === "multiselect" && Array.isArray(selectedDate)) {
+      const selectionInMonth = selectedDate.filter((day) => isDayVisible(day)).sort((a, b) => dateAdapter.compare(a, b));
+      if (selectionInMonth.length > 0) {
+        return selectionInMonth[0];
+      }
+    } else if (selectedDate && selectionVariant === "single" && !isDateRangeSelection(selectedDate) && !Array.isArray(selectedDate) && isDayVisible(selectedDate)) {
+      return selectedDate;
+    }
+    if ((isDaySelectable == null ? void 0 : isDaySelectable(dateAdapter.today(timezone))) && isDayVisible(dateAdapter.today(timezone))) {
+      return dateAdapter.today(timezone);
+    }
+    const firstSelectableDate = utils.generateDatesForMonth(
+      dateAdapter,
+      visibleMonth
+    ).find((visibleDay) => visibleDay && (isDaySelectable == null ? void 0 : isDaySelectable(visibleDay)));
+    if (firstSelectableDate) {
+      return firstSelectableDate;
+    }
+    return null;
+  };
+  const [focusedDate, setFocusedDateState] = core.useControlled({
+    controlled: focusedDateProp,
+    default: react.useMemo(getDefaultFocusedDate, []),
+    name: "Calendar",
+    state: "focusedDate"
+  });
+  const setFocusedDate = react.useCallback(
+    (event, date) => {
+      if (focusedDateRef && (event == null ? void 0 : event.target) instanceof HTMLElement) {
+        focusedDateRef.current = event.target;
+      }
+      if (date && (focusedDate && dateAdapter.isSame(date, focusedDate, "day") || isOutsideAllowedDates(date))) {
+        return;
+      }
+      setFocusedDateState(date);
+      onFocusedDateChange == null ? void 0 : onFocusedDateChange(event, date);
+    },
+    [
+      dateAdapter,
+      focusedDate,
+      focusedDateRef,
+      isOutsideAllowedDates,
+      onFocusedDateChange
+    ]
+  );
+  const [hoveredDate, setHoveredDateState] = core.useControlled({
+    controlled: hoveredDateProp,
+    default: void 0,
+    name: "Calendar",
+    state: "hoveredDate"
+  });
+  const setHoveredDate = react.useCallback(
+    (event, date) => {
+      setHoveredDateState(date);
+      onHoveredDateChange == null ? void 0 : onHoveredDateChange(event, date);
+    },
+    [onHoveredDateChange]
+  );
+  const isHovered = react.useCallback(
+    (date) => {
+      return !!hoveredDate && dateAdapter.isSame(date, hoveredDate, "day");
+    },
+    [dateAdapter, hoveredDate]
+  );
+  const getFocusableDates = react.useCallback(() => {
+    const focusableDates = [];
+    if ((selectionVariant === "range" || selectionVariant === "offset") && isDateRangeSelection(selectedDate)) {
+      if ((selectedDate == null ? void 0 : selectedDate.startDate) && isDayVisible(selectedDate.startDate)) {
+        focusableDates.push(selectedDate.startDate);
+      } else if ((selectedDate == null ? void 0 : selectedDate.endDate) && isDayVisible(selectedDate.endDate)) {
+        focusableDates.push(selectedDate.endDate);
+      }
+    } else if (selectionVariant === "multiselect" && Array.isArray(selectedDate)) {
+      const selectionInMonth = selectedDate.filter((day) => isDayVisible(day)).sort((a, b) => dateAdapter.compare(a, b));
+      if (selectionInMonth.length > 0) {
+        focusableDates.push(selectionInMonth[0]);
+      }
+    } else if (selectionVariant === "single" && !isDateRangeSelection(selectedDate) && !Array.isArray(selectedDate) && selectedDate && isDayVisible(selectedDate)) {
+      focusableDates.push(selectedDate);
+    }
+    if (focusedDate && visibleMonth && dateAdapter.isSame(focusedDate, visibleMonth, "month")) {
+      focusableDates.push(focusedDate);
+      return focusableDates;
+    }
+    if (focusableDates.length === 0 && isDaySelectable(dateAdapter.today(timezone)) && isDayVisible(dateAdapter.today(timezone))) {
+      focusableDates.push(dateAdapter.today(timezone));
+    }
+    if (focusableDates.length === 0 || !focusableDates.some(isDayVisible)) {
+      const firstSelectableDate = utils.generateDatesForMonth(
+        dateAdapter,
+        visibleMonth
+      ).find((visibleDay) => visibleDay && isDaySelectable(visibleDay));
+      if (firstSelectableDate) {
+        focusableDates.push(firstSelectableDate);
+      }
+    }
+    return focusableDates;
+  }, [
+    dateAdapter,
+    focusedDate,
+    isDaySelectable,
+    isDayVisible,
+    selectedDate,
+    selectionVariant,
+    timezone,
+    visibleMonth
+  ]);
+  const isSelectedSpan = react.useCallback(
+    (date) => {
+      if ((selectionVariant === "range" || selectionVariant === "offset") && isDateRangeSelection(selectedDate) && dateAdapter.isValid(selectedDate.startDate) && dateAdapter.isValid(selectedDate.endDate) && !isOutsideAllowedDates(selectedDate.startDate) && !isOutsideAllowedDates(selectedDate.endDate)) {
+        return dateAdapter.compare(date, selectedDate.startDate) > 0 && dateAdapter.compare(date, selectedDate.endDate) < 0;
+      }
+      return false;
+    },
+    [dateAdapter, isOutsideAllowedDates, selectionVariant, selectedDate]
+  );
+  const isHoveredSpan = react.useCallback(
+    (date) => {
+      if ((selectionVariant === "range" || selectionVariant === "offset") && isDateRangeSelection(selectedDate) && dateAdapter.isValid(selectedDate.startDate) && !dateAdapter.isValid(selectedDate.endDate) && !isOutsideAllowedDates(selectedDate.startDate) && hoveredDate) {
+        const isForwardRange = dateAdapter.compare(hoveredDate, selectedDate.startDate) > 0 && (dateAdapter.compare(date, selectedDate.startDate) > 0 && dateAdapter.compare(date, hoveredDate) < 0 || dateAdapter.isSame(date, hoveredDate, "day"));
+        const isValidDayHovered = !isDaySelectable || isDaySelectable(hoveredDate);
+        return isForwardRange && isValidDayHovered;
+      }
+      return false;
+    },
+    [
+      dateAdapter,
+      isOutsideAllowedDates,
+      selectionVariant,
+      selectedDate,
+      hoveredDate,
+      isDaySelectable
+    ]
+  );
+  const isSelectedStart = react.useCallback(
+    (date) => {
+      if ((selectionVariant === "range" || selectionVariant === "offset") && isDateRangeSelection(selectedDate) && dateAdapter.isValid(selectedDate.startDate) && !isOutsideAllowedDates(selectedDate.startDate)) {
+        return dateAdapter.isSame(selectedDate.startDate, date, "day");
+      }
+      return false;
+    },
+    [dateAdapter, isOutsideAllowedDates, selectionVariant, selectedDate]
+  );
+  const isSelectedEnd = react.useCallback(
+    (date) => {
+      if ((selectionVariant === "range" || selectionVariant === "offset") && isDateRangeSelection(selectedDate) && dateAdapter.isValid(selectedDate.endDate) && !isOutsideAllowedDates(selectedDate.endDate)) {
+        return dateAdapter.isSame(selectedDate.endDate, date, "day");
+      }
+      return false;
+    },
+    [dateAdapter, isOutsideAllowedDates, selectionVariant, selectedDate]
+  );
+  const isHoveredOffset = react.useCallback(
+    (date) => {
+      if (hoveredDate && selectionVariant === "offset") {
+        const startDate = getStartDateOffset(hoveredDate);
+        const endDate = getEndDateOffset(hoveredDate);
+        return dateAdapter.compare(date, startDate) >= 0 && dateAdapter.compare(date, endDate) <= 0 && (!isDaySelectable || isDaySelectable(date));
+      }
+      return false;
+    },
+    [
+      dateAdapter,
+      getStartDateOffset,
+      getEndDateOffset,
+      hoveredDate,
+      isDaySelectable,
+      selectionVariant
+    ]
+  );
+  return react.useMemo(
+    () => ({
+      state: {
+        focusedDate,
+        focusedDateRef,
+        hoveredDate,
+        selectedDate,
+        focusableDates: getFocusableDates()
+      },
+      helpers: {
+        setSelectedDate,
+        isSelected,
+        setHoveredDate,
+        isHovered,
+        isSelectedSpan,
+        isHoveredSpan,
+        isSelectedStart,
+        isSelectedEnd,
+        isHoveredOffset,
+        isDaySelectable,
+        setFocusedDate
+      }
+    }),
+    [
+      selectedDate,
+      focusedDate,
+      focusedDateRef,
+      getFocusableDates,
+      hoveredDate,
+      isSelected,
+      isHovered,
+      isSelectedSpan,
+      isHoveredSpan,
+      isSelectedStart,
+      isSelectedEnd,
+      isHoveredOffset,
+      isDaySelectable,
+      setFocusedDate,
+      setHoveredDate,
+      setSelectedDate
+    ]
+  );
+}
+function useCalendarSelectionDay({
+  date
+}) {
+  const {
+    helpers: {
+      setSelectedDate,
+      isSelected,
+      isSelectedSpan,
+      isHoveredSpan,
+      isSelectedStart,
+      isSelectedEnd,
+      isHovered,
+      isHoveredOffset,
+      isDaySelectable
+    }
+  } = CalendarContext.useCalendarContext();
+  const handleClick = react.useCallback(
+    (event) => {
+      setSelectedDate(event, date);
+    },
+    [date, setSelectedDate]
+  );
+  const handleKeyDown = react.useCallback(
+    (event) => {
+      switch (event.key) {
+        case "Space":
+        case "Enter":
+          setSelectedDate(event, date);
+          event.preventDefault();
+      }
+    },
+    [date, setSelectedDate]
+  );
+  const selected = isSelected(date);
+  const selectedSpan = isSelectedSpan(date);
+  const hoveredSpan = isHoveredSpan(date);
+  const selectedStart = isSelectedStart(date);
+  const selectedEnd = isSelectedEnd(date);
+  const hovered = isHovered(date);
+  const hoveredOffset = isHoveredOffset(date);
+  return {
+    handleClick,
+    handleKeyDown,
+    status: {
+      selected,
+      selectedSpan,
+      hoveredSpan,
+      selectedStart,
+      selectedEnd,
+      hovered,
+      hoveredOffset
+    },
+    dayProps: {
+      className: clsx.clsx({
+        [withBaseName("selected")]: selected,
+        [withBaseName("selectedSpan")]: selectedSpan,
+        [withBaseName("hoveredSpan")]: hoveredSpan,
+        [withBaseName("selectedStart")]: selectedStart,
+        [withBaseName("selectedEnd")]: selectedEnd,
+        [withBaseName("hovered")]: hovered,
+        [withBaseName("hoveredOffset")]: hoveredOffset
+      }),
+      "aria-pressed": selected || selectedEnd || selectedStart || selectedSpan ? "true" : void 0,
+      "aria-disabled": isDaySelectable && !isDaySelectable(date) ? "true" : void 0
+    }
+  };
+}
+
+exports.isDateRangeSelection = isDateRangeSelection;
+exports.isMultipleDateSelection = isMultipleDateSelection;
+exports.isSingleSelectionValueType = isSingleSelectionValueType;
+exports.useCalendarSelection = useCalendarSelection;
+exports.useCalendarSelectionDay = useCalendarSelectionDay;
+//# sourceMappingURL=useCalendarSelection.js.map

package/dist-cjs/calendar/useCalendarSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCalendarSelection.js","sources":["../src/calendar/useCalendarSelection.ts"],"sourcesContent":["import { makePrefixer, useControlled } from \"@salt-ds/core\";\nimport type {\n  DateFrameworkType,\n  SaltDateAdapter,\n  Timezone,\n} from \"@salt-ds/date-adapters\";\nimport { clsx } from \"clsx\";\nimport type {\n  KeyboardEventHandler,\n  MouseEventHandler,\n  SyntheticEvent,\n} from \"react\";\nimport { useCallback, useMemo } from \"react\";\nimport { useLocalization } from \"../localization-provider\";\nimport { useCalendarContext } from \"./internal/CalendarContext\";\nimport { generateDatesForMonth } from \"./internal/utils\";\n\n/**\n * Type representing a single date selection.\n * @template TDate - The type of the date object.\n */\nexport type SingleDateSelection<TDate extends DateFrameworkType> = TDate;\n\n/**\n * Type representing multiple date selections.\n * @template TDate - The type of the date object.\n */\nexport type MultipleDateSelection<TDate extends DateFrameworkType> = TDate[];\n\n/**\n * Type representing a date range selection.\n * @template TDate - The type of the date object.\n */\nexport type DateRangeSelection<TDate extends DateFrameworkType> = {\n  /**\n   * The start date of the range.\n   */\n  startDate?: TDate | null;\n  /**\n   * The end date of the range.\n   */\n  endDate?: TDate | null;\n};\n\n/**\n * Type representing all possible selection value types.\n * @template TDate - The type of the date object.\n */\nexport type AllSelectionValueType<TDate extends DateFrameworkType> =\n  | SingleDateSelection<TDate>\n  | MultipleDateSelection<TDate>\n  | DateRangeSelection<TDate>\n  | null;\n\n/**\n * Checks if a value is a single date selection.\n * @template TDate - The type of the date object.\n * @param value - The value to check.\n * @returns `true` if the value is a single date selection, otherwise `false`.\n */\nexport function isSingleSelectionValueType<TDate extends DateFrameworkType>(\n  // biome-ignore lint/suspicious/noExplicitAny: date framework dependent\n  value: any,\n): value is TDate {\n  return (\n    !isMultipleDateSelection<TDate>(value) &&\n    !isDateRangeSelection<TDate>(value)\n  );\n}\n\n/**\n * Checks if a value is a date range selection.\n * @template TDate - The type of the date object.\n * @param value - The value to check.\n * @returns `true` if the value is a date range selection, otherwise `false`.\n */\nexport function isDateRangeSelection<TDate extends DateFrameworkType>(\n  // biome-ignore lint/suspicious/noExplicitAny: date framework dependent\n  value: any,\n): value is DateRangeSelection<TDate> {\n  return (\n    value &&\n    typeof value === \"object\" &&\n    (\"startDate\" in value || \"endDate\" in value)\n  );\n}\n\n/**\n * Checks if a value is a multiple date selection.\n * @template TDate - The type of the date object.\n * @param value - The value to check.\n * @returns `true` if the value is a multiple date selection, otherwise `false`.\n */\nexport function isMultipleDateSelection<TDate extends DateFrameworkType>(\n  // biome-ignore lint/suspicious/noExplicitAny: type guard\n  value: any,\n): value is MultipleDateSelection<TDate> {\n  return (\n    Array.isArray(value) &&\n    value.every((item) => isSingleSelectionValueType(item))\n  );\n}\n\n/**\n * Base properties for calendar UseCalendarSelection hook.\n * @template TDate - The type of the date object.\n */\nexport interface UseCalendarSelectionBaseProps<\n  TDate extends DateFrameworkType,\n> {\n  /**\n   * The currently focused date in the calendar, or null if no date is focused.\n   */\n  focusedDate?: TDate | null;\n  /**\n   * The currently hovered date.\n   */\n  hoveredDate?: TDate | null;\n  /**\n   * Determines if a date is outside the allowed date range.\n   * @param date - The date to check.\n   * @returns `true` if the date is outside the allowed range, otherwise `false`.\n   */\n  isOutsideAllowedDates?: (date: TDate) => boolean;\n  /**\n   * Function to determine if a day is selectable.\n   * @param date - The date to check.\n   * @returns `true` if the day is selectable, otherwise `false`.\n   */\n  isDaySelectable?: (date: TDate) => boolean;\n  /**\n   * Function to determine if a day is visible.\n   * @param date - The date to check.\n   * @returns `true` if the day is visible, otherwise `false`.\n   */\n  isDayVisible?: (date: TDate) => boolean;\n  /**\n   * Ref to attach to the focused element, enabling focus to be controlled.\n   */\n  focusedDateRef?: React.MutableRefObject<HTMLElement | null>;\n  /**\n   * Callback fired when the focused date changes.\n   * @param event - The synthetic event, if user event triggered focus or null.\n   * @param date - The new focused date.\n   */\n  onFocusedDateChange?: (\n    event: SyntheticEvent | null,\n    date: TDate | null,\n  ) => void;\n  /**\n   * Callback fired when the hovered date changes.\n   * @param event - The synthetic event.\n   * @param hoveredDate - The new hovered date.\n   */\n  onHoveredDateChange?: (\n    event: SyntheticEvent,\n    hoveredDate: TDate | null,\n  ) => void;\n  /**\n   * Specifies the timezone behavior:\n   * - If undefined, the timezone will be derived from the passed date, or from `defaultSelectedDate`/`selectedDate`.\n   * - If set to \"default\", the default timezone of the date library will be used.\n   * - If set to \"system\", the local system's timezone will be applied.\n   * - If set to \"UTC\", the time will be returned in UTC.\n   * - If set to a valid IANA timezone identifier, the time will be returned for that specific timezone.\n   */\n  timezone?: Timezone;\n  /**\n   * The currently visible month.\n   */\n  visibleMonth?: TDate;\n}\n\n/**\n * UseCalendar hook props to return a calendar day's status\n * @template TDate - The type of the date object.\n */\nexport interface UseCalendarSelectionOffsetProps<\n  TDate extends DateFrameworkType,\n> extends Omit<\n    UseCalendarSelectionBaseProps<TDate>,\n    \"startDateOffset\" | \"endDateOffset\"\n  > {\n  /**\n   * The selection variant, set to \"offset\".\n   */\n  selectionVariant: \"offset\";\n  /**\n   * The currently selected date.\n   */\n  selectedDate?: DateRangeSelection<TDate>;\n  /**\n   * The default selected date.\n   */\n  defaultSelectedDate?: DateRangeSelection<TDate>;\n  /**\n   * Callback fired when the selected date changes.\n   * @param event - The synthetic event.\n   * @param selectedDate - The new selected date.\n   */\n  onSelectionChange?: (\n    event: SyntheticEvent,\n    selectedDate: DateRangeSelection<TDate>,\n  ) => void;\n  /**\n   * Function to calculate the start date offset.\n   * @param date - The date to offset.\n   * @returns The offset start date.\n   */\n  startDateOffset?: (date: TDate) => TDate;\n  /**\n   * Function to calculate the end date offset.\n   * @param date - The date to offset.\n   * @returns The offset end date.\n   */\n  endDateOffset?: (date: TDate) => TDate;\n}\n\n/**\n * Properties for the range date selection hook.\n * @template TDate - The type of the date object.\n */\nexport interface UseCalendarSelectionRangeProps<TDate extends DateFrameworkType>\n  extends UseCalendarSelectionBaseProps<TDate> {\n  /**\n   * The selection variant, set to \"range\".\n   */\n  selectionVariant: \"range\";\n  /**\n   * The currently selected date.\n   */\n  selectedDate?: DateRangeSelection<TDate>;\n  /**\n   * The default selected date.\n   */\n  defaultSelectedDate?: DateRangeSelection<TDate>;\n  /**\n   * Callback fired when the selected date changes.\n   * @param event - The synthetic event.\n   * @param selectedDate - The new selected date.\n   */\n  onSelectionChange?: (\n    event: SyntheticEvent,\n    selectedDate: DateRangeSelection<TDate>,\n  ) => void;\n}\n\n/**\n * Properties for the multi-select date selection hook.\n * @template TDate - The type of the date object.\n */\nexport interface UseCalendarSelectionMultiSelectProps<\n  TDate extends DateFrameworkType,\n> extends UseCalendarSelectionBaseProps<TDate> {\n  /**\n   * The selection variant, set to \"multiselect\".\n   */\n  selectionVariant: \"multiselect\";\n  /**\n   * The currently selected date.\n   */\n  selectedDate?: MultipleDateSelection<TDate>;\n  /**\n   * The default selected date.\n   */\n  defaultSelectedDate?: MultipleDateSelection<TDate>;\n  /**\n   * Callback fired when the selected date changes.\n   * @param event - The synthetic event.\n   * @param selectedDate - The new selected date.\n   */\n  onSelectionChange?: (\n    event: SyntheticEvent,\n    selectedDate: MultipleDateSelection<TDate>,\n  ) => void;\n}\n\n/**\n * Properties for the single date selection hook.\n * @template TDate - The type of the date object.\n */\nexport interface UseCalendarSelectionSingleProps<\n  TDate extends DateFrameworkType,\n> extends UseCalendarSelectionBaseProps<TDate> {\n  /**\n   * The selection variant, set to \"single\".\n   */\n  selectionVariant: \"single\";\n  /**\n   * The currently selected date.\n   */\n  selectedDate?: SingleDateSelection<TDate> | null;\n  /**\n   * The default selected date.\n   */\n  defaultSelectedDate?: SingleDateSelection<TDate> | null;\n  /**\n   * Callback fired when the selected date changes.\n   * @param event - The synthetic event.\n   * @param selectedDate - The new selected date.\n   */\n  onSelectionChange?: (\n    event: SyntheticEvent,\n    selectedDate: SingleDateSelection<TDate> | null,\n  ) => void;\n}\n\n/**\n * UseCalendarSelection hook props, wth the selection variant determining the return type of the date selection\n * @template TDate - The type of the date object.\n */\nexport type UseCalendarSelectionProps<TDate extends DateFrameworkType> =\n  | UseCalendarSelectionSingleProps<TDate>\n  | UseCalendarSelectionMultiSelectProps<TDate>\n  | UseCalendarSelectionRangeProps<TDate>\n  | UseCalendarSelectionOffsetProps<TDate>;\n\nconst withBaseName = makePrefixer(\"saltCalendarDay\");\n\nfunction addOrRemoveFromArray<TDate extends DateFrameworkType>(\n  dateAdapter: SaltDateAdapter<TDate>,\n  array: AllSelectionValueType<TDate>,\n  item: TDate,\n) {\n  if (Array.isArray(array)) {\n    const filteredArray = array.filter(\n      (element) => !dateAdapter.isSame(element, item, \"day\"),\n    );\n    if (filteredArray.length === array.length) {\n      return array.concat(item);\n    }\n    return filteredArray;\n  }\n  return [item];\n}\n\nfunction updateRangeSelection<TDate extends DateFrameworkType>(\n  datePicker: SaltDateAdapter<TDate>,\n  currentSelectedDate: DateRangeSelection<TDate> | undefined,\n  newSelectedDate: TDate,\n): DateRangeSelection<TDate> {\n  let base = { ...currentSelectedDate };\n  if (base?.startDate && base?.endDate) {\n    base = { startDate: newSelectedDate };\n  } else if (\n    base?.startDate &&\n    datePicker.compare(newSelectedDate, base.startDate) < 0\n  ) {\n    base = { startDate: newSelectedDate };\n  } else if (\n    base?.startDate &&\n    datePicker.compare(newSelectedDate, base.startDate) >= 0\n  ) {\n    base = { ...base, endDate: newSelectedDate };\n  } else {\n    base = { startDate: newSelectedDate };\n  }\n  return base;\n}\n\nexport function useCalendarSelection<TDate extends DateFrameworkType>(\n  props: UseCalendarSelectionProps<TDate>,\n) {\n  const {\n    focusedDate: focusedDateProp,\n    hoveredDate: hoveredDateProp,\n    selectedDate: selectedDateProp,\n    defaultSelectedDate,\n    onSelectionChange,\n    onHoveredDateChange,\n    isDaySelectable = () => true,\n    isDayVisible = () => true,\n    isOutsideAllowedDates = () => true,\n    focusedDateRef,\n    onFocusedDateChange,\n    selectionVariant,\n    timezone,\n    visibleMonth,\n    // startDateOffset,\n    // endDateOffset,\n  } = props;\n  const { dateAdapter } = useLocalization<TDate>();\n  const [selectedDate, setSelectedDateState] = useControlled({\n    controlled: selectedDateProp,\n    default: defaultSelectedDate,\n    name: \"Calendar\",\n    state: \"selectedDate\",\n  });\n\n  const startDateOffset =\n    selectionVariant === \"offset\" ? props.startDateOffset : undefined;\n  const endDateOffset =\n    selectionVariant === \"offset\" ? props.endDateOffset : undefined;\n\n  const getStartDateOffset = useCallback(\n    (date: TDate) => {\n      if (selectionVariant === \"offset\" && startDateOffset) {\n        return startDateOffset(date);\n      }\n      return date;\n    },\n    [selectionVariant, startDateOffset],\n  );\n\n  const getEndDateOffset = useCallback(\n    (date: TDate) => {\n      if (selectionVariant === \"offset\" && endDateOffset) {\n        return endDateOffset(date);\n      }\n      return date;\n    },\n    [selectionVariant, endDateOffset],\n  );\n\n  const setSelectedDate = useCallback(\n    (event: SyntheticEvent<HTMLButtonElement>, newSelectedDate: TDate) => {\n      if (!isDaySelectable || isDaySelectable(newSelectedDate)) {\n        switch (selectionVariant) {\n          case \"single\": {\n            setSelectedDateState(newSelectedDate);\n            onSelectionChange?.(event, newSelectedDate);\n            break;\n          }\n          case \"multiselect\": {\n            const newMultiSelectDate = addOrRemoveFromArray<TDate>(\n              dateAdapter,\n              selectedDate as TDate[],\n              newSelectedDate,\n            );\n            setSelectedDateState(newMultiSelectDate);\n            onSelectionChange?.(event, newMultiSelectDate);\n            break;\n          }\n          case \"range\": {\n            const newRangeDate = updateRangeSelection<TDate>(\n              dateAdapter,\n              selectedDate as DateRangeSelection<TDate>,\n              newSelectedDate,\n            );\n            setSelectedDateState(newRangeDate);\n            onSelectionChange?.(event, newRangeDate);\n            break;\n          }\n          case \"offset\": {\n            const newOffsetDate: DateRangeSelection<TDate> = {\n              startDate: getStartDateOffset(newSelectedDate),\n              endDate: getEndDateOffset(newSelectedDate),\n            };\n            setSelectedDateState(newOffsetDate);\n            onSelectionChange?.(event, newOffsetDate);\n            break;\n          }\n        }\n      }\n    },\n    [\n      dateAdapter,\n      getEndDateOffset,\n      getStartDateOffset,\n      isDaySelectable,\n      selectedDate,\n      selectionVariant,\n      onSelectionChange,\n    ],\n  );\n\n  const isSelected = useCallback(\n    (date: TDate) => {\n      if (!selectedDate) {\n        return false;\n      }\n      switch (selectionVariant) {\n        case \"single\":\n          return (\n            isSingleSelectionValueType(selectedDate) &&\n            dateAdapter.isSame(selectedDate as TDate, date, \"day\")\n          );\n        case \"multiselect\":\n          return (\n            Array.isArray(selectedDate) &&\n            !!selectedDate.find((element) =>\n              dateAdapter.isSame(element, date, \"day\"),\n            )\n          );\n        default:\n          return false;\n      }\n    },\n    [dateAdapter, selectionVariant, selectedDate],\n  );\n\n  const getDefaultFocusedDate = () => {\n    if (\n      (selectionVariant === \"range\" || selectionVariant === \"offset\") &&\n      isDateRangeSelection<TDate>(selectedDate)\n    ) {\n      if (selectedDate?.startDate && isDayVisible(selectedDate.startDate)) {\n        return selectedDate.startDate;\n      }\n      if (selectedDate?.endDate && isDayVisible(selectedDate.endDate)) {\n        return selectedDate.endDate;\n      }\n    } else if (\n      selectionVariant === \"multiselect\" &&\n      Array.isArray(selectedDate)\n    ) {\n      // return first selected day in visible month\n      const selectionInMonth = selectedDate\n        .filter((day) => isDayVisible(day))\n        .sort((a, b) => dateAdapter.compare(a, b));\n      if (selectionInMonth.length > 0) {\n        return selectionInMonth[0];\n      }\n    } else if (\n      selectedDate &&\n      selectionVariant === \"single\" &&\n      !isDateRangeSelection(selectedDate) &&\n      !Array.isArray(selectedDate) &&\n      isDayVisible(selectedDate)\n    ) {\n      return selectedDate;\n    }\n    // Defaults\n    if (\n      isDaySelectable?.(dateAdapter.today(timezone)) &&\n      isDayVisible(dateAdapter.today(timezone))\n    ) {\n      return dateAdapter.today(timezone);\n    }\n    const firstSelectableDate = generateDatesForMonth(\n      dateAdapter,\n      visibleMonth,\n    ).find((visibleDay) => visibleDay && isDaySelectable?.(visibleDay));\n    if (firstSelectableDate) {\n      return firstSelectableDate;\n    }\n    return null;\n  };\n\n  const [focusedDate, setFocusedDateState] = useControlled({\n    controlled: focusedDateProp,\n    default: useMemo(getDefaultFocusedDate, []),\n    name: \"Calendar\",\n    state: \"focusedDate\",\n  });\n\n  const setFocusedDate = useCallback(\n    (event: SyntheticEvent | null, date: TDate | null) => {\n      if (focusedDateRef && event?.target instanceof HTMLElement) {\n        focusedDateRef.current = event.target;\n      }\n      if (\n        date &&\n        ((focusedDate && dateAdapter.isSame(date, focusedDate, \"day\")) ||\n          isOutsideAllowedDates(date))\n      ) {\n        return;\n      }\n      setFocusedDateState(date);\n      onFocusedDateChange?.(event, date);\n    },\n    [\n      dateAdapter,\n      focusedDate,\n      focusedDateRef,\n      isOutsideAllowedDates,\n      onFocusedDateChange,\n    ],\n  );\n\n  const [hoveredDate, setHoveredDateState] = useControlled({\n    controlled: hoveredDateProp,\n    default: undefined,\n    name: \"Calendar\",\n    state: \"hoveredDate\",\n  });\n\n  const setHoveredDate = useCallback(\n    (event: SyntheticEvent, date: TDate | null) => {\n      setHoveredDateState(date);\n      onHoveredDateChange?.(event, date);\n    },\n    [onHoveredDateChange],\n  );\n\n  const isHovered = useCallback(\n    (date: TDate) => {\n      return !!hoveredDate && dateAdapter.isSame(date, hoveredDate, \"day\");\n    },\n    [dateAdapter, hoveredDate],\n  );\n\n  const getFocusableDates = useCallback(() => {\n    const focusableDates = [];\n    if (\n      (selectionVariant === \"range\" || selectionVariant === \"offset\") &&\n      isDateRangeSelection<TDate>(selectedDate)\n    ) {\n      if (selectedDate?.startDate && isDayVisible(selectedDate.startDate)) {\n        focusableDates.push(selectedDate.startDate);\n      } else if (selectedDate?.endDate && isDayVisible(selectedDate.endDate)) {\n        focusableDates.push(selectedDate.endDate);\n      }\n    } else if (\n      selectionVariant === \"multiselect\" &&\n      Array.isArray(selectedDate)\n    ) {\n      // return first selected day in visible month\n      const selectionInMonth = selectedDate\n        .filter((day) => isDayVisible(day))\n        .sort((a, b) => dateAdapter.compare(a, b));\n      if (selectionInMonth.length > 0) {\n        focusableDates.push(selectionInMonth[0]);\n      }\n    } else if (\n      selectionVariant === \"single\" &&\n      !isDateRangeSelection(selectedDate) &&\n      !Array.isArray(selectedDate) &&\n      selectedDate &&\n      isDayVisible(selectedDate)\n    ) {\n      focusableDates.push(selectedDate);\n    }\n    if (\n      focusedDate &&\n      visibleMonth &&\n      dateAdapter.isSame(focusedDate, visibleMonth, \"month\")\n    ) {\n      focusableDates.push(focusedDate);\n      return focusableDates;\n    }\n    // Defaults\n    if (\n      focusableDates.length === 0 &&\n      isDaySelectable(dateAdapter.today(timezone)) &&\n      isDayVisible(dateAdapter.today(timezone))\n    ) {\n      focusableDates.push(dateAdapter.today(timezone));\n    }\n    if (focusableDates.length === 0 || !focusableDates.some(isDayVisible)) {\n      const firstSelectableDate = generateDatesForMonth(\n        dateAdapter,\n        visibleMonth,\n      ).find((visibleDay) => visibleDay && isDaySelectable(visibleDay));\n      if (firstSelectableDate) {\n        focusableDates.push(firstSelectableDate);\n      }\n    }\n    return focusableDates;\n  }, [\n    dateAdapter,\n    focusedDate,\n    isDaySelectable,\n    isDayVisible,\n    selectedDate,\n    selectionVariant,\n    timezone,\n    visibleMonth,\n  ]);\n\n  const isSelectedSpan = useCallback(\n    (date: TDate) => {\n      if (\n        (selectionVariant === \"range\" || selectionVariant === \"offset\") &&\n        isDateRangeSelection(selectedDate) &&\n        dateAdapter.isValid(selectedDate.startDate) &&\n        dateAdapter.isValid(selectedDate.endDate) &&\n        !isOutsideAllowedDates(selectedDate.startDate) &&\n        !isOutsideAllowedDates(selectedDate.endDate)\n      ) {\n        return (\n          dateAdapter.compare(date, selectedDate.startDate) > 0 &&\n          dateAdapter.compare(date, selectedDate.endDate) < 0\n        );\n      }\n      return false;\n    },\n    [dateAdapter, isOutsideAllowedDates, selectionVariant, selectedDate],\n  );\n  const isHoveredSpan = useCallback(\n    (date: TDate) => {\n      if (\n        (selectionVariant === \"range\" || selectionVariant === \"offset\") &&\n        isDateRangeSelection(selectedDate) &&\n        dateAdapter.isValid(selectedDate.startDate) &&\n        !dateAdapter.isValid(selectedDate.endDate) &&\n        !isOutsideAllowedDates(selectedDate.startDate) &&\n        hoveredDate\n      ) {\n        const isForwardRange =\n          dateAdapter.compare(hoveredDate, selectedDate.startDate) > 0 &&\n          ((dateAdapter.compare(date, selectedDate.startDate) > 0 &&\n            dateAdapter.compare(date, hoveredDate) < 0) ||\n            dateAdapter.isSame(date, hoveredDate, \"day\"));\n\n        const isValidDayHovered =\n          !isDaySelectable || isDaySelectable(hoveredDate);\n\n        return isForwardRange && isValidDayHovered;\n      }\n      return false;\n    },\n    [\n      dateAdapter,\n      isOutsideAllowedDates,\n      selectionVariant,\n      selectedDate,\n      hoveredDate,\n      isDaySelectable,\n    ],\n  );\n\n  const isSelectedStart = useCallback(\n    (date: TDate) => {\n      if (\n        (selectionVariant === \"range\" || selectionVariant === \"offset\") &&\n        isDateRangeSelection(selectedDate) &&\n        dateAdapter.isValid(selectedDate.startDate) &&\n        !isOutsideAllowedDates(selectedDate.startDate)\n      ) {\n        return dateAdapter.isSame(selectedDate.startDate, date, \"day\");\n      }\n      return false;\n    },\n    [dateAdapter, isOutsideAllowedDates, selectionVariant, selectedDate],\n  );\n\n  const isSelectedEnd = useCallback(\n    (date: TDate) => {\n      if (\n        (selectionVariant === \"range\" || selectionVariant === \"offset\") &&\n        isDateRangeSelection(selectedDate) &&\n        dateAdapter.isValid(selectedDate.endDate) &&\n        !isOutsideAllowedDates(selectedDate.endDate)\n      ) {\n        return dateAdapter.isSame(selectedDate.endDate, date, \"day\");\n      }\n      return false;\n    },\n    [dateAdapter, isOutsideAllowedDates, selectionVariant, selectedDate],\n  );\n\n  const isHoveredOffset = useCallback(\n    (date: TDate) => {\n      if (hoveredDate && selectionVariant === \"offset\") {\n        const startDate = getStartDateOffset(hoveredDate);\n        const endDate = getEndDateOffset(hoveredDate);\n\n        return (\n          dateAdapter.compare(date, startDate) >= 0 &&\n          dateAdapter.compare(date, endDate) <= 0 &&\n          (!isDaySelectable || isDaySelectable(date))\n        );\n      }\n\n      return false;\n    },\n    [\n      dateAdapter,\n      getStartDateOffset,\n      getEndDateOffset,\n      hoveredDate,\n      isDaySelectable,\n      selectionVariant,\n    ],\n  );\n\n  return useMemo(\n    () => ({\n      state: {\n        focusedDate,\n        focusedDateRef,\n        hoveredDate,\n        selectedDate,\n        focusableDates: getFocusableDates(),\n      },\n      helpers: {\n        setSelectedDate,\n        isSelected,\n        setHoveredDate,\n        isHovered,\n        isSelectedSpan,\n        isHoveredSpan,\n        isSelectedStart,\n        isSelectedEnd,\n        isHoveredOffset,\n        isDaySelectable,\n        setFocusedDate,\n      },\n    }),\n    [\n      selectedDate,\n      focusedDate,\n      focusedDateRef,\n      getFocusableDates,\n      hoveredDate,\n      isSelected,\n      isHovered,\n      isSelectedSpan,\n      isHoveredSpan,\n      isSelectedStart,\n      isSelectedEnd,\n      isHoveredOffset,\n      isDaySelectable,\n      setFocusedDate,\n      setHoveredDate,\n      setSelectedDate,\n    ],\n  );\n}\n\nexport function useCalendarSelectionDay<TDate extends DateFrameworkType>({\n  date,\n}: {\n  date: TDate;\n}) {\n  const {\n    helpers: {\n      setSelectedDate,\n      isSelected,\n      isSelectedSpan,\n      isHoveredSpan,\n      isSelectedStart,\n      isSelectedEnd,\n      isHovered,\n      isHoveredOffset,\n      isDaySelectable,\n    },\n  } = useCalendarContext<TDate>();\n\n  const handleClick: MouseEventHandler<HTMLButtonElement> = useCallback(\n    (event) => {\n      setSelectedDate(event, date);\n    },\n    [date, setSelectedDate],\n  );\n\n  const handleKeyDown: KeyboardEventHandler<HTMLButtonElement> = useCallback(\n    (event) => {\n      switch (event.key) {\n        case \"Space\":\n        case \"Enter\":\n          setSelectedDate(event, date);\n          event.preventDefault();\n      }\n    },\n    [date, setSelectedDate],\n  );\n\n  const selected = isSelected(date);\n  const selectedSpan = isSelectedSpan(date);\n  const hoveredSpan = isHoveredSpan(date);\n  const selectedStart = isSelectedStart(date);\n  const selectedEnd = isSelectedEnd(date);\n  const hovered = isHovered(date);\n  const hoveredOffset = isHoveredOffset(date);\n\n  return {\n    handleClick,\n    handleKeyDown,\n    status: {\n      selected,\n      selectedSpan,\n      hoveredSpan,\n      selectedStart,\n      selectedEnd,\n      hovered,\n      hoveredOffset,\n    },\n    dayProps: {\n      className: clsx({\n        [withBaseName(\"selected\")]: selected,\n        [withBaseName(\"selectedSpan\")]: selectedSpan,\n        [withBaseName(\"hoveredSpan\")]: hoveredSpan,\n        [withBaseName(\"selectedStart\")]: selectedStart,\n        [withBaseName(\"selectedEnd\")]: selectedEnd,\n        [withBaseName(\"hovered\")]: hovered,\n        [withBaseName(\"hoveredOffset\")]: hoveredOffset,\n      }),\n      \"aria-pressed\":\n        selected || selectedEnd || selectedStart || selectedSpan\n          ? \"true\"\n          : undefined,\n      \"aria-disabled\":\n        isDaySelectable && !isDaySelectable(date) ? \"true\" : undefined,\n    },\n  };\n}\n"],"names":["makePrefixer","useLocalization","useControlled","useCallback","generateDatesForMonth","useMemo","useCalendarContext","clsx"],"mappings":"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"}

package/dist-cjs/carousel/Carousel.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = ".saltCarousel {\n  display: grid;\n  grid-row-gap: var(--salt-spacing-100);\n  grid-template-areas: \"controls\" \"slider\";\n  grid-template-rows: auto 1fr;\n}\n\n.saltCarousel.saltCarousel-bottom {\n  grid-template-areas: \"slider\" \"controls\";\n  grid-template-rows: 1fr auto;\n}\n";
+
+module.exports = css_248z;
+//# sourceMappingURL=Carousel.css.js.map

package/dist-cjs/carousel/Carousel.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}