@openfort/react 0.0.1

package/README.md

@@ -0,0 +1,139 @@
+![openfort_kit_8d6f715e38](https://github.com/user-attachments/assets/e652c9d8-c2ff-4f13-b046-405338fdea01)
+
+<div align="center">
+  <h4>
+    <a href="https://www.openfort.io/">
+      Website
+    </a>
+    <span> | </span>
+    <a href="https://www.openfort.io/docs/products/embedded-wallet/react/kit">
+      Documentation
+    </a>
+    <span> | </span>
+    <a href="https://www.openfort.io/docs/reference/api/authentication">
+      API Docs
+    </a>
+    <span> | </span>
+    <a href="https://x.com/openfort_hq">
+      X
+    </a>
+        <span> | </span>
+    <a href="https://create-next-app.openfort.xyz/">
+      Demo
+    </a>
+  </h4>
+</div>
+
+
+# Openfort Kit
+
+[![Downloads](https://img.shields.io/npm/dm/@openfort/react.svg)](https://www.npmjs.com/package/@openfort/react)
+[![License](https://img.shields.io/badge/license-MIT-green.svg)](LICENSE)
+[![Documentation](https://img.shields.io/badge/docs-openfort.io-blue)](https://www.openfort.io/docs/products/embedded-wallet/react/kit)
+[![Version](https://img.shields.io/npm/v/@openfort/react.svg)](https://www.npmjs.org/package/@openfort/react)
+
+
+The easiest way to integrate Openfort to your project, with built-in authentication and seamless wallet connectivity.
+
+It offers a simple, customizable UI. Supports authentication providers like Google, X, or Facebook out of the box. Access your address through Openfort’s [invisible wallet](https://www.openfort.io/docs/products/embedded-wallet/javascript) or connect their own wallet provider effortlessly.
+
+Docs: https://www.openfort.io/docs/products/embedded-wallet/react/kit
+
+## Features
+
+- 💡 TypeScript Ready — Get types straight out of the box.
+- 🌱 Ecosystem Standards — Uses top libraries such as [wagmi](https://github.com/wagmi-dev/wagmi).
+- 🖥️ Simple UX — Give users a simple, attractive experience.
+- 🎨 Beautiful Themes — Predesigned themes or full customization.
+
+and much more...
+
+## Quick Start
+
+### New app
+
+Get started with `create` Openfortkit + [wagmi](https://wagmi.sh/) + [viem](https://viem.sh) project by running one of the following in your terminal:
+
+#### npm
+
+```sh
+npx create openfortkit
+```
+
+#### yarn
+
+```sh
+yarn create openfortkit
+```
+
+#### pnpm
+
+```sh
+pnpm create openfortkit
+```
+
+### Import `OpenfortKit` to your project
+
+Add OpenfortKit to your already existing project.
+
+#### npm
+
+```sh
+npm install @openfort/react @tanstack/react-query wagmi viem
+```
+
+#### yarn
+
+```sh
+yarn add @openfort/react @tanstack/react-query wagmi viem
+```
+
+#### pnpm
+
+```sh
+pnpm add @openfort/react @tanstack/react-query wagmi viem
+```
+
+## Documentation
+
+You can find the full OpenfortKit documentation in the Family docs [here]().
+
+## Examples
+
+There are various runnable examples included in this repository in the [examples folder](https://github.com/openfort-xyz/openfort-kit/tree/main/examples):
+
+- [Create React App Example (TypeScript)](https://github.com/openfort-xyz/openfort-kit/tree/main/examples/cra)
+- [Next.js Example (TypeScript)](https://github.com/openfort-xyz/openfort-kit/tree/main/examples/nextjs)
+- [Vite Example (TypeScript)](https://github.com/openfort-xyz/openfort-kit/tree/main/examples/vite)
+
+### Running Examples Locally
+
+Clone the FortKit project and install the necessary dependencies:
+
+```sh
+$ git clone git@github.com:openfort-xyz/openfort-kit.git
+$ cd openfort-kit
+$ yarn install
+```
+
+and start the code bundler:
+
+```sh
+$ yarn dev:kit
+```
+
+and then simply select the example you'd like to run:
+
+```sh
+$ yarn dev:vite # Vite
+$ yarn dev:nextjs # Next.js
+$ yarn dev:cra # Create React App
+```
+
+## License
+
+See [LICENSE](https://github.com/openfort-xyz/openfort-kit/blob/main/LICENSE) for more information.
+
+## Credits
+
+OpenfortKit is a fork of [Connectkit](https://github.com/openfort-xyz/openfort-kit) developed by [Family](https://family.co). We're grateful to them for making Connectkit fast, beautiful and open-source.

package/build/assets/ScanIconWithLogos.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const ScanIconWithLogos: React.FC<{
+    logo?: React.ReactNode;
+}>;
+export default ScanIconWithLogos;

package/build/assets/browsers.d.ts

@@ -0,0 +1,10 @@
+/**
+ * TODO: Move hex colors into css variables for p3 support
+ */
+declare const _default: {
+    Chrome: import("react/jsx-runtime").JSX.Element;
+    FireFox: import("react/jsx-runtime").JSX.Element;
+    Brave: import("react/jsx-runtime").JSX.Element;
+    Edge: import("react/jsx-runtime").JSX.Element;
+};
+export default _default;

package/build/assets/chains.d.ts

@@ -0,0 +1,61 @@
+type Logo = {
+    testnet?: boolean;
+};
+export declare const Ethereum: ({ testnet, ...props }: Logo) => import("react/jsx-runtime").JSX.Element;
+export declare const Polygon: ({ testnet, ...props }: Logo) => import("react/jsx-runtime").JSX.Element;
+export declare const Optimism: ({ testnet, ...props }: Logo) => import("react/jsx-runtime").JSX.Element;
+export declare const Arbitrum: ({ testnet, ...props }: Logo) => import("react/jsx-runtime").JSX.Element;
+export declare const Telos: ({ testnet, ...props }: Logo) => import("react/jsx-runtime").JSX.Element;
+declare const _default: {
+    UnknownChain: ({ testnet, ...props }: Logo) => import("react/jsx-runtime").JSX.Element;
+    Base: ({ testnet, ...props }: {
+        testnet?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Ethereum: ({ testnet, ...props }: Logo) => import("react/jsx-runtime").JSX.Element;
+    Polygon: ({ testnet, ...props }: Logo) => import("react/jsx-runtime").JSX.Element;
+    Optimism: ({ testnet, ...props }: Logo) => import("react/jsx-runtime").JSX.Element;
+    Arbitrum: ({ testnet, ...props }: Logo) => import("react/jsx-runtime").JSX.Element;
+    Aurora: ({ testnet, ...props }: {
+        testnet?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Avalanche: ({ testnet, ...props }: {
+        testnet?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Celo: ({ testnet, ...props }: {
+        testnet?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Telos: ({ testnet, ...props }: Logo) => import("react/jsx-runtime").JSX.Element;
+    Gnosis: ({ testnet, ...props }: {
+        testnet?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Evmos: ({ testnet, ...props }: {
+        testnet?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+    BinanceSmartChain: ({ testnet, ...props }: {
+        testnet?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Foundry: ({ testnet, ...props }: Logo) => import("react/jsx-runtime").JSX.Element;
+    Sepolia: ({ testnet, ...props }: Logo) => import("react/jsx-runtime").JSX.Element;
+    Taraxa: ({ testnet, ...props }: Logo) => import("react/jsx-runtime").JSX.Element;
+    zkSync: ({ testnet, ...props }: Logo) => import("react/jsx-runtime").JSX.Element;
+    Flare: ({ testnet, ...props }: Logo) => import("react/jsx-runtime").JSX.Element;
+    Canto: ({ testnet, ...props }: {
+        testnet?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Fantom: ({ testnet, ...props }: {
+        testnet?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Filecoin: ({ testnet, ...props }: {
+        testnet?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Metis: ({ testnet, ...props }: {
+        testnet?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+    IoTeX: ({ testnet, ...props }: {
+        testnet?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Zora: ({ testnet, ...props }: {
+        testnet?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export default _default;

package/build/assets/icons.d.ts

@@ -0,0 +1,51 @@
+export declare const Scan: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Download: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ExternalLinkIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const AlertIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const DisconnectIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const TickIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const RetryIconCircle: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const RetryIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CopyToClipboardIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const AuthIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const EmailIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const GuestIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const EyeIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const EyeOffIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const KeyIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const LockIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ShieldIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;

package/build/assets/logos.d.ts

@@ -0,0 +1,202 @@
+export declare const Mock: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Injected: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const WalletConnect: ({ background, ...props }: {
+    [x: string]: any;
+    background?: boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const MetaMask: ({ background, ...props }: {
+    [x: string]: any;
+    background?: boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Coinbase: ({ background, ...props }: {
+    [x: string]: any;
+    background?: boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Family: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Trust: ({ theme, ...props }: {
+    [x: string]: any;
+    theme?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Argent: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ImToken: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Frame: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Rainbow: ({ round, ...props }: {
+    [x: string]: any;
+    round?: boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Brave: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Crypto: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Ledger: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Steak: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Unstoppable: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ONTO: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Slope: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Safe: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Frontier: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Zerion: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Phantom: ({ background, ...props }: {
+    [x: string]: any;
+    background?: boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const PlaceHolder: () => import("react/jsx-runtime").JSX.Element;
+export declare const Dawn: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const InfinityWallet: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const OtherWallets: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const OtherSocials: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const providersLogos: {
+    google: import("react/jsx-runtime").JSX.Element;
+    twitter: import("react/jsx-runtime").JSX.Element;
+    facebook: import("react/jsx-runtime").JSX.Element;
+};
+declare const _default: {
+    Mock: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Injected: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    OtherWallets: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    WalletConnect: ({ background, ...props }: {
+        [x: string]: any;
+        background?: boolean | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    MetaMask: ({ background, ...props }: {
+        [x: string]: any;
+        background?: boolean | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Coinbase: ({ background, ...props }: {
+        [x: string]: any;
+        background?: boolean | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Family: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Trust: ({ theme, ...props }: {
+        [x: string]: any;
+        theme?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Argent: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    ImToken: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Rainbow: ({ round, ...props }: {
+        [x: string]: any;
+        round?: boolean | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Crypto: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Ledger: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Brave: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Steak: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Unstoppable: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    ONTO: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Slope: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Safe: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Frontier: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Zerion: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Phantom: ({ background, ...props }: {
+        [x: string]: any;
+        background?: boolean | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    PlaceHolder: () => import("react/jsx-runtime").JSX.Element;
+    Frame: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Dawn: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    InfinityWallet: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Rabby: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Fordefi: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    TokenPocket: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Talisman: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Google: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Facebook: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Twitter: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Discord: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Openfort: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export default _default;

package/build/assets/wallet.d.ts

@@ -0,0 +1,4 @@
+declare const _default: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/build/assets/wave.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("react/jsx-runtime").JSX.Element;
+export default _default;

package/build/components/BalanceButton/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { All } from '../../types';
+type BalanceProps = {
+    hideIcon?: boolean;
+    hideSymbol?: boolean;
+};
+export declare const Balance: React.FC<BalanceProps>;
+declare const BalanceButton: React.FC<All & BalanceProps>;
+export default BalanceButton;

package/build/components/Common/Alert/index.d.ts

@@ -0,0 +1,6 @@
+import { AlertProps } from './types';
+declare const Alert: {
+    ({ children, error, icon }: AlertProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Alert;

package/build/components/Common/Alert/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const AlertContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {
+    $error?: boolean;
+}, never>;
+export declare const IconContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;

package/build/components/Common/Alert/types.d.ts

@@ -0,0 +1,5 @@
+export type AlertProps = {
+    children?: React.ReactNode;
+    icon?: React.ReactNode;
+    error?: boolean;
+};

package/build/components/Common/Avatar/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+type Hash = `0x${string}`;
+export type CustomAvatarProps = {
+    address?: Hash | undefined;
+    ensName?: string | undefined;
+    ensImage?: string;
+    size: number;
+    radius: number;
+};
+declare const Avatar: React.FC<{
+    address?: Hash | undefined;
+    name?: string | undefined;
+    size?: number;
+    radius?: number;
+}>;
+export default Avatar;

package/build/components/Common/Avatar/styles.d.ts

@@ -0,0 +1,8 @@
+export declare const EnsAvatar: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {
+    $seed?: string;
+    $size?: number;
+    $radius?: number;
+}, never>;
+export declare const ImageContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLImageElement, import("framer-motion").HTMLMotionProps<"img">>, any, {
+    $loaded: boolean;
+}, never>;

package/build/components/Common/BrowserIcon/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { BrowserIconProps } from './types';
+declare const BrowserIcon: React.ForwardRefExoticComponent<BrowserIconProps & React.RefAttributes<HTMLElement>>;
+export default BrowserIcon;

package/build/components/Common/BrowserIcon/styles.d.ts

@@ -0,0 +1 @@
+export declare const BrowserIconContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;

package/build/components/Common/BrowserIcon/types.d.ts

@@ -0,0 +1,3 @@
+export type BrowserIconProps = {
+    browser?: string;
+};

package/build/components/Common/Button/index.d.ts

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

package/build/components/Common/Button/styles.d.ts

@@ -0,0 +1,16 @@
+export declare const SpinnerContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
+export declare const Arrow: import("styled-components").StyledComponent<"svg", any, {}, never>;
+export declare const ArrowChevron: import("styled-components").StyledComponent<"path", any, {}, never>;
+export declare const ArrowLine: import("styled-components").StyledComponent<"line", any, {}, never>;
+export declare const DownloadArrow: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DownloadArrowInner: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ButtonContainerInner: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
+export declare const ButtonContainer: import("styled-components").StyledComponent<"button", any, {
+    disabled?: boolean;
+    $variant?: "primary" | "secondary" | "tertiary";
+}, never>;
+export declare const InnerContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const IconContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {
+    $rounded?: boolean;
+}, never>;
+export declare const TextLinkButton: import("styled-components").StyledComponent<"button", any, {}, never>;

package/build/components/Common/Button/types.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export type ButtonProps = {
+    className?: string;
+    children?: React.ReactNode;
+    variant?: 'primary' | 'secondary' | 'tertiary';
+    disabled?: boolean;
+    icon?: React.ReactNode;
+    iconPosition?: 'left' | 'right';
+    roundedIcon?: boolean;
+    waiting?: boolean;
+    arrow?: boolean;
+    download?: boolean;
+    href?: string;
+    style?: React.CSSProperties;
+    onClick?: (e: any) => void;
+};

package/build/components/Common/Chain/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const Chain: React.FC<{
+    id?: number;
+    unsupported?: boolean;
+    radius?: number | string;
+    size?: number | string;
+}>;
+export default Chain;

package/build/components/Common/Chain/styles.d.ts

@@ -0,0 +1,9 @@
+type ChainContainerProps = {
+    size?: number | string;
+    radius?: number | string;
+};
+export declare const ChainContainer: import("styled-components").StyledComponent<"div", any, ChainContainerProps, never>;
+export declare const LogoContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
+export declare const LoadingContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
+export declare const Unsupported: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
+export {};

package/build/components/Common/ChainSelect/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ChainSelector: React.FC;
+export default ChainSelector;

package/build/components/Common/ChainSelectDropdown/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+declare const ChainSelectDropdown: React.FC<{
+    children?: React.ReactNode;
+    open: boolean;
+    onClose: () => void;
+    offsetX?: number;
+    offsetY?: number;
+}>;
+export default ChainSelectDropdown;

package/build/components/Common/ChainSelectDropdown/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const DropdownWindow: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
+export declare const DropdownOverlay: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
+export declare const DropdownContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
+export declare const DropdownHeading: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;

package/build/components/Common/ChainSelectList/index.d.ts

@@ -0,0 +1,4 @@
+declare const ChainSelectList: ({ variant, }: {
+    variant?: "primary" | "secondary";
+}) => import("react/jsx-runtime").JSX.Element;
+export default ChainSelectList;