@kaizen/components 1.60.3 → 1.61.1

package/dist/types/__future__/index.d.ts

@@ -1,3 +1,3 @@
 export * from "./Select";
 export * from "./Tag";
-export * from "./Workflow";
+export * from "../__layout__/Workflow/v2";

package/dist/types/{Workflow → __layout__/Workflow/v1}/Workflow.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from "react";
-import { OverrideClassName } from "../types/OverrideClassName";
+import { OverrideClassName } from "../../../types/OverrideClassName";
 import { FooterProps, HeaderProps } from "./subcomponents";
 export type WorkflowProps = OverrideClassName<HTMLAttributes<HTMLDivElement>> & FooterProps & HeaderProps;
 /**

package/dist/types/__layout__/Workflow/v1/index.d.ts

@@ -0,0 +1,27 @@
+import { WorkflowProps as WorkflowPropsV1 } from "./Workflow";
+/** * @deprecated upgrade to v3 for the latest release */
+export declare const Workflow: {
+    ({ stepName, steps, isComplete, workflowName, status, headerActions, children, nextAction, previousAction, classNameOverride, ...restProps }: WorkflowPropsV1): JSX.Element;
+    Header: {
+        ({ workflowName, stepName, status, headerActions, ...restProps }: import("./subcomponents").HeaderProps): JSX.Element;
+        displayName: string;
+    };
+    Footer: {
+        ({ steps, stepName, isComplete, previousAction, nextAction, ...restProps }: import("./subcomponents").FooterProps): JSX.Element;
+        displayName: string;
+    };
+    Main: {
+        ({ children, classNameOverride, ...restProps }: import("./subcomponents").WorkflowMainProps): JSX.Element;
+        displayName: string;
+    };
+    ProgressStepper: {
+        ({ stepName, steps, isComplete, ...restprops }: import("./subcomponents").ProgressStepperProps): JSX.Element;
+        displayName: string;
+    };
+    Wrapper: {
+        ({ children, classNameOverride, ...restProps }: import("./subcomponents").WorkflowWrapperProps): JSX.Element;
+        displayName: string;
+    };
+};
+/** * @deprecated upgrade to v3 for the latest release */
+export type WorkflowProps = WorkflowPropsV1;

package/dist/types/{Workflow → __layout__/Workflow/v1}/subcomponents/Footer/Footer.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from "react";
-import { OverrideClassName } from "../../../types/OverrideClassName";
+import { OverrideClassName } from "../../../../../types/OverrideClassName";
 import { ProgressStepperProps } from "./components";
 export type FooterProps = {
     /** An action to return to a previous step */

package/dist/types/{__future__/Workflow → __layout__/Workflow/v1}/subcomponents/Footer/components/FooterActions/FooterActions.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from "react";
-import { OverrideClassName } from "../../../../../../types/OverrideClassName";
+import { OverrideClassName } from "../../../../../../../types/OverrideClassName";
 export type FooterActionsProps = {
     actionType?: "Previous" | "Next";
     action?: JSX.Element;

package/dist/types/{__future__/Workflow → __layout__/Workflow/v1}/subcomponents/Footer/components/Root/Root.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from "react";
-import { OverrideClassName } from "../../../../../../types/OverrideClassName";
+import { OverrideClassName } from "../../../../../../../types/OverrideClassName";
 export type FooterRootProps = OverrideClassName<HTMLAttributes<HTMLHeadingElement>>;
 export declare const FooterRoot: {
     ({ children, classNameOverride, ...restProps }: FooterRootProps): JSX.Element;

package/dist/types/{Workflow → __layout__/Workflow/v1}/subcomponents/Header/components/Actions/Actions.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from "react";
-import { OverrideClassName } from "../../../../../types/OverrideClassName";
+import { OverrideClassName } from "../../../../../../../types/OverrideClassName";
 export type WorkflowActionsProps = {
     /**
      * Header actions will render in order of the array.

package/dist/types/{Workflow → __layout__/Workflow/v1}/subcomponents/Header/components/Branding/Branding.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from "react";
-import { BrandProps } from "../../../../../Brand";
-import { OverrideClassName } from "../../../../../types/OverrideClassName";
+import { BrandProps } from "../../../../../../../Brand";
+import { OverrideClassName } from "../../../../../../../types/OverrideClassName";
 export type WorflowBrandingProps = {
     variant?: BrandProps["variant"];
     alt: string;

package/dist/types/{__future__/Workflow → __layout__/Workflow/v1}/subcomponents/Header/components/Root/Root.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from "react";
-import { OverrideClassName } from "../../../../../../types/OverrideClassName";
+import { OverrideClassName } from "../../../../../../../types/OverrideClassName";
 export type HeaderRootProps = OverrideClassName<HTMLAttributes<HTMLHeadingElement>>;
 export declare const HeaderRoot: {
     ({ children, classNameOverride, ...restProps }: HeaderRootProps): JSX.Element;

package/dist/types/{Workflow → __layout__/Workflow/v1}/subcomponents/Header/components/Titles/Titles.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from "react";
-import { DefaultTagProps } from "../../../../../Tag";
-import { OverrideClassName } from "../../../../../types/OverrideClassName";
+import { DefaultTagProps } from "../../../../../../../Tag";
+import { OverrideClassName } from "../../../../../../../types/OverrideClassName";
 export type WorkflowStatus = {
     /** @default: "statusDraft" */
     variant?: DefaultTagProps["variant"];

package/dist/types/{__future__/Workflow → __layout__/Workflow/v1}/subcomponents/Main/Main.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes, ReactNode } from "react";
-import { OverrideClassName } from "../../../../types/OverrideClassName";
+import { OverrideClassName } from "../../../../../types/OverrideClassName";
 export type WorkflowMainProps = OverrideClassName<HTMLAttributes<HTMLDivElement>> & {
     children: ReactNode;
 };

package/dist/types/{Workflow → __layout__/Workflow/v1}/subcomponents/Wrapper/Wrapper.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes, ReactNode } from "react";
-import { OverrideClassName } from "../../../types/OverrideClassName";
+import { OverrideClassName } from "../../../../../types/OverrideClassName";
 export type WorkflowWrapperProps = OverrideClassName<HTMLAttributes<HTMLDivElement>> & {
     children: ReactNode;
 };

package/dist/types/{__future__/Workflow → __layout__/Workflow/v2}/Workflow.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from "react";
-import { OverrideClassName } from "../../types/OverrideClassName";
+import { OverrideClassName } from "../../../types/OverrideClassName";
 import { FooterProps, HeaderProps } from "./subcomponents";
 export type WorkflowProps = OverrideClassName<HTMLAttributes<HTMLDivElement>> & FooterProps & Pick<HeaderProps, "workflowName" | "status" | "headerActions">;
 export declare const Workflow: {

package/dist/types/__layout__/Workflow/v2/index.d.ts

@@ -0,0 +1,27 @@
+import { WorkflowProps as WorkflowPropsV2 } from "./Workflow";
+/** * @deprecated upgrade to v3 for the latest release */
+export declare const Workflow: {
+    ({ steps, currentStepId, isComplete, workflowName, status, headerActions, children, nextAction, previousAction, classNameOverride, ...restProps }: WorkflowPropsV2): JSX.Element;
+    Header: {
+        ({ workflowName, stepName, status, headerActions, ...restProps }: import("./subcomponents").HeaderProps): JSX.Element;
+        displayName: string;
+    };
+    Footer: {
+        ({ steps, currentStepId, isComplete, previousAction, nextAction, ...restProps }: import("./subcomponents").FooterProps): JSX.Element;
+        displayName: string;
+    };
+    Main: {
+        ({ children, classNameOverride, ...restProps }: import("./subcomponents").WorkflowMainProps): JSX.Element;
+        displayName: string;
+    };
+    ProgressStepper: {
+        ({ currentStepId, steps, isComplete, ...restprops }: import("./subcomponents").ProgressStepperProps): JSX.Element;
+        displayName: string;
+    };
+    Wrapper: {
+        ({ children, classNameOverride, ...restProps }: import("./subcomponents").WorkflowWrapperProps): JSX.Element;
+        displayName: string;
+    };
+};
+/** * @deprecated upgrade to v3 for the latest release */
+export type WorkflowProps = WorkflowPropsV2;

package/dist/types/{__future__/Workflow → __layout__/Workflow/v2}/subcomponents/Footer/Footer.d.ts

@@ -1,4 +1,4 @@
-import { OverrideClassName } from "../../../../types/OverrideClassName";
+import { OverrideClassName } from "../../../../../types/OverrideClassName";
 import { ProgressStepperProps, FooterRootProps } from "./components";
 export type FooterProps = {
     /** An action to return to a previous step */

package/dist/types/{Workflow → __layout__/Workflow/v2}/subcomponents/Footer/components/FooterActions/FooterActions.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from "react";
-import { OverrideClassName } from "../../../../../types/OverrideClassName";
+import { OverrideClassName } from "../../../../../../../types/OverrideClassName";
 export type FooterActionsProps = {
     actionType?: "Previous" | "Next";
     action?: JSX.Element;

package/dist/types/{Workflow → __layout__/Workflow/v2}/subcomponents/Footer/components/Root/Root.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from "react";
-import { OverrideClassName } from "../../../../../types/OverrideClassName";
+import { OverrideClassName } from "../../../../../../../types/OverrideClassName";
 export type FooterRootProps = OverrideClassName<HTMLAttributes<HTMLHeadingElement>>;
 export declare const FooterRoot: {
     ({ children, classNameOverride, ...restProps }: FooterRootProps): JSX.Element;

package/dist/types/{__future__/Workflow → __layout__/Workflow/v2}/subcomponents/Header/components/Actions/Actions.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from "react";
-import { OverrideClassName } from "../../../../../../types/OverrideClassName";
+import { OverrideClassName } from "../../../../../../../types/OverrideClassName";
 export type WorkflowActionsProps = {
     /**
      * Header actions will render in order of the array.

package/dist/types/{__future__/Workflow → __layout__/Workflow/v2}/subcomponents/Header/components/Branding/Branding.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from "react";
-import { BrandProps } from "../../../../../../Brand";
-import { OverrideClassName } from "../../../../../../types/OverrideClassName";
+import { BrandProps } from "../../../../../../../Brand";
+import { OverrideClassName } from "../../../../../../../types/OverrideClassName";
 export type WorflowBrandingProps = {
     variant?: BrandProps["variant"];
     alt: string;

package/dist/types/{Workflow → __layout__/Workflow/v2}/subcomponents/Header/components/Root/Root.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from "react";
-import { OverrideClassName } from "../../../../../types/OverrideClassName";
+import { OverrideClassName } from "../../../../../../../types/OverrideClassName";
 export type HeaderRootProps = OverrideClassName<HTMLAttributes<HTMLHeadingElement>>;
 export declare const HeaderRoot: {
     ({ children, classNameOverride, ...restProps }: HeaderRootProps): JSX.Element;

package/dist/types/{__future__/Workflow → __layout__/Workflow/v2}/subcomponents/Header/components/Titles/Titles.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from "react";
-import { DefaultTagProps } from "../../../../../../Tag";
-import { OverrideClassName } from "../../../../../../types/OverrideClassName";
+import { DefaultTagProps } from "../../../../../../../Tag";
+import { OverrideClassName } from "../../../../../../../types/OverrideClassName";
 export type WorkflowStatus = {
     /** @default: "statusDraft" */
     variant?: DefaultTagProps["variant"];

package/dist/types/{Workflow → __layout__/Workflow/v2}/subcomponents/Main/Main.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes, ReactNode } from "react";
-import { OverrideClassName } from "../../../types/OverrideClassName";
+import { OverrideClassName } from "../../../../../types/OverrideClassName";
 export type WorkflowMainProps = OverrideClassName<HTMLAttributes<HTMLDivElement>> & {
     children: ReactNode;
 };

package/dist/types/{__future__/Workflow → __layout__/Workflow/v2}/subcomponents/Wrapper/Wrapper.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes, ReactNode } from "react";
-import { OverrideClassName } from "../../../../types/OverrideClassName";
+import { OverrideClassName } from "../../../../../types/OverrideClassName";
 export type WorkflowWrapperProps = OverrideClassName<HTMLAttributes<HTMLDivElement>> & {
     children: ReactNode;
 };

package/dist/types/__layout__/Workflow/v3/Workflow.d.ts

@@ -0,0 +1,27 @@
+import { HTMLAttributes } from "react";
+import { OverrideClassName } from "../../../types/OverrideClassName";
+import { FooterProps, HeaderProps } from "./subcomponents";
+export type WorkflowProps = OverrideClassName<HTMLAttributes<HTMLDivElement>> & FooterProps & Pick<HeaderProps, "workflowName" | "statusTag" | "headerActions">;
+export declare const Workflow: {
+    ({ steps, currentStepId, isComplete, workflowName, statusTag, headerActions, children, nextAction, previousAction, classNameOverride, ...restProps }: WorkflowProps): JSX.Element;
+    Header: {
+        ({ workflowName, stepName, statusTag, headerActions, ...restProps }: HeaderProps): JSX.Element;
+        displayName: string;
+    };
+    Footer: {
+        ({ steps, currentStepId, isComplete, previousAction, nextAction, ...restProps }: FooterProps): JSX.Element;
+        displayName: string;
+    };
+    Main: {
+        ({ children, classNameOverride, ...restProps }: import("./subcomponents").WorkflowMainProps): JSX.Element;
+        displayName: string;
+    };
+    ProgressStepper: {
+        ({ currentStepId, steps, isComplete, ...restprops }: import("./subcomponents").ProgressStepperProps): JSX.Element;
+        displayName: string;
+    };
+    Wrapper: {
+        ({ children, classNameOverride, ...restProps }: import("./subcomponents").WorkflowWrapperProps): JSX.Element;
+        displayName: string;
+    };
+};

package/dist/types/__layout__/Workflow/v3/_docs/controls/controls.d.ts

@@ -0,0 +1,2 @@
+import { ArgTypes } from "@storybook/react";
+export declare const WorkflowControls: Partial<ArgTypes>;

package/dist/types/__layout__/Workflow/v3/_docs/controls/index.d.ts

@@ -0,0 +1 @@
+export * from "./controls";

package/dist/types/__layout__/Workflow/v3/subcomponents/Footer/Footer.d.ts

@@ -0,0 +1,12 @@
+import { OverrideClassName } from "../../../../../types/OverrideClassName";
+import { ProgressStepperProps, FooterRootProps } from "./components";
+export type FooterProps = {
+    /** An action to return to a previous step */
+    previousAction?: JSX.Element;
+    /** An action to progress to the next step or submit the form */
+    nextAction?: JSX.Element;
+} & ProgressStepperProps & OverrideClassName<Omit<FooterRootProps, "children">>;
+export declare const Footer: {
+    ({ steps, currentStepId, isComplete, previousAction, nextAction, ...restProps }: FooterProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/__layout__/Workflow/v3/subcomponents/Footer/components/FooterActions/FooterActions.d.ts

@@ -0,0 +1,11 @@
+import { HTMLAttributes } from "react";
+import { OverrideClassName } from "../../../../../../../types/OverrideClassName";
+export type FooterActionsProps = {
+    actionType?: "Previous" | "Next";
+    action?: JSX.Element;
+} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, "children">>;
+/** A simple wrapper for a Footer previous or next action  */
+export declare const FooterAction: {
+    ({ actionType, action, ...restProps }: FooterActionsProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/__layout__/Workflow/v3/subcomponents/Footer/components/FooterActions/index.d.ts

@@ -0,0 +1 @@
+export * from "./FooterActions";

package/dist/types/__layout__/Workflow/v3/subcomponents/Footer/components/ProgressStepper/ProgressStepper.d.ts

@@ -0,0 +1,16 @@
+export type Step = {
+    id: string;
+    label: string;
+};
+export type Steps = [Step, ...Step[]];
+export type ProgressStepperProps = {
+    /** The id reference to within a Step object */
+    currentStepId: Step["id"];
+    /** A non-empty array of Steps */
+    steps: Steps;
+    isComplete?: boolean;
+};
+export declare const ProgressStepper: {
+    ({ currentStepId, steps, isComplete, ...restprops }: ProgressStepperProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/__layout__/Workflow/v3/subcomponents/Footer/components/ProgressStepper/index.d.ts

@@ -0,0 +1 @@
+export * from "./ProgressStepper";

package/dist/types/__layout__/Workflow/v3/subcomponents/Footer/components/Root/Root.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from "react";
+import { OverrideClassName } from "../../../../../../../types/OverrideClassName";
+export type FooterRootProps = OverrideClassName<HTMLAttributes<HTMLHeadingElement>>;
+export declare const FooterRoot: {
+    ({ children, classNameOverride, ...restProps }: FooterRootProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/__layout__/Workflow/v3/subcomponents/Footer/components/Root/index.d.ts

@@ -0,0 +1 @@
+export * from "./Root";

package/dist/types/__layout__/Workflow/v3/subcomponents/Footer/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Root";
+export * from "./ProgressStepper";
+export * from "./FooterActions";

package/dist/types/__layout__/Workflow/v3/subcomponents/Footer/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Footer";
+export * from "./components";

package/dist/types/__layout__/Workflow/v3/subcomponents/Header/Header.d.ts

@@ -0,0 +1,6 @@
+import { WorkflowActionsProps, WorkflowTitlesProps } from "./components";
+export type HeaderProps = WorkflowTitlesProps & WorkflowActionsProps;
+export declare const Header: {
+    ({ workflowName, stepName, statusTag, headerActions, ...restProps }: HeaderProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/__layout__/Workflow/v3/subcomponents/Header/components/Actions/Actions.d.ts

@@ -0,0 +1,13 @@
+import { HTMLAttributes } from "react";
+import { OverrideClassName } from "../../../../../../../types/OverrideClassName";
+export type WorkflowActionsProps = {
+    /**
+     * Header actions will render in order of the array.
+     */
+    headerActions?: JSX.Element[];
+} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, "children">>;
+/** A wrapper for an exit trigger (and other) actions of the Header Workflow  */
+export declare const Actions: {
+    ({ headerActions, ...restProps }: WorkflowActionsProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/__layout__/Workflow/v3/subcomponents/Header/components/Actions/index.d.ts

@@ -0,0 +1 @@
+export * from "./Actions";

package/dist/types/__layout__/Workflow/v3/subcomponents/Header/components/Branding/Branding.d.ts

@@ -0,0 +1,11 @@
+import { HTMLAttributes } from "react";
+import { BrandProps } from "../../../../../../../Brand";
+import { OverrideClassName } from "../../../../../../../types/OverrideClassName";
+export type WorflowBrandingProps = {
+    variant?: BrandProps["variant"];
+    alt: string;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+export declare const Branding: {
+    ({ variant, alt, }: WorflowBrandingProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/__layout__/Workflow/v3/subcomponents/Header/components/Branding/index.d.ts

@@ -0,0 +1 @@
+export * from "./Branding";

package/dist/types/__layout__/Workflow/v3/subcomponents/Header/components/Root/Root.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from "react";
+import { OverrideClassName } from "../../../../../../../types/OverrideClassName";
+export type HeaderRootProps = OverrideClassName<HTMLAttributes<HTMLHeadingElement>>;
+export declare const HeaderRoot: {
+    ({ children, classNameOverride, ...restProps }: HeaderRootProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/__layout__/Workflow/v3/subcomponents/Header/components/Root/index.d.ts

@@ -0,0 +1 @@
+export * from "./Root";

package/dist/types/__layout__/Workflow/v3/subcomponents/Header/components/Titles/Titles.d.ts

@@ -0,0 +1,11 @@
+import { HTMLAttributes, ReactNode } from "react";
+import { OverrideClassName } from "../../../../../../../types/OverrideClassName";
+export type WorkflowTitlesProps = {
+    workflowName: string;
+    stepName: string;
+    statusTag?: ReactNode;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+export declare const Titles: {
+    ({ workflowName, stepName, statusTag, ...restProps }: WorkflowTitlesProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/__layout__/Workflow/v3/subcomponents/Header/components/Titles/index.d.ts

@@ -0,0 +1 @@
+export * from "./Titles";

package/dist/types/__layout__/Workflow/v3/subcomponents/Header/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./Titles";
+export * from "./Actions";
+export * from "./Branding";
+export * from "./Root";

package/dist/types/__layout__/Workflow/v3/subcomponents/Header/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Header";
+export * from "./components";

package/dist/types/__layout__/Workflow/v3/subcomponents/Main/Main.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes, ReactNode } from "react";
+import { OverrideClassName } from "../../../../../types/OverrideClassName";
+export type WorkflowMainProps = OverrideClassName<HTMLAttributes<HTMLDivElement>> & {
+    children: ReactNode;
+};
+export declare const Main: {
+    ({ children, classNameOverride, ...restProps }: WorkflowMainProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/__layout__/Workflow/v3/subcomponents/Main/index.d.ts

@@ -0,0 +1 @@
+export * from "./Main";

package/dist/types/__layout__/Workflow/v3/subcomponents/Wrapper/Wrapper.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes, ReactNode } from "react";
+import { OverrideClassName } from "../../../../../types/OverrideClassName";
+export type WorkflowWrapperProps = OverrideClassName<HTMLAttributes<HTMLDivElement>> & {
+    children: ReactNode;
+};
+export declare const Wrapper: {
+    ({ children, classNameOverride, ...restProps }: WorkflowWrapperProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/__layout__/Workflow/v3/subcomponents/Wrapper/index.d.ts

@@ -0,0 +1 @@
+export * from "./Wrapper";

package/dist/types/__layout__/Workflow/v3/subcomponents/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./Footer";
+export * from "./Header";
+export * from "./Main";
+export * from "./Wrapper";

package/dist/types/__layout__/v1.d.ts

@@ -0,0 +1 @@
+export * from "./Workflow/v1";

package/dist/types/__layout__/v2.d.ts

@@ -0,0 +1 @@
+export * from "./Workflow/v2";

package/dist/types/__layout__/v3.d.ts

@@ -0,0 +1 @@
+export * from "./Workflow/v3";

package/dist/types/index.d.ts

@@ -56,7 +56,7 @@ export * from "./ToggleSwitch";
 export * from "./utils";
 export * from "./VisuallyHidden";
 export * from "./Well";
-export * from "./Workflow";
+export * from "./__layout__/Workflow/v1";
 export * from "./__overlays__/Tooltip/v1";
 export * from "./__actions__/Menu/v1";
 export * from "./__actions__/Button/v1";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaizen/components",
-  "version": "1.60.3",
+  "version": "1.61.1",
   "description": "Kaizen component library",
   "author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
   "homepage": "https://cultureamp.design",

package/src/__future__/index.ts

@@ -1,3 +1,3 @@
 export * from "./Select"
 export * from "./Tag"
-export * from "./Workflow"
+export * from "../__layout__/Workflow/v2"

package/src/{__future__/Workflow → __layout__/Workflow/v1}/_docs/ProgressStepper.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, DocsStory, Meta } from "@storybook/blocks"
-import { KAIOInstallation, ResourceLinks, KaioLegacyDocsNotification } from "~storybook/components"
+import { Installation, ResourceLinks } from "~storybook/components"
 import * as ProgressStepperStories from "./ProgressStepper.stories"
 
 <Meta of={ProgressStepperStories} />
@@ -13,9 +13,10 @@ import * as ProgressStepperStories from "./ProgressStepper.stories"
 
 />
 
-<KaioLegacyDocsNotification version="1.16.0" />
-
-<KAIOInstallation exportNames="ProgressStepper" isFuture />
+<Installation
+  installCommand="pnpm add @kaizen/components"
+  importStatement='import { Workflow } from "@kaizen/components/v1/layout"'
+/>
 
 ## Overview
 

package/src/{Workflow → __layout__/Workflow/v1}/_docs/ProgressStepper.stories.tsx

@@ -3,7 +3,7 @@ import { Meta, StoryObj } from "@storybook/react"
 import { Workflow } from "../"
 
 const meta = {
-  title: "Pages/Workflow/Components/Progress Stepper",
+  title: "Layout/Workflow/Workflow (v1)/Components/Progress Stepper",
   component: Workflow.ProgressStepper,
   args: {
     stepName: "Settings",

package/src/{Workflow → __layout__/Workflow/v1}/_docs/Workflow.mdx

@@ -1,6 +1,5 @@
 import { ArgTypes, Canvas, Meta } from "@storybook/blocks"
-import { InlineNotification } from "~components/Notification"
-import { KAIOInstallation, ResourceLinks } from "~storybook/components"
+import { Installation, ResourceLinks } from "~storybook/components"
 import * as Workflow from "./Workflow.stories"
 import * as WorkflowFooter from "./WorkflowFooter.stories"
 import * as WorkflowHeader from "./WorkflowHeader.stories"
@@ -14,12 +13,10 @@ import * as WorkflowHeader from "./WorkflowHeader.stories"
 
 />
 
-<InlineNotification type="negative" persistent>
-  {`This version of the Workflow is deprecated and will be removed in the next major release.
-  Import from "@kaizen/components/future" for the latest version.`}
-</InlineNotification>
-
-<KAIOInstallation exportNames="Workflow" />
+<Installation
+  installCommand="pnpm add @kaizen/components"
+  importStatement='import { Workflow } from "@kaizen/components/v1/layout"'
+/>
 
 ## Overview
 

package/src/{Workflow → __layout__/Workflow/v1}/_docs/Workflow.stories.tsx

@@ -27,7 +27,7 @@ const MockContent = (): JSX.Element => (
 )
 
 const meta = {
-  title: "Pages/Workflow",
+  title: "Layout/Workflow/Workflow (v1)",
   component: Workflow,
   argTypes: { ...WorkflowControls },
   args: {

package/src/{__future__/Workflow → __layout__/Workflow/v1}/_docs/WorkflowFooter.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, DocsStory, Meta } from "@storybook/blocks"
-import { KAIOInstallation, KaioLegacyDocsNotification, ResourceLinks } from "~storybook/components"
+import { Installation, ResourceLinks } from "~storybook/components"
 import * as WorkflowFooterStories from "./WorkflowFooter.stories"
 
 <Meta of={WorkflowFooterStories} />
@@ -13,10 +13,10 @@ import * as WorkflowFooterStories from "./WorkflowFooter.stories"
 
 />
 
-
-<KaioLegacyDocsNotification version="1.16.0" />
-
-<KAIOInstallation exportNames="WorkflowFooter" isFuture />
+<Installation
+  installCommand="pnpm add @kaizen/components"
+  importStatement='import { Workflow } from "@kaizen/components/v1/layout"'
+/>
 
 ## Overview
 

package/src/{Workflow → __layout__/Workflow/v1}/_docs/WorkflowFooter.stories.tsx

@@ -5,7 +5,7 @@ import { Workflow } from "../"
 import { WorkflowControls } from "./controls"
 
 const meta = {
-  title: "Pages/Workflow/Components/Footer",
+  title: "Layout/Workflow/Workflow (v1)/Components/Footer",
   component: Workflow.Footer,
   argTypes: {
     ...WorkflowControls.nextAction,