@ape.swap/bonds-sdk 1.0.296 → 1.0.298

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

@@ -1,17 +0,0 @@
-import React from 'react';
-import { ThemeUIStyleObject, SxProp } from 'theme-ui';
-export interface InternalProps {
-    children?: React.ReactNode;
-    onDismiss?: () => void;
-    onAnimationComplete?: () => void;
-    t?: (key: string) => string;
-    hideDivider?: boolean;
-}
-export interface ModalProps extends InternalProps {
-    children: React.ReactNode;
-    open?: boolean;
-    title?: string;
-    zIndex?: string | number;
-    sx?: ThemeUIStyleObject;
-    backdrop?: SxProp['sx'];
-}

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

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

package/dist/components/uikit/Select/Select.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { SelectProps } from './types';
-declare const Select: ({ children, active, width, size, position, className, label, ...props }: SelectProps) => React.JSX.Element;
-export default Select;

package/dist/components/uikit/Select/Select.js

@@ -1,61 +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 React, { useRef, useState } from 'react';
-import { Box, Flex } from 'theme-ui';
-import { AnimatePresence, motion } from 'framer-motion';
-import { selectPadding, sizes, positions, selectedExtraPadding } from './types';
-import Svg from '../Svg';
-import styles from './styles';
-var Select = function (_a) {
-    var children = _a.children, active = _a.active, _b = _a.width, width = _b === void 0 ? 'fit-content' : _b, _c = _a.size, size = _c === void 0 ? sizes.MEDIUM : _c, _d = _a.position, position = _d === void 0 ? positions.BOTTOM : _d, className = _a.className, label = _a.label, props = __rest(_a, ["children", "active", "width", "size", "position", "className", "label"]);
-    var inputRef = useRef(null);
-    var _e = useState(false), open = _e[0], setOpen = _e[1];
-    var handleClick = function () { return setOpen(function (prev) { return !prev; }); };
-    var setNativeInput = function (val) {
-        var _a, _b, _c;
-        var input = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current;
-        if (input) {
-            (_c = (_b = (_a = Object === null || Object === void 0 ? void 0 : Object.getOwnPropertyDescriptor) === null || _a === void 0 ? void 0 : _a.call(Object, window.HTMLInputElement.prototype, 'value')) === null || _b === void 0 ? void 0 : _b.set) === null || _c === void 0 ? void 0 : _c.call(input, val);
-            input.dispatchEvent(new Event('change', { bubbles: true }));
-        }
-    };
-    return (_jsxs(_Fragment, { children: [_jsxs(Box, __assign({ sx: __assign(__assign({}, styles.container), { width: width }), onClick: handleClick, className: className }, { children: [_jsxs(Flex, __assign({ sx: {
-                            padding: selectedExtraPadding[size],
-                            pr: selectPadding[size],
-                            columnGap: '10px',
-                            alignItems: 'center',
-                            justifyContent: 'space-between',
-                            width: '100%',
-                            overflow: 'hidden',
-                        } }, { children: [label ? (_jsx(Box, { children: label })) : (React.Children.map(children, function (child) {
-                                var _a;
-                                if (((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.value) !== active) {
-                                    return null;
-                                }
-                                return React.cloneElement(child, __assign(__assign({}, child === null || child === void 0 ? void 0 : child.props), { active: true }));
-                            })), _jsx(Flex, __assign({ sx: { minWidth: '10px' } }, { children: _jsx(Svg, { icon: "caret", direction: open ? 'up' : 'down' }) }))] })), _jsx(AnimatePresence, { children: open && (_jsx(motion.div, __assign({ initial: { opacity: 0, height: 0 }, animate: { opacity: 1, height: 'fit-content' }, transition: { opacity: { duration: 0.2 } }, exit: { opacity: 0, height: 0 }, sx: __assign(__assign({}, styles.ul), { zIndex: 10, top: position === positions.BOTTOM ? 'calc(100% + 5px)' : undefined, bottom: position === positions.TOP ? 'calc(100% + 5px)' : undefined }) }, { children: React.Children.map(children, function (child) {
-                                return React.cloneElement(child, __assign(__assign({}, child === null || child === void 0 ? void 0 : child.props), { active: false, onClick: function () { var _a; return setNativeInput((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.value); } }));
-                            }) }))) }), _jsx("input", __assign({ ref: inputRef, value: active || '', "aria-hidden": "true", tabIndex: -1 }, props, { sx: styles.input }))] })), open && _jsx("div", { "aria-hidden": "true", onClick: function () { return setOpen(false); }, sx: styles.backdrop })] }));
-};
-export default Select;

package/dist/components/uikit/Select/SelectItem.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { SelectItemProps } from './types';
-declare const SelectItem: ({ onClick, value, active, size, children, ...props }: SelectItemProps) => import("react").JSX.Element;
-export default SelectItem;

package/dist/components/uikit/Select/SelectItem.js

@@ -1,40 +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 { selectItemPadding, sizes } from './types';
-import { dynamicStyles } from './styles';
-import Flex from '../Flex';
-var SelectItem = function (_a) {
-    var onClick = _a.onClick, value = _a.value, active = _a.active, _b = _a.size, size = _b === void 0 ? sizes.MEDIUM : _b, children = _a.children, props = __rest(_a, ["onClick", "value", "active", "size", "children"]);
-    var style = dynamicStyles.dropdownItem({ size: size });
-    return (_jsx(Flex, __assign({ as: "li" }, props, { onClick: function () { return onClick === null || onClick === void 0 ? void 0 : onClick(value); }, sx: {
-            padding: selectItemPadding[size],
-            listStyleType: 'none',
-            cursor: 'pointer',
-            borderRadius: '10px',
-            '&:hover': {
-                backgroundColor: !active ? 'white3' : undefined,
-            },
-        } }, { children: _jsx(Flex, __assign({ sx: style }, { children: children })) })));
-};
-export default SelectItem;

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

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

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

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

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

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

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

@@ -1,50 +0,0 @@
-import { fontSizes } from './types';
-var styles = {
-    container: {
-        background: 'white3',
-        borderRadius: '10px',
-        cursor: 'pointer',
-        width: 'fit-content',
-        height: 'fit-content',
-        position: 'relative',
-    },
-    ul: {
-        position: 'absolute',
-        background: 'white2',
-        borderRadius: '10px',
-        cursor: 'pointer',
-        minWidth: '100%',
-        width: 'max-content',
-        overflow: 'hidden',
-        boxShadow: 'rgba(0, 0, 0, 0.16) 0px 1px 4px',
-    },
-    backdrop: {
-        width: '98vw',
-        height: '100vh',
-        position: 'fixed',
-        background: 'transparent',
-        top: 0,
-        left: 0,
-    },
-    input: {
-        bottom: 0,
-        left: 0,
-        position: 'absolute',
-        opacity: 0,
-        pointerEvents: 'none',
-        width: '100%',
-    },
-};
-export var dynamicStyles = {
-    dropdownItem: function (_a) {
-        var size = _a.size;
-        return ({
-            width: '100%',
-            fontSize: fontSizes[size],
-            '*': {
-                fontSize: fontSizes[size],
-            },
-        });
-    },
-};
-export default styles;

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

@@ -1,55 +0,0 @@
-import React, { InputHTMLAttributes } from 'react';
-export declare enum positions {
-    TOP = "top",
-    BOTTOM = "bottom"
-}
-export declare enum sizes {
-    XSMALL = "xsm",
-    SMALL = "sm",
-    MEDIUM = "md",
-    LARGE = "lg"
-}
-export declare const fontSizes: {
-    xsm: number;
-    sm: number;
-    md: number;
-    lg: number;
-};
-export declare const selectPadding: {
-    xsm: number;
-    sm: number;
-    md: number;
-    lg: number;
-};
-export declare const selectedExtraPadding: {
-    xsm: number;
-    sm: number;
-    md: number;
-    lg: number;
-};
-export declare const selectItemPadding: {
-    xsm: number;
-    sm: number;
-    md: number;
-    lg: number;
-};
-type sizeProps = `${sizes}`;
-type positionProps = `${positions}`;
-export interface SelectProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
-    active?: number | string;
-    size?: sizeProps;
-    width?: string | number;
-    label?: JSX.Element;
-    position?: positionProps;
-    onChange?: React.ChangeEventHandler<HTMLInputElement>;
-}
-export interface SelectItemProps {
-    children: React.ReactNode;
-    onClick?: (value: number | string) => void;
-    url?: string;
-    active?: boolean;
-    size?: sizeProps;
-    value: number | string;
-    sx?: any;
-}
-export {};

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

@@ -1,37 +0,0 @@
-var _a, _b, _c, _d;
-export var positions;
-(function (positions) {
-    positions["TOP"] = "top";
-    positions["BOTTOM"] = "bottom";
-})(positions || (positions = {}));
-export var sizes;
-(function (sizes) {
-    sizes["XSMALL"] = "xsm";
-    sizes["SMALL"] = "sm";
-    sizes["MEDIUM"] = "md";
-    sizes["LARGE"] = "lg";
-})(sizes || (sizes = {}));
-export var fontSizes = (_a = {},
-    _a[sizes.XSMALL] = 1,
-    _a[sizes.SMALL] = 1,
-    _a[sizes.MEDIUM] = 3,
-    _a[sizes.LARGE] = 6,
-    _a);
-export var selectPadding = (_b = {},
-    _b[sizes.XSMALL] = 2,
-    _b[sizes.SMALL] = 4,
-    _b[sizes.MEDIUM] = 6,
-    _b[sizes.LARGE] = 8,
-    _b);
-export var selectedExtraPadding = (_c = {},
-    _c[sizes.XSMALL] = 1,
-    _c[sizes.SMALL] = 0,
-    _c[sizes.MEDIUM] = 0,
-    _c[sizes.LARGE] = 0,
-    _c);
-export var selectItemPadding = (_d = {},
-    _d[sizes.XSMALL] = 2,
-    _d[sizes.SMALL] = 4,
-    _d[sizes.MEDIUM] = 6,
-    _d[sizes.LARGE] = 8,
-    _d);

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import { SkeletonProps } from './types';
-declare const Skeleton: ({ variant, animation, ...props }: SkeletonProps | any) => React.JSX.Element;
-export default Skeleton;

package/dist/components/uikit/Skeleton/index.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 } from "theme-ui/jsx-runtime";
-import { Box } from 'theme-ui';
-import { animation as ANIMATION, variant as VARIANT } from './types';
-import styles from './styles';
-var Skeleton = function (_a) {
-    var _b = _a.variant, variant = _b === void 0 ? VARIANT.RECT : _b, _c = _a.animation, animation = _c === void 0 ? ANIMATION.PULSE : _c, props = __rest(_a, ["variant", "animation"]);
-    return (_jsx(Box, __assign({}, props, { sx: __assign(__assign({}, (animation === ANIMATION.WAVES ? styles.waves : styles.pulse)), { height: props.height, width: props.width, borderRadius: variant === VARIANT.RECT ? '10px' : '50%' }) })));
-};
-export default Skeleton;

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

@@ -1,5 +0,0 @@
-import { ThemeUIStyleObject } from 'theme-ui';
-export declare const waves: import("@emotion/serialize").Keyframes;
-export declare const pulse: import("@emotion/serialize").Keyframes;
-declare const styles: Record<string, ThemeUIStyleObject>;
-export default styles;

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

@@ -1,40 +0,0 @@
-import { keyframes } from '@emotion/react';
-export var waves = keyframes({
-    from: { left: '-150px' },
-    to: { left: '100%' },
-});
-export var pulse = keyframes({
-    '0%': { opacity: 1 },
-    '50%': { opacity: 0.4 },
-    '100%': { opacity: 1 },
-});
-var styles = {
-    waves: {
-        position: 'relative',
-        overflow: 'hidden',
-        transform: 'translate3d(0, 0, 0)',
-        borderRadius: '',
-        minHeight: '20px',
-        display: 'block',
-        backgroundColor: 'backgroundDisabled',
-        '&:before': {
-            content: "\"\"",
-            position: 'absolute',
-            backgroundImage: 'linear-gradient(90deg, transparent, rgba(243, 243, 243, 0.3), transparent)',
-            top: 0,
-            left: '-150px',
-            height: '100%',
-            width: '250px',
-            animation: "".concat(waves, " 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite"),
-        },
-    },
-    pulse: {
-        animation: "".concat(pulse, " 2s infinite ease-out"),
-        transform: 'translate3d(0, 0, 0)',
-        borderRadius: '2px',
-        minHeight: '20px',
-        display: 'block',
-        backgroundColor: 'backgroundDisabled',
-    },
-};
-export default styles;

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

@@ -1,18 +0,0 @@
-import { BoxProps } from 'theme-ui';
-export declare enum animation {
-    WAVES = "waves",
-    PULSE = "pulse"
-}
-export declare enum variant {
-    RECT = "rect",
-    CIRCLE = "circle"
-}
-type Animation = `${animation}`;
-type Variant = `${variant}`;
-export interface SkeletonProps extends BoxProps {
-    animation?: Animation;
-    variant?: Variant;
-    width?: string | number;
-    height?: string | number;
-}
-export {};

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

@@ -1,10 +0,0 @@
-export var animation;
-(function (animation) {
-    animation["WAVES"] = "waves";
-    animation["PULSE"] = "pulse";
-})(animation || (animation = {}));
-export var variant;
-(function (variant) {
-    variant["RECT"] = "rect";
-    variant["CIRCLE"] = "circle";
-})(variant || (variant = {}));