native-pytech 1.0.196 → 1.0.200

package/dist/libs/table/index.js

@@ -1,5 +0,0 @@
-export { default } from './src/components/Table';
-export { useBorders, useStore, useTable } from './src/context/table';
-export { useDelete } from './src/context/delete';
-export { useBorder } from './src/context/borders';
-export { colors } from './src/constants';

package/dist/libs/table/src/components/Borders.d.ts

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

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

@@ -1,84 +0,0 @@
-import { useValue } from '@legendapp/state/react';
-import { memo, useEffect, useState } from 'react';
-import { PixelRatio, View, StyleSheet } from 'react-native';
-import colors from '../constants';
-import Hooks from '../../../../libs/constants/hooks';
-import { useApp } from '../../../../libs/providers/App';
-import { useStore, useTable } from '../context/table';
-import { useBorder } from '../context/borders';
-import { left, right } from './Option';
-const heightPixel = PixelRatio.roundToNearestPixel(1);
-export default memo(({ id, borders }) => {
-    if (borders.color)
-        return <Component id={id} borders={borders}/>;
-    const { colorScheme } = useApp();
-    const { colorThemeType } = useTable();
-    borders.color = colors.table[colorThemeType][colorScheme].border;
-    return <Component id={id} borders={borders}/>;
-});
-const Component = memo(({ id, borders }) => {
-    const shownTop = borders?.shownTop;
-    const shownBottom = borders?.shownBottom;
-    const justTop = shownTop === true && shownBottom === false;
-    const justBottom = shownTop === false && shownBottom === true;
-    const styleSpaces = { left: borders?.left ?? left, right: borders?.right ?? right };
-    //Si solo hay 1 border y ambos estan predefinidos...
-    if (justTop || justBottom) {
-        //Version super light
-        const style = justTop ? { bottom: null } : { top: null }; //Cancela el bottom o el top de styles.space
-        return <View style={[styles.space, styles.border, styleSpaces, style, { backgroundColor: borders.color }]}/>;
-    }
-    return (<View style={[styles.space, styleSpaces]}>
-            {shownTop == null ?
-            <BorderExtended isTop={true} id={id} color={borders.color}/> :
-            <Border show={borders.shownTop} color={borders.color}/>}
-            {shownBottom == null ?
-            <BorderExtended isTop={false} id={id} color={borders.color}/> :
-            <Border show={borders.shownBottom} color={borders.color}/>}
-        </View>);
-});
-const BorderExtended = memo(({ isTop, id, color }) => {
-    const { keys, allBorders } = useTable();
-    const store = useStore();
-    const hasKeys = keys && keys.length > 0;
-    const showStore = useValue(() => {
-        if (isTop) {
-            const isFirstId = store.deleted.firstId.get() === id;
-            return allBorders ? (hasKeys ? isFirstId : false) : !hasKeys;
-        }
-        else {
-            const isLastId = store.deleted.lastId.get() === id;
-            return allBorders ? true : (hasKeys ? !isLastId : false);
-        }
-    });
-    const [Show, setShow] = useState(showStore);
-    const bordersRef = useBorder();
-    useEffect(() => {
-        if (isTop)
-            bordersRef.current.top = setShow;
-        else
-            bordersRef.current.bottom = setShow;
-    }, []);
-    Hooks.useEffectWithoutFirstRender(() => {
-        setShow(showStore);
-    }, [showStore]);
-    return <Border show={Show} color={color}/>;
-});
-const Border = memo(({ show, color }) => {
-    return <View style={[styles.border, { backgroundColor: show ? color : 'transparent' }]}/>;
-});
-const styles = StyleSheet.create({
-    space: {
-        position: 'absolute',
-        justifyContent: 'space-between',
-        flexDirection: 'column',
-        left: left,
-        right: right,
-        bottom: 0,
-        top: -heightPixel,
-        pointerEvents: 'none'
-    },
-    border: {
-        height: heightPixel,
-    }
-});

package/dist/libs/table/src/components/Delete/index.d.ts

@@ -1,3 +0,0 @@
-import { DeleteProps } from './types';
-declare const _default: import("react").MemoExoticComponent<({ children, ...props }: Omit<DeleteProps, "setDeleted">) => import("react").JSX.Element | null>;
-export default _default;

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

@@ -1,141 +0,0 @@
-import { batch } from '@legendapp/state';
-import { useSelector } from '@legendapp/state/react';
-import { 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 Hooks from '../../../../../libs/constants/hooks';
-import { isLowTier } from '../../../../../libs/constants/consts';
-import colors from '../../constants';
-import { useStore } from '../../context/table';
-import { DeleteProvider } from '../../context/delete';
-const anim = {
-    duration: 600,
-    easing: Easing.bezier(0.2, 0.2, 0, 1),
-    useNativeDriver: true,
-};
-export default memo(({ children, ...props }) => {
-    const [deleted, setDeleted] = useState(false);
-    if (deleted)
-        return null;
-    return <Component {...props} setDeleted={setDeleted}>{children}</Component>;
-});
-const Component = memo(({ children, id, removeWidth, onDelete, onDeleteShown, setDeleted, }) => {
-    const store = useStore();
-    const is_deleted = useSelector(() => store.deleted.id.get() === id);
-    Hooks.useLayoutEffectWithoutFirstRender(() => {
-        if (is_deleted)
-            return;
-        onDeleteShown?.(id, false);
-        removeStateValue.stopAnimation();
-        Animated.timing(removeStateValue, { toValue: 0, ...anim }).start();
-    }, [is_deleted]);
-    const removeStateValue = useRef(new Animated.Value(0)).current;
-    const [widthRemove, setWidthRemove] = useState(removeWidth ? removeWidth + (12 * 2) : 0);
-    const animatedRemoveStyle = {
-        opacity: removeStateValue.interpolate({
-            inputRange: [0, 1],
-            outputRange: [0, 1]
-        }),
-        transform: [
-            {
-                translateX: removeStateValue.interpolate({
-                    inputRange: [0, 1],
-                    outputRange: [-widthRemove, 0]
-                })
-            },
-            {
-                scale: removeStateValue.interpolate({
-                    inputRange: [0, 1],
-                    outputRange: [0, 1]
-                }),
-            }
-        ]
-    };
-    const animatedStyle = {
-        transform: [{
-                translateX: removeStateValue.interpolate({
-                    inputRange: [0, 1],
-                    outputRange: [0, -widthRemove]
-                })
-            }]
-    };
-    const onLayputProps = removeWidth ? {} : { onLayout: (e) => setWidthRemove(e.nativeEvent.layout.width) };
-    const styleWidthRemove = removeWidth ? { width: removeWidth } : {};
-    // Función que los children pueden llamar para iniciar el delete
-    const startDelete = useCallback(() => {
-        if (store.deleted.setted.peek())
-            return;
-        store.deleted.id.set(id);
-        removeStateValue.stopAnimation();
-        Animated.timing(removeStateValue, { toValue: 1, ...anim }).start();
-        onDeleteShown?.(id, true);
-    }, []);
-    const exitingAnimation = isLowTier ? SlideOutLeft.duration(200) : SlideOutLeft.easing(Reasing.bezier(0.2, 0.2, 0, 1)).duration(300);
-    // Valor del contexto
-    const contextValue = useMemo(() => startDelete, [startDelete]);
-    const start = useCallback(() => {
-        if (store.deleted.id.peek() === null)
-            return;
-        store.deleted.setted.set(true);
-        store.deleted.id.set(null);
-    }, []);
-    const end = useCallback(() => { store.deleted.setted.set(false); }, []);
-    const viewProps = useMemo(() => (Platform.OS === 'web' ?
-        {
-            onPointerDown: start,
-            onPointerUp: end,
-        } : {
-        onTouchStart: start,
-        onTouchEnd: end,
-    }), []);
-    return (<>
-        <Pressable style={[styles.pressableRemove]} {...onLayputProps} onPress={() => {
-            removeStateValue.stopAnimation();
-            setDeleted(true);
-            onDelete?.(id);
-            const oldKeys = store.deleted.keys.peek();
-            const newKeys = oldKeys?.filter((key) => key !== id);
-            batch(() => {
-                store.deleted.keys.set(newKeys);
-                store.deleted.id.set(null);
-            });
-        }}>
-            <Animated.View style={[animatedRemoveStyle, styles.containerRemove, styleWidthRemove]}>
-                <Text style={styles.text}>Eliminar</Text>
-            </Animated.View>
-        </Pressable>
-
-        <Animated.View style={[{ position: 'relative' }, animatedStyle]}>
-            <Reanimated.View exiting={exitingAnimation}>
-                <View {...viewProps}>
-                    <DeleteProvider value={contextValue}>
-                        {children}
-                    </DeleteProvider>
-                </View>
-            </Reanimated.View>
-        </Animated.View>
-    </>);
-}, (prev, next) => prev.id === next.id);
-const styles = StyleSheet.create({
-    pressableRemove: {
-        position: 'absolute',
-        right: 0,
-        top: 0,
-        bottom: 0,
-        flex: 1
-    },
-    containerRemove: {
-        paddingHorizontal: 12,
-        backgroundColor: colors.especiales.rojo,
-        margin: 6,
-        marginHorizontal: 10,
-        flex: 1,
-        borderRadius: 16,
-        justifyContent: 'center',
-        alignItems: 'center'
-    },
-    text: {
-        fontSize: 13,
-        color: 'white'
-    }
-});

package/dist/libs/table/src/components/Delete/types.d.ts

@@ -1,27 +0,0 @@
-import React from "react";
-export interface DeleteProps {
-    /**
-        Opcion que se renderiza dentro del context.
-    */
-    children: React.ReactElement | React.ReactElement[] | null;
-    /**
-        Id de la opción.
-    */
-    id: string;
-    /**
-        Ancho del botón de eliminar.
-    */
-    removeWidth?: number;
-    /**
-        Función que se ejecuta al eliminar la opción.
-    */
-    onDelete?: ((key: string) => void) | undefined;
-    /**
-        Función que se ejecuta para indicar que el componente se ha eliminado.
-    */
-    onDeleteShown?: ((id: string, isDeleted: boolean) => void) | undefined;
-    /**
-        Función que se ejecuta para indicar que el componente se ha eliminado.
-    */
-    setDeleted: (deleted: boolean) => void;
-}

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

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

package/dist/libs/table/src/components/Detail.d.ts

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

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

@@ -1,11 +0,0 @@
-import { memo } from "react";
-import { Text } from "react-native";
-import { useApp } from '../../../../libs/providers/App';
-import colors from "../constants";
-export default memo(({ text }) => {
-    const { colorScheme } = useApp();
-    const Theme = colors.theme[colorScheme];
-    return (<Text style={{ color: Theme.text2, fontSize: 13, lineHeight: 16 }}>
-            {text}
-        </Text>);
-});

package/dist/libs/table/src/components/Option/index.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import Props from './types';
-export declare const left = 16;
-export declare const right = 16;
-declare const _default: React.MemoExoticComponent<({ children, childrenLeft, childrenRight, onPress, style, backgroundColorPressed, LinearGradientProps, colorScheme, hasTextView, hasNavigationArrow, }: Props) => React.JSX.Element>;
-export default _default;

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

@@ -1,109 +0,0 @@
-import { LinearGradient } from 'expo-linear-gradient';
-import React, { memo, useCallback, useMemo } from 'react';
-import { Pressable, StyleSheet, View } from 'react-native';
-import { Ionicons } from '@expo/vector-icons';
-import colors from '../../constants';
-import Table from '../Table';
-import { useTable } from '../../context/table';
-export const left = 16;
-export const right = 16;
-const flattenChildren = (children) => {
-    return React.Children.toArray(children).flatMap((child) => {
-        if (React.isValidElement(child) && child.type === React.Fragment) {
-            const props = child.props;
-            return flattenChildren(props.children);
-        }
-        return [child];
-    });
-};
-const AddTextView = memo(({ children, hasTextView }) => {
-    const hasTextView_ = hasTextView ?? flattenChildren(children).some((child) => React.isValidElement(child) && child.type === Table.Option.Components.TextView);
-    const viewChildren = useCallback((children) => <View style={styles.izq}>{children}</View>, []);
-    if (hasTextView_)
-        return viewChildren(children);
-    return (viewChildren(<Table.Option.Components.TextView>
-                {children}
-            </Table.Option.Components.TextView>));
-});
-export default memo(({ children, childrenLeft, childrenRight, onPress, style, backgroundColorPressed, LinearGradientProps, colorScheme, hasTextView, hasNavigationArrow = false, }) => {
-    const content = <>
-        {childrenLeft && <AddTextView hasTextView={hasTextView}>{childrenLeft}</AddTextView>}
-        {childrenRight || hasNavigationArrow ? (<View style={[styles.der, !childrenLeft ? { flex: 1, paddingVertical: 16.35 } : {}]}>
-                {childrenRight}
-                {hasNavigationArrow && <Ionicons name='chevron-forward' size={20} color={colors.theme[colorScheme].icon}/>}
-            </View>) : null}
-        {children}
-    </>;
-    const styleView = useMemo(() => [styles.Item_View, style], [style]);
-    const childrenOption = onPress === undefined ? <View style={styleView}>{content}</View>
-        : (backgroundColorPressed ? (<Pressable onPress={onPress} style={({ pressed }) => !pressed ? styleView : [styleView, { backgroundColor: backgroundColorPressed }]}>
-                {content}
-            </Pressable>) : (<PressableView onPress={onPress} colorScheme={colorScheme} styleView={styleView}>
-                {content}
-            </PressableView>));
-    return (LinearGradientProps ?
-        <LinearGradient {...LinearGradientProps}>
-                {childrenOption}
-            </LinearGradient>
-        : childrenOption);
-});
-const PressableView = memo(({ children, onPress, colorScheme, styleView }) => {
-    const { colorThemeType } = useTable();
-    const backgroundColorPressed = colors.table[colorThemeType][colorScheme].background_pressed;
-    return (<Pressable onPress={onPress} style={({ pressed }) => !pressed ? styleView : [styleView, { backgroundColor: backgroundColorPressed }]}>
-            {children}
-        </Pressable>);
-});
-/*
- const pressableChildren = useCallback(({ pressed }: { pressed: boolean }) => (
-        <>
-            {!pressed ?
-                <NotPressedView /> :
-                <OnPressView backgroundColorPressed={backgroundColorPressed} colorScheme={colorScheme} />
-            }
-            {content}
-        </>
-    ), [backgroundColorPressed, content, colorScheme])
-
-const NotPressedView = memo(() => <View style={styles.onPressView} />)
-const OnPressView = memo(({ backgroundColorPressed, colorScheme }: { backgroundColorPressed: OptionProps['backgroundColorPressed'], colorScheme: ColorSchemeType }) => {
-    const { colorThemeType } = useTable()
-    return <View style={[styles.onPressView, { backgroundColor: backgroundColorPressed ? backgroundColorPressed : Colors.table[colorThemeType][colorScheme].background_pressed }]} />
-
-})
-*/
-//(20.3 - 0.5) / 2 = 9.9
-//const paddingVertical = (24.1 - paddingTopItem - gap) / 2
-const styles = StyleSheet.create({
-    Item_View: {
-        flex: 1,
-        paddingLeft: left,
-        paddingRight: right,
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'center',
-        gap: 10
-    },
-    izq: {
-        marginRight: 'auto',
-        flex: 1,
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 11,
-        //paddingBottom: 2,
-    },
-    der: {
-        marginLeft: 'auto',
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 11
-    },
-    onPressView: {
-        position: 'absolute',
-        top: -1,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        backgroundColor: 'transparent'
-    }
-});

package/dist/libs/table/src/components/Option/types.d.ts

@@ -1,66 +0,0 @@
-import { LinearGradientProps } from 'expo-linear-gradient';
-import React from "react";
-import { GestureResponderEvent, StyleProp, ViewStyle } from "react-native";
-import { LinearTransition } from "react-native-reanimated";
-import { type ColorSchemeType } from "../../constants";
-type Props = {
-    /**
-        Lo que se va a renderizar dentro de la opción.
-    */
-    children?: React.ReactElement;
-    /**
-        Lo que se va a renderizar dentro de la view de la izquierda.
-    */
-    childrenLeft?: React.ReactElement | null;
-    /**
-        Lo que se va a renderizar dentro de la view de la derecha.
-    */
-    childrenRight?: React.ReactElement | null;
-    /**
-        Función que se ejecuta al presionar la opción.
-    */
-    onPress?: ((event: GestureResponderEvent) => void) | undefined;
-    /**
-        Función que se ejecuta al eliminar la opción.
-    */
-    onDelete?: ((key: string) => void) | undefined;
-    /**
-        Función que se ejecuta para indicar que el componente se ha eliminado.
-    */
-    onDeleteShown?: ((id: string, isDeleted: boolean) => void) | undefined;
-    /**
-        Ancho del botón de eliminar.
-    */
-    removeWidth?: number;
-    /**
-        Estilos de la opción.
-        Es un Animated.View.
-    */
-    style?: StyleProp<ViewStyle>;
-    /**
-        Color de fondo de la opción cuando está presionada.
-    */
-    backgroundColorPressed?: string;
-    /**
-        Props para el LinearGradient.
-    */
-    LinearGradientProps?: LinearGradientProps;
-    /**
-        LayoutAnimation de la opción.
-    */
-    layoutAnimation?: LinearTransition;
-    /**
-        Indica si la opción tiene un TextView en el childrenLeft.
-    */
-    hasTextView?: boolean;
-    /**
-        Color del tema de la opción.
-    */
-    colorScheme: ColorSchemeType;
-    /**
-        Si es True se muestra una flecha de navegación en el children Right.
-        @default false
-    */
-    hasNavigationArrow?: boolean;
-};
-export default Props;

package/dist/libs/table/src/components/Option/types.js

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

package/dist/libs/table/src/components/OptionComponents/deleteIcon.d.ts

@@ -1,5 +0,0 @@
-/**
-    Icono de eliminar.
-*/
-declare const _default: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
-export default _default;

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

@@ -1,14 +0,0 @@
-import { memo } from 'react';
-import { Pressable } from 'react-native';
-import { useDelete } from '../../context/delete';
-import RemoveCircle from '../../../../../libs/assets/components/RemoveCircle';
-import colors from '../../constants';
-/**
-    Icono de eliminar.
-*/
-export default memo(() => {
-    const startDelete = useDelete();
-    return (<Pressable onPress={() => startDelete()}>
-			<RemoveCircle size={30} color={colors.especiales.rojo} insideColor='white'/>
-		</Pressable>);
-});

package/dist/libs/table/src/components/OptionComponents/dragIcon.d.ts

@@ -1,5 +0,0 @@
-/**
-    Icono de drag.
-*/
-declare const _default: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
-export default _default;

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

@@ -1,18 +0,0 @@
-import { Ionicons } from '@expo/vector-icons';
-import { memo } from 'react';
-import { Pressable } from 'react-native';
-//import { useDrag } from '@/libs/ReorderableList'
-import colors from '../../constants';
-import { useApp } from '../../../../../libs/providers/App';
-/**
-    Icono de drag.
-*/
-export default memo(() => {
-    const { colorScheme } = useApp();
-    const Theme = colors.theme[colorScheme];
-    //const pressableProps = useDrag() as unknown as PressableProps
-    const pressableProps = {};
-    return (<Pressable {...pressableProps}>
-			<Ionicons name='menu-outline' size={28} color={Theme.borderColorContCliente}/>
-		</Pressable>);
-});

package/dist/libs/table/src/components/OptionComponents/icon.d.ts

@@ -1,9 +0,0 @@
-import { Ionicons } from '@expo/vector-icons';
-/**
-    Pone el color según el tema.
-*/
-declare const _default: import("react").MemoExoticComponent<({ name, size }: {
-    name: keyof typeof Ionicons.glyphMap;
-    size: number;
-}) => import("react").JSX.Element>;
-export default _default;

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

@@ -1,12 +0,0 @@
-import { Ionicons } from '@expo/vector-icons';
-import { memo } from 'react';
-import colors from '../../constants';
-import { useApp } from '../../../../../libs/providers/App';
-/**
-    Pone el color según el tema.
-*/
-export default memo(({ name, size = 30 }) => {
-    const { colorScheme } = useApp();
-    const Theme = colors.theme[colorScheme];
-    return (<Ionicons name={name} size={size} color={Theme.icon}/>);
-});

package/dist/libs/table/src/components/OptionComponents/image.d.ts

@@ -1,8 +0,0 @@
-import { ImageSourcePropType } from 'react-native';
-/**
-    Pone el tintColor según el tema.
-*/
-declare const _default: import("react").MemoExoticComponent<({ source }: {
-    source: ImageSourcePropType;
-}) => import("react").JSX.Element>;
-export default _default;

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

@@ -1,12 +0,0 @@
-import { memo } from 'react';
-import { Image } from 'react-native';
-import colors from '../../constants';
-import { useApp } from '../../../../../libs/providers/App';
-/**
-    Pone el tintColor según el tema.
-*/
-export default memo(({ source }) => {
-    const { colorScheme } = useApp();
-    const Theme = colors.theme[colorScheme];
-    return (<Image source={source} style={{ width: 12.1, height: 12.1 }} tintColor={Theme.icon}/>);
-});

package/dist/libs/table/src/components/OptionComponents/index.d.ts

@@ -1,8 +0,0 @@
-export { default as DeleteIcon } from './deleteIcon';
-export { default as DragIcon } from './dragIcon';
-export { default as Icon } from './icon';
-export { default as Image } from './image';
-export { default as Text } from './text';
-export { default as TextInput } from './textInput';
-export { default as TextInputCurrency } from './textInputCurrency';
-export { default as TextView } from './textView';

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

@@ -1,8 +0,0 @@
-export { default as DeleteIcon } from './deleteIcon';
-export { default as DragIcon } from './dragIcon';
-export { default as Icon } from './icon';
-export { default as Image } from './image';
-export { default as Text } from './text';
-export { default as TextInput } from './textInput';
-export { default as TextInputCurrency } from './textInputCurrency';
-export { default as TextView } from './textView';

package/dist/libs/table/src/components/OptionComponents/text.d.ts

@@ -1,21 +0,0 @@
-import { StyleProp, TextProps, TextStyle } from 'react-native';
-import { type ColorSchemeType } from '../../constants';
-/**
-    Pone el color del texto según el tema.
-*/
-type Props = {
-    text: string;
-    /**
-        @default true
-    */
-    enabled?: boolean;
-    fontScale?: string;
-    /**
-        @default {}
-    */
-    style?: StyleProp<TextStyle>;
-};
-declare const _default: import("react").MemoExoticComponent<({ ...props }: Props & {
-    colorScheme?: ColorSchemeType;
-} & TextProps) => import("react").JSX.Element>;
-export default _default;

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

@@ -1,27 +0,0 @@
-import { memo, useMemo } from 'react';
-import { StyleSheet } from 'react-native';
-import colors from '../../constants';
-import Text$ from '../../../../../libs/components/Text';
-import ThemeComponent from '../../../../../libs/components/Theme';
-export default memo(({ ...props }) => {
-    return <ThemeComponent component={Component} {...props}/>;
-});
-const Component = memo(({ text, enabled = true, style = {}, colorScheme, fontScale, ...props }) => {
-    const Theme = colors.theme[colorScheme];
-    const textStyle = useMemo(() => [
-        styles.text,
-        {
-            color: enabled ? Theme.text : Theme.text2
-        },
-        style
-    ], [enabled, Theme, style]);
-    return (<Text$ fontScale={fontScale} style={textStyle} {...props}>
-            {text}
-        </Text$>);
-});
-const styles = StyleSheet.create({
-    text: {
-        fontSize: 17,
-        userSelect: 'none'
-    }
-});