@oxyhq/services 5.16.23 → 5.16.25

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

@@ -0,0 +1,428 @@
+"use strict";
+
+import { View, Text, TouchableOpacity, StyleSheet, Platform } from 'react-native';
+import { useMemo } from 'react';
+import AnimatedReanimated, { useAnimatedStyle, interpolate, Extrapolation } from 'react-native-reanimated';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { Ionicons } from '@expo/vector-icons';
+import OxyIcon from './icon/OxyIcon';
+import { fontFamilies } from '../styles/fonts';
+import { useColorScheme } from '../hooks/use-color-scheme';
+import { normalizeColorScheme } from '../utils/themeUtils';
+import { Colors } from '../constants/theme';
+
+// Calculate header height based on platform and variant
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const getHeaderHeight = (variant = 'default', safeAreaTop = 0) => {
+  const paddingTop = Platform.OS === 'ios' ? Math.max(safeAreaTop, 50) : 16;
+  const paddingBottom = 12;
+  const contentHeight = variant === 'minimal' ? 36 : 40;
+  return paddingTop + contentHeight + paddingBottom;
+};
+const Header = ({
+  title,
+  subtitle,
+  onBack,
+  onClose,
+  rightAction,
+  rightActions,
+  theme,
+  showBackButton = true,
+  showCloseButton = false,
+  showThemeToggle = false,
+  onThemeToggle,
+  variant = 'default',
+  elevation = 'subtle',
+  subtitleVariant = 'default',
+  titleAlignment = 'left',
+  scrollY
+}) => {
+  // Use theme colors directly from Colors constant (like Accounts sidebar)
+  // Ensure colorScheme is always 'light' or 'dark' with proper fallback chain
+  const colorScheme = normalizeColorScheme(useColorScheme(), theme);
+  const colors = Colors[colorScheme];
+  const insets = useSafeAreaInsets();
+  const headerHeight = getHeaderHeight(variant, insets.top);
+
+  // Animated style for sticky behavior on native
+  // Only create animated style if scrollY is provided and we're on native platform
+  const animatedHeaderStyle = useAnimatedStyle(() => {
+    if (Platform.OS === 'web' || !scrollY) {
+      return {};
+    }
+
+    // Sticky behavior: header scrolls with content initially, then sticks at top
+    // When scrollY = 0, translateY = 0 (header at normal position)
+    // When scrollY > 0, translateY becomes negative to keep header at top
+    // Clamp to prevent header from going above viewport
+    const translateY = interpolate(scrollY.value, [0, headerHeight], [0, -headerHeight], Extrapolation.CLAMP);
+    return {
+      transform: [{
+        translateY
+      }]
+    };
+  }, [scrollY, headerHeight]);
+  const handleBackPress = () => {
+    if (!onBack) return;
+
+    // Navigate immediately and synchronously - this prioritizes navigation
+    // over keyboard dismiss. The keyboard will close naturally after screen changes.
+    onBack();
+  };
+  const renderBackButton = () => {
+    if (!showBackButton || !onBack) return null;
+    return /*#__PURE__*/_jsx(TouchableOpacity, {
+      style: [styles.backButton, {
+        backgroundColor: colors.card
+      }],
+      onPress: handleBackPress,
+      activeOpacity: 0.7,
+      children: /*#__PURE__*/_jsx(OxyIcon, {
+        name: "chevron-back",
+        size: 18,
+        color: colors.tint
+      })
+    });
+  };
+  const renderCloseButton = () => {
+    if (!showCloseButton || !onClose) return null;
+    return /*#__PURE__*/_jsx(TouchableOpacity, {
+      style: [styles.closeButton, {
+        backgroundColor: colors.card
+      }],
+      onPress: onClose,
+      activeOpacity: 0.7,
+      children: /*#__PURE__*/_jsx(Ionicons, {
+        name: "close",
+        size: 18,
+        color: colors.text
+      })
+    });
+  };
+  const renderRightActionButton = (action, idx) => {
+    const isTextAction = action.text;
+    return /*#__PURE__*/_jsx(TouchableOpacity, {
+      style: [styles.rightActionButton, isTextAction ? styles.textActionButton : styles.iconActionButton, {
+        backgroundColor: isTextAction ? colors.tint : colors.card,
+        opacity: action.disabled ? 0.5 : 1
+      }],
+      onPress: action.onPress,
+      disabled: action.disabled || action.loading,
+      activeOpacity: 0.7,
+      children: action.loading ? /*#__PURE__*/_jsxs(View, {
+        style: styles.loadingContainer,
+        children: [/*#__PURE__*/_jsx(View, {
+          style: [styles.loadingDot, {
+            backgroundColor: isTextAction ? '#FFFFFF' : colors.tint
+          }]
+        }), /*#__PURE__*/_jsx(View, {
+          style: [styles.loadingDot, {
+            backgroundColor: isTextAction ? '#FFFFFF' : colors.tint
+          }]
+        }), /*#__PURE__*/_jsx(View, {
+          style: [styles.loadingDot, {
+            backgroundColor: isTextAction ? '#FFFFFF' : colors.tint
+          }]
+        })]
+      }) : isTextAction ? /*#__PURE__*/_jsx(Text, {
+        style: [styles.actionText, {
+          color: '#FFFFFF'
+        }],
+        children: action.text
+      }) : /*#__PURE__*/_jsx(Ionicons, {
+        name: action.icon,
+        size: 18,
+        color: colors.tint
+      })
+    }, action.key || idx);
+  };
+  const renderRightActions = () => {
+    const actions = [];
+
+    // Add existing right actions
+    if (rightActions?.length) {
+      actions.push(...rightActions);
+    } else if (rightAction) {
+      actions.push(rightAction);
+    }
+
+    // Add theme toggle button if enabled
+    if (showThemeToggle && onThemeToggle) {
+      actions.push({
+        icon: colorScheme === 'dark' ? 'sunny' : 'moon',
+        onPress: onThemeToggle,
+        key: 'theme-toggle'
+      });
+    }
+    if (actions.length === 0) return null;
+    if (actions.length > 1) {
+      return /*#__PURE__*/_jsx(View, {
+        style: styles.rightActionsRow,
+        children: actions.map((a, i) => renderRightActionButton(a, i))
+      });
+    }
+    return renderRightActionButton(actions[0], 0);
+  };
+  const renderTitle = () => {
+    const titleStyle = variant === 'large' ? styles.titleLarge : variant === 'minimal' ? styles.titleMinimal : styles.titleDefault;
+    const subtitleStyle = variant === 'large' ? styles.subtitleLarge : variant === 'minimal' ? styles.subtitleMinimal : subtitleVariant === 'small' ? styles.subtitleSmall : subtitleVariant === 'large' ? styles.subtitleLarge : subtitleVariant === 'muted' ? styles.subtitleMuted : styles.subtitleDefault;
+    const getTitleAlignment = () => {
+      switch (titleAlignment) {
+        case 'center':
+          return styles.titleContainerCenter;
+        case 'right':
+          return styles.titleContainerRight;
+        default:
+          return styles.titleContainerLeft;
+      }
+    };
+    return /*#__PURE__*/_jsxs(View, {
+      style: [styles.titleContainer, getTitleAlignment(), variant === 'minimal' && styles.titleContainerMinimal],
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: [titleStyle, {
+          color: colors.text
+        }],
+        children: title
+      }), subtitle && /*#__PURE__*/_jsx(Text, {
+        style: [subtitleStyle, {
+          color: colors.secondaryText
+        }],
+        children: subtitle
+      })]
+    });
+  };
+  const getElevationStyle = () => {
+    const isDark = colorScheme === 'dark';
+    switch (elevation) {
+      case 'none':
+        return {};
+      case 'subtle':
+        return Platform.select({
+          web: {
+            boxShadow: isDark ? '0 1px 3px rgba(0,0,0,0.3)' : '0 1px 3px rgba(0,0,0,0.1)'
+          },
+          default: {
+            shadowColor: '#000000',
+            shadowOffset: {
+              width: 0,
+              height: 1
+            },
+            shadowOpacity: isDark ? 0.3 : 0.1,
+            shadowRadius: 3,
+            elevation: 2
+          }
+        });
+      case 'prominent':
+        return Platform.select({
+          web: {
+            boxShadow: isDark ? '0 4px 12px rgba(0,0,0,0.4)' : '0 4px 12px rgba(0,0,0,0.15)'
+          },
+          default: {
+            shadowColor: '#000000',
+            shadowOffset: {
+              width: 0,
+              height: 4
+            },
+            shadowOpacity: isDark ? 0.4 : 0.15,
+            shadowRadius: 12,
+            elevation: 8
+          }
+        });
+      default:
+        return {};
+    }
+  };
+  const getBackgroundStyle = () => {
+    if (variant === 'gradient') {
+      return {
+        backgroundColor: colors.background,
+        // Add gradient overlay effect
+        borderBottomWidth: 1,
+        borderBottomColor: colors.border
+      };
+    }
+    return {
+      backgroundColor: colors.background,
+      borderBottomWidth: elevation === 'none' ? 0 : 1,
+      borderBottomColor: colors.border
+    };
+  };
+  const backgroundStyle = getBackgroundStyle();
+  const elevationStyle = getElevationStyle();
+  const containerStyle = useMemo(() => [styles.container, {
+    paddingTop: Platform.OS === 'ios' ? Math.max(insets.top, 50) : 16
+  },
+  // When header is inside ScrollView (has scrollY), don't use absolute positioning
+  !scrollY && Platform.OS !== 'web' ? {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0
+  } : {}, backgroundStyle, elevationStyle], [insets.top, backgroundStyle, elevationStyle, scrollY]);
+  const HeaderContainer = Platform.OS === 'web' || !scrollY ? View : AnimatedReanimated.View;
+  // Only apply animated styles when HeaderContainer is an animated component
+  const shouldUseAnimatedStyle = Platform.OS !== 'web' && scrollY !== undefined;
+  const headerStyle = shouldUseAnimatedStyle ? [containerStyle, animatedHeaderStyle] : containerStyle;
+  return /*#__PURE__*/_jsx(HeaderContainer, {
+    style: headerStyle,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: [styles.content, variant === 'minimal' && styles.contentMinimal],
+      children: [renderBackButton(), renderTitle(), renderRightActions(), renderCloseButton()]
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    paddingBottom: 12,
+    zIndex: 1000,
+    ...Platform.select({
+      web: {
+        position: 'sticky',
+        top: 0,
+        left: 0,
+        right: 0
+      },
+      default: {
+        // Position will be set dynamically based on scrollY prop
+      }
+    })
+  },
+  content: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 16,
+    position: 'relative',
+    minHeight: 40
+  },
+  contentMinimal: {
+    paddingHorizontal: 12,
+    minHeight: 36
+  },
+  backButton: {
+    width: 32,
+    height: 32,
+    borderRadius: 16,
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginRight: 10
+  },
+  closeButton: {
+    width: 32,
+    height: 32,
+    borderRadius: 16,
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginLeft: 10
+  },
+  titleContainer: {
+    flex: 1,
+    alignItems: 'flex-start',
+    justifyContent: 'center'
+  },
+  titleContainerLeft: {
+    alignItems: 'flex-start'
+  },
+  titleContainerCenter: {
+    alignItems: 'center'
+  },
+  titleContainerRight: {
+    alignItems: 'flex-end'
+  },
+  titleContainerMinimal: {
+    alignItems: 'center',
+    marginHorizontal: 16
+  },
+  titleDefault: {
+    fontSize: 18,
+    fontWeight: '700',
+    fontFamily: fontFamilies.phuduBold,
+    letterSpacing: -0.5,
+    lineHeight: 22
+  },
+  titleLarge: {
+    fontSize: 28,
+    fontWeight: '800',
+    fontFamily: fontFamilies.phuduExtraBold,
+    letterSpacing: -1,
+    lineHeight: 34,
+    marginBottom: 3
+  },
+  titleMinimal: {
+    fontSize: 16,
+    fontWeight: '600',
+    fontFamily: fontFamilies.phuduSemiBold,
+    letterSpacing: -0.3,
+    lineHeight: 20
+  },
+  subtitleDefault: {
+    fontSize: 14,
+    fontWeight: '400',
+    lineHeight: 17,
+    marginTop: 1
+  },
+  subtitleLarge: {
+    fontSize: 16,
+    fontWeight: '400',
+    lineHeight: 19,
+    marginTop: 3
+  },
+  subtitleMinimal: {
+    fontSize: 13,
+    fontWeight: '400',
+    lineHeight: 15,
+    marginTop: 1
+  },
+  subtitleSmall: {
+    fontSize: 12,
+    fontWeight: '400',
+    lineHeight: 14,
+    marginTop: 0
+  },
+  subtitleMuted: {
+    fontSize: 14,
+    fontWeight: '400',
+    lineHeight: 17,
+    marginTop: 1,
+    opacity: 0.7
+  },
+  rightActionButton: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginLeft: 10
+  },
+  iconActionButton: {
+    width: 32,
+    height: 32,
+    borderRadius: 16
+  },
+  textActionButton: {
+    paddingHorizontal: 14,
+    paddingVertical: 6,
+    borderRadius: 18,
+    minWidth: 56
+  },
+  actionText: {
+    fontSize: 14,
+    fontWeight: '600',
+    fontFamily: fontFamilies.phuduSemiBold,
+    letterSpacing: -0.2
+  },
+  loadingContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 2
+  },
+  loadingDot: {
+    width: 4,
+    height: 4,
+    borderRadius: 2,
+    opacity: 0.6
+  },
+  rightActionsRow: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  }
+});
+export default Header;
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","TouchableOpacity","StyleSheet","Platform","useMemo","AnimatedReanimated","useAnimatedStyle","interpolate","Extrapolation","useSafeAreaInsets","Ionicons","OxyIcon","fontFamilies","useColorScheme","normalizeColorScheme","Colors","jsx","_jsx","jsxs","_jsxs","getHeaderHeight","variant","safeAreaTop","paddingTop","OS","Math","max","paddingBottom","contentHeight","Header","title","subtitle","onBack","onClose","rightAction","rightActions","theme","showBackButton","showCloseButton","showThemeToggle","onThemeToggle","elevation","subtitleVariant","titleAlignment","scrollY","colorScheme","colors","insets","headerHeight","top","animatedHeaderStyle","translateY","value","CLAMP","transform","handleBackPress","renderBackButton","style","styles","backButton","backgroundColor","card","onPress","activeOpacity","children","name","size","color","tint","renderCloseButton","closeButton","text","renderRightActionButton","action","idx","isTextAction","rightActionButton","textActionButton","iconActionButton","opacity","disabled","loading","loadingContainer","loadingDot","actionText","icon","key","renderRightActions","actions","length","push","rightActionsRow","map","a","i","renderTitle","titleStyle","titleLarge","titleMinimal","titleDefault","subtitleStyle","subtitleLarge","subtitleMinimal","subtitleSmall","subtitleMuted","subtitleDefault","getTitleAlignment","titleContainerCenter","titleContainerRight","titleContainerLeft","titleContainer","titleContainerMinimal","secondaryText","getElevationStyle","isDark","select","web","boxShadow","default","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","getBackgroundStyle","background","borderBottomWidth","borderBottomColor","border","backgroundStyle","elevationStyle","containerStyle","container","position","left","right","HeaderContainer","shouldUseAnimatedStyle","undefined","headerStyle","content","contentMinimal","create","zIndex","flexDirection","alignItems","paddingHorizontal","minHeight","borderRadius","justifyContent","marginRight","marginLeft","flex","marginHorizontal","fontSize","fontWeight","fontFamily","phuduBold","letterSpacing","lineHeight","phuduExtraBold","marginBottom","phuduSemiBold","marginTop","paddingVertical","minWidth","gap"],"sourceRoot":"../../../../src","sources":["ui/components/Header.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,99 @@
+"use strict";
+
+import * as React from 'react';
+import { Animated, StyleSheet } from 'react-native';
+import { useThemeColors } from '../styles';
+
+// Helper function for text color
+import { jsx as _jsx } from "react/jsx-runtime";
+const getTextColor = (colors, disabled, type) => {
+  if (type === 'error') {
+    return colors.error;
+  }
+  if (disabled) {
+    return colors.secondaryText + '80'; // Add opacity
+  }
+  return colors.secondaryText;
+};
+/**
+ * Helper text is used in conjunction with input elements to provide additional hints for the user.
+ */
+const HelperText = ({
+  style,
+  type = 'info',
+  visible = true,
+  theme: themeProp = 'light',
+  onLayout,
+  padding = 'normal',
+  disabled,
+  maxFontSizeMultiplier = 1.5,
+  ...rest
+}) => {
+  const colors = useThemeColors(themeProp);
+  const {
+    current: shown
+  } = React.useRef(new Animated.Value(visible ? 1 : 0));
+  let {
+    current: textHeight
+  } = React.useRef(0);
+  React.useEffect(() => {
+    if (visible) {
+      // show text
+      Animated.timing(shown, {
+        toValue: 1,
+        duration: 150,
+        useNativeDriver: true
+      }).start();
+    } else {
+      // hide text
+      Animated.timing(shown, {
+        toValue: 0,
+        duration: 180,
+        useNativeDriver: true
+      }).start();
+    }
+  }, [visible, shown]);
+  const handleTextLayout = e => {
+    onLayout?.(e);
+    textHeight = e.nativeEvent.layout.height;
+  };
+
+  // Get text color based on type and disabled state
+  const getTextColor = () => {
+    if (type === 'error') {
+      return colors.error;
+    }
+    if (disabled) {
+      return colors.secondaryText + '80'; // Add opacity
+    }
+    return colors.secondaryText;
+  };
+  const textColor = getTextColor();
+  return /*#__PURE__*/_jsx(Animated.Text, {
+    onLayout: handleTextLayout,
+    style: [styles.text, padding !== 'none' ? styles.padding : {}, {
+      color: textColor,
+      opacity: shown,
+      transform: visible && type === 'error' ? [{
+        translateY: shown.interpolate({
+          inputRange: [0, 1],
+          outputRange: [-textHeight / 2, 0]
+        })
+      }] : []
+    }, style],
+    maxFontSizeMultiplier: maxFontSizeMultiplier,
+    ...rest,
+    children: rest.children
+  });
+};
+const styles = StyleSheet.create({
+  text: {
+    fontSize: 12,
+    paddingVertical: 4
+  },
+  padding: {
+    paddingHorizontal: 12
+  }
+});
+export default HelperText;
+//# sourceMappingURL=HelperText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","StyleSheet","useThemeColors","jsx","_jsx","getTextColor","colors","disabled","type","error","secondaryText","HelperText","style","visible","theme","themeProp","onLayout","padding","maxFontSizeMultiplier","rest","current","shown","useRef","Value","textHeight","useEffect","timing","toValue","duration","useNativeDriver","start","handleTextLayout","e","nativeEvent","layout","height","textColor","Text","styles","text","color","opacity","transform","translateY","interpolate","inputRange","outputRange","children","create","fontSize","paddingVertical","paddingHorizontal"],"sourceRoot":"../../../../src","sources":["ui/components/HelperText.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,102 @@
+"use strict";
+
+import * as React from 'react';
+import { I18nManager, Image, Platform } from 'react-native';
+import { MaterialCommunityIcons } from '@expo/vector-icons';
+import { useInternalTheme } from './theming';
+import { jsx as _jsx } from "react/jsx-runtime";
+// MaterialCommunityIcon accessibility props - simplified
+const accessibilityProps = {};
+const isImageSource = source =>
+// source is an object with uri
+typeof source === 'object' && source !== null && Object.prototype.hasOwnProperty.call(source, 'uri') && typeof source.uri === 'string' ||
+// source is a module, e.g. - require('image')
+typeof source === 'number' ||
+// image url on web
+Platform.OS === 'web' && typeof source === 'string' && (source.startsWith('data:image') || /\.(bmp|jpg|jpeg|png|gif|svg)$/.test(source));
+const getIconId = source => {
+  if (typeof source === 'object' && source !== null && Object.prototype.hasOwnProperty.call(source, 'uri') && typeof source.uri === 'string') {
+    return source.uri;
+  }
+  return source;
+};
+export const isValidIcon = source => typeof source === 'string' || typeof source === 'function' || isImageSource(source);
+export const isEqualIcon = (a, b) => a === b || getIconId(a) === getIconId(b);
+/**
+ * An icon component which renders icon from vector library.
+ *
+ * ## Usage
+ * ```js
+ * import * as React from 'react';
+ * import { Icon, MD3Colors } from 'react-native-paper';
+ *
+ * const MyComponent = () => (
+ *   <Icon
+ *     source="camera"
+ *     color={MD3Colors.error50}
+ *     size={20}
+ *   />
+ * );
+ *
+ * export default MyComponent;
+ * ```
+ */
+
+const Icon = ({
+  source,
+  color,
+  size,
+  theme: themeOverrides,
+  testID,
+  ...rest
+}) => {
+  const theme = useInternalTheme(themeOverrides);
+  const direction = typeof source === 'object' && source.direction && source.source ? source.direction === 'auto' ? I18nManager.getConstants().isRTL ? 'rtl' : 'ltr' : source.direction : null;
+  const s = typeof source === 'object' && source.direction && source.source ? source.source : source;
+  const iconColor = color || (theme.isV3 ? theme.colors.onSurface : theme.colors.text || theme.colors.onSurface);
+  if (isImageSource(s)) {
+    return /*#__PURE__*/_jsx(Image, {
+      ...rest,
+      testID: testID,
+      source: s,
+      style: [{
+        transform: [{
+          scaleX: direction === 'rtl' ? -1 : 1
+        }]
+      }, {
+        width: size,
+        height: size,
+        tintColor: color,
+        resizeMode: `contain`
+      }],
+      ...accessibilityProps,
+      accessibilityIgnoresInvertColors: true
+    });
+  } else if (typeof s === 'string') {
+    // String icons - use MaterialCommunityIcons from @expo/vector-icons
+    // This is the default icon library used by react-native-paper
+    const styleArray = Array.isArray(rest.style) ? rest.style : rest.style ? [rest.style] : [];
+    return /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+      name: s,
+      size: size,
+      color: iconColor,
+      style: [{
+        transform: [{
+          scaleX: direction === 'rtl' ? -1 : 1
+        }]
+      }, ...styleArray],
+      testID: testID,
+      ...accessibilityProps
+    });
+  } else if (typeof s === 'function') {
+    return s({
+      color: iconColor,
+      size,
+      direction,
+      testID
+    });
+  }
+  return null;
+};
+export default Icon;
+//# sourceMappingURL=Icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","I18nManager","Image","Platform","MaterialCommunityIcons","useInternalTheme","jsx","_jsx","accessibilityProps","isImageSource","source","Object","prototype","hasOwnProperty","call","uri","OS","startsWith","test","getIconId","isValidIcon","isEqualIcon","a","b","Icon","color","size","theme","themeOverrides","testID","rest","direction","getConstants","isRTL","s","iconColor","isV3","colors","onSurface","text","style","transform","scaleX","width","height","tintColor","resizeMode","accessibilityIgnoresInvertColors","styleArray","Array","isArray","name"],"sourceRoot":"../../../../src","sources":["ui/components/Icon.tsx"],"mappings":"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","ignoreList":[]}