@salt-ds/lab 1.0.0-alpha.67 → 1.0.0-alpha.69

package/dist-cjs/calendar/CalendarWeekHeader.js

@@ -9,17 +9,13 @@ var styles = require('@salt-ds/styles');
 var window = require('@salt-ds/window');
 var LocalizationProvider = require('../localization-provider/LocalizationProvider.js');
 var CalendarWeekHeader$1 = require('./CalendarWeekHeader.css.js');
-var CalendarContext = require('./internal/CalendarContext.js');
 
 const withBaseName = core.makePrefixer("saltCalendarWeekHeader");
 const CalendarWeekHeader = react.forwardRef(function CalendarWeekHeader2(props, ref) {
   const { className, ...rest } = props;
   const { dateAdapter } = LocalizationProvider.useLocalization();
-  const {
-    state: { locale }
-  } = CalendarContext.useCalendarContext();
-  const weekdaysShort = utils.daysOfWeek(dateAdapter, "narrow", locale);
-  const weekdaysLong = utils.daysOfWeek(dateAdapter, "long", locale);
+  const weekdaysShort = utils.daysOfWeek(dateAdapter, "narrow");
+  const weekdaysLong = utils.daysOfWeek(dateAdapter, "long");
   const targetWindow = window.useWindow();
   styles.useComponentCssInjection({
     testId: "salt-calendar-week-header",

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarWeekHeader.js","sources":["../src/calendar/CalendarWeekHeader.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { type ComponentPropsWithRef, forwardRef } from \"react\";\nimport { daysOfWeek } from \"./internal/utils\";\n\nimport type { DateFrameworkType } from \"@salt-ds/date-adapters\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useLocalization } from \"../localization-provider\";\nimport calendarWeekHeaderCss from \"./CalendarWeekHeader.css\";\nimport { useCalendarContext } from \"./internal/CalendarContext\";\n\n/**\n * Props for the CalendarWeekHeader component.\n */\nexport type CalendarWeekHeaderProps = ComponentPropsWithRef<\"div\"> & {};\n\nconst withBaseName = makePrefixer(\"saltCalendarWeekHeader\");\n\nexport const CalendarWeekHeader = forwardRef(function CalendarWeekHeader<\n  TDate extends DateFrameworkType,\n>(props: CalendarWeekHeaderProps, ref: React.Ref<HTMLDivElement>) {\n  const { className, ...rest } = props;\n  const { dateAdapter } = useLocalization<TDate>();\n  const {\n    state: { locale },\n  } = useCalendarContext<TDate>();\n\n  const weekdaysShort = daysOfWeek(dateAdapter, \"narrow\", locale);\n  const weekdaysLong = daysOfWeek(dateAdapter, \"long\", locale);\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-calendar-week-header\",\n    css: calendarWeekHeaderCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div\n      data-testid=\"CalendarWeekHeader\"\n      className={clsx(withBaseName(), className)}\n      ref={ref}\n      {...rest}\n    >\n      {weekdaysShort.map((day, index) => (\n        <small\n          aria-hidden\n          key={weekdaysLong[index]}\n          className={withBaseName(\"dayOfWeek\")}\n        >\n          {day}\n        </small>\n      ))}\n    </div>\n  );\n});\n"],"names":["makePrefixer","forwardRef","CalendarWeekHeader","useLocalization","useCalendarContext","daysOfWeek","useWindow","useComponentCssInjection","calendarWeekHeaderCss","jsx","clsx"],"mappings":";;;;;;;;;;;;;AAiBA,MAAM,YAAA,GAAeA,kBAAa,wBAAwB,CAAA;AAEnD,MAAM,kBAAqB,GAAAC,gBAAA,CAAW,SAASC,mBAAAA,CAEpD,OAAgC,GAAgC,EAAA;AAChE,EAAA,MAAM,EAAE,SAAA,EAAW,GAAG,IAAA,EAAS,GAAA,KAAA;AAC/B,EAAM,MAAA,EAAE,WAAY,EAAA,GAAIC,oCAAuB,EAAA;AAC/C,EAAM,MAAA;AAAA,IACJ,KAAA,EAAO,EAAE,MAAO;AAAA,MACdC,kCAA0B,EAAA;AAE9B,EAAA,MAAM,aAAgB,GAAAC,gBAAA,CAAW,WAAa,EAAA,QAAA,EAAU,MAAM,CAAA;AAC9D,EAAA,MAAM,YAAe,GAAAA,gBAAA,CAAW,WAAa,EAAA,MAAA,EAAQ,MAAM,CAAA;AAE3D,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,2BAAA;AAAA,IACR,GAAK,EAAAC,oBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAAC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,aAAY,EAAA,oBAAA;AAAA,MACZ,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAc,EAAA,aAAA,CAAA,GAAA,CAAI,CAAC,GAAA,EAAK,KACvB,qBAAAD,cAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,aAAW,EAAA,IAAA;AAAA,UAEX,SAAA,EAAW,aAAa,WAAW,CAAA;AAAA,UAElC,QAAA,EAAA;AAAA,SAAA;AAAA,QAHI,aAAa,KAAK;AAAA,OAK1B;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}
+{"version":3,"file":"CalendarWeekHeader.js","sources":["../src/calendar/CalendarWeekHeader.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { type ComponentPropsWithRef, forwardRef } from \"react\";\nimport { daysOfWeek } from \"./internal/utils\";\n\nimport type { DateFrameworkType } from \"@salt-ds/date-adapters\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useLocalization } from \"../localization-provider\";\nimport calendarWeekHeaderCss from \"./CalendarWeekHeader.css\";\n\n/**\n * Props for the CalendarWeekHeader component.\n */\nexport type CalendarWeekHeaderProps = ComponentPropsWithRef<\"div\"> & {};\n\nconst withBaseName = makePrefixer(\"saltCalendarWeekHeader\");\n\nexport const CalendarWeekHeader = forwardRef(function CalendarWeekHeader<\n  TDate extends DateFrameworkType,\n>(props: CalendarWeekHeaderProps, ref: React.Ref<HTMLDivElement>) {\n  const { className, ...rest } = props;\n  const { dateAdapter } = useLocalization<TDate>();\n\n  const weekdaysShort = daysOfWeek(dateAdapter, \"narrow\");\n  const weekdaysLong = daysOfWeek(dateAdapter, \"long\");\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-calendar-week-header\",\n    css: calendarWeekHeaderCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div\n      data-testid=\"CalendarWeekHeader\"\n      className={clsx(withBaseName(), className)}\n      ref={ref}\n      {...rest}\n    >\n      {weekdaysShort.map((day, index) => (\n        <small\n          aria-hidden\n          key={weekdaysLong[index]}\n          className={withBaseName(\"dayOfWeek\")}\n        >\n          {day}\n        </small>\n      ))}\n    </div>\n  );\n});\n"],"names":["makePrefixer","forwardRef","CalendarWeekHeader","useLocalization","daysOfWeek","useWindow","useComponentCssInjection","calendarWeekHeaderCss","jsx","clsx"],"mappings":";;;;;;;;;;;;AAgBA,MAAM,YAAA,GAAeA,kBAAa,wBAAwB,CAAA;AAEnD,MAAM,kBAAqB,GAAAC,gBAAA,CAAW,SAASC,mBAAAA,CAEpD,OAAgC,GAAgC,EAAA;AAChE,EAAA,MAAM,EAAE,SAAA,EAAW,GAAG,IAAA,EAAS,GAAA,KAAA;AAC/B,EAAM,MAAA,EAAE,WAAY,EAAA,GAAIC,oCAAuB,EAAA;AAE/C,EAAM,MAAA,aAAA,GAAgBC,gBAAW,CAAA,WAAA,EAAa,QAAQ,CAAA;AACtD,EAAM,MAAA,YAAA,GAAeA,gBAAW,CAAA,WAAA,EAAa,MAAM,CAAA;AAEnD,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,2BAAA;AAAA,IACR,GAAK,EAAAC,oBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAAC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,aAAY,EAAA,oBAAA;AAAA,MACZ,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAc,EAAA,aAAA,CAAA,GAAA,CAAI,CAAC,GAAA,EAAK,KACvB,qBAAAD,cAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,aAAW,EAAA,IAAA;AAAA,UAEX,SAAA,EAAW,aAAa,WAAW,CAAA;AAAA,UAElC,QAAA,EAAA;AAAA,SAAA;AAAA,QAHI,aAAa,KAAK;AAAA,OAK1B;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}

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

@@ -2,7 +2,9 @@
 
 var react = require('react');
 
-const CalendarContext = react.createContext(null);
+const CalendarContext = react.createContext(
+  null
+);
 if (process.env.NODE_ENV !== "production") {
   CalendarContext.displayName = "CalendarContext";
 }

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarContext.js","sources":["../src/calendar/internal/CalendarContext.tsx"],"sourcesContent":["import type { DateFrameworkType } from \"@salt-ds/date-adapters\";\nimport { createContext, useContext } from \"react\";\nimport type { UseCalendarReturn } from \"../useCalendar\";\n\ninterface CalendarState<TDate extends DateFrameworkType>\n  extends UseCalendarReturn<TDate> {}\n\nconst CalendarContext = createContext<CalendarState<any> | null>(null);\n\nif (process.env.NODE_ENV !== \"production\") {\n  CalendarContext.displayName = \"CalendarContext\";\n}\n\nfunction useCalendarContext<\n  TDate extends DateFrameworkType,\n>(): CalendarState<TDate> {\n  const context = useContext(\n    CalendarContext as React.Context<CalendarState<TDate> | null>,\n  );\n  if (!context) {\n    throw new Error(\n      \"useCalendarContext should be called inside CalendarContext.Provider\",\n    );\n  }\n\n  return context;\n}\n\nexport { CalendarContext, useCalendarContext };\n"],"names":["createContext","useContext"],"mappings":";;;;AAOM,MAAA,eAAA,GAAkBA,oBAAyC,IAAI;AAErE,IAAI,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,YAAc,EAAA;AACzC,EAAA,eAAA,CAAgB,WAAc,GAAA,iBAAA;AAChC;AAEA,SAAS,kBAEiB,GAAA;AACxB,EAAA,MAAM,OAAU,GAAAC,gBAAA;AAAA,IACd;AAAA,GACF;AACA,EAAA,IAAI,CAAC,OAAS,EAAA;AACZ,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA;AAGF,EAAO,OAAA,OAAA;AACT;;;;;"}
+{"version":3,"file":"CalendarContext.js","sources":["../src/calendar/internal/CalendarContext.tsx"],"sourcesContent":["import type { DateFrameworkType } from \"@salt-ds/date-adapters\";\nimport { createContext, useContext } from \"react\";\nimport type { UseCalendarReturn } from \"../useCalendar\";\n\ninterface CalendarState<TDate extends DateFrameworkType>\n  extends UseCalendarReturn<TDate> {}\n\nconst CalendarContext = createContext<CalendarState<DateFrameworkType> | null>(\n  null,\n);\n\nif (process.env.NODE_ENV !== \"production\") {\n  CalendarContext.displayName = \"CalendarContext\";\n}\n\nfunction useCalendarContext<\n  TDate extends DateFrameworkType,\n>(): CalendarState<TDate> {\n  const context = useContext(\n    CalendarContext as React.Context<CalendarState<TDate> | null>,\n  );\n  if (!context) {\n    throw new Error(\n      \"useCalendarContext should be called inside CalendarContext.Provider\",\n    );\n  }\n\n  return context;\n}\n\nexport { CalendarContext, useCalendarContext };\n"],"names":["createContext","useContext"],"mappings":";;;;AAOA,MAAM,eAAkB,GAAAA,mBAAA;AAAA,EACtB;AACF;AAEA,IAAI,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,YAAc,EAAA;AACzC,EAAA,eAAA,CAAgB,WAAc,GAAA,iBAAA;AAChC;AAEA,SAAS,kBAEiB,GAAA;AACxB,EAAA,MAAM,OAAU,GAAAC,gBAAA;AAAA,IACd;AAAA,GACF;AACA,EAAA,IAAI,CAAC,OAAS,EAAA;AACZ,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA;AAGF,EAAO,OAAA,OAAA;AACT;;;;;"}

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var css_248z = ".saltCalendarDay {\n  font-family: var(--salt-text-fontFamily);\n  font-weight: var(--salt-text-fontWeight);\n  line-height: var(--salt-text-lineHeight);\n  font-size: var(--salt-text-fontSize);\n  width: var(--salt-size-base);\n  height: var(--salt-size-base);\n  color: var(--salt-content-primary-foreground);\n  background: var(--salt-selectable-background);\n  cursor: pointer;\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: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 {\n  border-bottom: var(--salt-size-indicator) var(--salt-selectable-borderStyle) var(--salt-content-secondary-foreground);\n}\n\n.saltCalendarDay-outOfRange.saltCalendarDay-highlighted:before {\n  background: var(--salt-content-secondary-foreground);\n}\n.saltCalendarDay:hover,\n.saltCalendarDay-hoveredOffset,\n.saltCalendarDay-hoveredOffset:hover {\n  background: var(--salt-selectable-background-hover);\n}\n\n.saltCalendarDay-selected {\n  border-radius: var(--salt-palette-corner-weak, 0);\n}\n\n.saltCalendarDay-selectedStart {\n  z-index: var(--salt-zIndex-default);\n\n  border-top-left-radius: var(--salt-palette-corner-weak, 0);\n  border-bottom-left-radius: var(--salt-palette-corner-weak, 0);\n}\n\n.saltCalendarDay-selectedEnd {\n  border-top-right-radius: var(--salt-palette-corner-weak, 0);\n  border-bottom-right-radius: var(--salt-palette-corner-weak, 0);\n}\n\n.saltCalendarDay-selected,\n.saltCalendarDay-selected:hover,\n.saltCalendarDay-selectedStart,\n.saltCalendarDay-selectedStart:hover,\n.saltCalendarDay-selectedEnd,\n.saltCalendarDay-selectedEnd:hover {\n  color: var(--salt-content-primary-foreground);\n  background: var(--salt-selectable-background-selected);\n  box-shadow: 0 0 0 var(--salt-size-border) var(--salt-selectable-borderColor-selected);\n}\n\n.saltCalendarDay-hoveredSpan,\n.saltCalendarDay-hoveredSpan:hover,\n.saltCalendarDay-selectedSpan,\n.saltCalendarDay-selectedSpan:hover {\n  color: var(--salt-content-primary-foreground);\n  background: var(--salt-selectable-background-hover);\n  box-shadow: calc(var(--salt-size-border) * -2) 0 0 0 var(--salt-selectable-background-hover), calc(var(--salt-size-border) * -1) 0 0 var(--salt-size-border)\n    var(--salt-selectable-borderColor-selected), 0 calc(var(--salt-size-border) * -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-selectable-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-border);\n  width: calc(100% - var(--salt-spacing-100));\n  background: var(--salt-content-secondary-foreground);\n  position: absolute;\n}\n\n.saltCalendarDay-today,\n.saltCalendarDay-today:hover,\n.saltCalendarDay-outOfRange .saltCalendarDay-today:hover {\n  border-bottom: var(--salt-size-indicator) var(--salt-selectable-borderStyle) var(--salt-accent-borderColor);\n  margin-bottom: calc(var(--salt-size-indicator) * -1);\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 = ".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: pointer;\n  border: none;\n  padding: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  overflow: hidden;\n}\n.saltCalendarDay-content {\n  margin: 0 var(--salt-spacing-50);\n  width: 100%;\n}\n\n.saltCalendarDay-focused,\n.saltCalendarDay.saltCalendarDay:focus-visible {\n  outline: var(--salt-focused-outline);\n  outline-offset: calc(0px - var(--salt-focused-outlineWidth));\n}\n\n.saltCalendarDay-outOfRange {\n  color: var(--salt-content-secondary-foreground);\n}\n.saltCalendarDay-outOfRange:hover {\n  color: var(--salt-content-primary-foreground);\n}\n.saltCalendarDay-outOfRange .saltCalendarDay-today > span:last-of-type {\n  border-bottom: var(--salt-size-indicator) var(--salt-selectable-borderStyle) var(--salt-content-secondary-foreground);\n}\n\n.saltCalendarDay-outOfRange.saltCalendarDay-highlighted:before {\n  background: var(--salt-content-secondary-foreground);\n}\n.saltCalendarDay:hover,\n.saltCalendarDay-hoveredOffset,\n.saltCalendarDay-hoveredOffset:hover {\n  background: var(--salt-selectable-background-hover);\n}\n\n.saltCalendarDay-selected {\n  border-radius: var(--salt-palette-corner-weak, 0);\n}\n\n.saltCalendarDay-selectedStart {\n  z-index: var(--salt-zIndex-default);\n\n  border-top-left-radius: var(--salt-palette-corner-weak, 0);\n  border-bottom-left-radius: var(--salt-palette-corner-weak, 0);\n}\n\n.saltCalendarDay-selectedEnd {\n  border-top-right-radius: var(--salt-palette-corner-weak, 0);\n  border-bottom-right-radius: var(--salt-palette-corner-weak, 0);\n}\n\n.saltCalendarDay-selected,\n.saltCalendarDay-selected:hover,\n.saltCalendarDay-selectedStart,\n.saltCalendarDay-selectedStart:hover,\n.saltCalendarDay-selectedEnd,\n.saltCalendarDay-selectedEnd:hover {\n  color: var(--salt-content-primary-foreground);\n  background: var(--salt-selectable-background-selected);\n  box-shadow: 0 0 0 var(--salt-size-border) var(--salt-selectable-borderColor-selected);\n}\n\n.saltCalendarDay-hoveredSpan,\n.saltCalendarDay-hoveredSpan:hover,\n.saltCalendarDay-selectedSpan,\n.saltCalendarDay-selectedSpan:hover {\n  color: var(--salt-content-primary-foreground);\n  background: var(--salt-selectable-background-hover);\n  box-shadow: calc(var(--salt-size-border) * -2) 0 0 0 var(--salt-selectable-background-hover), calc(var(--salt-size-border) * -1) 0 0 var(--salt-size-border)\n    var(--salt-selectable-borderColor-selected), 0 calc(var(--salt-size-border) * -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-selectable-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-border);\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,\n.saltCalendarDay-today > span:last-of-type:hover,\n.saltCalendarDay-outOfRange .saltCalendarDay-today > span:last-of-type:hover {\n  border-bottom: var(--salt-size-indicator) var(--salt-selectable-borderStyle) var(--salt-accent-borderColor);\n  margin-bottom: calc(var(--salt-size-indicator) * -1);\n}\n\n.saltCalendarDay-disabled,\n.saltCalendarDay-disabled:hover {\n  color: var(--salt-content-secondary-foreground-disabled);\n}\n\n.saltCalendarDay-hidden {\n  visibility: hidden;\n}\n";
 
 module.exports = css_248z;
 //# sourceMappingURL=CalendarDay.css.js.map

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

@@ -11,85 +11,97 @@ var useCalendarDay = require('../useCalendarDay.js');
 var CalendarDay$1 = require('./CalendarDay.css.js');
 
 const withBaseName = core.makePrefixer("saltCalendarDay");
-const CalendarDay = react.forwardRef(
-  function CalendarDay2(props, ref) {
-    const {
-      className,
-      day,
-      renderDayContents,
-      month,
-      TooltipProps,
-      format = "DD",
-      ...rest
-    } = props;
-    const { dateAdapter } = LocalizationProvider.useLocalization();
-    const targetWindow = window.useWindow();
-    styles.useComponentCssInjection({
-      testId: "salt-calendar-day",
-      css: CalendarDay$1,
-      window: targetWindow
-    });
-    const dayRef = react.useRef(null);
-    const buttonRef = core.useForkRef(ref, dayRef);
-    const { status, dayProps, unselectableReason, highlightedReason } = useCalendarDay.useCalendarDay(
-      {
-        date: day,
-        month
-      },
-      dayRef
-    );
-    const { outOfRange, today, unselectable, highlighted, hidden, disabled } = status;
-    const buttonElement = /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        "aria-label": dateAdapter.format(day, "DD MMMM YYYY"),
-        disabled,
-        type: "button",
-        ...dayProps,
-        ref: buttonRef,
-        ...rest,
-        className: clsx.clsx(
-          withBaseName(),
-          {
-            [withBaseName("hidden")]: hidden,
-            [withBaseName("outOfRange")]: outOfRange,
-            [withBaseName("disabled")]: disabled,
-            [withBaseName("unselectable")]: !!unselectable,
-            [withBaseName("highlighted")]: !!highlighted
-          },
-          dayProps.className,
-          className
-        ),
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            className: clsx.clsx(withBaseName("content"), {
-              [withBaseName("today")]: today
-            }),
-            children: renderDayContents ? renderDayContents(day, status) : dateAdapter.format(day, format)
-          }
-        )
-      }
-    );
-    const hasTooltip = unselectableReason || highlightedReason;
-    if (!hasTooltip) {
-      return buttonElement;
+const CalendarDay = react.forwardRef(function CalendarDay2(props, ref) {
+  var _a;
+  const {
+    className,
+    date,
+    render,
+    month,
+    TooltipProps,
+    format = "DD",
+    ...rest
+  } = props;
+  const { dateAdapter } = LocalizationProvider.useLocalization();
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "salt-calendar-day",
+    css: CalendarDay$1,
+    window: targetWindow
+  });
+  const {
+    status,
+    focusedDateRef = null,
+    dayProps,
+    unselectableReason,
+    highlightedReason
+  } = useCalendarDay.useCalendarDay({
+    date,
+    month
+  });
+  const {
+    focused,
+    outOfRange,
+    today,
+    unselectable,
+    highlighted,
+    hidden,
+    disabled
+  } = status;
+  const buttonRef = core.useForkRef(ref, focusedDateRef);
+  react.useLayoutEffect(() => {
+    var _a2;
+    if (focused) {
+      (_a2 = focusedDateRef == null ? void 0 : focusedDateRef.current) == null ? void 0 : _a2.focus({ preventScroll: true });
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      core.Tooltip,
+  }, [focused, (_a = focusedDateRef == null ? void 0 : focusedDateRef.current) == null ? void 0 : _a.focus]);
+  const defaultButtonProps = {
+    "aria-label": dateAdapter.format(date, "DD MMMM YYYY"),
+    children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: withBaseName("content"), children: dateAdapter.format(date, format) }),
+    disabled,
+    ...dayProps,
+    ref: buttonRef,
+    ...rest,
+    className: clsx.clsx(
+      withBaseName(),
       {
-        hideIcon: true,
-        status: unselectableReason ? "error" : "info",
-        content: unselectableReason || highlightedReason || "Date is out of range",
-        placement: "top",
-        enterDelay: 0,
-        leaveDelay: 0,
-        ...TooltipProps,
-        children: buttonElement
-      }
-    );
+        [withBaseName("hidden")]: hidden,
+        [withBaseName("outOfRange")]: outOfRange,
+        [withBaseName("disabled")]: disabled,
+        [withBaseName("unselectable")]: !!unselectable,
+        [withBaseName("highlighted")]: !!highlighted,
+        [withBaseName("focused")]: !!focused,
+        [withBaseName("today")]: today
+      },
+      dayProps.className,
+      className
+    )
+  };
+  const defaultButtonElement = /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", ...defaultButtonProps });
+  const buttonElement = render ? core.renderProps("button", {
+    render,
+    ...defaultButtonProps,
+    status,
+    date
+  }) : defaultButtonElement;
+  const hasTooltip = unselectableReason || highlightedReason;
+  if (!hasTooltip) {
+    return buttonElement;
   }
-);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    core.Tooltip,
+    {
+      hideIcon: true,
+      status: unselectableReason ? "error" : "info",
+      content: unselectableReason || highlightedReason || "Date is out of range",
+      placement: "top",
+      enterDelay: 0,
+      leaveDelay: 0,
+      ...TooltipProps,
+      children: buttonElement
+    }
+  );
+});
 
 exports.CalendarDay = CalendarDay;
 //# sourceMappingURL=CalendarDay.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarDay.js","sources":["../src/calendar/internal/CalendarDay.tsx"],"sourcesContent":["import {\n  Tooltip,\n  type TooltipProps,\n  makePrefixer,\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 {\n  type ComponentPropsWithRef,\n  type ReactElement,\n  forwardRef,\n  useRef,\n} from \"react\";\nimport { useLocalization } from \"../../localization-provider\";\nimport { type DayStatus, useCalendarDay } from \"../useCalendarDay\";\nimport calendarDayCss from \"./CalendarDay.css\";\n\nexport type DateFormatter = (day: Date) => string | undefined;\n\nexport interface CalendarDayProps<TDate>\n  extends Omit<ComponentPropsWithRef<\"button\">, \"children\"> {\n  day: TDate;\n  format?: string;\n  renderDayContents?: (date: TDate, status: DayStatus) => ReactElement;\n  status?: DayStatus;\n  month: TDate;\n  TooltipProps?: Partial<TooltipProps>;\n}\n\nconst withBaseName = makePrefixer(\"saltCalendarDay\");\n\nexport const CalendarDay = forwardRef<HTMLButtonElement, CalendarDayProps<any>>(\n  function CalendarDay<TDate extends DateFrameworkType>(\n    props: CalendarDayProps<TDate>,\n    ref: React.Ref<HTMLButtonElement>,\n  ) {\n    const {\n      className,\n      day,\n      renderDayContents,\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 dayRef = useRef<HTMLButtonElement>(null);\n    const buttonRef = useForkRef(ref, dayRef);\n    const { status, dayProps, unselectableReason, highlightedReason } =\n      useCalendarDay(\n        {\n          date: day,\n          month,\n        },\n        dayRef,\n      );\n    const { outOfRange, today, unselectable, highlighted, hidden, disabled } =\n      status;\n\n    const buttonElement = (\n      <button\n        aria-label={dateAdapter.format(day, \"DD MMMM YYYY\")}\n        disabled={disabled}\n        type=\"button\"\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          },\n          dayProps.className,\n          className,\n        )}\n      >\n        <span\n          className={clsx(withBaseName(\"content\"), {\n            [withBaseName(\"today\")]: today,\n          })}\n        >\n          {renderDayContents\n            ? renderDayContents(day, status)\n            : dateAdapter.format(day, format)}\n        </span>\n      </button>\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);\n"],"names":["makePrefixer","forwardRef","CalendarDay","useLocalization","useWindow","useComponentCssInjection","calendarDayCss","useRef","useForkRef","useCalendarDay","jsx","clsx","Tooltip"],"mappings":"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"}
+{"version":3,"file":"CalendarDay.js","sources":["../src/calendar/internal/CalendarDay.tsx"],"sourcesContent":["import {\n  type RenderPropsType,\n  Tooltip,\n  type TooltipProps,\n  makePrefixer,\n  renderProps,\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":["makePrefixer","forwardRef","CalendarDay","useLocalization","useWindow","useComponentCssInjection","calendarDayCss","useCalendarDay","useForkRef","useLayoutEffect","_a","jsx","clsx","renderProps","Tooltip"],"mappings":"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"}

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

@@ -1,9 +1,9 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
 var core = require('@salt-ds/core');
 var clsx = require('clsx');
-var react = require('react');
 var CalendarDay = require('./CalendarDay.js');
 var utils = require('./utils.js');
 var styles = require('@salt-ds/styles');
@@ -14,14 +14,7 @@ var CalendarMonth$1 = require('./CalendarMonth.css.js');
 
 const withBaseName = core.makePrefixer("saltCalendarMonth");
 const CalendarMonth = react.forwardRef(function CalendarMonth2(props, ref) {
-  const {
-    className,
-    date,
-    renderDayContents,
-    onMouseLeave,
-    TooltipProps,
-    ...rest
-  } = props;
+  const { className, date, onMouseLeave, CalendarDayProps, ...rest } = props;
   const { dateAdapter } = LocalizationProvider.useLocalization();
   const targetWindow = window.useWindow();
   styles.useComponentCssInjection({
@@ -30,10 +23,10 @@ const CalendarMonth = react.forwardRef(function CalendarMonth2(props, ref) {
     window: targetWindow
   });
   const {
-    state: { locale },
+    state: { timezone = "default" },
     helpers: { setHoveredDate }
   } = CalendarContext.useCalendarContext();
-  const days = utils.generateVisibleDays(dateAdapter, date, locale);
+  const days = utils.generateVisibleDays(dateAdapter, date, timezone);
   const handleMouseLeave = (event) => {
     setHoveredDate(event, null);
     onMouseLeave == null ? void 0 : onMouseLeave(event);
@@ -45,18 +38,15 @@ const CalendarMonth = react.forwardRef(function CalendarMonth2(props, ref) {
       ref,
       onMouseLeave: handleMouseLeave,
       ...rest,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "CalendarGrid", className: withBaseName("grid"), children: days.map((day) => {
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          CalendarDay.CalendarDay,
-          {
-            day: day.date,
-            renderDayContents,
-            month: date,
-            TooltipProps
-          },
-          dateAdapter.format(day.date, "DD MMM YYYY", locale)
-        );
-      }) })
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "CalendarGrid", className: withBaseName("grid"), children: days.map((day) => /* @__PURE__ */ react.createElement(
+        CalendarDay.CalendarDay,
+        {
+          ...CalendarDayProps,
+          key: dateAdapter.format(day, "DD MMM YYYY"),
+          date: day,
+          month: date
+        }
+      )) })
     }
   );
 });

package/dist-cjs/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 { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithRef,\n  type MouseEvent,\n  type SyntheticEvent,\n  forwardRef,\n} from \"react\";\nimport { CalendarDay, type CalendarDayProps } from \"./CalendarDay\";\nimport { generateVisibleDays } from \"./utils\";\n\nimport type { DateFrameworkType } from \"@salt-ds/date-adapters\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useLocalization } from \"../../localization-provider\";\nimport { useCalendarContext } from \"./CalendarContext\";\nimport calendarMonthCss from \"./CalendarMonth.css\";\n\nexport interface CalendarMonthProps<TDate>\n  extends ComponentPropsWithRef<\"div\"> {\n  /**\n   * Month to render as selectable dates\n   */\n  date: TDate;\n  /**\n   * Function to render the contents of a day.\n   */\n  renderDayContents?: CalendarDayProps<TDate>[\"renderDayContents\"];\n  /**\n   * Props for the tooltip component.\n   */\n  TooltipProps?: CalendarDayProps<TDate>[\"TooltipProps\"];\n}\n\nconst withBaseName = makePrefixer(\"saltCalendarMonth\");\n\nexport const CalendarMonth = forwardRef<\n  HTMLDivElement,\n  CalendarMonthProps<any>\n>(function CalendarMonth<TDate extends DateFrameworkType>(\n  props: CalendarMonthProps<TDate>,\n  ref: React.Ref<HTMLDivElement>,\n) {\n  const {\n    className,\n    date,\n    renderDayContents,\n    onMouseLeave,\n    TooltipProps,\n    ...rest\n  } = 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: { locale },\n    helpers: { setHoveredDate },\n  } = useCalendarContext<TDate>();\n  const days = generateVisibleDays<TDate>(dateAdapter, date, locale);\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          return (\n            <CalendarDay\n              key={dateAdapter.format(day.date, \"DD MMM YYYY\", locale)}\n              day={day.date}\n              renderDayContents={renderDayContents}\n              month={date}\n              TooltipProps={TooltipProps}\n            />\n          );\n        })}\n      </div>\n    </div>\n  );\n});\n"],"names":["makePrefixer","forwardRef","CalendarMonth","useLocalization","useWindow","useComponentCssInjection","calendarMonthCss","useCalendarContext","generateVisibleDays","jsx","clsx","CalendarDay"],"mappings":";;;;;;;;;;;;;;AAkCA,MAAM,YAAA,GAAeA,kBAAa,mBAAmB,CAAA;AAE9C,MAAM,aAAgB,GAAAC,gBAAA,CAG3B,SAASC,cAAAA,CACT,OACA,GACA,EAAA;AACA,EAAM,MAAA;AAAA,IACJ,SAAA;AAAA,IACA,IAAA;AAAA,IACA,iBAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AACJ,EAAM,MAAA,EAAE,WAAY,EAAA,GAAIC,oCAAuB,EAAA;AAC/C,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,qBAAA;AAAA,IACR,GAAK,EAAAC,eAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA;AAAA,IACJ,KAAA,EAAO,EAAE,MAAO,EAAA;AAAA,IAChB,OAAA,EAAS,EAAE,cAAe;AAAA,MACxBC,kCAA0B,EAAA;AAC9B,EAAA,MAAM,IAAO,GAAAC,yBAAA,CAA2B,WAAa,EAAA,IAAA,EAAM,MAAM,CAAA;AACjE,EAAM,MAAA,gBAAA,GAAmB,CAAC,KAA0B,KAAA;AAClD,IAAA,cAAA,CAAe,OAAO,IAAI,CAAA;AAC1B,IAAe,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAA,KAAA,CAAA;AAAA,GACjB;AAEA,EACE,uBAAAC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,GAAA;AAAA,MACA,YAAc,EAAA,gBAAA;AAAA,MACb,GAAG,IAAA;AAAA,MAEJ,QAAA,kBAAAD,cAAA,CAAC,KAAI,EAAA,EAAA,aAAA,EAAY,cAAe,EAAA,SAAA,EAAW,YAAa,CAAA,MAAM,CAC3D,EAAA,QAAA,EAAA,IAAA,CAAK,GAAI,CAAA,CAAC,GAAQ,KAAA;AACjB,QACE,uBAAAA,cAAA;AAAA,UAACE,uBAAA;AAAA,UAAA;AAAA,YAEC,KAAK,GAAI,CAAA,IAAA;AAAA,YACT,iBAAA;AAAA,YACA,KAAO,EAAA,IAAA;AAAA,YACP;AAAA,WAAA;AAAA,UAJK,WAAY,CAAA,MAAA,CAAO,GAAI,CAAA,IAAA,EAAM,eAAe,MAAM;AAAA,SAKzD;AAAA,OAEH,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 { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithRef,\n  type MouseEvent,\n  type SyntheticEvent,\n  forwardRef,\n} from \"react\";\nimport { CalendarDay, type CalendarDayProps } from \"./CalendarDay\";\nimport { generateVisibleDays } from \"./utils\";\n\nimport type { DateFrameworkType } from \"@salt-ds/date-adapters\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useLocalization } from \"../../localization-provider\";\nimport { useCalendarContext } from \"./CalendarContext\";\nimport calendarMonthCss from \"./CalendarMonth.css\";\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":["makePrefixer","forwardRef","CalendarMonth","useLocalization","useWindow","useComponentCssInjection","calendarMonthCss","useCalendarContext","generateVisibleDays","jsx","clsx","createElement","CalendarDay"],"mappings":";;;;;;;;;;;;;;AA8BA,MAAM,YAAA,GAAeA,kBAAa,mBAAmB,CAAA;AAE9C,MAAM,aAAgB,GAAAC,gBAAA,CAG3B,SAASC,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,GAAIC,oCAAuB,EAAA;AAC/C,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,qBAAA;AAAA,IACR,GAAK,EAAAC,eAAA;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,MACxBC,kCAA0B,EAAA;AAC9B,EAAA,MAAM,IAAO,GAAAC,yBAAA,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,uBAAAC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,GAAA;AAAA,MACA,YAAc,EAAA,gBAAA;AAAA,MACb,GAAG,IAAA;AAAA,MAEJ,QAAA,kBAAAD,cAAA,CAAC,KAAI,EAAA,EAAA,aAAA,EAAY,cAAe,EAAA,SAAA,EAAW,YAAa,CAAA,MAAM,CAC3D,EAAA,QAAA,EAAA,IAAA,CAAK,GAAI,CAAA,CAAC,GACT,qBAAAE,mBAAA;AAAA,QAACC,uBAAA;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;;;;"}

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

@@ -8,14 +8,13 @@ function useFocusManagement({
 }) {
   const { dateAdapter } = LocalizationProvider.useLocalization();
   const {
-    state: { locale },
     helpers: { setFocusedDate }
   } = CalendarContext.useCalendarContext();
   const handleClick = (event) => {
     setFocusedDate(event, date);
   };
   const handleKeyDown = (event) => {
-    let newDate = date;
+    let newDate = void 0;
     switch (event.key) {
       case "ArrowUp":
         newDate = dateAdapter.subtract(date, { weeks: 1 });
@@ -30,10 +29,10 @@ function useFocusManagement({
         newDate = dateAdapter.add(date, { days: 1 });
         break;
       case "Home":
-        newDate = dateAdapter.startOf(date, "week", locale);
+        newDate = dateAdapter.startOf(date, "week");
         break;
       case "End":
-        newDate = dateAdapter.endOf(date, "week", locale);
+        newDate = dateAdapter.endOf(date, "week");
         break;
       case "PageUp":
         if (event.shiftKey) {
@@ -50,10 +49,10 @@ function useFocusManagement({
         }
         break;
     }
-    if (dateAdapter.compare(newDate, date) !== 0) {
+    if (newDate && dateAdapter.compare(newDate, date) !== 0) {
       event.preventDefault();
+      setFocusedDate(event, newDate);
     }
-    setFocusedDate(event, newDate);
   };
   const handleFocus = (event) => {
     setFocusedDate(event, date);

package/dist-cjs/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    state: { locale },\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 = date;\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\", locale);\n        break;\n      case \"End\":\n        newDate = dateAdapter.endOf(date, \"week\", locale);\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 (dateAdapter.compare(newDate, date) !== 0) {\n      event.preventDefault();\n    }\n    setFocusedDate(event, newDate);\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":["useLocalization","useCalendarContext"],"mappings":";;;;;AASO,SAAS,kBAAoD,CAAA;AAAA,EAClE;AACF,CAEG,EAAA;AACD,EAAM,MAAA,EAAE,WAAY,EAAA,GAAIA,oCAAuB,EAAA;AAC/C,EAAM,MAAA;AAAA,IACJ,KAAA,EAAO,EAAE,MAAO,EAAA;AAAA,IAChB,OAAA,EAAS,EAAE,cAAe;AAAA,MACxBC,kCAA0B,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,IAAA,IAAI,OAAU,GAAA,IAAA;AACd,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,QAAA,OAAA,GAAU,WAAY,CAAA,OAAA,CAAQ,IAAM,EAAA,MAAA,EAAQ,MAAM,CAAA;AAClD,QAAA;AAAA,MACF,KAAK,KAAA;AACH,QAAA,OAAA,GAAU,WAAY,CAAA,KAAA,CAAM,IAAM,EAAA,MAAA,EAAQ,MAAM,CAAA;AAChD,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,WAAY,CAAA,OAAA,CAAQ,OAAS,EAAA,IAAI,MAAM,CAAG,EAAA;AAC5C,MAAA,KAAA,CAAM,cAAe,EAAA;AAAA;AAEvB,IAAA,cAAA,CAAe,OAAO,OAAO,CAAA;AAAA,GAC/B;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 = 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":["useLocalization","useCalendarContext"],"mappings":";;;;;AASO,SAAS,kBAAoD,CAAA;AAAA,EAClE;AACF,CAEG,EAAA;AACD,EAAM,MAAA,EAAE,WAAY,EAAA,GAAIA,oCAAuB,EAAA;AAC/C,EAAM,MAAA;AAAA,IACJ,OAAA,EAAS,EAAE,cAAe;AAAA,MACxBC,kCAA0B,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,IAAA,IAAI,OAA6B,GAAA,MAAA;AACjC,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;;;;"}

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

@@ -1,9 +1,9 @@
 'use strict';
 
-function daysOfWeek(dateAdapter, format, locale) {
+function daysOfWeek(dateAdapter, format) {
   return Array.from(
     { length: 7 },
-    (_, day) => dateAdapter.getDayOfWeekName(day, format, locale)
+    (_, day) => dateAdapter.getDayOfWeekName(day, format)
   );
 }
 function generateMonthsForYear(dateAdapter, currentYear) {
@@ -13,20 +13,16 @@ function generateMonthsForYear(dateAdapter, currentYear) {
     (_, month) => dateAdapter.add(startOfYear, { months: month })
   );
 }
-function generateVisibleDays(dateAdapter, currentMonth, locale) {
+function generateVisibleDays(dateAdapter, currentMonth, timezone) {
   const totalDays = 6 * 7;
   const startDate = dateAdapter.startOf(
-    dateAdapter.startOf(currentMonth, "month", locale),
-    "week",
-    locale
+    dateAdapter.startOf(currentMonth, "month"),
+    "week"
   );
   return [...Array(totalDays).keys()].map((dayDelta) => {
-    const day = dateAdapter.add(startDate, { days: dayDelta });
-    return {
-      date: day,
-      dateOfMonth: dateAdapter.getMonth(day),
-      isCurrentMonth: dateAdapter.isSame(day, currentMonth, "month")
-    };
+    let day = dateAdapter.add(startDate, { days: dayDelta });
+    day = dateAdapter.setTimezone(day, timezone);
+    return day;
   });
 }
 function monthDiff(dateAdapter, a, b) {

package/dist-cjs/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} from \"@salt-ds/date-adapters\";\n\nexport function daysOfWeek<TDate extends DateFrameworkType>(\n  dateAdapter: SaltDateAdapter<TDate>,\n  format: \"long\" | \"short\" | \"narrow\",\n  locale?: any,\n) {\n  return Array.from({ length: 7 }, (_, day) =>\n    dateAdapter.getDayOfWeekName(day, format, locale),\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  locale?: any,\n) {\n  const totalDays = 6 * 7;\n  const startDate = dateAdapter.startOf(\n    dateAdapter.startOf(currentMonth, \"month\", locale),\n    \"week\",\n    locale,\n  );\n  return [...Array(totalDays).keys()].map((dayDelta) => {\n    const day = dateAdapter.add(startDate, { days: dayDelta });\n    return {\n      date: day,\n      dateOfMonth: dateAdapter.getMonth(day),\n      isCurrentMonth: dateAdapter.isSame(day, currentMonth, \"month\"),\n    };\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":";;AAKgB,SAAA,UAAA,CACd,WACA,EAAA,MAAA,EACA,MACA,EAAA;AACA,EAAA,OAAO,KAAM,CAAA,IAAA;AAAA,IAAK,EAAE,QAAQ,CAAE,EAAA;AAAA,IAAG,CAAC,CAAG,EAAA,GAAA,KACnC,YAAY,gBAAiB,CAAA,GAAA,EAAK,QAAQ,MAAM;AAAA,GAClD;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,MACA,EAAA;AACA,EAAA,MAAM,YAAY,CAAI,GAAA,CAAA;AACtB,EAAA,MAAM,YAAY,WAAY,CAAA,OAAA;AAAA,IAC5B,WAAY,CAAA,OAAA,CAAQ,YAAc,EAAA,OAAA,EAAS,MAAM,CAAA;AAAA,IACjD,MAAA;AAAA,IACA;AAAA,GACF;AACA,EAAO,OAAA,CAAC,GAAG,KAAA,CAAM,SAAS,CAAA,CAAE,MAAM,CAAA,CAAE,GAAI,CAAA,CAAC,QAAa,KAAA;AACpD,IAAA,MAAM,MAAM,WAAY,CAAA,GAAA,CAAI,WAAW,EAAE,IAAA,EAAM,UAAU,CAAA;AACzD,IAAO,OAAA;AAAA,MACL,IAAM,EAAA,GAAA;AAAA,MACN,WAAA,EAAa,WAAY,CAAA,QAAA,CAAS,GAAG,CAAA;AAAA,MACrC,cAAgB,EAAA,WAAA,CAAY,MAAO,CAAA,GAAA,EAAK,cAAc,OAAO;AAAA,KAC/D;AAAA,GACD,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":";;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;;;;;;;;"}