native-pytech 1.0.129 → 1.0.130

package/dist/libs/components/CloseButton.js

@@ -0,0 +1,18 @@
+import React, { memo } from 'react';
+import { useLocalSearchParams, router } from 'expo-router';
+import { StyleSheet, TouchableOpacity } from 'react-native';
+import { Ionicons } from '@expo/vector-icons';
+import { useApp } from '../../libs/providers/App';
+import Colors from '../../libs/constants/colors';
+export default memo(({ onclick }) => {
+    const { colorScheme } = useApp();
+    const localSearchParams = useLocalSearchParams();
+    return (<TouchableOpacity style={styles.container} onPress={() => onclick({ router, localSearchParams })}>
+            <Ionicons name="close-outline" size={30} color={Colors[colorScheme].text}/>
+        </TouchableOpacity>);
+});
+const styles = StyleSheet.create({
+    container: {
+        marginLeft: 3
+    }
+});

package/dist/libs/components/Gradient/components/Gradient/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type Props from './types';
+declare const _default: React.MemoExoticComponent<({ text, color, type, sizeDiameter, icon, iconSize, }: Props) => React.JSX.Element>;
+export default _default;

package/dist/libs/components/Gradient/components/Gradient/index.ios.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type Props from './types';
+declare const _default: React.MemoExoticComponent<({ text, color, type, sizeDiameter, systemName, iconSize, }: Props) => React.JSX.Element>;
+export default _default;

package/dist/libs/components/Gradient/components/Gradient/index.ios.js

@@ -0,0 +1,35 @@
+import React, { memo, useMemo } from 'react';
+import { frame, font, foregroundStyle, background, clipShape } from '@expo/ui/swift-ui/modifiers';
+import { Text, Image } from '@expo/ui/swift-ui';
+import colors, { sizes } from '../../constants';
+export default memo(({ text, color = 'default', type = 'small', sizeDiameter, systemName, iconSize, }) => {
+    const typeSizes = useMemo(() => {
+        if (!sizeDiameter)
+            return sizes[type];
+        return {
+            diameter: sizeDiameter,
+            fontSize: {
+                1: sizeDiameter * 0.53,
+                2: sizeDiameter * 0.48,
+                3: sizeDiameter * 0.43
+            }
+        };
+    }, [type]);
+    const cantLetras = text?.length ?? 0;
+    const modifiers = useMemo(() => [
+        frame({ width: typeSizes.diameter, height: typeSizes.diameter }),
+        foregroundStyle('white'),
+        background(colors[color].middle),
+        clipShape('circle'),
+    ], [typeSizes, color]);
+    // Return
+    if (text && cantLetras <= 3) {
+        return (<Text modifiers={[
+                font({ weight: 'semibold', size: typeSizes.fontSize[cantLetras] }),
+                ...modifiers
+            ]}>
+                {text}
+            </Text>);
+    }
+    return (<Image systemName={systemName} color='white' size={iconSize ?? typeSizes.diameter / 2} modifiers={modifiers}/>);
+});

package/dist/libs/components/Gradient/components/Gradient/index.js

@@ -0,0 +1,32 @@
+import React, { memo, useMemo } from 'react';
+import { StyleSheet, Text } from 'react-native';
+import { LinearGradient } from 'expo-linear-gradient';
+import colors, { sizes } from '../../constants';
+export default memo(({ text, color = 'default', type = 'small', sizeDiameter, icon, iconSize, }) => {
+    const typeSizes = useMemo(() => sizes[type], [type]);
+    const textComponent = useMemo(() => {
+        const cantLetras = text?.length;
+        if (!text || !cantLetras)
+            return null;
+        if (cantLetras > 3)
+            throw new Error('Text must be less than 3 characters');
+        return (<Text style={[styles.text, { fontSize: typeSizes.fontSize[cantLetras] }]} allowFontScaling={false}>
+                {text}
+            </Text>);
+    }, [text, typeSizes]);
+    return (<LinearGradient style={[styles.gradient, { height: typeSizes.diameter, borderRadius: typeSizes.diameter }]} colors={[colors[color].light, colors[color].dark]} start={{ x: 0, y: 0 }} end={{ x: 0, y: 1 }}>
+            {textComponent ?? icon}
+        </LinearGradient>);
+});
+const styles = StyleSheet.create({
+    gradient: {
+        aspectRatio: 1, // width will automatically match height
+        justifyContent: 'center',
+        alignItems: 'center'
+    },
+    text: {
+        color: 'white',
+        fontWeight: 'bold',
+        letterSpacing: -0.5,
+    }
+});

package/dist/libs/components/Gradient/components/Gradient/types.d.ts

@@ -0,0 +1,30 @@
+import { sizesType, ColorsType } from '../../constants';
+import IconProps from '../Icon';
+export type Props = Omit<IconProps, 'size'> & {
+    /**
+        The text to display in the gradient.
+        Must be less than 3 characters.
+    */
+    text?: string;
+    /**
+        The color of the gradient.
+        @default 'default'
+    */
+    color?: ColorsType;
+    /**
+        The size of the gradient.
+        @default 'small'
+    */
+    type?: sizesType;
+    /**
+        The size of the gradient. If "type" is provided, this will be ignored.
+    */
+    sizeDiameter?: number;
+    /**
+        The size of the icon.
+        @ios
+        @default (typeSizes.diameter/2)
+    */
+    iconSize?: number;
+};
+export default Props;

package/dist/libs/components/Gradient/components/Gradient/types.js

@@ -0,0 +1 @@
+export {};

package/dist/libs/components/Gradient/components/Icon.d.ts

@@ -0,0 +1,21 @@
+import { type SFSymbol } from 'sf-symbols-typescript';
+type Props = {
+    /**
+        The name of the system image (SF Symbol).
+        For example: 'photo', 'heart.fill', 'star.circle'
+        @ios
+    */
+    systemName?: SFSymbol;
+    /**
+        The icon to display.
+        @web
+    */
+    icon?: React.ReactNode;
+    /**
+        The size of the icon.
+        @ios
+        @default 100
+    */
+    size?: number;
+};
+export default Props;

package/dist/libs/components/Gradient/components/Icon.js

@@ -0,0 +1 @@
+export {};

package/dist/libs/components/Gradient/constants.d.ts

@@ -0,0 +1,97 @@
+export declare const colors: {
+    default: {
+        dark: string;
+        middle: string;
+        light: string;
+    };
+    rojo: {
+        dark: string;
+        middle: string;
+        light: string;
+    };
+    amarillo: {
+        dark: string;
+        middle: string;
+        light: string;
+    };
+    azul_oscuro: {
+        dark: string;
+        middle: string;
+        light: string;
+    };
+    naranja: {
+        dark: string;
+        middle: string;
+        light: string;
+    };
+    marron_claro: {
+        dark: string;
+        middle: string;
+        light: string;
+    };
+    verde_agua: {
+        dark: string;
+        middle: string;
+        light: string;
+    };
+    marron_oscuro: {
+        dark: string;
+        middle: string;
+        light: string;
+    };
+    rosa: {
+        dark: string;
+        middle: string;
+        light: string;
+    };
+    azul_claro: {
+        dark: string;
+        middle: string;
+        light: string;
+    };
+    violeta: {
+        dark: string;
+        middle: string;
+        light: string;
+    };
+    celeste_oscuro: {
+        dark: string;
+        middle: string;
+        light: string;
+    };
+    gris: {
+        dark: string;
+        middle: string;
+        light: string;
+    };
+    celeste_claro: {
+        dark: string;
+        middle: string;
+        light: string;
+    };
+    verde_oscuro: {
+        dark: string;
+        middle: string;
+        light: string;
+    };
+    verde_claro: {
+        dark: string;
+        middle: string;
+        light: string;
+    };
+};
+export type ColorsType = keyof typeof colors;
+declare const diameterCircle: {
+    small: number;
+    medium: number;
+    large: number;
+    extraLarge: number;
+    extraExtraLarge: number;
+};
+export type sizesType = keyof typeof diameterCircle;
+export type letterCountType = 1 | 2 | 3;
+export declare const sizes: Record<sizesType, {
+    diameter: number;
+    fontSize: { [key in letterCountType]: number; };
+}>;
+export default colors;

package/dist/libs/components/Gradient/constants.js

@@ -0,0 +1,98 @@
+export const colors = {
+    default: {
+        dark: '#7580ba',
+        middle: '#7580ba',
+        light: '#b1c6e4'
+    },
+    rojo: {
+        dark: '#b12309',
+        middle: '#d9543a',
+        light: '#ff856a'
+    },
+    amarillo: {
+        dark: '#c97c00',
+        middle: '#e4ad1b',
+        light: '#ffe535'
+    },
+    azul_oscuro: {
+        dark: '#0f236d',
+        middle: '#3d51a0',
+        light: '#6a7ec9'
+    },
+    naranja: {
+        dark: '#9c4d00',
+        middle: '#ce8430',
+        light: '#ffba53'
+    },
+    marron_claro: {
+        dark: '#75582e',
+        middle: '#ac9065',
+        light: '#e4c79d'
+    },
+    verde_agua: {
+        dark: '#105951',
+        middle: '#48928a',
+        light: '#80c3ba'
+    },
+    marron_oscuro: {
+        dark: '#4f2a00',
+        middle: '#7d5830',
+        light: '#aa855a'
+    },
+    rosa: {
+        dark: '#892466',
+        middle: '#bd58a1',
+        light: '#f08bcc'
+    },
+    azul_claro: {
+        dark: '#334696',
+        middle: '#697cd0',
+        light: '#9eb1ff'
+    },
+    violeta: {
+        dark: '#482d76',
+        middle: '#7a5ea8',
+        light: '#ac90d9'
+    },
+    celeste_oscuro: {
+        dark: '#005095',
+        middle: '#3790ca',
+        light: '#6dbfff'
+    },
+    gris: {
+        dark: '#445255',
+        middle: '#7a888b',
+        light: '#b0bec1'
+    },
+    celeste_claro: {
+        dark: '#237286',
+        middle: '#5daec1',
+        light: '#98e7fb'
+    },
+    verde_oscuro: {
+        dark: '#215b1d',
+        middle: '#569052',
+        light: '#8ac487'
+    },
+    verde_claro: {
+        dark: '#4b5f13',
+        middle: '#83974b',
+        light: '#bbce82'
+    }
+};
+const diameterCircle = {
+    small: 40,
+    medium: 45,
+    large: 50,
+    extraLarge: 100,
+    extraExtraLarge: 200
+};
+export const sizes = Object.fromEntries(Object.entries(diameterCircle).map(([key, value]) => [key, {
+        diameter: value,
+        fontSize: {
+            1: value * 0.53,
+            2: value * 0.48,
+            3: value * 0.43
+        }
+    }]));
+export default colors;

package/dist/libs/components/Gradient/index.d.ts

@@ -0,0 +1,3 @@
+export { sizes, colors, ColorsType } from './constants';
+export { Props } from './components/Gradient/types';
+export { default } from './components/Gradient';

package/dist/libs/components/Gradient/index.js

@@ -0,0 +1,2 @@
+export { sizes, colors } from './constants';
+export { default } from './components/Gradient';

package/dist/libs/components/Link.d.ts

@@ -0,0 +1,13 @@
+import { StyleProp, TextStyle } from 'react-native';
+import { ImperativeRouter } from 'expo-router';
+declare const _default: import("react").MemoExoticComponent<({ text, onPress, renderItems, style }: {
+    text?: string;
+    onPress: ({ router }: {
+        router: ImperativeRouter;
+    }) => void;
+    renderItems?: ({ pressed }: {
+        pressed: boolean;
+    }) => React.ReactNode;
+    style?: StyleProp<TextStyle>;
+}) => import("react").JSX.Element>;
+export default _default;

package/dist/libs/components/Link.js

@@ -0,0 +1,20 @@
+import { Pressable, View, Text, StyleSheet } from 'react-native';
+import { memo } from 'react';
+import { useRouter } from 'expo-router';
+export default memo(({ text = 'Inicia sesión', onPress, renderItems = ({ pressed }) => null, style }) => {
+    const router = useRouter();
+    return (<Pressable onPress={() => onPress({ router })}>
+            {({ pressed }) => (<View style={{ flexDirection: 'row', alignItems: 'center', gap: 4 }}>
+                    <Text style={[styles.text, style, pressed && { textDecorationLine: 'underline' }]}>
+                        {text}
+                    </Text>
+                    {renderItems({ pressed })}
+                </View>)}
+        </Pressable>);
+});
+const styles = StyleSheet.create({
+    text: {
+        fontSize: 15,
+        color: 'hsl(207, 100%, 50%)',
+    },
+});

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

@@ -0,0 +1,6 @@
+import { TextProps } from "react-native";
+declare const _default: import("react").MemoExoticComponent<({ children, fontScale, ...props }: {
+    children: React.ReactNode;
+    fontScale?: string;
+} & TextProps) => import("react").JSX.Element>;
+export default _default;

package/dist/libs/components/Text.js

@@ -0,0 +1,11 @@
+import { Text } from "react-native";
+import { memo } from "react";
+import { useApp } from "../../libs/providers/App";
+export default memo(({ children, fontScale, ...props }) => {
+    if (fontScale !== undefined)
+        return <Text key={fontScale.toString()} {...props}>{children}</Text>;
+    const { fontScale: fontScaleApp } = useApp();
+    return (<Text key={fontScaleApp.toString()} {...props}>
+            {children}
+        </Text>);
+});

package/dist/libs/components/Theme.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { type ColorSchemeType } from '../../libs/constants/colors';
+type WithColorScheme = {
+    colorScheme: ColorSchemeType;
+};
+declare const _default: <P extends object>({ component, ...props }: {
+    component: React.ComponentType<P & WithColorScheme>;
+} & Partial<WithColorScheme> & P) => React.JSX.Element;
+export default _default;

package/dist/libs/components/Theme.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { useApp } from '../../libs/providers/App';
+export default ({ component, ...props }) => {
+    const Component = component;
+    if (props.colorScheme !== undefined) {
+        return <Component {...props} colorScheme={props.colorScheme}/>;
+    }
+    const { colorScheme } = useApp();
+    return <Component {...props} colorScheme={colorScheme}/>;
+};

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;