@salt-ds/lab 1.0.0-alpha.76 → 1.0.0-alpha.78

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

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

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

@@ -1,4 +1,4 @@
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { makePrefixer, useForkRef, renderProps, Tooltip } from '@salt-ds/core';
 import { useComponentCssInjection } from '@salt-ds/styles';
 import { useWindow } from '@salt-ds/window';
@@ -10,7 +10,6 @@ import css_248z from './CalendarDay.css.js';
 
 const withBaseName = makePrefixer("saltCalendarDay");
 const CalendarDay = forwardRef(function CalendarDay2(props, ref) {
-  var _a;
   const {
     className,
     date,
@@ -37,26 +36,20 @@ const CalendarDay = forwardRef(function CalendarDay2(props, ref) {
     date,
     month
   });
-  const {
-    focused,
-    outOfRange,
-    today,
-    unselectable,
-    highlighted,
-    hidden,
-    disabled
-  } = status;
+  const { focused, today, unselectable, highlighted, hidden, outOfRange } = status;
   const buttonRef = useForkRef(ref, focusedDateRef);
   useLayoutEffect(() => {
-    var _a2;
+    var _a;
     if (focused) {
-      (_a2 = focusedDateRef == null ? void 0 : focusedDateRef.current) == null ? void 0 : _a2.focus({ preventScroll: true });
+      (_a = focusedDateRef == null ? void 0 : focusedDateRef.current) == null ? void 0 : _a.focus({ preventScroll: true });
     }
-  }, [focused, (_a = focusedDateRef == null ? void 0 : focusedDateRef.current) == null ? void 0 : _a.focus]);
+  }, [focused]);
   const defaultButtonProps = {
     "aria-label": dateAdapter.format(date, "DD MMMM YYYY"),
-    children: /* @__PURE__ */ jsx("span", { className: withBaseName("content"), children: dateAdapter.format(date, format) }),
-    disabled,
+    children: /* @__PURE__ */ jsxs(Fragment, { children: [
+      highlighted ? /* @__PURE__ */ jsx("div", { className: withBaseName("highlighted") }) : null,
+      /* @__PURE__ */ jsx("span", { className: withBaseName("content"), children: dateAdapter.format(date, format) })
+    ] }),
     ...dayProps,
     ref: buttonRef,
     ...rest,
@@ -64,10 +57,8 @@ const CalendarDay = forwardRef(function CalendarDay2(props, ref) {
       withBaseName(),
       {
         [withBaseName("hidden")]: hidden,
-        [withBaseName("outOfRange")]: outOfRange,
-        [withBaseName("disabled")]: disabled,
         [withBaseName("unselectable")]: !!unselectable,
-        [withBaseName("highlighted")]: !!highlighted,
+        [withBaseName("outOfRange")]: outOfRange,
         [withBaseName("focused")]: !!focused,
         [withBaseName("today")]: today
       },
@@ -75,30 +66,29 @@ const CalendarDay = forwardRef(function CalendarDay2(props, ref) {
       className
     )
   };
-  const defaultButtonElement = /* @__PURE__ */ jsx("button", { type: "button", ...defaultButtonProps });
   const buttonElement = render ? renderProps("button", {
     render,
     ...defaultButtonProps,
     status,
     date
-  }) : defaultButtonElement;
-  const hasTooltip = unselectableReason || highlightedReason;
-  if (!hasTooltip) {
-    return buttonElement;
+  }) : /* @__PURE__ */ jsx("button", { type: "button", ...defaultButtonProps });
+  const tooltipContent = unselectableReason || highlightedReason;
+  if (tooltipContent && (tooltipContent == null ? void 0 : tooltipContent.length)) {
+    return /* @__PURE__ */ jsx(
+      Tooltip,
+      {
+        hideIcon: true,
+        status: "info",
+        content: tooltipContent,
+        placement: "top",
+        enterDelay: 0,
+        leaveDelay: 0,
+        ...TooltipProps,
+        children: buttonElement
+      }
+    );
   }
-  return /* @__PURE__ */ jsx(
-    Tooltip,
-    {
-      hideIcon: true,
-      status: unselectableReason ? "error" : "info",
-      content: unselectableReason || highlightedReason || "Date is out of range",
-      placement: "top",
-      enterDelay: 0,
-      leaveDelay: 0,
-      ...TooltipProps,
-      children: buttonElement
-    }
-  );
+  return buttonElement;
 });
 
 export { CalendarDay };

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

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

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

@@ -1,4 +1,4 @@
-var css_248z = ".saltCalendarMonth-grid {\n  display: grid;\n  gap: var(--salt-spacing-fixed-100);\n  grid-template-columns: repeat(7, var(--salt-size-base));\n  grid-template-rows: repeat(6, var(--salt-size-base));\n  text-align: center;\n  margin: var(--salt-spacing-fixed-100);\n}\n";
+var css_248z = ".saltCalendarMonth-grid {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  width: calc(var(--calendar-day-size) * 7 + var(--calendar-gap) * 6);\n  text-align: center;\n  gap: var(--calendar-gap);\n}\n\n.saltCalendarMonth-grid > .saltCalendarMonth-week {\n  display: flex;\n  justify-content: flex-start;\n  gap: var(--calendar-gap);\n  width: 100%;\n}\n\n.saltCalendarMonth-grid > .saltCalendarMonth-week > .saltCalendarDay:last-child::before {\n  right: 0;\n}\n\n.saltCalendarMonth-grid > .saltCalendarMonth-week > .saltCalendarDay:first-child::before {\n  left: 0;\n}\n\n.saltCalendarMonth-grid > .saltCalendarMonth-week > * {\n  width: var(--calendar-day-size);\n  height: var(--calendar-day-size);\n  box-sizing: border-box;\n}\n";
 
 export { css_248z as default };
 //# sourceMappingURL=CalendarMonth.css.js.map

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

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { forwardRef, createElement } from 'react';
+import { forwardRef, useMemo, createElement } from 'react';
 import { makePrefixer } from '@salt-ds/core';
 import { useComponentCssInjection } from '@salt-ds/styles';
 import { useWindow } from '@salt-ds/window';
@@ -10,6 +10,13 @@ import { CalendarDay } from './CalendarDay.js';
 import css_248z from './CalendarMonth.css.js';
 import { generateVisibleDays } from './utils.js';
 
+const chunkArray = (array, chunkSize) => {
+  const result = [];
+  for (let chunkIndex = 0; chunkIndex < array.length; chunkIndex += chunkSize) {
+    result.push(array.slice(chunkIndex, chunkIndex + chunkSize));
+  }
+  return result;
+};
 const withBaseName = makePrefixer("saltCalendarMonth");
 const CalendarMonth = forwardRef(function CalendarMonth2(props, ref) {
   const { className, date, onMouseLeave, CalendarDayProps, ...rest } = props;
@@ -21,14 +28,21 @@ const CalendarMonth = forwardRef(function CalendarMonth2(props, ref) {
     window: targetWindow
   });
   const {
-    state: { timezone = "default" },
+    state: { selectionVariant, timezone = "default" },
     helpers: { setHoveredDate }
   } = useCalendarContext();
-  const days = generateVisibleDays(dateAdapter, date, timezone);
+  useMemo(
+    () => generateVisibleDays(dateAdapter, date, timezone),
+    [dateAdapter, date, timezone]
+  );
   const handleMouseLeave = (event) => {
     setHoveredDate(event, null);
     onMouseLeave == null ? void 0 : onMouseLeave(event);
   };
+  const weeks = useMemo(() => {
+    const days2 = generateVisibleDays(dateAdapter, date, timezone);
+    return chunkArray(days2, 7);
+  }, [dateAdapter, date, timezone]);
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -36,15 +50,22 @@ const CalendarMonth = forwardRef(function CalendarMonth2(props, ref) {
       ref,
       onMouseLeave: handleMouseLeave,
       ...rest,
-      children: /* @__PURE__ */ jsx("div", { "data-testid": "CalendarGrid", className: withBaseName("grid"), children: days.map((day) => /* @__PURE__ */ createElement(
-        CalendarDay,
+      children: /* @__PURE__ */ jsx(
+        "div",
         {
-          ...CalendarDayProps,
-          key: dateAdapter.format(day, "DD MMM YYYY"),
-          date: day,
-          month: date
+          "data-testid": "CalendarGrid",
+          className: clsx(withBaseName("grid"), withBaseName(selectionVariant)),
+          children: weeks.map((week, index) => /* @__PURE__ */ jsx("div", { className: withBaseName("week"), children: week.map((day) => /* @__PURE__ */ createElement(
+            CalendarDay,
+            {
+              ...CalendarDayProps,
+              key: dateAdapter.format(day, "DD MMM YYYY"),
+              date: day,
+              month: date
+            }
+          )) }, `row-${index}`))
         }
-      )) })
+      )
     }
   );
 });

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarMonth.js","sources":["../src/calendar/internal/CalendarMonth.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport type { DateFrameworkType } from \"@salt-ds/date-adapters\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithRef,\n  forwardRef,\n  type MouseEvent,\n  type SyntheticEvent,\n} from \"react\";\nimport { useLocalization } from \"../../localization-provider\";\nimport { useCalendarContext } from \"./CalendarContext\";\nimport { CalendarDay, type CalendarDayProps } from \"./CalendarDay\";\nimport calendarMonthCss from \"./CalendarMonth.css\";\nimport { generateVisibleDays } from \"./utils\";\n\nexport interface CalendarMonthProps<TDate>\n  extends ComponentPropsWithRef<\"div\"> {\n  /**\n   * Month to render as selectable dates\n   */\n  date: TDate;\n  /**\n   * Props for the CalendarDay component.\n   */\n  CalendarDayProps?: Partial<CalendarDayProps<TDate>>;\n}\n\nconst withBaseName = makePrefixer(\"saltCalendarMonth\");\n\nexport const CalendarMonth = forwardRef<\n  HTMLDivElement,\n  CalendarMonthProps<DateFrameworkType>\n>(function CalendarMonth<TDate extends DateFrameworkType>(\n  props: CalendarMonthProps<TDate>,\n  ref: React.Ref<HTMLDivElement>,\n) {\n  const { className, date, onMouseLeave, CalendarDayProps, ...rest } = props;\n  const { dateAdapter } = useLocalization<TDate>();\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-calendar-month\",\n    css: calendarMonthCss,\n    window: targetWindow,\n  });\n\n  const {\n    state: { timezone = \"default\" },\n    helpers: { setHoveredDate },\n  } = useCalendarContext<TDate>();\n  const days = generateVisibleDays<TDate>(dateAdapter, date, timezone);\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 data-testid=\"CalendarGrid\" className={withBaseName(\"grid\")}>\n        {days.map((day) => (\n          <CalendarDay\n            {...CalendarDayProps}\n            key={dateAdapter.format(day, \"DD MMM YYYY\")}\n            date={day}\n            month={date}\n          />\n        ))}\n      </div>\n    </div>\n  );\n});\n"],"names":["CalendarMonth","calendarMonthCss"],"mappings":";;;;;;;;;;;;AA6BA,MAAM,YAAA,GAAe,aAAa,mBAAmB,CAAA;AAE9C,MAAM,aAAgB,GAAA,UAAA,CAG3B,SAASA,cAAAA,CACT,OACA,GACA,EAAA;AACA,EAAA,MAAM,EAAE,SAAW,EAAA,IAAA,EAAM,cAAc,gBAAkB,EAAA,GAAG,MAAS,GAAA,KAAA;AACrE,EAAM,MAAA,EAAE,WAAY,EAAA,GAAI,eAAuB,EAAA;AAC/C,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,qBAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA;AAAA,IACJ,KAAA,EAAO,EAAE,QAAA,GAAW,SAAU,EAAA;AAAA,IAC9B,OAAA,EAAS,EAAE,cAAe;AAAA,MACxB,kBAA0B,EAAA;AAC9B,EAAA,MAAM,IAAO,GAAA,mBAAA,CAA2B,WAAa,EAAA,IAAA,EAAM,QAAQ,CAAA;AACnE,EAAM,MAAA,gBAAA,GAAmB,CAAC,KAA0B,KAAA;AAClD,IAAA,cAAA,CAAe,OAAO,IAAI,CAAA;AAC1B,IAAe,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAA,KAAA,CAAA;AAAA,GACjB;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;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,QAAA,kBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,aAAA,EAAY,cAAe,EAAA,SAAA,EAAW,YAAa,CAAA,MAAM,CAC3D,EAAA,QAAA,EAAA,IAAA,CAAK,GAAI,CAAA,CAAC,GACT,qBAAA,aAAA;AAAA,QAAC,WAAA;AAAA,QAAA;AAAA,UACE,GAAG,gBAAA;AAAA,UACJ,GAAK,EAAA,WAAA,CAAY,MAAO,CAAA,GAAA,EAAK,aAAa,CAAA;AAAA,UAC1C,IAAM,EAAA,GAAA;AAAA,UACN,KAAO,EAAA;AAAA;AAAA,OAEV,CACH,EAAA;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}
+{"version":3,"file":"CalendarMonth.js","sources":["../src/calendar/internal/CalendarMonth.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport type { DateFrameworkType } from \"@salt-ds/date-adapters\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithRef,\n  forwardRef,\n  type MouseEvent,\n  type SyntheticEvent,\n  useMemo,\n} from \"react\";\nimport { useLocalization } from \"../../localization-provider\";\nimport { useCalendarContext } from \"./CalendarContext\";\nimport { CalendarDay, type CalendarDayProps } from \"./CalendarDay\";\nimport calendarMonthCss from \"./CalendarMonth.css\";\nimport { generateVisibleDays } from \"./utils\";\n\nexport interface CalendarMonthProps<TDate>\n  extends ComponentPropsWithRef<\"div\"> {\n  /**\n   * Month to render as selectable dates\n   */\n  date: TDate;\n  /**\n   * Props for the CalendarDay component.\n   */\n  CalendarDayProps?: Partial<CalendarDayProps<TDate>>;\n}\n\nconst chunkArray = (array: DateFrameworkType[], chunkSize: number) => {\n  const result = [];\n  for (let chunkIndex = 0; chunkIndex < array.length; chunkIndex += chunkSize) {\n    result.push(array.slice(chunkIndex, chunkIndex + chunkSize));\n  }\n  return result;\n};\n\nconst withBaseName = makePrefixer(\"saltCalendarMonth\");\n\nexport const CalendarMonth = forwardRef<\n  HTMLDivElement,\n  CalendarMonthProps<DateFrameworkType>\n>(function CalendarMonth<TDate extends DateFrameworkType>(\n  props: CalendarMonthProps<TDate>,\n  ref: React.Ref<HTMLDivElement>,\n) {\n  const { className, date, onMouseLeave, CalendarDayProps, ...rest } = props;\n  const { dateAdapter } = useLocalization<TDate>();\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-calendar-month\",\n    css: calendarMonthCss,\n    window: targetWindow,\n  });\n\n  const {\n    state: { selectionVariant, timezone = \"default\" },\n    helpers: { setHoveredDate },\n  } = useCalendarContext<TDate>();\n  const days = useMemo(\n    () => generateVisibleDays<TDate>(dateAdapter, date, timezone),\n    [dateAdapter, date, timezone],\n  );\n  const handleMouseLeave = (event: SyntheticEvent) => {\n    setHoveredDate(event, null);\n    onMouseLeave?.(event as MouseEvent<HTMLDivElement>);\n  };\n\n  const weeks = useMemo(() => {\n    const days = generateVisibleDays<TDate>(dateAdapter, date, timezone);\n    return chunkArray(days, 7);\n  }, [dateAdapter, date, timezone]);\n\n  return (\n    <div\n      className={clsx(withBaseName(), className)}\n      ref={ref}\n      onMouseLeave={handleMouseLeave}\n      {...rest}\n    >\n      <div\n        data-testid=\"CalendarGrid\"\n        className={clsx(withBaseName(\"grid\"), withBaseName(selectionVariant))}\n      >\n        {weeks.map((week, index) => (\n          <div key={`row-${index}`} className={withBaseName(\"week\")}>\n            {week.map((day: TDate) => (\n              <CalendarDay\n                {...CalendarDayProps}\n                key={dateAdapter.format(day, \"DD MMM YYYY\")}\n                date={day}\n                month={date}\n              />\n            ))}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n});\n"],"names":["CalendarMonth","calendarMonthCss","days"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"useFocusManagement.js","sources":["../src/calendar/internal/useFocusManagement.ts"],"sourcesContent":["import type { DateFrameworkType } from \"@salt-ds/date-adapters\";\nimport type {\n  FocusEventHandler,\n  KeyboardEventHandler,\n  MouseEventHandler,\n} from \"react\";\nimport { useLocalization } from \"../../localization-provider\";\nimport { useCalendarContext } from \"./CalendarContext\";\n\nexport function useFocusManagement<TDate extends DateFrameworkType>({\n  date,\n}: {\n  date: TDate;\n}) {\n  const { dateAdapter } = useLocalization<TDate>();\n  const {\n    helpers: { setFocusedDate },\n  } = useCalendarContext<TDate>();\n  const handleClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n    setFocusedDate(event, date);\n  };\n\n  const handleKeyDown: KeyboardEventHandler<HTMLButtonElement> = (event) => {\n    let newDate: TDate | undefined;\n    switch (event.key) {\n      case \"ArrowUp\":\n        newDate = dateAdapter.subtract(date, { weeks: 1 });\n        break;\n      case \"ArrowDown\":\n        newDate = dateAdapter.add(date, { weeks: 1 });\n        break;\n      case \"ArrowLeft\":\n        newDate = dateAdapter.subtract(date, { days: 1 });\n        break;\n      case \"ArrowRight\":\n        newDate = dateAdapter.add(date, { days: 1 });\n        break;\n      case \"Home\":\n        newDate = dateAdapter.startOf(date, \"week\");\n        break;\n      case \"End\":\n        newDate = dateAdapter.endOf(date, \"week\");\n        break;\n      case \"PageUp\":\n        if (event.shiftKey) {\n          newDate = dateAdapter.subtract(date, { years: 1 });\n        } else {\n          newDate = dateAdapter.subtract(date, { months: 1 });\n        }\n        break;\n      case \"PageDown\":\n        if (event.shiftKey) {\n          newDate = dateAdapter.add(date, { years: 1 });\n        } else {\n          newDate = dateAdapter.add(date, { months: 1 });\n        }\n        break;\n      default:\n    }\n    if (newDate && dateAdapter.compare(newDate, date) !== 0) {\n      event.preventDefault();\n      setFocusedDate(event, newDate);\n    }\n  };\n\n  const handleFocus: FocusEventHandler<HTMLButtonElement> = (event) => {\n    setFocusedDate(event, date);\n  };\n\n  return {\n    handleClick,\n    handleKeyDown,\n    handleFocus,\n  };\n}\n"],"names":[],"mappings":";;;AASO,SAAS,kBAAoD,CAAA;AAAA,EAClE;AACF,CAEG,EAAA;AACD,EAAM,MAAA,EAAE,WAAY,EAAA,GAAI,eAAuB,EAAA;AAC/C,EAAM,MAAA;AAAA,IACJ,OAAA,EAAS,EAAE,cAAe;AAAA,MACxB,kBAA0B,EAAA;AAC9B,EAAM,MAAA,WAAA,GAAoD,CAAC,KAAU,KAAA;AACnE,IAAA,cAAA,CAAe,OAAO,IAAI,CAAA;AAAA,GAC5B;AAEA,EAAM,MAAA,aAAA,GAAyD,CAAC,KAAU,KAAA;AACxE,IAAI,IAAA,OAAA;AACJ,IAAA,QAAQ,MAAM,GAAK;AAAA,MACjB,KAAK,SAAA;AACH,QAAA,OAAA,GAAU,YAAY,QAAS,CAAA,IAAA,EAAM,EAAE,KAAA,EAAO,GAAG,CAAA;AACjD,QAAA;AAAA,MACF,KAAK,WAAA;AACH,QAAA,OAAA,GAAU,YAAY,GAAI,CAAA,IAAA,EAAM,EAAE,KAAA,EAAO,GAAG,CAAA;AAC5C,QAAA;AAAA,MACF,KAAK,WAAA;AACH,QAAA,OAAA,GAAU,YAAY,QAAS,CAAA,IAAA,EAAM,EAAE,IAAA,EAAM,GAAG,CAAA;AAChD,QAAA;AAAA,MACF,KAAK,YAAA;AACH,QAAA,OAAA,GAAU,YAAY,GAAI,CAAA,IAAA,EAAM,EAAE,IAAA,EAAM,GAAG,CAAA;AAC3C,QAAA;AAAA,MACF,KAAK,MAAA;AACH,QAAU,OAAA,GAAA,WAAA,CAAY,OAAQ,CAAA,IAAA,EAAM,MAAM,CAAA;AAC1C,QAAA;AAAA,MACF,KAAK,KAAA;AACH,QAAU,OAAA,GAAA,WAAA,CAAY,KAAM,CAAA,IAAA,EAAM,MAAM,CAAA;AACxC,QAAA;AAAA,MACF,KAAK,QAAA;AACH,QAAA,IAAI,MAAM,QAAU,EAAA;AAClB,UAAA,OAAA,GAAU,YAAY,QAAS,CAAA,IAAA,EAAM,EAAE,KAAA,EAAO,GAAG,CAAA;AAAA,SAC5C,MAAA;AACL,UAAA,OAAA,GAAU,YAAY,QAAS,CAAA,IAAA,EAAM,EAAE,MAAA,EAAQ,GAAG,CAAA;AAAA;AAEpD,QAAA;AAAA,MACF,KAAK,UAAA;AACH,QAAA,IAAI,MAAM,QAAU,EAAA;AAClB,UAAA,OAAA,GAAU,YAAY,GAAI,CAAA,IAAA,EAAM,EAAE,KAAA,EAAO,GAAG,CAAA;AAAA,SACvC,MAAA;AACL,UAAA,OAAA,GAAU,YAAY,GAAI,CAAA,IAAA,EAAM,EAAE,MAAA,EAAQ,GAAG,CAAA;AAAA;AAE/C,QAAA;AACF;AAEF,IAAA,IAAI,WAAW,WAAY,CAAA,OAAA,CAAQ,OAAS,EAAA,IAAI,MAAM,CAAG,EAAA;AACvD,MAAA,KAAA,CAAM,cAAe,EAAA;AACrB,MAAA,cAAA,CAAe,OAAO,OAAO,CAAA;AAAA;AAC/B,GACF;AAEA,EAAM,MAAA,WAAA,GAAoD,CAAC,KAAU,KAAA;AACnE,IAAA,cAAA,CAAe,OAAO,IAAI,CAAA;AAAA,GAC5B;AAEA,EAAO,OAAA;AAAA,IACL,WAAA;AAAA,IACA,aAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}
+{"version":3,"file":"useFocusManagement.js","sources":["../src/calendar/internal/useFocusManagement.ts"],"sourcesContent":["import type { DateFrameworkType } from \"@salt-ds/date-adapters\";\nimport type {\n  FocusEventHandler,\n  KeyboardEventHandler,\n  MouseEventHandler,\n} from \"react\";\nimport { useLocalization } from \"../../localization-provider\";\nimport { useCalendarContext } from \"./CalendarContext\";\n\nexport function useFocusManagement<TDate extends DateFrameworkType>({\n  date,\n}: {\n  date: TDate;\n}) {\n  const { dateAdapter } = useLocalization<TDate>();\n  const {\n    helpers: { setFocusedDate },\n  } = useCalendarContext<TDate>();\n  const handleClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n    setFocusedDate(event, date);\n  };\n\n  const handleKeyDown: KeyboardEventHandler<HTMLButtonElement> = (event) => {\n    let newDate: TDate | undefined;\n    switch (event.key) {\n      case \"ArrowUp\":\n        newDate = dateAdapter.subtract(date, { weeks: 1 });\n        break;\n      case \"ArrowDown\":\n        newDate = dateAdapter.add(date, { weeks: 1 });\n        break;\n      case \"ArrowLeft\":\n        newDate = dateAdapter.subtract(date, { days: 1 });\n        break;\n      case \"ArrowRight\":\n        newDate = dateAdapter.add(date, { days: 1 });\n        break;\n      case \"Home\":\n        newDate = dateAdapter.startOf(date, \"week\");\n        break;\n      case \"End\":\n        newDate = dateAdapter.endOf(date, \"week\");\n        break;\n      case \"PageUp\":\n        if (event.shiftKey) {\n          newDate = dateAdapter.subtract(date, { years: 1 });\n        } else {\n          newDate = dateAdapter.subtract(date, { months: 1 });\n        }\n        break;\n      case \"PageDown\":\n        if (event.shiftKey) {\n          newDate = dateAdapter.add(date, { years: 1 });\n        } else {\n          newDate = dateAdapter.add(date, { months: 1 });\n        }\n        break;\n      default:\n    }\n    if (newDate && dateAdapter.compare(newDate, date) !== 0) {\n      event.preventDefault();\n      setFocusedDate(event, newDate);\n    }\n  };\n\n  const handleFocus: FocusEventHandler<HTMLButtonElement> = (event) => {\n    setFocusedDate(event, date);\n  };\n\n  return {\n    handleClick,\n    handleKeyDown,\n    handleFocus,\n  };\n}\n"],"names":[],"mappings":";;;AASO,SAAS,kBAAA,CAAoD;AAAA,EAClE;AACF,CAAA,EAEG;AACD,EAAA,MAAM,EAAE,WAAA,EAAY,GAAI,eAAA,EAAuB;AAC/C,EAAA,MAAM;AAAA,IACJ,OAAA,EAAS,EAAE,cAAA;AAAe,MACxB,kBAAA,EAA0B;AAC9B,EAAA,MAAM,WAAA,GAAoD,CAAC,KAAA,KAAU;AACnE,IAAA,cAAA,CAAe,OAAO,IAAI,CAAA;AAAA,EAC5B,CAAA;AAEA,EAAA,MAAM,aAAA,GAAyD,CAAC,KAAA,KAAU;AACxE,IAAA,IAAI,OAAA;AACJ,IAAA,QAAQ,MAAM,GAAA;AAAK,MACjB,KAAK,SAAA;AACH,QAAA,OAAA,GAAU,YAAY,QAAA,CAAS,IAAA,EAAM,EAAE,KAAA,EAAO,GAAG,CAAA;AACjD,QAAA;AAAA,MACF,KAAK,WAAA;AACH,QAAA,OAAA,GAAU,YAAY,GAAA,CAAI,IAAA,EAAM,EAAE,KAAA,EAAO,GAAG,CAAA;AAC5C,QAAA;AAAA,MACF,KAAK,WAAA;AACH,QAAA,OAAA,GAAU,YAAY,QAAA,CAAS,IAAA,EAAM,EAAE,IAAA,EAAM,GAAG,CAAA;AAChD,QAAA;AAAA,MACF,KAAK,YAAA;AACH,QAAA,OAAA,GAAU,YAAY,GAAA,CAAI,IAAA,EAAM,EAAE,IAAA,EAAM,GAAG,CAAA;AAC3C,QAAA;AAAA,MACF,KAAK,MAAA;AACH,QAAA,OAAA,GAAU,WAAA,CAAY,OAAA,CAAQ,IAAA,EAAM,MAAM,CAAA;AAC1C,QAAA;AAAA,MACF,KAAK,KAAA;AACH,QAAA,OAAA,GAAU,WAAA,CAAY,KAAA,CAAM,IAAA,EAAM,MAAM,CAAA;AACxC,QAAA;AAAA,MACF,KAAK,QAAA;AACH,QAAA,IAAI,MAAM,QAAA,EAAU;AAClB,UAAA,OAAA,GAAU,YAAY,QAAA,CAAS,IAAA,EAAM,EAAE,KAAA,EAAO,GAAG,CAAA;AAAA,QACnD,CAAA,MAAO;AACL,UAAA,OAAA,GAAU,YAAY,QAAA,CAAS,IAAA,EAAM,EAAE,MAAA,EAAQ,GAAG,CAAA;AAAA,QACpD;AACA,QAAA;AAAA,MACF,KAAK,UAAA;AACH,QAAA,IAAI,MAAM,QAAA,EAAU;AAClB,UAAA,OAAA,GAAU,YAAY,GAAA,CAAI,IAAA,EAAM,EAAE,KAAA,EAAO,GAAG,CAAA;AAAA,QAC9C,CAAA,MAAO;AACL,UAAA,OAAA,GAAU,YAAY,GAAA,CAAI,IAAA,EAAM,EAAE,MAAA,EAAQ,GAAG,CAAA;AAAA,QAC/C;AACA,QAAA;AACF;AAEF,IAAA,IAAI,WAAW,WAAA,CAAY,OAAA,CAAQ,OAAA,EAAS,IAAI,MAAM,CAAA,EAAG;AACvD,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,cAAA,CAAe,OAAO,OAAO,CAAA;AAAA,IAC/B;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,WAAA,GAAoD,CAAC,KAAA,KAAU;AACnE,IAAA,cAAA,CAAe,OAAO,IAAI,CAAA;AAAA,EAC5B,CAAA;AAEA,EAAA,OAAO;AAAA,IACL,WAAA;AAAA,IACA,aAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../src/calendar/internal/utils.ts"],"sourcesContent":["import type {\n  DateFrameworkType,\n  SaltDateAdapter,\n  Timezone,\n} from \"@salt-ds/date-adapters\";\n\nexport function daysOfWeek<TDate extends DateFrameworkType>(\n  dateAdapter: SaltDateAdapter<TDate>,\n  format: \"long\" | \"short\" | \"narrow\",\n) {\n  return Array.from({ length: 7 }, (_, day) =>\n    dateAdapter.getDayOfWeekName(day, format),\n  );\n}\n\nexport function generateMonthsForYear<TDate extends DateFrameworkType>(\n  dateAdapter: SaltDateAdapter<TDate>,\n  currentYear: TDate,\n) {\n  const startOfYear = dateAdapter.startOf(currentYear, \"year\");\n  return Array.from({ length: 12 }, (_, month) =>\n    dateAdapter.add(startOfYear, { months: month }),\n  );\n}\n\nexport function generateVisibleDays<TDate extends DateFrameworkType>(\n  dateAdapter: SaltDateAdapter<TDate>,\n  currentMonth: TDate,\n  timezone: Timezone,\n) {\n  const totalDays = 6 * 7;\n  const startDate = dateAdapter.startOf(\n    dateAdapter.startOf(currentMonth, \"month\"),\n    \"week\",\n  );\n  return [...Array(totalDays).keys()].map((dayDelta) => {\n    let day = dateAdapter.add(startDate, { days: dayDelta });\n    day = dateAdapter.setTimezone(day, timezone);\n    return day;\n  });\n}\n\nexport function monthDiff<TDate extends DateFrameworkType>(\n  dateAdapter: SaltDateAdapter<TDate>,\n  a: TDate,\n  b: TDate,\n) {\n  const aMonth = dateAdapter.getMonth(a);\n  const aYear = dateAdapter.getYear(a);\n  const bMonth = dateAdapter.getMonth(b);\n  const bYear = dateAdapter.getYear(b);\n\n  return bMonth - aMonth + 12 * (bYear - aYear);\n}\n\nexport function generateDatesForMonth<TDate extends DateFrameworkType>(\n  dateAdapter: SaltDateAdapter<TDate>,\n  date: TDate,\n): TDate[] {\n  const startDate = dateAdapter.startOf(date, \"month\");\n  const endDate = dateAdapter.endOf(date, \"month\");\n  const dates: TDate[] = [];\n  for (\n    let currentDate = startDate;\n    dateAdapter.compare(currentDate, endDate) <= 0;\n    currentDate = dateAdapter.add(currentDate, { days: 1 })\n  ) {\n    dates.push(currentDate);\n  }\n  return dates;\n}\n"],"names":[],"mappings":"AAMgB,SAAA,UAAA,CACd,aACA,MACA,EAAA;AACA,EAAA,OAAO,KAAM,CAAA,IAAA;AAAA,IAAK,EAAE,QAAQ,CAAE,EAAA;AAAA,IAAG,CAAC,CAAG,EAAA,GAAA,KACnC,WAAY,CAAA,gBAAA,CAAiB,KAAK,MAAM;AAAA,GAC1C;AACF;AAEgB,SAAA,qBAAA,CACd,aACA,WACA,EAAA;AACA,EAAA,MAAM,WAAc,GAAA,WAAA,CAAY,OAAQ,CAAA,WAAA,EAAa,MAAM,CAAA;AAC3D,EAAA,OAAO,KAAM,CAAA,IAAA;AAAA,IAAK,EAAE,QAAQ,EAAG,EAAA;AAAA,IAAG,CAAC,GAAG,KACpC,KAAA,WAAA,CAAY,IAAI,WAAa,EAAA,EAAE,MAAQ,EAAA,KAAA,EAAO;AAAA,GAChD;AACF;AAEgB,SAAA,mBAAA,CACd,WACA,EAAA,YAAA,EACA,QACA,EAAA;AACA,EAAA,MAAM,YAAY,CAAI,GAAA,CAAA;AACtB,EAAA,MAAM,YAAY,WAAY,CAAA,OAAA;AAAA,IAC5B,WAAA,CAAY,OAAQ,CAAA,YAAA,EAAc,OAAO,CAAA;AAAA,IACzC;AAAA,GACF;AACA,EAAO,OAAA,CAAC,GAAG,KAAA,CAAM,SAAS,CAAA,CAAE,MAAM,CAAA,CAAE,GAAI,CAAA,CAAC,QAAa,KAAA;AACpD,IAAA,IAAI,MAAM,WAAY,CAAA,GAAA,CAAI,WAAW,EAAE,IAAA,EAAM,UAAU,CAAA;AACvD,IAAM,GAAA,GAAA,WAAA,CAAY,WAAY,CAAA,GAAA,EAAK,QAAQ,CAAA;AAC3C,IAAO,OAAA,GAAA;AAAA,GACR,CAAA;AACH;AAEgB,SAAA,SAAA,CACd,WACA,EAAA,CAAA,EACA,CACA,EAAA;AACA,EAAM,MAAA,MAAA,GAAS,WAAY,CAAA,QAAA,CAAS,CAAC,CAAA;AACrC,EAAM,MAAA,KAAA,GAAQ,WAAY,CAAA,OAAA,CAAQ,CAAC,CAAA;AACnC,EAAM,MAAA,MAAA,GAAS,WAAY,CAAA,QAAA,CAAS,CAAC,CAAA;AACrC,EAAM,MAAA,KAAA,GAAQ,WAAY,CAAA,OAAA,CAAQ,CAAC,CAAA;AAEnC,EAAO,OAAA,MAAA,GAAS,MAAS,GAAA,EAAA,IAAM,KAAQ,GAAA,KAAA,CAAA;AACzC;AAEgB,SAAA,qBAAA,CACd,aACA,IACS,EAAA;AACT,EAAA,MAAM,SAAY,GAAA,WAAA,CAAY,OAAQ,CAAA,IAAA,EAAM,OAAO,CAAA;AACnD,EAAA,MAAM,OAAU,GAAA,WAAA,CAAY,KAAM,CAAA,IAAA,EAAM,OAAO,CAAA;AAC/C,EAAA,MAAM,QAAiB,EAAC;AACxB,EAAA,KAAA,IACM,cAAc,SAClB,EAAA,WAAA,CAAY,OAAQ,CAAA,WAAA,EAAa,OAAO,CAAK,IAAA,CAAA,EAC7C,WAAc,GAAA,WAAA,CAAY,IAAI,WAAa,EAAA,EAAE,IAAM,EAAA,CAAA,EAAG,CACtD,EAAA;AACA,IAAA,KAAA,CAAM,KAAK,WAAW,CAAA;AAAA;AAExB,EAAO,OAAA,KAAA;AACT;;;;"}
+{"version":3,"file":"utils.js","sources":["../src/calendar/internal/utils.ts"],"sourcesContent":["import type {\n  DateFrameworkType,\n  SaltDateAdapter,\n  Timezone,\n} from \"@salt-ds/date-adapters\";\n\nexport function daysOfWeek<TDate extends DateFrameworkType>(\n  dateAdapter: SaltDateAdapter<TDate>,\n  format: \"long\" | \"short\" | \"narrow\",\n) {\n  return Array.from({ length: 7 }, (_, day) =>\n    dateAdapter.getDayOfWeekName(day, format),\n  );\n}\n\nexport function generateMonthsForYear<TDate extends DateFrameworkType>(\n  dateAdapter: SaltDateAdapter<TDate>,\n  currentYear: TDate,\n) {\n  const startOfYear = dateAdapter.startOf(currentYear, \"year\");\n  return Array.from({ length: 12 }, (_, month) =>\n    dateAdapter.add(startOfYear, { months: month }),\n  );\n}\n\nexport function generateVisibleDays<TDate extends DateFrameworkType>(\n  dateAdapter: SaltDateAdapter<TDate>,\n  currentMonth: TDate,\n  timezone: Timezone,\n) {\n  const totalDays = 6 * 7;\n  const startDate = dateAdapter.startOf(\n    dateAdapter.startOf(currentMonth, \"month\"),\n    \"week\",\n  );\n  return [...Array(totalDays).keys()].map((dayDelta) => {\n    let day = dateAdapter.add(startDate, { days: dayDelta });\n    day = dateAdapter.setTimezone(day, timezone);\n    return day;\n  });\n}\n\nexport function monthDiff<TDate extends DateFrameworkType>(\n  dateAdapter: SaltDateAdapter<TDate>,\n  a: TDate,\n  b: TDate,\n) {\n  const aMonth = dateAdapter.getMonth(a);\n  const aYear = dateAdapter.getYear(a);\n  const bMonth = dateAdapter.getMonth(b);\n  const bYear = dateAdapter.getYear(b);\n\n  return bMonth - aMonth + 12 * (bYear - aYear);\n}\n\nexport function generateDatesForMonth<TDate extends DateFrameworkType>(\n  dateAdapter: SaltDateAdapter<TDate>,\n  date: TDate,\n): TDate[] {\n  const startDate = dateAdapter.startOf(date, \"month\");\n  const endDate = dateAdapter.endOf(date, \"month\");\n  const dates: TDate[] = [];\n  for (\n    let currentDate = startDate;\n    dateAdapter.compare(currentDate, endDate) <= 0;\n    currentDate = dateAdapter.add(currentDate, { days: 1 })\n  ) {\n    dates.push(currentDate);\n  }\n  return dates;\n}\n"],"names":[],"mappings":"AAMO,SAAS,UAAA,CACd,aACA,MAAA,EACA;AACA,EAAA,OAAO,KAAA,CAAM,IAAA;AAAA,IAAK,EAAE,QAAQ,CAAA,EAAE;AAAA,IAAG,CAAC,CAAA,EAAG,GAAA,KACnC,WAAA,CAAY,gBAAA,CAAiB,KAAK,MAAM;AAAA,GAC1C;AACF;AAEO,SAAS,qBAAA,CACd,aACA,WAAA,EACA;AACA,EAAA,MAAM,WAAA,GAAc,WAAA,CAAY,OAAA,CAAQ,WAAA,EAAa,MAAM,CAAA;AAC3D,EAAA,OAAO,KAAA,CAAM,IAAA;AAAA,IAAK,EAAE,QAAQ,EAAA,EAAG;AAAA,IAAG,CAAC,GAAG,KAAA,KACpC,WAAA,CAAY,IAAI,WAAA,EAAa,EAAE,MAAA,EAAQ,KAAA,EAAO;AAAA,GAChD;AACF;AAEO,SAAS,mBAAA,CACd,WAAA,EACA,YAAA,EACA,QAAA,EACA;AACA,EAAA,MAAM,YAAY,CAAA,GAAI,CAAA;AACtB,EAAA,MAAM,YAAY,WAAA,CAAY,OAAA;AAAA,IAC5B,WAAA,CAAY,OAAA,CAAQ,YAAA,EAAc,OAAO,CAAA;AAAA,IACzC;AAAA,GACF;AACA,EAAA,OAAO,CAAC,GAAG,KAAA,CAAM,SAAS,CAAA,CAAE,MAAM,CAAA,CAAE,GAAA,CAAI,CAAC,QAAA,KAAa;AACpD,IAAA,IAAI,MAAM,WAAA,CAAY,GAAA,CAAI,WAAW,EAAE,IAAA,EAAM,UAAU,CAAA;AACvD,IAAA,GAAA,GAAM,WAAA,CAAY,WAAA,CAAY,GAAA,EAAK,QAAQ,CAAA;AAC3C,IAAA,OAAO,GAAA;AAAA,EACT,CAAC,CAAA;AACH;AAEO,SAAS,SAAA,CACd,WAAA,EACA,CAAA,EACA,CAAA,EACA;AACA,EAAA,MAAM,MAAA,GAAS,WAAA,CAAY,QAAA,CAAS,CAAC,CAAA;AACrC,EAAA,MAAM,KAAA,GAAQ,WAAA,CAAY,OAAA,CAAQ,CAAC,CAAA;AACnC,EAAA,MAAM,MAAA,GAAS,WAAA,CAAY,QAAA,CAAS,CAAC,CAAA;AACrC,EAAA,MAAM,KAAA,GAAQ,WAAA,CAAY,OAAA,CAAQ,CAAC,CAAA;AAEnC,EAAA,OAAO,MAAA,GAAS,MAAA,GAAS,EAAA,IAAM,KAAA,GAAQ,KAAA,CAAA;AACzC;AAEO,SAAS,qBAAA,CACd,aACA,IAAA,EACS;AACT,EAAA,MAAM,SAAA,GAAY,WAAA,CAAY,OAAA,CAAQ,IAAA,EAAM,OAAO,CAAA;AACnD,EAAA,MAAM,OAAA,GAAU,WAAA,CAAY,KAAA,CAAM,IAAA,EAAM,OAAO,CAAA;AAC/C,EAAA,MAAM,QAAiB,EAAC;AACxB,EAAA,KAAA,IACM,cAAc,SAAA,EAClB,WAAA,CAAY,OAAA,CAAQ,WAAA,EAAa,OAAO,CAAA,IAAK,CAAA,EAC7C,WAAA,GAAc,WAAA,CAAY,IAAI,WAAA,EAAa,EAAE,IAAA,EAAM,CAAA,EAAG,CAAA,EACtD;AACA,IAAA,KAAA,CAAM,KAAK,WAAW,CAAA;AAAA,EACxB;AACA,EAAA,OAAO,KAAA;AACT;;;;"}

package/dist-es/calendar/useCalendar.js

@@ -5,7 +5,6 @@ import { useCalendarSelection } from './useCalendarSelection.js';
 
 const defaultIsDayUnselectable = () => false;
 const defaultIsDayHighlighted = () => false;
-const defaultIsDayDisabled = () => false;
 function useCalendar(props) {
   var _a;
   const {
@@ -20,7 +19,6 @@ function useCalendar(props) {
     hoveredDate,
     focusedDate: focusedDateProp,
     focusedDateRef,
-    isDayDisabled = defaultIsDayDisabled,
     isDayHighlighted = defaultIsDayHighlighted,
     isDayUnselectable = defaultIsDayUnselectable,
     multiselect,
@@ -41,7 +39,10 @@ function useCalendar(props) {
   const { matchedBreakpoints } = useBreakpoint();
   const responsiveNumberOfVisibleMonths = resolveResponsiveValue(numberOfVisibleMonths, matchedBreakpoints) ?? 1;
   const [visibleMonth, setVisibleMonthState] = useControlled({
-    controlled: visibleMonthProp ? dateAdapter.startOf(visibleMonthProp, "month") : void 0,
+    controlled: useMemo(
+      () => visibleMonthProp ? dateAdapter.startOf(visibleMonthProp, "month") : void 0,
+      [visibleMonthProp]
+    ),
     // biome-ignore lint/correctness/useExhaustiveDependencies: just on mount
     default: useMemo(
       () => dateAdapter.startOf(defaultVisibleMonth, "month"),
@@ -73,8 +74,8 @@ function useCalendar(props) {
     [dateAdapter, minDate, maxDate]
   );
   const isDaySelectable = useCallback(
-    (date) => !(date && (isDayUnselectable(date) || isDayDisabled(date) || isOutsideAllowedDates(date))),
-    [isDayUnselectable, isDayDisabled, isOutsideAllowedDates]
+    (date) => !(date && (isDayUnselectable(date) || isOutsideAllowedDates(date))),
+    [isDayUnselectable, isOutsideAllowedDates]
   );
   const isDayVisible = useCallback(
     (date) => {
@@ -114,7 +115,7 @@ function useCalendar(props) {
   useEffect(() => {
     var _a2;
     const focusedDate = (_a2 = selectionManager == null ? void 0 : selectionManager.state) == null ? void 0 : _a2.focusedDate;
-    const shouldTransition = focusedDate && !focusedDateProp !== void 0 && !isDayVisible(focusedDate) && isDaySelectable(focusedDate) && !isOutsideAllowedDates(focusedDate);
+    const shouldTransition = focusedDate && !focusedDateProp !== void 0 && !isDayVisible(focusedDate) && !isOutsideAllowedDates(focusedDate);
     if (shouldTransition) {
       setVisibleMonth(null, dateAdapter.startOf(focusedDate, "month"));
     }
@@ -122,7 +123,6 @@ function useCalendar(props) {
     dateAdapter,
     focusedDateProp,
     isOutsideAllowedDates,
-    isDaySelectable,
     (_a = selectionManager == null ? void 0 : selectionManager.state) == null ? void 0 : _a.focusedDate
   ]);
   const setVisibleMonth = useCallback(
@@ -149,7 +149,6 @@ function useCalendar(props) {
         setVisibleMonth,
         isDayUnselectable,
         isDayHighlighted,
-        isDayDisabled,
         isDayVisible,
         isOutsideAllowedDates,
         isOutsideAllowedMonths,
@@ -168,7 +167,6 @@ function useCalendar(props) {
       setVisibleMonth,
       isDayUnselectable,
       isDayHighlighted,
-      isDayDisabled,
       isDayVisible,
       isOutsideAllowedDates,
       isOutsideAllowedMonths,

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

@@ -1 +1 @@
-{"version":3,"file":"useCalendar.js","sources":["../src/calendar/useCalendar.ts"],"sourcesContent":["import {\n  type ResponsiveProp,\n  resolveResponsiveValue,\n  useBreakpoint,\n  useControlled,\n} from \"@salt-ds/core\";\nimport type { DateFrameworkType, Timezone } from \"@salt-ds/date-adapters\";\nimport { type SyntheticEvent, useCallback, useEffect, useMemo } from \"react\";\nimport { useLocalization } from \"../localization-provider\";\nimport {\n  type UseCalendarSelectionBaseProps,\n  type UseCalendarSelectionMultiselectOffsetProps,\n  type UseCalendarSelectionMultiselectRangeProps,\n  type UseCalendarSelectionMultiselectSingleProps,\n  type UseCalendarSelectionOffsetProps,\n  type UseCalendarSelectionProps,\n  type UseCalendarSelectionRangeProps,\n  type UseCalendarSelectionSingleProps,\n  useCalendarSelection,\n} from \"./useCalendarSelection\";\n\n/**\n * Base properties for the UseCalendar hook.\n * @template TDate - The type of the date object.\n */\ninterface UseCalendarBaseProps<TDate>\n  extends UseCalendarSelectionBaseProps<TDate> {\n  /**\n   * The default visible month.\n   */\n  defaultVisibleMonth?: TDate;\n  /**\n   * Callback fired when the visible month changes.\n   * @param event - The synthetic event or null if triggered by code.\n   * @param visibleMonth - The new visible month.\n   */\n  onVisibleMonthChange?: (\n    event: SyntheticEvent | null,\n    visibleMonth: TDate,\n  ) => void;\n  /**\n   * Function to determine if a day is unselectable.\n   * @param date - The date to check.\n   * @returns A string reason if the day is unselectable, otherwise `false` or `undefined`.\n   */\n  isDayUnselectable?: (date: TDate) => string | false | undefined;\n  /**\n   * Function to determine if a day is highlighted.\n   * @param date - The date to check.\n   * @returns A string reason if the day is highlighted, otherwise `false` or `undefined`.\n   */\n  isDayHighlighted?: (date: TDate) => string | false | undefined;\n  /**\n   * Function to determine if a day is disabled.\n   * @param date - The date to check.\n   * @returns A string reason if the day is disabled, otherwise `false` or `undefined`.\n   */\n  isDayDisabled?: (date: TDate) => string | false | undefined;\n  /**\n   * If `true`, hides dates that are out of the selectable range.\n   */\n  hideOutOfRangeDates?: boolean;\n  /**\n   * The minimum selectable date.\n   */\n  minDate?: TDate;\n  /**\n   * The maximum selectable date.\n   */\n  maxDate?: TDate;\n  /**\n   * Number of visible months, maximum 12, defaults to 1.\n   */\n  numberOfVisibleMonths?: ResponsiveProp<\n    1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12\n  >;\n  /**\n   * If `true`, the calendar will be multiselect.\n   */\n  multiselect?: boolean;\n}\n\n/**\n * UseCalendar hook props for a single date selection.\n */\nexport interface UseCalendarSingleProps<TDate extends DateFrameworkType>\n  extends UseCalendarSelectionSingleProps<TDate>,\n    UseCalendarBaseProps<TDate> {}\n\n/**\n * UseCalendar hook props for a multi-select, single date selection.\n */\nexport interface UseCalendarMultiselectSingleProps<\n  TDate extends DateFrameworkType,\n> extends UseCalendarSelectionMultiselectSingleProps<TDate>,\n    Omit<UseCalendarBaseProps<TDate>, \"multiselect\"> {}\n\n/**\n * UseCalendar hook props for a date range selection.\n * @template TDate - The type of the date object.\n */\nexport interface UseCalendarRangeProps<TDate extends DateFrameworkType>\n  extends UseCalendarSelectionRangeProps<TDate>,\n    UseCalendarBaseProps<TDate> {}\n\n/**\n * UseCalendar hook props for a multi-select, date range selection.\n * @template TDate - The type of the date object.\n */\nexport interface UseCalendarMultiselectRangeProps<\n  TDate extends DateFrameworkType,\n> extends UseCalendarSelectionMultiselectRangeProps<TDate>,\n    Omit<UseCalendarBaseProps<TDate>, \"multiselect\"> {}\n\n/**\n * UseCalendar hook props for an offset date selection.\n * @template TDate - The type of the date object.\n */\nexport interface UseCalendarOffsetProps<TDate extends DateFrameworkType>\n  extends UseCalendarSelectionOffsetProps<TDate>,\n    UseCalendarBaseProps<TDate> {}\n\n/**\n * UseCalendar hook props for a multi-select, offset selection.\n * @template TDate - The type of the date object.\n */\nexport interface UseCalendarMultiselectOffsetProps<\n  TDate extends DateFrameworkType,\n> extends UseCalendarSelectionMultiselectOffsetProps<TDate>,\n    Omit<UseCalendarBaseProps<TDate>, \"multiselect\"> {}\n\n/**\n * UseCalendar hook props, wth the selection variant determining the return type of the date selection\n * @template TDate - The type of the date object.\n */\nexport type UseCalendarProps<TDate extends DateFrameworkType> =\n  | UseCalendarSingleProps<TDate>\n  | UseCalendarMultiselectSingleProps<TDate>\n  | UseCalendarRangeProps<TDate>\n  | UseCalendarMultiselectRangeProps<TDate>\n  | UseCalendarOffsetProps<TDate>\n  | UseCalendarMultiselectOffsetProps<TDate>;\n\n/**\n * Default function to determine if a day is unselectable.\n * @returns `false` indicating the day is selectable.\n */\nconst defaultIsDayUnselectable = (): string | false => false;\n\n/**\n * Default function to determine if a day is highlighted.\n * @returns `false` indicating the day is not highlighted.\n */\nconst defaultIsDayHighlighted = (): string | false => false;\n\n/**\n * Default function to determine if a day is disabled.\n * @returns `false` indicating the day is not disabled.\n */\nconst defaultIsDayDisabled = (): false => false;\n\n/**\n * Represents the return type of the useCalendar hook.\n * @template TDate - The type of the date object.\n */\nexport interface UseCalendarReturn<TDate extends DateFrameworkType> {\n  /**\n   * The state of the calendar.\n   */\n  state: {\n    /**\n     * The currently visible month in the calendar.\n     */\n    visibleMonth: TDate;\n\n    /**\n     * The currently focused date in the calendar, or null if no date is focused.\n     */\n    focusedDate: TDate | null;\n\n    /**\n     *  Focusable dates based on current state\n     */\n    focusableDates: TDate[];\n\n    /**\n     * The minimum selectable date in the calendar.\n     */\n    minDate: TDate;\n\n    /**\n     * The maximum selectable date in the calendar.\n     */\n    maxDate: TDate;\n\n    /**\n     * The selection variant of the calendar, indicating the type of selection allowed.\n     */\n    selectionVariant: \"single\" | \"range\" | \"offset\";\n\n    /**\n     * Whether to hide dates that are out of the selectable range.\n     */\n    hideOutOfRangeDates?: boolean;\n\n    /**\n     * Number of visible months\n     */\n    numberOfVisibleMonths: number;\n    /**\n     * Specifies the timezone behavior:\n     * - If undefined, the timezone will be derived from the passed date, or from `defaultSelectedDate`/`selectedDate`.\n     * - If set to \"default\", the default timezone of the date library will be used.\n     * - If set to \"system\", the local system's timezone will be applied.\n     * - If set to \"UTC\", the time will be returned in UTC.\n     * - If set to a valid IANA timezone identifier, the time will be returned for that specific timezone.\n     */\n    timezone?: Timezone;\n    /**\n     * Additional state properties from selectionManager.state.\n     */\n    // biome-ignore lint/suspicious/noExplicitAny: user defined\n    [key: string]: any; // Use a more specific type if possible\n  };\n\n  /**\n   * Helper functions for interacting with the calendar.\n   */\n  helpers: {\n    /**\n     * Sets the visible month in the calendar.\n     *\n     * @param event - The synthetic event or null if triggered by code.\n     * @param newVisibleMonth - The new visible month to set.\n     */\n    setVisibleMonth: (\n      event: SyntheticEvent | null,\n      newVisibleMonth: TDate,\n    ) => void;\n\n    /**\n     * Sets the focused date in the calendar.\n     *\n     * @param event - The synthetic event or null if triggered by code.\n     * @param date - The new date to focus.\n     */\n    setFocusedDate: (event: SyntheticEvent | null, date: TDate | null) => void;\n\n    /**\n     * Determines if a day is unselectable.\n     *\n     * @param date - The date to check.\n     * @returns A string reason if the day is unselectable, otherwise `false` or `undefined`.\n     */\n    isDayUnselectable: (date: TDate) => string | false | undefined;\n\n    /**\n     * Determines if a day is highlighted.\n     *\n     * @param date - The date to check.\n     * @returns A string reason if the day is highlighted, otherwise `false` or `undefined`.\n     */\n    isDayHighlighted: (date: TDate) => string | false | undefined;\n\n    /**\n     * Determines if a day is disabled.\n     *\n     * @param date - The date to check.\n     * @returns A string reason if the day is disabled, otherwise `false` or `undefined`.\n     */\n    isDayDisabled: (date: TDate) => string | false | undefined;\n\n    /**\n     * Determines if a day is visible in the calendar.\n     *\n     * @param date - The date to check.\n     * @returns `true` if the day is visible, otherwise `false`.\n     */\n    isDayVisible: (date: TDate) => boolean;\n\n    /**\n     * Determines if a date is outside the allowed date range.\n     *\n     * @param date - The date to check.\n     * @returns `true` if the date is outside the allowed range, otherwise `false`.\n     */\n    isOutsideAllowedDates: (date: TDate) => boolean;\n\n    /**\n     * Determines if a month is outside the allowed range.\n     *\n     * @param date - The date to check.\n     * @returns `true` if the month is outside the allowed range, otherwise `false`.\n     */\n    isOutsideAllowedMonths: (date: TDate) => boolean;\n\n    /**\n     * Determines if a year is outside the allowed range.\n     *\n     * @param date - The date to check.\n     * @returns `true` if the year is outside the allowed range, otherwise `false`.\n     */\n    isOutsideAllowedYears: (date: TDate) => boolean;\n\n    /**\n     * Sets the selected date in the calendar.\n     *\n     * @param event - The event triggering the change.\n     * @param newSelectedDate - The new date to select.\n     */\n    setSelectedDate: (\n      event:\n        | React.KeyboardEvent<HTMLButtonElement>\n        | React.MouseEvent<HTMLButtonElement, MouseEvent>,\n      newSelectedDate: TDate,\n    ) => void;\n\n    /**\n     * Determines if a date is selected.\n     *\n     * @param date - The date to check.\n     * @returns `true` if the date is selected, otherwise `false`.\n     */\n    isSelected: (date: TDate) => boolean;\n\n    /**\n     * Sets the hovered date in the calendar.\n     *\n     * @param event - The event triggering the change.\n     * @param newHoveredDate - The new date to hover.\n     */\n    setHoveredDate: (\n      event: SyntheticEvent,\n      newHoveredDate: TDate | null,\n    ) => void;\n\n    /**\n     * Determines if a date is part of a selected span.\n     *\n     * @param date - The date to check.\n     * @returns `true` if the date is part of a selected span, otherwise `false`.\n     */\n    isSelectedSpan: (date: TDate) => boolean;\n\n    /**\n     * Determines if a date is part of a hovered span.\n     *\n     * @param date - The date to check.\n     * @returns `true` if the date is part of a hovered span, otherwise `false`.\n     */\n    isHoveredSpan: (date: TDate) => boolean;\n\n    /**\n     * Determines if a date is the start of a selected range.\n     *\n     * @param date - The date to check.\n     * @returns `true` if the date is the start of a selected range, otherwise `false`.\n     */\n    isSelectedStart: (date: TDate) => boolean;\n\n    /**\n     * Determines if a date is the end of a selected range.\n     *\n     * @param date - The date to check.\n     * @returns `true` if the date is the end of a selected range, otherwise `false`.\n     */\n    isSelectedEnd: (date: TDate) => boolean;\n\n    /**\n     * Determines if a date is hovered.\n     *\n     * @param date - The date to check.\n     * @returns `true` if the date is hovered, otherwise `false`.\n     */\n    isHovered: (date: TDate) => boolean;\n\n    /**\n     * Determines if a date is part of a hovered offset.\n     *\n     * @param date - The date to check.\n     * @returns `true` if the date is part of a hovered offset, otherwise `false`.\n     */\n    isHoveredOffset: (date: TDate) => boolean;\n\n    /**\n     * Determines if a day is selectable.\n     *\n     * @param date - The date to check.\n     * @returns `true` if the day is selectable, otherwise `false`.\n     */\n    isDaySelectable: (date: TDate) => boolean;\n  };\n}\n\nexport function useCalendar<TDate extends DateFrameworkType>(\n  props: UseCalendarProps<TDate>,\n): UseCalendarReturn<TDate> {\n  const {\n    dateAdapter,\n    defaultDates: { minDate: defaultMinDate, maxDate: defaultMaxDate },\n  } = useLocalization<TDate>();\n  const {\n    timezone,\n    defaultSelectedDate,\n    defaultVisibleMonth = dateAdapter.today(timezone),\n    hideOutOfRangeDates,\n    hoveredDate,\n    focusedDate: focusedDateProp,\n    focusedDateRef,\n    isDayDisabled = defaultIsDayDisabled,\n    isDayHighlighted = defaultIsDayHighlighted,\n    isDayUnselectable = defaultIsDayUnselectable,\n    multiselect,\n    maxDate = defaultMaxDate,\n    minDate = defaultMinDate,\n    numberOfVisibleMonths = 1,\n    onHoveredDateChange,\n    onSelectionChange,\n    onVisibleMonthChange,\n    onFocusedDateChange,\n    select,\n    selectedDate,\n    selectionVariant,\n    visibleMonth: visibleMonthProp,\n    // startDateOffset,\n    // endDateOffset,\n  } = props;\n  const { matchedBreakpoints } = useBreakpoint();\n\n  const responsiveNumberOfVisibleMonths =\n    resolveResponsiveValue(numberOfVisibleMonths, matchedBreakpoints) ?? 1;\n\n  const [visibleMonth, setVisibleMonthState] = useControlled({\n    controlled: visibleMonthProp\n      ? dateAdapter.startOf(visibleMonthProp, \"month\")\n      : undefined,\n    // biome-ignore lint/correctness/useExhaustiveDependencies: just on mount\n    default: useMemo(\n      () => dateAdapter.startOf(defaultVisibleMonth, \"month\"),\n      [],\n    ),\n    name: \"Calendar\",\n    state: \"visibleMonth\",\n  });\n\n  const isOutsideAllowedDates = useCallback(\n    (date: TDate) => {\n      return (\n        dateAdapter.compare(date, minDate) < 0 ||\n        dateAdapter.compare(date, maxDate) > 0\n      );\n    },\n    [dateAdapter, maxDate, minDate],\n  );\n\n  const isOutsideAllowedMonths = useCallback(\n    (date: TDate) => {\n      const startOfMonth = dateAdapter.startOf(date, \"month\");\n      const endOfMonth = dateAdapter.endOf(date, \"month\");\n      return (\n        dateAdapter.compare(endOfMonth, minDate) < 0 ||\n        dateAdapter.compare(startOfMonth, maxDate) > 0\n      );\n    },\n    [dateAdapter, minDate, maxDate],\n  );\n\n  const isOutsideAllowedYears = useCallback(\n    (date: TDate) => {\n      const startOfYear = dateAdapter.startOf(date, \"year\");\n      const endOfYear = dateAdapter.endOf(date, \"year\");\n      return (\n        dateAdapter.compare(endOfYear, minDate) < 0 ||\n        dateAdapter.compare(startOfYear, maxDate) > 0\n      );\n    },\n    [dateAdapter, minDate, maxDate],\n  );\n\n  const isDaySelectable = useCallback(\n    (date?: TDate) =>\n      !(\n        date &&\n        (isDayUnselectable(date) ||\n          isDayDisabled(date) ||\n          isOutsideAllowedDates(date))\n      ),\n    [isDayUnselectable, isDayDisabled, isOutsideAllowedDates],\n  );\n\n  const isDayVisible = useCallback(\n    (date?: TDate | null) => {\n      if (!date) {\n        return false;\n      }\n      const startInsideDays = dateAdapter.startOf(visibleMonth, \"month\");\n\n      if (dateAdapter.compare(date, startInsideDays) < 0) return false;\n\n      const endVisibleMonth = dateAdapter.add(visibleMonth, {\n        months: responsiveNumberOfVisibleMonths - 1,\n      });\n      const endInsideDays = dateAdapter.endOf(endVisibleMonth, \"month\");\n\n      return !(dateAdapter.compare(date, endInsideDays) > 0);\n    },\n    [dateAdapter, responsiveNumberOfVisibleMonths, visibleMonth],\n  );\n\n  const selectionManager = useCalendarSelection<TDate>({\n    defaultSelectedDate,\n    selectedDate,\n    onSelectionChange,\n    startDateOffset:\n      props.selectionVariant === \"offset\" ? props.startDateOffset : undefined,\n    endDateOffset:\n      props.selectionVariant === \"offset\" ? props.endDateOffset : undefined,\n    isOutsideAllowedDates,\n    isDaySelectable,\n    isDayVisible,\n    focusedDate: focusedDateProp,\n    focusedDateRef,\n    multiselect,\n    onFocusedDateChange,\n    select,\n    selectionVariant,\n    onHoveredDateChange,\n    hoveredDate,\n    timezone,\n    visibleMonth,\n  } as UseCalendarSelectionProps<TDate>);\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: isDayVisible ignored (due to dependency on visibleMonth)\n  useEffect(() => {\n    const focusedDate = selectionManager?.state?.focusedDate;\n    const shouldTransition =\n      focusedDate &&\n      !focusedDateProp !== undefined &&\n      !isDayVisible(focusedDate) &&\n      isDaySelectable(focusedDate) &&\n      !isOutsideAllowedDates(focusedDate);\n\n    if (shouldTransition) {\n      setVisibleMonth(null, dateAdapter.startOf(focusedDate, \"month\"));\n    }\n  }, [\n    dateAdapter,\n    focusedDateProp,\n    isOutsideAllowedDates,\n    isDaySelectable,\n    selectionManager?.state?.focusedDate,\n  ]);\n\n  const setVisibleMonth = useCallback(\n    (event: SyntheticEvent | null, newVisibleMonth: TDate) => {\n      setVisibleMonthState(newVisibleMonth);\n      onVisibleMonthChange?.(event, newVisibleMonth);\n    },\n    [onVisibleMonthChange],\n  );\n\n  return useMemo(\n    () =>\n      ({\n        state: {\n          visibleMonth,\n          timezone,\n          multiselect,\n          minDate,\n          maxDate,\n          numberOfVisibleMonths: responsiveNumberOfVisibleMonths,\n          selectionVariant,\n          hideOutOfRangeDates,\n          ...selectionManager.state,\n        },\n        helpers: {\n          setVisibleMonth,\n          isDayUnselectable,\n          isDayHighlighted,\n          isDayDisabled,\n          isDayVisible,\n          isOutsideAllowedDates,\n          isOutsideAllowedMonths,\n          isOutsideAllowedYears,\n          ...selectionManager.helpers,\n        },\n      }) as UseCalendarReturn<TDate>,\n    [\n      visibleMonth,\n      timezone,\n      multiselect,\n      minDate,\n      maxDate,\n      selectionVariant,\n      hideOutOfRangeDates,\n      setVisibleMonth,\n      isDayUnselectable,\n      isDayHighlighted,\n      isDayDisabled,\n      isDayVisible,\n      isOutsideAllowedDates,\n      isOutsideAllowedMonths,\n      isOutsideAllowedYears,\n      responsiveNumberOfVisibleMonths,\n      selectionManager,\n    ],\n  );\n}\n"],"names":["_a"],"mappings":"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"}
+{"version":3,"file":"useCalendar.js","sources":["../src/calendar/useCalendar.ts"],"sourcesContent":["import {\n  type ResponsiveProp,\n  resolveResponsiveValue,\n  useBreakpoint,\n  useControlled,\n} from \"@salt-ds/core\";\nimport type { DateFrameworkType, Timezone } from \"@salt-ds/date-adapters\";\nimport { type SyntheticEvent, useCallback, useEffect, useMemo } from \"react\";\nimport { useLocalization } from \"../localization-provider\";\nimport {\n  type UseCalendarSelectionBaseProps,\n  type UseCalendarSelectionMultiselectOffsetProps,\n  type UseCalendarSelectionMultiselectRangeProps,\n  type UseCalendarSelectionMultiselectSingleProps,\n  type UseCalendarSelectionOffsetProps,\n  type UseCalendarSelectionProps,\n  type UseCalendarSelectionRangeProps,\n  type UseCalendarSelectionSingleProps,\n  useCalendarSelection,\n} from \"./useCalendarSelection\";\n\n/**\n * Base properties for the UseCalendar hook.\n * @template TDate - The type of the date object.\n */\ninterface UseCalendarBaseProps<TDate>\n  extends UseCalendarSelectionBaseProps<TDate> {\n  /**\n   * The default visible month.\n   */\n  defaultVisibleMonth?: TDate;\n  /**\n   * Callback fired when the visible month changes.\n   * @param event - The synthetic event or null if triggered by code.\n   * @param visibleMonth - The new visible month.\n   */\n  onVisibleMonthChange?: (\n    event: SyntheticEvent | null,\n    visibleMonth: TDate,\n  ) => void;\n  /**\n   * Function to determine if a day is unselectable.\n   * @param date - The date to check.\n   * @returns A string reason if the day is unselectable, otherwise `false` or `undefined`.\n   */\n  isDayUnselectable?: (date: TDate) => string | false | undefined;\n  /**\n   * Function to determine if a day is highlighted.\n   * @param date - The date to check.\n   * @returns A string reason if the day is highlighted, otherwise `false` or `undefined`.\n   */\n  isDayHighlighted?: (date: TDate) => string | false | undefined;\n  /**\n   * If `true`, hides dates that are out of the selectable range.\n   */\n  hideOutOfRangeDates?: boolean;\n  /**\n   * The minimum selectable date.\n   */\n  minDate?: TDate;\n  /**\n   * The maximum selectable date.\n   */\n  maxDate?: TDate;\n  /**\n   * Number of visible months, maximum 12, defaults to 1.\n   */\n  numberOfVisibleMonths?: ResponsiveProp<\n    1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12\n  >;\n  /**\n   * If `true`, the calendar will be multiselect.\n   */\n  multiselect?: boolean;\n}\n\n/**\n * UseCalendar hook props for a single date selection.\n */\nexport interface UseCalendarSingleProps<TDate extends DateFrameworkType>\n  extends UseCalendarSelectionSingleProps<TDate>,\n    UseCalendarBaseProps<TDate> {}\n\n/**\n * UseCalendar hook props for a multi-select, single date selection.\n */\nexport interface UseCalendarMultiselectSingleProps<\n  TDate extends DateFrameworkType,\n> extends UseCalendarSelectionMultiselectSingleProps<TDate>,\n    Omit<UseCalendarBaseProps<TDate>, \"multiselect\"> {}\n\n/**\n * UseCalendar hook props for a date range selection.\n * @template TDate - The type of the date object.\n */\nexport interface UseCalendarRangeProps<TDate extends DateFrameworkType>\n  extends UseCalendarSelectionRangeProps<TDate>,\n    UseCalendarBaseProps<TDate> {}\n\n/**\n * UseCalendar hook props for a multi-select, date range selection.\n * @template TDate - The type of the date object.\n */\nexport interface UseCalendarMultiselectRangeProps<\n  TDate extends DateFrameworkType,\n> extends UseCalendarSelectionMultiselectRangeProps<TDate>,\n    Omit<UseCalendarBaseProps<TDate>, \"multiselect\"> {}\n\n/**\n * UseCalendar hook props for an offset date selection.\n * @template TDate - The type of the date object.\n */\nexport interface UseCalendarOffsetProps<TDate extends DateFrameworkType>\n  extends UseCalendarSelectionOffsetProps<TDate>,\n    UseCalendarBaseProps<TDate> {}\n\n/**\n * UseCalendar hook props for a multi-select, offset selection.\n * @template TDate - The type of the date object.\n */\nexport interface UseCalendarMultiselectOffsetProps<\n  TDate extends DateFrameworkType,\n> extends UseCalendarSelectionMultiselectOffsetProps<TDate>,\n    Omit<UseCalendarBaseProps<TDate>, \"multiselect\"> {}\n\n/**\n * UseCalendar hook props, wth the selection variant determining the return type of the date selection\n * @template TDate - The type of the date object.\n */\nexport type UseCalendarProps<TDate extends DateFrameworkType> =\n  | UseCalendarSingleProps<TDate>\n  | UseCalendarMultiselectSingleProps<TDate>\n  | UseCalendarRangeProps<TDate>\n  | UseCalendarMultiselectRangeProps<TDate>\n  | UseCalendarOffsetProps<TDate>\n  | UseCalendarMultiselectOffsetProps<TDate>;\n\n/**\n * Default function to determine if a day is unselectable.\n * @returns `false` indicating the day is selectable.\n */\nconst defaultIsDayUnselectable = (): string | false => false;\n\n/**\n * Default function to determine if a day is highlighted.\n * @returns `false` indicating the day is not highlighted.\n */\nconst defaultIsDayHighlighted = (): string | false => false;\n\n/**\n * Represents the return type of the useCalendar hook.\n * @template TDate - The type of the date object.\n */\nexport interface UseCalendarReturn<TDate extends DateFrameworkType> {\n  /**\n   * The state of the calendar.\n   */\n  state: {\n    /**\n     * The currently visible month in the calendar.\n     */\n    visibleMonth: TDate;\n\n    /**\n     * The currently focused date in the calendar, or null if no date is focused.\n     */\n    focusedDate: TDate | null;\n\n    /**\n     *  Focusable dates based on current state\n     */\n    focusableDates: TDate[];\n\n    /**\n     * The minimum selectable date in the calendar.\n     */\n    minDate: TDate;\n\n    /**\n     * The maximum selectable date in the calendar.\n     */\n    maxDate: TDate;\n\n    /**\n     * The selection variant of the calendar, indicating the type of selection allowed.\n     */\n    selectionVariant: \"single\" | \"range\" | \"offset\";\n\n    /**\n     * Whether to hide dates that are out of the selectable range.\n     */\n    hideOutOfRangeDates?: boolean;\n\n    /**\n     * Number of visible months\n     */\n    numberOfVisibleMonths: number;\n    /**\n     * Specifies the timezone behavior:\n     * - If undefined, the timezone will be derived from the passed date, or from `defaultSelectedDate`/`selectedDate`.\n     * - If set to \"default\", the default timezone of the date library will be used.\n     * - If set to \"system\", the local system's timezone will be applied.\n     * - If set to \"UTC\", the time will be returned in UTC.\n     * - If set to a valid IANA timezone identifier, the time will be returned for that specific timezone.\n     */\n    timezone?: Timezone;\n    /**\n     * Additional state properties from selectionManager.state.\n     */\n    // biome-ignore lint/suspicious/noExplicitAny: user defined\n    [key: string]: any; // Use a more specific type if possible\n  };\n\n  /**\n   * Helper functions for interacting with the calendar.\n   */\n  helpers: {\n    /**\n     * Sets the visible month in the calendar.\n     *\n     * @param event - The synthetic event or null if triggered by code.\n     * @param newVisibleMonth - The new visible month to set.\n     */\n    setVisibleMonth: (\n      event: SyntheticEvent | null,\n      newVisibleMonth: TDate,\n    ) => void;\n\n    /**\n     * Sets the focused date in the calendar.\n     *\n     * @param event - The synthetic event or null if triggered by code.\n     * @param date - The new date to focus.\n     */\n    setFocusedDate: (event: SyntheticEvent | null, date: TDate | null) => void;\n\n    /**\n     * Determines if a day is unselectable.\n     *\n     * @param date - The date to check.\n     * @returns A string reason if the day is unselectable, otherwise `false` or `undefined`.\n     */\n    isDayUnselectable: (date: TDate) => string | false | undefined;\n\n    /**\n     * Determines if a day is highlighted.\n     *\n     * @param date - The date to check.\n     * @returns A string reason if the day is highlighted, otherwise `false` or `undefined`.\n     */\n    isDayHighlighted: (date: TDate) => string | false | undefined;\n\n    /**\n     * Determines if a day is visible in the calendar.\n     *\n     * @param date - The date to check.\n     * @returns `true` if the day is visible, otherwise `false`.\n     */\n    isDayVisible: (date: TDate) => boolean;\n\n    /**\n     * Determines if a date is outside the allowed date range.\n     *\n     * @param date - The date to check.\n     * @returns `true` if the date is outside the allowed range, otherwise `false`.\n     */\n    isOutsideAllowedDates: (date: TDate) => boolean;\n\n    /**\n     * Determines if a month is outside the allowed range.\n     *\n     * @param date - The date to check.\n     * @returns `true` if the month is outside the allowed range, otherwise `false`.\n     */\n    isOutsideAllowedMonths: (date: TDate) => boolean;\n\n    /**\n     * Determines if a year is outside the allowed range.\n     *\n     * @param date - The date to check.\n     * @returns `true` if the year is outside the allowed range, otherwise `false`.\n     */\n    isOutsideAllowedYears: (date: TDate) => boolean;\n\n    /**\n     * Determines if the date range is on the same day\n     *\n     * @param date - The range to check.\n     * @returns `true` if the range start and end date are the same\n     */\n    isSameDay: (date: TDate) => boolean;\n\n    /**\n     * Sets the selected date in the calendar.\n     *\n     * @param event - The event triggering the change.\n     * @param newSelectedDate - The new date to select.\n     */\n    setSelectedDate: (\n      event:\n        | React.KeyboardEvent<HTMLButtonElement>\n        | React.MouseEvent<HTMLButtonElement, MouseEvent>,\n      newSelectedDate: TDate,\n    ) => void;\n\n    /**\n     * Determines if a date is selected.\n     *\n     * @param date - The date to check.\n     * @returns `true` if the date is selected, otherwise `false`.\n     */\n    isSelected: (date: TDate) => boolean;\n\n    /**\n     * Determines if a date is hovered.\n     *\n     * @param date - The date to check.\n     * @returns `true` if the date is hovered, otherwise `false`.\n     */\n    isHovered: (date: TDate) => boolean;\n\n    /**\n     * Sets the hovered date in the calendar.\n     *\n     * @param event - The event triggering the change.\n     * @param newHoveredDate - The new date to hover.\n     */\n    setHoveredDate: (\n      event: SyntheticEvent,\n      newHoveredDate: TDate | null,\n    ) => void;\n\n    /**\n     * Determines if a date is part of a selected span.\n     *\n     * @param date - The date to check.\n     * @returns `true` if the date is part of a selected span, otherwise `false`.\n     */\n    isSelectedSpan: (date: TDate) => boolean;\n\n    /**\n     * Determines if a date is the start of a selected range.\n     *\n     * @param date - The date to check.\n     * @returns `true` if the date is the start of a selected range, otherwise `false`.\n     */\n    isSelectedStart: (date: TDate) => boolean;\n\n    /**\n     * Determines if a date is the end of a selected range.\n     *\n     * @param date - The date to check.\n     * @returns `true` if the date is the end of a selected range, otherwise `false`.\n     */\n    isSelectedEnd: (date: TDate) => boolean;\n\n    /**\n     * Determines if the hovered and a new date range would be created, if selected.\n     *\n     * @param date - The date to check.\n     * @returns `true` if the date is the start of a hovered offset, otherwise `false`.\n     */\n    isHoveredStart: (date: TDate) => boolean;\n\n    /**\n     * Determines if a date is part of a hovered range.\n     *\n     * @param date - The date to check.\n     * @returns `true` if the date is part of a hovered offset, otherwise `false`.\n     */\n    isHoveredSpan: (date: TDate) => boolean;\n\n    /**\n     * Determines if the hovered and a date range would be completed, if selected.\n     *\n     * @param date - The date to check.\n     * @returns `true` if the date is the end of a hovered offset, otherwise `false`.\n     */\n    isHoveredEnd: (date: TDate) => boolean;\n\n    /**\n     * Determines if a day is selectable.\n     *\n     * @param date - The date to check.\n     * @returns `true` if the day is selectable, otherwise `false`.\n     */\n    isDaySelectable: (date: TDate) => boolean;\n  };\n}\n\nexport function useCalendar<TDate extends DateFrameworkType>(\n  props: UseCalendarProps<TDate>,\n): UseCalendarReturn<TDate> {\n  const {\n    dateAdapter,\n    defaultDates: { minDate: defaultMinDate, maxDate: defaultMaxDate },\n  } = useLocalization<TDate>();\n  const {\n    timezone,\n    defaultSelectedDate,\n    defaultVisibleMonth = dateAdapter.today(timezone),\n    hideOutOfRangeDates,\n    hoveredDate,\n    focusedDate: focusedDateProp,\n    focusedDateRef,\n    isDayHighlighted = defaultIsDayHighlighted,\n    isDayUnselectable = defaultIsDayUnselectable,\n    multiselect,\n    maxDate = defaultMaxDate,\n    minDate = defaultMinDate,\n    numberOfVisibleMonths = 1,\n    onHoveredDateChange,\n    onSelectionChange,\n    onVisibleMonthChange,\n    onFocusedDateChange,\n    select,\n    selectedDate,\n    selectionVariant,\n    visibleMonth: visibleMonthProp,\n    // startDateOffset,\n    // endDateOffset,\n  } = props;\n  const { matchedBreakpoints } = useBreakpoint();\n\n  const responsiveNumberOfVisibleMonths =\n    resolveResponsiveValue(numberOfVisibleMonths, matchedBreakpoints) ?? 1;\n\n  const [visibleMonth, setVisibleMonthState] = useControlled({\n    controlled: useMemo(\n      () =>\n        visibleMonthProp\n          ? dateAdapter.startOf(visibleMonthProp, \"month\")\n          : undefined,\n      [visibleMonthProp],\n    ),\n    // biome-ignore lint/correctness/useExhaustiveDependencies: just on mount\n    default: useMemo(\n      () => dateAdapter.startOf(defaultVisibleMonth, \"month\"),\n      [],\n    ),\n    name: \"Calendar\",\n    state: \"visibleMonth\",\n  });\n\n  const isOutsideAllowedDates = useCallback(\n    (date: TDate) => {\n      return (\n        dateAdapter.compare(date, minDate) < 0 ||\n        dateAdapter.compare(date, maxDate) > 0\n      );\n    },\n    [dateAdapter, maxDate, minDate],\n  );\n\n  const isOutsideAllowedMonths = useCallback(\n    (date: TDate) => {\n      const startOfMonth = dateAdapter.startOf(date, \"month\");\n      const endOfMonth = dateAdapter.endOf(date, \"month\");\n      return (\n        dateAdapter.compare(endOfMonth, minDate) < 0 ||\n        dateAdapter.compare(startOfMonth, maxDate) > 0\n      );\n    },\n    [dateAdapter, minDate, maxDate],\n  );\n\n  const isOutsideAllowedYears = useCallback(\n    (date: TDate) => {\n      const startOfYear = dateAdapter.startOf(date, \"year\");\n      const endOfYear = dateAdapter.endOf(date, \"year\");\n      return (\n        dateAdapter.compare(endOfYear, minDate) < 0 ||\n        dateAdapter.compare(startOfYear, maxDate) > 0\n      );\n    },\n    [dateAdapter, minDate, maxDate],\n  );\n\n  const isDaySelectable = useCallback(\n    (date?: TDate) =>\n      !(date && (isDayUnselectable(date) || isOutsideAllowedDates(date))),\n    [isDayUnselectable, isOutsideAllowedDates],\n  );\n\n  const isDayVisible = useCallback(\n    (date?: TDate | null) => {\n      if (!date) {\n        return false;\n      }\n      const startInsideDays = dateAdapter.startOf(visibleMonth, \"month\");\n\n      if (dateAdapter.compare(date, startInsideDays) < 0) return false;\n\n      const endVisibleMonth = dateAdapter.add(visibleMonth, {\n        months: responsiveNumberOfVisibleMonths - 1,\n      });\n      const endInsideDays = dateAdapter.endOf(endVisibleMonth, \"month\");\n\n      return !(dateAdapter.compare(date, endInsideDays) > 0);\n    },\n    [dateAdapter, responsiveNumberOfVisibleMonths, visibleMonth],\n  );\n\n  const selectionManager = useCalendarSelection<TDate>({\n    defaultSelectedDate,\n    selectedDate,\n    onSelectionChange,\n    startDateOffset:\n      props.selectionVariant === \"offset\" ? props.startDateOffset : undefined,\n    endDateOffset:\n      props.selectionVariant === \"offset\" ? props.endDateOffset : undefined,\n    isOutsideAllowedDates,\n    isDaySelectable,\n    isDayVisible,\n    focusedDate: focusedDateProp,\n    focusedDateRef,\n    multiselect,\n    onFocusedDateChange,\n    select,\n    selectionVariant,\n    onHoveredDateChange,\n    hoveredDate,\n    timezone,\n    visibleMonth,\n  } as UseCalendarSelectionProps<TDate>);\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: isDayVisible ignored (due to dependency on visibleMonth)\n  useEffect(() => {\n    const focusedDate = selectionManager?.state?.focusedDate;\n    const shouldTransition =\n      focusedDate &&\n      !focusedDateProp !== undefined &&\n      !isDayVisible(focusedDate) &&\n      !isOutsideAllowedDates(focusedDate);\n\n    if (shouldTransition) {\n      setVisibleMonth(null, dateAdapter.startOf(focusedDate, \"month\"));\n    }\n  }, [\n    dateAdapter,\n    focusedDateProp,\n    isOutsideAllowedDates,\n    selectionManager?.state?.focusedDate,\n  ]);\n\n  const setVisibleMonth = useCallback(\n    (event: SyntheticEvent | null, newVisibleMonth: TDate) => {\n      setVisibleMonthState(newVisibleMonth);\n      onVisibleMonthChange?.(event, newVisibleMonth);\n    },\n    [onVisibleMonthChange],\n  );\n\n  return useMemo(\n    () =>\n      ({\n        state: {\n          visibleMonth,\n          timezone,\n          multiselect,\n          minDate,\n          maxDate,\n          numberOfVisibleMonths: responsiveNumberOfVisibleMonths,\n          selectionVariant,\n          hideOutOfRangeDates,\n          ...selectionManager.state,\n        },\n        helpers: {\n          setVisibleMonth,\n          isDayUnselectable,\n          isDayHighlighted,\n          isDayVisible,\n          isOutsideAllowedDates,\n          isOutsideAllowedMonths,\n          isOutsideAllowedYears,\n          ...selectionManager.helpers,\n        },\n      }) as UseCalendarReturn<TDate>,\n    [\n      visibleMonth,\n      timezone,\n      multiselect,\n      minDate,\n      maxDate,\n      selectionVariant,\n      hideOutOfRangeDates,\n      setVisibleMonth,\n      isDayUnselectable,\n      isDayHighlighted,\n      isDayVisible,\n      isOutsideAllowedDates,\n      isOutsideAllowedMonths,\n      isOutsideAllowedYears,\n      responsiveNumberOfVisibleMonths,\n      selectionManager,\n    ],\n  );\n}\n"],"names":["_a"],"mappings":"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"}

package/dist-es/calendar/useCalendarDay.js

@@ -17,45 +17,42 @@ function useCalendarDay(props) {
     helpers: {
       setHoveredDate,
       isDayUnselectable,
-      isDaySelectable,
       isDayHighlighted,
-      isDayDisabled,
       isOutsideAllowedMonths
     }
   } = useCalendarContext();
   const selectionManager = useCalendarSelectionDay({ date });
   const focusManager = useFocusManagement({ date });
   const handleClick = (event) => {
-    selectionManager == null ? void 0 : selectionManager.handleClick(event);
+    selectionManager.handleClick(event);
     focusManager.handleClick(event);
   };
   const handleKeyDown = (event) => {
     focusManager.handleKeyDown(event);
-    selectionManager == null ? void 0 : selectionManager.handleKeyDown(event);
+    selectionManager.handleKeyDown(event);
   };
   const handleFocus = (event) => {
     focusManager.handleFocus(event);
     setHoveredDate(event, date);
   };
-  const handleMouseEnter = (event) => {
+  const handleMouseMove = (event) => {
     setHoveredDate(event, date);
   };
   const eventHandlers = {
     onClick: handleClick,
     onKeyDown: handleKeyDown,
     onFocus: handleFocus,
-    onMouseEnter: handleMouseEnter
+    onMouseMove: handleMouseMove
   };
-  const outOfRange = !dateAdapter.isSame(date, month, "month");
-  const focused = focusedDate && dateAdapter.isSame(date, focusedDate, "day") && !outOfRange;
+  const focused = focusedDate && dateAdapter.isSame(date, focusedDate, "day");
   const tabIndex = focusableDates.find(
     (tabbableDate) => dateAdapter.isSame(date, tabbableDate, "day")
   ) ? 0 : -1;
   const today = dateAdapter.isSame(dateAdapter.today(timezone), date, "day");
   const unselectableReason = isDayUnselectable(date);
   const highlightedReason = isDayHighlighted(date);
-  const disabled = isDayDisabled(date) || outOfRange && isOutsideAllowedMonths(date) || isDaySelectable && !isDaySelectable(date);
-  const unselectable = Boolean(unselectableReason);
+  const outOfRange = !dateAdapter.isSame(date, month, "month");
+  const unselectable = Boolean(unselectableReason) || isOutsideAllowedMonths(date);
   const highlighted = Boolean(highlightedReason);
   const hidden = hideOutOfRangeDates ? outOfRange : false;
   return {
@@ -65,7 +62,6 @@ function useCalendarDay(props) {
       unselectable,
       focused,
       hidden,
-      disabled,
       highlighted,
       ...selectionManager.status
     },