@mysten-incubation/dev-wallet 0.0.0

package/dist/ui/dev-wallet-network-badge.mjs

@@ -0,0 +1,121 @@
+import { dropdownItemStyles, sharedStyles } from "./styles.mjs";
+import { NETWORK_COLORS } from "./utils.mjs";
+import { __decorate } from "../_virtual/_@oxc-project_runtime@0.107.0/helpers/decorate.mjs";
+import "./dev-wallet-dropdown.mjs";
+import { LitElement, css, html } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+
+//#region src/ui/dev-wallet-network-badge.ts
+let DevWalletNetworkBadge = class DevWalletNetworkBadge$1 extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.active = "";
+		this.networks = [];
+		this._open = false;
+	}
+	static {
+		this.styles = [
+			sharedStyles,
+			dropdownItemStyles,
+			css`
+			:host {
+				display: inline-block;
+			}
+
+			.badge {
+				display: flex;
+				align-items: center;
+				gap: 4px;
+				padding: 3px 8px;
+				border-radius: 999px;
+				font-size: 11px;
+				font-weight: var(--dev-wallet-font-weight-medium);
+				color: var(--dev-wallet-foreground);
+				background: var(--dev-wallet-secondary);
+				cursor: pointer;
+				transition: background 0.15s;
+			}
+
+			.badge:hover {
+				background: var(--dev-wallet-border);
+			}
+
+			.dot {
+				width: 6px;
+				height: 6px;
+				border-radius: 50%;
+			}
+
+			.chevron {
+				width: 10px;
+				height: 10px;
+				color: var(--dev-wallet-muted-foreground);
+			}
+
+			.dropdown-item {
+				padding: 8px 12px;
+			}
+		`
+		];
+	}
+	render() {
+		const color = NETWORK_COLORS[this.active] ?? NETWORK_COLORS["localnet"];
+		return html`
+			<dev-wallet-dropdown .open=${this._open} @close=${() => this._open = false}>
+				<button
+					slot="trigger"
+					class="badge"
+					part="trigger"
+					aria-expanded=${this._open}
+					aria-haspopup="listbox"
+					@click=${() => this._open = !this._open}
+				>
+					<span class="dot" style="background: ${color}"></span>
+					${this.active}
+					<svg
+						class="chevron"
+						viewBox="0 0 24 24"
+						fill="none"
+						stroke="currentColor"
+						stroke-width="2.5"
+					>
+						<path d="M6 9l6 6 6-6" />
+					</svg>
+				</button>
+				<div slot="popover">
+					${this.networks.map((network) => {
+			const dotColor = NETWORK_COLORS[network] ?? NETWORK_COLORS["localnet"];
+			return html`
+							<button
+								class="dropdown-item"
+								aria-selected=${network === this.active}
+								@click=${() => this.#select(network)}
+							>
+								<span class="dot" style="background: ${dotColor}"></span>
+								${network}
+							</button>
+						`;
+		})}
+				</div>
+			</dev-wallet-dropdown>
+		`;
+	}
+	#select(network) {
+		this._open = false;
+		if (network !== this.active) {
+			this.dispatchEvent(new CustomEvent("network-changed", {
+				bubbles: true,
+				composed: true,
+				detail: { network }
+			}));
+		}
+	}
+};
+__decorate([property({ type: String })], DevWalletNetworkBadge.prototype, "active", void 0);
+__decorate([property({ attribute: false })], DevWalletNetworkBadge.prototype, "networks", void 0);
+__decorate([state()], DevWalletNetworkBadge.prototype, "_open", void 0);
+DevWalletNetworkBadge = __decorate([customElement("dev-wallet-network-badge")], DevWalletNetworkBadge);
+
+//#endregion
+export { DevWalletNetworkBadge };
+//# sourceMappingURL=dev-wallet-network-badge.mjs.map

package/dist/ui/dev-wallet-network-badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-wallet-network-badge.mjs","names":["DevWalletNetworkBadge","#select"],"sources":["../../src/ui/dev-wallet-network-badge.ts"],"sourcesContent":["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { css, html, LitElement } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { dropdownItemStyles, sharedStyles } from './styles.js';\nimport { NETWORK_COLORS } from './utils.js';\nimport './dev-wallet-dropdown.js';\n\n@customElement('dev-wallet-network-badge')\nexport class DevWalletNetworkBadge extends LitElement {\n\tstatic override styles = [\n\t\tsharedStyles,\n\t\tdropdownItemStyles,\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n\n\t\t\t.badge {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: 4px;\n\t\t\t\tpadding: 3px 8px;\n\t\t\t\tborder-radius: 999px;\n\t\t\t\tfont-size: 11px;\n\t\t\t\tfont-weight: var(--dev-wallet-font-weight-medium);\n\t\t\t\tcolor: var(--dev-wallet-foreground);\n\t\t\t\tbackground: var(--dev-wallet-secondary);\n\t\t\t\tcursor: pointer;\n\t\t\t\ttransition: background 0.15s;\n\t\t\t}\n\n\t\t\t.badge:hover {\n\t\t\t\tbackground: var(--dev-wallet-border);\n\t\t\t}\n\n\t\t\t.dot {\n\t\t\t\twidth: 6px;\n\t\t\t\theight: 6px;\n\t\t\t\tborder-radius: 50%;\n\t\t\t}\n\n\t\t\t.chevron {\n\t\t\t\twidth: 10px;\n\t\t\t\theight: 10px;\n\t\t\t\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t}\n\n\t\t\t.dropdown-item {\n\t\t\t\tpadding: 8px 12px;\n\t\t\t}\n\t\t`,\n\t];\n\n\t@property({ type: String })\n\tactive = '';\n\n\t@property({ attribute: false })\n\tnetworks: string[] = [];\n\n\t@state()\n\tprivate _open = false;\n\n\toverride render() {\n\t\tconst color = NETWORK_COLORS[this.active] ?? NETWORK_COLORS['localnet'];\n\n\t\treturn html`\n\t\t\t<dev-wallet-dropdown .open=${this._open} @close=${() => (this._open = false)}>\n\t\t\t\t<button\n\t\t\t\t\tslot=\"trigger\"\n\t\t\t\t\tclass=\"badge\"\n\t\t\t\t\tpart=\"trigger\"\n\t\t\t\t\taria-expanded=${this._open}\n\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\t@click=${() => (this._open = !this._open)}\n\t\t\t\t>\n\t\t\t\t\t<span class=\"dot\" style=\"background: ${color}\"></span>\n\t\t\t\t\t${this.active}\n\t\t\t\t\t<svg\n\t\t\t\t\t\tclass=\"chevron\"\n\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\tstroke-width=\"2.5\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<path d=\"M6 9l6 6 6-6\" />\n\t\t\t\t\t</svg>\n\t\t\t\t</button>\n\t\t\t\t<div slot=\"popover\">\n\t\t\t\t\t${this.networks.map((network) => {\n\t\t\t\t\t\tconst dotColor = NETWORK_COLORS[network] ?? NETWORK_COLORS['localnet'];\n\t\t\t\t\t\treturn html`\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclass=\"dropdown-item\"\n\t\t\t\t\t\t\t\taria-selected=${network === this.active}\n\t\t\t\t\t\t\t\t@click=${() => this.#select(network)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span class=\"dot\" style=\"background: ${dotColor}\"></span>\n\t\t\t\t\t\t\t\t${network}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t`;\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t</dev-wallet-dropdown>\n\t\t`;\n\t}\n\n\t#select(network: string) {\n\t\tthis._open = false;\n\t\tif (network !== this.active) {\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('network-changed', {\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t\tdetail: { network },\n\t\t\t\t}),\n\t\t\t);\n\t\t}\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'dev-wallet-network-badge': DevWalletNetworkBadge;\n\t}\n}\n"],"mappings":";;;;;;;;AAWO,kCAAMA,gCAA8B,WAAW;;;gBA8C5C;kBAGY,EAAE;eAGP;;;gBAnDS;GACxB;GACA;GACA,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCH;;CAWD,AAAS,SAAS;EACjB,MAAM,QAAQ,eAAe,KAAK,WAAW,eAAe;AAE5D,SAAO,IAAI;gCACmB,KAAK,MAAM,gBAAiB,KAAK,QAAQ,MAAO;;;;;qBAK3D,KAAK,MAAM;;oBAEX,KAAK,QAAQ,CAAC,KAAK,MAAO;;4CAEH,MAAM;OAC3C,KAAK,OAAO;;;;;;;;;;;;OAYZ,KAAK,SAAS,KAAK,YAAY;GAChC,MAAM,WAAW,eAAe,YAAY,eAAe;AAC3D,UAAO,IAAI;;;wBAGO,YAAY,KAAK,OAAO;uBACzB,MAAKC,OAAQ,QAAQ,CAAC;;+CAEE,SAAS;UAC9C,QAAQ;;;IAGX,CAAC;;;;;CAMP,QAAQ,SAAiB;AACxB,OAAK,QAAQ;AACb,MAAI,YAAY,KAAK,QAAQ;AAC5B,QAAK,cACJ,IAAI,YAAY,mBAAmB;IAClC,SAAS;IACT,UAAU;IACV,QAAQ,EAAE,SAAS;IACnB,CAAC,CACF;;;;YA9DF,SAAS,EAAE,MAAM,QAAQ,CAAC;YAG1B,SAAS,EAAE,WAAW,OAAO,CAAC;YAG9B,OAAO;oCApDR,cAAc,2BAA2B"}

package/dist/ui/dev-wallet-new-account.d.mts

@@ -0,0 +1,31 @@
+import { SignerAdapter } from "../types.mjs";
+import "./dev-wallet-dropdown.mjs";
+import * as lit5 from "lit";
+import { LitElement } from "lit";
+
+//#region src/ui/dev-wallet-new-account.d.ts
+declare class DevWalletNewAccount extends LitElement {
+  #private;
+  static styles: (lit5.CSSResult | lit5.CSSResult[])[];
+  adapters: SignerAdapter[];
+  open: boolean;
+  private _mode;
+  private _label;
+  private _selectedAdapterId;
+  private _creating;
+  private _error;
+  private _availableAccounts;
+  private _loadingImports;
+  private _dropdownOpen;
+  private _selectedImports;
+  updated(changed: Map<string, unknown>): void;
+  render(): lit5.TemplateResult<1>;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    'dev-wallet-new-account': DevWalletNewAccount;
+  }
+} //# sourceMappingURL=dev-wallet-new-account.d.ts.map
+//#endregion
+export { DevWalletNewAccount };
+//# sourceMappingURL=dev-wallet-new-account.d.mts.map

package/dist/ui/dev-wallet-new-account.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-wallet-new-account.d.mts","names":[],"sources":["../../src/ui/dev-wallet-new-account.ts"],"mappings":";;;;;;cA0Ba,mBAAA,SAA4B,UAAA;EAAA;SACxB,MAAA,GADgB,IAAA,CACV,SAAA,GAAA,IAAA,CAAA,SAAA;EAkQtB,QAAA,EAAU,aAAA;EAGV,IAAA;EAAA,QAGQ,KAAA;EAAA,QAGA,MAAA;EAAA,QAGA,kBAAA;EAAA,QAGA,SAAA;EAAA,QAGA,MAAA;EAAA,QAGA,kBAAA;EAAA,QAGA,eAAA;EAAA,QAGA,aAAA;EAAA,QAGA,gBAAA;EA8BC,OAAA,CAAQ,OAAA,EAAS,GAAA;EAqBjB,MAAA,CAAA,GArBoB,IAAA,CAqBd,cAAA;AAAA;AAAA,QAmSR,MAAA;EAAA,UACG,qBAAA;IACT,wBAAA,EAA0B,mBAAA;EAAA;AAAA"}