@ape.swap/bonds-sdk 1.0.779 → 1.1.0-seedify

package/dist/components/NetworkFilter/index.js

@@ -1,66 +0,0 @@
-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)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "theme-ui/jsx-runtime";
-import { useState } from 'react';
-import { Flex, Svg, Text } from '../../components/uikit-sdk';
-import { MAINNET_CHAINS, NETWORK_ICONS, NETWORK_LABEL } from '../../config/constants/chains';
-import Checkbox from '../../components/uikit-sdk/Checkbox';
-var NetworkFilter = function (_a) {
-    var chainFilterOption = _a.chainFilterOption, setChainFilterOption = _a.setChainFilterOption;
-    var _b = useState(false), isOpen = _b[0], setIsOpen = _b[1];
-    var handleCheckbox = function (newChain) {
-        var prevChainFilterOptions = chainFilterOption;
-        var newChainFilterOption;
-        if (newChain === 'All Chains') {
-            newChainFilterOption = ['All Chains'];
-        }
-        else {
-            if (prevChainFilterOptions.includes(newChain)) {
-                var filteredChains = prevChainFilterOptions.filter(function (option) { return option !== newChain; });
-                newChainFilterOption = filteredChains.length === 0 ? ['All Chains'] : filteredChains;
-            }
-            else {
-                var newArray_1 = __spreadArray(__spreadArray([], prevChainFilterOptions.filter(function (option) { return option !== 'All Chains'; }), true), [newChain], false);
-                var allChainsArePresent = MAINNET_CHAINS.every(function (chain) { return newArray_1.includes(chain.toString()); });
-                newChainFilterOption = allChainsArePresent ? ['All Chains'] : newArray_1;
-            }
-        }
-        setChainFilterOption(newChainFilterOption);
-    };
-    return (_jsxs(Flex, { sx: { width: '100%', position: 'relative' }, children: [_jsxs(Flex, { sx: {
-                    background: 'white2',
-                    p: '6px',
-                    borderRadius: 'normal',
-                    cursor: 'pointer',
-                    alignItems: 'center',
-                    width: '100%',
-                    justifyContent: 'space-between',
-                }, 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',
-                    right: '0px',
-                    width: '200px',
-                    height: ['300px', '300px', '350px'],
-                    overflowY: 'scroll',
-                    borderRadius: 'normal',
-                    background: 'white2',
-                    zIndex: 555,
-                }, 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, { 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,10 +0,0 @@
-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, { 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,9 +0,0 @@
-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, { 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/ProgressBar/styles.js

@@ -1,82 +0,0 @@
-export var styles = {
-    listCardContainer: {
-        borderRadius: 0,
-        flexDirection: ['column', 'column', 'column', 'row'],
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        background: 'white2',
-        borderBottom: '1px solid rgba(226, 226, 226, .2)',
-        padding: ['10px 20px 10px 20px', '10px 20px 10px 20px', '10px 20px 10px 20px', '0 30px 0 30px'],
-        margin: '0 10px 0 10px',
-        maxWidth: ['500px', '500px', '500px', '100%'],
-        minWidth: '300px',
-        width: '100%',
-        height: ['unset', 'unset', 'unset', '86px'],
-    },
-    listViewContainer: {
-        display: 'flex',
-        flexDirection: 'column',
-        alignItems: 'center',
-        width: '100%',
-    },
-    titleContainer: {
-        width: '100%',
-        justifyContent: 'space-between',
-        my: '5px',
-    },
-    infoContentMobile: {
-        display: ['flex', 'flex', 'flex', 'none'],
-        alignItems: 'center',
-    },
-    tokensContainer: {
-        alignItems: 'center',
-        height: '100%',
-        width: '100%',
-    },
-    titleText: {
-        opacity: 0.6,
-        fontSize: '12px',
-        lineHeight: ['16px', '16px', '16px', '24px'],
-        fontWeight: 400,
-    },
-    skeleton: {
-        width: ['45px', '45px', '60px'],
-        maxHeight: '18px',
-        minHeight: '18px',
-    },
-    valueText: {
-        fontSize: ['12px', '12px', '12px', '14px'],
-        color: 'primaryBright',
-        lineHeight: '16px',
-        fontWeight: 700,
-        mr: '5px',
-        display: 'flex',
-        alignItems: 'center',
-    },
-    secondaryText: {
-        fontSize: '12px',
-        color: 'gray',
-        lineHeight: '16px',
-        fontWeight: 400,
-    },
-    cardContentContainer: {
-        width: '100%',
-        height: '100%',
-        alignItems: 'center',
-        justifyContent: 'flex-end',
-    },
-    animationDiv: {
-        position: 'relative',
-        width: '100%',
-        maxWidth: ['500px', '500px', '500px', '100%'],
-        minWidth: '300px',
-    },
-    expandedWrapper: {
-        background: 'white3',
-        flexDirection: 'column',
-        justifyContent: 'space-between',
-        padding: '15px 10px',
-        flexWrap: 'wrap',
-        alignItems: 'center',
-    },
-};

package/dist/components/TokenInfoAndName/index.js

@@ -1,61 +0,0 @@
-var _a;
-import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
-import { Flex, ListTag, Svg } from '../../components/uikit-sdk';
-import { NETWORK_ICONS } from '../../config/constants/chains';
-import { ChainId } from '../../enum/apeswaplists';
-import Index from '../uikit-sdk/TokenImage';
-// import { CleanedBondsState } from 'state/bills/types'
-// import FavComponent from '../../../components/FavComponent'
-export var NETWORK_COLORS = (_a = {},
-    _a[ChainId.BSC] = '#F3BA2F',
-    _a[ChainId.MAINNET] = '#627eea',
-    _a[ChainId.MATIC] = '#8247e5',
-    _a[ChainId.LIGHTLINK] = '#6087ff',
-    _a[ChainId.BASE] = '#0052ff',
-    _a[ChainId.ARBITRUM] = '#289fef',
-    _a[ChainId.LINEA] = '#fff',
-    _a[ChainId.IOTA] = '#fff',
-    _a);
-var TokenInfoAndName = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h;
-    var bill = _a.bill, vestEnds = _a.vestEnds;
-    return (_jsxs(Flex, { sx: {
-            width: '100%',
-            position: 'relative',
-            justifyContent: ['space-between', 'space-between', 'space-between', 'flex-start'],
-            mr: ['10px', '10px', '10px', '0px'],
-            height: '100%',
-            alignItems: 'center',
-            ml: '-20px',
-            pl: '20px',
-            overflow: 'hidden',
-            borderRadius: '10px'
-        }, 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: {
-                    position: 'absolute',
-                    zIndex: 0,
-                    left: '0px',
-                    width: '30px',
-                    height: '100%',
-                    background: NETWORK_COLORS[bill.chainId],
-                    filter: 'blur(35px)',
-                } }), _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, { 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, { 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

@@ -1,21 +0,0 @@
-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 { Flex, Svg, Text } from '../uikit-sdk';
-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, { 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,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
-import { styles } from './styles';
-import { BLOCK_EXPLORER } from '../../config/constants/chains';
-import ButtonsRow from './ButtonsRow';
-import { Flex, Text, Svg } from '../uikit-sdk';
-import { Link } from 'theme-ui';
-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, { 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/Tooltip/styles.js

@@ -1,44 +0,0 @@
-export var styles = {
-    infoRow: {
-        justifyContent: 'space-between',
-        width: '100%',
-        marginBottom: '5px',
-    },
-    linkRow: {
-        width: '100%',
-        marginTop: '5px',
-        justifyContent: 'flex-end',
-        '& svg': { width: '11px' },
-    },
-    titleText: {
-        fontSize: '12px',
-        lineHeight: '14px',
-        fontWeight: 500,
-    },
-    contentText: {
-        fontSize: '12px',
-        lineHeight: '14px',
-        fontWeight: 700,
-    },
-    iconButton: {
-        background: 'white3',
-        textDecoration: 'none',
-        alignItems: 'center',
-        justifyContent: 'center',
-        width: 'fit-content',
-        height: '30px',
-        padding: '2px 5px',
-        borderRadius: '8px',
-        margin: '0 5px 5px 0',
-        '&:hover': {
-            cursor: 'pointer',
-        },
-    },
-    link: {
-        fontSize: '12px',
-        lineHeight: '14px',
-        display: 'flex',
-        textDecoration: 'none',
-        '&: hover': { textDecoration: 'underline' },
-    },
-};

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

@@ -1,91 +0,0 @@
-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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
-import React from 'react';
-import { Button as ThemeUIButton, Spinner } from 'theme-ui';
-import { variants, buttonFontSizes, buttonPadding, sizes, buttonLineHeight } from './types';
-var Button = function (_a) {
-    var _b = _a.variant, variant = _b === void 0 ? variants.PRIMARY : _b, _c = _a.size, size = _c === void 0 ? sizes.MEDIUM : _c, load = _a.load, children = _a.children, startIcon = _a.startIcon, endIcon = _a.endIcon, fullWidth = _a.fullWidth, disabled = _a.disabled, props = __rest(_a, ["variant", "size", "load", "children", "startIcon", "endIcon", "fullWidth", "disabled"]);
-    var hoverStyle = {
-        '&:hover': {
-            '&:not([disabled])': {
-                borderColor: 'var(--theme-ui-colors-primaryButtonHovered)',
-                background: variant === 'primary' && 'var(--theme-ui-colors-primaryButtonHovered)',
-                opacity: 1,
-            },
-            '&:disabled': {},
-        },
-    };
-    if (variant === 'secondary') {
-        hoverStyle = {
-            '&:hover': {
-                '&:not([disabled])': hoverStyle['&:hover']['&:not([disabled])'],
-                '&:disabled': {
-                    color: 'secondaryButtonDisableColor',
-                    borderColor: 'secondaryButtonDisable',
-                    opacity: 0.6,
-                },
-            },
-        };
-    }
-    if (variant === 'tertiary') {
-        hoverStyle = {
-            '&:hover': {
-                '&:not([disabled])': {
-                    borderColor: 'primaryBtnDisable',
-                    background: 'white4',
-                    opacity: 1,
-                },
-                '&:disabled': {},
-            },
-        };
-    }
-    if (variant === 'success') {
-        hoverStyle = {
-            '&:hover': {
-                '&:not([disabled])': {
-                    borderColor: 'hoveredSuccess',
-                    background: 'hoveredSuccess',
-                    opacity: 1,
-                },
-                '&:disabled': {},
-            },
-        };
-    }
-    if (variant === 'danger') {
-        hoverStyle = {
-            '&:hover': {
-                '&:not([disabled])': {
-                    borderColor: 'hoveredDanger',
-                    background: 'hoveredDanger',
-                    opacity: 1,
-                },
-                '&:disabled': {},
-            },
-        };
-    }
-    return (_jsxs(ThemeUIButton, __assign({ variant: variant, disabled: disabled, sx: __assign(__assign({ variant: "buttons.".concat(variant), textTransform: 'uppercase', fontSize: buttonFontSizes[size], lineHeight: buttonLineHeight[size], px: buttonPadding[size].x, py: buttonPadding[size].y, display: 'flex', justifyContent: 'center', transition: 'all .3s linear', '&:active': {
-                transform: 'scale(0.9)',
-            } }, hoverStyle), { width: fullWidth ? '100%' : 'max-content' }) }, props, { children: [React.isValidElement(startIcon) && React.cloneElement(startIcon), children, " ", load && _jsx(Spinner, { size: 16, ml: "5px" }), React.isValidElement(endIcon) && React.cloneElement(endIcon)] })));
-};
-export default Button;

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

@@ -1,33 +0,0 @@
-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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "theme-ui/jsx-runtime";
-import { Button } from 'theme-ui';
-import Svg from '../Svg';
-import { icons } from '../Svg/types';
-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", { sx: { height: iconWidth, width: iconWidth }, children: _jsx(Svg, __assign({ color: color, icon: icon }, props, { width: iconWidth })) })) })));
-};
-export default IconButton;

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

@@ -1,2 +0,0 @@
-export { default as Button } from './Button';
-export { default as IconButton } from './IconButton';

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

@@ -1,30 +0,0 @@
-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 defaultStyle = {
-    cursor: 'pointer',
-    color: 'primaryBright',
-    border: 'none',
-    transition: 'all .3s linear',
-    '&:hover': {
-        filter: 'brightness(115%)',
-    },
-    '&:active': {
-        transform: 'scale(0.9)',
-    },
-};
-var styles = {
-    primary: __assign({}, defaultStyle),
-    transparent: __assign(__assign({}, defaultStyle), { backgroundColor: 'transparent', backgroundRepeat: 'no-repeat', padding: '0px', border: 'none', cursor: 'pointer', svg: {
-            background: 'transparent',
-        } }),
-};
-export default styles;

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

@@ -1,37 +0,0 @@
-var _a, _b, _c;
-export var sizes;
-(function (sizes) {
-    sizes["SMALL"] = "sm";
-    sizes["MEDIUM"] = "md";
-    sizes["LARGE"] = "lg";
-})(sizes || (sizes = {}));
-export var buttonFontSizes = (_a = {},
-    _a[sizes.SMALL] = '12px',
-    _a[sizes.MEDIUM] = '16px',
-    _a[sizes.LARGE] = '18px',
-    _a);
-export var buttonLineHeight = (_b = {},
-    _b[sizes.SMALL] = '10px',
-    _b[sizes.MEDIUM] = '24px',
-    _b[sizes.LARGE] = '33px',
-    _b);
-export var buttonPadding = (_c = {},
-    _c[sizes.SMALL] = { x: 5, y: 2 },
-    _c[sizes.MEDIUM] = { x: 7, y: 3 },
-    _c[sizes.LARGE] = { x: 10, y: 6 },
-    _c);
-export var variants;
-(function (variants) {
-    variants["PRIMARY"] = "primary";
-    variants["SECONDARY"] = "secondary";
-    variants["TERTIARY"] = "tertiary";
-    variants["TEXT"] = "text";
-    variants["SUCCESS"] = "success";
-    variants["DANGER"] = "danger";
-})(variants || (variants = {}));
-export var iconButtonVariants;
-(function (iconButtonVariants) {
-    iconButtonVariants["PRIMARY"] = "primary";
-    iconButtonVariants["TRANSPARENT"] = "transparent";
-    iconButtonVariants["CIRCULAR"] = "circular";
-})(iconButtonVariants || (iconButtonVariants = {}));

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

@@ -1,46 +0,0 @@
-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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
-import { scales } from './types';
-var getScale = function (_a) {
-    var scale = _a.scale;
-    switch (scale) {
-        case scales.SM:
-            return '21px';
-        case scales.MD:
-        default:
-            return '32px';
-    }
-};
-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", { 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", { 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/Checkbox/types.js

@@ -1,5 +0,0 @@
-export var scales;
-(function (scales) {
-    scales["SM"] = "sm";
-    scales["MD"] = "md";
-})(scales || (scales = {}));

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

@@ -1,29 +0,0 @@
-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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "theme-ui/jsx-runtime";
-import { Flex as ThemeUIFlex } from 'theme-ui';
-var Flex = function (_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return _jsx(ThemeUIFlex, __assign({}, props, { children: children }));
-};
-export default Flex;