@codeleap/mobile 2.4.7 → 3.1.1

package/src/utils/hooks.ts

@@ -1,8 +1,9 @@
 import { onMount, onUpdate, shadeColor, TypeGuards, usePrevious, useRef, useState } from '@codeleap/common'
-import { Animated, AppState, AppStateStatus, Platform, PressableAndroidRippleConfig, BackHandler, ViewStyle, ImageStyle, TextStyle, StyleSheet } from 'react-native'
+import { Animated, AppState, AppStateStatus, Platform, PressableAndroidRippleConfig, BackHandler, ViewStyle, ImageStyle, TextStyle, StyleSheet, StyleProp } from 'react-native'
 
 import AsyncStorage from '@react-native-community/async-storage'
-import { AnimatedStyleProp, Easing, EasingFn, useAnimatedStyle, withTiming } from 'react-native-reanimated'
+import { AnimatedStyleProp, Easing, EasingFn, interpolateColor, runOnJS, useAnimatedRef, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated'
+import { PressableRippleProps } from '../modules/PressableRipple/type'
 
 export function useAnimateColor(value: string, opts?: Partial<Animated.TimingAnimationConfig>) {
   const iters = useRef(0)
@@ -69,40 +70,49 @@ export function useStaticAnimationStyles<T extends Record<string|number|symbol,
   return styles.current as SelectProperties<T, K>
 }
 
-type AnimatableProperties = 'scale' | 'scaleX' | 'scaleY' | 'translateX' | 'translateY' | 'opacity'
+type AnimatableProperties = 'scale' | 'scaleX' | 'scaleY' | 'translateX' | 'translateY' | 'opacity' | 'backgroundColor'
 
 type VariantTransitionConfig = {
   type: 'timing'
   duration?: number
   easing?: EasingFn
-} 
-
-type TransitionConfig = Partial<Record<AnimatableProperties, VariantTransitionConfig>> | VariantTransitionConfig
+}
 
+export type TransitionConfig = Partial<Record<AnimatableProperties, VariantTransitionConfig>> | VariantTransitionConfig
 
 type UseAnimatedVariantStylesConfig<T extends Record<string|number|symbol, any>, K extends keyof T > = {
   variantStyles: T
   animatedProperties: K[]
   updater: (states: SelectProperties<T, K>) => AnimatedStyleProp<ViewStyle | ImageStyle | TextStyle>
-  transition: TransitionConfig
+  transition?: TransitionConfig
   dependencies?: any[]
 }
 
 const buildAnimatedStyle = (property: AnimatableProperties, value, currentStyle, applyFN = (v) => v) => {
-  'worklet';
-  const newStyle = {...currentStyle}
-  
-  switch(property){
+  'worklet'
+  const newStyle = { ...currentStyle }
+
+  switch (property) {
     case 'opacity':
       newStyle.opacity = applyFN(value)
       break
-    default:
+    case 'backgroundColor':
+      newStyle.backgroundColor = applyFN(value)
+      break
+    case 'scale':
+    case 'scaleX':
+    case 'scaleY':
+    case 'translateX':
+    case 'translateY':
       if(!newStyle.transform){
         newStyle.transform = []
       }
       newStyle.transform.push({
-        [property]: applyFN(value)
+        [property]: applyFN(value),
       })
+    default:
+      newStyle[property] = value
+      break
   }
 
   return newStyle
@@ -110,76 +120,83 @@ const buildAnimatedStyle = (property: AnimatableProperties, value, currentStyle,
 }
 
 const transformProperties = (properties, transition) => {
-  'worklet';
+  'worklet'
   let styles = {}
 
-  for(const [prop, value] of Object.entries(properties)){
-    let transitionConfig = transition[prop] || transition
+  for (const [prop, value] of Object.entries(properties)) {
+    const transitionConfig = transition[prop] || transition
 
     const _transitionConfig = {
-      type:'timing',
+      type: 'timing',
       duration: 100,
       easing: Easing.linear,
-      ...transitionConfig
+      ...transitionConfig,
     }
 
     const { type, duration, easing } = _transitionConfig
 
-    let fn
+    let fn = (v) => v
 
-    switch(type){
+    switch (type) {
       case 'timing':
         fn = (v) => withTiming(v, {
           duration,
-          easing
+          easing,
         })
+        break
       default:
         break
-    } 
+    }
 
     styles = buildAnimatedStyle(
       prop as AnimatableProperties,
       value,
       styles,
-      fn
+      fn,
     )
   }
 
   return styles
 }
 
+export function useAnimatedVariantStyles<T extends Record<string|number|symbol, any>, K extends keyof T >(config: UseAnimatedVariantStylesConfig<T, K>) {
+  const { animatedProperties, updater, variantStyles, transition = {}, dependencies = [] } = config
 
-export function useAnimatedVariantStyles<T extends Record<string|number|symbol, any>, K extends keyof T >(config: UseAnimatedVariantStylesConfig<T, K>){
-  const { animatedProperties, updater, variantStyles, transition, dependencies = []} = config
-  
   const _transition = useRef(null)
 
-  if(!_transition.current){
-    _transition.current = JSON.parse(JSON.stringify(transition))
+  if (!_transition.current) {
+    _transition.current = JSON.parse(JSON.stringify(transition||{}))
   }
 
-  const staticStyles = useStaticAnimationStyles(variantStyles, animatedProperties)
   
+
+  const staticStyles = useStaticAnimationStyles(variantStyles, animatedProperties)
+
   const animated = useAnimatedStyle(() => {
     const nextState = updater(staticStyles)
 
-    const formatted = transformProperties(nextState, _transition.current)
+    
+    const formatted = transformProperties(
+      nextState, 
+      _transition.current
+    )
 
     return formatted
-  }, [dependencies])
+  }, dependencies)
+
 
   return animated
 }
 
-
 export type FeedbackConfig =
 | { type: 'opacity'; value?: number }
 | {type: 'highlight'; color?: string; brightness?: number; shiftOpacity?: number}
+| {type: 'styles'; styles: StyleProp<ViewStyle> }
 | {type: 'none'}
 
 type RippleConfig = {
   type: 'ripple'
-  config?: PressableAndroidRippleConfig
+  config?: PressableRippleProps
   iosFallback?: FeedbackConfig
 }
 export type TouchableFeedbackConfig = RippleConfig | FeedbackConfig
@@ -201,8 +218,17 @@ export function usePressableFeedback(styles: any, config:UsePressableFeedbackCon
   const _feedbackConfig = {
     ...feedbackConfig,
   }
-  const disableFeedback = disabled
+  let style
+
+  if (TypeGuards.isObject(styles)) {
+    style = styles?.[hightlightPropertyIn]
+  } else if (TypeGuards.isArray(styles)) {
+    style = styles.reverse().find(s => s[hightlightPropertyIn])
+  } else {
+    style = StyleSheet.flatten(styles)[hightlightPropertyIn]
+  }
 
+  const disableFeedback = disabled
   const rippleEnabled = _feedbackConfig?.type === 'ripple' && !disableFeedback
   const rippleConfig = rippleEnabled ? _feedbackConfig?.config : null
 
@@ -216,7 +242,7 @@ export function usePressableFeedback(styles: any, config:UsePressableFeedbackCon
     switch (feedbackConfig.type) {
       case 'highlight':
         if (!pressed && hightlightPropertyIn !== hightlightPropertyOut) return {}
-        let highlightColorDefault = styles?.[hightlightPropertyIn] || '#0000'
+        let highlightColorDefault = style || '#0000'
         if (pressed) {
           if (feedbackConfig?.color) {
             highlightColorDefault = feedbackConfig?.color
@@ -240,7 +266,8 @@ export function usePressableFeedback(styles: any, config:UsePressableFeedbackCon
         return {
           opacity: pressed ? feedbackConfig?.value : 1,
         }
-
+      case 'styles':
+        return pressed ? feedbackConfig?.styles : {}
       case 'none':
         return {}
     }

package/src/utils/index.ts

@@ -9,3 +9,4 @@ export { Permissions }
 export * from './KeyboardAware'
 export * from './input'
 export * from './theme'
+export * from './locale'

package/src/utils/locale.ts

@@ -0,0 +1,7 @@
+import { NativeModules, Platform } from 'react-native'
+
+export const getDeviceLocale = (): string => Platform.OS === 'ios'
+  ? NativeModules.SettingsManager.settings.AppleLocale ||
+      NativeModules.SettingsManager.settings.AppleLanguages[0]
+  : NativeModules.I18nManager.localeIdentifier
+

package/src/utils/theme.ts

@@ -1,5 +1,5 @@
 import { Platform, Dimensions, StatusBar, StyleSheet } from 'react-native'
-import {DeviceInfo} from '../modules/rnDeviceInfo'
+import  DeviceInfo  from 'react-native-device-info'
 
 type AppValues = {
   headerHeight: number
@@ -20,7 +20,6 @@ export function getMobileThemeValues(initialWindowMetrics, values: AppValues) {
   const safeAreaBottom = (hasNotch && !prefersConstantNavigationBar ? 20 : 0)
   return {
     ...screenDimensions,
-
     pixel: StyleSheet.hairlineWidth,
     hasNotch,
     hasIsland,
@@ -28,8 +27,6 @@ export function getMobileThemeValues(initialWindowMetrics, values: AppValues) {
     safeAreaTop,
     safeAreaBottom,
     keyboardVerticalOffset: Platform.OS === 'ios' ? 57 : 47,
-    get headerHeight() { return values.headerHeight + safeAreaTop },
-    get tabBarHeight() { return values.tabBarHeight + (prefersConstantNavigationBar ? 0 : this.safeAreaBottom) },
     bottomNavHeight,
     get window() {
       return {
@@ -37,22 +34,5 @@ export function getMobileThemeValues(initialWindowMetrics, values: AppValues) {
         width: screenDimensions.width,
       }
     },
-    transitions: {
-      modal: {
-        duration: 100,
-        type: 'timing',
-      },
-    },
-    buttons: {
-      small: {
-        height: 40,
-      },
-      default: {
-        height: 50,
-      },
-      large: {
-        height: 60,
-      },
-    },
   }
 }

package/dist/components/ActionIcon/index.d.ts

@@ -1,13 +0,0 @@
-import { ComponentVariants } from '@codeleap/common';
-import React from 'react';
-import { StylesOf } from '../../types';
-import { IconProps } from '../Icon';
-import { TouchableProps } from '../Touchable';
-import { ActionIconComposition, ActionIconStyles } from './styles';
-export declare type ActionIconProps = {
-    iconProps?: Partial<IconProps>;
-    icon?: IconProps['name'];
-    styles?: StylesOf<ActionIconComposition>;
-} & Omit<TouchableProps, 'styles' | 'variants'> & ComponentVariants<typeof ActionIconStyles>;
-export declare const ActionIcon: React.FC<ActionIconProps>;
-export * from './styles';

package/dist/components/ActionIcon/index.js

@@ -1,51 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActionIcon = void 0;
-var common_1 = require("@codeleap/common");
-var react_1 = __importDefault(require("react"));
-var react_native_1 = require("react-native");
-var Icon_1 = require("../Icon");
-var Touchable_1 = require("../Touchable");
-var ActionIcon = function (props) {
-    var icon = props.icon, iconProps = props.iconProps, variants = props.variants, styles = props.styles, children = props.children, touchableProps = __rest(props, ["icon", "iconProps", "variants", "styles", "children"]);
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:ActionIcon', {
-        variants: variants,
-        styles: styles,
-        transform: react_native_1.StyleSheet.flatten,
-    });
-    var touchableStyles = (0, common_1.getNestedStylesByKey)('touchable', variantStyles);
-    return <Touchable_1.Touchable styles={touchableStyles} {...touchableProps}>
-    <Icon_1.Icon name={icon} style={[
-            variantStyles.icon,
-            (touchableProps === null || touchableProps === void 0 ? void 0 : touchableProps.disabled) && variantStyles['icon:disabled'],
-        ]} {...iconProps}/>
-    {children}
-  </Touchable_1.Touchable>;
-};
-exports.ActionIcon = ActionIcon;
-__exportStar(require("./styles"), exports);
-//# sourceMappingURL=index.js.map

package/dist/components/ActionIcon/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ActionIcon/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAAoG;AACpG,gDAAyB;AACzB,6CAAyC;AAEzC,gCAAyC;AACzC,0CAAwD;AASjD,IAAM,UAAU,GAA6B,UAAC,KAAK;IAChD,IAAA,IAAI,GAA+D,KAAK,KAApE,EAAE,SAAS,GAAoD,KAAK,UAAzD,EAAE,QAAQ,GAA0C,KAAK,SAA/C,EAAE,MAAM,GAAkC,KAAK,OAAvC,EAAE,QAAQ,GAAwB,KAAK,SAA7B,EAAK,cAAc,UAAK,KAAK,EAA1E,uDAAkE,CAAF,CAAU;IAChF,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAA0C,cAAc,EAAE;QACtG,QAAQ,UAAA;QAAE,MAAM,QAAA;QAAE,SAAS,EAAE,yBAAU,CAAC,OAAO;KAChD,CAAC,CAAA;IACF,IAAM,eAAe,GAAG,IAAA,6BAAoB,EAAC,WAAW,EAAE,aAAa,CAAC,CAAA;IAExE,OAAO,CAAC,qBAAS,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,CAAC,IAAI,cAAc,CAAC,CAC5D;IAAA,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CACtB;YACE,aAAa,CAAC,IAAI;YAClB,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,QAAQ,KAAI,aAAa,CAAC,eAAe,CAAC;SAC3D,CAAC,CAAC,IAAI,SAAS,CAAC,EACnB;IAAA,CAAC,QAAQ,CACX;EAAA,EAAE,qBAAS,CAAC,CAAA;AACd,CAAC,CAAA;AAfY,QAAA,UAAU,cAetB;AAED,2CAAwB"}

package/dist/components/ActionIcon/styles.d.ts

@@ -1,65 +0,0 @@
-import { TouchableComposition } from '../Touchable';
-export declare type ActionIconParts = 'icon' | `touchable${Capitalize<TouchableComposition>}`;
-export declare type ActionIconStates = ':disabled' | '';
-export declare type ActionIconComposition = `${ActionIconParts}${ActionIconStates}`;
-export declare const ActionIconStyles: {
-    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    originalColor: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    small: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    large: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    primary: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    negative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    positive: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    black: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    white: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    neutral: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-};

package/dist/components/ActionIcon/styles.js

@@ -1,61 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActionIconStyles = void 0;
-var common_1 = require("@codeleap/common");
-var createActionIconStyle = (0, common_1.createDefaultVariantFactory)();
-var presets = (0, common_1.includePresets)(function (style) { return createActionIconStyle(function () { return ({ touchableWrapper: style }); }); });
-exports.ActionIconStyles = __assign(__assign({}, presets), { default: createActionIconStyle(function (theme) {
-        return {
-            icon: __assign({ color: theme.colors.icon }, theme.sized(5 * 0.6)),
-            touchableWrapper: __assign(__assign(__assign({}, theme.sized(5)), { borderRadius: theme.borderRadius.round }), theme.presets.center),
-            'icon:disabled': {
-                color: theme.colors.disabled,
-            },
-        };
-    }), originalColor: createActionIconStyle(function (theme) { return ({
-        icon: {
-            color: 'auto',
-        },
-    }); }), small: createActionIconStyle(function (theme) { return ({
-        touchableWrapper: __assign({}, theme.sized(3.5)),
-        icon: __assign({}, theme.sized(3.5 * 0.6)),
-    }); }), large: createActionIconStyle(function (theme) { return ({
-        touchableWrapper: __assign({}, theme.sized(6.5)),
-        icon: __assign({}, theme.sized(6.5 * 0.6)),
-    }); }), primary: createActionIconStyle(function (theme) { return ({
-        icon: {
-            color: theme.colors.primary,
-        },
-    }); }), negative: createActionIconStyle(function (theme) { return ({
-        icon: {
-            color: theme.colors.negative,
-        },
-    }); }), positive: createActionIconStyle(function (theme) { return ({
-        icon: {
-            color: theme.colors.positive,
-        },
-    }); }), black: createActionIconStyle(function (theme) { return ({
-        icon: {
-            color: theme.colors.black,
-        },
-    }); }), white: createActionIconStyle(function (theme) { return ({
-        icon: {
-            color: theme.colors.white,
-        },
-    }); }), neutral: createActionIconStyle(function (theme) { return ({
-        icon: {
-            color: theme.colors.neutral,
-        },
-    }); }) });
-//# sourceMappingURL=styles.js.map

package/dist/components/ActionIcon/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/ActionIcon/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA8E;AAM9E,IAAM,qBAAqB,GAAG,IAAA,oCAA2B,GAAyB,CAAA;AAElF,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,KAAK,IAAK,OAAA,qBAAqB,CAAC,cAAM,OAAA,CAAC,EAAE,gBAAgB,EAAE,KAAK,EAAE,CAAC,EAA7B,CAA6B,CAAC,EAA1D,CAA0D,CAAC,CAAA;AAExF,QAAA,gBAAgB,yBACxB,OAAO,KACV,OAAO,EAAE,qBAAqB,CAAC,UAAC,KAAK;QAEnC,OAAO;YACL,IAAI,aACF,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,IACrB,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,CAExB;YACD,gBAAgB,iCACX,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KACjB,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,KACnC,KAAK,CAAC,OAAO,CAAC,MAAM,CACxB;YACD,eAAe,EAAE;gBACf,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;aAC7B;SAEF,CAAA;IACH,CAAC,CAAC,EACF,aAAa,EAAE,qBAAqB,CAAC,UAAA,KAAK,IAAI,OAAA,CAAC;QAC7C,IAAI,EAAE;YACJ,KAAK,EAAE,MAAM;SACd;KACF,CAAC,EAJ4C,CAI5C,CAAC,EACH,KAAK,EAAE,qBAAqB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACvC,gBAAgB,eACX,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAEpB;QACD,IAAI,eACC,KAAK,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,CAE1B;KACF,CAAC,EATsC,CAStC,CAAC,EACH,KAAK,EAAE,qBAAqB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACvC,gBAAgB,eACX,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAEpB;QACD,IAAI,eACC,KAAK,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,CAE1B;KACF,CAAC,EATsC,CAStC,CAAC,EACH,OAAO,EAAE,qBAAqB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACzC,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;SAE5B;KAEF,CAAC,EANwC,CAMxC,CAAC,EACH,QAAQ,EAAE,qBAAqB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QAC1C,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;SAE7B;KAEF,CAAC,EANyC,CAMzC,CAAC,EACH,QAAQ,EAAE,qBAAqB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QAC1C,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;SAE7B;KAEF,CAAC,EANyC,CAMzC,CAAC,EACH,KAAK,EAAE,qBAAqB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACvC,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;SAE1B;KAEF,CAAC,EANsC,CAMtC,CAAC,EACH,KAAK,EAAE,qBAAqB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACvC,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;SAE1B;KAEF,CAAC,EANsC,CAMtC,CAAC,EACH,OAAO,EAAE,qBAAqB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACzC,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;SAC5B;KACF,CAAC,EAJwC,CAIxC,CAAC,IACJ"}

package/dist/components/ActivityIndicator/index.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import { ComponentPropsWithoutRef } from 'react';
-import { ActivityIndicator as Indicator } from 'react-native';
-import { ComponentVariants } from '@codeleap/common';
-import { StylesOf } from '../../types';
-import { ActivityIndicatorComposition, ActivityIndicatorStyles } from './styles';
-export * from './styles';
-export declare type ActivityIndicatorProps = ComponentPropsWithoutRef<typeof Indicator> & {
-    variants?: ComponentVariants<typeof ActivityIndicatorStyles>['variants'];
-    styles?: StylesOf<ActivityIndicatorComposition>;
-};
-export declare const ActivityIndicator: React.ForwardRefExoticComponent<import("react-native").ActivityIndicatorProps & {
-    variants?: ComponentVariants<typeof ActivityIndicatorStyles>['variants'];
-    styles?: StylesOf<ActivityIndicatorComposition>;
-} & React.RefAttributes<Indicator>>;

package/dist/components/ActivityIndicator/index.js

@@ -1,55 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActivityIndicator = void 0;
-var React = __importStar(require("react"));
-var react_1 = require("react");
-var react_native_1 = require("react-native");
-var common_1 = require("@codeleap/common");
-__exportStar(require("./styles"), exports);
-exports.ActivityIndicator = (0, react_1.forwardRef)(function (activityIndicatorProps, ref) {
-    var _a = activityIndicatorProps.variants, variants = _a === void 0 ? [] : _a, style = activityIndicatorProps.style, propStyles = activityIndicatorProps.styles, props = __rest(activityIndicatorProps, ["variants", "style", "styles"]);
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('ActivityIndicator', {
-        variants: variants,
-        transform: react_native_1.StyleSheet.flatten,
-        styles: propStyles,
-    });
-    var Theme = (0, common_1.useCodeleapContext)().Theme;
-    var styles = react_native_1.StyleSheet.flatten([variantStyles.wrapper, style]);
-    var color = (styles === null || styles === void 0 ? void 0 : styles.color) || Theme.colors.gray;
-    var size = (styles === null || styles === void 0 ? void 0 : styles.height) || (styles === null || styles === void 0 ? void 0 : styles.width) || 'large';
-    return (<react_native_1.ActivityIndicator size={size} ref={ref} color={color} style={styles} {...props}/>);
-});
-//# sourceMappingURL=index.js.map

package/dist/components/ActivityIndicator/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ActivityIndicator/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAA4D;AAC5D,6CAAyE;AACzE,2CAKyB;AAOzB,2CAAwB;AAQX,QAAA,iBAAiB,GAAG,IAAA,kBAAU,EACzC,UAAC,sBAAsB,EAAE,GAAG;IAClB,IAAA,KAAuD,sBAAsB,SAAhE,EAAb,QAAQ,mBAAG,EAAE,KAAA,EAAE,KAAK,GAAmC,sBAAsB,MAAzD,EAAU,UAAU,GAAe,sBAAsB,OAArC,EAAK,KAAK,UAAK,sBAAsB,EAA/E,+BAAsD,CAAF,CAA2B;IAErF,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,mBAAmB,EAAE;QAClE,QAAQ,UAAA;QACR,SAAS,EAAE,yBAAU,CAAC,OAAO;QAC7B,MAAM,EAAE,UAAU;KACnB,CAAC,CAAA;IAEM,IAAA,KAAK,GAAK,IAAA,2BAAkB,GAAE,MAAzB,CAAyB;IAEtC,IAAM,MAAM,GAAG,yBAAU,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAA;IACjE,IAAM,KAAK,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,KAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAA;IAChD,IAAM,IAAI,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,MAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,CAAA,IAAI,OAAO,CAAA;IAEvD,OAAO,CACL,CAAC,gCAAS,CACR,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,CAAC,MAAM,CAAC,CACd,IAAI,KAAK,CAAC,EACV,CACH,CAAA;AACH,CAAC,CACF,CAAA"}