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

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;

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

@@ -1,72 +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 { Input as ThemeInput, Spinner } from 'theme-ui';
-import Flex from '../Flex';
-import Svg from '../Svg';
-import Text from '../Text';
-var colorScheme = {
-    default: 'gray',
-    error: 'red',
-    success: 'green',
-};
-var Input = function (_a) {
-    var variant = _a.variant, width = _a.width, status = _a.status, isLoading = _a.isLoading, props = __rest(_a, ["variant", "width", "status", "isLoading"]);
-    switch (variant) {
-        case 'search':
-            return (_jsxs(Flex, { sx: { position: 'relative', width: width ? width : 'unset' }, children: [_jsx(ThemeInput, __assign({}, props, { sx: {
-                            background: 'white3',
-                            border: 'none',
-                            pl: '10px',
-                            borderRadius: '10px',
-                            ':focus': { outline: 'none' },
-                        } })), _jsx(Flex, { sx: { position: 'absolute', right: 5, justifyContent: 'center', height: '100%' }, children: _jsx(Svg, { icon: "search", color: "grey" }) })] }));
-        case 'password':
-            var statusColor = colorScheme[status];
-            return (_jsxs(Flex, { sx: {
-                    width: width ? width : '100%',
-                    flexDirection: 'column',
-                    alignItems: 'center',
-                    gap: '5px',
-                    position: 'relative',
-                }, children: [_jsx(ThemeInput, __assign({}, props, { type: "password", sx: {
-                            position: 'relative',
-                            background: 'white3',
-                            border: 'none',
-                            borderBottom: "2px solid ".concat(statusColor),
-                            color: statusColor,
-                            pl: '10px',
-                            borderRadius: '10px',
-                            ':focus': { outline: 'none' },
-                        } })), isLoading && (_jsx(Flex, { sx: { position: 'absolute', top: '5px', right: '5px', justifyContent: 'center', height: '100%' }, children: _jsx(Spinner, { width: "20px", height: "20px" }) })), _jsx(Text, { sx: { fontSize: '10px', color: statusColor, visibility: status === 'default' ? 'hidden' : 'visible' }, children: status === 'error' ? 'Wrong Password' : 'Correct Password' })] }));
-        default:
-            return (_jsx(ThemeInput, __assign({}, props, { sx: {
-                    background: 'white3',
-                    border: 'none',
-                    pl: '10px',
-                    borderRadius: '10px',
-                    ':focus': { outline: 'none' },
-                } })));
-    }
-};
-export default Input;

package/dist/components/uikit-sdk/Input/NumericInput.js

@@ -1,35 +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 } from "theme-ui/jsx-runtime";
-import { isNumber } from '../../../utils/numbers';
-import Input from './Input';
-var NumericInput = function (_a) {
-    var onUserInput = _a.onUserInput, value = _a.value, disabled = _a.disabled, style = _a.style, _b = _a.placeholder, placeholder = _b === void 0 ? '0.0' : _b;
-    return (_jsx(Input, { sx: __assign({ border: 'none', padding: '0px 0px', position: 'relative', width: '100%', display: 'inline-block', fontSize: ['19px', '19px', '22px', '22px'], ':focus': { outline: 'none' } }, style), disabled: disabled, value: value, onChange: function (e) {
-            onUserInput && onUserInput(e.target.value);
-        }, placeholder: placeholder, pattern: "^[0-9]*[.,]?[0-9]*$", onInput: function (v) {
-            if (v.currentTarget.value.includes(',')) {
-                v.currentTarget.value = v.currentTarget.value.replace(/,/g, '.');
-            }
-            if (v.currentTarget.value.includes('%')) {
-                v.currentTarget.value = v.currentTarget.value.replace(/[^0-9]/g, '');
-            }
-            if (v.currentTarget.value === '.') {
-                v.currentTarget.value = '0.';
-            }
-            v.currentTarget.value =
-                !!v.currentTarget.value && isNumber(v.currentTarget.value) && parseFloat(v.currentTarget.value) >= 0
-                    ? v.currentTarget.value
-                    : v.currentTarget.value.slice(0, v.currentTarget.value.length - 1);
-        } }));
-};
-export default NumericInput;

package/dist/components/uikit-sdk/Input/StyledInput.js

@@ -1,26 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
-//@ts-nocheck
-import styled from '@emotion/styled';
-import Flex from '../Flex';
-import Input from './Input';
-var StyledInputWrapper = styled(Flex)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  background: ", ";\n  border-radius: 10px;\n  height: 72px;\n  padding: 0px 16px;\n"], ["\n  align-items: center;\n  background: ", ";\n  border-radius: 10px;\n  height: 72px;\n  padding: 0px 16px;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.colors.white4;
-});
-var StyledInputComponent = styled(Input)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 100%;\n  background: none;\n  border: 0;\n  color: ", ";\n  flex: 1;\n  height: 56px;\n  margin: 0;\n  padding: 0;\n  outline: none;\n  font-weight: 800;\n  font-size: 22px;\n\n  &::placeholder {\n    color: ", ";\n  }\n"], ["\n  width: 100%;\n  background: none;\n  border: 0;\n  color: ", ";\n  flex: 1;\n  height: 56px;\n  margin: 0;\n  padding: 0;\n  outline: none;\n  font-weight: 800;\n  font-size: 22px;\n\n  &::placeholder {\n    color: ", ";\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return (theme.isDark ? theme.colors.primaryBright : theme.colors.primary);
-}, function (_a) {
-    var theme = _a.theme;
-    return !theme.isDark && theme.colors.gray;
-});
-var StyledInput = function (_a) {
-    var endAdornment = _a.endAdornment, onChange = _a.onChange, placeholder = _a.placeholder, startAdornment = _a.startAdornment, value = _a.value, height = _a.height;
-    return (_jsxs(StyledInputWrapper, { sx: { height: height !== null && height !== void 0 ? height : null }, children: [!!startAdornment && startAdornment, _jsx(StyledInputComponent, { placeholder: placeholder, value: value, onChange: onChange }), !!endAdornment && endAdornment] }));
-};
-export default StyledInput;
-var templateObject_1, templateObject_2;

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

@@ -1,3 +0,0 @@
-export { default as NumericInput } from './NumericInput';
-export { default as Input } from './Input';
-export { default as StyledInput } from './StyledInput';

package/dist/components/uikit-sdk/Modal/ModalFooter.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
-import { useContext } from 'react';
-import { Flex } from 'theme-ui';
-import styles from './styles';
-import Text from '../Text';
-import { Context as ModalContext } from "../../../contexts/ModalContext";
-var ModalFooter = function (_a) {
-    var children = _a.children, onDismiss = _a.onDismiss, t = _a.t;
-    var handleClose = useContext(ModalContext).handleClose;
-    var onClose = function () {
-        onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
-        handleClose();
-    };
-    return (_jsxs(Flex, { sx: styles.modalFooter, children: [children, _jsx(Text, { onClick: onClose, sx: {
-                    textDecoration: 'underline',
-                    color: 'text',
-                    cursor: 'pointer',
-                    fontSize: '16px',
-                }, children: t ? t('Cancel') : 'Cancel' })] }));
-};
-export default ModalFooter;

package/dist/components/uikit-sdk/Modal/ModalHeader.js

@@ -1,31 +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, Fragment as _Fragment } from "theme-ui/jsx-runtime";
-import { Divider, Flex } from 'theme-ui';
-import style from './styles';
-import { IconButton } from '../Button';
-var ModalHeader = function (_a) {
-    var children = _a.children, onDismiss = _a.onDismiss, hideDivider = _a.hideDivider, props = __rest(_a, ["children", "onDismiss", "hideDivider"]);
-    return (_jsxs(_Fragment, { children: [_jsxs(Flex, __assign({}, props, { sx: style.modalHead, children: [children, onDismiss && _jsx(IconButton, { icon: "close", color: "text", variant: "transparent", onClick: onDismiss })] })), !hideDivider && _jsx(Divider, {})] }));
-};
-export default ModalHeader;

package/dist/components/uikit-sdk/Modal/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 { useContext } from 'react';
-import { Box } from 'theme-ui';
-import { AnimatePresence, motion } from 'framer-motion';
-import style from './styles';
-import ModalHeader from './ModalHeader';
-import { Context as ModalContext } from '../../../contexts/ModalContext';
-import Text from '../Text';
-var Modal = function (_a) {
-    var children = _a.children, onDismiss = _a.onDismiss, _b = _a.open, open = _b === void 0 ? true : _b, title = _a.title, _c = _a.zIndex, zIndex = _c === void 0 ? 'modal' : _c, onAnimationComplete = _a.onAnimationComplete, backdrop = _a.backdrop, props = __rest(_a, ["children", "onDismiss", "open", "title", "zIndex", "onAnimationComplete", "backdrop"]);
-    var handleClose = useContext(ModalContext).handleClose;
-    var onClose = onDismiss || handleClose;
-    return (_jsxs(Box, { id: title, sx: { zIndex: zIndex }, children: [_jsx(AnimatePresence, { children: open && (_jsxs(motion.div, __assign({ initial: {
-                        opacity: 0,
-                        transform: 'translate(-50%, -50%) scale(0.1)',
-                    }, animate: {
-                        opacity: 1,
-                        transform: 'translate(-50%, -50%) scale(1.0)',
-                    }, transition: {
-                        opacity: { duration: 0.2 },
-                        transform: { duration: 0.2 },
-                    }, exit: { opacity: 0, transform: 'translate(-50%, -50%) scale(0)' } }, props, { sx: __assign(__assign({}, style.container), { zIndex: zIndex }), onAnimationComplete: onAnimationComplete, children: [title && (_jsx(ModalHeader, { onDismiss: onClose, children: _jsx(Text, { sx: { fontSize: '22px', fontWeight: 700, lineHeight: '33px' }, children: title }) })), children] }))) }), open && _jsx(Box, { sx: __assign(__assign({}, style.backdrop), backdrop), onClick: onClose })] }));
-};
-export default Modal;

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

@@ -1,62 +0,0 @@
-var styles = {
-    container: {
-        padding: '20px',
-        background: 'white2',
-        borderRadius: 'normal',
-        color: 'text',
-        hr: {
-            background: '#DCD9D9',
-        },
-        position: 'fixed',
-        display: 'block',
-        top: '50%',
-        left: '50%',
-        transform: 'translate(-50%, -50%)',
-        width: '380px',
-        minWidth: ['95%', 'min(360px, 90%)', '320px'],
-        overflowY: 'auto',
-        maxHeight: 'calc(100% - 30px)',
-        maxWidth: '95vw',
-    },
-    backdrop: {
-        position: 'fixed',
-        top: 0,
-        bottom: 0,
-        left: 0,
-        right: 0,
-        background: 'modalOverlay',
-        width: '100%',
-        height: '100%',
-        zIndex: 100,
-        transition: 'all 1s ease',
-    },
-    modalHead: {
-        justifyContent: 'space-between',
-        alignItems: 'center',
-        svg: {
-            fill: 'text',
-            marginLeft: 'auto',
-            cursor: 'pointer',
-        },
-        button: {
-            ml: 'auto',
-        },
-    },
-    modalFooter: {
-        flexDirection: 'column',
-        justifyContent: 'center',
-        alignItems: 'center',
-        pt: 9,
-        gap: 4,
-    },
-    cancelButton: {
-        background: 'transparent',
-        textDecoration: 'underline',
-        color: 'text',
-        cursor: 'pointer',
-        fontSize: 0,
-        fontWeight: 'normal',
-        p: 0,
-    },
-};
-export default styles;

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

@@ -1 +0,0 @@
-export {};