@transfergratis/react-native-sdk 0.1.2

package/build/components/ui/ButtonStyles.js

@@ -0,0 +1,429 @@
+import { StyleSheet } from 'react-native';
+// Couleurs du thème
+export const colors = {
+    primary: '#2DBD60',
+    secondary: '#6C757D',
+    success: '#28A745',
+    warning: '#FFC107',
+    danger: '#DC3545',
+    info: '#17A2B8',
+    light: '#F8F9FA',
+    dark: '#343A40',
+    white: '#FFFFFF',
+    black: '#000000',
+    gray: {
+        100: '#F8F9FA',
+        200: '#E9ECEF',
+        300: '#DEE2E6',
+        400: '#CED4DA',
+        500: '#ADB5BD',
+        600: '#6C757D',
+        700: '#495057',
+        800: '#343A40',
+        900: '#212529',
+    },
+};
+// Ombres prédéfinies
+export const shadows = {
+    small: {
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 1 },
+        shadowOpacity: 0.1,
+        shadowRadius: 2,
+        elevation: 2,
+    },
+    medium: {
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 2 },
+        shadowOpacity: 0.15,
+        shadowRadius: 4,
+        elevation: 4,
+    },
+    large: {
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 4 },
+        shadowOpacity: 0.2,
+        shadowRadius: 8,
+        elevation: 8,
+    },
+};
+// Styles prédéfinis pour les boutons
+export const buttonStyles = StyleSheet.create({
+    // Variantes de base
+    primary: {
+        backgroundColor: colors.primary,
+        borderColor: colors.primary,
+    },
+    secondary: {
+        backgroundColor: colors.gray[200],
+        borderColor: colors.gray[300],
+    },
+    outline: {
+        backgroundColor: 'transparent',
+        borderColor: colors.primary,
+        borderWidth: 2,
+    },
+    ghost: {
+        backgroundColor: 'transparent',
+        borderColor: 'transparent',
+    },
+    danger: {
+        backgroundColor: colors.danger,
+        borderColor: colors.danger,
+    },
+    success: {
+        backgroundColor: colors.success,
+        borderColor: colors.success,
+    },
+    warning: {
+        backgroundColor: colors.warning,
+        borderColor: colors.warning,
+    },
+    // Tailles
+    small: {
+        paddingVertical: 8,
+        paddingHorizontal: 16,
+        fontSize: 14,
+        borderRadius: 6,
+    },
+    medium: {
+        paddingVertical: 12,
+        paddingHorizontal: 24,
+        fontSize: 16,
+        borderRadius: 8,
+    },
+    large: {
+        paddingVertical: 16,
+        paddingHorizontal: 32,
+        fontSize: 18,
+        borderRadius: 12,
+    },
+    // États
+    disabled: {
+        opacity: 0.6,
+    },
+    loading: {
+        opacity: 0.8,
+    },
+    // Formes
+    rounded: {
+        borderRadius: 50,
+    },
+    square: {
+        borderRadius: 0,
+    },
+    // Largeur
+    fullWidth: {
+        width: '100%',
+    },
+    autoWidth: {
+        width: 'auto',
+    },
+    // Ombres
+    shadowSmall: shadows.small,
+    shadowMedium: shadows.medium,
+    shadowLarge: shadows.large,
+    // Styles spéciaux
+    floating: {
+        position: 'absolute',
+        bottom: 20,
+        right: 20,
+        borderRadius: 50,
+        width: 56,
+        height: 56,
+        justifyContent: 'center',
+        alignItems: 'center',
+        ...shadows.large,
+    },
+    card: {
+        backgroundColor: colors.white,
+        borderColor: colors.gray[200],
+        borderWidth: 1,
+        ...shadows.small,
+    },
+    gradient: {
+        // Pour les boutons avec gradient (nécessite react-native-linear-gradient)
+        borderWidth: 0,
+    },
+    // Styles pour les icônes
+    iconOnly: {
+        width: 44,
+        height: 44,
+        borderRadius: 22,
+        justifyContent: 'center',
+        alignItems: 'center',
+        paddingHorizontal: 0,
+    },
+    // Styles pour les boutons de navigation
+    navButton: {
+        backgroundColor: colors.white,
+        borderColor: colors.gray[200],
+        borderWidth: 1,
+        borderRadius: 8,
+        paddingVertical: 10,
+        paddingHorizontal: 16,
+        ...shadows.small,
+    },
+    // Styles pour les boutons d'action
+    actionButton: {
+        backgroundColor: colors.primary,
+        borderRadius: 8,
+        paddingVertical: 12,
+        paddingHorizontal: 20,
+        ...shadows.medium,
+    },
+    // Styles pour les boutons de formulaire
+    formButton: {
+        backgroundColor: colors.primary,
+        borderRadius: 8,
+        paddingVertical: 16,
+        paddingHorizontal: 24,
+        width: '100%',
+        ...shadows.small,
+    },
+    // Styles pour les boutons de dialogue
+    dialogButton: {
+        backgroundColor: colors.gray[100],
+        borderColor: colors.gray[300],
+        borderWidth: 1,
+        borderRadius: 6,
+        paddingVertical: 10,
+        paddingHorizontal: 16,
+    },
+    // Styles pour les boutons de liste
+    listButton: {
+        backgroundColor: colors.white,
+        borderColor: colors.gray[200],
+        borderWidth: 1,
+        borderRadius: 8,
+        paddingVertical: 12,
+        paddingHorizontal: 16,
+        marginVertical: 4,
+        ...shadows.small,
+    },
+    // Styles pour les boutons de catégorie
+    categoryButton: {
+        backgroundColor: colors.white,
+        borderColor: colors.gray[300],
+        borderWidth: 1,
+        borderRadius: 12,
+        paddingVertical: 16,
+        paddingHorizontal: 20,
+        marginHorizontal: 8,
+        marginVertical: 4,
+        ...shadows.small,
+    },
+    // Styles pour les boutons de statut
+    statusButton: {
+        borderRadius: 20,
+        paddingVertical: 6,
+        paddingHorizontal: 12,
+        fontSize: 12,
+        fontWeight: '600',
+    },
+    // Styles pour les boutons de badge
+    badgeButton: {
+        backgroundColor: colors.primary,
+        borderRadius: 16,
+        paddingVertical: 4,
+        paddingHorizontal: 12,
+        fontSize: 12,
+        fontWeight: '600',
+    },
+    // Styles pour les boutons de toggle
+    toggleButton: {
+        backgroundColor: colors.gray[200],
+        borderColor: colors.gray[300],
+        borderWidth: 1,
+        borderRadius: 20,
+        paddingVertical: 8,
+        paddingHorizontal: 16,
+    },
+    toggleButtonActive: {
+        backgroundColor: colors.primary,
+        borderColor: colors.primary,
+    },
+    // Styles pour les boutons de pagination
+    paginationButton: {
+        backgroundColor: colors.white,
+        borderColor: colors.gray[300],
+        borderWidth: 1,
+        borderRadius: 6,
+        paddingVertical: 8,
+        paddingHorizontal: 12,
+        minWidth: 40,
+        height: 40,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    paginationButtonActive: {
+        backgroundColor: colors.primary,
+        borderColor: colors.primary,
+    },
+    // Styles pour les boutons de filtre
+    filterButton: {
+        backgroundColor: colors.white,
+        borderColor: colors.gray[300],
+        borderWidth: 1,
+        borderRadius: 20,
+        paddingVertical: 8,
+        paddingHorizontal: 16,
+        marginHorizontal: 4,
+    },
+    filterButtonActive: {
+        backgroundColor: colors.primary,
+        borderColor: colors.primary,
+    },
+    // Styles pour les boutons de tri
+    sortButton: {
+        backgroundColor: colors.white,
+        borderColor: colors.gray[300],
+        borderWidth: 1,
+        borderRadius: 6,
+        paddingVertical: 8,
+        paddingHorizontal: 12,
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    // Styles pour les boutons de recherche
+    searchButton: {
+        backgroundColor: colors.primary,
+        borderRadius: 8,
+        paddingVertical: 12,
+        paddingHorizontal: 20,
+        flexDirection: 'row',
+        alignItems: 'center',
+        ...shadows.small,
+    },
+    // Styles pour les boutons de partage
+    shareButton: {
+        backgroundColor: colors.info,
+        borderRadius: 8,
+        paddingVertical: 12,
+        paddingHorizontal: 20,
+        flexDirection: 'row',
+        alignItems: 'center',
+        ...shadows.small,
+    },
+    // Styles pour les boutons de favoris
+    favoriteButton: {
+        backgroundColor: colors.danger,
+        borderRadius: 8,
+        paddingVertical: 12,
+        paddingHorizontal: 20,
+        flexDirection: 'row',
+        alignItems: 'center',
+        ...shadows.small,
+    },
+    // Styles pour les boutons de téléchargement
+    downloadButton: {
+        backgroundColor: colors.success,
+        borderRadius: 8,
+        paddingVertical: 12,
+        paddingHorizontal: 20,
+        flexDirection: 'row',
+        alignItems: 'center',
+        ...shadows.small,
+    },
+    // Styles pour les boutons de suppression
+    deleteButton: {
+        backgroundColor: colors.danger,
+        borderRadius: 8,
+        paddingVertical: 12,
+        paddingHorizontal: 20,
+        flexDirection: 'row',
+        alignItems: 'center',
+        ...shadows.small,
+    },
+    // Styles pour les boutons d'édition
+    editButton: {
+        backgroundColor: colors.warning,
+        borderRadius: 8,
+        paddingVertical: 12,
+        paddingHorizontal: 20,
+        flexDirection: 'row',
+        alignItems: 'center',
+        ...shadows.small,
+    },
+});
+// Configuration des variantes avec couleurs de texte
+export const buttonTextColors = {
+    primary: colors.white,
+    secondary: colors.gray[700],
+    outline: colors.primary,
+    ghost: colors.primary,
+    danger: colors.white,
+    success: colors.white,
+    warning: colors.black,
+    disabled: colors.gray[500],
+};
+// Configuration des icônes prédéfinies
+export const buttonIcons = {
+    back: '←',
+    next: '→',
+    close: '✕',
+    check: '✓',
+    plus: '+',
+    minus: '-',
+    edit: '✎',
+    delete: '🗑',
+    share: '📤',
+    download: '⬇',
+    upload: '⬆',
+    search: '🔍',
+    filter: '🔧',
+    sort: '↕',
+    favorite: '❤',
+    star: '⭐',
+    camera: '📷',
+    gallery: '🖼',
+    location: '📍',
+    phone: '📞',
+    email: '📧',
+    calendar: '📅',
+    clock: '🕐',
+    user: '👤',
+    settings: '⚙',
+    home: '🏠',
+    menu: '☰',
+    refresh: '🔄',
+    play: '▶',
+    pause: '⏸',
+    stop: '⏹',
+    volume: '🔊',
+    mute: '🔇',
+    fullscreen: '⛶',
+    minimize: '⛶',
+    maximize: '⛶',
+    help: '❓',
+    info: 'ℹ',
+    warning: '⚠',
+    error: '❌',
+    success: '✅',
+};
+// Configuration des tailles d'icônes
+export const iconSizes = {
+    small: 16,
+    medium: 20,
+    large: 24,
+    xlarge: 32,
+};
+// Configuration des espacements
+export const buttonSpacing = {
+    small: {
+        paddingVertical: 8,
+        paddingHorizontal: 16,
+        gap: 8,
+    },
+    medium: {
+        paddingVertical: 12,
+        paddingHorizontal: 24,
+        gap: 12,
+    },
+    large: {
+        paddingVertical: 16,
+        paddingHorizontal: 32,
+        gap: 16,
+    },
+};
+//# sourceMappingURL=ButtonStyles.js.map

package/build/components/ui/ButtonStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonStyles.js","sourceRoot":"","sources":["../../../src/components/ui/ButtonStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,oBAAoB;AACpB,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,SAAS;IACpB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,SAAS;IACjB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE;QACJ,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;KACf;CACF,CAAC;AAEF,qBAAqB;AACrB,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,KAAK,EAAE;QACL,WAAW,EAAE,MAAM;QACnB,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QACrC,aAAa,EAAE,GAAG;QAClB,YAAY,EAAE,CAAC;QACf,SAAS,EAAE,CAAC;KACb;IACD,MAAM,EAAE;QACN,WAAW,EAAE,MAAM;QACnB,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QACrC,aAAa,EAAE,IAAI;QACnB,YAAY,EAAE,CAAC;QACf,SAAS,EAAE,CAAC;KACb;IACD,KAAK,EAAE;QACL,WAAW,EAAE,MAAM;QACnB,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QACrC,aAAa,EAAE,GAAG;QAClB,YAAY,EAAE,CAAC;QACf,SAAS,EAAE,CAAC;KACb;CACF,CAAC;AAEF,qCAAqC;AACrC,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CAAC,MAAM,CAAC;IAC5C,oBAAoB;IACpB,OAAO,EAAE;QACP,eAAe,EAAE,MAAM,CAAC,OAAO;QAC/B,WAAW,EAAE,MAAM,CAAC,OAAO;KAC5B;IACD,SAAS,EAAE;QACT,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;QACjC,WAAW,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;KAC9B;IACD,OAAO,EAAE;QACP,eAAe,EAAE,aAAa;QAC9B,WAAW,EAAE,MAAM,CAAC,OAAO;QAC3B,WAAW,EAAE,CAAC;KACf;IACD,KAAK,EAAE;QACL,eAAe,EAAE,aAAa;QAC9B,WAAW,EAAE,aAAa;KAC3B;IACD,MAAM,EAAE;QACN,eAAe,EAAE,MAAM,CAAC,MAAM;QAC9B,WAAW,EAAE,MAAM,CAAC,MAAM;KAC3B;IACD,OAAO,EAAE;QACP,eAAe,EAAE,MAAM,CAAC,OAAO;QAC/B,WAAW,EAAE,MAAM,CAAC,OAAO;KAC5B;IACD,OAAO,EAAE;QACP,eAAe,EAAE,MAAM,CAAC,OAAO;QAC/B,WAAW,EAAE,MAAM,CAAC,OAAO;KAC5B;IAED,UAAU;IACV,KAAK,EAAE;QACL,eAAe,EAAE,CAAC;QAClB,iBAAiB,EAAE,EAAE;QACrB,QAAQ,EAAE,EAAE;QACZ,YAAY,EAAE,CAAC;KAChB;IACD,MAAM,EAAE;QACN,eAAe,EAAE,EAAE;QACnB,iBAAiB,EAAE,EAAE;QACrB,QAAQ,EAAE,EAAE;QACZ,YAAY,EAAE,CAAC;KAChB;IACD,KAAK,EAAE;QACL,eAAe,EAAE,EAAE;QACnB,iBAAiB,EAAE,EAAE;QACrB,QAAQ,EAAE,EAAE;QACZ,YAAY,EAAE,EAAE;KACjB;IAED,QAAQ;IACR,QAAQ,EAAE;QACR,OAAO,EAAE,GAAG;KACb;IACD,OAAO,EAAE;QACP,OAAO,EAAE,GAAG;KACb;IAED,SAAS;IACT,OAAO,EAAE;QACP,YAAY,EAAE,EAAE;KACjB;IACD,MAAM,EAAE;QACN,YAAY,EAAE,CAAC;KAChB;IAED,UAAU;IACV,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;KACd;IACD,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;KACd;IAED,SAAS;IACT,WAAW,EAAE,OAAO,CAAC,KAAK;IAC1B,YAAY,EAAE,OAAO,CAAC,MAAM;IAC5B,WAAW,EAAE,OAAO,CAAC,KAAK;IAE1B,kBAAkB;IAClB,QAAQ,EAAE;QACR,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;QACT,YAAY,EAAE,EAAE;QAChB,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,GAAG,OAAO,CAAC,KAAK;KACjB;IAED,IAAI,EAAE;QACJ,eAAe,EAAE,MAAM,CAAC,KAAK;QAC7B,WAAW,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;QAC7B,WAAW,EAAE,CAAC;QACd,GAAG,OAAO,CAAC,KAAK;KACjB;IAED,QAAQ,EAAE;QACR,0EAA0E;QAC1E,WAAW,EAAE,CAAC;KACf;IAED,yBAAyB;IACzB,QAAQ,EAAE;QACR,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,YAAY,EAAE,EAAE;QAChB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,iBAAiB,EAAE,CAAC;KACrB;IAED,wCAAwC;IACxC,SAAS,EAAE;QACT,eAAe,EAAE,MAAM,CAAC,KAAK;QAC7B,WAAW,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;QAC7B,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC;QACf,eAAe,EAAE,EAAE;QACnB,iBAAiB,EAAE,EAAE;QACrB,GAAG,OAAO,CAAC,KAAK;KACjB;IAED,mCAAmC;IACnC,YAAY,EAAE;QACZ,eAAe,EAAE,MAAM,CAAC,OAAO;QAC/B,YAAY,EAAE,CAAC;QACf,eAAe,EAAE,EAAE;QACnB,iBAAiB,EAAE,EAAE;QACrB,GAAG,OAAO,CAAC,MAAM;KAClB;IAED,wCAAwC;IACxC,UAAU,EAAE;QACV,eAAe,EAAE,MAAM,CAAC,OAAO;QAC/B,YAAY,EAAE,CAAC;QACf,eAAe,EAAE,EAAE;QACnB,iBAAiB,EAAE,EAAE;QACrB,KAAK,EAAE,MAAM;QACb,GAAG,OAAO,CAAC,KAAK;KACjB;IAED,sCAAsC;IACtC,YAAY,EAAE;QACZ,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;QACjC,WAAW,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;QAC7B,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC;QACf,eAAe,EAAE,EAAE;QACnB,iBAAiB,EAAE,EAAE;KACtB;IAED,mCAAmC;IACnC,UAAU,EAAE;QACV,eAAe,EAAE,MAAM,CAAC,KAAK;QAC7B,WAAW,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;QAC7B,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC;QACf,eAAe,EAAE,EAAE;QACnB,iBAAiB,EAAE,EAAE;QACrB,cAAc,EAAE,CAAC;QACjB,GAAG,OAAO,CAAC,KAAK;KACjB;IAED,uCAAuC;IACvC,cAAc,EAAE;QACd,eAAe,EAAE,MAAM,CAAC,KAAK;QAC7B,WAAW,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;QAC7B,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,EAAE;QACnB,iBAAiB,EAAE,EAAE;QACrB,gBAAgB,EAAE,CAAC;QACnB,cAAc,EAAE,CAAC;QACjB,GAAG,OAAO,CAAC,KAAK;KACjB;IAED,oCAAoC;IACpC,YAAY,EAAE;QACZ,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,CAAC;QAClB,iBAAiB,EAAE,EAAE;QACrB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;IAED,mCAAmC;IACnC,WAAW,EAAE;QACX,eAAe,EAAE,MAAM,CAAC,OAAO;QAC/B,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,CAAC;QAClB,iBAAiB,EAAE,EAAE;QACrB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;IAED,oCAAoC;IACpC,YAAY,EAAE;QACZ,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;QACjC,WAAW,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;QAC7B,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,CAAC;QAClB,iBAAiB,EAAE,EAAE;KACtB;IAED,kBAAkB,EAAE;QAClB,eAAe,EAAE,MAAM,CAAC,OAAO;QAC/B,WAAW,EAAE,MAAM,CAAC,OAAO;KAC5B;IAED,wCAAwC;IACxC,gBAAgB,EAAE;QAChB,eAAe,EAAE,MAAM,CAAC,KAAK;QAC7B,WAAW,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;QAC7B,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC;QACf,eAAe,EAAE,CAAC;QAClB,iBAAiB,EAAE,EAAE;QACrB,QAAQ,EAAE,EAAE;QACZ,MAAM,EAAE,EAAE;QACV,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;IAED,sBAAsB,EAAE;QACtB,eAAe,EAAE,MAAM,CAAC,OAAO;QAC/B,WAAW,EAAE,MAAM,CAAC,OAAO;KAC5B;IAED,oCAAoC;IACpC,YAAY,EAAE;QACZ,eAAe,EAAE,MAAM,CAAC,KAAK;QAC7B,WAAW,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;QAC7B,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,CAAC;QAClB,iBAAiB,EAAE,EAAE;QACrB,gBAAgB,EAAE,CAAC;KACpB;IAED,kBAAkB,EAAE;QAClB,eAAe,EAAE,MAAM,CAAC,OAAO;QAC/B,WAAW,EAAE,MAAM,CAAC,OAAO;KAC5B;IAED,iCAAiC;IACjC,UAAU,EAAE;QACV,eAAe,EAAE,MAAM,CAAC,KAAK;QAC7B,WAAW,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;QAC7B,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC;QACf,eAAe,EAAE,CAAC;QAClB,iBAAiB,EAAE,EAAE;QACrB,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;KACrB;IAED,uCAAuC;IACvC,YAAY,EAAE;QACZ,eAAe,EAAE,MAAM,CAAC,OAAO;QAC/B,YAAY,EAAE,CAAC;QACf,eAAe,EAAE,EAAE;QACnB,iBAAiB,EAAE,EAAE;QACrB,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,GAAG,OAAO,CAAC,KAAK;KACjB;IAED,qCAAqC;IACrC,WAAW,EAAE;QACX,eAAe,EAAE,MAAM,CAAC,IAAI;QAC5B,YAAY,EAAE,CAAC;QACf,eAAe,EAAE,EAAE;QACnB,iBAAiB,EAAE,EAAE;QACrB,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,GAAG,OAAO,CAAC,KAAK;KACjB;IAED,qCAAqC;IACrC,cAAc,EAAE;QACd,eAAe,EAAE,MAAM,CAAC,MAAM;QAC9B,YAAY,EAAE,CAAC;QACf,eAAe,EAAE,EAAE;QACnB,iBAAiB,EAAE,EAAE;QACrB,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,GAAG,OAAO,CAAC,KAAK;KACjB;IAED,4CAA4C;IAC5C,cAAc,EAAE;QACd,eAAe,EAAE,MAAM,CAAC,OAAO;QAC/B,YAAY,EAAE,CAAC;QACf,eAAe,EAAE,EAAE;QACnB,iBAAiB,EAAE,EAAE;QACrB,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,GAAG,OAAO,CAAC,KAAK;KACjB;IAED,yCAAyC;IACzC,YAAY,EAAE;QACZ,eAAe,EAAE,MAAM,CAAC,MAAM;QAC9B,YAAY,EAAE,CAAC;QACf,eAAe,EAAE,EAAE;QACnB,iBAAiB,EAAE,EAAE;QACrB,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,GAAG,OAAO,CAAC,KAAK;KACjB;IAED,oCAAoC;IACpC,UAAU,EAAE;QACV,eAAe,EAAE,MAAM,CAAC,OAAO;QAC/B,YAAY,EAAE,CAAC;QACf,eAAe,EAAE,EAAE;QACnB,iBAAiB,EAAE,EAAE;QACrB,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,GAAG,OAAO,CAAC,KAAK;KACjB;CACF,CAAC,CAAC;AAEH,qDAAqD;AACrD,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,OAAO,EAAE,MAAM,CAAC,KAAK;IACrB,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;IAC3B,OAAO,EAAE,MAAM,CAAC,OAAO;IACvB,KAAK,EAAE,MAAM,CAAC,OAAO;IACrB,MAAM,EAAE,MAAM,CAAC,KAAK;IACpB,OAAO,EAAE,MAAM,CAAC,KAAK;IACrB,OAAO,EAAE,MAAM,CAAC,KAAK;IACrB,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;CAC3B,CAAC;AAEF,uCAAuC;AACvC,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,IAAI,EAAE,GAAG;IACT,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,GAAG;IACV,KAAK,EAAE,GAAG;IACV,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,GAAG;IACV,IAAI,EAAE,GAAG;IACT,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,IAAI;IACX,QAAQ,EAAE,GAAG;IACb,MAAM,EAAE,GAAG;IACX,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;IACZ,IAAI,EAAE,GAAG;IACT,QAAQ,EAAE,GAAG;IACb,IAAI,EAAE,GAAG;IACT,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,IAAI;IACd,KAAK,EAAE,IAAI;IACX,KAAK,EAAE,IAAI;IACX,QAAQ,EAAE,IAAI;IACd,KAAK,EAAE,IAAI;IACX,IAAI,EAAE,IAAI;IACV,QAAQ,EAAE,GAAG;IACb,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,GAAG;IACT,OAAO,EAAE,IAAI;IACb,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,GAAG;IACV,IAAI,EAAE,GAAG;IACT,MAAM,EAAE,IAAI;IACZ,IAAI,EAAE,IAAI;IACV,UAAU,EAAE,GAAG;IACf,QAAQ,EAAE,GAAG;IACb,QAAQ,EAAE,GAAG;IACb,IAAI,EAAE,GAAG;IACT,IAAI,EAAE,GAAG;IACT,OAAO,EAAE,GAAG;IACZ,KAAK,EAAE,GAAG;IACV,OAAO,EAAE,GAAG;CACb,CAAC;AAEF,qCAAqC;AACrC,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACX,CAAC;AAEF,gCAAgC;AAChC,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,KAAK,EAAE;QACL,eAAe,EAAE,CAAC;QAClB,iBAAiB,EAAE,EAAE;QACrB,GAAG,EAAE,CAAC;KACP;IACD,MAAM,EAAE;QACN,eAAe,EAAE,EAAE;QACnB,iBAAiB,EAAE,EAAE;QACrB,GAAG,EAAE,EAAE;KACR;IACD,KAAK,EAAE;QACL,eAAe,EAAE,EAAE;QACnB,iBAAiB,EAAE,EAAE;QACrB,GAAG,EAAE,EAAE;KACR;CACF,CAAC","sourcesContent":["import { StyleSheet } from 'react-native';\n\n// Couleurs du thème\nexport const colors = {\n  primary: '#2DBD60',\n  secondary: '#6C757D',\n  success: '#28A745',\n  warning: '#FFC107',\n  danger: '#DC3545',\n  info: '#17A2B8',\n  light: '#F8F9FA',\n  dark: '#343A40',\n  white: '#FFFFFF',\n  black: '#000000',\n  gray: {\n    100: '#F8F9FA',\n    200: '#E9ECEF',\n    300: '#DEE2E6',\n    400: '#CED4DA',\n    500: '#ADB5BD',\n    600: '#6C757D',\n    700: '#495057',\n    800: '#343A40',\n    900: '#212529',\n  },\n};\n\n// Ombres prédéfinies\nexport const shadows = {\n  small: {\n    shadowColor: '#000',\n    shadowOffset: { width: 0, height: 1 },\n    shadowOpacity: 0.1,\n    shadowRadius: 2,\n    elevation: 2,\n  },\n  medium: {\n    shadowColor: '#000',\n    shadowOffset: { width: 0, height: 2 },\n    shadowOpacity: 0.15,\n    shadowRadius: 4,\n    elevation: 4,\n  },\n  large: {\n    shadowColor: '#000',\n    shadowOffset: { width: 0, height: 4 },\n    shadowOpacity: 0.2,\n    shadowRadius: 8,\n    elevation: 8,\n  },\n};\n\n// Styles prédéfinis pour les boutons\nexport const buttonStyles = StyleSheet.create({\n  // Variantes de base\n  primary: {\n    backgroundColor: colors.primary,\n    borderColor: colors.primary,\n  },\n  secondary: {\n    backgroundColor: colors.gray[200],\n    borderColor: colors.gray[300],\n  },\n  outline: {\n    backgroundColor: 'transparent',\n    borderColor: colors.primary,\n    borderWidth: 2,\n  },\n  ghost: {\n    backgroundColor: 'transparent',\n    borderColor: 'transparent',\n  },\n  danger: {\n    backgroundColor: colors.danger,\n    borderColor: colors.danger,\n  },\n  success: {\n    backgroundColor: colors.success,\n    borderColor: colors.success,\n  },\n  warning: {\n    backgroundColor: colors.warning,\n    borderColor: colors.warning,\n  },\n\n  // Tailles\n  small: {\n    paddingVertical: 8,\n    paddingHorizontal: 16,\n    fontSize: 14,\n    borderRadius: 6,\n  },\n  medium: {\n    paddingVertical: 12,\n    paddingHorizontal: 24,\n    fontSize: 16,\n    borderRadius: 8,\n  },\n  large: {\n    paddingVertical: 16,\n    paddingHorizontal: 32,\n    fontSize: 18,\n    borderRadius: 12,\n  },\n\n  // États\n  disabled: {\n    opacity: 0.6,\n  },\n  loading: {\n    opacity: 0.8,\n  },\n\n  // Formes\n  rounded: {\n    borderRadius: 50,\n  },\n  square: {\n    borderRadius: 0,\n  },\n\n  // Largeur\n  fullWidth: {\n    width: '100%',\n  },\n  autoWidth: {\n    width: 'auto',\n  },\n\n  // Ombres\n  shadowSmall: shadows.small,\n  shadowMedium: shadows.medium,\n  shadowLarge: shadows.large,\n\n  // Styles spéciaux\n  floating: {\n    position: 'absolute',\n    bottom: 20,\n    right: 20,\n    borderRadius: 50,\n    width: 56,\n    height: 56,\n    justifyContent: 'center',\n    alignItems: 'center',\n    ...shadows.large,\n  },\n\n  card: {\n    backgroundColor: colors.white,\n    borderColor: colors.gray[200],\n    borderWidth: 1,\n    ...shadows.small,\n  },\n\n  gradient: {\n    // Pour les boutons avec gradient (nécessite react-native-linear-gradient)\n    borderWidth: 0,\n  },\n\n  // Styles pour les icônes\n  iconOnly: {\n    width: 44,\n    height: 44,\n    borderRadius: 22,\n    justifyContent: 'center',\n    alignItems: 'center',\n    paddingHorizontal: 0,\n  },\n\n  // Styles pour les boutons de navigation\n  navButton: {\n    backgroundColor: colors.white,\n    borderColor: colors.gray[200],\n    borderWidth: 1,\n    borderRadius: 8,\n    paddingVertical: 10,\n    paddingHorizontal: 16,\n    ...shadows.small,\n  },\n\n  // Styles pour les boutons d'action\n  actionButton: {\n    backgroundColor: colors.primary,\n    borderRadius: 8,\n    paddingVertical: 12,\n    paddingHorizontal: 20,\n    ...shadows.medium,\n  },\n\n  // Styles pour les boutons de formulaire\n  formButton: {\n    backgroundColor: colors.primary,\n    borderRadius: 8,\n    paddingVertical: 16,\n    paddingHorizontal: 24,\n    width: '100%',\n    ...shadows.small,\n  },\n\n  // Styles pour les boutons de dialogue\n  dialogButton: {\n    backgroundColor: colors.gray[100],\n    borderColor: colors.gray[300],\n    borderWidth: 1,\n    borderRadius: 6,\n    paddingVertical: 10,\n    paddingHorizontal: 16,\n  },\n\n  // Styles pour les boutons de liste\n  listButton: {\n    backgroundColor: colors.white,\n    borderColor: colors.gray[200],\n    borderWidth: 1,\n    borderRadius: 8,\n    paddingVertical: 12,\n    paddingHorizontal: 16,\n    marginVertical: 4,\n    ...shadows.small,\n  },\n\n  // Styles pour les boutons de catégorie\n  categoryButton: {\n    backgroundColor: colors.white,\n    borderColor: colors.gray[300],\n    borderWidth: 1,\n    borderRadius: 12,\n    paddingVertical: 16,\n    paddingHorizontal: 20,\n    marginHorizontal: 8,\n    marginVertical: 4,\n    ...shadows.small,\n  },\n\n  // Styles pour les boutons de statut\n  statusButton: {\n    borderRadius: 20,\n    paddingVertical: 6,\n    paddingHorizontal: 12,\n    fontSize: 12,\n    fontWeight: '600',\n  },\n\n  // Styles pour les boutons de badge\n  badgeButton: {\n    backgroundColor: colors.primary,\n    borderRadius: 16,\n    paddingVertical: 4,\n    paddingHorizontal: 12,\n    fontSize: 12,\n    fontWeight: '600',\n  },\n\n  // Styles pour les boutons de toggle\n  toggleButton: {\n    backgroundColor: colors.gray[200],\n    borderColor: colors.gray[300],\n    borderWidth: 1,\n    borderRadius: 20,\n    paddingVertical: 8,\n    paddingHorizontal: 16,\n  },\n\n  toggleButtonActive: {\n    backgroundColor: colors.primary,\n    borderColor: colors.primary,\n  },\n\n  // Styles pour les boutons de pagination\n  paginationButton: {\n    backgroundColor: colors.white,\n    borderColor: colors.gray[300],\n    borderWidth: 1,\n    borderRadius: 6,\n    paddingVertical: 8,\n    paddingHorizontal: 12,\n    minWidth: 40,\n    height: 40,\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n\n  paginationButtonActive: {\n    backgroundColor: colors.primary,\n    borderColor: colors.primary,\n  },\n\n  // Styles pour les boutons de filtre\n  filterButton: {\n    backgroundColor: colors.white,\n    borderColor: colors.gray[300],\n    borderWidth: 1,\n    borderRadius: 20,\n    paddingVertical: 8,\n    paddingHorizontal: 16,\n    marginHorizontal: 4,\n  },\n\n  filterButtonActive: {\n    backgroundColor: colors.primary,\n    borderColor: colors.primary,\n  },\n\n  // Styles pour les boutons de tri\n  sortButton: {\n    backgroundColor: colors.white,\n    borderColor: colors.gray[300],\n    borderWidth: 1,\n    borderRadius: 6,\n    paddingVertical: 8,\n    paddingHorizontal: 12,\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n\n  // Styles pour les boutons de recherche\n  searchButton: {\n    backgroundColor: colors.primary,\n    borderRadius: 8,\n    paddingVertical: 12,\n    paddingHorizontal: 20,\n    flexDirection: 'row',\n    alignItems: 'center',\n    ...shadows.small,\n  },\n\n  // Styles pour les boutons de partage\n  shareButton: {\n    backgroundColor: colors.info,\n    borderRadius: 8,\n    paddingVertical: 12,\n    paddingHorizontal: 20,\n    flexDirection: 'row',\n    alignItems: 'center',\n    ...shadows.small,\n  },\n\n  // Styles pour les boutons de favoris\n  favoriteButton: {\n    backgroundColor: colors.danger,\n    borderRadius: 8,\n    paddingVertical: 12,\n    paddingHorizontal: 20,\n    flexDirection: 'row',\n    alignItems: 'center',\n    ...shadows.small,\n  },\n\n  // Styles pour les boutons de téléchargement\n  downloadButton: {\n    backgroundColor: colors.success,\n    borderRadius: 8,\n    paddingVertical: 12,\n    paddingHorizontal: 20,\n    flexDirection: 'row',\n    alignItems: 'center',\n    ...shadows.small,\n  },\n\n  // Styles pour les boutons de suppression\n  deleteButton: {\n    backgroundColor: colors.danger,\n    borderRadius: 8,\n    paddingVertical: 12,\n    paddingHorizontal: 20,\n    flexDirection: 'row',\n    alignItems: 'center',\n    ...shadows.small,\n  },\n\n  // Styles pour les boutons d'édition\n  editButton: {\n    backgroundColor: colors.warning,\n    borderRadius: 8,\n    paddingVertical: 12,\n    paddingHorizontal: 20,\n    flexDirection: 'row',\n    alignItems: 'center',\n    ...shadows.small,\n  },\n});\n\n// Configuration des variantes avec couleurs de texte\nexport const buttonTextColors = {\n  primary: colors.white,\n  secondary: colors.gray[700],\n  outline: colors.primary,\n  ghost: colors.primary,\n  danger: colors.white,\n  success: colors.white,\n  warning: colors.black,\n  disabled: colors.gray[500],\n};\n\n// Configuration des icônes prédéfinies\nexport const buttonIcons = {\n  back: '←',\n  next: '→',\n  close: '✕',\n  check: '✓',\n  plus: '+',\n  minus: '-',\n  edit: '✎',\n  delete: '🗑',\n  share: '📤',\n  download: '⬇',\n  upload: '⬆',\n  search: '🔍',\n  filter: '🔧',\n  sort: '↕',\n  favorite: '❤',\n  star: '⭐',\n  camera: '📷',\n  gallery: '🖼',\n  location: '📍',\n  phone: '📞',\n  email: '📧',\n  calendar: '📅',\n  clock: '🕐',\n  user: '👤',\n  settings: '⚙',\n  home: '🏠',\n  menu: '☰',\n  refresh: '🔄',\n  play: '▶',\n  pause: '⏸',\n  stop: '⏹',\n  volume: '🔊',\n  mute: '🔇',\n  fullscreen: '⛶',\n  minimize: '⛶',\n  maximize: '⛶',\n  help: '❓',\n  info: 'ℹ',\n  warning: '⚠',\n  error: '❌',\n  success: '✅',\n};\n\n// Configuration des tailles d'icônes\nexport const iconSizes = {\n  small: 16,\n  medium: 20,\n  large: 24,\n  xlarge: 32,\n};\n\n// Configuration des espacements\nexport const buttonSpacing = {\n  small: {\n    paddingVertical: 8,\n    paddingHorizontal: 16,\n    gap: 8,\n  },\n  medium: {\n    paddingVertical: 12,\n    paddingHorizontal: 24,\n    gap: 12,\n  },\n  large: {\n    paddingVertical: 16,\n    paddingHorizontal: 32,\n    gap: 16,\n  },\n}; "]}

package/build/config/KYCConfigs.d.ts

@@ -0,0 +1,7 @@
+import { KYCFlowConfig } from '../types/KYC.types';
+export declare const basicKYCConfig: KYCFlowConfig;
+export declare const advancedKYCConfig: KYCFlowConfig;
+export declare const quickKYCConfig: KYCFlowConfig;
+export declare const professionalKYCConfig: KYCFlowConfig;
+export declare const createCustomKYCConfig: (id: string, name: string, description: string, elements: any[], settings?: any, styling?: any) => KYCFlowConfig;
+//# sourceMappingURL=KYCConfigs.d.ts.map

package/build/config/KYCConfigs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KYCConfigs.d.ts","sourceRoot":"","sources":["../../src/config/KYCConfigs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,eAAO,MAAM,cAAc,EAAE,aAoJ5B,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,aAqI/B,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,aA8D5B,CAAC;AAGF,eAAO,MAAM,qBAAqB,EAAE,aAqInC,CAAC;AAGF,eAAO,MAAM,qBAAqB,GAChC,IAAI,MAAM,EACV,MAAM,MAAM,EACZ,aAAa,MAAM,EACnB,UAAU,GAAG,EAAE,EACf,WAAW,GAAG,EACd,UAAU,GAAG,KACZ,aA6BF,CAAC"}