@tecsinapse/react-native-kit 1.22.1-beta.1 → 1.22.1-beta.2

package/dist/components/atoms/Avatar/{Avatar.js → Avatar.cjs}

@@ -2,7 +2,7 @@
 
 var reactCore = require('@tecsinapse/react-core');
 var React = require('react');
-var Text = require('../Text/Text.js');
+var Text = require('../Text/Text.cjs');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -34,4 +34,4 @@ const Avatar = (props) => {
 };
 
 module.exports = Avatar;
-//# sourceMappingURL=Avatar.js.map
+//# sourceMappingURL=Avatar.cjs.map

package/dist/components/atoms/Avatar/Avatar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.cjs","sources":["../../../../src/components/atoms/Avatar/Avatar.tsx"],"sourcesContent":["import { Avatar as AvatarCore, AvatarProps } from '@tecsinapse/react-core';\nimport React from 'react';\nimport { Text } from '../Text';\n\nconst Avatar: React.FC<AvatarProps> = props => {\n  return <AvatarCore {...props} TextComponent={Text} />;\n};\n\nexport default Avatar;\n"],"names":["React","AvatarCore"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,SAAgC,CAAS,KAAA,KAAA;AAC7C,EAAO,uBAAAA,yBAAA,CAAA,aAAA,CAACC,mDAAe,KAAf,CAAA,EAAA;AAAA,IAAsB,aAAe,EAAA,IAAA;AAAA,GAAM,CAAA,CAAA,CAAA;AACrD;;;;"}

package/{esm/components/atoms/Avatar/Avatar.js → dist/components/atoms/Avatar/Avatar.mjs}

@@ -1,6 +1,6 @@
 import { Avatar as Avatar$1 } from '@tecsinapse/react-core';
 import React__default from 'react';
-import Text from '../Text/Text.js';
+import Text from '../Text/Text.mjs';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -28,4 +28,4 @@ const Avatar = (props) => {
 };
 
 export { Avatar as default };
-//# sourceMappingURL=Avatar.js.map
+//# sourceMappingURL=Avatar.mjs.map

package/dist/components/atoms/Avatar/Avatar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.mjs","sources":["../../../../src/components/atoms/Avatar/Avatar.tsx"],"sourcesContent":["import { Avatar as AvatarCore, AvatarProps } from '@tecsinapse/react-core';\nimport React from 'react';\nimport { Text } from '../Text';\n\nconst Avatar: React.FC<AvatarProps> = props => {\n  return <AvatarCore {...props} TextComponent={Text} />;\n};\n\nexport default Avatar;\n"],"names":["React","AvatarCore"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,SAAgC,CAAS,KAAA,KAAA;AAC7C,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAACC,2CAAe,KAAf,CAAA,EAAA;AAAA,IAAsB,aAAe,EAAA,IAAA;AAAA,GAAM,CAAA,CAAA,CAAA;AACrD;;;;"}

package/dist/components/atoms/Badge/{Badge.js → Badge.cjs}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var reactCore = require('@tecsinapse/react-core');
-var Text = require('../Text/Text.js');
+var Text = require('../Text/Text.cjs');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -59,4 +59,4 @@ const Badge = (_a) => {
 };
 
 module.exports = Badge;
-//# sourceMappingURL=Badge.js.map
+//# sourceMappingURL=Badge.cjs.map

package/dist/components/atoms/Badge/Badge.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.cjs","sources":["../../../../src/components/atoms/Badge/Badge.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n  BadgeProps,\n  Badge as BadgeCore,\n  FontColorType,\n} from '@tecsinapse/react-core';\nimport { Text } from '../Text';\n\nexport interface BadgeNativeProps extends Omit<BadgeProps, 'value'> {\n  fontColor?: FontColorType;\n  value: string | number;\n}\n\nconst Badge: FC<BadgeNativeProps> = ({\n  children,\n  fontColor = 'light',\n  value,\n  ...props\n}) => {\n  return (\n    <BadgeCore\n      {...props}\n      value={\n        <Text fontColor={fontColor} fontWeight={'bold'} typography={'label'}>\n          {value}\n        </Text>\n      }\n    >\n      {children}\n    </BadgeCore>\n  );\n};\n\nexport default Badge;\n"],"names":["React","BadgeCore"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaM,MAAA,KAAA,GAA8B,CAAC,EAK/B,KAAA;AAL+B,EACnC,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,SAAY,GAAA,OAAA;AAAA,IACZ,KAAA;AAAA,GAhBF,GAaqC,EAIhC,EAAA,KAAA,GAAA,SAAA,CAJgC,EAIhC,EAAA;AAAA,IAHH,UAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EACE,uBAAAA,yBAAA,CAAA,aAAA,CAACC,kDACK,KADL,CAAA,EAAA;AAAA,IAEC,uBACGD,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,MAAK,SAAA;AAAA,MAAsB,UAAY,EAAA,MAAA;AAAA,MAAQ,UAAY,EAAA,OAAA;AAAA,KAAA,EACzD,KACH,CAAA;AAAA,GAAA,CAAA,EAGD,QACH,CAAA,CAAA;AAEJ;;;;"}

package/{esm/components/atoms/Badge/Badge.js → dist/components/atoms/Badge/Badge.mjs}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import { Badge as Badge$1 } from '@tecsinapse/react-core';
-import Text from '../Text/Text.js';
+import Text from '../Text/Text.mjs';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -53,4 +53,4 @@ const Badge = (_a) => {
 };
 
 export { Badge as default };
-//# sourceMappingURL=Badge.js.map
+//# sourceMappingURL=Badge.mjs.map

package/dist/components/atoms/Badge/Badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.mjs","sources":["../../../../src/components/atoms/Badge/Badge.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n  BadgeProps,\n  Badge as BadgeCore,\n  FontColorType,\n} from '@tecsinapse/react-core';\nimport { Text } from '../Text';\n\nexport interface BadgeNativeProps extends Omit<BadgeProps, 'value'> {\n  fontColor?: FontColorType;\n  value: string | number;\n}\n\nconst Badge: FC<BadgeNativeProps> = ({\n  children,\n  fontColor = 'light',\n  value,\n  ...props\n}) => {\n  return (\n    <BadgeCore\n      {...props}\n      value={\n        <Text fontColor={fontColor} fontWeight={'bold'} typography={'label'}>\n          {value}\n        </Text>\n      }\n    >\n      {children}\n    </BadgeCore>\n  );\n};\n\nexport default Badge;\n"],"names":["React","BadgeCore"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaM,MAAA,KAAA,GAA8B,CAAC,EAK/B,KAAA;AAL+B,EACnC,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,SAAY,GAAA,OAAA;AAAA,IACZ,KAAA;AAAA,GAhBF,GAaqC,EAIhC,EAAA,KAAA,GAAA,SAAA,CAJgC,EAIhC,EAAA;AAAA,IAHH,UAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAACC,0CACK,KADL,CAAA,EAAA;AAAA,IAEC,uBACGD,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,MAAK,SAAA;AAAA,MAAsB,UAAY,EAAA,MAAA;AAAA,MAAQ,UAAY,EAAA,OAAA;AAAA,KAAA,EACzD,KACH,CAAA;AAAA,GAAA,CAAA,EAGD,QACH,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/atoms/BottomNavigator/{BottomNavigator.js → BottomNavigator.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var styled = require('./styled.js');
-var Item = require('./Item.js');
-var Text = require('../Text/Text.js');
+var styled = require('./styled.cjs');
+var Item = require('./Item.cjs');
+var Text = require('../Text/Text.cjs');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -80,4 +80,4 @@ function BottomNavigator(_a) {
 BottomNavigator.Item = Item;
 
 module.exports = BottomNavigator;
-//# sourceMappingURL=BottomNavigator.js.map
+//# sourceMappingURL=BottomNavigator.cjs.map

package/dist/components/atoms/BottomNavigator/BottomNavigator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomNavigator.cjs","sources":["../../../../src/components/atoms/BottomNavigator/BottomNavigator.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ViewProps } from 'react-native';\nimport { StyledView, TabContainer } from './styled';\nimport Item, { BottomNavigatorItemProps } from './Item';\nimport { Text } from '../Text';\n\nexport interface BottomNavigatorProps<T extends string | number | symbol>\n  extends ViewProps {\n  selected: T;\n  onSelect: (value: T) => void | never;\n  children:\n    | React.ReactElement<BottomNavigatorItemProps<T>>\n    | React.ReactElement<BottomNavigatorItemProps<T>>[];\n}\n\nfunction BottomNavigator<T extends string | number | symbol>({\n  selected,\n  onSelect,\n  children,\n  ...rest\n}: BottomNavigatorProps<T>): JSX.Element {\n  return (\n    <StyledView {...rest}>\n      {React.Children.map(children, child => {\n        const { value, label, labelProps, labelElement } = (\n          child as React.ReactElement<BottomNavigatorItemProps<T>>\n        ).props;\n        const isSelected = value == selected;\n\n        return (\n          <TabContainer selected={isSelected} onPress={() => onSelect(value)}>\n            {React.cloneElement(child as React.ReactElement, {\n              _selected: isSelected,\n            })}\n            {label && !labelElement && (\n              <Text\n                colorVariant={\n                  labelProps?.colorVariant || isSelected\n                    ? 'primary'\n                    : 'secondary'\n                }\n                typography={labelProps?.typography || 'sub'}\n                {...labelProps}\n              >\n                {label}\n              </Text>\n            )}\n            {labelElement && labelElement}\n          </TabContainer>\n        );\n      })}\n    </StyledView>\n  );\n}\n\nBottomNavigator.Item = Item;\n\nexport default BottomNavigator;\n"],"names":["StyledView","React","TabContainer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,SAAS,gBAAoD,EAKpB,EAAA;AALoB,EAC3D,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,GAlBF,GAe6D,EAIxD,EAAA,IAAA,GAAA,SAAA,CAJwD,EAIxD,EAAA;AAAA,IAHH,UAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,sDACGA,iBAAe,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EACbC,iBAAM,QAAS,CAAA,GAAA,CAAI,UAAU,CAAS,KAAA,KAAA;AACrC,IAAA,MAAM,EAAE,KAAO,EAAA,KAAA,EAAO,UAAY,EAAA,YAAA,KAChC,KACA,CAAA,KAAA,CAAA;AACF,IAAA,MAAM,aAAa,KAAS,IAAA,QAAA,CAAA;AAE5B,IAAA,uBACGA,gBAAA,CAAA,aAAA,CAAAC,mBAAA,EAAA;AAAA,MAAa,QAAU,EAAA,UAAA;AAAA,MAAY,OAAA,EAAS,MAAM,QAAA,CAAS,KAAK,CAAA;AAAA,KAC9D,EAAAD,gBAAA,CAAM,aAAa,KAA6B,EAAA;AAAA,MAC/C,SAAW,EAAA,UAAA;AAAA,KACZ,CAAA,EACA,KAAS,IAAA,CAAC,gCACRA,gBAAA,CAAA,aAAA,CAAA,IAAA,EAAA,cAAA,CAAA;AAAA,MACC,YACE,EAAA,CAAA,UAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAY,YAAgB,KAAA,UAAA,GACxB,SACA,GAAA,WAAA;AAAA,MAEN,UAAA,EAAA,CAAY,yCAAY,UAAc,KAAA,KAAA;AAAA,KAAA,EAClC,UAEH,CAAA,EAAA,KACH,CAED,EAAA,YAAA,IAAgB,YACnB,CAAA,CAAA;AAAA,GAEH,CACH,CAAA,CAAA;AAEJ,CAAA;AAEA,eAAA,CAAgB,IAAO,GAAA,IAAA;;;;"}

package/{esm/components/atoms/BottomNavigator/BottomNavigator.js → dist/components/atoms/BottomNavigator/BottomNavigator.mjs}

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { StyledView, TabContainer } from './styled.js';
-import Item from './Item.js';
-import Text from '../Text/Text.js';
+import { StyledView, TabContainer } from './styled.mjs';
+import Item from './Item.mjs';
+import Text from '../Text/Text.mjs';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -58,4 +58,4 @@ function BottomNavigator(_a) {
 BottomNavigator.Item = Item;
 
 export { BottomNavigator as default };
-//# sourceMappingURL=BottomNavigator.js.map
+//# sourceMappingURL=BottomNavigator.mjs.map

package/dist/components/atoms/BottomNavigator/BottomNavigator.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomNavigator.mjs","sources":["../../../../src/components/atoms/BottomNavigator/BottomNavigator.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ViewProps } from 'react-native';\nimport { StyledView, TabContainer } from './styled';\nimport Item, { BottomNavigatorItemProps } from './Item';\nimport { Text } from '../Text';\n\nexport interface BottomNavigatorProps<T extends string | number | symbol>\n  extends ViewProps {\n  selected: T;\n  onSelect: (value: T) => void | never;\n  children:\n    | React.ReactElement<BottomNavigatorItemProps<T>>\n    | React.ReactElement<BottomNavigatorItemProps<T>>[];\n}\n\nfunction BottomNavigator<T extends string | number | symbol>({\n  selected,\n  onSelect,\n  children,\n  ...rest\n}: BottomNavigatorProps<T>): JSX.Element {\n  return (\n    <StyledView {...rest}>\n      {React.Children.map(children, child => {\n        const { value, label, labelProps, labelElement } = (\n          child as React.ReactElement<BottomNavigatorItemProps<T>>\n        ).props;\n        const isSelected = value == selected;\n\n        return (\n          <TabContainer selected={isSelected} onPress={() => onSelect(value)}>\n            {React.cloneElement(child as React.ReactElement, {\n              _selected: isSelected,\n            })}\n            {label && !labelElement && (\n              <Text\n                colorVariant={\n                  labelProps?.colorVariant || isSelected\n                    ? 'primary'\n                    : 'secondary'\n                }\n                typography={labelProps?.typography || 'sub'}\n                {...labelProps}\n              >\n                {label}\n              </Text>\n            )}\n            {labelElement && labelElement}\n          </TabContainer>\n        );\n      })}\n    </StyledView>\n  );\n}\n\nBottomNavigator.Item = Item;\n\nexport default BottomNavigator;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,SAAS,gBAAoD,EAKpB,EAAA;AALoB,EAC3D,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,GAlBF,GAe6D,EAIxD,EAAA,IAAA,GAAA,SAAA,CAJwD,EAIxD,EAAA;AAAA,IAHH,UAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,2CACG,UAAe,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EACb,MAAM,QAAS,CAAA,GAAA,CAAI,UAAU,CAAS,KAAA,KAAA;AACrC,IAAA,MAAM,EAAE,KAAO,EAAA,KAAA,EAAO,UAAY,EAAA,YAAA,KAChC,KACA,CAAA,KAAA,CAAA;AACF,IAAA,MAAM,aAAa,KAAS,IAAA,QAAA,CAAA;AAE5B,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA;AAAA,MAAa,QAAU,EAAA,UAAA;AAAA,MAAY,OAAA,EAAS,MAAM,QAAA,CAAS,KAAK,CAAA;AAAA,KAC9D,EAAA,KAAA,CAAM,aAAa,KAA6B,EAAA;AAAA,MAC/C,SAAW,EAAA,UAAA;AAAA,KACZ,CAAA,EACA,KAAS,IAAA,CAAC,gCACR,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,cAAA,CAAA;AAAA,MACC,YACE,EAAA,CAAA,UAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAY,YAAgB,KAAA,UAAA,GACxB,SACA,GAAA,WAAA;AAAA,MAEN,UAAA,EAAA,CAAY,yCAAY,UAAc,KAAA,KAAA;AAAA,KAAA,EAClC,UAEH,CAAA,EAAA,KACH,CAED,EAAA,YAAA,IAAgB,YACnB,CAAA,CAAA;AAAA,GAEH,CACH,CAAA,CAAA;AAEJ,CAAA;AAEA,eAAA,CAAgB,IAAO,GAAA,IAAA;;;;"}

package/dist/components/atoms/BottomNavigator/{Item.js → Item.cjs}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var reactCore = require('@tecsinapse/react-core');
-var styled = require('./styled.js');
+var styled = require('./styled.cjs');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -77,4 +77,4 @@ function Item(_a) {
 }
 
 module.exports = Item;
-//# sourceMappingURL=Item.js.map
+//# sourceMappingURL=Item.cjs.map

package/dist/components/atoms/BottomNavigator/Item.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.cjs","sources":["../../../../src/components/atoms/BottomNavigator/Item.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon, IconProps } from '@tecsinapse/react-core';\nimport { TabContent, CustomTabContent } from './styled';\nimport { ViewProps } from 'react-native';\nimport { TextNativeProps } from '../Text';\n\ntype ValueType = string | number | symbol;\n\nexport interface BottomNavigatorItemProps<T extends ValueType>\n  extends Omit<ViewProps, 'children'> {\n  _selected?: boolean;\n  value: T;\n  icon: IconProps;\n  label?: string;\n  labelProps?: TextNativeProps;\n  labelElement?: React.ReactNode | React.ReactNode[];\n  children: React.ReactNode | React.ReactNode[];\n}\n\ntype ItemPropsWithIcon<T extends ValueType> = Omit<\n  BottomNavigatorItemProps<T>,\n  'children'\n>;\n\ntype ItemPropsWithChildren<T extends ValueType> = Omit<\n  BottomNavigatorItemProps<T>,\n  'icon' | 'label' | 'labelElement' | 'labelProps'\n>;\n\nfunction Item<T extends ValueType>(props: ItemPropsWithChildren<T>);\nfunction Item<T extends ValueType>(props: ItemPropsWithIcon<T>);\nfunction Item<T extends ValueType>({\n  _selected,\n  icon,\n  children,\n  ...rest\n}: Partial<BottomNavigatorItemProps<T>>): JSX.Element {\n  const styledButtonStyle = _selected\n    ? undefined\n    : { backgroundColor: 'transparent' };\n\n  const iconColorVariant = _selected ? 'primary' : 'secondary';\n\n  if (icon) {\n    return (\n      <TabContent style={styledButtonStyle} {...rest}>\n        <Icon colorVariant={iconColorVariant} size={'centi'} {...icon} />\n      </TabContent>\n    );\n  } else {\n    return <CustomTabContent>{children}</CustomTabContent>;\n  }\n}\n\nexport default Item;\n"],"names":["React","TabContent","Icon","CustomTabContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,SAAS,KAA0B,EAKmB,EAAA;AALnB,EACjC,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,SAAA;AAAA,IACA,IAAA;AAAA,IACA,QAAA;AAAA,GAlCF,GA+BmC,EAI9B,EAAA,IAAA,GAAA,SAAA,CAJ8B,EAI9B,EAAA;AAAA,IAHH,WAAA;AAAA,IACA,MAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,iBAAoB,GAAA,SAAA,GACtB,KACA,CAAA,GAAA,EAAE,iBAAiB,aAAc,EAAA,CAAA;AAErC,EAAM,MAAA,gBAAA,GAAmB,YAAY,SAAY,GAAA,WAAA,CAAA;AAEjD,EAAA,IAAI,IAAM,EAAA;AACR,IAAA,uBACGA,gBAAA,CAAA,aAAA,CAAAC,iBAAA,EAAA,cAAA,CAAA;AAAA,MAAW,KAAO,EAAA,iBAAA;AAAA,KAAA,EAAuB,uBACvCD,gBAAA,CAAA,aAAA,CAAAE,cAAA,EAAA,cAAA,CAAA;AAAA,MAAK,YAAc,EAAA,gBAAA;AAAA,MAAkB,IAAM,EAAA,OAAA;AAAA,KAAA,EAAa,KAAM,CACjE,CAAA,CAAA;AAAA,GAEG,MAAA;AACL,IAAO,uBAAAF,gBAAA,CAAA,aAAA,CAACG,+BAAkB,QAAS,CAAA,CAAA;AAAA,GACrC;AACF;;;;"}

package/{esm/components/atoms/BottomNavigator/Item.js → dist/components/atoms/BottomNavigator/Item.mjs}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Icon } from '@tecsinapse/react-core';
-import { TabContent, CustomTabContent } from './styled.js';
+import { TabContent, CustomTabContent } from './styled.mjs';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -55,4 +55,4 @@ function Item(_a) {
 }
 
 export { Item as default };
-//# sourceMappingURL=Item.js.map
+//# sourceMappingURL=Item.mjs.map

package/dist/components/atoms/BottomNavigator/Item.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.mjs","sources":["../../../../src/components/atoms/BottomNavigator/Item.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon, IconProps } from '@tecsinapse/react-core';\nimport { TabContent, CustomTabContent } from './styled';\nimport { ViewProps } from 'react-native';\nimport { TextNativeProps } from '../Text';\n\ntype ValueType = string | number | symbol;\n\nexport interface BottomNavigatorItemProps<T extends ValueType>\n  extends Omit<ViewProps, 'children'> {\n  _selected?: boolean;\n  value: T;\n  icon: IconProps;\n  label?: string;\n  labelProps?: TextNativeProps;\n  labelElement?: React.ReactNode | React.ReactNode[];\n  children: React.ReactNode | React.ReactNode[];\n}\n\ntype ItemPropsWithIcon<T extends ValueType> = Omit<\n  BottomNavigatorItemProps<T>,\n  'children'\n>;\n\ntype ItemPropsWithChildren<T extends ValueType> = Omit<\n  BottomNavigatorItemProps<T>,\n  'icon' | 'label' | 'labelElement' | 'labelProps'\n>;\n\nfunction Item<T extends ValueType>(props: ItemPropsWithChildren<T>);\nfunction Item<T extends ValueType>(props: ItemPropsWithIcon<T>);\nfunction Item<T extends ValueType>({\n  _selected,\n  icon,\n  children,\n  ...rest\n}: Partial<BottomNavigatorItemProps<T>>): JSX.Element {\n  const styledButtonStyle = _selected\n    ? undefined\n    : { backgroundColor: 'transparent' };\n\n  const iconColorVariant = _selected ? 'primary' : 'secondary';\n\n  if (icon) {\n    return (\n      <TabContent style={styledButtonStyle} {...rest}>\n        <Icon colorVariant={iconColorVariant} size={'centi'} {...icon} />\n      </TabContent>\n    );\n  } else {\n    return <CustomTabContent>{children}</CustomTabContent>;\n  }\n}\n\nexport default Item;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,SAAS,KAA0B,EAKmB,EAAA;AALnB,EACjC,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,SAAA;AAAA,IACA,IAAA;AAAA,IACA,QAAA;AAAA,GAlCF,GA+BmC,EAI9B,EAAA,IAAA,GAAA,SAAA,CAJ8B,EAI9B,EAAA;AAAA,IAHH,WAAA;AAAA,IACA,MAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,iBAAoB,GAAA,SAAA,GACtB,KACA,CAAA,GAAA,EAAE,iBAAiB,aAAc,EAAA,CAAA;AAErC,EAAM,MAAA,gBAAA,GAAmB,YAAY,SAAY,GAAA,WAAA,CAAA;AAEjD,EAAA,IAAI,IAAM,EAAA;AACR,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,cAAA,CAAA;AAAA,MAAW,KAAO,EAAA,iBAAA;AAAA,KAAA,EAAuB,uBACvC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,cAAA,CAAA;AAAA,MAAK,YAAc,EAAA,gBAAA;AAAA,MAAkB,IAAM,EAAA,OAAA;AAAA,KAAA,EAAa,KAAM,CACjE,CAAA,CAAA;AAAA,GAEG,MAAA;AACL,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,wBAAkB,QAAS,CAAA,CAAA;AAAA,GACrC;AACF;;;;"}

package/dist/components/atoms/BottomNavigator/{styled.js → styled.cjs}

@@ -39,4 +39,4 @@ exports.CustomTabContent = CustomTabContent;
 exports.StyledView = StyledView;
 exports.TabContainer = TabContainer;
 exports.TabContent = TabContent;
-//# sourceMappingURL=styled.js.map
+//# sourceMappingURL=styled.cjs.map

package/dist/components/atoms/BottomNavigator/styled.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.cjs","sources":["../../../../src/components/atoms/BottomNavigator/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { RFValueStr, StyleProps } from '@tecsinapse/react-core';\nimport { PressableProps, ViewProps } from 'react-native';\n\nexport const StyledView = styled.View<ViewProps & Partial<StyleProps>>`\n  flex-direction: row;\n  justify-content: space-between;\n  padding-horizontal: ${({ theme }) => theme.spacing.deca};\n  padding-bottom: ${({ theme }) => theme.spacing.kilo};\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n`;\n\nexport const TabContainer = styled.Pressable<\n  { selected: boolean } & PressableProps & Partial<StyleProps>\n>`\n  flex: 1;\n  margin-horizontal: ${({ theme }) => theme.spacing.mili};\n  padding-top: ${({ theme }) => theme.spacing.deca};\n  border-top-width: ${({ selected }) => (selected ? RFValueStr('2px') : 0)};\n  border-color: ${({ theme }) => theme.color.primary.medium};\n  align-items: center;\n  justify-content: flex-end;\n`;\n\nexport const TabContent = styled.View<ViewProps & Partial<StyleProps>>`\n  aspect-ratio: 1;\n  justify-content: center;\n  align-items: center;\n  min-height: ${RFValueStr('48px')};\n  background-color: ${({ theme }) => theme.color.primary.xlight};\n  border-radius: ${({ theme }) => theme.borderRadius['mili']};\n`;\n\nexport const CustomTabContent = styled.View<ViewProps & Partial<StyleProps>>``;\n"],"names":["styled","RFValueStr"],"mappings":";;;;;;;;;;;AAIO,MAAM,aAAaA,0BAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA,sBAAA,EAGT,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,kBAAA,EACjC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,oBAAA,EAC3B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA,EAAA;AAGlD,MAAM,eAAeA,0BAAO,CAAA,SAAA,CAAA;AAAA;AAAA,qBAAA,EAIZ,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,eAAA,EACnC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,oBAAA,EACxB,CAAC,EAAE,QAAA,OAAgB,QAAW,GAAAC,oBAAA,CAAW,KAAK,CAAI,GAAA,CAAA,CAAA;AAAA,gBAAA,EACtD,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,MAAM,OAAQ,CAAA,MAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAK9C,MAAM,aAAaD,0BAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA,cAAA,EAIjBC,qBAAW,MAAM,CAAA,CAAA;AAAA,oBAAA,EACX,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,MAAM,OAAQ,CAAA,MAAA,CAAA;AAAA,iBAAA,EACtC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,MAAA,CAAA,CAAA;AAAA,EAAA;AAG9C,MAAM,mBAAmBD,0BAAO,CAAA,IAAA,CAAA;;;;;;;"}

package/{esm/components/atoms/BottomNavigator/styled.js → dist/components/atoms/BottomNavigator/styled.mjs}

@@ -28,4 +28,4 @@ const TabContent = styled.View`
 const CustomTabContent = styled.View``;
 
 export { CustomTabContent, StyledView, TabContainer, TabContent };
-//# sourceMappingURL=styled.js.map
+//# sourceMappingURL=styled.mjs.map

package/dist/components/atoms/BottomNavigator/styled.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.mjs","sources":["../../../../src/components/atoms/BottomNavigator/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { RFValueStr, StyleProps } from '@tecsinapse/react-core';\nimport { PressableProps, ViewProps } from 'react-native';\n\nexport const StyledView = styled.View<ViewProps & Partial<StyleProps>>`\n  flex-direction: row;\n  justify-content: space-between;\n  padding-horizontal: ${({ theme }) => theme.spacing.deca};\n  padding-bottom: ${({ theme }) => theme.spacing.kilo};\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n`;\n\nexport const TabContainer = styled.Pressable<\n  { selected: boolean } & PressableProps & Partial<StyleProps>\n>`\n  flex: 1;\n  margin-horizontal: ${({ theme }) => theme.spacing.mili};\n  padding-top: ${({ theme }) => theme.spacing.deca};\n  border-top-width: ${({ selected }) => (selected ? RFValueStr('2px') : 0)};\n  border-color: ${({ theme }) => theme.color.primary.medium};\n  align-items: center;\n  justify-content: flex-end;\n`;\n\nexport const TabContent = styled.View<ViewProps & Partial<StyleProps>>`\n  aspect-ratio: 1;\n  justify-content: center;\n  align-items: center;\n  min-height: ${RFValueStr('48px')};\n  background-color: ${({ theme }) => theme.color.primary.xlight};\n  border-radius: ${({ theme }) => theme.borderRadius['mili']};\n`;\n\nexport const CustomTabContent = styled.View<ViewProps & Partial<StyleProps>>``;\n"],"names":[],"mappings":";;;AAIO,MAAM,aAAa,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA,sBAAA,EAGT,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,kBAAA,EACjC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,oBAAA,EAC3B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA,EAAA;AAGlD,MAAM,eAAe,MAAO,CAAA,SAAA,CAAA;AAAA;AAAA,qBAAA,EAIZ,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,eAAA,EACnC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,oBAAA,EACxB,CAAC,EAAE,QAAA,OAAgB,QAAW,GAAA,UAAA,CAAW,KAAK,CAAI,GAAA,CAAA,CAAA;AAAA,gBAAA,EACtD,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,MAAM,OAAQ,CAAA,MAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAK9C,MAAM,aAAa,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA,cAAA,EAIjB,WAAW,MAAM,CAAA,CAAA;AAAA,oBAAA,EACX,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,MAAM,OAAQ,CAAA,MAAA,CAAA;AAAA,iBAAA,EACtC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,MAAA,CAAA,CAAA;AAAA,EAAA;AAG9C,MAAM,mBAAmB,MAAO,CAAA,IAAA,CAAA;;;;"}

package/dist/components/atoms/Button/{Button.js → Button.cjs}

@@ -62,4 +62,4 @@ const Button = (_a) => {
 };
 
 exports.Button = Button;
-//# sourceMappingURL=Button.js.map
+//# sourceMappingURL=Button.cjs.map

package/dist/components/atoms/Button/Button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.cjs","sources":["../../../../src/components/atoms/Button/Button.tsx"],"sourcesContent":["import { Button as ButtonCore, ButtonProps } from '@tecsinapse/react-core';\nimport React, { FC, useCallback } from 'react';\nimport { Keyboard } from 'react-native';\n\nexport type ButtonNativeProps = ButtonProps & {\n  autoDismissKeyboard?: boolean;\n};\n\nexport const Button: FC<ButtonNativeProps> = ({\n  autoDismissKeyboard = true,\n  onPress,\n  ...others\n}) => {\n  const handleOnPress = useCallback(\n    event => {\n      autoDismissKeyboard && Keyboard.dismiss();\n      onPress?.(event);\n    },\n    [onPress]\n  );\n\n  return <ButtonCore {...others} onPress={handleOnPress} />;\n};\n"],"names":["useCallback","Keyboard","React","ButtonCore"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQa,MAAA,MAAA,GAAgC,CAAC,EAIxC,KAAA;AAJwC,EAC5C,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAsB,mBAAA,GAAA,IAAA;AAAA,IACtB,OAAA;AAAA,GAVF,GAQ8C,EAGzC,EAAA,MAAA,GAAA,SAAA,CAHyC,EAGzC,EAAA;AAAA,IAFH,qBAAA;AAAA,IACA,SAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,aAAgB,GAAAA,iBAAA;AAAA,IACpB,CAAS,KAAA,KAAA;AACP,MAAA,mBAAA,IAAuBC,qBAAS,OAAQ,EAAA,CAAA;AACxC,MAAU,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,KAAA,CAAA,CAAA;AAAA,KACZ;AAAA,IACA,CAAC,OAAO,CAAA;AAAA,GACV,CAAA;AAEA,EAAO,uBAAAC,yBAAA,CAAA,aAAA,CAACC,mDAAe,MAAf,CAAA,EAAA;AAAA,IAAuB,OAAS,EAAA,aAAA;AAAA,GAAe,CAAA,CAAA,CAAA;AACzD;;;;"}

package/{esm/components/atoms/Button/Button.js → dist/components/atoms/Button/Button.mjs}

@@ -54,4 +54,4 @@ const Button = (_a) => {
 };
 
 export { Button };
-//# sourceMappingURL=Button.js.map
+//# sourceMappingURL=Button.mjs.map

package/dist/components/atoms/Button/Button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.mjs","sources":["../../../../src/components/atoms/Button/Button.tsx"],"sourcesContent":["import { Button as ButtonCore, ButtonProps } from '@tecsinapse/react-core';\nimport React, { FC, useCallback } from 'react';\nimport { Keyboard } from 'react-native';\n\nexport type ButtonNativeProps = ButtonProps & {\n  autoDismissKeyboard?: boolean;\n};\n\nexport const Button: FC<ButtonNativeProps> = ({\n  autoDismissKeyboard = true,\n  onPress,\n  ...others\n}) => {\n  const handleOnPress = useCallback(\n    event => {\n      autoDismissKeyboard && Keyboard.dismiss();\n      onPress?.(event);\n    },\n    [onPress]\n  );\n\n  return <ButtonCore {...others} onPress={handleOnPress} />;\n};\n"],"names":["React","ButtonCore"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQa,MAAA,MAAA,GAAgC,CAAC,EAIxC,KAAA;AAJwC,EAC5C,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAsB,mBAAA,GAAA,IAAA;AAAA,IACtB,OAAA;AAAA,GAVF,GAQ8C,EAGzC,EAAA,MAAA,GAAA,SAAA,CAHyC,EAGzC,EAAA;AAAA,IAFH,qBAAA;AAAA,IACA,SAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,aAAgB,GAAA,WAAA;AAAA,IACpB,CAAS,KAAA,KAAA;AACP,MAAA,mBAAA,IAAuB,SAAS,OAAQ,EAAA,CAAA;AACxC,MAAU,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,KAAA,CAAA,CAAA;AAAA,KACZ;AAAA,IACA,CAAC,OAAO,CAAA;AAAA,GACV,CAAA;AAEA,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAACC,2CAAe,MAAf,CAAA,EAAA;AAAA,IAAuB,OAAS,EAAA,aAAA;AAAA,GAAe,CAAA,CAAA,CAAA;AACzD;;;;"}

package/dist/components/atoms/Button/States/{Error.js → Error.cjs}

@@ -2,7 +2,7 @@
 
 var reactCore = require('@tecsinapse/react-core');
 var React = require('react');
-var Text = require('../../Text/Text.js');
+var Text = require('../../Text/Text.cjs');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -34,4 +34,4 @@ const Error2 = (props) => {
 };
 
 module.exports = Error2;
-//# sourceMappingURL=Error.js.map
+//# sourceMappingURL=Error.cjs.map

package/dist/components/atoms/Button/States/Error.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Error.cjs","sources":["../../../../../src/components/atoms/Button/States/Error.tsx"],"sourcesContent":["import { ButtonStateProps, Error as CoreError } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Text } from '../../Text';\n\nconst Error: FC<ButtonStateProps> = props => {\n  return <CoreError {...props} textComponent={Text} />;\n};\n\nexport default Error;\n"],"names":["Error","React","CoreError"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAMA,SAA8B,CAAS,KAAA,KAAA;AAC3C,EAAO,uBAAAC,yBAAA,CAAA,aAAA,CAACC,kDAAc,KAAd,CAAA,EAAA;AAAA,IAAqB,aAAe,EAAA,IAAA;AAAA,GAAM,CAAA,CAAA,CAAA;AACpD;;;;"}

package/{esm/components/atoms/Button/States/Error.js → dist/components/atoms/Button/States/Error.mjs}

@@ -1,6 +1,6 @@
 import { Error } from '@tecsinapse/react-core';
 import React__default from 'react';
-import Text from '../../Text/Text.js';
+import Text from '../../Text/Text.mjs';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -28,4 +28,4 @@ const Error2 = (props) => {
 };
 
 export { Error2 as default };
-//# sourceMappingURL=Error.js.map
+//# sourceMappingURL=Error.mjs.map

package/dist/components/atoms/Button/States/Error.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Error.mjs","sources":["../../../../../src/components/atoms/Button/States/Error.tsx"],"sourcesContent":["import { ButtonStateProps, Error as CoreError } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Text } from '../../Text';\n\nconst Error: FC<ButtonStateProps> = props => {\n  return <CoreError {...props} textComponent={Text} />;\n};\n\nexport default Error;\n"],"names":["Error","React","CoreError"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAMA,SAA8B,CAAS,KAAA,KAAA;AAC3C,EAAO,uBAAAC,cAAA,CAAA,aAAA,CAACC,wCAAc,KAAd,CAAA,EAAA;AAAA,IAAqB,aAAe,EAAA,IAAA;AAAA,GAAM,CAAA,CAAA,CAAA;AACpD;;;;"}

package/dist/components/atoms/Button/States/{Loading.js → Loading.cjs}

@@ -2,7 +2,7 @@
 
 var reactCore = require('@tecsinapse/react-core');
 var React = require('react');
-var Text = require('../../Text/Text.js');
+var Text = require('../../Text/Text.cjs');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -34,4 +34,4 @@ const Loading = (props) => {
 };
 
 module.exports = Loading;
-//# sourceMappingURL=Loading.js.map
+//# sourceMappingURL=Loading.cjs.map

package/dist/components/atoms/Button/States/Loading.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.cjs","sources":["../../../../../src/components/atoms/Button/States/Loading.tsx"],"sourcesContent":["import {\n  ButtonStateProps,\n  Loading as CoreLoading,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Text } from '../../Text';\n\nconst Loading: FC<ButtonStateProps> = props => {\n  return <CoreLoading {...props} textComponent={Text} />;\n};\n\nexport default Loading;\n"],"names":["React","CoreLoading"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,UAAgC,CAAS,KAAA,KAAA;AAC7C,EAAO,uBAAAA,yBAAA,CAAA,aAAA,CAACC,oDAAgB,KAAhB,CAAA,EAAA;AAAA,IAAuB,aAAe,EAAA,IAAA;AAAA,GAAM,CAAA,CAAA,CAAA;AACtD;;;;"}

package/{esm/components/atoms/Button/States/Loading.js → dist/components/atoms/Button/States/Loading.mjs}

@@ -1,6 +1,6 @@
 import { Loading as Loading$1 } from '@tecsinapse/react-core';
 import React__default from 'react';
-import Text from '../../Text/Text.js';
+import Text from '../../Text/Text.mjs';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -28,4 +28,4 @@ const Loading = (props) => {
 };
 
 export { Loading as default };
-//# sourceMappingURL=Loading.js.map
+//# sourceMappingURL=Loading.mjs.map

package/dist/components/atoms/Button/States/Loading.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.mjs","sources":["../../../../../src/components/atoms/Button/States/Loading.tsx"],"sourcesContent":["import {\n  ButtonStateProps,\n  Loading as CoreLoading,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Text } from '../../Text';\n\nconst Loading: FC<ButtonStateProps> = props => {\n  return <CoreLoading {...props} textComponent={Text} />;\n};\n\nexport default Loading;\n"],"names":["React","CoreLoading"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,UAAgC,CAAS,KAAA,KAAA;AAC7C,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAACC,4CAAgB,KAAhB,CAAA,EAAA;AAAA,IAAuB,aAAe,EAAA,IAAA;AAAA,GAAM,CAAA,CAAA,CAAA;AACtD;;;;"}

package/dist/components/atoms/Button/States/{Success.js → Success.cjs}

@@ -2,7 +2,7 @@
 
 var reactCore = require('@tecsinapse/react-core');
 var React = require('react');
-var Text = require('../../Text/Text.js');
+var Text = require('../../Text/Text.cjs');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -34,4 +34,4 @@ const Success = (props) => {
 };
 
 module.exports = Success;
-//# sourceMappingURL=Success.js.map
+//# sourceMappingURL=Success.cjs.map

package/dist/components/atoms/Button/States/Success.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Success.cjs","sources":["../../../../../src/components/atoms/Button/States/Success.tsx"],"sourcesContent":["import {\n  ButtonStateProps,\n  Success as CoreSuccess,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Text } from '../../Text';\n\nconst Success: FC<ButtonStateProps> = props => {\n  return <CoreSuccess {...props} textComponent={Text} />;\n};\n\nexport default Success;\n"],"names":["React","CoreSuccess"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,UAAgC,CAAS,KAAA,KAAA;AAC7C,EAAO,uBAAAA,yBAAA,CAAA,aAAA,CAACC,oDAAgB,KAAhB,CAAA,EAAA;AAAA,IAAuB,aAAe,EAAA,IAAA;AAAA,GAAM,CAAA,CAAA,CAAA;AACtD;;;;"}

package/{esm/components/atoms/Button/States/Success.js → dist/components/atoms/Button/States/Success.mjs}

@@ -1,6 +1,6 @@
 import { Success as Success$1 } from '@tecsinapse/react-core';
 import React__default from 'react';
-import Text from '../../Text/Text.js';
+import Text from '../../Text/Text.mjs';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -28,4 +28,4 @@ const Success = (props) => {
 };
 
 export { Success as default };
-//# sourceMappingURL=Success.js.map
+//# sourceMappingURL=Success.mjs.map

package/dist/components/atoms/Button/States/Success.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Success.mjs","sources":["../../../../../src/components/atoms/Button/States/Success.tsx"],"sourcesContent":["import {\n  ButtonStateProps,\n  Success as CoreSuccess,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Text } from '../../Text';\n\nconst Success: FC<ButtonStateProps> = props => {\n  return <CoreSuccess {...props} textComponent={Text} />;\n};\n\nexport default Success;\n"],"names":["React","CoreSuccess"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,UAAgC,CAAS,KAAA,KAAA;AAC7C,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAACC,4CAAgB,KAAhB,CAAA,EAAA;AAAA,IAAuB,aAAe,EAAA,IAAA;AAAA,GAAM,CAAA,CAAA,CAAA;AACtD;;;;"}

package/dist/components/atoms/GroupButton/{GroupButtonOption.js → GroupButtonOption.cjs}

@@ -2,7 +2,7 @@
 
 var reactCore = require('@tecsinapse/react-core');
 var React = require('react');
-var Text = require('../Text/Text.js');
+var Text = require('../Text/Text.cjs');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -34,4 +34,4 @@ const GroupButtonOption = (props) => {
 };
 
 module.exports = GroupButtonOption;
-//# sourceMappingURL=GroupButtonOption.js.map
+//# sourceMappingURL=GroupButtonOption.cjs.map

package/dist/components/atoms/GroupButton/GroupButtonOption.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupButtonOption.cjs","sources":["../../../../src/components/atoms/GroupButton/GroupButtonOption.tsx"],"sourcesContent":["import {\n  GroupButtonOption as CoreGroupButtonOption,\n  GroupButtonOptionProps,\n} from '@tecsinapse/react-core';\nimport React from 'react';\nimport { Text } from '../Text';\n\nconst GroupButtonOption = (props: GroupButtonOptionProps): JSX.Element => {\n  return <CoreGroupButtonOption {...props} TextComponent={Text} />;\n};\n\nexport default GroupButtonOption;\n"],"names":["React","CoreGroupButtonOption"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOM,MAAA,iBAAA,GAAoB,CAAC,KAA+C,KAAA;AACxE,EAAO,uBAAAA,yBAAA,CAAA,aAAA,CAACC,8DAA0B,KAA1B,CAAA,EAAA;AAAA,IAAiC,aAAe,EAAA,IAAA;AAAA,GAAM,CAAA,CAAA,CAAA;AAChE;;;;"}

package/{esm/components/atoms/GroupButton/GroupButtonOption.js → dist/components/atoms/GroupButton/GroupButtonOption.mjs}

@@ -1,6 +1,6 @@
 import { GroupButtonOption as GroupButtonOption$1 } from '@tecsinapse/react-core';
 import React__default from 'react';
-import Text from '../Text/Text.js';
+import Text from '../Text/Text.mjs';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -28,4 +28,4 @@ const GroupButtonOption = (props) => {
 };
 
 export { GroupButtonOption as default };
-//# sourceMappingURL=GroupButtonOption.js.map
+//# sourceMappingURL=GroupButtonOption.mjs.map

package/dist/components/atoms/GroupButton/GroupButtonOption.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupButtonOption.mjs","sources":["../../../../src/components/atoms/GroupButton/GroupButtonOption.tsx"],"sourcesContent":["import {\n  GroupButtonOption as CoreGroupButtonOption,\n  GroupButtonOptionProps,\n} from '@tecsinapse/react-core';\nimport React from 'react';\nimport { Text } from '../Text';\n\nconst GroupButtonOption = (props: GroupButtonOptionProps): JSX.Element => {\n  return <CoreGroupButtonOption {...props} TextComponent={Text} />;\n};\n\nexport default GroupButtonOption;\n"],"names":["React","CoreGroupButtonOption"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAOM,MAAA,iBAAA,GAAoB,CAAC,KAA+C,KAAA;AACxE,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAACC,sDAA0B,KAA1B,CAAA,EAAA;AAAA,IAAiC,aAAe,EAAA,IAAA;AAAA,GAAM,CAAA,CAAA,CAAA;AAChE;;;;"}

package/dist/components/atoms/Header/{Header.js → Header.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var styled = require('./styled.js');
+var styled = require('./styled.cjs');
 var reactCore = require('@tecsinapse/react-core');
 var React = require('react');
 
@@ -81,4 +81,4 @@ const Header = (_a) => {
 };
 
 module.exports = Header;
-//# sourceMappingURL=Header.js.map
+//# sourceMappingURL=Header.cjs.map

package/dist/components/atoms/Header/Header.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.cjs","sources":["../../../../src/components/atoms/Header/Header.tsx"],"sourcesContent":["import { ViewProps } from 'react-native';\nimport { StyledView, FloatingButton, Dummy } from './styled';\nimport { ButtonProps, Icon, IconProps } from '@tecsinapse/react-core';\nimport * as React from 'react';\n\ntype Attachable = ButtonProps & {\n  icon: IconProps;\n};\n\nexport interface HeaderProps extends ViewProps {\n  rightButton?: Attachable;\n  leftButton?: Attachable;\n}\n\nconst Header: React.FC<HeaderProps> = ({\n  rightButton,\n  leftButton,\n  children,\n  ...rest\n}) => {\n  return (\n    <StyledView {...rest}>\n      {leftButton ? (\n        <FloatingButton\n          {...leftButton}\n          variant={leftButton?.variant || 'filled'}\n          color={leftButton?.color || 'primary'}\n          size={leftButton?.size || 'small'}\n        >\n          {leftButton?.icon && <Icon {...leftButton?.icon} />}\n        </FloatingButton>\n      ) : (\n        <Dummy disabled />\n      )}\n      {children}\n      {rightButton ? (\n        <FloatingButton\n          {...rightButton}\n          variant={rightButton?.variant || 'filled'}\n          color={rightButton?.color || 'primary'}\n          size={rightButton?.size || 'small'}\n        >\n          {rightButton?.icon && <Icon {...rightButton?.icon} />}\n        </FloatingButton>\n      ) : (\n        <Dummy disabled />\n      )}\n    </StyledView>\n  );\n};\n\nexport default Header;\n"],"names":["StyledView","React","FloatingButton","Icon","Dummy"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcM,MAAA,MAAA,GAAgC,CAAC,EAKjC,KAAA;AALiC,EACrC,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,GAjBF,GAcuC,EAIlC,EAAA,IAAA,GAAA,SAAA,CAJkC,EAIlC,EAAA;AAAA,IAHH,aAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,sDACGA,iBAAe,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EACb,UACC,mBAAAC,gBAAA,CAAA,aAAA,CAACC,wDACK,UADL,CAAA,EAAA;AAAA,IAEC,OAAA,EAAA,CAAS,yCAAY,OAAW,KAAA,QAAA;AAAA,IAChC,KAAA,EAAA,CAAO,yCAAY,KAAS,KAAA,SAAA;AAAA,IAC5B,IAAA,EAAA,CAAM,yCAAY,IAAQ,KAAA,OAAA;AAAA,GAEzB,CAAA,EAAA,CAAA,UAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAY,yBAASD,gBAAA,CAAA,aAAA,CAAAE,cAAA,EAAA,cAAA,CAAA,EAAA,EAAS,yCAAY,IAAM,CAAA,CACnD,oBAECF,gBAAA,CAAA,aAAA,CAAAG,YAAA,EAAA;AAAA,IAAM,QAAQ,EAAA,IAAA;AAAA,GAAC,CAEjB,EAAA,QAAA,EACA,WACC,mBAAAH,gBAAA,CAAA,aAAA,CAACC,wDACK,WADL,CAAA,EAAA;AAAA,IAEC,OAAA,EAAA,CAAS,2CAAa,OAAW,KAAA,QAAA;AAAA,IACjC,KAAA,EAAA,CAAO,2CAAa,KAAS,KAAA,SAAA;AAAA,IAC7B,IAAA,EAAA,CAAM,2CAAa,IAAQ,KAAA,OAAA;AAAA,GAE1B,CAAA,EAAA,CAAA,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAa,yBAASD,gBAAA,CAAA,aAAA,CAAAE,cAAA,EAAA,cAAA,CAAA,EAAA,EAAS,2CAAa,IAAM,CAAA,CACrD,oBAECF,gBAAA,CAAA,aAAA,CAAAG,YAAA,EAAA;AAAA,IAAM,QAAQ,EAAA,IAAA;AAAA,GAAC,CAEpB,CAAA,CAAA;AAEJ;;;;"}

package/{esm/components/atoms/Header/Header.js → dist/components/atoms/Header/Header.mjs}

@@ -1,4 +1,4 @@
-import { StyledView, FloatingButton, Dummy } from './styled.js';
+import { StyledView, FloatingButton, Dummy } from './styled.mjs';
 import { Icon } from '@tecsinapse/react-core';
 import * as React from 'react';
 
@@ -59,4 +59,4 @@ const Header = (_a) => {
 };
 
 export { Header as default };
-//# sourceMappingURL=Header.js.map
+//# sourceMappingURL=Header.mjs.map

package/dist/components/atoms/Header/Header.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.mjs","sources":["../../../../src/components/atoms/Header/Header.tsx"],"sourcesContent":["import { ViewProps } from 'react-native';\nimport { StyledView, FloatingButton, Dummy } from './styled';\nimport { ButtonProps, Icon, IconProps } from '@tecsinapse/react-core';\nimport * as React from 'react';\n\ntype Attachable = ButtonProps & {\n  icon: IconProps;\n};\n\nexport interface HeaderProps extends ViewProps {\n  rightButton?: Attachable;\n  leftButton?: Attachable;\n}\n\nconst Header: React.FC<HeaderProps> = ({\n  rightButton,\n  leftButton,\n  children,\n  ...rest\n}) => {\n  return (\n    <StyledView {...rest}>\n      {leftButton ? (\n        <FloatingButton\n          {...leftButton}\n          variant={leftButton?.variant || 'filled'}\n          color={leftButton?.color || 'primary'}\n          size={leftButton?.size || 'small'}\n        >\n          {leftButton?.icon && <Icon {...leftButton?.icon} />}\n        </FloatingButton>\n      ) : (\n        <Dummy disabled />\n      )}\n      {children}\n      {rightButton ? (\n        <FloatingButton\n          {...rightButton}\n          variant={rightButton?.variant || 'filled'}\n          color={rightButton?.color || 'primary'}\n          size={rightButton?.size || 'small'}\n        >\n          {rightButton?.icon && <Icon {...rightButton?.icon} />}\n        </FloatingButton>\n      ) : (\n        <Dummy disabled />\n      )}\n    </StyledView>\n  );\n};\n\nexport default Header;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcM,MAAA,MAAA,GAAgC,CAAC,EAKjC,KAAA;AALiC,EACrC,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,GAjBF,GAcuC,EAIlC,EAAA,IAAA,GAAA,SAAA,CAJkC,EAIlC,EAAA;AAAA,IAHH,aAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,2CACG,UAAe,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EACb,UACC,mBAAA,KAAA,CAAA,aAAA,CAAC,iDACK,UADL,CAAA,EAAA;AAAA,IAEC,OAAA,EAAA,CAAS,yCAAY,OAAW,KAAA,QAAA;AAAA,IAChC,KAAA,EAAA,CAAO,yCAAY,KAAS,KAAA,SAAA;AAAA,IAC5B,IAAA,EAAA,CAAM,yCAAY,IAAQ,KAAA,OAAA;AAAA,GAEzB,CAAA,EAAA,CAAA,UAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAY,yBAAS,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,cAAA,CAAA,EAAA,EAAS,yCAAY,IAAM,CAAA,CACnD,oBAEC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAM,QAAQ,EAAA,IAAA;AAAA,GAAC,CAEjB,EAAA,QAAA,EACA,WACC,mBAAA,KAAA,CAAA,aAAA,CAAC,iDACK,WADL,CAAA,EAAA;AAAA,IAEC,OAAA,EAAA,CAAS,2CAAa,OAAW,KAAA,QAAA;AAAA,IACjC,KAAA,EAAA,CAAO,2CAAa,KAAS,KAAA,SAAA;AAAA,IAC7B,IAAA,EAAA,CAAM,2CAAa,IAAQ,KAAA,OAAA;AAAA,GAE1B,CAAA,EAAA,CAAA,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAa,yBAAS,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,cAAA,CAAA,EAAA,EAAS,2CAAa,IAAM,CAAA,CACrD,oBAEC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAM,QAAQ,EAAA,IAAA;AAAA,GAAC,CAEpB,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/atoms/Header/{styled.js → styled.cjs}

@@ -26,4 +26,4 @@ const Dummy = styled__default["default"](FloatingButton)`
 exports.Dummy = Dummy;
 exports.FloatingButton = FloatingButton;
 exports.StyledView = StyledView;
-//# sourceMappingURL=styled.js.map
+//# sourceMappingURL=styled.cjs.map

package/dist/components/atoms/Header/styled.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.cjs","sources":["../../../../src/components/atoms/Header/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { Button, ButtonProps, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledView = styled.View<Partial<StyleProps>>`\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding: ${({ theme }) => theme.spacing.deca};\n  width: 100%;\n`;\n\nexport const FloatingButton = styled(Button)<ButtonProps & Partial<StyleProps>>`\n  aspect-ratio: 1;\n`;\n\nexport const Dummy = styled(FloatingButton)`\n  background-color: rgba(0, 0, 0, 0);\n`;\n"],"names":["styled","Button"],"mappings":";;;;;;;;;;;AAGO,MAAM,aAAaA,0BAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAIpB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA,EAAA;AAI7B,MAAA,cAAA,GAAiBA,2BAAOC,gBAAM,CAAA,CAAA;AAAA;AAAA,EAAA;AAI9B,MAAA,KAAA,GAAQD,2BAAO,cAAc,CAAA,CAAA;AAAA;AAAA;;;;;;"}

package/{esm/components/atoms/Header/styled.js → dist/components/atoms/Header/styled.mjs}

@@ -16,4 +16,4 @@ const Dummy = styled(FloatingButton)`
 `;
 
 export { Dummy, FloatingButton, StyledView };
-//# sourceMappingURL=styled.js.map
+//# sourceMappingURL=styled.mjs.map

package/dist/components/atoms/Header/styled.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.mjs","sources":["../../../../src/components/atoms/Header/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { Button, ButtonProps, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledView = styled.View<Partial<StyleProps>>`\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding: ${({ theme }) => theme.spacing.deca};\n  width: 100%;\n`;\n\nexport const FloatingButton = styled(Button)<ButtonProps & Partial<StyleProps>>`\n  aspect-ratio: 1;\n`;\n\nexport const Dummy = styled(FloatingButton)`\n  background-color: rgba(0, 0, 0, 0);\n`;\n"],"names":[],"mappings":";;;AAGO,MAAM,aAAa,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAIpB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA,EAAA;AAI7B,MAAA,cAAA,GAAiB,OAAO,MAAM,CAAA,CAAA;AAAA;AAAA,EAAA;AAI9B,MAAA,KAAA,GAAQ,OAAO,cAAc,CAAA,CAAA;AAAA;AAAA;;;;"}

package/dist/components/atoms/Input/{Input.js → Input.cjs}

@@ -3,8 +3,8 @@
 var reactCore = require('@tecsinapse/react-core');
 var React = require('react');
 var reactNative = require('react-native');
-var Text = require('../Text/Text.js');
-var styled = require('./styled.js');
+var Text = require('../Text/Text.cjs');
+var styled = require('./styled.cjs');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -136,4 +136,4 @@ const Input = React__default["default"].forwardRef(
 Input.displayName = "Input";
 
 module.exports = Input;
-//# sourceMappingURL=Input.js.map
+//# sourceMappingURL=Input.cjs.map

package/dist/components/atoms/Input/Input.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.cjs","sources":["../../../../src/components/atoms/Input/Input.tsx"],"sourcesContent":["import {\n  FontStackType,\n  FontWeightType,\n  Hint,\n  InputContainer,\n  InputContainerProps,\n  InputElementProps,\n  RFValue,\n  useInputFocus,\n} from '@tecsinapse/react-core';\nimport React from 'react';\nimport { StyleProp, TextInput, View, ViewStyle } from 'react-native';\nimport { Text } from '../Text';\nimport { StyledNativeInput } from './styled';\n\nexport interface InputNativeProps\n  extends Omit<InputElementProps, 'style'>,\n    InputContainerProps {\n  inputFontStack?: FontStackType;\n  inputFontWeight?: FontWeightType;\n}\n\nconst Input = React.forwardRef<TextInput, InputNativeProps>(\n  (\n    {\n      label,\n      labelColor,\n      labelColorVariant,\n      labelColorTone,\n      labelTypography,\n      labelStack,\n      labelWeight,\n      leftComponent,\n      rightComponent,\n      disabled,\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      placeholder,\n      ...rest\n    },\n    ref\n  ) => {\n    const _hint = hintComponent || (\n      <Hint TextComponent={Text} text={hint} variant={variant} />\n    );\n    const { focused, handleBlur, handleFocus } = useInputFocus(\n      onFocus,\n      onBlur,\n      !disabled\n    );\n\n    const internalStyle: StyleProp<ViewStyle> = {\n      minHeight: RFValue(50),\n      ...{ inputContainerStyle },\n    };\n    const onlyLabel = label && !placeholder;\n\n    return (\n      <View>\n        <InputContainer\n          label={value ? label : undefined}\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={internalStyle}\n          focused={focused}\n          disabled={disabled}\n          variant={variant}\n        >\n          <StyledNativeInput\n            {...rest}\n            placeholder={onlyLabel ? label : placeholder}\n            value={value}\n            ref={ref}\n            fontStack={inputFontStack}\n            fontWeight={inputFontWeight}\n            disabled={disabled}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n          />\n        </InputContainer>\n        {hint && _hint}\n      </View>\n    );\n  }\n);\n\nInput.displayName = 'Input';\n\nexport default Input;\n"],"names":["React","Hint","useInputFocus","RFValue","View","InputContainer","StyledNativeInput"],"mappings":"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"}

package/{esm/components/atoms/Input/Input.js → dist/components/atoms/Input/Input.mjs}

@@ -1,8 +1,8 @@
 import { useInputFocus, RFValue, InputContainer, Hint } from '@tecsinapse/react-core';
 import React__default from 'react';
 import { View } from 'react-native';
-import Text from '../Text/Text.js';
-import { StyledNativeInput } from './styled.js';
+import Text from '../Text/Text.mjs';
+import { StyledNativeInput } from './styled.mjs';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -130,4 +130,4 @@ const Input = React__default.forwardRef(
 Input.displayName = "Input";
 
 export { Input as default };
-//# sourceMappingURL=Input.js.map
+//# sourceMappingURL=Input.mjs.map

package/dist/components/atoms/Input/Input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.mjs","sources":["../../../../src/components/atoms/Input/Input.tsx"],"sourcesContent":["import {\n  FontStackType,\n  FontWeightType,\n  Hint,\n  InputContainer,\n  InputContainerProps,\n  InputElementProps,\n  RFValue,\n  useInputFocus,\n} from '@tecsinapse/react-core';\nimport React from 'react';\nimport { StyleProp, TextInput, View, ViewStyle } from 'react-native';\nimport { Text } from '../Text';\nimport { StyledNativeInput } from './styled';\n\nexport interface InputNativeProps\n  extends Omit<InputElementProps, 'style'>,\n    InputContainerProps {\n  inputFontStack?: FontStackType;\n  inputFontWeight?: FontWeightType;\n}\n\nconst Input = React.forwardRef<TextInput, InputNativeProps>(\n  (\n    {\n      label,\n      labelColor,\n      labelColorVariant,\n      labelColorTone,\n      labelTypography,\n      labelStack,\n      labelWeight,\n      leftComponent,\n      rightComponent,\n      disabled,\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      placeholder,\n      ...rest\n    },\n    ref\n  ) => {\n    const _hint = hintComponent || (\n      <Hint TextComponent={Text} text={hint} variant={variant} />\n    );\n    const { focused, handleBlur, handleFocus } = useInputFocus(\n      onFocus,\n      onBlur,\n      !disabled\n    );\n\n    const internalStyle: StyleProp<ViewStyle> = {\n      minHeight: RFValue(50),\n      ...{ inputContainerStyle },\n    };\n    const onlyLabel = label && !placeholder;\n\n    return (\n      <View>\n        <InputContainer\n          label={value ? label : undefined}\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={internalStyle}\n          focused={focused}\n          disabled={disabled}\n          variant={variant}\n        >\n          <StyledNativeInput\n            {...rest}\n            placeholder={onlyLabel ? label : placeholder}\n            value={value}\n            ref={ref}\n            fontStack={inputFontStack}\n            fontWeight={inputFontWeight}\n            disabled={disabled}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n          />\n        </InputContainer>\n        {hint && _hint}\n      </View>\n    );\n  }\n);\n\nInput.displayName = 'Input';\n\nexport default Input;\n"],"names":["React"],"mappings":"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"}

package/dist/components/atoms/Input/{styled.js → styled.cjs}

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var styled = require('@emotion/native');
 var reactCore = require('@tecsinapse/react-core');
-var styled$1 = require('../Text/styled.js');
+var styled$1 = require('../Text/styled.cjs');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -18,4 +18,4 @@ const StyledNativeInputBase = styled__default["default"](reactCore.InputElement)
 const StyledNativeInput = styled__default["default"](StyledNativeInputBase)(styled$1.fontStyles);
 
 exports.StyledNativeInput = StyledNativeInput;
-//# sourceMappingURL=styled.js.map
+//# sourceMappingURL=styled.cjs.map

package/dist/components/atoms/Input/styled.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.cjs","sources":["../../../../src/components/atoms/Input/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { InputElement, StyleProps } from '@tecsinapse/react-core';\nimport { Font, fontStyles } from '../Text/styled';\nimport { InputNativeProps } from './Input';\n\nconst StyledNativeInputBase = styled(InputElement)<\n  Partial<InputNativeProps> & Partial<StyleProps>\n>`\n  height: ${({ theme }) => theme.typography.h5.lineHeight};\n  width: 100%;\n  padding: 0;\n`;\n\nexport const StyledNativeInput = styled(StyledNativeInputBase)<\n  Font & Partial<InputNativeProps> & Partial<StyleProps>\n>(fontStyles);\n"],"names":["styled","InputElement","fontStyles"],"mappings":";;;;;;;;;;;;AAKA,MAAM,qBAAA,GAAwBA,2BAAOC,sBAAY,CAAA,CAAA;AAAA,UAAA,EAGrC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,WAAW,EAAG,CAAA,UAAA,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAKxC,MAAM,iBAAoB,GAAAD,0BAAA,CAAO,qBAAqB,CAAA,CAE3DE,mBAAU;;;;"}

package/{esm/components/atoms/Input/styled.js → dist/components/atoms/Input/styled.mjs}

@@ -1,6 +1,6 @@
 import styled from '@emotion/native';
 import { InputElement } from '@tecsinapse/react-core';
-import { fontStyles } from '../Text/styled.js';
+import { fontStyles } from '../Text/styled.mjs';
 
 const StyledNativeInputBase = styled(InputElement)`
   height: ${({ theme }) => theme.typography.h5.lineHeight};
@@ -10,4 +10,4 @@ const StyledNativeInputBase = styled(InputElement)`
 const StyledNativeInput = styled(StyledNativeInputBase)(fontStyles);
 
 export { StyledNativeInput };
-//# sourceMappingURL=styled.js.map
+//# sourceMappingURL=styled.mjs.map

package/dist/components/atoms/Input/styled.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.mjs","sources":["../../../../src/components/atoms/Input/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { InputElement, StyleProps } from '@tecsinapse/react-core';\nimport { Font, fontStyles } from '../Text/styled';\nimport { InputNativeProps } from './Input';\n\nconst StyledNativeInputBase = styled(InputElement)<\n  Partial<InputNativeProps> & Partial<StyleProps>\n>`\n  height: ${({ theme }) => theme.typography.h5.lineHeight};\n  width: 100%;\n  padding: 0;\n`;\n\nexport const StyledNativeInput = styled(StyledNativeInputBase)<\n  Font & Partial<InputNativeProps> & Partial<StyleProps>\n>(fontStyles);\n"],"names":[],"mappings":";;;;AAKA,MAAM,qBAAA,GAAwB,OAAO,YAAY,CAAA,CAAA;AAAA,UAAA,EAGrC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,WAAW,EAAG,CAAA,UAAA,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAKxC,MAAM,iBAAoB,GAAA,MAAA,CAAO,qBAAqB,CAAA,CAE3D,UAAU;;;;"}