@kaizen/components 3.3.2 → 3.3.3

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/SelectionControlButton/SelectAllButton/SelectAllButton.mjs

@@ -1,33 +1,30 @@
 import { __spreadArray } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import { useIntl } from '@cultureamp/i18n-react-intl';
 import classnames from 'classnames';
 import '../../../context/MenuTriggerProvider/MenuTriggerProvider.mjs';
 import { useSelectionContext } from '../../../context/SelectionProvider/SelectionProvider.mjs';
 import modules_fc9c301d from '../SelectionControlButton.module.scss.mjs';
-const SelectAllButton = /*#__PURE__*/function () {
-  const SelectAllButton = function () {
-    var selectionState = useSelectionContext().selectionState;
-    var selectedOptions = Array.from(selectionState.selectionManager.selectedKeys);
-    var disabledOptions = selectionState.disabledKeys ? Array.from(selectionState.disabledKeys) : [];
-    var filteredOptions = Array.from(selectionState.collection.getKeys()).filter(function (key) {
-      return !disabledOptions.includes(key);
-    });
-    var formatMessage = useIntl().formatMessage;
-    return /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      className: classnames(modules_fc9c301d.button, selectionState.selectionManager.isSelectAll && modules_fc9c301d.isDisabled),
-      "aria-disabled": selectionState.selectionManager.isSelectAll,
-      onClick: function () {
-        return !selectionState.selectionManager.isSelectAll && selectionState.selectionManager.setSelectedKeys(__spreadArray(__spreadArray([], selectedOptions, true), filteredOptions, true));
-      }
-    }, formatMessage({
-      defaultMessage: 'Select all',
-      id: 'filterMultiSelectSelectAllButton.label',
-      description: 'Select all button in filter multi select'
-    }));
-  };
-  SelectAllButton.displayName = 'FilterMultiSelect.SelectAllButton';
-  return SelectAllButton;
-}();
+var SelectAllButton = function () {
+  var selectionState = useSelectionContext().selectionState;
+  var selectedOptions = Array.from(selectionState.selectionManager.selectedKeys);
+  var disabledOptions = selectionState.disabledKeys ? Array.from(selectionState.disabledKeys) : [];
+  var filteredOptions = Array.from(selectionState.collection.getKeys()).filter(function (key) {
+    return !disabledOptions.includes(key);
+  });
+  var formatMessage = useIntl().formatMessage;
+  return /*#__PURE__*/React__default.createElement("button", {
+    type: "button",
+    className: classnames(modules_fc9c301d.button, selectionState.selectionManager.isSelectAll && modules_fc9c301d.isDisabled),
+    "aria-disabled": selectionState.selectionManager.isSelectAll,
+    onClick: function () {
+      return !selectionState.selectionManager.isSelectAll && selectionState.selectionManager.setSelectedKeys(__spreadArray(__spreadArray([], selectedOptions, true), filteredOptions, true));
+    }
+  }, formatMessage({
+    defaultMessage: 'Select all',
+    id: 'filterMultiSelectSelectAllButton.label',
+    description: 'Select all button in filter multi select'
+  }));
+};
+SelectAllButton.displayName = 'FilterMultiSelect.SelectAllButton';
 export { SelectAllButton };

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/Trigger/FilterTriggerButton/FilterTriggerButton.mjs

@@ -1,35 +1,32 @@
 import { __assign } from 'tslib';
-import React, { useRef } from 'react';
+import React__default, { useRef } from 'react';
 import '../../../../FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.mjs';
 import { FilterButton } from '../../../../FilterButton/FilterButton/FilterButton.mjs';
 import '../../../../FilterButton/FilterButtonRemovable/FilterButtonRemovable.mjs';
 import { useMenuTriggerContext } from '../../../context/MenuTriggerProvider/MenuTriggerProvider.mjs';
 import '../../../context/SelectionProvider/SelectionProvider.mjs';
 import { getTruncatedLabels } from '../../../utils/getTruncatedLabel.mjs';
-const FilterTriggerButton = /*#__PURE__*/function () {
-  const FilterTriggerButton = function (_a) {
-    var selectedOptionLabels = _a.selectedOptionLabels,
-      label = _a.label,
-      classNameOverride = _a.classNameOverride,
-      _b = _a.labelCharacterLimitBeforeTruncate,
-      labelCharacterLimitBeforeTruncate = _b === void 0 ? 50 : _b;
-    var _c = useMenuTriggerContext(),
-      buttonProps = _c.buttonProps,
-      buttonRef = _c.buttonRef,
-      menuTriggerState = _c.menuTriggerState;
-    var ref = useRef({
-      triggerRef: buttonRef
-    });
-    return /*#__PURE__*/React.createElement(FilterButton, __assign({
-      ref: ref
-    }, buttonProps, {
-      label: label,
-      selectedValue: getTruncatedLabels(selectedOptionLabels, labelCharacterLimitBeforeTruncate),
-      classNameOverride: classNameOverride,
-      isOpen: menuTriggerState.isOpen
-    }));
-  };
-  FilterTriggerButton.displayName = 'FilterMultiSelect.TriggerButton';
-  return FilterTriggerButton;
-}();
+var FilterTriggerButton = function (_a) {
+  var selectedOptionLabels = _a.selectedOptionLabels,
+    label = _a.label,
+    classNameOverride = _a.classNameOverride,
+    _b = _a.labelCharacterLimitBeforeTruncate,
+    labelCharacterLimitBeforeTruncate = _b === void 0 ? 50 : _b;
+  var _c = useMenuTriggerContext(),
+    buttonProps = _c.buttonProps,
+    buttonRef = _c.buttonRef,
+    menuTriggerState = _c.menuTriggerState;
+  var ref = useRef({
+    triggerRef: buttonRef
+  });
+  return /*#__PURE__*/React__default.createElement(FilterButton, __assign({
+    ref: ref
+  }, buttonProps, {
+    label: label,
+    selectedValue: getTruncatedLabels(selectedOptionLabels, labelCharacterLimitBeforeTruncate),
+    classNameOverride: classNameOverride,
+    isOpen: menuTriggerState.isOpen
+  }));
+};
+FilterTriggerButton.displayName = 'FilterMultiSelect.TriggerButton';
 export { FilterTriggerButton };

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/Trigger/RemovableFilterTrigger/RemovableFilterTrigger.mjs

@@ -1,5 +1,5 @@
 import { __assign } from 'tslib';
-import React, { useRef } from 'react';
+import React__default, { useRef } from 'react';
 import classnames from 'classnames';
 import '../../../../FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.mjs';
 import '../../../../FilterButton/FilterButton/FilterButton.mjs';
@@ -8,35 +8,32 @@ import { useMenuTriggerContext } from '../../../context/MenuTriggerProvider/Menu
 import '../../../context/SelectionProvider/SelectionProvider.mjs';
 import { getTruncatedLabels } from '../../../utils/getTruncatedLabel.mjs';
 import modules_a793f4b8 from './RemovableFilterTrigger.module.css.mjs';
-const RemovableFilterTrigger = /*#__PURE__*/function () {
-  const RemovableFilterTrigger = function (_a) {
-    var label = _a.label,
-      selectedOptionLabels = _a.selectedOptionLabels,
-      _b = _a.labelCharacterLimitBeforeTruncate,
-      labelCharacterLimitBeforeTruncate = _b === void 0 ? 50 : _b,
-      classNameOverride = _a.classNameOverride,
-      onRemove = _a.onRemove;
-    var _c = useMenuTriggerContext(),
-      buttonProps = _c.buttonProps,
-      buttonRef = _c.buttonRef,
-      menuTriggerState = _c.menuTriggerState;
-    var ref = useRef({
-      triggerRef: buttonRef
-    });
-    return /*#__PURE__*/React.createElement(FilterButtonRemovable, {
-      ref: ref,
-      classNameOverride: classnames(modules_a793f4b8.filterButtonRemovable, classNameOverride),
-      triggerButtonProps: __assign(__assign({}, buttonProps), {
-        label: label,
-        selectedValue: getTruncatedLabels(selectedOptionLabels, labelCharacterLimitBeforeTruncate),
-        isOpen: menuTriggerState.isOpen
-      }),
-      removeButtonProps: {
-        onClick: onRemove
-      }
-    });
-  };
-  RemovableFilterTrigger.displayName = 'FilterMultiSelect.RemovableTrigger';
-  return RemovableFilterTrigger;
-}();
+var RemovableFilterTrigger = function (_a) {
+  var label = _a.label,
+    selectedOptionLabels = _a.selectedOptionLabels,
+    _b = _a.labelCharacterLimitBeforeTruncate,
+    labelCharacterLimitBeforeTruncate = _b === void 0 ? 50 : _b,
+    classNameOverride = _a.classNameOverride,
+    onRemove = _a.onRemove;
+  var _c = useMenuTriggerContext(),
+    buttonProps = _c.buttonProps,
+    buttonRef = _c.buttonRef,
+    menuTriggerState = _c.menuTriggerState;
+  var ref = useRef({
+    triggerRef: buttonRef
+  });
+  return /*#__PURE__*/React__default.createElement(FilterButtonRemovable, {
+    ref: ref,
+    classNameOverride: classnames(modules_a793f4b8.filterButtonRemovable, classNameOverride),
+    triggerButtonProps: __assign(__assign({}, buttonProps), {
+      label: label,
+      selectedValue: getTruncatedLabels(selectedOptionLabels, labelCharacterLimitBeforeTruncate),
+      isOpen: menuTriggerState.isOpen
+    }),
+    removeButtonProps: {
+      onClick: onRemove
+    }
+  });
+};
+RemovableFilterTrigger.displayName = 'FilterMultiSelect.RemovableTrigger';
 export { RemovableFilterTrigger };

package/dist/esm/src/Filter/FilterSelect/FilterSelect.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { useState } from 'react';
+import React__default, { useState } from 'react';
 import { useButton } from '@react-aria/button';
 import { useSelect, HiddenSelect } from '@react-aria/select';
 import { useSelectState } from '@react-stately/select';
@@ -18,76 +18,73 @@ import '../../SingleSelect/subcomponents/SelectToggle/SelectToggle.mjs';
 import { getDisabledKeysFromItems } from '../../SingleSelect/utils/getDisabledKeysFromItems.mjs';
 import { transformSelectItemToCollectionElement } from '../../SingleSelect/utils/transformSelectItemToCollectionElement.mjs';
 import modules_672507ce from './FilterSelect.module.css.mjs';
-const FilterSelect = /*#__PURE__*/function () {
-  const FilterSelect = function (_a) {
-    var isOpen = _a.isOpen,
-      setIsOpen = _a.setIsOpen,
-      renderTrigger = _a.renderTrigger,
-      label = _a.label,
-      children = _a.children,
-      items = _a.items,
-      classNameOverride = _a.classNameOverride,
-      selectedKey = _a.selectedKey,
-      restProps = __rest(_a, ["isOpen", "setIsOpen", "renderTrigger", "label", "children", "items", "classNameOverride", "selectedKey"]);
-    // Ref will be populated by Filter
-    var _b = useState({
-        current: null
-      }),
-      triggerRef = _b[0],
-      setTriggerRef = _b[1];
-    var disabledKeys = getDisabledKeysFromItems(items);
-    var ariaSelectProps = __assign({
-      label: label,
-      items: items,
-      children: transformSelectItemToCollectionElement,
-      isOpen: isOpen,
-      onOpenChange: setIsOpen,
-      disabledKeys: disabledKeys,
-      selectedKey: typeof selectedKey === 'number' ? selectedKey.toString() : selectedKey
-    }, restProps);
-    var state = useSelectState(ariaSelectProps);
-    var _c = useSelect(ariaSelectProps, state, triggerRef),
-      triggerProps = _c.triggerProps,
-      menuProps = _c.menuProps;
-    var buttonProps = useButton(triggerProps, triggerRef).buttonProps;
-    // `aria-labelledby` and `aria-controls` are being remapped because the `buttonProps` ids generated by React Aria point to nothing.
-    // This should ideally be refactored but for now the `aria-controls` is set to the Filter's Listbox (menuProps.id) and the `aria-labelledby` to undefined so the accessible name is derived from the buttons content.
-    var renderTriggerButtonProps = __assign(__assign({}, buttonProps), {
-      'aria-labelledby': undefined,
-      'aria-controls': menuProps.id
-    });
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HiddenSelect, {
-      label: label,
-      state: state,
-      triggerRef: triggerRef
-    }), /*#__PURE__*/React.createElement(Filter, {
-      isOpen: isOpen,
-      setIsOpen: setIsOpen,
-      renderTrigger: function () {
-        var _a;
-        return renderTrigger(__assign({
-          selectedValue: (_a = state.selectedItem) === null || _a === void 0 ? void 0 : _a.textValue,
-          label: label,
-          isOpen: isOpen
-        }, renderTriggerButtonProps));
-      },
-      onMount: setTriggerRef,
-      classNameOverride: classNameOverride
-    }, /*#__PURE__*/React.createElement(FilterContents, {
-      classNameOverride: modules_672507ce.filterContents
-    }, /*#__PURE__*/React.createElement(SelectProvider, {
-      state: state
-    }, /*#__PURE__*/React.createElement(SelectPopoverContents, {
-      menuProps: __assign(__assign({}, menuProps), {
-        'aria-labelledby': buttonProps.id
-      })
-    }, children)))));
-  };
-  FilterSelect.displayName = 'FilterSelect';
-  FilterSelect.Section = ListBoxSection;
-  FilterSelect.SectionDivider = SectionDivider;
-  FilterSelect.Option = Option;
-  FilterSelect.ItemDefaultRender = ListItem;
-  return FilterSelect;
-}();
+var FilterSelect = function (_a) {
+  var isOpen = _a.isOpen,
+    setIsOpen = _a.setIsOpen,
+    renderTrigger = _a.renderTrigger,
+    label = _a.label,
+    children = _a.children,
+    items = _a.items,
+    classNameOverride = _a.classNameOverride,
+    selectedKey = _a.selectedKey,
+    restProps = __rest(_a, ["isOpen", "setIsOpen", "renderTrigger", "label", "children", "items", "classNameOverride", "selectedKey"]);
+  // Ref will be populated by Filter
+  var _b = useState({
+      current: null
+    }),
+    triggerRef = _b[0],
+    setTriggerRef = _b[1];
+  var disabledKeys = getDisabledKeysFromItems(items);
+  var ariaSelectProps = __assign({
+    label: label,
+    items: items,
+    children: transformSelectItemToCollectionElement,
+    isOpen: isOpen,
+    onOpenChange: setIsOpen,
+    disabledKeys: disabledKeys,
+    selectedKey: typeof selectedKey === 'number' ? selectedKey.toString() : selectedKey
+  }, restProps);
+  var state = useSelectState(ariaSelectProps);
+  var _c = useSelect(ariaSelectProps, state, triggerRef),
+    triggerProps = _c.triggerProps,
+    menuProps = _c.menuProps;
+  var buttonProps = useButton(triggerProps, triggerRef).buttonProps;
+  // `aria-labelledby` and `aria-controls` are being remapped because the `buttonProps` ids generated by React Aria point to nothing.
+  // This should ideally be refactored but for now the `aria-controls` is set to the Filter's Listbox (menuProps.id) and the `aria-labelledby` to undefined so the accessible name is derived from the buttons content.
+  var renderTriggerButtonProps = __assign(__assign({}, buttonProps), {
+    'aria-labelledby': undefined,
+    'aria-controls': menuProps.id
+  });
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(HiddenSelect, {
+    label: label,
+    state: state,
+    triggerRef: triggerRef
+  }), /*#__PURE__*/React__default.createElement(Filter, {
+    isOpen: isOpen,
+    setIsOpen: setIsOpen,
+    renderTrigger: function () {
+      var _a;
+      return renderTrigger(__assign({
+        selectedValue: (_a = state.selectedItem) === null || _a === void 0 ? void 0 : _a.textValue,
+        label: label,
+        isOpen: isOpen
+      }, renderTriggerButtonProps));
+    },
+    onMount: setTriggerRef,
+    classNameOverride: classNameOverride
+  }, /*#__PURE__*/React__default.createElement(FilterContents, {
+    classNameOverride: modules_672507ce.filterContents
+  }, /*#__PURE__*/React__default.createElement(SelectProvider, {
+    state: state
+  }, /*#__PURE__*/React__default.createElement(SelectPopoverContents, {
+    menuProps: __assign(__assign({}, menuProps), {
+      'aria-labelledby': buttonProps.id
+    })
+  }, children)))));
+};
+FilterSelect.displayName = 'FilterSelect';
+FilterSelect.Section = ListBoxSection;
+FilterSelect.SectionDivider = SectionDivider;
+FilterSelect.Option = Option;
+FilterSelect.ItemDefaultRender = ListItem;
 export { FilterSelect };

package/dist/esm/src/Focusable/Focusable.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { useRef } from 'react';
+import React__default, { useRef } from 'react';
 import classnames from 'classnames';
 import { useFocusable } from 'react-aria';
 import modules_99c30b46 from './Focusable.module.css.mjs';
@@ -11,7 +11,7 @@ var Focusable = function (_a) {
   var ref = useRef(null);
   var focusableProps = useFocusable(props, ref).focusableProps;
   var Element = tag !== null && tag !== void 0 ? tag : 'div';
-  return /*#__PURE__*/React.createElement(Element, __assign({
+  return /*#__PURE__*/React__default.createElement(Element, __assign({
     ref: ref,
     className: classnames(modules_99c30b46.focusableWrapper, className)
   }, focusableProps, {

package/dist/esm/src/GuidanceBlock/GuidanceBlock.mjs

@@ -1,5 +1,5 @@
 import { __rest } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import { Heading } from '../Heading/Heading.mjs';
 import { Text } from '../Text/Text.mjs';
@@ -10,48 +10,45 @@ import modules_74570237 from './GuidanceBlock.module.css.mjs';
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093807/Guidance+Block Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-guidanceblock--docs Storybook}
  */
-const GuidanceBlock = /*#__PURE__*/function () {
-  const GuidanceBlock = function (_a) {
-    var _b, _c, _d, _e;
-    var _f = _a.layout,
-      layout = _f === void 0 ? 'default' : _f,
-      _g = _a.variant,
-      variant = _g === void 0 ? 'default' : _g,
-      _h = _a.noMaxWidth,
-      noMaxWidth = _h === void 0 ? false : _h,
-      _j = _a.illustrationType,
-      illustrationType = _j === void 0 ? 'spot' : _j,
-      _k = _a.smallScreenTextAlignment,
-      smallScreenTextAlignment = _k === void 0 ? 'center' : _k,
-      illustration = _a.illustration,
-      actionsSlot = _a.actionsSlot,
-      restProps = __rest(_a, ["layout", "variant", "noMaxWidth", "illustrationType", "smallScreenTextAlignment", "illustration", "actionsSlot"]);
-    var queries = useMediaQueries().queries;
-    return /*#__PURE__*/React.createElement("div", {
-      className: classnames(modules_74570237.banner, variant && modules_74570237[variant], layout && modules_74570237[layout], queries.isSmall && modules_74570237.centerContent, noMaxWidth && modules_74570237.noMaxWidth, illustrationType === 'scene' && modules_74570237.hasSceneIllustration, smallScreenTextAlignment === 'left' && modules_74570237.smallScreenTextAlignment)
-    }, /*#__PURE__*/React.createElement("div", {
-      className: modules_74570237.illustrationWrapper
-    }, /*#__PURE__*/React.createElement("div", {
-      className: modules_74570237.illustration
-    }, illustrationType === 'scene' ? /*#__PURE__*/React.cloneElement(illustration, {
-      enableAspectRatio: true
-    }) : illustration)), /*#__PURE__*/React.createElement("div", {
-      className: modules_74570237.descriptionAndActions
-    }, /*#__PURE__*/React.createElement("div", {
-      className: modules_74570237.descriptionContainer
-    }, 'content' in restProps && restProps.content, 'text' in restProps && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      className: modules_74570237.headingWrapper
-    }, /*#__PURE__*/React.createElement(Heading, {
-      tag: (_c = (_b = restProps === null || restProps === void 0 ? void 0 : restProps.text) === null || _b === void 0 ? void 0 : _b.titleTag) !== null && _c !== void 0 ? _c : 'h3',
-      variant: "heading-3"
-    }, (_d = restProps === null || restProps === void 0 ? void 0 : restProps.text) === null || _d === void 0 ? void 0 : _d.title)), /*#__PURE__*/React.createElement(Text, {
-      tag: "p",
-      variant: "body"
-    }, (_e = restProps === null || restProps === void 0 ? void 0 : restProps.text) === null || _e === void 0 ? void 0 : _e.description)))), actionsSlot && /*#__PURE__*/React.createElement("div", {
-      className: modules_74570237.buttonContainer
-    }, actionsSlot)));
-  };
-  GuidanceBlock.displayName = 'GuidanceBlock';
-  return GuidanceBlock;
-}();
+var GuidanceBlock = function (_a) {
+  var _b, _c, _d, _e;
+  var _f = _a.layout,
+    layout = _f === void 0 ? 'default' : _f,
+    _g = _a.variant,
+    variant = _g === void 0 ? 'default' : _g,
+    _h = _a.noMaxWidth,
+    noMaxWidth = _h === void 0 ? false : _h,
+    _j = _a.illustrationType,
+    illustrationType = _j === void 0 ? 'spot' : _j,
+    _k = _a.smallScreenTextAlignment,
+    smallScreenTextAlignment = _k === void 0 ? 'center' : _k,
+    illustration = _a.illustration,
+    actionsSlot = _a.actionsSlot,
+    restProps = __rest(_a, ["layout", "variant", "noMaxWidth", "illustrationType", "smallScreenTextAlignment", "illustration", "actionsSlot"]);
+  var queries = useMediaQueries().queries;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classnames(modules_74570237.banner, variant && modules_74570237[variant], layout && modules_74570237[layout], queries.isSmall && modules_74570237.centerContent, noMaxWidth && modules_74570237.noMaxWidth, illustrationType === 'scene' && modules_74570237.hasSceneIllustration, smallScreenTextAlignment === 'left' && modules_74570237.smallScreenTextAlignment)
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: modules_74570237.illustrationWrapper
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: modules_74570237.illustration
+  }, illustrationType === 'scene' ? /*#__PURE__*/React__default.cloneElement(illustration, {
+    enableAspectRatio: true
+  }) : illustration)), /*#__PURE__*/React__default.createElement("div", {
+    className: modules_74570237.descriptionAndActions
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: modules_74570237.descriptionContainer
+  }, 'content' in restProps && restProps.content, 'text' in restProps && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+    className: modules_74570237.headingWrapper
+  }, /*#__PURE__*/React__default.createElement(Heading, {
+    tag: (_c = (_b = restProps === null || restProps === void 0 ? void 0 : restProps.text) === null || _b === void 0 ? void 0 : _b.titleTag) !== null && _c !== void 0 ? _c : 'h3',
+    variant: "heading-3"
+  }, (_d = restProps === null || restProps === void 0 ? void 0 : restProps.text) === null || _d === void 0 ? void 0 : _d.title)), /*#__PURE__*/React__default.createElement(Text, {
+    tag: "p",
+    variant: "body"
+  }, (_e = restProps === null || restProps === void 0 ? void 0 : restProps.text) === null || _e === void 0 ? void 0 : _e.description)))), actionsSlot && /*#__PURE__*/React__default.createElement("div", {
+    className: modules_74570237.buttonContainer
+  }, actionsSlot)));
+};
+GuidanceBlock.displayName = 'GuidanceBlock';
 export { GuidanceBlock };

package/dist/esm/src/Icon/CustomIcons.mjs

@@ -0,0 +1,6 @@
+import SvgUserSettings from '../../assets/svgs/custom-icons/user-settings.svg.mjs';
+
+// Cast forces tsc to emit the concrete FC type in .d.ts rather than a .svg path reference,
+// which consumers can't resolve (the declare module '*.svg' in types.d.ts is not included in the package output).
+var UserSettingsIcon = SvgUserSettings;
+export { UserSettingsIcon };

package/dist/esm/src/Icon/Icon.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import { handledRtlIcons } from './constants.mjs';
 import modules_5a46b07c from './Icon.module.css.mjs';
@@ -10,7 +10,7 @@ var MaterialIcon = function (_a) {
     alt = _a.alt,
     className = _a.className,
     restProps = __rest(_a, ["children", "isFilled", "isPresentational", "alt", "className"]);
-  return /*#__PURE__*/React.createElement("span", __assign({
+  return /*#__PURE__*/React__default.createElement("span", __assign({
     className: classnames(modules_5a46b07c['material-symbols-outlined'], modules_5a46b07c.icon, isFilled && modules_5a46b07c.filled, className),
     "aria-hidden": isPresentational,
     role: isPresentational ? undefined : 'img',
@@ -22,16 +22,16 @@ var Icon = function (_a) {
     shouldMirrorInRTL = _a.shouldMirrorInRTL,
     restProps = __rest(_a, ["name", "shouldMirrorInRTL"]);
   if (!shouldMirrorInRTL) {
-    return /*#__PURE__*/React.createElement(MaterialIcon, __assign({}, restProps), name);
+    return /*#__PURE__*/React__default.createElement(MaterialIcon, __assign({}, restProps), name);
   }
   if (Object.keys(handledRtlIcons).includes(name)) {
-    return /*#__PURE__*/React.createElement(MaterialIcon, __assign({}, restProps), /*#__PURE__*/React.createElement("span", {
+    return /*#__PURE__*/React__default.createElement(MaterialIcon, __assign({}, restProps), /*#__PURE__*/React__default.createElement("span", {
       className: modules_5a46b07c.iconLTR
-    }, name), /*#__PURE__*/React.createElement("span", {
+    }, name), /*#__PURE__*/React__default.createElement("span", {
       className: modules_5a46b07c.iconRTL
     }, handledRtlIcons[name]));
   }
-  return /*#__PURE__*/React.createElement(MaterialIcon, __assign({}, restProps, {
+  return /*#__PURE__*/React__default.createElement(MaterialIcon, __assign({}, restProps, {
     className: classnames(modules_5a46b07c.shouldMirrorInRTL, restProps.className)
   }), name);
 };

package/dist/esm/src/IconV1/subcomponents/SVG/SVG.mjs

@@ -1,37 +1,34 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import modules_c6db8197 from './SVG.module.scss.mjs';
 
 /**
  * {@link https://cultureamp.design/?path=/docs/components-icon--meaningful-kaizen-site-demo Storybook}
  */
-const SVG = /*#__PURE__*/function () {
-  const SVG = function (_a) {
-    var _b = _a.inheritSize,
-      inheritSize = _b === void 0 ? false : _b,
-      role = _a.role,
-      _c = _a.viewBox,
-      viewBox = _c === void 0 ? '0 0 20 20' : _c,
-      classNameOverride = _a.classNameOverride,
-      children = _a.children,
-      restProps = __rest(_a, ["inheritSize", "role", "viewBox", "classNameOverride", "children"]);
-    var classes = classnames(modules_c6db8197.icon, classNameOverride, inheritSize && modules_c6db8197.inheritSize);
-    if (role === 'presentation') {
-      return /*#__PURE__*/React.createElement("svg", __assign({
-        className: classes,
-        viewBox: viewBox,
-        role: role,
-        "aria-hidden": true
-      }, restProps), children);
-    }
-    return /*#__PURE__*/React.createElement("svg", __assign({
-      role: role,
+var SVG = function (_a) {
+  var _b = _a.inheritSize,
+    inheritSize = _b === void 0 ? false : _b,
+    role = _a.role,
+    _c = _a.viewBox,
+    viewBox = _c === void 0 ? '0 0 20 20' : _c,
+    classNameOverride = _a.classNameOverride,
+    children = _a.children,
+    restProps = __rest(_a, ["inheritSize", "role", "viewBox", "classNameOverride", "children"]);
+  var classes = classnames(modules_c6db8197.icon, classNameOverride, inheritSize && modules_c6db8197.inheritSize);
+  if (role === 'presentation') {
+    return /*#__PURE__*/React__default.createElement("svg", __assign({
       className: classes,
-      viewBox: viewBox
+      viewBox: viewBox,
+      role: role,
+      "aria-hidden": true
     }, restProps), children);
-  };
-  SVG.displayName = 'SVG';
-  return SVG;
-}();
+  }
+  return /*#__PURE__*/React__default.createElement("svg", __assign({
+    role: role,
+    className: classes,
+    viewBox: viewBox
+  }, restProps), children);
+};
+SVG.displayName = 'SVG';
 export { SVG };