@tatchi-xyz/sdk 0.21.0 → 0.31.0

package/dist/esm/sdk/w3a-button-with-tooltip.js

@@ -1,3316 +0,0 @@
-//#region ../node_modules/.pnpm/@lit+reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js
-/**
-* @license
-* Copyright 2019 Google LLC
-* SPDX-License-Identifier: BSD-3-Clause
-*/
-const t$3 = globalThis, e$4 = t$3.ShadowRoot && (void 0 === t$3.ShadyCSS || t$3.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, s$3 = Symbol(), o$3 = /* @__PURE__ */ new WeakMap();
-var n$3 = class {
-	constructor(t$4, e$5, o$4) {
-		if (this._$cssResult$ = !0, o$4 !== s$3) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
-		this.cssText = t$4, this.t = e$5;
-	}
-	get styleSheet() {
-		let t$4 = this.o;
-		const s$4 = this.t;
-		if (e$4 && void 0 === t$4) {
-			const e$5 = void 0 !== s$4 && 1 === s$4.length;
-			e$5 && (t$4 = o$3.get(s$4)), void 0 === t$4 && ((this.o = t$4 = new CSSStyleSheet()).replaceSync(this.cssText), e$5 && o$3.set(s$4, t$4));
-		}
-		return t$4;
-	}
-	toString() {
-		return this.cssText;
-	}
-};
-const r$3 = (t$4) => new n$3("string" == typeof t$4 ? t$4 : t$4 + "", void 0, s$3), i$5 = (t$4, ...e$5) => {
-	const o$4 = 1 === t$4.length ? t$4[0] : e$5.reduce(((e$6, s$4, o$5) => e$6 + ((t$5) => {
-		if (!0 === t$5._$cssResult$) return t$5.cssText;
-		if ("number" == typeof t$5) return t$5;
-		throw Error("Value passed to 'css' function must be a 'css' function result: " + t$5 + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
-	})(s$4) + t$4[o$5 + 1]), t$4[0]);
-	return new n$3(o$4, t$4, s$3);
-}, S$1 = (s$4, o$4) => {
-	if (e$4) s$4.adoptedStyleSheets = o$4.map(((t$4) => t$4 instanceof CSSStyleSheet ? t$4 : t$4.styleSheet));
-	else for (const e$5 of o$4) {
-		const o$5 = document.createElement("style"), n$4 = t$3.litNonce;
-		void 0 !== n$4 && o$5.setAttribute("nonce", n$4), o$5.textContent = e$5.cssText, s$4.appendChild(o$5);
-	}
-}, c$3 = e$4 ? (t$4) => t$4 : (t$4) => t$4 instanceof CSSStyleSheet ? ((t$5) => {
-	let e$5 = "";
-	for (const s$4 of t$5.cssRules) e$5 += s$4.cssText;
-	return r$3(e$5);
-})(t$4) : t$4;
-
-//#endregion
-//#region ../node_modules/.pnpm/@lit+reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js
-/**
-* @license
-* Copyright 2017 Google LLC
-* SPDX-License-Identifier: BSD-3-Clause
-*/ const { is: i$4, defineProperty: e$3, getOwnPropertyDescriptor: h$2, getOwnPropertyNames: r$2, getOwnPropertySymbols: o$2, getPrototypeOf: n$2 } = Object, a$1 = globalThis, c$4 = a$1.trustedTypes, l$2 = c$4 ? c$4.emptyScript : "", p$2 = a$1.reactiveElementPolyfillSupport, d$2 = (t$4, s$4) => t$4, u$3 = {
-	toAttribute(t$4, s$4) {
-		switch (s$4) {
-			case Boolean:
-				t$4 = t$4 ? l$2 : null;
-				break;
-			case Object:
-			case Array: t$4 = null == t$4 ? t$4 : JSON.stringify(t$4);
-		}
-		return t$4;
-	},
-	fromAttribute(t$4, s$4) {
-		let i$6 = t$4;
-		switch (s$4) {
-			case Boolean:
-				i$6 = null !== t$4;
-				break;
-			case Number:
-				i$6 = null === t$4 ? null : Number(t$4);
-				break;
-			case Object:
-			case Array: try {
-				i$6 = JSON.parse(t$4);
-			} catch (t$5) {
-				i$6 = null;
-			}
-		}
-		return i$6;
-	}
-}, f$2 = (t$4, s$4) => !i$4(t$4, s$4), b$1 = {
-	attribute: !0,
-	type: String,
-	converter: u$3,
-	reflect: !1,
-	useDefault: !1,
-	hasChanged: f$2
-};
-Symbol.metadata ??= Symbol("metadata"), a$1.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
-var y = class extends HTMLElement {
-	static addInitializer(t$4) {
-		this._$Ei(), (this.l ??= []).push(t$4);
-	}
-	static get observedAttributes() {
-		return this.finalize(), this._$Eh && [...this._$Eh.keys()];
-	}
-	static createProperty(t$4, s$4 = b$1) {
-		if (s$4.state && (s$4.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t$4) && ((s$4 = Object.create(s$4)).wrapped = !0), this.elementProperties.set(t$4, s$4), !s$4.noAccessor) {
-			const i$6 = Symbol(), h$3 = this.getPropertyDescriptor(t$4, i$6, s$4);
-			void 0 !== h$3 && e$3(this.prototype, t$4, h$3);
-		}
-	}
-	static getPropertyDescriptor(t$4, s$4, i$6) {
-		const { get: e$5, set: r$4 } = h$2(this.prototype, t$4) ?? {
-			get() {
-				return this[s$4];
-			},
-			set(t$5) {
-				this[s$4] = t$5;
-			}
-		};
-		return {
-			get: e$5,
-			set(s$5) {
-				const h$3 = e$5?.call(this);
-				r$4?.call(this, s$5), this.requestUpdate(t$4, h$3, i$6);
-			},
-			configurable: !0,
-			enumerable: !0
-		};
-	}
-	static getPropertyOptions(t$4) {
-		return this.elementProperties.get(t$4) ?? b$1;
-	}
-	static _$Ei() {
-		if (this.hasOwnProperty(d$2("elementProperties"))) return;
-		const t$4 = n$2(this);
-		t$4.finalize(), void 0 !== t$4.l && (this.l = [...t$4.l]), this.elementProperties = new Map(t$4.elementProperties);
-	}
-	static finalize() {
-		if (this.hasOwnProperty(d$2("finalized"))) return;
-		if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(d$2("properties"))) {
-			const t$5 = this.properties, s$4 = [...r$2(t$5), ...o$2(t$5)];
-			for (const i$6 of s$4) this.createProperty(i$6, t$5[i$6]);
-		}
-		const t$4 = this[Symbol.metadata];
-		if (null !== t$4) {
-			const s$4 = litPropertyMetadata.get(t$4);
-			if (void 0 !== s$4) for (const [t$5, i$6] of s$4) this.elementProperties.set(t$5, i$6);
-		}
-		this._$Eh = /* @__PURE__ */ new Map();
-		for (const [t$5, s$4] of this.elementProperties) {
-			const i$6 = this._$Eu(t$5, s$4);
-			void 0 !== i$6 && this._$Eh.set(i$6, t$5);
-		}
-		this.elementStyles = this.finalizeStyles(this.styles);
-	}
-	static finalizeStyles(s$4) {
-		const i$6 = [];
-		if (Array.isArray(s$4)) {
-			const e$5 = new Set(s$4.flat(Infinity).reverse());
-			for (const s$5 of e$5) i$6.unshift(c$3(s$5));
-		} else void 0 !== s$4 && i$6.push(c$3(s$4));
-		return i$6;
-	}
-	static _$Eu(t$4, s$4) {
-		const i$6 = s$4.attribute;
-		return !1 === i$6 ? void 0 : "string" == typeof i$6 ? i$6 : "string" == typeof t$4 ? t$4.toLowerCase() : void 0;
-	}
-	constructor() {
-		super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
-	}
-	_$Ev() {
-		this._$ES = new Promise(((t$4) => this.enableUpdating = t$4)), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach(((t$4) => t$4(this)));
-	}
-	addController(t$4) {
-		(this._$EO ??= /* @__PURE__ */ new Set()).add(t$4), void 0 !== this.renderRoot && this.isConnected && t$4.hostConnected?.();
-	}
-	removeController(t$4) {
-		this._$EO?.delete(t$4);
-	}
-	_$E_() {
-		const t$4 = /* @__PURE__ */ new Map(), s$4 = this.constructor.elementProperties;
-		for (const i$6 of s$4.keys()) this.hasOwnProperty(i$6) && (t$4.set(i$6, this[i$6]), delete this[i$6]);
-		t$4.size > 0 && (this._$Ep = t$4);
-	}
-	createRenderRoot() {
-		const t$4 = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-		return S$1(t$4, this.constructor.elementStyles), t$4;
-	}
-	connectedCallback() {
-		this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach(((t$4) => t$4.hostConnected?.()));
-	}
-	enableUpdating(t$4) {}
-	disconnectedCallback() {
-		this._$EO?.forEach(((t$4) => t$4.hostDisconnected?.()));
-	}
-	attributeChangedCallback(t$4, s$4, i$6) {
-		this._$AK(t$4, i$6);
-	}
-	_$ET(t$4, s$4) {
-		const i$6 = this.constructor.elementProperties.get(t$4), e$5 = this.constructor._$Eu(t$4, i$6);
-		if (void 0 !== e$5 && !0 === i$6.reflect) {
-			const h$3 = (void 0 !== i$6.converter?.toAttribute ? i$6.converter : u$3).toAttribute(s$4, i$6.type);
-			this._$Em = t$4, null == h$3 ? this.removeAttribute(e$5) : this.setAttribute(e$5, h$3), this._$Em = null;
-		}
-	}
-	_$AK(t$4, s$4) {
-		const i$6 = this.constructor, e$5 = i$6._$Eh.get(t$4);
-		if (void 0 !== e$5 && this._$Em !== e$5) {
-			const t$5 = i$6.getPropertyOptions(e$5), h$3 = "function" == typeof t$5.converter ? { fromAttribute: t$5.converter } : void 0 !== t$5.converter?.fromAttribute ? t$5.converter : u$3;
-			this._$Em = e$5;
-			const r$4 = h$3.fromAttribute(s$4, t$5.type);
-			this[e$5] = r$4 ?? this._$Ej?.get(e$5) ?? r$4, this._$Em = null;
-		}
-	}
-	requestUpdate(t$4, s$4, i$6) {
-		if (void 0 !== t$4) {
-			const e$5 = this.constructor, h$3 = this[t$4];
-			if (i$6 ??= e$5.getPropertyOptions(t$4), !((i$6.hasChanged ?? f$2)(h$3, s$4) || i$6.useDefault && i$6.reflect && h$3 === this._$Ej?.get(t$4) && !this.hasAttribute(e$5._$Eu(t$4, i$6)))) return;
-			this.C(t$4, s$4, i$6);
-		}
-		!1 === this.isUpdatePending && (this._$ES = this._$EP());
-	}
-	C(t$4, s$4, { useDefault: i$6, reflect: e$5, wrapped: h$3 }, r$4) {
-		i$6 && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t$4) && (this._$Ej.set(t$4, r$4 ?? s$4 ?? this[t$4]), !0 !== h$3 || void 0 !== r$4) || (this._$AL.has(t$4) || (this.hasUpdated || i$6 || (s$4 = void 0), this._$AL.set(t$4, s$4)), !0 === e$5 && this._$Em !== t$4 && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t$4));
-	}
-	async _$EP() {
-		this.isUpdatePending = !0;
-		try {
-			await this._$ES;
-		} catch (t$5) {
-			Promise.reject(t$5);
-		}
-		const t$4 = this.scheduleUpdate();
-		return null != t$4 && await t$4, !this.isUpdatePending;
-	}
-	scheduleUpdate() {
-		return this.performUpdate();
-	}
-	performUpdate() {
-		if (!this.isUpdatePending) return;
-		if (!this.hasUpdated) {
-			if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
-				for (const [t$6, s$5] of this._$Ep) this[t$6] = s$5;
-				this._$Ep = void 0;
-			}
-			const t$5 = this.constructor.elementProperties;
-			if (t$5.size > 0) for (const [s$5, i$6] of t$5) {
-				const { wrapped: t$6 } = i$6, e$5 = this[s$5];
-				!0 !== t$6 || this._$AL.has(s$5) || void 0 === e$5 || this.C(s$5, void 0, i$6, e$5);
-			}
-		}
-		let t$4 = !1;
-		const s$4 = this._$AL;
-		try {
-			t$4 = this.shouldUpdate(s$4), t$4 ? (this.willUpdate(s$4), this._$EO?.forEach(((t$5) => t$5.hostUpdate?.())), this.update(s$4)) : this._$EM();
-		} catch (s$5) {
-			throw t$4 = !1, this._$EM(), s$5;
-		}
-		t$4 && this._$AE(s$4);
-	}
-	willUpdate(t$4) {}
-	_$AE(t$4) {
-		this._$EO?.forEach(((t$5) => t$5.hostUpdated?.())), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t$4)), this.updated(t$4);
-	}
-	_$EM() {
-		this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
-	}
-	get updateComplete() {
-		return this.getUpdateComplete();
-	}
-	getUpdateComplete() {
-		return this._$ES;
-	}
-	shouldUpdate(t$4) {
-		return !0;
-	}
-	update(t$4) {
-		this._$Eq &&= this._$Eq.forEach(((t$5) => this._$ET(t$5, this[t$5]))), this._$EM();
-	}
-	updated(t$4) {}
-	firstUpdated(t$4) {}
-};
-y.elementStyles = [], y.shadowRootOptions = { mode: "open" }, y[d$2("elementProperties")] = /* @__PURE__ */ new Map(), y[d$2("finalized")] = /* @__PURE__ */ new Map(), p$2?.({ ReactiveElement: y }), (a$1.reactiveElementVersions ??= []).push("2.1.1");
-
-//#endregion
-//#region ../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js
-/**
-* @license
-* Copyright 2017 Google LLC
-* SPDX-License-Identifier: BSD-3-Clause
-*/
-const t$2 = globalThis, i$3 = t$2.trustedTypes, s$2 = i$3 ? i$3.createPolicy("lit-html", { createHTML: (t$4) => t$4 }) : void 0, e$2 = "$lit$", h$1 = `lit$${Math.random().toFixed(9).slice(2)}$`, o$1 = "?" + h$1, n$1 = `<${o$1}>`, r$1 = document, l$1 = () => r$1.createComment(""), c$2 = (t$4) => null === t$4 || "object" != typeof t$4 && "function" != typeof t$4, a = Array.isArray, u$2 = (t$4) => a(t$4) || "function" == typeof t$4?.[Symbol.iterator], d$1 = "[ 	\n\f\r]", f$1 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, v$1 = /-->/g, _ = />/g, m$1 = RegExp(`>|${d$1}(?:([^\\s"'>=/]+)(${d$1}*=${d$1}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`, "g"), p$1 = /'/g, g = /"/g, $ = /^(?:script|style|textarea|title)$/i, y$1 = (t$4) => (i$6, ...s$4) => ({
-	_$litType$: t$4,
-	strings: i$6,
-	values: s$4
-}), x = y$1(1), b = y$1(2), w = y$1(3), T = Symbol.for("lit-noChange"), E = Symbol.for("lit-nothing"), A = /* @__PURE__ */ new WeakMap(), C = r$1.createTreeWalker(r$1, 129);
-function P(t$4, i$6) {
-	if (!a(t$4) || !t$4.hasOwnProperty("raw")) throw Error("invalid template strings array");
-	return void 0 !== s$2 ? s$2.createHTML(i$6) : i$6;
-}
-const V = (t$4, i$6) => {
-	const s$4 = t$4.length - 1, o$4 = [];
-	let r$4, l$3 = 2 === i$6 ? "<svg>" : 3 === i$6 ? "<math>" : "", c$5 = f$1;
-	for (let i$7 = 0; i$7 < s$4; i$7++) {
-		const s$5 = t$4[i$7];
-		let a$2, u$4, d$3 = -1, y$2 = 0;
-		for (; y$2 < s$5.length && (c$5.lastIndex = y$2, u$4 = c$5.exec(s$5), null !== u$4);) y$2 = c$5.lastIndex, c$5 === f$1 ? "!--" === u$4[1] ? c$5 = v$1 : void 0 !== u$4[1] ? c$5 = _ : void 0 !== u$4[2] ? ($.test(u$4[2]) && (r$4 = RegExp("</" + u$4[2], "g")), c$5 = m$1) : void 0 !== u$4[3] && (c$5 = m$1) : c$5 === m$1 ? ">" === u$4[0] ? (c$5 = r$4 ?? f$1, d$3 = -1) : void 0 === u$4[1] ? d$3 = -2 : (d$3 = c$5.lastIndex - u$4[2].length, a$2 = u$4[1], c$5 = void 0 === u$4[3] ? m$1 : "\"" === u$4[3] ? g : p$1) : c$5 === g || c$5 === p$1 ? c$5 = m$1 : c$5 === v$1 || c$5 === _ ? c$5 = f$1 : (c$5 = m$1, r$4 = void 0);
-		const x$1 = c$5 === m$1 && t$4[i$7 + 1].startsWith("/>") ? " " : "";
-		l$3 += c$5 === f$1 ? s$5 + n$1 : d$3 >= 0 ? (o$4.push(a$2), s$5.slice(0, d$3) + e$2 + s$5.slice(d$3) + h$1 + x$1) : s$5 + h$1 + (-2 === d$3 ? i$7 : x$1);
-	}
-	return [P(t$4, l$3 + (t$4[s$4] || "<?>") + (2 === i$6 ? "</svg>" : 3 === i$6 ? "</math>" : "")), o$4];
-};
-var N = class N {
-	constructor({ strings: t$4, _$litType$: s$4 }, n$4) {
-		let r$4;
-		this.parts = [];
-		let c$5 = 0, a$2 = 0;
-		const u$4 = t$4.length - 1, d$3 = this.parts, [f$3, v$2] = V(t$4, s$4);
-		if (this.el = N.createElement(f$3, n$4), C.currentNode = this.el.content, 2 === s$4 || 3 === s$4) {
-			const t$5 = this.el.content.firstChild;
-			t$5.replaceWith(...t$5.childNodes);
-		}
-		for (; null !== (r$4 = C.nextNode()) && d$3.length < u$4;) {
-			if (1 === r$4.nodeType) {
-				if (r$4.hasAttributes()) for (const t$5 of r$4.getAttributeNames()) if (t$5.endsWith(e$2)) {
-					const i$6 = v$2[a$2++], s$5 = r$4.getAttribute(t$5).split(h$1), e$5 = /([.?@])?(.*)/.exec(i$6);
-					d$3.push({
-						type: 1,
-						index: c$5,
-						name: e$5[2],
-						strings: s$5,
-						ctor: "." === e$5[1] ? H : "?" === e$5[1] ? I : "@" === e$5[1] ? L : k
-					}), r$4.removeAttribute(t$5);
-				} else t$5.startsWith(h$1) && (d$3.push({
-					type: 6,
-					index: c$5
-				}), r$4.removeAttribute(t$5));
-				if ($.test(r$4.tagName)) {
-					const t$5 = r$4.textContent.split(h$1), s$5 = t$5.length - 1;
-					if (s$5 > 0) {
-						r$4.textContent = i$3 ? i$3.emptyScript : "";
-						for (let i$6 = 0; i$6 < s$5; i$6++) r$4.append(t$5[i$6], l$1()), C.nextNode(), d$3.push({
-							type: 2,
-							index: ++c$5
-						});
-						r$4.append(t$5[s$5], l$1());
-					}
-				}
-			} else if (8 === r$4.nodeType) if (r$4.data === o$1) d$3.push({
-				type: 2,
-				index: c$5
-			});
-			else {
-				let t$5 = -1;
-				for (; -1 !== (t$5 = r$4.data.indexOf(h$1, t$5 + 1));) d$3.push({
-					type: 7,
-					index: c$5
-				}), t$5 += h$1.length - 1;
-			}
-			c$5++;
-		}
-	}
-	static createElement(t$4, i$6) {
-		const s$4 = r$1.createElement("template");
-		return s$4.innerHTML = t$4, s$4;
-	}
-};
-function S(t$4, i$6, s$4 = t$4, e$5) {
-	if (i$6 === T) return i$6;
-	let h$3 = void 0 !== e$5 ? s$4._$Co?.[e$5] : s$4._$Cl;
-	const o$4 = c$2(i$6) ? void 0 : i$6._$litDirective$;
-	return h$3?.constructor !== o$4 && (h$3?._$AO?.(!1), void 0 === o$4 ? h$3 = void 0 : (h$3 = new o$4(t$4), h$3._$AT(t$4, s$4, e$5)), void 0 !== e$5 ? (s$4._$Co ??= [])[e$5] = h$3 : s$4._$Cl = h$3), void 0 !== h$3 && (i$6 = S(t$4, h$3._$AS(t$4, i$6.values), h$3, e$5)), i$6;
-}
-var M$1 = class {
-	constructor(t$4, i$6) {
-		this._$AV = [], this._$AN = void 0, this._$AD = t$4, this._$AM = i$6;
-	}
-	get parentNode() {
-		return this._$AM.parentNode;
-	}
-	get _$AU() {
-		return this._$AM._$AU;
-	}
-	u(t$4) {
-		const { el: { content: i$6 }, parts: s$4 } = this._$AD, e$5 = (t$4?.creationScope ?? r$1).importNode(i$6, !0);
-		C.currentNode = e$5;
-		let h$3 = C.nextNode(), o$4 = 0, n$4 = 0, l$3 = s$4[0];
-		for (; void 0 !== l$3;) {
-			if (o$4 === l$3.index) {
-				let i$7;
-				2 === l$3.type ? i$7 = new R(h$3, h$3.nextSibling, this, t$4) : 1 === l$3.type ? i$7 = new l$3.ctor(h$3, l$3.name, l$3.strings, this, t$4) : 6 === l$3.type && (i$7 = new z(h$3, this, t$4)), this._$AV.push(i$7), l$3 = s$4[++n$4];
-			}
-			o$4 !== l$3?.index && (h$3 = C.nextNode(), o$4++);
-		}
-		return C.currentNode = r$1, e$5;
-	}
-	p(t$4) {
-		let i$6 = 0;
-		for (const s$4 of this._$AV) void 0 !== s$4 && (void 0 !== s$4.strings ? (s$4._$AI(t$4, s$4, i$6), i$6 += s$4.strings.length - 2) : s$4._$AI(t$4[i$6])), i$6++;
-	}
-};
-var R = class R {
-	get _$AU() {
-		return this._$AM?._$AU ?? this._$Cv;
-	}
-	constructor(t$4, i$6, s$4, e$5) {
-		this.type = 2, this._$AH = E, this._$AN = void 0, this._$AA = t$4, this._$AB = i$6, this._$AM = s$4, this.options = e$5, this._$Cv = e$5?.isConnected ?? !0;
-	}
-	get parentNode() {
-		let t$4 = this._$AA.parentNode;
-		const i$6 = this._$AM;
-		return void 0 !== i$6 && 11 === t$4?.nodeType && (t$4 = i$6.parentNode), t$4;
-	}
-	get startNode() {
-		return this._$AA;
-	}
-	get endNode() {
-		return this._$AB;
-	}
-	_$AI(t$4, i$6 = this) {
-		t$4 = S(this, t$4, i$6), c$2(t$4) ? t$4 === E || null == t$4 || "" === t$4 ? (this._$AH !== E && this._$AR(), this._$AH = E) : t$4 !== this._$AH && t$4 !== T && this._(t$4) : void 0 !== t$4._$litType$ ? this.$(t$4) : void 0 !== t$4.nodeType ? this.T(t$4) : u$2(t$4) ? this.k(t$4) : this._(t$4);
-	}
-	O(t$4) {
-		return this._$AA.parentNode.insertBefore(t$4, this._$AB);
-	}
-	T(t$4) {
-		this._$AH !== t$4 && (this._$AR(), this._$AH = this.O(t$4));
-	}
-	_(t$4) {
-		this._$AH !== E && c$2(this._$AH) ? this._$AA.nextSibling.data = t$4 : this.T(r$1.createTextNode(t$4)), this._$AH = t$4;
-	}
-	$(t$4) {
-		const { values: i$6, _$litType$: s$4 } = t$4, e$5 = "number" == typeof s$4 ? this._$AC(t$4) : (void 0 === s$4.el && (s$4.el = N.createElement(P(s$4.h, s$4.h[0]), this.options)), s$4);
-		if (this._$AH?._$AD === e$5) this._$AH.p(i$6);
-		else {
-			const t$5 = new M$1(e$5, this), s$5 = t$5.u(this.options);
-			t$5.p(i$6), this.T(s$5), this._$AH = t$5;
-		}
-	}
-	_$AC(t$4) {
-		let i$6 = A.get(t$4.strings);
-		return void 0 === i$6 && A.set(t$4.strings, i$6 = new N(t$4)), i$6;
-	}
-	k(t$4) {
-		a(this._$AH) || (this._$AH = [], this._$AR());
-		const i$6 = this._$AH;
-		let s$4, e$5 = 0;
-		for (const h$3 of t$4) e$5 === i$6.length ? i$6.push(s$4 = new R(this.O(l$1()), this.O(l$1()), this, this.options)) : s$4 = i$6[e$5], s$4._$AI(h$3), e$5++;
-		e$5 < i$6.length && (this._$AR(s$4 && s$4._$AB.nextSibling, e$5), i$6.length = e$5);
-	}
-	_$AR(t$4 = this._$AA.nextSibling, i$6) {
-		for (this._$AP?.(!1, !0, i$6); t$4 !== this._$AB;) {
-			const i$7 = t$4.nextSibling;
-			t$4.remove(), t$4 = i$7;
-		}
-	}
-	setConnected(t$4) {
-		void 0 === this._$AM && (this._$Cv = t$4, this._$AP?.(t$4));
-	}
-};
-var k = class {
-	get tagName() {
-		return this.element.tagName;
-	}
-	get _$AU() {
-		return this._$AM._$AU;
-	}
-	constructor(t$4, i$6, s$4, e$5, h$3) {
-		this.type = 1, this._$AH = E, this._$AN = void 0, this.element = t$4, this.name = i$6, this._$AM = e$5, this.options = h$3, s$4.length > 2 || "" !== s$4[0] || "" !== s$4[1] ? (this._$AH = Array(s$4.length - 1).fill(/* @__PURE__ */ new String()), this.strings = s$4) : this._$AH = E;
-	}
-	_$AI(t$4, i$6 = this, s$4, e$5) {
-		const h$3 = this.strings;
-		let o$4 = !1;
-		if (void 0 === h$3) t$4 = S(this, t$4, i$6, 0), o$4 = !c$2(t$4) || t$4 !== this._$AH && t$4 !== T, o$4 && (this._$AH = t$4);
-		else {
-			const e$6 = t$4;
-			let n$4, r$4;
-			for (t$4 = h$3[0], n$4 = 0; n$4 < h$3.length - 1; n$4++) r$4 = S(this, e$6[s$4 + n$4], i$6, n$4), r$4 === T && (r$4 = this._$AH[n$4]), o$4 ||= !c$2(r$4) || r$4 !== this._$AH[n$4], r$4 === E ? t$4 = E : t$4 !== E && (t$4 += (r$4 ?? "") + h$3[n$4 + 1]), this._$AH[n$4] = r$4;
-		}
-		o$4 && !e$5 && this.j(t$4);
-	}
-	j(t$4) {
-		t$4 === E ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t$4 ?? "");
-	}
-};
-var H = class extends k {
-	constructor() {
-		super(...arguments), this.type = 3;
-	}
-	j(t$4) {
-		this.element[this.name] = t$4 === E ? void 0 : t$4;
-	}
-};
-var I = class extends k {
-	constructor() {
-		super(...arguments), this.type = 4;
-	}
-	j(t$4) {
-		this.element.toggleAttribute(this.name, !!t$4 && t$4 !== E);
-	}
-};
-var L = class extends k {
-	constructor(t$4, i$6, s$4, e$5, h$3) {
-		super(t$4, i$6, s$4, e$5, h$3), this.type = 5;
-	}
-	_$AI(t$4, i$6 = this) {
-		if ((t$4 = S(this, t$4, i$6, 0) ?? E) === T) return;
-		const s$4 = this._$AH, e$5 = t$4 === E && s$4 !== E || t$4.capture !== s$4.capture || t$4.once !== s$4.once || t$4.passive !== s$4.passive, h$3 = t$4 !== E && (s$4 === E || e$5);
-		e$5 && this.element.removeEventListener(this.name, this, s$4), h$3 && this.element.addEventListener(this.name, this, t$4), this._$AH = t$4;
-	}
-	handleEvent(t$4) {
-		"function" == typeof this._$AH ? this._$AH.call(this.options?.host ?? this.element, t$4) : this._$AH.handleEvent(t$4);
-	}
-};
-var z = class {
-	constructor(t$4, i$6, s$4) {
-		this.element = t$4, this.type = 6, this._$AN = void 0, this._$AM = i$6, this.options = s$4;
-	}
-	get _$AU() {
-		return this._$AM._$AU;
-	}
-	_$AI(t$4) {
-		S(this, t$4);
-	}
-};
-const Z = {
-	M: e$2,
-	P: h$1,
-	A: o$1,
-	C: 1,
-	L: V,
-	R: M$1,
-	D: u$2,
-	V: S,
-	I: R,
-	H: k,
-	N: I,
-	U: L,
-	B: H,
-	F: z
-}, j = t$2.litHtmlPolyfillSupport;
-j?.(N, R), (t$2.litHtmlVersions ??= []).push("3.3.1");
-const B = (t$4, i$6, s$4) => {
-	const e$5 = s$4?.renderBefore ?? i$6;
-	let h$3 = e$5._$litPart$;
-	if (void 0 === h$3) {
-		const t$5 = s$4?.renderBefore ?? null;
-		e$5._$litPart$ = h$3 = new R(i$6.insertBefore(l$1(), t$5), t$5, void 0, s$4 ?? {});
-	}
-	return h$3._$AI(t$4), h$3;
-};
-
-//#endregion
-//#region ../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js
-/**
-* @license
-* Copyright 2017 Google LLC
-* SPDX-License-Identifier: BSD-3-Clause
-*/ const s$1 = globalThis;
-var i$2 = class extends y {
-	constructor() {
-		super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
-	}
-	createRenderRoot() {
-		const t$4 = super.createRenderRoot();
-		return this.renderOptions.renderBefore ??= t$4.firstChild, t$4;
-	}
-	update(t$4) {
-		const r$4 = this.render();
-		this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t$4), this._$Do = B(r$4, this.renderRoot, this.renderOptions);
-	}
-	connectedCallback() {
-		super.connectedCallback(), this._$Do?.setConnected(!0);
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback(), this._$Do?.setConnected(!1);
-	}
-	render() {
-		return T;
-	}
-};
-i$2._$litElement$ = !0, i$2["finalized"] = !0, s$1.litElementHydrateSupport?.({ LitElement: i$2 });
-const o = s$1.litElementPolyfillSupport;
-o?.({ LitElement: i$2 });
-(s$1.litElementVersions ??= []).push("4.2.1");
-
-//#endregion
-//#region src/core/WalletIframe/validation.ts
-function isObject(x$1) {
-	return x$1 !== null && typeof x$1 === "object";
-}
-function isString(x$1) {
-	return typeof x$1 === "string";
-}
-function isNumber(x$1) {
-	return typeof x$1 === "number";
-}
-
-//#endregion
-//#region src/core/types/actions.ts
-/**
-* Enum for all supported NEAR action types
-*/
-let ActionType = /* @__PURE__ */ function(ActionType$1) {
-	ActionType$1["CreateAccount"] = "CreateAccount";
-	ActionType$1["DeployContract"] = "DeployContract";
-	ActionType$1["FunctionCall"] = "FunctionCall";
-	ActionType$1["Transfer"] = "Transfer";
-	ActionType$1["Stake"] = "Stake";
-	ActionType$1["AddKey"] = "AddKey";
-	ActionType$1["DeleteKey"] = "DeleteKey";
-	ActionType$1["DeleteAccount"] = "DeleteAccount";
-	ActionType$1["SignedDelegate"] = "SignedDelegate";
-	ActionType$1["DeployGlobalContract"] = "DeployGlobalContract";
-	ActionType$1["UseGlobalContract"] = "UseGlobalContract";
-	return ActionType$1;
-}({});
-function isActionArgsWasm(a$2) {
-	return isObject(a$2) && "action_type" in a$2;
-}
-function toActionArgsWasm(action) {
-	switch (action.type) {
-		case ActionType.Transfer: return {
-			action_type: ActionType.Transfer,
-			deposit: action.amount
-		};
-		case ActionType.FunctionCall: return {
-			action_type: ActionType.FunctionCall,
-			method_name: action.methodName,
-			args: JSON.stringify(action.args),
-			gas: action.gas || "30000000000000",
-			deposit: action.deposit || "0"
-		};
-		case ActionType.AddKey:
-			const rawPermission = action.accessKey.permission;
-			const permission = rawPermission === "FullAccess" ? { FullAccess: {} } : rawPermission;
-			const accessKey = {
-				nonce: action.accessKey.nonce || 0,
-				permission
-			};
-			return {
-				action_type: ActionType.AddKey,
-				public_key: action.publicKey,
-				access_key: JSON.stringify(accessKey)
-			};
-		case ActionType.DeleteKey: return {
-			action_type: ActionType.DeleteKey,
-			public_key: action.publicKey
-		};
-		case ActionType.CreateAccount: return { action_type: ActionType.CreateAccount };
-		case ActionType.DeleteAccount: return {
-			action_type: ActionType.DeleteAccount,
-			beneficiary_id: action.beneficiaryId
-		};
-		case ActionType.DeployContract: return {
-			action_type: ActionType.DeployContract,
-			code: typeof action.code === "string" ? Array.from(new TextEncoder().encode(action.code)) : Array.from(action.code)
-		};
-		case ActionType.DeployGlobalContract: return {
-			action_type: ActionType.DeployGlobalContract,
-			code: typeof action.code === "string" ? Array.from(new TextEncoder().encode(action.code)) : Array.from(action.code),
-			deploy_mode: action.deployMode
-		};
-		case ActionType.UseGlobalContract: return {
-			action_type: ActionType.UseGlobalContract,
-			account_id: action.accountId,
-			code_hash: action.codeHash
-		};
-		case ActionType.Stake: return {
-			action_type: ActionType.Stake,
-			stake: action.stake,
-			public_key: action.publicKey
-		};
-		default: throw new Error(`Action type ${action.type} is not supported`);
-	}
-}
-
-//#endregion
-//#region src/core/WebAuthnManager/LitComponents/LitElementWithProps.ts
-/**
-* Drop-in replacement for LitElement that automatically handles the custom element upgrade race.
-* See lit-element-with-props.md for more details.
-* All properties defined in static properties will be automatically upgraded on mount.
-*/
-var LitElementWithProps = class extends i$2 {
-	_varsSheet = null;
-	_varsMap = {};
-	_varsDocSheet = null;
-	_varsClassName = null;
-	/**
-	* Optional: Subclasses can provide a list of imported custom element classes they rely on
-	* to prevent bundlers from tree-shaking those definitions when they are only used
-	* through side effects (e.g., nested custom elements inside templates).
-	* Example usage in a subclass:
-	*   import TxTree from '../TxTree';
-	*   static keepDefinitions = [TxTree];
-	*/
-	static keepDefinitions;
-	/**
-	* Optional: Tag names that should be defined before this component renders.
-	* When missing, a console.warn is emitted to remind developers to import/keep the child.
-	* Example:
-	*   static requiredChildTags = ['w3a-tx-button'];
-	*/
-	static requiredChildTags;
-	/**
-	* When true, missing requiredChildTags trigger a thrown Error (instead of a warn).
-	* Useful in development to fail fast when a nested custom element definition
-	* has been tree‑shaken or not imported.
-	*/
-	static strictChildDefinitions;
-	/**
-	* Handles the custom element upgrade race for a specific property.
-	* This method ensures that any property values set before the custom element
-	* fully upgrades are correctly re-applied through Lit's property system.
-	* @param prop - The property name to upgrade
-	*/
-	upgradeProperty(prop) {
-		if (Object.prototype.hasOwnProperty.call(this, prop)) {
-			const selfRead = this;
-			const value = selfRead[prop];
-			delete selfRead[prop];
-			this[prop] = value;
-		}
-	}
-	/**
-	* Automatically upgrades all properties defined in static properties.
-	* Called automatically in connectedCallback - no manual intervention needed.
-	*/
-	upgradeAllProperties() {
-		const constructor = this.constructor;
-		const properties = constructor.properties;
-		if (properties) {
-			const propertyNames = properties instanceof Map ? Array.from(properties.keys()) : Object.keys(properties);
-			propertyNames.forEach((prop) => this.upgradeProperty(prop));
-		}
-	}
-	/**
-	* Generic styles property for component customization.
-	* Subclasses can override this with their specific style types.
-	*/
-	styles;
-	/**
-	* Lit lifecycle: Called when element is added to DOM.
-	* Automatically upgrades all defined properties to handle the upgrade race.
-	*/
-	connectedCallback() {
-		super.connectedCallback();
-		this.upgradeAllProperties();
-		if (this.styles) this.applyStyles(this.styles, this.getComponentPrefix());
-		try {
-			const ctor = this.constructor;
-			const defs = ctor.keepDefinitions;
-			if (defs && defs.length) for (const d$3 of defs);
-			const req = ctor.requiredChildTags;
-			if (req && Array.isArray(req)) for (const tag of req) try {
-				if (typeof tag === "string" && tag.includes("-") && !customElements.get(tag)) {
-					const msg = `[W3A] Required child custom element not defined: <${tag}>. Import the module that defines it and keep a reference via \`static keepDefinitions\` or a private field to avoid tree-shaking. See LitComponents/README.md (tree-shake checklist).`;
-					if (ctor.strictChildDefinitions) throw new Error(msg);
-					else console.error(msg);
-				}
-			} catch (err) {
-				if (ctor.strictChildDefinitions) throw err;
-			}
-		} catch {}
-	}
-	/**
-	* Override this method in subclasses to return the appropriate component prefix
-	* for CSS variable naming (e.g., 'tree', 'modal', 'button').
-	*/
-	getComponentPrefix() {
-		return "component";
-	}
-	/**
-	* Applies component styles by translating a structured style object into
-	* CSS custom properties (variables) — never inline styles.
-	*
-	* CSP notes
-	* - No style="…" attributes are written (compatible with style-src-attr 'none').
-	* - No <style> tags are injected. Variables are applied via constructable
-	*   stylesheets (adoptedStyleSheets). When unavailable, we fall back to a
-	*   document-level constructable sheet with a per-instance class. If even
-	*   that is not supported, we no-op and rely on external CSS defaults.
-	*
-	* How it works
-	* - Flattens top-level tokens (e.g., colors, radii) to canonical CSS vars
-	*   (e.g., --w3a-colors-*, --w3a-border-radius-*).
-	* - Transforms viewport units to dvh/dvw on capable engines to avoid
-	*   Safari 100vh issues.
-	* - Maps sectioned styles (nested objects) to namespaced variables of the
-	*   form --w3a-${prefix}__${section}__${prop} to scope tokens per-component.
-	* - Delegates to setCssVars(), which merges vars and updates the appropriate
-	*   constructable stylesheet target (ShadowRoot preferred).
-	*
-	* @param styles - The styles object to apply
-	* @param componentPrefix - Optional component prefix override, defaults to getComponentPrefix()
-	*/
-	applyStyles(styles, componentPrefix) {
-		if (!styles) return;
-		const prefix = componentPrefix || this.getComponentPrefix();
-		const vars = {};
-		const setVar = (name, val) => {
-			vars[name] = val;
-		};
-		const toKebab = (s$4) => this.camelToKebab(s$4);
-		const transformViewportUnits = (val) => {
-			if (!val || typeof val !== "string") return val;
-			try {
-				const supportsDvh = typeof CSS !== "undefined" && !!CSS.supports && CSS.supports("height", "1dvh");
-				const supportsDvw = typeof CSS !== "undefined" && !!CSS.supports && CSS.supports("width", "1dvw");
-				let out = val;
-				if (supportsDvh && out.includes("vh")) out = out.replace(/([0-9]+(?:\.[0-9]+)?)vh\b/g, "$1dvh");
-				if (supportsDvw && out.includes("vw")) out = out.replace(/([0-9]+(?:\.[0-9]+)?)vw\b/g, "$1dvw");
-				return out;
-			} catch {
-				return val;
-			}
-		};
-		const colorMappings = {
-			colorSecondary: "--w3a-colors-secondary",
-			colorSuccess: "--w3a-colors-success",
-			colorWarning: "--w3a-colors-warning",
-			colorError: "--w3a-colors-error",
-			colorBackground: "--w3a-colors-colorBackground",
-			surface: "--w3a-colors-surface",
-			surface2: "--w3a-colors-surface2",
-			surface3: "--w3a-colors-surface3",
-			borderPrimary: "--w3a-colors-borderPrimary",
-			borderSecondary: "--w3a-colors-borderSecondary",
-			borderHover: "--w3a-colors-borderHover",
-			textPrimary: "--w3a-colors-textPrimary",
-			textSecondary: "--w3a-colors-textSecondary",
-			textMuted: "--w3a-colors-textMuted"
-		};
-		const radiusMatcher = /^radius([A-Z].*)$/;
-		const shadowMatcher = /^shadow([A-Z].*)$/;
-		Object.entries(styles).forEach(([key, value]) => {
-			if (typeof value !== "string") return;
-			const maybeTransformed = transformViewportUnits(value);
-			if (key in colorMappings) {
-				setVar(colorMappings[key], maybeTransformed);
-				return;
-			}
-			const r$4 = key.match(radiusMatcher);
-			if (r$4) {
-				setVar(`--w3a-border-radius-${r$4[1].toLowerCase()}`, maybeTransformed);
-				return;
-			}
-			const s$4 = key.match(shadowMatcher);
-			if (s$4) {
-				setVar(`--w3a-shadows-${s$4[1].toLowerCase()}`, maybeTransformed);
-				return;
-			}
-			setVar(`--w3a-${toKebab(key)}`, maybeTransformed);
-		});
-		Object.entries(styles).forEach(([section, sectionStyles]) => {
-			if (sectionStyles && isObject(sectionStyles)) Object.entries(sectionStyles).forEach(([prop, value]) => {
-				const kebabSection = toKebab(section);
-				const kebabProp = toKebab(prop);
-				const cssVarNew = `--w3a-${prefix}__${kebabSection}__${kebabProp}`;
-				const v$2 = typeof value === "string" ? transformViewportUnits(value) : String(value);
-				vars[cssVarNew] = v$2;
-			});
-		});
-		this.setCssVars(vars);
-	}
-	/**
-	* Converts camelCase strings to kebab-case for CSS variables
-	*/
-	camelToKebab(str) {
-		return str.replace(/([A-Z])/g, "-$1").toLowerCase();
-	}
-	/** Merge and apply CSS variables via adopted stylesheets only (no inline style attr). */
-	setCssVars(vars) {
-		try {
-			for (const [k$1, v$2] of Object.entries(vars)) {
-				if (v$2 == null) continue;
-				this._varsMap[k$1] = String(v$2);
-			}
-			const decls = Object.entries(this._varsMap).map(([k$1, v$2]) => `${k$1}: ${v$2};`).join(" ");
-			const cssTextShadow = `:host{ ${decls} }`;
-			if (this.renderRoot instanceof ShadowRoot && "adoptedStyleSheets" in this.renderRoot && "replaceSync" in CSSStyleSheet.prototype) {
-				if (!this._varsSheet) this._varsSheet = new CSSStyleSheet();
-				try {
-					this._varsSheet.replaceSync(cssTextShadow);
-				} catch {}
-				const sheets = this.renderRoot.adoptedStyleSheets || [];
-				const without = sheets.filter((s$4) => s$4 !== this._varsSheet);
-				this.renderRoot.adoptedStyleSheets = [...without, this._varsSheet];
-				return;
-			}
-			const rootNode = this.getRootNode && this.getRootNode();
-			const doc = rootNode instanceof Document ? rootNode : document;
-			const cssTextScoped = () => {
-				if (!this._varsClassName) {
-					this._varsClassName = `w3a-vars-${Math.random().toString(36).slice(2)}`;
-					try {
-						this.classList.add(this._varsClassName);
-					} catch {}
-				}
-				return `.${this._varsClassName}{ ${decls} }`;
-			};
-			if (rootNode && rootNode.adoptedStyleSheets && "replaceSync" in CSSStyleSheet.prototype) {
-				if (!this._varsDocSheet) this._varsDocSheet = new CSSStyleSheet();
-				try {
-					this._varsDocSheet.replaceSync(cssTextScoped());
-				} catch {}
-				const srSheets = rootNode.adoptedStyleSheets || [];
-				if (!srSheets.includes(this._varsDocSheet)) rootNode.adoptedStyleSheets = [...srSheets, this._varsDocSheet];
-				return;
-			}
-			const docSupportsConstructable = !!doc && "adoptedStyleSheets" in doc && "replaceSync" in CSSStyleSheet.prototype;
-			if (docSupportsConstructable && doc) {
-				if (!this._varsDocSheet) this._varsDocSheet = new CSSStyleSheet();
-				try {
-					this._varsDocSheet.replaceSync(cssTextScoped());
-				} catch {}
-				const current = doc.adoptedStyleSheets || [];
-				if (!current.includes(this._varsDocSheet)) doc.adoptedStyleSheets = [...current, this._varsDocSheet];
-				return;
-			}
-		} catch {}
-	}
-};
-
-//#endregion
-//#region ../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directive.js
-/**
-* @license
-* Copyright 2017 Google LLC
-* SPDX-License-Identifier: BSD-3-Clause
-*/
-const t = {
-	ATTRIBUTE: 1,
-	CHILD: 2,
-	PROPERTY: 3,
-	BOOLEAN_ATTRIBUTE: 4,
-	EVENT: 5,
-	ELEMENT: 6
-}, e = (t$4) => (...e$5) => ({
-	_$litDirective$: t$4,
-	values: e$5
-});
-var i = class {
-	constructor(t$4) {}
-	get _$AU() {
-		return this._$AM._$AU;
-	}
-	_$AT(t$4, e$5, i$6) {
-		this._$Ct = t$4, this._$AM = e$5, this._$Ci = i$6;
-	}
-	_$AS(t$4, e$5) {
-		return this.update(t$4, e$5);
-	}
-	update(t$4, e$5) {
-		return this.render(...e$5);
-	}
-};
-
-//#endregion
-//#region ../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directive-helpers.js
-/**
-* @license
-* Copyright 2020 Google LLC
-* SPDX-License-Identifier: BSD-3-Clause
-*/ const { I: t$1 } = Z, i$1 = (o$4) => null === o$4 || "object" != typeof o$4 && "function" != typeof o$4, n = {
-	HTML: 1,
-	SVG: 2,
-	MATHML: 3
-}, e$1 = (o$4, t$4) => void 0 === t$4 ? void 0 !== o$4?._$litType$ : o$4?._$litType$ === t$4, l = (o$4) => null != o$4?._$litType$?.h, d = (o$4) => void 0 !== o$4?._$litDirective$, c$1 = (o$4) => o$4?._$litDirective$, f = (o$4) => void 0 === o$4.strings, r = () => document.createComment(""), s = (o$4, i$6, n$4) => {
-	const e$5 = o$4._$AA.parentNode, l$3 = void 0 === i$6 ? o$4._$AB : i$6._$AA;
-	if (void 0 === n$4) {
-		const i$7 = e$5.insertBefore(r(), l$3), d$3 = e$5.insertBefore(r(), l$3);
-		n$4 = new t$1(i$7, d$3, o$4, o$4.options);
-	} else {
-		const t$4 = n$4._$AB.nextSibling, i$7 = n$4._$AM, d$3 = i$7 !== o$4;
-		if (d$3) {
-			let t$5;
-			n$4._$AQ?.(o$4), n$4._$AM = o$4, void 0 !== n$4._$AP && (t$5 = o$4._$AU) !== i$7._$AU && n$4._$AP(t$5);
-		}
-		if (t$4 !== l$3 || d$3) {
-			let o$5 = n$4._$AA;
-			for (; o$5 !== t$4;) {
-				const t$5 = o$5.nextSibling;
-				e$5.insertBefore(o$5, l$3), o$5 = t$5;
-			}
-		}
-	}
-	return n$4;
-}, v = (o$4, t$4, i$6 = o$4) => (o$4._$AI(t$4, i$6), o$4), u$1 = {}, m = (o$4, t$4 = u$1) => o$4._$AH = t$4, p = (o$4) => o$4._$AH, M = (o$4) => {
-	o$4._$AR(), o$4._$AA.remove();
-}, h = (o$4) => {
-	o$4._$AR();
-};
-
-//#endregion
-//#region ../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/repeat.js
-/**
-* @license
-* Copyright 2017 Google LLC
-* SPDX-License-Identifier: BSD-3-Clause
-*/
-const u = (e$5, s$4, t$4) => {
-	const r$4 = /* @__PURE__ */ new Map();
-	for (let l$3 = s$4; l$3 <= t$4; l$3++) r$4.set(e$5[l$3], l$3);
-	return r$4;
-}, c = e(class extends i {
-	constructor(e$5) {
-		if (super(e$5), e$5.type !== t.CHILD) throw Error("repeat() can only be used in text expressions");
-	}
-	dt(e$5, s$4, t$4) {
-		let r$4;
-		void 0 === t$4 ? t$4 = s$4 : void 0 !== s$4 && (r$4 = s$4);
-		const l$3 = [], o$4 = [];
-		let i$6 = 0;
-		for (const s$5 of e$5) l$3[i$6] = r$4 ? r$4(s$5, i$6) : i$6, o$4[i$6] = t$4(s$5, i$6), i$6++;
-		return {
-			values: o$4,
-			keys: l$3
-		};
-	}
-	render(e$5, s$4, t$4) {
-		return this.dt(e$5, s$4, t$4).values;
-	}
-	update(s$4, [t$4, r$4, c$5]) {
-		const d$3 = p(s$4), { values: p$3, keys: a$2 } = this.dt(t$4, r$4, c$5);
-		if (!Array.isArray(d$3)) return this.ut = a$2, p$3;
-		const h$3 = this.ut ??= [], v$2 = [];
-		let m$2, y$2, x$1 = 0, j$1 = d$3.length - 1, k$1 = 0, w$1 = p$3.length - 1;
-		for (; x$1 <= j$1 && k$1 <= w$1;) if (null === d$3[x$1]) x$1++;
-		else if (null === d$3[j$1]) j$1--;
-		else if (h$3[x$1] === a$2[k$1]) v$2[k$1] = v(d$3[x$1], p$3[k$1]), x$1++, k$1++;
-		else if (h$3[j$1] === a$2[w$1]) v$2[w$1] = v(d$3[j$1], p$3[w$1]), j$1--, w$1--;
-		else if (h$3[x$1] === a$2[w$1]) v$2[w$1] = v(d$3[x$1], p$3[w$1]), s(s$4, v$2[w$1 + 1], d$3[x$1]), x$1++, w$1--;
-		else if (h$3[j$1] === a$2[k$1]) v$2[k$1] = v(d$3[j$1], p$3[k$1]), s(s$4, d$3[x$1], d$3[j$1]), j$1--, k$1++;
-		else if (void 0 === m$2 && (m$2 = u(a$2, k$1, w$1), y$2 = u(h$3, x$1, j$1)), m$2.has(h$3[x$1])) if (m$2.has(h$3[j$1])) {
-			const e$5 = y$2.get(a$2[k$1]), t$5 = void 0 !== e$5 ? d$3[e$5] : null;
-			if (null === t$5) {
-				const e$6 = s(s$4, d$3[x$1]);
-				v(e$6, p$3[k$1]), v$2[k$1] = e$6;
-			} else v$2[k$1] = v(t$5, p$3[k$1]), s(s$4, d$3[x$1], t$5), d$3[e$5] = null;
-			k$1++;
-		} else M(d$3[j$1]), j$1--;
-		else M(d$3[x$1]), x$1++;
-		for (; k$1 <= w$1;) {
-			const e$5 = s(s$4, v$2[w$1 + 1]);
-			v(e$5, p$3[k$1]), v$2[k$1++] = e$5;
-		}
-		for (; x$1 <= j$1;) {
-			const e$5 = d$3[x$1++];
-			null !== e$5 && M(e$5);
-		}
-		return this.ut = a$2, m(s$4, v$2), T;
-	}
-});
-
-//#endregion
-//#region src/core/WebAuthnManager/LitComponents/lit-events.ts
-const LitComponentEvents = {
-	CONFIRM: "lit-confirm",
-	CANCEL: "lit-cancel",
-	COPY: "lit-copy",
-	TREE_TOGGLED: "lit-tree-toggled"
-};
-function dispatchLitEvent(target, type, detail) {
-	const event = new CustomEvent(type, {
-		bubbles: true,
-		composed: true,
-		detail
-	});
-	return target.dispatchEvent(event);
-}
-const dispatchLitTreeToggled = (target) => dispatchLitEvent(target, LitComponentEvents.TREE_TOGGLED);
-
-//#endregion
-//#region src/theme/palette.json
-var grey = {
-	"25": "oklch(0.99 0.001 240)",
-	"50": "oklch(0.98 0.001 240)",
-	"75": "oklch(0.97 0.002 240)",
-	"100": "oklch(0.95 0.005 240)",
-	"150": "oklch(0.92 0.007 240)",
-	"200": "oklch(0.88 0.01 240)",
-	"250": "oklch(0.85 0.012 240)",
-	"300": "oklch(0.82 0.014 240)",
-	"350": "oklch(0.75 0.016 240)",
-	"400": "oklch(0.65 0.02 240)",
-	"450": "oklch(0.6 0.021 240)",
-	"500": "oklch(0.53 0.02 240)",
-	"550": "oklch(0.48 0.02 240)",
-	"600": "oklch(0.4 0.02 240)",
-	"650": "oklch(0.35 0.018 240)",
-	"700": "oklch(0.3 0.015 240)",
-	"750": "oklch(0.25 0.012 240)",
-	"800": "oklch(0.2 0.01 240)",
-	"825": "oklch(0.17 0.009 240)",
-	"850": "oklch(0.15 0.008 240)",
-	"900": "oklch(0.1 0.005 240)",
-	"950": "oklch(0.05 0.002 240)",
-	"975": "oklch(0.025 0.001 240)"
-};
-var slate = {
-	"25": "oklch(0.99 0.003 240)",
-	"50": "oklch(0.98 0.005 240)",
-	"75": "oklch(0.965 0.007 240)",
-	"100": "oklch(0.95 0.01 240)",
-	"150": "oklch(0.915 0.0125 240)",
-	"200": "oklch(0.88 0.015 240)",
-	"250": "oklch(0.84 0.0175 240)",
-	"300": "oklch(0.8 0.02 240)",
-	"350": "oklch(0.725 0.0225 240)",
-	"400": "oklch(0.65 0.025 240)",
-	"450": "oklch(0.59 0.0275 240)",
-	"500": "oklch(0.53 0.03 240)",
-	"550": "oklch(0.465 0.0275 240)",
-	"600": "oklch(0.4 0.025 240)",
-	"650": "oklch(0.35 0.0225 240)",
-	"700": "oklch(0.3 0.02 240)",
-	"750": "oklch(0.25 0.0175 240)",
-	"800": "oklch(0.2 0.015 240)",
-	"825": "oklch(0.175 0.015 240)",
-	"850": "oklch(0.15 0.0125 240)",
-	"900": "oklch(0.1 0.01 240)"
-};
-var cream = {
-	"25": "oklch(0.99 0.004 95)",
-	"50": "oklch(0.98 0.006 95)",
-	"75": "oklch(0.965 0.008 95)",
-	"100": "oklch(0.95 0.010 95)",
-	"150": "oklch(0.92 0.012 95)",
-	"200": "oklch(0.885 0.014 95)",
-	"250": "oklch(0.85 0.016 95)",
-	"300": "oklch(0.81 0.018 95)",
-	"350": "oklch(0.74 0.020 95)",
-	"400": "oklch(0.67 0.022 95)",
-	"450": "oklch(0.61 0.023 95)",
-	"500": "oklch(0.55 0.024 95)",
-	"550": "oklch(0.49 0.022 95)",
-	"600": "oklch(0.43 0.020 95)",
-	"650": "oklch(0.37 0.018 95)",
-	"700": "oklch(0.31 0.016 95)",
-	"750": "oklch(0.26 0.014 95)",
-	"800": "oklch(0.21 0.012 95)",
-	"825": "oklch(0.185 0.012 95)",
-	"850": "oklch(0.16 0.010 95)",
-	"900": "oklch(0.11 0.008 95)"
-};
-var yellow = {
-	"50": "oklch(0.97 0.050 95)",
-	"100": "oklch(0.95 0.070 95)",
-	"150": "oklch(0.93 0.082 95)",
-	"200": "oklch(0.90 0.094 95)",
-	"250": "oklch(0.87 0.108 95)",
-	"300": "oklch(0.82 0.140 95)",
-	"350": "oklch(0.78 0.160 95)",
-	"400": "oklch(0.74 0.176 95)",
-	"450": "oklch(0.70 0.184 95)",
-	"500": "oklch(0.66 0.188 95)",
-	"550": "oklch(0.62 0.182 95)",
-	"600": "oklch(0.56 0.160 95)",
-	"650": "oklch(0.52 0.138 95)",
-	"700": "oklch(0.46 0.106 95)",
-	"750": "oklch(0.42 0.086 95)",
-	"800": "oklch(0.36 0.062 95)",
-	"850": "oklch(0.32 0.052 95)",
-	"900": "oklch(0.26 0.044 95)",
-	"950": "oklch(0.22 0.036 95)"
-};
-var blue = {
-	"50": "oklch(0.97 0.040 255)",
-	"100": "oklch(0.95 0.062 255)",
-	"150": "oklch(0.93 0.074 255)",
-	"200": "oklch(0.90 0.086 255)",
-	"250": "oklch(0.87 0.100 255)",
-	"300": "oklch(0.82 0.130 255)",
-	"350": "oklch(0.78 0.150 255)",
-	"400": "oklch(0.74 0.166 255)",
-	"450": "oklch(0.70 0.174 255)",
-	"500": "oklch(0.66 0.180 255)",
-	"550": "oklch(0.62 0.176 255)",
-	"600": "oklch(0.56 0.158 255)",
-	"650": "oklch(0.52 0.138 255)",
-	"700": "oklch(0.46 0.108 255)",
-	"750": "oklch(0.42 0.088 255)",
-	"800": "oklch(0.36 0.065 255)",
-	"850": "oklch(0.32 0.056 255)",
-	"900": "oklch(0.26 0.050 255)",
-	"950": "oklch(0.22 0.040 255)"
-};
-var red = {
-	"50": "oklch(0.97 0.040 19)",
-	"100": "oklch(0.95 0.060 19)",
-	"150": "oklch(0.93 0.072 19)",
-	"200": "oklch(0.90 0.086 19)",
-	"250": "oklch(0.87 0.100 19)",
-	"300": "oklch(0.82 0.130 19)",
-	"350": "oklch(0.78 0.150 19)",
-	"400": "oklch(0.74 0.166 19)",
-	"450": "oklch(0.70 0.174 19)",
-	"500": "oklch(0.66 0.180 19)",
-	"550": "oklch(0.62 0.176 19)",
-	"600": "oklch(0.56 0.158 19)",
-	"650": "oklch(0.52 0.138 19)",
-	"700": "oklch(0.46 0.108 19)",
-	"750": "oklch(0.42 0.088 19)",
-	"800": "oklch(0.36 0.065 19)",
-	"850": "oklch(0.32 0.056 19)",
-	"900": "oklch(0.26 0.050 19)",
-	"950": "oklch(0.22 0.040 19)"
-};
-var orange = {
-	"100": "oklch(0.82 0.08 52)",
-	"200": "oklch(0.8 0.1 55)",
-	"300": "oklch(0.75 0.12 58)",
-	"400": "oklch(0.7 0.14 60)",
-	"500": "oklch(0.65 0.13 62)",
-	"600": "oklch(0.6 0.12 65)",
-	"700": "oklch(0.55 0.11 68)",
-	"800": "oklch(0.5 0.1 70)",
-	"900": "oklch(0.45 0.09 72)"
-};
-var violet = {
-	"100": "oklch(0.80 0.08 308)",
-	"200": "oklch(0.75 0.1 305)",
-	"300": "oklch(0.72 0.12 302)",
-	"400": "oklch(0.68 0.14 300)",
-	"500": "oklch(0.65 0.15 298)",
-	"600": "oklch(0.6 0.14 295)",
-	"700": "oklch(0.55 0.13 292)",
-	"800": "oklch(0.5 0.12 290)",
-	"900": "oklch(0.45 0.11 288)"
-};
-var green = {
-	"50": "oklch(0.97 0.040 170)",
-	"100": "oklch(0.95 0.062 170)",
-	"150": "oklch(0.93 0.074 170)",
-	"200": "oklch(0.90 0.086 170)",
-	"250": "oklch(0.87 0.100 170)",
-	"300": "oklch(0.82 0.130 170)",
-	"350": "oklch(0.78 0.150 170)",
-	"400": "oklch(0.74 0.166 170)",
-	"450": "oklch(0.70 0.174 170)",
-	"500": "oklch(0.66 0.180 170)",
-	"550": "oklch(0.62 0.176 170)",
-	"600": "oklch(0.56 0.158 170)",
-	"650": "oklch(0.52 0.138 170)",
-	"700": "oklch(0.46 0.108 170)",
-	"750": "oklch(0.42 0.088 170)",
-	"800": "oklch(0.36 0.065 170)",
-	"850": "oklch(0.32 0.056 170)",
-	"900": "oklch(0.26 0.050 170)",
-	"950": "oklch(0.22 0.040 170)"
-};
-var gradients = {
-	"blue": "linear-gradient(45deg, oklch(0.82 0.130 255) 0%, oklch(0.66 0.180 255) 50%)",
-	"red": "linear-gradient(45deg, oklch(0.82 0.130 19) 0%, oklch(0.66 0.180 19) 50%)",
-	"green": "linear-gradient(45deg, oklch(0.82 0.130 170) 0%, oklch(0.66 0.180 170) 50%)",
-	"black": "linear-gradient(45deg, oklch(0.53 0.03 240) 0%, oklch(0.2 0.015 240) 50%)",
-	"blueWhite": "linear-gradient(90deg, hsla(213, 62%, 45%, 1) 0%, hsla(203, 89%, 71%, 1) 50%, hsla(0, 0%, 96%, 1) 100%)",
-	"blackWhite": "linear-gradient(90deg, oklch(0.20 0.010 240) 0%, oklch(0.95 0.005 240) 100%)"
-};
-var palette_default = {
-	grey,
-	slate,
-	cream,
-	yellow,
-	blue,
-	red,
-	orange,
-	violet,
-	green,
-	gradients
-};
-
-//#endregion
-//#region src/theme/base-styles.js
-function createThemeTokens(palette) {
-	const CHROMA_COLORS$1 = {
-		...fromScale("yellow", palette.yellow),
-		...fromScale("blue", palette.blue),
-		...fromScale("red", palette.red),
-		...fromScale("orange", palette.orange),
-		...fromScale("violet", palette.violet),
-		...fromScale("green", palette.green)
-	};
-	const GREY_COLORS$1 = {
-		...fromScale("grey", palette.grey),
-		...fromScale("slate", palette.slate)
-	};
-	const CREAM_COLORS$1 = { ...fromScale("cream", palette.cream) };
-	const GRADIENTS$1 = {
-		blue: palette.gradients?.blue,
-		red: palette.gradients?.red,
-		green: palette.gradients?.green,
-		black: palette.gradients?.black,
-		blueWhite: palette.gradients?.blueWhite,
-		blackWhite: palette.gradients?.blackWhite
-	};
-	const DARK_THEME$1 = {
-		...GREY_COLORS$1,
-		...CHROMA_COLORS$1,
-		textPrimary: GREY_COLORS$1.grey75,
-		textSecondary: GREY_COLORS$1.grey500,
-		textMuted: GREY_COLORS$1.grey650,
-		textButton: GREY_COLORS$1.grey75,
-		colorBackground: GREY_COLORS$1.grey800,
-		surface: GREY_COLORS$1.slate700,
-		surface2: GREY_COLORS$1.slate750,
-		surface3: GREY_COLORS$1.slate800,
-		surface4: GREY_COLORS$1.slate825,
-		primary: CHROMA_COLORS$1.blue600,
-		primaryHover: CHROMA_COLORS$1.blue500,
-		secondary: CHROMA_COLORS$1.violet600,
-		secondaryHover: CHROMA_COLORS$1.violet500,
-		accent: CHROMA_COLORS$1.green400,
-		buttonBackground: CHROMA_COLORS$1.blue500,
-		buttonHoverBackground: CHROMA_COLORS$1.blue450,
-		hover: GREY_COLORS$1.grey850,
-		active: GREY_COLORS$1.grey650,
-		focus: CHROMA_COLORS$1.blue400,
-		success: CHROMA_COLORS$1.blue400,
-		warning: (palette.yellow || {})["400"],
-		error: CHROMA_COLORS$1.red400,
-		info: CHROMA_COLORS$1.blue400,
-		borderPrimary: GREY_COLORS$1.grey650,
-		borderSecondary: GREY_COLORS$1.slate650,
-		borderHover: GREY_COLORS$1.grey600,
-		backgroundGradientPrimary: GRADIENTS$1.blue,
-		backgroundGradientSecondary: GRADIENTS$1.blueWhite,
-		backgroundGradient3: GRADIENTS$1.blackWhite,
-		backgroundGradient4: GRADIENTS$1.black,
-		highlightReceiverId: CHROMA_COLORS$1.blue400,
-		highlightMethodName: CHROMA_COLORS$1.blue400,
-		highlightAmount: CHROMA_COLORS$1.blue400
-	};
-	const LIGHT_THEME$1 = {
-		...GREY_COLORS$1,
-		...CHROMA_COLORS$1,
-		textPrimary: GREY_COLORS$1.grey650,
-		textSecondary: GREY_COLORS$1.grey500,
-		textMuted: GREY_COLORS$1.grey350,
-		textButton: GREY_COLORS$1.grey75,
-		colorBackground: GREY_COLORS$1.grey50,
-		surface: GREY_COLORS$1.slate100,
-		surface2: GREY_COLORS$1.slate150,
-		surface3: GREY_COLORS$1.slate200,
-		surface4: GREY_COLORS$1.slate250,
-		primary: CHROMA_COLORS$1.blue600,
-		primaryHover: CHROMA_COLORS$1.blue500,
-		secondary: CHROMA_COLORS$1.violet600,
-		secondaryHover: CHROMA_COLORS$1.violet500,
-		accent: CHROMA_COLORS$1.green400,
-		buttonBackground: CHROMA_COLORS$1.blue500,
-		buttonHoverBackground: CHROMA_COLORS$1.blue450,
-		hover: GREY_COLORS$1.grey100,
-		active: GREY_COLORS$1.grey200,
-		focus: CHROMA_COLORS$1.blue400,
-		success: CHROMA_COLORS$1.blue500,
-		warning: (palette.yellow || {})["500"],
-		error: CHROMA_COLORS$1.red500,
-		info: CHROMA_COLORS$1.blue500,
-		borderPrimary: GREY_COLORS$1.slate300,
-		borderSecondary: GREY_COLORS$1.grey300,
-		borderHover: GREY_COLORS$1.slate350,
-		backgroundGradientPrimary: GRADIENTS$1.blue,
-		backgroundGradientSecondary: GRADIENTS$1.blueWhite,
-		backgroundGradient3: GRADIENTS$1.blackWhite,
-		backgroundGradient4: GRADIENTS$1.black,
-		highlightReceiverId: CHROMA_COLORS$1.blue500,
-		highlightMethodName: CHROMA_COLORS$1.blue500,
-		highlightAmount: CHROMA_COLORS$1.blue500
-	};
-	const CREAM_THEME$1 = {
-		...GREY_COLORS$1,
-		...CREAM_COLORS$1,
-		...CHROMA_COLORS$1,
-		textPrimary: GREY_COLORS$1.grey650,
-		textSecondary: GREY_COLORS$1.grey600,
-		textMuted: GREY_COLORS$1.grey450,
-		textButton: GREY_COLORS$1.grey75,
-		colorBackground: CREAM_COLORS$1.cream50,
-		surface: CREAM_COLORS$1.cream100,
-		surface2: CREAM_COLORS$1.cream150,
-		surface3: CREAM_COLORS$1.cream200,
-		surface4: CREAM_COLORS$1.cream250,
-		primary: GREY_COLORS$1.grey700,
-		primaryHover: GREY_COLORS$1.grey650,
-		secondary: CHROMA_COLORS$1.violet600,
-		secondaryHover: CHROMA_COLORS$1.violet500,
-		accent: CHROMA_COLORS$1.green400,
-		buttonBackground: CHROMA_COLORS$1.blue500,
-		buttonHoverBackground: CHROMA_COLORS$1.blue450,
-		hover: CREAM_COLORS$1.cream75,
-		active: CREAM_COLORS$1.cream200,
-		focus: CHROMA_COLORS$1.yellow500,
-		success: CHROMA_COLORS$1.yellow300,
-		warning: CHROMA_COLORS$1.yellow600,
-		error: CHROMA_COLORS$1.red500,
-		info: CHROMA_COLORS$1.blue500,
-		borderPrimary: CREAM_COLORS$1.cream300,
-		borderSecondary: CREAM_COLORS$1.cream200,
-		borderHover: CREAM_COLORS$1.cream350,
-		backgroundGradientPrimary: GRADIENTS$1.black,
-		backgroundGradientSecondary: GRADIENTS$1.blackWhite,
-		backgroundGradient3: GRADIENTS$1.blackWhite,
-		backgroundGradient4: GRADIENTS$1.black,
-		highlightReceiverId: CHROMA_COLORS$1.yellow400,
-		highlightMethodName: CHROMA_COLORS$1.yellow400,
-		highlightAmount: CHROMA_COLORS$1.yellow400
-	};
-	return {
-		CHROMA_COLORS: CHROMA_COLORS$1,
-		GREY_COLORS: GREY_COLORS$1,
-		CREAM_COLORS: CREAM_COLORS$1,
-		GRADIENTS: GRADIENTS$1,
-		DARK_THEME: DARK_THEME$1,
-		LIGHT_THEME: LIGHT_THEME$1,
-		CREAM_THEME: CREAM_THEME$1
-	};
-}
-const fromScale = (prefix, scale) => {
-	if (!scale) return {};
-	const out = {};
-	for (const k$1 of Object.keys(scale)) out[`${prefix}${k$1}`] = scale[k$1];
-	return out;
-};
-
-//#endregion
-//#region src/base-styles.ts
-const built = createThemeTokens(palette_default);
-const CHROMA_COLORS = built.CHROMA_COLORS;
-const GREY_COLORS = built.GREY_COLORS;
-const CREAM_COLORS = built.CREAM_COLORS;
-const GRADIENTS = built.GRADIENTS;
-const DARK_THEME = built.DARK_THEME;
-const LIGHT_THEME = built.LIGHT_THEME;
-const CREAM_THEME = built.CREAM_THEME;
-
-//#endregion
-//#region src/core/WebAuthnManager/LitComponents/TxTree/tx-tree-themes.ts
-const TX_TREE_THEMES = {
-	dark: {
-		...DARK_THEME,
-		host: {
-			fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif",
-			fontSize: "1rem",
-			color: DARK_THEME.textPrimary,
-			backgroundColor: DARK_THEME.colorBackground
-		},
-		tooltipBorderOuter: {
-			borderRadius: "24px",
-			border: `1px solid transparent`,
-			boxShadow: "0 1px 3px 0px rgba(5, 5, 5, 0.4)"
-		},
-		tooltipTreeRoot: {
-			padding: "0rem",
-			background: DARK_THEME.surface2,
-			border: "none",
-			color: DARK_THEME.textPrimary
-		},
-		tooltipTreeChildren: {},
-		details: {
-			borderRadius: "0.5rem",
-			background: "transparent"
-		},
-		summary: { padding: "0.5rem 0.75rem" },
-		summaryRow: { background: "transparent" },
-		summaryRowHover: {
-			background: DARK_THEME.surface,
-			borderColor: DARK_THEME.textSecondary
-		},
-		row: {
-			color: DARK_THEME.textPrimary,
-			borderRadius: "0.375rem",
-			transition: "all 160ms cubic-bezier(0.2, 0.6, 0.2, 1)"
-		},
-		indent: {},
-		label: {
-			color: DARK_THEME.textPrimary,
-			fontSize: "0.875rem",
-			gap: "4px",
-			lineHeight: "1.5",
-			border: "1px solid transparent",
-			padding: "4px 16px",
-			borderRadius: "1rem"
-		},
-		labelHover: {
-			background: DARK_THEME.borderPrimary,
-			borderColor: DARK_THEME.textSecondary
-		},
-		chevron: {
-			color: DARK_THEME.textSecondary,
-			width: "14px",
-			height: "14px"
-		},
-		fileRow: {
-			padding: "0.5rem 0.75rem",
-			fontSize: "0.875rem"
-		},
-		fileContent: {
-			background: DARK_THEME.surface2,
-			border: `1px solid none`,
-			color: DARK_THEME.textSecondary,
-			fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace",
-			borderRadius: "0.5rem",
-			padding: "0.25rem",
-			scrollbarTrackBackground: DARK_THEME.surface,
-			scrollbarThumbBackground: DARK_THEME.textSecondary
-		},
-		connector: {
-			color: DARK_THEME.grey600,
-			thickness: "2px",
-			elbowLength: "10px"
-		},
-		folderChildren: {
-			padding: "0.5rem 0",
-			marginLeft: "1rem"
-		},
-		highlightReceiverId: {
-			color: DARK_THEME.highlightReceiverId,
-			fontWeight: "600"
-		},
-		highlightMethodName: {
-			color: DARK_THEME.highlightMethodName,
-			fontWeight: "600"
-		},
-		highlightAmount: {
-			color: DARK_THEME.highlightAmount,
-			fontWeight: "600"
-		},
-		rootMobile: {
-			borderRadius: "0.5rem",
-			margin: "0"
-		},
-		treeChildrenMobile: { padding: "0.75rem" },
-		folderChildrenMobile: { marginLeft: "0.75rem" },
-		rowMobile: { padding: "0.5rem" },
-		fileContentMobile: {
-			fontSize: "0.7rem",
-			maxHeight: "150px"
-		}
-	},
-	light: {
-		...LIGHT_THEME,
-		host: {
-			fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif",
-			fontSize: "1rem",
-			color: LIGHT_THEME.textPrimary,
-			backgroundColor: LIGHT_THEME.colorBackground
-		},
-		tooltipBorderOuter: {
-			borderRadius: "24px",
-			border: `1px solid ${LIGHT_THEME.slate300}`,
-			boxShadow: "0 4px 6px -1px rgb(0 0 0 / 0.1)"
-		},
-		tooltipTreeRoot: {
-			padding: "0rem",
-			background: LIGHT_THEME.surface,
-			border: "none",
-			color: LIGHT_THEME.textPrimary
-		},
-		tooltipTreeChildren: {},
-		details: {
-			borderRadius: "0.5rem",
-			background: "transparent"
-		},
-		summary: { padding: "0.5rem 0.75rem" },
-		summaryRow: { background: "transparent" },
-		summaryRowHover: {
-			background: LIGHT_THEME.surface2,
-			borderColor: LIGHT_THEME.borderPrimary
-		},
-		row: {
-			color: LIGHT_THEME.textPrimary,
-			borderRadius: "0.375rem",
-			transition: "all 160ms cubic-bezier(0.2, 0.6, 0.2, 1)"
-		},
-		indent: {},
-		label: {
-			color: LIGHT_THEME.textPrimary,
-			fontSize: "0.875rem",
-			gap: "4px",
-			lineHeight: "1.5",
-			border: "1px solid transparent",
-			padding: "4px 16px",
-			borderRadius: "1rem"
-		},
-		labelHover: {
-			background: LIGHT_THEME.grey75,
-			borderColor: LIGHT_THEME.borderPrimary
-		},
-		chevron: {
-			color: LIGHT_THEME.textSecondary,
-			width: "14px",
-			height: "14px"
-		},
-		fileRow: {
-			padding: "0.5rem 0.75rem",
-			fontSize: "0.875rem"
-		},
-		fileContent: {
-			background: LIGHT_THEME.surface,
-			border: `1px solid ${LIGHT_THEME.borderPrimary}`,
-			color: LIGHT_THEME.textPrimary,
-			fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace",
-			borderRadius: "0.5rem",
-			padding: "0.25rem",
-			scrollbarTrackBackground: LIGHT_THEME.surface,
-			scrollbarThumbBackground: LIGHT_THEME.borderPrimary
-		},
-		connector: {
-			color: LIGHT_THEME.slate200,
-			thickness: "2px",
-			elbowLength: "10px"
-		},
-		folderChildren: {
-			padding: "0.5rem 0",
-			marginLeft: "1rem"
-		},
-		highlightReceiverId: {
-			color: LIGHT_THEME.highlightReceiverId,
-			fontWeight: "600"
-		},
-		highlightMethodName: {
-			color: LIGHT_THEME.highlightMethodName,
-			fontWeight: "600"
-		},
-		highlightAmount: {
-			color: LIGHT_THEME.highlightAmount,
-			fontWeight: "600"
-		},
-		rootMobile: {
-			borderRadius: "0.5rem",
-			margin: "0"
-		},
-		treeChildrenMobile: { padding: "0.75rem" },
-		folderChildrenMobile: { marginLeft: "0.75rem" },
-		rowMobile: { padding: "0.5rem" },
-		fileContentMobile: {
-			fontSize: "0.7rem",
-			maxHeight: "150px"
-		}
-	}
-};
-
-//#endregion
-//#region src/core/WebAuthnManager/LitComponents/common/formatters.ts
-function formatArgs(args) {
-	if (!args) return "";
-	if (typeof args === "string") return args;
-	try {
-		return JSON.stringify(args, (_k, v$2) => typeof v$2 === "bigint" ? v$2.toString() : v$2, 2);
-	} catch (e$5) {
-		return String(args);
-	}
-}
-function formatDeposit(deposit) {
-	if (!deposit || deposit === "0") return "0 NEAR";
-	try {
-		const yocto = BigInt(deposit);
-		const YOCTO_FACTOR = BigInt("1000000000000000000000000");
-		const whole = yocto / YOCTO_FACTOR;
-		const frac = yocto % YOCTO_FACTOR;
-		const maxDecimals = 5;
-		if (frac === BigInt(0)) return `${whole.toString()} NEAR`;
-		const fracStrFull = frac.toString().padStart(24, "0");
-		let fracStr = fracStrFull.slice(0, maxDecimals);
-		fracStr = fracStr.replace(/0+$/g, "");
-		if (fracStr.length === 0) return `${whole.toString()} NEAR`;
-		return `${whole.toString()}.${fracStr} NEAR`;
-	} catch (e$5) {
-		return deposit;
-	}
-}
-function formatGas(gas) {
-	if (!gas) return "";
-	try {
-		const gasValue = BigInt(gas);
-		const tgas = gasValue / BigInt("1000000000000");
-		return `${tgas} Tgas`;
-	} catch (e$5) {
-		return gas;
-	}
-}
-/**
-* Shorten a long public key or identifier by keeping a head and tail
-* and replacing the middle with an ellipsis.
-* Example: ed25519:ABCDEFGH...WXYZ12
-*/
-function shortenPubkey(pk, opts = {}) {
-	if (!pk || typeof pk !== "string") return "";
-	const { prefix = 12, suffix = 6 } = opts;
-	if (pk.length <= prefix + suffix + 3) return pk;
-	const head = pk.slice(0, prefix);
-	const tail = pk.slice(-suffix);
-	return `${head}...${tail}`;
-}
-function formatCodeSize(code) {
-	if (!code) return "0 bytes";
-	if (code instanceof Uint8Array) return `${code.byteLength} bytes`;
-	if (Array.isArray(code)) return `${code.length} bytes`;
-	if (typeof code === "string") return `${code.length} bytes`;
-	return "unknown";
-}
-
-//#endregion
-//#region src/core/WebAuthnManager/LitComponents/asset-base.ts
-/**
-* Resolve the base URL for embedded Lit bundles in a robust, readable way.
-*
-* Priority:
-* 1) window.__W3A_WALLET_SDK_BASE__ when set by the wallet host (absolute URL)
-* 2) Current ESM module location (import.meta.url):
-*    - If the URL contains a '/sdk/' segment, slice up to that segment.
-*    - Else return `${origin}/sdk/` when the origin is http(s).
-* 3) Last‑resort static fallback '/sdk/' (relative)
-*/
-const SDK_SEGMENT = "/sdk/";
-function withTrailingSlash(s$4) {
-	return s$4.endsWith("/") ? s$4 : s$4 + "/";
-}
-function readGlobalEmbeddedBase() {
-	try {
-		if (typeof window === "undefined") return void 0;
-		const v$2 = window?.__W3A_WALLET_SDK_BASE__;
-		if (typeof v$2 === "string" && v$2.length > 0) return withTrailingSlash(v$2);
-	} catch {}
-	return void 0;
-}
-function deriveFromModuleUrl() {
-	try {
-		const m$2 = import.meta?.url;
-		if (!m$2) return void 0;
-		const base = typeof window !== "undefined" ? window.location.href : void 0;
-		const u$4 = new URL(m$2, base);
-		const href = u$4.toString();
-		const idx = href.indexOf(SDK_SEGMENT);
-		if (idx > 0) return withTrailingSlash(href.slice(0, idx + 5));
-		const origin = u$4.origin;
-		if (origin && /^https?:/i.test(origin)) return withTrailingSlash(origin + "/sdk");
-	} catch {}
-	return void 0;
-}
-function resolveEmbeddedBase() {
-	return readGlobalEmbeddedBase() || deriveFromModuleUrl() || "/sdk/";
-}
-
-//#endregion
-//#region src/core/WebAuthnManager/LitComponents/css/css-loader.ts
-const supportsConstructable = typeof ShadowRoot !== "undefined" && "adoptedStyleSheets" in ShadowRoot.prototype;
-const sheetCache = /* @__PURE__ */ new Map();
-let warnedRelativeBaseOnce = false;
-function resolveStylesheetUrl(assetName) {
-	const base = resolveEmbeddedBase();
-	const join = (s$4) => s$4.endsWith("/") ? s$4 : s$4 + "/";
-	if (/^https?:/i.test(base)) return `${join(base)}${assetName}`;
-	try {
-		if (!warnedRelativeBaseOnce && typeof document !== "undefined" && document.URL === "about:srcdoc") {
-			warnedRelativeBaseOnce = true;
-			console.warn(`[W3A][css-loader] Embedded SDK base is relative: "${base}". In production, configure an absolute base so iframe assets resolve: set TatchiPasskeyProvider config { iframeWallet: { walletOrigin: "https://wallet.example.com", sdkBasePath: "/sdk" } }, `);
-		}
-	} catch {}
-	const origin = typeof window !== "undefined" && window.location ? window.location.origin : "";
-	if (origin && origin !== "null" && /^https?:/i.test(origin)) {
-		const prefix = base.startsWith("/") ? base : `/${base}`;
-		return `${join(origin + prefix)}${assetName}`;
-	}
-	const normalized = base.startsWith("/") ? base : `/${base}`;
-	return `${join(normalized)}${assetName}`;
-}
-function getDoc(root) {
-	return root.ownerDocument ?? (typeof document !== "undefined" ? document : null);
-}
-function waitForStylesheet(link) {
-	return new Promise((resolve) => {
-		const done = () => {
-			link._w3aLoaded = true;
-			resolve();
-		};
-		if (link._w3aLoaded || link.sheet) return done();
-		link.addEventListener("load", done, { once: true });
-		link.addEventListener("error", done, { once: true });
-	});
-}
-async function ensureDocumentLink(doc, assetName, markerAttr) {
-	const existing = doc.head?.querySelector(`link[${markerAttr}]`);
-	if (existing) {
-		await waitForStylesheet(existing);
-		return;
-	}
-	const link = doc.createElement("link");
-	link.rel = "stylesheet";
-	link.href = resolveStylesheetUrl(assetName);
-	link.setAttribute(markerAttr, "");
-	doc.head?.appendChild(link);
-	await waitForStylesheet(link);
-}
-async function adoptConstructable(root, assetName) {
-	if (!supportsConstructable) return false;
-	const cached = sheetCache.get(assetName);
-	const load = cached ?? (async () => {
-		if (typeof fetch !== "function") return null;
-		try {
-			const res = await fetch(resolveStylesheetUrl(assetName), { mode: "cors" });
-			if (!res.ok) return null;
-			const cssText = await res.text();
-			const sheet$1 = new CSSStyleSheet();
-			sheet$1.replaceSync(cssText);
-			return sheet$1;
-		} catch {
-			return null;
-		}
-	})();
-	if (!cached) sheetCache.set(assetName, load);
-	const sheet = await load;
-	if (!sheet) return false;
-	const current = root.adoptedStyleSheets;
-	if (!current || !current.includes(sheet)) root.adoptedStyleSheets = current ? [...current, sheet] : [sheet];
-	return true;
-}
-/**
-* Ensure an external CSS asset is applied to the given target.
-*
-* Strategy:
-* - For ShadowRoot: try constructable; if that fails and we're in about:srcdoc,
-*   inject a scoped @import; otherwise ensure a document-level <link>.
-* - For Document/HTMLElement targets: ensure a document-level <link>.
-*/
-async function ensureExternalStyles(root, assetName, markerAttr) {
-	if (!root) return;
-	try {
-		const doc = getDoc(root);
-		const isShadow = typeof ShadowRoot !== "undefined" && root instanceof ShadowRoot;
-		doc && doc.URL;
-		if (!isShadow && doc) {
-			const preexisting = doc.head?.querySelector(`link[${markerAttr}]`);
-			if (preexisting) {
-				await waitForStylesheet(preexisting);
-				return;
-			}
-		}
-		if (isShadow) {
-			if (await adoptConstructable(root, assetName)) return;
-			if (doc) await ensureDocumentLink(doc, assetName, markerAttr);
-			return;
-		}
-		if (doc) await ensureDocumentLink(doc, assetName, markerAttr);
-	} catch (err) {
-		console.warn("[W3A][css-loader] Failed to ensure stylesheet:", assetName, err);
-	}
-}
-
-//#endregion
-//#region src/core/WebAuthnManager/LitComponents/tags.ts
-const W3A_BUTTON_WITH_TOOLTIP_ID = "w3a-button-with-tooltip";
-const W3A_TX_TREE_ID = "w3a-tx-tree";
-const SELECTORS = {
-	EMBEDDED_CONFIRM_CONTAINER: `[data-embedded-tx-button-root]`,
-	EMBEDDED_BTN: `[data-embedded-btn]`,
-	TOOLTIP_CONTENT: `[data-tooltip-content]`,
-	LOADING: `[data-loading]`,
-	SPINNER: `[data-spinner]`
-};
-var ElementSelectors = class {
-	root;
-	constructor(root) {
-		this.root = root;
-	}
-	getEmbeddedConfirmContainer() {
-		return this.root?.querySelector(SELECTORS.EMBEDDED_CONFIRM_CONTAINER) || null;
-	}
-	getEmbeddedBtn() {
-		return this.root?.querySelector(SELECTORS.EMBEDDED_BTN) || null;
-	}
-	getTooltipContent() {
-		return this.root?.querySelector(SELECTORS.TOOLTIP_CONTENT) || null;
-	}
-	getLoading() {
-		return this.root?.querySelector(SELECTORS.LOADING) || null;
-	}
-	getSpinner() {
-		return this.root?.querySelector(SELECTORS.SPINNER) || null;
-	}
-	static getEmbeddedConfirmContainer(root) {
-		return root?.querySelector(SELECTORS.EMBEDDED_CONFIRM_CONTAINER) || null;
-	}
-	static getEmbeddedBtn(root) {
-		return root?.querySelector(SELECTORS.EMBEDDED_BTN) || null;
-	}
-	static getTooltipContent(root) {
-		return root?.querySelector(SELECTORS.TOOLTIP_CONTENT) || null;
-	}
-	static getLoading(root) {
-		return root?.querySelector(SELECTORS.LOADING) || null;
-	}
-	static getSpinner(root) {
-		return root?.querySelector(SELECTORS.SPINNER) || null;
-	}
-};
-
-//#endregion
-//#region src/core/WebAuthnManager/LitComponents/TxTree/index.ts
-/**
-* TxTree
-* A small, dependency-free Lit component that renders a tree-like UI suitable for tooltips.
-*
-* Usage:
-*   <w3a-tx-tree .node=${node} depth="0"></w3a-tx-tree>
-*
-* Mapping note: txSigningRequests (TransactionInput[]) → TreeNode structure
-* Example (single FunctionCall):
-* {
-*   id: 'txs-root', label: 'Transaction', type: 'folder', open: true,
-*   children: [
-*     {
-*       id: 'tx-0',
-*       label: 'Transaction 1 to w3a-v1.testnet',
-*       type: 'folder',
-*       open: true,
-*       children: [
-*         {
-*           id: 'action-0',
-*           label: 'Action 1: FunctionCall',
-*           type: 'folder',
-*           open: false,
-*           children: [
-*             { id: 'a0-method', label: 'method: set_greeting', type: 'file' },
-*             { id: 'a0-gas', label: 'gas: 30000000000000', type: 'file' },
-*             { id: 'a0-deposit', label: 'deposit: 0', type: 'file' },
-*             { id: 'a0-args', label: 'args', type: 'file', content: '{\n  "greeting": "Hello from Embedded Component! [...]"\n}' }
-*           ]
-*         }
-*       ]
-*     }
-*   ]
-* }
-*/
-var TxTree = class extends LitElementWithProps {
-	static properties = {
-		node: { attribute: false },
-		depth: {
-			type: Number,
-			attribute: false
-		},
-		styles: {
-			attribute: false,
-			state: true
-		},
-		theme: {
-			type: String,
-			reflect: true
-		},
-		width: { type: String },
-		shadowDom: {
-			type: Boolean,
-			attribute: "shadow-dom"
-		},
-		nearExplorerUrl: {
-			type: String,
-			attribute: "near-explorer-url"
-		},
-		showShadow: {
-			type: Boolean,
-			attribute: "show-shadow"
-		}
-	};
-	node;
-	depth;
-	styles;
-	theme;
-	class;
-	width;
-	shadowDom;
-	nearExplorerUrl;
-	showShadow = true;
-	_copied = /* @__PURE__ */ new Set();
-	_copyTimers = /* @__PURE__ */ new Map();
-	_animating = /* @__PURE__ */ new WeakSet();
-	isCopied(id) {
-		return this._copied.has(id);
-	}
-	async handleCopyClick(e$5, node) {
-		e$5.stopPropagation();
-		const value = node.copyValue;
-		if (!value) return;
-		try {
-			if (navigator.clipboard && navigator.clipboard.writeText) await navigator.clipboard.writeText(value);
-			else {
-				const ta = document.createElement("textarea");
-				ta.value = value;
-				ta.setAttribute("readonly", "");
-				ta.className = "w3a-offscreen";
-				document.body.appendChild(ta);
-				ta.select();
-				try {
-					document.execCommand("copy");
-				} catch {}
-				document.body.removeChild(ta);
-			}
-			this._copied.add(node.id);
-			this.requestUpdate();
-			const existing = this._copyTimers.get(node.id);
-			if (existing) window.clearTimeout(existing);
-			const timer = window.setTimeout(() => {
-				this._copied.delete(node.id);
-				this._copyTimers.delete(node.id);
-				this.requestUpdate();
-			}, 2e3);
-			this._copyTimers.set(node.id, timer);
-		} catch {}
-	}
-	handleToggle() {
-		dispatchLitTreeToggled(this);
-	}
-	/**
-	* Intercept summary clicks to run height animations for open/close.
-	* Keeps native semantics by toggling details.open at the appropriate time.
-	*/
-	onSummaryClick = (e$5) => {
-		const summary = e$5.currentTarget;
-		if (!summary) return;
-		const path = e$5.composedPath?.();
-		let clickedReceiverLink = null;
-		if (Array.isArray(path)) {
-			for (const t$4 of path) if (t$4 && typeof t$4.matches === "function" && t$4.matches("a.highlight-receiver-id")) {
-				clickedReceiverLink = t$4;
-				break;
-			}
-		} else {
-			const target = e$5.target;
-			clickedReceiverLink = target?.closest?.("a.highlight-receiver-id") ?? null;
-		}
-		if (clickedReceiverLink) {
-			e$5.preventDefault();
-			e$5.stopPropagation();
-			try {
-				window.open(clickedReceiverLink.href, "_blank", "noopener");
-			} catch {}
-			return;
-		}
-		e$5.preventDefault();
-		e$5.stopPropagation();
-		const details = summary.closest("details");
-		if (!details || this._animating.has(details)) return;
-		const body = details.querySelector(":scope > .folder-children, :scope > .row.file-row");
-		if (!body) {
-			details.open = !details.open;
-			this.handleToggle();
-			return;
-		}
-		const reduceMotion = (() => {
-			return typeof window !== "undefined" && "matchMedia" in window ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : false;
-		})();
-		if (reduceMotion) {
-			details.open = !details.open;
-			this.handleToggle();
-			return;
-		}
-		if (!details.open) this.animateOpen(details, body);
-		else this.animateClose(details, body);
-	};
-	animateOpen(details, body) {
-		this._animating.add(details);
-		body.classList.add("anim-h");
-		details.open = true;
-		requestAnimationFrame(() => {
-			const target = `${body.scrollHeight}px`;
-			this.setCssVars({ "--w3a-tree__anim-target": target });
-			body.classList.add("anim-h-active");
-			let done = false;
-			const cleanup = () => {
-				if (done) return;
-				done = true;
-				body.classList.remove("anim-h");
-				body.classList.remove("anim-h-active");
-				this._animating.delete(details);
-				this.handleToggle();
-			};
-			const onEnd = (ev) => {
-				if (ev.propertyName !== "height") return;
-				body.removeEventListener("transitionend", onEnd);
-				cleanup();
-			};
-			body.addEventListener("transitionend", onEnd);
-			window.setTimeout(() => {
-				body.removeEventListener("transitionend", onEnd);
-				cleanup();
-			}, 200);
-		});
-	}
-	animateClose(details, body) {
-		this._animating.add(details);
-		const start = `${body.scrollHeight}px`;
-		this.setCssVars({ "--w3a-tree__anim-target": start });
-		body.classList.add("anim-h");
-		body.classList.add("anim-h-active");
-		body.offsetHeight;
-		requestAnimationFrame(() => {
-			body.classList.remove("anim-h-active");
-			let done = false;
-			const cleanup = () => {
-				if (done) return;
-				done = true;
-				body.removeEventListener("transitionend", onEnd);
-				details.open = false;
-				body.classList.remove("anim-h");
-				this._animating.delete(details);
-				this.handleToggle();
-			};
-			const onEnd = (ev) => {
-				if (ev.propertyName !== "height") return;
-				cleanup();
-			};
-			body.addEventListener("transitionend", onEnd);
-			window.setTimeout(() => cleanup(), 250);
-		});
-	}
-	getComponentPrefix() {
-		return "tree";
-	}
-	applyStyles(styles) {
-		super.applyStyles(styles, "tree");
-	}
-	createRenderRoot() {
-		if (this.shadowDom) {
-			const root$1 = super.createRenderRoot();
-			ensureExternalStyles(root$1, "tx-tree.css", "data-w3a-tx-tree-css").catch(() => {});
-			return root$1;
-		}
-		ensureExternalStyles(this, "tx-tree.css", "data-w3a-tx-tree-css").catch(() => {});
-		const root = this.getRootNode && this.getRootNode();
-		if (root && typeof root === "object" && "host" in root) ensureExternalStyles(root, "tx-tree.css", "data-w3a-tx-tree-css").catch(() => {});
-		return this;
-	}
-	/**
-	* Lifecycle method to apply styles when they change
-	*/
-	updated(changedProperties) {
-		super.updated(changedProperties);
-		const hasExplicitStyles = !!this.styles && Object.keys(this.styles).length > 0;
-		if (changedProperties.has("styles") && hasExplicitStyles) this.applyStyles(this.styles);
-		if (changedProperties.has("theme") && !hasExplicitStyles && this.theme) {
-			const preset = TX_TREE_THEMES[this.theme] || TX_TREE_THEMES.dark;
-			this.applyStyles(preset);
-		}
-	}
-	connectedCallback() {
-		super.connectedCallback();
-	}
-	renderLabelWithSelectiveHighlight(treeNode) {
-		if (treeNode.action) {
-			const a$2 = treeNode.action;
-			switch (a$2.type) {
-				case "FunctionCall": {
-					let method = a$2.methodName;
-					let gasStr = formatGas(a$2.gas);
-					let depositStr = formatDeposit(a$2.deposit);
-					return x`Calling <span class="highlight-method-name">${method}</span>
-              ${depositStr !== "0 NEAR" ? x` with <span class="highlight-method-name">${depositStr}</span>` : ""}
-              ${gasStr ? x` using <span class="highlight-method-name">${gasStr}</span>` : ""}`;
-				}
-				case "Transfer": {
-					let amount = formatDeposit(a$2.amount);
-					return x`Transfer <span class="highlight-amount">${amount}</span>`;
-				}
-				case "CreateAccount": return "Creating Account";
-				case "DeleteAccount": return "Deleting Account";
-				case "Stake": return `Staking ${formatDeposit(a$2.stake)}`;
-				case "AddKey":
-					a$2.accessKey;
-					return `Adding Key`;
-				case "DeleteKey": return `Deleting Key`;
-				case "DeployContract": {
-					const codeSize = formatCodeSize(a$2.code);
-					return `Deploying WASM contract (${codeSize})`;
-				}
-				case "DeployGlobalContract": {
-					const codeSize = formatCodeSize(a$2.code);
-					const mode = a$2.deployMode || "Unknown";
-					return `Deploy global WASM contract (mode: ${mode}, size ${codeSize})`;
-				}
-				case "UseGlobalContract": {
-					const accountId = a$2.accountId;
-					const codeHash = a$2.codeHash;
-					if (accountId) {
-						const base = (this.nearExplorerUrl || "https://testnet.nearblocks.io").replace(/\/$/, "");
-						const href = `${base}/address/${encodeURIComponent(accountId)}`;
-						return x`Use global contract <a
-              class="highlight-receiver-id"
-              href=${href}
-              target="_blank"
-              rel="noopener noreferrer"
-            >${accountId}</a>`;
-					}
-					if (codeHash) {
-						const short = shortenPubkey(codeHash, {
-							prefix: 10,
-							suffix: 6
-						});
-						return x`Use global contract by hash <span class="highlight-method-name">${short}</span>`;
-					}
-					return "Use global contract";
-				}
-				default: {
-					const idxText = isNumber(treeNode.actionIndex) ? ` ${treeNode.actionIndex + 1}` : "";
-					const typeText = a$2.type || "Unknown";
-					return `Action ${idxText}: ${typeText}`;
-				}
-			}
-		}
-		if (treeNode.transaction) {
-			const total = treeNode.totalTransactions ?? 1;
-			const idx = treeNode.transactionIndex ?? 0;
-			const prefix = total > 1 ? `Transaction ${idx + 1}: to ` : "Transaction to ";
-			const receiverId = treeNode.transaction.receiverId;
-			const base = (this.nearExplorerUrl || "https://testnet.nearblocks.io").replace(/\/$/, "");
-			const href = `${base}/address/${encodeURIComponent(receiverId)}`;
-			return x`${prefix}<a
-        class="highlight-receiver-id"
-        href=${href}
-        target="_blank"
-        rel="noopener noreferrer"
-      >${receiverId}</a>`;
-		}
-		return treeNode.label || "";
-	}
-	/**
-	* Compute a plain-text version of the label for use in the title tooltip.
-	* Mirrors renderLabelWithSelectiveHighlight but without inline HTML/spans.
-	*/
-	computePlainLabel(treeNode) {
-		if (treeNode.action) {
-			const a$2 = treeNode.action;
-			switch (a$2.type) {
-				case "FunctionCall": {
-					const method = a$2.methodName;
-					const gasStr = formatGas(a$2.gas);
-					const depositStr = formatDeposit(a$2.deposit);
-					return `Calling ${method} with ${depositStr} using ${gasStr}`;
-				}
-				case "Transfer": return `Transfer ${formatDeposit(a$2.amount)}`;
-				case "CreateAccount": return "Creating Account";
-				case "DeleteAccount": return "Deleting Account";
-				case "Stake": return `Staking ${formatDeposit(a$2.stake)}`;
-				case "AddKey": return "Adding Key";
-				case "DeleteKey": return "Deleting Key";
-				case "DeployContract": return "Deploying WASM contract";
-				case "DeployGlobalContract": {
-					const codeSize = formatCodeSize(a$2.code);
-					const mode = a$2.deployMode || "Unknown";
-					return `Deploy global WASM contract (mode: ${mode}, size ${codeSize})`;
-				}
-				case "UseGlobalContract": {
-					const accountId = a$2.accountId;
-					const codeHash = a$2.codeHash;
-					if (accountId) return `Use global contract by account ${accountId}`;
-					if (codeHash) return `Use global contract by hash ${codeHash}`;
-					return "Use global contract";
-				}
-				default: {
-					const idxText = isNumber(treeNode.actionIndex) ? ` ${treeNode.actionIndex + 1}` : "";
-					const typeText = a$2.type || "Unknown";
-					return `Action${idxText}: ${typeText}`;
-				}
-			}
-		}
-		if (treeNode.transaction) {
-			const total = treeNode.totalTransactions ?? 1;
-			const idx = treeNode.transactionIndex ?? 0;
-			const prefix = total > 1 ? `Transaction ${idx + 1}: to ` : "Transaction to ";
-			const receiverId = treeNode.transaction.receiverId;
-			return `${prefix}${receiverId}`;
-		}
-		return treeNode.label || "";
-	}
-	renderLeaf(depth, node) {
-		const depthIndex = Math.max(0, depth - 1);
-		if (isString(node.content) && node.content.length > 0) return x`
-        <details class="tree-node file" ?open=${!!node.open}>
-          <summary class="row summary-row depth-${depthIndex}"
-            data-no-elbow="${!!node.hideLabel}"
-            @click=${this.onSummaryClick}
-          >
-            <span class="indent"></span>
-            <span class="label label-action-node" ?hidden=${!!node.hideLabel}>
-              ${!node.hideChevron ? x`
-                  <svg class="chevron" viewBox="0 0 16 16" aria-hidden="true">
-                    <path fill="currentColor" d="M6 3l5 5-5 5z" />
-                  </svg>` : ""}
-              <span class="label-text" title=${this.computePlainLabel(node)}>
-                ${this.renderLabelWithSelectiveHighlight(node)}
-              </span>
-              ${node.copyValue ? x`
-                  <span class="copy-badge"
-                    data-copied=${this.isCopied(node.id)}
-                    @click=${(e$5) => this.handleCopyClick(e$5, node)}
-                    title=${this.isCopied(node.id) ? "Copied" : "Copy"}
-                  >
-                    ${this.isCopied(node.id) ? "copied" : "copy"}
-                  </span>` : ""}
-            </span>
-            <!-- Move file-content into .summary-row so we can collapse it by default -->
-            <div class="file-content">${node.content}</div>
-          </summary>
-          <!-- Alternative rendering for file content kept for reference; no inline styles allowed -->
-        </details>
-      `;
-		return x`
-      <div class="row file-row depth-${depthIndex}"
-        data-no-elbow="${!!node.hideLabel}"
-        ?open=${!!node.open}
-      >
-        <span class="indent"></span>
-        <span class="label label-action-node" ?hidden=${!!node.hideLabel}>
-          <span class="label-text" title=${this.computePlainLabel(node)}>
-            ${this.renderLabelWithSelectiveHighlight(node)}
-          </span>
-          ${node.copyValue ? x`
-            <span class="copy-badge"
-              data-copied=${this.isCopied(node.id)}
-              @click=${(e$5) => this.handleCopyClick(e$5, node)}
-              title=${this.isCopied(node.id) ? "Copied" : "Copy"}
-            >${this.isCopied(node.id) ? "copied" : "copy"}</span>
-          ` : ""}
-        </span>
-      </div>
-    `;
-	}
-	renderFolder(depth, node) {
-		const { children: nodeChildren } = node;
-		const depthIndex = Math.max(0, depth - 1);
-		return x`
-      <details class="tree-node folder" ?open=${!!node.open}>
-        <summary class="row summary-row depth-${depthIndex}"
-          data-no-elbow="${!!node.hideLabel}"
-          @click=${this.onSummaryClick}
-        >
-          <span class="indent"></span>
-          <span class="label" ?hidden=${!!node.hideLabel}>
-            ${!node.hideChevron ? x`
-              <svg class="chevron" viewBox="0 0 16 16" aria-hidden="true">
-                <path fill="currentColor" d="M6 3l5 5-5 5z" />
-              </svg>
-            ` : ""}
-            <span class="label-text" title=${this.computePlainLabel(node)}>
-              ${this.renderLabelWithSelectiveHighlight(node)}
-            </span>
-          </span>
-        </summary>
-        ${nodeChildren && nodeChildren.length > 0 ? x`
-          <div class="folder-children">
-            ${c(nodeChildren, (c$5) => c$5.id, (c$5) => this.renderAnyNode(c$5, depth + 1))}
-          </div>
-        ` : x``}
-      </details>
-    `;
-	}
-	renderAnyNode(node, depth) {
-		return node.type === "file" ? this.renderLeaf(depth, node) : this.renderFolder(depth, node);
-	}
-	render() {
-		if (!this.node || this.node.type === "folder" && !this.node.children?.length) return x``;
-		let depth = this.depth ?? 0;
-		let content;
-		if (depth === 0) {
-			const extraClass = this.class ? ` ${this.class}` : "";
-			const scrollClass = this.class ? " scrollable-root" : "";
-			const inner = x`
-        <div class="tooltip-tree-root${extraClass}${scrollClass}">
-          <div class="tooltip-tree-children">
-            ${c(Array.isArray(this.node.children) ? this.node.children : [], (child) => child.id, (child) => this.renderAnyNode(child, depth + 1))}
-          </div>
-        </div>
-      `;
-			content = this.showShadow ? x`<div class="tooltip-border-outer">${inner}</div>` : inner;
-		} else if (this.node.type === "folder") content = this.renderFolder(depth, this.node);
-		else if (this.node.type === "file") content = this.renderLeaf(depth, this.node);
-		return content;
-	}
-};
-if (!customElements.get(W3A_TX_TREE_ID)) customElements.define(W3A_TX_TREE_ID, TxTree);
-if (!customElements.get("tx-tree")) {
-	class TxTreeAlias extends TxTree {}
-	customElements.define("tx-tree", TxTreeAlias);
-}
-var TxTree_default = TxTree;
-
-//#endregion
-//#region src/core/WebAuthnManager/LitComponents/IframeButtonWithTooltipConfirmer/iframe-geometry.ts
-function utilParsePx(value) {
-	if (typeof value === "number") return value;
-	if (typeof value === "string") {
-		if (value === "auto") throw new Error("Cannot parse \"auto\" value for pixel calculations. Please provide a specific pixel value.");
-		const match = value.match(/^(\d+(?:\.\d+)?)px$/);
-		if (match) return parseFloat(match[1]);
-		try {
-			if (typeof document !== "undefined" && document.body) {
-				const probe = document.createElement("div");
-				probe.style.position = "absolute";
-				probe.style.visibility = "hidden";
-				probe.style.width = value;
-				document.body.appendChild(probe);
-				const computed = window.getComputedStyle(probe).width;
-				document.body.removeChild(probe);
-				const m2 = computed.match(/^(\d+(?:\.\d+)?)px$/);
-				if (m2) return parseFloat(m2[1]);
-			}
-		} catch {}
-		throw new Error(`Invalid pixel value: "${value}". Expected format: "123px" or numeric value.`);
-	}
-	return 0;
-}
-
-//#endregion
-//#region src/core/WebAuthnManager/LitComponents/TxTree/tx-tree-utils.ts
-function buildActionNode(action, idx) {
-	let actionNodes;
-	switch (action.type) {
-		case "FunctionCall":
-			actionNodes = [{
-				id: `a${idx}-args`,
-				label: "using args:",
-				type: "file",
-				open: false,
-				hideChevron: true,
-				hideLabel: true,
-				content: formatArgs(action.args)
-			}];
-			break;
-		case "Transfer":
-			actionNodes = [];
-			break;
-		case "CreateAccount":
-			actionNodes = [];
-			break;
-		case "DeployContract": {
-			const code = action.code;
-			const codeSize = formatCodeSize(code);
-			actionNodes = [{
-				id: `a${idx}-code-size`,
-				label: `WASM contract code size: ${codeSize}`,
-				type: "file",
-				open: false
-			}];
-			break;
-		}
-		case "DeployGlobalContract": {
-			const code = action.code;
-			const deployMode = action.deployMode;
-			const codeSize = formatCodeSize(code);
-			actionNodes = [{
-				id: `a${idx}-deploy-mode`,
-				label: `mode: ${deployMode}`,
-				type: "file",
-				open: false
-			}, {
-				id: `a${idx}-code-size`,
-				label: `WASM global contract code size: ${codeSize}`,
-				type: "file",
-				open: false
-			}];
-			break;
-		}
-		case "UseGlobalContract": {
-			const accountId = action.accountId;
-			const codeHash = action.codeHash;
-			let label;
-			if (accountId) label = `by account: ${accountId}`;
-			else if (codeHash) {
-				const short = shortenPubkey(codeHash, {
-					prefix: 10,
-					suffix: 6
-				});
-				label = `by hash: ${short}`;
-			} else label = "by global contract identifier";
-			actionNodes = [{
-				id: `a${idx}-identifier`,
-				label,
-				type: "file",
-				open: false
-			}];
-			break;
-		}
-		case "Stake":
-			actionNodes = [{
-				id: `a${idx}-publicKey`,
-				label: `validator: ${shortenPubkey(action.publicKey)}`,
-				type: "file",
-				open: true,
-				copyValue: action.publicKey
-			}];
-			break;
-		case "AddKey":
-			const ak = action.accessKey;
-			let permissions = "";
-			try {
-				const accessKeyObj = isString(ak) ? JSON.parse(ak) : ak;
-				permissions = accessKeyObj.permission === "FullAccess" ? "Full Access" : "Function Call";
-			} catch {
-				permissions = "Unknown";
-			}
-			actionNodes = [{
-				id: `a${idx}-publicKey`,
-				label: `key: ${shortenPubkey(action.publicKey)}`,
-				open: false,
-				type: "file",
-				copyValue: action.publicKey
-			}, {
-				id: `a${idx}-permissions`,
-				label: `permissions: ${permissions}`,
-				open: false,
-				type: "file"
-			}];
-			break;
-		case "DeleteKey":
-			actionNodes = [{
-				id: `a${idx}-publicKey`,
-				label: `key: ${shortenPubkey(action.publicKey)}`,
-				open: false,
-				type: "file",
-				copyValue: action.publicKey
-			}];
-			break;
-		case "DeleteAccount":
-			actionNodes = [{
-				id: `a${idx}-beneficiaryId`,
-				label: `sending balance to: ${action.beneficiaryId}`,
-				open: false,
-				type: "file"
-			}];
-			break;
-		default:
-			let raw = "";
-			try {
-				raw = JSON.stringify(action, null, 2);
-			} catch {
-				raw = String(action);
-			}
-			actionNodes = [{
-				id: `a${idx}-action`,
-				label: `Action: ${action.type || "Unknown"}`,
-				open: false,
-				type: "file"
-			}, {
-				id: `a${idx}-raw`,
-				label: "Raw Data",
-				type: "file",
-				open: false,
-				content: raw
-			}];
-			break;
-	}
-	return {
-		id: `action-${idx}`,
-		label: "",
-		type: "folder",
-		open: false,
-		hideChevron: true,
-		action,
-		actionIndex: idx,
-		children: actionNodes
-	};
-}
-function buildTransactionNode(tx, tIdx, totalTransactions, styles) {
-	const actionFolders = tx.actions.map((action, idx) => buildActionNode(action, idx));
-	return {
-		id: `tx-${tIdx}`,
-		label: "",
-		type: "folder",
-		open: true,
-		hideChevron: true,
-		transaction: tx,
-		transactionIndex: tIdx,
-		totalTransactions,
-		children: [...actionFolders]
-	};
-}
-function buildDisplayTreeFromTxPayloads(txSigningRequests, styles) {
-	const totalTransactions = txSigningRequests.length;
-	const txFolders = txSigningRequests.map((tx, tIdx) => buildTransactionNode(tx, tIdx, totalTransactions, styles));
-	return {
-		id: "txs-root",
-		label: totalTransactions > 1 ? "Transactions" : "Transaction",
-		type: "folder",
-		open: true,
-		children: txFolders
-	};
-}
-
-//#endregion
-//#region src/utils/base64.ts
-/**
-* Encodes binary data to standard base64 format for NEAR RPC compatibility.
-* Uses standard base64 characters (+, /, =) rather than base64url encoding.
-*
-* Important: Avoids spreading large arrays into String.fromCharCode(...) which
-* can overflow the JS call stack when encoding big WASM binaries.
-*
-* @param value - ArrayBufferLike or ArrayBufferView containing the binary data to encode
-* @returns Standard base64-encoded string with padding
-*/
-const base64Encode = (value) => {
-	const bytes = ArrayBuffer.isView(value) ? new Uint8Array(value.buffer, value.byteOffset, value.byteLength) : new Uint8Array(value);
-	let binary = "";
-	for (let i$6 = 0; i$6 < bytes.length; i$6++) binary += String.fromCharCode(bytes[i$6]);
-	return btoa(binary);
-};
-/**
-* Encodes an ArrayBuffer into a base64url string.
-* Converts binary data to base64 then replaces standard base64 characters with URL-safe ones:
-* + -> -
-* / -> _
-* Removes padding = characters
-*
-* Used for WebAuthn API compatibility in browser environments.
-* Equivalent to Buffer.from(value).toString('base64url') in Node.js.
-*
-* @param value - The ArrayBufferLike or ArrayBufferView to encode
-* @returns A base64url-encoded string without padding
-*/
-const base64UrlEncode = (value) => {
-	return base64Encode(value).replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, "");
-};
-
-//#endregion
-//#region src/core/WebAuthnManager/txDigest.ts
-function alphabetizeStringify(input) {
-	const normalizeValue = (value) => {
-		if (Array.isArray(value)) return value.map(normalizeValue);
-		if (isObject(value)) {
-			const obj = value;
-			const sortedKeys = Object.keys(obj).sort();
-			const result = {};
-			for (const key of sortedKeys) result[key] = normalizeValue(obj[key]);
-			return result;
-		}
-		return value;
-	};
-	return JSON.stringify(normalizeValue(input));
-}
-async function sha256Base64UrlUtf8(input) {
-	const enc = new TextEncoder();
-	const data = enc.encode(input);
-	const digest = await crypto.subtle.digest("SHA-256", data);
-	return base64UrlEncode(digest);
-}
-async function computeUiIntentDigestFromTxs(txInputs) {
-	const json = alphabetizeStringify(txInputs);
-	return sha256Base64UrlUtf8(json);
-}
-function orderActionForDigest(a$2) {
-	switch (a$2.action_type) {
-		case "FunctionCall": return {
-			action_type: a$2.action_type,
-			args: a$2.args,
-			deposit: a$2.deposit,
-			gas: a$2.gas,
-			method_name: a$2.method_name
-		};
-		case "Transfer": return {
-			action_type: a$2.action_type,
-			deposit: a$2.deposit
-		};
-		case "Stake": return {
-			action_type: a$2.action_type,
-			stake: a$2.stake,
-			public_key: a$2.public_key
-		};
-		case "AddKey": return {
-			action_type: a$2.action_type,
-			public_key: a$2.public_key,
-			access_key: a$2.access_key
-		};
-		case "DeleteKey": return {
-			action_type: a$2.action_type,
-			public_key: a$2.public_key
-		};
-		case "DeleteAccount": return {
-			action_type: a$2.action_type,
-			beneficiary_id: a$2.beneficiary_id
-		};
-		case "DeployContract": return {
-			action_type: a$2.action_type,
-			code: a$2.code
-		};
-		case "DeployGlobalContract": return {
-			action_type: a$2.action_type,
-			code: a$2.code,
-			deploy_mode: a$2.deploy_mode
-		};
-		case "UseGlobalContract": return {
-			action_type: a$2.action_type,
-			account_id: a$2.account_id,
-			code_hash: a$2.code_hash
-		};
-		case "CreateAccount":
-		default: return { action_type: a$2.action_type };
-	}
-}
-
-//#endregion
-//#region src/core/WebAuthnManager/LitComponents/IframeButtonWithTooltipConfirmer/ButtonWithTooltip.ts
-/**
-* Lit-based embedded transaction confirmation element for iframe usage.
-* Implements the clip-path approach with tooltip measurement and postMessage communication.
-*/
-var EmbeddedTxButton = class extends LitElementWithProps {
-	static properties = {
-		nearAccountId: { type: String },
-		txSigningRequests: { type: Array },
-		color: { type: String },
-		loadingTouchIdPrompt: { type: Boolean },
-		tooltip: { type: Object },
-		size: { type: Object },
-		buttonSizing: { type: Object },
-		styles: {
-			type: Object,
-			attribute: false
-		},
-		TxTreeTheme: { type: String },
-		tooltipVisible: { state: true },
-		hideTimeout: { state: true },
-		activationMode: { type: String }
-	};
-	nearAccountId = "";
-	txSigningRequests = [];
-	color = "#667eea";
-	loadingTouchIdPrompt = false;
-	tooltip = {
-		width: "min(330px, calc(var(--w3a-vw, 100vw) - 1rem))",
-		height: "auto",
-		position: "top-center",
-		offset: "4px"
-	};
-	buttonSizing = {};
-	TxTreeTheme = "dark";
-	styles;
-	activationMode = "tap";
-	tooltipVisible = false;
-	hideTimeout = null;
-	initialGeometrySent = false;
-	initialGeometryRetryCount = 0;
-	isHiding = false;
-	measureTimeout = null;
-	treeRaf1 = null;
-	treeRaf2 = null;
-	_ensureTreeDefinition = TxTree_default;
-	tooltipResizeObserver;
-	buttonResizeObserver;
-	lastSentGeometryKey = null;
-	buttonHovering = false;
-	tooltipHovering = false;
-	pressTimer = null;
-	pressFired = false;
-	pressStartX = 0;
-	pressStartY = 0;
-	suppressClickUntil = 0;
-	isCoarsePointer = false;
-	mqlCoarse;
-	selectors;
-	_cssReady = false;
-	_cssReadyPromise = null;
-	constructor() {
-		super();
-		this.selectors = new ElementSelectors();
-	}
-	createRenderRoot() {
-		const root = super.createRenderRoot();
-		const p1 = ensureExternalStyles(root, "button-with-tooltip.css", "data-w3a-button-tooltip-css");
-		const p2 = ensureExternalStyles(root, "tx-tree.css", "data-w3a-tx-tree-css");
-		const p3 = ensureExternalStyles(root, "w3a-components.css", "data-w3a-components-css");
-		this._cssReadyPromise = Promise.all([
-			p1,
-			p2,
-			p3
-		]).then(() => {
-			this._cssReady = true;
-			this.requestUpdate();
-		}).catch(() => {
-			this._cssReady = true;
-			this.requestUpdate();
-		});
-		return root;
-	}
-	shouldUpdate() {
-		return this._cssReady;
-	}
-	connectedCallback() {
-		super.connectedCallback();
-		this.selectors = new ElementSelectors(this.shadowRoot);
-		this.updateTxTreeTheme();
-		this.setupCSSVariables();
-		this.applyEmbeddedButtonStyles();
-		this.setupCoarsePointerDetection();
-		window.addEventListener("keydown", this.handleKeyDown, { passive: true });
-	}
-	/**
-	* Detects coarse-pointer environments and adapts interactions.
-	* - Primary: (pointer: coarse)
-	* - Secondary: touch capability (maxTouchPoints / ontouchstart)
-	* - Tertiary: UA mobile hint for iframe edge cases (e.g., Chrome on iOS)
-	* Sets activationMode to 'press' on coarse pointers and listens for changes.
-	*/
-	setupCoarsePointerDetection() {
-		try {
-			const mql = window.matchMedia("(pointer: coarse)");
-			const hasTouch = typeof navigator !== "undefined" && typeof navigator.maxTouchPoints === "number" ? navigator.maxTouchPoints > 0 : "ontouchstart" in window;
-			const ua = typeof navigator !== "undefined" && navigator.userAgent ? String(navigator.userAgent) : "";
-			const isMobileUA = /Android|iPhone|iPad|iPod/i.test(ua);
-			this.isCoarsePointer = (mql?.matches === true || isMobileUA) && !!hasTouch;
-			this.mqlCoarse = mql;
-			this.mqlCoarse.addEventListener?.("change", (e$5) => {
-				const updatedHasTouch = typeof navigator !== "undefined" && typeof navigator.maxTouchPoints === "number" ? navigator.maxTouchPoints > 0 : "ontouchstart" in window;
-				const ua2 = typeof navigator !== "undefined" && navigator.userAgent ? String(navigator.userAgent) : "";
-				const mobile2 = /Android|iPhone|iPad|iPod/i.test(ua2);
-				this.isCoarsePointer = (e$5.matches === true || mobile2) && !!updatedHasTouch;
-				this.requestUpdate();
-			});
-			if (this.isCoarsePointer) this.activationMode = "press";
-		} catch {}
-	}
-	firstUpdated() {
-		const tooltip = this.selectors.getTooltipContent();
-		if (tooltip && "ResizeObserver" in window) {
-			this.tooltipResizeObserver = new ResizeObserver(() => {
-				if (this.tooltipVisible && !this.isHiding) this.measureTooltip();
-			});
-			this.tooltipResizeObserver.observe(tooltip);
-		}
-		const button = this.selectors.getEmbeddedBtn();
-		if (button && "ResizeObserver" in window) {
-			this.buttonResizeObserver = new ResizeObserver(() => {
-				if (!this.isHiding) this.measureTooltip();
-			});
-			this.buttonResizeObserver.observe(button);
-		}
-	}
-	updated(changedProperties) {
-		super.updated(changedProperties);
-		if (changedProperties.has("buttonSizing") || changedProperties.has("color")) this.setupCSSVariables();
-		if (changedProperties.has("TxTreeTheme")) {
-			this.updateTxTreeTheme();
-			this.applyEmbeddedButtonStyles();
-		}
-		if (changedProperties.has("nearAccountId") || changedProperties.has("txSigningRequests")) {
-			if (this.tooltipVisible) requestAnimationFrame(() => {
-				this.measureTooltip();
-			});
-		}
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback();
-		try {
-			this.tooltipResizeObserver?.disconnect();
-		} catch {}
-		try {
-			this.buttonResizeObserver?.disconnect();
-		} catch {}
-		try {
-			window.removeEventListener("keydown", this.handleKeyDown);
-		} catch {}
-		if (this.pressTimer) {
-			try {
-				clearTimeout(this.pressTimer);
-			} catch {}
-			this.pressTimer = null;
-		}
-	}
-	setupCSSVariables() {
-		const buttonWidth = this.buttonSizing?.width || "200px";
-		const buttonHeight = this.buttonSizing?.height || "48px";
-		this.setCssVars({
-			"--btn-width": typeof buttonWidth === "number" ? `${buttonWidth}px` : String(buttonWidth),
-			"--btn-height": typeof buttonHeight === "number" ? `${buttonHeight}px` : String(buttonHeight),
-			"--tooltip-width": String(this.tooltip.width),
-			"--tooltip-height": String(this.tooltip.height),
-			"--tooltip-offset": String(this.tooltip.offset)
-		});
-		const boxPadding = this.tooltip.boxPadding || "0px";
-		this.setCssVars({ "--tooltip-box-padding": String(boxPadding) });
-	}
-	updateTxTreeTheme() {}
-	applyEmbeddedButtonStyles() {}
-	measureTooltip() {
-		if (this.isHiding) return;
-		const tooltipElement = this.selectors.getTooltipContent();
-		const buttonElement = this.selectors.getEmbeddedBtn();
-		if (!tooltipElement || !buttonElement) return;
-		const tooltipRect = tooltipElement.getBoundingClientRect();
-		const buttonRect = buttonElement.getBoundingClientRect();
-		const gap = utilParsePx(this.tooltip.offset);
-		const geometry = this.buildGeometry(buttonRect, tooltipRect, gap, this.tooltipVisible);
-		requestAnimationFrame(() => {
-			this.postTooltipStateIfChanged(geometry);
-		});
-	}
-	measureTooltipAndUpdateParentSync() {
-		if (this.isHiding) return;
-		const tooltipElement = this.selectors.getTooltipContent();
-		const buttonElement = this.selectors.getEmbeddedBtn();
-		if (!tooltipElement || !buttonElement) return;
-		const tooltipRect = tooltipElement.getBoundingClientRect();
-		const buttonRect = buttonElement.getBoundingClientRect();
-		const gap = utilParsePx(this.tooltip.offset);
-		const geometry = this.buildGeometry(buttonRect, tooltipRect, gap, this.tooltipVisible);
-		this.postTooltipStateIfChanged(geometry, true);
-	}
-	sendTooltipState(visible) {
-		const tooltipElement = this.selectors.getTooltipContent();
-		const buttonElement = this.selectors.getEmbeddedBtn();
-		if (!tooltipElement || !buttonElement) return;
-		const tooltipRect = tooltipElement.getBoundingClientRect();
-		const buttonRect = buttonElement.getBoundingClientRect();
-		const gap = utilParsePx(this.tooltip.offset);
-		const geometry = this.buildGeometry(buttonRect, tooltipRect, gap, visible);
-		this.postTooltipStateIfChanged(geometry, true);
-	}
-	buildGeometry(buttonRect, tooltipRect, gap, visible) {
-		const floor = (n$4) => Math.floor(n$4);
-		const ceil = (n$4) => Math.ceil(n$4);
-		return {
-			button: {
-				x: floor(buttonRect.left),
-				y: floor(buttonRect.top),
-				width: ceil(buttonRect.width),
-				height: ceil(buttonRect.height),
-				borderRadius: 8
-			},
-			tooltip: {
-				x: floor(tooltipRect.left),
-				y: floor(tooltipRect.top),
-				width: ceil(tooltipRect.width),
-				height: ceil(tooltipRect.height),
-				borderRadius: 24
-			},
-			position: this.tooltip.position,
-			gap,
-			visible
-		};
-	}
-	geometryKey(g$1) {
-		return [
-			g$1.button.x,
-			g$1.button.y,
-			g$1.button.width,
-			g$1.button.height,
-			g$1.tooltip.x,
-			g$1.tooltip.y,
-			g$1.tooltip.width,
-			g$1.tooltip.height,
-			g$1.position,
-			g$1.gap,
-			g$1.visible
-		].join("|");
-	}
-	postTooltipStateIfChanged(geometry, sync = false) {
-		const key = this.geometryKey(geometry);
-		if (key === this.lastSentGeometryKey) return;
-		this.lastSentGeometryKey = key;
-		const target = this.getTargetOrigin();
-		if (window.parent) window.parent.postMessage({
-			type: "TOOLTIP_STATE",
-			payload: geometry
-		}, target);
-	}
-	getTargetOrigin() {
-		const w$1 = window;
-		return w$1.__ETX_PARENT_ORIGIN || "*";
-	}
-	/**
-	* Send initial geometry data to parent for clip-path setup
-	*/
-	sendInitialGeometry() {
-		const tooltipElement = this.selectors.getTooltipContent();
-		const buttonElement = this.selectors.getEmbeddedBtn();
-		if (!tooltipElement || !buttonElement) {
-			this.initialGeometryRetryCount++;
-			if (this.initialGeometryRetryCount > 10) {
-				console.error("[EmbeddedTxButton] Failed to find elements after 10 retries, giving up");
-				return;
-			}
-			console.error(`[EmbeddedTxButton] Missing elements for initial geometry, retry ${this.initialGeometryRetryCount}/10 in 100ms`);
-			setTimeout(() => {
-				if (!this.initialGeometrySent) this.sendInitialGeometry();
-			}, 100);
-			return;
-		}
-		const expectedHeight = utilParsePx(this.buttonSizing?.height || "48px");
-		const expectedWidth = utilParsePx(this.buttonSizing?.width || "200px");
-		buttonElement.offsetHeight;
-		const tooltipRect = tooltipElement.getBoundingClientRect();
-		const buttonRect = buttonElement.getBoundingClientRect();
-		const gap = utilParsePx(this.tooltip.offset);
-		const buttonHeight = Math.abs(buttonRect.height - expectedHeight) < 5 ? buttonRect.height : expectedHeight;
-		const buttonWidth = Math.abs(buttonRect.width - expectedWidth) < 5 ? buttonRect.width : expectedWidth;
-		const buttonX = buttonRect.left;
-		const buttonY = buttonRect.top;
-		const tooltipX = tooltipRect.left;
-		const tooltipY = tooltipRect.top;
-		const geometry = {
-			button: {
-				x: Math.floor(buttonX),
-				y: Math.floor(buttonY),
-				width: Math.ceil(buttonWidth),
-				height: Math.ceil(buttonHeight),
-				borderRadius: 8
-			},
-			tooltip: {
-				x: Math.floor(tooltipX),
-				y: Math.floor(tooltipY),
-				width: Math.ceil(tooltipRect.width),
-				height: Math.ceil(tooltipRect.height),
-				borderRadius: 24
-			},
-			position: this.tooltip.position,
-			gap,
-			visible: false
-		};
-		requestAnimationFrame(() => {
-			if (window.parent) {
-				window.parent.postMessage({
-					type: "HS5_GEOMETRY_RESULT",
-					payload: geometry
-				}, this.getTargetOrigin());
-				this.initialGeometrySent = true;
-			}
-		});
-	}
-	async showTooltip() {
-		const tooltipElement = ElementSelectors.getTooltipContent(this.shadowRoot);
-		if (!tooltipElement || this.tooltipVisible) return;
-		this.cancelHide();
-		this.isHiding = false;
-		this.tooltipVisible = true;
-		this.setCssVars({ "--tooltip-height": "auto" });
-		tooltipElement.classList.add("show");
-		tooltipElement.classList.remove("hiding");
-		tooltipElement.setAttribute("aria-hidden", "false");
-		if (this.hideTimeout) {
-			clearTimeout(this.hideTimeout);
-			this.hideTimeout = null;
-		}
-		try {
-			if (this.isCoarsePointer) {
-				const closeBtn = tooltipElement.querySelector("[data-close-btn]");
-				closeBtn?.focus?.();
-			}
-		} catch {}
-		await this.updateComplete;
-		await new Promise(requestAnimationFrame);
-		if (!this.tooltipVisible || this.isHiding) return;
-		this.measureTooltip();
-	}
-	hideTooltip() {
-		if (!this.tooltipVisible) return;
-		const tooltipElement = this.selectors.getTooltipContent();
-		if (!tooltipElement) return;
-		if (this.buttonHovering || this.tooltipHovering) return;
-		this.isHiding = true;
-		if (this.measureTimeout) {
-			clearTimeout(this.measureTimeout);
-			this.measureTimeout = null;
-		}
-		if (this.treeRaf1) {
-			cancelAnimationFrame(this.treeRaf1);
-			this.treeRaf1 = null;
-		}
-		if (this.treeRaf2) {
-			cancelAnimationFrame(this.treeRaf2);
-			this.treeRaf2 = null;
-		}
-		tooltipElement.classList.add("hiding");
-		this.hideTimeout = window.setTimeout(() => {
-			if (this.buttonHovering || this.tooltipHovering) {
-				this.isHiding = false;
-				this.hideTimeout = null;
-				return;
-			}
-			this.tooltipVisible = false;
-			tooltipElement.classList.remove("show", "hiding");
-			tooltipElement.setAttribute("aria-hidden", "true");
-			this.setCssVars({ "--tooltip-height": "0px" });
-			this.hideTimeout = null;
-			this.sendTooltipState(false);
-			this.isHiding = false;
-		}, 100);
-	}
-	async handleTreeToggled() {
-		if (this.isHiding) return;
-		this.requestUpdate();
-		await this.updateComplete;
-		await new Promise(requestAnimationFrame);
-		this.measureTooltipAndUpdateParentSync();
-	}
-	cancelHide() {
-		if (this.hideTimeout) {
-			clearTimeout(this.hideTimeout);
-			this.hideTimeout = null;
-			const tooltipElement = this.selectors.getTooltipContent();
-			if (tooltipElement) tooltipElement.classList.remove("hiding");
-		}
-		this.isHiding = false;
-	}
-	updateProperties(props) {
-		Object.assign(this, props);
-		if (props.buttonSizing) this.setupCSSVariables();
-		if (props.theme) this.updateTxTreeTheme();
-		this.requestUpdate();
-		if (props.txSigningRequests && this.tooltipVisible) requestAnimationFrame(() => {
-			this.measureTooltip();
-		});
-	}
-	updateButtonStyles(buttonSizing, tooltipPosition, theme, activationMode) {
-		this.buttonSizing = buttonSizing || {};
-		if (tooltipPosition) this.tooltip = tooltipPosition;
-		if (theme && theme !== this.TxTreeTheme) {
-			this.TxTreeTheme = theme;
-			this.updateTxTreeTheme();
-		}
-		if (activationMode) this.activationMode = activationMode;
-		this.setupCSSVariables();
-		this.requestUpdate();
-	}
-	handleConfirm() {
-		if (window.parent) window.parent.postMessage({ type: "CONFIRM" }, this.getTargetOrigin());
-	}
-	handleClick(ev) {
-		if (this.isCoarsePointer) if (this.activationMode === "press") {
-			if (Date.now() < this.suppressClickUntil) {
-				ev.preventDefault();
-				ev.stopPropagation();
-				return;
-			}
-			this.handleConfirm();
-			return;
-		} else {
-			if (!this.tooltipVisible) {
-				ev.preventDefault();
-				ev.stopPropagation();
-				this.showTooltip();
-				return;
-			}
-			this.handleConfirm();
-			return;
-		}
-		this.handleConfirm();
-	}
-	handlePointerDown = (ev) => {
-		if (!this.isCoarsePointer || this.activationMode !== "press") return;
-		if (ev.pointerType !== "touch") return;
-		try {
-			ev.target?.setPointerCapture?.(ev.pointerId);
-		} catch {}
-		this.pressFired = false;
-		this.pressStartX = ev.clientX;
-		this.pressStartY = ev.clientY;
-		if (this.pressTimer) window.clearTimeout(this.pressTimer);
-		this.pressTimer = window.setTimeout(() => {
-			this.pressFired = true;
-			this.suppressClickUntil = Date.now() + 600;
-			this.showTooltip();
-		}, 350);
-	};
-	handlePointerMove = (ev) => {
-		if (!this.isCoarsePointer || this.activationMode !== "press") return;
-		if (this.pressTimer == null) return;
-		const dx = Math.abs(ev.clientX - this.pressStartX);
-		const dy = Math.abs(ev.clientY - this.pressStartY);
-		if (dx > 10 || dy > 10) {
-			window.clearTimeout(this.pressTimer);
-			this.pressTimer = null;
-		}
-	};
-	handlePointerUp = (_ev) => {
-		if (!this.isCoarsePointer || this.activationMode !== "press") return;
-		if (this.pressTimer) {
-			window.clearTimeout(this.pressTimer);
-			this.pressTimer = null;
-		}
-	};
-	handlePointerCancel = (_ev) => {
-		if (this.pressTimer) {
-			window.clearTimeout(this.pressTimer);
-			this.pressTimer = null;
-		}
-	};
-	handlePointerEnter() {
-		this.buttonHovering = true;
-		if (window.parent) window.parent.postMessage({
-			type: "BUTTON_HOVER",
-			payload: { hovering: true }
-		}, this.getTargetOrigin());
-		if (!this.isCoarsePointer) this.showTooltip();
-	}
-	handlePointerLeave() {
-		this.buttonHovering = false;
-		if (window.parent) window.parent.postMessage({
-			type: "BUTTON_HOVER",
-			payload: { hovering: false }
-		}, this.getTargetOrigin());
-		if (!this.tooltipHovering) this.hideTooltip();
-	}
-	handleFocus() {
-		if (window.parent) window.parent.postMessage({
-			type: "BUTTON_FOCUS",
-			payload: { focused: true }
-		}, this.getTargetOrigin());
-		if (!this.isCoarsePointer) this.handlePointerEnter();
-	}
-	handleBlur() {
-		if (window.parent) window.parent.postMessage({
-			type: "BUTTON_FOCUS",
-			payload: { focused: false }
-		}, this.getTargetOrigin());
-		this.handlePointerLeave();
-	}
-	handleTooltipEnter() {
-		this.tooltipHovering = true;
-		this.cancelHide();
-	}
-	handleTooltipLeave() {
-		this.tooltipHovering = false;
-		if (!this.buttonHovering) this.hideTooltip();
-	}
-	handleKeyDown = (ev) => {
-		if (ev.key === "Escape" && this.tooltipVisible) this.hideTooltip();
-	};
-	async computeUiIntentDigest() {
-		const uiTxs = this.txSigningRequests || [];
-		const txs = uiTxs.map((tx) => {
-			const rawActions = tx?.actions || [];
-			const wasmActions = rawActions.map(((a$2) => isActionArgsWasm(a$2) ? a$2 : toActionArgsWasm(a$2)));
-			const orderedActions = wasmActions.map(orderActionForDigest);
-			return {
-				receiverId: tx?.receiverId,
-				actions: orderedActions
-			};
-		});
-		return computeUiIntentDigestFromTxs(txs);
-	}
-	render() {
-		const tree = buildDisplayTreeFromTxPayloads(this.txSigningRequests, this.styles);
-		return x`
-      <!--
-        Data attributes correspond to CSS selectors for type-safe element selection.
-        Each data attribute maps to a CSS selector in the static styles property.
-        This ensures perfect synchronization between CSS and JavaScript selectors.
-      -->
-      <!-- Container element - corresponds to [data-embedded-tx-button-root] CSS selector -->
-      <div data-embedded-tx-button-root>
-        <!-- Button element - corresponds to [data-embedded-btn] CSS selector -->
-        <button
-          data-embedded-btn
-          ?disabled=${this.loadingTouchIdPrompt}
-          @click=${this.handleClick}
-          @pointerdown=${this.handlePointerDown}
-          @pointermove=${this.handlePointerMove}
-          @pointerup=${this.handlePointerUp}
-          @pointercancel=${this.handlePointerCancel}
-          @pointerenter=${this.handlePointerEnter}
-          @pointerleave=${this.handlePointerLeave}
-          @focus=${this.handleFocus}
-          @blur=${this.handleBlur}
-          aria-describedby="tooltipContent"
-          aria-haspopup=${this.isCoarsePointer ? "dialog" : "true"}
-          aria-expanded=${this.tooltipVisible}
-          tabindex="0"
-        >
-          <!-- Invisible shim: visuals are rendered by host; no inner content needed -->
-        </button>
-
-        <!-- Tooltip content element - corresponds to [data-tooltip-content] CSS selector -->
-        <div
-          data-tooltip-content
-          data-position=${this.tooltip.position}
-          data-visible=${this.tooltipVisible}
-          data-hiding=${this.isHiding}
-          data-mobile-sheet=${this.isCoarsePointer}
-          id="tooltipContent"
-          role=${this.isCoarsePointer ? "dialog" : "tooltip"}
-          aria-modal=${this.isCoarsePointer ? "true" : "false"}
-          aria-hidden="true"
-          @pointerenter=${this.handleTooltipEnter}
-          @pointerleave=${this.handleTooltipLeave}
-        >
-          <w3a-tx-tree
-            .node=${tree}
-            .depth=${0}
-            .styles=${this.styles}
-            .theme=${this.TxTreeTheme}
-            .showShadow=${true}
-            @lit-tree-toggled=${this.handleTreeToggled}
-          ></w3a-tx-tree>
-        </div>
-      </div>
-    `;
-	}
-	getComponentPrefix() {
-		return "embedded";
-	}
-	applyStyles(styles) {
-		super.applyStyles(styles, this.getComponentPrefix());
-	}
-	/**
-	* Applies absolute positioning to the confirm container via CSS variables,
-	* avoiding any inline style attribute writes (CSP friendly).
-	*/
-	applyContainerPosition(x$1, y$2) {
-		this.setCssVars({
-			"--w3a-embedded__confirm-container__position-absolute": "absolute",
-			"--w3a-embedded__confirm-container__top": `${Math.floor(y$2)}px`,
-			"--w3a-embedded__confirm-container__left": `${Math.floor(x$1)}px`,
-			"--w3a-embedded__confirm-container__transform": "none"
-		});
-	}
-};
-if (!customElements.get(W3A_BUTTON_WITH_TOOLTIP_ID)) customElements.define(W3A_BUTTON_WITH_TOOLTIP_ID, EmbeddedTxButton);
-if (!customElements.get("button-with-tooltip")) {
-	class EmbeddedTxButtonAlias extends EmbeddedTxButton {}
-	customElements.define("button-with-tooltip", EmbeddedTxButtonAlias);
-}
-var ButtonWithTooltip_default = EmbeddedTxButton;
-
-//#endregion
-export { EmbeddedTxButton, ButtonWithTooltip_default as default };