native-pytech 1.0.136 → 1.0.137

package/dist/app/sections/icon.d.ts

@@ -0,0 +1 @@
+export { default } from '../../libs/sections/Icon';

package/dist/app/sections/icon.js

@@ -0,0 +1 @@
+export { default } from '../../libs/sections/Icon';

package/dist/libs/sections/Icon/index.d.ts

@@ -0,0 +1 @@
+export { default } from './src';

package/dist/libs/sections/Icon/index.js

@@ -0,0 +1 @@
+export { default } from './src';

package/dist/libs/sections/Icon/src/Section.ios.d.ts

@@ -0,0 +1,7 @@
+import { VStackProps } from '@expo/ui/swift-ui';
+import React from 'react';
+type Props = VStackProps & {
+    children: React.ReactNode;
+};
+declare const _default: React.MemoExoticComponent<({ children, modifiers, ...vStackProps }: Props) => React.JSX.Element>;
+export default _default;

package/dist/libs/sections/Icon/src/Section.ios.js

@@ -0,0 +1,17 @@
+import { Section, VStack } from '@expo/ui/swift-ui';
+import { containerRelativeFrame, listRowBackground, frame, listRowInsets } from '@expo/ui/swift-ui/modifiers';
+import React, { memo, useMemo } from 'react';
+export default memo(({ children, modifiers, ...vStackProps }) => {
+    const _modifiers = useMemo(() => [
+        ...(modifiers ?? []),
+        frame({ alignment: 'center' }),
+        containerRelativeFrame({ axes: 'horizontal' }),
+        listRowBackground('transparent'),
+        listRowInsets({ bottom: 0.1 })
+    ], [modifiers]);
+    return (<Section>
+            <VStack spacing={20} modifiers={_modifiers} {...vStackProps}>
+                {children}
+            </VStack>
+        </Section>);
+});

package/dist/libs/sections/Icon/src/index.d.ts

@@ -0,0 +1,3 @@
+import Props from '../types';
+declare const _default: import("react").MemoExoticComponent<({ title, subtitle, gradientProps, buttonProps }: Props) => import("react").JSX.Element>;
+export default _default;

package/dist/libs/sections/Icon/src/index.ios.d.ts

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

package/dist/libs/sections/Icon/src/index.ios.js

@@ -0,0 +1,26 @@
+import { Button, VStack } from '@expo/ui/swift-ui';
+import { frame, font, buttonStyle } from '@expo/ui/swift-ui/modifiers';
+import React, { memo } from 'react';
+import Gradient from '../../../../libs/components/Gradient';
+import Text from '../../../../libs/swiftui/src/components/Text';
+import Section from './Section.ios';
+export default memo(({ title, subtitle, gradientProps, buttonProps }) => {
+    const spacing = gradientProps?.type === 'extraLarge' ? 10 : 20;
+    return (<Section spacing={spacing}>
+            {gradientProps && (<Gradient {...gradientProps}/>)}
+
+            {(title || subtitle) && (subtitle ? (<VStack modifiers={[frame({ alignment: 'center' })]} spacing={2}>
+                        <Title title={title}/>
+                        <Text secondary>
+                            {subtitle}
+                        </Text>
+                    </VStack>) : (<Title title={title}/>))}
+
+            {buttonProps && (<Button {...buttonProps} modifiers={[buttonStyle('bordered')]}/>)}
+        </Section>);
+});
+const Title = memo(({ title }) => {
+    return (<Text modifiers={[font({ weight: 'bold', size: 30 })]}>
+            {title}
+        </Text>);
+});

package/dist/libs/sections/Icon/src/index.js

@@ -0,0 +1,59 @@
+import { View, Text, Pressable, StyleSheet } from "react-native";
+import { memo } from 'react';
+import Gradient from "native-pytech/components/gradient";
+import Colors from "native-pytech/constants/colors";
+import { useApp } from "native-pytech/providers/app";
+export default memo(({ title, subtitle, gradientProps, buttonProps }) => {
+    const { colorScheme } = useApp();
+    const spacing = gradientProps?.type === 'extraLarge' ? 10 : 20;
+    return (<View style={[styles.container, { gap: spacing }]}>
+            {gradientProps && (<Gradient {...gradientProps}/>)}
+
+            {(title || subtitle) && (subtitle ? (<View style={styles.containerTitle}>
+                        <Title title={title} colorScheme={colorScheme}/>
+                        <Text style={[styles.subtitle, { color: Colors[colorScheme].text2 }]}>
+                            {subtitle}
+                        </Text>
+                    </View>) : (<Title title={title} colorScheme={colorScheme}/>))}
+
+            {buttonProps && (<Pressable onPress={buttonProps.onPress} style={styles.pressable}>
+                    <Text style={styles.label}>{buttonProps.label}</Text>
+                </Pressable>)}
+        </View>);
+});
+const Title = memo(({ title, colorScheme }) => {
+    return (<Text style={[styles.title, { color: Colors[colorScheme].text }]}>
+            {title}
+        </Text>);
+});
+const styles = StyleSheet.create({
+    container: {
+        padding: 16,
+        flex: 1,
+        marginBottom: 30,
+        justifyContent: 'center',
+        alignItems: 'center'
+    },
+    containerTitle: {
+        flexDirection: 'column',
+        alignItems: 'center',
+        gap: 2
+    },
+    title: {
+        fontWeight: 'bold',
+        fontSize: 30
+    },
+    subtitle: {
+        fontSize: 30
+    },
+    pressable: {
+        backgroundColor: Colors.especiales.azul,
+        padding: 10,
+        borderRadius: 10
+    },
+    label: {
+        color: 'white',
+        fontSize: 17,
+        fontWeight: 'semibold'
+    }
+});

package/dist/libs/sections/Icon/types.d.ts

@@ -0,0 +1,25 @@
+import { Props as GradientProps } from '../../../libs/components/Gradient';
+type Props = {
+    /**
+        The title of the icon section.
+    */
+    title?: string;
+    /**
+        The subtitle of the icon section.
+    */
+    subtitle?: string;
+    /**
+        If it is given, displays a gradient.
+    */
+    gradientProps?: Omit<GradientProps, 'type'> & {
+        type: 'extraLarge' | 'extraExtraLarge';
+    };
+    /**
+        If it is given, displays a button.
+    */
+    buttonProps?: {
+        label: string;
+        onPress: () => void;
+    };
+};
+export default Props;

package/dist/libs/sections/Icon/types.js

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

package/package.json

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