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

package/css/salt-lab.css

@@ -199,6 +199,20 @@
   padding: var(--salt-spacing-100);
 }
 
+/* src/calendar/CalendarDateGrid.css */
+.saltCalendarDateGrid-grid {
+  display: grid;
+  grid-auto-flow: column;
+}
+.saltCalendarDateGrid-grid > * {
+  position: absolute;
+  left: 0;
+  width: 100%;
+}
+.saltCalendarDateGrid-grid > :nth-child(2) {
+  position: relative;
+}
+
 /* src/calendar/CalendarNavigation.css */
 .saltCalendarNavigation {
   display: grid;
@@ -218,6 +232,25 @@
   grid-gap: var(--salt-spacing-100);
 }
 
+/* src/calendar/CalendarWeekHeader.css */
+.saltCalendarWeekHeader {
+  display: grid;
+  gap: var(--salt-size-border);
+  grid-template-columns: repeat(7, var(--salt-size-base));
+  text-align: center;
+  align-items: center;
+  height: var(--salt-size-base);
+  margin: var(--salt-size-border);
+}
+.saltCalendarWeekHeader-dayOfWeek {
+  width: var(--salt-size-base);
+  color: var(--salt-content-secondary-foreground);
+  font-family: var(--salt-text-fontFamily);
+  font-weight: var(--salt-text-fontWeight);
+  font-size: var(--salt-text-fontSize);
+  line-height: var(--salt-text-lineHeight);
+}
+
 /* src/carousel/Carousel.css */
 .saltGridLayout.saltCarousel {
   grid-template-columns: min-content auto min-content;
@@ -2564,6 +2597,36 @@
   line-height: var(--salt-text-lineHeight);
 }
 
+/* src/static-list/StaticList.css */
+.saltStaticList {
+  overflow-y: auto;
+}
+
+/* src/static-list/StaticListItem.css */
+.saltStaticListItem {
+  list-style-type: none;
+  display: flex;
+  gap: var(--salt-spacing-100);
+  box-sizing: border-box;
+  padding: var(--salt-spacing-50) var(--salt-spacing-100);
+  min-height: calc(var(--salt-size-base) + var(--salt-spacing-100));
+}
+.saltStaticListItem > .saltIcon {
+  min-height: var(--salt-size-base);
+}
+
+/* src/static-list/StaticListItemContent.css */
+.saltStaticListItemContent {
+  flex: 1 0;
+  margin: var(--salt-spacing-75) 0;
+  color: var(--salt-content-primary-foreground);
+  font-size: var(--salt-text-fontSize);
+  font-weight: var(--salt-text-fontWeight);
+  font-family: var(--salt-text-fontFamily);
+  line-height: var(--salt-text-lineHeight);
+  letter-spacing: var(--salt-text-letterSpacing);
+}
+
 /* src/stepped-tracker/SteppedTracker.css */
 .saltSteppedTracker {
   margin: 0;
@@ -2583,20 +2646,229 @@
 
 /* src/stepper-input/StepperInput.css */
 .saltStepperInput {
+  --stepperInput-border: none;
+  --stepperInput-borderColor: var(--salt-editable-borderColor);
+  --stepperInput-borderStyle: var(--salt-editable-borderStyle);
+  --stepperInput-outlineColor: var(--salt-focused-outlineColor);
+  --stepperInput-borderWidth: var(--salt-size-border);
   align-items: center;
-  display: flex;
-  flex-direction: row;
+  color: var(--salt-content-primary-foreground);
+  display: inline-flex;
+  font-family: var(--salt-text-fontFamily);
+  font-size: var(--salt-text-fontSize);
+  height: var(--salt-size-base);
+  line-height: var(--salt-text-lineHeight);
+  min-height: var(--salt-size-base);
+  min-width: 4em;
+  width: 100%;
+  box-sizing: border-box;
   gap: var(--salt-spacing-50);
 }
+.saltStepperInput:hover {
+  --stepperInput-borderStyle: var(--salt-editable-borderStyle-hover);
+  --stepperInput-borderColor: var(--salt-editable-borderColor-hover);
+  background: var(--stepperInput-background-hover);
+  cursor: var(--salt-editable-cursor-hover);
+}
+.saltStepperInput:active {
+  --stepperInput-borderColor: var(--salt-editable-borderColor-active);
+  --stepperInput-borderStyle: var(--salt-editable-borderStyle-active);
+  --stepperInput-borderWidth: var(--salt-editable-borderWidth-active);
+  background: var(--stepperInput-background-active);
+  cursor: var(--salt-editable-cursor-active);
+}
+.saltStepperInput-primary {
+  --stepperInput-background: var(--salt-editable-primary-background);
+  --stepperInput-background-active: var(--salt-editable-primary-background-active);
+  --stepperInput-background-hover: var(--salt-editable-primary-background-hover);
+  --stepperInput-background-disabled: var(--salt-editable-primary-background-disabled);
+  --stepperInput-background-readonly: var(--salt-editable-primary-background-readonly);
+}
+.saltStepperInput-secondary {
+  --stepperInput-background: var(--salt-editable-secondary-background);
+  --stepperInput-background-active: var(--salt-editable-secondary-background-active);
+  --stepperInput-background-hover: var(--salt-editable-secondary-background-active);
+  --stepperInput-background-disabled: var(--salt-editable-secondary-background-disabled);
+  --stepperInput-background-readonly: var(--salt-editable-secondary-background-readonly);
+}
+.saltStepperInput-error,
+.saltStepperInput-error:hover {
+  --stepperInput-background: var(--salt-status-error-background);
+  --stepperInput-background-active: var(--salt-status-error-background);
+  --stepperInput-background-hover: var(--salt-status-error-background);
+  --stepperInput-borderColor: var(--salt-status-error-borderColor);
+  --stepperInput-outlineColor: var(--salt-status-error-borderColor);
+  --stepperInput-background-readonly: var(--salt-status-error-background);
+}
+.saltStepperInput-warning,
+.saltStepperInput-warning:hover {
+  --stepperInput-background: var(--salt-status-warning-background);
+  --stepperInput-background-active: var(--salt-status-warning-background);
+  --stepperInput-background-hover: var(--salt-status-warning-background);
+  --stepperInput-borderColor: var(--salt-status-warning-borderColor);
+  --stepperInput-outlineColor: var(--salt-status-warning-borderColor);
+  --stepperInput-background-readonly: var(--salt-status-warning-background);
+}
+.saltStepperInput-success,
+.saltStepperInput-success:hover {
+  --stepperInput-background: var(--salt-status-success-background);
+  --stepperInput-background-active: var(--salt-status-success-background);
+  --stepperInput-background-hover: var(--salt-status-success-background);
+  --stepperInput-borderColor: var(--salt-status-success-borderColor);
+  --stepperInput-outlineColor: var(--salt-status-success-borderColor);
+  --stepperInput-background-readonly: var(--salt-status-success-background);
+}
+.saltStepperInput-inputContainer {
+  display: flex;
+  background: var(--stepperInput-background);
+  border-radius: var(--salt-palette-corner-weak, 0);
+  border: var(--stepperInput-border);
+  box-sizing: border-box;
+  height: var(--salt-size-base);
+  min-height: var(--salt-size-base);
+  overflow: hidden;
+  padding-left: var(--salt-spacing-100);
+  padding-right: var(--salt-spacing-100);
+  position: relative;
+  flex-grow: 1;
+}
+.saltStepperInput-input {
+  background: none;
+  border: none;
+  box-sizing: content-box;
+  color: inherit;
+  cursor: inherit;
+  display: block;
+  flex: 1;
+  font: inherit;
+  height: 100%;
+  letter-spacing: var(--saltStepperInput-letterSpacing, 0);
+  margin: 0;
+  min-width: 0;
+  overflow: hidden;
+  padding: 0;
+  text-align: var(--stepperInput-textAlign);
+  width: 100%;
+}
+.saltStepperInput-input:focus {
+  outline: none;
+}
+.saltStepperInput-input::selection {
+  background: var(--salt-content-foreground-highlight);
+}
+.saltStepperInput-input::placeholder {
+  color: var(--salt-content-secondary-foreground);
+  font-weight: var(--salt-text-fontWeight-small);
+}
+.saltStepperInput-focused {
+  --stepperInput-borderColor: var(--stepperInput-outlineColor);
+  --stepperInput-borderWidth: var(--salt-editable-borderWidth-active);
+  outline: var(--saltStepperInput-outline, var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--stepperInput-outlineColor));
+}
+.saltStepperInput-readOnly {
+  --stepperInput-borderColor: var(--salt-editable-borderColor-readonly);
+  --stepperInput-borderStyle: var(--salt-editable-borderStyle-readonly);
+  --stepperInput-borderWidth: var(--salt-size-border);
+  background: var(--stepperInput-background-readonly);
+  cursor: var(--salt-editable-cursor-readonly);
+}
+.saltStepperInput-focused.saltStepperInput-disabled {
+  --stepperInput-borderWidth: var(--salt-size-border);
+  outline: none;
+}
+.saltStepperInput-focused.saltStepperInput-readOnly {
+  --stepperInput-borderWidth: var(--salt-size-border);
+}
+.saltStepperInput-disabled .saltStepperInput-input::selection {
+  background: none;
+}
+.saltStepperInput-disabled,
+.saltStepperInput-disabled:hover,
+.saltStepperInput-disabled:active {
+  --stepperInput-borderColor: var(--salt-editable-borderColor-disabled);
+  --stepperInput-borderStyle: var(--salt-editable-borderStyle-disabled);
+  --stepperInput-borderWidth: var(--salt-size-border);
+  background: var(--stepperInput-background-disabled);
+  cursor: var(--salt-editable-cursor-disabled);
+  color: var(--saltStepperInput-color-disabled, var(--salt-content-primary-foreground-disabled));
+}
+.saltStepperInput-activationIndicator {
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  position: absolute;
+  border-bottom: var(--stepperInput-borderWidth) var(--stepperInput-borderStyle) var(--stepperInput-borderColor);
+}
+.saltStepperInput-bordered {
+  --stepperInput-border: var(--salt-size-border) var(--salt-container-borderStyle) var(--stepperInput-borderColor);
+  --stepperInput-borderWidth: 0;
+}
+.saltStepperInput-bordered.saltStepperInput-focused,
+.saltStepperInput-bordered:active {
+  --stepperInput-borderWidth: var(--salt-editable-borderWidth-active);
+}
+.saltStepperInput-bordered.saltStepperInput-readOnly,
+.saltStepperInput-bordered.saltStepperInput-disabled:hover {
+  --stepperInput-borderWidth: 0;
+}
+.saltStepperInput-startAdornmentContainer {
+  align-items: center;
+  display: inline-flex;
+  padding-right: var(--salt-spacing-100);
+  column-gap: var(--salt-spacing-100);
+}
+.saltStepperInput-endAdornmentContainer {
+  align-items: center;
+  display: inline-flex;
+  padding-left: var(--salt-spacing-100);
+  column-gap: var(--salt-spacing-100);
+}
+.saltStepperInput-readOnly .saltStepperInput-startAdornmentContainer {
+  margin-left: var(--salt-spacing-50);
+}
+.saltStepperInput-startAdornmentContainer .saltButton ~ .saltButton {
+  margin-left: calc(-1 * var(--salt-spacing-50));
+}
+.saltStepperInput-endAdornmentContainer .saltButton ~ .saltButton {
+  margin-left: calc(-1 * var(--salt-spacing-50));
+}
+.saltStepperInput-startAdornmentContainer .saltButton:first-child {
+  margin-left: calc(var(--salt-spacing-50) * -1);
+}
+.saltStepperInput-endAdornmentContainer .saltButton:last-child {
+  margin-right: calc(var(--salt-spacing-50) * -1);
+}
+.saltStepperInput-startAdornmentContainer > .saltButton,
+.saltStepperInput-endAdornmentContainer > .saltButton {
+  --saltButton-padding: calc(var(--salt-spacing-50) - var(--salt-size-border));
+  --saltButton-height: calc(var(--salt-size-base) - var(--salt-spacing-100));
+  --saltButton-borderRadius: var(--salt-palette-corner-weaker);
+}
+.saltStepperInput-inputTextAlignLeft {
+  text-align: left;
+}
+.saltStepperInput-inputTextAlignCenter {
+  text-align: center;
+}
+.saltStepperInput-inputTextAlignRight {
+  text-align: right;
+}
 .saltStepperInput-buttonContainer {
+  --stepperInput-buttonGap: var(--salt-size-border-strong);
   display: flex;
   flex-direction: column;
-  gap: var(--salt-spacing-50);
+  gap: var(--stepperInput-buttonGap);
 }
 .saltStepperInput-stepperButton {
-  --saltButton-height: calc((var(--salt-size-base) - var(--salt-spacing-50)) * 0.5);
+  --saltButton-height: calc((var(--salt-size-base) - var(--stepperInput-buttonGap)) * 0.5);
   --saltButton-width: var(--salt-size-base);
 }
+.saltStepperInput-stepperButtonIncrement {
+  --saltButton-borderRadius: var(--salt-palette-corner-weak, 0) var(--salt-palette-corner-weak, 0) 0 0;
+}
+.saltStepperInput-stepperButtonDecrement {
+  --saltButton-borderRadius: 0 0 var(--salt-palette-corner-weak, 0) var(--salt-palette-corner-weak, 0);
+}
 
 /* src/system-status/SystemStatus.css */
 .saltSystemStatus {
@@ -3771,20 +4043,6 @@
   overflow: hidden;
 }
 
-/* src/calendar/internal/CalendarCarousel.css */
-.saltCalendarCarousel-track {
-  display: grid;
-  grid-auto-flow: column;
-}
-.saltCalendarCarousel-track > * {
-  position: absolute;
-  left: 0;
-  width: 100%;
-}
-.saltCalendarCarousel-track > :nth-child(2) {
-  position: relative;
-}
-
 /* src/calendar/internal/CalendarDay.css */
 .saltCalendarDay {
   font-family: var(--salt-text-fontFamily);
@@ -3847,6 +4105,7 @@
 .saltCalendarDay-selectedStart:hover,
 .saltCalendarDay-selectedEnd,
 .saltCalendarDay-selectedEnd:hover {
+  color: var(--salt-content-primary-foreground);
   background: var(--salt-selectable-background-selected);
   box-shadow: 0 0 0 var(--salt-size-border) var(--salt-selectable-borderColor-selected);
 }
@@ -3854,6 +4113,7 @@
 .saltCalendarDay-hoveredSpan:hover,
 .saltCalendarDay-selectedSpan,
 .saltCalendarDay-selectedSpan:hover {
+  color: var(--salt-content-primary-foreground);
   background: var(--salt-selectable-background-hover);
   box-shadow:
     calc(var(--salt-size-border) * -2) 0 0 0 var(--salt-selectable-background-hover),
@@ -3909,25 +4169,6 @@
   margin: var(--salt-size-border);
 }
 
-/* src/calendar/internal/CalendarWeekHeader.css */
-.saltCalendarWeekHeader {
-  display: grid;
-  gap: var(--salt-size-border);
-  grid-template-columns: repeat(7, var(--salt-size-base));
-  text-align: center;
-  align-items: center;
-  height: var(--salt-size-base);
-  margin: var(--salt-size-border);
-}
-.saltCalendarWeekHeader-dayOfWeek {
-  width: var(--salt-size-base);
-  color: var(--salt-content-secondary-foreground);
-  font-family: var(--salt-text-fontFamily);
-  font-weight: var(--salt-text-fontWeight);
-  font-size: var(--salt-text-fontSize);
-  line-height: var(--salt-text-lineHeight);
-}
-
 /* src/list-deprecated/internal/Highlighter.css */
 .saltHighlighter-highlight {
   font-weight: 700;
@@ -4130,4 +4371,4 @@
   margin: calc(var(--salt-size-unit) / 2) 0;
 }
 
-/* src/81826197-e2df-4988-accd-68582db0614d.css */
+/* src/a9f7fc8f-a7aa-4043-9f09-029432b66a3d.css */

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.js

@@ -6,9 +6,7 @@ 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 CalendarWeekHeader = require('./internal/CalendarWeekHeader.js');
 var useCalendar = require('./useCalendar.js');
 var styles = require('@salt-ds/styles');
 var window = require('@salt-ds/window');
@@ -18,23 +16,64 @@ var Calendar$1 = require('./Calendar.css.js');
 const withBaseName = core.makePrefixer("saltCalendar");
 const Calendar = react.forwardRef(
   function Calendar2(props, ref) {
-    const { children, className, renderDayContents, TooltipProps, ...rest } = props;
     const targetWindow = window.useWindow();
     styles.useComponentCssInjection({
       testId: "salt-calendar",
       css: Calendar$1,
       window: targetWindow
     });
-    const { state, helpers } = useCalendar.useCalendar({
-      ...rest
-    });
-    const { setCalendarFocused } = helpers;
-    const handleFocus = react.useCallback(() => {
-      setCalendarFocused(true);
-    }, [setCalendarFocused]);
-    const handleBlur = react.useCallback(() => {
-      setCalendarFocused(false);
-    }, [setCalendarFocused]);
+    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"
@@ -44,23 +83,13 @@ const Calendar = react.forwardRef(
         state,
         helpers
       },
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", {
         className: clsx.clsx(withBaseName(), className),
         role: "application",
         "aria-label": calendarLabel,
         ref,
-        children: [
-          children != null ? children : null,
-          /* @__PURE__ */ jsxRuntime.jsx(CalendarWeekHeader.CalendarWeekHeader, {
-            locale: state.locale
-          }),
-          /* @__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 {\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n  forwardRef,\n  useCallback,\n} from \"react\";\nimport {\n  CalendarCarousel,\n  type CalendarCarouselProps,\n} from \"./internal/CalendarCarousel\";\nimport { CalendarContext } from \"./internal/CalendarContext\";\nimport { CalendarWeekHeader } from \"./internal/CalendarWeekHeader\";\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  /**\n   * Additional class names to apply to the Calendar.\n   */\n  className?: string;\n\n  /**\n   * Function to render the contents of a day.\n   */\n  renderDayContents?: CalendarCarouselProps[\"renderDayContents\"];\n\n  /**\n   * Props for the tooltip component.\n   */\n  TooltipProps?: CalendarCarouselProps[\"TooltipProps\"];\n\n  /**\n   * If `true`, hides dates that are out of the selectable range.\n   */\n  hideOutOfRangeDates?: CalendarCarouselProps[\"hideOutOfRangeDates\"];\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 { children, className, renderDayContents, TooltipProps, ...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      ...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(state.locale, {\n      month: \"long\",\n      year: \"numeric\",\n    }).format(state.visibleMonth.toDate(state.timeZone));\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          {children ?? null}\n          <CalendarWeekHeader locale={state.locale} />\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","jsx","CalendarContext","jsxs","clsx","CalendarWeekHeader","CalendarCarousel"],"mappings":";;;;;;;;;;;;;;;;;AAmHA,MAAM,YAAA,GAAeA,kBAAa,cAAc,CAAA,CAAA;AAEzC,MAAM,QAAW,GAAAC,gBAAA;AAAA,EACtB,SAASC,SAAS,CAAA,KAAA,EAAO,GAAK,EAAA;AAC5B,IAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,iBAAmB,EAAA,YAAA,EAAA,GAAiB,MAC/D,GAAA,KAAA,CAAA;AAEF,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,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,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;AACnD,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,QAEC,QAAA,EAAA;AAAA,UAAY,QAAA,IAAA,IAAA,GAAA,QAAA,GAAA,IAAA;AAAA,0BACZH,cAAA,CAAAI,qCAAA,EAAA;AAAA,YAAmB,QAAQ,KAAM,CAAA,MAAA;AAAA,WAAQ,CAAA;AAAA,0BACzCJ,cAAA,CAAAK,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":";;;;;;"}