@kaizen/components 1.25.0 → 1.27.0

package/dist/esm/__future__/Select/subcomponents/SelectToggle/SelectToggle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectToggle.mjs","sources":["../../../../../../src/__future__/Select/subcomponents/SelectToggle/SelectToggle.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { DOMAttributes, FocusableElement } from \"@react-types/shared\"\nimport classnames from \"classnames\"\nimport { ChevronDownIcon, ChevronUpIcon } from \"~components/Icon\"\nimport { Label } from \"~components/Label\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./SelectToggle.module.scss\"\n\nexport type SelectToggleProps = {\n  label: React.ReactNode\n  labelProps: DOMAttributes<FocusableElement>\n  value: React.ReactNode\n  /** Props for the element representing the selected value. */\n  valueProps: DOMAttributes<FocusableElement>\n  isOpen?: boolean\n  placeholder?: string\n  /** Updates the styling of the validation. */\n  status?: \"error\" | \"caution\"\n  isDisabled?: boolean\n  /** Use the `reversed` styles. */\n  isReversed?: boolean\n} & OverrideClassName<HTMLAttributes<HTMLButtonElement>>\n\nexport const SelectToggle = React.forwardRef<\n  HTMLButtonElement,\n  SelectToggleProps\n>(\n  (\n    {\n      label,\n      labelProps,\n      value,\n      valueProps,\n      isOpen,\n      placeholder = \"Select\",\n      status,\n      isDisabled,\n      isReversed,\n      classNameOverride,\n      ...restProps\n    },\n    ref\n  ) => (\n    <div>\n      <Label {...labelProps} reversed={isReversed} disabled={isDisabled}>\n        {label}\n      </Label>\n      <button\n        type=\"button\"\n        // for the eslint issue below, both of the attributes (aria-expanded and aria-controls) are on the button but it just doesn't know it\n        // eslint-disable-next-line jsx-a11y/role-has-required-aria-props\n        role=\"combobox\"\n        {...restProps}\n        ref={ref}\n        className={classnames(\n          styles.selectToggle,\n          (value === null || value === undefined) && styles.placeholder,\n          status === \"error\" && styles.error,\n          status === \"caution\" && styles.caution,\n          isDisabled && styles.disabled,\n          isReversed && styles.reversed,\n          classNameOverride\n        )}\n      >\n        <span {...valueProps} className={styles.value}>\n          {value ?? placeholder}\n        </span>\n        {isOpen ? (\n          <ChevronUpIcon role=\"presentation\" classNameOverride={styles.icon} />\n        ) : (\n          <ChevronDownIcon\n            role=\"presentation\"\n            classNameOverride={styles.icon}\n          />\n        )}\n      </button>\n    </div>\n  )\n)\n\nSelectToggle.displayName = \"SelectToggle\"\n"],"names":["SelectToggle","React","forwardRef","_a","ref","label","labelProps","value","valueProps","isOpen","_b","placeholder","status","isDisabled","isReversed","classNameOverride","restProps","__rest","createElement","Label","__assign","reversed","disabled","type","role","className","classnames","styles","selectToggle","undefined","error","caution","ChevronUpIcon","icon","ChevronDownIcon","displayName"],"mappings":";;;;;;;;;MAuBaA,YAAY;EAAA,MAAZA,YAAY,gBAAGC,KAAK,CAACC,UAAU,CAI1C,UACEC,EAYC,EACDC,GAAG,EAAA;IAZD,IAAAC,KAAK,GAAAF,EAAA,CAAAE,KAAA;MACLC,UAAU,GAAAH,EAAA,CAAAG,UAAA;MACVC,KAAK,GAAAJ,EAAA,CAAAI,KAAA;MACLC,UAAU,gBAAA;MACVC,MAAM,GAAAN,EAAA,CAAAM,MAAA;MACNC,mBAAsB;MAAtBC,WAAW,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,QAAQ,KAAA;MACtBE,MAAM,GAAAT,EAAA,CAAAS,MAAA;MACNC,UAAU,GAAAV,EAAA,CAAAU,UAAA;MACVC,UAAU,GAAAX,EAAA,CAAAW,UAAA;MACVC,iBAAiB,GAAAZ,EAAA,CAAAY,iBAAA;MACdC,SAAS,GAAAC,MAAA,CAAAd,EAAA,EAXd,kIAYC,CADa;IAGX,oBACHF,KAAA,CAAAiB,aAAA,CAAA,KAAA,EAAA,IAAA,eACEjB,KAAA,CAAAiB,aAAA,CAACC,KAAK,EAAAC,QAAA,CAAA,CAAA,CAAA,EAAKd,UAAU,EAAA;MAAEe,QAAQ,EAAEP,UAAU;MAAEQ,QAAQ,EAAET;IAAU,CAAA,CAAA,EAC9DR,KAAK,CACA,eACRJ,KACE,CAAAiB,aAAA,CAAA,QAAA,EAAAE,QAAA,CAAA;MAAAG,IAAI,EAAC,QAAQ;;;MAGbC,IAAI,EAAC;IAAU,CACX,EAAAR,SAAS,EACb;MAAAZ,GAAG,EAAEA,GAAG;MACRqB,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACC,YAAY,EACnB,CAACrB,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAKsB,SAAS,KAAKF,MAAM,CAAChB,WAAW,EAC7DC,MAAM,KAAK,OAAO,IAAIe,MAAM,CAACG,KAAK,EAClClB,MAAM,KAAK,SAAS,IAAIe,MAAM,CAACI,OAAO,EACtClB,UAAU,IAAIc,MAAM,CAACL,QAAQ,EAC7BR,UAAU,IAAIa,MAAM,CAACN,QAAQ,EAC7BN,iBAAiB;KAClB,CAAA,eAEDd,KAAA,CAAAiB,aAAA,CAAA,MAAA,EAAAE,QAAA,CAAA,CAAA,CAAA,EAAUZ,UAAU,EAAA;MAAEiB,SAAS,EAAEE,MAAM,CAACpB;IACrC,CAAA,CAAA,EAAAA,KAAK,aAALA,KAAK,KAAA,KAAA,CAAA,GAALA,KAAK,GAAII,WAAW,CAChB,EACNF,MAAM,gBACLR,KAAA,CAAAiB,aAAA,CAACc,aAAa,EAAC;MAAAR,IAAI,EAAC,cAAc;MAACT,iBAAiB,EAAEY,MAAM,CAACM;MAAQ,gBAErEhC,KAAC,CAAAiB,aAAA,CAAAgB,eAAe;MACdV,IAAI,EAAC,cAAc;MACnBT,iBAAiB,EAAEY,MAAM,CAACM;IAAI,CAAA,CAEjC,CACM,CACL;EACP,CAAA,CACF;EAEDjC,YAAY,CAACmC,WAAW,GAAG,cAAc;EAAA,OAzD5BnC,YAAY;AAAA;"}

package/dist/esm/__future__/Select/subcomponents/SelectToggle/SelectToggle.module.scss.mjs

@@ -0,0 +1,13 @@
+var styles = {
+  "iconWrapper": "SelectToggle-module_iconWrapper__E4YL8",
+  "icon": "SelectToggle-module_icon__BqMEK",
+  "selectToggle": "SelectToggle-module_selectToggle__fWnqy",
+  "placeholder": "SelectToggle-module_placeholder__wQK-w",
+  "error": "SelectToggle-module_error__pxp-j",
+  "caution": "SelectToggle-module_caution__-G7WL",
+  "disabled": "SelectToggle-module_disabled__8A4rw",
+  "reversed": "SelectToggle-module_reversed__ku-Ph",
+  "value": "SelectToggle-module_value__XRxRl"
+};
+export { styles as default };
+//# sourceMappingURL=SelectToggle.module.scss.mjs.map

package/dist/esm/__future__/Select/subcomponents/SelectToggle/SelectToggle.module.scss.mjs.map

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

package/dist/esm/__future__/Select/utils/getDisabledKeysFromItems.mjs

@@ -0,0 +1,17 @@
+import { __spreadArray } from 'tslib';
+import { isSelectOptionGroup } from './isSelectOptionGroup.mjs';
+var getDisabledKeysFromItems = function (items) {
+  return items.reduce(function (acc, item) {
+    if (isSelectOptionGroup(item)) {
+      var keys = Array.from(item.options).filter(function (groupItem) {
+        return groupItem.disabled;
+      }).map(function (disabledItems) {
+        return disabledItems.value;
+      });
+      return __spreadArray(__spreadArray([], acc, true), keys, true);
+    }
+    return item.disabled ? __spreadArray(__spreadArray([], acc, true), [item.value], false) : acc;
+  }, []);
+};
+export { getDisabledKeysFromItems };
+//# sourceMappingURL=getDisabledKeysFromItems.mjs.map

package/dist/esm/__future__/Select/utils/getDisabledKeysFromItems.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDisabledKeysFromItems.mjs","sources":["../../../../../src/__future__/Select/utils/getDisabledKeysFromItems.ts"],"sourcesContent":["import { SelectItem, SelectOption } from \"../types\"\nimport { isSelectOptionGroup } from \"./isSelectOptionGroup\"\n\nexport const getDisabledKeysFromItems = <\n  Option extends SelectOption = SelectOption,\n>(\n  items: Array<SelectItem<Option>>\n): React.Key[] =>\n  items.reduce((acc: React.Key[], item) => {\n    if (isSelectOptionGroup(item)) {\n      const keys = Array.from(item.options)\n        .filter(groupItem => groupItem.disabled)\n        .map(disabledItems => disabledItems.value)\n      return [...acc, ...keys]\n    }\n\n    return item.disabled ? [...acc, item.value] : acc\n  }, [])\n"],"names":["getDisabledKeysFromItems","items","reduce","acc","item","isSelectOptionGroup","keys","Array","from","options","filter","groupItem","disabled","map","disabledItems","value","__spreadArray"],"mappings":";;AAGO,IAAMA,wBAAwB,GAAG,SAAAA,CAGtCC,KAAgC,EAAA;EAEhC,OAAAA,KAAK,CAACC,MAAM,CAAC,UAACC,GAAgB,EAAEC,IAAI,EAAA;IAClC,IAAIC,mBAAmB,CAACD,IAAI,CAAC,EAAE;MAC7B,IAAME,IAAI,GAAGC,KAAK,CAACC,IAAI,CAACJ,IAAI,CAACK,OAAO,CAAC,CAClCC,MAAM,CAAC,UAAAC,SAAS,EAAI;QAAA,OAAAA,SAAS,CAACC,QAAQ;MAAlB,CAAkB,CAAC,CACvCC,GAAG,CAAC,UAAAC,aAAa,EAAI;QAAA,OAAAA,aAAa,CAACC,KAAK;MAAA,CAAA,CAAC;MAC5C,OAAWC,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAAb,GAAG,EAAK,IAAA,CAAA,EAAAG,IAAI,EAAC,IAAA,CAAA;IACzB;IAED,OAAOF,IAAI,CAACQ,QAAQ,GAAOI,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAAb,GAAG,EAAE,IAAA,CAAA,EAAA,CAAAC,IAAI,CAACW,KAAK,CAAA,EAAA,KAAA,CAAA,GAAIZ,GAAG;EAClD,CAAA,EAAE,EAAE,CAAC;AATN,CAAA;"}

package/dist/esm/__future__/Select/utils/isSelectOptionGroup.mjs

@@ -0,0 +1,5 @@
+var isSelectOptionGroup = function (item) {
+  return item.hasOwnProperty("options") && Array.isArray(item.options);
+};
+export { isSelectOptionGroup };
+//# sourceMappingURL=isSelectOptionGroup.mjs.map

package/dist/esm/__future__/Select/utils/isSelectOptionGroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isSelectOptionGroup.mjs","sources":["../../../../../src/__future__/Select/utils/isSelectOptionGroup.ts"],"sourcesContent":["import { SelectItem, SelectOption, SelectOptionGroup } from \"../types\"\n\nexport const isSelectOptionGroup = <Option extends SelectOption>(\n  item: SelectItem\n): item is SelectOptionGroup<Option> =>\n  item.hasOwnProperty(\"options\") && Array.isArray(item.options)\n"],"names":["isSelectOptionGroup","item","hasOwnProperty","Array","isArray","options"],"mappings":"AAEO,IAAMA,mBAAmB,GAAG,SAAAA,CACjCC,IAAgB,EAAA;EAEhB,OAAAA,IAAI,CAACC,cAAc,CAAC,SAAS,CAAC,IAAIC,KAAK,CAACC,OAAO,CAACH,IAAI,CAACI,OAAO,CAAC;AAA7D,CAAA;"}

package/dist/esm/__future__/Select/utils/transformSelectItemToCollectionElement.mjs

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Section, Item } from '@react-stately/collections';
+import { isSelectOptionGroup } from './isSelectOptionGroup.mjs';
+var transformSelectItemToCollectionElement = function (item) {
+  return isSelectOptionGroup(item) ? /*#__PURE__*/React.createElement(Section, {
+    key: item.label,
+    title: item.label,
+    items: item.options
+  }, function (child) {
+    return /*#__PURE__*/React.createElement(Item, {
+      key: child.value
+    }, child.label);
+  }) : /*#__PURE__*/React.createElement(Item, {
+    key: item.value
+  }, item.label);
+};
+export { transformSelectItemToCollectionElement };
+//# sourceMappingURL=transformSelectItemToCollectionElement.mjs.map

package/dist/esm/__future__/Select/utils/transformSelectItemToCollectionElement.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformSelectItemToCollectionElement.mjs","sources":["../../../../../src/__future__/Select/utils/transformSelectItemToCollectionElement.tsx"],"sourcesContent":["import React from \"react\"\nimport { Item, Section } from \"@react-stately/collections\"\nimport { CollectionElement } from \"@react-types/shared\"\nimport { SelectItem, SelectOption } from \"../types\"\nimport { isSelectOptionGroup } from \"./isSelectOptionGroup\"\n\nexport const transformSelectItemToCollectionElement = <\n  Option extends SelectOption,\n>(\n  item: SelectItem<Option>\n): CollectionElement<SelectItem<Option>> =>\n  isSelectOptionGroup<Option>(item) ? (\n    <Section<Option> key={item.label} title={item.label} items={item.options}>\n      {(child): JSX.Element => <Item key={child.value}>{child.label}</Item>}\n    </Section>\n  ) : (\n    <Item<Option> key={item.value}>{item.label}</Item>\n  )\n"],"names":["transformSelectItemToCollectionElement","item","isSelectOptionGroup","React","createElement","Section","key","label","title","items","options","child","Item","value"],"mappings":";;;AAMO,IAAMA,sCAAsC,GAAG,SAAAA,CAGpDC,IAAwB,EAAA;EAExB,OAAAC,mBAAmB,CAASD,IAAI,CAAC,gBAC/BE,KAAC,CAAAC,aAAA,CAAAC,OAAO,EAAS;IAAAC,GAAG,EAAEL,IAAI,CAACM,KAAK;IAAEC,KAAK,EAAEP,IAAI,CAACM,KAAK;IAAEE,KAAK,EAAER,IAAI,CAACS;GAC9D,EAAA,UAACC,KAAK,EAAkB;IAAA,oBAAAR,KAAC,CAAAC,aAAA,CAAAQ,IAAI,EAAC;MAAAN,GAAG,EAAEK,KAAK,CAACE;IAAK,CAAA,EAAGF,KAAK,CAACJ,KAAK,CAAQ;GAAA,CAC7D,gBAEVJ,KAAA,CAAAC,aAAA,CAACQ,IAAI,EAAA;IAASN,GAAG,EAAEL,IAAI,CAACY;GAAQ,EAAAZ,IAAI,CAACM,KAAK,CAC3C;AAND,CAAA;"}

package/dist/esm/__future__/Tag/Tag.mjs

@@ -0,0 +1,21 @@
+import React from 'react';
+import classnames from 'classnames';
+import styles from './Tag.module.scss.mjs';
+const Tag = /*#__PURE__*/function () {
+  const Tag = function (_a) {
+    var children = _a.children,
+      classNameOverride = _a.classNameOverride,
+      icon = _a.icon,
+      _b = _a.color,
+      color = _b === void 0 ? "gray" : _b;
+    return /*#__PURE__*/React.createElement("span", {
+      className: classnames(styles.tag, styles[color], classNameOverride)
+    }, icon && /*#__PURE__*/React.createElement("span", {
+      className: styles.iconContainer
+    }, icon), children);
+  };
+  Tag.displayName = "Tag";
+  return Tag;
+}();
+export { Tag };
+//# sourceMappingURL=Tag.mjs.map

package/dist/esm/__future__/Tag/Tag.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.mjs","sources":["../../../../src/__future__/Tag/Tag.tsx"],"sourcesContent":["import React, { ReactNode, HTMLAttributes } from \"react\"\nimport classNames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { TagColors } from \"./types\"\nimport styles from \"./Tag.module.scss\"\n\nexport type TagProps = {\n  children: ReactNode\n  color?: TagColors\n  icon?: React.ReactElement\n} & OverrideClassName<HTMLAttributes<HTMLSpanElement>>\n\nexport const Tag = ({\n  children,\n  classNameOverride,\n  icon,\n  color = \"gray\",\n}: TagProps): JSX.Element => (\n  <span className={classNames(styles.tag, styles[color], classNameOverride)}>\n    {icon && <span className={styles.iconContainer}>{icon}</span>}\n    {children}\n  </span>\n)\n\nTag.displayName = \"Tag\"\n"],"names":["Tag","_a","children","classNameOverride","icon","_b","color","React","createElement","className","classNames","styles","tag","iconContainer","displayName"],"mappings":";;;MAYaA,GAAG;EAAA,MAAHA,GAAG,GAAG,SAAAA,CAACC,EAKT,EAAA;IAJT,IAAAC,QAAQ,GAAAD,EAAA,CAAAC,QAAA;MACRC,iBAAiB,GAAAF,EAAA,CAAAE,iBAAA;MACjBC,IAAI,GAAAH,EAAA,CAAAG,IAAA;MACJC,EAAc,GAAAJ,EAAA,CAAAK,KAAA;MAAdA,KAAK,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,MAAM,GAAAA,EAAA;IACa,oBAC3BE,KAAM,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAAC,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,GAAG,EAAED,MAAM,CAACL,KAAK,CAAC,EAAEH,iBAAiB;IAAC,CAAA,EACtEC,IAAI,iBAAIG;MAAME,SAAS,EAAEE,MAAM,CAACE;IAAgB,CAAA,EAAAT,IAAI,CAAQ,EAC5DF,QAAQ,CACJ;EAJoB,CAK5B;EAEDF,GAAG,CAACc,WAAW,GAAG,KAAK;EAAA,OAZVd,GAAG;AAAA;"}

package/dist/esm/__future__/Tag/Tag.module.scss.mjs

@@ -0,0 +1,13 @@
+var styles = {
+  "tag": "Tag-module_tag__tuT2O",
+  "iconContainer": "Tag-module_iconContainer__OmQRU",
+  "gray": "Tag-module_gray__VqJ2M",
+  "blue": "Tag-module_blue__u3vnu",
+  "green": "Tag-module_green__7bcu7",
+  "yellow": "Tag-module_yellow__Br-2V",
+  "orange": "Tag-module_orange__LdmPX",
+  "red": "Tag-module_red__VB5dE",
+  "purple": "Tag-module_purple__A3Uy5"
+};
+export { styles as default };
+//# sourceMappingURL=Tag.module.scss.mjs.map

package/dist/esm/__future__/Tag/Tag.module.scss.mjs.map

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

package/dist/esm/__future__/Workflow/Workflow.mjs

@@ -0,0 +1,53 @@
+import { __rest, __assign } from 'tslib';
+import React 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';
+import './subcomponents/Footer/components/FooterActions/FooterActions.mjs';
+import { Header } from './subcomponents/Header/Header.mjs';
+import './subcomponents/Header/components/Titles/Titles.mjs';
+import './subcomponents/Header/components/Actions/Actions.mjs';
+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,
+      status = _a.status,
+      headerActions = _a.headerActions,
+      children = _a.children,
+      nextAction = _a.nextAction,
+      previousAction = _a.previousAction,
+      classNameOverride = _a.classNameOverride,
+      restProps = __rest(_a, ["steps", "currentStepId", "isComplete", "workflowName", "status", "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,
+      status: status,
+      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;
+}();
+export { Workflow };
+//# sourceMappingURL=Workflow.mjs.map

package/dist/esm/__future__/Workflow/Workflow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Workflow.mjs","sources":["../../../../src/__future__/Workflow/Workflow.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport {\n  Footer,\n  FooterProps,\n  Header,\n  Main,\n  HeaderProps,\n  ProgressStepper,\n  Wrapper,\n} from \"./subcomponents\"\n\nexport type WorkflowProps = OverrideClassName<HTMLAttributes<HTMLDivElement>> &\n  FooterProps &\n  Pick<HeaderProps, \"workflowName\" | \"status\" | \"headerActions\">\n\nexport const Workflow = ({\n  steps,\n  currentStepId,\n  isComplete,\n  workflowName,\n  status,\n  headerActions,\n  children,\n  nextAction,\n  previousAction,\n  classNameOverride,\n  ...restProps\n}: WorkflowProps): JSX.Element => {\n  const currentStep = steps.find(step => step.id === currentStepId)\n  return (\n    <Workflow.Wrapper classNameOverride={classNameOverride} {...restProps}>\n      <Workflow.Header\n        workflowName={workflowName}\n        stepName={currentStep!.label}\n        status={status}\n        headerActions={headerActions}\n      />\n      <Workflow.Main>{children}</Workflow.Main>\n      <Workflow.Footer\n        currentStepId={currentStepId}\n        steps={steps}\n        isComplete={isComplete}\n        nextAction={nextAction}\n        previousAction={previousAction}\n      />\n    </Workflow.Wrapper>\n  )\n}\n\nWorkflow.Header = Header\nWorkflow.Footer = Footer\nWorkflow.Main = Main\nWorkflow.ProgressStepper = ProgressStepper\nWorkflow.Wrapper = Wrapper\n"],"names":["Workflow","_a","steps","currentStepId","isComplete","workflowName","status","headerActions","children","nextAction","previousAction","classNameOverride","restProps","__rest","currentStep","find","step","id","React","createElement","Wrapper","Header","stepName","label","Main","Footer","ProgressStepper"],"mappings":";;;;;;;;;;;;;MAgBaA,QAAQ;EAAA,MAARA,QAAQ,GAAG,SAAAA,CAACC,EAYT,EAAA;IAXd,IAAAC,KAAK,GAAAD,EAAA,CAAAC,KAAA;MACLC,aAAa,mBAAA;MACbC,UAAU,GAAAH,EAAA,CAAAG,UAAA;MACVC,YAAY,GAAAJ,EAAA,CAAAI,YAAA;MACZC,MAAM,YAAA;MACNC,aAAa,GAAAN,EAAA,CAAAM,aAAA;MACbC,QAAQ,GAAAP,EAAA,CAAAO,QAAA;MACRC,UAAU,gBAAA;MACVC,cAAc,GAAAT,EAAA,CAAAS,cAAA;MACdC,iBAAiB,GAAAV,EAAA,CAAAU,iBAAA;MACdC,SAAS,GAAAC,MAAA,CAAAZ,EAAA,EAXW,oJAYxB,CADa;IAEZ,IAAMa,WAAW,GAAGZ,KAAK,CAACa,IAAI,CAAC,UAAAC,IAAI,EAAA;MAAI,OAAAA,IAAI,CAACC,EAAE,KAAKd,aAAa;IAAzB,CAAyB,CAAC;IACjE,oBACEe,KAAC,CAAAC,aAAA,CAAAnB,QAAQ,CAACoB,OAAO;MAACT,iBAAiB,EAAEA;IAAiB,CAAA,EAAMC,SAAS,CAAA,eACnEM,KAAC,CAAAC,aAAA,CAAAnB,QAAQ,CAACqB,MAAM,EAAA;MACdhB,YAAY,EAAEA,YAAY;MAC1BiB,QAAQ,EAAER,WAAY,CAACS,KAAK;MAC5BjB,MAAM,EAAEA,MAAM;MACdC,aAAa,EAAEA;IAAa,CAC5B,CAAA,eACFW,KAAA,CAAAC,aAAA,CAACnB,QAAQ,CAACwB,IAAI,EAAA,IAAA,EAAEhB,QAAQ,CAAiB,eACzCU,KAAC,CAAAC,aAAA,CAAAnB,QAAQ,CAACyB,MAAM,EACd;MAAAtB,aAAa,EAAEA,aAAa;MAC5BD,KAAK,EAAEA,KAAK;MACZE,UAAU,EAAEA,UAAU;MACtBK,UAAU,EAAEA,UAAU;MACtBC,cAAc,EAAEA;IAAc,CAAA,CAC9B,CACe;EAEvB,CAAC;EAEDV,QAAQ,CAACqB,MAAM,GAAGA,MAAM;EACxBrB,QAAQ,CAACyB,MAAM,GAAGA,MAAM;EACxBzB,QAAQ,CAACwB,IAAI,GAAGA,IAAI;EACpBxB,QAAQ,CAAC0B,eAAe,GAAGA,eAAe;EAC1C1B,QAAQ,CAACoB,OAAO,GAAGA,OAAO;EAAA,OAtCbpB,QAAQ;AAAA;"}

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

@@ -0,0 +1,30 @@
+import { __rest, __assign } from 'tslib';
+import React 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;
+}();
+export { Footer };
+//# sourceMappingURL=Footer.mjs.map

package/dist/esm/__future__/Workflow/subcomponents/Footer/Footer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.mjs","sources":["../../../../../../src/__future__/Workflow/subcomponents/Footer/Footer.tsx"],"sourcesContent":["import React from \"react\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport {\n  FooterRoot,\n  FooterAction,\n  ProgressStepper,\n  ProgressStepperProps,\n  FooterRootProps,\n} from \"./components\"\n\nexport type FooterProps = {\n  /** An action to return to a previous step */\n  previousAction?: JSX.Element\n  /** An action to progress to the next step or submit the form */\n  nextAction?: JSX.Element\n} & ProgressStepperProps &\n  OverrideClassName<Omit<FooterRootProps, \"children\">>\n\nexport const Footer = ({\n  steps,\n  currentStepId,\n  isComplete,\n  previousAction,\n  nextAction,\n  ...restProps\n}: FooterProps): JSX.Element => (\n  <FooterRoot {...restProps}>\n    <FooterAction action={previousAction} actionType=\"Previous\" />\n    <ProgressStepper\n      steps={steps}\n      currentStepId={currentStepId}\n      isComplete={isComplete}\n    />\n    <FooterAction action={nextAction} actionType=\"Next\" />\n  </FooterRoot>\n)\n\nFooter.displayName = \"Workflow.Footer\"\n"],"names":["Footer","_a","steps","currentStepId","isComplete","previousAction","nextAction","restProps","__rest","React","createElement","FooterRoot","__assign","FooterAction","action","actionType","ProgressStepper","displayName"],"mappings":";;;;;MAkBaA,MAAM;EAAA,MAANA,MAAM,GAAG,SAAAA,CAACC,EAOT,EAAA;IANZ,IAAAC,KAAK,GAAAD,EAAA,CAAAC,KAAA;MACLC,aAAa,GAAAF,EAAA,CAAAE,aAAA;MACbC,UAAU,GAAAH,EAAA,CAAAG,UAAA;MACVC,cAAc,GAAAJ,EAAA,CAAAI,cAAA;MACdC,UAAU,GAAAL,EAAA,CAAAK,UAAA;MACPC,SAAS,GAAAC,MAAA,CAAAP,EAAA,EANS,wEAOtB,CADa;IACkB,oBAC9BQ,KAAA,CAAAC,aAAA,CAACC,UAAU,EAAAC,QAAA,CAAA,CAAA,CAAA,EAAKL,SAAS,CAAA,eACvBE,KAAC,CAAAC,aAAA,CAAAG,YAAY;MAACC,MAAM,EAAET,cAAc;MAAEU,UAAU,EAAC;KAAa,CAAA,eAC9DN,KAAA,CAAAC,aAAA,CAACM,eAAe,EAAA;MACdd,KAAK,EAAEA,KAAK;MACZC,aAAa,EAAEA,aAAa;MAC5BC,UAAU,EAAEA;KACZ,CAAA,eACFK,KAAA,CAAAC,aAAA,CAACG,YAAY,EAAA;MAACC,MAAM,EAAER,UAAU;MAAES,UAAU,EAAC;IAAM,CAAA,CAAG,CAC3C;GACd;EAEDf,MAAM,CAACiB,WAAW,GAAG,iBAAiB;EAAA,OAnBzBjB,MAAM;AAAA;"}

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

@@ -0,0 +1,21 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import styles from './FooterActions.module.scss.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([styles.footerAction, styles["footerAction".concat(actionType)]])
+    }, restProps), action);
+  };
+  FooterAction.displayName = "Workflow.FooterActions";
+  return FooterAction;
+}();
+export { FooterAction };
+//# sourceMappingURL=FooterActions.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FooterActions.mjs","sources":["../../../../../../../../src/__future__/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./FooterActions.module.scss\"\n\nexport type FooterActionsProps = {\n  actionType?: \"Previous\" | \"Next\"\n  action?: JSX.Element\n} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, \"children\">>\n\n/** A simple wrapper for a Footer previous or next action  */\nexport const FooterAction = ({\n  actionType = \"Previous\",\n  action,\n  ...restProps\n}: FooterActionsProps): JSX.Element => (\n  <div\n    className={classnames([\n      styles.footerAction,\n      styles[`footerAction${actionType}`],\n    ])}\n    {...restProps}\n  >\n    {action}\n  </div>\n)\n\nFooterAction.displayName = \"Workflow.FooterActions\"\n"],"names":["FooterAction","_a","_b","actionType","action","restProps","__rest","React","createElement","__assign","className","classnames","styles","footerAction","concat","displayName"],"mappings":";;;;;AAUA;AAAA,MACaA,YAAY;EAAA,MAAZA,YAAY,GAAG,SAAAA,CAACC,EAIR,EAAA;IAHnB,IAAAC,EAAuB,GAAAD,EAAA,CAAAE,UAAA;MAAvBA,UAAU,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,UAAU,GAAAA,EAAA;MACvBE,MAAM,GAAAH,EAAA,CAAAG,MAAA;MACHC,SAAS,GAAAC,MAAA,CAAAL,EAAA,EAHe,wBAI5B,CADa;IACyB,oBACrCM,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;MACEC,SAAS,EAAEC,UAAU,CAAC,CACpBC,MAAM,CAACC,YAAY,EACnBD,MAAM,CAAC,cAAA,CAAAE,MAAA,CAAeX,UAAU,CAAE,CAAC,CACpC;OACGE,SAAS,CAAA,EAEZD,MAAM,CACH;GACP;EAEDJ,YAAY,CAACe,WAAW,GAAG,wBAAwB;EAAA,OAhBtCf,YAAY;AAAA;"}

package/dist/esm/__future__/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.module.scss.mjs

@@ -0,0 +1,7 @@
+var styles = {
+  "footerAction": "FooterActions-module_footerAction__v7eL-",
+  "footerActionPrevious": "FooterActions-module_footerActionPrevious__2XByZ",
+  "footerActionNext": "FooterActions-module_footerActionNext__IKRta"
+};
+export { styles as default };
+//# sourceMappingURL=FooterActions.module.scss.mjs.map

package/dist/esm/__future__/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.module.scss.mjs.map

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

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

@@ -0,0 +1,97 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import { Paragraph } from '@kaizen/typography';
+import 'uuid';
+import '../../../../../../Icon/subcomponents/SVG/SVG.mjs';
+import { IndicatorActiveIcon } from '../../../../../../Icon/IndicatorActiveIcon.mjs';
+import { IndicatorInactiveIcon } from '../../../../../../Icon/IndicatorInactiveIcon.mjs';
+import { SuccessIcon } from '../../../../../../Icon/SuccessIcon.mjs';
+import styles from './ProgressStepper.module.scss.mjs';
+var getStepStatus = function (isComplete, isCurrentStep, step, index) {
+  if (isComplete) {
+    return {
+      icon: /*#__PURE__*/React.createElement(SuccessIcon, {
+        key: index,
+        inheritSize: true,
+        role: "presentation",
+        classNameOverride: "success"
+      }),
+      accessibleName: "Completed: ".concat(step.label)
+    };
+  }
+  if (isCurrentStep) {
+    return {
+      icon: /*#__PURE__*/React.createElement(IndicatorActiveIcon, {
+        key: index,
+        inheritSize: true,
+        role: "presentation",
+        classNameOverride: "active"
+      }),
+      accessibleName: "Current: ".concat(step.label)
+    };
+  }
+  return {
+    icon: /*#__PURE__*/React.createElement(IndicatorInactiveIcon, {
+      key: index,
+      inheritSize: true,
+      classNameOverride: "incomplete",
+      role: "presentation"
+    }),
+    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: styles.stepsContainer
+    }, /*#__PURE__*/React.createElement("ol", __assign({
+      className: styles.stepList
+    }, restprops, {
+      "aria-labelledby": "stepper-description"
+    }), steps.map(function (step, index) {
+      var isCurrentStep = currentStepIndex === index;
+      var isCompletedStep = index < currentStepIndex || isComplete;
+      var _a = getStepStatus(isCompletedStep, isCurrentStep, step, index),
+        accessibleName = _a.accessibleName,
+        Icon = _a.icon;
+      return /*#__PURE__*/React.createElement("li", {
+        className: styles.step,
+        key: "".concat(step.id),
+        "aria-current": isCurrentStep
+      }, /*#__PURE__*/React.createElement("div", {
+        className: styles.stepContent
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "sr-only"
+      }, accessibleName), /*#__PURE__*/React.createElement(Paragraph, {
+        classNameOverride: styles.stepName,
+        variant: "small",
+        color: "white",
+        "aria-hidden": true
+      }, step.label), /*#__PURE__*/React.createElement("div", {
+        className: styles.stepIndicator
+      }, /*#__PURE__*/React.createElement("span", {
+        className: styles.stepIcon
+      }, Icon)), index < steps.length - 1 && /*#__PURE__*/React.createElement("div", {
+        className: classnames([styles.stepDivider, isCompletedStep && styles.completedStep])
+      })));
+    })), /*#__PURE__*/React.createElement(Paragraph, {
+      classNameOverride: styles.stepperDescription,
+      variant: "small",
+      color: "white",
+      id: "stepper-description"
+    }, "Step ", currentStepIndex + 1, " of ", steps.length));
+  };
+  ProgressStepper.displayName = "Workflow.ProgressStepper";
+  return ProgressStepper;
+}();
+export { ProgressStepper };
+//# sourceMappingURL=ProgressStepper.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressStepper.mjs","sources":["../../../../../../../../src/__future__/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { Paragraph } from \"@kaizen/typography\"\nimport {\n  IndicatorActiveIcon,\n  IndicatorInactiveIcon,\n  SuccessIcon,\n} from \"~components/Icon\"\nimport styles from \"./ProgressStepper.module.scss\"\n\nexport type Step = {\n  id: string\n  label: string\n}\n\nexport type Steps = [Step, ...Step[]]\n\nexport type ProgressStepperProps = {\n  /** The id reference to within a Step object */\n  currentStepId: Step[\"id\"]\n  /** A non-empty array of Steps */\n  steps: Steps\n  isComplete?: boolean\n}\n\nconst getStepStatus = (\n  isComplete: boolean,\n  isCurrentStep: boolean,\n  step: Step,\n  index: number\n): {\n  icon: JSX.Element\n  accessibleName: string\n} => {\n  if (isComplete) {\n    return {\n      icon: (\n        <SuccessIcon\n          key={index}\n          inheritSize\n          role=\"presentation\"\n          classNameOverride=\"success\"\n        />\n      ),\n      accessibleName: `Completed: ${step.label}`,\n    }\n  }\n  if (isCurrentStep) {\n    return {\n      icon: (\n        <IndicatorActiveIcon\n          key={index}\n          inheritSize\n          role=\"presentation\"\n          classNameOverride=\"active\"\n        />\n      ),\n      accessibleName: `Current: ${step.label}`,\n    }\n  }\n  return {\n    icon: (\n      <IndicatorInactiveIcon\n        key={index}\n        inheritSize\n        classNameOverride=\"incomplete\"\n        role=\"presentation\"\n      />\n    ),\n    accessibleName: `Not started: ${step.label}`,\n  }\n}\n\nexport const ProgressStepper = ({\n  currentStepId,\n  steps,\n  isComplete = false,\n  ...restprops\n}: ProgressStepperProps): JSX.Element => {\n  const currentStepIndex = steps.findIndex(\n    stepItem => stepItem.id === currentStepId\n  )\n\n  return (\n    <div className={styles.stepsContainer}>\n      <ol\n        className={styles.stepList}\n        {...restprops}\n        aria-labelledby=\"stepper-description\"\n      >\n        {steps.map((step, index: number) => {\n          const isCurrentStep = currentStepIndex === index\n          const isCompletedStep = index < currentStepIndex || isComplete\n          const { accessibleName, icon: Icon } = getStepStatus(\n            isCompletedStep,\n            isCurrentStep,\n            step,\n            index\n          )\n          return (\n            <li\n              className={styles.step}\n              key={`${step.id}`}\n              aria-current={isCurrentStep}\n            >\n              <div className={styles.stepContent}>\n                <span className=\"sr-only\">\n                  {/* will need to be translated */}\n                  {accessibleName}\n                </span>\n                <Paragraph\n                  classNameOverride={styles.stepName}\n                  variant=\"small\"\n                  color=\"white\"\n                  aria-hidden\n                >\n                  {step.label}\n                </Paragraph>\n                <div className={styles.stepIndicator}>\n                  <span className={styles.stepIcon}>{Icon}</span>\n                </div>\n                {index < steps.length - 1 && (\n                  <div\n                    className={classnames([\n                      styles.stepDivider,\n                      isCompletedStep && styles.completedStep,\n                    ])}\n                  />\n                )}\n              </div>\n            </li>\n          )\n        })}\n      </ol>\n      <Paragraph\n        classNameOverride={styles.stepperDescription}\n        variant=\"small\"\n        color=\"white\"\n        id=\"stepper-description\"\n      >\n        Step {currentStepIndex + 1} of {steps.length}\n      </Paragraph>\n    </div>\n  )\n}\n\nProgressStepper.displayName = \"Workflow.ProgressStepper\"\n"],"names":["getStepStatus","isComplete","isCurrentStep","step","index","icon","React","createElement","SuccessIcon","key","inheritSize","role","classNameOverride","accessibleName","concat","label","IndicatorActiveIcon","IndicatorInactiveIcon","ProgressStepper","_a","currentStepId","steps","_b","restprops","__rest","currentStepIndex","findIndex","stepItem","id","className","styles","stepsContainer","__assign","stepList","map","isCompletedStep","Icon","stepContent","Paragraph","stepName","variant","color","stepIndicator","stepIcon","length","classnames","stepDivider","completedStep","stepperDescription","displayName"],"mappings":"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"}

package/dist/esm/__future__/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.module.scss.mjs

@@ -0,0 +1,13 @@
+var styles = {
+  "stepsContainer": "ProgressStepper-module_stepsContainer__WMxXN",
+  "stepList": "ProgressStepper-module_stepList__b1wWX",
+  "step": "ProgressStepper-module_step__-Ep19",
+  "stepContent": "ProgressStepper-module_stepContent__B4uFS",
+  "stepIndicator": "ProgressStepper-module_stepIndicator__-qEWT",
+  "stepName": "ProgressStepper-module_stepName__hS4lp",
+  "stepIcon": "ProgressStepper-module_stepIcon__0Kh4y",
+  "stepDivider": "ProgressStepper-module_stepDivider__KEZPU",
+  "stepperDescription": "ProgressStepper-module_stepperDescription__B00hX"
+};
+export { styles as default };
+//# sourceMappingURL=ProgressStepper.module.scss.mjs.map

package/dist/esm/__future__/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.module.scss.mjs.map

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

package/dist/esm/__future__/Workflow/subcomponents/Footer/components/Root/FooterRoot.module.scss.mjs

@@ -0,0 +1,5 @@
+var styles = {
+  "footerRoot": "FooterRoot-module_footerRoot__N-6nQ"
+};
+export { styles as default };
+//# sourceMappingURL=FooterRoot.module.scss.mjs.map

package/dist/esm/__future__/Workflow/subcomponents/Footer/components/Root/FooterRoot.module.scss.mjs.map

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

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

@@ -0,0 +1,18 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import styles from './FooterRoot.module.scss.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(styles.footerRoot, classNameOverride)
+    }, restProps), children);
+  };
+  FooterRoot.displayName = "Workflow.FooterRoot";
+  return FooterRoot;
+}();
+export { FooterRoot };
+//# sourceMappingURL=Root.mjs.map

package/dist/esm/__future__/Workflow/subcomponents/Footer/components/Root/Root.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Root.mjs","sources":["../../../../../../../../src/__future__/Workflow/subcomponents/Footer/components/Root/Root.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./FooterRoot.module.scss\"\n\nexport type FooterRootProps = OverrideClassName<\n  HTMLAttributes<HTMLHeadingElement>\n>\n\nexport const FooterRoot = ({\n  children,\n  classNameOverride,\n  ...restProps\n}: FooterRootProps): JSX.Element => (\n  <footer\n    className={classnames(styles.footerRoot, classNameOverride)}\n    {...restProps}\n  >\n    {children}\n  </footer>\n)\n\nFooterRoot.displayName = \"Workflow.FooterRoot\"\n"],"names":["FooterRoot","_a","children","classNameOverride","restProps","__rest","React","createElement","__assign","className","classnames","styles","footerRoot","displayName"],"mappings":";;;;MASaA,UAAU;EAAA,MAAVA,UAAU,GAAG,SAAAA,CAACC,EAIT,EAAA;IAHhB,IAAAC,QAAQ,cAAA;MACRC,iBAAiB,uBAAA;MACdC,SAAS,GAHaC,MAAA,CAAAJ,EAAA,EAAA,CAAA,UAAA,EAAA,mBAAA,CAI1B,CADa;IACsB,oBAClCK,KACE,CAAAC,aAAA,CAAA,QAAA,EAAAC,QAAA,CAAA;MAAAC,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,UAAU,EAAET,iBAAiB;IAAC,CACvD,EAAAC,SAAS,GAEZF,QAAQ,CACF;GACV;EAEDF,UAAU,CAACa,WAAW,GAAG,qBAAqB;EAAA,OAbjCb,UAAU;AAAA;"}

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

@@ -0,0 +1,28 @@
+import { __rest, __assign } from 'tslib';
+import React 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,
+      status = _a.status,
+      headerActions = _a.headerActions,
+      restProps = __rest(_a, ["workflowName", "stepName", "status", "headerActions"]);
+    return /*#__PURE__*/React.createElement(HeaderRoot, __assign({}, restProps), /*#__PURE__*/React.createElement(Branding, {
+      alt: "Cultureamp"
+    }), /*#__PURE__*/React.createElement(Titles, {
+      workflowName: workflowName,
+      stepName: stepName,
+      status: status
+    }), /*#__PURE__*/React.createElement(Actions, {
+      headerActions: headerActions
+    }));
+  };
+  Header.displayName = "Workflow.Header";
+  return Header;
+}();
+export { Header };
+//# sourceMappingURL=Header.mjs.map

package/dist/esm/__future__/Workflow/subcomponents/Header/Header.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.mjs","sources":["../../../../../../src/__future__/Workflow/subcomponents/Header/Header.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  HeaderRoot,\n  Branding,\n  Titles,\n  Actions,\n  WorkflowActionsProps,\n  WorkflowTitlesProps,\n} from \"./components\"\n\nexport type HeaderProps = WorkflowTitlesProps & WorkflowActionsProps\n\nexport const Header = ({\n  workflowName,\n  stepName,\n  status,\n  headerActions,\n  ...restProps\n}: HeaderProps): JSX.Element => (\n  <HeaderRoot {...restProps}>\n    <Branding alt=\"Cultureamp\" />\n    <Titles workflowName={workflowName} stepName={stepName} status={status} />\n    <Actions headerActions={headerActions} />\n  </HeaderRoot>\n)\n\nHeader.displayName = \"Workflow.Header\"\n"],"names":["Header","_a","workflowName","stepName","status","headerActions","restProps","__rest","React","createElement","HeaderRoot","__assign","Branding","alt","Titles","Actions","displayName"],"mappings":";;;;;;MAYaA,MAAM;EAAA,MAANA,MAAM,GAAG,SAAAA,CAACC,EAMT,EAAA;IALZ,IAAAC,YAAY,GAAAD,EAAA,CAAAC,YAAA;MACZC,QAAQ,cAAA;MACRC,MAAM,GAAAH,EAAA,CAAAG,MAAA;MACNC,aAAa,GAAAJ,EAAA,CAAAI,aAAA;MACVC,SAAS,GAAAC,MAAA,CAAAN,EAAA,EALS,uDAMtB,CADa;IACkB,oBAC9BO,KAAA,CAAAC,aAAA,CAACC,UAAU,EAAAC,QAAA,CAAA,CAAA,CAAA,EAAKL,SAAS,CAAA,eACvBE,KAAA,CAAAC,aAAA,CAACG,QAAQ,EAAA;MAACC,GAAG,EAAC;IAAY,CAAG,CAAA,eAC7BL,KAAA,CAAAC,aAAA,CAACK,MAAM,EAAA;MAACZ,YAAY,EAAEA,YAAY;MAAEC,QAAQ,EAAEA,QAAQ;MAAEC,MAAM,EAAEA;KAAU,CAAA,eAC1EI,KAAC,CAAAC,aAAA,CAAAM,OAAO;MAACV,aAAa,EAAEA;IAAiB,CAAA,CAAA,CAC9B;GACd;EAEDL,MAAM,CAACgB,WAAW,GAAG,iBAAiB;EAAA,OAdzBhB,MAAM;AAAA;"}

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

@@ -0,0 +1,22 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import styles from './Actions.module.scss.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: styles.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;
+}();
+export { Actions };
+//# sourceMappingURL=Actions.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.mjs","sources":["../../../../../../../../src/__future__/Workflow/subcomponents/Header/components/Actions/Actions.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Actions.module.scss\"\n\nexport type WorkflowActionsProps = {\n  /**\n   * Header actions will render in order of the array.\n   */\n  headerActions?: JSX.Element[]\n} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, \"children\">>\n\n/** A wrapper for an exit trigger (and other) actions of the Header Workflow  */\nexport const Actions = ({\n  headerActions,\n  ...restProps\n}: WorkflowActionsProps): JSX.Element => (\n  <div className={styles.actions} {...restProps}>\n    {headerActions?.map((action, index) => (\n      <action.type key={`header-actions ${index}`} {...action.props} />\n    ))}\n  </div>\n)\n\nActions.displayName = \"Workflow.Actions\"\n"],"names":["Actions","_a","headerActions","restProps","__rest","React","className","styles","actions","map","action","index","createElement","type","key","props","displayName"],"mappings":";;;;AAWA;AAAA,MACaA,OAAO;EAAA,MAAPA,OAAO,GAAG,SAAAA,CAACC,EAGD,EAAA;IAFrB,IAAAC,aAAa,GAAAD,EAAA,CAAAC,aAAA;MACVC,SAAS,GAAAC,MAAA,CAAAH,EAAA,EAFU,iBAGvB,CADa;IAC2B,oBACvCI;MAAKC,SAAS,EAAEC,MAAM,CAACC;OAAaL,SAAS,CAAA,EAC1CD,aAAa,KAAb,IAAA,IAAAA,aAAa,uBAAbA,aAAa,CAAEO,GAAG,CAAC,UAACC,MAAM,EAAEC,KAAK,EAAA;MAAK,oBACrCN,KAAA,CAAAO,aAAA,CAACF,MAAM,CAACG,IAAI;QAACC,GAAG,EAAE,yBAAkBH,KAAK;SAAQD,MAAM,CAACK,KAAK,CAAI,CAAA;IAClE,CAAA,CAAC,CACE;GACP;EAEDf,OAAO,CAACgB,WAAW,GAAG,kBAAkB;EAAA,OAX3BhB,OAAO;AAAA;"}

package/dist/esm/__future__/Workflow/subcomponents/Header/components/Actions/Actions.module.scss.mjs

@@ -0,0 +1,5 @@
+var styles = {
+  "actions": "Actions-module_actions__Prrp0"
+};
+export { styles as default };
+//# sourceMappingURL=Actions.module.scss.mjs.map

package/dist/esm/__future__/Workflow/subcomponents/Header/components/Actions/Actions.module.scss.mjs.map

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

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Brand } from '@kaizen/brand';
+import styles from './Branding.module.scss.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: styles.branding
+    }, /*#__PURE__*/React.createElement(Brand, {
+      classNameOverride: styles.logo,
+      variant: variant,
+      alt: alt
+    }));
+  };
+  Branding.displayName = "Workflow.Branding";
+  return Branding;
+}();
+export { Branding };
+//# sourceMappingURL=Branding.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Branding.mjs","sources":["../../../../../../../../src/__future__/Workflow/subcomponents/Header/components/Branding/Branding.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { Brand, BrandProps } from \"@kaizen/brand\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Branding.module.scss\"\n\nexport type WorflowBrandingProps = {\n  variant?: BrandProps[\"variant\"]\n  alt: string\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Branding = ({\n  variant = \"logo-horizontal\",\n  alt,\n}: WorflowBrandingProps): JSX.Element => (\n  <div className={styles.branding}>\n    <Brand classNameOverride={styles.logo} variant={variant} alt={alt} />\n  </div>\n)\n\nBranding.displayName = \"Workflow.Branding\"\n"],"names":["Branding","_a","_b","variant","alt","React","createElement","className","styles","branding","Brand","classNameOverride","logo","displayName"],"mappings":";;;MAUaA,QAAQ;EAAA,MAARA,QAAQ,GAAG,SAAAA,CAACC,EAGF,EAAA;IAFrB,IAAAC,EAAA,GAAAD,EAAA,CAAAE,OAA2B;MAA3BA,OAAO,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,iBAAiB,GAAAA,EAAA;MAC3BE,GAAG,GAAAH,EAAA,CAAAG,GAAA;IACoC,oBACvCC,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAC,SAAS,EAAEC,MAAM,CAACC;IAAQ,CAAA,eAC7BJ,KAAA,CAAAC,aAAA,CAACI,KAAK,EAAC;MAAAC,iBAAiB,EAAEH,MAAM,CAACI,IAAI;MAAET,OAAO,EAAEA,OAAO;MAAEC,GAAG,EAAEA;IAAG,CAAA,CAAI,CACjE;EAHiC,CAIxC;EAEDJ,QAAQ,CAACa,WAAW,GAAG,mBAAmB;EAAA,OAT7Bb,QAAQ;AAAA;"}

package/dist/esm/__future__/Workflow/subcomponents/Header/components/Branding/Branding.module.scss.mjs

@@ -0,0 +1,6 @@
+var styles = {
+  "branding": "Branding-module_branding__4h-rD",
+  "logo": "Branding-module_logo__vqqec"
+};
+export { styles as default };
+//# sourceMappingURL=Branding.module.scss.mjs.map

package/dist/esm/__future__/Workflow/subcomponents/Header/components/Branding/Branding.module.scss.mjs.map

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

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

@@ -0,0 +1,18 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import styles from './Root.module.scss.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(styles.root, classNameOverride)
+    }, restProps), children);
+  };
+  HeaderRoot.displayName = "Workflow.HeaderRoot";
+  return HeaderRoot;
+}();
+export { HeaderRoot };
+//# sourceMappingURL=Root.mjs.map

package/dist/esm/__future__/Workflow/subcomponents/Header/components/Root/Root.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Root.mjs","sources":["../../../../../../../../src/__future__/Workflow/subcomponents/Header/components/Root/Root.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Root.module.scss\"\n\nexport type HeaderRootProps = OverrideClassName<\n  HTMLAttributes<HTMLHeadingElement>\n>\n\nexport const HeaderRoot = ({\n  children,\n  classNameOverride,\n  ...restProps\n}: HeaderRootProps): JSX.Element => (\n  <header className={classnames(styles.root, classNameOverride)} {...restProps}>\n    {children}\n  </header>\n)\n\nHeaderRoot.displayName = \"Workflow.HeaderRoot\"\n"],"names":["HeaderRoot","_a","children","classNameOverride","restProps","__rest","React","createElement","__assign","className","classnames","styles","root","displayName"],"mappings":";;;;MASaA,UAAU;EAAA,MAAVA,UAAU,GAAG,SAAAA,CAACC,EAIT,EAAA;IAHhB,IAAAC,QAAQ,cAAA;MACRC,iBAAiB,uBAAA;MACdC,SAAS,GAHaC,MAAA,CAAAJ,EAAA,EAAA,CAAA,UAAA,EAAA,mBAAA,CAI1B,CADa;IACsB,oBAClCK,KAAQ,CAAAC,aAAA,CAAA,QAAA,EAAAC,QAAA,CAAA;MAAAC,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,IAAI,EAAET,iBAAiB;IAAC,CAAM,EAAAC,SAAS,GACzEF,QAAQ,CACF;GACV;EAEDF,UAAU,CAACa,WAAW,GAAG,qBAAqB;EAAA,OAVjCb,UAAU;AAAA;"}

package/dist/esm/__future__/Workflow/subcomponents/Header/components/Root/Root.module.scss.mjs

@@ -0,0 +1,5 @@
+var styles = {
+  "root": "Root-module_root__7DVw5"
+};
+export { styles as default };
+//# sourceMappingURL=Root.module.scss.mjs.map

package/dist/esm/__future__/Workflow/subcomponents/Header/components/Root/Root.module.scss.mjs.map

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