@kaizen/components 1.38.5 → 1.38.6

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

@@ -1 +1 @@
-{"version":3,"file":"MobileActions.mjs","sources":["../../../../src/TitleBlockZen/subcomponents/MobileActions.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport classnames from \"classnames\"\nimport { FocusOn } from \"react-focus-on\"\nimport { ButtonProps } from \"~components/Button\"\nimport { ChevronDownIcon, ChevronUpIcon } from \"~components/Icon\"\nimport { MenuItem, MenuList, MenuHeading } from \"~components/Menu\"\nimport {\n  DefaultActionProps,\n  PrimaryActionProps,\n  SecondaryActionsProps,\n  TitleBlockButtonProps,\n  TitleBlockMenuGroup,\n  TitleBlockMenuItemProps,\n} from \"../types\"\nimport {\n  convertSecondaryActionsToMenuItems,\n  isMenuGroupNotButton,\n} from \"../utils\"\nimport { TitleBlockMenuItem } from \"./TitleBlockMenuItem\"\n\nimport styles from \"./MobileActions.module.scss\"\n\nconst menuItemIsLink: (item: TitleBlockMenuItemProps) => boolean = item =>\n  \"href\" in item\n\nconst defaultActionIsLink: (action: DefaultActionProps) => boolean = action =>\n  \"href\" in action\n\nconst defaultActionIsButton: (action: DefaultActionProps) => boolean = action =>\n  (!(\"href\" in action) && \"onClick\" in action) || \"component\" in action\n\nconst filterActions = (\n  menuItems: TitleBlockMenuItemProps[],\n  filterType: \"link\" | \"action\"\n): TitleBlockMenuItemProps[] =>\n  menuItems.filter(item =>\n    filterType === \"link\" ? menuItemIsLink(item) : !menuItemIsLink(item)\n  )\n\n/** Returns a filtered array of TitleBlockMenuItem based on actionType\n * This is use to sort a selectively render the action into a specifc order\n */\nconst renderPrimaryActionDrawerContent = (\n  primaryAction: PrimaryActionProps,\n  actionType: \"link\" | \"action\"\n): JSX.Element[] | null => {\n  if (!primaryAction) return null\n\n  if (isMenuGroupNotButton(primaryAction)) {\n    const filteredActions = filterActions(primaryAction.menuItems, actionType)\n    return filteredActions.map((item, idx) => {\n      const itemType = menuItemIsLink(item) ? \"link\" : \"action\"\n\n      return (\n        <TitleBlockMenuItem\n          {...item}\n          key={`title-block-mobile-actions-primary-${itemType}-${idx}`}\n          data-automation-id={`title-block-mobile-actions-primary-${itemType}-${idx}`}\n          data-testid={`title-block-mobile-actions-primary-${itemType}-${idx}`}\n        />\n      )\n    })\n  }\n\n  return null\n}\n\nconst renderDefaultLink = (\n  defaultAction: DefaultActionProps\n): JSX.Element | undefined => {\n  if (!defaultActionIsLink(defaultAction)) return\n  if (\"component\" in defaultAction) {\n    return (\n      <TitleBlockMenuItem\n        {...defaultAction}\n        key=\"title-block-mobile-actions-default-link\"\n        data-automation-id=\"title-block-mobile-actions-default-link\"\n        data-testid=\"title-block-mobile-actions-default-link\"\n      />\n    )\n  }\n  return (\n    <MenuItem\n      href={defaultAction.href}\n      label={defaultAction.label}\n      icon={defaultAction.icon}\n      disabled={defaultAction.disabled}\n      key=\"title-block-mobile-actions-default-link\"\n      data-automation-id=\"title-block-mobile-actions-default-link\"\n      data-testid=\"title-block-mobile-actions-default-link\"\n    />\n  )\n}\n\nconst renderDefaultAction = (\n  defaultAction: DefaultActionProps\n): JSX.Element | null => {\n  if (!defaultActionIsLink(defaultAction)) {\n    return (\n      <TitleBlockMenuItem\n        {...defaultAction}\n        key=\"title-block-mobile-actions-default-action\"\n        data-automation-id=\"title-block-mobile-actions-default-action\"\n        data-testid=\"title-block-mobile-actions-default-action\"\n      />\n    )\n  }\n\n  return null\n}\n\nconst renderSecondaryActions = (\n  secondaryActions: SecondaryActionsProps | undefined\n): JSX.Element[] | null => {\n  if (!secondaryActions) return null\n  const secondaryActionMenuItems: TitleBlockMenuItemProps[] =\n    convertSecondaryActionsToMenuItems(secondaryActions)\n\n  return secondaryActionMenuItems.map((item, idx) => (\n    <TitleBlockMenuItem\n      {...item}\n      key={`title-block-mobile-actions-secondary-action-${idx}`}\n      data-testid=\"title-block-mobile-actions-secondary-action\"\n    />\n  ))\n}\n\nconst renderSecondaryOverflowMenuItems = (\n  secondaryOverflowMenuItems: TitleBlockMenuItemProps[]\n): JSX.Element[] =>\n  secondaryOverflowMenuItems.map((item, idx) => (\n    <TitleBlockMenuItem\n      {...item}\n      key={`title-block-mobile-actions-overflow-menu-item-${idx}`}\n      data-testid=\"title-block-mobile-actions-overflow-menu-item\"\n    />\n  ))\n\ntype DrawerMenuContentProps = {\n  primaryAction?: PrimaryActionProps\n  defaultAction?: DefaultActionProps\n  secondaryActions?: SecondaryActionsProps\n  secondaryOverflowMenuItems?: TitleBlockMenuItemProps[]\n}\n\nconst DrawerMenuContent = ({\n  primaryAction,\n  defaultAction,\n  secondaryActions,\n  secondaryOverflowMenuItems,\n}: DrawerMenuContentProps): JSX.Element => {\n  const showOtherActionsHeading =\n    (defaultAction && defaultActionIsButton(defaultAction)) ||\n    secondaryActions ||\n    secondaryOverflowMenuItems\n\n  return (\n    <>\n      <MenuList>\n        {primaryAction &&\n          renderPrimaryActionDrawerContent(primaryAction, \"link\")}\n        {defaultAction && renderDefaultLink(defaultAction)}\n        {primaryAction &&\n          renderPrimaryActionDrawerContent(primaryAction, \"action\")}\n      </MenuList>\n      {(defaultAction || secondaryActions || secondaryOverflowMenuItems) && (\n        <MenuList\n          heading={\n            showOtherActionsHeading && <MenuHeading>Other actions</MenuHeading>\n          }\n        >\n          {defaultAction && renderDefaultAction(defaultAction)}\n          {secondaryActions && renderSecondaryActions(secondaryActions)}\n          {secondaryOverflowMenuItems &&\n            renderSecondaryOverflowMenuItems(secondaryOverflowMenuItems)}\n        </MenuList>\n      )}\n    </>\n  )\n}\n\nconst renderDrawerHandleLabel = (\n  label: string,\n  icon?: JSX.Element,\n  drawerHandleLabelIconPosition?: ButtonProps[\"iconPosition\"]\n): JSX.Element => {\n  if (drawerHandleLabelIconPosition === \"end\") {\n    return (\n      <>\n        <span\n          className={styles.drawerHandleLabelText}\n          data-testid=\"drawer-handle-lable-text\"\n        >\n          {label}\n        </span>\n        <>{icon && <span className={styles.drawerHandleIcon}>{icon}</span>}</>\n      </>\n    )\n  } else {\n    return (\n      <>\n        <>{icon && <span className={styles.drawerHandleIcon}>{icon}</span>}</>\n        <span\n          className={styles.drawerHandleLabelText}\n          data-testid=\"drawer-handle-lable-text\"\n        >\n          {label}\n        </span>\n      </>\n    )\n  }\n}\n\ntype HrefAndOnClick = Pick<TitleBlockButtonProps, \"href\" | \"onClick\">\ntype ButtonOrLinkActionProps =\n  | HrefAndOnClick\n  | TitleBlockButtonProps[\"href\"]\n  | TitleBlockButtonProps[\"onClick\"]\ntype ButtonOrLinkProps = {\n  action?: ButtonOrLinkActionProps\n  children: React.ReactNode\n}\n\nconst ButtonOrLink = ({ action, children }: ButtonOrLinkProps): JSX.Element => {\n  if (typeof action === \"object\" && \"onClick\" in action && \"href\" in action) {\n    return (\n      <a\n        onClick={action.onClick}\n        href={action.href}\n        className={classnames(\n          styles.mobileActionsPrimaryLabel,\n          styles.mobileActionsPrimaryButton\n        )}\n        data-testid=\"title-block-mobile-actions-primary-button\"\n      >\n        {children}\n      </a>\n    )\n  }\n  if (typeof action === \"function\") {\n    return (\n      <button\n        type=\"button\"\n        onClick={action}\n        className={classnames(\n          styles.mobileActionsPrimaryLabel,\n          styles.mobileActionsPrimaryButton\n        )}\n        data-testid=\"title-block-mobile-actions-primary-button\"\n      >\n        {children}\n      </button>\n    )\n  }\n  if (typeof action === \"string\") {\n    return (\n      <a\n        href={action}\n        className={classnames(\n          styles.mobileActionsPrimaryLabel,\n          styles.mobileActionsPrimaryButton\n        )}\n        data-testid=\"title-block-mobile-actions-primary-button\"\n      >\n        {children}\n      </a>\n    )\n  }\n\n  // when there's no action (e.g. primary button is disabled)\n  return (\n    <button\n      type=\"button\"\n      className={classnames(\n        styles.mobileActionsPrimaryLabel,\n        styles.mobileActionsPrimaryButton\n      )}\n      data-testid=\"title-block-mobile-actions-primary-button\"\n    >\n      {children}\n    </button>\n  )\n}\n\nconst getAction = (\n  primaryAction: TitleBlockButtonProps\n): ButtonOrLinkActionProps => {\n  if (primaryAction && !primaryAction.disabled) {\n    if (primaryAction.onClick && primaryAction.href) {\n      return {\n        href: primaryAction.href,\n        onClick: primaryAction.onClick,\n      }\n    }\n    if (primaryAction.onClick) {\n      return primaryAction.onClick\n    }\n    if (primaryAction.href) {\n      return primaryAction.href\n    }\n  }\n\n  return undefined\n}\n\ntype DrawerHandleProps = {\n  primaryAction: PrimaryActionProps | undefined\n  secondaryActions: SecondaryActionsProps | undefined\n  defaultAction?: DefaultActionProps | TitleBlockMenuGroup\n  secondaryOverflowMenuItems?: TitleBlockMenuItemProps[]\n  drawerHandleLabelIconPosition?: ButtonProps[\"iconPosition\"]\n  toggleDisplay: () => void\n  isOpen: boolean\n}\n\nconst DrawerHandle = ({\n  primaryAction,\n  secondaryActions,\n  defaultAction,\n  secondaryOverflowMenuItems,\n  drawerHandleLabelIconPosition,\n  toggleDisplay,\n  isOpen,\n}: DrawerHandleProps): JSX.Element | null => {\n  const showDrawer =\n    defaultAction || secondaryActions || secondaryOverflowMenuItems\n  if (primaryAction) {\n    // If the primary action is a menu\n    if (isMenuGroupNotButton(primaryAction)) {\n      return (\n        <div\n          className={classnames(\n            styles.mobileActionsTopRow,\n            styles.mobileActionsTopRowSingleButton\n          )}\n          data-testid=\"title-block-mobile-actions-drawer-handle\"\n        >\n          <button\n            type=\"button\"\n            className={classnames(\n              styles.mobileActionsExpandButton,\n              styles.mobileActionsPrimaryLabel\n            )}\n            onClick={toggleDisplay}\n            aria-expanded={isOpen}\n          >\n            {primaryAction.label}\n            <span className={styles.mobileActionsChevronSquare}>\n              {isOpen ? (\n                <ChevronDownIcon role=\"presentation\" />\n              ) : (\n                <ChevronUpIcon role=\"presentation\" />\n              )}\n            </span>\n          </button>\n        </div>\n      )\n    }\n\n    // If the primary action is a button, or has no onClick/href/action\n    return (\n      <div\n        className={classnames(\n          styles.mobileActionsTopRow,\n          !showDrawer && styles.mobileActionsTopRowSingleButton\n        )}\n        data-testid=\"title-block-mobile-actions-drawer-handle\"\n      >\n        {\"component\" in primaryAction ? (\n          <primaryAction.component\n            className={classnames(\n              styles.mobileActionsPrimaryLabel,\n              styles.mobileActionsPrimaryButton\n            )}\n            {...primaryAction}\n          >\n            {primaryAction.label &&\n              renderDrawerHandleLabel(\n                primaryAction.label,\n                primaryAction.icon,\n                drawerHandleLabelIconPosition\n              )}\n          </primaryAction.component>\n        ) : (\n          <ButtonOrLink action={getAction(primaryAction)}>\n            {renderDrawerHandleLabel(\n              primaryAction.label,\n              primaryAction.icon,\n              drawerHandleLabelIconPosition\n            )}\n          </ButtonOrLink>\n        )}\n\n        {/* If there are no secondary etc. actions, just show the button without drawer */}\n        {showDrawer && (\n          <button\n            type=\"button\"\n            className={styles.mobileActionsExpandButton}\n            onClick={toggleDisplay}\n            aria-expanded={isOpen}\n            aria-label=\"Other actions\"\n          >\n            {isOpen ? (\n              <ChevronDownIcon role=\"presentation\" />\n            ) : (\n              <ChevronUpIcon role=\"presentation\" />\n            )}\n          </button>\n        )}\n      </div>\n    )\n  }\n\n  // if there are default/secondary actions but no primary action\n  if (showDrawer) {\n    return (\n      <div\n        className={classnames(\n          styles.mobileActionsTopRow,\n          styles.mobileActionsTopRowSingleButton\n        )}\n        data-testid=\"title-block-mobile-actions-drawer-handle\"\n      >\n        <button\n          type=\"button\"\n          className={classnames(\n            styles.mobileActionsExpandButton,\n            styles.mobileActionsPrimaryLabel\n          )}\n          onClick={toggleDisplay}\n          aria-expanded={isOpen}\n        >\n          {renderDrawerHandleLabel(\"Other actions\")}\n          <span className={styles.mobileActionsChevronSquare}>\n            {isOpen ? (\n              <ChevronDownIcon role=\"presentation\" />\n            ) : (\n              <ChevronUpIcon role=\"presentation\" />\n            )}\n          </span>\n        </button>\n      </div>\n    )\n  }\n  return null\n}\n\nexport type MobileActionsProps = {\n  primaryAction?: PrimaryActionProps\n  defaultAction?: DefaultActionProps\n  secondaryActions?: SecondaryActionsProps\n  secondaryOverflowMenuItems?: TitleBlockMenuItemProps[]\n  drawerHandleLabelIconPosition?: ButtonProps[\"iconPosition\"]\n}\n\nexport const MobileActions = ({\n  primaryAction,\n  defaultAction,\n  secondaryActions,\n  secondaryOverflowMenuItems,\n  drawerHandleLabelIconPosition,\n}: MobileActionsProps): JSX.Element => {\n  const [isOpen, setIsOpen] = useState<boolean>(false)\n\n  const toggleDisplay = (): void => {\n    setIsOpen(!isOpen)\n  }\n\n  return (\n    <div\n      className={classnames(\n        styles.mobileActionsContainer,\n        isOpen && styles.isOpen\n      )}\n    >\n      <FocusOn enabled={isOpen} scrollLock={false}>\n        <DrawerHandle\n          primaryAction={primaryAction}\n          secondaryActions={secondaryActions}\n          defaultAction={defaultAction}\n          secondaryOverflowMenuItems={secondaryOverflowMenuItems}\n          drawerHandleLabelIconPosition={drawerHandleLabelIconPosition}\n          toggleDisplay={toggleDisplay}\n          isOpen={isOpen}\n        />\n        {(defaultAction ||\n          secondaryActions ||\n          secondaryOverflowMenuItems ||\n          (primaryAction && isMenuGroupNotButton(primaryAction))) && (\n          <div className={styles.mobileActionsMenuContainer}>\n            <DrawerMenuContent\n              primaryAction={primaryAction}\n              defaultAction={defaultAction}\n              secondaryActions={secondaryActions}\n              secondaryOverflowMenuItems={secondaryOverflowMenuItems}\n            />\n          </div>\n        )}\n      </FocusOn>\n    </div>\n  )\n}\n\nMobileActions.displayName = \"MobileActions\"\n"],"names":["menuItemIsLink","item","defaultActionIsLink","action","defaultActionIsButton","filterActions","menuItems","filterType","filter","renderPrimaryActionDrawerContent","primaryAction","actionType","isMenuGroupNotButton","filteredActions","map","idx","itemType","React","createElement","TitleBlockMenuItem","__assign","key","concat","renderDefaultLink","defaultAction","MenuItem","href","label","icon","disabled","renderDefaultAction","renderSecondaryActions","secondaryActions","secondaryActionMenuItems","convertSecondaryActionsToMenuItems","renderSecondaryOverflowMenuItems","secondaryOverflowMenuItems","DrawerMenuContent","_a","showOtherActionsHeading","Fragment","MenuList","heading","MenuHeading","renderDrawerHandleLabel","drawerHandleLabelIconPosition","className","styles","drawerHandleLabelText","drawerHandleIcon","ButtonOrLink","children","onClick","classnames","mobileActionsPrimaryLabel","mobileActionsPrimaryButton","type","getAction","undefined","DrawerHandle","toggleDisplay","isOpen","showDrawer","mobileActionsTopRow","mobileActionsTopRowSingleButton","mobileActionsExpandButton","mobileActionsChevronSquare","ChevronDownIcon","role","ChevronUpIcon","component","MobileActions","_b","useState","setIsOpen","mobileActionsContainer","FocusOn","enabled","scrollLock","mobileActionsMenuContainer","displayName"],"mappings":"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"}
+{"version":3,"file":"MobileActions.mjs","sources":["../../../../src/TitleBlockZen/subcomponents/MobileActions.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { FocusOn } from \"react-focus-on\"\nimport { ButtonProps } from \"~components/Button\"\nimport { ChevronDownIcon, ChevronUpIcon } from \"~components/Icon\"\nimport { MenuItem, MenuList, MenuHeading } from \"~components/Menu\"\nimport { TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID } from \"../constants\"\nimport {\n  DefaultActionProps,\n  PrimaryActionProps,\n  SecondaryActionsProps,\n  TitleBlockButtonProps,\n  TitleBlockMenuGroup,\n  TitleBlockMenuItemProps,\n} from \"../types\"\nimport {\n  convertSecondaryActionsToMenuItems,\n  isMenuGroupNotButton,\n} from \"../utils\"\nimport { TitleBlockMenuItem } from \"./TitleBlockMenuItem\"\n\nimport styles from \"./MobileActions.module.scss\"\n\nconst menuItemIsLink: (item: TitleBlockMenuItemProps) => boolean = item =>\n  \"href\" in item\n\nconst defaultActionIsLink: (action: DefaultActionProps) => boolean = action =>\n  \"href\" in action\n\nconst defaultActionIsButton: (action: DefaultActionProps) => boolean = action =>\n  (!(\"href\" in action) && \"onClick\" in action) || \"component\" in action\n\nconst filterActions = (\n  menuItems: TitleBlockMenuItemProps[],\n  filterType: \"link\" | \"action\"\n): TitleBlockMenuItemProps[] =>\n  menuItems.filter(item =>\n    filterType === \"link\" ? menuItemIsLink(item) : !menuItemIsLink(item)\n  )\n\n/** Returns a filtered array of TitleBlockMenuItem based on actionType\n * This is use to sort a selectively render the action into a specifc order\n */\nconst renderPrimaryActionDrawerContent = (\n  primaryAction: PrimaryActionProps,\n  actionType: \"link\" | \"action\"\n): JSX.Element[] | null => {\n  if (!primaryAction) return null\n\n  if (isMenuGroupNotButton(primaryAction)) {\n    const filteredActions = filterActions(primaryAction.menuItems, actionType)\n    return filteredActions.map((item, idx) => {\n      const itemType = menuItemIsLink(item) ? \"link\" : \"action\"\n\n      return (\n        <TitleBlockMenuItem\n          {...item}\n          key={`title-block-mobile-actions-primary-${itemType}-${idx}`}\n          data-automation-id={`title-block-mobile-actions-primary-${itemType}-${idx}`}\n          data-testid={`title-block-mobile-actions-primary-${itemType}-${idx}`}\n        />\n      )\n    })\n  }\n\n  return null\n}\n\nconst renderDefaultLink = (\n  defaultAction: DefaultActionProps\n): JSX.Element | undefined => {\n  if (!defaultActionIsLink(defaultAction)) return\n  if (\"component\" in defaultAction) {\n    return (\n      <TitleBlockMenuItem\n        {...defaultAction}\n        key=\"title-block-mobile-actions-default-link\"\n        data-automation-id=\"title-block-mobile-actions-default-link\"\n        data-testid=\"title-block-mobile-actions-default-link\"\n      />\n    )\n  }\n  return (\n    <MenuItem\n      href={defaultAction.href}\n      label={defaultAction.label}\n      icon={defaultAction.icon}\n      disabled={defaultAction.disabled}\n      key=\"title-block-mobile-actions-default-link\"\n      data-automation-id=\"title-block-mobile-actions-default-link\"\n      data-testid=\"title-block-mobile-actions-default-link\"\n      id={defaultAction.id}\n    />\n  )\n}\n\nconst renderDefaultAction = (\n  defaultAction: DefaultActionProps\n): JSX.Element | null => {\n  if (!defaultActionIsLink(defaultAction)) {\n    return (\n      <TitleBlockMenuItem\n        {...defaultAction}\n        key=\"title-block-mobile-actions-default-action\"\n        data-automation-id=\"title-block-mobile-actions-default-action\"\n        data-testid=\"title-block-mobile-actions-default-action\"\n      />\n    )\n  }\n\n  return null\n}\n\nconst renderSecondaryActions = (\n  secondaryActions: SecondaryActionsProps | undefined\n): JSX.Element[] | null => {\n  if (!secondaryActions) return null\n  const secondaryActionMenuItems: TitleBlockMenuItemProps[] =\n    convertSecondaryActionsToMenuItems(secondaryActions)\n\n  return secondaryActionMenuItems.map((item, idx) => (\n    <TitleBlockMenuItem\n      {...item}\n      key={`title-block-mobile-actions-secondary-action-${idx}`}\n      data-testid=\"title-block-mobile-actions-secondary-action\"\n    />\n  ))\n}\n\nconst renderSecondaryOverflowMenuItems = (\n  secondaryOverflowMenuItems: TitleBlockMenuItemProps[]\n): JSX.Element[] =>\n  secondaryOverflowMenuItems.map((item, idx) => (\n    <TitleBlockMenuItem\n      {...item}\n      key={`title-block-mobile-actions-overflow-menu-item-${idx}`}\n      data-testid=\"title-block-mobile-actions-overflow-menu-item\"\n    />\n  ))\n\ntype DrawerMenuContentProps = {\n  primaryAction?: PrimaryActionProps\n  defaultAction?: DefaultActionProps\n  secondaryActions?: SecondaryActionsProps\n  secondaryOverflowMenuItems?: TitleBlockMenuItemProps[]\n}\n\nconst DrawerMenuContent = ({\n  primaryAction,\n  defaultAction,\n  secondaryActions,\n  secondaryOverflowMenuItems,\n}: DrawerMenuContentProps): JSX.Element => {\n  const showOtherActionsHeading =\n    (defaultAction && defaultActionIsButton(defaultAction)) ||\n    secondaryActions ||\n    secondaryOverflowMenuItems\n\n  return (\n    <>\n      <MenuList>\n        {primaryAction &&\n          renderPrimaryActionDrawerContent(primaryAction, \"link\")}\n        {defaultAction && renderDefaultLink(defaultAction)}\n        {primaryAction &&\n          renderPrimaryActionDrawerContent(primaryAction, \"action\")}\n      </MenuList>\n      {(defaultAction || secondaryActions || secondaryOverflowMenuItems) && (\n        <MenuList\n          heading={\n            showOtherActionsHeading && <MenuHeading>Other actions</MenuHeading>\n          }\n        >\n          {defaultAction && renderDefaultAction(defaultAction)}\n          {secondaryActions && renderSecondaryActions(secondaryActions)}\n          {secondaryOverflowMenuItems &&\n            renderSecondaryOverflowMenuItems(secondaryOverflowMenuItems)}\n        </MenuList>\n      )}\n    </>\n  )\n}\n\nconst renderDrawerHandleLabel = (\n  label: string,\n  icon?: JSX.Element,\n  drawerHandleLabelIconPosition?: ButtonProps[\"iconPosition\"]\n): JSX.Element => {\n  if (drawerHandleLabelIconPosition === \"end\") {\n    return (\n      <>\n        <span\n          className={styles.drawerHandleLabelText}\n          data-testid=\"drawer-handle-lable-text\"\n        >\n          {label}\n        </span>\n        <>{icon && <span className={styles.drawerHandleIcon}>{icon}</span>}</>\n      </>\n    )\n  } else {\n    return (\n      <>\n        <>{icon && <span className={styles.drawerHandleIcon}>{icon}</span>}</>\n        <span\n          className={styles.drawerHandleLabelText}\n          data-testid=\"drawer-handle-lable-text\"\n        >\n          {label}\n        </span>\n      </>\n    )\n  }\n}\n\ntype HrefAndOnClick = Pick<TitleBlockButtonProps, \"href\" | \"onClick\">\ntype ButtonOrLinkActionProps =\n  | HrefAndOnClick\n  | TitleBlockButtonProps[\"href\"]\n  | TitleBlockButtonProps[\"onClick\"]\ntype ButtonOrLinkProps = {\n  action?: ButtonOrLinkActionProps\n  children: React.ReactNode\n}\n\nconst ButtonOrLink = ({ action, children }: ButtonOrLinkProps): JSX.Element => {\n  if (typeof action === \"object\" && \"onClick\" in action && \"href\" in action) {\n    return (\n      <a\n        onClick={action.onClick}\n        href={action.href}\n        className={classnames(\n          styles.mobileActionsPrimaryLabel,\n          styles.mobileActionsPrimaryButton\n        )}\n        data-testid=\"title-block-mobile-actions-primary-button\"\n      >\n        {children}\n      </a>\n    )\n  }\n  if (typeof action === \"function\") {\n    return (\n      <button\n        type=\"button\"\n        onClick={action}\n        className={classnames(\n          styles.mobileActionsPrimaryLabel,\n          styles.mobileActionsPrimaryButton\n        )}\n        data-testid=\"title-block-mobile-actions-primary-button\"\n      >\n        {children}\n      </button>\n    )\n  }\n  if (typeof action === \"string\") {\n    return (\n      <a\n        href={action}\n        className={classnames(\n          styles.mobileActionsPrimaryLabel,\n          styles.mobileActionsPrimaryButton\n        )}\n        data-testid=\"title-block-mobile-actions-primary-button\"\n      >\n        {children}\n      </a>\n    )\n  }\n\n  // when there's no action (e.g. primary button is disabled)\n  return (\n    <button\n      type=\"button\"\n      className={classnames(\n        styles.mobileActionsPrimaryLabel,\n        styles.mobileActionsPrimaryButton\n      )}\n      data-testid=\"title-block-mobile-actions-primary-button\"\n    >\n      {children}\n    </button>\n  )\n}\n\nconst getAction = (\n  primaryAction: TitleBlockButtonProps\n): ButtonOrLinkActionProps => {\n  if (primaryAction && !primaryAction.disabled) {\n    if (primaryAction.onClick && primaryAction.href) {\n      return {\n        href: primaryAction.href,\n        onClick: primaryAction.onClick,\n      }\n    }\n    if (primaryAction.onClick) {\n      return primaryAction.onClick\n    }\n    if (primaryAction.href) {\n      return primaryAction.href\n    }\n  }\n\n  return undefined\n}\n\ntype DrawerHandleProps = {\n  primaryAction: PrimaryActionProps | undefined\n  secondaryActions: SecondaryActionsProps | undefined\n  defaultAction?: DefaultActionProps | TitleBlockMenuGroup\n  secondaryOverflowMenuItems?: TitleBlockMenuItemProps[]\n  drawerHandleLabelIconPosition?: ButtonProps[\"iconPosition\"]\n  toggleDisplay: () => void\n  isOpen: boolean\n}\n\nconst DrawerHandle = ({\n  primaryAction,\n  secondaryActions,\n  defaultAction,\n  secondaryOverflowMenuItems,\n  drawerHandleLabelIconPosition,\n  toggleDisplay,\n  isOpen,\n}: DrawerHandleProps): JSX.Element | null => {\n  const showDrawer =\n    defaultAction || secondaryActions || secondaryOverflowMenuItems\n  if (primaryAction) {\n    // If the primary action is a menu\n    if (isMenuGroupNotButton(primaryAction)) {\n      return (\n        <div\n          className={classnames(\n            styles.mobileActionsTopRow,\n            styles.mobileActionsTopRowSingleButton\n          )}\n          data-testid=\"title-block-mobile-actions-drawer-handle\"\n        >\n          <button\n            type=\"button\"\n            className={classnames(\n              styles.mobileActionsExpandButton,\n              styles.mobileActionsPrimaryLabel\n            )}\n            onClick={toggleDisplay}\n            aria-expanded={isOpen}\n          >\n            {primaryAction.label}\n            <span className={styles.mobileActionsChevronSquare}>\n              {isOpen ? (\n                <ChevronDownIcon role=\"presentation\" />\n              ) : (\n                <ChevronUpIcon role=\"presentation\" />\n              )}\n            </span>\n          </button>\n        </div>\n      )\n    }\n\n    // If the primary action is a button, or has no onClick/href/action\n    return (\n      <div\n        className={classnames(\n          styles.mobileActionsTopRow,\n          !showDrawer && styles.mobileActionsTopRowSingleButton\n        )}\n        data-testid=\"title-block-mobile-actions-drawer-handle\"\n      >\n        {\"component\" in primaryAction ? (\n          <primaryAction.component\n            className={classnames(\n              styles.mobileActionsPrimaryLabel,\n              styles.mobileActionsPrimaryButton\n            )}\n            {...primaryAction}\n          >\n            {primaryAction.label &&\n              renderDrawerHandleLabel(\n                primaryAction.label,\n                primaryAction.icon,\n                drawerHandleLabelIconPosition\n              )}\n          </primaryAction.component>\n        ) : (\n          <ButtonOrLink action={getAction(primaryAction)}>\n            {renderDrawerHandleLabel(\n              primaryAction.label,\n              primaryAction.icon,\n              drawerHandleLabelIconPosition\n            )}\n          </ButtonOrLink>\n        )}\n\n        {/* If there are no secondary etc. actions, just show the button without drawer */}\n        {showDrawer && (\n          <button\n            type=\"button\"\n            className={styles.mobileActionsExpandButton}\n            onClick={toggleDisplay}\n            aria-expanded={isOpen}\n            id={TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID}\n            aria-label=\"Other actions\"\n          >\n            {isOpen ? (\n              <ChevronDownIcon role=\"presentation\" />\n            ) : (\n              <ChevronUpIcon role=\"presentation\" />\n            )}\n          </button>\n        )}\n      </div>\n    )\n  }\n\n  // if there are default/secondary actions but no primary action\n  if (showDrawer) {\n    return (\n      <div\n        className={classnames(\n          styles.mobileActionsTopRow,\n          styles.mobileActionsTopRowSingleButton\n        )}\n        data-testid=\"title-block-mobile-actions-drawer-handle\"\n      >\n        <button\n          type=\"button\"\n          className={classnames(\n            styles.mobileActionsExpandButton,\n            styles.mobileActionsPrimaryLabel\n          )}\n          onClick={toggleDisplay}\n          aria-expanded={isOpen}\n          id={TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID}\n        >\n          {renderDrawerHandleLabel(\"Other actions\")}\n          <span className={styles.mobileActionsChevronSquare}>\n            {isOpen ? (\n              <ChevronDownIcon role=\"presentation\" />\n            ) : (\n              <ChevronUpIcon role=\"presentation\" />\n            )}\n          </span>\n        </button>\n      </div>\n    )\n  }\n  return null\n}\n\nexport type MobileActionsProps = {\n  primaryAction?: PrimaryActionProps\n  defaultAction?: DefaultActionProps\n  secondaryActions?: SecondaryActionsProps\n  secondaryOverflowMenuItems?: TitleBlockMenuItemProps[]\n  drawerHandleLabelIconPosition?: ButtonProps[\"iconPosition\"]\n  autoHide?: boolean\n}\n\nexport const MobileActions = ({\n  primaryAction,\n  defaultAction,\n  secondaryActions,\n  secondaryOverflowMenuItems,\n  drawerHandleLabelIconPosition,\n  autoHide = false,\n}: MobileActionsProps): JSX.Element => {\n  const [isOpen, setIsOpen] = useState<boolean>(false)\n  const menuContent = React.createRef<HTMLDivElement>()\n  const toggleDisplay = (): void => {\n    setIsOpen(!isOpen)\n  }\n\n  // This callback handler will not run when autoHide === \"off\"\n  const handleDocumentClickForAutoHide = useCallback(\n    (e: MouseEvent) => {\n      if (\n        isOpen &&\n        e.target instanceof Node &&\n        menuContent.current?.contains(e.target)\n      ) {\n        setIsOpen(false)\n      }\n    },\n    [menuContent]\n  )\n\n  useEffect(() => {\n    if (autoHide) {\n      document.addEventListener(\"click\", handleDocumentClickForAutoHide, true)\n    }\n\n    return () => {\n      if (autoHide) {\n        document.removeEventListener(\n          \"click\",\n          handleDocumentClickForAutoHide,\n          true\n        )\n      }\n    }\n  }, [autoHide, handleDocumentClickForAutoHide])\n\n  return (\n    <div\n      className={classnames(\n        styles.mobileActionsContainer,\n        isOpen && styles.isOpen\n      )}\n    >\n      <FocusOn enabled={isOpen} scrollLock={false}>\n        <DrawerHandle\n          primaryAction={primaryAction}\n          secondaryActions={secondaryActions}\n          defaultAction={defaultAction}\n          secondaryOverflowMenuItems={secondaryOverflowMenuItems}\n          drawerHandleLabelIconPosition={drawerHandleLabelIconPosition}\n          toggleDisplay={toggleDisplay}\n          isOpen={isOpen}\n        />\n        {(defaultAction ||\n          secondaryActions ||\n          secondaryOverflowMenuItems ||\n          (primaryAction && isMenuGroupNotButton(primaryAction))) && (\n          <div ref={menuContent} className={styles.mobileActionsMenuContainer}>\n            <DrawerMenuContent\n              primaryAction={primaryAction}\n              defaultAction={defaultAction}\n              secondaryActions={secondaryActions}\n              secondaryOverflowMenuItems={secondaryOverflowMenuItems}\n            />\n          </div>\n        )}\n      </FocusOn>\n    </div>\n  )\n}\n\nMobileActions.displayName = \"MobileActions\"\n"],"names":["menuItemIsLink","item","defaultActionIsLink","action","defaultActionIsButton","filterActions","menuItems","filterType","filter","renderPrimaryActionDrawerContent","primaryAction","actionType","isMenuGroupNotButton","filteredActions","map","idx","itemType","React","createElement","TitleBlockMenuItem","__assign","key","concat","renderDefaultLink","defaultAction","MenuItem","href","label","icon","disabled","id","renderDefaultAction","renderSecondaryActions","secondaryActions","secondaryActionMenuItems","convertSecondaryActionsToMenuItems","renderSecondaryOverflowMenuItems","secondaryOverflowMenuItems","DrawerMenuContent","_a","showOtherActionsHeading","Fragment","MenuList","heading","MenuHeading","renderDrawerHandleLabel","drawerHandleLabelIconPosition","className","styles","drawerHandleLabelText","drawerHandleIcon","ButtonOrLink","children","onClick","classnames","mobileActionsPrimaryLabel","mobileActionsPrimaryButton","type","getAction","undefined","DrawerHandle","toggleDisplay","isOpen","showDrawer","mobileActionsTopRow","mobileActionsTopRowSingleButton","mobileActionsExpandButton","mobileActionsChevronSquare","ChevronDownIcon","role","ChevronUpIcon","component","TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID","MobileActions","_b","autoHide","_c","useState","setIsOpen","menuContent","createRef","handleDocumentClickForAutoHide","useCallback","e","target","Node","current","contains","useEffect","document","addEventListener","removeEventListener","mobileActionsContainer","FocusOn","enabled","scrollLock","ref","mobileActionsMenuContainer","displayName"],"mappings":"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"}

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

@@ -11,6 +11,7 @@ import '../../Menu/subcomponents/MenuItem/MenuItem.mjs';
 import { MenuList } from '../../Menu/subcomponents/MenuList/MenuList.mjs';
 import '../../Menu/subcomponents/StatelessMenu/StatelessMenu.mjs';
 import styles from '../TitleBlockZen.module.scss.mjs';
+import { TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID } from '../constants.mjs';
 import { TitleBlockMenuItem } from './TitleBlockMenuItem.mjs';
 import { Toolbar } from './Toolbar.mjs';
 var renderSecondaryOverflowMenu = function (secondaryOverflowMenuItems, reversed) {
@@ -22,7 +23,8 @@ var renderSecondaryOverflowMenu = function (secondaryOverflowMenuItems, reversed
       reversed: reversed,
       icon: /*#__PURE__*/React.createElement(MeatballsIcon, {
         role: "presentation"
-      })
+      }),
+      id: TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID
     })
   }, /*#__PURE__*/React.createElement(MenuList, null, secondaryOverflowMenuItems.map(function (menuItem, i) {
     return /*#__PURE__*/React.createElement(TitleBlockMenuItem, __assign({

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

@@ -1 +1 @@
-{"version":3,"file":"SecondaryActions.mjs","sources":["../../../../src/TitleBlockZen/subcomponents/SecondaryActions.tsx"],"sourcesContent":["import React from \"react\"\nimport { Button, IconButton } from \"~components/Button\"\nimport { ChevronDownIcon, MeatballsIcon } from \"~components/Icon\"\nimport { Menu, MenuList } from \"~components/Menu\"\nimport styles from \"../TitleBlockZen.module.scss\"\nimport { SecondaryActionsProps, TitleBlockMenuItemProps } from \"../types\"\nimport { TitleBlockMenuItem } from \"./TitleBlockMenuItem\"\nimport { Toolbar } from \"./Toolbar\"\n\ntype Props = {\n  secondaryActions?: SecondaryActionsProps\n  secondaryOverflowMenuItems?: TitleBlockMenuItemProps[]\n  reversed?: boolean\n}\n\nconst renderSecondaryOverflowMenu = (\n  secondaryOverflowMenuItems?: TitleBlockMenuItemProps[],\n  reversed?: boolean\n): JSX.Element | undefined => {\n  if (!secondaryOverflowMenuItems) return undefined\n  return (\n    <Menu\n      align=\"right\"\n      button={\n        <IconButton\n          label=\"Open secondary menu\"\n          reversed={reversed}\n          icon={<MeatballsIcon role=\"presentation\" />}\n        />\n      }\n    >\n      <MenuList>\n        {secondaryOverflowMenuItems.map((menuItem, i) => (\n          <TitleBlockMenuItem key={i} {...menuItem} />\n        ))}\n      </MenuList>\n    </Menu>\n  )\n}\n\n// Unfortunately, you'll notice below, that I needed to use the array index,\n// against react best practices (https://reactjs.org/docs/lists-and-keys.html)\n// This is because the menu items have no unique identifier.\n\nexport const SecondaryActions = ({\n  secondaryActions,\n  secondaryOverflowMenuItems,\n  reversed = false,\n}: Props): JSX.Element | null => {\n  if (!secondaryActions && !secondaryOverflowMenuItems) return null\n\n  const secondaryActionsAsToolbarItems = secondaryActions\n    ? secondaryActions.map((action, i) => {\n        if (\"menuItems\" in action) {\n          return {\n            key: `${i}`, // We shouldn't use an index here, see note above\n            node: (\n              <Menu\n                align=\"right\"\n                button={\n                  <Button\n                    secondary\n                    label={action.label}\n                    reversed={reversed}\n                    icon={<ChevronDownIcon role=\"presentation\" />}\n                    iconPosition=\"end\"\n                  />\n                }\n              >\n                <MenuList>\n                  {action.menuItems.map((menuItem, i2) => (\n                    <TitleBlockMenuItem key={i2} {...menuItem} />\n                  ))}\n                </MenuList>\n              </Menu>\n            ),\n          }\n        } else {\n          if (\"onClick\" in action && \"href\" in action) {\n            // eslint-disable-next-line no-console\n            console.warn(\n              \"\\u001b[33m \\nTITLE BLOCK WARNING:\\nSecondary actions only support \" +\n                \"either an href or an onClick, not both simultaneously.\\n\"\n            )\n          }\n          return {\n            key: `${i}`, // We shouldn't use an index here, see note above\n            node: (\n              <Button\n                secondary\n                reversed={reversed}\n                {...action}\n                data-automation-id=\"title-block-secondary-actions-button\"\n                data-testid=\"title-block-secondary-actions-button\"\n              />\n            ),\n          }\n        }\n      })\n    : []\n\n  const overflowMenu = renderSecondaryOverflowMenu(\n    secondaryOverflowMenuItems,\n    reversed\n  )\n\n  const toolbarItems = [\n    ...secondaryActionsAsToolbarItems,\n    ...(overflowMenu\n      ? [\n          {\n            key: \"overflowMenu\",\n            node: overflowMenu,\n          },\n        ]\n      : []),\n  ]\n\n  return (\n    <div className={styles.secondaryActionsContainer}>\n      <Toolbar\n        items={toolbarItems}\n        noGap\n        automationId=\"title-block-secondary-actions-toolbar\"\n      />\n    </div>\n  )\n}\n\nSecondaryActions.displayName = \"SecondaryActions\"\n"],"names":["renderSecondaryOverflowMenu","secondaryOverflowMenuItems","reversed","undefined","React","createElement","Menu","align","button","IconButton","label","icon","MeatballsIcon","role","MenuList","map","menuItem","i","TitleBlockMenuItem","__assign","key","SecondaryActions","_a","secondaryActions","_b","secondaryActionsAsToolbarItems","action","concat","node","Button","secondary","ChevronDownIcon","iconPosition","menuItems","i2","console","warn","overflowMenu","toolbarItems","__spreadArray","className","styles","secondaryActionsContainer","Toolbar","items","noGap","automationId","displayName"],"mappings":"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"}
+{"version":3,"file":"SecondaryActions.mjs","sources":["../../../../src/TitleBlockZen/subcomponents/SecondaryActions.tsx"],"sourcesContent":["import React from \"react\"\nimport { Button, IconButton } from \"~components/Button\"\nimport { ChevronDownIcon, MeatballsIcon } from \"~components/Icon\"\nimport { Menu, MenuList } from \"~components/Menu\"\nimport styles from \"../TitleBlockZen.module.scss\"\nimport { TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID } from \"../constants\"\nimport { SecondaryActionsProps, TitleBlockMenuItemProps } from \"../types\"\nimport { TitleBlockMenuItem } from \"./TitleBlockMenuItem\"\nimport { Toolbar } from \"./Toolbar\"\n\ntype Props = {\n  secondaryActions?: SecondaryActionsProps\n  secondaryOverflowMenuItems?: TitleBlockMenuItemProps[]\n  reversed?: boolean\n}\n\nconst renderSecondaryOverflowMenu = (\n  secondaryOverflowMenuItems?: TitleBlockMenuItemProps[],\n  reversed?: boolean\n): JSX.Element | undefined => {\n  if (!secondaryOverflowMenuItems) return undefined\n  return (\n    <Menu\n      align=\"right\"\n      button={\n        <IconButton\n          label=\"Open secondary menu\"\n          reversed={reversed}\n          icon={<MeatballsIcon role=\"presentation\" />}\n          id={TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID}\n        />\n      }\n    >\n      <MenuList>\n        {secondaryOverflowMenuItems.map((menuItem, i) => (\n          <TitleBlockMenuItem key={i} {...menuItem} />\n        ))}\n      </MenuList>\n    </Menu>\n  )\n}\n\n// Unfortunately, you'll notice below, that I needed to use the array index,\n// against react best practices (https://reactjs.org/docs/lists-and-keys.html)\n// This is because the menu items have no unique identifier.\n\nexport const SecondaryActions = ({\n  secondaryActions,\n  secondaryOverflowMenuItems,\n  reversed = false,\n}: Props): JSX.Element | null => {\n  if (!secondaryActions && !secondaryOverflowMenuItems) return null\n\n  const secondaryActionsAsToolbarItems = secondaryActions\n    ? secondaryActions.map((action, i) => {\n        if (\"menuItems\" in action) {\n          return {\n            key: `${i}`, // We shouldn't use an index here, see note above\n            node: (\n              <Menu\n                align=\"right\"\n                button={\n                  <Button\n                    secondary\n                    label={action.label}\n                    reversed={reversed}\n                    icon={<ChevronDownIcon role=\"presentation\" />}\n                    iconPosition=\"end\"\n                  />\n                }\n              >\n                <MenuList>\n                  {action.menuItems.map((menuItem, i2) => (\n                    <TitleBlockMenuItem key={i2} {...menuItem} />\n                  ))}\n                </MenuList>\n              </Menu>\n            ),\n          }\n        } else {\n          if (\"onClick\" in action && \"href\" in action) {\n            // eslint-disable-next-line no-console\n            console.warn(\n              \"\\u001b[33m \\nTITLE BLOCK WARNING:\\nSecondary actions only support \" +\n                \"either an href or an onClick, not both simultaneously.\\n\"\n            )\n          }\n          return {\n            key: `${i}`, // We shouldn't use an index here, see note above\n            node: (\n              <Button\n                secondary\n                reversed={reversed}\n                {...action}\n                data-automation-id=\"title-block-secondary-actions-button\"\n                data-testid=\"title-block-secondary-actions-button\"\n              />\n            ),\n          }\n        }\n      })\n    : []\n\n  const overflowMenu = renderSecondaryOverflowMenu(\n    secondaryOverflowMenuItems,\n    reversed\n  )\n\n  const toolbarItems = [\n    ...secondaryActionsAsToolbarItems,\n    ...(overflowMenu\n      ? [\n          {\n            key: \"overflowMenu\",\n            node: overflowMenu,\n          },\n        ]\n      : []),\n  ]\n\n  return (\n    <div className={styles.secondaryActionsContainer}>\n      <Toolbar\n        items={toolbarItems}\n        noGap\n        automationId=\"title-block-secondary-actions-toolbar\"\n      />\n    </div>\n  )\n}\n\nSecondaryActions.displayName = \"SecondaryActions\"\n"],"names":["renderSecondaryOverflowMenu","secondaryOverflowMenuItems","reversed","undefined","React","createElement","Menu","align","button","IconButton","label","icon","MeatballsIcon","role","id","TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID","MenuList","map","menuItem","i","TitleBlockMenuItem","__assign","key","SecondaryActions","_a","secondaryActions","_b","secondaryActionsAsToolbarItems","action","concat","node","Button","secondary","ChevronDownIcon","iconPosition","menuItems","i2","console","warn","overflowMenu","toolbarItems","__spreadArray","className","styles","secondaryActionsContainer","Toolbar","items","noGap","automationId","displayName"],"mappings":"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"}

package/dist/esm/dts/Menu/subcomponents/MenuItem/MenuItem.d.ts

@@ -18,8 +18,9 @@ export type MenuItemProps = {
      */
     isActive?: boolean;
     "data-testid"?: string;
+    id?: string;
 };
 export declare const MenuItem: {
-    ({ label, icon, destructive, disabled, onClick, href, target, isActive, "data-testid": dataTestId, }: MenuItemProps): JSX.Element;
+    ({ label, icon, destructive, disabled, onClick, href, target, isActive, "data-testid": dataTestId, id, }: MenuItemProps): JSX.Element;
     displayName: string;
 };

package/dist/esm/dts/TitleBlockZen/TitleBlockZen.d.ts

@@ -4,6 +4,6 @@ import { TitleBlockProps } from "./types";
  * {@link https://cultureamp.design/?path=/story/components-titleblock--docs Storybook}
  */
 export declare const TitleBlockZen: {
-    ({ title, variant, breadcrumb, avatar, subtitle, sectionTitle, sectionTitleDescription, renderSectionTitle, pageSwitcherSelect, handleHamburgerClick, primaryAction, defaultAction, secondaryActions, secondaryOverflowMenuItems, navigationTabs, collapseNavigationAreaWhenPossible, textDirection, surveyStatus, titleAutomationId, avatarAutomationId, subtitleAutomationId, sectionTitleAutomationId, sectionTitleDescriptionAutomationId, breadcrumbAutomationId, breadcrumbTextAutomationId, }: TitleBlockProps): JSX.Element;
+    ({ title, variant, breadcrumb, avatar, subtitle, sectionTitle, sectionTitleDescription, renderSectionTitle, pageSwitcherSelect, handleHamburgerClick, primaryAction, defaultAction, secondaryActions, secondaryOverflowMenuItems, navigationTabs, collapseNavigationAreaWhenPossible, textDirection, surveyStatus, id, titleAutomationId, avatarAutomationId, subtitleAutomationId, sectionTitleAutomationId, sectionTitleDescriptionAutomationId, breadcrumbAutomationId, breadcrumbTextAutomationId, autoHideMobileActionsMenu, }: TitleBlockProps): JSX.Element;
     displayName: string;
 };

package/dist/esm/dts/TitleBlockZen/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID = "title-block-secondary-menu";
+export declare const TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID = "title-block-other-actions";

package/dist/esm/dts/TitleBlockZen/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./TitleBlockZen";
 export * from "./subcomponents/NavigationTabs";
 export * from "./types";
+export * from "./constants";

package/dist/esm/dts/TitleBlockZen/subcomponents/MobileActions.d.ts

@@ -6,8 +6,9 @@ export type MobileActionsProps = {
     secondaryActions?: SecondaryActionsProps;
     secondaryOverflowMenuItems?: TitleBlockMenuItemProps[];
     drawerHandleLabelIconPosition?: ButtonProps["iconPosition"];
+    autoHide?: boolean;
 };
 export declare const MobileActions: {
-    ({ primaryAction, defaultAction, secondaryActions, secondaryOverflowMenuItems, drawerHandleLabelIconPosition, }: MobileActionsProps): JSX.Element;
+    ({ primaryAction, defaultAction, secondaryActions, secondaryOverflowMenuItems, drawerHandleLabelIconPosition, autoHide, }: MobileActionsProps): JSX.Element;
     displayName: string;
 };

package/dist/esm/dts/TitleBlockZen/types.d.ts

@@ -34,6 +34,7 @@ export type TitleBlockProps = {
     collapseNavigationAreaWhenPossible?: boolean;
     textDirection?: TextDirection;
     surveyStatus?: SurveyStatus;
+    id?: string;
     titleAutomationId?: string;
     breadcrumbAutomationId?: string;
     breadcrumbTextAutomationId?: string;
@@ -41,6 +42,7 @@ export type TitleBlockProps = {
     subtitleAutomationId?: string;
     sectionTitleAutomationId?: string;
     sectionTitleDescriptionAutomationId?: string;
+    autoHideMobileActionsMenu?: boolean;
 };
 /**
  * ### PrimaryActionProps

package/dist/esm/index.css

@@ -2,11 +2,11 @@
 .Main-module_main__hMyB1{z-index:0}
 .Wrapper-module_wrapper__89WmC{background:var(--color-gray-100,#f9f9f9);display:grid;grid-template-rows:min-content 1fr min-content;min-height:100vh;position:relative}
 .FooterActions-module_footerAction__v7eL-{display:flex;flex-basis:auto;flex-grow:1}.FooterActions-module_footerActionPrevious__2XByZ{grid-area:"prev";justify-content:start}.FooterActions-module_footerActionNext__IKRta{grid-area:"next";justify-content:end}
-.Branding-module_branding__4h-rD{display:flex;flex-grow:1;grid-area:branding;justify-content:center;padding-top:var(--spacing-4,.25rem)}@media (min-width:768px){.Branding-module_branding__4h-rD{justify-content:unset}}.Branding-module_logo__vqqec{flex-basis:7.5rem}
+.Actions-module_actions__Prrp0{align-items:center;display:flex;flex-direction:column;flex-grow:1;grid-area:actions;justify-content:center}@media (min-width:768px){.Actions-module_actions__Prrp0{align-items:flex-start;flex-direction:row;justify-content:flex-end;margin-top:calc(var(--spacing-12, .75rem)*-1)}}
 .FooterRoot-module_footerRoot__N-6nQ{align-items:center;background:var(--color-blue-500,#0168b3);display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template-areas:"prev stepper next";grid-template-columns:1fr 2fr 1fr;justify-content:center;padding:var(--spacing-24,1.5rem) var(--spacing-12,.75rem)}@media (min-width:768px){.FooterRoot-module_footerRoot__N-6nQ{bottom:0;grid-template-columns:1fr 5fr 1fr;padding:var(--spacing-24,1.5rem) var(--spacing-32,2rem);position:sticky;z-index:1}}
-.ProgressStepper-module_stepsContainer__WMxXN{grid-area:stepper;width:100%}.ProgressStepper-module_stepList__b1wWX{align-items:flex-end;display:none;justify-content:center;list-style:none;margin:0;padding:0}@media (min-width:768px){.ProgressStepper-module_stepList__b1wWX{display:flex}}.ProgressStepper-module_step__-Ep19{container:step/inline-size;display:flex;flex-basis:100%;flex-grow:1;justify-content:center;max-width:var(--spacing-96,6rem);overflow-wrap:break-word;position:relative}.ProgressStepper-module_stepContent__B4uFS{align-items:center;display:flex;flex-direction:column}.ProgressStepper-module_stepIndicator__-qEWT{height:1.25rem;position:relative;width:1.25rem}.ProgressStepper-module_stepName__hS4lp{display:none;font-weight:var(--typography-paragraph-bold-font-weight,600);margin-bottom:var(--spacing-12,.75rem);text-align:center}.ProgressStepper-module_stepIcon__0Kh4y{color:var(--color-white,#fff);height:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem}.ProgressStepper-module_stepDivider__KEZPU{border:var(--spacing-1,.0625rem) solid var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);display:flex;flex-grow:1;height:0;left:100%;margin:0;min-width:calc(100% - var(--spacing-24, 1.5rem));position:absolute;top:calc(100% - .625rem);transform:translateX(-50%)}[dir=rtl] .ProgressStepper-module_stepDivider__KEZPU{left:unset;right:100%;transform:translateX(50%)}.ProgressStepper-module_stepperDescription__B00hX{display:flex;justify-content:center}@media (min-width:768px){.ProgressStepper-module_stepperDescription__B00hX{height:0;overflow:hidden;position:absolute;width:0}}@container step (min-width: 4.5rem){.ProgressStepper-module_stepName__hS4lp{display:inline}}
 .Titles-module_titles__JYwU0{align-items:center;flex-grow:1;grid-area:titles;justify-content:center}.Titles-module_pageTitle__YDp9S,.Titles-module_titles__JYwU0{display:flex;flex-direction:column}.Titles-module_prefix__40x8n{margin-bottom:var(--spacing-4,.25rem)}.Titles-module_status__huuP7{margin-top:var(--spacing-8,.5rem)}
-.Actions-module_actions__Prrp0{align-items:center;display:flex;flex-direction:column;flex-grow:1;grid-area:actions;justify-content:center}@media (min-width:768px){.Actions-module_actions__Prrp0{align-items:flex-start;flex-direction:row;justify-content:flex-end;margin-top:calc(var(--spacing-12, .75rem)*-1)}}
+.Branding-module_branding__4h-rD{display:flex;flex-grow:1;grid-area:branding;justify-content:center;padding-top:var(--spacing-4,.25rem)}@media (min-width:768px){.Branding-module_branding__4h-rD{justify-content:unset}}.Branding-module_logo__vqqec{flex-basis:7.5rem}
+.ProgressStepper-module_stepsContainer__WMxXN{grid-area:stepper;width:100%}.ProgressStepper-module_stepList__b1wWX{align-items:flex-end;display:none;justify-content:center;list-style:none;margin:0;padding:0}@media (min-width:768px){.ProgressStepper-module_stepList__b1wWX{display:flex}}.ProgressStepper-module_step__-Ep19{container:step/inline-size;display:flex;flex-basis:100%;flex-grow:1;justify-content:center;max-width:var(--spacing-96,6rem);overflow-wrap:break-word;position:relative}.ProgressStepper-module_stepContent__B4uFS{align-items:center;display:flex;flex-direction:column}.ProgressStepper-module_stepIndicator__-qEWT{height:1.25rem;position:relative;width:1.25rem}.ProgressStepper-module_stepName__hS4lp{display:none;font-weight:var(--typography-paragraph-bold-font-weight,600);margin-bottom:var(--spacing-12,.75rem);text-align:center}.ProgressStepper-module_stepIcon__0Kh4y{color:var(--color-white,#fff);height:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem}.ProgressStepper-module_stepDivider__KEZPU{border:var(--spacing-1,.0625rem) solid var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);display:flex;flex-grow:1;height:0;left:100%;margin:0;min-width:calc(100% - var(--spacing-24, 1.5rem));position:absolute;top:calc(100% - .625rem);transform:translateX(-50%)}[dir=rtl] .ProgressStepper-module_stepDivider__KEZPU{left:unset;right:100%;transform:translateX(50%)}.ProgressStepper-module_stepperDescription__B00hX{display:flex;justify-content:center}@media (min-width:768px){.ProgressStepper-module_stepperDescription__B00hX{height:0;overflow:hidden;position:absolute;width:0}}@container step (min-width: 4.5rem){.ProgressStepper-module_stepName__hS4lp{display:inline}}
 .Root-module_root__7DVw5{align-items:center;background-color:var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1));display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template:"branding" min-content "titles" max-content "actions" min-content/1fr;justify-content:center;padding:var(--spacing-24,1.5rem);text-align:center}@media (min-width:768px){.Root-module_root__7DVw5{align-items:start;grid-template:"branding titles actions" min-content/1fr max-content 1fr;position:sticky;top:0;z-index:1}}
 .SVG-module_icon__8J5Ev{display:inline-block;height:20px;width:20px}.SVG-module_icon__8J5Ev>use{pointer-events:none}@media screen and (-ms-high-contrast:active){.SVG-module_icon__8J5Ev{color:#000}}@media screen and (-ms-high-contrast:white-on-black){.SVG-module_icon__8J5Ev{color:#fff}}@media screen and (-ms-high-contrast:black-on-white){.SVG-module_icon__8J5Ev{color:#000}}.SVG-module_inheritSize__Q8iam{display:block;height:inherit;width:inherit}
 .Avatar-module_wrapper__LY2q2{align-items:center;background:var(--color-gray-300,#eaeaec);border-radius:100%;box-sizing:border-box;display:flex;justify-content:center;overflow:hidden}.Avatar-module_wrapper__LY2q2:not(.Avatar-module_small__PeksS){border:3px solid var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1))}.Avatar-module_wrapper__LY2q2.Avatar-module_personal__2U7--{background:var(--color-orange-100,#fff0e8)}.Avatar-module_wrapper__LY2q2.Avatar-module_otherUser__b-drl{background:var(--color-gray-300,#eaeaec)}.Avatar-module_wrapper__LY2q2.Avatar-module_company__2qtJE{background:var(--color-white,#fff);border:0;border-radius:var(--border-solid-border-radius,7px);padding:6px}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS{height:1.25rem;width:1.25rem}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{margin-bottom:-1px}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS.Avatar-module_company__2qtJE{padding:0}.Avatar-module_wrapper__LY2q2.Avatar-module_medium__Vy3V8{height:3rem;width:3rem}.Avatar-module_wrapper__LY2q2.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q{margin-bottom:-1px}.Avatar-module_wrapper__LY2q2.Avatar-module_large__qiNWs{height:4.5rem;width:4.5rem}.Avatar-module_wrapper__LY2q2.Avatar-module_xlarge__Vx4IG{height:6rem;width:6rem}.Avatar-module_wrapper__LY2q2.Avatar-module_xxlarge__oOoGq{height:7.75rem;width:7.75rem}.Avatar-module_wrapper__LY2q2 .Avatar-module_initials__VDY2Q{speak-as:spell-out;border-bottom:none;text-decoration:none}.Avatar-module_avatarImage__FuULy{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.Avatar-module_loading__i9V-D .Avatar-module_avatarImage__FuULy{display:none}.Avatar-module_companyAvatarImage__7rlfG{border-radius:4px;box-sizing:border-box;-o-object-fit:contain;object-fit:contain}.Avatar-module_fallbackIcon__MPWxq{color:rgba(var(--color-purple-800-rgb,47,36,56),.7);width:28px}.Avatar-module_xxlarge__oOoGq .Avatar-module_fallbackIcon__MPWxq{width:75px}.Avatar-module_xlarge__Vx4IG .Avatar-module_fallbackIcon__MPWxq{width:60px}.Avatar-module_large__qiNWs .Avatar-module_fallbackIcon__MPWxq{width:35px}.Avatar-module_medium__Vy3V8 .Avatar-module_fallbackIcon__MPWxq{margin-bottom:-1px;width:25px}.Avatar-module_small__PeksS .Avatar-module_fallbackIcon__MPWxq{margin-bottom:-1px;width:10px}.Avatar-module_initials__VDY2Q{box-sizing:border-box;color:var(--color-purple-800,#2f2438);font-family:var(--typography-heading-1-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:22px;font-weight:var(--typography-heading-1-font-weight,700);letter-spacing:var(--typography-heading-3-letter-spacing,normal);padding-left:5px;padding-right:5px;text-align:center;width:100%}.Avatar-module_initials__VDY2Q:not(.Avatar-module_longName__31Yuf):before{content:"";display:block;margin-top:-.001em}.Avatar-module_xlarge__Vx4IG .Avatar-module_initials__VDY2Q,.Avatar-module_xxlarge__oOoGq .Avatar-module_initials__VDY2Q{font-size:34px;letter-spacing:var(--typography-heading-1-letter-spacing,normal)}.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q{font-size:16px}.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q,.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{font-weight:var(--typography-heading-5-font-weight,600);letter-spacing:var(--typography-heading-5-letter-spacing,normal)}.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{font-size:8px}

package/dist/esm/index.mjs

@@ -406,6 +406,7 @@ export { TileGrid } from './Tile/TileGrid/TileGrid.mjs';
 export { TimeField } from './TimeField/TimeField.mjs';
 export { TitleBlockZen } from './TitleBlockZen/TitleBlockZen.mjs';
 export { NavigationTab } from './TitleBlockZen/subcomponents/NavigationTabs.mjs';
+export { TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID, TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID } from './TitleBlockZen/constants.mjs';
 export { ToggleSwitch } from './ToggleSwitch/ToggleSwitch/ToggleSwitch.mjs';
 export { ToggleSwitchField } from './ToggleSwitch/ToggleSwitchField/ToggleSwitchField.mjs';
 export { Tooltip } from './Tooltip/Tooltip.mjs';

package/dist/esm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.d.ts

@@ -2770,9 +2770,10 @@ type MenuItemProps = {
      */
     isActive?: boolean;
     "data-testid"?: string;
+    id?: string;
 };
 declare const MenuItem: {
-    ({ label, icon, destructive, disabled, onClick, href, target, isActive, "data-testid": dataTestId, }: MenuItemProps): JSX.Element;
+    ({ label, icon, destructive, disabled, onClick, href, target, isActive, "data-testid": dataTestId, id, }: MenuItemProps): JSX.Element;
     displayName: string;
 };
 
@@ -4141,6 +4142,7 @@ type TitleBlockProps = {
     collapseNavigationAreaWhenPossible?: boolean;
     textDirection?: TextDirection;
     surveyStatus?: SurveyStatus;
+    id?: string;
     titleAutomationId?: string;
     breadcrumbAutomationId?: string;
     breadcrumbTextAutomationId?: string;
@@ -4148,6 +4150,7 @@ type TitleBlockProps = {
     subtitleAutomationId?: string;
     sectionTitleAutomationId?: string;
     sectionTitleDescriptionAutomationId?: string;
+    autoHideMobileActionsMenu?: boolean;
 };
 /**
  * ### PrimaryActionProps
@@ -4257,10 +4260,13 @@ type CustomBreadcrumbProps = TitleBlockBreadcrumbProps & {
  * {@link https://cultureamp.design/?path=/story/components-titleblock--docs Storybook}
  */
 declare const TitleBlockZen: {
-    ({ title, variant, breadcrumb, avatar, subtitle, sectionTitle, sectionTitleDescription, renderSectionTitle, pageSwitcherSelect, handleHamburgerClick, primaryAction, defaultAction, secondaryActions, secondaryOverflowMenuItems, navigationTabs, collapseNavigationAreaWhenPossible, textDirection, surveyStatus, titleAutomationId, avatarAutomationId, subtitleAutomationId, sectionTitleAutomationId, sectionTitleDescriptionAutomationId, breadcrumbAutomationId, breadcrumbTextAutomationId, }: TitleBlockProps): JSX.Element;
+    ({ title, variant, breadcrumb, avatar, subtitle, sectionTitle, sectionTitleDescription, renderSectionTitle, pageSwitcherSelect, handleHamburgerClick, primaryAction, defaultAction, secondaryActions, secondaryOverflowMenuItems, navigationTabs, collapseNavigationAreaWhenPossible, textDirection, surveyStatus, id, titleAutomationId, avatarAutomationId, subtitleAutomationId, sectionTitleAutomationId, sectionTitleDescriptionAutomationId, breadcrumbAutomationId, breadcrumbTextAutomationId, autoHideMobileActionsMenu, }: TitleBlockProps): JSX.Element;
     displayName: string;
 };
 
+declare const TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID = "title-block-secondary-menu";
+declare const TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID = "title-block-other-actions";
+
 type ToggledStatus = "on" | "off";
 type ToggleSwitchProps = {
     toggledStatus?: ToggledStatus;
@@ -4390,4 +4396,4 @@ declare const Workflow: {
     };
 };
 
-export { AcademyIcon, AccountBasics, Action, ActionOffIcon, ActionOffWhiteIcon, ActionOnIcon, ActionPlans, type ActionProps, type ActiveFiltersArray, AddIcon, AddImage, AddLinkIcon, AddUser, AddWhiteIcon, AiIcon, Alarm, type AllowedHeadingColors, type AllowedHeadingTags, type AllowedTextColors, type AllowedTextTags, AmplifyOthers, type AnimatedSceneProps, ArchivedIcon, ArchivedWhiteIcon, ArrowBackwardIcon, ArrowDownIcon, ArrowForwardIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Assertive, AsyncSelect, type AttrsValidator, Avatar, AvatarGroup, type AvatarGroupAvatarProps, type AvatarGroupProps, type AvatarGroupSize, type AvatarList, type AvatarProps, type AvatarSizes, BCorp, Badge, BadgeAnimated, type BadgeProps, BaselineSurvey, Behaviour, BenefitsSurvey, BlankIcon, BlankSurvey, BoldIcon, BookmarkOffIcon, BookmarkOnIcon, BranchingIcon, Brand, BrandMoment, BrandMomentCaptureIntro, BrandMomentError, BrandMomentLogin, BrandMomentNewAccountOnboarding, BrandMomentPositiveOutro, type BrandMomentProps, BrandMomentStarterKit, BrandMomentUploadEmployeeData, type BrandProps, BullettedListIcon, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonWithHrefNotOnClick, type ButtonWithOnClickNotHref, CaMonogramIcon, CalendarRange, type CalendarRangeElement, type CalendarRangeProps, CalendarSingle, type CalendarSingleElement, type CalendarSingleProps, CalendarSync, CameraIcon, CandidateSurvey, Card, type CardProps, type CardVariants, CautionIcon, CautionWhiteIcon, Cautionary, ChangeAgents, ChangeReadiness, ChangeSuccess, CheckIcon, Checkbox, CheckboxField, type CheckboxFieldProps, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckedStatus, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClearButton, type ClearButtonProps, ClearIcon, ClearWhiteIcon, CloseIcon, ClosedIcon, ClosedWhiteIcon, Coaching, Collaboration, Collapsible, CollapsibleGroup, type CollapsibleGroupProps, type CollapsibleProps, type CommandFactory, type CommandOrTransaction, CommentAddIcon, CommentAddWhiteIcon, CommentBankIcon, CommentDisabledIcon, CommentDisabledWhiteIcon, CommentIcon, CommentWhiteIcon, Communication, Communications, CommunicationsIcon, Community, Company, type CompanyAvatarProps, CompanyDetails, CompanyValues, CompetencyLibraryIcon, ConfigureIcon, ConfirmationModal, type ConfirmationModalProps, ConnectIcon, ConnectLineIcon, ConnectTheDots, Container, Content, type ContentProps, ContextModal, type ContextModalProps, type ContextModalSecondaryActionProps, Conversations, CultureLab, type CustomBreadcrumbProps, type CustomButtonProps, CustomIcon, type CustomNavigationTabProps, CustomOnboardSurvey, CustomSurvey, CustomUnattributedSurvey, DashboardIcon, DataVisualization, DateEndIcon, DateEndWhiteIcon, DateFormat, DateInput, DateInputDescription, type DateInputDescriptionProps, type DateInputProps, DateInputWithIconButton, type DateInputWithIconButtonProps, type DateInputWithIconButtonRefs, DatePicker, type DatePickerProps, type DateRangeFieldValidationMessage, DateRangeIcon, DateRangePicker, type DateRangePickerProps, DateRangeWhiteIcon, DateStartIcon, DateStartWhiteIcon, type DateValidationResponse, DayOfWeek, DecreaseIndentIcon, type DefaultActionProps, type DefaultTagProps, DeltaBareIcon, DeltaBareWhiteIcon, DeltaFlatIcon, DeltaIcon, DeltaNegativeIcon, DeltaPositiveIcon, DeltaWhiteIcon, DemographicsIcon, DepartmentIcon, DirectionalLink, type DirectionalLinkProps, type DisabledDayMatchers, type DisabledDays, type Dispatch, Divider, type DividerProps, type Doc, type DocContent, DraftIcon, DraftWhiteIcon, DragIcon, DuplicateIcon, EditIcon, EditableRichTextContent, type EditableRichTextContentProps, type EditorContentArray, type EditorRows, type EditorView, EffectivenessIcon, EllipsisIcon, EmailIcon, EmergencyResponse, EmployeeData, EmptyIcon, EmptyState, type EmptyStateProps, EmptyStatesAction, EmptyStatesInformative, EmptyStatesNegative, EmptyStatesNeutral, EmptyStatesPositive, EmptyWhiteIcon, EndIcon, EndOfProbation, EngagementIcon, EngagementSurvey, EngagementSurveySummaryFemale, EngagementSurveySummaryMale, EngagementWhiteIcon, EqualIcon, EqualWhiteIcon, ErrorPage, type ErrorPageProps, EssentialProductivity, EssentialResilience, ExclamationIcon, ExclamationOctagonIcon, ExclamationOctagonWhiteIcon, ExclamationWhiteIcon, ExecutiveReportSharing, ExitSurvey, ExperienceIcon, ExpertAdviceCollapsible, type ExpertAdviceCollapsibleProps, ExportIcon, ExportWhiteIcon, ExternalLinkIcon, FaceDissatisfiedIcon, FaceDissatisfiedWhiteIcon, FaceNeutralIcon, FaceNeutralWhiteIcon, FaceSatisfiedIcon, FaceSatisfiedWhiteIcon, FaceVeryDissatisfiedIcon, FaceVeryDissatisfiedWhiteIcon, FaceVerySatisfiedIcon, FaceVerySatisfiedWhiteIcon, FactorsIcon, FastAction, FavoriteOffIcon, FavoriteOnIcon, Feedback, FeedbackClassifyIcon, FeedbackClassifyWhiteIcon, FeedbackCompletedIcon, FeedbackCompletedWhiteIcon, FeedbackReportIcon, FeedbackReportWhiteIcon, FeedbackReviewIcon, FeedbackReviewWhiteIcon, FeedbackShareIcon, FeedbackShareWhiteIcon, FieldGroup, type FieldGroupProps, FieldMessage, type FieldMessageProps, type FieldMessageStatus, FileIcon, FileWhiteIcon, Filter, type FilterAttributes, FilterBar, type FilterBarContextValue, type FilterBarProps, FilterBarProvider, type FilterBarProviderProps, type FilterBarState, type FilterBarStateFilters, FilterButton, type FilterButtonProps, FilterButtonRemovable, type FilterButtonRemovableProps, type FilterButtonRemovableRefs, FilterContents, type FilterContentsProps, FilterDatePicker, FilterDatePickerField, type FilterDatePickerFieldProps, type FilterDatePickerProps, FilterDateRangePicker, type FilterDateRangePickerProps, FilterIcon, type FilterIsUsableWhen, FilterMultiSelect, type FilterMultiSelectProps, type FilterProps, FilterSelect, type FilterSelectProps, type FilterState, type FilterStateEditableAttributes, type FilterTriggerButtonProps, type FilterTriggerRef, type Filters, type FiltersValues, Fire, Fireworks, FlagOffIcon, FlagOffWhiteIcon, FlagOnIcon, FullIcon, FullImport, Gdpr, GeneralOnboardSurvey, type GenericAvatarProps, GenericModal, type GenericModalProps, type GetDateValidationHandlerArgs, GlobalNotification, type GlobalNotificationProps, Goals, GridViewIcon, GuidanceBlock, type GuidanceBlockProps, type GuidanceBlockState, GuidanceIcon, HamburgerIcon, HaveTheCourageToBeVulnerable, Heading, type HeadingProps, type HeadingVariants, HealthAndSafety, HeatmapIcon, HeatmapWhiteIcon, HierarchyIcon, HomeIcon, HrisImport, IconButton, type IconButtonProps, ImportIcon, ImportWhiteIcon, InclusionSurvey, IncreaseIndentIcon, IndicatorActiveIcon, IndicatorInactiveIcon, Individual180, Individual360, InfluentialCommunication, Information360Upgrade, InformationDemographicFocus, InformationEmergingTrends, InformationEmployeeLifecycle, InformationIcon, InformationReportOwner, InformationReportOwnerByRule, InformationTile, type InformationTileProps, InformationTurnoverCalculator, InformationTurnoverForecast, InformationWhiteIcon, Informative, InlineNotification, type InlineNotificationProps, Input, InputEditModal, type InputEditModalProps, type InputProps, InputRange, type InputRangeProps, InputSearch, type InputSearchProps, InputStatus, type InputStatusType, type InputType, InputTypes, InsightIcon, Insights, InsightsIcon, InternSurvey, type InternalFilterState, InvisibleIcon, ItalicsIcon, type ItemType, KaizenProvider, type KaizenProviderProps, KebabIcon, KioskIcon, KioskWhiteIcon, Label, type LabelProps, LabelledMessage, type LabelledMessageProps, LaunchIcon, LaunchWhiteIcon, LeaderReportSharing, LeaderboardIcon, Leadership180, Leadership360, LeadingChange, LeadingThroughCrisis, Learn, LearnFasterThroughFeedback, LikertScaleLegacy, type LikertScaleProps, LinkEditor, type LinkEditorAttrs, type LinkEditorProps, LinkModal, LinkPopover, type LinkPopoverProps, type ListBoxItems, type ListBoxProps, type ListBoxSectionProps$1 as ListBoxSectionProps, ListViewIcon, LiveIcon, type LoadMoreButtonProps, LoadingGraphic, type LoadingGraphicProps, type LoadingGraphicSize, LoadingHeading, type LoadingHeadingProps, LoadingInput, type LoadingInputProps, LoadingParagraph, type LoadingParagraphProps, LoadingSpinner, type LoadingSpinnerProps, LockIcon, LockWhiteIcon, LogOutIcon, London, Manager180, Manager360, ManagerLearning, ManagerReportSharing, type MappedFilters, type MarkRange, MaximizeIcon, MeatballsIcon, MeetingVoices, Melbourne, Menu, type MenuFooterProps, MenuHeading, type MenuHeadingProps, MenuItem, type MenuItemProps, MenuList, type MenuListProps, type MenuLoadingSkeletonProps, type MenuProps, MenuTriggerConsumer, MenuTriggerProvider, type MenuTriggerProviderContextType, type MenuTriggerProviderProps, Microphone, MinimizeIcon, MinusIcon, ModalAccessibleDescription, type ModalAccessibleDescriptionProps, ModalAccessibleLabel, type ModalAccessibleLabelProps, ModalBody, type ModalBodyProps, ModalContext, type ModalContextType, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, MultiActionTile, type MultiActionTileProps, MultiSelect, type MultiSelectItem, type MultiSelectOptionProps, type MultiSelectProps, NavigationTab, type NavigationTabProps, type NavigationTabs, NavigatorIcon, Negative, NewWaysOfWorking, NewYork, type NoResultsProps, NotificationIcon, NumberedListIcon, NumberedListRtlIcon, Objective, OneOnOne, OpenIcon, OpenWhiteIcon, OrganizationIcon, Pagination, PaginationLink, type PaginationLinkProps, type PaginationProps, PaperPen, PartialImport, ParticipationIcon, ParticipationWhiteIcon, PauseIcon, PauseWhiteIcon, PercentageIcon, PerformanceCompanySettings, PerformanceDiagnostics, PermissionsIcon, PersonIcon, PhasedWeek1OnboardSurvey, PhasedWeek5OnboardSurvey, PhotoUploadIcon, Popover, type PopoverProps, Positive, PowerIcon, PowerfulInsights, type PrimaryActionProps, PrintIcon, PrintWhiteIcon, Privacy, Process, ProcessManagerIcon, Productivity, Programs, ProgressBar, type ProgressBarProps, PromotionIcon, PromotionWhiteIcon, PulseSurvey, QuestionIcon, QuestionWhiteIcon, QuestionsIcon, QuickEngagementSurvey, Radio, RadioField, type RadioFieldProps, RadioGroup, type RadioGroupProps, type RadioProps, ReOnboarding, ReadArticle, Recommendation, RedoIcon, RefreshIcon, RemoteManager, RemoteOnboardSurvey, RemoteWorkQSet, type RemovableFilterTriggerProps, RemoveLinkIcon, RepeatsIcon, ReportIcon, ReportSharing, ReportSharingIcon, Resilience, Resources, Response, RestoreIcon, ReturnToWorkplace, RichTextContent, type RichTextContentProps, RichTextEditor, type RichTextEditorProps, SanFrancisco, SaveIcon, type SceneProps, ScienceBackedTools, SearchField, type SearchFieldProps, SearchIcon, type SearchInputProps, SearchWhiteIcon, type SecondaryActionItemProps, type SecondaryActionsProps, type SectionTitleRenderProps, SecurityTipIcon, Select, type SelectItem, type SelectItemNode, type SelectOption, type SelectOptionGroup, type SelectOptionGroupNode, type SelectOptionNode, type SelectProps, SelectionConsumer, SelectionProvider, type SelectionProviderContextType, type SelectionProviderProps, SendIcon, SendRtlIcon, SettingsIcon, SettingsWhiteIcon, ShareIcon, ShareReport, SinglePointOnboardSurvey, SkillsCoach1On1Meetings, SkillsCoachCoaching, SkillsCoachEmployeeDevelopment, SkillsCoachEssentialFeedback, SkillsCoachEssentialProductivity, SkillsCoachEssentialResilience, SkillsCoachFeedback, SkillsCoachInfluentialCommunication, SkillsCoachLeadingChange, SkillsCoachManagerHub, SkillsCoachProductivity, SkillsCoachRemoteManager, SkillsCoachResilience, SkillsCoachStrategy, SkillsDevelopment, SkipIcon, SkipWhiteIcon, Skirt, SkirtCard, type SkirtCardProps, type SkirtProps, Slider, type SliderFieldProps, SortAscendingIcon, SortDescendingIcon, type SourceFiltersState, SpinnerIcon, SplitButton, type SplitButtonProps, type SpotProps, SpreadsheetTemplate, StarOffIcon, StarOnIcon, Starburst, StartIcon, StatelessMenu, type StatelessMenuProps, Stop, Strategy, SubtractIcon, SubtractWhiteIcon, SuccessIcon, SuccessWhiteIcon, SupportIcon, SurveyGetStarted, SurveyOverviewClosed, type SurveyStatus, SurveysIcon, SurveysWhiteIcon, SyncIcon, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, TableCard, type TableCardProps, TableContainer, type TableContainerProps, TableHeader, type TableHeaderProps, TableHeaderRowCell, type TableHeaderRowCellProps, type TableHeaderRowProps, TableRow, TableRowCell, type TableRowCellProps, type TableRowProps, Tabs, type TabsProps, Tag, TagIcon, type TagProps, type TagWithAvatarProps, TakeAim, TasksIcon, TasksWhiteIcon, Team1, Team2, TeamEffectiveness1, TeamEffectiveness2, TemplateIcon, TemplateWhiteIcon, Templates, TermsAgreement, Text, TextAnalyticsIcon, TextAnalyticsWhiteIcon, TextArea, TextAreaField, type TextAreaFieldProps, type TextAreaProps, type TextDirection, TextField, type TextFieldProps, type TextProps, type TextVariants, ThumbsDownIcon, ThumbsUpIcon, type TileElement, TileGrid, type TileGridProps, TimeField, type TimeFieldProps, TimeIcon, TimeWhiteIcon, Timezone, type TitleBlockAvatarProps, type TitleBlockBadgeProps, type TitleBlockBreadcrumbProps, type TitleBlockBreadcrumbType, type TitleBlockButtonProps, type TitleBlockCustomButtonProps, type TitleBlockDistributiveOmit, type TitleBlockMenuGroup, type TitleBlockMenuItemProps, type TitleBlockProps, type TitleBlockSelectProps, type TitleBlockVariant, TitleBlockZen, ToastNotification, type ToastNotificationObj, type ToastNotificationProps, ToastNotificationsList, ToggleIconButton, type ToggleIconButtonProps, ToggleSwitch, ToggleSwitchField, type ToggleSwitchFieldProps, type ToggleSwitchProps, type ToggledStatus, Toolbar, type ToolbarControlTypes, type ToolbarItems, type ToolbarProps, ToolbarSection, type ToolbarSectionProps, Tooltip, type TooltipProps, TrafficCone, Training1, Training2, Training3, TranslationIcon, TrashIcon, Trophy, TrustOthersToMakeDecisions, UnattributedIcon, UnattributedWhiteIcon, UnderConstruction, UnderlineIcon, UndoIcon, type UseDateValidationArgs, type UseDateValidationValue, UserAddIcon, UserDeleteIcon, UserExitIcon, UserIcon, UserSelectIcon, UserSettingsIcon, UserUpdateIcon, UsersIcon, type ValidateDateResponse, type ValidationMessage$1 as ValidationMessage, type ValidationResponse, ValueAdd, ValuesSurvey1, ValuesSurvey2, Video, ViewReports, VisibleIcon, VisuallyHidden, type VisuallyHiddenProps, Well, type WellProps, WellbeingSurvey, WellbeingSurvey1, WellbeingSurvey2, WellbeingSurvey3, Workflow, type WorkflowProps, Workshop, WritingIcon, ZoomInIcon, ZoomOutIcon, addMark, bulletListRule, calculateDisabledDays, createDocNode, createDocNodeFromContent, createEditorState, createLinkManager, createRichTextEditor, formatDateAsNumeral, formatDateAsText, formatDateRangeValue, getDateValidationHandler, getMarkAttrs, getMarkRange, getMarks, getNodes, getSelectedOptionKeys, getSelectedOptionLabels, getTruncatedLabels, isDisabledDate, isInvalidDate, isSelectingDayInCalendar, isValidWeekStartsOn, listIsActive, markContainsSelection, markIsActive, orderedListRule, parseDateAsTextOrNumeral, parseDateFromNumeralFormatValue, parseDateFromTextFormatValue, removeMark, setFocusInCalendar, updateMark, useDateValidation, useFilterBarContext, useMenuTriggerContext, usePopover, useRichTextEditor, useSelectionContext, useToastNotification, validateAndRemoveMarks, validateDate };
+export { AcademyIcon, AccountBasics, Action, ActionOffIcon, ActionOffWhiteIcon, ActionOnIcon, ActionPlans, type ActionProps, type ActiveFiltersArray, AddIcon, AddImage, AddLinkIcon, AddUser, AddWhiteIcon, AiIcon, Alarm, type AllowedHeadingColors, type AllowedHeadingTags, type AllowedTextColors, type AllowedTextTags, AmplifyOthers, type AnimatedSceneProps, ArchivedIcon, ArchivedWhiteIcon, ArrowBackwardIcon, ArrowDownIcon, ArrowForwardIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Assertive, AsyncSelect, type AttrsValidator, Avatar, AvatarGroup, type AvatarGroupAvatarProps, type AvatarGroupProps, type AvatarGroupSize, type AvatarList, type AvatarProps, type AvatarSizes, BCorp, Badge, BadgeAnimated, type BadgeProps, BaselineSurvey, Behaviour, BenefitsSurvey, BlankIcon, BlankSurvey, BoldIcon, BookmarkOffIcon, BookmarkOnIcon, BranchingIcon, Brand, BrandMoment, BrandMomentCaptureIntro, BrandMomentError, BrandMomentLogin, BrandMomentNewAccountOnboarding, BrandMomentPositiveOutro, type BrandMomentProps, BrandMomentStarterKit, BrandMomentUploadEmployeeData, type BrandProps, BullettedListIcon, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonWithHrefNotOnClick, type ButtonWithOnClickNotHref, CaMonogramIcon, CalendarRange, type CalendarRangeElement, type CalendarRangeProps, CalendarSingle, type CalendarSingleElement, type CalendarSingleProps, CalendarSync, CameraIcon, CandidateSurvey, Card, type CardProps, type CardVariants, CautionIcon, CautionWhiteIcon, Cautionary, ChangeAgents, ChangeReadiness, ChangeSuccess, CheckIcon, Checkbox, CheckboxField, type CheckboxFieldProps, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckedStatus, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClearButton, type ClearButtonProps, ClearIcon, ClearWhiteIcon, CloseIcon, ClosedIcon, ClosedWhiteIcon, Coaching, Collaboration, Collapsible, CollapsibleGroup, type CollapsibleGroupProps, type CollapsibleProps, type CommandFactory, type CommandOrTransaction, CommentAddIcon, CommentAddWhiteIcon, CommentBankIcon, CommentDisabledIcon, CommentDisabledWhiteIcon, CommentIcon, CommentWhiteIcon, Communication, Communications, CommunicationsIcon, Community, Company, type CompanyAvatarProps, CompanyDetails, CompanyValues, CompetencyLibraryIcon, ConfigureIcon, ConfirmationModal, type ConfirmationModalProps, ConnectIcon, ConnectLineIcon, ConnectTheDots, Container, Content, type ContentProps, ContextModal, type ContextModalProps, type ContextModalSecondaryActionProps, Conversations, CultureLab, type CustomBreadcrumbProps, type CustomButtonProps, CustomIcon, type CustomNavigationTabProps, CustomOnboardSurvey, CustomSurvey, CustomUnattributedSurvey, DashboardIcon, DataVisualization, DateEndIcon, DateEndWhiteIcon, DateFormat, DateInput, DateInputDescription, type DateInputDescriptionProps, type DateInputProps, DateInputWithIconButton, type DateInputWithIconButtonProps, type DateInputWithIconButtonRefs, DatePicker, type DatePickerProps, type DateRangeFieldValidationMessage, DateRangeIcon, DateRangePicker, type DateRangePickerProps, DateRangeWhiteIcon, DateStartIcon, DateStartWhiteIcon, type DateValidationResponse, DayOfWeek, DecreaseIndentIcon, type DefaultActionProps, type DefaultTagProps, DeltaBareIcon, DeltaBareWhiteIcon, DeltaFlatIcon, DeltaIcon, DeltaNegativeIcon, DeltaPositiveIcon, DeltaWhiteIcon, DemographicsIcon, DepartmentIcon, DirectionalLink, type DirectionalLinkProps, type DisabledDayMatchers, type DisabledDays, type Dispatch, Divider, type DividerProps, type Doc, type DocContent, DraftIcon, DraftWhiteIcon, DragIcon, DuplicateIcon, EditIcon, EditableRichTextContent, type EditableRichTextContentProps, type EditorContentArray, type EditorRows, type EditorView, EffectivenessIcon, EllipsisIcon, EmailIcon, EmergencyResponse, EmployeeData, EmptyIcon, EmptyState, type EmptyStateProps, EmptyStatesAction, EmptyStatesInformative, EmptyStatesNegative, EmptyStatesNeutral, EmptyStatesPositive, EmptyWhiteIcon, EndIcon, EndOfProbation, EngagementIcon, EngagementSurvey, EngagementSurveySummaryFemale, EngagementSurveySummaryMale, EngagementWhiteIcon, EqualIcon, EqualWhiteIcon, ErrorPage, type ErrorPageProps, EssentialProductivity, EssentialResilience, ExclamationIcon, ExclamationOctagonIcon, ExclamationOctagonWhiteIcon, ExclamationWhiteIcon, ExecutiveReportSharing, ExitSurvey, ExperienceIcon, ExpertAdviceCollapsible, type ExpertAdviceCollapsibleProps, ExportIcon, ExportWhiteIcon, ExternalLinkIcon, FaceDissatisfiedIcon, FaceDissatisfiedWhiteIcon, FaceNeutralIcon, FaceNeutralWhiteIcon, FaceSatisfiedIcon, FaceSatisfiedWhiteIcon, FaceVeryDissatisfiedIcon, FaceVeryDissatisfiedWhiteIcon, FaceVerySatisfiedIcon, FaceVerySatisfiedWhiteIcon, FactorsIcon, FastAction, FavoriteOffIcon, FavoriteOnIcon, Feedback, FeedbackClassifyIcon, FeedbackClassifyWhiteIcon, FeedbackCompletedIcon, FeedbackCompletedWhiteIcon, FeedbackReportIcon, FeedbackReportWhiteIcon, FeedbackReviewIcon, FeedbackReviewWhiteIcon, FeedbackShareIcon, FeedbackShareWhiteIcon, FieldGroup, type FieldGroupProps, FieldMessage, type FieldMessageProps, type FieldMessageStatus, FileIcon, FileWhiteIcon, Filter, type FilterAttributes, FilterBar, type FilterBarContextValue, type FilterBarProps, FilterBarProvider, type FilterBarProviderProps, type FilterBarState, type FilterBarStateFilters, FilterButton, type FilterButtonProps, FilterButtonRemovable, type FilterButtonRemovableProps, type FilterButtonRemovableRefs, FilterContents, type FilterContentsProps, FilterDatePicker, FilterDatePickerField, type FilterDatePickerFieldProps, type FilterDatePickerProps, FilterDateRangePicker, type FilterDateRangePickerProps, FilterIcon, type FilterIsUsableWhen, FilterMultiSelect, type FilterMultiSelectProps, type FilterProps, FilterSelect, type FilterSelectProps, type FilterState, type FilterStateEditableAttributes, type FilterTriggerButtonProps, type FilterTriggerRef, type Filters, type FiltersValues, Fire, Fireworks, FlagOffIcon, FlagOffWhiteIcon, FlagOnIcon, FullIcon, FullImport, Gdpr, GeneralOnboardSurvey, type GenericAvatarProps, GenericModal, type GenericModalProps, type GetDateValidationHandlerArgs, GlobalNotification, type GlobalNotificationProps, Goals, GridViewIcon, GuidanceBlock, type GuidanceBlockProps, type GuidanceBlockState, GuidanceIcon, HamburgerIcon, HaveTheCourageToBeVulnerable, Heading, type HeadingProps, type HeadingVariants, HealthAndSafety, HeatmapIcon, HeatmapWhiteIcon, HierarchyIcon, HomeIcon, HrisImport, IconButton, type IconButtonProps, ImportIcon, ImportWhiteIcon, InclusionSurvey, IncreaseIndentIcon, IndicatorActiveIcon, IndicatorInactiveIcon, Individual180, Individual360, InfluentialCommunication, Information360Upgrade, InformationDemographicFocus, InformationEmergingTrends, InformationEmployeeLifecycle, InformationIcon, InformationReportOwner, InformationReportOwnerByRule, InformationTile, type InformationTileProps, InformationTurnoverCalculator, InformationTurnoverForecast, InformationWhiteIcon, Informative, InlineNotification, type InlineNotificationProps, Input, InputEditModal, type InputEditModalProps, type InputProps, InputRange, type InputRangeProps, InputSearch, type InputSearchProps, InputStatus, type InputStatusType, type InputType, InputTypes, InsightIcon, Insights, InsightsIcon, InternSurvey, type InternalFilterState, InvisibleIcon, ItalicsIcon, type ItemType, KaizenProvider, type KaizenProviderProps, KebabIcon, KioskIcon, KioskWhiteIcon, Label, type LabelProps, LabelledMessage, type LabelledMessageProps, LaunchIcon, LaunchWhiteIcon, LeaderReportSharing, LeaderboardIcon, Leadership180, Leadership360, LeadingChange, LeadingThroughCrisis, Learn, LearnFasterThroughFeedback, LikertScaleLegacy, type LikertScaleProps, LinkEditor, type LinkEditorAttrs, type LinkEditorProps, LinkModal, LinkPopover, type LinkPopoverProps, type ListBoxItems, type ListBoxProps, type ListBoxSectionProps$1 as ListBoxSectionProps, ListViewIcon, LiveIcon, type LoadMoreButtonProps, LoadingGraphic, type LoadingGraphicProps, type LoadingGraphicSize, LoadingHeading, type LoadingHeadingProps, LoadingInput, type LoadingInputProps, LoadingParagraph, type LoadingParagraphProps, LoadingSpinner, type LoadingSpinnerProps, LockIcon, LockWhiteIcon, LogOutIcon, London, Manager180, Manager360, ManagerLearning, ManagerReportSharing, type MappedFilters, type MarkRange, MaximizeIcon, MeatballsIcon, MeetingVoices, Melbourne, Menu, type MenuFooterProps, MenuHeading, type MenuHeadingProps, MenuItem, type MenuItemProps, MenuList, type MenuListProps, type MenuLoadingSkeletonProps, type MenuProps, MenuTriggerConsumer, MenuTriggerProvider, type MenuTriggerProviderContextType, type MenuTriggerProviderProps, Microphone, MinimizeIcon, MinusIcon, ModalAccessibleDescription, type ModalAccessibleDescriptionProps, ModalAccessibleLabel, type ModalAccessibleLabelProps, ModalBody, type ModalBodyProps, ModalContext, type ModalContextType, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, MultiActionTile, type MultiActionTileProps, MultiSelect, type MultiSelectItem, type MultiSelectOptionProps, type MultiSelectProps, NavigationTab, type NavigationTabProps, type NavigationTabs, NavigatorIcon, Negative, NewWaysOfWorking, NewYork, type NoResultsProps, NotificationIcon, NumberedListIcon, NumberedListRtlIcon, Objective, OneOnOne, OpenIcon, OpenWhiteIcon, OrganizationIcon, Pagination, PaginationLink, type PaginationLinkProps, type PaginationProps, PaperPen, PartialImport, ParticipationIcon, ParticipationWhiteIcon, PauseIcon, PauseWhiteIcon, PercentageIcon, PerformanceCompanySettings, PerformanceDiagnostics, PermissionsIcon, PersonIcon, PhasedWeek1OnboardSurvey, PhasedWeek5OnboardSurvey, PhotoUploadIcon, Popover, type PopoverProps, Positive, PowerIcon, PowerfulInsights, type PrimaryActionProps, PrintIcon, PrintWhiteIcon, Privacy, Process, ProcessManagerIcon, Productivity, Programs, ProgressBar, type ProgressBarProps, PromotionIcon, PromotionWhiteIcon, PulseSurvey, QuestionIcon, QuestionWhiteIcon, QuestionsIcon, QuickEngagementSurvey, Radio, RadioField, type RadioFieldProps, RadioGroup, type RadioGroupProps, type RadioProps, ReOnboarding, ReadArticle, Recommendation, RedoIcon, RefreshIcon, RemoteManager, RemoteOnboardSurvey, RemoteWorkQSet, type RemovableFilterTriggerProps, RemoveLinkIcon, RepeatsIcon, ReportIcon, ReportSharing, ReportSharingIcon, Resilience, Resources, Response, RestoreIcon, ReturnToWorkplace, RichTextContent, type RichTextContentProps, RichTextEditor, type RichTextEditorProps, SanFrancisco, SaveIcon, type SceneProps, ScienceBackedTools, SearchField, type SearchFieldProps, SearchIcon, type SearchInputProps, SearchWhiteIcon, type SecondaryActionItemProps, type SecondaryActionsProps, type SectionTitleRenderProps, SecurityTipIcon, Select, type SelectItem, type SelectItemNode, type SelectOption, type SelectOptionGroup, type SelectOptionGroupNode, type SelectOptionNode, type SelectProps, SelectionConsumer, SelectionProvider, type SelectionProviderContextType, type SelectionProviderProps, SendIcon, SendRtlIcon, SettingsIcon, SettingsWhiteIcon, ShareIcon, ShareReport, SinglePointOnboardSurvey, SkillsCoach1On1Meetings, SkillsCoachCoaching, SkillsCoachEmployeeDevelopment, SkillsCoachEssentialFeedback, SkillsCoachEssentialProductivity, SkillsCoachEssentialResilience, SkillsCoachFeedback, SkillsCoachInfluentialCommunication, SkillsCoachLeadingChange, SkillsCoachManagerHub, SkillsCoachProductivity, SkillsCoachRemoteManager, SkillsCoachResilience, SkillsCoachStrategy, SkillsDevelopment, SkipIcon, SkipWhiteIcon, Skirt, SkirtCard, type SkirtCardProps, type SkirtProps, Slider, type SliderFieldProps, SortAscendingIcon, SortDescendingIcon, type SourceFiltersState, SpinnerIcon, SplitButton, type SplitButtonProps, type SpotProps, SpreadsheetTemplate, StarOffIcon, StarOnIcon, Starburst, StartIcon, StatelessMenu, type StatelessMenuProps, Stop, Strategy, SubtractIcon, SubtractWhiteIcon, SuccessIcon, SuccessWhiteIcon, SupportIcon, SurveyGetStarted, SurveyOverviewClosed, type SurveyStatus, SurveysIcon, SurveysWhiteIcon, SyncIcon, TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID, TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, TableCard, type TableCardProps, TableContainer, type TableContainerProps, TableHeader, type TableHeaderProps, TableHeaderRowCell, type TableHeaderRowCellProps, type TableHeaderRowProps, TableRow, TableRowCell, type TableRowCellProps, type TableRowProps, Tabs, type TabsProps, Tag, TagIcon, type TagProps, type TagWithAvatarProps, TakeAim, TasksIcon, TasksWhiteIcon, Team1, Team2, TeamEffectiveness1, TeamEffectiveness2, TemplateIcon, TemplateWhiteIcon, Templates, TermsAgreement, Text, TextAnalyticsIcon, TextAnalyticsWhiteIcon, TextArea, TextAreaField, type TextAreaFieldProps, type TextAreaProps, type TextDirection, TextField, type TextFieldProps, type TextProps, type TextVariants, ThumbsDownIcon, ThumbsUpIcon, type TileElement, TileGrid, type TileGridProps, TimeField, type TimeFieldProps, TimeIcon, TimeWhiteIcon, Timezone, type TitleBlockAvatarProps, type TitleBlockBadgeProps, type TitleBlockBreadcrumbProps, type TitleBlockBreadcrumbType, type TitleBlockButtonProps, type TitleBlockCustomButtonProps, type TitleBlockDistributiveOmit, type TitleBlockMenuGroup, type TitleBlockMenuItemProps, type TitleBlockProps, type TitleBlockSelectProps, type TitleBlockVariant, TitleBlockZen, ToastNotification, type ToastNotificationObj, type ToastNotificationProps, ToastNotificationsList, ToggleIconButton, type ToggleIconButtonProps, ToggleSwitch, ToggleSwitchField, type ToggleSwitchFieldProps, type ToggleSwitchProps, type ToggledStatus, Toolbar, type ToolbarControlTypes, type ToolbarItems, type ToolbarProps, ToolbarSection, type ToolbarSectionProps, Tooltip, type TooltipProps, TrafficCone, Training1, Training2, Training3, TranslationIcon, TrashIcon, Trophy, TrustOthersToMakeDecisions, UnattributedIcon, UnattributedWhiteIcon, UnderConstruction, UnderlineIcon, UndoIcon, type UseDateValidationArgs, type UseDateValidationValue, UserAddIcon, UserDeleteIcon, UserExitIcon, UserIcon, UserSelectIcon, UserSettingsIcon, UserUpdateIcon, UsersIcon, type ValidateDateResponse, type ValidationMessage$1 as ValidationMessage, type ValidationResponse, ValueAdd, ValuesSurvey1, ValuesSurvey2, Video, ViewReports, VisibleIcon, VisuallyHidden, type VisuallyHiddenProps, Well, type WellProps, WellbeingSurvey, WellbeingSurvey1, WellbeingSurvey2, WellbeingSurvey3, Workflow, type WorkflowProps, Workshop, WritingIcon, ZoomInIcon, ZoomOutIcon, addMark, bulletListRule, calculateDisabledDays, createDocNode, createDocNodeFromContent, createEditorState, createLinkManager, createRichTextEditor, formatDateAsNumeral, formatDateAsText, formatDateRangeValue, getDateValidationHandler, getMarkAttrs, getMarkRange, getMarks, getNodes, getSelectedOptionKeys, getSelectedOptionLabels, getTruncatedLabels, isDisabledDate, isInvalidDate, isSelectingDayInCalendar, isValidWeekStartsOn, listIsActive, markContainsSelection, markIsActive, orderedListRule, parseDateAsTextOrNumeral, parseDateFromNumeralFormatValue, parseDateFromTextFormatValue, removeMark, setFocusInCalendar, updateMark, useDateValidation, useFilterBarContext, useMenuTriggerContext, usePopover, useRichTextEditor, useSelectionContext, useToastNotification, validateAndRemoveMarks, validateDate };