native-pytech 1.0.138 → 1.0.141

package/dist/libs/colorPage/src/Content/index.d.ts

@@ -1,3 +1,3 @@
-import type Props from "./types";
-declare const _default: ({ ...props }: Props) => null;
+import type Props from './types';
+declare const _default: import("react").MemoExoticComponent<({ colorRows, ...pageProps }: Props) => import("react").JSX.Element>;
 export default _default;

package/dist/libs/colorPage/src/Content/index.js

@@ -1 +1,20 @@
-export default ({ ...props }) => null;
+import { memo } from 'react';
+import { View, StyleSheet } from 'react-native';
+import Item from '../Item';
+export default memo(({ colorRows, ...pageProps }) => {
+    return (<View style={styles.container}>
+			{colorRows.map((row, index) => (<View key={index} style={styles.row}>
+					{row.map((color, indexColor) => (<Item key={indexColor} color={color} size={100} {...pageProps}/>))}
+				</View>))}
+		</View>);
+});
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        justifyContent: 'space-evenly',
+    },
+    row: {
+        flexDirection: 'row',
+        justifyContent: 'space-evenly',
+    },
+});

package/dist/libs/colorPage/src/Item/index.d.ts

@@ -1,3 +1,3 @@
-import type Props from "./types";
-declare const _default: ({ ...props }: Props) => null;
+import type Props from './types';
+declare const _default: import("react").MemoExoticComponent<({ color, size, selectedColor, onSelectColor, }: Props) => import("react").JSX.Element>;
 export default _default;

package/dist/libs/colorPage/src/Item/index.js

@@ -1 +1,21 @@
-export default ({ ...props }) => null;
+import { memo } from 'react';
+import { Pressable, StyleSheet } from 'react-native';
+import Gradient, { colors } from '../../../../libs/components/Gradient';
+export default memo(({ color, size, selectedColor, onSelectColor, }) => {
+    const isSelected = color === selectedColor;
+    return (<Pressable onPress={() => onSelectColor?.(color)} style={[
+            styles.container,
+            {
+                borderColor: isSelected ? colors[color].light : 'transparent',
+            }
+        ]}>
+			<Gradient color={color} type='extraLarge'/>
+		</Pressable>);
+});
+const styles = StyleSheet.create({
+    container: {
+        borderWidth: 4,
+        borderRadius: '100%',
+        padding: 4,
+    },
+});

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

@@ -1,8 +1,8 @@
 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";
+import Gradient from "../../../../libs/components/Gradient";
+import Colors from "../../../../libs/constants/colors";
+import { useApp } from "../../../../libs/providers/App";
 export default memo(({ title, subtitle, gradientProps, buttonProps }) => {
     const { colorScheme } = useApp();
     const spacing = gradientProps?.type === 'extraLarge' ? 10 : 20;

package/package.json

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