@kaizen/components 0.0.0-canary-debug-kaizen-provider-final-20250107212529 → 0.0.0-canary-fix-filter-select-jump-issue-useHasStableYPosition-test-20250129223936

package/dist/esm/Filter/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.mjs

@@ -19,21 +19,21 @@ const DateRangeInputField = /*#__PURE__*/function () {
       description = _a.description,
       disabled = _a.disabled,
       _d = _a.isReversed,
-      isReversed = _d === void 0 ? false : _d,
+      isReversed = _d === undefined ? false : _d,
       validationMessage = _a.validationMessage,
       locale = _a.locale,
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ["id", "legend", "inputStartDateProps", "inputEndDateProps", "description", "disabled", "isReversed", "validationMessage", "locale", "classNameOverride"]);
     var customRefObject = isRefObject(ref) ? ref.current : null;
-    var inputStartDateRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.inputStartDateRef;
-    var inputEndDateRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.inputEndDateRef;
+    var inputStartDateRef = customRefObject === null || customRefObject === undefined ? undefined : customRefObject.inputStartDateRef;
+    var inputEndDateRef = customRefObject === null || customRefObject === undefined ? undefined : customRefObject.inputEndDateRef;
     var descriptionId = "".concat(id, "--field-message");
     // Date Start aria labels
-    var dateStartErrorMessageId = (validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateStart) ? "".concat(id, "--date-start-error-message") : undefined;
+    var dateStartErrorMessageId = (validationMessage === null || validationMessage === undefined ? undefined : validationMessage.dateStart) ? "".concat(id, "--date-start-error-message") : undefined;
     var dateStartInputDescribedBy = dateStartErrorMessageId ? "".concat(dateStartErrorMessageId, " ").concat(descriptionId) : descriptionId;
     var dateStartIsInvalid = dateStartErrorMessageId !== undefined;
     // Date End aria labels
-    var dateEndErrorMessageId = (validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateEnd) ? "".concat(id, "--date-end-error-message") : undefined;
+    var dateEndErrorMessageId = (validationMessage === null || validationMessage === undefined ? undefined : validationMessage.dateEnd) ? "".concat(id, "--date-end-error-message") : undefined;
     var dateEndInputDescribedBy = dateEndErrorMessageId ? "".concat(dateEndErrorMessageId, " ").concat(descriptionId) : descriptionId;
     var dateEndIsInvalid = dateEndErrorMessageId !== undefined;
     return /*#__PURE__*/React.createElement("div", __assign({
@@ -48,7 +48,7 @@ const DateRangeInputField = /*#__PURE__*/function () {
       "aria-invalid": dateStartIsInvalid,
       autoComplete: "off",
       disabled: disabled,
-      status: (_b = validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateStart) === null || _b === void 0 ? void 0 : _b.status
+      status: (_b = validationMessage === null || validationMessage === undefined ? undefined : validationMessage.dateStart) === null || _b === undefined ? undefined : _b.status
     }, inputStartDateProps, {
       classNameOverride: classnames(styles.inputStartDate, inputStartDateProps.classNameOverride)
     })), /*#__PURE__*/React.createElement(DateInput, __assign({
@@ -59,10 +59,10 @@ const DateRangeInputField = /*#__PURE__*/function () {
       "aria-invalid": dateEndIsInvalid,
       autoComplete: "off",
       disabled: disabled,
-      status: (_c = validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateEnd) === null || _c === void 0 ? void 0 : _c.status
+      status: (_c = validationMessage === null || validationMessage === undefined ? undefined : validationMessage.dateEnd) === null || _c === undefined ? undefined : _c.status
     }, inputEndDateProps, {
       classNameOverride: classnames(styles.inputEndDate, inputEndDateProps.classNameOverride)
-    }))), validationMessage && ( /*#__PURE__*/React.createElement(DateRangeValidationMessage, {
+    }))), validationMessage && (/*#__PURE__*/React.createElement(DateRangeValidationMessage, {
       validationMessage: validationMessage,
       isReversed: isReversed,
       dateStartId: dateStartErrorMessageId,

package/dist/esm/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/FilterDateRangePickerField.mjs

@@ -46,8 +46,8 @@ const FilterDateRangePickerField = /*#__PURE__*/function () {
       defaultMessage: 'Date to',
       description: "Label for the 'date to' field"
     });
-    var inputStartDateLabel = (_b = inputStartDateProps === null || inputStartDateProps === void 0 ? void 0 : inputStartDateProps.labelText) !== null && _b !== void 0 ? _b : translatedDateFrom;
-    var inputEndDateLabel = (_c = inputEndDateProps === null || inputEndDateProps === void 0 ? void 0 : inputEndDateProps.labelText) !== null && _c !== void 0 ? _c : translatedDateTo;
+    var inputStartDateLabel = (_b = inputStartDateProps === null || inputStartDateProps === undefined ? undefined : inputStartDateProps.labelText) !== null && _b !== undefined ? _b : translatedDateFrom;
+    var inputEndDateLabel = (_c = inputEndDateProps === null || inputEndDateProps === undefined ? undefined : inputEndDateProps.labelText) !== null && _c !== undefined ? _c : translatedDateTo;
     var transformDateToInputValue = function (date) {
       return date ? formatDateAsText(date, disabledDays, locale) : '';
     };
@@ -57,14 +57,14 @@ const FilterDateRangePickerField = /*#__PURE__*/function () {
     var dateStartValidation = useStartDateValidation({
       inputLabel: inputStartDateLabel,
       disabledDays: disabledDays,
-      validationMessage: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateStart,
-      onValidate: onValidate === null || onValidate === void 0 ? void 0 : onValidate.dateStart
+      validationMessage: validationMessage === null || validationMessage === undefined ? undefined : validationMessage.dateStart,
+      onValidate: onValidate === null || onValidate === undefined ? undefined : onValidate.dateStart
     });
     var dateEndValidation = useEndDateValidation({
       inputLabel: inputEndDateLabel,
       disabledDays: disabledDays,
-      validationMessage: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateEnd,
-      onValidate: onValidate === null || onValidate === void 0 ? void 0 : onValidate.dateEnd
+      validationMessage: validationMessage === null || validationMessage === undefined ? undefined : validationMessage.dateEnd,
+      onValidate: onValidate === null || onValidate === undefined ? undefined : onValidate.dateEnd
     });
     var validateStartDate = function (date, inputValue) {
       return dateStartValidation.validateDate({
@@ -76,16 +76,16 @@ const FilterDateRangePickerField = /*#__PURE__*/function () {
       return dateEndValidation.validateDate({
         endDate: date,
         endDateInputValue: inputValue,
-        startDate: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from,
+        startDate: selectedRange === null || selectedRange === undefined ? undefined : selectedRange.from,
         startDateFieldLabel: inputStartDateLabel
       });
     };
     var _d = useReducer(filterDatePickerFieldReducer, {
-        selectedStartDate: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from,
-        selectedEndDate: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to,
-        inputStartValue: transformDateToInputValue(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from),
-        inputEndValue: transformDateToInputValue(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to),
-        startMonth: (selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from) && !isInvalidDate(selectedRange.from) ? selectedRange.from : defaultMonth !== null && defaultMonth !== void 0 ? defaultMonth : new Date()
+        selectedStartDate: selectedRange === null || selectedRange === undefined ? undefined : selectedRange.from,
+        selectedEndDate: selectedRange === null || selectedRange === undefined ? undefined : selectedRange.to,
+        inputStartValue: transformDateToInputValue(selectedRange === null || selectedRange === undefined ? undefined : selectedRange.from),
+        inputEndValue: transformDateToInputValue(selectedRange === null || selectedRange === undefined ? undefined : selectedRange.to),
+        startMonth: (selectedRange === null || selectedRange === undefined ? undefined : selectedRange.from) && !isInvalidDate(selectedRange.from) ? selectedRange.from : defaultMonth !== null && defaultMonth !== undefined ? defaultMonth : new Date()
       }),
       state = _d[0],
       dispatch = _d[1];
@@ -153,10 +153,10 @@ const FilterDateRangePickerField = /*#__PURE__*/function () {
       }
     }, inputEndDateProps));
     var handleCalendarSelectRange = function (range) {
-      var inputStartValue = transformDateToInputValue(range === null || range === void 0 ? void 0 : range.from);
-      var inputEndValue = transformDateToInputValue(range === null || range === void 0 ? void 0 : range.to);
-      var newStartDate = validateStartDate(range === null || range === void 0 ? void 0 : range.from, inputStartValue);
-      var newEndDate = validateEndDate(range === null || range === void 0 ? void 0 : range.to, inputEndValue);
+      var inputStartValue = transformDateToInputValue(range === null || range === undefined ? undefined : range.from);
+      var inputEndValue = transformDateToInputValue(range === null || range === undefined ? undefined : range.to);
+      var newStartDate = validateStartDate(range === null || range === undefined ? undefined : range.from, inputStartValue);
+      var newEndDate = validateEndDate(range === null || range === undefined ? undefined : range.to, inputEndValue);
       dispatch({
         type: 'update_selected_start_date',
         date: newStartDate,
@@ -180,8 +180,8 @@ const FilterDateRangePickerField = /*#__PURE__*/function () {
       if (state.inputStartValue === '' && state.inputEndValue === '') {
         return;
       }
-      var newStartDate = validateStartDate(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from, state.inputStartValue);
-      var newEndDate = validateEndDate(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to, state.inputEndValue);
+      var newStartDate = validateStartDate(selectedRange === null || selectedRange === undefined ? undefined : selectedRange.from, state.inputStartValue);
+      var newEndDate = validateEndDate(selectedRange === null || selectedRange === undefined ? undefined : selectedRange.to, state.inputEndValue);
       if (newStartDate && !isValidRange(newStartDate, newEndDate)) {
         dispatch({
           type: 'update_selected_end_date',

package/dist/esm/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/filterDateRangePickerFieldReducer.mjs

@@ -10,13 +10,13 @@ var filterDatePickerFieldReducer = function (state, action) {
     case 'update_selected_start_date':
       return __assign(__assign({}, state), {
         selectedStartDate: action.date,
-        inputStartValue: (_a = action.inputValue) !== null && _a !== void 0 ? _a : state.inputStartValue,
+        inputStartValue: (_a = action.inputValue) !== null && _a !== undefined ? _a : state.inputStartValue,
         startMonth: action.date && !isInvalidDate(action.date) ? action.date : new Date()
       });
     case 'update_selected_end_date':
       return __assign(__assign({}, state), {
         selectedEndDate: action.date,
-        inputEndValue: (_b = action.inputValue) !== null && _b !== void 0 ? _b : state.inputEndValue
+        inputEndValue: (_b = action.inputValue) !== null && _b !== undefined ? _b : state.inputEndValue
       });
     case 'navigate_months':
       return __assign(__assign({}, state), {

package/dist/esm/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/utils/validateEndDateBeforeStartDate.mjs

@@ -22,7 +22,7 @@ var validateEndDateBeforeStartDate = function (_a) {
       validationResponse: __assign(__assign({}, baseResponse), {
         validationMessage: {
           status: 'error',
-          message: ( /*#__PURE__*/React.createElement(FormattedMessage, {
+          message: (/*#__PURE__*/React.createElement(FormattedMessage, {
             id: "date.validation.rangeEndBeforeRangeStart",
             defaultMessage: 'Cannot be earlier than the selection in "{startDateFieldLabel}"',
             description: "Error message when the user tries to select an end date earlier than the start date",

package/dist/esm/Filter/FilterDateRangePicker/utils/isCompleteDateRange.mjs

@@ -1,4 +1,4 @@
 var isCompleteDateRange = function (dateRange) {
-  return (dateRange === null || dateRange === void 0 ? void 0 : dateRange.from) !== undefined && (dateRange === null || dateRange === void 0 ? void 0 : dateRange.to) !== undefined;
+  return (dateRange === null || dateRange === undefined ? undefined : dateRange.from) !== undefined && (dateRange === null || dateRange === undefined ? undefined : dateRange.to) !== undefined;
 };
 export { isCompleteDateRange };

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

@@ -31,7 +31,7 @@ const FilterMultiSelect = /*#__PURE__*/function () {
       defaultSelectedKeys = _a.defaultSelectedKeys,
       onSelectionChange = _a.onSelectionChange,
       _b = _a.selectionMode,
-      selectionMode = _b === void 0 ? 'multiple' : _b,
+      selectionMode = _b === undefined ? 'multiple' : _b,
       onSearchInputChange = _a.onSearchInputChange,
       triggerRef = _a.triggerRef,
       className = _a.className;
@@ -45,7 +45,7 @@ const FilterMultiSelect = /*#__PURE__*/function () {
       isLoading: isLoading,
       loadingSkeleton: loadingSkeleton
     };
-    var disabledKeys = new Set(items === null || items === void 0 ? void 0 : items.filter(function (item) {
+    var disabledKeys = new Set(items === null || items === undefined ? undefined : items.filter(function (item) {
       return item.isDisabled === true;
     }).map(function (disabledItem) {
       return disabledItem.value;

package/dist/esm/Filter/FilterMultiSelect/context/MenuTriggerProvider/MenuTriggerProvider.mjs

@@ -17,7 +17,7 @@ function MenuTriggerProvider(_a) {
   });
   // Get A11y attributes and events for the menu trigger and menu elements
   var fallbackRef = useRef(null);
-  var ref = triggerRef !== null && triggerRef !== void 0 ? triggerRef : fallbackRef;
+  var ref = triggerRef !== null && triggerRef !== undefined ? triggerRef : fallbackRef;
   var _b = useMenuTrigger({}, state, ref),
     menuTriggerProps = _b.menuTriggerProps,
     menuProps = _b.menuProps;

package/dist/esm/Filter/FilterMultiSelect/subcomponents/ListBoxSection/ListBoxSection.mjs

@@ -17,7 +17,7 @@ const ListBoxSection = /*#__PURE__*/function () {
       "aria-label": !hasSectionHeader ? sectionName : undefined,
       "aria-labelledby": hasSectionHeader ? listSectionId : undefined,
       role: "group"
-    }, hasSectionHeader && ( /*#__PURE__*/React.createElement("li", {
+    }, hasSectionHeader && (/*#__PURE__*/React.createElement("li", {
       className: styles.listBoxSectionHeader,
       id: listSectionId,
       role: "presentation"

package/dist/esm/Filter/FilterMultiSelect/subcomponents/MenuLayout/MenuLoadingSkeleton/MenuLoadingSkeleton.mjs

@@ -9,7 +9,7 @@ import styles from './MenuLoadingSkeleton.module.scss.mjs';
 const MenuLoadingSkeleton = /*#__PURE__*/function () {
   const MenuLoadingSkeleton = function (_a) {
     var _b = _a.isAnimated,
-      isAnimated = _b === void 0 ? false : _b;
+      isAnimated = _b === undefined ? false : _b;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       className: styles.loadingContainer
     }, /*#__PURE__*/React.createElement(LoadingInput, {

package/dist/esm/Filter/FilterMultiSelect/subcomponents/MenuPopup/MenuPopup.mjs

@@ -26,10 +26,10 @@ const MenuPopup = /*#__PURE__*/function () {
     // 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 ? ( /*#__PURE__*/React.createElement("div", __assign({}, overlayProps, {
+    return menuTriggerState.isOpen ? (/*#__PURE__*/React.createElement("div", __assign({}, overlayProps, {
       ref: overlayRef,
       className: styles.menuPopup
-    }), isLoading && loadingSkeleton ? ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DismissButton, {
+    }), isLoading && loadingSkeleton ? (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DismissButton, {
       onDismiss: onClose
     }), loadingSkeleton, /*#__PURE__*/React.createElement(DismissButton, {
       onDismiss: onClose
@@ -44,7 +44,7 @@ const MenuPopup = /*#__PURE__*/function () {
       onDismiss: onClose
     }), children, /*#__PURE__*/React.createElement(DismissButton, {
       onDismiss: onClose
-    }))))) : ( /*#__PURE__*/React.createElement(React.Fragment, null));
+    }))))) : (/*#__PURE__*/React.createElement(React.Fragment, null));
   };
   MenuPopup.displayName = 'FilterMultiSelect.MenuPopup';
   return MenuPopup;

package/dist/esm/Filter/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.mjs

@@ -33,14 +33,14 @@ const MultiSelectOption = /*#__PURE__*/function () {
     return /*#__PURE__*/React.createElement("li", __assign({}, mergeProps(optionProps, focusProps), {
       ref: ref,
       className: classnames(styles.option, classNameOverride, isSelected && styles.isSelected, isFocusVisible && styles.isFocusVisible, isDisabled && styles.isDisabled),
-      "aria-label": (_b = item.value) === null || _b === void 0 ? void 0 : _b.label,
-      "aria-describedby": ((_c = item.value) === null || _c === void 0 ? void 0 : _c.count) ? countElementId : undefined
+      "aria-label": (_b = item.value) === null || _b === undefined ? undefined : _b.label,
+      "aria-describedby": ((_c = item.value) === null || _c === undefined ? undefined : _c.count) ? countElementId : undefined
     }), /*#__PURE__*/React.createElement("span", {
       className: classnames(styles.icon, isSelected && styles.isSelected)
     }, isSelected && /*#__PURE__*/React.createElement(Icon, {
       name: "check",
       isPresentational: true
-    })), item.rendered, ((_d = item.value) === null || _d === void 0 ? void 0 : _d.count) && ( /*#__PURE__*/React.createElement("span", {
+    })), item.rendered, ((_d = item.value) === null || _d === undefined ? undefined : _d.count) && (/*#__PURE__*/React.createElement("span", {
       id: countElementId,
       className: styles.badgeContainer
     }, /*#__PURE__*/React.createElement(Badge, {

package/dist/esm/Filter/FilterMultiSelect/subcomponents/SearchInput/SearchInput.mjs

@@ -20,7 +20,7 @@ const SearchInput = /*#__PURE__*/function () {
       return setSearchQuery('');
     };
     var reactId = useId();
-    var inputId = id !== null && id !== void 0 ? id : reactId;
+    var inputId = id !== null && id !== undefined ? id : reactId;
     var defaultAriaLabel = formatMessage({
       id: 'filterMultiSelectSearchInput.label',
       defaultMessage: 'Filter options by search query',
@@ -35,7 +35,7 @@ const SearchInput = /*#__PURE__*/function () {
       className: styles.inputSearchContainer
     }, /*#__PURE__*/React.createElement(InputSearch, {
       id: inputId,
-      "aria-label": label !== null && label !== void 0 ? label : defaultAriaLabel,
+      "aria-label": label !== null && label !== undefined ? label : defaultAriaLabel,
       secondary: true,
       placeholder: placeholder,
       value: searchQuery,

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

@@ -11,7 +11,7 @@ const FilterTriggerButton = /*#__PURE__*/function () {
       label = _a.label,
       classNameOverride = _a.classNameOverride,
       _b = _a.labelCharacterLimitBeforeTruncate,
-      labelCharacterLimitBeforeTruncate = _b === void 0 ? 50 : _b;
+      labelCharacterLimitBeforeTruncate = _b === undefined ? 50 : _b;
     var _c = useMenuTriggerContext(),
       buttonProps = _c.buttonProps,
       buttonRef = _c.buttonRef,

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

@@ -12,7 +12,7 @@ const RemovableFilterTrigger = /*#__PURE__*/function () {
     var label = _a.label,
       selectedOptionLabels = _a.selectedOptionLabels,
       _b = _a.labelCharacterLimitBeforeTruncate,
-      labelCharacterLimitBeforeTruncate = _b === void 0 ? 50 : _b,
+      labelCharacterLimitBeforeTruncate = _b === undefined ? 50 : _b,
       classNameOverride = _a.classNameOverride,
       onRemove = _a.onRemove;
     var _c = useMenuTriggerContext(),

package/dist/esm/Filter/FilterMultiSelect/utils/getSelectedOptionLabels.mjs

@@ -11,7 +11,7 @@ var getSelectedOptionLabels = function (keys, items) {
     var _a, _b;
     return (_b = (_a = items.find(function (item) {
       return item.value === key;
-    })) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : '';
+    })) === null || _a === undefined ? undefined : _a.label) !== null && _b !== undefined ? _b : '';
   }).filter(function (item) {
     return item !== '';
   });

package/dist/esm/Filter/FilterMultiSelect/utils/getTruncatedLabel.mjs

@@ -1,6 +1,6 @@
 var CONNECTOR = ', ';
 var truncateByCharacterLimit = function (labels, limit, labelsTruncatedCount) {
-  if (labelsTruncatedCount === void 0) {
+  if (labelsTruncatedCount === undefined) {
     labelsTruncatedCount = 0;
   }
   if (labels.length === 1 || labels.join('').replace(/,/g, '').length < limit) {

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

@@ -17,7 +17,7 @@ import { SelectPopoverContents } from '../../__rc__/Select/subcomponents/SelectP
 import '../../__rc__/Select/subcomponents/SelectToggle/SelectToggle.mjs';
 import { getDisabledKeysFromItems } from '../../__rc__/Select/utils/getDisabledKeysFromItems.mjs';
 import { transformSelectItemToCollectionElement } from '../../__rc__/Select/utils/transformSelectItemToCollectionElement.mjs';
-import styles from './FilterSelect.module.scss.mjs';
+import styles from './FilterSelect.module.css.mjs';
 const FilterSelect = /*#__PURE__*/function () {
   const FilterSelect = function (_a) {
     var isOpen = _a.isOpen,
@@ -66,7 +66,7 @@ const FilterSelect = /*#__PURE__*/function () {
       renderTrigger: function () {
         var _a;
         return renderTrigger(__assign({
-          selectedValue: (_a = state.selectedItem) === null || _a === void 0 ? void 0 : _a.textValue,
+          selectedValue: (_a = state.selectedItem) === null || _a === undefined ? undefined : _a.textValue,
           label: label,
           isOpen: isOpen
         }, renderTriggerButtonProps));

package/dist/esm/Filter/FilterSelect/FilterSelect.module.css.mjs

@@ -0,0 +1,4 @@
+var styles = {
+  "filterContents": "FilterSelect-module_filterContents__--oQN"
+};
+export { styles as default };

package/dist/esm/GuidanceBlock/GuidanceBlock.mjs

@@ -22,17 +22,17 @@ const GuidanceBlock = /*#__PURE__*/function () {
   const GuidanceBlock = function (_a) {
     var _b, _c, _d, _e;
     var _f = _a.layout,
-      layout = _f === void 0 ? 'default' : _f,
+      layout = _f === undefined ? 'default' : _f,
       _g = _a.variant,
-      variant = _g === void 0 ? 'default' : _g,
+      variant = _g === undefined ? 'default' : _g,
       _h = _a.withActionButtonArrow,
-      withActionButtonArrow = _h === void 0 ? true : _h,
+      withActionButtonArrow = _h === undefined ? true : _h,
       _j = _a.noMaxWidth,
-      noMaxWidth = _j === void 0 ? false : _j,
+      noMaxWidth = _j === undefined ? false : _j,
       _k = _a.illustrationType,
-      illustrationType = _k === void 0 ? 'spot' : _k,
+      illustrationType = _k === undefined ? 'spot' : _k,
       _l = _a.smallScreenTextAlignment,
-      smallScreenTextAlignment = _l === void 0 ? 'center' : _l,
+      smallScreenTextAlignment = _l === undefined ? 'center' : _l,
       actions = _a.actions,
       illustration = _a.illustration,
       secondaryDismiss = _a.secondaryDismiss,
@@ -57,7 +57,7 @@ const GuidanceBlock = /*#__PURE__*/function () {
     var handleDismissBanner = function () {
       var _a;
       setHidden(true);
-      (_a = actions === null || actions === void 0 ? void 0 : actions.dismiss) === null || _a === void 0 ? void 0 : _a.onClick();
+      (_a = actions === null || actions === undefined ? undefined : actions.dismiss) === null || _a === undefined ? undefined : _a.onClick();
     };
     var onTransitionEnd = function (e) {
       // Be careful: this assumes the final CSS property to be animated is "margin-top".
@@ -107,15 +107,15 @@ const GuidanceBlock = /*#__PURE__*/function () {
       className: styles.descriptionAndActions
     }, /*#__PURE__*/React.createElement("div", {
       className: styles.descriptionContainer
-    }, 'content' in restProps && restProps.content, 'text' in restProps && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    }, 'content' in restProps && restProps.content, 'text' in restProps && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       className: styles.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',
+      tag: (_c = (_b = restProps === null || restProps === undefined ? undefined : restProps.text) === null || _b === undefined ? undefined : _b.titleTag) !== null && _c !== undefined ? _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, {
+    }, (_d = restProps === null || restProps === undefined ? undefined : restProps.text) === null || _d === undefined ? undefined : _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)))), (actions === null || actions === void 0 ? void 0 : actions.primary) && ( /*#__PURE__*/React.createElement(Media, {
+    }, (_e = restProps === null || restProps === undefined ? undefined : restProps.text) === null || _e === undefined ? undefined : _e.description)))), (actions === null || actions === undefined ? undefined : actions.primary) && (/*#__PURE__*/React.createElement(Media, {
       query: "(max-width: 767px)"
     }, function (isMobile) {
       var _a;
@@ -125,11 +125,11 @@ const GuidanceBlock = /*#__PURE__*/function () {
           rightMargin: !(isMobile || componentIsMobile) && layout === 'default'
         })
       }, /*#__PURE__*/React.createElement("div", {
-        className: classnames(styles.buttonContainer, (actions === null || actions === void 0 ? void 0 : actions.secondary) && styles.secondaryAction)
+        className: classnames(styles.buttonContainer, (actions === null || actions === undefined ? undefined : actions.secondary) && styles.secondaryAction)
       }, /*#__PURE__*/React.createElement(WithTooltip, {
         tooltipProps: actions.primary.tooltip
       }, /*#__PURE__*/React.createElement(Button, __assign({
-        icon: withActionButtonArrow ? ( /*#__PURE__*/React.createElement(Icon, {
+        icon: withActionButtonArrow ? (/*#__PURE__*/React.createElement(Icon, {
           name: "arrow_forward",
           isPresentational: true,
           shouldMirrorInRTL: true
@@ -137,7 +137,7 @@ const GuidanceBlock = /*#__PURE__*/function () {
         iconPosition: "end"
       }, actions.primary, {
         fullWidth: isMobile || componentIsMobile
-      }))), (actions === null || actions === void 0 ? void 0 : actions.secondary) && ( /*#__PURE__*/React.createElement(WithTooltip, {
+      }))), (actions === null || actions === undefined ? undefined : actions.secondary) && (/*#__PURE__*/React.createElement(WithTooltip, {
         tooltipProps: actions.secondary.tooltip
       }, /*#__PURE__*/React.createElement("div", {
         className: styles.secondaryAction
@@ -146,7 +146,7 @@ const GuidanceBlock = /*#__PURE__*/function () {
       }, actions.secondary, {
         onClick: secondaryDismiss ? function () {
           return handleDismissBanner();
-        } : (_a = actions === null || actions === void 0 ? void 0 : actions.secondary) === null || _a === void 0 ? void 0 : _a.onClick,
+        } : (_a = actions === null || actions === undefined ? undefined : actions.secondary) === null || _a === undefined ? undefined : _a.onClick,
         fullWidth: isMobile || componentIsMobile
       })))))));
     }))));

package/dist/esm/Heading/Heading.mjs

@@ -12,10 +12,10 @@ var Heading = function (_a) {
     tag = _a.tag,
     variant = _a.variant,
     _b = _a.color,
-    color = _b === void 0 ? 'dark' : _b,
+    color = _b === undefined ? 'dark' : _b,
     classNameOverride = _a.classNameOverride,
     restProps = __rest(_a, ["children", "tag", "variant", "color", "classNameOverride"]);
-  var inferredTag = tag !== null && tag !== void 0 ? tag : translateHeadingLevelToTag(variant);
+  var inferredTag = tag !== null && tag !== undefined ? tag : translateHeadingLevelToTag(variant);
   var className = classnames(styles.heading, styles[variant], classNameOverride, styles[color], VARIANTS_24PX_OR_GREATER.includes(variant) ? styles.large : styles.small);
   return /*#__PURE__*/createElement(inferredTag, __assign(__assign({}, restProps), {
     className: className

package/dist/esm/Icon/subcomponents/SVG/SVG.mjs

@@ -9,10 +9,10 @@ import styles from './SVG.module.scss.mjs';
 const SVG = /*#__PURE__*/function () {
   const SVG = function (_a) {
     var _b = _a.inheritSize,
-      inheritSize = _b === void 0 ? false : _b,
+      inheritSize = _b === undefined ? false : _b,
       role = _a.role,
       _c = _a.viewBox,
-      viewBox = _c === void 0 ? '0 0 20 20' : _c,
+      viewBox = _c === undefined ? '0 0 20 20' : _c,
       classNameOverride = _a.classNameOverride,
       children = _a.children,
       restProps = __rest(_a, ["inheritSize", "role", "viewBox", "classNameOverride", "children"]);

package/dist/esm/Illustration/Scene/BrandMomentCaptureIntro/BrandMomentCaptureIntro.mjs

@@ -21,7 +21,7 @@ const BrandMomentCaptureIntro = /*#__PURE__*/function () {
     if (!isAnimated) {
       return /*#__PURE__*/React.createElement(Base, __assign({
         aspectRatio: aspectRatio,
-        alt: alt !== null && alt !== void 0 ? alt : ''
+        alt: alt !== null && alt !== undefined ? alt : ''
       }, otherProps, {
         name: "illustrations/heart/scene/brand-moments-capture-intro-loop.png"
       }));

package/dist/esm/Illustration/Scene/Scene.mjs

@@ -20,7 +20,7 @@ const BrandMomentPositiveOutro = /*#__PURE__*/function () {
     }
     return /*#__PURE__*/React.createElement(Base, __assign({
       aspectRatio: enableAspectRatio ? 'landscape' : undefined,
-      alt: alt !== null && alt !== void 0 ? alt : ''
+      alt: alt !== null && alt !== undefined ? alt : ''
     }, otherProps, {
       name: "illustrations/heart/scene/brand-moments-positive-outro.png"
     }));
@@ -44,7 +44,7 @@ const BrandMomentLogin = /*#__PURE__*/function () {
     }
     return /*#__PURE__*/React.createElement(Base, __assign({
       aspectRatio: enableAspectRatio ? 'landscape' : undefined,
-      alt: alt !== null && alt !== void 0 ? alt : ''
+      alt: alt !== null && alt !== undefined ? alt : ''
     }, otherProps, {
       name: "illustrations/heart/scene/brand-moments-login.png"
     }));
@@ -68,7 +68,7 @@ const BrandMomentError = /*#__PURE__*/function () {
     }
     return /*#__PURE__*/React.createElement(Base, __assign({
       aspectRatio: enableAspectRatio ? 'landscape' : undefined,
-      alt: alt !== null && alt !== void 0 ? alt : ''
+      alt: alt !== null && alt !== undefined ? alt : ''
     }, otherProps, {
       name: "illustrations/heart/scene/brand-moments-error.png"
     }));
@@ -132,7 +132,7 @@ const EmptyStatesAction = /*#__PURE__*/function () {
     }
     return /*#__PURE__*/React.createElement(Base, __assign({
       aspectRatio: enableAspectRatio ? 'landscape' : undefined,
-      alt: alt !== null && alt !== void 0 ? alt : ''
+      alt: alt !== null && alt !== undefined ? alt : ''
     }, otherProps, {
       name: "illustrations/heart/scene/empty-states-action.svg"
     }));
@@ -156,7 +156,7 @@ const EmptyStatesInformative = /*#__PURE__*/function () {
     }
     return /*#__PURE__*/React.createElement(Base, __assign({
       aspectRatio: enableAspectRatio ? 'landscape' : undefined,
-      alt: alt !== null && alt !== void 0 ? alt : ''
+      alt: alt !== null && alt !== undefined ? alt : ''
     }, otherProps, {
       name: "illustrations/heart/scene/empty-states-informative.svg"
     }));
@@ -180,7 +180,7 @@ const EmptyStatesNegative = /*#__PURE__*/function () {
     }
     return /*#__PURE__*/React.createElement(Base, __assign({
       aspectRatio: enableAspectRatio ? 'landscape' : undefined,
-      alt: alt !== null && alt !== void 0 ? alt : ''
+      alt: alt !== null && alt !== undefined ? alt : ''
     }, otherProps, {
       name: "illustrations/heart/scene/empty-states-negative.svg"
     }));
@@ -204,7 +204,7 @@ const EmptyStatesPositive = /*#__PURE__*/function () {
     }
     return /*#__PURE__*/React.createElement(Base, __assign({
       aspectRatio: enableAspectRatio ? 'landscape' : undefined,
-      alt: alt !== null && alt !== void 0 ? alt : ''
+      alt: alt !== null && alt !== undefined ? alt : ''
     }, otherProps, {
       name: "illustrations/heart/scene/empty-states-positive.svg"
     }));
@@ -228,7 +228,7 @@ const EmptyStatesNeutral = /*#__PURE__*/function () {
     }
     return /*#__PURE__*/React.createElement(Base, __assign({
       aspectRatio: enableAspectRatio ? 'landscape' : undefined,
-      alt: alt !== null && alt !== void 0 ? alt : ''
+      alt: alt !== null && alt !== undefined ? alt : ''
     }, otherProps, {
       name: "illustrations/heart/scene/empty-states-neutral.svg"
     }));

package/dist/esm/Illustration/subcomponents/Base/Base.mjs

@@ -7,18 +7,18 @@ const Base = /*#__PURE__*/function () {
   const Base = function (_a) {
     var name = _a.name,
       _b = _a.alt,
-      alt = _b === void 0 ? '' : _b,
+      alt = _b === undefined ? '' : _b,
       classNameOverride = _a.classNameOverride,
       aspectRatio = _a.aspectRatio,
       restProps = __rest(_a, ["name", "alt", "classNameOverride", "aspectRatio"]);
     var className = classnames(styles.wrapper, classNameOverride);
-    return aspectRatio ? ( /*#__PURE__*/React.createElement("figure", {
+    return aspectRatio ? (/*#__PURE__*/React.createElement("figure", {
       className: classnames(styles.aspectRatioWrapper, aspectRatio && styles[aspectRatio])
     }, /*#__PURE__*/React.createElement("img", __assign({}, restProps, {
       className: className,
       alt: alt,
       src: assetUrl(name)
-    })))) : ( /*#__PURE__*/React.createElement("img", __assign({}, restProps, {
+    })))) : (/*#__PURE__*/React.createElement("img", __assign({}, restProps, {
       className: className,
       alt: alt,
       src: assetUrl(name)

package/dist/esm/Illustration/subcomponents/VideoPlayer/VideoPlayer.mjs

@@ -8,9 +8,9 @@ import { usePausePlay } from '../../utils/usePausePlay.mjs';
 import styles from '../Base/Base.module.scss.mjs';
 var VideoPlayer = function (_a) {
   var _b = _a.autoplay,
-    autoplay = _b === void 0 ? true : _b,
+    autoplay = _b === undefined ? true : _b,
     _c = _a.loop,
-    loop = _c === void 0 ? false : _c,
+    loop = _c === undefined ? false : _c,
     fallback = _a.fallback,
     source = _a.source,
     aspectRatio = _a.aspectRatio,
@@ -54,7 +54,7 @@ var VideoPlayer = function (_a) {
     setPrefersReducedMotion(reducedMotionQuery.matches);
     var updateMotionPreferences = function () {
       var _a = window.matchMedia('(prefers-reduced-motion: reduce)').matches,
-        matches = _a === void 0 ? false : _a;
+        matches = _a === undefined ? false : _a;
       setPrefersReducedMotion(matches);
     };
     var isLegacyEdge = /Edge/.exec(navigator.userAgent);

package/dist/esm/Input/Input/Input.mjs

@@ -6,13 +6,13 @@ const Input = /*#__PURE__*/function () {
   const Input = function (_a) {
     var inputRef = _a.inputRef,
       _b = _a.status,
-      status = _b === void 0 ? 'default' : _b,
+      status = _b === undefined ? 'default' : _b,
       startIconAdornment = _a.startIconAdornment,
       endIconAdornment = _a.endIconAdornment,
       _c = _a.reversed,
-      reversed = _c === void 0 ? false : _c,
+      reversed = _c === undefined ? false : _c,
       _d = _a.type,
-      type = _d === void 0 ? 'text' : _d,
+      type = _d === undefined ? 'text' : _d,
       value = _a.value,
       defaultValue = _a.defaultValue,
       classNameOverride = _a.classNameOverride,