@tecsinapse/react-native-kit 1.23.11 → 2.0.0

package/dist/esm/components/atoms/Skeleton/types.d.ts

@@ -1,4 +1,4 @@
-export declare type ChildrenLayout = {
+export type ChildrenLayout = {
     width: number;
     height: number;
     x: number;

package/dist/esm/components/atoms/SnappingSlider/SnappingSlider.js

@@ -22,25 +22,33 @@ const SnappingSlider = ({
     const padCompensation = horizontalPadding * Math.sign(index);
     return offset + padCompensation;
   });
-  return /* @__PURE__ */ React.createElement(ScrollView, {
-    horizontal: true,
-    snapToOffsets,
-    snapToStart: true,
-    snapToEnd: true,
-    showsHorizontalScrollIndicator: false,
-    ...rest
-  }, React.Children.map(children, (child, index) => {
-    const isFirst = index === 0;
-    const isLast = index === childCount - 1;
-    return /* @__PURE__ */ React.createElement(View, {
-      style: {
-        width: totalSlideWidth,
-        paddingHorizontal: horizontalPadding,
-        paddingLeft: isFirst ? 0 : horizontalPadding,
-        paddingRight: isLast ? 0 : horizontalPadding
-      }
-    }, child);
-  }));
+  return /* @__PURE__ */ React.createElement(
+    ScrollView,
+    {
+      horizontal: true,
+      snapToOffsets,
+      snapToStart: true,
+      snapToEnd: true,
+      showsHorizontalScrollIndicator: false,
+      ...rest
+    },
+    React.Children.map(children, (child, index) => {
+      const isFirst = index === 0;
+      const isLast = index === childCount - 1;
+      return /* @__PURE__ */ React.createElement(
+        View,
+        {
+          style: {
+            width: totalSlideWidth,
+            paddingHorizontal: horizontalPadding,
+            paddingLeft: isFirst ? 0 : horizontalPadding,
+            paddingRight: isLast ? 0 : horizontalPadding
+          }
+        },
+        child
+      );
+    })
+  );
 };
 
 export { SnappingSlider as default };

package/dist/esm/components/atoms/SnappingSlider/SnappingSlider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SnappingSlider.js","sources":["../../../../../src/components/atoms/SnappingSlider/SnappingSlider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Dimensions, ScrollView, ScrollViewProps, View } from 'react-native';\nimport {\n  extractNumbersFromString,\n  SpacingType,\n  ThemeProp,\n} from '@tecsinapse/react-core';\nimport { useTheme } from '@emotion/react';\n\nexport interface SnappingSliderProps\n  extends Omit<ScrollViewProps, 'horizontal' | 'snapToOffsets'> {\n  /**\n   * Amount in screen elements.\n   * Should never be lower than scrollAmount, otherwise some elements will be skipped.\n   */\n  showAmount: number;\n\n  /**\n   * Amount of items to scroll within a single swipe.\n   * Should never be greater than showAmount, otherwise some elements will be skipped.\n   */\n  scrollAmount: number;\n\n  /**\n   * Spacing between elements.\n   * Must be one of [nano, micro, mili, centi, deca, kilo, mega, giga, tera, peta, hexa]\n   */\n  spacing?: SpacingType;\n}\n\nconst SnappingSlider: React.FC<SnappingSliderProps> = ({\n  children,\n  showAmount,\n  scrollAmount,\n  spacing,\n  ...rest\n}) => {\n  const theme = useTheme() as ThemeProp;\n\n  const childCount = React.Children.count(children);\n  const screenWidth = Dimensions.get('window').width;\n  const totalSlideWidth = Math.round(screenWidth / showAmount);\n  const horizontalPadding = spacing\n    ? extractNumbersFromString(theme.spacing[spacing]) / 2\n    : 0;\n\n  const snapToOffsets = [\n    ...Array(Math.ceil(childCount / scrollAmount)).keys(),\n  ].map(index => {\n    const offset = totalSlideWidth * scrollAmount * index;\n    const padCompensation = horizontalPadding * Math.sign(index);\n    return offset + padCompensation;\n  });\n\n  return (\n    <ScrollView\n      horizontal\n      snapToOffsets={snapToOffsets}\n      snapToStart\n      snapToEnd\n      showsHorizontalScrollIndicator={false}\n      {...rest}\n    >\n      {React.Children.map(children, (child, index) => {\n        const isFirst = index === 0;\n        const isLast = index === childCount - 1;\n\n        return (\n          <View\n            style={{\n              width: totalSlideWidth,\n              paddingHorizontal: horizontalPadding,\n              paddingLeft: isFirst ? 0 : horizontalPadding,\n              paddingRight: isLast ? 0 : horizontalPadding,\n            }}\n          >\n            {child}\n          </View>\n        );\n      })}\n    </ScrollView>\n  );\n};\n\nexport default SnappingSlider;\n"],"names":[],"mappings":";;;;;AA8BA,MAAM,iBAAgD,CAAC;AAAA,EACrD,QAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,EAAA,MAAM,UAAa,GAAA,KAAA,CAAM,QAAS,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAChD,EAAA,MAAM,WAAc,GAAA,UAAA,CAAW,GAAI,CAAA,QAAQ,CAAE,CAAA,KAAA,CAAA;AAC7C,EAAA,MAAM,eAAkB,GAAA,IAAA,CAAK,KAAM,CAAA,WAAA,GAAc,UAAU,CAAA,CAAA;AAC3D,EAAA,MAAM,oBAAoB,OACtB,GAAA,wBAAA,CAAyB,MAAM,OAAQ,CAAA,OAAA,CAAQ,IAAI,CACnD,GAAA,CAAA,CAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA;AAAA,IACpB,GAAG,MAAM,IAAK,CAAA,IAAA,CAAK,aAAa,YAAY,CAAC,EAAE,IAAK,EAAA;AAAA,GACtD,CAAE,IAAI,CAAS,KAAA,KAAA;AACb,IAAM,MAAA,MAAA,GAAS,kBAAkB,YAAe,GAAA,KAAA,CAAA;AAChD,IAAA,MAAM,eAAkB,GAAA,iBAAA,GAAoB,IAAK,CAAA,IAAA,CAAK,KAAK,CAAA,CAAA;AAC3D,IAAA,OAAO,MAAS,GAAA,eAAA,CAAA;AAAA,GACjB,CAAA,CAAA;AAED,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IACC,UAAU,EAAA,IAAA;AAAA,IACV,aAAA;AAAA,IACA,WAAW,EAAA,IAAA;AAAA,IACX,SAAS,EAAA,IAAA;AAAA,IACT,8BAAgC,EAAA,KAAA;AAAA,IAC/B,GAAG,IAAA;AAAA,GAAA,EAEH,MAAM,QAAS,CAAA,GAAA,CAAI,QAAU,EAAA,CAAC,OAAO,KAAU,KAAA;AAC9C,IAAA,MAAM,UAAU,KAAU,KAAA,CAAA,CAAA;AAC1B,IAAM,MAAA,MAAA,GAAS,UAAU,UAAa,GAAA,CAAA,CAAA;AAEtC,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,KAAO,EAAA,eAAA;AAAA,QACP,iBAAmB,EAAA,iBAAA;AAAA,QACnB,WAAA,EAAa,UAAU,CAAI,GAAA,iBAAA;AAAA,QAC3B,YAAA,EAAc,SAAS,CAAI,GAAA,iBAAA;AAAA,OAC7B;AAAA,KAAA,EAEC,KACH,CAAA,CAAA;AAAA,GAEH,CACH,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"SnappingSlider.js","sources":["../../../../../src/components/atoms/SnappingSlider/SnappingSlider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Dimensions, ScrollView, ScrollViewProps, View } from 'react-native';\nimport {\n  extractNumbersFromString,\n  SpacingType,\n  ThemeProp,\n} from '@tecsinapse/react-core';\nimport { useTheme } from '@emotion/react';\n\nexport interface SnappingSliderProps\n  extends Omit<ScrollViewProps, 'horizontal' | 'snapToOffsets'> {\n  /**\n   * Amount in screen elements.\n   * Should never be lower than scrollAmount, otherwise some elements will be skipped.\n   */\n  showAmount: number;\n\n  /**\n   * Amount of items to scroll within a single swipe.\n   * Should never be greater than showAmount, otherwise some elements will be skipped.\n   */\n  scrollAmount: number;\n\n  /**\n   * Spacing between elements.\n   * Must be one of [nano, micro, mili, centi, deca, kilo, mega, giga, tera, peta, hexa]\n   */\n  spacing?: SpacingType;\n}\n\nconst SnappingSlider: React.FC<SnappingSliderProps> = ({\n  children,\n  showAmount,\n  scrollAmount,\n  spacing,\n  ...rest\n}) => {\n  const theme = useTheme() as ThemeProp;\n\n  const childCount = React.Children.count(children);\n  const screenWidth = Dimensions.get('window').width;\n  const totalSlideWidth = Math.round(screenWidth / showAmount);\n  const horizontalPadding = spacing\n    ? extractNumbersFromString(theme.spacing[spacing]) / 2\n    : 0;\n\n  const snapToOffsets = [\n    ...Array(Math.ceil(childCount / scrollAmount)).keys(),\n  ].map(index => {\n    const offset = totalSlideWidth * scrollAmount * index;\n    const padCompensation = horizontalPadding * Math.sign(index);\n    return offset + padCompensation;\n  });\n\n  return (\n    <ScrollView\n      horizontal\n      snapToOffsets={snapToOffsets}\n      snapToStart\n      snapToEnd\n      showsHorizontalScrollIndicator={false}\n      {...rest}\n    >\n      {React.Children.map(children, (child, index) => {\n        const isFirst = index === 0;\n        const isLast = index === childCount - 1;\n\n        return (\n          <View\n            style={{\n              width: totalSlideWidth,\n              paddingHorizontal: horizontalPadding,\n              paddingLeft: isFirst ? 0 : horizontalPadding,\n              paddingRight: isLast ? 0 : horizontalPadding,\n            }}\n          >\n            {child}\n          </View>\n        );\n      })}\n    </ScrollView>\n  );\n};\n\nexport default SnappingSlider;\n"],"names":[],"mappings":";;;;;AA8BA,MAAM,iBAAgD,CAAC;AAAA,EACrD,QAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,EAAA,MAAM,UAAa,GAAA,KAAA,CAAM,QAAS,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAChD,EAAA,MAAM,WAAc,GAAA,UAAA,CAAW,GAAI,CAAA,QAAQ,CAAE,CAAA,KAAA,CAAA;AAC7C,EAAA,MAAM,eAAkB,GAAA,IAAA,CAAK,KAAM,CAAA,WAAA,GAAc,UAAU,CAAA,CAAA;AAC3D,EAAM,MAAA,iBAAA,GAAoB,UACtB,wBAAyB,CAAA,KAAA,CAAM,QAAQ,OAAO,CAAC,IAAI,CACnD,GAAA,CAAA,CAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA;AAAA,IACpB,GAAG,MAAM,IAAK,CAAA,IAAA,CAAK,aAAa,YAAY,CAAC,EAAE,IAAK,EAAA;AAAA,GACtD,CAAE,IAAI,CAAS,KAAA,KAAA;AACb,IAAM,MAAA,MAAA,GAAS,kBAAkB,YAAe,GAAA,KAAA,CAAA;AAChD,IAAA,MAAM,eAAkB,GAAA,iBAAA,GAAoB,IAAK,CAAA,IAAA,CAAK,KAAK,CAAA,CAAA;AAC3D,IAAA,OAAO,MAAS,GAAA,eAAA,CAAA;AAAA,GACjB,CAAA,CAAA;AAED,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,UAAU,EAAA,IAAA;AAAA,MACV,aAAA;AAAA,MACA,WAAW,EAAA,IAAA;AAAA,MACX,SAAS,EAAA,IAAA;AAAA,MACT,8BAAgC,EAAA,KAAA;AAAA,MAC/B,GAAG,IAAA;AAAA,KAAA;AAAA,IAEH,MAAM,QAAS,CAAA,GAAA,CAAI,QAAU,EAAA,CAAC,OAAO,KAAU,KAAA;AAC9C,MAAA,MAAM,UAAU,KAAU,KAAA,CAAA,CAAA;AAC1B,MAAM,MAAA,MAAA,GAAS,UAAU,UAAa,GAAA,CAAA,CAAA;AAEtC,MACE,uBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,KAAO,EAAA;AAAA,YACL,KAAO,EAAA,eAAA;AAAA,YACP,iBAAmB,EAAA,iBAAA;AAAA,YACnB,WAAA,EAAa,UAAU,CAAI,GAAA,iBAAA;AAAA,YAC3B,YAAA,EAAc,SAAS,CAAI,GAAA,iBAAA;AAAA,WAC7B;AAAA,SAAA;AAAA,QAEC,KAAA;AAAA,OACH,CAAA;AAAA,KAEH,CAAA;AAAA,GACH,CAAA;AAEJ;;;;"}

package/dist/esm/components/atoms/Tag/Tag.js

@@ -3,16 +3,23 @@ import { Tag as Tag$1 } from '@tecsinapse/react-core';
 import Text from '../Text/Text.js';
 
 const Tag = ({ value, ...rest }) => {
-  return /* @__PURE__ */ React__default.createElement(Tag$1, {
-    value: /* @__PURE__ */ React__default.createElement(Text, {
-      colorVariant: "secondary",
-      colorTone: "dark",
-      fontStack: "default",
-      fontWeight: "bold",
-      typography: rest.variant === "small" ? "sub" : "base"
-    }, value),
-    ...rest
-  });
+  return /* @__PURE__ */ React__default.createElement(
+    Tag$1,
+    {
+      value: /* @__PURE__ */ React__default.createElement(
+        Text,
+        {
+          colorVariant: "secondary",
+          colorTone: "dark",
+          fontStack: "default",
+          fontWeight: "bold",
+          typography: rest.variant === "small" ? "sub" : "base"
+        },
+        value
+      ),
+      ...rest
+    }
+  );
 };
 
 export { Tag as default };

package/dist/esm/components/atoms/Tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../../../../../src/components/atoms/Tag/Tag.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n  Tag as TagCore,\n  TagProps as TagCoreProps,\n} from '@tecsinapse/react-core';\nimport { Text } from '../Text';\n\nexport interface TagProps extends Omit<TagCoreProps, 'value'> {\n  value: string | ReactNode;\n}\n\nconst Tag: React.FC<TagProps> = ({ value, ...rest }): JSX.Element => {\n  return (\n    <TagCore\n      value={\n        <Text\n          colorVariant=\"secondary\"\n          colorTone=\"dark\"\n          fontStack=\"default\"\n          fontWeight=\"bold\"\n          typography={rest.variant === 'small' ? 'sub' : 'base'}\n        >\n          {value}\n        </Text>\n      }\n      {...rest}\n    />\n  );\n};\n\nexport default Tag;\n"],"names":["React","TagCore"],"mappings":";;;;AAWA,MAAM,GAA0B,GAAA,CAAC,EAAE,KAAA,EAAA,GAAU,MAAwB,KAAA;AACnE,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAAC,KAAA,EAAA;AAAA,IACC,uBACGD,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,MACC,YAAa,EAAA,WAAA;AAAA,MACb,SAAU,EAAA,MAAA;AAAA,MACV,SAAU,EAAA,SAAA;AAAA,MACV,UAAW,EAAA,MAAA;AAAA,MACX,UAAY,EAAA,IAAA,CAAK,OAAY,KAAA,OAAA,GAAU,KAAQ,GAAA,MAAA;AAAA,KAAA,EAE9C,KACH,CAAA;AAAA,IAED,GAAG,IAAA;AAAA,GACN,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Tag.js","sources":["../../../../../src/components/atoms/Tag/Tag.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n  Tag as TagCore,\n  TagProps as TagCoreProps,\n} from '@tecsinapse/react-core';\nimport { Text } from '../Text';\n\nexport interface TagProps extends Omit<TagCoreProps, 'value'> {\n  value: string | ReactNode;\n}\n\nconst Tag: React.FC<TagProps> = ({ value, ...rest }): JSX.Element => {\n  return (\n    <TagCore\n      value={\n        <Text\n          colorVariant=\"secondary\"\n          colorTone=\"dark\"\n          fontStack=\"default\"\n          fontWeight=\"bold\"\n          typography={rest.variant === 'small' ? 'sub' : 'base'}\n        >\n          {value}\n        </Text>\n      }\n      {...rest}\n    />\n  );\n};\n\nexport default Tag;\n"],"names":["React","TagCore"],"mappings":";;;;AAWA,MAAM,MAA0B,CAAC,EAAE,KAAO,EAAA,GAAG,MAAwB,KAAA;AACnE,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAACC,KAAA;AAAA,IAAA;AAAA,MACC,KACE,kBAAAD,cAAA,CAAA,aAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,YAAa,EAAA,WAAA;AAAA,UACb,SAAU,EAAA,MAAA;AAAA,UACV,SAAU,EAAA,SAAA;AAAA,UACV,UAAW,EAAA,MAAA;AAAA,UACX,UAAY,EAAA,IAAA,CAAK,OAAY,KAAA,OAAA,GAAU,KAAQ,GAAA,MAAA;AAAA,SAAA;AAAA,QAE9C,KAAA;AAAA,OACH;AAAA,MAED,GAAG,IAAA;AAAA,KAAA;AAAA,GACN,CAAA;AAEJ;;;;"}

package/dist/esm/components/atoms/Text/Text.d.ts

@@ -1,5 +1,5 @@
 import { TextProps } from '@tecsinapse/react-core';
 import { FC } from 'react';
-export declare type TextNativeProps = TextProps;
+export type TextNativeProps = TextProps;
 declare const Text: FC<TextNativeProps>;
 export default Text;

package/dist/esm/components/atoms/Text/Text.js

@@ -2,9 +2,7 @@ import React__default from 'react';
 import { StyledNativeText } from './styled.js';
 
 const Text = ({ children, ...rest }) => {
-  return /* @__PURE__ */ React__default.createElement(StyledNativeText, {
-    ...rest
-  }, children);
+  return /* @__PURE__ */ React__default.createElement(StyledNativeText, { ...rest }, children);
 };
 
 export { Text as default };

package/dist/esm/components/atoms/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../../../../../src/components/atoms/Text/Text.tsx"],"sourcesContent":["import { TextProps } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { StyledNativeText } from './styled';\n\nexport type TextNativeProps = TextProps;\n\nconst Text: FC<TextNativeProps> = ({ children, ...rest }): JSX.Element => {\n  return <StyledNativeText {...rest}>{children}</StyledNativeText>;\n};\n\nexport default Text;\n"],"names":["React"],"mappings":";;;AAMA,MAAM,IAA4B,GAAA,CAAC,EAAE,QAAA,EAAA,GAAa,MAAwB,KAAA;AACxE,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,gBAAA,EAAA;AAAA,IAAkB,GAAG,IAAA;AAAA,GAAA,EAAO,QAAS,CAAA,CAAA;AAC/C;;;;"}
+{"version":3,"file":"Text.js","sources":["../../../../../src/components/atoms/Text/Text.tsx"],"sourcesContent":["import { TextProps } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { StyledNativeText } from './styled';\n\nexport type TextNativeProps = TextProps;\n\nconst Text: FC<TextNativeProps> = ({ children, ...rest }): JSX.Element => {\n  return <StyledNativeText {...rest}>{children}</StyledNativeText>;\n};\n\nexport default Text;\n"],"names":["React"],"mappings":";;;AAMA,MAAM,OAA4B,CAAC,EAAE,QAAU,EAAA,GAAG,MAAwB,KAAA;AACxE,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,EAAkB,GAAG,IAAA,EAAA,EAAO,QAAS,CAAA,CAAA;AAC/C;;;;"}

package/dist/esm/components/atoms/Text/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Text/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport {\n  FontStackType,\n  FontWeightType,\n  StyleProps,\n  Text,\n} from '@tecsinapse/react-core';\nimport { Platform } from 'react-native';\nimport { TextNativeProps } from './Text';\n\nexport interface Font {\n  fontStack?: FontStackType;\n  fontWeight?: FontWeightType;\n}\n\nexport const fontStyles = ({\n  theme,\n  fontStack = 'default',\n  fontWeight = 'regular',\n}: Partial<Font & Partial<StyleProps>>) => {\n  const fontFamily = theme?.font.stack[fontStack] || '';\n  const fontStyle = theme?.font.files[fontWeight];\n  return css`\n    ${Platform.OS === 'android' ? 'font-weight: normal;' : undefined}\n    font-family: ${fontStyle?.replace('{0}', fontFamily)};\n  `;\n};\n\nexport const StyledNativeText = styled(Text)<\n  Font & Partial<TextNativeProps> & Partial<StyleProps>\n>(fontStyles);\n"],"names":[],"mappings":";;;;AAeO,MAAM,aAAa,CAAC;AAAA,EACzB,KAAA;AAAA,EACA,SAAY,GAAA,SAAA;AAAA,EACZ,UAAa,GAAA,SAAA;AACf,CAA2C,KAAA;AACzC,EAAA,MAAM,UAAa,GAAA,KAAA,EAAO,IAAK,CAAA,KAAA,CAAM,SAAc,CAAA,IAAA,EAAA,CAAA;AACnD,EAAM,MAAA,SAAA,GAAY,KAAO,EAAA,IAAA,CAAK,KAAM,CAAA,UAAA,CAAA,CAAA;AACpC,EAAO,OAAA,GAAA,CAAA;AAAA,IACH,EAAA,QAAA,CAAS,EAAO,KAAA,SAAA,GAAY,sBAAyB,GAAA,KAAA,CAAA,CAAA;AAAA,iBACxC,EAAA,SAAA,EAAW,OAAQ,CAAA,KAAA,EAAO,UAAU,CAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAEvD,EAAA;AAEO,MAAM,gBAAmB,GAAA,MAAA,CAAO,IAAI,CAAA,CAEzC,UAAU;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Text/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport {\n  FontStackType,\n  FontWeightType,\n  StyleProps,\n  Text,\n} from '@tecsinapse/react-core';\nimport { Platform } from 'react-native';\nimport { TextNativeProps } from './Text';\n\nexport interface Font {\n  fontStack?: FontStackType;\n  fontWeight?: FontWeightType;\n}\n\nexport const fontStyles = ({\n  theme,\n  fontStack = 'default',\n  fontWeight = 'regular',\n}: Partial<Font & Partial<StyleProps>>) => {\n  const fontFamily = theme?.font.stack[fontStack] || '';\n  const fontStyle = theme?.font.files[fontWeight];\n  return css`\n    ${Platform.OS === 'android' ? 'font-weight: normal;' : undefined}\n    font-family: ${fontStyle?.replace('{0}', fontFamily)};\n  `;\n};\n\nexport const StyledNativeText = styled(Text)<\n  Font & Partial<TextNativeProps> & Partial<StyleProps>\n>(fontStyles);\n"],"names":[],"mappings":";;;;AAeO,MAAM,aAAa,CAAC;AAAA,EACzB,KAAA;AAAA,EACA,SAAY,GAAA,SAAA;AAAA,EACZ,UAAa,GAAA,SAAA;AACf,CAA2C,KAAA;AACzC,EAAA,MAAM,UAAa,GAAA,KAAA,EAAO,IAAK,CAAA,KAAA,CAAM,SAAS,CAAK,IAAA,EAAA,CAAA;AACnD,EAAA,MAAM,SAAY,GAAA,KAAA,EAAO,IAAK,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAC9C,EAAO,OAAA,GAAA,CAAA;AAAA,IACH,EAAA,QAAA,CAAS,EAAO,KAAA,SAAA,GAAY,sBAAyB,GAAA,KAAA,CAAA,CAAA;AAAA,iBACxC,EAAA,SAAA,EAAW,OAAQ,CAAA,KAAA,EAAO,UAAU,CAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAEvD,EAAA;AAEO,MAAM,gBAAmB,GAAA,MAAA,CAAO,IAAI,CAAA,CAEzC,UAAU;;;;"}

package/dist/esm/components/atoms/TextArea/TextArea.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
 import { TextAreaProps as ITACore } from '@tecsinapse/react-core';
-export declare type TextAreaProps = Omit<ITACore, 'TextComponent' | 'focused'>;
+export type TextAreaProps = Omit<ITACore, 'TextComponent' | 'focused'>;
 declare const TextArea: FC<TextAreaProps>;
 export default TextArea;

package/dist/esm/components/atoms/TextArea/TextArea.js

@@ -34,41 +34,48 @@ const TextArea = ({
     onBlur,
     !disabled
   );
-  return /* @__PURE__ */ React__default.createElement(TextArea$1, {
-    label,
-    labelColor,
-    labelColorVariant,
-    labelColorTone,
-    labelTypography,
-    labelStack,
-    labelWeight,
-    LabelComponent: Text,
-    leftComponent,
-    rightComponent,
-    borderColor,
-    borderColorGradation,
-    inputContainerStyle,
-    focused,
-    disabled,
-    variant,
-    value,
-    hintComponent,
-    hint,
-    style,
-    TextComponent: Text,
-    maxLength
-  }, /* @__PURE__ */ React__default.createElement(StyledNativeInput, {
-    ...rest,
-    fontStack: inputFontStack,
-    fontWeight: inputFontWeight,
-    disabled,
-    onFocus: handleFocus,
-    onBlur: handleBlur,
-    textAlignVertical: "top",
-    multiline: true,
-    value,
-    maxLength
-  }));
+  return /* @__PURE__ */ React__default.createElement(
+    TextArea$1,
+    {
+      label,
+      labelColor,
+      labelColorVariant,
+      labelColorTone,
+      labelTypography,
+      labelStack,
+      labelWeight,
+      LabelComponent: Text,
+      leftComponent,
+      rightComponent,
+      borderColor,
+      borderColorGradation,
+      inputContainerStyle,
+      focused,
+      disabled,
+      variant,
+      value,
+      hintComponent,
+      hint,
+      style,
+      TextComponent: Text,
+      maxLength
+    },
+    /* @__PURE__ */ React__default.createElement(
+      StyledNativeInput,
+      {
+        ...rest,
+        fontStack: inputFontStack,
+        fontWeight: inputFontWeight,
+        disabled,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        textAlignVertical: "top",
+        multiline: true,
+        value,
+        maxLength
+      }
+    )
+  );
 };
 
 export { TextArea as default };

package/dist/esm/components/atoms/TextArea/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sources":["../../../../../src/components/atoms/TextArea/TextArea.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n  useInputFocus,\n  TextAreaProps as ITACore,\n  TextArea as TACore,\n} from '@tecsinapse/react-core';\nimport { Text } from '../Text';\nimport { StyledNativeInput } from './styled';\n\nexport type TextAreaProps = Omit<ITACore, 'TextComponent' | 'focused'>;\n\nconst TextArea: FC<TextAreaProps> = ({\n  label,\n  labelColor,\n  labelColorVariant,\n  labelColorTone,\n  labelTypography,\n  labelStack,\n  labelWeight,\n  leftComponent,\n  rightComponent,\n  disabled,\n  style,\n  borderColor,\n  borderColorGradation,\n  inputFontStack = 'default',\n  inputFontWeight = 'bold',\n  inputContainerStyle,\n  variant = 'default',\n  hintComponent,\n  hint,\n  onFocus,\n  onBlur,\n  value,\n  maxLength,\n  ...rest\n}) => {\n  const { focused, handleBlur, handleFocus } = useInputFocus(\n    onFocus,\n    onBlur,\n    !disabled\n  );\n\n  return (\n    <TACore\n      label={label}\n      labelColor={labelColor}\n      labelColorVariant={labelColorVariant}\n      labelColorTone={labelColorTone}\n      labelTypography={labelTypography}\n      labelStack={labelStack}\n      labelWeight={labelWeight}\n      LabelComponent={Text}\n      leftComponent={leftComponent}\n      rightComponent={rightComponent}\n      borderColor={borderColor}\n      borderColorGradation={borderColorGradation}\n      inputContainerStyle={inputContainerStyle}\n      focused={focused}\n      disabled={disabled}\n      variant={variant}\n      value={value}\n      hintComponent={hintComponent}\n      hint={hint}\n      style={style}\n      TextComponent={Text}\n      maxLength={maxLength}\n    >\n      <StyledNativeInput\n        {...rest}\n        fontStack={inputFontStack}\n        fontWeight={inputFontWeight}\n        disabled={disabled}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        textAlignVertical={'top'}\n        multiline\n        value={value}\n        maxLength={maxLength}\n      />\n    </TACore>\n  );\n};\n\nexport default TextArea;\n"],"names":["React","TACore"],"mappings":";;;;;AAWA,MAAM,WAA8B,CAAC;AAAA,EACnC,KAAA;AAAA,EACA,UAAA;AAAA,EACA,iBAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,oBAAA;AAAA,EACA,cAAiB,GAAA,SAAA;AAAA,EACjB,eAAkB,GAAA,MAAA;AAAA,EAClB,mBAAA;AAAA,EACA,OAAU,GAAA,SAAA;AAAA,EACV,aAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,EAAE,OAAA,EAAS,UAAY,EAAA,WAAA,EAAgB,GAAA,aAAA;AAAA,IAC3C,OAAA;AAAA,IACA,MAAA;AAAA,IACA,CAAC,QAAA;AAAA,GACH,CAAA;AAEA,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAAC,UAAA,EAAA;AAAA,IACC,KAAA;AAAA,IACA,UAAA;AAAA,IACA,iBAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAgB,EAAA,IAAA;AAAA,IAChB,aAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,oBAAA;AAAA,IACA,mBAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAe,EAAA,IAAA;AAAA,IACf,SAAA;AAAA,GAAA,kBAECD,cAAA,CAAA,aAAA,CAAA,iBAAA,EAAA;AAAA,IACE,GAAG,IAAA;AAAA,IACJ,SAAW,EAAA,cAAA;AAAA,IACX,UAAY,EAAA,eAAA;AAAA,IACZ,QAAA;AAAA,IACA,OAAS,EAAA,WAAA;AAAA,IACT,MAAQ,EAAA,UAAA;AAAA,IACR,iBAAmB,EAAA,KAAA;AAAA,IACnB,SAAS,EAAA,IAAA;AAAA,IACT,KAAA;AAAA,IACA,SAAA;AAAA,GACF,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TextArea.js","sources":["../../../../../src/components/atoms/TextArea/TextArea.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n  useInputFocus,\n  TextAreaProps as ITACore,\n  TextArea as TACore,\n} from '@tecsinapse/react-core';\nimport { Text } from '../Text';\nimport { StyledNativeInput } from './styled';\n\nexport type TextAreaProps = Omit<ITACore, 'TextComponent' | 'focused'>;\n\nconst TextArea: FC<TextAreaProps> = ({\n  label,\n  labelColor,\n  labelColorVariant,\n  labelColorTone,\n  labelTypography,\n  labelStack,\n  labelWeight,\n  leftComponent,\n  rightComponent,\n  disabled,\n  style,\n  borderColor,\n  borderColorGradation,\n  inputFontStack = 'default',\n  inputFontWeight = 'bold',\n  inputContainerStyle,\n  variant = 'default',\n  hintComponent,\n  hint,\n  onFocus,\n  onBlur,\n  value,\n  maxLength,\n  ...rest\n}) => {\n  const { focused, handleBlur, handleFocus } = useInputFocus(\n    onFocus,\n    onBlur,\n    !disabled\n  );\n\n  return (\n    <TACore\n      label={label}\n      labelColor={labelColor}\n      labelColorVariant={labelColorVariant}\n      labelColorTone={labelColorTone}\n      labelTypography={labelTypography}\n      labelStack={labelStack}\n      labelWeight={labelWeight}\n      LabelComponent={Text}\n      leftComponent={leftComponent}\n      rightComponent={rightComponent}\n      borderColor={borderColor}\n      borderColorGradation={borderColorGradation}\n      inputContainerStyle={inputContainerStyle}\n      focused={focused}\n      disabled={disabled}\n      variant={variant}\n      value={value}\n      hintComponent={hintComponent}\n      hint={hint}\n      style={style}\n      TextComponent={Text}\n      maxLength={maxLength}\n    >\n      <StyledNativeInput\n        {...rest}\n        fontStack={inputFontStack}\n        fontWeight={inputFontWeight}\n        disabled={disabled}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        textAlignVertical={'top'}\n        multiline\n        value={value}\n        maxLength={maxLength}\n      />\n    </TACore>\n  );\n};\n\nexport default TextArea;\n"],"names":["React","TACore"],"mappings":";;;;;AAWA,MAAM,WAA8B,CAAC;AAAA,EACnC,KAAA;AAAA,EACA,UAAA;AAAA,EACA,iBAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,oBAAA;AAAA,EACA,cAAiB,GAAA,SAAA;AAAA,EACjB,eAAkB,GAAA,MAAA;AAAA,EAClB,mBAAA;AAAA,EACA,OAAU,GAAA,SAAA;AAAA,EACV,aAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,EAAE,OAAA,EAAS,UAAY,EAAA,WAAA,EAAgB,GAAA,aAAA;AAAA,IAC3C,OAAA;AAAA,IACA,MAAA;AAAA,IACA,CAAC,QAAA;AAAA,GACH,CAAA;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAACC,UAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,UAAA;AAAA,MACA,iBAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,cAAgB,EAAA,IAAA;AAAA,MAChB,aAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA,oBAAA;AAAA,MACA,mBAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,KAAA;AAAA,MACA,aAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA,aAAe,EAAA,IAAA;AAAA,MACf,SAAA;AAAA,KAAA;AAAA,oBAEAD,cAAA,CAAA,aAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACE,GAAG,IAAA;AAAA,QACJ,SAAW,EAAA,cAAA;AAAA,QACX,UAAY,EAAA,eAAA;AAAA,QACZ,QAAA;AAAA,QACA,OAAS,EAAA,WAAA;AAAA,QACT,MAAQ,EAAA,UAAA;AAAA,QACR,iBAAmB,EAAA,KAAA;AAAA,QACnB,SAAS,EAAA,IAAA;AAAA,QACT,KAAA;AAAA,QACA,SAAA;AAAA,OAAA;AAAA,KACF;AAAA,GACF,CAAA;AAEJ;;;;"}

package/dist/esm/components/molecules/Calendar/Calendar.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const Calendar: <T extends SelectionType>({ locale, ...rest }: CalendarProps<T>) => JSX.Element;

package/dist/esm/components/molecules/Calendar/Calendar.js

@@ -7,11 +7,14 @@ const Calendar = ({
   locale,
   ...rest
 }) => {
-  return /* @__PURE__ */ React__default.createElement(Calendar$1, {
-    ...rest,
-    TextComponent: Text,
-    locale: locale ?? getLocale()
-  });
+  return /* @__PURE__ */ React__default.createElement(
+    Calendar$1,
+    {
+      ...rest,
+      TextComponent: Text,
+      locale: locale ?? getLocale()
+    }
+  );
 };
 
 export { Calendar };

package/dist/esm/components/molecules/Calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","sources":["../../../../../src/components/molecules/Calendar/Calendar.tsx"],"sourcesContent":["import {\n  Calendar as CalendarCore,\n  CalendarProps,\n  SelectionType,\n} from '@tecsinapse/react-core';\nimport React from 'react';\nimport { getLocale } from '../../../utils/date';\nimport { Text } from '../../atoms/Text';\n\nexport const Calendar = <T extends SelectionType>({\n  locale,\n  ...rest\n}: CalendarProps<T>): JSX.Element => {\n  return (\n    <CalendarCore\n      {...rest}\n      TextComponent={Text}\n      locale={locale ?? getLocale()}\n    />\n  );\n};\n"],"names":["React","CalendarCore"],"mappings":";;;;;AASO,MAAM,WAAW,CAA0B;AAAA,EAChD,MAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAqC,KAAA;AACnC,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAAC,UAAA,EAAA;AAAA,IACE,GAAG,IAAA;AAAA,IACJ,aAAe,EAAA,IAAA;AAAA,IACf,MAAA,EAAQ,UAAU,SAAU,EAAA;AAAA,GAC9B,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Calendar.js","sources":["../../../../../src/components/molecules/Calendar/Calendar.tsx"],"sourcesContent":["import {\n  Calendar as CalendarCore,\n  CalendarProps,\n  SelectionType,\n} from '@tecsinapse/react-core';\nimport React from 'react';\nimport { getLocale } from '../../../utils/date';\nimport { Text } from '../../atoms/Text';\n\nexport const Calendar = <T extends SelectionType>({\n  locale,\n  ...rest\n}: CalendarProps<T>): JSX.Element => {\n  return (\n    <CalendarCore\n      {...rest}\n      TextComponent={Text}\n      locale={locale ?? getLocale()}\n    />\n  );\n};\n"],"names":["React","CalendarCore"],"mappings":";;;;;AASO,MAAM,WAAW,CAA0B;AAAA,EAChD,MAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAqC,KAAA;AACnC,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAACC,UAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,aAAe,EAAA,IAAA;AAAA,MACf,MAAA,EAAQ,UAAU,SAAU,EAAA;AAAA,KAAA;AAAA,GAC9B,CAAA;AAEJ;;;;"}

package/dist/esm/components/molecules/DatePicker/DatePicker.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DatePickerProps, SelectionType } from '@tecsinapse/react-core';
-export declare type NativeDatePickerProps<T extends SelectionType> = Omit<DatePickerProps<T>, 'CalendarComponent' | 'renderCalendar' | 'requestCloseCalendar' | 'requestShowCalendar'>;
+export type NativeDatePickerProps<T extends SelectionType> = Omit<DatePickerProps<T>, 'CalendarComponent' | 'renderCalendar' | 'requestCloseCalendar' | 'requestShowCalendar'>;
 export declare const DatePicker: <T extends SelectionType>({ locale, onChange, ...rest }: NativeDatePickerProps<T>) => JSX.Element;

package/dist/esm/components/molecules/DatePicker/DatePicker.js

@@ -19,24 +19,22 @@ const DatePicker = ({
     onChange?.(value);
     modal.requestUpdate();
   };
-  return /* @__PURE__ */ React__default.createElement(DatePicker$1, {
-    ...rest,
-    TextComponent: Text,
-    CalendarComponent: Calendar,
-    locale: locale ?? getLocale(),
-    onChange: handleChange,
-    requestShowCalendar: () => modal.show(),
-    requestCloseCalendar: () => modal.close(),
-    renderCalendar: (calendar, blur) => modal.sync(/* @__PURE__ */ React__default.createElement(NativeModal, {
-      onClose: blur
-    }, calendar))
-  });
+  return /* @__PURE__ */ React__default.createElement(
+    DatePicker$1,
+    {
+      ...rest,
+      TextComponent: Text,
+      CalendarComponent: Calendar,
+      locale: locale ?? getLocale(),
+      onChange: handleChange,
+      requestShowCalendar: () => modal.show(),
+      requestCloseCalendar: () => modal.close(),
+      renderCalendar: (calendar, blur) => modal.sync(/* @__PURE__ */ React__default.createElement(NativeModal, { onClose: blur }, calendar))
+    }
+  );
 };
 const NativeModal = ({ children, ...others }) => {
-  return /* @__PURE__ */ React__default.createElement(ModalView, {
-    BoxComponent: CalendarBoxContent,
-    ...others
-  }, children);
+  return /* @__PURE__ */ React__default.createElement(ModalView, { BoxComponent: CalendarBoxContent, ...others }, children);
 };
 
 export { DatePicker };

package/dist/esm/components/molecules/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sources":["../../../../../src/components/molecules/DatePicker/DatePicker.tsx"],"sourcesContent":["import {\n  DatePicker as DatePickerCore,\n  DatePickerProps,\n  SelectionType,\n  Value,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { getLocale } from '../../../utils/date';\nimport { IBaseModal, ModalView, useLazyModalManager } from '../../atoms/Modal';\nimport { Text } from '../../atoms/Text';\nimport { Calendar } from '../Calendar';\nimport { CalendarBoxContent } from './styled';\n\nexport type NativeDatePickerProps<T extends SelectionType> = Omit<\n  DatePickerProps<T>,\n  | 'CalendarComponent'\n  | 'renderCalendar'\n  | 'requestCloseCalendar'\n  | 'requestShowCalendar'\n>;\n\nexport const DatePicker = <T extends SelectionType>({\n  locale,\n  onChange,\n  ...rest\n}: NativeDatePickerProps<T>): JSX.Element => {\n  const modal = useLazyModalManager();\n\n  const handleChange = (value?: Value<T>) => {\n    onChange?.(value);\n    modal.requestUpdate();\n  };\n\n  return (\n    <DatePickerCore\n      {...rest}\n      TextComponent={Text}\n      CalendarComponent={Calendar}\n      locale={locale ?? getLocale()}\n      onChange={handleChange}\n      requestShowCalendar={() => modal.show()}\n      requestCloseCalendar={() => modal.close()}\n      renderCalendar={(calendar, blur) =>\n        modal.sync(<NativeModal onClose={blur}>{calendar}</NativeModal>)\n      }\n    />\n  );\n};\n\nconst NativeModal: FC<IBaseModal> = ({ children, ...others }) => {\n  return (\n    <ModalView BoxComponent={CalendarBoxContent} {...others}>\n      {children}\n    </ModalView>\n  );\n};\n"],"names":["React","DatePickerCore"],"mappings":";;;;;;;;;;;AAqBO,MAAM,aAAa,CAA0B;AAAA,EAClD,MAAA;AAAA,EACA,QAAA;AAAA,EACG,GAAA,IAAA;AACL,CAA6C,KAAA;AAC3C,EAAA,MAAM,QAAQ,mBAAoB,EAAA,CAAA;AAElC,EAAM,MAAA,YAAA,GAAe,CAAC,KAAqB,KAAA;AACzC,IAAA,QAAA,GAAW,KAAK,CAAA,CAAA;AAChB,IAAA,KAAA,CAAM,aAAc,EAAA,CAAA;AAAA,GACtB,CAAA;AAEA,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAAC,YAAA,EAAA;AAAA,IACE,GAAG,IAAA;AAAA,IACJ,aAAe,EAAA,IAAA;AAAA,IACf,iBAAmB,EAAA,QAAA;AAAA,IACnB,MAAA,EAAQ,UAAU,SAAU,EAAA;AAAA,IAC5B,QAAU,EAAA,YAAA;AAAA,IACV,mBAAA,EAAqB,MAAM,KAAA,CAAM,IAAK,EAAA;AAAA,IACtC,oBAAA,EAAsB,MAAM,KAAA,CAAM,KAAM,EAAA;AAAA,IACxC,gBAAgB,CAAC,QAAA,EAAU,IACzB,KAAA,KAAA,CAAM,qBAAMD,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA;AAAA,MAAY,OAAS,EAAA,IAAA;AAAA,KAAA,EAAO,QAAS,CAAc,CAAA;AAAA,GAEnE,CAAA,CAAA;AAEJ,EAAA;AAEA,MAAM,WAA8B,GAAA,CAAC,EAAE,QAAA,EAAA,GAAa,QAAa,KAAA;AAC/D,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAU,YAAc,EAAA,kBAAA;AAAA,IAAqB,GAAG,MAAA;AAAA,GAAA,EAC9C,QACH,CAAA,CAAA;AAEJ,CAAA;;;;"}
+{"version":3,"file":"DatePicker.js","sources":["../../../../../src/components/molecules/DatePicker/DatePicker.tsx"],"sourcesContent":["import {\n  DatePicker as DatePickerCore,\n  DatePickerProps,\n  SelectionType,\n  Value,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { getLocale } from '../../../utils/date';\nimport { IBaseModal, ModalView, useLazyModalManager } from '../../atoms/Modal';\nimport { Text } from '../../atoms/Text';\nimport { Calendar } from '../Calendar';\nimport { CalendarBoxContent } from './styled';\n\nexport type NativeDatePickerProps<T extends SelectionType> = Omit<\n  DatePickerProps<T>,\n  | 'CalendarComponent'\n  | 'renderCalendar'\n  | 'requestCloseCalendar'\n  | 'requestShowCalendar'\n>;\n\nexport const DatePicker = <T extends SelectionType>({\n  locale,\n  onChange,\n  ...rest\n}: NativeDatePickerProps<T>): JSX.Element => {\n  const modal = useLazyModalManager();\n\n  const handleChange = (value?: Value<T>) => {\n    onChange?.(value);\n    modal.requestUpdate();\n  };\n\n  return (\n    <DatePickerCore\n      {...rest}\n      TextComponent={Text}\n      CalendarComponent={Calendar}\n      locale={locale ?? getLocale()}\n      onChange={handleChange}\n      requestShowCalendar={() => modal.show()}\n      requestCloseCalendar={() => modal.close()}\n      renderCalendar={(calendar, blur) =>\n        modal.sync(<NativeModal onClose={blur}>{calendar}</NativeModal>)\n      }\n    />\n  );\n};\n\nconst NativeModal: FC<IBaseModal> = ({ children, ...others }) => {\n  return (\n    <ModalView BoxComponent={CalendarBoxContent} {...others}>\n      {children}\n    </ModalView>\n  );\n};\n"],"names":["React","DatePickerCore"],"mappings":";;;;;;;;;;;AAqBO,MAAM,aAAa,CAA0B;AAAA,EAClD,MAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAA6C,KAAA;AAC3C,EAAA,MAAM,QAAQ,mBAAoB,EAAA,CAAA;AAElC,EAAM,MAAA,YAAA,GAAe,CAAC,KAAqB,KAAA;AACzC,IAAA,QAAA,GAAW,KAAK,CAAA,CAAA;AAChB,IAAA,KAAA,CAAM,aAAc,EAAA,CAAA;AAAA,GACtB,CAAA;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAACC,YAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,aAAe,EAAA,IAAA;AAAA,MACf,iBAAmB,EAAA,QAAA;AAAA,MACnB,MAAA,EAAQ,UAAU,SAAU,EAAA;AAAA,MAC5B,QAAU,EAAA,YAAA;AAAA,MACV,mBAAA,EAAqB,MAAM,KAAA,CAAM,IAAK,EAAA;AAAA,MACtC,oBAAA,EAAsB,MAAM,KAAA,CAAM,KAAM,EAAA;AAAA,MACxC,cAAA,EAAgB,CAAC,QAAA,EAAU,IACzB,KAAA,KAAA,CAAM,IAAK,iBAAAD,cAAA,CAAA,aAAA,CAAC,WAAY,EAAA,EAAA,OAAA,EAAS,IAAO,EAAA,EAAA,QAAS,CAAc,CAAA;AAAA,KAAA;AAAA,GAEnE,CAAA;AAEJ,EAAA;AAEA,MAAM,cAA8B,CAAC,EAAE,QAAU,EAAA,GAAG,QAAa,KAAA;AAC/D,EAAA,oDACG,SAAU,EAAA,EAAA,YAAA,EAAc,kBAAqB,EAAA,GAAG,UAC9C,QACH,CAAA,CAAA;AAEJ,CAAA;;;;"}

package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.d.ts

@@ -1,4 +1,4 @@
 import { DateTimePickerProps } from '@tecsinapse/react-core';
 import { FC } from 'react';
-export declare type NativeDateTimePickerProps = Omit<DateTimePickerProps, 'DateTimeSelectorComponent' | 'renderSelector' | 'requestCloseSelector' | 'requestShowSelector'>;
+export type NativeDateTimePickerProps = Omit<DateTimePickerProps, 'DateTimeSelectorComponent' | 'renderSelector' | 'requestCloseSelector' | 'requestShowSelector'>;
 export declare const DateTimePicker: FC<NativeDateTimePickerProps>;

package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.js

@@ -13,22 +13,21 @@ const DateTimePicker = ({
   ...rest
 }) => {
   const modal = useLazyModalManager();
-  return /* @__PURE__ */ React__default.createElement(DateTimePicker$1, {
-    ...rest,
-    TextComponent: Text,
-    DateTimeSelectorComponent: DateTimeSelector,
-    locale: locale ?? getLocale(),
-    requestShowSelector: () => modal.show(),
-    requestCloseSelector: () => modal.close(),
-    renderSelector: (selector, blur) => modal.sync(/* @__PURE__ */ React__default.createElement(NativeModal, {
-      onClose: blur
-    }, selector))
-  });
+  return /* @__PURE__ */ React__default.createElement(
+    DateTimePicker$1,
+    {
+      ...rest,
+      TextComponent: Text,
+      DateTimeSelectorComponent: DateTimeSelector,
+      locale: locale ?? getLocale(),
+      requestShowSelector: () => modal.show(),
+      requestCloseSelector: () => modal.close(),
+      renderSelector: (selector, blur) => modal.sync(/* @__PURE__ */ React__default.createElement(NativeModal, { onClose: blur }, selector))
+    }
+  );
 };
 const NativeModal = ({ children, ...others }) => {
-  return /* @__PURE__ */ React__default.createElement(ModalView, {
-    ...others
-  }, children);
+  return /* @__PURE__ */ React__default.createElement(ModalView, { ...others }, children);
 };
 
 export { DateTimePicker };

package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker.js","sources":["../../../../../src/components/molecules/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import {\n  DateTimePicker as DateTimePickerCore,\n  DateTimePickerProps,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { getLocale } from '../../../utils/date';\nimport { IBaseModal, ModalView, useLazyModalManager } from '../../atoms/Modal';\nimport { Text } from '../../atoms/Text';\nimport { DateTimeSelector } from '../DateTimeSelector';\n\nexport type NativeDateTimePickerProps = Omit<\n  DateTimePickerProps,\n  | 'DateTimeSelectorComponent'\n  | 'renderSelector'\n  | 'requestCloseSelector'\n  | 'requestShowSelector'\n>;\n\nexport const DateTimePicker: FC<NativeDateTimePickerProps> = ({\n  locale,\n  ...rest\n}) => {\n  const modal = useLazyModalManager();\n\n  return (\n    <DateTimePickerCore\n      {...rest}\n      TextComponent={Text}\n      DateTimeSelectorComponent={DateTimeSelector}\n      locale={locale ?? getLocale()}\n      requestShowSelector={() => modal.show()}\n      requestCloseSelector={() => modal.close()}\n      renderSelector={(selector, blur) =>\n        modal.sync(<NativeModal onClose={blur}>{selector}</NativeModal>)\n      }\n    />\n  );\n};\n\nconst NativeModal: FC<IBaseModal> = ({ children, ...others }) => {\n  return <ModalView {...others}>{children}</ModalView>;\n};\n"],"names":["React","DateTimePickerCore"],"mappings":";;;;;;;;;;AAkBO,MAAM,iBAAgD,CAAC;AAAA,EAC5D,MAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,QAAQ,mBAAoB,EAAA,CAAA;AAElC,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAAC,gBAAA,EAAA;AAAA,IACE,GAAG,IAAA;AAAA,IACJ,aAAe,EAAA,IAAA;AAAA,IACf,yBAA2B,EAAA,gBAAA;AAAA,IAC3B,MAAA,EAAQ,UAAU,SAAU,EAAA;AAAA,IAC5B,mBAAA,EAAqB,MAAM,KAAA,CAAM,IAAK,EAAA;AAAA,IACtC,oBAAA,EAAsB,MAAM,KAAA,CAAM,KAAM,EAAA;AAAA,IACxC,gBAAgB,CAAC,QAAA,EAAU,IACzB,KAAA,KAAA,CAAM,qBAAMD,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA;AAAA,MAAY,OAAS,EAAA,IAAA;AAAA,KAAA,EAAO,QAAS,CAAc,CAAA;AAAA,GAEnE,CAAA,CAAA;AAEJ,EAAA;AAEA,MAAM,WAA8B,GAAA,CAAC,EAAE,QAAA,EAAA,GAAa,QAAa,KAAA;AAC/D,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAW,GAAG,MAAA;AAAA,GAAA,EAAS,QAAS,CAAA,CAAA;AAC1C,CAAA;;;;"}
+{"version":3,"file":"DateTimePicker.js","sources":["../../../../../src/components/molecules/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import {\n  DateTimePicker as DateTimePickerCore,\n  DateTimePickerProps,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { getLocale } from '../../../utils/date';\nimport { IBaseModal, ModalView, useLazyModalManager } from '../../atoms/Modal';\nimport { Text } from '../../atoms/Text';\nimport { DateTimeSelector } from '../DateTimeSelector';\n\nexport type NativeDateTimePickerProps = Omit<\n  DateTimePickerProps,\n  | 'DateTimeSelectorComponent'\n  | 'renderSelector'\n  | 'requestCloseSelector'\n  | 'requestShowSelector'\n>;\n\nexport const DateTimePicker: FC<NativeDateTimePickerProps> = ({\n  locale,\n  ...rest\n}) => {\n  const modal = useLazyModalManager();\n\n  return (\n    <DateTimePickerCore\n      {...rest}\n      TextComponent={Text}\n      DateTimeSelectorComponent={DateTimeSelector}\n      locale={locale ?? getLocale()}\n      requestShowSelector={() => modal.show()}\n      requestCloseSelector={() => modal.close()}\n      renderSelector={(selector, blur) =>\n        modal.sync(<NativeModal onClose={blur}>{selector}</NativeModal>)\n      }\n    />\n  );\n};\n\nconst NativeModal: FC<IBaseModal> = ({ children, ...others }) => {\n  return <ModalView {...others}>{children}</ModalView>;\n};\n"],"names":["React","DateTimePickerCore"],"mappings":";;;;;;;;;;AAkBO,MAAM,iBAAgD,CAAC;AAAA,EAC5D,MAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,QAAQ,mBAAoB,EAAA,CAAA;AAElC,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAACC,gBAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,aAAe,EAAA,IAAA;AAAA,MACf,yBAA2B,EAAA,gBAAA;AAAA,MAC3B,MAAA,EAAQ,UAAU,SAAU,EAAA;AAAA,MAC5B,mBAAA,EAAqB,MAAM,KAAA,CAAM,IAAK,EAAA;AAAA,MACtC,oBAAA,EAAsB,MAAM,KAAA,CAAM,KAAM,EAAA;AAAA,MACxC,cAAA,EAAgB,CAAC,QAAA,EAAU,IACzB,KAAA,KAAA,CAAM,IAAK,iBAAAD,cAAA,CAAA,aAAA,CAAC,WAAY,EAAA,EAAA,OAAA,EAAS,IAAO,EAAA,EAAA,QAAS,CAAc,CAAA;AAAA,KAAA;AAAA,GAEnE,CAAA;AAEJ,EAAA;AAEA,MAAM,cAA8B,CAAC,EAAE,QAAU,EAAA,GAAG,QAAa,KAAA;AAC/D,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAW,GAAG,MAAA,EAAA,EAAS,QAAS,CAAA,CAAA;AAC1C,CAAA;;;;"}

package/dist/esm/components/molecules/DateTimeSelector/DateTimeSelector.js

@@ -7,11 +7,14 @@ const DateTimeSelector = ({
   locale,
   ...rest
 }) => {
-  return /* @__PURE__ */ React__default.createElement(DateTimeSelector$1, {
-    ...rest,
-    TextComponent: Text,
-    locale: locale ?? getLocale()
-  });
+  return /* @__PURE__ */ React__default.createElement(
+    DateTimeSelector$1,
+    {
+      ...rest,
+      TextComponent: Text,
+      locale: locale ?? getLocale()
+    }
+  );
 };
 
 export { DateTimeSelector };

package/dist/esm/components/molecules/DateTimeSelector/DateTimeSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimeSelector.js","sources":["../../../../../src/components/molecules/DateTimeSelector/DateTimeSelector.tsx"],"sourcesContent":["import {\n  DateTimeSelector as DateTimeSelectorCore,\n  DateTimeSelectorProps,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Text } from '../../atoms/Text';\nimport { getLocale } from '../../../utils/date';\n\nexport const DateTimeSelector: FC<DateTimeSelectorProps> = ({\n  locale,\n  ...rest\n}) => {\n  return (\n    <DateTimeSelectorCore\n      {...rest}\n      TextComponent={Text}\n      locale={locale ?? getLocale()}\n    />\n  );\n};\n"],"names":["React","DateTimeSelectorCore"],"mappings":";;;;;AAQO,MAAM,mBAA8C,CAAC;AAAA,EAC1D,MAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAAC,kBAAA,EAAA;AAAA,IACE,GAAG,IAAA;AAAA,IACJ,aAAe,EAAA,IAAA;AAAA,IACf,MAAA,EAAQ,UAAU,SAAU,EAAA;AAAA,GAC9B,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"DateTimeSelector.js","sources":["../../../../../src/components/molecules/DateTimeSelector/DateTimeSelector.tsx"],"sourcesContent":["import {\n  DateTimeSelector as DateTimeSelectorCore,\n  DateTimeSelectorProps,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Text } from '../../atoms/Text';\nimport { getLocale } from '../../../utils/date';\n\nexport const DateTimeSelector: FC<DateTimeSelectorProps> = ({\n  locale,\n  ...rest\n}) => {\n  return (\n    <DateTimeSelectorCore\n      {...rest}\n      TextComponent={Text}\n      locale={locale ?? getLocale()}\n    />\n  );\n};\n"],"names":["React","DateTimeSelectorCore"],"mappings":";;;;;AAQO,MAAM,mBAA8C,CAAC;AAAA,EAC1D,MAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAACC,kBAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,aAAe,EAAA,IAAA;AAAA,MACf,MAAA,EAAQ,UAAU,SAAU,EAAA;AAAA,KAAA;AAAA,GAC9B,CAAA;AAEJ;;;;"}

package/dist/esm/components/molecules/Grid/Grid.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { ViewProps } from 'react-native';
 import { IGrid } from '@tecsinapse/react-core';
-export declare type IGridNative = IGrid & ViewProps;
+export type IGridNative = IGrid & ViewProps;
 declare const Grid: ({ children, columns, layout, style, spacing, ...rest }: IGridNative) => JSX.Element;
 export default Grid;

package/dist/esm/components/molecules/Grid/Grid.js

@@ -12,7 +12,34 @@ const Grid = ({
 }) => {
   if (layout) {
     const flatLayout = layout.flat();
-    return /* @__PURE__ */ React__default.createElement(View, {
+    return /* @__PURE__ */ React__default.createElement(
+      View,
+      {
+        style: [
+          style,
+          {
+            display: "flex",
+            flexDirection: "row",
+            flexWrap: "wrap"
+          }
+        ],
+        ...rest
+      },
+      React__default.Children.map(children, (child, index) => /* @__PURE__ */ React__default.createElement(
+        GridItem,
+        {
+          key: `child-${index}`,
+          columns,
+          span: flatLayout[index],
+          spacing
+        },
+        child
+      ))
+    );
+  }
+  return /* @__PURE__ */ React__default.createElement(
+    View,
+    {
       style: [
         style,
         {
@@ -22,31 +49,16 @@ const Grid = ({
         }
       ],
       ...rest
-    }, React__default.Children.map(children, (child, index) => /* @__PURE__ */ React__default.createElement(GridItem, {
-      key: `child-${index}`,
-      columns,
-      span: flatLayout[index],
-      spacing
-    }, child)));
-  }
-  return /* @__PURE__ */ React__default.createElement(View, {
-    style: [
-      style,
-      {
-        display: "flex",
-        flexDirection: "row",
-        flexWrap: "wrap"
-      }
-    ],
-    ...rest
-  }, React__default.Children.map(children, (child, index) => {
-    return React__default.cloneElement(child, {
-      ...child?.props,
-      columns,
-      spacing: child?.props.spacing ?? spacing,
-      key: `child-${index}`
-    });
-  }));
+    },
+    React__default.Children.map(children, (child, index) => {
+      return React__default.cloneElement(child, {
+        ...child?.props,
+        columns,
+        spacing: child?.props.spacing ?? spacing,
+        key: `child-${index}`
+      });
+    })
+  );
 };
 
 export { Grid as default };

package/dist/esm/components/molecules/Grid/Grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","sources":["../../../../../src/components/molecules/Grid/Grid.tsx"],"sourcesContent":["import React from 'react';\nimport { View, ViewProps } from 'react-native';\nimport { GridItem } from './Item';\nimport { IGrid } from '@tecsinapse/react-core';\n\nexport type IGridNative = IGrid & ViewProps;\n\nconst Grid = ({\n  children,\n  columns = 12,\n  layout,\n  style,\n  spacing,\n  ...rest\n}: IGridNative): JSX.Element => {\n  if (layout) {\n    const flatLayout = layout.flat();\n    return (\n      <View\n        style={[\n          style,\n          {\n            display: 'flex',\n            flexDirection: 'row',\n            flexWrap: 'wrap',\n          },\n        ]}\n        {...rest}\n      >\n        {React.Children.map(children, (child, index) => (\n          <GridItem\n            key={`child-${index}`}\n            columns={columns}\n            span={flatLayout[index]}\n            spacing={spacing}\n          >\n            {child}\n          </GridItem>\n        ))}\n      </View>\n    );\n  }\n\n  return (\n    <View\n      style={[\n        style,\n        {\n          display: 'flex',\n          flexDirection: 'row',\n          flexWrap: 'wrap',\n        },\n      ]}\n      {...rest}\n    >\n      {React.Children.map(children, (child, index) => {\n        return React.cloneElement(child, {\n          ...child?.props,\n          columns,\n          spacing: child?.props.spacing ?? spacing,\n          key: `child-${index}`,\n        });\n      })}\n    </View>\n  );\n};\n\nexport default Grid;\n"],"names":["React"],"mappings":";;;;AAOA,MAAM,OAAO,CAAC;AAAA,EACZ,QAAA;AAAA,EACA,OAAU,GAAA,EAAA;AAAA,EACV,MAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAgC,KAAA;AAC9B,EAAA,IAAI,MAAQ,EAAA;AACV,IAAM,MAAA,UAAA,GAAa,OAAO,IAAK,EAAA,CAAA;AAC/B,IAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,KAAA;AAAA,QACA;AAAA,UACE,OAAS,EAAA,MAAA;AAAA,UACT,aAAe,EAAA,KAAA;AAAA,UACf,QAAU,EAAA,MAAA;AAAA,SACZ;AAAA,OACF;AAAA,MACC,GAAG,IAAA;AAAA,KAAA,EAEHA,eAAM,QAAS,CAAA,GAAA,CAAI,UAAU,CAAC,KAAA,EAAO,0BACnCA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,MACC,KAAK,CAAS,MAAA,EAAA,KAAA,CAAA,CAAA;AAAA,MACd,OAAA;AAAA,MACA,MAAM,UAAW,CAAA,KAAA,CAAA;AAAA,MACjB,OAAA;AAAA,KAEC,EAAA,KACH,CACD,CACH,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACC,KAAO,EAAA;AAAA,MACL,KAAA;AAAA,MACA;AAAA,QACE,OAAS,EAAA,MAAA;AAAA,QACT,aAAe,EAAA,KAAA;AAAA,QACf,QAAU,EAAA,MAAA;AAAA,OACZ;AAAA,KACF;AAAA,IACC,GAAG,IAAA;AAAA,GAAA,EAEHA,eAAM,QAAS,CAAA,GAAA,CAAI,QAAU,EAAA,CAAC,OAAO,KAAU,KAAA;AAC9C,IAAO,OAAAA,cAAA,CAAM,aAAa,KAAO,EAAA;AAAA,MAC/B,GAAG,KAAO,EAAA,KAAA;AAAA,MACV,OAAA;AAAA,MACA,OAAA,EAAS,KAAO,EAAA,KAAA,CAAM,OAAW,IAAA,OAAA;AAAA,MACjC,KAAK,CAAS,MAAA,EAAA,KAAA,CAAA,CAAA;AAAA,KACf,CAAA,CAAA;AAAA,GACF,CACH,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Grid.js","sources":["../../../../../src/components/molecules/Grid/Grid.tsx"],"sourcesContent":["import React from 'react';\nimport { View, ViewProps } from 'react-native';\nimport { GridItem } from './Item';\nimport { IGrid } from '@tecsinapse/react-core';\n\nexport type IGridNative = IGrid & ViewProps;\n\nconst Grid = ({\n  children,\n  columns = 12,\n  layout,\n  style,\n  spacing,\n  ...rest\n}: IGridNative): JSX.Element => {\n  if (layout) {\n    const flatLayout = layout.flat();\n    return (\n      <View\n        style={[\n          style,\n          {\n            display: 'flex',\n            flexDirection: 'row',\n            flexWrap: 'wrap',\n          },\n        ]}\n        {...rest}\n      >\n        {React.Children.map(children, (child, index) => (\n          <GridItem\n            key={`child-${index}`}\n            columns={columns}\n            span={flatLayout[index]}\n            spacing={spacing}\n          >\n            {child}\n          </GridItem>\n        ))}\n      </View>\n    );\n  }\n\n  return (\n    <View\n      style={[\n        style,\n        {\n          display: 'flex',\n          flexDirection: 'row',\n          flexWrap: 'wrap',\n        },\n      ]}\n      {...rest}\n    >\n      {React.Children.map(children, (child, index) => {\n        return React.cloneElement(child, {\n          ...child?.props,\n          columns,\n          spacing: child?.props.spacing ?? spacing,\n          key: `child-${index}`,\n        });\n      })}\n    </View>\n  );\n};\n\nexport default Grid;\n"],"names":["React"],"mappings":";;;;AAOA,MAAM,OAAO,CAAC;AAAA,EACZ,QAAA;AAAA,EACA,OAAU,GAAA,EAAA;AAAA,EACV,MAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAgC,KAAA;AAC9B,EAAA,IAAI,MAAQ,EAAA;AACV,IAAM,MAAA,UAAA,GAAa,OAAO,IAAK,EAAA,CAAA;AAC/B,IACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA;AAAA,UACL,KAAA;AAAA,UACA;AAAA,YACE,OAAS,EAAA,MAAA;AAAA,YACT,aAAe,EAAA,KAAA;AAAA,YACf,QAAU,EAAA,MAAA;AAAA,WACZ;AAAA,SACF;AAAA,QACC,GAAG,IAAA;AAAA,OAAA;AAAA,MAEHA,eAAM,QAAS,CAAA,GAAA,CAAI,QAAU,EAAA,CAAC,OAAO,KACpC,qBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,KAAK,CAAS,MAAA,EAAA,KAAA,CAAA,CAAA;AAAA,UACd,OAAA;AAAA,UACA,IAAA,EAAM,WAAW,KAAK,CAAA;AAAA,UACtB,OAAA;AAAA,SAAA;AAAA,QAEC,KAAA;AAAA,OAEJ,CAAA;AAAA,KACH,CAAA;AAAA,GAEJ;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,KAAA;AAAA,QACA;AAAA,UACE,OAAS,EAAA,MAAA;AAAA,UACT,aAAe,EAAA,KAAA;AAAA,UACf,QAAU,EAAA,MAAA;AAAA,SACZ;AAAA,OACF;AAAA,MACC,GAAG,IAAA;AAAA,KAAA;AAAA,IAEHA,eAAM,QAAS,CAAA,GAAA,CAAI,QAAU,EAAA,CAAC,OAAO,KAAU,KAAA;AAC9C,MAAO,OAAAA,cAAA,CAAM,aAAa,KAAO,EAAA;AAAA,QAC/B,GAAG,KAAO,EAAA,KAAA;AAAA,QACV,OAAA;AAAA,QACA,OAAA,EAAS,KAAO,EAAA,KAAA,CAAM,OAAW,IAAA,OAAA;AAAA,QACjC,KAAK,CAAS,MAAA,EAAA,KAAA,CAAA,CAAA;AAAA,OACf,CAAA,CAAA;AAAA,KACF,CAAA;AAAA,GACH,CAAA;AAEJ;;;;"}

package/dist/esm/components/molecules/Grid/Item/Item.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 import { ViewProps } from 'react-native';
 import { IGridItem } from '@tecsinapse/react-core';
-export declare type IGridItemNative = IGridItem & ViewProps & {
+export type IGridItemNative = IGridItem & ViewProps & {
     flexBasis?: string | 'auto';
 };
-declare const GridItem: ({ children, span, columns, loadingComponent, loading, spacing, wrapper, alignContent, alignItems, alignSelf, flex, flexDirection, flexGrow, flexShrink, justifyContent, flexBasis, style, ...rest }: IGridItemNative) => JSX.Element;
+declare const GridItem: ({ children, span, columns, loadingComponent, loading, spacing: _spacing, wrapper, alignContent, alignItems, alignSelf, flex, flexDirection, flexGrow, flexShrink, justifyContent, flexBasis, style, ...rest }: IGridItemNative) => JSX.Element;
 export default GridItem;

package/dist/esm/components/molecules/Grid/Item/Item.js

@@ -49,10 +49,7 @@ const GridItem = ({
     ...children?.props,
     style: wrapper ? children?.props.style : { ..._style, ...children?.props.style }
   });
-  return wrapper ? /* @__PURE__ */ React__default.createElement(View, {
-    ...rest,
-    style: [style, _style]
-  }, clone) : clone;
+  return wrapper ? /* @__PURE__ */ React__default.createElement(View, { ...rest, style: [style, _style] }, clone) : clone;
 };
 
 export { GridItem as default };