@tecsinapse/react-native-kit 1.18.5 → 1.20.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/SnappingSlider/SnappingSlider.tsx"],"names":["SnappingSlider","children","showAmount","scrollAmount","spacing","rest","theme","childCount","React","Children","count","screenWidth","Dimensions","get","width","totalSlideWidth","Math","round","horizontalPadding","snapToOffsets","Array","ceil","keys","map","index","offset","padCompensation","sign","child","isFirst","isLast","paddingHorizontal","paddingLeft","paddingRight"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAKA;;;;;;;;AAuBA,MAAMA,cAA6C,GAAG,CAAC;AACrDC,EAAAA,QADqD;AAErDC,EAAAA,UAFqD;AAGrDC,EAAAA,YAHqD;AAIrDC,EAAAA,OAJqD;AAKrD,KAAGC;AALkD,CAAD,KAMhD;AACJ,QAAMC,KAAK,GAAG,uBAAd;AAEA,QAAMC,UAAU,GAAGC,KAAK,CAACC,QAAN,CAAeC,KAAf,CAAqBT,QAArB,CAAnB;;AACA,QAAMU,WAAW,GAAGC,wBAAWC,GAAX,CAAe,QAAf,EAAyBC,KAA7C;;AACA,QAAMC,eAAe,GAAGC,IAAI,CAACC,KAAL,CAAWN,WAAW,GAAGT,UAAzB,CAAxB;AACA,QAAMgB,iBAAiB,GAAGd,OAAO,GAC7B,yCAAyBE,KAAK,CAACF,OAAN,CAAcA,OAAd,CAAzB,IAAmD,CADtB,GAE7B,CAFJ;AAIA,QAAMe,aAAa,GAAG,CACpB,GAAGC,KAAK,CAACJ,IAAI,CAACK,IAAL,CAAUd,UAAU,GAAGJ,YAAvB,CAAD,CAAL,CAA4CmB,IAA5C,EADiB,EAEpBC,GAFoB,CAEhBC,KAAK,IAAI;AACb,UAAMC,MAAM,GAAGV,eAAe,GAAGZ,YAAlB,GAAiCqB,KAAhD;AACA,UAAME,eAAe,GAAGR,iBAAiB,GAAGF,IAAI,CAACW,IAAL,CAAUH,KAAV,CAA5C;AACA,WAAOC,MAAM,GAAGC,eAAhB;AACD,GANqB,CAAtB;AAQA,SACE,oBAAC,uBAAD;AACE,IAAA,UAAU,MADZ;AAEE,IAAA,aAAa,EAAEP,aAFjB;AAGE,IAAA,WAAW,MAHb;AAIE,IAAA,SAAS,MAJX;AAKE,IAAA,8BAA8B,EAAE;AALlC,KAMMd,IANN,GAQGG,KAAK,CAACC,QAAN,CAAec,GAAf,CAAmBtB,QAAnB,EAA6B,CAAC2B,KAAD,EAAQJ,KAAR,KAAkB;AAC9C,UAAMK,OAAO,GAAGL,KAAK,KAAK,CAA1B;AACA,UAAMM,MAAM,GAAGN,KAAK,KAAKjB,UAAU,GAAG,CAAtC;AAEA,WACE,oBAAC,iBAAD;AACE,MAAA,KAAK,EAAE;AACLO,QAAAA,KAAK,EAAEC,eADF;AAELgB,QAAAA,iBAAiB,EAAEb,iBAFd;AAGLc,QAAAA,WAAW,EAAEH,OAAO,GAAG,CAAH,GAAOX,iBAHtB;AAILe,QAAAA,YAAY,EAAEH,MAAM,GAAG,CAAH,GAAOZ;AAJtB;AADT,OAQGU,KARH,CADF;AAYD,GAhBA,CARH,CADF;AA4BD,CApDD;;eAsDe5B,c","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"],"file":"SnappingSlider.js"}
+{"version":3,"file":"SnappingSlider.js","names":["SnappingSlider","children","showAmount","scrollAmount","spacing","rest","theme","useTheme","childCount","React","Children","count","screenWidth","Dimensions","get","width","totalSlideWidth","Math","round","horizontalPadding","extractNumbersFromString","snapToOffsets","Array","ceil","keys","map","index","offset","padCompensation","sign","child","isFirst","isLast","paddingHorizontal","paddingLeft","paddingRight"],"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"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAKA;;;;;;;;AAuBA,MAAMA,cAA6C,GAAG,CAAC;EACrDC,QADqD;EAErDC,UAFqD;EAGrDC,YAHqD;EAIrDC,OAJqD;EAKrD,GAAGC;AALkD,CAAD,KAMhD;EACJ,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,MAAMC,UAAU,GAAGC,KAAK,CAACC,QAAN,CAAeC,KAAf,CAAqBV,QAArB,CAAnB;;EACA,MAAMW,WAAW,GAAGC,uBAAA,CAAWC,GAAX,CAAe,QAAf,EAAyBC,KAA7C;;EACA,MAAMC,eAAe,GAAGC,IAAI,CAACC,KAAL,CAAWN,WAAW,GAAGV,UAAzB,CAAxB;EACA,MAAMiB,iBAAiB,GAAGf,OAAO,GAC7B,IAAAgB,mCAAA,EAAyBd,KAAK,CAACF,OAAN,CAAcA,OAAd,CAAzB,IAAmD,CADtB,GAE7B,CAFJ;EAIA,MAAMiB,aAAa,GAAG,CACpB,GAAGC,KAAK,CAACL,IAAI,CAACM,IAAL,CAAUf,UAAU,GAAGL,YAAvB,CAAD,CAAL,CAA4CqB,IAA5C,EADiB,EAEpBC,GAFoB,CAEhBC,KAAK,IAAI;IACb,MAAMC,MAAM,GAAGX,eAAe,GAAGb,YAAlB,GAAiCuB,KAAhD;IACA,MAAME,eAAe,GAAGT,iBAAiB,GAAGF,IAAI,CAACY,IAAL,CAAUH,KAAV,CAA5C;IACA,OAAOC,MAAM,GAAGC,eAAhB;EACD,CANqB,CAAtB;EAQA,OACE,oBAAC,uBAAD;IACE,UAAU,MADZ;IAEE,aAAa,EAAEP,aAFjB;IAGE,WAAW,MAHb;IAIE,SAAS,MAJX;IAKE,8BAA8B,EAAE;EALlC,GAMMhB,IANN,GAQGI,KAAK,CAACC,QAAN,CAAee,GAAf,CAAmBxB,QAAnB,EAA6B,CAAC6B,KAAD,EAAQJ,KAAR,KAAkB;IAC9C,MAAMK,OAAO,GAAGL,KAAK,KAAK,CAA1B;IACA,MAAMM,MAAM,GAAGN,KAAK,KAAKlB,UAAU,GAAG,CAAtC;IAEA,OACE,oBAAC,iBAAD;MACE,KAAK,EAAE;QACLO,KAAK,EAAEC,eADF;QAELiB,iBAAiB,EAAEd,iBAFd;QAGLe,WAAW,EAAEH,OAAO,GAAG,CAAH,GAAOZ,iBAHtB;QAILgB,YAAY,EAAEH,MAAM,GAAG,CAAH,GAAOb;MAJtB;IADT,GAQGW,KARH,CADF;EAYD,CAhBA,CARH,CADF;AA4BD,CApDD;;eAsDe9B,c"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/SnappingSlider/index.ts"],"names":[],"mappings":";;;;;AAAA","sourcesContent":["export {\n  default as SnappingSlider,\n  SnappingSliderProps,\n} from './SnappingSlider';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/SnappingSlider/index.ts"],"sourcesContent":["export {\n  default as SnappingSlider,\n  SnappingSliderProps,\n} from './SnappingSlider';\n"],"mappings":";;;;;AAAA"}

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

@@ -11,7 +11,7 @@ var _Text = require("../Text");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const Tag = ({
   value,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Tag/Tag.tsx"],"names":["Tag","value","rest","variant"],"mappings":";;;;;AAAA;;AACA;;AAIA;;;;;;AAMA,MAAMA,GAAuB,GAAG,CAAC;AAAEC,EAAAA,KAAF;AAAS,KAAGC;AAAZ,CAAD,KAAqC;AACnE,SACE,6BAAC,cAAD;AACE,IAAA,KAAK,EACH,6BAAC,UAAD;AACE,MAAA,YAAY,EAAC,WADf;AAEE,MAAA,SAAS,EAAC,MAFZ;AAGE,MAAA,SAAS,EAAC,SAHZ;AAIE,MAAA,UAAU,EAAC,MAJb;AAKE,MAAA,UAAU,EAAEA,IAAI,CAACC,OAAL,KAAiB,OAAjB,GAA2B,KAA3B,GAAmC;AALjD,OAOGF,KAPH;AAFJ,KAYMC,IAZN,EADF;AAgBD,CAjBD;;eAmBeF,G","sourcesContent":["import React 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;\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"],"file":"Tag.js"}
+{"version":3,"file":"Tag.js","names":["Tag","value","rest","variant"],"sources":["../../../../src/components/atoms/Tag/Tag.tsx"],"sourcesContent":["import React 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;\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"],"mappings":";;;;;AAAA;;AACA;;AAIA;;;;;;AAMA,MAAMA,GAAuB,GAAG,CAAC;EAAEC,KAAF;EAAS,GAAGC;AAAZ,CAAD,KAAqC;EACnE,OACE,6BAAC,cAAD;IACE,KAAK,EACH,6BAAC,UAAD;MACE,YAAY,EAAC,WADf;MAEE,SAAS,EAAC,MAFZ;MAGE,SAAS,EAAC,SAHZ;MAIE,UAAU,EAAC,MAJb;MAKE,UAAU,EAAEA,IAAI,CAACC,OAAL,KAAiB,OAAjB,GAA2B,KAA3B,GAAmC;IALjD,GAOGF,KAPH;EAFJ,GAYMC,IAZN,EADF;AAgBD,CAjBD;;eAmBeF,G"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Tag/index.ts"],"names":[],"mappings":";;;;;AAAA","sourcesContent":["export { default as Tag, TagProps } from './Tag';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Tag/index.ts"],"sourcesContent":["export { default as Tag, TagProps } from './Tag';\n"],"mappings":";;;;;AAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Text/Text.tsx"],"names":["Text","children","rest"],"mappings":";;;;;AACA;;AACA;;;;AAIA,MAAMA,IAAyB,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,KAAwC;AACxE,SAAO,6BAAC,wBAAD,EAAsBA,IAAtB,EAA6BD,QAA7B,CAAP;AACD,CAFD;;eAIeD,I","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"],"file":"Text.js"}
+{"version":3,"file":"Text.js","names":["Text","children","rest"],"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"],"mappings":";;;;;AACA;;AACA;;;;AAIA,MAAMA,IAAyB,GAAG,CAAC;EAAEC,QAAF;EAAY,GAAGC;AAAf,CAAD,KAAwC;EACxE,OAAO,6BAAC,wBAAD,EAAsBA,IAAtB,EAA6BD,QAA7B,CAAP;AACD,CAFD;;eAIeD,I"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Text/index.ts"],"names":[],"mappings":";;;;;AAAA","sourcesContent":["export { default as Text, TextNativeProps } from './Text';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Text/index.ts"],"sourcesContent":["export { default as Text, TextNativeProps } from './Text';\n"],"mappings":";;;;;AAAA"}

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

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.StyledNativeText = exports.fontStyles = void 0;
+exports.fontStyles = exports.StyledNativeText = void 0;
 
 var _native = _interopRequireWildcard(require("@emotion/native"));
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Text/styled.ts"],"names":["fontStyles","theme","fontStack","fontWeight","fontFamily","font","stack","fontStyle","files","Platform","OS","undefined","replace","StyledNativeText","Text"],"mappings":";;;;;AAAA;;AACA;;AAMA;;;;;;AAQO,MAAMA,UAAU,GAAG,CAAC;AACzBC,EAAAA,KADyB;AAEzBC,EAAAA,SAAS,GAAG,SAFa;AAGzBC,EAAAA,UAAU,GAAG;AAHY,CAAD,KAIiB;AACzC,QAAMC,UAAU,GAAG,CAAAH,KAAK,QAAL,YAAAA,KAAK,CAAEI,IAAP,CAAYC,KAAZ,CAAkBJ,SAAlB,MAAgC,EAAnD;AACA,QAAMK,SAAS,GAAGN,KAAH,oBAAGA,KAAK,CAAEI,IAAP,CAAYG,KAAZ,CAAkBL,UAAlB,CAAlB;AACA,SAAO,gBAAI;AACb,MAAMM,sBAASC,EAAT,KAAgB,SAAhB,GAA4B,sBAA5B,GAAqDC,SAAU;AACrE,mBAAmBJ,SAFP,oBAEOA,SAAS,CAAEK,OAAX,CAAmB,KAAnB,EAA0BR,UAA1B,CAAsC;AACzD,GAHE;AAID,CAXM;;;AAaA,MAAMS,gBAAgB,GAAG,qBAAOC,eAAP,EAE9Bd,UAF8B,CAAzB","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"],"file":"styled.js"}
+{"version":3,"file":"styled.js","names":["fontStyles","theme","fontStack","fontWeight","fontFamily","font","stack","fontStyle","files","css","Platform","OS","undefined","replace","StyledNativeText","styled","Text"],"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"],"mappings":";;;;;AAAA;;AACA;;AAMA;;;;;;AAQO,MAAMA,UAAU,GAAG,CAAC;EACzBC,KADyB;EAEzBC,SAAS,GAAG,SAFa;EAGzBC,UAAU,GAAG;AAHY,CAAD,KAIiB;EACzC,MAAMC,UAAU,GAAG,CAAAH,KAAK,QAAL,YAAAA,KAAK,CAAEI,IAAP,CAAYC,KAAZ,CAAkBJ,SAAlB,MAAgC,EAAnD;EACA,MAAMK,SAAS,GAAGN,KAAH,oBAAGA,KAAK,CAAEI,IAAP,CAAYG,KAAZ,CAAkBL,UAAlB,CAAlB;EACA,OAAO,IAAAM,WAAA,CAAI;AACb,MAAMC,qBAAA,CAASC,EAAT,KAAgB,SAAhB,GAA4B,sBAA5B,GAAqDC,SAAU;AACrE,mBAAmBL,SAFP,oBAEOA,SAAS,CAAEM,OAAX,CAAmB,KAAnB,EAA0BT,UAA1B,CAAsC;AACzD,GAHE;AAID,CAXM;;;AAaA,MAAMU,gBAAgB,GAAG,IAAAC,eAAA,EAAOC,eAAP,EAE9BhB,UAF8B,CAAzB"}

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

@@ -13,7 +13,7 @@ var _styled = require("./styled");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const TextArea = ({
   label,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/TextArea/TextArea.tsx"],"names":["TextArea","label","labelColor","labelColorVariant","labelColorTone","labelTypography","labelStack","labelWeight","leftComponent","rightComponent","disabled","style","borderColor","borderColorGradation","inputFontStack","inputFontWeight","inputContainerStyle","variant","hintComponent","hint","onFocus","onBlur","value","maxLength","rest","focused","handleBlur","handleFocus","Text"],"mappings":";;;;;AAAA;;AACA;;AAKA;;AACA;;;;;;AAIA,MAAMA,QAA2B,GAAG,CAAC;AACnCC,EAAAA,KADmC;AAEnCC,EAAAA,UAFmC;AAGnCC,EAAAA,iBAHmC;AAInCC,EAAAA,cAJmC;AAKnCC,EAAAA,eALmC;AAMnCC,EAAAA,UANmC;AAOnCC,EAAAA,WAPmC;AAQnCC,EAAAA,aARmC;AASnCC,EAAAA,cATmC;AAUnCC,EAAAA,QAVmC;AAWnCC,EAAAA,KAXmC;AAYnCC,EAAAA,WAZmC;AAanCC,EAAAA,oBAbmC;AAcnCC,EAAAA,cAAc,GAAG,SAdkB;AAenCC,EAAAA,eAAe,GAAG,MAfiB;AAgBnCC,EAAAA,mBAhBmC;AAiBnCC,EAAAA,OAAO,GAAG,SAjByB;AAkBnCC,EAAAA,aAlBmC;AAmBnCC,EAAAA,IAnBmC;AAoBnCC,EAAAA,OApBmC;AAqBnCC,EAAAA,MArBmC;AAsBnCC,EAAAA,KAtBmC;AAuBnCC,EAAAA,SAvBmC;AAwBnC,KAAGC;AAxBgC,CAAD,KAyB9B;AACJ,QAAM;AAAEC,IAAAA,OAAF;AAAWC,IAAAA,UAAX;AAAuBC,IAAAA;AAAvB,MAAuC,8BAC3CP,OAD2C,EAE3CC,MAF2C,EAG3C,CAACX,QAH0C,CAA7C;AAMA,SACE,6BAAC,mBAAD;AACE,IAAA,KAAK,EAAET,KADT;AAEE,IAAA,UAAU,EAAEC,UAFd;AAGE,IAAA,iBAAiB,EAAEC,iBAHrB;AAIE,IAAA,cAAc,EAAEC,cAJlB;AAKE,IAAA,eAAe,EAAEC,eALnB;AAME,IAAA,UAAU,EAAEC,UANd;AAOE,IAAA,WAAW,EAAEC,WAPf;AAQE,IAAA,cAAc,EAAEqB,UARlB;AASE,IAAA,aAAa,EAAEpB,aATjB;AAUE,IAAA,cAAc,EAAEC,cAVlB;AAWE,IAAA,WAAW,EAAEG,WAXf;AAYE,IAAA,oBAAoB,EAAEC,oBAZxB;AAaE,IAAA,mBAAmB,EAAEG,mBAbvB;AAcE,IAAA,OAAO,EAAES,OAdX;AAeE,IAAA,QAAQ,EAAEf,QAfZ;AAgBE,IAAA,OAAO,EAAEO,OAhBX;AAiBE,IAAA,KAAK,EAAEK,KAjBT;AAkBE,IAAA,aAAa,EAAEJ,aAlBjB;AAmBE,IAAA,IAAI,EAAEC,IAnBR;AAoBE,IAAA,KAAK,EAAER,KApBT;AAqBE,IAAA,aAAa,EAAEiB,UArBjB;AAsBE,IAAA,SAAS,EAAEL;AAtBb,KAwBE,6BAAC,yBAAD,eACMC,IADN;AAEE,IAAA,SAAS,EAAEV,cAFb;AAGE,IAAA,UAAU,EAAEC,eAHd;AAIE,IAAA,QAAQ,EAAEL,QAJZ;AAKE,IAAA,OAAO,EAAEiB,WALX;AAME,IAAA,MAAM,EAAED,UANV;AAOE,IAAA,iBAAiB,EAAE,KAPrB;AAQE,IAAA,SAAS,MARX;AASE,IAAA,KAAK,EAAEJ,KATT;AAUE,IAAA,SAAS,EAAEC;AAVb,KAxBF,CADF;AAuCD,CAvED;;eAyEevB,Q","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"],"file":"TextArea.js"}
+{"version":3,"file":"TextArea.js","names":["TextArea","label","labelColor","labelColorVariant","labelColorTone","labelTypography","labelStack","labelWeight","leftComponent","rightComponent","disabled","style","borderColor","borderColorGradation","inputFontStack","inputFontWeight","inputContainerStyle","variant","hintComponent","hint","onFocus","onBlur","value","maxLength","rest","focused","handleBlur","handleFocus","useInputFocus","Text"],"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"],"mappings":";;;;;AAAA;;AACA;;AAKA;;AACA;;;;;;AAIA,MAAMA,QAA2B,GAAG,CAAC;EACnCC,KADmC;EAEnCC,UAFmC;EAGnCC,iBAHmC;EAInCC,cAJmC;EAKnCC,eALmC;EAMnCC,UANmC;EAOnCC,WAPmC;EAQnCC,aARmC;EASnCC,cATmC;EAUnCC,QAVmC;EAWnCC,KAXmC;EAYnCC,WAZmC;EAanCC,oBAbmC;EAcnCC,cAAc,GAAG,SAdkB;EAenCC,eAAe,GAAG,MAfiB;EAgBnCC,mBAhBmC;EAiBnCC,OAAO,GAAG,SAjByB;EAkBnCC,aAlBmC;EAmBnCC,IAnBmC;EAoBnCC,OApBmC;EAqBnCC,MArBmC;EAsBnCC,KAtBmC;EAuBnCC,SAvBmC;EAwBnC,GAAGC;AAxBgC,CAAD,KAyB9B;EACJ,MAAM;IAAEC,OAAF;IAAWC,UAAX;IAAuBC;EAAvB,IAAuC,IAAAC,wBAAA,EAC3CR,OAD2C,EAE3CC,MAF2C,EAG3C,CAACX,QAH0C,CAA7C;EAMA,OACE,6BAAC,mBAAD;IACE,KAAK,EAAET,KADT;IAEE,UAAU,EAAEC,UAFd;IAGE,iBAAiB,EAAEC,iBAHrB;IAIE,cAAc,EAAEC,cAJlB;IAKE,eAAe,EAAEC,eALnB;IAME,UAAU,EAAEC,UANd;IAOE,WAAW,EAAEC,WAPf;IAQE,cAAc,EAAEsB,UARlB;IASE,aAAa,EAAErB,aATjB;IAUE,cAAc,EAAEC,cAVlB;IAWE,WAAW,EAAEG,WAXf;IAYE,oBAAoB,EAAEC,oBAZxB;IAaE,mBAAmB,EAAEG,mBAbvB;IAcE,OAAO,EAAES,OAdX;IAeE,QAAQ,EAAEf,QAfZ;IAgBE,OAAO,EAAEO,OAhBX;IAiBE,KAAK,EAAEK,KAjBT;IAkBE,aAAa,EAAEJ,aAlBjB;IAmBE,IAAI,EAAEC,IAnBR;IAoBE,KAAK,EAAER,KApBT;IAqBE,aAAa,EAAEkB,UArBjB;IAsBE,SAAS,EAAEN;EAtBb,GAwBE,6BAAC,yBAAD,eACMC,IADN;IAEE,SAAS,EAAEV,cAFb;IAGE,UAAU,EAAEC,eAHd;IAIE,QAAQ,EAAEL,QAJZ;IAKE,OAAO,EAAEiB,WALX;IAME,MAAM,EAAED,UANV;IAOE,iBAAiB,EAAE,KAPrB;IAQE,SAAS,MARX;IASE,KAAK,EAAEJ,KATT;IAUE,SAAS,EAAEC;EAVb,GAxBF,CADF;AAuCD,CAvED;;eAyEevB,Q"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/TextArea/index.ts"],"names":[],"mappings":";;;;;AAAA","sourcesContent":["export { default as TextArea, TextAreaProps } from './TextArea';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/TextArea/index.ts"],"sourcesContent":["export { default as TextArea, TextAreaProps } from './TextArea';\n"],"mappings":";;;;;AAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/TextArea/styled.ts"],"names":["StyledNativeInput","TextAreaInputBase","fontStyles"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;AAGO,MAAMA,iBAAiB,GAAG,qBAAOC,4BAAP,EAE/BC,kBAF+B,CAA1B","sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps, TextAreaInputBase } from '@tecsinapse/react-core';\nimport { Font, fontStyles } from '../Text/styled';\nimport { TextAreaProps } from './TextArea';\n\nexport const StyledNativeInput = styled(TextAreaInputBase)<\n  Font & Partial<TextAreaProps> & Partial<StyleProps>\n>(fontStyles);\n"],"file":"styled.js"}
+{"version":3,"file":"styled.js","names":["StyledNativeInput","styled","TextAreaInputBase","fontStyles"],"sources":["../../../../src/components/atoms/TextArea/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps, TextAreaInputBase } from '@tecsinapse/react-core';\nimport { Font, fontStyles } from '../Text/styled';\nimport { TextAreaProps } from './TextArea';\n\nexport const StyledNativeInput = styled(TextAreaInputBase)<\n  Font & Partial<TextAreaProps> & Partial<StyleProps>\n>(fontStyles);\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;AAGO,MAAMA,iBAAiB,GAAG,IAAAC,eAAA,EAAOC,4BAAP,EAE/BC,kBAF+B,CAA1B"}

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

@@ -13,7 +13,7 @@ var _Text = require("../../atoms/Text");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const Calendar = ({
   locale,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/Calendar/Calendar.tsx"],"names":["Calendar","locale","rest","Text"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEO,MAAMA,QAAQ,GAAG,CAA0B;AAChDC,EAAAA,MADgD;AAEhD,KAAGC;AAF6C,CAA1B,KAGa;AACnC,SACE,6BAAC,mBAAD,eACMA,IADN;AAEE,IAAA,aAAa,EAAEC,UAFjB;AAGE,IAAA,MAAM,EAAEF,MAAM,IAAI;AAHpB,KADF;AAOD,CAXM","sourcesContent":["import { Calendar as CalendarCore, CalendarProps, SelectionType } 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"],"file":"Calendar.js"}
+{"version":3,"file":"Calendar.js","names":["Calendar","locale","rest","Text","getLocale"],"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"],"mappings":";;;;;AAAA;;AAKA;;AACA;;AACA;;;;;;AAEO,MAAMA,QAAQ,GAAG,CAA0B;EAChDC,MADgD;EAEhD,GAAGC;AAF6C,CAA1B,KAGa;EACnC,OACE,6BAAC,mBAAD,eACMA,IADN;IAEE,aAAa,EAAEC,UAFjB;IAGE,MAAM,EAAEF,MAAM,IAAI,IAAAG,eAAA;EAHpB,GADF;AAOD,CAXM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/Calendar/index.ts"],"names":[],"mappings":";;;;;AAAA","sourcesContent":["export { Calendar } from './Calendar';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/molecules/Calendar/index.ts"],"sourcesContent":["export { Calendar } from './Calendar';\n"],"mappings":";;;;;AAAA"}

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

@@ -19,7 +19,7 @@ var _styled = require("./styled");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const DatePicker = ({
   locale,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/DatePicker/DatePicker.tsx"],"names":["DatePicker","locale","onChange","rest","modal","handleChange","value","requestUpdate","Text","Calendar","show","close","calendar","blur","sync","NativeModal","children","others","CalendarBoxContent"],"mappings":";;;;;AAAA;;AAGA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAIO,MAAMA,UAAU,GAAG,CAA0B;AAAEC,EAAAA,MAAF;AAAUC,EAAAA,QAAV;AAAoB,KAAGC;AAAvB,CAA1B,KAAmG;AAE3H,QAAMC,KAAK,GAAG,iCAAd;;AAEA,QAAMC,YAAY,GAAIC,KAAD,IAAsB;AACzCJ,IAAAA,QAAQ,QAAR,YAAAA,QAAQ,CAAGI,KAAH,CAAR;AACAF,IAAAA,KAAK,CAACG,aAAN;AACD,GAHD;;AAKA,SACE,6BAAC,qBAAD,eACMJ,IADN;AAEE,IAAA,aAAa,EAAEK,UAFjB;AAGE,IAAA,iBAAiB,EAAEC,kBAHrB;AAIE,IAAA,MAAM,EAAER,MAAM,IAAI,sBAJpB;AAKE,IAAA,QAAQ,EAAEI,YALZ;AAME,IAAA,mBAAmB,EAAE,MAAMD,KAAK,CAACM,IAAN,EAN7B;AAOE,IAAA,oBAAoB,EAAE,MAAMN,KAAK,CAACO,KAAN,EAP9B;AAQE,IAAA,cAAc,EAAE,CAACC,QAAD,EAAWC,IAAX,KAAoBT,KAAK,CAACU,IAAN,CAClC,6BAAC,WAAD;AAAa,MAAA,OAAO,EAAED;AAAtB,OACGD,QADH,CADkC;AARtC,KADF;AAiBD,CA1BM;;;;AA4BP,MAAMG,WAA2B,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,KAA6B;AAC/D,SACE,6BAAC,gBAAD;AAAW,IAAA,YAAY,EAAEC;AAAzB,KAAiDD,MAAjD,GACGD,QADH,CADF;AAKD,CAND","sourcesContent":["import {\n  DatePicker as DatePickerCore, DatePickerProps, SelectionType, 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<DatePickerProps<T>, 'CalendarComponent' | 'renderCalendar' | 'requestCloseCalendar' | 'requestShowCalendar'>\n\nexport const DatePicker = <T extends SelectionType>({ locale, onChange, ...rest }: NativeDatePickerProps<T>): JSX.Element => {\n\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) => modal.sync(\n        <NativeModal onClose={blur}>\n          {calendar}\n        </NativeModal>\n      )}\n    />\n  );\n\n};\n\nconst NativeModal: FC<IBaseModal> = ({ children, ...others }) => {\n  return (\n    <ModalView BoxComponent={CalendarBoxContent} {...others}>\n      {children}\n    </ModalView>\n  )\n}"],"file":"DatePicker.js"}
+{"version":3,"file":"DatePicker.js","names":["DatePicker","locale","onChange","rest","modal","useLazyModalManager","handleChange","value","requestUpdate","Text","Calendar","getLocale","show","close","calendar","blur","sync","NativeModal","children","others","CalendarBoxContent"],"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"],"mappings":";;;;;AAAA;;AAMA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAUO,MAAMA,UAAU,GAAG,CAA0B;EAClDC,MADkD;EAElDC,QAFkD;EAGlD,GAAGC;AAH+C,CAA1B,KAImB;EAC3C,MAAMC,KAAK,GAAG,IAAAC,0BAAA,GAAd;;EAEA,MAAMC,YAAY,GAAIC,KAAD,IAAsB;IACzCL,QAAQ,QAAR,YAAAA,QAAQ,CAAGK,KAAH,CAAR;IACAH,KAAK,CAACI,aAAN;EACD,CAHD;;EAKA,OACE,6BAAC,qBAAD,eACML,IADN;IAEE,aAAa,EAAEM,UAFjB;IAGE,iBAAiB,EAAEC,kBAHrB;IAIE,MAAM,EAAET,MAAM,IAAI,IAAAU,eAAA,GAJpB;IAKE,QAAQ,EAAEL,YALZ;IAME,mBAAmB,EAAE,MAAMF,KAAK,CAACQ,IAAN,EAN7B;IAOE,oBAAoB,EAAE,MAAMR,KAAK,CAACS,KAAN,EAP9B;IAQE,cAAc,EAAE,CAACC,QAAD,EAAWC,IAAX,KACdX,KAAK,CAACY,IAAN,CAAW,6BAAC,WAAD;MAAa,OAAO,EAAED;IAAtB,GAA6BD,QAA7B,CAAX;EATJ,GADF;AAcD,CA1BM;;;;AA4BP,MAAMG,WAA2B,GAAG,CAAC;EAAEC,QAAF;EAAY,GAAGC;AAAf,CAAD,KAA6B;EAC/D,OACE,6BAAC,gBAAD;IAAW,YAAY,EAAEC;EAAzB,GAAiDD,MAAjD,GACGD,QADH,CADF;AAKD,CAND"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/DatePicker/index.ts"],"names":[],"mappings":";;;;;AAAA","sourcesContent":["export { DatePicker, NativeDatePickerProps } from './DatePicker';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/molecules/DatePicker/index.ts"],"sourcesContent":["export { DatePicker, NativeDatePickerProps } from './DatePicker';\n"],"mappings":";;;;;AAAA"}

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

@@ -10,7 +10,7 @@ var _reactCore = require("@tecsinapse/react-core");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const CalendarBoxContent = (0, _native.default)(_reactCore.BoxContent)`
-    background-color: ${({
+  background-color: ${({
   theme
 }) => theme.color.secondary.xlight};
 `;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/DatePicker/styled.ts"],"names":["CalendarBoxContent","BoxContent","theme","color","secondary","xlight"],"mappings":";;;;;AAAA;;AACA;;;;AAEO,MAAMA,kBAAkB,GAAG,qBAAOC,qBAAP,CAAwC;AAC1E,wBAAwB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,KAAN,CAAYC,SAAZ,CAAsBC,MAAO;AACpE,CAFO","sourcesContent":["import styled from \"@emotion/native\";\nimport { BoxContent, StyleProps } from \"@tecsinapse/react-core\";\n\nexport const CalendarBoxContent = styled(BoxContent)<Partial<StyleProps>>`\n    background-color: ${({ theme }) => theme.color.secondary.xlight};\n`"],"file":"styled.js"}
+{"version":3,"file":"styled.js","names":["CalendarBoxContent","styled","BoxContent","theme","color","secondary","xlight"],"sources":["../../../../src/components/molecules/DatePicker/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { BoxContent, StyleProps } from '@tecsinapse/react-core';\n\nexport const CalendarBoxContent = styled(BoxContent)<Partial<StyleProps>>`\n  background-color: ${({ theme }) => theme.color.secondary.xlight};\n`;\n"],"mappings":";;;;;AAAA;;AACA;;;;AAEO,MAAMA,kBAAkB,GAAG,IAAAC,eAAA,EAAOC,qBAAP,CAAwC;AAC1E,sBAAsB,CAAC;EAAEC;AAAF,CAAD,KAAeA,KAAK,CAACC,KAAN,CAAYC,SAAZ,CAAsBC,MAAO;AAClE,CAFO"}

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

@@ -17,7 +17,7 @@ var _DateTimeSelector = require("../DateTimeSelector");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const DateTimePicker = ({
   locale,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/DateTimePicker/DateTimePicker.tsx"],"names":["DateTimePicker","locale","rest","modal","Text","DateTimeSelector","show","close","selector","blur","sync","NativeModal","children","others"],"mappings":";;;;;AAAA;;AAIA;;AACA;;AACA;;AACA;;AACA;;;;;;AAIO,MAAMA,cAA6C,GAAG,CAAC;AAAEC,EAAAA,MAAF;AAAU,KAAGC;AAAb,CAAD,KAAyB;AAEpF,QAAMC,KAAK,GAAG,iCAAd;AAEA,SACE,6BAAC,yBAAD,eACMD,IADN;AAEE,IAAA,aAAa,EAAEE,UAFjB;AAGE,IAAA,yBAAyB,EAAEC,kCAH7B;AAIE,IAAA,MAAM,EAAEJ,MAAM,IAAI,sBAJpB;AAKE,IAAA,mBAAmB,EAAE,MAAME,KAAK,CAACG,IAAN,EAL7B;AAME,IAAA,oBAAoB,EAAE,MAAMH,KAAK,CAACI,KAAN,EAN9B;AAOE,IAAA,cAAc,EAAE,CAACC,QAAD,EAAWC,IAAX,KAAoBN,KAAK,CAACO,IAAN,CAClC,6BAAC,WAAD;AAAa,MAAA,OAAO,EAAED;AAAtB,OACGD,QADH,CADkC;AAPtC,KADF;AAeD,CAnBM;;;;AAqBP,MAAMG,WAA2B,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,KAA6B;AAC/D,SACE,6BAAC,gBAAD,EAAeA,MAAf,EACGD,QADH,CADF;AAKD,CAND","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<DateTimePickerProps, 'DateTimeSelectorComponent' | 'renderSelector' | 'requestCloseSelector' | 'requestShowSelector'>\n\nexport const DateTimePicker: FC<NativeDateTimePickerProps> = ({ locale, ...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) => modal.sync(\n        <NativeModal onClose={blur}>\n          {selector}\n        </NativeModal>\n      )}\n    />\n  );\n};\n\nconst NativeModal: FC<IBaseModal> = ({ children, ...others }) => {\n  return (\n    <ModalView {...others}>\n      {children}\n    </ModalView>\n  )\n}"],"file":"DateTimePicker.js"}
+{"version":3,"file":"DateTimePicker.js","names":["DateTimePicker","locale","rest","modal","useLazyModalManager","Text","DateTimeSelector","getLocale","show","close","selector","blur","sync","NativeModal","children","others"],"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"],"mappings":";;;;;AAAA;;AAIA;;AACA;;AACA;;AACA;;AACA;;;;;;AAUO,MAAMA,cAA6C,GAAG,CAAC;EAC5DC,MAD4D;EAE5D,GAAGC;AAFyD,CAAD,KAGvD;EACJ,MAAMC,KAAK,GAAG,IAAAC,0BAAA,GAAd;EAEA,OACE,6BAAC,yBAAD,eACMF,IADN;IAEE,aAAa,EAAEG,UAFjB;IAGE,yBAAyB,EAAEC,kCAH7B;IAIE,MAAM,EAAEL,MAAM,IAAI,IAAAM,eAAA,GAJpB;IAKE,mBAAmB,EAAE,MAAMJ,KAAK,CAACK,IAAN,EAL7B;IAME,oBAAoB,EAAE,MAAML,KAAK,CAACM,KAAN,EAN9B;IAOE,cAAc,EAAE,CAACC,QAAD,EAAWC,IAAX,KACdR,KAAK,CAACS,IAAN,CAAW,6BAAC,WAAD;MAAa,OAAO,EAAED;IAAtB,GAA6BD,QAA7B,CAAX;EARJ,GADF;AAaD,CAnBM;;;;AAqBP,MAAMG,WAA2B,GAAG,CAAC;EAAEC,QAAF;EAAY,GAAGC;AAAf,CAAD,KAA6B;EAC/D,OAAO,6BAAC,gBAAD,EAAeA,MAAf,EAAwBD,QAAxB,CAAP;AACD,CAFD"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/DateTimePicker/index.ts"],"names":[],"mappings":";;;;;AAAA","sourcesContent":["export { DateTimePicker, NativeDateTimePickerProps } from './DateTimePicker';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/molecules/DateTimePicker/index.ts"],"sourcesContent":["export { DateTimePicker, NativeDateTimePickerProps } from './DateTimePicker';\n"],"mappings":";;;;;AAAA"}

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

@@ -13,7 +13,7 @@ var _date = require("../../../utils/date");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const DateTimeSelector = ({
   locale,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/DateTimeSelector/DateTimeSelector.tsx"],"names":["DateTimeSelector","locale","rest","Text"],"mappings":";;;;;AAAA;;AAIA;;AACA;;AACA;;;;;;AAEO,MAAMA,gBAA2C,GAAG,CAAC;AAACC,EAAAA,MAAD;AAAS,KAAGC;AAAZ,CAAD,KAAuB;AAChF,SACE,6BAAC,2BAAD,eACMA,IADN;AAEE,IAAA,aAAa,EAAEC,UAFjB;AAGE,IAAA,MAAM,EAAEF,MAAM,IAAI;AAHpB,KADF;AAOD,CARM","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> = ({locale, ...rest}) => {\n  return (\n    <DateTimeSelectorCore\n      {...rest}\n      TextComponent={Text}\n      locale={locale ?? getLocale()}\n    />\n  );\n};\n"],"file":"DateTimeSelector.js"}
+{"version":3,"file":"DateTimeSelector.js","names":["DateTimeSelector","locale","rest","Text","getLocale"],"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"],"mappings":";;;;;AAAA;;AAIA;;AACA;;AACA;;;;;;AAEO,MAAMA,gBAA2C,GAAG,CAAC;EAC1DC,MAD0D;EAE1D,GAAGC;AAFuD,CAAD,KAGrD;EACJ,OACE,6BAAC,2BAAD,eACMA,IADN;IAEE,aAAa,EAAEC,UAFjB;IAGE,MAAM,EAAEF,MAAM,IAAI,IAAAG,eAAA;EAHpB,GADF;AAOD,CAXM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/DateTimeSelector/index.ts"],"names":[],"mappings":";;;;;AAAA","sourcesContent":["export { DateTimeSelector } from './DateTimeSelector';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/molecules/DateTimeSelector/index.ts"],"sourcesContent":["export { DateTimeSelector } from './DateTimeSelector';\n"],"mappings":";;;;;AAAA"}

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

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

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

@@ -0,0 +1,57 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _Item = require("./Item");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const Grid = ({
+  children,
+  columns = 12,
+  layout,
+  style,
+  spacing,
+  ...rest
+}) => {
+  if (layout) {
+    const flatLayout = layout.flat();
+    return _react.default.createElement(_reactNative.View, _extends({
+      style: [style, {
+        display: 'flex',
+        flexDirection: 'row',
+        flexWrap: 'wrap'
+      }]
+    }, rest), _react.default.Children.map(children, (child, index) => _react.default.createElement(_Item.GridItem, {
+      key: `child-${index}`,
+      columns: columns,
+      span: flatLayout[index],
+      spacing: spacing
+    }, child)));
+  }
+
+  return _react.default.createElement(_reactNative.View, _extends({
+    style: [style, {
+      display: 'flex',
+      flexDirection: 'row',
+      flexWrap: 'wrap'
+    }]
+  }, rest), _react.default.Children.map(children, (child, index) => {
+    return _react.default.cloneElement(child, { ...(child == null ? void 0 : child.props),
+      columns,
+      spacing: (child == null ? void 0 : child.props.spacing) ?? spacing,
+      key: `child-${index}`
+    });
+  }));
+};
+
+var _default = Grid;
+exports.default = _default;
+//# sourceMappingURL=Grid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","names":["Grid","children","columns","layout","style","spacing","rest","flatLayout","flat","display","flexDirection","flexWrap","React","Children","map","child","index","cloneElement","props","key"],"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"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;;;AAKA,MAAMA,IAAI,GAAG,CAAC;EACZC,QADY;EAEZC,OAAO,GAAG,EAFE;EAGZC,MAHY;EAIZC,KAJY;EAKZC,OALY;EAMZ,GAAGC;AANS,CAAD,KAOmB;EAC9B,IAAIH,MAAJ,EAAY;IACV,MAAMI,UAAU,GAAGJ,MAAM,CAACK,IAAP,EAAnB;IACA,OACE,6BAAC,iBAAD;MACE,KAAK,EAAE,CACLJ,KADK,EAEL;QACEK,OAAO,EAAE,MADX;QAEEC,aAAa,EAAE,KAFjB;QAGEC,QAAQ,EAAE;MAHZ,CAFK;IADT,GASML,IATN,GAWGM,cAAA,CAAMC,QAAN,CAAeC,GAAf,CAAmBb,QAAnB,EAA6B,CAACc,KAAD,EAAQC,KAAR,KAC5B,6BAAC,cAAD;MACE,GAAG,EAAG,SAAQA,KAAM,EADtB;MAEE,OAAO,EAAEd,OAFX;MAGE,IAAI,EAAEK,UAAU,CAACS,KAAD,CAHlB;MAIE,OAAO,EAAEX;IAJX,GAMGU,KANH,CADD,CAXH,CADF;EAwBD;;EAED,OACE,6BAAC,iBAAD;IACE,KAAK,EAAE,CACLX,KADK,EAEL;MACEK,OAAO,EAAE,MADX;MAEEC,aAAa,EAAE,KAFjB;MAGEC,QAAQ,EAAE;IAHZ,CAFK;EADT,GASML,IATN,GAWGM,cAAA,CAAMC,QAAN,CAAeC,GAAf,CAAmBb,QAAnB,EAA6B,CAACc,KAAD,EAAQC,KAAR,KAAkB;IAC9C,OAAOJ,cAAA,CAAMK,YAAN,CAAmBF,KAAnB,EAA0B,EAC/B,IAAGA,KAAH,oBAAGA,KAAK,CAAEG,KAAV,CAD+B;MAE/BhB,OAF+B;MAG/BG,OAAO,EAAE,CAAAU,KAAK,QAAL,YAAAA,KAAK,CAAEG,KAAP,CAAab,OAAb,KAAwBA,OAHF;MAI/Bc,GAAG,EAAG,SAAQH,KAAM;IAJW,CAA1B,CAAP;EAMD,CAPA,CAXH,CADF;AAsBD,CA1DD;;eA4DehB,I"}

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

@@ -0,0 +1,7 @@
+import { ViewProps } from 'react-native';
+import { IGridItem } from '@tecsinapse/react-core';
+export declare type IGridItemNative = IGridItem & ViewProps & {
+    flexBasis?: string | 'auto';
+};
+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/components/molecules/Grid/Item/Item.js

@@ -0,0 +1,78 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _reactCore = require("@tecsinapse/react-core");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const GridItem = ({
+  children,
+  span,
+  columns = 12,
+  loadingComponent,
+  loading = false,
+  spacing: _spacing,
+  wrapper = false,
+  alignContent,
+  alignItems,
+  alignSelf,
+  flex,
+  flexDirection,
+  flexGrow,
+  flexShrink,
+  justifyContent,
+  flexBasis,
+  style,
+  ...rest
+}) => {
+  const {
+    spacing
+  } = (0, _reactCore.useTheme)();
+
+  if (!_react.default.Children.only(children)) {
+    throw new Error('The number of children in GridItem should be one');
+  }
+
+  if (loadingComponent && loading) {
+    return loadingComponent;
+  }
+
+  const _style = {
+    alignContent,
+    alignItems,
+    alignSelf,
+    flex,
+    flexDirection,
+    flexGrow,
+    flexShrink,
+    justifyContent,
+    boxSizing: 'border-box',
+    flexBasis: flexBasis ?? `${(0, _reactCore.getGridItemColumSpan)(columns, span)}%`,
+    paddingTop: (0, _reactCore.getGridItemPadding)('top', _spacing, spacing),
+    paddingBottom: (0, _reactCore.getGridItemPadding)('bottom', _spacing, spacing),
+    paddingRight: (0, _reactCore.getGridItemPadding)('right', _spacing, spacing),
+    paddingLeft: (0, _reactCore.getGridItemPadding)('left', _spacing, spacing)
+  };
+
+  const clone = _react.default.cloneElement(children, { ...(children == null ? void 0 : children.props),
+    style: wrapper ? children == null ? void 0 : children.props.style : { ..._style,
+      ...(children == null ? void 0 : children.props.style)
+    }
+  });
+
+  return wrapper ? _react.default.createElement(_reactNative.View, _extends({}, rest, {
+    style: [style, _style]
+  }), clone) : clone;
+};
+
+var _default = GridItem;
+exports.default = _default;
+//# sourceMappingURL=Item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","names":["GridItem","children","span","columns","loadingComponent","loading","spacing","_spacing","wrapper","alignContent","alignItems","alignSelf","flex","flexDirection","flexGrow","flexShrink","justifyContent","flexBasis","style","rest","useTheme","React","Children","only","Error","_style","boxSizing","getGridItemColumSpan","paddingTop","getGridItemPadding","paddingBottom","paddingRight","paddingLeft","clone","cloneElement","props"],"sources":["../../../../../src/components/molecules/Grid/Item/Item.tsx"],"sourcesContent":["import React from 'react';\nimport { View, ViewProps } from 'react-native';\nimport {\n  IGridItem,\n  useTheme,\n  getGridItemColumSpan,\n  getGridItemPadding,\n} from '@tecsinapse/react-core';\n\nexport type IGridItemNative = IGridItem &\n  ViewProps & {\n    /** Only specify this property if the GridItem will be 'dynamic', adjusting itself to content. Use this with `wrapper` for better result. */\n    flexBasis?: string | 'auto';\n  };\n\nconst GridItem = ({\n  children,\n  span,\n  columns = 12,\n  loadingComponent,\n  loading = false,\n  spacing: _spacing,\n  wrapper = false,\n  alignContent,\n  alignItems,\n  alignSelf,\n  flex,\n  flexDirection,\n  flexGrow,\n  flexShrink,\n  justifyContent,\n  flexBasis,\n  style,\n  ...rest\n}: IGridItemNative): JSX.Element => {\n  const { spacing } = useTheme();\n  if (!React.Children.only(children)) {\n    throw new Error('The number of children in GridItem should be one');\n  }\n  if (loadingComponent && loading) {\n    return loadingComponent;\n  }\n\n  const _style = {\n    alignContent,\n    alignItems,\n    alignSelf,\n    flex,\n    flexDirection,\n    flexGrow,\n    flexShrink,\n    justifyContent,\n    boxSizing: 'border-box',\n    flexBasis: flexBasis ?? `${getGridItemColumSpan(columns, span)}%`,\n    paddingTop: getGridItemPadding('top', _spacing, spacing),\n    paddingBottom: getGridItemPadding('bottom', _spacing, spacing),\n    paddingRight: getGridItemPadding('right', _spacing, spacing),\n    paddingLeft: getGridItemPadding('left', _spacing, spacing),\n  };\n\n  const clone = React.cloneElement(children, {\n    ...children?.props,\n    style: wrapper\n      ? children?.props.style\n      : { ..._style, ...children?.props.style },\n  });\n\n  return wrapper ? (\n    <View {...rest} style={[style, _style]}>\n      {clone}\n    </View>\n  ) : (\n    clone\n  );\n};\n\nexport default GridItem;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;;;AAaA,MAAMA,QAAQ,GAAG,CAAC;EAChBC,QADgB;EAEhBC,IAFgB;EAGhBC,OAAO,GAAG,EAHM;EAIhBC,gBAJgB;EAKhBC,OAAO,GAAG,KALM;EAMhBC,OAAO,EAAEC,QANO;EAOhBC,OAAO,GAAG,KAPM;EAQhBC,YARgB;EAShBC,UATgB;EAUhBC,SAVgB;EAWhBC,IAXgB;EAYhBC,aAZgB;EAahBC,QAbgB;EAchBC,UAdgB;EAehBC,cAfgB;EAgBhBC,SAhBgB;EAiBhBC,KAjBgB;EAkBhB,GAAGC;AAlBa,CAAD,KAmBmB;EAClC,MAAM;IAAEb;EAAF,IAAc,IAAAc,mBAAA,GAApB;;EACA,IAAI,CAACC,cAAA,CAAMC,QAAN,CAAeC,IAAf,CAAoBtB,QAApB,CAAL,EAAoC;IAClC,MAAM,IAAIuB,KAAJ,CAAU,kDAAV,CAAN;EACD;;EACD,IAAIpB,gBAAgB,IAAIC,OAAxB,EAAiC;IAC/B,OAAOD,gBAAP;EACD;;EAED,MAAMqB,MAAM,GAAG;IACbhB,YADa;IAEbC,UAFa;IAGbC,SAHa;IAIbC,IAJa;IAKbC,aALa;IAMbC,QANa;IAObC,UAPa;IAQbC,cARa;IASbU,SAAS,EAAE,YATE;IAUbT,SAAS,EAAEA,SAAS,IAAK,GAAE,IAAAU,+BAAA,EAAqBxB,OAArB,EAA8BD,IAA9B,CAAoC,GAVlD;IAWb0B,UAAU,EAAE,IAAAC,6BAAA,EAAmB,KAAnB,EAA0BtB,QAA1B,EAAoCD,OAApC,CAXC;IAYbwB,aAAa,EAAE,IAAAD,6BAAA,EAAmB,QAAnB,EAA6BtB,QAA7B,EAAuCD,OAAvC,CAZF;IAabyB,YAAY,EAAE,IAAAF,6BAAA,EAAmB,OAAnB,EAA4BtB,QAA5B,EAAsCD,OAAtC,CAbD;IAcb0B,WAAW,EAAE,IAAAH,6BAAA,EAAmB,MAAnB,EAA2BtB,QAA3B,EAAqCD,OAArC;EAdA,CAAf;;EAiBA,MAAM2B,KAAK,GAAGZ,cAAA,CAAMa,YAAN,CAAmBjC,QAAnB,EAA6B,EACzC,IAAGA,QAAH,oBAAGA,QAAQ,CAAEkC,KAAb,CADyC;IAEzCjB,KAAK,EAAEV,OAAO,GACVP,QADU,oBACVA,QAAQ,CAAEkC,KAAV,CAAgBjB,KADN,GAEV,EAAE,GAAGO,MAAL;MAAa,IAAGxB,QAAH,oBAAGA,QAAQ,CAAEkC,KAAV,CAAgBjB,KAAnB;IAAb;EAJqC,CAA7B,CAAd;;EAOA,OAAOV,OAAO,GACZ,6BAAC,iBAAD,eAAUW,IAAV;IAAgB,KAAK,EAAE,CAACD,KAAD,EAAQO,MAAR;EAAvB,IACGQ,KADH,CADY,GAKZA,KALF;AAOD,CA3DD;;eA6DejC,Q"}

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

@@ -0,0 +1 @@
+export { default as GridItem, IGridItemNative } from './Item';

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

@@ -0,0 +1,14 @@
+"use strict";
+
+exports.__esModule = true;
+exports.IGridItemNative = exports.GridItem = void 0;
+
+var _Item = _interopRequireWildcard(require("./Item"));
+
+exports.GridItem = _Item.default;
+exports.IGridItemNative = _Item.IGridItemNative;
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+//# sourceMappingURL=index.js.map

package/dist/components/molecules/Grid/Item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/molecules/Grid/Item/index.ts"],"sourcesContent":["export { default as GridItem, IGridItemNative } from './Item';\n"],"mappings":";;;;;AAAA"}

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

@@ -0,0 +1,2 @@
+export { GridItem } from './Item';
+export { default as Grid } from './Grid';

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

@@ -0,0 +1,15 @@
+"use strict";
+
+exports.__esModule = true;
+exports.GridItem = exports.Grid = void 0;
+
+var _Item = require("./Item");
+
+exports.GridItem = _Item.GridItem;
+
+var _Grid = _interopRequireDefault(require("./Grid"));
+
+exports.Grid = _Grid.default;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/molecules/Grid/index.ts"],"sourcesContent":["export { GridItem } from './Item';\nexport { default as Grid } from './Grid';\n"],"mappings":";;;;;AAAA;;;;AACA"}

package/dist/components/molecules/IconTextButton/IconTextButton.d.ts

@@ -0,0 +1,6 @@
+import { IconTextButtonProps } from '@tecsinapse/react-core';
+import React from 'react';
+import { ButtonNativeProps } from '../../atoms/Button';
+export declare type NativeIconTextButtonProps = IconTextButtonProps & Omit<ButtonNativeProps, 'ButtonProps'>;
+declare const IconTextButton: React.FC<NativeIconTextButtonProps>;
+export default IconTextButton;

package/dist/components/molecules/IconTextButton/IconTextButton.js

@@ -0,0 +1,50 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _reactCore = require("@tecsinapse/react-core");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styled = require("./styled");
+
+var _TextComponent = _interopRequireDefault(require("./TextComponent"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const IconTextButton = ({
+  iconProps,
+  iconPosition = 'left',
+  textProps,
+  label,
+  variant = 'filled',
+  size = 'default',
+  ...rest
+}) => {
+  return _react.default.createElement(_styled.StyledIconTextButton, _extends({
+    boxed: !label,
+    variant: variant
+  }, rest), iconPosition === 'left' ? _react.default.createElement(_reactCore.IconComponent, {
+    iconProps: iconProps,
+    size: size,
+    defaultFontColor: _reactCore.fontColorVC[variant]
+  }) : _react.default.createElement(_react.default.Fragment, null), _react.default.createElement(_TextComponent.default, {
+    label: label,
+    defaultFontColor: _reactCore.fontColorVC[variant],
+    hasIcon: !!iconProps,
+    iconPosition: iconPosition,
+    textProps: textProps,
+    size: size
+  }), iconPosition === 'right' ? _react.default.createElement(_reactCore.IconComponent, {
+    iconProps: iconProps,
+    size: size,
+    defaultFontColor: _reactCore.fontColorVC[variant]
+  }) : _react.default.createElement(_react.default.Fragment, null));
+};
+
+var _default = IconTextButton;
+exports.default = _default;
+//# sourceMappingURL=IconTextButton.js.map

package/dist/components/molecules/IconTextButton/IconTextButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconTextButton.js","names":["IconTextButton","iconProps","iconPosition","textProps","label","variant","size","rest","fontColorVC"],"sources":["../../../../src/components/molecules/IconTextButton/IconTextButton.tsx"],"sourcesContent":["import {\n  fontColorVC,\n  IconComponent,\n  IconTextButtonProps,\n} from '@tecsinapse/react-core';\nimport React from 'react';\nimport { ButtonNativeProps } from '../../atoms/Button';\nimport { StyledIconTextButton } from './styled';\nimport TextComponent from './TextComponent';\n\nexport type NativeIconTextButtonProps = IconTextButtonProps &\n  Omit<ButtonNativeProps, 'ButtonProps'>;\n\nconst IconTextButton: React.FC<NativeIconTextButtonProps> = ({\n  iconProps,\n  iconPosition = 'left',\n  textProps,\n  label,\n  variant = 'filled',\n  size = 'default',\n  ...rest\n}) => {\n  return (\n    <StyledIconTextButton boxed={!label} variant={variant} {...rest}>\n      {iconPosition === 'left' ? (\n        <IconComponent\n          iconProps={iconProps}\n          size={size}\n          defaultFontColor={fontColorVC[variant]}\n        />\n      ) : (\n        <></>\n      )}\n      <TextComponent\n        label={label}\n        defaultFontColor={fontColorVC[variant]}\n        hasIcon={!!iconProps}\n        iconPosition={iconPosition}\n        textProps={textProps}\n        size={size}\n      />\n      {iconPosition === 'right' ? (\n        <IconComponent\n          iconProps={iconProps}\n          size={size}\n          defaultFontColor={fontColorVC[variant]}\n        />\n      ) : (\n        <></>\n      )}\n    </StyledIconTextButton>\n  );\n};\n\nexport default IconTextButton;\n"],"mappings":";;;;;AAAA;;AAKA;;AAEA;;AACA;;;;;;AAKA,MAAMA,cAAmD,GAAG,CAAC;EAC3DC,SAD2D;EAE3DC,YAAY,GAAG,MAF4C;EAG3DC,SAH2D;EAI3DC,KAJ2D;EAK3DC,OAAO,GAAG,QALiD;EAM3DC,IAAI,GAAG,SANoD;EAO3D,GAAGC;AAPwD,CAAD,KAQtD;EACJ,OACE,6BAAC,4BAAD;IAAsB,KAAK,EAAE,CAACH,KAA9B;IAAqC,OAAO,EAAEC;EAA9C,GAA2DE,IAA3D,GACGL,YAAY,KAAK,MAAjB,GACC,6BAAC,wBAAD;IACE,SAAS,EAAED,SADb;IAEE,IAAI,EAAEK,IAFR;IAGE,gBAAgB,EAAEE,sBAAA,CAAYH,OAAZ;EAHpB,EADD,GAOC,2DARJ,EAUE,6BAAC,sBAAD;IACE,KAAK,EAAED,KADT;IAEE,gBAAgB,EAAEI,sBAAA,CAAYH,OAAZ,CAFpB;IAGE,OAAO,EAAE,CAAC,CAACJ,SAHb;IAIE,YAAY,EAAEC,YAJhB;IAKE,SAAS,EAAEC,SALb;IAME,IAAI,EAAEG;EANR,EAVF,EAkBGJ,YAAY,KAAK,OAAjB,GACC,6BAAC,wBAAD;IACE,SAAS,EAAED,SADb;IAEE,IAAI,EAAEK,IAFR;IAGE,gBAAgB,EAAEE,sBAAA,CAAYH,OAAZ;EAHpB,EADD,GAOC,2DAzBJ,CADF;AA8BD,CAvCD;;eAyCeL,c"}

package/dist/components/molecules/IconTextButton/TextComponent.d.ts

@@ -0,0 +1,12 @@
+import { ButtonSizeType, FontColor, IconPositionOptions, TextProps } from '@tecsinapse/react-core';
+import React from 'react';
+interface TextComponentProps {
+    textProps?: TextProps;
+    size?: ButtonSizeType;
+    defaultFontColor: keyof FontColor;
+    label?: string;
+    iconPosition?: IconPositionOptions;
+    hasIcon?: boolean;
+}
+declare const _default: React.NamedExoticComponent<TextComponentProps>;
+export default _default;