native-pytech 1.0.1

package/dist/libs/constants/colors.d.ts

@@ -0,0 +1,218 @@
+/**
+ * Below are the colors that are used in the app. The colors are defined in the light and dark mode.
+ * There are many other ways to style your app. For example, [Nativewind](https://www.nativewind.dev/), [Tamagui](https://tamagui.dev/), [unistyles](https://reactnativeunistyles.vercel.app), etc.
+ */
+declare const Colors: {
+    light: {
+        text: string;
+        textInvert: string;
+        background: string;
+        tint: string;
+        icon: string;
+        tabIconDefault: string;
+        tabIconSelected: string;
+        focusColor: string;
+        text2: string;
+        borderColorError: string;
+        backgroundColor2Error: string;
+        backgroundColor: string;
+        backgroundColor2: string;
+        description: string;
+        borderColor: string;
+        borderColor9: string;
+        borderColor8: string;
+        borderColor7: string;
+        borderColor6: string;
+        borderColor5: string;
+        borderColor4: string;
+        borderColor3: string;
+        borderColor2: string;
+        borderColor1: string;
+        backgroundColor3: string;
+        backgroundColorContactos: string;
+        backgroundColorModal: string;
+        backgroundColorModal2: string;
+        FiltroColorSeleccionado: string;
+        FiltroIconoSeleccionado: string;
+        FiltroColorNoSeleccionado: string;
+        FiltroIconoNoSeleccionado: string;
+        FiltroColorMensaje: string;
+        SearchBar: string;
+        SearchBarText: string;
+        text2Libretas: string;
+        contLibretas: string;
+        contTable: string;
+        contTableModal: string;
+        contTableModal2: string;
+        contTableLight: string;
+        contLibretasPressed: string;
+        skeletonGradientStart: string;
+        skeletonGradientEnd: string;
+        skeletonGradientStart2: string;
+        skeletonGradientEnd2: string;
+        pildoraVacia: string;
+        contTableLightBlue: string;
+        pressableLightBlue: string;
+        contTableOrange: string;
+        pressableOrange: string;
+    };
+    dark: {
+        text: string;
+        textInvert: string;
+        background: string;
+        tint: string;
+        icon: string;
+        tabIconDefault: string;
+        tabIconSelected: string;
+        focusColor: string;
+        text2: string;
+        borderColorError: string;
+        backgroundColor2Error: string;
+        backgroundColor: string;
+        backgroundColor2: string;
+        description: string;
+        borderColor: string;
+        borderColor9: string;
+        borderColor8: string;
+        borderColor7: string;
+        borderColor6: string;
+        borderColor5: string;
+        borderColor4: string;
+        borderColor3: string;
+        borderColor2: string;
+        borderColor1: string;
+        backgroundColor3: string;
+        backgroundColorContactos: string;
+        backgroundColorModal: string;
+        backgroundColorModal2: string;
+        FiltroColorSeleccionado: string;
+        FiltroIconoSeleccionado: string;
+        FiltroColorNoSeleccionado: string;
+        FiltroIconoNoSeleccionado: string;
+        FiltroColorMensaje: string;
+        SearchBar: string;
+        SearchBarText: string;
+        text2Libretas: string;
+        contLibretas: string;
+        contTable: string;
+        contTableModal: string;
+        contTableModal2: string;
+        contTableLight: string;
+        contLibretasPressed: string;
+        skeletonGradientStart: string;
+        skeletonGradientEnd: string;
+        skeletonGradientStart2: string;
+        skeletonGradientEnd2: string;
+        pildoraVacia: string;
+        contTableLightBlue: string;
+        pressableLightBlue: string;
+        contTableOrange: string;
+        pressableOrange: string;
+    };
+    perfil: {
+        default: {
+            dark: string;
+            light: string;
+        };
+        rojo: {
+            dark: string;
+            light: string;
+        };
+        amarillo: {
+            dark: string;
+            light: string;
+        };
+        azul_oscuro: {
+            dark: string;
+            light: string;
+        };
+        naranja: {
+            dark: string;
+            light: string;
+        };
+        marron_claro: {
+            dark: string;
+            light: string;
+        };
+        verde_agua: {
+            dark: string;
+            light: string;
+        };
+        marron_oscuro: {
+            dark: string;
+            light: string;
+        };
+        rosa: {
+            dark: string;
+            light: string;
+        };
+        azul_claro: {
+            dark: string;
+            light: string;
+        };
+        violeta: {
+            dark: string;
+            light: string;
+        };
+        celeste_oscuro: {
+            dark: string;
+            light: string;
+        };
+        gris: {
+            dark: string;
+            light: string;
+        };
+        celeste_claro: {
+            dark: string;
+            light: string;
+        };
+        verde_oscuro: {
+            dark: string;
+            light: string;
+        };
+        verde_claro: {
+            dark: string;
+            light: string;
+        };
+    };
+    filtros: {
+        azul: string;
+        verde: string;
+        violeta: string;
+        rosa: string;
+        naranja: string;
+        amarillo: string;
+        celeste: string;
+        rojo: string;
+        light: {
+            azul_bg: string;
+            verde_bg: string;
+            violeta_bg: string;
+            rosa_bg: string;
+            naranja_bg: string;
+            amarillo_bg: string;
+            celeste_bg: string;
+        };
+        dark: {
+            azul_bg: string;
+            verde_bg: string;
+            violeta_bg: string;
+            rosa_bg: string;
+            naranja_bg: string;
+            amarillo_bg: string;
+            celeste_bg: string;
+        };
+    };
+    especiales: {
+        azul: string;
+        rojo: string;
+        rosa_claro: string;
+        verde: string;
+        verde_claro: string;
+        celeste: string;
+        azul_pressed: string;
+    };
+};
+export type ColorSchemeType = keyof Pick<typeof Colors, "light" | "dark">;
+export type ThemeType = typeof Colors["light"];
+export default Colors;

package/dist/libs/constants/colors.js

@@ -0,0 +1,170 @@
+/**
+ * Below are the colors that are used in the app. The colors are defined in the light and dark mode.
+ * There are many other ways to style your app. For example, [Nativewind](https://www.nativewind.dev/), [Tamagui](https://tamagui.dev/), [unistyles](https://reactnativeunistyles.vercel.app), etc.
+ */
+const tintColorLight = '#0a7ea4';
+const tintColorDark = '#fff';
+const Colors = {
+    light: {
+        text: 'black',
+        textInvert: 'white',
+        background: '#fff',
+        tint: tintColorLight,
+        icon: 'hsl(206, 6.30%, 43.50%)',
+        tabIconDefault: '#687076',
+        tabIconSelected: tintColorLight,
+        focusColor: '#0076df',
+        text2: 'hsl(0, 0%, 10%)',
+        borderColorError: '#e30000',
+        backgroundColor2Error: '#fff2f4',
+        backgroundColor: 'white',
+        backgroundColor2: 'white',
+        description: 'hsl(240, 1.70%, 53.30%)',
+        borderColor: 'rgba(150, 150, 150, 1)',
+        borderColor9: 'rgba(150, 150, 150, 0.9)',
+        borderColor8: 'rgba(150, 150, 150, 0.8)',
+        borderColor7: 'rgba(150, 150, 150, 0.7)',
+        borderColor6: 'rgba(150, 150, 150, 0.6)',
+        borderColor5: 'rgba(150, 150, 150, 0.5)',
+        borderColor4: 'rgba(150, 150, 150, 0.4)',
+        borderColor3: 'rgba(150, 150, 150, 0.3)',
+        borderColor2: 'rgba(150, 150, 150, 0.2)',
+        borderColor1: 'rgba(150, 150, 150, 0.1)',
+        backgroundColor3: '#f1eff5',
+        backgroundColorContactos: 'white',
+        backgroundColorModal: 'hsl(252, 22%, 95%)',
+        backgroundColorModal2: 'white',
+        FiltroColorSeleccionado: 'hsl(240, 1.70%, 23.10%)',
+        FiltroIconoSeleccionado: 'white',
+        FiltroColorNoSeleccionado: 'hsl(0, 0.00%, 91.40%)',
+        FiltroIconoNoSeleccionado: '#7d7d7f',
+        FiltroColorMensaje: 'hsl(252, 22%, 95%)',
+        SearchBar: '#f4f4f4',
+        SearchBarText: '#86868a',
+        text2Libretas: 'hsl(240, 1%, 55%)',
+        contLibretas: 'white',
+        contTable: 'white',
+        contTableModal: 'white',
+        contTableModal2: 'hsl(252, 22%, 95%)',
+        contTableLight: 'hsl(252, 22%, 95%)',
+        contLibretasPressed: 'hsl(252, 5%, 81%)',
+        skeletonGradientStart: 'hsl(0, 0.00%, 100%)',
+        skeletonGradientEnd: 'hsl(0, 0.00%, 91.40%)',
+        skeletonGradientStart2: 'hsl(0, 0.00%, 80%)',
+        skeletonGradientEnd2: 'hsl(0, 0.00%, 70%)',
+        pildoraVacia: 'hsl(252, 22%, 95%)',
+        contTableLightBlue: 'hsl(190, 79%, 94%)',
+        pressableLightBlue: 'hsl(189, 82%, 89%)',
+        contTableOrange: 'hsl(37, 76.50%, 90%)',
+        pressableOrange: 'hsl(36, 80%, 85%)'
+    },
+    dark: {
+        text: 'white',
+        textInvert: 'black',
+        background: '#151718',
+        tint: tintColorDark,
+        icon: '#9BA1A6',
+        tabIconDefault: '#9BA1A6',
+        tabIconSelected: tintColorDark,
+        focusColor: '#0076df',
+        text2: 'hsl(0, 0%, 90%)',
+        borderColorError: '#ff3037',
+        backgroundColor2Error: '#300',
+        backgroundColor: 'hsl(240, 3.40%, 11.40%)',
+        backgroundColor2: 'hsl(240, 2.60%, 14.90%)',
+        description: 'hsl(228, 2.70%, 63.30%)',
+        borderColor: 'rgba(150, 150, 150, 1)',
+        borderColor9: 'rgba(150, 150, 150, 0.9)',
+        borderColor8: 'rgba(150, 150, 150, 0.8)',
+        borderColor7: 'rgba(150, 150, 150, 0.7)',
+        borderColor6: 'rgba(150, 150, 150, 0.6)',
+        borderColor5: 'rgba(150, 150, 150, 0.5)',
+        borderColor4: 'rgba(150, 150, 150, 0.4)',
+        borderColor3: 'rgba(150, 150, 150, 0.3)',
+        borderColor2: 'rgba(150, 150, 150, 0.2)',
+        borderColor1: 'rgba(150, 150, 150, 0.1)',
+        backgroundColor3: '#000000',
+        backgroundColorContactos: 'hsl(0, 0%, 0%)',
+        backgroundColorModal: 'hsl(240, 3%, 11%)',
+        backgroundColorModal2: 'hsl(240, 3%, 11%)',
+        FiltroColorSeleccionado: 'white',
+        FiltroIconoSeleccionado: 'hsl(240, 3.40%, 11.40%)',
+        FiltroColorNoSeleccionado: 'hsl(0, 0.00%, 14.90%)',
+        FiltroIconoNoSeleccionado: 'hsl(228, 2.70%, 63.30%)',
+        FiltroColorMensaje: 'hsl(0, 0.00%, 14.90%)',
+        SearchBar: '#f4f4f4',
+        SearchBarText: '#86868a',
+        text2Libretas: 'hsl(252, 3%, 62%)',
+        contLibretas: 'hsl(240, 3%, 11%)',
+        contTable: 'hsl(240, 3%, 11%)',
+        contTableModal: 'hsl(240, 2%, 18%)',
+        contTableModal2: 'hsl(240, 2%, 18%)',
+        contTableLight: 'hsl(240, 2%, 18%)',
+        contLibretasPressed: 'hsl(240, 2%, 22%)',
+        skeletonGradientStart: 'hsl(0, 0.00%, 14.90%)',
+        skeletonGradientEnd: 'hsl(0, 0.00%, 24.90%)',
+        skeletonGradientStart2: 'hsl(0, 0.00%, 14.90%)',
+        skeletonGradientEnd2: 'hsl(0, 0.00%, 24.90%)',
+        pildoraVacia: 'hsl(240, 3%, 11%)',
+        contTableLightBlue: 'hsl(195, 62%, 13%)',
+        pressableLightBlue: 'hsl(193, 63%, 18%)',
+        contTableOrange: 'hsl(38, 63.60%, 17.30%)',
+        pressableOrange: 'hsl(36, 64.60%, 22.30%)'
+    },
+    perfil: {
+        default: { dark: '#7580ba', light: '#b1c6e4' },
+        rojo: { dark: '#b12309', light: '#ff856a' },
+        amarillo: { dark: '#c97c00', light: '#ffe535' },
+        azul_oscuro: { dark: '#0f236d', light: '#6a7ec9' },
+        naranja: { dark: '#9c4d00', light: '#ffba53' },
+        marron_claro: { dark: '#75582e', light: '#e4c79d' },
+        verde_agua: { dark: '#105951', light: '#80c3ba' },
+        marron_oscuro: { dark: '#4f2a00', light: '#aa855a' },
+        rosa: { dark: '#892466', light: '#f08bcc' },
+        azul_claro: { dark: '#334696', light: '#9eb1ff' },
+        violeta: { dark: '#482d76', light: '#ac90d9' },
+        celeste_oscuro: { dark: '#005095', light: '#6dbfff' },
+        gris: { dark: '#445255', light: '#b0bec1' },
+        celeste_claro: { dark: '#237286', light: '#98e7fb' },
+        verde_oscuro: { dark: '#215b1d', light: '#8ac487' },
+        verde_claro: { dark: '#4b5f13', light: '#bbce82' }
+    },
+    filtros: {
+        azul: 'hsl(208, 75.80%, 57.80%)',
+        verde: 'hsl(140, 39.70%, 46.90%)',
+        violeta: 'hsl(243, 31.80%, 58.60%)',
+        rosa: 'hsl(337, 61.50%, 57.30%)',
+        naranja: ' hsl(28, 72.40%, 56.10%)',
+        amarillo: 'hsl(48, 64.30%, 45.70%)',
+        celeste: 'hsl(190, 65.20%, 53.40%)',
+        rojo: 'hsl(3, 97.70%, 65.30%)',
+        light: {
+            azul_bg: 'hsl(208, 75.80%, 95%)',
+            verde_bg: 'hsl(140, 33%, 89%)',
+            violeta_bg: 'hsl(244, 33%, 92%)',
+            rosa_bg: 'hsl(340, 71%, 92%)',
+            naranja_bg: 'hsl(28, 72.40%, 95%)',
+            amarillo_bg: 'hsl(48, 64.30%, 95%)',
+            celeste_bg: 'hsl(190, 65.20%, 95%)',
+        },
+        dark: {
+            azul_bg: 'hsl(208, 75.80%, 10%)',
+            verde_bg: 'hsl(144, 45%, 9%)',
+            violeta_bg: 'hsl(240, 21%, 11%)',
+            rosa_bg: 'hsl(339, 45%, 11%)',
+            naranja_bg: 'hsl(28, 72.40%, 10%)',
+            amarillo_bg: 'hsl(48, 64.30%, 10%)',
+            celeste_bg: 'hsl(190, 65.20%, 10%)',
+        }
+    },
+    especiales: {
+        azul: 'hsl(207, 100%, 50%)',
+        rojo: 'hsl(358, 100%, 62%)',
+        rosa_claro: 'hsl(329, 86.5%, 74.4%)',
+        verde: 'hsl(135, 58.70%, 49.40%)',
+        verde_claro: 'hsl(132, 65%, 64%)',
+        celeste: 'hsl(179, 100%, 76%)',
+        azul_pressed: 'hsl(197, 100%, 50%)',
+    }
+};
+export default Colors;

package/dist/libs/constants/consts.d.ts

@@ -0,0 +1,13 @@
+import { NativeStackNavigationOptions } from '@react-navigation/native-stack';
+export declare const deviceTier: "low" | "medium" | "high";
+export declare const isLowTier: boolean;
+type ExpoEnv = {
+    SUPABASE_USERNAME_LOGIN: string;
+    SUPABASE_PASSWORD_LOGIN: string;
+    SUPABASE_URL: string;
+    SUPABASE_KEY: string;
+    SUPABASE_SERVICE_ROLE_KEY: string;
+};
+export declare const expoEnv: Partial<ExpoEnv>;
+export declare const screenOptions: NativeStackNavigationOptions;
+export {};

package/dist/libs/constants/consts.js

@@ -0,0 +1,23 @@
+import { Platform } from 'react-native';
+import { _getDeviceTier } from './utils';
+import Constants from 'expo-constants';
+export const deviceTier = _getDeviceTier();
+export const isLowTier = Platform.OS === 'android' && deviceTier === 'low';
+const getExpoEnv = () => {
+    const expoEnv = Constants.expoConfig?.extra || {};
+    return {
+        SUPABASE_USERNAME_LOGIN: expoEnv.SUPABASE_USERNAME_LOGIN || process.env.SUPABASE_USERNAME_LOGIN,
+        SUPABASE_PASSWORD_LOGIN: expoEnv.SUPABASE_PASSWORD_LOGIN || process.env.SUPABASE_PASSWORD_LOGIN,
+        SUPABASE_URL: expoEnv.SUPABASE_URL || process.env.SUPABASE_URL,
+        SUPABASE_KEY: expoEnv.SUPABASE_KEY || process.env.SUPABASE_KEY,
+        SUPABASE_SERVICE_ROLE_KEY: expoEnv.SUPABASE_SERVICE_ROLE_KEY || process.env.SUPABASE_SERVICE_ROLE_KEY,
+    };
+};
+export const expoEnv = getExpoEnv();
+export const screenOptions = {
+    headerTitleAlign: "center",
+    headerBackButtonMenuEnabled: true,
+    headerBackButtonDisplayMode: 'minimal',
+    headerTransparent: Platform.OS === 'ios',
+    headerLargeTitle: true,
+};

package/dist/libs/constants/handleFontObserver.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => void;
+export default _default;

package/dist/libs/constants/handleFontObserver.js

@@ -0,0 +1,18 @@
+import FontFaceObserver from 'fontfaceobserver';
+export default () => {
+    // Solo ejecutarlo en Web
+    if (typeof document === 'undefined')
+        return;
+    // Sobrescribimos la función load de FontFaceObserver para capturar todos los errores
+    const OriginalLoad = FontFaceObserver.prototype.load;
+    FontFaceObserver.prototype.load = function (testString, timeout) {
+        // Si no pasaron timeout, ponemos 15000ms por defecto
+        const actualTimeout = timeout || 15000;
+        return OriginalLoad.call(this, testString, actualTimeout)
+            .catch(err => {
+            console.warn(`FontFaceObserver ignoró error de fuente "${this.family}"`, err);
+            // Retornamos un resolved Promise para que la app no rompa
+            return Promise.resolve();
+        });
+    };
+};

package/dist/libs/constants/hooks.d.ts

@@ -0,0 +1,5 @@
+export declare const useEffectWithoutFirstRender: (effect: () => void, deps: any[]) => void;
+export declare const useLayoutEffectWithoutFirstRender: (effect: () => void, deps: any[]) => void;
+export declare const useAsyncEffect: (effect: (isMounted: () => boolean) => Promise<void>, deps: any[]) => void;
+export declare const useAsyncFocusEffect: (effect: (isMounted: () => boolean) => Promise<void>) => void;
+export declare const useAsyncFocusEffectWithoutFirstRender: (effect: (isMounted: () => boolean) => Promise<void>) => void;

package/dist/libs/constants/hooks.js

@@ -0,0 +1,50 @@
+import { useCallback, useEffect, useLayoutEffect, useRef } from 'react';
+import { useFocusEffect } from 'expo-router';
+export const useEffectWithoutFirstRender = (effect, deps) => {
+    const isFirstRender = useRef(true);
+    useEffect(() => {
+        if (isFirstRender.current) {
+            isFirstRender.current = false;
+            return;
+        }
+        return effect();
+    }, deps);
+};
+export const useLayoutEffectWithoutFirstRender = (effect, deps) => {
+    const isFirstRender = useRef(true);
+    useLayoutEffect(() => {
+        if (isFirstRender.current) {
+            isFirstRender.current = false;
+            return;
+        }
+        return effect();
+    }, deps);
+};
+export const useAsyncEffect = (effect, deps) => {
+    useEffect(() => {
+        let mounted = true;
+        const isMounted = () => mounted;
+        effect(isMounted);
+        return () => { mounted = false; };
+    }, deps);
+};
+export const useAsyncFocusEffect = (effect) => {
+    useFocusEffect(useCallback(() => {
+        let mounted = true;
+        const isMounted = () => mounted;
+        void effect(isMounted);
+        return () => { mounted = false; };
+    }, [effect]));
+};
+export const useAsyncFocusEffectWithoutFirstRender = (effect) => {
+    const isFirstFocus = useRef(true);
+    useFocusEffect(useCallback(() => {
+        let mounted = true;
+        const isMounted = () => mounted;
+        if (isFirstFocus.current)
+            isFirstFocus.current = false;
+        else
+            void effect(isMounted);
+        return () => { mounted = false; };
+    }, [effect]));
+};

package/dist/libs/constants/utils.d.ts

@@ -0,0 +1,10 @@
+import { StyleProp } from 'react-native';
+import React from 'react';
+export declare const addProps: (element: React.ReactElement | null, additionalStyles?: StyleProp<any>, extraProps?: Record<string, any>) => React.ReactElement | null;
+export declare const numberFormat: (value: number) => string;
+export declare function applyOpacity(color: string, opacity: number): string;
+export declare function adjustLightness(color: string, percentage: number): string;
+export declare const _getDeviceTier: () => "low" | "medium" | "high";
+export declare const createCtx: <T>() => readonly [React.Provider<T>, () => T];
+export declare const createUseContext: <T>(context: React.Context<T | null>) => T;
+export declare const capitalize: (string: string) => string;

package/dist/libs/constants/utils.js

@@ -0,0 +1,69 @@
+import { Platform } from 'react-native';
+import React, { createContext as reactCreateContext, useContext } from 'react';
+import * as Device from 'expo-device';
+import { hsla, parseToHsla, parseToRgba } from 'color2k';
+export const addProps = (element, additionalStyles = [], extraProps = {}) => {
+    if (!React.isValidElement(element))
+        return null;
+    return React.cloneElement(element, {
+        style: [
+            element.props.style,
+            ...additionalStyles
+        ],
+        ...extraProps
+    });
+};
+const formatter = new Intl.NumberFormat('es-AR');
+export const numberFormat = (value) => {
+    const abs = formatter.format(Math.abs(value));
+    return value < 0 ? `(${abs})` : abs;
+};
+export function applyOpacity(color, opacity) {
+    try {
+        const [r, g, b] = parseToRgba(color); // ignoro alpha original
+        return `rgba(${r}, ${g}, ${b}, ${opacity})`;
+    }
+    catch (e) {
+        console.error('Color inválido:', color);
+        return color;
+    }
+}
+export function adjustLightness(color, percentage) {
+    try {
+        const [h, s, l, a] = parseToHsla(color);
+        // Ajustar luminosidad: percentage puede ser positivo (aclarar) o negativo (oscurecer)
+        // l está en rango 0-1, percentage es de -100 a +100
+        const newL = Math.max(0, Math.min(1, l + (percentage / 100)));
+        return hsla(h, s, newL, a);
+    }
+    catch (e) {
+        console.error('Color inválido:', color);
+        return color;
+    }
+}
+export const _getDeviceTier = () => {
+    if (Platform.OS !== 'android')
+        return 'high';
+    const ramGB = Device.totalMemory
+        ? Device.totalMemory / 1024 / 1024 / 1024
+        : 0;
+    if (ramGB > 0 && ramGB <= 4)
+        return 'low';
+    if (ramGB <= 6)
+        return 'medium';
+    return 'high';
+};
+export const createCtx = () => {
+    const context = reactCreateContext(null);
+    const useCtx = () => createUseContext(context);
+    return [context.Provider, useCtx];
+};
+export const createUseContext = (context) => {
+    const ctx = useContext(context);
+    if (!ctx)
+        throw new Error('useContext debe usarse dentro de un context.Provider');
+    return ctx;
+};
+export const capitalize = (string) => {
+    return string.charAt(0).toUpperCase() + string.slice(1);
+};

package/dist/libs/footer/index.d.ts

@@ -0,0 +1 @@
+export { default } from './src';

package/dist/libs/footer/index.js

@@ -0,0 +1 @@
+export { default } from './src';

package/dist/libs/footer/src/Background/index.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("react").MemoExoticComponent<({ backgroundColorPage }: {
+    backgroundColorPage: string;
+}) => import("react").JSX.Element>;
+export default _default;

package/dist/libs/footer/src/Background/index.ios.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("react").MemoExoticComponent<({ backgroundColorPage }: {
+    backgroundColorPage: string;
+}) => import("react").JSX.Element>;
+export default _default;

package/dist/libs/footer/src/Background/index.ios.js

@@ -0,0 +1,22 @@
+import { MeshGradientView } from 'expo-mesh-gradient';
+import { memo } from 'react';
+import { StyleSheet } from 'react-native';
+import { applyOpacity } from '../../../../libs/constants/utils';
+export default memo(({ backgroundColorPage }) => {
+    const c06 = applyOpacity(backgroundColorPage, 0.6);
+    const c08 = applyOpacity(backgroundColorPage, 0.8);
+    const c09 = applyOpacity(backgroundColorPage, 0.9);
+    return (<MeshGradientView style={[StyleSheet.absoluteFillObject]} columns={2} rows={5} colors={[
+            'transparent', 'transparent',
+            c06, c06,
+            c08, c08,
+            c09, c09,
+            c09, c09
+        ]} points={[
+            [0.0, 0.0], [1.0, 0.0],
+            [0.0, 0.25], [1.0, 0.25],
+            [0.0, 0.5], [1.0, 0.5],
+            [0.0, 0.75], [1.0, 0.75],
+            [0.0, 1.0], [1.0, 1.0],
+        ]}/>);
+});

package/dist/libs/footer/src/Background/index.js

@@ -0,0 +1,21 @@
+import MaskedView from '@react-native-masked-view/masked-view';
+import { LinearGradient } from 'expo-linear-gradient';
+import { memo } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { applyOpacity } from '../../../../libs/constants/utils';
+export default memo(({ backgroundColorPage }) => {
+    const c06 = applyOpacity(backgroundColorPage, 0.6);
+    const c08 = applyOpacity(backgroundColorPage, 0.8);
+    const c09 = applyOpacity(backgroundColorPage, 0.9);
+    return (<MaskedView style={[StyleSheet.absoluteFillObject]} maskElement={<LinearGradient colors={[
+                'transparent',
+                c06,
+                c08,
+                c09,
+                c09
+            ]} start={{ x: 0.5, y: 0 }} // arriba-centro
+         end={{ x: 0.5, y: 1 }} // abajo-centro
+         style={[StyleSheet.absoluteFillObject]}/>}>
+                <View style={[StyleSheet.absoluteFillObject, { backgroundColor: backgroundColorPage }]}></View>
+            </MaskedView>);
+});

package/dist/libs/footer/src/Button/Text.d.ts

@@ -0,0 +1,3 @@
+import { TextProps } from './types';
+declare const _default: import("react").MemoExoticComponent<({ text, enabled, themeColor }: TextProps) => import("react").JSX.Element>;
+export default _default;

package/dist/libs/footer/src/Button/Text.js

@@ -0,0 +1,18 @@
+import colors from '../constants';
+import { useApp } from "../../../../libs/providers/App";
+import { memo, useMemo } from 'react';
+import { StyleSheet, Text } from 'react-native';
+export default memo(({ text, enabled, themeColor = 'default' }) => {
+    const { colorScheme } = useApp();
+    const Theme = colors.theme[colorScheme];
+    const color = useMemo(() => enabled ? (themeColor === 'default' ? colors.especiales.celeste : Theme.text2) : Theme.colorTextButtonFooterDisabled, [enabled, themeColor]);
+    return (<Text style={[styles.text, { color: color }]}>
+            {text}
+        </Text>);
+});
+const styles = StyleSheet.create({
+    text: {
+        fontSize: 17,
+        fontWeight: '600',
+    },
+});