@iota/dapp-kit 0.2.0 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -0
- package/README.md +14 -12
- package/dist/cjs/components/AccountDropdownMenu.css +26 -54
- package/dist/cjs/components/AccountDropdownMenu.css.css +18 -27
- package/dist/cjs/components/AccountDropdownMenu.css.css.map +3 -3
- package/dist/cjs/components/AccountDropdownMenu.css.d.ts +0 -1
- package/dist/cjs/components/AccountDropdownMenu.css.js +4 -6
- package/dist/cjs/components/AccountDropdownMenu.css.js.map +2 -2
- package/dist/cjs/components/AccountDropdownMenu.css.map +3 -3
- package/dist/cjs/components/AccountDropdownMenu.d.ts +3 -1
- package/dist/cjs/components/AccountDropdownMenu.js +25 -21
- package/dist/cjs/components/AccountDropdownMenu.js.map +3 -3
- package/dist/cjs/components/ConnectButton.css +181 -190
- package/dist/cjs/components/ConnectButton.css.map +3 -3
- package/dist/cjs/components/ConnectButton.d.ts +5 -3
- package/dist/cjs/components/ConnectButton.js +344 -669
- package/dist/cjs/components/ConnectButton.js.map +4 -4
- package/dist/cjs/components/IotaClientProvider.d.ts +0 -1
- package/dist/cjs/components/WalletProvider.d.ts +3 -3
- package/dist/cjs/components/WalletProvider.js +107 -152
- package/dist/cjs/components/WalletProvider.js.map +3 -3
- package/dist/cjs/components/connect-modal/ConnectModal.css +214 -172
- package/dist/cjs/components/connect-modal/ConnectModal.css.css +69 -32
- package/dist/cjs/components/connect-modal/ConnectModal.css.css.map +3 -3
- package/dist/cjs/components/connect-modal/ConnectModal.css.d.ts +5 -1
- package/dist/cjs/components/connect-modal/ConnectModal.css.js +15 -7
- package/dist/cjs/components/connect-modal/ConnectModal.css.js.map +2 -2
- package/dist/cjs/components/connect-modal/ConnectModal.css.map +3 -3
- package/dist/cjs/components/connect-modal/ConnectModal.js +411 -707
- package/dist/cjs/components/connect-modal/ConnectModal.js.map +4 -4
- package/dist/cjs/components/connect-modal/InfoSection.css +7 -11
- package/dist/cjs/components/connect-modal/InfoSection.css.css.map +1 -1
- package/dist/cjs/components/connect-modal/InfoSection.css.map +3 -3
- package/dist/cjs/components/connect-modal/InfoSection.js +1 -1
- package/dist/cjs/components/connect-modal/InfoSection.js.map +2 -2
- package/dist/cjs/components/connect-modal/views/ConnectionStatus.css +145 -0
- package/dist/cjs/components/connect-modal/views/ConnectionStatus.css.css +32 -0
- package/dist/cjs/components/connect-modal/views/ConnectionStatus.css.css.map +7 -0
- package/dist/cjs/components/connect-modal/views/ConnectionStatus.css.d.ts +5 -0
- package/dist/cjs/components/connect-modal/views/ConnectionStatus.css.js +35 -0
- package/dist/cjs/components/connect-modal/views/ConnectionStatus.css.js.map +7 -0
- package/dist/cjs/components/connect-modal/views/ConnectionStatus.css.map +7 -0
- package/dist/cjs/components/connect-modal/views/ConnectionStatus.d.ts +8 -0
- package/dist/cjs/components/connect-modal/views/ConnectionStatus.js +173 -0
- package/dist/cjs/components/connect-modal/views/ConnectionStatus.js.map +7 -0
- package/dist/cjs/components/connect-modal/views/GetTheWallet.css.css.map +1 -1
- package/dist/cjs/components/connect-modal/views/GetTheWallet.css.map +1 -1
- package/dist/cjs/components/connect-modal/views/GetTheWallet.js +12 -391
- package/dist/cjs/components/connect-modal/views/GetTheWallet.js.map +2 -2
- package/dist/cjs/components/connect-modal/views/GettingStarted.css +144 -0
- package/dist/cjs/components/connect-modal/views/GettingStarted.css.css +23 -0
- package/dist/cjs/components/connect-modal/views/GettingStarted.css.css.map +7 -0
- package/dist/cjs/components/connect-modal/views/GettingStarted.css.d.ts +3 -0
- package/dist/cjs/components/connect-modal/views/GettingStarted.css.js +31 -0
- package/dist/cjs/components/connect-modal/views/GettingStarted.css.js.map +7 -0
- package/dist/cjs/components/connect-modal/views/GettingStarted.css.map +7 -0
- package/dist/cjs/components/connect-modal/views/GettingStarted.d.ts +1 -0
- package/dist/cjs/components/connect-modal/views/GettingStarted.js +172 -0
- package/dist/cjs/components/connect-modal/views/GettingStarted.js.map +7 -0
- package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css +95 -0
- package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css.css +17 -0
- package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css.css.map +7 -0
- package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css.d.ts +2 -0
- package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css.js +29 -0
- package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css.js.map +7 -0
- package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css.map +7 -0
- package/dist/cjs/components/connect-modal/views/WhatIsAWallet.d.ts +1 -0
- package/dist/cjs/components/connect-modal/views/WhatIsAWallet.js +135 -0
- package/dist/cjs/components/connect-modal/views/WhatIsAWallet.js.map +7 -0
- package/dist/cjs/components/connect-modal/views/index.css +115 -124
- package/dist/cjs/components/connect-modal/views/index.css.map +3 -3
- package/dist/cjs/components/connect-modal/views/index.d.ts +2 -1
- package/dist/cjs/components/connect-modal/views/index.js +136 -640
- package/dist/cjs/components/connect-modal/views/index.js.map +4 -4
- package/dist/cjs/components/connect-modal/wallet-list/WalletList.css +10 -22
- package/dist/cjs/components/connect-modal/wallet-list/WalletList.css.css +2 -5
- package/dist/cjs/components/connect-modal/wallet-list/WalletList.css.css.map +3 -3
- package/dist/cjs/components/connect-modal/wallet-list/WalletList.css.js.map +1 -1
- package/dist/cjs/components/connect-modal/wallet-list/WalletList.css.map +3 -3
- package/dist/cjs/components/connect-modal/wallet-list/WalletList.d.ts +4 -4
- package/dist/cjs/components/connect-modal/wallet-list/WalletList.js +61 -38
- package/dist/cjs/components/connect-modal/wallet-list/WalletList.js.map +4 -4
- package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.css +8 -17
- package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.css.css +8 -17
- package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.css.css.map +3 -3
- package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.css.d.ts +0 -1
- package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.css.js +2 -4
- package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.css.js.map +2 -2
- package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.css.map +3 -3
- package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.js +5 -32
- package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.js.map +4 -4
- package/dist/cjs/components/icons/BackIcon.d.ts +2 -0
- package/dist/cjs/components/icons/BackIcon.js +36 -0
- package/dist/cjs/components/icons/BackIcon.js.map +7 -0
- package/dist/cjs/components/icons/IotaIcon.js +12 -391
- package/dist/cjs/components/icons/IotaIcon.js.map +2 -2
- package/dist/cjs/components/styling/InjectedThemeStyles.js +2 -0
- package/dist/cjs/components/styling/InjectedThemeStyles.js.map +2 -2
- package/dist/cjs/components/styling/StyleMarker.css +1 -16
- package/dist/cjs/components/styling/StyleMarker.css.css +1 -16
- package/dist/cjs/components/styling/StyleMarker.css.css.map +3 -3
- package/dist/cjs/components/styling/StyleMarker.css.map +3 -3
- package/dist/cjs/components/styling/StyleMarker.d.ts +0 -1
- package/dist/cjs/components/styling/StyleMarker.js +4 -4
- package/dist/cjs/components/styling/StyleMarker.js.map +3 -3
- package/dist/cjs/components/ui/Button.css.css.map +1 -1
- package/dist/cjs/components/ui/Button.css.map +1 -1
- package/dist/cjs/components/ui/Button.d.ts +1 -1
- package/dist/cjs/components/ui/Heading.css.css.map +1 -1
- package/dist/cjs/components/ui/Heading.css.map +1 -1
- package/dist/cjs/components/ui/Heading.d.ts +0 -1
- package/dist/cjs/components/ui/IconButton.css.css.map +1 -1
- package/dist/cjs/components/ui/IconButton.css.map +1 -1
- package/dist/cjs/components/ui/IconButton.d.ts +1 -1
- package/dist/cjs/components/ui/Text.css +7 -11
- package/dist/cjs/components/ui/Text.css.css +7 -11
- package/dist/cjs/components/ui/Text.css.css.map +3 -3
- package/dist/cjs/components/ui/Text.css.d.ts +0 -3
- package/dist/cjs/components/ui/Text.css.js +1 -1
- package/dist/cjs/components/ui/Text.css.js.map +2 -2
- package/dist/cjs/components/ui/Text.css.map +3 -3
- package/dist/cjs/components/ui/Text.d.ts +0 -1
- package/dist/cjs/components/ui/Text.js +1 -1
- package/dist/cjs/components/ui/Text.js.map +2 -2
- package/dist/cjs/constants/styleDataAttribute.js.map +1 -1
- package/dist/cjs/constants/walletDefaults.d.ts +2 -2
- package/dist/cjs/constants/walletDefaults.js +4 -5
- package/dist/cjs/constants/walletDefaults.js.map +2 -2
- package/dist/cjs/constants/walletMutationKeys.d.ts +3 -2
- package/dist/cjs/constants/walletMutationKeys.js +4 -3
- package/dist/cjs/constants/walletMutationKeys.js.map +2 -2
- package/dist/cjs/contexts/walletContext.d.ts +1 -2
- package/dist/cjs/hooks/useIotaClientInfiniteQuery.js.map +2 -2
- package/dist/cjs/hooks/useIotaClientQuery.js +3 -1
- package/dist/cjs/hooks/useIotaClientQuery.js.map +2 -2
- package/dist/cjs/hooks/wallet/useAutoConnectWallet.js +17 -7
- package/dist/cjs/hooks/wallet/useAutoConnectWallet.js.map +2 -2
- package/dist/cjs/hooks/wallet/useConnectWallet.js +10 -4
- package/dist/cjs/hooks/wallet/useConnectWallet.js.map +2 -2
- package/dist/cjs/hooks/wallet/useCurrentWallet.d.ts +3 -0
- package/dist/cjs/hooks/wallet/useCurrentWallet.js +7 -3
- package/dist/cjs/hooks/wallet/useCurrentWallet.js.map +2 -2
- package/dist/cjs/hooks/wallet/useDisconnectWallet.js +11 -6
- package/dist/cjs/hooks/wallet/useDisconnectWallet.js.map +2 -2
- package/dist/cjs/hooks/wallet/useReportTransactionEffects.d.ts +15 -0
- package/dist/cjs/hooks/wallet/{useSignTransactionBlock.js → useReportTransactionEffects.js} +41 -37
- package/dist/cjs/hooks/wallet/useReportTransactionEffects.js.map +7 -0
- package/dist/cjs/hooks/wallet/useSignAndExecuteTransaction.d.ts +29 -0
- package/dist/cjs/hooks/wallet/useSignAndExecuteTransaction.js +252 -0
- package/dist/cjs/hooks/wallet/useSignAndExecuteTransaction.js.map +7 -0
- package/dist/cjs/hooks/wallet/useSignPersonalMessage.js +21 -27
- package/dist/cjs/hooks/wallet/useSignPersonalMessage.js.map +2 -2
- package/dist/cjs/hooks/wallet/useSignTransaction.d.ts +18 -0
- package/dist/cjs/hooks/wallet/{useSignAndExecuteTransactionBlock.js → useSignTransaction.js} +86 -46
- package/dist/cjs/hooks/wallet/useSignTransaction.js.map +7 -0
- package/dist/cjs/hooks/wallet/useSwitchAccount.js +11 -6
- package/dist/cjs/hooks/wallet/useSwitchAccount.js.map +2 -2
- package/dist/cjs/hooks/wallet/useUnsafeBurnerWallet.js +45 -33
- package/dist/cjs/hooks/wallet/useUnsafeBurnerWallet.js.map +2 -2
- package/dist/cjs/hooks/wallet/useWalletPropertiesChanged.js +7 -3
- package/dist/cjs/hooks/wallet/useWalletPropertiesChanged.js.map +2 -2
- package/dist/cjs/hooks/wallet/useWalletsChanged.d.ts +1 -1
- package/dist/cjs/hooks/wallet/useWalletsChanged.js +7 -6
- package/dist/cjs/hooks/wallet/useWalletsChanged.js.map +2 -2
- package/dist/cjs/index.css +232 -241
- package/dist/cjs/index.css.map +3 -3
- package/dist/cjs/index.d.ts +4 -3
- package/dist/cjs/index.js +816 -1042
- package/dist/cjs/index.js.map +4 -4
- package/dist/cjs/themes/lightTheme.js +19 -19
- package/dist/cjs/themes/lightTheme.js.map +1 -1
- package/dist/cjs/themes/themeContract.js.map +1 -1
- package/dist/cjs/types.d.ts +1 -1
- package/dist/cjs/types.js.map +1 -1
- package/dist/cjs/utils/assertUnreachable.js.map +1 -1
- package/dist/cjs/utils/walletUtils.d.ts +2 -2
- package/dist/cjs/utils/walletUtils.js +2 -2
- package/dist/cjs/utils/walletUtils.js.map +2 -2
- package/dist/cjs/walletStore.d.ts +3 -2
- package/dist/cjs/walletStore.js +8 -4
- package/dist/cjs/walletStore.js.map +2 -2
- package/dist/esm/components/AccountDropdownMenu.css +26 -54
- package/dist/esm/components/AccountDropdownMenu.css.css +18 -27
- package/dist/esm/components/AccountDropdownMenu.css.css.map +3 -3
- package/dist/esm/components/AccountDropdownMenu.css.d.ts +0 -1
- package/dist/esm/components/AccountDropdownMenu.css.js +4 -6
- package/dist/esm/components/AccountDropdownMenu.css.js.map +2 -2
- package/dist/esm/components/AccountDropdownMenu.css.map +3 -3
- package/dist/esm/components/AccountDropdownMenu.d.ts +3 -1
- package/dist/esm/components/AccountDropdownMenu.js +25 -21
- package/dist/esm/components/AccountDropdownMenu.js.map +3 -3
- package/dist/esm/components/ConnectButton.css +181 -190
- package/dist/esm/components/ConnectButton.css.map +3 -3
- package/dist/esm/components/ConnectButton.d.ts +5 -3
- package/dist/esm/components/ConnectButton.js +344 -669
- package/dist/esm/components/ConnectButton.js.map +4 -4
- package/dist/esm/components/IotaClientProvider.d.ts +0 -1
- package/dist/esm/components/WalletProvider.d.ts +3 -3
- package/dist/esm/components/WalletProvider.js +106 -151
- package/dist/esm/components/WalletProvider.js.map +3 -3
- package/dist/esm/components/connect-modal/ConnectModal.css +214 -172
- package/dist/esm/components/connect-modal/ConnectModal.css.css +69 -32
- package/dist/esm/components/connect-modal/ConnectModal.css.css.map +3 -3
- package/dist/esm/components/connect-modal/ConnectModal.css.d.ts +5 -1
- package/dist/esm/components/connect-modal/ConnectModal.css.js +15 -7
- package/dist/esm/components/connect-modal/ConnectModal.css.js.map +2 -2
- package/dist/esm/components/connect-modal/ConnectModal.css.map +3 -3
- package/dist/esm/components/connect-modal/ConnectModal.js +407 -703
- package/dist/esm/components/connect-modal/ConnectModal.js.map +4 -4
- package/dist/esm/components/connect-modal/InfoSection.css +7 -11
- package/dist/esm/components/connect-modal/InfoSection.css.css.map +1 -1
- package/dist/esm/components/connect-modal/InfoSection.css.map +3 -3
- package/dist/esm/components/connect-modal/InfoSection.js +1 -1
- package/dist/esm/components/connect-modal/InfoSection.js.map +2 -2
- package/dist/esm/components/connect-modal/views/ConnectionStatus.css +145 -0
- package/dist/esm/components/connect-modal/views/ConnectionStatus.css.css +32 -0
- package/dist/esm/components/connect-modal/views/ConnectionStatus.css.css.map +7 -0
- package/dist/esm/components/connect-modal/views/ConnectionStatus.css.d.ts +5 -0
- package/dist/esm/components/connect-modal/views/ConnectionStatus.css.js +14 -0
- package/dist/esm/components/connect-modal/views/ConnectionStatus.css.js.map +7 -0
- package/dist/esm/components/connect-modal/views/ConnectionStatus.css.map +7 -0
- package/dist/esm/components/connect-modal/views/ConnectionStatus.d.ts +8 -0
- package/dist/esm/components/connect-modal/views/ConnectionStatus.js +140 -0
- package/dist/esm/components/connect-modal/views/ConnectionStatus.js.map +7 -0
- package/dist/esm/components/connect-modal/views/GetTheWallet.css.css.map +1 -1
- package/dist/esm/components/connect-modal/views/GetTheWallet.css.map +1 -1
- package/dist/esm/components/connect-modal/views/GetTheWallet.js +12 -391
- package/dist/esm/components/connect-modal/views/GetTheWallet.js.map +2 -2
- package/dist/esm/components/connect-modal/views/GettingStarted.css +144 -0
- package/dist/esm/components/connect-modal/views/GettingStarted.css.css +23 -0
- package/dist/esm/components/connect-modal/views/GettingStarted.css.css.map +7 -0
- package/dist/esm/components/connect-modal/views/GettingStarted.css.d.ts +3 -0
- package/dist/esm/components/connect-modal/views/GettingStarted.css.js +10 -0
- package/dist/esm/components/connect-modal/views/GettingStarted.css.js.map +7 -0
- package/dist/esm/components/connect-modal/views/GettingStarted.css.map +7 -0
- package/dist/esm/components/connect-modal/views/GettingStarted.d.ts +1 -0
- package/dist/esm/components/connect-modal/views/GettingStarted.js +139 -0
- package/dist/esm/components/connect-modal/views/GettingStarted.js.map +7 -0
- package/dist/esm/components/connect-modal/views/WhatIsAWallet.css +95 -0
- package/dist/esm/components/connect-modal/views/WhatIsAWallet.css.css +17 -0
- package/dist/esm/components/connect-modal/views/WhatIsAWallet.css.css.map +7 -0
- package/dist/esm/components/connect-modal/views/WhatIsAWallet.css.d.ts +2 -0
- package/dist/esm/components/connect-modal/views/WhatIsAWallet.css.js +8 -0
- package/dist/esm/components/connect-modal/views/WhatIsAWallet.css.js.map +7 -0
- package/dist/esm/components/connect-modal/views/WhatIsAWallet.css.map +7 -0
- package/dist/esm/components/connect-modal/views/WhatIsAWallet.d.ts +1 -0
- package/dist/esm/components/connect-modal/views/WhatIsAWallet.js +102 -0
- package/dist/esm/components/connect-modal/views/WhatIsAWallet.js.map +7 -0
- package/dist/esm/components/connect-modal/views/index.css +115 -124
- package/dist/esm/components/connect-modal/views/index.css.map +3 -3
- package/dist/esm/components/connect-modal/views/index.d.ts +2 -1
- package/dist/esm/components/connect-modal/views/index.js +141 -645
- package/dist/esm/components/connect-modal/views/index.js.map +4 -4
- package/dist/esm/components/connect-modal/wallet-list/WalletList.css +10 -22
- package/dist/esm/components/connect-modal/wallet-list/WalletList.css.css +2 -5
- package/dist/esm/components/connect-modal/wallet-list/WalletList.css.css.map +3 -3
- package/dist/esm/components/connect-modal/wallet-list/WalletList.css.js.map +1 -1
- package/dist/esm/components/connect-modal/wallet-list/WalletList.css.map +3 -3
- package/dist/esm/components/connect-modal/wallet-list/WalletList.d.ts +4 -4
- package/dist/esm/components/connect-modal/wallet-list/WalletList.js +61 -38
- package/dist/esm/components/connect-modal/wallet-list/WalletList.js.map +4 -4
- package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css +8 -17
- package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css.css +8 -17
- package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css.css.map +3 -3
- package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css.d.ts +0 -1
- package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css.js +2 -4
- package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css.js.map +2 -2
- package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css.map +3 -3
- package/dist/esm/components/connect-modal/wallet-list/WalletListItem.js +5 -32
- package/dist/esm/components/connect-modal/wallet-list/WalletListItem.js.map +4 -4
- package/dist/esm/components/icons/BackIcon.d.ts +2 -0
- package/dist/esm/components/icons/BackIcon.js +15 -0
- package/dist/esm/components/icons/BackIcon.js.map +7 -0
- package/dist/esm/components/icons/IotaIcon.js +12 -391
- package/dist/esm/components/icons/IotaIcon.js.map +2 -2
- package/dist/esm/components/styling/InjectedThemeStyles.js +2 -0
- package/dist/esm/components/styling/InjectedThemeStyles.js.map +2 -2
- package/dist/esm/components/styling/StyleMarker.css +1 -16
- package/dist/esm/components/styling/StyleMarker.css.css +1 -16
- package/dist/esm/components/styling/StyleMarker.css.css.map +3 -3
- package/dist/esm/components/styling/StyleMarker.css.js +4 -4
- package/dist/esm/components/styling/StyleMarker.css.js.map +3 -3
- package/dist/esm/components/styling/StyleMarker.css.map +3 -3
- package/dist/esm/components/styling/StyleMarker.d.ts +0 -1
- package/dist/esm/components/styling/StyleMarker.js +4 -4
- package/dist/esm/components/styling/StyleMarker.js.map +3 -3
- package/dist/esm/components/ui/Button.css.css.map +1 -1
- package/dist/esm/components/ui/Button.css.map +1 -1
- package/dist/esm/components/ui/Button.d.ts +1 -1
- package/dist/esm/components/ui/Heading.css.css.map +1 -1
- package/dist/esm/components/ui/Heading.css.map +1 -1
- package/dist/esm/components/ui/Heading.d.ts +0 -1
- package/dist/esm/components/ui/IconButton.css.css.map +1 -1
- package/dist/esm/components/ui/IconButton.css.map +1 -1
- package/dist/esm/components/ui/IconButton.d.ts +1 -1
- package/dist/esm/components/ui/Text.css +7 -11
- package/dist/esm/components/ui/Text.css.css +7 -11
- package/dist/esm/components/ui/Text.css.css.map +3 -3
- package/dist/esm/components/ui/Text.css.d.ts +0 -3
- package/dist/esm/components/ui/Text.css.js +1 -1
- package/dist/esm/components/ui/Text.css.js.map +2 -2
- package/dist/esm/components/ui/Text.css.map +3 -3
- package/dist/esm/components/ui/Text.d.ts +0 -1
- package/dist/esm/components/ui/Text.js +1 -1
- package/dist/esm/components/ui/Text.js.map +2 -2
- package/dist/esm/constants/styleDataAttribute.js.map +1 -1
- package/dist/esm/constants/walletDefaults.d.ts +2 -2
- package/dist/esm/constants/walletDefaults.js +4 -5
- package/dist/esm/constants/walletDefaults.js.map +2 -2
- package/dist/esm/constants/walletMutationKeys.d.ts +3 -2
- package/dist/esm/constants/walletMutationKeys.js +4 -3
- package/dist/esm/constants/walletMutationKeys.js.map +2 -2
- package/dist/esm/contexts/walletContext.d.ts +1 -2
- package/dist/esm/hooks/useIotaClientInfiniteQuery.js.map +2 -2
- package/dist/esm/hooks/useIotaClientQuery.js +3 -1
- package/dist/esm/hooks/useIotaClientQuery.js.map +2 -2
- package/dist/esm/hooks/wallet/useAutoConnectWallet.js +17 -7
- package/dist/esm/hooks/wallet/useAutoConnectWallet.js.map +2 -2
- package/dist/esm/hooks/wallet/useConnectWallet.js +10 -4
- package/dist/esm/hooks/wallet/useConnectWallet.js.map +2 -2
- package/dist/esm/hooks/wallet/useCurrentWallet.d.ts +3 -0
- package/dist/esm/hooks/wallet/useCurrentWallet.js +7 -3
- package/dist/esm/hooks/wallet/useCurrentWallet.js.map +2 -2
- package/dist/esm/hooks/wallet/useDisconnectWallet.js +11 -6
- package/dist/esm/hooks/wallet/useDisconnectWallet.js.map +2 -2
- package/dist/esm/hooks/wallet/useReportTransactionEffects.d.ts +15 -0
- package/dist/esm/hooks/wallet/{useSignTransactionBlock.js → useReportTransactionEffects.js} +38 -34
- package/dist/esm/hooks/wallet/useReportTransactionEffects.js.map +7 -0
- package/dist/esm/hooks/wallet/useSignAndExecuteTransaction.d.ts +29 -0
- package/dist/esm/hooks/wallet/useSignAndExecuteTransaction.js +231 -0
- package/dist/esm/hooks/wallet/useSignAndExecuteTransaction.js.map +7 -0
- package/dist/esm/hooks/wallet/useSignPersonalMessage.js +21 -27
- package/dist/esm/hooks/wallet/useSignPersonalMessage.js.map +2 -2
- package/dist/esm/hooks/wallet/useSignTransaction.d.ts +18 -0
- package/dist/esm/hooks/wallet/{useSignAndExecuteTransactionBlock.js → useSignTransaction.js} +83 -43
- package/dist/esm/hooks/wallet/useSignTransaction.js.map +7 -0
- package/dist/esm/hooks/wallet/useSwitchAccount.js +11 -6
- package/dist/esm/hooks/wallet/useSwitchAccount.js.map +2 -2
- package/dist/esm/hooks/wallet/useUnsafeBurnerWallet.js +44 -32
- package/dist/esm/hooks/wallet/useUnsafeBurnerWallet.js.map +2 -2
- package/dist/esm/hooks/wallet/useWalletPropertiesChanged.js +7 -3
- package/dist/esm/hooks/wallet/useWalletPropertiesChanged.js.map +2 -2
- package/dist/esm/hooks/wallet/useWalletsChanged.d.ts +1 -1
- package/dist/esm/hooks/wallet/useWalletsChanged.js +7 -6
- package/dist/esm/hooks/wallet/useWalletsChanged.js.map +2 -2
- package/dist/esm/index.css +232 -241
- package/dist/esm/index.css.map +3 -3
- package/dist/esm/index.d.ts +4 -3
- package/dist/esm/index.js +818 -1044
- package/dist/esm/index.js.map +4 -4
- package/dist/esm/themes/lightTheme.js +19 -19
- package/dist/esm/themes/lightTheme.js.map +1 -1
- package/dist/esm/themes/themeContract.js.map +1 -1
- package/dist/esm/types.d.ts +1 -1
- package/dist/esm/utils/assertUnreachable.js.map +1 -1
- package/dist/esm/utils/walletUtils.d.ts +2 -2
- package/dist/esm/utils/walletUtils.js +2 -2
- package/dist/esm/utils/walletUtils.js.map +2 -2
- package/dist/esm/walletStore.d.ts +3 -2
- package/dist/esm/walletStore.js +8 -4
- package/dist/esm/walletStore.js.map +2 -2
- package/dist/index.css/package.json +5 -0
- package/dist/tsconfig.esm.tsbuildinfo +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +27 -28
- package/src/components/AccountDropdownMenu.css.ts +11 -17
- package/src/components/AccountDropdownMenu.tsx +10 -5
- package/src/components/ConnectButton.tsx +12 -5
- package/src/components/WalletProvider.tsx +11 -22
- package/src/components/connect-modal/ConnectModal.css.ts +58 -17
- package/src/components/connect-modal/ConnectModal.tsx +101 -16
- package/src/components/connect-modal/views/ConnectionStatus.css.ts +36 -0
- package/src/components/connect-modal/views/ConnectionStatus.tsx +55 -0
- package/src/components/connect-modal/views/GettingStarted.css.ts +26 -0
- package/src/components/connect-modal/views/GettingStarted.tsx +40 -0
- package/src/components/connect-modal/views/WhatIsAWallet.css.ts +20 -0
- package/src/components/connect-modal/views/WhatIsAWallet.tsx +24 -0
- package/src/components/connect-modal/views/index.ts +2 -1
- package/src/components/connect-modal/wallet-list/WalletList.css.ts +1 -5
- package/src/components/connect-modal/wallet-list/WalletList.tsx +25 -11
- package/src/components/connect-modal/wallet-list/WalletListItem.css.ts +6 -14
- package/src/components/connect-modal/wallet-list/WalletListItem.tsx +9 -12
- package/src/components/icons/BackIcon.tsx +18 -0
- package/src/components/icons/IotaIcon.tsx +6 -222
- package/src/components/styling/InjectedThemeStyles.tsx +4 -0
- package/src/components/styling/StyleMarker.css.ts +0 -15
- package/src/components/ui/Text.css.ts +1 -1
- package/src/constants/walletDefaults.ts +6 -5
- package/src/constants/walletMutationKeys.ts +3 -2
- package/src/hooks/useIotaClientInfiniteQuery.ts +2 -1
- package/src/hooks/useIotaClientQuery.ts +3 -1
- package/src/hooks/wallet/useAutoConnectWallet.ts +1 -1
- package/src/hooks/wallet/useConnectWallet.ts +6 -1
- package/src/hooks/wallet/useCurrentWallet.ts +4 -0
- package/src/hooks/wallet/useReportTransactionEffects.ts +87 -0
- package/src/hooks/wallet/useSignAndExecuteTransaction.ts +165 -0
- package/src/hooks/wallet/useSignPersonalMessage.ts +11 -25
- package/src/hooks/wallet/useSignTransaction.ts +117 -0
- package/src/hooks/wallet/useUnsafeBurnerWallet.ts +41 -18
- package/src/hooks/wallet/useWalletsChanged.ts +5 -4
- package/src/index.ts +4 -3
- package/src/themes/lightTheme.ts +19 -19
- package/src/types.ts +1 -1
- package/src/utils/walletUtils.ts +8 -3
- package/src/walletStore.ts +12 -1
- package/dist/cjs/components/connect-modal/views/WalletConnect.css +0 -179
- package/dist/cjs/components/connect-modal/views/WalletConnect.css.css +0 -51
- package/dist/cjs/components/connect-modal/views/WalletConnect.css.css.map +0 -7
- package/dist/cjs/components/connect-modal/views/WalletConnect.css.d.ts +0 -8
- package/dist/cjs/components/connect-modal/views/WalletConnect.css.js +0 -41
- package/dist/cjs/components/connect-modal/views/WalletConnect.css.js.map +0 -7
- package/dist/cjs/components/connect-modal/views/WalletConnect.css.map +0 -7
- package/dist/cjs/components/connect-modal/views/WalletConnect.d.ts +0 -7
- package/dist/cjs/components/connect-modal/views/WalletConnect.js +0 -325
- package/dist/cjs/components/connect-modal/views/WalletConnect.js.map +0 -7
- package/dist/cjs/hooks/wallet/useSignAndExecuteTransactionBlock.d.ts +0 -15
- package/dist/cjs/hooks/wallet/useSignAndExecuteTransactionBlock.js.map +0 -7
- package/dist/cjs/hooks/wallet/useSignTransactionBlock.d.ts +0 -13
- package/dist/cjs/hooks/wallet/useSignTransactionBlock.js.map +0 -7
- package/dist/esm/components/connect-modal/views/WalletConnect.css +0 -179
- package/dist/esm/components/connect-modal/views/WalletConnect.css.css +0 -51
- package/dist/esm/components/connect-modal/views/WalletConnect.css.css.map +0 -7
- package/dist/esm/components/connect-modal/views/WalletConnect.css.d.ts +0 -8
- package/dist/esm/components/connect-modal/views/WalletConnect.css.js +0 -20
- package/dist/esm/components/connect-modal/views/WalletConnect.css.js.map +0 -7
- package/dist/esm/components/connect-modal/views/WalletConnect.css.map +0 -7
- package/dist/esm/components/connect-modal/views/WalletConnect.d.ts +0 -7
- package/dist/esm/components/connect-modal/views/WalletConnect.js +0 -294
- package/dist/esm/components/connect-modal/views/WalletConnect.js.map +0 -7
- package/dist/esm/hooks/wallet/useSignAndExecuteTransactionBlock.d.ts +0 -15
- package/dist/esm/hooks/wallet/useSignAndExecuteTransactionBlock.js.map +0 -7
- package/dist/esm/hooks/wallet/useSignTransactionBlock.d.ts +0 -13
- package/dist/esm/hooks/wallet/useSignTransactionBlock.js.map +0 -7
- package/src/components/connect-modal/views/WalletConnect.css.ts +0 -55
- package/src/components/connect-modal/views/WalletConnect.tsx +0 -79
- package/src/hooks/wallet/useSignAndExecuteTransactionBlock.ts +0 -117
- package/src/hooks/wallet/useSignTransactionBlock.ts +0 -85
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# @iota/dapp-kit
|
|
2
2
|
|
|
3
|
+
## 0.3.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- 6eabd18: Changes for compatibility with the node, simplification of exposed APIs and general
|
|
8
|
+
improvements.
|
|
9
|
+
|
|
10
|
+
### Patch Changes
|
|
11
|
+
|
|
12
|
+
- Updated dependencies [6eabd18]
|
|
13
|
+
- @iota/iota-sdk@0.3.0
|
|
14
|
+
- @iota/wallet-standard@0.2.0
|
|
15
|
+
|
|
3
16
|
## 0.2.0
|
|
4
17
|
|
|
5
18
|
### Minor Changes
|
package/README.md
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
#
|
|
1
|
+
# IOTA dApp Kit
|
|
2
2
|
|
|
3
|
-
The
|
|
4
|
-
dApp for the
|
|
5
|
-
blockchain, and connecting to
|
|
3
|
+
The IOTA dApp Kit is a set of React components, hooks, and utilities that make it easy to build a
|
|
4
|
+
dApp for the IOTA ecosystem. It provides hooks and components for querying data from the IOTA
|
|
5
|
+
blockchain, and connecting to IOTA wallets.
|
|
6
6
|
|
|
7
|
-
See
|
|
7
|
+
See https://wiki.iota.org/references/ts-sdk/typescript for full documentation
|
|
8
8
|
|
|
9
9
|
### Core Features
|
|
10
10
|
|
|
11
|
-
- **Query Hooks:** dApp Kit provides a set of hooks for making rpc calls to the
|
|
11
|
+
- **Query Hooks:** dApp Kit provides a set of hooks for making rpc calls to the IOTA blockchain,
|
|
12
12
|
making it easy to load any information needed for your dApp.
|
|
13
13
|
- **Automatic Wallet State Management:** dApp Kit removes the complexity of state management
|
|
14
14
|
related to wallet connections. You can focus on building your dApp.
|
|
15
|
-
- **Supports all
|
|
15
|
+
- **Supports all IOTA wallets:** No need to manually define wallets you support. All IOTA wallets
|
|
16
16
|
are automatically supported.
|
|
17
17
|
- **Easy to integrate:** dApp Kit provides pre-built React Components that you can drop right into
|
|
18
18
|
your dApp, for easier integration
|
|
@@ -21,7 +21,7 @@ See the TypeScript docs for full documentation
|
|
|
21
21
|
|
|
22
22
|
## Install from NPM
|
|
23
23
|
|
|
24
|
-
To use the
|
|
24
|
+
To use the IOTA dApp Kit in your project, run the following command in your project root:
|
|
25
25
|
|
|
26
26
|
```sh npm2yarn
|
|
27
27
|
npm i --save @iota/dapp-kit @iota/iota-sdk @tanstack/react-query
|
|
@@ -61,12 +61,14 @@ function App() {
|
|
|
61
61
|
## Using UI components to connect to a wallet
|
|
62
62
|
|
|
63
63
|
The dApp Kit provides a set of flexible UI components that can be used to connect and manage wallet
|
|
64
|
-
accounts from your dApp. The components are built on top of
|
|
65
|
-
are customizable so you can quickly get your
|
|
64
|
+
accounts from your dApp. The components are built on top of
|
|
65
|
+
[Radix UI](https://www.radix-ui.com/primitives) and are customizable so you can quickly get your
|
|
66
|
+
dApp up and running.
|
|
66
67
|
|
|
67
68
|
To use our provided UI components, you will need to import the dApp Kit's CSS stylesheet into your
|
|
68
69
|
dApp as shown below. For more information regarding customization options, check out the respective
|
|
69
|
-
documentation pages for the components and
|
|
70
|
+
documentation pages for the components and
|
|
71
|
+
[themes](https://wiki.iota.org/references/ts-sdk/dapp-kit/themes).
|
|
70
72
|
|
|
71
73
|
```tsx
|
|
72
74
|
import '@iota/dapp-kit/dist/index.css';
|
|
@@ -74,7 +76,7 @@ import '@iota/dapp-kit/dist/index.css';
|
|
|
74
76
|
|
|
75
77
|
## Using hooks to make RPC calls
|
|
76
78
|
|
|
77
|
-
The dApp Kit provides a set of hooks for making RPC calls to the
|
|
79
|
+
The dApp Kit provides a set of hooks for making RPC calls to the IOTA blockchain. The hooks are thin
|
|
78
80
|
wrappers around `useQuery` from `@tanstack/react-query`. For more comprehensive documentation on how
|
|
79
81
|
these query hooks can be used, check out the
|
|
80
82
|
[react-query docs](https://tanstack.com/query/latest/docs/react/overview).
|
|
@@ -1,62 +1,53 @@
|
|
|
1
|
-
/* vanilla-extract-css-ns:src/components/AccountDropdownMenu.css.ts.vanilla.css?source=#
|
|
1
|
+
/* vanilla-extract-css-ns:src/components/AccountDropdownMenu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VTPW8UMRDt71dMSQpHeyFIwalCaChSUSJ0cuw57+S8Y8sec3sg/jta576U5AIRbiy9+Xrz/Hx+Y22sLJ9zTC6u+Q65LmxkRivotsHFYj52fkjLDn7NALxJGq7SeD37PTt/qX5ArreRxRBj3hfPW/FPRexw1PBxd/7aBo8YXLQmjkoKZqNhGXC8nkG7laOMViiyBhtDHXiKrMlJr2F+1aWWOZhR9Ui+Fw0X3R7MnlhJTBouH6FknCP220WPlwa4j9lhVtk4qkXDD5PfKeVMSmpF0mBSwWSPZy3b2JXPsbJTNoaYnxUcEm6neFHuSIWzV+X5IjjstXnftHlKvBbMqmBAKxo4Mk5grBKI8QA8U9QE8qxIcCgaLLJgfuvq/8z7mzNiVE++D9PDoPveNnm7cCnTYPLmUxWJfJpBWZPYfhu5e0rn8mWLPdQitNwo++hIDSUZi+oeZY3IJyU7RQGTyUbi4Xt8aGN31pyng69Ln4lXGrr/d9PX3dhJnD+CRQwU/AMAAA== */
|
|
2
2
|
[data-dapp-kit].AccountDropdownMenu_connectedAccount__1x0gmpf0,
|
|
3
3
|
[data-dapp-kit] .AccountDropdownMenu_connectedAccount__1x0gmpf0 {
|
|
4
|
-
gap:
|
|
4
|
+
gap: 8px;
|
|
5
5
|
}
|
|
6
6
|
[data-dapp-kit].AccountDropdownMenu_menuContainer__1x0gmpf1,
|
|
7
7
|
[data-dapp-kit] .AccountDropdownMenu_menuContainer__1x0gmpf1 {
|
|
8
8
|
z-index: 999999999;
|
|
9
9
|
}
|
|
10
|
-
[data-dapp-kit].
|
|
11
|
-
[data-dapp-kit] .
|
|
12
|
-
color: var(--dapp-kit-colors-body);
|
|
13
|
-
}
|
|
14
|
-
[data-dapp-kit].AccountDropdownMenu_menuContent__1x0gmpf3,
|
|
15
|
-
[data-dapp-kit] .AccountDropdownMenu_menuContent__1x0gmpf3 {
|
|
10
|
+
[data-dapp-kit].AccountDropdownMenu_menuContent__1x0gmpf2,
|
|
11
|
+
[data-dapp-kit] .AccountDropdownMenu_menuContent__1x0gmpf2 {
|
|
16
12
|
display: flex;
|
|
17
13
|
flex-direction: column;
|
|
18
14
|
width: 180px;
|
|
19
15
|
max-height: 200px;
|
|
20
|
-
margin-top:
|
|
21
|
-
|
|
16
|
+
margin-top: 4px;
|
|
17
|
+
padding: 8px;
|
|
18
|
+
gap: 8px;
|
|
22
19
|
border-radius: var(--dapp-kit-radii-large);
|
|
23
20
|
background-color: var(--dapp-kit-backgroundColors-dropdownMenu);
|
|
24
|
-
padding: var(--dapp-kit-spacing-xxsmall);
|
|
25
21
|
}
|
|
26
|
-
[data-dapp-kit].
|
|
27
|
-
[data-dapp-kit] .
|
|
22
|
+
[data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf3,
|
|
23
|
+
[data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf3 {
|
|
24
|
+
padding: 8px;
|
|
28
25
|
-webkit-user-select: none;
|
|
29
26
|
-moz-user-select: none;
|
|
30
27
|
user-select: none;
|
|
31
28
|
outline: none;
|
|
32
29
|
display: flex;
|
|
33
30
|
align-items: center;
|
|
34
|
-
border-radius: var(--dapp-kit-radii-
|
|
35
|
-
font-size: var(--dapp-kit-fontSizes-medium);
|
|
36
|
-
font-weight: var(--dapp-kit-fontWeights-normal);
|
|
37
|
-
letter-spacing: var(--dapp-kit-typography-letterSpacing);
|
|
38
|
-
line-height: var(--dapp-kit-typography-lineHeight);
|
|
39
|
-
padding: var(--dapp-kit-spacing-small);
|
|
31
|
+
border-radius: var(--dapp-kit-radii-large);
|
|
40
32
|
}
|
|
41
|
-
[data-dapp-kit].
|
|
42
|
-
[data-dapp-kit] .
|
|
43
|
-
background-color: var(--dapp-kit-backgroundColors-
|
|
44
|
-
cursor: pointer;
|
|
33
|
+
[data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf3[data-highlighted],
|
|
34
|
+
[data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf3[data-highlighted] {
|
|
35
|
+
background-color: var(--dapp-kit-backgroundColors-primaryButton);
|
|
45
36
|
}
|
|
46
|
-
[data-dapp-kit].
|
|
47
|
-
[data-dapp-kit] .
|
|
37
|
+
[data-dapp-kit].AccountDropdownMenu_switchAccountMenuItem__1x0gmpf4,
|
|
38
|
+
[data-dapp-kit] .AccountDropdownMenu_switchAccountMenuItem__1x0gmpf4 {
|
|
48
39
|
display: flex;
|
|
49
40
|
justify-content: space-between;
|
|
50
41
|
align-items: center;
|
|
51
42
|
}
|
|
52
|
-
[data-dapp-kit].
|
|
53
|
-
[data-dapp-kit] .
|
|
43
|
+
[data-dapp-kit].AccountDropdownMenu_separator__1x0gmpf5,
|
|
44
|
+
[data-dapp-kit] .AccountDropdownMenu_separator__1x0gmpf5 {
|
|
54
45
|
height: 1px;
|
|
55
46
|
flex-shrink: 0;
|
|
56
47
|
background-color: var(--dapp-kit-backgroundColors-dropdownMenuSeparator);
|
|
57
48
|
}
|
|
58
49
|
|
|
59
|
-
/* vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source
|
|
50
|
+
/* vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=OndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7CiAgZm9udC1mYW1pbHk6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udEZhbWlseSk7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwogIGZvbnQtc3R5bGU6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udFN0eWxlKTsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKICBsaW5lLWhlaWdodDogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1saW5lSGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1sZXR0ZXJTcGFjaW5nKTsKfQo6d2hlcmUoYnV0dG9uKSB7CiAgYXBwZWFyYW5jZTogbm9uZTsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7CiAgbGV0dGVyLXNwYWNpbmc6IGluaGVyaXQ7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9Cjp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KOndoZXJlKG9sLCB1bCkgewogIGxpc3Qtc3R5bGU6IG5vbmU7CiAgbWFyZ2luOiAwOwogIHBhZGRpbmc6IDA7Cn0KOndoZXJlKGgxLCBoMiwgaDMsIGg0LCBoNSwgaDYpIHsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7CiAgbWFyZ2luOiAwOwp9 */
|
|
60
51
|
[data-dapp-kit]:where(*),
|
|
61
52
|
[data-dapp-kit] :where(*) {
|
|
62
53
|
box-sizing: border-box;
|
|
@@ -101,21 +92,6 @@
|
|
|
101
92
|
font-weight: inherit;
|
|
102
93
|
margin: 0;
|
|
103
94
|
}
|
|
104
|
-
[data-dapp-kit]::-webkit-scrollbar,
|
|
105
|
-
[data-dapp-kit] ::-webkit-scrollbar {
|
|
106
|
-
width: 14px;
|
|
107
|
-
}
|
|
108
|
-
[data-dapp-kit]::-webkit-scrollbar-track,
|
|
109
|
-
[data-dapp-kit] ::-webkit-scrollbar-track {
|
|
110
|
-
border-radius: var(--dapp-kit-radii-xlarge);
|
|
111
|
-
background-color: transparent;
|
|
112
|
-
}
|
|
113
|
-
[data-dapp-kit]::-webkit-scrollbar-thumb,
|
|
114
|
-
[data-dapp-kit] ::-webkit-scrollbar-thumb {
|
|
115
|
-
box-shadow: inset 0 0 10px 10px var(--dapp-kit-backgroundColors-scrollThumb);
|
|
116
|
-
border-radius: var(--dapp-kit-radii-xlarge);
|
|
117
|
-
border: 4px solid transparent;
|
|
118
|
-
}
|
|
119
95
|
|
|
120
96
|
/* vanilla-extract-css-ns:src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7WSwVLCMBCG732KPcohDCA6TrjpxSfQYydt0rKQJplkC60O7+6ktCMKog56Smb/ZP9v/2R8XxNZk2bd8iQ8CkMhTXPKmpmZwGsCIDE4LVoOaDQaxQqtmkUCIDSWhiGpKnDIlSHlY3lVB8KiZbk1pAwdSoU1xLYKyyVx2Ah/xZgUzrE1EovacycFVimJdTVaJLtkfB6QSwwi00p2pNaJHKnlMBnfnLm82W9S57ESvh2aTbsemcjXpbe1kSy32voj0PcDD1EPrG+z9xrFOU9fzE8f/zUmX9qN8n8B+xgb/QTB1hSffkCY7c2tl8qzLUpacpi67lP0xUCtVhyC1SgPyl9AdmIP2Fv9W5qfR7kozQ+w36YZ8EWllRysrw9T9EJiHY4cYxlZUWvdReGElGhKDneugeltjPy8my4Ht/kFbtEJZnPXwCLZvQFzXfF3MwQAAA== */
|
|
121
97
|
[data-dapp-kit].Button_buttonVariants__ctbx2n0,
|
|
@@ -160,7 +136,7 @@
|
|
|
160
136
|
padding: 16px 24px;
|
|
161
137
|
}
|
|
162
138
|
|
|
163
|
-
/* vanilla-extract-css-ns:src/components/ui/Text.css.ts.vanilla.css?source=
|
|
139
|
+
/* vanilla-extract-css-ns:src/components/ui/Text.css.ts.vanilla.css?source=LlRleHRfdGV4dFZhcmlhbnRzX3NpemVfc21fX2FwcmhiZDEgewogIGZvbnQtc2l6ZTogdmFyKC0tZGFwcC1raXQtZm9udFNpemVzLXNtYWxsKTsKfQouVGV4dF90ZXh0VmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fYXByaGJkMiB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLW5vcm1hbCk7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX3dlaWdodF9tZWRpdW1fX2FwcmhiZDMgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1tZWRpdW0pOwp9Ci5UZXh0X3RleHRWYXJpYW50c193ZWlnaHRfYm9sZF9fYXByaGJkNCB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLWJvbGQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9tdXRlZF9fYXByaGJkNSB7CiAgY29sb3I6IHZhcigtLWRhcHAta2l0LWNvbG9ycy1ib2R5TXV0ZWQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9kYW5nZXJfX2FwcmhiZDYgewogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keURhbmdlcik7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX21vbm9fdHJ1ZV9fYXByaGJkNyB7CiAgZm9udC1mYW1pbHk6IHVpLW1vbm9zcGFjZSwgU0ZNb25vLVJlZ3VsYXIsIE1lbmxvLCBNb25hY28sIENvbnNvbGFzLCAiTGliZXJhdGlvbiBNb25vIiwgIkNvdXJpZXIgTmV3IiwgbW9ub3NwYWNlOwp9 */
|
|
164
140
|
[data-dapp-kit].Text_textVariants_size_sm__aprhbd1,
|
|
165
141
|
[data-dapp-kit] .Text_textVariants_size_sm__aprhbd1 {
|
|
166
142
|
font-size: var(--dapp-kit-fontSizes-small);
|
|
@@ -177,20 +153,16 @@
|
|
|
177
153
|
[data-dapp-kit] .Text_textVariants_weight_bold__aprhbd4 {
|
|
178
154
|
font-weight: var(--dapp-kit-fontWeights-bold);
|
|
179
155
|
}
|
|
180
|
-
[data-dapp-kit].
|
|
181
|
-
[data-dapp-kit] .
|
|
182
|
-
color: var(--dapp-kit-colors-body);
|
|
183
|
-
}
|
|
184
|
-
[data-dapp-kit].Text_textVariants_color_muted__aprhbd6,
|
|
185
|
-
[data-dapp-kit] .Text_textVariants_color_muted__aprhbd6 {
|
|
156
|
+
[data-dapp-kit].Text_textVariants_color_muted__aprhbd5,
|
|
157
|
+
[data-dapp-kit] .Text_textVariants_color_muted__aprhbd5 {
|
|
186
158
|
color: var(--dapp-kit-colors-bodyMuted);
|
|
187
159
|
}
|
|
188
|
-
[data-dapp-kit].
|
|
189
|
-
[data-dapp-kit] .
|
|
160
|
+
[data-dapp-kit].Text_textVariants_color_danger__aprhbd6,
|
|
161
|
+
[data-dapp-kit] .Text_textVariants_color_danger__aprhbd6 {
|
|
190
162
|
color: var(--dapp-kit-colors-bodyDanger);
|
|
191
163
|
}
|
|
192
|
-
[data-dapp-kit].
|
|
193
|
-
[data-dapp-kit] .
|
|
164
|
+
[data-dapp-kit].Text_textVariants_mono_true__aprhbd7,
|
|
165
|
+
[data-dapp-kit] .Text_textVariants_mono_true__aprhbd7 {
|
|
194
166
|
font-family:
|
|
195
167
|
ui-monospace,
|
|
196
168
|
SFMono-Regular,
|
|
@@ -1,56 +1,47 @@
|
|
|
1
|
-
/* vanilla-extract-css-ns:src/components/AccountDropdownMenu.css.ts.vanilla.css?source=#
|
|
1
|
+
/* vanilla-extract-css-ns:src/components/AccountDropdownMenu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VTPW8UMRDt71dMSQpHeyFIwalCaChSUSJ0cuw57+S8Y8sec3sg/jta576U5AIRbiy9+Xrz/Hx+Y22sLJ9zTC6u+Q65LmxkRivotsHFYj52fkjLDn7NALxJGq7SeD37PTt/qX5ArreRxRBj3hfPW/FPRexw1PBxd/7aBo8YXLQmjkoKZqNhGXC8nkG7laOMViiyBhtDHXiKrMlJr2F+1aWWOZhR9Ui+Fw0X3R7MnlhJTBouH6FknCP220WPlwa4j9lhVtk4qkXDD5PfKeVMSmpF0mBSwWSPZy3b2JXPsbJTNoaYnxUcEm6neFHuSIWzV+X5IjjstXnftHlKvBbMqmBAKxo4Mk5grBKI8QA8U9QE8qxIcCgaLLJgfuvq/8z7mzNiVE++D9PDoPveNnm7cCnTYPLmUxWJfJpBWZPYfhu5e0rn8mWLPdQitNwo++hIDSUZi+oeZY3IJyU7RQGTyUbi4Xt8aGN31pyng69Ln4lXGrr/d9PX3dhJnD+CRQwU/AMAAA== */
|
|
2
2
|
[data-dapp-kit].AccountDropdownMenu_connectedAccount__1x0gmpf0,
|
|
3
3
|
[data-dapp-kit] .AccountDropdownMenu_connectedAccount__1x0gmpf0 {
|
|
4
|
-
gap:
|
|
4
|
+
gap: 8px;
|
|
5
5
|
}
|
|
6
6
|
[data-dapp-kit].AccountDropdownMenu_menuContainer__1x0gmpf1,
|
|
7
7
|
[data-dapp-kit] .AccountDropdownMenu_menuContainer__1x0gmpf1 {
|
|
8
8
|
z-index: 999999999;
|
|
9
9
|
}
|
|
10
|
-
[data-dapp-kit].
|
|
11
|
-
[data-dapp-kit] .
|
|
12
|
-
color: var(--dapp-kit-colors-body);
|
|
13
|
-
}
|
|
14
|
-
[data-dapp-kit].AccountDropdownMenu_menuContent__1x0gmpf3,
|
|
15
|
-
[data-dapp-kit] .AccountDropdownMenu_menuContent__1x0gmpf3 {
|
|
10
|
+
[data-dapp-kit].AccountDropdownMenu_menuContent__1x0gmpf2,
|
|
11
|
+
[data-dapp-kit] .AccountDropdownMenu_menuContent__1x0gmpf2 {
|
|
16
12
|
display: flex;
|
|
17
13
|
flex-direction: column;
|
|
18
14
|
width: 180px;
|
|
19
15
|
max-height: 200px;
|
|
20
|
-
margin-top:
|
|
21
|
-
|
|
16
|
+
margin-top: 4px;
|
|
17
|
+
padding: 8px;
|
|
18
|
+
gap: 8px;
|
|
22
19
|
border-radius: var(--dapp-kit-radii-large);
|
|
23
20
|
background-color: var(--dapp-kit-backgroundColors-dropdownMenu);
|
|
24
|
-
padding: var(--dapp-kit-spacing-xxsmall);
|
|
25
21
|
}
|
|
26
|
-
[data-dapp-kit].
|
|
27
|
-
[data-dapp-kit] .
|
|
22
|
+
[data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf3,
|
|
23
|
+
[data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf3 {
|
|
24
|
+
padding: 8px;
|
|
28
25
|
-webkit-user-select: none;
|
|
29
26
|
-moz-user-select: none;
|
|
30
27
|
user-select: none;
|
|
31
28
|
outline: none;
|
|
32
29
|
display: flex;
|
|
33
30
|
align-items: center;
|
|
34
|
-
border-radius: var(--dapp-kit-radii-
|
|
35
|
-
font-size: var(--dapp-kit-fontSizes-medium);
|
|
36
|
-
font-weight: var(--dapp-kit-fontWeights-normal);
|
|
37
|
-
letter-spacing: var(--dapp-kit-typography-letterSpacing);
|
|
38
|
-
line-height: var(--dapp-kit-typography-lineHeight);
|
|
39
|
-
padding: var(--dapp-kit-spacing-small);
|
|
31
|
+
border-radius: var(--dapp-kit-radii-large);
|
|
40
32
|
}
|
|
41
|
-
[data-dapp-kit].
|
|
42
|
-
[data-dapp-kit] .
|
|
43
|
-
background-color: var(--dapp-kit-backgroundColors-
|
|
44
|
-
cursor: pointer;
|
|
33
|
+
[data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf3[data-highlighted],
|
|
34
|
+
[data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf3[data-highlighted] {
|
|
35
|
+
background-color: var(--dapp-kit-backgroundColors-primaryButton);
|
|
45
36
|
}
|
|
46
|
-
[data-dapp-kit].
|
|
47
|
-
[data-dapp-kit] .
|
|
37
|
+
[data-dapp-kit].AccountDropdownMenu_switchAccountMenuItem__1x0gmpf4,
|
|
38
|
+
[data-dapp-kit] .AccountDropdownMenu_switchAccountMenuItem__1x0gmpf4 {
|
|
48
39
|
display: flex;
|
|
49
40
|
justify-content: space-between;
|
|
50
41
|
align-items: center;
|
|
51
42
|
}
|
|
52
|
-
[data-dapp-kit].
|
|
53
|
-
[data-dapp-kit] .
|
|
43
|
+
[data-dapp-kit].AccountDropdownMenu_separator__1x0gmpf5,
|
|
44
|
+
[data-dapp-kit] .AccountDropdownMenu_separator__1x0gmpf5 {
|
|
54
45
|
height: 1px;
|
|
55
46
|
flex-shrink: 0;
|
|
56
47
|
background-color: var(--dapp-kit-backgroundColors-dropdownMenuSeparator);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["vanilla-extract-css-ns:src/components/AccountDropdownMenu.css.ts.vanilla.css?source=#
|
|
4
|
-
"sourcesContent": ["[data-dapp-kit].AccountDropdownMenu_connectedAccount__1x0gmpf0, [data-dapp-kit] .AccountDropdownMenu_connectedAccount__1x0gmpf0 {\n gap:
|
|
5
|
-
"mappings": ";AAAA;
|
|
3
|
+
"sources": ["vanilla-extract-css-ns:src/components/AccountDropdownMenu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VTPW8UMRDt71dMSQpHeyFIwalCaChSUSJ0cuw57+S8Y8sec3sg/jta576U5AIRbiy9+Xrz/Hx+Y22sLJ9zTC6u+Q65LmxkRivotsHFYj52fkjLDn7NALxJGq7SeD37PTt/qX5ArreRxRBj3hfPW/FPRexw1PBxd/7aBo8YXLQmjkoKZqNhGXC8nkG7laOMViiyBhtDHXiKrMlJr2F+1aWWOZhR9Ui+Fw0X3R7MnlhJTBouH6FknCP220WPlwa4j9lhVtk4qkXDD5PfKeVMSmpF0mBSwWSPZy3b2JXPsbJTNoaYnxUcEm6neFHuSIWzV+X5IjjstXnftHlKvBbMqmBAKxo4Mk5grBKI8QA8U9QE8qxIcCgaLLJgfuvq/8z7mzNiVE++D9PDoPveNnm7cCnTYPLmUxWJfJpBWZPYfhu5e0rn8mWLPdQitNwo++hIDSUZi+oeZY3IJyU7RQGTyUbi4Xt8aGN31pyng69Ln4lXGrr/d9PX3dhJnD+CRQwU/AMAAA=="],
|
|
4
|
+
"sourcesContent": ["[data-dapp-kit].AccountDropdownMenu_connectedAccount__1x0gmpf0, [data-dapp-kit] .AccountDropdownMenu_connectedAccount__1x0gmpf0 {\n gap: 8px;\n}\n[data-dapp-kit].AccountDropdownMenu_menuContainer__1x0gmpf1, [data-dapp-kit] .AccountDropdownMenu_menuContainer__1x0gmpf1 {\n z-index: 999999999;\n}\n[data-dapp-kit].AccountDropdownMenu_menuContent__1x0gmpf2, [data-dapp-kit] .AccountDropdownMenu_menuContent__1x0gmpf2 {\n display: flex;\n flex-direction: column;\n width: 180px;\n max-height: 200px;\n margin-top: 4px;\n padding: 8px;\n gap: 8px;\n border-radius: var(--dapp-kit-radii-large);\n background-color: var(--dapp-kit-backgroundColors-dropdownMenu);\n}\n[data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf3, [data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf3 {\n padding: 8px;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n outline: none;\n display: flex;\n align-items: center;\n border-radius: var(--dapp-kit-radii-large);\n}\n[data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf3[data-highlighted], [data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf3[data-highlighted] {\n background-color: var(--dapp-kit-backgroundColors-primaryButton);\n}\n[data-dapp-kit].AccountDropdownMenu_switchAccountMenuItem__1x0gmpf4, [data-dapp-kit] .AccountDropdownMenu_switchAccountMenuItem__1x0gmpf4 {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n[data-dapp-kit].AccountDropdownMenu_separator__1x0gmpf5, [data-dapp-kit] .AccountDropdownMenu_separator__1x0gmpf5 {\n height: 1px;\n flex-shrink: 0;\n background-color: var(--dapp-kit-backgroundColors-dropdownMenuSeparator);\n}"],
|
|
5
|
+
"mappings": ";AAAA,CAAC,cAAc,CAAC;AAAgD,CAAC,eAAe,CAAhE;AACd,OAAK;AACP;AACA,CAAC,cAAc,CAAC;AAA6C,CAAC,eAAe,CAA7D;AACd,WAAS;AACX;AACA,CAAC,cAAc,CAAC;AAA2C,CAAC,eAAe,CAA3D;AACd,WAAS;AACT,kBAAgB;AAChB,SAAO;AACP,cAAY;AACZ,cAAY;AACZ,WAAS;AACT,OAAK;AACL,iBAAe,IAAI;AACnB,oBAAkB,IAAI;AACxB;AACA,CAAC,cAAc,CAAC;AAAwC,CAAC,eAAe,CAAxD;AACd,WAAS;AACT,uBAAqB;AAClB,oBAAkB;AACb,eAAa;AACrB,WAAS;AACT,WAAS;AACT,eAAa;AACb,iBAAe,IAAI;AACrB;AACA,CAAC,cAAc,CAVC,sCAUsC,CAAC;AAAmB,CAAC,eAAe,CAV1E,sCAUiH,CAAC;AAChI,oBAAkB,IAAI;AACxB;AACA,CAAC,cAAc,CAAC;AAAqD,CAAC,eAAe,CAArE;AACd,WAAS;AACT,mBAAiB;AACjB,eAAa;AACf;AACA,CAAC,cAAc,CAAC;AAAyC,CAAC,eAAe,CAAzD;AACd,UAAQ;AACR,eAAa;AACb,oBAAkB,IAAI;AACxB;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -21,7 +21,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
|
21
21
|
var AccountDropdownMenu_css_exports = {};
|
|
22
22
|
__export(AccountDropdownMenu_css_exports, {
|
|
23
23
|
connectedAccount: () => connectedAccount,
|
|
24
|
-
icon: () => icon,
|
|
25
24
|
menuContainer: () => menuContainer,
|
|
26
25
|
menuContent: () => menuContent,
|
|
27
26
|
menuItem: () => menuItem,
|
|
@@ -30,10 +29,9 @@ __export(AccountDropdownMenu_css_exports, {
|
|
|
30
29
|
});
|
|
31
30
|
module.exports = __toCommonJS(AccountDropdownMenu_css_exports);
|
|
32
31
|
var connectedAccount = "AccountDropdownMenu_connectedAccount__1x0gmpf0";
|
|
33
|
-
var icon = "AccountDropdownMenu_icon__1x0gmpf2";
|
|
34
32
|
var menuContainer = "AccountDropdownMenu_menuContainer__1x0gmpf1";
|
|
35
|
-
var menuContent = "
|
|
36
|
-
var menuItem = "
|
|
37
|
-
var separator = "
|
|
38
|
-
var switchAccountMenuItem = "
|
|
33
|
+
var menuContent = "AccountDropdownMenu_menuContent__1x0gmpf2";
|
|
34
|
+
var menuItem = "AccountDropdownMenu_menuItem__1x0gmpf3";
|
|
35
|
+
var separator = "AccountDropdownMenu_separator__1x0gmpf5";
|
|
36
|
+
var switchAccountMenuItem = "AccountDropdownMenu_switchAccountMenuItem__1x0gmpf4";
|
|
39
37
|
//# sourceMappingURL=AccountDropdownMenu.css.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/AccountDropdownMenu.css.ts"],
|
|
4
|
-
"sourcesContent": ["import 'src/components/AccountDropdownMenu.css.ts.vanilla.css?source=#
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;
|
|
4
|
+
"sourcesContent": ["import 'src/components/AccountDropdownMenu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VTPW8UMRDt71dMSQpHeyFIwalCaChSUSJ0cuw57+S8Y8sec3sg/jta576U5AIRbiy9+Xrz/Hx+Y22sLJ9zTC6u+Q65LmxkRivotsHFYj52fkjLDn7NALxJGq7SeD37PTt/qX5ArreRxRBj3hfPW/FPRexw1PBxd/7aBo8YXLQmjkoKZqNhGXC8nkG7laOMViiyBhtDHXiKrMlJr2F+1aWWOZhR9Ui+Fw0X3R7MnlhJTBouH6FknCP220WPlwa4j9lhVtk4qkXDD5PfKeVMSmpF0mBSwWSPZy3b2JXPsbJTNoaYnxUcEm6neFHuSIWzV+X5IjjstXnftHlKvBbMqmBAKxo4Mk5grBKI8QA8U9QE8qxIcCgaLLJgfuvq/8z7mzNiVE++D9PDoPveNnm7cCnTYPLmUxWJfJpBWZPYfhu5e0rn8mWLPdQitNwo++hIDSUZi+oeZY3IJyU7RQGTyUbi4Xt8aGN31pyng69Ln4lXGrr/d9PX3dhJnD+CRQwU/AMAAA==';\nexport var connectedAccount = 'AccountDropdownMenu_connectedAccount__1x0gmpf0';\nexport var menuContainer = 'AccountDropdownMenu_menuContainer__1x0gmpf1';\nexport var menuContent = 'AccountDropdownMenu_menuContent__1x0gmpf2';\nexport var menuItem = 'AccountDropdownMenu_menuItem__1x0gmpf3';\nexport var separator = 'AccountDropdownMenu_separator__1x0gmpf5';\nexport var switchAccountMenuItem = 'AccountDropdownMenu_switchAccountMenuItem__1x0gmpf4';"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACO,IAAI,mBAAmB;AACvB,IAAI,gBAAgB;AACpB,IAAI,cAAc;AAClB,IAAI,WAAW;AACf,IAAI,YAAY;AAChB,IAAI,wBAAwB;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["vanilla-extract-css-ns:src/components/AccountDropdownMenu.css.ts.vanilla.css?source=#
|
|
4
|
-
"sourcesContent": ["[data-dapp-kit].AccountDropdownMenu_connectedAccount__1x0gmpf0, [data-dapp-kit] .AccountDropdownMenu_connectedAccount__1x0gmpf0 {\n gap:
|
|
5
|
-
"mappings": ";AAAA;
|
|
3
|
+
"sources": ["vanilla-extract-css-ns:src/components/AccountDropdownMenu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VTPW8UMRDt71dMSQpHeyFIwalCaChSUSJ0cuw57+S8Y8sec3sg/jta576U5AIRbiy9+Xrz/Hx+Y22sLJ9zTC6u+Q65LmxkRivotsHFYj52fkjLDn7NALxJGq7SeD37PTt/qX5ArreRxRBj3hfPW/FPRexw1PBxd/7aBo8YXLQmjkoKZqNhGXC8nkG7laOMViiyBhtDHXiKrMlJr2F+1aWWOZhR9Ui+Fw0X3R7MnlhJTBouH6FknCP220WPlwa4j9lhVtk4qkXDD5PfKeVMSmpF0mBSwWSPZy3b2JXPsbJTNoaYnxUcEm6neFHuSIWzV+X5IjjstXnftHlKvBbMqmBAKxo4Mk5grBKI8QA8U9QE8qxIcCgaLLJgfuvq/8z7mzNiVE++D9PDoPveNnm7cCnTYPLmUxWJfJpBWZPYfhu5e0rn8mWLPdQitNwo++hIDSUZi+oeZY3IJyU7RQGTyUbi4Xt8aGN31pyng69Ln4lXGrr/d9PX3dhJnD+CRQwU/AMAAA==", "vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=OndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7CiAgZm9udC1mYW1pbHk6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udEZhbWlseSk7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwogIGZvbnQtc3R5bGU6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udFN0eWxlKTsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKICBsaW5lLWhlaWdodDogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1saW5lSGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1sZXR0ZXJTcGFjaW5nKTsKfQo6d2hlcmUoYnV0dG9uKSB7CiAgYXBwZWFyYW5jZTogbm9uZTsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7CiAgbGV0dGVyLXNwYWNpbmc6IGluaGVyaXQ7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9Cjp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KOndoZXJlKG9sLCB1bCkgewogIGxpc3Qtc3R5bGU6IG5vbmU7CiAgbWFyZ2luOiAwOwogIHBhZGRpbmc6IDA7Cn0KOndoZXJlKGgxLCBoMiwgaDMsIGg0LCBoNSwgaDYpIHsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7CiAgbWFyZ2luOiAwOwp9", "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/ui/Text.css.ts.vanilla.css?source=LlRleHRfdGV4dFZhcmlhbnRzX3NpemVfc21fX2FwcmhiZDEgewogIGZvbnQtc2l6ZTogdmFyKC0tZGFwcC1raXQtZm9udFNpemVzLXNtYWxsKTsKfQouVGV4dF90ZXh0VmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fYXByaGJkMiB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLW5vcm1hbCk7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX3dlaWdodF9tZWRpdW1fX2FwcmhiZDMgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1tZWRpdW0pOwp9Ci5UZXh0X3RleHRWYXJpYW50c193ZWlnaHRfYm9sZF9fYXByaGJkNCB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLWJvbGQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9tdXRlZF9fYXByaGJkNSB7CiAgY29sb3I6IHZhcigtLWRhcHAta2l0LWNvbG9ycy1ib2R5TXV0ZWQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9kYW5nZXJfX2FwcmhiZDYgewogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keURhbmdlcik7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX21vbm9fdHJ1ZV9fYXByaGJkNyB7CiAgZm9udC1mYW1pbHk6IHVpLW1vbm9zcGFjZSwgU0ZNb25vLVJlZ3VsYXIsIE1lbmxvLCBNb25hY28sIENvbnNvbGFzLCAiTGliZXJhdGlvbiBNb25vIiwgIkNvdXJpZXIgTmV3IiwgbW9ub3NwYWNlOwp9"],
|
|
4
|
+
"sourcesContent": ["[data-dapp-kit].AccountDropdownMenu_connectedAccount__1x0gmpf0, [data-dapp-kit] .AccountDropdownMenu_connectedAccount__1x0gmpf0 {\n gap: 8px;\n}\n[data-dapp-kit].AccountDropdownMenu_menuContainer__1x0gmpf1, [data-dapp-kit] .AccountDropdownMenu_menuContainer__1x0gmpf1 {\n z-index: 999999999;\n}\n[data-dapp-kit].AccountDropdownMenu_menuContent__1x0gmpf2, [data-dapp-kit] .AccountDropdownMenu_menuContent__1x0gmpf2 {\n display: flex;\n flex-direction: column;\n width: 180px;\n max-height: 200px;\n margin-top: 4px;\n padding: 8px;\n gap: 8px;\n border-radius: var(--dapp-kit-radii-large);\n background-color: var(--dapp-kit-backgroundColors-dropdownMenu);\n}\n[data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf3, [data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf3 {\n padding: 8px;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n outline: none;\n display: flex;\n align-items: center;\n border-radius: var(--dapp-kit-radii-large);\n}\n[data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf3[data-highlighted], [data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf3[data-highlighted] {\n background-color: var(--dapp-kit-backgroundColors-primaryButton);\n}\n[data-dapp-kit].AccountDropdownMenu_switchAccountMenuItem__1x0gmpf4, [data-dapp-kit] .AccountDropdownMenu_switchAccountMenuItem__1x0gmpf4 {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n[data-dapp-kit].AccountDropdownMenu_separator__1x0gmpf5, [data-dapp-kit] .AccountDropdownMenu_separator__1x0gmpf5 {\n height: 1px;\n flex-shrink: 0;\n background-color: var(--dapp-kit-backgroundColors-dropdownMenuSeparator);\n}", "[data-dapp-kit]:where(*), [data-dapp-kit] :where(*) {\n box-sizing: border-box;\n color: var(--dapp-kit-colors-body);\n font-family: var(--dapp-kit-typography-fontFamily);\n font-size: var(--dapp-kit-fontWeights-normal);\n font-style: var(--dapp-kit-typography-fontStyle);\n font-weight: var(--dapp-kit-fontWeights-normal);\n line-height: var(--dapp-kit-typography-lineHeight);\n letter-spacing: var(--dapp-kit-typography-letterSpacing);\n}\n[data-dapp-kit]:where(button), [data-dapp-kit] :where(button) {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background-color: transparent;\n font-size: inherit;\n font-family: inherit;\n line-height: inherit;\n letter-spacing: inherit;\n color: inherit;\n border: 0;\n padding: 0;\n margin: 0;\n}\n[data-dapp-kit]:where(a), [data-dapp-kit] :where(a) {\n text-decoration: none;\n color: inherit;\n outline: none;\n}\n[data-dapp-kit]:where(ol, ul), [data-dapp-kit] :where(ol, ul) {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n[data-dapp-kit]:where(h1, h2, h3, h4, h5, h6), [data-dapp-kit] :where(h1, h2, h3, h4, h5, h6) {\n font-size: inherit;\n font-weight: inherit;\n margin: 0;\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].Text_textVariants_size_sm__aprhbd1, [data-dapp-kit] .Text_textVariants_size_sm__aprhbd1 {\n font-size: var(--dapp-kit-fontSizes-small);\n}\n[data-dapp-kit].Text_textVariants_weight_normal__aprhbd2, [data-dapp-kit] .Text_textVariants_weight_normal__aprhbd2 {\n font-weight: var(--dapp-kit-fontWeights-normal);\n}\n[data-dapp-kit].Text_textVariants_weight_medium__aprhbd3, [data-dapp-kit] .Text_textVariants_weight_medium__aprhbd3 {\n font-weight: var(--dapp-kit-fontWeights-medium);\n}\n[data-dapp-kit].Text_textVariants_weight_bold__aprhbd4, [data-dapp-kit] .Text_textVariants_weight_bold__aprhbd4 {\n font-weight: var(--dapp-kit-fontWeights-bold);\n}\n[data-dapp-kit].Text_textVariants_color_muted__aprhbd5, [data-dapp-kit] .Text_textVariants_color_muted__aprhbd5 {\n color: var(--dapp-kit-colors-bodyMuted);\n}\n[data-dapp-kit].Text_textVariants_color_danger__aprhbd6, [data-dapp-kit] .Text_textVariants_color_danger__aprhbd6 {\n color: var(--dapp-kit-colors-bodyDanger);\n}\n[data-dapp-kit].Text_textVariants_mono_true__aprhbd7, [data-dapp-kit] .Text_textVariants_mono_true__aprhbd7 {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}"],
|
|
5
|
+
"mappings": ";AAAA,CAAC,cAAc,CAAC;AAAgD,CAAC,eAAe,CAAhE;AACd,OAAK;AACP;AACA,CAAC,cAAc,CAAC;AAA6C,CAAC,eAAe,CAA7D;AACd,WAAS;AACX;AACA,CAAC,cAAc,CAAC;AAA2C,CAAC,eAAe,CAA3D;AACd,WAAS;AACT,kBAAgB;AAChB,SAAO;AACP,cAAY;AACZ,cAAY;AACZ,WAAS;AACT,OAAK;AACL,iBAAe,IAAI;AACnB,oBAAkB,IAAI;AACxB;AACA,CAAC,cAAc,CAAC;AAAwC,CAAC,eAAe,CAAxD;AACd,WAAS;AACT,uBAAqB;AAClB,oBAAkB;AACb,eAAa;AACrB,WAAS;AACT,WAAS;AACT,eAAa;AACb,iBAAe,IAAI;AACrB;AACA,CAAC,cAAc,CAVC,sCAUsC,CAAC;AAAmB,CAAC,eAAe,CAV1E,sCAUiH,CAAC;AAChI,oBAAkB,IAAI;AACxB;AACA,CAAC,cAAc,CAAC;AAAqD,CAAC,eAAe,CAArE;AACd,WAAS;AACT,mBAAiB;AACjB,eAAa;AACf;AACA,CAAC,cAAc,CAAC;AAAyC,CAAC,eAAe,CAAzD;AACd,UAAQ;AACR,eAAa;AACb,oBAAkB,IAAI;AACxB;;;ACvCA,CAAC,cAAc,OAAO;AAAI,CAAC,eAAe,OAAO;AAC/C,cAAY;AACZ,SAAO,IAAI;AACX,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,cAAY,IAAI;AAChB,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAAC,cAAc,OAAO;AAAS,CAAC,eAAe,OAAO;AACpD,sBAAoB;AACjB,mBAAiB;AACZ,cAAY;AACpB,oBAAkB;AAClB,aAAW;AACX,eAAa;AACb,eAAa;AACb,kBAAgB;AAChB,SAAO;AACP,UAAQ;AACR,WAAS;AACT,UAAQ;AACV;AACA,CAAC,cAAc,OAAO;AAAI,CAAC,eAAe,OAAO;AAC/C,mBAAiB;AACjB,SAAO;AACP,WAAS;AACX;AACA,CAAC,cAAc,OAAO,IAAI;AAAK,CAAC,eAAe,OAAO,IAAI;AACxD,cAAY;AACZ,UAAQ;AACR,WAAS;AACX;AACA,CAAC,cAAc,OAAO,IAAI,IAAI,IAAI,IAAI,IAAI;AAAK,CAAC,eAAe,OAAO,IAAI,IAAI,IAAI,IAAI,IAAI;AACxF,aAAW;AACX,eAAa;AACb,UAAQ;AACV;;;ACtCA,CAAC,cAAc,CAAC;AAAgC,CAAC,eAAe,CAAhD;AACd,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,eAAa,IAAI;AACnB;AACA,CAAC,cAAc,CANC,8BAM8B;AAAW,CAAC,eAAe,CANzD,8BAMwF;AACtG,WAAS;AACX;AACA,CAAC,cAAc,CAAC;AAAgD,CAAC,eAAe,CAAhE;AACd,oBAAkB,IAAI;AACtB,SAAO,IAAI;AACb;AACA,CAAC,cAAc,CAJC,8CAI8C;AAAQ,CAAC,eAAe,CAJtE,8CAIqH;AACnI,oBAAkB,IAAI;AACxB;AACA,CAAC,cAAc,CAAC;AAAgD,CAAC,eAAe,CAAhE;AACd,gBAAc;AACd,gBAAc;AACd,gBAAc,IAAI;AAClB,SAAO,IAAI;AACb;AACA,CAAC,cAAc,CANC,8CAM8C;AAAQ,CAAC,eAAe,CANtE,8CAMqH;AACnI,oBAAkB,IAAI;AACxB;AACA,CAAC,cAAc,CAAC;AAAwC,CAAC,eAAe,CAAxD;AACd,iBAAe,IAAI;AACnB,WAAS,IAAI;AACf;AACA,CAAC,cAAc,CAAC;AAAwC,CAAC,eAAe,CAAxD;AACd,iBAAe,IAAI;AACnB,WAAS,KAAK;AAChB;;;AChCA,CAAC,cAAc,CAAC;AAAoC,CAAC,eAAe,CAApD;AACd,aAAW,IAAI;AACjB;AACA,CAAC,cAAc,CAAC;AAA0C,CAAC,eAAe,CAA1D;AACd,eAAa,IAAI;AACnB;AACA,CAAC,cAAc,CAAC;AAA0C,CAAC,eAAe,CAA1D;AACd,eAAa,IAAI;AACnB;AACA,CAAC,cAAc,CAAC;AAAwC,CAAC,eAAe,CAAxD;AACd,eAAa,IAAI;AACnB;AACA,CAAC,cAAc,CAAC;AAAwC,CAAC,eAAe,CAAxD;AACd,SAAO,IAAI;AACb;AACA,CAAC,cAAc,CAAC;AAAyC,CAAC,eAAe,CAAzD;AACd,SAAO,IAAI;AACb;AACA,CAAC,cAAc,CAAC;AAAsC,CAAC,eAAe,CAAtD;AACd;AAAA,IAAa,YAAY;AAAA,IAAE,cAAc;AAAA,IAAE,KAAK;AAAA,IAAE,MAAM;AAAA,IAAE,QAAQ;AAAA,IAAE,iBAAiB;AAAA,IAAE,aAAa;AAAA,IAAE;AACxG;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import type { WalletAccount } from '@iota/wallet-standard';
|
|
2
|
+
import { Button } from './ui/Button.js';
|
|
2
3
|
type AccountDropdownMenuProps = {
|
|
3
4
|
currentAccount: WalletAccount;
|
|
5
|
+
size?: React.ComponentProps<typeof Button>['size'];
|
|
4
6
|
};
|
|
5
|
-
export declare function AccountDropdownMenu({ currentAccount }: AccountDropdownMenuProps): import("react/jsx-runtime.js").JSX.Element;
|
|
7
|
+
export declare function AccountDropdownMenu({ currentAccount, size }: AccountDropdownMenuProps): import("react/jsx-runtime.js").JSX.Element;
|
|
6
8
|
export declare function AccountDropdownMenuItem({ account, active, }: {
|
|
7
9
|
account: WalletAccount;
|
|
8
10
|
active?: boolean;
|
|
@@ -33,9 +33,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
33
33
|
));
|
|
34
34
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
35
35
|
|
|
36
|
-
// vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source
|
|
37
|
-
var
|
|
38
|
-
"vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source
|
|
36
|
+
// vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=OndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7CiAgZm9udC1mYW1pbHk6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udEZhbWlseSk7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwogIGZvbnQtc3R5bGU6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udFN0eWxlKTsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKICBsaW5lLWhlaWdodDogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1saW5lSGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1sZXR0ZXJTcGFjaW5nKTsKfQo6d2hlcmUoYnV0dG9uKSB7CiAgYXBwZWFyYW5jZTogbm9uZTsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7CiAgbGV0dGVyLXNwYWNpbmc6IGluaGVyaXQ7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9Cjp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KOndoZXJlKG9sLCB1bCkgewogIGxpc3Qtc3R5bGU6IG5vbmU7CiAgbWFyZ2luOiAwOwogIHBhZGRpbmc6IDA7Cn0KOndoZXJlKGgxLCBoMiwgaDMsIGg0LCBoNSwgaDYpIHsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7CiAgbWFyZ2luOiAwOwp9
|
|
37
|
+
var init_StyleMarker_css_ts_vanilla = __esm({
|
|
38
|
+
"vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=OndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7CiAgZm9udC1mYW1pbHk6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udEZhbWlseSk7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwogIGZvbnQtc3R5bGU6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udFN0eWxlKTsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKICBsaW5lLWhlaWdodDogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1saW5lSGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1sZXR0ZXJTcGFjaW5nKTsKfQo6d2hlcmUoYnV0dG9uKSB7CiAgYXBwZWFyYW5jZTogbm9uZTsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7CiAgbGV0dGVyLXNwYWNpbmc6IGluaGVyaXQ7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9Cjp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KOndoZXJlKG9sLCB1bCkgewogIGxpc3Qtc3R5bGU6IG5vbmU7CiAgbWFyZ2luOiAwOwogIHBhZGRpbmc6IDA7Cn0KOndoZXJlKGgxLCBoMiwgaDMsIGg0LCBoNSwgaDYpIHsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7CiAgbWFyZ2luOiAwOwp9"() {
|
|
39
39
|
}
|
|
40
40
|
});
|
|
41
41
|
|
|
@@ -43,7 +43,7 @@ var init_ = __esm({
|
|
|
43
43
|
var require_StyleMarker_css = __commonJS({
|
|
44
44
|
"src/components/styling/StyleMarker.css.ts"() {
|
|
45
45
|
"use strict";
|
|
46
|
-
|
|
46
|
+
init_StyleMarker_css_ts_vanilla();
|
|
47
47
|
}
|
|
48
48
|
});
|
|
49
49
|
|
|
@@ -92,9 +92,10 @@ var walletMutationKeys = {
|
|
|
92
92
|
autoconnectWallet: formMutationKeyFn("autoconnect-wallet"),
|
|
93
93
|
disconnectWallet: formMutationKeyFn("disconnect-wallet"),
|
|
94
94
|
signPersonalMessage: formMutationKeyFn("sign-personal-message"),
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
switchAccount: formMutationKeyFn("switch-account")
|
|
95
|
+
signTransaction: formMutationKeyFn("sign-transaction"),
|
|
96
|
+
signAndExecuteTransaction: formMutationKeyFn("sign-and-execute-transaction"),
|
|
97
|
+
switchAccount: formMutationKeyFn("switch-account"),
|
|
98
|
+
reportTransactionEffects: formMutationKeyFn("report-transaction-effects")
|
|
98
99
|
};
|
|
99
100
|
function formMutationKeyFn(baseEntity) {
|
|
100
101
|
return function mutationKeyFn(additionalKeys = []) {
|
|
@@ -112,6 +113,7 @@ var WalletAccountNotFoundError = class extends Error {
|
|
|
112
113
|
function useCurrentWallet() {
|
|
113
114
|
const currentWallet = useWalletStore((state) => state.currentWallet);
|
|
114
115
|
const connectionStatus = useWalletStore((state) => state.connectionStatus);
|
|
116
|
+
const supportedIntents = useWalletStore((state) => state.supportedIntents);
|
|
115
117
|
switch (connectionStatus) {
|
|
116
118
|
case "connecting":
|
|
117
119
|
return {
|
|
@@ -119,7 +121,8 @@ function useCurrentWallet() {
|
|
|
119
121
|
currentWallet: null,
|
|
120
122
|
isDisconnected: false,
|
|
121
123
|
isConnecting: true,
|
|
122
|
-
isConnected: false
|
|
124
|
+
isConnected: false,
|
|
125
|
+
supportedIntents: []
|
|
123
126
|
};
|
|
124
127
|
case "disconnected":
|
|
125
128
|
return {
|
|
@@ -127,7 +130,8 @@ function useCurrentWallet() {
|
|
|
127
130
|
currentWallet: null,
|
|
128
131
|
isDisconnected: true,
|
|
129
132
|
isConnecting: false,
|
|
130
|
-
isConnected: false
|
|
133
|
+
isConnected: false,
|
|
134
|
+
supportedIntents: []
|
|
131
135
|
};
|
|
132
136
|
case "connected": {
|
|
133
137
|
return {
|
|
@@ -135,7 +139,8 @@ function useCurrentWallet() {
|
|
|
135
139
|
currentWallet,
|
|
136
140
|
isDisconnected: false,
|
|
137
141
|
isConnecting: false,
|
|
138
|
-
isConnected: true
|
|
142
|
+
isConnected: true,
|
|
143
|
+
supportedIntents
|
|
139
144
|
};
|
|
140
145
|
}
|
|
141
146
|
}
|
|
@@ -198,12 +203,11 @@ function useSwitchAccount({
|
|
|
198
203
|
|
|
199
204
|
// src/components/AccountDropdownMenu.css.ts
|
|
200
205
|
var connectedAccount = "AccountDropdownMenu_connectedAccount__1x0gmpf0";
|
|
201
|
-
var icon = "AccountDropdownMenu_icon__1x0gmpf2";
|
|
202
206
|
var menuContainer = "AccountDropdownMenu_menuContainer__1x0gmpf1";
|
|
203
|
-
var menuContent = "
|
|
204
|
-
var menuItem = "
|
|
205
|
-
var separator = "
|
|
206
|
-
var switchAccountMenuItem = "
|
|
207
|
+
var menuContent = "AccountDropdownMenu_menuContent__1x0gmpf2";
|
|
208
|
+
var menuItem = "AccountDropdownMenu_menuItem__1x0gmpf3";
|
|
209
|
+
var separator = "AccountDropdownMenu_separator__1x0gmpf5";
|
|
210
|
+
var switchAccountMenuItem = "AccountDropdownMenu_switchAccountMenuItem__1x0gmpf4";
|
|
207
211
|
|
|
208
212
|
// src/components/icons/CheckIcon.tsx
|
|
209
213
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
@@ -280,7 +284,7 @@ var import_react5 = require("react");
|
|
|
280
284
|
|
|
281
285
|
// src/components/ui/Text.css.ts
|
|
282
286
|
var import_createRuntimeFn2 = require("@vanilla-extract/recipes/createRuntimeFn");
|
|
283
|
-
var textVariants = (0, import_createRuntimeFn2.createRuntimeFn)({ defaultClassName: "Text__aprhbd0", variantClassNames: { size: { sm: "Text_textVariants_size_sm__aprhbd1" }, weight: { normal: "Text_textVariants_weight_normal__aprhbd2", medium: "Text_textVariants_weight_medium__aprhbd3", bold: "Text_textVariants_weight_bold__aprhbd4" }, color: {
|
|
287
|
+
var textVariants = (0, import_createRuntimeFn2.createRuntimeFn)({ defaultClassName: "Text__aprhbd0", variantClassNames: { size: { sm: "Text_textVariants_size_sm__aprhbd1" }, weight: { normal: "Text_textVariants_weight_normal__aprhbd2", medium: "Text_textVariants_weight_medium__aprhbd3", bold: "Text_textVariants_weight_bold__aprhbd4" }, color: { muted: "Text_textVariants_color_muted__aprhbd5", danger: "Text_textVariants_color_danger__aprhbd6" }, mono: { true: "Text_textVariants_mono_true__aprhbd7" } }, defaultVariants: { size: "sm", weight: "normal" }, compoundVariants: [] });
|
|
284
288
|
|
|
285
289
|
// src/components/ui/Text.tsx
|
|
286
290
|
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
@@ -311,13 +315,13 @@ Text.displayName = "Text";
|
|
|
311
315
|
|
|
312
316
|
// src/components/AccountDropdownMenu.tsx
|
|
313
317
|
var import_jsx_runtime6 = require("react/jsx-runtime");
|
|
314
|
-
function AccountDropdownMenu({ currentAccount }) {
|
|
318
|
+
function AccountDropdownMenu({ currentAccount, size = "lg" }) {
|
|
315
319
|
const { mutate: disconnectWallet } = useDisconnectWallet();
|
|
316
320
|
const accounts = useAccounts();
|
|
317
321
|
return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(DropdownMenu.Root, { modal: false, children: [
|
|
318
|
-
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(StyleMarker, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Button, { size
|
|
319
|
-
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { children: currentAccount.label ?? (0, import_utils.formatAddress)(currentAccount.address) }),
|
|
320
|
-
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronIcon, {
|
|
322
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(StyleMarker, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Button, { size, className: connectedAccount, children: [
|
|
323
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { mono: true, weight: "bold", children: currentAccount.label ?? (0, import_utils.formatAddress)(currentAccount.address) }),
|
|
324
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronIcon, {})
|
|
321
325
|
] }) }) }),
|
|
322
326
|
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DropdownMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(StyleMarker, { className: menuContainer, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(DropdownMenu.Content, { className: menuContent, children: [
|
|
323
327
|
accounts.map((account) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
@@ -351,7 +355,7 @@ function AccountDropdownMenuItem({
|
|
|
351
355
|
className: (0, import_clsx3.default)(menuItem, switchAccountMenuItem),
|
|
352
356
|
onSelect: () => switchAccount({ account }),
|
|
353
357
|
children: [
|
|
354
|
-
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { children: account.label ?? (0, import_utils.formatAddress)(account.address) }),
|
|
358
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { mono: true, children: account.label ?? (0, import_utils.formatAddress)(account.address) }),
|
|
355
359
|
active ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CheckIcon, {}) : null
|
|
356
360
|
]
|
|
357
361
|
}
|