@oxyhq/services 19.0.1 → 19.1.0

package/lib/module/ui/components/StepBasedScreen.js

@@ -1,418 +0,0 @@
-"use strict";
-
-import { useState, useRef, useCallback, useMemo, useEffect } from 'react';
-import { View, Platform } from 'react-native';
-import Animated, { useSharedValue, useAnimatedStyle, withTiming } from 'react-native-reanimated';
-import { useTheme } from '@oxyhq/bloom/theme';
-import { createAuthStyles } from "../styles/authStyles.js";
-import { screenContentStyle } from "../constants/spacing.js";
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function isVoidCallback(value) {
-  return typeof value === 'function';
-}
-function isAuthenticatedCallback(value) {
-  return typeof value === 'function';
-}
-// Individual animated progress dot
-const AnimatedProgressDot = ({
-  isActive,
-  colors,
-  styles
-}) => {
-  const width = useSharedValue(isActive ? 12 : 6);
-  const backgroundColor = useSharedValue(isActive ? colors.primary : colors.border);
-  useEffect(() => {
-    width.value = withTiming(isActive ? 12 : 6, {
-      duration: 300
-    });
-    backgroundColor.value = withTiming(isActive ? colors.primary : colors.border, {
-      duration: 300
-    });
-  }, [isActive, colors.primary, colors.border, width, backgroundColor]);
-  const animatedStyle = useAnimatedStyle(() => ({
-    width: width.value,
-    backgroundColor: backgroundColor.value
-  }));
-  return /*#__PURE__*/_jsx(Animated.View, {
-    style: [styles.progressDot, animatedStyle]
-  });
-};
-
-// Progress indicator component
-const ProgressIndicator = ({
-  currentStep,
-  totalSteps,
-  colors,
-  styles
-}) => /*#__PURE__*/_jsx(View, {
-  style: styles.progressContainer,
-  children: Array.from({
-    length: totalSteps
-  }, (_, index) => /*#__PURE__*/_jsx(AnimatedProgressDot
-  // biome-ignore lint/suspicious/noArrayIndexKey: progress dots are static and have no stable IDs
-  , {
-    isActive: currentStep === index,
-    colors: colors,
-    styles: styles
-  }, index))
-});
-
-// Step container - animations are now handled by router
-
-const StepBasedScreen = ({
-  steps,
-  initialStep = 0,
-  showProgressIndicator = true,
-  enableAnimations = true,
-  onStepChange,
-  onComplete,
-  stepData = [],
-  navigate,
-  goBack,
-  onAuthenticated,
-  theme,
-  oxyServices,
-  stepControllerRef,
-  currentScreen,
-  // Current screen name for router-based step navigation
-  getNavigationProps // Optional callback to extract navigation props from screen state
-}) => {
-  // ========================================================================
-  // State Management
-  // ========================================================================
-  // Router now handles step navigation - we just track step data
-  const [state, setState] = useState({
-    stepData: [...stepData]
-  });
-
-  // Current step comes from router via initialStep prop
-  const currentStep = initialStep ?? 0;
-
-  // ========================================================================
-  // Computed Values
-  // ========================================================================
-  const bloomTheme = useTheme();
-  const colors = bloomTheme.colors;
-  const themeString = bloomTheme.mode;
-  // Map bloom theme colors to AuthThemeColors shape for createAuthStyles
-  const authColors = useMemo(() => ({
-    text: colors.text,
-    background: colors.background,
-    inputBackground: colors.backgroundSecondary,
-    placeholder: colors.textTertiary,
-    primary: colors.primary,
-    border: colors.border,
-    error: colors.error,
-    success: colors.success,
-    warning: colors.warning,
-    secondaryText: colors.textSecondary
-  }), [colors]);
-  const insets = useSafeAreaInsets();
-  const styles = useMemo(() => ({
-    ...createAuthStyles(authColors, themeString),
-    // Additional styles for step components
-    modernHeader: {
-      alignItems: 'flex-start',
-      width: '100%',
-      marginBottom: 24
-    },
-    modernTitle: {
-      fontWeight: Platform.OS === 'web' ? 'bold' : undefined,
-      fontSize: 42,
-      lineHeight: 50.4,
-      // 42 * 1.2
-      marginBottom: 12,
-      textAlign: 'left'
-    },
-    modernSubtitle: {
-      fontSize: 18,
-      lineHeight: 24,
-      textAlign: 'left',
-      opacity: 0.8
-    },
-    modernInputContainer: {
-      width: '100%'
-    },
-    button: {
-      flexDirection: 'row',
-      alignItems: 'center',
-      justifyContent: 'center',
-      paddingVertical: 18,
-      paddingHorizontal: 32,
-      borderRadius: 16,
-      marginVertical: 8,
-      gap: 8,
-      width: '100%',
-      ...Platform.select({
-        web: {
-          boxShadow: '0 4px 8px rgba(0,0,0,0.3)'
-        },
-        default: {
-          shadowOffset: {
-            width: 0,
-            height: 4
-          },
-          shadowOpacity: 0.3,
-          shadowRadius: 8,
-          elevation: 6
-        }
-      })
-    },
-    buttonText: {
-      color: colors.card,
-      fontSize: 16,
-      fontWeight: '600',
-      letterSpacing: 0.5
-    },
-    footerText: {
-      fontSize: 14,
-      lineHeight: 20
-    },
-    footerTextContainer: {
-      flexDirection: 'row',
-      justifyContent: 'center',
-      marginTop: 16
-    },
-    linkText: {
-      fontSize: 14,
-      lineHeight: 20,
-      fontWeight: '600',
-      textDecorationLine: 'underline'
-    },
-    progressContainer: {
-      flexDirection: 'row',
-      width: '100%',
-      justifyContent: 'center',
-      marginTop: 24,
-      // Space for bottom sheet handle (~20px) + small buffer
-      marginBottom: 0 // BottomSheet handles all bottom spacing
-    },
-    progressDot: {
-      height: 6,
-      width: 6,
-      borderRadius: 3,
-      marginHorizontal: 3,
-      backgroundColor: colors.border
-    }
-  }), [authColors, colors, themeString]);
-
-  // ========================================================================
-  // Animation Values (removed - router handles animations now)
-  // ========================================================================
-
-  // ========================================================================
-  // Refs for Callbacks
-  // ========================================================================
-  const onStepChangeRef = useRef(onStepChange);
-  const onCompleteRef = useRef(onComplete);
-  onStepChangeRef.current = onStepChange;
-  onCompleteRef.current = onComplete;
-
-  // ========================================================================
-  // Effects
-  // ========================================================================
-  useEffect(() => {
-    setState(prevState => ({
-      ...prevState,
-      stepData: [...stepData]
-    }));
-  }, [stepData]);
-
-  // ========================================================================
-  // Step Data Management
-  // ========================================================================
-  const updateStepData = useCallback((stepIndex, data) => {
-    setState(prev => {
-      const nextStepData = prev.stepData.slice();
-      nextStepData[stepIndex] = data;
-      return {
-        ...prev,
-        stepData: nextStepData
-      };
-    });
-  }, []);
-
-  // ========================================================================
-  // Step Change Effects
-  // ========================================================================
-  // Router handles all step navigation - we just respond to prop changes
-  useEffect(() => {
-    // Validate step
-    if (currentStep < 0 || currentStep >= steps.length) {
-      if (__DEV__) {
-        console.warn('StepBasedScreen: invalid step', currentStep);
-      }
-      return;
-    }
-
-    // Call onEnter for current step
-    const currentStepConfig = steps[currentStep];
-    currentStepConfig?.onEnter?.();
-
-    // Notify parent of step change
-    onStepChangeRef.current?.(currentStep, steps.length);
-
-    // Cleanup: call onExit when step changes
-    return () => {
-      if (currentStepConfig?.onExit) {
-        currentStepConfig.onExit();
-      }
-    };
-  }, [currentStep, steps]);
-
-  // ========================================================================
-  // Step Navigation
-  // ========================================================================
-  // All step navigation is now handled by router - these functions use router's navigate/goBack
-  const nextStep = useCallback(() => {
-    const currentStepConfig = steps[currentStep];
-    if (currentStepConfig?.canProceed) {
-      const stepData = state.stepData[currentStep];
-      if (!currentStepConfig.canProceed(stepData)) {
-        return; // Step validation failed
-      }
-    }
-    if (currentStep < steps.length - 1) {
-      const nextStepIndex = currentStep + 1;
-
-      // Extract props to preserve them across navigation
-      const navigationProps = {
-        initialStep: nextStepIndex
-      };
-
-      // Use extraction callback if provided
-      if (getNavigationProps) {
-        const extractedProps = getNavigationProps();
-        Object.assign(navigationProps, extractedProps);
-      } else {
-        // Fallback: Extract props from stepData
-        const step0Data = stepData[0] || {};
-        const currentStepData = stepData[currentStep] || {};
-        if (step0Data.username || currentStepData.username) {
-          navigationProps.username = step0Data.username || currentStepData.username;
-        }
-        if (step0Data.userProfile || currentStepData.userProfile) {
-          navigationProps.userProfile = step0Data.userProfile || currentStepData.userProfile;
-        }
-        if (step0Data.email || currentStepData.email) {
-          navigationProps.email = step0Data.email || currentStepData.email;
-        }
-      }
-
-      // Router handles step navigation with animations
-      if (currentScreen && navigate && typeof currentScreen === 'string') {
-        navigate(currentScreen, navigationProps);
-      }
-    } else {
-      // Final step - call onComplete
-      onCompleteRef.current?.(state.stepData);
-    }
-  }, [currentStep, steps, currentScreen, navigate, state.stepData, getNavigationProps, stepData]);
-  const prevStep = useCallback(() => {
-    // Use router's goBack - it handles step navigation automatically
-    if (currentStep > 0 && typeof goBack === 'function') {
-      goBack();
-    } else if (typeof goBack === 'function') {
-      // On first step, goBack will check screen history or close
-      goBack();
-    }
-  }, [currentStep, goBack]);
-  const goToStep = useCallback(stepIndex => {
-    if (stepIndex < 0 || stepIndex >= steps.length || stepIndex === currentStep) return;
-
-    // Extract props to preserve state
-    const navigationProps = {
-      initialStep: stepIndex
-    };
-    if (getNavigationProps) {
-      const extractedProps = getNavigationProps();
-      Object.assign(navigationProps, extractedProps);
-    } else {
-      const step0Data = stepData[0] || {};
-      if (step0Data.username) navigationProps.username = step0Data.username;
-      if (step0Data.userProfile) navigationProps.userProfile = step0Data.userProfile;
-      if (step0Data.email) navigationProps.email = step0Data.email;
-    }
-
-    // Router handles step navigation with animations
-    if (currentScreen && navigate && typeof currentScreen === 'string') {
-      navigate(currentScreen, navigationProps);
-    }
-  }, [currentStep, steps, currentScreen, navigate, stepData, getNavigationProps]);
-
-  // ========================================================================
-  // Step Controller Exposure
-  // ========================================================================
-  useEffect(() => {
-    if (!stepControllerRef || typeof stepControllerRef !== 'object' || !('current' in stepControllerRef)) return;
-    stepControllerRef.current = {
-      canGoBack: () => currentStep > 0,
-      goBack: prevStep
-    };
-    return () => {
-      if (stepControllerRef && typeof stepControllerRef === 'object' && 'current' in stepControllerRef) {
-        stepControllerRef.current = null;
-      }
-    };
-  }, [currentStep, prevStep, stepControllerRef]);
-
-  // ========================================================================
-  // Step Component & Props
-  // ========================================================================
-  const currentStepConfig = steps[currentStep];
-  const CurrentStepComponent = currentStepConfig?.component;
-  const updateCurrentStepData = useCallback(data => updateStepData(currentStep, data), [currentStep, updateStepData]);
-  const normalizedTheme = typeof theme === 'string' ? theme : undefined;
-  const normalizedGoBack = isVoidCallback(goBack) ? goBack : undefined;
-  const normalizedOnAuthenticated = isAuthenticatedCallback(onAuthenticated) ? onAuthenticated : undefined;
-  const baseStepProps = useMemo(() => ({
-    theme: normalizedTheme,
-    navigate,
-    goBack: normalizedGoBack,
-    onAuthenticated: normalizedOnAuthenticated
-  }), [normalizedTheme, navigate, normalizedGoBack, normalizedOnAuthenticated]);
-  const stepProps = useMemo(() => ({
-    ...currentStepConfig?.props,
-    // Step data - spread before base props so navigation/auth props remain stable.
-    ...state.stepData[currentStep],
-    // Common props
-    ...baseStepProps,
-    colors,
-    styles,
-    oxyServices,
-    // Step navigation
-    nextStep,
-    prevStep,
-    goToStep,
-    currentStep: currentStep,
-    totalSteps: steps.length,
-    // Step data management
-    updateStepData: updateCurrentStepData,
-    allStepData: state.stepData
-  }), [currentStepConfig?.props, baseStepProps, colors, styles, oxyServices, nextStep, prevStep, goToStep, currentStep, state.stepData, steps.length, updateCurrentStepData]);
-
-  // Pure content wrapper - all layout is handled by BottomSheetRouter
-  // This component only renders content, no layout calculations
-  // Add safe area insets to bottom padding so content doesn't sit under safe area
-  const contentStyle = useMemo(() => ({
-    ...screenContentStyle,
-    paddingBottom: screenContentStyle.paddingBottom + insets.bottom
-  }), [insets.bottom]);
-  return /*#__PURE__*/_jsxs(View, {
-    style: contentStyle,
-    children: [showProgressIndicator && steps.length > 1 && /*#__PURE__*/_jsx(ProgressIndicator, {
-      currentStep: currentStep,
-      totalSteps: steps.length,
-      colors: colors,
-      styles: styles
-    }), /*#__PURE__*/_jsx(View, {
-      style: styles.stepContainer,
-      children: CurrentStepComponent && /*#__PURE__*/_jsx(CurrentStepComponent, {
-        ...stepProps
-      })
-    })]
-  });
-};
-export default StepBasedScreen;
-//# sourceMappingURL=StepBasedScreen.js.map

package/lib/module/ui/components/StepBasedScreen.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useState","useRef","useCallback","useMemo","useEffect","View","Platform","Animated","useSharedValue","useAnimatedStyle","withTiming","useTheme","createAuthStyles","screenContentStyle","useSafeAreaInsets","jsx","_jsx","jsxs","_jsxs","isVoidCallback","value","isAuthenticatedCallback","AnimatedProgressDot","isActive","colors","styles","width","backgroundColor","primary","border","duration","animatedStyle","style","progressDot","ProgressIndicator","currentStep","totalSteps","progressContainer","children","Array","from","length","_","index","StepBasedScreen","steps","initialStep","showProgressIndicator","enableAnimations","onStepChange","onComplete","stepData","navigate","goBack","onAuthenticated","theme","oxyServices","stepControllerRef","currentScreen","getNavigationProps","state","setState","bloomTheme","themeString","mode","authColors","text","background","inputBackground","backgroundSecondary","placeholder","textTertiary","error","success","warning","secondaryText","textSecondary","insets","modernHeader","alignItems","marginBottom","modernTitle","fontWeight","OS","undefined","fontSize","lineHeight","textAlign","modernSubtitle","opacity","modernInputContainer","button","flexDirection","justifyContent","paddingVertical","paddingHorizontal","borderRadius","marginVertical","gap","select","web","boxShadow","default","shadowOffset","height","shadowOpacity","shadowRadius","elevation","buttonText","color","card","letterSpacing","footerText","footerTextContainer","marginTop","linkText","textDecorationLine","marginHorizontal","onStepChangeRef","onCompleteRef","current","prevState","updateStepData","stepIndex","data","prev","nextStepData","slice","__DEV__","console","warn","currentStepConfig","onEnter","onExit","nextStep","canProceed","nextStepIndex","navigationProps","extractedProps","Object","assign","step0Data","currentStepData","username","userProfile","email","prevStep","goToStep","canGoBack","CurrentStepComponent","component","updateCurrentStepData","normalizedTheme","normalizedGoBack","normalizedOnAuthenticated","baseStepProps","stepProps","props","allStepData","contentStyle","paddingBottom","bottom","stepContainer"],"sourceRoot":"../../../../src","sources":["ui/components/StepBasedScreen.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/components/Surface.js

@@ -1,252 +0,0 @@
-"use strict";
-
-import * as React from 'react';
-import { Animated, Platform, StyleSheet } from 'react-native';
-import { useInternalTheme } from "./theming.js";
-import overlay, { isAnimatedValue } from "./styles/overlay.js";
-import shadow from "./styles/shadow.js";
-import { forwardRef } from "./utils/forwardRef.js";
-import { splitStyles } from "./utils/splitStyles.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const MD2Surface = forwardRef(({
-  style,
-  theme: overrideTheme,
-  ...rest
-}, ref) => {
-  const {
-    elevation = 4
-  } = StyleSheet.flatten(style) || {};
-  const {
-    dark: isDarkTheme,
-    mode,
-    colors
-  } = useInternalTheme(overrideTheme);
-  return /*#__PURE__*/_jsx(Animated.View, {
-    ref: ref,
-    ...rest,
-    style: [{
-      backgroundColor: isDarkTheme && mode === 'adaptive' ? overlay(elevation, colors?.surface) : colors?.surface
-    }, elevation ? shadow(elevation) : null, style]
-  });
-});
-const outerLayerStyleProperties = ['position', 'alignSelf', 'top', 'right', 'bottom', 'left', 'start', 'end', 'flex', 'flexShrink', 'flexGrow', 'width', 'height', 'transform', 'opacity'];
-const shadowColor = '#000';
-const iOSShadowOutputRanges = [{
-  shadowOpacity: 0.15,
-  height: [0, 1, 2, 4, 6, 8],
-  shadowRadius: [0, 3, 6, 8, 10, 12]
-}, {
-  shadowOpacity: 0.3,
-  height: [0, 1, 1, 1, 2, 4],
-  shadowRadius: [0, 1, 2, 3, 3, 4]
-}];
-const inputRange = [0, 1, 2, 3, 4, 5];
-function getStyleForShadowLayer(elevation, layer) {
-  if (isAnimatedValue(elevation)) {
-    return {
-      shadowColor,
-      shadowOpacity: elevation.interpolate({
-        inputRange: [0, 1],
-        outputRange: [0, iOSShadowOutputRanges[layer].shadowOpacity],
-        extrapolate: 'clamp'
-      }),
-      shadowOffset: {
-        width: 0,
-        height: elevation.interpolate({
-          inputRange,
-          outputRange: iOSShadowOutputRanges[layer].height
-        })
-      },
-      shadowRadius: elevation.interpolate({
-        inputRange,
-        outputRange: iOSShadowOutputRanges[layer].shadowRadius
-      })
-    };
-  }
-  return {
-    shadowColor,
-    shadowOpacity: elevation ? iOSShadowOutputRanges[layer].shadowOpacity : 0,
-    shadowOffset: {
-      width: 0,
-      height: iOSShadowOutputRanges[layer].height[elevation]
-    },
-    shadowRadius: iOSShadowOutputRanges[layer].shadowRadius[elevation]
-  };
-}
-const SurfaceIOS = forwardRef(({
-  elevation,
-  style,
-  backgroundColor,
-  testID,
-  children,
-  mode = 'elevated',
-  container,
-  ...props
-}, ref) => {
-  const [outerLayerViewStyles, innerLayerViewStyles] = React.useMemo(() => {
-    const flattenedStyles = StyleSheet.flatten(style) || {};
-    const [filteredStyles, outerLayerStyles, borderRadiusStyles] = splitStyles(flattenedStyles, style => outerLayerStyleProperties.includes(style) || style.startsWith('margin'), style => style.startsWith('border') && style.endsWith('Radius'));
-    if (process.env.NODE_ENV !== 'production' && filteredStyles.overflow === 'hidden' && elevation !== 0) {
-      console.warn('When setting overflow to hidden on Surface the shadow will not be displayed correctly. Wrap the content of your component in a separate View with the overflow style.');
-    }
-    const bgColor = flattenedStyles.backgroundColor || backgroundColor;
-    const isElevated = mode === 'elevated';
-    const outerLayerViewStyles = {
-      ...(isElevated && getStyleForShadowLayer(elevation, 0)),
-      ...outerLayerStyles,
-      ...borderRadiusStyles,
-      backgroundColor: bgColor
-    };
-    const innerLayerViewStyles = {
-      ...(isElevated && getStyleForShadowLayer(elevation, 1)),
-      ...filteredStyles,
-      ...borderRadiusStyles,
-      flex: flattenedStyles.height || !container && flattenedStyles.flex ? 1 : undefined,
-      backgroundColor: bgColor
-    };
-    return [outerLayerViewStyles, innerLayerViewStyles];
-  }, [style, elevation, backgroundColor, mode, container]);
-  return /*#__PURE__*/_jsx(Animated.View, {
-    ref: ref,
-    style: outerLayerViewStyles,
-    testID: `${testID}-outer-layer`,
-    children: /*#__PURE__*/_jsx(Animated.View, {
-      ...props,
-      style: innerLayerViewStyles,
-      testID: testID,
-      children: children
-    })
-  });
-});
-
-/**
- * Surface is a basic container that can give depth to an element with elevation shadow.
- * On dark theme with `adaptive` mode, surface is constructed by also placing a semi-transparent white overlay over a component surface.
- * See [Dark Theme](https://callstack.github.io/react-native-paper/docs/guides/theming#dark-theme) for more information.
- * Overlay and shadow can be applied by specifying the `elevation` property both on Android and iOS.
- *
- * ## Usage
- * ```js
- * import * as React from 'react';
- * import { Surface, Text } from 'react-native-paper';
- * import { StyleSheet } from 'react-native';
- *
- * const MyComponent = () => (
- *   <Surface style={styles.surface} elevation={4}>
- *      <Text>Surface</Text>
- *   </Surface>
- * );
- *
- * export default MyComponent;
- *
- * const styles = StyleSheet.create({
- *   surface: {
- *     padding: 8,
- *     height: 80,
- *     width: 80,
- *     alignItems: 'center',
- *     justifyContent: 'center',
- *   },
- * });
- * ```
- */
-const Surface = forwardRef(({
-  elevation = 1,
-  children,
-  theme: overridenTheme,
-  style,
-  testID = 'surface',
-  mode = 'elevated',
-  ...props
-}, ref) => {
-  const theme = useInternalTheme(overridenTheme);
-  if (!theme.isV3) return /*#__PURE__*/_jsx(MD2Surface, {
-    ...props,
-    theme: theme,
-    style: style,
-    ref: ref,
-    children: children
-  });
-  const {
-    colors
-  } = theme;
-  const inputRange = [0, 1, 2, 3, 4, 5];
-  const backgroundColor = (() => {
-    if (isAnimatedValue(elevation)) {
-      return elevation.interpolate({
-        inputRange,
-        outputRange: inputRange.map(elevation => {
-          return colors.elevation?.[`level${elevation}`];
-        })
-      });
-    }
-    return colors.elevation?.[`level${elevation}`];
-  })();
-  const isElevated = mode === 'elevated';
-  if (Platform.OS === 'web') {
-    const {
-      pointerEvents = 'auto'
-    } = props;
-    return /*#__PURE__*/_jsx(Animated.View, {
-      ...props,
-      pointerEvents: pointerEvents,
-      ref: ref,
-      testID: testID,
-      style: [{
-        backgroundColor
-      }, elevation && isElevated ? shadow(elevation, theme.isV3) : null, style],
-      children: children
-    });
-  }
-  if (Platform.OS === 'android') {
-    const elevationLevel = [0, 3, 6, 9, 12, 15];
-    const getElevationAndroid = () => {
-      if (isAnimatedValue(elevation)) {
-        return elevation.interpolate({
-          inputRange,
-          outputRange: elevationLevel
-        });
-      }
-      return elevationLevel[elevation];
-    };
-    const {
-      margin,
-      padding,
-      transform,
-      borderRadius
-    } = StyleSheet.flatten(style) || {};
-    const outerLayerStyles = {
-      margin,
-      padding,
-      transform,
-      borderRadius
-    };
-    const sharedStyle = [{
-      backgroundColor
-    }, style];
-    return /*#__PURE__*/_jsx(Animated.View, {
-      ...props,
-      testID: testID,
-      ref: ref,
-      style: [{
-        backgroundColor,
-        transform
-      }, outerLayerStyles, sharedStyle, isElevated && {
-        elevation: getElevationAndroid()
-      }],
-      children: children
-    });
-  }
-  return /*#__PURE__*/_jsx(SurfaceIOS, {
-    ...props,
-    ref: ref,
-    elevation: elevation,
-    backgroundColor: backgroundColor,
-    style: style,
-    testID: testID,
-    mode: mode,
-    children: children
-  });
-});
-export default Surface;
-//# sourceMappingURL=Surface.js.map