native-pytech 1.0.200 → 1.0.203

package/dist/libs/colorPage/src/Page/types.d.ts

@@ -0,0 +1,39 @@
+import type { ColorsType } from '../../../../libs/components/Gradient';
+type Props = {
+    /**
+        Title of the date picker.
+        @default 'default'
+    */
+    selectedColor?: ColorsType;
+    /**
+        Function to be called when the user selects a color.
+    */
+    onSelectColor?: (color: ColorsType) => void;
+    /**
+        Function to render the item.
+        @platform android
+    */
+    renderGradient?: (props: renderGradientProps) => React.ReactNode;
+    /**
+        Function to render the item.
+        @platform ios
+    */
+    renderGradientIOS?: (props: renderGradientIOSProps) => React.ReactNode;
+};
+type renderGradientProps = {
+    /**
+        Color to display.
+    */
+    color: ColorsType;
+    /**
+        Size of the item.
+    */
+    size: number;
+};
+type renderGradientIOSProps = Omit<renderGradientProps, 'size'> & {
+    /**
+        Size of the item.
+    */
+    sizeDiameter: number;
+};
+export default Props;

package/dist/libs/colorPage/src/Page/types.js

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

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

@@ -0,0 +1,8 @@
+import { UnknownOutputParams, ImperativeRouter } from 'expo-router';
+declare const _default: import("react").MemoExoticComponent<({ onclick }: {
+    onclick: ({ router, localSearchParams }: {
+        router: ImperativeRouter;
+        localSearchParams: UnknownOutputParams;
+    }) => void;
+}) => import("react").JSX.Element>;
+export default _default;

package/dist/libs/components/CloseButton.js

@@ -0,0 +1,18 @@
+import { 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,3 @@
+import type Props from './types';
+declare const _default: import("react").MemoExoticComponent<({ text, color, type, icon, ionIconName, }: Props) => import("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, systemName, sizeDiameter, size, renderGradientIOS, }: Props) => React.FunctionComponentElement<import("./types").renderGradientIOSProps> | null>;
+export default _default;

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

@@ -0,0 +1,6 @@
+import React, { memo } from 'react';
+export default memo(({ text, color = 'default', type = 'small', systemName, sizeDiameter, size, renderGradientIOS, }) => {
+    if (!renderGradientIOS)
+        return null;
+    return React.createElement(renderGradientIOS, { text, color, type, sizeDiameter, size, systemName });
+});

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

@@ -0,0 +1,34 @@
+import { memo, useMemo } from 'react';
+import { StyleSheet, Text } from 'react-native';
+import { LinearGradient } from 'expo-linear-gradient';
+import { Ionicons } from '@expo/vector-icons';
+import colors, { sizes } from '../../constants';
+export default memo(({ text, color = 'default', type = 'small', icon, ionIconName, }) => {
+    const typeSizes = useMemo(() => sizes[type], [type]);
+    const iconSize = typeSizes.diameter * 0.4;
+    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 ?? (ionIconName && <Ionicons name={ionIconName} size={iconSize} color={'white'}/>))}
+        </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,37 @@
+import { sizesType, ColorsType } from '../../constants';
+import IconProps from '../Icon';
+export type BaseProps = Pick<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;
+};
+export type Props = BaseProps & Omit<IconProps, 'size'> & {
+    /**
+        Function to render the item.
+        @platform android
+    */
+    renderGradientAndroid?: (props: BaseProps) => React.ReactNode;
+    /**
+        Function to render the item.
+        @platform ios
+    */
+    renderGradientIOS?: (props: renderGradientIOSProps) => React.ReactNode;
+};
+export type renderGradientIOSProps = BaseProps & Pick<IconProps, 'systemName'>;
+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,25 @@
+import { Ionicons } from '@expo/vector-icons';
+import { type SFSymbol } from 'sf-symbols-typescript';
+type Props = {
+    /**
+        The name of the system image (SF Symbol).
+        For example: 'photo', 'heart.fill', 'star.circle'
+        @platform ios
+    */
+    systemName?: SFSymbol;
+    /**
+        The name of the Ionicon to be displayed in the label.
+    */
+    ionIconName?: keyof typeof Ionicons.glyphMap;
+    /**
+        The icon to display.
+        @platform web
+    */
+    icon?: React.ReactNode;
+    /**
+        The size of the icon.
+        @platform ios
+    */
+    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 * from './constants';
+export * from './components/Gradient/types';
+export { default } from './components/Gradient';

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

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './components/Gradient/types';
+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}/>;
+};