@mysten/dapp-kit 0.0.0-experimental-20230928204256

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

@@ -0,0 +1,14 @@
+// src/components/connect-modal/views/ConnectionStatus.css.ts
+var connectionStatus = "ConnectionStatus_connectionStatus__nckm2d3";
+var connectionStatusWithError = "ConnectionStatus_connectionStatusWithError__nckm2d4";
+var container = "ConnectionStatus_container__nckm2d0";
+var walletIcon = "ConnectionStatus_walletIcon__nckm2d1";
+var walletName = "ConnectionStatus_walletName__nckm2d2";
+export {
+  connectionStatus,
+  connectionStatusWithError,
+  container,
+  walletIcon,
+  walletName
+};
+//# sourceMappingURL=ConnectionStatus.css.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/connect-modal/views/ConnectionStatus.css.ts"],
+  "sourcesContent": ["import 'src/components/connect-modal/views/ConnectionStatus.css.ts.vanilla.css?source=LkNvbm5lY3Rpb25TdGF0dXNfY29udGFpbmVyX19uY2ttMmQwIHsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICB3aWR0aDogMTAwJTsKfQouQ29ubmVjdGlvblN0YXR1c193YWxsZXRJY29uX19uY2ttMmQxIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTsKICBvYmplY3QtZml0OiBjb3ZlcjsKICB3aWR0aDogNzJweDsKICBoZWlnaHQ6IDcycHg7CiAgYm9yZGVyLXJhZGl1czogMTZweDsKfQouQ29ubmVjdGlvblN0YXR1c193YWxsZXROYW1lX19uY2ttMmQyIHsKICBtYXJnaW4tdG9wOiAxMnB4Owp9Ci5Db25uZWN0aW9uU3RhdHVzX2Nvbm5lY3Rpb25TdGF0dXNfX25ja20yZDMgewogIG1hcmdpbi10b3A6IDRweDsKfQouQ29ubmVjdGlvblN0YXR1c19jb25uZWN0aW9uU3RhdHVzV2l0aEVycm9yX19uY2ttMmQ0IHsKICBjb2xvcjogcmVkOwp9';\nexport var connectionStatus = 'ConnectionStatus_connectionStatus__nckm2d3';\nexport var connectionStatusWithError = 'ConnectionStatus_connectionStatusWithError__nckm2d4';\nexport var container = 'ConnectionStatus_container__nckm2d0';\nexport var walletIcon = 'ConnectionStatus_walletIcon__nckm2d1';\nexport var walletName = 'ConnectionStatus_walletName__nckm2d2';"],
+  "mappings": ";AACO,IAAI,mBAAmB;AACvB,IAAI,4BAA4B;AAChC,IAAI,YAAY;AAChB,IAAI,aAAa;AACjB,IAAI,aAAa;",
+  "names": []
+}

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["vanilla-extract-css-ns:src/components/connect-modal/views/ConnectionStatus.css.ts.vanilla.css?source=LkNvbm5lY3Rpb25TdGF0dXNfY29udGFpbmVyX19uY2ttMmQwIHsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICB3aWR0aDogMTAwJTsKfQouQ29ubmVjdGlvblN0YXR1c193YWxsZXRJY29uX19uY2ttMmQxIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTsKICBvYmplY3QtZml0OiBjb3ZlcjsKICB3aWR0aDogNzJweDsKICBoZWlnaHQ6IDcycHg7CiAgYm9yZGVyLXJhZGl1czogMTZweDsKfQouQ29ubmVjdGlvblN0YXR1c193YWxsZXROYW1lX19uY2ttMmQyIHsKICBtYXJnaW4tdG9wOiAxMnB4Owp9Ci5Db25uZWN0aW9uU3RhdHVzX2Nvbm5lY3Rpb25TdGF0dXNfX25ja20yZDMgewogIG1hcmdpbi10b3A6IDRweDsKfQouQ29ubmVjdGlvblN0YXR1c19jb25uZWN0aW9uU3RhdHVzV2l0aEVycm9yX19uY2ttMmQ0IHsKICBjb2xvcjogcmVkOwp9"],
+  "sourcesContent": [".ConnectionStatus_container__nckm2d0 {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n}\n.ConnectionStatus_walletIcon__nckm2d1 {\n  background-color: white;\n  -o-object-fit: cover;\n     object-fit: cover;\n  width: 72px;\n  height: 72px;\n  border-radius: 16px;\n}\n.ConnectionStatus_walletName__nckm2d2 {\n  margin-top: 12px;\n}\n.ConnectionStatus_connectionStatus__nckm2d3 {\n  margin-top: 4px;\n}\n.ConnectionStatus_connectionStatusWithError__nckm2d4 {\n  color: red;\n}"],
+  "mappings": ";AAAA;AACE;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACG;AACH;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,8 @@
+import type { WalletWithRequiredFeatures } from '@mysten/wallet-standard';
+type ConnectionStatusProps = {
+    selectedWallet: WalletWithRequiredFeatures;
+    hadConnectionError: boolean;
+    onRetryConnection: (selectedWallet: WalletWithRequiredFeatures) => void;
+};
+export declare function ConnectionStatus({ selectedWallet, hadConnectionError, onRetryConnection, }: ConnectionStatusProps): import("react/jsx-runtime.js").JSX.Element;
+export {};

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

@@ -0,0 +1,46 @@
+// src/components/connect-modal/views/ConnectionStatus.tsx
+import clsx from "clsx";
+
+// src/components/connect-modal/views/ConnectionStatus.css.ts
+var connectionStatus = "ConnectionStatus_connectionStatus__nckm2d3";
+var connectionStatusWithError = "ConnectionStatus_connectionStatusWithError__nckm2d4";
+var container = "ConnectionStatus_container__nckm2d0";
+var walletIcon = "ConnectionStatus_walletIcon__nckm2d1";
+var walletName = "ConnectionStatus_walletName__nckm2d2";
+
+// src/components/connect-modal/views/ConnectionStatus.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function ConnectionStatus({
+  selectedWallet,
+  hadConnectionError,
+  onRetryConnection
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: container, children: [
+    /* @__PURE__ */ jsx(
+      "img",
+      {
+        className: walletIcon,
+        src: selectedWallet.icon,
+        alt: `${selectedWallet.name} logo`
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: walletName, children: [
+      "Opening ",
+      selectedWallet.name
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: clsx(connectionStatus, {
+          [connectionStatusWithError]: hadConnectionError
+        }),
+        children: hadConnectionError ? "Connection failed" : "Confirm connection in the wallet..."
+      }
+    ),
+    hadConnectionError ? /* @__PURE__ */ jsx("button", { type: "button", onClick: () => onRetryConnection(selectedWallet), children: "Retry Connection" }) : null
+  ] });
+}
+export {
+  ConnectionStatus
+};
+//# sourceMappingURL=ConnectionStatus.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/connect-modal/views/ConnectionStatus.tsx", "../../../../../src/components/connect-modal/views/ConnectionStatus.css.ts"],
+  "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { WalletWithRequiredFeatures } from '@mysten/wallet-standard';\nimport clsx from 'clsx';\n\nimport * as styles from './ConnectionStatus.css.js';\n\ntype ConnectionStatusProps = {\n\tselectedWallet: WalletWithRequiredFeatures;\n\thadConnectionError: boolean;\n\tonRetryConnection: (selectedWallet: WalletWithRequiredFeatures) => void;\n};\n\nexport function ConnectionStatus({\n\tselectedWallet,\n\thadConnectionError,\n\tonRetryConnection,\n}: ConnectionStatusProps) {\n\treturn (\n\t\t<div className={styles.container}>\n\t\t\t<img\n\t\t\t\tclassName={styles.walletIcon}\n\t\t\t\tsrc={selectedWallet.icon}\n\t\t\t\talt={`${selectedWallet.name} logo`}\n\t\t\t/>\n\t\t\t<div className={styles.walletName}>Opening {selectedWallet.name}</div>\n\t\t\t<div\n\t\t\t\tclassName={clsx(styles.connectionStatus, {\n\t\t\t\t\t[styles.connectionStatusWithError]: hadConnectionError,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{hadConnectionError ? 'Connection failed' : 'Confirm connection in the wallet...'}\n\t\t\t</div>\n\t\t\t{hadConnectionError ? (\n\t\t\t\t<button type=\"button\" onClick={() => onRetryConnection(selectedWallet)}>\n\t\t\t\t\tRetry Connection\n\t\t\t\t</button>\n\t\t\t) : null}\n\t\t</div>\n\t);\n}\n", "import 'src/components/connect-modal/views/ConnectionStatus.css.ts.vanilla.css?source=LkNvbm5lY3Rpb25TdGF0dXNfY29udGFpbmVyX19uY2ttMmQwIHsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICB3aWR0aDogMTAwJTsKfQouQ29ubmVjdGlvblN0YXR1c193YWxsZXRJY29uX19uY2ttMmQxIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTsKICBvYmplY3QtZml0OiBjb3ZlcjsKICB3aWR0aDogNzJweDsKICBoZWlnaHQ6IDcycHg7CiAgYm9yZGVyLXJhZGl1czogMTZweDsKfQouQ29ubmVjdGlvblN0YXR1c193YWxsZXROYW1lX19uY2ttMmQyIHsKICBtYXJnaW4tdG9wOiAxMnB4Owp9Ci5Db25uZWN0aW9uU3RhdHVzX2Nvbm5lY3Rpb25TdGF0dXNfX25ja20yZDMgewogIG1hcmdpbi10b3A6IDRweDsKfQouQ29ubmVjdGlvblN0YXR1c19jb25uZWN0aW9uU3RhdHVzV2l0aEVycm9yX19uY2ttMmQ0IHsKICBjb2xvcjogcmVkOwp9';\nexport var connectionStatus = 'ConnectionStatus_connectionStatus__nckm2d3';\nexport var connectionStatusWithError = 'ConnectionStatus_connectionStatusWithError__nckm2d4';\nexport var container = 'ConnectionStatus_container__nckm2d0';\nexport var walletIcon = 'ConnectionStatus_walletIcon__nckm2d1';\nexport var walletName = 'ConnectionStatus_walletName__nckm2d2';"],
+  "mappings": ";AAIA,OAAO,UAAU;;;ACHV,IAAI,mBAAmB;AACvB,IAAI,4BAA4B;AAChC,IAAI,YAAY;AAChB,IAAI,aAAa;AACjB,IAAI,aAAa;;;ADgBrB,cAKA,YALA;AAPI,SAAS,iBAAiB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AACD,GAA0B;AACzB,SACC,qBAAC,SAAI,WAAkB,WACtB;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,WAAkB;AAAA,QAClB,KAAK,eAAe;AAAA,QACpB,KAAK,GAAG,eAAe;AAAA;AAAA,IACxB;AAAA,IACA,qBAAC,SAAI,WAAkB,YAAY;AAAA;AAAA,MAAS,eAAe;AAAA,OAAK;AAAA,IAChE;AAAA,MAAC;AAAA;AAAA,QACA,WAAW,KAAY,kBAAkB;AAAA,UACxC,CAAQ,yBAAyB,GAAG;AAAA,QACrC,CAAC;AAAA,QAEA,+BAAqB,sBAAsB;AAAA;AAAA,IAC7C;AAAA,IACC,qBACA,oBAAC,YAAO,MAAK,UAAS,SAAS,MAAM,kBAAkB,cAAc,GAAG,8BAExE,IACG;AAAA,KACL;AAEF;",
+  "names": []
+}

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

@@ -0,0 +1,22 @@
+/* vanilla-extract-css-ns:src/components/connect-modal/InfoSection.css.ts.vanilla.css?source=LkluZm9TZWN0aW9uX2NvbnRhaW5lcl9fMXd0aW9pNzAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDRweDsKfQ== */
+.InfoSection_container__1wtioi70 {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+/* vanilla-extract-css-ns:src/components/connect-modal/views/GettingStarted.css.ts.vanilla.css?source=LkdldHRpbmdTdGFydGVkX2NvbnRhaW5lcl9fMWZwMDdlMTAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBhbGlnbi1pdGVtczogY2VudGVyOwp9Ci5HZXR0aW5nU3RhcnRlZF9jb250ZW50X18xZnAwN2UxMiB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIGZsZXgtZ3JvdzogMTsKICBnYXA6IDIwcHg7CiAgcGFkZGluZzogNDBweDsKfQ== */
+.GettingStarted_container__1fp07e10 {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.GettingStarted_content__1fp07e12 {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  flex-grow: 1;
+  gap: 20px;
+  padding: 40px;
+}
+/*# sourceMappingURL=GettingStarted.css.map */

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

@@ -0,0 +1,15 @@
+/* vanilla-extract-css-ns:src/components/connect-modal/views/GettingStarted.css.ts.vanilla.css?source=LkdldHRpbmdTdGFydGVkX2NvbnRhaW5lcl9fMWZwMDdlMTAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBhbGlnbi1pdGVtczogY2VudGVyOwp9Ci5HZXR0aW5nU3RhcnRlZF9jb250ZW50X18xZnAwN2UxMiB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIGZsZXgtZ3JvdzogMTsKICBnYXA6IDIwcHg7CiAgcGFkZGluZzogNDBweDsKfQ== */
+.GettingStarted_container__1fp07e10 {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.GettingStarted_content__1fp07e12 {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  flex-grow: 1;
+  gap: 20px;
+  padding: 40px;
+}
+/*# sourceMappingURL=GettingStarted.css.css.map */

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["vanilla-extract-css-ns:src/components/connect-modal/views/GettingStarted.css.ts.vanilla.css?source=LkdldHRpbmdTdGFydGVkX2NvbnRhaW5lcl9fMWZwMDdlMTAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBhbGlnbi1pdGVtczogY2VudGVyOwp9Ci5HZXR0aW5nU3RhcnRlZF9jb250ZW50X18xZnAwN2UxMiB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIGZsZXgtZ3JvdzogMTsKICBnYXA6IDIwcHg7CiAgcGFkZGluZzogNDBweDsKfQ=="],
+  "sourcesContent": [".GettingStarted_container__1fp07e10 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.GettingStarted_content__1fp07e12 {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex-grow: 1;\n  gap: 20px;\n  padding: 40px;\n}"],
+  "mappings": ";AAAA;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,4 @@
+export declare const container: string;
+export declare const title: string;
+export declare const content: string;
+export declare const installLink: string;

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

@@ -0,0 +1,12 @@
+// src/components/connect-modal/views/GettingStarted.css.ts
+var container = "GettingStarted_container__1fp07e10";
+var content = "GettingStarted_content__1fp07e12";
+var installLink = "GettingStarted_installLink__1fp07e13";
+var title = "GettingStarted_title__1fp07e11";
+export {
+  container,
+  content,
+  installLink,
+  title
+};
+//# sourceMappingURL=GettingStarted.css.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/connect-modal/views/GettingStarted.css.ts"],
+  "sourcesContent": ["import 'src/components/connect-modal/views/GettingStarted.css.ts.vanilla.css?source=LkdldHRpbmdTdGFydGVkX2NvbnRhaW5lcl9fMWZwMDdlMTAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBhbGlnbi1pdGVtczogY2VudGVyOwp9Ci5HZXR0aW5nU3RhcnRlZF9jb250ZW50X18xZnAwN2UxMiB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIGZsZXgtZ3JvdzogMTsKICBnYXA6IDIwcHg7CiAgcGFkZGluZzogNDBweDsKfQ==';\nexport var container = 'GettingStarted_container__1fp07e10';\nexport var content = 'GettingStarted_content__1fp07e12';\nexport var installLink = 'GettingStarted_installLink__1fp07e13';\nexport var title = 'GettingStarted_title__1fp07e11';"],
+  "mappings": ";AACO,IAAI,YAAY;AAChB,IAAI,UAAU;AACd,IAAI,cAAc;AAClB,IAAI,QAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["vanilla-extract-css-ns:src/components/connect-modal/InfoSection.css.ts.vanilla.css?source=LkluZm9TZWN0aW9uX2NvbnRhaW5lcl9fMXd0aW9pNzAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDRweDsKfQ==", "vanilla-extract-css-ns:src/components/connect-modal/views/GettingStarted.css.ts.vanilla.css?source=LkdldHRpbmdTdGFydGVkX2NvbnRhaW5lcl9fMWZwMDdlMTAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBhbGlnbi1pdGVtczogY2VudGVyOwp9Ci5HZXR0aW5nU3RhcnRlZF9jb250ZW50X18xZnAwN2UxMiB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIGZsZXgtZ3JvdzogMTsKICBnYXA6IDIwcHg7CiAgcGFkZGluZzogNDBweDsKfQ=="],
+  "sourcesContent": [".InfoSection_container__1wtioi70 {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}", ".GettingStarted_container__1fp07e10 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.GettingStarted_content__1fp07e12 {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex-grow: 1;\n  gap: 20px;\n  padding: 40px;\n}"],
+  "mappings": ";AAAA;AACE;AACA;AACA;AAAA;;;ACHF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1 @@
+export declare function GettingStarted(): import("react/jsx-runtime.js").JSX.Element;

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

@@ -0,0 +1,46 @@
+// src/components/connect-modal/InfoSection.css.ts
+var container = "InfoSection_container__1wtioi70";
+var description = "InfoSection_description__1wtioi72";
+var heading = "InfoSection_heading__1wtioi71";
+
+// src/components/connect-modal/InfoSection.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function InfoSection({ title: title2, children }) {
+  return /* @__PURE__ */ jsxs("section", { className: container, children: [
+    /* @__PURE__ */ jsx("h3", { className: heading, children: title2 }),
+    /* @__PURE__ */ jsx("div", { className: description, children })
+  ] });
+}
+
+// src/components/connect-modal/views/GettingStarted.css.ts
+var container2 = "GettingStarted_container__1fp07e10";
+var content = "GettingStarted_content__1fp07e12";
+var installLink = "GettingStarted_installLink__1fp07e13";
+var title = "GettingStarted_title__1fp07e11";
+
+// src/components/connect-modal/views/GettingStarted.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function GettingStarted() {
+  return /* @__PURE__ */ jsxs2("div", { className: container2, children: [
+    /* @__PURE__ */ jsx2("h2", { className: title, children: "Get Started with Sui" }),
+    /* @__PURE__ */ jsxs2("div", { className: content, children: [
+      /* @__PURE__ */ jsx2(InfoSection, { title: "Install the Sui Wallet Extension", children: "We recommend pinning Sui Wallet to your taskbar for quicker access." }),
+      /* @__PURE__ */ jsx2(InfoSection, { title: "Create or Import a Wallet", children: "Be sure to back up your wallet using a secure method. Never share your secret phrase with anyone." }),
+      /* @__PURE__ */ jsx2(InfoSection, { title: "Refresh Your Browser", children: "Once you set up your wallet, refresh this window browser to load up the extension." }),
+      /* @__PURE__ */ jsx2(
+        "a",
+        {
+          className: installLink,
+          href: "https://chrome.google.com/webstore/detail/sui-wallet/opcgpfmipidbgpenhmajoajpbobppdil",
+          target: "_blank",
+          rel: "noreferrer",
+          children: "Install Wallet Extension"
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  GettingStarted
+};
+//# sourceMappingURL=GettingStarted.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/connect-modal/InfoSection.css.ts", "../../../../../src/components/connect-modal/InfoSection.tsx", "../../../../../src/components/connect-modal/views/GettingStarted.css.ts", "../../../../../src/components/connect-modal/views/GettingStarted.tsx"],
+  "sourcesContent": ["import 'src/components/connect-modal/InfoSection.css.ts.vanilla.css?source=LkluZm9TZWN0aW9uX2NvbnRhaW5lcl9fMXd0aW9pNzAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDRweDsKfQ==';\nexport var container = 'InfoSection_container__1wtioi70';\nexport var description = 'InfoSection_description__1wtioi72';\nexport var heading = 'InfoSection_heading__1wtioi71';", "// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport * as styles from './InfoSection.css.js';\n\ntype InfoSectionProps = {\n\ttitle: string;\n\tchildren: string;\n};\n\nexport function InfoSection({ title, children }: InfoSectionProps) {\n\treturn (\n\t\t<section className={styles.container}>\n\t\t\t<h3 className={styles.heading}>{title}</h3>\n\t\t\t<div className={styles.description}>{children}</div>\n\t\t</section>\n\t);\n}\n", "import 'src/components/connect-modal/views/GettingStarted.css.ts.vanilla.css?source=LkdldHRpbmdTdGFydGVkX2NvbnRhaW5lcl9fMWZwMDdlMTAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBhbGlnbi1pdGVtczogY2VudGVyOwp9Ci5HZXR0aW5nU3RhcnRlZF9jb250ZW50X18xZnAwN2UxMiB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIGZsZXgtZ3JvdzogMTsKICBnYXA6IDIwcHg7CiAgcGFkZGluZzogNDBweDsKfQ==';\nexport var container = 'GettingStarted_container__1fp07e10';\nexport var content = 'GettingStarted_content__1fp07e12';\nexport var installLink = 'GettingStarted_installLink__1fp07e13';\nexport var title = 'GettingStarted_title__1fp07e11';", "// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { InfoSection } from '../InfoSection.js';\nimport * as styles from './GettingStarted.css.js';\n\nexport function GettingStarted() {\n\treturn (\n\t\t<div className={styles.container}>\n\t\t\t<h2 className={styles.title}>Get Started with Sui</h2>\n\t\t\t<div className={styles.content}>\n\t\t\t\t<InfoSection title=\"Install the Sui Wallet Extension\">\n\t\t\t\t\tWe recommend pinning Sui Wallet to your taskbar for quicker access.\n\t\t\t\t</InfoSection>\n\t\t\t\t<InfoSection title=\"Create or Import a Wallet\">\n\t\t\t\t\tBe sure to back up your wallet using a secure method. Never share your secret phrase with\n\t\t\t\t\tanyone.\n\t\t\t\t</InfoSection>\n\t\t\t\t<InfoSection title=\"Refresh Your Browser\">\n\t\t\t\t\tOnce you set up your wallet, refresh this window browser to load up the extension.\n\t\t\t\t</InfoSection>\n\t\t\t\t<a\n\t\t\t\t\tclassName={styles.installLink}\n\t\t\t\t\thref=\"https://chrome.google.com/webstore/detail/sui-wallet/opcgpfmipidbgpenhmajoajpbobppdil\"\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noreferrer\"\n\t\t\t\t>\n\t\t\t\t\tInstall Wallet Extension\n\t\t\t\t</a>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],
+  "mappings": ";AACO,IAAI,YAAY;AAChB,IAAI,cAAc;AAClB,IAAI,UAAU;;;ACSnB,SACC,KADD;AAFK,SAAS,YAAY,EAAE,OAAAA,QAAO,SAAS,GAAqB;AAClE,SACC,qBAAC,aAAQ,WAAkB,WAC1B;AAAA,wBAAC,QAAG,WAAkB,SAAU,UAAAA,QAAM;AAAA,IACtC,oBAAC,SAAI,WAAkB,aAAc,UAAS;AAAA,KAC/C;AAEF;;;AChBO,IAAIC,aAAY;AAChB,IAAI,UAAU;AACd,IAAI,cAAc;AAClB,IAAI,QAAQ;;;ACKhB,gBAAAC,MACA,QAAAC,aADA;AAHI,SAAS,iBAAiB;AAChC,SACC,gBAAAA,MAAC,SAAI,WAAkBC,YACtB;AAAA,oBAAAF,KAAC,QAAG,WAAkB,OAAO,kCAAoB;AAAA,IACjD,gBAAAC,MAAC,SAAI,WAAkB,SACtB;AAAA,sBAAAD,KAAC,eAAY,OAAM,oCAAmC,iFAEtD;AAAA,MACA,gBAAAA,KAAC,eAAY,OAAM,6BAA4B,+GAG/C;AAAA,MACA,gBAAAA,KAAC,eAAY,OAAM,wBAAuB,gGAE1C;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA;AAAA,UACA,WAAkB;AAAA,UAClB,MAAK;AAAA,UACL,QAAO;AAAA,UACP,KAAI;AAAA,UACJ;AAAA;AAAA,MAED;AAAA,OACD;AAAA,KACD;AAEF;",
+  "names": ["title", "container", "jsx", "jsxs", "container"]
+}

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

@@ -0,0 +1,22 @@
+/* vanilla-extract-css-ns:src/components/connect-modal/InfoSection.css.ts.vanilla.css?source=LkluZm9TZWN0aW9uX2NvbnRhaW5lcl9fMXd0aW9pNzAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDRweDsKfQ== */
+.InfoSection_container__1wtioi70 {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+/* vanilla-extract-css-ns:src/components/connect-modal/views/WhatIsAWallet.css.ts.vanilla.css?source=LldoYXRJc0FXYWxsZXRfY29udGFpbmVyX18xa3Rwa3E5MCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLldoYXRJc0FXYWxsZXRfY29udGVudF9fMWt0cGtxOTIgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBmbGV4LWdyb3c6IDE7CiAgZ2FwOiAyMHB4OwogIHBhZGRpbmc6IDQwcHg7Cn0= */
+.WhatIsAWallet_container__1ktpkq90 {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.WhatIsAWallet_content__1ktpkq92 {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  flex-grow: 1;
+  gap: 20px;
+  padding: 40px;
+}
+/*# sourceMappingURL=WhatIsAWallet.css.map */

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

@@ -0,0 +1,15 @@
+/* vanilla-extract-css-ns:src/components/connect-modal/views/WhatIsAWallet.css.ts.vanilla.css?source=LldoYXRJc0FXYWxsZXRfY29udGFpbmVyX18xa3Rwa3E5MCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLldoYXRJc0FXYWxsZXRfY29udGVudF9fMWt0cGtxOTIgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBmbGV4LWdyb3c6IDE7CiAgZ2FwOiAyMHB4OwogIHBhZGRpbmc6IDQwcHg7Cn0= */
+.WhatIsAWallet_container__1ktpkq90 {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.WhatIsAWallet_content__1ktpkq92 {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  flex-grow: 1;
+  gap: 20px;
+  padding: 40px;
+}
+/*# sourceMappingURL=WhatIsAWallet.css.css.map */

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["vanilla-extract-css-ns:src/components/connect-modal/views/WhatIsAWallet.css.ts.vanilla.css?source=LldoYXRJc0FXYWxsZXRfY29udGFpbmVyX18xa3Rwa3E5MCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLldoYXRJc0FXYWxsZXRfY29udGVudF9fMWt0cGtxOTIgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBmbGV4LWdyb3c6IDE7CiAgZ2FwOiAyMHB4OwogIHBhZGRpbmc6IDQwcHg7Cn0="],
+  "sourcesContent": [".WhatIsAWallet_container__1ktpkq90 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.WhatIsAWallet_content__1ktpkq92 {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex-grow: 1;\n  gap: 20px;\n  padding: 40px;\n}"],
+  "mappings": ";AAAA;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,3 @@
+export declare const container: string;
+export declare const title: string;
+export declare const content: string;

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

@@ -0,0 +1,10 @@
+// src/components/connect-modal/views/WhatIsAWallet.css.ts
+var container = "WhatIsAWallet_container__1ktpkq90";
+var content = "WhatIsAWallet_content__1ktpkq92";
+var title = "WhatIsAWallet_title__1ktpkq91";
+export {
+  container,
+  content,
+  title
+};
+//# sourceMappingURL=WhatIsAWallet.css.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/connect-modal/views/WhatIsAWallet.css.ts"],
+  "sourcesContent": ["import 'src/components/connect-modal/views/WhatIsAWallet.css.ts.vanilla.css?source=LldoYXRJc0FXYWxsZXRfY29udGFpbmVyX18xa3Rwa3E5MCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLldoYXRJc0FXYWxsZXRfY29udGVudF9fMWt0cGtxOTIgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBmbGV4LWdyb3c6IDE7CiAgZ2FwOiAyMHB4OwogIHBhZGRpbmc6IDQwcHg7Cn0=';\nexport var container = 'WhatIsAWallet_container__1ktpkq90';\nexport var content = 'WhatIsAWallet_content__1ktpkq92';\nexport var title = 'WhatIsAWallet_title__1ktpkq91';"],
+  "mappings": ";AACO,IAAI,YAAY;AAChB,IAAI,UAAU;AACd,IAAI,QAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["vanilla-extract-css-ns:src/components/connect-modal/InfoSection.css.ts.vanilla.css?source=LkluZm9TZWN0aW9uX2NvbnRhaW5lcl9fMXd0aW9pNzAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDRweDsKfQ==", "vanilla-extract-css-ns:src/components/connect-modal/views/WhatIsAWallet.css.ts.vanilla.css?source=LldoYXRJc0FXYWxsZXRfY29udGFpbmVyX18xa3Rwa3E5MCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLldoYXRJc0FXYWxsZXRfY29udGVudF9fMWt0cGtxOTIgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBmbGV4LWdyb3c6IDE7CiAgZ2FwOiAyMHB4OwogIHBhZGRpbmc6IDQwcHg7Cn0="],
+  "sourcesContent": [".InfoSection_container__1wtioi70 {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}", ".WhatIsAWallet_container__1ktpkq90 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.WhatIsAWallet_content__1ktpkq92 {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex-grow: 1;\n  gap: 20px;\n  padding: 40px;\n}"],
+  "mappings": ";AAAA;AACE;AACA;AACA;AAAA;;;ACHF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1 @@
+export declare function WhatIsAWallet(): import("react/jsx-runtime.js").JSX.Element;

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

@@ -0,0 +1,34 @@
+// src/components/connect-modal/InfoSection.css.ts
+var container = "InfoSection_container__1wtioi70";
+var description = "InfoSection_description__1wtioi72";
+var heading = "InfoSection_heading__1wtioi71";
+
+// src/components/connect-modal/InfoSection.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function InfoSection({ title: title2, children }) {
+  return /* @__PURE__ */ jsxs("section", { className: container, children: [
+    /* @__PURE__ */ jsx("h3", { className: heading, children: title2 }),
+    /* @__PURE__ */ jsx("div", { className: description, children })
+  ] });
+}
+
+// src/components/connect-modal/views/WhatIsAWallet.css.ts
+var container2 = "WhatIsAWallet_container__1ktpkq90";
+var content = "WhatIsAWallet_content__1ktpkq92";
+var title = "WhatIsAWallet_title__1ktpkq91";
+
+// src/components/connect-modal/views/WhatIsAWallet.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function WhatIsAWallet() {
+  return /* @__PURE__ */ jsxs2("div", { className: container2, children: [
+    /* @__PURE__ */ jsx2("h2", { className: title, children: "What is a Wallet" }),
+    /* @__PURE__ */ jsxs2("div", { className: content, children: [
+      /* @__PURE__ */ jsx2(InfoSection, { title: "Easy Login", children: "No need to create new accounts and passwords for every website. Just connect your wallet and get going." }),
+      /* @__PURE__ */ jsx2(InfoSection, { title: "Store your Digital Assets", children: "Send, receive, store, and display your digital assets like NFTs & coins." })
+    ] })
+  ] });
+}
+export {
+  WhatIsAWallet
+};
+//# sourceMappingURL=WhatIsAWallet.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/connect-modal/InfoSection.css.ts", "../../../../../src/components/connect-modal/InfoSection.tsx", "../../../../../src/components/connect-modal/views/WhatIsAWallet.css.ts", "../../../../../src/components/connect-modal/views/WhatIsAWallet.tsx"],
+  "sourcesContent": ["import 'src/components/connect-modal/InfoSection.css.ts.vanilla.css?source=LkluZm9TZWN0aW9uX2NvbnRhaW5lcl9fMXd0aW9pNzAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDRweDsKfQ==';\nexport var container = 'InfoSection_container__1wtioi70';\nexport var description = 'InfoSection_description__1wtioi72';\nexport var heading = 'InfoSection_heading__1wtioi71';", "// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport * as styles from './InfoSection.css.js';\n\ntype InfoSectionProps = {\n\ttitle: string;\n\tchildren: string;\n};\n\nexport function InfoSection({ title, children }: InfoSectionProps) {\n\treturn (\n\t\t<section className={styles.container}>\n\t\t\t<h3 className={styles.heading}>{title}</h3>\n\t\t\t<div className={styles.description}>{children}</div>\n\t\t</section>\n\t);\n}\n", "import 'src/components/connect-modal/views/WhatIsAWallet.css.ts.vanilla.css?source=LldoYXRJc0FXYWxsZXRfY29udGFpbmVyX18xa3Rwa3E5MCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLldoYXRJc0FXYWxsZXRfY29udGVudF9fMWt0cGtxOTIgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBmbGV4LWdyb3c6IDE7CiAgZ2FwOiAyMHB4OwogIHBhZGRpbmc6IDQwcHg7Cn0=';\nexport var container = 'WhatIsAWallet_container__1ktpkq90';\nexport var content = 'WhatIsAWallet_content__1ktpkq92';\nexport var title = 'WhatIsAWallet_title__1ktpkq91';", "// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { InfoSection } from '../InfoSection.js';\nimport * as styles from './WhatIsAWallet.css.js';\n\nexport function WhatIsAWallet() {\n\treturn (\n\t\t<div className={styles.container}>\n\t\t\t<h2 className={styles.title}>What is a Wallet</h2>\n\t\t\t<div className={styles.content}>\n\t\t\t\t<InfoSection title=\"Easy Login\">\n\t\t\t\t\tNo need to create new accounts and passwords for every website. Just connect your wallet\n\t\t\t\t\tand get going.\n\t\t\t\t</InfoSection>\n\t\t\t\t<InfoSection title=\"Store your Digital Assets\">\n\t\t\t\t\tSend, receive, store, and display your digital assets like NFTs & coins.\n\t\t\t\t</InfoSection>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],
+  "mappings": ";AACO,IAAI,YAAY;AAChB,IAAI,cAAc;AAClB,IAAI,UAAU;;;ACSnB,SACC,KADD;AAFK,SAAS,YAAY,EAAE,OAAAA,QAAO,SAAS,GAAqB;AAClE,SACC,qBAAC,aAAQ,WAAkB,WAC1B;AAAA,wBAAC,QAAG,WAAkB,SAAU,UAAAA,QAAM;AAAA,IACtC,oBAAC,SAAI,WAAkB,aAAc,UAAS;AAAA,KAC/C;AAEF;;;AChBO,IAAIC,aAAY;AAChB,IAAI,UAAU;AACd,IAAI,QAAQ;;;ACMhB,gBAAAC,MACA,QAAAC,aADA;AAHI,SAAS,gBAAgB;AAC/B,SACC,gBAAAA,MAAC,SAAI,WAAkBC,YACtB;AAAA,oBAAAF,KAAC,QAAG,WAAkB,OAAO,8BAAgB;AAAA,IAC7C,gBAAAC,MAAC,SAAI,WAAkB,SACtB;AAAA,sBAAAD,KAAC,eAAY,OAAM,cAAa,qHAGhC;AAAA,MACA,gBAAAA,KAAC,eAAY,OAAM,6BAA4B,sFAE/C;AAAA,OACD;AAAA,KACD;AAEF;",
+  "names": ["title", "container", "jsx", "jsxs", "container"]
+}

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

@@ -0,0 +1,37 @@
+/* vanilla-extract-css-ns:src/components/connect-modal/wallet-list/WalletList.css.ts.vanilla.css?source=LldhbGxldExpc3RfY29udGFpbmVyX18xdjJzNmN6MCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGdhcDogNHB4Owp9 */
+.WalletList_container__1v2s6cz0 {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+/* vanilla-extract-css-ns:src/components/connect-modal/wallet-list/WalletListItem.css.ts.vanilla.css?source=LldhbGxldExpc3RJdGVtX2NvbnRhaW5lcl9fMWRxcXRxczAgewogIHBhZGRpbmc6IDhweDsKICBib3JkZXItcmFkaXVzOiA4cHg7Cn0KLldhbGxldExpc3RJdGVtX3NlbGVjdGVkQ29udGFpbmVyX18xZHFxdHFzMSB7CiAgYmFja2dyb3VuZDogI0ZGRkZGRjsKICBib3gtc2hhZG93OiAwcHggMnB4IDZweCByZ2JhKDAsIDAsIDAsIDAuMDUpOwp9Ci5XYWxsZXRMaXN0SXRlbV9idXR0b25Db250YWluZXJfXzFkcXF0cXMyIHsKICB3aWR0aDogMTAwJTsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZ2FwOiA4cHg7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldE5hbWVfXzFkcXF0cXMzIHsKICBvdmVyZmxvdzogaGlkZGVuOwogIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzOwogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldEljb25fXzFkcXF0cXM0IHsKICB3aWR0aDogMjhweDsKICBoZWlnaHQ6IDI4cHg7CiAgYm9yZGVyLXJhZGl1czogNnB4OwogIGZsZXgtc2hyaW5rOiAwOwogIGJhY2tncm91bmQ6IHdoaXRlOwogIG9iamVjdC1maXQ6IGNvdmVyOwp9 */
+.WalletListItem_container__1dqqtqs0 {
+  padding: 8px;
+  border-radius: 8px;
+}
+.WalletListItem_selectedContainer__1dqqtqs1 {
+  background: #FFFFFF;
+  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
+}
+.WalletListItem_buttonContainer__1dqqtqs2 {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.WalletListItem_walletName__1dqqtqs3 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.WalletListItem_walletIcon__1dqqtqs4 {
+  width: 28px;
+  height: 28px;
+  border-radius: 6px;
+  flex-shrink: 0;
+  background: white;
+  -o-object-fit: cover;
+  object-fit: cover;
+}
+/*# sourceMappingURL=WalletList.css.map */

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

@@ -0,0 +1,7 @@
+/* vanilla-extract-css-ns:src/components/connect-modal/wallet-list/WalletList.css.ts.vanilla.css?source=LldhbGxldExpc3RfY29udGFpbmVyX18xdjJzNmN6MCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGdhcDogNHB4Owp9 */
+.WalletList_container__1v2s6cz0 {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+/*# sourceMappingURL=WalletList.css.css.map */

package/dist/esm/components/connect-modal/wallet-list/WalletList.css.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=LldhbGxldExpc3RfY29udGFpbmVyX18xdjJzNmN6MCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGdhcDogNHB4Owp9"],
+  "sourcesContent": [".WalletList_container__1v2s6cz0 {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}"],
+  "mappings": ";AAAA;AACE;AACA;AACA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1 @@
+export declare const container: string;

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

@@ -0,0 +1,6 @@
+// src/components/connect-modal/wallet-list/WalletList.css.ts
+var container = "WalletList_container__1v2s6cz0";
+export {
+  container
+};
+//# sourceMappingURL=WalletList.css.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/connect-modal/wallet-list/WalletList.css.ts"],
+  "sourcesContent": ["import 'src/components/connect-modal/wallet-list/WalletList.css.ts.vanilla.css?source=LldhbGxldExpc3RfY29udGFpbmVyX18xdjJzNmN6MCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGdhcDogNHB4Owp9';\nexport var container = 'WalletList_container__1v2s6cz0';"],
+  "mappings": ";AACO,IAAI,YAAY;",
+  "names": []
+}

package/dist/esm/components/connect-modal/wallet-list/WalletList.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=LldhbGxldExpc3RfY29udGFpbmVyX18xdjJzNmN6MCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGdhcDogNHB4Owp9", "vanilla-extract-css-ns:src/components/connect-modal/wallet-list/WalletListItem.css.ts.vanilla.css?source=LldhbGxldExpc3RJdGVtX2NvbnRhaW5lcl9fMWRxcXRxczAgewogIHBhZGRpbmc6IDhweDsKICBib3JkZXItcmFkaXVzOiA4cHg7Cn0KLldhbGxldExpc3RJdGVtX3NlbGVjdGVkQ29udGFpbmVyX18xZHFxdHFzMSB7CiAgYmFja2dyb3VuZDogI0ZGRkZGRjsKICBib3gtc2hhZG93OiAwcHggMnB4IDZweCByZ2JhKDAsIDAsIDAsIDAuMDUpOwp9Ci5XYWxsZXRMaXN0SXRlbV9idXR0b25Db250YWluZXJfXzFkcXF0cXMyIHsKICB3aWR0aDogMTAwJTsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZ2FwOiA4cHg7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldE5hbWVfXzFkcXF0cXMzIHsKICBvdmVyZmxvdzogaGlkZGVuOwogIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzOwogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldEljb25fXzFkcXF0cXM0IHsKICB3aWR0aDogMjhweDsKICBoZWlnaHQ6IDI4cHg7CiAgYm9yZGVyLXJhZGl1czogNnB4OwogIGZsZXgtc2hyaW5rOiAwOwogIGJhY2tncm91bmQ6IHdoaXRlOwogIG9iamVjdC1maXQ6IGNvdmVyOwp9"],
+  "sourcesContent": [".WalletList_container__1v2s6cz0 {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}", ".WalletListItem_container__1dqqtqs0 {\n  padding: 8px;\n  border-radius: 8px;\n}\n.WalletListItem_selectedContainer__1dqqtqs1 {\n  background: #FFFFFF;\n  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);\n}\n.WalletListItem_buttonContainer__1dqqtqs2 {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.WalletListItem_walletName__1dqqtqs3 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.WalletListItem_walletIcon__1dqqtqs4 {\n  width: 28px;\n  height: 28px;\n  border-radius: 6px;\n  flex-shrink: 0;\n  background: white;\n  -o-object-fit: cover;\n     object-fit: cover;\n}"],
+  "mappings": ";AAAA;AACE;AACA;AACA;AAAA;;;ACHF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACG;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,8 @@
+import type { WalletWithRequiredFeatures } from '@mysten/wallet-standard';
+type WalletListProps = {
+    selectedWalletName?: string;
+    onPlaceholderClick: () => void;
+    onSelect: (wallet: WalletWithRequiredFeatures) => void;
+};
+export declare function WalletList({ selectedWalletName, onPlaceholderClick, onSelect }: WalletListProps): import("react/jsx-runtime.js").JSX.Element;
+export {};

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

@@ -0,0 +1,90 @@
+// 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/useWallets.ts
+function useWallets() {
+  return useWalletStore((state) => state.wallets);
+}
+
+// src/components/icons/SuiIcon.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function SuiIcon(props) {
+  return /* @__PURE__ */ jsxs("svg", { width: 28, height: 28, fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+    /* @__PURE__ */ jsx("rect", { width: 28, height: 28, rx: 6, fill: "#6FBCF0" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M7.942 20.527A6.875 6.875 0 0 0 13.957 24c2.51 0 4.759-1.298 6.015-3.473a6.875 6.875 0 0 0 0-6.945l-5.29-9.164a.837.837 0 0 0-1.45 0l-5.29 9.164a6.875 6.875 0 0 0 0 6.945Zm4.524-11.75 1.128-1.953a.418.418 0 0 1 .725 0l4.34 7.516a5.365 5.365 0 0 1 .449 4.442 4.675 4.675 0 0 0-.223-.73c-.599-1.512-1.954-2.68-4.029-3.47-1.426-.54-2.336-1.336-2.706-2.364-.476-1.326.021-2.77.316-3.44Zm-1.923 3.332L9.255 14.34a5.373 5.373 0 0 0 0 5.43 5.373 5.373 0 0 0 4.702 2.714 5.38 5.38 0 0 0 3.472-1.247c.125-.314.51-1.462.034-2.646-.44-1.093-1.5-1.965-3.15-2.594-1.864-.707-3.076-1.811-3.6-3.28a4.601 4.601 0 0 1-.17-.608Z",
+        fill: "#fff"
+      }
+    )
+  ] });
+}
+
+// src/components/connect-modal/wallet-list/WalletList.css.ts
+var container = "WalletList_container__1v2s6cz0";
+
+// src/components/connect-modal/wallet-list/WalletListItem.tsx
+import { clsx } from "clsx";
+
+// src/components/connect-modal/wallet-list/WalletListItem.css.ts
+var buttonContainer = "WalletListItem_buttonContainer__1dqqtqs2";
+var container2 = "WalletListItem_container__1dqqtqs0";
+var selectedContainer = "WalletListItem_selectedContainer__1dqqtqs1";
+var walletIcon = "WalletListItem_walletIcon__1dqqtqs4";
+var walletName = "WalletListItem_walletName__1dqqtqs3";
+
+// src/components/connect-modal/wallet-list/WalletListItem.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function WalletListItem({ name, icon, onClick, isSelected = false }) {
+  return /* @__PURE__ */ jsx2("li", { className: clsx(container2, { [selectedContainer]: isSelected }), children: /* @__PURE__ */ jsxs2("button", { className: buttonContainer, type: "button", onClick, children: [
+    typeof icon === "string" ? /* @__PURE__ */ jsx2("img", { className: walletIcon, src: icon, alt: `${name} logo` }) : icon,
+    /* @__PURE__ */ jsx2("div", { className: walletName, children: name })
+  ] }) });
+}
+
+// src/components/connect-modal/wallet-list/WalletList.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+function WalletList({ selectedWalletName, onPlaceholderClick, onSelect }) {
+  const wallets = useWallets();
+  return /* @__PURE__ */ jsx3("ul", { className: container, children: wallets.length > 0 ? wallets.map((wallet) => /* @__PURE__ */ jsx3(
+    WalletListItem,
+    {
+      name: wallet.name,
+      icon: wallet.icon,
+      isSelected: wallet.name === selectedWalletName,
+      onClick: () => onSelect(wallet)
+    },
+    wallet.name
+  )) : /* @__PURE__ */ jsx3(
+    WalletListItem,
+    {
+      name: "Sui Wallet",
+      icon: /* @__PURE__ */ jsx3(SuiIcon, {}),
+      onClick: onPlaceholderClick,
+      isSelected: true
+    }
+  ) });
+}
+export {
+  WalletList
+};
+//# sourceMappingURL=WalletList.js.map