@activecollab/components 1.0.4 → 1.0.8

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

@@ -1,15 +1,10 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { cloneElement } from 'react';
-import { Transition } from 'react-transition-group';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { cloneElement } from "react";
+import { Transition } from "react-transition-group";
 
 var defaultStyle = function defaultStyle(duration) {
   return {
-    transition: "all ".concat(duration, "ms ease-in-out"),
+    transition: "all " + duration + "ms ease-in-out",
     opacity: 0
   };
 };
@@ -28,31 +23,28 @@ var transitionStyles = {
     opacity: 0
   }
 };
-var Fade = function Fade(_ref) {
+export var Fade = function Fade(_ref) {
   var _ref$in = _ref.in,
       inProp = _ref$in === void 0 ? false : _ref$in,
       onEnter = _ref.onEnter,
       onExited = _ref.onExited,
-      _children = _ref.children,
+      children = _ref.children,
       style = _ref.style,
       _ref$timeout = _ref.timeout,
       timeout = _ref$timeout === void 0 ? 500 : _ref$timeout;
-  return /*#__PURE__*/jsx(Transition, {
+  return /*#__PURE__*/React.createElement(Transition, {
     appear: true,
     in: inProp,
     timeout: timeout,
     onEnter: onEnter,
-    onExited: onExited,
-    children: function children(state) {
-      return /*#__PURE__*/cloneElement(_children, {
-        style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({
-          visibility: state === "exited" && !inProp ? "hidden" : undefined
-        }, defaultStyle(timeout)), transitionStyles[state]), style), _children.props.style)
-      });
-    }
+    onExited: onExited
+  }, function (state) {
+    return /*#__PURE__*/cloneElement(children, {
+      style: _extends({
+        visibility: state === "exited" && !inProp ? "hidden" : undefined
+      }, defaultStyle(timeout), transitionStyles[state], style, children.props.style)
+    });
   });
 };
 Fade.displayName = "Fade";
-
-export { Fade };
-//# sourceMappingURL=Fade.js.map
+//# sourceMappingURL=Fade.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Fade.js","sources":["../../../../../src/components/Transitions/Fade/Fade.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\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  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 500,\n}) => (\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(timeout),\n          ...transitionStyles[state],\n          ...style,\n          ...children.props.style,\n        },\n      });\n    }}\n  </Transition>\n);\n\nFade.displayName = \"Fade\";\n"],"names":["defaultStyle","duration","transition","opacity","transitionStyles","entering","entered","exiting","exited","Fade","in","inProp","onEnter","onExited","children","style","timeout","_jsx","state","cloneElement","visibility","undefined","props","displayName"],"mappings":";;;;;;;;;AASA,IAAMA,YAAY,GAAG,SAAfA,YAAe,CACnBC,QADmB;AAAA,SAEmC;AACtDC,IAAAA,UAAU,gBAASD,QAAT,mBAD4C;AAEtDE,IAAAA,OAAO,EAAE;AAF6C,GAFnC;AAAA,CAArB;;AAOA,IAAMC,gBAAgB,GAAG;AACvBC,EAAAA,QAAQ,EAAE;AAAEF,IAAAA,OAAO,EAAE;AAAX,GADa;AAEvBG,EAAAA,OAAO,EAAE;AAAEH,IAAAA,OAAO,EAAE;AAAX,GAFc;AAGvBI,EAAAA,OAAO,EAAE;AAAEJ,IAAAA,OAAO,EAAE;AAAX,GAHc;AAIvBK,EAAAA,MAAM,EAAE;AAAEL,IAAAA,OAAO,EAAE;AAAX;AAJe,CAAzB;IAOaM,IAAoB,GAAG,SAAvBA,IAAuB;AAAA,qBAClCC,EADkC;AAAA,MAC9BC,MAD8B,wBACrB,KADqB;AAAA,MAElCC,OAFkC,QAElCA,OAFkC;AAAA,MAGlCC,QAHkC,QAGlCA,QAHkC;AAAA,MAIlCC,SAJkC,QAIlCA,QAJkC;AAAA,MAKlCC,KALkC,QAKlCA,KALkC;AAAA,0BAMlCC,OANkC;AAAA,MAMlCA,OANkC,6BAMxB,GANwB;AAAA,sBAQlCC,IAAC,UAAD;AACE,IAAA,MAAM,MADR;AAEE,IAAA,EAAE,EAAEN,MAFN;AAGE,IAAA,OAAO,EAAEK,OAHX;AAIE,IAAA,OAAO,EAAEJ,OAJX;AAKE,IAAA,QAAQ,EAAEC,QALZ;AAAA,cAOG,kBAACK,KAAD,EAAyB;AACxB,0BAAOC,YAAY,CAACL,SAAD,EAAW;AAC5BC,QAAAA,KAAK;AACHK,UAAAA,UAAU,EAAEF,KAAK,KAAK,QAAV,IAAsB,CAACP,MAAvB,GAAgC,QAAhC,GAA2CU;AADpD,WAEArB,YAAY,CAACgB,OAAD,CAFZ,GAGAZ,gBAAgB,CAACc,KAAD,CAHhB,GAIAH,KAJA,GAKAD,SAAQ,CAACQ,KAAT,CAAeP,KALf;AADuB,OAAX,CAAnB;AASD;AAjBH,IARkC;AAAA;AA6BpCN,IAAI,CAACc,WAAL,GAAmB,MAAnB;;;;"}
+{"version":3,"sources":["../../../../../src/components/Transitions/Fade/Fade.tsx"],"names":["React","cloneElement","Transition","defaultStyle","duration","transition","opacity","transitionStyles","entering","entered","exiting","exited","Fade","in","inProp","onEnter","onExited","children","style","timeout","state","visibility","undefined","props","displayName"],"mappings":";AAAA,OAAOA,KAAP,IAAkCC,YAAlC,QAAsD,OAAtD;AACA,SAASC,UAAT,QAA2B,wBAA3B;;AAQA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CACnBC,QADmB;AAAA,SAEmC;AACtDC,IAAAA,UAAU,WAASD,QAAT,mBAD4C;AAEtDE,IAAAA,OAAO,EAAE;AAF6C,GAFnC;AAAA,CAArB;;AAOA,IAAMC,gBAAgB,GAAG;AACvBC,EAAAA,QAAQ,EAAE;AAAEF,IAAAA,OAAO,EAAE;AAAX,GADa;AAEvBG,EAAAA,OAAO,EAAE;AAAEH,IAAAA,OAAO,EAAE;AAAX,GAFc;AAGvBI,EAAAA,OAAO,EAAE;AAAEJ,IAAAA,OAAO,EAAE;AAAX,GAHc;AAIvBK,EAAAA,MAAM,EAAE;AAAEL,IAAAA,OAAO,EAAE;AAAX;AAJe,CAAzB;AAOA,OAAO,IAAMM,IAAoB,GAAG,SAAvBA,IAAuB;AAAA,qBAClCC,EADkC;AAAA,MAC9BC,MAD8B,wBACrB,KADqB;AAAA,MAElCC,OAFkC,QAElCA,OAFkC;AAAA,MAGlCC,QAHkC,QAGlCA,QAHkC;AAAA,MAIlCC,QAJkC,QAIlCA,QAJkC;AAAA,MAKlCC,KALkC,QAKlCA,KALkC;AAAA,0BAMlCC,OANkC;AAAA,MAMlCA,OANkC,6BAMxB,GANwB;AAAA,sBAQlC,oBAAC,UAAD;AACE,IAAA,MAAM,MADR;AAEE,IAAA,EAAE,EAAEL,MAFN;AAGE,IAAA,OAAO,EAAEK,OAHX;AAIE,IAAA,OAAO,EAAEJ,OAJX;AAKE,IAAA,QAAQ,EAAEC;AALZ,KAOG,UAACI,KAAD,EAAyB;AACxB,wBAAOnB,YAAY,CAACgB,QAAD,EAAW;AAC5BC,MAAAA,KAAK;AACHG,QAAAA,UAAU,EAAED,KAAK,KAAK,QAAV,IAAsB,CAACN,MAAvB,GAAgC,QAAhC,GAA2CQ;AADpD,SAEAnB,YAAY,CAACgB,OAAD,CAFZ,EAGAZ,gBAAgB,CAACa,KAAD,CAHhB,EAIAF,KAJA,EAKAD,QAAQ,CAACM,KAAT,CAAeL,KALf;AADuB,KAAX,CAAnB;AASD,GAjBH,CARkC;AAAA,CAA7B;AA6BPN,IAAI,CAACY,WAAL,GAAmB,MAAnB","sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\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  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 500,\n}) => (\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(timeout),\n          ...transitionStyles[state],\n          ...style,\n          ...children.props.style,\n        },\n      });\n    }}\n  </Transition>\n);\n\nFade.displayName = \"Fade\";\n"],"file":"Fade.js"}

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

@@ -0,0 +1,2 @@
+export * from "./Fade";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Transitions/Fade/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAd","sourcesContent":["export * from \"./Fade\";\n"],"file":"index.js"}

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

@@ -1,11 +1,6 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { cloneElement } from 'react';
-import { Transition } from 'react-transition-group';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { cloneElement } from "react";
+import { Transition } from "react-transition-group";
 var defaultStyle = {
   transitionProperty: "opacity, transform",
   transitionDuration: ".15s, .10s, .15s",
@@ -33,31 +28,28 @@ var transitionStyles = {
     transform: "scale(.85)"
   }
 };
-var FromElement = function FromElement(_ref) {
+export var FromElement = function FromElement(_ref) {
   var _ref$in = _ref.in,
       inProp = _ref$in === void 0 ? false : _ref$in,
       onEnter = _ref.onEnter,
       onExited = _ref.onExited,
-      _children = _ref.children,
+      children = _ref.children,
       style = _ref.style,
       _ref$timeout = _ref.timeout,
       timeout = _ref$timeout === void 0 ? 1000 : _ref$timeout;
-  return /*#__PURE__*/jsx(Transition, {
+  return /*#__PURE__*/React.createElement(Transition, {
     appear: true,
     in: inProp,
     timeout: timeout,
     onEnter: onEnter,
-    onExited: onExited,
-    children: function children(state) {
-      return /*#__PURE__*/cloneElement(_children, {
-        style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({
-          visibility: state === "exited" && !inProp ? "hidden" : undefined
-        }, defaultStyle), transitionStyles[state]), style), _children.props.style)
-      });
-    }
+    onExited: onExited
+  }, function (state) {
+    return /*#__PURE__*/cloneElement(children, {
+      style: _extends({
+        visibility: state === "exited" && !inProp ? "hidden" : undefined
+      }, defaultStyle, transitionStyles[state], style, children.props.style)
+    });
   });
 };
 FromElement.displayName = "FromElement";
-
-export { FromElement };
-//# sourceMappingURL=FromElement.js.map
+//# sourceMappingURL=FromElement.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FromElement.js","sources":["../../../../../src/components/Transitions/FromElement/FromElement.tsx"],"sourcesContent":["import React, { ReactElement, FC, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\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"],"names":["defaultStyle","transitionProperty","transitionDuration","transitionTimingFunction","transformOrigin","transform","opacity","transitionStyles","entering","transitionDelay","entered","exiting","exited","FromElement","in","inProp","onEnter","onExited","children","style","timeout","_jsx","state","cloneElement","visibility","undefined","props","displayName"],"mappings":";;;;;;;;AAQA,IAAMA,YAAY,GAAG;AACnBC,EAAAA,kBAAkB,EAAE,oBADD;AAEnBC,EAAAA,kBAAkB,EAAE,kBAFD;AAGnBC,EAAAA,wBAAwB,EAAE,iDAHP;AAInBC,EAAAA,eAAe,EAAE,OAJE;AAKnBC,EAAAA,SAAS,EAAE,YALQ;AAMnBC,EAAAA,OAAO,EAAE;AANU,CAArB;AASA,IAAMC,gBAAgB,GAAG;AACvBC,EAAAA,QAAQ,EAAE;AAAEF,IAAAA,OAAO,EAAE,CAAX;AAAcD,IAAAA,SAAS,EAAE,UAAzB;AAAqCI,IAAAA,eAAe,EAAE;AAAtD,GADa;AAEvBC,EAAAA,OAAO,EAAE;AAAEJ,IAAAA,OAAO,EAAE,CAAX;AAAcD,IAAAA,SAAS,EAAE;AAAzB,GAFc;AAGvBM,EAAAA,OAAO,EAAE;AAAEL,IAAAA,OAAO,EAAE,CAAX;AAAcD,IAAAA,SAAS,EAAE;AAAzB,GAHc;AAIvBO,EAAAA,MAAM,EAAE;AAAEN,IAAAA,OAAO,EAAE,CAAX;AAAcD,IAAAA,SAAS,EAAE;AAAzB;AAJe,CAAzB;IAOaQ,WAAkC,GAAG,SAArCA,WAAqC,OAO5C;AAAA,qBANJC,EAMI;AAAA,MANAC,MAMA,wBANS,KAMT;AAAA,MALJC,OAKI,QALJA,OAKI;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,SAGI,QAHJA,QAGI;AAAA,MAFJC,KAEI,QAFJA,KAEI;AAAA,0BADJC,OACI;AAAA,MADJA,OACI,6BADM,IACN;AACJ,sBACEC,IAAC,UAAD;AACE,IAAA,MAAM,MADR;AAEE,IAAA,EAAE,EAAEN,MAFN;AAGE,IAAA,OAAO,EAAEK,OAHX;AAIE,IAAA,OAAO,EAAEJ,OAJX;AAKE,IAAA,QAAQ,EAAEC,QALZ;AAAA,cAOG,kBAACK,KAAD,EAAyB;AACxB,0BAAOC,YAAY,CAACL,SAAD,EAAW;AAC5BC,QAAAA,KAAK;AACHK,UAAAA,UAAU,EAAEF,KAAK,KAAK,QAAV,IAAsB,CAACP,MAAvB,GAAgC,QAAhC,GAA2CU;AADpD,WAEAzB,YAFA,GAGAO,gBAAgB,CAACe,KAAD,CAHhB,GAIAH,KAJA,GAKAD,SAAQ,CAACQ,KAAT,CAAeP,KALf;AADuB,OAAX,CAAnB;AASD;AAjBH,IADF;AAqBD;AAEDN,WAAW,CAACc,WAAZ,GAA0B,aAA1B;;;;"}
+{"version":3,"sources":["../../../../../src/components/Transitions/FromElement/FromElement.tsx"],"names":["React","cloneElement","Transition","defaultStyle","transitionProperty","transitionDuration","transitionTimingFunction","transformOrigin","transform","opacity","transitionStyles","entering","transitionDelay","entered","exiting","exited","FromElement","in","inProp","onEnter","onExited","children","style","timeout","state","visibility","undefined","props","displayName"],"mappings":";AAAA,OAAOA,KAAP,IAAkCC,YAAlC,QAAsD,OAAtD;AACA,SAASC,UAAT,QAA2B,wBAA3B;AAOA,IAAMC,YAAY,GAAG;AACnBC,EAAAA,kBAAkB,EAAE,oBADD;AAEnBC,EAAAA,kBAAkB,EAAE,kBAFD;AAGnBC,EAAAA,wBAAwB,EAAE,iDAHP;AAInBC,EAAAA,eAAe,EAAE,OAJE;AAKnBC,EAAAA,SAAS,EAAE,YALQ;AAMnBC,EAAAA,OAAO,EAAE;AANU,CAArB;AASA,IAAMC,gBAAgB,GAAG;AACvBC,EAAAA,QAAQ,EAAE;AAAEF,IAAAA,OAAO,EAAE,CAAX;AAAcD,IAAAA,SAAS,EAAE,UAAzB;AAAqCI,IAAAA,eAAe,EAAE;AAAtD,GADa;AAEvBC,EAAAA,OAAO,EAAE;AAAEJ,IAAAA,OAAO,EAAE,CAAX;AAAcD,IAAAA,SAAS,EAAE;AAAzB,GAFc;AAGvBM,EAAAA,OAAO,EAAE;AAAEL,IAAAA,OAAO,EAAE,CAAX;AAAcD,IAAAA,SAAS,EAAE;AAAzB,GAHc;AAIvBO,EAAAA,MAAM,EAAE;AAAEN,IAAAA,OAAO,EAAE,CAAX;AAAcD,IAAAA,SAAS,EAAE;AAAzB;AAJe,CAAzB;AAOA,OAAO,IAAMQ,WAAkC,GAAG,SAArCA,WAAqC,OAO5C;AAAA,qBANJC,EAMI;AAAA,MANAC,MAMA,wBANS,KAMT;AAAA,MALJC,OAKI,QALJA,OAKI;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,KAEI,QAFJA,KAEI;AAAA,0BADJC,OACI;AAAA,MADJA,OACI,6BADM,IACN;AACJ,sBACE,oBAAC,UAAD;AACE,IAAA,MAAM,MADR;AAEE,IAAA,EAAE,EAAEL,MAFN;AAGE,IAAA,OAAO,EAAEK,OAHX;AAIE,IAAA,OAAO,EAAEJ,OAJX;AAKE,IAAA,QAAQ,EAAEC;AALZ,KAOG,UAACI,KAAD,EAAyB;AACxB,wBAAOvB,YAAY,CAACoB,QAAD,EAAW;AAC5BC,MAAAA,KAAK;AACHG,QAAAA,UAAU,EAAED,KAAK,KAAK,QAAV,IAAsB,CAACN,MAAvB,GAAgC,QAAhC,GAA2CQ;AADpD,SAEAvB,YAFA,EAGAO,gBAAgB,CAACc,KAAD,CAHhB,EAIAF,KAJA,EAKAD,QAAQ,CAACM,KAAT,CAAeL,KALf;AADuB,KAAX,CAAnB;AASD,GAjBH,CADF;AAqBD,CA7BM;AA+BPN,WAAW,CAACY,WAAZ,GAA0B,aAA1B","sourcesContent":["import React, { ReactElement, FC, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\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"],"file":"FromElement.js"}

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

@@ -0,0 +1,2 @@
+export * from "./FromElement";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Transitions/FromElement/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAd","sourcesContent":["export * from \"./FromElement\";\n"],"file":"index.js"}

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

@@ -1,43 +1,35 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { useMemo, cloneElement } from 'react';
-import { Transition } from 'react-transition-group';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var ResizeTransition = function ResizeTransition(_ref) {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { cloneElement, useMemo } from "react";
+import { Transition } from "react-transition-group";
+export var ResizeTransition = function ResizeTransition(_ref) {
   var _ref$in = _ref.in,
       inProp = _ref$in === void 0 ? false : _ref$in,
       onEnter = _ref.onEnter,
       onExited = _ref.onExited,
-      _children = _ref.children,
+      children = _ref.children,
       style = _ref.style,
       _ref$timeout = _ref.timeout,
       timeout = _ref$timeout === void 0 ? 200 : _ref$timeout;
   var defaultStyle = useMemo(function () {
     return {
       transitionProperty: "width, height",
-      transitionDuration: "".concat(timeout, "ms"),
+      transitionDuration: timeout + "ms",
       transitionTimingFunction: "ease"
     };
   }, [timeout]);
-  return /*#__PURE__*/jsx(Transition, {
+  return /*#__PURE__*/React.createElement(Transition, {
     appear: true,
     in: inProp,
     timeout: timeout,
     onEnter: onEnter,
-    onExited: onExited,
-    children: function children(state) {
-      return /*#__PURE__*/cloneElement(_children, {
-        style: _objectSpread(_objectSpread(_objectSpread({
-          visibility: state === "exited" && !inProp ? "hidden" : undefined
-        }, defaultStyle), style), _children.props.style)
-      });
-    }
+    onExited: onExited
+  }, function (state) {
+    return /*#__PURE__*/cloneElement(children, {
+      style: _extends({
+        visibility: state === "exited" && !inProp ? "hidden" : undefined
+      }, defaultStyle, style, children.props.style)
+    });
   });
 };
 ResizeTransition.displayName = "ResizeTransition";
-
-export { ResizeTransition };
-//# sourceMappingURL=ResizeTransition.js.map
+//# sourceMappingURL=ResizeTransition.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ResizeTransition.js","sources":["../../../../../src/components/Transitions/ResizeTransition/ResizeTransition.tsx"],"sourcesContent":["import React, { ReactElement, FC, cloneElement, useMemo } from \"react\";\nimport { Transition } from \"react-transition-group\";\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"],"names":["ResizeTransition","in","inProp","onEnter","onExited","children","style","timeout","defaultStyle","useMemo","transitionProperty","transitionDuration","transitionTimingFunction","_jsx","state","cloneElement","visibility","undefined","props","displayName"],"mappings":";;;;;;;;IAQaA,gBAAuC,GAAG,SAA1CA,gBAA0C,OAOjD;AAAA,qBANJC,EAMI;AAAA,MANAC,MAMA,wBANS,KAMT;AAAA,MALJC,OAKI,QALJA,OAKI;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,SAGI,QAHJA,QAGI;AAAA,MAFJC,KAEI,QAFJA,KAEI;AAAA,0BADJC,OACI;AAAA,MADJA,OACI,6BADM,GACN;AACJ,MAAMC,YAAY,GAAGC,OAAO,CAAC,YAAM;AACjC,WAAO;AACLC,MAAAA,kBAAkB,EAAE,eADf;AAELC,MAAAA,kBAAkB,YAAKJ,OAAL,OAFb;AAGLK,MAAAA,wBAAwB,EAAE;AAHrB,KAAP;AAKD,GAN2B,EAMzB,CAACL,OAAD,CANyB,CAA5B;AAQA,sBACEM,IAAC,UAAD;AACE,IAAA,MAAM,MADR;AAEE,IAAA,EAAE,EAAEX,MAFN;AAGE,IAAA,OAAO,EAAEK,OAHX;AAIE,IAAA,OAAO,EAAEJ,OAJX;AAKE,IAAA,QAAQ,EAAEC,QALZ;AAAA,cAOG,kBAACU,KAAD,EAAyB;AACxB,0BAAOC,YAAY,CAACV,SAAD,EAAW;AAC5BC,QAAAA,KAAK;AACHU,UAAAA,UAAU,EAAEF,KAAK,KAAK,QAAV,IAAsB,CAACZ,MAAvB,GAAgC,QAAhC,GAA2Ce;AADpD,WAEAT,YAFA,GAGAF,KAHA,GAIAD,SAAQ,CAACa,KAAT,CAAeZ,KAJf;AADuB,OAAX,CAAnB;AAQD;AAhBH,IADF;AAoBD;AAEDN,gBAAgB,CAACmB,WAAjB,GAA+B,kBAA/B;;;;"}
+{"version":3,"sources":["../../../../../src/components/Transitions/ResizeTransition/ResizeTransition.tsx"],"names":["React","cloneElement","useMemo","Transition","ResizeTransition","in","inProp","onEnter","onExited","children","style","timeout","defaultStyle","transitionProperty","transitionDuration","transitionTimingFunction","state","visibility","undefined","props","displayName"],"mappings":";AAAA,OAAOA,KAAP,IAAkCC,YAAlC,EAAgDC,OAAhD,QAA+D,OAA/D;AACA,SAASC,UAAT,QAA2B,wBAA3B;AAOA,OAAO,IAAMC,gBAAuC,GAAG,SAA1CA,gBAA0C,OAOjD;AAAA,qBANJC,EAMI;AAAA,MANAC,MAMA,wBANS,KAMT;AAAA,MALJC,OAKI,QALJA,OAKI;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,KAEI,QAFJA,KAEI;AAAA,0BADJC,OACI;AAAA,MADJA,OACI,6BADM,GACN;AACJ,MAAMC,YAAY,GAAGV,OAAO,CAAC,YAAM;AACjC,WAAO;AACLW,MAAAA,kBAAkB,EAAE,eADf;AAELC,MAAAA,kBAAkB,EAAKH,OAAL,OAFb;AAGLI,MAAAA,wBAAwB,EAAE;AAHrB,KAAP;AAKD,GAN2B,EAMzB,CAACJ,OAAD,CANyB,CAA5B;AAQA,sBACE,oBAAC,UAAD;AACE,IAAA,MAAM,MADR;AAEE,IAAA,EAAE,EAAEL,MAFN;AAGE,IAAA,OAAO,EAAEK,OAHX;AAIE,IAAA,OAAO,EAAEJ,OAJX;AAKE,IAAA,QAAQ,EAAEC;AALZ,KAOG,UAACQ,KAAD,EAAyB;AACxB,wBAAOf,YAAY,CAACQ,QAAD,EAAW;AAC5BC,MAAAA,KAAK;AACHO,QAAAA,UAAU,EAAED,KAAK,KAAK,QAAV,IAAsB,CAACV,MAAvB,GAAgC,QAAhC,GAA2CY;AADpD,SAEAN,YAFA,EAGAF,KAHA,EAIAD,QAAQ,CAACU,KAAT,CAAeT,KAJf;AADuB,KAAX,CAAnB;AAQD,GAhBH,CADF;AAoBD,CApCM;AAsCPN,gBAAgB,CAACgB,WAAjB,GAA+B,kBAA/B","sourcesContent":["import React, { ReactElement, FC, cloneElement, useMemo } from \"react\";\nimport { Transition } from \"react-transition-group\";\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"],"file":"ResizeTransition.js"}

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

@@ -0,0 +1,2 @@
+export * from "./ResizeTransition";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Transitions/ResizeTransition/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAd","sourcesContent":["export * from \"./ResizeTransition\";\n"],"file":"index.js"}

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

@@ -1,15 +1,10 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { cloneElement } from 'react';
-import { Transition } from 'react-transition-group';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { cloneElement } from "react";
+import { Transition } from "react-transition-group";
 
 var defaultStyle = function defaultStyle(duration) {
   return {
-    transition: "all ".concat(duration, "ms ease-in"),
+    transition: "all " + duration + "ms ease-in",
     transform: "scaleX(0)",
     opacity: 0,
     transformOrigin: "left"
@@ -34,29 +29,26 @@ var transitionStyles = {
     opacity: 0
   }
 };
-var Reveal = function Reveal(_ref) {
+export var Reveal = function Reveal(_ref) {
   var _ref$in = _ref.in,
       inProp = _ref$in === void 0 ? false : _ref$in,
       onEnter = _ref.onEnter,
       onExited = _ref.onExited,
-      _children = _ref.children,
+      children = _ref.children,
       style = _ref.style,
       _ref$timeout = _ref.timeout,
       timeout = _ref$timeout === void 0 ? 200 : _ref$timeout;
-  return /*#__PURE__*/jsx(Transition, {
+  return /*#__PURE__*/React.createElement(Transition, {
     appear: true,
     in: inProp,
     timeout: timeout,
     onEnter: onEnter,
-    onExited: onExited,
-    children: function children(state) {
-      return /*#__PURE__*/cloneElement(_children, {
-        style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, defaultStyle(inProp ? timeout : 0)), transitionStyles[state]), style), _children.props.style)
-      });
-    }
+    onExited: onExited
+  }, function (state) {
+    return /*#__PURE__*/cloneElement(children, {
+      style: _extends({}, defaultStyle(inProp ? timeout : 0), transitionStyles[state], style, children.props.style)
+    });
   });
 };
 Reveal.displayName = "Reveal";
-
-export { Reveal };
-//# sourceMappingURL=Reveal.js.map
+//# sourceMappingURL=Reveal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Reveal.js","sources":["../../../../../src/components/Transitions/Reveal/Reveal.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\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  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 200,\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            ...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"],"names":["defaultStyle","duration","transition","transform","opacity","transformOrigin","transitionStyles","entering","entered","exiting","exited","Reveal","in","inProp","onEnter","onExited","children","style","timeout","_jsx","state","cloneElement","props","displayName"],"mappings":";;;;;;;;;AAUA,IAAMA,YAAY,GAAG,SAAfA,YAAe,CACnBC,QADmB;AAAA,SAOd;AACLC,IAAAA,UAAU,gBAASD,QAAT,eADL;AAELE,IAAAA,SAAS,aAFJ;AAGLC,IAAAA,OAAO,EAAE,CAHJ;AAILC,IAAAA,eAAe,EAAE;AAJZ,GAPc;AAAA,CAArB;;AAcA,IAAMC,gBAAgB,GAAG;AACvBC,EAAAA,QAAQ,EAAE;AAAEJ,IAAAA,SAAS,aAAX;AAA0BC,IAAAA,OAAO,EAAE;AAAnC,GADa;AAEvBI,EAAAA,OAAO,EAAE;AAAEL,IAAAA,SAAS,aAAX;AAA0BC,IAAAA,OAAO,EAAE;AAAnC,GAFc;AAGvBK,EAAAA,OAAO,EAAE;AAAEN,IAAAA,SAAS,aAAX;AAA0BC,IAAAA,OAAO,EAAE;AAAnC,GAHc;AAIvBM,EAAAA,MAAM,EAAE;AAAEP,IAAAA,SAAS,aAAX;AAA0BC,IAAAA,OAAO,EAAE;AAAnC;AAJe,CAAzB;IAOaO,MAAwB,GAAG,SAA3BA,MAA2B,OAOlC;AAAA,qBANJC,EAMI;AAAA,MANAC,MAMA,wBANS,KAMT;AAAA,MALJC,OAKI,QALJA,OAKI;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,SAGI,QAHJA,QAGI;AAAA,MAFJC,KAEI,QAFJA,KAEI;AAAA,0BADJC,OACI;AAAA,MADJA,OACI,6BADM,GACN;AACJ,sBACEC,IAAC,UAAD;AACE,IAAA,MAAM,MADR;AAEE,IAAA,EAAE,EAAEN,MAFN;AAGE,IAAA,OAAO,EAAEK,OAHX;AAIE,IAAA,OAAO,EAAEJ,OAJX;AAKE,IAAA,QAAQ,EAAEC,QALZ;AAAA,cAOG,kBAACK,KAAD,EAAyB;AACxB,0BAAOC,YAAY,CAACL,SAAD,EAAW;AAC5BC,QAAAA,KAAK,8DACAjB,YAAY,CAACa,MAAM,GAAGK,OAAH,GAAa,CAApB,CADZ,GAEAZ,gBAAgB,CAACc,KAAD,CAFhB,GAGAH,KAHA,GAIAD,SAAQ,CAACM,KAAT,CAAeL,KAJf;AADuB,OAAX,CAAnB;AAQD;AAhBH,IADF;AAoBD;AAEDN,MAAM,CAACY,WAAP,GAAqB,QAArB;;;;"}
+{"version":3,"sources":["../../../../../src/components/Transitions/Reveal/Reveal.tsx"],"names":["React","cloneElement","Transition","defaultStyle","duration","transition","transform","opacity","transformOrigin","transitionStyles","entering","entered","exiting","exited","Reveal","in","inProp","onEnter","onExited","children","style","timeout","state","props","displayName"],"mappings":";AAAA,OAAOA,KAAP,IAAkCC,YAAlC,QAAsD,OAAtD;AACA,SAASC,UAAT,QAA2B,wBAA3B;;AASA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CACnBC,QADmB;AAAA,SAOd;AACLC,IAAAA,UAAU,WAASD,QAAT,eADL;AAELE,IAAAA,SAAS,aAFJ;AAGLC,IAAAA,OAAO,EAAE,CAHJ;AAILC,IAAAA,eAAe,EAAE;AAJZ,GAPc;AAAA,CAArB;;AAcA,IAAMC,gBAAgB,GAAG;AACvBC,EAAAA,QAAQ,EAAE;AAAEJ,IAAAA,SAAS,aAAX;AAA0BC,IAAAA,OAAO,EAAE;AAAnC,GADa;AAEvBI,EAAAA,OAAO,EAAE;AAAEL,IAAAA,SAAS,aAAX;AAA0BC,IAAAA,OAAO,EAAE;AAAnC,GAFc;AAGvBK,EAAAA,OAAO,EAAE;AAAEN,IAAAA,SAAS,aAAX;AAA0BC,IAAAA,OAAO,EAAE;AAAnC,GAHc;AAIvBM,EAAAA,MAAM,EAAE;AAAEP,IAAAA,SAAS,aAAX;AAA0BC,IAAAA,OAAO,EAAE;AAAnC;AAJe,CAAzB;AAOA,OAAO,IAAMO,MAAwB,GAAG,SAA3BA,MAA2B,OAOlC;AAAA,qBANJC,EAMI;AAAA,MANAC,MAMA,wBANS,KAMT;AAAA,MALJC,OAKI,QALJA,OAKI;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,KAEI,QAFJA,KAEI;AAAA,0BADJC,OACI;AAAA,MADJA,OACI,6BADM,GACN;AACJ,sBACE,oBAAC,UAAD;AACE,IAAA,MAAM,MADR;AAEE,IAAA,EAAE,EAAEL,MAFN;AAGE,IAAA,OAAO,EAAEK,OAHX;AAIE,IAAA,OAAO,EAAEJ,OAJX;AAKE,IAAA,QAAQ,EAAEC;AALZ,KAOG,UAACI,KAAD,EAAyB;AACxB,wBAAOrB,YAAY,CAACkB,QAAD,EAAW;AAC5BC,MAAAA,KAAK,eACAjB,YAAY,CAACa,MAAM,GAAGK,OAAH,GAAa,CAApB,CADZ,EAEAZ,gBAAgB,CAACa,KAAD,CAFhB,EAGAF,KAHA,EAIAD,QAAQ,CAACI,KAAT,CAAeH,KAJf;AADuB,KAAX,CAAnB;AAQD,GAhBH,CADF;AAoBD,CA5BM;AA8BPN,MAAM,CAACU,WAAP,GAAqB,QAArB","sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\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  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 200,\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            ...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"],"file":"Reveal.js"}

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

@@ -0,0 +1,2 @@
+export * from "./Reveal";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Transitions/Reveal/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd","sourcesContent":["export * from \"./Reveal\";\n"],"file":"index.js"}

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

@@ -1,11 +1,6 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { useMemo, cloneElement } from 'react';
-import { Transition } from 'react-transition-group';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { cloneElement, useMemo } from "react";
+import { Transition } from "react-transition-group";
 var transitionStyles = {
   entered: {
     transform: "scale(1)"
@@ -14,35 +9,32 @@ var transitionStyles = {
     transform: "scale(0)"
   }
 };
-var Scale = function Scale(_ref) {
+export var Scale = function Scale(_ref) {
   var _ref$in = _ref.in,
       inProp = _ref$in === void 0 ? false : _ref$in,
       onEnter = _ref.onEnter,
       onExited = _ref.onExited,
-      _children = _ref.children,
+      children = _ref.children,
       style = _ref.style,
       _ref$timeout = _ref.timeout,
       timeout = _ref$timeout === void 0 ? 200 : _ref$timeout;
   var defaultStyle = useMemo(function () {
     return {
       transitionProperty: "transform",
-      transitionDuration: "".concat(timeout, "ms"),
+      transitionDuration: timeout + "ms",
       transform: "scale(0)"
     };
   }, [timeout]);
-  return /*#__PURE__*/jsx(Transition, {
+  return /*#__PURE__*/React.createElement(Transition, {
     in: inProp,
     timeout: timeout,
     onEnter: onEnter,
-    onExited: onExited,
-    children: function children(state) {
-      return /*#__PURE__*/cloneElement(_children, {
-        style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, defaultStyle), transitionStyles[state]), style), _children.props.style)
-      });
-    }
+    onExited: onExited
+  }, function (state) {
+    return /*#__PURE__*/cloneElement(children, {
+      style: _extends({}, defaultStyle, transitionStyles[state], style, children.props.style)
+    });
   });
 };
 Scale.displayName = "Scale";
-
-export { Scale };
-//# sourceMappingURL=Scale.js.map
+//# sourceMappingURL=Scale.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Scale.js","sources":["../../../../../src/components/Transitions/Scale/Scale.tsx"],"sourcesContent":["import React, { cloneElement, FC, ReactElement, useMemo } from \"react\";\nimport { Transition } from \"react-transition-group\";\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"],"names":["transitionStyles","entered","transform","exiting","Scale","in","inProp","onEnter","onExited","children","style","timeout","defaultStyle","useMemo","transitionProperty","transitionDuration","_jsx","state","cloneElement","props","displayName"],"mappings":";;;;;;;;AAQA,IAAMA,gBAAgB,GAAG;AACvBC,EAAAA,OAAO,EAAE;AAAEC,IAAAA,SAAS,EAAE;AAAb,GADc;AAEvBC,EAAAA,OAAO,EAAE;AAAED,IAAAA,SAAS,EAAE;AAAb;AAFc,CAAzB;IAKaE,KAAiB,GAAG,SAApBA,KAAoB,OAO3B;AAAA,qBANJC,EAMI;AAAA,MANAC,MAMA,wBANS,KAMT;AAAA,MALJC,OAKI,QALJA,OAKI;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,SAGI,QAHJA,QAGI;AAAA,MAFJC,KAEI,QAFJA,KAEI;AAAA,0BADJC,OACI;AAAA,MADJA,OACI,6BADM,GACN;AACJ,MAAMC,YAAY,GAAGC,OAAO,CAAC,YAAM;AACjC,WAAO;AACLC,MAAAA,kBAAkB,EAAE,WADf;AAELC,MAAAA,kBAAkB,YAAKJ,OAAL,OAFb;AAGLT,MAAAA,SAAS,EAAE;AAHN,KAAP;AAKD,GAN2B,EAMzB,CAACS,OAAD,CANyB,CAA5B;AAQA,sBACEK,IAAC,UAAD;AACE,IAAA,EAAE,EAAEV,MADN;AAEE,IAAA,OAAO,EAAEK,OAFX;AAGE,IAAA,OAAO,EAAEJ,OAHX;AAIE,IAAA,QAAQ,EAAEC,QAJZ;AAAA,cAMG,kBAACS,KAAD,EAAyB;AACxB,0BAAOC,YAAY,CAACT,SAAD,EAAW;AAC5BC,QAAAA,KAAK,8DACAE,YADA,GAEAZ,gBAAgB,CAACiB,KAAD,CAFhB,GAGAP,KAHA,GAIAD,SAAQ,CAACU,KAAT,CAAeT,KAJf;AADuB,OAAX,CAAnB;AAQD;AAfH,IADF;AAmBD;AAEDN,KAAK,CAACgB,WAAN,GAAoB,OAApB;;;;"}
+{"version":3,"sources":["../../../../../src/components/Transitions/Scale/Scale.tsx"],"names":["React","cloneElement","useMemo","Transition","transitionStyles","entered","transform","exiting","Scale","in","inProp","onEnter","onExited","children","style","timeout","defaultStyle","transitionProperty","transitionDuration","state","props","displayName"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,YAAhB,EAAgDC,OAAhD,QAA+D,OAA/D;AACA,SAASC,UAAT,QAA2B,wBAA3B;AAOA,IAAMC,gBAAgB,GAAG;AACvBC,EAAAA,OAAO,EAAE;AAAEC,IAAAA,SAAS,EAAE;AAAb,GADc;AAEvBC,EAAAA,OAAO,EAAE;AAAED,IAAAA,SAAS,EAAE;AAAb;AAFc,CAAzB;AAKA,OAAO,IAAME,KAAiB,GAAG,SAApBA,KAAoB,OAO3B;AAAA,qBANJC,EAMI;AAAA,MANAC,MAMA,wBANS,KAMT;AAAA,MALJC,OAKI,QALJA,OAKI;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,KAEI,QAFJA,KAEI;AAAA,0BADJC,OACI;AAAA,MADJA,OACI,6BADM,GACN;AACJ,MAAMC,YAAY,GAAGd,OAAO,CAAC,YAAM;AACjC,WAAO;AACLe,MAAAA,kBAAkB,EAAE,WADf;AAELC,MAAAA,kBAAkB,EAAKH,OAAL,OAFb;AAGLT,MAAAA,SAAS,EAAE;AAHN,KAAP;AAKD,GAN2B,EAMzB,CAACS,OAAD,CANyB,CAA5B;AAQA,sBACE,oBAAC,UAAD;AACE,IAAA,EAAE,EAAEL,MADN;AAEE,IAAA,OAAO,EAAEK,OAFX;AAGE,IAAA,OAAO,EAAEJ,OAHX;AAIE,IAAA,QAAQ,EAAEC;AAJZ,KAMG,UAACO,KAAD,EAAyB;AACxB,wBAAOlB,YAAY,CAACY,QAAD,EAAW;AAC5BC,MAAAA,KAAK,eACAE,YADA,EAEAZ,gBAAgB,CAACe,KAAD,CAFhB,EAGAL,KAHA,EAIAD,QAAQ,CAACO,KAAT,CAAeN,KAJf;AADuB,KAAX,CAAnB;AAQD,GAfH,CADF;AAmBD,CAnCM;AAqCPN,KAAK,CAACa,WAAN,GAAoB,OAApB","sourcesContent":["import React, { cloneElement, FC, ReactElement, useMemo } from \"react\";\nimport { Transition } from \"react-transition-group\";\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"],"file":"Scale.js"}

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

@@ -0,0 +1,2 @@
+export * from "./Scale";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Transitions/Scale/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAd","sourcesContent":["export * from \"./Scale\";\n"],"file":"index.js"}

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

@@ -1,17 +1,12 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { cloneElement } from 'react';
-import { Transition } from 'react-transition-group';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var Slide = function Slide(_ref) {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { cloneElement } from "react";
+import { Transition } from "react-transition-group";
+export var Slide = function Slide(_ref) {
   var _ref$in = _ref.in,
       inProp = _ref$in === void 0 ? false : _ref$in,
       onEnter = _ref.onEnter,
       onExited = _ref.onExited,
-      _children = _ref.children,
+      children = _ref.children,
       style = _ref.style,
       _ref$timeout = _ref.timeout,
       timeout = _ref$timeout === void 0 ? 300 : _ref$timeout,
@@ -38,7 +33,7 @@ var Slide = function Slide(_ref) {
 
   var defaultStyle = function defaultStyle(timeout) {
     return {
-      transition: "all ".concat(timeout, "ms ease")
+      transition: "all " + timeout + "ms ease"
     };
   };
 
@@ -50,28 +45,25 @@ var Slide = function Slide(_ref) {
       transform: "translate(0,0)"
     },
     exiting: {
-      transform: "translate(".concat(directionSign, ")")
+      transform: "translate(" + directionSign + ")"
     },
     exited: {
-      transform: "translate(".concat(directionSign, ")")
+      transform: "translate(" + directionSign + ")"
     }
   };
-  return /*#__PURE__*/jsx(Transition, {
+  return /*#__PURE__*/React.createElement(Transition, {
     appear: true,
     in: inProp,
     timeout: timeout,
     onEnter: onEnter,
-    onExited: onExited,
-    children: function children(state) {
-      return /*#__PURE__*/cloneElement(_children, {
-        style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({
-          visibility: state === "exited" && !inProp ? "hidden" : undefined
-        }, defaultStyle(timeout)), transitionStyles[state]), style), _children.props.style)
-      });
-    }
+    onExited: onExited
+  }, function (state) {
+    return /*#__PURE__*/cloneElement(children, {
+      style: _extends({
+        visibility: state === "exited" && !inProp ? "hidden" : undefined
+      }, defaultStyle(timeout), transitionStyles[state], style, children.props.style)
+    });
   });
 };
 Slide.displayName = "Slide";
-
-export { Slide };
-//# sourceMappingURL=Slide.js.map
+//# sourceMappingURL=Slide.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Slide.js","sources":["../../../../../src/components/Transitions/Slide/Slide.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\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  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 300,\n  initialDirection = \"left\",\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\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(timeout),\n            ...transitionStyles[state],\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nSlide.displayName = \"Slide\";\n"],"names":["Slide","in","inProp","onEnter","onExited","children","style","timeout","initialDirection","directionSign","defaultStyle","transition","transitionStyles","entering","transform","entered","exiting","exited","_jsx","state","cloneElement","visibility","undefined","props","displayName"],"mappings":";;;;;;;;IAUaA,KAAiB,GAAG,SAApBA,KAAoB,OAQ3B;AAAA,qBAPJC,EAOI;AAAA,MAPAC,MAOA,wBAPS,KAOT;AAAA,MANJC,OAMI,QANJA,OAMI;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,MAJJC,SAII,QAJJA,QAII;AAAA,MAHJC,KAGI,QAHJA,KAGI;AAAA,0BAFJC,OAEI;AAAA,MAFJA,OAEI,6BAFM,GAEN;AAAA,mCADJC,gBACI;AAAA,MADJA,gBACI,sCADe,MACf;AACJ,MAAIC,aAAJ;;AAEA,UAAQD,gBAAR;AACE,SAAK,OAAL;AACEC,MAAAA,aAAa,GAAG,SAAhB;AACA;;AACF,SAAK,KAAL;AACEA,MAAAA,aAAa,GAAG,UAAhB;AACA;;AACF,SAAK,QAAL;AACEA,MAAAA,aAAa,GAAG,SAAhB;AACA;;AACF;AACEA,MAAAA,aAAa,GAAG,UAAhB;AAXJ;;AAcA,MAAMC,YAAY,GAAG,SAAfA,YAAe,CAACH,OAAD;AAAA,WAAuD;AAC1EI,MAAAA,UAAU,gBAASJ,OAAT;AADgE,KAAvD;AAAA,GAArB;;AAIA,MAAMK,gBAAgB,GAAG;AACvBC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,SAAS;AADD,KADa;AAIvBC,IAAAA,OAAO,EAAE;AACPD,MAAAA,SAAS;AADF,KAJc;AAOvBE,IAAAA,OAAO,EAAE;AACPF,MAAAA,SAAS,sBAAeL,aAAf;AADF,KAPc;AAUvBQ,IAAAA,MAAM,EAAE;AACNH,MAAAA,SAAS,sBAAeL,aAAf;AADH;AAVe,GAAzB;AAeA,sBACES,IAAC,UAAD;AACE,IAAA,MAAM,MADR;AAEE,IAAA,EAAE,EAAEhB,MAFN;AAGE,IAAA,OAAO,EAAEK,OAHX;AAIE,IAAA,OAAO,EAAEJ,OAJX;AAKE,IAAA,QAAQ,EAAEC,QALZ;AAAA,cAOG,kBAACe,KAAD,EAAyB;AACxB,0BAAOC,YAAY,CAACf,SAAD,EAAW;AAC5BC,QAAAA,KAAK;AACHe,UAAAA,UAAU,EAAEF,KAAK,KAAK,QAAV,IAAsB,CAACjB,MAAvB,GAAgC,QAAhC,GAA2CoB;AADpD,WAEAZ,YAAY,CAACH,OAAD,CAFZ,GAGAK,gBAAgB,CAACO,KAAD,CAHhB,GAIAb,KAJA,GAKAD,SAAQ,CAACkB,KAAT,CAAejB,KALf;AADuB,OAAX,CAAnB;AASD;AAjBH,IADF;AAqBD;AAEDN,KAAK,CAACwB,WAAN,GAAoB,OAApB;;;;"}
+{"version":3,"sources":["../../../../../src/components/Transitions/Slide/Slide.tsx"],"names":["React","cloneElement","Transition","Slide","in","inProp","onEnter","onExited","children","style","timeout","initialDirection","directionSign","defaultStyle","transition","transitionStyles","entering","transform","entered","exiting","exited","state","visibility","undefined","props","displayName"],"mappings":";AAAA,OAAOA,KAAP,IAAkCC,YAAlC,QAAsD,OAAtD;AACA,SAASC,UAAT,QAA2B,wBAA3B;AASA,OAAO,IAAMC,KAAiB,GAAG,SAApBA,KAAoB,OAQ3B;AAAA,qBAPJC,EAOI;AAAA,MAPAC,MAOA,wBAPS,KAOT;AAAA,MANJC,OAMI,QANJA,OAMI;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,KAGI,QAHJA,KAGI;AAAA,0BAFJC,OAEI;AAAA,MAFJA,OAEI,6BAFM,GAEN;AAAA,mCADJC,gBACI;AAAA,MADJA,gBACI,sCADe,MACf;AACJ,MAAIC,aAAJ;;AAEA,UAAQD,gBAAR;AACE,SAAK,OAAL;AACEC,MAAAA,aAAa,GAAG,SAAhB;AACA;;AACF,SAAK,KAAL;AACEA,MAAAA,aAAa,GAAG,UAAhB;AACA;;AACF,SAAK,QAAL;AACEA,MAAAA,aAAa,GAAG,SAAhB;AACA;;AACF;AACEA,MAAAA,aAAa,GAAG,UAAhB;AAXJ;;AAcA,MAAMC,YAAY,GAAG,SAAfA,YAAe,CAACH,OAAD;AAAA,WAAuD;AAC1EI,MAAAA,UAAU,WAASJ,OAAT;AADgE,KAAvD;AAAA,GAArB;;AAIA,MAAMK,gBAAgB,GAAG;AACvBC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,SAAS;AADD,KADa;AAIvBC,IAAAA,OAAO,EAAE;AACPD,MAAAA,SAAS;AADF,KAJc;AAOvBE,IAAAA,OAAO,EAAE;AACPF,MAAAA,SAAS,iBAAeL,aAAf;AADF,KAPc;AAUvBQ,IAAAA,MAAM,EAAE;AACNH,MAAAA,SAAS,iBAAeL,aAAf;AADH;AAVe,GAAzB;AAeA,sBACE,oBAAC,UAAD;AACE,IAAA,MAAM,MADR;AAEE,IAAA,EAAE,EAAEP,MAFN;AAGE,IAAA,OAAO,EAAEK,OAHX;AAIE,IAAA,OAAO,EAAEJ,OAJX;AAKE,IAAA,QAAQ,EAAEC;AALZ,KAOG,UAACc,KAAD,EAAyB;AACxB,wBAAOpB,YAAY,CAACO,QAAD,EAAW;AAC5BC,MAAAA,KAAK;AACHa,QAAAA,UAAU,EAAED,KAAK,KAAK,QAAV,IAAsB,CAAChB,MAAvB,GAAgC,QAAhC,GAA2CkB;AADpD,SAEAV,YAAY,CAACH,OAAD,CAFZ,EAGAK,gBAAgB,CAACM,KAAD,CAHhB,EAIAZ,KAJA,EAKAD,QAAQ,CAACgB,KAAT,CAAef,KALf;AADuB,KAAX,CAAnB;AASD,GAjBH,CADF;AAqBD,CAjEM;AAmEPN,KAAK,CAACsB,WAAN,GAAoB,OAApB","sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\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  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 300,\n  initialDirection = \"left\",\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\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(timeout),\n            ...transitionStyles[state],\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nSlide.displayName = \"Slide\";\n"],"file":"Slide.js"}

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

@@ -0,0 +1,2 @@
+export * from "./Slide";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Transitions/Slide/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAd","sourcesContent":["export * from \"./Slide\";\n"],"file":"index.js"}

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

@@ -1,11 +1,6 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { cloneElement } from 'react';
-import { Transition } from 'react-transition-group';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { cloneElement } from "react";
+import { Transition } from "react-transition-group";
 var defaultStyle = {
   transitionProperty: "opacity, transform",
   transitionTimingFunction: "linear ease-out",
@@ -34,31 +29,28 @@ var transitionStyles = {
     transitionDuration: ".2s"
   }
 };
-var SlideFromTop = function SlideFromTop(_ref) {
+export var SlideFromTop = function SlideFromTop(_ref) {
   var _ref$in = _ref.in,
       inProp = _ref$in === void 0 ? false : _ref$in,
       onEnter = _ref.onEnter,
       onExited = _ref.onExited,
-      _children = _ref.children,
+      children = _ref.children,
       style = _ref.style,
       _ref$timeout = _ref.timeout,
       timeout = _ref$timeout === void 0 ? 400 : _ref$timeout;
-  return /*#__PURE__*/jsx(Transition, {
+  return /*#__PURE__*/React.createElement(Transition, {
     appear: true,
     in: inProp,
     timeout: timeout,
     onEnter: onEnter,
-    onExited: onExited,
-    children: function children(state) {
-      return /*#__PURE__*/cloneElement(_children, {
-        style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({
-          visibility: state === "exited" && !inProp ? "hidden" : undefined
-        }, defaultStyle), transitionStyles[state]), style), _children.props.style)
-      });
-    }
+    onExited: onExited
+  }, function (state) {
+    return /*#__PURE__*/cloneElement(children, {
+      style: _extends({
+        visibility: state === "exited" && !inProp ? "hidden" : undefined
+      }, defaultStyle, transitionStyles[state], style, children.props.style)
+    });
   });
 };
 SlideFromTop.displayName = "SlideFromTop";
-
-export { SlideFromTop };
-//# sourceMappingURL=SlideFromTop.js.map
+//# sourceMappingURL=SlideFromTop.js.map