@kaizen/components 3.3.1 → 3.3.3

package/dist/esm/src/TooltipV1/utils/isSemanticElement.mjs

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 
 // Noting that this is contingent on our displayName for our components -  this something we control
 var allowedDisplayNames = ['Button', 'IconButton', 'FilterButtonBase'];
@@ -10,7 +10,7 @@ function extractDisplayName(type) {
  *  Validates implicit or explicitly semantic roles required to make `aria-describedby` announce predictably with screen readers
  */
 var isSemanticElement = function (element) {
-  if (! /*#__PURE__*/React.isValidElement(element)) return false;
+  if (! /*#__PURE__*/React__default.isValidElement(element)) return false;
   var props = element.props,
     type = element.type;
   if ('role' in props) {

package/dist/esm/src/VisuallyHidden/VisuallyHidden.mjs

@@ -1,17 +1,14 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import modules_b0018d5a from './VisuallyHidden.module.css.mjs';
-const VisuallyHidden = /*#__PURE__*/function () {
-  const VisuallyHidden = function (_a) {
-    var children = _a.children,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["children", "classNameOverride"]);
-    return /*#__PURE__*/React.createElement("span", __assign({
-      className: classnames(modules_b0018d5a.srOnly, classNameOverride)
-    }, restProps), children);
-  };
-  VisuallyHidden.displayName = 'VisuallyHidden';
-  return VisuallyHidden;
-}();
+var VisuallyHidden = function (_a) {
+  var children = _a.children,
+    classNameOverride = _a.classNameOverride,
+    restProps = __rest(_a, ["children", "classNameOverride"]);
+  return /*#__PURE__*/React__default.createElement("span", __assign({
+    className: classnames(modules_b0018d5a.srOnly, classNameOverride)
+  }, restProps), children);
+};
+VisuallyHidden.displayName = 'VisuallyHidden';
 export { VisuallyHidden };

package/dist/esm/src/Well/Well.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import { useExitingAnimation } from '../utils/useExitingAnimation/useExitingAnimation.mjs';
 import modules_47b2939c from '../../styles/utils/AIMoment.module.css.mjs';
@@ -9,27 +9,24 @@ import modules_4eb101c5 from './Well.module.css.mjs';
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3075604733/Well Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-well--docs Storybook}
  */
-const Well = /*#__PURE__*/function () {
-  const Well = function (_a) {
-    var children = _a.children,
-      _b = _a.color,
-      color = _b === void 0 ? 'white' : _b,
-      _c = _a.borderStyle,
-      borderStyle = _c === void 0 ? 'solid' : _c,
-      _d = _a.noMargin,
-      noMargin = _d === void 0 ? false : _d,
-      classNameOverride = _a.classNameOverride,
-      isAiLoading = _a.isAiLoading,
-      restProps = __rest(_a, ["children", "color", "borderStyle", "noMargin", "classNameOverride", "isAiLoading"]);
-    var animationClass = useExitingAnimation(isAiLoading, modules_47b2939c.aiMomentLoading, modules_47b2939c.aiMomentExiting, 500);
-    return /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames(modules_4eb101c5.container, modules_4eb101c5[borderStyle], modules_4eb101c5[color], noMargin && modules_4eb101c5.noMargin, isAiLoading !== undefined && modules_47b2939c.aiMoment, isAiLoading !== undefined && animationClass, classNameOverride)
-    }, restProps), /*#__PURE__*/React.createElement(React.Fragment, null, isAiLoading !== undefined && (/*#__PURE__*/React.createElement("div", {
-      "aria-hidden": true,
-      className: modules_47b2939c.aiMomentBackground
-    })), children));
-  };
-  Well.displayName = 'Well';
-  return Well;
-}();
+var Well = function (_a) {
+  var children = _a.children,
+    _b = _a.color,
+    color = _b === void 0 ? 'white' : _b,
+    _c = _a.borderStyle,
+    borderStyle = _c === void 0 ? 'solid' : _c,
+    _d = _a.noMargin,
+    noMargin = _d === void 0 ? false : _d,
+    classNameOverride = _a.classNameOverride,
+    isAiLoading = _a.isAiLoading,
+    restProps = __rest(_a, ["children", "color", "borderStyle", "noMargin", "classNameOverride", "isAiLoading"]);
+  var animationClass = useExitingAnimation(isAiLoading, modules_47b2939c.aiMomentLoading, modules_47b2939c.aiMomentExiting, 500);
+  return /*#__PURE__*/React__default.createElement("div", __assign({
+    className: classnames(modules_4eb101c5.container, modules_4eb101c5[borderStyle], modules_4eb101c5[color], noMargin && modules_4eb101c5.noMargin, isAiLoading !== undefined && modules_47b2939c.aiMoment, isAiLoading !== undefined && animationClass, classNameOverride)
+  }, restProps), /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isAiLoading !== undefined && (/*#__PURE__*/React__default.createElement("div", {
+    "aria-hidden": true,
+    className: modules_47b2939c.aiMomentBackground
+  })), children));
+};
+Well.displayName = 'Well';
 export { Well };

package/dist/esm/src/Workflow/Workflow.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import { Footer } from './subcomponents/Footer/Footer.mjs';
 import './subcomponents/Footer/components/Root/Root.mjs';
 import { ProgressStepper } from './subcomponents/Footer/components/ProgressStepper/ProgressStepper.mjs';
@@ -11,42 +11,39 @@ import './subcomponents/Header/components/Branding/Branding.mjs';
 import './subcomponents/Header/components/Root/Root.mjs';
 import { Main } from './subcomponents/Main/Main.mjs';
 import { Wrapper } from './subcomponents/Wrapper/Wrapper.mjs';
-const Workflow = /*#__PURE__*/function () {
-  const Workflow = function (_a) {
-    var steps = _a.steps,
-      currentStepId = _a.currentStepId,
-      isComplete = _a.isComplete,
-      workflowName = _a.workflowName,
-      statusTag = _a.statusTag,
-      headerActions = _a.headerActions,
-      children = _a.children,
-      nextAction = _a.nextAction,
-      previousAction = _a.previousAction,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["steps", "currentStepId", "isComplete", "workflowName", "statusTag", "headerActions", "children", "nextAction", "previousAction", "classNameOverride"]);
-    var currentStep = steps.find(function (step) {
-      return step.id === currentStepId;
-    });
-    return /*#__PURE__*/React.createElement(Workflow.Wrapper, __assign({
-      classNameOverride: classNameOverride
-    }, restProps), /*#__PURE__*/React.createElement(Workflow.Header, {
-      workflowName: workflowName,
-      stepName: currentStep.label,
-      statusTag: statusTag,
-      headerActions: headerActions
-    }), /*#__PURE__*/React.createElement(Workflow.Main, null, children), /*#__PURE__*/React.createElement(Workflow.Footer, {
-      currentStepId: currentStepId,
-      steps: steps,
-      isComplete: isComplete,
-      nextAction: nextAction,
-      previousAction: previousAction
-    }));
-  };
-  Workflow.Header = Header;
-  Workflow.Footer = Footer;
-  Workflow.Main = Main;
-  Workflow.ProgressStepper = ProgressStepper;
-  Workflow.Wrapper = Wrapper;
-  return Workflow;
-}();
+var Workflow = function (_a) {
+  var steps = _a.steps,
+    currentStepId = _a.currentStepId,
+    isComplete = _a.isComplete,
+    workflowName = _a.workflowName,
+    statusTag = _a.statusTag,
+    headerActions = _a.headerActions,
+    children = _a.children,
+    nextAction = _a.nextAction,
+    previousAction = _a.previousAction,
+    classNameOverride = _a.classNameOverride,
+    restProps = __rest(_a, ["steps", "currentStepId", "isComplete", "workflowName", "statusTag", "headerActions", "children", "nextAction", "previousAction", "classNameOverride"]);
+  var currentStep = steps.find(function (step) {
+    return step.id === currentStepId;
+  });
+  return /*#__PURE__*/React__default.createElement(Workflow.Wrapper, __assign({
+    classNameOverride: classNameOverride
+  }, restProps), /*#__PURE__*/React__default.createElement(Workflow.Header, {
+    workflowName: workflowName,
+    stepName: currentStep.label,
+    statusTag: statusTag,
+    headerActions: headerActions
+  }), /*#__PURE__*/React__default.createElement(Workflow.Main, null, children), /*#__PURE__*/React__default.createElement(Workflow.Footer, {
+    currentStepId: currentStepId,
+    steps: steps,
+    isComplete: isComplete,
+    nextAction: nextAction,
+    previousAction: previousAction
+  }));
+};
+Workflow.Header = Header;
+Workflow.Footer = Footer;
+Workflow.Main = Main;
+Workflow.ProgressStepper = ProgressStepper;
+Workflow.Wrapper = Wrapper;
 export { Workflow };

package/dist/esm/src/Workflow/subcomponents/Footer/Footer.mjs

@@ -1,29 +1,26 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import { FooterRoot } from './components/Root/Root.mjs';
 import { ProgressStepper } from './components/ProgressStepper/ProgressStepper.mjs';
 import { FooterAction } from './components/FooterActions/FooterActions.mjs';
-const Footer = /*#__PURE__*/function () {
-  const Footer = function (_a) {
-    var steps = _a.steps,
-      currentStepId = _a.currentStepId,
-      isComplete = _a.isComplete,
-      previousAction = _a.previousAction,
-      nextAction = _a.nextAction,
-      restProps = __rest(_a, ["steps", "currentStepId", "isComplete", "previousAction", "nextAction"]);
-    return /*#__PURE__*/React.createElement(FooterRoot, __assign({}, restProps), /*#__PURE__*/React.createElement(FooterAction, {
-      action: previousAction,
-      actionType: "Previous"
-    }), /*#__PURE__*/React.createElement(ProgressStepper, {
-      steps: steps,
-      currentStepId: currentStepId,
-      isComplete: isComplete
-    }), /*#__PURE__*/React.createElement(FooterAction, {
-      action: nextAction,
-      actionType: "Next"
-    }));
-  };
-  Footer.displayName = 'Workflow.Footer';
-  return Footer;
-}();
+var Footer = function (_a) {
+  var steps = _a.steps,
+    currentStepId = _a.currentStepId,
+    isComplete = _a.isComplete,
+    previousAction = _a.previousAction,
+    nextAction = _a.nextAction,
+    restProps = __rest(_a, ["steps", "currentStepId", "isComplete", "previousAction", "nextAction"]);
+  return /*#__PURE__*/React__default.createElement(FooterRoot, __assign({}, restProps), /*#__PURE__*/React__default.createElement(FooterAction, {
+    action: previousAction,
+    actionType: "Previous"
+  }), /*#__PURE__*/React__default.createElement(ProgressStepper, {
+    steps: steps,
+    currentStepId: currentStepId,
+    isComplete: isComplete
+  }), /*#__PURE__*/React__default.createElement(FooterAction, {
+    action: nextAction,
+    actionType: "Next"
+  }));
+};
+Footer.displayName = 'Workflow.Footer';
 export { Footer };

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

@@ -1,20 +1,17 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import modules_2621a9ab from './FooterActions.module.css.mjs';
 
 /** A simple wrapper for a Footer previous or next action  */
-const FooterAction = /*#__PURE__*/function () {
-  const FooterAction = function (_a) {
-    var _b = _a.actionType,
-      actionType = _b === void 0 ? 'Previous' : _b,
-      action = _a.action,
-      restProps = __rest(_a, ["actionType", "action"]);
-    return /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames([modules_2621a9ab.footerAction, modules_2621a9ab["footerAction".concat(actionType)]])
-    }, restProps), action);
-  };
-  FooterAction.displayName = 'Workflow.FooterActions';
-  return FooterAction;
-}();
+var FooterAction = function (_a) {
+  var _b = _a.actionType,
+    actionType = _b === void 0 ? 'Previous' : _b,
+    action = _a.action,
+    restProps = __rest(_a, ["actionType", "action"]);
+  return /*#__PURE__*/React__default.createElement("div", __assign({
+    className: classnames([modules_2621a9ab.footerAction, modules_2621a9ab["footerAction".concat(actionType)]])
+  }, restProps), action);
+};
+FooterAction.displayName = 'Workflow.FooterActions';
 export { FooterAction };

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

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import { Icon } from '../../../../../Icon/Icon.mjs';
 import { VisuallyHidden } from '../../../../../VisuallyHidden/VisuallyHidden.mjs';
@@ -7,7 +7,7 @@ import modules_fc7512f3 from './ProgressStepper.module.css.mjs';
 var getStepStatus = function (isComplete, isCurrentStep, step, index) {
   if (isComplete) {
     return {
-      icon: /*#__PURE__*/React.createElement(Icon, {
+      icon: /*#__PURE__*/React__default.createElement(Icon, {
         key: index,
         name: "check_circle",
         isPresentational: true,
@@ -18,7 +18,7 @@ var getStepStatus = function (isComplete, isCurrentStep, step, index) {
   }
   if (isCurrentStep) {
     return {
-      icon: /*#__PURE__*/React.createElement(Icon, {
+      icon: /*#__PURE__*/React__default.createElement(Icon, {
         key: index,
         name: "radio_button_checked",
         isPresentational: true
@@ -27,7 +27,7 @@ var getStepStatus = function (isComplete, isCurrentStep, step, index) {
     };
   }
   return {
-    icon: /*#__PURE__*/React.createElement(Icon, {
+    icon: /*#__PURE__*/React__default.createElement(Icon, {
       key: index,
       name: "radio_button_unchecked",
       isPresentational: true
@@ -35,51 +35,48 @@ var getStepStatus = function (isComplete, isCurrentStep, step, index) {
     accessibleName: "Not started: ".concat(step.label)
   };
 };
-const ProgressStepper = /*#__PURE__*/function () {
-  const ProgressStepper = function (_a) {
-    var currentStepId = _a.currentStepId,
-      steps = _a.steps,
-      _b = _a.isComplete,
-      isComplete = _b === void 0 ? false : _b,
-      restprops = __rest(_a, ["currentStepId", "steps", "isComplete"]);
-    var currentStepIndex = steps.findIndex(function (stepItem) {
-      return stepItem.id === currentStepId;
-    });
-    return /*#__PURE__*/React.createElement("div", {
-      className: modules_fc7512f3.stepsContainer
-    }, /*#__PURE__*/React.createElement("ol", __assign({
-      className: modules_fc7512f3.stepList
-    }, restprops, {
-      "aria-labelledby": "stepper-description"
-    }), steps.map(function (step, index) {
-      var _a, _b;
-      var isCurrentStep = currentStepIndex === index;
-      var isCompletedStep = index < currentStepIndex || isComplete;
-      var _c = getStepStatus(isCompletedStep, isCurrentStep, step, index),
-        accessibleName = _c.accessibleName,
-        icon = _c.icon;
-      return /*#__PURE__*/React.createElement("li", {
-        className: modules_fc7512f3.step,
-        key: "".concat(step.id),
-        "aria-current": isCurrentStep
-      }, /*#__PURE__*/React.createElement("div", {
-        className: modules_fc7512f3.stepContent
-      }, /*#__PURE__*/React.createElement(VisuallyHidden, null, accessibleName), /*#__PURE__*/React.createElement("span", {
-        className: classnames(modules_fc7512f3.stepName, (_a = {}, _a[modules_fc7512f3.isCurrent] = isCurrentStep, _a)),
-        "aria-hidden": true
-      }, step.label), /*#__PURE__*/React.createElement("div", {
-        className: modules_fc7512f3.stepIndicator
-      }, /*#__PURE__*/React.createElement("span", {
-        className: classnames(modules_fc7512f3.stepIcon, (_b = {}, _b[modules_fc7512f3.isCompleted] = isCompletedStep, _b))
-      }, icon)), index < steps.length - 1 && (/*#__PURE__*/React.createElement("div", {
-        className: classnames([modules_fc7512f3.stepDivider, isCompletedStep && modules_fc7512f3.completedStep])
-      }))));
-    })), /*#__PURE__*/React.createElement("span", {
-      className: modules_fc7512f3.stepperDescription,
-      id: "stepper-description"
-    }, "Step ", currentStepIndex + 1, " of ", steps.length));
-  };
-  ProgressStepper.displayName = 'Workflow.ProgressStepper';
-  return ProgressStepper;
-}();
+var ProgressStepper = function (_a) {
+  var currentStepId = _a.currentStepId,
+    steps = _a.steps,
+    _b = _a.isComplete,
+    isComplete = _b === void 0 ? false : _b,
+    restprops = __rest(_a, ["currentStepId", "steps", "isComplete"]);
+  var currentStepIndex = steps.findIndex(function (stepItem) {
+    return stepItem.id === currentStepId;
+  });
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: modules_fc7512f3.stepsContainer
+  }, /*#__PURE__*/React__default.createElement("ol", __assign({
+    className: modules_fc7512f3.stepList
+  }, restprops, {
+    "aria-labelledby": "stepper-description"
+  }), steps.map(function (step, index) {
+    var _a, _b;
+    var isCurrentStep = currentStepIndex === index;
+    var isCompletedStep = index < currentStepIndex || isComplete;
+    var _c = getStepStatus(isCompletedStep, isCurrentStep, step, index),
+      accessibleName = _c.accessibleName,
+      icon = _c.icon;
+    return /*#__PURE__*/React__default.createElement("li", {
+      className: modules_fc7512f3.step,
+      key: "".concat(step.id),
+      "aria-current": isCurrentStep
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: modules_fc7512f3.stepContent
+    }, /*#__PURE__*/React__default.createElement(VisuallyHidden, null, accessibleName), /*#__PURE__*/React__default.createElement("span", {
+      className: classnames(modules_fc7512f3.stepName, (_a = {}, _a[modules_fc7512f3.isCurrent] = isCurrentStep, _a)),
+      "aria-hidden": true
+    }, step.label), /*#__PURE__*/React__default.createElement("div", {
+      className: modules_fc7512f3.stepIndicator
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: classnames(modules_fc7512f3.stepIcon, (_b = {}, _b[modules_fc7512f3.isCompleted] = isCompletedStep, _b))
+    }, icon)), index < steps.length - 1 && (/*#__PURE__*/React__default.createElement("div", {
+      className: classnames([modules_fc7512f3.stepDivider, isCompletedStep && modules_fc7512f3.completedStep])
+    }))));
+  })), /*#__PURE__*/React__default.createElement("span", {
+    className: modules_fc7512f3.stepperDescription,
+    id: "stepper-description"
+  }, "Step ", currentStepIndex + 1, " of ", steps.length));
+};
+ProgressStepper.displayName = 'Workflow.ProgressStepper';
 export { ProgressStepper };

package/dist/esm/src/Workflow/subcomponents/Footer/components/Root/Root.mjs

@@ -1,17 +1,14 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import modules_d4169b1f from './FooterRoot.module.css.mjs';
-const FooterRoot = /*#__PURE__*/function () {
-  const FooterRoot = function (_a) {
-    var children = _a.children,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["children", "classNameOverride"]);
-    return /*#__PURE__*/React.createElement("footer", __assign({
-      className: classnames(modules_d4169b1f.footerRoot, classNameOverride)
-    }, restProps), children);
-  };
-  FooterRoot.displayName = 'Workflow.FooterRoot';
-  return FooterRoot;
-}();
+var FooterRoot = function (_a) {
+  var children = _a.children,
+    classNameOverride = _a.classNameOverride,
+    restProps = __rest(_a, ["children", "classNameOverride"]);
+  return /*#__PURE__*/React__default.createElement("footer", __assign({
+    className: classnames(modules_d4169b1f.footerRoot, classNameOverride)
+  }, restProps), children);
+};
+FooterRoot.displayName = 'Workflow.FooterRoot';
 export { FooterRoot };

package/dist/esm/src/Workflow/subcomponents/Header/Header.mjs

@@ -1,27 +1,24 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import { Titles } from './components/Titles/Titles.mjs';
 import { Actions } from './components/Actions/Actions.mjs';
 import { Branding } from './components/Branding/Branding.mjs';
 import { HeaderRoot } from './components/Root/Root.mjs';
-const Header = /*#__PURE__*/function () {
-  const Header = function (_a) {
-    var workflowName = _a.workflowName,
-      stepName = _a.stepName,
-      statusTag = _a.statusTag,
-      headerActions = _a.headerActions,
-      restProps = __rest(_a, ["workflowName", "stepName", "statusTag", "headerActions"]);
-    return /*#__PURE__*/React.createElement(HeaderRoot, __assign({}, restProps), /*#__PURE__*/React.createElement(Branding, {
-      alt: "Culture Amp"
-    }), /*#__PURE__*/React.createElement(Titles, {
-      workflowName: workflowName,
-      stepName: stepName,
-      statusTag: statusTag
-    }), /*#__PURE__*/React.createElement(Actions, {
-      headerActions: headerActions
-    }));
-  };
-  Header.displayName = 'Workflow.Header';
-  return Header;
-}();
+var Header = function (_a) {
+  var workflowName = _a.workflowName,
+    stepName = _a.stepName,
+    statusTag = _a.statusTag,
+    headerActions = _a.headerActions,
+    restProps = __rest(_a, ["workflowName", "stepName", "statusTag", "headerActions"]);
+  return /*#__PURE__*/React__default.createElement(HeaderRoot, __assign({}, restProps), /*#__PURE__*/React__default.createElement(Branding, {
+    alt: "Culture Amp"
+  }), /*#__PURE__*/React__default.createElement(Titles, {
+    workflowName: workflowName,
+    stepName: stepName,
+    statusTag: statusTag
+  }), /*#__PURE__*/React__default.createElement(Actions, {
+    headerActions: headerActions
+  }));
+};
+Header.displayName = 'Workflow.Header';
 export { Header };

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

@@ -1,21 +1,18 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import modules_d567bfdd from './Actions.module.css.mjs';
 
 /** A wrapper for an exit trigger (and other) actions of the Header Workflow  */
-const Actions = /*#__PURE__*/function () {
-  const Actions = function (_a) {
-    var headerActions = _a.headerActions,
-      restProps = __rest(_a, ["headerActions"]);
-    return /*#__PURE__*/React.createElement("div", __assign({
-      className: modules_d567bfdd.actions
-    }, restProps), headerActions === null || headerActions === void 0 ? void 0 : headerActions.map(function (action, index) {
-      return /*#__PURE__*/React.createElement(action.type, __assign({
-        key: "header-actions ".concat(index)
-      }, action.props));
-    }));
-  };
-  Actions.displayName = 'Workflow.Actions';
-  return Actions;
-}();
+var Actions = function (_a) {
+  var headerActions = _a.headerActions,
+    restProps = __rest(_a, ["headerActions"]);
+  return /*#__PURE__*/React__default.createElement("div", __assign({
+    className: modules_d567bfdd.actions
+  }, restProps), headerActions === null || headerActions === void 0 ? void 0 : headerActions.map(function (action, index) {
+    return /*#__PURE__*/React__default.createElement(action.type, __assign({
+      key: "header-actions ".concat(index)
+    }, action.props));
+  }));
+};
+Actions.displayName = 'Workflow.Actions';
 export { Actions };

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

@@ -1,20 +1,17 @@
-import React from 'react';
+import React__default from 'react';
 import { Brand } from '../../../../../Brand/Brand.mjs';
 import modules_a2d6ff64 from './Branding.module.css.mjs';
-const Branding = /*#__PURE__*/function () {
-  const Branding = function (_a) {
-    var _b = _a.variant,
-      variant = _b === void 0 ? 'logo-horizontal' : _b,
-      alt = _a.alt;
-    return /*#__PURE__*/React.createElement("div", {
-      className: modules_a2d6ff64.branding
-    }, /*#__PURE__*/React.createElement(Brand, {
-      classNameOverride: modules_a2d6ff64.logo,
-      variant: variant,
-      alt: alt
-    }));
-  };
-  Branding.displayName = 'Workflow.Branding';
-  return Branding;
-}();
+var Branding = function (_a) {
+  var _b = _a.variant,
+    variant = _b === void 0 ? 'logo-horizontal' : _b,
+    alt = _a.alt;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: modules_a2d6ff64.branding
+  }, /*#__PURE__*/React__default.createElement(Brand, {
+    classNameOverride: modules_a2d6ff64.logo,
+    variant: variant,
+    alt: alt
+  }));
+};
+Branding.displayName = 'Workflow.Branding';
 export { Branding };

package/dist/esm/src/Workflow/subcomponents/Header/components/Root/Root.mjs

@@ -1,17 +1,14 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import modules_d5d0b263 from './Root.module.css.mjs';
-const HeaderRoot = /*#__PURE__*/function () {
-  const HeaderRoot = function (_a) {
-    var children = _a.children,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["children", "classNameOverride"]);
-    return /*#__PURE__*/React.createElement("header", __assign({
-      className: classnames(modules_d5d0b263.root, classNameOverride)
-    }, restProps), children);
-  };
-  HeaderRoot.displayName = 'Workflow.HeaderRoot';
-  return HeaderRoot;
-}();
+var HeaderRoot = function (_a) {
+  var children = _a.children,
+    classNameOverride = _a.classNameOverride,
+    restProps = __rest(_a, ["children", "classNameOverride"]);
+  return /*#__PURE__*/React__default.createElement("header", __assign({
+    className: classnames(modules_d5d0b263.root, classNameOverride)
+  }, restProps), children);
+};
+HeaderRoot.displayName = 'Workflow.HeaderRoot';
 export { HeaderRoot };