@onepercentio/one-ui 1.3.3 → 1.3.5

package/dist/components/PaginationIndicator/PaginationIndicator.js

@@ -0,0 +1,216 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnimatedPaginationIndicator = exports.PaginationIndicatorView = exports.PaginationIndicatorMode = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const MAX_BALLS = 7;
+const eachBallWidthEm = 1.2;
+const CENTER_GUIDE_BALL = 1;
+var PaginationIndicatorMode;
+(function (PaginationIndicatorMode) {
+    /** This will make the guide ball be kept on center  */
+    PaginationIndicatorMode[PaginationIndicatorMode["CENTERED"] = 0] = "CENTERED";
+    /** This will make the guide ball move, while the indicator balls keep in place */
+    PaginationIndicatorMode[PaginationIndicatorMode["START"] = 1] = "START";
+})(PaginationIndicatorMode || (exports.PaginationIndicatorMode = PaginationIndicatorMode = {}));
+function PaginationIndicatorView({ size, page: currentPage, pages: decimalPages, className, onClickPage, mode = PaginationIndicatorMode.CENTERED, infinite, }) {
+    const maxBalls = (0, react_1.useMemo)(() => (infinite ? 5 : MAX_BALLS), [infinite]);
+    const page = (0, react_1.useMemo)(() => {
+        const floor = Math.floor(decimalPages);
+        const modulus = decimalPages % floor;
+        if (currentPage > floor) {
+            const currentFloorModulus = currentPage % floor;
+            const equivalent = (currentFloorModulus * 100) / modulus;
+            return floor + equivalent / 100;
+        }
+        else {
+            return currentPage;
+        }
+    }, [currentPage, decimalPages]);
+    const rand = (0, react_1.useMemo)(() => Math.random().toString(), []);
+    const pageIndex = page - 1;
+    const pages = (0, react_1.useMemo)(() => Math.ceil(decimalPages), [decimalPages]);
+    const numBalls = (0, react_1.useMemo)(() => {
+        const numBalls = pages >= maxBalls ? maxBalls : Math.ceil(pages);
+        return numBalls;
+    }, [pages]);
+    const indexForTheBallsCenter = (0, react_1.useMemo)(() => (infinite ? numBalls - 5 : numBalls - 1) / 2, [numBalls, infinite]);
+    const balls = (0, react_1.useMemo)(() => {
+        const indexForLastPages = pages + 1 - indexForTheBallsCenter;
+        /**
+         * Is the page index (position of the center)
+         * after the first pages and
+         * before the last pages */
+        const isCenterPage = numBalls >= maxBalls &&
+            pageIndex > indexForTheBallsCenter &&
+            pageIndex < indexForLastPages - 1;
+        let modulus = pageIndex %
+            (1 + (indexForTheBallsCenter - Math.floor(indexForTheBallsCenter)));
+        const resetPageIndex = isCenterPage
+            ? indexForTheBallsCenter + modulus
+            : pages < maxBalls
+                ? pageIndex
+                : pageIndex >= indexForLastPages - 1
+                    ? numBalls - (pages - pageIndex)
+                    : pageIndex;
+        const left = eachBallWidthEm * resetPageIndex;
+        const { pushBallsToRightBy, pushBallsToLeftBy, pushGuideToRightBy } = mode === PaginationIndicatorMode.CENTERED
+            ? {
+                pushBallsToRightBy: Math.min(pages, maxBalls) * eachBallWidthEm,
+                pushBallsToLeftBy: left,
+                pushGuideToRightBy: 0,
+            }
+            : {
+                pushBallsToRightBy: (eachBallWidthEm - 0.5) / 2,
+                pushBallsToLeftBy: 0,
+                pushGuideToRightBy: left,
+            };
+        let pushToLeft = 0;
+        return new Array(CENTER_GUIDE_BALL + numBalls)
+            .fill(undefined)
+            .map((_, i) => {
+            const isLastBall = i === numBalls - 1;
+            const isFirstBall = i === 0;
+            if (i === numBalls) {
+                const diameter = 0.45 * 2;
+                const padding = (eachBallWidthEm - diameter) / 2;
+                return ((0, jsx_runtime_1.jsx)("rect", { fill: "#fff", width: `${diameter}em`, height: `${diameter}em`, x: `${pushBallsToRightBy - padding + pushGuideToRightBy - pushToLeft}em`, y: `${padding}em`, rx: `${diameter / 2}em` }));
+            }
+            const ballSize = numBalls < maxBalls
+                ? 0.5
+                : page <= indexForTheBallsCenter + 1 && isLastBall
+                    ? 0
+                    : pageIndex >= indexForLastPages - 1 && isFirstBall
+                        ? 0
+                        : isCenterPage
+                            ? isFirstBall
+                                ? 0.5 - modulus * 0.5
+                                : isLastBall
+                                    ? modulus * 0.5
+                                    : 0.5
+                            : 0.5;
+            if (i === 0 && mode === PaginationIndicatorMode.START)
+                pushToLeft = (0.5 - ballSize) * 2.4;
+            return ((0, jsx_runtime_1.jsx)("rect", { width: `${ballSize * 1.2}em`, height: `${ballSize * 1.2}em`, x: `${pushBallsToRightBy +
+                    i * eachBallWidthEm -
+                    pushBallsToLeftBy -
+                    pushToLeft}em`, y: `${(eachBallWidthEm - ballSize * 1.2) / 2}em`, rx: `${(ballSize * 1.2) / 2}em`, onClick: () => {
+                    if (onClickPage) {
+                        const pageClicked = (!isCenterPage
+                            ? pageIndex >= indexForLastPages - 1
+                                ? Math.floor(page) - resetPageIndex - 1
+                                : 0
+                            : Math.floor(page) - (indexForTheBallsCenter + 1)) +
+                            1 +
+                            i;
+                        onClickPage(Math.round(pageClicked));
+                    }
+                } }, `guide-${i}`));
+        });
+    }, [indexForTheBallsCenter, pageIndex, pages]);
+    const [guideBall, ...pageBalls] = balls.reverse();
+    let width = eachBallWidthEm * Math.min(pages, maxBalls) * 2;
+    if (mode === PaginationIndicatorMode.START)
+        width /= 2;
+    return ((0, jsx_runtime_1.jsxs)("svg", { version: "1.1", xmlns: "http://www.w3.org/2000/svg", className: className, style: {
+            width: `${width}em`,
+            minWidth: `${width}em`,
+            height: "1.2em",
+            fontSize: `${size}px`,
+        }, children: [(0, jsx_runtime_1.jsxs)("filter", { id: `goo-${rand}`, children: [(0, jsx_runtime_1.jsx)("feGaussianBlur", { in: "SourceGraphic", result: "blur", stdDeviation: "5" }), (0, jsx_runtime_1.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 18 -7", result: "goo" }), (0, jsx_runtime_1.jsx)("feBlend", { in2: "goo", in: "SourceGraphic", result: "mix" })] }), (0, jsx_runtime_1.jsx)("mask", { id: `mask-${rand}`, children: (0, jsx_runtime_1.jsxs)("g", { filter: `url(#${`goo-${rand}`})`, fill: "#fff", children: [[pageBalls], guideBall] }) }), (0, jsx_runtime_1.jsx)("rect", { x: "0", y: "0", mask: `url(#${`mask-${rand}`})`, width: "100%", height: "100%", style: { fill: "var(--digital-blue)" } }), onClickPage && ((0, jsx_runtime_1.jsx)("g", { opacity: 0, style: { cursor: "pointer" }, children: pageBalls }))] }));
+}
+exports.PaginationIndicatorView = PaginationIndicatorView;
+function AnimatedPaginationIndicator(props) {
+    const prevPage = (0, react_1.useRef)(props.page);
+    const [pageProgress, setPageProgress] = (0, react_1.useState)(props.page);
+    (0, react_1.useEffect)(() => {
+        const diff = props.page - prevPage.current;
+        const diffPerStep = diff / 60;
+        const interval = setInterval(() => {
+            setPageProgress((prev) => {
+                const next = prev + diffPerStep;
+                if (diff < 0) {
+                    if (next <= props.page) {
+                        clearInterval(interval);
+                        return props.page;
+                    }
+                }
+                else {
+                    if (next >= props.page) {
+                        clearInterval(interval);
+                        return props.page;
+                    }
+                }
+                return Number(next.toFixed(2));
+            });
+        }, props.duration / 60);
+        return () => {
+            prevPage.current = props.page;
+            clearInterval(interval);
+        };
+    }, [props.page]);
+    return (0, jsx_runtime_1.jsx)(PaginationIndicatorView, Object.assign({}, props, { page: pageProgress }));
+}
+exports.AnimatedPaginationIndicator = AnimatedPaginationIndicator;
+function _PaginationIndicator({ scrollableRef, estimatedWidth, size, className = "", onClickPage, mode, infinite, }, ref) {
+    const [currentPage, setCurrentPage] = (0, react_1.useState)(1);
+    const [defs, setDefs] = (0, react_1.useState)();
+    const refreshPages = (0, react_1.useCallback)(() => {
+        if (!scrollableRef.current)
+            return;
+        const maxWidth = estimatedWidth === undefined
+            ? scrollableRef.current.scrollWidth
+            : estimatedWidth;
+        const pages = maxWidth / scrollableRef.current.clientWidth;
+        if (pages > 1)
+            setDefs({
+                pages: infinite ? pages + 2 : pages,
+            });
+    }, [estimatedWidth, infinite]);
+    (0, react_1.useEffect)(() => refreshPages(), [refreshPages]);
+    const updatePageIndicators = (0, react_1.useCallback)((target, pages) => {
+        if (!scrollableRef.current)
+            return;
+        const eachPageWidth = scrollableRef.current.clientWidth;
+        const page = 1 + target.scrollLeft / eachPageWidth;
+        const lastPageProgress = Math.floor(pages) + 1;
+        const maximumProgress = pages + 1;
+        const diffToMax = maximumProgress - lastPageProgress;
+        const currentProgressOnDiff = page - lastPageProgress;
+        if (page > lastPageProgress) {
+            const p = lastPageProgress + currentProgressOnDiff / diffToMax;
+            setCurrentPage(p);
+        }
+        else
+            setCurrentPage(page);
+    }, []);
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        refreshPages,
+    }), []);
+    (0, react_1.useEffect)(() => {
+        if (!defs)
+            return;
+        const el = scrollableRef.current;
+        const onScroll = (e) => updatePageIndicators(e.currentTarget, defs.pages);
+        updatePageIndicators(el, defs.pages);
+        el.addEventListener("scroll", onScroll, {
+            passive: true,
+        });
+        return () => {
+            el.removeEventListener("scroll", onScroll);
+        };
+    }, [defs]);
+    const pages = (0, react_1.useMemo)(() => (defs ? defs.pages : undefined), [defs]);
+    return !pages ? null : ((0, jsx_runtime_1.jsx)(PaginationIndicatorView, { pages: pages, page: currentPage, size: size, className: className, onClickPage: onClickPage, mode: mode, infinite: infinite }));
+}
+/**
+ * A cool component to indicate how many pages are
+ **/
+/**
+ * A pagination indicator component that displays the current page
+ * and total number of pages using animated circular indicators.
+ * It updates visually when scrolling through pages.
+ */
+const PaginationIndicator = (0, react_1.forwardRef)(_PaginationIndicator);
+exports.default = PaginationIndicator;
+//# sourceMappingURL=PaginationIndicator.js.map

package/dist/components/PaginationIndicator/PaginationIndicator.js.map

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

package/dist/components/PaginationIndicator/index.d.ts

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

package/dist/components/PaginationIndicator/index.js

@@ -0,0 +1,24 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var PaginationIndicator_1 = require("./PaginationIndicator");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(PaginationIndicator_1).default; } });
+__exportStar(require("./PaginationIndicator"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/PaginationIndicator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PaginationIndicator/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,6DAAgD;AAAvC,+HAAA,OAAO,OAAA;AAChB,wDAAsC"}

package/dist/components/Parallax/Parallax.d.ts

@@ -0,0 +1,20 @@
+import React, { DetailedHTMLProps, HTMLAttributes, PropsWithChildren } from "react";
+type Props = PropsWithChildren<{
+    className?: string;
+    active: boolean;
+    onClick?: (e: any) => void;
+    reflection?: boolean;
+    maxParallax?: {
+        x: number;
+        y: number;
+    };
+}> & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+/**
+ * It holds a children and animates a tilt effect relative to mouse position
+ **/
+/**
+ * A component that creates a 3D tilt effect on its content based on where you move your mouse or touch the screen.
+ * When active, the element tilts and responds to your cursor position, creating an interactive depth effect.
+ **/
+declare const Parallax: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Parallax;

package/dist/components/Parallax/Parallax.js

@@ -0,0 +1,143 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const lodash_1 = require("lodash");
+const Parallax_module_scss_1 = __importDefault(require("./Parallax.module.scss"));
+const helpers_1 = require("./math/helpers");
+const useTilt_1 = require("../../hooks/ui/useTilt");
+const MAXIMUM_PARALLAX = {
+    x: 20,
+    y: 20,
+};
+function _Parallax(_a, ref) {
+    var { children, className = "", active, onClick, reflection, maxParallax = MAXIMUM_PARALLAX } = _a, props = __rest(_a, ["children", "className", "active", "onClick", "reflection", "maxParallax"]);
+    const parallaxableRef = (0, react_1.useRef)(null);
+    const reflectionRef = (0, react_1.useRef)(null);
+    const multiplierRef = (0, react_1.useRef)(1);
+    const initialPositionRef = (0, react_1.useRef)(undefined);
+    (0, react_1.useEffect)(() => {
+        if (ref)
+            ref.current =
+                parallaxableRef.current;
+        const el = parallaxableRef.current;
+        if (active && !initialPositionRef.current) {
+            initialPositionRef.current = getComputedStyle(el).transform;
+            if (initialPositionRef.current === "none")
+                initialPositionRef.current = "";
+            el.style.transform = `${initialPositionRef.current} rotateX(0deg) rotateY(0deg) translateZ(0px)`;
+        }
+        // eslint-disable-next-line
+    }, [active]);
+    (0, react_1.useEffect)(() => {
+        const el = parallaxableRef.current;
+        if (active) {
+            const updatePositions = (relativeToX, relativeToY) => {
+                const rect = el.getBoundingClientRect();
+                const { width: [x0, xW], height: [y0, yH], } = {
+                    width: [rect.left, el.clientWidth],
+                    height: [rect.top, el.clientHeight],
+                };
+                const distanceOffRight = (0, useTilt_1.calculateDistanceRelativeToBounds)(relativeToX, x0, xW, true);
+                const distanceOffBottom = (0, useTilt_1.calculateDistanceRelativeToBounds)(relativeToY, y0, yH, true);
+                const howMuchToRotateY = (0, useTilt_1.givenTheRelativePositionHowMuchToRotate)(distanceOffRight, maxParallax.y) * multiplierRef.current;
+                const howMuchToRotateX = (0, useTilt_1.givenTheRelativePositionHowMuchToRotate)(distanceOffBottom, maxParallax.x) * multiplierRef.current;
+                const howMuchToOpacify = Math.abs(Math.abs(distanceOffBottom - 0.5) / 0.5);
+                const howMuchToOpacifyHorizontal = Math.max(Math.abs(Math.abs(distanceOffRight - 0.5) / 0.5), Math.abs(Math.abs(distanceOffBottom - 0.5) / 0.5));
+                el.style.transform = `${initialPositionRef.current} rotateY(${howMuchToRotateY}deg) rotateX(${-howMuchToRotateX}deg) translateZ(${multiplierRef.current === 1 ? 0 : -30}px)`;
+                if (reflectionRef.current) {
+                    reflectionRef.current.style.left = `${(1 - distanceOffRight) * 100}%`;
+                    reflectionRef.current.style.top = `${(1 - distanceOffBottom) * 100}%`;
+                    reflectionRef.current.style.opacity = `${Math.min(howMuchToOpacify, howMuchToOpacifyHorizontal)}`;
+                }
+            };
+            const handler = (0, lodash_1.throttle)(({ x, y }) => {
+                updatePositions(x, y);
+            }, 1000 / 30);
+            const touchHandler = (0, lodash_1.throttle)(({ touches }) => {
+                const { pageX, pageY } = touches[0];
+                updatePositions(pageX, pageY);
+            }, 1000 / 30);
+            const mouseDownHandler = () => {
+                multiplierRef.current = 1.5;
+            };
+            const mouseUpHandler = () => {
+                multiplierRef.current = 1;
+            };
+            window.addEventListener("mousemove", handler);
+            window.addEventListener("touchmove", touchHandler);
+            let _inverseMatrix;
+            const _limits = {
+                beta: undefined,
+                gamma: undefined,
+            };
+            const orientationListener = ({ beta, gamma, }) => {
+                beta = beta * 0.5;
+                gamma = gamma * 0.5;
+                if (!_inverseMatrix) {
+                    window.removeEventListener("mousemove", handler);
+                    window.removeEventListener("touchmove", touchHandler);
+                    const offset = 12.5;
+                    _limits.beta = [beta - offset, beta + offset];
+                    _limits.gamma = [gamma - offset, gamma + offset];
+                }
+                const _beta = Math.min(_limits.beta[1], Math.max(_limits.beta[0], beta));
+                const _gamma = Math.min(_limits.gamma[1], Math.max(_limits.gamma[0], gamma));
+                if (!_inverseMatrix) {
+                    _inverseMatrix = (0, helpers_1.flattenMatrix)((0, helpers_1.invertMatrix)((0, helpers_1.generateMatrixFromOperations)({
+                        type: "rotateY",
+                        angle: _gamma,
+                    }, {
+                        type: "rotateX",
+                        angle: -_beta,
+                    })));
+                }
+                el.style.transform = `matrix3d(${_inverseMatrix.join(",")}) rotateX(${-_beta}deg) rotateY(${_gamma}deg)`;
+            };
+            window.addEventListener("deviceorientation", orientationListener);
+            window.addEventListener("touchend", () => {
+                _inverseMatrix = undefined;
+            });
+            el.addEventListener("touchstart", mouseDownHandler);
+            el.addEventListener("touchend", mouseUpHandler);
+            el.addEventListener("mousedown", mouseDownHandler);
+            el.addEventListener("mouseup", mouseUpHandler);
+            return () => {
+                window.removeEventListener("deviceorientation", orientationListener);
+                window.removeEventListener("mousemove", handler);
+                window.removeEventListener("touchmove", touchHandler);
+                el.removeEventListener("mousedown", mouseDownHandler);
+                el.removeEventListener("mouseup", mouseUpHandler);
+                el.removeEventListener("touchstart", mouseDownHandler);
+                el.removeEventListener("touchend", mouseUpHandler);
+                // el.style.transform = initialPositionRef.current!;
+                el.style.transform = `rotateX(0deg) rotateY(0deg) translateZ(0px)`;
+            };
+        }
+    }, [active]);
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ onClick: onClick, ref: parallaxableRef, className: `${Parallax_module_scss_1.default.parallax} ${className}` }, props, { children: [children, reflection && (0, jsx_runtime_1.jsx)("div", { ref: reflectionRef, className: Parallax_module_scss_1.default.reflection })] })));
+}
+/**
+ * It holds a children and animates a tilt effect relative to mouse position
+ **/
+/**
+ * A component that creates a 3D tilt effect on its content based on where you move your mouse or touch the screen.
+ * When active, the element tilts and responds to your cursor position, creating an interactive depth effect.
+ **/
+const Parallax = (0, react_1.forwardRef)(_Parallax);
+exports.default = Parallax;
+//# sourceMappingURL=Parallax.js.map

package/dist/components/Parallax/Parallax.js.map

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

package/dist/components/Parallax/Parallax.module.scss

@@ -0,0 +1,28 @@
+@use "../../assets/styles/index.scss" as *;
+
+.parallax {
+  display: flex;
+  position: relative;
+  transition: transform $fast;
+  overflow: hidden;
+  user-select: none;
+  transform: translate3d(0, 0, 0);
+}
+
+.reflection {
+  transform: translateX(-50%) translateY(-50%);
+  width: 40%;
+  pointer-events: none;
+  &::after {
+    background: radial-gradient(#fff2, #fff2 5%, #aaa0 50%);
+    background-size: 100% 100%;
+    content: "";
+    display: block;
+    padding-bottom: 100%;
+    border-radius: 50%;
+    background-repeat: no-repeat;
+  }
+  position: absolute;
+  left: -50%;
+  top: -50%;
+}

package/dist/components/Parallax/index.d.ts

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

package/dist/components/Parallax/index.js

@@ -0,0 +1,24 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var Parallax_1 = require("./Parallax");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Parallax_1).default; } });
+__exportStar(require("./Parallax"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/Parallax/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Parallax/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,uCAAqC;AAA5B,oHAAA,OAAO,OAAA;AAChB,6CAA2B"}

package/dist/components/Parallax/math/helpers.d.ts

@@ -0,0 +1,58 @@
+export type Matrix3D = [
+    [
+        number,
+        number,
+        number,
+        number
+    ],
+    [
+        number,
+        number,
+        number,
+        number
+    ],
+    [
+        number,
+        number,
+        number,
+        number
+    ],
+    [
+        number,
+        number,
+        number,
+        number
+    ]
+];
+export type OperationData = {
+    type: "rotateX" | "rotateY" | "rotateZ";
+    angle: number;
+} | {
+    type: "translate";
+    x: number;
+    y: number;
+    z: number;
+} | {
+    type: "scale";
+    factorX: number;
+    factorY: number;
+    factorZ: number;
+} | {
+    type: "perspective";
+    fieldOfViewInRadians: number;
+    aspect: number;
+    near: number;
+    far: number;
+} | {
+    type: "matrix";
+    matrix: Matrix3D;
+};
+export declare function IDENTITY_MATRIX(): Matrix3D;
+export declare function generateMatrixFromOperations(...operations: OperationData[]): Matrix3D;
+type NumberMatrix = readonly (readonly number[])[];
+export declare function multiplyMatrixes<X extends NumberMatrix>(matrix1: X, matrix2: NumberMatrix & {
+    length: X[number]["length"];
+}): number[][];
+export declare function invertMatrix(matrix: Matrix3D): Matrix3D;
+export declare function flattenMatrix(matrix: number[][]): number[];
+export {};