react-native-system-ui 0.0.5 → 0.0.7

package/dist/cjs/components/index.js

@@ -111,12 +111,6 @@ Object.defineProperty(exports, "Divider", {
     return _divider.default;
   }
 });
-Object.defineProperty(exports, "DropdownMenu", {
-  enumerable: true,
-  get: function () {
-    return _dropdownMenu.default;
-  }
-});
 Object.defineProperty(exports, "Empty", {
   enumerable: true,
   get: function () {
@@ -165,24 +159,12 @@ Object.defineProperty(exports, "ImagePreview", {
     return _imagePreview.default;
   }
 });
-Object.defineProperty(exports, "IndexBar", {
-  enumerable: true,
-  get: function () {
-    return _indexBar.default;
-  }
-});
 Object.defineProperty(exports, "Input", {
   enumerable: true,
   get: function () {
     return _input.default;
   }
 });
-Object.defineProperty(exports, "List", {
-  enumerable: true,
-  get: function () {
-    return _list.default;
-  }
-});
 Object.defineProperty(exports, "Loading", {
   enumerable: true,
   get: function () {
@@ -219,10 +201,10 @@ Object.defineProperty(exports, "Overlay", {
     return _overlay.default;
   }
 });
-Object.defineProperty(exports, "Pagination", {
+Object.defineProperty(exports, "OverlayProvider", {
   enumerable: true,
   get: function () {
-    return _pagination.default;
+    return _overlay.OverlayProvider;
   }
 });
 Object.defineProperty(exports, "PasswordInput", {
@@ -261,12 +243,6 @@ Object.defineProperty(exports, "Progress", {
     return _progress.default;
   }
 });
-Object.defineProperty(exports, "PullRefresh", {
-  enumerable: true,
-  get: function () {
-    return _pullRefresh.default;
-  }
-});
 Object.defineProperty(exports, "Radio", {
   enumerable: true,
   get: function () {
@@ -279,12 +255,6 @@ Object.defineProperty(exports, "RadioGroup", {
     return _radio.RadioGroup;
   }
 });
-Object.defineProperty(exports, "Rate", {
-  enumerable: true,
-  get: function () {
-    return _rate.default;
-  }
-});
 Object.defineProperty(exports, "SafeAreaView", {
   enumerable: true,
   get: function () {
@@ -393,12 +363,6 @@ Object.defineProperty(exports, "Typography", {
     return _typography.default;
   }
 });
-Object.defineProperty(exports, "Uploader", {
-  enumerable: true,
-  get: function () {
-    return _uploader.default;
-  }
-});
 Object.defineProperty(exports, "WaterMark", {
   enumerable: true,
   get: function () {
@@ -414,7 +378,7 @@ Object.defineProperty(exports, "enUS", {
 Object.defineProperty(exports, "useActionSheetTokens", {
   enumerable: true,
   get: function () {
-    return _tokens39.useActionSheetTokens;
+    return _tokens36.useActionSheetTokens;
   }
 });
 Object.defineProperty(exports, "useAvatarTokens", {
@@ -438,13 +402,13 @@ Object.defineProperty(exports, "useButtonTokens", {
 Object.defineProperty(exports, "useCalendarTokens", {
   enumerable: true,
   get: function () {
-    return _tokens32.useCalendarTokens;
+    return _tokens30.useCalendarTokens;
   }
 });
 Object.defineProperty(exports, "useCascaderTokens", {
   enumerable: true,
   get: function () {
-    return _tokens33.useCascaderTokens;
+    return _tokens31.useCascaderTokens;
   }
 });
 Object.defineProperty(exports, "useCellTokens", {
@@ -468,19 +432,19 @@ Object.defineProperty(exports, "useCircleTokens", {
 Object.defineProperty(exports, "useCollapseTokens", {
   enumerable: true,
   get: function () {
-    return _tokens26.useCollapseTokens;
+    return _tokens25.useCollapseTokens;
   }
 });
 Object.defineProperty(exports, "useCountDownTokens", {
   enumerable: true,
   get: function () {
-    return _tokens45.useCountDownTokens;
+    return _tokens39.useCountDownTokens;
   }
 });
 Object.defineProperty(exports, "useDialogTokens", {
   enumerable: true,
   get: function () {
-    return _tokens29.useDialogTokens;
+    return _tokens27.useDialogTokens;
   }
 });
 Object.defineProperty(exports, "useDividerTokens", {
@@ -489,12 +453,6 @@ Object.defineProperty(exports, "useDividerTokens", {
     return _tokens5.useDividerTokens;
   }
 });
-Object.defineProperty(exports, "useDropdownMenuTokens", {
-  enumerable: true,
-  get: function () {
-    return _tokens41.useDropdownMenuTokens;
-  }
-});
 Object.defineProperty(exports, "useEmptyTokens", {
   enumerable: true,
   get: function () {
@@ -522,7 +480,7 @@ Object.defineProperty(exports, "useGridTokens", {
 Object.defineProperty(exports, "useImagePreviewTokens", {
   enumerable: true,
   get: function () {
-    return _tokens44.useImagePreviewTokens;
+    return _tokens38.useImagePreviewTokens;
   }
 });
 Object.defineProperty(exports, "useImageTokens", {
@@ -531,24 +489,12 @@ Object.defineProperty(exports, "useImageTokens", {
     return _image.useImageTokens;
   }
 });
-Object.defineProperty(exports, "useIndexBarTokens", {
-  enumerable: true,
-  get: function () {
-    return _tokens38.useIndexBarTokens;
-  }
-});
 Object.defineProperty(exports, "useInputTokens", {
   enumerable: true,
   get: function () {
     return _tokens0.useInputTokens;
   }
 });
-Object.defineProperty(exports, "useListTokens", {
-  enumerable: true,
-  get: function () {
-    return _tokens42.useListTokens;
-  }
-});
 Object.defineProperty(exports, "useLoadingTokens", {
   enumerable: true,
   get: function () {
@@ -564,7 +510,7 @@ Object.defineProperty(exports, "useLocale", {
 Object.defineProperty(exports, "useNavBarTokens", {
   enumerable: true,
   get: function () {
-    return _tokens36.useNavBarTokens;
+    return _tokens34.useNavBarTokens;
   }
 });
 Object.defineProperty(exports, "useNoticeBarTokens", {
@@ -576,37 +522,25 @@ Object.defineProperty(exports, "useNoticeBarTokens", {
 Object.defineProperty(exports, "useNotifyTokens", {
   enumerable: true,
   get: function () {
-    return _tokens31.useNotifyTokens;
+    return _tokens29.useNotifyTokens;
   }
 });
 Object.defineProperty(exports, "useNumberKeyboardTokens", {
   enumerable: true,
   get: function () {
-    return _tokens25.useNumberKeyboardTokens;
-  }
-});
-Object.defineProperty(exports, "useOverlayTokens", {
-  enumerable: true,
-  get: function () {
-    return _tokens28.useOverlayTokens;
-  }
-});
-Object.defineProperty(exports, "usePaginationTokens", {
-  enumerable: true,
-  get: function () {
-    return _tokens47.usePaginationTokens;
+    return _tokens24.useNumberKeyboardTokens;
   }
 });
 Object.defineProperty(exports, "usePickerTokens", {
   enumerable: true,
   get: function () {
-    return _tokens24.usePickerTokens;
+    return _tokens23.usePickerTokens;
   }
 });
 Object.defineProperty(exports, "usePopupTokens", {
   enumerable: true,
   get: function () {
-    return _tokens27.usePopupTokens;
+    return _tokens26.usePopupTokens;
   }
 });
 Object.defineProperty(exports, "useProgressTokens", {
@@ -615,46 +549,34 @@ Object.defineProperty(exports, "useProgressTokens", {
     return _tokens16.useProgressTokens;
   }
 });
-Object.defineProperty(exports, "usePullRefreshTokens", {
-  enumerable: true,
-  get: function () {
-    return _tokens43.usePullRefreshTokens;
-  }
-});
 Object.defineProperty(exports, "useRadioTokens", {
   enumerable: true,
   get: function () {
     return _tokens8.useRadioTokens;
   }
 });
-Object.defineProperty(exports, "useRateTokens", {
-  enumerable: true,
-  get: function () {
-    return _tokens21.useRateTokens;
-  }
-});
 Object.defineProperty(exports, "useSearchTokens", {
   enumerable: true,
   get: function () {
-    return _tokens23.useSearchTokens;
+    return _tokens22.useSearchTokens;
   }
 });
 Object.defineProperty(exports, "useSelectorTokens", {
   enumerable: true,
   get: function () {
-    return _tokens22.useSelectorTokens;
+    return _tokens21.useSelectorTokens;
   }
 });
 Object.defineProperty(exports, "useShareSheetTokens", {
   enumerable: true,
   get: function () {
-    return _tokens40.useShareSheetTokens;
+    return _tokens37.useShareSheetTokens;
   }
 });
 Object.defineProperty(exports, "useSidebarTokens", {
   enumerable: true,
   get: function () {
-    return _tokens37.useSidebarTokens;
+    return _tokens35.useSidebarTokens;
   }
 });
 Object.defineProperty(exports, "useSkeletonTokens", {
@@ -696,13 +618,13 @@ Object.defineProperty(exports, "useSwitchTokens", {
 Object.defineProperty(exports, "useTabbarTokens", {
   enumerable: true,
   get: function () {
-    return _tokens35.useTabbarTokens;
+    return _tokens33.useTabbarTokens;
   }
 });
 Object.defineProperty(exports, "useTabsTokens", {
   enumerable: true,
   get: function () {
-    return _tokens34.useTabsTokens;
+    return _tokens32.useTabsTokens;
   }
 });
 Object.defineProperty(exports, "useTagTokens", {
@@ -714,7 +636,7 @@ Object.defineProperty(exports, "useTagTokens", {
 Object.defineProperty(exports, "useToastTokens", {
   enumerable: true,
   get: function () {
-    return _tokens30.useToastTokens;
+    return _tokens28.useToastTokens;
   }
 });
 Object.defineProperty(exports, "useTypographyTokens", {
@@ -723,16 +645,10 @@ Object.defineProperty(exports, "useTypographyTokens", {
     return _tokens13.useTypographyTokens;
   }
 });
-Object.defineProperty(exports, "useUploaderTokens", {
-  enumerable: true,
-  get: function () {
-    return _uploader.useUploaderTokens;
-  }
-});
 Object.defineProperty(exports, "useWaterMarkTokens", {
   enumerable: true,
   get: function () {
-    return _tokens46.useWaterMarkTokens;
+    return _tokens40.useWaterMarkTokens;
   }
 });
 Object.defineProperty(exports, "zhCN", {
@@ -787,68 +703,54 @@ var _slider = _interopRequireDefault(require("./slider"));
 var _tokens19 = require("./slider/tokens");
 var _stepper = _interopRequireDefault(require("./stepper"));
 var _tokens20 = require("./stepper/tokens");
-var _rate = _interopRequireDefault(require("./rate"));
-var _tokens21 = require("./rate/tokens");
 var _selector = _interopRequireDefault(require("./selector"));
-var _tokens22 = require("./selector/tokens");
+var _tokens21 = require("./selector/tokens");
 var _search = _interopRequireDefault(require("./search"));
-var _tokens23 = require("./search/tokens");
+var _tokens22 = require("./search/tokens");
 var _passwordInput = _interopRequireDefault(require("./password-input"));
 var _picker = _interopRequireDefault(require("./picker"));
-var _tokens24 = require("./picker/tokens");
+var _tokens23 = require("./picker/tokens");
 var _numberKeyboard = _interopRequireDefault(require("./number-keyboard"));
-var _tokens25 = require("./number-keyboard/tokens");
+var _tokens24 = require("./number-keyboard/tokens");
 var _collapse = _interopRequireDefault(require("./collapse"));
-var _tokens26 = require("./collapse/tokens");
+var _tokens25 = require("./collapse/tokens");
 var _popup = _interopRequireDefault(require("./popup"));
-var _tokens27 = require("./popup/tokens");
-var _overlay = _interopRequireDefault(require("./overlay"));
-var _tokens28 = require("./overlay/tokens");
+var _tokens26 = require("./popup/tokens");
+var _overlay = _interopRequireWildcard(require("./overlay"));
 var _dialog = _interopRequireDefault(require("./dialog"));
-var _tokens29 = require("./dialog/tokens");
+var _tokens27 = require("./dialog/tokens");
 var _toast = _interopRequireDefault(require("./toast"));
-var _tokens30 = require("./toast/tokens");
+var _tokens28 = require("./toast/tokens");
 var _notify = _interopRequireDefault(require("./notify"));
-var _tokens31 = require("./notify/tokens");
+var _tokens29 = require("./notify/tokens");
 var _portal = require("./portal");
 var _safeAreaView = require("./safe-area-view");
 var _configProvider = require("./config-provider");
 var _datetimePicker = _interopRequireDefault(require("./datetime-picker"));
 var _calendar = _interopRequireDefault(require("./calendar"));
-var _tokens32 = require("./calendar/tokens");
+var _tokens30 = require("./calendar/tokens");
 var _cascader = _interopRequireDefault(require("./cascader"));
-var _tokens33 = require("./cascader/tokens");
+var _tokens31 = require("./cascader/tokens");
 var _tabs = _interopRequireDefault(require("./tabs"));
-var _tokens34 = require("./tabs/tokens");
+var _tokens32 = require("./tabs/tokens");
 var _tabbar = _interopRequireDefault(require("./tabbar"));
-var _tokens35 = require("./tabbar/tokens");
+var _tokens33 = require("./tabbar/tokens");
 var _navBar = _interopRequireDefault(require("./nav-bar"));
-var _tokens36 = require("./nav-bar/tokens");
+var _tokens34 = require("./nav-bar/tokens");
 var _sidebar = _interopRequireDefault(require("./sidebar"));
-var _tokens37 = require("./sidebar/tokens");
-var _indexBar = _interopRequireDefault(require("./index-bar"));
-var _tokens38 = require("./index-bar/tokens");
+var _tokens35 = require("./sidebar/tokens");
 var _actionSheet = _interopRequireDefault(require("./action-sheet"));
-var _tokens39 = require("./action-sheet/tokens");
+var _tokens36 = require("./action-sheet/tokens");
 var _shareSheet = _interopRequireDefault(require("./share-sheet"));
-var _tokens40 = require("./share-sheet/tokens");
-var _dropdownMenu = _interopRequireDefault(require("./dropdown-menu"));
-var _tokens41 = require("./dropdown-menu/tokens");
+var _tokens37 = require("./share-sheet/tokens");
 var _area = _interopRequireDefault(require("./area"));
-var _list = _interopRequireDefault(require("./list"));
-var _tokens42 = require("./list/tokens");
-var _pullRefresh = _interopRequireDefault(require("./pull-refresh"));
-var _tokens43 = require("./pull-refresh/tokens");
 var _imagePreview = _interopRequireDefault(require("./image-preview"));
-var _tokens44 = require("./image-preview/tokens");
+var _tokens38 = require("./image-preview/tokens");
 var _swiper = _interopRequireWildcard(require("./swiper"));
-var _uploader = _interopRequireWildcard(require("./uploader"));
 var _skeleton = _interopRequireWildcard(require("./skeleton"));
 var _countDown = _interopRequireDefault(require("./count-down"));
-var _tokens45 = require("./count-down/tokens");
+var _tokens39 = require("./count-down/tokens");
 var _waterMark = _interopRequireDefault(require("./water-mark"));
-var _tokens46 = require("./water-mark/tokens");
-var _pagination = _interopRequireDefault(require("./pagination"));
-var _tokens47 = require("./pagination/tokens");
+var _tokens40 = require("./water-mark/tokens");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/components/input/Input.js

@@ -18,6 +18,18 @@ var _tokens2 = require("./tokens");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const mapKeyboardType = type => {
+  switch (type) {
+    case 'number':
+      return 'decimal-pad';
+    case 'digit':
+      return 'number-pad';
+    case 'tel':
+      return 'phone-pad';
+    default:
+      return undefined;
+  }
+};
 const InputComponent = /*#__PURE__*/_react().default.forwardRef((props, ref) => {
   const {
     type,
@@ -29,6 +41,7 @@ const InputComponent = /*#__PURE__*/_react().default.forwardRef((props, ref) =>
     onChangeText,
     showWordLimit,
     style,
+    inputStyle,
     fieldTokensOverride,
     tokensOverride,
     ...rest
@@ -49,12 +62,12 @@ const InputComponent = /*#__PURE__*/_react().default.forwardRef((props, ref) =>
   }), []);
   const resolvedInputAlign = align ?? inputAlignProp ?? tokens.defaults.inputAlign;
   const resolvedClearTrigger = clearTriggerOverride ?? tokens.defaults.clearTrigger;
-  const resolvedKeyboardType = keyboardTypeProp ?? (type === 'number' ? 'decimal-pad' : undefined);
-  const fieldStyle = [{
+  const resolvedKeyboardType = keyboardTypeProp ?? mapKeyboardType(type);
+  const fieldStyle = (0, _react().useMemo)(() => [{
     paddingHorizontal: tokens.spacing.paddingHorizontal,
     paddingVertical: tokens.spacing.paddingVertical,
     backgroundColor: tokens.colors.background
-  }, style];
+  }, style], [style, tokens.colors.background, tokens.spacing.paddingHorizontal, tokens.spacing.paddingVertical]);
   return /*#__PURE__*/_react().default.createElement(_field.default, _extends({
     ref: inputRef
   }, rest, {
@@ -65,6 +78,7 @@ const InputComponent = /*#__PURE__*/_react().default.forwardRef((props, ref) =>
     inputAlign: resolvedInputAlign,
     clearTrigger: resolvedClearTrigger,
     style: fieldStyle,
+    inputStyle: inputStyle,
     showWordLimit: showWordLimit,
     onChangeText: handleChangeText
   }));
@@ -81,14 +95,14 @@ const TextArea = exports.TextArea = /*#__PURE__*/_react().default.forwardRef((pr
     if (!(0, _validate.isFiniteNumber)(height) || height <= 0) return undefined;
     return Math.max(1, Math.round(height / lineHeight));
   }, [lineHeight]);
-  const resolvedAutoSize = !autoSize || (0, _validate.isBoolean)(autoSize) ? autoSize : (() => {
+  const resolvedAutoSize = (0, _react().useMemo)(() => !autoSize || (0, _validate.isBoolean)(autoSize) ? autoSize : (() => {
     const minRows = toRows(autoSize.minHeight);
     const maxRows = toRows(autoSize.maxHeight);
     return minRows || maxRows ? {
       minRows,
       maxRows
     } : undefined;
-  })();
+  })(), [autoSize, toRows]);
   return /*#__PURE__*/_react().default.createElement(InputComponent, _extends({
     ref: ref
   }, rest, {

package/dist/cjs/components/loading/Loading.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Loading = void 0;
 function _react() {
-  const data = _interopRequireWildcard(require("react"));
+  const data = _interopRequireDefault(require("react"));
   _react = function () {
     return data;
   };
@@ -18,11 +18,9 @@ function _reactNative() {
   };
   return data;
 }
-var _platform = require("../../platform");
-var _color = require("../../utils/color");
 var _validate = require("../../utils/validate");
 var _tokens = require("./tokens");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const Loading = props => {
   const {
@@ -31,8 +29,9 @@ const Loading = props => {
     size: sizeProp,
     textSize: textSizeProp,
     textColor: textColorProp,
-    type: typeProp,
     vertical: verticalProp,
+    accessibilityLabel,
+    ['aria-label']: ariaLabel,
     style,
     textStyle,
     contentStyle,
@@ -44,142 +43,14 @@ const Loading = props => {
   const size = sizeProp ?? tokens.defaults.size;
   const textSize = textSizeProp ?? tokens.defaults.textSize;
   const textColor = textColorProp ?? tokens.colors.text;
-  const type = typeProp ?? tokens.defaults.type;
   const vertical = verticalProp ?? tokens.defaults.vertical;
-  const spinValue = (0, _react().useRef)(new (_reactNative().Animated.Value)(0)).current;
-  (0, _react().useEffect)(() => {
-    if (type === 'spinner' || type === 'circular' || type === 'ball') {
-      spinValue.setValue(0);
-      const animation = _reactNative().Animated.loop(_reactNative().Animated.timing(spinValue, {
-        toValue: 1,
-        duration: 1000,
-        easing: _reactNative().Easing.linear,
-        useNativeDriver: _platform.nativeDriverEnabled
-      }));
-      animation.start();
-      return () => animation.stop();
-    }
-    return undefined;
-  }, [type]);
-  const rotateValue = spinValue.interpolate({
-    inputRange: [0, 1],
-    outputRange: ['0deg', '360deg']
+  const resolvedAccessibilityLabel = ariaLabel ?? accessibilityLabel ?? 'loading';
+  const indicator = /*#__PURE__*/_react().default.createElement(_reactNative().ActivityIndicator, {
+    testID: "rv-loading-spinner",
+    size: size,
+    color: color,
+    accessibilityLabel: resolvedAccessibilityLabel
   });
-  const renderCircular = () => {
-    const thickness = Math.max(2, Math.min(size / 8, 6));
-    const trackColor = (0, _color.withAlpha)(color, 0.2);
-    return /*#__PURE__*/_react().default.createElement(_reactNative().Animated.View, {
-      testID: "rv-loading-circular",
-      style: {
-        width: size,
-        height: size,
-        transform: [{
-          rotate: rotateValue
-        }]
-      }
-    }, /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-      pointerEvents: "none",
-      style: {
-        width: size,
-        height: size,
-        borderRadius: size / 2,
-        borderWidth: thickness,
-        borderColor: trackColor,
-        borderTopColor: color
-      }
-    }));
-  };
-  const renderSpinner = () => {
-    const innerGap = Math.min(size / 2 - 1, Math.max(0, tokens.sizing.spinner.innerGapRatio * size));
-    const lineWidth = Math.max(1, Math.min(size / 3, size / tokens.defaults.size * tokens.sizing.spinner.lineWidth));
-    const scaledLength = size / tokens.defaults.size * tokens.sizing.spinner.lineLength;
-    const maxLength = Math.max(2, size / 2 - innerGap);
-    const lineLength = Math.max(2, Math.min(maxLength, Math.max(tokens.sizing.spinner.lineLength, scaledLength)));
-    return /*#__PURE__*/_react().default.createElement(_reactNative().Animated.View, {
-      testID: "rv-loading-spinner",
-      style: {
-        width: size,
-        height: size,
-        transform: [{
-          rotate: rotateValue
-        }]
-      }
-    }, Array.from({
-      length: tokens.sizing.spinner.itemCount
-    }, (_, index) => {
-      const angle = index * 360 / tokens.sizing.spinner.itemCount;
-      const opacity = 0.2 + index / tokens.sizing.spinner.itemCount * 0.8;
-      return /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-        key: index,
-        pointerEvents: "none",
-        style: [tokens.layout.spinnerItem, {
-          transform: [{
-            rotate: `${angle}deg`
-          }]
-        }]
-      }, /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-        style: [{
-          width: lineWidth,
-          height: lineLength,
-          borderRadius: lineWidth / 2,
-          backgroundColor: color,
-          opacity,
-          marginTop: size / 2 - lineLength - innerGap
-        }]
-      }));
-    }));
-  };
-  const renderBall = () => {
-    const itemCount = tokens.sizing.ball.itemCount;
-    const dotSize = Math.max(2, Math.round(size * tokens.sizing.ball.dotSizeRatio));
-    const gap = Math.max(1, Math.round(size * tokens.sizing.ball.gapRatio));
-    const totalWidth = dotSize * itemCount + gap * (itemCount - 1);
-    const pulseWidth = 0.4 / itemCount;
-    return /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-      testID: "rv-loading-ball",
-      style: {
-        width: totalWidth,
-        height: size,
-        alignItems: 'center',
-        justifyContent: 'center'
-      }
-    }, /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-      style: {
-        flexDirection: 'row',
-        alignItems: 'center'
-      }
-    }, Array.from({
-      length: itemCount
-    }, (_, index) => {
-      const center = (index + 0.5) / itemCount;
-      const left = Math.max(0, center - pulseWidth);
-      const right = Math.min(1, center + pulseWidth);
-      const scale = spinValue.interpolate({
-        inputRange: [0, left, center, right, 1],
-        outputRange: [tokens.sizing.ball.dotScaleMin, tokens.sizing.ball.dotScaleMin, 1, tokens.sizing.ball.dotScaleMin, tokens.sizing.ball.dotScaleMin]
-      });
-      const opacity = spinValue.interpolate({
-        inputRange: [0, left, center, right, 1],
-        outputRange: [0.4, 0.4, 1, 0.4, 0.4]
-      });
-      return /*#__PURE__*/_react().default.createElement(_reactNative().Animated.View, {
-        key: index,
-        pointerEvents: "none",
-        style: {
-          width: dotSize,
-          height: dotSize,
-          borderRadius: dotSize / 2,
-          backgroundColor: color,
-          marginRight: index === itemCount - 1 ? 0 : gap,
-          opacity,
-          transform: [{
-            scale
-          }]
-        }
-      });
-    })));
-  };
-  const indicator = type === 'spinner' ? renderSpinner() : type === 'ball' ? renderBall() : renderCircular();
   const hasChildren = children !== undefined && children !== null && children !== false;
   const textSpacingStyle = {
     marginLeft: vertical ? 0 : tokens.spacing.gap,