rujira.ui 1.0.0 → 1.0.2

package/lib/cjs/components/inputs/Select.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Select = Select;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const clsx_1 = require("clsx");
-const react_1 = require("react");
-const Icons_1 = require("../icons/Icons");
-function Select({ id, label, value, className, onChange, onSubmit, labelClassName, containerClassName, children, ...rest }) {
-    (0, react_1.useEffect)(() => {
-        const handleUserKeyPress = (event) => {
-            const { keyCode } = event;
-            if (keyCode === 13) {
-                onSubmit?.();
-            }
-        };
-        window.addEventListener("keydown", handleUserKeyPress);
-        return () => {
-            window.removeEventListener("keydown", handleUserKeyPress);
-        };
-    }, [onSubmit]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)({
-            "select-container": true,
-            [`${containerClassName}`]: containerClassName,
-        }), children: [(0, jsx_runtime_1.jsx)("select", { ...rest, className: (0, clsx_1.default)({
-                    select: true,
-                    "select--nolabel": !label,
-                    [`${className}`]: className,
-                }), id: id, value: value, onChange: onChange, children: children }), label && ((0, jsx_runtime_1.jsx)("label", { htmlFor: id, className: (0, clsx_1.default)({
-                    label: true,
-                    [`${labelClassName}`]: labelClassName,
-                }), children: label })), (0, jsx_runtime_1.jsx)(Icons_1.AngleDown, { className: "arrow" })] }));
-}

package/lib/cjs/components/inputs/SwapSelect.js

@@ -1,85 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TokenSelect = exports.SwapSelect = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const clsx_1 = require("clsx");
-const react_1 = require("react");
-const rujira_js_1 = require("rujira.js");
-const helpers_1 = require("../../helpers");
-const i18n_1 = require("../../i18n");
-const AssetLabel_1 = require("../AssetLabel");
-const Button_1 = require("../buttons/Button");
-const IconDenom_1 = require("../icons/IconDenom");
-const Icons_1 = require("../icons/Icons");
-const NetworkIcon_1 = require("../icons/NetworkIcon");
-const Decimal_1 = require("../numbers/Decimal");
-const Fiat_1 = require("../numbers/Fiat");
-const DecimalInput_1 = require("./DecimalInput");
-const SwapSelect = ({ selected, options, onSelect, searchValue = "", amount, onChangeAmount, disabled, full, max, label, className, value, hideSelected = false, }) => {
-    const { t } = (0, i18n_1.useTranslation)("common");
-    const readonly = !onChangeAmount;
-    const node = (0, react_1.useRef)(null);
-    const srch = (0, react_1.useRef)(null);
-    const [open, setOpen] = (0, react_1.useState)(false);
-    const [search, setSearch] = (0, react_1.useState)(searchValue);
-    const id = (0, react_1.useMemo)(() => (0, helpers_1.uuidv4)(), []);
-    (0, react_1.useEffect)(() => {
-        if (open) {
-            document.addEventListener("mousedown", handleClickOutside);
-        }
-        else {
-            document.removeEventListener("mousedown", handleClickOutside);
-        }
-        return () => {
-            document.removeEventListener("mousedown", handleClickOutside);
-        };
-    }, [open]);
-    (0, react_1.useEffect)(() => {
-        const ref = srch.current;
-        if (ref && open) {
-            ref.focus();
-        }
-        if (!open) {
-            setSearch("");
-        }
-    }, [open]);
-    const handleClickOutside = (e) => {
-        const ref = node.current;
-        if (ref) {
-            if (ref.contains(e.target)) {
-                return;
-            }
-        }
-        e.stopPropagation();
-        e.stopImmediatePropagation();
-        setOpen(false);
-        return false;
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { ref: node, className: (0, clsx_1.default)({
-            "swap-select condensed": true,
-            "swap-select--open": open,
-            "swap-select--full": full,
-            "swap-select--disabled": disabled || options?.length === 0,
-            "swap-select--haslabel": label,
-            "swap-select--noselected": hideSelected,
-            [`${className}`]: className,
-        }), children: [label && ((0, jsx_runtime_1.jsx)("label", { className: "fs-16 fw-500 color-white", htmlFor: id, children: t(label) })), max !== undefined && ((0, jsx_runtime_1.jsx)(Button_1.Button, { className: "button--xsmall button--icon-right swap-select__max", label: t("max"), onClick: () => onChangeAmount && onChangeAmount(max), children: (0, jsx_runtime_1.jsx)(Decimal_1.Decimal, { amount: max, className: "fw-700" }) })), !hideSelected && ((0, jsx_runtime_1.jsxs)("div", { className: "swap-select__selected", onClick: () => options && !disabled && setOpen(true), children: [open ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "swap-select__search-icon", children: (0, jsx_runtime_1.jsx)(Icons_1.Glass, {}) }), (0, jsx_runtime_1.jsx)("input", { ref: srch, className: "swap-select__search", value: search, onChange: (e) => setSearch(e.currentTarget.value), autoComplete: "off" })] })) : selected ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(IconDenom_1.IconDenom, { denom: selected.metadata.symbol }), (0, jsx_runtime_1.jsx)("div", { className: "flex wrap dir-c ai-s swap-select__symbol", children: (0, jsx_runtime_1.jsx)("span", { children: selected.metadata.symbol }) })] })) : ((0, jsx_runtime_1.jsx)("div", { className: "flex wrap swap-select__symbol", children: (0, jsx_runtime_1.jsx)("span", { className: "mr-1", children: "..." }) })), options && (0, jsx_runtime_1.jsx)(Icons_1.AngleDown, {})] })), (0, jsx_runtime_1.jsxs)("div", { className: "swap-select__value", children: [(0, jsx_runtime_1.jsx)(DecimalInput_1.DecimalInput, { getInputRef: node, disabled: readonly || disabled, amount: amount, onAmountchange: (e) => onChangeAmount && onChangeAmount(e), id: id, className: (0, clsx_1.default)({
-                            "w-full swap-select__input": true,
-                            "has-value": value !== undefined,
-                        }), autoComplete: "off" }), value !== undefined && ((0, jsx_runtime_1.jsx)(Fiat_1.Fiat, { amount: value, symbol: "$", decimals: 8, className: "color-grey fs-14 ml-a" }))] }), open && options && ((0, jsx_runtime_1.jsxs)("div", { className: "swap-select__dropdown", children: [options
-                        .filter((v) => v.asset.metadata.symbol
-                        .toLowerCase()
-                        .includes(search.toLowerCase()))
-                        .map((a) => ((0, jsx_runtime_1.jsxs)("a", { onClick: () => {
-                            setOpen(false);
-                            onSelect && onSelect(a.asset);
-                        }, children: [(0, jsx_runtime_1.jsx)(IconDenom_1.IconDenom, { denom: a.asset.metadata.symbol }), a.asset.metadata.symbol, a.balance === undefined ? null : ((0, jsx_runtime_1.jsxs)("div", { className: "swap-select__balance fs-14 text-right", children: [(0, jsx_runtime_1.jsx)(Decimal_1.Decimal, { amount: a.balance, decimals: a.asset.metadata.decimals }), a.valueUsd !== undefined && a.valueUsd > 0n && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(Fiat_1.Fiat, { amount: a.valueUsd, symbol: "$", decimals: 8, className: "fs-12 color-white" })] }))] }))] }, a.asset.asset))), options.filter((v) => v.asset.metadata.symbol.toLowerCase().includes(search.toLowerCase())).length === 0 && (0, jsx_runtime_1.jsx)("a", { children: t("noResults") })] }))] }));
-};
-exports.SwapSelect = SwapSelect;
-const TokenSelect = ({ selected, className, onClick, network, address, }) => {
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.default)({
-            "token-select condensed": true,
-            [`${className}`]: className,
-        }), onClick: onClick, children: (0, jsx_runtime_1.jsxs)("div", { className: "token-select__selected", children: [selected ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(IconDenom_1.IconDenom, { denom: selected.metadata.symbol }), (0, jsx_runtime_1.jsx)("div", { className: "token-select__symbol", children: (0, jsx_runtime_1.jsx)(AssetLabel_1.AssetLabel, { asset: selected, Container: ({ children }) => ((0, jsx_runtime_1.jsx)("span", { className: "color-grey fs-14 fs-lg-16", children: children })) }) }), network && address && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(NetworkIcon_1.NetworkIcon, { network: network, className: "icon-denom ml-1" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex wrap dir-c ai-s token-select__symbol", children: [(0, jsx_runtime_1.jsx)("span", { children: (0, rujira_js_1.networkLabel)(network) }), (0, jsx_runtime_1.jsx)("span", { className: "fs-14 color-grey", children: address.substring(0, 6) + "…" + address.slice(-6) })] })] }))] })) : ((0, jsx_runtime_1.jsx)("div", { className: "token-select__symbol", children: "..." })), (0, jsx_runtime_1.jsx)(Icons_1.AngleDown, { className: "token-select__arrow" })] }) }));
-};
-exports.TokenSelect = TokenSelect;

package/lib/cjs/components/inputs/Textarea.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Textarea = Textarea;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const clsx_1 = require("clsx");
-const react_1 = require("react");
-function Textarea({ id, label, value, className, onChange, onSubmit, disabled, labelClassName, containerClassName, placeholder, ...rest }) {
-    (0, react_1.useEffect)(() => {
-        const handleUserKeyPress = (event) => {
-            const { keyCode } = event;
-            if (keyCode === 13) {
-                onSubmit?.();
-            }
-        };
-        window.addEventListener("keydown", handleUserKeyPress);
-        return () => {
-            window.removeEventListener("keydown", handleUserKeyPress);
-        };
-    }, [onSubmit]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)({
-            "input-container": true,
-            "input-container--disabled": disabled,
-            [`${containerClassName}`]: containerClassName,
-        }), children: [(0, jsx_runtime_1.jsx)("textarea", { ...rest, className: (0, clsx_1.default)({ input: true, [`${className}`]: className }), id: id, value: value, onChange: onChange, placeholder: placeholder || label }), label && ((0, jsx_runtime_1.jsx)("label", { htmlFor: id, className: (0, clsx_1.default)({
-                    label: true,
-                    [`${labelClassName}`]: labelClassName,
-                }), children: label && label }))] }));
-}

package/lib/cjs/components/inputs/Toggle.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Toggle = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const clsx_1 = require("clsx");
-const Toggle = ({ label, labelOff, checked, className, id, onChange, children, ...rest }) => {
-    const classes = (0, clsx_1.default)({
-        [`toggle`]: true,
-        [`${className}`]: className,
-    });
-    const handleChange = (e) => {
-        if (onChange)
-            onChange(e);
-    };
-    return ((0, jsx_runtime_1.jsxs)("label", { className: classes, htmlFor: id, children: [labelOff && labelOff !== "" && ((0, jsx_runtime_1.jsx)("span", { className: "toggle__label toggle__label--off", children: labelOff })), (0, jsx_runtime_1.jsx)("input", { id: id, type: "checkbox", onChange: handleChange, checked: checked, ...rest }), (0, jsx_runtime_1.jsx)("span", { className: "toggle__slider" }), label && label !== "" && (0, jsx_runtime_1.jsx)("span", { className: "toggle__label", children: label }), children] }));
-};
-exports.Toggle = Toggle;

package/lib/cjs/components/loader/Loader.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Spinner = exports.Loader = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const clsx_1 = require("clsx");
-const Loader = ({ className }) => ((0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)({ loader: true, [`${className}`]: className }), children: [(0, jsx_runtime_1.jsx)("svg", { className: "loader__blob", viewBox: "0 0 500 500", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { fill: "#CE18EC", children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "d", dur: "2800ms", repeatCount: "indefinite", values: "M398,320.5Q332,391,247,396.5Q162,402,118.5,326Q75,250,125,184.5Q175,119,258.5,104.5Q342,90,403,170Q464,250,398,320.5Z;\n  M431,347Q362,444,268.5,412Q175,380,94.5,315Q14,250,86,170.5Q158,91,265,65Q372,39,436,144.5Q500,250,431,347Z;\n  M421.5,355Q372,460,248.5,463Q125,466,78.5,358Q32,250,94,168.5Q156,87,251,85Q346,83,408.5,166.5Q471,250,421.5,355Z;\n  M382.5,342Q356,434,260.5,415Q165,396,93.5,323Q22,250,90.5,171.5Q159,93,259,76.5Q359,60,384,155Q409,250,382.5,342Z;\n  M392,357Q374,464,250.5,463Q127,462,102.5,356Q78,250,114.5,164Q151,78,243.5,90Q336,102,373,176Q410,250,392,357Z;\n  M413,340.5Q354,431,255.5,421.5Q157,412,119,331Q81,250,115.5,163Q150,76,254,69.5Q358,63,415,156.5Q472,250,413,340.5Z;\n  M398,320.5Q332,391,247,396.5Q162,402,118.5,326Q75,250,125,184.5Q175,119,258.5,104.5Q342,90,403,170Q464,250,398,320.5Z;" }) }) }), (0, jsx_runtime_1.jsx)("svg", { className: "loader__blob", viewBox: "0 0 500 500", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { fill: "#8535F4", children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "d", dur: "3000ms", repeatCount: "indefinite", values: "M390,323.5Q335,397,244.5,407Q154,417,87.5,333.5Q21,250,83,159Q145,68,235.5,93Q326,118,385.5,184Q445,250,390,323.5Z;\n  M388.44284,356.71939Q373.40992,463.43878,249.17148,464.61488Q124.93304,465.79098,81.27136,357.89549Q37.60969,250,90.26674,157.44284Q142.92379,64.88568,254.70496,56.66629Q366.48613,48.44691,384.98095,149.22345Q403.47577,250,388.44284,356.71939Z;\n  M388.87386,333.816Q346.57737,417.63199,250.12159,417.26268Q153.6658,416.89337,92.342,333.44668Q31.01821,250,87.75683,158.62159Q144.49545,67.24317,258.11248,53.51365Q371.72952,39.78414,401.44993,144.89207Q431.17035,250,388.87386,333.816Z;\n  M407.11178,321.2174Q331.96274,392.43479,239.55747,410.67856Q147.15219,428.92233,101.65993,339.46116Q56.16767,250,93.41459,146.54815Q130.66151,43.0963,250.06678,42.94411Q369.47205,42.79192,425.86644,146.39596Q482.26082,250,407.11178,321.2174Z;\n  M418,346.5Q361,443,251.5,440Q142,437,100,343.5Q58,250,98,152.5Q138,55,242,69.5Q346,84,410.5,167Q475,250,418,346.5Z;\n  M382.06447,321.8585Q333.27831,393.71699,229.42532,429.21934Q125.57233,464.72169,104.62028,357.36085Q83.66823,250,116.99449,163.79402Q150.32075,77.58805,244.05346,87.46776Q337.78617,97.34748,384.3184,173.67374Q430.85064,250,382.06447,321.8585Z;\n  M390,323.5Q335,397,244.5,407Q154,417,87.5,333.5Q21,250,83,159Q145,68,235.5,93Q326,118,385.5,184Q445,250,390,323.5Z;" }) }) }), (0, jsx_runtime_1.jsx)("svg", { className: "loader__blob", viewBox: "0 0 500 500", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { fill: "#8535F4", children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "d", dur: "2900ms", repeatCount: "indefinite", values: "M425.65286,345.08093Q360.09352,440.16185,251.07553,438.03057Q142.05755,435.89929,105.0018,342.94965Q67.94605,250,115.4964,175.04136Q163.04676,100.08273,256.04316,89.00719Q349.03956,77.93166,420.12589,163.96583Q491.21221,250,425.65286,345.08093Z;\n  M430.21857,346.57286Q362.09714,443.14572,252.57286,439.04857Q143.04857,434.95143,117.58287,342.47571Q92.11716,250,128.08287,175Q164.04857,100,251.80571,97.38858Q339.56285,94.77715,418.95143,172.38858Q498.34,250,430.21857,346.57286Z;\n  M410.5,356.5Q373,463,264.5,437.5Q156,412,86,331Q16,250,71.5,143.5Q127,37,227,77Q327,117,387.5,183.5Q448,250,410.5,356.5Z;\n  M412.01351,346.40994Q360.89193,442.81988,266.01351,414.79737Q171.13509,386.77485,125.85573,318.38743Q80.57638,250,106.3107,148.04053Q132.04503,46.08105,234.06304,73.46848Q336.08105,100.85591,399.60807,175.42795Q463.13509,250,412.01351,346.40994Z;\n  M391.35886,346Q361,442,257.95529,428.45324Q154.91058,414.90648,104.33899,332.45324Q53.76739,250,93.76242,149.50497Q133.75745,49.00994,237.4851,70.28726Q341.21274,91.56458,381.46523,170.78229Q421.71771,250,391.35886,346Z;\n  M425.65286,345.08093Q360.09352,440.16185,251.07553,438.03057Q142.05755,435.89929,105.0018,342.94965Q67.94605,250,115.4964,175.04136Q163.04676,100.08273,256.04316,89.00719Q349.03956,77.93166,420.12589,163.96583Q491.21221,250,425.65286,345.08093Z;" }) }) }), (0, jsx_runtime_1.jsx)("svg", { className: "loader__spinner", viewBox: "0 0 24 24", stroke: "#fff", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsxs)("circle", { cx: "12", cy: "12", r: "9.5", fill: "none", strokeWidth: "3", strokeLinecap: "round", children: [(0, jsx_runtime_1.jsx)("animate", { attributeName: "stroke-dasharray", dur: "1.5s", calcMode: "spline", values: "0 150;42 150;42 150;42 150", keyTimes: "0;0.475;0.95;1", keySplines: "0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1", repeatCount: "indefinite" }), (0, jsx_runtime_1.jsx)("animate", { attributeName: "stroke-dashoffset", dur: "1.5s", calcMode: "spline", values: "0;-16;-59;-59", keyTimes: "0;0.475;0.95;1", keySplines: "0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1", repeatCount: "indefinite" })] }), (0, jsx_runtime_1.jsx)("animateTransform", { attributeName: "transform", type: "rotate", dur: "2s", values: "0 12 12;360 12 12", repeatCount: "indefinite" })] }) })] }));
-exports.Loader = Loader;
-const Spinner = ({ className }) => ((0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.default)({ spinner: true, [`${className}`]: className }), children: (0, jsx_runtime_1.jsx)("svg", { className: "spinner__spinner", viewBox: "0 0 24 24", stroke: "#fff", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsxs)("circle", { cx: "12", cy: "12", r: "9.5", fill: "none", strokeWidth: "3", strokeLinecap: "round", children: [(0, jsx_runtime_1.jsx)("animate", { attributeName: "stroke-dasharray", dur: "1.5s", calcMode: "spline", values: "0 150;42 150;42 150;42 150", keyTimes: "0;0.475;0.95;1", keySplines: "0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1", repeatCount: "indefinite" }), (0, jsx_runtime_1.jsx)("animate", { attributeName: "stroke-dashoffset", dur: "1.5s", calcMode: "spline", values: "0;-16;-59;-59", keyTimes: "0;0.475;0.95;1", keySplines: "0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1", repeatCount: "indefinite" })] }), (0, jsx_runtime_1.jsx)("animateTransform", { attributeName: "transform", type: "rotate", dur: "2s", values: "0 12 12;360 12 12", repeatCount: "indefinite" })] }) }) }));
-exports.Spinner = Spinner;

package/lib/cjs/components/logos/RujiraLogo.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RujiraLogo = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const helpers_1 = require("../../helpers");
-const RujiraLogo = ({ textColor = "#fff", showText = true, animate = false, className, }) => {
-    const id = (0, helpers_1.uuidv4)();
-    return ((0, jsx_runtime_1.jsxs)("svg", { viewBox: `0 0 ${showText ? 3710 : 1000} 1000`, xmlns: "http://www.w3.org/2000/svg", className: className, children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("linearGradient", { x1: "97.12%", y1: "12.295%", x2: "15.952%", y2: "88.858%", id: id, children: [(0, jsx_runtime_1.jsx)("stop", { stopColor: "#D615EB", offset: "0%" }), (0, jsx_runtime_1.jsx)("stop", { stopColor: "#8436F5", offset: "100%" })] }) }), (0, jsx_runtime_1.jsxs)("g", { fill: "none", fillRule: "nonzero", children: [!animate ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M109.713 718.57c64.466 183.188 203.797 276.949 417.99 281.283 214.195 4.334 357.082-87.26 428.663-274.782 71.581-187.522 55.091-346.445-49.47-476.768C802.337 117.981 666.289 37.628 498.753 7.246 331.216-23.136 208.376 42.026 130.23 202.73c-78.145 160.705-84.984 332.652-20.517 515.84Z", fillOpacity: ".45", fill: "#CE18EC" }), (0, jsx_runtime_1.jsx)("path", { d: "M938.285 742.674c-81.778 172.834-217.066 249.65-405.863 230.445C343.625 953.916 193.193 867.5 81.127 713.868-30.94 560.238-26.902 413.177 93.242 272.686c120.143-140.491 271.08-228.424 452.81-263.8C727.782-26.489 859.03 43.756 939.8 219.623c80.768 175.866 80.264 350.216-1.515 523.05Z", fillOpacity: ".45", fill: "#8535F4" })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("path", { fill: "#CE18EC", fillOpacity: ".45", children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "d", dur: "3897ms", repeatCount: "indefinite", values: "M908.65 772.515c-119.423 173.188-259.837 247.488-421.243 222.9C326 970.826 191.184 884.232 82.957 735.633-25.268 587.033-27.6 434.158 75.96 277.006 179.522 119.854 316.67 28.984 487.407 4.396c170.736-24.59 313.482 53.987 428.24 235.727 114.757 181.74 112.424 359.205-6.998 532.392Z;\n                M905.657 701.408C781.589 850.992 630.329 930.883 451.876 941.082c-178.453 10.199-308.47-64.593-390.048-224.376-81.579-159.782-82.428-320.415-2.55-481.897C139.159 73.326 270.874-4.865 454.426.234c183.552 5.1 335.662 85.84 456.33 242.224 120.67 156.383 118.97 309.366-5.098 458.95Z;\n                M938.285 742.674c-81.778 172.834-217.066 249.65-405.863 230.445C343.625 953.916 193.193 867.5 81.127 713.868-30.94 560.238-26.902 413.177 93.242 272.686c120.143-140.491 271.08-228.424 452.81-263.8C727.782-26.489 859.03 43.756 939.8 219.623c80.768 175.866 80.264 350.216-1.515 523.05Z;\n                M909.194 698.092C791.124 849.094 646.258 945.89 474.596 988.48c-171.662 42.59-307.317-32.91-406.964-226.503-99.648-193.591-89.18-365.888 31.401-516.89C219.615 94.086 358.201 12.777 514.79 1.162c156.589-11.616 290.988 63.885 403.196 226.502 112.208 162.617 109.277 319.426-8.792 470.428Z;\n                M908.65 772.515c-119.423 173.188-259.837 247.488-421.243 222.9C326 970.826 191.184 884.232 82.957 735.633-25.268 587.033-27.6 434.158 75.96 277.006 179.522 119.854 316.67 28.984 487.407 4.396c170.736-24.59 313.482 53.987 428.24 235.727 114.757 181.74 112.424 359.205-6.998 532.392Z;" }) }), (0, jsx_runtime_1.jsx)("path", { fill: "#8535F4", fillOpacity: ".45", children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "d", dur: "2975ms", repeatCount: "indefinite", values: "M932.532 715.172C854.38 889.747 710.761 984.14 501.676 998.35 292.591 1012.56 146.943 925.27 64.73 736.486c-82.213-188.785-68.51-353.718 41.106-494.8C215.453 100.607 357.042 20.93 530.603 2.66c173.56-18.27 303.477 52.271 389.75 211.622 86.273 159.351 90.332 326.314 12.18 500.89Z;\n                M885.654 705.273C746.066 828.795 579.708 919.904 386.58 978.599c-193.128 58.695-311.204-3.066-354.228-185.284-43.024-182.217-43.502-364.873-1.434-547.967C72.984 62.255 202.534-18.342 419.564 3.56c217.03 21.9 383.867 113.448 500.51 274.64 116.641 161.193 105.168 303.55-34.42 427.073Z;\n                M962.274 793.5c-49.124 177.855-169.888 240.71-362.29 188.563-192.402-52.145-355.126-141.072-488.17-266.78C-21.23 589.572-36.069 440.585 67.296 268.318 170.66 96.052 333.896 6.659 557 .141c223.104-6.518 358.707 79.615 406.808 258.4 48.1 178.786 47.589 357.106-1.535 534.96Z;\n                M897.318 638.271C761.297 778.402 603.636 888.36 424.336 968.141c-179.3 79.783-306.047 9.718-380.24-210.196-74.193-219.913-54.762-400.958 58.295-543.135C215.447 72.633 343.077 1.034 485.28.01c142.203-1.022 280.432 70.066 414.686 213.266 134.255 143.2 133.371 284.864-2.65 424.995Z;\n                M932.532 715.172C854.38 889.747 710.761 984.14 501.676 998.35 292.591 1012.56 146.943 925.27 64.73 736.486c-82.213-188.785-68.51-353.718 41.106-494.8C215.453 100.607 357.042 20.93 530.603 2.66c173.56-18.27 303.477 52.271 389.75 211.622 86.273 159.351 90.332 326.314 12.18 500.89Z;" }) })] })), (0, jsx_runtime_1.jsxs)("g", { transform: "translate(49 24)", children: [(0, jsx_runtime_1.jsx)("circle", { fill: `url(#${id})`, cx: "475.5", cy: "475.5", r: "475.5" }), (0, jsx_runtime_1.jsx)("path", { d: "M475.5 57.011c-231.125 0-418.489 187.364-418.489 418.489 0 231.125 187.364 418.489 418.489 418.489 231.125 0 418.489-187.364 418.489-418.489 0-231.125-187.364-418.489-418.489-418.489Z", fill: "#1B1821" }), (0, jsx_runtime_1.jsx)("path", { d: "M460.284 232.995v159.944h-58.52l58.52 67.345h-68.973l-60.794-67.345h-45.61v67.345h-51.912V341.027h50.66l-50.66-56.12v-51.912h227.289Zm-152.396 51.912 48.766 56.12h51.718v-56.12H307.888Zm182.828 433.098v-51.912h88.39V542.628h-88.39v-51.912h227.289v51.912h-86.987v123.465h86.987v51.912H490.716Zm-257.721 0V598.748h51.912v67.345h93.716l29.75-29.155v-94.31H346.64v-51.912h113.644v166.96l-60.33 60.329H232.995Zm318.05-257.721-60.329-60.33V232.995h51.912v146.222l29.748 29.155h93.717V232.995h51.912v227.289h-166.96Z", fill: `url(#${id})` })] }), showText && ((0, jsx_runtime_1.jsx)("path", { d: "M1466.453 256.11c96.524 0 159.415 63.144 159.415 153.455 0 87.374-57.043 134.366-115.543 143.91l119.196 192.37h-98.719l-108.22-182.824h-84.827v182.825H1252.2V256.11h214.254Zm-11.697 75.626h-117v155.658h117c48.262 0 83.36-30.838 83.36-77.83 0-46.99-35.098-77.828-83.36-77.828ZM1926.077 751.71c141.25 0 210.775-80.446 210.775-201.848v-294.73h-86.357v292.535c0 77.522-43.178 127.985-124.418 127.985-81.969 0-125.155-50.463-125.155-127.985V255.132h-86.357v295.46c0 119.94 69.524 201.119 211.512 201.119ZM2209.279 937.439c94.103 0 164.133-52.144 164.133-163.783V255.132h-85.346v517.055c0 53.612-32.832 88.866-85.352 88.866-37.205 0-63.465-19.092-83.16-40.395l-39.398 65.366c34.29 36.727 78.788 51.415 129.123 51.415ZM2610.948 745.846V256.11h-84.067v489.736zM2977.695 256.11c96.523 0 159.414 63.144 159.414 153.455 0 87.374-57.042 134.366-115.535 143.91l119.188 192.37h-98.718l-108.22-182.824h-84.827v182.825h-85.556V256.11h214.254Zm-11.697 75.626h-117.001v155.658h117c48.262 0 83.361-30.838 83.361-77.83 0-46.99-35.099-77.828-83.36-77.828ZM3518.168 256.11l191.51 489.736h-97.216l-35.818-93.983h-223.67l-35.817 93.983h-97.216l191.51-489.736h106.717Zm-53.355 86.64-87.715 233.487h175.43l-87.715-233.487Z", fill: textColor }))] })] }));
-};
-exports.RujiraLogo = RujiraLogo;

package/lib/cjs/components/notices/Warning.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Warning = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const clsx_1 = require("clsx");
-const Icons_1 = require("../icons/Icons");
-const Warning = ({ color, msg, dismiss, className, children, ...rest }) => {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)({
-            warning: true,
-            [`warning--${color}`]: color,
-            [`${className}`]: className,
-        }), ...rest, children: [children || ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: color == "red" ? ((0, jsx_runtime_1.jsx)(Icons_1.ExclamationTriangle, { className: "warning__icon" })) : ((0, jsx_runtime_1.jsx)(Icons_1.ExclamationCircle, { className: "warning__icon" })) })), msg && (0, jsx_runtime_1.jsx)("span", { className: "warning__msg", children: msg }), dismiss && ((0, jsx_runtime_1.jsx)("button", { onClick: dismiss, className: "transparent warning__close", children: (0, jsx_runtime_1.jsx)(Icons_1.Xmark, {}) }))] }));
-};
-exports.Warning = Warning;

package/lib/cjs/components/numbers/Decimal.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Decimal = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const clsx_1 = require("clsx");
-const helpers_1 = require("../../helpers");
-const Decimal = ({ amount, decimals = 8, round = 6, symbol, symbolLeft, padSymbol = true, className, onClick, as: Component = "div", symbolClassName, subscript, }) => {
-    const dec = amount % BigInt(10 ** decimals);
-    const int = BigInt(Math.round(Number(amount - dec) / 10 ** decimals));
-    const padded = dec.toString().padStart(decimals, "0");
-    let needsSubscript = false;
-    if (int <= 0n && dec > 0n && round) {
-        const padLength = decimals - dec.toString().length;
-        if (padLength >= round) {
-            needsSubscript = true;
-        }
-    }
-    const truncated = subscript && needsSubscript ? (0, helpers_1.compress)(padded) : padded;
-    const trimmed = truncated.substring(0, round);
-    return ((0, jsx_runtime_1.jsxs)(Component, { className: (0, clsx_1.default)({
-            decimal: true,
-            "decimal--label-left": symbolLeft,
-            "decimal--no-pad": !padSymbol,
-            [`${className}`]: className,
-        }), onClick: onClick, children: [(0, jsx_runtime_1.jsxs)("span", { className: "decimal__int", children: [(int || "0").toLocaleString(), round > 0 && (0, helpers_1.whatDecimalSeparator)()] }), dec.toString().length && round > 0 && ((0, jsx_runtime_1.jsx)("span", { className: "decimal__dec", children: trimmed })), symbol && ((0, jsx_runtime_1.jsx)("span", { className: (0, clsx_1.default)({
-                    decimal__symbol: true,
-                    [`${symbolClassName}`]: symbolClassName,
-                }), children: symbol }))] }));
-};
-exports.Decimal = Decimal;

package/lib/cjs/components/numbers/Fiat.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Fiat = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const clsx_1 = require("clsx");
-const helpers_1 = require("../../helpers");
-const Fiat = ({ amount, decimals = 2, symbol, className, symbolRight = false, padSymbol = true, symbolSmall = false, as: Component = "div", }) => {
-    const dec = amount % BigInt(10 ** decimals);
-    const int = BigInt(Math.floor(Number(amount - dec) / 10 ** decimals));
-    const round = 2;
-    return ((0, jsx_runtime_1.jsxs)(Component, { className: (0, clsx_1.default)({
-            fiat: true,
-            "fiat--symbol-right": symbolRight,
-            [`${className}`]: className,
-        }), children: [(0, jsx_runtime_1.jsxs)("span", { className: "fiat__int", children: [(int || "0").toLocaleString(), (0, helpers_1.whatDecimalSeparator)()] }), (0, jsx_runtime_1.jsx)("span", { className: "fiat__dec", children: dec.toString().padStart(decimals, "0").substring(0, round) }), symbol && ((0, jsx_runtime_1.jsx)("span", { className: (0, clsx_1.default)({
-                    fiat__symbol: true,
-                    "fiat__symbol--small": symbolSmall,
-                    "mr-0.5": padSymbol && !symbolRight,
-                    "ml-0.5": padSymbol && symbolRight,
-                }), children: symbol }))] }));
-};
-exports.Fiat = Fiat;

package/lib/cjs/components/pagination/Pagination.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Pagination = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const clsx_1 = require("clsx");
-const Button_1 = require("../buttons/Button");
-const Icons_1 = require("../icons/Icons");
-const Pagination = ({ className, buttonClassName, pageInfo, setAfter, setBefore }) => {
-    const { hasNextPage, hasPreviousPage, endCursor, startCursor } = pageInfo;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.clsx)({ pagination: true, [`${className}`]: className }), children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { className: buttonClassName, label: "Previous", disabled: !hasPreviousPage, onClick: () => startCursor && setBefore(startCursor), children: (0, jsx_runtime_1.jsx)(Icons_1.AngleLeft, {}) }), (0, jsx_runtime_1.jsx)(Button_1.Button, { className: (0, clsx_1.clsx)({
-                    "button--icon-right": true,
-                    [`${buttonClassName}`]: buttonClassName,
-                }), label: "Next", disabled: !hasNextPage, onClick: () => endCursor && setAfter(endCursor), children: (0, jsx_runtime_1.jsx)(Icons_1.AngleRight, {}) })] }));
-};
-exports.Pagination = Pagination;

package/lib/cjs/components/progress/Progress.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Progress = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const clsx_1 = require("clsx");
-const Progress = ({ percentage, height = 4, className, showLabels, label, labelMin = "0", labelMax = "100", }) => {
-    if (percentage < 0)
-        percentage = 0;
-    if (percentage > 100)
-        percentage = 100;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)({ progress: true, [`${className}`]: className }), children: [(0, jsx_runtime_1.jsxs)("div", { className: "progress__height", children: [(0, jsx_runtime_1.jsx)("div", { className: "progress__track", style: { height: height } }), (0, jsx_runtime_1.jsx)("div", { className: "progress__percentage", style: { width: `${percentage}%` } })] }), showLabels && ((0, jsx_runtime_1.jsxs)("div", { className: "progress__labels", children: [(0, jsx_runtime_1.jsx)("div", { children: labelMin }), (0, jsx_runtime_1.jsx)("div", { style: { left: `${percentage}%` }, children: label || percentage }), (0, jsx_runtime_1.jsx)("div", { children: labelMax })] }))] }));
-};
-exports.Progress = Progress;

package/lib/cjs/components/slider/Slider.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Slider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_slider_1 = require("react-slider");
-const Slider = (props) => {
-    return ((0, jsx_runtime_1.jsx)(react_slider_1.default, { ...props, className: "slider grow", trackClassName: "slider__track", thumbClassName: "slider__thumb" }));
-};
-exports.Slider = Slider;

package/lib/cjs/components/table/SortItem.js

@@ -1,52 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createSortContext = exports.SortDir = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const useQueryParam_1 = require("../../hooks/useQueryParam");
-const Icons_1 = require("../icons/Icons");
-var SortDir;
-(function (SortDir) {
-    SortDir["Asc"] = "ASC";
-    SortDir["Desc"] = "DESC";
-})(SortDir || (exports.SortDir = SortDir = {}));
-const createSortContext = (by, dir) => {
-    const context = (0, react_1.createContext)([
-        {
-            sortBy: by,
-            sortDir: SortDir.Asc,
-        },
-        {
-            setSortBy: function () {
-                throw new Error("Function not implemented.");
-            },
-            setSortDir: function () {
-                throw new Error("Function not implemented.");
-            },
-        },
-    ]);
-    const useValues = () => {
-        const [x] = (0, react_1.useContext)(context);
-        return x;
-    };
-    const Provider = ({ children }) => {
-        const [sortBy, setSortBy] = (0, useQueryParam_1.useQueryParam)("sortBy", by);
-        const [sortDir, setSortDir] = (0, useQueryParam_1.useQueryParam)("sortDir", dir || SortDir.Asc);
-        return ((0, jsx_runtime_1.jsx)(context.Provider, { value: [
-                {
-                    sortBy,
-                    sortDir,
-                },
-                { setSortBy, setSortDir },
-            ], children: children }));
-    };
-    const Item = ({ className, label, value, }) => {
-        const [{ sortBy, sortDir }, { setSortBy, setSortDir }] = (0, react_1.useContext)(context);
-        return ((0, jsx_runtime_1.jsx)("th", { children: (0, jsx_runtime_1.jsxs)("div", { className: `flex ai-c no-select pointer ${className || ""}`, onClick: () => {
-                    setSortDir(sortDir === SortDir.Asc ? SortDir.Desc : SortDir.Asc);
-                    sortBy !== value && setSortBy(value);
-                }, children: [label, sortBy === value && sortDir === SortDir.Desc && ((0, jsx_runtime_1.jsx)(Icons_1.SortDown, { className: "color-white ml-0.5 w-2 h-a" })), sortBy === value && sortDir === SortDir.Asc && ((0, jsx_runtime_1.jsx)(Icons_1.SortUp, { className: "color-white ml-0.5 w-2 h-a" })), sortBy !== value && (0, jsx_runtime_1.jsx)(Icons_1.Sort, { className: "color-grey ml-0.5 w-2 h-a" })] }) }));
-    };
-    return { Provider, Item, useValues };
-};
-exports.createSortContext = createSortContext;

package/lib/cjs/context/GlobalModal.js

@@ -1,48 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GlobalModal = exports.useGlobalModalContext = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const clsx_1 = require("clsx");
-const react_1 = require("motion/react");
-const react_2 = require("react");
-const react_dom_1 = require("react-dom");
-const Button_1 = require("../components/buttons/Button");
-const Icons_1 = require("../components/icons/Icons");
-const helpers_1 = require("../helpers");
-const react_tooltip_1 = require("react-tooltip");
-const i18n_1 = require("../i18n");
-const initialState = {
-    showModal: () => { },
-    hideModal: () => { },
-};
-const GlobalModalContext = (0, react_2.createContext)(initialState);
-const useGlobalModalContext = () => (0, react_2.useContext)(GlobalModalContext);
-exports.useGlobalModalContext = useGlobalModalContext;
-const ModalContent = ({ modalProps, hideModal, }) => {
-    const { t } = (0, i18n_1.useTranslation)("common");
-    return ((0, jsx_runtime_1.jsx)(react_1.motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, className: (0, clsx_1.default)({
-            modal: true,
-            [`${modalProps.className}`]: modalProps.className,
-        }), onClick: () => (modalProps.backgroundClose ? hideModal() : null), children: (0, jsx_runtime_1.jsxs)(react_1.motion.div, { initial: { scale: 0.9 }, animate: { scale: 1 }, exit: { scale: 0.9 }, className: "modal__window", onClick: (e) => {
-                e.stopPropagation();
-            }, children: [modalProps.hideCloseButton !== true && ((0, jsx_runtime_1.jsxs)("button", { className: "transparent modal__close fs-12 color-white fw-600 flex ai-c mr-1 mb-1 hover-primary1", onClick: hideModal, children: [(0, jsx_runtime_1.jsx)(Icons_1.Xmark, { className: "w-2 h-a mr-1" }), t("close")] })), modalProps.title && ((0, jsx_runtime_1.jsx)("div", { className: "modal__header", children: (0, jsx_runtime_1.jsx)("h2", { children: modalProps.title }) })), modalProps.children && modalProps.children, modalProps.confirm && ((0, jsx_runtime_1.jsxs)("div", { className: "modal__footer mt-4 px-3 py-2 text-right", children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { className: "button--grey button--outline", onClick: hideModal, label: t("cancel") }), (0, jsx_runtime_1.jsx)(Button_1.Button, { className: "button ml-1", onClick: modalProps.confirm, label: t("confirm") })] })), (0, jsx_runtime_1.jsx)(react_tooltip_1.Tooltip, { id: "modal-tip", className: "tooltip" })] }) }));
-};
-const GlobalModal = ({ children, }) => {
-    const [modalProps, setModalProps] = (0, react_2.useState)({});
-    const showModal = (modalProps) => {
-        document.body.style.overflow = "hidden";
-        setModalProps(modalProps);
-    };
-    const hideModal = () => {
-        document.body.style.overflow = "scroll";
-        setModalProps({});
-    };
-    const dest = document.getElementById("modal");
-    const renderComponent = () => {
-        return dest
-            ? react_dom_1.default.createPortal((0, jsx_runtime_1.jsx)(i18n_1.TranslationProvider, { namespace: "common", children: (0, jsx_runtime_1.jsx)(react_1.AnimatePresence, { children: !(0, helpers_1.isEmpty)(modalProps) && ((0, jsx_runtime_1.jsx)(ModalContent, { modalProps: modalProps, hideModal: hideModal })) }) }), dest)
-            : null;
-    };
-    return ((0, jsx_runtime_1.jsxs)(GlobalModalContext.Provider, { value: { showModal, hideModal }, children: [children, renderComponent()] }));
-};
-exports.GlobalModal = GlobalModal;

package/lib/cjs/helpers/index.js

@@ -1,167 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.bigIntToDecimalString = exports.floatToSubscript = exports.compress = exports.classApr = exports.formatApr = exports.nFormatterInt = exports.nFormatter = exports.uuidv4 = exports.isEmpty = exports.whatDecimalSeparator = exports.getLang = void 0;
-const getLang = () => {
-    if (navigator.languages != undefined)
-        return navigator.languages[0];
-    return navigator.language;
-};
-exports.getLang = getLang;
-const whatDecimalSeparator = () => {
-    const n = 1.1;
-    const s = n.toLocaleString().substring(1, 2);
-    return s;
-};
-exports.whatDecimalSeparator = whatDecimalSeparator;
-const isEmpty = (obj) => {
-    for (const prop in obj) {
-        if (Object.hasOwn(obj, prop)) {
-            return false;
-        }
-    }
-    return true;
-};
-exports.isEmpty = isEmpty;
-const uuidv4 = () => {
-    return "10000000-1000-4000-8000-100000000000".replace(/[018]/g, (c) => (+c ^
-        (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (+c / 4)))).toString(16));
-};
-exports.uuidv4 = uuidv4;
-const nFormatter = (bigint, digits, decimals = 8) => {
-    const num = Number(bigint) / 10 ** decimals;
-    const lookup = [
-        { value: 1, symbol: "" },
-        { value: 1e3, symbol: "k" },
-        { value: 1e6, symbol: "M" },
-        { value: 1e9, symbol: "B" },
-        { value: 1e12, symbol: "T" },
-        { value: 1e15, symbol: "P" },
-        { value: 1e18, symbol: "E" },
-    ];
-    const rx = /\.0+$|(\.[0-9]*[1-9])0+$/;
-    const item = lookup
-        .slice()
-        .reverse()
-        .find(function (item) {
-        return num >= item.value;
-    });
-    return item
-        ? (num / item.value).toLocaleDecimal(digits).replace(rx, "$1") + item.symbol
-        : num
-            ? num.toLocaleDecimal(digits).replaceAll(/\.[0]+$/g, "")
-            : "0";
-};
-exports.nFormatter = nFormatter;
-const nFormatterInt = (num, digits) => {
-    const lookup = [
-        { value: 1, symbol: "" },
-        { value: 1e3, symbol: "k" },
-        { value: 1e6, symbol: "M" },
-        { value: 1e9, symbol: "G" },
-        { value: 1e12, symbol: "T" },
-        { value: 1e15, symbol: "P" },
-        { value: 1e18, symbol: "E" },
-    ];
-    const rx = /\.0+$|(\.[0-9]*[1-9])0+$/;
-    const item = lookup
-        .slice()
-        .reverse()
-        .find(function (item) {
-        return num >= item.value;
-    });
-    return item
-        ? (num / item.value).toFixed(digits).replace(rx, "$1") + item.symbol
-        : "0";
-};
-exports.nFormatterInt = nFormatterInt;
-const formatApr = (apr) => {
-    if (!apr)
-        return "—";
-    if (apr.status === "SOON")
-        return "Soon";
-    if (apr.status === "NOT_APPLICABLE")
-        return "N/A";
-    if (apr.value === null)
-        return "—";
-    if (apr.value === undefined)
-        return "—";
-    return `${(0, exports.nFormatter)(apr.value, 2, 10)}%`;
-};
-exports.formatApr = formatApr;
-const classApr = (apr) => {
-    if (!apr)
-        return "color-grey";
-    if (apr.status === "SOON")
-        return "color-white";
-    if (apr.status === "NOT_APPLICABLE")
-        return "color-grey";
-    if (apr.value === null)
-        return "color-grey";
-    if (apr.value === undefined)
-        return "color-grey";
-    if (apr.value >= 0n)
-        return "color-teal";
-    return "color-red";
-};
-exports.classApr = classApr;
-const compress = (v) => {
-    if (v.match(/^0+$/))
-        return "0";
-    const matches = v.match(/^(0+)([0-9]+)/);
-    if (!matches)
-        return v;
-    const count = matches[1].length;
-    if (count <= 2)
-        return v;
-    const sub = {
-        "0": "\u2080",
-        "1": "\u2081",
-        "2": "\u2082",
-        "3": "\u2083",
-        "4": "\u2084",
-        "5": "\u2085",
-        "6": "\u2086",
-        "7": "\u2087",
-        "8": "\u2088",
-        "9": "\u2089",
-    }[count];
-    return "\u0030" + sub + matches[2];
-};
-exports.compress = compress;
-/**
- * Formats a float value, using subscript when necessary if the value is small.
- * @param floatValue The value to format.
- * @param rounding The number of digits to round the value too, before applying subscript compression if necessary.
- *                 This param can be greater than the fractionDigits, to ensure that very small numbers still get subscript compression.
- * @param fractionDigits The desired number of fractional digits in the final output, including the subscripting.
- */
-const floatToSubscript = (floatValue, rounding, fractionDigits) => {
-    const separator = (0, exports.whatDecimalSeparator)();
-    const formatted = floatValue.toLocaleString(undefined, {
-        minimumFractionDigits: 0,
-        maximumFractionDigits: rounding,
-    });
-    const [intPart, decimalPart] = formatted.split(separator);
-    if (!decimalPart)
-        return intPart + ".".padEnd(fractionDigits + 1, "0");
-    const compressedDec = (0, exports.compress)(decimalPart);
-    const trimmed = compressedDec.length >= fractionDigits
-        ? compressedDec.substring(0, fractionDigits)
-        : compressedDec.padEnd(fractionDigits, "0");
-    return intPart + separator + trimmed;
-};
-exports.floatToSubscript = floatToSubscript;
-/**
- * A function that uses string manipulation to convert a bigint into a floating point number,
- * avoiding the floating points maths issues that sometimes arise when generating this number
- * mathematically.
- * @param value The value to convert into a floating point number, using the provided number of decimals.
- * @param decimals The exponent value to use in the conversion.
- */
-const bigIntToDecimalString = (value, decimals) => {
-    const valueStr = value.toString().padStart(decimals + 1, "0");
-    const integerPart = valueStr.slice(0, -decimals) || "0";
-    const decimalPart = valueStr.slice(-decimals);
-    return `${integerPart}.${decimalPart}`;
-};
-exports.bigIntToDecimalString = bigIntToDecimalString;

package/lib/cjs/helpers/number.js

@@ -1,8 +0,0 @@
-"use strict";
-// Add the method to the Number prototype
-Number.prototype.toLocaleDecimal = function (decimals = 0) {
-    return this.toLocaleString(undefined, {
-        maximumFractionDigits: decimals,
-        minimumFractionDigits: decimals,
-    });
-};

package/lib/cjs/hooks/useClickOutside.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useClickOutside = void 0;
-const react_1 = require("react");
-const useClickOutside = (callback) => {
-    const ref = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        const handleClickOutside = (event) => {
-            if (ref.current && !ref.current.contains(event.target)) {
-                callback();
-            }
-        };
-        document.addEventListener('mouseup', handleClickOutside);
-        document.addEventListener('touchend', handleClickOutside);
-        return () => {
-            document.removeEventListener('mouseup', handleClickOutside);
-            document.removeEventListener('touchend', handleClickOutside);
-        };
-    }, [callback]);
-    return ref;
-};
-exports.useClickOutside = useClickOutside;