@onepercentio/one-ui 0.9.3 → 0.9.4

package/.firebase/hosting.c3Rvcnlib29rLXN0YXRpYw.cache

@@ -0,0 +1,75 @@
+273.da38e6e3.iframe.bundle.js.LICENSE.txt,1666377867406,1c3a162e598366aea2a1185fbc5ca62e5bc42c6bff0fe81c6e82cafeae27fabf
+0.e5489f12ab94aa497491.manager.bundle.js.LICENSE.txt,1664514042967,e5821af53f5c1cb96f0c2206ecd6c5e398a321dbaf453a2fbce6dde670c9aedd
+138.6187167c.iframe.bundle.js,1666377867405,7a90a23f3b69205fee401808c1dfeb26be8378177529d88d3d55d0c01d3de93d
+352.294a6a74.iframe.bundle.js,1666377867406,2e5524094eb1f2dec3cd7cdf9e9c98dd2421e69e249018bfc613d98ac797fee9
+363.f17b422d.iframe.bundle.js.LICENSE.txt,1666377867406,b0ee43f0770e722b3a8dcfd503a1d4d7623f43838eec6a13a1d018129575979c
+452.99cd3b8c.iframe.bundle.js,1666377867406,97fba6694f3d211297c6386b4c12f5b390a3e04034b99fce2b7629ac469f6a7f
+412.733afc6e.iframe.bundle.js,1666377867406,ddea9b4320f71aa51a879f3535276bf13b10cf567e94bbf119dcf2e0063dba30
+51.8e7baa4a.iframe.bundle.js.LICENSE.txt,1666377867406,e5821af53f5c1cb96f0c2206ecd6c5e398a321dbaf453a2fbce6dde670c9aedd
+551.c2ccadd6.iframe.bundle.js,1666377867406,ba1d71388aafab9a98e44ae52d3a6ebf0796e197938d8a98350a67a427a8c500
+46.ee106131.iframe.bundle.js,1666377867404,d6dcd8def3733bf53f9025cd6144c02e65b8322ec781879c2a056468dc9342ca
+553.652f0995.iframe.bundle.js.LICENSE.txt,1666377867406,ad08ede64ab37c3819875ddc200469700fcf88c1e7d325fda01f3bfb975d296e
+581.da7fce5d.iframe.bundle.js,1666377867406,a13d9a48c885e68e85152aebc8ce2d99445bc6d8e909e8d5dfbcac24717cc403
+629.45033b3b.iframe.bundle.js.LICENSE.txt,1666377867407,7d247fa440c2a29836bc172e3d52565dac032cc3eb0b0a091ba4ef78388f9bb0
+630.f2f00783.iframe.bundle.js,1666377867405,ac2a29b4dff6a52510dbf933e71b59513978f4be06c1f99229a0f32249da9be7
+645.2498ba11.iframe.bundle.js.LICENSE.txt,1666377867407,93cee1399f92562718eaca372b19e30a1261b3451cb71091bc51da9adeee0367
+10.398dd7a0522c1ff2b3a8.manager.bundle.js,1664514042967,f5f48bb3dbad3176c608af3002a433961ff572305daa20a1dba4da3272a4457a
+701.24112ab9.iframe.bundle.js,1666377867404,944ed0533494774d5cf3da99bea78edaab8ddffefdb7807bd73ffa8f5bcdf5e8
+71.7abff480.iframe.bundle.js.LICENSE.txt,1666377867409,1767c951bf4bbd6aefa6582c762078e9be67898bbb702c1bfbc8cbe19c6ee3ed
+745.6b9017a1.iframe.bundle.js,1666377867404,b62cb59dccf676047136665d298112d4c5b7440844136cecc0042c0096f36937
+7.a1c5467faea0833b53d1.manager.bundle.js,1664514042967,f8c01458d5dfaec2cc0630db21472002e0fcab30a52904b529e69d0f1d395b28
+806.11577851.iframe.bundle.js,1666377867405,cc7e4df0de58e36b331f97a51553718671fd2b63026b1e9183b9b27160de8f08
+6.d2f96bcf3b11b0f1a44b.manager.bundle.js,1664514042967,4393f41c69af041102d0c104096ec80aafd6c99a1cc9154a611e09d6dbe52397
+792.22a9b462.iframe.bundle.js,1666377867404,b6996fd025f238f7ab407df8fc7af957cd20d6f14261f561644fce68a413fc73
+807.8b5924ce.iframe.bundle.js.LICENSE.txt,1666377867409,ef8eca466dce2d951bb4180446aea6bc8112d8bfba79813960c47e4e317e197d
+85.1ef0d41f.iframe.bundle.js.LICENSE.txt,1666377867409,7db3ab804b2ffd27668a17a19fd9fcedc11cd1f48fd7db6fee37c255d17aa723
+866.2b96cc93.iframe.bundle.js.LICENSE.txt,1666377867412,491346643771ee1e603cda344f6478099b0ba773f688b916037d3b9099a16f79
+878.e3547f8c.iframe.bundle.js,1666377867406,131cd67a1123cfac227ba910d605223e0aa03f4be92ea25646e930d839b48ebe
+897.685241f9.iframe.bundle.js.LICENSE.txt,1666377867412,fbe6398a22fb37f4f4974a376b191e98629e8095a660c27e686143bb9a9902d5
+8.65ec2749796fb05c258c.manager.bundle.js.LICENSE.txt,1664514042967,fbe6398a22fb37f4f4974a376b191e98629e8095a660c27e686143bb9a9902d5
+5.23ef655b5acff6eac8ad.manager.bundle.js,1664514042967,0e697eb9f7923d1b986bb0b7fa0d2c0bb3a2a6fea71febe143ffd53eb0b480d7
+9.acd0ef9064e0667433ac.manager.bundle.js.LICENSE.txt,1664514042967,ef8eca466dce2d951bb4180446aea6bc8112d8bfba79813960c47e4e317e197d
+90.30e727d2.iframe.bundle.js,1666377867406,5606615d8243996e5629c8006ad049ec23146d854065f6cf1e5e0924deef1877
+1.7d0dd704b26935d06a04.manager.bundle.js,1664514042967,d6b81f2ee57de26acf538db65c56b4b60a44b2c98424511b86ae96bfaf9c85e9
+229.f9ea1466.iframe.bundle.js,1666377867406,0b9790a491df37b827ebba15273573327809035a06ad839f4126ef56b4dfbee1
+71.7abff480.iframe.bundle.js,1666377867414,adf3673da109d6e74c928c1e8299f43f550c7d331b6912114674768986e2602a
+929.9aa2f85f.iframe.bundle.js,1666377867406,a145489ef25f7765520dbbcaa327bf699347e20f0941a15406389412e452bd4c
+962.08244f28.iframe.bundle.js,1666377867406,7a8f0a666618f28c3e7abe9ae1f503d7008d79051fd91596c23f44316dcd8eb3
+950.78af67e2.iframe.bundle.js,1666377867405,4a1b9e6c0d86c27f3fb347593d2129f8d18c90cdcf4549c8ee2f7d1256ebe309
+iframe.html,1666377867404,9552702e6b79d49f3f279b7c01db240b4c31d8c21b51da73390138c95328de58
+index.html,1664514042967,5363d4917ee986c8f2d06b2f5d3a5e667cd9e7800fdf2d0146a450b3d6a3919d
+935.9c449351.iframe.bundle.js,1666377867406,d0440679846e8d969b7f8ec4c66bccf96c7499ee890d4935c3fdc30decb8be5e
+main.221efcc3.iframe.bundle.js.LICENSE.txt,1666377867412,5bcf7ad56e14554ea655f13f3a79ddf6fb23a153bf6028e5bfea9a7a6cd9154d
+main.3fb8cb266a67ec5355cf.manager.bundle.js.LICENSE.txt,1664514042967,0d91bbc72eef6d67d7e5b57ca8dc9385346fb8d99e26e82bab667ad877dcafa0
+favicon.ico,1664514042967,fc94bf783b951d5c93cd56c85a1574894ec813878f992833ddaef0ae6e71e21a
+project.json,1666377848871,fe8a7194a4f644b560b306774c63619f74ecf2ab51d4c3221d3a34a0fd5030a4
+runtime~main.64947dad.iframe.bundle.js,1666377867404,e0d164633628223079478463a9ec288533ba247fbbb1fc344820353e620e1494
+runtime~main.8e5cf3a9715a0d32d390.manager.bundle.js,1664514042967,edc7b653c556e395c336b1acb7e5edfd72a05259d5292a0aaf54c1389207a8a4
+vendors~main.7c47903ea43e951c3707.manager.bundle.js.LICENSE.txt,1664514042967,1bc6571ef90fb2713e2dbaafbb26214171f62f24e13067aa5c0ea46a9991c9d1
+static/media/Cipher.cf0cd97b.png,1666377867405,0e32b7eada53513ce977b93e399b7b2732cb3767c9007d1c4a54424accab22c0
+static/media/Fortmatic.4324caad.svg,1666377867405,2e8a98d5442de5b767e0bbad42489c3ba4988de13e76d8e504f0a31579d42beb
+static/media/Frame.aa35d8c0.png,1666377867405,4edd3390177a4694042208875e6c3d08ff918c67a0587af387eaaff1b5b69bff
+static/media/Portis.4676caf6.svg,1666377867405,f13caa2eef22b3d4b4153d8fc2c42153e1ea50ca4c5792666af0e50f2b4632b7
+static/media/Metamask.30eeac05.png,1666377867405,41dbc098eba7fbd59ead975d8004b7b18e9a63e16e2120fdb961039b413d39cc
+static/media/checkbox.1b6c2edc.svg,1666377867405,346ca48910522c6be69c571e04f8093376d5d220a17ec6a59127943bbbe6df49
+static/media/Status.20751041.png,1666377867405,5a4f84cfd1dde55a8c7cba07d5ad3b83e0926de521b0b615a84e582bd37f9568
+static/media/wallet.f29cb53a.svg,1666377867405,726fd2fd3296f9b0cbe3bbb41d3bee250aceb426d1e2a2af8e6b43068da15ae1
+static/media/walletconnect.9b7e021b.png,1666377867405,18c0e6b2ba43900c6687845ce64f517f0dc1e857b3703f3060150e30a8042715
+559.577b26d7.iframe.bundle.js,1666377867406,271e6aa44f69ccf5e04764f868bd0d215439424bcfbcaaa717a8df7ab1acd220
+51.8e7baa4a.iframe.bundle.js,1666377867414,27a954cdcf42c89bec614092dc9deb3c972e04231c41e609d71eafab04e6a7d2
+0.e5489f12ab94aa497491.manager.bundle.js,1664514042967,cd816f2bb94115cf5db61ac94e2e94b2a5f04660e5c3317cbca5de5da8bfa042
+897.685241f9.iframe.bundle.js,1666377867414,34b0dcf9a495fdafbaf35e4463f4d2f8a7921c2b09a837145bd28092a2e0ed66
+8.65ec2749796fb05c258c.manager.bundle.js,1664514042967,b5bacd8bc5c41a21b406794a0c31287c040eb0f4fe652423ebe41aec6c79d6ff
+220.674c0bf1.iframe.bundle.js,1666377867406,1246bb3b40453969948646672ce17169d2b0ce75e69be232709d78f48023d207
+629.45033b3b.iframe.bundle.js,1666377867426,c70af9e35238f5081bae93992f85870d2cf0fada0458f67aa413cb164f65d000
+363.f17b422d.iframe.bundle.js,1666377867427,16915379385d1923c1fd3747010e6cd380c65a460a9de7c996d007fee85b690b
+553.652f0995.iframe.bundle.js,1666377867427,6881f01752156ffba213565e8ce494abb7ddb5e194a14eed5cc69a70e625d84b
+273.da38e6e3.iframe.bundle.js,1666377867414,3af0c71ba4260c2f11c012aed72f45167263abfa4976108bb43dcfbd63093dd1
+645.2498ba11.iframe.bundle.js,1666377867414,3aae4897bb7a3685aeaac99e4bdf97c3a364de9aa667d61ee1221f2a77549140
+main.221efcc3.iframe.bundle.js,1666377867412,cfa4b4447f23296c58308829cd486f80225496cef25a30c2632a54b9087f4b01
+9.acd0ef9064e0667433ac.manager.bundle.js,1664514042967,a5c56da44fa0cdc458f63725ed1dc7195a05f6643b7d4c99080dc54db39b236f
+807.8b5924ce.iframe.bundle.js,1666377867414,0a35c523a5cf3c3342fbbed6a21c57ecb762e9a61ef34af0e632796c22df6671
+vendors~main.7c47903ea43e951c3707.manager.bundle.js,1664514042967,721bfac6df1ff36284ee300ba13a1f7c2babe8b59e17d477c7d693b0de97ad6c
+main.3fb8cb266a67ec5355cf.manager.bundle.js,1664514042967,a5920ce378dcaf6fe16bfe5bff0770aa03471f90460a26cd6fa489ca1b3e2068
+866.2b96cc93.iframe.bundle.js,1666377867427,5a09dcd8996fa317e27dec3d5aa2b6387e577e6557f6c55252a9bb00ef6d7ad8
+85.1ef0d41f.iframe.bundle.js,1666377867427,5c0dfa297102d88eb642e8c0ad68d8a6202697b73fad72f6f1f6957c8a6326ba

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

@@ -0,0 +1 @@
+export default function DiagonalReveal(el: HTMLDivElement): string;

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

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const server_1 = require("react-dom/server");
+const react_1 = __importDefault(require("react"));
+const utils_1 = require("./utils");
+function DiagonalReveal(el) {
+    const height = el.clientHeight;
+    const width = el.clientWidth;
+    const time = (0, utils_1.getTime)(el);
+    const filterId = `f-${Date.now().toString()}`;
+    const resultSvg = (0, server_1.renderToString)(react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", id: Date.now().toString() },
+        react_1.default.createElement("defs", null,
+            react_1.default.createElement("filter", { id: filterId, x: "0", y: "0" },
+                react_1.default.createElement("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "15" }))),
+        react_1.default.createElement("rect", { x: "-25", y: "-25", width: `${width * 1.5}px`, fill: "white", height: `${height * 1.1}px`, filter: `url(#${filterId})` },
+            react_1.default.createElement("animateTransform", { attributeName: "transform", attributeType: "XML", type: "rotate", values: "0 0 0; 25 0 0; 32 0 0;", dur: `${time}ms` }),
+            react_1.default.createElement("animateTransform", { additive: "sum", attributeName: "transform", attributeType: "XML", type: "translate", values: `0 0; 0 ${height * 0.2}; 0 ${height};`, dur: `${time}ms` }))));
+    return `url('data:image/svg+xml;charset=utf8,${encodeURIComponent(resultSvg)}')`;
+}
+exports.default = DiagonalReveal;
+//# sourceMappingURL=DiagonalReveal.js.map

package/dist/components/Transition/MasksFactory/DiagonalReveal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiagonalReveal.js","sourceRoot":"","sources":["../../../../src/components/Transition/MasksFactory/DiagonalReveal.tsx"],"names":[],"mappings":";;;;;AAAA,6CAAkD;AAClD,kDAA0B;AAC1B,mCAAkC;AAElC,SAAwB,cAAc,CAAC,EAAkB;IACvD,MAAM,MAAM,GAAG,EAAE,CAAC,YAAY,CAAC;IAC/B,MAAM,KAAK,GAAG,EAAE,CAAC,WAAW,CAAC;IAC7B,MAAM,IAAI,GAAG,IAAA,eAAO,EAAC,EAAE,CAAC,CAAC;IACzB,MAAM,QAAQ,GAAG,KAAK,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC;IAC9C,MAAM,SAAS,GAAG,IAAA,uBAAc,EAC9B,uCAAK,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE;QAC/D;YACE,0CAAQ,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG;gBAC/B,kDAAgB,EAAE,EAAC,eAAe,EAAC,YAAY,EAAC,IAAI,GAAG,CAChD,CACJ;QACP,wCACE,CAAC,EAAC,KAAK,EACP,CAAC,EAAC,KAAK,EACP,KAAK,EAAE,GAAG,KAAK,GAAG,GAAG,IAAI,EACzB,IAAI,EAAC,OAAO,EACZ,MAAM,EAAE,GAAG,MAAM,GAAG,GAAG,IAAI,EAC3B,MAAM,EAAE,QAAQ,QAAQ,GAAG;YAE3B,oDACE,aAAa,EAAC,WAAW,EACzB,aAAa,EAAC,KAAK,EACnB,IAAI,EAAC,QAAQ,EACb,MAAM,EAAC,wBAAwB,EAC/B,GAAG,EAAE,GAAG,IAAI,IAAI,GAChB;YACF,oDACE,QAAQ,EAAC,KAAK,EACd,aAAa,EAAC,WAAW,EACzB,aAAa,EAAC,KAAK,EACnB,IAAI,EAAC,WAAW,EAChB,MAAM,EAAE,UAAU,MAAM,GAAG,GAAG,OAAO,MAAM,GAAG,EAC9C,GAAG,EAAE,GAAG,IAAI,IAAI,GAChB,CACG,CACH,CACP,CAAC;IAEF,OAAO,wCAAwC,kBAAkB,CAC/D,SAAS,CACV,IAAI,CAAC;AACR,CAAC;AA1CD,iCA0CC"}

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

@@ -0,0 +1,5 @@
+/**
+ * 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
+ */
+export default function DiagonalSquareToBalls(amountOfVerticalSquares?: number): (el: HTMLDivElement) => string;

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

@@ -0,0 +1,64 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const server_1 = require("react-dom/server");
+const react_1 = __importDefault(require("react"));
+const utils_1 = __importStar(require("./utils"));
+/**
+ * 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 DiagonalSquareToBalls(amountOfVerticalSquares = 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_1.getTime)(el);
+        const rndTime = () => _time * 0.25 + _time * 0.75 * 1;
+        const resultSvg = (0, server_1.renderToString)(react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", id: Date.now().toString() }, (0, utils_1.default)(amountOfVerticalSquares, amountOfBalls, _ballsize).map(({ ballSize: _ballsize, x: _x, y: _y, column, row }) => {
+            const ratio = (column / amountOfBalls) * (row / amountOfVerticalSquares);
+            const fourthTime = rndTime() * 0.25;
+            const time = fourthTime + ratio * (fourthTime * 3);
+            const padding = 1 * _ballsize;
+            const ballsize = _ballsize - padding;
+            const x = _x + padding / 2;
+            const y = _y + padding / 2;
+            return (react_1.default.createElement("rect", { fill: "white", rx: `${ballsize}px` },
+                react_1.default.createElement("animate", { attributeName: "rx", attributeType: "XML", values: `${0}px;${0}px;${_ballsize}px`, dur: `${time / 2}ms` }),
+                react_1.default.createElement("animate", { attributeName: "x", attributeType: "XML", values: `${_x}px;${x}px;${x + ballsize / 2}px`, dur: `${time}ms` }),
+                react_1.default.createElement("animate", { attributeName: "y", attributeType: "XML", values: `${_y}px;${y}px;${y + ballsize / 2}px`, dur: `${time}ms` }),
+                react_1.default.createElement("animate", { attributeName: "width", attributeType: "XML", values: `${_ballsize}px;${ballsize}px;${0}px`, dur: `${time}ms` }),
+                react_1.default.createElement("animate", { attributeName: "height", attributeType: "XML", values: `${_ballsize}px;${ballsize}px;${0}px`, dur: `${time}ms` })));
+        })));
+        return `url('data:image/svg+xml;charset=utf8,${encodeURIComponent(resultSvg)}')`;
+    };
+}
+exports.default = DiagonalSquareToBalls;
+//# sourceMappingURL=DiagonalSquareToBalls.js.map

package/dist/components/Transition/MasksFactory/DiagonalSquareToBalls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiagonalSquareToBalls.js","sourceRoot":"","sources":["../../../../src/components/Transition/MasksFactory/DiagonalSquareToBalls.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+/**
+ * DO NOT DARE TO USE THIS IF YOU HAVE A MINIMAL RESPECT FOR PERFORMANCE
+ *
+ * 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
+ */
+export default function PhysicsSquares(amountOfVerticalSquares?: number): (el: HTMLDivElement) => string;

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

@@ -0,0 +1,86 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const utils_1 = __importDefault(require("./utils"));
+const matter_js_1 = __importDefault(require("matter-js"));
+/**
+ * DO NOT DARE TO USE THIS IF YOU HAVE A MINIMAL RESPECT FOR PERFORMANCE
+ *
+ * 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 PhysicsSquares(amountOfVerticalSquares = 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 gridData = (0, utils_1.default)(amountOfVerticalSquares, amountOfBalls, _ballsize);
+        const _time = getComputedStyle(el).getPropertyValue("--animation-speed-transition");
+        const time = _time.endsWith("ms")
+            ? Number(_time.replace("ms", ""))
+            : Number(_time.replace("s", "")) * 1000;
+        const canvas = document.createElement("canvas");
+        canvas.width = el.clientWidth / 10;
+        canvas.height = el.clientHeight / 10;
+        // module aliases
+        var Engine = matter_js_1.default.Engine, Render = matter_js_1.default.Render, Runner = matter_js_1.default.Runner, Bodies = matter_js_1.default.Bodies, Composite = matter_js_1.default.Composite;
+        // create an engine
+        var engine = Engine.create();
+        // create a renderer
+        var render = Render.create({
+            engine: engine,
+            options: {
+                wireframes: false,
+                background: "black",
+                height: el.clientHeight,
+                width: el.clientWidth,
+            },
+            canvas: canvas,
+            bounds: {
+                min: {
+                    x: 0,
+                    y: 0,
+                },
+                max: {
+                    x: el.clientWidth,
+                    y: el.clientHeight,
+                },
+            },
+        });
+        var ground = Bodies.rectangle(0, el.clientHeight, el.clientWidth * 2, 10, {
+            render: {
+                fillStyle: "black",
+            },
+            angle: 0.1,
+            isStatic: true,
+        });
+        const gridBodies = gridData.map((a) => Bodies.circle(a.x + a.ballSize / 2 + (Math.random() * a.ballSize) / 2, a.y + a.ballSize / 2 + (Math.random() * a.ballSize) / 2, a.ballSize / 4 + (Math.random() * a.ballSize) / 4, {
+            density: 0.1,
+            render: {
+                fillStyle: "black",
+            },
+        }));
+        // add all of the bodies to the world
+        Composite.add(engine.world, [...gridBodies, ground]);
+        // run the renderer
+        Render.run(render);
+        // create runner
+        var runner = Runner.create();
+        // run the engine
+        Runner.run(runner, engine);
+        const i = setInterval(() => {
+            el.firstElementChild.style.webkitMaskImage = `url('${canvas.toDataURL("base64")}')`;
+        }, 1000 / 60);
+        setTimeout(() => {
+            clearInterval(i);
+            Runner.stop(runner);
+        }, time);
+        return ``;
+    };
+}
+exports.default = PhysicsSquares;
+//# sourceMappingURL=PhysicsSquares.js.map

package/dist/components/Transition/MasksFactory/PhysicsSquares.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhysicsSquares.js","sourceRoot":"","sources":["../../../../src/components/Transition/MasksFactory/PhysicsSquares.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,5 @@
+/**
+ * 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
+ */
+export default function (amountOfVerticalSquares?: number): (el: HTMLDivElement) => string;

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

@@ -0,0 +1,56 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const server_1 = require("react-dom/server");
+const react_1 = __importDefault(require("react"));
+const utils_1 = __importStar(require("./utils"));
+/**
+ * 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_1(amountOfVerticalSquares = 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_1.getTime)(el);
+        const resultSvg = (0, server_1.renderToString)(react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", id: Date.now().toString() }, (0, utils_1.default)(amountOfVerticalSquares, amountOfBalls, _ballsize).map(({ ballSize, x, y }) => {
+            return (react_1.default.createElement("rect", { fill: "white" },
+                react_1.default.createElement("animate", { attributeName: "rx", attributeType: "XML", values: `${0}px;${ballSize / 2}px;${ballSize / 2}px`, dur: `${time}ms` }),
+                react_1.default.createElement("animate", { attributeName: "x", attributeType: "XML", values: `${x}px;${x}px;${x + ballSize / 2}px`, dur: `${time}ms` }),
+                react_1.default.createElement("animate", { attributeName: "y", attributeType: "XML", values: `${y}px;${y}px;${y + ballSize / 2}px`, dur: `${time}ms` }),
+                react_1.default.createElement("animate", { attributeName: "width", attributeType: "XML", values: `${ballSize}px;${ballSize}px;${0}px`, dur: `${time}ms` }),
+                react_1.default.createElement("animate", { attributeName: "height", attributeType: "XML", values: `${ballSize}px;${ballSize}px;${0}px`, dur: `${time}ms` })));
+        })));
+        return `url('data:image/svg+xml;charset=utf8,${encodeURIComponent(resultSvg)}')`;
+    };
+}
+exports.default = default_1;
+//# sourceMappingURL=SquareToBalls.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SquareToBalls.js","sourceRoot":"","sources":["../../../../src/components/Transition/MasksFactory/SquareToBalls.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkD;AAClD,kDAA0B;AAC1B,iDAA6C;AAE7C;;;GAGG;AACH,mBAAyB,0BAAkC,EAAE;IAC3D,OAAO,UAAU,EAAkB;QACjC,MAAM,MAAM,GAAG,EAAE,CAAC,YAAY,CAAC;QAC/B,MAAM,KAAK,GAAG,EAAE,CAAC,WAAW,CAAC;QAC7B,MAAM,SAAS,GAAG,MAAM,GAAG,uBAAuB,CAAC;QACnD,MAAM,YAAY,GAAG,KAAK,GAAG,SAAS,CAAC;QACvC,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAE/C,MAAM,IAAI,GAAG,IAAA,eAAO,EAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,SAAS,GAAG,IAAA,uBAAc,EAC9B,uCAAK,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,IAC9D,IAAA,eAAS,EAAC,uBAAuB,EAAE,aAAa,EAAE,SAAS,CAAC,CAAC,GAAG,CAC/D,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;YACrB,OAAO,CACL,wCAAM,IAAI,EAAC,OAAO;gBAChB,2CACE,aAAa,EAAC,IAAI,EAClB,aAAa,EAAC,KAAK,EACnB,MAAM,EAAE,GAAG,CAAC,MAAM,QAAQ,GAAG,CAAC,MAAM,QAAQ,GAAG,CAAC,IAAI,EACpD,GAAG,EAAE,GAAG,IAAI,IAAI,GAChB;gBACF,2CACE,aAAa,EAAC,GAAG,EACjB,aAAa,EAAC,KAAK,EACnB,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,QAAQ,GAAG,CAAC,IAAI,EAC7C,GAAG,EAAE,GAAG,IAAI,IAAI,GAChB;gBACF,2CACE,aAAa,EAAC,GAAG,EACjB,aAAa,EAAC,KAAK,EACnB,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,QAAQ,GAAG,CAAC,IAAI,EAC7C,GAAG,EAAE,GAAG,IAAI,IAAI,GAChB;gBACF,2CACE,aAAa,EAAC,OAAO,EACrB,aAAa,EAAC,KAAK,EACnB,MAAM,EAAE,GAAG,QAAQ,MAAM,QAAQ,MAAM,CAAC,IAAI,EAC5C,GAAG,EAAE,GAAG,IAAI,IAAI,GAChB;gBACF,2CACE,aAAa,EAAC,QAAQ,EACtB,aAAa,EAAC,KAAK,EACnB,MAAM,EAAE,GAAG,QAAQ,MAAM,QAAQ,MAAM,CAAC,IAAI,EAC5C,GAAG,EAAE,GAAG,IAAI,IAAI,GAChB,CACG,CACR,CAAC;QACJ,CAAC,CACF,CACG,CACP,CAAC;QAEF,OAAO,wCAAwC,kBAAkB,CAC/D,SAAS,CACV,IAAI,CAAC;IACR,CAAC,CAAC;AACJ,CAAC;AAzDD,4BAyDC"}

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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTime = void 0;
+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,
+        };
+    });
+}
+exports.default = buildGrid;
+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;
+}
+exports.getTime = getTime;
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/Transition/MasksFactory/utils.ts"],"names":[],"mappings":";;;AAAA,SAAwB,SAAS,CAC/B,uBAA+B,EAC/B,uBAA+B,EAC/B,QAAgB;IAEhB,OAAO,IAAI,KAAK,CAAC,uBAAuB,GAAG,uBAAuB,CAAC;SAChE,IAAI,CAAC,SAAS,CAAC;SACf,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACZ,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,uBAAuB,CAAC,CAAC;QACrD,MAAM,IAAI,GAAG,CAAC,GAAG,IAAI,GAAG,uBAAuB,CAAC;QAChD,MAAM,QAAQ,GAAG,QAAQ,GAAG,GAAG,CAAC;QAChC,MAAM,OAAO,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;QAC1C,MAAM,CAAC,GAAG,IAAI,GAAG,QAAQ,GAAG,OAAO,CAAC;QACpC,MAAM,CAAC,GAAG,IAAI,GAAG,QAAQ,GAAG,OAAO,CAAC;QAEpC,OAAO;YACL,CAAC;YACD,CAAC;YACD,QAAQ;YACR,MAAM,EAAE,IAAI;YACZ,GAAG,EAAE,IAAI;SACV,CAAC;IACJ,CAAC,CAAC,CAAC;AACP,CAAC;AAvBD,4BAuBC;AAED,SAAgB,OAAO,CAAC,EAAkB;IACxC,MAAM,KAAK,GACT,gBAAgB,CAAC,EAAE,CAAC,iBAAkB,CAAC,CAAC,gBAAgB,CACtD,8BAA8B,CAC/B,IAAI,OAAO,CAAC;IACf,MAAM,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC;QACjC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QACjC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC;IAC1C,OAAO,MAAM,GAAG,EAAE,CAAC;AACrB,CAAC;AATD,0BASC"}

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

@@ -4,6 +4,12 @@ export declare type TransitionTypeDefinitions = {
 } | {
     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>;
@@ -39,7 +45,8 @@ export declare enum TransitionAnimationTypes {
     POP_FROM_ELEMENT_ID = 2,
     FADE = 3,
     COIN_FLIP = 4,
-    CUSTOM = 5
+    MASK = 5,
+    CUSTOM = 6
 }
 declare const _default: React.ForwardRefExoticComponent<TransitionProps & React.RefAttributes<HTMLDivElement | null>>;
 export default _default;

package/dist/components/Transition/Transition.js

@@ -87,6 +87,17 @@ function TransitionClasses(type) {
                     elementExiting: Transition_module_scss_1.default.fadeOut,
                 },
             };
+        case TransitionAnimationTypes.MASK:
+            return {
+                backward: {
+                    elementEntering: Transition_module_scss_1.default.stubEntering,
+                    elementExiting: Transition_module_scss_1.default.stub,
+                },
+                forward: {
+                    elementEntering: Transition_module_scss_1.default.stubEntering,
+                    elementExiting: Transition_module_scss_1.default.stub,
+                },
+            };
     }
 }
 function ChildrenWrapperFactory(func, key, externalPropsContainer, toRemoveKeys) {
@@ -136,6 +147,9 @@ function Transition(_a, _containerRef) {
         const key = ((_c = children[step]) === null || _c === void 0 ? void 0 : _c.key) || step;
         if (prevStep.current !== step && lockTransitionWidth)
             containerRef.current.style.width = `${containerRef.current.clientWidth}px`;
+        const transitionMask = props.transitionType === TransitionAnimationTypes.MASK
+            ? props.maskFactory(containerRef.current)
+            : "";
         /** This runs on backwards */
         if (prevStep.current > step) {
             const stepToRemove = prevStep.current;
@@ -146,7 +160,7 @@ function Transition(_a, _containerRef) {
                 if (FirstNextScreen) {
                     Object.assign(FirstNextScreen.externalProps, {
                         "data-testid": "transition-container",
-                        style: contentStyle,
+                        style: Object.assign(Object.assign({}, contentStyle), { WebkitMaskImage: transitionMask }),
                         className: `${transitionClasses.backward.elementExiting}`,
                     });
                 }
@@ -204,7 +218,7 @@ function Transition(_a, _containerRef) {
                 if (lastWrapper) {
                     Object.assign(lastWrapper.externalProps, {
                         "data-testid": "transition-container",
-                        style: contentStyle,
+                        style: Object.assign(Object.assign({}, contentStyle), { WebkitMaskImage: transitionMask }),
                         className: `${contentClassName} ${transitionClasses.forward.elementExiting}`,
                         onAnimationEnd: (e) => {
                             var _a;
@@ -297,7 +311,8 @@ var TransitionAnimationTypes;
     TransitionAnimationTypes[TransitionAnimationTypes["POP_FROM_ELEMENT_ID"] = 2] = "POP_FROM_ELEMENT_ID";
     TransitionAnimationTypes[TransitionAnimationTypes["FADE"] = 3] = "FADE";
     TransitionAnimationTypes[TransitionAnimationTypes["COIN_FLIP"] = 4] = "COIN_FLIP";
-    TransitionAnimationTypes[TransitionAnimationTypes["CUSTOM"] = 5] = "CUSTOM";
+    TransitionAnimationTypes[TransitionAnimationTypes["MASK"] = 5] = "MASK";
+    TransitionAnimationTypes[TransitionAnimationTypes["CUSTOM"] = 6] = "CUSTOM";
 })(TransitionAnimationTypes = exports.TransitionAnimationTypes || (exports.TransitionAnimationTypes = {}));
 exports.default = (0, react_1.forwardRef)(Transition);
 //# sourceMappingURL=Transition.js.map

package/dist/components/Transition/Transition.js.map

@@ -1 +1 @@
-{"version":3,"file":"Transition.js","sourceRoot":"","sources":["../../../src/components/Transition/Transition.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Transition.js","sourceRoot":"","sources":["../../../src/components/Transition/Transition.tsx"],"names":[],"mappings":"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"}

package/dist/components/Transition/Transition.module.scss

@@ -19,6 +19,25 @@
   }
 }
 
+div.stub {
+  animation-name: stub;
+  position: absolute;
+  pointer-events: none;
+}
+
+div.stubEntering {
+  animation-name: stub;
+  z-index: -1;
+}
+@keyframes stub {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
 div.entranceLeft {
   animation-name: entranceLeft;
 }

package/dist/hooks/logs/useIsMounting.d.ts

@@ -0,0 +1 @@
+export default function useIsMounting(id: string): void;

package/dist/hooks/logs/useIsMounting.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+function useIsMounting(id) {
+    (0, react_1.useEffect)(() => {
+        console.log(id + " is mounting");
+    }, []);
+}
+exports.default = useIsMounting;
+//# sourceMappingURL=useIsMounting.js.map

package/dist/hooks/logs/useIsMounting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsMounting.js","sourceRoot":"","sources":["../../../src/hooks/logs/useIsMounting.ts"],"names":[],"mappings":";;AAAA,iCAAkC;AAElC,SAAwB,aAAa,CAAC,EAAU;IAC5C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,OAAO,CAAC,GAAG,CAAC,EAAE,GAAG,cAAc,CAAC,CAAA;IACpC,CAAC,EAAE,EAAE,CAAC,CAAC;AACX,CAAC;AAJD,gCAIC"}

package/dist/hooks/ui/useCustomScrollbar.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export default function useCustomScrollBar({ color, propagate }?: {
+    color?: string;
+    propagate?: boolean;
+} | undefined): {
+    /** The element that dhould have a custom scrollbar */
+    elRef: import("react").RefObject<HTMLDivElement>;
+};

package/dist/hooks/ui/useCustomScrollbar.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const useCustomScrollbar_module_scss_1 = __importDefault(require("./useCustomScrollbar.module.scss"));
+function useCustomScrollBar({ color = "", propagate = false } = {}) {
+    const elRef = (0, react_1.useRef)(null);
+    (0, react_1.useLayoutEffect)(() => {
+        elRef.current.style.setProperty("--scrollbar-color", color);
+        elRef.current.classList.add(useCustomScrollbar_module_scss_1.default.scrollBarRoot);
+        if (propagate) {
+            elRef.current.classList.add(useCustomScrollbar_module_scss_1.default.propagate);
+        }
+    }, []);
+    return {
+        /** The element that dhould have a custom scrollbar */
+        elRef,
+    };
+}
+exports.default = useCustomScrollBar;
+//# sourceMappingURL=useCustomScrollbar.js.map

package/dist/hooks/ui/useCustomScrollbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCustomScrollbar.js","sourceRoot":"","sources":["../../../src/hooks/ui/useCustomScrollbar.tsx"],"names":[],"mappings":";;;;;AAAA,iCAA2D;AAC3D,sGAAsD;AAEtD,SAAwB,kBAAkB,CAAC,EACzC,KAAK,GAAG,EAAE,EACV,SAAS,GAAG,KAAK,KACsC,EAAE;IACzD,MAAM,KAAK,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAE3C,IAAA,uBAAe,EAAC,GAAG,EAAE;QACnB,KAAK,CAAC,OAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC;QAC7D,KAAK,CAAC,OAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,wCAAM,CAAC,aAAa,CAAC,CAAC;QACnD,IAAI,SAAS,EAAE;YACX,KAAK,CAAC,OAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,wCAAM,CAAC,SAAS,CAAC,CAAC;SAClD;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,sDAAsD;QACtD,KAAK;KACN,CAAC;AACJ,CAAC;AAlBD,qCAkBC"}