@salt-ds/lab 1.0.0-alpha.89 → 1.0.0-alpha.90

package/dist-cjs/calendar/CalendarMonthHeader.js

@@ -1,48 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var clsx = require('clsx');
-var react = require('react');
-var LocalizationProvider = require('../localization-provider/LocalizationProvider.js');
-var CalendarMonthHeader$1 = require('./CalendarMonthHeader.css.js');
-
-const withBaseName = core.makePrefixer("saltCalendarMonthHeader");
-const CalendarMonthHeader = react.forwardRef(
-  (props, ref) => {
-    const {
-      className,
-      format: formatMonthProp = "MMMM",
-      month,
-      ...rest
-    } = props;
-    const { dateAdapter } = LocalizationProvider.useLocalization();
-    const targetWindow = window.useWindow();
-    styles.useComponentCssInjection({
-      testId: "salt-calendar-month-header",
-      css: CalendarMonthHeader$1,
-      window: targetWindow
-    });
-    const formatMonth = react.useCallback(
-      (date) => {
-        return dateAdapter.format(date, formatMonthProp);
-      },
-      [dateAdapter, formatMonthProp]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        "data-testid": "CalendarMonthHeader",
-        className: clsx.clsx(withBaseName(), className),
-        ref,
-        ...rest,
-        children: /* @__PURE__ */ jsxRuntime.jsx(core.Text, { children: formatMonth(month) })
-      }
-    );
-  }
-);
-
-exports.CalendarMonthHeader = CalendarMonthHeader;
-//# sourceMappingURL=CalendarMonthHeader.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarMonthHeader.js","sources":["../src/calendar/CalendarMonthHeader.tsx"],"sourcesContent":["import { makePrefixer, Text } from \"@salt-ds/core\";\nimport type { DateFrameworkType } from \"@salt-ds/date-adapters\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type ComponentPropsWithRef, forwardRef, useCallback } from \"react\";\nimport { useLocalization } from \"../localization-provider\";\nimport calendarMonthHeaderCss from \"./CalendarMonthHeader.css\";\n\n/**\n * Props for the CalendarMonthHeader component.\n * @template TDate - The type of the date object.\n */\nexport interface CalendarMonthHeaderProps<TDate extends DateFrameworkType>\n  extends ComponentPropsWithRef<\"div\"> {\n  /**\n   * Month value\n   */\n  month: TDate;\n  /**\n   * Format the month value\n   * @param date\n   */\n  format?: string;\n}\n\nconst withBaseName = makePrefixer(\"saltCalendarMonthHeader\");\n\nexport const CalendarMonthHeader = forwardRef<\n  HTMLDivElement,\n  CalendarMonthHeaderProps<DateFrameworkType>\n>(\n  <TDate extends DateFrameworkType>(\n    props: CalendarMonthHeaderProps<TDate>,\n    ref: React.Ref<HTMLDivElement>,\n  ) => {\n    const {\n      className,\n      format: formatMonthProp = \"MMMM\",\n      month,\n      ...rest\n    } = props;\n    const { dateAdapter } = useLocalization<TDate>();\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-calendar-month-header\",\n      css: calendarMonthHeaderCss,\n      window: targetWindow,\n    });\n\n    const formatMonth = useCallback(\n      (date?: TDate) => {\n        return dateAdapter.format(date, formatMonthProp);\n      },\n      [dateAdapter, formatMonthProp],\n    );\n\n    return (\n      <div\n        data-testid=\"CalendarMonthHeader\"\n        className={clsx(withBaseName(), className)}\n        ref={ref}\n        {...rest}\n      >\n        <Text>{formatMonth(month)}</Text>\n      </div>\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","useLocalization","useWindow","useComponentCssInjection","calendarMonthHeaderCss","useCallback","jsx","clsx","Text"],"mappings":";;;;;;;;;;;AA0BA,MAAM,YAAA,GAAeA,kBAAa,yBAAyB,CAAA;AAEpD,MAAM,mBAAA,GAAsBC,gBAAA;AAAA,EAIjC,CACE,OACA,GAAA,KACG;AACH,IAAA,MAAM;AAAA,MACJ,SAAA;AAAA,MACA,QAAQ,eAAA,GAAkB,MAAA;AAAA,MAC1B,KAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,KAAA;AACJ,IAAA,MAAM,EAAE,WAAA,EAAY,GAAIC,oCAAA,EAAuB;AAE/C,IAAA,MAAM,eAAeC,gBAAA,EAAU;AAC/B,IAAAC,+BAAA,CAAyB;AAAA,MACvB,MAAA,EAAQ,4BAAA;AAAA,MACR,GAAA,EAAKC,qBAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACT,CAAA;AAED,IAAA,MAAM,WAAA,GAAcC,iBAAA;AAAA,MAClB,CAAC,IAAA,KAAiB;AAChB,QAAA,OAAO,WAAA,CAAY,MAAA,CAAO,IAAA,EAAM,eAAe,CAAA;AAAA,MACjD,CAAA;AAAA,MACA,CAAC,aAAa,eAAe;AAAA,KAC/B;AAEA,IAAA,uBACEC,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,aAAA,EAAY,qBAAA;AAAA,QACZ,SAAA,EAAWC,SAAA,CAAK,YAAA,EAAa,EAAG,SAAS,CAAA;AAAA,QACzC,GAAA;AAAA,QACC,GAAG,IAAA;AAAA,QAEJ,QAAA,kBAAAD,cAAA,CAACE,SAAA,EAAA,EAAM,QAAA,EAAA,WAAA,CAAY,KAAK,CAAA,EAAE;AAAA;AAAA,KAC5B;AAAA,EAEJ;AACF;;;;"}

package/dist-cjs/calendar/CalendarNavigation.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltCalendarNavigation {\n  display: grid;\n  grid-template-columns: min-content auto min-content;\n  padding-bottom: var(--salt-spacing-100);\n  grid-gap: var(--salt-spacing-25);\n  align-items: center;\n  box-sizing: border-box;\n}\n\n.saltCalendarNavigation-yearDropdown {\n  min-width: 4.3em;\n}\n\n.saltCalendarNavigation-hideYearDropdown {\n  grid-template-columns: min-content auto min-content;\n  grid-gap: var(--salt-spacing-300);\n}\n\n.saltCalendarNavigation-dropdowns {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  grid-gap: var(--salt-spacing-100);\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=CalendarNavigation.css.js.map

package/dist-cjs/calendar/CalendarNavigation.css.js.map

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

package/dist-cjs/calendar/CalendarNavigation.js

@@ -1,337 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var clsx = require('clsx');
-var react = require('react');
-var LocalizationProvider = require('../localization-provider/LocalizationProvider.js');
-var CalendarNavigation$1 = require('./CalendarNavigation.css.js');
-var CalendarContext = require('./internal/CalendarContext.js');
-var utils = require('./internal/utils.js');
-
-const withBaseName = core.makePrefixer("saltCalendarNavigation");
-const ConditionalTooltip = ({
-  children,
-  disabled = true,
-  ...rest
-}) => {
-  if (disabled) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, { ...rest, children });
-};
-function generateYearsBetweenRange(dateAdapter, minYear, maxYear, timezone = "default") {
-  const years = [];
-  let startOfYear = dateAdapter.today(timezone);
-  for (let year = minYear; year <= maxYear; year++) {
-    startOfYear = dateAdapter.set(startOfYear, { day: 1, month: 1, year });
-    years.push(startOfYear);
-  }
-  return years;
-}
-function useCalendarNavigation() {
-  const {
-    state: { visibleMonth, timezone, minDate, maxDate },
-    helpers: { setVisibleMonth, isDayVisible, isOutsideAllowedMonths }
-  } = CalendarContext.useCalendarContext();
-  const { dateAdapter } = LocalizationProvider.useLocalization();
-  const moveToNextMonth = react.useCallback(
-    (event, step = 1) => {
-      setVisibleMonth(event, dateAdapter.add(visibleMonth, { months: step }));
-    },
-    [dateAdapter, setVisibleMonth, visibleMonth]
-  );
-  const moveToPreviousMonth = react.useCallback(
-    (event, step = 1) => {
-      setVisibleMonth(
-        event,
-        dateAdapter.subtract(visibleMonth, { months: step })
-      );
-    },
-    [dateAdapter, setVisibleMonth, visibleMonth]
-  );
-  const moveToMonth = react.useCallback(
-    (event, month) => {
-      let newMonth = month;
-      if (isOutsideAllowedMonths(newMonth)) {
-        const navigableMonths = utils.generateMonthsForYear(
-          dateAdapter,
-          visibleMonth
-        ).filter((n) => !isOutsideAllowedMonths(n));
-        newMonth = navigableMonths.reduce(
-          (closestMonth, currentMonth) => Math.abs(utils.monthDiff(dateAdapter, currentMonth, newMonth)) < Math.abs(utils.monthDiff(dateAdapter, closestMonth, newMonth)) ? currentMonth : closestMonth
-        );
-      }
-      setVisibleMonth(event, newMonth);
-    },
-    [dateAdapter, isOutsideAllowedMonths, setVisibleMonth, visibleMonth]
-  );
-  const months = react.useMemo(
-    () => utils.generateMonthsForYear(dateAdapter, visibleMonth),
-    [dateAdapter, visibleMonth]
-  );
-  const years = react.useMemo(
-    () => generateYearsBetweenRange(
-      dateAdapter,
-      Math.min(
-        dateAdapter.getYear(minDate),
-        dateAdapter.getYear(visibleMonth)
-      ),
-      Math.max(
-        dateAdapter.getYear(maxDate),
-        dateAdapter.getYear(visibleMonth)
-      ),
-      timezone
-    ),
-    [dateAdapter, minDate, maxDate, visibleMonth, timezone]
-  );
-  const selectedMonth = months.find(
-    (month) => dateAdapter.isSame(month, visibleMonth, "month")
-  );
-  const selectedYear = years.find(
-    (year) => dateAdapter.isSame(year, visibleMonth, "year")
-  );
-  const disableNavigatePrevious = isDayVisible(minDate);
-  const disableNavigateNext = isDayVisible(maxDate);
-  return react.useMemo(
-    () => ({
-      moveToNextMonth,
-      moveToPreviousMonth,
-      moveToMonth,
-      visibleMonth,
-      months,
-      years,
-      disableNavigateNext,
-      disableNavigatePrevious,
-      selectedMonth,
-      selectedYear,
-      isOutsideAllowedMonths
-    }),
-    [
-      months,
-      moveToPreviousMonth,
-      moveToNextMonth,
-      moveToMonth,
-      visibleMonth,
-      years,
-      disableNavigateNext,
-      disableNavigatePrevious,
-      selectedMonth,
-      selectedYear,
-      isOutsideAllowedMonths
-    ]
-  );
-}
-function OptionWithTooltip({
-  value,
-  children,
-  disabled = false,
-  tooltipContent
-}) {
-  const { activeState, openState } = core.useListControlContext();
-  const open = (activeState == null ? void 0 : activeState.value) === value;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ConditionalTooltip,
-    {
-      placement: "right",
-      open: open && openState,
-      disabled: !disabled,
-      content: tooltipContent,
-      enterDelay: 0,
-      leaveDelay: 0,
-      children: /* @__PURE__ */ jsxRuntime.jsx(core.Option, { value, disabled, children })
-    }
-  );
-}
-const CalendarNavigation = react.forwardRef(
-  (props, ref) => {
-    const {
-      className,
-      disableNavigatePrevious: disableNavigatePreviousProp,
-      disableNavigateNext: disableNavigateNextProp,
-      formatMonth: formatMonthProp,
-      formatYear: formatYearProp,
-      MonthDropdownProps,
-      YearDropdownProps,
-      hideYearDropdown,
-      step = 1,
-      ...rest
-    } = props;
-    const { dateAdapter } = LocalizationProvider.useLocalization();
-    const targetWindow = window.useWindow();
-    styles.useComponentCssInjection({
-      testId: "salt-calendar-navigation",
-      css: CalendarNavigation$1,
-      window: targetWindow
-    });
-    const { NextIcon, PreviousIcon } = core.useIcon();
-    const {
-      moveToPreviousMonth,
-      moveToNextMonth,
-      moveToMonth,
-      months,
-      years,
-      disableNavigateNext,
-      disableNavigatePrevious,
-      selectedMonth,
-      selectedYear,
-      isOutsideAllowedMonths,
-      visibleMonth
-    } = useCalendarNavigation();
-    const handleNavigatePrevious = react.useCallback(
-      (event) => {
-        moveToPreviousMonth(event, step);
-      },
-      [moveToPreviousMonth, step]
-    );
-    const handleNavigateNext = react.useCallback(
-      (event) => {
-        moveToNextMonth(event, step);
-      },
-      [moveToNextMonth, step]
-    );
-    const handleMonthSelect = react.useCallback(
-      (event, month) => {
-        moveToMonth(event, month[0]);
-      },
-      [moveToMonth]
-    );
-    const handleYearSelect = react.useCallback(
-      (event, year) => {
-        let newVisibleMonth = dateAdapter.clone(visibleMonth);
-        newVisibleMonth = dateAdapter.set(newVisibleMonth, {
-          year: dateAdapter.getYear(year[0])
-        });
-        moveToMonth(event, newVisibleMonth);
-      },
-      [dateAdapter, moveToMonth, visibleMonth]
-    );
-    const formatMonth = react.useCallback(
-      (date) => {
-        if (date && formatMonthProp) {
-          return dateAdapter.format(date, formatMonthProp);
-        }
-        return date ? dateAdapter.format(date, hideYearDropdown ? "MMMM" : "MMM") : "";
-      },
-      [dateAdapter, formatMonthProp, hideYearDropdown]
-    );
-    const formatYear = react.useCallback(
-      (date) => {
-        if (date && formatYearProp) {
-          return dateAdapter.format(date, formatYearProp);
-        }
-        return !date ? "" : `${dateAdapter.format(date, "YYYY")}`;
-      },
-      [dateAdapter, formatYearProp]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: clsx.clsx(
-          withBaseName(),
-          { [withBaseName("hideYearDropdown")]: hideYearDropdown },
-          className
-        ),
-        ref,
-        ...rest,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ConditionalTooltip,
-            {
-              placement: "top",
-              disabled: !(disableNavigatePreviousProp || disableNavigatePrevious),
-              content: "Past dates are out of range",
-              enterDelay: 0,
-              leaveDelay: 0,
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                core.Button,
-                {
-                  "aria-label": "Previous Month",
-                  disabled: disableNavigatePreviousProp || disableNavigatePrevious,
-                  appearance: "transparent",
-                  sentiment: "neutral",
-                  onClick: handleNavigatePrevious,
-                  focusableWhenDisabled: true,
-                  children: /* @__PURE__ */ jsxRuntime.jsx(PreviousIcon, { "aria-hidden": true })
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
-            {
-              className: clsx.clsx({ [withBaseName("dropdowns")]: !hideYearDropdown }),
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  core.Dropdown,
-                  {
-                    "aria-label": "Month Dropdown",
-                    selected: selectedMonth ? [selectedMonth] : [],
-                    value: formatMonth(selectedMonth),
-                    onSelectionChange: handleMonthSelect,
-                    ...MonthDropdownProps,
-                    children: months.map((month) => {
-                      const outsideAllowedMonths = isOutsideAllowedMonths(month);
-                      return /* @__PURE__ */ jsxRuntime.jsx(
-                        OptionWithTooltip,
-                        {
-                          value: month,
-                          disabled: outsideAllowedMonths,
-                          tooltipContent: "This month is out of range",
-                          children: formatMonth(month)
-                        },
-                        formatMonth(month)
-                      );
-                    })
-                  }
-                ),
-                !hideYearDropdown ? /* @__PURE__ */ jsxRuntime.jsx(
-                  core.Dropdown,
-                  {
-                    "aria-label": "Year Dropdown",
-                    selected: selectedYear ? [selectedYear] : [],
-                    value: formatYear(selectedYear),
-                    onSelectionChange: handleYearSelect,
-                    ...YearDropdownProps,
-                    className: clsx.clsx(
-                      withBaseName("yearDropdown"),
-                      YearDropdownProps == null ? void 0 : YearDropdownProps.className
-                    ),
-                    children: years.map((year) => /* @__PURE__ */ jsxRuntime.jsx(core.Option, { value: year, children: formatYear(year) }, formatYear(year)))
-                  }
-                ) : null
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ConditionalTooltip,
-            {
-              placement: "top",
-              disabled: !(disableNavigateNextProp || disableNavigateNext),
-              content: "Future dates are out of range",
-              enterDelay: 0,
-              leaveDelay: 0,
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                core.Button,
-                {
-                  "aria-label": "Next Month",
-                  disabled: disableNavigateNextProp || disableNavigateNext,
-                  appearance: "transparent",
-                  sentiment: "neutral",
-                  onClick: handleNavigateNext,
-                  focusableWhenDisabled: true,
-                  children: /* @__PURE__ */ jsxRuntime.jsx(NextIcon, { "aria-hidden": true })
-                }
-              )
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-
-exports.CalendarNavigation = CalendarNavigation;
-//# sourceMappingURL=CalendarNavigation.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarNavigation.js","sources":["../src/calendar/CalendarNavigation.tsx"],"sourcesContent":["import {\n  Button,\n  type ButtonProps,\n  Dropdown,\n  type DropdownProps,\n  makePrefixer,\n  Option,\n  type OptionProps,\n  Tooltip,\n  type TooltipProps,\n  useIcon,\n  useListControlContext,\n} from \"@salt-ds/core\";\nimport type {\n  DateFrameworkType,\n  SaltDateAdapter,\n  Timezone,\n} from \"@salt-ds/date-adapters\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithRef,\n  forwardRef,\n  type MouseEventHandler,\n  type SyntheticEvent,\n  useCallback,\n  useMemo,\n} from \"react\";\nimport { useLocalization } from \"../localization-provider\";\nimport calendarNavigationCss from \"./CalendarNavigation.css\";\nimport { useCalendarContext } from \"./internal/CalendarContext\";\nimport { generateMonthsForYear, monthDiff } from \"./internal/utils\";\n\n/**\n * Props for the CalendarNavigation component.\n * @template TDate - The type of the date object.\n */\nexport interface CalendarNavigationProps<TDate extends DateFrameworkType>\n  extends ComponentPropsWithRef<\"div\"> {\n  /**\n   * Props for the month dropdown component.\n   */\n  MonthDropdownProps?: DropdownProps<TDate>;\n\n  /**\n   * Props for the year dropdown component.\n   */\n  YearDropdownProps?: DropdownProps<TDate>;\n\n  /**\n   * Callback fired when a month is selected.\n   * @param event - The change event.\n   */\n  onMonthSelect?: DropdownProps<TDate>[\"onChange\"];\n\n  /**\n   * Callback fired when a year is selected.\n   * @param event - The change event.\n   */\n  onYearSelect?: DropdownProps<TDate>[\"onChange\"];\n\n  /**\n   * Callback fired when navigating to the next month.\n   * @param event - The click event.\n   */\n  onNavigateNext?: ButtonProps[\"onClick\"];\n\n  /**\n   * If `true` then navigate next button is enabled\n   */\n  disableNavigateNext?: boolean;\n\n  /**\n   * Callback fired when navigating to the previous month.\n   * @param event - The click event.\n   */\n  onNavigatePrevious?: ButtonProps[\"onClick\"];\n\n  /**\n   * If `true` then navigate previous button is enabled\n   */\n  disableNavigatePrevious?: boolean;\n\n  /**\n   * If `true`, hides the year dropdown.\n   */\n  hideYearDropdown?: boolean;\n\n  /**\n   * The step value for navigation. Defaults to 1.\n   */\n  step?: number;\n  /**\n   * Format the month dropdown values\n   * @param date\n   */\n  formatMonth?: string;\n  /**\n   * Format the year dropdown values\n   * @param date\n   */\n  formatYear?: string;\n}\n\ninterface OptionWithTooltipProps<TDate> extends OptionProps {\n  value: TDate;\n  tooltipContent?: string;\n}\n\nconst withBaseName = makePrefixer(\"saltCalendarNavigation\");\n\nconst ConditionalTooltip: React.FC<TooltipProps> = ({\n  children,\n  disabled = true,\n  ...rest\n}) => {\n  if (disabled) {\n    return <>{children}</>;\n  }\n  return <Tooltip {...rest}>{children}</Tooltip>;\n};\n\nfunction generateYearsBetweenRange<TDate extends DateFrameworkType>(\n  dateAdapter: SaltDateAdapter<TDate>,\n  minYear: number,\n  maxYear: number,\n  timezone: Timezone = \"default\",\n): TDate[] {\n  const years: TDate[] = [];\n  let startOfYear = dateAdapter.today(timezone);\n  for (let year = minYear; year <= maxYear; year++) {\n    startOfYear = dateAdapter.set(startOfYear, { day: 1, month: 1, year });\n    years.push(startOfYear);\n  }\n  return years;\n}\n\nfunction useCalendarNavigation<TDate extends DateFrameworkType>() {\n  const {\n    state: { visibleMonth, timezone, minDate, maxDate },\n    helpers: { setVisibleMonth, isDayVisible, isOutsideAllowedMonths },\n  } = useCalendarContext<TDate>();\n\n  const { dateAdapter } = useLocalization<TDate>();\n\n  const moveToNextMonth = useCallback(\n    (event: SyntheticEvent, step = 1) => {\n      setVisibleMonth(event, dateAdapter.add(visibleMonth, { months: step }));\n    },\n    [dateAdapter, setVisibleMonth, visibleMonth],\n  );\n\n  const moveToPreviousMonth = useCallback(\n    (event: SyntheticEvent, step = 1) => {\n      setVisibleMonth(\n        event,\n        dateAdapter.subtract(visibleMonth, { months: step }),\n      );\n    },\n    [dateAdapter, setVisibleMonth, visibleMonth],\n  );\n\n  const moveToMonth = useCallback(\n    (event: SyntheticEvent, month: TDate) => {\n      let newMonth = month;\n\n      if (isOutsideAllowedMonths(newMonth)) {\n        // If month is navigable we should move to the closest navigable month\n        const navigableMonths = generateMonthsForYear(\n          dateAdapter,\n          visibleMonth,\n        ).filter((n) => !isOutsideAllowedMonths(n));\n        newMonth = navigableMonths.reduce((closestMonth, currentMonth) =>\n          Math.abs(monthDiff(dateAdapter, currentMonth, newMonth)) <\n          Math.abs(monthDiff(dateAdapter, closestMonth, newMonth))\n            ? currentMonth\n            : closestMonth,\n        );\n      }\n      setVisibleMonth(event, newMonth);\n    },\n    [dateAdapter, isOutsideAllowedMonths, setVisibleMonth, visibleMonth],\n  );\n\n  const months: TDate[] = useMemo(\n    () => generateMonthsForYear<TDate>(dateAdapter, visibleMonth),\n    [dateAdapter, visibleMonth],\n  );\n\n  const years: TDate[] = useMemo(\n    () =>\n      generateYearsBetweenRange<TDate>(\n        dateAdapter,\n        Math.min(\n          dateAdapter.getYear(minDate),\n          dateAdapter.getYear(visibleMonth),\n        ),\n        Math.max(\n          dateAdapter.getYear(maxDate),\n          dateAdapter.getYear(visibleMonth),\n        ),\n        timezone,\n      ),\n    [dateAdapter, minDate, maxDate, visibleMonth, timezone],\n  );\n\n  const selectedMonth: TDate | undefined = months.find((month: TDate) =>\n    dateAdapter.isSame(month, visibleMonth, \"month\"),\n  );\n  const selectedYear: TDate | undefined = years.find((year: TDate) =>\n    dateAdapter.isSame(year, visibleMonth, \"year\"),\n  );\n\n  const disableNavigatePrevious = isDayVisible(minDate);\n  const disableNavigateNext = isDayVisible(maxDate);\n\n  return useMemo(\n    () => ({\n      moveToNextMonth,\n      moveToPreviousMonth,\n      moveToMonth,\n      visibleMonth,\n      months,\n      years,\n      disableNavigateNext,\n      disableNavigatePrevious,\n      selectedMonth,\n      selectedYear,\n      isOutsideAllowedMonths,\n    }),\n    [\n      months,\n      moveToPreviousMonth,\n      moveToNextMonth,\n      moveToMonth,\n      visibleMonth,\n      years,\n      disableNavigateNext,\n      disableNavigatePrevious,\n      selectedMonth,\n      selectedYear,\n      isOutsideAllowedMonths,\n    ],\n  );\n}\n\nfunction OptionWithTooltip<TDate extends DateFrameworkType>({\n  value,\n  children,\n  disabled = false,\n  tooltipContent,\n}: OptionWithTooltipProps<TDate>) {\n  const { activeState, openState } = useListControlContext();\n  const open = activeState?.value === value;\n  return (\n    <ConditionalTooltip\n      placement=\"right\"\n      open={open && openState}\n      disabled={!disabled}\n      content={tooltipContent}\n      enterDelay={0} // --salt-duration-instant\n      leaveDelay={0} // --salt-duration-instant\n    >\n      <Option value={value} disabled={disabled}>\n        {children}\n      </Option>\n    </ConditionalTooltip>\n  );\n}\n\nexport const CalendarNavigation = forwardRef<\n  HTMLDivElement,\n  CalendarNavigationProps<DateFrameworkType>\n>(\n  <TDate extends DateFrameworkType>(\n    props: CalendarNavigationProps<TDate>,\n    ref: React.Ref<HTMLDivElement>,\n  ) => {\n    const {\n      className,\n      disableNavigatePrevious: disableNavigatePreviousProp,\n      disableNavigateNext: disableNavigateNextProp,\n      formatMonth: formatMonthProp,\n      formatYear: formatYearProp,\n      MonthDropdownProps,\n      YearDropdownProps,\n      hideYearDropdown,\n      step = 1,\n      ...rest\n    } = props;\n\n    const { dateAdapter } = useLocalization<TDate>();\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-calendar-navigation\",\n      css: calendarNavigationCss,\n      window: targetWindow,\n    });\n\n    const { NextIcon, PreviousIcon } = useIcon();\n\n    const {\n      moveToPreviousMonth,\n      moveToNextMonth,\n      moveToMonth,\n      months,\n      years,\n      disableNavigateNext,\n      disableNavigatePrevious,\n      selectedMonth,\n      selectedYear,\n      isOutsideAllowedMonths,\n      visibleMonth,\n    } = useCalendarNavigation<TDate>();\n\n    const handleNavigatePrevious: MouseEventHandler<HTMLButtonElement> =\n      useCallback(\n        (event) => {\n          moveToPreviousMonth(event, step);\n        },\n        [moveToPreviousMonth, step],\n      );\n\n    const handleNavigateNext: MouseEventHandler<HTMLButtonElement> =\n      useCallback(\n        (event) => {\n          moveToNextMonth(event, step);\n        },\n        [moveToNextMonth, step],\n      );\n\n    const handleMonthSelect = useCallback(\n      (event: SyntheticEvent, month: TDate[]) => {\n        moveToMonth(event, month[0]);\n      },\n      [moveToMonth],\n    );\n\n    const handleYearSelect = useCallback(\n      (event: SyntheticEvent, year: TDate[]) => {\n        let newVisibleMonth = dateAdapter.clone(visibleMonth);\n        newVisibleMonth = dateAdapter.set(newVisibleMonth, {\n          year: dateAdapter.getYear(year[0]),\n        });\n        moveToMonth(event, newVisibleMonth);\n      },\n      [dateAdapter, moveToMonth, visibleMonth],\n    );\n\n    const formatMonth = useCallback(\n      (date?: TDate) => {\n        if (date && formatMonthProp) {\n          return dateAdapter.format(date, formatMonthProp);\n        }\n        return date\n          ? dateAdapter.format(date, hideYearDropdown ? \"MMMM\" : \"MMM\")\n          : \"\";\n      },\n      [dateAdapter, formatMonthProp, hideYearDropdown],\n    );\n\n    const formatYear = useCallback(\n      (date?: TDate) => {\n        if (date && formatYearProp) {\n          return dateAdapter.format(date, formatYearProp);\n        }\n        return !date ? \"\" : `${dateAdapter.format(date, \"YYYY\")}`;\n      },\n      [dateAdapter, formatYearProp],\n    );\n\n    return (\n      <div\n        className={clsx(\n          withBaseName(),\n          { [withBaseName(\"hideYearDropdown\")]: hideYearDropdown },\n          className,\n        )}\n        ref={ref}\n        {...rest}\n      >\n        <ConditionalTooltip\n          placement=\"top\"\n          disabled={!(disableNavigatePreviousProp || disableNavigatePrevious)}\n          content=\"Past dates are out of range\"\n          enterDelay={0} // --salt-duration-instant\n          leaveDelay={0} // --salt-duration-instant\n        >\n          <Button\n            aria-label=\"Previous Month\"\n            disabled={disableNavigatePreviousProp || disableNavigatePrevious}\n            appearance=\"transparent\"\n            sentiment=\"neutral\"\n            onClick={handleNavigatePrevious}\n            focusableWhenDisabled={true}\n          >\n            <PreviousIcon aria-hidden />\n          </Button>\n        </ConditionalTooltip>\n        <div\n          className={clsx({ [withBaseName(\"dropdowns\")]: !hideYearDropdown })}\n        >\n          <Dropdown\n            aria-label=\"Month Dropdown\"\n            selected={selectedMonth ? [selectedMonth] : []}\n            value={formatMonth(selectedMonth)}\n            onSelectionChange={handleMonthSelect}\n            {...MonthDropdownProps}\n          >\n            {months.map((month) => {\n              const outsideAllowedMonths = isOutsideAllowedMonths(month);\n              return (\n                <OptionWithTooltip\n                  key={formatMonth(month)}\n                  value={month}\n                  disabled={outsideAllowedMonths}\n                  tooltipContent={\"This month is out of range\"}\n                >\n                  {formatMonth(month)}\n                </OptionWithTooltip>\n              );\n            })}\n          </Dropdown>\n          {!hideYearDropdown ? (\n            <Dropdown\n              aria-label=\"Year Dropdown\"\n              selected={selectedYear ? [selectedYear] : []}\n              value={formatYear(selectedYear)}\n              onSelectionChange={handleYearSelect}\n              {...YearDropdownProps}\n              className={clsx(\n                withBaseName(\"yearDropdown\"),\n                YearDropdownProps?.className,\n              )}\n            >\n              {years.map((year) => (\n                <Option key={formatYear(year)} value={year}>\n                  {formatYear(year)}\n                </Option>\n              ))}\n            </Dropdown>\n          ) : null}\n        </div>\n        <ConditionalTooltip\n          placement=\"top\"\n          disabled={!(disableNavigateNextProp || disableNavigateNext)}\n          content=\"Future dates are out of range\"\n          enterDelay={0} // --salt-duration-instant\n          leaveDelay={0} // --salt-duration-instant\n        >\n          <Button\n            aria-label=\"Next Month\"\n            disabled={disableNavigateNextProp || disableNavigateNext}\n            appearance=\"transparent\"\n            sentiment=\"neutral\"\n            onClick={handleNavigateNext}\n            focusableWhenDisabled={true}\n          >\n            <NextIcon aria-hidden />\n          </Button>\n        </ConditionalTooltip>\n      </div>\n    );\n  },\n);\n"],"names":["makePrefixer","jsx","Tooltip","useCalendarContext","useLocalization","useCallback","generateMonthsForYear","monthDiff","useMemo","useListControlContext","Option","forwardRef","useWindow","useComponentCssInjection","calendarNavigationCss","useIcon","jsxs","clsx","Button","Dropdown"],"mappings":"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"}

package/dist-cjs/calendar/CalendarWeekHeader.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltCalendarWeekHeader {\n  display: flex;\n  text-align: center;\n  align-items: center;\n  height: var(--salt-size-base);\n  gap: var(--calendar-gap);\n}\n\n.saltCalendarWeekHeader-dayOfWeek {\n  width: var(--calendar-day-size);\n  color: var(--salt-content-secondary-foreground);\n  font-family: var(--salt-text-fontFamily);\n  font-weight: var(--salt-text-fontWeight);\n  font-size: var(--salt-text-fontSize);\n  line-height: var(--salt-text-lineHeight);\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=CalendarWeekHeader.css.js.map

package/dist-cjs/calendar/CalendarWeekHeader.css.js.map

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

package/dist-cjs/calendar/CalendarWeekHeader.js

@@ -1,46 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var clsx = require('clsx');
-var react = require('react');
-var LocalizationProvider = require('../localization-provider/LocalizationProvider.js');
-var CalendarWeekHeader$1 = require('./CalendarWeekHeader.css.js');
-var utils = require('./internal/utils.js');
-
-const withBaseName = core.makePrefixer("saltCalendarWeekHeader");
-const CalendarWeekHeader = react.forwardRef(function CalendarWeekHeader2(props, ref) {
-  const { className, ...rest } = props;
-  const { dateAdapter } = LocalizationProvider.useLocalization();
-  const weekdaysShort = utils.daysOfWeek(dateAdapter, "narrow");
-  const weekdaysLong = utils.daysOfWeek(dateAdapter, "long");
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "salt-calendar-week-header",
-    css: CalendarWeekHeader$1,
-    window: targetWindow
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-testid": "CalendarWeekHeader",
-      className: clsx.clsx(withBaseName(), className),
-      ref,
-      ...rest,
-      children: weekdaysShort.map((day, index) => /* @__PURE__ */ jsxRuntime.jsx(
-        core.Text,
-        {
-          "aria-hidden": true,
-          className: withBaseName("dayOfWeek"),
-          children: day
-        },
-        weekdaysLong[index]
-      ))
-    }
-  );
-});
-
-exports.CalendarWeekHeader = CalendarWeekHeader;
-//# sourceMappingURL=CalendarWeekHeader.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarWeekHeader.js","sources":["../src/calendar/CalendarWeekHeader.tsx"],"sourcesContent":["import { makePrefixer, Text } from \"@salt-ds/core\";\nimport type { DateFrameworkType } from \"@salt-ds/date-adapters\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type ComponentPropsWithRef, forwardRef } from \"react\";\nimport { useLocalization } from \"../localization-provider\";\nimport calendarWeekHeaderCss from \"./CalendarWeekHeader.css\";\nimport { daysOfWeek } from \"./internal/utils\";\n\n/**\n * Props for the CalendarWeekHeader component.\n */\nexport type CalendarWeekHeaderProps = ComponentPropsWithRef<\"div\"> & {};\n\nconst withBaseName = makePrefixer(\"saltCalendarWeekHeader\");\n\nexport const CalendarWeekHeader = forwardRef(function CalendarWeekHeader<\n  TDate extends DateFrameworkType,\n>(props: CalendarWeekHeaderProps, ref: React.Ref<HTMLDivElement>) {\n  const { className, ...rest } = props;\n  const { dateAdapter } = useLocalization<TDate>();\n\n  const weekdaysShort = daysOfWeek(dateAdapter, \"narrow\");\n  const weekdaysLong = daysOfWeek(dateAdapter, \"long\");\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-calendar-week-header\",\n    css: calendarWeekHeaderCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div\n      data-testid=\"CalendarWeekHeader\"\n      className={clsx(withBaseName(), className)}\n      ref={ref}\n      {...rest}\n    >\n      {weekdaysShort.map((day, index) => (\n        <Text\n          aria-hidden\n          key={weekdaysLong[index]}\n          className={withBaseName(\"dayOfWeek\")}\n        >\n          {day}\n        </Text>\n      ))}\n    </div>\n  );\n});\n"],"names":["makePrefixer","forwardRef","CalendarWeekHeader","useLocalization","daysOfWeek","useWindow","useComponentCssInjection","calendarWeekHeaderCss","jsx","clsx","Text"],"mappings":";;;;;;;;;;;;AAeA,MAAM,YAAA,GAAeA,kBAAa,wBAAwB,CAAA;AAEnD,MAAM,kBAAA,GAAqBC,gBAAA,CAAW,SAASC,mBAAAA,CAEpD,OAAgC,GAAA,EAAgC;AAChE,EAAA,MAAM,EAAE,SAAA,EAAW,GAAG,IAAA,EAAK,GAAI,KAAA;AAC/B,EAAA,MAAM,EAAE,WAAA,EAAY,GAAIC,oCAAA,EAAuB;AAE/C,EAAA,MAAM,aAAA,GAAgBC,gBAAA,CAAW,WAAA,EAAa,QAAQ,CAAA;AACtD,EAAA,MAAM,YAAA,GAAeA,gBAAA,CAAW,WAAA,EAAa,MAAM,CAAA;AAEnD,EAAA,MAAM,eAAeC,gBAAA,EAAU;AAC/B,EAAAC,+BAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,2BAAA;AAAA,IACR,GAAA,EAAKC,oBAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAY,oBAAA;AAAA,MACZ,SAAA,EAAWC,SAAA,CAAK,YAAA,EAAa,EAAG,SAAS,CAAA;AAAA,MACzC,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA,aAAA,CAAc,GAAA,CAAI,CAAC,GAAA,EAAK,KAAA,qBACvBD,cAAA;AAAA,QAACE,SAAA;AAAA,QAAA;AAAA,UACC,aAAA,EAAW,IAAA;AAAA,UAEX,SAAA,EAAW,aAAa,WAAW,CAAA;AAAA,UAElC,QAAA,EAAA;AAAA,SAAA;AAAA,QAHI,aAAa,KAAK;AAAA,OAK1B;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}

package/dist-cjs/calendar/internal/CalendarContext.js

@@ -1,25 +0,0 @@
-'use strict';
-
-var react = require('react');
-
-const CalendarContext = react.createContext(
-  null
-);
-if (process.env.NODE_ENV !== "production") {
-  CalendarContext.displayName = "CalendarContext";
-}
-function useCalendarContext() {
-  const context = react.useContext(
-    CalendarContext
-  );
-  if (!context) {
-    throw new Error(
-      "useCalendarContext should be called inside CalendarContext.Provider"
-    );
-  }
-  return context;
-}
-
-exports.CalendarContext = CalendarContext;
-exports.useCalendarContext = useCalendarContext;
-//# sourceMappingURL=CalendarContext.js.map

package/dist-cjs/calendar/internal/CalendarContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarContext.js","sources":["../src/calendar/internal/CalendarContext.tsx"],"sourcesContent":["import type { DateFrameworkType } from \"@salt-ds/date-adapters\";\nimport { createContext, useContext } from \"react\";\nimport type { UseCalendarReturn } from \"../useCalendar\";\n\ninterface CalendarState<TDate extends DateFrameworkType>\n  extends UseCalendarReturn<TDate> {}\n\nconst CalendarContext = createContext<CalendarState<DateFrameworkType> | null>(\n  null,\n);\n\nif (process.env.NODE_ENV !== \"production\") {\n  CalendarContext.displayName = \"CalendarContext\";\n}\n\nfunction useCalendarContext<\n  TDate extends DateFrameworkType,\n>(): CalendarState<TDate> {\n  const context = useContext(\n    CalendarContext as React.Context<CalendarState<TDate> | null>,\n  );\n  if (!context) {\n    throw new Error(\n      \"useCalendarContext should be called inside CalendarContext.Provider\",\n    );\n  }\n\n  return context;\n}\n\nexport { CalendarContext, useCalendarContext };\n"],"names":["createContext","useContext"],"mappings":";;;;AAOA,MAAM,eAAA,GAAkBA,mBAAA;AAAA,EACtB;AACF;AAEA,IAAI,OAAA,CAAQ,GAAA,CAAI,QAAA,KAAa,YAAA,EAAc;AACzC,EAAA,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAChC;AAEA,SAAS,kBAAA,GAEiB;AACxB,EAAA,MAAM,OAAA,GAAUC,gBAAA;AAAA,IACd;AAAA,GACF;AACA,EAAA,IAAI,CAAC,OAAA,EAAS;AACZ,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA,EACF;AAEA,EAAA,OAAO,OAAA;AACT;;;;;"}

package/dist-cjs/calendar/internal/CalendarDay.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".salt-density-touch {\n  --calendar-day-highlight-size: 14px;\n}\n.salt-density-low {\n  --calendar-day-highlight-size: 12px;\n}\n.salt-density-medium {\n  --calendar-day-highlight-size: 10px;\n}\n.salt-density-high {\n  --calendar-day-highlight-size: 8px;\n}\n\n.saltCalendarDay {\n  --calendar-day-zIndex-content: calc(var(--salt-zIndex-default) + 1);\n  --calendar-day-zIndex-highlight: calc(var(--calendar-day-zIndex-content) + 2);\n  font-family: var(--salt-text-fontFamily);\n  font-weight: var(--salt-text-fontWeight);\n  line-height: var(--salt-text-lineHeight);\n  font-size: var(--salt-text-fontSize);\n  width: var(--salt-size-base);\n  height: var(--salt-size-base);\n  color: var(--salt-content-primary-foreground);\n  background: var(--salt-selectable-background);\n  cursor: var(--salt-cursor-hover);\n  border: none;\n  padding: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n}\n\n.saltCalendarDay-content {\n  margin: 0 var(--salt-spacing-50);\n  width: 100%;\n  z-index: var(--calendar-day-zIndex-content);\n}\n\n.saltCalendarDay:hover {\n  color: var(--salt-content-primary-foreground);\n  background: var(--salt-selectable-background-hover);\n  border-radius: var(--salt-palette-corner-weak, 0);\n}\n\n.saltCalendarDay-hoveredSpan:not(.saltCalendarDay-selectedStart):not(.saltCalendarDay-selectedEnd),\n.saltCalendarDay-hoveredSpan:not(.saltCalendarDay-selectedStart):not(.saltCalendarDay-selectedEnd)::before,\n.saltCalendarDay-selectedSpan:not(.saltCalendarDay-selectedStart):not(.saltCalendarDay-selectedEnd),\n.saltCalendarDay-selectedSpan:not(.saltCalendarDay-selectedStart):not(.saltCalendarDay-selectedEnd)::before {\n  border-radius: 0;\n}\n\n.saltCalendarDay-focused,\n.saltCalendarDay:focus,\n.saltCalendarDay:focus-visible {\n  outline: none;\n  z-index: var(--calendar-day-zIndex-content);\n}\n\n.saltCalendarDay-focused:focus-visible::before {\n  content: \"\";\n  position: absolute;\n  box-sizing: border-box;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  outline: var(--salt-focused-outline);\n  outline-offset: calc(var(--salt-focused-outlineWidth) * -1);\n  border-radius: var(--salt-palette-corner-weak, 0);\n}\n\n.saltCalendarDay-selected .saltCalendarDay-content,\n.saltCalendarDay-selected:hover .saltCalendarDay-content,\n.saltCalendarDay-selectedStart .saltCalendarDay-content,\n.saltCalendarDay-hoveredStart .saltCalendarDay-content,\n.saltCalendarDay-selectedSpan .saltCalendarDay-content,\n.saltCalendarDay-hoveredSpan .saltCalendarDay-content,\n.saltCalendarDay-selectedEnd .saltCalendarDay-content,\n.saltCalendarDay-hoveredEnd .saltCalendarDay-content {\n  color: var(--salt-content-primary-foreground);\n}\n\n.saltCalendarDay-selectedSpan:not(.saltCalendarDay-selectedStart):not(.saltCalendarDay-selectedEnd)::before,\n.saltCalendarDay-hoveredSpan:not(.saltCalendarDay-selectedSpan):not(.saltCalendarDay-selectedStart):not(.saltCalendarDay-selectedEnd)::before {\n  content: \"\";\n  position: absolute;\n  box-sizing: border-box;\n  top: 0;\n  left: calc(var(--calendar-gap) * -1);\n  right: calc(var(--calendar-gap) * -1);\n  bottom: 0;\n  background: var(--salt-selectable-background-hover);\n  border-top: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-selectable-borderColor-selected);\n  border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-selectable-borderColor-selected);\n}\n\n.saltCalendarDay-selectedStart::before,\n.saltCalendarDay-selectedEnd::before {\n  content: \"\";\n  position: absolute;\n  box-sizing: border-box;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: var(--salt-selectable-background-selected);\n  border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-selectable-borderColor-selected);\n}\n\n.saltCalendarDay-selectedStart,\n.saltCalendarDay-selectedStart::before,\n.saltCalendarDay-focused.saltCalendarDay-selectedStart,\n.saltCalendarDay-focused.saltCalendarDay-selectedStart::before {\n  border-radius: var(--salt-palette-corner-weak, 0) 0 0 var(--salt-palette-corner-weak, 0);\n}\n\n.saltCalendarDay-focused.saltCalendarDay-selectedEnd:not(.saltCalendarDay-selectedStart),\n.saltCalendarDay-focused.saltCalendarDay-selectedEnd:not(.saltCalendarDay-selectedStart)::before,\n.saltCalendarDay-selectedEnd:not(.saltCalendarDay-selectedStart),\n.saltCalendarDay-selectedEnd:not(.saltCalendarDay-selectedStart)::before {\n  border-radius: 0 var(--salt-palette-corner-weak, 0) var(--salt-palette-corner-weak, 0) 0;\n}\n\n.saltCalendarDay-focused.saltCalendarDay-selectedSameDay,\n.saltCalendarDay-focused.saltCalendarDay-selectedSameDay::before,\n.saltCalendarDay-selectedSameDay,\n.saltCalendarDay-selectedSameDay::before {\n  border-radius: var(--salt-palette-corner-weak, 0);\n}\n\n/** Single selection styles */\n\n.saltCalendarMonth-single .saltCalendarDay:hover:not(.saltCalendarDay-selected) {\n  color: var(--salt-content-primary-foreground);\n  background: var(--salt-selectable-background-hover);\n  border-radius: var(--salt-palette-corner-weak, 0);\n}\n\n.saltCalendarMonth-single .saltCalendarDay-selected::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  color: var(--salt-content-primary-foreground);\n  background: var(--salt-selectable-background-selected);\n  border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-selectable-borderColor-selected);\n  border-radius: var(--salt-palette-corner-weak, 0);\n}\n\n/** Range selection styles */\n.saltCalendarMonth-range .saltCalendarDay-focused.saltCalendarDay-selectedSpan,\n.saltCalendarMonth-range .saltCalendarDay-focused.saltCalendarDay-hoveredSpan {\n  outline-offset: calc(calc(var(--salt-focused-outlineWidth) * -1));\n}\n\n.saltCalendarMonth-range .saltCalendarDay:hover:not(.saltCalendarDay-selectedStart):not(.saltCalendarDay-selectedSpan):not(.saltCalendarDay-selectedEnd) {\n  color: var(--salt-content-primary-foreground);\n  background: var(--salt-selectable-background-hover);\n  border-radius: var(--salt-palette-corner-weak, 0);\n}\n\n.saltCalendarMonth-range .saltCalendarDay:hover.saltCalendarDay-selectedSpan::before,\n.saltCalendarMonth-range .saltCalendarDay:hover.saltCalendarDay-hoveredSpan::before,\n.saltCalendarMonth-range .saltCalendarDay-focused.saltCalendarDay-hoveredEnd:not(.saltCalendarDay-selectedEnd):not(.saltCalendarDay-selectedStart)::before,\n.saltCalendarMonth-range .saltCalendarDay-focused.saltCalendarDay-hoveredEnd:not(.saltCalendarDay-selectedEnd):not(.saltCalendarDay-selectedStart)::before {\n  border-radius: 0;\n}\n\n.saltCalendarMonth-range .saltCalendarDay-hoveredEnd:not(.saltCalendarDay-selectedStart):not(.saltCalendarDay-selectedEnd) {\n  border-radius: 0;\n}\n\n.saltCalendarMonth-range .saltCalendarDay-hoveredEnd:not(.saltCalendarDay-selectedStart):not(.saltCalendarDay-selectedEnd):not(.saltCalendarDay-unselectable)::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: calc(var(--calendar-gap) * -1);\n  right: 0;\n  bottom: 0;\n  background: var(--salt-selectable-background-hover);\n  border-radius: 0;\n  border-top: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-selectable-borderColor-selected);\n  border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-selectable-borderColor-selected);\n}\n\n/** Offset range styles */\n\n.saltCalendarMonth-offset .saltCalendarDay-hoveredSpan,\n.saltCalendarMonth-offset .saltCalendarDay-hoveredSpan::before {\n  border-radius: 0;\n}\n\n.saltCalendarMonth-offset .saltCalendarDay-focused.saltCalendarDay-hoveredStart:not(.saltCalendarDay-selectedStart),\n.saltCalendarMonth-offset .saltCalendarDay-focused.saltCalendarDay-hoveredStart:not(.saltCalendarDay-selectedStart)::before {\n  border-radius: var(--salt-palette-corner-weak, 0) 0 0 var(--salt-palette-corner-weak, 0);\n}\n\n.saltCalendarMonth-offset .saltCalendarDay:hover:not(.saltCalendarDay-selectedStart):not(.saltCalendarDay-selectedSpan):not(.saltCalendarDay-selectedEnd),\n.saltCalendarMonth-offset .saltCalendarDay-hoveredStart:not(.saltCalendarDay-selectedStart):not(.saltCalendarDay-selectedSpan):not(.saltCalendarDay-selectedEnd),\n.saltCalendarMonth-offset .saltCalendarDay-hoveredSpan:not(.saltCalendarDay-selectedStart):not(.saltCalendarDay-selectedSpan):not(.saltCalendarDay-selectedEnd),\n.saltCalendarMonth-offset .saltCalendarDay-hoveredEnd:not(.saltCalendarDay-selectedStart):not(.saltCalendarDay-selectedSpan):not(.saltCalendarDay-selectedEnd) {\n  color: var(--salt-content-primary-foreground);\n  background: var(--salt-selectable-background-hover);\n}\n\n.saltCalendarMonth-offset .saltCalendarDay-hoveredSpan:not(.saltCalendarDay-selectedStart):not(.saltCalendarDay-selectedSpan):not(.saltCalendarDay-selectedEnd)::before {\n  border-top: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-selectable-background-hover);\n  border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-selectable-background-hover);\n}\n\n.saltCalendarMonth-offset .saltCalendarDay-hoveredStart,\n.saltCalendarMonth-offset .saltCalendarDay-selectedStart {\n  border-radius: var(--salt-palette-corner-weak, 0) 0 0 var(--salt-palette-corner-weak, 0);\n}\n\n.saltCalendarMonth-offset .saltCalendarDay.saltCalendarDay-hoveredEnd,\n.saltCalendarMonth-offset .saltCalendarDay-selectedEnd {\n  border-radius: 0 var(--salt-palette-corner-weak, 0) var(--salt-palette-corner-weak, 0) 0;\n}\n\n.saltCalendarMonth-offset .saltCalendarDay-hoveredSpan,\n.saltCalendarMonth-offset .saltCalendarDay-selectedSpan {\n  border-radius: 0;\n}\n\n.saltCalendarMonth-offset .saltCalendarDay-selectedStart.saltCalendarDay-selectedEnd {\n  border-radius: var(--salt-palette-corner-weak, 0);\n}\n\n.saltCalendarDay-outOfRange {\n  color: var(--salt-content-secondary-foreground);\n}\n.saltCalendarDay-outOfRange:hover {\n  color: var(--salt-content-primary-foreground);\n}\n\n.saltCalendarDay-outOfRange .saltCalendarDay-today > span:last-of-type {\n  border-bottom: var(--salt-size-indicator) var(--salt-borderStyle-solid) var(--salt-content-secondary-foreground);\n}\n\n.saltCalendarDay-outOfRange .saltCalendarDay-highlighted::after {\n  background: var(--salt-content-secondary-foreground);\n}\n\n.saltCalendarDay-unselectable,\n.saltCalendarDay-unselectable:hover {\n  background: var(--salt-selectable-background-disabled);\n  cursor: var(--salt-cursor-disabled);\n}\n\n.saltCalendarDay-highlighted {\n  position: absolute;\n  left: 0;\n  right: 0;\n  height: 100%;\n  overflow: hidden;\n  border-radius: var(--salt-palette-corner-weak, 0);\n}\n\n.saltCalendarDay-selectedEnd .saltCalendarDay-highlighted {\n  right: 1px;\n}\n.saltCalendarDay-selectedSpan .saltCalendarDay-highlighted {\n  right: -1px;\n}\n\n.saltCalendarDay-selectedStart .saltCalendarDay-highlighted,\n.saltCalendarDay-hoveredEnd:not(.saltCalendarDay-selectedEnd) .saltCalendarDay-highlighted,\n.saltCalendarDay-hoveredSpan .saltCalendarDay-highlighted,\n.saltCalendarDay-selectedSpan .saltCalendarDay-highlighted {\n  border-radius: 0;\n}\n\n.saltCalendarDay-selectedSameDay .saltCalendarDay-highlighted {\n  border-radius: var(--salt-palette-corner-weak, 0);\n}\n\n.saltCalendarDay-highlighted::after {\n  content: \"\";\n  top: 0;\n  right: 0;\n  box-sizing: border-box;\n  height: var(--calendar-day-highlight-size); /* TODO: change for size-modifier when available */\n  width: var(--calendar-day-highlight-size);\n  background: var(--salt-sentiment-accent-background);\n  position: absolute;\n  clip-path: polygon(100% 0, 100% 100%, 0 0);\n  z-index: var(--calendar-day-zIndex-highlight);\n}\n.saltCalendarDay-focused:focus-visible .saltCalendarDay-highlighted::after {\n  border: var(--salt-focused-outline);\n}\n\n.saltCalendarDay-unselectable::after {\n  content: \"\";\n  height: var(--salt-size-fixed-100);\n  width: calc(100% - var(--salt-spacing-100));\n  background: var(--salt-content-secondary-foreground);\n  position: absolute;\n}\n\n.saltCalendarDay-today > span:last-of-type::after {\n  content: \"\";\n  display: block;\n  width: calc(100% - calc(var(--salt-spacing-50) * 2));\n  height: var(--salt-size-indicator);\n  background: var(--salt-sentiment-accent-borderColor);\n  border-radius: var(--salt-palette-corner-weak);\n  position: absolute;\n  bottom: var(--salt-spacing-50);\n  left: var(--salt-spacing-50);\n  right: var(--salt-spacing-50);\n}\n\n.saltCalendarDay-hidden {\n  visibility: hidden;\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=CalendarDay.css.js.map

package/dist-cjs/calendar/internal/CalendarDay.css.js.map

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