@iota/dapp-kit 0.1.1 → 0.2.0

package/dist/esm/components/connect-modal/views/WalletConnect.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/connect-modal/views/WalletConnect.tsx", "../../../../../src/utils/walletUtils.ts", "../../../../../src/hooks/wallet/useConnectWallet.ts", "../../../../../src/constants/walletMutationKeys.ts", "../../../../../src/hooks/wallet/useWalletStore.ts", "../../../../../src/contexts/walletContext.ts", "../../../../../src/components/connect-modal/wallet-list/WalletList.css.ts", "../../../../../src/components/connect-modal/wallet-list/WalletListItem.tsx", "../../../../../src/components/ui/Heading.tsx", "../../../../../src/components/ui/Heading.css.ts", "../../../../../src/components/connect-modal/wallet-list/WalletListItem.css.ts", "../../../../../src/components/icons/ArrowRightIcon.tsx", "../../../../../src/components/connect-modal/wallet-list/WalletList.tsx", "../../../../../src/components/connect-modal/views/WalletConnect.css.ts", "../../../../../src/components/ui/Button.tsx", "../../../../../src/components/ui/Button.css.ts"],
+  "sourcesContent": ["// Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { WalletWithRequiredFeatures } from '@iota/wallet-standard';\nimport { useState } from 'react';\nimport { getWalletUniqueIdentifier } from '../../../utils/walletUtils.js';\nimport { useConnectWallet } from '../../../hooks/wallet/useConnectWallet.js';\nimport { WalletList } from '../wallet-list/WalletList.js';\nimport * as styles from './WalletConnect.css.js';\nimport { Button } from '../../ui/Button.js';\n\ninterface WalletConnectListViewProps {\n    wallets: WalletWithRequiredFeatures[];\n    onOpenChange: (isOpen: boolean) => void;\n}\nexport function WalletConnectListView({ wallets, onOpenChange }: WalletConnectListViewProps) {\n    const [selectedWallet, setSelectedWallet] = useState<WalletWithRequiredFeatures>();\n    const { mutate, isError } = useConnectWallet();\n    function handleSelectWallet(wallet: WalletWithRequiredFeatures) {\n        if (getWalletUniqueIdentifier(selectedWallet) !== getWalletUniqueIdentifier(wallet)) {\n            setSelectedWallet(wallet);\n            connectWallet(wallet);\n        }\n    }\n    function resetSelection() {\n        setSelectedWallet(undefined);\n    }\n\n    function handleOpenChange(open: boolean) {\n        if (!open) {\n            resetSelection();\n        }\n        onOpenChange(open);\n    }\n\n    function connectWallet(wallet: WalletWithRequiredFeatures) {\n        mutate(\n            { wallet },\n            {\n                onSuccess: () => handleOpenChange(false),\n            },\n        );\n    }\n    return (\n        <>\n            <div className={styles.walletConnectContainer}>\n                <WalletList\n                    selectedWalletName={getWalletUniqueIdentifier(selectedWallet)}\n                    onSelect={handleSelectWallet}\n                    wallets={wallets}\n                />\n            </div>\n            {selectedWallet && (\n                <div className={styles.walletConnectFooter}>\n                    {isError ? (\n                        <div className={styles.errorContainer}>\n                            <p className={styles.errorMessage}>Connection failed</p>\n                            <Button\n                                size=\"md\"\n                                variant=\"outline\"\n                                onClick={() => connectWallet(selectedWallet)}\n                            >\n                                Retry\n                            </Button>\n                        </div>\n                    ) : (\n                        <div className={styles.successContainer}>\n                            <p className={styles.openingText}>Opening {selectedWallet.name}...</p>\n                            <div className={styles.separator} />\n                            <p className={styles.confirmText}>\n                                Please confirm the connection in your wallet\n                            </p>\n                        </div>\n                    )}\n                </div>\n            )}\n        </>\n    );\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { MinimallyRequiredFeatures, Wallet, WalletWithFeatures } from '@iota/wallet-standard';\nimport { getWallets, isWalletWithRequiredFeatureSet } from '@iota/wallet-standard';\n\nexport function getRegisteredWallets<AdditionalFeatures extends Wallet['features']>(\n    preferredWallets: string[],\n    requiredFeatures?: (keyof AdditionalFeatures)[],\n) {\n    const walletsApi = getWallets();\n    const wallets = walletsApi.get();\n\n    const iotaWallets = wallets.filter(\n        (wallet): wallet is WalletWithFeatures<MinimallyRequiredFeatures & AdditionalFeatures> =>\n            isWalletWithRequiredFeatureSet(wallet, requiredFeatures),\n    );\n\n    return [\n        // Preferred wallets, in order:\n        ...(preferredWallets\n            .map((name) => iotaWallets.find((wallet) => wallet.name === name))\n            .filter(Boolean) as WalletWithFeatures<\n            MinimallyRequiredFeatures & AdditionalFeatures\n        >[]),\n\n        // Wallets in default order:\n        ...iotaWallets.filter((wallet) => !preferredWallets.includes(wallet.name)),\n    ];\n}\n\nexport function getWalletUniqueIdentifier(wallet?: Wallet) {\n    return wallet?.id ?? wallet?.name;\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { isSupportedChain } from '@iota/wallet-standard';\nimport type {\n    StandardConnectInput,\n    StandardConnectOutput,\n    WalletAccount,\n    WalletWithRequiredFeatures,\n} from '@iota/wallet-standard';\nimport type { UseMutationOptions, UseMutationResult } from '@tanstack/react-query';\nimport { useMutation } from '@tanstack/react-query';\n\nimport { walletMutationKeys } from '../../constants/walletMutationKeys.js';\nimport { useWalletStore } from './useWalletStore.js';\n\ntype ConnectWalletArgs = {\n    /** The wallet to connect to. */\n    wallet: WalletWithRequiredFeatures;\n\n    /** An optional account address to connect to. Defaults to the first authorized account. */\n    accountAddress?: string;\n} & StandardConnectInput;\n\ntype ConnectWalletResult = StandardConnectOutput;\n\ntype UseConnectWalletMutationOptions = Omit<\n    UseMutationOptions<ConnectWalletResult, Error, ConnectWalletArgs, unknown>,\n    'mutationFn'\n>;\n\n/**\n * Mutation hook for establishing a connection to a specific wallet.\n */\nexport function useConnectWallet({\n    mutationKey,\n    ...mutationOptions\n}: UseConnectWalletMutationOptions = {}): UseMutationResult<\n    ConnectWalletResult,\n    Error,\n    ConnectWalletArgs,\n    unknown\n> {\n    const setWalletConnected = useWalletStore((state) => state.setWalletConnected);\n    const setConnectionStatus = useWalletStore((state) => state.setConnectionStatus);\n\n    return useMutation({\n        mutationKey: walletMutationKeys.connectWallet(mutationKey),\n        mutationFn: async ({ wallet, accountAddress, ...connectArgs }) => {\n            try {\n                setConnectionStatus('connecting');\n\n                const connectResult =\n                    await wallet.features['standard:connect'].connect(connectArgs);\n                const connectedIotaAccounts = connectResult.accounts.filter((account) =>\n                    account.chains.some(isSupportedChain),\n                );\n                const selectedAccount = getSelectedAccount(connectedIotaAccounts, accountAddress);\n\n                setWalletConnected(wallet, connectedIotaAccounts, selectedAccount);\n\n                return { accounts: connectedIotaAccounts };\n            } catch (error) {\n                setConnectionStatus('disconnected');\n                throw error;\n            }\n        },\n        ...mutationOptions,\n    });\n}\n\nfunction getSelectedAccount(connectedAccounts: readonly WalletAccount[], accountAddress?: string) {\n    if (connectedAccounts.length === 0) {\n        return null;\n    }\n\n    if (accountAddress) {\n        const selectedAccount = connectedAccounts.find(\n            (account) => account.address === accountAddress,\n        );\n        return selectedAccount ?? connectedAccounts[0];\n    }\n\n    return connectedAccounts[0];\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { MutationKey } from '@tanstack/react-query';\n\nexport const walletMutationKeys = {\n    all: { baseScope: 'wallet' },\n    connectWallet: formMutationKeyFn('connect-wallet'),\n    autoconnectWallet: formMutationKeyFn('autoconnect-wallet'),\n    disconnectWallet: formMutationKeyFn('disconnect-wallet'),\n    signPersonalMessage: formMutationKeyFn('sign-personal-message'),\n    signTransactionBlock: formMutationKeyFn('sign-transaction-block'),\n    signAndExecuteTransactionBlock: formMutationKeyFn('sign-and-execute-transaction-block'),\n    switchAccount: formMutationKeyFn('switch-account'),\n};\n\nfunction formMutationKeyFn(baseEntity: string) {\n    return function mutationKeyFn(additionalKeys: MutationKey = []) {\n        return [{ ...walletMutationKeys.all, baseEntity }, ...additionalKeys];\n    };\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useContext } from 'react';\nimport { useStore } from 'zustand';\n\nimport { WalletContext } from '../../contexts/walletContext.js';\nimport type { StoreState } from '../../walletStore.js';\n\nexport function useWalletStore<T>(selector: (state: StoreState) => T): T {\n    const store = useContext(WalletContext);\n    if (!store) {\n        throw new Error(\n            'Could not find WalletContext. Ensure that you have set up the WalletProvider.',\n        );\n    }\n    return useStore(store, selector);\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { createContext } from 'react';\n\nimport type { WalletStore } from '../walletStore.js';\n\nexport const WalletContext = createContext<WalletStore | null>(null);\n", "import 'src/components/connect-modal/wallet-list/WalletList.css.ts.vanilla.css?source=LldhbGxldExpc3RfY29udGFpbmVyX18xdGtkZWd3MCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGdhcDogdmFyKC0tZGFwcC1raXQtc3BhY2luZy14c21hbGwpOwogIGhlaWdodDogMTAwJTsKICB3aWR0aDogMTAwJTsKICBtYXgtaGVpZ2h0OiAzMzBweDsKfQ==';\nexport var container = 'WalletList_container__1tkdegw0';", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { clsx } from 'clsx';\nimport type { ReactNode } from 'react';\nimport { Heading } from '../../ui/Heading.js';\nimport * as styles from './WalletListItem.css.js';\nimport { ArrowRightIcon } from '../../icons/ArrowRightIcon.js';\n\ntype WalletListItemProps = {\n    name: string;\n    icon: ReactNode;\n    isSelected?: boolean;\n    onClick: () => void;\n};\n\nexport function WalletListItem({ name, icon, onClick, isSelected = false }: WalletListItemProps) {\n    return (\n        <li className={styles.container}>\n            <button\n                className={clsx(styles.walletItem, { [styles.selectedWalletItem]: isSelected })}\n                type=\"button\"\n                onClick={onClick}\n            >\n                <div className={clsx(styles.walletName)}>\n                    {typeof icon === 'string' ? (\n                        <img className={styles.walletIcon} src={icon} alt={`${name} logo`} />\n                    ) : (\n                        icon\n                    )}\n                    <Heading size=\"md\" truncate asChild>\n                        <div>{name}</div>\n                    </Heading>\n                </div>\n                <ArrowRightIcon />\n            </button>\n        </li>\n    );\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx';\nimport { forwardRef } from 'react';\n\nimport { headingVariants } from './Heading.css.js';\nimport type { HeadingVariants } from './Heading.css.js';\n\ntype HeadingAsChildProps = {\n    asChild?: boolean;\n    as?: never;\n};\n\ntype HeadingAsProps = {\n    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n    asChild?: never;\n};\n\ntype HeadingProps = (HeadingAsChildProps | HeadingAsProps) &\n    React.HTMLAttributes<HTMLHeadingElement> &\n    HeadingVariants;\n\nconst Heading = forwardRef<HTMLHeadingElement, HeadingProps>(\n    (\n        {\n            children,\n            className,\n            asChild = false,\n            as: Tag = 'h1',\n            size,\n            weight,\n            truncate,\n            ...headingProps\n        },\n        forwardedRef,\n    ) => {\n        return (\n            <Slot\n                {...headingProps}\n                ref={forwardedRef}\n                className={clsx(headingVariants({ size, weight, truncate }), className)}\n            >\n                {asChild ? children : <Tag>{children}</Tag>}\n            </Slot>\n        );\n    },\n);\nHeading.displayName = 'Heading';\n\nexport { Heading };\n", "import 'src/components/ui/Heading.css.ts.vanilla.css?source=LkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfc21fXzEyYjVsOGkxIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1zbWFsbCk7Cn0KLkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfbWRfXzEyYjVsOGkyIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1tZWRpdW0pOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX2xnX18xMmI1bDhpMyB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMtbGFyZ2UpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX3hsX18xMmI1bDhpNCB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMteGxhcmdlKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fMTJiNWw4aTUgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c193ZWlnaHRfYm9sZF9fMTJiNWw4aTYgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ib2xkKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfdHJ1bmNhdGVfdHJ1ZV9fMTJiNWw4aTcgewogIG92ZXJmbG93OiBoaWRkZW47CiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7CiAgd2hpdGUtc3BhY2U6IG5vd3JhcDsKfQ==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var headingVariants = _7a468({defaultClassName:'Heading__12b5l8i0',variantClassNames:{size:{sm:'Heading_headingVariants_size_sm__12b5l8i1',md:'Heading_headingVariants_size_md__12b5l8i2',lg:'Heading_headingVariants_size_lg__12b5l8i3',xl:'Heading_headingVariants_size_xl__12b5l8i4'},weight:{normal:'Heading_headingVariants_weight_normal__12b5l8i5',bold:'Heading_headingVariants_weight_bold__12b5l8i6'},truncate:{true:'Heading_headingVariants_truncate_true__12b5l8i7'}},defaultVariants:{size:'lg',weight:'bold'},compoundVariants:[]});", "import 'src/components/connect-modal/wallet-list/WalletListItem.css.ts.vanilla.css?source=LldhbGxldExpc3RJdGVtX2NvbnRhaW5lcl9fMXZydmV6azAgewogIGRpc3BsYXk6IGZsZXg7CiAgd2lkdGg6IDEwMCU7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldEl0ZW1fXzF2cnZlemsxIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIHdpZHRoOiAxMDAlOwogIGZsZXgtZ3JvdzogMTsKICBwYWRkaW5nOiB2YXIoLS1kYXBwLWtpdC1zcGFjaW5nLW1lZGl1bSk7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZGFwcC1raXQtcmFkaWktbGFyZ2UpOwp9Ci5XYWxsZXRMaXN0SXRlbV93YWxsZXRJdGVtX18xdnJ2ZXprMTpob3ZlciB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGFwcC1raXQtYmFja2dyb3VuZENvbG9ycy1wcmltYXJ5QnV0dG9uSG92ZXIpOwp9Ci5XYWxsZXRMaXN0SXRlbV9zZWxlY3RlZFdhbGxldEl0ZW1fXzF2cnZlemsyIHsKICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1kYXBwLWtpdC1ib3JkZXJDb2xvcnMtb3V0bGluZUJ1dHRvbik7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZGFwcC1raXQtcmFkaWktbGFyZ2UpOwp9Ci5XYWxsZXRMaXN0SXRlbV93YWxsZXROYW1lX18xdnJ2ZXprMyB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGZsZXgtZGlyZWN0aW9uOiByb3c7CiAgZ2FwOiB2YXIoLS1kYXBwLWtpdC1zcGFjaW5nLXNtYWxsKTsKfQouV2FsbGV0TGlzdEl0ZW1fd2FsbGV0SWNvbl9fMXZydmV6azQgewogIHdpZHRoOiAyOHB4OwogIGhlaWdodDogMjhweDsKICBmbGV4LXNocmluazogMDsKICBvYmplY3QtZml0OiBjb3ZlcjsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1kYXBwLWtpdC1yYWRpaS1zbWFsbCk7Cn0=';\nexport var container = 'WalletListItem_container__1vrvezk0';\nexport var selectedWalletItem = 'WalletListItem_selectedWalletItem__1vrvezk2';\nexport var walletIcon = 'WalletListItem_walletIcon__1vrvezk4';\nexport var walletItem = 'WalletListItem_walletItem__1vrvezk1';\nexport var walletName = 'WalletListItem_walletName__1vrvezk3';", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentProps } from 'react';\n\nexport function ArrowRightIcon(props: ComponentProps<'svg'>) {\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            {...props}\n        >\n            <path\n                fill=\"currentColor\"\n                d=\"m10.707 6.293 5 5a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414-1.414L13.586 12 9.293 7.707a1 1 0 0 1 1.414-1.414Z\"\n            />\n        </svg>\n    );\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { WalletWithRequiredFeatures } from '@iota/wallet-standard';\nimport { getWalletUniqueIdentifier } from '../../../utils/walletUtils.js';\nimport * as styles from './WalletList.css.js';\nimport { WalletListItem } from './WalletListItem.js';\n\ninterface WalletListProps {\n    selectedWalletName?: string;\n    onSelect: (wallet: WalletWithRequiredFeatures) => void;\n    wallets: WalletWithRequiredFeatures[];\n}\nexport function WalletList({ selectedWalletName, onSelect, wallets }: WalletListProps) {\n    return (\n        <ul className={styles.container}>\n            {wallets.map((wallet) => (\n                <WalletListItem\n                    key={getWalletUniqueIdentifier(wallet)}\n                    name={wallet.name}\n                    icon={wallet.icon}\n                    isSelected={getWalletUniqueIdentifier(wallet) === selectedWalletName}\n                    onClick={() => onSelect(wallet)}\n                />\n            ))}\n        </ul>\n    );\n}\n", "import 'src/components/connect-modal/views/WalletConnect.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7WTTUsDMRCG7/0VuQj2kFKtH7A9Vrz1pOCxpMnsNpqdCcnEbSv977Ir/dxFquIpzAfzPvMOGbwo54AnhAiaZ9VhNCFkZRHCbJZoSKM4FB89IRZgiwVn4mo4vBj3hKis4cU+pHcIuaMqEyoxjXub3uAbjUci3gtcNQLGRu/UKhO5g2U9sn6lsQE0W8JMaHKpxLpSKJ+JdxUupTTKe/lmWUavtMVCxlI51+8AgBAotJa77tY+2e4UJVBVp5WzBUrLUMZMaECGUKdfU2Sbr6QmZEDORM0Gcg5cAfxxgSnEqArY4o8a/JyQZbRraA2tK092DXE3VtQ+Umh1Ntko52RWDwoLCF0IMWkNMbZcvPnpBY+ca9oiq8C/9oY8oMXiGZa8Zbr9D2umicF0AWjC3IbyEODubIASjE3leQSdZwGvgmLa3eP++Mv65hpzpd+KQAmN7FbZN0y+9Ewgb6jCKWB62mr0W/9j8wkCAXcTTwQAAA==';\nexport var confirmText = 'WalletConnect_confirmText__uo0o3s6';\nexport var errorContainer = 'WalletConnect_errorContainer__uo0o3s2';\nexport var errorMessage = 'WalletConnect_errorMessage__uo0o3s3';\nexport var openingText = 'WalletConnect_openingText__uo0o3s5';\nexport var separator = 'WalletConnect_separator__uo0o3s7';\nexport var successContainer = 'WalletConnect_successContainer__uo0o3s4';\nexport var walletConnectContainer = 'WalletConnect_walletConnectContainer__uo0o3s0';\nexport var walletConnectFooter = 'WalletConnect_walletConnectFooter__uo0o3s1';", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx';\nimport type { ButtonHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\n\nimport { buttonVariants } from './Button.css.js';\nimport type { ButtonVariants } from './Button.css.js';\n\ntype ButtonProps = {\n    asChild?: boolean;\n} & ButtonHTMLAttributes<HTMLButtonElement> &\n    ButtonVariants;\n\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n    ({ className, variant, size, asChild = false, ...props }, forwardedRef) => {\n        const Comp = asChild ? Slot : 'button';\n        return (\n            <Comp\n                {...props}\n                className={clsx(buttonVariants({ variant, size }), className)}\n                ref={forwardedRef}\n            />\n        );\n    },\n);\nButton.displayName = 'Button';\n\nexport { Button };\n", "import 'src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7WSwVLCMBCG732KPcohDCA6TrjpxSfQYydt0rKQJplkC60O7+6ktCMKog56Smb/ZP9v/2R8XxNZk2bd8iQ8CkMhTXPKmpmZwGsCIDE4LVoOaDQaxQqtmkUCIDSWhiGpKnDIlSHlY3lVB8KiZbk1pAwdSoU1xLYKyyVx2Ah/xZgUzrE1EovacycFVimJdTVaJLtkfB6QSwwi00p2pNaJHKnlMBnfnLm82W9S57ESvh2aTbsemcjXpbe1kSy32voj0PcDD1EPrG+z9xrFOU9fzE8f/zUmX9qN8n8B+xgb/QTB1hSffkCY7c2tl8qzLUpacpi67lP0xUCtVhyC1SgPyl9AdmIP2Fv9W5qfR7kozQ+w36YZ8EWllRysrw9T9EJiHY4cYxlZUWvdReGElGhKDneugeltjPy8my4Ht/kFbtEJZnPXwCLZvQFzXfF3MwQAAA==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var buttonVariants = _7a468({defaultClassName:'Button_buttonVariants__ctbx2n0',variantClassNames:{variant:{primary:'Button_buttonVariants_variant_primary__ctbx2n1',outline:'Button_buttonVariants_variant_outline__ctbx2n2'},size:{md:'Button_buttonVariants_size_md__ctbx2n3',lg:'Button_buttonVariants_size_lg__ctbx2n4'}},defaultVariants:{variant:'primary',size:'md'},compoundVariants:[]});"],
+  "mappings": ";AAIA,SAAS,gBAAgB;;;ACCzB,SAAS,YAAY,sCAAsC;AA2BpD,SAAS,0BAA0B,QAAiB;AACvD,SAAO,QAAQ,MAAM,QAAQ;AACjC;;;AC9BA,SAAS,wBAAwB;AAQjC,SAAS,mBAAmB;;;ACNrB,IAAM,qBAAqB;AAAA,EAC9B,KAAK,EAAE,WAAW,SAAS;AAAA,EAC3B,eAAe,kBAAkB,gBAAgB;AAAA,EACjD,mBAAmB,kBAAkB,oBAAoB;AAAA,EACzD,kBAAkB,kBAAkB,mBAAmB;AAAA,EACvD,qBAAqB,kBAAkB,uBAAuB;AAAA,EAC9D,sBAAsB,kBAAkB,wBAAwB;AAAA,EAChE,gCAAgC,kBAAkB,oCAAoC;AAAA,EACtF,eAAe,kBAAkB,gBAAgB;AACrD;AAEA,SAAS,kBAAkB,YAAoB;AAC3C,SAAO,SAAS,cAAc,iBAA8B,CAAC,GAAG;AAC5D,WAAO,CAAC,EAAE,GAAG,mBAAmB,KAAK,WAAW,GAAG,GAAG,cAAc;AAAA,EACxE;AACJ;;;ACjBA,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;;;ACDzB,SAAS,qBAAqB;AAIvB,IAAM,gBAAgB,cAAkC,IAAI;;;ADE5D,SAAS,eAAkB,UAAuC;AACrE,QAAM,QAAQ,WAAW,aAAa;AACtC,MAAI,CAAC,OAAO;AACR,UAAM,IAAI;AAAA,MACN;AAAA,IACJ;AAAA,EACJ;AACA,SAAO,SAAS,OAAO,QAAQ;AACnC;;;AFiBO,SAAS,iBAAiB;AAAA,EAC7B;AAAA,EACA,GAAG;AACP,IAAqC,CAAC,GAKpC;AACE,QAAM,qBAAqB,eAAe,CAAC,UAAU,MAAM,kBAAkB;AAC7E,QAAM,sBAAsB,eAAe,CAAC,UAAU,MAAM,mBAAmB;AAE/E,SAAO,YAAY;AAAA,IACf,aAAa,mBAAmB,cAAc,WAAW;AAAA,IACzD,YAAY,OAAO,EAAE,QAAQ,gBAAgB,GAAG,YAAY,MAAM;AAC9D,UAAI;AACA,4BAAoB,YAAY;AAEhC,cAAM,gBACF,MAAM,OAAO,SAAS,kBAAkB,EAAE,QAAQ,WAAW;AACjE,cAAM,wBAAwB,cAAc,SAAS;AAAA,UAAO,CAAC,YACzD,QAAQ,OAAO,KAAK,gBAAgB;AAAA,QACxC;AACA,cAAM,kBAAkB,mBAAmB,uBAAuB,cAAc;AAEhF,2BAAmB,QAAQ,uBAAuB,eAAe;AAEjE,eAAO,EAAE,UAAU,sBAAsB;AAAA,MAC7C,SAAS,OAAP;AACE,4BAAoB,cAAc;AAClC,cAAM;AAAA,MACV;AAAA,IACJ;AAAA,IACA,GAAG;AAAA,EACP,CAAC;AACL;AAEA,SAAS,mBAAmB,mBAA6C,gBAAyB;AAC9F,MAAI,kBAAkB,WAAW,GAAG;AAChC,WAAO;AAAA,EACX;AAEA,MAAI,gBAAgB;AAChB,UAAM,kBAAkB,kBAAkB;AAAA,MACtC,CAAC,YAAY,QAAQ,YAAY;AAAA,IACrC;AACA,WAAO,mBAAmB,kBAAkB,CAAC;AAAA,EACjD;AAEA,SAAO,kBAAkB,CAAC;AAC9B;;;AIpFO,IAAI,YAAY;;;ACGvB,SAAS,QAAAA,aAAY;;;ACArB,SAAS,YAAY;AACrB,OAAO,UAAU;AACjB,SAAS,kBAAkB;;;ACL3B,SAAS,mBAAmB,cAAc;AACnC,IAAI,kBAAkB,OAAO,EAAC,kBAAiB,qBAAoB,mBAAkB,EAAC,MAAK,EAAC,IAAG,6CAA4C,IAAG,6CAA4C,IAAG,6CAA4C,IAAG,4CAA2C,GAAE,QAAO,EAAC,QAAO,mDAAkD,MAAK,gDAA+C,GAAE,UAAS,EAAC,MAAK,kDAAiD,EAAC,GAAE,iBAAgB,EAAC,MAAK,MAAK,QAAO,OAAM,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;AD2Clf;AApBtC,IAAM,UAAU;AAAA,EACZ,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,IAAI,MAAM;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACP,GACA,iBACC;AACD,WACI;AAAA,MAAC;AAAA;AAAA,QACI,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,KAAK,gBAAgB,EAAE,MAAM,QAAQ,SAAS,CAAC,GAAG,SAAS;AAAA,QAErE,oBAAU,WAAW,oBAAC,OAAK,UAAS;AAAA;AAAA,IACzC;AAAA,EAER;AACJ;AACA,QAAQ,cAAc;;;AEjDf,IAAIC,aAAY;AAChB,IAAI,qBAAqB;AACzB,IAAI,aAAa;AACjB,IAAI,aAAa;AACjB,IAAI,aAAa;;;ACWZ,gBAAAC,YAAA;AAVL,SAAS,eAAe,OAA8B;AACzD,SACI,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACG,OAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACJ,GAAG;AAAA,MAEJ,0BAAAA;AAAA,QAAC;AAAA;AAAA,UACG,MAAK;AAAA,UACL,GAAE;AAAA;AAAA,MACN;AAAA;AAAA,EACJ;AAER;;;AJGgB,SAEQ,OAAAC,MAFR;AART,SAAS,eAAe,EAAE,MAAM,MAAM,SAAS,aAAa,MAAM,GAAwB;AAC7F,SACI,gBAAAA,KAAC,QAAG,WAAkBC,YAClB;AAAA,IAAC;AAAA;AAAA,MACG,WAAWC,MAAY,YAAY,EAAE,CAAQ,kBAAkB,GAAG,WAAW,CAAC;AAAA,MAC9E,MAAK;AAAA,MACL;AAAA,MAEA;AAAA,6BAAC,SAAI,WAAWA,MAAY,UAAU,GACjC;AAAA,iBAAO,SAAS,WACb,gBAAAF,KAAC,SAAI,WAAkB,YAAY,KAAK,MAAM,KAAK,GAAG,aAAa,IAEnE;AAAA,UAEJ,gBAAAA,KAAC,WAAQ,MAAK,MAAK,UAAQ,MAAC,SAAO,MAC/B,0BAAAA,KAAC,SAAK,gBAAK,GACf;AAAA,WACJ;AAAA,QACA,gBAAAA,KAAC,kBAAe;AAAA;AAAA;AAAA,EACpB,GACJ;AAER;;;AKrBgB,gBAAAG,YAAA;AAJT,SAAS,WAAW,EAAE,oBAAoB,UAAU,QAAQ,GAAoB;AACnF,SACI,gBAAAA,KAAC,QAAG,WAAkB,WACjB,kBAAQ,IAAI,CAAC,WACV,gBAAAA;AAAA,IAAC;AAAA;AAAA,MAEG,MAAM,OAAO;AAAA,MACb,MAAM,OAAO;AAAA,MACb,YAAY,0BAA0B,MAAM,MAAM;AAAA,MAClD,SAAS,MAAM,SAAS,MAAM;AAAA;AAAA,IAJzB,0BAA0B,MAAM;AAAA,EAKzC,CACH,GACL;AAER;;;AC3BO,IAAI,cAAc;AAClB,IAAI,iBAAiB;AACrB,IAAI,eAAe;AACnB,IAAI,cAAc;AAClB,IAAI,YAAY;AAChB,IAAI,mBAAmB;AACvB,IAAI,yBAAyB;AAC7B,IAAI,sBAAsB;;;ACJjC,SAAS,QAAAC,aAAY;AACrB,OAAOC,WAAU;AAEjB,SAAS,cAAAC,mBAAkB;;;ACN3B,SAAS,mBAAmBC,eAAc;AACnC,IAAI,iBAAiBA,QAAO,EAAC,kBAAiB,kCAAiC,mBAAkB,EAAC,SAAQ,EAAC,SAAQ,kDAAiD,SAAQ,iDAAgD,GAAE,MAAK,EAAC,IAAG,0CAAyC,IAAG,yCAAwC,EAAC,GAAE,iBAAgB,EAAC,SAAQ,WAAU,MAAK,KAAI,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ADmB3X,gBAAAC,YAAA;AAJZ,IAAM,SAASC;AAAA,EACX,CAAC,EAAE,WAAW,SAAS,MAAM,UAAU,OAAO,GAAG,MAAM,GAAG,iBAAiB;AACvE,UAAM,OAAO,UAAUC,QAAO;AAC9B,WACI,gBAAAF;AAAA,MAAC;AAAA;AAAA,QACI,GAAG;AAAA,QACJ,WAAWG,MAAK,eAAe,EAAE,SAAS,KAAK,CAAC,GAAG,SAAS;AAAA,QAC5D,KAAK;AAAA;AAAA,IACT;AAAA,EAER;AACJ;AACA,OAAO,cAAc;;;Adeb,mBAEQ,OAAAC,MASQ,QAAAC,aAXhB;AA7BD,SAAS,sBAAsB,EAAE,SAAS,aAAa,GAA+B;AACzF,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAqC;AACjF,QAAM,EAAE,QAAQ,QAAQ,IAAI,iBAAiB;AAC7C,WAAS,mBAAmB,QAAoC;AAC5D,QAAI,0BAA0B,cAAc,MAAM,0BAA0B,MAAM,GAAG;AACjF,wBAAkB,MAAM;AACxB,oBAAc,MAAM;AAAA,IACxB;AAAA,EACJ;AACA,WAAS,iBAAiB;AACtB,sBAAkB,MAAS;AAAA,EAC/B;AAEA,WAAS,iBAAiB,MAAe;AACrC,QAAI,CAAC,MAAM;AACP,qBAAe;AAAA,IACnB;AACA,iBAAa,IAAI;AAAA,EACrB;AAEA,WAAS,cAAc,QAAoC;AACvD;AAAA,MACI,EAAE,OAAO;AAAA,MACT;AAAA,QACI,WAAW,MAAM,iBAAiB,KAAK;AAAA,MAC3C;AAAA,IACJ;AAAA,EACJ;AACA,SACI,gBAAAA,MAAA,YACI;AAAA,oBAAAD,KAAC,SAAI,WAAkB,wBACnB,0BAAAA;AAAA,MAAC;AAAA;AAAA,QACG,oBAAoB,0BAA0B,cAAc;AAAA,QAC5D,UAAU;AAAA,QACV;AAAA;AAAA,IACJ,GACJ;AAAA,IACC,kBACG,gBAAAA,KAAC,SAAI,WAAkB,qBAClB,oBACG,gBAAAC,MAAC,SAAI,WAAkB,gBACnB;AAAA,sBAAAD,KAAC,OAAE,WAAkB,cAAc,+BAAiB;AAAA,MACpD,gBAAAA;AAAA,QAAC;AAAA;AAAA,UACG,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,SAAS,MAAM,cAAc,cAAc;AAAA,UAC9C;AAAA;AAAA,MAED;AAAA,OACJ,IAEA,gBAAAC,MAAC,SAAI,WAAkB,kBACnB;AAAA,sBAAAA,MAAC,OAAE,WAAkB,aAAa;AAAA;AAAA,QAAS,eAAe;AAAA,QAAK;AAAA,SAAG;AAAA,MAClE,gBAAAD,KAAC,SAAI,WAAkB,WAAW;AAAA,MAClC,gBAAAA,KAAC,OAAE,WAAkB,aAAa,0DAElC;AAAA,OACJ,GAER;AAAA,KAER;AAER;",
+  "names": ["clsx", "container", "jsx", "jsx", "container", "clsx", "jsx", "Slot", "clsx", "forwardRef", "_7a468", "jsx", "forwardRef", "Slot", "clsx", "jsx", "jsxs"]
+}

package/dist/esm/components/connect-modal/views/index.css

@@ -0,0 +1,214 @@
+/* vanilla-extract-css-ns:src/components/connect-modal/wallet-list/WalletList.css.ts.vanilla.css?source=LldhbGxldExpc3RfY29udGFpbmVyX18xdGtkZWd3MCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGdhcDogdmFyKC0tZGFwcC1raXQtc3BhY2luZy14c21hbGwpOwogIGhlaWdodDogMTAwJTsKICB3aWR0aDogMTAwJTsKICBtYXgtaGVpZ2h0OiAzMzBweDsKfQ== */
+[data-dapp-kit].WalletList_container__1tkdegw0,
+[data-dapp-kit] .WalletList_container__1tkdegw0 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--dapp-kit-spacing-xsmall);
+  height: 100%;
+  width: 100%;
+  max-height: 330px;
+}
+
+/* vanilla-extract-css-ns:src/components/ui/Heading.css.ts.vanilla.css?source=LkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfc21fXzEyYjVsOGkxIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1zbWFsbCk7Cn0KLkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfbWRfXzEyYjVsOGkyIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1tZWRpdW0pOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX2xnX18xMmI1bDhpMyB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMtbGFyZ2UpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX3hsX18xMmI1bDhpNCB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMteGxhcmdlKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fMTJiNWw4aTUgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c193ZWlnaHRfYm9sZF9fMTJiNWw4aTYgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ib2xkKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfdHJ1bmNhdGVfdHJ1ZV9fMTJiNWw4aTcgewogIG92ZXJmbG93OiBoaWRkZW47CiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7CiAgd2hpdGUtc3BhY2U6IG5vd3JhcDsKfQ== */
+[data-dapp-kit].Heading_headingVariants_size_sm__12b5l8i1,
+[data-dapp-kit] .Heading_headingVariants_size_sm__12b5l8i1 {
+  font-size: var(--dapp-kit-fontSizes-small);
+}
+[data-dapp-kit].Heading_headingVariants_size_md__12b5l8i2,
+[data-dapp-kit] .Heading_headingVariants_size_md__12b5l8i2 {
+  font-size: var(--dapp-kit-fontSizes-medium);
+}
+[data-dapp-kit].Heading_headingVariants_size_lg__12b5l8i3,
+[data-dapp-kit] .Heading_headingVariants_size_lg__12b5l8i3 {
+  font-size: var(--dapp-kit-fontSizes-large);
+}
+[data-dapp-kit].Heading_headingVariants_size_xl__12b5l8i4,
+[data-dapp-kit] .Heading_headingVariants_size_xl__12b5l8i4 {
+  font-size: var(--dapp-kit-fontSizes-xlarge);
+}
+[data-dapp-kit].Heading_headingVariants_weight_normal__12b5l8i5,
+[data-dapp-kit] .Heading_headingVariants_weight_normal__12b5l8i5 {
+  font-weight: var(--dapp-kit-fontWeights-normal);
+}
+[data-dapp-kit].Heading_headingVariants_weight_bold__12b5l8i6,
+[data-dapp-kit] .Heading_headingVariants_weight_bold__12b5l8i6 {
+  font-weight: var(--dapp-kit-fontWeights-bold);
+}
+[data-dapp-kit].Heading_headingVariants_truncate_true__12b5l8i7,
+[data-dapp-kit] .Heading_headingVariants_truncate_true__12b5l8i7 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* vanilla-extract-css-ns:src/components/connect-modal/wallet-list/WalletListItem.css.ts.vanilla.css?source=LldhbGxldExpc3RJdGVtX2NvbnRhaW5lcl9fMXZydmV6azAgewogIGRpc3BsYXk6IGZsZXg7CiAgd2lkdGg6IDEwMCU7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldEl0ZW1fXzF2cnZlemsxIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIHdpZHRoOiAxMDAlOwogIGZsZXgtZ3JvdzogMTsKICBwYWRkaW5nOiB2YXIoLS1kYXBwLWtpdC1zcGFjaW5nLW1lZGl1bSk7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZGFwcC1raXQtcmFkaWktbGFyZ2UpOwp9Ci5XYWxsZXRMaXN0SXRlbV93YWxsZXRJdGVtX18xdnJ2ZXprMTpob3ZlciB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGFwcC1raXQtYmFja2dyb3VuZENvbG9ycy1wcmltYXJ5QnV0dG9uSG92ZXIpOwp9Ci5XYWxsZXRMaXN0SXRlbV9zZWxlY3RlZFdhbGxldEl0ZW1fXzF2cnZlemsyIHsKICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1kYXBwLWtpdC1ib3JkZXJDb2xvcnMtb3V0bGluZUJ1dHRvbik7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZGFwcC1raXQtcmFkaWktbGFyZ2UpOwp9Ci5XYWxsZXRMaXN0SXRlbV93YWxsZXROYW1lX18xdnJ2ZXprMyB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGZsZXgtZGlyZWN0aW9uOiByb3c7CiAgZ2FwOiB2YXIoLS1kYXBwLWtpdC1zcGFjaW5nLXNtYWxsKTsKfQouV2FsbGV0TGlzdEl0ZW1fd2FsbGV0SWNvbl9fMXZydmV6azQgewogIHdpZHRoOiAyOHB4OwogIGhlaWdodDogMjhweDsKICBmbGV4LXNocmluazogMDsKICBvYmplY3QtZml0OiBjb3ZlcjsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1kYXBwLWtpdC1yYWRpaS1zbWFsbCk7Cn0= */
+[data-dapp-kit].WalletListItem_container__1vrvezk0,
+[data-dapp-kit] .WalletListItem_container__1vrvezk0 {
+  display: flex;
+  width: 100%;
+}
+[data-dapp-kit].WalletListItem_walletItem__1vrvezk1,
+[data-dapp-kit] .WalletListItem_walletItem__1vrvezk1 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  flex-grow: 1;
+  padding: var(--dapp-kit-spacing-medium);
+  border-radius: var(--dapp-kit-radii-large);
+}
+[data-dapp-kit].WalletListItem_walletItem__1vrvezk1:hover,
+[data-dapp-kit] .WalletListItem_walletItem__1vrvezk1:hover {
+  background-color: var(--dapp-kit-backgroundColors-primaryButtonHover);
+}
+[data-dapp-kit].WalletListItem_selectedWalletItem__1vrvezk2,
+[data-dapp-kit] .WalletListItem_selectedWalletItem__1vrvezk2 {
+  border: 1px solid var(--dapp-kit-borderColors-outlineButton);
+  border-radius: var(--dapp-kit-radii-large);
+}
+[data-dapp-kit].WalletListItem_walletName__1vrvezk3,
+[data-dapp-kit] .WalletListItem_walletName__1vrvezk3 {
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  gap: var(--dapp-kit-spacing-small);
+}
+[data-dapp-kit].WalletListItem_walletIcon__1vrvezk4,
+[data-dapp-kit] .WalletListItem_walletIcon__1vrvezk4 {
+  width: 28px;
+  height: 28px;
+  flex-shrink: 0;
+  -o-object-fit: cover;
+  object-fit: cover;
+  border-radius: var(--dapp-kit-radii-small);
+}
+
+/* vanilla-extract-css-ns:src/components/connect-modal/views/WalletConnect.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7WTTUsDMRCG7/0VuQj2kFKtH7A9Vrz1pOCxpMnsNpqdCcnEbSv977Ir/dxFquIpzAfzPvMOGbwo54AnhAiaZ9VhNCFkZRHCbJZoSKM4FB89IRZgiwVn4mo4vBj3hKis4cU+pHcIuaMqEyoxjXub3uAbjUci3gtcNQLGRu/UKhO5g2U9sn6lsQE0W8JMaHKpxLpSKJ+JdxUupTTKe/lmWUavtMVCxlI51+8AgBAotJa77tY+2e4UJVBVp5WzBUrLUMZMaECGUKdfU2Sbr6QmZEDORM0Gcg5cAfxxgSnEqArY4o8a/JyQZbRraA2tK092DXE3VtQ+Umh1Ntko52RWDwoLCF0IMWkNMbZcvPnpBY+ca9oiq8C/9oY8oMXiGZa8Zbr9D2umicF0AWjC3IbyEODubIASjE3leQSdZwGvgmLa3eP++Mv65hpzpd+KQAmN7FbZN0y+9Ewgb6jCKWB62mr0W/9j8wkCAXcTTwQAAA== */
+[data-dapp-kit].WalletConnect_walletConnectContainer__uo0o3s0,
+[data-dapp-kit] .WalletConnect_walletConnectContainer__uo0o3s0 {
+  height: 100%;
+  width: 100%;
+  overflow: auto;
+}
+[data-dapp-kit].WalletConnect_walletConnectFooter__uo0o3s1,
+[data-dapp-kit] .WalletConnect_walletConnectFooter__uo0o3s1 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--dapp-kit-spacing-small);
+}
+[data-dapp-kit].WalletConnect_errorContainer__uo0o3s2,
+[data-dapp-kit] .WalletConnect_errorContainer__uo0o3s2 {
+  display: flex;
+  width: 100%;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--dapp-kit-spacing-small);
+}
+[data-dapp-kit].WalletConnect_errorMessage__uo0o3s3,
+[data-dapp-kit] .WalletConnect_errorMessage__uo0o3s3 {
+  font-size: var(--dapp-kit-fontSizes-small);
+  color: var(--dapp-kit-colors-bodyDanger);
+}
+[data-dapp-kit].WalletConnect_successContainer__uo0o3s4,
+[data-dapp-kit] .WalletConnect_successContainer__uo0o3s4 {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--dapp-kit-spacing-small);
+}
+[data-dapp-kit].WalletConnect_openingText__uo0o3s5,
+[data-dapp-kit] .WalletConnect_openingText__uo0o3s5 {
+  font-size: var(--dapp-kit-fontSizes-small);
+  color: var(--dapp-kit-colors-bodyMuted);
+}
+[data-dapp-kit].WalletConnect_confirmText__uo0o3s6,
+[data-dapp-kit] .WalletConnect_confirmText__uo0o3s6 {
+  font-size: var(--dapp-kit-fontSizes-medium);
+  color: var(--dapp-kit-colors-body);
+}
+[data-dapp-kit].WalletConnect_separator__uo0o3s7,
+[data-dapp-kit] .WalletConnect_separator__uo0o3s7 {
+  height: 1px;
+  background-color: var(--dapp-kit-backgroundColors-dropdownMenuSeparator);
+  width: 100%;
+}
+
+/* vanilla-extract-css-ns:src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7WSwVLCMBCG732KPcohDCA6TrjpxSfQYydt0rKQJplkC60O7+6ktCMKog56Smb/ZP9v/2R8XxNZk2bd8iQ8CkMhTXPKmpmZwGsCIDE4LVoOaDQaxQqtmkUCIDSWhiGpKnDIlSHlY3lVB8KiZbk1pAwdSoU1xLYKyyVx2Ah/xZgUzrE1EovacycFVimJdTVaJLtkfB6QSwwi00p2pNaJHKnlMBnfnLm82W9S57ESvh2aTbsemcjXpbe1kSy32voj0PcDD1EPrG+z9xrFOU9fzE8f/zUmX9qN8n8B+xgb/QTB1hSffkCY7c2tl8qzLUpacpi67lP0xUCtVhyC1SgPyl9AdmIP2Fv9W5qfR7kozQ+w36YZ8EWllRysrw9T9EJiHY4cYxlZUWvdReGElGhKDneugeltjPy8my4Ht/kFbtEJZnPXwCLZvQFzXfF3MwQAAA== */
+[data-dapp-kit].Button_buttonVariants__ctbx2n0,
+[data-dapp-kit] .Button_buttonVariants__ctbx2n0 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: var(--dapp-kit-fontWeights-medium);
+}
+[data-dapp-kit].Button_buttonVariants__ctbx2n0:disabled,
+[data-dapp-kit] .Button_buttonVariants__ctbx2n0:disabled {
+  opacity: 0.5;
+}
+[data-dapp-kit].Button_buttonVariants_variant_primary__ctbx2n1,
+[data-dapp-kit] .Button_buttonVariants_variant_primary__ctbx2n1 {
+  background-color: var(--dapp-kit-backgroundColors-primaryButton);
+  color: var(--dapp-kit-colors-primaryButton);
+}
+[data-dapp-kit].Button_buttonVariants_variant_primary__ctbx2n1:hover,
+[data-dapp-kit] .Button_buttonVariants_variant_primary__ctbx2n1:hover {
+  background-color: var(--dapp-kit-backgroundColors-primaryButtonHover);
+}
+[data-dapp-kit].Button_buttonVariants_variant_outline__ctbx2n2,
+[data-dapp-kit] .Button_buttonVariants_variant_outline__ctbx2n2 {
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--dapp-kit-borderColors-outlineButton);
+  color: var(--dapp-kit-colors-primaryButton);
+}
+[data-dapp-kit].Button_buttonVariants_variant_outline__ctbx2n2:hover,
+[data-dapp-kit] .Button_buttonVariants_variant_outline__ctbx2n2:hover {
+  background-color: var(--dapp-kit-backgroundColors-outlineButtonHover);
+}
+[data-dapp-kit].Button_buttonVariants_size_md__ctbx2n3,
+[data-dapp-kit] .Button_buttonVariants_size_md__ctbx2n3 {
+  border-radius: var(--dapp-kit-radii-full);
+  padding: 8px 16px;
+}
+[data-dapp-kit].Button_buttonVariants_size_lg__ctbx2n4,
+[data-dapp-kit] .Button_buttonVariants_size_lg__ctbx2n4 {
+  border-radius: var(--dapp-kit-radii-full);
+  padding: 16px 24px;
+}
+
+/* vanilla-extract-css-ns:src/components/connect-modal/views/GetTheWallet.css.ts.vanilla.css?source=LkdldFRoZVdhbGxldF9jb250YWluZXJfXzFpb21yeW0wIHsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBwYWRkaW5nOiB2YXIoLS1kYXBwLWtpdC1zcGFjaW5nLW1lZGl1bSk7CiAgaGVpZ2h0OiAxMDAlOwogIGdhcDogdmFyKC0tZGFwcC1raXQtc3BhY2luZy14bGFyZ2UpOwp9Ci5HZXRUaGVXYWxsZXRfY29udGVudF9fMWlvbXJ5bTEgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGdhcDogdmFyKC0tZGFwcC1raXQtc3BhY2luZy1tZWRpdW0pOwp9Ci5HZXRUaGVXYWxsZXRfdGV4dF9fMWlvbXJ5bTIgewogIGZvbnQtc2l6ZTogdmFyKC0tZGFwcC1raXQtZm9udFNpemVzLW1lZGl1bSk7CiAgdGV4dC1hbGlnbjogY2VudGVyOwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7Cn0KLkdldFRoZVdhbGxldF9idXR0b25fXzFpb21yeW0zIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZ2FwOiB2YXIoLS1kYXBwLWtpdC1zcGFjaW5nLXhzbWFsbCk7Cn0KLkdldFRoZVdhbGxldF9pY29uX18xaW9tcnltNCB7CiAgY29sb3I6IHZhcigtLWRhcHAta2l0LWNvbG9ycy1ib2R5KTsKfQ== */
+[data-dapp-kit].GetTheWallet_container__1iomrym0,
+[data-dapp-kit] .GetTheWallet_container__1iomrym0 {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: var(--dapp-kit-spacing-medium);
+  height: 100%;
+  gap: var(--dapp-kit-spacing-xlarge);
+}
+[data-dapp-kit].GetTheWallet_content__1iomrym1,
+[data-dapp-kit] .GetTheWallet_content__1iomrym1 {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--dapp-kit-spacing-medium);
+}
+[data-dapp-kit].GetTheWallet_text__1iomrym2,
+[data-dapp-kit] .GetTheWallet_text__1iomrym2 {
+  font-size: var(--dapp-kit-fontSizes-medium);
+  text-align: center;
+  color: var(--dapp-kit-colors-body);
+}
+[data-dapp-kit].GetTheWallet_button__1iomrym3,
+[data-dapp-kit] .GetTheWallet_button__1iomrym3 {
+  display: flex;
+  align-items: center;
+  gap: var(--dapp-kit-spacing-xsmall);
+}
+[data-dapp-kit].GetTheWallet_icon__1iomrym4,
+[data-dapp-kit] .GetTheWallet_icon__1iomrym4 {
+  color: var(--dapp-kit-colors-body);
+}
+/*# sourceMappingURL=index.css.map */

package/dist/esm/components/connect-modal/views/index.css.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["vanilla-extract-css-ns:src/components/connect-modal/wallet-list/WalletList.css.ts.vanilla.css?source=LldhbGxldExpc3RfY29udGFpbmVyX18xdGtkZWd3MCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGdhcDogdmFyKC0tZGFwcC1raXQtc3BhY2luZy14c21hbGwpOwogIGhlaWdodDogMTAwJTsKICB3aWR0aDogMTAwJTsKICBtYXgtaGVpZ2h0OiAzMzBweDsKfQ==", "vanilla-extract-css-ns:src/components/ui/Heading.css.ts.vanilla.css?source=LkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfc21fXzEyYjVsOGkxIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1zbWFsbCk7Cn0KLkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfbWRfXzEyYjVsOGkyIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1tZWRpdW0pOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX2xnX18xMmI1bDhpMyB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMtbGFyZ2UpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX3hsX18xMmI1bDhpNCB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMteGxhcmdlKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fMTJiNWw4aTUgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c193ZWlnaHRfYm9sZF9fMTJiNWw4aTYgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ib2xkKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfdHJ1bmNhdGVfdHJ1ZV9fMTJiNWw4aTcgewogIG92ZXJmbG93OiBoaWRkZW47CiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7CiAgd2hpdGUtc3BhY2U6IG5vd3JhcDsKfQ==", "vanilla-extract-css-ns:src/components/connect-modal/wallet-list/WalletListItem.css.ts.vanilla.css?source=LldhbGxldExpc3RJdGVtX2NvbnRhaW5lcl9fMXZydmV6azAgewogIGRpc3BsYXk6IGZsZXg7CiAgd2lkdGg6IDEwMCU7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldEl0ZW1fXzF2cnZlemsxIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIHdpZHRoOiAxMDAlOwogIGZsZXgtZ3JvdzogMTsKICBwYWRkaW5nOiB2YXIoLS1kYXBwLWtpdC1zcGFjaW5nLW1lZGl1bSk7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZGFwcC1raXQtcmFkaWktbGFyZ2UpOwp9Ci5XYWxsZXRMaXN0SXRlbV93YWxsZXRJdGVtX18xdnJ2ZXprMTpob3ZlciB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGFwcC1raXQtYmFja2dyb3VuZENvbG9ycy1wcmltYXJ5QnV0dG9uSG92ZXIpOwp9Ci5XYWxsZXRMaXN0SXRlbV9zZWxlY3RlZFdhbGxldEl0ZW1fXzF2cnZlemsyIHsKICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1kYXBwLWtpdC1ib3JkZXJDb2xvcnMtb3V0bGluZUJ1dHRvbik7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZGFwcC1raXQtcmFkaWktbGFyZ2UpOwp9Ci5XYWxsZXRMaXN0SXRlbV93YWxsZXROYW1lX18xdnJ2ZXprMyB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGZsZXgtZGlyZWN0aW9uOiByb3c7CiAgZ2FwOiB2YXIoLS1kYXBwLWtpdC1zcGFjaW5nLXNtYWxsKTsKfQouV2FsbGV0TGlzdEl0ZW1fd2FsbGV0SWNvbl9fMXZydmV6azQgewogIHdpZHRoOiAyOHB4OwogIGhlaWdodDogMjhweDsKICBmbGV4LXNocmluazogMDsKICBvYmplY3QtZml0OiBjb3ZlcjsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1kYXBwLWtpdC1yYWRpaS1zbWFsbCk7Cn0=", "vanilla-extract-css-ns:src/components/connect-modal/views/WalletConnect.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7WTTUsDMRCG7/0VuQj2kFKtH7A9Vrz1pOCxpMnsNpqdCcnEbSv977Ir/dxFquIpzAfzPvMOGbwo54AnhAiaZ9VhNCFkZRHCbJZoSKM4FB89IRZgiwVn4mo4vBj3hKis4cU+pHcIuaMqEyoxjXub3uAbjUci3gtcNQLGRu/UKhO5g2U9sn6lsQE0W8JMaHKpxLpSKJ+JdxUupTTKe/lmWUavtMVCxlI51+8AgBAotJa77tY+2e4UJVBVp5WzBUrLUMZMaECGUKdfU2Sbr6QmZEDORM0Gcg5cAfxxgSnEqArY4o8a/JyQZbRraA2tK092DXE3VtQ+Umh1Ntko52RWDwoLCF0IMWkNMbZcvPnpBY+ca9oiq8C/9oY8oMXiGZa8Zbr9D2umicF0AWjC3IbyEODubIASjE3leQSdZwGvgmLa3eP++Mv65hpzpd+KQAmN7FbZN0y+9Ewgb6jCKWB62mr0W/9j8wkCAXcTTwQAAA==", "vanilla-extract-css-ns:src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7WSwVLCMBCG732KPcohDCA6TrjpxSfQYydt0rKQJplkC60O7+6ktCMKog56Smb/ZP9v/2R8XxNZk2bd8iQ8CkMhTXPKmpmZwGsCIDE4LVoOaDQaxQqtmkUCIDSWhiGpKnDIlSHlY3lVB8KiZbk1pAwdSoU1xLYKyyVx2Ah/xZgUzrE1EovacycFVimJdTVaJLtkfB6QSwwi00p2pNaJHKnlMBnfnLm82W9S57ESvh2aTbsemcjXpbe1kSy32voj0PcDD1EPrG+z9xrFOU9fzE8f/zUmX9qN8n8B+xgb/QTB1hSffkCY7c2tl8qzLUpacpi67lP0xUCtVhyC1SgPyl9AdmIP2Fv9W5qfR7kozQ+w36YZ8EWllRysrw9T9EJiHY4cYxlZUWvdReGElGhKDneugeltjPy8my4Ht/kFbtEJZnPXwCLZvQFzXfF3MwQAAA==", "vanilla-extract-css-ns:src/components/connect-modal/views/GetTheWallet.css.ts.vanilla.css?source=LkdldFRoZVdhbGxldF9jb250YWluZXJfXzFpb21yeW0wIHsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBwYWRkaW5nOiB2YXIoLS1kYXBwLWtpdC1zcGFjaW5nLW1lZGl1bSk7CiAgaGVpZ2h0OiAxMDAlOwogIGdhcDogdmFyKC0tZGFwcC1raXQtc3BhY2luZy14bGFyZ2UpOwp9Ci5HZXRUaGVXYWxsZXRfY29udGVudF9fMWlvbXJ5bTEgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGdhcDogdmFyKC0tZGFwcC1raXQtc3BhY2luZy1tZWRpdW0pOwp9Ci5HZXRUaGVXYWxsZXRfdGV4dF9fMWlvbXJ5bTIgewogIGZvbnQtc2l6ZTogdmFyKC0tZGFwcC1raXQtZm9udFNpemVzLW1lZGl1bSk7CiAgdGV4dC1hbGlnbjogY2VudGVyOwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7Cn0KLkdldFRoZVdhbGxldF9idXR0b25fXzFpb21yeW0zIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZ2FwOiB2YXIoLS1kYXBwLWtpdC1zcGFjaW5nLXhzbWFsbCk7Cn0KLkdldFRoZVdhbGxldF9pY29uX18xaW9tcnltNCB7CiAgY29sb3I6IHZhcigtLWRhcHAta2l0LWNvbG9ycy1ib2R5KTsKfQ=="],
+  "sourcesContent": ["[data-dapp-kit].WalletList_container__1tkdegw0, [data-dapp-kit] .WalletList_container__1tkdegw0 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--dapp-kit-spacing-xsmall);\n  height: 100%;\n  width: 100%;\n  max-height: 330px;\n}", "[data-dapp-kit].Heading_headingVariants_size_sm__12b5l8i1, [data-dapp-kit] .Heading_headingVariants_size_sm__12b5l8i1 {\n  font-size: var(--dapp-kit-fontSizes-small);\n}\n[data-dapp-kit].Heading_headingVariants_size_md__12b5l8i2, [data-dapp-kit] .Heading_headingVariants_size_md__12b5l8i2 {\n  font-size: var(--dapp-kit-fontSizes-medium);\n}\n[data-dapp-kit].Heading_headingVariants_size_lg__12b5l8i3, [data-dapp-kit] .Heading_headingVariants_size_lg__12b5l8i3 {\n  font-size: var(--dapp-kit-fontSizes-large);\n}\n[data-dapp-kit].Heading_headingVariants_size_xl__12b5l8i4, [data-dapp-kit] .Heading_headingVariants_size_xl__12b5l8i4 {\n  font-size: var(--dapp-kit-fontSizes-xlarge);\n}\n[data-dapp-kit].Heading_headingVariants_weight_normal__12b5l8i5, [data-dapp-kit] .Heading_headingVariants_weight_normal__12b5l8i5 {\n  font-weight: var(--dapp-kit-fontWeights-normal);\n}\n[data-dapp-kit].Heading_headingVariants_weight_bold__12b5l8i6, [data-dapp-kit] .Heading_headingVariants_weight_bold__12b5l8i6 {\n  font-weight: var(--dapp-kit-fontWeights-bold);\n}\n[data-dapp-kit].Heading_headingVariants_truncate_true__12b5l8i7, [data-dapp-kit] .Heading_headingVariants_truncate_true__12b5l8i7 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}", "[data-dapp-kit].WalletListItem_container__1vrvezk0, [data-dapp-kit] .WalletListItem_container__1vrvezk0 {\n  display: flex;\n  width: 100%;\n}\n[data-dapp-kit].WalletListItem_walletItem__1vrvezk1, [data-dapp-kit] .WalletListItem_walletItem__1vrvezk1 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  flex-grow: 1;\n  padding: var(--dapp-kit-spacing-medium);\n  border-radius: var(--dapp-kit-radii-large);\n}\n[data-dapp-kit].WalletListItem_walletItem__1vrvezk1:hover, [data-dapp-kit] .WalletListItem_walletItem__1vrvezk1:hover {\n  background-color: var(--dapp-kit-backgroundColors-primaryButtonHover);\n}\n[data-dapp-kit].WalletListItem_selectedWalletItem__1vrvezk2, [data-dapp-kit] .WalletListItem_selectedWalletItem__1vrvezk2 {\n  border: 1px solid var(--dapp-kit-borderColors-outlineButton);\n  border-radius: var(--dapp-kit-radii-large);\n}\n[data-dapp-kit].WalletListItem_walletName__1vrvezk3, [data-dapp-kit] .WalletListItem_walletName__1vrvezk3 {\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  gap: var(--dapp-kit-spacing-small);\n}\n[data-dapp-kit].WalletListItem_walletIcon__1vrvezk4, [data-dapp-kit] .WalletListItem_walletIcon__1vrvezk4 {\n  width: 28px;\n  height: 28px;\n  flex-shrink: 0;\n  -o-object-fit: cover;\n     object-fit: cover;\n  border-radius: var(--dapp-kit-radii-small);\n}", "[data-dapp-kit].WalletConnect_walletConnectContainer__uo0o3s0, [data-dapp-kit] .WalletConnect_walletConnectContainer__uo0o3s0 {\n  height: 100%;\n  width: 100%;\n  overflow: auto;\n}\n[data-dapp-kit].WalletConnect_walletConnectFooter__uo0o3s1, [data-dapp-kit] .WalletConnect_walletConnectFooter__uo0o3s1 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--dapp-kit-spacing-small);\n}\n[data-dapp-kit].WalletConnect_errorContainer__uo0o3s2, [data-dapp-kit] .WalletConnect_errorContainer__uo0o3s2 {\n  display: flex;\n  width: 100%;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--dapp-kit-spacing-small);\n}\n[data-dapp-kit].WalletConnect_errorMessage__uo0o3s3, [data-dapp-kit] .WalletConnect_errorMessage__uo0o3s3 {\n  font-size: var(--dapp-kit-fontSizes-small);\n  color: var(--dapp-kit-colors-bodyDanger);\n}\n[data-dapp-kit].WalletConnect_successContainer__uo0o3s4, [data-dapp-kit] .WalletConnect_successContainer__uo0o3s4 {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--dapp-kit-spacing-small);\n}\n[data-dapp-kit].WalletConnect_openingText__uo0o3s5, [data-dapp-kit] .WalletConnect_openingText__uo0o3s5 {\n  font-size: var(--dapp-kit-fontSizes-small);\n  color: var(--dapp-kit-colors-bodyMuted);\n}\n[data-dapp-kit].WalletConnect_confirmText__uo0o3s6, [data-dapp-kit] .WalletConnect_confirmText__uo0o3s6 {\n  font-size: var(--dapp-kit-fontSizes-medium);\n  color: var(--dapp-kit-colors-body);\n}\n[data-dapp-kit].WalletConnect_separator__uo0o3s7, [data-dapp-kit] .WalletConnect_separator__uo0o3s7 {\n  height: 1px;\n  background-color: var(--dapp-kit-backgroundColors-dropdownMenuSeparator);\n  width: 100%;\n}", "[data-dapp-kit].Button_buttonVariants__ctbx2n0, [data-dapp-kit] .Button_buttonVariants__ctbx2n0 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: var(--dapp-kit-fontWeights-medium);\n}\n[data-dapp-kit].Button_buttonVariants__ctbx2n0:disabled, [data-dapp-kit] .Button_buttonVariants__ctbx2n0:disabled {\n  opacity: 0.5;\n}\n[data-dapp-kit].Button_buttonVariants_variant_primary__ctbx2n1, [data-dapp-kit] .Button_buttonVariants_variant_primary__ctbx2n1 {\n  background-color: var(--dapp-kit-backgroundColors-primaryButton);\n  color: var(--dapp-kit-colors-primaryButton);\n}\n[data-dapp-kit].Button_buttonVariants_variant_primary__ctbx2n1:hover, [data-dapp-kit] .Button_buttonVariants_variant_primary__ctbx2n1:hover {\n  background-color: var(--dapp-kit-backgroundColors-primaryButtonHover);\n}\n[data-dapp-kit].Button_buttonVariants_variant_outline__ctbx2n2, [data-dapp-kit] .Button_buttonVariants_variant_outline__ctbx2n2 {\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--dapp-kit-borderColors-outlineButton);\n  color: var(--dapp-kit-colors-primaryButton);\n}\n[data-dapp-kit].Button_buttonVariants_variant_outline__ctbx2n2:hover, [data-dapp-kit] .Button_buttonVariants_variant_outline__ctbx2n2:hover {\n  background-color: var(--dapp-kit-backgroundColors-outlineButtonHover);\n}\n[data-dapp-kit].Button_buttonVariants_size_md__ctbx2n3, [data-dapp-kit] .Button_buttonVariants_size_md__ctbx2n3 {\n  border-radius: var(--dapp-kit-radii-full);\n  padding: 8px 16px;\n}\n[data-dapp-kit].Button_buttonVariants_size_lg__ctbx2n4, [data-dapp-kit] .Button_buttonVariants_size_lg__ctbx2n4 {\n  border-radius: var(--dapp-kit-radii-full);\n  padding: 16px 24px ;\n}", "[data-dapp-kit].GetTheWallet_container__1iomrym0, [data-dapp-kit] .GetTheWallet_container__1iomrym0 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: var(--dapp-kit-spacing-medium);\n  height: 100%;\n  gap: var(--dapp-kit-spacing-xlarge);\n}\n[data-dapp-kit].GetTheWallet_content__1iomrym1, [data-dapp-kit] .GetTheWallet_content__1iomrym1 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--dapp-kit-spacing-medium);\n}\n[data-dapp-kit].GetTheWallet_text__1iomrym2, [data-dapp-kit] .GetTheWallet_text__1iomrym2 {\n  font-size: var(--dapp-kit-fontSizes-medium);\n  text-align: center;\n  color: var(--dapp-kit-colors-body);\n}\n[data-dapp-kit].GetTheWallet_button__1iomrym3, [data-dapp-kit] .GetTheWallet_button__1iomrym3 {\n  display: flex;\n  align-items: center;\n  gap: var(--dapp-kit-spacing-xsmall);\n}\n[data-dapp-kit].GetTheWallet_icon__1iomrym4, [data-dapp-kit] .GetTheWallet_icon__1iomrym4 {\n  color: var(--dapp-kit-colors-body);\n}"],
+  "mappings": ";AAAA;AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;;;ACNF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AACA;AACA;AAAA;;;ACrBF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AACA;AACA;AACG;AACH;AAAA;;;AChCF;AAAA;AACE;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AACA;AAAA;;;ACvCF;AAAA;AACE;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;;;AC/BF;AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AACA;AAAA;AAEF;AAAA;AACE;AAAA;",
+  "names": []
+}

package/dist/esm/components/connect-modal/views/index.d.ts

@@ -0,0 +1,2 @@
+export * from './WalletConnect.js';
+export * from './GetTheWallet.js';