@iota/dapp-kit 0.2.0 → 0.3.0

package/dist/esm/components/connect-modal/wallet-list/WalletList.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../../src/utils/walletUtils.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"],
-  "sourcesContent": ["// 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", "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"],
-  "mappings": ";AAKA,SAAS,YAAY,sCAAsC;AA2BpD,SAAS,0BAA0B,QAAiB;AACvD,SAAO,QAAQ,MAAM,QAAQ;AACjC;;;ACjCO,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;",
-  "names": ["clsx", "container", "jsx", "jsx", "container", "clsx", "jsx"]
+  "sources": ["../../../../../src/hooks/wallet/useWalletStore.ts", "../../../../../src/contexts/walletContext.ts", "../../../../../src/hooks/wallet/useWallets.ts", "../../../../../src/utils/walletUtils.ts", "../../../../../src/components/icons/IotaIcon.tsx", "../../../../../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/connect-modal/wallet-list/WalletList.tsx"],
+  "sourcesContent": ["// 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", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useWalletStore } from './useWalletStore.js';\n\n/**\n * Retrieves a list of registered wallets available to the dApp sorted by preference.\n */\nexport function useWallets() {\n    return useWalletStore((state) => state.wallets);\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type {\n    MinimallyRequiredFeatures,\n    Wallet,\n    WalletWithFeatures,\n    WalletWithRequiredFeatures,\n} from '@iota/wallet-standard';\nimport { getWallets, isWalletWithRequiredFeatureSet } from '@iota/wallet-standard';\n\nexport function getRegisteredWallets<AdditionalFeatures extends Wallet['features']>(\n    preferredWallets: string[],\n    walletFilter?: (wallet: WalletWithRequiredFeatures) => boolean,\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) && (!walletFilter || walletFilter(wallet)),\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 type { ComponentProps } from 'react';\n\nexport function IotaIcon(props: ComponentProps<'svg'>) {\n    return (\n        <svg width={28} height={28} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n            <rect width={28} height={28} rx={6} fill=\"#6FBCF0\" />\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M7.942 20.527A6.875 6.875 0 0 0 13.957 24c2.51 0 4.759-1.298 6.015-3.473a6.875 6.875 0 0 0 0-6.945l-5.29-9.164a.837.837 0 0 0-1.45 0l-5.29 9.164a6.875 6.875 0 0 0 0 6.945Zm4.524-11.75 1.128-1.953a.418.418 0 0 1 .725 0l4.34 7.516a5.365 5.365 0 0 1 .449 4.442 4.675 4.675 0 0 0-.223-.73c-.599-1.512-1.954-2.68-4.029-3.47-1.426-.54-2.336-1.336-2.706-2.364-.476-1.326.021-2.77.316-3.44Zm-1.923 3.332L9.255 14.34a5.373 5.373 0 0 0 0 5.43 5.373 5.373 0 0 0 4.702 2.714 5.38 5.38 0 0 0 3.472-1.247c.125-.314.51-1.462.034-2.646-.44-1.093-1.5-1.965-3.15-2.594-1.864-.707-3.076-1.811-3.6-3.28a4.601 4.601 0 0 1-.17-.608Z\"\n                fill=\"#fff\"\n            />\n        </svg>\n    );\n}\n", "import 'src/components/connect-modal/wallet-list/WalletList.css.ts.vanilla.css?source=LldhbGxldExpc3RfY29udGFpbmVyX18xdGtkZWd3MCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGdhcDogNHB4Owp9';\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';\n\nimport { Heading } from '../../ui/Heading.js';\nimport * as styles from './WalletListItem.css.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                {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            </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=LldhbGxldExpc3RJdGVtX2NvbnRhaW5lcl9fMXZydmV6azAgewogIGRpc3BsYXk6IGZsZXg7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldEl0ZW1fXzF2cnZlemsxIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZmxleC1ncm93OiAxOwogIHBhZGRpbmc6IDhweDsKICBnYXA6IDhweDsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1kYXBwLWtpdC1yYWRpaS1sYXJnZSk7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldEl0ZW1fXzF2cnZlemsxOmhvdmVyIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kYXBwLWtpdC1iYWNrZ3JvdW5kQ29sb3JzLXdhbGxldEl0ZW1Ib3Zlcik7Cn0KLldhbGxldExpc3RJdGVtX3NlbGVjdGVkV2FsbGV0SXRlbV9fMXZydmV6azIgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhcHAta2l0LWJhY2tncm91bmRDb2xvcnMtd2FsbGV0SXRlbVNlbGVjdGVkKTsKICBib3gtc2hhZG93OiAwcHggMnB4IDZweCByZ2JhKDAsIDAsIDAsIDAuMDUpOwp9Ci5XYWxsZXRMaXN0SXRlbV93YWxsZXRJY29uX18xdnJ2ZXprMyB7CiAgd2lkdGg6IDI4cHg7CiAgaGVpZ2h0OiAyOHB4OwogIGZsZXgtc2hyaW5rOiAwOwogIG9iamVjdC1maXQ6IGNvdmVyOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLWRhcHAta2l0LXJhZGlpLXNtYWxsKTsKfQ==';\nexport var container = 'WalletListItem_container__1vrvezk0';\nexport var selectedWalletItem = 'WalletListItem_selectedWalletItem__1vrvezk2';\nexport var walletIcon = 'WalletListItem_walletIcon__1vrvezk3';\nexport var walletItem = 'WalletListItem_walletItem__1vrvezk1';", "// 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';\n\nimport { useWallets } from '../../../hooks/wallet/useWallets.js';\nimport { getWalletUniqueIdentifier } from '../../../utils/walletUtils.js';\nimport { IotaIcon } from '../../icons/IotaIcon.js';\nimport * as styles from './WalletList.css.js';\nimport { WalletListItem } from './WalletListItem.js';\n\ntype WalletListProps = {\n    selectedWalletName?: string;\n    onPlaceholderClick: () => void;\n    onSelect: (wallet: WalletWithRequiredFeatures) => void;\n};\n\nexport function WalletList({ selectedWalletName, onPlaceholderClick, onSelect }: WalletListProps) {\n    const wallets = useWallets();\n    return (\n        <ul className={styles.container}>\n            {wallets.length > 0 ? (\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            ) : (\n                <WalletListItem\n                    name=\"IOTA Wallet\"\n                    icon={<IotaIcon />}\n                    onClick={onPlaceholderClick}\n                    isSelected\n                />\n            )}\n        </ul>\n    );\n}\n"],
+  "mappings": ";AAIA,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;;;AETO,SAAS,aAAa;AACzB,SAAO,eAAe,CAAC,UAAU,MAAM,OAAO;AAClD;;;ACDA,SAAS,YAAY,sCAAsC;AA2BpD,SAAS,0BAA0B,QAAiB;AACvD,SAAO,QAAQ,MAAM,QAAQ;AACjC;;;AC/BQ,SACI,KADJ;AAFD,SAAS,SAAS,OAA8B;AACnD,SACI,qBAAC,SAAI,OAAO,IAAI,QAAQ,IAAI,MAAK,QAAO,OAAM,8BAA8B,GAAG,OAC3E;AAAA,wBAAC,UAAK,OAAO,IAAI,QAAQ,IAAI,IAAI,GAAG,MAAK,WAAU;AAAA,IACnD;AAAA,MAAC;AAAA;AAAA,QACG,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAK;AAAA;AAAA,IACT;AAAA,KACJ;AAER;;;ACjBO,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,gBAAAC,YAAA;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,gBAAAA;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,gBAAAA,KAAC,OAAK,UAAS;AAAA;AAAA,IACzC;AAAA,EAER;AACJ;AACA,QAAQ,cAAc;;;AEjDf,IAAIC,aAAY;AAChB,IAAI,qBAAqB;AACzB,IAAI,aAAa;AACjB,IAAI,aAAa;;;AHgBZ,SAMQ,OAAAC,MANR,QAAAC,aAAA;AAHL,SAAS,eAAe,EAAE,MAAM,MAAM,SAAS,aAAa,MAAM,GAAwB;AAC7F,SACI,gBAAAD,KAAC,QAAG,WAAkBE,YAClB,0BAAAD;AAAA,IAAC;AAAA;AAAA,MACG,WAAWE,MAAY,YAAY,EAAE,CAAQ,kBAAkB,GAAG,WAAW,CAAC;AAAA,MAC9E,MAAK;AAAA,MACL;AAAA,MAEC;AAAA,eAAO,SAAS,WACb,gBAAAH,KAAC,SAAI,WAAkB,YAAY,KAAK,MAAM,KAAK,GAAG,IAAI,SAAS,IAEnE;AAAA,QAEJ,gBAAAA,KAAC,WAAQ,MAAK,MAAK,UAAQ,MAAC,SAAO,MAC/B,0BAAAA,KAAC,SAAK,gBAAK,GACf;AAAA;AAAA;AAAA,EACJ,GACJ;AAER;;;AIZoB,gBAAAI,YAAA;AANb,SAAS,WAAW,EAAE,oBAAoB,oBAAoB,SAAS,GAAoB;AAC9F,QAAM,UAAU,WAAW;AAC3B,SACI,gBAAAA,KAAC,QAAG,WAAkB,WACjB,kBAAQ,SAAS,IACd,QAAQ,IAAI,CAAC,WACT,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,IAED,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACG,MAAK;AAAA,MACL,MAAM,gBAAAA,KAAC,YAAS;AAAA,MAChB,SAAS;AAAA,MACT,YAAU;AAAA;AAAA,EACd,GAER;AAER;",
+  "names": ["clsx", "jsx", "container", "jsx", "jsxs", "container", "clsx", "jsx"]
 }

package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css

@@ -30,40 +30,31 @@
   white-space: nowrap;
 }
 
-/* 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/wallet-list/WalletListItem.css.ts.vanilla.css?source=LldhbGxldExpc3RJdGVtX2NvbnRhaW5lcl9fMXZydmV6azAgewogIGRpc3BsYXk6IGZsZXg7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldEl0ZW1fXzF2cnZlemsxIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZmxleC1ncm93OiAxOwogIHBhZGRpbmc6IDhweDsKICBnYXA6IDhweDsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1kYXBwLWtpdC1yYWRpaS1sYXJnZSk7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldEl0ZW1fXzF2cnZlemsxOmhvdmVyIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kYXBwLWtpdC1iYWNrZ3JvdW5kQ29sb3JzLXdhbGxldEl0ZW1Ib3Zlcik7Cn0KLldhbGxldExpc3RJdGVtX3NlbGVjdGVkV2FsbGV0SXRlbV9fMXZydmV6azIgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhcHAta2l0LWJhY2tncm91bmRDb2xvcnMtd2FsbGV0SXRlbVNlbGVjdGVkKTsKICBib3gtc2hhZG93OiAwcHggMnB4IDZweCByZ2JhKDAsIDAsIDAsIDAuMDUpOwp9Ci5XYWxsZXRMaXN0SXRlbV93YWxsZXRJY29uX18xdnJ2ZXprMyB7CiAgd2lkdGg6IDI4cHg7CiAgaGVpZ2h0OiAyOHB4OwogIGZsZXgtc2hyaW5rOiAwOwogIG9iamVjdC1maXQ6IGNvdmVyOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLWRhcHAta2l0LXJhZGlpLXNtYWxsKTsKfQ== */
 [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);
+  padding: 8px;
+  gap: 8px;
   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);
+  background-color: var(--dapp-kit-backgroundColors-walletItemHover);
 }
 [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);
+  background-color: var(--dapp-kit-backgroundColors-walletItemSelected);
+  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
 }
-[data-dapp-kit].WalletListItem_walletIcon__1vrvezk4,
-[data-dapp-kit] .WalletListItem_walletIcon__1vrvezk4 {
+[data-dapp-kit].WalletListItem_walletIcon__1vrvezk3,
+[data-dapp-kit] .WalletListItem_walletIcon__1vrvezk3 {
   width: 28px;
   height: 28px;
   flex-shrink: 0;

package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css.css

@@ -1,37 +1,28 @@
-/* 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/wallet-list/WalletListItem.css.ts.vanilla.css?source=LldhbGxldExpc3RJdGVtX2NvbnRhaW5lcl9fMXZydmV6azAgewogIGRpc3BsYXk6IGZsZXg7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldEl0ZW1fXzF2cnZlemsxIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZmxleC1ncm93OiAxOwogIHBhZGRpbmc6IDhweDsKICBnYXA6IDhweDsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1kYXBwLWtpdC1yYWRpaS1sYXJnZSk7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldEl0ZW1fXzF2cnZlemsxOmhvdmVyIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kYXBwLWtpdC1iYWNrZ3JvdW5kQ29sb3JzLXdhbGxldEl0ZW1Ib3Zlcik7Cn0KLldhbGxldExpc3RJdGVtX3NlbGVjdGVkV2FsbGV0SXRlbV9fMXZydmV6azIgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhcHAta2l0LWJhY2tncm91bmRDb2xvcnMtd2FsbGV0SXRlbVNlbGVjdGVkKTsKICBib3gtc2hhZG93OiAwcHggMnB4IDZweCByZ2JhKDAsIDAsIDAsIDAuMDUpOwp9Ci5XYWxsZXRMaXN0SXRlbV93YWxsZXRJY29uX18xdnJ2ZXprMyB7CiAgd2lkdGg6IDI4cHg7CiAgaGVpZ2h0OiAyOHB4OwogIGZsZXgtc2hyaW5rOiAwOwogIG9iamVjdC1maXQ6IGNvdmVyOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLWRhcHAta2l0LXJhZGlpLXNtYWxsKTsKfQ== */
 [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);
+  padding: 8px;
+  gap: 8px;
   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);
+  background-color: var(--dapp-kit-backgroundColors-walletItemHover);
 }
 [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);
+  background-color: var(--dapp-kit-backgroundColors-walletItemSelected);
+  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
 }
-[data-dapp-kit].WalletListItem_walletIcon__1vrvezk4,
-[data-dapp-kit] .WalletListItem_walletIcon__1vrvezk4 {
+[data-dapp-kit].WalletListItem_walletIcon__1vrvezk3,
+[data-dapp-kit] .WalletListItem_walletIcon__1vrvezk3 {
   width: 28px;
   height: 28px;
   flex-shrink: 0;

package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css.css.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["vanilla-extract-css-ns:src/components/connect-modal/wallet-list/WalletListItem.css.ts.vanilla.css?source=LldhbGxldExpc3RJdGVtX2NvbnRhaW5lcl9fMXZydmV6azAgewogIGRpc3BsYXk6IGZsZXg7CiAgd2lkdGg6IDEwMCU7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldEl0ZW1fXzF2cnZlemsxIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIHdpZHRoOiAxMDAlOwogIGZsZXgtZ3JvdzogMTsKICBwYWRkaW5nOiB2YXIoLS1kYXBwLWtpdC1zcGFjaW5nLW1lZGl1bSk7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZGFwcC1raXQtcmFkaWktbGFyZ2UpOwp9Ci5XYWxsZXRMaXN0SXRlbV93YWxsZXRJdGVtX18xdnJ2ZXprMTpob3ZlciB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGFwcC1raXQtYmFja2dyb3VuZENvbG9ycy1wcmltYXJ5QnV0dG9uSG92ZXIpOwp9Ci5XYWxsZXRMaXN0SXRlbV9zZWxlY3RlZFdhbGxldEl0ZW1fXzF2cnZlemsyIHsKICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1kYXBwLWtpdC1ib3JkZXJDb2xvcnMtb3V0bGluZUJ1dHRvbik7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZGFwcC1raXQtcmFkaWktbGFyZ2UpOwp9Ci5XYWxsZXRMaXN0SXRlbV93YWxsZXROYW1lX18xdnJ2ZXprMyB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGZsZXgtZGlyZWN0aW9uOiByb3c7CiAgZ2FwOiB2YXIoLS1kYXBwLWtpdC1zcGFjaW5nLXNtYWxsKTsKfQouV2FsbGV0TGlzdEl0ZW1fd2FsbGV0SWNvbl9fMXZydmV6azQgewogIHdpZHRoOiAyOHB4OwogIGhlaWdodDogMjhweDsKICBmbGV4LXNocmluazogMDsKICBvYmplY3QtZml0OiBjb3ZlcjsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1kYXBwLWtpdC1yYWRpaS1zbWFsbCk7Cn0="],
-  "sourcesContent": ["[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}"],
-  "mappings": ";AAAA;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;",
+  "sources": ["vanilla-extract-css-ns:src/components/connect-modal/wallet-list/WalletListItem.css.ts.vanilla.css?source=LldhbGxldExpc3RJdGVtX2NvbnRhaW5lcl9fMXZydmV6azAgewogIGRpc3BsYXk6IGZsZXg7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldEl0ZW1fXzF2cnZlemsxIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZmxleC1ncm93OiAxOwogIHBhZGRpbmc6IDhweDsKICBnYXA6IDhweDsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1kYXBwLWtpdC1yYWRpaS1sYXJnZSk7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldEl0ZW1fXzF2cnZlemsxOmhvdmVyIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kYXBwLWtpdC1iYWNrZ3JvdW5kQ29sb3JzLXdhbGxldEl0ZW1Ib3Zlcik7Cn0KLldhbGxldExpc3RJdGVtX3NlbGVjdGVkV2FsbGV0SXRlbV9fMXZydmV6azIgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhcHAta2l0LWJhY2tncm91bmRDb2xvcnMtd2FsbGV0SXRlbVNlbGVjdGVkKTsKICBib3gtc2hhZG93OiAwcHggMnB4IDZweCByZ2JhKDAsIDAsIDAsIDAuMDUpOwp9Ci5XYWxsZXRMaXN0SXRlbV93YWxsZXRJY29uX18xdnJ2ZXprMyB7CiAgd2lkdGg6IDI4cHg7CiAgaGVpZ2h0OiAyOHB4OwogIGZsZXgtc2hyaW5rOiAwOwogIG9iamVjdC1maXQ6IGNvdmVyOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLWRhcHAta2l0LXJhZGlpLXNtYWxsKTsKfQ=="],
+  "sourcesContent": ["[data-dapp-kit].WalletListItem_container__1vrvezk0, [data-dapp-kit] .WalletListItem_container__1vrvezk0 {\n  display: flex;\n}\n[data-dapp-kit].WalletListItem_walletItem__1vrvezk1, [data-dapp-kit] .WalletListItem_walletItem__1vrvezk1 {\n  display: flex;\n  align-items: center;\n  flex-grow: 1;\n  padding: 8px;\n  gap: 8px;\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-walletItemHover);\n}\n[data-dapp-kit].WalletListItem_selectedWalletItem__1vrvezk2, [data-dapp-kit] .WalletListItem_selectedWalletItem__1vrvezk2 {\n  background-color: var(--dapp-kit-backgroundColors-walletItemSelected);\n  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);\n}\n[data-dapp-kit].WalletListItem_walletIcon__1vrvezk3, [data-dapp-kit] .WalletListItem_walletIcon__1vrvezk3 {\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}"],
+  "mappings": ";AAAA,CAAC,cAAc,CAAC;AAAoC,CAAC,eAAe,CAApD;AACd,WAAS;AACX;AACA,CAAC,cAAc,CAAC;AAAqC,CAAC,eAAe,CAArD;AACd,WAAS;AACT,eAAa;AACb,aAAW;AACX,WAAS;AACT,OAAK;AACL,iBAAe,IAAI;AACrB;AACA,CAAC,cAAc,CARC,mCAQmC;AAAQ,CAAC,eAAe,CAR3D,mCAQ+F;AAC7G,oBAAkB,IAAI;AACxB;AACA,CAAC,cAAc,CAAC;AAA6C,CAAC,eAAe,CAA7D;AACd,oBAAkB,IAAI;AACtB,cAAY,IAAI,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACxC;AACA,CAAC,cAAc,CAAC;AAAqC,CAAC,eAAe,CAArD;AACd,SAAO;AACP,UAAQ;AACR,eAAa;AACb,iBAAe;AACZ,cAAY;AACf,iBAAe,IAAI;AACrB;",
   "names": []
 }

package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css.d.ts

@@ -1,5 +1,4 @@
 export declare const container: string;
 export declare const walletItem: string;
 export declare const selectedWalletItem: string;
-export declare const walletName: string;
 export declare const walletIcon: string;

package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css.js

@@ -1,14 +1,12 @@
 // src/components/connect-modal/wallet-list/WalletListItem.css.ts
 var container = "WalletListItem_container__1vrvezk0";
 var selectedWalletItem = "WalletListItem_selectedWalletItem__1vrvezk2";
-var walletIcon = "WalletListItem_walletIcon__1vrvezk4";
+var walletIcon = "WalletListItem_walletIcon__1vrvezk3";
 var walletItem = "WalletListItem_walletItem__1vrvezk1";
-var walletName = "WalletListItem_walletName__1vrvezk3";
 export {
   container,
   selectedWalletItem,
   walletIcon,
-  walletItem,
-  walletName
+  walletItem
 };
 //# sourceMappingURL=WalletListItem.css.js.map

package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/connect-modal/wallet-list/WalletListItem.css.ts"],
-  "sourcesContent": ["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';"],
-  "mappings": ";AACO,IAAI,YAAY;AAChB,IAAI,qBAAqB;AACzB,IAAI,aAAa;AACjB,IAAI,aAAa;AACjB,IAAI,aAAa;",
+  "sourcesContent": ["import 'src/components/connect-modal/wallet-list/WalletListItem.css.ts.vanilla.css?source=LldhbGxldExpc3RJdGVtX2NvbnRhaW5lcl9fMXZydmV6azAgewogIGRpc3BsYXk6IGZsZXg7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldEl0ZW1fXzF2cnZlemsxIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZmxleC1ncm93OiAxOwogIHBhZGRpbmc6IDhweDsKICBnYXA6IDhweDsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1kYXBwLWtpdC1yYWRpaS1sYXJnZSk7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldEl0ZW1fXzF2cnZlemsxOmhvdmVyIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kYXBwLWtpdC1iYWNrZ3JvdW5kQ29sb3JzLXdhbGxldEl0ZW1Ib3Zlcik7Cn0KLldhbGxldExpc3RJdGVtX3NlbGVjdGVkV2FsbGV0SXRlbV9fMXZydmV6azIgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhcHAta2l0LWJhY2tncm91bmRDb2xvcnMtd2FsbGV0SXRlbVNlbGVjdGVkKTsKICBib3gtc2hhZG93OiAwcHggMnB4IDZweCByZ2JhKDAsIDAsIDAsIDAuMDUpOwp9Ci5XYWxsZXRMaXN0SXRlbV93YWxsZXRJY29uX18xdnJ2ZXprMyB7CiAgd2lkdGg6IDI4cHg7CiAgaGVpZ2h0OiAyOHB4OwogIGZsZXgtc2hyaW5rOiAwOwogIG9iamVjdC1maXQ6IGNvdmVyOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLWRhcHAta2l0LXJhZGlpLXNtYWxsKTsKfQ==';\nexport var container = 'WalletListItem_container__1vrvezk0';\nexport var selectedWalletItem = 'WalletListItem_selectedWalletItem__1vrvezk2';\nexport var walletIcon = 'WalletListItem_walletIcon__1vrvezk3';\nexport var walletItem = 'WalletListItem_walletItem__1vrvezk1';"],
+  "mappings": ";AACO,IAAI,YAAY;AAChB,IAAI,qBAAqB;AACzB,IAAI,aAAa;AACjB,IAAI,aAAa;",
   "names": []
 }

package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["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="],
-  "sourcesContent": ["[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}"],
-  "mappings": ";AAAA;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;",
+  "sources": ["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=LldhbGxldExpc3RJdGVtX2NvbnRhaW5lcl9fMXZydmV6azAgewogIGRpc3BsYXk6IGZsZXg7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldEl0ZW1fXzF2cnZlemsxIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZmxleC1ncm93OiAxOwogIHBhZGRpbmc6IDhweDsKICBnYXA6IDhweDsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1kYXBwLWtpdC1yYWRpaS1sYXJnZSk7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldEl0ZW1fXzF2cnZlemsxOmhvdmVyIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kYXBwLWtpdC1iYWNrZ3JvdW5kQ29sb3JzLXdhbGxldEl0ZW1Ib3Zlcik7Cn0KLldhbGxldExpc3RJdGVtX3NlbGVjdGVkV2FsbGV0SXRlbV9fMXZydmV6azIgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhcHAta2l0LWJhY2tncm91bmRDb2xvcnMtd2FsbGV0SXRlbVNlbGVjdGVkKTsKICBib3gtc2hhZG93OiAwcHggMnB4IDZweCByZ2JhKDAsIDAsIDAsIDAuMDUpOwp9Ci5XYWxsZXRMaXN0SXRlbV93YWxsZXRJY29uX18xdnJ2ZXprMyB7CiAgd2lkdGg6IDI4cHg7CiAgaGVpZ2h0OiAyOHB4OwogIGZsZXgtc2hyaW5rOiAwOwogIG9iamVjdC1maXQ6IGNvdmVyOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLWRhcHAta2l0LXJhZGlpLXNtYWxsKTsKfQ=="],
+  "sourcesContent": ["[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}\n[data-dapp-kit].WalletListItem_walletItem__1vrvezk1, [data-dapp-kit] .WalletListItem_walletItem__1vrvezk1 {\n  display: flex;\n  align-items: center;\n  flex-grow: 1;\n  padding: 8px;\n  gap: 8px;\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-walletItemHover);\n}\n[data-dapp-kit].WalletListItem_selectedWalletItem__1vrvezk2, [data-dapp-kit] .WalletListItem_selectedWalletItem__1vrvezk2 {\n  background-color: var(--dapp-kit-backgroundColors-walletItemSelected);\n  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);\n}\n[data-dapp-kit].WalletListItem_walletIcon__1vrvezk3, [data-dapp-kit] .WalletListItem_walletIcon__1vrvezk3 {\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}"],
+  "mappings": ";AAAA,CAAC,cAAc,CAAC;AAA2C,CAAC,eAAe,CAA3D;AACd,aAAW,IAAI;AACjB;AACA,CAAC,cAAc,CAAC;AAA2C,CAAC,eAAe,CAA3D;AACd,aAAW,IAAI;AACjB;AACA,CAAC,cAAc,CAAC;AAA2C,CAAC,eAAe,CAA3D;AACd,aAAW,IAAI;AACjB;AACA,CAAC,cAAc,CAAC;AAA2C,CAAC,eAAe,CAA3D;AACd,aAAW,IAAI;AACjB;AACA,CAAC,cAAc,CAAC;AAAiD,CAAC,eAAe,CAAjE;AACd,eAAa,IAAI;AACnB;AACA,CAAC,cAAc,CAAC;AAA+C,CAAC,eAAe,CAA/D;AACd,eAAa,IAAI;AACnB;AACA,CAAC,cAAc,CAAC;AAAiD,CAAC,eAAe,CAAjE;AACd,YAAU;AACV,iBAAe;AACf,eAAa;AACf;;;ACtBA,CAAC,cAAc,CAAC;AAAoC,CAAC,eAAe,CAApD;AACd,WAAS;AACX;AACA,CAAC,cAAc,CAAC;AAAqC,CAAC,eAAe,CAArD;AACd,WAAS;AACT,eAAa;AACb,aAAW;AACX,WAAS;AACT,OAAK;AACL,iBAAe,IAAI;AACrB;AACA,CAAC,cAAc,CARC,mCAQmC;AAAQ,CAAC,eAAe,CAR3D,mCAQ+F;AAC7G,oBAAkB,IAAI;AACxB;AACA,CAAC,cAAc,CAAC;AAA6C,CAAC,eAAe,CAA7D;AACd,oBAAkB,IAAI;AACtB,cAAY,IAAI,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACxC;AACA,CAAC,cAAc,CAAC;AAAqC,CAAC,eAAe,CAArD;AACd,SAAO;AACP,UAAQ;AACR,eAAa;AACb,iBAAe;AACZ,cAAY;AACf,iBAAe,IAAI;AACrB;",
   "names": []
 }

package/dist/esm/components/connect-modal/wallet-list/WalletListItem.js

@@ -39,48 +39,21 @@ Heading.displayName = "Heading";
 // src/components/connect-modal/wallet-list/WalletListItem.css.ts
 var container = "WalletListItem_container__1vrvezk0";
 var selectedWalletItem = "WalletListItem_selectedWalletItem__1vrvezk2";
-var walletIcon = "WalletListItem_walletIcon__1vrvezk4";
+var walletIcon = "WalletListItem_walletIcon__1vrvezk3";
 var walletItem = "WalletListItem_walletItem__1vrvezk1";
-var walletName = "WalletListItem_walletName__1vrvezk3";
-
-// src/components/icons/ArrowRightIcon.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-function ArrowRightIcon(props) {
-  return /* @__PURE__ */ jsx2(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      ...props,
-      children: /* @__PURE__ */ jsx2(
-        "path",
-        {
-          fill: "currentColor",
-          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"
-        }
-      )
-    }
-  );
-}
 
 // src/components/connect-modal/wallet-list/WalletListItem.tsx
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function WalletListItem({ name, icon, onClick, isSelected = false }) {
-  return /* @__PURE__ */ jsx3("li", { className: container, children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx2("li", { className: container, children: /* @__PURE__ */ jsxs(
     "button",
     {
       className: clsx2(walletItem, { [selectedWalletItem]: isSelected }),
       type: "button",
       onClick,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: clsx2(walletName), children: [
-          typeof icon === "string" ? /* @__PURE__ */ jsx3("img", { className: walletIcon, src: icon, alt: `${name} logo` }) : icon,
-          /* @__PURE__ */ jsx3(Heading, { size: "md", truncate: true, asChild: true, children: /* @__PURE__ */ jsx3("div", { children: name }) })
-        ] }),
-        /* @__PURE__ */ jsx3(ArrowRightIcon, {})
+        typeof icon === "string" ? /* @__PURE__ */ jsx2("img", { className: walletIcon, src: icon, alt: `${name} logo` }) : icon,
+        /* @__PURE__ */ jsx2(Heading, { size: "md", truncate: true, asChild: true, children: /* @__PURE__ */ jsx2("div", { children: name }) })
       ]
     }
   ) });

package/dist/esm/components/connect-modal/wallet-list/WalletListItem.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../../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"],
-  "sourcesContent": ["// 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"],
-  "mappings": ";AAIA,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,IAAI,YAAY;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,WAAkB,WAClB;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,gBAAAD,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;",
-  "names": ["clsx", "jsx", "jsx", "clsx"]
+  "sources": ["../../../../../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"],
+  "sourcesContent": ["// 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';\n\nimport { Heading } from '../../ui/Heading.js';\nimport * as styles from './WalletListItem.css.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                {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            </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=LldhbGxldExpc3RJdGVtX2NvbnRhaW5lcl9fMXZydmV6azAgewogIGRpc3BsYXk6IGZsZXg7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldEl0ZW1fXzF2cnZlemsxIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZmxleC1ncm93OiAxOwogIHBhZGRpbmc6IDhweDsKICBnYXA6IDhweDsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1kYXBwLWtpdC1yYWRpaS1sYXJnZSk7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldEl0ZW1fXzF2cnZlemsxOmhvdmVyIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kYXBwLWtpdC1iYWNrZ3JvdW5kQ29sb3JzLXdhbGxldEl0ZW1Ib3Zlcik7Cn0KLldhbGxldExpc3RJdGVtX3NlbGVjdGVkV2FsbGV0SXRlbV9fMXZydmV6azIgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhcHAta2l0LWJhY2tncm91bmRDb2xvcnMtd2FsbGV0SXRlbVNlbGVjdGVkKTsKICBib3gtc2hhZG93OiAwcHggMnB4IDZweCByZ2JhKDAsIDAsIDAsIDAuMDUpOwp9Ci5XYWxsZXRMaXN0SXRlbV93YWxsZXRJY29uX18xdnJ2ZXprMyB7CiAgd2lkdGg6IDI4cHg7CiAgaGVpZ2h0OiAyOHB4OwogIGZsZXgtc2hyaW5rOiAwOwogIG9iamVjdC1maXQ6IGNvdmVyOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLWRhcHAta2l0LXJhZGlpLXNtYWxsKTsKfQ==';\nexport var container = 'WalletListItem_container__1vrvezk0';\nexport var selectedWalletItem = 'WalletListItem_selectedWalletItem__1vrvezk2';\nexport var walletIcon = 'WalletListItem_walletIcon__1vrvezk3';\nexport var walletItem = 'WalletListItem_walletItem__1vrvezk1';"],
+  "mappings": ";AAIA,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,IAAI,YAAY;AAChB,IAAI,qBAAqB;AACzB,IAAI,aAAa;AACjB,IAAI,aAAa;;;AHgBZ,SAMQ,OAAAC,MANR;AAHL,SAAS,eAAe,EAAE,MAAM,MAAM,SAAS,aAAa,MAAM,GAAwB;AAC7F,SACI,gBAAAA,KAAC,QAAG,WAAkB,WAClB;AAAA,IAAC;AAAA;AAAA,MACG,WAAWC,MAAY,YAAY,EAAE,CAAQ,kBAAkB,GAAG,WAAW,CAAC;AAAA,MAC9E,MAAK;AAAA,MACL;AAAA,MAEC;AAAA,eAAO,SAAS,WACb,gBAAAD,KAAC,SAAI,WAAkB,YAAY,KAAK,MAAM,KAAK,GAAG,IAAI,SAAS,IAEnE;AAAA,QAEJ,gBAAAA,KAAC,WAAQ,MAAK,MAAK,UAAQ,MAAC,SAAO,MAC/B,0BAAAA,KAAC,SAAK,gBAAK,GACf;AAAA;AAAA;AAAA,EACJ,GACJ;AAER;",
+  "names": ["clsx", "jsx", "clsx"]
 }

package/dist/esm/components/icons/BackIcon.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentProps } from 'react';
+export declare function BackIcon(props: ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/icons/BackIcon.js

@@ -0,0 +1,15 @@
+// src/components/icons/BackIcon.tsx
+import { jsx } from "react/jsx-runtime";
+function BackIcon(props) {
+  return /* @__PURE__ */ jsx("svg", { width: 24, height: 24, fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M7.57 12.262c0 .341.13.629.403.895l5.175 5.059c.204.205.45.307.751.307.609 0 1.101-.485 1.101-1.087 0-.293-.123-.574-.349-.8L10.14 12.27l4.511-4.375A1.13 1.13 0 0 0 15 7.087C15 6.485 14.508 6 13.9 6c-.295 0-.54.103-.752.308l-5.175 5.058c-.28.28-.404.56-.404.896Z",
+      fill: "currentColor"
+    }
+  ) });
+}
+export {
+  BackIcon
+};
+//# sourceMappingURL=BackIcon.js.map

package/dist/esm/components/icons/BackIcon.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/icons/BackIcon.tsx"],
+  "sourcesContent": ["// 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\n// FIXME: Replace this with a 10x10 icon to match the CheckIcon, or alternatively make the CheckIcon bigger\n// Right now, the icons don't align on mobile :(\nexport function BackIcon(props: ComponentProps<'svg'>) {\n    return (\n        <svg width={24} height={24} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n            <path\n                d=\"M7.57 12.262c0 .341.13.629.403.895l5.175 5.059c.204.205.45.307.751.307.609 0 1.101-.485 1.101-1.087 0-.293-.123-.574-.349-.8L10.14 12.27l4.511-4.375A1.13 1.13 0 0 0 15 7.087C15 6.485 14.508 6 13.9 6c-.295 0-.54.103-.752.308l-5.175 5.058c-.28.28-.404.56-.404.896Z\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    );\n}\n"],
+  "mappings": ";AAWY;AAHL,SAAS,SAAS,OAA8B;AACnD,SACI,oBAAC,SAAI,OAAO,IAAI,QAAQ,IAAI,MAAK,QAAO,OAAM,8BAA8B,GAAG,OAC3E;AAAA,IAAC;AAAA;AAAA,MACG,GAAE;AAAA,MACF,MAAK;AAAA;AAAA,EACT,GACJ;AAER;",
+  "names": []
+}