@salt-ds/lab 1.0.0-alpha.51 → 1.0.0-alpha.53

package/dist-cjs/breadcrumbs/internal/BreadcrumbsCollapsed.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var icons = require('@salt-ds/icons');
+var core = require('@salt-ds/core');
 var react = require('react');
 var MenuButton = require('../../menu-button/MenuButton.js');
 var useFocusMenuRemount = require('./useFocusMenuRemount.js');
@@ -20,6 +20,7 @@ const BreadcrumbsCollapsed = ({
     }
     return "";
   });
+  const { OverflowIcon } = core.useIcon();
   const key = keys ? keys.join("") : "";
   const { ref, shouldFocusOnMount } = useFocusMenuRemount.useFocusMenuRemount(key);
   const itemToString = react.useCallback((child) => {
@@ -54,7 +55,7 @@ const BreadcrumbsCollapsed = ({
     hideCaret: true,
     ...rest,
     ref,
-    children: /* @__PURE__ */ jsxRuntime.jsx(icons.OverflowMenuIcon, {})
+    children: /* @__PURE__ */ jsxRuntime.jsx(OverflowIcon, {})
   });
 };
 

package/dist-cjs/breadcrumbs/internal/BreadcrumbsCollapsed.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsCollapsed.js","sources":["../src/breadcrumbs/internal/BreadcrumbsCollapsed.tsx"],"sourcesContent":["import { OverflowMenuIcon } from \"@salt-ds/icons\";\nimport {\n  Children,\n  type Component,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n  isValidElement,\n  useCallback,\n} from \"react\";\nimport type { CascadingMenuProps, MenuDescriptor } from \"../../cascading-menu\";\nimport { MenuButton, type MenuButtonProps } from \"../../menu-button\";\nimport type { BreadcrumbProps } from \"../Breadcrumb\";\nimport { useFocusMenuRemount } from \"./useFocusMenuRemount\";\n\nexport interface BreadcrumbsCollapsedProps\n  extends Omit<MenuButtonProps, \"CascadingMenuProps\"> {\n  CascadingMenuProps?: CascadingMenuProps;\n  accessibleText?: string;\n  children: ReactNode;\n  className?: string;\n}\n\nexport const BreadcrumbsCollapsed = ({\n  children,\n  CascadingMenuProps,\n  accessibleText,\n  ...rest\n}: BreadcrumbsCollapsedProps) => {\n  const keys = Children.map(children, (child) => {\n    if (isValidElement(child)) {\n      return child.key;\n    }\n    return \"\";\n  });\n\n  const key = keys ? keys.join(\"\") : \"\";\n  const { ref, shouldFocusOnMount } =\n    useFocusMenuRemount<HTMLButtonElement>(key);\n\n  const itemToString = useCallback((child: Component<BreadcrumbProps>) => {\n    if (!child) {\n      return \"\";\n    }\n    const { overflowLabel, tooltipText, children } = child.props;\n    return overflowLabel || tooltipText || String(children);\n  }, []);\n\n  const onItemClick = useCallback(\n    (sourceItem: MenuDescriptor, event: MouseEvent | KeyboardEvent): void => {\n      shouldFocusOnMount.current = true;\n    },\n    [shouldFocusOnMount],\n  );\n\n  const menuItems: MenuDescriptor[] = [];\n  Children.forEach(children, (x) => {\n    if (isValidElement(x)) {\n      menuItems.push({ props: x.props } as MenuDescriptor);\n    }\n  });\n\n  return (\n    <MenuButton\n      CascadingMenuProps={{\n        initialSource: {\n          // Only `props` is required for `itemToString`. Otherwise causing circular JSON conversion in useControlled.js\n          // This is not reproducible in unit tests, where react / react-dom is partially mocked without circular reference\n          menuItems,\n        },\n        itemToString,\n        onItemClick,\n        minWidth: 0,\n        ...CascadingMenuProps,\n      }}\n      hideCaret\n      {...rest}\n      ref={ref}\n    >\n      <OverflowMenuIcon />\n    </MenuButton>\n  );\n};\n"],"names":["Children","isValidElement","useFocusMenuRemount","useCallback","children","jsx","MenuButton","OverflowMenuIcon"],"mappings":";;;;;;;;;;AAuBO,MAAM,uBAAuB,CAAC;AAAA,EACnC,QAAA;AAAA,EACA,kBAAA;AAAA,EACA,cAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAiC,KAAA;AAC/B,EAAA,MAAM,IAAO,GAAAA,cAAA,CAAS,GAAI,CAAA,QAAA,EAAU,CAAC,KAAU,KAAA;AAC7C,IAAI,IAAAC,oBAAA,CAAe,KAAK,CAAG,EAAA;AACzB,MAAA,OAAO,KAAM,CAAA,GAAA,CAAA;AAAA,KACf;AACA,IAAO,OAAA,EAAA,CAAA;AAAA,GACR,CAAA,CAAA;AAED,EAAA,MAAM,GAAM,GAAA,IAAA,GAAO,IAAK,CAAA,IAAA,CAAK,EAAE,CAAI,GAAA,EAAA,CAAA;AACnC,EAAA,MAAM,EAAE,GAAA,EAAK,kBAAmB,EAAA,GAC9BC,wCAAuC,GAAG,CAAA,CAAA;AAE5C,EAAM,MAAA,YAAA,GAAeC,iBAAY,CAAA,CAAC,KAAsC,KAAA;AACtE,IAAA,IAAI,CAAC,KAAO,EAAA;AACV,MAAO,OAAA,EAAA,CAAA;AAAA,KACT;AACA,IAAA,MAAM,EAAE,aAAe,EAAA,WAAA,EAAa,QAAAC,EAAAA,SAAAA,KAAa,KAAM,CAAA,KAAA,CAAA;AACvD,IAAO,OAAA,aAAA,IAAiB,WAAe,IAAA,MAAA,CAAOA,SAAQ,CAAA,CAAA;AAAA,GACxD,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,MAAM,WAAc,GAAAD,iBAAA;AAAA,IAClB,CAAC,YAA4B,KAA4C,KAAA;AACvE,MAAA,kBAAA,CAAmB,OAAU,GAAA,IAAA,CAAA;AAAA,KAC/B;AAAA,IACA,CAAC,kBAAkB,CAAA;AAAA,GACrB,CAAA;AAEA,EAAA,MAAM,YAA8B,EAAC,CAAA;AACrC,EAASH,cAAA,CAAA,OAAA,CAAQ,QAAU,EAAA,CAAC,CAAM,KAAA;AAChC,IAAI,IAAAC,oBAAA,CAAe,CAAC,CAAG,EAAA;AACrB,MAAA,SAAA,CAAU,IAAK,CAAA,EAAE,KAAO,EAAA,CAAA,CAAE,OAAyB,CAAA,CAAA;AAAA,KACrD;AAAA,GACD,CAAA,CAAA;AAED,EAAA,uBACGI,cAAA,CAAAC,qBAAA,EAAA;AAAA,IACC,kBAAoB,EAAA;AAAA,MAClB,aAAe,EAAA;AAAA,QAGb,SAAA;AAAA,OACF;AAAA,MACA,YAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAU,EAAA,CAAA;AAAA,MACV,GAAG,kBAAA;AAAA,KACL;AAAA,IACA,SAAS,EAAA,IAAA;AAAA,IACR,GAAG,IAAA;AAAA,IACJ,GAAA;AAAA,IAEA,yCAACC,sBAAiB,EAAA,EAAA,CAAA;AAAA,GACpB,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"BreadcrumbsCollapsed.js","sources":["../src/breadcrumbs/internal/BreadcrumbsCollapsed.tsx"],"sourcesContent":["import { useIcon } from \"@salt-ds/core\";\nimport {\n  Children,\n  type Component,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n  isValidElement,\n  useCallback,\n} from \"react\";\nimport type { CascadingMenuProps, MenuDescriptor } from \"../../cascading-menu\";\nimport { MenuButton, type MenuButtonProps } from \"../../menu-button\";\nimport type { BreadcrumbProps } from \"../Breadcrumb\";\nimport { useFocusMenuRemount } from \"./useFocusMenuRemount\";\n\nexport interface BreadcrumbsCollapsedProps\n  extends Omit<MenuButtonProps, \"CascadingMenuProps\"> {\n  CascadingMenuProps?: CascadingMenuProps;\n  accessibleText?: string;\n  children: ReactNode;\n  className?: string;\n}\n\nexport const BreadcrumbsCollapsed = ({\n  children,\n  CascadingMenuProps,\n  accessibleText,\n  ...rest\n}: BreadcrumbsCollapsedProps) => {\n  const keys = Children.map(children, (child) => {\n    if (isValidElement(child)) {\n      return child.key;\n    }\n    return \"\";\n  });\n\n  const { OverflowIcon } = useIcon();\n  const key = keys ? keys.join(\"\") : \"\";\n  const { ref, shouldFocusOnMount } =\n    useFocusMenuRemount<HTMLButtonElement>(key);\n\n  const itemToString = useCallback((child: Component<BreadcrumbProps>) => {\n    if (!child) {\n      return \"\";\n    }\n    const { overflowLabel, tooltipText, children } = child.props;\n    return overflowLabel || tooltipText || String(children);\n  }, []);\n\n  const onItemClick = useCallback(\n    (sourceItem: MenuDescriptor, event: MouseEvent | KeyboardEvent): void => {\n      shouldFocusOnMount.current = true;\n    },\n    [shouldFocusOnMount],\n  );\n\n  const menuItems: MenuDescriptor[] = [];\n  Children.forEach(children, (x) => {\n    if (isValidElement(x)) {\n      menuItems.push({ props: x.props } as MenuDescriptor);\n    }\n  });\n\n  return (\n    <MenuButton\n      CascadingMenuProps={{\n        initialSource: {\n          // Only `props` is required for `itemToString`. Otherwise causing circular JSON conversion in useControlled.js\n          // This is not reproducible in unit tests, where react / react-dom is partially mocked without circular reference\n          menuItems,\n        },\n        itemToString,\n        onItemClick,\n        minWidth: 0,\n        ...CascadingMenuProps,\n      }}\n      hideCaret\n      {...rest}\n      ref={ref}\n    >\n      <OverflowIcon />\n    </MenuButton>\n  );\n};\n"],"names":["Children","isValidElement","useIcon","useFocusMenuRemount","useCallback","children","jsx","MenuButton"],"mappings":";;;;;;;;;;AAuBO,MAAM,uBAAuB,CAAC;AAAA,EACnC,QAAA;AAAA,EACA,kBAAA;AAAA,EACA,cAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAiC,KAAA;AAC/B,EAAA,MAAM,IAAO,GAAAA,cAAA,CAAS,GAAI,CAAA,QAAA,EAAU,CAAC,KAAU,KAAA;AAC7C,IAAI,IAAAC,oBAAA,CAAe,KAAK,CAAG,EAAA;AACzB,MAAA,OAAO,KAAM,CAAA,GAAA,CAAA;AAAA,KACf;AACA,IAAO,OAAA,EAAA,CAAA;AAAA,GACR,CAAA,CAAA;AAED,EAAM,MAAA,EAAE,YAAa,EAAA,GAAIC,YAAQ,EAAA,CAAA;AACjC,EAAA,MAAM,GAAM,GAAA,IAAA,GAAO,IAAK,CAAA,IAAA,CAAK,EAAE,CAAI,GAAA,EAAA,CAAA;AACnC,EAAA,MAAM,EAAE,GAAA,EAAK,kBAAmB,EAAA,GAC9BC,wCAAuC,GAAG,CAAA,CAAA;AAE5C,EAAM,MAAA,YAAA,GAAeC,iBAAY,CAAA,CAAC,KAAsC,KAAA;AACtE,IAAA,IAAI,CAAC,KAAO,EAAA;AACV,MAAO,OAAA,EAAA,CAAA;AAAA,KACT;AACA,IAAA,MAAM,EAAE,aAAe,EAAA,WAAA,EAAa,QAAAC,EAAAA,SAAAA,KAAa,KAAM,CAAA,KAAA,CAAA;AACvD,IAAO,OAAA,aAAA,IAAiB,WAAe,IAAA,MAAA,CAAOA,SAAQ,CAAA,CAAA;AAAA,GACxD,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,MAAM,WAAc,GAAAD,iBAAA;AAAA,IAClB,CAAC,YAA4B,KAA4C,KAAA;AACvE,MAAA,kBAAA,CAAmB,OAAU,GAAA,IAAA,CAAA;AAAA,KAC/B;AAAA,IACA,CAAC,kBAAkB,CAAA;AAAA,GACrB,CAAA;AAEA,EAAA,MAAM,YAA8B,EAAC,CAAA;AACrC,EAASJ,cAAA,CAAA,OAAA,CAAQ,QAAU,EAAA,CAAC,CAAM,KAAA;AAChC,IAAI,IAAAC,oBAAA,CAAe,CAAC,CAAG,EAAA;AACrB,MAAA,SAAA,CAAU,IAAK,CAAA,EAAE,KAAO,EAAA,CAAA,CAAE,OAAyB,CAAA,CAAA;AAAA,KACrD;AAAA,GACD,CAAA,CAAA;AAED,EAAA,uBACGK,cAAA,CAAAC,qBAAA,EAAA;AAAA,IACC,kBAAoB,EAAA;AAAA,MAClB,aAAe,EAAA;AAAA,QAGb,SAAA;AAAA,OACF;AAAA,MACA,YAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAU,EAAA,CAAA;AAAA,MACV,GAAG,kBAAA;AAAA,KACL;AAAA,IACA,SAAS,EAAA,IAAA;AAAA,IACR,GAAG,IAAA;AAAA,IACJ,GAAA;AAAA,IAEA,yCAAC,YAAa,EAAA,EAAA,CAAA;AAAA,GAChB,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var css_248z = ".saltCalendar {\n  width: min-content;\n  background: var(--salt-container-primary-background);\n  padding: var(--salt-spacing-100);\n}\n";
+var css_248z = ".saltCalendar {\n  background: var(--salt-container-primary-background);\n  padding: var(--salt-spacing-100);\n}\n";
 
 module.exports = css_248z;
 //# sourceMappingURL=Calendar.css.js.map

package/dist-cjs/calendar/Calendar.js

@@ -6,72 +6,90 @@ var jsxRuntime = require('react/jsx-runtime');
 var core = require('@salt-ds/core');
 var clsx = require('clsx');
 var react = require('react');
-var CalendarCarousel = require('./internal/CalendarCarousel.js');
 var CalendarContext = require('./internal/CalendarContext.js');
-var CalendarNavigation = require('./internal/CalendarNavigation.js');
-var CalendarWeekHeader = require('./internal/CalendarWeekHeader.js');
 var useCalendar = require('./useCalendar.js');
 var styles = require('@salt-ds/styles');
 var window = require('@salt-ds/window');
 var date = require('@internationalized/date');
 var Calendar$1 = require('./Calendar.css.js');
-var utils = require('./internal/utils.js');
 
 const withBaseName = core.makePrefixer("saltCalendar");
 const Calendar = react.forwardRef(
   function Calendar2(props, ref) {
-    const {
-      className,
-      renderDayContents,
-      hideYearDropdown,
-      TooltipProps,
-      borderedDropdown,
-      ...rest
-    } = props;
     const targetWindow = window.useWindow();
     styles.useComponentCssInjection({
       testId: "salt-calendar",
       css: Calendar$1,
       window: targetWindow
     });
-    const { state, helpers } = useCalendar.useCalendar({
-      hideYearDropdown,
-      ...rest
-    });
-    const { setCalendarFocused } = helpers;
-    const handleFocus = react.useCallback(() => {
-      setCalendarFocused(true);
-    }, [setCalendarFocused]);
-    const handleBlur = react.useCallback(() => {
-      setCalendarFocused(false);
-    }, [setCalendarFocused]);
-    const calendarLabel = new date.DateFormatter(utils.getCurrentLocale(), {
+    const {
+      children,
+      className,
+      selectedDate,
+      defaultSelectedDate,
+      visibleMonth: visibleMonthProp,
+      timeZone,
+      locale,
+      defaultVisibleMonth,
+      onSelectedDateChange,
+      onVisibleMonthChange,
+      hideOutOfRangeDates,
+      isDayUnselectable,
+      isDayHighlighted,
+      isDayDisabled,
+      minDate,
+      maxDate,
+      selectionVariant,
+      onHoveredDateChange,
+      hoveredDate,
+      ...propsRest
+    } = props;
+    let startDateOffset;
+    let endDateOffset;
+    let rest;
+    if (selectionVariant === "offset") {
+      ({ startDateOffset, endDateOffset, ...rest } = propsRest);
+    } else {
+      rest = propsRest;
+    }
+    const useCalendarProps = {
+      selectedDate,
+      defaultSelectedDate,
+      visibleMonth: visibleMonthProp,
+      timeZone,
+      locale,
+      defaultVisibleMonth,
+      onSelectedDateChange,
+      onVisibleMonthChange,
+      isDayUnselectable,
+      isDayHighlighted,
+      isDayDisabled,
+      minDate,
+      maxDate,
+      selectionVariant,
+      onHoveredDateChange,
+      hideOutOfRangeDates,
+      hoveredDate,
+      startDateOffset,
+      endDateOffset
+    };
+    const { state, helpers } = useCalendar.useCalendar(useCalendarProps);
+    const calendarLabel = new date.DateFormatter(state.locale, {
       month: "long",
       year: "numeric"
-    }).format(state.visibleMonth.toDate(date.getLocalTimeZone()));
+    }).format(state.visibleMonth.toDate(state.timeZone));
     return /* @__PURE__ */ jsxRuntime.jsx(CalendarContext.CalendarContext.Provider, {
       value: {
         state,
         helpers
       },
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", {
         className: clsx.clsx(withBaseName(), className),
         role: "application",
         "aria-label": calendarLabel,
         ref,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(CalendarNavigation.CalendarNavigation, {
-            borderedDropdown,
-            hideYearDropdown
-          }),
-          /* @__PURE__ */ jsxRuntime.jsx(CalendarWeekHeader.CalendarWeekHeader, {}),
-          /* @__PURE__ */ jsxRuntime.jsx(CalendarCarousel.CalendarCarousel, {
-            onFocus: handleFocus,
-            onBlur: handleBlur,
-            renderDayContents,
-            TooltipProps
-          })
-        ]
+        ...rest,
+        children
       })
     });
   }

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

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","sources":["../src/calendar/Calendar.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, useCallback } from \"react\";\nimport {\n  CalendarCarousel,\n  type CalendarCarouselProps,\n} from \"./internal/CalendarCarousel\";\nimport { CalendarContext } from \"./internal/CalendarContext\";\nimport {\n  CalendarNavigation,\n  type CalendarNavigationProps,\n} from \"./internal/CalendarNavigation\";\nimport { CalendarWeekHeader } from \"./internal/CalendarWeekHeader\";\nimport { useCalendar, type useCalendarProps } from \"./useCalendar\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport { DateFormatter, getLocalTimeZone } from \"@internationalized/date\";\nimport calendarCss from \"./Calendar.css\";\nimport { getCurrentLocale } from \"./internal/utils\";\n\nexport type CalendarProps = useCalendarProps & {\n  className?: string;\n  renderDayContents?: CalendarCarouselProps[\"renderDayContents\"];\n  hideYearDropdown?: CalendarNavigationProps[\"hideYearDropdown\"];\n  borderedDropdown?: CalendarNavigationProps[\"borderedDropdown\"];\n  TooltipProps?: CalendarCarouselProps[\"TooltipProps\"];\n  hideOutOfRangeDates?: CalendarCarouselProps[\"hideOutOfRangeDates\"];\n};\n\nconst withBaseName = makePrefixer(\"saltCalendar\");\n\nexport const Calendar = forwardRef<HTMLDivElement, CalendarProps>(\n  function Calendar(props, ref) {\n    const {\n      className,\n      renderDayContents,\n      hideYearDropdown,\n      TooltipProps,\n      borderedDropdown,\n      ...rest\n    } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-calendar\",\n      css: calendarCss,\n      window: targetWindow,\n    });\n\n    const { state, helpers } = useCalendar({\n      hideYearDropdown,\n      ...rest,\n    });\n\n    const { setCalendarFocused } = helpers;\n\n    const handleFocus = useCallback(() => {\n      setCalendarFocused(true);\n    }, [setCalendarFocused]);\n\n    const handleBlur = useCallback(() => {\n      setCalendarFocused(false);\n    }, [setCalendarFocused]);\n\n    const calendarLabel = new DateFormatter(getCurrentLocale(), {\n      month: \"long\",\n      year: \"numeric\",\n    }).format(state.visibleMonth.toDate(getLocalTimeZone()));\n    return (\n      <CalendarContext.Provider\n        value={{\n          state,\n          helpers,\n        }}\n      >\n        <div\n          className={clsx(withBaseName(), className)}\n          role=\"application\"\n          aria-label={calendarLabel}\n          ref={ref}\n        >\n          <CalendarNavigation\n            borderedDropdown={borderedDropdown}\n            hideYearDropdown={hideYearDropdown}\n          />\n          <CalendarWeekHeader />\n          <CalendarCarousel\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            renderDayContents={renderDayContents}\n            TooltipProps={TooltipProps}\n          />\n        </div>\n      </CalendarContext.Provider>\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","Calendar","useWindow","useComponentCssInjection","calendarCss","useCalendar","useCallback","DateFormatter","getCurrentLocale","getLocalTimeZone","jsx","CalendarContext","jsxs","clsx","CalendarNavigation","CalendarWeekHeader","CalendarCarousel"],"mappings":";;;;;;;;;;;;;;;;;;;AA+BA,MAAM,YAAA,GAAeA,kBAAa,cAAc,CAAA,CAAA;AAEzC,MAAM,QAAW,GAAAC,gBAAA;AAAA,EACtB,SAASC,SAAS,CAAA,KAAA,EAAO,GAAK,EAAA;AAC5B,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,iBAAA;AAAA,MACA,gBAAA;AAAA,MACA,YAAA;AAAA,MACA,gBAAA;AAAA,MACG,GAAA,IAAA;AAAA,KACD,GAAA,KAAA,CAAA;AAEJ,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,eAAA;AAAA,MACR,GAAK,EAAAC,UAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,EAAE,KAAA,EAAO,OAAQ,EAAA,GAAIC,uBAAY,CAAA;AAAA,MACrC,gBAAA;AAAA,MACA,GAAG,IAAA;AAAA,KACJ,CAAA,CAAA;AAED,IAAM,MAAA,EAAE,oBAAuB,GAAA,OAAA,CAAA;AAE/B,IAAM,MAAA,WAAA,GAAcC,kBAAY,MAAM;AACpC,MAAA,kBAAA,CAAmB,IAAI,CAAA,CAAA;AAAA,KACzB,EAAG,CAAC,kBAAkB,CAAC,CAAA,CAAA;AAEvB,IAAM,MAAA,UAAA,GAAaA,kBAAY,MAAM;AACnC,MAAA,kBAAA,CAAmB,KAAK,CAAA,CAAA;AAAA,KAC1B,EAAG,CAAC,kBAAkB,CAAC,CAAA,CAAA;AAEvB,IAAA,MAAM,aAAgB,GAAA,IAAIC,kBAAc,CAAAC,sBAAA,EAAoB,EAAA;AAAA,MAC1D,KAAO,EAAA,MAAA;AAAA,MACP,IAAM,EAAA,SAAA;AAAA,KACP,EAAE,MAAO,CAAA,KAAA,CAAM,aAAa,MAAO,CAAAC,qBAAA,EAAkB,CAAC,CAAA,CAAA;AACvD,IACE,uBAAAC,cAAA,CAACC,gCAAgB,QAAhB,EAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,KAAA;AAAA,QACA,OAAA;AAAA,OACF;AAAA,MAEA,QAAC,kBAAAC,eAAA,CAAA,KAAA,EAAA;AAAA,QACC,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,QACzC,IAAK,EAAA,aAAA;AAAA,QACL,YAAY,EAAA,aAAA;AAAA,QACZ,GAAA;AAAA,QAEA,QAAA,EAAA;AAAA,0BAACH,cAAA,CAAAI,qCAAA,EAAA;AAAA,YACC,gBAAA;AAAA,YACA,gBAAA;AAAA,WACF,CAAA;AAAA,yCACCC,qCAAmB,EAAA,EAAA,CAAA;AAAA,0BACnBL,cAAA,CAAAM,iCAAA,EAAA;AAAA,YACC,OAAS,EAAA,WAAA;AAAA,YACT,MAAQ,EAAA,UAAA;AAAA,YACR,iBAAA;AAAA,YACA,YAAA;AAAA,WACF,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
+{"version":3,"file":"Calendar.js","sources":["../src/calendar/Calendar.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n  forwardRef,\n} from \"react\";\nimport { CalendarContext } from \"./internal/CalendarContext\";\nimport {\n  type UseCalendarMultiSelectProps,\n  type UseCalendarOffsetProps,\n  type UseCalendarRangeProps,\n  type UseCalendarSingleProps,\n  useCalendar,\n} from \"./useCalendar\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport { DateFormatter } from \"@internationalized/date\";\nimport calendarCss from \"./Calendar.css\";\n\n/**\n * Base props for the Calendar component.\n */\nexport interface CalendarBaseProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The content to be rendered inside the Calendar.\n   */\n  children: ReactNode;\n  /**\n   * If `true`, hides dates that are out of the selectable range.\n   */\n  hideOutOfRangeDates?: boolean;\n}\n\n/**\n * Props for the Calendar component with single date selection.\n */\nexport interface CalendarSingleProps\n  extends CalendarBaseProps,\n    UseCalendarSingleProps {\n  /**\n   * The selection variant, set to \"single\".\n   */\n  selectionVariant: \"single\";\n}\n\n/**\n * Props for the Calendar component with date range selection.\n */\nexport interface CalendarRangeProps\n  extends CalendarBaseProps,\n    UseCalendarRangeProps {\n  /**\n   * The selection variant, set to \"range\".\n   */\n  selectionVariant: \"range\";\n}\n\n/**\n * Props for the Calendar component with multi-select date selection.\n */\nexport interface CalendarMultiSelectProps\n  extends CalendarBaseProps,\n    UseCalendarMultiSelectProps {\n  /**\n   * The selection variant, set to \"multiselect\".\n   */\n  selectionVariant: \"multiselect\";\n}\n\n/**\n * Props for the Calendar component with offset date selection.\n */\nexport interface CalendarOffsetProps\n  extends CalendarBaseProps,\n    UseCalendarOffsetProps {\n  /**\n   * The selection variant, set to \"offset\".\n   */\n  selectionVariant: \"offset\";\n}\n\n/**\n * Type representing the props for the Calendar component with various selection variants.\n */\nexport type CalendarProps =\n  | CalendarSingleProps\n  | CalendarRangeProps\n  | CalendarMultiSelectProps\n  | CalendarOffsetProps;\n\nconst withBaseName = makePrefixer(\"saltCalendar\");\n\nexport const Calendar = forwardRef<HTMLDivElement, CalendarProps>(\n  function Calendar(props, ref) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-calendar\",\n      css: calendarCss,\n      window: targetWindow,\n    });\n    const {\n      children,\n      className,\n      selectedDate,\n      defaultSelectedDate,\n      visibleMonth: visibleMonthProp,\n      timeZone,\n      locale,\n      defaultVisibleMonth,\n      onSelectedDateChange,\n      onVisibleMonthChange,\n      hideOutOfRangeDates,\n      isDayUnselectable,\n      isDayHighlighted,\n      isDayDisabled,\n      minDate,\n      maxDate,\n      selectionVariant,\n      onHoveredDateChange,\n      hoveredDate,\n      ...propsRest\n    } = props;\n    let startDateOffset: CalendarOffsetProps[\"startDateOffset\"];\n    let endDateOffset: CalendarOffsetProps[\"startDateOffset\"];\n    let rest: Partial<typeof props>;\n    if (selectionVariant === \"offset\") {\n      ({ startDateOffset, endDateOffset, ...rest } =\n        propsRest as CalendarOffsetProps);\n    } else {\n      rest = propsRest;\n    }\n    // biome-ignore lint/suspicious/noExplicitAny: type guard\n    const useCalendarProps: any = {\n      selectedDate,\n      defaultSelectedDate,\n      visibleMonth: visibleMonthProp,\n      timeZone,\n      locale,\n      defaultVisibleMonth,\n      onSelectedDateChange,\n      onVisibleMonthChange,\n      isDayUnselectable,\n      isDayHighlighted,\n      isDayDisabled,\n      minDate,\n      maxDate,\n      selectionVariant,\n      onHoveredDateChange,\n      hideOutOfRangeDates,\n      hoveredDate,\n      startDateOffset,\n      endDateOffset,\n    };\n    const { state, helpers } = useCalendar(useCalendarProps);\n    const calendarLabel = new DateFormatter(state.locale, {\n      month: \"long\",\n      year: \"numeric\",\n    }).format(state.visibleMonth.toDate(state.timeZone));\n\n    return (\n      <CalendarContext.Provider\n        value={{\n          state,\n          helpers,\n        }}\n      >\n        <div\n          className={clsx(withBaseName(), className)}\n          role=\"application\"\n          aria-label={calendarLabel}\n          ref={ref}\n          {...rest}\n        >\n          {children}\n        </div>\n      </CalendarContext.Provider>\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","Calendar","useWindow","useComponentCssInjection","calendarCss","useCalendar","DateFormatter","jsx","CalendarContext","clsx"],"mappings":";;;;;;;;;;;;;;;AA6FA,MAAM,YAAA,GAAeA,kBAAa,cAAc,CAAA,CAAA;AAEzC,MAAM,QAAW,GAAAC,gBAAA;AAAA,EACtB,SAASC,SAAS,CAAA,KAAA,EAAO,GAAK,EAAA;AAC5B,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,eAAA;AAAA,MACR,GAAK,EAAAC,UAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AACD,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,mBAAA;AAAA,MACA,YAAc,EAAA,gBAAA;AAAA,MACd,QAAA;AAAA,MACA,MAAA;AAAA,MACA,mBAAA;AAAA,MACA,oBAAA;AAAA,MACA,oBAAA;AAAA,MACA,mBAAA;AAAA,MACA,iBAAA;AAAA,MACA,gBAAA;AAAA,MACA,aAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,gBAAA;AAAA,MACA,mBAAA;AAAA,MACA,WAAA;AAAA,MACG,GAAA,SAAA;AAAA,KACD,GAAA,KAAA,CAAA;AACJ,IAAI,IAAA,eAAA,CAAA;AACJ,IAAI,IAAA,aAAA,CAAA;AACJ,IAAI,IAAA,IAAA,CAAA;AACJ,IAAA,IAAI,qBAAqB,QAAU,EAAA;AACjC,MAAA,CAAC,EAAE,eAAA,EAAiB,aAAe,EAAA,GAAG,MACpC,GAAA,SAAA,EAAA;AAAA,KACG,MAAA;AACL,MAAO,IAAA,GAAA,SAAA,CAAA;AAAA,KACT;AAEA,IAAA,MAAM,gBAAwB,GAAA;AAAA,MAC5B,YAAA;AAAA,MACA,mBAAA;AAAA,MACA,YAAc,EAAA,gBAAA;AAAA,MACd,QAAA;AAAA,MACA,MAAA;AAAA,MACA,mBAAA;AAAA,MACA,oBAAA;AAAA,MACA,oBAAA;AAAA,MACA,iBAAA;AAAA,MACA,gBAAA;AAAA,MACA,aAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,gBAAA;AAAA,MACA,mBAAA;AAAA,MACA,mBAAA;AAAA,MACA,WAAA;AAAA,MACA,eAAA;AAAA,MACA,aAAA;AAAA,KACF,CAAA;AACA,IAAA,MAAM,EAAE,KAAA,EAAO,OAAQ,EAAA,GAAIC,wBAAY,gBAAgB,CAAA,CAAA;AACvD,IAAA,MAAM,aAAgB,GAAA,IAAIC,kBAAc,CAAA,KAAA,CAAM,MAAQ,EAAA;AAAA,MACpD,KAAO,EAAA,MAAA;AAAA,MACP,IAAM,EAAA,SAAA;AAAA,KACP,EAAE,MAAO,CAAA,KAAA,CAAM,aAAa,MAAO,CAAA,KAAA,CAAM,QAAQ,CAAC,CAAA,CAAA;AAEnD,IACE,uBAAAC,cAAA,CAACC,gCAAgB,QAAhB,EAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,KAAA;AAAA,QACA,OAAA;AAAA,OACF;AAAA,MAEA,QAAC,kBAAAD,cAAA,CAAA,KAAA,EAAA;AAAA,QACC,SAAW,EAAAE,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,QACzC,IAAK,EAAA,aAAA;AAAA,QACL,YAAY,EAAA,aAAA;AAAA,QACZ,GAAA;AAAA,QACC,GAAG,IAAA;AAAA,QAEH,QAAA;AAAA,OACH,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

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

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = ".saltCalendarDateGrid-grid {\n  display: grid;\n  grid-auto-flow: column;\n}\n\n.saltCalendarDateGrid-grid > * {\n  position: absolute;\n  left: 0;\n  width: 100%;\n}\n\n.saltCalendarDateGrid-grid > :nth-child(2) {\n  position: relative;\n}\n";
+
+module.exports = css_248z;
+//# sourceMappingURL=CalendarDateGrid.css.js.map

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

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

package/dist-cjs/calendar/{internal/CalendarCarousel.js → CalendarDateGrid.js}

@@ -6,27 +6,33 @@ var jsxRuntime = require('react/jsx-runtime');
 var date = require('@internationalized/date');
 var core = require('@salt-ds/core');
 var react = require('react');
-var CalendarContext = require('./CalendarContext.js');
-var CalendarMonth = require('./CalendarMonth.js');
+var CalendarContext = require('./internal/CalendarContext.js');
+var CalendarMonth = require('./internal/CalendarMonth.js');
 var styles = require('@salt-ds/styles');
 var window = require('@salt-ds/window');
-var CalendarCarousel$1 = require('./CalendarCarousel.css.js');
-var utils = require('./utils.js');
+var CalendarDateGrid$1 = require('./CalendarDateGrid.css.js');
+var utils = require('./internal/utils.js');
 
 function getMonths(month) {
   return [month.subtract({ months: 1 }), month, month.add({ months: 1 })];
 }
-const withBaseName = core.makePrefixer("saltCalendarCarousel");
-const CalendarCarousel = react.forwardRef(function CalendarCarousel2(props, ref) {
-  const { ...rest } = props;
+const withBaseName = core.makePrefixer("saltCalendarDateGrid");
+const CalendarDateGrid = react.forwardRef(function CalendarDateGrid2(props, ref) {
+  const {
+    onFocus,
+    onBlur,
+    getCalendarMonthProps = () => void 0,
+    ...rest
+  } = props;
   const targetWindow = window.useWindow();
   styles.useComponentCssInjection({
-    testId: "salt-calendar-carousel",
-    css: CalendarCarousel$1,
+    testId: "salt-calendar-date-grid",
+    css: CalendarDateGrid$1,
     window: targetWindow
   });
   const {
-    state: { visibleMonth }
+    state: { visibleMonth, locale },
+    helpers: { setCalendarFocused }
   } = CalendarContext.useCalendarContext();
   const containerRef = react.useRef(null);
   const diffIndex = (a, b) => utils.monthDiff(a, b);
@@ -46,7 +52,21 @@ const CalendarCarousel = react.forwardRef(function CalendarCarousel2(props, ref)
     });
     setMonths(getMonths(visibleMonth));
     return void 0;
-  }, [utils.formatDate(visibleMonth)]);
+  }, [utils.formatDate(visibleMonth, locale)]);
+  const handleFocus = react.useCallback(
+    (event) => {
+      setCalendarFocused(true);
+      onFocus == null ? void 0 : onFocus(event);
+    },
+    [setCalendarFocused, onFocus]
+  );
+  const handleBlur = react.useCallback(
+    (event) => {
+      setCalendarFocused(false);
+      onBlur == null ? void 0 : onBlur(event);
+    },
+    [setCalendarFocused, onBlur]
+  );
   return /* @__PURE__ */ jsxRuntime.jsx("div", {
     className: withBaseName(),
     tabIndex: -1,
@@ -56,8 +76,11 @@ const CalendarCarousel = react.forwardRef(function CalendarCarousel2(props, ref)
     },
     ref,
     children: /* @__PURE__ */ jsxRuntime.jsx("div", {
-      className: withBaseName("track"),
+      className: withBaseName("grid"),
       ref: containerRef,
+      onBlur: handleBlur,
+      onFocus: handleFocus,
+      ...rest,
       children: months.map((date, index) => /* @__PURE__ */ jsxRuntime.jsx("div", {
         className: withBaseName("slide"),
         style: {
@@ -65,13 +88,13 @@ const CalendarCarousel = react.forwardRef(function CalendarCarousel2(props, ref)
         },
         "aria-hidden": index !== 1 ? "true" : void 0,
         children: /* @__PURE__ */ jsxRuntime.jsx(CalendarMonth.CalendarMonth, {
-          ...rest,
+          ...getCalendarMonthProps(date),
           date
         })
-      }, utils.formatDate(date)))
+      }, utils.formatDate(date, locale)))
     })
   });
 });
 
-exports.CalendarCarousel = CalendarCarousel;
-//# sourceMappingURL=CalendarCarousel.js.map
+exports.CalendarDateGrid = CalendarDateGrid;
+//# sourceMappingURL=CalendarDateGrid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarDateGrid.js","sources":["../src/calendar/CalendarDateGrid.tsx"],"sourcesContent":["import { type DateValue, isSameMonth } from \"@internationalized/date\";\nimport { makePrefixer, useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport {\n  type ComponentPropsWithoutRef,\n  type FocusEventHandler,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useCalendarContext } from \"./internal/CalendarContext\";\nimport {\n  CalendarMonth,\n  type CalendarMonthProps,\n} from \"./internal/CalendarMonth\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport calendarDateGridCss from \"./CalendarDateGrid.css\";\nimport { formatDate, monthDiff } from \"./internal/utils\";\n\nexport interface CalendarDateGridProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * Props getter to pass to each CalendarMonth element\n   */\n  getCalendarMonthProps?: (date: DateValue) => Omit<CalendarMonthProps, \"date\">;\n}\n\nfunction getMonths(month: DateValue) {\n  return [month.subtract({ months: 1 }), month, month.add({ months: 1 })];\n}\n\nconst withBaseName = makePrefixer(\"saltCalendarDateGrid\");\n\nexport const CalendarDateGrid = forwardRef<\n  HTMLDivElement,\n  CalendarDateGridProps\n>(function CalendarDateGrid(props, ref) {\n  const {\n    onFocus,\n    onBlur,\n    getCalendarMonthProps = () => undefined,\n    ...rest\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-calendar-date-grid\",\n    css: calendarDateGridCss,\n    window: targetWindow,\n  });\n\n  const {\n    state: { visibleMonth, locale },\n    helpers: { setCalendarFocused },\n  } = useCalendarContext();\n  const containerRef = useRef<HTMLDivElement>(null);\n  const diffIndex = (a: DateValue, b: DateValue) => monthDiff(a, b);\n\n  const { current: baseIndex } = useRef(visibleMonth);\n\n  useIsomorphicLayoutEffect(() => {\n    if (containerRef.current) {\n      containerRef.current.style.transform = `translate3d(${\n        diffIndex(baseIndex, visibleMonth) * -101 // needs to be higher than 100% so the next month doesn't show on the edges\n      }%, 0, 0)`;\n    }\n  });\n\n  const [months, setMonths] = useState(() => getMonths(visibleMonth));\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: uses formatData to change visibleMonth into string\n  useEffect(() => {\n    setMonths((oldMonths) => {\n      const newMonths = getMonths(visibleMonth).filter((month) => {\n        return !oldMonths.find((oldMonth) => isSameMonth(oldMonth, month));\n      });\n\n      return oldMonths.concat(newMonths);\n    });\n    setMonths(getMonths(visibleMonth));\n    return undefined;\n  }, [formatDate(visibleMonth, locale)]);\n\n  const handleFocus: FocusEventHandler<HTMLDivElement> = useCallback(\n    (event) => {\n      setCalendarFocused(true);\n      onFocus?.(event);\n    },\n    [setCalendarFocused, onFocus],\n  );\n\n  const handleBlur: FocusEventHandler<HTMLDivElement> = useCallback(\n    (event) => {\n      setCalendarFocused(false);\n      onBlur?.(event);\n    },\n    [setCalendarFocused, onBlur],\n  );\n\n  return (\n    <div\n      className={withBaseName()}\n      tabIndex={-1} // https://bugzilla.mozilla.org/show_bug.cgi?id=1069739\n      style={{\n        overflowX: \"hidden\",\n        position: \"relative\",\n      }}\n      ref={ref}\n    >\n      <div\n        className={withBaseName(\"grid\")}\n        ref={containerRef}\n        onBlur={handleBlur}\n        onFocus={handleFocus}\n        {...rest}\n      >\n        {months.map((date, index) => (\n          <div\n            key={formatDate(date, locale)}\n            className={withBaseName(\"slide\")}\n            style={{\n              transform: `translateX(${diffIndex(date, baseIndex) * -101}%)`,\n            }}\n            aria-hidden={index !== 1 ? \"true\" : undefined}\n          >\n            <CalendarMonth {...getCalendarMonthProps(date)} date={date} />\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n});\n"],"names":["makePrefixer","forwardRef","CalendarDateGrid","useWindow","useComponentCssInjection","calendarDateGridCss","useCalendarContext","useRef","monthDiff","useIsomorphicLayoutEffect","useState","useEffect","isSameMonth","formatDate","useCallback","jsx","CalendarMonth"],"mappings":"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"}

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

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