@tecsinapse/react-native-kit 1.23.11 → 2.0.0

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

@@ -4,21 +4,24 @@ var React = require('react');
 var reactCore = require('@tecsinapse/react-core');
 var Text = require('../Text/Text.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const Tag = ({ value, ...rest }) => {
-  return /* @__PURE__ */ React__default["default"].createElement(reactCore.Tag, {
-    value: /* @__PURE__ */ React__default["default"].createElement(Text, {
-      colorVariant: "secondary",
-      colorTone: "dark",
-      fontStack: "default",
-      fontWeight: "bold",
-      typography: rest.variant === "small" ? "sub" : "base"
-    }, value),
-    ...rest
-  });
+  return /* @__PURE__ */ React.createElement(
+    reactCore.Tag,
+    {
+      value: /* @__PURE__ */ React.createElement(
+        Text,
+        {
+          colorVariant: "secondary",
+          colorTone: "dark",
+          fontStack: "default",
+          fontWeight: "bold",
+          typography: rest.variant === "small" ? "sub" : "base"
+        },
+        value
+      ),
+      ...rest
+    }
+  );
 };
 
 module.exports = Tag;

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

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

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

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

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

@@ -3,14 +3,8 @@
 var React = require('react');
 var styled = require('./styled.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const Text = ({ children, ...rest }) => {
-  return /* @__PURE__ */ React__default["default"].createElement(styled.StyledNativeText, {
-    ...rest
-  }, children);
+  return /* @__PURE__ */ React.createElement(styled.StyledNativeText, { ...rest }, children);
 };
 
 module.exports = Text;

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

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

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

@@ -1,15 +1,9 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var styled = require('@emotion/native');
 var reactCore = require('@tecsinapse/react-core');
 var reactNative = require('react-native');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
 const fontStyles = ({
   theme,
   fontStack = "default",
@@ -22,7 +16,7 @@ const fontStyles = ({
     font-family: ${fontStyle?.replace("{0}", fontFamily)};
   `;
 };
-const StyledNativeText = styled__default["default"](reactCore.Text)(fontStyles);
+const StyledNativeText = styled(reactCore.Text)(fontStyles);
 
 exports.StyledNativeText = StyledNativeText;
 exports.fontStyles = fontStyles;

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

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

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

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

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

@@ -5,10 +5,6 @@ var reactCore = require('@tecsinapse/react-core');
 var Text = require('../Text/Text.js');
 var styled = require('./styled.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const TextArea = ({
   label,
   labelColor,
@@ -40,41 +36,48 @@ const TextArea = ({
     onBlur,
     !disabled
   );
-  return /* @__PURE__ */ React__default["default"].createElement(reactCore.TextArea, {
-    label,
-    labelColor,
-    labelColorVariant,
-    labelColorTone,
-    labelTypography,
-    labelStack,
-    labelWeight,
-    LabelComponent: Text,
-    leftComponent,
-    rightComponent,
-    borderColor,
-    borderColorGradation,
-    inputContainerStyle,
-    focused,
-    disabled,
-    variant,
-    value,
-    hintComponent,
-    hint,
-    style,
-    TextComponent: Text,
-    maxLength
-  }, /* @__PURE__ */ React__default["default"].createElement(styled.StyledNativeInput, {
-    ...rest,
-    fontStack: inputFontStack,
-    fontWeight: inputFontWeight,
-    disabled,
-    onFocus: handleFocus,
-    onBlur: handleBlur,
-    textAlignVertical: "top",
-    multiline: true,
-    value,
-    maxLength
-  }));
+  return /* @__PURE__ */ React.createElement(
+    reactCore.TextArea,
+    {
+      label,
+      labelColor,
+      labelColorVariant,
+      labelColorTone,
+      labelTypography,
+      labelStack,
+      labelWeight,
+      LabelComponent: Text,
+      leftComponent,
+      rightComponent,
+      borderColor,
+      borderColorGradation,
+      inputContainerStyle,
+      focused,
+      disabled,
+      variant,
+      value,
+      hintComponent,
+      hint,
+      style,
+      TextComponent: Text,
+      maxLength
+    },
+    /* @__PURE__ */ React.createElement(
+      styled.StyledNativeInput,
+      {
+        ...rest,
+        fontStack: inputFontStack,
+        fontWeight: inputFontWeight,
+        disabled,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        textAlignVertical: "top",
+        multiline: true,
+        value,
+        maxLength
+      }
+    )
+  );
 };
 
 module.exports = TextArea;

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","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"],"names":["styled","TextAreaInputBase","fontStyles"],"mappings":";;;;;;;;;;;;AAKO,MAAM,iBAAoB,GAAAA,0BAAA,CAAOC,2BAAiB,CAAA,CAEvDC,mBAAU;;;;"}
+{"version":3,"file":"styled.js","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"],"names":["TextAreaInputBase","fontStyles"],"mappings":";;;;;;AAKO,MAAM,iBAAoB,GAAA,MAAA,CAAOA,2BAAiB,CAAA,CAEvDC,mBAAU;;;;"}

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

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

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

@@ -1,25 +1,22 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var reactCore = require('@tecsinapse/react-core');
 var React = require('react');
 var date = require('../../../utils/date.js');
 var Text = require('../../atoms/Text/Text.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const Calendar = ({
   locale,
   ...rest
 }) => {
-  return /* @__PURE__ */ React__default["default"].createElement(reactCore.Calendar, {
-    ...rest,
-    TextComponent: Text,
-    locale: locale ?? date.getLocale()
-  });
+  return /* @__PURE__ */ React.createElement(
+    reactCore.Calendar,
+    {
+      ...rest,
+      TextComponent: Text,
+      locale: locale ?? date.getLocale()
+    }
+  );
 };
 
 exports.Calendar = Calendar;

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

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

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

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

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

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var reactCore = require('@tecsinapse/react-core');
 var React = require('react');
 var date = require('../../../utils/date.js');
@@ -13,10 +11,6 @@ var Text = require('../../atoms/Text/Text.js');
 var Calendar = require('../Calendar/Calendar.js');
 var styled = require('./styled.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const DatePicker = ({
   locale,
   onChange,
@@ -27,24 +21,22 @@ const DatePicker = ({
     onChange?.(value);
     modal.requestUpdate();
   };
-  return /* @__PURE__ */ React__default["default"].createElement(reactCore.DatePicker, {
-    ...rest,
-    TextComponent: Text,
-    CalendarComponent: Calendar.Calendar,
-    locale: locale ?? date.getLocale(),
-    onChange: handleChange,
-    requestShowCalendar: () => modal.show(),
-    requestCloseCalendar: () => modal.close(),
-    renderCalendar: (calendar, blur) => modal.sync(/* @__PURE__ */ React__default["default"].createElement(NativeModal, {
-      onClose: blur
-    }, calendar))
-  });
+  return /* @__PURE__ */ React.createElement(
+    reactCore.DatePicker,
+    {
+      ...rest,
+      TextComponent: Text,
+      CalendarComponent: Calendar.Calendar,
+      locale: locale ?? date.getLocale(),
+      onChange: handleChange,
+      requestShowCalendar: () => modal.show(),
+      requestCloseCalendar: () => modal.close(),
+      renderCalendar: (calendar, blur) => modal.sync(/* @__PURE__ */ React.createElement(NativeModal, { onClose: blur }, calendar))
+    }
+  );
 };
 const NativeModal = ({ children, ...others }) => {
-  return /* @__PURE__ */ React__default["default"].createElement(BaseModalView.ModalView, {
-    BoxComponent: styled.CalendarBoxContent,
-    ...others
-  }, children);
+  return /* @__PURE__ */ React.createElement(BaseModalView.ModalView, { BoxComponent: styled.CalendarBoxContent, ...others }, children);
 };
 
 exports.DatePicker = DatePicker;

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

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

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

@@ -1,15 +1,9 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var styled = require('@emotion/native');
 var reactCore = require('@tecsinapse/react-core');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const CalendarBoxContent = styled__default["default"](reactCore.BoxContent)`
+const CalendarBoxContent = styled(reactCore.BoxContent)`
   background-color: ${({ theme }) => theme.color.secondary.xlight};
 `;
 

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","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"],"names":["styled","BoxContent"],"mappings":";;;;;;;;;;;AAGa,MAAA,kBAAA,GAAqBA,2BAAOC,oBAAU,CAAA,CAAA;AAAA,oBAAA,EAC7B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,MAAM,SAAU,CAAA,MAAA,CAAA;AAAA;;;;"}
+{"version":3,"file":"styled.js","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"],"names":["BoxContent"],"mappings":";;;;;AAGa,MAAA,kBAAA,GAAqB,OAAOA,oBAAU,CAAA,CAAA;AAAA,oBAAA,EAC7B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,MAAM,SAAU,CAAA,MAAA,CAAA;AAAA;;;;"}

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

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

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

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var reactCore = require('@tecsinapse/react-core');
 var React = require('react');
 var date = require('../../../utils/date.js');
@@ -12,31 +10,26 @@ var useLazyModalManager = require('../../atoms/Modal/useLazyModalManager.js');
 var Text = require('../../atoms/Text/Text.js');
 var DateTimeSelector = require('../DateTimeSelector/DateTimeSelector.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const DateTimePicker = ({
   locale,
   ...rest
 }) => {
   const modal = useLazyModalManager.useLazyModalManager();
-  return /* @__PURE__ */ React__default["default"].createElement(reactCore.DateTimePicker, {
-    ...rest,
-    TextComponent: Text,
-    DateTimeSelectorComponent: DateTimeSelector.DateTimeSelector,
-    locale: locale ?? date.getLocale(),
-    requestShowSelector: () => modal.show(),
-    requestCloseSelector: () => modal.close(),
-    renderSelector: (selector, blur) => modal.sync(/* @__PURE__ */ React__default["default"].createElement(NativeModal, {
-      onClose: blur
-    }, selector))
-  });
+  return /* @__PURE__ */ React.createElement(
+    reactCore.DateTimePicker,
+    {
+      ...rest,
+      TextComponent: Text,
+      DateTimeSelectorComponent: DateTimeSelector.DateTimeSelector,
+      locale: locale ?? date.getLocale(),
+      requestShowSelector: () => modal.show(),
+      requestCloseSelector: () => modal.close(),
+      renderSelector: (selector, blur) => modal.sync(/* @__PURE__ */ React.createElement(NativeModal, { onClose: blur }, selector))
+    }
+  );
 };
 const NativeModal = ({ children, ...others }) => {
-  return /* @__PURE__ */ React__default["default"].createElement(BaseModalView.ModalView, {
-    ...others
-  }, children);
+  return /* @__PURE__ */ React.createElement(BaseModalView.ModalView, { ...others }, children);
 };
 
 exports.DateTimePicker = DateTimePicker;

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

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

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

@@ -1,25 +1,22 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var reactCore = require('@tecsinapse/react-core');
 var React = require('react');
 var Text = require('../../atoms/Text/Text.js');
 var date = require('../../../utils/date.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const DateTimeSelector = ({
   locale,
   ...rest
 }) => {
-  return /* @__PURE__ */ React__default["default"].createElement(reactCore.DateTimeSelector, {
-    ...rest,
-    TextComponent: Text,
-    locale: locale ?? date.getLocale()
-  });
+  return /* @__PURE__ */ React.createElement(
+    reactCore.DateTimeSelector,
+    {
+      ...rest,
+      TextComponent: Text,
+      locale: locale ?? date.getLocale()
+    }
+  );
 };
 
 exports.DateTimeSelector = DateTimeSelector;

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

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

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

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