@coinbase/cds-mobile 8.13.1 → 8.13.5

package/dts/page/PageFooter.d.ts

@@ -3,7 +3,8 @@ import type { View } from 'react-native';
 import type { ThemeVars } from '@coinbase/cds-common/core/theme';
 import type { PositionStyles, SharedProps } from '@coinbase/cds-common/types';
 import { type BoxProps } from '../layout/Box';
-export type PageFooterBaseProps = SharedProps & PositionStyles & {
+export type PageFooterBaseProps = SharedProps &
+  PositionStyles & {
     /**
      * Required. Accepts a ReactNode. Intended for content on the right side of the footer, such as action buttons or icons. */
     action: React.ReactNode;
@@ -11,31 +12,39 @@ export type PageFooterBaseProps = SharedProps & PositionStyles & {
      * Set the background color of the box.
      */
     background?: ThemeVars.Color;
-};
+  };
 export type PageFooterProps = PageFooterBaseProps & BoxProps;
-export declare const PageFooter: React.MemoExoticComponent<React.ForwardRefExoticComponent<SharedProps & PositionStyles & {
-    /**
-     * Required. Accepts a ReactNode. Intended for content on the right side of the footer, such as action buttons or icons. */
-    action: React.ReactNode;
-    /**
-     * Set the background color of the box.
-     */
-    background?: ThemeVars.Color;
-} & import("../styles/styleProps").StyleProps & {
-    children?: React.ReactNode;
-    style?: import("react-native").Animated.WithAnimatedValue<import("react-native").StyleProp<import("react-native").ViewStyle>>;
-    animated?: boolean;
-    elevation?: import("@coinbase/cds-common").ElevationLevels;
-    font?: ThemeVars.FontFamily | "inherit";
-    pin?: import("@coinbase/cds-common").PinningDirection;
-    bordered?: boolean;
-    borderedTop?: boolean;
-    borderedBottom?: boolean;
-    borderedStart?: boolean;
-    borderedEnd?: boolean;
-    borderedHorizontal?: boolean;
-    borderedVertical?: boolean;
-    dangerouslySetBackground?: string;
-    testID?: string;
-} & Omit<import("react-native").ViewProps, "style"> & React.RefAttributes<View>>>;
-//# sourceMappingURL=PageFooter.d.ts.map
+export declare const PageFooter: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    SharedProps &
+      PositionStyles & {
+        /**
+         * Required. Accepts a ReactNode. Intended for content on the right side of the footer, such as action buttons or icons. */
+        action: React.ReactNode;
+        /**
+         * Set the background color of the box.
+         */
+        background?: ThemeVars.Color;
+      } & import('../styles/styleProps').StyleProps & {
+        children?: React.ReactNode;
+        style?: import('react-native').Animated.WithAnimatedValue<
+          import('react-native').StyleProp<import('react-native').ViewStyle>
+        >;
+        animated?: boolean;
+        elevation?: import('@coinbase/cds-common').ElevationLevels;
+        font?: ThemeVars.FontFamily | 'inherit';
+        pin?: import('@coinbase/cds-common').PinningDirection;
+        bordered?: boolean;
+        borderedTop?: boolean;
+        borderedBottom?: boolean;
+        borderedStart?: boolean;
+        borderedEnd?: boolean;
+        borderedHorizontal?: boolean;
+        borderedVertical?: boolean;
+        dangerouslySetBackground?: string;
+        testID?: string;
+      } & Omit<import('react-native').ViewProps, 'style'> &
+      React.RefAttributes<View>
+  >
+>;
+//# sourceMappingURL=PageFooter.d.ts.map

package/dts/page/PageHeader.d.ts

@@ -3,7 +3,8 @@ import type { StyleProp, View, ViewStyle } from 'react-native';
 import type { ThemeVars } from '@coinbase/cds-common/core/theme';
 import type { PositionStyles, SharedProps } from '@coinbase/cds-common/types';
 import { type BoxProps } from '../layout/Box';
-export type PageHeaderBaseProps = SharedProps & PositionStyles & {
+export type PageHeaderBaseProps = SharedProps &
+  PositionStyles & {
     /**
      * Optional. Accepts a ReactNode. Used for placing primary content on the left side of the page header, such as a header title, logo, or icon button.
      */
@@ -21,85 +22,91 @@ export type PageHeaderBaseProps = SharedProps & PositionStyles & {
      * Set the background color of the box.
      */
     background?: ThemeVars.Color;
-};
-export type PageHeaderProps = PageHeaderBaseProps & BoxProps & {
+  };
+export type PageHeaderProps = PageHeaderBaseProps &
+  BoxProps & {
     /**
      * Custom styles for the page header.
      */
     styles?: {
+      /**
+       * Custom styles for the root element.
+       */
+      root?: StyleProp<ViewStyle>;
+      /**
+       * Custom styles for the start element.
+       */
+      start?: StyleProp<ViewStyle>;
+      /**
+       * Custom styles for the end element.
+       */
+      end?: StyleProp<ViewStyle>;
+      /**
+       * Custom styles for the title element.
+       */
+      title?: StyleProp<ViewStyle>;
+    };
+  };
+export declare const PageHeader: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    SharedProps &
+      PositionStyles & {
         /**
-         * Custom styles for the root element.
-         */
-        root?: StyleProp<ViewStyle>;
-        /**
-         * Custom styles for the start element.
-         */
-        start?: StyleProp<ViewStyle>;
-        /**
-         * Custom styles for the end element.
-         */
-        end?: StyleProp<ViewStyle>;
-        /**
-         * Custom styles for the title element.
+         * Optional. Accepts a ReactNode. Used for placing primary content on the left side of the page header, such as a header title, logo, or icon button.
          */
-        title?: StyleProp<ViewStyle>;
-    };
-};
-export declare const PageHeader: React.MemoExoticComponent<React.ForwardRefExoticComponent<SharedProps & PositionStyles & {
-    /**
-     * Optional. Accepts a ReactNode. Used for placing primary content on the left side of the page header, such as a header title, logo, or icon button.
-     */
-    start?: React.ReactNode;
-    /**
-     * Optional. Accepts a ReactNode. Intended for content on the right side of the header, such as action buttons or icons.
-     * In modal usage, elements like a close button should be included to facilitate modal dismissal.
-     */
-    end?: React.ReactNode;
-    /**
-     * Optional. Accepts a ReactNode. Intended for main title within the Page Header or for secondary content in the center of the header, like a navigation stepper or search bar.
-     */
-    title?: React.ReactNode;
-    /**
-     * Set the background color of the box.
-     */
-    background?: ThemeVars.Color;
-} & import("../styles/styleProps").StyleProps & {
-    children?: React.ReactNode;
-    style?: import("react-native").Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
-    animated?: boolean;
-    elevation?: import("@coinbase/cds-common").ElevationLevels;
-    font?: ThemeVars.FontFamily | "inherit";
-    pin?: import("@coinbase/cds-common").PinningDirection;
-    bordered?: boolean;
-    borderedTop?: boolean;
-    borderedBottom?: boolean;
-    borderedStart?: boolean;
-    borderedEnd?: boolean;
-    borderedHorizontal?: boolean;
-    borderedVertical?: boolean;
-    dangerouslySetBackground?: string;
-    testID?: string;
-} & Omit<import("react-native").ViewProps, "style"> & {
-    /**
-     * Custom styles for the page header.
-     */
-    styles?: {
+        start?: React.ReactNode;
         /**
-         * Custom styles for the root element.
+         * Optional. Accepts a ReactNode. Intended for content on the right side of the header, such as action buttons or icons.
+         * In modal usage, elements like a close button should be included to facilitate modal dismissal.
          */
-        root?: StyleProp<ViewStyle>;
+        end?: React.ReactNode;
         /**
-         * Custom styles for the start element.
+         * Optional. Accepts a ReactNode. Intended for main title within the Page Header or for secondary content in the center of the header, like a navigation stepper or search bar.
          */
-        start?: StyleProp<ViewStyle>;
+        title?: React.ReactNode;
         /**
-         * Custom styles for the end element.
+         * Set the background color of the box.
          */
-        end?: StyleProp<ViewStyle>;
+        background?: ThemeVars.Color;
+      } & import('../styles/styleProps').StyleProps & {
+        children?: React.ReactNode;
+        style?: import('react-native').Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
+        animated?: boolean;
+        elevation?: import('@coinbase/cds-common').ElevationLevels;
+        font?: ThemeVars.FontFamily | 'inherit';
+        pin?: import('@coinbase/cds-common').PinningDirection;
+        bordered?: boolean;
+        borderedTop?: boolean;
+        borderedBottom?: boolean;
+        borderedStart?: boolean;
+        borderedEnd?: boolean;
+        borderedHorizontal?: boolean;
+        borderedVertical?: boolean;
+        dangerouslySetBackground?: string;
+        testID?: string;
+      } & Omit<import('react-native').ViewProps, 'style'> & {
         /**
-         * Custom styles for the title element.
+         * Custom styles for the page header.
          */
-        title?: StyleProp<ViewStyle>;
-    };
-} & React.RefAttributes<View>>>;
-//# sourceMappingURL=PageHeader.d.ts.map
+        styles?: {
+          /**
+           * Custom styles for the root element.
+           */
+          root?: StyleProp<ViewStyle>;
+          /**
+           * Custom styles for the start element.
+           */
+          start?: StyleProp<ViewStyle>;
+          /**
+           * Custom styles for the end element.
+           */
+          end?: StyleProp<ViewStyle>;
+          /**
+           * Custom styles for the title element.
+           */
+          title?: StyleProp<ViewStyle>;
+        };
+      } & React.RefAttributes<View>
+  >
+>;
+//# sourceMappingURL=PageHeader.d.ts.map

package/dts/page/__figma__/PageFooter.figma.d.ts

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=PageFooter.figma.d.ts.map
+//# sourceMappingURL=PageFooter.figma.d.ts.map

package/dts/page/__figma__/PageHeader.figma.d.ts

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=PageHeader.figma.d.ts.map
+//# sourceMappingURL=PageHeader.figma.d.ts.map

package/dts/section-header/SectionHeader.d.ts

@@ -1,13 +1,20 @@
 import React from 'react';
 import type { View } from 'react-native';
 import type { IconName } from '@coinbase/cds-icons';
-export declare const SectionHeader: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
-    title: React.ReactNode;
-    start?: React.ReactNode;
-    icon?: Exclude<React.ReactNode, "string"> | IconName;
-    iconActive?: boolean;
-    balance?: React.ReactNode;
-    description?: React.ReactNode;
-    end?: React.ReactNode;
-} & import("@coinbase/cds-common").SharedProps & Pick<import("@coinbase/cds-common").SharedAccessibilityProps, "accessibilityLabel"> & import("@coinbase/cds-common").PaddingProps & React.RefAttributes<View>>>;
-//# sourceMappingURL=SectionHeader.d.ts.map
+export declare const SectionHeader: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    {
+      title: React.ReactNode;
+      start?: React.ReactNode;
+      icon?: Exclude<React.ReactNode, 'string'> | IconName;
+      iconActive?: boolean;
+      balance?: React.ReactNode;
+      description?: React.ReactNode;
+      end?: React.ReactNode;
+    } & import('@coinbase/cds-common').SharedProps &
+      Pick<import('@coinbase/cds-common').SharedAccessibilityProps, 'accessibilityLabel'> &
+      import('@coinbase/cds-common').PaddingProps &
+      React.RefAttributes<View>
+  >
+>;
+//# sourceMappingURL=SectionHeader.d.ts.map

package/dts/section-header/__figma__/SectionHeader.figma.d.ts

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=SectionHeader.figma.d.ts.map
+//# sourceMappingURL=SectionHeader.figma.d.ts.map

package/dts/stepper/DefaultStepperHeaderHorizontal.d.ts

@@ -1,3 +1,3 @@
 import type { StepperHeaderComponent } from './Stepper';
 export declare const DefaultStepperHeaderHorizontal: StepperHeaderComponent;
-//# sourceMappingURL=DefaultStepperHeaderHorizontal.d.ts.map
+//# sourceMappingURL=DefaultStepperHeaderHorizontal.d.ts.map

package/dts/stepper/DefaultStepperIconVertical.d.ts

@@ -1,3 +1,3 @@
 import type { StepperIconComponent } from './Stepper';
 export declare const DefaultStepperIconVertical: StepperIconComponent;
-//# sourceMappingURL=DefaultStepperIconVertical.d.ts.map
+//# sourceMappingURL=DefaultStepperIconVertical.d.ts.map

package/dts/stepper/DefaultStepperLabelVertical.d.ts

@@ -1,3 +1,3 @@
 import type { StepperLabelProps } from './Stepper';
-export declare const DefaultStepperLabelVertical: import("react").NamedExoticComponent<StepperLabelProps>;
-//# sourceMappingURL=DefaultStepperLabelVertical.d.ts.map
+export declare const DefaultStepperLabelVertical: import('react').NamedExoticComponent<StepperLabelProps>;
+//# sourceMappingURL=DefaultStepperLabelVertical.d.ts.map

package/dts/stepper/DefaultStepperProgressHorizontal.d.ts

@@ -1,3 +1,3 @@
 import type { StepperProgressComponent } from './Stepper';
 export declare const DefaultStepperProgressHorizontal: StepperProgressComponent;
-//# sourceMappingURL=DefaultStepperProgressHorizontal.d.ts.map
+//# sourceMappingURL=DefaultStepperProgressHorizontal.d.ts.map

package/dts/stepper/DefaultStepperProgressVertical.d.ts

@@ -1,3 +1,3 @@
 import type { StepperProgressComponent } from './Stepper';
 export declare const DefaultStepperProgressVertical: StepperProgressComponent;
-//# sourceMappingURL=DefaultStepperProgressVertical.d.ts.map
+//# sourceMappingURL=DefaultStepperProgressVertical.d.ts.map

package/dts/stepper/DefaultStepperStepHorizontal.d.ts

@@ -1,3 +1,3 @@
 import type { StepperStepComponent } from './Stepper';
 export declare const DefaultStepperStepHorizontal: StepperStepComponent;
-//# sourceMappingURL=DefaultStepperStepHorizontal.d.ts.map
+//# sourceMappingURL=DefaultStepperStepHorizontal.d.ts.map

package/dts/stepper/DefaultStepperStepVertical.d.ts

@@ -1,3 +1,3 @@
 import type { StepperStepComponent } from './Stepper';
 export declare const DefaultStepperStepVertical: StepperStepComponent;
-//# sourceMappingURL=DefaultStepperStepVertical.d.ts.map
+//# sourceMappingURL=DefaultStepperStepVertical.d.ts.map

package/dts/stepper/DefaultStepperSubstepContainerHorizontal.d.ts

@@ -1,3 +1,3 @@
 import type { StepperSubstepContainerComponent } from './Stepper';
 export declare const DefaultStepperSubstepContainerHorizontal: StepperSubstepContainerComponent;
-//# sourceMappingURL=DefaultStepperSubstepContainerHorizontal.d.ts.map
+//# sourceMappingURL=DefaultStepperSubstepContainerHorizontal.d.ts.map

package/dts/stepper/DefaultStepperSubstepContainerVertical.d.ts

@@ -1,3 +1,3 @@
 import type { StepperSubstepContainerComponent } from './Stepper';
 export declare const DefaultStepperSubstepContainerVertical: StepperSubstepContainerComponent;
-//# sourceMappingURL=DefaultStepperSubstepContainerVertical.d.ts.map
+//# sourceMappingURL=DefaultStepperSubstepContainerVertical.d.ts.map

package/dts/stepper/Stepper.d.ts

@@ -7,23 +7,24 @@ import type { IconProps } from '../icons/Icon';
 import { type BoxBaseProps, type BoxProps } from '../layout/Box';
 /** Data that represents a single step within a Stepper.*/
 export type StepperValue<Metadata extends Record<string, unknown> = Record<string, unknown>> = {
-    /** A unique indetifier of the step. This is used to reference the Stepper's active step. */
-    id: string;
-    /** The text or ReactNode displayed within the Stepper's Label subcomponent. */
-    label?: React.ReactNode;
-    accessibilityLabel?: string;
-    /** Optional step metadata which is passed to the the Stepper subcomponents. */
-    metadata?: Metadata;
-    subSteps?: StepperValue<Metadata>[];
-    Component?: StepperStepComponent<Metadata> | null;
-    StepperSubstepContainerComponent?: StepperSubstepContainerComponent<Metadata> | null;
-    StepperIconComponent?: StepperIconComponent<Metadata> | null;
-    StepperLabelComponent?: StepperLabelComponent<Metadata> | null;
-    StepperProgressComponent?: StepperProgressComponent<Metadata> | null;
-    StepperHeaderComponent?: StepperHeaderComponent<Metadata> | null;
+  /** A unique indetifier of the step. This is used to reference the Stepper's active step. */
+  id: string;
+  /** The text or ReactNode displayed within the Stepper's Label subcomponent. */
+  label?: React.ReactNode;
+  accessibilityLabel?: string;
+  /** Optional step metadata which is passed to the the Stepper subcomponents. */
+  metadata?: Metadata;
+  subSteps?: StepperValue<Metadata>[];
+  Component?: StepperStepComponent<Metadata> | null;
+  StepperSubstepContainerComponent?: StepperSubstepContainerComponent<Metadata> | null;
+  StepperIconComponent?: StepperIconComponent<Metadata> | null;
+  StepperLabelComponent?: StepperLabelComponent<Metadata> | null;
+  StepperProgressComponent?: StepperProgressComponent<Metadata> | null;
+  StepperHeaderComponent?: StepperHeaderComponent<Metadata> | null;
 };
 /** Props shared by most of Stepper's subcomponents. */
-type StepperSubcomponentProps<Metadata extends Record<string, unknown> = Record<string, unknown>> = {
+type StepperSubcomponentProps<Metadata extends Record<string, unknown> = Record<string, unknown>> =
+  {
     /** The step object being rendered. */
     step: StepperValue<Metadata>;
     /** The parent step of the step being rendered */
@@ -44,52 +45,63 @@ type StepperSubcomponentProps<Metadata extends Record<string, unknown> = Record<
     isDescendentActive: boolean;
     /** Inline styles for this component */
     style?: StyleProp<ViewStyle>;
-};
-export type StepperStepProps<Metadata extends Record<string, unknown> = Record<string, unknown>> = StepperSubcomponentProps<Metadata> & BoxProps & {
-    /**
-     * An animated SpringValue between 0 and 1.
-     * You can use this to animate your own custom Progress subcomponent.
-     */
-    progress: SpringValueType<number>;
-    activeStepLabelElement: View | null;
-    setActiveStepLabelElement: (element: View) => void;
-    progressSpringConfig?: SpringConfig;
-    animate?: boolean;
-    disableAnimateOnMount?: boolean;
-    completedStepAccessibilityLabel?: string;
-    StepperStepComponent?: StepperStepComponent<Metadata>;
-    StepperSubstepContainerComponent?: StepperSubstepContainerComponent<Metadata> | null;
-    StepperLabelComponent?: StepperLabelComponent<Metadata> | null;
-    StepperProgressComponent?: StepperProgressComponent<Metadata> | null;
-    StepperIconComponent?: StepperIconComponent<Metadata> | null;
-    styles?: {
+  };
+export type StepperStepProps<Metadata extends Record<string, unknown> = Record<string, unknown>> =
+  StepperSubcomponentProps<Metadata> &
+    BoxProps & {
+      /**
+       * An animated SpringValue between 0 and 1.
+       * You can use this to animate your own custom Progress subcomponent.
+       */
+      progress: SpringValueType<number>;
+      activeStepLabelElement: View | null;
+      setActiveStepLabelElement: (element: View) => void;
+      progressSpringConfig?: SpringConfig;
+      animate?: boolean;
+      disableAnimateOnMount?: boolean;
+      completedStepAccessibilityLabel?: string;
+      StepperStepComponent?: StepperStepComponent<Metadata>;
+      StepperSubstepContainerComponent?: StepperSubstepContainerComponent<Metadata> | null;
+      StepperLabelComponent?: StepperLabelComponent<Metadata> | null;
+      StepperProgressComponent?: StepperProgressComponent<Metadata> | null;
+      StepperIconComponent?: StepperIconComponent<Metadata> | null;
+      styles?: {
         step?: StyleProp<ViewStyle>;
         label?: StyleProp<ViewStyle>;
         progress?: StyleProp<ViewStyle>;
         icon?: StyleProp<ViewStyle>;
         header?: StyleProp<ViewStyle>;
         substepContainer?: StyleProp<ViewStyle>;
+      };
     };
-};
-export type StepperSubstepContainerProps<Metadata extends Record<string, unknown> = Record<string, unknown>> = StepperSubcomponentProps<Metadata> & BoxProps & {
+export type StepperSubstepContainerProps<
+  Metadata extends Record<string, unknown> = Record<string, unknown>,
+> = StepperSubcomponentProps<Metadata> &
+  BoxProps & {
     children: React.ReactNode;
-};
-export type StepperHeaderProps<Metadata extends Record<string, unknown> = Record<string, unknown>> = BoxProps & {
+  };
+export type StepperHeaderProps<Metadata extends Record<string, unknown> = Record<string, unknown>> =
+  BoxProps & {
     activeStep: StepperValue<Metadata> | null;
     flatStepIds: string[];
     complete?: boolean;
     style?: StyleProp<ViewStyle>;
-};
-export type StepperLabelProps<Metadata extends Record<string, unknown> = Record<string, unknown>> = StepperSubcomponentProps<Metadata> & BoxProps & {
-    setActiveStepLabelElement: (element: View) => void;
-    defaultColor?: ThemeVars.Color;
-    activeColor?: ThemeVars.Color;
-    descendentActiveColor?: ThemeVars.Color;
-    visitedColor?: ThemeVars.Color;
-    completeColor?: ThemeVars.Color;
-    completedStepAccessibilityLabel?: string;
-};
-export type StepperProgressProps<Metadata extends Record<string, unknown> = Record<string, unknown>> = StepperSubcomponentProps<Metadata> & BoxProps & {
+  };
+export type StepperLabelProps<Metadata extends Record<string, unknown> = Record<string, unknown>> =
+  StepperSubcomponentProps<Metadata> &
+    BoxProps & {
+      setActiveStepLabelElement: (element: View) => void;
+      defaultColor?: ThemeVars.Color;
+      activeColor?: ThemeVars.Color;
+      descendentActiveColor?: ThemeVars.Color;
+      visitedColor?: ThemeVars.Color;
+      completeColor?: ThemeVars.Color;
+      completedStepAccessibilityLabel?: string;
+    };
+export type StepperProgressProps<
+  Metadata extends Record<string, unknown> = Record<string, unknown>,
+> = StepperSubcomponentProps<Metadata> &
+  BoxProps & {
     progress: SpringValueType<number>;
     activeStepLabelElement: View | null;
     progressSpringConfig?: SpringConfig;
@@ -100,27 +112,42 @@ export type StepperProgressProps<Metadata extends Record<string, unknown> = Reco
     descendentActiveFill?: ThemeVars.Color;
     visitedFill?: ThemeVars.Color;
     completeFill?: ThemeVars.Color;
-};
-export type StepperIconProps<Metadata extends Record<string, unknown> = Record<string, unknown>> = StepperSubcomponentProps<Metadata> & Omit<IconProps, 'name'> & {
-    name?: IconName;
-    defaultName?: IconName;
-    activeName?: IconName;
-    descendentActiveName?: IconName;
-    visitedName?: IconName;
-    completeName?: IconName;
-    defaultColor?: ThemeVars.Color;
-    activeColor?: ThemeVars.Color;
-    descendentActiveColor?: ThemeVars.Color;
-    visitedColor?: ThemeVars.Color;
-    completeColor?: ThemeVars.Color;
-};
-export type StepperStepComponent<Metadata extends Record<string, unknown> = Record<string, unknown>> = React.FC<StepperStepProps<Metadata>>;
-export type StepperSubstepContainerComponent<Metadata extends Record<string, unknown> = Record<string, unknown>> = React.FC<StepperSubstepContainerProps<Metadata>>;
-export type StepperLabelComponent<Metadata extends Record<string, unknown> = Record<string, unknown>> = React.FC<StepperLabelProps<Metadata>>;
-export type StepperProgressComponent<Metadata extends Record<string, unknown> = Record<string, unknown>> = React.FC<StepperProgressProps<Metadata>>;
-export type StepperIconComponent<Metadata extends Record<string, unknown> = Record<string, unknown>> = React.FC<StepperIconProps<Metadata>>;
-export type StepperHeaderComponent<Metadata extends Record<string, unknown> = Record<string, unknown>> = React.FC<StepperHeaderProps<Metadata>>;
-export type StepperBaseProps<Metadata extends Record<string, unknown> = Record<string, unknown>> = BoxBaseProps & {
+  };
+export type StepperIconProps<Metadata extends Record<string, unknown> = Record<string, unknown>> =
+  StepperSubcomponentProps<Metadata> &
+    Omit<IconProps, 'name'> & {
+      name?: IconName;
+      defaultName?: IconName;
+      activeName?: IconName;
+      descendentActiveName?: IconName;
+      visitedName?: IconName;
+      completeName?: IconName;
+      defaultColor?: ThemeVars.Color;
+      activeColor?: ThemeVars.Color;
+      descendentActiveColor?: ThemeVars.Color;
+      visitedColor?: ThemeVars.Color;
+      completeColor?: ThemeVars.Color;
+    };
+export type StepperStepComponent<
+  Metadata extends Record<string, unknown> = Record<string, unknown>,
+> = React.FC<StepperStepProps<Metadata>>;
+export type StepperSubstepContainerComponent<
+  Metadata extends Record<string, unknown> = Record<string, unknown>,
+> = React.FC<StepperSubstepContainerProps<Metadata>>;
+export type StepperLabelComponent<
+  Metadata extends Record<string, unknown> = Record<string, unknown>,
+> = React.FC<StepperLabelProps<Metadata>>;
+export type StepperProgressComponent<
+  Metadata extends Record<string, unknown> = Record<string, unknown>,
+> = React.FC<StepperProgressProps<Metadata>>;
+export type StepperIconComponent<
+  Metadata extends Record<string, unknown> = Record<string, unknown>,
+> = React.FC<StepperIconProps<Metadata>>;
+export type StepperHeaderComponent<
+  Metadata extends Record<string, unknown> = Record<string, unknown>,
+> = React.FC<StepperHeaderProps<Metadata>>;
+export type StepperBaseProps<Metadata extends Record<string, unknown> = Record<string, unknown>> =
+  BoxBaseProps & {
     /** An optional accessibility label used to announce a step as complete/visited. Useful for providing an internationalized label for this state.
      * @default "Complete"
      */
@@ -159,10 +186,12 @@ export type StepperBaseProps<Metadata extends Record<string, unknown> = Record<s
     animate?: boolean;
     /** Whether to disable the animation on mount. */
     disableAnimateOnMount?: boolean;
-};
-export type StepperProps<Metadata extends Record<string, unknown> = Record<string, unknown>> = BoxProps & StepperBaseProps<Metadata> & {
-    /** Inline styles for specific child elements of Stepper */
-    styles?: {
+  };
+export type StepperProps<Metadata extends Record<string, unknown> = Record<string, unknown>> =
+  BoxProps &
+    StepperBaseProps<Metadata> & {
+      /** Inline styles for specific child elements of Stepper */
+      styles?: {
         /** Inline styles for the root Stepper container element */
         root?: StyleProp<ViewStyle>;
         /** Inline styles for the Step subcomponent */
@@ -177,17 +206,19 @@ export type StepperProps<Metadata extends Record<string, unknown> = Record<strin
         icon?: StyleProp<ViewStyle>;
         /** Inline styles for the Header subcomponent */
         header?: StyleProp<ViewStyle>;
+      };
     };
-};
 export declare const horizontalStepGap = 0.5;
 export declare const defaultProgressSpringConfig: {
-    friction: number;
-    tension: number;
-    clamp: boolean;
+  friction: number;
+  tension: number;
+  clamp: boolean;
 };
-type StepperComponent = <Metadata extends Record<string, unknown> = Record<string, unknown>>(props: StepperProps<Metadata> & {
+type StepperComponent = <Metadata extends Record<string, unknown> = Record<string, unknown>>(
+  props: StepperProps<Metadata> & {
     ref?: React.Ref<View>;
-}) => React.ReactElement;
+  },
+) => React.ReactElement;
 export declare const Stepper: StepperComponent;
 export {};
-//# sourceMappingURL=Stepper.d.ts.map
+//# sourceMappingURL=Stepper.d.ts.map

package/dts/stepper/index.d.ts

@@ -8,4 +8,4 @@ export * from './DefaultStepperStepVertical';
 export * from './DefaultStepperSubstepContainerHorizontal';
 export * from './DefaultStepperSubstepContainerVertical';
 export * from './Stepper';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map