oneticket-sdk-vi 1.0.0

package/dist/src/components/common/Button/Button.js

@@ -0,0 +1,62 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+// components/Button.tsx
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const utils_1 = require("../../../theme/utils");
+const react_native_size_matters_1 = require("react-native-size-matters");
+const Button = ({ variant = 'primary', size = 'md', children, onPress, disabled = false, loading = false, loadingText, icon, iconPosition = 'left', style, textStyle, pressedStyle }) => {
+    const { theme } = (0, ThemeProvider_1.useTheme)();
+    const buttonConfig = theme.components.button;
+    const variantConfig = buttonConfig.variants[variant];
+    // Resolve all color values
+    const resolvedViewStyle = Object.assign(Object.assign({}, variantConfig.viewStyle), { backgroundColor: (0, utils_1.resolveThemeColor)(theme, variantConfig.viewStyle.backgroundColor), borderColor: (0, utils_1.resolveThemeColor)(theme, variantConfig.viewStyle.borderColor) });
+    const resolvedTextStyle = Object.assign(Object.assign({}, variantConfig.textStyle), { color: (0, utils_1.resolveThemeColor)(theme, variantConfig.textStyle.color) });
+    // Base button styles
+    const baseStyles = Object.assign({ borderRadius: (0, react_native_size_matters_1.ms)(theme.roundness), minHeight: (0, react_native_size_matters_1.mvs)(buttonConfig.minHeight), paddingHorizontal: (0, react_native_size_matters_1.ms)(buttonConfig.paddingHorizontal), justifyContent: 'center', alignItems: 'center', flexDirection: 'row', opacity: disabled ? buttonConfig.disabled.opacity : 1 }, variantConfig.viewStyle);
+    // Size variations
+    const sizeStyles = {};
+    if (size === 'sm') {
+        sizeStyles.minHeight = (0, react_native_size_matters_1.mvs)(40);
+        sizeStyles.paddingHorizontal = (0, react_native_size_matters_1.ms)(theme.spacing.s);
+    }
+    else if (size === 'lg') {
+        sizeStyles.minHeight = (0, react_native_size_matters_1.mvs)(50);
+        sizeStyles.paddingHorizontal = (0, react_native_size_matters_1.ms)(theme.spacing.xl);
+    }
+    // Combined styles
+    const buttonStyles = Object.assign(Object.assign(Object.assign(Object.assign({}, baseStyles), resolvedViewStyle), sizeStyles), style);
+    // Text styles
+    const combinedTextStyles = Object.assign(Object.assign({}, resolvedTextStyle), textStyle);
+    // Icon color
+    const iconColor = resolvedTextStyle.color;
+    // Determine what to render based on loading state
+    const renderContent = () => {
+        if (loading) {
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(react_native_1.ActivityIndicator, { size: "small", color: iconColor, style: { marginRight: loadingText ? (0, react_native_size_matters_1.ms)(buttonConfig.loading.marginRight) : 0 } }),
+                loadingText && react_1.default.createElement(react_native_1.Text, { style: combinedTextStyles }, loadingText)));
+        }
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            iconPosition === 'left' && icon && (react_1.default.createElement(react_native_1.View, { style: { marginRight: (0, react_native_size_matters_1.ms)(buttonConfig.icon.marginRight) } }, react_1.default.cloneElement(icon, {
+                color: iconColor,
+                size: theme.icons[buttonConfig.icon.size],
+            }))),
+            react_1.default.createElement(react_native_1.Text, { style: combinedTextStyles }, children),
+            iconPosition === 'right' && icon && (react_1.default.createElement(react_native_1.View, { style: { marginLeft: (0, react_native_size_matters_1.ms)(buttonConfig.icon.marginRight) } }, react_1.default.cloneElement(icon, {
+                color: iconColor,
+                size: theme.icons[buttonConfig.icon.size],
+            })))));
+    };
+    return (react_1.default.createElement(react_native_1.Pressable, { onPress: onPress, disabled: disabled || loading, style: ({ pressed }) => [
+            buttonStyles,
+            pressed && { opacity: 0.8, backgroundColor: theme.colors.primary[100] },
+            pressed && pressedStyle,
+        ] }, renderContent()));
+};
+exports.Button = Button;

package/dist/src/components/common/Cards/IssueCard.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface IssueCardProps {
+    startStation: string;
+    destinationStation: string;
+    date?: string;
+    status: string;
+    issueCount: number;
+    onPress: () => void;
+}
+declare const IssueCard: React.MemoExoticComponent<({ startStation, destinationStation, date, status, issueCount, onPress }: IssueCardProps) => React.JSX.Element>;
+export default IssueCard;

package/dist/src/components/common/Cards/IssueCard.js

@@ -0,0 +1,79 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const react_native_size_matters_1 = require("react-native-size-matters");
+const Badge_1 = __importDefault(require("../Badge/Badge"));
+const CustomText_1 = require("../Text/CustomText");
+const IssueCard = react_1.default.memo(({ startStation, destinationStation, date, status, issueCount, onPress }) => {
+    const { theme } = (0, ThemeProvider_1.useTheme)();
+    const getStatusVariant = () => {
+        switch (status) {
+            case 'CLOSED': return 'success';
+            case 'OPEN': return 'warning';
+            default: return 'primary';
+        }
+    };
+    const styles = react_native_1.StyleSheet.create({
+        cardContainer: {
+            borderWidth: 1,
+            backgroundColor: theme.colors.background,
+            borderColor: theme.colors.borderLight,
+            borderRadius: (0, react_native_size_matters_1.ms)(8),
+            padding: (0, react_native_size_matters_1.ms)(12),
+            marginBottom: (0, react_native_size_matters_1.mvs)(theme.spacing.s),
+        },
+        pressedCard: {
+            borderColor: theme.colors.primary[400],
+        },
+        row: {
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+        },
+        stationText: {
+            fontWeight: 'bold',
+            color: theme.colors.text,
+            marginBottom: (0, react_native_size_matters_1.mvs)(theme.spacing.xs),
+        },
+        issueText: {
+            color: theme.colors.text,
+            marginBottom: (0, react_native_size_matters_1.mvs)(theme.spacing.xs),
+        },
+        dateText: {
+            color: theme.colors.textTertiary,
+        },
+        statusBadge: {
+            paddingHorizontal: (0, react_native_size_matters_1.ms)(theme.spacing.s),
+            paddingVertical: (0, react_native_size_matters_1.mvs)(theme.spacing.xs),
+            borderRadius: (0, react_native_size_matters_1.ms)(12),
+            backgroundColor: getStatusVariant(),
+        },
+        statusText: {
+            fontSize: (0, react_native_size_matters_1.ms)(12),
+            color: theme.colors.white,
+            fontWeight: '500',
+        },
+    });
+    return (react_1.default.createElement(react_native_1.Pressable, { onPress: onPress }, ({ pressed }) => (react_1.default.createElement(react_native_1.View, { style: [
+            styles.cardContainer,
+            pressed && styles.pressedCard
+        ] },
+        react_1.default.createElement(react_native_1.View, { style: styles.row },
+            react_1.default.createElement(react_native_1.View, null,
+                startStation && (react_1.default.createElement(CustomText_1.CustomText, { variant: 'labelLarge', style: styles.stationText },
+                    startStation,
+                    " \u2192 ",
+                    destinationStation)),
+                react_1.default.createElement(CustomText_1.CustomText, { variant: 'body1', style: styles.issueText },
+                    "Issues: ",
+                    issueCount),
+                date && react_1.default.createElement(CustomText_1.CustomText, { variant: 'body2', style: styles.dateText }, date)),
+            react_1.default.createElement(react_native_1.View, null,
+                react_1.default.createElement(Badge_1.default, { text: status, variant: getStatusVariant(), size: "sm" })))))));
+});
+exports.default = IssueCard;

package/dist/src/components/common/Cards/RecentCard.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface RecentCardProps {
+    item: {
+        startStation: string;
+        destinationStation: string;
+        createdAt: string;
+    };
+    onPress: (item: any) => void;
+}
+declare const RecentCard: React.MemoExoticComponent<({ item, onPress }: RecentCardProps) => React.JSX.Element>;
+export default RecentCard;

package/dist/src/components/common/Cards/RecentCard.js

@@ -0,0 +1,71 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const RightArrowIcon_1 = __importDefault(require("../../../assets/icons/RightArrowIcon"));
+const formatDate_1 = require("../../../utils/formatDate");
+const CustomText_1 = require("../../../components/common/Text/CustomText");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const react_native_size_matters_1 = require("react-native-size-matters");
+const RecentCard = react_1.default.memo(({ item, onPress }) => {
+    const { theme } = (0, ThemeProvider_1.useTheme)();
+    return (react_1.default.createElement(react_native_1.Pressable, { onPress: () => onPress(item) }, ({ pressed }) => (react_1.default.createElement(react_native_1.View, { style: [
+            styles.card,
+            {
+                backgroundColor: theme.colors.background,
+                borderColor: theme.colors.border,
+                transform: [{ scale: pressed ? 0.98 : 1 }],
+                elevation: 2
+            }
+        ] },
+        react_1.default.createElement(react_native_1.View, { style: styles.cardContent },
+            react_1.default.createElement(react_native_1.View, { style: styles.stationInfo },
+                react_1.default.createElement(react_native_1.View, { style: styles.stationRow },
+                    react_1.default.createElement(CustomText_1.CustomText, { variant: "body1", style: styles.stationText }, item.startStation),
+                    react_1.default.createElement(RightArrowIcon_1.default, { size: (0, react_native_size_matters_1.ms)(18), color: theme.colors.primary[500] }),
+                    react_1.default.createElement(CustomText_1.CustomText, { variant: "body1", style: styles.stationText }, item.destinationStation)),
+                react_1.default.createElement(CustomText_1.CustomText, { variant: "caption", style: { color: theme.colors.textTertiary } }, (0, formatDate_1.formatDateWithTime)(item.createdAt))),
+            react_1.default.createElement(react_native_1.Pressable, { style: ({ pressed }) => [
+                    styles.buyButton,
+                    { borderColor: theme.colors.primary[500] },
+                    pressed && { backgroundColor: theme.colors.primary[50], borderColor: theme.colors.primary[300], }
+                ], onPress: () => onPress(item) },
+                react_1.default.createElement(react_native_1.Text, { style: { fontSize: (0, react_native_size_matters_1.ms)(12), color: theme.colors.primary[500] } }, 'Buy Again')))))));
+});
+const styles = react_native_1.StyleSheet.create({
+    card: {
+        padding: (0, react_native_size_matters_1.ms)(12),
+        marginHorizontal: (0, react_native_size_matters_1.ms)(4),
+        marginBottom: (0, react_native_size_matters_1.mvs)(12),
+        borderRadius: (0, react_native_size_matters_1.ms)(8),
+        borderWidth: 1,
+    },
+    cardContent: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+    },
+    stationInfo: {
+        flex: 1,
+        gap: (0, react_native_size_matters_1.mvs)(8),
+    },
+    stationRow: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        flexWrap: 'wrap',
+        gap: (0, react_native_size_matters_1.ms)(4),
+    },
+    stationText: {
+        fontWeight: '600'
+    },
+    buyButton: {
+        borderWidth: 1,
+        borderRadius: (0, react_native_size_matters_1.ms)(20),
+        paddingHorizontal: (0, react_native_size_matters_1.ms)(12),
+        paddingVertical: (0, react_native_size_matters_1.mvs)(6),
+    },
+});
+exports.default = RecentCard;

package/dist/src/components/common/Cards/TransactionCard.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface TransactionCardProps {
+    title: string;
+    startStation: string;
+    destinationStation: string;
+    amount: number;
+    date: string;
+    status: string;
+    onPress: () => void;
+}
+declare const TransactionCard: React.MemoExoticComponent<({ title, startStation, destinationStation, amount, date, status, onPress }: TransactionCardProps) => React.JSX.Element>;
+export default TransactionCard;

package/dist/src/components/common/Cards/TransactionCard.js

@@ -0,0 +1,89 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const react_native_2 = require("react-native");
+const CustomText_1 = require("../Text/CustomText");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const react_native_size_matters_1 = require("react-native-size-matters");
+const TransactionCard = react_1.default.memo(({ title, startStation, destinationStation, amount, date, status, onPress }) => {
+    const { theme } = (0, ThemeProvider_1.useTheme)();
+    const getStatusColor = () => {
+        switch (status) {
+            case 'Successful': return theme.colors.success[500];
+            case 'Cancelled': return theme.colors.error[500];
+            default: return theme.colors.warning[500];
+        }
+    };
+    const styles = react_native_1.StyleSheet.create({
+        cardContainer: {
+            borderWidth: 1,
+            backgroundColor: theme.colors.background,
+            borderColor: theme.colors.gray[300],
+            borderRadius: (0, react_native_size_matters_1.ms)(8),
+            padding: (0, react_native_size_matters_1.ms)(12),
+            marginBottom: (0, react_native_size_matters_1.mvs)(8),
+        },
+        pressedCard: {
+            borderColor: theme.colors.primary[400],
+        },
+        contentRow: {
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+        },
+        leftColumn: {
+            flex: 3.5,
+        },
+        rightColumn: {
+            flex: 1,
+            alignItems: 'flex-end',
+            paddingRight: (0, react_native_size_matters_1.ms)(8),
+        },
+        titleText: {
+            fontSize: (0, react_native_size_matters_1.ms)(14),
+            fontWeight: 'bold',
+            marginBottom: (0, react_native_size_matters_1.mvs)(4),
+        },
+        stationText: {
+            fontSize: (0, react_native_size_matters_1.ms)(14),
+            marginBottom: (0, react_native_size_matters_1.mvs)(4),
+        },
+        statusText: {
+            fontSize: (0, react_native_size_matters_1.ms)(12),
+            fontWeight: 600,
+            color: getStatusColor(),
+            marginBottom: (0, react_native_size_matters_1.mvs)(4),
+        },
+        dateText: {
+            fontSize: (0, react_native_size_matters_1.ms)(12),
+            color: theme.colors.textTertiary,
+        },
+        amountText: {
+            fontSize: (0, react_native_size_matters_1.ms)(16),
+            fontWeight: '800',
+            color: theme.colors.primary[500],
+        },
+    });
+    return (react_1.default.createElement(react_native_2.Pressable, { onPress: onPress }, ({ pressed }) => (react_1.default.createElement(react_native_1.View, { style: [
+            styles.cardContainer,
+            pressed && styles.pressedCard
+        ] },
+        react_1.default.createElement(react_native_1.View, { style: styles.contentRow },
+            react_1.default.createElement(react_native_1.View, { style: styles.leftColumn },
+                react_1.default.createElement(CustomText_1.CustomText, { variant: "body1", style: styles.titleText }, title),
+                react_1.default.createElement(CustomText_1.CustomText, { variant: "body1", style: styles.stationText },
+                    startStation,
+                    " \u2192 ",
+                    destinationStation),
+                react_1.default.createElement(CustomText_1.CustomText, { variant: "body2", style: styles.statusText }, status),
+                react_1.default.createElement(CustomText_1.CustomText, { variant: "body2", style: styles.dateText }, date)),
+            react_1.default.createElement(react_native_1.View, { style: styles.rightColumn },
+                react_1.default.createElement(CustomText_1.CustomText, { variant: "body1", style: styles.amountText },
+                    "\u20B9",
+                    amount)))))));
+});
+exports.default = TransactionCard;

package/dist/src/components/common/Cards/TransportationCard.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface TransportationCardProps {
+    style?: any;
+    label: string;
+    desc?: string;
+    image: string | React.ReactNode;
+    price?: string;
+    onPress: () => void;
+    imageSize?: number;
+    disabled?: boolean;
+}
+declare const TransportationCard: React.FC<TransportationCardProps>;
+export default TransportationCard;

package/dist/src/components/common/Cards/TransportationCard.js

@@ -0,0 +1,65 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const react_native_size_matters_1 = require("react-native-size-matters");
+const CustomText_1 = require("../Text/CustomText");
+const react_native_svg_1 = require("react-native-svg");
+const TransportationCard = ({ style, label, desc, price, image, onPress, disabled, imageSize = 100 }) => {
+    const { theme } = (0, ThemeProvider_1.useTheme)();
+    const isURL = typeof image === 'string';
+    return (react_1.default.createElement(react_native_1.Pressable, { onPress: onPress, disabled: disabled, style: ({ pressed }) => [
+            styles.container,
+            {
+                backgroundColor: theme.colors.primaryBackdrop,
+                shadowColor: theme.colors.shadow,
+                borderColor: pressed ? theme.colors.primary[500] : theme.colors.borderLight,
+            },
+            style
+        ] },
+        react_1.default.createElement(react_native_1.View, { style: styles.content },
+            isURL ? (image.endsWith('.svg') ? (react_1.default.createElement(react_native_1.View, { style: [styles.imageContainer, { width: (0, react_native_size_matters_1.ms)(imageSize), height: (0, react_native_size_matters_1.ms)(imageSize) }] },
+                react_1.default.createElement(react_native_svg_1.SvgUri, { width: "100%", height: "100%", uri: image }))) : (react_1.default.createElement(react_native_1.Image, { source: { uri: image }, style: [styles.image, { width: (0, react_native_size_matters_1.ms)(imageSize), height: (0, react_native_size_matters_1.ms)(imageSize) }], resizeMode: "contain" }))) : (react_1.default.createElement(react_native_1.View, { style: [styles.imageContainer, { width: (0, react_native_size_matters_1.ms)(imageSize), height: (0, react_native_size_matters_1.ms)(imageSize) }] }, image)),
+            react_1.default.createElement(react_native_1.View, { style: styles.textContainer },
+                react_1.default.createElement(CustomText_1.CustomText, { variant: "labelLarge", style: [styles.label, { color: theme.colors.text }] }, label),
+                desc && (react_1.default.createElement(CustomText_1.CustomText, { variant: "body2", style: [styles.desc, { color: theme.colors.textSecondary }] }, desc))))));
+};
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        borderRadius: (0, react_native_size_matters_1.ms)(8),
+        borderWidth: 1,
+        paddingHorizontal: (0, react_native_size_matters_1.ms)(20),
+        shadowOffset: { width: 0, height: 2 },
+        shadowOpacity: 0.1,
+        shadowRadius: 4,
+        elevation: 2,
+    },
+    content: {
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    imageContainer: {
+        marginVertical: (0, react_native_size_matters_1.mvs)(8),
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    image: {
+        marginVertical: (0, react_native_size_matters_1.mvs)(8),
+    },
+    textContainer: {
+        flex: 1,
+        marginLeft: (0, react_native_size_matters_1.ms)(16),
+    },
+    label: {
+        textAlign: 'left',
+    },
+    desc: {
+        textAlign: 'left',
+        marginTop: (0, react_native_size_matters_1.mvs)(4),
+    },
+});
+exports.default = TransportationCard;

package/dist/src/components/common/Cards/TypeCard.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface TypeCardProps {
+    style?: any;
+    imageSource: any;
+    title: string;
+    description?: string;
+    showArrow?: boolean;
+    onPress: () => void;
+}
+declare const _default: React.NamedExoticComponent<TypeCardProps>;
+export default _default;

package/dist/src/components/common/Cards/TypeCard.js

@@ -0,0 +1,58 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const react_native_size_matters_1 = require("react-native-size-matters");
+const CustomText_1 = require("../Text/CustomText");
+const ChevronRightIcon_1 = __importDefault(require("../../../assets/icons/ChevronRightIcon"));
+const TypeCard = ({ style, imageSource, title, description, showArrow = true, onPress }) => {
+    const { theme } = (0, ThemeProvider_1.useTheme)();
+    return (react_1.default.createElement(react_native_1.Pressable, { onPress: onPress, style: ({ pressed }) => [
+            styles.container,
+            {
+                backgroundColor: theme.colors.primaryBackdrop,
+                borderColor: pressed ? theme.colors.primary[500] : theme.colors.borderLight,
+                shadowColor: theme.colors.shadow,
+            },
+            style
+        ] },
+        react_1.default.createElement(react_native_1.View, { style: styles.content },
+            react_1.default.createElement(react_native_1.Image, { source: imageSource, style: styles.image, resizeMode: "contain" }),
+            react_1.default.createElement(react_native_1.View, { style: styles.textContainer },
+                react_1.default.createElement(CustomText_1.CustomText, { variant: "labelLarge", style: styles.title }, title),
+                description && (react_1.default.createElement(CustomText_1.CustomText, { variant: "body2", style: { color: theme.colors.textTertiary } }, description))),
+            showArrow && (react_1.default.createElement(ChevronRightIcon_1.default, { size: (0, react_native_size_matters_1.ms)(20), color: theme.colors.textTertiary })))));
+};
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        borderRadius: (0, react_native_size_matters_1.ms)(8),
+        borderWidth: 1,
+        padding: (0, react_native_size_matters_1.ms)(16),
+        shadowOffset: { width: 0, height: 2 },
+        shadowOpacity: 0.1,
+        shadowRadius: 4,
+        elevation: 2,
+    },
+    content: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+    },
+    image: {
+        width: (0, react_native_size_matters_1.ms)(40),
+        height: (0, react_native_size_matters_1.ms)(40),
+        marginRight: (0, react_native_size_matters_1.ms)(12),
+    },
+    textContainer: {
+        flex: 1,
+    },
+    title: {
+        fontWeight: '600',
+        marginBottom: (0, react_native_size_matters_1.mvs)(4),
+    },
+});
+exports.default = react_1.default.memo(TypeCard);

package/dist/src/components/common/Checkbox/Checkbox.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ViewStyle } from 'react-native';
+interface CheckboxProps {
+    value: boolean;
+    onValueChange: (value: boolean) => void;
+    color?: string;
+    size?: number;
+    style?: ViewStyle;
+    disabled?: boolean;
+}
+export declare const Checkbox: React.FC<CheckboxProps>;
+export {};

package/dist/src/components/common/Checkbox/Checkbox.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Checkbox = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const TickIcon_1 = __importDefault(require("../../../assets/icons/TickIcon"));
+const Checkbox = ({ value, onValueChange, color, size = 20, style, disabled = false, }) => {
+    const { theme } = (0, ThemeProvider_1.useTheme)();
+    const checkboxColor = color || theme.colors.primary[500];
+    return (react_1.default.createElement(react_native_1.TouchableOpacity, { onPress: () => !disabled && onValueChange(!value), activeOpacity: 0.7, style: style, disabled: disabled },
+        react_1.default.createElement(react_native_1.View, { style: {
+                width: size,
+                height: size,
+                borderRadius: 4,
+                borderWidth: 1,
+                borderColor: value ? checkboxColor : disabled ? theme.colors.disabled : theme.colors.textTertiary,
+                backgroundColor: value ? checkboxColor : disabled ? theme.colors.gray[200] : 'transparent',
+                alignItems: 'center',
+                justifyContent: 'center',
+                opacity: disabled ? 0.6 : 1,
+            } }, value && (react_1.default.createElement(TickIcon_1.default, { size: size - 8, color: theme.colors.white })))));
+};
+exports.Checkbox = Checkbox;

package/dist/src/components/common/CustomInput/CustomInput.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+interface CustomInputProps {
+    type?: "password" | "number" | "text" | "textarea" | "radio" | "switch" | "select" | "date";
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    error?: string;
+    maxDate?: Date;
+    minDate?: Date;
+    name: string;
+    onChange?: (value: any) => void;
+    value?: any;
+    options?: any[];
+    disabled?: boolean;
+    showError?: boolean;
+    maxLength?: number;
+    size?: "sm" | "md" | "lg";
+    floatingLabel?: boolean;
+    isReadOnly?: boolean;
+}
+declare const CustomInput: React.FC<CustomInputProps>;
+export default CustomInput;