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

package/dist-cjs/calendar/CalendarNavigation.js

@@ -0,0 +1,334 @@
+'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 disableNavigatePrevious = isDayVisible(minDate);
+  const disableNavigateNext = isDayVisible(maxDate);
+  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,
+          newMonth
+        ).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,
+          minDate
+        );
+      }
+      setVisibleMonth(event, newMonth);
+    },
+    [dateAdapter, isOutsideAllowedMonths, setVisibleMonth, minDate]
+  );
+  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")
+  );
+  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,
+  ...rest
+}) {
+  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, ...rest, children })
+    }
+  );
+}
+const CalendarNavigation = react.forwardRef((props, ref) => {
+  const {
+    className,
+    formatMonth: formatMonthProp,
+    formatYear: formatYearProp,
+    MonthDropdownProps,
+    NextButtonProps,
+    PreviousButtonProps,
+    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, formatString) => {
+      const format = formatString || formatMonthProp || "MMM";
+      if (date) {
+        return dateAdapter.format(date, format);
+      }
+      return "";
+    },
+    [dateAdapter, formatMonthProp]
+  );
+  const formatYear = react.useCallback(
+    (date) => {
+      if (date && formatYearProp) {
+        return dateAdapter.format(date, formatYearProp);
+      }
+      return !date ? "" : `${dateAdapter.format(date, "YYYY")}`;
+    },
+    [dateAdapter, formatYearProp]
+  );
+  const isPreviousMonthDisabled = (PreviousButtonProps == null ? void 0 : PreviousButtonProps.disabled) || disableNavigatePrevious;
+  const isNextMonthDisabled = (NextButtonProps == null ? void 0 : NextButtonProps.disabled) || disableNavigateNext;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: clsx.clsx(
+        withBaseName(),
+        { [withBaseName("hideYearDropdown")]: hideYearDropdown },
+        className
+      ),
+      ref,
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ConditionalTooltip,
+          {
+            placement: "top",
+            disabled: !isPreviousMonthDisabled,
+            content: "Past dates are out of range",
+            enterDelay: 0,
+            leaveDelay: 0,
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              core.Button,
+              {
+                "aria-label": isPreviousMonthDisabled ? "Past dates are out of range" : "Previous Month",
+                appearance: "transparent",
+                sentiment: "neutral",
+                onClick: handleNavigatePrevious,
+                focusableWhenDisabled: true,
+                ...PreviousButtonProps,
+                disabled: isPreviousMonthDisabled,
+                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) => /* @__PURE__ */ jsxRuntime.jsx(
+                OptionWithTooltip,
+                {
+                  value: month,
+                  "aria-label": formatMonth(month, "MMMM"),
+                  disabled: isOutsideAllowedMonths(month),
+                  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(OptionWithTooltip, { value: year, children: formatYear(year) }, formatYear(year)))
+            }
+          ) : null
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ConditionalTooltip,
+          {
+            placement: "top",
+            disabled: !isNextMonthDisabled,
+            content: "Future dates are out of range",
+            enterDelay: 0,
+            leaveDelay: 0,
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              core.Button,
+              {
+                "aria-label": isNextMonthDisabled ? "Future dates are out of range" : "Next Month",
+                appearance: "transparent",
+                sentiment: "neutral",
+                onClick: handleNavigateNext,
+                focusableWhenDisabled: true,
+                ...NextButtonProps,
+                disabled: isNextMonthDisabled,
+                children: /* @__PURE__ */ jsxRuntime.jsx(NextIcon, { "aria-hidden": true })
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+});
+
+exports.CalendarNavigation = CalendarNavigation;
+//# sourceMappingURL=CalendarNavigation.js.map

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

@@ -0,0 +1 @@
+{"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 */\nexport interface CalendarNavigationProps extends ComponentPropsWithRef<\"div\"> {\n  /**\n   * Props for the month dropdown component.\n   */\n  MonthDropdownProps?: DropdownProps<DateFrameworkType>;\n  /**\n   * Props for the year dropdown component.\n   */\n  YearDropdownProps?: DropdownProps<DateFrameworkType>;\n  /**\n   * Additional props for Previous button.\n   */\n  PreviousButtonProps?: ButtonProps;\n  /**\n   * Additional props for Next button.\n   */\n  NextButtonProps?: ButtonProps;\n  /**\n   * If `true`, hides the year dropdown.\n   */\n  hideYearDropdown?: boolean;\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 extends OptionProps {\n  value: DateFrameworkType;\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(\n  dateAdapter: SaltDateAdapter,\n  minYear: number,\n  maxYear: number,\n  timezone: Timezone = \"default\",\n): DateFrameworkType[] {\n  const years: DateFrameworkType[] = [];\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() {\n  const {\n    state: { visibleMonth, timezone, minDate, maxDate },\n    helpers: { setVisibleMonth, isDayVisible, isOutsideAllowedMonths },\n  } = useCalendarContext();\n\n  const { dateAdapter } = useLocalization();\n\n  const disableNavigatePrevious = isDayVisible(minDate);\n  const disableNavigateNext = isDayVisible(maxDate);\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: DateFrameworkType) => {\n      let newMonth = month;\n\n      if (isOutsideAllowedMonths(newMonth)) {\n        // If month is navigable we should move to the closest navigable month based on the new selection\n        const navigableMonths = generateMonthsForYear(\n          dateAdapter,\n          newMonth,\n        ).filter((n) => !isOutsideAllowedMonths(n));\n        newMonth = navigableMonths.reduce(\n          (closestMonth, currentMonth) =>\n            Math.abs(monthDiff(dateAdapter, currentMonth, newMonth)) <\n            Math.abs(monthDiff(dateAdapter, closestMonth, newMonth))\n              ? currentMonth\n              : closestMonth,\n          minDate,\n        );\n      }\n      setVisibleMonth(event, newMonth);\n    },\n    [dateAdapter, isOutsideAllowedMonths, setVisibleMonth, minDate],\n  );\n\n  const months: DateFrameworkType[] = useMemo(\n    () => generateMonthsForYear(dateAdapter, visibleMonth),\n    [dateAdapter, visibleMonth],\n  );\n\n  const years: DateFrameworkType[] = useMemo(\n    () =>\n      generateYearsBetweenRange(\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: DateFrameworkType | undefined = months.find(\n    (month: DateFrameworkType) =>\n      dateAdapter.isSame(month, visibleMonth, \"month\"),\n  );\n  const selectedYear: DateFrameworkType | undefined = years.find(\n    (year: DateFrameworkType) => dateAdapter.isSame(year, visibleMonth, \"year\"),\n  );\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({\n  value,\n  children,\n  disabled = false,\n  tooltipContent,\n  ...rest\n}: OptionWithTooltipProps) {\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} {...rest}>\n        {children}\n      </Option>\n    </ConditionalTooltip>\n  );\n}\n\nexport const CalendarNavigation = forwardRef<\n  HTMLDivElement,\n  CalendarNavigationProps\n>((props: CalendarNavigationProps, ref: React.Ref<HTMLDivElement>) => {\n  const {\n    className,\n    formatMonth: formatMonthProp,\n    formatYear: formatYearProp,\n    MonthDropdownProps,\n    NextButtonProps,\n    PreviousButtonProps,\n    YearDropdownProps,\n    hideYearDropdown,\n    step = 1,\n    ...rest\n  } = props;\n\n  const { dateAdapter } = useLocalization();\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();\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> = useCallback(\n    (event) => {\n      moveToNextMonth(event, step);\n    },\n    [moveToNextMonth, step],\n  );\n\n  const handleMonthSelect = useCallback(\n    (event: SyntheticEvent, month: DateFrameworkType[]) => {\n      moveToMonth(event, month[0]);\n    },\n    [moveToMonth],\n  );\n\n  const handleYearSelect = useCallback(\n    (event: SyntheticEvent, year: DateFrameworkType[]) => {\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?: DateFrameworkType, formatString?: string) => {\n      const format = formatString || formatMonthProp || \"MMM\";\n      if (date) {\n        return dateAdapter.format(date, format);\n      }\n      return \"\";\n    },\n    [dateAdapter, formatMonthProp],\n  );\n\n  const formatYear = useCallback(\n    (date?: DateFrameworkType) => {\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  const isPreviousMonthDisabled =\n    PreviousButtonProps?.disabled || disableNavigatePrevious;\n  const isNextMonthDisabled = NextButtonProps?.disabled || disableNavigateNext;\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={!isPreviousMonthDisabled}\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={\n            isPreviousMonthDisabled\n              ? \"Past dates are out of range\"\n              : \"Previous Month\"\n          }\n          appearance=\"transparent\"\n          sentiment=\"neutral\"\n          onClick={handleNavigatePrevious}\n          focusableWhenDisabled={true}\n          {...PreviousButtonProps}\n          disabled={isPreviousMonthDisabled}\n        >\n          <PreviousIcon aria-hidden />\n        </Button>\n      </ConditionalTooltip>\n      <div className={clsx({ [withBaseName(\"dropdowns\")]: !hideYearDropdown })}>\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            <OptionWithTooltip\n              key={formatMonth(month)}\n              value={month}\n              aria-label={formatMonth(month, \"MMMM\")}\n              disabled={isOutsideAllowedMonths(month)}\n              tooltipContent=\"This month is out of range\"\n            >\n              {formatMonth(month)}\n            </OptionWithTooltip>\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              <OptionWithTooltip key={formatYear(year)} value={year}>\n                {formatYear(year)}\n              </OptionWithTooltip>\n            ))}\n          </Dropdown>\n        ) : null}\n      </div>\n      <ConditionalTooltip\n        placement=\"top\"\n        disabled={!isNextMonthDisabled}\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={\n            isNextMonthDisabled ? \"Future dates are out of range\" : \"Next Month\"\n          }\n          appearance=\"transparent\"\n          sentiment=\"neutral\"\n          onClick={handleNavigateNext}\n          focusableWhenDisabled={true}\n          {...NextButtonProps}\n          disabled={isNextMonthDisabled}\n        >\n          <NextIcon aria-hidden />\n        </Button>\n      </ConditionalTooltip>\n    </div>\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

@@ -0,0 +1,6 @@
+'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

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

package/dist-cjs/calendar/CalendarWeekHeader.js

@@ -0,0 +1,46 @@
+'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

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarWeekHeader.js","sources":["../src/calendar/CalendarWeekHeader.tsx"],"sourcesContent":["import { makePrefixer, Text } from \"@salt-ds/core\";\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  props: CalendarWeekHeaderProps,\n  ref: React.Ref<HTMLDivElement>,\n) {\n  const { className, ...rest } = props;\n  const { dateAdapter } = useLocalization();\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":";;;;;;;;;;;;AAcA,MAAM,YAAA,GAAeA,kBAAa,wBAAwB,CAAA;AAEnD,MAAM,kBAAA,GAAqBC,gBAAA,CAAW,SAASC,mBAAAA,CACpD,OACA,GAAA,EACA;AACA,EAAA,MAAM,EAAE,SAAA,EAAW,GAAG,IAAA,EAAK,GAAI,KAAA;AAC/B,EAAA,MAAM,EAAE,WAAA,EAAY,GAAIC,oCAAA,EAAgB;AAExC,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

@@ -0,0 +1,23 @@
+'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

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarContext.js","sources":["../src/calendar/internal/CalendarContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { UseCalendarReturn } from \"../useCalendar\";\n\nexport interface CalendarState extends UseCalendarReturn {}\n\nconst CalendarContext = createContext<CalendarState | null>(null);\n\nif (process.env.NODE_ENV !== \"production\") {\n  CalendarContext.displayName = \"CalendarContext\";\n}\n\nfunction useCalendarContext(): CalendarState {\n  const context = useContext(\n    CalendarContext as React.Context<CalendarState | 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":";;;;AAKA,MAAM,eAAA,GAAkBA,oBAAoC,IAAI;AAEhE,IAAI,OAAA,CAAQ,GAAA,CAAI,QAAA,KAAa,YAAA,EAAc;AACzC,EAAA,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAChC;AAEA,SAAS,kBAAA,GAAoC;AAC3C,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

@@ -0,0 +1,6 @@
+'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: -1px;\n  height: 100%;\n  overflow: hidden;\n  border-radius: var(--salt-palette-corner-weak, 0);\n}\n.saltCalendarDay-selectedStart .saltCalendarDay-highlighted {\n  right: 0;\n}\n\n.saltCalendarDay-selectedEnd .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-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-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

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

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

@@ -0,0 +1,98 @@
+'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 useCalendarDay = require('../useCalendarDay.js');
+var CalendarDay$1 = require('./CalendarDay.css.js');
+
+const withBaseName = core.makePrefixer("saltCalendarDay");
+const CalendarDay = react.forwardRef(
+  function CalendarDay2(props, ref) {
+    const {
+      className,
+      date,
+      render,
+      month,
+      TooltipProps,
+      format = "DD",
+      ...rest
+    } = props;
+    const { dateAdapter } = LocalizationProvider.useLocalization();
+    const targetWindow = window.useWindow();
+    styles.useComponentCssInjection({
+      testId: "salt-calendar-day",
+      css: CalendarDay$1,
+      window: targetWindow
+    });
+    const {
+      status,
+      focusedDateRef = null,
+      dayProps,
+      unselectableReason,
+      highlightedReason
+    } = useCalendarDay.useCalendarDay({
+      date,
+      month
+    });
+    const { focused, today, unselectable, highlighted, hidden, outOfRange } = status;
+    const buttonRef = core.useForkRef(ref, focusedDateRef);
+    core.useIsomorphicLayoutEffect(() => {
+      var _a;
+      if (focused) {
+        (_a = focusedDateRef == null ? void 0 : focusedDateRef.current) == null ? void 0 : _a.focus({ preventScroll: true });
+      }
+    }, [focused]);
+    const defaultButtonProps = {
+      children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        highlighted ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: withBaseName("highlighted") }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: withBaseName("content"), children: dateAdapter.format(date, format) })
+      ] }),
+      ...dayProps,
+      ref: buttonRef,
+      ...rest,
+      className: clsx.clsx(
+        withBaseName(),
+        {
+          [withBaseName("hidden")]: hidden,
+          [withBaseName("unselectable")]: !!unselectable,
+          [withBaseName("outOfRange")]: outOfRange,
+          [withBaseName("focused")]: !!focused,
+          [withBaseName("today")]: today
+        },
+        dayProps.className,
+        className
+      )
+    };
+    const buttonElement = render ? core.renderProps("button", {
+      render,
+      ...defaultButtonProps,
+      status,
+      date
+    }) : /* @__PURE__ */ jsxRuntime.jsx("button", { ...defaultButtonProps });
+    const tooltipContent = unselectableReason || highlightedReason;
+    if (tooltipContent && (tooltipContent == null ? void 0 : tooltipContent.length) > 0) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        core.Tooltip,
+        {
+          hideIcon: true,
+          status: "info",
+          content: tooltipContent,
+          placement: "top",
+          enterDelay: 0,
+          leaveDelay: 0,
+          ...TooltipProps,
+          children: buttonElement
+        }
+      );
+    }
+    return buttonElement;
+  }
+);
+
+exports.CalendarDay = CalendarDay;
+//# sourceMappingURL=CalendarDay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarDay.js","sources":["../src/calendar/internal/CalendarDay.tsx"],"sourcesContent":["import {\n  makePrefixer,\n  type RenderPropsType,\n  renderProps,\n  Tooltip,\n  type TooltipProps,\n  useForkRef,\n  useIsomorphicLayoutEffect,\n} 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 { type DayStatus, useCalendarDay } from \"../useCalendarDay\";\nimport calendarDayCss from \"./CalendarDay.css\";\n\nexport interface CalendarDayProps\n  extends Omit<ComponentPropsWithRef<\"button\">, \"children\"> {\n  /**\n   * Day date\n   */\n  date: DateFrameworkType;\n  /**\n   * Format of date\n   */\n  format?: string;\n  /**\n   * Render prop to enable customisation of day button.\n   */\n  render?: RenderPropsType[\"render\"];\n  /**\n   * Month being rendered\n   */\n  month: DateFrameworkType;\n  /**\n   * Additional Tooltip props\n   */\n  TooltipProps?: Partial<TooltipProps>;\n}\nexport interface renderCalendarDayProps extends CalendarDayProps {\n  /**\n   * Status of day\n   */\n  status: DayStatus;\n}\n\nconst withBaseName = makePrefixer(\"saltCalendarDay\");\n\nexport const CalendarDay = forwardRef<HTMLButtonElement, CalendarDayProps>(\n  function CalendarDay(\n    props: CalendarDayProps,\n    ref: React.Ref<HTMLButtonElement>,\n  ) {\n    const {\n      className,\n      date,\n      render,\n      month,\n      TooltipProps,\n      format = \"DD\",\n      ...rest\n    } = props;\n    const { dateAdapter } = useLocalization();\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-calendar-day\",\n      css: calendarDayCss,\n      window: targetWindow,\n    });\n\n    const {\n      status,\n      focusedDateRef = null,\n      dayProps,\n      unselectableReason,\n      highlightedReason,\n    } = useCalendarDay({\n      date,\n      month,\n    });\n    const { focused, today, unselectable, highlighted, hidden, outOfRange } =\n      status;\n    const buttonRef = useForkRef(ref, focusedDateRef);\n\n    // biome-ignore lint/correctness/useExhaustiveDependencies: ignore `focusedDateRef.current`\n    useIsomorphicLayoutEffect(() => {\n      if (focused) {\n        focusedDateRef?.current?.focus({ preventScroll: true });\n      }\n    }, [focused]);\n\n    const defaultButtonProps = {\n      children: (\n        <>\n          {highlighted ? <div className={withBaseName(\"highlighted\")} /> : null}\n          <span aria-hidden={true} className={withBaseName(\"content\")}>\n            {dateAdapter.format(date, format)}\n          </span>\n        </>\n      ),\n      ...dayProps,\n      ref: buttonRef,\n      ...rest,\n      className: clsx(\n        withBaseName(),\n        {\n          [withBaseName(\"hidden\")]: hidden,\n          [withBaseName(\"unselectable\")]: !!unselectable,\n          [withBaseName(\"outOfRange\")]: outOfRange,\n          [withBaseName(\"focused\")]: !!focused,\n          [withBaseName(\"today\")]: today,\n        },\n        dayProps.className,\n        className,\n      ),\n    };\n\n    const buttonElement = render ? (\n      renderProps<React.ElementType<renderCalendarDayProps>>(\"button\", {\n        render,\n        ...defaultButtonProps,\n        status,\n        date,\n      })\n    ) : (\n      <button {...defaultButtonProps} />\n    );\n\n    const tooltipContent: string | false | undefined =\n      unselectableReason || highlightedReason;\n    if (tooltipContent && tooltipContent?.length > 0) {\n      return (\n        <Tooltip\n          hideIcon\n          status=\"info\"\n          content={tooltipContent}\n          placement=\"top\"\n          enterDelay={0} // --salt-duration-instant\n          leaveDelay={0} // --salt-duration-instant\n          {...TooltipProps}\n        >\n          {buttonElement}\n        </Tooltip>\n      );\n    }\n    return buttonElement;\n  },\n);\n"],"names":["makePrefixer","forwardRef","CalendarDay","useLocalization","useWindow","useComponentCssInjection","calendarDayCss","useCalendarDay","useForkRef","useIsomorphicLayoutEffect","jsxs","Fragment","jsx","clsx","renderProps","Tooltip"],"mappings":"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"}

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

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = ".saltCalendarMonth-grid {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  width: calc(var(--calendar-day-size) * 7 + var(--calendar-gap) * 6);\n  text-align: center;\n  gap: var(--calendar-gap);\n}\n\n.saltCalendarMonth-grid > .saltCalendarMonth-week {\n  display: flex;\n  justify-content: flex-start;\n  gap: var(--calendar-gap);\n  width: 100%;\n}\n\n.saltCalendarMonth-grid > .saltCalendarMonth-week > .saltCalendarDay:last-child::before {\n  right: 0;\n}\n\n.saltCalendarMonth-grid > .saltCalendarMonth-week > .saltCalendarDay:first-child::before {\n  left: 0;\n}\n\n.saltCalendarMonth-grid > .saltCalendarMonth-week > * {\n  width: var(--calendar-day-size);\n  height: var(--calendar-day-size);\n  box-sizing: border-box;\n}\n";
+
+module.exports = css_248z;
+//# sourceMappingURL=CalendarMonth.css.js.map

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

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