@activecollab/components 2.0.90 → 2.0.92

package/dist/esm/components/Transitions/Fade/Fade.js

@@ -1,17 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Fade = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactTransitionGroup = require("react-transition-group");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { cloneElement } from "react";
+import { Transition } from "react-transition-group";
 const defaultStyle = duration => ({
-  transition: `all ${duration}ms ease-in-out`,
+  transition: "all " + duration + "ms ease-in-out",
   opacity: 0
 });
 const transitionStyles = {
@@ -28,7 +19,7 @@ const transitionStyles = {
     opacity: 0
   }
 };
-const Fade = _ref => {
+export const Fade = _ref => {
   let {
     in: inProp = false,
     children,
@@ -36,12 +27,12 @@ const Fade = _ref => {
     timeout = 500,
     ...rest
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement(Transition, _extends({
     appear: true,
     in: inProp,
     timeout: timeout
   }, rest), state => {
-    return /*#__PURE__*/(0, _react.cloneElement)(children, {
+    return /*#__PURE__*/cloneElement(children, {
       style: {
         visibility: state === "exited" && !inProp ? "hidden" : undefined,
         ...defaultStyle(timeout),
@@ -52,6 +43,5 @@ const Fade = _ref => {
     });
   });
 };
-exports.Fade = Fade;
 Fade.displayName = "Fade";
 //# sourceMappingURL=Fade.js.map

package/dist/esm/components/Transitions/Fade/Fade.js.map

@@ -1 +1 @@
-{"version":3,"file":"Fade.js","names":["_react","_interopRequireWildcard","require","_reactTransitionGroup","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","defaultStyle","duration","transition","opacity","transitionStyles","entering","entered","exiting","exited","Fade","_ref","in","inProp","children","style","timeout","rest","createElement","Transition","_extends2","appear","state","cloneElement","visibility","undefined","props","exports","displayName"],"sources":["../../../../../src/components/Transitions/Fade/Fade.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { TransitionProps } from \"../types\";\n\ninterface IFadeProps extends Omit<TransitionProps, \"timeout\"> {\n  children: ReactElement;\n  timeout?: number;\n}\n\nconst defaultStyle = (\n  duration: number\n): Partial<{ transition: string; opacity: number }> => ({\n  transition: `all ${duration}ms ease-in-out`,\n  opacity: 0,\n});\n\nconst transitionStyles = {\n  entering: { opacity: 1 },\n  entered: { opacity: 1 },\n  exiting: { opacity: 0 },\n  exited: { opacity: 0 },\n};\n\nexport const Fade: FC<IFadeProps> = ({\n  in: inProp = false,\n  children,\n  style,\n  timeout = 500,\n  ...rest\n}) => (\n  <Transition appear in={inProp} timeout={timeout} {...rest}>\n    {(state): ReactElement => {\n      return cloneElement(children, {\n        style: {\n          visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n          ...defaultStyle(timeout),\n          ...transitionStyles[state],\n          ...style,\n          ...children.props.style,\n        },\n      });\n    }}\n  </Transition>\n);\n\nFade.displayName = \"Fade\";\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;AAAoD,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AASpD,MAAMY,YAAY,GAChBC,QAAgB,KACsC;EACtDC,UAAU,EAAG,OAAMD,QAAS,gBAAe;EAC3CE,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,MAAMC,gBAAgB,GAAG;EACvBC,QAAQ,EAAE;IAAEF,OAAO,EAAE;EAAE,CAAC;EACxBG,OAAO,EAAE;IAAEH,OAAO,EAAE;EAAE,CAAC;EACvBI,OAAO,EAAE;IAAEJ,OAAO,EAAE;EAAE,CAAC;EACvBK,MAAM,EAAE;IAAEL,OAAO,EAAE;EAAE;AACvB,CAAC;AAEM,MAAMM,IAAoB,GAAGC,IAAA;EAAA,IAAC;IACnCC,EAAE,EAAEC,MAAM,GAAG,KAAK;IAClBC,QAAQ;IACRC,KAAK;IACLC,OAAO,GAAG,GAAG;IACb,GAAGC;EACL,CAAC,GAAAN,IAAA;EAAA,oBACCnC,MAAA,CAAAU,OAAA,CAAAgC,aAAA,CAACvC,qBAAA,CAAAwC,UAAU,MAAAC,SAAA,CAAAlC,OAAA;IAACmC,MAAM;IAACT,EAAE,EAAEC,MAAO;IAACG,OAAO,EAAEA;EAAQ,GAAKC,IAAI,GACrDK,KAAK,IAAmB;IACxB,oBAAO,IAAAC,mBAAY,EAACT,QAAQ,EAAE;MAC5BC,KAAK,EAAE;QACLS,UAAU,EAAEF,KAAK,KAAK,QAAQ,IAAI,CAACT,MAAM,GAAG,QAAQ,GAAGY,SAAS;QAChE,GAAGxB,YAAY,CAACe,OAAO,CAAC;QACxB,GAAGX,gBAAgB,CAACiB,KAAK,CAAC;QAC1B,GAAGP,KAAK;QACR,GAAGD,QAAQ,CAACY,KAAK,CAACX;MACpB;IACF,CAAC,CAAC;EACJ,CACU,CAAC;AAAA,CACd;AAACY,OAAA,CAAAjB,IAAA,GAAAA,IAAA;AAEFA,IAAI,CAACkB,WAAW,GAAG,MAAM"}
+{"version":3,"file":"Fade.js","names":["React","cloneElement","Transition","defaultStyle","duration","transition","opacity","transitionStyles","entering","entered","exiting","exited","Fade","_ref","in","inProp","children","style","timeout","rest","createElement","_extends","appear","state","visibility","undefined","props","displayName"],"sources":["../../../../../src/components/Transitions/Fade/Fade.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { TransitionProps } from \"../types\";\n\ninterface IFadeProps extends Omit<TransitionProps, \"timeout\"> {\n  children: ReactElement;\n  timeout?: number;\n}\n\nconst defaultStyle = (\n  duration: number\n): Partial<{ transition: string; opacity: number }> => ({\n  transition: `all ${duration}ms ease-in-out`,\n  opacity: 0,\n});\n\nconst transitionStyles = {\n  entering: { opacity: 1 },\n  entered: { opacity: 1 },\n  exiting: { opacity: 0 },\n  exited: { opacity: 0 },\n};\n\nexport const Fade: FC<IFadeProps> = ({\n  in: inProp = false,\n  children,\n  style,\n  timeout = 500,\n  ...rest\n}) => (\n  <Transition appear in={inProp} timeout={timeout} {...rest}>\n    {(state): ReactElement => {\n      return cloneElement(children, {\n        style: {\n          visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n          ...defaultStyle(timeout),\n          ...transitionStyles[state],\n          ...style,\n          ...children.props.style,\n        },\n      });\n    }}\n  </Transition>\n);\n\nFade.displayName = \"Fade\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAsBC,YAAY,QAAQ,OAAO;AAC7D,SAASC,UAAU,QAAQ,wBAAwB;AASnD,MAAMC,YAAY,GAChBC,QAAgB,KACsC;EACtDC,UAAU,WAASD,QAAQ,mBAAgB;EAC3CE,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,MAAMC,gBAAgB,GAAG;EACvBC,QAAQ,EAAE;IAAEF,OAAO,EAAE;EAAE,CAAC;EACxBG,OAAO,EAAE;IAAEH,OAAO,EAAE;EAAE,CAAC;EACvBI,OAAO,EAAE;IAAEJ,OAAO,EAAE;EAAE,CAAC;EACvBK,MAAM,EAAE;IAAEL,OAAO,EAAE;EAAE;AACvB,CAAC;AAED,OAAO,MAAMM,IAAoB,GAAGC,IAAA;EAAA,IAAC;IACnCC,EAAE,EAAEC,MAAM,GAAG,KAAK;IAClBC,QAAQ;IACRC,KAAK;IACLC,OAAO,GAAG,GAAG;IACb,GAAGC;EACL,CAAC,GAAAN,IAAA;EAAA,oBACCb,KAAA,CAAAoB,aAAA,CAAClB,UAAU,EAAAmB,QAAA;IAACC,MAAM;IAACR,EAAE,EAAEC,MAAO;IAACG,OAAO,EAAEA;EAAQ,GAAKC,IAAI,GACrDI,KAAK,IAAmB;IACxB,oBAAOtB,YAAY,CAACe,QAAQ,EAAE;MAC5BC,KAAK,EAAE;QACLO,UAAU,EAAED,KAAK,KAAK,QAAQ,IAAI,CAACR,MAAM,GAAG,QAAQ,GAAGU,SAAS;QAChE,GAAGtB,YAAY,CAACe,OAAO,CAAC;QACxB,GAAGX,gBAAgB,CAACgB,KAAK,CAAC;QAC1B,GAAGN,KAAK;QACR,GAAGD,QAAQ,CAACU,KAAK,CAACT;MACpB;IACF,CAAC,CAAC;EACJ,CACU,CAAC;AAAA,CACd;AAEDL,IAAI,CAACe,WAAW,GAAG,MAAM"}

package/dist/esm/components/Transitions/Fade/index.js

@@ -1,17 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Fade = require("./Fade");
-Object.keys(_Fade).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Fade[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Fade[key];
-    }
-  });
-});
+export * from "./Fade";
 //# sourceMappingURL=index.js.map

package/dist/esm/components/Transitions/Fade/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Fade","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../src/components/Transitions/Fade/index.ts"],"sourcesContent":["export * from \"./Fade\";\n"],"mappings":";;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,KAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,KAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,KAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Transitions/Fade/index.ts"],"sourcesContent":["export * from \"./Fade\";\n"],"mappings":"AAAA,cAAc,QAAQ"}

package/dist/esm/components/Transitions/FromElement/FromElement.js

@@ -1,13 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FromElement = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactTransitionGroup = require("react-transition-group");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+import React, { cloneElement } from "react";
+import { Transition } from "react-transition-group";
 const defaultStyle = {
   transitionProperty: "opacity, transform",
   transitionDuration: ".15s, .10s, .15s",
@@ -35,7 +27,7 @@ const transitionStyles = {
     transform: "scale(.85)"
   }
 };
-const FromElement = _ref => {
+export const FromElement = _ref => {
   let {
     in: inProp = false,
     onEnter,
@@ -44,14 +36,14 @@ const FromElement = _ref => {
     style,
     timeout = 1000
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
+  return /*#__PURE__*/React.createElement(Transition, {
     appear: true,
     in: inProp,
     timeout: timeout,
     onEnter: onEnter,
     onExited: onExited
   }, state => {
-    return /*#__PURE__*/(0, _react.cloneElement)(children, {
+    return /*#__PURE__*/cloneElement(children, {
       style: {
         visibility: state === "exited" && !inProp ? "hidden" : undefined,
         ...defaultStyle,
@@ -62,6 +54,5 @@ const FromElement = _ref => {
     });
   });
 };
-exports.FromElement = FromElement;
 FromElement.displayName = "FromElement";
 //# sourceMappingURL=FromElement.js.map

package/dist/esm/components/Transitions/FromElement/FromElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"FromElement.js","names":["_react","_interopRequireWildcard","require","_reactTransitionGroup","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","defaultStyle","transitionProperty","transitionDuration","transitionTimingFunction","transformOrigin","transform","opacity","transitionStyles","entering","transitionDelay","entered","exiting","exited","FromElement","_ref","in","inProp","onEnter","onExited","children","style","timeout","createElement","Transition","appear","state","cloneElement","visibility","undefined","props","exports","displayName"],"sources":["../../../../../src/components/Transitions/FromElement/FromElement.tsx"],"sourcesContent":["import React, { ReactElement, FC, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { TransitionProps } from \"../types\";\n\ninterface IFromElementProps extends TransitionProps {\n  children: ReactElement;\n}\n\nconst defaultStyle = {\n  transitionProperty: \"opacity, transform\",\n  transitionDuration: \".15s, .10s, .15s\",\n  transitionTimingFunction: \"ease, ease, cubic-bezier(0.39, 0.575, 0.565, 1)\",\n  transformOrigin: \"50% 0\",\n  transform: \"scale(.85)\",\n  opacity: 0,\n};\n\nconst transitionStyles = {\n  entering: { opacity: 1, transform: \"scale(1)\", transitionDelay: \".6s\" },\n  entered: { opacity: 1, transform: \"scale(1)\" },\n  exiting: { opacity: 0, transform: \"scale(.85)\" },\n  exited: { opacity: 0, transform: \"scale(.85)\" },\n};\n\nexport const FromElement: FC<IFromElementProps> = ({\n  in: inProp = false,\n  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 1000,\n}) => {\n  return (\n    <Transition\n      appear\n      in={inProp}\n      timeout={timeout}\n      onEnter={onEnter}\n      onExited={onExited}\n    >\n      {(state): ReactElement => {\n        return cloneElement(children, {\n          style: {\n            visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n            ...defaultStyle,\n            ...transitionStyles[state],\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nFromElement.displayName = \"FromElement\";\n"],"mappings":"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"}
+{"version":3,"file":"FromElement.js","names":["React","cloneElement","Transition","defaultStyle","transitionProperty","transitionDuration","transitionTimingFunction","transformOrigin","transform","opacity","transitionStyles","entering","transitionDelay","entered","exiting","exited","FromElement","_ref","in","inProp","onEnter","onExited","children","style","timeout","createElement","appear","state","visibility","undefined","props","displayName"],"sources":["../../../../../src/components/Transitions/FromElement/FromElement.tsx"],"sourcesContent":["import React, { ReactElement, FC, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { TransitionProps } from \"../types\";\n\ninterface IFromElementProps extends TransitionProps {\n  children: ReactElement;\n}\n\nconst defaultStyle = {\n  transitionProperty: \"opacity, transform\",\n  transitionDuration: \".15s, .10s, .15s\",\n  transitionTimingFunction: \"ease, ease, cubic-bezier(0.39, 0.575, 0.565, 1)\",\n  transformOrigin: \"50% 0\",\n  transform: \"scale(.85)\",\n  opacity: 0,\n};\n\nconst transitionStyles = {\n  entering: { opacity: 1, transform: \"scale(1)\", transitionDelay: \".6s\" },\n  entered: { opacity: 1, transform: \"scale(1)\" },\n  exiting: { opacity: 0, transform: \"scale(.85)\" },\n  exited: { opacity: 0, transform: \"scale(.85)\" },\n};\n\nexport const FromElement: FC<IFromElementProps> = ({\n  in: inProp = false,\n  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 1000,\n}) => {\n  return (\n    <Transition\n      appear\n      in={inProp}\n      timeout={timeout}\n      onEnter={onEnter}\n      onExited={onExited}\n    >\n      {(state): ReactElement => {\n        return cloneElement(children, {\n          style: {\n            visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n            ...defaultStyle,\n            ...transitionStyles[state],\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nFromElement.displayName = \"FromElement\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAsBC,YAAY,QAAQ,OAAO;AAC7D,SAASC,UAAU,QAAQ,wBAAwB;AAQnD,MAAMC,YAAY,GAAG;EACnBC,kBAAkB,EAAE,oBAAoB;EACxCC,kBAAkB,EAAE,kBAAkB;EACtCC,wBAAwB,EAAE,iDAAiD;EAC3EC,eAAe,EAAE,OAAO;EACxBC,SAAS,EAAE,YAAY;EACvBC,OAAO,EAAE;AACX,CAAC;AAED,MAAMC,gBAAgB,GAAG;EACvBC,QAAQ,EAAE;IAAEF,OAAO,EAAE,CAAC;IAAED,SAAS,EAAE,UAAU;IAAEI,eAAe,EAAE;EAAM,CAAC;EACvEC,OAAO,EAAE;IAAEJ,OAAO,EAAE,CAAC;IAAED,SAAS,EAAE;EAAW,CAAC;EAC9CM,OAAO,EAAE;IAAEL,OAAO,EAAE,CAAC;IAAED,SAAS,EAAE;EAAa,CAAC;EAChDO,MAAM,EAAE;IAAEN,OAAO,EAAE,CAAC;IAAED,SAAS,EAAE;EAAa;AAChD,CAAC;AAED,OAAO,MAAMQ,WAAkC,GAAGC,IAAA,IAO5C;EAAA,IAP6C;IACjDC,EAAE,EAAEC,MAAM,GAAG,KAAK;IAClBC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACRC,KAAK;IACLC,OAAO,GAAG;EACZ,CAAC,GAAAP,IAAA;EACC,oBACEjB,KAAA,CAAAyB,aAAA,CAACvB,UAAU;IACTwB,MAAM;IACNR,EAAE,EAAEC,MAAO;IACXK,OAAO,EAAEA,OAAQ;IACjBJ,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA;EAAS,GAEjBM,KAAK,IAAmB;IACxB,oBAAO1B,YAAY,CAACqB,QAAQ,EAAE;MAC5BC,KAAK,EAAE;QACLK,UAAU,EAAED,KAAK,KAAK,QAAQ,IAAI,CAACR,MAAM,GAAG,QAAQ,GAAGU,SAAS;QAChE,GAAG1B,YAAY;QACf,GAAGO,gBAAgB,CAACiB,KAAK,CAAC;QAC1B,GAAGJ,KAAK;QACR,GAAGD,QAAQ,CAACQ,KAAK,CAACP;MACpB;IACF,CAAC,CAAC;EACJ,CACU,CAAC;AAEjB,CAAC;AAEDP,WAAW,CAACe,WAAW,GAAG,aAAa"}

package/dist/esm/components/Transitions/FromElement/index.js

@@ -1,17 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _FromElement = require("./FromElement");
-Object.keys(_FromElement).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _FromElement[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _FromElement[key];
-    }
-  });
-});
+export * from "./FromElement";
 //# sourceMappingURL=index.js.map

package/dist/esm/components/Transitions/FromElement/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_FromElement","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../src/components/Transitions/FromElement/index.ts"],"sourcesContent":["export * from \"./FromElement\";\n"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Transitions/FromElement/index.ts"],"sourcesContent":["export * from \"./FromElement\";\n"],"mappings":"AAAA,cAAc,eAAe"}

package/dist/esm/components/Transitions/ResizeTransition/ResizeTransition.js

@@ -1,14 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ResizeTransition = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactTransitionGroup = require("react-transition-group");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const ResizeTransition = _ref => {
+import React, { cloneElement, useMemo } from "react";
+import { Transition } from "react-transition-group";
+export const ResizeTransition = _ref => {
   let {
     in: inProp = false,
     onEnter,
@@ -17,21 +9,21 @@ const ResizeTransition = _ref => {
     style,
     timeout = 200
   } = _ref;
-  const defaultStyle = (0, _react.useMemo)(() => {
+  const defaultStyle = useMemo(() => {
     return {
       transitionProperty: "width, height",
-      transitionDuration: `${timeout}ms`,
+      transitionDuration: timeout + "ms",
       transitionTimingFunction: "ease"
     };
   }, [timeout]);
-  return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
+  return /*#__PURE__*/React.createElement(Transition, {
     appear: true,
     in: inProp,
     timeout: timeout,
     onEnter: onEnter,
     onExited: onExited
   }, state => {
-    return /*#__PURE__*/(0, _react.cloneElement)(children, {
+    return /*#__PURE__*/cloneElement(children, {
       style: {
         visibility: state === "exited" && !inProp ? "hidden" : undefined,
         ...defaultStyle,
@@ -41,6 +33,5 @@ const ResizeTransition = _ref => {
     });
   });
 };
-exports.ResizeTransition = ResizeTransition;
 ResizeTransition.displayName = "ResizeTransition";
 //# sourceMappingURL=ResizeTransition.js.map

package/dist/esm/components/Transitions/ResizeTransition/ResizeTransition.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResizeTransition.js","names":["_react","_interopRequireWildcard","require","_reactTransitionGroup","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ResizeTransition","_ref","in","inProp","onEnter","onExited","children","style","timeout","defaultStyle","useMemo","transitionProperty","transitionDuration","transitionTimingFunction","createElement","Transition","appear","state","cloneElement","visibility","undefined","props","exports","displayName"],"sources":["../../../../../src/components/Transitions/ResizeTransition/ResizeTransition.tsx"],"sourcesContent":["import React, { ReactElement, FC, cloneElement, useMemo } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { TransitionProps } from \"../types\";\n\ninterface IResizeTransition extends TransitionProps {\n  children: ReactElement;\n}\n\nexport const ResizeTransition: FC<IResizeTransition> = ({\n  in: inProp = false,\n  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 200,\n}) => {\n  const defaultStyle = useMemo(() => {\n    return {\n      transitionProperty: \"width, height\",\n      transitionDuration: `${timeout}ms`,\n      transitionTimingFunction: \"ease\",\n    };\n  }, [timeout]);\n\n  return (\n    <Transition\n      appear\n      in={inProp}\n      timeout={timeout}\n      onEnter={onEnter}\n      onExited={onExited}\n    >\n      {(state): ReactElement => {\n        return cloneElement(children, {\n          style: {\n            visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n            ...defaultStyle,\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nResizeTransition.displayName = \"ResizeTransition\";\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;AAAoD,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAQ7C,MAAMY,gBAAuC,GAAGC,IAAA,IAOjD;EAAA,IAPkD;IACtDC,EAAE,EAAEC,MAAM,GAAG,KAAK;IAClBC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACRC,KAAK;IACLC,OAAO,GAAG;EACZ,CAAC,GAAAP,IAAA;EACC,MAAMQ,YAAY,GAAG,IAAAC,cAAO,EAAC,MAAM;IACjC,OAAO;MACLC,kBAAkB,EAAE,eAAe;MACnCC,kBAAkB,EAAG,GAAEJ,OAAQ,IAAG;MAClCK,wBAAwB,EAAE;IAC5B,CAAC;EACH,CAAC,EAAE,CAACL,OAAO,CAAC,CAAC;EAEb,oBACEjC,MAAA,CAAAU,OAAA,CAAA6B,aAAA,CAACpC,qBAAA,CAAAqC,UAAU;IACTC,MAAM;IACNd,EAAE,EAAEC,MAAO;IACXK,OAAO,EAAEA,OAAQ;IACjBJ,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA;EAAS,GAEjBY,KAAK,IAAmB;IACxB,oBAAO,IAAAC,mBAAY,EAACZ,QAAQ,EAAE;MAC5BC,KAAK,EAAE;QACLY,UAAU,EAAEF,KAAK,KAAK,QAAQ,IAAI,CAACd,MAAM,GAAG,QAAQ,GAAGiB,SAAS;QAChE,GAAGX,YAAY;QACf,GAAGF,KAAK;QACR,GAAGD,QAAQ,CAACe,KAAK,CAACd;MACpB;IACF,CAAC,CAAC;EACJ,CACU,CAAC;AAEjB,CAAC;AAACe,OAAA,CAAAtB,gBAAA,GAAAA,gBAAA;AAEFA,gBAAgB,CAACuB,WAAW,GAAG,kBAAkB"}
+{"version":3,"file":"ResizeTransition.js","names":["React","cloneElement","useMemo","Transition","ResizeTransition","_ref","in","inProp","onEnter","onExited","children","style","timeout","defaultStyle","transitionProperty","transitionDuration","transitionTimingFunction","createElement","appear","state","visibility","undefined","props","displayName"],"sources":["../../../../../src/components/Transitions/ResizeTransition/ResizeTransition.tsx"],"sourcesContent":["import React, { ReactElement, FC, cloneElement, useMemo } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { TransitionProps } from \"../types\";\n\ninterface IResizeTransition extends TransitionProps {\n  children: ReactElement;\n}\n\nexport const ResizeTransition: FC<IResizeTransition> = ({\n  in: inProp = false,\n  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 200,\n}) => {\n  const defaultStyle = useMemo(() => {\n    return {\n      transitionProperty: \"width, height\",\n      transitionDuration: `${timeout}ms`,\n      transitionTimingFunction: \"ease\",\n    };\n  }, [timeout]);\n\n  return (\n    <Transition\n      appear\n      in={inProp}\n      timeout={timeout}\n      onEnter={onEnter}\n      onExited={onExited}\n    >\n      {(state): ReactElement => {\n        return cloneElement(children, {\n          style: {\n            visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n            ...defaultStyle,\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nResizeTransition.displayName = \"ResizeTransition\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAsBC,YAAY,EAAEC,OAAO,QAAQ,OAAO;AACtE,SAASC,UAAU,QAAQ,wBAAwB;AAQnD,OAAO,MAAMC,gBAAuC,GAAGC,IAAA,IAOjD;EAAA,IAPkD;IACtDC,EAAE,EAAEC,MAAM,GAAG,KAAK;IAClBC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACRC,KAAK;IACLC,OAAO,GAAG;EACZ,CAAC,GAAAP,IAAA;EACC,MAAMQ,YAAY,GAAGX,OAAO,CAAC,MAAM;IACjC,OAAO;MACLY,kBAAkB,EAAE,eAAe;MACnCC,kBAAkB,EAAKH,OAAO,OAAI;MAClCI,wBAAwB,EAAE;IAC5B,CAAC;EACH,CAAC,EAAE,CAACJ,OAAO,CAAC,CAAC;EAEb,oBACEZ,KAAA,CAAAiB,aAAA,CAACd,UAAU;IACTe,MAAM;IACNZ,EAAE,EAAEC,MAAO;IACXK,OAAO,EAAEA,OAAQ;IACjBJ,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA;EAAS,GAEjBU,KAAK,IAAmB;IACxB,oBAAOlB,YAAY,CAACS,QAAQ,EAAE;MAC5BC,KAAK,EAAE;QACLS,UAAU,EAAED,KAAK,KAAK,QAAQ,IAAI,CAACZ,MAAM,GAAG,QAAQ,GAAGc,SAAS;QAChE,GAAGR,YAAY;QACf,GAAGF,KAAK;QACR,GAAGD,QAAQ,CAACY,KAAK,CAACX;MACpB;IACF,CAAC,CAAC;EACJ,CACU,CAAC;AAEjB,CAAC;AAEDP,gBAAgB,CAACmB,WAAW,GAAG,kBAAkB"}

package/dist/esm/components/Transitions/ResizeTransition/index.js

@@ -1,17 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _ResizeTransition = require("./ResizeTransition");
-Object.keys(_ResizeTransition).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ResizeTransition[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ResizeTransition[key];
-    }
-  });
-});
+export * from "./ResizeTransition";
 //# sourceMappingURL=index.js.map

package/dist/esm/components/Transitions/ResizeTransition/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_ResizeTransition","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../src/components/Transitions/ResizeTransition/index.ts"],"sourcesContent":["export * from \"./ResizeTransition\";\n"],"mappings":";;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,iBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,iBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,iBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Transitions/ResizeTransition/index.ts"],"sourcesContent":["export * from \"./ResizeTransition\";\n"],"mappings":"AAAA,cAAc,oBAAoB"}

package/dist/esm/components/Transitions/Reveal/Reveal.js

@@ -1,40 +1,31 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Reveal = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactTransitionGroup = require("react-transition-group");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { cloneElement } from "react";
+import { Transition } from "react-transition-group";
 const defaultStyle = duration => ({
-  transition: `all ${duration}ms ease-in`,
-  transform: `scaleX(0)`,
+  transition: "all " + duration + "ms ease-in",
+  transform: "scaleX(0)",
   opacity: 0,
   transformOrigin: "left"
 });
 const transitionStyles = {
   entering: {
-    transform: `scaleX(1)`,
+    transform: "scaleX(1)",
     opacity: 1
   },
   entered: {
-    transform: `scaleX(1)`,
+    transform: "scaleX(1)",
     opacity: 1
   },
   exiting: {
-    transform: `scaleX(0)`,
+    transform: "scaleX(0)",
     opacity: 0
   },
   exited: {
-    transform: `scaleX(0)`,
+    transform: "scaleX(0)",
     opacity: 0
   }
 };
-const Reveal = _ref => {
+export const Reveal = _ref => {
   let {
     in: inProp = false,
     children,
@@ -42,12 +33,12 @@ const Reveal = _ref => {
     timeout = 200,
     ...rest
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement(Transition, _extends({
     appear: true,
     in: inProp,
     timeout: timeout
   }, rest), state => {
-    return /*#__PURE__*/(0, _react.cloneElement)(children, {
+    return /*#__PURE__*/cloneElement(children, {
       style: {
         ...defaultStyle(inProp ? timeout : 0),
         ...transitionStyles[state],
@@ -57,6 +48,5 @@ const Reveal = _ref => {
     });
   });
 };
-exports.Reveal = Reveal;
 Reveal.displayName = "Reveal";
 //# sourceMappingURL=Reveal.js.map

package/dist/esm/components/Transitions/Reveal/Reveal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Reveal.js","names":["_react","_interopRequireWildcard","require","_reactTransitionGroup","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","defaultStyle","duration","transition","transform","opacity","transformOrigin","transitionStyles","entering","entered","exiting","exited","Reveal","_ref","in","inProp","children","style","timeout","rest","createElement","Transition","_extends2","appear","state","cloneElement","props","exports","displayName"],"sources":["../../../../../src/components/Transitions/Reveal/Reveal.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { TransitionProps } from \"../types\";\n\ninterface IRevealProps extends Omit<TransitionProps, \"timeout\"> {\n  children: ReactElement;\n  timeout?: number;\n  oppositeDirection?: boolean;\n}\n\nconst defaultStyle = (\n  duration: number\n): Partial<{\n  transition: string;\n  transform: string;\n  transformOrigin: string;\n  opacity: number;\n}> => ({\n  transition: `all ${duration}ms ease-in`,\n  transform: `scaleX(0)`,\n  opacity: 0,\n  transformOrigin: \"left\",\n});\n\nconst transitionStyles = {\n  entering: { transform: `scaleX(1)`, opacity: 1 },\n  entered: { transform: `scaleX(1)`, opacity: 1 },\n  exiting: { transform: `scaleX(0)`, opacity: 0 },\n  exited: { transform: `scaleX(0)`, opacity: 0 },\n};\n\nexport const Reveal: FC<IRevealProps> = ({\n  in: inProp = false,\n  children,\n  style,\n  timeout = 200,\n  ...rest\n}) => {\n  return (\n    <Transition appear in={inProp} timeout={timeout} {...rest}>\n      {(state): ReactElement => {\n        return cloneElement(children, {\n          style: {\n            ...defaultStyle(inProp ? timeout : 0),\n            ...transitionStyles[state],\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nReveal.displayName = \"Reveal\";\n"],"mappings":"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"}
+{"version":3,"file":"Reveal.js","names":["React","cloneElement","Transition","defaultStyle","duration","transition","transform","opacity","transformOrigin","transitionStyles","entering","entered","exiting","exited","Reveal","_ref","in","inProp","children","style","timeout","rest","createElement","_extends","appear","state","props","displayName"],"sources":["../../../../../src/components/Transitions/Reveal/Reveal.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { TransitionProps } from \"../types\";\n\ninterface IRevealProps extends Omit<TransitionProps, \"timeout\"> {\n  children: ReactElement;\n  timeout?: number;\n  oppositeDirection?: boolean;\n}\n\nconst defaultStyle = (\n  duration: number\n): Partial<{\n  transition: string;\n  transform: string;\n  transformOrigin: string;\n  opacity: number;\n}> => ({\n  transition: `all ${duration}ms ease-in`,\n  transform: `scaleX(0)`,\n  opacity: 0,\n  transformOrigin: \"left\",\n});\n\nconst transitionStyles = {\n  entering: { transform: `scaleX(1)`, opacity: 1 },\n  entered: { transform: `scaleX(1)`, opacity: 1 },\n  exiting: { transform: `scaleX(0)`, opacity: 0 },\n  exited: { transform: `scaleX(0)`, opacity: 0 },\n};\n\nexport const Reveal: FC<IRevealProps> = ({\n  in: inProp = false,\n  children,\n  style,\n  timeout = 200,\n  ...rest\n}) => {\n  return (\n    <Transition appear in={inProp} timeout={timeout} {...rest}>\n      {(state): ReactElement => {\n        return cloneElement(children, {\n          style: {\n            ...defaultStyle(inProp ? timeout : 0),\n            ...transitionStyles[state],\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nReveal.displayName = \"Reveal\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAsBC,YAAY,QAAQ,OAAO;AAC7D,SAASC,UAAU,QAAQ,wBAAwB;AAUnD,MAAMC,YAAY,GAChBC,QAAgB,KAMX;EACLC,UAAU,WAASD,QAAQ,eAAY;EACvCE,SAAS,aAAa;EACtBC,OAAO,EAAE,CAAC;EACVC,eAAe,EAAE;AACnB,CAAC,CAAC;AAEF,MAAMC,gBAAgB,GAAG;EACvBC,QAAQ,EAAE;IAAEJ,SAAS,aAAa;IAAEC,OAAO,EAAE;EAAE,CAAC;EAChDI,OAAO,EAAE;IAAEL,SAAS,aAAa;IAAEC,OAAO,EAAE;EAAE,CAAC;EAC/CK,OAAO,EAAE;IAAEN,SAAS,aAAa;IAAEC,OAAO,EAAE;EAAE,CAAC;EAC/CM,MAAM,EAAE;IAAEP,SAAS,aAAa;IAAEC,OAAO,EAAE;EAAE;AAC/C,CAAC;AAED,OAAO,MAAMO,MAAwB,GAAGC,IAAA,IAMlC;EAAA,IANmC;IACvCC,EAAE,EAAEC,MAAM,GAAG,KAAK;IAClBC,QAAQ;IACRC,KAAK;IACLC,OAAO,GAAG,GAAG;IACb,GAAGC;EACL,CAAC,GAAAN,IAAA;EACC,oBACEf,KAAA,CAAAsB,aAAA,CAACpB,UAAU,EAAAqB,QAAA;IAACC,MAAM;IAACR,EAAE,EAAEC,MAAO;IAACG,OAAO,EAAEA;EAAQ,GAAKC,IAAI,GACrDI,KAAK,IAAmB;IACxB,oBAAOxB,YAAY,CAACiB,QAAQ,EAAE;MAC5BC,KAAK,EAAE;QACL,GAAGhB,YAAY,CAACc,MAAM,GAAGG,OAAO,GAAG,CAAC,CAAC;QACrC,GAAGX,gBAAgB,CAACgB,KAAK,CAAC;QAC1B,GAAGN,KAAK;QACR,GAAGD,QAAQ,CAACQ,KAAK,CAACP;MACpB;IACF,CAAC,CAAC;EACJ,CACU,CAAC;AAEjB,CAAC;AAEDL,MAAM,CAACa,WAAW,GAAG,QAAQ"}

package/dist/esm/components/Transitions/Reveal/index.js

@@ -1,17 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Reveal = require("./Reveal");
-Object.keys(_Reveal).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Reveal[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Reveal[key];
-    }
-  });
-});
+export * from "./Reveal";
 //# sourceMappingURL=index.js.map

package/dist/esm/components/Transitions/Reveal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Reveal","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../src/components/Transitions/Reveal/index.ts"],"sourcesContent":["export * from \"./Reveal\";\n"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Transitions/Reveal/index.ts"],"sourcesContent":["export * from \"./Reveal\";\n"],"mappings":"AAAA,cAAc,UAAU"}

package/dist/esm/components/Transitions/Scale/Scale.js

@@ -1,13 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Scale = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactTransitionGroup = require("react-transition-group");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+import React, { cloneElement, useMemo } from "react";
+import { Transition } from "react-transition-group";
 const transitionStyles = {
   entered: {
     transform: "scale(1)"
@@ -16,7 +8,7 @@ const transitionStyles = {
     transform: "scale(0)"
   }
 };
-const Scale = _ref => {
+export const Scale = _ref => {
   let {
     in: inProp = false,
     onEnter,
@@ -25,20 +17,20 @@ const Scale = _ref => {
     style,
     timeout = 200
   } = _ref;
-  const defaultStyle = (0, _react.useMemo)(() => {
+  const defaultStyle = useMemo(() => {
     return {
       transitionProperty: "transform",
-      transitionDuration: `${timeout}ms`,
+      transitionDuration: timeout + "ms",
       transform: "scale(0)"
     };
   }, [timeout]);
-  return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
+  return /*#__PURE__*/React.createElement(Transition, {
     in: inProp,
     timeout: timeout,
     onEnter: onEnter,
     onExited: onExited
   }, state => {
-    return /*#__PURE__*/(0, _react.cloneElement)(children, {
+    return /*#__PURE__*/cloneElement(children, {
       style: {
         ...defaultStyle,
         ...transitionStyles[state],
@@ -48,6 +40,5 @@ const Scale = _ref => {
     });
   });
 };
-exports.Scale = Scale;
 Scale.displayName = "Scale";
 //# sourceMappingURL=Scale.js.map

package/dist/esm/components/Transitions/Scale/Scale.js.map

@@ -1 +1 @@
-{"version":3,"file":"Scale.js","names":["_react","_interopRequireWildcard","require","_reactTransitionGroup","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","transitionStyles","entered","transform","exiting","Scale","_ref","in","inProp","onEnter","onExited","children","style","timeout","defaultStyle","useMemo","transitionProperty","transitionDuration","createElement","Transition","state","cloneElement","props","exports","displayName"],"sources":["../../../../../src/components/Transitions/Scale/Scale.tsx"],"sourcesContent":["import React, { cloneElement, FC, ReactElement, useMemo } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { TransitionProps } from \"../types\";\n\ninterface IScale extends TransitionProps {\n  children: ReactElement;\n}\n\nconst transitionStyles = {\n  entered: { transform: \"scale(1)\" },\n  exiting: { transform: \"scale(0)\" },\n};\n\nexport const Scale: FC<IScale> = ({\n  in: inProp = false,\n  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 200,\n}) => {\n  const defaultStyle = useMemo(() => {\n    return {\n      transitionProperty: \"transform\",\n      transitionDuration: `${timeout}ms`,\n      transform: \"scale(0)\",\n    };\n  }, [timeout]);\n\n  return (\n    <Transition\n      in={inProp}\n      timeout={timeout}\n      onEnter={onEnter}\n      onExited={onExited}\n    >\n      {(state): ReactElement => {\n        return cloneElement(children, {\n          style: {\n            ...defaultStyle,\n            ...transitionStyles[state],\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nScale.displayName = \"Scale\";\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;AAAoD,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAQpD,MAAMY,gBAAgB,GAAG;EACvBC,OAAO,EAAE;IAAEC,SAAS,EAAE;EAAW,CAAC;EAClCC,OAAO,EAAE;IAAED,SAAS,EAAE;EAAW;AACnC,CAAC;AAEM,MAAME,KAAiB,GAAGC,IAAA,IAO3B;EAAA,IAP4B;IAChCC,EAAE,EAAEC,MAAM,GAAG,KAAK;IAClBC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACRC,KAAK;IACLC,OAAO,GAAG;EACZ,CAAC,GAAAP,IAAA;EACC,MAAMQ,YAAY,GAAG,IAAAC,cAAO,EAAC,MAAM;IACjC,OAAO;MACLC,kBAAkB,EAAE,WAAW;MAC/BC,kBAAkB,EAAG,GAAEJ,OAAQ,IAAG;MAClCV,SAAS,EAAE;IACb,CAAC;EACH,CAAC,EAAE,CAACU,OAAO,CAAC,CAAC;EAEb,oBACErC,MAAA,CAAAU,OAAA,CAAAgC,aAAA,CAACvC,qBAAA,CAAAwC,UAAU;IACTZ,EAAE,EAAEC,MAAO;IACXK,OAAO,EAAEA,OAAQ;IACjBJ,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA;EAAS,GAEjBU,KAAK,IAAmB;IACxB,oBAAO,IAAAC,mBAAY,EAACV,QAAQ,EAAE;MAC5BC,KAAK,EAAE;QACL,GAAGE,YAAY;QACf,GAAGb,gBAAgB,CAACmB,KAAK,CAAC;QAC1B,GAAGR,KAAK;QACR,GAAGD,QAAQ,CAACW,KAAK,CAACV;MACpB;IACF,CAAC,CAAC;EACJ,CACU,CAAC;AAEjB,CAAC;AAACW,OAAA,CAAAlB,KAAA,GAAAA,KAAA;AAEFA,KAAK,CAACmB,WAAW,GAAG,OAAO"}
+{"version":3,"file":"Scale.js","names":["React","cloneElement","useMemo","Transition","transitionStyles","entered","transform","exiting","Scale","_ref","in","inProp","onEnter","onExited","children","style","timeout","defaultStyle","transitionProperty","transitionDuration","createElement","state","props","displayName"],"sources":["../../../../../src/components/Transitions/Scale/Scale.tsx"],"sourcesContent":["import React, { cloneElement, FC, ReactElement, useMemo } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { TransitionProps } from \"../types\";\n\ninterface IScale extends TransitionProps {\n  children: ReactElement;\n}\n\nconst transitionStyles = {\n  entered: { transform: \"scale(1)\" },\n  exiting: { transform: \"scale(0)\" },\n};\n\nexport const Scale: FC<IScale> = ({\n  in: inProp = false,\n  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 200,\n}) => {\n  const defaultStyle = useMemo(() => {\n    return {\n      transitionProperty: \"transform\",\n      transitionDuration: `${timeout}ms`,\n      transform: \"scale(0)\",\n    };\n  }, [timeout]);\n\n  return (\n    <Transition\n      in={inProp}\n      timeout={timeout}\n      onEnter={onEnter}\n      onExited={onExited}\n    >\n      {(state): ReactElement => {\n        return cloneElement(children, {\n          style: {\n            ...defaultStyle,\n            ...transitionStyles[state],\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nScale.displayName = \"Scale\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,YAAY,EAAoBC,OAAO,QAAQ,OAAO;AACtE,SAASC,UAAU,QAAQ,wBAAwB;AAQnD,MAAMC,gBAAgB,GAAG;EACvBC,OAAO,EAAE;IAAEC,SAAS,EAAE;EAAW,CAAC;EAClCC,OAAO,EAAE;IAAED,SAAS,EAAE;EAAW;AACnC,CAAC;AAED,OAAO,MAAME,KAAiB,GAAGC,IAAA,IAO3B;EAAA,IAP4B;IAChCC,EAAE,EAAEC,MAAM,GAAG,KAAK;IAClBC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACRC,KAAK;IACLC,OAAO,GAAG;EACZ,CAAC,GAAAP,IAAA;EACC,MAAMQ,YAAY,GAAGf,OAAO,CAAC,MAAM;IACjC,OAAO;MACLgB,kBAAkB,EAAE,WAAW;MAC/BC,kBAAkB,EAAKH,OAAO,OAAI;MAClCV,SAAS,EAAE;IACb,CAAC;EACH,CAAC,EAAE,CAACU,OAAO,CAAC,CAAC;EAEb,oBACEhB,KAAA,CAAAoB,aAAA,CAACjB,UAAU;IACTO,EAAE,EAAEC,MAAO;IACXK,OAAO,EAAEA,OAAQ;IACjBJ,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA;EAAS,GAEjBQ,KAAK,IAAmB;IACxB,oBAAOpB,YAAY,CAACa,QAAQ,EAAE;MAC5BC,KAAK,EAAE;QACL,GAAGE,YAAY;QACf,GAAGb,gBAAgB,CAACiB,KAAK,CAAC;QAC1B,GAAGN,KAAK;QACR,GAAGD,QAAQ,CAACQ,KAAK,CAACP;MACpB;IACF,CAAC,CAAC;EACJ,CACU,CAAC;AAEjB,CAAC;AAEDP,KAAK,CAACe,WAAW,GAAG,OAAO"}

package/dist/esm/components/Transitions/Scale/index.js

@@ -1,17 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Scale = require("./Scale");
-Object.keys(_Scale).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Scale[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Scale[key];
-    }
-  });
-});
+export * from "./Scale";
 //# sourceMappingURL=index.js.map

package/dist/esm/components/Transitions/Scale/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Scale","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../src/components/Transitions/Scale/index.ts"],"sourcesContent":["export * from \"./Scale\";\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Transitions/Scale/index.ts"],"sourcesContent":["export * from \"./Scale\";\n"],"mappings":"AAAA,cAAc,SAAS"}

package/dist/esm/components/Transitions/Slide/Slide.js

@@ -1,16 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Slide = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactTransitionGroup = require("react-transition-group");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const Slide = _ref => {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { cloneElement } from "react";
+import { Transition } from "react-transition-group";
+export const Slide = _ref => {
   let {
     in: inProp = false,
     children,
@@ -34,27 +25,27 @@ const Slide = _ref => {
       directionSign = "-100%, 0";
   }
   const defaultStyle = timeout => ({
-    transition: `all ${timeout}ms ease`
+    transition: "all " + timeout + "ms ease"
   });
   const transitionStyles = {
     entering: {
-      transform: `translate(0,0)`
+      transform: "translate(0,0)"
     },
     entered: {
-      transform: `translate(0,0)`
+      transform: "translate(0,0)"
     },
     exiting: {
-      transform: `translate(${directionSign})`
+      transform: "translate(" + directionSign + ")"
     },
     exited: {
-      transform: `translate(${directionSign})`
+      transform: "translate(" + directionSign + ")"
     }
   };
-  return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement(Transition, _extends({
     in: inProp,
     timeout: timeout
   }, rest), state => {
-    return /*#__PURE__*/(0, _react.cloneElement)(children, {
+    return /*#__PURE__*/cloneElement(children, {
       style: {
         visibility: state === "exited" && !inProp ? "hidden" : undefined,
         ...defaultStyle(timeout),
@@ -65,6 +56,5 @@ const Slide = _ref => {
     });
   });
 };
-exports.Slide = Slide;
 Slide.displayName = "Slide";
 //# sourceMappingURL=Slide.js.map

package/dist/esm/components/Transitions/Slide/Slide.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slide.js","names":["_react","_interopRequireWildcard","require","_reactTransitionGroup","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Slide","_ref","in","inProp","children","style","timeout","initialDirection","rest","directionSign","defaultStyle","transition","transitionStyles","entering","transform","entered","exiting","exited","createElement","Transition","_extends2","state","cloneElement","visibility","undefined","props","exports","displayName"],"sources":["../../../../../src/components/Transitions/Slide/Slide.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { TransitionProps } from \"../types\";\n\ninterface ISlide extends Omit<TransitionProps, \"timeout\"> {\n  children: ReactElement;\n  timeout?: number;\n  initialDirection?: string;\n}\n\nexport const Slide: FC<ISlide> = ({\n  in: inProp = false,\n  children,\n  style,\n  timeout = 300,\n  initialDirection = \"left\",\n  ...rest\n}) => {\n  let directionSign: string;\n\n  switch (initialDirection) {\n    case \"right\":\n      directionSign = \"100%, 0\";\n      break;\n    case \"top\":\n      directionSign = \"0, -100%\";\n      break;\n    case \"bottom\":\n      directionSign = \"0, 100%\";\n      break;\n    default:\n      directionSign = \"-100%, 0\";\n  }\n\n  const defaultStyle = (timeout: number): Partial<{ transition: string }> => ({\n    transition: `all ${timeout}ms ease`,\n  });\n\n  const transitionStyles = {\n    entering: {\n      transform: `translate(0,0)`,\n    },\n    entered: {\n      transform: `translate(0,0)`,\n    },\n    exiting: {\n      transform: `translate(${directionSign})`,\n    },\n    exited: {\n      transform: `translate(${directionSign})`,\n    },\n  };\n\n  return (\n    <Transition in={inProp} timeout={timeout} {...rest}>\n      {(state): ReactElement => {\n        return cloneElement(children, {\n          style: {\n            visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n            ...defaultStyle(timeout),\n            ...transitionStyles[state],\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nSlide.displayName = \"Slide\";\n"],"mappings":"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"}
+{"version":3,"file":"Slide.js","names":["React","cloneElement","Transition","Slide","_ref","in","inProp","children","style","timeout","initialDirection","rest","directionSign","defaultStyle","transition","transitionStyles","entering","transform","entered","exiting","exited","createElement","_extends","state","visibility","undefined","props","displayName"],"sources":["../../../../../src/components/Transitions/Slide/Slide.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { TransitionProps } from \"../types\";\n\ninterface ISlide extends Omit<TransitionProps, \"timeout\"> {\n  children: ReactElement;\n  timeout?: number;\n  initialDirection?: string;\n}\n\nexport const Slide: FC<ISlide> = ({\n  in: inProp = false,\n  children,\n  style,\n  timeout = 300,\n  initialDirection = \"left\",\n  ...rest\n}) => {\n  let directionSign: string;\n\n  switch (initialDirection) {\n    case \"right\":\n      directionSign = \"100%, 0\";\n      break;\n    case \"top\":\n      directionSign = \"0, -100%\";\n      break;\n    case \"bottom\":\n      directionSign = \"0, 100%\";\n      break;\n    default:\n      directionSign = \"-100%, 0\";\n  }\n\n  const defaultStyle = (timeout: number): Partial<{ transition: string }> => ({\n    transition: `all ${timeout}ms ease`,\n  });\n\n  const transitionStyles = {\n    entering: {\n      transform: `translate(0,0)`,\n    },\n    entered: {\n      transform: `translate(0,0)`,\n    },\n    exiting: {\n      transform: `translate(${directionSign})`,\n    },\n    exited: {\n      transform: `translate(${directionSign})`,\n    },\n  };\n\n  return (\n    <Transition in={inProp} timeout={timeout} {...rest}>\n      {(state): ReactElement => {\n        return cloneElement(children, {\n          style: {\n            visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n            ...defaultStyle(timeout),\n            ...transitionStyles[state],\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nSlide.displayName = \"Slide\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAsBC,YAAY,QAAQ,OAAO;AAC7D,SAASC,UAAU,QAAQ,wBAAwB;AAUnD,OAAO,MAAMC,KAAiB,GAAGC,IAAA,IAO3B;EAAA,IAP4B;IAChCC,EAAE,EAAEC,MAAM,GAAG,KAAK;IAClBC,QAAQ;IACRC,KAAK;IACLC,OAAO,GAAG,GAAG;IACbC,gBAAgB,GAAG,MAAM;IACzB,GAAGC;EACL,CAAC,GAAAP,IAAA;EACC,IAAIQ,aAAqB;EAEzB,QAAQF,gBAAgB;IACtB,KAAK,OAAO;MACVE,aAAa,GAAG,SAAS;MACzB;IACF,KAAK,KAAK;MACRA,aAAa,GAAG,UAAU;MAC1B;IACF,KAAK,QAAQ;MACXA,aAAa,GAAG,SAAS;MACzB;IACF;MACEA,aAAa,GAAG,UAAU;EAC9B;EAEA,MAAMC,YAAY,GAAIJ,OAAe,KAAuC;IAC1EK,UAAU,WAASL,OAAO;EAC5B,CAAC,CAAC;EAEF,MAAMM,gBAAgB,GAAG;IACvBC,QAAQ,EAAE;MACRC,SAAS;IACX,CAAC;IACDC,OAAO,EAAE;MACPD,SAAS;IACX,CAAC;IACDE,OAAO,EAAE;MACPF,SAAS,iBAAeL,aAAa;IACvC,CAAC;IACDQ,MAAM,EAAE;MACNH,SAAS,iBAAeL,aAAa;IACvC;EACF,CAAC;EAED,oBACEZ,KAAA,CAAAqB,aAAA,CAACnB,UAAU,EAAAoB,QAAA;IAACjB,EAAE,EAAEC,MAAO;IAACG,OAAO,EAAEA;EAAQ,GAAKE,IAAI,GAC9CY,KAAK,IAAmB;IACxB,oBAAOtB,YAAY,CAACM,QAAQ,EAAE;MAC5BC,KAAK,EAAE;QACLgB,UAAU,EAAED,KAAK,KAAK,QAAQ,IAAI,CAACjB,MAAM,GAAG,QAAQ,GAAGmB,SAAS;QAChE,GAAGZ,YAAY,CAACJ,OAAO,CAAC;QACxB,GAAGM,gBAAgB,CAACQ,KAAK,CAAC;QAC1B,GAAGf,KAAK;QACR,GAAGD,QAAQ,CAACmB,KAAK,CAAClB;MACpB;IACF,CAAC,CAAC;EACJ,CACU,CAAC;AAEjB,CAAC;AAEDL,KAAK,CAACwB,WAAW,GAAG,OAAO"}