@ape.swap/bonds-sdk 1.0.296 → 1.0.298

package/dist/components/uikit/Dropdown/Dropdown.js

@@ -1,58 +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 { useState } from 'react';
-import { Box, Flex } from 'theme-ui';
-import { AnimatePresence, motion } from 'framer-motion';
-import { dropdownPadding, fontSizes, sizes } from './types';
-import Svg from '../Svg';
-var Dropdown = function (_a) {
-    var component = _a.component, children = _a.children, _b = _a.size, size = _b === void 0 ? sizes.MEDIUM : _b, props = __rest(_a, ["component", "children", "size"]);
-    var _c = useState(false), open = _c[0], setOpen = _c[1];
-    var handleClick = function () { return setOpen(function (prev) { return !prev; }); };
-    return (_jsxs(Box, __assign({ sx: {
-            background: 'white2',
-            borderRadius: 'normal',
-            cursor: 'pointer',
-            width: '100%',
-            position: 'relative',
-        }, onClick: handleClick }, props, { children: [_jsxs(Flex, __assign({ sx: {
-                    px: dropdownPadding[size].x,
-                    py: dropdownPadding[size].y,
-                    justifyContent: 'space-between',
-                    alignItems: 'center',
-                    span: {
-                        fontSize: fontSizes[size],
-                    },
-                } }, { children: [component, _jsx(Flex, __assign({ sx: { minWidth: '10px' } }, { children: _jsx(Svg, { icon: "caret", direction: open ? 'up' : 'down' }) }))] })), _jsx(AnimatePresence, { children: open && (_jsx(motion.div, __assign({ initial: { height: '10px' }, animate: { height: 'fit-content' }, exit: { height: '0px' }, sx: {
-                        position: 'absolute',
-                        background: 'white3',
-                        width: 'fit-content',
-                        borderBottomRightRadius: '10px',
-                        borderBottomLeftRadius: '10px',
-                        overflow: 'hidden',
-                        marginTop: '5px',
-                        top: '85%',
-                    } }, { children: children }))) })] })));
-};
-export default Dropdown;

package/dist/components/uikit/Dropdown/DropdownItem.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { DropdownItemProps } from './types';
-declare const DropdownItem: React.FC<DropdownItemProps>;
-export default DropdownItem;

package/dist/components/uikit/Dropdown/DropdownItem.js

@@ -1,47 +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 { Box, NavLink } from 'theme-ui';
-import { dropdownItemPadding, sizes } from './types';
-import { dynamicStyles } from './styles';
-var Element = function (_a) {
-    var onClick = _a.onClick, url = _a.url, active = _a.active, size = _a.size, children = _a.children;
-    var style = dynamicStyles.dropdownItem({ active: active, size: size });
-    return url ? (_jsx(NavLink, __assign({ href: url, onClick: onClick, sx: style }, { children: children }))) : (_jsx(Box, __assign({ onClick: onClick, sx: style }, { children: children })));
-};
-var DropdownItem = function (_a) {
-    var onClick = _a.onClick, url = _a.url, active = _a.active, _b = _a.size, size = _b === void 0 ? sizes.MEDIUM : _b, children = _a.children, props = __rest(_a, ["onClick", "url", "active", "size", "children"]);
-    return (_jsx(Box, __assign({ as: "li" }, props, { sx: {
-            px: dropdownItemPadding[size].x,
-            py: dropdownItemPadding[size].y,
-            listStyleType: active ? 'disc' : 'none',
-            cursor: 'pointer',
-            width: '100%',
-            color: 'text',
-            borderRadius: '10px',
-            '&:hover': {
-                backgroundColor: 'white4',
-            },
-        } }, { children: _jsx(Element, __assign({ url: url, onClick: onClick, active: active, size: size }, { children: children })) })));
-};
-export default DropdownItem;

package/dist/components/uikit/Dropdown/index.d.ts

@@ -1,3 +0,0 @@
-export { default as Dropdown } from './Dropdown';
-export { default as DropdownItem } from './DropdownItem';
-export type { DropdownProps, DropdownItemProps } from './types';

package/dist/components/uikit/Dropdown/index.js

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

package/dist/components/uikit/Dropdown/styles.d.ts

@@ -1,4 +0,0 @@
-import { ThemeUIStyleObject } from 'theme-ui';
-declare const styles: Record<string, ThemeUIStyleObject>;
-export declare const dynamicStyles: Record<string, (props: any) => ThemeUIStyleObject>;
-export default styles;

package/dist/components/uikit/Dropdown/styles.js

@@ -1,16 +0,0 @@
-import { fontSizes } from './types';
-var styles = {};
-export var dynamicStyles = {
-    dropdownItem: function (_a) {
-        var active = _a.active, size = _a.size;
-        return ({
-            display: 'inline-block',
-            marginLeft: active ? '-10px' : undefined,
-            fontSize: fontSizes[size],
-            '*': {
-                fontSize: fontSizes[size],
-            },
-        });
-    },
-};
-export default styles;

package/dist/components/uikit/Dropdown/types.d.ts

@@ -1,58 +0,0 @@
-import React, { ReactNode } from 'react';
-export declare enum sizes {
-    SMALL = "sm",
-    MEDIUM = "md",
-    LARGE = "lg"
-}
-export declare const fontSizes: {
-    sm: number;
-    md: number;
-    lg: number;
-};
-export declare const dropdownPadding: {
-    sm: {
-        x: number;
-        y: number;
-    };
-    md: {
-        x: number;
-        y: number;
-    };
-    lg: {
-        x: number;
-        y: number;
-    };
-};
-export declare const dropdownItemPadding: {
-    sm: {
-        x: number;
-        y: number;
-    };
-    md: {
-        x: number;
-        y: number;
-    };
-    lg: {
-        x: number;
-        y: number;
-    };
-};
-type sizeProps = `${sizes}`;
-export interface DropdownProps {
-    component: React.ReactNode;
-    size?: sizeProps;
-    [key: string]: any;
-}
-export interface DropdownItemProps {
-    onClick?: () => void;
-    children?: ReactNode;
-    url?: string;
-    active?: boolean;
-    size?: sizeProps;
-    sx?: any;
-}
-export declare type Position = 'top' | 'top-right' | 'bottom';
-export interface PositionProps {
-    position?: Position;
-}
-export {};

package/dist/components/uikit/Dropdown/types.js

@@ -1,22 +0,0 @@
-var _a, _b, _c;
-export var sizes;
-(function (sizes) {
-    sizes["SMALL"] = "sm";
-    sizes["MEDIUM"] = "md";
-    sizes["LARGE"] = "lg";
-})(sizes || (sizes = {}));
-export var fontSizes = (_a = {},
-    _a[sizes.SMALL] = 1,
-    _a[sizes.MEDIUM] = 3,
-    _a[sizes.LARGE] = 6,
-    _a);
-export var dropdownPadding = (_b = {},
-    _b[sizes.SMALL] = { x: 2, y: 1 },
-    _b[sizes.MEDIUM] = { x: 5, y: 4 },
-    _b[sizes.LARGE] = { x: 10, y: 8 },
-    _b);
-export var dropdownItemPadding = (_c = {},
-    _c[sizes.SMALL] = { x: 4, y: 1 },
-    _c[sizes.MEDIUM] = { x: 9, y: 2 },
-    _c[sizes.LARGE] = { x: 14, y: 4 },
-    _c);

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

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

package/dist/components/uikit/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/Input/Input.d.ts

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

package/dist/components/uikit/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 { Text } from '../../uikit';
-import Flex from '../Flex';
-import Svg from '../Svg';
-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, __assign({ 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, __assign({ sx: { position: 'absolute', right: 5, justifyContent: 'center', height: '100%' } }, { children: _jsx(Svg, { icon: "search" }) }))] })));
-        case 'password':
-            var statusColor = colorScheme[status];
-            return (_jsxs(Flex, __assign({ 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, __assign({ sx: { position: 'absolute', top: '5px', right: '5px', justifyContent: 'center', height: '100%' } }, { children: _jsx(Spinner, { width: "20px", height: "20px" }) }))), _jsx(Text, __assign({ 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/Input/NumericInput.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { ThemeUIStyleObject } from 'theme-ui';
-declare const NumericInput: ({ onUserInput, value, disabled, style, placeholder, }: {
-    onUserInput?: ((input: string) => void) | undefined;
-    value: string;
-    disabled?: boolean | undefined;
-    style?: ThemeUIStyleObject<import("@theme-ui/css").Theme<{}>> | undefined;
-    placeholder?: string | undefined;
-}) => import("react").JSX.Element;
-export default NumericInput;

package/dist/components/uikit/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/Input/StyledInput.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-export interface InputProps {
-    endAdornment?: React.ReactNode;
-    onChange: (e: React.FormEvent<HTMLInputElement>) => void;
-    placeholder?: string;
-    startAdornment?: React.ReactNode;
-    value: string;
-    height?: string;
-}
-declare const StyledInput: React.FC<InputProps>;
-export default StyledInput;

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

@@ -1,37 +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;
-};
-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";
-//@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, __assign({ 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/Input/index.d.ts

@@ -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/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/Link/index.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { LinkProps } from 'next/link';
-import { ThemeUIStyleObject } from 'theme-ui';
-interface LinkTypes extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof LinkProps>, LinkProps {
-    children: React.ReactNode;
-    sx?: ThemeUIStyleObject;
-}
-declare const Link: ({ children, ...props }: LinkTypes | any) => import("react").JSX.Element;
-export default Link;

package/dist/components/uikit/Link/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 { default as NextLink } from 'next/link';
-var Link = function (_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return (_jsx(NextLink, __assign({}, props, { sx: __assign(__assign({}, props === null || props === void 0 ? void 0 : props.sx), { color: 'text', textDecoration: 'underline', border: 'none', ':visited': { textDecoration: 'none' }, ':active': { textDecoration: 'none' } }) }, { children: children })));
-};
-export default Link;

package/dist/components/uikit/Modal/ModalFooter.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { InternalProps } from './types';
-declare const ModalFooter: ({ children, onDismiss, t }: InternalProps) => React.JSX.Element;
-export default ModalFooter;

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

@@ -1,32 +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 { 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, __assign({ sx: styles.modalFooter }, { children: [children, _jsx(Text, __assign({ onClick: onClose, sx: {
-                    textDecoration: 'underline',
-                    color: 'text',
-                    cursor: 'pointer',
-                    fontSize: '16px',
-                } }, { children: t ? t('Cancel') : 'Cancel' }))] })));
-};
-export default ModalFooter;

package/dist/components/uikit/Modal/ModalHeader.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { InternalProps } from './types';
-declare const ModalHeader: React.FC<InternalProps>;
-export default ModalHeader;

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import { ModalProps } from './types';
-declare const Modal: ({ children, onDismiss, open, title, zIndex, onAnimationComplete, backdrop, ...props }: ModalProps) => React.JSX.Element;
-export default Modal;

package/dist/components/uikit/Modal/index.js

@@ -1,55 +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, { 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, __assign({ 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, __assign({ onDismiss: onClose }, { children: _jsx(Text, __assign({ sx: { fontSize: '22px', fontWeight: 700, lineHeight: '33px' } }, { children: title })) }))), React.Children.map(children, function (child) {
-                            if (React.isValidElement(child)) {
-                                return React.cloneElement(child, __assign(__assign({}, child === null || child === void 0 ? void 0 : child.props), { onDismiss: function () {
-                                        var _a, _b;
-                                        ;
-                                        (_b = (_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.onDismiss) === null || _b === void 0 ? void 0 : _b.call(_a), onClose();
-                                    } }));
-                            }
-                            return child;
-                        })] }))) }), open && _jsx(Box, { sx: __assign(__assign({}, style.backdrop), backdrop), onClick: onClose })] })));
-};
-export default Modal;

package/dist/components/uikit/Modal/styles.d.ts

@@ -1,3 +0,0 @@
-import { ThemeUIStyleObject } from 'theme-ui';
-declare const styles: Record<string, ThemeUIStyleObject>;
-export default styles;