@tecsinapse/react-core 1.19.0 → 1.20.0

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

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.TextContainer = exports.StyledProgressBar = exports.StyledContainerFlexRow = exports.SnackbarContainer = exports.IconContainer = exports.DismissContainer = exports.ContentContainer = void 0;
 
 var _native = _interopRequireWildcard(require("@emotion/native"));
@@ -15,95 +17,69 @@ var _PressableSurface = require("../../atoms/PressableSurface");
 
 var _ProgressBar = require("../../atoms/ProgressBar");
 
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const baseStyles = ({
-  theme,
-  colorTone = 'xlight',
-  colorVariant = 'primary',
-  visible
-}) => (0, _native.css)`
-  padding: 0;
-  border-radius: ${theme.borderRadius.mili};
-  background-color: ${theme.color[colorVariant][colorTone]};
-  position: absolute;
-  z-index: ${theme.zIndex.modal};
-  display: ${visible ? 'flex' : 'none'};
-  flex-direction: column;
-  justify-content: space-between;
-  align-items: stretch;
-`;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+const baseStyles = _ref => {
+  let {
+    theme,
+    colorTone = 'xlight',
+    colorVariant = 'primary',
+    visible
+  } = _ref;
+  return (0, _native.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 0;\n  border-radius: ", ";\n  background-color: ", ";\n  position: absolute;\n  z-index: ", ";\n  display: ", ";\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: stretch;\n"])), theme.borderRadius.mili, theme.color[colorVariant][colorTone], theme.zIndex.modal, visible ? 'flex' : 'none');
+};
 
-const anchorTop = ({
-  theme,
-  anchor,
-  anchorDistance
-}) => {
-  return anchor === 'top' && (0, _native.css)`
-      top: ${anchorDistance ? `${(0, _utils.RFValue)(anchorDistance)}px` : theme.spacing.deca};
-    `;
+const anchorTop = _ref2 => {
+  let {
+    theme,
+    anchor,
+    anchorDistance
+  } = _ref2;
+  return anchor === 'top' && (0, _native.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      top: ", ";\n    "])), anchorDistance ? "".concat((0, _utils.RFValue)(anchorDistance), "px") : theme.spacing.deca);
 };
 
-const anchorBottom = ({
-  theme,
-  anchor,
-  anchorDistance
-}) => {
-  return anchor === 'bottom' && (0, _native.css)`
-      bottom: ${anchorDistance ? `${(0, _utils.RFValue)(anchorDistance)}px` : theme.spacing.deca};
-    `;
+const anchorBottom = _ref3 => {
+  let {
+    theme,
+    anchor,
+    anchorDistance
+  } = _ref3;
+  return anchor === 'bottom' && (0, _native.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      bottom: ", ";\n    "])), anchorDistance ? "".concat((0, _utils.RFValue)(anchorDistance), "px") : theme.spacing.deca);
 };
 
-const SnackbarContainer = (0, _native.default)(_Paper.Paper)(props => (0, _native.css)`
-    ${baseStyles(props)}
-    ${anchorBottom(props)}
-    ${anchorTop(props)}
-  `);
+const SnackbarContainer = (0, _native.default)(_Paper.Paper)(props => (0, _native.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    ", "\n    ", "\n    ", "\n  "])), baseStyles(props), anchorBottom(props), anchorTop(props)));
 exports.SnackbarContainer = SnackbarContainer;
-const ContentContainer = (0, _native.default)(_reactNative.View)`
-  flex-direction: row;
-  display: flex;
-  align-items: center;
-  flex-shrink: 1;
-`;
+const ContentContainer = (0, _native.default)(_reactNative.View)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  flex-shrink: 1;\n"])));
 exports.ContentContainer = ContentContainer;
-const IconContainer = (0, _native.default)(_reactNative.View)`
-  flex-direction: row;
-  display: flex;
-  align-items: center;
-  margin-right: ${({
-  theme
-}) => theme.spacing.mili};
-`;
+const IconContainer = (0, _native.default)(_reactNative.View)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  margin-right: ", ";\n"])), _ref4 => {
+  let {
+    theme
+  } = _ref4;
+  return theme.spacing.mili;
+});
 exports.IconContainer = IconContainer;
-const DismissContainer = (0, _native.default)(_PressableSurface.PressableSurface)`
-  flex-direction: row;
-  display: flex;
-  align-items: center;
-  margin-left: ${({
-  theme
-}) => theme.spacing.mili};
-`;
+const DismissContainer = (0, _native.default)(_PressableSurface.PressableSurface)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  margin-left: ", ";\n"])), _ref5 => {
+  let {
+    theme
+  } = _ref5;
+  return theme.spacing.mili;
+});
 exports.DismissContainer = DismissContainer;
-const StyledProgressBar = (0, _native.default)(_ProgressBar.ProgressBar)`
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-`;
+const StyledProgressBar = (0, _native.default)(_ProgressBar.ProgressBar)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n"])));
 exports.StyledProgressBar = StyledProgressBar;
-const StyledContainerFlexRow = (0, _native.default)(_reactNative.View)`
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  padding: ${({
-  theme
-}) => theme.spacing.mili};
-`;
+const StyledContainerFlexRow = (0, _native.default)(_reactNative.View)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding: ", ";\n"])), _ref6 => {
+  let {
+    theme
+  } = _ref6;
+  return theme.spacing.mili;
+});
 exports.StyledContainerFlexRow = StyledContainerFlexRow;
-const TextContainer = (0, _native.default)(_reactNative.View)`
-  display: flex;
-  flex-shrink: 1;
-`;
+const TextContainer = (0, _native.default)(_reactNative.View)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-shrink: 1;\n"])));
 exports.TextContainer = TextContainer;
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["baseStyles","theme","colorTone","colorVariant","visible","css","borderRadius","mili","color","zIndex","modal","anchorTop","anchor","anchorDistance","RFValue","spacing","deca","anchorBottom","SnackbarContainer","styled","Paper","props","ContentContainer","View","IconContainer","DismissContainer","PressableSurface","StyledProgressBar","ProgressBar","StyledContainerFlexRow","TextContainer"],"sources":["../../../../src/components/molecules/Snackbar/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValue } from '../../../utils';\nimport { Paper } from '../../atoms/Paper';\nimport { PressableSurface } from '../../atoms/PressableSurface';\nimport { ProgressBar } from '../../atoms/ProgressBar';\nimport { SnackbarProps } from './Snackbar';\n\nconst baseStyles = ({\n  theme,\n  colorTone = 'xlight',\n  colorVariant = 'primary',\n  visible,\n}: StyleProps & Partial<SnackbarProps> & { visible: boolean }) => css`\n  padding: 0;\n  border-radius: ${theme.borderRadius.mili};\n  background-color: ${theme.color[colorVariant][colorTone]};\n  position: absolute;\n  z-index: ${theme.zIndex.modal};\n  display: ${visible ? 'flex' : 'none'};\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: stretch;\n`;\n\nconst anchorTop = ({\n  theme,\n  anchor,\n  anchorDistance,\n}: Partial<SnackbarProps> & StyleProps) => {\n  return (\n    anchor === 'top' &&\n    css`\n      top: ${anchorDistance\n        ? `${RFValue(anchorDistance)}px`\n        : theme.spacing.deca};\n    `\n  );\n};\n\nconst anchorBottom = ({\n  theme,\n  anchor,\n  anchorDistance,\n}: Partial<SnackbarProps> & StyleProps) => {\n  return (\n    anchor === 'bottom' &&\n    css`\n      bottom: ${anchorDistance\n        ? `${RFValue(anchorDistance)}px`\n        : theme.spacing.deca};\n    `\n  );\n};\n\nexport const SnackbarContainer = styled(Paper)<\n  Partial<SnackbarProps & StyleProps> & { visible: boolean }\n>(\n  props => css`\n    ${baseStyles(props)}\n    ${anchorBottom(props)}\n    ${anchorTop(props)}\n  `\n);\n\nexport const ContentContainer = styled(View)`\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  flex-shrink: 1;\n`;\n\nexport const IconContainer = styled(View)<Partial<StyleProps>>`\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  margin-right: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const DismissContainer = styled(PressableSurface)<Partial<StyleProps>>`\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  margin-left: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledProgressBar = styled(ProgressBar)<Partial<StyleProps>>`\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n`;\n\nexport const StyledContainerFlexRow = styled(View)<Partial<StyleProps>>`\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const TextContainer = styled(View)`\n  display: flex;\n  flex-shrink: 1;\n`;\n"],"mappings":";;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;AAGA,MAAMA,UAAU,GAAG,CAAC;EAClBC,KADkB;EAElBC,SAAS,GAAG,QAFM;EAGlBC,YAAY,GAAG,SAHG;EAIlBC;AAJkB,CAAD,KAK+C,IAAAC,WAAA,CAAI;AACtE;AACA,mBAAmBJ,KAAK,CAACK,YAAN,CAAmBC,IAAK;AAC3C,sBAAsBN,KAAK,CAACO,KAAN,CAAYL,YAAZ,EAA0BD,SAA1B,CAAqC;AAC3D;AACA,aAAaD,KAAK,CAACQ,MAAN,CAAaC,KAAM;AAChC,aAAaN,OAAO,GAAG,MAAH,GAAY,MAAO;AACvC;AACA;AACA;AACA,CAfA;;AAiBA,MAAMO,SAAS,GAAG,CAAC;EACjBV,KADiB;EAEjBW,MAFiB;EAGjBC;AAHiB,CAAD,KAIyB;EACzC,OACED,MAAM,KAAK,KAAX,IACA,IAAAP,WAAA,CAAI;AACR,aAAaQ,cAAc,GAChB,GAAE,IAAAC,cAAA,EAAQD,cAAR,CAAwB,IADV,GAEjBZ,KAAK,CAACc,OAAN,CAAcC,IAAK;AAC7B,KANE;AAQD,CAbD;;AAeA,MAAMC,YAAY,GAAG,CAAC;EACpBhB,KADoB;EAEpBW,MAFoB;EAGpBC;AAHoB,CAAD,KAIsB;EACzC,OACED,MAAM,KAAK,QAAX,IACA,IAAAP,WAAA,CAAI;AACR,gBAAgBQ,cAAc,GACnB,GAAE,IAAAC,cAAA,EAAQD,cAAR,CAAwB,IADP,GAEpBZ,KAAK,CAACc,OAAN,CAAcC,IAAK;AAC7B,KANE;AAQD,CAbD;;AAeO,MAAME,iBAAiB,GAAG,IAAAC,eAAA,EAAOC,YAAP,EAG/BC,KAAK,IAAI,IAAAhB,WAAA,CAAI;AACf,MAAML,UAAU,CAACqB,KAAD,CAAQ;AACxB,MAAMJ,YAAY,CAACI,KAAD,CAAQ;AAC1B,MAAMV,SAAS,CAACU,KAAD,CAAQ;AACvB,GAPiC,CAA1B;;AAUA,MAAMC,gBAAgB,GAAG,IAAAH,eAAA,EAAOI,iBAAP,CAAa;AAC7C;AACA;AACA;AACA;AACA,CALO;;AAOA,MAAMC,aAAa,GAAG,IAAAL,eAAA,EAAOI,iBAAP,CAAkC;AAC/D;AACA;AACA;AACA,kBAAkB,CAAC;EAAEtB;AAAF,CAAD,KAAeA,KAAK,CAACc,OAAN,CAAcR,IAAK;AACpD,CALO;;AAOA,MAAMkB,gBAAgB,GAAG,IAAAN,eAAA,EAAOO,kCAAP,CAA8C;AAC9E;AACA;AACA;AACA,iBAAiB,CAAC;EAAEzB;AAAF,CAAD,KAAeA,KAAK,CAACc,OAAN,CAAcR,IAAK;AACnD,CALO;;AAOA,MAAMoB,iBAAiB,GAAG,IAAAR,eAAA,EAAOS,wBAAP,CAAyC;AAC1E;AACA;AACA,CAHO;;AAKA,MAAMC,sBAAsB,GAAG,IAAAV,eAAA,EAAOI,iBAAP,CAAkC;AACxE;AACA;AACA;AACA,aAAa,CAAC;EAAEtB;AAAF,CAAD,KAAeA,KAAK,CAACc,OAAN,CAAcR,IAAK;AAC/C,CALO;;AAOA,MAAMuB,aAAa,GAAG,IAAAX,eAAA,EAAOI,iBAAP,CAAa;AAC1C;AACA;AACA,CAHO"}
+{"version":3,"file":"styled.js","names":["baseStyles","theme","colorTone","colorVariant","visible","css","borderRadius","mili","color","zIndex","modal","anchorTop","anchor","anchorDistance","RFValue","spacing","deca","anchorBottom","SnackbarContainer","styled","Paper","props","ContentContainer","View","IconContainer","DismissContainer","PressableSurface","StyledProgressBar","ProgressBar","StyledContainerFlexRow","TextContainer"],"sources":["../../../../src/components/molecules/Snackbar/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValue } from '../../../utils';\nimport { Paper } from '../../atoms/Paper';\nimport { PressableSurface } from '../../atoms/PressableSurface';\nimport { ProgressBar } from '../../atoms/ProgressBar';\nimport { SnackbarProps } from './Snackbar';\n\nconst baseStyles = ({\n  theme,\n  colorTone = 'xlight',\n  colorVariant = 'primary',\n  visible,\n}: StyleProps & Partial<SnackbarProps> & { visible: boolean }) => css`\n  padding: 0;\n  border-radius: ${theme.borderRadius.mili};\n  background-color: ${theme.color[colorVariant][colorTone]};\n  position: absolute;\n  z-index: ${theme.zIndex.modal};\n  display: ${visible ? 'flex' : 'none'};\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: stretch;\n`;\n\nconst anchorTop = ({\n  theme,\n  anchor,\n  anchorDistance,\n}: Partial<SnackbarProps> & StyleProps) => {\n  return (\n    anchor === 'top' &&\n    css`\n      top: ${anchorDistance\n        ? `${RFValue(anchorDistance)}px`\n        : theme.spacing.deca};\n    `\n  );\n};\n\nconst anchorBottom = ({\n  theme,\n  anchor,\n  anchorDistance,\n}: Partial<SnackbarProps> & StyleProps) => {\n  return (\n    anchor === 'bottom' &&\n    css`\n      bottom: ${anchorDistance\n        ? `${RFValue(anchorDistance)}px`\n        : theme.spacing.deca};\n    `\n  );\n};\n\nexport const SnackbarContainer = styled(Paper)<\n  Partial<SnackbarProps & StyleProps> & { visible: boolean }\n>(\n  props => css`\n    ${baseStyles(props)}\n    ${anchorBottom(props)}\n    ${anchorTop(props)}\n  `\n);\n\nexport const ContentContainer = styled(View)`\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  flex-shrink: 1;\n`;\n\nexport const IconContainer = styled(View)<Partial<StyleProps>>`\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  margin-right: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const DismissContainer = styled(PressableSurface)<Partial<StyleProps>>`\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  margin-left: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledProgressBar = styled(ProgressBar)<Partial<StyleProps>>`\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n`;\n\nexport const StyledContainerFlexRow = styled(View)<Partial<StyleProps>>`\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const TextContainer = styled(View)`\n  display: flex;\n  flex-shrink: 1;\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;AAGA,MAAMA,UAAU,GAAG;EAAA,IAAC;IAClBC,KADkB;IAElBC,SAAS,GAAG,QAFM;IAGlBC,YAAY,GAAG,SAHG;IAIlBC;EAJkB,CAAD;EAAA,WAK+CC,WAL/C,6RAOAJ,KAAK,CAACK,YAAN,CAAmBC,IAPnB,EAQGN,KAAK,CAACO,KAAN,CAAYL,YAAZ,EAA0BD,SAA1B,CARH,EAUND,KAAK,CAACQ,MAAN,CAAaC,KAVP,EAWNN,OAAO,GAAG,MAAH,GAAY,MAXb;AAAA,CAAnB;;AAiBA,MAAMO,SAAS,GAAG,SAIyB;EAAA,IAJxB;IACjBV,KADiB;IAEjBW,MAFiB;IAGjBC;EAHiB,CAIwB;EACzC,OACED,MAAM,KAAK,KAAX,QACAP,WADA,iGAESQ,cAAc,aACd,IAAAC,cAAA,EAAQD,cAAR,CADc,UAEjBZ,KAAK,CAACc,OAAN,CAAcC,IAJpB,CADF;AAQD,CAbD;;AAeA,MAAMC,YAAY,GAAG,SAIsB;EAAA,IAJrB;IACpBhB,KADoB;IAEpBW,MAFoB;IAGpBC;EAHoB,CAIqB;EACzC,OACED,MAAM,KAAK,QAAX,QACAP,WADA,oGAEYQ,cAAc,aACjB,IAAAC,cAAA,EAAQD,cAAR,CADiB,UAEpBZ,KAAK,CAACc,OAAN,CAAcC,IAJpB,CADF;AAQD,CAbD;;AAeO,MAAME,iBAAiB,GAAG,IAAAC,eAAA,EAAOC,YAAP,EAG/BC,KAAK,QAAIhB,WAAJ,2GACDL,UAAU,CAACqB,KAAD,CADT,EAEDJ,YAAY,CAACI,KAAD,CAFX,EAGDV,SAAS,CAACU,KAAD,CAHR,CAH0B,CAA1B;;AAUA,MAAMC,gBAAgB,GAAG,IAAAH,eAAA,EAAOI,iBAAP,CAAH,8JAAtB;;AAOA,MAAMC,aAAa,GAAG,IAAAL,eAAA,EAAOI,iBAAP,CAAH,mKAIR;EAAA,IAAC;IAAEtB;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACc,OAAN,CAAcR,IAA7B;AAAA,CAJQ,CAAnB;;AAOA,MAAMkB,gBAAgB,GAAG,IAAAN,eAAA,EAAOO,kCAAP,CAAH,kKAIZ;EAAA,IAAC;IAAEzB;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACc,OAAN,CAAcR,IAA7B;AAAA,CAJY,CAAtB;;AAOA,MAAMoB,iBAAiB,GAAG,IAAAR,eAAA,EAAOS,wBAAP,CAAH,sIAAvB;;AAKA,MAAMC,sBAAsB,GAAG,IAAAV,eAAA,EAAOI,iBAAP,CAAH,yKAItB;EAAA,IAAC;IAAEtB;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACc,OAAN,CAAcR,IAA7B;AAAA,CAJsB,CAA5B;;AAOA,MAAMuB,aAAa,GAAG,IAAAX,eAAA,EAAOI,iBAAP,CAAH,gHAAnB"}

package/dist/components/molecules/TextArea/TextArea.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
@@ -15,30 +17,31 @@ var _styled = require("./styled");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const TextArea = ({
-  label,
-  labelColor,
-  labelColorVariant,
-  labelColorTone,
-  labelTypography,
-  labelStack,
-  labelWeight,
-  leftComponent,
-  rightComponent,
-  disabled,
-  style,
-  borderColor,
-  borderColorGradation,
-  inputContainerStyle,
-  variant = 'default',
-  hintComponent,
-  hint,
-  TextComponent = _Text.Text,
-  focused,
-  children,
-  maxLength: _maxLenght,
-  value: _value
-}) => {
+const TextArea = _ref => {
+  let {
+    label,
+    labelColor,
+    labelColorVariant,
+    labelColorTone,
+    labelTypography,
+    labelStack,
+    labelWeight,
+    leftComponent,
+    rightComponent,
+    disabled,
+    style,
+    borderColor,
+    borderColorGradation,
+    inputContainerStyle,
+    variant = 'default',
+    hintComponent,
+    hint,
+    TextComponent = _Text.Text,
+    focused,
+    children,
+    maxLength: _maxLenght,
+    value: _value
+  } = _ref;
   let length = _value.length;
   const maxLength = _maxLenght;
 
@@ -80,7 +83,7 @@ const TextArea = ({
     style: {
       textAlign: 'right'
     }
-  }, `${length}/${maxLength}`)), hint && _hint);
+  }, "".concat(length, "/").concat(maxLength))), hint && _hint);
 };
 
 var _default = TextArea;

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","names":["TextArea","label","labelColor","labelColorVariant","labelColorTone","labelTypography","labelStack","labelWeight","leftComponent","rightComponent","disabled","style","borderColor","borderColorGradation","inputContainerStyle","variant","hintComponent","hint","TextComponent","Text","focused","children","maxLength","_maxLenght","value","_value","length","_hint","textAlign"],"sources":["../../../../src/components/molecules/TextArea/TextArea.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { View } from 'react-native';\nimport { FontStackType, FontWeightType } from '@tecsinapse/react-core';\nimport {\n  Hint,\n  InputContainerProps,\n  InputElementProps,\n} from '../../atoms/Input';\nimport { Text, TextProps } from '../../atoms/Text';\nimport { StyledInputContainer } from './styled';\n\nexport interface TextAreaProps\n  extends Omit<InputElementProps, 'style' | 'multiline' | 'value'>,\n    InputContainerProps {\n  inputFontStack?: FontStackType;\n  inputFontWeight?: FontWeightType;\n  maxCharCount?: number;\n  value: string;\n  // Omit below\n  TextComponent?: FC<TextProps>;\n  focused?: boolean;\n}\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  inputContainerStyle,\n  variant = 'default',\n  hintComponent,\n  hint,\n  TextComponent = Text,\n  focused,\n  children,\n  maxLength: _maxLenght,\n  value: _value,\n}) => {\n  let length = _value.length;\n  const maxLength = _maxLenght;\n  if (maxLength && length > maxLength) {\n    length = maxLength;\n  }\n\n  const _hint = hintComponent || (\n    <Hint TextComponent={TextComponent} text={hint} variant={variant} />\n  );\n\n  return (\n    <View style={style}>\n      <StyledInputContainer\n        label={label}\n        labelColor={labelColor}\n        labelColorVariant={labelColorVariant}\n        labelColorTone={labelColorTone}\n        labelTypography={labelTypography}\n        labelStack={labelStack}\n        labelWeight={labelWeight}\n        LabelComponent={TextComponent}\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      >\n        {children}\n        {maxLength && (\n          <TextComponent\n            colorVariant={'secondary'}\n            colorTone={'medium'}\n            typography={'label'}\n            fontStack={'default'}\n            fontWeight={'bold'}\n            style={{ textAlign: 'right' }}\n          >\n            {`${length}/${maxLength}`}\n          </TextComponent>\n        )}\n      </StyledInputContainer>\n      {hint && _hint}\n    </View>\n  );\n};\n\nexport default TextArea;\n"],"mappings":";;;;;AAAA;;AACA;;AAEA;;AAKA;;AACA;;;;AAcA,MAAMA,QAA2B,GAAG,CAAC;EACnCC,KADmC;EAEnCC,UAFmC;EAGnCC,iBAHmC;EAInCC,cAJmC;EAKnCC,eALmC;EAMnCC,UANmC;EAOnCC,WAPmC;EAQnCC,aARmC;EASnCC,cATmC;EAUnCC,QAVmC;EAWnCC,KAXmC;EAYnCC,WAZmC;EAanCC,oBAbmC;EAcnCC,mBAdmC;EAenCC,OAAO,GAAG,SAfyB;EAgBnCC,aAhBmC;EAiBnCC,IAjBmC;EAkBnCC,aAAa,GAAGC,UAlBmB;EAmBnCC,OAnBmC;EAoBnCC,QApBmC;EAqBnCC,SAAS,EAAEC,UArBwB;EAsBnCC,KAAK,EAAEC;AAtB4B,CAAD,KAuB9B;EACJ,IAAIC,MAAM,GAAGD,MAAM,CAACC,MAApB;EACA,MAAMJ,SAAS,GAAGC,UAAlB;;EACA,IAAID,SAAS,IAAII,MAAM,GAAGJ,SAA1B,EAAqC;IACnCI,MAAM,GAAGJ,SAAT;EACD;;EAED,MAAMK,KAAK,GAAGX,aAAa,IACzB,6BAAC,WAAD;IAAM,aAAa,EAAEE,aAArB;IAAoC,IAAI,EAAED,IAA1C;IAAgD,OAAO,EAAEF;EAAzD,EADF;;EAIA,OACE,6BAAC,iBAAD;IAAM,KAAK,EAAEJ;EAAb,GACE,6BAAC,4BAAD;IACE,KAAK,EAAEV,KADT;IAEE,UAAU,EAAEC,UAFd;IAGE,iBAAiB,EAAEC,iBAHrB;IAIE,cAAc,EAAEC,cAJlB;IAKE,eAAe,EAAEC,eALnB;IAME,UAAU,EAAEC,UANd;IAOE,WAAW,EAAEC,WAPf;IAQE,cAAc,EAAEW,aARlB;IASE,aAAa,EAAEV,aATjB;IAUE,cAAc,EAAEC,cAVlB;IAWE,WAAW,EAAEG,WAXf;IAYE,oBAAoB,EAAEC,oBAZxB;IAaE,mBAAmB,EAAEC,mBAbvB;IAcE,OAAO,EAAEM,OAdX;IAeE,QAAQ,EAAEV,QAfZ;IAgBE,OAAO,EAAEK;EAhBX,GAkBGM,QAlBH,EAmBGC,SAAS,IACR,6BAAC,aAAD;IACE,YAAY,EAAE,WADhB;IAEE,SAAS,EAAE,QAFb;IAGE,UAAU,EAAE,OAHd;IAIE,SAAS,EAAE,SAJb;IAKE,UAAU,EAAE,MALd;IAME,KAAK,EAAE;MAAEM,SAAS,EAAE;IAAb;EANT,GAQI,GAAEF,MAAO,IAAGJ,SAAU,EAR1B,CApBJ,CADF,EAiCGL,IAAI,IAAIU,KAjCX,CADF;AAqCD,CAvED;;eAyEe3B,Q"}
+{"version":3,"file":"TextArea.js","names":["TextArea","label","labelColor","labelColorVariant","labelColorTone","labelTypography","labelStack","labelWeight","leftComponent","rightComponent","disabled","style","borderColor","borderColorGradation","inputContainerStyle","variant","hintComponent","hint","TextComponent","Text","focused","children","maxLength","_maxLenght","value","_value","length","_hint","textAlign"],"sources":["../../../../src/components/molecules/TextArea/TextArea.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { View } from 'react-native';\nimport { FontStackType, FontWeightType } from '@tecsinapse/react-core';\nimport {\n  Hint,\n  InputContainerProps,\n  InputElementProps,\n} from '../../atoms/Input';\nimport { Text, TextProps } from '../../atoms/Text';\nimport { StyledInputContainer } from './styled';\n\nexport interface TextAreaProps\n  extends Omit<InputElementProps, 'style' | 'multiline' | 'value'>,\n    InputContainerProps {\n  inputFontStack?: FontStackType;\n  inputFontWeight?: FontWeightType;\n  maxCharCount?: number;\n  value: string;\n  // Omit below\n  TextComponent?: FC<TextProps>;\n  focused?: boolean;\n}\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  inputContainerStyle,\n  variant = 'default',\n  hintComponent,\n  hint,\n  TextComponent = Text,\n  focused,\n  children,\n  maxLength: _maxLenght,\n  value: _value,\n}) => {\n  let length = _value.length;\n  const maxLength = _maxLenght;\n  if (maxLength && length > maxLength) {\n    length = maxLength;\n  }\n\n  const _hint = hintComponent || (\n    <Hint TextComponent={TextComponent} text={hint} variant={variant} />\n  );\n\n  return (\n    <View style={style}>\n      <StyledInputContainer\n        label={label}\n        labelColor={labelColor}\n        labelColorVariant={labelColorVariant}\n        labelColorTone={labelColorTone}\n        labelTypography={labelTypography}\n        labelStack={labelStack}\n        labelWeight={labelWeight}\n        LabelComponent={TextComponent}\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      >\n        {children}\n        {maxLength && (\n          <TextComponent\n            colorVariant={'secondary'}\n            colorTone={'medium'}\n            typography={'label'}\n            fontStack={'default'}\n            fontWeight={'bold'}\n            style={{ textAlign: 'right' }}\n          >\n            {`${length}/${maxLength}`}\n          </TextComponent>\n        )}\n      </StyledInputContainer>\n      {hint && _hint}\n    </View>\n  );\n};\n\nexport default TextArea;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAKA;;AACA;;;;AAcA,MAAMA,QAA2B,GAAG,QAuB9B;EAAA,IAvB+B;IACnCC,KADmC;IAEnCC,UAFmC;IAGnCC,iBAHmC;IAInCC,cAJmC;IAKnCC,eALmC;IAMnCC,UANmC;IAOnCC,WAPmC;IAQnCC,aARmC;IASnCC,cATmC;IAUnCC,QAVmC;IAWnCC,KAXmC;IAYnCC,WAZmC;IAanCC,oBAbmC;IAcnCC,mBAdmC;IAenCC,OAAO,GAAG,SAfyB;IAgBnCC,aAhBmC;IAiBnCC,IAjBmC;IAkBnCC,aAAa,GAAGC,UAlBmB;IAmBnCC,OAnBmC;IAoBnCC,QApBmC;IAqBnCC,SAAS,EAAEC,UArBwB;IAsBnCC,KAAK,EAAEC;EAtB4B,CAuB/B;EACJ,IAAIC,MAAM,GAAGD,MAAM,CAACC,MAApB;EACA,MAAMJ,SAAS,GAAGC,UAAlB;;EACA,IAAID,SAAS,IAAII,MAAM,GAAGJ,SAA1B,EAAqC;IACnCI,MAAM,GAAGJ,SAAT;EACD;;EAED,MAAMK,KAAK,GAAGX,aAAa,IACzB,6BAAC,WAAD;IAAM,aAAa,EAAEE,aAArB;IAAoC,IAAI,EAAED,IAA1C;IAAgD,OAAO,EAAEF;EAAzD,EADF;;EAIA,OACE,6BAAC,iBAAD;IAAM,KAAK,EAAEJ;EAAb,GACE,6BAAC,4BAAD;IACE,KAAK,EAAEV,KADT;IAEE,UAAU,EAAEC,UAFd;IAGE,iBAAiB,EAAEC,iBAHrB;IAIE,cAAc,EAAEC,cAJlB;IAKE,eAAe,EAAEC,eALnB;IAME,UAAU,EAAEC,UANd;IAOE,WAAW,EAAEC,WAPf;IAQE,cAAc,EAAEW,aARlB;IASE,aAAa,EAAEV,aATjB;IAUE,cAAc,EAAEC,cAVlB;IAWE,WAAW,EAAEG,WAXf;IAYE,oBAAoB,EAAEC,oBAZxB;IAaE,mBAAmB,EAAEC,mBAbvB;IAcE,OAAO,EAAEM,OAdX;IAeE,QAAQ,EAAEV,QAfZ;IAgBE,OAAO,EAAEK;EAhBX,GAkBGM,QAlBH,EAmBGC,SAAS,IACR,6BAAC,aAAD;IACE,YAAY,EAAE,WADhB;IAEE,SAAS,EAAE,QAFb;IAGE,UAAU,EAAE,OAHd;IAIE,SAAS,EAAE,SAJb;IAKE,UAAU,EAAE,MALd;IAME,KAAK,EAAE;MAAEM,SAAS,EAAE;IAAb;EANT,aAQMF,MARN,cAQgBJ,SARhB,EApBJ,CADF,EAiCGL,IAAI,IAAIU,KAjCX,CADF;AAqCD,CAvED;;eAyEe3B,Q"}

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

@@ -1,2 +1,3 @@
-export { default as TextArea, TextAreaProps } from './TextArea';
+export { default as TextArea } from './TextArea';
+export type { TextAreaProps } from './TextArea';
 export { TextAreaInputBase } from './styled';

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

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

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

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

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

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.TextAreaInputBase = exports.StyledInputContainer = void 0;
 
 var _native = _interopRequireDefault(require("@emotion/native"));
@@ -9,20 +11,20 @@ var _utils = require("../../../utils");
 
 var _Input = require("../../atoms/Input");
 
+var _templateObject, _templateObject2;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const StyledInputContainer = (0, _native.default)(_Input.InputContainer)`
-  min-height: ${(0, _utils.RFValueStr)('50px')};
-`;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+const StyledInputContainer = (0, _native.default)(_Input.InputContainer)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  min-height: ", ";\n"])), (0, _utils.RFValueStr)('50px'));
 exports.StyledInputContainer = StyledInputContainer;
-const TextAreaInputBase = (0, _native.default)(_Input.InputElement)`
-  max-height: ${({
-  theme,
-  numberOfLines
-}) => `${(0, _utils.RFValue)((0, _utils.extractNumbersFromString)(theme.typography.h5.lineHeight) * (numberOfLines || 1))}px`};
-  width: 100%;
-  padding: 0;
-  margin: ${(0, _utils.RFValueStr)('3px')} 0;
-`;
+const TextAreaInputBase = (0, _native.default)(_Input.InputElement)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  max-height: ", ";\n  width: 100%;\n  padding: 0;\n  margin: ", " 0;\n"])), _ref => {
+  let {
+    theme,
+    numberOfLines
+  } = _ref;
+  return "".concat((0, _utils.RFValue)((0, _utils.extractNumbersFromString)(theme.typography.h5.lineHeight) * (numberOfLines || 1)), "px");
+}, (0, _utils.RFValueStr)('3px'));
 exports.TextAreaInputBase = TextAreaInputBase;
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["StyledInputContainer","styled","InputContainer","RFValueStr","TextAreaInputBase","InputElement","theme","numberOfLines","RFValue","extractNumbersFromString","typography","h5","lineHeight"],"sources":["../../../../src/components/molecules/TextArea/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { extractNumbersFromString, RFValue, RFValueStr } from '../../../utils';\nimport { InputContainer, InputElement } from '../../atoms/Input';\nimport { TextAreaProps } from './TextArea';\n\nexport const StyledInputContainer = styled(InputContainer)<Partial<StyleProps>>`\n  min-height: ${RFValueStr('50px')};\n`;\n\nexport const TextAreaInputBase = styled(InputElement)<\n  Partial<TextAreaProps> & Partial<StyleProps>\n>`\n  max-height: ${({ theme, numberOfLines }) =>\n    `${RFValue(\n      extractNumbersFromString(theme.typography.h5.lineHeight) *\n        (numberOfLines || 1)\n    )}px`};\n  width: 100%;\n  padding: 0;\n  margin: ${RFValueStr('3px')} 0;\n`;\n"],"mappings":";;;;;AAAA;;AAEA;;AACA;;;;AAGO,MAAMA,oBAAoB,GAAG,IAAAC,eAAA,EAAOC,qBAAP,CAA4C;AAChF,gBAAgB,IAAAC,iBAAA,EAAW,MAAX,CAAmB;AACnC,CAFO;;AAIA,MAAMC,iBAAiB,GAAG,IAAAH,eAAA,EAAOI,mBAAP,CAE/B;AACF,gBAAgB,CAAC;EAAEC,KAAF;EAASC;AAAT,CAAD,KACX,GAAE,IAAAC,cAAA,EACD,IAAAC,+BAAA,EAAyBH,KAAK,CAACI,UAAN,CAAiBC,EAAjB,CAAoBC,UAA7C,KACGL,aAAa,IAAI,CADpB,CADC,CAGD,IAAI;AACV;AACA;AACA,YAAY,IAAAJ,iBAAA,EAAW,KAAX,CAAkB;AAC9B,CAXO"}
+{"version":3,"file":"styled.js","names":["StyledInputContainer","styled","InputContainer","RFValueStr","TextAreaInputBase","InputElement","theme","numberOfLines","RFValue","extractNumbersFromString","typography","h5","lineHeight"],"sources":["../../../../src/components/molecules/TextArea/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { extractNumbersFromString, RFValue, RFValueStr } from '../../../utils';\nimport { InputContainer, InputElement } from '../../atoms/Input';\nimport { TextAreaProps } from './TextArea';\n\nexport const StyledInputContainer = styled(InputContainer)<Partial<StyleProps>>`\n  min-height: ${RFValueStr('50px')};\n`;\n\nexport const TextAreaInputBase = styled(InputElement)<\n  Partial<TextAreaProps> & Partial<StyleProps>\n>`\n  max-height: ${({ theme, numberOfLines }) =>\n    `${RFValue(\n      extractNumbersFromString(theme.typography.h5.lineHeight) *\n        (numberOfLines || 1)\n    )}px`};\n  width: 100%;\n  padding: 0;\n  margin: ${RFValueStr('3px')} 0;\n`;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;;;;;AAGO,MAAMA,oBAAoB,GAAG,IAAAC,eAAA,EAAOC,qBAAP,CAAH,6FACjB,IAAAC,iBAAA,EAAW,MAAX,CADiB,CAA1B;;AAIA,MAAMC,iBAAiB,GAAG,IAAAH,eAAA,EAAOI,mBAAP,CAAH,iJAGd;EAAA,IAAC;IAAEC,KAAF;IAASC;EAAT,CAAD;EAAA,iBACT,IAAAC,cAAA,EACD,IAAAC,+BAAA,EAAyBH,KAAK,CAACI,UAAN,CAAiBC,EAAjB,CAAoBC,UAA7C,KACGL,aAAa,IAAI,CADpB,CADC,CADS;AAAA,CAHc,EAUlB,IAAAJ,iBAAA,EAAW,KAAX,CAVkB,CAAvB"}

package/dist/hooks/index.js

@@ -1,13 +1,22 @@
 "use strict";
 
-exports.__esModule = true;
-exports.useTheme = exports.useDebouncedState = void 0;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useDebouncedState", {
+  enumerable: true,
+  get: function () {
+    return _useDebouncedState.useDebouncedState;
+  }
+});
+Object.defineProperty(exports, "useTheme", {
+  enumerable: true,
+  get: function () {
+    return _useTheme.useTheme;
+  }
+});
 
 var _useDebouncedState = require("./useDebouncedState");
 
-exports.useDebouncedState = _useDebouncedState.useDebouncedState;
-
 var _useTheme = require("./useTheme");
-
-exports.useTheme = _useTheme.useTheme;
 //# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/hooks/index.ts"],"sourcesContent":["export { useDebouncedState } from './useDebouncedState';\nexport { useTheme } from './useTheme';\n"],"mappings":";;;;;AAAA;;;;AACA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/hooks/index.ts"],"sourcesContent":["export { useDebouncedState } from './useDebouncedState';\nexport { useTheme } from './useTheme';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA"}

package/dist/hooks/useDebouncedState.js

@@ -1,11 +1,14 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.useDebouncedState = useDebouncedState;
 
 var _react = require("react");
 
-function useDebouncedState(initialState, timeoutCallback, timeoutMs = 166) {
+function useDebouncedState(initialState, timeoutCallback) {
+  let timeoutMs = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 166;
   const timeoutId = (0, _react.useRef)();
   const [state, setState] = (0, _react.useState)(initialState);
   (0, _react.useEffect)(() => {

package/dist/hooks/useDebouncedState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDebouncedState.js","names":["useDebouncedState","initialState","timeoutCallback","timeoutMs","timeoutId","useRef","state","setState","useState","useEffect","current","clearTimeout","setTimeout"],"sources":["../../src/hooks/useDebouncedState.ts"],"sourcesContent":["import { Dispatch, SetStateAction, useEffect, useRef, useState } from 'react';\n\n/**\n * @param initialState\n * @param timeoutCallback callback to be called after bouncing ends. Should be memoized.\n * @param timeoutMs\n */\nexport function useDebouncedState<S>(\n  initialState: S | (() => S),\n  timeoutCallback?: (state: S) => void,\n  timeoutMs = 166\n): [S, Dispatch<SetStateAction<S>>] {\n  const timeoutId = useRef<number>();\n\n  const [state, setState] = useState<S>(initialState);\n\n  useEffect(() => {\n    if (timeoutId.current) clearTimeout(timeoutId.current);\n    if (timeoutCallback)\n      timeoutId.current = setTimeout(() => timeoutCallback(state), timeoutMs);\n  }, [state]);\n\n  return [state, setState];\n}\n"],"mappings":";;;;;AAAA;;AAOO,SAASA,iBAAT,CACLC,YADK,EAELC,eAFK,EAGLC,SAAS,GAAG,GAHP,EAI6B;EAClC,MAAMC,SAAS,GAAG,IAAAC,aAAA,GAAlB;EAEA,MAAM,CAACC,KAAD,EAAQC,QAAR,IAAoB,IAAAC,eAAA,EAAYP,YAAZ,CAA1B;EAEA,IAAAQ,gBAAA,EAAU,MAAM;IACd,IAAIL,SAAS,CAACM,OAAd,EAAuBC,YAAY,CAACP,SAAS,CAACM,OAAX,CAAZ;IACvB,IAAIR,eAAJ,EACEE,SAAS,CAACM,OAAV,GAAoBE,UAAU,CAAC,MAAMV,eAAe,CAACI,KAAD,CAAtB,EAA+BH,SAA/B,CAA9B;EACH,CAJD,EAIG,CAACG,KAAD,CAJH;EAMA,OAAO,CAACA,KAAD,EAAQC,QAAR,CAAP;AACD"}
+{"version":3,"file":"useDebouncedState.js","names":["useDebouncedState","initialState","timeoutCallback","timeoutMs","timeoutId","useRef","state","setState","useState","useEffect","current","clearTimeout","setTimeout"],"sources":["../../src/hooks/useDebouncedState.ts"],"sourcesContent":["import { Dispatch, SetStateAction, useEffect, useRef, useState } from 'react';\n\n/**\n * @param initialState\n * @param timeoutCallback callback to be called after bouncing ends. Should be memoized.\n * @param timeoutMs\n */\nexport function useDebouncedState<S>(\n  initialState: S | (() => S),\n  timeoutCallback?: (state: S) => void,\n  timeoutMs = 166\n): [S, Dispatch<SetStateAction<S>>] {\n  const timeoutId = useRef<number>();\n\n  const [state, setState] = useState<S>(initialState);\n\n  useEffect(() => {\n    if (timeoutId.current) clearTimeout(timeoutId.current);\n    if (timeoutCallback)\n      timeoutId.current = setTimeout(() => timeoutCallback(state), timeoutMs);\n  }, [state]);\n\n  return [state, setState];\n}\n"],"mappings":";;;;;;;AAAA;;AAOO,SAASA,iBAAT,CACLC,YADK,EAELC,eAFK,EAI6B;EAAA,IADlCC,SACkC,uEADtB,GACsB;EAClC,MAAMC,SAAS,GAAG,IAAAC,aAAA,GAAlB;EAEA,MAAM,CAACC,KAAD,EAAQC,QAAR,IAAoB,IAAAC,eAAA,EAAYP,YAAZ,CAA1B;EAEA,IAAAQ,gBAAA,EAAU,MAAM;IACd,IAAIL,SAAS,CAACM,OAAd,EAAuBC,YAAY,CAACP,SAAS,CAACM,OAAX,CAAZ;IACvB,IAAIR,eAAJ,EACEE,SAAS,CAACM,OAAV,GAAoBE,UAAU,CAAC,MAAMV,eAAe,CAACI,KAAD,CAAtB,EAA+BH,SAA/B,CAA9B;EACH,CAJD,EAIG,CAACG,KAAD,CAJH;EAMA,OAAO,CAACA,KAAD,EAAQC,QAAR,CAAP;AACD"}

package/dist/hooks/useTheme.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.useTheme = void 0;
 
 var _react = require("@emotion/react");

package/dist/hooks/useTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.js","names":["useTheme","useEmotionTheme"],"sources":["../../src/hooks/useTheme.ts"],"sourcesContent":["import { useTheme as useEmotionTheme } from '@emotion/react';\nimport { ThemeProp } from '../types/defaults';\n\nexport const useTheme = (): ThemeProp => useEmotionTheme() as ThemeProp;\n"],"mappings":";;;;;AAAA;;AAGO,MAAMA,QAAQ,GAAG,MAAiB,IAAAC,eAAA,GAAlC"}
+{"version":3,"file":"useTheme.js","names":["useTheme","useEmotionTheme"],"sources":["../../src/hooks/useTheme.ts"],"sourcesContent":["import { useTheme as useEmotionTheme } from '@emotion/react';\nimport { ThemeProp } from '../types/defaults';\n\nexport const useTheme = (): ThemeProp => useEmotionTheme() as ThemeProp;\n"],"mappings":";;;;;;;AAAA;;AAGO,MAAMA,QAAQ,GAAG,MAAiB,IAAAC,eAAA,GAAlC"}

package/dist/index.d.ts

@@ -1,33 +1,61 @@
-export { Avatar, AvatarProps } from './components/atoms/Avatar';
-export { Badge, BadgeProps } from './components/atoms/Badge';
-export { BoxContent, BoxContentProps } from './components/atoms/BoxContent';
-export { Button, ButtonProps, ButtonSizeType, ButtonStateProps, ButtonStateType, Error, Loading, Success, } from './components/atoms/Button';
-export { Card, CardProps } from './components/atoms/Card';
-export { Footer, FooterProps } from './components/atoms/Card/Footer';
-export { Header, HeaderProps } from './components/atoms/Card/Header';
-export { Checkbox, CheckboxProps } from './components/atoms/Checkbox';
-export { Divider, DividerProps } from './components/atoms/Divider';
-export { GroupButton, GroupButtonOption, GroupButtonOptionProps, GroupButtonProps, GroupButtonValue, } from './components/atoms/GroupButton';
-export { Icon, IconProps } from './components/atoms/Icon';
-export { disabledInputStyles, Hint, InputContainer, InputContainerProps, InputElement, InputElementProps, InputMaskElement, InputMaskElementProps, InputVariantType, PressableInputContainer, PressableInputContainerProps, StyledBorderKeeper, useInputFocus, useNumberMask, useStringMask, } from './components/atoms/Input';
-export { Paper, PaperProps } from './components/atoms/Paper';
-export { PressableSurface, PressableSurfaceProps, } from './components/atoms/PressableSurface';
-export { ProgressBar, ProgressBarProps } from './components/atoms/ProgressBar';
-export { RadioButton, RadioButtonProps } from './components/atoms/RadioButton';
-export { Switch, SwitchProps } from './components/atoms/Switch';
-export { Tag, TagProps } from './components/atoms/Tag';
-export { Text, TextProps } from './components/atoms/Text';
-export { Calendar, CalendarProps, DateRange, SelectionType, Value, } from './components/molecules/Calendar';
-export { DatePicker, DatePickerProps } from './components/molecules/DatePicker';
-export { DateTimePicker, DateTimePickerProps, } from './components/molecules/DateTimePicker';
-export { DateTimeSelector, DateTimeSelectorMode, DateTimeSelectorProps, } from './components/molecules/DateTimeSelector';
-export { GridSpacing, IGridItem, getGridItemPadding, getGridItemColumSpan, IGrid, FlexAlignBase, FlexAlignType, FlexPositioning, FlexSpacing, PaddingPosition, } from './components/molecules/Grid';
-export { HintInputContainer, HintInputContainerProps, } from './components/molecules/HintInputContainer';
-export { IconComponent, IconPositionOptions, IconTextButtonProps, } from './components/molecules/IconTextButton';
+export { Avatar } from './components/atoms/Avatar';
+export type { AvatarProps } from './components/atoms/Avatar';
+export { Badge } from './components/atoms/Badge';
+export type { BadgeProps } from './components/atoms/Badge';
+export { BoxContent } from './components/atoms/BoxContent';
+export type { BoxContentProps } from './components/atoms/BoxContent';
+export { Button, Error, Loading, Success } from './components/atoms/Button';
+export type { ButtonProps, ButtonSizeType, ButtonStateProps, ButtonStateType, } from './components/atoms/Button';
+export { Card } from './components/atoms/Card';
+export type { CardProps } from './components/atoms/Card';
+export { Footer } from './components/atoms/Card/Footer';
+export type { FooterProps } from './components/atoms/Card/Footer';
+export { Header } from './components/atoms/Card/Header';
+export type { HeaderProps } from './components/atoms/Card/Header';
+export { Checkbox } from './components/atoms/Checkbox';
+export type { CheckboxProps } from './components/atoms/Checkbox';
+export { Divider } from './components/atoms/Divider';
+export type { DividerProps } from './components/atoms/Divider';
+export { GroupButton, GroupButtonOption } from './components/atoms/GroupButton';
+export type { GroupButtonOptionProps, GroupButtonProps, GroupButtonValue, } from './components/atoms/GroupButton';
+export { Icon } from './components/atoms/Icon';
+export type { IconProps } from './components/atoms/Icon';
+export { disabledInputStyles, Hint, InputContainer, InputElement, InputMaskElement, PressableInputContainer, StyledBorderKeeper, useInputFocus, useNumberMask, useStringMask, } from './components/atoms/Input';
+export type { InputContainerProps, InputElementProps, InputMaskElementProps, InputVariantType, PressableInputContainerProps, } from './components/atoms/Input';
+export { Paper } from './components/atoms/Paper';
+export type { PaperProps } from './components/atoms/Paper';
+export { PressableSurface } from './components/atoms/PressableSurface';
+export type { PressableSurfaceProps } from './components/atoms/PressableSurface';
+export { ProgressBar } from './components/atoms/ProgressBar';
+export type { ProgressBarProps } from './components/atoms/ProgressBar';
+export { RadioButton } from './components/atoms/RadioButton';
+export type { RadioButtonProps } from './components/atoms/RadioButton';
+export { Switch } from './components/atoms/Switch';
+export type { SwitchProps } from './components/atoms/Switch';
+export { Tag } from './components/atoms/Tag';
+export type { TagProps } from './components/atoms/Tag';
+export { Text } from './components/atoms/Text';
+export type { TextProps } from './components/atoms/Text';
+export { Calendar } from './components/molecules/Calendar';
+export type { CalendarProps, DateRange, SelectionType, Value, } from './components/molecules/Calendar';
+export { DatePicker } from './components/molecules/DatePicker';
+export type { DatePickerProps } from './components/molecules/DatePicker';
+export { DateTimePicker } from './components/molecules/DateTimePicker';
+export type { DateTimePickerProps } from './components/molecules/DateTimePicker';
+export { DateTimeSelector } from './components/molecules/DateTimeSelector';
+export type { DateTimeSelectorMode, DateTimeSelectorProps, } from './components/molecules/DateTimeSelector';
+export { getGridItemPadding, getGridItemColumSpan, } from './components/molecules/Grid';
+export type { GridSpacing, IGridItem, IGrid, FlexAlignBase, FlexAlignType, FlexPositioning, FlexSpacing, PaddingPosition, } from './components/molecules/Grid';
+export { HintInputContainer } from './components/molecules/HintInputContainer';
+export type { HintInputContainerProps } from './components/molecules/HintInputContainer';
+export { IconComponent } from './components/molecules/IconTextButton';
+export type { IconPositionOptions, IconTextButtonProps, } from './components/molecules/IconTextButton';
 export { InputPasswordIcon } from './components/molecules/InputPassword';
-export { LabeledSwitchProps, LabelPositionOptions, } from './components/molecules/LabeledSwitch';
-export { Snackbar, SnackbarProps } from './components/molecules/Snackbar';
-export { TextArea, TextAreaInputBase, TextAreaProps, } from './components/molecules/TextArea';
+export type { LabeledSwitchProps, LabelPositionOptions, } from './components/molecules/LabeledSwitch';
+export { Snackbar } from './components/molecules/Snackbar';
+export type { SnackbarProps } from './components/molecules/Snackbar';
+export { TextArea, TextAreaInputBase } from './components/molecules/TextArea';
+export type { TextAreaProps } from './components/molecules/TextArea';
 export * from './hooks';
 export * from './styles/definitions';
 export * from './styles/light';