@ape.swap/bonds-sdk 1.0.778 → 1.0.779

package/dist/components/BondMenu/BondMenu.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
 import { useCallback } from 'react';
 import { Flex, IconButton } from '../uikit-sdk';
@@ -29,7 +18,7 @@ var BondMenu = function (_a) {
         setChainFilterOption(['All Chains']);
         setFilterOption(newOption);
     }, [setChainFilterOption, setFilterOption]);
-    return (_jsxs(Flex, __assign({ className: "menu-container filters" }, { children: [_jsx(Flex, __assign({ className: "filters desktop-rec", sx: { display: ['none', 'none', 'none', 'flex'], mr: '20px' } }, { children: _jsx(RecommendationSelector, { options: filterOptions, activeOption: filterOption, setActiveOption: handleFilterSelection }) })), _jsx(Flex, __assign({ className: "filtesr mobile-rec", sx: { display: ['flex', 'flex', 'flex', 'none'], width: '100%' } }, { children: _jsx(MenuSelect, { selectedOption: filterOption, setOption: setFilterOption, options: mappedFilters, sx: { background: 'white2' } }) })), _jsx(Flex, __assign({ className: "filters network", sx: { width: ['49%', '49%', '49%', 'unset'], minWidth: '120px' } }, { children: _jsx(NetworkFilter, { chainFilterOption: chainFilterOption, setChainFilterOption: setChainFilterOption }) })), _jsxs(Flex, __assign({ className: "filters clear-all", sx: {
+    return (_jsxs(Flex, { className: "menu-container filters", children: [_jsx(Flex, { className: "filters desktop-rec", sx: { display: ['none', 'none', 'none', 'flex'], mr: '20px' }, children: _jsx(RecommendationSelector, { options: filterOptions, activeOption: filterOption, setActiveOption: handleFilterSelection }) }), _jsx(Flex, { className: "filtesr mobile-rec", sx: { display: ['flex', 'flex', 'flex', 'none'], width: '100%' }, children: _jsx(MenuSelect, { selectedOption: filterOption, setOption: setFilterOption, options: mappedFilters, sx: { background: 'white2' } }) }), _jsx(Flex, { className: "filters network", sx: { width: ['49%', '49%', '49%', 'unset'], minWidth: '120px' }, children: _jsx(NetworkFilter, { chainFilterOption: chainFilterOption, setChainFilterOption: setChainFilterOption }) }), _jsxs(Flex, { className: "filters clear-all", sx: {
                     display: ['none', 'none', 'none', 'flex'],
                     color: 'textDisabledButton',
                     fontSize: '14px',
@@ -46,6 +35,6 @@ var BondMenu = function (_a) {
                     setChainFilterOption(['All Chains']);
                     setFilterOption(asPath.includes('yourBonds') ? 'CLAIMABLE' : 'ALL');
                     onHandleQueryChange('');
-                } }, { children: ["Clear All", _jsx(Flex, __assign({ sx: { ml: '7px' } }, { children: _jsx(IconButton, { icon: "close", color: "textDisabledButton", variant: "transparent" }) }))] }))] })));
+                }, children: ["Clear All", _jsx(Flex, { sx: { ml: '7px' }, children: _jsx(IconButton, { icon: "close", color: "textDisabledButton", variant: "transparent" }) })] })] }));
 };
 export default BondMenu;

package/dist/components/BondRows/BondRow.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BondsDataResponse } from "../../types/bonds";
 import '../../scss/BondRow.scss';
 interface BondRowProps {

package/dist/components/BondRows/BondRow.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
 import BigNumber from "bignumber.js";
 import { ChainId } from "../../enum/apeswaplists";
@@ -78,7 +67,7 @@ var BondRow = function (_a) {
         var vestingDays = vestingTime(bond.vestingTerm).days;
         return parseFloat((((discount * 365) / vestingDays).toFixed(2)));
     };
-    return (_jsxs(Flex, __assign({ className: "bonds-container bondrow-container", onClick: function () { return rowClick(bond); } }, { children: [_jsxs(Flex, __assign({ className: "column column-tokens" }, { children: [_jsx(Flex, __assign({ className: "column column-tokeninfoname" }, { children: _jsx(TokenInfoAndName, { bill: bond }) })), _jsx(Flex, __assign({ className: "column column-tokenicons" }, { children: _jsx(TooltipBubble, __assign({ className: "tooltip-bubble", body: _jsx(Tooltip, { tokenContract: (bond === null || bond === void 0 ? void 0 : bond.earnToken.address[bond.chainId]) || '', secondURL: getBillContractURL(bond), secondURLTitle: 'View Bond Contract', thirdURL: "https://dashboard.ape.bond/bond/".concat((_b = bond === null || bond === void 0 ? void 0 : bond.billAddress) === null || _b === void 0 ? void 0 : _b.toLowerCase()), thirdURLTitle: 'View Insights', twitter: bond === null || bond === void 0 ? void 0 : bond.twitter, projectLink: bond === null || bond === void 0 ? void 0 : bond.projectLink, audit: bond === null || bond === void 0 ? void 0 : bond.audit, chain: (_c = bond.chainId) !== null && _c !== void 0 ? _c : ChainId.BSC }), width: "205px", placement: "bottomRight", transformTip: "translate(11%, 0%)" }, { children: _jsx(Svg, { icon: "more", width: "20px" }) })) }))] })), _jsxs(Flex, __assign({ className: "column column-bondinfo" }, { children: [_jsx(Flex, __assign({ className: "column column-discount ".concat(getDiscountColor(bond === null || bond === void 0 ? void 0 : bond.discount)) }, { children: (bond === null || bond === void 0 ? void 0 : bond.discount) !== undefined ? "".concat(bond.discount.toFixed(2), "%") : '-' })), _jsx(Flex, __assign({ className: "column column-arr" }, { children: calculateARR(bond) !== undefined ? "".concat(calculateARR(bond), "%") : '-' })), _jsx(Flex, __assign({ className: "column column-terms" }, { children: vestingTime(bond.vestingTerm).days ? "".concat(vestingTime(bond.vestingTerm).days, " D") : '-' })), _jsx(Flex, __assign({ className: "column column-tokensremaining" }, { children: _jsx(ProgressBarWrapper, { title: '', value: _jsx(ProgressBar, { value: remainingPercentage(bond) }), style: {
+    return (_jsxs(Flex, { className: "bonds-container bondrow-container", onClick: function () { return rowClick(bond); }, children: [_jsxs(Flex, { className: "column column-tokens", children: [_jsx(Flex, { className: "column column-tokeninfoname", children: _jsx(TokenInfoAndName, { bill: bond }) }), _jsx(Flex, { className: "column column-tokenicons", children: _jsx(TooltipBubble, { className: "tooltip-bubble", body: _jsx(Tooltip, { tokenContract: (bond === null || bond === void 0 ? void 0 : bond.earnToken.address[bond.chainId]) || '', secondURL: getBillContractURL(bond), secondURLTitle: 'View Bond Contract', thirdURL: "https://dashboard.ape.bond/bond/".concat((_b = bond === null || bond === void 0 ? void 0 : bond.billAddress) === null || _b === void 0 ? void 0 : _b.toLowerCase()), thirdURLTitle: 'View Insights', twitter: bond === null || bond === void 0 ? void 0 : bond.twitter, projectLink: bond === null || bond === void 0 ? void 0 : bond.projectLink, audit: bond === null || bond === void 0 ? void 0 : bond.audit, chain: (_c = bond.chainId) !== null && _c !== void 0 ? _c : ChainId.BSC }), width: "205px", placement: "bottomRight", transformTip: "translate(11%, 0%)", children: _jsx(Svg, { icon: "more", width: "20px" }) }) })] }), _jsxs(Flex, { className: "column column-bondinfo", children: [_jsx(Flex, { className: "column column-discount ".concat(getDiscountColor(bond === null || bond === void 0 ? void 0 : bond.discount)), children: (bond === null || bond === void 0 ? void 0 : bond.discount) !== undefined ? "".concat(bond.discount.toFixed(2), "%") : '-' }), _jsx(Flex, { className: "column column-arr", children: calculateARR(bond) !== undefined ? "".concat(calculateARR(bond), "%") : '-' }), _jsx(Flex, { className: "column column-terms", children: vestingTime(bond.vestingTerm).days ? "".concat(vestingTime(bond.vestingTerm).days, " D") : '-' }), _jsx(Flex, { className: "column column-tokensremaining", children: _jsx(ProgressBarWrapper, { title: '', value: _jsx(ProgressBar, { value: remainingPercentage(bond) }), style: {
                                 width: '127px',
                                 height: '25px',
                                 flexDirection: 'column',
@@ -87,6 +76,6 @@ var BondRow = function (_a) {
                             }, showTooltip: true, toolTip: "".concat(remainingTokensFormat(bond), " ").concat(bond.earnToken.symbol, " (").concat(formatDollar({
                                 num: remainingTokensUsd(bond).toNumber(),
                                 isPrice: true,
-                            }), ")") }) })), _jsx(Flex, __assign({ className: "column column-hotbond" }, { children: _jsx(Flex, __assign({ className: "column column-icon" }, { children: (hotBonds === null || hotBonds === void 0 ? void 0 : hotBonds.includes(bond.billAddress.toLowerCase())) && ((_d = bond.discount) !== null && _d !== void 0 ? _d : 0) > 0 && (_jsx(Svg, { icon: "hot", width: "20px" })) })) }))] }))] }), bond.billAddress));
+                            }), ")") }) }), _jsx(Flex, { className: "column column-hotbond", children: _jsx(Flex, { className: "column column-icon", children: (hotBonds === null || hotBonds === void 0 ? void 0 : hotBonds.includes(bond.billAddress.toLowerCase())) && ((_d = bond.discount) !== null && _d !== void 0 ? _d : 0) > 0 && (_jsx(Svg, { icon: "hot", width: "20px" })) }) })] })] }, bond.billAddress));
 };
 export default BondRow;

package/dist/components/BondRows/BondRowHeader.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
 import { Flex } from 'theme-ui';
 import { Input } from '../uikit-sdk/Input';
@@ -18,6 +7,6 @@ import '../../scss/BondRowHeader.scss';
 import BondMenu from '../BondMenu/BondMenu';
 var BondRowHeader = function (_a) {
     var inputValue = _a.inputValue, setChainFilterOption = _a.setChainFilterOption, chainFilterOption = _a.chainFilterOption, filterOptions = _a.filterOptions, filterOption = _a.filterOption, setFilterOption = _a.setFilterOption, onInputChange = _a.onInputChange, onHandleQueryChange = _a.onHandleQueryChange, onSort = _a.onSort;
-    return (_jsxs(Flex, __assign({ className: "bondrow-header" }, { children: [_jsx(Flex, __assign({ className: "bondrow-header filters" }, { children: _jsx(BondMenu, { chainFilterOption: chainFilterOption !== null && chainFilterOption !== void 0 ? chainFilterOption : ['All Chains'], setChainFilterOption: setChainFilterOption, filterOptions: filterOptions, filterOption: filterOption, setFilterOption: setFilterOption, onHandleQueryChange: onHandleQueryChange }) })), _jsxs(Flex, __assign({ className: "bondrow-header rows" }, { children: [_jsxs(Flex, __assign({ className: "column column-tokens header" }, { children: [_jsx(Flex, __assign({ className: "column column-search", sx: { width: '100%', maxWidth: ['200px', '200px', '200px', '340px'] } }, { children: _jsx(Input, { value: inputValue, onChange: onInputChange, variant: "search", sx: { fontWeight: 400, background: 'white2', height: '30px', fontSize: '14px', color: 'white' }, width: '100%', placeholder: 'Search...' }) })), _jsx(Flex, { className: "column column-tokenicons header" })] })), _jsxs(Flex, __assign({ className: "column column-bondinfo header" }, { children: [_jsxs(Flex, __assign({ className: "column column-discount header" }, { children: [_jsx(Flex, __assign({ className: "column tooltip" }, { children: _jsxs(TooltipBubble, __assign({ className: "tooltip-bubble", body: _jsx(Flex, { children: TooltipText.Discount }), width: "230px", placement: "bottomLeft", transformTip: "translate(18%, -4%)" }, { children: ["DISCOUNT", _jsx(Flex, __assign({ className: "column header-icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px", color: "textDisabledButton" }) }))] })) })), _jsx(Flex, __assign({ className: "column header-icon", onClick: function () { return onSort('discount'); } }, { children: _jsx(Svg, { icon: "sort", width: "12px", color: "textDisabledButton" }) }))] })), _jsxs(Flex, __assign({ className: "column column-arr header" }, { children: [_jsx(Flex, __assign({ className: "column tooltip" }, { children: _jsxs(TooltipBubble, __assign({ className: "tooltip-bubble", body: _jsx(Flex, { children: TooltipText.ARR }), width: "230px", placement: "bottomLeft", transformTip: "translate(8%, -5%)" }, { children: ["ARR", _jsx(Flex, __assign({ className: "column header-icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px", color: "textDisabledButton" }) }))] })) })), _jsx(Flex, __assign({ className: "column header-icon", onClick: function () { return onSort('arr'); } }, { children: _jsx(Svg, { icon: "sort", width: "12px", color: "textDisabledButton" }) }))] })), _jsxs(Flex, __assign({ className: "column column-terms header" }, { children: [_jsx(Flex, __assign({ className: "column tooltip" }, { children: _jsxs(TooltipBubble, __assign({ className: "tooltip-bubble", body: _jsx(Flex, { children: TooltipText.Terms }), width: "230px", placement: "bottomRight", transformTip: "translate(11%, -5%)" }, { children: ["TERMS", _jsx(Flex, __assign({ className: "column header-icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px", color: "textDisabledButton" }) }))] })) })), _jsx(Flex, __assign({ className: "column header-icon", onClick: function () { return onSort('terms'); } }, { children: _jsx(Svg, { icon: "sort", width: "12px", color: "textDisabledButton" }) }))] })), _jsxs(Flex, __assign({ className: "column column-tokensremaining header" }, { children: [_jsx(Flex, __assign({ className: "column tooltip" }, { children: _jsxs(TooltipBubble, __assign({ className: "tooltip-bubble", body: _jsx(Flex, { children: TooltipText.TokensRemaining }), width: "230px", placement: "bottomRight", transformTip: "translate(12%, -4%)" }, { children: ["TOKENS REMAINING", _jsx(Flex, __assign({ className: "column header-icon" }, { children: _jsx(Svg, { icon: "questionCircle", width: "12px", color: "textDisabledButton" }) }))] })) })), _jsx(Flex, __assign({ className: "column header-icon", onClick: function () { return onSort('tokensRemaining'); } }, { children: _jsx(Svg, { icon: "sort", width: "12px", color: "textDisabledButton" }) }))] })), _jsx(Flex, { className: "column column-hotbond header" })] }))] }))] })));
+    return (_jsxs(Flex, { className: "bondrow-header", children: [_jsx(Flex, { className: "bondrow-header filters", children: _jsx(BondMenu, { chainFilterOption: chainFilterOption !== null && chainFilterOption !== void 0 ? chainFilterOption : ['All Chains'], setChainFilterOption: setChainFilterOption, filterOptions: filterOptions, filterOption: filterOption, setFilterOption: setFilterOption, onHandleQueryChange: onHandleQueryChange }) }), _jsxs(Flex, { className: "bondrow-header rows", children: [_jsxs(Flex, { className: "column column-tokens header", children: [_jsx(Flex, { className: "column column-search", sx: { width: '100%', maxWidth: ['200px', '200px', '200px', '340px'] }, children: _jsx(Input, { value: inputValue, onChange: onInputChange, variant: "search", sx: { fontWeight: 400, background: 'white2', height: '30px', fontSize: '14px', color: 'white' }, width: '100%', placeholder: 'Search...' }) }), _jsx(Flex, { className: "column column-tokenicons header" })] }), _jsxs(Flex, { className: "column column-bondinfo header", children: [_jsxs(Flex, { className: "column column-discount header", children: [_jsx(Flex, { className: "column tooltip", children: _jsxs(TooltipBubble, { className: "tooltip-bubble", body: _jsx(Flex, { children: TooltipText.Discount }), width: "230px", placement: "bottomLeft", transformTip: "translate(18%, -4%)", children: ["DISCOUNT", _jsx(Flex, { className: "column header-icon", children: _jsx(Svg, { icon: "questionCircle", width: "12px", color: "textDisabledButton" }) })] }) }), _jsx(Flex, { className: "column header-icon", onClick: function () { return onSort('discount'); }, children: _jsx(Svg, { icon: "sort", width: "12px", color: "textDisabledButton" }) })] }), _jsxs(Flex, { className: "column column-arr header", children: [_jsx(Flex, { className: "column tooltip", children: _jsxs(TooltipBubble, { className: "tooltip-bubble", body: _jsx(Flex, { children: TooltipText.ARR }), width: "230px", placement: "bottomLeft", transformTip: "translate(8%, -5%)", children: ["ARR", _jsx(Flex, { className: "column header-icon", children: _jsx(Svg, { icon: "questionCircle", width: "12px", color: "textDisabledButton" }) })] }) }), _jsx(Flex, { className: "column header-icon", onClick: function () { return onSort('arr'); }, children: _jsx(Svg, { icon: "sort", width: "12px", color: "textDisabledButton" }) })] }), _jsxs(Flex, { className: "column column-terms header", children: [_jsx(Flex, { className: "column tooltip", children: _jsxs(TooltipBubble, { className: "tooltip-bubble", body: _jsx(Flex, { children: TooltipText.Terms }), width: "230px", placement: "bottomRight", transformTip: "translate(11%, -5%)", children: ["TERMS", _jsx(Flex, { className: "column header-icon", children: _jsx(Svg, { icon: "questionCircle", width: "12px", color: "textDisabledButton" }) })] }) }), _jsx(Flex, { className: "column header-icon", onClick: function () { return onSort('terms'); }, children: _jsx(Svg, { icon: "sort", width: "12px", color: "textDisabledButton" }) })] }), _jsxs(Flex, { className: "column column-tokensremaining header", children: [_jsx(Flex, { className: "column tooltip", children: _jsxs(TooltipBubble, { className: "tooltip-bubble", body: _jsx(Flex, { children: TooltipText.TokensRemaining }), width: "230px", placement: "bottomRight", transformTip: "translate(12%, -4%)", children: ["TOKENS REMAINING", _jsx(Flex, { className: "column header-icon", children: _jsx(Svg, { icon: "questionCircle", width: "12px", color: "textDisabledButton" }) })] }) }), _jsx(Flex, { className: "column header-icon", onClick: function () { return onSort('tokensRemaining'); }, children: _jsx(Svg, { icon: "sort", width: "12px", color: "textDisabledButton" }) })] }), _jsx(Flex, { className: "column column-hotbond header" })] })] })] }));
 };
 export default BondRowHeader;

package/dist/components/BondRows/BondRowsByChain.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import { BondsDataResponse } from '../../types/bonds';
 import '../../scss/BondRowsByChain.scss';
 declare const BondRowsByChain: ({ bonds, hotBonds, hideTitles, chains }: {
     bonds: BondsDataResponse[];
-    hotBonds?: string[] | undefined;
+    hotBonds?: string[];
     hideTitles: boolean;
-    chains?: number[] | undefined;
+    chains?: number[];
 }) => import("react").JSX.Element;
 export default BondRowsByChain;

package/dist/components/BondRows/BondRowsByChain.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx } from "theme-ui/jsx-runtime";
 import BondRowsWithTitle from './BondRowsWithTitle';
 import { MAINNET_CHAINS } from '../../config/constants/chains';
@@ -16,9 +5,9 @@ import '../../scss/BondRowsByChain.scss';
 import { Flex } from 'theme-ui';
 var BondRowsByChain = function (_a) {
     var bonds = _a.bonds, hotBonds = _a.hotBonds, hideTitles = _a.hideTitles, chains = _a.chains;
-    return (_jsx(Flex, __assign({ className: "bondrowsbychain" }, { children: (MAINNET_CHAINS.map(function (chain, index) {
+    return (_jsx(Flex, { className: "bondrowsbychain", children: (MAINNET_CHAINS.map(function (chain, index) {
             return ((!chains || chains.length === 0 || chains.includes(chain)) &&
                 _jsx(BondRowsWithTitle, { chain: chain, bonds: bonds, hotBonds: hotBonds, hideTitles: hideTitles }, chain));
-        })) })));
+        })) }));
 };
 export default BondRowsByChain;

package/dist/components/BondRows/BondRowsWithTitle.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import { BondsDataResponse } from "../../types/bonds";
 import '../../scss/BondRowsWithTitle.scss';
 declare const BondRowsWithTitle: ({ chain, bonds, hotBonds, hideTitles }: {
     chain: number;
     bonds: BondsDataResponse[];
-    hotBonds?: string[] | undefined;
+    hotBonds?: string[];
     hideTitles: boolean;
 }) => import("react").JSX.Element;
 export default BondRowsWithTitle;

package/dist/components/BondRows/BondRowsWithTitle.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
 import { AnimatePresence, motion } from "framer-motion";
 import ChainTitle from "./ChainTitle";
@@ -21,11 +10,11 @@ var BondRowsWithTitle = function (_a) {
     var billsFilteredByChain = bonds.filter(function (bill) { return bill.chainId === chain; });
     var key = chain;
     var _b = useState(true), isOpen = _b[0], setIsOpen = _b[1];
-    return (_jsx(Flex, __assign({ className: "bondrowswithtitle" }, { children: _jsxs(AnimatePresence, __assign({ initial: false }, { children: [_jsx(Flex, __assign({ onClick: function () { return setIsOpen(!isOpen); } }, { children: _jsx(ChainTitle, { chain: chain, pt: '5px', hideTitles: billsFilteredByChain.length > 0 ? false : true, isOpen: isOpen }) })), billsFilteredByChain.length > 0 && isOpen && (_jsx(motion.div, __assign({ initial: { height: 0, overflow: 'hidden' }, animate: { height: 'fit-content', overflow: 'hidden', transitionEnd: { overflow: 'visible' } }, exit: { height: 0, overflow: 'hidden' }, sx: {
+    return (_jsx(Flex, { className: "bondrowswithtitle", children: _jsxs(AnimatePresence, { initial: false, children: [_jsx(Flex, { onClick: function () { return setIsOpen(!isOpen); }, children: _jsx(ChainTitle, { chain: chain, pt: '5px', hideTitles: billsFilteredByChain.length > 0 ? false : true, isOpen: isOpen }) }), billsFilteredByChain.length > 0 && isOpen && (_jsx(motion.div, { initial: { height: 0, overflow: 'hidden' }, animate: { height: 'fit-content', overflow: 'hidden', transitionEnd: { overflow: 'visible' } }, exit: { height: 0, overflow: 'hidden' }, sx: {
                         position: 'relative',
                         overflow: 'hidden',
                         width: '100%',
                         marginTop: '0px',
-                    } }, { children: billsFilteredByChain === null || billsFilteredByChain === void 0 ? void 0 : billsFilteredByChain.map(function (bill) { return (_jsx(BondRow, { bond: bill, hotBonds: hotBonds }, bill.billAddress)); }) }), key))] })) }), key));
+                    }, children: billsFilteredByChain === null || billsFilteredByChain === void 0 ? void 0 : billsFilteredByChain.map(function (bill) { return (_jsx(BondRow, { bond: bill, hotBonds: hotBonds }, bill.billAddress)); }) }, key))] }) }, key));
 };
 export default BondRowsWithTitle;

package/dist/components/BondRows/ChainTitle.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 declare const ChainTitle: ({ chain, pt, hideTitles, isOpen, }: {
     chain: number;
     pt: string;
-    hideTitles?: boolean | undefined;
+    hideTitles?: boolean;
     isOpen: boolean;
 }) => React.JSX.Element;
 export default ChainTitle;

package/dist/components/BondRows/ChainTitle.js

@@ -1,20 +1,9 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
 import { Flex, Svg } from '../uikit-sdk';
 import { NETWORK_LABEL } from '../../config/constants/chains';
 var ChainTitle = function (_a) {
     var chain = _a.chain, pt = _a.pt, hideTitles = _a.hideTitles, isOpen = _a.isOpen;
-    return (_jsxs(Flex, __assign({ className: "chaintitle", sx: {
+    return (_jsxs(Flex, { className: "chaintitle", sx: {
             pt: pt,
             pb: '10px',
             color: 'textDisabledButton',
@@ -24,6 +13,6 @@ var ChainTitle = function (_a) {
             textTransform: 'uppercase',
             display: hideTitles ? 'none' : 'flex',
             width: '200px',
-        } }, { children: [NETWORK_LABEL[chain], " Bonds", _jsx(Flex, __assign({ sx: { ml: '7px' } }, { children: _jsx(Svg, { icon: "caret", direction: isOpen ? 'down' : 'up', width: 8, color: "textDisabledButton" }) }))] })));
+        }, children: [NETWORK_LABEL[chain], " Bonds", _jsx(Flex, { sx: { ml: '7px' }, children: _jsx(Svg, { icon: "caret", direction: isOpen ? 'down' : 'up', width: 8, color: "textDisabledButton" }) })] }));
 };
 export default ChainTitle;

package/dist/components/MenuSelect/MenuSelect.d.ts

@@ -1,4 +1,8 @@
 import React from 'react';
 import { Option } from './types';
-declare const MenuSelect: ({ selectedOption, setOption, options, ...props }: any) => React.JSX.Element;
+declare const MenuSelect: ({ selectedOption, setOption, options, ...props }: {
+    selectedOption: string;
+    setOption: (option: string) => void;
+    options: Option[] | undefined;
+} | any) => React.JSX.Element;
 export default MenuSelect;

package/dist/components/MenuSelect/MenuSelect.js

@@ -30,7 +30,7 @@ var MenuSelect = function (_a) {
             width: '100%',
             paddingRight: '4px',
         } }, props, { children: options === null || options === void 0 ? void 0 : options.map(function (option) {
-            return (_jsx(SelectItem, __assign({ size: "xsm", value: option.value }, { children: _jsx(Text, __assign({ sx: { fontWeight: 400, pl: '10px' } }, { children: option.label })) }), option.label));
+            return (_jsx(SelectItem, { size: "xsm", value: option.value, children: _jsx(Text, { sx: { fontWeight: 400, pl: '10px' }, children: option.label }) }, option.label));
         }) })));
 };
 export default MenuSelect;

package/dist/components/MenuSelect/RecommendationSelector.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx } from "theme-ui/jsx-runtime";
 import { Flex } from '../uikit-sdk';
 var RecommendationSelector = function (_a) {
@@ -16,7 +5,7 @@ var RecommendationSelector = function (_a) {
     var handleClick = function (option) {
         setActiveOption(option);
     };
-    return (_jsx(Flex, __assign({ sx: {
+    return (_jsx(Flex, { sx: {
             alignItems: 'center',
             color: 'grey',
             fontSize: ['11px'],
@@ -24,9 +13,9 @@ var RecommendationSelector = function (_a) {
             '& > div:last-child': {
                 marginRight: '0',
             },
-        } }, { children: options.map(function (option) {
+        }, children: options.map(function (option) {
             var isActive = option === activeOption;
-            return (_jsx(Flex, __assign({ sx: {
+            return (_jsx(Flex, { sx: {
                     background: isActive ? 'primaryShade' : 'white2',
                     color: isActive ? 'primaryButton' : 'textDisabledButton',
                     px: ['6px', '6px', '6px', '10px'],
@@ -37,7 +26,7 @@ var RecommendationSelector = function (_a) {
                     lineHeight: '11px',
                     alignItems: 'center',
                     height: '24px',
-                }, onClick: function () { return handleClick(option); } }, { children: option }), option));
-        }) })));
+                }, onClick: function () { return handleClick(option); }, children: option }, option));
+        }) }));
 };
 export default RecommendationSelector;

package/dist/components/NetworkFilter/index.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -45,7 +34,7 @@ var NetworkFilter = function (_a) {
         }
         setChainFilterOption(newChainFilterOption);
     };
-    return (_jsxs(Flex, __assign({ sx: { width: '100%', position: 'relative' } }, { children: [_jsxs(Flex, __assign({ sx: {
+    return (_jsxs(Flex, { sx: { width: '100%', position: 'relative' }, children: [_jsxs(Flex, { sx: {
                     background: 'white2',
                     p: '6px',
                     borderRadius: 'normal',
@@ -53,7 +42,7 @@ var NetworkFilter = function (_a) {
                     alignItems: 'center',
                     width: '100%',
                     justifyContent: 'space-between',
-                }, onClick: function () { return setIsOpen(!isOpen); } }, { children: [_jsx(Text, __assign({ sx: { lineHeight: '22px', fontSize: '14px', fontWeight: 400, px: '10px' } }, { children: chainFilterOption.includes('All Chains') ? 'All Chains' : "Chains (".concat(chainFilterOption.length, ")") })), _jsx(Flex, __assign({ sx: { ml: '5px' } }, { children: _jsx(Svg, { icon: "caret", direction: isOpen ? 'up' : 'down' }) }))] })), isOpen && (_jsx(Flex, __assign({ sx: {
+                }, onClick: function () { return setIsOpen(!isOpen); }, children: [_jsx(Text, { sx: { lineHeight: '22px', fontSize: '14px', fontWeight: 400, px: '10px' }, children: chainFilterOption.includes('All Chains') ? 'All Chains' : "Chains (".concat(chainFilterOption.length, ")") }), _jsx(Flex, { sx: { ml: '5px' }, children: _jsx(Svg, { icon: "caret", direction: isOpen ? 'up' : 'down' }) })] }), isOpen && (_jsx(Flex, { sx: {
                     flexDirection: ['column', 'column', 'column'],
                     position: 'absolute',
                     top: '45px',
@@ -64,14 +53,14 @@ var NetworkFilter = function (_a) {
                     borderRadius: 'normal',
                     background: 'white2',
                     zIndex: 555,
-                } }, { children: __spreadArray(['All Chains'], MAINNET_CHAINS, true).map(function (chainId) {
-                    return (_jsx(Flex, __assign({ sx: {
+                }, children: __spreadArray(['All Chains'], MAINNET_CHAINS, true).map(function (chainId) {
+                    return (_jsx(Flex, { sx: {
                             borderRadius: 'normal',
                             p: '5px 15px',
                             minHeight: '40px',
                             cursor: 'pointer',
                             '&:hover': { bg: 'white3' },
-                        }, onClick: function () { return handleCheckbox(chainId.toString()); } }, { children: _jsxs(Flex, __assign({ sx: { width: '100%', alignItems: 'center', fontSize: '14px' } }, { children: [_jsx(Checkbox, { checked: chainFilterOption.includes(chainId.toString()), onChange: function () { return null; } }), chainId === 'All Chains' ? (_jsxs(_Fragment, { children: [_jsx(Flex, __assign({ sx: { mx: '8px' } }, { children: _jsx(Svg, { icon: "AllChains", width: "22px" }) })), _jsx(Text, __assign({ sx: { lineHeight: '22px', fontWeight: 400 } }, { children: "All Chains" }))] })) : (_jsxs(_Fragment, { children: [_jsx(Flex, __assign({ sx: { mx: '8px', borderRadius: '50px', overflow: 'hidden' } }, { children: _jsx(Svg, { icon: NETWORK_ICONS[chainId], width: "22px" }) })), _jsx(Text, __assign({ sx: { lineHeight: '22px', fontWeight: 400 } }, { children: NETWORK_LABEL[chainId] }))] }))] })) }), chainId));
-                }) })))] })));
+                        }, onClick: function () { return handleCheckbox(chainId.toString()); }, children: _jsxs(Flex, { sx: { width: '100%', alignItems: 'center', fontSize: '14px' }, children: [_jsx(Checkbox, { checked: chainFilterOption.includes(chainId.toString()), onChange: function () { return null; } }), chainId === 'All Chains' ? (_jsxs(_Fragment, { children: [_jsx(Flex, { sx: { mx: '8px' }, children: _jsx(Svg, { icon: "AllChains", width: "22px" }) }), _jsx(Text, { sx: { lineHeight: '22px', fontWeight: 400 }, children: "All Chains" })] })) : (_jsxs(_Fragment, { children: [_jsx(Flex, { sx: { mx: '8px', borderRadius: '50px', overflow: 'hidden' }, children: _jsx(Svg, { icon: NETWORK_ICONS[chainId], width: "22px" }) }), _jsx(Text, { sx: { lineHeight: '22px', fontWeight: 400 }, children: NETWORK_LABEL[chainId] })] }))] }) }, chainId));
+                }) }))] }));
 };
 export default NetworkFilter;

package/dist/components/ProgressBar/ProgressBar.js

@@ -1,21 +1,10 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx } from "theme-ui/jsx-runtime";
 import { Box, Flex } from 'theme-ui';
 import '../../scss/ProgressBar.scss';
 var ProgressBar = function (_a) {
     var value = _a.value, _b = _a.color, color = _b === void 0 ? 'text' : _b;
-    return (_jsx(Flex, __assign({ sx: { width: ['100px', '100px', '100px', '100%'], alignItems: 'center', flexDirection: 'row', mt: '5px' } }, { children: _jsx(Box, __assign({ className: "progressbar-background" }, { children: _jsx(Box, { className: "progressbar-completed", style: {
+    return (_jsx(Flex, { sx: { width: ['100px', '100px', '100px', '100%'], alignItems: 'center', flexDirection: 'row', mt: '5px' }, children: _jsx(Box, { className: "progressbar-background", children: _jsx(Box, { className: "progressbar-completed", style: {
                     width: "".concat(value <= 3 ? 3 : value, "%")
-                } }) })) })));
+                } }) }) }));
 };
 export default ProgressBar;

package/dist/components/ProgressBar/ProgressBarWrapper.js

@@ -1,20 +1,9 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
 import React from 'react';
 import { styles } from './styles';
 import { Flex, Text, TooltipBubble, Skeleton } from '../uikit-sdk';
 var ProgressBarWrapper = function (_a) {
     var title = _a.title, value = _a.value, style = _a.style, showTooltip = _a.showTooltip, toolTipPlacement = _a.toolTipPlacement, toolTipTransform = _a.toolTipTransform, toolTip = _a.toolTip;
-    return (_jsxs(Flex, __assign({ sx: style }, { children: [_jsx(Flex, __assign({ sx: { alignItems: 'center' } }, { children: _jsx(Text, __assign({ sx: styles.titleText }, { children: "".concat(title) })) })), showTooltip ? (_jsx(Flex, __assign({ sx: { alignItems: 'center', width: '100%' } }, { children: _jsx(TooltipBubble, __assign({ placement: toolTipPlacement, transformTip: toolTipTransform, body: _jsx(Flex, __assign({ sx: { justifyContent: 'center' } }, { children: toolTip })), width: "250px" }, { children: _jsx(Flex, __assign({ sx: { justifyContent: 'center', alignItems: 'center', width: '127px' } }, { children: value ? value : _jsx(Skeleton, { sx: styles.skeleton }) })) })) }))) : (_jsx(Flex, __assign({ sx: { justifyContent: 'center', alignItems: 'center' } }, { children: value ? value : _jsx(Skeleton, { sx: styles.skeleton }) })))] })));
+    return (_jsxs(Flex, { sx: style, children: [_jsx(Flex, { sx: { alignItems: 'center' }, children: _jsx(Text, { sx: styles.titleText, children: "".concat(title) }) }), showTooltip ? (_jsx(Flex, { sx: { alignItems: 'center', width: '100%' }, children: _jsx(TooltipBubble, { placement: toolTipPlacement, transformTip: toolTipTransform, body: _jsx(Flex, { sx: { justifyContent: 'center' }, children: toolTip }), width: "250px", children: _jsx(Flex, { sx: { justifyContent: 'center', alignItems: 'center', width: '127px' }, children: value ? value : _jsx(Skeleton, { sx: styles.skeleton }) }) }) })) : (_jsx(Flex, { sx: { justifyContent: 'center', alignItems: 'center' }, children: value ? value : _jsx(Skeleton, { sx: styles.skeleton }) }))] }));
 };
 export default React.memo(ProgressBarWrapper);

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

@@ -3,6 +3,6 @@ import { BondsDataResponse } from '../../types/bonds';
 export declare const NETWORK_COLORS: Partial<Record<number, string>>;
 declare const TokenInfoAndName: ({ bill, vestEnds }: {
     bill: BondsDataResponse;
-    vestEnds?: string | undefined;
+    vestEnds?: string;
 }) => React.JSX.Element;
 export default TokenInfoAndName;

package/dist/components/TokenInfoAndName/index.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var _a;
 import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
 import { Flex, ListTag, Svg } from '../../components/uikit-sdk';
@@ -30,7 +19,7 @@ export var NETWORK_COLORS = (_a = {},
 var TokenInfoAndName = function (_a) {
     var _b, _c, _d, _e, _f, _g, _h;
     var bill = _a.bill, vestEnds = _a.vestEnds;
-    return (_jsxs(Flex, __assign({ sx: {
+    return (_jsxs(Flex, { sx: {
             width: '100%',
             position: 'relative',
             justifyContent: ['space-between', 'space-between', 'space-between', 'flex-start'],
@@ -41,14 +30,14 @@ var TokenInfoAndName = function (_a) {
             pl: '20px',
             overflow: 'hidden',
             borderRadius: '10px'
-        } }, { children: [_jsx(Flex, __assign({ sx: {
+        }, children: [_jsx(Flex, { sx: {
                     position: 'absolute',
                     left: '0px',
                     top: '0px',
                     overflow: 'hidden',
                     borderRadius: '10px 0px 8px 0px',
                     zIndex: 5,
-                } }, { children: _jsx(Svg, { width: 18, height: 18, icon: (_b = NETWORK_ICONS === null || NETWORK_ICONS === void 0 ? void 0 : NETWORK_ICONS[bill === null || bill === void 0 ? void 0 : bill.chainId]) !== null && _b !== void 0 ? _b : 'question' }) })), _jsx(Flex, { sx: {
+                }, children: _jsx(Svg, { width: 18, height: 18, icon: (_b = NETWORK_ICONS === null || NETWORK_ICONS === void 0 ? void 0 : NETWORK_ICONS[bill === null || bill === void 0 ? void 0 : bill.chainId]) !== null && _b !== void 0 ? _b : 'question' }) }), _jsx(Flex, { sx: {
                     position: 'absolute',
                     zIndex: 0,
                     left: '0px',
@@ -56,17 +45,17 @@ var TokenInfoAndName = function (_a) {
                     height: '100%',
                     background: NETWORK_COLORS[bill.chainId],
                     filter: 'blur(35px)',
-                } }), _jsxs(Flex, __assign({ sx: { pl: '6px', width: '100%', maxWidth: '170px', alignItems: 'center' } }, { children: [_jsx(Index, { symbol: (_c = bill.showcaseTokenName) !== null && _c !== void 0 ? _c : bill.earnToken.symbol, size: 33 }), _jsxs(Flex, __assign({ sx: {
+                } }), _jsxs(Flex, { sx: { pl: '6px', width: '100%', maxWidth: '170px', alignItems: 'center' }, children: [_jsx(Index, { symbol: (_c = bill.showcaseTokenName) !== null && _c !== void 0 ? _c : bill.earnToken.symbol, size: 33 }), _jsxs(Flex, { sx: {
                             ml: '10px',
                             fontSize: '16px',
                             fontWeight: 700,
                             width: '100%',
                             flexDirection: 'column',
-                        } }, { children: [(_d = bill.showcaseTokenName) !== null && _d !== void 0 ? _d : bill.earnToken.symbol, vestEnds && (_jsx(Flex, __assign({ sx: { fontSize: '12px', fontWeight: 400, opacity: 0.6, lineHeight: '14px' } }, { children: vestEnds })))] }))] })), _jsxs(Flex, { children: [_jsx(Flex, { sx: { width: '25px' } }), _jsx(Flex, __assign({ sx: {
+                        }, children: [(_d = bill.showcaseTokenName) !== null && _d !== void 0 ? _d : bill.earnToken.symbol, vestEnds && (_jsx(Flex, { sx: { fontSize: '12px', fontWeight: 400, opacity: 0.6, lineHeight: '14px' }, children: vestEnds }))] })] }), _jsxs(Flex, { children: [_jsx(Flex, { sx: { width: '25px' } }), _jsx(Flex, { sx: {
                             ml: '10px',
                             display: ['none', 'none', 'none', 'flex'],
                             minWidth: '70px',
                             alignItems: 'center',
-                        } }, { children: ((_e = bill.tags) === null || _e === void 0 ? void 0 : _e[0]) && (_jsx(Flex, __assign({ sx: { marginRight: '10px' } }, { children: _jsx(ListTag, { variant: ((_f = bill.tags) === null || _f === void 0 ? void 0 : _f[0]) === 'Cex Fund' ? 'cex_fund' : 'liquidity', text: (_h = (_g = bill.tags) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.toUpperCase() }) }))) }))] })] })));
+                        }, children: ((_e = bill.tags) === null || _e === void 0 ? void 0 : _e[0]) && (_jsx(Flex, { sx: { marginRight: '10px' }, children: _jsx(ListTag, { variant: ((_f = bill.tags) === null || _f === void 0 ? void 0 : _f[0]) === 'Cex Fund' ? 'cex_fund' : 'liquidity', text: (_h = (_g = bill.tags) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.toUpperCase() }) })) })] })] }));
 };
 export default TokenInfoAndName;

package/dist/components/Tooltip/ButtonsRow.js

@@ -16,6 +16,6 @@ import { Link } from 'theme-ui';
 var ButtonsRow = function (_a) {
     var projectLink = _a.projectLink, twitter = _a.twitter, bubble = _a.bubble, audit = _a.audit;
     var bubbleURL = "https://app.bubblemaps.io/bsc/token/".concat(bubble);
-    return (_jsxs(Flex, __assign({ sx: { justifyContent: 'center' } }, { children: [_jsx(Flex, __assign({ sx: styles.iconButton, as: Link, href: projectLink, target: "_blank" }, { children: _jsx(Svg, { icon: "URL", width: 18 }) })), _jsx(Flex, __assign({ sx: styles.iconButton, as: Link, href: twitter, target: "_blank" }, { children: _jsx(Svg, { icon: "twitter", width: 18, color: "text" }) })), bubble && (_jsx(Flex, __assign({ sx: styles.iconButton, as: Link, href: bubbleURL, target: "_blank" }, { children: _jsx(Svg, { icon: "bubble", width: 18, color: "text" }) }))), audit && (_jsxs(Flex, __assign({ sx: __assign(__assign({}, styles.iconButton), { margin: '0 0 5px 0', '& svg': { marginRight: '5px' } }), as: Link, href: audit, target: "_blank" }, { children: [_jsx(Svg, { icon: "audit", width: 18, color: "text" }), _jsx(Text, __assign({ sx: { paddingRight: '5px' } }, { children: 'Audit' }))] })))] })));
+    return (_jsxs(Flex, { sx: { justifyContent: 'center' }, children: [_jsx(Flex, { sx: styles.iconButton, as: Link, href: projectLink, target: "_blank", children: _jsx(Svg, { icon: "URL", width: 18 }) }), _jsx(Flex, { sx: styles.iconButton, as: Link, href: twitter, target: "_blank", children: _jsx(Svg, { icon: "twitter", width: 18, color: "text" }) }), bubble && (_jsx(Flex, { sx: styles.iconButton, as: Link, href: bubbleURL, target: "_blank", children: _jsx(Svg, { icon: "bubble", width: 18, color: "text" }) })), audit && (_jsxs(Flex, { sx: __assign(__assign({}, styles.iconButton), { margin: '0 0 5px 0', '& svg': { marginRight: '5px' } }), as: Link, href: audit, target: "_blank", children: [_jsx(Svg, { icon: "audit", width: 18, color: "text" }), _jsx(Text, { sx: { paddingRight: '5px' }, children: 'Audit' })] }))] }));
 };
 export default ButtonsRow;

package/dist/components/Tooltip/Tooltip.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
 import { styles } from './styles';
 import { BLOCK_EXPLORER } from '../../config/constants/chains';
@@ -19,6 +8,6 @@ var Tooltip = function (_a) {
     var valueTitle = _a.valueTitle, valueContent = _a.valueContent, value2Title = _a.value2Title, value2Content = _a.value2Content, tokenContract = _a.tokenContract, secondURL = _a.secondURL, secondURLTitle = _a.secondURLTitle, projectLink = _a.projectLink, twitter = _a.twitter, audit = _a.audit, thirdURL = _a.thirdURL, thirdURLTitle = _a.thirdURLTitle, chain = _a.chain;
     var explorerLink = BLOCK_EXPLORER[chain];
     var tokenLink = "".concat(explorerLink, "/address/").concat(tokenContract);
-    return (_jsxs(Flex, __assign({ sx: { flexDirection: 'column', flexWrap: 'wrap' } }, { children: [projectLink && twitter && (_jsx(ButtonsRow, { twitter: twitter, projectLink: projectLink, bubble: tokenContract, audit: audit })), valueTitle && (_jsxs(Flex, __assign({ sx: styles.infoRow }, { children: [_jsxs(Text, __assign({ sx: styles.titleText }, { children: [valueTitle, ": "] })), _jsx(Text, __assign({ sx: styles.contentText }, { children: valueContent }))] }))), value2Title && (_jsxs(Flex, __assign({ sx: styles.infoRow }, { children: [_jsxs(Text, __assign({ sx: styles.titleText }, { children: [value2Title, ": "] })), _jsx(Text, __assign({ sx: styles.contentText }, { children: value2Content }))] }))), _jsx(Flex, __assign({ sx: { justifyContent: 'center' } }, { children: _jsxs(Flex, __assign({ sx: { width: '144px', flexDirection: 'column' } }, { children: [_jsx(Flex, __assign({ sx: styles.linkRow }, { children: _jsxs(Link, __assign({ href: tokenLink, sx: styles.link, target: "_blank" }, { children: ['View Token Contract', _jsx(Flex, __assign({ sx: { ml: '5px' } }, { children: _jsx(Svg, { icon: "external", color: "text", width: 10 }) }))] })) })), secondURL && (_jsx(Flex, __assign({ sx: styles.linkRow }, { children: _jsxs(Link, __assign({ href: secondURL, sx: styles.link, target: "_blank" }, { children: [secondURLTitle, _jsx(Flex, __assign({ sx: { ml: '5px' } }, { children: _jsx(Svg, { icon: "external", color: "text", width: 10 }) }))] })) }))), thirdURL && (_jsx(Flex, __assign({ sx: styles.linkRow }, { children: _jsx(Link, __assign({ href: thirdURL, sx: styles.link, target: "_blank" }, { children: thirdURLTitle })) })))] })) }))] })));
+    return (_jsxs(Flex, { sx: { flexDirection: 'column', flexWrap: 'wrap' }, children: [projectLink && twitter && (_jsx(ButtonsRow, { twitter: twitter, projectLink: projectLink, bubble: tokenContract, audit: audit })), valueTitle && (_jsxs(Flex, { sx: styles.infoRow, children: [_jsxs(Text, { sx: styles.titleText, children: [valueTitle, ": "] }), _jsx(Text, { sx: styles.contentText, children: valueContent })] })), value2Title && (_jsxs(Flex, { sx: styles.infoRow, children: [_jsxs(Text, { sx: styles.titleText, children: [value2Title, ": "] }), _jsx(Text, { sx: styles.contentText, children: value2Content })] })), _jsx(Flex, { sx: { justifyContent: 'center' }, children: _jsxs(Flex, { sx: { width: '144px', flexDirection: 'column' }, children: [_jsx(Flex, { sx: styles.linkRow, children: _jsxs(Link, { href: tokenLink, sx: styles.link, target: "_blank", children: ['View Token Contract', _jsx(Flex, { sx: { ml: '5px' }, children: _jsx(Svg, { icon: "external", color: "text", width: 10 }) })] }) }), secondURL && (_jsx(Flex, { sx: styles.linkRow, children: _jsxs(Link, { href: secondURL, sx: styles.link, target: "_blank", children: [secondURLTitle, _jsx(Flex, { sx: { ml: '5px' }, children: _jsx(Svg, { icon: "external", color: "text", width: 10 }) })] }) })), thirdURL && (_jsx(Flex, { sx: styles.linkRow, children: _jsx(Link, { href: thirdURL, sx: styles.link, target: "_blank", children: thirdURLTitle }) }))] }) })] }));
 };
 export default Tooltip;

package/dist/components/uikit-sdk/Button/IconButton.js

@@ -28,6 +28,6 @@ import { iconButtonVariants as variants } from './types';
 import style from './styles';
 var IconButton = function (_a) {
     var _b = _a.icon, icon = _b === void 0 ? icons.DISCORD : _b, _c = _a.color, color = _c === void 0 ? 'white1' : _c, _d = _a.background, background = _d === void 0 ? 'yellow' : _d, _e = _a.variant, variant = _e === void 0 ? variants.PRIMARY : _e, iconWidth = _a.iconWidth, children = _a.children, props = __rest(_a, ["icon", "color", "background", "variant", "iconWidth", "children"]);
-    return (_jsx(Button, __assign({}, props, { variant: variant, sx: __assign(__assign({ display: 'flex', alignItems: 'center', justifyContent: 'center', position: 'relative', variant: "buttons.".concat(variant), color: 'primaryBright', background: background }, (variant === variants.PRIMARY ? style.primary : {})), (variant === variants.TRANSPARENT ? style.transparent : {})) }, { children: children || (_jsx("span", __assign({ sx: { height: iconWidth, width: iconWidth } }, { children: _jsx(Svg, __assign({ color: color, icon: icon }, props, { width: iconWidth })) }))) })));
+    return (_jsx(Button, __assign({}, props, { variant: variant, sx: __assign(__assign({ display: 'flex', alignItems: 'center', justifyContent: 'center', position: 'relative', variant: "buttons.".concat(variant), color: 'primaryBright', background: background }, (variant === variants.PRIMARY ? style.primary : {})), (variant === variants.TRANSPARENT ? style.transparent : {})), children: children || (_jsx("span", { sx: { height: iconWidth, width: iconWidth }, children: _jsx(Svg, __assign({ color: color, icon: icon }, props, { width: iconWidth })) })) })));
 };
 export default IconButton;

package/dist/components/uikit-sdk/Checkbox/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CheckboxProps } from './types';
 declare const Checkbox: ({ scale, display, className, background, ...props }: CheckboxProps | any) => import("react").JSX.Element;
 export default Checkbox;

package/dist/components/uikit-sdk/Checkbox/index.js

@@ -36,11 +36,11 @@ var Checkbox = function (_a) {
     var _b = _a.scale, scale = _b === void 0 ? scales.SM : _b, _c = _a.display, display = _c === void 0 ? 'block' : _c, className = _a.className, background = _a.background, props = __rest(_a, ["scale", "display", "className", "background"]);
     var scaleSize = getScale({ scale: scale });
     var svgScale = scale === 'sm' ? 13 : 21;
-    return (_jsxs("span", __assign({ className: className, sx: {
+    return (_jsxs("span", { className: className, sx: {
             display: display,
             width: scaleSize,
             height: scaleSize,
             position: 'relative',
-        } }, { children: [_jsx("input", __assign({ type: "checkbox", sx: { variant: 'checkbox', background: background, borderColor: 'white4' } }, props)), _jsx("svg", __assign({ width: svgScale || '13', height: "auto", viewBox: "0 0 13 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M11.8132 0.171594C11.522 -0.0616871 11.0766 -0.046135 10.8025 0.218251L4.25899 6.76569L1.17566 4.46397C0.93585 4.27735 0.576128 4.2618 0.319184 4.43287C-0.00627898 4.63505 -0.0747974 5.0394 0.147888 5.33489L3.35113 9.4873C3.43677 9.59617 3.55668 9.70503 3.67659 9.78279C4.27612 10.156 5.09835 10.0161 5.50946 9.47175L5.56085 9.40954L11.9159 1.01141C12.1215 0.747022 12.0701 0.389324 11.8132 0.171594Z", fill: "#FAFAFA" }) }))] })));
+        }, children: [_jsx("input", __assign({ type: "checkbox", sx: { variant: 'checkbox', background: background, borderColor: 'white4' } }, props)), _jsx("svg", { width: svgScale || '13', height: "auto", viewBox: "0 0 13 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M11.8132 0.171594C11.522 -0.0616871 11.0766 -0.046135 10.8025 0.218251L4.25899 6.76569L1.17566 4.46397C0.93585 4.27735 0.576128 4.2618 0.319184 4.43287C-0.00627898 4.63505 -0.0747974 5.0394 0.147888 5.33489L3.35113 9.4873C3.43677 9.59617 3.55668 9.70503 3.67659 9.78279C4.27612 10.156 5.09835 10.0161 5.50946 9.47175L5.56085 9.40954L11.9159 1.01141C12.1215 0.747022 12.0701 0.389324 11.8132 0.171594Z", fill: "#FAFAFA" }) })] }));
 };
 export default Checkbox;

package/dist/components/uikit-sdk/Flex/index.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
-declare const Flex: ({ children, ...props }: any) => React.JSX.Element;
+declare const Flex: ({ children, ...props }: {
+    children: React.ReactNode;
+} | any) => React.JSX.Element;
 export default Flex;

package/dist/components/uikit-sdk/Input/Input.d.ts

@@ -1,4 +1,9 @@
-/// <reference types="react" />
+type variant = 'search' | 'password' | 'text';
 type inputStatus = 'default' | 'error' | 'success';
-declare const Input: ({ variant, width, status, isLoading, ...props }: any) => import("react").JSX.Element;
+declare const Input: ({ variant, width, status, isLoading, ...props }: {
+    variant?: variant;
+    width?: string[];
+    status?: inputStatus;
+    isLoading?: boolean;
+} | any) => import("react").JSX.Element;
 export default Input;