@ape.swap/bonds-sdk 1.0.0

package/dist/esm/types/theme/components.d.ts

@@ -0,0 +1,439 @@
+export declare const buttonHover: {
+    '&:not([disabled])': {
+        borderColor: string;
+        background: string;
+        opacity: number;
+    };
+    '&:disabled': {};
+};
+export declare const textUnderlineHover: {
+    '::after': {
+        content: string;
+        position: string;
+        background: string;
+        left: string;
+        bottom: string;
+        height: string;
+        width: string;
+        borderRadius: string;
+        transform: string;
+        transformOrigin: string;
+        transition: string;
+        backfaceVisibility: string;
+    };
+    ':hover::after': {
+        transform: string;
+        transformOrigin: string;
+    };
+};
+declare const components: {
+    text: {
+        heading: {
+            fontFamily: string;
+            fontWeight: string;
+        };
+        lg: {
+            fontSize: number;
+            lineHeight: string;
+        };
+        md: {
+            fontSize: number;
+            lineHeight: string;
+        };
+        sm: {
+            fontSize: number;
+            lineHeight: string;
+        };
+    };
+    input: {
+        fontFamily: string;
+        fontWeight: number;
+        sm: {
+            background: string;
+            borderRadius: number;
+            height: string;
+            width: string;
+        };
+        md: {
+            background: string;
+            borderRadius: number;
+            height: string;
+            width: string;
+        };
+        lg: {
+            background: string;
+            borderRadius: number;
+            height: string;
+            width: string;
+        };
+    };
+    textarea: {
+        padding: string;
+        borderRadius: string;
+        border: string;
+        fontWeight: string;
+        background: string;
+        resize: string;
+        color: string;
+        '&:focus': {
+            outline: string;
+        };
+    };
+    checkbox: {
+        background: string;
+        borderRadius: string;
+        borderWidth: string;
+        borderStyle: string;
+        borderColor: string;
+        boxShadow: string;
+        outline: string;
+        appearance: string;
+        width: string;
+        height: string;
+        margin: string;
+        cursor: string;
+        '& + svg': {
+            display: string;
+            position: string;
+            pointerEvents: string;
+            top: string;
+            left: string;
+            bottom: string;
+            right: string;
+            margin: string;
+        };
+        '&:checked ': {
+            background: string;
+            borderColor: string;
+            '& + svg': {
+                display: string;
+            };
+        };
+        '&:focus:not(:checked)': {
+            outline: string;
+            boxShadow: string;
+        };
+        '&:focus': {
+            outline: string;
+            boxShadow: string;
+        };
+        '&:hover:not(:disabled):not(:checked)': {
+            borderColor: string;
+            boxShadow: string;
+        };
+    };
+    radio: {
+        background: string;
+        borderRadius: string;
+        borderWidth: string;
+        borderStyle: string;
+        borderColor: string;
+        boxShadow: string;
+        outline: string;
+        appearance: string;
+        width: string;
+        height: string;
+        margin: string;
+        cursor: string;
+        '& + span': {
+            display: string;
+            position: string;
+            pointerEvents: string;
+            top: string;
+            left: string;
+            bottom: string;
+            right: string;
+            margin: string;
+            backgroundColor: string;
+            borderRadius: string;
+        };
+        '&:checked ': {
+            background: string;
+            borderColor: string;
+            '& + span': {
+                display: string;
+            };
+        };
+        '&:focus': {
+            outline: string;
+            boxShadow: string;
+        };
+        '&:hover:not(:disabled):not(:checked)': {
+            borderColor: string;
+        };
+    };
+    label: {
+        inline: {
+            display: string;
+            alignItems: string;
+            columnGap: number;
+        };
+    };
+    borders: {
+        primaryButton: string;
+        primaryBtnDisable: string;
+        secondaryButton: string;
+        secondaryButtonDisable: string;
+        mode: {
+            dark: {
+                secondaryButtonDisable: string;
+            };
+        };
+    };
+    buttons: {
+        primary: {
+            background: string;
+            border: string;
+            color: string;
+            '&:disabled': {
+                cursor: string;
+                background: string;
+                color: string;
+                border: string;
+                opacity: number;
+            };
+            '&:hover': {
+                '&:not([disabled])': {
+                    borderColor: string;
+                    background: string;
+                };
+                '&:disabled': {};
+            };
+            padding: string;
+            fontSize: string;
+            fontFamily: string;
+            cursor: string;
+            fontWeight: number;
+            display: string;
+            alignItems: string;
+            '&&': {
+                borderRadius: string;
+            };
+        };
+        secondary: {
+            background: string;
+            border: string;
+            color: string;
+            '&:disabled': {
+                cursor: string;
+                background: string;
+                color: string;
+                border: string;
+            };
+            '&&:hover': {
+                '&:not([disabled])': {
+                    borderColor: string;
+                };
+                '&:disabled': {};
+            };
+            padding: string;
+            fontSize: string;
+            fontFamily: string;
+            cursor: string;
+            fontWeight: number;
+            display: string;
+            alignItems: string;
+            '&&': {
+                borderRadius: string;
+            };
+        };
+        tertiary: {
+            background: string;
+            border: string;
+            color: string;
+            '&:disabled': {
+                cursor: string;
+                background: string;
+                color: string;
+            };
+            '&:hover': {
+                '&:not([disabled])': {
+                    background: string;
+                };
+                '&:disabled': {};
+            };
+            padding: string;
+            fontSize: string;
+            fontFamily: string;
+            cursor: string;
+            fontWeight: number;
+            display: string;
+            alignItems: string;
+            '&&': {
+                borderRadius: string;
+            };
+        };
+        text: {
+            background: string;
+            color: string;
+            '&:hover': {
+                '&:not([disabled])': {
+                    color: string;
+                };
+                '&:disabled': {};
+            };
+            '&:disabled': {
+                cursor: string;
+                background: string;
+                color: string;
+            };
+            padding: string;
+            fontSize: string;
+            fontFamily: string;
+            cursor: string;
+            fontWeight: number;
+            display: string;
+            alignItems: string;
+            '&&': {
+                borderRadius: string;
+            };
+        };
+        success: {
+            background: string;
+            color: string;
+            '&:disabled': {
+                cursor: string;
+                background: string;
+                color: string;
+            };
+            '&:hover': {
+                '&:not([disabled])': {
+                    background: string;
+                };
+                '&:disabled': {};
+            };
+            padding: string;
+            fontSize: string;
+            fontFamily: string;
+            cursor: string;
+            fontWeight: number;
+            display: string;
+            alignItems: string;
+            '&&': {
+                borderRadius: string;
+            };
+        };
+        danger: {
+            background: string;
+            color: string;
+            '&:disabled': {
+                cursor: string;
+                background: string;
+                color: string;
+            };
+            '&:hover': {
+                '&:not([disabled])': {
+                    background: string;
+                };
+                '&:disabled': {};
+            };
+            padding: string;
+            fontSize: string;
+            fontFamily: string;
+            cursor: string;
+            fontWeight: number;
+            display: string;
+            alignItems: string;
+            '&&': {
+                borderRadius: string;
+            };
+        };
+        circular: {
+            width: string;
+            height: string;
+            background: string;
+            borderRadius: string;
+            display: string;
+            justifyContent: string;
+            alignItems: string;
+            overflow: string;
+            cursor: string;
+            padding: string;
+            transition: string;
+            '&:hover': {
+                filter: string;
+            };
+            '&:active': {
+                transform: string;
+            };
+        };
+    };
+    cards: {
+        primary: {
+            background: string;
+            borderRadius: string;
+        };
+    };
+    flex: {
+        dexContainer: {
+            width: string;
+            maxWidth: string;
+            height: string;
+            background: string;
+            padding: string[];
+            borderRadius: string;
+            flexDirection: string;
+        };
+        v3SubDexContainer: {
+            width: string;
+            maxWidth: string;
+            height: string;
+            background: string;
+            padding: string[];
+            borderRadius: string;
+            margin: string;
+            flexDirection: string;
+        };
+        navContainer: {
+            height: string;
+            padding: string;
+            background: string;
+            borderRadius: string;
+            alignItems: string;
+            cursor: string;
+            transition: string;
+            '&:hover': {
+                filter: string;
+            };
+            '&:active': {
+                transform: string;
+            };
+        };
+        link: {
+            cursor: string;
+            textDecoration: string;
+            display: string;
+            '::after': {
+                content: string;
+                position: string;
+                background: string;
+                left: string;
+                bottom: string;
+                height: string;
+                width: string;
+                borderRadius: string;
+                transform: string;
+                transformOrigin: string;
+                transition: string;
+                backfaceVisibility: string;
+            };
+            ':hover::after': {
+                transform: string;
+                transformOrigin: string;
+            };
+        };
+        tag: {
+            padding: string;
+            borderRadius: string;
+            alignItems: string;
+            justifyContent: string;
+        };
+    };
+    switch: {
+        backgroundColor: string;
+        'input:checked ~ &': {
+            backgroundColor: string;
+        };
+    };
+};
+export default components;

package/dist/esm/types/theme/display.d.ts

@@ -0,0 +1,2 @@
+export declare const MOBILE_DISPLAY: string[];
+export declare const DESKTOP_DISPLAY: string[];

package/dist/esm/types/theme/index.d.ts

@@ -0,0 +1,2 @@
+import type { Theme } from 'theme-ui';
+export declare const defaultTheme: Theme;

package/dist/esm/types/theme/types.d.ts

@@ -0,0 +1,10 @@
+export type MediaQueries = {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xxl: string;
+    xxxl: string;
+    nav: string;
+};

package/dist/esm/types/utils/numbers.d.ts

@@ -0,0 +1 @@
+export declare const isNumber: (s: string) => boolean;

package/dist/esm/types/views/ClaimLifi/ClaimLifi.d.ts

@@ -0,0 +1,8 @@
+/** @jsxImportSource theme-ui */
+import React from 'react';
+import { JsonRpcSigner } from '@ethersproject/providers';
+declare const ClaimLifi: ({ signer, theme }: {
+    signer?: JsonRpcSigner;
+    theme?: any;
+}) => React.JSX.Element;
+export default ClaimLifi;

package/dist/esm/types/views/ClaimLifi/components/ApiKeyInput.d.ts

@@ -0,0 +1,7 @@
+/** @jsxImportSource theme-ui */
+import React from 'react';
+declare const ApiKeyInput: ({ apiKey, setApiKey }: {
+    apiKey: string;
+    setApiKey: (val: string) => void;
+}) => React.JSX.Element;
+export default ApiKeyInput;

package/dist/esm/types/views/ClaimLifi/components/AvailableFeesComponent.d.ts

@@ -0,0 +1,10 @@
+/** @jsxImportSource theme-ui */
+import React from 'react';
+import { JsonRpcSigner } from '@ethersproject/providers';
+declare const AvailableFeesComponent: ({ availableFees, integrator, signer, apiKey, }: {
+    availableFees?: any;
+    integrator: string;
+    signer?: JsonRpcSigner;
+    apiKey: string;
+}) => React.JSX.Element;
+export default AvailableFeesComponent;

package/dist/esm/types/views/ClaimLifi/components/IntegratorSelector.d.ts

@@ -0,0 +1,8 @@
+/** @jsxImportSource theme-ui */
+import React from 'react';
+declare const IntegratorSelector: ({ integratorIds, integrator, setIntegrator, }: {
+    integratorIds: string[];
+    integrator: string;
+    setIntegrator: (val: string) => void;
+}) => React.JSX.Element;
+export default IntegratorSelector;

package/dist/esm/types/views/ClaimLifi/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ClaimLifi';

package/dist/esm/types/views/index.d.ts

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

package/dist/index.d.ts

@@ -0,0 +1,93 @@
+import React, { ReactNode } from 'react';
+import { ButtonProps as ButtonProps$1, TextProps as TextProps$1 } from 'theme-ui';
+import { JsonRpcSigner } from '@ethersproject/providers';
+
+declare enum sizes$1 {
+    SMALL = "sm",
+    MEDIUM = "md",
+    LARGE = "lg"
+}
+declare enum variants$1 {
+    PRIMARY = "primary",
+    SECONDARY = "secondary",
+    TERTIARY = "tertiary",
+    TEXT = "text",
+    SUCCESS = "success",
+    DANGER = "danger"
+}
+type sizeProps$2 = `${sizes$1}`;
+type variantProps$1 = `${variants$1}`;
+interface ButtonProps extends Omit<ButtonProps$1, 'sx'> {
+    variant?: variantProps$1;
+    size?: sizeProps$2;
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+    fullWidth?: boolean;
+    load?: boolean;
+    [key: string]: any;
+}
+
+declare const Button: ({ variant, size, load, children, startIcon, endIcon, fullWidth, disabled, ...props }: ButtonProps) => React.JSX.Element;
+
+declare enum variants {
+    SMALL = "sm",
+    NORMAL = "md",
+    LARGE = "lg",
+    LINK = "link"
+}
+declare enum weights {
+    LIGHT = "light",
+    NORMAL = "normal",
+    BOLD = "bold"
+}
+type variantProps = `${variants}`;
+type weightProps = `${weights}` | number;
+type sizeProps$1 = string;
+interface TextProps extends Omit<TextProps$1, 'sx'> {
+    variant?: variantProps;
+    weight?: weightProps;
+    color?: string;
+    size?: sizeProps$1;
+    [key: string]: any;
+}
+
+declare const Text: ({ variant, weight, size, children, color, ...props }: TextProps | any) => React.JSX.Element;
+
+declare const Flex: ({ children, ...props }: {
+    children: React.ReactNode;
+} | any) => React.JSX.Element;
+
+declare enum sizes {
+    SMALL = "sm",
+    MEDIUM = "md",
+    LARGE = "lg"
+}
+type sizeProps = `${sizes}`;
+interface DropdownProps {
+    component: React.ReactNode;
+    size?: sizeProps;
+    [key: string]: any;
+}
+interface DropdownItemProps {
+    onClick?: () => void;
+    children?: ReactNode;
+    url?: string;
+    active?: boolean;
+    size?: sizeProps;
+    sx?: any;
+}
+
+/** @jsxImportSource theme-ui */
+
+declare const Dropdown: React.FC<DropdownProps>;
+
+declare const DropdownItem: React.FC<DropdownItemProps>;
+
+/** @jsxImportSource theme-ui */
+
+declare const ClaimLifi: ({ signer, theme }: {
+    signer?: JsonRpcSigner;
+    theme?: any;
+}) => React.JSX.Element;
+
+export { Button, ClaimLifi, Dropdown, DropdownItem, Flex, Text };

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@ape.swap/bonds-sdk",
+  "description": "Ape Bond SDK",
+  "author": "Ape Bond",
+  "license": "MIT",
+  "version": "1.0.0",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "files": [
+    "dist"
+  ],
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "dev": "vite",
+    "build": "rimraf dist && rollup -c",
+    "lint": "eslint --ext .js,.jsx,.ts,.tsx src  --max-warnings=0 && tsc --noEmit"
+  },
+  "peerDependencies": {
+    "@emotion/react": "^11.11.4",
+    "axios": "1.6.8",
+    "ethers": "5.7.2",
+    "framer-motion": "^9.0.1",
+    "theme-ui": "^0.16.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "@emotion/react": "^11.11.4",
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-typescript": "^11.1.6",
+    "@types/node": "^20.12.6",
+    "@types/react": "^18.2.74",
+    "@types/react-dom": "^18.2.24",
+    "@typescript-eslint/eslint-plugin": "^7.6.0",
+    "@typescript-eslint/parser": "^7.6.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "axios": "1.6.8",
+    "eslint": "8.57.0",
+    "eslint-plugin-react": "^7.34.1",
+    "ethers": "5.7.2",
+    "framer-motion": "^9.0.1",
+    "prettier": "^3.2.5",
+    "rimraf": "^5.0.5",
+    "rollup": "^4.14.0",
+    "rollup-plugin-dts": "^6.1.0",
+    "theme-ui": "^0.16.2",
+    "tslib": "^2.6.2",
+    "typescript": "5.4.4",
+    "vite": "^5.2.8"
+  }
+}