@salt-ds/date-components 0.0.0-snapshot-20260330155807

package/dist-es/calendar/useCalendarSelection.js

@@ -0,0 +1,349 @@
+import { makePrefixer, useControlled } from '@salt-ds/core';
+import { clsx } from 'clsx';
+import { useCallback, useMemo } from 'react';
+import { useLocalization } from '../localization-provider/LocalizationProvider.js';
+import { useCalendarContext } from './internal/CalendarContext.js';
+
+function isDateRangeSelection(value) {
+  return !!value && !Array.isArray(value) && typeof value === "object" && ("startDate" in value || "endDate" in value);
+}
+function isMultiselect(props) {
+  return props.multiselect === true;
+}
+function selectDateRange(dateAdapter, previousSelectedDate, newDate) {
+  if ((previousSelectedDate == null ? void 0 : previousSelectedDate.startDate) && (previousSelectedDate == null ? void 0 : previousSelectedDate.endDate)) {
+    return {
+      startDate: newDate
+    };
+  }
+  if ((previousSelectedDate == null ? void 0 : previousSelectedDate.startDate) && dateAdapter.compare(newDate, previousSelectedDate == null ? void 0 : previousSelectedDate.startDate) >= 0) {
+    return {
+      ...previousSelectedDate,
+      endDate: newDate
+    };
+  }
+  return {
+    startDate: newDate
+  };
+}
+function selectMultiselectDateRange(dateAdapter, previousSelectedDate, newDate) {
+  const lastRange = previousSelectedDate.length ? previousSelectedDate[previousSelectedDate.length - 1] : void 0;
+  const isIncompleteRange = !(lastRange == null ? void 0 : lastRange.endDate);
+  if (isIncompleteRange) {
+    const isNewSelection = previousSelectedDate.length === 0;
+    if (isNewSelection) {
+      return [{ startDate: newDate }];
+    }
+    const completeDateRange = selectDateRange(
+      dateAdapter,
+      previousSelectedDate[previousSelectedDate.length - 1],
+      newDate
+    );
+    return [...previousSelectedDate.slice(0, -1), completeDateRange];
+  }
+  return [...previousSelectedDate, { startDate: newDate }];
+}
+function useCalendarSelection(props) {
+  const {
+    selectedDate: selectedDateProp,
+    defaultSelectedDate,
+    onSelectionChange,
+    isDaySelectable = () => true,
+    isOutsideAllowedDates = () => 0,
+    select: selectProp,
+    selectionVariant
+    // startDateOffset,
+    // endDateOffset,
+  } = props;
+  const { dateAdapter } = useLocalization();
+  const [selectedDate, setSelectedDateState] = useControlled({
+    controlled: selectedDateProp,
+    default: defaultSelectedDate,
+    name: "Calendar",
+    state: "selectedDate"
+  });
+  const setSelectedDate = useCallback(
+    (event, newSelectedDate) => {
+      if (!isDaySelectable || isDaySelectable(newSelectedDate)) {
+        const handleSelectionChange = (updatedSelection, changeHandler) => {
+          changeHandler == null ? void 0 : changeHandler(event, updatedSelection);
+          setSelectedDateState(updatedSelection);
+        };
+        switch (selectionVariant) {
+          case "single": {
+            if (isMultiselect(props)) {
+              const multipleSingleSelectedDate = selectedDate;
+              const select = selectProp;
+              const updatedSelection = select ? select(multipleSingleSelectedDate ?? [], newSelectedDate) : [...multipleSingleSelectedDate ?? [], newSelectedDate];
+              const changeHandler = onSelectionChange;
+              handleSelectionChange(updatedSelection, changeHandler);
+            } else {
+              const singleSelectedDate = selectedDate;
+              const select = selectProp;
+              const updatedSelection = select ? select(singleSelectedDate, newSelectedDate) : newSelectedDate;
+              const changeHandler = onSelectionChange;
+              handleSelectionChange(updatedSelection, changeHandler);
+            }
+            break;
+          }
+          case "range": {
+            if (isMultiselect(props)) {
+              const multipleRangeSelectedDate = selectedDate;
+              const select = selectProp;
+              const updatedSelection = select ? select(multipleRangeSelectedDate ?? [], newSelectedDate) : selectMultiselectDateRange(
+                dateAdapter,
+                multipleRangeSelectedDate ?? [],
+                newSelectedDate
+              );
+              const changeHandler = onSelectionChange;
+              handleSelectionChange(updatedSelection, changeHandler);
+            } else {
+              const rangeSelectedDate = selectedDate;
+              const select = selectProp;
+              const updatedSelection = select ? select(rangeSelectedDate, newSelectedDate) : selectDateRange(
+                dateAdapter,
+                rangeSelectedDate,
+                newSelectedDate
+              );
+              const changeHandler = onSelectionChange;
+              handleSelectionChange(updatedSelection, changeHandler);
+            }
+            break;
+          }
+          case "offset": {
+            const { startDateOffset, endDateOffset } = props;
+            if (isMultiselect(props)) {
+              const multipleOffsetSelectedDate = selectedDate;
+              const select = selectProp;
+              const updatedSelection = select ? select(multipleOffsetSelectedDate ?? [], newSelectedDate) : [
+                ...multipleOffsetSelectedDate ?? [],
+                {
+                  startDate: newSelectedDate,
+                  endDate: endDateOffset ? endDateOffset(newSelectedDate) : newSelectedDate
+                }
+              ];
+              const changeHandler = onSelectionChange;
+              handleSelectionChange(updatedSelection, changeHandler);
+            } else {
+              const offsetSelectedDate = selectedDate;
+              const select = selectProp;
+              const updatedSelection = select ? select(offsetSelectedDate, newSelectedDate) : {
+                startDate: startDateOffset ? startDateOffset(newSelectedDate) : newSelectedDate,
+                endDate: endDateOffset ? endDateOffset(newSelectedDate) : newSelectedDate
+              };
+              const changeHandler = onSelectionChange;
+              handleSelectionChange(updatedSelection, changeHandler);
+            }
+            break;
+          }
+        }
+      }
+    },
+    [
+      dateAdapter,
+      isDaySelectable,
+      selectProp,
+      selectedDate,
+      selectionVariant,
+      onSelectionChange,
+      props
+      // Ensure props is included in the dependency array
+    ]
+  );
+  const isSelected = useCallback(
+    (date) => {
+      if (!selectedDate) {
+        return false;
+      }
+      if (selectionVariant === "single") {
+        const singleDates = Array.isArray(selectedDate) ? selectedDate : [selectedDate];
+        return singleDates.some(
+          (singleDate) => dateAdapter.isSame(singleDate, date, "day")
+        );
+      }
+      return false;
+    },
+    [dateAdapter, selectedDate, selectionVariant]
+  );
+  const isSameDay = useCallback(
+    (date) => {
+      const dateRanges = Array.isArray(selectedDate) ? selectedDate : [selectedDate];
+      return dateRanges.some((range) => {
+        if ((selectionVariant === "range" || selectionVariant === "offset") && isDateRangeSelection(range) && (range == null ? void 0 : range.startDate) && (range == null ? void 0 : range.endDate) && dateAdapter.isSame(range == null ? void 0 : range.startDate, date, "day")) {
+          return dateAdapter.isSame(range == null ? void 0 : range.startDate, range == null ? void 0 : range.endDate, "day");
+        }
+        return false;
+      });
+    },
+    [dateAdapter, selectionVariant, selectedDate]
+  );
+  const isSelectedStart = useCallback(
+    (date) => {
+      if (selectionVariant === "single") {
+        return false;
+      }
+      const dateRanges = Array.isArray(selectedDate) ? selectedDate : [selectedDate];
+      return dateRanges.some((range) => {
+        if ((selectionVariant === "range" || selectionVariant === "offset") && isDateRangeSelection(range) && dateAdapter.isValid(range.startDate) && isOutsideAllowedDates(range.startDate) === 0) {
+          return dateAdapter.isSame(range.startDate, date, "day");
+        }
+        return false;
+      });
+    },
+    [dateAdapter, isOutsideAllowedDates, selectionVariant, selectedDate]
+  );
+  const isSelectedSpan = useCallback(
+    (date) => {
+      if (selectionVariant === "single") {
+        return false;
+      }
+      const dateRanges = Array.isArray(selectedDate) ? selectedDate : [selectedDate];
+      return dateRanges.some((range) => {
+        if ((selectionVariant === "range" || selectionVariant === "offset") && isDateRangeSelection(range) && dateAdapter.isValid(range.startDate) && dateAdapter.isValid(range.endDate) && isOutsideAllowedDates(range.startDate) === 0 && isOutsideAllowedDates(range.endDate) === 0) {
+          return dateAdapter.compare(date, range.startDate) > 0 && dateAdapter.compare(date, range.endDate) < 0;
+        }
+        return false;
+      });
+    },
+    [dateAdapter, isOutsideAllowedDates, selectionVariant, selectedDate]
+  );
+  const isSelectedEnd = useCallback(
+    (date) => {
+      if (selectionVariant === "single") {
+        return false;
+      }
+      const dateRanges = Array.isArray(selectedDate) ? selectedDate : [selectedDate];
+      return dateRanges.some((range) => {
+        if ((selectionVariant === "range" || selectionVariant === "offset") && isDateRangeSelection(range) && dateAdapter.isValid(range.endDate) && isOutsideAllowedDates(range.endDate) === 0) {
+          return dateAdapter.isSame(range.endDate, date, "day");
+        }
+        return false;
+      });
+    },
+    [dateAdapter, isOutsideAllowedDates, selectionVariant, selectedDate]
+  );
+  return useMemo(
+    () => ({
+      state: {
+        selectedDate
+      },
+      helpers: {
+        isSelected,
+        isSameDay,
+        setSelectedDate,
+        isSelectedStart,
+        isSelectedSpan,
+        isSelectedEnd
+      }
+    }),
+    [
+      selectedDate,
+      isSelected,
+      isSameDay,
+      isSelectedStart,
+      isSelectedSpan,
+      isSelectedEnd,
+      setSelectedDate
+    ]
+  );
+}
+const withBaseName = makePrefixer("saltCalendarDay");
+function useCalendarSelectionDay({ date }) {
+  const { dateAdapter } = useLocalization();
+  const {
+    state: { selectionVariant, minDate, maxDate },
+    helpers: {
+      setSelectedDate,
+      isSameDay,
+      isSelected,
+      isSelectedStart,
+      isSelectedSpan,
+      isSelectedEnd,
+      isHovered,
+      isHoveredStart,
+      isHoveredSpan,
+      isHoveredEnd,
+      isDaySelectable
+    }
+  } = useCalendarContext();
+  const handleClick = useCallback(
+    (event) => {
+      setSelectedDate(event, date);
+    },
+    [date, setSelectedDate]
+  );
+  const handleKeyDown = useCallback(
+    (event) => {
+      switch (event.key) {
+        case "Space":
+        case "Enter":
+          setSelectedDate(event, date);
+          event.preventDefault();
+      }
+    },
+    [date, setSelectedDate]
+  );
+  const selected = isSelected(date);
+  const selectedStart = isSelectedStart(date);
+  const selectedSpan = isSelectedSpan(date);
+  const selectedEnd = isSelectedEnd(date);
+  const selectedOnSameDay = isSameDay(date);
+  const hovered = isHovered(date);
+  const hoveredStart = isHoveredStart(date);
+  const hoveredSpan = isHoveredSpan(date);
+  const hoveredEnd = isHoveredEnd(date);
+  const formattedDate = dateAdapter.format(date, "dddd D MMMM YYYY");
+  let ariaLabel = formattedDate;
+  if (selectionVariant === "single") {
+    if (selected) {
+      ariaLabel = `${ariaLabel}, selected`;
+    }
+  } else if (selectedStart) {
+    ariaLabel = `Start range: ${formattedDate}, selected`;
+  } else if (selectedEnd) {
+    ariaLabel = `End range: ${formattedDate}, selected`;
+  } else if (selectedSpan) {
+    ariaLabel = `In range: ${formattedDate}, selected`;
+  } else if (hoveredStart) {
+    ariaLabel = `Start new range: ${formattedDate}`;
+  } else if (hoveredEnd) {
+    ariaLabel = `Complete new range: ${formattedDate}`;
+  } else {
+    if (dateAdapter.isSame(minDate, date, "day")) {
+      ariaLabel = `${formattedDate}, minimum date`;
+    } else if (dateAdapter.isSame(maxDate, date, "day")) {
+      ariaLabel = `${formattedDate}, maximum date`;
+    }
+  }
+  return {
+    handleClick,
+    handleKeyDown,
+    status: {
+      hovered,
+      selected,
+      selectedStart,
+      selectedSpan,
+      selectedEnd,
+      hoveredStart,
+      hoveredSpan,
+      hoveredEnd
+    },
+    dayProps: {
+      className: clsx({
+        [withBaseName("selected")]: selectionVariant === "single" ? selected : void 0,
+        [withBaseName("selectedStart")]: selectionVariant !== "single" ? selectedStart : void 0,
+        [withBaseName("selectedSpan")]: selectionVariant !== "single" ? selectedSpan : void 0,
+        [withBaseName("selectedEnd")]: selectionVariant !== "single" ? selectedEnd : void 0,
+        [withBaseName("selectedSameDay")]: selectionVariant !== "single" && selectedOnSameDay,
+        [withBaseName("hoveredStart")]: selectionVariant !== "single" && hoveredStart,
+        [withBaseName("hoveredSpan")]: selectionVariant !== "single" && hoveredSpan,
+        [withBaseName("hoveredEnd")]: selectionVariant !== "single" && hoveredEnd
+      }),
+      "aria-disabled": isDaySelectable && !isDaySelectable(date) ? "true" : void 0,
+      "aria-label": ariaLabel
+    }
+  };
+}
+
+export { isDateRangeSelection, useCalendarSelection, useCalendarSelectionDay };
+//# sourceMappingURL=useCalendarSelection.js.map

package/dist-es/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} from \"@salt-ds/date-adapters\";\nimport { clsx } from \"clsx\";\nimport {\n  type KeyboardEventHandler,\n  type MouseEventHandler,\n  type SyntheticEvent,\n  useCallback,\n  useMemo,\n} from \"react\";\nimport { useLocalization } from \"../localization-provider\";\nimport { useCalendarContext } from \"./internal/CalendarContext\";\n\n/**\n * Type representing a single date selection.\n */\nexport type SingleDateSelection<\n  TDate extends DateFrameworkType = DateFrameworkType,\n> = TDate;\n\n/**\n * Type representing a date range selection.\n * @template TDate - The type of the date object.\n */\nexport type DateRangeSelection<\n  TDate extends DateFrameworkType = DateFrameworkType,\n> = {\n  /**\n   * The start date of the range, or null if empty\n   */\n  startDate?: TDate | null;\n  /**\n   * The end date of the range, or null if empty\n   */\n  endDate?: TDate | null;\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<\n  TDate extends DateFrameworkType = DateFrameworkType,\n>(value: unknown): value is DateRangeSelection<TDate> {\n  return (\n    !!value &&\n    !Array.isArray(value) &&\n    typeof value === \"object\" &&\n    (\"startDate\" in value || \"endDate\" in value)\n  );\n}\n\nexport type SelectionVariant = \"single\" | \"range\" | \"offset\";\n\n/**\n * Base properties for calendar UseCalendarSelection hook.\n */\nexport interface UseCalendarSelectionBaseProps<Selection> {\n  /**\n   * Determines if a date is outside the allowed date range.\n   * @param date - The date to check.\n   * @returns 0 if inside the date range, -1 if before the min date, 1 if after the max date.\n   */\n  isOutsideAllowedDates?: (date: DateFrameworkType) => -1 | 0 | 1;\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: DateFrameworkType) => boolean;\n  /**\n   * If `true`, the calendar will be multiselect.\n   */\n  multiselect?: boolean;\n  /**\n   * The selection variant, set to \"single\".\n   */\n  selectionVariant: SelectionVariant;\n  /**\n   * The currently selected date.\n   */\n  selectedDate?: Selection;\n  /**\n   * The default selected date.\n   */\n  defaultSelectedDate?: Selection;\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?: (event: SyntheticEvent, selectedDate: Selection) => void;\n  /**\n   * A pure function to manage the selected date for uncontrolled use-cases.\n   * Return the selection based on the previous selection and the new date.\n   * @param previousSelectedDate\n   * @param newDate\n   */\n  select?: (\n    previousSelectedDate: Selection,\n    newDate: DateFrameworkType,\n  ) => Selection;\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: DateFrameworkType) => DateFrameworkType;\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: DateFrameworkType) => DateFrameworkType;\n}\n\nexport type UseCalendarSelectionSingleProps =\n  UseCalendarSelectionBaseProps<SingleDateSelection<DateFrameworkType> | null> & {\n    selectionVariant: \"single\";\n    multiselect?: false;\n  };\n\nexport type UseCalendarSelectionMultiselectSingleProps =\n  UseCalendarSelectionBaseProps<\n    Array<SingleDateSelection<DateFrameworkType>>\n  > & {\n    selectionVariant: \"single\";\n    multiselect: true;\n  };\n\nexport type UseCalendarSelectionRangeProps = UseCalendarSelectionBaseProps<\n  DateRangeSelection<DateFrameworkType>\n> & {\n  selectionVariant: \"range\";\n  multiselect?: false;\n};\n\nexport type UseCalendarSelectionMultiselectRangeProps =\n  UseCalendarSelectionBaseProps<\n    Array<DateRangeSelection<DateFrameworkType>>\n  > & {\n    selectionVariant: \"range\";\n    multiselect: true;\n  };\n\nexport type UseCalendarSelectionOffsetProps = UseCalendarSelectionBaseProps<\n  DateRangeSelection<DateFrameworkType>\n> & {\n  selectionVariant: \"offset\";\n  multiselect?: false;\n};\n\nexport type UseCalendarSelectionMultiselectOffsetProps =\n  UseCalendarSelectionBaseProps<\n    Array<DateRangeSelection<DateFrameworkType>>\n  > & {\n    selectionVariant: \"offset\";\n    multiselect: true;\n  };\n\nexport type UseCalendarSelectionProps =\n  | UseCalendarSelectionSingleProps\n  | UseCalendarSelectionMultiselectSingleProps\n  | UseCalendarSelectionRangeProps\n  | UseCalendarSelectionMultiselectRangeProps\n  | UseCalendarSelectionOffsetProps\n  | UseCalendarSelectionMultiselectOffsetProps;\n\nfunction isMultiselect(\n  props: UseCalendarSelectionProps,\n): props is\n  | UseCalendarSelectionMultiselectSingleProps\n  | UseCalendarSelectionMultiselectRangeProps\n  | UseCalendarSelectionMultiselectOffsetProps {\n  return props.multiselect === true;\n}\n\nfunction selectDateRange(\n  dateAdapter: SaltDateAdapter,\n  previousSelectedDate: DateRangeSelection<DateFrameworkType>,\n  newDate: DateFrameworkType,\n) {\n  if (previousSelectedDate?.startDate && previousSelectedDate?.endDate) {\n    return {\n      startDate: newDate,\n    };\n  }\n  if (\n    previousSelectedDate?.startDate &&\n    dateAdapter.compare(newDate, previousSelectedDate?.startDate) >= 0\n  ) {\n    return {\n      ...previousSelectedDate,\n      endDate: newDate,\n    };\n  }\n  return {\n    startDate: newDate,\n  };\n}\n\nfunction selectMultiselectDateRange(\n  dateAdapter: SaltDateAdapter,\n  previousSelectedDate: DateRangeSelection<DateFrameworkType>[],\n  newDate: DateFrameworkType,\n): DateRangeSelection<DateFrameworkType>[] {\n  const lastRange = previousSelectedDate.length\n    ? previousSelectedDate[previousSelectedDate.length - 1]\n    : undefined;\n  const isIncompleteRange = !lastRange?.endDate;\n\n  if (isIncompleteRange) {\n    const isNewSelection = previousSelectedDate.length === 0;\n    if (isNewSelection) {\n      return [{ startDate: newDate }];\n    }\n    const completeDateRange = selectDateRange(\n      dateAdapter,\n      previousSelectedDate[previousSelectedDate.length - 1],\n      newDate,\n    );\n    return [...previousSelectedDate.slice(0, -1), completeDateRange];\n  }\n  return [...previousSelectedDate, { startDate: newDate }];\n}\n\nexport function useCalendarSelection(props: UseCalendarSelectionProps) {\n  const {\n    selectedDate: selectedDateProp,\n    defaultSelectedDate,\n    onSelectionChange,\n    isDaySelectable = () => true,\n    isOutsideAllowedDates = () => 0,\n    select: selectProp,\n    selectionVariant,\n    // startDateOffset,\n    // endDateOffset,\n  } = props;\n  const { dateAdapter } = useLocalization<DateFrameworkType>();\n  const [selectedDate, setSelectedDateState] = useControlled({\n    controlled: selectedDateProp,\n    default: defaultSelectedDate,\n    name: \"Calendar\",\n    state: \"selectedDate\",\n  });\n\n  const setSelectedDate = useCallback(\n    (\n      event: SyntheticEvent<HTMLButtonElement>,\n      newSelectedDate: DateFrameworkType,\n    ) => {\n      if (!isDaySelectable || isDaySelectable(newSelectedDate)) {\n        const handleSelectionChange = <\n          U extends\n            | (DateFrameworkType | null)\n            | DateFrameworkType[]\n            | (DateRangeSelection<DateFrameworkType> | null)\n            | DateRangeSelection<DateFrameworkType>[],\n        >(\n          updatedSelection: U,\n          changeHandler:\n            | ((event: SyntheticEvent, updatedSelection: U) => void)\n            | undefined,\n        ) => {\n          changeHandler?.(event, updatedSelection);\n          setSelectedDateState(updatedSelection);\n        };\n\n        switch (selectionVariant) {\n          case \"single\": {\n            if (isMultiselect(props)) {\n              const multipleSingleSelectedDate = selectedDate as Array<\n                SingleDateSelection<DateFrameworkType>\n              >;\n              const select =\n                selectProp as UseCalendarSelectionMultiselectSingleProps[\"select\"];\n              const updatedSelection: Array<\n                SingleDateSelection<DateFrameworkType>\n              > = select\n                ? select(multipleSingleSelectedDate ?? [], newSelectedDate)\n                : [...(multipleSingleSelectedDate ?? []), newSelectedDate];\n\n              const changeHandler =\n                onSelectionChange as UseCalendarSelectionMultiselectSingleProps[\"onSelectionChange\"];\n              handleSelectionChange(updatedSelection, changeHandler);\n            } else {\n              const singleSelectedDate =\n                selectedDate as SingleDateSelection<DateFrameworkType> | null;\n              const select =\n                selectProp as UseCalendarSelectionSingleProps[\"select\"];\n              const updatedSelection: SingleDateSelection<DateFrameworkType> | null =\n                select\n                  ? select(singleSelectedDate, newSelectedDate)\n                  : newSelectedDate;\n\n              const changeHandler =\n                onSelectionChange as UseCalendarSelectionSingleProps[\"onSelectionChange\"];\n              handleSelectionChange(updatedSelection, changeHandler);\n            }\n            break;\n          }\n          case \"range\": {\n            if (isMultiselect(props)) {\n              const multipleRangeSelectedDate = selectedDate as Array<\n                DateRangeSelection<DateFrameworkType>\n              >;\n              const select =\n                selectProp as UseCalendarSelectionMultiselectRangeProps[\"select\"];\n              const updatedSelection: DateRangeSelection<DateFrameworkType>[] =\n                select\n                  ? select(multipleRangeSelectedDate ?? [], newSelectedDate)\n                  : selectMultiselectDateRange(\n                      dateAdapter,\n                      multipleRangeSelectedDate ?? [],\n                      newSelectedDate,\n                    );\n\n              const changeHandler =\n                onSelectionChange as UseCalendarSelectionMultiselectRangeProps[\"onSelectionChange\"];\n              handleSelectionChange(updatedSelection, changeHandler);\n            } else {\n              const rangeSelectedDate =\n                selectedDate as DateRangeSelection<DateFrameworkType>;\n              const select =\n                selectProp as UseCalendarSelectionRangeProps[\"select\"];\n              const updatedSelection: DateRangeSelection<DateFrameworkType> =\n                select\n                  ? select(rangeSelectedDate, newSelectedDate)\n                  : selectDateRange(\n                      dateAdapter,\n                      rangeSelectedDate,\n                      newSelectedDate,\n                    );\n\n              const changeHandler =\n                onSelectionChange as UseCalendarSelectionRangeProps[\"onSelectionChange\"];\n              handleSelectionChange(updatedSelection, changeHandler);\n            }\n            break;\n          }\n          case \"offset\": {\n            const { startDateOffset, endDateOffset } = props;\n            if (isMultiselect(props)) {\n              const multipleOffsetSelectedDate = selectedDate as Array<\n                DateRangeSelection<DateFrameworkType>\n              >;\n              const select =\n                selectProp as UseCalendarSelectionMultiselectOffsetProps[\"select\"];\n              const updatedSelection: DateRangeSelection<DateFrameworkType>[] =\n                select\n                  ? select(multipleOffsetSelectedDate ?? [], newSelectedDate)\n                  : [\n                      ...(multipleOffsetSelectedDate ?? []),\n                      {\n                        startDate: newSelectedDate,\n                        endDate: endDateOffset\n                          ? endDateOffset(newSelectedDate)\n                          : newSelectedDate,\n                      },\n                    ];\n\n              const changeHandler =\n                onSelectionChange as UseCalendarSelectionMultiselectOffsetProps[\"onSelectionChange\"];\n              handleSelectionChange(updatedSelection, changeHandler);\n            } else {\n              const offsetSelectedDate =\n                selectedDate as DateRangeSelection<DateFrameworkType>;\n              const select =\n                selectProp as UseCalendarSelectionOffsetProps[\"select\"];\n              const updatedSelection: DateRangeSelection<DateFrameworkType> =\n                select\n                  ? select(offsetSelectedDate, newSelectedDate)\n                  : {\n                      startDate: startDateOffset\n                        ? startDateOffset(newSelectedDate)\n                        : newSelectedDate,\n                      endDate: endDateOffset\n                        ? endDateOffset(newSelectedDate)\n                        : newSelectedDate,\n                    };\n              const changeHandler =\n                onSelectionChange as UseCalendarSelectionOffsetProps[\"onSelectionChange\"];\n              handleSelectionChange(updatedSelection, changeHandler);\n            }\n            break;\n          }\n        }\n      }\n    },\n    [\n      dateAdapter,\n      isDaySelectable,\n      selectProp,\n      selectedDate,\n      selectionVariant,\n      onSelectionChange,\n      props, // Ensure props is included in the dependency array\n    ],\n  );\n\n  const isSelected = useCallback(\n    (date: DateFrameworkType) => {\n      if (!selectedDate) {\n        return false;\n      }\n      if (selectionVariant === \"single\") {\n        const singleDates = (\n          Array.isArray(selectedDate) ? selectedDate : [selectedDate]\n        ) as DateFrameworkType[];\n        return singleDates.some((singleDate) =>\n          dateAdapter.isSame(singleDate, date, \"day\"),\n        );\n      }\n      return false;\n    },\n    [dateAdapter, selectedDate, selectionVariant],\n  );\n\n  const isSameDay = useCallback(\n    (date: DateFrameworkType) => {\n      const dateRanges = Array.isArray(selectedDate)\n        ? selectedDate\n        : [selectedDate];\n      return dateRanges.some((range) => {\n        if (\n          (selectionVariant === \"range\" || selectionVariant === \"offset\") &&\n          isDateRangeSelection(range) &&\n          range?.startDate &&\n          range?.endDate &&\n          dateAdapter.isSame(range?.startDate, date, \"day\")\n        ) {\n          return dateAdapter.isSame(range?.startDate, range?.endDate, \"day\");\n        }\n        return false;\n      });\n    },\n    [dateAdapter, selectionVariant, selectedDate],\n  );\n\n  const isSelectedStart = useCallback(\n    (date: DateFrameworkType) => {\n      if (selectionVariant === \"single\") {\n        return false;\n      }\n      const dateRanges = Array.isArray(selectedDate)\n        ? selectedDate\n        : [selectedDate];\n      return dateRanges.some((range) => {\n        if (\n          (selectionVariant === \"range\" || selectionVariant === \"offset\") &&\n          isDateRangeSelection(range) &&\n          dateAdapter.isValid(range.startDate) &&\n          isOutsideAllowedDates(range.startDate) === 0\n        ) {\n          return dateAdapter.isSame(range.startDate, date, \"day\");\n        }\n        return false;\n      });\n    },\n    [dateAdapter, isOutsideAllowedDates, selectionVariant, selectedDate],\n  );\n\n  const isSelectedSpan = useCallback(\n    (date: DateFrameworkType) => {\n      if (selectionVariant === \"single\") {\n        return false;\n      }\n      const dateRanges = Array.isArray(selectedDate)\n        ? selectedDate\n        : [selectedDate];\n      return dateRanges.some((range) => {\n        if (\n          (selectionVariant === \"range\" || selectionVariant === \"offset\") &&\n          isDateRangeSelection(range) &&\n          dateAdapter.isValid(range.startDate) &&\n          dateAdapter.isValid(range.endDate) &&\n          isOutsideAllowedDates(range.startDate) === 0 &&\n          isOutsideAllowedDates(range.endDate) === 0\n        ) {\n          return (\n            dateAdapter.compare(date, range.startDate) > 0 &&\n            dateAdapter.compare(date, range.endDate) < 0\n          );\n        }\n        return false;\n      });\n    },\n    [dateAdapter, isOutsideAllowedDates, selectionVariant, selectedDate],\n  );\n\n  const isSelectedEnd = useCallback(\n    (date: DateFrameworkType) => {\n      if (selectionVariant === \"single\") {\n        return false;\n      }\n      const dateRanges = Array.isArray(selectedDate)\n        ? selectedDate\n        : [selectedDate];\n      return dateRanges.some((range) => {\n        if (\n          (selectionVariant === \"range\" || selectionVariant === \"offset\") &&\n          isDateRangeSelection(range) &&\n          dateAdapter.isValid(range.endDate) &&\n          isOutsideAllowedDates(range.endDate) === 0\n        ) {\n          return dateAdapter.isSame(range.endDate, date, \"day\");\n        }\n        return false;\n      });\n    },\n    [dateAdapter, isOutsideAllowedDates, selectionVariant, selectedDate],\n  );\n\n  return useMemo(\n    () => ({\n      state: {\n        selectedDate,\n      },\n      helpers: {\n        isSelected,\n        isSameDay,\n        setSelectedDate,\n        isSelectedStart,\n        isSelectedSpan,\n        isSelectedEnd,\n      },\n    }),\n    [\n      selectedDate,\n      isSelected,\n      isSameDay,\n      isSelectedStart,\n      isSelectedSpan,\n      isSelectedEnd,\n      setSelectedDate,\n    ],\n  );\n}\n\nconst withBaseName = makePrefixer(\"saltCalendarDay\");\n\nexport function useCalendarSelectionDay({ date }: { date: DateFrameworkType }) {\n  const { dateAdapter } = useLocalization<DateFrameworkType>();\n  const {\n    state: { selectionVariant, minDate, maxDate },\n    helpers: {\n      setSelectedDate,\n      isSameDay,\n      isSelected,\n      isSelectedStart,\n      isSelectedSpan,\n      isSelectedEnd,\n      isHovered,\n      isHoveredStart,\n      isHoveredSpan,\n      isHoveredEnd,\n      isDaySelectable,\n    },\n  } = useCalendarContext();\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 selectedStart = isSelectedStart(date);\n  const selectedSpan = isSelectedSpan(date);\n  const selectedEnd = isSelectedEnd(date);\n  const selectedOnSameDay = isSameDay(date);\n\n  const hovered = isHovered(date);\n  const hoveredStart = isHoveredStart(date);\n  const hoveredSpan = isHoveredSpan(date);\n  const hoveredEnd = isHoveredEnd(date);\n\n  const formattedDate = dateAdapter.format(date, \"dddd D MMMM YYYY\");\n\n  // Determine aria-label based on selection state\n  let ariaLabel = formattedDate;\n  if (selectionVariant === \"single\") {\n    if (selected) {\n      ariaLabel = `${ariaLabel}, selected`;\n    }\n  } else if (selectedStart) {\n    ariaLabel = `Start range: ${formattedDate}, selected`;\n  } else if (selectedEnd) {\n    ariaLabel = `End range: ${formattedDate}, selected`;\n  } else if (selectedSpan) {\n    ariaLabel = `In range: ${formattedDate}, selected`;\n  } else if (hoveredStart) {\n    ariaLabel = `Start new range: ${formattedDate}`;\n  } else if (hoveredEnd) {\n    ariaLabel = `Complete new range: ${formattedDate}`;\n  } else {\n    if (dateAdapter.isSame(minDate, date, \"day\")) {\n      ariaLabel = `${formattedDate}, minimum date`;\n    } else if (dateAdapter.isSame(maxDate, date, \"day\")) {\n      ariaLabel = `${formattedDate}, maximum date`;\n    }\n  }\n\n  return {\n    handleClick,\n    handleKeyDown,\n    status: {\n      hovered,\n      selected,\n      selectedStart,\n      selectedSpan,\n      selectedEnd,\n      hoveredStart,\n      hoveredSpan,\n      hoveredEnd,\n    },\n    dayProps: {\n      className: clsx({\n        [withBaseName(\"selected\")]:\n          selectionVariant === \"single\" ? selected : undefined,\n        [withBaseName(\"selectedStart\")]:\n          selectionVariant !== \"single\" ? selectedStart : undefined,\n        [withBaseName(\"selectedSpan\")]:\n          selectionVariant !== \"single\" ? selectedSpan : undefined,\n        [withBaseName(\"selectedEnd\")]:\n          selectionVariant !== \"single\" ? selectedEnd : undefined,\n        [withBaseName(\"selectedSameDay\")]:\n          selectionVariant !== \"single\" && selectedOnSameDay,\n        [withBaseName(\"hoveredStart\")]:\n          selectionVariant !== \"single\" && hoveredStart,\n        [withBaseName(\"hoveredSpan\")]:\n          selectionVariant !== \"single\" && hoveredSpan,\n        [withBaseName(\"hoveredEnd\")]:\n          selectionVariant !== \"single\" && hoveredEnd,\n      }),\n      \"aria-disabled\":\n        isDaySelectable && !isDaySelectable(date) ? \"true\" : undefined,\n      \"aria-label\": ariaLabel,\n    },\n  };\n}\n"],"names":[],"mappings":";;;;;;AA8CO,SAAS,qBAEd,KAAA,EAAoD;AACpD,EAAA,OACE,CAAC,CAAC,KAAA,IACF,CAAC,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,IACpB,OAAO,KAAA,KAAU,QAAA,KAChB,WAAA,IAAe,SAAS,SAAA,IAAa,KAAA,CAAA;AAE1C;AAsHA,SAAS,cACP,KAAA,EAI6C;AAC7C,EAAA,OAAO,MAAM,WAAA,KAAgB,IAAA;AAC/B;AAEA,SAAS,eAAA,CACP,WAAA,EACA,oBAAA,EACA,OAAA,EACA;AACA,EAAA,IAAA,CAAI,oBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,oBAAA,CAAsB,SAAA,MAAa,oBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,oBAAA,CAAsB,OAAA,CAAA,EAAS;AACpE,IAAA,OAAO;AAAA,MACL,SAAA,EAAW;AAAA,KACb;AAAA,EACF;AACA,EAAA,IAAA,CACE,oBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,oBAAA,CAAsB,cACtB,WAAA,CAAY,OAAA,CAAQ,SAAS,oBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,oBAAA,CAAsB,SAAS,KAAK,CAAA,EACjE;AACA,IAAA,OAAO;AAAA,MACL,GAAG,oBAAA;AAAA,MACH,OAAA,EAAS;AAAA,KACX;AAAA,EACF;AACA,EAAA,OAAO;AAAA,IACL,SAAA,EAAW;AAAA,GACb;AACF;AAEA,SAAS,0BAAA,CACP,WAAA,EACA,oBAAA,EACA,OAAA,EACyC;AACzC,EAAA,MAAM,YAAY,oBAAA,CAAqB,MAAA,GACnC,qBAAqB,oBAAA,CAAqB,MAAA,GAAS,CAAC,CAAA,GACpD,MAAA;AACJ,EAAA,MAAM,iBAAA,GAAoB,EAAC,SAAA,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,CAAW,OAAA,CAAA;AAEtC,EAAA,IAAI,iBAAA,EAAmB;AACrB,IAAA,MAAM,cAAA,GAAiB,qBAAqB,MAAA,KAAW,CAAA;AACvD,IAAA,IAAI,cAAA,EAAgB;AAClB,MAAA,OAAO,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,CAAA;AAAA,IAChC;AACA,IAAA,MAAM,iBAAA,GAAoB,eAAA;AAAA,MACxB,WAAA;AAAA,MACA,oBAAA,CAAqB,oBAAA,CAAqB,MAAA,GAAS,CAAC,CAAA;AAAA,MACpD;AAAA,KACF;AACA,IAAA,OAAO,CAAC,GAAG,oBAAA,CAAqB,MAAM,CAAA,EAAG,EAAE,GAAG,iBAAiB,CAAA;AAAA,EACjE;AACA,EAAA,OAAO,CAAC,GAAG,oBAAA,EAAsB,EAAE,SAAA,EAAW,SAAS,CAAA;AACzD;AAEO,SAAS,qBAAqB,KAAA,EAAkC;AACrE,EAAA,MAAM;AAAA,IACJ,YAAA,EAAc,gBAAA;AAAA,IACd,mBAAA;AAAA,IACA,iBAAA;AAAA,IACA,kBAAkB,MAAM,IAAA;AAAA,IACxB,wBAAwB,MAAM,CAAA;AAAA,IAC9B,MAAA,EAAQ,UAAA;AAAA,IACR;AAAA;AAAA;AAAA,GAGF,GAAI,KAAA;AACJ,EAAA,MAAM,EAAE,WAAA,EAAY,GAAI,eAAA,EAAmC;AAC3D,EAAA,MAAM,CAAC,YAAA,EAAc,oBAAoB,CAAA,GAAI,aAAA,CAAc;AAAA,IACzD,UAAA,EAAY,gBAAA;AAAA,IACZ,OAAA,EAAS,mBAAA;AAAA,IACT,IAAA,EAAM,UAAA;AAAA,IACN,KAAA,EAAO;AAAA,GACR,CAAA;AAED,EAAA,MAAM,eAAA,GAAkB,WAAA;AAAA,IACtB,CACE,OACA,eAAA,KACG;AACH,MAAA,IAAI,CAAC,eAAA,IAAmB,eAAA,CAAgB,eAAe,CAAA,EAAG;AACxD,QAAA,MAAM,qBAAA,GAAwB,CAO5B,gBAAA,EACA,aAAA,KAGG;AACH,UAAA,aAAA,IAAA,IAAA,GAAA,MAAA,GAAA,aAAA,CAAgB,KAAA,EAAO,gBAAA,CAAA;AACvB,UAAA,oBAAA,CAAqB,gBAAgB,CAAA;AAAA,QACvC,CAAA;AAEA,QAAA,QAAQ,gBAAA;AAAkB,UACxB,KAAK,QAAA,EAAU;AACb,YAAA,IAAI,aAAA,CAAc,KAAK,CAAA,EAAG;AACxB,cAAA,MAAM,0BAAA,GAA6B,YAAA;AAGnC,cAAA,MAAM,MAAA,GACJ,UAAA;AACF,cAAA,MAAM,gBAAA,GAEF,MAAA,GACA,MAAA,CAAO,0BAAA,IAA8B,EAAC,EAAG,eAAe,CAAA,GACxD,CAAC,GAAI,0BAAA,IAA8B,IAAK,eAAe,CAAA;AAE3D,cAAA,MAAM,aAAA,GACJ,iBAAA;AACF,cAAA,qBAAA,CAAsB,kBAAkB,aAAa,CAAA;AAAA,YACvD,CAAA,MAAO;AACL,cAAA,MAAM,kBAAA,GACJ,YAAA;AACF,cAAA,MAAM,MAAA,GACJ,UAAA;AACF,cAAA,MAAM,gBAAA,GACJ,MAAA,GACI,MAAA,CAAO,kBAAA,EAAoB,eAAe,CAAA,GAC1C,eAAA;AAEN,cAAA,MAAM,aAAA,GACJ,iBAAA;AACF,cAAA,qBAAA,CAAsB,kBAAkB,aAAa,CAAA;AAAA,YACvD;AACA,YAAA;AAAA,UACF;AAAA,UACA,KAAK,OAAA,EAAS;AACZ,YAAA,IAAI,aAAA,CAAc,KAAK,CAAA,EAAG;AACxB,cAAA,MAAM,yBAAA,GAA4B,YAAA;AAGlC,cAAA,MAAM,MAAA,GACJ,UAAA;AACF,cAAA,MAAM,mBACJ,MAAA,GACI,MAAA,CAAO,6BAA6B,EAAC,EAAG,eAAe,CAAA,GACvD,0BAAA;AAAA,gBACE,WAAA;AAAA,gBACA,6BAA6B,EAAC;AAAA,gBAC9B;AAAA,eACF;AAEN,cAAA,MAAM,aAAA,GACJ,iBAAA;AACF,cAAA,qBAAA,CAAsB,kBAAkB,aAAa,CAAA;AAAA,YACvD,CAAA,MAAO;AACL,cAAA,MAAM,iBAAA,GACJ,YAAA;AACF,cAAA,MAAM,MAAA,GACJ,UAAA;AACF,cAAA,MAAM,gBAAA,GACJ,MAAA,GACI,MAAA,CAAO,iBAAA,EAAmB,eAAe,CAAA,GACzC,eAAA;AAAA,gBACE,WAAA;AAAA,gBACA,iBAAA;AAAA,gBACA;AAAA,eACF;AAEN,cAAA,MAAM,aAAA,GACJ,iBAAA;AACF,cAAA,qBAAA,CAAsB,kBAAkB,aAAa,CAAA;AAAA,YACvD;AACA,YAAA;AAAA,UACF;AAAA,UACA,KAAK,QAAA,EAAU;AACb,YAAA,MAAM,EAAE,eAAA,EAAiB,aAAA,EAAc,GAAI,KAAA;AAC3C,YAAA,IAAI,aAAA,CAAc,KAAK,CAAA,EAAG;AACxB,cAAA,MAAM,0BAAA,GAA6B,YAAA;AAGnC,cAAA,MAAM,MAAA,GACJ,UAAA;AACF,cAAA,MAAM,mBACJ,MAAA,GACI,MAAA,CAAO,8BAA8B,EAAC,EAAG,eAAe,CAAA,GACxD;AAAA,gBACE,GAAI,8BAA8B,EAAC;AAAA,gBACnC;AAAA,kBACE,SAAA,EAAW,eAAA;AAAA,kBACX,OAAA,EAAS,aAAA,GACL,aAAA,CAAc,eAAe,CAAA,GAC7B;AAAA;AACN,eACF;AAEN,cAAA,MAAM,aAAA,GACJ,iBAAA;AACF,cAAA,qBAAA,CAAsB,kBAAkB,aAAa,CAAA;AAAA,YACvD,CAAA,MAAO;AACL,cAAA,MAAM,kBAAA,GACJ,YAAA;AACF,cAAA,MAAM,MAAA,GACJ,UAAA;AACF,cAAA,MAAM,gBAAA,GACJ,MAAA,GACI,MAAA,CAAO,kBAAA,EAAoB,eAAe,CAAA,GAC1C;AAAA,gBACE,SAAA,EAAW,eAAA,GACP,eAAA,CAAgB,eAAe,CAAA,GAC/B,eAAA;AAAA,gBACJ,OAAA,EAAS,aAAA,GACL,aAAA,CAAc,eAAe,CAAA,GAC7B;AAAA,eACN;AACN,cAAA,MAAM,aAAA,GACJ,iBAAA;AACF,cAAA,qBAAA,CAAsB,kBAAkB,aAAa,CAAA;AAAA,YACvD;AACA,YAAA;AAAA,UACF;AAAA;AACF,MACF;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,WAAA;AAAA,MACA,eAAA;AAAA,MACA,UAAA;AAAA,MACA,YAAA;AAAA,MACA,gBAAA;AAAA,MACA,iBAAA;AAAA,MACA;AAAA;AAAA;AACF,GACF;AAEA,EAAA,MAAM,UAAA,GAAa,WAAA;AAAA,IACjB,CAAC,IAAA,KAA4B;AAC3B,MAAA,IAAI,CAAC,YAAA,EAAc;AACjB,QAAA,OAAO,KAAA;AAAA,MACT;AACA,MAAA,IAAI,qBAAqB,QAAA,EAAU;AACjC,QAAA,MAAM,cACJ,KAAA,CAAM,OAAA,CAAQ,YAAY,CAAA,GAAI,YAAA,GAAe,CAAC,YAAY,CAAA;AAE5D,QAAA,OAAO,WAAA,CAAY,IAAA;AAAA,UAAK,CAAC,UAAA,KACvB,WAAA,CAAY,MAAA,CAAO,UAAA,EAAY,MAAM,KAAK;AAAA,SAC5C;AAAA,MACF;AACA,MAAA,OAAO,KAAA;AAAA,IACT,CAAA;AAAA,IACA,CAAC,WAAA,EAAa,YAAA,EAAc,gBAAgB;AAAA,GAC9C;AAEA,EAAA,MAAM,SAAA,GAAY,WAAA;AAAA,IAChB,CAAC,IAAA,KAA4B;AAC3B,MAAA,MAAM,aAAa,KAAA,CAAM,OAAA,CAAQ,YAAY,CAAA,GACzC,YAAA,GACA,CAAC,YAAY,CAAA;AACjB,MAAA,OAAO,UAAA,CAAW,IAAA,CAAK,CAAC,KAAA,KAAU;AAChC,QAAA,IAAA,CACG,qBAAqB,OAAA,IAAW,gBAAA,KAAqB,QAAA,KACtD,oBAAA,CAAqB,KAAK,CAAA,KAC1B,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAO,SAAA,CAAA,KACP,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAO,YACP,WAAA,CAAY,MAAA,CAAO,+BAAO,SAAA,EAAW,IAAA,EAAM,KAAK,CAAA,EAChD;AACA,UAAA,OAAO,YAAY,MAAA,CAAO,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAO,SAAA,EAAW,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAO,SAAS,KAAK,CAAA;AAAA,QACnE;AACA,QAAA,OAAO,KAAA;AAAA,MACT,CAAC,CAAA;AAAA,IACH,CAAA;AAAA,IACA,CAAC,WAAA,EAAa,gBAAA,EAAkB,YAAY;AAAA,GAC9C;AAEA,EAAA,MAAM,eAAA,GAAkB,WAAA;AAAA,IACtB,CAAC,IAAA,KAA4B;AAC3B,MAAA,IAAI,qBAAqB,QAAA,EAAU;AACjC,QAAA,OAAO,KAAA;AAAA,MACT;AACA,MAAA,MAAM,aAAa,KAAA,CAAM,OAAA,CAAQ,YAAY,CAAA,GACzC,YAAA,GACA,CAAC,YAAY,CAAA;AACjB,MAAA,OAAO,UAAA,CAAW,IAAA,CAAK,CAAC,KAAA,KAAU;AAChC,QAAA,IAAA,CACG,qBAAqB,OAAA,IAAW,gBAAA,KAAqB,QAAA,KACtD,oBAAA,CAAqB,KAAK,CAAA,IAC1B,WAAA,CAAY,OAAA,CAAQ,KAAA,CAAM,SAAS,CAAA,IACnC,qBAAA,CAAsB,KAAA,CAAM,SAAS,MAAM,CAAA,EAC3C;AACA,UAAA,OAAO,WAAA,CAAY,MAAA,CAAO,KAAA,CAAM,SAAA,EAAW,MAAM,KAAK,CAAA;AAAA,QACxD;AACA,QAAA,OAAO,KAAA;AAAA,MACT,CAAC,CAAA;AAAA,IACH,CAAA;AAAA,IACA,CAAC,WAAA,EAAa,qBAAA,EAAuB,gBAAA,EAAkB,YAAY;AAAA,GACrE;AAEA,EAAA,MAAM,cAAA,GAAiB,WAAA;AAAA,IACrB,CAAC,IAAA,KAA4B;AAC3B,MAAA,IAAI,qBAAqB,QAAA,EAAU;AACjC,QAAA,OAAO,KAAA;AAAA,MACT;AACA,MAAA,MAAM,aAAa,KAAA,CAAM,OAAA,CAAQ,YAAY,CAAA,GACzC,YAAA,GACA,CAAC,YAAY,CAAA;AACjB,MAAA,OAAO,UAAA,CAAW,IAAA,CAAK,CAAC,KAAA,KAAU;AAChC,QAAA,IAAA,CACG,gBAAA,KAAqB,OAAA,IAAW,gBAAA,KAAqB,QAAA,KACtD,oBAAA,CAAqB,KAAK,CAAA,IAC1B,WAAA,CAAY,OAAA,CAAQ,KAAA,CAAM,SAAS,CAAA,IACnC,WAAA,CAAY,QAAQ,KAAA,CAAM,OAAO,CAAA,IACjC,qBAAA,CAAsB,KAAA,CAAM,SAAS,CAAA,KAAM,CAAA,IAC3C,qBAAA,CAAsB,KAAA,CAAM,OAAO,CAAA,KAAM,CAAA,EACzC;AACA,UAAA,OACE,WAAA,CAAY,OAAA,CAAQ,IAAA,EAAM,KAAA,CAAM,SAAS,CAAA,GAAI,CAAA,IAC7C,WAAA,CAAY,OAAA,CAAQ,IAAA,EAAM,KAAA,CAAM,OAAO,CAAA,GAAI,CAAA;AAAA,QAE/C;AACA,QAAA,OAAO,KAAA;AAAA,MACT,CAAC,CAAA;AAAA,IACH,CAAA;AAAA,IACA,CAAC,WAAA,EAAa,qBAAA,EAAuB,gBAAA,EAAkB,YAAY;AAAA,GACrE;AAEA,EAAA,MAAM,aAAA,GAAgB,WAAA;AAAA,IACpB,CAAC,IAAA,KAA4B;AAC3B,MAAA,IAAI,qBAAqB,QAAA,EAAU;AACjC,QAAA,OAAO,KAAA;AAAA,MACT;AACA,MAAA,MAAM,aAAa,KAAA,CAAM,OAAA,CAAQ,YAAY,CAAA,GACzC,YAAA,GACA,CAAC,YAAY,CAAA;AACjB,MAAA,OAAO,UAAA,CAAW,IAAA,CAAK,CAAC,KAAA,KAAU;AAChC,QAAA,IAAA,CACG,qBAAqB,OAAA,IAAW,gBAAA,KAAqB,QAAA,KACtD,oBAAA,CAAqB,KAAK,CAAA,IAC1B,WAAA,CAAY,OAAA,CAAQ,KAAA,CAAM,OAAO,CAAA,IACjC,qBAAA,CAAsB,KAAA,CAAM,OAAO,MAAM,CAAA,EACzC;AACA,UAAA,OAAO,WAAA,CAAY,MAAA,CAAO,KAAA,CAAM,OAAA,EAAS,MAAM,KAAK,CAAA;AAAA,QACtD;AACA,QAAA,OAAO,KAAA;AAAA,MACT,CAAC,CAAA;AAAA,IACH,CAAA;AAAA,IACA,CAAC,WAAA,EAAa,qBAAA,EAAuB,gBAAA,EAAkB,YAAY;AAAA,GACrE;AAEA,EAAA,OAAO,OAAA;AAAA,IACL,OAAO;AAAA,MACL,KAAA,EAAO;AAAA,QACL;AAAA,OACF;AAAA,MACA,OAAA,EAAS;AAAA,QACP,UAAA;AAAA,QACA,SAAA;AAAA,QACA,eAAA;AAAA,QACA,eAAA;AAAA,QACA,cAAA;AAAA,QACA;AAAA;AACF,KACF,CAAA;AAAA,IACA;AAAA,MACE,YAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,eAAA;AAAA,MACA,cAAA;AAAA,MACA,aAAA;AAAA,MACA;AAAA;AACF,GACF;AACF;AAEA,MAAM,YAAA,GAAe,aAAa,iBAAiB,CAAA;AAE5C,SAAS,uBAAA,CAAwB,EAAE,IAAA,EAAK,EAAgC;AAC7E,EAAA,MAAM,EAAE,WAAA,EAAY,GAAI,eAAA,EAAmC;AAC3D,EAAA,MAAM;AAAA,IACJ,KAAA,EAAO,EAAE,gBAAA,EAAkB,OAAA,EAAS,OAAA,EAAQ;AAAA,IAC5C,OAAA,EAAS;AAAA,MACP,eAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,eAAA;AAAA,MACA,cAAA;AAAA,MACA,aAAA;AAAA,MACA,SAAA;AAAA,MACA,cAAA;AAAA,MACA,aAAA;AAAA,MACA,YAAA;AAAA,MACA;AAAA;AACF,MACE,kBAAA,EAAmB;AAEvB,EAAA,MAAM,WAAA,GAAoD,WAAA;AAAA,IACxD,CAAC,KAAA,KAAU;AACT,MAAA,eAAA,CAAgB,OAAO,IAAI,CAAA;AAAA,IAC7B,CAAA;AAAA,IACA,CAAC,MAAM,eAAe;AAAA,GACxB;AAEA,EAAA,MAAM,aAAA,GAAyD,WAAA;AAAA,IAC7D,CAAC,KAAA,KAAU;AACT,MAAA,QAAQ,MAAM,GAAA;AAAK,QACjB,KAAK,OAAA;AAAA,QACL,KAAK,OAAA;AACH,UAAA,eAAA,CAAgB,OAAO,IAAI,CAAA;AAC3B,UAAA,KAAA,CAAM,cAAA,EAAe;AAAA;AACzB,IACF,CAAA;AAAA,IACA,CAAC,MAAM,eAAe;AAAA,GACxB;AAEA,EAAA,MAAM,QAAA,GAAW,WAAW,IAAI,CAAA;AAChC,EAAA,MAAM,aAAA,GAAgB,gBAAgB,IAAI,CAAA;AAC1C,EAAA,MAAM,YAAA,GAAe,eAAe,IAAI,CAAA;AACxC,EAAA,MAAM,WAAA,GAAc,cAAc,IAAI,CAAA;AACtC,EAAA,MAAM,iBAAA,GAAoB,UAAU,IAAI,CAAA;AAExC,EAAA,MAAM,OAAA,GAAU,UAAU,IAAI,CAAA;AAC9B,EAAA,MAAM,YAAA,GAAe,eAAe,IAAI,CAAA;AACxC,EAAA,MAAM,WAAA,GAAc,cAAc,IAAI,CAAA;AACtC,EAAA,MAAM,UAAA,GAAa,aAAa,IAAI,CAAA;AAEpC,EAAA,MAAM,aAAA,GAAgB,WAAA,CAAY,MAAA,CAAO,IAAA,EAAM,kBAAkB,CAAA;AAGjE,EAAA,IAAI,SAAA,GAAY,aAAA;AAChB,EAAA,IAAI,qBAAqB,QAAA,EAAU;AACjC,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,SAAA,GAAY,GAAG,SAAS,CAAA,UAAA,CAAA;AAAA,IAC1B;AAAA,EACF,WAAW,aAAA,EAAe;AACxB,IAAA,SAAA,GAAY,gBAAgB,aAAa,CAAA,UAAA,CAAA;AAAA,EAC3C,WAAW,WAAA,EAAa;AACtB,IAAA,SAAA,GAAY,cAAc,aAAa,CAAA,UAAA,CAAA;AAAA,EACzC,WAAW,YAAA,EAAc;AACvB,IAAA,SAAA,GAAY,aAAa,aAAa,CAAA,UAAA,CAAA;AAAA,EACxC,WAAW,YAAA,EAAc;AACvB,IAAA,SAAA,GAAY,oBAAoB,aAAa,CAAA,CAAA;AAAA,EAC/C,WAAW,UAAA,EAAY;AACrB,IAAA,SAAA,GAAY,uBAAuB,aAAa,CAAA,CAAA;AAAA,EAClD,CAAA,MAAO;AACL,IAAA,IAAI,WAAA,CAAY,MAAA,CAAO,OAAA,EAAS,IAAA,EAAM,KAAK,CAAA,EAAG;AAC5C,MAAA,SAAA,GAAY,GAAG,aAAa,CAAA,cAAA,CAAA;AAAA,IAC9B,WAAW,WAAA,CAAY,MAAA,CAAO,OAAA,EAAS,IAAA,EAAM,KAAK,CAAA,EAAG;AACnD,MAAA,SAAA,GAAY,GAAG,aAAa,CAAA,cAAA,CAAA;AAAA,IAC9B;AAAA,EACF;AAEA,EAAA,OAAO;AAAA,IACL,WAAA;AAAA,IACA,aAAA;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,OAAA;AAAA,MACA,QAAA;AAAA,MACA,aAAA;AAAA,MACA,YAAA;AAAA,MACA,WAAA;AAAA,MACA,YAAA;AAAA,MACA,WAAA;AAAA,MACA;AAAA,KACF;AAAA,IACA,QAAA,EAAU;AAAA,MACR,WAAW,IAAA,CAAK;AAAA,QACd,CAAC,YAAA,CAAa,UAAU,CAAC,GACvB,gBAAA,KAAqB,WAAW,QAAA,GAAW,MAAA;AAAA,QAC7C,CAAC,YAAA,CAAa,eAAe,CAAC,GAC5B,gBAAA,KAAqB,WAAW,aAAA,GAAgB,MAAA;AAAA,QAClD,CAAC,YAAA,CAAa,cAAc,CAAC,GAC3B,gBAAA,KAAqB,WAAW,YAAA,GAAe,MAAA;AAAA,QACjD,CAAC,YAAA,CAAa,aAAa,CAAC,GAC1B,gBAAA,KAAqB,WAAW,WAAA,GAAc,MAAA;AAAA,QAChD,CAAC,YAAA,CAAa,iBAAiB,CAAC,GAC9B,qBAAqB,QAAA,IAAY,iBAAA;AAAA,QACnC,CAAC,YAAA,CAAa,cAAc,CAAC,GAC3B,qBAAqB,QAAA,IAAY,YAAA;AAAA,QACnC,CAAC,YAAA,CAAa,aAAa,CAAC,GAC1B,qBAAqB,QAAA,IAAY,WAAA;AAAA,QACnC,CAAC,YAAA,CAAa,YAAY,CAAC,GACzB,qBAAqB,QAAA,IAAY;AAAA,OACpC,CAAA;AAAA,MACD,iBACE,eAAA,IAAmB,CAAC,eAAA,CAAgB,IAAI,IAAI,MAAA,GAAS,MAAA;AAAA,MACvD,YAAA,EAAc;AAAA;AAChB,GACF;AACF;;;;"}

package/dist-es/calendar/useDateSelectionAnnouncer.js

@@ -0,0 +1,50 @@
+import { useAriaAnnouncer } from '@salt-ds/core';
+import { useRef, useCallback, useEffect } from 'react';
+
+const DEBOUNCE_MSECS = 2e3;
+function useDateSelectionAnnouncer(createAnnouncement, dateAdapter) {
+  const { announce: saltAnnouncer } = useAriaAnnouncer();
+  const createAnnouncementRef = useRef(createAnnouncement);
+  createAnnouncementRef.current = createAnnouncement;
+  const dateAdapterRef = useRef(dateAdapter);
+  dateAdapterRef.current = dateAdapter;
+  const latestAnnouncementRef = useRef(null);
+  const timerRef = useRef(null);
+  const announce = useCallback(
+    (announcementType, state) => {
+      const create = createAnnouncementRef.current;
+      if (!create) {
+        return;
+      }
+      const announcement = create(
+        announcementType,
+        state ?? {},
+        dateAdapterRef.current
+      );
+      if (announcement) {
+        latestAnnouncementRef.current = announcement;
+        if (timerRef.current) {
+          clearTimeout(timerRef.current);
+        }
+        timerRef.current = setTimeout(() => {
+          if (latestAnnouncementRef.current) {
+            saltAnnouncer(latestAnnouncementRef.current);
+            latestAnnouncementRef.current = null;
+          }
+        }, DEBOUNCE_MSECS);
+      }
+    },
+    [saltAnnouncer]
+  );
+  useEffect(() => {
+    return () => {
+      if (timerRef.current) {
+        clearTimeout(timerRef.current);
+      }
+    };
+  }, []);
+  return { announce };
+}
+
+export { useDateSelectionAnnouncer };
+//# sourceMappingURL=useDateSelectionAnnouncer.js.map

package/dist-es/calendar/useDateSelectionAnnouncer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDateSelectionAnnouncer.js","sources":["../src/calendar/useDateSelectionAnnouncer.ts"],"sourcesContent":["import { useAriaAnnouncer } from \"@salt-ds/core\";\nimport type { SaltDateAdapter } from \"@salt-ds/date-adapters\";\nimport { useCallback, useEffect, useRef } from \"react\";\nimport type {\n  AnnouncementType,\n  DateSelectionAnnouncerState,\n} from \"./internal/createAnnouncement\";\n\nexport type CreateAnnouncement = (\n  announcementType: AnnouncementType,\n  state: DateSelectionAnnouncerState,\n  dateAdapter: SaltDateAdapter,\n) => string | undefined;\n\nconst DEBOUNCE_MSECS = 2000;\n\nexport function useDateSelectionAnnouncer(\n  createAnnouncement: CreateAnnouncement | null | undefined,\n  dateAdapter: SaltDateAdapter,\n) {\n  const { announce: saltAnnouncer } = useAriaAnnouncer();\n\n  // Ensure the returned announce function always uses the latest inputs.\n  const createAnnouncementRef = useRef(createAnnouncement);\n  createAnnouncementRef.current = createAnnouncement;\n\n  const dateAdapterRef = useRef(dateAdapter);\n  dateAdapterRef.current = dateAdapter;\n\n  const latestAnnouncementRef = useRef<string | null>(null);\n  const timerRef = useRef<NodeJS.Timeout | null>(null);\n\n  /**\n   * Call this function with the announcement type and the state needed for that announcement.\n   * Example:\n   *   announce(\"dateSelected\", { multiselect, selectedDate });\n   *   announce(\"visibleMonthChanged\", { startVisibleMonth, endVisibleMonth });\n   */\n  const announce = useCallback(\n    (\n      announcementType: AnnouncementType,\n      state?: DateSelectionAnnouncerState | undefined,\n    ) => {\n      const create = createAnnouncementRef.current;\n      if (!create) {\n        return;\n      }\n      const announcement = create(\n        announcementType,\n        state ?? {},\n        dateAdapterRef.current,\n      );\n\n      if (announcement) {\n        latestAnnouncementRef.current = announcement;\n\n        if (timerRef.current) {\n          clearTimeout(timerRef.current);\n        }\n\n        timerRef.current = setTimeout(() => {\n          if (latestAnnouncementRef.current) {\n            saltAnnouncer(latestAnnouncementRef.current);\n            latestAnnouncementRef.current = null;\n          }\n        }, DEBOUNCE_MSECS);\n      }\n    },\n    [saltAnnouncer],\n  );\n\n  useEffect(() => {\n    return () => {\n      if (timerRef.current) {\n        clearTimeout(timerRef.current);\n      }\n    };\n  }, []);\n\n  return { announce };\n}\n"],"names":[],"mappings":";;;AAcA,MAAM,cAAA,GAAiB,GAAA;AAEhB,SAAS,yBAAA,CACd,oBACA,WAAA,EACA;AACA,EAAA,MAAM,EAAE,QAAA,EAAU,aAAA,EAAc,GAAI,gBAAA,EAAiB;AAGrD,EAAA,MAAM,qBAAA,GAAwB,OAAO,kBAAkB,CAAA;AACvD,EAAA,qBAAA,CAAsB,OAAA,GAAU,kBAAA;AAEhC,EAAA,MAAM,cAAA,GAAiB,OAAO,WAAW,CAAA;AACzC,EAAA,cAAA,CAAe,OAAA,GAAU,WAAA;AAEzB,EAAA,MAAM,qBAAA,GAAwB,OAAsB,IAAI,CAAA;AACxD,EAAA,MAAM,QAAA,GAAW,OAA8B,IAAI,CAAA;AAQnD,EAAA,MAAM,QAAA,GAAW,WAAA;AAAA,IACf,CACE,kBACA,KAAA,KACG;AACH,MAAA,MAAM,SAAS,qBAAA,CAAsB,OAAA;AACrC,MAAA,IAAI,CAAC,MAAA,EAAQ;AACX,QAAA;AAAA,MACF;AACA,MAAA,MAAM,YAAA,GAAe,MAAA;AAAA,QACnB,gBAAA;AAAA,QACA,SAAS,EAAC;AAAA,QACV,cAAA,CAAe;AAAA,OACjB;AAEA,MAAA,IAAI,YAAA,EAAc;AAChB,QAAA,qBAAA,CAAsB,OAAA,GAAU,YAAA;AAEhC,QAAA,IAAI,SAAS,OAAA,EAAS;AACpB,UAAA,YAAA,CAAa,SAAS,OAAO,CAAA;AAAA,QAC/B;AAEA,QAAA,QAAA,CAAS,OAAA,GAAU,WAAW,MAAM;AAClC,UAAA,IAAI,sBAAsB,OAAA,EAAS;AACjC,YAAA,aAAA,CAAc,sBAAsB,OAAO,CAAA;AAC3C,YAAA,qBAAA,CAAsB,OAAA,GAAU,IAAA;AAAA,UAClC;AAAA,QACF,GAAG,cAAc,CAAA;AAAA,MACnB;AAAA,IACF,CAAA;AAAA,IACA,CAAC,aAAa;AAAA,GAChB;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,SAAS,OAAA,EAAS;AACpB,QAAA,YAAA,CAAa,SAAS,OAAO,CAAA;AAAA,MAC/B;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,EAAE,QAAA,EAAS;AACpB;;;;"}

package/dist-es/date-input/DateInput.css.js

@@ -0,0 +1,4 @@
+var css_248z = "/* Style applied to the root element */\n.saltDateInput {\n  align-items: center;\n  background: var(--saltDateInput-background, var(--input-background));\n  border-radius: var(--salt-palette-corner-weak, 0);\n  color: var(--saltDateInput-color, var(--salt-content-primary-foreground));\n  display: inline-flex;\n  font-family: var(--salt-text-fontFamily);\n  font-size: var(--saltDateInput-fontSize, var(--salt-text-fontSize));\n  line-height: var(--saltDateInput-lineHeight, var(--salt-text-lineHeight));\n  letter-spacing: var(--salt-text-letterSpacing);\n  height: var(--saltDateInput-height, var(--salt-size-base));\n  min-height: var(--saltDateInput-minHeight, var(--salt-size-base));\n  min-width: var(--saltDateInput-minWidth, 4em);\n  padding-left: var(--saltDateInput-paddingLeft, var(--salt-spacing-100));\n  padding-right: var(--saltDateInput-paddingRight, var(--salt-spacing-100));\n  position: relative;\n  box-sizing: border-box;\n  overflow: hidden;\n  width: 100%;\n}\n\n.saltDateInput:hover {\n  cursor: var(--salt-cursor-text);\n}\n\n/* Style applied if `bordered={true}` */\n.saltDateInput-bordered.saltDateInput {\n  border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--input-borderColor);\n}\n\n.saltDateInput-bordered.saltDateInput:hover {\n  border-style: var(--salt-borderStyle-solid);\n  border-color: var(--input-borderColor-hover);\n}\n\n.saltDateInput-bordered.saltDateInput-focused,\n.saltDateInput-bordered.saltDateInput-focused:hover {\n  border-style: var(--salt-borderStyle-solid);\n  border-color: var(--input-borderColor-active);\n}\n\n.saltDateInput-bordered.saltDateInput-readOnly,\n.saltDateInput-bordered.saltDateInput-readOnly:hover {\n  border-style: var(--salt-borderStyle-solid);\n  border-color: var(--salt-editable-borderColor-readonly);\n}\n\n.saltDateInput-bordered.saltDateInput-disabled,\n.saltDateInput-bordered.saltDateInput-disabled:hover {\n  border-style: var(--salt-borderStyle-solid);\n  border-color: var(--salt-editable-borderColor-disabled);\n}\n\n.saltDateInput-activationIndicator {\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  position: absolute;\n  border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--input-borderColor);\n}\n\n.saltDateInput:hover .saltDateInput-activationIndicator {\n  border-bottom-style: var(--salt-borderStyle-solid);\n  border-bottom-color: var(--input-borderColor-hover);\n}\n\n.saltDateInput-focused .saltDateInput-activationIndicator,\n.saltDateInput-focused:hover .saltDateInput-activationIndicator {\n  border-bottom: var(--salt-size-fixed-200) var(--salt-borderStyle-solid) var(--input-borderColor-active);\n}\n\n.saltDateInput-readOnly .saltDateInput-activationIndicator,\n.saltDateInput-readOnly:hover .saltDateInput-activationIndicator {\n  border-bottom-style: var(--salt-borderStyle-solid);\n  border-bottom-color: var(--salt-editable-borderColor-readonly);\n}\n\n.saltDateInput-disabled .saltDateInput-activationIndicator,\n.saltDateInput-disabled:hover .saltDateInput-activationIndicator {\n  border-bottom-style: var(--salt-borderStyle-solid);\n  border-bottom-color: var(--salt-editable-borderColor-disabled);\n}\n\n.saltDateInput-bordered .saltDateInput-activationIndicator,\n.saltDateInput-bordered.saltDateInput-readOnly .saltDateInput-activationIndicator,\n.saltDateInput-bordered.saltDateInput-disabled:hover .saltDateInput-activationIndicator {\n  border-bottom-width: 0;\n}\n\n.saltDateInput-bordered.saltDateInput-focused .saltDateInput-activationIndicator {\n  /* Activation indicator width minus the border from the input. */\n  border-bottom-width: var(--salt-size-fixed-100);\n}\n\n/* Class applied if `variant=\"primary\"` */\n.saltDateInput-primary {\n  --input-background: var(--salt-editable-primary-background);\n  --input-background-disabled: var(--salt-editable-primary-background-disabled);\n  --input-background-readonly: var(--salt-editable-background-readonly);\n  --input-borderColor: var(--salt-editable-borderColor);\n  --input-borderColor-active: var(--salt-editable-borderColor-active);\n  --input-borderColor-hover: var(--salt-editable-borderColor-hover);\n  --input-outlineColor: var(--salt-focused-outlineColor);\n}\n\n/* Class applied if `variant=\"secondary\"` */\n.saltDateInput-secondary {\n  --input-background: var(--salt-editable-secondary-background);\n  --input-background-disabled: var(--salt-editable-secondary-background-disabled);\n  --input-background-readonly: var(--salt-editable-background-readonly);\n  --input-borderColor: var(--salt-editable-borderColor);\n  --input-borderColor-active: var(--salt-editable-borderColor-active);\n  --input-borderColor-hover: var(--salt-editable-borderColor-hover);\n  --input-outlineColor: var(--salt-focused-outlineColor);\n}\n\n/* Class applied if `variant=\"tertiary\"` */\n.saltDateInput-tertiary {\n  --input-background: var(--salt-editable-tertiary-background);\n  --input-background-readonly: var(--salt-editable-background-readonly);\n  --input-borderColor: var(--salt-editable-borderColor);\n  --input-borderColor-active: var(--salt-editable-borderColor-active);\n  --input-borderColor-hover: var(--salt-editable-borderColor-hover);\n  --input-outlineColor: var(--salt-focused-outlineColor);\n}\n\n/* Style applied to input if `validationState=\"error\"` */\n.saltDateInput-error {\n  --input-background: var(--salt-status-error-background);\n  --input-background-readonly: var(--salt-status-error-background);\n  --input-borderColor: var(--salt-status-error-borderColor);\n  --input-borderColor-active: var(--salt-status-error-borderColor);\n  --input-borderColor-hover: var(--salt-status-error-borderColor);\n  --input-outlineColor: var(--salt-status-error-borderColor);\n}\n\n/* Style applied to input if `validationState=\"warning\"` */\n.saltDateInput-warning {\n  --input-background: var(--salt-status-warning-background);\n  --input-background-readonly: var(--salt-status-warning-background);\n  --input-borderColor: var(--salt-status-warning-borderColor);\n  --input-borderColor-active: var(--salt-status-warning-borderColor);\n  --input-borderColor-hover: var(--salt-status-warning-borderColor);\n  --input-outlineColor: var(--salt-status-warning-borderColor);\n}\n\n/* Style applied to input if `validationState=\"success\"` */\n.saltDateInput-success {\n  --input-background: var(--salt-status-success-background);\n  --input-background-readonly: var(--salt-status-success-background);\n  --input-borderColor: var(--salt-status-success-borderColor);\n  --input-borderColor-active: var(--salt-status-success-borderColor);\n  --input-borderColor-hover: var(--salt-status-success-borderColor);\n  --input-outlineColor: var(--salt-status-success-borderColor);\n}\n\n/* Styling when focused */\n.saltDateInput-focused,\n.saltDateInput-focused:hover {\n  cursor: var(--salt-cursor-text);\n  outline: var(--saltDateInput-outline, var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--input-outlineColor));\n}\n\n/* Style applied if `readOnly={true}` */\n.saltDateInput.saltDateInput-readOnly {\n  background: var(--input-background-readonly);\n  cursor: var(--salt-cursor-readonly);\n}\n\n/* Styling when focused if `disabled={true}` */\n.saltDateInput-disabled,\n.saltDateInput-disabled:hover {\n  background: var(--input-background-disabled);\n  cursor: var(--salt-cursor-disabled);\n  color: var(--saltDateInput-color-disabled, var(--salt-content-primary-foreground-disabled));\n}\n\n/* Style applied to start adornments */\n.saltDateInput-startAdornmentContainer {\n  align-items: center;\n  display: inline-flex;\n  padding-right: var(--salt-spacing-100);\n  column-gap: var(--salt-spacing-100);\n}\n\n/* Style applied to end adornments */\n.saltDateInput-endAdornmentContainer {\n  display: inline-flex;\n  column-gap: var(--salt-spacing-50);\n  align-items: flex-end;\n}\n\n.saltDateInput-endAdornmentContainer .saltButton ~ .saltButton {\n  margin-left: calc(-1 * var(--salt-spacing-50));\n}\n\n.saltDateInput-endAdornmentContainer .saltButton:last-child {\n  margin-right: calc(var(--salt-spacing-50) * -1);\n}\n\n.saltDateInput-startAdornmentContainer > .saltButton,\n.saltDateInput-endAdornmentContainer > .saltButton {\n  --saltButton-padding: calc(var(--salt-spacing-50) - var(--button-borderWidth));\n  --saltButton-height: calc(var(--salt-size-base) - var(--salt-spacing-100));\n  --saltButton-borderRadius: var(--salt-palette-corner-weaker);\n}\n\n/* Style applied to inner input component */\n.saltDateInput-input {\n  background: none;\n  border: none;\n  box-sizing: content-box;\n  color: inherit;\n  cursor: inherit;\n  display: block;\n  font: inherit;\n  height: 100%;\n  letter-spacing: var(--saltDateInput-letterSpacing, 0);\n  margin: 0;\n  min-width: 0;\n  overflow: hidden;\n  padding: 0;\n  text-align: left;\n  width: 100%;\n}\n\n/* Reset in the  class */\n.saltDateInput-input:focus {\n  outline: none;\n}\n\n/* Style applied to selected input if `disabled={true}` */\n.saltDateInput-disabled .saltDateInput-input::selection {\n  background: none;\n}\n\n/* Style applied to placeholder text */\n.saltDateInput-input::placeholder {\n  color: var(--salt-content-secondary-foreground);\n  font-weight: var(--salt-text-fontWeight-small);\n}\n\n/* Style applied to the dash between two inputs in range date input */\n.saltDateInput-dash {\n  margin: 0 var(--salt-spacing-50);\n}\n";
+
+export { css_248z as default };
+//# sourceMappingURL=DateInput.css.js.map

package/dist-es/date-input/DateInput.css.js.map

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