native-pytech 1.0.129 → 1.0.131

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 "expo-router/build/react-navigation/native-stack/types";
+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 Utils from './utils';
+import Constants from 'expo-constants';
+export const deviceTier = Utils._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/formats.d.ts

@@ -0,0 +1,11 @@
+declare function numberToTextCurrency(value: number): string;
+declare const Formats: {
+    numberToText: (value: number) => string;
+    TextToNumber: (value: string) => number;
+    numberToTextCurrency: typeof numberToTextCurrency;
+    capitalizeText: (string: string) => string;
+    phoneToText: (phone: number | string) => string;
+    dateToText: (value: string) => string;
+    dateToTextFormat: (date: Date, format?: string) => string;
+};
+export default Formats;

package/dist/libs/constants/formats.js

@@ -0,0 +1,84 @@
+import { format as DateFormatter } from 'date-fns';
+const formatter = new Intl.NumberFormat('es-AR');
+const numberToText = (value) => {
+    const abs = formatter.format(Math.abs(value));
+    return value < 0 ? `(${abs})` : abs;
+};
+const TextToNumber = (value) => {
+    const trimmed = value.trim();
+    const isNegative = /^\(.*\)$/.test(trimmed);
+    const normalized = trimmed
+        .replace(/[()]/g, '')
+        .replace(/\./g, '')
+        .replace(',', '.');
+    const parsed = Number.parseFloat(normalized);
+    if (Number.isNaN(parsed))
+        return 0;
+    return isNegative ? -parsed : parsed;
+};
+function numberToTextCurrency(value) {
+    return new Intl.NumberFormat('es-AR', {
+        style: 'currency',
+        currency: 'ARS',
+        minimumFractionDigits: 0, // <- no obliga decimales
+        maximumFractionDigits: 2 // <- si vienen, los respeta
+    }).format(Number(value));
+}
+const dateToText = (value) => {
+    const [year, month, day] = value.split('-').map(Number);
+    const date = new Date(year, month - 1, day);
+    const monthText = new Intl.DateTimeFormat('es-AR', {
+        month: 'long',
+    }).format(date);
+    const dayText = new Intl.DateTimeFormat('es-AR', {
+        day: '2-digit',
+    }).format(date);
+    const yearText = new Intl.DateTimeFormat('es-AR', {
+        year: 'numeric',
+    }).format(date);
+    return `${monthText} ${dayText}, ${yearText}`;
+};
+const capitalizeText = (string) => {
+    return string.charAt(0).toUpperCase() + string.slice(1);
+};
+const phoneToText = (phone) => {
+    const digits = phone.toString().replace(/\D/g, '');
+    if (!digits)
+        return '';
+    const formattedPart = digits.slice(0, 13);
+    const extra = digits.slice(13);
+    let base = formattedPart;
+    if (formattedPart.length > 4) {
+        const right = formattedPart.slice(-4);
+        const left = formattedPart.slice(0, -4);
+        if (formattedPart.length <= 8) {
+            base = `${left}-${right}`;
+        }
+        else {
+            const prefix = formattedPart.slice(0, -8);
+            const middle = formattedPart.slice(-8, -4);
+            const p3 = prefix.slice(-2);
+            const p2 = prefix.slice(-3, -2);
+            const p1 = prefix.slice(0, -3);
+            base = [p1, p2, p3, `${middle}-${right}`]
+                .filter(Boolean)
+                .join(' ');
+        }
+    }
+    return extra ? `${base}${extra}` : base;
+};
+const dateToTextFormat = (date, format = 'YYYY-MM-DD') => {
+    const _format = format.replaceAll('Y', 'y').replaceAll('m', 'M').replaceAll('D', 'd');
+    return DateFormatter(date, _format);
+};
+// ------------------- Export -------------------
+const Formats = {
+    numberToText,
+    TextToNumber,
+    numberToTextCurrency,
+    capitalizeText,
+    phoneToText,
+    dateToText,
+    dateToTextFormat,
+};
+export default Formats;

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

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

package/dist/libs/constants/hooks.js

@@ -0,0 +1,59 @@
+import { useCallback, useEffect, useLayoutEffect, useRef } from 'react';
+import { useFocusEffect } from 'expo-router';
+const useEffectWithoutFirstRender = (effect, deps) => {
+    const isFirstRender = useRef(true);
+    useEffect(() => {
+        if (isFirstRender.current) {
+            isFirstRender.current = false;
+            return;
+        }
+        return effect();
+    }, deps);
+};
+const useLayoutEffectWithoutFirstRender = (effect, deps) => {
+    const isFirstRender = useRef(true);
+    useLayoutEffect(() => {
+        if (isFirstRender.current) {
+            isFirstRender.current = false;
+            return;
+        }
+        return effect();
+    }, deps);
+};
+const useAsyncEffect = (effect, deps) => {
+    useEffect(() => {
+        let mounted = true;
+        const isMounted = () => mounted;
+        effect(isMounted);
+        return () => { mounted = false; };
+    }, deps);
+};
+const useAsyncFocusEffect = (effect) => {
+    useFocusEffect(useCallback(() => {
+        let mounted = true;
+        const isMounted = () => mounted;
+        void effect(isMounted);
+        return () => { mounted = false; };
+    }, [effect]));
+};
+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]));
+};
+// ------------------- Export -------------------
+const Hooks = {
+    useEffectWithoutFirstRender,
+    useLayoutEffectWithoutFirstRender,
+    useAsyncEffect,
+    useAsyncFocusEffect,
+    useAsyncFocusEffectWithoutFirstRender,
+};
+export default Hooks;

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

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

package/dist/libs/constants/utils.js

@@ -0,0 +1,75 @@
+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';
+const addProps = (element, additionalStyles = [], extraProps = {}) => {
+    if (!React.isValidElement(element))
+        return null;
+    return React.cloneElement(element, {
+        style: [
+            element.props.style,
+            ...additionalStyles
+        ],
+        ...extraProps
+    });
+};
+const isValidMail = (mail) => {
+    return mail.includes('@') && mail.endsWith('.com');
+};
+const 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;
+    }
+};
+const 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;
+    }
+};
+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';
+};
+const createCtx = () => {
+    const context = reactCreateContext(null);
+    const useCtx = () => createUseContext(context);
+    return [context.Provider, useCtx];
+};
+const createUseContext = (context) => {
+    const ctx = useContext(context);
+    if (!ctx)
+        throw new Error('useContext debe usarse dentro de un context.Provider');
+    return ctx;
+};
+// ------------------- Export -------------------
+const Utils = {
+    addProps,
+    isValidMail,
+    applyOpacity,
+    adjustLightness,
+    _getDeviceTier,
+    createCtx,
+    createUseContext,
+};
+export default Utils;

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

@@ -0,0 +1,9 @@
+import Wrapper from './src/components/Wrapper';
+import Item from './src/components/Item';
+import ItemDate from './src/components/ItemDate';
+type Component = typeof Wrapper & {
+    Item: typeof Item;
+    ItemDate: typeof ItemDate;
+};
+declare const Screen: Component;
+export default Screen;

package/dist/libs/editPage/index.js

@@ -0,0 +1,7 @@
+import Wrapper from './src/components/Wrapper';
+import Item from './src/components/Item';
+import ItemDate from './src/components/ItemDate';
+const Screen = Wrapper;
+Screen.Item = Item;
+Screen.ItemDate = ItemDate;
+export default Screen;

package/dist/libs/editPage/src/components/Item/index.d.ts

@@ -0,0 +1,3 @@
+import type Props from './types';
+declare const _default: ({ ...props }: Props) => null;
+export default _default;

package/dist/libs/editPage/src/components/Item/index.ios.d.ts

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

package/dist/libs/editPage/src/components/Item/index.ios.js

@@ -0,0 +1,12 @@
+import { HStack, Spacer, Text } from '@expo/ui/swift-ui';
+import React, { memo } from 'react';
+import TextField from '../TextField';
+export default memo(({ label, minLengthSpacer, ...textFieldProps }) => {
+    if (!label)
+        return <TextField {...textFieldProps}/>;
+    return (<HStack>
+            <Text>{label}</Text>
+			<Spacer minLength={minLengthSpacer}/>
+			<TextField {...textFieldProps}/>
+        </HStack>);
+});

package/dist/libs/editPage/src/components/Item/index.js

@@ -0,0 +1 @@
+export default ({ ...props }) => null;

package/dist/libs/editPage/src/components/Item/types.d.ts

@@ -0,0 +1,14 @@
+import type TextFieldProps from '../TextField/types';
+type Props = TextFieldProps & {
+    /**
+        Text to display on the left of the text field.
+        If not provided, the item will be only a text field.
+    */
+    label?: string;
+    /**
+        Minimum length of the spacer between the title and the text field.
+        If the title is not provided, will not be displayed.
+    */
+    minLengthSpacer?: number;
+};
+export default Props;

package/dist/libs/editPage/src/components/Item/types.js

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

package/dist/libs/editPage/src/components/ItemDate/index.d.ts

@@ -0,0 +1,3 @@
+import type Props from './types';
+declare const _default: ({ ...props }: Props) => null;
+export default _default;

package/dist/libs/editPage/src/components/ItemDate/index.ios.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type Props from './types';
+declare const _default: React.MemoExoticComponent<({ itemKey, label, defaultValue, minDate, maxDate, }: Props) => React.JSX.Element>;
+export default _default;

package/dist/libs/editPage/src/components/ItemDate/index.ios.js

@@ -0,0 +1,29 @@
+import { Section, DatePicker } from '@expo/ui/swift-ui';
+import React, { memo, useCallback, useEffect, useRef, useState } from 'react';
+import { environment } from '@expo/ui/swift-ui/modifiers';
+import { usePage } from '../../context/page';
+export default memo(({ itemKey, label, defaultValue, minDate = new Date(new Date().setFullYear(new Date().getFullYear() - 100)), maxDate = new Date(), }) => {
+    const { store, registerItem } = usePage();
+    const [selection, setSelection] = useState(defaultValue);
+    // Key
+    const keyRef = useRef(itemKey);
+    useEffect(() => {
+        keyRef.current = registerItem(itemKey);
+    }, []);
+    // Hooks
+    useEffect(() => setSelection(defaultValue), [defaultValue]);
+    const onValueChange = useCallback((value) => {
+        setSelection(value);
+        store.values[keyRef.current ?? 0].set({
+            value: value,
+            hasChanged: value.getTime() !== defaultValue?.getTime(),
+            isValid: true,
+        });
+    }, []);
+    return (<Section>
+			<DatePicker title={label} selection={selection} onDateChange={onValueChange} modifiers={[environment('locale', 'es_ES')]} range={{
+            start: minDate,
+            end: maxDate,
+        }}/>
+		</Section>);
+});

package/dist/libs/editPage/src/components/ItemDate/index.js

@@ -0,0 +1 @@
+export default ({ ...props }) => null;

package/dist/libs/editPage/src/components/ItemDate/types.d.ts

@@ -0,0 +1,25 @@
+type Props = {
+    /**
+        identification key of the item.
+    */
+    itemKey?: string;
+    /**
+        Title of the date picker.
+    */
+    label?: string;
+    /**
+        Default value of the date picker.
+    */
+    defaultValue?: Date;
+    /**
+        Minimum date allowed.
+        @default 100 years ago
+    */
+    minDate?: Date;
+    /**
+        Maximum date allowed.
+        @default today
+    */
+    maxDate?: Date;
+};
+export default Props;

package/dist/libs/editPage/src/components/ItemDate/types.js

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

package/dist/libs/editPage/src/components/Screen/index.d.ts

@@ -0,0 +1,4 @@
+declare const _default: ({ children }: {
+    children: React.ReactNode;
+}) => null;
+export default _default;

package/dist/libs/editPage/src/components/Screen/index.ios.d.ts

@@ -0,0 +1,4 @@
+declare const _default: ({ children }: {
+    children: React.ReactNode;
+}) => import("react").JSX.Element;
+export default _default;

package/dist/libs/editPage/src/components/Screen/index.ios.js

@@ -0,0 +1,8 @@
+import { Host, List, Section } from '@expo/ui/swift-ui';
+export default ({ children }) => (<Host style={{ flex: 1 }}>
+		<List>
+			<Section>
+				{children}
+			</Section>
+		</List>
+	</Host>);

package/dist/libs/editPage/src/components/Screen/index.js

@@ -0,0 +1 @@
+export default ({ children }) => null;

package/dist/libs/editPage/src/components/Screen/types.d.ts

@@ -0,0 +1,27 @@
+type Props<T> = {
+    /**
+        The data items to be rendered inside the list.
+        @default []
+    */
+    data?: T[];
+    /**
+        The function to render the item.
+    */
+    renderItem?: (item: T) => React.ReactNode;
+    /**
+        Function to be called when the user saves the changes.
+        If the function returns false, the user will not be redirected to the previous screen.
+    */
+    onSave?: (values: (string | null | Date)[]) => boolean | Promise<boolean>;
+};
+export type Value = {
+    value: string | null | Date | undefined;
+    hasChanged: boolean;
+    isValid: boolean;
+};
+export type Values = Record<number, Value>;
+export type Store = {
+    values: Values;
+    saveEnabled: boolean;
+};
+export default Props;

package/dist/libs/editPage/src/components/Screen/types.js

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

package/dist/libs/editPage/src/components/TextField/index.d.ts

@@ -0,0 +1,3 @@
+import type Props from './types';
+declare const _default: ({ ...props }: Props) => null;
+export default _default;