@xaui/native 0.0.26 → 0.0.28

package/dist/stepper/index.cjs

@@ -1,54 +1,22 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"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-HSPTLUFA.cjs');
 
-// src/components/stepper/index.ts
-var stepper_exports = {};
-__export(stepper_exports, {
-  Stepper: () => Stepper,
-  StepperItem: () => StepperItem
-});
-module.exports = __toCommonJS(stepper_exports);
+
+var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
 
 // src/components/stepper/stepper.tsx
-var import_react2 = __toESM(require("react"), 1);
-var import_react_native2 = require("react-native");
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _reactnative = require('react-native');
 
 // src/components/stepper/stepper-context.ts
-var import_react = require("react");
-var StepperContext = (0, import_react.createContext)(
+
+var StepperContext = _react.createContext.call(void 0, 
   void 0
 );
-var useStepperContext = () => (0, import_react.useContext)(StepperContext);
+var useStepperContext = () => _react.useContext.call(void 0, StepperContext);
 
 // src/components/stepper/stepper.style.ts
-var import_react_native = require("react-native");
-var styles = import_react_native.StyleSheet.create({
+
+var styles = _reactnative.StyleSheet.create({
   container: {
     width: "100%"
   },
@@ -151,16 +119,16 @@ var Stepper = ({
   style,
   customAppearance
 }) => {
-  const items = import_react2.default.Children.toArray(children);
-  const keys = (0, import_react2.useMemo)(
+  const items = _react2.default.Children.toArray(children);
+  const keys = _react.useMemo.call(void 0, 
     () => items.map((child) => {
-      if (!import_react2.default.isValidElement(child)) return void 0;
+      if (!_react2.default.isValidElement(child)) return void 0;
       return child.props.itemKey;
     }).filter((key) => typeof key === "string"),
     [items]
   );
-  const [internalActiveKey, setInternalActiveKey] = (0, import_react2.useState)(
-    defaultActiveKey ?? keys[0]
+  const [internalActiveKey, setInternalActiveKey] = _react.useState.call(void 0, 
+    _nullishCoalesce(defaultActiveKey, () => ( keys[0]))
   );
   const isControlled = typeof activeKey === "string";
   const resolvedActiveKey = isControlled ? activeKey : internalActiveKey;
@@ -169,9 +137,9 @@ var Stepper = ({
     if (!isControlled) {
       setInternalActiveKey(key);
     }
-    onStepChange?.(key);
+    _optionalChain([onStepChange, 'optionalCall', _ => _(key)]);
   };
-  const contextValue = (0, import_react2.useMemo)(
+  const contextValue = _react.useMemo.call(void 0, 
     () => ({
       activeKey: resolvedActiveKey,
       activeIndex,
@@ -198,14 +166,14 @@ var Stepper = ({
       customAppearance
     ]
   );
-  return /* @__PURE__ */ import_react2.default.createElement(StepperContext.Provider, { value: contextValue }, /* @__PURE__ */ import_react2.default.createElement(
-    import_react_native2.View,
+  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,
-        customAppearance?.container
+        _optionalChain([customAppearance, 'optionalAccess', _2 => _2.container])
       ]
     },
     children
@@ -213,54 +181,13 @@ var Stepper = ({
 };
 
 // src/components/stepper/stepper-item.tsx
-var import_react9 = __toESM(require("react"), 1);
-var import_react_native6 = require("react-native");
-var import_icons = require("@xaui/icons");
-
-// src/components/stepper/stepper.hook.ts
-var import_react8 = require("react");
-var import_core = require("@xaui/core");
-
-// src/core/theme-context.tsx
-var import_react6 = __toESM(require("react"), 1);
-var import_react_native4 = require("react-native");
-var import_theme = require("@xaui/core/theme");
-var import_palette = require("@xaui/core/palette");
-
-// src/core/portal/portal.tsx
-var import_react4 = require("react");
-
-// src/core/portal/portal-context.ts
-var import_react3 = require("react");
-var PortalContext = (0, import_react3.createContext)(null);
 
-// src/core/portal/portal-host.tsx
-var import_react5 = __toESM(require("react"), 1);
-var import_react_native3 = require("react-native");
-var hostStyles = import_react_native3.StyleSheet.create({
-  container: {
-    flex: 1
-  }
-});
-
-// src/core/theme-context.tsx
-var XUIThemeContext = (0, import_react6.createContext)(null);
-
-// src/core/theme-hooks.ts
-var import_react7 = require("react");
-var import_react_native5 = require("react-native");
-function useXUITheme() {
-  const theme = (0, import_react7.useContext)(XUIThemeContext);
-  if (!theme) {
-    throw new Error("useXUITheme must be used within XUIProvider");
-  }
-  return theme;
-}
 
-// src/core/index.ts
-var import_theme2 = require("@xaui/core/theme");
+var _icons = require('@xaui/icons');
 
 // src/components/stepper/stepper.hook.ts
+
+var _core = require('@xaui/core');
 var sizeMap = {
   sm: {
     indicatorSize: 22,
@@ -294,28 +221,28 @@ var sizeMap = {
   }
 };
 var useStepperSizeStyles = (size) => {
-  return (0, import_react8.useMemo)(() => sizeMap[size], [size]);
+  return _react.useMemo.call(void 0, () => sizeMap[size], [size]);
 };
 var useStepperColors = (themeColor) => {
-  const theme = useXUITheme();
-  const scheme = theme.colors[(0, import_core.getSafeThemeColor)(themeColor)];
-  return (0, import_react8.useMemo)(
+  const theme = _chunkOQ2BLOOGcjs.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.foreground,
-      completedIndicatorBackground: (0, import_core.withOpacity)(scheme.main, 0.2),
+      completedIndicatorBackground: _core.withOpacity.call(void 0, scheme.main, 0.2),
       completedIndicatorBorder: scheme.main,
       completedIndicatorText: scheme.main,
-      lockedIndicatorBackground: (0, import_core.withOpacity)(theme.colors.foreground, 0.08),
-      lockedIndicatorBorder: (0, import_core.withOpacity)(theme.colors.foreground, 0.22),
-      lockedIndicatorText: (0, import_core.withOpacity)(theme.colors.foreground, 0.42),
+      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: (0, import_core.withOpacity)(theme.colors.foreground, 0.22),
-      inactiveIndicatorText: (0, import_core.withOpacity)(theme.colors.foreground, 0.72),
+      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: (0, import_core.withOpacity)(theme.colors.foreground, 0.72),
-      line: (0, import_core.withOpacity)(theme.colors.foreground, 0.16),
+      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]
@@ -337,21 +264,21 @@ var StepperItem = ({
   customAppearance
 }) => {
   const context = useStepperContext();
-  const direction = context?.direction ?? "horizontal";
-  const showLines = context?.showLines ?? true;
-  const lineDisplayMode = context?.lineDisplayMode ?? "progress";
-  const groupDisabled = context?.isDisabled ?? false;
-  const size = context?.size ?? "md";
-  const themeColor = context?.themeColor ?? "primary";
+  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 colors2 = useStepperColors(themeColor);
-  const index = context?.keys.indexOf(itemKey) ?? -1;
-  const isActive = context?.activeKey === itemKey;
-  const hasActiveStep = (context?.activeIndex ?? -1) >= 0;
-  const isCompleted = hasActiveStep && index >= 0 && index < (context?.activeIndex ?? -1);
-  const isLast = index === (context?.keys.length ?? 0) - 1;
+  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 = (0, import_react9.useRef)(new import_react_native6.Animated.Value(lineTargetProgress)).current;
+  const lineProgress = _react.useRef.call(void 0, new _reactnative.Animated.Value(lineTargetProgress)).current;
   const disabled = groupDisabled || isDisabled;
   const blocked = disabled || isLocked;
   const indicatorState = {
@@ -361,7 +288,7 @@ var StepperItem = ({
     isLocked,
     isDisabled: disabled
   };
-  const indicatorNode = (0, import_react9.useMemo)(() => {
+  const indicatorNode = _react.useMemo.call(void 0, () => {
     if (typeof indicator === "function") {
       return indicator(indicatorState);
     }
@@ -370,23 +297,23 @@ var StepperItem = ({
     }
     const iconSize = Math.max(12, Math.floor(sizeStyles.indicatorSize * 0.54));
     if (isLocked) {
-      return /* @__PURE__ */ import_react9.default.createElement(
-        import_icons.LockClosedIcon,
+      return /* @__PURE__ */ _react2.default.createElement(
+        _icons.LockClosedIcon,
         {
           key: `lock-${itemKey}-${isLocked ? "on" : "off"}`,
           size: iconSize,
-          color: colors2.lockedIndicatorText,
+          color: colors.lockedIndicatorText,
           isAnimated: true
         }
       );
     }
     if (isCompleted) {
-      return /* @__PURE__ */ import_react9.default.createElement(
-        import_icons.CheckmarkIcon,
+      return /* @__PURE__ */ _react2.default.createElement(
+        _icons.CheckmarkIcon,
         {
           key: `done-${itemKey}-${isCompleted ? "on" : "off"}`,
           size: iconSize,
-          color: colors2.completedIndicatorText,
+          color: colors.completedIndicatorText,
           isAnimated: true
         }
       );
@@ -399,20 +326,20 @@ var StepperItem = ({
     isLocked,
     isCompleted,
     itemKey,
-    colors2
+    colors
   ]);
-  (0, import_react9.useEffect)(() => {
-    import_react_native6.Animated.timing(lineProgress, {
+  _react.useEffect.call(void 0, () => {
+    _reactnative.Animated.timing(lineProgress, {
       toValue: lineTargetProgress,
       duration: 240,
       useNativeDriver: true
     }).start();
   }, [lineProgress, lineTargetProgress]);
-  const indicatorText = isStringOrNumber(indicatorNode) ? /* @__PURE__ */ import_react9.default.createElement(
-    import_react_native6.Text,
+  const indicatorText = isStringOrNumber(indicatorNode) ? /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Text,
     {
       style: {
-        color: isLocked ? colors2.lockedIndicatorText : isActive ? colors2.activeIndicatorText : isCompleted ? colors2.completedIndicatorText : colors2.inactiveIndicatorText,
+        color: isLocked ? colors.lockedIndicatorText : isActive ? colors.activeIndicatorText : isCompleted ? colors.completedIndicatorText : colors.inactiveIndicatorText,
         fontSize: sizeStyles.titleFontSize,
         fontWeight: "700"
       }
@@ -430,17 +357,17 @@ var StepperItem = ({
       minHeight: sizeStyles.verticalGap
     },
     {
-      backgroundColor: lineDisplayMode === "all" ? colors2.line : "transparent"
+      backgroundColor: lineDisplayMode === "all" ? colors.line : "transparent"
     },
-    context?.customAppearance?.line
+    _optionalChain([context, 'optionalAccess', _17 => _17.customAppearance, 'optionalAccess', _18 => _18.line])
   ];
-  return /* @__PURE__ */ import_react9.default.createElement(
-    import_react_native6.Pressable,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Pressable,
     {
       onPress: () => {
         if (blocked) return;
-        context?.onStepChange?.(itemKey);
-        onPress?.(itemKey);
+        _optionalChain([context, 'optionalAccess', _19 => _19.onStepChange, 'optionalCall', _20 => _20(itemKey)]);
+        _optionalChain([onPress, 'optionalCall', _21 => _21(itemKey)]);
       },
       disabled: blocked,
       accessibilityRole: "tab",
@@ -449,12 +376,12 @@ var StepperItem = ({
         direction === "horizontal" ? styles.horizontalItem : styles.verticalItem,
         blocked && (isLocked ? styles.locked : styles.disabled),
         style,
-        customAppearance?.container,
-        context?.customAppearance?.itemContainer
+        _optionalChain([customAppearance, 'optionalAccess', _22 => _22.container]),
+        _optionalChain([context, 'optionalAccess', _23 => _23.customAppearance, 'optionalAccess', _24 => _24.itemContainer])
       ]
     },
-    direction === "horizontal" ? /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, /* @__PURE__ */ import_react9.default.createElement(import_react_native6.View, { style: styles.horizontalTopRow }, /* @__PURE__ */ import_react9.default.createElement(
-      import_react_native6.View,
+    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,
@@ -463,79 +390,79 @@ var StepperItem = ({
             height: sizeStyles.indicatorSize,
             borderRadius: sizeStyles.indicatorSize / 2,
             borderWidth: sizeStyles.indicatorBorderWidth,
-            borderColor: isLocked ? colors2.lockedIndicatorBorder : isActive ? colors2.activeIndicatorBorder : isCompleted ? colors2.completedIndicatorBorder : colors2.inactiveIndicatorBorder,
-            backgroundColor: isLocked ? colors2.lockedIndicatorBackground : isActive ? colors2.activeIndicatorBackground : isCompleted ? colors2.completedIndicatorBackground : colors2.inactiveIndicatorBackground
+            borderColor: isLocked ? colors.lockedIndicatorBorder : isActive ? colors.activeIndicatorBorder : isCompleted ? colors.completedIndicatorBorder : colors.inactiveIndicatorBorder,
+            backgroundColor: isLocked ? colors.lockedIndicatorBackground : isActive ? colors.activeIndicatorBackground : isCompleted ? colors.completedIndicatorBackground : colors.inactiveIndicatorBackground
           },
-          customAppearance?.indicator,
-          isActive && customAppearance?.activeIndicator,
-          isCompleted && customAppearance?.completedIndicator,
-          isLocked && customAppearance?.lockedIndicator
+          _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__ */ import_react9.default.createElement(import_react_native6.View, { style: lineStyle }, /* @__PURE__ */ import_react9.default.createElement(
-      import_react_native6.View,
+    ), 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__ */ import_react9.default.createElement(
-        import_react_native6.Animated.View,
+      /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Animated.View,
         {
           style: [
             styles.lineProgress,
             {
-              backgroundColor: colors2.activeLine,
+              backgroundColor: colors.activeLine,
               transform: [
                 direction === "horizontal" ? { scaleX: lineProgress } : { scaleY: lineProgress }
               ]
             },
-            context?.customAppearance?.activeLine
+            _optionalChain([context, 'optionalAccess', _29 => _29.customAppearance, 'optionalAccess', _30 => _30.activeLine])
           ]
         }
       )
-    )) : null), /* @__PURE__ */ import_react9.default.createElement(
-      import_react_native6.View,
+    )) : null), /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.View,
       {
         style: [
           styles.horizontalContent,
           { marginTop: sizeStyles.verticalSpacing }
         ]
       },
-      title ? /* @__PURE__ */ import_react9.default.createElement(
-        import_react_native6.Text,
+      title ? /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Text,
         {
           style: [
             styles.title,
             {
               fontSize: sizeStyles.titleFontSize,
-              color: colors2.title
+              color: colors.title
             },
-            customAppearance?.title
+            _optionalChain([customAppearance, 'optionalAccess', _31 => _31.title])
           ]
         },
         title
       ) : null,
-      description ? /* @__PURE__ */ import_react9.default.createElement(
-        import_react_native6.Text,
+      description ? /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Text,
         {
           style: [
             styles.description,
             {
               fontSize: sizeStyles.descriptionFontSize,
-              color: colors2.description,
+              color: colors.description,
               marginTop: 2
             },
-            customAppearance?.description
+            _optionalChain([customAppearance, 'optionalAccess', _32 => _32.description])
           ]
         },
         description
       ) : null,
       children
-    )) : /* @__PURE__ */ import_react9.default.createElement(import_react_native6.View, { style: styles.verticalRow }, /* @__PURE__ */ import_react9.default.createElement(import_react_native6.View, { style: { alignItems: "center" } }, /* @__PURE__ */ import_react9.default.createElement(
-      import_react_native6.View,
+    )) : /* @__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,
@@ -544,36 +471,36 @@ var StepperItem = ({
             height: sizeStyles.indicatorSize,
             borderRadius: sizeStyles.indicatorSize / 2,
             borderWidth: sizeStyles.indicatorBorderWidth,
-            borderColor: isLocked ? colors2.lockedIndicatorBorder : isActive ? colors2.activeIndicatorBorder : isCompleted ? colors2.completedIndicatorBorder : colors2.inactiveIndicatorBorder,
-            backgroundColor: isLocked ? colors2.lockedIndicatorBackground : isActive ? colors2.activeIndicatorBackground : isCompleted ? colors2.completedIndicatorBackground : colors2.inactiveIndicatorBackground
+            borderColor: isLocked ? colors.lockedIndicatorBorder : isActive ? colors.activeIndicatorBorder : isCompleted ? colors.completedIndicatorBorder : colors.inactiveIndicatorBorder,
+            backgroundColor: isLocked ? colors.lockedIndicatorBackground : isActive ? colors.activeIndicatorBackground : isCompleted ? colors.completedIndicatorBackground : colors.inactiveIndicatorBackground
           },
-          customAppearance?.indicator,
-          isActive && customAppearance?.activeIndicator,
-          isCompleted && customAppearance?.completedIndicator,
-          isLocked && customAppearance?.lockedIndicator
+          _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__ */ import_react9.default.createElement(import_react_native6.View, { style: styles.verticalLineWrap }, /* @__PURE__ */ import_react9.default.createElement(import_react_native6.View, { style: lineStyle }, /* @__PURE__ */ import_react9.default.createElement(
-      import_react_native6.View,
+    ), 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__ */ import_react9.default.createElement(
-        import_react_native6.Animated.View,
+      /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Animated.View,
         {
           style: [
             styles.lineProgress,
             {
-              backgroundColor: colors2.activeLine,
+              backgroundColor: colors.activeLine,
               transform: [{ scaleY: lineProgress }]
             },
-            context?.customAppearance?.activeLine
+            _optionalChain([context, 'optionalAccess', _37 => _37.customAppearance, 'optionalAccess', _38 => _38.activeLine])
           ]
         }
       )
-    ))) : null), /* @__PURE__ */ import_react9.default.createElement(
-      import_react_native6.View,
+    ))) : null), /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.View,
       {
         style: [
           styles.verticalContent,
@@ -581,33 +508,33 @@ var StepperItem = ({
           { marginLeft: sizeStyles.horizontalSpacing }
         ]
       },
-      title ? /* @__PURE__ */ import_react9.default.createElement(
-        import_react_native6.Text,
+      title ? /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Text,
         {
           style: [
             styles.title,
             styles.titleVertical,
             {
               fontSize: sizeStyles.titleFontSize,
-              color: colors2.title
+              color: colors.title
             },
-            customAppearance?.title
+            _optionalChain([customAppearance, 'optionalAccess', _39 => _39.title])
           ]
         },
         title
       ) : null,
-      description ? /* @__PURE__ */ import_react9.default.createElement(
-        import_react_native6.Text,
+      description ? /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Text,
         {
           style: [
             styles.description,
             styles.descriptionVertical,
             {
               fontSize: sizeStyles.descriptionFontSize,
-              color: colors2.description,
+              color: colors.description,
               marginTop: 2
             },
-            customAppearance?.description
+            _optionalChain([customAppearance, 'optionalAccess', _40 => _40.description])
           ]
         },
         description
@@ -617,8 +544,7 @@ var StepperItem = ({
   );
 };
 StepperItem.displayName = "StepperItem";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Stepper,
-  StepperItem
-});
+
+
+
+exports.Stepper = Stepper; exports.StepperItem = StepperItem;

package/dist/stepper/index.js

@@ -1,6 +1,7 @@
+import "../chunk-DXXNBF5P.js";
 import {
   useXUITheme
-} from "../chunk-4KSZLONZ.js";
+} from "../chunk-LTKYHG5V.js";
 
 // src/components/stepper/stepper.tsx
 import React, { useMemo, useState } from "react";