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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarGrid.js","sources":["../src/calendar/CalendarGrid.tsx"],"sourcesContent":["import {\n  GridItem,\n  GridLayout,\n  type ResponsiveProp,\n  useForkRef,\n} from \"@salt-ds/core\";\nimport {\n  type ComponentPropsWithoutRef,\n  type FocusEventHandler,\n  forwardRef,\n  useRef,\n} from \"react\";\nimport { useCalendarContext } from \"./internal/CalendarContext\";\nimport type { CalendarDayProps } from \"./internal/CalendarDay\";\nimport { CalendarMonth } from \"./internal/CalendarMonth\";\n\nimport type { DateFrameworkType } from \"@salt-ds/date-adapters\";\nimport { useLocalization } from \"../localization-provider\";\nimport {\n  CalendarMonthHeader,\n  type CalendarMonthHeaderProps,\n} from \"./CalendarMonthHeader\";\nimport {\n  CalendarWeekHeader,\n  type CalendarWeekHeaderProps,\n} from \"./CalendarWeekHeader\";\n\n/**\n * Props for the CalendarGrid component.\n * @template TDate - The type of the date object.\n */\nexport interface CalendarGridProps<TDate extends DateFrameworkType>\n  extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * Number of columns\n   */\n  columns?: ResponsiveProp<number | string>;\n  /**\n   * Props for `CalendarWeekHeader`\n   */\n  CalendarWeekHeaderProps?: Partial<CalendarWeekHeaderProps>;\n  /**\n   * Props for `CalendarMonthHeader`\n   */\n  CalendarMonthHeaderProps?: Partial<CalendarMonthHeaderProps<TDate>>;\n  /**\n   * Props for `CalendarDay`\n   */\n  CalendarDayProps?: Partial<CalendarDayProps<TDate>>;\n}\n\nexport const CalendarGrid = forwardRef<\n  HTMLDivElement,\n  CalendarGridProps<DateFrameworkType>\n>(\n  <TDate extends DateFrameworkType>(\n    props: CalendarGridProps<TDate>,\n    ref: React.Ref<HTMLDivElement>,\n  ) => {\n    const {\n      CalendarDayProps,\n      CalendarWeekHeaderProps,\n      CalendarMonthHeaderProps,\n      columns = 1,\n      onBlur,\n      ...rest\n    } = props;\n\n    const { dateAdapter } = useLocalization<TDate>();\n\n    const {\n      helpers: { setFocusedDate, setHoveredDate },\n      state: { visibleMonth, numberOfVisibleMonths = 1 },\n    } = useCalendarContext<TDate>();\n    const calendarGridRef = useRef<HTMLDivElement>(null);\n    const containerRef = useForkRef(ref, calendarGridRef);\n\n    const handleCalendarGridBlur: FocusEventHandler<HTMLDivElement> = (\n      event,\n    ) => {\n      event.stopPropagation();\n      setTimeout(() => {\n        if (calendarGridRef?.current?.contains(document.activeElement)) {\n          return;\n        }\n        setFocusedDate(event, null);\n        setHoveredDate(event, null);\n      }, 0);\n      onBlur?.(event);\n    };\n\n    return (\n      <GridLayout\n        columns={columns}\n        gap={1}\n        ref={containerRef}\n        onBlur={handleCalendarGridBlur}\n        {...rest}\n      >\n        {Array.from({ length: numberOfVisibleMonths }, (_value, index) => {\n          const gridItemVisibleMonth: TDate = dateAdapter.add(visibleMonth, {\n            months: index,\n          });\n          return (\n            <GridItem\n              key={`calendar-grid-item-${dateAdapter.format(gridItemVisibleMonth, \"MMMM YYYY\")}`}\n            >\n              {numberOfVisibleMonths > 1 ? (\n                <CalendarMonthHeader\n                  {...CalendarMonthHeaderProps}\n                  month={gridItemVisibleMonth}\n                />\n              ) : null}\n              <CalendarWeekHeader {...CalendarWeekHeaderProps} />\n              <CalendarMonth\n                date={gridItemVisibleMonth}\n                CalendarDayProps={CalendarDayProps}\n              />\n            </GridItem>\n          );\n        })}\n      </GridLayout>\n    );\n  },\n);\n"],"names":["forwardRef","useLocalization","useCalendarContext","useRef","useForkRef","jsx","GridLayout","jsxs","GridItem","CalendarMonthHeader","CalendarWeekHeader","CalendarMonth"],"mappings":";;;;;;;;;;;AAmDO,MAAM,YAAe,GAAAA,gBAAA;AAAA,EAI1B,CACE,OACA,GACG,KAAA;AACH,IAAM,MAAA;AAAA,MACJ,gBAAA;AAAA,MACA,uBAAA;AAAA,MACA,wBAAA;AAAA,MACA,OAAU,GAAA,CAAA;AAAA,MACV,MAAA;AAAA,MACA,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAM,MAAA,EAAE,WAAY,EAAA,GAAIC,oCAAuB,EAAA;AAE/C,IAAM,MAAA;AAAA,MACJ,OAAA,EAAS,EAAE,cAAA,EAAgB,cAAe,EAAA;AAAA,MAC1C,KAAO,EAAA,EAAE,YAAc,EAAA,qBAAA,GAAwB,CAAE;AAAA,QAC/CC,kCAA0B,EAAA;AAC9B,IAAM,MAAA,eAAA,GAAkBC,aAAuB,IAAI,CAAA;AACnD,IAAM,MAAA,YAAA,GAAeC,eAAW,CAAA,GAAA,EAAK,eAAe,CAAA;AAEpD,IAAM,MAAA,sBAAA,GAA4D,CAChE,KACG,KAAA;AACH,MAAA,KAAA,CAAM,eAAgB,EAAA;AACtB,MAAA,UAAA,CAAW,MAAM;AAjFvB,QAAA,IAAA,EAAA;AAkFQ,QAAA,IAAA,CAAI,EAAiB,GAAA,eAAA,IAAA,IAAA,GAAA,MAAA,GAAA,eAAA,CAAA,OAAA,KAAjB,IAA0B,GAAA,MAAA,GAAA,EAAA,CAAA,QAAA,CAAS,SAAS,aAAgB,CAAA,EAAA;AAC9D,UAAA;AAAA;AAEF,QAAA,cAAA,CAAe,OAAO,IAAI,CAAA;AAC1B,QAAA,cAAA,CAAe,OAAO,IAAI,CAAA;AAAA,SACzB,CAAC,CAAA;AACJ,MAAS,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAA,KAAA,CAAA;AAAA,KACX;AAEA,IACE,uBAAAC,cAAA;AAAA,MAACC,eAAA;AAAA,MAAA;AAAA,QACC,OAAA;AAAA,QACA,GAAK,EAAA,CAAA;AAAA,QACL,GAAK,EAAA,YAAA;AAAA,QACL,MAAQ,EAAA,sBAAA;AAAA,QACP,GAAG,IAAA;AAAA,QAEH,QAAA,EAAA,KAAA,CAAM,KAAK,EAAE,MAAA,EAAQ,uBAAyB,EAAA,CAAC,QAAQ,KAAU,KAAA;AAChE,UAAM,MAAA,oBAAA,GAA8B,WAAY,CAAA,GAAA,CAAI,YAAc,EAAA;AAAA,YAChE,MAAQ,EAAA;AAAA,WACT,CAAA;AACD,UACE,uBAAAC,eAAA;AAAA,YAACC,aAAA;AAAA,YAAA;AAAA,cAGE,QAAA,EAAA;AAAA,gBAAA,qBAAA,GAAwB,CACvB,mBAAAH,cAAA;AAAA,kBAACI,uCAAA;AAAA,kBAAA;AAAA,oBACE,GAAG,wBAAA;AAAA,oBACJ,KAAO,EAAA;AAAA;AAAA,iBAEP,GAAA,IAAA;AAAA,gCACJJ,cAAA,CAACK,qCAAoB,EAAA,EAAA,GAAG,uBAAyB,EAAA,CAAA;AAAA,gCACjDL,cAAA;AAAA,kBAACM,2BAAA;AAAA,kBAAA;AAAA,oBACC,IAAM,EAAA,oBAAA;AAAA,oBACN;AAAA;AAAA;AACF;AAAA,aAAA;AAAA,YAZK,CAAsB,mBAAA,EAAA,WAAA,CAAY,MAAO,CAAA,oBAAA,EAAsB,WAAW,CAAC,CAAA;AAAA,WAalF;AAAA,SAEH;AAAA;AAAA,KACH;AAAA;AAGN;;;;"}

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

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = ".saltCalendarMonthHeader {\n  width: 100%;\n  text-align: center;\n}\n";
+
+module.exports = css_248z;
+//# sourceMappingURL=CalendarMonthHeader.css.js.map

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

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

package/dist-cjs/calendar/CalendarMonthHeader.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarMonthHeader.js","sources":["../src/calendar/CalendarMonthHeader.tsx"],"sourcesContent":["import { Text, makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { type ComponentPropsWithRef, forwardRef, useCallback } from \"react\";\n\nimport type { DateFrameworkType } from \"@salt-ds/date-adapters\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useLocalization } from \"../localization-provider\";\nimport calendarMonthHeaderCss from \"./CalendarMonthHeader.css\";\n\n/**\n * Props for the CalendarMonthHeader component.\n * @template TDate - The type of the date object.\n */\nexport interface CalendarMonthHeaderProps<TDate extends DateFrameworkType>\n  extends ComponentPropsWithRef<\"div\"> {\n  /**\n   * Month value\n   */\n  month: TDate;\n  /**\n   * Format the month value\n   * @param date\n   */\n  format?: string;\n}\n\nconst withBaseName = makePrefixer(\"saltCalendarMonthHeader\");\n\nexport const CalendarMonthHeader = forwardRef<\n  HTMLDivElement,\n  CalendarMonthHeaderProps<DateFrameworkType>\n>(\n  <TDate extends DateFrameworkType>(\n    props: CalendarMonthHeaderProps<TDate>,\n    ref: React.Ref<HTMLDivElement>,\n  ) => {\n    const {\n      className,\n      format: formatMonthProp = \"MMMM\",\n      month,\n      ...rest\n    } = props;\n    const { dateAdapter } = useLocalization<TDate>();\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-calendar-month-header\",\n      css: calendarMonthHeaderCss,\n      window: targetWindow,\n    });\n\n    const formatMonth = useCallback(\n      (date?: TDate) => {\n        return dateAdapter.format(date, formatMonthProp);\n      },\n      [dateAdapter, formatMonthProp],\n    );\n\n    return (\n      <div\n        data-testid=\"CalendarMonthHeader\"\n        className={clsx(withBaseName(), className)}\n        ref={ref}\n        {...rest}\n      >\n        <Text>\n          <small>{formatMonth(month)}</small>\n        </Text>\n      </div>\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","useLocalization","useWindow","useComponentCssInjection","calendarMonthHeaderCss","useCallback","jsx","clsx","Text"],"mappings":";;;;;;;;;;;AA2BA,MAAM,YAAA,GAAeA,kBAAa,yBAAyB,CAAA;AAEpD,MAAM,mBAAsB,GAAAC,gBAAA;AAAA,EAIjC,CACE,OACA,GACG,KAAA;AACH,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,QAAQ,eAAkB,GAAA,MAAA;AAAA,MAC1B,KAAA;AAAA,MACA,GAAG;AAAA,KACD,GAAA,KAAA;AACJ,IAAM,MAAA,EAAE,WAAY,EAAA,GAAIC,oCAAuB,EAAA;AAE/C,IAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,4BAAA;AAAA,MACR,GAAK,EAAAC,qBAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AAED,IAAA,MAAM,WAAc,GAAAC,iBAAA;AAAA,MAClB,CAAC,IAAiB,KAAA;AAChB,QAAO,OAAA,WAAA,CAAY,MAAO,CAAA,IAAA,EAAM,eAAe,CAAA;AAAA,OACjD;AAAA,MACA,CAAC,aAAa,eAAe;AAAA,KAC/B;AAEA,IACE,uBAAAC,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,aAAY,EAAA,qBAAA;AAAA,QACZ,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,QACzC,GAAA;AAAA,QACC,GAAG,IAAA;AAAA,QAEJ,yCAACC,SACC,EAAA,EAAA,QAAA,kBAAAF,cAAA,CAAC,WAAO,QAAY,EAAA,WAAA,CAAA,KAAK,GAAE,CAC7B,EAAA;AAAA;AAAA,KACF;AAAA;AAGN;;;;"}

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

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

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

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

package/dist-cjs/calendar/CalendarNavigation.js

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

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

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

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

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = ".saltCalendarWeekHeader {\n  display: grid;\n  gap: var(--salt-spacing-fixed-100);\n  grid-template-columns: repeat(7, var(--salt-size-base));\n  text-align: center;\n  align-items: center;\n  height: var(--salt-size-base);\n  margin: var(--salt-spacing-fixed-100);\n}\n\n.saltCalendarWeekHeader-dayOfWeek {\n  width: var(--salt-size-base);\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 clsx = require('clsx');
+var react = require('react');
+var utils = require('./internal/utils.js');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var LocalizationProvider = require('../localization-provider/LocalizationProvider.js');
+var CalendarWeekHeader$1 = require('./CalendarWeekHeader.css.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(
+        "small",
+        {
+          "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 } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { type ComponentPropsWithRef, forwardRef } from \"react\";\nimport { daysOfWeek } from \"./internal/utils\";\n\nimport type { DateFrameworkType } from \"@salt-ds/date-adapters\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useLocalization } from \"../localization-provider\";\nimport calendarWeekHeaderCss from \"./CalendarWeekHeader.css\";\n\n/**\n * Props for the CalendarWeekHeader component.\n */\nexport type CalendarWeekHeaderProps = ComponentPropsWithRef<\"div\"> & {};\n\nconst withBaseName = makePrefixer(\"saltCalendarWeekHeader\");\n\nexport const CalendarWeekHeader = forwardRef(function CalendarWeekHeader<\n  TDate extends DateFrameworkType,\n>(props: CalendarWeekHeaderProps, ref: React.Ref<HTMLDivElement>) {\n  const { className, ...rest } = props;\n  const { dateAdapter } = useLocalization<TDate>();\n\n  const weekdaysShort = daysOfWeek(dateAdapter, \"narrow\");\n  const weekdaysLong = daysOfWeek(dateAdapter, \"long\");\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-calendar-week-header\",\n    css: calendarWeekHeaderCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div\n      data-testid=\"CalendarWeekHeader\"\n      className={clsx(withBaseName(), className)}\n      ref={ref}\n      {...rest}\n    >\n      {weekdaysShort.map((day, index) => (\n        <small\n          aria-hidden\n          key={weekdaysLong[index]}\n          className={withBaseName(\"dayOfWeek\")}\n        >\n          {day}\n        </small>\n      ))}\n    </div>\n  );\n});\n"],"names":["makePrefixer","forwardRef","CalendarWeekHeader","useLocalization","daysOfWeek","useWindow","useComponentCssInjection","calendarWeekHeaderCss","jsx","clsx"],"mappings":";;;;;;;;;;;;AAgBA,MAAM,YAAA,GAAeA,kBAAa,wBAAwB,CAAA;AAEnD,MAAM,kBAAqB,GAAAC,gBAAA,CAAW,SAASC,mBAAAA,CAEpD,OAAgC,GAAgC,EAAA;AAChE,EAAA,MAAM,EAAE,SAAA,EAAW,GAAG,IAAA,EAAS,GAAA,KAAA;AAC/B,EAAM,MAAA,EAAE,WAAY,EAAA,GAAIC,oCAAuB,EAAA;AAE/C,EAAM,MAAA,aAAA,GAAgBC,gBAAW,CAAA,WAAA,EAAa,QAAQ,CAAA;AACtD,EAAM,MAAA,YAAA,GAAeA,gBAAW,CAAA,WAAA,EAAa,MAAM,CAAA;AAEnD,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,2BAAA;AAAA,IACR,GAAK,EAAAC,oBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAAC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,aAAY,EAAA,oBAAA;AAAA,MACZ,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAc,EAAA,aAAA,CAAA,GAAA,CAAI,CAAC,GAAA,EAAK,KACvB,qBAAAD,cAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,aAAW,EAAA,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,25 @@
+'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 type { DateFrameworkType } from \"@salt-ds/date-adapters\";\nimport { createContext, useContext } from \"react\";\nimport type { UseCalendarReturn } from \"../useCalendar\";\n\ninterface CalendarState<TDate extends DateFrameworkType>\n  extends UseCalendarReturn<TDate> {}\n\nconst CalendarContext = createContext<CalendarState<DateFrameworkType> | null>(\n  null,\n);\n\nif (process.env.NODE_ENV !== \"production\") {\n  CalendarContext.displayName = \"CalendarContext\";\n}\n\nfunction useCalendarContext<\n  TDate extends DateFrameworkType,\n>(): CalendarState<TDate> {\n  const context = useContext(\n    CalendarContext as React.Context<CalendarState<TDate> | null>,\n  );\n  if (!context) {\n    throw new Error(\n      \"useCalendarContext should be called inside CalendarContext.Provider\",\n    );\n  }\n\n  return context;\n}\n\nexport { CalendarContext, useCalendarContext };\n"],"names":["createContext","useContext"],"mappings":";;;;AAOA,MAAM,eAAkB,GAAAA,mBAAA;AAAA,EACtB;AACF;AAEA,IAAI,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,YAAc,EAAA;AACzC,EAAA,eAAA,CAAgB,WAAc,GAAA,iBAAA;AAChC;AAEA,SAAS,kBAEiB,GAAA;AACxB,EAAA,MAAM,OAAU,GAAAC,gBAAA;AAAA,IACd;AAAA,GACF;AACA,EAAA,IAAI,CAAC,OAAS,EAAA;AACZ,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA;AAGF,EAAO,OAAA,OAAA;AACT;;;;;"}

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

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = ".saltCalendarDay {\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  overflow: hidden;\n}\n.saltCalendarDay-content {\n  margin: 0 var(--salt-spacing-50);\n  width: 100%;\n}\n\n.saltCalendarDay-focused,\n.saltCalendarDay.saltCalendarDay:focus-visible {\n  outline: var(--salt-focused-outline);\n  outline-offset: calc(0px - var(--salt-focused-outlineWidth));\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.saltCalendarDay-outOfRange .saltCalendarDay-today > span:last-of-type {\n  border-bottom: var(--salt-size-indicator) var(--salt-selectable-borderStyle) var(--salt-content-secondary-foreground);\n}\n\n.saltCalendarDay-outOfRange.saltCalendarDay-highlighted:before {\n  background: var(--salt-content-secondary-foreground);\n}\n.saltCalendarDay:hover,\n.saltCalendarDay-hoveredOffset,\n.saltCalendarDay-hoveredOffset:hover {\n  background: var(--salt-selectable-background-hover);\n}\n\n.saltCalendarDay-selected {\n  border-radius: var(--salt-palette-corner-weak, 0);\n}\n\n.saltCalendarDay-selectedStart {\n  z-index: var(--salt-zIndex-default);\n\n  border-top-left-radius: var(--salt-palette-corner-weak, 0);\n  border-bottom-left-radius: var(--salt-palette-corner-weak, 0);\n}\n\n.saltCalendarDay-selectedEnd {\n  border-top-right-radius: var(--salt-palette-corner-weak, 0);\n  border-bottom-right-radius: var(--salt-palette-corner-weak, 0);\n}\n\n.saltCalendarDay-selected,\n.saltCalendarDay-selected:hover,\n.saltCalendarDay-selectedStart,\n.saltCalendarDay-selectedStart:hover,\n.saltCalendarDay-selectedEnd,\n.saltCalendarDay-selectedEnd:hover {\n  color: var(--salt-content-primary-foreground);\n  background: var(--salt-selectable-background-selected);\n  box-shadow: 0 0 0 var(--salt-size-fixed-100) var(--salt-selectable-borderColor-selected);\n}\n\n.saltCalendarDay-hoveredSpan,\n.saltCalendarDay-hoveredSpan:hover,\n.saltCalendarDay-selectedSpan,\n.saltCalendarDay-selectedSpan:hover {\n  color: var(--salt-content-primary-foreground);\n  background: var(--salt-selectable-background-hover);\n  box-shadow: calc(var(--salt-size-fixed-100) * -2) 0 0 0 var(--salt-selectable-background-hover), calc(var(--salt-size-fixed-100) * -1) 0 0 var(--salt-size-fixed-100)\n    var(--salt-selectable-borderColor-selected), 0 calc(var(--salt-size-fixed-100) * -1) 0 var(--salt-selectable-borderColor-selected);\n}\n\n.saltCalendarDay-disabled,\n.saltCalendarDay-disabled:hover,\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:before,\n.saltCalendarDay-highlighted:hover:before {\n  content: \"\";\n  height: var(--salt-spacing-200); /* TODO: change for size-modifier when available */\n  width: var(--salt-spacing-200);\n  top: calc(var(--salt-spacing-100) * -1);\n  right: calc(var(--salt-spacing-100) * -1);\n  transform: rotate(45deg);\n  background: var(--salt-accent-background);\n  position: absolute;\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-color: 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-disabled,\n.saltCalendarDay-disabled:hover {\n  color: var(--salt-content-secondary-foreground-disabled);\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":";;;;;;"}