@onepercentio/one-ui 1.3.3 → 1.3.5

package/dist/components/InfinityScroll/InfinityScroll.module.scss

@@ -0,0 +1,30 @@
+.container {
+  position: relative;
+  width: 100%;
+  display: flex;
+  overflow: auto;
+  /* Hide scrollbar for Chrome, Safari and Opera */
+  &::-webkit-scrollbar {
+    display: none;
+  }
+
+  /* Hide scrollbar for IE, Edge and Firefox */
+  & {
+    -ms-overflow-style: none; /* IE and Edge */
+    scrollbar-width: none; /* Firefox */
+  }
+  > * {
+    width: 100%;
+    min-width: 100%;
+  }
+
+  > :first-child {
+    // background-color: green;
+  }
+  > :nth-child(2) {
+    // background-color: yellow;
+  }
+  > :nth-child(3) {
+    // background-color: blue;
+  }
+}

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

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

package/dist/components/InfinityScroll/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 InfinityScroll_1 = require("./InfinityScroll");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(InfinityScroll_1).default; } });
+__exportStar(require("./InfinityScroll"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/InfinityScroll/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,mDAA2C;AAAlC,0HAAA,OAAO,OAAA;AAChB,mDAAiC"}

package/dist/components/Input/Input.d.ts

@@ -0,0 +1,43 @@
+import React, { ChangeEventHandler, DetailedHTMLProps, ReactElement } from "react";
+export type InputProps = {
+    decoration?: React.ReactElement | null;
+    error?: string | ReactElement;
+    hideError?: "onfocus";
+    placeholder?: string;
+    disclaimer?: string | ReactElement;
+    multiline?: number;
+    icon?: {
+        onClick?: () => void;
+    } & DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, any>;
+    Icon?: React.ReactElement;
+    onChange?: ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    containerProps?: Omit<React.HTMLProps<HTMLDivElement>, "ref">;
+    value?: string;
+    "data-testid"?: string;
+} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref" | "onChange" | "value">;
+/**
+ * A transparent input with some prebuilt states common to the application
+ **/
+/**
+ * A simple text input component that users can type into.
+ * It supports both single-line and multi-line text entry,
+ * displays error messages when needed, and can show icons or
+ * custom decorations next to the input field.
+ */
+declare const Input: React.ForwardRefExoticComponent<{
+    decoration?: React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null | undefined;
+    error?: string | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | undefined;
+    hideError?: "onfocus" | undefined;
+    placeholder?: string | undefined;
+    disclaimer?: string | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | undefined;
+    multiline?: number | undefined;
+    icon?: ({
+        onClick?: (() => void) | undefined;
+    } & React.ClassAttributes<any> & React.ImgHTMLAttributes<HTMLImageElement>) | undefined;
+    Icon?: React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | undefined;
+    onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+    containerProps?: Omit<React.HTMLProps<HTMLDivElement>, "ref"> | undefined;
+    value?: string | undefined;
+    "data-testid"?: string | undefined;
+} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref" | "value" | "onChange"> & React.RefAttributes<any>>;
+export default Input;

package/dist/components/Input/Input.js

@@ -0,0 +1,68 @@
+"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 OneUIProvider_1 = require("../../context/OneUIProvider");
+const Text_1 = __importDefault(require("../Text"));
+const Input_module_scss_1 = __importDefault(require("./Input.module.scss"));
+const AdaptiveContainer_1 = __importDefault(require("../AdaptiveContainer"));
+function _Input(_a, ref) {
+    var _b, _c, _d;
+    var { error, placeholder = " ", hideError, icon, Icon, autoFocus, disclaimer, multiline, decoration = null, containerProps, className: localClassName } = _a, otherProps = __rest(_a, ["error", "placeholder", "hideError", "icon", "Icon", "autoFocus", "disclaimer", "multiline", "decoration", "containerProps", "className"]);
+    const className = (0, OneUIProvider_1.useOneUIConfig)("component.input.className", {});
+    const variants = (0, OneUIProvider_1.useOneUIConfig)("component.input.labelVariants", {});
+    const [focused, setFocused] = (0, react_1.useState)(false);
+    const inputRef = (0, react_1.useRef)(null);
+    (0, react_1.useImperativeHandle)(ref, () => inputRef.current, []);
+    const shouldShowError = (0, react_1.useMemo)(() => {
+        if (hideError === "onfocus")
+            return !focused;
+        return !!error;
+    }, [focused, error, hideError]);
+    (0, react_1.useEffect)(() => {
+        if (autoFocus) {
+            const t = setTimeout(() => {
+                inputRef.current.focus();
+            }, 500);
+            return () => clearTimeout(t);
+        }
+    }, [autoFocus]);
+    const Component = multiline ? "textarea" : "input";
+    const containerRef = (0, react_1.useRef)(null);
+    const maxWidth = (0, react_1.useMemo)(() => { var _a; return (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width; }, [error, disclaimer]);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `${className.container} ${localClassName}`, children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `${Input_module_scss_1.default.inputContainer} ${false ? Input_module_scss_1.default.withIcon : ""}`, ref: containerRef }, containerProps, { children: [decoration, (0, jsx_runtime_1.jsx)(Component, Object.assign({ ref: inputRef, placeholder: placeholder, rows: multiline, className: `${className.input}${error && shouldShowError ? ` ${(_b = className.error) !== null && _b !== void 0 ? _b : ""}` : ""}` }, otherProps, { onFocus: (e) => {
+                            setFocused(true);
+                            if (otherProps.onFocus)
+                                otherProps.onFocus(e);
+                        }, onBlur: (e) => {
+                            setFocused(false);
+                            if (otherProps.onBlur)
+                                otherProps.onBlur(e);
+                        } })), Icon && (0, jsx_runtime_1.jsx)("div", { className: Input_module_scss_1.default.icon, children: Icon }), icon && (0, jsx_runtime_1.jsx)("img", Object.assign({ className: Input_module_scss_1.default.icon }, icon))] })), (0, jsx_runtime_1.jsx)(AdaptiveContainer_1.default, { direction: "v", style: { maxWidth: maxWidth }, children: error && shouldShowError ? ((0, jsx_runtime_1.jsx)(Text_1.default, { title: typeof error === "string" ? error : "", type: (_c = variants.error) !== null && _c !== void 0 ? _c : "error", children: error }, "error")) : disclaimer ? ((0, jsx_runtime_1.jsx)(Text_1.default, { title: typeof disclaimer === "string" ? disclaimer : "", type: (_d = variants.disclaimer) !== null && _d !== void 0 ? _d : "caption", children: disclaimer }, "t")) : ((0, jsx_runtime_1.jsx)(react_1.Fragment, {}, "e")) })] }));
+}
+/**
+ * A transparent input with some prebuilt states common to the application
+ **/
+/**
+ * A simple text input component that users can type into.
+ * It supports both single-line and multi-line text entry,
+ * displays error messages when needed, and can show icons or
+ * custom decorations next to the input field.
+ */
+const Input = (0, react_1.forwardRef)(_Input);
+exports.default = Input;
+//# sourceMappingURL=Input.js.map

package/dist/components/Input/Input.js.map

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

package/dist/components/Input/Input.module.scss

@@ -0,0 +1,31 @@
+@use "../../assets/styles/index.scss" as *;
+
+.inputContainer {
+  position: relative;
+  display: flex;
+  font-size: 22px;
+  line-height: 33px;
+  .icon {
+    position: absolute;
+    top: 50%;
+    right: 1.5px;
+    min-height: 30px;
+    min-width: 30px;
+    cursor: pointer;
+    user-select: none;
+    margin: -7.5px 0px;
+    &img {
+      height: 30px;
+      width: 30px;
+    }
+  }
+  &.withIcon {
+    padding-right: 33px;
+  }
+  input,
+  textarea {
+    background-color: transparent;
+    width: 100%;
+    outline: none;
+  }
+}

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

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

package/dist/components/Input/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 Input_1 = require("./Input");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Input_1).default; } });
+__exportStar(require("./Input"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,iCAAkC;AAAzB,iHAAA,OAAO,OAAA;AAChB,0CAAwB"}

package/dist/components/InstantCounter/InstantCounter.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { FormatNumberOptions } from "react-intl";
+/**
+ * Increments the numbers from 0 to the provided value
+ **/
+declare const InstantCounter: React.ForwardRefExoticComponent<{
+    from?: number | undefined;
+    to: number;
+    framesPerSecond?: number | undefined;
+    durationInSeconds: number;
+    formatOptions?: FormatNumberOptions | undefined;
+    autoStart?: boolean | undefined;
+} & React.RefAttributes<{
+    start: () => void;
+}>>;
+export default InstantCounter;

package/dist/components/InstantCounter/InstantCounter.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_intl_1 = require("react-intl");
+function _InstantCounter({ from = 0, to, framesPerSecond = 30, durationInSeconds, formatOptions = {}, autoStart = true, }, ref) {
+    const [started, setStarted] = (0, react_1.useState)(autoStart);
+    const initialValue = (0, react_1.useRef)(from);
+    const spanRef = (0, react_1.useRef)(null);
+    const { formatNumber } = (0, react_intl_1.useIntl)();
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        start: () => setStarted(true),
+    }), []);
+    (0, react_1.useEffect)(() => {
+        if (started) {
+            const incrementBy = (to - initialValue.current) / (framesPerSecond * durationInSeconds);
+            spanRef.current.innerHTML = formatNumber(initialValue.current, formatOptions);
+            const intervalId = setInterval(() => {
+                initialValue.current += incrementBy;
+                spanRef.current.innerHTML = formatNumber(initialValue.current, formatOptions);
+                if (Math.round(initialValue.current) === Math.round(to)) {
+                    clearInterval(intervalId);
+                }
+            }, 1000 / framesPerSecond);
+            return () => {
+                clearInterval(intervalId);
+            };
+        }
+    }, [started, to]);
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("span", { ref: spanRef }) }));
+}
+/**
+ * Increments the numbers from 0 to the provided value
+ **/
+const InstantCounter = (0, react_1.forwardRef)(_InstantCounter);
+exports.default = InstantCounter;
+//# sourceMappingURL=InstantCounter.js.map

package/dist/components/InstantCounter/InstantCounter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstantCounter.js","sourceRoot":"","sources":["../../../src/components/InstantCounter/InstantCounter.tsx"],"names":[],"mappings":";;;AAAA,iCAOe;AACf,2CAA0D;AAE1D,SAAS,eAAe,CACtB,EACE,IAAI,GAAG,CAAC,EACR,EAAE,EACF,eAAe,GAAG,EAAE,EACpB,iBAAiB,EACjB,aAAa,GAAG,EAAE,EAClB,SAAS,GAAG,IAAI,GAQjB,EACD,GAAwC;IAExC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,SAAS,CAAC,CAAC;IAClD,MAAM,YAAY,GAAG,IAAA,cAAM,EAAS,IAAI,CAAC,CAAC;IAC1C,MAAM,OAAO,GAAG,IAAA,cAAM,EAAkB,IAAI,CAAC,CAAC;IAC9C,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,oBAAO,GAAE,CAAC;IAEnC,IAAA,2BAAmB,EACjB,GAAG,EACH,GAAG,EAAE,CAAC,CAAC;QACL,KAAK,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC;KAC9B,CAAC,EACF,EAAE,CACH,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,OAAO,EAAE,CAAC;YACZ,MAAM,WAAW,GACf,CAAC,EAAE,GAAG,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,eAAe,GAAG,iBAAiB,CAAC,CAAC;YACtE,OAAO,CAAC,OAAQ,CAAC,SAAS,GAAG,YAAY,CACvC,YAAY,CAAC,OAAQ,EACrB,aAAa,CACd,CAAC;YAEF,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;gBAClC,YAAY,CAAC,OAAQ,IAAI,WAAW,CAAC;gBACrC,OAAO,CAAC,OAAQ,CAAC,SAAS,GAAG,YAAY,CACvC,YAAY,CAAC,OAAQ,EACrB,aAAa,CACd,CAAC;gBACF,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;oBACxD,aAAa,CAAC,UAAU,CAAC,CAAC;gBAC5B,CAAC;YACH,CAAC,EAAE,IAAI,GAAG,eAAe,CAAC,CAAC;YAC3B,OAAO,GAAG,EAAE;gBACV,aAAa,CAAC,UAAU,CAAC,CAAC;YAC5B,CAAC,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC;IAClB,OAAO,CACL,2DACE,iCAAM,GAAG,EAAE,OAAO,GAAI,GACrB,CACJ,CAAC;AACJ,CAAC;AAED;;IAEI;AACJ,MAAM,cAAc,GAAG,IAAA,kBAAU,EAAC,eAAe,CAAC,CAAC;AACnD,kBAAe,cAAc,CAAC"}

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

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

package/dist/components/InstantCounter/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 InstantCounter_1 = require("./InstantCounter");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(InstantCounter_1).default; } });
+__exportStar(require("./InstantCounter"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/InstantCounter/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,mDAA2C;AAAlC,0HAAA,OAAO,OAAA;AAChB,mDAAiC"}

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

@@ -0,0 +1,12 @@
+import { PropsWithChildren } from "react";
+type LavaLampProps = {
+    /**
+     * Required for defining the dimensions the lava lamp should have
+     */
+    className: string;
+};
+/**
+ * This component creates a calming visual effect that looks like a lava lamp, with floating bubbles that move around smoothly.
+ */
+export default function LavaLamp({ className, children, }: PropsWithChildren<LavaLampProps>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/LavaLamp/LavaLamp.data.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+export declare const transitionPositionMs: number;
+export default function useLavaLampSetup(onUpdatePosition: (x: number, y: number) => void, onUpdateSize: (size: number) => void): {
+    relativeTo: import("react").RefObject<HTMLDivElement | null>;
+    d: {
+        width: number;
+        height: number;
+    } | undefined;
+    circlesConfig: {
+        baseSize: number;
+        startX: number;
+        startY: number;
+        translateX: number;
+        translateY: number;
+    }[];
+};

package/dist/components/LavaLamp/LavaLamp.data.js

@@ -0,0 +1,92 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.transitionPositionMs = void 0;
+const lodash_1 = require("lodash");
+const react_1 = require("react");
+const useTilt_1 = require("../../hooks/ui/useTilt");
+const LavaLamp_module_scss_1 = __importDefault(require("./LavaLamp.module.scss"));
+const transitionMs = Number(LavaLamp_module_scss_1.default.transitionMs);
+exports.transitionPositionMs = Number(LavaLamp_module_scss_1.default.transitionPositionMs);
+function useLavaLampSetup(onUpdatePosition, onUpdateSize) {
+    const [d, setDim] = (0, react_1.useState)();
+    const relativeTo = (0, react_1.useRef)(null);
+    const prevTilt = (0, react_1.useRef)(undefined);
+    (0, react_1.useEffect)(() => {
+        const baseWidth = Math.min(relativeTo.current.clientWidth, 1440);
+        setDim({
+            width: baseWidth,
+            height: baseWidth *
+                (relativeTo.current.clientHeight / relativeTo.current.clientWidth),
+        });
+    }, []);
+    const updateTiltCb = (0, react_1.useMemo)(() => {
+        const throttlePosition = lodash_1.throttle;
+        if (!d)
+            return () => { };
+        const baseSize = Math.min(d.width, d.height) * 0.1;
+        let acceleration = (0, lodash_1.throttle)((currTilt) => {
+            if (!prevTilt.current) {
+                prevTilt.current = currTilt;
+                return;
+            }
+            const diff = {
+                x: Math.abs(prevTilt.current.x - currTilt.x),
+                y: Math.abs(prevTilt.current.y - currTilt.y),
+            };
+            const baseDiff = Math.max(diff.x, diff.y);
+            const percent = (baseDiff * 100) / 90;
+            onUpdateSize(baseSize + baseSize * (percent / 100));
+            prevTilt.current = currTilt;
+        }, transitionMs, {
+            leading: false,
+            trailing: true,
+        });
+        let movement = throttlePosition((currTilt) => {
+            const [x, y] = [currTilt.x + 100, currTilt.y + 100];
+            const [cx, cy] = [(d.width * x) / 200, (d.height * y) / 200];
+            onUpdatePosition(cx, cy);
+        }, exports.transitionPositionMs, {
+            leading: false,
+            trailing: true,
+        });
+        return (tilt) => {
+            if (!d)
+                return;
+            acceleration(tilt);
+            movement(tilt);
+        };
+    }, [d]);
+    (0, useTilt_1.useTiltUpdates)(true, relativeTo, updateTiltCb, undefined, undefined, undefined, {
+        round: false,
+        gyroEnabled: false,
+    });
+    const circlesConfig = (0, react_1.useMemo)(() => {
+        if (!d)
+            return [];
+        const baseSize = Math.min(d.width, d.height) * 0.15;
+        return new Array(10).fill(undefined).map((_, i) => {
+            const mod = i % 2;
+            const startX = Math.random() * d.width * 0.5 + (mod === 0 ? 0 : d.width * 0.5);
+            const translateX = startX - (startX + 50 + Math.random() * 200);
+            const startY = Math.random() * d.height * 0.75 + (mod === 0 ? 0 : d.height * 0.25);
+            const translateY = startY - (startY + 50 + Math.random() * 200);
+            return {
+                baseSize,
+                startX,
+                startY,
+                translateX,
+                translateY,
+            };
+        });
+    }, [d]);
+    return {
+        relativeTo,
+        d,
+        circlesConfig,
+    };
+}
+exports.default = useLavaLampSetup;
+//# sourceMappingURL=LavaLamp.data.js.map

package/dist/components/LavaLamp/LavaLamp.data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LavaLamp.data.js","sourceRoot":"","sources":["../../../src/components/LavaLamp/LavaLamp.data.tsx"],"names":[],"mappings":";;;;;;AAAA,mCAAuC;AACvC,iCAA6D;AAC7D,oDAAwD;AACxD,kFAA4C;AAE5C,MAAM,YAAY,GAAG,MAAM,CAAC,8BAAM,CAAC,YAAY,CAAC,CAAC;AACpC,QAAA,oBAAoB,GAAG,MAAM,CAAC,8BAAM,CAAC,oBAAoB,CAAC,CAAC;AAExE,SAAwB,gBAAgB,CACtC,gBAAgD,EAChD,YAAoC;IAEpC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG,IAAA,gBAAQ,GAAqC,CAAC;IAClE,MAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEhD,MAAM,QAAQ,GAAG,IAAA,cAAM,EAA2B,SAAS,CAAC,CAAC;IAE7D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,OAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;QAClE,MAAM,CAAC;YACL,KAAK,EAAE,SAAS;YAChB,MAAM,EACJ,SAAS;gBACT,CAAC,UAAU,CAAC,OAAQ,CAAC,YAAY,GAAG,UAAU,CAAC,OAAQ,CAAC,WAAW,CAAC;SACvE,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAChC,MAAM,gBAAgB,GAAG,iBAAC,CAAC;QAC3B,IAAI,CAAC,CAAC;YAAE,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;QACxB,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC;QACnD,IAAI,YAAY,GAAG,IAAA,iBAAC,EAClB,CAAC,QAAkC,EAAE,EAAE;YACrC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;gBACtB,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC;gBAC5B,OAAO;YACT,CAAC;YAED,MAAM,IAAI,GAAG;gBACX,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;gBAC5C,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;aAC7C,CAAC;YAEF,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;YAC1C,MAAM,OAAO,GAAG,CAAC,QAAQ,GAAG,GAAG,CAAC,GAAG,EAAE,CAAC;YAEtC,YAAY,CAAC,QAAQ,GAAG,QAAQ,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC;YAEpD,QAAQ,CAAC,OAAO,GAAG,QAAS,CAAC;QAC/B,CAAC,EACD,YAAY,EACZ;YACE,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,IAAI;SACf,CACF,CAAC;QACF,IAAI,QAAQ,GAAG,gBAAgB,CAC7B,CAAC,QAAkC,EAAE,EAAE;YACrC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE,QAAQ,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;YACpD,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAE,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,CAAE,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;YAC/D,gBAAgB,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;QAC3B,CAAC,EACD,4BAAoB,EACpB;YACE,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,IAAI;SACf,CACF,CAAC;QACF,OAAO,CAAC,IAA0C,EAAE,EAAE;YACpD,IAAI,CAAC,CAAC;gBAAE,OAAO;YACf,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,QAAQ,CAAC,IAAI,CAAC,CAAC;QACjB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACR,IAAA,wBAAc,EACZ,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,SAAS,EACT,SAAS,EACT,SAAS,EACT;QACE,KAAK,EAAE,KAAK;QACZ,WAAW,EAAE,KAAK;KACnB,CACF,CAAC;IACF,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACjC,IAAI,CAAC,CAAC;YAAE,OAAO,EAAE,CAAC;QAClB,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;QACpD,OAAO,IAAI,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YAChD,MAAM,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;YAClB,MAAM,MAAM,GACV,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK,GAAG,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC;YAClE,MAAM,UAAU,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC;YAChE,MAAM,MAAM,GACV,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,MAAM,GAAG,IAAI,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;YACtE,MAAM,UAAU,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC;YAEhE,OAAO;gBACL,QAAQ;gBACR,MAAM;gBACN,MAAM;gBACN,UAAU;gBACV,UAAU;aACX,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAER,OAAO;QACL,UAAU;QACV,CAAC;QACD,aAAa;KACd,CAAC;AACJ,CAAC;AAzGD,mCAyGC"}

package/dist/components/LavaLamp/LavaLamp.js

@@ -0,0 +1,38 @@
+"use strict";
+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 LavaLamp_data_1 = __importDefault(require("./LavaLamp.data"));
+const LavaLamp_module_scss_1 = __importDefault(require("./LavaLamp.module.scss"));
+/**
+ * This component creates a calming visual effect that looks like a lava lamp, with floating bubbles that move around smoothly.
+ */
+function LavaLamp({ className, children, }) {
+    const circleRef = (0, react_1.useRef)(null);
+    const { relativeTo, d, circlesConfig } = (0, LavaLamp_data_1.default)((cx, cy) => {
+        const style = circleRef.current.style;
+        style.cx = cx;
+        style.cy = cy;
+    }, (size) => {
+        const style = circleRef.current.style;
+        style.r = size;
+    });
+    const randomCircles = (0, react_1.useMemo)(() => {
+        return circlesConfig.map(({ baseSize, startX, startY, translateX, translateY }) => ((0, jsx_runtime_1.jsx)("circle", { r: baseSize + Math.random() * (baseSize / 2), fill: "#fff", cx: startX, cy: startY, children: (0, jsx_runtime_1.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 ((0, jsx_runtime_1.jsxs)("div", { ref: relativeTo, className: `${LavaLamp_module_scss_1.default.root} ${className}`, children: [d && ((0, jsx_runtime_1.jsxs)("svg", { className: LavaLamp_module_scss_1.default.effect, viewBox: `0 0 ${d.width} ${d.height}`, children: [(0, jsx_runtime_1.jsxs)("filter", { id: `goo-lava-lamp`, width: "10", height: "10", x: "0%", y: "0%", filterRes: "1", children: [(0, jsx_runtime_1.jsx)("feGaussianBlur", { in: "SourceGraphic", result: "blur", stdDeviation: "40" }), (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 50 -7", result: "goo" })] }), (0, jsx_runtime_1.jsx)("mask", { id: `mask-lava-lamp`, children: (0, jsx_runtime_1.jsxs)("g", { filter: `url(#${`goo-lava-lamp`})`, fill: "#fff", children: [randomCircles, (0, jsx_runtime_1.jsx)("circle", { ref: circleRef, fill: "#fff" })] }) }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("radialGradient", { id: "grad1", cx: "50%", cy: "50%", r: "50%", fx: "50%", fy: "50%", children: [(0, jsx_runtime_1.jsx)("stop", { offset: "0%", style: {
+                                        stopColor: "var(--lava-lamp-color-a)",
+                                        stopOpacity: 1,
+                                    } }), (0, jsx_runtime_1.jsx)("stop", { offset: "67.33%", style: {
+                                        stopColor: "var(--lava-lamp-color-b)",
+                                        stopOpacity: 1,
+                                    } }), (0, jsx_runtime_1.jsx)("stop", { offset: "88.33%", style: {
+                                        stopColor: "var(--lava-lamp-color-c)",
+                                        stopOpacity: 1,
+                                    } })] }) }), (0, jsx_runtime_1.jsx)("rect", { x: "-50%", y: "-50%", mask: `url(#${`mask-lava-lamp`})`, width: "200%", height: "200%", style: { fill: "url(#grad1)" } })] })), (0, jsx_runtime_1.jsx)("div", { children: children })] }));
+}
+exports.default = LavaLamp;
+//# sourceMappingURL=LavaLamp.js.map

package/dist/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/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/components/LavaLamp/index.d.ts

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

package/dist/components/LavaLamp/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 LavaLamp_1 = require("./LavaLamp");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(LavaLamp_1).default; } });
+__exportStar(require("./LavaLamp"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/dist/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;