@mysten/dapp-kit 0.0.0-experimental-20230928204256

package/dist/cjs/components/connect-modal/views/ConnectionStatus.css

@@ -0,0 +1,26 @@
+/* vanilla-extract-css-ns:src/components/connect-modal/views/ConnectionStatus.css.ts.vanilla.css?source=LkNvbm5lY3Rpb25TdGF0dXNfY29udGFpbmVyX19uY2ttMmQwIHsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICB3aWR0aDogMTAwJTsKfQouQ29ubmVjdGlvblN0YXR1c193YWxsZXRJY29uX19uY2ttMmQxIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTsKICBvYmplY3QtZml0OiBjb3ZlcjsKICB3aWR0aDogNzJweDsKICBoZWlnaHQ6IDcycHg7CiAgYm9yZGVyLXJhZGl1czogMTZweDsKfQouQ29ubmVjdGlvblN0YXR1c193YWxsZXROYW1lX19uY2ttMmQyIHsKICBtYXJnaW4tdG9wOiAxMnB4Owp9Ci5Db25uZWN0aW9uU3RhdHVzX2Nvbm5lY3Rpb25TdGF0dXNfX25ja20yZDMgewogIG1hcmdpbi10b3A6IDRweDsKfQouQ29ubmVjdGlvblN0YXR1c19jb25uZWN0aW9uU3RhdHVzV2l0aEVycm9yX19uY2ttMmQ0IHsKICBjb2xvcjogcmVkOwp9 */
+.ConnectionStatus_container__nckm2d0 {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+}
+.ConnectionStatus_walletIcon__nckm2d1 {
+  background-color: white;
+  -o-object-fit: cover;
+  object-fit: cover;
+  width: 72px;
+  height: 72px;
+  border-radius: 16px;
+}
+.ConnectionStatus_walletName__nckm2d2 {
+  margin-top: 12px;
+}
+.ConnectionStatus_connectionStatus__nckm2d3 {
+  margin-top: 4px;
+}
+.ConnectionStatus_connectionStatusWithError__nckm2d4 {
+  color: red;
+}
+/*# sourceMappingURL=ConnectionStatus.css.map */

package/dist/cjs/components/connect-modal/views/ConnectionStatus.css.css

@@ -0,0 +1,26 @@
+/* vanilla-extract-css-ns:src/components/connect-modal/views/ConnectionStatus.css.ts.vanilla.css?source=LkNvbm5lY3Rpb25TdGF0dXNfY29udGFpbmVyX19uY2ttMmQwIHsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICB3aWR0aDogMTAwJTsKfQouQ29ubmVjdGlvblN0YXR1c193YWxsZXRJY29uX19uY2ttMmQxIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTsKICBvYmplY3QtZml0OiBjb3ZlcjsKICB3aWR0aDogNzJweDsKICBoZWlnaHQ6IDcycHg7CiAgYm9yZGVyLXJhZGl1czogMTZweDsKfQouQ29ubmVjdGlvblN0YXR1c193YWxsZXROYW1lX19uY2ttMmQyIHsKICBtYXJnaW4tdG9wOiAxMnB4Owp9Ci5Db25uZWN0aW9uU3RhdHVzX2Nvbm5lY3Rpb25TdGF0dXNfX25ja20yZDMgewogIG1hcmdpbi10b3A6IDRweDsKfQouQ29ubmVjdGlvblN0YXR1c19jb25uZWN0aW9uU3RhdHVzV2l0aEVycm9yX19uY2ttMmQ0IHsKICBjb2xvcjogcmVkOwp9 */
+.ConnectionStatus_container__nckm2d0 {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+}
+.ConnectionStatus_walletIcon__nckm2d1 {
+  background-color: white;
+  -o-object-fit: cover;
+  object-fit: cover;
+  width: 72px;
+  height: 72px;
+  border-radius: 16px;
+}
+.ConnectionStatus_walletName__nckm2d2 {
+  margin-top: 12px;
+}
+.ConnectionStatus_connectionStatus__nckm2d3 {
+  margin-top: 4px;
+}
+.ConnectionStatus_connectionStatusWithError__nckm2d4 {
+  color: red;
+}
+/*# sourceMappingURL=ConnectionStatus.css.css.map */

package/dist/cjs/components/connect-modal/views/ConnectionStatus.css.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/cjs/components/connect-modal/views/ConnectionStatus.css.d.ts

@@ -0,0 +1,5 @@
+export declare const container: string;
+export declare const walletIcon: string;
+export declare const walletName: string;
+export declare const connectionStatus: string;
+export declare const connectionStatusWithError: string;

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

@@ -0,0 +1,35 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/connect-modal/views/ConnectionStatus.css.ts
+var ConnectionStatus_css_exports = {};
+__export(ConnectionStatus_css_exports, {
+  connectionStatus: () => connectionStatus,
+  connectionStatusWithError: () => connectionStatusWithError,
+  container: () => container,
+  walletIcon: () => walletIcon,
+  walletName: () => walletName
+});
+module.exports = __toCommonJS(ConnectionStatus_css_exports);
+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";
+//# sourceMappingURL=ConnectionStatus.css.js.map

package/dist/cjs/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": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACO,IAAI,mBAAmB;AACvB,IAAI,4BAA4B;AAChC,IAAI,YAAY;AAChB,IAAI,aAAa;AACjB,IAAI,aAAa;",
+  "names": []
+}

package/dist/cjs/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/cjs/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/cjs/components/connect-modal/views/ConnectionStatus.js

@@ -0,0 +1,77 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/connect-modal/views/ConnectionStatus.tsx
+var ConnectionStatus_exports = {};
+__export(ConnectionStatus_exports, {
+  ConnectionStatus: () => ConnectionStatus
+});
+module.exports = __toCommonJS(ConnectionStatus_exports);
+var import_clsx = __toESM(require("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
+var import_jsx_runtime = require("react/jsx-runtime");
+function ConnectionStatus({
+  selectedWallet,
+  hadConnectionError,
+  onRetryConnection
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "img",
+      {
+        className: walletIcon,
+        src: selectedWallet.icon,
+        alt: `${selectedWallet.name} logo`
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: walletName, children: [
+      "Opening ",
+      selectedWallet.name
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className: (0, import_clsx.default)(connectionStatus, {
+          [connectionStatusWithError]: hadConnectionError
+        }),
+        children: hadConnectionError ? "Connection failed" : "Confirm connection in the wallet..."
+      }
+    ),
+    hadConnectionError ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onClick: () => onRetryConnection(selectedWallet), children: "Retry Connection" }) : null
+  ] });
+}
+//# sourceMappingURL=ConnectionStatus.js.map

package/dist/cjs/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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,kBAAiB;;;ACHV,IAAI,mBAAmB;AACvB,IAAI,4BAA4B;AAChC,IAAI,YAAY;AAChB,IAAI,aAAa;AACjB,IAAI,aAAa;;;ADgBrB;AAPI,SAAS,iBAAiB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AACD,GAA0B;AACzB,SACC,6CAAC,SAAI,WAAkB,WACtB;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,WAAkB;AAAA,QAClB,KAAK,eAAe;AAAA,QACpB,KAAK,GAAG,eAAe;AAAA;AAAA,IACxB;AAAA,IACA,6CAAC,SAAI,WAAkB,YAAY;AAAA;AAAA,MAAS,eAAe;AAAA,OAAK;AAAA,IAChE;AAAA,MAAC;AAAA;AAAA,QACA,eAAW,YAAAA,SAAY,kBAAkB;AAAA,UACxC,CAAQ,yBAAyB,GAAG;AAAA,QACrC,CAAC;AAAA,QAEA,+BAAqB,sBAAsB;AAAA;AAAA,IAC7C;AAAA,IACC,qBACA,4CAAC,YAAO,MAAK,UAAS,SAAS,MAAM,kBAAkB,cAAc,GAAG,8BAExE,IACG;AAAA,KACL;AAEF;",
+  "names": ["clsx"]
+}

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/components/connect-modal/views/GettingStarted.css.js

@@ -0,0 +1,33 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/connect-modal/views/GettingStarted.css.ts
+var GettingStarted_css_exports = {};
+__export(GettingStarted_css_exports, {
+  container: () => container,
+  content: () => content,
+  installLink: () => installLink,
+  title: () => title
+});
+module.exports = __toCommonJS(GettingStarted_css_exports);
+var container = "GettingStarted_container__1fp07e10";
+var content = "GettingStarted_content__1fp07e12";
+var installLink = "GettingStarted_installLink__1fp07e13";
+var title = "GettingStarted_title__1fp07e11";
+//# sourceMappingURL=GettingStarted.css.js.map

package/dist/cjs/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": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACO,IAAI,YAAY;AAChB,IAAI,UAAU;AACd,IAAI,cAAc;AAClB,IAAI,QAAQ;",
+  "names": []
+}

package/dist/cjs/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/cjs/components/connect-modal/views/GettingStarted.d.ts

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

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

@@ -0,0 +1,69 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/connect-modal/views/GettingStarted.tsx
+var GettingStarted_exports = {};
+__export(GettingStarted_exports, {
+  GettingStarted: () => GettingStarted
+});
+module.exports = __toCommonJS(GettingStarted_exports);
+
+// 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
+var import_jsx_runtime = require("react/jsx-runtime");
+function InfoSection({ title: title2, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: heading, children: title2 }),
+    /* @__PURE__ */ (0, import_jsx_runtime.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
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function GettingStarted() {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: container2, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h2", { className: title, children: "Get Started with Sui" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: content, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(InfoSection, { title: "Install the Sui Wallet Extension", children: "We recommend pinning Sui Wallet to your taskbar for quicker access." }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(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__ */ (0, import_jsx_runtime2.jsx)(InfoSection, { title: "Refresh Your Browser", children: "Once you set up your wallet, refresh this window browser to load up the extension." }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "a",
+        {
+          className: installLink,
+          href: "https://chrome.google.com/webstore/detail/sui-wallet/opcgpfmipidbgpenhmajoajpbobppdil",
+          target: "_blank",
+          rel: "noreferrer",
+          children: "Install Wallet Extension"
+        }
+      )
+    ] })
+  ] });
+}
+//# sourceMappingURL=GettingStarted.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/connect-modal/views/GettingStarted.tsx", "../../../../../src/components/connect-modal/InfoSection.css.ts", "../../../../../src/components/connect-modal/InfoSection.tsx", "../../../../../src/components/connect-modal/views/GettingStarted.css.ts"],
+  "sourcesContent": ["// 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", "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';"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCO,IAAI,YAAY;AAChB,IAAI,cAAc;AAClB,IAAI,UAAU;;;ACSnB;AAFK,SAAS,YAAY,EAAE,OAAAA,QAAO,SAAS,GAAqB;AAClE,SACC,6CAAC,aAAQ,WAAkB,WAC1B;AAAA,gDAAC,QAAG,WAAkB,SAAU,UAAAA,QAAM;AAAA,IACtC,4CAAC,SAAI,WAAkB,aAAc,UAAS;AAAA,KAC/C;AAEF;;;AChBO,IAAIC,aAAY;AAChB,IAAI,UAAU;AACd,IAAI,cAAc;AAClB,IAAI,QAAQ;;;AHKhB,IAAAC,sBAAA;AAHI,SAAS,iBAAiB;AAChC,SACC,8CAAC,SAAI,WAAkBC,YACtB;AAAA,iDAAC,QAAG,WAAkB,OAAO,kCAAoB;AAAA,IACjD,8CAAC,SAAI,WAAkB,SACtB;AAAA,mDAAC,eAAY,OAAM,oCAAmC,iFAEtD;AAAA,MACA,6CAAC,eAAY,OAAM,6BAA4B,+GAG/C;AAAA,MACA,6CAAC,eAAY,OAAM,wBAAuB,gGAE1C;AAAA,MACA;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", "import_jsx_runtime", "container"]
+}

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/components/connect-modal/views/WhatIsAWallet.css.js

@@ -0,0 +1,31 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/connect-modal/views/WhatIsAWallet.css.ts
+var WhatIsAWallet_css_exports = {};
+__export(WhatIsAWallet_css_exports, {
+  container: () => container,
+  content: () => content,
+  title: () => title
+});
+module.exports = __toCommonJS(WhatIsAWallet_css_exports);
+var container = "WhatIsAWallet_container__1ktpkq90";
+var content = "WhatIsAWallet_content__1ktpkq92";
+var title = "WhatIsAWallet_title__1ktpkq91";
+//# sourceMappingURL=WhatIsAWallet.css.js.map

package/dist/cjs/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": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACO,IAAI,YAAY;AAChB,IAAI,UAAU;AACd,IAAI,QAAQ;",
+  "names": []
+}

package/dist/cjs/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/cjs/components/connect-modal/views/WhatIsAWallet.d.ts

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

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

@@ -0,0 +1,57 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/connect-modal/views/WhatIsAWallet.tsx
+var WhatIsAWallet_exports = {};
+__export(WhatIsAWallet_exports, {
+  WhatIsAWallet: () => WhatIsAWallet
+});
+module.exports = __toCommonJS(WhatIsAWallet_exports);
+
+// 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
+var import_jsx_runtime = require("react/jsx-runtime");
+function InfoSection({ title: title2, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: heading, children: title2 }),
+    /* @__PURE__ */ (0, import_jsx_runtime.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
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function WhatIsAWallet() {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: container2, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h2", { className: title, children: "What is a Wallet" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: content, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(InfoSection, { title: "Easy Login", children: "No need to create new accounts and passwords for every website. Just connect your wallet and get going." }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(InfoSection, { title: "Store your Digital Assets", children: "Send, receive, store, and display your digital assets like NFTs & coins." })
+    ] })
+  ] });
+}
+//# sourceMappingURL=WhatIsAWallet.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/connect-modal/views/WhatIsAWallet.tsx", "../../../../../src/components/connect-modal/InfoSection.css.ts", "../../../../../src/components/connect-modal/InfoSection.tsx", "../../../../../src/components/connect-modal/views/WhatIsAWallet.css.ts"],
+  "sourcesContent": ["// 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", "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';"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCO,IAAI,YAAY;AAChB,IAAI,cAAc;AAClB,IAAI,UAAU;;;ACSnB;AAFK,SAAS,YAAY,EAAE,OAAAA,QAAO,SAAS,GAAqB;AAClE,SACC,6CAAC,aAAQ,WAAkB,WAC1B;AAAA,gDAAC,QAAG,WAAkB,SAAU,UAAAA,QAAM;AAAA,IACtC,4CAAC,SAAI,WAAkB,aAAc,UAAS;AAAA,KAC/C;AAEF;;;AChBO,IAAIC,aAAY;AAChB,IAAI,UAAU;AACd,IAAI,QAAQ;;;AHMhB,IAAAC,sBAAA;AAHI,SAAS,gBAAgB;AAC/B,SACC,8CAAC,SAAI,WAAkBC,YACtB;AAAA,iDAAC,QAAG,WAAkB,OAAO,8BAAgB;AAAA,IAC7C,8CAAC,SAAI,WAAkB,SACtB;AAAA,mDAAC,eAAY,OAAM,cAAa,qHAGhC;AAAA,MACA,6CAAC,eAAY,OAAM,6BAA4B,sFAE/C;AAAA,OACD;AAAA,KACD;AAEF;",
+  "names": ["title", "container", "import_jsx_runtime", "container"]
+}