@salt-ds/lab 1.0.0-alpha.10 → 1.0.0-alpha.101

package/dist-es/calendar/Calendar.js

@@ -1,65 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef, useCallback } from 'react';
-import { clsx } from 'clsx';
-import { makePrefixer } from '@salt-ds/core';
-import { CalendarNavigation } from './internal/CalendarNavigation.js';
-import { CalendarWeekHeader } from './internal/CalendarWeekHeader.js';
-import { CalendarCarousel } from './internal/CalendarCarousel.js';
-import { CalendarContext } from './internal/CalendarContext.js';
-import { useCalendar } from './useCalendar.js';
-import { useWindow } from '@salt-ds/window';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import css_248z from './Calendar.css.js';
-
-const withBaseName = makePrefixer("saltCalendar");
-const Calendar = forwardRef(
-  function Calendar2(props, ref) {
-    const {
-      className,
-      renderDayContents,
-      hideYearDropdown,
-      TooltipProps,
-      ...rest
-    } = props;
-    const targetWindow = useWindow();
-    useComponentCssInjection({
-      testId: "salt-calendar",
-      css: css_248z,
-      window: targetWindow
-    });
-    const { state, helpers } = useCalendar({ hideYearDropdown, ...rest });
-    const { setCalendarFocused } = helpers;
-    const handleFocus = useCallback(() => {
-      setCalendarFocused(true);
-    }, [setCalendarFocused]);
-    const handleBlur = useCallback(() => {
-      setCalendarFocused(false);
-    }, [setCalendarFocused]);
-    return /* @__PURE__ */ jsx(CalendarContext.Provider, {
-      value: {
-        state,
-        helpers
-      },
-      children: /* @__PURE__ */ jsxs("div", {
-        className: clsx(withBaseName(), className),
-        role: "application",
-        ref,
-        children: [
-          /* @__PURE__ */ jsx(CalendarNavigation, {
-            hideYearDropdown
-          }),
-          /* @__PURE__ */ jsx(CalendarWeekHeader, {}),
-          /* @__PURE__ */ jsx(CalendarCarousel, {
-            onFocus: handleFocus,
-            onBlur: handleBlur,
-            renderDayContents,
-            TooltipProps
-          })
-        ]
-      })
-    });
-  }
-);
-
-export { Calendar };
-//# sourceMappingURL=Calendar.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Calendar.js","sources":["../src/calendar/Calendar.tsx"],"sourcesContent":["import { forwardRef, useCallback } from \"react\";\nimport { clsx } from \"clsx\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport {\n  CalendarNavigation,\n  CalendarNavigationProps,\n} from \"./internal/CalendarNavigation\";\nimport { CalendarWeekHeader } from \"./internal/CalendarWeekHeader\";\nimport {\n  CalendarCarousel,\n  CalendarCarouselProps,\n} from \"./internal/CalendarCarousel\";\nimport { CalendarContext } from \"./internal/CalendarContext\";\nimport { useCalendar, useCalendarProps } from \"./useCalendar\";\n\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport calendarCss from \"./Calendar.css\";\n\nexport type CalendarProps = useCalendarProps & {\n  className?: string;\n  renderDayContents?: CalendarCarouselProps[\"renderDayContents\"];\n  hideYearDropdown?: CalendarNavigationProps[\"hideYearDropdown\"];\n  TooltipProps?: CalendarCarouselProps[\"TooltipProps\"];\n  hideOutOfRangeDates?: CalendarCarouselProps[\"hideOutOfRangeDates\"];\n};\n\nconst withBaseName = makePrefixer(\"saltCalendar\");\n\nexport const Calendar = forwardRef<HTMLDivElement, CalendarProps>(\n  function Calendar(props, ref) {\n    const {\n      className,\n      renderDayContents,\n      hideYearDropdown,\n      TooltipProps,\n      ...rest\n    } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-calendar\",\n      css: calendarCss,\n      window: targetWindow,\n    });\n\n    const { state, helpers } = useCalendar({ hideYearDropdown, ...rest });\n\n    const { setCalendarFocused } = helpers;\n\n    const handleFocus = useCallback(() => {\n      setCalendarFocused(true);\n    }, [setCalendarFocused]);\n\n    const handleBlur = useCallback(() => {\n      setCalendarFocused(false);\n    }, [setCalendarFocused]);\n\n    return (\n      <CalendarContext.Provider\n        value={{\n          state,\n          helpers,\n        }}\n      >\n        <div\n          className={clsx(withBaseName(), className)}\n          role=\"application\"\n          ref={ref}\n        >\n          <CalendarNavigation hideYearDropdown={hideYearDropdown} />\n          <CalendarWeekHeader />\n          <CalendarCarousel\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            renderDayContents={renderDayContents}\n            TooltipProps={TooltipProps}\n          />\n        </div>\n      </CalendarContext.Provider>\n    );\n  }\n);\n"],"names":["Calendar","calendarCss"],"mappings":";;;;;;;;;;;;;AA4BA,MAAM,YAAA,GAAe,aAAa,cAAc,CAAA,CAAA;AAEzC,MAAM,QAAW,GAAA,UAAA;AAAA,EACtB,SAASA,SAAS,CAAA,KAAA,EAAO,GAAK,EAAA;AAC5B,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,iBAAA;AAAA,MACA,gBAAA;AAAA,MACA,YAAA;AAAA,MACG,GAAA,IAAA;AAAA,KACD,GAAA,KAAA,CAAA;AAEJ,IAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,eAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAM,MAAA,EAAE,OAAO,OAAQ,EAAA,GAAI,YAAY,EAAE,gBAAA,EAAkB,GAAG,IAAA,EAAM,CAAA,CAAA;AAEpE,IAAM,MAAA,EAAE,oBAAuB,GAAA,OAAA,CAAA;AAE/B,IAAM,MAAA,WAAA,GAAc,YAAY,MAAM;AACpC,MAAA,kBAAA,CAAmB,IAAI,CAAA,CAAA;AAAA,KACzB,EAAG,CAAC,kBAAkB,CAAC,CAAA,CAAA;AAEvB,IAAM,MAAA,UAAA,GAAa,YAAY,MAAM;AACnC,MAAA,kBAAA,CAAmB,KAAK,CAAA,CAAA;AAAA,KAC1B,EAAG,CAAC,kBAAkB,CAAC,CAAA,CAAA;AAEvB,IACE,uBAAA,GAAA,CAAC,gBAAgB,QAAhB,EAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,KAAA;AAAA,QACA,OAAA;AAAA,OACF;AAAA,MAEA,QAAC,kBAAA,IAAA,CAAA,KAAA,EAAA;AAAA,QACC,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,QACzC,IAAK,EAAA,aAAA;AAAA,QACL,GAAA;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,kBAAA,EAAA;AAAA,YAAmB,gBAAA;AAAA,WAAoC,CAAA;AAAA,8BACvD,kBAAmB,EAAA,EAAA,CAAA;AAAA,0BACnB,GAAA,CAAA,gBAAA,EAAA;AAAA,YACC,OAAS,EAAA,WAAA;AAAA,YACT,MAAQ,EAAA,UAAA;AAAA,YACR,iBAAA;AAAA,YACA,YAAA;AAAA,WACF,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-es/calendar/internal/CalendarCarousel.css.js

@@ -1,4 +0,0 @@
-var css_248z = ".saltCalendarCarousel-track {\n  display: grid;\n  grid-auto-flow: column;\n}\n\n.saltCalendarCarousel-track > * {\n  position: absolute;\n  left: 0;\n  width: 100%;\n}\n\n.saltCalendarCarousel-track > :nth-child(2) {\n  position: relative;\n}\n\n.saltCalendarCarousel-shouldAnimate {\n  transition: transform 200ms ease-in-out;\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=CalendarCarousel.css.js.map

package/dist-es/calendar/internal/CalendarCarousel.css.js.map

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

package/dist-es/calendar/internal/CalendarCarousel.js

@@ -1,97 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef, useState, useEffect } from 'react';
-import { isSameMonth, today, getLocalTimeZone } from '@internationalized/date';
-import { CalendarMonth } from './CalendarMonth.js';
-import { makePrefixer, useIsomorphicLayoutEffect, usePrevious } from '@salt-ds/core';
-import { useCalendarContext } from './CalendarContext.js';
-import css_248z from './CalendarCarousel.css.js';
-import { formatDate, monthDiff } from './utils.js';
-import { useWindow } from '@salt-ds/window';
-import { useComponentCssInjection } from '@salt-ds/styles';
-
-function getMonths(month) {
-  return [month.subtract({ months: 1 }), month, month.add({ months: 1 })];
-}
-function usePreviousMonth(visibleMonth) {
-  const previous = usePrevious(visibleMonth, [formatDate(visibleMonth)]);
-  return previous != null ? previous : today(getLocalTimeZone());
-}
-const withBaseName = makePrefixer("saltCalendarCarousel");
-const CalendarCarousel = forwardRef(function CalendarCarousel2(props, ref) {
-  const { ...rest } = props;
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "salt-calendar-carousel",
-    css: css_248z,
-    window: targetWindow
-  });
-  const {
-    state: { visibleMonth }
-  } = useCalendarContext();
-  const containerRef = useRef(null);
-  const diffIndex = (a, b) => monthDiff(a, b);
-  const { current: baseIndex } = useRef(visibleMonth);
-  const previousVisibleMonth = usePreviousMonth(visibleMonth);
-  useIsomorphicLayoutEffect(() => {
-    var _a, _b;
-    if (Math.abs(diffIndex(visibleMonth, previousVisibleMonth)) > 1) {
-      (_a = containerRef.current) == null ? void 0 : _a.classList.remove(withBaseName("shouldAnimate"));
-    } else {
-      (_b = containerRef.current) == null ? void 0 : _b.classList.add(withBaseName("shouldAnimate"));
-    }
-  }, [formatDate(visibleMonth), formatDate(previousVisibleMonth)]);
-  useIsomorphicLayoutEffect(() => {
-    if (containerRef.current) {
-      containerRef.current.style.transform = `translate3d(${diffIndex(baseIndex, visibleMonth) * 100}%, 0, 0)`;
-    }
-  });
-  const [months, setMonths] = useState(() => getMonths(visibleMonth));
-  useEffect(() => {
-    setMonths((oldMonths) => {
-      const newMonths = getMonths(visibleMonth).filter((month) => {
-        return !oldMonths.find((oldMonth) => isSameMonth(oldMonth, month));
-      });
-      return oldMonths.concat(newMonths);
-    });
-    const finishTransition = () => {
-      setMonths(getMonths(visibleMonth));
-    };
-    const container = containerRef.current;
-    if (container && parseFloat(window.getComputedStyle(container).transitionDuration) > 0) {
-      container == null ? void 0 : container.addEventListener("transitionend", finishTransition);
-      return () => {
-        container == null ? void 0 : container.removeEventListener("transitionend", finishTransition);
-      };
-    } else {
-      finishTransition();
-    }
-    return void 0;
-  }, [formatDate(visibleMonth)]);
-  return /* @__PURE__ */ jsx("div", {
-    className: withBaseName(),
-    style: {
-      overflowX: "hidden",
-      position: "relative"
-    },
-    ref,
-    children: /* @__PURE__ */ jsx("div", {
-      className: withBaseName("track"),
-      ref: containerRef,
-      children: months.map((date, index) => /* @__PURE__ */ jsx("div", {
-        className: withBaseName("slide"),
-        style: {
-          transform: `translateX(${diffIndex(date, baseIndex) * 100}%)`
-        },
-        "aria-hidden": index !== 1 ? "true" : void 0,
-        children: /* @__PURE__ */ jsx(CalendarMonth, {
-          isVisible: index === 1,
-          ...rest,
-          date
-        })
-      }, formatDate(date)))
-    })
-  });
-});
-
-export { CalendarCarousel };
-//# sourceMappingURL=CalendarCarousel.js.map

package/dist-es/calendar/internal/CalendarCarousel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarCarousel.js","sources":["../src/calendar/internal/CalendarCarousel.tsx"],"sourcesContent":["import { forwardRef, useEffect, useRef, useState } from \"react\";\nimport {\n  DateValue,\n  getLocalTimeZone,\n  isSameMonth,\n  today,\n} from \"@internationalized/date\";\nimport { CalendarMonth, CalendarMonthProps } from \"./CalendarMonth\";\nimport {\n  makePrefixer,\n  useIsomorphicLayoutEffect,\n  usePrevious,\n} from \"@salt-ds/core\";\nimport { useCalendarContext } from \"./CalendarContext\";\n\nimport calendarCarouselCss from \"./CalendarCarousel.css\";\nimport { formatDate, monthDiff } from \"./utils\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nexport type CalendarCarouselProps = Omit<CalendarMonthProps, \"date\">;\n\nfunction getMonths(month: DateValue) {\n  return [month.subtract({ months: 1 }), month, month.add({ months: 1 })];\n}\n\nfunction usePreviousMonth(visibleMonth: DateValue) {\n  const previous = usePrevious(visibleMonth, [formatDate(visibleMonth)]);\n\n  return previous ?? today(getLocalTimeZone());\n}\n\nconst withBaseName = makePrefixer(\"saltCalendarCarousel\");\n\nexport const CalendarCarousel = forwardRef<\n  HTMLDivElement,\n  CalendarCarouselProps\n>(function CalendarCarousel(props, ref) {\n  const { ...rest } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-calendar-carousel\",\n    css: calendarCarouselCss,\n    window: targetWindow,\n  });\n\n  const {\n    state: { visibleMonth },\n  } = useCalendarContext();\n  const containerRef = useRef<HTMLDivElement>(null);\n  const diffIndex = (a: DateValue, b: DateValue) => monthDiff(a, b);\n\n  const { current: baseIndex } = useRef(visibleMonth);\n  const previousVisibleMonth = usePreviousMonth(visibleMonth);\n\n  useIsomorphicLayoutEffect(() => {\n    if (Math.abs(diffIndex(visibleMonth, previousVisibleMonth)) > 1) {\n      containerRef.current?.classList.remove(withBaseName(\"shouldAnimate\"));\n    } else {\n      containerRef.current?.classList.add(withBaseName(\"shouldAnimate\"));\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [formatDate(visibleMonth), formatDate(previousVisibleMonth)]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (containerRef.current) {\n      containerRef.current.style.transform = `translate3d(${\n        diffIndex(baseIndex, visibleMonth) * 100\n      }%, 0, 0)`;\n    }\n  });\n\n  const [months, setMonths] = useState(() => getMonths(visibleMonth));\n\n  useEffect(() => {\n    setMonths((oldMonths) => {\n      const newMonths = getMonths(visibleMonth).filter((month) => {\n        return !oldMonths.find((oldMonth) => isSameMonth(oldMonth, month));\n      });\n\n      return oldMonths.concat(newMonths);\n    });\n    const finishTransition = () => {\n      setMonths(getMonths(visibleMonth));\n    };\n    const container = containerRef.current;\n\n    if (\n      container &&\n      parseFloat(window.getComputedStyle(container).transitionDuration) > 0\n    ) {\n      container?.addEventListener(\"transitionend\", finishTransition);\n\n      return () => {\n        container?.removeEventListener(\"transitionend\", finishTransition);\n      };\n    } else {\n      finishTransition();\n    }\n\n    return undefined;\n  }, [formatDate(visibleMonth)]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  return (\n    <div\n      className={withBaseName()}\n      style={{\n        overflowX: \"hidden\",\n        position: \"relative\",\n      }}\n      ref={ref}\n    >\n      <div className={withBaseName(\"track\")} ref={containerRef}>\n        {months.map((date, index) => (\n          <div\n            key={formatDate(date)}\n            className={withBaseName(\"slide\")}\n            style={{\n              transform: `translateX(${diffIndex(date, baseIndex) * 100}%)`,\n            }}\n            aria-hidden={index !== 1 ? \"true\" : undefined}\n          >\n            <CalendarMonth isVisible={index === 1} {...rest} date={date} />\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n});\n"],"names":["CalendarCarousel","calendarCarouselCss"],"mappings":"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"}

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

@@ -1,16 +0,0 @@
-import { createContext, useContext } from 'react';
-
-const CalendarContext = createContext(null);
-if (process.env.NODE_ENV !== "production") {
-  CalendarContext.displayName = "CalendarContext";
-}
-function useCalendarContext() {
-  const context = useContext(CalendarContext);
-  if (!context) {
-    throw new Error("Unexpected usage");
-  }
-  return context;
-}
-
-export { CalendarContext, useCalendarContext };
-//# sourceMappingURL=CalendarContext.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarContext.js","sources":["../src/calendar/internal/CalendarContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport { useCalendar } from \"../useCalendar\";\n\ntype CalendarState = {\n  state: ReturnType<typeof useCalendar>[\"state\"];\n  helpers: ReturnType<typeof useCalendar>[\"helpers\"];\n};\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(CalendarContext);\n\n  if (!context) {\n    throw new Error(\"Unexpected usage\");\n  }\n\n  return context;\n}\n\nexport { CalendarContext, useCalendarContext };\n"],"names":[],"mappings":";;AAQM,MAAA,eAAA,GAAkB,cAAoC,IAAI,EAAA;AAEhE,IAAI,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,YAAc,EAAA;AACzC,EAAA,eAAA,CAAgB,WAAc,GAAA,iBAAA,CAAA;AAChC,CAAA;AAEA,SAAS,kBAAoC,GAAA;AAC3C,EAAM,MAAA,OAAA,GAAU,WAAW,eAAe,CAAA,CAAA;AAE1C,EAAA,IAAI,CAAC,OAAS,EAAA;AACZ,IAAM,MAAA,IAAI,MAAM,kBAAkB,CAAA,CAAA;AAAA,GACpC;AAEA,EAAO,OAAA,OAAA,CAAA;AACT;;;;"}

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

@@ -1,4 +0,0 @@
-var css_248z = "/* TODO: Design need to align characteristics for CalendarDay */\n.saltCalendarDay {\n  --calendar-day-text-color: var(--salt-text-primary-foreground);\n  --calendar-day-background: var(--salt-selectable-background);\n  --calendar-day-background-hover: var(--salt-selectable-background-hover);\n  --calendar-day-text-color-hover: var(--salt-text-primary-foreground);\n  --calendar-day-outOfRange-text-color: var(--salt-text-secondary-foreground-disabled);\n  --calendar-day-blocked-text-color: var(--salt-text-primary-foreground);\n  --calendar-day-blocked-cursor: var(--salt-selectable-cursor-disabled);\n  --calendar-day-blocked-icon-color: var(--salt-status-error-foreground);\n  --calendar-day-blocked-background: var(--calendar-day-background);\n  --calendar-day-unselectable-text-color: var(--salt-text-secondary-foreground-disabled);\n  --calendar-day-unselectable-background: var(--calendar-day-background);\n  --calendar-day-unselectable-cursor: var(--salt-selectable-cursor-disabled);\n\n  --calendar-day-selected-background: var(--salt-selectable-background-selected);\n  --calendar-day-selected-text-color: var(--salt-text-primary-foreground);\n  /* --calendar-day-selected-focused-outlineColor: var(--salt-color-white); TODO: Check with design */\n\n  --calendar-day-selectedStart-background: var(--salt-selectable-background-selected);\n  --calendar-day-selectedStart-text-color: var(--salt-text-primary-foreground);\n  /* --calendar-day-selectedStart-focused-outlineColor: var(--salt-color-white);  TODO: Check with design */\n\n  --calendar-day-selectedEnd-background: var(--salt-selectable-background-selected);\n  --calendar-day-selectedEnd-text-color: var(--salt-text-primary-foreground);\n  /* --calendar-day-selectedEnd-focused-outlineColor: var(--salt-color-white);  TODO: Check with design */\n\n  --calendar-day-selectedSpan-background: var(--salt-selectable-background-blurSelected);\n  --calendar-day-selectedSpan-text-color: var(--salt-text-primary-foreground);\n\n  --calendar-day-hoveredSpan-background: var(--salt-selectable-background-hover);\n  --calendar-day-hoveredSpan-text-color: var(--salt-text-primary-foreground);\n\n  --calendar-day-hoveredOffset-background: var(--salt-selectable-background-hover);\n  --calendar-day-hoveredOffset-text-color: var(--salt-text-primary-foreground);\n\n  --calendar-day-currentDay-borderColor: var(--salt-text-primary-foreground); /* TODO should not be foreground color */\n\n  /* Focus */\n  --calendar-day-focused-outline: var(--salt-focused-outline);\n  --calendar-day-size: var(--salt-size-base);\n  --calendar-day-fontSize: var(--salt-text-fontSize);\n}\n\n.saltCalendarDay {\n  width: var(--calendar-day-size);\n  height: var(--calendar-day-size);\n  color: var(--calendar-day-text-color);\n  background-color: var(--calendar-day-background);\n  font-size: var(--calendar-day-fontSize);\n  border: 0;\n  cursor: pointer;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.saltCalendarDay:focus-visible {\n  outline: var(--calendar-day-focused-outline);\n  outline-offset: calc(0px - var(--salt-focused-outlineWidth));\n}\n\n.saltCalendarDay-outOfRange {\n  color: var(--calendar-day-outOfRange-text-color);\n}\n\n.saltCalendarDay:hover {\n  background: var(--calendar-day-background-hover);\n  color: var(--calendar-day-text-color-hover);\n}\n\n.saltCalendarDay-unselectableMedium,\n.saltCalendarDay-unselectableMedium:hover {\n  color: var(--calendar-day-blocked-text-color);\n  cursor: var(--calendar-day-blocked-cursor);\n  background: var(--calendar-day-blocked-background);\n}\n\n.saltCalendarDay-today {\n  border: 1px solid var(--calendar-day-currentDay-borderColor);\n}\n\n.saltCalendarDay-selectedSpan {\n  background: var(--calendar-day-selectedSpan-background);\n  color: var(--calendar-day-selectedSpan-text-color);\n}\n\n.saltCalendarDay-hoveredSpan,\n.saltCalendarDay-hoveredSpan:hover {\n  background: var(--calendar-day-hoveredSpan-background);\n  color: var(--calendar-day-hoveredSpan-text-color);\n}\n\n.saltCalendarDay-hoveredOffset,\n.saltCalendarDay-hoveredOffset:hover {\n  background: var(--calendar-day-hoveredOffset-background);\n  color: var(--calendar-day-hoveredOffset-text-color);\n}\n\n.saltCalendarDay-selected,\n.saltCalendarDay-selected:hover {\n  background: var(--calendar-day-selected-background);\n  color: var(--calendar-day-selected-text-color);\n}\n\n.saltCalendarDay-selectedStart,\n.saltCalendarDay-selectedStart:hover {\n  background: var(--calendar-day-selectedStart-background);\n  color: var(--calendar-day-selectedStart-text-color);\n}\n\n.saltCalendarDay-selectedEnd,\n.saltCalendarDay-selectedEnd:hover {\n  background: var(--calendar-day-selectedEnd-background);\n  color: var(--calendar-day-selectedEnd-text-color);\n}\n\n.saltCalendarDay-selected:focus-visible {\n  outline-color: var(--calendar-day-selected-focused-outlineColor);\n}\n\n.saltCalendarDay-selectedStart:focus-visible {\n  outline-color: var(--calendar-day-selectedStart-focused-outlineColor);\n}\n\n.saltCalendarDay-selectedEnd:focus-visible {\n  outline-color: var(--calendar-day-selectedEnd-focused-outlineColor);\n}\n\n.saltCalendarDay-unselectableLow,\n.saltCalendarDay-unselectableLow:hover {\n  color: var(--calendar-day-unselectable-text-color);\n  background: var(--calendar-day-unselectable-background);\n  cursor: var(--calendar-day-unselectable-cursor);\n  text-decoration: line-through;\n}\n\n.salt-density-high {\n  --calendar-day-blocked-icon-size: 14px;\n}\n\n.salt-density-medium {\n  --calendar-day-blocked-icon-size: 18px;\n}\n\n.salt-density-low {\n  --calendar-day-blocked-icon-size: 24px;\n}\n\n.salt-density-touch {\n  --calendar-day-blocked-icon-size: 28px;\n}\n\n.saltCalendarDay-blockedIcon {\n  fill: var(--calendar-day-blocked-icon-color);\n  position: absolute;\n  --icon-size: var(--calendar-day-blocked-icon-size);\n  pointer-events: none;\n  line-height: 1.29;\n}\n\n.saltCalendarDay-hidden {\n  visibility: hidden;\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=CalendarDay.css.js.map

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

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

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

@@ -1,71 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { makePrefixer, Tooltip } from '@salt-ds/core';
-import { CloseIcon } from '@salt-ds/icons';
-import { clsx } from 'clsx';
-import { forwardRef, useRef } from 'react';
-import { useCalendarDay } from '../useCalendarDay.js';
-import css_248z from './CalendarDay.css.js';
-import { formatDate } from './utils.js';
-import { useWindow } from '@salt-ds/window';
-import { useComponentCssInjection } from '@salt-ds/styles';
-
-const withBaseName = makePrefixer("saltCalendarDay");
-const CalendarDay = forwardRef(
-  function CalendarDay2(props, ref) {
-    const { className, day, renderDayContents, month, TooltipProps: TooltipProps2, ...rest } = props;
-    const targetWindow = useWindow();
-    useComponentCssInjection({
-      testId: "salt-calendar-day",
-      css: css_248z,
-      window: targetWindow
-    });
-    const dayRef = useRef(null);
-    const { status, dayProps, unselectableReason } = useCalendarDay(
-      {
-        date: day,
-        month
-      },
-      dayRef
-    );
-    const { outOfRange, today, unselectable, hidden } = status;
-    return /* @__PURE__ */ jsx(Tooltip, {
-      hideIcon: true,
-      status: "error",
-      content: unselectableReason,
-      disabled: !unselectableReason,
-      placement: "top",
-      enterDelay: 300,
-      ...TooltipProps2,
-      children: /* @__PURE__ */ jsxs("button", {
-        "aria-label": formatDate(day),
-        ...dayProps,
-        ref: dayRef,
-        ...rest,
-        className: clsx(
-          withBaseName(),
-          {
-            [withBaseName("hidden")]: hidden,
-            [withBaseName("outOfRange")]: outOfRange,
-            [withBaseName("today")]: today,
-            [withBaseName("unselectable")]: !!unselectable,
-            [withBaseName("unselectableLow")]: unselectable === "low",
-            [withBaseName("unselectableMedium")]: unselectable === "medium"
-          },
-          dayProps.className,
-          className
-        ),
-        children: [
-          unselectable === "medium" && /* @__PURE__ */ jsx(CloseIcon, {
-            "aria-hidden": true,
-            "aria-label": void 0,
-            className: withBaseName("blockedIcon")
-          }),
-          renderDayContents ? renderDayContents(day, status) : formatDate(day, { day: "numeric" })
-        ]
-      })
-    });
-  }
-);
-
-export { CalendarDay };
-//# sourceMappingURL=CalendarDay.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarDay.js","sources":["../src/calendar/internal/CalendarDay.tsx"],"sourcesContent":["import { makePrefixer, Tooltip, TooltipProps } from \"@salt-ds/core\";\nimport { CloseIcon } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport { ComponentPropsWithRef, forwardRef, ReactElement, useRef } from \"react\";\nimport { DateValue } from \"@internationalized/date\";\n\nimport { DayStatus, useCalendarDay } from \"../useCalendarDay\";\nimport calendarDayCss from \"./CalendarDay.css\";\nimport { formatDate } from \"./utils\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nexport type DateFormatter = (day: Date) => string | undefined;\n\nexport interface CalendarDayProps\n  extends Omit<ComponentPropsWithRef<\"button\">, \"children\"> {\n  day: DateValue;\n  formatDate?: DateFormatter;\n  renderDayContents?: (date: DateValue, status: DayStatus) => ReactElement;\n  status?: DayStatus;\n  month: DateValue;\n  TooltipProps?: Partial<TooltipProps>;\n}\n\nconst withBaseName = makePrefixer(\"saltCalendarDay\");\n\nexport const CalendarDay = forwardRef<HTMLButtonElement, CalendarDayProps>(\n  function CalendarDay(props, ref) {\n    const { className, day, renderDayContents, month, TooltipProps, ...rest } =\n      props;\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-calendar-day\",\n      css: calendarDayCss,\n      window: targetWindow,\n    });\n\n    const dayRef = useRef<HTMLButtonElement>(null);\n    const { status, dayProps, unselectableReason } = useCalendarDay(\n      {\n        date: day,\n        month,\n      },\n      dayRef\n    );\n    const { outOfRange, today, unselectable, hidden } = status;\n\n    return (\n      <Tooltip\n        hideIcon\n        status=\"error\"\n        content={unselectableReason}\n        disabled={!unselectableReason}\n        placement=\"top\"\n        enterDelay={300}\n        {...TooltipProps}\n      >\n        <button\n          aria-label={formatDate(day)}\n          {...dayProps}\n          ref={dayRef}\n          {...rest}\n          className={clsx(\n            withBaseName(),\n            {\n              [withBaseName(\"hidden\")]: hidden,\n              [withBaseName(\"outOfRange\")]: outOfRange,\n              [withBaseName(\"today\")]: today,\n              [withBaseName(\"unselectable\")]: !!unselectable,\n              [withBaseName(\"unselectableLow\")]: unselectable === \"low\",\n              [withBaseName(\"unselectableMedium\")]: unselectable === \"medium\",\n            },\n            dayProps.className,\n            className\n          )}\n        >\n          {unselectable === \"medium\" && (\n            <CloseIcon\n              aria-hidden\n              aria-label={undefined}\n              className={withBaseName(\"blockedIcon\")}\n            />\n          )}\n\n          {renderDayContents\n            ? renderDayContents(day, status)\n            : formatDate(day, { day: \"numeric\" })}\n        </button>\n      </Tooltip>\n    );\n  }\n);\n"],"names":["CalendarDay","TooltipProps","calendarDayCss"],"mappings":";;;;;;;;;;;AAwBA,MAAM,YAAA,GAAe,aAAa,iBAAiB,CAAA,CAAA;AAE5C,MAAM,WAAc,GAAA,UAAA;AAAA,EACzB,SAASA,YAAY,CAAA,KAAA,EAAO,GAAK,EAAA;AAC/B,IAAM,MAAA,EAAE,WAAW,GAAK,EAAA,iBAAA,EAAmB,OAAO,YAAAC,EAAAA,aAAAA,EAAAA,GAAiB,MACjE,GAAA,KAAA,CAAA;AACF,IAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,mBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAM,MAAA,MAAA,GAAS,OAA0B,IAAI,CAAA,CAAA;AAC7C,IAAA,MAAM,EAAE,MAAA,EAAQ,QAAU,EAAA,kBAAA,EAAuB,GAAA,cAAA;AAAA,MAC/C;AAAA,QACE,IAAM,EAAA,GAAA;AAAA,QACN,KAAA;AAAA,OACF;AAAA,MACA,MAAA;AAAA,KACF,CAAA;AACA,IAAA,MAAM,EAAE,UAAA,EAAY,KAAO,EAAA,YAAA,EAAc,QAAW,GAAA,MAAA,CAAA;AAEpD,IAAA,uBACG,GAAA,CAAA,OAAA,EAAA;AAAA,MACC,QAAQ,EAAA,IAAA;AAAA,MACR,MAAO,EAAA,OAAA;AAAA,MACP,OAAS,EAAA,kBAAA;AAAA,MACT,UAAU,CAAC,kBAAA;AAAA,MACX,SAAU,EAAA,KAAA;AAAA,MACV,UAAY,EAAA,GAAA;AAAA,MACX,GAAGD,aAAAA;AAAA,MAEJ,QAAC,kBAAA,IAAA,CAAA,QAAA,EAAA;AAAA,QACC,YAAA,EAAY,WAAW,GAAG,CAAA;AAAA,QACzB,GAAG,QAAA;AAAA,QACJ,GAAK,EAAA,MAAA;AAAA,QACJ,GAAG,IAAA;AAAA,QACJ,SAAW,EAAA,IAAA;AAAA,UACT,YAAa,EAAA;AAAA,UACb;AAAA,YACE,CAAC,YAAa,CAAA,QAAQ,CAAI,GAAA,MAAA;AAAA,YAC1B,CAAC,YAAa,CAAA,YAAY,CAAI,GAAA,UAAA;AAAA,YAC9B,CAAC,YAAa,CAAA,OAAO,CAAI,GAAA,KAAA;AAAA,YACzB,CAAC,YAAA,CAAa,cAAc,CAAA,GAAI,CAAC,CAAC,YAAA;AAAA,YAClC,CAAC,YAAA,CAAa,iBAAiB,CAAA,GAAI,YAAiB,KAAA,KAAA;AAAA,YACpD,CAAC,YAAA,CAAa,oBAAoB,CAAA,GAAI,YAAiB,KAAA,QAAA;AAAA,WACzD;AAAA,UACA,QAAS,CAAA,SAAA;AAAA,UACT,SAAA;AAAA,SACF;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,YAAA,KAAiB,4BACf,GAAA,CAAA,SAAA,EAAA;AAAA,YACC,aAAW,EAAA,IAAA;AAAA,YACX,YAAY,EAAA,KAAA,CAAA;AAAA,YACZ,SAAA,EAAW,aAAa,aAAa,CAAA;AAAA,WACvC,CAAA;AAAA,UAGD,iBAAA,GACG,iBAAkB,CAAA,GAAA,EAAK,MAAM,CAAA,GAC7B,WAAW,GAAK,EAAA,EAAE,GAAK,EAAA,SAAA,EAAW,CAAA;AAAA,SAAA;AAAA,OACxC,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

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

@@ -1,4 +0,0 @@
-var css_248z = ".saltCalendarMonth-dateGrid {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  text-align: center;\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=CalendarMonth.css.js.map

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

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

package/dist-es/calendar/internal/CalendarMonth.js

@@ -1,61 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { clsx } from 'clsx';
-import { makePrefixer } from '@salt-ds/core';
-import { CalendarDay } from './CalendarDay.js';
-import { generateVisibleDays, formatDate } from './utils.js';
-import css_248z from './CalendarMonth.css.js';
-import { useCalendarContext } from './CalendarContext.js';
-import { useWindow } from '@salt-ds/window';
-import { useComponentCssInjection } from '@salt-ds/styles';
-
-const withBaseName = makePrefixer("saltCalendarMonth");
-const CalendarMonth = forwardRef(
-  function CalendarMonth2(props, ref) {
-    const {
-      className,
-      date,
-      hideOutOfRangeDates,
-      isVisible,
-      renderDayContents,
-      onMouseLeave,
-      TooltipProps,
-      ...rest
-    } = props;
-    const targetWindow = useWindow();
-    useComponentCssInjection({
-      testId: "salt-calendar-month",
-      css: css_248z,
-      window: targetWindow
-    });
-    const days = generateVisibleDays(date);
-    const {
-      helpers: { setHoveredDate }
-    } = useCalendarContext();
-    const handleMouseLeave = (event) => {
-      setHoveredDate(event, null);
-      onMouseLeave == null ? void 0 : onMouseLeave(event);
-    };
-    return /* @__PURE__ */ jsx("div", {
-      className: clsx(withBaseName(), className),
-      ref,
-      onMouseLeave: handleMouseLeave,
-      ...rest,
-      children: /* @__PURE__ */ jsx("div", {
-        "data-testid": "CalendarDateGrid",
-        className: withBaseName("dateGrid"),
-        children: days.map((day) => {
-          return /* @__PURE__ */ jsx(CalendarDay, {
-            day: day.date,
-            renderDayContents,
-            month: date,
-            TooltipProps
-          }, formatDate(day.date));
-        })
-      })
-    });
-  }
-);
-
-export { CalendarMonth };
-//# sourceMappingURL=CalendarMonth.js.map

package/dist-es/calendar/internal/CalendarMonth.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarMonth.js","sources":["../src/calendar/internal/CalendarMonth.tsx"],"sourcesContent":["import {\n  ComponentPropsWithRef,\n  forwardRef,\n  MouseEvent,\n  SyntheticEvent,\n} from \"react\";\nimport { clsx } from \"clsx\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { DateValue } from \"@internationalized/date\";\nimport { CalendarDay, CalendarDayProps } from \"./CalendarDay\";\nimport { formatDate, generateVisibleDays } from \"./utils\";\n\nimport calendarMonthCss from \"./CalendarMonth.css\";\nimport { useCalendarContext } from \"./CalendarContext\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nexport interface CalendarMonthProps extends ComponentPropsWithRef<\"div\"> {\n  date: DateValue;\n  hideOutOfRangeDates?: boolean;\n  renderDayContents?: CalendarDayProps[\"renderDayContents\"];\n  isVisible?: boolean;\n  TooltipProps?: CalendarDayProps[\"TooltipProps\"];\n}\n\nconst withBaseName = makePrefixer(\"saltCalendarMonth\");\n\nexport const CalendarMonth = forwardRef<HTMLDivElement, CalendarMonthProps>(\n  function CalendarMonth(props, ref) {\n    const {\n      className,\n      date,\n      hideOutOfRangeDates,\n      isVisible,\n      renderDayContents,\n      onMouseLeave,\n      TooltipProps,\n      ...rest\n    } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-calendar-month\",\n      css: calendarMonthCss,\n      window: targetWindow,\n    });\n\n    const days = generateVisibleDays(date);\n    const {\n      helpers: { setHoveredDate },\n    } = useCalendarContext();\n\n    const handleMouseLeave = (event: SyntheticEvent) => {\n      setHoveredDate(event, null);\n      onMouseLeave?.(event as MouseEvent<HTMLDivElement>);\n    };\n\n    return (\n      <div\n        className={clsx(withBaseName(), className)}\n        ref={ref}\n        onMouseLeave={handleMouseLeave}\n        {...rest}\n      >\n        <div\n          data-testid=\"CalendarDateGrid\"\n          className={withBaseName(\"dateGrid\")}\n        >\n          {days.map((day) => {\n            return (\n              <CalendarDay\n                key={formatDate(day.date)}\n                day={day.date}\n                renderDayContents={renderDayContents}\n                month={date}\n                TooltipProps={TooltipProps}\n              />\n            );\n          })}\n        </div>\n      </div>\n    );\n  }\n);\n"],"names":["CalendarMonth","calendarMonthCss"],"mappings":";;;;;;;;;;;AAyBA,MAAM,YAAA,GAAe,aAAa,mBAAmB,CAAA,CAAA;AAE9C,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,SAASA,cAAc,CAAA,KAAA,EAAO,GAAK,EAAA;AACjC,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,IAAA;AAAA,MACA,mBAAA;AAAA,MACA,SAAA;AAAA,MACA,iBAAA;AAAA,MACA,YAAA;AAAA,MACA,YAAA;AAAA,MACG,GAAA,IAAA;AAAA,KACD,GAAA,KAAA,CAAA;AAEJ,IAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,qBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAM,MAAA,IAAA,GAAO,oBAAoB,IAAI,CAAA,CAAA;AACrC,IAAM,MAAA;AAAA,MACJ,OAAA,EAAS,EAAE,cAAe,EAAA;AAAA,QACxB,kBAAmB,EAAA,CAAA;AAEvB,IAAM,MAAA,gBAAA,GAAmB,CAAC,KAA0B,KAAA;AAClD,MAAA,cAAA,CAAe,OAAO,IAAI,CAAA,CAAA;AAC1B,MAAe,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAA,KAAA,CAAA,CAAA;AAAA,KACjB,CAAA;AAEA,IAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,MACC,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,GAAA;AAAA,MACA,YAAc,EAAA,gBAAA;AAAA,MACb,GAAG,IAAA;AAAA,MAEJ,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA;AAAA,QACC,aAAY,EAAA,kBAAA;AAAA,QACZ,SAAA,EAAW,aAAa,UAAU,CAAA;AAAA,QAEjC,QAAA,EAAA,IAAA,CAAK,GAAI,CAAA,CAAC,GAAQ,KAAA;AACjB,UAAA,uBACG,GAAA,CAAA,WAAA,EAAA;AAAA,YAEC,KAAK,GAAI,CAAA,IAAA;AAAA,YACT,iBAAA;AAAA,YACA,KAAO,EAAA,IAAA;AAAA,YACP,YAAA;AAAA,WAJK,EAAA,UAAA,CAAW,GAAI,CAAA,IAAI,CAK1B,CAAA,CAAA;AAAA,SAEH,CAAA;AAAA,OACH,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-es/calendar/internal/CalendarNavigation.css.js

@@ -1,4 +0,0 @@
-var css_248z = ".salt-density-medium,\n.salt-density-touch,\n.salt-density-low {\n  --calendar-navigation-gap: calc(var(--salt-size-unit) * 0.5);\n}\n\n.salt-density-high {\n  --calendar-navigation-gap: 0px;\n}\n\n.saltCalendarNavigation-hideYearDropdown {\n  --calendar-navigation-gap: calc(var(--salt-size-unit) * 2);\n}\n\n.saltCalendarNavigation {\n  display: grid;\n  grid-template-columns: min-content auto auto min-content;\n  grid-gap: var(--calendar-navigation-gap);\n}\n\n.saltCalendarNavigation-hideYearDropdown {\n  grid-template-columns: min-content auto min-content;\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=CalendarNavigation.css.js.map

package/dist-es/calendar/internal/CalendarNavigation.css.js.map

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

package/dist-es/calendar/internal/CalendarNavigation.js

@@ -1,227 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { makePrefixer, useId, Tooltip, Button } from '@salt-ds/core';
-import { ChevronLeftIcon, ChevronRightIcon } from '@salt-ds/icons';
-import { clsx } from 'clsx';
-import { forwardRef } from 'react';
-import '../../dropdown/DropdownBase.js';
-import '../../dropdown/DropdownButton.js';
-import { Dropdown } from '../../dropdown/Dropdown.js';
-import '../../responsive/useResizeObserver.js';
-import '../../utils/useFloatingUI.js';
-import '../../form-field-context-legacy/FormFieldLegacyContext.js';
-import '../../list/Highlighter.js';
-import { ListItem } from '../../list/ListItem.js';
-import '../../list/List.js';
-import '../../common-hooks/collectionProvider.js';
-import '../../common-hooks/keyUtils.js';
-import '../../list/VirtualizedList.js';
-import { useCalendarContext } from './CalendarContext.js';
-import css_248z from './CalendarNavigation.css.js';
-import { isSameMonth, isSameYear } from '@internationalized/date';
-import { formatDate, monthsForLocale, monthDiff } from './utils.js';
-import { useWindow } from '@salt-ds/window';
-import { useComponentCssInjection } from '@salt-ds/styles';
-
-const withBaseName = makePrefixer("saltCalendarNavigation");
-function useCalendarNavigation() {
-  const {
-    state: { visibleMonth, minDate, maxDate },
-    helpers: {
-      setVisibleMonth,
-      isDayVisible,
-      isOutsideAllowedYears,
-      isOutsideAllowedMonths
-    }
-  } = useCalendarContext();
-  const moveToNextMonth = (event) => {
-    setVisibleMonth(event, visibleMonth.add({ months: 1 }));
-  };
-  const moveToPreviousMonth = (event) => {
-    setVisibleMonth(event, visibleMonth.subtract({ months: 1 }));
-  };
-  const moveToMonth = (event, month) => {
-    let newMonth = month;
-    if (!isOutsideAllowedYears(newMonth)) {
-      if (isOutsideAllowedMonths(newMonth)) {
-        const navigableMonths = monthsForLocale(visibleMonth).filter(
-          (n) => !isOutsideAllowedMonths(n)
-        );
-        newMonth = navigableMonths.reduce(
-          (closestMonth, currentMonth) => Math.abs(monthDiff(currentMonth, newMonth)) < Math.abs(monthDiff(closestMonth, newMonth)) ? currentMonth : closestMonth
-        );
-      }
-      setVisibleMonth(event, newMonth);
-    }
-  };
-  const months = monthsForLocale(visibleMonth).map((month) => {
-    return { value: month, disabled: isOutsideAllowedMonths(month) };
-  });
-  const years = [-2, -1, 0, 1, 2].map((delta) => ({ value: visibleMonth.add({ years: delta }) })).filter(({ value }) => !isOutsideAllowedYears(value));
-  const selectedMonth = months.find(
-    (item) => isSameMonth(item.value, visibleMonth)
-  );
-  const selectedYear = years.find(
-    (item) => isSameYear(item.value, visibleMonth)
-  );
-  const canNavigatePrevious = !(minDate && isDayVisible(minDate));
-  const canNavigateNext = !(maxDate && isDayVisible(maxDate));
-  return {
-    moveToNextMonth,
-    moveToPreviousMonth,
-    moveToMonth,
-    visibleMonth,
-    months,
-    years,
-    canNavigateNext,
-    canNavigatePrevious,
-    selectedMonth,
-    selectedYear
-  };
-}
-const ListItemWithTooltip = ({
-  item,
-  label,
-  ...props
-}) => /* @__PURE__ */ jsx(Tooltip, {
-  placement: "right",
-  disabled: !(item == null ? void 0 : item.disabled),
-  content: "This month is out of range",
-  children: /* @__PURE__ */ jsx(ListItem, {
-    ...props,
-    children: label
-  })
-});
-const CalendarNavigation = forwardRef(function CalendarNavigation2(props, ref) {
-  const {
-    className,
-    MonthDropdownProps,
-    YearDropdownProps,
-    hideYearDropdown,
-    ...rest
-  } = props;
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "salt-calendar-navigation",
-    css: css_248z,
-    window: targetWindow
-  });
-  const {
-    moveToPreviousMonth,
-    moveToNextMonth,
-    moveToMonth,
-    months,
-    years,
-    canNavigateNext,
-    canNavigatePrevious,
-    visibleMonth,
-    selectedMonth,
-    selectedYear
-  } = useCalendarNavigation();
-  const handleNavigatePrevious = (event) => {
-    moveToPreviousMonth(event);
-  };
-  const handleNavigateNext = (event) => {
-    moveToNextMonth(event);
-  };
-  const handleMonthSelect = (event, month) => {
-    if (month) {
-      moveToMonth(event, month.value);
-    }
-  };
-  const handleYearSelect = (event, year) => {
-    if (year) {
-      moveToMonth(event, year.value);
-    }
-  };
-  const monthDropdownId = useId(MonthDropdownProps == null ? void 0 : MonthDropdownProps.id) || "";
-  const monthDropdownLabelledBy = clsx(
-    MonthDropdownProps == null ? void 0 : MonthDropdownProps["aria-labelledby"],
-    `${monthDropdownId}-control`
-  );
-  const yearDropdownId = useId(YearDropdownProps == null ? void 0 : YearDropdownProps.id) || "";
-  const yearDropdownLabelledBy = clsx(
-    YearDropdownProps == null ? void 0 : YearDropdownProps["aria-labelledby"],
-    `${yearDropdownId}-control`
-  );
-  const defaultItemToMonth = (date) => {
-    if (hideYearDropdown) {
-      return formatDate(date.value, { month: "long" });
-    }
-    return formatDate(date.value, { month: "short" });
-  };
-  const defaultItemToYear = (date) => {
-    return formatDate(date.value, { year: "numeric" });
-  };
-  return /* @__PURE__ */ jsxs("div", {
-    className: clsx(
-      withBaseName(),
-      { [withBaseName("hideYearDropdown")]: hideYearDropdown },
-      className
-    ),
-    ref,
-    ...rest,
-    children: [
-      /* @__PURE__ */ jsx(Tooltip, {
-        placement: "top",
-        disabled: canNavigatePrevious,
-        content: "Past dates are out of range",
-        children: /* @__PURE__ */ jsx(Button, {
-          disabled: !canNavigatePrevious,
-          variant: "secondary",
-          onClick: handleNavigatePrevious,
-          className: withBaseName("previousButton"),
-          focusableWhenDisabled: true,
-          children: /* @__PURE__ */ jsx(ChevronLeftIcon, {
-            "aria-label": `Previous Month, ${formatDate(
-              visibleMonth.subtract({ months: 1 })
-            )}`
-          })
-        })
-      }),
-      /* @__PURE__ */ jsx(Dropdown, {
-        source: months,
-        id: monthDropdownId,
-        "aria-labelledby": monthDropdownLabelledBy,
-        "aria-label": "Month Dropdown",
-        ...MonthDropdownProps,
-        ListItem: ListItemWithTooltip,
-        selected: selectedMonth,
-        itemToString: defaultItemToMonth,
-        onSelectionChange: handleMonthSelect,
-        fullWidth: true
-      }),
-      !hideYearDropdown && /* @__PURE__ */ jsx(Dropdown, {
-        source: years,
-        id: yearDropdownId,
-        "aria-labelledby": yearDropdownLabelledBy,
-        "aria-label": "Year Dropdown",
-        ...YearDropdownProps,
-        ListItem: ListItemWithTooltip,
-        selected: selectedYear,
-        onSelectionChange: handleYearSelect,
-        itemToString: defaultItemToYear,
-        fullWidth: true
-      }),
-      /* @__PURE__ */ jsx(Tooltip, {
-        placement: "top",
-        disabled: canNavigateNext,
-        content: "Future dates are out of range",
-        children: /* @__PURE__ */ jsx(Button, {
-          disabled: !canNavigateNext,
-          variant: "secondary",
-          onClick: handleNavigateNext,
-          className: withBaseName("nextButton"),
-          focusableWhenDisabled: true,
-          children: /* @__PURE__ */ jsx(ChevronRightIcon, {
-            "aria-label": `Next Month, ${formatDate(
-              visibleMonth.add({ months: 1 })
-            )}`
-          })
-        })
-      })
-    ]
-  });
-});
-
-export { CalendarNavigation };
-//# sourceMappingURL=CalendarNavigation.js.map