@banyan_cloud/roots 2.0.62 → 2.0.64

package/dist/esm/{src/components → components}/table/types/index.d.ts

@@ -1,7 +1,7 @@
 import type { ComponentType, CSSProperties, Dispatch, FC, ReactElement, SetStateAction } from 'react';
 import type { TableCellProps } from '../cell/types';
 export type RowHeight = 'md' | 'lg';
-export type CellSize = 'sm' | 'md' | 'lg';
+export type CellSize = 'sm' | 'md' | 'lg' | 'auto';
 export type SortType = 'asc' | 'desc' | 'default';
 export type StickyType = 'right' | 'left';
 export interface SizeInRem {

package/dist/esm/{src/components → components}/tooltip/types/index.d.ts

@@ -49,5 +49,9 @@ export interface TooltipProps {
      * Whether to show a pointer (arrow) on the tooltip.
      */
     showPointer?: boolean;
+    /**
+     * Keeps tooltip open on mouse leave and closes it only on outside click.
+     */
+    clickOutsideToClose?: boolean;
 }
 export {};

package/dist/esm/components/v2/alert/Alert.d.ts

@@ -0,0 +1,3 @@
+import type { AlertHandle, AlertProps } from './types';
+declare const _default: import("react").ForwardRefExoticComponent<AlertProps & import("react").RefAttributes<AlertHandle>>;
+export default _default;

package/dist/esm/components/v2/alert/index.d.ts

@@ -0,0 +1 @@
+export { default as Alert } from './Alert';

package/dist/esm/components/v2/buttons/button/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Button } from './Button';
+export type { ButtonProps, ButtonVariant, ButtonSize, ButtonTextSize } from './types';

package/dist/esm/components/v2/buttons/button/types/index.d.ts

@@ -0,0 +1,18 @@
+import type { ComponentType, JSXElementConstructor, MouseEvent, ReactElement } from 'react';
+export type ButtonVariant = 'primary' | 'secondary' | 'Soft' | 'outlined' | 'ghost';
+export type ButtonTextSize = 'sm' | 'md';
+export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'auto';
+export interface ButtonProps {
+    className?: string | undefined;
+    title?: string | ReactElement<unknown, string | JSXElementConstructor<unknown>>;
+    leftComponent?: ComponentType<Record<string, unknown>>;
+    rightComponent?: ComponentType<Record<string, unknown>>;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    textSize?: ButtonTextSize;
+    disabled?: boolean | undefined;
+    id?: string | undefined;
+    type?: 'button' | 'submit' | 'reset';
+    onClick?: (event: MouseEvent<HTMLElement>) => void | Promise<void> | undefined;
+    blurOnClick?: boolean | undefined;
+}

package/dist/esm/components/v2/cell/BaseCell.d.ts

@@ -0,0 +1,30 @@
+import { type ReactElement } from 'react';
+/**
+ * BaseCell - A flexible container component for displaying up to three components in a structured layout
+ *
+ * @returns A React component or null
+ *
+ * @example
+ * ```tsx
+ * <BaseCell
+ *   component1={<Icon />}
+ *   component2={<div>hello world!</div>}
+ *   component3={<Button>Action</Button>}
+ * />
+ * ```
+ */
+export declare const BaseCell: import("react").ForwardRefExoticComponent<{
+    className?: string | undefined;
+    size?: import("./types").ElementSizeTypes;
+    flexible?: boolean | undefined;
+    component1?: ReactElement | undefined | null;
+    component3?: ReactElement | undefined | null;
+    RootDOM?: "div" | "span" | "button" | "td";
+    attrs?: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement> | import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
+    radius?: "none" | "default" | "round" | "ellipse";
+    dataTestId?: string | undefined;
+    title?: ReactElement | string | undefined;
+} & {
+    component2: ReactElement | string;
+} & import("react").RefAttributes<HTMLElement>>;
+export default BaseCell;

package/dist/esm/components/v2/cell/index.d.ts

@@ -0,0 +1,2 @@
+export { default as BaseCell } from './BaseCell';
+export * from './types';

package/dist/esm/components/v2/cell/types/index.d.ts

@@ -0,0 +1,74 @@
+import type { ComponentProps, JSX, ReactElement } from 'react';
+/**
+ * Defines the possible size values for the cell component.
+ * - 'sm': Small size
+ * - 'md': Medium size
+ * - 'lg': Large size
+ * - 'auto': Automatic sizing based on content
+ */
+export type ElementSizeTypes = 'xs' | 'sm' | 'md' | 'lg' | 'auto';
+/**
+ * Specifies the allowed root DOM element types for the cell.
+ * - 'div': Standard block-level container
+ * - 'span': Inline container
+ * - 'button': Button element
+ */
+type RootDOMTypes = 'div' | 'span' | 'button' | 'td';
+/**
+ * Specifies the border radius options for the cell.
+ * - 'none': No border radius
+ * - 'default': Default border radius
+ * - 'round': Fully rounded (pill-shaped)
+ * - 'ellipse': Elliptical border radius
+ */
+type RadiusTypes = 'none' | 'default' | 'round' | 'ellipse';
+/**
+ * Specifies the Component Type to be rendered as it is dynamic.
+ * - 'button': default as button
+ * - 'div': Otherwise as div
+ */
+export type BaseCellComponentType = 'button' | 'div';
+/**
+ * Props for the base cell component.
+ */
+export type BaseCellProps<T extends keyof JSX.IntrinsicElements, TComponent2 extends boolean = true> = {
+    /**
+     * Additional CSS class names to apply to the cell.
+     */
+    className?: string | undefined;
+    /**
+     * Size of the cell. Can be 'sm', 'md', 'lg', or 'auto'.
+     */
+    size?: ElementSizeTypes;
+    /**
+     * If true, the cell will be flexible and expand to fill available space.
+     */
+    flexible?: boolean | undefined;
+    /**
+     * An optional React element to render inside the cell.
+     */
+    component1?: ReactElement | undefined | null;
+    /**
+     * An optional tertiary React element to render inside the cell.
+     */
+    component3?: ReactElement | undefined | null;
+    /**
+     * The root DOM element type for the cell. Can be 'div', 'span', or 'button'.
+     */
+    RootDOM?: RootDOMTypes;
+    /**
+     * Additional HTML attributes to apply to the root element.
+     */
+    attrs?: ComponentProps<T>;
+    /**
+     * Border radius style for the cell. Can be 'none', 'default', 'round', or 'ellipse'.
+     */
+    radius?: RadiusTypes;
+    dataTestId?: string | undefined;
+    title?: ReactElement | string | undefined;
+} & (TComponent2 extends true ? {
+    component2: ReactElement | string;
+} : {
+    component2?: ReactElement | undefined;
+});
+export {};

package/dist/esm/components/v2/checkbox/CheckBox.d.ts

@@ -0,0 +1,3 @@
+import type { CheckboxProps } from './';
+declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;
+export default Checkbox;

package/dist/esm/components/v2/checkbox/assets/CheckIcon.d.ts

@@ -0,0 +1,2 @@
+declare const CheckIcon: () => import("react/jsx-runtime").JSX.Element;
+export default CheckIcon;

package/dist/esm/components/v2/checkbox/assets/IndeterminateIcon.d.ts

@@ -0,0 +1,2 @@
+declare const IndeterminateIcon: () => import("react/jsx-runtime").JSX.Element;
+export default IndeterminateIcon;

package/dist/esm/components/v2/checkbox/assets/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CheckIcon } from './CheckIcon';
+export { default as IndeterminateIcon } from './IndeterminateIcon';

package/dist/esm/components/v2/checkbox/index.d.ts

@@ -0,0 +1,3 @@
+export { CheckIcon, IndeterminateIcon } from './assets';
+export { default as Checkbox } from './CheckBox';
+export type { CheckboxProps, CheckboxSize, CheckboxValue } from './types';

package/dist/esm/components/v2/checkbox/types/Types.d.ts

@@ -0,0 +1,20 @@
+import type { ChangeEvent, ReactNode } from 'react';
+export type CheckboxSize = 'sm' | 'md' | 'lg' | 'xlg';
+export type CheckboxState = 'default' | 'hover' | 'focus' | 'disabled' | 'readOnly' | 'error' | 'warning';
+export type CheckboxValue = 'checked' | 'unchecked' | 'indeterminate';
+export interface CheckboxProps {
+    className?: string;
+    size?: CheckboxSize;
+    checked?: boolean;
+    indeterminate?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    error?: boolean;
+    warning?: boolean;
+    label?: ReactNode;
+    subLabel?: ReactNode;
+    errorMessage?: ReactNode;
+    id?: string;
+    name?: string;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+}

package/dist/esm/components/v2/checkbox/types/index.d.ts

@@ -0,0 +1,21 @@
+import type { ChangeEvent, ReactNode } from 'react';
+export type CheckboxSize = 'sm' | 'md' | 'lg' | 'xlg';
+export type CheckboxState = 'default' | 'hover' | 'focus' | 'disabled' | 'readOnly' | 'error' | 'warning';
+export type CheckboxValue = 'checked' | 'unchecked' | 'indeterminate';
+export interface CheckboxProps {
+    className?: string | undefined;
+    size?: CheckboxSize;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    indeterminate?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    error?: boolean;
+    warning?: boolean;
+    label?: ReactNode | undefined;
+    subLabel?: ReactNode | undefined;
+    errorMessage?: ReactNode | undefined;
+    id?: string | undefined;
+    name?: string | undefined;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void | undefined;
+}

package/dist/esm/components/v2/helpers/index.d.ts

@@ -0,0 +1 @@
+export * from './themedContainer';

package/dist/esm/components/v2/helpers/themedContainer/ThemedContainer.d.ts

@@ -0,0 +1,10 @@
+import { type CSSProperties, type ReactElement } from 'react';
+type ThemeType = 'light' | 'dark';
+interface ThemedContainerProps {
+    theme?: ThemeType;
+    style?: CSSProperties;
+    className?: string;
+    children: ReactElement;
+}
+declare const ThemedContainer: (props: ThemedContainerProps) => ReactElement;
+export default ThemedContainer;

package/dist/esm/components/v2/helpers/themedContainer/index.d.ts

@@ -0,0 +1 @@
+export { default as ThemedContainer } from './ThemedContainer';

package/dist/esm/components/v2/icons/CheckboxIcon/CheckboxIcon.d.ts

@@ -0,0 +1,12 @@
+declare const CheckboxIcon: {
+    Checked: (props: {
+        className?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    UnChecked: (props: {
+        className?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Intermediate: (props: {
+        className?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export default CheckboxIcon;

package/dist/esm/components/v2/icons/CheckboxIcon/index.d.ts

@@ -0,0 +1 @@
+export { default as CheckboxIcon } from './CheckboxIcon';

package/dist/esm/components/v2/icons/Sort/Sort.d.ts

@@ -0,0 +1,5 @@
+declare const Sort: ({ className, position, }: {
+    className?: string | undefined;
+    position: "az" | "za" | "default";
+}) => import("react/jsx-runtime").JSX.Element;
+export default Sort;

package/dist/esm/components/v2/icons/Sort/index.d.ts

@@ -0,0 +1 @@
+export { default as SortIcon } from './Sort';

package/dist/esm/components/v2/index.d.ts

@@ -0,0 +1,16 @@
+export * from './accordion';
+export * from './alert';
+export * from './buttons';
+export * from './cell';
+export * from './checkbox';
+export * from './helpers';
+export * from './icons';
+export * from './input';
+export * from './link';
+export * from './modal';
+export * from './pagination';
+export * from './skeleton';
+export * from './stepper';
+export * from './table';
+export * from './tabs';
+export * from './text';

package/dist/esm/components/v2/input/index.d.ts

@@ -0,0 +1 @@
+export * from './toggle';

package/dist/esm/components/v2/input/radio/Radio.d.ts

@@ -0,0 +1,3 @@
+import type { RadioProps } from './types';
+declare const Radio: React.FC<RadioProps>;
+export default Radio;

package/dist/esm/components/v2/input/radio/assets/Clickables/Disable/DisableSelected.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const DisabledSelected: React.FC;
+export default DisabledSelected;

package/dist/esm/components/v2/input/radio/assets/Clickables/Disable/DisableUnSelected.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const DisabledUnSelected: React.FC;
+export default DisabledUnSelected;

package/dist/esm/components/v2/input/radio/assets/Clickables/Enable/EnableSelected.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Selected: React.FC;
+export default Selected;

package/dist/esm/components/v2/input/radio/assets/Clickables/Enable/EnableUnselected.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const UnSelected: React.FC;
+export default UnSelected;

package/dist/esm/components/v2/input/radio/assets/Clickables/Error/SelectedError.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SelectedError: React.FC;
+export default SelectedError;

package/dist/esm/components/v2/input/radio/assets/Clickables/Error/UnSelectedError.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const UnSelectedError: React.FC;
+export default UnSelectedError;

package/dist/esm/components/v2/input/radio/assets/Clickables/Read-Only/ReadOnlySelected.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ReadOnlySelected: React.FC;
+export default ReadOnlySelected;

package/dist/esm/components/v2/input/radio/assets/Clickables/Read-Only/ReadOnlyUnSelected.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ReadOnlyUnSelected: React.FC;
+export default ReadOnlyUnSelected;

package/dist/esm/components/v2/input/radio/assets/Status/StatusIndicatorError.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const StatusIndicatorError: React.FC;
+export default StatusIndicatorError;

package/dist/esm/components/v2/input/radio/assets/Status/StatusIndicatorWarning.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const StatusIndicatorWarning: React.FC;
+export default StatusIndicatorWarning;

package/dist/esm/components/v2/input/radio/types/index.d.ts

@@ -0,0 +1,15 @@
+type Position = 'left' | 'right';
+export interface RadioProps {
+    label?: React.ReactNode | undefined;
+    checked?: boolean | undefined;
+    defaultChecked?: boolean | undefined;
+    onChange?: ((event: React.ChangeEvent<HTMLInputElement>, value: boolean) => void) | undefined;
+    position?: Position;
+    className?: string | undefined;
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    error?: string | undefined;
+    warning?: string | undefined;
+    focused?: boolean;
+}
+export {};

package/dist/esm/components/v2/modal/BaseModal.d.ts

@@ -0,0 +1,9 @@
+import type { FC } from 'react';
+import type { BaseModalProps } from './types';
+/**
+ * Renders a modal dialog with customizable header, body, and footer content.
+ * Manages the modal's open state and provides a toggle function.
+ * Handles dismiss interactions, such as clicking outside the modal or pressing the Escape key.
+ */
+declare const BaseModal: FC<BaseModalProps>;
+export default BaseModal;

package/dist/esm/components/v2/modal/constants/index.d.ts

@@ -0,0 +1,21 @@
+export declare const DEFAULT_ANIMATION_PROPS: {
+    initial: {
+        opacity: number;
+        scale: number;
+        x: string;
+        y: string;
+    };
+    animate: {
+        opacity: number;
+        scale: number;
+        x: string;
+        y: string;
+    };
+    exit: {
+        scale: number;
+        opacity: number;
+    };
+    transition: {
+        duration: number;
+    };
+};

package/dist/esm/components/v2/modal/dialogBox/DialogBox.d.ts

@@ -0,0 +1,3 @@
+import type { DialogBoxHandle, DialogBoxProps } from './types';
+declare const DialogBox: import("react").ForwardRefExoticComponent<DialogBoxProps & import("react").RefAttributes<DialogBoxHandle>>;
+export default DialogBox;

package/dist/esm/components/v2/modal/dialogBox/index.d.ts

@@ -0,0 +1 @@
+export { default as DialogBox } from './DialogBox';

package/dist/esm/components/v2/modal/dialogBox/types/index.d.ts

@@ -0,0 +1,47 @@
+import type { ButtonColors } from 'components/buttons';
+import type { ComponentType } from 'react';
+export type DialogSize = 'sm' | 'md';
+export interface DialogBoxProps {
+    className?: string;
+    size?: DialogSize;
+}
+export interface DialogActionHandlers {
+    dismiss: () => void;
+    setNoDismissEnabled?: ((enabled: boolean) => void) | undefined;
+}
+export type DialogActionCallback = (handlers: DialogActionHandlers) => void;
+export interface DialogOpenOptions {
+    title?: string | null;
+    description?: string | null;
+    actionText?: string;
+    cancelText?: string;
+    variant?: ButtonColors;
+    onAction?: DialogActionCallback | null;
+    onCancel?: (() => void) | null;
+    size?: DialogSize;
+    customAction?: ComponentType<DialogActionHandlers> | null;
+    body?: ComponentType<{
+        dismiss: () => void;
+        setNoDismissEnabled?: (enabled: boolean) => void;
+    }> | null;
+    hideCancel?: boolean;
+    noDismiss?: boolean;
+    hideCrossDismiss?: boolean;
+}
+export interface DialogBoxHandle {
+    dialog: (options: DialogOpenOptions) => void;
+}
+export interface FooterInnerProps {
+    action: string;
+    cancel: string;
+    variant: ButtonColors;
+    customAction?: ComponentType<{
+        dismiss: () => void;
+        setNoDismissEnabled?: ((enabled: boolean) => void) | undefined;
+    }> | null | undefined;
+    setOpen: (open: boolean) => void;
+    hideCancel: boolean;
+    onAction?: DialogActionCallback | undefined;
+    onCancel?: (() => void) | undefined;
+    setNoDismissEnabled?: ((enabled: boolean) => void) | undefined;
+}

package/dist/esm/components/v2/modal/index.d.ts

@@ -0,0 +1 @@
+export { default as BaseModal } from './BaseModal';

package/dist/esm/components/v2/modal/types/index.d.ts

@@ -0,0 +1,37 @@
+import type { MotionProps } from 'framer-motion';
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
+/**
+ * Footer props available for the default `ModalFooter` component.
+ */
+export interface ModalFooterProps {
+    actionTitle?: string;
+    disabled?: {
+        action?: boolean;
+        cancel?: boolean;
+    };
+    cancelTitle?: string;
+    onAction?: () => void;
+    onDismiss?: () => void;
+    toggle?: () => void;
+    loading?: boolean;
+}
+/**
+ * BaseModal component prop types.
+ */
+export interface BaseModalProps {
+    className?: string | undefined;
+    title?: string | undefined;
+    description?: string | undefined;
+    popperClassName?: string | undefined;
+    renderHeader?: (ReactNode | ((bodyProps?: unknown) => ReactNode)) | undefined;
+    children?: ReactNode;
+    renderFooter?: (ReactNode | ((bodyProps?: unknown) => ReactNode)) | undefined;
+    toggle?: ((open?: boolean) => void) | undefined;
+    open: boolean;
+    noDismiss?: boolean | undefined;
+    hideCrossDismiss?: boolean | undefined;
+    footerProps?: ModalFooterProps | undefined;
+    animation?: boolean | undefined;
+    animationProperties?: Record<string, object>;
+}
+export type FooterProps = ComponentPropsWithoutRef<'footer'> & MotionProps;

package/dist/esm/components/v2/pagination/Pagination.class.d.ts

@@ -0,0 +1,30 @@
+/**
+ * A single page entry for the UI.
+ * - `number` is the page to navigate to when clicked.
+ * - `ellipsis` marks items that should render as "..." in the UI but are still clickable.
+ */
+export interface Page {
+    number: number;
+    ellipsis?: boolean;
+}
+/** Input to basic numbered pagination. */
+export interface PaginationListInit {
+    /** 1-based current page */
+    curr: number;
+    /** total number of pages (>= 1) */
+    total: number;
+    /** max number of items (including first/last and ellipses) to show */
+    limit?: number;
+}
+/**
+ * Build a compact list of pages with ellipses.
+ * - Always includes 1 and total (when total > 1)
+ * - Shows a sliding window around `curr`
+ * - Inserts up to two ellipses (left/right) when gaps exist
+ * - Ellipsis items carry a `number` that jumps toward the hidden block
+ */
+export declare function getPagination(curr: number, total: number, limit?: number): Page[];
+export declare class PaginationList {
+    pages: Page[];
+    constructor({ curr, total, limit }: PaginationListInit);
+}

package/dist/esm/components/v2/pagination/Pagination.d.ts

@@ -0,0 +1,42 @@
+import { type Dispatch } from 'react';
+type Nullable<T> = T | null;
+export interface PaginationState {
+    totalPages: Nullable<number>;
+    currentPage: Nullable<number>;
+    step: number;
+    totalData: Nullable<number>;
+}
+type PaginationAction = {
+    type: 'NEXT_PAGE';
+} | {
+    type: 'PREV_PAGE';
+} | {
+    type: 'SET_PAGE';
+    payload: number | undefined;
+} | {
+    type: 'SET_STEP';
+    payload: number;
+} | {
+    type: 'SET_TOTAL_PAGES';
+    payload: Nullable<number>;
+} | {
+    type: 'SET_TOTAL_DATA';
+    payload: Nullable<number>;
+};
+type UsePaginationArgs = Partial<Pick<PaginationState, 'totalPages' | 'currentPage' | 'step' | 'totalData'>>;
+export declare const usePagination: (props: UsePaginationArgs) => readonly [PaginationState, import("react").ActionDispatch<[action: PaginationAction]>];
+export interface PaginationProps {
+    className?: string;
+    floating?: boolean;
+    paginationState?: Pick<PaginationState, 'totalPages' | 'currentPage' | 'step' | 'totalData'>;
+    paginationDispatch?: Dispatch<PaginationAction>;
+    loading?: boolean;
+    dataLabel?: string | undefined;
+    onChange?: (args: {
+        currentPage: number;
+        step: number;
+        totalPages: number | null;
+    }) => void;
+}
+export declare const Pagination: import("react").ForwardRefExoticComponent<PaginationProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist/esm/components/v2/pagination/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Pagination';
+export * from './Pagination.class';

package/dist/esm/components/v2/skeleton/Skeleton.d.ts

@@ -0,0 +1,12 @@
+import type { CSSProperties } from 'react';
+interface SkeletonProps {
+    height?: number | string | undefined;
+    width?: number | string | undefined;
+    variant?: 'text' | 'circle' | 'rounded' | 'ellipse';
+    theme?: 'light' | 'dark';
+    className?: string | undefined;
+    style?: CSSProperties;
+    noAnimation?: boolean;
+}
+declare const Skeleton: (props: SkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export default Skeleton;

package/dist/esm/components/v2/skeleton/index.d.ts

@@ -0,0 +1 @@
+export { default as Skeleton } from "./Skeleton";

package/dist/esm/components/v2/stepper/Stepper.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { StepperProps } from './types';
+declare const Stepper: React.FC<StepperProps>;
+export default Stepper;

package/dist/esm/components/v2/stepper/StepperInteractive.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { Step } from './types';
+interface StepperInteractiveProps {
+    steps: Step[];
+    size?: 'sm' | 'md';
+    variant?: 'icon' | 'noIcon' | 'progressBar';
+    orientation?: 'horizontal' | 'vertical';
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const StepperInteractive: React.FC<StepperInteractiveProps>;
+export default StepperInteractive;

package/dist/esm/components/v2/stepper/assets/Icons-md/CompletedIconMd.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface CompletedIconMdProps {
+    width?: number | string;
+    height?: number | string;
+    bgBrandSolid?: string;
+    checkColor?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const CompletedIconMd: React.FC<CompletedIconMdProps>;
+export default CompletedIconMd;

package/dist/esm/components/v2/stepper/assets/Icons-md/CurrentIconMd.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface CurrentIconMdProps {
+    width?: number | string;
+    height?: number | string;
+    bgBrandSolid?: string;
+    bgPrimary?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const CurrentIconMd: React.FC<CurrentIconMdProps>;
+export default CurrentIconMd;