@teamnhz/rn-ui-toolkit 1.0.0

package/dist/components/Spinner/index.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { StyleSheet, ActivityIndicator, View } from 'react-native';
+import { Colors } from '../../styles';
+const Spinner = ({ loaderStyle, size = 'large', color = Colors.primaryColor, ...props }) => {
+    // Force size to be 'small' or 'large' to prevent crash
+    const spinnerSize = size === 'small' ? 'small' : 'large';
+    return (React.createElement(View, { style: [styles.loaderParentStyle, loaderStyle] },
+        React.createElement(ActivityIndicator, { size: spinnerSize, color: color, ...props })));
+};
+export default Spinner;
+const styles = StyleSheet.create({
+    loaderParentStyle: {
+        flexGrow: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+});

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

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const SwitchUI: ({ isEnabled, onValueChange }: {
+    isEnabled?: boolean;
+    onValueChange?: (value: boolean) => void;
+}) => React.JSX.Element;
+export default SwitchUI;

package/dist/components/Switch/index.js

@@ -0,0 +1,23 @@
+import React, { useState } from 'react';
+import { View, Switch, StyleSheet } from 'react-native';
+import { Colors } from '../../styles';
+// Switch component
+const SwitchUI = ({ isEnabled, onValueChange }) => {
+    const [internalState, setInternalState] = useState(isEnabled ?? false);
+    const toggleSwitch = () => {
+        setInternalState(prev => !prev);
+        onValueChange && onValueChange(!internalState);
+    };
+    const value = isEnabled ?? internalState;
+    return (React.createElement(View, { style: [
+            styles.container,
+            { borderColor: value ? Colors.primaryColor : Colors.disabledGrey },
+        ] },
+        React.createElement(Switch, { trackColor: { false: 'grey', true: 'green' }, style: { transform: [{ scaleX: 0.8 }, { scaleY: 0.8 }] }, thumbColor: value ? Colors.primaryColor : Colors.disabledGrey, onValueChange: toggleSwitch, value: value })));
+};
+const styles = StyleSheet.create({
+    container: {
+        flex: 1
+    },
+});
+export default SwitchUI;

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { TextProps, TextStyle } from 'react-native';
+type AppTextProps = TextProps & {
+    title: string;
+    value?: string | number;
+    value2?: string | number;
+    value3?: string | number;
+    intlType?: string;
+    textStyle?: TextStyle | TextStyle[];
+    color?: string;
+    size?: number;
+    isTime?: boolean;
+    isDate?: boolean;
+    reactComponent?: React.ReactNode;
+};
+declare const T: ({ title, value, value2, value3, intlType, textStyle, isTime, isDate, reactComponent, color, size, ...props }: AppTextProps) => React.JSX.Element;
+export default T;

package/dist/components/T/index.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Text } from 'react-native';
+import { useTranslation } from 'react-i18next';
+import { Colors, Scale, Typography } from '../../styles';
+const T = ({ title, value, value2, value3, intlType, textStyle, isTime, isDate, reactComponent, color = Colors.textColor, size = 14, ...props }) => {
+    const { t } = useTranslation(['common', 'validation', 'address']);
+    const defaultStyles = {
+        color,
+        ...Typography.style.standardU(),
+        fontSize: Scale.moderateScale(size),
+    };
+    const textStyles = Array.isArray(textStyle)
+        ? [defaultStyles, ...textStyle]
+        : [defaultStyles, textStyle];
+    const renderText = () => intlType
+        ? t(title, { ns: intlType, value, value2, value3 })
+        : t(title, { value, value2, value3 });
+    return (React.createElement(Text, { style: textStyles, ...props }, reactComponent || (isTime || isDate ? title : renderText())));
+};
+export default T;

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

@@ -0,0 +1,13 @@
+import React from "react";
+interface AppToastProps {
+    visible: boolean;
+    message: string;
+    duration?: number;
+    onHide: () => void;
+    type?: "success" | "danger" | "warning" | "info" | "custom";
+    position?: "top" | "bottom";
+    customColor?: string;
+    icon?: any;
+}
+declare const Toast: React.FC<AppToastProps>;
+export default Toast;

package/dist/components/Toast/index.js

@@ -0,0 +1,84 @@
+import React, { useEffect, useRef } from "react";
+import { Modal, View, Text, StyleSheet, Animated, Image, } from "react-native";
+import { Colors } from "../../styles";
+const Toast = ({ visible, message, duration = 2000, onHide, type = "info", position = "top", customColor, icon, }) => {
+    const fadeAnim = useRef(new Animated.Value(0)).current;
+    const getBackgroundColor = () => {
+        if (customColor)
+            return customColor;
+        switch (type) {
+            case "success":
+                return Colors.lightGreen || "green";
+            case "danger":
+                return Colors.dangerRed || "red";
+            case "warning":
+                return Colors.starGold || "orange";
+            case "info":
+                return Colors.primaryColor || "blue";
+            default:
+                return Colors.black;
+        }
+    };
+    useEffect(() => {
+        if (visible) {
+            Animated.timing(fadeAnim, {
+                toValue: 1,
+                duration: 300,
+                useNativeDriver: true,
+            }).start();
+            const timer = setTimeout(() => {
+                onHide();
+            }, duration);
+            return () => clearTimeout(timer);
+        }
+    }, [visible]);
+    const containerStyle = {
+        justifyContent: position === "top" ? "flex-start" : "flex-end",
+        marginTop: position === "top" ? 20 : 0,
+        marginBottom: position === "bottom" ? 60 : 0,
+    };
+    return (React.createElement(Modal, { transparent: true, visible: visible, animationType: "fade" },
+        React.createElement(View, { style: [styles.overlay, containerStyle] },
+            React.createElement(Animated.View, { style: [
+                    styles.toast,
+                    { backgroundColor: getBackgroundColor(), opacity: fadeAnim },
+                ] },
+                icon && (React.createElement(View, { style: styles.iconWrapper }, typeof icon === "string" && icon.startsWith("http")
+                    ? React.createElement(Image, { source: { uri: icon }, style: styles.icon, resizeMode: "contain" })
+                    : React.createElement(Image, { source: icon, style: styles.icon, resizeMode: "contain" }))),
+                React.createElement(Text, { style: styles.text }, message)))));
+};
+export default Toast;
+const styles = StyleSheet.create({
+    overlay: {
+        flex: 1,
+        alignItems: "center",
+    },
+    toast: {
+        flexDirection: "row",
+        alignItems: "center",
+        paddingHorizontal: 16,
+        paddingVertical: 12,
+        borderRadius: 10,
+        maxWidth: "90%",
+        minWidth: "70%",
+        shadowColor: "#000",
+        shadowOffset: { width: 0, height: 2 },
+        shadowOpacity: 0.3,
+        shadowRadius: 3,
+        elevation: 4,
+    },
+    text: {
+        color: Colors.white,
+        fontSize: 14,
+        flexShrink: 1,
+    },
+    iconWrapper: {
+        marginRight: 8,
+    },
+    icon: {
+        width: 20,
+        height: 20,
+        resizeMode: "contain",
+    },
+});

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const VProgressSteps: ({ steps, currentStep, activeStepColor, completedStepColor, defaultStepColor, stepSize, stepSpacing, }: any) => React.JSX.Element;
+export default VProgressSteps;

package/dist/components/VProgressSteps/index.js

@@ -0,0 +1,77 @@
+import React from 'react';
+import { View, Text, StyleSheet, Dimensions } from 'react-native';
+import { Colors } from '../../styles';
+const { width } = Dimensions.get('window');
+const VProgressSteps = ({ steps, currentStep, activeStepColor = Colors.primaryColor, completedStepColor = Colors.primaryColor, defaultStepColor = Colors.borderGrey, stepSize = 30, stepSpacing = 40, // 👈 distance between steps (customizable)
+ }) => {
+    return (React.createElement(View, { style: styles.container }, steps.map((step, index) => {
+        const isCompleted = index < currentStep;
+        const isActive = index === currentStep;
+        const isLastStep = index === steps.length - 1;
+        const circleStyle = {
+            width: stepSize,
+            height: stepSize,
+            borderRadius: stepSize / 2,
+            backgroundColor: isCompleted
+                ? completedStepColor
+                : isActive
+                    ? Colors.white
+                    : defaultStepColor,
+            justifyContent: 'center',
+            alignItems: 'center',
+            borderWidth: 2,
+            borderColor: isCompleted || isActive ? activeStepColor : defaultStepColor,
+            zIndex: 1,
+        };
+        return (React.createElement(View, { key: index, style: styles.stepWrapper },
+            React.createElement(View, { style: styles.leftColumn },
+                React.createElement(View, { style: circleStyle },
+                    React.createElement(Text, { style: [
+                            styles.stepText,
+                            { color: isActive ? activeStepColor : 'white' },
+                        ] }, index + 1)),
+                !isLastStep && (React.createElement(View, { style: [
+                        styles.line,
+                        {
+                            height: stepSpacing, // 👈 control distance between circles
+                            backgroundColor: isCompleted
+                                ? completedStepColor
+                                : defaultStepColor,
+                        },
+                    ] }))),
+            React.createElement(Text, { style: [styles.label, isActive && styles.activeLabel] }, step)));
+    })));
+};
+export default VProgressSteps;
+const styles = StyleSheet.create({
+    container: {
+        flexDirection: 'column',
+        alignItems: 'flex-start',
+    },
+    stepWrapper: {
+        flexDirection: 'row',
+        alignItems: 'flex-start',
+    },
+    leftColumn: {
+        alignItems: 'center',
+        marginRight: 20,
+    },
+    line: {
+        width: 2,
+    },
+    stepText: {
+        fontSize: 14,
+        fontWeight: 'bold',
+    },
+    label: {
+        textAlign: 'left',
+        fontSize: 14,
+        color: '#888',
+        flexShrink: 1,
+        marginTop: 5,
+    },
+    activeLabel: {
+        fontWeight: 'bold',
+        color: Colors.primaryColor,
+    },
+});

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

@@ -0,0 +1,9 @@
+import React from "react";
+import { ViewStyle } from "react-native";
+interface StackProps {
+    children: React.ReactNode;
+    spacing?: number;
+    style?: ViewStyle;
+}
+declare const VStack: React.FC<StackProps>;
+export default VStack;

package/dist/components/VStack/index.js

@@ -0,0 +1,15 @@
+import React from "react";
+import { View, StyleSheet } from "react-native";
+const VStack = ({ children, spacing = 8, style }) => {
+    // Wrap children with marginBottom instead of `gap` (better RN compatibility)
+    const spacedChildren = React.Children.map(children, (child, index) => {
+        if (!child)
+            return null;
+        return (React.createElement(View, { style: index !== React.Children.count(children) - 1 ? { marginBottom: spacing } : undefined }, child));
+    });
+    return React.createElement(View, { style: [styles.column, style] }, spacedChildren);
+};
+export default VStack;
+const styles = StyleSheet.create({
+    column: { flexDirection: "column" },
+});

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

@@ -0,0 +1,7 @@
+import React from "react";
+import { FlatListProps } from "react-native";
+interface VerticalFlatListProps<ItemT> extends FlatListProps<ItemT> {
+    spacing?: number;
+}
+declare const VerticalFlatList: <ItemT>({ spacing, ...props }: VerticalFlatListProps<ItemT>) => React.JSX.Element;
+export default VerticalFlatList;

package/dist/components/VerticalFlatList/index.js

@@ -0,0 +1,6 @@
+import React from "react";
+import { FlatList, View } from "react-native";
+const VerticalFlatList = ({ spacing = 0, ...props }) => {
+    return (React.createElement(FlatList, { ...props, ItemSeparatorComponent: () => React.createElement(View, { style: { height: spacing } }), showsVerticalScrollIndicator: props.showsVerticalScrollIndicator ?? false }));
+};
+export default VerticalFlatList;

package/dist/components/index.d.ts

@@ -0,0 +1,28 @@
+export { default as Buttons } from './Buttons';
+export { default as Container } from './Container';
+export { default as Dividers } from './Dividers';
+export { default as Image } from './Image';
+export { default as Input } from './Input';
+export { default as Modal } from './Modal';
+export { default as Spinner } from './Spinner';
+export { default as T } from './T';
+export { default as FullSpinner } from './FullSpinner';
+export { default as ScrolledContainer } from './ScrolledContainer';
+export { default as MyStatusBar } from './MyStatusBar';
+export { default as Switch } from './Switch';
+export { default as DropDown } from './DropDown';
+export { default as CheckBox } from './CheckBox';
+export { default as RadioButton } from './RadioButton';
+export { default as DateTimePicker } from './DateTimePicker';
+export { default as VProgressSteps } from './VProgressSteps';
+export { default as HProgressSteps } from './HProgressSteps';
+export { default as VStack } from './VStack';
+export { default as HStack } from './HStack';
+export { default as Accordion } from './Accordion';
+export { default as VerticalFlatList } from './VerticalFlatList';
+export { default as HorizontalFlatList } from './HorizontalFlatList';
+export { default as Toast } from './Toast';
+export { default as BottomSheet } from './BottomSheet';
+export { default as ProgressBar } from './ProgressBar';
+export { default as DocumentPicker } from './DocumentPicker';
+export { default as ImagePicker } from './ImagePicker';

package/dist/components/index.js

@@ -0,0 +1,28 @@
+export { default as Buttons } from './Buttons';
+export { default as Container } from './Container';
+export { default as Dividers } from './Dividers';
+export { default as Image } from './Image';
+export { default as Input } from './Input';
+export { default as Modal } from './Modal';
+export { default as Spinner } from './Spinner';
+export { default as T } from './T';
+export { default as FullSpinner } from './FullSpinner';
+export { default as ScrolledContainer } from './ScrolledContainer';
+export { default as MyStatusBar } from './MyStatusBar';
+export { default as Switch } from './Switch';
+export { default as DropDown } from './DropDown';
+export { default as CheckBox } from './CheckBox';
+export { default as RadioButton } from './RadioButton';
+export { default as DateTimePicker } from './DateTimePicker';
+export { default as VProgressSteps } from './VProgressSteps';
+export { default as HProgressSteps } from './HProgressSteps';
+export { default as VStack } from './VStack';
+export { default as HStack } from './HStack';
+export { default as Accordion } from './Accordion';
+export { default as VerticalFlatList } from './VerticalFlatList';
+export { default as HorizontalFlatList } from './HorizontalFlatList';
+export { default as Toast } from './Toast';
+export { default as BottomSheet } from './BottomSheet';
+export { default as ProgressBar } from './ProgressBar';
+export { default as DocumentPicker } from './DocumentPicker';
+export { default as ImagePicker } from './ImagePicker';

package/dist/constants/messages.d.ts

@@ -0,0 +1,11 @@
+export declare const messages: {
+    required: string;
+    invalid: {
+        email: string;
+        phone: string;
+        password: string;
+        number: string;
+        text: string;
+        custom: string;
+    };
+};

package/dist/constants/messages.js

@@ -0,0 +1,11 @@
+export const messages = {
+    required: "This field is required",
+    invalid: {
+        email: "Please enter a valid email address",
+        phone: "Please enter a valid phone number",
+        password: "Password must contain at least 1 number, 1 uppercase, 1 lowercase, and be 6+ characters",
+        number: "Please enter a valid number",
+        text: "Please enter valid text",
+        custom: "Invalid format", // used when customRegex is passed
+    },
+};

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from "./components";

package/dist/index.js

@@ -0,0 +1 @@
+export * from "./components";

package/dist/styles/colors.d.ts

@@ -0,0 +1,32 @@
+declare const _default: {
+    background: string;
+    white: string;
+    primaryColor: string;
+    darkBlue: string;
+    linkColor: string;
+    textColor: string;
+    textGrey: string;
+    textLink: string;
+    textDanger: string;
+    disabledGrey: string;
+    dropOptionGrey: string;
+    lightGrey: string;
+    dividerColor: string;
+    dangerRed: string;
+    iconGrey: string;
+    mediumGrey: string;
+    black: string;
+    productDetailCardColor: string;
+    starGold: string;
+    verticalLineColor: string;
+    borderGrey: string;
+    brandGreyColor: string;
+    videoPlayerbackground: string;
+    visibleColor: string;
+    primaryPurple: string;
+    lightPurple: string;
+    extraLightPurple: string;
+    lightGreen: string;
+    checkedColor: string;
+};
+export default _default;

package/dist/styles/colors.js

@@ -0,0 +1,31 @@
+export default {
+    background: '#ffffff',
+    white: 'white',
+    primaryColor: '#40BFFF',
+    darkBlue: '#062845',
+    linkColor: '#2e96f2',
+    textColor: '#223263',
+    textGrey: '#9098B1',
+    textLink: '#40BFFF',
+    textDanger: '#FB7181',
+    disabledGrey: '#d3d3d3',
+    dropOptionGrey: '#FAFAFA',
+    lightGrey: '#F4F4F4',
+    dividerColor: '#f5f5f5',
+    dangerRed: 'red',
+    iconGrey: '#7e7e7e',
+    mediumGrey: '#dcdcdc',
+    black: '#000000',
+    productDetailCardColor: '#FDFDFD',
+    starGold: '#F0B000',
+    verticalLineColor: '#D8D8D8',
+    borderGrey: '#EAEAEA',
+    brandGreyColor: '#808080',
+    videoPlayerbackground: '#323232',
+    visibleColor: '#9A9A9A',
+    primaryPurple: '#E6E6FA',
+    lightPurple: '#F3EDFD',
+    extraLightPurple: '#f8f5fc',
+    lightGreen: '#68c25d',
+    checkedColor: '#40BFFF'
+};

package/dist/styles/config.json

@@ -0,0 +1,108 @@
+{
+  "name": "App",
+  "css_prefix_text": "icon-",
+  "css_use_suffix": false,
+  "hinting": true,
+  "units_per_em": 1000,
+  "ascent": 850,
+  "glyphs": [
+    {
+      "uid": "4db91a951bc01460a8baf97a383e3237",
+      "css": "App-logo",
+      "code": 59392,
+      "src": "custom_icons",
+      "selected": true,
+      "svg": {
+        "path": "M2650 575H2550A200 200 0 0 0 2150 575H2050A300 300 0 0 1 2650 575M2350 975A300.3 300.3 0 0 1 2050 675H2150A200 200 0 1 0 2550 675H2650A300.3 300.3 0 0 1 2350 975M1400 781.9A163.6 163.6 0 0 1 1532.4 627.5L1604.3 613.1 1636.9 606.6 1794.4 575.1A62.3 62.3 0 0 0 1830.9 475.1 199.9 199.9 0 0 0 1474.8 600H1374.8A300.3 300.3 0 0 1 1676.6 300 295.2 295.2 0 0 1 1804.5 329.8 303.5 303.5 0 0 1 1932.4 448 126 126 0 0 1 1949.9 512V512.4C1949.9 514.3 1949.9 516.2 1949.9 518A163.6 163.6 0 0 1 1817.5 672.4L1745.6 686.8 1713 693.3 1555.4 724.8A62.3 62.3 0 0 0 1518.9 824.8 199.9 199.9 0 0 0 1874.9 699.9H1974.9A300.3 300.3 0 0 1 1673.2 999.9 295.2 295.2 0 0 1 1545.3 970.1 303.5 303.5 0 0 1 1417.6 852.2 127.3 127.3 0 0 1 1400 787.5C1400 785.6 1400 783.7 1400 781.8M500 300V675A200 200 0 1 1 100 675V300H0V675A300 300 0 1 0 599.9 675V300ZM1475 922.3C1395.8 860.6 1373.7 741.9 1375 600H1475ZM1137.7 627.5L1065.8 613.1 1033.3 606.6 875.7 575.1A62.4 62.4 0 0 1 839.1 475.1 199.9 199.9 0 0 1 1183.5 532.8L1274.9 491.8A300.5 300.5 0 0 0 993.3 300 295.2 295.2 0 0 0 865.4 329.8 303.3 303.3 0 0 0 737.6 447.8 126.6 126.6 0 0 0 720.1 512.5C720.1 514.3 720.1 516.2 720.1 518.1A163.6 163.6 0 0 0 852.4 672.4L924.3 686.8 956.9 693.3 1114.5 724.9A62.3 62.3 0 0 1 1151.1 824.9 199.9 199.9 0 0 1 806.4 766.5L714.3 806A300.5 300.5 0 0 0 996.7 1000 295.2 295.2 0 0 0 1124.6 970.2 303.4 303.4 0 0 0 1251.4 853.8 127 127 0 0 0 1269.9 789.9C1269.9 787.2 1269.9 784.5 1269.9 781.8A163.7 163.7 0 0 0 1137.6 627.5M3349.9 575L3333 600.4A39.8 39.8 0 0 1 3266.9 600.4L3250 575A200 200 0 0 0 2850 575L2833 549.6A39.7 39.7 0 0 0 2766.9 549.6L2750 575A300 300 0 0 1 3350 575M2749.9 675L2766.9 649.6A39.8 39.8 0 0 1 2833 649.6L2849.9 675A200 200 0 0 0 3249.9 675L3266.9 700.4A39.7 39.7 0 0 0 3333 700.4L3349.9 675A300 300 0 0 1 2749.9 675M4049.9 575L4033 600.4A39.8 39.8 0 0 1 3966.9 600.4L3950 575A200 200 0 0 0 3550 575L3533 549.6A39.7 39.7 0 0 0 3466.9 549.6L3450 575A300 300 0 1 1 4050 575M3449.9 675L3466.9 649.6A39.8 39.8 0 0 1 3533 649.6L3549.9 675A200 200 0 0 0 3949.9 675L3966.8 700.4A39.7 39.7 0 0 0 4032.9 700.4L4049.9 675A300 300 0 0 1 3449.9 675",
+        "width": 4050
+      },
+      "search": [
+        "App-logo"
+      ]
+    },
+    {
+      "uid": "363570b56f8a4ad0c3a836da6013c5c0",
+      "css": "bell",
+      "code": 59393,
+      "src": "custom_icons",
+      "selected": true,
+      "svg": {
+        "path": "M483.2 867.5A32.4 32.4 0 0 0 451.5 893 62.6 62.6 0 0 1 439 920.3 47.3 47.3 0 0 1 398.7 934.9 48 48 0 0 1 358.5 920.3 62.7 62.7 0 0 1 346 893 32.4 32.4 0 0 0 314.3 867.5H314.3A32.6 32.6 0 0 0 282.5 907.3 111.7 111.7 0 0 0 398.7 1000.2 111.5 111.5 0 0 0 515 907.3 32.7 32.7 0 0 0 483.2 867.5ZM788.7 740.6C750.2 689.9 674.5 660.1 674.5 432.9 674.5 199.8 571.6 106 475.6 83.5 466.6 81.3 460.1 78.3 460.1 68.9V61.5A61.3 61.3 0 0 0 400.3 0H398.7A61.3 61.3 0 0 0 338.7 61.5V68.7C338.7 78 332.2 81.2 323.2 83.4 227.1 106.1 124.3 199.7 124.3 432.9 124.3 660.1 48.6 689.6 10.1 740.6A49.6 49.6 0 0 0 49.8 820.3H749.9A49.6 49.6 0 0 0 788.7 740.6ZM691.3 755.3H108.6A11 11 0 0 1 100.3 737 302.8 302.8 0 0 0 152.9 653.3 566.4 566.4 0 0 0 188.6 432.9 383.3 383.3 0 0 1 240.9 216 160.4 160.4 0 0 1 337.6 147 87.6 87.6 0 0 0 384.1 120.7 19.6 19.6 0 0 1 413.8 120.2 90.5 90.5 0 0 0 460.8 147 160.4 160.4 0 0 1 557.5 216 383.3 383.3 0 0 1 609.7 432.9 566.4 566.4 0 0 0 645.5 653.3 306.3 306.3 0 0 0 699.3 738.1 10.3 10.3 0 0 1 691.4 755.1Z",
+        "width": 799
+      },
+      "search": [
+        "bell"
+      ]
+    },
+    {
+      "uid": "9404b51fabd2220317deb7cff5724457",
+      "css": "shirt-icon",
+      "code": 59394,
+      "src": "custom_icons",
+      "selected": true,
+      "svg": {
+        "path": "M430.4 85.9H511.8A15.8 15.8 0 1 0 511.8 54.3H430.4A15.8 15.8 0 0 0 430.4 85.9ZM940.7 376.4L886.4 152.5A119.4 119.4 0 0 0 820.7 75.9C782.9 59.9 664 14.8 634.4 3.5A15.5 15.5 0 0 0 624.5 0H317.6L317 0 316.2 0 315.4 0 314.7 0 313.9 0 313.5 0C307.3 3.4 162.5 58 120.5 75.9A119.3 119.3 0 0 0 54.9 152H54.9V152.5L16.2 311.6H16.2L0.7 376.4A15.8 15.8 0 0 0 10.2 394.8L165.3 456.4V984.2A15.8 15.8 0 0 0 181.1 999.9H760.1A15.8 15.8 0 0 0 775.9 984.2V619.4A15.8 15.8 0 1 0 744.3 619.4V904.2H356.4A15.8 15.8 0 0 0 356.4 935.8H744.4V968.4H196.8V935.8H303.8A15.8 15.8 0 0 0 303.8 904.2H196.8V255.6A15.8 15.8 0 0 0 194.5 247.5L114.9 115.8A76.2 76.2 0 0 1 132.9 105C165.2 91.2 262.1 54.2 304.5 38.2A180.3 180.3 0 0 0 471.8 206.5 180.2 180.2 0 0 0 639 39C682.3 55.5 776.6 91.5 808.4 105A76.3 76.3 0 0 1 826.4 115.8L746.8 247.5A15.8 15.8 0 0 0 744.5 255.6V566.7A15.8 15.8 0 1 0 776.1 566.7V456.4L931.2 394.7A15.8 15.8 0 0 0 940.7 376.4ZM165.2 422.4L34.4 370.5 42.5 337 165.2 388.7V422.4ZM165.2 260V354.2L50 305.9 85.5 160.3A86.7 86.7 0 0 1 93.5 141.7ZM471.7 175A148.9 148.9 0 0 1 335.5 31.6H608A148.9 148.9 0 0 1 471.7 175ZM776 260L847.7 141.4A94.5 94.5 0 0 1 854.9 157.2H854.9L855.1 158.1V158.1L855.1 158.6V158.6L855.1 159V159.6L890.5 305.6 775.4 353.9V260ZM776 422.4V388.5L898.7 336.8 906.8 370.2Z",
+        "width": 941
+      },
+      "search": [
+        "shirt-icon"
+      ]
+    },
+    {
+      "uid": "186a5fecfe8909a669b94dc8118240df",
+      "css": "fashion",
+      "code": 59395,
+      "src": "custom_icons",
+      "selected": true,
+      "svg": {
+        "path": "M403.1 401.8A14.7 14.7 0 0 0 388.4 416.5V429.5A14.7 14.7 0 0 0 417.9 429.5V416.5A14.7 14.7 0 0 0 403.1 401.8ZM572.2 401.8A14.7 14.7 0 0 0 557.6 416.5V429.5A14.7 14.7 0 1 0 587 429.5V416.5A14.6 14.6 0 0 0 572.2 401.8ZM532.9 459A14.7 14.7 0 0 0 512.2 460.4 33.6 33.6 0 0 1 463 460.4 14.7 14.7 0 1 0 440.9 479.7 62.8 62.8 0 0 0 534.3 479.7 14.7 14.7 0 0 0 532.9 459ZM466.1 424.4A22.3 22.3 0 0 0 509.2 424.4C509 415.2 466.1 415.2 466.1 424.4ZM966.7 259.3L946.1 225.1 891.2 134.3A174.1 174.1 0 0 0 804.9 62.1L647.6 2A31.2 31.2 0 0 0 609 16.5 136.6 136.6 0 0 1 487.4 90.2 136.6 136.6 0 0 1 366.3 16.6 31.3 31.3 0 0 0 327.8 2.1L275.9 21.9 170.4 62.3A174.1 174.1 0 0 0 84.1 134.5L29.2 225.3 8.6 259.5A60.4 60.4 0 0 0 15.6 330.9L76.9 398.2A60.6 60.6 0 0 0 149.5 410.8L182.6 393.1 189 389.8A1241.6 1241.6 0 0 0 152.5 702.5 14.7 14.7 0 0 0 167.1 717H167.1A14.6 14.6 0 0 0 181.6 702.2 1151.2 1151.2 0 0 1 226.2 365.4 14.7 14.7 0 0 0 205.4 347.7L178.9 361.9 59.9 231.2 109.2 149.6A144.6 144.6 0 0 1 180.9 89.6L273.3 54.3C272.4 54.6 293.6 89.2 295.8 92.2A237.8 237.8 0 0 0 353.2 148.4 235.8 235.8 0 0 0 417 179.6 238.5 238.5 0 0 0 572.1 174.8 238 238 0 0 0 680.6 90.8 239.1 239.1 0 0 0 702 54.2L794.4 89.6A144.6 144.6 0 0 1 866.1 149.6L915.3 231.1 796.4 361.9 769.8 347.7A14.8 14.8 0 0 0 749 365.4 949.7 949.7 0 0 1 778.5 497.8 14.7 14.7 0 0 0 807.4 493.3C800.5 449.2 792.4 413.7 786.3 389.9L825.9 411A60.5 60.5 0 0 0 898.5 398.5L959.8 331.1A60.4 60.4 0 0 0 966.7 259.3ZM152.2 376.1L135.6 385A31.1 31.1 0 0 1 98.4 378.6L37.2 311.2A30.5 30.5 0 0 1 33.7 274.7L44.1 257.3ZM674.4 43.9A206.3 206.3 0 0 1 653.9 77.6 209.6 209.6 0 0 1 487.4 160.9 206.3 206.3 0 0 1 369.5 124.2 209.2 209.2 0 0 1 314 67.7 215.9 215.9 0 0 1 300.5 44.1L300.5 44.1 338.2 29.5A1.7 1.7 0 0 1 340.3 30.2 165.8 165.8 0 0 0 487.7 119.6 165.8 165.8 0 0 0 634.7 30.1 1.7 1.7 0 0 1 637.1 29.5L674.5 43.8ZM938.1 311.2L876.8 378.6A31 31 0 0 1 839.6 385L823 376.1 931.1 257.3 941.6 274.7A30.5 30.5 0 0 1 938.1 311.2ZM815.3 552.4A14.7 14.7 0 0 0 786.2 555.5 1142.5 1142.5 0 0 1 773.7 900H588.6L561.8 817.1A49.3 49.3 0 0 0 514.6 782.9H460.4A49.3 49.3 0 0 0 413.3 817.1L386.5 900H201.5A1073.1 1073.1 0 0 1 183.8 760.1 14.7 14.7 0 0 0 154.4 761.9 1097.5 1097.5 0 0 0 175 917.7H175C177.6 930.1 180.4 942.5 183.4 954.3A59.9 59.9 0 0 0 241.6 1000H341.4A59.8 59.8 0 0 0 398.5 958.4L441.2 826.1A20 20 0 0 1 460.2 812.2H514.6A20 20 0 0 1 533.7 826.1L576.4 958.4A59.8 59.8 0 0 0 633.5 1000H733.2A59.9 59.9 0 0 0 791.5 954.3C792.9 948.9 794.1 943.5 795.4 938.1 797.1 930.6 798.6 924 799.9 917.6H799.9A1167 1167 0 0 0 815.3 552.4ZM370.7 949.5A30.6 30.6 0 0 1 341.3 970.8H241.8A30.7 30.7 0 0 1 211.9 947.2C210.5 941.3 209.1 935.4 207.7 929.2H377.2ZM763.3 947.4A30.7 30.7 0 0 1 733.5 970.9H633.7A30.6 30.6 0 0 1 604.2 949.7L597.7 929.6H767.3L766.8 931.7Q765.3 939.7 763.3 947.4ZM684 348.1A74.2 74.2 0 0 0 556.4 296.6 195.6 195.6 0 0 0 418.7 296.6 74.2 74.2 0 1 0 316.9 404.3 138.8 138.8 0 0 0 312.4 439.7 176.5 176.5 0 0 0 662.8 439.7 138.8 138.8 0 0 0 658.2 404.3 73.7 73.7 0 0 0 684 348.1ZM320.5 348.1A44.9 44.9 0 0 1 389.9 310.5 172.9 172.9 0 0 0 360.8 332.3 157.7 157.7 0 0 0 328.7 374 44.7 44.7 0 0 1 320.5 348.1ZM487.6 565.7A137.3 137.3 0 0 1 341.7 439.6 127 127 0 0 1 419.9 327.6 163.3 163.3 0 0 1 487.7 313.1 150.2 150.2 0 0 1 619.6 385.5L619.6 385.5A112.3 112.3 0 0 1 633.5 439 137.3 137.3 0 0 1 487.6 565.7ZM646.7 374L645.4 371.7A155.2 155.2 0 0 0 622.6 340.3 170.9 170.9 0 0 0 585.5 310.4 44.9 44.9 0 0 1 646.7 374Z",
+        "width": 975
+      },
+      "search": [
+        "fashion"
+      ]
+    },
+    {
+      "uid": "14577dfe88c1b99d197d308f5d690d4b",
+      "css": "audio",
+      "code": 59396,
+      "src": "custom_icons",
+      "selected": true,
+      "svg": {
+        "path": "M955 293.4H955A499.9 499.9 0 0 0 0 500.1V656.6A115.9 115.9 0 0 0 34.2 739.1L101.6 806.5 110.7 831.7A189.2 189.2 0 0 0 291.1 954.1C294.6 954.1 298.2 953.7 301.7 953.5L302.6 955.7A67.1 67.1 0 0 0 388.4 996H388.4L391.2 995A67 67 0 0 0 431.5 909.3H431.5L299.4 544.3A67.2 67.2 0 0 0 213.5 504.1L210.8 505A66.6 66.6 0 0 0 167.2 576.5 199.2 199.2 0 0 0 101.8 658.1 16.6 16.6 0 0 1 100 650.8V500.1A399.9 399.9 0 1 1 899.9 500.1V650.9A15.6 15.6 0 0 1 899.2 654.4 199.8 199.8 0 0 0 835.4 576.5 66.6 66.6 0 0 0 791.9 505L789.1 504A67.2 67.2 0 0 0 703.3 544.3L571.6 909.2A67 67 0 0 0 611.8 995L614.6 996A67.1 67.1 0 0 0 700.4 955.7L701.3 953.5C704.8 953.5 708.3 954.1 711.9 954.1A189.2 189.2 0 0 0 892.3 831.7L902.5 802.4 965.5 739.3A115.9 115.9 0 0 0 999.7 656.8V500.1A496 496 0 0 0 955 293.4ZM203.1 553.8A33.3 33.3 0 0 1 222.2 536.4L224.9 535.4A33.8 33.8 0 0 1 268.1 555.7L399.8 920.7A33.6 33.6 0 0 1 379.6 963.7H379.6L376.9 964.7A33.8 33.8 0 0 1 333.7 944.4L328.7 930.5 201.9 579.3A33.4 33.4 0 0 1 203.1 553.8ZM177.9 610.5H177.9L290.2 920.8A157.1 157.1 0 0 1 147.4 833.4H149.9C151.6 833.4 153.1 833.1 154.7 832.9S157.4 832.9 158.7 832.5A51.8 51.8 0 0 0 165.2 830.8C166.4 830.5 167.6 830.2 168.8 829.8A51.1 51.1 0 0 0 175.3 826.5C176.2 826 177.3 825.6 178.3 825A51.9 51.9 0 0 0 186.7 744.6L126.8 684.7A164 164 0 0 1 177.9 610.5ZM66.6 500.1V650.9A49.6 49.6 0 0 0 81.3 686.2L163.2 768.1A18.7 18.7 0 0 1 136.8 794.6L57.8 715.5A82.8 82.8 0 0 1 33.4 656.6V500.1A462.6 462.6 0 0 1 70.9 316.8H107.2A434.4 434.4 0 0 0 66.6 500.1ZM499.9 66.8A433.5 433.5 0 0 0 124.7 283.4H86.6A466.6 466.6 0 0 1 913 283.4H875A433.5 433.5 0 0 0 499.9 66.8ZM691.9 880.2L673.9 930.2 668.9 944.2A33.8 33.8 0 0 1 625.7 964.4H625.7L622.9 963.4A33.7 33.7 0 0 1 602.7 920.4L734.8 555.7A33.7 33.7 0 0 1 777.9 535.4H777.9L780.7 536.5A33.6 33.6 0 0 1 800.9 579.5H800.9ZM712.8 920.5L786.4 716.9 825 610.2A164.5 164.5 0 0 1 875 682.6L813.2 744.4A51.7 51.7 0 0 0 822 824.9C823.1 825.6 824.2 826 825.3 826.6A51.8 51.8 0 0 0 831.9 829.7C833.2 830.2 834.6 830.5 835.9 830.8A52.3 52.3 0 0 0 842.4 832.3C843.8 832.3 845.2 832.6 846.6 832.8S848.9 833.1 850 833.1 852 833.1 853.1 832.8 854.7 832.8 855.4 832.8A157 157 0 0 1 712.8 920.7ZM966.6 656.3A82.8 82.8 0 0 1 942.2 715.3L876.3 781.1 862.9 794.5A18.7 18.7 0 0 1 836.6 768.1L918.5 686.2A49.7 49.7 0 0 0 933.1 650.8V500.1A434.4 434.4 0 0 0 892.5 316.8H928.9A462.6 462.6 0 0 1 966.4 500.1Z",
+        "width": 1000
+      },
+      "search": [
+        "audio"
+      ]
+    },
+    {
+      "uid": "323bd8dbd41ce0f1b5067b8ee0c665b0",
+      "css": "glasses",
+      "code": 59398,
+      "src": "custom_icons",
+      "selected": true,
+      "svg": {
+        "path": "M1829.3 762A568.3 568.3 0 0 1 1262.2 194.9 194.7 194.7 0 0 1 1456.7 0.4H1953.5A279.3 279.3 0 0 1 2232.5 279.4V359.8A403.2 403.2 0 0 1 1829.9 762.4ZM1456.2 67.8A126.7 126.7 0 0 0 1329.6 194.5 500.3 500.3 0 0 0 1829.3 694.3 335.2 335.2 0 0 0 2164.3 359.5V279.1A211.5 211.5 0 0 0 1953.1 68ZM553.7 762A403.2 403.2 0 0 1 151.1 359.4V279A279.3 279.3 0 0 1 430.1 0H926.9A194.7 194.7 0 0 1 1121.4 194.5 568.3 568.3 0 0 1 554.2 761.6ZM430 67.8A211.5 211.5 0 0 0 218.7 279V359.4A335.2 335.2 0 0 0 553.6 694.2 500.3 500.3 0 0 0 1053.4 194.5 126.7 126.7 0 0 0 926.8 67.8ZM2197.8 303.5C2179 303.5 2163.8 313 2163.8 324.7S2179 345.9 2197.8 345.9A134 134 0 0 1 2286.7 375.5 47 47 0 0 1 2297 438.3L2007.8 893.7A179.5 179.5 0 0 1 1856.8 957.9H1764C1745.2 957.9 1730 967.4 1730 979.2S1745.2 1000.4 1764 1000.4H1856.8A254.4 254.4 0 0 0 2070.7 909.5L2360.4 454.7A76.8 76.8 0 0 0 2342.8 352.2 218 218 0 0 0 2197.7 304ZM185.3 303.5H154.4A191.4 191.4 0 0 0 27 345.9 67.4 67.4 0 0 0 11.5 436L312.8 909.1A254.4 254.4 0 0 0 526.8 1000H619.6C638.4 1000 653.5 990.5 653.5 978.8S638.4 957.5 619.6 957.5H526.8A179.5 179.5 0 0 1 375.3 893.7L74 420.1A37.7 37.7 0 0 1 82.7 369.8 107 107 0 0 1 153.9 346.1H185.3C204.1 346.1 219.2 336.6 219.2 324.8S204.5 303.5 185.3 303.5ZM1301.2 303.6A33.9 33.9 0 0 1 1286 300 199.1 199.1 0 0 0 1097 300 33.9 33.9 0 1 1 1066.7 239.3 266.4 266.4 0 0 1 1316.5 239.3 33.9 33.9 0 0 1 1301.3 303.6ZM1456.2 67.8H926.9A33.9 33.9 0 1 1 926.9 0H1456.2A33.9 33.9 0 0 1 1456.2 67.8Z",
+        "width": 2373
+      },
+      "search": [
+        "glasses"
+      ]
+    },
+    {
+      "uid": "954f9e1b03c8184476f0db8e722ceecd",
+      "css": "gym",
+      "code": 59399,
+      "src": "custom_icons",
+      "selected": true,
+      "svg": {
+        "path": "M1637.4 342.7H1595.8V175.5A71.3 71.3 0 0 0 1524.6 104.3H1418.8A70.9 70.9 0 0 0 1397.3 107.7V97.7A97.8 97.8 0 0 0 1300 0H1167.3A97.8 97.8 0 0 0 1069.6 97.7V390H625.8V97.7A97.8 97.8 0 0 0 528.2 0H395.7A97.8 97.8 0 0 0 298 97.7V107.7A70.8 70.8 0 0 0 276.5 104.3H170.5A71.3 71.3 0 0 0 99.3 175.5V207.6A25 25 0 0 0 149.3 207.6V175.5A21.6 21.6 0 0 1 170.8 154H276.5A21.6 21.6 0 0 1 298 175.5V824.5A21.6 21.6 0 0 1 276.5 846H170.5A21.6 21.6 0 0 1 149 824.5V313.8A25 25 0 0 0 99 313.8V342.8H58.3A58.3 58.3 0 0 0 0 401.1V599.8A58.3 58.3 0 0 0 58.3 658.1H100V825.3A71.3 71.3 0 0 0 171.2 896.5H276.5A70.8 70.8 0 0 0 298 893.2V903.2A97.8 97.8 0 0 0 395.7 1000H528.2A97.8 97.8 0 0 0 625.8 902.3V610H662A25 25 0 1 0 662 560H625.8V439.4H1069.5V560H769.5A25 25 0 1 0 769.5 610H1069.5V902.3A97.8 97.8 0 0 0 1167.3 1000H1300A97.8 97.8 0 0 0 1397.7 902.3V892.3A70.8 70.8 0 0 0 1419.2 895.7H1525A71.3 71.3 0 0 0 1596.2 824.5V791.2A25 25 0 1 0 1546.2 791.2V824.5A21.6 21.6 0 0 1 1524.7 846H1418.8A21.6 21.6 0 0 1 1397.3 824.5V175.5A21.6 21.6 0 0 1 1418.8 154H1525A21.6 21.6 0 0 1 1546.5 175.5V683.8A25 25 0 0 0 1596.5 683.8V657.3H1638.2A58.3 58.3 0 0 0 1696.5 599V400.3A58.3 58.3 0 0 0 1637.4 342.7ZM58.3 607.6A8.3 8.3 0 0 1 50 599.2V400.6A8.3 8.3 0 0 1 58.3 392.2H100V607.5ZM576.6 902.2A48.1 48.1 0 0 1 528.6 950.2H395.7A48.1 48.1 0 0 1 347.7 902.2V97.6A48.1 48.1 0 0 1 395.7 49.6H528.2A48.1 48.1 0 0 1 576.2 97.6ZM1348.1 902.2A48.1 48.1 0 0 1 1300.1 950.2H1167.3A48.1 48.1 0 0 1 1119.2 902.2V97.6A48.1 48.1 0 0 1 1167.3 49.6H1300A48.1 48.1 0 0 1 1348 97.6ZM1646.1 599.2A8.3 8.3 0 0 1 1637.7 607.6H1596.1V392.3H1637.7A8.3 8.3 0 0 1 1646.1 400.7Z",
+        "width": 1695
+      },
+      "search": [
+        "gym"
+      ]
+    }
+  ]
+}

package/dist/styles/images.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    GoogleIcon: any;
+    Eyeoff: any;
+    Eyeon: any;
+    image_icon: any;
+    cancel: any;
+    video_icon: any;
+};
+export default _default;

package/dist/styles/images.js

@@ -0,0 +1,15 @@
+// social login icons
+import GoogleIcon from '../assets/images/favourite.png';
+import Eyeoff from '../assets/images/eye_off.png';
+import Eyeon from '../assets/images/eye_on.png';
+import image_icon from '../assets/images/image_icon.png';
+import video_icon from '../assets/images/video_icon.png';
+import cancel from '../assets/images/cancel.png';
+export default {
+    GoogleIcon,
+    Eyeoff,
+    Eyeon,
+    image_icon,
+    cancel,
+    video_icon
+};

package/dist/styles/index.d.ts

@@ -0,0 +1,7 @@
+import Colors from './colors';
+import Images from './images';
+import * as Scale from './scale';
+import Typography from './typography';
+import * as Mixins from './mixins';
+declare const Icon: typeof import("react-native-vector-icons/Icon").Icon;
+export { Colors, Images, Scale, Typography, Icon, Mixins };

package/dist/styles/index.js

@@ -0,0 +1,9 @@
+import { createIconSetFromFontello } from 'react-native-vector-icons';
+import Colors from './colors';
+import Images from './images';
+import * as Scale from './scale';
+import Typography from './typography';
+import * as Mixins from './mixins';
+import fontelloConfig from './config.json';
+const Icon = createIconSetFromFontello(fontelloConfig);
+export { Colors, Images, Scale, Typography, Icon, Mixins };