@tecsinapse/react-core 1.17.4 → 1.20.0

package/esm/components/molecules/Snackbar/Snackbar.js

@@ -0,0 +1,103 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { Animated } from 'react-native';
+import { Icon } from '../../atoms/Icon';
+import { ContentContainer, DismissContainer, IconContainer, SnackbarContainer, StyledContainerFlexRow, StyledProgressBar, TextContainer } from './styled';
+export var Snackbar = function Snackbar(_ref) {
+  var children = _ref.children,
+      _ref$open = _ref.open,
+      open = _ref$open === void 0 ? true : _ref$open,
+      onClose = _ref.onClose,
+      _ref$dismissable = _ref.dismissable,
+      dismissable = _ref$dismissable === void 0 ? false : _ref$dismissable,
+      _ref$timeout = _ref.timeout,
+      timeout = _ref$timeout === void 0 ? undefined : _ref$timeout,
+      leftIcon = _ref.leftIcon,
+      _ref$colorTone = _ref.colorTone,
+      colorTone = _ref$colorTone === void 0 ? 'xlight' : _ref$colorTone,
+      _ref$colorVariant = _ref.colorVariant,
+      colorVariant = _ref$colorVariant === void 0 ? 'primary' : _ref$colorVariant,
+      _ref$rightIcon = _ref.rightIcon,
+      rightIcon = _ref$rightIcon === void 0 ? {
+    colorTone: 'medium',
+    colorVariant: 'primary'
+  } : _ref$rightIcon,
+      _ref$anchor = _ref.anchor,
+      anchor = _ref$anchor === void 0 ? 'bottom' : _ref$anchor,
+      anchorDistance = _ref.anchorDistance,
+      style = _ref.style;
+  var fadeAnim = React.useRef(new Animated.Value(0)).current;
+  var duration = 500;
+
+  var fadeIn = function fadeIn() {
+    Animated.timing(fadeAnim, {
+      toValue: 1,
+      useNativeDriver: true,
+      duration: duration
+    }).start(function () {
+      return timeout && fadeOut();
+    });
+  };
+
+  var fadeOut = function fadeOut() {
+    Animated.timing(fadeAnim, {
+      toValue: 0,
+      useNativeDriver: true,
+      duration: duration,
+      delay: timeout ? timeout - duration : 0
+    }).start();
+  };
+
+  React.useEffect(function () {
+    if (open) {
+      fadeIn();
+    }
+
+    if (open && timeout) {
+      setTimeout(function () {
+        onClose === null || onClose === void 0 ? void 0 : onClose();
+      }, timeout + duration);
+    }
+  }, [open, timeout]);
+  return React.createElement(SnackbarContainer, {
+    colorVariant: colorVariant,
+    colorTone: colorTone,
+    elevated: true,
+    anchor: anchor,
+    anchorDistance: anchorDistance,
+    visible: open,
+    style: [{
+      opacity: fadeAnim
+    }, style],
+    timeout: timeout
+  }, React.createElement(StyledContainerFlexRow, null, React.createElement(ContentContainer, null, leftIcon && React.createElement(IconContainer, null, React.createElement(Icon, _extends({}, leftIcon, {
+    size: "centi"
+  }))), React.createElement(TextContainer, null, children)), dismissable && React.createElement(DismissContainer, {
+    effect: "none",
+    onPress: function onPress() {
+      fadeOut();
+      setTimeout(function () {
+        fadeAnim.setValue(0);
+        onClose === null || onClose === void 0 ? void 0 : onClose();
+      }, duration);
+    }
+  }, React.createElement(Icon, _extends({}, rightIcon, {
+    size: "centi",
+    name: "close",
+    type: "material-community"
+  })))), timeout && open && React.createElement(StyledProgressBar, {
+    valueNow: 0,
+    valueMax: 100,
+    valueMin: 0,
+    animate: true,
+    color: colorVariant,
+    colorTone: "medium",
+    animationParameters: {
+      direction: 'left',
+      duration: timeout
+    }
+  }));
+};
+export default Snackbar;
+//# sourceMappingURL=Snackbar.js.map

package/esm/components/molecules/Snackbar/Snackbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Snackbar.js","names":["React","Animated","Icon","ContentContainer","DismissContainer","IconContainer","SnackbarContainer","StyledContainerFlexRow","StyledProgressBar","TextContainer","Snackbar","children","open","onClose","dismissable","timeout","undefined","leftIcon","colorTone","colorVariant","rightIcon","anchor","anchorDistance","style","fadeAnim","useRef","Value","current","duration","fadeIn","timing","toValue","useNativeDriver","start","fadeOut","delay","useEffect","setTimeout","opacity","setValue","direction"],"sources":["../../../../src/components/molecules/Snackbar/Snackbar.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated, StyleProp, ViewStyle } from 'react-native';\nimport { ColorGradationType, ColorType } from '../../../types/defaults';\nimport { Icon, IconProps } from '../../atoms/Icon';\nimport {\n  ContentContainer,\n  DismissContainer,\n  IconContainer,\n  SnackbarContainer,\n  StyledContainerFlexRow,\n  StyledProgressBar,\n  TextContainer,\n} from './styled';\n\nexport interface SnackbarProps {\n  colorVariant?: ColorType;\n  colorTone?: ColorGradationType;\n  open: boolean;\n  /** Close callback */\n  onClose?: () => void;\n  /** Snackbar is closable */\n  dismissable?: boolean;\n  /** Time in miliseconds for auto hide */\n  timeout?: number;\n  leftIcon?: IconProps;\n  /** Properties for close icon */\n  rightIcon?: Omit<IconProps, 'name' | 'type'>;\n  anchor?: 'top' | 'bottom';\n  /** Distance from anchorage (results in px) */\n  anchorDistance?: number;\n  style?: StyleProp<ViewStyle>;\n}\n\nexport const Snackbar: React.FC<SnackbarProps> = ({\n  children,\n  open = true,\n  onClose,\n  dismissable = false,\n  timeout = undefined,\n  leftIcon,\n  colorTone = 'xlight',\n  colorVariant = 'primary',\n  rightIcon = { colorTone: 'medium', colorVariant: 'primary' },\n  anchor = 'bottom',\n  anchorDistance,\n  style,\n}) => {\n  const fadeAnim = React.useRef(new Animated.Value(0)).current;\n  const duration = 500;\n\n  const fadeIn = () => {\n    Animated.timing(fadeAnim, {\n      toValue: 1,\n      useNativeDriver: true,\n      duration,\n    }).start(() => timeout && fadeOut());\n  };\n\n  const fadeOut = () => {\n    Animated.timing(fadeAnim, {\n      toValue: 0,\n      useNativeDriver: true,\n      duration,\n      delay: timeout ? timeout - duration : 0,\n    }).start();\n  };\n\n  React.useEffect(() => {\n    if (open) {\n      fadeIn();\n    }\n    if (open && timeout) {\n      setTimeout(() => {\n        onClose?.();\n      }, timeout + duration);\n    }\n  }, [open, timeout]);\n\n  return (\n    <SnackbarContainer\n      colorVariant={colorVariant}\n      colorTone={colorTone}\n      elevated\n      anchor={anchor}\n      anchorDistance={anchorDistance}\n      visible={open}\n      style={[{ opacity: fadeAnim as unknown as number }, style]}\n      timeout={timeout}\n    >\n      <StyledContainerFlexRow>\n        <ContentContainer>\n          {leftIcon && (\n            <IconContainer>\n              <Icon {...leftIcon} size=\"centi\" />\n            </IconContainer>\n          )}\n          <TextContainer>{children}</TextContainer>\n        </ContentContainer>\n        {dismissable && (\n          <DismissContainer\n            effect=\"none\"\n            onPress={() => {\n              fadeOut();\n              setTimeout(() => {\n                fadeAnim.setValue(0);\n                onClose?.();\n              }, duration);\n            }}\n          >\n            <Icon\n              {...rightIcon}\n              size=\"centi\"\n              name=\"close\"\n              type=\"material-community\"\n            />\n          </DismissContainer>\n        )}\n      </StyledContainerFlexRow>\n      {timeout && open && (\n        <StyledProgressBar\n          valueNow={0}\n          valueMax={100}\n          valueMin={0}\n          animate={true}\n          color={colorVariant}\n          colorTone=\"medium\"\n          animationParameters={{ direction: 'left', duration: timeout }}\n        />\n      )}\n    </SnackbarContainer>\n  );\n};\n\nexport default Snackbar;\n"],"mappings":"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"}

package/esm/components/molecules/Snackbar/index.d.ts

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

package/esm/components/molecules/Snackbar/index.js

@@ -0,0 +1,2 @@
+export { default as Snackbar } from './Snackbar';
+//# sourceMappingURL=index.js.map

package/esm/components/molecules/Snackbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","Snackbar"],"sources":["../../../../src/components/molecules/Snackbar/index.ts"],"sourcesContent":["export { default as Snackbar } from './Snackbar';\nexport type { SnackbarProps } from './Snackbar';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,QAApB,QAAoC,YAApC"}

package/esm/components/molecules/Snackbar/styled.d.ts

@@ -0,0 +1,47 @@
+/// <reference types="react" />
+import { View } from 'react-native';
+import { SnackbarProps } from './Snackbar';
+export declare const SnackbarContainer: import("@emotion/native").StyledComponent<import("../../atoms/Paper").PaperProps & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<SnackbarProps & import("../../../types/defaults").ThemeProviderProps> & {
+    visible: boolean;
+}, {}, {}>;
+export declare const ContentContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export declare const IconContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export declare const DismissContainer: import("@emotion/native").StyledComponent<import("../../atoms/PressableSurface").PressableSurfaceProps & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
+export declare const StyledProgressBar: import("@emotion/native").StyledComponent<import("../../atoms/ProgressBar").ProgressBarProps & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
+export declare const StyledContainerFlexRow: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export declare const TextContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;

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

@@ -0,0 +1,54 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+import styled, { css } from '@emotion/native';
+import { View } from 'react-native';
+import { RFValue } from '../../../utils';
+import { Paper } from '../../atoms/Paper';
+import { PressableSurface } from '../../atoms/PressableSurface';
+import { ProgressBar } from '../../atoms/ProgressBar';
+
+var baseStyles = function baseStyles(_ref) {
+  var theme = _ref.theme,
+      _ref$colorTone = _ref.colorTone,
+      colorTone = _ref$colorTone === void 0 ? 'xlight' : _ref$colorTone,
+      _ref$colorVariant = _ref.colorVariant,
+      colorVariant = _ref$colorVariant === void 0 ? 'primary' : _ref$colorVariant,
+      visible = _ref.visible;
+  return 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');
+};
+
+var anchorTop = function anchorTop(_ref2) {
+  var theme = _ref2.theme,
+      anchor = _ref2.anchor,
+      anchorDistance = _ref2.anchorDistance;
+  return anchor === 'top' && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      top: ", ";\n    "])), anchorDistance ? "".concat(RFValue(anchorDistance), "px") : theme.spacing.deca);
+};
+
+var anchorBottom = function anchorBottom(_ref3) {
+  var theme = _ref3.theme,
+      anchor = _ref3.anchor,
+      anchorDistance = _ref3.anchorDistance;
+  return anchor === 'bottom' && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      bottom: ", ";\n    "])), anchorDistance ? "".concat(RFValue(anchorDistance), "px") : theme.spacing.deca);
+};
+
+export var SnackbarContainer = styled(Paper)(function (props) {
+  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    ", "\n    ", "\n    ", "\n  "])), baseStyles(props), anchorBottom(props), anchorTop(props));
+});
+export var ContentContainer = styled(View)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  flex-shrink: 1;\n"])));
+export var IconContainer = styled(View)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  margin-right: ", ";\n"])), function (_ref4) {
+  var theme = _ref4.theme;
+  return theme.spacing.mili;
+});
+export var DismissContainer = styled(PressableSurface)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  margin-left: ", ";\n"])), function (_ref5) {
+  var theme = _ref5.theme;
+  return theme.spacing.mili;
+});
+export var StyledProgressBar = styled(ProgressBar)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n"])));
+export var StyledContainerFlexRow = styled(View)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding: ", ";\n"])), function (_ref6) {
+  var theme = _ref6.theme;
+  return theme.spacing.mili;
+});
+export var TextContainer = styled(View)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-shrink: 1;\n"])));
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","names":["styled","css","View","RFValue","Paper","PressableSurface","ProgressBar","baseStyles","theme","colorTone","colorVariant","visible","borderRadius","mili","color","zIndex","modal","anchorTop","anchor","anchorDistance","spacing","deca","anchorBottom","SnackbarContainer","props","ContentContainer","IconContainer","DismissContainer","StyledProgressBar","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,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,iBAA5B;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,OAAT,QAAwB,gBAAxB;AACA,SAASC,KAAT,QAAsB,mBAAtB;AACA,SAASC,gBAAT,QAAiC,8BAAjC;AACA,SAASC,WAAT,QAA4B,yBAA5B;;AAGA,IAAMC,UAAU,GAAG,SAAbA,UAAa;EAAA,IACjBC,KADiB,QACjBA,KADiB;EAAA,0BAEjBC,SAFiB;EAAA,IAEjBA,SAFiB,+BAEL,QAFK;EAAA,6BAGjBC,YAHiB;EAAA,IAGjBA,YAHiB,kCAGF,SAHE;EAAA,IAIjBC,OAJiB,QAIjBA,OAJiB;EAAA,OAK+CV,GAL/C,4RAOAO,KAAK,CAACI,YAAN,CAAmBC,IAPnB,EAQGL,KAAK,CAACM,KAAN,CAAYJ,YAAZ,EAA0BD,SAA1B,CARH,EAUND,KAAK,CAACO,MAAN,CAAaC,KAVP,EAWNL,OAAO,GAAG,MAAH,GAAY,MAXb;AAAA,CAAnB;;AAiBA,IAAMM,SAAS,GAAG,SAAZA,SAAY,QAIyB;EAAA,IAHzCT,KAGyC,SAHzCA,KAGyC;EAAA,IAFzCU,MAEyC,SAFzCA,MAEyC;EAAA,IADzCC,cACyC,SADzCA,cACyC;EACzC,OACED,MAAM,KAAK,KAAX,IACAjB,GADA,gGAESkB,cAAc,aACdhB,OAAO,CAACgB,cAAD,CADO,UAEjBX,KAAK,CAACY,OAAN,CAAcC,IAJpB,CADF;AAQD,CAbD;;AAeA,IAAMC,YAAY,GAAG,SAAfA,YAAe,QAIsB;EAAA,IAHzCd,KAGyC,SAHzCA,KAGyC;EAAA,IAFzCU,MAEyC,SAFzCA,MAEyC;EAAA,IADzCC,cACyC,SADzCA,cACyC;EACzC,OACED,MAAM,KAAK,QAAX,IACAjB,GADA,mGAEYkB,cAAc,aACjBhB,OAAO,CAACgB,cAAD,CADU,UAEpBX,KAAK,CAACY,OAAN,CAAcC,IAJpB,CADF;AAQD,CAbD;;AAeA,OAAO,IAAME,iBAAiB,GAAGvB,MAAM,CAACI,KAAD,CAAN,CAG/B,UAAAoB,KAAK;EAAA,OAAIvB,GAAJ,0GACDM,UAAU,CAACiB,KAAD,CADT,EAEDF,YAAY,CAACE,KAAD,CAFX,EAGDP,SAAS,CAACO,KAAD,CAHR;AAAA,CAH0B,CAA1B;AAUP,OAAO,IAAMC,gBAAgB,GAAGzB,MAAM,CAACE,IAAD,CAAT,8JAAtB;AAOP,OAAO,IAAMwB,aAAa,GAAG1B,MAAM,CAACE,IAAD,CAAT,mKAIR;EAAA,IAAGM,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACY,OAAN,CAAcP,IAA7B;AAAA,CAJQ,CAAnB;AAOP,OAAO,IAAMc,gBAAgB,GAAG3B,MAAM,CAACK,gBAAD,CAAT,kKAIZ;EAAA,IAAGG,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACY,OAAN,CAAcP,IAA7B;AAAA,CAJY,CAAtB;AAOP,OAAO,IAAMe,iBAAiB,GAAG5B,MAAM,CAACM,WAAD,CAAT,sIAAvB;AAKP,OAAO,IAAMuB,sBAAsB,GAAG7B,MAAM,CAACE,IAAD,CAAT,yKAItB;EAAA,IAAGM,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACY,OAAN,CAAcP,IAA7B;AAAA,CAJsB,CAA5B;AAOP,OAAO,IAAMiB,aAAa,GAAG9B,MAAM,CAACE,IAAD,CAAT,gHAAnB"}

package/esm/components/molecules/TextArea/TextArea.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { FontStackType, FontWeightType } from '@tecsinapse/react-core';
+import { InputContainerProps, InputElementProps } from '../../atoms/Input';
+import { TextProps } from '../../atoms/Text';
+export interface TextAreaProps extends Omit<InputElementProps, 'style' | 'multiline' | 'value'>, InputContainerProps {
+    inputFontStack?: FontStackType;
+    inputFontWeight?: FontWeightType;
+    maxCharCount?: number;
+    value: string;
+    TextComponent?: FC<TextProps>;
+    focused?: boolean;
+}
+declare const TextArea: FC<TextAreaProps>;
+export default TextArea;

package/esm/components/molecules/TextArea/TextArea.js

@@ -0,0 +1,77 @@
+import React from 'react';
+import { View } from 'react-native';
+import { Hint } from '../../atoms/Input';
+import { Text } from '../../atoms/Text';
+import { StyledInputContainer } from './styled';
+
+var TextArea = function TextArea(_ref) {
+  var label = _ref.label,
+      labelColor = _ref.labelColor,
+      labelColorVariant = _ref.labelColorVariant,
+      labelColorTone = _ref.labelColorTone,
+      labelTypography = _ref.labelTypography,
+      labelStack = _ref.labelStack,
+      labelWeight = _ref.labelWeight,
+      leftComponent = _ref.leftComponent,
+      rightComponent = _ref.rightComponent,
+      disabled = _ref.disabled,
+      style = _ref.style,
+      borderColor = _ref.borderColor,
+      borderColorGradation = _ref.borderColorGradation,
+      inputContainerStyle = _ref.inputContainerStyle,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? 'default' : _ref$variant,
+      hintComponent = _ref.hintComponent,
+      hint = _ref.hint,
+      _ref$TextComponent = _ref.TextComponent,
+      TextComponent = _ref$TextComponent === void 0 ? Text : _ref$TextComponent,
+      focused = _ref.focused,
+      children = _ref.children,
+      _maxLenght = _ref.maxLength,
+      _value = _ref.value;
+  var length = _value.length;
+  var maxLength = _maxLenght;
+
+  if (maxLength && length > maxLength) {
+    length = maxLength;
+  }
+
+  var _hint = hintComponent || React.createElement(Hint, {
+    TextComponent: TextComponent,
+    text: hint,
+    variant: variant
+  });
+
+  return React.createElement(View, {
+    style: style
+  }, React.createElement(StyledInputContainer, {
+    label: label,
+    labelColor: labelColor,
+    labelColorVariant: labelColorVariant,
+    labelColorTone: labelColorTone,
+    labelTypography: labelTypography,
+    labelStack: labelStack,
+    labelWeight: labelWeight,
+    LabelComponent: TextComponent,
+    leftComponent: leftComponent,
+    rightComponent: rightComponent,
+    borderColor: borderColor,
+    borderColorGradation: borderColorGradation,
+    inputContainerStyle: inputContainerStyle,
+    focused: focused,
+    disabled: disabled,
+    variant: variant
+  }, children, maxLength && React.createElement(TextComponent, {
+    colorVariant: 'secondary',
+    colorTone: 'medium',
+    typography: 'label',
+    fontStack: 'default',
+    fontWeight: 'bold',
+    style: {
+      textAlign: 'right'
+    }
+  }, "".concat(length, "/").concat(maxLength))), hint && _hint);
+};
+
+export default TextArea;
+//# sourceMappingURL=TextArea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","names":["React","View","Hint","Text","StyledInputContainer","TextArea","label","labelColor","labelColorVariant","labelColorTone","labelTypography","labelStack","labelWeight","leftComponent","rightComponent","disabled","style","borderColor","borderColorGradation","inputContainerStyle","variant","hintComponent","hint","TextComponent","focused","children","_maxLenght","maxLength","_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,OAAOA,KAAP,MAA0B,OAA1B;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SACEC,IADF,QAIO,mBAJP;AAKA,SAASC,IAAT,QAAgC,kBAAhC;AACA,SAASC,oBAAT,QAAqC,UAArC;;AAcA,IAAMC,QAA2B,GAAG,SAA9BA,QAA8B,OAuB9B;EAAA,IAtBJC,KAsBI,QAtBJA,KAsBI;EAAA,IArBJC,UAqBI,QArBJA,UAqBI;EAAA,IApBJC,iBAoBI,QApBJA,iBAoBI;EAAA,IAnBJC,cAmBI,QAnBJA,cAmBI;EAAA,IAlBJC,eAkBI,QAlBJA,eAkBI;EAAA,IAjBJC,UAiBI,QAjBJA,UAiBI;EAAA,IAhBJC,WAgBI,QAhBJA,WAgBI;EAAA,IAfJC,aAeI,QAfJA,aAeI;EAAA,IAdJC,cAcI,QAdJA,cAcI;EAAA,IAbJC,QAaI,QAbJA,QAaI;EAAA,IAZJC,KAYI,QAZJA,KAYI;EAAA,IAXJC,WAWI,QAXJA,WAWI;EAAA,IAVJC,oBAUI,QAVJA,oBAUI;EAAA,IATJC,mBASI,QATJA,mBASI;EAAA,wBARJC,OAQI;EAAA,IARJA,OAQI,6BARM,SAQN;EAAA,IAPJC,aAOI,QAPJA,aAOI;EAAA,IANJC,IAMI,QANJA,IAMI;EAAA,8BALJC,aAKI;EAAA,IALJA,aAKI,mCALYpB,IAKZ;EAAA,IAJJqB,OAII,QAJJA,OAII;EAAA,IAHJC,QAGI,QAHJA,QAGI;EAAA,IAFOC,UAEP,QAFJC,SAEI;EAAA,IADGC,MACH,QADJC,KACI;EACJ,IAAIC,MAAM,GAAGF,MAAM,CAACE,MAApB;EACA,IAAMH,SAAS,GAAGD,UAAlB;;EACA,IAAIC,SAAS,IAAIG,MAAM,GAAGH,SAA1B,EAAqC;IACnCG,MAAM,GAAGH,SAAT;EACD;;EAED,IAAMI,KAAK,GAAGV,aAAa,IACzB,oBAAC,IAAD;IAAM,aAAa,EAAEE,aAArB;IAAoC,IAAI,EAAED,IAA1C;IAAgD,OAAO,EAAEF;EAAzD,EADF;;EAIA,OACE,oBAAC,IAAD;IAAM,KAAK,EAAEJ;EAAb,GACE,oBAAC,oBAAD;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,EAAEK,OAdX;IAeE,QAAQ,EAAET,QAfZ;IAgBE,OAAO,EAAEK;EAhBX,GAkBGK,QAlBH,EAmBGE,SAAS,IACR,oBAAC,aAAD;IACE,YAAY,EAAE,WADhB;IAEE,SAAS,EAAE,QAFb;IAGE,UAAU,EAAE,OAHd;IAIE,SAAS,EAAE,SAJb;IAKE,UAAU,EAAE,MALd;IAME,KAAK,EAAE;MAAEK,SAAS,EAAE;IAAb;EANT,aAQMF,MARN,cAQgBH,SARhB,EApBJ,CADF,EAiCGL,IAAI,IAAIS,KAjCX,CADF;AAqCD,CAvED;;AAyEA,eAAe1B,QAAf"}

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

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

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

@@ -0,0 +1,3 @@
+export { default as TextArea } from './TextArea';
+export { TextAreaInputBase } from './styled';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","TextArea","TextAreaInputBase"],"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,SAASA,OAAO,IAAIC,QAApB,QAAoC,YAApC;AAEA,SAASC,iBAAT,QAAkC,UAAlC"}

package/esm/components/molecules/TextArea/styled.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { TextAreaProps } from './TextArea';
+export declare const StyledInputContainer: import("@emotion/native").StyledComponent<import("../../atoms/Input").InputContainerProps & Partial<import("../../atoms/Input").InputElementProps> & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
+export declare const TextAreaInputBase: import("@emotion/native").StyledComponent<import("../../atoms/Input").InputElementProps & import("react").RefAttributes<import("react-native").TextInput> & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<TextAreaProps> & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;

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

@@ -0,0 +1,14 @@
+var _templateObject, _templateObject2;
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+import styled from '@emotion/native';
+import { extractNumbersFromString, RFValue, RFValueStr } from '../../../utils';
+import { InputContainer, InputElement } from '../../atoms/Input';
+export var StyledInputContainer = styled(InputContainer)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  min-height: ", ";\n"])), RFValueStr('50px'));
+export var TextAreaInputBase = styled(InputElement)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  max-height: ", ";\n  width: 100%;\n  padding: 0;\n  margin: ", " 0;\n"])), function (_ref) {
+  var theme = _ref.theme,
+      numberOfLines = _ref.numberOfLines;
+  return "".concat(RFValue(extractNumbersFromString(theme.typography.h5.lineHeight) * (numberOfLines || 1)), "px");
+}, RFValueStr('3px'));
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","names":["styled","extractNumbersFromString","RFValue","RFValueStr","InputContainer","InputElement","StyledInputContainer","TextAreaInputBase","theme","numberOfLines","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,OAAOA,MAAP,MAAmB,iBAAnB;AAEA,SAASC,wBAAT,EAAmCC,OAAnC,EAA4CC,UAA5C,QAA8D,gBAA9D;AACA,SAASC,cAAT,EAAyBC,YAAzB,QAA6C,mBAA7C;AAGA,OAAO,IAAMC,oBAAoB,GAAGN,MAAM,CAACI,cAAD,CAAT,6FACjBD,UAAU,CAAC,MAAD,CADO,CAA1B;AAIP,OAAO,IAAMI,iBAAiB,GAAGP,MAAM,CAACK,YAAD,CAAT,iJAGd;EAAA,IAAGG,KAAH,QAAGA,KAAH;EAAA,IAAUC,aAAV,QAAUA,aAAV;EAAA,iBACTP,OAAO,CACRD,wBAAwB,CAACO,KAAK,CAACE,UAAN,CAAiBC,EAAjB,CAAoBC,UAArB,CAAxB,IACGH,aAAa,IAAI,CADpB,CADQ,CADE;AAAA,CAHc,EAUlBN,UAAU,CAAC,KAAD,CAVQ,CAAvB"}

package/esm/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useDebouncedState } from './useDebouncedState';
+export { useTheme } from './useTheme';

package/esm/hooks/index.js

@@ -0,0 +1,3 @@
+export { useDebouncedState } from './useDebouncedState';
+export { useTheme } from './useTheme';
+//# sourceMappingURL=index.js.map

package/esm/hooks/index.js.map

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

package/esm/hooks/useDebouncedState.d.ts

@@ -0,0 +1,2 @@
+import { Dispatch, SetStateAction } from 'react';
+export declare function useDebouncedState<S>(initialState: S | (() => S), timeoutCallback?: (state: S) => void, timeoutMs?: number): [S, Dispatch<SetStateAction<S>>];

package/esm/hooks/useDebouncedState.js

@@ -0,0 +1,31 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import { useEffect, useRef, useState } from 'react';
+export function useDebouncedState(initialState, timeoutCallback) {
+  var timeoutMs = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 166;
+  var timeoutId = useRef();
+
+  var _useState = useState(initialState),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  useEffect(function () {
+    if (timeoutId.current) clearTimeout(timeoutId.current);
+    if (timeoutCallback) timeoutId.current = setTimeout(function () {
+      return timeoutCallback(state);
+    }, timeoutMs);
+  }, [state]);
+  return [state, setState];
+}
+//# sourceMappingURL=useDebouncedState.js.map

package/esm/hooks/useDebouncedState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedState.js","names":["useEffect","useRef","useState","useDebouncedState","initialState","timeoutCallback","timeoutMs","timeoutId","state","setState","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,SAAmCA,SAAnC,EAA8CC,MAA9C,EAAsDC,QAAtD,QAAsE,OAAtE;AAOA,OAAO,SAASC,iBAAT,CACLC,YADK,EAELC,eAFK,EAI6B;EAAA,IADlCC,SACkC,uEADtB,GACsB;EAClC,IAAMC,SAAS,GAAGN,MAAM,EAAxB;;EAEA,gBAA0BC,QAAQ,CAAIE,YAAJ,CAAlC;EAAA;EAAA,IAAOI,KAAP;EAAA,IAAcC,QAAd;;EAEAT,SAAS,CAAC,YAAM;IACd,IAAIO,SAAS,CAACG,OAAd,EAAuBC,YAAY,CAACJ,SAAS,CAACG,OAAX,CAAZ;IACvB,IAAIL,eAAJ,EACEE,SAAS,CAACG,OAAV,GAAoBE,UAAU,CAAC;MAAA,OAAMP,eAAe,CAACG,KAAD,CAArB;IAAA,CAAD,EAA+BF,SAA/B,CAA9B;EACH,CAJQ,EAIN,CAACE,KAAD,CAJM,CAAT;EAMA,OAAO,CAACA,KAAD,EAAQC,QAAR,CAAP;AACD"}

package/esm/hooks/useTheme.d.ts

@@ -0,0 +1,2 @@
+import { ThemeProp } from '../types/defaults';
+export declare const useTheme: () => ThemeProp;

package/esm/hooks/useTheme.js

@@ -0,0 +1,5 @@
+import { useTheme as useEmotionTheme } from '@emotion/react';
+export var useTheme = function useTheme() {
+  return useEmotionTheme();
+};
+//# sourceMappingURL=useTheme.js.map

package/esm/hooks/useTheme.js.map

@@ -0,0 +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,SAASA,QAAQ,IAAIC,eAArB,QAA4C,gBAA5C;AAGA,OAAO,IAAMD,QAAQ,GAAG,SAAXA,QAAW;EAAA,OAAiBC,eAAe,EAAhC;AAAA,CAAjB"}

package/esm/index.d.ts

@@ -0,0 +1,64 @@
+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 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';
+export { default as ThemeProvider } from './styles/ThemeProvider';
+export * from './types/defaults';
+export * from './utils';

package/esm/index.js

@@ -0,0 +1,36 @@
+export { Avatar } from './components/atoms/Avatar';
+export { Badge } from './components/atoms/Badge';
+export { BoxContent } from './components/atoms/BoxContent';
+export { Button, Error, Loading, Success } from './components/atoms/Button';
+export { Card } from './components/atoms/Card';
+export { Footer } from './components/atoms/Card/Footer';
+export { Header } from './components/atoms/Card/Header';
+export { Checkbox } from './components/atoms/Checkbox';
+export { Divider } from './components/atoms/Divider';
+export { GroupButton, GroupButtonOption } from './components/atoms/GroupButton';
+export { Icon } from './components/atoms/Icon';
+export { disabledInputStyles, Hint, InputContainer, InputElement, InputMaskElement, PressableInputContainer, StyledBorderKeeper, useInputFocus, useNumberMask, useStringMask } from './components/atoms/Input';
+export { Paper } from './components/atoms/Paper';
+export { PressableSurface } from './components/atoms/PressableSurface';
+export { ProgressBar } from './components/atoms/ProgressBar';
+export { RadioButton } from './components/atoms/RadioButton';
+export { Switch } from './components/atoms/Switch';
+export { Tag } from './components/atoms/Tag';
+export { Text } from './components/atoms/Text';
+export { Calendar } from './components/molecules/Calendar';
+export { DatePicker } from './components/molecules/DatePicker';
+export { DateTimePicker } from './components/molecules/DateTimePicker';
+export { DateTimeSelector } from './components/molecules/DateTimeSelector';
+export { getGridItemPadding, getGridItemColumSpan } from './components/molecules/Grid';
+export { HintInputContainer } from './components/molecules/HintInputContainer';
+export { IconComponent } from './components/molecules/IconTextButton';
+export { InputPasswordIcon } from './components/molecules/InputPassword';
+export { Snackbar } from './components/molecules/Snackbar';
+export { TextArea, TextAreaInputBase } from './components/molecules/TextArea';
+export * from './hooks';
+export * from './styles/definitions';
+export * from './styles/light';
+export { default as ThemeProvider } from './styles/ThemeProvider';
+export * from './types/defaults';
+export * from './utils';
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Avatar","Badge","BoxContent","Button","Error","Loading","Success","Card","Footer","Header","Checkbox","Divider","GroupButton","GroupButtonOption","Icon","disabledInputStyles","Hint","InputContainer","InputElement","InputMaskElement","PressableInputContainer","StyledBorderKeeper","useInputFocus","useNumberMask","useStringMask","Paper","PressableSurface","ProgressBar","RadioButton","Switch","Tag","Text","Calendar","DatePicker","DateTimePicker","DateTimeSelector","getGridItemPadding","getGridItemColumSpan","HintInputContainer","IconComponent","InputPasswordIcon","Snackbar","TextArea","TextAreaInputBase","default","ThemeProvider"],"sources":["../src/index.ts"],"sourcesContent":["export { Avatar } from './components/atoms/Avatar';\nexport type { AvatarProps } from './components/atoms/Avatar';\nexport { Badge } from './components/atoms/Badge';\nexport type { BadgeProps } from './components/atoms/Badge';\nexport { BoxContent } from './components/atoms/BoxContent';\nexport type { BoxContentProps } from './components/atoms/BoxContent';\nexport { Button, Error, Loading, Success } from './components/atoms/Button';\nexport type {\n  ButtonProps,\n  ButtonSizeType,\n  ButtonStateProps,\n  ButtonStateType,\n} from './components/atoms/Button';\nexport { Card } from './components/atoms/Card';\nexport type { CardProps } from './components/atoms/Card';\nexport { Footer } from './components/atoms/Card/Footer';\nexport type { FooterProps } from './components/atoms/Card/Footer';\nexport { Header } from './components/atoms/Card/Header';\nexport type { HeaderProps } from './components/atoms/Card/Header';\nexport { Checkbox } from './components/atoms/Checkbox';\nexport type { CheckboxProps } from './components/atoms/Checkbox';\nexport { Divider } from './components/atoms/Divider';\nexport type { DividerProps } from './components/atoms/Divider';\nexport { GroupButton, GroupButtonOption } from './components/atoms/GroupButton';\nexport type {\n  GroupButtonOptionProps,\n  GroupButtonProps,\n  GroupButtonValue,\n} from './components/atoms/GroupButton';\nexport { Icon } from './components/atoms/Icon';\nexport type { IconProps } from './components/atoms/Icon';\nexport {\n  disabledInputStyles,\n  Hint,\n  InputContainer,\n  InputElement,\n  InputMaskElement,\n  PressableInputContainer,\n  StyledBorderKeeper,\n  useInputFocus,\n  useNumberMask,\n  useStringMask,\n} from './components/atoms/Input';\nexport type {\n  InputContainerProps,\n  InputElementProps,\n  InputMaskElementProps,\n  InputVariantType,\n  PressableInputContainerProps,\n} from './components/atoms/Input';\nexport { Paper } from './components/atoms/Paper';\nexport type { PaperProps } from './components/atoms/Paper';\nexport { PressableSurface } from './components/atoms/PressableSurface';\nexport type { PressableSurfaceProps } from './components/atoms/PressableSurface';\nexport { ProgressBar } from './components/atoms/ProgressBar';\nexport type { ProgressBarProps } from './components/atoms/ProgressBar';\nexport { RadioButton } from './components/atoms/RadioButton';\nexport type { RadioButtonProps } from './components/atoms/RadioButton';\nexport { Switch } from './components/atoms/Switch';\nexport type { SwitchProps } from './components/atoms/Switch';\nexport { Tag } from './components/atoms/Tag';\nexport type { TagProps } from './components/atoms/Tag';\nexport { Text } from './components/atoms/Text';\nexport type { TextProps } from './components/atoms/Text';\nexport { Calendar } from './components/molecules/Calendar';\nexport type {\n  CalendarProps,\n  DateRange,\n  SelectionType,\n  Value,\n} from './components/molecules/Calendar';\nexport { DatePicker } from './components/molecules/DatePicker';\nexport type { DatePickerProps } from './components/molecules/DatePicker';\nexport { DateTimePicker } from './components/molecules/DateTimePicker';\nexport type { DateTimePickerProps } from './components/molecules/DateTimePicker';\nexport { DateTimeSelector } from './components/molecules/DateTimeSelector';\nexport type {\n  DateTimeSelectorMode,\n  DateTimeSelectorProps,\n} from './components/molecules/DateTimeSelector';\nexport {\n  getGridItemPadding,\n  getGridItemColumSpan,\n} from './components/molecules/Grid';\nexport type {\n  GridSpacing,\n  IGridItem,\n  IGrid,\n  FlexAlignBase,\n  FlexAlignType,\n  FlexPositioning,\n  FlexSpacing,\n  PaddingPosition,\n} from './components/molecules/Grid';\nexport { HintInputContainer } from './components/molecules/HintInputContainer';\nexport type { HintInputContainerProps } from './components/molecules/HintInputContainer';\nexport { IconComponent } from './components/molecules/IconTextButton';\nexport type {\n  IconPositionOptions,\n  IconTextButtonProps,\n} from './components/molecules/IconTextButton';\nexport { InputPasswordIcon } from './components/molecules/InputPassword';\nexport type {\n  LabeledSwitchProps,\n  LabelPositionOptions,\n} from './components/molecules/LabeledSwitch';\nexport { Snackbar } from './components/molecules/Snackbar';\nexport type { SnackbarProps } from './components/molecules/Snackbar';\nexport { TextArea, TextAreaInputBase } from './components/molecules/TextArea';\nexport type { TextAreaProps } from './components/molecules/TextArea';\nexport * from './hooks';\nexport * from './styles/definitions';\nexport * from './styles/light';\nexport { default as ThemeProvider } from './styles/ThemeProvider';\nexport * from './types/defaults';\nexport * from './utils';\n"],"mappings":"AAAA,SAASA,MAAT,QAAuB,2BAAvB;AAEA,SAASC,KAAT,QAAsB,0BAAtB;AAEA,SAASC,UAAT,QAA2B,+BAA3B;AAEA,SAASC,MAAT,EAAiBC,KAAjB,EAAwBC,OAAxB,EAAiCC,OAAjC,QAAgD,2BAAhD;AAOA,SAASC,IAAT,QAAqB,yBAArB;AAEA,SAASC,MAAT,QAAuB,gCAAvB;AAEA,SAASC,MAAT,QAAuB,gCAAvB;AAEA,SAASC,QAAT,QAAyB,6BAAzB;AAEA,SAASC,OAAT,QAAwB,4BAAxB;AAEA,SAASC,WAAT,EAAsBC,iBAAtB,QAA+C,gCAA/C;AAMA,SAASC,IAAT,QAAqB,yBAArB;AAEA,SACEC,mBADF,EAEEC,IAFF,EAGEC,cAHF,EAIEC,YAJF,EAKEC,gBALF,EAMEC,uBANF,EAOEC,kBAPF,EAQEC,aARF,EASEC,aATF,EAUEC,aAVF,QAWO,0BAXP;AAmBA,SAASC,KAAT,QAAsB,0BAAtB;AAEA,SAASC,gBAAT,QAAiC,qCAAjC;AAEA,SAASC,WAAT,QAA4B,gCAA5B;AAEA,SAASC,WAAT,QAA4B,gCAA5B;AAEA,SAASC,MAAT,QAAuB,2BAAvB;AAEA,SAASC,GAAT,QAAoB,wBAApB;AAEA,SAASC,IAAT,QAAqB,yBAArB;AAEA,SAASC,QAAT,QAAyB,iCAAzB;AAOA,SAASC,UAAT,QAA2B,mCAA3B;AAEA,SAASC,cAAT,QAA+B,uCAA/B;AAEA,SAASC,gBAAT,QAAiC,yCAAjC;AAKA,SACEC,kBADF,EAEEC,oBAFF,QAGO,6BAHP;AAcA,SAASC,kBAAT,QAAmC,2CAAnC;AAEA,SAASC,aAAT,QAA8B,uCAA9B;AAKA,SAASC,iBAAT,QAAkC,sCAAlC;AAKA,SAASC,QAAT,QAAyB,iCAAzB;AAEA,SAASC,QAAT,EAAmBC,iBAAnB,QAA4C,iCAA5C;AAEA,cAAc,SAAd;AACA,cAAc,sBAAd;AACA,cAAc,gBAAd;AACA,SAASC,OAAO,IAAIC,aAApB,QAAyC,wBAAzC;AACA,cAAc,kBAAd;AACA,cAAc,SAAd"}

package/esm/styles/ThemeProvider.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ThemeProviderProps } from '../types/defaults';
+declare const ThemeProvider: FC<ThemeProviderProps>;
+export default ThemeProvider;