@xaui/native 0.0.21 → 0.0.24

package/dist/stepper/index.d.cts

@@ -0,0 +1,137 @@
+import React, { ReactNode } from 'react';
+import { StyleProp, ViewStyle, TextStyle } from 'react-native';
+import { T as ThemeColor, S as Size } from '../index-BOw6tbkc.cjs';
+
+type StepperDirection = 'horizontal' | 'vertical';
+type StepperLineDisplayMode = 'progress' | 'all';
+type StepperSize = Exclude<Size, 'xs'>;
+type StepperItemIndicatorState = {
+    index: number;
+    isActive: boolean;
+    isCompleted: boolean;
+    isLocked: boolean;
+    isDisabled: boolean;
+};
+type StepperCustomAppearance = {
+    container?: StyleProp<ViewStyle>;
+    itemContainer?: StyleProp<ViewStyle>;
+    line?: StyleProp<ViewStyle>;
+    activeLine?: StyleProp<ViewStyle>;
+};
+type StepperItemCustomAppearance = {
+    container?: StyleProp<ViewStyle>;
+    indicator?: StyleProp<ViewStyle>;
+    activeIndicator?: StyleProp<ViewStyle>;
+    completedIndicator?: StyleProp<ViewStyle>;
+    lockedIndicator?: StyleProp<ViewStyle>;
+    title?: StyleProp<TextStyle>;
+    description?: StyleProp<TextStyle>;
+};
+type StepperProps = {
+    /**
+     * StepperItem children.
+     */
+    children: ReactNode;
+    /**
+     * Direction of the stepper layout.
+     * @default 'horizontal'
+     */
+    direction?: StepperDirection;
+    /**
+     * Whether connector lines between steps are shown.
+     * @default true
+     */
+    showLines?: boolean;
+    /**
+     * Controls connector line visibility.
+     * - `progress`: only progress to current step is shown.
+     * - `all`: all connectors are shown with progress highlight.
+     * @default 'progress'
+     */
+    lineDisplayMode?: StepperLineDisplayMode;
+    /**
+     * Controlled active step key.
+     */
+    activeKey?: string;
+    /**
+     * Uncontrolled default active step key.
+     */
+    defaultActiveKey?: string;
+    /**
+     * Callback fired when active step changes.
+     */
+    onStepChange?: (key: string) => void;
+    /**
+     * Shared theme color.
+     * @default 'primary'
+     */
+    themeColor?: ThemeColor;
+    /**
+     * Shared stepper size.
+     * @default 'md'
+     */
+    size?: StepperSize;
+    /**
+     * Whether all steps are disabled.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Stepper container style.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Custom appearance styles.
+     */
+    customAppearance?: StepperCustomAppearance;
+};
+type StepperItemProps = {
+    /**
+     * Unique key for this step.
+     */
+    itemKey: string;
+    /**
+     * Main title/label.
+     */
+    title?: ReactNode;
+    /**
+     * Optional secondary description.
+     */
+    description?: ReactNode;
+    /**
+     * Custom indicator content or indicator render function.
+     */
+    indicator?: ReactNode | ((state: StepperItemIndicatorState) => ReactNode);
+    /**
+     * Locks this step from interaction.
+     * @default false
+     */
+    isLocked?: boolean;
+    /**
+     * Disables this step from interaction.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Additional content rendered below title/description.
+     */
+    children?: ReactNode;
+    /**
+     * Callback fired when this item is pressed.
+     */
+    onPress?: (itemKey: string) => void;
+    /**
+     * Custom style for this item.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Custom appearance styles.
+     */
+    customAppearance?: StepperItemCustomAppearance;
+};
+
+declare const Stepper: React.FC<StepperProps>;
+
+declare const StepperItem: React.FC<StepperItemProps>;
+
+export { Stepper, type StepperDirection, StepperItem, type StepperItemIndicatorState, type StepperItemProps, type StepperLineDisplayMode, type StepperProps, type StepperSize };

package/dist/stepper/index.d.ts

@@ -0,0 +1,137 @@
+import React, { ReactNode } from 'react';
+import { StyleProp, ViewStyle, TextStyle } from 'react-native';
+import { T as ThemeColor, S as Size } from '../index-BOw6tbkc.js';
+
+type StepperDirection = 'horizontal' | 'vertical';
+type StepperLineDisplayMode = 'progress' | 'all';
+type StepperSize = Exclude<Size, 'xs'>;
+type StepperItemIndicatorState = {
+    index: number;
+    isActive: boolean;
+    isCompleted: boolean;
+    isLocked: boolean;
+    isDisabled: boolean;
+};
+type StepperCustomAppearance = {
+    container?: StyleProp<ViewStyle>;
+    itemContainer?: StyleProp<ViewStyle>;
+    line?: StyleProp<ViewStyle>;
+    activeLine?: StyleProp<ViewStyle>;
+};
+type StepperItemCustomAppearance = {
+    container?: StyleProp<ViewStyle>;
+    indicator?: StyleProp<ViewStyle>;
+    activeIndicator?: StyleProp<ViewStyle>;
+    completedIndicator?: StyleProp<ViewStyle>;
+    lockedIndicator?: StyleProp<ViewStyle>;
+    title?: StyleProp<TextStyle>;
+    description?: StyleProp<TextStyle>;
+};
+type StepperProps = {
+    /**
+     * StepperItem children.
+     */
+    children: ReactNode;
+    /**
+     * Direction of the stepper layout.
+     * @default 'horizontal'
+     */
+    direction?: StepperDirection;
+    /**
+     * Whether connector lines between steps are shown.
+     * @default true
+     */
+    showLines?: boolean;
+    /**
+     * Controls connector line visibility.
+     * - `progress`: only progress to current step is shown.
+     * - `all`: all connectors are shown with progress highlight.
+     * @default 'progress'
+     */
+    lineDisplayMode?: StepperLineDisplayMode;
+    /**
+     * Controlled active step key.
+     */
+    activeKey?: string;
+    /**
+     * Uncontrolled default active step key.
+     */
+    defaultActiveKey?: string;
+    /**
+     * Callback fired when active step changes.
+     */
+    onStepChange?: (key: string) => void;
+    /**
+     * Shared theme color.
+     * @default 'primary'
+     */
+    themeColor?: ThemeColor;
+    /**
+     * Shared stepper size.
+     * @default 'md'
+     */
+    size?: StepperSize;
+    /**
+     * Whether all steps are disabled.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Stepper container style.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Custom appearance styles.
+     */
+    customAppearance?: StepperCustomAppearance;
+};
+type StepperItemProps = {
+    /**
+     * Unique key for this step.
+     */
+    itemKey: string;
+    /**
+     * Main title/label.
+     */
+    title?: ReactNode;
+    /**
+     * Optional secondary description.
+     */
+    description?: ReactNode;
+    /**
+     * Custom indicator content or indicator render function.
+     */
+    indicator?: ReactNode | ((state: StepperItemIndicatorState) => ReactNode);
+    /**
+     * Locks this step from interaction.
+     * @default false
+     */
+    isLocked?: boolean;
+    /**
+     * Disables this step from interaction.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Additional content rendered below title/description.
+     */
+    children?: ReactNode;
+    /**
+     * Callback fired when this item is pressed.
+     */
+    onPress?: (itemKey: string) => void;
+    /**
+     * Custom style for this item.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Custom appearance styles.
+     */
+    customAppearance?: StepperItemCustomAppearance;
+};
+
+declare const Stepper: React.FC<StepperProps>;
+
+declare const StepperItem: React.FC<StepperItemProps>;
+
+export { Stepper, type StepperDirection, StepperItem, type StepperItemIndicatorState, type StepperItemProps, type StepperLineDisplayMode, type StepperProps, type StepperSize };