@onepercentio/one-ui 1.3.0 → 1.3.2

package/dist/components/Transition/MasksFactory/SquareToBalls.js

@@ -1,66 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = _default;
-var _server = require("react-dom/server");
-var _react = _interopRequireDefault(require("react"));
-var _utils = _interopRequireWildcard(require("./utils"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * Creates an svg that transitions from a square grid to rounded corners and them shrinks the balls to reveal the content
- * @param amountOfVerticalSquares The amount of squares vertically to be shown
- */
-function _default() {
-  let amountOfVerticalSquares = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 10;
-  return function (el) {
-    const height = el.clientHeight;
-    const width = el.clientWidth;
-    const _ballsize = height / amountOfVerticalSquares;
-    const maximumBalls = width / _ballsize;
-    const amountOfBalls = Math.floor(maximumBalls);
-    const time = (0, _utils.getTime)(el);
-    const resultSvg = (0, _server.renderToString)(/*#__PURE__*/_react.default.createElement("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      id: Date.now().toString()
-    }, (0, _utils.default)(amountOfVerticalSquares, amountOfBalls, _ballsize).map(_ref => {
-      let {
-        ballSize,
-        x,
-        y
-      } = _ref;
-      return /*#__PURE__*/_react.default.createElement("rect", {
-        fill: "white"
-      }, /*#__PURE__*/_react.default.createElement("animate", {
-        attributeName: "rx",
-        attributeType: "XML",
-        values: "".concat(0, "px;", ballSize / 2, "px;").concat(ballSize / 2, "px"),
-        dur: "".concat(time, "ms")
-      }), /*#__PURE__*/_react.default.createElement("animate", {
-        attributeName: "x",
-        attributeType: "XML",
-        values: "".concat(x, "px;").concat(x, "px;").concat(x + ballSize / 2, "px"),
-        dur: "".concat(time, "ms")
-      }), /*#__PURE__*/_react.default.createElement("animate", {
-        attributeName: "y",
-        attributeType: "XML",
-        values: "".concat(y, "px;").concat(y, "px;").concat(y + ballSize / 2, "px"),
-        dur: "".concat(time, "ms")
-      }), /*#__PURE__*/_react.default.createElement("animate", {
-        attributeName: "width",
-        attributeType: "XML",
-        values: "".concat(ballSize, "px;").concat(ballSize, "px;", 0, "px"),
-        dur: "".concat(time, "ms")
-      }), /*#__PURE__*/_react.default.createElement("animate", {
-        attributeName: "height",
-        attributeType: "XML",
-        values: "".concat(ballSize, "px;").concat(ballSize, "px;", 0, "px"),
-        dur: "".concat(time, "ms")
-      }));
-    })));
-    return "url('data:image/svg+xml;charset=utf8,".concat(encodeURIComponent(resultSvg), "')");
-  };
-}
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfc2VydmVyIiwicmVxdWlyZSIsIl9yZWFjdCIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfdXRpbHMiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsImUiLCJ0IiwiV2Vha01hcCIsInIiLCJuIiwiX19lc01vZHVsZSIsIm8iLCJpIiwiZiIsIl9fcHJvdG9fXyIsImRlZmF1bHQiLCJoYXMiLCJnZXQiLCJzZXQiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsIl9kZWZhdWx0IiwiYW1vdW50T2ZWZXJ0aWNhbFNxdWFyZXMiLCJhcmd1bWVudHMiLCJsZW5ndGgiLCJ1bmRlZmluZWQiLCJlbCIsImhlaWdodCIsImNsaWVudEhlaWdodCIsIndpZHRoIiwiY2xpZW50V2lkdGgiLCJfYmFsbHNpemUiLCJtYXhpbXVtQmFsbHMiLCJhbW91bnRPZkJhbGxzIiwiTWF0aCIsImZsb29yIiwidGltZSIsImdldFRpbWUiLCJyZXN1bHRTdmciLCJyZW5kZXJUb1N0cmluZyIsImNyZWF0ZUVsZW1lbnQiLCJ4bWxucyIsImlkIiwiRGF0ZSIsIm5vdyIsInRvU3RyaW5nIiwiYnVpbGRHcmlkIiwibWFwIiwiX3JlZiIsImJhbGxTaXplIiwieCIsInkiLCJmaWxsIiwiYXR0cmlidXRlTmFtZSIsImF0dHJpYnV0ZVR5cGUiLCJ2YWx1ZXMiLCJjb25jYXQiLCJkdXIiLCJlbmNvZGVVUklDb21wb25lbnQiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UcmFuc2l0aW9uL01hc2tzRmFjdG9yeS9TcXVhcmVUb0JhbGxzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyByZW5kZXJUb1N0cmluZyB9IGZyb20gXCJyZWFjdC1kb20vc2VydmVyXCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgYnVpbGRHcmlkLCB7IGdldFRpbWUgfSBmcm9tIFwiLi91dGlsc1wiO1xuXG4vKipcbiAqIENyZWF0ZXMgYW4gc3ZnIHRoYXQgdHJhbnNpdGlvbnMgZnJvbSBhIHNxdWFyZSBncmlkIHRvIHJvdW5kZWQgY29ybmVycyBhbmQgdGhlbSBzaHJpbmtzIHRoZSBiYWxscyB0byByZXZlYWwgdGhlIGNvbnRlbnRcbiAqIEBwYXJhbSBhbW91bnRPZlZlcnRpY2FsU3F1YXJlcyBUaGUgYW1vdW50IG9mIHNxdWFyZXMgdmVydGljYWxseSB0byBiZSBzaG93blxuICovXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiAoYW1vdW50T2ZWZXJ0aWNhbFNxdWFyZXM6IG51bWJlciA9IDEwKSB7XG4gIHJldHVybiBmdW5jdGlvbiAoZWw6IEhUTUxEaXZFbGVtZW50KSB7XG4gICAgY29uc3QgaGVpZ2h0ID0gZWwuY2xpZW50SGVpZ2h0O1xuICAgIGNvbnN0IHdpZHRoID0gZWwuY2xpZW50V2lkdGg7XG4gICAgY29uc3QgX2JhbGxzaXplID0gaGVpZ2h0IC8gYW1vdW50T2ZWZXJ0aWNhbFNxdWFyZXM7XG4gICAgY29uc3QgbWF4aW11bUJhbGxzID0gd2lkdGggLyBfYmFsbHNpemU7XG4gICAgY29uc3QgYW1vdW50T2ZCYWxscyA9IE1hdGguZmxvb3IobWF4aW11bUJhbGxzKTtcblxuICAgIGNvbnN0IHRpbWUgPSBnZXRUaW1lKGVsKTtcblxuICAgIGNvbnN0IHJlc3VsdFN2ZyA9IHJlbmRlclRvU3RyaW5nKFxuICAgICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgaWQ9e0RhdGUubm93KCkudG9TdHJpbmcoKX0+XG4gICAgICAgIHtidWlsZEdyaWQoYW1vdW50T2ZWZXJ0aWNhbFNxdWFyZXMsIGFtb3VudE9mQmFsbHMsIF9iYWxsc2l6ZSkubWFwKFxuICAgICAgICAgICh7IGJhbGxTaXplLCB4LCB5IH0pID0+IHtcbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxyZWN0IGZpbGw9XCJ3aGl0ZVwiPlxuICAgICAgICAgICAgICAgIDxhbmltYXRlXG4gICAgICAgICAgICAgICAgICBhdHRyaWJ1dGVOYW1lPVwicnhcIlxuICAgICAgICAgICAgICAgICAgYXR0cmlidXRlVHlwZT1cIlhNTFwiXG4gICAgICAgICAgICAgICAgICB2YWx1ZXM9e2AkezB9cHg7JHtiYWxsU2l6ZSAvIDJ9cHg7JHtiYWxsU2l6ZSAvIDJ9cHhgfVxuICAgICAgICAgICAgICAgICAgZHVyPXtgJHt0aW1lfW1zYH1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDxhbmltYXRlXG4gICAgICAgICAgICAgICAgICBhdHRyaWJ1dGVOYW1lPVwieFwiXG4gICAgICAgICAgICAgICAgICBhdHRyaWJ1dGVUeXBlPVwiWE1MXCJcbiAgICAgICAgICAgICAgICAgIHZhbHVlcz17YCR7eH1weDske3h9cHg7JHt4ICsgYmFsbFNpemUgLyAyfXB4YH1cbiAgICAgICAgICAgICAgICAgIGR1cj17YCR7dGltZX1tc2B9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8YW5pbWF0ZVxuICAgICAgICAgICAgICAgICAgYXR0cmlidXRlTmFtZT1cInlcIlxuICAgICAgICAgICAgICAgICAgYXR0cmlidXRlVHlwZT1cIlhNTFwiXG4gICAgICAgICAgICAgICAgICB2YWx1ZXM9e2Ake3l9cHg7JHt5fXB4OyR7eSArIGJhbGxTaXplIC8gMn1weGB9XG4gICAgICAgICAgICAgICAgICBkdXI9e2Ake3RpbWV9bXNgfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPGFuaW1hdGVcbiAgICAgICAgICAgICAgICAgIGF0dHJpYnV0ZU5hbWU9XCJ3aWR0aFwiXG4gICAgICAgICAgICAgICAgICBhdHRyaWJ1dGVUeXBlPVwiWE1MXCJcbiAgICAgICAgICAgICAgICAgIHZhbHVlcz17YCR7YmFsbFNpemV9cHg7JHtiYWxsU2l6ZX1weDskezB9cHhgfVxuICAgICAgICAgICAgICAgICAgZHVyPXtgJHt0aW1lfW1zYH1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDxhbmltYXRlXG4gICAgICAgICAgICAgICAgICBhdHRyaWJ1dGVOYW1lPVwiaGVpZ2h0XCJcbiAgICAgICAgICAgICAgICAgIGF0dHJpYnV0ZVR5cGU9XCJYTUxcIlxuICAgICAgICAgICAgICAgICAgdmFsdWVzPXtgJHtiYWxsU2l6ZX1weDske2JhbGxTaXplfXB4OyR7MH1weGB9XG4gICAgICAgICAgICAgICAgICBkdXI9e2Ake3RpbWV9bXNgfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIDwvcmVjdD5cbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfVxuICAgICAgICApfVxuICAgICAgPC9zdmc+XG4gICAgKTtcblxuICAgIHJldHVybiBgdXJsKCdkYXRhOmltYWdlL3N2Zyt4bWw7Y2hhcnNldD11dGY4LCR7ZW5jb2RlVVJJQ29tcG9uZW50KFxuICAgICAgcmVzdWx0U3ZnXG4gICAgKX0nKWA7XG4gIH07XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLElBQUFBLE9BQUEsR0FBQUMsT0FBQTtBQUNBLElBQUFDLE1BQUEsR0FBQUMsc0JBQUEsQ0FBQUYsT0FBQTtBQUNBLElBQUFHLE1BQUEsR0FBQUMsdUJBQUEsQ0FBQUosT0FBQTtBQUE2QyxTQUFBSSx3QkFBQUMsQ0FBQSxFQUFBQyxDQUFBLDZCQUFBQyxPQUFBLE1BQUFDLENBQUEsT0FBQUQsT0FBQSxJQUFBRSxDQUFBLE9BQUFGLE9BQUEsWUFBQUgsdUJBQUEsWUFBQUEsQ0FBQUMsQ0FBQSxFQUFBQyxDQUFBLFNBQUFBLENBQUEsSUFBQUQsQ0FBQSxJQUFBQSxDQUFBLENBQUFLLFVBQUEsU0FBQUwsQ0FBQSxNQUFBTSxDQUFBLEVBQUFDLENBQUEsRUFBQUMsQ0FBQSxLQUFBQyxTQUFBLFFBQUFDLE9BQUEsRUFBQVYsQ0FBQSxpQkFBQUEsQ0FBQSx1QkFBQUEsQ0FBQSx5QkFBQUEsQ0FBQSxTQUFBUSxDQUFBLE1BQUFGLENBQUEsR0FBQUwsQ0FBQSxH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

package/dist/components/Transition/MasksFactory/utils.d.ts

@@ -1,8 +0,0 @@
-export default function buildGrid(amountOfVerticalSquares: number, howManyHorizontalSquare: number, ballSize: number): {
-    x: number;
-    y: number;
-    ballSize: number;
-    column: number;
-    row: number;
-}[];
-export declare function getTime(el: HTMLDivElement): number;

package/dist/components/Transition/MasksFactory/utils.js

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = buildGrid;
-exports.getTime = getTime;
-function buildGrid(amountOfVerticalSquares, howManyHorizontalSquare, ballSize) {
-  return new Array(howManyHorizontalSquare * amountOfVerticalSquares).fill(undefined).map((_, i) => {
-    const modX = Math.floor(i / howManyHorizontalSquare);
-    const modY = i - modX * howManyHorizontalSquare;
-    const ballsize = ballSize * 1.1;
-    const padding = (ballsize - ballSize) / 2;
-    const x = modY * ballSize - padding;
-    const y = modX * ballSize - padding;
-    return {
-      x,
-      y,
-      ballSize,
-      column: modY,
-      row: modX
-    };
-  });
-}
-function getTime(el) {
-  const _time = getComputedStyle(el.firstElementChild).getPropertyValue("--animation-speed-transition") || "250ms";
-  const __time = _time.endsWith("ms") ? Number(_time.replace("ms", "")) : Number(_time.replace("s", "")) * 1000;
-  return __time + 50;
-}
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJidWlsZEdyaWQiLCJhbW91bnRPZlZlcnRpY2FsU3F1YXJlcyIsImhvd01hbnlIb3Jpem9udGFsU3F1YXJlIiwiYmFsbFNpemUiLCJBcnJheSIsImZpbGwiLCJ1bmRlZmluZWQiLCJtYXAiLCJfIiwiaSIsIm1vZFgiLCJNYXRoIiwiZmxvb3IiLCJtb2RZIiwiYmFsbHNpemUiLCJwYWRkaW5nIiwieCIsInkiLCJjb2x1bW4iLCJyb3ciLCJnZXRUaW1lIiwiZWwiLCJfdGltZSIsImdldENvbXB1dGVkU3R5bGUiLCJmaXJzdEVsZW1lbnRDaGlsZCIsImdldFByb3BlcnR5VmFsdWUiLCJfX3RpbWUiLCJlbmRzV2l0aCIsIk51bWJlciIsInJlcGxhY2UiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UcmFuc2l0aW9uL01hc2tzRmFjdG9yeS91dGlscy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBidWlsZEdyaWQoXG4gIGFtb3VudE9mVmVydGljYWxTcXVhcmVzOiBudW1iZXIsXG4gIGhvd01hbnlIb3Jpem9udGFsU3F1YXJlOiBudW1iZXIsXG4gIGJhbGxTaXplOiBudW1iZXJcbikge1xuICByZXR1cm4gbmV3IEFycmF5KGhvd01hbnlIb3Jpem9udGFsU3F1YXJlICogYW1vdW50T2ZWZXJ0aWNhbFNxdWFyZXMpXG4gICAgLmZpbGwodW5kZWZpbmVkKVxuICAgIC5tYXAoKF8sIGkpID0+IHtcbiAgICAgIGNvbnN0IG1vZFggPSBNYXRoLmZsb29yKGkgLyBob3dNYW55SG9yaXpvbnRhbFNxdWFyZSk7XG4gICAgICBjb25zdCBtb2RZID0gaSAtIG1vZFggKiBob3dNYW55SG9yaXpvbnRhbFNxdWFyZTtcbiAgICAgIGNvbnN0IGJhbGxzaXplID0gYmFsbFNpemUgKiAxLjE7XG4gICAgICBjb25zdCBwYWRkaW5nID0gKGJhbGxzaXplIC0gYmFsbFNpemUpIC8gMjtcbiAgICAgIGNvbnN0IHggPSBtb2RZICogYmFsbFNpemUgLSBwYWRkaW5nO1xuICAgICAgY29uc3QgeSA9IG1vZFggKiBiYWxsU2l6ZSAtIHBhZGRpbmc7XG5cbiAgICAgIHJldHVybiB7XG4gICAgICAgIHgsXG4gICAgICAgIHksXG4gICAgICAgIGJhbGxTaXplLFxuICAgICAgICBjb2x1bW46IG1vZFksXG4gICAgICAgIHJvdzogbW9kWCxcbiAgICAgIH07XG4gICAgfSk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRUaW1lKGVsOiBIVE1MRGl2RWxlbWVudCkge1xuICBjb25zdCBfdGltZSA9XG4gICAgZ2V0Q29tcHV0ZWRTdHlsZShlbC5maXJzdEVsZW1lbnRDaGlsZCEpLmdldFByb3BlcnR5VmFsdWUoXG4gICAgICBcIi0tYW5pbWF0aW9uLXNwZWVkLXRyYW5zaXRpb25cIlxuICAgICkgfHwgXCIyNTBtc1wiO1xuICBjb25zdCBfX3RpbWUgPSBfdGltZS5lbmRzV2l0aChcIm1zXCIpXG4gICAgPyBOdW1iZXIoX3RpbWUucmVwbGFjZShcIm1zXCIsIFwiXCIpKVxuICAgIDogTnVtYmVyKF90aW1lLnJlcGxhY2UoXCJzXCIsIFwiXCIpKSAqIDEwMDA7XG4gIHJldHVybiBfX3RpbWUgKyA1MDtcbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFlLFNBQVNBLFNBQVNBLENBQy9CQyx1QkFBK0IsRUFDL0JDLHVCQUErQixFQUMvQkMsUUFBZ0IsRUFDaEI7RUFDQSxPQUFPLElBQUlDLEtBQUssQ0FBQ0YsdUJBQXVCLEdBQUdELHVCQUF1QixDQUFDLENBQ2hFSSxJQUFJLENBQUNDLFNBQVMsQ0FBQyxDQUNmQyxHQUFHLENBQUMsQ0FBQ0MsQ0FBQyxFQUFFQyxDQUFDLEtBQUs7SUFDYixNQUFNQyxJQUFJLEdBQUdDLElBQUksQ0FBQ0MsS0FBSyxDQUFDSCxDQUFDLEdBQUdQLHVCQUF1QixDQUFDO0lBQ3BELE1BQU1XLElBQUksR0FBR0osQ0FBQyxHQUFHQyxJQUFJLEdBQUdSLHVCQUF1QjtJQUMvQyxNQUFNWSxRQUFRLEdBQUdYLFFBQVEsR0FBRyxHQUFHO0lBQy9CLE1BQU1ZLE9BQU8sR0FBRyxDQUFDRCxRQUFRLEdBQUdYLFFBQVEsSUFBSSxDQUFDO0lBQ3pDLE1BQU1hLENBQUMsR0FBR0gsSUFBSSxHQUFHVixRQUFRLEdBQUdZLE9BQU87SUFDbkMsTUFBTUUsQ0FBQyxHQUFHUCxJQUFJLEdBQUdQLFFBQVEsR0FBR1ksT0FBTztJQUVuQyxPQUFPO01BQ0xDLENBQUM7TUFDREMsQ0FBQztNQUNEZCxRQUFRO01BQ1JlLE1BQU0sRUFBRUwsSUFBSTtNQUNaTSxHQUFHLEVBQUVUO0lBQ1AsQ0FBQztFQUNILENBQUMsQ0FBQztBQUNOO0FBRU8sU0FBU1UsT0FBT0EsQ0FBQ0MsRUFBa0IsRUFBRTtFQUMxQyxNQUFNQyxLQUFLLEdBQ1RDLGdCQUFnQixDQUFDRixFQUFFLENBQUNHLGlCQUFrQixDQUFDLENBQUNDLGdCQUFnQixDQUN0RCw4QkFDRixDQUFDLElBQUksT0FBTztFQUNkLE1BQU1DLE1BQU0sR0FBR0osS0FBSyxDQUFDSyxRQUFRLENBQUMsSUFBSSxDQUFDLEdBQy9CQyxNQUFNLENBQUNOLEtBQUssQ0FBQ08sT0FBTyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsQ0FBQyxHQUMvQkQsTUFBTSxDQUFDTixLQUFLLENBQUNPLE9BQU8sQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLENBQUMsR0FBRyxJQUFJO0VBQ3pDLE9BQU9ILE1BQU0sR0FBRyxFQUFFO0FBQ3BCIiwiaWdub3JlTGlzdCI6W119

package/dist/components/Transition/Transition.d.ts

@@ -1,114 +0,0 @@
-import React, { DetailedHTMLProps, Key, ReactElement } from "react";
-export type TransitionTypeDefinitions = {
-    transitionType?: TransitionAnimationTypes.SLIDE | TransitionAnimationTypes.POP_FROM_CLICK_ORIGIN | TransitionAnimationTypes.FADE | TransitionAnimationTypes.COIN_FLIP;
-} | {
-    transitionType?: TransitionAnimationTypes.POP_FROM_ELEMENT_ID;
-    elementId: string;
-} | {
-    transitionType?: TransitionAnimationTypes.MASK;
-    /**
-     * It provides the transition container so you can create a dynamic svg to mask with
-     */
-    maskFactory: (container: HTMLDivElement) => string;
-} | {
-    transitionType?: TransitionAnimationTypes.CUSTOM;
-    config: ReturnType<typeof TransitionClasses>;
-};
-export type TransitionProps = {
-    step: number;
-    className?: string;
-    contentStyle?: React.CSSProperties;
-    contentClassName?: string;
-    children: (React.ReactElement | undefined)[];
-    onDiscardStep?: (discardedKey: React.Key, startedAnimationAt: number) => void;
-    lockTransitionWidth?: boolean;
-    lockTransitionHeight?: boolean;
-} & TransitionTypeDefinitions & Omit<DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, any>, "className" | "children">;
-declare function TransitionClasses(type: NonNullable<Exclude<TransitionProps["transitionType"], TransitionAnimationTypes.CUSTOM>>): {
-    /**
-     * Applied to the element that was not visible and is now entering the screen
-     */
-    backward: {
-        elementEntering: string;
-        elementExiting: string;
-    };
-    /**
-     * Applied to the element that was visible and now is exiting the screen
-     */
-    forward: {
-        elementEntering: string;
-        elementExiting: string;
-    };
-};
-export declare enum TransitionAnimationTypes {
-    SLIDE = 0,
-    POP_FROM_CLICK_ORIGIN = 1,
-    POP_FROM_ELEMENT_ID = 2,
-    FADE = 3,
-    COIN_FLIP = 4,
-    MASK = 5,
-    CUSTOM = 6
-}
-/**
- * A component that manages smooth transitions between different views or screens.
- * It handles animations and switching between multiple children elements.
- *
- * Simple explanation: This component controls how content changes from one screen to another,
- * making the transition look smooth and professional with various animation styles.
- */
-declare const Transition: React.ForwardRefExoticComponent<(Omit<{
-    step: number;
-    className?: string | undefined;
-    contentStyle?: React.CSSProperties | undefined;
-    contentClassName?: string | undefined;
-    children: (React.ReactElement | undefined)[];
-    onDiscardStep?: ((discardedKey: React.Key, startedAnimationAt: number) => void) | undefined;
-    lockTransitionWidth?: boolean | undefined;
-    lockTransitionHeight?: boolean | undefined;
-} & {
-    transitionType?: TransitionAnimationTypes.SLIDE | TransitionAnimationTypes.POP_FROM_CLICK_ORIGIN | TransitionAnimationTypes.FADE | TransitionAnimationTypes.COIN_FLIP | undefined;
-} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, any>, "children" | "className">, "ref"> | Omit<{
-    step: number;
-    className?: string | undefined;
-    contentStyle?: React.CSSProperties | undefined;
-    contentClassName?: string | undefined;
-    children: (React.ReactElement | undefined)[];
-    onDiscardStep?: ((discardedKey: React.Key, startedAnimationAt: number) => void) | undefined;
-    lockTransitionWidth?: boolean | undefined;
-    lockTransitionHeight?: boolean | undefined;
-} & {
-    transitionType?: TransitionAnimationTypes.POP_FROM_ELEMENT_ID | undefined;
-    elementId: string;
-} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, any>, "children" | "className">, "ref"> | Omit<{
-    step: number;
-    className?: string | undefined;
-    contentStyle?: React.CSSProperties | undefined;
-    contentClassName?: string | undefined;
-    children: (React.ReactElement | undefined)[];
-    onDiscardStep?: ((discardedKey: React.Key, startedAnimationAt: number) => void) | undefined;
-    lockTransitionWidth?: boolean | undefined;
-    lockTransitionHeight?: boolean | undefined;
-} & {
-    transitionType?: TransitionAnimationTypes.MASK | undefined;
-    /**
-     * It provides the transition container so you can create a dynamic svg to mask with
-     */
-    maskFactory: (container: HTMLDivElement) => string;
-} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, any>, "children" | "className">, "ref"> | Omit<{
-    step: number;
-    className?: string | undefined;
-    contentStyle?: React.CSSProperties | undefined;
-    contentClassName?: string | undefined;
-    children: (React.ReactElement | undefined)[];
-    onDiscardStep?: ((discardedKey: React.Key, startedAnimationAt: number) => void) | undefined;
-    lockTransitionWidth?: boolean | undefined;
-    lockTransitionHeight?: boolean | undefined;
-} & {
-    transitionType?: TransitionAnimationTypes.CUSTOM | undefined;
-    config: ReturnType<typeof TransitionClasses>;
-} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, any>, "children" | "className">, "ref">) & React.RefAttributes<HTMLDivElement | null>>;
-/**
- * A component that manages smooth transitions between different views or screens.
- * It handles animations and switching between multiple children elements.
- */
-export default Transition;