@meatech/payblend_app_ui_component 1.0.69

package/dist/components/Switch/Switch.js

@@ -0,0 +1,92 @@
+import * as React from 'react';
+import { useState, useEffect } from 'react';
+import { StyleSheet, TouchableWithoutFeedback } from 'react-native';
+import Animated, { useSharedValue, useDerivedValue, withTiming, useAnimatedStyle, withSpring, interpolateColor } from 'react-native-reanimated';
+import '../../themes/base/styles.js';
+import { colors } from '../../themes/colors.js';
+import '../../themes/images.js';
+import { pw as responsiveWidth } from '../../themes/metrics.js';
+import '../../themes/stats.js';
+import { styleBySize } from './styles.js';
+
+const Switch = ({ isEnabled, activeColor = colors.teal['80'], inActiveColor = colors.neutral['60'], onSwitch, size, }) => {
+    const resMaxWidth = size === 'small' ? responsiveWidth(16) : responsiveWidth(22);
+    const resMinWidth = responsiveWidth(2);
+    const switchTranslate = useSharedValue(0);
+    const [active, setActive] = useState(isEnabled || false);
+    const progress = useDerivedValue(() => withTiming(active ? resMaxWidth : 0));
+    useEffect(() => {
+        setActive(isEnabled);
+    }, [isEnabled]);
+    const containerStyle = size
+        ? styleBySize[size] || styleBySize.medium
+        : styleBySize.medium;
+    useEffect(() => {
+        if (active) {
+            switchTranslate.value = resMaxWidth;
+        }
+        else {
+            switchTranslate.value = resMinWidth;
+        }
+    }, [active, switchTranslate, resMaxWidth, resMinWidth]);
+    const customSpringStyles = useAnimatedStyle(() => ({
+        transform: [
+            {
+                translateX: withSpring(switchTranslate.value, {
+                    mass: 1,
+                    damping: 15,
+                    stiffness: 120,
+                    overshootClamping: false,
+                    restSpeedThreshold: 0.001,
+                    restDisplacementThreshold: 0.001,
+                }),
+            },
+        ],
+    }));
+    const backgroundColorStyle = useAnimatedStyle(() => {
+        const backgroundColor = interpolateColor(progress.value, [0, resMaxWidth], [inActiveColor, activeColor]);
+        return {
+            backgroundColor,
+        };
+    });
+    const _onSwitch = async () => {
+        const switchValue = !active;
+        setActive(switchValue);
+        onSwitch && onSwitch(switchValue);
+    };
+    return (React.createElement(TouchableWithoutFeedback, { onPress: _onSwitch },
+        React.createElement(Animated.View, { style: [
+                styles.container,
+                backgroundColorStyle,
+                { width: containerStyle.width },
+                { height: containerStyle.height },
+            ] },
+            React.createElement(Animated.View, { style: [
+                    styles.circle,
+                    customSpringStyles,
+                    { width: containerStyle.circleSize },
+                    { height: containerStyle.circleSize },
+                ] }))));
+};
+const styles = StyleSheet.create({
+    container: {
+        borderRadius: responsiveWidth(30),
+        justifyContent: 'center',
+        backgroundColor: colors.neutral['60'],
+    },
+    circle: {
+        borderRadius: responsiveWidth(30),
+        backgroundColor: colors.white['10'],
+        shadowColor: colors.black['100'],
+        shadowOffset: {
+            width: 0,
+            height: responsiveWidth(2),
+        },
+        shadowOpacity: 0.2,
+        shadowRadius: 2.5,
+        elevation: 4,
+    },
+});
+
+export { Switch };
+//# sourceMappingURL=Switch.js.map

package/dist/components/Switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sources":["../../../../components/Switch/Switch.tsx"],"sourcesContent":["import * as React from 'react';\nimport {useState, useEffect} from 'react';\nimport {StyleSheet, TouchableWithoutFeedback} from 'react-native';\nimport Animated, {\n  interpolateColor,\n  useSharedValue,\n  useAnimatedStyle,\n  withSpring,\n  withTiming,\n  useDerivedValue,\n} from 'react-native-reanimated';\nimport {SwitchProps} from './type';\nimport {colors, pw} from '@ui/themes';\nimport {styleBySize} from './styles';\n\nexport const Switch: React.FC<SwitchProps> = ({\n  isEnabled,\n  activeColor = colors.teal['80'],\n  inActiveColor = colors.neutral['60'],\n  onSwitch,\n  size,\n}) => {\n  const resMaxWidth = size === 'small' ? pw(16) : pw(22);\n  const resMinWidth = pw(2);\n\n  const switchTranslate = useSharedValue(0);\n  const [active, setActive] = useState<boolean>(isEnabled || false);\n\n  const progress = useDerivedValue(() => withTiming(active ? resMaxWidth : 0));\n\n  useEffect(() => {\n    setActive(isEnabled as boolean);\n  }, [isEnabled]);\n\n  const containerStyle = size\n    ? styleBySize[size] || styleBySize.medium\n    : styleBySize.medium;\n\n  useEffect(() => {\n    if (active) {\n      switchTranslate.value = resMaxWidth;\n    } else {\n      switchTranslate.value = resMinWidth;\n    }\n  }, [active, switchTranslate, resMaxWidth, resMinWidth]);\n\n  const customSpringStyles = useAnimatedStyle(() => ({\n    transform: [\n      {\n        translateX: withSpring(switchTranslate.value, {\n          mass: 1,\n          damping: 15,\n          stiffness: 120,\n          overshootClamping: false,\n          restSpeedThreshold: 0.001,\n          restDisplacementThreshold: 0.001,\n        }),\n      },\n    ],\n  }));\n\n  const backgroundColorStyle = useAnimatedStyle(() => {\n    const backgroundColor = interpolateColor(\n      progress.value,\n      [0, resMaxWidth],\n      [inActiveColor, activeColor],\n    );\n    return {\n      backgroundColor,\n    };\n  });\n\n  const _onSwitch = async () => {\n    const switchValue = !active;\n    setActive(switchValue);\n    onSwitch && onSwitch(switchValue);\n  };\n\n  return (\n    <TouchableWithoutFeedback onPress={_onSwitch}>\n      <Animated.View\n        style={[\n          styles.container,\n          backgroundColorStyle,\n          {width: containerStyle.width},\n          {height: containerStyle.height},\n        ]}>\n        <Animated.View\n          style={[\n            styles.circle,\n            customSpringStyles,\n            {width: containerStyle.circleSize},\n            {height: containerStyle.circleSize},\n          ]}\n        />\n      </Animated.View>\n    </TouchableWithoutFeedback>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    borderRadius: pw(30),\n    justifyContent: 'center',\n    backgroundColor: colors.neutral['60'],\n  },\n  circle: {\n    borderRadius: pw(30),\n    backgroundColor: colors.white['10'],\n    shadowColor: colors.black['100'],\n    shadowOffset: {\n      width: 0,\n      height: pw(2),\n    },\n    shadowOpacity: 0.2,\n    shadowRadius: 2.5,\n    elevation: 4,\n  },\n});\n"],"names":["pw"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export * from './Switch';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Switch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/Switch/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

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

@@ -0,0 +1,20 @@
+export declare const resMaxWidth: 22;
+export declare const resMinWidth: 2;
+export declare const styleBySize: {
+    small: {
+        width: 32;
+        height: 18;
+        circleSize: 14;
+    };
+    medium: {
+        width: 48;
+        height: 28;
+        circleSize: 24;
+    };
+    large: {
+        width: 64;
+        height: 36;
+        circleSize: 30;
+    };
+};
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/Switch/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../components/Switch/styles.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,IAAS,CAAC;AAClC,eAAO,MAAM,WAAW,GAAQ,CAAC;AAEjC,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;CAgBvB,CAAC"}

package/dist/components/Switch/styles.js

@@ -0,0 +1,25 @@
+import '../../themes/base/styles.js';
+import '../../themes/images.js';
+import { pw as responsiveWidth } from '../../themes/metrics.js';
+import '../../themes/stats.js';
+
+const styleBySize = {
+    small: {
+        width: responsiveWidth(32),
+        height: responsiveWidth(18),
+        circleSize: responsiveWidth(14),
+    },
+    medium: {
+        width: responsiveWidth(48),
+        height: responsiveWidth(28),
+        circleSize: responsiveWidth(24),
+    },
+    large: {
+        width: responsiveWidth(64),
+        height: responsiveWidth(36),
+        circleSize: responsiveWidth(30),
+    },
+};
+
+export { styleBySize };
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../components/Switch/styles.tsx"],"sourcesContent":["import {pw} from '@ui/themes';\n\nexport const resMaxWidth = pw(22);\nexport const resMinWidth = pw(2);\n\nexport const styleBySize = {\n  small: {\n    width: pw(32),\n    height: pw(18),\n    circleSize: pw(14),\n  },\n  medium: {\n    width: pw(48),\n    height: pw(28),\n    circleSize: pw(24),\n  },\n  large: {\n    width: pw(64),\n    height: pw(36),\n    circleSize: pw(30),\n  },\n};\n"],"names":["pw"],"mappings":";;;;;AAKa,MAAA,WAAW,GAAG;AACzB,IAAA,KAAK,EAAE;AACL,QAAA,KAAK,EAAEA,eAAE,CAAC,EAAE,CAAC;AACb,QAAA,MAAM,EAAEA,eAAE,CAAC,EAAE,CAAC;AACd,QAAA,UAAU,EAAEA,eAAE,CAAC,EAAE,CAAC;AACnB,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,KAAK,EAAEA,eAAE,CAAC,EAAE,CAAC;AACb,QAAA,MAAM,EAAEA,eAAE,CAAC,EAAE,CAAC;AACd,QAAA,UAAU,EAAEA,eAAE,CAAC,EAAE,CAAC;AACnB,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,KAAK,EAAEA,eAAE,CAAC,EAAE,CAAC;AACb,QAAA,MAAM,EAAEA,eAAE,CAAC,EAAE,CAAC;AACd,QAAA,UAAU,EAAEA,eAAE,CAAC,EAAE,CAAC;AACnB,KAAA;;;;;"}

package/dist/components/Switch/type.d.ts

@@ -0,0 +1,12 @@
+type SwitchProps = {
+    isEnabled?: boolean;
+    activeColor?: string;
+    inActiveColor?: string;
+    width?: number;
+    height?: number;
+    circleSize?: number;
+    size?: 'small' | 'medium' | 'large';
+    onSwitch?: (value: boolean) => void;
+};
+
+export type { SwitchProps };

package/dist/components/Switch/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../components/Switch/type.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACrC,CAAC"}

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { CustomTextProps } from './type.js';
+
+declare const Text: React.FC<CustomTextProps>;
+
+export { Text as default };

package/dist/components/Text/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/Text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,eAAe,EAAC,MAAM,QAAQ,CAAC;AAGvC,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAiCnC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/Text/index.js

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { Text as Text$1 } from 'react-native';
+import { colorsText, textSize } from './styles.js';
+
+const Text = ({ style, color = 'primary', size = 'xs', fontFamily = 'Inter', fontWeight = '400', children, lineHeight, ...props }) => {
+    const colorStyle = color ? { color: colorsText[color] } : {};
+    const fontSize = size ? { fontSize: textSize[size] } : {};
+    const textStyle = {
+        fontFamily,
+        fontWeight,
+    };
+    const fontWeightStyle = fontWeight ? { fontWeight } : {};
+    return (React.createElement(Text$1, { adjustsFontSizeToFit: true, style: [
+            colorStyle,
+            fontSize,
+            textStyle,
+            fontWeightStyle,
+            { lineHeight },
+            style,
+        ], ...props }, children));
+};
+
+export { Text as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../components/Text/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport {Text as RNText, TextStyle} from 'react-native';\nimport {CustomTextProps} from './type';\nimport {colorsText, textSize} from './styles';\n\nconst Text: React.FC<CustomTextProps> = ({\n  style,\n  color = 'primary',\n  size = 'xs',\n  fontFamily = 'Inter',\n  fontWeight = '400',\n  children,\n  lineHeight,\n  ...props\n}) => {\n  const colorStyle: TextStyle = color ? {color: colorsText[color]} : {};\n  const fontSize: TextStyle = size ? {fontSize: textSize[size]} : {};\n  const textStyle: TextStyle = {\n    fontFamily,\n    fontWeight,\n  };\n\n  const fontWeightStyle: TextStyle = fontWeight ? {fontWeight} : {};\n  return (\n    <RNText\n      adjustsFontSizeToFit={true}\n      style={[\n        colorStyle,\n        fontSize,\n        textStyle,\n        fontWeightStyle,\n        {lineHeight},\n        style,\n      ]}\n      {...props}>\n      {children}\n    </RNText>\n  );\n};\n\nexport default Text;\n"],"names":["RNText"],"mappings":";;;;AAKA,MAAM,IAAI,GAA8B,CAAC,EACvC,KAAK,EACL,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,IAAI,EACX,UAAU,GAAG,OAAO,EACpB,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,UAAU,EACV,GAAG,KAAK,EACT,KAAI;AACH,IAAA,MAAM,UAAU,GAAc,KAAK,GAAG,EAAC,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,EAAC,GAAG,EAAE;AACrE,IAAA,MAAM,QAAQ,GAAc,IAAI,GAAG,EAAC,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC,EAAC,GAAG,EAAE;AAClE,IAAA,MAAM,SAAS,GAAc;QAC3B,UAAU;QACV,UAAU;KACX;AAED,IAAA,MAAM,eAAe,GAAc,UAAU,GAAG,EAAC,UAAU,EAAC,GAAG,EAAE;IACjE,QACE,oBAACA,MAAM,EAAA,EACL,oBAAoB,EAAE,IAAI,EAC1B,KAAK,EAAE;YACL,UAAU;YACV,QAAQ;YACR,SAAS;YACT,eAAe;AACf,YAAA,EAAC,UAAU,EAAC;YACZ,KAAK;AACN,SAAA,EAAA,GACG,KAAK,EAAA,EACR,QAAQ,CACF;AAEb;;;;"}

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

@@ -0,0 +1,4 @@
+export declare const colorsText: Record<string, string>;
+export declare const textSize: Record<string, number>;
+export declare const fontText: Record<string, string>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/Text/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../components/Text/styles.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAe7C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAW3C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAU3C,CAAC"}

package/dist/components/Text/styles.js

@@ -0,0 +1,48 @@
+import '../../themes/base/styles.js';
+import { colors } from '../../themes/colors.js';
+import '../../themes/images.js';
+import { FontSizes, FontFamily } from '../../themes/metrics.js';
+import '../../themes/stats.js';
+
+const colorsText = {
+    primary: colors.neutral[100],
+    secondary: colors.neutral[90],
+    tertiary: colors.neutral[80],
+    disabled: colors.neutral[60],
+    error: colors.red[90],
+    success: colors.green[90],
+    warning: colors.orange[90],
+    info: colors.blue[90],
+    interactive: colors.secondary[100],
+    hover: colors.teal[90],
+    focus: colors.teal[100],
+    active: colors.teal[100],
+    brand: colors.teal[60],
+    white: colors.white[10],
+};
+const textSize = {
+    xxxs: FontSizes.font3XS,
+    xxs: FontSizes.fontXXS,
+    xs: FontSizes.fontXS,
+    small: FontSizes.fontSmall,
+    medium: FontSizes.fontMedium,
+    large: FontSizes.fontLarge,
+    xl: FontSizes.fontXL,
+    xxl: FontSizes.fontXXL,
+    xxxl: FontSizes.fontXXXL,
+    xxxxl: FontSizes.fontXXXL,
+};
+({
+    100: FontFamily.Thin,
+    200: FontFamily.ExtraLight,
+    300: FontFamily.Light,
+    400: FontFamily.Regular,
+    500: FontFamily.Medium,
+    600: FontFamily.SemiBold,
+    700: FontFamily.Bold,
+    800: FontFamily.ExtraBold,
+    900: FontFamily.Black,
+});
+
+export { colorsText, textSize };
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../components/Text/styles.tsx"],"sourcesContent":["import {colors, FontFamily, FontSizes} from '@ui/themes';\n\nexport const colorsText: Record<string, string> = {\n  primary: colors.neutral[100],\n  secondary: colors.neutral[90],\n  tertiary: colors.neutral[80],\n  disabled: colors.neutral[60],\n  error: colors.red[90],\n  success: colors.green[90],\n  warning: colors.orange[90],\n  info: colors.blue[90],\n  interactive: colors.secondary[100],\n  hover: colors.teal[90],\n  focus: colors.teal[100],\n  active: colors.teal[100],\n  brand: colors.teal[60],\n  white: colors.white[10],\n};\n\nexport const textSize: Record<string, number> = {\n  xxxs: FontSizes.font3XS,\n  xxs: FontSizes.fontXXS,\n  xs: FontSizes.fontXS,\n  small: FontSizes.fontSmall,\n  medium: FontSizes.fontMedium,\n  large: FontSizes.fontLarge,\n  xl: FontSizes.fontXL,\n  xxl: FontSizes.fontXXL,\n  xxxl: FontSizes.fontXXXL,\n  xxxxl: FontSizes.fontXXXL,\n};\n\nexport const fontText: Record<string, string> = {\n  100: FontFamily.Thin,\n  200: FontFamily.ExtraLight,\n  300: FontFamily.Light,\n  400: FontFamily.Regular,\n  500: FontFamily.Medium,\n  600: FontFamily.SemiBold,\n  700: FontFamily.Bold,\n  800: FontFamily.ExtraBold,\n  900: FontFamily.Black,\n};\n"],"names":[],"mappings":";;;;;;AAEa,MAAA,UAAU,GAA2B;AAChD,IAAA,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;AAC5B,IAAA,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;AAC7B,IAAA,QAAQ,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;AAC5B,IAAA,QAAQ,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;AAC5B,IAAA,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC;AACrB,IAAA,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;AACzB,IAAA,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;AAC1B,IAAA,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;AACrB,IAAA,WAAW,EAAE,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC;AAClC,IAAA,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;AACtB,IAAA,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AACvB,IAAA,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AACxB,IAAA,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;AACtB,IAAA,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;;AAGZ,MAAA,QAAQ,GAA2B;IAC9C,IAAI,EAAE,SAAS,CAAC,OAAO;IACvB,GAAG,EAAE,SAAS,CAAC,OAAO;IACtB,EAAE,EAAE,SAAS,CAAC,MAAM;IACpB,KAAK,EAAE,SAAS,CAAC,SAAS;IAC1B,MAAM,EAAE,SAAS,CAAC,UAAU;IAC5B,KAAK,EAAE,SAAS,CAAC,SAAS;IAC1B,EAAE,EAAE,SAAS,CAAC,MAAM;IACpB,GAAG,EAAE,SAAS,CAAC,OAAO;IACtB,IAAI,EAAE,SAAS,CAAC,QAAQ;IACxB,KAAK,EAAE,SAAS,CAAC,QAAQ;;CAGqB;IAC9C,GAAG,EAAE,UAAU,CAAC,IAAI;IACpB,GAAG,EAAE,UAAU,CAAC,UAAU;IAC1B,GAAG,EAAE,UAAU,CAAC,KAAK;IACrB,GAAG,EAAE,UAAU,CAAC,OAAO;IACvB,GAAG,EAAE,UAAU,CAAC,MAAM;IACtB,GAAG,EAAE,UAAU,CAAC,QAAQ;IACxB,GAAG,EAAE,UAAU,CAAC,IAAI;IACpB,GAAG,EAAE,UAAU,CAAC,SAAS;IACzB,GAAG,EAAE,UAAU,CAAC,KAAK;;;;;"}

package/dist/components/Text/type.d.ts

@@ -0,0 +1,13 @@
+import React__default from 'react';
+import { TextProps } from 'react-native';
+
+interface CustomTextProps extends TextProps {
+    children: React__default.ReactNode;
+    size?: 'xxxs' | 'xxs' | 'xs' | 'small' | 'medium' | 'large' | 'xl' | 'xxl' | 'xxxl' | 'xxxxl';
+    color?: 'primary' | 'secondary' | 'tertiary' | 'disabled' | 'error' | 'success' | 'warning' | 'info' | 'interactive' | 'hover' | 'active' | 'focus' | 'brand' | 'white' | 'white';
+    fontFamily?: 'Inter' | string;
+    fontWeight?: '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+    lineHeight?: number;
+}
+
+export type { CustomTextProps };

package/dist/components/Text/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../components/Text/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,IAAI,WAAW,EAAC,MAAM,cAAc,CAAC;AACtD,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAClD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EACD,MAAM,GACN,KAAK,GACL,IAAI,GACJ,OAAO,GACP,QAAQ,GACR,OAAO,GACP,IAAI,GACJ,KAAK,GACL,MAAM,GACN,OAAO,CAAC;IACZ,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,UAAU,GACV,UAAU,GACV,OAAO,GACP,SAAS,GACT,SAAS,GACT,MAAM,GACN,aAAa,GACb,OAAO,GACP,QAAQ,GACR,OAAO,GACP,OAAO,GACP,OAAO,GACP,OAAO,CAAC;IACZ,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,UAAU,CAAC,EACP,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,CAAC;IACV,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

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

@@ -0,0 +1,5 @@
+import { TickItemProps } from './type.js';
+
+declare const TickItem: ({ isRead, disabled, ruleText, handlePress, style, }: TickItemProps) => any;
+
+export { TickItem };

package/dist/components/TickItem/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/TickItem/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAC,aAAa,EAAC,MAAM,QAAQ,CAAC;AAGrC,eAAO,MAAM,QAAQ,GAAI,qDAMtB,aAAa,QAsBf,CAAC"}

package/dist/components/TickItem/index.js

@@ -0,0 +1,47 @@
+import { Pressable, View } from 'react-native';
+import * as React from 'react';
+import '../Toasts/Toast.js';
+import { Icon } from '../Icons/Icon.js';
+import '../Container/Container.js';
+import '../ProgressBars/CircleProgressBar.js';
+import '../Inputs/InputField.js';
+import '../Inputs/SelectField.js';
+import 'react-native-reanimated';
+import Text from '../Text/index.js';
+import '../Header/styles.js';
+import '../../themes/base/styles.js';
+import { colors } from '../../themes/colors.js';
+import '../../themes/images.js';
+import '../../themes/metrics.js';
+import '../../themes/stats.js';
+import { styles } from './styles.js';
+import '../IconWithLabel/IconWithLabel.js';
+import '../OptionalUtilities/OptionalUtilities.js';
+import '../Switch/Switch.js';
+import '../SnapImageCarousel/CardStatusThumbnail.js';
+import '../SnapImageCarousel/SnapImageCarousel.js';
+import '../SnapImageCarousel/consts.js';
+import 'react-native-fast-image';
+import '../SkeletonLoader/SkeletonLoader.js';
+import '../NotificationModal/NotificationModal.js';
+import '../Modal/Modal.js';
+import '../Button/styles.js';
+import '../LoadingOverlay/LoadingOverlay.js';
+import '../BalanceCard/BalanceCard.js';
+import '../PaymentMethodCard/PaymentMethodCard.js';
+import '../PaymentMethodCardWithAmount/PaymentMethodCardWithAmount.js';
+
+const TickItem = ({ isRead, disabled = false, ruleText, handlePress, style, }) => {
+    return (React.createElement(Pressable, { disabled: disabled, onPress: handlePress, style: [style, styles.ruleName] },
+        React.createElement(View, { style: [
+                styles.checkBox,
+                {
+                    backgroundColor: isRead ? colors.teal[60] : colors.neutral[20],
+                },
+            ] },
+            React.createElement(Icon, { name: "ic_checkmark_white", width: 16, height: 16 })),
+        React.createElement(Text, { size: "small", color: "secondary", style: styles.ruleNameText }, ruleText)));
+};
+
+export { TickItem };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../components/TickItem/index.tsx"],"sourcesContent":["import {Pressable, View} from 'react-native';\nimport * as React from 'react';\nimport {Icon} from '@ui/components';\nimport Text from '@ui/components/Text';\nimport {colors} from '@ui/themes';\nimport {TickItemProps} from './type';\nimport {styles} from './styles';\n\nexport const TickItem = ({\n  isRead,\n  disabled = false,\n  ruleText,\n  handlePress,\n  style,\n}: TickItemProps) => {\n  return (\n    <Pressable\n      disabled={disabled}\n      onPress={handlePress}\n      style={[style, styles.ruleName]}\n    >\n      <View\n        style={[\n          styles.checkBox,\n          {\n            backgroundColor: isRead ? colors.teal[60] : colors.neutral[20],\n          },\n        ]}\n      >\n        <Icon name=\"ic_checkmark_white\" width={16} height={16} />\n      </View>\n      <Text size=\"small\" color=\"secondary\" style={styles.ruleNameText}>\n        {ruleText}\n      </Text>\n    </Pressable>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQa,MAAA,QAAQ,GAAG,CAAC,EACvB,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,WAAW,EACX,KAAK,GACS,KAAI;IAClB,QACE,oBAAC,SAAS,EAAA,EACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAA;QAE/B,KAAC,CAAA,aAAA,CAAA,IAAI,EACH,EAAA,KAAK,EAAE;AACL,gBAAA,MAAM,CAAC,QAAQ;AACf,gBAAA;AACE,oBAAA,eAAe,EAAE,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;AAC/D,iBAAA;AACF,aAAA,EAAA;AAED,YAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAC,oBAAoB,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CACpD;QACP,KAAC,CAAA,aAAA,CAAA,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAE,MAAM,CAAC,YAAY,EAAA,EAC5D,QAAQ,CACJ,CACG;AAEhB;;;;"}

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

@@ -0,0 +1,2 @@
+export declare const styles: any;
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/TickItem/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../components/TickItem/styles.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,KAgBjB,CAAC"}

package/dist/components/TickItem/styles.js

@@ -0,0 +1,26 @@
+import { StyleSheet } from 'react-native';
+import '../../themes/base/styles.js';
+import '../../themes/images.js';
+import { ph as responsiveHeight, pw as responsiveWidth, Space } from '../../themes/metrics.js';
+import '../../themes/stats.js';
+
+const styles = StyleSheet.create({
+    ruleName: {
+        flexDirection: "row",
+        alignItems: "center",
+        gap: Space.xs,
+    },
+    ruleNameText: {
+        lineHeight: responsiveHeight(21),
+    },
+    checkBox: {
+        width: responsiveWidth(20),
+        height: responsiveHeight(20),
+        borderRadius: "50%",
+        justifyContent: "center",
+        alignItems: "center",
+    },
+});
+
+export { styles };
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../components/TickItem/styles.tsx"],"sourcesContent":["import { StyleSheet } from \"react-native\";\nimport { ph, pw, Space } from \"@ui/themes\";\nexport const styles = StyleSheet.create({\n  ruleName: {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    gap: Space.xs,\n  },\n  ruleNameText: {\n    lineHeight: ph(21),\n  },\n  checkBox: {\n    width: pw(20),\n    height: ph(20),\n    borderRadius: \"50%\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n});\n"],"names":["ph","pw"],"mappings":";;;;;;AAEa,MAAA,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;AACtC,IAAA,QAAQ,EAAE;AACR,QAAA,aAAa,EAAE,KAAK;AACpB,QAAA,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,KAAK,CAAC,EAAE;AACd,KAAA;AACD,IAAA,YAAY,EAAE;AACZ,QAAA,UAAU,EAAEA,gBAAE,CAAC,EAAE,CAAC;AACnB,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAEC,eAAE,CAAC,EAAE,CAAC;AACb,QAAA,MAAM,EAAED,gBAAE,CAAC,EAAE,CAAC;AACd,QAAA,YAAY,EAAE,KAAK;AACnB,QAAA,cAAc,EAAE,QAAQ;AACxB,QAAA,UAAU,EAAE,QAAQ;AACrB,KAAA;AACF,CAAA;;;;"}

package/dist/components/TickItem/type.d.ts

@@ -0,0 +1,11 @@
+import { StyleProp, ViewStyle } from 'react-native';
+
+interface TickItemProps {
+    isRead: boolean;
+    disabled?: boolean;
+    ruleText: string;
+    handlePress?: () => void;
+    style?: StyleProp<ViewStyle>;
+}
+
+export type { TickItemProps };

package/dist/components/TickItem/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../components/TickItem/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAClD,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B"}

package/dist/components/Toasts/AnimatedContainer.d.ts

@@ -0,0 +1,22 @@
+import { PanResponderGestureState } from 'react-native';
+import { ReactChildren, ToastPosition } from '@ui/types';
+export type AnimatedContainerProps = {
+    children: ReactChildren;
+    isVisible: boolean;
+    position: ToastPosition;
+    topOffset: number;
+    swipeable: boolean;
+    bottomOffset: number;
+    onHide: () => void;
+    onRestorePosition?: () => void;
+};
+/**
+ * Produces a positive damping value.
+ *
+ * To note: `moveY` becomes negative when going off-screen. By making sure the value
+ * produced is always positive, we avoid issues like: https://github.com/calintamas/react-native-toast-message/issues/280
+ */
+export declare function dampingFor(gesture: PanResponderGestureState, position: ToastPosition): number;
+export declare function animatedValueFor(gesture: PanResponderGestureState, position: ToastPosition, damping: number): number;
+export declare function AnimatedContainer({ children, isVisible, position, topOffset, bottomOffset, onHide, onRestorePosition, swipeable, }: AnimatedContainerProps): any;
+//# sourceMappingURL=AnimatedContainer.d.ts.map

package/dist/components/Toasts/AnimatedContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedContainer.d.ts","sourceRoot":"","sources":["../../../components/Toasts/AnimatedContainer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAuB,wBAAwB,EAAC,MAAM,cAAc,CAAC;AAG5E,OAAO,EAAC,aAAa,EAAE,aAAa,EAAC,MAAM,WAAW,CAAC;AAIvD,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,aAAa,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,aAAa,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,UAAU,CACxB,OAAO,EAAE,wBAAwB,EACjC,QAAQ,EAAE,aAAa,UAcxB;AAED,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,wBAAwB,EACjC,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,MAAM,UAahB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,MAAM,EACN,iBAAmC,EACnC,SAAS,GACV,EAAE,sBAAsB,OAoDxB"}

package/dist/components/Toasts/AnimatedContainer.js

@@ -0,0 +1,85 @@
+import * as React from 'react';
+import { Animated, Dimensions } from 'react-native';
+import '../../hooks/usePermission.js';
+import '../../hooks/useToast.js';
+import { usePanResponder } from '../../hooks/usePanResponder.js';
+import { useSlideAnimation } from '../../hooks/useSlideAnimation.js';
+import { useViewDimensions } from '../../hooks/useViewDimensions.js';
+import '../../utils/storage.js';
+import { bound } from '../../utils/number.js';
+import '../../utils/dayjs.js';
+import '../../constants/enum.js';
+import '../../constants/const.js';
+import { styles } from './AnimatedContainer.styles.js';
+
+/**
+ * Produces a positive damping value.
+ *
+ * To note: `moveY` becomes negative when going off-screen. By making sure the value
+ * produced is always positive, we avoid issues like: https://github.com/calintamas/react-native-toast-message/issues/280
+ */
+function dampingFor(gesture, position) {
+    const { moveY } = gesture;
+    switch (position) {
+        case 'bottom': {
+            const { height: screenHeight } = Dimensions.get('screen');
+            return Math.abs(screenHeight - moveY);
+        }
+        case 'top':
+            return Math.abs(moveY);
+        default:
+            throw new Error(`Toast position: ${position} not implemented`);
+    }
+}
+function animatedValueFor(gesture, position, damping) {
+    const boundValue = (val) => bound(val, 0, 2);
+    const { dy } = gesture;
+    switch (position) {
+        case 'bottom':
+            return boundValue(1 - dy / damping);
+        case 'top':
+            return boundValue(1 + dy / damping);
+        default:
+            throw new Error(`Toast position: ${position} not implemented`);
+    }
+}
+function AnimatedContainer({ children, isVisible, position, topOffset, bottomOffset, onHide, onRestorePosition = () => undefined, swipeable, }) {
+    const { computeViewDimensions, height } = useViewDimensions();
+    const { animatedValue, animate, animationStyles } = useSlideAnimation({
+        position,
+        height,
+        topOffset,
+        bottomOffset,
+    });
+    const onDismiss = React.useCallback(() => {
+        animate(0);
+        onHide();
+    }, [animate, onHide]);
+    const onRestore = React.useCallback(() => {
+        animate(1);
+        onRestorePosition();
+    }, [animate, onRestorePosition]);
+    const computeNewAnimatedValueForGesture = React.useCallback((gesture) => {
+        const damping = dampingFor(gesture, position);
+        const newAnimatedValue = animatedValueFor(gesture, position, damping);
+        return newAnimatedValue;
+    }, [position]);
+    const { panResponder } = usePanResponder({
+        animatedValue,
+        computeNewAnimatedValueForGesture,
+        onDismiss,
+        onRestore,
+        disable: !swipeable,
+    });
+    React.useLayoutEffect(() => {
+        const newAnimationValue = isVisible ? 1 : 0;
+        animate(newAnimationValue);
+    }, [animate, isVisible]);
+    return (React.createElement(Animated.View, { onLayout: computeViewDimensions, style: [styles.base, styles[position], animationStyles], 
+        // This container View is never the target of touch events but its subviews can be.
+        // By doing this, tapping buttons behind the Toast is allowed
+        pointerEvents: isVisible ? 'box-none' : 'none', ...panResponder.panHandlers }, children));
+}
+
+export { AnimatedContainer, animatedValueFor, dampingFor };
+//# sourceMappingURL=AnimatedContainer.js.map

package/dist/components/Toasts/AnimatedContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedContainer.js","sources":["../../../../components/Toasts/AnimatedContainer.tsx"],"sourcesContent":["import * as React from 'react';\nimport {Animated, Dimensions, PanResponderGestureState} from 'react-native';\n\nimport {usePanResponder, useSlideAnimation, useViewDimensions} from '@ui/hooks';\nimport {ReactChildren, ToastPosition} from '@ui/types';\nimport {bound} from '@ui/utils';\nimport {styles} from './AnimatedContainer.styles';\n\nexport type AnimatedContainerProps = {\n  children: ReactChildren;\n  isVisible: boolean;\n  position: ToastPosition;\n  topOffset: number;\n  swipeable: boolean;\n  bottomOffset: number;\n  onHide: () => void;\n  onRestorePosition?: () => void;\n};\n\n/**\n * Produces a positive damping value.\n *\n * To note: `moveY` becomes negative when going off-screen. By making sure the value\n * produced is always positive, we avoid issues like: https://github.com/calintamas/react-native-toast-message/issues/280\n */\nexport function dampingFor(\n  gesture: PanResponderGestureState,\n  position: ToastPosition,\n) {\n  const {moveY} = gesture;\n\n  switch (position) {\n    case 'bottom': {\n      const {height: screenHeight} = Dimensions.get('screen');\n      return Math.abs(screenHeight - moveY);\n    }\n    case 'top':\n      return Math.abs(moveY);\n    default:\n      throw new Error(`Toast position: ${position} not implemented`);\n  }\n}\n\nexport function animatedValueFor(\n  gesture: PanResponderGestureState,\n  position: ToastPosition,\n  damping: number,\n) {\n  const boundValue = (val: number) => bound(val, 0, 2);\n  const {dy} = gesture;\n\n  switch (position) {\n    case 'bottom':\n      return boundValue(1 - dy / damping);\n    case 'top':\n      return boundValue(1 + dy / damping);\n    default:\n      throw new Error(`Toast position: ${position} not implemented`);\n  }\n}\n\nexport function AnimatedContainer({\n  children,\n  isVisible,\n  position,\n  topOffset,\n  bottomOffset,\n  onHide,\n  onRestorePosition = () => undefined,\n  swipeable,\n}: AnimatedContainerProps) {\n  const {computeViewDimensions, height} = useViewDimensions();\n\n  const {animatedValue, animate, animationStyles} = useSlideAnimation({\n    position,\n    height,\n    topOffset,\n    bottomOffset,\n  });\n\n  const onDismiss = React.useCallback(() => {\n    animate(0);\n    onHide();\n  }, [animate, onHide]);\n\n  const onRestore = React.useCallback(() => {\n    animate(1);\n    onRestorePosition();\n  }, [animate, onRestorePosition]);\n\n  const computeNewAnimatedValueForGesture = React.useCallback(\n    (gesture: PanResponderGestureState) => {\n      const damping = dampingFor(gesture, position);\n      const newAnimatedValue = animatedValueFor(gesture, position, damping);\n      return newAnimatedValue;\n    },\n    [position],\n  );\n  const {panResponder} = usePanResponder({\n    animatedValue,\n    computeNewAnimatedValueForGesture,\n    onDismiss,\n    onRestore,\n    disable: !swipeable,\n  });\n\n  React.useLayoutEffect(() => {\n    const newAnimationValue = isVisible ? 1 : 0;\n    animate(newAnimationValue);\n  }, [animate, isVisible]);\n\n  return (\n    <Animated.View\n      onLayout={computeViewDimensions}\n      style={[styles.base, styles[position], animationStyles]}\n      // This container View is never the target of touch events but its subviews can be.\n      // By doing this, tapping buttons behind the Toast is allowed\n      pointerEvents={isVisible ? 'box-none' : 'none'}\n      {...panResponder.panHandlers}>\n      {children}\n    </Animated.View>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/Toasts/AnimatedContainer.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: any;
+//# sourceMappingURL=AnimatedContainer.styles.d.ts.map

package/dist/components/Toasts/AnimatedContainer.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedContainer.styles.d.ts","sourceRoot":"","sources":["../../../components/Toasts/AnimatedContainer.styles.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,KAcjB,CAAC"}

package/dist/components/Toasts/AnimatedContainer.styles.js

@@ -0,0 +1,20 @@
+import { StyleSheet } from 'react-native';
+
+const styles = StyleSheet.create({
+    base: {
+        position: 'absolute',
+        left: 0,
+        right: 0,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    top: {
+        top: 0,
+    },
+    bottom: {
+        bottom: 0,
+    },
+});
+
+export { styles };
+//# sourceMappingURL=AnimatedContainer.styles.js.map

package/dist/components/Toasts/AnimatedContainer.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedContainer.styles.js","sources":["../../../../components/Toasts/AnimatedContainer.styles.tsx"],"sourcesContent":["import {StyleSheet} from 'react-native';\n\nexport const styles = StyleSheet.create({\n  base: {\n    position: 'absolute',\n    left: 0,\n    right: 0,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  top: {\n    top: 0,\n  },\n  bottom: {\n    bottom: 0,\n  },\n});\n"],"names":[],"mappings":";;AAEa,MAAA,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;AACtC,IAAA,IAAI,EAAE;AACJ,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,KAAK,EAAE,CAAC;AACR,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,cAAc,EAAE,QAAQ;AACzB,KAAA;AACD,IAAA,GAAG,EAAE;AACH,QAAA,GAAG,EAAE,CAAC;AACP,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,MAAM,EAAE,CAAC;AACV,KAAA;AACF,CAAA;;;;"}

package/dist/components/Toasts/BaseToast.d.ts

@@ -0,0 +1,3 @@
+import { BaseToastProps } from '@ui/types';
+export declare function BaseToast({ title, type, subTitle, hide, onPress, activeOpacity, style, touchableContainerProps, contentContainerStyle, contentContainerProps, titleStyle, titleNumberOfLines, titleProps, subTitleStyle, subTitleProps, isShowLeftIcon, isShowRightIcon, }: BaseToastProps): any;
+//# sourceMappingURL=BaseToast.d.ts.map

package/dist/components/Toasts/BaseToast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseToast.d.ts","sourceRoot":"","sources":["../../../components/Toasts/BaseToast.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAC,cAAc,EAAa,MAAM,WAAW,CAAC;AAKrD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,aAAiB,EACjB,KAAK,EACL,uBAAuB,EACvB,qBAAqB,EACrB,qBAAqB,EACrB,UAAU,EACV,kBAAsB,EACtB,UAAU,EACV,aAAa,EACb,aAAa,EACb,cAAsB,EACtB,eAAuB,GACxB,EAAE,cAAc,OAgFhB"}