@tecsinapse/react-core 1.19.0 → 1.20.0

package/esm/utils/lightenDarkenColor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lightenDarkenColor.js","names":["lightenDarkenColor","color","variation","usePound","slice","num","parseInt","r","b","g","toString"],"sources":["../../src/utils/lightenDarkenColor.ts"],"sourcesContent":["export const lightenDarkenColor = (color: string, variation: number) => {\n  let usePound = false;\n\n  if (color[0] == '#') {\n    color = color.slice(1);\n    usePound = true;\n  }\n\n  const num = parseInt(color, 16);\n\n  let r = (num >> 16) + variation;\n  if (r > 255) r = 255;\n  else if (r < 0) r = 0;\n\n  let b = ((num >> 8) & 0x00ff) + variation;\n  if (b > 255) b = 255;\n  else if (b < 0) b = 0;\n\n  let g = (num & 0x0000ff) + variation;\n  if (g > 255) g = 255;\n  else if (g < 0) g = 0;\n\n  return (usePound ? '#' : '') + (g | (b << 8) | (r << 16)).toString(16);\n};\n"],"mappings":"AAAA,OAAO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD,EAAgBC,SAAhB,EAAsC;EACtE,IAAIC,QAAQ,GAAG,KAAf;;EAEA,IAAIF,KAAK,CAAC,CAAD,CAAL,IAAY,GAAhB,EAAqB;IACnBA,KAAK,GAAGA,KAAK,CAACG,KAAN,CAAY,CAAZ,CAAR;IACAD,QAAQ,GAAG,IAAX;EACD;;EAED,IAAME,GAAG,GAAGC,QAAQ,CAACL,KAAD,EAAQ,EAAR,CAApB;EAEA,IAAIM,CAAC,GAAG,CAACF,GAAG,IAAI,EAAR,IAAcH,SAAtB;EACA,IAAIK,CAAC,GAAG,GAAR,EAAaA,CAAC,GAAG,GAAJ,CAAb,KACK,IAAIA,CAAC,GAAG,CAAR,EAAWA,CAAC,GAAG,CAAJ;EAEhB,IAAIC,CAAC,GAAG,CAAEH,GAAG,IAAI,CAAR,GAAa,MAAd,IAAwBH,SAAhC;EACA,IAAIM,CAAC,GAAG,GAAR,EAAaA,CAAC,GAAG,GAAJ,CAAb,KACK,IAAIA,CAAC,GAAG,CAAR,EAAWA,CAAC,GAAG,CAAJ;EAEhB,IAAIC,CAAC,GAAG,CAACJ,GAAG,GAAG,QAAP,IAAmBH,SAA3B;EACA,IAAIO,CAAC,GAAG,GAAR,EAAaA,CAAC,GAAG,GAAJ,CAAb,KACK,IAAIA,CAAC,GAAG,CAAR,EAAWA,CAAC,GAAG,CAAJ;EAEhB,OAAO,CAACN,QAAQ,GAAG,GAAH,GAAS,EAAlB,IAAwB,CAACM,CAAC,GAAID,CAAC,IAAI,CAAV,GAAgBD,CAAC,IAAI,EAAtB,EAA2BG,QAA3B,CAAoC,EAApC,CAA/B;AACD,CAvBM"}

package/esm/utils/masks.d.ts

@@ -0,0 +1,11 @@
+export declare const Masks: {
+    CPF: string[];
+    CNPJ: string[];
+    DATE: string[];
+    MONTH_YEAR: string[];
+    CEP: string[];
+    PHONE: string[];
+    PHONE_EXTENDED: string[];
+    COMBINED_PHONE: (value: string) => string[];
+    COMBINED_CPF_CNPJ: (value: string) => string[];
+};

package/esm/utils/masks.js

@@ -0,0 +1,19 @@
+import { extractDigitsFromString } from './extractNumbersFromString';
+export var Masks = {
+  CPF: ['999.999.999-99'],
+  CNPJ: ['99.999.999/9999-99'],
+  DATE: ['99/99/9999'],
+  MONTH_YEAR: ['99/9999'],
+  CEP: ['99999-999'],
+  PHONE: ['(99) 9999-9999'],
+  PHONE_EXTENDED: ['(99) 99999-9999'],
+  COMBINED_PHONE: function COMBINED_PHONE(value) {
+    var onlyNumbers = extractDigitsFromString(value);
+    var isCellPhoneExtended = onlyNumbers.length === 11;
+    return (value === null || value === void 0 ? void 0 : value.length) <= 14 && !isCellPhoneExtended ? Masks.PHONE : Masks.PHONE_EXTENDED;
+  },
+  COMBINED_CPF_CNPJ: function COMBINED_CPF_CNPJ(value) {
+    return (value === null || value === void 0 ? void 0 : value.length) <= 14 ? Masks.CPF : Masks.CNPJ;
+  }
+};
+//# sourceMappingURL=masks.js.map

package/esm/utils/masks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"masks.js","names":["extractDigitsFromString","Masks","CPF","CNPJ","DATE","MONTH_YEAR","CEP","PHONE","PHONE_EXTENDED","COMBINED_PHONE","value","onlyNumbers","isCellPhoneExtended","length","COMBINED_CPF_CNPJ"],"sources":["../../src/utils/masks.ts"],"sourcesContent":["// NOTE: Add here all individually utils, then you can use it on input components everywhere.\nimport { extractDigitsFromString } from './extractNumbersFromString';\n\nexport const Masks = {\n  CPF: ['999.999.999-99'],\n  CNPJ: ['99.999.999/9999-99'],\n  DATE: ['99/99/9999'],\n  MONTH_YEAR: ['99/9999'],\n  CEP: ['99999-999'],\n  PHONE: ['(99) 9999-9999'],\n  PHONE_EXTENDED: ['(99) 99999-9999'],\n  COMBINED_PHONE: (value: string) => {\n    const onlyNumbers = extractDigitsFromString(value);\n    // Value is number extended, but without mask.\n    const isCellPhoneExtended = onlyNumbers.length === 11;\n\n    // Value in formatted mode\n    return value?.length <= 14 && !isCellPhoneExtended\n      ? Masks.PHONE\n      : Masks.PHONE_EXTENDED;\n  },\n  COMBINED_CPF_CNPJ: (value: string) =>\n    value?.length <= 14 ? Masks.CPF : Masks.CNPJ,\n};\n"],"mappings":"AACA,SAASA,uBAAT,QAAwC,4BAAxC;AAEA,OAAO,IAAMC,KAAK,GAAG;EACnBC,GAAG,EAAE,CAAC,gBAAD,CADc;EAEnBC,IAAI,EAAE,CAAC,oBAAD,CAFa;EAGnBC,IAAI,EAAE,CAAC,YAAD,CAHa;EAInBC,UAAU,EAAE,CAAC,SAAD,CAJO;EAKnBC,GAAG,EAAE,CAAC,WAAD,CALc;EAMnBC,KAAK,EAAE,CAAC,gBAAD,CANY;EAOnBC,cAAc,EAAE,CAAC,iBAAD,CAPG;EAQnBC,cAAc,EAAE,wBAACC,KAAD,EAAmB;IACjC,IAAMC,WAAW,GAAGX,uBAAuB,CAACU,KAAD,CAA3C;IAEA,IAAME,mBAAmB,GAAGD,WAAW,CAACE,MAAZ,KAAuB,EAAnD;IAGA,OAAO,CAAAH,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEG,MAAP,KAAiB,EAAjB,IAAuB,CAACD,mBAAxB,GACHX,KAAK,CAACM,KADH,GAEHN,KAAK,CAACO,cAFV;EAGD,CAjBkB;EAkBnBM,iBAAiB,EAAE,2BAACJ,KAAD;IAAA,OACjB,CAAAA,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEG,MAAP,KAAiB,EAAjB,GAAsBZ,KAAK,CAACC,GAA5B,GAAkCD,KAAK,CAACE,IADvB;EAAA;AAlBA,CAAd"}

package/esm/utils/variantComplement.d.ts

@@ -0,0 +1,6 @@
+import { ColorGradationType, ColorType, FontColorType, VariantType } from '../types/defaults';
+export declare const fontColorVC: Record<VariantType, FontColorType>;
+export declare const colorVC: Record<VariantType, ColorType>;
+export declare const colorGradationVC: Record<VariantType, ColorGradationType>;
+export declare const borderColorVC: Record<VariantType, ColorType>;
+export declare const borderColorGradationVC: Record<VariantType, ColorGradationType>;

package/esm/utils/variantComplement.js

@@ -0,0 +1,26 @@
+export var fontColorVC = {
+  filled: 'light',
+  outlined: 'orange',
+  text: 'orange'
+};
+export var colorVC = {
+  filled: 'primary',
+  outlined: 'primary',
+  text: 'primary'
+};
+export var colorGradationVC = {
+  filled: 'dark',
+  outlined: 'dark',
+  text: 'dark'
+};
+export var borderColorVC = {
+  filled: 'primary',
+  outlined: 'primary',
+  text: 'primary'
+};
+export var borderColorGradationVC = {
+  filled: 'dark',
+  outlined: 'dark',
+  text: 'dark'
+};
+//# sourceMappingURL=variantComplement.js.map

package/esm/utils/variantComplement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variantComplement.js","names":["fontColorVC","filled","outlined","text","colorVC","colorGradationVC","borderColorVC","borderColorGradationVC"],"sources":["../../src/utils/variantComplement.ts"],"sourcesContent":["import {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  VariantType,\n} from '../types/defaults';\n\nexport const fontColorVC: Record<VariantType, FontColorType> = {\n  filled: 'light',\n  outlined: 'orange',\n  text: 'orange',\n};\n\nexport const colorVC: Record<VariantType, ColorType> = {\n  filled: 'primary',\n  outlined: 'primary',\n  text: 'primary',\n};\n\nexport const colorGradationVC: Record<VariantType, ColorGradationType> = {\n  filled: 'dark',\n  outlined: 'dark',\n  text: 'dark',\n};\n\nexport const borderColorVC: Record<VariantType, ColorType> = {\n  filled: 'primary',\n  outlined: 'primary',\n  text: 'primary',\n};\n\nexport const borderColorGradationVC: Record<VariantType, ColorGradationType> = {\n  filled: 'dark',\n  outlined: 'dark',\n  text: 'dark',\n};\n"],"mappings":"AAOA,OAAO,IAAMA,WAA+C,GAAG;EAC7DC,MAAM,EAAE,OADqD;EAE7DC,QAAQ,EAAE,QAFmD;EAG7DC,IAAI,EAAE;AAHuD,CAAxD;AAMP,OAAO,IAAMC,OAAuC,GAAG;EACrDH,MAAM,EAAE,SAD6C;EAErDC,QAAQ,EAAE,SAF2C;EAGrDC,IAAI,EAAE;AAH+C,CAAhD;AAMP,OAAO,IAAME,gBAAyD,GAAG;EACvEJ,MAAM,EAAE,MAD+D;EAEvEC,QAAQ,EAAE,MAF6D;EAGvEC,IAAI,EAAE;AAHiE,CAAlE;AAMP,OAAO,IAAMG,aAA6C,GAAG;EAC3DL,MAAM,EAAE,SADmD;EAE3DC,QAAQ,EAAE,SAFiD;EAG3DC,IAAI,EAAE;AAHqD,CAAtD;AAMP,OAAO,IAAMI,sBAA+D,GAAG;EAC7EN,MAAM,EAAE,MADqE;EAE7EC,QAAQ,EAAE,MAFmE;EAG7EC,IAAI,EAAE;AAHuE,CAAxE"}

package/package.json

@@ -1,14 +1,19 @@
 {
   "name": "@tecsinapse/react-core",
   "description": "TecSinapse hybrid React components",
-  "version": "1.19.0",
+  "version": "1.20.0",
   "license": "MIT",
   "main": "dist/index.js",
+  "module": "esm/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
     "start": "yarn build:es --watch",
-    "build:es": "cross-env BABEL_ENV=build babel src --root-mode upward --out-dir dist --source-maps --extensions .ts,.tsx --delete-dir-on-start --no-comments",
-    "build:declaration": "tsc --project tsconfig.build.json",
+    "build:es": "yarn build:cjs && yarn build:esm",
+    "build:cjs": "cross-env BABEL_ENV=build babel src --root-mode upward --out-dir dist --source-maps --extensions .ts,.tsx --delete-dir-on-start --no-comments",
+    "build:esm": "cross-env BABEL_ENV=build babel src --root-mode upward --out-dir esm --source-maps --extensions .ts,.tsx --delete-dir-on-start --no-comments --config-file ./babel.config.esm.js",
+    "build:declaration": "yarn build:declaration:cjs && yarn build:declaration:esm",
+    "build:declaration:cjs": "tsc --project tsconfig.build.json",
+    "build:declaration:esm": "tsc --project tsconfig.build.esm.json",
     "build:declaration:watch": "tsc --project tsconfig.build.json --watch",
     "yalc:push": "yalc push --changed",
     "yalc:show": "yalc installations show $npm_package_name"
@@ -34,5 +39,5 @@
     "react-native": "^0.64.0",
     "react-native-vector-icons": "^8.1.0 || ^9.0.0"
   },
-  "gitHead": "59f85f1085ace4af0b26b85e32faf92cd2bf303f"
+  "gitHead": "46fe5778b52031a04bcb217c86cf363d6ae45b54"
 }

package/src/components/atoms/Avatar/index.ts

@@ -1 +1,2 @@
-export { default as Avatar, AvatarProps } from './Avatar';
+export { default as Avatar } from './Avatar';
+export type { AvatarProps } from './Avatar';

package/src/components/atoms/Badge/index.ts

@@ -1 +1,2 @@
-export { default as Badge, BadgeProps } from './Badge';
+export { default as Badge } from './Badge';
+export type { BadgeProps } from './Badge';

package/src/components/atoms/BoxContent/index.ts

@@ -1 +1,2 @@
-export { default as BoxContent, BoxContentProps } from './BoxContent';
+export { default as BoxContent } from './BoxContent';
+export type { BoxContentProps } from './BoxContent';

package/src/components/atoms/Button/index.ts

@@ -1,8 +1,8 @@
-export {
-  default as Button,
+export { default as Button } from './Button';
+export { Error, Success, Loading } from './States';
+export type {
   ButtonProps,
   ButtonSizeType,
   ButtonStateType,
   ButtonStateProps,
 } from './Button';
-export { Error, Success, Loading } from './States';

package/src/components/atoms/Card/Footer/index.ts

@@ -1 +1,2 @@
-export { default as Footer, FooterProps } from './Footer';
+export { default as Footer } from './Footer';
+export type { FooterProps } from './Footer';

package/src/components/atoms/Card/Header/index.ts

@@ -1 +1,2 @@
-export { default as Header, HeaderProps } from './Header';
+export { default as Header } from './Header';
+export type { HeaderProps } from './Header';

package/src/components/atoms/Card/index.ts

@@ -1 +1,2 @@
-export { default as Card, CardProps } from './Card';
+export { default as Card } from './Card';
+export type { CardProps } from './Card';

package/src/components/atoms/Checkbox/index.ts

@@ -1 +1,2 @@
-export { default as Checkbox, CheckboxProps } from './Checkbox';
+export { default as Checkbox } from './Checkbox';
+export type { CheckboxProps } from './Checkbox';

package/src/components/atoms/Divider/index.ts

@@ -1 +1,2 @@
-export { default as Divider, DividerProps } from './Divider';
+export { default as Divider } from './Divider';
+export type { DividerProps } from './Divider';

package/src/components/atoms/GroupButton/index.ts

@@ -1,9 +1,4 @@
-export {
-  default as GroupButton,
-  GroupButtonProps,
-  GroupButtonValue,
-} from './GroupButton';
-export {
-  default as GroupButtonOption,
-  GroupButtonOptionProps,
-} from './GroupButtonOption';
+export { default as GroupButton } from './GroupButton';
+export type { GroupButtonProps, GroupButtonValue } from './GroupButton';
+export { default as GroupButtonOption } from './GroupButtonOption';
+export type { GroupButtonOptionProps } from './GroupButtonOption';

package/src/components/atoms/Icon/index.ts

@@ -1 +1,2 @@
-export { default as Icon, IconProps } from './Icon';
+export { default as Icon } from './Icon';
+export type { IconProps } from './Icon';

package/src/components/atoms/Input/PressableInputContainer/index.ts

@@ -1,4 +1,2 @@
-export {
-  default as PressableInputContainer,
-  PressableInputContainerProps,
-} from './PressableInputContainer';
+export { default as PressableInputContainer } from './PressableInputContainer';
+export type { PressableInputContainerProps } from './PressableInputContainer';

package/src/components/atoms/Input/index.ts

@@ -2,21 +2,15 @@ export { default as Hint } from './Hint';
 export * from './hooks/useInputFocus';
 export * from './hooks/useNumberMask';
 export * from './hooks/useStringMask';
-export {
-  default as InputContainer,
+export { default as InputContainer } from './InputContainer/InputContainer';
+export type {
   InputContainerProps,
   InputVariantType,
 } from './InputContainer/InputContainer';
-export {
-  default as InputElement,
-  InputElementProps,
-} from './InputElement/InputElement';
-export {
-  default as InputMaskElement,
-  InputMaskElementProps,
-} from './InputMaskElement/InputMaskElement';
-export {
-  PressableInputContainer,
-  PressableInputContainerProps,
-} from './PressableInputContainer';
+export { default as InputElement } from './InputElement/InputElement';
+export type { InputElementProps } from './InputElement/InputElement';
+export { default as InputMaskElement } from './InputMaskElement/InputMaskElement';
+export type { InputMaskElementProps } from './InputMaskElement/InputMaskElement';
+export { PressableInputContainer } from './PressableInputContainer';
+export type { PressableInputContainerProps } from './PressableInputContainer';
 export { StyledBorderKeeper, disabledInputStyles } from './styled';

package/src/components/atoms/Paper/index.ts

@@ -1 +1,2 @@
-export { default as Paper, PaperProps } from './Paper';
+export { default as Paper } from './Paper';
+export type { PaperProps } from './Paper';

package/src/components/atoms/PressableSurface/index.ts

@@ -1,4 +1,2 @@
-export {
-  default as PressableSurface,
-  PressableSurfaceProps,
-} from './PressableSurface';
+export { default as PressableSurface } from './PressableSurface';
+export type { PressableSurfaceProps } from './PressableSurface';

package/src/components/atoms/ProgressBar/index.ts

@@ -1 +1,2 @@
-export { default as ProgressBar, ProgressBarProps } from './ProgressBar';
+export { default as ProgressBar } from './ProgressBar';
+export type { ProgressBarProps } from './ProgressBar';

package/src/components/atoms/RadioButton/index.ts

@@ -1 +1,2 @@
-export { default as RadioButton, RadioButtonProps } from './RadioButton';
+export { default as RadioButton } from './RadioButton';
+export type { RadioButtonProps } from './RadioButton';

package/src/components/atoms/Switch/index.ts

@@ -1 +1,2 @@
-export { default as Switch, SwitchProps } from './Switch';
+export { default as Switch } from './Switch';
+export type { SwitchProps } from './Switch';

package/src/components/atoms/Tag/index.ts

@@ -1 +1,2 @@
-export { default as Tag, TagProps } from './Tag';
+export { default as Tag } from './Tag';
+export type { TagProps } from './Tag';

package/src/components/atoms/Text/index.ts

@@ -1 +1,2 @@
-export { default as Text, TextProps } from './Text';
+export { default as Text } from './Text';
+export type { TextProps } from './Text';

package/src/components/molecules/Calendar/index.ts

@@ -1,5 +1,5 @@
-export {
-  default as Calendar,
+export { default as Calendar } from './Calendar';
+export type {
   CalendarProps,
   SelectionType,
   DateRange,

package/src/components/molecules/DatePicker/index.ts

@@ -1 +1,2 @@
-export { default as DatePicker, DatePickerProps } from './DatePicker';
+export { default as DatePicker } from './DatePicker';
+export type { DatePickerProps } from './DatePicker';

package/src/components/molecules/DateTimePicker/index.ts

@@ -1,4 +1,2 @@
-export {
-  default as DateTimePicker,
-  DateTimePickerProps,
-} from './DateTimePicker';
+export { default as DateTimePicker } from './DateTimePicker';
+export type { DateTimePickerProps } from './DateTimePicker';

package/src/components/molecules/DateTimeSelector/index.ts

@@ -1,5 +1,5 @@
-export {
-  default as DateTimeSelector,
+export { default as DateTimeSelector } from './DateTimeSelector';
+export type {
   DateTimeSelectorProps,
   DateTimeSelectorMode,
 } from './DateTimeSelector';

package/src/components/molecules/IconTextButton/index.ts

@@ -1,2 +1,5 @@
 export { default as IconComponent } from './IconComponent';
-export { IconPositionOptions, IconTextButtonProps } from './IconTextButton';
+export type {
+  IconPositionOptions,
+  IconTextButtonProps,
+} from './IconTextButton';

package/src/components/molecules/LabeledSwitch/index.ts

@@ -1 +1 @@
-export { LabeledSwitchProps, LabelPositionOptions } from './LabeledSwitch';
+export type { LabeledSwitchProps, LabelPositionOptions } from './LabeledSwitch';

package/src/components/molecules/Snackbar/index.ts

@@ -1 +1,2 @@
-export { default as Snackbar, SnackbarProps } from './Snackbar';
+export { default as Snackbar } from './Snackbar';
+export type { SnackbarProps } from './Snackbar';

package/src/components/molecules/TextArea/index.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/src/index.ts

@@ -1,78 +1,90 @@
-export { Avatar, AvatarProps } from './components/atoms/Avatar';
-export { Badge, BadgeProps } from './components/atoms/Badge';
-export { BoxContent, BoxContentProps } from './components/atoms/BoxContent';
-export {
-  Button,
+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,
-  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,
+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, IconProps } from './components/atoms/Icon';
+export { Icon } from './components/atoms/Icon';
+export type { 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,
+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, DatePickerProps } from './components/molecules/DatePicker';
-export {
-  DateTimePicker,
-  DateTimePickerProps,
-} from './components/molecules/DateTimePicker';
-export {
-  DateTimeSelector,
+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 {
-  GridSpacing,
-  IGridItem,
   getGridItemPadding,
   getGridItemColumSpan,
+} from './components/molecules/Grid';
+export type {
+  GridSpacing,
+  IGridItem,
   IGrid,
   FlexAlignBase,
   FlexAlignType,
@@ -80,26 +92,22 @@ export {
   FlexSpacing,
   PaddingPosition,
 } from './components/molecules/Grid';
-export {
-  HintInputContainer,
-  HintInputContainerProps,
-} from './components/molecules/HintInputContainer';
-export {
-  IconComponent,
+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 {
+export type {
   LabeledSwitchProps,
   LabelPositionOptions,
 } from './components/molecules/LabeledSwitch';
-export { Snackbar, SnackbarProps } from './components/molecules/Snackbar';
-export {
-  TextArea,
-  TextAreaInputBase,
-  TextAreaProps,
-} from './components/molecules/TextArea';
+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';

package/tsconfig.build.esm.json

@@ -0,0 +1,10 @@
+{
+  "extends": "../../tsconfig.build.json",
+  "compilerOptions": {
+    "skipLibCheck": true,
+    "declarationDir": "./esm",
+    "rootDir": "./src",
+    "baseUrl": "./"
+  },
+  "include": ["./src"]
+}