@kaizen/components 0.0.0-canary-update-floating-fms-20250715035144 → 0.0.0-canary-handle-avatar-error-20250716233812

package/dist/cjs/alpha.cjs

@@ -0,0 +1,4 @@
+'use strict';
+
+var SingleSelect = require('./src/__alpha__/SingleSelect/SingleSelect.cjs');
+exports.SingleSelect = SingleSelect.SingleSelect;

package/dist/cjs/src/Avatar/Avatar.cjs

@@ -93,8 +93,9 @@ var Avatar = function (_a) {
   React.useEffect(function () {
     setAvatarState(avatarSrc ? 'loading' : 'none');
   }, [avatarSrc]);
-  var onImageFailure = function () {
-    return setAvatarState('error');
+  var onImageFailure = function (event) {
+    event.preventDefault();
+    setAvatarState('error');
   };
   var onImageSuccess = function () {
     return setAvatarState('success');

package/dist/cjs/src/Button/Button/Button.cjs

@@ -11,6 +11,11 @@ function _interopDefault(e) {
 var React__default = /*#__PURE__*/_interopDefault(React);
 
 /**
+ * @deprecated This component will be replaced by the next Button component in v2.
+ * Use `@kaizen/components/next` Button instead.
+ * Migration guide: {@link https://cultureamp.design/?path=/docs/components-button-migration-guide--docs}
+ * Codemod available: `upgradeV1Buttons`
+ *
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3062890984/Button Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-buttons-button--docs Storybook}
  */

package/dist/cjs/src/Button/IconButton/IconButton.cjs

@@ -11,6 +11,11 @@ function _interopDefault(e) {
 var React__default = /*#__PURE__*/_interopDefault(React);
 
 /**
+ * @deprecated This component will be replaced by the next Button component in v2.
+ * Use `@kaizen/components/next` Button instead.
+ * Migration guide: {@link https://cultureamp.design/?path=/docs/components-button-migration-guide--docs}
+ * Codemod available: `upgradeV1Buttons`
+ *
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3062890984/Button Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-iconbutton--docs Storybook}
  */

package/dist/cjs/src/Filter/FilterMultiSelect/FilterMultiSelect.cjs

@@ -41,8 +41,7 @@ var FilterMultiSelect = function (_a) {
     selectionMode = _b === void 0 ? 'multiple' : _b,
     onSearchInputChange = _a.onSearchInputChange,
     triggerRef = _a.triggerRef,
-    className = _a.className,
-    floatingConfig = _a.floatingConfig;
+    className = _a.className;
   var menuTriggerProps = {
     isOpen: isOpen,
     defaultOpen: defaultOpen,
@@ -51,8 +50,7 @@ var FilterMultiSelect = function (_a) {
   };
   var menuPopupProps = {
     isLoading: isLoading,
-    loadingSkeleton: loadingSkeleton,
-    floatingConfig: floatingConfig
+    loadingSkeleton: loadingSkeleton
   };
   var disabledKeys = new Set(items === null || items === void 0 ? void 0 : items.filter(function (item) {
     return item.isDisabled === true;
@@ -71,9 +69,7 @@ var FilterMultiSelect = function (_a) {
   };
   return React__default.default.createElement(MenuTriggerProvider.MenuTriggerProvider, tslib.__assign({}, menuTriggerProps), React__default.default.createElement("div", {
     className: className
-  }, React__default.default.createElement(MenuTriggerProvider.MenuTriggerConsumer, null, trigger), React__default.default.createElement(MenuPopup.MenuPopup, tslib.__assign({
-    "aria-label": label
-  }, menuPopupProps), React__default.default.createElement(SelectionProvider.SelectionProvider, tslib.__assign({}, selectionProps), React__default.default.createElement(SelectionProvider.SelectionConsumer, null, children)))));
+  }, React__default.default.createElement(MenuTriggerProvider.MenuTriggerConsumer, null, trigger), React__default.default.createElement(MenuPopup.MenuPopup, tslib.__assign({}, menuPopupProps), React__default.default.createElement(SelectionProvider.SelectionProvider, tslib.__assign({}, selectionProps), React__default.default.createElement(SelectionProvider.SelectionConsumer, null, children)))));
 };
 FilterMultiSelect.displayName = 'FilterMultiSelect';
 FilterMultiSelect.TriggerButton = FilterTriggerButton.FilterTriggerButton;

package/dist/cjs/src/Filter/FilterMultiSelect/subcomponents/ListBox/ListBox.cjs

@@ -4,7 +4,7 @@ var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
 var SelectionProvider = require('../../context/SelectionProvider/SelectionProvider.cjs');
-var ListBox_module = require('./ListBox.module.css.cjs');
+var ListBox_module = require('./ListBox.module.scss.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/src/Filter/FilterMultiSelect/subcomponents/ListBox/ListBox.module.scss.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var styles = {
+  "listBox": "ListBox-module_listBox__q95MO",
+  "overflown": "ListBox-module_overflown__wChQA",
+  "hidden": "ListBox-module_hidden__eYdXv",
+  "noResultsWrapper": "ListBox-module_noResultsWrapper__WcLRm"
+};
+module.exports = styles;

package/dist/cjs/src/Filter/FilterMultiSelect/subcomponents/ListBoxSection/ListBoxSection.cjs

@@ -2,6 +2,7 @@
 
 var tslib = require('tslib');
 var React = require('react');
+var VisuallyHidden = require('../../../../VisuallyHidden/VisuallyHidden.cjs');
 var ListBoxSection_module = require('./ListBoxSection.module.scss.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
@@ -27,7 +28,7 @@ var ListBoxSection = function (_a) {
     className: ListBoxSection_module.listBoxSectionHeader,
     id: listSectionId,
     role: "presentation"
-  }, restProps.sectionHeader), Array.from(items).map(function (node) {
+  }, sectionName && React__default.default.createElement(VisuallyHidden.VisuallyHidden, null, sectionName, ". "), restProps.sectionHeader), Array.from(items).map(function (node) {
     return node != undefined && children(node);
   })));
 };

package/dist/cjs/src/Filter/FilterMultiSelect/subcomponents/MenuPopup/MenuPopup.cjs

@@ -2,86 +2,55 @@
 
 var tslib = require('tslib');
 var React = require('react');
-var reactDom = require('@floating-ui/react-dom');
-var classnames = require('classnames');
-var reactFocusOn = require('react-focus-on');
+var focus = require('@react-aria/focus');
+var overlays = require('@react-aria/overlays');
 var MenuTriggerProvider = require('../../context/MenuTriggerProvider/MenuTriggerProvider.cjs');
 require('../../context/SelectionProvider/SelectionProvider.cjs');
-var MenuPopup_module = require('./MenuPopup.module.css.cjs');
+var MenuPopup_module = require('./MenuPopup.module.scss.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e
   };
 }
 var React__default = /*#__PURE__*/_interopDefault(React);
-var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 var MenuPopup = function (_a) {
-  var children = _a.children,
-    _b = _a.floatingConfig,
-    floatingConfig = _b === void 0 ? {
-      placement: 'bottom-start',
-      strategy: 'absolute',
-      whileElementsMounted: reactDom.autoUpdate
-    } : _b,
-    classNameOverride = _a.classNameOverride,
-    isLoading = _a.isLoading,
+  var isLoading = _a.isLoading,
     loadingSkeleton = _a.loadingSkeleton,
-    restProps = tslib.__rest(_a, ["children", "floatingConfig", "classNameOverride", "isLoading", "loadingSkeleton"]);
-  var _c = React.useState(null),
-    floatingElement = _c[0],
-    setFloatingElement = _c[1];
-  var _d = MenuTriggerProvider.useMenuTriggerContext(),
-    menuTriggerState = _d.menuTriggerState,
-    buttonRef = _d.buttonRef;
-  var referenceElement = buttonRef.current;
-  var _e = reactDom.useFloating(tslib.__assign({
-      elements: {
-        reference: referenceElement,
-        floating: floatingElement
-      },
-      middleware: [reactDom.offset(6), floatingConfig.shouldFlip && reactDom.autoPlacement({
-        allowedPlacements: ['bottom-start', 'top-start']
-      }), floatingConfig.shouldResize && reactDom.size({
-        apply: function (_a) {
-          var availableHeight = _a.availableHeight,
-            elements = _a.elements;
-          Object.assign(elements.floating.style, {
-            maxHeight: Math.max(250, Math.min(availableHeight - 12, 500)) + 'px'
-          });
-        }
-      })]
-    }, floatingConfig)),
-    floatingStyles = _e.floatingStyles,
-    update = _e.update;
-  var handleReturnFocus = function () {
-    requestAnimationFrame(function () {
-      var _a;
-      (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    });
+    children = _a.children;
+  var menuTriggerState = MenuTriggerProvider.useMenuTriggerContext().menuTriggerState;
+  var onClose = function () {
+    return menuTriggerState.close();
   };
-  React.useEffect(function () {
-    var _a;
-    if (floatingElement && referenceElement) {
-      (_a = floatingElement.showPopover) === null || _a === void 0 ? void 0 : _a.call(floatingElement);
-      update();
-    }
-  }, [floatingElement, referenceElement, update]);
-  return menuTriggerState.isOpen ? React__default.default.createElement(reactFocusOn.FocusOn, {
-    enabled: menuTriggerState.isOpen,
-    scrollLock: false,
-    returnFocus: false,
-    onClickOutside: menuTriggerState.close,
-    onEscapeKey: menuTriggerState.close,
-    onDeactivation: handleReturnFocus
-  }, React__default.default.createElement("div", tslib.__assign({
-    ref: setFloatingElement,
-    style: floatingStyles,
-    className: classnames__default.default(MenuPopup_module.menuPopup, classNameOverride),
-    role: "dialog",
-    "aria-modal": "true",
-    // @ts-expect-error: popover is valid in supported browsers
-    popover: "manual"
-  }, restProps), isLoading && loadingSkeleton ? loadingSkeleton : children)) : React__default.default.createElement(React__default.default.Fragment, null);
+  // Handle events that should cause the menu to close,
+  // e.g. blur, clicking outside, or pressing the escape key.
+  var overlayRef = React__default.default.createRef();
+  var overlayProps = overlays.useOverlay({
+    onClose: onClose,
+    isOpen: menuTriggerState.isOpen,
+    isDismissable: true
+  }, overlayRef).overlayProps;
+  // Wrap in <FocusScope> so that focus is restored back to the trigger when the menu is closed
+  // and auto focus on the first focusable item after loading. (disable eslint no-autofocus error for it)
+  // In addition, add hidden <DismissButton> components at the start and end of the list
+  // to allow screen reader users to dismiss the popup easily.
+  return menuTriggerState.isOpen ? React__default.default.createElement("div", tslib.__assign({}, overlayProps, {
+    ref: overlayRef,
+    className: MenuPopup_module.menuPopup
+  }), isLoading && loadingSkeleton ? React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(overlays.DismissButton, {
+    onDismiss: onClose
+  }), loadingSkeleton, React__default.default.createElement(overlays.DismissButton, {
+    onDismiss: onClose
+  })) :
+  // eslint-disable-next-line jsx-a11y/no-autofocus
+  React__default.default.createElement(focus.FocusScope, {
+    contain: true,
+    autoFocus: true,
+    restoreFocus: true
+  }, React__default.default.createElement(overlays.DismissButton, {
+    onDismiss: onClose
+  }), children, React__default.default.createElement(overlays.DismissButton, {
+    onDismiss: onClose
+  }))) : React__default.default.createElement(React__default.default.Fragment, null);
 };
 MenuPopup.displayName = 'FilterMultiSelect.MenuPopup';
 exports.MenuPopup = MenuPopup;

package/dist/cjs/src/Filter/FilterMultiSelect/subcomponents/MenuPopup/{MenuPopup.module.css.cjs → MenuPopup.module.scss.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
 var styles = {
-  "menuPopup": "MenuPopup-module_menuPopup__QgGEa"
+  "menuPopup": "MenuPopup-module_menuPopup__UVgnP"
 };
 module.exports = styles;

package/dist/cjs/src/LikertScaleLegacy/LikertScaleLegacy.cjs

@@ -22,6 +22,9 @@ var SelectedItemIcon = function () {
   });
 };
 /**
+ * @deprecated This component will be renamed to LikertScale in v2.
+ * Start importing as LikertScale instead.
+ *
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060201/Likert+Scale Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-likertscalelegacy--docs Storybook}
  */

package/dist/cjs/src/Modal/GenericModal/GenericModal.cjs

@@ -5,6 +5,7 @@ var ReactDOM = require('react-dom');
 var react = require('@headlessui/react');
 var classnames = require('classnames');
 var FocusLock = require('react-focus-lock');
+var useIsClientReady = require('../../utils/useIsClientReady/useIsClientReady.cjs');
 var console = require('../util/console.cjs');
 var ModalContext = require('./context/ModalContext.cjs');
 var GenericModal_module = require('./GenericModal.module.scss.cjs');
@@ -31,6 +32,7 @@ var GenericModal = function (_a) {
   var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
   var labelledByID = React.useId();
   var describedByID = React.useId();
+  var isClientReady = useIsClientReady.useIsClientReady();
   var _c = React.useState(null),
     scrollLayer = _c[0],
     setScrollLayer = _c[1];
@@ -52,6 +54,7 @@ var GenericModal = function (_a) {
     }
   };
   var focusOnAccessibleLabel = function () {
+    if (!isClientReady) return;
     // Check if focus already exists within the modal
     if (modalLayer === null || modalLayer === void 0 ? void 0 : modalLayer.contains(document.activeElement)) {
       return;
@@ -60,6 +63,7 @@ var GenericModal = function (_a) {
     labelElement === null || labelElement === void 0 ? void 0 : labelElement.focus();
   };
   var a11yWarn = function () {
+    if (!isClientReady) return;
     // Ensure that consumers have provided an element that labels the modal
     // to meet ARIA accessibility guidelines.
     if (!document.getElementById(labelledByID)) {
@@ -68,6 +72,7 @@ var GenericModal = function (_a) {
   };
   var preventBodyScroll = function () {
     var _a;
+    if (!isClientReady) return;
     var hasScrollbar = window.innerWidth > document.documentElement.clientWidth;
     var scrollStyles = [GenericModal_module.unscrollable];
     if (hasScrollbar) {
@@ -90,11 +95,12 @@ var GenericModal = function (_a) {
   }, [onEscapeKeyup]);
   var onBeforeEnterHandler = function () {
     preventBodyScroll();
-    if (onEscapeKeyup) {
+    if (onEscapeKeyup && isClientReady) {
       document.addEventListener('keyup', escapeKeyHandler);
     }
   };
   var cleanUpAfterClose = function () {
+    if (!isClientReady) return;
     document.documentElement.classList.remove(GenericModal_module.unscrollable, GenericModal_module.pseudoScrollbar);
     if (onEscapeKeyup) {
       document.removeEventListener('keyup', escapeKeyHandler);
@@ -112,6 +118,10 @@ var GenericModal = function (_a) {
     cleanUpAfterClose();
     propsOnAfterLeave === null || propsOnAfterLeave === void 0 ? void 0 : propsOnAfterLeave();
   };
+  // Don't render portal during SSR
+  if (!isClientReady) {
+    return React__default.default.createElement(React__default.default.Fragment, null);
+  }
   return ReactDOM.createPortal(React__default.default.createElement(react.Transition, {
     appear: true,
     show: isOpen,

package/dist/cjs/src/Skirt/Skirt.cjs

@@ -17,6 +17,9 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 var spacing = 24;
 var maxHeight = 222;
 var fallbackPercentage = 0.8;
+/**
+ * @deprecated This component will be removed in v2. Please remove any usages.
+ */
 var Skirt = function (_a) {
   var children = _a.children,
     _b = _a.variant,

package/dist/cjs/src/Skirt/subcomponents/SkirtCard/SkirtCard.cjs

@@ -12,6 +12,10 @@ function _interopDefault(e) {
 }
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+
+/**
+ * @deprecated This component will be removed in v2. Use a regular Card component instead.
+ */
 var SkirtCard = function (props) {
   var classNameOverride = props.classNameOverride,
     restProps = tslib.__rest(props, ["classNameOverride"]);

package/dist/cjs/src/SplitButton/SplitButton.cjs

@@ -16,6 +16,8 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
 /**
+ * @deprecated This component will be removed in v2. Use a Button and Menu component instead.
+ *
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896196/Split+Button Guidance} |
  * {@link https://cultureamp.design/storybook/?path=/docs/components-splitbutton--docs Storybook}
  */

package/dist/cjs/src/TitleBlockZen/TitleBlockZen.cjs

@@ -168,6 +168,9 @@ var renderNavigationTabs = function (navigationTabs, collapse, ariaLabel) {
   }))));
 };
 /**
+ * @deprecated This component will be renamed to TitleBlock in v2.
+ * Start importing as TitleBlock instead.
+ *
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3075605782/Title+Block Guidance} |
  * {@link https://cultureamp.design/?path=/story/components-titleblock--docs Storybook}
  */

package/dist/cjs/src/__alpha__/SingleSelect/SingleSelect.cjs

@@ -0,0 +1,32 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+var List = require('./subcomponents/List/List.cjs');
+var ListSection = require('./subcomponents/ListSection/ListSection.cjs');
+var ListItem = require('./subcomponents/ListItem/ListItem.cjs');
+var Trigger = require('./subcomponents/Trigger/Trigger.cjs');
+var SingleSelect_module = require('./SingleSelect.module.css.cjs');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+var SingleSelect = function (_a) {
+  var classNameOverride = _a.classNameOverride,
+    children = _a.children,
+    restProps = tslib.__rest(_a, ["classNameOverride", "children"]);
+  return React__default.default.createElement(reactAriaComponents.Select, tslib.__assign({
+    className: classNameOverride,
+    placeholder: ""
+  }, restProps), React__default.default.createElement(Trigger.Trigger, null), React__default.default.createElement(reactAriaComponents.Popover, {
+    className: SingleSelect_module.popover
+  }, children));
+};
+SingleSelect.displayName = 'SingleSelect';
+SingleSelect.List = List.List;
+SingleSelect.ListItem = ListItem.ListItem;
+SingleSelect.ListSection = ListSection.ListSection;
+exports.SingleSelect = SingleSelect;

package/dist/cjs/src/__alpha__/SingleSelect/SingleSelect.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {
+  "popover": "SingleSelect-module_popover__ZjL9n"
+};
+module.exports = styles;

package/dist/cjs/src/__alpha__/SingleSelect/subcomponents/List/List.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var reactAriaComponents = require('react-aria-components');
+var List_module = require('./List.module.css.cjs');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+var List = function (_a) {
+  var children = _a.children,
+    className = _a.className,
+    props = tslib.__rest(_a, ["children", "className"]);
+  return React__default.default.createElement(reactAriaComponents.ListBox, tslib.__assign({
+    className: classnames__default.default(List_module.list, className)
+  }, props), children);
+};
+List.displayName = 'SingleSelect.List';
+exports.List = List;

package/dist/cjs/src/__alpha__/SingleSelect/subcomponents/List/List.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {
+  "list": "List-module_list__bbFPn"
+};
+module.exports = styles;

package/dist/cjs/src/__alpha__/SingleSelect/subcomponents/ListItem/ListItem.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var reactAriaComponents = require('react-aria-components');
+var ListItem_module = require('./ListItem.module.css.cjs');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+var ListItem = function (_a) {
+  var children = _a.children,
+    className = _a.className,
+    props = tslib.__rest(_a, ["children", "className"]);
+  return React__default.default.createElement(reactAriaComponents.ListBoxItem, tslib.__assign({
+    className: classnames__default.default(ListItem_module.listItem, className)
+  }, props), children);
+};
+ListItem.displayName = 'SingleSelect.ListItem';
+exports.ListItem = ListItem;

package/dist/cjs/src/__alpha__/SingleSelect/subcomponents/ListItem/ListItem.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {
+  "listItem": "ListItem-module_listItem__xGr6A"
+};
+module.exports = styles;

package/dist/cjs/src/__alpha__/SingleSelect/subcomponents/ListSection/ListSection.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var reactAriaComponents = require('react-aria-components');
+var ListSection_module = require('./ListSection.module.css.cjs');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+var ListSection = function (_a) {
+  var name = _a.name,
+    className = _a.className,
+    children = _a.children,
+    props = tslib.__rest(_a, ["name", "className", "children"]);
+  return React__default.default.createElement(reactAriaComponents.ListBoxSection, tslib.__assign({}, props), React__default.default.createElement(reactAriaComponents.Header, {
+    className: classnames__default.default(ListSection_module.listSectionHeader, className)
+  }, name), children);
+};
+ListSection.displayName = 'SingleSelect.ListSection';
+exports.ListSection = ListSection;

package/dist/cjs/src/__alpha__/SingleSelect/subcomponents/ListSection/ListSection.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {
+  "listSectionHeader": "ListSection-module_listSectionHeader__bptHg"
+};
+module.exports = styles;

package/dist/cjs/src/__alpha__/SingleSelect/subcomponents/Trigger/Trigger.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+var Icon = require('../../../../__next__/Icon/Icon.cjs');
+var Trigger_module = require('./Trigger.module.css.cjs');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+var Trigger = function () {
+  return React__default.default.createElement(reactAriaComponents.Button, {
+    className: Trigger_module.button
+  }, React__default.default.createElement(reactAriaComponents.SelectValue, null), React__default.default.createElement(Icon.Icon, {
+    name: "keyboard_arrow_down",
+    isPresentational: true
+  }));
+};
+exports.Trigger = Trigger;

package/dist/cjs/src/__alpha__/SingleSelect/subcomponents/Trigger/Trigger.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {
+  "button": "Trigger-module_button__giSqA"
+};
+module.exports = styles;

package/dist/esm/alpha.mjs

@@ -0,0 +1 @@
+export { SingleSelect } from './src/__alpha__/SingleSelect/SingleSelect.mjs';

package/dist/esm/src/Avatar/Avatar.mjs

@@ -85,8 +85,9 @@ var Avatar = function (_a) {
   useEffect(function () {
     setAvatarState(avatarSrc ? 'loading' : 'none');
   }, [avatarSrc]);
-  var onImageFailure = function () {
-    return setAvatarState('error');
+  var onImageFailure = function (event) {
+    event.preventDefault();
+    setAvatarState('error');
   };
   var onImageSuccess = function () {
     return setAvatarState('success');

package/dist/esm/src/Button/Button/Button.mjs

@@ -3,6 +3,11 @@ import React, { forwardRef } from 'react';
 import { GenericButton } from '../GenericButton/GenericButton.mjs';
 
 /**
+ * @deprecated This component will be replaced by the next Button component in v2.
+ * Use `@kaizen/components/next` Button instead.
+ * Migration guide: {@link https://cultureamp.design/?path=/docs/components-button-migration-guide--docs}
+ * Codemod available: `upgradeV1Buttons`
+ *
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3062890984/Button Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-buttons-button--docs Storybook}
  */

package/dist/esm/src/Button/IconButton/IconButton.mjs

@@ -3,6 +3,11 @@ import React, { forwardRef } from 'react';
 import { GenericButton } from '../GenericButton/GenericButton.mjs';
 
 /**
+ * @deprecated This component will be replaced by the next Button component in v2.
+ * Use `@kaizen/components/next` Button instead.
+ * Migration guide: {@link https://cultureamp.design/?path=/docs/components-button-migration-guide--docs}
+ * Codemod available: `upgradeV1Buttons`
+ *
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3062890984/Button Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-iconbutton--docs Storybook}
  */

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

@@ -34,8 +34,7 @@ const FilterMultiSelect = /*#__PURE__*/function () {
       selectionMode = _b === void 0 ? 'multiple' : _b,
       onSearchInputChange = _a.onSearchInputChange,
       triggerRef = _a.triggerRef,
-      className = _a.className,
-      floatingConfig = _a.floatingConfig;
+      className = _a.className;
     var menuTriggerProps = {
       isOpen: isOpen,
       defaultOpen: defaultOpen,
@@ -44,8 +43,7 @@ const FilterMultiSelect = /*#__PURE__*/function () {
     };
     var menuPopupProps = {
       isLoading: isLoading,
-      loadingSkeleton: loadingSkeleton,
-      floatingConfig: floatingConfig
+      loadingSkeleton: loadingSkeleton
     };
     var disabledKeys = new Set(items === null || items === void 0 ? void 0 : items.filter(function (item) {
       return item.isDisabled === true;
@@ -64,9 +62,7 @@ const FilterMultiSelect = /*#__PURE__*/function () {
     };
     return /*#__PURE__*/React.createElement(MenuTriggerProvider, __assign({}, menuTriggerProps), /*#__PURE__*/React.createElement("div", {
       className: className
-    }, /*#__PURE__*/React.createElement(MenuTriggerConsumer, null, trigger), /*#__PURE__*/React.createElement(MenuPopup, __assign({
-      "aria-label": label
-    }, menuPopupProps), /*#__PURE__*/React.createElement(SelectionProvider, __assign({}, selectionProps), /*#__PURE__*/React.createElement(SelectionConsumer, null, children)))));
+    }, /*#__PURE__*/React.createElement(MenuTriggerConsumer, null, trigger), /*#__PURE__*/React.createElement(MenuPopup, __assign({}, menuPopupProps), /*#__PURE__*/React.createElement(SelectionProvider, __assign({}, selectionProps), /*#__PURE__*/React.createElement(SelectionConsumer, null, children)))));
   };
   FilterMultiSelect.displayName = 'FilterMultiSelect';
   FilterMultiSelect.TriggerButton = FilterTriggerButton;

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/ListBox/ListBox.mjs

@@ -2,7 +2,7 @@ import { __assign, __spreadArray } from 'tslib';
 import React, { useState, useEffect } from 'react';
 import classnames from 'classnames';
 import { useSelectionContext } from '../../context/SelectionProvider/SelectionProvider.mjs';
-import styles from './ListBox.module.css.mjs';
+import styles from './ListBox.module.scss.mjs';
 var getItemsFromKeys = function (items, keys) {
   var itemKeys = Array.from(keys);
   return itemKeys.reduce(function (acc, itemKey) {

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/ListBox/ListBox.module.scss.mjs

@@ -0,0 +1,7 @@
+var styles = {
+  "listBox": "ListBox-module_listBox__q95MO",
+  "overflown": "ListBox-module_overflown__wChQA",
+  "hidden": "ListBox-module_hidden__eYdXv",
+  "noResultsWrapper": "ListBox-module_noResultsWrapper__WcLRm"
+};
+export { styles as default };