@xsolla/xui-b2b-stepper 0.147.1

package/native/index.d.mts

@@ -0,0 +1,46 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { BoxProps } from '@xsolla/xui-primitives-core';
+import { ThemeOverrideProps } from '@xsolla/xui-core';
+
+type StepperDirection = "horizontal" | "vertical";
+type StepStateType = "current" | "incomplete" | "loading" | "complete" | "warning" | "alert";
+type StepClickType = (args: {
+    number: number;
+    step: StepType;
+}) => void;
+type StepType = {
+    title: ReactNode;
+    description?: ReactNode;
+    /**
+     * Small caption rendered above the title (body-xs, tertiary color).
+     * Typical content: "Step 1", "Optional", etc.
+     */
+    caption?: ReactNode;
+    state?: StepStateType;
+    disabled?: boolean;
+    key?: string;
+    noClick?: boolean;
+};
+interface StepperProps extends Omit<BoxProps, "onClick">, ThemeOverrideProps {
+    steps: StepType[];
+    direction?: StepperDirection;
+    /**
+     * When true, wraps the steps in a tinted surface container
+     * (background-secondary + overlay-mono, radius 8, 16/8 inset).
+     * Defaults to false.
+     */
+    surface?: boolean;
+    /**
+     * When true, each step renders the numbered chip only — no heading,
+     * description, or caption. Matches the Figma "Only number" variant.
+     */
+    simple?: boolean;
+    onClick?: StepClickType;
+    className?: string;
+    "aria-label"?: string;
+}
+
+declare const Stepper: react.ForwardRefExoticComponent<StepperProps & react.RefAttributes<HTMLDivElement>>;
+
+export { type StepClickType, type StepStateType, type StepType, Stepper, type StepperDirection, type StepperProps };

package/native/index.d.ts

@@ -0,0 +1,46 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { BoxProps } from '@xsolla/xui-primitives-core';
+import { ThemeOverrideProps } from '@xsolla/xui-core';
+
+type StepperDirection = "horizontal" | "vertical";
+type StepStateType = "current" | "incomplete" | "loading" | "complete" | "warning" | "alert";
+type StepClickType = (args: {
+    number: number;
+    step: StepType;
+}) => void;
+type StepType = {
+    title: ReactNode;
+    description?: ReactNode;
+    /**
+     * Small caption rendered above the title (body-xs, tertiary color).
+     * Typical content: "Step 1", "Optional", etc.
+     */
+    caption?: ReactNode;
+    state?: StepStateType;
+    disabled?: boolean;
+    key?: string;
+    noClick?: boolean;
+};
+interface StepperProps extends Omit<BoxProps, "onClick">, ThemeOverrideProps {
+    steps: StepType[];
+    direction?: StepperDirection;
+    /**
+     * When true, wraps the steps in a tinted surface container
+     * (background-secondary + overlay-mono, radius 8, 16/8 inset).
+     * Defaults to false.
+     */
+    surface?: boolean;
+    /**
+     * When true, each step renders the numbered chip only — no heading,
+     * description, or caption. Matches the Figma "Only number" variant.
+     */
+    simple?: boolean;
+    onClick?: StepClickType;
+    className?: string;
+    "aria-label"?: string;
+}
+
+declare const Stepper: react.ForwardRefExoticComponent<StepperProps & react.RefAttributes<HTMLDivElement>>;
+
+export { type StepClickType, type StepStateType, type StepType, Stepper, type StepperDirection, type StepperProps };