@iota/dapp-kit 0.1.1 → 0.2.0

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

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

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

@@ -0,0 +1,51 @@
+/* vanilla-extract-css-ns:src/components/connect-modal/views/WalletConnect.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7WTTUsDMRCG7/0VuQj2kFKtH7A9Vrz1pOCxpMnsNpqdCcnEbSv977Ir/dxFquIpzAfzPvMOGbwo54AnhAiaZ9VhNCFkZRHCbJZoSKM4FB89IRZgiwVn4mo4vBj3hKis4cU+pHcIuaMqEyoxjXub3uAbjUci3gtcNQLGRu/UKhO5g2U9sn6lsQE0W8JMaHKpxLpSKJ+JdxUupTTKe/lmWUavtMVCxlI51+8AgBAotJa77tY+2e4UJVBVp5WzBUrLUMZMaECGUKdfU2Sbr6QmZEDORM0Gcg5cAfxxgSnEqArY4o8a/JyQZbRraA2tK092DXE3VtQ+Umh1Ntko52RWDwoLCF0IMWkNMbZcvPnpBY+ca9oiq8C/9oY8oMXiGZa8Zbr9D2umicF0AWjC3IbyEODubIASjE3leQSdZwGvgmLa3eP++Mv65hpzpd+KQAmN7FbZN0y+9Ewgb6jCKWB62mr0W/9j8wkCAXcTTwQAAA== */
+[data-dapp-kit].WalletConnect_walletConnectContainer__uo0o3s0,
+[data-dapp-kit] .WalletConnect_walletConnectContainer__uo0o3s0 {
+  height: 100%;
+  width: 100%;
+  overflow: auto;
+}
+[data-dapp-kit].WalletConnect_walletConnectFooter__uo0o3s1,
+[data-dapp-kit] .WalletConnect_walletConnectFooter__uo0o3s1 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--dapp-kit-spacing-small);
+}
+[data-dapp-kit].WalletConnect_errorContainer__uo0o3s2,
+[data-dapp-kit] .WalletConnect_errorContainer__uo0o3s2 {
+  display: flex;
+  width: 100%;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--dapp-kit-spacing-small);
+}
+[data-dapp-kit].WalletConnect_errorMessage__uo0o3s3,
+[data-dapp-kit] .WalletConnect_errorMessage__uo0o3s3 {
+  font-size: var(--dapp-kit-fontSizes-small);
+  color: var(--dapp-kit-colors-bodyDanger);
+}
+[data-dapp-kit].WalletConnect_successContainer__uo0o3s4,
+[data-dapp-kit] .WalletConnect_successContainer__uo0o3s4 {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--dapp-kit-spacing-small);
+}
+[data-dapp-kit].WalletConnect_openingText__uo0o3s5,
+[data-dapp-kit] .WalletConnect_openingText__uo0o3s5 {
+  font-size: var(--dapp-kit-fontSizes-small);
+  color: var(--dapp-kit-colors-bodyMuted);
+}
+[data-dapp-kit].WalletConnect_confirmText__uo0o3s6,
+[data-dapp-kit] .WalletConnect_confirmText__uo0o3s6 {
+  font-size: var(--dapp-kit-fontSizes-medium);
+  color: var(--dapp-kit-colors-body);
+}
+[data-dapp-kit].WalletConnect_separator__uo0o3s7,
+[data-dapp-kit] .WalletConnect_separator__uo0o3s7 {
+  height: 1px;
+  background-color: var(--dapp-kit-backgroundColors-dropdownMenuSeparator);
+  width: 100%;
+}
+/*# sourceMappingURL=WalletConnect.css.css.map */

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["vanilla-extract-css-ns:src/components/connect-modal/views/WalletConnect.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7WTTUsDMRCG7/0VuQj2kFKtH7A9Vrz1pOCxpMnsNpqdCcnEbSv977Ir/dxFquIpzAfzPvMOGbwo54AnhAiaZ9VhNCFkZRHCbJZoSKM4FB89IRZgiwVn4mo4vBj3hKis4cU+pHcIuaMqEyoxjXub3uAbjUci3gtcNQLGRu/UKhO5g2U9sn6lsQE0W8JMaHKpxLpSKJ+JdxUupTTKe/lmWUavtMVCxlI51+8AgBAotJa77tY+2e4UJVBVp5WzBUrLUMZMaECGUKdfU2Sbr6QmZEDORM0Gcg5cAfxxgSnEqArY4o8a/JyQZbRraA2tK092DXE3VtQ+Umh1Ntko52RWDwoLCF0IMWkNMbZcvPnpBY+ca9oiq8C/9oY8oMXiGZa8Zbr9D2umicF0AWjC3IbyEODubIASjE3leQSdZwGvgmLa3eP++Mv65hpzpd+KQAmN7FbZN0y+9Ewgb6jCKWB62mr0W/9j8wkCAXcTTwQAAA=="],
+  "sourcesContent": ["[data-dapp-kit].WalletConnect_walletConnectContainer__uo0o3s0, [data-dapp-kit] .WalletConnect_walletConnectContainer__uo0o3s0 {\n  height: 100%;\n  width: 100%;\n  overflow: auto;\n}\n[data-dapp-kit].WalletConnect_walletConnectFooter__uo0o3s1, [data-dapp-kit] .WalletConnect_walletConnectFooter__uo0o3s1 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--dapp-kit-spacing-small);\n}\n[data-dapp-kit].WalletConnect_errorContainer__uo0o3s2, [data-dapp-kit] .WalletConnect_errorContainer__uo0o3s2 {\n  display: flex;\n  width: 100%;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--dapp-kit-spacing-small);\n}\n[data-dapp-kit].WalletConnect_errorMessage__uo0o3s3, [data-dapp-kit] .WalletConnect_errorMessage__uo0o3s3 {\n  font-size: var(--dapp-kit-fontSizes-small);\n  color: var(--dapp-kit-colors-bodyDanger);\n}\n[data-dapp-kit].WalletConnect_successContainer__uo0o3s4, [data-dapp-kit] .WalletConnect_successContainer__uo0o3s4 {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--dapp-kit-spacing-small);\n}\n[data-dapp-kit].WalletConnect_openingText__uo0o3s5, [data-dapp-kit] .WalletConnect_openingText__uo0o3s5 {\n  font-size: var(--dapp-kit-fontSizes-small);\n  color: var(--dapp-kit-colors-bodyMuted);\n}\n[data-dapp-kit].WalletConnect_confirmText__uo0o3s6, [data-dapp-kit] .WalletConnect_confirmText__uo0o3s6 {\n  font-size: var(--dapp-kit-fontSizes-medium);\n  color: var(--dapp-kit-colors-body);\n}\n[data-dapp-kit].WalletConnect_separator__uo0o3s7, [data-dapp-kit] .WalletConnect_separator__uo0o3s7 {\n  height: 1px;\n  background-color: var(--dapp-kit-backgroundColors-dropdownMenuSeparator);\n  width: 100%;\n}"],
+  "mappings": ";AAAA;AAAA;AACE;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AACA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,8 @@
+export declare const walletConnectContainer: string;
+export declare const walletConnectFooter: string;
+export declare const errorContainer: string;
+export declare const errorMessage: string;
+export declare const successContainer: string;
+export declare const openingText: string;
+export declare const confirmText: string;
+export declare const separator: string;

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

@@ -0,0 +1,20 @@
+// src/components/connect-modal/views/WalletConnect.css.ts
+var confirmText = "WalletConnect_confirmText__uo0o3s6";
+var errorContainer = "WalletConnect_errorContainer__uo0o3s2";
+var errorMessage = "WalletConnect_errorMessage__uo0o3s3";
+var openingText = "WalletConnect_openingText__uo0o3s5";
+var separator = "WalletConnect_separator__uo0o3s7";
+var successContainer = "WalletConnect_successContainer__uo0o3s4";
+var walletConnectContainer = "WalletConnect_walletConnectContainer__uo0o3s0";
+var walletConnectFooter = "WalletConnect_walletConnectFooter__uo0o3s1";
+export {
+  confirmText,
+  errorContainer,
+  errorMessage,
+  openingText,
+  separator,
+  successContainer,
+  walletConnectContainer,
+  walletConnectFooter
+};
+//# sourceMappingURL=WalletConnect.css.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/connect-modal/views/WalletConnect.css.ts"],
+  "sourcesContent": ["import 'src/components/connect-modal/views/WalletConnect.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7WTTUsDMRCG7/0VuQj2kFKtH7A9Vrz1pOCxpMnsNpqdCcnEbSv977Ir/dxFquIpzAfzPvMOGbwo54AnhAiaZ9VhNCFkZRHCbJZoSKM4FB89IRZgiwVn4mo4vBj3hKis4cU+pHcIuaMqEyoxjXub3uAbjUci3gtcNQLGRu/UKhO5g2U9sn6lsQE0W8JMaHKpxLpSKJ+JdxUupTTKe/lmWUavtMVCxlI51+8AgBAotJa77tY+2e4UJVBVp5WzBUrLUMZMaECGUKdfU2Sbr6QmZEDORM0Gcg5cAfxxgSnEqArY4o8a/JyQZbRraA2tK092DXE3VtQ+Umh1Ntko52RWDwoLCF0IMWkNMbZcvPnpBY+ca9oiq8C/9oY8oMXiGZa8Zbr9D2umicF0AWjC3IbyEODubIASjE3leQSdZwGvgmLa3eP++Mv65hpzpd+KQAmN7FbZN0y+9Ewgb6jCKWB62mr0W/9j8wkCAXcTTwQAAA==';\nexport var confirmText = 'WalletConnect_confirmText__uo0o3s6';\nexport var errorContainer = 'WalletConnect_errorContainer__uo0o3s2';\nexport var errorMessage = 'WalletConnect_errorMessage__uo0o3s3';\nexport var openingText = 'WalletConnect_openingText__uo0o3s5';\nexport var separator = 'WalletConnect_separator__uo0o3s7';\nexport var successContainer = 'WalletConnect_successContainer__uo0o3s4';\nexport var walletConnectContainer = 'WalletConnect_walletConnectContainer__uo0o3s0';\nexport var walletConnectFooter = 'WalletConnect_walletConnectFooter__uo0o3s1';"],
+  "mappings": ";AACO,IAAI,cAAc;AAClB,IAAI,iBAAiB;AACrB,IAAI,eAAe;AACnB,IAAI,cAAc;AAClB,IAAI,YAAY;AAChB,IAAI,mBAAmB;AACvB,IAAI,yBAAyB;AAC7B,IAAI,sBAAsB;",
+  "names": []
+}

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

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

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

@@ -0,0 +1,7 @@
+import type { WalletWithRequiredFeatures } from '@iota/wallet-standard';
+interface WalletConnectListViewProps {
+    wallets: WalletWithRequiredFeatures[];
+    onOpenChange: (isOpen: boolean) => void;
+}
+export declare function WalletConnectListView({ wallets, onOpenChange }: WalletConnectListViewProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,294 @@
+// src/components/connect-modal/views/WalletConnect.tsx
+import { useState } from "react";
+
+// src/utils/walletUtils.ts
+import { getWallets, isWalletWithRequiredFeatureSet } from "@iota/wallet-standard";
+function getWalletUniqueIdentifier(wallet) {
+  return wallet?.id ?? wallet?.name;
+}
+
+// src/hooks/wallet/useConnectWallet.ts
+import { isSupportedChain } from "@iota/wallet-standard";
+import { useMutation } from "@tanstack/react-query";
+
+// src/constants/walletMutationKeys.ts
+var walletMutationKeys = {
+  all: { baseScope: "wallet" },
+  connectWallet: formMutationKeyFn("connect-wallet"),
+  autoconnectWallet: formMutationKeyFn("autoconnect-wallet"),
+  disconnectWallet: formMutationKeyFn("disconnect-wallet"),
+  signPersonalMessage: formMutationKeyFn("sign-personal-message"),
+  signTransactionBlock: formMutationKeyFn("sign-transaction-block"),
+  signAndExecuteTransactionBlock: formMutationKeyFn("sign-and-execute-transaction-block"),
+  switchAccount: formMutationKeyFn("switch-account")
+};
+function formMutationKeyFn(baseEntity) {
+  return function mutationKeyFn(additionalKeys = []) {
+    return [{ ...walletMutationKeys.all, baseEntity }, ...additionalKeys];
+  };
+}
+
+// src/hooks/wallet/useWalletStore.ts
+import { useContext } from "react";
+import { useStore } from "zustand";
+
+// src/contexts/walletContext.ts
+import { createContext } from "react";
+var WalletContext = createContext(null);
+
+// src/hooks/wallet/useWalletStore.ts
+function useWalletStore(selector) {
+  const store = useContext(WalletContext);
+  if (!store) {
+    throw new Error(
+      "Could not find WalletContext. Ensure that you have set up the WalletProvider."
+    );
+  }
+  return useStore(store, selector);
+}
+
+// src/hooks/wallet/useConnectWallet.ts
+function useConnectWallet({
+  mutationKey,
+  ...mutationOptions
+} = {}) {
+  const setWalletConnected = useWalletStore((state) => state.setWalletConnected);
+  const setConnectionStatus = useWalletStore((state) => state.setConnectionStatus);
+  return useMutation({
+    mutationKey: walletMutationKeys.connectWallet(mutationKey),
+    mutationFn: async ({ wallet, accountAddress, ...connectArgs }) => {
+      try {
+        setConnectionStatus("connecting");
+        const connectResult = await wallet.features["standard:connect"].connect(connectArgs);
+        const connectedIotaAccounts = connectResult.accounts.filter(
+          (account) => account.chains.some(isSupportedChain)
+        );
+        const selectedAccount = getSelectedAccount(connectedIotaAccounts, accountAddress);
+        setWalletConnected(wallet, connectedIotaAccounts, selectedAccount);
+        return { accounts: connectedIotaAccounts };
+      } catch (error) {
+        setConnectionStatus("disconnected");
+        throw error;
+      }
+    },
+    ...mutationOptions
+  });
+}
+function getSelectedAccount(connectedAccounts, accountAddress) {
+  if (connectedAccounts.length === 0) {
+    return null;
+  }
+  if (accountAddress) {
+    const selectedAccount = connectedAccounts.find(
+      (account) => account.address === accountAddress
+    );
+    return selectedAccount ?? connectedAccounts[0];
+  }
+  return connectedAccounts[0];
+}
+
+// src/components/connect-modal/wallet-list/WalletList.css.ts
+var container = "WalletList_container__1tkdegw0";
+
+// src/components/connect-modal/wallet-list/WalletListItem.tsx
+import { clsx as clsx2 } from "clsx";
+
+// src/components/ui/Heading.tsx
+import { Slot } from "@radix-ui/react-slot";
+import clsx from "clsx";
+import { forwardRef } from "react";
+
+// src/components/ui/Heading.css.ts
+import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
+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: [] });
+
+// src/components/ui/Heading.tsx
+import { jsx } from "react/jsx-runtime";
+var Heading = forwardRef(
+  ({
+    children,
+    className,
+    asChild = false,
+    as: Tag = "h1",
+    size,
+    weight,
+    truncate,
+    ...headingProps
+  }, forwardedRef) => {
+    return /* @__PURE__ */ jsx(
+      Slot,
+      {
+        ...headingProps,
+        ref: forwardedRef,
+        className: clsx(headingVariants({ size, weight, truncate }), className),
+        children: asChild ? children : /* @__PURE__ */ jsx(Tag, { children })
+      }
+    );
+  }
+);
+Heading.displayName = "Heading";
+
+// src/components/connect-modal/wallet-list/WalletListItem.css.ts
+var container2 = "WalletListItem_container__1vrvezk0";
+var selectedWalletItem = "WalletListItem_selectedWalletItem__1vrvezk2";
+var walletIcon = "WalletListItem_walletIcon__1vrvezk4";
+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";
+function WalletListItem({ name, icon, onClick, isSelected = false }) {
+  return /* @__PURE__ */ jsx3("li", { className: container2, 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, {})
+      ]
+    }
+  ) });
+}
+
+// src/components/connect-modal/wallet-list/WalletList.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+function WalletList({ selectedWalletName, onSelect, wallets }) {
+  return /* @__PURE__ */ jsx4("ul", { className: container, children: wallets.map((wallet) => /* @__PURE__ */ jsx4(
+    WalletListItem,
+    {
+      name: wallet.name,
+      icon: wallet.icon,
+      isSelected: getWalletUniqueIdentifier(wallet) === selectedWalletName,
+      onClick: () => onSelect(wallet)
+    },
+    getWalletUniqueIdentifier(wallet)
+  )) });
+}
+
+// src/components/connect-modal/views/WalletConnect.css.ts
+var confirmText = "WalletConnect_confirmText__uo0o3s6";
+var errorContainer = "WalletConnect_errorContainer__uo0o3s2";
+var errorMessage = "WalletConnect_errorMessage__uo0o3s3";
+var openingText = "WalletConnect_openingText__uo0o3s5";
+var separator = "WalletConnect_separator__uo0o3s7";
+var successContainer = "WalletConnect_successContainer__uo0o3s4";
+var walletConnectContainer = "WalletConnect_walletConnectContainer__uo0o3s0";
+var walletConnectFooter = "WalletConnect_walletConnectFooter__uo0o3s1";
+
+// src/components/ui/Button.tsx
+import { Slot as Slot2 } from "@radix-ui/react-slot";
+import clsx3 from "clsx";
+import { forwardRef as forwardRef2 } from "react";
+
+// src/components/ui/Button.css.ts
+import { createRuntimeFn as _7a4682 } from "@vanilla-extract/recipes/createRuntimeFn";
+var buttonVariants = _7a4682({ defaultClassName: "Button_buttonVariants__ctbx2n0", variantClassNames: { variant: { primary: "Button_buttonVariants_variant_primary__ctbx2n1", outline: "Button_buttonVariants_variant_outline__ctbx2n2" }, size: { md: "Button_buttonVariants_size_md__ctbx2n3", lg: "Button_buttonVariants_size_lg__ctbx2n4" } }, defaultVariants: { variant: "primary", size: "md" }, compoundVariants: [] });
+
+// src/components/ui/Button.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+var Button = forwardRef2(
+  ({ className, variant, size, asChild = false, ...props }, forwardedRef) => {
+    const Comp = asChild ? Slot2 : "button";
+    return /* @__PURE__ */ jsx5(
+      Comp,
+      {
+        ...props,
+        className: clsx3(buttonVariants({ variant, size }), className),
+        ref: forwardedRef
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+// src/components/connect-modal/views/WalletConnect.tsx
+import { Fragment, jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+function WalletConnectListView({ wallets, onOpenChange }) {
+  const [selectedWallet, setSelectedWallet] = useState();
+  const { mutate, isError } = useConnectWallet();
+  function handleSelectWallet(wallet) {
+    if (getWalletUniqueIdentifier(selectedWallet) !== getWalletUniqueIdentifier(wallet)) {
+      setSelectedWallet(wallet);
+      connectWallet(wallet);
+    }
+  }
+  function resetSelection() {
+    setSelectedWallet(void 0);
+  }
+  function handleOpenChange(open) {
+    if (!open) {
+      resetSelection();
+    }
+    onOpenChange(open);
+  }
+  function connectWallet(wallet) {
+    mutate(
+      { wallet },
+      {
+        onSuccess: () => handleOpenChange(false)
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx6("div", { className: walletConnectContainer, children: /* @__PURE__ */ jsx6(
+      WalletList,
+      {
+        selectedWalletName: getWalletUniqueIdentifier(selectedWallet),
+        onSelect: handleSelectWallet,
+        wallets
+      }
+    ) }),
+    selectedWallet && /* @__PURE__ */ jsx6("div", { className: walletConnectFooter, children: isError ? /* @__PURE__ */ jsxs2("div", { className: errorContainer, children: [
+      /* @__PURE__ */ jsx6("p", { className: errorMessage, children: "Connection failed" }),
+      /* @__PURE__ */ jsx6(
+        Button,
+        {
+          size: "md",
+          variant: "outline",
+          onClick: () => connectWallet(selectedWallet),
+          children: "Retry"
+        }
+      )
+    ] }) : /* @__PURE__ */ jsxs2("div", { className: successContainer, children: [
+      /* @__PURE__ */ jsxs2("p", { className: openingText, children: [
+        "Opening ",
+        selectedWallet.name,
+        "..."
+      ] }),
+      /* @__PURE__ */ jsx6("div", { className: separator }),
+      /* @__PURE__ */ jsx6("p", { className: confirmText, children: "Please confirm the connection in your wallet" })
+    ] }) })
+  ] });
+}
+export {
+  WalletConnectListView
+};
+//# sourceMappingURL=WalletConnect.js.map