@xaui/native 0.2.8 → 0.9.1-alpha.1

package/dist/stepper/index.cjs

@@ -1,550 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }require('../chunk-56RPWZD2.cjs');
-
-
-var _chunk7UFBLUMVcjs = require('../chunk-7UFBLUMV.cjs');
-
-// src/components/stepper/stepper.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-var _reactnative = require('react-native');
-
-// src/components/stepper/stepper-context.ts
-
-var StepperContext = _react.createContext.call(void 0, 
-  void 0
-);
-var useStepperContext = () => _react.useContext.call(void 0, StepperContext);
-
-// src/components/stepper/stepper.style.ts
-
-var styles = _reactnative.StyleSheet.create({
-  container: {
-    width: "100%"
-  },
-  horizontalContainer: {
-    flexDirection: "row",
-    alignItems: "flex-start"
-  },
-  verticalContainer: {
-    flexDirection: "column"
-  },
-  horizontalItem: {
-    flex: 1,
-    alignItems: "center",
-    minWidth: 0
-  },
-  verticalItem: {
-    width: "100%"
-  },
-  horizontalTopRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    width: "100%"
-  },
-  verticalRow: {
-    flexDirection: "row",
-    alignItems: "flex-start",
-    width: "100%"
-  },
-  line: {
-    flex: 1,
-    borderRadius: 99,
-    overflow: "hidden"
-  },
-  lineProgressWrap: {
-    width: "100%",
-    height: "100%",
-    overflow: "hidden"
-  },
-  lineProgressHorizontal: {
-    alignItems: "flex-start"
-  },
-  lineProgressVertical: {
-    justifyContent: "flex-start"
-  },
-  lineProgress: {
-    width: "100%",
-    height: "100%",
-    borderRadius: 99
-  },
-  verticalLineWrap: {
-    alignItems: "center",
-    width: "100%",
-    flex: 1
-  },
-  indicator: {
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  locked: {
-    opacity: 0.75
-  },
-  disabled: {
-    opacity: 0.5
-  },
-  horizontalContent: {
-    alignItems: "center",
-    width: "100%"
-  },
-  verticalContent: {
-    flex: 1
-  },
-  title: {
-    textAlign: "center",
-    fontWeight: "600"
-  },
-  titleVertical: {
-    textAlign: "left"
-  },
-  description: {
-    textAlign: "center",
-    fontWeight: "400"
-  },
-  descriptionVertical: {
-    textAlign: "left"
-  }
-});
-
-// src/components/stepper/stepper.tsx
-var Stepper = ({
-  children,
-  direction = "horizontal",
-  showLines = true,
-  lineDisplayMode = "progress",
-  activeKey,
-  defaultActiveKey,
-  onStepChange,
-  themeColor = "primary",
-  size = "md",
-  isDisabled = false,
-  style,
-  customAppearance
-}) => {
-  const items = _react2.default.Children.toArray(children);
-  const keys = _react.useMemo.call(void 0, 
-    () => items.map((child) => {
-      if (!_react2.default.isValidElement(child)) return void 0;
-      return child.props.itemKey;
-    }).filter((key) => typeof key === "string"),
-    [items]
-  );
-  const [internalActiveKey, setInternalActiveKey] = _react.useState.call(void 0, 
-    _nullishCoalesce(defaultActiveKey, () => ( keys[0]))
-  );
-  const isControlled = typeof activeKey === "string";
-  const resolvedActiveKey = isControlled ? activeKey : internalActiveKey;
-  const activeIndex = resolvedActiveKey === void 0 ? -1 : keys.indexOf(resolvedActiveKey);
-  const handleStepChange = (key) => {
-    if (!isControlled) {
-      setInternalActiveKey(key);
-    }
-    _optionalChain([onStepChange, 'optionalCall', _ => _(key)]);
-  };
-  const contextValue = _react.useMemo.call(void 0, 
-    () => ({
-      activeKey: resolvedActiveKey,
-      activeIndex,
-      keys,
-      direction,
-      showLines,
-      lineDisplayMode,
-      isDisabled,
-      themeColor,
-      size,
-      customAppearance,
-      onStepChange: handleStepChange
-    }),
-    [
-      resolvedActiveKey,
-      activeIndex,
-      keys,
-      direction,
-      showLines,
-      lineDisplayMode,
-      isDisabled,
-      themeColor,
-      size,
-      customAppearance
-    ]
-  );
-  return /* @__PURE__ */ _react2.default.createElement(StepperContext.Provider, { value: contextValue }, /* @__PURE__ */ _react2.default.createElement(
-    _reactnative.View,
-    {
-      style: [
-        styles.container,
-        direction === "horizontal" ? styles.horizontalContainer : styles.verticalContainer,
-        style,
-        _optionalChain([customAppearance, 'optionalAccess', _2 => _2.container])
-      ]
-    },
-    children
-  ));
-};
-
-// src/components/stepper/stepper-item.tsx
-
-
-var _icons = require('@xaui/icons');
-
-// src/components/stepper/stepper.hook.ts
-
-var _core = require('@xaui/core');
-var sizeMap = {
-  sm: {
-    indicatorSize: 22,
-    indicatorBorderWidth: 1.5,
-    titleFontSize: 13,
-    descriptionFontSize: 11,
-    horizontalSpacing: 8,
-    verticalSpacing: 6,
-    verticalGap: 16,
-    lineThickness: 2
-  },
-  md: {
-    indicatorSize: 26,
-    indicatorBorderWidth: 2,
-    titleFontSize: 14,
-    descriptionFontSize: 12,
-    horizontalSpacing: 10,
-    verticalSpacing: 8,
-    verticalGap: 18,
-    lineThickness: 2
-  },
-  lg: {
-    indicatorSize: 30,
-    indicatorBorderWidth: 2,
-    titleFontSize: 15,
-    descriptionFontSize: 13,
-    horizontalSpacing: 12,
-    verticalSpacing: 10,
-    verticalGap: 20,
-    lineThickness: 3
-  }
-};
-var useStepperSizeStyles = (size) => {
-  return _react.useMemo.call(void 0, () => sizeMap[size], [size]);
-};
-var useStepperColors = (themeColor) => {
-  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
-  const scheme = theme.colors[_core.getSafeThemeColor.call(void 0, themeColor)];
-  return _react.useMemo.call(void 0, 
-    () => ({
-      activeIndicatorBackground: scheme.main,
-      activeIndicatorBorder: scheme.main,
-      activeIndicatorText: scheme.onMain,
-      completedIndicatorBackground: _core.withOpacity.call(void 0, scheme.main, 0.2),
-      completedIndicatorBorder: scheme.main,
-      completedIndicatorText: scheme.main,
-      lockedIndicatorBackground: _core.withOpacity.call(void 0, theme.colors.foreground, 0.08),
-      lockedIndicatorBorder: _core.withOpacity.call(void 0, theme.colors.foreground, 0.22),
-      lockedIndicatorText: _core.withOpacity.call(void 0, theme.colors.foreground, 0.42),
-      inactiveIndicatorBackground: theme.colors.background,
-      inactiveIndicatorBorder: _core.withOpacity.call(void 0, theme.colors.foreground, 0.22),
-      inactiveIndicatorText: _core.withOpacity.call(void 0, theme.colors.foreground, 0.72),
-      title: theme.colors.foreground,
-      description: _core.withOpacity.call(void 0, theme.colors.foreground, 0.72),
-      line: _core.withOpacity.call(void 0, theme.colors.foreground, 0.16),
-      activeLine: scheme.main
-    }),
-    [scheme, theme.colors.background, theme.colors.foreground]
-  );
-};
-
-// src/components/stepper/stepper-item.tsx
-var isStringOrNumber = (value) => typeof value === "string" || typeof value === "number";
-var StepperItem = ({
-  itemKey,
-  title,
-  description,
-  indicator,
-  isLocked = false,
-  isDisabled = false,
-  children,
-  onPress,
-  style,
-  customAppearance
-}) => {
-  const context = useStepperContext();
-  const direction = _nullishCoalesce(_optionalChain([context, 'optionalAccess', _3 => _3.direction]), () => ( "horizontal"));
-  const showLines = _nullishCoalesce(_optionalChain([context, 'optionalAccess', _4 => _4.showLines]), () => ( true));
-  const lineDisplayMode = _nullishCoalesce(_optionalChain([context, 'optionalAccess', _5 => _5.lineDisplayMode]), () => ( "progress"));
-  const groupDisabled = _nullishCoalesce(_optionalChain([context, 'optionalAccess', _6 => _6.isDisabled]), () => ( false));
-  const size = _nullishCoalesce(_optionalChain([context, 'optionalAccess', _7 => _7.size]), () => ( "md"));
-  const themeColor = _nullishCoalesce(_optionalChain([context, 'optionalAccess', _8 => _8.themeColor]), () => ( "primary"));
-  const sizeStyles = useStepperSizeStyles(size);
-  const colors = useStepperColors(themeColor);
-  const index = _nullishCoalesce(_optionalChain([context, 'optionalAccess', _9 => _9.keys, 'access', _10 => _10.indexOf, 'call', _11 => _11(itemKey)]), () => ( -1));
-  const isActive = _optionalChain([context, 'optionalAccess', _12 => _12.activeKey]) === itemKey;
-  const hasActiveStep = (_nullishCoalesce(_optionalChain([context, 'optionalAccess', _13 => _13.activeIndex]), () => ( -1))) >= 0;
-  const isCompleted = hasActiveStep && index >= 0 && index < (_nullishCoalesce(_optionalChain([context, 'optionalAccess', _14 => _14.activeIndex]), () => ( -1)));
-  const isLast = index === (_nullishCoalesce(_optionalChain([context, 'optionalAccess', _15 => _15.keys, 'access', _16 => _16.length]), () => ( 0))) - 1;
-  const lineTargetProgress = isCompleted ? 1 : 0;
-  const lineProgress = _react.useRef.call(void 0, new _reactnative.Animated.Value(lineTargetProgress)).current;
-  const disabled = groupDisabled || isDisabled;
-  const blocked = disabled || isLocked;
-  const indicatorState = {
-    index: Math.max(index, 0),
-    isActive,
-    isCompleted,
-    isLocked,
-    isDisabled: disabled
-  };
-  const indicatorNode = _react.useMemo.call(void 0, () => {
-    if (typeof indicator === "function") {
-      return indicator(indicatorState);
-    }
-    if (indicator !== void 0) {
-      return indicator;
-    }
-    const iconSize = Math.max(12, Math.floor(sizeStyles.indicatorSize * 0.54));
-    if (isLocked) {
-      return /* @__PURE__ */ _react2.default.createElement(
-        _icons.LockClosedIcon,
-        {
-          key: `lock-${itemKey}-${isLocked ? "on" : "off"}`,
-          size: iconSize,
-          color: colors.lockedIndicatorText,
-          isAnimated: true
-        }
-      );
-    }
-    if (isCompleted) {
-      return /* @__PURE__ */ _react2.default.createElement(
-        _icons.CheckmarkIcon,
-        {
-          key: `done-${itemKey}-${isCompleted ? "on" : "off"}`,
-          size: iconSize,
-          color: colors.completedIndicatorText,
-          isAnimated: true
-        }
-      );
-    }
-    return String(indicatorState.index + 1);
-  }, [
-    indicator,
-    indicatorState,
-    sizeStyles.indicatorSize,
-    isLocked,
-    isCompleted,
-    itemKey,
-    colors
-  ]);
-  _react.useEffect.call(void 0, () => {
-    _reactnative.Animated.timing(lineProgress, {
-      toValue: lineTargetProgress,
-      duration: 240,
-      useNativeDriver: true
-    }).start();
-  }, [lineProgress, lineTargetProgress]);
-  const indicatorText = isStringOrNumber(indicatorNode) ? /* @__PURE__ */ _react2.default.createElement(
-    _reactnative.Text,
-    {
-      style: {
-        color: isLocked ? colors.lockedIndicatorText : isActive ? colors.activeIndicatorText : isCompleted ? colors.completedIndicatorText : colors.inactiveIndicatorText,
-        fontSize: sizeStyles.titleFontSize,
-        fontWeight: "700"
-      }
-    },
-    indicatorNode
-  ) : indicatorNode;
-  const lineStyle = [
-    styles.line,
-    direction === "horizontal" ? {
-      height: sizeStyles.lineThickness,
-      marginHorizontal: sizeStyles.horizontalSpacing
-    } : {
-      width: sizeStyles.lineThickness,
-      marginVertical: sizeStyles.verticalSpacing,
-      minHeight: sizeStyles.verticalGap
-    },
-    {
-      backgroundColor: lineDisplayMode === "all" ? colors.line : "transparent"
-    },
-    _optionalChain([context, 'optionalAccess', _17 => _17.customAppearance, 'optionalAccess', _18 => _18.line])
-  ];
-  return /* @__PURE__ */ _react2.default.createElement(
-    _reactnative.Pressable,
-    {
-      onPress: () => {
-        if (blocked) return;
-        _optionalChain([context, 'optionalAccess', _19 => _19.onStepChange, 'optionalCall', _20 => _20(itemKey)]);
-        _optionalChain([onPress, 'optionalCall', _21 => _21(itemKey)]);
-      },
-      disabled: blocked,
-      accessibilityRole: "tab",
-      accessibilityState: { selected: !!isActive, disabled: blocked },
-      style: [
-        direction === "horizontal" ? styles.horizontalItem : styles.verticalItem,
-        blocked && (isLocked ? styles.locked : styles.disabled),
-        style,
-        _optionalChain([customAppearance, 'optionalAccess', _22 => _22.container]),
-        _optionalChain([context, 'optionalAccess', _23 => _23.customAppearance, 'optionalAccess', _24 => _24.itemContainer])
-      ]
-    },
-    direction === "horizontal" ? /* @__PURE__ */ _react2.default.createElement(_react2.default.Fragment, null, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.horizontalTopRow }, /* @__PURE__ */ _react2.default.createElement(
-      _reactnative.View,
-      {
-        style: [
-          styles.indicator,
-          {
-            width: sizeStyles.indicatorSize,
-            height: sizeStyles.indicatorSize,
-            borderRadius: sizeStyles.indicatorSize / 2,
-            borderWidth: sizeStyles.indicatorBorderWidth,
-            borderColor: isLocked ? colors.lockedIndicatorBorder : isActive ? colors.activeIndicatorBorder : isCompleted ? colors.completedIndicatorBorder : colors.inactiveIndicatorBorder,
-            backgroundColor: isLocked ? colors.lockedIndicatorBackground : isActive ? colors.activeIndicatorBackground : isCompleted ? colors.completedIndicatorBackground : colors.inactiveIndicatorBackground
-          },
-          _optionalChain([customAppearance, 'optionalAccess', _25 => _25.indicator]),
-          isActive && _optionalChain([customAppearance, 'optionalAccess', _26 => _26.activeIndicator]),
-          isCompleted && _optionalChain([customAppearance, 'optionalAccess', _27 => _27.completedIndicator]),
-          isLocked && _optionalChain([customAppearance, 'optionalAccess', _28 => _28.lockedIndicator])
-        ]
-      },
-      indicatorText
-    ), showLines && !isLast ? /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: lineStyle }, /* @__PURE__ */ _react2.default.createElement(
-      _reactnative.View,
-      {
-        style: [
-          styles.lineProgressWrap,
-          direction === "horizontal" ? styles.lineProgressHorizontal : styles.lineProgressVertical
-        ]
-      },
-      /* @__PURE__ */ _react2.default.createElement(
-        _reactnative.Animated.View,
-        {
-          style: [
-            styles.lineProgress,
-            {
-              backgroundColor: colors.activeLine,
-              transform: [
-                direction === "horizontal" ? { scaleX: lineProgress } : { scaleY: lineProgress }
-              ]
-            },
-            _optionalChain([context, 'optionalAccess', _29 => _29.customAppearance, 'optionalAccess', _30 => _30.activeLine])
-          ]
-        }
-      )
-    )) : null), /* @__PURE__ */ _react2.default.createElement(
-      _reactnative.View,
-      {
-        style: [
-          styles.horizontalContent,
-          { marginTop: sizeStyles.verticalSpacing }
-        ]
-      },
-      title ? /* @__PURE__ */ _react2.default.createElement(
-        _reactnative.Text,
-        {
-          style: [
-            styles.title,
-            {
-              fontSize: sizeStyles.titleFontSize,
-              color: colors.title
-            },
-            _optionalChain([customAppearance, 'optionalAccess', _31 => _31.title])
-          ]
-        },
-        title
-      ) : null,
-      description ? /* @__PURE__ */ _react2.default.createElement(
-        _reactnative.Text,
-        {
-          style: [
-            styles.description,
-            {
-              fontSize: sizeStyles.descriptionFontSize,
-              color: colors.description,
-              marginTop: 2
-            },
-            _optionalChain([customAppearance, 'optionalAccess', _32 => _32.description])
-          ]
-        },
-        description
-      ) : null,
-      children
-    )) : /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.verticalRow }, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: { alignItems: "center" } }, /* @__PURE__ */ _react2.default.createElement(
-      _reactnative.View,
-      {
-        style: [
-          styles.indicator,
-          {
-            width: sizeStyles.indicatorSize,
-            height: sizeStyles.indicatorSize,
-            borderRadius: sizeStyles.indicatorSize / 2,
-            borderWidth: sizeStyles.indicatorBorderWidth,
-            borderColor: isLocked ? colors.lockedIndicatorBorder : isActive ? colors.activeIndicatorBorder : isCompleted ? colors.completedIndicatorBorder : colors.inactiveIndicatorBorder,
-            backgroundColor: isLocked ? colors.lockedIndicatorBackground : isActive ? colors.activeIndicatorBackground : isCompleted ? colors.completedIndicatorBackground : colors.inactiveIndicatorBackground
-          },
-          _optionalChain([customAppearance, 'optionalAccess', _33 => _33.indicator]),
-          isActive && _optionalChain([customAppearance, 'optionalAccess', _34 => _34.activeIndicator]),
-          isCompleted && _optionalChain([customAppearance, 'optionalAccess', _35 => _35.completedIndicator]),
-          isLocked && _optionalChain([customAppearance, 'optionalAccess', _36 => _36.lockedIndicator])
-        ]
-      },
-      indicatorText
-    ), showLines && !isLast ? /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.verticalLineWrap }, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: lineStyle }, /* @__PURE__ */ _react2.default.createElement(
-      _reactnative.View,
-      {
-        style: [styles.lineProgressWrap, styles.lineProgressVertical]
-      },
-      /* @__PURE__ */ _react2.default.createElement(
-        _reactnative.Animated.View,
-        {
-          style: [
-            styles.lineProgress,
-            {
-              backgroundColor: colors.activeLine,
-              transform: [{ scaleY: lineProgress }]
-            },
-            _optionalChain([context, 'optionalAccess', _37 => _37.customAppearance, 'optionalAccess', _38 => _38.activeLine])
-          ]
-        }
-      )
-    ))) : null), /* @__PURE__ */ _react2.default.createElement(
-      _reactnative.View,
-      {
-        style: [
-          styles.verticalContent,
-          { paddingBottom: sizeStyles.verticalGap },
-          { marginLeft: sizeStyles.horizontalSpacing }
-        ]
-      },
-      title ? /* @__PURE__ */ _react2.default.createElement(
-        _reactnative.Text,
-        {
-          style: [
-            styles.title,
-            styles.titleVertical,
-            {
-              fontSize: sizeStyles.titleFontSize,
-              color: colors.title
-            },
-            _optionalChain([customAppearance, 'optionalAccess', _39 => _39.title])
-          ]
-        },
-        title
-      ) : null,
-      description ? /* @__PURE__ */ _react2.default.createElement(
-        _reactnative.Text,
-        {
-          style: [
-            styles.description,
-            styles.descriptionVertical,
-            {
-              fontSize: sizeStyles.descriptionFontSize,
-              color: colors.description,
-              marginTop: 2
-            },
-            _optionalChain([customAppearance, 'optionalAccess', _40 => _40.description])
-          ]
-        },
-        description
-      ) : null,
-      children
-    ))
-  );
-};
-StepperItem.displayName = "StepperItem";
-
-
-
-exports.Stepper = Stepper; exports.StepperItem = StepperItem;

package/dist/stepper/index.d.cts

@@ -1,137 +0,0 @@
-import React, { ReactNode } from 'react';
-import { StyleProp, ViewStyle, TextStyle } from 'react-native';
-import { ThemeColor, Size } from '@xaui/core/types';
-
-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 };