@daimo/pay 1.6.0 → 1.6.2

package/README.md

@@ -1,5 +1,5 @@
 <a href="https://paydocs.daimo.com">
-  <img src="https://raw.githubusercontent.com/daimo-eth/paykit/refs/heads/main/packages/connectkit/header.png">
+  <img src="https://raw.githubusercontent.com/daimo-eth/pay/refs/heads/main/packages/connectkit/header.png">
 </a>
 
 # Daimo Pay
@@ -35,8 +35,8 @@ Coming soon.
 Clone the repository and build the SDK in `dev` mode:
 
 ```sh
-git clone https://github.com/daimo-eth/paykit.git
-cd paykit/packages/connectkit
+git clone https://github.com/daimo-eth/pay.git
+cd pay/packages/connectkit
 npm i
 npm run dev
 ```
@@ -57,7 +57,7 @@ Any changes will be reflected on the Pay button in the example app.
 
 ## License
 
-See [LICENSE](https://github.com/daimo-eth/paykit/blob/main/packages/connectkit/LICENSE) for more information.
+See [LICENSE](https://github.com/daimo-eth/pay/blob/master/packages/connectkit/LICENSE) for more information.
 
 ## Credits
 

package/build/index.d.ts

@@ -1,7 +1,7 @@
 import React$1, { ReactNode } from 'react';
 export { version } from '../package.json';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { DaimoPayOrderMode, DepositAddressPaymentOptionMetadata, PlatformType, ExternalPaymentOptionMetadata, WalletPaymentOption, DaimoPayOrder, ExternalPaymentOptions, DepositAddressPaymentOptions, DepositAddressPaymentOptionData, SolanaPublicKey, DaimoPayUserMetadata, DaimoPayOrderView, DaimoPayIntentStatus } from '@daimo/common';
+import { DaimoPayOrderMode, DepositAddressPaymentOptionMetadata, PlatformType, ExternalPaymentOptionMetadata, WalletPaymentOption, DaimoPayOrder, ExternalPaymentOptions, DepositAddressPaymentOptions, DepositAddressPaymentOptionData, SolanaPublicKey, DaimoPayUserMetadata, DaimoPayOrderView, DaimoPayIntentStatus } from '@daimo/pay-common';
 import { Address, Hex } from 'viem';
 import { AppRouter } from '@daimo/pay-api';
 import { CreateTRPCClient } from '@trpc/client';
@@ -540,7 +540,6 @@ declare const wallets: {
 };
 
 declare const daimoPayVersion: string;
-/** Chain ids supported by Daimo Pay. */
-declare const supportedChainIds: Set<number>;
 
-export { Avatar, Chain as ChainIcon, type DaimoPayBouncedEvent, DaimoPayButton, type DaimoPayButtonCustomProps, type DaimoPayButtonProps, type DaimoPayCompletedEvent, Context as DaimoPayContext, type DaimoPayEvent, DaimoPayProvider, type DaimoPayStartedEvent, type DaimoPayment, types_d as Types, daimoPayVersion, defaultConfig as getDefaultConfig, supportedChainIds, useDaimoPayStatus, usePayContext, wallets };
+export { Avatar, Chain as ChainIcon, DaimoPayButton, Context as DaimoPayContext, DaimoPayProvider, types_d as Types, daimoPayVersion, defaultConfig as getDefaultConfig, useDaimoPayStatus, usePayContext, wallets };
+export type { DaimoPayBouncedEvent, DaimoPayButtonCustomProps, DaimoPayButtonProps, DaimoPayCompletedEvent, DaimoPayEvent, DaimoPayStartedEvent, DaimoPayment };

package/build/package.json.js

@@ -1,5 +1,5 @@
 var name = "@daimo/pay";
-var version = "1.6.0";
+var version = "1.6.2";
 var author = "Daimo";
 var homepage = "https://pay.daimo.com";
 var license = "BSD-2-Clause license";
@@ -38,8 +38,8 @@ var keywords = [
 	"crypto"
 ];
 var dependencies = {
-	"@daimo/common": "1.6.0",
-	"@daimo/contract": "1.6.0",
+	"@daimo/pay-common": "1.6.2",
+	"@rollup/plugin-typescript": "^12.1.2",
 	"@solana/wallet-adapter-base": "^0.9.23",
 	"@solana/wallet-adapter-react": "^0.15.35",
 	"@solana/web3.js": "^1.95.4",
@@ -73,7 +73,6 @@ var devDependencies = {
 	rollup: "^3.29.5",
 	"rollup-plugin-dts": "^6.1.1",
 	"rollup-plugin-peer-deps-external": "^2.2.4",
-	"rollup-plugin-typescript2": "^0.34.0",
 	"rollup-plugin-visualizer": "^5.5.4",
 	"typescript-plugin-styled-components": "^3.0.0"
 };

package/build/package.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"package.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"package.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/pay/packages/connectkit/src/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/pay/packages/connectkit/src/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/pay/packages/connectkit/src/assets/chains.d.ts

@@ -0,0 +1,28 @@
+type Logo = {
+    testnet?: boolean;
+};
+export declare const UnknownChain: ({ testnet, ...props }: Logo) => import("react/jsx-runtime").JSX.Element;
+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;
+export declare const Solana: ({ testnet, ...props }: {
+    testnet?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Bitcoin: ({ testnet, ...props }: {
+    testnet?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Tron: ({ testnet, ...props }: {
+    testnet?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Zcash: ({ testnet, ...props }: {
+    testnet?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Base: ({ testnet, ...props }: {
+    testnet?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const chainToLogo: {
+    [x: number]: import("react/jsx-runtime").JSX.Element;
+};
+export {};

package/build/pay/packages/connectkit/src/assets/coins.d.ts

@@ -0,0 +1,2 @@
+export declare const USDC: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const DAI: (props: any) => import("react/jsx-runtime").JSX.Element;

package/build/pay/packages/connectkit/src/assets/crepe.d.ts

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

package/build/pay/packages/connectkit/src/assets/icons.d.ts

@@ -0,0 +1,36 @@
+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 LoadingCircleIcon: ({ ...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 SwitchIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;

package/build/pay/packages/connectkit/src/assets/logos.d.ts

@@ -0,0 +1,205 @@
+import React from "react";
+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 Solflare: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Backpack: ({ 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 Rabby: ({ ...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 SquircleIcon: ({ icon, alt, }: {
+    icon: string | React.ComponentType<any>;
+    alt: string;
+}) => 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;
+    SquircleIcon: ({ icon, alt, }: {
+        icon: string | React.ComponentType<any>;
+        alt: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Backpack: ({ background, ...props }: {
+        [x: string]: any;
+        background?: boolean | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Solflare: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export default _default;

package/build/pay/packages/connectkit/src/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/pay/packages/connectkit/src/assets/wave.d.ts

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

package/build/pay/packages/connectkit/src/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/pay/packages/connectkit/src/components/Common/Alert/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const AlertContainer: any;
+export declare const IconContainer: any;

package/build/pay/packages/connectkit/src/components/Common/Alert/types.d.ts

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

package/build/pay/packages/connectkit/src/components/Common/AmountInput/AmountInputField.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+declare const AmountInputField: React.FC<{
+    value: string;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    currency?: string;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+}>;
+export default AmountInputField;

package/build/pay/packages/connectkit/src/components/Common/AmountInput/index.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { ROUTES } from "../../DaimoPay";
+import { WalletPaymentOption } from "@daimo/pay-common";
+declare const MultiCurrencySelectAmount: React.FC<{
+    selectedTokenOption: WalletPaymentOption;
+    setSelectedTokenOption: (option: WalletPaymentOption) => void;
+    nextPage: ROUTES;
+}>;
+export default MultiCurrencySelectAmount;

package/build/pay/packages/connectkit/src/components/Common/Avatar/index.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+type Hash = `0x${string}`;
+export type CustomAvatarProps = {
+    address?: Hash | undefined;
+    ensName?: string | undefined;
+    ensImage?: string;
+    size: number;
+    radius: number;
+};
+/** Icon for an Ethereum address. Supports ENS names and avatars. */
+declare const Avatar: React.FC<{
+    address?: Hash | undefined;
+    name?: string | undefined;
+    size?: number;
+    radius?: number;
+}>;
+export default Avatar;

package/build/pay/packages/connectkit/src/components/Common/Avatar/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const EnsAvatar: any;
+export declare const ImageContainer: any;

package/build/pay/packages/connectkit/src/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/pay/packages/connectkit/src/components/Common/BrowserIcon/styles.d.ts

@@ -0,0 +1 @@
+export declare const BrowserIconContainer: any;

package/build/pay/packages/connectkit/src/components/Common/BrowserIcon/types.d.ts

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

package/build/pay/packages/connectkit/src/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/pay/packages/connectkit/src/components/Common/Button/styles.d.ts

@@ -0,0 +1,10 @@
+export declare const SpinnerContainer: any;
+export declare const Arrow: any;
+export declare const ArrowChevron: any;
+export declare const ArrowLine: any;
+export declare const DownloadArrow: any;
+export declare const DownloadArrowInner: any;
+export declare const ButtonContainerInner: any;
+export declare const ButtonContainer: any;
+export declare const InnerContainer: any;
+export declare const IconContainer: any;

package/build/pay/packages/connectkit/src/components/Common/Button/types.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+export type ButtonProps = {
+    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/pay/packages/connectkit/src/components/Common/Chain/index.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+/** Icon for an EVM chain, given chain ID. No ID shows a loading spinner. */
+declare const Chain: React.FC<{
+    id?: number;
+    unsupported?: boolean;
+    radius?: number | string;
+    size?: number | string;
+}>;
+export default Chain;

package/build/pay/packages/connectkit/src/components/Common/Chain/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const ChainContainer: any;
+export declare const LogoContainer: any;
+export declare const LoadingContainer: any;
+export declare const Unsupported: any;

package/build/pay/packages/connectkit/src/components/Common/ChainSelect/index.d.ts

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

package/build/pay/packages/connectkit/src/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/pay/packages/connectkit/src/components/Common/ChainSelectDropdown/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const DropdownWindow: any;
+export declare const DropdownOverlay: any;
+export declare const DropdownContainer: any;
+export declare const DropdownHeading: any;

package/build/pay/packages/connectkit/src/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;

package/build/pay/packages/connectkit/src/components/Common/ChainSelectList/styles.d.ts

@@ -0,0 +1,9 @@
+export declare const SwitchNetworksContainer: any;
+export declare const ChainIcon: any;
+export declare const ChainLogoContainer: any;
+export declare const ChainLogoSpinner: any;
+export declare const ChainButtonContainer: any;
+export declare const ChainButtons: any;
+export declare const ChainButton: any;
+export declare const ChainButtonStatus: any;
+export declare const ChainButtonBg: any;

package/build/pay/packages/connectkit/src/components/Common/ConnectorList/index.d.ts

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

package/build/pay/packages/connectkit/src/components/Common/ConnectorList/styles.d.ts

@@ -0,0 +1,5 @@
+export declare const ConnectorButton: any;
+export declare const ConnectorLabel: any;
+export declare const ConnectorIcon: any;
+export declare const RecentlyUsedTag: any;
+export declare const ConnectorsContainer: any;

package/build/pay/packages/connectkit/src/components/Common/CopyToClipboard/CopyToClipboardIcon.d.ts

@@ -0,0 +1,6 @@
+declare const CopyToClipboardIcon: ({ copied, small, dark, }: {
+    copied?: boolean;
+    small?: boolean;
+    dark?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default CopyToClipboardIcon;

package/build/pay/packages/connectkit/src/components/Common/CopyToClipboard/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+declare const CopyToClipboard: React.FC<{
+    string?: string;
+    children?: React.ReactNode;
+    variant?: "button" | "left";
+}>;
+export default CopyToClipboard;

package/build/pay/packages/connectkit/src/components/Common/CustomQRCode/QRCode.d.ts

@@ -0,0 +1,12 @@
+import QRCodeUtil from "qrcode";
+import React from "react";
+type Props = {
+    ecl?: QRCodeUtil.QRCodeErrorCorrectionLevel;
+    size?: number;
+    uri: string;
+    clearArea?: boolean;
+    image?: React.ReactNode;
+    imageBackground?: string;
+};
+export declare function QRCode({ ecl, size: sizeProp, uri, clearArea, image, imageBackground, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/build/pay/packages/connectkit/src/components/Common/CustomQRCode/index.d.ts

@@ -0,0 +1,6 @@
+import { CustomQRCodeProps } from "./types";
+declare function CustomQRCode({ value, image, imageBackground, imagePosition, tooltipMessage, }: CustomQRCodeProps): import("react/jsx-runtime").JSX.Element;
+declare namespace CustomQRCode {
+    var displayName: string;
+}
+export default CustomQRCode;

package/build/pay/packages/connectkit/src/components/Common/CustomQRCode/styles.d.ts

@@ -0,0 +1,6 @@
+export declare const QRCodeContainer: any;
+export declare const QRCodeContent: any;
+export declare const PlaceholderKeyframes: import("styled-components").Keyframes;
+export declare const QRPlaceholder: any;
+export declare const LogoContainer: any;
+export declare const LogoIcon: any;

package/build/pay/packages/connectkit/src/components/Common/CustomQRCode/types.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export type CustomQRCodeProps = {
+    value?: string;
+    image?: React.ReactNode;
+    imageBackground?: string;
+    imagePosition?: "center" | "bottom right";
+    tooltipMessage?: React.ReactNode | string;
+};

package/build/pay/packages/connectkit/src/components/Common/DynamicContainer/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type DynamicContainerProps = {
+    id: string;
+    children?: React.ReactNode;
+};
+declare const DynamicContainer: React.FC<DynamicContainerProps>;
+export default DynamicContainer;

package/build/pay/packages/connectkit/src/components/Common/FitText/index.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+declare const FitText: {
+    ({ children }: {
+        children: React.ReactNode;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default FitText;