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

package/dist-es/packages/lab/src/calendar/internal/CalendarDay.css.js

@@ -1,7 +0,0 @@
-import styleInject from '../../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-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);\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);\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);\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";
-styleInject(css_248z);
-
-export { css_248z as default };
-//# sourceMappingURL=CalendarDay.css.js.map

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

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

package/dist-es/packages/lab/src/calendar/internal/CalendarDay.js

@@ -1,79 +0,0 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { makePrefixer, useForkRef } 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 './CalendarDay.css.js';
-import { formatDate } from './utils.js';
-import { Tooltip } from '../../tooltip/Tooltip.js';
-import '../../tooltip/TooltipContext.js';
-import { useTooltip } from '../../tooltip/useTooltip.js';
-
-const withBaseName = makePrefixer("saltCalendarDay");
-const CalendarDay = forwardRef(
-  function CalendarDay2(props, ref) {
-    const { className, day, renderDayContents, month, TooltipProps: TooltipProps2, ...rest } = props;
-    const dayRef = useRef(null);
-    const { status, dayProps, unselectableReason } = useCalendarDay(
-      {
-        date: day,
-        month
-      },
-      dayRef
-    );
-    const { outOfRange, today, unselectable, hidden } = status;
-    const { getTriggerProps, getTooltipProps } = useTooltip({
-      disabled: !unselectableReason,
-      placement: "top",
-      enterDelay: 300
-    });
-    const { ref: triggerRef, ...triggerProps } = getTriggerProps({
-      "aria-label": formatDate(day),
-      ...dayProps,
-      ...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
-      )
-    });
-    const handleTriggerRef = useForkRef(triggerRef, dayRef);
-    const handleRef = useForkRef(handleTriggerRef, ref);
-    return /* @__PURE__ */ jsxs(Fragment, {
-      children: [
-        /* @__PURE__ */ jsx(Tooltip, {
-          ...getTooltipProps({
-            hideIcon: true,
-            status: "error",
-            title: unselectableReason,
-            ...TooltipProps2
-          })
-        }),
-        /* @__PURE__ */ jsxs("button", {
-          ...triggerProps,
-          ref: handleRef,
-          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/packages/lab/src/calendar/internal/CalendarDay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarDay.js","sources":["../src/calendar/internal/CalendarDay.tsx"],"sourcesContent":["import { makePrefixer, useForkRef } 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 \"./CalendarDay.css\";\nimport { formatDate } from \"./utils\";\nimport { Tooltip, TooltipProps, useTooltip } from \"../../tooltip\";\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\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    const { getTriggerProps, getTooltipProps } = useTooltip({\n      disabled: !unselectableReason,\n      placement: \"top\",\n      enterDelay: 300,\n    });\n\n    const { ref: triggerRef, ...triggerProps } = getTriggerProps<\"button\">({\n      \"aria-label\": formatDate(day),\n      ...dayProps,\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\n    const handleTriggerRef = useForkRef(triggerRef, dayRef);\n    const handleRef = useForkRef(handleTriggerRef, ref);\n\n    return (\n      <>\n        <Tooltip\n          {...getTooltipProps({\n            hideIcon: true,\n            status: \"error\",\n            title: unselectableReason,\n            ...TooltipProps,\n          })}\n        />\n        <button {...triggerProps} ref={handleRef}>\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      </>\n    );\n  }\n);\n"],"names":["CalendarDay","TooltipProps"],"mappings":"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"}

package/dist-es/packages/lab/src/calendar/internal/CalendarMonth.css.js

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

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

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

package/dist-es/packages/lab/src/calendar/internal/CalendarMonth.js

@@ -1,53 +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 './CalendarMonth.css.js';
-import { useCalendarContext } from './CalendarContext.js';
-
-const withBaseName = makePrefixer("saltCalendarMonth");
-const CalendarMonth = forwardRef(
-  function CalendarMonth2(props, ref) {
-    const {
-      className,
-      date,
-      hideOutOfRangeDates,
-      isVisible,
-      renderDayContents,
-      onMouseLeave,
-      TooltipProps,
-      ...rest
-    } = props;
-    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/packages/lab/src/calendar/internal/CalendarMonth.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarMonth.js","sources":["../src/calendar/internal/CalendarMonth.tsx"],"sourcesContent":["import {\n  forwardRef,\n  ComponentPropsWithRef,\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 \"./CalendarMonth.css\";\nimport { useCalendarContext } from \"./CalendarContext\";\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 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"],"mappings":";;;;;;;;;AAuBA,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,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/packages/lab/src/calendar/internal/CalendarNavigation.css.js

@@ -1,7 +0,0 @@
-import styleInject from '../../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-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";
-styleInject(css_248z);
-
-export { css_248z as default };
-//# sourceMappingURL=CalendarNavigation.css.js.map

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

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

package/dist-es/packages/lab/src/calendar/internal/CalendarNavigation.js

@@ -1,249 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { makePrefixer, useId, 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 '../../form-field-context/FormFieldContext.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 { Tooltip } from '../../tooltip/Tooltip.js';
-import '../../tooltip/TooltipContext.js';
-import { useTooltip } from '../../tooltip/useTooltip.js';
-import { useCalendarContext } from './CalendarContext.js';
-import './CalendarNavigation.css.js';
-import { isSameMonth, isSameYear } from '@internationalized/date';
-import { formatDate, monthsForLocale, monthDiff } from './utils.js';
-
-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
-}) => {
-  const { getTooltipProps, getTriggerProps } = useTooltip({
-    placement: "right",
-    disabled: !(item == null ? void 0 : item.disabled)
-  });
-  const { ref: triggerRef, ...triggerProps } = getTriggerProps(props);
-  return /* @__PURE__ */ jsxs(ListItem, {
-    ref: triggerRef,
-    ...triggerProps,
-    children: [
-      label,
-      /* @__PURE__ */ jsx(Tooltip, {
-        ...getTooltipProps({
-          title: "This month is out of range"
-        })
-      })
-    ]
-  });
-};
-const CalendarNavigation = forwardRef(function CalendarNavigation2(props, ref) {
-  const {
-    className,
-    MonthDropdownProps,
-    YearDropdownProps,
-    hideYearDropdown,
-    ...rest
-  } = props;
-  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" });
-  };
-  const {
-    getTriggerProps: getPreviousButtonProps,
-    getTooltipProps: getPreviousButtonTooltipProps
-  } = useTooltip({
-    placement: "top",
-    disabled: canNavigatePrevious
-  });
-  const {
-    getTriggerProps: getNextButtonProps,
-    getTooltipProps: getNextButtonTooltipProps
-  } = useTooltip({
-    placement: "top",
-    disabled: canNavigateNext
-  });
-  return /* @__PURE__ */ jsxs("div", {
-    className: clsx(
-      withBaseName(),
-      { [withBaseName("hideYearDropdown")]: hideYearDropdown },
-      className
-    ),
-    ref,
-    ...rest,
-    children: [
-      /* @__PURE__ */ jsx(Button, {
-        ...getPreviousButtonProps({
-          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(Tooltip, {
-        ...getPreviousButtonTooltipProps({
-          title: "Past dates are out of range"
-        })
-      }),
-      /* @__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(Button, {
-        ...getNextButtonProps({
-          disabled: !canNavigateNext,
-          variant: "secondary",
-          onClick: handleNavigateNext,
-          className: withBaseName("nextButton"),
-          focusableWhenDisabled: true
-        }),
-        children: /* @__PURE__ */ jsx(ChevronRightIcon, {
-          "aria-label": `Next Month, ${formatDate(
-            visibleMonth.add({ months: 1 })
-          )}`
-        })
-      }),
-      /* @__PURE__ */ jsx(Tooltip, {
-        ...getNextButtonTooltipProps({
-          title: "Future dates are out of range"
-        })
-      })
-    ]
-  });
-});
-
-export { CalendarNavigation };
-//# sourceMappingURL=CalendarNavigation.js.map

package/dist-es/packages/lab/src/calendar/internal/CalendarNavigation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarNavigation.js","sources":["../src/calendar/internal/CalendarNavigation.tsx"],"sourcesContent":["import { Button, ButtonProps, makePrefixer, useId } from \"@salt-ds/core\";\nimport { ChevronLeftIcon, ChevronRightIcon } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport {\n  ComponentPropsWithRef,\n  forwardRef,\n  MouseEventHandler,\n  SyntheticEvent,\n} from \"react\";\nimport { Dropdown, DropdownProps } from \"../../dropdown\";\nimport { ListItem, ListItemType } from \"../../list\";\nimport { Tooltip, useTooltip } from \"../../tooltip\";\n\nimport { useCalendarContext } from \"./CalendarContext\";\n\nimport \"./CalendarNavigation.css\";\nimport { DateValue, isSameMonth, isSameYear } from \"@internationalized/date\";\nimport { formatDate, monthDiff, monthsForLocale } from \"./utils\";\nimport { SelectionChangeHandler } from \"../../common-hooks\";\n\ntype DropdownItem = {\n  value: DateValue;\n  disabled?: boolean;\n};\n\ntype dateDropdownProps = DropdownProps<DropdownItem>;\n\nexport interface CalendarNavigationProps extends ComponentPropsWithRef<\"div\"> {\n  MonthDropdownProps?: dateDropdownProps;\n  YearDropdownProps?: dateDropdownProps;\n  onMonthSelect?: dateDropdownProps[\"onChange\"];\n  onYearSelect?: dateDropdownProps[\"onChange\"];\n  onNavigateNext?: ButtonProps[\"onClick\"];\n  onNavigatePrevious?: ButtonProps[\"onClick\"];\n  hideYearDropdown?: boolean;\n}\n\nconst withBaseName = makePrefixer(\"saltCalendarNavigation\");\n\nfunction useCalendarNavigation() {\n  const {\n    state: { visibleMonth, minDate, maxDate },\n    helpers: {\n      setVisibleMonth,\n      isDayVisible,\n      isOutsideAllowedYears,\n      isOutsideAllowedMonths,\n    },\n  } = useCalendarContext();\n\n  const moveToNextMonth = (event: SyntheticEvent) => {\n    setVisibleMonth(event, visibleMonth.add({ months: 1 }));\n  };\n\n  const moveToPreviousMonth = (event: SyntheticEvent) => {\n    setVisibleMonth(event, visibleMonth.subtract({ months: 1 }));\n  };\n\n  const moveToMonth = (event: SyntheticEvent, month: DateValue) => {\n    let newMonth = month;\n\n    if (!isOutsideAllowedYears(newMonth)) {\n      if (isOutsideAllowedMonths(newMonth)) {\n        // If month is navigable we should move to the closest navigable month\n        const navigableMonths = monthsForLocale(visibleMonth).filter(\n          (n) => !isOutsideAllowedMonths(n)\n        );\n        newMonth = navigableMonths.reduce((closestMonth, currentMonth) =>\n          Math.abs(monthDiff(currentMonth, newMonth)) <\n          Math.abs(monthDiff(closestMonth, newMonth))\n            ? currentMonth\n            : closestMonth\n        );\n      }\n      setVisibleMonth(event, newMonth);\n    }\n  };\n\n  const months = monthsForLocale(visibleMonth).map((month) => {\n    return { value: month, disabled: isOutsideAllowedMonths(month) };\n  });\n\n  const years = [-2, -1, 0, 1, 2]\n    .map((delta) => ({ value: visibleMonth.add({ years: delta }) }))\n    .filter(({ value }) => !isOutsideAllowedYears(value));\n\n  const selectedMonth = months.find((item: DropdownItem) =>\n    isSameMonth(item.value, visibleMonth)\n  );\n  const selectedYear = years.find((item: DropdownItem) =>\n    isSameYear(item.value, visibleMonth)\n  );\n\n  const canNavigatePrevious = !(minDate && isDayVisible(minDate));\n  const canNavigateNext = !(maxDate && isDayVisible(maxDate));\n\n  return {\n    moveToNextMonth,\n    moveToPreviousMonth,\n    moveToMonth,\n    visibleMonth,\n    months,\n    years,\n    canNavigateNext,\n    canNavigatePrevious,\n    selectedMonth,\n    selectedYear,\n  };\n}\n\nconst ListItemWithTooltip: ListItemType<DropdownItem> = ({\n  item,\n  label,\n  ...props\n}) => {\n  const { getTooltipProps, getTriggerProps } = useTooltip({\n    placement: \"right\",\n    disabled: !item?.disabled,\n  });\n\n  const { ref: triggerRef, ...triggerProps } =\n    getTriggerProps<typeof ListItem>(props);\n\n  return (\n    <ListItem ref={triggerRef} {...triggerProps}>\n      {label}\n      <Tooltip\n        {...getTooltipProps({\n          title: \"This month is out of range\",\n        })}\n      />\n    </ListItem>\n  );\n};\n\nexport const CalendarNavigation = forwardRef<\n  HTMLDivElement,\n  CalendarNavigationProps\n>(function CalendarNavigation(props, ref) {\n  const {\n    className,\n    MonthDropdownProps,\n    YearDropdownProps,\n    hideYearDropdown,\n    ...rest\n  } = props;\n\n  const {\n    moveToPreviousMonth,\n    moveToNextMonth,\n    moveToMonth,\n    months,\n    years,\n    canNavigateNext,\n    canNavigatePrevious,\n    visibleMonth,\n    selectedMonth,\n    selectedYear,\n  } = useCalendarNavigation();\n\n  const handleNavigatePrevious: MouseEventHandler<HTMLButtonElement> = (\n    event\n  ) => {\n    moveToPreviousMonth(event);\n  };\n\n  const handleNavigateNext: MouseEventHandler<HTMLButtonElement> = (event) => {\n    moveToNextMonth(event);\n  };\n\n  const handleMonthSelect: SelectionChangeHandler<DropdownItem> = (\n    event,\n    month\n  ) => {\n    if (month) {\n      moveToMonth(event, month.value);\n    }\n  };\n\n  const handleYearSelect: SelectionChangeHandler<DropdownItem> = (\n    event,\n    year\n  ) => {\n    if (year) {\n      moveToMonth(event, year.value);\n    }\n  };\n\n  const monthDropdownId = useId(MonthDropdownProps?.id);\n  const monthDropdownLabelledBy = clsx(\n    MonthDropdownProps?.[\"aria-labelledby\"],\n    // TODO need a prop on Dropdown to allow buttonId to be passed, should not make assumptions about internal\n    // id assignment like this\n    `${monthDropdownId}-control`\n  );\n  const yearDropdownId = useId(YearDropdownProps?.id);\n  const yearDropdownLabelledBy = clsx(\n    YearDropdownProps?.[\"aria-labelledby\"],\n    `${yearDropdownId}-control`\n  );\n\n  const defaultItemToMonth = (date: DropdownItem) => {\n    if (hideYearDropdown) {\n      return formatDate(date.value, { month: \"long\" });\n    }\n    return formatDate(date.value, { month: \"short\" });\n  };\n\n  const defaultItemToYear = (date: DropdownItem) => {\n    return formatDate(date.value, { year: \"numeric\" });\n  };\n\n  const {\n    getTriggerProps: getPreviousButtonProps,\n    getTooltipProps: getPreviousButtonTooltipProps,\n  } = useTooltip({\n    placement: \"top\",\n    disabled: canNavigatePrevious,\n  });\n\n  const {\n    getTriggerProps: getNextButtonProps,\n    getTooltipProps: getNextButtonTooltipProps,\n  } = useTooltip({\n    placement: \"top\",\n    disabled: canNavigateNext,\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      <Button\n        {...getPreviousButtonProps<typeof Button>({\n          disabled: !canNavigatePrevious,\n          variant: \"secondary\",\n          onClick: handleNavigatePrevious,\n          className: withBaseName(\"previousButton\"),\n          focusableWhenDisabled: true,\n        })}\n      >\n        <ChevronLeftIcon\n          aria-label={`Previous Month, ${formatDate(\n            visibleMonth.subtract({ months: 1 })\n          )}`}\n        />\n      </Button>\n      <Tooltip\n        {...getPreviousButtonTooltipProps({\n          title: \"Past dates are out of range\",\n        })}\n      />\n      <Dropdown<DropdownItem>\n        source={months}\n        id={monthDropdownId}\n        aria-labelledby={monthDropdownLabelledBy}\n        aria-label=\"Month Dropdown\"\n        {...MonthDropdownProps}\n        ListItem={ListItemWithTooltip}\n        selected={selectedMonth}\n        itemToString={defaultItemToMonth}\n        onSelectionChange={handleMonthSelect}\n        fullWidth\n      />\n      {!hideYearDropdown && (\n        <Dropdown<DropdownItem>\n          source={years}\n          id={yearDropdownId}\n          aria-labelledby={yearDropdownLabelledBy}\n          aria-label=\"Year Dropdown\"\n          {...YearDropdownProps}\n          ListItem={ListItemWithTooltip}\n          selected={selectedYear}\n          onSelectionChange={handleYearSelect}\n          itemToString={defaultItemToYear}\n          fullWidth\n        />\n      )}\n      <Button\n        {...getNextButtonProps<typeof Button>({\n          disabled: !canNavigateNext,\n          variant: \"secondary\",\n          onClick: handleNavigateNext,\n          className: withBaseName(\"nextButton\"),\n          focusableWhenDisabled: true,\n        })}\n      >\n        <ChevronRightIcon\n          aria-label={`Next Month, ${formatDate(\n            visibleMonth.add({ months: 1 })\n          )}`}\n        />\n      </Button>\n      <Tooltip\n        {...getNextButtonTooltipProps({\n          title: \"Future dates are out of range\",\n        })}\n      />\n    </div>\n  );\n});\n"],"names":["CalendarNavigation"],"mappings":"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"}

package/dist-es/packages/lab/src/calendar/internal/CalendarWeekHeader.css.js

@@ -1,7 +0,0 @@
-import styleInject from '../../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".saltCalendarWeekHeader {\n  --calendar-week-header-underline-color: var(--salt-separable-secondary-borderColor);\n  --calendar-week-header-text-color: var(--salt-text-secondary-foreground);\n  --calendar-week-header-size: var(--salt-size-base);\n  --calendar-week-header-fontSize: var(--saltCalendar-week-header-fontSize, var(--salt-text-label-fontSize));\n}\n\n.saltCalendarWeekHeader {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  text-align: center;\n  box-shadow: inset 0 -1px 0 var(--calendar-week-header-underline-color);\n}\n\n.saltCalendarWeekHeader-dayOfWeek {\n  width: var(--calendar-week-header-size);\n  height: var(--calendar-week-header-size);\n  color: var(--calendar-week-header-text-color);\n  line-height: var(--calendar-week-header-size);\n  font-size: var(--calendar-week-header-fontSize);\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };
-//# sourceMappingURL=CalendarWeekHeader.css.js.map

package/dist-es/packages/lab/src/calendar/internal/CalendarWeekHeader.css.js.map

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

package/dist-es/packages/lab/src/calendar/internal/CalendarWeekHeader.js

@@ -1,26 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { clsx } from 'clsx';
-import { makePrefixer } from '@salt-ds/core';
-import { daysForLocale } from './utils.js';
-import './CalendarWeekHeader.css.js';
-
-const withBaseName = makePrefixer("saltCalendarWeekHeader");
-const CalendarWeekHeader = forwardRef(function CalendarWeekHeader2({ className, ...rest }, ref) {
-  const weekdaysShort = daysForLocale("narrow");
-  const weekdaysLong = daysForLocale("long");
-  return /* @__PURE__ */ jsx("div", {
-    "data-testid": "CalendarWeekHeader",
-    className: clsx(withBaseName(), className),
-    ref,
-    ...rest,
-    children: weekdaysShort.map((day, index) => /* @__PURE__ */ jsx("small", {
-      "aria-hidden": "true",
-      className: withBaseName("dayOfWeek"),
-      children: day
-    }, weekdaysLong[index]))
-  });
-});
-
-export { CalendarWeekHeader };
-//# sourceMappingURL=CalendarWeekHeader.js.map

package/dist-es/packages/lab/src/calendar/internal/CalendarWeekHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarWeekHeader.js","sources":["../src/calendar/internal/CalendarWeekHeader.tsx"],"sourcesContent":["import { forwardRef, ComponentPropsWithRef } from \"react\";\nimport { clsx } from \"clsx\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { daysForLocale } from \"./utils\";\n\nimport \"./CalendarWeekHeader.css\";\n\nexport type CalendarWeekHeaderProps = ComponentPropsWithRef<\"div\">;\n\nconst withBaseName = makePrefixer(\"saltCalendarWeekHeader\");\n\nexport const CalendarWeekHeader = forwardRef<\n  HTMLDivElement,\n  CalendarWeekHeaderProps\n>(function CalendarWeekHeader({ className, ...rest }, ref) {\n  const weekdaysShort = daysForLocale(\"narrow\");\n  const weekdaysLong = daysForLocale(\"long\");\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=\"true\"\n          key={weekdaysLong[index]}\n          className={withBaseName(\"dayOfWeek\")}\n        >\n          {day}\n        </small>\n      ))}\n    </div>\n  );\n});\n"],"names":["CalendarWeekHeader"],"mappings":";;;;;;;AASA,MAAM,YAAA,GAAe,aAAa,wBAAwB,CAAA,CAAA;AAE7C,MAAA,kBAAA,GAAqB,WAGhC,SAASA,mBAAAA,CAAmB,EAAE,SAAc,EAAA,GAAA,IAAA,IAAQ,GAAK,EAAA;AACzD,EAAM,MAAA,aAAA,GAAgB,cAAc,QAAQ,CAAA,CAAA;AAC5C,EAAM,MAAA,YAAA,GAAe,cAAc,MAAM,CAAA,CAAA;AAEzC,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IACC,aAAY,EAAA,oBAAA;AAAA,IACZ,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IACzC,GAAA;AAAA,IACC,GAAG,IAAA;AAAA,IAEH,QAAc,EAAA,aAAA,CAAA,GAAA,CAAI,CAAC,GAAA,EAAK,0BACtB,GAAA,CAAA,OAAA,EAAA;AAAA,MACC,aAAY,EAAA,MAAA;AAAA,MAEZ,SAAA,EAAW,aAAa,WAAW,CAAA;AAAA,MAElC,QAAA,EAAA,GAAA;AAAA,KAHI,EAAA,YAAA,CAAa,MAIpB,CACD,CAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/packages/lab/src/calendar/internal/utils.js

@@ -1,55 +0,0 @@
-import { getLocalTimeZone, startOfWeek, today, isSameMonth, DateFormatter, startOfMonth, startOfYear, createCalendar } from '@internationalized/date';
-
-const localTimezone = getLocalTimeZone();
-function getCurrentLocale() {
-  return navigator.languages[0];
-}
-function getDateFormatter(options) {
-  return new DateFormatter(getCurrentLocale(), options);
-}
-function formatDate(date, options) {
-  const formatter = getDateFormatter(options);
-  return formatter.format(date.toDate(localTimezone));
-}
-function getCalender() {
-  const calendarIdentifier = getDateFormatter().resolvedOptions().calendar;
-  return createCalendar(calendarIdentifier);
-}
-function daysForLocale(weekday = "long") {
-  return [...Array(7).keys()].map(
-    (day) => formatDate(
-      startOfWeek(today(getLocalTimeZone()), getCurrentLocale()).add({
-        days: day
-      }),
-      { weekday }
-    )
-  );
-}
-function monthsForLocale(currentYear) {
-  const calendar = getCalender();
-  return [...Array(calendar.getMonthsInYear(currentYear)).keys()].map(
-    (month) => startOfYear(currentYear).add({ months: month })
-  );
-}
-function mapDate(currentDate, currentMonth) {
-  return {
-    date: currentDate,
-    dateOfMonth: currentDate.month,
-    isCurrentMonth: isSameMonth(currentDate, currentMonth)
-  };
-}
-function generateVisibleDays(currentMonth) {
-  const totalDays = 6 * 7;
-  const currentLocale = getCurrentLocale();
-  const startDate = startOfWeek(startOfMonth(currentMonth), currentLocale);
-  return [...Array(totalDays).keys()].map((dayDelta) => {
-    const day = startDate.add({ days: dayDelta });
-    return mapDate(day, currentMonth);
-  });
-}
-function monthDiff(a, b) {
-  return b.month - a.month + 12 * (b.year - a.year);
-}
-
-export { daysForLocale, formatDate, generateVisibleDays, getCalender, getCurrentLocale, getDateFormatter, monthDiff, monthsForLocale };
-//# sourceMappingURL=utils.js.map