@kaizen/components 1.22.2 → 1.23.0

package/dist/esm/dts/FilterDateRangePicker/subcomponents/DateRangeValidationMessage/DateRangeValidationMessage.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 import { DateRangeFieldValidationMessage } from "../FilterDateRangePickerField/types";
-export interface DateRangeValidationMessageProps {
+export type DateRangeValidationMessageProps = {
     validationMessage?: DateRangeFieldValidationMessage;
     dateStartId?: string;
     dateEndId?: string;
     isReversed?: boolean;
-}
+};
 export declare const DateRangeValidationMessage: {
     ({ validationMessage, dateStartId, dateEndId, isReversed, }: DateRangeValidationMessageProps): JSX.Element | null;
     displayName: string;

package/dist/esm/dts/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/FilterDateRangePickerField.d.ts

@@ -9,7 +9,7 @@ import { DateRangeFieldValidationMessage } from "./types";
 type InputStartDateProps = DateRangeInputFieldProps["inputStartDateProps"];
 type InputEndDateProps = DateRangeInputFieldProps["inputEndDateProps"];
 type FilterInputProps<InputProps> = Omit<Partial<InputProps>, "value"> & DataAttributes;
-export interface FilterDateRangePickerFieldProps extends OverrideClassName<HTMLAttributes<HTMLDivElement>> {
+export type FilterDateRangePickerFieldProps = {
     id: string;
     label: string;
     locale: FilterDateSupportedLocales;
@@ -44,7 +44,7 @@ export interface FilterDateRangePickerFieldProps extends OverrideClassName<HTMLA
         dateStart?: (validationResponse: DateValidationResponse) => void;
         dateEnd?: (validationResponse: DateValidationResponse) => void;
     };
-}
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
 export declare const FilterDateRangePickerField: {
     ({ id, label, locale: propsLocale, defaultMonth, selectedRange, onRangeChange, disabledDays, inputStartDateProps, inputEndDateProps, description, validationMessage, onValidate, classNameOverride, ...restProps }: FilterDateRangePickerFieldProps): JSX.Element;
     displayName: string;

package/dist/esm/dts/FilterMultiSelect/_docs/FilterBarExample/DemographicMenu.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { ButtonRef } from "../../../Button";
-export interface DemographicMenuProps {
+export type DemographicMenuProps = {
     isAddFilterDisabled: boolean;
     addFilterButtonRef?: React.Ref<ButtonRef | undefined>;
     groups: Array<{
@@ -9,5 +9,5 @@ export interface DemographicMenuProps {
     }>;
     isSelected: (id: string) => boolean;
     addFilter: (id: string) => void;
-}
+};
 export declare const DemographicMenu: ({ isAddFilterDisabled, addFilterButtonRef, groups, isSelected, addFilter, }: DemographicMenuProps) => JSX.Element;

package/dist/esm/dts/FilterMultiSelect/_docs/FilterBarExample/DemographicValueSelect.d.ts

@@ -1,9 +1,9 @@
 import React, { Key } from "react";
-export interface DemograhicValueSelectProps {
+export type DemograhicValueSelectProps = {
     label: string;
     onRemove: () => void;
     onSelectionChange: (selectedKeys: React.Key[]) => void;
     id: string;
     selectedKeys: Set<Key>;
-}
+};
 export declare const DemographicValueSelect: ({ id, label, onRemove, onSelectionChange, selectedKeys, }: DemograhicValueSelectProps) => JSX.Element;

package/dist/{cjs/dts/FilterMultiSelect/provider → esm/dts/FilterMultiSelect/context}/MenuTriggerProvider/MenuTriggerProvider.d.ts

@@ -2,19 +2,19 @@ import React, { ButtonHTMLAttributes, HTMLAttributes } from "react";
 import { AriaMenuOptions } from "@react-aria/menu";
 import { MenuTriggerState } from "@react-stately/menu";
 import { ItemType } from "../../types";
-export interface MenuTriggerProviderProps {
+export type MenuTriggerProviderProps = {
     isOpen?: boolean;
     defaultOpen?: boolean;
     onOpenChange?: (isOpen: boolean) => void;
     children: React.ReactNode;
-}
-export interface MenuTriggerProviderContextType {
+};
+export type MenuTriggerProviderContextType = {
     menuTriggerProps: HTMLAttributes<HTMLElement>;
     buttonProps: ButtonHTMLAttributes<HTMLButtonElement>;
     menuProps: AriaMenuOptions<ItemType>;
     menuTriggerState: MenuTriggerState;
     buttonRef: React.RefObject<HTMLButtonElement>;
-}
+};
 export declare function MenuTriggerProvider({ isOpen, defaultOpen, onOpenChange, children, }: MenuTriggerProviderProps): JSX.Element;
 export declare const useMenuTriggerContext: () => MenuTriggerProviderContextType;
 export declare const MenuTriggerConsumer: React.Consumer<MenuTriggerProviderContextType>;

package/dist/esm/dts/FilterMultiSelect/{provider → context}/SelectionProvider/SelectionProvider.d.ts

@@ -2,7 +2,7 @@ import React, { HTMLAttributes } from "react";
 import { ListState } from "@react-stately/list";
 import { SelectionMode, Selection } from "@react-types/shared";
 import { ItemType } from "../../types";
-export interface SelectionProviderProps {
+export type SelectionProviderProps = {
     selectionMode: SelectionMode;
     children: React.ReactNode;
     items?: ItemType[];
@@ -14,15 +14,15 @@ export interface SelectionProviderProps {
     label: string;
     disabledKeys?: Selection;
     onSearchInputChange?: (searchInput: string) => void;
-}
-export interface SelectionProviderContextType {
+};
+export type SelectionProviderContextType = {
     listBoxProps: HTMLAttributes<HTMLElement>;
     labelProps: HTMLAttributes<HTMLElement>;
     selectionState: ListState<ItemType>;
     listRef: React.RefObject<HTMLUListElement>;
     searchQuery?: string;
     setSearchQuery: React.Dispatch<React.SetStateAction<string>>;
-}
+};
 export declare const SelectionProvider: {
     (props: SelectionProviderProps): JSX.Element;
     displayName: string;

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

@@ -1,5 +1,5 @@
 export * from "./FilterMultiSelect";
 export * from "./subcomponents";
-export * from "./provider";
+export * from "./context";
 export * from "./types";
 export * from "./utils";

package/dist/esm/dts/FilterMultiSelect/subcomponents/ListBox/ListBox.d.ts

@@ -7,9 +7,9 @@ export type ListBoxItems = {
     allItems: MultiSelectItem[];
     hasNoItems: boolean;
 };
-export interface ListBoxProps {
+export type ListBoxProps = {
     children: (items: ListBoxItems) => React.ReactNode;
-}
+};
 export declare const ListBox: {
     ({ children }: ListBoxProps): JSX.Element;
     displayName: string;

package/dist/esm/dts/FilterMultiSelect/subcomponents/MenuLayout/MenuFooter/MenuFooter.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
-export interface MenuFooterProps {
+export type MenuFooterProps = {
     children: React.ReactNode;
-}
+};
 export declare const MenuFooter: {
     ({ children }: MenuFooterProps): JSX.Element;
     displayName: string;

package/dist/esm/dts/FilterMultiSelect/subcomponents/MenuLayout/MenuLoadingSkeleton/MenuLoadingSkeleton.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-export interface MenuLoadingSkeletonProps {
+export type MenuLoadingSkeletonProps = {
     isAnimated?: boolean;
-}
+};
 export declare const MenuLoadingSkeleton: {
     ({ isAnimated, }: MenuLoadingSkeletonProps): JSX.Element;
     displayName: string;

package/dist/esm/dts/FilterMultiSelect/subcomponents/MenuPopup/MenuPopup.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-export interface MenuPopupProps {
+export type MenuPopupProps = {
     isLoading?: boolean;
     loadingSkeleton?: React.ReactNode;
     children: React.ReactNode;
-}
+};
 export declare const MenuPopup: {
     ({ isLoading, loadingSkeleton, children, }: MenuPopupProps): JSX.Element;
     displayName: string;

package/dist/esm/dts/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { MultiSelectItem } from "../../types";
-export interface MultiSelectOptionProps {
+export type MultiSelectOptionProps = {
     item: MultiSelectItem;
-}
+};
 export declare const MultiSelectOption: {
     ({ item, }: MultiSelectOptionProps): JSX.Element;
     displayName: string;

package/dist/esm/dts/FilterMultiSelect/subcomponents/NoResults/NoResults.d.ts

@@ -1,7 +1,7 @@
 import React, { HTMLAttributes } from "react";
-export interface NoResultsProps extends HTMLAttributes<HTMLDivElement> {
+export type NoResultsProps = {
     children: React.ReactNode;
-}
+} & HTMLAttributes<HTMLDivElement>;
 export declare const NoResults: {
     ({ children, ...restProps }: NoResultsProps): JSX.Element;
     displayName: string;

package/dist/esm/dts/FilterMultiSelect/subcomponents/Root/Root.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
 import { SelectionMode, Selection } from "@react-types/shared";
-import { MenuTriggerProviderContextType, MenuTriggerProviderProps } from "../../provider/MenuTriggerProvider";
-import { SelectionProviderContextType } from "../../provider/SelectionProvider";
+import { MenuTriggerProviderContextType, MenuTriggerProviderProps } from "../../context/MenuTriggerProvider";
+import { SelectionProviderContextType } from "../../context/SelectionProvider";
 import { ItemType } from "../../types";
 import { MenuPopupProps } from "../MenuPopup";
-interface SelectionProps {
+type SelectionProps = {
     label: string;
     items: ItemType[];
     selectedKeys?: Selection;
@@ -12,11 +12,11 @@ interface SelectionProps {
     onSelectionChange?: (keys: Selection) => void;
     selectionMode?: SelectionMode;
     onSearchInputChange?: (searchInput: string) => void;
-}
-export interface RootProps extends Omit<MenuPopupProps, "children">, Omit<MenuTriggerProviderProps, "children">, SelectionProps {
+};
+export type RootProps = {
     trigger: (value?: MenuTriggerProviderContextType) => React.ReactNode;
     children: (value?: SelectionProviderContextType) => React.ReactNode;
-}
+} & Omit<MenuPopupProps, "children"> & Omit<MenuTriggerProviderProps, "children"> & SelectionProps;
 export declare const Root: {
     ({ trigger, children, isOpen, defaultOpen, onOpenChange, isLoading, loadingSkeleton, label, items, selectedKeys, defaultSelectedKeys, onSelectionChange, selectionMode, onSearchInputChange, }: RootProps): JSX.Element;
     displayName: string;

package/dist/esm/dts/FilterMultiSelect/subcomponents/SearchInput/SearchInput.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-export interface SearchInputProps {
+export type SearchInputProps = {
     label?: string;
     id?: string;
     isLoading?: boolean;
-}
+};
 export declare const SearchInput: {
     ({ label, id, isLoading, }: SearchInputProps): JSX.Element;
     displayName: string;

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

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 import { Node } from "@react-types/shared";
 export type ValueType = React.Key;
-export interface ItemType {
+export type ItemType = {
     label: string;
     value: ValueType;
     count?: string;
     isDisabled?: boolean;
-}
+};
 export type MultiSelectItem = Node<ItemType>;

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

@@ -4,7 +4,7 @@ import { FilterButtonProps } from "../FilterButton";
 import { OverrideClassName } from "../types/OverrideClassName";
 import { SelectItem, SelectItemNode, SelectOption } from "./types";
 type OmittedAriaSelectProps = "label" | "children" | "isOpen" | "onOpenChange" | "defaultOpen" | "items";
-export interface FilterSelectProps<Option extends SelectOption = SelectOption> extends OverrideClassName<Omit<AriaSelectProps<Option>, OmittedAriaSelectProps>> {
+export type FilterSelectProps<Option extends SelectOption = SelectOption> = {
     isOpen: boolean;
     setIsOpen: (isOpen: boolean) => void;
     renderTrigger: (triggerButtonProps: FilterButtonProps) => JSX.Element;
@@ -13,7 +13,7 @@ export interface FilterSelectProps<Option extends SelectOption = SelectOption> e
         items: Array<SelectItemNode<Option>>;
     }) => React.ReactNode;
     items: Array<SelectItem<Option>>;
-}
+} & OverrideClassName<Omit<AriaSelectProps<Option>, OmittedAriaSelectProps>>;
 export declare const FilterSelect: {
     <Option extends SelectOption = SelectOption>({ isOpen, setIsOpen, renderTrigger, label, children, items, classNameOverride, selectedKey, ...restProps }: FilterSelectProps<Option>): JSX.Element;
     displayName: string;

package/dist/esm/dts/FilterSelect/subcomponents/ListBoxSection/ListBoxSection.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { SelectOption, SelectOptionGroupNode } from "../../types";
-export interface ListBoxSectionProps<Option extends SelectOption> {
+export type ListBoxSectionProps<Option extends SelectOption> = {
     section: SelectOptionGroupNode<Option>;
-}
+};
 export declare const ListBoxSection: {
     <Option extends SelectOption = SelectOption>({ section, }: ListBoxSectionProps<Option>): JSX.Element;
     displayName: string;

package/dist/esm/dts/FilterSelect/subcomponents/Option/Option.d.ts

@@ -1,9 +1,9 @@
 import { HTMLAttributes } from "react";
 import { OverrideClassName } from "../../../types/OverrideClassName";
 import { SelectOption, SelectOptionNode } from "../../types";
-export interface OptionProps<Option extends SelectOption = SelectOption> extends OverrideClassName<Omit<HTMLAttributes<HTMLLIElement>, "children">> {
+export type OptionProps<Option extends SelectOption = SelectOption> = {
     item: SelectOptionNode<Option>;
-}
+} & OverrideClassName<Omit<HTMLAttributes<HTMLLIElement>, "children">>;
 export declare const Option: {
     <Option extends SelectOption = SelectOption>({ item, classNameOverride, ...props }: OptionProps<Option>): JSX.Element;
     displayName: string;

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

@@ -11,13 +11,13 @@ export type SelectOptionGroup<Option extends SelectOption> = {
     options: Iterable<Option>;
 };
 export type SelectItem<Option extends SelectOption = SelectOption> = Option | SelectOptionGroup<Option>;
-export interface SelectOptionNode<Option extends SelectOption = SelectOption> extends Node<Option> {
+export type SelectOptionNode<Option extends SelectOption = SelectOption> = Node<Option> & {
     type: "item";
     hasChildNodes: false;
-}
-export interface SelectOptionGroupNode<Option extends SelectOption = SelectOption> extends Omit<Node<SelectOptionGroup<Option>>, "childNodes"> {
+};
+export type SelectOptionGroupNode<Option extends SelectOption = SelectOption> = Omit<Node<SelectOptionGroup<Option>>, "childNodes"> & {
     type: "section";
     hasChildNodes: true;
     childNodes: Array<SelectOptionNode<Option>>;
-}
+};
 export type SelectItemNode<Option extends SelectOption = SelectOption> = SelectOptionNode<Option> | SelectOptionGroupNode<Option>;

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

@@ -1,12 +1,12 @@
 import { InputHTMLAttributes } from "react";
 import { OverrideClassName } from "../types/OverrideClassName";
-export interface InputSearchProps extends OverrideClassName<Omit<InputHTMLAttributes<HTMLInputElement>, "defaultValue">> {
+export type InputSearchProps = {
     id: string;
     reversed?: boolean;
     loading?: boolean;
     secondary?: boolean;
     onClear?: () => void;
-}
+} & OverrideClassName<Omit<InputHTMLAttributes<HTMLInputElement>, "defaultValue">>;
 export declare const InputSearch: {
     (props: InputSearchProps): JSX.Element;
     displayName: string;

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

@@ -1,10 +1,10 @@
 import React from "react";
 import { ThemeManager } from "./ThemeProvider";
-export interface KaizenProviderProps {
+export type KaizenProviderProps = {
     children: React.ReactNode;
     themeManager?: ThemeManager;
     locale?: string;
-}
+};
 export declare const KaizenProvider: {
     ({ children, themeManager, locale, }: KaizenProviderProps): JSX.Element;
     displayName: string;

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

@@ -1,9 +1,10 @@
-import React from "react";
-export interface LabelledMessageProps {
+import React, { HTMLAttributes } from "react";
+import { OverrideClassName } from "../types/OverrideClassName";
+export type LabelledMessageProps = {
     label: string | React.ReactElement;
     message: string | React.ReactElement;
-}
+} & OverrideClassName<HTMLAttributes<HTMLSpanElement>>;
 export declare const LabelledMessage: {
-    ({ label, message, }: LabelledMessageProps): JSX.Element;
+    ({ label, message, classNameOverride, ...restProps }: LabelledMessageProps): JSX.Element;
     displayName: string;
 };

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

@@ -1,19 +1,25 @@
 import { ReactNode, SVGAttributes } from "react";
 import { OverrideClassName } from "../types/OverrideClassName";
-type RolesType = "img" | "presentation";
-export interface SVGProps extends OverrideClassName<SVGAttributes<SVGElement>> {
-    children: ReactNode;
+type BaseSVGProps = {
     inheritSize?: boolean;
-    role?: RolesType;
-    title?: string;
-    desc?: string;
-}
+} & OverrideClassName<SVGAttributes<SVGElement>>;
+type MeaningfulIcon = {
+    role: "img";
+    "aria-label": string;
+};
+type DecorativeIcon = {
+    role: "presentation";
+    "aria-label"?: never;
+};
+export type IconProps = BaseSVGProps & (MeaningfulIcon | DecorativeIcon);
+export type SVGProps = IconProps & {
+    children: ReactNode;
+};
 /**
- * {@link https://cultureamp.design/components/icon/ Guidance} |
- * {@link https://cultureamp.design/storybook/?path=/docs/components-icon--meaningful-kaizen-site-demo Storybook}
+ * {@link https://cultureamp.design/?path=/docs/components-icon--meaningful-kaizen-site-demo Storybook}
  */
 export declare const SVG: {
-    ({ inheritSize, role, title, desc, viewBox, classNameOverride, children, ...props }: SVGProps): JSX.Element;
+    ({ inheritSize, role, viewBox, classNameOverride, children, ...restProps }: SVGProps): JSX.Element;
     displayName: string;
 };
 export {};

package/dist/esm/dts/SVG/icons/AddIcon.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { SVGProps } from "..";
+import { IconProps } from "..";
 export declare const AddIcon: {
-    (props: Omit<SVGProps, "children">): JSX.Element;
+    (props: IconProps): JSX.Element;
     displayName: string;
 };

package/dist/esm/dts/SVG/icons/ArrowRightIcon.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { SVGProps } from "..";
+import { IconProps } from "..";
 export declare const ArrowRightIcon: {
-    (props: Omit<SVGProps, "children">): JSX.Element;
+    (props: IconProps): JSX.Element;
     displayName: string;
 };

package/dist/esm/dts/SVG/icons/CheckIcon.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { SVGProps } from "..";
+import { IconProps } from "..";
 export declare const CheckIcon: {
-    (props: Omit<SVGProps, "children">): JSX.Element;
+    (props: IconProps): JSX.Element;
     displayName: string;
 };

package/dist/esm/dts/SVG/icons/ChevronDownIcon.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { SVGProps } from "..";
-export declare const ChevronDownIcon: (props: Omit<SVGProps, "children">) => JSX.Element;
+import { IconProps } from "..";
+export declare const ChevronDownIcon: (props: IconProps) => JSX.Element;

package/dist/esm/dts/SVG/icons/ChevronUpIcon.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { SVGProps } from "..";
-export declare const ChevronUpIcon: (props: Omit<SVGProps, "children">) => JSX.Element;
+import { IconProps } from "..";
+export declare const ChevronUpIcon: (props: IconProps) => JSX.Element;

package/dist/esm/dts/SVG/icons/ClearIcon.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { SVGProps } from "..";
-export declare const ClearIcon: (props: Omit<SVGProps, "children">) => JSX.Element;
+import { IconProps } from "..";
+export declare const ClearIcon: (props: IconProps) => JSX.Element;

package/dist/esm/dts/SVG/icons/CloseIcon.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { SVGProps } from "..";
+import { IconProps } from "..";
 export declare const CloseIcon: {
-    (props: Omit<SVGProps, "children">): JSX.Element;
+    (props: IconProps): JSX.Element;
     displayName: string;
 };

package/dist/esm/dts/SVG/icons/EmailIcon.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { SVGProps } from "..";
+import { IconProps } from "..";
 export declare const EmailIcon: {
-    (props: Omit<SVGProps, "children">): JSX.Element;
+    (props: IconProps): JSX.Element;
     displayName: string;
 };

package/dist/esm/dts/SVG/icons/IndicatorActiveIcon.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { SVGProps } from "..";
-export declare const IndicatorActiveIcon: (props: Omit<SVGProps, "children">) => JSX.Element;
+import { IconProps } from "..";
+export declare const IndicatorActiveIcon: (props: IconProps) => JSX.Element;

package/dist/esm/dts/SVG/icons/IndicatorInactiveIcon.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { SVGProps } from "..";
-export declare const IndicatorInactiveIcon: (props: Omit<SVGProps, "children">) => JSX.Element;
+import { IconProps } from "..";
+export declare const IndicatorInactiveIcon: (props: IconProps) => JSX.Element;

package/dist/esm/dts/SVG/icons/SearchIcon.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { SVGProps } from "..";
+import { IconProps } from "..";
 export declare const SearchIcon: {
-    (props: Omit<SVGProps, "children">): JSX.Element;
+    (props: IconProps): JSX.Element;
     displayName: string;
 };

package/dist/esm/dts/SVG/icons/SuccessIcon.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { SVGProps } from "..";
-export declare const SuccessIcon: (props: Omit<SVGProps, "children">) => JSX.Element;
+import { IconProps } from "..";
+export declare const SuccessIcon: (props: IconProps) => JSX.Element;

package/dist/esm/dts/SVG/icons/VisibleIcon.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { SVGProps } from "..";
-export declare const VisibleIcon: (props: Omit<SVGProps, "children">) => JSX.Element;
+import { IconProps } from "..";
+export declare const VisibleIcon: (props: IconProps) => JSX.Element;

package/dist/esm/dts/Workflow/subcomponents/Footer/Footer.d.ts

@@ -1,12 +1,12 @@
 import { HTMLAttributes } from "react";
 import { OverrideClassName } from "../../../types/OverrideClassName";
 import { ProgressStepperProps } from "./components";
-export interface FooterProps extends OverrideClassName<Omit<HTMLAttributes<HTMLElement>, "children">>, ProgressStepperProps {
+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<HTMLAttributes<HTMLElement>, "children">>;
 export declare const Footer: {
     ({ steps, stepName, isComplete, previousAction, nextAction, ...restProps }: FooterProps): JSX.Element;
     displayName: string;

package/dist/esm/dts/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.d.ts

@@ -1,10 +1,9 @@
 import { HTMLAttributes } from "react";
 import { OverrideClassName } from "../../../../../types/OverrideClassName";
-export interface FooterActionsProps extends OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, "children">> {
-    /** @default "start" */
+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;

package/dist/esm/dts/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-export interface ProgressStepperProps {
+export type ProgressStepperProps = {
     stepName: string;
     steps: [string, ...string[]];
     isComplete?: boolean;
-}
+};
 export declare const ProgressStepper: {
     ({ stepName, steps, isComplete, ...restprops }: ProgressStepperProps): JSX.Element;
     displayName: string;

package/dist/esm/dts/Workflow/subcomponents/Header/components/Actions/Actions.d.ts

@@ -1,11 +1,11 @@
 import { HTMLAttributes } from "react";
 import { OverrideClassName } from "../../../../../types/OverrideClassName";
-export interface WorkflowActionsProps extends OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, "children">> {
+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;

package/dist/esm/dts/Workflow/subcomponents/Header/components/Branding/Branding.d.ts

@@ -1,11 +1,10 @@
 import { HTMLAttributes } from "react";
 import { BrandProps } from "@kaizen/brand";
 import { OverrideClassName } from "../../../../../types/OverrideClassName";
-export interface WorflowBrandingProps extends OverrideClassName<HTMLAttributes<HTMLDivElement>> {
-    /** * @default: "logo-horizontal" */
+export type WorflowBrandingProps = {
     variant?: BrandProps["variant"];
     alt: string;
-}
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
 export declare const Branding: {
     ({ variant, alt, }: WorflowBrandingProps): JSX.Element;
     displayName: string;

package/dist/esm/dts/Workflow/subcomponents/Header/components/Titles/Titles.d.ts

@@ -6,11 +6,11 @@ export type WorkflowStatus = {
     variant?: DefaultTagProps["variant"];
     content?: string;
 };
-export interface WorkflowTitlesProps extends OverrideClassName<HTMLAttributes<HTMLDivElement>> {
+export type WorkflowTitlesProps = {
     workflowName: string;
     stepName: string;
     status?: WorkflowStatus;
-}
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
 export declare const Titles: {
     ({ workflowName, stepName, status, ...restProps }: WorkflowTitlesProps): JSX.Element;
     displayName: string;

package/dist/esm/dts/__future__/Workflow/subcomponents/Footer/Footer.d.ts

@@ -1,12 +1,12 @@
-import { HTMLAttributes } from "react";
+/// <reference types="react" />
 import { OverrideClassName } from "../../../../types/OverrideClassName";
-import { ProgressStepperProps } from "./components";
-export interface FooterProps extends OverrideClassName<Omit<HTMLAttributes<HTMLElement>, "children">>, ProgressStepperProps {
+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;