@kaizen/components 1.42.1 → 1.42.3

package/dist/cjs/TitleBlockZen/TitleBlockZen.cjs

@@ -19,6 +19,13 @@ var MobileActions = require('./subcomponents/MobileActions.cjs');
 var SecondaryActions = require('./subcomponents/SecondaryActions.cjs');
 var utils = require('./utils.cjs');
 var TitleBlockZen_module = require('./TitleBlockZen.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 renderTag = function (surveyStatus) {
   var tagVariant;
   if (tagVariant === "profile") {
@@ -48,11 +55,11 @@ var renderTag = function (surveyStatus) {
   if (surveyStatus.status === "default") {
     tagVariant = "default";
   }
-  return React.createElement("div", {
+  return React__default.default.createElement("div", {
     "data-automation-id": "survey-status-tag",
     "data-testid": "survey-status-tag",
     className: TitleBlockZen_module.tag
-  }, React.createElement(Tag.Tag, {
+  }, React__default.default.createElement(Tag.Tag, {
     variant: tagVariant,
     size: "small"
   }, surveyStatus.text));
@@ -61,40 +68,40 @@ var isJSXElement = function (imageElementOrAvatarProps) {
   return "props" in imageElementOrAvatarProps;
 };
 var renderAvatar = function (imageElementOrAvatarProps, avatarAutomationId) {
-  return isJSXElement(imageElementOrAvatarProps) ? React.createElement("div", {
+  return isJSXElement(imageElementOrAvatarProps) ? React__default.default.createElement("div", {
     "data-automation-id": avatarAutomationId,
     "data-testid": avatarAutomationId,
-    className: classnames(TitleBlockZen_module.avatar, TitleBlockZen_module.withBorder)
-  }, imageElementOrAvatarProps) : React.createElement("div", {
+    className: classnames__default.default(TitleBlockZen_module.avatar, TitleBlockZen_module.withBorder)
+  }, imageElementOrAvatarProps) : React__default.default.createElement("div", {
     "data-automation-id": avatarAutomationId,
     "data-testid": avatarAutomationId,
     className: TitleBlockZen_module.avatar
-  }, React.createElement(Avatar.Avatar, tslib.__assign({}, imageElementOrAvatarProps, {
+  }, React__default.default.createElement(Avatar.Avatar, tslib.__assign({}, imageElementOrAvatarProps, {
     size: "medium"
   })));
 };
 var renderSubtitle = function (subtitle, subtitleAutomationId) {
-  return React.createElement("div", {
+  return React__default.default.createElement("div", {
     className: TitleBlockZen_module.subtitle
-  }, React.createElement("span", {
+  }, React__default.default.createElement("span", {
     "data-automation-id": subtitleAutomationId,
     "data-testid": subtitleAutomationId,
     className: TitleBlockZen_module.subtitleText
   }, subtitle));
 };
 var defaultRenderSectionTitle = function (sectionTitle, sectionTitleDescription, variant, sectionTitleAutomationId, sectionTitleDescriptionAutomationId) {
-  return React.createElement(React.Fragment, null, sectionTitle && React.createElement("div", {
+  return React__default.default.createElement(React__default.default.Fragment, null, sectionTitle && React__default.default.createElement("div", {
     className: TitleBlockZen_module.sectionTitle
-  }, React.createElement(Heading.Heading, {
+  }, React__default.default.createElement(Heading.Heading, {
     variant: "heading-2",
     color: utils.isReversed(variant) ? "white" : "dark",
     classNameOverride: TitleBlockZen_module.sectionTitleOverride,
     "data-automation-id": sectionTitleAutomationId,
     "data-testid": sectionTitleAutomationId
-  }, sectionTitle)), sectionTitleDescription && React.createElement("div", {
+  }, sectionTitle)), sectionTitleDescription && React__default.default.createElement("div", {
     "data-automation-id": sectionTitleDescriptionAutomationId,
     "data-testid": sectionTitleDescriptionAutomationId,
-    className: classnames(TitleBlockZen_module.sectionTitleDescription, !utils.isReversed(variant) && TitleBlockZen_module.dark)
+    className: classnames__default.default(TitleBlockZen_module.sectionTitleDescription, !utils.isReversed(variant) && TitleBlockZen_module.dark)
   }, sectionTitleDescription));
 };
 var Breadcrumb = function (_a) {
@@ -106,61 +113,61 @@ var Breadcrumb = function (_a) {
     handleClick = breadcrumb.handleClick,
     text = breadcrumb.text,
     render = breadcrumb.render;
-  var icon = textDirection === "rtl" ? React.createElement(ArrowRightIcon.ArrowRightIcon, {
+  var icon = textDirection === "rtl" ? React__default.default.createElement(ArrowRightIcon.ArrowRightIcon, {
     role: "presentation"
-  }) : React.createElement(ArrowLeftIcon.ArrowLeftIcon, {
+  }) : React__default.default.createElement(ArrowLeftIcon.ArrowLeftIcon, {
     role: "presentation"
   });
   var InnerContents = function () {
-    return React.createElement(React.Fragment, null, React.createElement("div", {
+    return React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement("div", {
       className: TitleBlockZen_module.circle
-    }, icon), React.createElement("span", {
+    }, icon), React__default.default.createElement("span", {
       className: TitleBlockZen_module.breadcrumbTextLink,
       "data-automation-id": textAutomationId,
       "data-testid": textAutomationId
-    }, React.createElement("span", {
+    }, React__default.default.createElement("span", {
       className: TitleBlockZen_module.breadcrumbText
     }, text)));
   };
   if (render) {
     var CustomRender = render;
-    return React.createElement(CustomRender, {
+    return React__default.default.createElement(CustomRender, {
       breadcrumb: breadcrumb,
       className: TitleBlockZen_module.breadcrumb,
       automationId: automationId,
       textAutomationId: textAutomationId,
       textDirection: textDirection
-    }, React.createElement(InnerContents, null));
+    }, React__default.default.createElement(InnerContents, null));
   }
   var TagName = path ? "a" : "button";
-  return React.createElement(TagName, tslib.__assign({}, path && {
+  return React__default.default.createElement(TagName, tslib.__assign({}, path && {
     href: path
   }, {
     className: TitleBlockZen_module.breadcrumb,
     "data-automation-id": automationId,
     "data-testid": automationId,
     onClick: handleClick
-  }), React.createElement(InnerContents, null));
+  }), React__default.default.createElement(InnerContents, null));
 };
 // We want to accept undefined here because the NavigationTabs container is
 // important for the flex-based layout (it pushes Secondary Actions over to the right)
 var renderNavigationTabs = function (navigationTabs, collapse, ariaLabel) {
-  return React.createElement("div", {
+  return React__default.default.createElement("div", {
     className: TitleBlockZen_module.navigationTabScrollerContainer
-  }, React.createElement("div", {
-    className: classnames(TitleBlockZen_module.navigationTabsContainer, collapse && TitleBlockZen_module.navigationTabsContainerCollapsed)
-  }, !collapse && navigationTabs !== undefined && React.createElement(React.Fragment, null, React.createElement("span", {
+  }, React__default.default.createElement("div", {
+    className: classnames__default.default(TitleBlockZen_module.navigationTabsContainer, collapse && TitleBlockZen_module.navigationTabsContainerCollapsed)
+  }, !collapse && navigationTabs !== undefined && React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement("span", {
     className: TitleBlockZen_module.navigationTabEdgeShadowLeft
-  }), React.createElement("nav", {
+  }), React__default.default.createElement("nav", {
     className: TitleBlockZen_module.navigationTabsNav,
     "aria-label": ariaLabel
-  }, React.createElement("ul", {
+  }, React__default.default.createElement("ul", {
     className: TitleBlockZen_module.navigationTabsList
   }, navigationTabs.map(function (navigationTab, index) {
-    return React.createElement("li", {
+    return React__default.default.createElement("li", {
       key: index
     }, navigationTab);
-  }))), React.createElement("span", {
+  }))), React__default.default.createElement("span", {
     className: TitleBlockZen_module.navigationTabEdgeShadowRight
   }))));
 };
@@ -168,136 +175,132 @@ var renderNavigationTabs = function (navigationTabs, collapse, ariaLabel) {
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3075605782/Title+Block Guidance} |
  * {@link https://cultureamp.design/?path=/story/components-titleblock--docs Storybook}
  */
-const TitleBlockZen = /*#__PURE__*/function () {
-  const TitleBlockZen = function (_a) {
-    var title = _a.title,
-      variant = _a.variant,
-      breadcrumb = _a.breadcrumb,
-      avatar = _a.avatar,
-      subtitle = _a.subtitle,
-      sectionTitle = _a.sectionTitle,
-      sectionTitleDescription = _a.sectionTitleDescription,
-      renderSectionTitle = _a.renderSectionTitle,
-      pageSwitcherSelect = _a.pageSwitcherSelect,
-      handleHamburgerClick = _a.handleHamburgerClick,
-      primaryAction = _a.primaryAction,
-      defaultAction = _a.defaultAction,
-      secondaryActions = _a.secondaryActions,
-      secondaryOverflowMenuItems = _a.secondaryOverflowMenuItems,
-      navigationTabs = _a.navigationTabs,
-      _b = _a.collapseNavigationAreaWhenPossible,
-      collapseNavigationAreaWhenPossible = _b === void 0 ? false : _b,
-      textDirection = _a.textDirection,
-      surveyStatus = _a.surveyStatus,
-      id = _a.id,
-      _c = _a.titleAutomationId,
-      titleAutomationId = _c === void 0 ? "TitleBlock__Title" : _c,
-      _d = _a.avatarAutomationId,
-      avatarAutomationId = _d === void 0 ? "TitleBlock__Avatar" : _d,
-      _e = _a.subtitleAutomationId,
-      subtitleAutomationId = _e === void 0 ? "TitleBlock__Subtitle" : _e,
-      _f = _a.sectionTitleAutomationId,
-      sectionTitleAutomationId = _f === void 0 ? "TitleBlock__SectionTitle" : _f,
-      _g = _a.sectionTitleDescriptionAutomationId,
-      sectionTitleDescriptionAutomationId = _g === void 0 ? "TitleBlock__SectionTitleDescription" : _g,
-      _h = _a.breadcrumbAutomationId,
-      breadcrumbAutomationId = _h === void 0 ? "TitleBlock__Breadcrumb" : _h,
-      _j = _a.breadcrumbTextAutomationId,
-      breadcrumbTextAutomationId = _j === void 0 ? "TitleBlock__BreadcrumbText" : _j,
-      _k = _a.autoHideMobileActionsMenu,
-      autoHideMobileActionsMenu = _k === void 0 ? false : _k;
-    var hasNavigationTabs = navigationTabs && navigationTabs.length > 0;
-    var collapseNavigationArea = collapseNavigationAreaWhenPossible && !hasNavigationTabs && secondaryActions === undefined;
-    var _l = useMediaQueries.useMediaQueries().queries,
-      isSmall = _l.isSmall,
-      isMedium = _l.isMedium;
-    var isSmallOrMediumViewport = isMedium || isSmall;
-    return React.createElement(React.Fragment, null, React.createElement("div", {
-      id: id,
-      className: classnames(TitleBlockZen_module.titleBlock, TitleBlockZen_module["".concat(variant, "Variant")], Boolean(subtitle) && TitleBlockZen_module.hasSubtitle, Boolean(pageSwitcherSelect) && TitleBlockZen_module.hasPageSwitcherSelect, collapseNavigationArea && !(sectionTitle || sectionTitleDescription || renderSectionTitle) && TitleBlockZen_module.collapseNavigationArea, title && title.length >= 30 && TitleBlockZen_module.hasLongTitle, subtitle && typeof subtitle === "string" && subtitle.length >= 18 && TitleBlockZen_module.hasLongSubtitle, hasNavigationTabs && TitleBlockZen_module.hasNavigationTabs)
-    }, React.createElement("div", {
-      className: TitleBlockZen_module.titleRow
-    }, React.createElement("div", {
-      className: TitleBlockZen_module.titleRowInner
-    }, React.createElement("div", {
-      className: TitleBlockZen_module.titleRowInnerContent
-    }, React.createElement("div", {
-      className: TitleBlockZen_module.titleAndAdjacent
-    }, breadcrumb && React.createElement(Breadcrumb, {
-      breadcrumb: breadcrumb,
-      automationId: breadcrumbAutomationId,
-      textAutomationId: breadcrumbTextAutomationId,
-      textDirection: textDirection
-    }), React.createElement("div", {
-      className: TitleBlockZen_module.titleAndAdjacentNotBreadcrumb
-    }, React.createElement(React.Fragment, null, handleHamburgerClick && React.createElement("div", {
-      className: TitleBlockZen_module.hamburger
-    }, React.createElement(IconButton.IconButton, {
-      onClick: handleHamburgerClick,
-      icon: React.createElement(HamburgerIcon.HamburgerIcon, {
-        role: "presentation"
-      }),
-      label: "Open menu",
-      reversed: utils.isReversed(variant)
-    })), avatar && renderAvatar(avatar, avatarAutomationId), React.createElement("div", {
-      className: TitleBlockZen_module.titleAndSubtitle
-    }, React.createElement("div", {
-      className: TitleBlockZen_module.titleAndSubtitleInner
-    }, React.createElement("div", {
-      className: TitleBlockZen_module.title
-    }, React.createElement(Heading.Heading, {
-      variant: "heading-1",
-      color: utils.isReversed(variant) ? "white" : "dark",
-      classNameOverride: TitleBlockZen_module.titleTextOverride,
-      "data-automation-id": titleAutomationId,
-      "data-testid": titleAutomationId
-    }, title)), isSmallOrMediumViewport && pageSwitcherSelect && React.createElement("div", {
-      className: TitleBlockZen_module.pageSwitcherSelectUnderneathTitle
-    }, React.createElement(Select.Select, tslib.__assign({}, pageSwitcherSelect, {
-      variant: "secondary-small",
-      reversed: true
-    }))), subtitle && renderSubtitle(subtitle, subtitleAutomationId))), surveyStatus && renderTag(surveyStatus), !isSmallOrMediumViewport && pageSwitcherSelect && React.createElement("div", {
-      className: TitleBlockZen_module.pageSwitcherSelectNextToTitle
-    }, React.createElement(Select.Select, tslib.__assign({}, pageSwitcherSelect, {
-      variant: "secondary",
-      reversed: true,
-      fullWidth: true
-    })))))), (primaryAction || defaultAction || secondaryActions || secondaryOverflowMenuItems) && React.createElement(MainActions.MainActions, {
-      primaryAction: primaryAction,
-      defaultAction: defaultAction,
-      reversed: utils.isReversed(variant),
-      overflowMenuItems: utils.createTabletOverflowMenuItems(secondaryActions, secondaryOverflowMenuItems),
-      showOverflowMenu: isSmallOrMediumViewport
-    })))), React.createElement("div", {
-      className: TitleBlockZen_module.rowBelowSeparator
-    }, React.createElement("div", {
-      className: TitleBlockZen_module.rowBelowSeparatorInner
-    }, React.createElement("div", {
-      className: TitleBlockZen_module.rowBelowSeparatorInnerContent
-    }, (sectionTitle || sectionTitleDescription || renderSectionTitle) && React.createElement("div", {
-      className: TitleBlockZen_module.sectionTitleContainer
-    }, React.createElement("div", {
-      className: TitleBlockZen_module.sectionTitleInner
-    }, !!renderSectionTitle ? renderSectionTitle({
-      sectionTitle: sectionTitle,
-      sectionTitleAutomationId: sectionTitleAutomationId,
-      sectionTitleDescription: sectionTitleDescription,
-      sectionTitleDescriptionAutomationId: sectionTitleDescriptionAutomationId
-    }) : defaultRenderSectionTitle(sectionTitle, sectionTitleDescription, variant, sectionTitleAutomationId, sectionTitleDescriptionAutomationId))), renderNavigationTabs(navigationTabs, collapseNavigationArea, title), (secondaryActions || secondaryOverflowMenuItems) && React.createElement(SecondaryActions.SecondaryActions, {
-      secondaryActions: secondaryActions,
-      secondaryOverflowMenuItems: secondaryOverflowMenuItems,
-      reversed: utils.isReversed(variant)
-    })))), React.createElement(MobileActions.MobileActions, {
-      primaryAction: primaryAction,
-      defaultAction: defaultAction,
-      secondaryActions: secondaryActions,
-      secondaryOverflowMenuItems: secondaryOverflowMenuItems,
-      drawerHandleLabelIconPosition: primaryAction && "iconPosition" in primaryAction ? primaryAction.iconPosition : undefined,
-      autoHide: autoHideMobileActionsMenu
-    })));
-  };
-  TitleBlockZen.displayName = "TitleBlockZen";
-  return TitleBlockZen;
-}();
+var TitleBlockZen = function (_a) {
+  var title = _a.title,
+    variant = _a.variant,
+    breadcrumb = _a.breadcrumb,
+    avatar = _a.avatar,
+    subtitle = _a.subtitle,
+    sectionTitle = _a.sectionTitle,
+    sectionTitleDescription = _a.sectionTitleDescription,
+    renderSectionTitle = _a.renderSectionTitle,
+    pageSwitcherSelect = _a.pageSwitcherSelect,
+    handleHamburgerClick = _a.handleHamburgerClick,
+    primaryAction = _a.primaryAction,
+    defaultAction = _a.defaultAction,
+    secondaryActions = _a.secondaryActions,
+    secondaryOverflowMenuItems = _a.secondaryOverflowMenuItems,
+    navigationTabs = _a.navigationTabs,
+    _b = _a.collapseNavigationAreaWhenPossible,
+    collapseNavigationAreaWhenPossible = _b === void 0 ? false : _b,
+    textDirection = _a.textDirection,
+    surveyStatus = _a.surveyStatus,
+    id = _a.id,
+    _c = _a.titleAutomationId,
+    titleAutomationId = _c === void 0 ? "TitleBlock__Title" : _c,
+    _d = _a.avatarAutomationId,
+    avatarAutomationId = _d === void 0 ? "TitleBlock__Avatar" : _d,
+    _e = _a.subtitleAutomationId,
+    subtitleAutomationId = _e === void 0 ? "TitleBlock__Subtitle" : _e,
+    _f = _a.sectionTitleAutomationId,
+    sectionTitleAutomationId = _f === void 0 ? "TitleBlock__SectionTitle" : _f,
+    _g = _a.sectionTitleDescriptionAutomationId,
+    sectionTitleDescriptionAutomationId = _g === void 0 ? "TitleBlock__SectionTitleDescription" : _g,
+    _h = _a.breadcrumbAutomationId,
+    breadcrumbAutomationId = _h === void 0 ? "TitleBlock__Breadcrumb" : _h,
+    _j = _a.breadcrumbTextAutomationId,
+    breadcrumbTextAutomationId = _j === void 0 ? "TitleBlock__BreadcrumbText" : _j,
+    _k = _a.autoHideMobileActionsMenu,
+    autoHideMobileActionsMenu = _k === void 0 ? false : _k;
+  var hasNavigationTabs = navigationTabs && navigationTabs.length > 0;
+  var collapseNavigationArea = collapseNavigationAreaWhenPossible && !hasNavigationTabs && secondaryActions === undefined;
+  var _l = useMediaQueries.useMediaQueries().queries,
+    isSmall = _l.isSmall,
+    isMedium = _l.isMedium;
+  var isSmallOrMediumViewport = isMedium || isSmall;
+  return React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement("div", {
+    id: id,
+    className: classnames__default.default(TitleBlockZen_module.titleBlock, TitleBlockZen_module["".concat(variant, "Variant")], Boolean(subtitle) && TitleBlockZen_module.hasSubtitle, Boolean(pageSwitcherSelect) && TitleBlockZen_module.hasPageSwitcherSelect, collapseNavigationArea && !(sectionTitle || sectionTitleDescription || renderSectionTitle) && TitleBlockZen_module.collapseNavigationArea, title && title.length >= 30 && TitleBlockZen_module.hasLongTitle, subtitle && typeof subtitle === "string" && subtitle.length >= 18 && TitleBlockZen_module.hasLongSubtitle, hasNavigationTabs && TitleBlockZen_module.hasNavigationTabs)
+  }, React__default.default.createElement("div", {
+    className: TitleBlockZen_module.titleRow
+  }, React__default.default.createElement("div", {
+    className: TitleBlockZen_module.titleRowInner
+  }, React__default.default.createElement("div", {
+    className: TitleBlockZen_module.titleRowInnerContent
+  }, React__default.default.createElement("div", {
+    className: TitleBlockZen_module.titleAndAdjacent
+  }, breadcrumb && React__default.default.createElement(Breadcrumb, {
+    breadcrumb: breadcrumb,
+    automationId: breadcrumbAutomationId,
+    textAutomationId: breadcrumbTextAutomationId,
+    textDirection: textDirection
+  }), React__default.default.createElement("div", {
+    className: TitleBlockZen_module.titleAndAdjacentNotBreadcrumb
+  }, React__default.default.createElement(React__default.default.Fragment, null, handleHamburgerClick && React__default.default.createElement("div", {
+    className: TitleBlockZen_module.hamburger
+  }, React__default.default.createElement(IconButton.IconButton, {
+    onClick: handleHamburgerClick,
+    icon: React__default.default.createElement(HamburgerIcon.HamburgerIcon, {
+      role: "presentation"
+    }),
+    label: "Open menu",
+    reversed: utils.isReversed(variant)
+  })), avatar && renderAvatar(avatar, avatarAutomationId), React__default.default.createElement("div", {
+    className: TitleBlockZen_module.titleAndSubtitle
+  }, React__default.default.createElement("div", {
+    className: TitleBlockZen_module.titleAndSubtitleInner
+  }, React__default.default.createElement("div", {
+    className: TitleBlockZen_module.title
+  }, React__default.default.createElement(Heading.Heading, {
+    variant: "heading-1",
+    color: utils.isReversed(variant) ? "white" : "dark",
+    classNameOverride: TitleBlockZen_module.titleTextOverride,
+    "data-automation-id": titleAutomationId,
+    "data-testid": titleAutomationId
+  }, title)), isSmallOrMediumViewport && pageSwitcherSelect && React__default.default.createElement("div", {
+    className: TitleBlockZen_module.pageSwitcherSelectUnderneathTitle
+  }, React__default.default.createElement(Select.Select, tslib.__assign({}, pageSwitcherSelect, {
+    variant: "secondary-small",
+    reversed: true
+  }))), subtitle && renderSubtitle(subtitle, subtitleAutomationId))), surveyStatus && renderTag(surveyStatus), !isSmallOrMediumViewport && pageSwitcherSelect && React__default.default.createElement("div", {
+    className: TitleBlockZen_module.pageSwitcherSelectNextToTitle
+  }, React__default.default.createElement(Select.Select, tslib.__assign({}, pageSwitcherSelect, {
+    variant: "secondary",
+    reversed: true,
+    fullWidth: true
+  })))))), (primaryAction || defaultAction || secondaryActions || secondaryOverflowMenuItems) && React__default.default.createElement(MainActions.MainActions, {
+    primaryAction: primaryAction,
+    defaultAction: defaultAction,
+    reversed: utils.isReversed(variant),
+    overflowMenuItems: utils.createTabletOverflowMenuItems(secondaryActions, secondaryOverflowMenuItems),
+    showOverflowMenu: isSmallOrMediumViewport
+  })))), React__default.default.createElement("div", {
+    className: TitleBlockZen_module.rowBelowSeparator
+  }, React__default.default.createElement("div", {
+    className: TitleBlockZen_module.rowBelowSeparatorInner
+  }, React__default.default.createElement("div", {
+    className: TitleBlockZen_module.rowBelowSeparatorInnerContent
+  }, (sectionTitle || sectionTitleDescription || renderSectionTitle) && React__default.default.createElement("div", {
+    className: TitleBlockZen_module.sectionTitleContainer
+  }, React__default.default.createElement("div", {
+    className: TitleBlockZen_module.sectionTitleInner
+  }, !!renderSectionTitle ? renderSectionTitle({
+    sectionTitle: sectionTitle,
+    sectionTitleAutomationId: sectionTitleAutomationId,
+    sectionTitleDescription: sectionTitleDescription,
+    sectionTitleDescriptionAutomationId: sectionTitleDescriptionAutomationId
+  }) : defaultRenderSectionTitle(sectionTitle, sectionTitleDescription, variant, sectionTitleAutomationId, sectionTitleDescriptionAutomationId))), renderNavigationTabs(navigationTabs, collapseNavigationArea, title), (secondaryActions || secondaryOverflowMenuItems) && React__default.default.createElement(SecondaryActions.SecondaryActions, {
+    secondaryActions: secondaryActions,
+    secondaryOverflowMenuItems: secondaryOverflowMenuItems,
+    reversed: utils.isReversed(variant)
+  })))), React__default.default.createElement(MobileActions.MobileActions, {
+    primaryAction: primaryAction,
+    defaultAction: defaultAction,
+    secondaryActions: secondaryActions,
+    secondaryOverflowMenuItems: secondaryOverflowMenuItems,
+    drawerHandleLabelIconPosition: primaryAction && "iconPosition" in primaryAction ? primaryAction.iconPosition : undefined,
+    autoHide: autoHideMobileActionsMenu
+  })));
+};
+TitleBlockZen.displayName = "TitleBlockZen";
 exports.TitleBlockZen = TitleBlockZen;
-//# sourceMappingURL=TitleBlockZen.cjs.map

package/dist/cjs/TitleBlockZen/TitleBlockZen.module.scss.cjs

@@ -52,4 +52,3 @@ var styles = {
   "circle": "TitleBlockZen-module_circle__4bfl6"
 };
 module.exports = styles;
-//# sourceMappingURL=TitleBlockZen.module.scss.cjs.map

package/dist/cjs/TitleBlockZen/constants.cjs

@@ -4,4 +4,3 @@ var TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID = "title-block-secondary-menu";
 var TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID = "title-block-other-actions";
 exports.TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID = TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID;
 exports.TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID = TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID;
-//# sourceMappingURL=constants.cjs.map