@activecollab/components 0.1.537 → 1.0.4

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

@@ -0,0 +1,63 @@
+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 defaultStyle = {
+  transitionProperty: "opacity, transform",
+  transitionDuration: ".15s, .10s, .15s",
+  transitionTimingFunction: "ease, ease, cubic-bezier(0.39, 0.575, 0.565, 1)",
+  transformOrigin: "50% 0",
+  transform: "scale(.85)",
+  opacity: 0
+};
+var transitionStyles = {
+  entering: {
+    opacity: 1,
+    transform: "scale(1)",
+    transitionDelay: ".6s"
+  },
+  entered: {
+    opacity: 1,
+    transform: "scale(1)"
+  },
+  exiting: {
+    opacity: 0,
+    transform: "scale(.85)"
+  },
+  exited: {
+    opacity: 0,
+    transform: "scale(.85)"
+  }
+};
+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,
+      style = _ref.style,
+      _ref$timeout = _ref.timeout,
+      timeout = _ref$timeout === void 0 ? 1000 : _ref$timeout;
+  return /*#__PURE__*/jsx(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)
+      });
+    }
+  });
+};
+FromElement.displayName = "FromElement";
+
+export { FromElement };
+//# sourceMappingURL=FromElement.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,43 @@
+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) {
+  var _ref$in = _ref.in,
+      inProp = _ref$in === void 0 ? false : _ref$in,
+      onEnter = _ref.onEnter,
+      onExited = _ref.onExited,
+      _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"),
+      transitionTimingFunction: "ease"
+    };
+  }, [timeout]);
+  return /*#__PURE__*/jsx(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)
+      });
+    }
+  });
+};
+ResizeTransition.displayName = "ResizeTransition";
+
+export { ResizeTransition };
+//# sourceMappingURL=ResizeTransition.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,62 @@
+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 defaultStyle = function defaultStyle(duration) {
+  return {
+    transition: "all ".concat(duration, "ms ease-in"),
+    transform: "scaleX(0)",
+    opacity: 0,
+    transformOrigin: "left"
+  };
+};
+
+var transitionStyles = {
+  entering: {
+    transform: "scaleX(1)",
+    opacity: 1
+  },
+  entered: {
+    transform: "scaleX(1)",
+    opacity: 1
+  },
+  exiting: {
+    transform: "scaleX(0)",
+    opacity: 0
+  },
+  exited: {
+    transform: "scaleX(0)",
+    opacity: 0
+  }
+};
+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,
+      style = _ref.style,
+      _ref$timeout = _ref.timeout,
+      timeout = _ref$timeout === void 0 ? 200 : _ref$timeout;
+  return /*#__PURE__*/jsx(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)
+      });
+    }
+  });
+};
+Reveal.displayName = "Reveal";
+
+export { Reveal };
+//# sourceMappingURL=Reveal.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,48 @@
+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 transitionStyles = {
+  entered: {
+    transform: "scale(1)"
+  },
+  exiting: {
+    transform: "scale(0)"
+  }
+};
+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,
+      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"),
+      transform: "scale(0)"
+    };
+  }, [timeout]);
+  return /*#__PURE__*/jsx(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)
+      });
+    }
+  });
+};
+Scale.displayName = "Scale";
+
+export { Scale };
+//# sourceMappingURL=Scale.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,77 @@
+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) {
+  var _ref$in = _ref.in,
+      inProp = _ref$in === void 0 ? false : _ref$in,
+      onEnter = _ref.onEnter,
+      onExited = _ref.onExited,
+      _children = _ref.children,
+      style = _ref.style,
+      _ref$timeout = _ref.timeout,
+      timeout = _ref$timeout === void 0 ? 300 : _ref$timeout,
+      _ref$initialDirection = _ref.initialDirection,
+      initialDirection = _ref$initialDirection === void 0 ? "left" : _ref$initialDirection;
+  var directionSign;
+
+  switch (initialDirection) {
+    case "right":
+      directionSign = "100%, 0";
+      break;
+
+    case "top":
+      directionSign = "0, -100%";
+      break;
+
+    case "bottom":
+      directionSign = "0, 100%";
+      break;
+
+    default:
+      directionSign = "-100%, 0";
+  }
+
+  var defaultStyle = function defaultStyle(timeout) {
+    return {
+      transition: "all ".concat(timeout, "ms ease")
+    };
+  };
+
+  var transitionStyles = {
+    entering: {
+      transform: "translate(0,0)"
+    },
+    entered: {
+      transform: "translate(0,0)"
+    },
+    exiting: {
+      transform: "translate(".concat(directionSign, ")")
+    },
+    exited: {
+      transform: "translate(".concat(directionSign, ")")
+    }
+  };
+  return /*#__PURE__*/jsx(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)
+      });
+    }
+  });
+};
+Slide.displayName = "Slide";
+
+export { Slide };
+//# sourceMappingURL=Slide.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,64 @@
+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 defaultStyle = {
+  transitionProperty: "opacity, transform",
+  transitionTimingFunction: "linear ease-out",
+  transform: "translateY(-100%)",
+  opacity: 0
+};
+var transitionStyles = {
+  entering: {
+    opacity: 1,
+    transform: "translateY(0)",
+    transitionDuration: ".3s"
+  },
+  entered: {
+    opacity: 1,
+    transform: "translateY(0)",
+    transitionDuration: ".3s"
+  },
+  exiting: {
+    opacity: 0,
+    transform: "translateY(-100%)",
+    transitionDuration: ".2s"
+  },
+  exited: {
+    opacity: 0,
+    transform: "translateY(-100%)",
+    transitionDuration: ".2s"
+  }
+};
+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,
+      style = _ref.style,
+      _ref$timeout = _ref.timeout,
+      timeout = _ref$timeout === void 0 ? 400 : _ref$timeout;
+  return /*#__PURE__*/jsx(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)
+      });
+    }
+  });
+};
+SlideFromTop.displayName = "SlideFromTop";
+
+export { SlideFromTop };
+//# sourceMappingURL=SlideFromTop.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SlideFromTop.js","sources":["../../../../../src/components/Transitions/SlideFromTop/SlideFromTop.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface ISlideFromTop extends Omit<TransitionProps, \"timeout\"> {\n  children: ReactElement;\n  timeout?: number;\n}\n\nconst defaultStyle = {\n  transitionProperty: \"opacity, transform\",\n  transitionTimingFunction: \"linear ease-out\",\n  transform: \"translateY(-100%)\",\n  opacity: 0,\n};\n\nconst transitionStyles = {\n  entering: {\n    opacity: 1,\n    transform: \"translateY(0)\",\n    transitionDuration: \".3s\",\n  },\n  entered: {\n    opacity: 1,\n    transform: \"translateY(0)\",\n    transitionDuration: \".3s\",\n  },\n  exiting: {\n    opacity: 0,\n    transform: \"translateY(-100%)\",\n    transitionDuration: \".2s\",\n  },\n  exited: {\n    opacity: 0,\n    transform: \"translateY(-100%)\",\n    transitionDuration: \".2s\",\n  },\n};\n\nexport const SlideFromTop: FC<ISlideFromTop> = ({\n  in: inProp = false,\n  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 400,\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,\n          ...transitionStyles[state],\n          ...style,\n          ...children.props.style,\n        },\n      });\n    }}\n  </Transition>\n);\n\nSlideFromTop.displayName = \"SlideFromTop\";\n"],"names":["defaultStyle","transitionProperty","transitionTimingFunction","transform","opacity","transitionStyles","entering","transitionDuration","entered","exiting","exited","SlideFromTop","in","inProp","onEnter","onExited","children","style","timeout","_jsx","state","cloneElement","visibility","undefined","props","displayName"],"mappings":";;;;;;;;AASA,IAAMA,YAAY,GAAG;AACnBC,EAAAA,kBAAkB,EAAE,oBADD;AAEnBC,EAAAA,wBAAwB,EAAE,iBAFP;AAGnBC,EAAAA,SAAS,EAAE,mBAHQ;AAInBC,EAAAA,OAAO,EAAE;AAJU,CAArB;AAOA,IAAMC,gBAAgB,GAAG;AACvBC,EAAAA,QAAQ,EAAE;AACRF,IAAAA,OAAO,EAAE,CADD;AAERD,IAAAA,SAAS,EAAE,eAFH;AAGRI,IAAAA,kBAAkB,EAAE;AAHZ,GADa;AAMvBC,EAAAA,OAAO,EAAE;AACPJ,IAAAA,OAAO,EAAE,CADF;AAEPD,IAAAA,SAAS,EAAE,eAFJ;AAGPI,IAAAA,kBAAkB,EAAE;AAHb,GANc;AAWvBE,EAAAA,OAAO,EAAE;AACPL,IAAAA,OAAO,EAAE,CADF;AAEPD,IAAAA,SAAS,EAAE,mBAFJ;AAGPI,IAAAA,kBAAkB,EAAE;AAHb,GAXc;AAgBvBG,EAAAA,MAAM,EAAE;AACNN,IAAAA,OAAO,EAAE,CADH;AAEND,IAAAA,SAAS,EAAE,mBAFL;AAGNI,IAAAA,kBAAkB,EAAE;AAHd;AAhBe,CAAzB;IAuBaI,YAA+B,GAAG,SAAlCA,YAAkC;AAAA,qBAC7CC,EAD6C;AAAA,MACzCC,MADyC,wBAChC,KADgC;AAAA,MAE7CC,OAF6C,QAE7CA,OAF6C;AAAA,MAG7CC,QAH6C,QAG7CA,QAH6C;AAAA,MAI7CC,SAJ6C,QAI7CA,QAJ6C;AAAA,MAK7CC,KAL6C,QAK7CA,KAL6C;AAAA,0BAM7CC,OAN6C;AAAA,MAM7CA,OAN6C,6BAMnC,GANmC;AAAA,sBAQ7CC,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,WAEAvB,YAFA,GAGAK,gBAAgB,CAACe,KAAD,CAHhB,GAIAH,KAJA,GAKAD,SAAQ,CAACQ,KAAT,CAAeP,KALf;AADuB,OAAX,CAAnB;AASD;AAjBH,IAR6C;AAAA;AA6B/CN,YAAY,CAACc,WAAb,GAA2B,cAA3B;;;;"}

package/dist/esm/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.d.ts

@@ -1,5 +1,4 @@
 import { FC, ReactElement } from "react";
-import "./SlideLeftRightTransition.css";
 import { TransitionProps } from "../types";
 interface ISlideLeftRightTransition extends TransitionProps {
     children: ReactElement;

package/dist/esm/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlideLeftRightTransition.d.ts","sourceRoot":"","sources":["../../../../../src/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,gCAAgC,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,UAAU,yBAA0B,SAAQ,eAAe;IACzD,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,yBAAyB,CAelE,CAAC"}
+{"version":3,"file":"SlideLeftRightTransition.d.ts","sourceRoot":"","sources":["../../../../../src/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAG3C,UAAU,yBAA0B,SAAQ,eAAe;IACzD,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,yBAAyB,CAgBlE,CAAC"}

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

@@ -0,0 +1,30 @@
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'react';
+import { StyledSlideLeftRightTransition } from './Styles.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["children", "direction"];
+
+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 SlideLeftRightTransition = function SlideLeftRightTransition(_ref) {
+  var children = _ref.children,
+      _ref$direction = _ref.direction,
+      direction = _ref$direction === void 0 ? "left" : _ref$direction,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/jsx(StyledSlideLeftRightTransition, _objectSpread(_objectSpread({
+    timeout: 200,
+    classNames: "c-slide",
+    unmountOnExit: true,
+    $direction: direction
+  }, props), {}, {
+    children: children
+  }));
+};
+SlideLeftRightTransition.displayName = "SlideLeftRightTransition";
+
+export { SlideLeftRightTransition };
+//# sourceMappingURL=SlideLeftRightTransition.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SlideLeftRightTransition.js","sources":["../../../../../src/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.tsx"],"sourcesContent":["import React, { FC, ReactElement } from \"react\";\nimport { TransitionProps } from \"../types\";\nimport { StyledSlideLeftRightTransition } from \"./Styles\";\n\ninterface ISlideLeftRightTransition extends TransitionProps {\n  children: ReactElement;\n  direction?: \"left\" | \"right\";\n}\n\nexport const SlideLeftRightTransition: FC<ISlideLeftRightTransition> = ({\n  children,\n  direction = \"left\",\n  ...props\n}) => {\n  return (\n    <StyledSlideLeftRightTransition\n      timeout={200}\n      classNames=\"c-slide\"\n      unmountOnExit\n      $direction={direction}\n      {...props}\n    >\n      {children}\n    </StyledSlideLeftRightTransition>\n  );\n};\n\nSlideLeftRightTransition.displayName = \"SlideLeftRightTransition\";\n"],"names":["SlideLeftRightTransition","children","direction","props","_jsx","displayName"],"mappings":";;;;;;;;;;;IASaA,wBAAuD,GAAG,SAA1DA,wBAA0D,OAIjE;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,4BAFJC,SAEI;AAAA,MAFJA,SAEI,+BAFQ,MAER;AAAA,MADDC,KACC;;AACJ,sBACEC,IAAC,8BAAD;AACE,IAAA,OAAO,EAAE,GADX;AAEE,IAAA,UAAU,EAAC,SAFb;AAGE,IAAA,aAAa,MAHf;AAIE,IAAA,UAAU,EAAEF;AAJd,KAKMC,KALN;AAAA,cAOGF;AAPH,KADF;AAWD;AAEDD,wBAAwB,CAACK,WAAzB,GAAuC,0BAAvC;;;;"}

package/dist/esm/components/Transitions/SlideLeftRightTransition/Styles.d.ts

@@ -0,0 +1,5 @@
+import { CSSTransition } from "react-transition-group";
+export declare const StyledSlideLeftRightTransition: import("styled-components").StyledComponent<typeof CSSTransition, any, {
+    $direction: "left" | "right";
+}, never>;
+//# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/Transitions/SlideLeftRightTransition/Styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Transitions/SlideLeftRightTransition/Styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,eAAO,MAAM,8BAA8B;gBAC7B,MAAM,GAAG,OAAO;SA2C7B,CAAC"}

package/dist/esm/components/Transitions/SlideLeftRightTransition/Styles.js

@@ -0,0 +1,15 @@
+import styled, { css } from 'styled-components';
+import { CSSTransition } from 'react-transition-group';
+
+var StyledSlideLeftRightTransition = styled(CSSTransition).withConfig({
+  displayName: "Styles__StyledSlideLeftRightTransition",
+  componentId: "sc-ewkpq8-0"
+})(["", " ", ""], function (props) {
+  return props.$direction === "left" && css(["&.c-slide-enter{position:absolute;transform:translateX(100%);}&.c-slide-enter-active{transform:translateX(0%);transition:all 200ms ease;}&.c-slide-exit{position:absolute;}&.c-slide-exit-active{transform:translateX(-100%);transition:all 200ms ease;}"]);
+}, function (props) {
+  return props.$direction === "right" && css(["&.c-slide-enter{position:absolute;transform:translateX(-100%);}&.c-slide-enter-active{transform:translateX(0%);transition:all 200ms ease;}&.c-slide-exit{position:absolute;}&.c-slide-exit-active{transform:translateX(100%);transition:all 200ms ease;}"]);
+});
+StyledSlideLeftRightTransition.displayName = "StyledSlideLeftRightTransition";
+
+export { StyledSlideLeftRightTransition };
+//# sourceMappingURL=Styles.js.map

package/dist/esm/components/Transitions/SlideLeftRightTransition/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","sources":["../../../../../src/components/Transitions/SlideLeftRightTransition/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { CSSTransition } from \"react-transition-group\";\n\nexport const StyledSlideLeftRightTransition = styled(CSSTransition)<{\n  $direction: \"left\" | \"right\";\n}>`\n  ${(props) =>\n    props.$direction === \"left\" &&\n    css`\n      &.c-slide-enter {\n        position: absolute;\n        transform: translateX(100%);\n      }\n      &.c-slide-enter-active {\n        transform: translateX(0%);\n        transition: all 200ms ease;\n      }\n      &.c-slide-exit {\n        position: absolute;\n      }\n      &.c-slide-exit-active {\n        transform: translateX(-100%);\n        transition: all 200ms ease;\n      }\n    `}\n\n  ${(props) =>\n    props.$direction === \"right\" &&\n    css`\n      &.c-slide-enter {\n        position: absolute;\n        transform: translateX(-100%);\n      }\n      &.c-slide-enter-active {\n        transform: translateX(0%);\n        transition: all 200ms ease;\n      }\n\n      &.c-slide-exit {\n        position: absolute;\n      }\n\n      &.c-slide-exit-active {\n        transform: translateX(100%);\n        transition: all 200ms ease;\n      }\n    `}\n`;\n\nStyledSlideLeftRightTransition.displayName = \"StyledSlideLeftRightTransition\";\n"],"names":["StyledSlideLeftRightTransition","styled","CSSTransition","props","$direction","css","displayName"],"mappings":";;;IAGaA,8BAA8B,GAAGC,MAAM,CAACC,aAAD,CAAT;AAAA;AAAA;AAAA,kBAGvC,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,MAArB,IACAC,GADA,8PADA;AAAA,CAHuC,EAuBvC,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,OAArB,IACAC,GADA,8PADA;AAAA,CAvBuC;AA8C3CL,8BAA8B,CAACM,WAA/B,GAA6C,gCAA7C;;;;"}

package/dist/esm/components/Typography/Styles.d.ts

@@ -0,0 +1,18 @@
+interface IStyledTypographyProps {
+    $variant: "Title 1" | "Header 2" | "Header 3" | "Body 1" | "Body 2" | "Caption 1" | "Caption 2";
+    $italic: boolean;
+    $tabularNums: boolean;
+    $letterSpacing: "tight" | "regular" | "wide";
+    $lineHeight: "tight" | "regular" | "loose";
+    $align: "left" | "center" | "right" | "justify";
+    $decoration: "underline" | "line-through" | "none";
+    $transform: "uppercase" | "lowercase" | "capitalize" | "regular";
+    $overflow: "truncate" | "ellipsis" | "visible";
+    $whitespace: "regular" | "no-wrap";
+    $wordBreak: "regular" | "smart" | "all";
+    $color: "primary" | "secondary" | "tertiary" | "quaternary" | "theme-primary" | "theme-secondary" | "only-white" | "only-black" | "page-paper" | "success" | "alert";
+    $weight?: "light" | "regular" | "medium" | "bold";
+}
+export declare const StyledTypography: import("styled-components").StyledComponent<"div", any, IStyledTypographyProps, never>;
+export {};
+//# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/Typography/Styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Styles.ts"],"names":[],"mappings":"AAKA,UAAU,sBAAsB;IAC9B,QAAQ,EACJ,SAAS,GACT,UAAU,GACV,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,WAAW,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC7C,WAAW,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IAC3C,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAChD,WAAW,EAAE,WAAW,GAAG,cAAc,GAAG,MAAM,CAAC;IACnD,UAAU,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;IACjE,SAAS,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAC/C,WAAW,EAAE,SAAS,GAAG,SAAS,CAAC;IACnC,UAAU,EAAE,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;IACxC,MAAM,EACF,SAAS,GACT,WAAW,GACX,UAAU,GACV,YAAY,GACZ,eAAe,GACf,iBAAiB,GACjB,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,OAAO,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;CACnD;AAgBD,eAAO,MAAM,gBAAgB,wFAgO5B,CAAC"}