@activecollab/components 2.0.265 → 2.0.266

package/dist/esm/components/Tooltip/Tooltip.js

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["children"];
 import React, { useState, forwardRef } from "react";
 import classnames from "classnames";
 import { StyledTooltip } from "./Styles";
@@ -9,9 +11,9 @@ import { Popper } from "../Popper";
 import { FromElement } from "../Transitions/FromElement";
 const TooltipAnimation = _ref => {
   let {
-    children,
-    ...props
-  } = _ref;
+      children
+    } = _ref,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(FromElement, _extends({
     timeout: 0
   }, props), children);
@@ -62,21 +64,25 @@ export const Tooltip = /*#__PURE__*/forwardRef((_ref2, ref) => {
     placement: placement,
     transition: true,
     className: popperTooltipClassName,
-    style: {
-      zIndex,
-      ...popperTooltipStyle
-    },
+    style: _extends({
+      zIndex
+    }, popperTooltipStyle),
     role: "tooltip"
   }, _ref3 => {
     let {
       transitionProps = {}
     } = _ref3;
-    return /*#__PURE__*/React.createElement(TransitionComponent, _extends({}, transitionProps, {
-      style: style
-    }), /*#__PURE__*/React.createElement(StyledTooltip, {
-      className: classnames("c-tooltip-ds", className),
-      $isLight: isLight
-    }, title));
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore - due to @node/types making ts more strict
+      React.createElement(TransitionComponent, _extends({}, transitionProps, {
+        style: style
+      }), /*#__PURE__*/React.createElement(StyledTooltip, {
+        className: classnames("c-tooltip-ds", className),
+        $isLight: isLight
+      }, title))
+    );
   })));
 });
 Tooltip.displayName = "Tooltip";

package/dist/esm/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["React","useState","forwardRef","classnames","StyledTooltip","Portal","useLayerContext","layers","useForkRef","Popper","FromElement","TooltipAnimation","_ref","children","props","createElement","_extends","timeout","Tooltip","_ref2","ref","title","className","style","isLight","placement","TransitionComponent","popperTooltipStyle","popperTooltipClassName","disable","zIndex","skyscraper","open","setOpen","childNode","setChildNode","handleEnter","event","childrenProps","type","onMouseOver","removeAttribute","handleLeave","onMouseLeave","currentTarget","handleOwnRef","handleRef","Fragment","cloneElement","anchorEl","transition","role","_ref3","transitionProps","$isLight","displayName"],"sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useState,\n  CSSProperties,\n  MouseEvent,\n  forwardRef,\n  Ref,\n  FC,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledTooltip } from \"./Styles\";\nimport { Portal, useLayerContext } from \"../../helpers\";\nimport { layers } from \"../../utils\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Popper, Placement } from \"../Popper\";\nimport { TransitionProps } from \"../Transitions\";\nimport { FromElement } from \"../Transitions/FromElement\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\nexport interface ITooltipProps {\n  /** Children element. */\n  children: ElementWithRef<HTMLElement>;\n  /** Title element. */\n  title: ReactElement | string;\n  /** Applies passed styles */\n  style?: CSSProperties;\n  /** Applies passed classes */\n  className?: string;\n  /** Open */\n  open?: boolean;\n  /** Placement */\n  placement?: Placement;\n  /** Transition component */\n  TransitionComponent?: React.FC<TransitionProps>;\n  /** Light tooltip */\n  isLight?: boolean;\n  /** Popper Tooltip style */\n  popperTooltipStyle?: CSSProperties;\n  /** Popper Tooltip class name*/\n  popperTooltipClassName?: string;\n  /** Remove tooltip */\n  disable?: boolean;\n}\n\ninterface ITooltipAnimation extends TransitionProps {\n  children: ReactElement;\n}\n\nconst TooltipAnimation: FC<ITooltipAnimation> = ({ children, ...props }) => {\n  return (\n    <FromElement timeout={0} {...props}>\n      {children}\n    </FromElement>\n  );\n};\n\nexport const Tooltip = forwardRef<HTMLElement, ITooltipProps>(\n  (\n    {\n      children,\n      title,\n      className,\n      style,\n      isLight = false,\n      placement = \"top\",\n      TransitionComponent = TooltipAnimation,\n      popperTooltipStyle,\n      popperTooltipClassName,\n      disable,\n    },\n    ref\n  ) => {\n    const { zIndex = layers.skyscraper } = useLayerContext();\n    const [open, setOpen] = useState(false);\n    const [childNode, setChildNode] = useState<HTMLElement | null>();\n\n    const handleEnter = (event: MouseEvent<HTMLElement>): void => {\n      const childrenProps = children.props;\n\n      if (event.type === \"mouseover\" && childrenProps.onMouseOver) {\n        childrenProps.onMouseOver(event);\n      }\n\n      childNode && childNode.removeAttribute(\"title\");\n\n      setOpen(true);\n    };\n\n    const handleLeave = (event: MouseEvent<HTMLElement>): void => {\n      const childrenProps = children.props;\n\n      if (\n        event.type === \"mouseleave\" &&\n        childrenProps.onMouseLeave &&\n        event.currentTarget === childNode\n      ) {\n        childrenProps.onMouseLeave(event);\n      }\n\n      setOpen(false);\n    };\n\n    const handleOwnRef = useForkRef(children.ref, ref);\n    const handleRef = useForkRef(setChildNode, handleOwnRef);\n\n    const childrenProps = {\n      onMouseOver: handleEnter,\n      onMouseLeave: handleLeave,\n      ref: handleRef,\n    };\n\n    return (\n      <>\n        {React.cloneElement(children, childrenProps)}\n        {!disable && (\n          <Portal>\n            <Popper\n              anchorEl={childNode}\n              open={childNode ? open : false}\n              placement={placement}\n              transition\n              className={popperTooltipClassName}\n              style={{ zIndex, ...popperTooltipStyle }}\n              role=\"tooltip\"\n            >\n              {({ transitionProps = {} }) => (\n                <TransitionComponent {...transitionProps} style={style}>\n                  <StyledTooltip\n                    className={classnames(\"c-tooltip-ds\", className)}\n                    $isLight={isLight}\n                  >\n                    {title}\n                  </StyledTooltip>\n                </TransitionComponent>\n              )}\n            </Popper>\n          </Portal>\n        )}\n      </>\n    );\n  }\n);\n\nTooltip.displayName = \"Tooltip\";\n"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","names":["React","useState","forwardRef","classnames","StyledTooltip","Portal","useLayerContext","layers","useForkRef","Popper","FromElement","TooltipAnimation","_ref","children","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","timeout","Tooltip","_ref2","ref","title","className","style","isLight","placement","TransitionComponent","popperTooltipStyle","popperTooltipClassName","disable","zIndex","skyscraper","open","setOpen","childNode","setChildNode","handleEnter","event","childrenProps","type","onMouseOver","removeAttribute","handleLeave","onMouseLeave","currentTarget","handleOwnRef","handleRef","Fragment","cloneElement","anchorEl","transition","role","_ref3","transitionProps","$isLight","displayName"],"sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useState,\n  CSSProperties,\n  MouseEvent,\n  forwardRef,\n  Ref,\n  FC,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledTooltip } from \"./Styles\";\nimport { Portal, useLayerContext } from \"../../helpers\";\nimport { layers } from \"../../utils\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Popper, Placement } from \"../Popper\";\nimport { TransitionProps } from \"../Transitions\";\nimport { FromElement } from \"../Transitions/FromElement\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\nexport interface ITooltipProps {\n  /** Children element. */\n  children: ElementWithRef<HTMLElement>;\n  /** Title element. */\n  title: ReactElement | string;\n  /** Applies passed styles */\n  style?: CSSProperties;\n  /** Applies passed classes */\n  className?: string;\n  /** Open */\n  open?: boolean;\n  /** Placement */\n  placement?: Placement;\n  /** Transition component */\n  TransitionComponent?: React.FC<TransitionProps>;\n  /** Light tooltip */\n  isLight?: boolean;\n  /** Popper Tooltip style */\n  popperTooltipStyle?: CSSProperties;\n  /** Popper Tooltip class name*/\n  popperTooltipClassName?: string;\n  /** Remove tooltip */\n  disable?: boolean;\n}\n\ninterface ITooltipAnimation extends TransitionProps {\n  children: ReactElement;\n}\n\nconst TooltipAnimation: FC<ITooltipAnimation> = ({ children, ...props }) => {\n  return (\n    <FromElement timeout={0} {...props}>\n      {children}\n    </FromElement>\n  );\n};\n\nexport const Tooltip = forwardRef<HTMLElement, ITooltipProps>(\n  (\n    {\n      children,\n      title,\n      className,\n      style,\n      isLight = false,\n      placement = \"top\",\n      TransitionComponent = TooltipAnimation,\n      popperTooltipStyle,\n      popperTooltipClassName,\n      disable,\n    },\n    ref\n  ) => {\n    const { zIndex = layers.skyscraper } = useLayerContext();\n    const [open, setOpen] = useState(false);\n    const [childNode, setChildNode] = useState<HTMLElement | null>();\n\n    const handleEnter = (event: MouseEvent<HTMLElement>): void => {\n      const childrenProps = children.props;\n\n      if (event.type === \"mouseover\" && childrenProps.onMouseOver) {\n        childrenProps.onMouseOver(event);\n      }\n\n      childNode && childNode.removeAttribute(\"title\");\n\n      setOpen(true);\n    };\n\n    const handleLeave = (event: MouseEvent<HTMLElement>): void => {\n      const childrenProps = children.props;\n\n      if (\n        event.type === \"mouseleave\" &&\n        childrenProps.onMouseLeave &&\n        event.currentTarget === childNode\n      ) {\n        childrenProps.onMouseLeave(event);\n      }\n\n      setOpen(false);\n    };\n\n    const handleOwnRef = useForkRef(children.ref, ref);\n    const handleRef = useForkRef(setChildNode, handleOwnRef);\n\n    const childrenProps = {\n      onMouseOver: handleEnter,\n      onMouseLeave: handleLeave,\n      ref: handleRef,\n    };\n\n    return (\n      <>\n        {React.cloneElement(children, childrenProps)}\n        {!disable && (\n          <Portal>\n            <Popper\n              anchorEl={childNode}\n              open={childNode ? open : false}\n              placement={placement}\n              transition\n              className={popperTooltipClassName}\n              style={{ zIndex, ...popperTooltipStyle }}\n              role=\"tooltip\"\n            >\n              {({ transitionProps = {} }) => (\n                // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                // @ts-ignore - due to @node/types making ts more strict\n                <TransitionComponent {...transitionProps} style={style}>\n                  <StyledTooltip\n                    className={classnames(\"c-tooltip-ds\", className)}\n                    $isLight={isLight}\n                  >\n                    {title}\n                  </StyledTooltip>\n                </TransitionComponent>\n              )}\n            </Popper>\n          </Portal>\n        )}\n      </>\n    );\n  }\n);\n\nTooltip.displayName = \"Tooltip\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/Tooltip/index.js.map

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

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

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["in", "children", "style", "timeout"];
 import React, { cloneElement } from "react";
 import { Transition } from "react-transition-group";
 const defaultStyle = duration => ({
@@ -21,25 +23,21 @@ const transitionStyles = {
 };
 export const Fade = _ref => {
   let {
-    in: inProp = false,
-    children,
-    style,
-    timeout = 500,
-    ...rest
-  } = _ref;
+      in: inProp = false,
+      children,
+      style,
+      timeout = 500
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Transition, _extends({
     appear: true,
     in: inProp,
     timeout: timeout
   }, rest), state => {
     return /*#__PURE__*/cloneElement(children, {
-      style: {
-        visibility: state === "exited" && !inProp ? "hidden" : undefined,
-        ...defaultStyle(timeout),
-        ...transitionStyles[state],
-        ...style,
-        ...children.props.style
-      }
+      style: _extends({
+        visibility: state === "exited" && !inProp ? "hidden" : undefined
+      }, defaultStyle(timeout), transitionStyles[state], style, children.props.style)
     });
   });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Fade.js","names":["React","cloneElement","Transition","defaultStyle","duration","transition","opacity","transitionStyles","entering","entered","exiting","exited","Fade","_ref","in","inProp","children","style","timeout","rest","createElement","_extends","appear","state","visibility","undefined","props","displayName"],"sources":["../../../../../src/components/Transitions/Fade/Fade.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { TransitionProps } from \"../types\";\n\ninterface IFadeProps extends Omit<TransitionProps, \"timeout\"> {\n  children: ReactElement;\n  timeout?: number;\n}\n\nconst defaultStyle = (\n  duration: number\n): Partial<{ transition: string; opacity: number }> => ({\n  transition: `all ${duration}ms ease-in-out`,\n  opacity: 0,\n});\n\nconst transitionStyles = {\n  entering: { opacity: 1 },\n  entered: { opacity: 1 },\n  exiting: { opacity: 0 },\n  exited: { opacity: 0 },\n};\n\nexport const Fade: FC<IFadeProps> = ({\n  in: inProp = false,\n  children,\n  style,\n  timeout = 500,\n  ...rest\n}) => (\n  <Transition appear in={inProp} timeout={timeout} {...rest}>\n    {(state): ReactElement => {\n      return cloneElement(children, {\n        style: {\n          visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n          ...defaultStyle(timeout),\n          ...transitionStyles[state],\n          ...style,\n          ...children.props.style,\n        },\n      });\n    }}\n  </Transition>\n);\n\nFade.displayName = \"Fade\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAsBC,YAAY,QAAQ,OAAO;AAC7D,SAASC,UAAU,QAAQ,wBAAwB;AASnD,MAAMC,YAAY,GAChBC,QAAgB,KACsC;EACtDC,UAAU,WAASD,QAAQ,mBAAgB;EAC3CE,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,MAAMC,gBAAgB,GAAG;EACvBC,QAAQ,EAAE;IAAEF,OAAO,EAAE;EAAE,CAAC;EACxBG,OAAO,EAAE;IAAEH,OAAO,EAAE;EAAE,CAAC;EACvBI,OAAO,EAAE;IAAEJ,OAAO,EAAE;EAAE,CAAC;EACvBK,MAAM,EAAE;IAAEL,OAAO,EAAE;EAAE;AACvB,CAAC;AAED,OAAO,MAAMM,IAAoB,GAAGC,IAAA;EAAA,IAAC;IACnCC,EAAE,EAAEC,MAAM,GAAG,KAAK;IAClBC,QAAQ;IACRC,KAAK;IACLC,OAAO,GAAG,GAAG;IACb,GAAGC;EACL,CAAC,GAAAN,IAAA;EAAA,oBACCb,KAAA,CAAAoB,aAAA,CAAClB,UAAU,EAAAmB,QAAA;IAACC,MAAM;IAACR,EAAE,EAAEC,MAAO;IAACG,OAAO,EAAEA;EAAQ,GAAKC,IAAI,GACrDI,KAAK,IAAmB;IACxB,oBAAOtB,YAAY,CAACe,QAAQ,EAAE;MAC5BC,KAAK,EAAE;QACLO,UAAU,EAAED,KAAK,KAAK,QAAQ,IAAI,CAACR,MAAM,GAAG,QAAQ,GAAGU,SAAS;QAChE,GAAGtB,YAAY,CAACe,OAAO,CAAC;QACxB,GAAGX,gBAAgB,CAACgB,KAAK,CAAC;QAC1B,GAAGN,KAAK;QACR,GAAGD,QAAQ,CAACU,KAAK,CAACT;MACpB;IACF,CAAC,CAAC;EACJ,CACU,CAAC;AAAA,CACd;AAEDL,IAAI,CAACe,WAAW,GAAG,MAAM"}
+{"version":3,"file":"Fade.js","names":["React","cloneElement","Transition","defaultStyle","duration","transition","opacity","transitionStyles","entering","entered","exiting","exited","Fade","_ref","in","inProp","children","style","timeout","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","appear","state","visibility","undefined","props","displayName"],"sources":["../../../../../src/components/Transitions/Fade/Fade.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { TransitionProps } from \"../types\";\n\ninterface IFadeProps extends Omit<TransitionProps, \"timeout\"> {\n  children: ReactElement;\n  timeout?: number;\n}\n\nconst defaultStyle = (\n  duration: number\n): Partial<{ transition: string; opacity: number }> => ({\n  transition: `all ${duration}ms ease-in-out`,\n  opacity: 0,\n});\n\nconst transitionStyles = {\n  entering: { opacity: 1 },\n  entered: { opacity: 1 },\n  exiting: { opacity: 0 },\n  exited: { opacity: 0 },\n};\n\nexport const Fade: FC<IFadeProps> = ({\n  in: inProp = false,\n  children,\n  style,\n  timeout = 500,\n  ...rest\n}) => (\n  <Transition appear in={inProp} timeout={timeout} {...rest}>\n    {(state): ReactElement => {\n      return cloneElement(children, {\n        style: {\n          visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n          ...defaultStyle(timeout),\n          ...transitionStyles[state],\n          ...style,\n          ...children.props.style,\n        },\n      });\n    }}\n  </Transition>\n);\n\nFade.displayName = \"Fade\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAsBC,YAAY,QAAQ,OAAO;AAC7D,SAASC,UAAU,QAAQ,wBAAwB;AASnD,MAAMC,YAAY,GAChBC,QAAgB,KACsC;EACtDC,UAAU,WAASD,QAAQ,mBAAgB;EAC3CE,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,MAAMC,gBAAgB,GAAG;EACvBC,QAAQ,EAAE;IAAEF,OAAO,EAAE;EAAE,CAAC;EACxBG,OAAO,EAAE;IAAEH,OAAO,EAAE;EAAE,CAAC;EACvBI,OAAO,EAAE;IAAEJ,OAAO,EAAE;EAAE,CAAC;EACvBK,MAAM,EAAE;IAAEL,OAAO,EAAE;EAAE;AACvB,CAAC;AAED,OAAO,MAAMM,IAAoB,GAAGC,IAAA;EAAA,IAAC;MACnCC,EAAE,EAAEC,MAAM,GAAG,KAAK;MAClBC,QAAQ;MACRC,KAAK;MACLC,OAAO,GAAG;IAEZ,CAAC,GAAAL,IAAA;IADIM,IAAI,GAAAC,6BAAA,CAAAP,IAAA,EAAAQ,SAAA;EAAA,oBAEPrB,KAAA,CAAAsB,aAAA,CAACpB,UAAU,EAAAqB,QAAA;IAACC,MAAM;IAACV,EAAE,EAAEC,MAAO;IAACG,OAAO,EAAEA;EAAQ,GAAKC,IAAI,GACrDM,KAAK,IAAmB;IACxB,oBAAOxB,YAAY,CAACe,QAAQ,EAAE;MAC5BC,KAAK,EAAAM,QAAA;QACHG,UAAU,EAAED,KAAK,KAAK,QAAQ,IAAI,CAACV,MAAM,GAAG,QAAQ,GAAGY;MAAS,GAC7DxB,YAAY,CAACe,OAAO,CAAC,EACrBX,gBAAgB,CAACkB,KAAK,CAAC,EACvBR,KAAK,EACLD,QAAQ,CAACY,KAAK,CAACX,KAAK;IAE3B,CAAC,CAAC;EACJ,CACU,CAAC;AAAA,CACd;AAEDL,IAAI,CAACiB,WAAW,GAAG,MAAM","ignoreList":[]}

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

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

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

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { cloneElement } from "react";
 import { Transition } from "react-transition-group";
 const defaultStyle = {
@@ -44,13 +45,9 @@ export const FromElement = _ref => {
     onExited: onExited
   }, state => {
     return /*#__PURE__*/cloneElement(children, {
-      style: {
-        visibility: state === "exited" && !inProp ? "hidden" : undefined,
-        ...defaultStyle,
-        ...transitionStyles[state],
-        ...style,
-        ...children.props.style
-      }
+      style: _extends({
+        visibility: state === "exited" && !inProp ? "hidden" : undefined
+      }, defaultStyle, transitionStyles[state], style, children.props.style)
     });
   });
 };

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

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

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

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

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

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { cloneElement, useMemo } from "react";
 import { Transition } from "react-transition-group";
 export const ResizeTransition = _ref => {
@@ -24,12 +25,9 @@ export const ResizeTransition = _ref => {
     onExited: onExited
   }, state => {
     return /*#__PURE__*/cloneElement(children, {
-      style: {
-        visibility: state === "exited" && !inProp ? "hidden" : undefined,
-        ...defaultStyle,
-        ...style,
-        ...children.props.style
-      }
+      style: _extends({
+        visibility: state === "exited" && !inProp ? "hidden" : undefined
+      }, defaultStyle, style, children.props.style)
     });
   });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ResizeTransition.js","names":["React","cloneElement","useMemo","Transition","ResizeTransition","_ref","in","inProp","onEnter","onExited","children","style","timeout","defaultStyle","transitionProperty","transitionDuration","transitionTimingFunction","createElement","appear","state","visibility","undefined","props","displayName"],"sources":["../../../../../src/components/Transitions/ResizeTransition/ResizeTransition.tsx"],"sourcesContent":["import React, { ReactElement, FC, cloneElement, useMemo } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { TransitionProps } from \"../types\";\n\ninterface IResizeTransition extends TransitionProps {\n  children: ReactElement;\n}\n\nexport const ResizeTransition: FC<IResizeTransition> = ({\n  in: inProp = false,\n  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 200,\n}) => {\n  const defaultStyle = useMemo(() => {\n    return {\n      transitionProperty: \"width, height\",\n      transitionDuration: `${timeout}ms`,\n      transitionTimingFunction: \"ease\",\n    };\n  }, [timeout]);\n\n  return (\n    <Transition\n      appear\n      in={inProp}\n      timeout={timeout}\n      onEnter={onEnter}\n      onExited={onExited}\n    >\n      {(state): ReactElement => {\n        return cloneElement(children, {\n          style: {\n            visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n            ...defaultStyle,\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nResizeTransition.displayName = \"ResizeTransition\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAsBC,YAAY,EAAEC,OAAO,QAAQ,OAAO;AACtE,SAASC,UAAU,QAAQ,wBAAwB;AAQnD,OAAO,MAAMC,gBAAuC,GAAGC,IAAA,IAOjD;EAAA,IAPkD;IACtDC,EAAE,EAAEC,MAAM,GAAG,KAAK;IAClBC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACRC,KAAK;IACLC,OAAO,GAAG;EACZ,CAAC,GAAAP,IAAA;EACC,MAAMQ,YAAY,GAAGX,OAAO,CAAC,MAAM;IACjC,OAAO;MACLY,kBAAkB,EAAE,eAAe;MACnCC,kBAAkB,EAAKH,OAAO,OAAI;MAClCI,wBAAwB,EAAE;IAC5B,CAAC;EACH,CAAC,EAAE,CAACJ,OAAO,CAAC,CAAC;EAEb,oBACEZ,KAAA,CAAAiB,aAAA,CAACd,UAAU;IACTe,MAAM;IACNZ,EAAE,EAAEC,MAAO;IACXK,OAAO,EAAEA,OAAQ;IACjBJ,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA;EAAS,GAEjBU,KAAK,IAAmB;IACxB,oBAAOlB,YAAY,CAACS,QAAQ,EAAE;MAC5BC,KAAK,EAAE;QACLS,UAAU,EAAED,KAAK,KAAK,QAAQ,IAAI,CAACZ,MAAM,GAAG,QAAQ,GAAGc,SAAS;QAChE,GAAGR,YAAY;QACf,GAAGF,KAAK;QACR,GAAGD,QAAQ,CAACY,KAAK,CAACX;MACpB;IACF,CAAC,CAAC;EACJ,CACU,CAAC;AAEjB,CAAC;AAEDP,gBAAgB,CAACmB,WAAW,GAAG,kBAAkB"}
+{"version":3,"file":"ResizeTransition.js","names":["React","cloneElement","useMemo","Transition","ResizeTransition","_ref","in","inProp","onEnter","onExited","children","style","timeout","defaultStyle","transitionProperty","transitionDuration","transitionTimingFunction","createElement","appear","state","_extends","visibility","undefined","props","displayName"],"sources":["../../../../../src/components/Transitions/ResizeTransition/ResizeTransition.tsx"],"sourcesContent":["import React, { ReactElement, FC, cloneElement, useMemo } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { TransitionProps } from \"../types\";\n\ninterface IResizeTransition extends TransitionProps {\n  children: ReactElement;\n}\n\nexport const ResizeTransition: FC<IResizeTransition> = ({\n  in: inProp = false,\n  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 200,\n}) => {\n  const defaultStyle = useMemo(() => {\n    return {\n      transitionProperty: \"width, height\",\n      transitionDuration: `${timeout}ms`,\n      transitionTimingFunction: \"ease\",\n    };\n  }, [timeout]);\n\n  return (\n    <Transition\n      appear\n      in={inProp}\n      timeout={timeout}\n      onEnter={onEnter}\n      onExited={onExited}\n    >\n      {(state): ReactElement => {\n        return cloneElement(children, {\n          style: {\n            visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n            ...defaultStyle,\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nResizeTransition.displayName = \"ResizeTransition\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAsBC,YAAY,EAAEC,OAAO,QAAQ,OAAO;AACtE,SAASC,UAAU,QAAQ,wBAAwB;AAQnD,OAAO,MAAMC,gBAAuC,GAAGC,IAAA,IAOjD;EAAA,IAPkD;IACtDC,EAAE,EAAEC,MAAM,GAAG,KAAK;IAClBC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACRC,KAAK;IACLC,OAAO,GAAG;EACZ,CAAC,GAAAP,IAAA;EACC,MAAMQ,YAAY,GAAGX,OAAO,CAAC,MAAM;IACjC,OAAO;MACLY,kBAAkB,EAAE,eAAe;MACnCC,kBAAkB,EAAKH,OAAO,OAAI;MAClCI,wBAAwB,EAAE;IAC5B,CAAC;EACH,CAAC,EAAE,CAACJ,OAAO,CAAC,CAAC;EAEb,oBACEZ,KAAA,CAAAiB,aAAA,CAACd,UAAU;IACTe,MAAM;IACNZ,EAAE,EAAEC,MAAO;IACXK,OAAO,EAAEA,OAAQ;IACjBJ,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA;EAAS,GAEjBU,KAAK,IAAmB;IACxB,oBAAOlB,YAAY,CAACS,QAAQ,EAAE;MAC5BC,KAAK,EAAAS,QAAA;QACHC,UAAU,EAAEF,KAAK,KAAK,QAAQ,IAAI,CAACZ,MAAM,GAAG,QAAQ,GAAGe;MAAS,GAC7DT,YAAY,EACZF,KAAK,EACLD,QAAQ,CAACa,KAAK,CAACZ,KAAK;IAE3B,CAAC,CAAC;EACJ,CACU,CAAC;AAEjB,CAAC;AAEDP,gBAAgB,CAACoB,WAAW,GAAG,kBAAkB","ignoreList":[]}

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

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

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

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["in", "children", "style", "timeout"];
 import React, { cloneElement } from "react";
 import { Transition } from "react-transition-group";
 const defaultStyle = duration => ({
@@ -27,24 +29,19 @@ const transitionStyles = {
 };
 export const Reveal = _ref => {
   let {
-    in: inProp = false,
-    children,
-    style,
-    timeout = 200,
-    ...rest
-  } = _ref;
+      in: inProp = false,
+      children,
+      style,
+      timeout = 200
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Transition, _extends({
     appear: true,
     in: inProp,
     timeout: timeout
   }, rest), state => {
     return /*#__PURE__*/cloneElement(children, {
-      style: {
-        ...defaultStyle(inProp ? timeout : 0),
-        ...transitionStyles[state],
-        ...style,
-        ...children.props.style
-      }
+      style: _extends({}, defaultStyle(inProp ? timeout : 0), transitionStyles[state], style, children.props.style)
     });
   });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Reveal.js","names":["React","cloneElement","Transition","defaultStyle","duration","transition","transform","opacity","transformOrigin","transitionStyles","entering","entered","exiting","exited","Reveal","_ref","in","inProp","children","style","timeout","rest","createElement","_extends","appear","state","props","displayName"],"sources":["../../../../../src/components/Transitions/Reveal/Reveal.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { TransitionProps } from \"../types\";\n\ninterface IRevealProps extends Omit<TransitionProps, \"timeout\"> {\n  children: ReactElement;\n  timeout?: number;\n  oppositeDirection?: boolean;\n}\n\nconst defaultStyle = (\n  duration: number\n): Partial<{\n  transition: string;\n  transform: string;\n  transformOrigin: string;\n  opacity: number;\n}> => ({\n  transition: `all ${duration}ms ease-in`,\n  transform: `scaleX(0)`,\n  opacity: 0,\n  transformOrigin: \"left\",\n});\n\nconst transitionStyles = {\n  entering: { transform: `scaleX(1)`, opacity: 1 },\n  entered: { transform: `scaleX(1)`, opacity: 1 },\n  exiting: { transform: `scaleX(0)`, opacity: 0 },\n  exited: { transform: `scaleX(0)`, opacity: 0 },\n};\n\nexport const Reveal: FC<IRevealProps> = ({\n  in: inProp = false,\n  children,\n  style,\n  timeout = 200,\n  ...rest\n}) => {\n  return (\n    <Transition appear in={inProp} timeout={timeout} {...rest}>\n      {(state): ReactElement => {\n        return cloneElement(children, {\n          style: {\n            ...defaultStyle(inProp ? timeout : 0),\n            ...transitionStyles[state],\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nReveal.displayName = \"Reveal\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAsBC,YAAY,QAAQ,OAAO;AAC7D,SAASC,UAAU,QAAQ,wBAAwB;AAUnD,MAAMC,YAAY,GAChBC,QAAgB,KAMX;EACLC,UAAU,WAASD,QAAQ,eAAY;EACvCE,SAAS,aAAa;EACtBC,OAAO,EAAE,CAAC;EACVC,eAAe,EAAE;AACnB,CAAC,CAAC;AAEF,MAAMC,gBAAgB,GAAG;EACvBC,QAAQ,EAAE;IAAEJ,SAAS,aAAa;IAAEC,OAAO,EAAE;EAAE,CAAC;EAChDI,OAAO,EAAE;IAAEL,SAAS,aAAa;IAAEC,OAAO,EAAE;EAAE,CAAC;EAC/CK,OAAO,EAAE;IAAEN,SAAS,aAAa;IAAEC,OAAO,EAAE;EAAE,CAAC;EAC/CM,MAAM,EAAE;IAAEP,SAAS,aAAa;IAAEC,OAAO,EAAE;EAAE;AAC/C,CAAC;AAED,OAAO,MAAMO,MAAwB,GAAGC,IAAA,IAMlC;EAAA,IANmC;IACvCC,EAAE,EAAEC,MAAM,GAAG,KAAK;IAClBC,QAAQ;IACRC,KAAK;IACLC,OAAO,GAAG,GAAG;IACb,GAAGC;EACL,CAAC,GAAAN,IAAA;EACC,oBACEf,KAAA,CAAAsB,aAAA,CAACpB,UAAU,EAAAqB,QAAA;IAACC,MAAM;IAACR,EAAE,EAAEC,MAAO;IAACG,OAAO,EAAEA;EAAQ,GAAKC,IAAI,GACrDI,KAAK,IAAmB;IACxB,oBAAOxB,YAAY,CAACiB,QAAQ,EAAE;MAC5BC,KAAK,EAAE;QACL,GAAGhB,YAAY,CAACc,MAAM,GAAGG,OAAO,GAAG,CAAC,CAAC;QACrC,GAAGX,gBAAgB,CAACgB,KAAK,CAAC;QAC1B,GAAGN,KAAK;QACR,GAAGD,QAAQ,CAACQ,KAAK,CAACP;MACpB;IACF,CAAC,CAAC;EACJ,CACU,CAAC;AAEjB,CAAC;AAEDL,MAAM,CAACa,WAAW,GAAG,QAAQ"}
+{"version":3,"file":"Reveal.js","names":["React","cloneElement","Transition","defaultStyle","duration","transition","transform","opacity","transformOrigin","transitionStyles","entering","entered","exiting","exited","Reveal","_ref","in","inProp","children","style","timeout","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","appear","state","props","displayName"],"sources":["../../../../../src/components/Transitions/Reveal/Reveal.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { TransitionProps } from \"../types\";\n\ninterface IRevealProps extends Omit<TransitionProps, \"timeout\"> {\n  children: ReactElement;\n  timeout?: number;\n  oppositeDirection?: boolean;\n}\n\nconst defaultStyle = (\n  duration: number\n): Partial<{\n  transition: string;\n  transform: string;\n  transformOrigin: string;\n  opacity: number;\n}> => ({\n  transition: `all ${duration}ms ease-in`,\n  transform: `scaleX(0)`,\n  opacity: 0,\n  transformOrigin: \"left\",\n});\n\nconst transitionStyles = {\n  entering: { transform: `scaleX(1)`, opacity: 1 },\n  entered: { transform: `scaleX(1)`, opacity: 1 },\n  exiting: { transform: `scaleX(0)`, opacity: 0 },\n  exited: { transform: `scaleX(0)`, opacity: 0 },\n};\n\nexport const Reveal: FC<IRevealProps> = ({\n  in: inProp = false,\n  children,\n  style,\n  timeout = 200,\n  ...rest\n}) => {\n  return (\n    <Transition appear in={inProp} timeout={timeout} {...rest}>\n      {(state): ReactElement => {\n        return cloneElement(children, {\n          style: {\n            ...defaultStyle(inProp ? timeout : 0),\n            ...transitionStyles[state],\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nReveal.displayName = \"Reveal\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAsBC,YAAY,QAAQ,OAAO;AAC7D,SAASC,UAAU,QAAQ,wBAAwB;AAUnD,MAAMC,YAAY,GAChBC,QAAgB,KAMX;EACLC,UAAU,WAASD,QAAQ,eAAY;EACvCE,SAAS,aAAa;EACtBC,OAAO,EAAE,CAAC;EACVC,eAAe,EAAE;AACnB,CAAC,CAAC;AAEF,MAAMC,gBAAgB,GAAG;EACvBC,QAAQ,EAAE;IAAEJ,SAAS,aAAa;IAAEC,OAAO,EAAE;EAAE,CAAC;EAChDI,OAAO,EAAE;IAAEL,SAAS,aAAa;IAAEC,OAAO,EAAE;EAAE,CAAC;EAC/CK,OAAO,EAAE;IAAEN,SAAS,aAAa;IAAEC,OAAO,EAAE;EAAE,CAAC;EAC/CM,MAAM,EAAE;IAAEP,SAAS,aAAa;IAAEC,OAAO,EAAE;EAAE;AAC/C,CAAC;AAED,OAAO,MAAMO,MAAwB,GAAGC,IAAA,IAMlC;EAAA,IANmC;MACvCC,EAAE,EAAEC,MAAM,GAAG,KAAK;MAClBC,QAAQ;MACRC,KAAK;MACLC,OAAO,GAAG;IAEZ,CAAC,GAAAL,IAAA;IADIM,IAAI,GAAAC,6BAAA,CAAAP,IAAA,EAAAQ,SAAA;EAEP,oBACEvB,KAAA,CAAAwB,aAAA,CAACtB,UAAU,EAAAuB,QAAA;IAACC,MAAM;IAACV,EAAE,EAAEC,MAAO;IAACG,OAAO,EAAEA;EAAQ,GAAKC,IAAI,GACrDM,KAAK,IAAmB;IACxB,oBAAO1B,YAAY,CAACiB,QAAQ,EAAE;MAC5BC,KAAK,EAAAM,QAAA,KACAtB,YAAY,CAACc,MAAM,GAAGG,OAAO,GAAG,CAAC,CAAC,EAClCX,gBAAgB,CAACkB,KAAK,CAAC,EACvBR,KAAK,EACLD,QAAQ,CAACU,KAAK,CAACT,KAAK;IAE3B,CAAC,CAAC;EACJ,CACU,CAAC;AAEjB,CAAC;AAEDL,MAAM,CAACe,WAAW,GAAG,QAAQ","ignoreList":[]}

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

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

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

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { cloneElement, useMemo } from "react";
 import { Transition } from "react-transition-group";
 const transitionStyles = {
@@ -31,12 +32,7 @@ export const Scale = _ref => {
     onExited: onExited
   }, state => {
     return /*#__PURE__*/cloneElement(children, {
-      style: {
-        ...defaultStyle,
-        ...transitionStyles[state],
-        ...style,
-        ...children.props.style
-      }
+      style: _extends({}, defaultStyle, transitionStyles[state], style, children.props.style)
     });
   });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Scale.js","names":["React","cloneElement","useMemo","Transition","transitionStyles","entered","transform","exiting","Scale","_ref","in","inProp","onEnter","onExited","children","style","timeout","defaultStyle","transitionProperty","transitionDuration","createElement","state","props","displayName"],"sources":["../../../../../src/components/Transitions/Scale/Scale.tsx"],"sourcesContent":["import React, { cloneElement, FC, ReactElement, useMemo } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { TransitionProps } from \"../types\";\n\ninterface IScale extends TransitionProps {\n  children: ReactElement;\n}\n\nconst transitionStyles = {\n  entered: { transform: \"scale(1)\" },\n  exiting: { transform: \"scale(0)\" },\n};\n\nexport const Scale: FC<IScale> = ({\n  in: inProp = false,\n  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 200,\n}) => {\n  const defaultStyle = useMemo(() => {\n    return {\n      transitionProperty: \"transform\",\n      transitionDuration: `${timeout}ms`,\n      transform: \"scale(0)\",\n    };\n  }, [timeout]);\n\n  return (\n    <Transition\n      in={inProp}\n      timeout={timeout}\n      onEnter={onEnter}\n      onExited={onExited}\n    >\n      {(state): ReactElement => {\n        return cloneElement(children, {\n          style: {\n            ...defaultStyle,\n            ...transitionStyles[state],\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nScale.displayName = \"Scale\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,YAAY,EAAoBC,OAAO,QAAQ,OAAO;AACtE,SAASC,UAAU,QAAQ,wBAAwB;AAQnD,MAAMC,gBAAgB,GAAG;EACvBC,OAAO,EAAE;IAAEC,SAAS,EAAE;EAAW,CAAC;EAClCC,OAAO,EAAE;IAAED,SAAS,EAAE;EAAW;AACnC,CAAC;AAED,OAAO,MAAME,KAAiB,GAAGC,IAAA,IAO3B;EAAA,IAP4B;IAChCC,EAAE,EAAEC,MAAM,GAAG,KAAK;IAClBC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACRC,KAAK;IACLC,OAAO,GAAG;EACZ,CAAC,GAAAP,IAAA;EACC,MAAMQ,YAAY,GAAGf,OAAO,CAAC,MAAM;IACjC,OAAO;MACLgB,kBAAkB,EAAE,WAAW;MAC/BC,kBAAkB,EAAKH,OAAO,OAAI;MAClCV,SAAS,EAAE;IACb,CAAC;EACH,CAAC,EAAE,CAACU,OAAO,CAAC,CAAC;EAEb,oBACEhB,KAAA,CAAAoB,aAAA,CAACjB,UAAU;IACTO,EAAE,EAAEC,MAAO;IACXK,OAAO,EAAEA,OAAQ;IACjBJ,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA;EAAS,GAEjBQ,KAAK,IAAmB;IACxB,oBAAOpB,YAAY,CAACa,QAAQ,EAAE;MAC5BC,KAAK,EAAE;QACL,GAAGE,YAAY;QACf,GAAGb,gBAAgB,CAACiB,KAAK,CAAC;QAC1B,GAAGN,KAAK;QACR,GAAGD,QAAQ,CAACQ,KAAK,CAACP;MACpB;IACF,CAAC,CAAC;EACJ,CACU,CAAC;AAEjB,CAAC;AAEDP,KAAK,CAACe,WAAW,GAAG,OAAO"}
+{"version":3,"file":"Scale.js","names":["React","cloneElement","useMemo","Transition","transitionStyles","entered","transform","exiting","Scale","_ref","in","inProp","onEnter","onExited","children","style","timeout","defaultStyle","transitionProperty","transitionDuration","createElement","state","_extends","props","displayName"],"sources":["../../../../../src/components/Transitions/Scale/Scale.tsx"],"sourcesContent":["import React, { cloneElement, FC, ReactElement, useMemo } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { TransitionProps } from \"../types\";\n\ninterface IScale extends TransitionProps {\n  children: ReactElement;\n}\n\nconst transitionStyles = {\n  entered: { transform: \"scale(1)\" },\n  exiting: { transform: \"scale(0)\" },\n};\n\nexport const Scale: FC<IScale> = ({\n  in: inProp = false,\n  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 200,\n}) => {\n  const defaultStyle = useMemo(() => {\n    return {\n      transitionProperty: \"transform\",\n      transitionDuration: `${timeout}ms`,\n      transform: \"scale(0)\",\n    };\n  }, [timeout]);\n\n  return (\n    <Transition\n      in={inProp}\n      timeout={timeout}\n      onEnter={onEnter}\n      onExited={onExited}\n    >\n      {(state): ReactElement => {\n        return cloneElement(children, {\n          style: {\n            ...defaultStyle,\n            ...transitionStyles[state],\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nScale.displayName = \"Scale\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,YAAY,EAAoBC,OAAO,QAAQ,OAAO;AACtE,SAASC,UAAU,QAAQ,wBAAwB;AAQnD,MAAMC,gBAAgB,GAAG;EACvBC,OAAO,EAAE;IAAEC,SAAS,EAAE;EAAW,CAAC;EAClCC,OAAO,EAAE;IAAED,SAAS,EAAE;EAAW;AACnC,CAAC;AAED,OAAO,MAAME,KAAiB,GAAGC,IAAA,IAO3B;EAAA,IAP4B;IAChCC,EAAE,EAAEC,MAAM,GAAG,KAAK;IAClBC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACRC,KAAK;IACLC,OAAO,GAAG;EACZ,CAAC,GAAAP,IAAA;EACC,MAAMQ,YAAY,GAAGf,OAAO,CAAC,MAAM;IACjC,OAAO;MACLgB,kBAAkB,EAAE,WAAW;MAC/BC,kBAAkB,EAAKH,OAAO,OAAI;MAClCV,SAAS,EAAE;IACb,CAAC;EACH,CAAC,EAAE,CAACU,OAAO,CAAC,CAAC;EAEb,oBACEhB,KAAA,CAAAoB,aAAA,CAACjB,UAAU;IACTO,EAAE,EAAEC,MAAO;IACXK,OAAO,EAAEA,OAAQ;IACjBJ,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA;EAAS,GAEjBQ,KAAK,IAAmB;IACxB,oBAAOpB,YAAY,CAACa,QAAQ,EAAE;MAC5BC,KAAK,EAAAO,QAAA,KACAL,YAAY,EACZb,gBAAgB,CAACiB,KAAK,CAAC,EACvBN,KAAK,EACLD,QAAQ,CAACS,KAAK,CAACR,KAAK;IAE3B,CAAC,CAAC;EACJ,CACU,CAAC;AAEjB,CAAC;AAEDP,KAAK,CAACgB,WAAW,GAAG,OAAO","ignoreList":[]}

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

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

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

@@ -1,15 +1,17 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["in", "children", "style", "timeout", "initialDirection"];
 import React, { cloneElement } from "react";
 import { Transition } from "react-transition-group";
 export const Slide = _ref => {
   let {
-    in: inProp = false,
-    children,
-    style,
-    timeout = 300,
-    initialDirection = "left",
-    ...rest
-  } = _ref;
+      in: inProp = false,
+      children,
+      style,
+      timeout = 300,
+      initialDirection = "left"
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   let directionSign;
   switch (initialDirection) {
     case "right":
@@ -46,13 +48,9 @@ export const Slide = _ref => {
     timeout: timeout
   }, rest), state => {
     return /*#__PURE__*/cloneElement(children, {
-      style: {
-        visibility: state === "exited" && !inProp ? "hidden" : undefined,
-        ...defaultStyle(timeout),
-        ...transitionStyles[state],
-        ...style,
-        ...children.props.style
-      }
+      style: _extends({
+        visibility: state === "exited" && !inProp ? "hidden" : undefined
+      }, defaultStyle(timeout), transitionStyles[state], style, children.props.style)
     });
   });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Slide.js","names":["React","cloneElement","Transition","Slide","_ref","in","inProp","children","style","timeout","initialDirection","rest","directionSign","defaultStyle","transition","transitionStyles","entering","transform","entered","exiting","exited","createElement","_extends","state","visibility","undefined","props","displayName"],"sources":["../../../../../src/components/Transitions/Slide/Slide.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { TransitionProps } from \"../types\";\n\ninterface ISlide extends Omit<TransitionProps, \"timeout\"> {\n  children: ReactElement;\n  timeout?: number;\n  initialDirection?: string;\n}\n\nexport const Slide: FC<ISlide> = ({\n  in: inProp = false,\n  children,\n  style,\n  timeout = 300,\n  initialDirection = \"left\",\n  ...rest\n}) => {\n  let directionSign: string;\n\n  switch (initialDirection) {\n    case \"right\":\n      directionSign = \"100%, 0\";\n      break;\n    case \"top\":\n      directionSign = \"0, -100%\";\n      break;\n    case \"bottom\":\n      directionSign = \"0, 100%\";\n      break;\n    default:\n      directionSign = \"-100%, 0\";\n  }\n\n  const defaultStyle = (timeout: number): Partial<{ transition: string }> => ({\n    transition: `all ${timeout}ms ease`,\n  });\n\n  const transitionStyles = {\n    entering: {\n      transform: `translate(0,0)`,\n    },\n    entered: {\n      transform: `translate(0,0)`,\n    },\n    exiting: {\n      transform: `translate(${directionSign})`,\n    },\n    exited: {\n      transform: `translate(${directionSign})`,\n    },\n  };\n\n  return (\n    <Transition in={inProp} timeout={timeout} {...rest}>\n      {(state): ReactElement => {\n        return cloneElement(children, {\n          style: {\n            visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n            ...defaultStyle(timeout),\n            ...transitionStyles[state],\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nSlide.displayName = \"Slide\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAsBC,YAAY,QAAQ,OAAO;AAC7D,SAASC,UAAU,QAAQ,wBAAwB;AAUnD,OAAO,MAAMC,KAAiB,GAAGC,IAAA,IAO3B;EAAA,IAP4B;IAChCC,EAAE,EAAEC,MAAM,GAAG,KAAK;IAClBC,QAAQ;IACRC,KAAK;IACLC,OAAO,GAAG,GAAG;IACbC,gBAAgB,GAAG,MAAM;IACzB,GAAGC;EACL,CAAC,GAAAP,IAAA;EACC,IAAIQ,aAAqB;EAEzB,QAAQF,gBAAgB;IACtB,KAAK,OAAO;MACVE,aAAa,GAAG,SAAS;MACzB;IACF,KAAK,KAAK;MACRA,aAAa,GAAG,UAAU;MAC1B;IACF,KAAK,QAAQ;MACXA,aAAa,GAAG,SAAS;MACzB;IACF;MACEA,aAAa,GAAG,UAAU;EAC9B;EAEA,MAAMC,YAAY,GAAIJ,OAAe,KAAuC;IAC1EK,UAAU,WAASL,OAAO;EAC5B,CAAC,CAAC;EAEF,MAAMM,gBAAgB,GAAG;IACvBC,QAAQ,EAAE;MACRC,SAAS;IACX,CAAC;IACDC,OAAO,EAAE;MACPD,SAAS;IACX,CAAC;IACDE,OAAO,EAAE;MACPF,SAAS,iBAAeL,aAAa;IACvC,CAAC;IACDQ,MAAM,EAAE;MACNH,SAAS,iBAAeL,aAAa;IACvC;EACF,CAAC;EAED,oBACEZ,KAAA,CAAAqB,aAAA,CAACnB,UAAU,EAAAoB,QAAA;IAACjB,EAAE,EAAEC,MAAO;IAACG,OAAO,EAAEA;EAAQ,GAAKE,IAAI,GAC9CY,KAAK,IAAmB;IACxB,oBAAOtB,YAAY,CAACM,QAAQ,EAAE;MAC5BC,KAAK,EAAE;QACLgB,UAAU,EAAED,KAAK,KAAK,QAAQ,IAAI,CAACjB,MAAM,GAAG,QAAQ,GAAGmB,SAAS;QAChE,GAAGZ,YAAY,CAACJ,OAAO,CAAC;QACxB,GAAGM,gBAAgB,CAACQ,KAAK,CAAC;QAC1B,GAAGf,KAAK;QACR,GAAGD,QAAQ,CAACmB,KAAK,CAAClB;MACpB;IACF,CAAC,CAAC;EACJ,CACU,CAAC;AAEjB,CAAC;AAEDL,KAAK,CAACwB,WAAW,GAAG,OAAO"}
+{"version":3,"file":"Slide.js","names":["React","cloneElement","Transition","Slide","_ref","in","inProp","children","style","timeout","initialDirection","rest","_objectWithoutPropertiesLoose","_excluded","directionSign","defaultStyle","transition","transitionStyles","entering","transform","entered","exiting","exited","createElement","_extends","state","visibility","undefined","props","displayName"],"sources":["../../../../../src/components/Transitions/Slide/Slide.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { TransitionProps } from \"../types\";\n\ninterface ISlide extends Omit<TransitionProps, \"timeout\"> {\n  children: ReactElement;\n  timeout?: number;\n  initialDirection?: string;\n}\n\nexport const Slide: FC<ISlide> = ({\n  in: inProp = false,\n  children,\n  style,\n  timeout = 300,\n  initialDirection = \"left\",\n  ...rest\n}) => {\n  let directionSign: string;\n\n  switch (initialDirection) {\n    case \"right\":\n      directionSign = \"100%, 0\";\n      break;\n    case \"top\":\n      directionSign = \"0, -100%\";\n      break;\n    case \"bottom\":\n      directionSign = \"0, 100%\";\n      break;\n    default:\n      directionSign = \"-100%, 0\";\n  }\n\n  const defaultStyle = (timeout: number): Partial<{ transition: string }> => ({\n    transition: `all ${timeout}ms ease`,\n  });\n\n  const transitionStyles = {\n    entering: {\n      transform: `translate(0,0)`,\n    },\n    entered: {\n      transform: `translate(0,0)`,\n    },\n    exiting: {\n      transform: `translate(${directionSign})`,\n    },\n    exited: {\n      transform: `translate(${directionSign})`,\n    },\n  };\n\n  return (\n    <Transition in={inProp} timeout={timeout} {...rest}>\n      {(state): ReactElement => {\n        return cloneElement(children, {\n          style: {\n            visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n            ...defaultStyle(timeout),\n            ...transitionStyles[state],\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nSlide.displayName = \"Slide\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAsBC,YAAY,QAAQ,OAAO;AAC7D,SAASC,UAAU,QAAQ,wBAAwB;AAUnD,OAAO,MAAMC,KAAiB,GAAGC,IAAA,IAO3B;EAAA,IAP4B;MAChCC,EAAE,EAAEC,MAAM,GAAG,KAAK;MAClBC,QAAQ;MACRC,KAAK;MACLC,OAAO,GAAG,GAAG;MACbC,gBAAgB,GAAG;IAErB,CAAC,GAAAN,IAAA;IADIO,IAAI,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;EAEP,IAAIC,aAAqB;EAEzB,QAAQJ,gBAAgB;IACtB,KAAK,OAAO;MACVI,aAAa,GAAG,SAAS;MACzB;IACF,KAAK,KAAK;MACRA,aAAa,GAAG,UAAU;MAC1B;IACF,KAAK,QAAQ;MACXA,aAAa,GAAG,SAAS;MACzB;IACF;MACEA,aAAa,GAAG,UAAU;EAC9B;EAEA,MAAMC,YAAY,GAAIN,OAAe,KAAuC;IAC1EO,UAAU,WAASP,OAAO;EAC5B,CAAC,CAAC;EAEF,MAAMQ,gBAAgB,GAAG;IACvBC,QAAQ,EAAE;MACRC,SAAS;IACX,CAAC;IACDC,OAAO,EAAE;MACPD,SAAS;IACX,CAAC;IACDE,OAAO,EAAE;MACPF,SAAS,iBAAeL,aAAa;IACvC,CAAC;IACDQ,MAAM,EAAE;MACNH,SAAS,iBAAeL,aAAa;IACvC;EACF,CAAC;EAED,oBACEd,KAAA,CAAAuB,aAAA,CAACrB,UAAU,EAAAsB,QAAA;IAACnB,EAAE,EAAEC,MAAO;IAACG,OAAO,EAAEA;EAAQ,GAAKE,IAAI,GAC9Cc,KAAK,IAAmB;IACxB,oBAAOxB,YAAY,CAACM,QAAQ,EAAE;MAC5BC,KAAK,EAAAgB,QAAA;QACHE,UAAU,EAAED,KAAK,KAAK,QAAQ,IAAI,CAACnB,MAAM,GAAG,QAAQ,GAAGqB;MAAS,GAC7DZ,YAAY,CAACN,OAAO,CAAC,EACrBQ,gBAAgB,CAACQ,KAAK,CAAC,EACvBjB,KAAK,EACLD,QAAQ,CAACqB,KAAK,CAACpB,KAAK;IAE3B,CAAC,CAAC;EACJ,CACU,CAAC;AAEjB,CAAC;AAEDL,KAAK,CAAC0B,WAAW,GAAG,OAAO","ignoreList":[]}

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

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

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

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { cloneElement } from "react";
 import { Transition } from "react-transition-group";
 const defaultStyle = {
@@ -45,13 +46,9 @@ export const SlideFromTop = _ref => {
     onExited: onExited
   }, state => {
     return /*#__PURE__*/cloneElement(children, {
-      style: {
-        visibility: state === "exited" && !inProp ? "hidden" : undefined,
-        ...defaultStyle,
-        ...transitionStyles[state],
-        ...style,
-        ...children.props.style
-      }
+      style: _extends({
+        visibility: state === "exited" && !inProp ? "hidden" : undefined
+      }, defaultStyle, transitionStyles[state], style, children.props.style)
     });
   });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"SlideFromTop.js","names":["React","cloneElement","Transition","defaultStyle","transitionProperty","transitionTimingFunction","transform","opacity","transitionStyles","entering","transitionDuration","entered","exiting","exited","SlideFromTop","_ref","in","inProp","onEnter","onExited","children","style","timeout","createElement","appear","state","visibility","undefined","props","displayName"],"sources":["../../../../../src/components/Transitions/SlideFromTop/SlideFromTop.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\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"],"mappings":"AAAA,OAAOA,KAAK,IAAsBC,YAAY,QAAQ,OAAO;AAC7D,SAASC,UAAU,QAAQ,wBAAwB;AASnD,MAAMC,YAAY,GAAG;EACnBC,kBAAkB,EAAE,oBAAoB;EACxCC,wBAAwB,EAAE,iBAAiB;EAC3CC,SAAS,EAAE,mBAAmB;EAC9BC,OAAO,EAAE;AACX,CAAC;AAED,MAAMC,gBAAgB,GAAG;EACvBC,QAAQ,EAAE;IACRF,OAAO,EAAE,CAAC;IACVD,SAAS,EAAE,eAAe;IAC1BI,kBAAkB,EAAE;EACtB,CAAC;EACDC,OAAO,EAAE;IACPJ,OAAO,EAAE,CAAC;IACVD,SAAS,EAAE,eAAe;IAC1BI,kBAAkB,EAAE;EACtB,CAAC;EACDE,OAAO,EAAE;IACPL,OAAO,EAAE,CAAC;IACVD,SAAS,EAAE,mBAAmB;IAC9BI,kBAAkB,EAAE;EACtB,CAAC;EACDG,MAAM,EAAE;IACNN,OAAO,EAAE,CAAC;IACVD,SAAS,EAAE,mBAAmB;IAC9BI,kBAAkB,EAAE;EACtB;AACF,CAAC;AAED,OAAO,MAAMI,YAA+B,GAAGC,IAAA;EAAA,IAAC;IAC9CC,EAAE,EAAEC,MAAM,GAAG,KAAK;IAClBC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACRC,KAAK;IACLC,OAAO,GAAG;EACZ,CAAC,GAAAP,IAAA;EAAA,oBACCf,KAAA,CAAAuB,aAAA,CAACrB,UAAU;IACTsB,MAAM;IACNR,EAAE,EAAEC,MAAO;IACXK,OAAO,EAAEA,OAAQ;IACjBJ,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA;EAAS,GAEjBM,KAAK,IAAmB;IACxB,oBAAOxB,YAAY,CAACmB,QAAQ,EAAE;MAC5BC,KAAK,EAAE;QACLK,UAAU,EAAED,KAAK,KAAK,QAAQ,IAAI,CAACR,MAAM,GAAG,QAAQ,GAAGU,SAAS;QAChE,GAAGxB,YAAY;QACf,GAAGK,gBAAgB,CAACiB,KAAK,CAAC;QAC1B,GAAGJ,KAAK;QACR,GAAGD,QAAQ,CAACQ,KAAK,CAACP;MACpB;IACF,CAAC,CAAC;EACJ,CACU,CAAC;AAAA,CACd;AAEDP,YAAY,CAACe,WAAW,GAAG,cAAc"}
+{"version":3,"file":"SlideFromTop.js","names":["React","cloneElement","Transition","defaultStyle","transitionProperty","transitionTimingFunction","transform","opacity","transitionStyles","entering","transitionDuration","entered","exiting","exited","SlideFromTop","_ref","in","inProp","onEnter","onExited","children","style","timeout","createElement","appear","state","_extends","visibility","undefined","props","displayName"],"sources":["../../../../../src/components/Transitions/SlideFromTop/SlideFromTop.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\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"],"mappings":";AAAA,OAAOA,KAAK,IAAsBC,YAAY,QAAQ,OAAO;AAC7D,SAASC,UAAU,QAAQ,wBAAwB;AASnD,MAAMC,YAAY,GAAG;EACnBC,kBAAkB,EAAE,oBAAoB;EACxCC,wBAAwB,EAAE,iBAAiB;EAC3CC,SAAS,EAAE,mBAAmB;EAC9BC,OAAO,EAAE;AACX,CAAC;AAED,MAAMC,gBAAgB,GAAG;EACvBC,QAAQ,EAAE;IACRF,OAAO,EAAE,CAAC;IACVD,SAAS,EAAE,eAAe;IAC1BI,kBAAkB,EAAE;EACtB,CAAC;EACDC,OAAO,EAAE;IACPJ,OAAO,EAAE,CAAC;IACVD,SAAS,EAAE,eAAe;IAC1BI,kBAAkB,EAAE;EACtB,CAAC;EACDE,OAAO,EAAE;IACPL,OAAO,EAAE,CAAC;IACVD,SAAS,EAAE,mBAAmB;IAC9BI,kBAAkB,EAAE;EACtB,CAAC;EACDG,MAAM,EAAE;IACNN,OAAO,EAAE,CAAC;IACVD,SAAS,EAAE,mBAAmB;IAC9BI,kBAAkB,EAAE;EACtB;AACF,CAAC;AAED,OAAO,MAAMI,YAA+B,GAAGC,IAAA;EAAA,IAAC;IAC9CC,EAAE,EAAEC,MAAM,GAAG,KAAK;IAClBC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACRC,KAAK;IACLC,OAAO,GAAG;EACZ,CAAC,GAAAP,IAAA;EAAA,oBACCf,KAAA,CAAAuB,aAAA,CAACrB,UAAU;IACTsB,MAAM;IACNR,EAAE,EAAEC,MAAO;IACXK,OAAO,EAAEA,OAAQ;IACjBJ,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA;EAAS,GAEjBM,KAAK,IAAmB;IACxB,oBAAOxB,YAAY,CAACmB,QAAQ,EAAE;MAC5BC,KAAK,EAAAK,QAAA;QACHC,UAAU,EAAEF,KAAK,KAAK,QAAQ,IAAI,CAACR,MAAM,GAAG,QAAQ,GAAGW;MAAS,GAC7DzB,YAAY,EACZK,gBAAgB,CAACiB,KAAK,CAAC,EACvBJ,KAAK,EACLD,QAAQ,CAACS,KAAK,CAACR,KAAK;IAE3B,CAAC,CAAC;EACJ,CACU,CAAC;AAAA,CACd;AAEDP,YAAY,CAACgB,WAAW,GAAG,cAAc","ignoreList":[]}

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

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

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

@@ -1,13 +1,15 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["children", "direction"];
 import React from "react";
 import { CSSTransition } from "react-transition-group";
 import { StyledSlideLeftRight } from "./Styles";
 export const SlideLeftRightTransition = _ref => {
   let {
-    children,
-    direction = "left",
-    ...props
-  } = _ref;
+      children,
+      direction = "left"
+    } = _ref,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(CSSTransition, _extends({
     timeout: 200,
     classNames: "c-slide",

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

@@ -1 +1 @@
-{"version":3,"file":"SlideLeftRightTransition.js","names":["React","CSSTransition","StyledSlideLeftRight","SlideLeftRightTransition","_ref","children","direction","props","createElement","_extends","timeout","classNames","unmountOnExit","Fragment","$direction","displayName"],"sources":["../../../../../src/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.tsx"],"sourcesContent":["import React, { FC, ReactElement } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\n\nimport { StyledSlideLeftRight } from \"./Styles\";\nimport { TransitionProps } from \"../types\";\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    <CSSTransition timeout={200} classNames=\"c-slide\" unmountOnExit {...props}>\n      <>\n        {children}\n        <StyledSlideLeftRight $direction={direction} />\n      </>\n    </CSSTransition>\n  );\n};\n\nSlideLeftRightTransition.displayName = \"SlideLeftRightTransition\";\n"],"mappings":";AAAA,OAAOA,KAAK,MAA4B,OAAO;AAC/C,SAASC,aAAa,QAAQ,wBAAwB;AAEtD,SAASC,oBAAoB,QAAQ,UAAU;AAQ/C,OAAO,MAAMC,wBAAuD,GAAGC,IAAA,IAIjE;EAAA,IAJkE;IACtEC,QAAQ;IACRC,SAAS,GAAG,MAAM;IAClB,GAAGC;EACL,CAAC,GAAAH,IAAA;EACC,oBACEJ,KAAA,CAAAQ,aAAA,CAACP,aAAa,EAAAQ,QAAA;IAACC,OAAO,EAAE,GAAI;IAACC,UAAU,EAAC,SAAS;IAACC,aAAa;EAAA,GAAKL,KAAK,gBACvEP,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAa,QAAA,QACGR,QAAQ,eACTL,KAAA,CAAAQ,aAAA,CAACN,oBAAoB;IAACY,UAAU,EAAER;EAAU,CAAE,CAC9C,CACW,CAAC;AAEpB,CAAC;AAEDH,wBAAwB,CAACY,WAAW,GAAG,0BAA0B"}
+{"version":3,"file":"SlideLeftRightTransition.js","names":["React","CSSTransition","StyledSlideLeftRight","SlideLeftRightTransition","_ref","children","direction","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","timeout","classNames","unmountOnExit","Fragment","$direction","displayName"],"sources":["../../../../../src/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.tsx"],"sourcesContent":["import React, { FC, ReactElement } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\n\nimport { StyledSlideLeftRight } from \"./Styles\";\nimport { TransitionProps } from \"../types\";\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    <CSSTransition timeout={200} classNames=\"c-slide\" unmountOnExit {...props}>\n      <>\n        {children}\n        <StyledSlideLeftRight $direction={direction} />\n      </>\n    </CSSTransition>\n  );\n};\n\nSlideLeftRightTransition.displayName = \"SlideLeftRightTransition\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAA4B,OAAO;AAC/C,SAASC,aAAa,QAAQ,wBAAwB;AAEtD,SAASC,oBAAoB,QAAQ,UAAU;AAQ/C,OAAO,MAAMC,wBAAuD,GAAGC,IAAA,IAIjE;EAAA,IAJkE;MACtEC,QAAQ;MACRC,SAAS,GAAG;IAEd,CAAC,GAAAF,IAAA;IADIG,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,oBACET,KAAA,CAAAU,aAAA,CAACT,aAAa,EAAAU,QAAA;IAACC,OAAO,EAAE,GAAI;IAACC,UAAU,EAAC,SAAS;IAACC,aAAa;EAAA,GAAKP,KAAK,gBACvEP,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAe,QAAA,QACGV,QAAQ,eACTL,KAAA,CAAAU,aAAA,CAACR,oBAAoB;IAACc,UAAU,EAAEV;EAAU,CAAE,CAC9C,CACW,CAAC;AAEpB,CAAC;AAEDH,wBAAwB,CAACc,WAAW,GAAG,0BAA0B","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["createGlobalStyle","css","StyledSlideLeftRight","props","$direction"],"sources":["../../../../../src/components/Transitions/SlideLeftRightTransition/Styles.ts"],"sourcesContent":["import { createGlobalStyle, css } from \"styled-components\";\n\nexport const StyledSlideLeftRight = createGlobalStyle<{\n  $direction: \"left\" | \"right\";\n}>`\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`;\n"],"mappings":"AAAA,SAASA,iBAAiB,EAAEC,GAAG,QAAQ,mBAAmB;AAE1D,OAAO,MAAMC,oBAAoB,GAAGF,iBAAiB,gBAIlDG,KAAK,IACNA,KAAK,CAACC,UAAU,KAAK,MAAM,IAC3BH,GAAG,8PAgBF,EAEEE,KAAK,IACNA,KAAK,CAACC,UAAU,KAAK,OAAO,IAC5BH,GAAG,8PAkBF,CAEJ"}
+{"version":3,"file":"Styles.js","names":["createGlobalStyle","css","StyledSlideLeftRight","props","$direction"],"sources":["../../../../../src/components/Transitions/SlideLeftRightTransition/Styles.ts"],"sourcesContent":["import { createGlobalStyle, css } from \"styled-components\";\n\nexport const StyledSlideLeftRight = createGlobalStyle<{\n  $direction: \"left\" | \"right\";\n}>`\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`;\n"],"mappings":"AAAA,SAASA,iBAAiB,EAAEC,GAAG,QAAQ,mBAAmB;AAE1D,OAAO,MAAMC,oBAAoB,GAAGF,iBAAiB,gBAIlDG,KAAK,IACNA,KAAK,CAACC,UAAU,KAAK,MAAM,IAC3BH,GAAG,8PAgBF,EAEEE,KAAK,IACNA,KAAK,CAACC,UAAU,KAAK,OAAO,IAC5BH,GAAG,8PAkBF,CAEJ","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Transitions/index.ts"],"sourcesContent":["export * from \"./Fade\";\nexport * from \"./Slide\";\nexport * from \"./FromElement\";\nexport * from \"./SlideFromTop\";\nexport * from \"./SlideLeftRightTransition\";\nexport * from \"./ResizeTransition\";\nexport * from \"./Reveal\";\nexport * from \"./Scale\";\nexport * from \"./types\";\n"],"mappings":"AAAA,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,4BAA4B;AAC1C,cAAc,oBAAoB;AAClC,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,SAAS"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Transitions/index.ts"],"sourcesContent":["export * from \"./Fade\";\nexport * from \"./Slide\";\nexport * from \"./FromElement\";\nexport * from \"./SlideFromTop\";\nexport * from \"./SlideLeftRightTransition\";\nexport * from \"./ResizeTransition\";\nexport * from \"./Reveal\";\nexport * from \"./Scale\";\nexport * from \"./types\";\n"],"mappings":"AAAA,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,4BAA4B;AAC1C,cAAc,oBAAoB;AAClC,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,SAAS","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/Transitions/types.ts"],"sourcesContent":["import { CSSProperties } from \"react\";\n\nimport {\n  TransitionProps as _TransitionProps,\n  TransitionActions,\n} from \"react-transition-group/Transition\";\n\nexport type TransitionHandlerKeys =\n  | \"onEnter\"\n  | \"onEntering\"\n  | \"onEntered\"\n  | \"onExit\"\n  | \"onExiting\"\n  | \"onExited\";\nexport type TransitionHandlerProps = Pick<\n  _TransitionProps,\n  TransitionHandlerKeys\n>;\n\nexport type TransitionKeys =\n  | \"in\"\n  | \"mountOnEnter\"\n  | \"unmountOnExit\"\n  | \"timeout\"\n  | \"addEndListener\"\n  | TransitionHandlerKeys;\nexport interface TransitionProps\n  extends TransitionActions,\n    Partial<Pick<_TransitionProps, TransitionKeys>> {\n  style?: CSSProperties;\n}\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/Transitions/types.ts"],"sourcesContent":["import { CSSProperties } from \"react\";\n\nimport {\n  TransitionProps as _TransitionProps,\n  TransitionActions,\n} from \"react-transition-group/Transition\";\n\nexport type TransitionHandlerKeys =\n  | \"onEnter\"\n  | \"onEntering\"\n  | \"onEntered\"\n  | \"onExit\"\n  | \"onExiting\"\n  | \"onExited\";\nexport type TransitionHandlerProps = Pick<\n  _TransitionProps,\n  TransitionHandlerKeys\n>;\n\nexport type TransitionKeys =\n  | \"in\"\n  | \"mountOnEnter\"\n  | \"unmountOnExit\"\n  | \"timeout\"\n  | \"addEndListener\"\n  | TransitionHandlerKeys;\nexport interface TransitionProps\n  extends TransitionActions,\n    Partial<Pick<_TransitionProps, TransitionKeys>> {\n  style?: CSSProperties;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/esm/components/Trigger/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","StyledButton","button","withConfig","displayName","componentId"],"sources":["../../../../src/components/Trigger/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const StyledButton = styled.button`\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  cursor: pointer;\n\n  background: transparent;\n\n  outline: none;\n  color: inherit;\n  font: inherit;\n\n  line-height: inherit;\n\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n\n  -webkit-appearance: none;\n\n  &::-moz-focus-inner {\n    border: 0;\n    padding: 0;\n  }\n`;\n\nStyledButton.displayName = \"StyledButton\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,YAAY,GAAGD,MAAM,CAACE,MAAM,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oSAyBxC;AAEDJ,YAAY,CAACG,WAAW,GAAG,cAAc"}
+{"version":3,"file":"Styles.js","names":["styled","StyledButton","button","withConfig","displayName","componentId"],"sources":["../../../../src/components/Trigger/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const StyledButton = styled.button`\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  cursor: pointer;\n\n  background: transparent;\n\n  outline: none;\n  color: inherit;\n  font: inherit;\n\n  line-height: inherit;\n\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n\n  -webkit-appearance: none;\n\n  &::-moz-focus-inner {\n    border: 0;\n    padding: 0;\n  }\n`;\n\nStyledButton.displayName = \"StyledButton\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,YAAY,GAAGD,MAAM,CAACE,MAAM,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oSAyBxC;AAEDJ,YAAY,CAACG,WAAW,GAAG,cAAc","ignoreList":[]}

package/dist/esm/components/Trigger/Trigger.js

@@ -1,12 +1,14 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["children", "type"];
 import React, { forwardRef } from "react";
 import { StyledButton } from "./Styles";
 export const Trigger = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
-    children,
-    type = "button",
-    ...rest
-  } = _ref;
+      children,
+      type = "button"
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledButton, _extends({
     ref: ref,
     role: "button",