@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/Tile/subcomponents/GenericTile/GenericTile.mjs

@@ -13,13 +13,13 @@ const GenericTile = /*#__PURE__*/function () {
     var children = _a.children,
       title = _a.title,
       _b = _a.titleTag,
-      titleTag = _b === void 0 ? 'h3' : _b,
+      titleTag = _b === undefined ? 'h3' : _b,
       metadata = _a.metadata,
       information = _a.information,
       infoButtonLabel = _a.infoButtonLabel,
       mood = _a.mood,
       _c = _a.variant,
-      variant = _c === void 0 ? 'default' : _c,
+      variant = _c === undefined ? 'default' : _c,
       footer = _a.footer,
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ["children", "title", "titleTag", "metadata", "information", "infoButtonLabel", "mood", "variant", "footer", "classNameOverride"]);
@@ -44,7 +44,7 @@ const GenericTile = /*#__PURE__*/function () {
       }, /*#__PURE__*/React.createElement(Heading, {
         variant: "heading-3",
         tag: titleTag
-      }, title), metadata && ( /*#__PURE__*/React.createElement("div", {
+      }, title), metadata && (/*#__PURE__*/React.createElement("div", {
         className: styles.titleMeta
       }, /*#__PURE__*/React.createElement(Text, {
         variant: "small",
@@ -54,10 +54,10 @@ const GenericTile = /*#__PURE__*/function () {
     var renderFront = function () {
       return /*#__PURE__*/React.createElement("div", {
         className: classnames(styles.face, styles.faceFront, mood ? styles[mood] : styles[variant])
-      }, information && ( /*#__PURE__*/React.createElement("div", {
+      }, information && (/*#__PURE__*/React.createElement("div", {
         className: styles.informationBtn
       }, /*#__PURE__*/React.createElement(IconButton, {
-        label: infoButtonLabel !== null && infoButtonLabel !== void 0 ? infoButtonLabel : "".concat(translatedInfoLabel, " ").concat(title),
+        label: infoButtonLabel !== null && infoButtonLabel !== undefined ? infoButtonLabel : "".concat(translatedInfoLabel, " ").concat(title),
         icon: /*#__PURE__*/React.createElement(Icon, {
           name: "info",
           isPresentational: true,
@@ -80,14 +80,14 @@ const GenericTile = /*#__PURE__*/function () {
       if (informationProp && typeof informationProp === 'object' && 'text' in informationProp) {
         return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
           variant: "body"
-        }, informationProp.text), ((_a = informationProp.primaryAction) !== null && _a !== void 0 ? _a : informationProp.secondaryAction) && ( /*#__PURE__*/React.createElement("div", {
+        }, informationProp.text), ((_a = informationProp.primaryAction) !== null && _a !== undefined ? _a : informationProp.secondaryAction) && (/*#__PURE__*/React.createElement("div", {
           className: styles.footer
         }, /*#__PURE__*/React.createElement("div", {
           className: styles.actions
-        }, informationProp.secondaryAction && ( /*#__PURE__*/React.createElement(Button, __assign({
+        }, informationProp.secondaryAction && (/*#__PURE__*/React.createElement(Button, __assign({
           secondary: true,
           disabled: !isFlipped
-        }, informationProp.secondaryAction))), informationProp.primaryAction && ( /*#__PURE__*/React.createElement(Button, __assign({
+        }, informationProp.secondaryAction))), informationProp.primaryAction && (/*#__PURE__*/React.createElement(Button, __assign({
           disabled: !isFlipped
         }, informationProp.primaryAction)))))));
       }

package/dist/esm/TimeField/TimeField.mjs

@@ -29,13 +29,13 @@ const TimeFieldComponent = /*#__PURE__*/function () {
       onChange = _a.onChange,
       value = _a.value,
       _b = _a.status,
-      status = _b === void 0 ? 'default' : _b,
+      status = _b === undefined ? 'default' : _b,
       validationMessage = _a.validationMessage,
       isDisabled = _a.isDisabled,
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ["id", "label", "locale", "onChange", "value", "status", "validationMessage", "isDisabled", "classNameOverride"]);
     var reactId = useId();
-    var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
+    var id = propsId !== null && propsId !== undefined ? propsId : reactId;
     var handleOnChange = function (timeValue) {
       if (timeValue === null) {
         return onChange(null);

package/dist/esm/TitleBlockZen/TitleBlockZen.mjs

@@ -56,11 +56,11 @@ var isJSXElement = function (imageElementOrAvatarProps) {
   return 'props' in imageElementOrAvatarProps;
 };
 var renderAvatar = function (imageElementOrAvatarProps, avatarAutomationId) {
-  return isJSXElement(imageElementOrAvatarProps) ? ( /*#__PURE__*/React.createElement("div", {
+  return isJSXElement(imageElementOrAvatarProps) ? (/*#__PURE__*/React.createElement("div", {
     "data-automation-id": avatarAutomationId,
     "data-testid": avatarAutomationId,
     className: classnames(styles.avatar, styles.withBorder)
-  }, imageElementOrAvatarProps)) : ( /*#__PURE__*/React.createElement("div", {
+  }, imageElementOrAvatarProps)) : (/*#__PURE__*/React.createElement("div", {
     "data-automation-id": avatarAutomationId,
     "data-testid": avatarAutomationId,
     className: styles.avatar
@@ -78,7 +78,7 @@ var renderSubtitle = function (subtitle, subtitleAutomationId) {
   }, subtitle));
 };
 var defaultRenderSectionTitle = function (sectionTitle, sectionTitleDescription, variant, sectionTitleAutomationId, sectionTitleDescriptionAutomationId) {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, sectionTitle && ( /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, sectionTitle && (/*#__PURE__*/React.createElement("div", {
     className: styles.sectionTitle
   }, /*#__PURE__*/React.createElement(Heading, {
     variant: "heading-2",
@@ -86,7 +86,7 @@ var defaultRenderSectionTitle = function (sectionTitle, sectionTitleDescription,
     classNameOverride: styles.sectionTitleOverride,
     "data-automation-id": sectionTitleAutomationId,
     "data-testid": sectionTitleAutomationId
-  }, sectionTitle))), sectionTitleDescription && ( /*#__PURE__*/React.createElement("div", {
+  }, sectionTitle))), sectionTitleDescription && (/*#__PURE__*/React.createElement("div", {
     "data-automation-id": sectionTitleDescriptionAutomationId,
     "data-testid": sectionTitleDescriptionAutomationId,
     className: classnames(styles.sectionTitleDescription, !isReversed(variant) && styles.dark)
@@ -143,7 +143,7 @@ var renderNavigationTabs = function (navigationTabs, collapse, ariaLabel) {
     className: styles.navigationTabScrollerContainer
   }, /*#__PURE__*/React.createElement("div", {
     className: classnames(styles.navigationTabsContainer, collapse && styles.navigationTabsContainerCollapsed)
-  }, !collapse && navigationTabs !== undefined && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+  }, !collapse && navigationTabs !== undefined && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
     className: styles.navigationTabEdgeShadowLeft
   }), /*#__PURE__*/React.createElement("nav", {
     className: styles.navigationTabsNav,
@@ -181,26 +181,26 @@ const TitleBlockZen = /*#__PURE__*/function () {
       secondaryOverflowMenuItems = _a.secondaryOverflowMenuItems,
       navigationTabs = _a.navigationTabs,
       _f = _a.collapseNavigationAreaWhenPossible,
-      collapseNavigationAreaWhenPossible = _f === void 0 ? false : _f,
+      collapseNavigationAreaWhenPossible = _f === undefined ? false : _f,
       textDirection = _a.textDirection,
       surveyStatus = _a.surveyStatus,
       id = _a.id,
       _g = _a.titleAutomationId,
-      titleAutomationId = _g === void 0 ? 'TitleBlock__Title' : _g,
+      titleAutomationId = _g === undefined ? 'TitleBlock__Title' : _g,
       _h = _a.avatarAutomationId,
-      avatarAutomationId = _h === void 0 ? 'TitleBlock__Avatar' : _h,
+      avatarAutomationId = _h === undefined ? 'TitleBlock__Avatar' : _h,
       _j = _a.subtitleAutomationId,
-      subtitleAutomationId = _j === void 0 ? 'TitleBlock__Subtitle' : _j,
+      subtitleAutomationId = _j === undefined ? 'TitleBlock__Subtitle' : _j,
       _k = _a.sectionTitleAutomationId,
-      sectionTitleAutomationId = _k === void 0 ? 'TitleBlock__SectionTitle' : _k,
+      sectionTitleAutomationId = _k === undefined ? 'TitleBlock__SectionTitle' : _k,
       _l = _a.sectionTitleDescriptionAutomationId,
-      sectionTitleDescriptionAutomationId = _l === void 0 ? 'TitleBlock__SectionTitleDescription' : _l,
+      sectionTitleDescriptionAutomationId = _l === undefined ? 'TitleBlock__SectionTitleDescription' : _l,
       _m = _a.breadcrumbAutomationId,
-      breadcrumbAutomationId = _m === void 0 ? 'TitleBlock__Breadcrumb' : _m,
+      breadcrumbAutomationId = _m === undefined ? 'TitleBlock__Breadcrumb' : _m,
       _o = _a.breadcrumbTextAutomationId,
-      breadcrumbTextAutomationId = _o === void 0 ? 'TitleBlock__BreadcrumbText' : _o,
+      breadcrumbTextAutomationId = _o === undefined ? 'TitleBlock__BreadcrumbText' : _o,
       _p = _a.autoHideMobileActionsMenu,
-      autoHideMobileActionsMenu = _p === void 0 ? false : _p;
+      autoHideMobileActionsMenu = _p === undefined ? false : _p;
     var hasNavigationTabs = navigationTabs && navigationTabs.length > 0;
     var collapseNavigationArea = collapseNavigationAreaWhenPossible && !hasNavigationTabs && secondaryActions === undefined;
     var _q = useMediaQueries().queries,
@@ -209,7 +209,7 @@ const TitleBlockZen = /*#__PURE__*/function () {
     var isSmallOrMediumViewport = isMedium || isSmall;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       id: id,
-      className: classnames(styles.titleBlock, styles["".concat(variant, "Variant")], Boolean(subtitle) && styles.hasSubtitle, Boolean(pageSwitcherSelect) && styles.hasPageSwitcherSelect, collapseNavigationArea && !((_b = sectionTitle !== null && sectionTitle !== void 0 ? sectionTitle : sectionTitleDescription) !== null && _b !== void 0 ? _b : renderSectionTitle) && styles.collapseNavigationArea, title && title.length >= 30 && styles.hasLongTitle, subtitle && typeof subtitle === 'string' && subtitle.length >= 18 && styles.hasLongSubtitle, hasNavigationTabs && styles.hasNavigationTabs)
+      className: classnames(styles.titleBlock, styles["".concat(variant, "Variant")], Boolean(subtitle) && styles.hasSubtitle, Boolean(pageSwitcherSelect) && styles.hasPageSwitcherSelect, collapseNavigationArea && !((_b = sectionTitle !== null && sectionTitle !== undefined ? sectionTitle : sectionTitleDescription) !== null && _b !== undefined ? _b : renderSectionTitle) && styles.collapseNavigationArea, title && title.length >= 30 && styles.hasLongTitle, subtitle && typeof subtitle === 'string' && subtitle.length >= 18 && styles.hasLongSubtitle, hasNavigationTabs && styles.hasNavigationTabs)
     }, /*#__PURE__*/React.createElement("div", {
       className: styles.titleRow
     }, /*#__PURE__*/React.createElement("div", {
@@ -218,14 +218,14 @@ const TitleBlockZen = /*#__PURE__*/function () {
       className: styles.titleRowInnerContent
     }, /*#__PURE__*/React.createElement("div", {
       className: styles.titleAndAdjacent
-    }, breadcrumb && ( /*#__PURE__*/React.createElement(Breadcrumb, {
+    }, breadcrumb && (/*#__PURE__*/React.createElement(Breadcrumb, {
       breadcrumb: breadcrumb,
       automationId: breadcrumbAutomationId,
       textAutomationId: breadcrumbTextAutomationId,
       textDirection: textDirection
     })), /*#__PURE__*/React.createElement("div", {
       className: styles.titleAndAdjacentNotBreadcrumb
-    }, /*#__PURE__*/React.createElement(React.Fragment, null, handleHamburgerClick && ( /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement(React.Fragment, null, handleHamburgerClick && (/*#__PURE__*/React.createElement("div", {
       className: styles.hamburger
     }, /*#__PURE__*/React.createElement(IconButton, {
       onClick: handleHamburgerClick,
@@ -247,18 +247,18 @@ const TitleBlockZen = /*#__PURE__*/function () {
       classNameOverride: styles.titleTextOverride,
       "data-automation-id": titleAutomationId,
       "data-testid": titleAutomationId
-    }, title)), isSmallOrMediumViewport && pageSwitcherSelect && ( /*#__PURE__*/React.createElement("div", {
+    }, title)), isSmallOrMediumViewport && pageSwitcherSelect && (/*#__PURE__*/React.createElement("div", {
       className: styles.pageSwitcherSelectUnderneathTitle
     }, /*#__PURE__*/React.createElement(Select, __assign({}, pageSwitcherSelect, {
       variant: "secondary-small",
       reversed: true
-    })))), subtitle && renderSubtitle(subtitle, subtitleAutomationId))), surveyStatus && renderTag(surveyStatus), !isSmallOrMediumViewport && pageSwitcherSelect && ( /*#__PURE__*/React.createElement("div", {
+    })))), subtitle && renderSubtitle(subtitle, subtitleAutomationId))), surveyStatus && renderTag(surveyStatus), !isSmallOrMediumViewport && pageSwitcherSelect && (/*#__PURE__*/React.createElement("div", {
       className: styles.pageSwitcherSelectNextToTitle
     }, /*#__PURE__*/React.createElement(Select, __assign({}, pageSwitcherSelect, {
       variant: "secondary",
       reversed: true,
       fullWidth: true
-    }))))))), ((_d = (_c = primaryAction !== null && primaryAction !== void 0 ? primaryAction : defaultAction) !== null && _c !== void 0 ? _c : secondaryActions) !== null && _d !== void 0 ? _d : secondaryOverflowMenuItems) && ( /*#__PURE__*/React.createElement(MainActions, {
+    }))))))), ((_d = (_c = primaryAction !== null && primaryAction !== undefined ? primaryAction : defaultAction) !== null && _c !== undefined ? _c : secondaryActions) !== null && _d !== undefined ? _d : secondaryOverflowMenuItems) && (/*#__PURE__*/React.createElement(MainActions, {
       primaryAction: primaryAction,
       defaultAction: defaultAction,
       reversed: isReversed(variant),
@@ -270,7 +270,7 @@ const TitleBlockZen = /*#__PURE__*/function () {
       className: styles.rowBelowSeparatorInner
     }, /*#__PURE__*/React.createElement("div", {
       className: styles.rowBelowSeparatorInnerContent
-    }, ((_e = sectionTitle !== null && sectionTitle !== void 0 ? sectionTitle : sectionTitleDescription) !== null && _e !== void 0 ? _e : renderSectionTitle) && ( /*#__PURE__*/React.createElement("div", {
+    }, ((_e = sectionTitle !== null && sectionTitle !== undefined ? sectionTitle : sectionTitleDescription) !== null && _e !== undefined ? _e : renderSectionTitle) && (/*#__PURE__*/React.createElement("div", {
       className: styles.sectionTitleContainer
     }, /*#__PURE__*/React.createElement("div", {
       className: styles.sectionTitleInner
@@ -279,7 +279,7 @@ const TitleBlockZen = /*#__PURE__*/function () {
       sectionTitleAutomationId: sectionTitleAutomationId,
       sectionTitleDescription: sectionTitleDescription,
       sectionTitleDescriptionAutomationId: sectionTitleDescriptionAutomationId
-    }) : defaultRenderSectionTitle(sectionTitle, sectionTitleDescription, variant, sectionTitleAutomationId, sectionTitleDescriptionAutomationId)))), renderNavigationTabs(navigationTabs, collapseNavigationArea, title), (secondaryActions !== null && secondaryActions !== void 0 ? secondaryActions : secondaryOverflowMenuItems) && ( /*#__PURE__*/React.createElement(SecondaryActions, {
+    }) : defaultRenderSectionTitle(sectionTitle, sectionTitleDescription, variant, sectionTitleAutomationId, sectionTitleDescriptionAutomationId)))), renderNavigationTabs(navigationTabs, collapseNavigationArea, title), (secondaryActions !== null && secondaryActions !== undefined ? secondaryActions : secondaryOverflowMenuItems) && (/*#__PURE__*/React.createElement(SecondaryActions, {
       secondaryActions: secondaryActions,
       secondaryOverflowMenuItems: secondaryOverflowMenuItems,
       reversed: isReversed(variant)

package/dist/esm/TitleBlockZen/subcomponents/MainActions.mjs

@@ -15,10 +15,10 @@ const MainActions = /*#__PURE__*/function () {
     var primaryAction = _a.primaryAction,
       defaultAction = _a.defaultAction,
       _f = _a.reversed,
-      reversed = _f === void 0 ? false : _f,
+      reversed = _f === undefined ? false : _f,
       overflowMenuItems = _a.overflowMenuItems,
       _g = _a.showOverflowMenu,
-      showOverflowMenu = _g === void 0 ? false : _g;
+      showOverflowMenu = _g === undefined ? false : _g;
     var items;
     if (primaryAction && isMenuGroupNotButton(primaryAction)) {
       var menuContent = primaryAction.menuItems.map(function (item, idx) {
@@ -30,14 +30,14 @@ const MainActions = /*#__PURE__*/function () {
       });
       items = __spreadArray(__spreadArray([], defaultAction ? [{
         key: 'defaultAction',
-        node: ( /*#__PURE__*/React.createElement(Button, __assign({}, defaultAction, {
-          reversed: (_b = defaultAction.reversed) !== null && _b !== void 0 ? _b : reversed,
+        node: (/*#__PURE__*/React.createElement(Button, __assign({}, defaultAction, {
+          reversed: (_b = defaultAction.reversed) !== null && _b !== undefined ? _b : reversed,
           "data-automation-id": "title-block-default-action-button",
           "data-testid": "title-block-default-action-button"
         })))
       }] : [], true), primaryAction ? [{
         key: 'primaryAction',
-        node: ( /*#__PURE__*/React.createElement(Menu, {
+        node: (/*#__PURE__*/React.createElement(Menu, {
           align: "right",
           button: /*#__PURE__*/React.createElement(Button, {
             label: primaryAction.label,
@@ -59,16 +59,16 @@ const MainActions = /*#__PURE__*/function () {
     } else {
       items = __spreadArray(__spreadArray([], defaultAction ? [{
         key: 'defaultAction',
-        node: ( /*#__PURE__*/React.createElement(Button, __assign({}, defaultAction, {
-          reversed: (_c = defaultAction.reversed) !== null && _c !== void 0 ? _c : reversed,
+        node: (/*#__PURE__*/React.createElement(Button, __assign({}, defaultAction, {
+          reversed: (_c = defaultAction.reversed) !== null && _c !== undefined ? _c : reversed,
           "data-automation-id": "title-block-default-action-button",
           "data-testid": "title-block-default-action-button"
         })))
       }] : [], true), primaryAction ? [{
         key: 'primaryAction',
-        node: ( /*#__PURE__*/React.createElement(Button, __assign({}, primaryAction, {
-          primary: (_d = primaryAction.primary) !== null && _d !== void 0 ? _d : true,
-          reversed: (_e = primaryAction.reversed) !== null && _e !== void 0 ? _e : reversed,
+        node: (/*#__PURE__*/React.createElement(Button, __assign({}, primaryAction, {
+          primary: (_d = primaryAction.primary) !== null && _d !== undefined ? _d : true,
+          reversed: (_e = primaryAction.reversed) !== null && _e !== undefined ? _e : reversed,
           "data-automation-id": "title-block-primary-action-button",
           "data-testid": "title-block-primary-action-button",
           badge: primaryAction.badge ? __assign(__assign({}, primaryAction.badge), {
@@ -80,7 +80,7 @@ const MainActions = /*#__PURE__*/function () {
     if (overflowMenuItems && showOverflowMenu && overflowMenuItems.length > 0) {
       items = __spreadArray([{
         key: 'overflowMenu',
-        node: ( /*#__PURE__*/React.createElement(Menu, {
+        node: (/*#__PURE__*/React.createElement(Menu, {
           align: "right",
           button: /*#__PURE__*/React.createElement(IconButton, {
             id: TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID,

package/dist/esm/TitleBlockZen/subcomponents/MobileActions.mjs

@@ -94,8 +94,8 @@ var DrawerMenuContent = function (_a) {
     defaultAction = _a.defaultAction,
     secondaryActions = _a.secondaryActions,
     secondaryOverflowMenuItems = _a.secondaryOverflowMenuItems;
-  var showOtherActionsHeading = (_c = (_b = defaultAction && defaultActionIsButton(defaultAction)) !== null && _b !== void 0 ? _b : secondaryActions) !== null && _c !== void 0 ? _c : secondaryOverflowMenuItems;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MenuList, null, primaryAction && renderPrimaryActionDrawerContent(primaryAction, 'link'), defaultAction && renderDefaultLink(defaultAction), primaryAction && renderPrimaryActionDrawerContent(primaryAction, 'action')), ((_d = defaultAction !== null && defaultAction !== void 0 ? defaultAction : secondaryActions) !== null && _d !== void 0 ? _d : secondaryOverflowMenuItems) && ( /*#__PURE__*/React.createElement(MenuList, {
+  var showOtherActionsHeading = (_c = (_b = defaultAction && defaultActionIsButton(defaultAction)) !== null && _b !== undefined ? _b : secondaryActions) !== null && _c !== undefined ? _c : secondaryOverflowMenuItems;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MenuList, null, primaryAction && renderPrimaryActionDrawerContent(primaryAction, 'link'), defaultAction && renderDefaultLink(defaultAction), primaryAction && renderPrimaryActionDrawerContent(primaryAction, 'action')), ((_d = defaultAction !== null && defaultAction !== undefined ? defaultAction : secondaryActions) !== null && _d !== undefined ? _d : secondaryOverflowMenuItems) && (/*#__PURE__*/React.createElement(MenuList, {
     heading: showOtherActionsHeading ? /*#__PURE__*/React.createElement(MenuHeading, null, "Other actions") : undefined
   }, defaultAction && renderDefaultAction(defaultAction), secondaryActions && renderSecondaryActions(secondaryActions), secondaryOverflowMenuItems && renderSecondaryOverflowMenuItems(secondaryOverflowMenuItems))));
 };
@@ -175,7 +175,7 @@ var DrawerHandle = function (_a) {
     drawerHandleLabelIconPosition = _a.drawerHandleLabelIconPosition,
     toggleDisplay = _a.toggleDisplay,
     isOpen = _a.isOpen;
-  var showDrawer = (_b = defaultAction !== null && defaultAction !== void 0 ? defaultAction : secondaryActions) !== null && _b !== void 0 ? _b : secondaryOverflowMenuItems;
+  var showDrawer = (_b = defaultAction !== null && defaultAction !== undefined ? defaultAction : secondaryActions) !== null && _b !== undefined ? _b : secondaryOverflowMenuItems;
   if (primaryAction) {
     // If the primary action is a menu
     if (isMenuGroupNotButton(primaryAction)) {
@@ -198,11 +198,11 @@ var DrawerHandle = function (_a) {
     return /*#__PURE__*/React.createElement("div", {
       className: classnames(styles.mobileActionsTopRow, !showDrawer && styles.mobileActionsTopRowSingleButton),
       "data-testid": "title-block-mobile-actions-drawer-handle"
-    }, 'component' in primaryAction ? ( /*#__PURE__*/React.createElement(primaryAction.component, __assign({
+    }, 'component' in primaryAction ? (/*#__PURE__*/React.createElement(primaryAction.component, __assign({
       className: classnames(styles.mobileActionsPrimaryLabel, styles.mobileActionsPrimaryButton)
-    }, primaryAction), primaryAction.label && renderDrawerHandleLabel(primaryAction.label, primaryAction.icon, drawerHandleLabelIconPosition))) : ( /*#__PURE__*/React.createElement(ButtonOrLink, {
+    }, primaryAction), primaryAction.label && renderDrawerHandleLabel(primaryAction.label, primaryAction.icon, drawerHandleLabelIconPosition))) : (/*#__PURE__*/React.createElement(ButtonOrLink, {
       action: getAction(primaryAction)
-    }, renderDrawerHandleLabel(primaryAction.label, primaryAction.icon, drawerHandleLabelIconPosition))), showDrawer && ( /*#__PURE__*/React.createElement("button", {
+    }, renderDrawerHandleLabel(primaryAction.label, primaryAction.icon, drawerHandleLabelIconPosition))), showDrawer && (/*#__PURE__*/React.createElement("button", {
       type: "button",
       className: styles.mobileActionsExpandButton,
       onClick: toggleDisplay,
@@ -243,7 +243,7 @@ const MobileActions = /*#__PURE__*/function () {
       secondaryOverflowMenuItems = _a.secondaryOverflowMenuItems,
       drawerHandleLabelIconPosition = _a.drawerHandleLabelIconPosition,
       _d = _a.autoHide,
-      autoHide = _d === void 0 ? false : _d;
+      autoHide = _d === undefined ? false : _d;
     var _e = useState(false),
       isOpen = _e[0],
       setIsOpen = _e[1];
@@ -254,7 +254,7 @@ const MobileActions = /*#__PURE__*/function () {
     // This callback handler will not run when autoHide === "off"
     var handleDocumentClickForAutoHide = useCallback(function (e) {
       var _a;
-      if (isOpen && e.target instanceof Node && ((_a = menuContent.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
+      if (isOpen && e.target instanceof Node && ((_a = menuContent.current) === null || _a === undefined ? undefined : _a.contains(e.target))) {
         setIsOpen(false);
       }
     },
@@ -284,7 +284,7 @@ const MobileActions = /*#__PURE__*/function () {
       drawerHandleLabelIconPosition: drawerHandleLabelIconPosition,
       toggleDisplay: toggleDisplay,
       isOpen: isOpen
-    }), ((_c = (_b = defaultAction !== null && defaultAction !== void 0 ? defaultAction : secondaryActions) !== null && _b !== void 0 ? _b : secondaryOverflowMenuItems) !== null && _c !== void 0 ? _c : primaryAction && isMenuGroupNotButton(primaryAction)) && ( /*#__PURE__*/React.createElement("div", {
+    }), ((_c = (_b = defaultAction !== null && defaultAction !== undefined ? defaultAction : secondaryActions) !== null && _b !== undefined ? _b : secondaryOverflowMenuItems) !== null && _c !== undefined ? _c : primaryAction && isMenuGroupNotButton(primaryAction)) && (/*#__PURE__*/React.createElement("div", {
       ref: menuContent,
       className: styles.mobileActionsMenuContainer
     }, /*#__PURE__*/React.createElement(DrawerMenuContent, {

package/dist/esm/TitleBlockZen/subcomponents/SecondaryActions.mjs

@@ -35,14 +35,14 @@ const SecondaryActions = /*#__PURE__*/function () {
     var secondaryActions = _a.secondaryActions,
       secondaryOverflowMenuItems = _a.secondaryOverflowMenuItems,
       _b = _a.reversed,
-      reversed = _b === void 0 ? false : _b;
+      reversed = _b === undefined ? false : _b;
     if (!secondaryActions && !secondaryOverflowMenuItems) return null;
     var secondaryActionsAsToolbarItems = secondaryActions ? secondaryActions.map(function (action, i) {
       if ('menuItems' in action) {
         return {
           key: "".concat(i),
           // We shouldn't use an index here, see note above
-          node: ( /*#__PURE__*/React.createElement(Menu, {
+          node: (/*#__PURE__*/React.createElement(Menu, {
             align: "right",
             button: /*#__PURE__*/React.createElement(Button, {
               secondary: true,
@@ -68,7 +68,7 @@ const SecondaryActions = /*#__PURE__*/function () {
         return {
           key: "".concat(i),
           // We shouldn't use an index here, see note above
-          node: ( /*#__PURE__*/React.createElement(Button, __assign({
+          node: (/*#__PURE__*/React.createElement(Button, __assign({
             secondary: true,
             reversed: reversed
           }, action, {

package/dist/esm/TitleBlockZen/subcomponents/Toolbar.mjs

@@ -9,7 +9,7 @@ const Toolbar = /*#__PURE__*/function () {
   const Toolbar = function (_a) {
     var items = _a.items,
       _b = _a.noGap,
-      noGap = _b === void 0 ? false : _b,
+      noGap = _b === undefined ? false : _b,
       automationId = _a.automationId;
     if (!items || items && items.length === 0) {
       return /*#__PURE__*/React.createElement(React.Fragment, null);

package/dist/esm/TitleBlockZen/utils.mjs

@@ -42,7 +42,7 @@ var createTabletOverflowMenuItems = function (secondaryActions, secondaryOverflo
   } else {
     secondaryActionsList = [];
   }
-  var flatSecondaryOverflowItemsList = secondaryOverflowMenuItems !== null && secondaryOverflowMenuItems !== void 0 ? secondaryOverflowMenuItems : [];
+  var flatSecondaryOverflowItemsList = secondaryOverflowMenuItems !== null && secondaryOverflowMenuItems !== undefined ? secondaryOverflowMenuItems : [];
   return secondaryActionsList.concat(flatSecondaryOverflowItemsList);
 };
 export { NON_REVERSED_VARIANTS, convertSecondaryActionsToMenuItems, createTabletOverflowMenuItems, isMenuGroupNotButton, isReversed };

package/dist/esm/ToggleSwitch/ToggleSwitchField/ToggleSwitchField.mjs

@@ -15,7 +15,7 @@ const ToggleSwitchField = /*#__PURE__*/function () {
     var propsId = _a.id,
       labelText = _a.labelText,
       _b = _a.labelPosition,
-      labelPosition = _b === void 0 ? 'start' : _b,
+      labelPosition = _b === undefined ? 'start' : _b,
       toggledStatus = _a.toggledStatus,
       disabled = _a.disabled,
       reversed = _a.reversed,
@@ -23,7 +23,7 @@ const ToggleSwitchField = /*#__PURE__*/function () {
       fullWidth = _a.fullWidth,
       restProps = __rest(_a, ["id", "labelText", "labelPosition", "toggledStatus", "disabled", "reversed", "inline", "fullWidth"]);
     var fallbackId = useId();
-    var id = propsId !== null && propsId !== void 0 ? propsId : fallbackId;
+    var id = propsId !== null && propsId !== undefined ? propsId : fallbackId;
     return /*#__PURE__*/React.createElement(FieldGroup, {
       id: "".concat(id, "-field-group"),
       inline: inline,

package/dist/esm/Tooltip/Tooltip.mjs

@@ -16,7 +16,7 @@ var TooltipContent = function (_a) {
     referenceElement = _a.referenceElement,
     tooltipId = _a.tooltipId,
     _b = _a.mood,
-    mood = _b === void 0 ? 'default' : _b;
+    mood = _b === undefined ? 'default' : _b;
   var _c = useState(null),
     popperElement = _c[0],
     setPopperElement = _c[1];
@@ -63,7 +63,7 @@ var TooltipContent = function (_a) {
     isVisible = _f.isVisible,
     isAnimIn = _f.isAnimIn,
     isAnimOut = _f.isAnimOut;
-  return isVisible || isAnimOut || isAnimIn ? ( /*#__PURE__*/React.createElement("div", __assign({
+  return isVisible || isAnimOut || isAnimIn ? (/*#__PURE__*/React.createElement("div", __assign({
     ref: setPopperElement,
     className: styles.tooltip,
     style: popperStyles.popper
@@ -100,16 +100,16 @@ const Tooltip = /*#__PURE__*/function () {
     var children = _a.children,
       text = _a.text,
       _b = _a.display,
-      display = _b === void 0 ? 'block' : _b,
+      display = _b === undefined ? 'block' : _b,
       _c = _a.position,
-      position = _c === void 0 ? 'above' : _c,
+      position = _c === undefined ? 'above' : _c,
       classNameOverride = _a.classNameOverride,
       portalSelector = _a.portalSelector,
       animationDuration = _a.animationDuration,
       _d = _a.isInitiallyVisible,
-      isInitiallyVisible = _d === void 0 ? false : _d,
+      isInitiallyVisible = _d === undefined ? false : _d,
       _e = _a.mood,
-      mood = _e === void 0 ? 'default' : _e;
+      mood = _e === undefined ? 'default' : _e;
     var _f = useState(isInitiallyVisible),
       isHover = _f[0],
       setIsHover = _f[1];

package/dist/esm/Tooltip/subcomponents/AppearanceAnim.mjs

@@ -15,7 +15,7 @@ var AnimationContext = /*#__PURE__*/React.createContext({
 var AnimationProvider = function (_a) {
   var isVisible = _a.isVisible,
     _b = _a.animationDuration,
-    animationDuration = _b === void 0 ? ANIM_DURATION_MS : _b,
+    animationDuration = _b === undefined ? ANIM_DURATION_MS : _b,
     otherProps = __rest(_a, ["isVisible", "animationDuration"]);
   var _c = useState(false),
     isAnimIn = _c[0],

package/dist/esm/Tooltip/utils/isSemanticElement.mjs

@@ -4,7 +4,7 @@ import React from 'react';
 var allowedDisplayNames = ['Button', 'IconButton', 'FilterButtonBase'];
 function extractDisplayName(type) {
   var _a, _b;
-  return (_b = (_a = type.displayName) !== null && _a !== void 0 ? _a : type.name) !== null && _b !== void 0 ? _b : 'Unknown';
+  return (_b = (_a = type.displayName) !== null && _a !== undefined ? _a : type.name) !== null && _b !== undefined ? _b : 'Unknown';
 }
 /**
  *  Validates implicit or explicitly semantic roles required to make `aria-describedby` announce predictably with screen readers

package/dist/esm/Well/Well.mjs

@@ -12,11 +12,11 @@ const Well = /*#__PURE__*/function () {
     var children = _a.children,
       variant = _a.variant,
       _b = _a.color,
-      color = _b === void 0 ? 'white' : _b,
+      color = _b === undefined ? 'white' : _b,
       _c = _a.borderStyle,
-      borderStyle = _c === void 0 ? 'solid' : _c,
+      borderStyle = _c === undefined ? 'solid' : _c,
       _d = _a.noMargin,
-      noMargin = _d === void 0 ? false : _d,
+      noMargin = _d === undefined ? false : _d,
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ["children", "variant", "color", "borderStyle", "noMargin", "classNameOverride"]);
     return /*#__PURE__*/React.createElement("div", __assign({

package/dist/esm/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.mjs

@@ -7,7 +7,7 @@ import styles from './FooterActions.module.css.mjs';
 const FooterAction = /*#__PURE__*/function () {
   const FooterAction = function (_a) {
     var _b = _a.actionType,
-      actionType = _b === void 0 ? 'Previous' : _b,
+      actionType = _b === undefined ? 'Previous' : _b,
       action = _a.action,
       restProps = __rest(_a, ["actionType", "action"]);
     return /*#__PURE__*/React.createElement("div", __assign({

package/dist/esm/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.mjs

@@ -40,7 +40,7 @@ const ProgressStepper = /*#__PURE__*/function () {
     var currentStepId = _a.currentStepId,
       steps = _a.steps,
       _b = _a.isComplete,
-      isComplete = _b === void 0 ? false : _b,
+      isComplete = _b === undefined ? false : _b,
       restprops = __rest(_a, ["currentStepId", "steps", "isComplete"]);
     var currentStepIndex = steps.findIndex(function (stepItem) {
       return stepItem.id === currentStepId;
@@ -71,7 +71,7 @@ const ProgressStepper = /*#__PURE__*/function () {
         className: styles.stepIndicator
       }, /*#__PURE__*/React.createElement("span", {
         className: classnames(styles.stepIcon, (_b = {}, _b[styles.isCompleted] = isCompletedStep, _b))
-      }, icon)), index < steps.length - 1 && ( /*#__PURE__*/React.createElement("div", {
+      }, icon)), index < steps.length - 1 && (/*#__PURE__*/React.createElement("div", {
         className: classnames([styles.stepDivider, isCompletedStep && styles.completedStep])
       }))));
     })), /*#__PURE__*/React.createElement("span", {

package/dist/esm/Workflow/subcomponents/Header/components/Actions/Actions.mjs

@@ -9,7 +9,7 @@ const Actions = /*#__PURE__*/function () {
       restProps = __rest(_a, ["headerActions"]);
     return /*#__PURE__*/React.createElement("div", __assign({
       className: styles.actions
-    }, restProps), headerActions === null || headerActions === void 0 ? void 0 : headerActions.map(function (action, index) {
+    }, restProps), headerActions === null || headerActions === undefined ? undefined : headerActions.map(function (action, index) {
       return /*#__PURE__*/React.createElement(action.type, __assign({
         key: "header-actions ".concat(index)
       }, action.props));

package/dist/esm/Workflow/subcomponents/Header/components/Branding/Branding.mjs

@@ -4,7 +4,7 @@ import styles from './Branding.module.css.mjs';
 const Branding = /*#__PURE__*/function () {
   const Branding = function (_a) {
     var _b = _a.variant,
-      variant = _b === void 0 ? 'logo-horizontal' : _b,
+      variant = _b === undefined ? 'logo-horizontal' : _b,
       alt = _a.alt;
     return /*#__PURE__*/React.createElement("div", {
       className: styles.branding

package/dist/esm/__rc__/Button/Button.mjs

@@ -9,26 +9,26 @@ import { useReversedColors } from '../../__utilities__/ReversedColors/v3/Reverse
 const Button = /*#__PURE__*/function () {
   const Button = /*#__PURE__*/forwardRef(function (_a, ref) {
     var _b = _a.variant,
-      variant = _b === void 0 ? 'primary' : _b,
+      variant = _b === undefined ? 'primary' : _b,
       _c = _a.size,
-      size = _c === void 0 ? 'medium' : _c,
+      size = _c === undefined ? 'medium' : _c,
       className = _a.className,
       children = _a.children,
       isDisabled = _a.isDisabled,
       _d = _a.isFullWidth,
-      isFullWidth = _d === void 0 ? false : _d,
+      isFullWidth = _d === undefined ? false : _d,
       icon = _a.icon,
       iconPosition = _a.iconPosition,
       _e = _a.hasHiddenLabel,
-      hasHiddenLabel = _e === void 0 ? false : _e,
+      hasHiddenLabel = _e === undefined ? false : _e,
       isPending = _a.isPending,
       _f = _a.hasHiddenPendingLabel,
-      propsHasHiddenPendingLabel = _f === void 0 ? false : _f,
+      propsHasHiddenPendingLabel = _f === undefined ? false : _f,
       pendingLabel = _a.pendingLabel,
       isReversed = _a.isReversed,
       restProps = __rest(_a, ["variant", "size", "className", "children", "isDisabled", "isFullWidth", "icon", "iconPosition", "hasHiddenLabel", "isPending", "hasHiddenPendingLabel", "pendingLabel", "isReversed"]);
     var shouldUseReverse = useReversedColors();
-    var isReversedVariant = isReversed !== null && isReversed !== void 0 ? isReversed : shouldUseReverse;
+    var isReversedVariant = isReversed !== null && isReversed !== undefined ? isReversed : shouldUseReverse;
     var pendingProps = isPending ? {
       isPending: isPending,
       hasHiddenPendingLabel: hasHiddenLabel || propsHasHiddenPendingLabel,

package/dist/esm/__rc__/Button/subcomponents/ButtonContent/ButtonContent.mjs

@@ -9,17 +9,17 @@ var ButtonContent = function (_a) {
   var children = _a.children,
     hasHiddenLabel = _a.hasHiddenLabel,
     _b = _a.size,
-    size = _b === void 0 ? 'medium' : _b,
+    size = _b === undefined ? 'medium' : _b,
     icon = _a.icon,
     _c = _a.iconPosition,
-    iconPosition = _c === void 0 ? 'start' : _c,
+    iconPosition = _c === undefined ? 'start' : _c,
     className = _a.className,
     restProps = __rest(_a, ["children", "hasHiddenLabel", "size", "icon", "iconPosition", "className"]);
   return /*#__PURE__*/React.createElement("span", __assign({
     className: classnames(className, styles.buttonContent, styles[size])
   }, restProps), icon && iconPosition === 'start' && /*#__PURE__*/React.createElement("span", {
     className: styles.buttonIcon
-  }, icon), hasHiddenLabel ? ( /*#__PURE__*/React.createElement(VisuallyHidden, null, children)) : ( /*#__PURE__*/React.createElement("span", {
+  }, icon), hasHiddenLabel ? (/*#__PURE__*/React.createElement(VisuallyHidden, null, children)) : (/*#__PURE__*/React.createElement("span", {
     className: styles.buttonLabel
   }, children)), icon && iconPosition === 'end' && /*#__PURE__*/React.createElement("span", {
     className: styles.buttonIcon

package/dist/esm/__rc__/Button/subcomponents/PendingContent/PendingContent.mjs

@@ -12,12 +12,12 @@ import styles from './PendingContent.module.css.mjs';
 var PendingContent = function (_a) {
   var pendingLabel = _a.pendingLabel,
     _b = _a.hasHiddenPendingLabel,
-    hasHiddenPendingLabel = _b === void 0 ? false : _b,
+    hasHiddenPendingLabel = _b === undefined ? false : _b,
     _c = _a.size,
-    size = _c === void 0 ? 'medium' : _c;
+    size = _c === undefined ? 'medium' : _c;
   return /*#__PURE__*/React.createElement("span", {
     className: classnames(styles.pendingContent, styles[size])
-  }, hasHiddenPendingLabel ? ( /*#__PURE__*/React.createElement(VisuallyHidden, null, pendingLabel)) : ( /*#__PURE__*/React.createElement("span", null, pendingLabel)), /*#__PURE__*/React.createElement(LoadingSpinner, {
+  }, hasHiddenPendingLabel ? (/*#__PURE__*/React.createElement(VisuallyHidden, null, pendingLabel)) : (/*#__PURE__*/React.createElement("span", null, pendingLabel)), /*#__PURE__*/React.createElement(LoadingSpinner, {
     size: size === 'small' ? 'xs' : 'sm',
     accessibilityLabel: "",
     classNameOverride: hasHiddenPendingLabel ? styles.centerSpinner : undefined