@ape.swap/bonds-sdk 1.0.60 → 1.0.62

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

@@ -0,0 +1,55 @@
+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

@@ -0,0 +1,37 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,31 @@
+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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,40 @@
+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

@@ -0,0 +1,18 @@
+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

@@ -0,0 +1,10 @@
+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 = {}));