@tatchi-xyz/sdk 0.21.0 → 0.31.1

package/dist/esm/sdk/HaloBorder-DYOOQFjI.js

@@ -0,0 +1,1116 @@
+//#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$1 = globalThis, e$2 = t$1.ShadowRoot && (void 0 === t$1.ShadyCSS || t$1.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, s$2 = Symbol(), o$3 = /* @__PURE__ */ new WeakMap();
+var n$2 = class {
+	constructor(t$2, e$3, o$4) {
+		if (this._$cssResult$ = !0, o$4 !== s$2) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+		this.cssText = t$2, this.t = e$3;
+	}
+	get styleSheet() {
+		let t$2 = this.o;
+		const s$3 = this.t;
+		if (e$2 && void 0 === t$2) {
+			const e$3 = void 0 !== s$3 && 1 === s$3.length;
+			e$3 && (t$2 = o$3.get(s$3)), void 0 === t$2 && ((this.o = t$2 = new CSSStyleSheet()).replaceSync(this.cssText), e$3 && o$3.set(s$3, t$2));
+		}
+		return t$2;
+	}
+	toString() {
+		return this.cssText;
+	}
+};
+const r$2 = (t$2) => new n$2("string" == typeof t$2 ? t$2 : t$2 + "", void 0, s$2), i$3 = (t$2, ...e$3) => {
+	const o$4 = 1 === t$2.length ? t$2[0] : e$3.reduce(((e$4, s$3, o$5) => e$4 + ((t$3) => {
+		if (!0 === t$3._$cssResult$) return t$3.cssText;
+		if ("number" == typeof t$3) return t$3;
+		throw Error("Value passed to 'css' function must be a 'css' function result: " + t$3 + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+	})(s$3) + t$2[o$5 + 1]), t$2[0]);
+	return new n$2(o$4, t$2, s$2);
+}, S$1 = (s$3, o$4) => {
+	if (e$2) s$3.adoptedStyleSheets = o$4.map(((t$2) => t$2 instanceof CSSStyleSheet ? t$2 : t$2.styleSheet));
+	else for (const e$3 of o$4) {
+		const o$5 = document.createElement("style"), n$3 = t$1.litNonce;
+		void 0 !== n$3 && o$5.setAttribute("nonce", n$3), o$5.textContent = e$3.cssText, s$3.appendChild(o$5);
+	}
+}, c$1 = e$2 ? (t$2) => t$2 : (t$2) => t$2 instanceof CSSStyleSheet ? ((t$3) => {
+	let e$3 = "";
+	for (const s$3 of t$3.cssRules) e$3 += s$3.cssText;
+	return r$2(e$3);
+})(t$2) : t$2;
+
+//#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$2, defineProperty: e$1, getOwnPropertyDescriptor: h$1, getOwnPropertyNames: r$1, getOwnPropertySymbols: o$2, getPrototypeOf: n$1 } = Object, a$1 = globalThis, c$2 = a$1.trustedTypes, l$1 = c$2 ? c$2.emptyScript : "", p$1 = a$1.reactiveElementPolyfillSupport, d$1 = (t$2, s$3) => t$2, u$1 = {
+	toAttribute(t$2, s$3) {
+		switch (s$3) {
+			case Boolean:
+				t$2 = t$2 ? l$1 : null;
+				break;
+			case Object:
+			case Array: t$2 = null == t$2 ? t$2 : JSON.stringify(t$2);
+		}
+		return t$2;
+	},
+	fromAttribute(t$2, s$3) {
+		let i$4 = t$2;
+		switch (s$3) {
+			case Boolean:
+				i$4 = null !== t$2;
+				break;
+			case Number:
+				i$4 = null === t$2 ? null : Number(t$2);
+				break;
+			case Object:
+			case Array: try {
+				i$4 = JSON.parse(t$2);
+			} catch (t$3) {
+				i$4 = null;
+			}
+		}
+		return i$4;
+	}
+}, f$1 = (t$2, s$3) => !i$2(t$2, s$3), b$1 = {
+	attribute: !0,
+	type: String,
+	converter: u$1,
+	reflect: !1,
+	useDefault: !1,
+	hasChanged: f$1
+};
+Symbol.metadata ??= Symbol("metadata"), a$1.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+var y = class extends HTMLElement {
+	static addInitializer(t$2) {
+		this._$Ei(), (this.l ??= []).push(t$2);
+	}
+	static get observedAttributes() {
+		return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+	}
+	static createProperty(t$2, s$3 = b$1) {
+		if (s$3.state && (s$3.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t$2) && ((s$3 = Object.create(s$3)).wrapped = !0), this.elementProperties.set(t$2, s$3), !s$3.noAccessor) {
+			const i$4 = Symbol(), h$2 = this.getPropertyDescriptor(t$2, i$4, s$3);
+			void 0 !== h$2 && e$1(this.prototype, t$2, h$2);
+		}
+	}
+	static getPropertyDescriptor(t$2, s$3, i$4) {
+		const { get: e$3, set: r$3 } = h$1(this.prototype, t$2) ?? {
+			get() {
+				return this[s$3];
+			},
+			set(t$3) {
+				this[s$3] = t$3;
+			}
+		};
+		return {
+			get: e$3,
+			set(s$4) {
+				const h$2 = e$3?.call(this);
+				r$3?.call(this, s$4), this.requestUpdate(t$2, h$2, i$4);
+			},
+			configurable: !0,
+			enumerable: !0
+		};
+	}
+	static getPropertyOptions(t$2) {
+		return this.elementProperties.get(t$2) ?? b$1;
+	}
+	static _$Ei() {
+		if (this.hasOwnProperty(d$1("elementProperties"))) return;
+		const t$2 = n$1(this);
+		t$2.finalize(), void 0 !== t$2.l && (this.l = [...t$2.l]), this.elementProperties = new Map(t$2.elementProperties);
+	}
+	static finalize() {
+		if (this.hasOwnProperty(d$1("finalized"))) return;
+		if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(d$1("properties"))) {
+			const t$3 = this.properties, s$3 = [...r$1(t$3), ...o$2(t$3)];
+			for (const i$4 of s$3) this.createProperty(i$4, t$3[i$4]);
+		}
+		const t$2 = this[Symbol.metadata];
+		if (null !== t$2) {
+			const s$3 = litPropertyMetadata.get(t$2);
+			if (void 0 !== s$3) for (const [t$3, i$4] of s$3) this.elementProperties.set(t$3, i$4);
+		}
+		this._$Eh = /* @__PURE__ */ new Map();
+		for (const [t$3, s$3] of this.elementProperties) {
+			const i$4 = this._$Eu(t$3, s$3);
+			void 0 !== i$4 && this._$Eh.set(i$4, t$3);
+		}
+		this.elementStyles = this.finalizeStyles(this.styles);
+	}
+	static finalizeStyles(s$3) {
+		const i$4 = [];
+		if (Array.isArray(s$3)) {
+			const e$3 = new Set(s$3.flat(Infinity).reverse());
+			for (const s$4 of e$3) i$4.unshift(c$1(s$4));
+		} else void 0 !== s$3 && i$4.push(c$1(s$3));
+		return i$4;
+	}
+	static _$Eu(t$2, s$3) {
+		const i$4 = s$3.attribute;
+		return !1 === i$4 ? void 0 : "string" == typeof i$4 ? i$4 : "string" == typeof t$2 ? t$2.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$2) => this.enableUpdating = t$2)), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach(((t$2) => t$2(this)));
+	}
+	addController(t$2) {
+		(this._$EO ??= /* @__PURE__ */ new Set()).add(t$2), void 0 !== this.renderRoot && this.isConnected && t$2.hostConnected?.();
+	}
+	removeController(t$2) {
+		this._$EO?.delete(t$2);
+	}
+	_$E_() {
+		const t$2 = /* @__PURE__ */ new Map(), s$3 = this.constructor.elementProperties;
+		for (const i$4 of s$3.keys()) this.hasOwnProperty(i$4) && (t$2.set(i$4, this[i$4]), delete this[i$4]);
+		t$2.size > 0 && (this._$Ep = t$2);
+	}
+	createRenderRoot() {
+		const t$2 = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+		return S$1(t$2, this.constructor.elementStyles), t$2;
+	}
+	connectedCallback() {
+		this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach(((t$2) => t$2.hostConnected?.()));
+	}
+	enableUpdating(t$2) {}
+	disconnectedCallback() {
+		this._$EO?.forEach(((t$2) => t$2.hostDisconnected?.()));
+	}
+	attributeChangedCallback(t$2, s$3, i$4) {
+		this._$AK(t$2, i$4);
+	}
+	_$ET(t$2, s$3) {
+		const i$4 = this.constructor.elementProperties.get(t$2), e$3 = this.constructor._$Eu(t$2, i$4);
+		if (void 0 !== e$3 && !0 === i$4.reflect) {
+			const h$2 = (void 0 !== i$4.converter?.toAttribute ? i$4.converter : u$1).toAttribute(s$3, i$4.type);
+			this._$Em = t$2, null == h$2 ? this.removeAttribute(e$3) : this.setAttribute(e$3, h$2), this._$Em = null;
+		}
+	}
+	_$AK(t$2, s$3) {
+		const i$4 = this.constructor, e$3 = i$4._$Eh.get(t$2);
+		if (void 0 !== e$3 && this._$Em !== e$3) {
+			const t$3 = i$4.getPropertyOptions(e$3), h$2 = "function" == typeof t$3.converter ? { fromAttribute: t$3.converter } : void 0 !== t$3.converter?.fromAttribute ? t$3.converter : u$1;
+			this._$Em = e$3;
+			const r$3 = h$2.fromAttribute(s$3, t$3.type);
+			this[e$3] = r$3 ?? this._$Ej?.get(e$3) ?? r$3, this._$Em = null;
+		}
+	}
+	requestUpdate(t$2, s$3, i$4) {
+		if (void 0 !== t$2) {
+			const e$3 = this.constructor, h$2 = this[t$2];
+			if (i$4 ??= e$3.getPropertyOptions(t$2), !((i$4.hasChanged ?? f$1)(h$2, s$3) || i$4.useDefault && i$4.reflect && h$2 === this._$Ej?.get(t$2) && !this.hasAttribute(e$3._$Eu(t$2, i$4)))) return;
+			this.C(t$2, s$3, i$4);
+		}
+		!1 === this.isUpdatePending && (this._$ES = this._$EP());
+	}
+	C(t$2, s$3, { useDefault: i$4, reflect: e$3, wrapped: h$2 }, r$3) {
+		i$4 && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t$2) && (this._$Ej.set(t$2, r$3 ?? s$3 ?? this[t$2]), !0 !== h$2 || void 0 !== r$3) || (this._$AL.has(t$2) || (this.hasUpdated || i$4 || (s$3 = void 0), this._$AL.set(t$2, s$3)), !0 === e$3 && this._$Em !== t$2 && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t$2));
+	}
+	async _$EP() {
+		this.isUpdatePending = !0;
+		try {
+			await this._$ES;
+		} catch (t$3) {
+			Promise.reject(t$3);
+		}
+		const t$2 = this.scheduleUpdate();
+		return null != t$2 && await t$2, !this.isUpdatePending;
+	}
+	scheduleUpdate() {
+		return this.performUpdate();
+	}
+	performUpdate() {
+		if (!this.isUpdatePending) return;
+		if (!this.hasUpdated) {
+			if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
+				for (const [t$4, s$4] of this._$Ep) this[t$4] = s$4;
+				this._$Ep = void 0;
+			}
+			const t$3 = this.constructor.elementProperties;
+			if (t$3.size > 0) for (const [s$4, i$4] of t$3) {
+				const { wrapped: t$4 } = i$4, e$3 = this[s$4];
+				!0 !== t$4 || this._$AL.has(s$4) || void 0 === e$3 || this.C(s$4, void 0, i$4, e$3);
+			}
+		}
+		let t$2 = !1;
+		const s$3 = this._$AL;
+		try {
+			t$2 = this.shouldUpdate(s$3), t$2 ? (this.willUpdate(s$3), this._$EO?.forEach(((t$3) => t$3.hostUpdate?.())), this.update(s$3)) : this._$EM();
+		} catch (s$4) {
+			throw t$2 = !1, this._$EM(), s$4;
+		}
+		t$2 && this._$AE(s$3);
+	}
+	willUpdate(t$2) {}
+	_$AE(t$2) {
+		this._$EO?.forEach(((t$3) => t$3.hostUpdated?.())), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t$2)), this.updated(t$2);
+	}
+	_$EM() {
+		this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
+	}
+	get updateComplete() {
+		return this.getUpdateComplete();
+	}
+	getUpdateComplete() {
+		return this._$ES;
+	}
+	shouldUpdate(t$2) {
+		return !0;
+	}
+	update(t$2) {
+		this._$Eq &&= this._$Eq.forEach(((t$3) => this._$ET(t$3, this[t$3]))), this._$EM();
+	}
+	updated(t$2) {}
+	firstUpdated(t$2) {}
+};
+y.elementStyles = [], y.shadowRootOptions = { mode: "open" }, y[d$1("elementProperties")] = /* @__PURE__ */ new Map(), y[d$1("finalized")] = /* @__PURE__ */ new Map(), p$1?.({ 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 = globalThis, i$1 = t.trustedTypes, s$1 = i$1 ? i$1.createPolicy("lit-html", { createHTML: (t$2) => t$2 }) : void 0, e = "$lit$", h = `lit$${Math.random().toFixed(9).slice(2)}$`, o$1 = "?" + h, n = `<${o$1}>`, r = document, l = () => r.createComment(""), c = (t$2) => null === t$2 || "object" != typeof t$2 && "function" != typeof t$2, a = Array.isArray, u = (t$2) => a(t$2) || "function" == typeof t$2?.[Symbol.iterator], d = "[ 	\n\f\r]", f = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, v = /-->/g, _ = />/g, m = RegExp(`>|${d}(?:([^\\s"'>=/]+)(${d}*=${d}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`, "g"), p = /'/g, g = /"/g, $ = /^(?:script|style|textarea|title)$/i, y$1 = (t$2) => (i$4, ...s$3) => ({
+	_$litType$: t$2,
+	strings: i$4,
+	values: s$3
+}), 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.createTreeWalker(r, 129);
+function P(t$2, i$4) {
+	if (!a(t$2) || !t$2.hasOwnProperty("raw")) throw Error("invalid template strings array");
+	return void 0 !== s$1 ? s$1.createHTML(i$4) : i$4;
+}
+const V = (t$2, i$4) => {
+	const s$3 = t$2.length - 1, o$4 = [];
+	let r$3, l$2 = 2 === i$4 ? "<svg>" : 3 === i$4 ? "<math>" : "", c$3 = f;
+	for (let i$5 = 0; i$5 < s$3; i$5++) {
+		const s$4 = t$2[i$5];
+		let a$2, u$2, d$2 = -1, y$2 = 0;
+		for (; y$2 < s$4.length && (c$3.lastIndex = y$2, u$2 = c$3.exec(s$4), null !== u$2);) y$2 = c$3.lastIndex, c$3 === f ? "!--" === u$2[1] ? c$3 = v : void 0 !== u$2[1] ? c$3 = _ : void 0 !== u$2[2] ? ($.test(u$2[2]) && (r$3 = RegExp("</" + u$2[2], "g")), c$3 = m) : void 0 !== u$2[3] && (c$3 = m) : c$3 === m ? ">" === u$2[0] ? (c$3 = r$3 ?? f, d$2 = -1) : void 0 === u$2[1] ? d$2 = -2 : (d$2 = c$3.lastIndex - u$2[2].length, a$2 = u$2[1], c$3 = void 0 === u$2[3] ? m : "\"" === u$2[3] ? g : p) : c$3 === g || c$3 === p ? c$3 = m : c$3 === v || c$3 === _ ? c$3 = f : (c$3 = m, r$3 = void 0);
+		const x$1 = c$3 === m && t$2[i$5 + 1].startsWith("/>") ? " " : "";
+		l$2 += c$3 === f ? s$4 + n : d$2 >= 0 ? (o$4.push(a$2), s$4.slice(0, d$2) + e + s$4.slice(d$2) + h + x$1) : s$4 + h + (-2 === d$2 ? i$5 : x$1);
+	}
+	return [P(t$2, l$2 + (t$2[s$3] || "<?>") + (2 === i$4 ? "</svg>" : 3 === i$4 ? "</math>" : "")), o$4];
+};
+var N = class N {
+	constructor({ strings: t$2, _$litType$: s$3 }, n$3) {
+		let r$3;
+		this.parts = [];
+		let c$3 = 0, a$2 = 0;
+		const u$2 = t$2.length - 1, d$2 = this.parts, [f$2, v$1] = V(t$2, s$3);
+		if (this.el = N.createElement(f$2, n$3), C.currentNode = this.el.content, 2 === s$3 || 3 === s$3) {
+			const t$3 = this.el.content.firstChild;
+			t$3.replaceWith(...t$3.childNodes);
+		}
+		for (; null !== (r$3 = C.nextNode()) && d$2.length < u$2;) {
+			if (1 === r$3.nodeType) {
+				if (r$3.hasAttributes()) for (const t$3 of r$3.getAttributeNames()) if (t$3.endsWith(e)) {
+					const i$4 = v$1[a$2++], s$4 = r$3.getAttribute(t$3).split(h), e$3 = /([.?@])?(.*)/.exec(i$4);
+					d$2.push({
+						type: 1,
+						index: c$3,
+						name: e$3[2],
+						strings: s$4,
+						ctor: "." === e$3[1] ? H : "?" === e$3[1] ? I : "@" === e$3[1] ? L : k
+					}), r$3.removeAttribute(t$3);
+				} else t$3.startsWith(h) && (d$2.push({
+					type: 6,
+					index: c$3
+				}), r$3.removeAttribute(t$3));
+				if ($.test(r$3.tagName)) {
+					const t$3 = r$3.textContent.split(h), s$4 = t$3.length - 1;
+					if (s$4 > 0) {
+						r$3.textContent = i$1 ? i$1.emptyScript : "";
+						for (let i$4 = 0; i$4 < s$4; i$4++) r$3.append(t$3[i$4], l()), C.nextNode(), d$2.push({
+							type: 2,
+							index: ++c$3
+						});
+						r$3.append(t$3[s$4], l());
+					}
+				}
+			} else if (8 === r$3.nodeType) if (r$3.data === o$1) d$2.push({
+				type: 2,
+				index: c$3
+			});
+			else {
+				let t$3 = -1;
+				for (; -1 !== (t$3 = r$3.data.indexOf(h, t$3 + 1));) d$2.push({
+					type: 7,
+					index: c$3
+				}), t$3 += h.length - 1;
+			}
+			c$3++;
+		}
+	}
+	static createElement(t$2, i$4) {
+		const s$3 = r.createElement("template");
+		return s$3.innerHTML = t$2, s$3;
+	}
+};
+function S(t$2, i$4, s$3 = t$2, e$3) {
+	if (i$4 === T) return i$4;
+	let h$2 = void 0 !== e$3 ? s$3._$Co?.[e$3] : s$3._$Cl;
+	const o$4 = c(i$4) ? void 0 : i$4._$litDirective$;
+	return h$2?.constructor !== o$4 && (h$2?._$AO?.(!1), void 0 === o$4 ? h$2 = void 0 : (h$2 = new o$4(t$2), h$2._$AT(t$2, s$3, e$3)), void 0 !== e$3 ? (s$3._$Co ??= [])[e$3] = h$2 : s$3._$Cl = h$2), void 0 !== h$2 && (i$4 = S(t$2, h$2._$AS(t$2, i$4.values), h$2, e$3)), i$4;
+}
+var M = class {
+	constructor(t$2, i$4) {
+		this._$AV = [], this._$AN = void 0, this._$AD = t$2, this._$AM = i$4;
+	}
+	get parentNode() {
+		return this._$AM.parentNode;
+	}
+	get _$AU() {
+		return this._$AM._$AU;
+	}
+	u(t$2) {
+		const { el: { content: i$4 }, parts: s$3 } = this._$AD, e$3 = (t$2?.creationScope ?? r).importNode(i$4, !0);
+		C.currentNode = e$3;
+		let h$2 = C.nextNode(), o$4 = 0, n$3 = 0, l$2 = s$3[0];
+		for (; void 0 !== l$2;) {
+			if (o$4 === l$2.index) {
+				let i$5;
+				2 === l$2.type ? i$5 = new R(h$2, h$2.nextSibling, this, t$2) : 1 === l$2.type ? i$5 = new l$2.ctor(h$2, l$2.name, l$2.strings, this, t$2) : 6 === l$2.type && (i$5 = new z(h$2, this, t$2)), this._$AV.push(i$5), l$2 = s$3[++n$3];
+			}
+			o$4 !== l$2?.index && (h$2 = C.nextNode(), o$4++);
+		}
+		return C.currentNode = r, e$3;
+	}
+	p(t$2) {
+		let i$4 = 0;
+		for (const s$3 of this._$AV) void 0 !== s$3 && (void 0 !== s$3.strings ? (s$3._$AI(t$2, s$3, i$4), i$4 += s$3.strings.length - 2) : s$3._$AI(t$2[i$4])), i$4++;
+	}
+};
+var R = class R {
+	get _$AU() {
+		return this._$AM?._$AU ?? this._$Cv;
+	}
+	constructor(t$2, i$4, s$3, e$3) {
+		this.type = 2, this._$AH = E, this._$AN = void 0, this._$AA = t$2, this._$AB = i$4, this._$AM = s$3, this.options = e$3, this._$Cv = e$3?.isConnected ?? !0;
+	}
+	get parentNode() {
+		let t$2 = this._$AA.parentNode;
+		const i$4 = this._$AM;
+		return void 0 !== i$4 && 11 === t$2?.nodeType && (t$2 = i$4.parentNode), t$2;
+	}
+	get startNode() {
+		return this._$AA;
+	}
+	get endNode() {
+		return this._$AB;
+	}
+	_$AI(t$2, i$4 = this) {
+		t$2 = S(this, t$2, i$4), c(t$2) ? t$2 === E || null == t$2 || "" === t$2 ? (this._$AH !== E && this._$AR(), this._$AH = E) : t$2 !== this._$AH && t$2 !== T && this._(t$2) : void 0 !== t$2._$litType$ ? this.$(t$2) : void 0 !== t$2.nodeType ? this.T(t$2) : u(t$2) ? this.k(t$2) : this._(t$2);
+	}
+	O(t$2) {
+		return this._$AA.parentNode.insertBefore(t$2, this._$AB);
+	}
+	T(t$2) {
+		this._$AH !== t$2 && (this._$AR(), this._$AH = this.O(t$2));
+	}
+	_(t$2) {
+		this._$AH !== E && c(this._$AH) ? this._$AA.nextSibling.data = t$2 : this.T(r.createTextNode(t$2)), this._$AH = t$2;
+	}
+	$(t$2) {
+		const { values: i$4, _$litType$: s$3 } = t$2, e$3 = "number" == typeof s$3 ? this._$AC(t$2) : (void 0 === s$3.el && (s$3.el = N.createElement(P(s$3.h, s$3.h[0]), this.options)), s$3);
+		if (this._$AH?._$AD === e$3) this._$AH.p(i$4);
+		else {
+			const t$3 = new M(e$3, this), s$4 = t$3.u(this.options);
+			t$3.p(i$4), this.T(s$4), this._$AH = t$3;
+		}
+	}
+	_$AC(t$2) {
+		let i$4 = A.get(t$2.strings);
+		return void 0 === i$4 && A.set(t$2.strings, i$4 = new N(t$2)), i$4;
+	}
+	k(t$2) {
+		a(this._$AH) || (this._$AH = [], this._$AR());
+		const i$4 = this._$AH;
+		let s$3, e$3 = 0;
+		for (const h$2 of t$2) e$3 === i$4.length ? i$4.push(s$3 = new R(this.O(l()), this.O(l()), this, this.options)) : s$3 = i$4[e$3], s$3._$AI(h$2), e$3++;
+		e$3 < i$4.length && (this._$AR(s$3 && s$3._$AB.nextSibling, e$3), i$4.length = e$3);
+	}
+	_$AR(t$2 = this._$AA.nextSibling, i$4) {
+		for (this._$AP?.(!1, !0, i$4); t$2 !== this._$AB;) {
+			const i$5 = t$2.nextSibling;
+			t$2.remove(), t$2 = i$5;
+		}
+	}
+	setConnected(t$2) {
+		void 0 === this._$AM && (this._$Cv = t$2, this._$AP?.(t$2));
+	}
+};
+var k = class {
+	get tagName() {
+		return this.element.tagName;
+	}
+	get _$AU() {
+		return this._$AM._$AU;
+	}
+	constructor(t$2, i$4, s$3, e$3, h$2) {
+		this.type = 1, this._$AH = E, this._$AN = void 0, this.element = t$2, this.name = i$4, this._$AM = e$3, this.options = h$2, s$3.length > 2 || "" !== s$3[0] || "" !== s$3[1] ? (this._$AH = Array(s$3.length - 1).fill(/* @__PURE__ */ new String()), this.strings = s$3) : this._$AH = E;
+	}
+	_$AI(t$2, i$4 = this, s$3, e$3) {
+		const h$2 = this.strings;
+		let o$4 = !1;
+		if (void 0 === h$2) t$2 = S(this, t$2, i$4, 0), o$4 = !c(t$2) || t$2 !== this._$AH && t$2 !== T, o$4 && (this._$AH = t$2);
+		else {
+			const e$4 = t$2;
+			let n$3, r$3;
+			for (t$2 = h$2[0], n$3 = 0; n$3 < h$2.length - 1; n$3++) r$3 = S(this, e$4[s$3 + n$3], i$4, n$3), r$3 === T && (r$3 = this._$AH[n$3]), o$4 ||= !c(r$3) || r$3 !== this._$AH[n$3], r$3 === E ? t$2 = E : t$2 !== E && (t$2 += (r$3 ?? "") + h$2[n$3 + 1]), this._$AH[n$3] = r$3;
+		}
+		o$4 && !e$3 && this.j(t$2);
+	}
+	j(t$2) {
+		t$2 === E ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t$2 ?? "");
+	}
+};
+var H = class extends k {
+	constructor() {
+		super(...arguments), this.type = 3;
+	}
+	j(t$2) {
+		this.element[this.name] = t$2 === E ? void 0 : t$2;
+	}
+};
+var I = class extends k {
+	constructor() {
+		super(...arguments), this.type = 4;
+	}
+	j(t$2) {
+		this.element.toggleAttribute(this.name, !!t$2 && t$2 !== E);
+	}
+};
+var L = class extends k {
+	constructor(t$2, i$4, s$3, e$3, h$2) {
+		super(t$2, i$4, s$3, e$3, h$2), this.type = 5;
+	}
+	_$AI(t$2, i$4 = this) {
+		if ((t$2 = S(this, t$2, i$4, 0) ?? E) === T) return;
+		const s$3 = this._$AH, e$3 = t$2 === E && s$3 !== E || t$2.capture !== s$3.capture || t$2.once !== s$3.once || t$2.passive !== s$3.passive, h$2 = t$2 !== E && (s$3 === E || e$3);
+		e$3 && this.element.removeEventListener(this.name, this, s$3), h$2 && this.element.addEventListener(this.name, this, t$2), this._$AH = t$2;
+	}
+	handleEvent(t$2) {
+		"function" == typeof this._$AH ? this._$AH.call(this.options?.host ?? this.element, t$2) : this._$AH.handleEvent(t$2);
+	}
+};
+var z = class {
+	constructor(t$2, i$4, s$3) {
+		this.element = t$2, this.type = 6, this._$AN = void 0, this._$AM = i$4, this.options = s$3;
+	}
+	get _$AU() {
+		return this._$AM._$AU;
+	}
+	_$AI(t$2) {
+		S(this, t$2);
+	}
+};
+const Z = {
+	M: e,
+	P: h,
+	A: o$1,
+	C: 1,
+	L: V,
+	R: M,
+	D: u,
+	V: S,
+	I: R,
+	H: k,
+	N: I,
+	U: L,
+	B: H,
+	F: z
+}, j = t.litHtmlPolyfillSupport;
+j?.(N, R), (t.litHtmlVersions ??= []).push("3.3.1");
+const B = (t$2, i$4, s$3) => {
+	const e$3 = s$3?.renderBefore ?? i$4;
+	let h$2 = e$3._$litPart$;
+	if (void 0 === h$2) {
+		const t$3 = s$3?.renderBefore ?? null;
+		e$3._$litPart$ = h$2 = new R(i$4.insertBefore(l(), t$3), t$3, void 0, s$3 ?? {});
+	}
+	return h$2._$AI(t$2), h$2;
+};
+
+//#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 = globalThis;
+var i = class extends y {
+	constructor() {
+		super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+	}
+	createRenderRoot() {
+		const t$2 = super.createRenderRoot();
+		return this.renderOptions.renderBefore ??= t$2.firstChild, t$2;
+	}
+	update(t$2) {
+		const r$3 = this.render();
+		this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t$2), this._$Do = B(r$3, this.renderRoot, this.renderOptions);
+	}
+	connectedCallback() {
+		super.connectedCallback(), this._$Do?.setConnected(!0);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this._$Do?.setConnected(!1);
+	}
+	render() {
+		return T;
+	}
+};
+i._$litElement$ = !0, i["finalized"] = !0, s.litElementHydrateSupport?.({ LitElement: i });
+const o = s.litElementPolyfillSupport;
+o?.({ LitElement: i });
+(s.litElementVersions ??= []).push("4.2.1");
+
+//#endregion
+//#region src/utils/validation.ts
+function isObject(x$1) {
+	return x$1 !== null && typeof x$1 === "object";
+}
+
+//#endregion
+//#region src/core/WebAuthnManager/LitComponents/LitElementWithProps.ts
+const hasAdoptedStyleSheets = (node) => !!node && typeof node === "object" && "adoptedStyleSheets" in node;
+const supportsConstructableStylesheets = () => typeof CSSStyleSheet !== "undefined" && "replaceSync" in CSSStyleSheet.prototype;
+/**
+* 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 {
+	_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-tree'];
+	*/
+	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 { keepDefinitions, requiredChildTags, strictChildDefinitions } = ctor;
+			const defs = keepDefinitions;
+			if (defs && defs.length) for (const d$2 of defs);
+			const req = 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 (strictChildDefinitions) throw new Error(msg);
+					else console.error(msg);
+				}
+			} catch (err) {
+				if (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$3) => this.camelToKebab(s$3);
+		const transformViewportUnits = (val) => {
+			if (!val || typeof val !== "string") return val;
+			try {
+				const canUseCssSupports = typeof CSS !== "undefined" && typeof CSS.supports === "function";
+				const supportsDvh = canUseCssSupports && CSS.supports("height", "1dvh");
+				const supportsDvw = canUseCssSupports && 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$3 = key.match(radiusMatcher);
+			if (r$3) {
+				setVar(`--w3a-border-radius-${r$3[1].toLowerCase()}`, maybeTransformed);
+				return;
+			}
+			const s$3 = key.match(shadowMatcher);
+			if (s$3) {
+				setVar(`--w3a-shadows-${s$3[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$1 = typeof value === "string" ? transformViewportUnits(value) : String(value);
+				vars[cssVarNew] = v$1;
+			});
+		});
+		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$1] of Object.entries(vars)) {
+				if (v$1 == null) continue;
+				this._varsMap[k$1] = String(v$1);
+			}
+			const decls = Object.entries(this._varsMap).map(([k$1, v$1]) => `${k$1}: ${v$1};`).join(" ");
+			const cssTextShadow = `:host{ ${decls} }`;
+			const canUseConstructable = supportsConstructableStylesheets();
+			if (this.renderRoot instanceof ShadowRoot && canUseConstructable && hasAdoptedStyleSheets(this.renderRoot)) {
+				if (!this._varsSheet) this._varsSheet = new CSSStyleSheet();
+				try {
+					this._varsSheet.replaceSync(cssTextShadow);
+				} catch {}
+				const sheets = this.renderRoot.adoptedStyleSheets ?? [];
+				const without = sheets.filter((sheet) => sheet !== this._varsSheet);
+				this.renderRoot.adoptedStyleSheets = [...without, this._varsSheet];
+				return;
+			}
+			const rootNode = 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 && canUseConstructable && hasAdoptedStyleSheets(rootNode)) {
+				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 = canUseConstructable && hasAdoptedStyleSheets(doc);
+			if (docSupportsConstructable) {
+				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 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$3) {
+	return s$3.endsWith("/") ? s$3 : s$3 + "/";
+}
+function readGlobalEmbeddedBase() {
+	try {
+		if (typeof window === "undefined") return void 0;
+		const v$1 = window?.__W3A_WALLET_SDK_BASE__;
+		if (typeof v$1 === "string" && v$1.length > 0) return withTrailingSlash(v$1);
+	} catch {}
+	return void 0;
+}
+function deriveFromModuleUrl() {
+	try {
+		const m$1 = import.meta?.url;
+		if (!m$1) return void 0;
+		const base = typeof window !== "undefined" ? window.location.href : void 0;
+		const u$2 = new URL(m$1, base);
+		const href = u$2.toString();
+		const idx = href.indexOf(SDK_SEGMENT);
+		if (idx > 0) return withTrailingSlash(href.slice(0, idx + 5));
+		const origin = u$2.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$3) => s$3.endsWith("/") ? s$3 : s$3 + "/";
+	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_HALO_BORDER_ID = "w3a-halo-border";
+const W3A_PASSKEY_HALO_LOADING_ID = "w3a-passkey-halo-loading";
+
+//#endregion
+//#region src/core/WebAuthnManager/LitComponents/HaloBorder/index.ts
+var HaloBorderElement = class extends LitElementWithProps {
+	static properties = {
+		animated: { type: Boolean },
+		theme: { type: String },
+		durationMs: {
+			type: Number,
+			attribute: "duration-ms"
+		},
+		ringGap: {
+			type: Number,
+			attribute: "ring-gap"
+		},
+		ringWidth: {
+			type: Number,
+			attribute: "ring-width"
+		},
+		ringBorderRadius: {
+			type: String,
+			attribute: "ring-border-radius"
+		},
+		ringBorderShadow: {
+			type: String,
+			attribute: "ring-border-shadow"
+		},
+		ringBackground: {
+			type: String,
+			attribute: "ring-background"
+		},
+		padding: { type: String },
+		innerPadding: {
+			type: String,
+			attribute: "inner-padding"
+		},
+		innerBackground: {
+			type: String,
+			attribute: "inner-background"
+		}
+	};
+	_stylesReady = false;
+	_stylePromises = [];
+	_stylesAwaiting = null;
+	createRenderRoot() {
+		const root = super.createRenderRoot();
+		const p$2 = ensureExternalStyles(root, "halo-border.css", "data-w3a-halo-border-css");
+		this._stylePromises.push(p$2);
+		p$2.catch(() => {});
+		return root;
+	}
+	shouldUpdate(_changed) {
+		if (this._stylesReady) return true;
+		if (!this._stylesAwaiting) {
+			const settle = Promise.all(this._stylePromises).then(() => new Promise((r$3) => requestAnimationFrame(() => requestAnimationFrame(() => r$3()))));
+			this._stylesAwaiting = settle.then(() => {
+				this._stylesReady = true;
+				this.requestUpdate();
+			});
+		}
+		return false;
+	}
+	_rafId = null;
+	_startTs = 0;
+	_running = false;
+	updated(changed) {
+		const vars = {};
+		if (typeof this.ringGap === "number") vars["--ring-gap"] = `${this.ringGap}px`;
+		if (typeof this.ringWidth === "number") vars["--ring-width"] = `${this.ringWidth}px`;
+		if (this.ringBorderRadius) vars["--ring-border-radius"] = this.ringBorderRadius;
+		if (this.innerPadding) vars["--inner-padding"] = this.innerPadding;
+		if (this.innerBackground) vars["--inner-background"] = this.innerBackground;
+		if (this.ringBackground) vars["--ring-stops"] = this.ringBackground;
+		if (this.ringBorderShadow) vars["--halo-box-shadow"] = this.ringBorderShadow;
+		vars["--halo-angle"] = vars["--halo-angle"] || "0deg";
+		this.setCssVars(vars);
+		if (!changed) return;
+		if (changed.has("animated") || changed.has("durationMs")) if (this.animated) this.start();
+		else this.stop();
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		if (this.animated) this.start();
+	}
+	disconnectedCallback() {
+		this.stop();
+		super.disconnectedCallback();
+	}
+	tick = (ts) => {
+		if (!this._running) return;
+		if (!this._startTs) this._startTs = ts;
+		const dur = typeof this.durationMs === "number" && this.durationMs > 0 ? this.durationMs : 1150;
+		const delta = (ts - this._startTs) % dur;
+		const angle = delta / dur * 360;
+		this.setCssVars({ "--halo-angle": `${angle}deg` });
+		this._rafId = requestAnimationFrame(this.tick);
+	};
+	start() {
+		if (this._running) return;
+		this._running = true;
+		this._startTs = 0;
+		this._rafId = requestAnimationFrame(this.tick);
+	}
+	stop() {
+		this._running = false;
+		if (this._rafId) {
+			cancelAnimationFrame(this._rafId);
+			this._rafId = null;
+		}
+		this.setCssVars({ "--halo-angle": `0deg` });
+	}
+	render() {
+		return x`
+      <div class="halo-root ${this.theme ?? "light"} ${this.animated ? "animated" : ""}">
+        <div class="halo-inner">
+          <div class="halo-outer">
+            ${this.animated ? x`<div class="halo-ring"></div>` : ""}
+            <div class="halo-content"><slot></slot></div>
+          </div>
+        </div>
+      </div>
+    `;
+	}
+};
+if (!customElements.get(W3A_HALO_BORDER_ID)) customElements.define(W3A_HALO_BORDER_ID, HaloBorderElement);
+var HaloBorder_default = HaloBorderElement;
+
+//#endregion
+export { HaloBorderElement, HaloBorder_default, LitElementWithProps, W3A_PASSKEY_HALO_LOADING_ID, ensureExternalStyles, x };