@onepercentio/one-ui 0.29.0 → 0.29.2

package/dist-ts/components/LavaLamp/LavaLamp.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useRef } from "react";
+import useLavaLampSetup from "./LavaLamp.data";
+import Styles from "./LavaLamp.module.scss";
+/**
+ * A peaceful component simulating an interactive lavalamp
+ **/
+export default function LavaLamp({ className, children, }) {
+    const circleRef = useRef(null);
+    const { relativeTo, d, circlesConfig } = useLavaLampSetup((cx, cy) => {
+        const style = circleRef.current.style;
+        style.cx = cx;
+        style.cy = cy;
+    }, (size) => {
+        const style = circleRef.current.style;
+        style.r = size;
+    });
+    const randomCircles = useMemo(() => {
+        return circlesConfig.map(({ baseSize, startX, startY, translateX, translateY }) => (_jsx("circle", { r: baseSize + Math.random() * (baseSize / 2), fill: "#fff", cx: startX, cy: startY, children: _jsx("animateTransform", { additive: "sum", attributeName: "transform", attributeType: "XML", type: "translate", values: `0 0; ${translateX} ${translateY}; 0 0;`, dur: `${5 + Math.random() * 5}s`, repeatCount: "indefinite" }) })));
+    }, [circlesConfig]);
+    return (_jsxs("div", { ref: relativeTo, className: `${Styles.root} ${className}`, children: [d && (_jsxs("svg", { className: Styles.effect, viewBox: `0 0 ${d.width} ${d.height}`, children: [_jsxs("filter", { id: `goo-lava-lamp`, width: "10", height: "10", x: "0%", y: "0%", filterRes: "1", children: [_jsx("feGaussianBlur", { in: "SourceGraphic", result: "blur", stdDeviation: "40" }), _jsx("feColorMatrix", { in: "blur", mode: "matrix", values: "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 50 -7", result: "goo" })] }), _jsx("mask", { id: `mask-lava-lamp`, children: _jsxs("g", { filter: `url(#${`goo-lava-lamp`})`, fill: "#fff", children: [randomCircles, _jsx("circle", { ref: circleRef, fill: "#fff" })] }) }), _jsx("defs", { children: _jsxs("radialGradient", { id: "grad1", cx: "50%", cy: "50%", r: "50%", fx: "50%", fy: "50%", children: [_jsx("stop", { offset: "0%", style: {
+                                        stopColor: "var(--lava-lamp-color-a)",
+                                        stopOpacity: 1,
+                                    } }), _jsx("stop", { offset: "67.33%", style: {
+                                        stopColor: "var(--lava-lamp-color-b)",
+                                        stopOpacity: 1,
+                                    } }), _jsx("stop", { offset: "88.33%", style: {
+                                        stopColor: "var(--lava-lamp-color-c)",
+                                        stopOpacity: 1,
+                                    } })] }) }), _jsx("rect", { x: "-50%", y: "-50%", mask: `url(#${`mask-lava-lamp`})`, width: "200%", height: "200%", style: { fill: "url(#grad1)" } })] })), _jsx("div", { children: children })] }));
+}
+//# sourceMappingURL=LavaLamp.js.map

package/dist-ts/components/LavaLamp/LavaLamp.js.map

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

package/dist-ts/components/LavaLamp/LavaLamp.module.scss

@@ -0,0 +1,26 @@
+@use 'sass:math';
+
+$transitionMs: math.div(1000, 5);
+$transitionPositionMs: math.div($transitionMs, 2);
+@value transitionMs #{$transitionMs};
+@value transitionPositionMs #{$transitionPositionMs};
+
+.root {
+  position: relative;
+  svg.effect {
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    circle {
+      will-change: r, cx, cy;
+      transition: r #{$transitionMs}ms linear,
+        cx #{$transitionPositionMs}ms linear,
+        cy #{$transitionPositionMs}ms linear;
+    }
+  }
+  > div {
+    z-index: 1;
+  }
+}

package/dist-ts/components/LavaLamp/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./LavaLamp";
+export * from "./LavaLamp";

package/dist-ts/components/LavaLamp/index.js

@@ -0,0 +1,3 @@
+export { default } from "./LavaLamp";
+export * from "./LavaLamp";
+//# sourceMappingURL=index.js.map

package/dist-ts/components/LavaLamp/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LavaLamp/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,cAAc,YAAY,CAAC"}

package/dist-ts/components/LavaLamp/v2/LavaLamp.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from "react";
+export default function LavaLamp({ className, children, }: PropsWithChildren<{
+    className: string;
+}>): import("react/jsx-runtime").JSX.Element;

package/dist-ts/components/LavaLamp/v2/LavaLamp.js

@@ -0,0 +1,132 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import useMergeRefs from "../../../hooks/useMergeRefs";
+import useLavaLampSetup, { transitionPositionMs } from "../LavaLamp.data";
+import Styles from "./LavaLamp.module.scss";
+import { GuideOrb, Orb } from "../../../models/Orbs";
+export default function LavaLamp({ className, children, }) {
+    const guideConfig = useRef({
+        size: 0,
+        sizeTimestamp: Date.now(),
+        sizeIncrement: 0,
+        x: 0,
+        y: 0,
+        posTimestamp: Date.now(),
+        posIncrement: [0, 0],
+    });
+    const { relativeTo, circlesConfig, d } = useLavaLampSetup((x, y) => {
+        guideConfig.current.posIncrement = [
+            x - guideConfig.current.x,
+            y - guideConfig.current.y,
+        ];
+        guideConfig.current.x = x;
+        guideConfig.current.y = y;
+        guideConfig.current.posTimestamp = Date.now();
+    }, (_size) => {
+        const size = _size * 1.2;
+        guideConfig.current.sizeIncrement =
+            guideConfig.current.size === 0 ? 0 : size - guideConfig.current.size;
+        guideConfig.current.size = size;
+        guideConfig.current.sizeTimestamp = Date.now();
+    });
+    const _canvasRef = useRef(null);
+    const canvasRef = useMergeRefs(_canvasRef, relativeTo);
+    useEffect(() => {
+        if (!d)
+            return;
+        const fc = canvasRef.current;
+        const baseColor = getComputedStyle(relativeTo.current).getPropertyValue("--digital-blue") || "#000000";
+        var c = document.createElement("canvas"), w = (c.width = fc.width = d.width), h = (c.height = fc.height = d.height), ctx = c.getContext("2d"), fctx = fc.getContext("2d"), // f means final
+        opts = {
+            orbCount: circlesConfig.length,
+            baseVel: Math.max(d.width * 0.001, 1),
+            addedVel: Math.max(d.width * 0.001, 1),
+            alphaThreshold: 200,
+        }, orbs = [];
+        class CanvasOrbDrawer {
+            gradient;
+            newGradient(color, radius) {
+                const gradient = ctx.createRadialGradient(0, 0, 0, 0, 0, radius);
+                gradient.addColorStop(0, `${color}ff`);
+                gradient.addColorStop(0.8, `${color}cc`);
+                gradient.addColorStop(1, `${color}00`);
+                return gradient;
+            }
+            oldDrawCircle(x, y, radius) {
+                ctx.fillStyle = this.gradient ?? this.newGradient(baseColor, radius);
+                ctx.translate(x | 0, y | 0);
+                ctx.beginPath();
+                ctx.arc(0, 0, radius, 0, Math.PI * 2);
+                ctx.fill();
+                ctx.translate(-x | 0, -y | 0);
+            }
+            drawOrb(x, y, radius) {
+                this.oldDrawCircle(x, y, radius);
+            }
+            constructor(gradientRadius) {
+                if (gradientRadius)
+                    this.gradient = this.newGradient(baseColor, gradientRadius);
+            }
+        }
+        let animFrame;
+        function anim() {
+            animFrame = window.requestAnimationFrame(anim);
+            ctx.clearRect(0, 0, w, h);
+            fctx.fillStyle = "#0000";
+            fctx.fillRect(0, 0, w, h);
+            for (var i = 0; i < orbs.length; i++) {
+                const thisOrb = orbs[i];
+                if (thisOrb instanceof Orb) {
+                    thisOrb.step();
+                }
+                else {
+                    thisOrb.step(guideConfig.current.size, guideConfig.current.sizeIncrement, guideConfig.current.sizeTimestamp, guideConfig.current.posTimestamp, guideConfig.current, {
+                        x: guideConfig.current.posIncrement[0],
+                        y: guideConfig.current.posIncrement[1],
+                    });
+                }
+            }
+            var image = ctx.getImageData(0, 0, w, h), data = new Uint8Array(image.data.buffer);
+            for (var i = 3; i < data.length; i += 4)
+                data[i] /= data[i] < opts.alphaThreshold ? 6 : 1;
+            fctx.putImageData(image, 0, 0);
+        }
+        function randomVelocity() {
+            return (opts.baseVel + opts.addedVel * Math.random()) | 0;
+        }
+        const orbBounds = { width: w, height: h };
+        for (let circleConfig of circlesConfig) {
+            const radius = circleConfig.baseSize * 1.5;
+            const randomRadius = (radius + (radius / 2) * Math.random()) | 0;
+            const drawerInstance = new CanvasOrbDrawer(randomRadius);
+            orbs.push(new Orb(drawerInstance, randomVelocity(), orbBounds, randomRadius));
+        }
+        const guideOrbInstance = new GuideOrb(new CanvasOrbDrawer(), transitionPositionMs);
+        let guideOrbAutoInstance;
+        orbs.push(guideOrbInstance);
+        canvasRef.current.parentElement.onmouseleave = () => {
+            const indexOfGuide = orbs.indexOf(guideOrbInstance);
+            if (indexOfGuide !== -1) {
+                const drawerInstance = new CanvasOrbDrawer(guideOrbInstance.lastRadius);
+                guideOrbAutoInstance = new Orb(drawerInstance, randomVelocity(), orbBounds, guideOrbInstance.lastRadius);
+                guideOrbAutoInstance.radius = guideOrbInstance.lastRadius;
+                guideOrbAutoInstance.x = guideOrbInstance.lastX;
+                guideOrbAutoInstance.y = guideOrbInstance.lastY;
+                orbs.splice(indexOfGuide, 1);
+                orbs.push(guideOrbAutoInstance);
+            }
+        };
+        canvasRef.current.parentElement.onmouseenter = () => {
+            if (orbs.indexOf(guideOrbInstance) === -1) {
+                orbs.push(guideOrbInstance);
+                orbs.splice(orbs.indexOf(guideOrbAutoInstance), 1);
+            }
+        };
+        anim();
+        return () => {
+            window.cancelAnimationFrame(animFrame);
+        };
+    }, [circlesConfig]);
+    return (_jsxs("div", { className: `${className} ${Styles.root}`, children: [_jsx("canvas", { ref: canvasRef }), _jsx("div", { children: children })] }));
+}
+//# sourceMappingURL=LavaLamp.js.map

package/dist-ts/components/LavaLamp/v2/LavaLamp.js.map

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

package/dist-ts/components/LavaLamp/v2/LavaLamp.module.scss

@@ -0,0 +1,23 @@
+@use 'sass:math';
+
+$transitionMs: math.div(1000, 5);
+$transitionPositionMs: math.div($transitionMs, 2);
+@value transitionMs #{$transitionMs};
+@value transitionPositionMs #{$transitionPositionMs};
+
+.root {
+  position: relative;
+  > canvas {
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    width: 100%;
+    height: 100%;
+  }
+  > div {
+    position: relative;
+    z-index: 1;
+  }
+}

package/dist-ts/components/LinkToId/LinkToId.d.ts

@@ -0,0 +1,10 @@
+import { PropsWithChildren } from "react";
+export declare function scrollToId(id: OnepercentUtility.PageSections, shouldScrollToCenter?: boolean): void;
+/**
+ * This component creates an iteractive element and on click, routes to the specified id
+ **/
+export default function LinkToId({ children, id, link, scrollToCenter, }: PropsWithChildren<{
+    id?: OnepercentUtility.PageSections;
+    link?: string;
+    scrollToCenter?: boolean;
+}>): import("react/jsx-runtime").JSX.Element;

package/dist-ts/components/LinkToId/LinkToId.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Styles from "./LinkToId.module.scss";
+export function scrollToId(id, shouldScrollToCenter = false) {
+    const el = document.getElementById(id);
+    if (el) {
+        const elStyles = window.getComputedStyle(el);
+        const padding = Number(elStyles.paddingTop.replace(/[^0-9]+/g, ""));
+        const elementPosition = el.offsetTop;
+        const elementHeight = el.clientHeight;
+        window.scrollTo({
+            behavior: "smooth",
+            //Go to element, scroll half the screen height scrollback half the element height
+            top: shouldScrollToCenter
+                ? elementPosition + elementHeight / 2 - window.innerHeight / 2
+                : elementPosition + padding,
+        });
+    }
+}
+/**
+ * This component creates an iteractive element and on click, routes to the specified id
+ **/
+export default function LinkToId({ children, id, link, scrollToCenter = false, }) {
+    return link ? (_jsx("span", { className: Styles.root, onClick: () => window.open(link, "_blank"), children: children })) : (_jsx("span", { className: Styles.root, onClick: () => scrollToId(id, scrollToCenter), children: children }));
+}
+//# sourceMappingURL=LinkToId.js.map

package/dist-ts/components/LinkToId/LinkToId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkToId.js","sourceRoot":"","sources":["../../../src/components/LinkToId/LinkToId.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAE5C,MAAM,UAAU,UAAU,CACxB,EAAkC,EAClC,uBAAgC,KAAK;IAErC,MAAM,EAAE,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;IAEvC,IAAI,EAAE,EAAE,CAAC;QACP,MAAM,QAAQ,GAAG,MAAM,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC;QAC7C,MAAM,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,CAAC;QACpE,MAAM,eAAe,GAAG,EAAE,CAAC,SAAS,CAAC;QACrC,MAAM,aAAa,GAAG,EAAE,CAAC,YAAY,CAAC;QAEtC,MAAM,CAAC,QAAQ,CAAC;YACd,QAAQ,EAAE,QAAQ;YAClB,iFAAiF;YACjF,GAAG,EAAE,oBAAoB;gBACvB,CAAC,CAAC,eAAe,GAAG,aAAa,GAAG,CAAC,GAAG,MAAM,CAAC,WAAW,GAAG,CAAC;gBAC9D,CAAC,CAAC,eAAe,GAAG,OAAO;SAC9B,CAAC,CAAC;IACL,CAAC;AACH,CAAC;AAED;;IAEI;AACJ,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,QAAQ,EACR,EAAE,EACF,IAAI,EACJ,cAAc,GAAG,KAAK,GAKtB;IACA,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,eAAM,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,YACrE,QAAQ,GACJ,CACR,CAAC,CAAC,CAAC,CACF,eACE,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,EAAG,EAAE,cAAc,CAAC,YAE7C,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC"}

package/dist-ts/components/LinkToId/LinkToId.module.scss

@@ -0,0 +1,4 @@
+.root:hover {
+    text-decoration: underline;
+    cursor: pointer;
+}

package/dist-ts/components/LinkToId/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./LinkToId";
+export * from "./LinkToId";

package/dist-ts/components/LinkToId/index.js

@@ -0,0 +1,3 @@
+export { default } from "./LinkToId";
+export * from "./LinkToId";
+//# sourceMappingURL=index.js.map

package/dist-ts/components/LinkToId/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LinkToId/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,cAAc,YAAY,CAAC"}

package/dist-ts/components/Loader/Loader.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+/**
+ * A simple loader
+ **/
+export default function Loader({ className, ...props }: {
+    className?: string;
+} & React.HTMLProps<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;

package/dist-ts/components/Loader/Loader.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Styles from "./Loader.module.scss";
+/**
+ * A simple loader
+ **/
+export default function Loader({ className = "", ...props }) {
+    return (_jsxs("span", { className: `${Styles.indicator} ${className}`, ...props, children: [_jsx("span", {}), _jsx("span", {}), _jsx("span", {})] }));
+}
+//# sourceMappingURL=Loader.js.map

package/dist-ts/components/Loader/Loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAE1C;;IAEI;AACJ,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACiD;IACzD,OAAO,CACL,gBAAM,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,SAAS,EAAE,KAAM,KAAK,aAC5D,gBAAQ,EACR,gBAAQ,EACR,gBAAQ,IACH,CACR,CAAC;AACJ,CAAC"}

package/dist-ts/components/Loader/Loader.module.scss

@@ -0,0 +1,40 @@
+@import "../../assets/styles/variables.scss";
+
+.indicator {
+  white-space: nowrap;
+  font-size: 14px;
+  & span {
+    display: inline-block;
+    width: 0.75em;
+    height: 0.75em;
+    border-radius: 0.375em;
+    margin-left: 4px;
+    background-color: var(--loader--indicator-bg, $digitalBlue);
+    animation-name: transparentToOpaque;
+    animation-duration: $normal;
+    animation-iteration-count: infinite;
+    animation-timing-function: ease-out;
+    &:nth-child(1) {
+      margin-left: initial;
+      animation-delay: 0;
+    }
+    &:nth-child(2) {
+      animation-delay: $veryFast;
+    }
+    &:nth-child(3) {
+      animation-delay: $fast;
+    }
+  }
+}
+
+@keyframes transparentToOpaque {
+  0% {
+    opacity: 0;
+  }
+  50% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}

package/dist-ts/components/Loader/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Loader";
+export * from "./Loader";

package/dist-ts/components/Loader/index.js

@@ -0,0 +1,3 @@
+export { default } from "./Loader";
+export * from "./Loader";
+//# sourceMappingURL=index.js.map

package/dist-ts/components/Loader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Loader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,cAAc,UAAU,CAAC"}

package/dist-ts/components/LoaderDotsIndicator/LoaderDotsIndicator.d.ts

@@ -0,0 +1,8 @@
+/**
+ * . .. ... . .. ...
+ **/
+export default function LoaderDotsIndicator({ dotsCount, lockSize, }: {
+    dotsCount?: number;
+    /** Makes the dots so that they do not affect layout size */
+    lockSize?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist-ts/components/LoaderDotsIndicator/LoaderDotsIndicator.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+/**
+ * . .. ... . .. ...
+ **/
+export default function LoaderDotsIndicator({ dotsCount = 3, lockSize = false, }) {
+    const [text, setText] = useState(".");
+    useEffect(() => {
+        const fullText = new Array(dotsCount).fill(".").join("");
+        const intervalId = setInterval(() => {
+            setText((a) => (a === fullText ? "." : a + "."));
+        }, 250);
+        return () => clearInterval(intervalId);
+    }, [dotsCount]);
+    return (_jsxs(_Fragment, { children: [text, lockSize && (_jsx("span", { style: { color: "#0000" }, children: new Array(dotsCount - text.length).fill(".") }))] }));
+}
+//# sourceMappingURL=LoaderDotsIndicator.js.map

package/dist-ts/components/LoaderDotsIndicator/LoaderDotsIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoaderDotsIndicator.js","sourceRoot":"","sources":["../../../src/components/LoaderDotsIndicator/LoaderDotsIndicator.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD;;IAEI;AACJ,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,SAAS,GAAG,CAAC,EACb,QAAQ,GAAG,KAAK,GAKjB;IACC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IACtC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACzD,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;YAClC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;QACnD,CAAC,EAAE,GAAG,CAAC,CAAC;QAER,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,8BACG,IAAI,EACJ,QAAQ,IAAI,CACX,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,YAC5B,IAAI,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GACxC,CACR,IACA,CACJ,CAAC;AACJ,CAAC"}

package/dist-ts/components/LoaderDotsIndicator/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./LoaderDotsIndicator";
+export * from "./LoaderDotsIndicator";

package/dist-ts/components/LoaderDotsIndicator/index.js

@@ -0,0 +1,3 @@
+export { default } from "./LoaderDotsIndicator";
+export * from "./LoaderDotsIndicator";
+//# sourceMappingURL=index.js.map

package/dist-ts/components/LoaderDotsIndicator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LoaderDotsIndicator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,cAAc,uBAAuB,CAAC"}

package/dist-ts/components/LoopableVideo/LoopableVideo.d.ts

@@ -0,0 +1,9 @@
+import { DetailedHTMLProps, HTMLAttributes } from "react";
+/**
+ * Plays a video and loops between the end and the timestamp you set
+ **/
+export default function LoopableVideo({ videoSrc, percentToBackTo, ...props }: {
+    videoSrc: string;
+    /** A value between 0-1 indicating the timestamp to go back to */
+    percentToBackTo: number;
+} & DetailedHTMLProps<HTMLAttributes<HTMLVideoElement>, HTMLVideoElement>): import("react/jsx-runtime").JSX.Element;

package/dist-ts/components/LoopableVideo/LoopableVideo.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Plays a video and loops between the end and the timestamp you set
+ **/
+export default function LoopableVideo({ videoSrc, percentToBackTo, ...props }) {
+    if (process.env.NODE_ENV === "development")
+        if (percentToBackTo < 0 || percentToBackTo > 1)
+            throw new Error(`percentToBackTo should be a value between 0-1`);
+    return (_jsx("video", { autoPlay: true, muted: true, onEnded: ({ currentTarget }) => {
+            const el = currentTarget;
+            el.currentTime = el.duration * percentToBackTo;
+            el.play();
+        }, ...props, children: _jsx("source", { src: videoSrc }) }));
+}
+//# sourceMappingURL=LoopableVideo.js.map

package/dist-ts/components/LoopableVideo/LoopableVideo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoopableVideo.js","sourceRoot":"","sources":["../../../src/components/LoopableVideo/LoopableVideo.tsx"],"names":[],"mappings":";AAOA;;IAEI;AACJ,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,QAAQ,EACR,eAAe,EACf,GAAG,KAAK,EAK+D;IACvE,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa;QACxC,IAAI,eAAe,GAAG,CAAC,IAAI,eAAe,GAAG,CAAC;YAC5C,MAAM,IAAI,KAAK,CAAC,+CAA+C,CAAC,CAAC;IACrE,OAAO,CACL,gBACE,QAAQ,QACR,KAAK,QACL,OAAO,EAAE,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE;YAC7B,MAAM,EAAE,GAAG,aAA0D,CAAC;YACtE,EAAE,CAAC,WAAW,GAAG,EAAE,CAAC,QAAQ,GAAG,eAAe,CAAC;YAC/C,EAAE,CAAC,IAAI,EAAE,CAAC;QACZ,CAAC,KACG,KAAK,YAET,iBAAQ,GAAG,EAAE,QAAQ,GAAI,GACnB,CACT,CAAC;AACJ,CAAC"}

package/dist-ts/components/LoopableVideo/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./LoopableVideo";
+export * from "./LoopableVideo";

package/dist-ts/components/LoopableVideo/index.js

@@ -0,0 +1,3 @@
+export { default } from "./LoopableVideo";
+export * from "./LoopableVideo";
+//# sourceMappingURL=index.js.map

package/dist-ts/components/LoopableVideo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LoopableVideo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,cAAc,iBAAiB,CAAC"}

package/dist-ts/components/MainGrid/MainGrid.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+/**
+ * This layout divides the screen in 3 fragments and provides a responsive adaptation when on mobile
+ **/
+declare const MainGrid: React.ForwardRefExoticComponent<{
+    leftContent?: React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | undefined;
+    rightContent?: React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | undefined;
+    children: React.ReactElement;
+} & React.RefAttributes<Pick<{
+    setOrientation: (orientation: "forward" | "backward") => void;
+    sectionRef: React.RefObject<HTMLDivElement | null>;
+}, "setOrientation">>>;
+export default MainGrid;

package/dist-ts/components/MainGrid/MainGrid.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef, useImperativeHandle, useRef, } from "react";
+import UncontrolledTransition from "../UncontrolledTransition";
+import Styles from "./MainGrid.module.scss";
+function _MainGrid({ children, leftContent, rightContent, }, ref) {
+    const refs = [
+        useRef(null),
+        useRef(null),
+        useRef(null),
+    ];
+    useImperativeHandle(ref, () => ({
+        setOrientation: (orientation) => {
+            refs.forEach((r) => r.current?.setOrientation(orientation));
+        },
+    }), []);
+    return (_jsx(_Fragment, { children: _jsxs("div", { className: Styles.container, children: [_jsx("div", { className: leftContent ? Styles.content : "", children: _jsx(UncontrolledTransition, { className: Styles.section, ref: refs[0], children: leftContent }) }), _jsx("div", { children: _jsx(UncontrolledTransition, { className: Styles.section, ref: refs[1], children: children }) }), _jsx("div", { className: rightContent ? Styles.content : "", children: _jsx(UncontrolledTransition, { className: Styles.section, ref: refs[2], children: rightContent }) })] }) }));
+}
+/**
+ * This layout divides the screen in 3 fragments and provides a responsive adaptation when on mobile
+ **/
+const MainGrid = forwardRef(_MainGrid);
+export default MainGrid;
+//# sourceMappingURL=MainGrid.js.map

package/dist-ts/components/MainGrid/MainGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainGrid.js","sourceRoot":"","sources":["../../../src/components/MainGrid/MainGrid.tsx"],"names":[],"mappings":";AAAA,OAAc,EAGZ,UAAU,EACV,mBAAmB,EACnB,MAAM,GACP,MAAM,OAAO,CAAC;AACf,OAAO,sBAAsB,MAAM,2BAA2B,CAAC;AAC/D,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAE5C,SAAS,SAAS,CAChB,EACE,QAAQ,EACR,WAAW,EACX,YAAY,GAKb,EACD,GAEC;IAED,MAAM,IAAI,GAAG;QACX,MAAM,CAA4C,IAAI,CAAC;QACvD,MAAM,CAA4C,IAAI,CAAC;QACvD,MAAM,CAA4C,IAAI,CAAC;KACxD,CAAC;IAEF,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,CAAC;QACL,cAAc,EAAE,CAAC,WAAW,EAAE,EAAE;YAC9B,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC;QAC9D,CAAC;KACF,CAAC,EACF,EAAE,CACH,CAAC;IAEF,OAAO,CACL,4BACE,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC9B,cAAK,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,YAC/C,KAAC,sBAAsB,IAAC,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,YAC5D,WAAW,GACW,GACrB,EACN,wBACE,KAAC,sBAAsB,IAAC,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,YAC5D,QAAQ,GACc,GACrB,EACN,cAAK,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,YAChD,KAAC,sBAAsB,IAAC,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,YAC5D,YAAY,GACU,GACrB,IACF,GACL,CACJ,CAAC;AACJ,CAAC;AAED;;IAEI;AACJ,MAAM,QAAQ,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;AACvC,eAAe,QAAQ,CAAC"}

package/dist-ts/components/MainGrid/MainGrid.module.scss

@@ -0,0 +1,28 @@
+.container {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  justify-content: space-between;
+
+  // TODO: Priorize reducing width of empty elements insteas of the main container
+  > :nth-child(1),
+  > :nth-child(3) {
+    flex: 1;
+    max-width: 250px;
+    min-width: 150px;
+  }
+
+  .content {
+    min-width: 250px;
+  }
+
+  > :nth-child(2) {
+    flex: 1;
+    max-width: 1200px;
+  }
+}
+
+.section {
+  align-items: flex-start;
+  min-height: initial;
+}

package/dist-ts/components/MainGrid/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./MainGrid";
+export * from "./MainGrid";

package/dist-ts/components/MainGrid/index.js

@@ -0,0 +1,3 @@
+export { default } from "./MainGrid";
+export * from "./MainGrid";
+//# sourceMappingURL=index.js.map

package/dist-ts/components/MainGrid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/MainGrid/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,cAAc,YAAY,CAAC"}

package/dist-ts/components/MutableHamburgerButton/MutableHamburgerButton.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+/**
+ * A hamburger button that mutates according to it's state
+ **/
+export default function MutableHamburgerButton({ state, size, className, ...props }: {
+    state?: "default" | "closed" | "arrow-up" | "arrow-down" | "search" | "loading" | "checkmark" | "pencil" | "hamburger";
+    size: number;
+} & React.HTMLProps<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;

package/dist-ts/components/MutableHamburgerButton/MutableHamburgerButton.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Styles from "./MutableHamburgerButton.module.scss";
+/**
+ * A hamburger button that mutates according to it's state
+ **/
+export default function MutableHamburgerButton({ state = "default", size, className = "", ...props }) {
+    const stateClass = state in Styles ? Styles[state] : "";
+    return (_jsxs("div", { ...props, className: `${Styles.container} ${stateClass} ${className}`, style: { fontSize: `${size}px` }, children: [_jsx("div", {}), _jsx("div", {}), _jsx("div", {})] }));
+}
+//# sourceMappingURL=MutableHamburgerButton.js.map

package/dist-ts/components/MutableHamburgerButton/MutableHamburgerButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MutableHamburgerButton.js","sourceRoot":"","sources":["../../../src/components/MutableHamburgerButton/MutableHamburgerButton.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,sCAAsC,CAAC;AAE1D;;IAEI;AACJ,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,KAAK,GAAG,SAAS,EACjB,IAAI,EACJ,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EAayB;IACjC,MAAM,UAAU,GAAG,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAExD,OAAO,CACL,kBACM,KAAK,EACT,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,UAAU,IAAI,SAAS,EAAE,EAC3D,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,IAAI,EAAE,aAEhC,eAAO,EACP,eAAO,EACP,eAAO,IACH,CACP,CAAC;AACJ,CAAC"}