native-pytech 1.0.22 → 1.0.23

package/dist/libs/constants/consts.js

@@ -1,7 +1,7 @@
 import { Platform } from 'react-native';
-import { _getDeviceTier } from './utils';
+import Utils from './utils';
 import Constants from 'expo-constants';
-export const deviceTier = _getDeviceTier();
+export const deviceTier = Utils._getDeviceTier();
 export const isLowTier = Platform.OS === 'android' && deviceTier === 'low';
 const getExpoEnv = () => {
     const expoEnv = Constants.expoConfig?.extra || {};

package/dist/libs/constants/formats.js

@@ -66,6 +66,7 @@ const phoneToText = (phone) => {
     }
     return extra ? `${base}${extra}` : base;
 };
+// ------------------- Export -------------------
 const Formats = {
     numberToText,
     TextToNumber,

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

@@ -1,5 +1,8 @@
-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;
+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

@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useLayoutEffect, useRef } from 'react';
 import { useFocusEffect } from 'expo-router';
-export const useEffectWithoutFirstRender = (effect, deps) => {
+const useEffectWithoutFirstRender = (effect, deps) => {
     const isFirstRender = useRef(true);
     useEffect(() => {
         if (isFirstRender.current) {
@@ -10,7 +10,7 @@ export const useEffectWithoutFirstRender = (effect, deps) => {
         return effect();
     }, deps);
 };
-export const useLayoutEffectWithoutFirstRender = (effect, deps) => {
+const useLayoutEffectWithoutFirstRender = (effect, deps) => {
     const isFirstRender = useRef(true);
     useLayoutEffect(() => {
         if (isFirstRender.current) {
@@ -20,7 +20,7 @@ export const useLayoutEffectWithoutFirstRender = (effect, deps) => {
         return effect();
     }, deps);
 };
-export const useAsyncEffect = (effect, deps) => {
+const useAsyncEffect = (effect, deps) => {
     useEffect(() => {
         let mounted = true;
         const isMounted = () => mounted;
@@ -28,7 +28,7 @@ export const useAsyncEffect = (effect, deps) => {
         return () => { mounted = false; };
     }, deps);
 };
-export const useAsyncFocusEffect = (effect) => {
+const useAsyncFocusEffect = (effect) => {
     useFocusEffect(useCallback(() => {
         let mounted = true;
         const isMounted = () => mounted;
@@ -36,7 +36,7 @@ export const useAsyncFocusEffect = (effect) => {
         return () => { mounted = false; };
     }, [effect]));
 };
-export const useAsyncFocusEffectWithoutFirstRender = (effect) => {
+const useAsyncFocusEffectWithoutFirstRender = (effect) => {
     const isFirstFocus = useRef(true);
     useFocusEffect(useCallback(() => {
         let mounted = true;
@@ -48,3 +48,12 @@ export const useAsyncFocusEffectWithoutFirstRender = (effect) => {
         return () => { mounted = false; };
     }, [effect]));
 };
+// ------------------- Export -------------------
+const Hooks = {
+    useEffectWithoutFirstRender,
+    useLayoutEffectWithoutFirstRender,
+    useAsyncEffect,
+    useAsyncFocusEffect,
+    useAsyncFocusEffectWithoutFirstRender,
+};
+export default Hooks;

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

@@ -1,9 +1,12 @@
 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 isValidMail: (mail: string) => boolean;
-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;
+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>, () => T];
+    createUseContext: <T>(context: React.Context<T | null>) => T;
+};
+export default Utils;

package/dist/libs/constants/utils.js

@@ -2,7 +2,7 @@ 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 = {}) => {
+const addProps = (element, additionalStyles = [], extraProps = {}) => {
     if (!React.isValidElement(element))
         return null;
     return React.cloneElement(element, {
@@ -13,10 +13,10 @@ export const addProps = (element, additionalStyles = [], extraProps = {}) => {
         ...extraProps
     });
 };
-export const isValidMail = (mail) => {
+const isValidMail = (mail) => {
     return mail.includes('@') && mail.endsWith('.com');
 };
-export function applyOpacity(color, opacity) {
+const applyOpacity = (color, opacity) => {
     try {
         const [r, g, b] = parseToRgba(color); // ignoro alpha original
         return `rgba(${r}, ${g}, ${b}, ${opacity})`;
@@ -25,8 +25,8 @@ export function applyOpacity(color, opacity) {
         console.error('Color inválido:', color);
         return color;
     }
-}
-export function adjustLightness(color, percentage) {
+};
+const adjustLightness = (color, percentage) => {
     try {
         const [h, s, l, a] = parseToHsla(color);
         // Ajustar luminosidad: percentage puede ser positivo (aclarar) o negativo (oscurecer)
@@ -38,8 +38,8 @@ export function adjustLightness(color, percentage) {
         console.error('Color inválido:', color);
         return color;
     }
-}
-export const _getDeviceTier = () => {
+};
+const _getDeviceTier = () => {
     if (Platform.OS !== 'android')
         return 'high';
     const ramGB = Device.totalMemory
@@ -51,14 +51,25 @@ export const _getDeviceTier = () => {
         return 'medium';
     return 'high';
 };
-export const createCtx = () => {
+const createCtx = () => {
     const context = reactCreateContext(null);
     const useCtx = () => createUseContext(context);
     return [context.Provider, useCtx];
 };
-export const createUseContext = (context) => {
+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/src/components/Page/index.js

@@ -2,7 +2,7 @@ import { Host, List, Section } from '@expo/ui/swift-ui';
 import { useObservable, useValue } from '@legendapp/state/react';
 import { Stack, useRouter } from 'expo-router';
 import React, { memo, useCallback, useMemo, useRef } from 'react';
-import { useEffectWithoutFirstRender } from '../../../../../libs/constants/hooks';
+import Hooks from '../../../../../libs/constants/hooks';
 import { Provider } from '../../context/page';
 import { Provider as ItemProvider } from '../../context/item';
 function Component({ data = [], renderItem, onSave, }) {
@@ -28,7 +28,7 @@ function Component({ data = [], renderItem, onSave, }) {
         }),
     });
     const saveEnabled = useValue(() => store.saveEnabled.get());
-    useEffectWithoutFirstRender(() => {
+    Hooks.useEffectWithoutFirstRender(() => {
         saveEnabledRef.current = saveEnabled;
     }, [saveEnabled]);
     const textFieldsRefs = useRef({});

package/dist/libs/editPage/src/context/item.js

@@ -1,2 +1,2 @@
-import { createCtx } from '../../../../libs/constants/utils';
-export const [Provider, useItem] = createCtx();
+import Utils from '../../../../libs/constants/utils';
+export const [Provider, useItem] = Utils.createCtx();

package/dist/libs/editPage/src/context/page.js

@@ -1,2 +1,2 @@
-import { createCtx } from '../../../../libs/constants/utils';
-export const [Provider, usePage] = createCtx();
+import Utils from '../../../../libs/constants/utils';
+export const [Provider, usePage] = Utils.createCtx();

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

@@ -1,11 +1,11 @@
 import { MeshGradientView } from 'expo-mesh-gradient';
 import { memo } from 'react';
 import { StyleSheet } from 'react-native';
-import { applyOpacity } from '../../../../libs/constants/utils';
+import Utils 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);
+    const c06 = Utils.applyOpacity(backgroundColorPage, 0.6);
+    const c08 = Utils.applyOpacity(backgroundColorPage, 0.8);
+    const c09 = Utils.applyOpacity(backgroundColorPage, 0.9);
     return (<MeshGradientView style={[StyleSheet.absoluteFillObject]} columns={2} rows={5} colors={[
             'transparent', 'transparent',
             c06, c06,

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

@@ -2,11 +2,11 @@ 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';
+import Utils 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);
+    const c06 = Utils.applyOpacity(backgroundColorPage, 0.6);
+    const c08 = Utils.applyOpacity(backgroundColorPage, 0.8);
+    const c09 = Utils.applyOpacity(backgroundColorPage, 0.9);
     return (<MaskedView style={[StyleSheet.absoluteFillObject]} maskElement={<LinearGradient colors={[
                 'transparent',
                 c06,

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

@@ -3,7 +3,7 @@ import { GlassView } from 'expo-glass-effect';
 import { useApp } from "../../../../libs/providers/App";
 import { memo, useCallback, useMemo, useState } from 'react';
 import { ActivityIndicator, Pressable, StyleSheet } from 'react-native';
-import { adjustLightness } from '../../../../libs/constants/utils';
+import Utils from '../../../../libs/constants/utils';
 import Text from './Text';
 export default memo(({ text, onPress, onSubmit, backgroundColorPage, enabled = true, themeColor = 'default' }) => {
     const { colorScheme } = useApp();
@@ -23,7 +23,7 @@ export default memo(({ text, onPress, onSubmit, backgroundColorPage, enabled = t
     }, [onPress, onSubmit]);
     const backgroundColor = useCallback((pressed) => {
         return enabled ?
-            (themeColor === 'default' ? adjustLightness(colors.especiales.azul, -10) : undefined)
+            (themeColor === 'default' ? Utils.adjustLightness(colors.especiales.azul, -10) : undefined)
             : Theme.colorButtonFooterDisabled;
     }, [enabled, themeColor]);
     const color = useMemo(() => themeColor === 'default' ? colors.especiales.celeste : Theme.text2, [themeColor]);

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

@@ -2,7 +2,7 @@ import colors from '../constants';
 import { useApp } from "../../../../libs/providers/App";
 import { memo, useCallback, useMemo, useState } from 'react';
 import { ActivityIndicator, Pressable, StyleSheet } from 'react-native';
-import { adjustLightness } from '../../../../libs/constants/utils';
+import Utils from '../../../../libs/constants/utils';
 import Text from './Text';
 export default memo(({ text, onPress, onSubmit, backgroundColorPage, enabled = true, themeColor = 'default' }) => {
     const { colorScheme } = useApp();
@@ -12,10 +12,10 @@ export default memo(({ text, onPress, onSubmit, backgroundColorPage, enabled = t
         return enabled ? (pressed ?
             themeColor === 'default' ?
                 colors.especiales.azul_pressed :
-                colorScheme === 'dark' ? adjustLightness(backgroundColorPage, 10) : backgroundColorPage
+                colorScheme === 'dark' ? Utils.adjustLightness(backgroundColorPage, 10) : backgroundColorPage
             : themeColor === 'default' ?
-                adjustLightness(colors.especiales.azul, -10) :
-                colorScheme === 'dark' ? backgroundColorPage : adjustLightness(backgroundColorPage, -1))
+                Utils.adjustLightness(colors.especiales.azul, -10) :
+                colorScheme === 'dark' ? backgroundColorPage : Utils.adjustLightness(backgroundColorPage, -1))
             : Theme.colorButtonFooterDisabled;
     }, [enabled, themeColor, backgroundColorPage, colorScheme]);
     const _onPress = useCallback(async () => {

package/dist/libs/providers/App/index.js

@@ -5,12 +5,12 @@ import { SafeAreaProvider } from 'react-native-safe-area-context';
 import { DarkTheme, DefaultTheme, ThemeProvider } from '@react-navigation/native';
 import handleFontObserver from '../../../libs/constants/handleFontObserver';
 handleFontObserver(); // esto intercepta todos los timeouts de fuentes
-import { createCtx } from "../../../libs/constants/utils";
+import Utils from "../../../libs/constants/utils";
 import LoginSvg from '../../assets/images/login_letras.svg';
 import LoginSvgDark from '../../assets/images/login_letras_dark.svg';
-import { useAsyncEffect, useEffectWithoutFirstRender } from '../../../libs/constants/hooks';
+import Hooks from '../../../libs/constants/hooks';
 import colors from "../constants";
-const [Provider, useApp] = createCtx();
+const [Provider, useApp] = Utils.createCtx();
 export { useApp };
 export default memo(({ listStackNames = [], getBackgroundColor, getSession, renderItemLoading = ({ colorScheme }) => (colorScheme === 'dark' ?
     <LoginSvgDark width={200} height={200}/>
@@ -24,11 +24,11 @@ export default memo(({ listStackNames = [], getBackgroundColor, getSession, rend
     const [isLoading, setIsLoading] = useState(true);
     const hasSessionRef = useRef(false);
     // -------------- Effects --------------
-    useEffectWithoutFirstRender(() => {
+    Hooks.useEffectWithoutFirstRender(() => {
         if (!isLoading)
             onLoadingRealsed?.({ router, hasSession: hasSessionRef.current });
     }, [isLoading]);
-    useAsyncEffect(async (isMounted) => {
+    Hooks.useAsyncEffect(async (isMounted) => {
         hasSessionRef.current = (await getSession?.()) ?? true;
         if (!isMounted)
             return;

package/dist/libs/segmentedControl/src/components/Segmented/index.js

@@ -1,7 +1,7 @@
 import React, { memo, useState, useRef, useCallback } from 'react';
 import { View, StyleSheet, ScrollView } from 'react-native';
 import { Easing, useSharedValue, withTiming, useDerivedValue } from 'react-native-reanimated';
-import { useEffectWithoutFirstRender } from '../../../../../libs/constants/hooks';
+import Hooks from '../../../../../libs/constants/hooks';
 import { useShared } from '../../context/shared';
 import { scrollToIndex } from '../../utils';
 import Container from '../Container';
@@ -50,7 +50,7 @@ export default memo(({ data, selectedIndex, setCurrentSelectedIndex, isScrollabl
         widthsShared.value = newWidths;
     }, []);
     // ---------------- Hooks ----------------
-    useEffectWithoutFirstRender(() => {
+    Hooks.useEffectWithoutFirstRender(() => {
         onPress(selectedIndex);
     }, [selectedIndex]);
     const content = (<>

package/dist/libs/segmentedControl/src/components/Wrapper/index.js

@@ -1,5 +1,5 @@
 import React, { memo, useState } from 'react';
-import { useEffectWithoutFirstRender } from '../../../../../libs/constants/hooks';
+import Hooks from '../../../../../libs/constants/hooks';
 import Segmented from '../Segmented';
 import Provider, { useShared } from '../../context/shared';
 import { getIndex } from '../../utils';
@@ -7,7 +7,7 @@ export default memo(({ data = [], selectedIndex = 0, onChange, ...props }) => {
     const _selectedIndex = getIndex(selectedIndex);
     // Creamos el state interno para activar el onChange
     const [currentSelectedIndex, setCurrentSelectedIndex] = useState(_selectedIndex);
-    useEffectWithoutFirstRender(() => {
+    Hooks.useEffectWithoutFirstRender(() => {
         onChange?.({ index: currentSelectedIndex, item: data[currentSelectedIndex] });
     }, [currentSelectedIndex]);
     // Nos fijamos si ya está dentro del context.

package/dist/libs/swiftui/src/List/Editable/index.js

@@ -1,12 +1,12 @@
 import { List, Section } from "@expo/ui/swift-ui";
 import { listStyle, environment, moveDisabled, tag, deleteDisabled, padding } from "@expo/ui/swift-ui/modifiers";
 import React, { memo, useCallback, useMemo, useState } from "react";
-import { useEffectWithoutFirstRender } from '../../../../../libs/constants/hooks';
+import Hooks from '../../../../../libs/constants/hooks';
 function Component({ children, data = [], keyExtractor, editMode = false, onDelete, onMove, renderItem, listProps, listForEachProps, listSectionProps, enableMove = false, enableDelete = false, withoutTopPadding = false, }) {
     // ---------------------- Variables ----------------------
     const [_data, setData] = useState(data ?? []);
     // ---------------------- Hooks ----------------------
-    useEffectWithoutFirstRender(() => setData(data ?? []), [data]);
+    Hooks.useEffectWithoutFirstRender(() => setData(data ?? []), [data]);
     // ---------------------- Modifiers ----------------------
     const modifiersList = useMemo(() => [
         listStyle('inset'),

package/dist/libs/table/src/components/Borders.js

@@ -2,7 +2,7 @@ import { useValue } from '@legendapp/state/react';
 import React, { memo, useEffect, useState } from 'react';
 import { PixelRatio, View, StyleSheet } from 'react-native';
 import colors from '../constants';
-import { useEffectWithoutFirstRender } from '../../../../libs/constants/hooks';
+import Hooks from '../../../../libs/constants/hooks';
 import { useApp } from '../../../../libs/providers/App';
 import { useStore, useTable } from '../context/table';
 import { useBorder } from '../context/borders';
@@ -59,7 +59,7 @@ const BorderExtended = memo(({ isTop, id, color }) => {
         else
             bordersRef.current.bottom = setShow;
     }, []);
-    useEffectWithoutFirstRender(() => {
+    Hooks.useEffectWithoutFirstRender(() => {
         setShow(showStore);
     }, [showStore]);
     return <Border show={Show} color={color}/>;

package/dist/libs/table/src/components/Delete/index.js

@@ -3,7 +3,7 @@ import { useSelector } from '@legendapp/state/react';
 import React, { memo, useCallback, useMemo, useRef, useState } from 'react';
 import { Animated, Easing, Platform, Pressable, StyleSheet, Text, View } from 'react-native';
 import Reanimated, { Easing as Reasing, SlideOutLeft } from 'react-native-reanimated';
-import { useLayoutEffectWithoutFirstRender } from '../../../../../libs/constants/hooks';
+import Hooks from '../../../../../libs/constants/hooks';
 import { isLowTier } from '../../../../../libs/constants/consts';
 import colors from '../../constants';
 import { useStore } from '../../context/table';
@@ -22,7 +22,7 @@ export default memo(({ children, ...props }) => {
 const Component = memo(({ children, id, removeWidth, onDelete, onDeleteShown, setDeleted, }) => {
     const store = useStore();
     const is_deleted = useSelector(() => store.deleted.id.get() === id);
-    useLayoutEffectWithoutFirstRender(() => {
+    Hooks.useLayoutEffectWithoutFirstRender(() => {
         if (is_deleted)
             return;
         onDeleteShown?.(id, false);

package/dist/libs/table/src/components/OptionComponents/dragIcon.js

@@ -1,7 +1,7 @@
 import { Ionicons } from '@expo/vector-icons';
 import React, { memo } from 'react';
 import { Pressable } from 'react-native';
-//import { useDrag } from 'libs/ReorderableList'
+//import { useDrag } from '@/libs/ReorderableList'
 import colors from '../../constants';
 import { useApp } from '../../../../../libs/providers/App';
 /**

package/dist/libs/table/src/components/Table/index.js

@@ -3,7 +3,7 @@ import React, { memo, useMemo } from 'react';
 import { Platform, StyleSheet } from 'react-native';
 import Animated, { Easing, FadeIn, FadeOut, LinearTransition } from 'react-native-reanimated';
 import colors from '../../constants';
-import { useEffectWithoutFirstRender } from '../../../../../libs/constants/hooks';
+import Hooks from '../../../../../libs/constants/hooks';
 import { useApp } from '../../../../../libs/providers/App';
 import { isLowTier } from '../../../../../libs/constants/consts';
 import { BordersProvider, StoreProvider, TableProvider } from '../../context/table';
@@ -32,7 +32,7 @@ const Table = memo(({ children, title, renderDetail, colorThemeType = 'default',
     });
     const layoutAnimation = isLowTier ? LinearTransition.duration(500) : LinearTransition.easing(Easing.bezier(0.2, 0.2, 0, 1)).duration(600);
     // ------------- useEffect -------------
-    useEffectWithoutFirstRender(() => store.deleted.keys.set(keys), [keys]);
+    Hooks.useEffectWithoutFirstRender(() => store.deleted.keys.set(keys), [keys]);
     const value = useMemo(() => ({ colorThemeType, type, keys, allBorders }), [colorThemeType, type, keys, allBorders]);
     return (<Animated.View key={title || 'title'} layout={Platform.OS === 'web' ? undefined : LinearTransition.duration(100).easing(Easing.bezier(0.1, 0.1, 0, 1))} style={[
             styles.container,

package/dist/libs/table/src/context/borders.js

@@ -1,6 +1,6 @@
 import { useMemo, useRef } from "react";
-import { createCtx } from "../../../../libs/constants/utils";
-const [Provider, useBorder] = createCtx();
+import Utils from "../../../../libs/constants/utils";
+const [Provider, useBorder] = Utils.createCtx();
 export { useBorder };
 export default ({ children }) => {
     const bordersRef = useRef({});

package/dist/libs/table/src/context/delete.js

@@ -1,2 +1,2 @@
-import { createCtx } from "../../../../libs/constants/utils";
-export const [DeleteProvider, useDelete] = createCtx();
+import Utils from "../../../../libs/constants/utils";
+export const [DeleteProvider, useDelete] = Utils.createCtx();

package/dist/libs/table/src/context/table.js

@@ -1,4 +1,4 @@
-import { createCtx } from '../../../../libs/constants/utils';
-export const [StoreProvider, useStore] = createCtx();
-export const [BordersProvider, useBorders] = createCtx();
-export const [TableProvider, useTable] = createCtx();
+import Utils from '../../../../libs/constants/utils';
+export const [StoreProvider, useStore] = Utils.createCtx();
+export const [BordersProvider, useBorders] = Utils.createCtx();
+export const [TableProvider, useTable] = Utils.createCtx();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "native-pytech",
-  "version": "1.0.22",
+  "version": "1.0.23",
   "description": "Libreria de React Native Pytech",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",