@reclack/walletkit 0.0.0-stage → 0.1.0

package/dist/element.js

@@ -0,0 +1,2079 @@
+import { DEFAULT_LOGO_BASE as e, applyTheme as t, createWalletKit as n, subscribeHandheld as r, subscribeScheme as i, walletDeepLink as a, walletLogo as o, walletPairingLink as s, walletScans as c, walletsFor as l } from "@reclack/walletkit";
+// node_modules/.pnpm/preact@10.29.8/node_modules/preact/dist/preact.module.js
+var u, d, f, p, m, h, g, _, v, y, b, x, S, C, w, T = {}, E = [], D = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, O = Array.isArray;
+function k(e, t) {
+	for (var n in t) e[n] = t[n];
+	return e;
+}
+function ee(e) {
+	e && e.parentNode && e.parentNode.removeChild(e);
+}
+function A(e, t, n) {
+	var r, i, a, o = {};
+	for (a in t) a == "key" ? r = t[a] : a == "ref" ? i = t[a] : o[a] = t[a];
+	if (arguments.length > 2 && (o.children = arguments.length > 3 ? u.call(arguments, 2) : n), typeof e == "function" && e.defaultProps != null) for (a in e.defaultProps) o[a] === void 0 && (o[a] = e.defaultProps[a]);
+	return j(e, o, r, i, null);
+}
+function j(e, t, n, r, i) {
+	var a = {
+		type: e,
+		props: t,
+		key: n,
+		ref: r,
+		__k: null,
+		__: null,
+		__b: 0,
+		__e: null,
+		__c: null,
+		constructor: void 0,
+		__v: i ?? ++f,
+		__i: -1,
+		__u: 0
+	};
+	return i == null && d.vnode != null && d.vnode(a), a;
+}
+function M(e) {
+	return e.children;
+}
+function N(e, t) {
+	this.props = e, this.context = t;
+}
+function P(e, t) {
+	if (t == null) return e.__ ? P(e.__, e.__i + 1) : null;
+	for (var n; t < e.__k.length; t++) if ((n = e.__k[t]) != null && n.__e != null) return n.__e;
+	return typeof e.type == "function" ? P(e) : null;
+}
+function te(e) {
+	if (e.__P && e.__d) {
+		var t = e.__v, n = t.__e, r = [], i = [], a = k({}, t);
+		a.__v = t.__v + 1, d.vnode && d.vnode(a), ue(e.__P, a, t, e.__n, e.__P.namespaceURI, 32 & t.__u ? [n] : null, r, n ?? P(t), !!(32 & t.__u), i), a.__v = t.__v, a.__.__k[a.__i] = a, fe(r, a, i), t.__e = t.__ = null, a.__e != n && ne(a);
+	}
+}
+function ne(e) {
+	if ((e = e.__) != null && e.__c != null) return e.__e = e.__c.base = null, e.__k.some(function(t) {
+		if (t != null && t.__e != null) return e.__e = e.__c.base = t.__e;
+	}), ne(e);
+}
+function re(e) {
+	(!e.__d && (e.__d = !0) && p.push(e) && !F.__r++ || m != d.debounceRendering) && ((m = d.debounceRendering) || h)(F);
+}
+function F() {
+	try {
+		for (var e, t = 1; p.length;) p.length > t && p.sort(g), e = p.shift(), t = p.length, te(e);
+	} finally {
+		p.length = F.__r = 0;
+	}
+}
+function ie(e, t, n, r, i, a, o, s, c, l, u) {
+	var d, f, p, m, h, g, _ = r && r.__k || E, v = t.length;
+	for (c = ae(n, t, _, c, v), d = 0; d < v; d++) (p = n.__k[d]) != null && (f = p.__i != -1 && _[p.__i] || T, p.__i = d, g = ue(e, p, f, i, a, o, s, c, l, u), m = p.__e, p.ref && f.ref != p.ref && (f.ref && he(f.ref, null, p), u.push(p.ref, p.__c || m, p)), h == null && m != null && (h = m), 4 & p.__u ? (c = oe(p, c, e), f.__e && (f.__e = null)) : typeof p.type == "function" && g !== void 0 ? c = g : m && (c = m.nextSibling), p.__u &= -7);
+	return n.__e = h, c;
+}
+function ae(e, t, n, r, i) {
+	var a, o, s, c, l, u = n.length, d = u, f = 0;
+	for (e.__k = Array(i), a = 0; a < i; a++) (o = t[a]) != null && typeof o != "boolean" && typeof o != "function" ? (typeof o == "string" || typeof o == "number" || typeof o == "bigint" || o.constructor == String ? o = e.__k[a] = j(null, o, null, null, null) : O(o) ? o = e.__k[a] = j(M, { children: o }, null, null, null) : o.constructor === void 0 && o.__b > 0 ? o = e.__k[a] = j(o.type, o.props, o.key, o.ref ? o.ref : null, o.__v) : e.__k[a] = o, c = a + f, o.__ = e, o.__b = e.__b + 1, s = null, (l = o.__i = se(o, n, c, d)) != -1 && (d--, (s = n[l]) && (s.__u |= 2)), s == null || s.__v == null ? (l == -1 && (i > u ? f-- : i < u && f++), typeof o.type != "function" && (o.__u |= 4)) : l != c && (l == c - 1 ? f-- : l == c + 1 ? f++ : (l > c ? f-- : f++, o.__u |= 4))) : e.__k[a] = null;
+	if (d) for (a = 0; a < u; a++) (s = n[a]) != null && !(2 & s.__u) && (s.__e == r && (r = P(s)), ge(s, s));
+	return r;
+}
+function oe(e, t, n) {
+	var r, i;
+	if (typeof e.type == "function") {
+		for (r = e.__k, i = 0; r && i < r.length; i++) r[i] && (r[i].__ = e, t = oe(r[i], t, n));
+		return t;
+	}
+	e.__e != t && (t && e.type && !t.parentNode && (t = P(e)), t = n.insertBefore(e.__e, t || null));
+	do
+		t &&= t.nextSibling;
+	while (t != null && t.nodeType == 8);
+	return t;
+}
+function se(e, t, n, r) {
+	var i, a, o, s = e.key, c = e.type, l = t[n], u = l != null && !(2 & l.__u);
+	if (l === null && s == null || u && s == l.key && c == l.type) return n;
+	if (r > +!!u) {
+		for (i = n - 1, a = n + 1; i >= 0 || a < t.length;) if ((l = t[o = i >= 0 ? i-- : a++]) != null && !(2 & l.__u) && s == l.key && c == l.type) return o;
+	}
+	return -1;
+}
+function ce(e, t, n) {
+	t[0] == "-" ? e.setProperty(t, n ?? "") : e[t] = n == null ? "" : typeof n != "number" || D.test(t) ? n : n + "px";
+}
+function I(e, t, n, r, i) {
+	var a, o;
+	n: if (t == "style") {
+		if (typeof n == "string") e.style.cssText = n;
+		else {
+			if (typeof r == "string" && (e.style.cssText = r = ""), r) for (t in r) n && t in n || ce(e.style, t, "");
+			if (n) for (t in n) r && n[t] == r[t] || ce(e.style, t, n[t]);
+		}
+	} else if (t[0] == "o" && t[1] == "n") a = t != (t = t.replace(b, "$1")), o = t.toLowerCase(), t = o in e || t == "onFocusOut" || t == "onFocusIn" ? o.slice(2) : t.slice(2), e.l ||= {}, e.l[t + a] = n, n ? r ? n[y] = r[y] : (n[y] = x, e.addEventListener(t, a ? C : S, a)) : e.removeEventListener(t, a ? C : S, a);
+	else {
+		if (i == "http://www.w3.org/2000/svg") t = t.replace(/xlink(H|:h)/, "h").replace(/sName$/, "s");
+		else if (t != "width" && t != "height" && t != "href" && t != "list" && t != "form" && t != "tabIndex" && t != "download" && t != "rowSpan" && t != "colSpan" && t != "role" && t != "popover" && t in e) try {
+			e[t] = n ?? "";
+			break n;
+		} catch {}
+		typeof n == "function" || (n == null || !1 === n && t[4] != "-" ? e.removeAttribute(t) : e.setAttribute(t, t == "popover" && n == 1 ? "" : n));
+	}
+}
+function le(e) {
+	return function(t) {
+		if (this.l) {
+			var n = this.l[t.type + e];
+			if (t[v] == null) t[v] = x++;
+			else if (t[v] < n[y]) return;
+			return n(d.event ? d.event(t) : t);
+		}
+	};
+}
+function ue(e, t, n, r, i, a, o, s, c, l) {
+	var u, f, p, m, h, g, _, v, y, b, x, S, C, w, T, D, A = t.type;
+	if (t.constructor !== void 0) return null;
+	128 & n.__u && (c = !!(32 & n.__u), a = [s = t.__e = n.__e]), (u = d.__b) && u(t);
+	n: if (typeof A == "function") {
+		f = o.length;
+		try {
+			if (y = t.props, b = A.prototype && A.prototype.render, x = (u = A.contextType) && r[u.__c], S = u ? x ? x.props.value : u.__ : r, n.__c ? v = (p = t.__c = n.__c).__ = p.__E : (b ? t.__c = p = new A(y, S) : (t.__c = p = new N(y, S), p.constructor = A, p.render = _e), x && x.sub(p), p.state || (p.state = {}), p.__n = r, m = p.__d = !0, p.__h = [], p._sb = []), b && p.__s == null && (p.__s = p.state), b && A.getDerivedStateFromProps != null && (p.__s == p.state && (p.__s = k({}, p.__s)), k(p.__s, A.getDerivedStateFromProps(y, p.__s))), h = p.props, g = p.state, p.__v = t, m) b && A.getDerivedStateFromProps == null && p.componentWillMount != null && p.componentWillMount(), b && p.componentDidMount != null && p.__h.push(p.componentDidMount);
+			else {
+				if (b && A.getDerivedStateFromProps == null && y !== h && p.componentWillReceiveProps != null && p.componentWillReceiveProps(y, S), t.__v == n.__v || !p.__e && p.shouldComponentUpdate != null && !1 === p.shouldComponentUpdate(y, p.__s, S)) {
+					t.__v != n.__v && (p.props = y, p.state = p.__s, p.__d = !1), t.__e = n.__e, t.__k = n.__k, t.__k.some(function(e) {
+						e && (e.__ = t);
+					}), E.push.apply(p.__h, p._sb), p._sb = [], p.__h.length && o.push(p), s = P(n);
+					break n;
+				}
+				p.componentWillUpdate != null && p.componentWillUpdate(y, p.__s, S), b && p.componentDidUpdate != null && p.__h.push(function() {
+					p.componentDidUpdate(h, g, _);
+				});
+			}
+			if (p.context = S, p.props = y, p.__P = e, p.__e = !1, C = d.__r, w = 0, b) p.state = p.__s, p.__d = !1, C && C(t), u = p.render(p.props, p.state, p.context), E.push.apply(p.__h, p._sb), p._sb = [];
+			else do
+				p.__d = !1, C && C(t), u = p.render(p.props, p.state, p.context), p.state = p.__s;
+			while (p.__d && ++w < 25);
+			p.state = p.__s, p.getChildContext != null && (r = k(k({}, r), p.getChildContext())), b && !m && p.getSnapshotBeforeUpdate != null && (_ = p.getSnapshotBeforeUpdate(h, g)), T = u != null && u.type === M && u.key == null ? pe(u.props.children) : u, s = ie(e, O(T) ? T : [T], t, n, r, i, a, o, s, c, l), p.base = t.__e, t.__u &= -161, p.__h.length && o.push(p), v && (p.__E = p.__ = null);
+		} catch (e) {
+			if (o.length = f, t.__v = null, c || a != null) {
+				if (e.then) {
+					for (t.__u |= c ? 160 : 128; s && s.nodeType == 8 && s.nextSibling;) s = s.nextSibling;
+					a != null && (a[a.indexOf(s)] = null), t.__e = s;
+				} else if (a != null) for (D = a.length; D--;) ee(a[D]);
+			} else t.__e = n.__e;
+			t.__k ??= n.__k || [], e.then || de(t), d.__e(e, t, n);
+		}
+	} else a == null && t.__v == n.__v ? (t.__k = n.__k, t.__e = n.__e) : s = t.__e = me(n.__e, t, n, r, i, a, o, c, l);
+	return (u = d.diffed) && u(t), 128 & t.__u ? void 0 : s;
+}
+function de(e) {
+	e && (e.__c && (e.__c.__e = !0), e.__k && e.__k.some(de));
+}
+function fe(e, t, n) {
+	for (var r = 0; r < n.length; r++) he(n[r], n[++r], n[++r]);
+	d.__c && d.__c(t, e), e.some(function(t) {
+		try {
+			e = t.__h, t.__h = [], e.some(function(e) {
+				e.call(t);
+			});
+		} catch (e) {
+			d.__e(e, t.__v);
+		}
+	});
+}
+function pe(e) {
+	return typeof e != "object" || !e || e.__b > 0 ? e : O(e) ? e.map(pe) : e.constructor === void 0 ? k({}, e) : null;
+}
+function me(e, t, n, r, i, a, o, s, c) {
+	var l, f, p, m, h, g, _, v = n.props || T, y = t.props, b = t.type;
+	if (b == "svg" ? i = "http://www.w3.org/2000/svg" : b == "math" ? i = "http://www.w3.org/1998/Math/MathML" : i ||= "http://www.w3.org/1999/xhtml", a != null) {
+		for (l = 0; l < a.length; l++) if ((h = a[l]) && "setAttribute" in h == !!b && (b ? h.localName == b : h.nodeType == 3)) {
+			e = h, a[l] = null;
+			break;
+		}
+	}
+	if (e == null) {
+		if (b == null) return document.createTextNode(y);
+		e = document.createElementNS(i, b, y.is && y), s &&= (d.__m && d.__m(t, a), !1), a = null;
+	}
+	if (b == null) v === y || s && e.data == y || (e.data = y);
+	else {
+		if (a = b == "textarea" && y.defaultValue != null ? null : a && u.call(e.childNodes), !s && a != null) for (v = {}, l = 0; l < e.attributes.length; l++) v[(h = e.attributes[l]).name] = h.value;
+		for (l in v) h = v[l], l == "dangerouslySetInnerHTML" ? p = h : l == "children" || l in y || l == "value" && "defaultValue" in y || l == "checked" && "defaultChecked" in y || I(e, l, null, h, i);
+		for (l in y) h = y[l], l == "children" ? m = h : l == "dangerouslySetInnerHTML" ? f = h : l == "value" ? g = h : l == "checked" ? _ = h : s && typeof h != "function" || v[l] === h || I(e, l, h, v[l], i);
+		if (f) s || p && (f.__html == p.__html || f.__html == e.innerHTML) || (e.innerHTML = f.__html), t.__k = [];
+		else if (p && (e.innerHTML = ""), ie(t.type == "template" ? e.content : e, O(m) ? m : [m], t, n, r, b == "foreignObject" ? "http://www.w3.org/1999/xhtml" : i, a, o, a ? a[0] : n.__k && P(n, 0), s, c), a != null) for (l = a.length; l--;) ee(a[l]);
+		s && b != "textarea" || (l = "value", b == "progress" && g == null ? e.removeAttribute("value") : g != null && (g !== e[l] || b == "progress" && !g || b == "option" && g != v[l]) && I(e, l, g, v[l], i), l = "checked", _ != null && _ != e[l] && I(e, l, _, v[l], i));
+	}
+	return e;
+}
+function he(e, t, n) {
+	try {
+		if (typeof e == "function") {
+			var r = typeof e.__u == "function";
+			r && e.__u(), r && t == null || (e.__u = e(t));
+		} else e.current = t;
+	} catch (e) {
+		d.__e(e, n);
+	}
+}
+function ge(e, t, n) {
+	var r, i;
+	if (d.unmount && d.unmount(e), (r = e.ref) && (r.current && r.current != e.__e || he(r, null, t)), (r = e.__c) != null) {
+		if (r.componentWillUnmount) try {
+			r.componentWillUnmount();
+		} catch (e) {
+			d.__e(e, t);
+		}
+		r.base = r.__P = r.__n = null;
+	}
+	if (r = e.__k) for (i = 0; i < r.length; i++) r[i] && ge(r[i], t, n || typeof e.type != "function");
+	n || ee(e.__e), e.__c = e.__ = e.__e = void 0;
+}
+function _e(e, t, n) {
+	return this.constructor(e, n);
+}
+function ve(e, t, n) {
+	var r, i, a, o;
+	t == document && (t = document.documentElement), d.__ && d.__(e, t), i = (r = typeof n == "function") ? null : n && n.__k || t.__k, a = [], o = [], ue(t, e = (!r && n || t).__k = A(M, null, [e]), i || T, T, t.namespaceURI, !r && n ? [n] : i ? null : t.firstChild ? u.call(t.childNodes) : null, a, !r && n ? n : i ? i.__e : t.firstChild, r, o), fe(a, e, o), e.props.children = null;
+}
+function ye(e) {
+	function t(e) {
+		var n, r;
+		return this.getChildContext || (n = /* @__PURE__ */ new Set(), (r = {})[t.__c] = this, this.getChildContext = function() {
+			return r;
+		}, this.componentWillUnmount = function() {
+			n = null;
+		}, this.shouldComponentUpdate = function(e) {
+			this.props.value != e.value && n.forEach(function(e) {
+				e.__e = !0, re(e);
+			});
+		}, this.sub = function(e) {
+			n.add(e);
+			var t = e.componentWillUnmount;
+			e.componentWillUnmount = function() {
+				n && n.delete(e), t && t.call(e);
+			};
+		}), e.children;
+	}
+	return t.__c = "__cC" + w++, t.__ = e, t.Provider = t.__l = (t.Consumer = function(e, t) {
+		return e.children(t);
+	}).contextType = t, t;
+}
+u = E.slice, d = { __e: function(e, t, n, r) {
+	for (var i, a, o; t = t.__;) if ((i = t.__c) && !i.__) try {
+		if ((a = i.constructor) && a.getDerivedStateFromError != null && (i.setState(a.getDerivedStateFromError(e)), o = i.__d), i.componentDidCatch != null && (i.componentDidCatch(e, r || {}), o = i.__d), o) return i.__E = i;
+	} catch (t) {
+		e = t;
+	}
+	throw e;
+} }, f = 0, N.prototype.setState = function(e, t) {
+	var n = this.__s != null && this.__s != this.state ? this.__s : this.__s = k({}, this.state);
+	typeof e == "function" && (e = e(k({}, n), this.props)), e && k(n, e), e != null && this.__v && (t && this._sb.push(t), re(this));
+}, N.prototype.forceUpdate = function(e) {
+	this.__v && (this.__e = !0, e && this.__h.push(e), re(this));
+}, N.prototype.render = M, p = [], h = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, g = function(e, t) {
+	return e.__v.__b - t.__v.__b;
+}, F.__r = 0, _ = Math.random().toString(8), v = "__d" + _, y = "__a" + _, b = /(PointerCapture)$|Capture$/i, x = 0, S = le(!1), C = le(!0), w = 0;
+// src/element/styles.css?inline
+var be = ":host{--rkw-surface:#fff;--rkw-ground:#f6f7f9;--rkw-plate:#f6f7f9;--rkw-ink:#101014;--rkw-ink-muted:#6b6b76;--rkw-line:#e5e5ea;--rkw-brand:#533afd;--rkw-brand-ink:#fff;--rkw-danger:#b42318;--rkw-ok:#12a150;--rkw-installed:#16a34a;--rkw-installed-ink:#15803d;--rkw-radius:10px;--rkw-hover:color-mix(in srgb, var(--rkw-ink-muted) 12%, transparent);--rkw-cross:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round'%3E%3Cpath d='M6 6 18 18M18 6 6 18'/%3E%3C/svg%3E\");color-scheme:var(--rkw-color-scheme,light);scrollbar-width:thin;color:var(--rkw-ink);font-family:var(--rkw-font,inherit);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5;display:block}:host([hidden]){display:none}*,:before,:after{box-sizing:border-box}button{font:inherit;color:inherit}.wallets{gap:.5rem;display:grid}.wallet{border:1px solid var(--rkw-line);border-radius:var(--rkw-radius);background:var(--rkw-surface);width:100%;font:inherit;color:inherit;cursor:pointer;text-align:left;align-items:center;gap:.625rem;padding:.625rem .75rem;font-size:.875rem;display:flex}.wallet:hover:not(:disabled){border-color:var(--rkw-brand)}.wallet:disabled{opacity:.6;cursor:progress}.wallet-mark{background:var(--rkw-plate);border-radius:7px;flex:none;place-items:center;width:1.75rem;height:1.75rem;font-size:.75rem;font-weight:700;display:grid;overflow:hidden}.wallet-mark img{object-fit:contain;width:100%;height:100%}.wallet-name{flex:1;font-weight:500}.wallet-tag{color:var(--rkw-ink-muted);font-size:.6875rem}.connected{border:1px solid var(--rkw-line);border-radius:var(--rkw-radius);align-items:center;gap:.625rem;padding:.625rem .75rem;display:flex}.connected-meta{flex:1;min-width:0;display:grid}.connected-meta strong{font-size:.875rem}.connected-meta code{color:var(--rkw-ink-muted);font-size:.75rem}.primary,.secondary{font:inherit;border-radius:var(--rkw-radius);cursor:pointer;border:1px solid #0000;width:100%;padding:.75rem 1rem;font-size:.9375rem;font-weight:600}.primary{background:var(--rkw-brand);color:var(--rkw-brand-ink)}.primary:disabled{opacity:.45;cursor:not-allowed}.secondary{background:var(--rkw-surface);border-color:var(--rkw-line);color:inherit;justify-self:start;width:auto;padding:.5rem .75rem;font-size:.8125rem}.link-button{font:inherit;color:var(--rkw-brand);cursor:pointer;background:0 0;border:0;padding:0;font-size:.8125rem}.plan-terms{color:var(--rkw-ink);margin:.625rem 0 0;font-size:.8125rem;line-height:1.5}.pending{color:var(--rkw-ink-muted);margin:0;font-size:.75rem}.error{color:var(--rkw-danger);margin:0;font-size:.8125rem}.muted{color:var(--rkw-ink-muted);margin:0;font-size:.875rem}.wallet-dialog{border:1px solid var(--rkw-line);background:var(--rkw-surface);width:min(22.5rem,100vw - 2rem);max-height:min(40rem,100dvh - 4rem);color:inherit;border-radius:24px;margin:auto;padding:0;transition:height .3s cubic-bezier(.22,1,.36,1),width .3s cubic-bezier(.22,1,.36,1);overflow:hidden;box-shadow:0 24px 60px -20px #10101447,0 2px 6px #1010140d}.wallet-dialog[open]{display:flex}.wallet-dialog::backdrop{background:color-mix(in srgb, var(--rkw-ground) 55%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.wallet-list{gap:.25rem;display:grid}.wallet-row{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem .5rem;transition:background .15s;display:flex}.wallet-row:hover:not(:disabled),.wallet-row:focus-visible{background:var(--rkw-hover)}.wallet-row .wallet-mark-lg{border-radius:12px;width:2.5rem;height:2.5rem}.wallet-row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.9375rem;font-weight:500;overflow:hidden}.wallet-row-tag{background:color-mix(in srgb, var(--rkw-brand) 9%, transparent);color:var(--rkw-brand);letter-spacing:.02em;text-transform:uppercase;border-radius:6px;flex:none;padding:.125rem .4375rem;font-size:.625rem;font-weight:700;line-height:1}.wallet-row-tag.is-installed{background:color-mix(in srgb, var(--rkw-installed) 12%, transparent);color:var(--rkw-installed-ink)}.wallet-row-tag.is-muted{background:color-mix(in srgb, var(--rkw-ink-muted) 10%, transparent);color:var(--rkw-ink-muted)}.wallet-search-row{background:var(--rkw-plate);flex:none;margin-top:.375rem;padding-top:.5rem;padding-bottom:.5rem}.wallet-search-row .wallet-search-icon{height:1.5rem}.wallet-search-row:hover:not(:disabled),.wallet-search-row:focus-visible{background:var(--rkw-hover)}.wallet-search-icon{width:2.5rem;height:2.5rem;color:var(--rkw-ink-muted);flex:none;place-items:center;display:grid}.wallet-search-icon svg{width:1.25rem;height:1.25rem}.wallet-row-count{color:var(--rkw-ink-muted);font-variant-numeric:tabular-nums;flex:none;font-size:.8125rem}.wallet-row-chevron{color:var(--rkw-ink-muted);flex:none;font-size:1rem;line-height:1}.wallet-dialog-body{flex-direction:column;width:100%;min-height:0;padding:1rem 1rem .875rem;display:flex}.wallet-dialog-head{flex:none;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1.125rem;display:flex}.wallet-dialog-head h2{margin:0;font-size:.9375rem;font-weight:600}.icon-button{font:inherit;width:1.75rem;height:1.75rem;color:var(--rkw-ink-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;font-size:1.25rem;line-height:1;display:grid}.icon-button:hover{background:var(--rkw-hover);color:var(--rkw-ink)}.wallet-search{font:inherit;border:1px solid var(--rkw-line);border-radius:var(--rkw-radius);background:var(--rkw-surface);width:100%;color:inherit;flex:none;margin-bottom:.875rem;padding:.5rem .75rem;font-size:.875rem}.wallet-search::-webkit-search-cancel-button{appearance:none;cursor:pointer;background-color:var(--rkw-ink-muted);width:1.125rem;height:1.125rem;-webkit-mask:var(--rkw-cross) center / contain no-repeat;-webkit-mask:var(--rkw-cross) center / contain no-repeat;mask:var(--rkw-cross) center / contain no-repeat}.wallet-search::-webkit-search-cancel-button:hover{background-color:var(--rkw-ink)}.wallet-grid,.wallet-list{overscroll-behavior:contain;min-height:0;margin-right:-1rem;padding-right:1rem;overflow-y:auto}.wallet-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem;max-height:24rem;margin-bottom:-.625rem;display:grid}.wallet-tile{background:var(--rkw-plate);font:inherit;color:inherit;cursor:pointer;text-align:center;border:0;border-radius:16px;justify-items:center;gap:.5rem;padding:.875rem .5rem;text-decoration:none;transition:background .15s;display:grid;position:relative}.wallet-tile:hover:not(:disabled),.wallet-tile:focus-visible{background:var(--rkw-hover)}.wallet-tile .wallet-mark-lg{background:var(--rkw-surface);border-radius:14px;width:3.25rem;height:3.25rem}.wallet-tile:disabled{opacity:.6;cursor:progress}.wallet-mark-lg{border-radius:12px;width:2.75rem;height:2.75rem;font-size:1rem}.wallet-tile-name{text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%;font-size:.75rem;font-weight:500;line-height:1.2;overflow:hidden}.wallet-tile-badge{background:var(--rkw-surface);border:1.5px solid var(--rkw-installed);width:.9375rem;height:.9375rem;color:var(--rkw-installed);box-shadow:0 0 0 2px var(--rkw-plate);border-radius:999px;place-items:center;display:grid;position:absolute;top:.4375rem;right:.4375rem}.wallet-tile-badge svg{stroke-width:4px;width:.5rem;height:.5rem}.wallet-stack{flex:none;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:flex}.wallet-stack img{object-fit:cover;width:1rem;height:1rem;box-shadow:0 0 0 2px var(--rkw-surface);border-radius:50%}.wallet-stack img+img{margin-left:-.4375rem}.wallet-more-button .wallet-mark{letter-spacing:.05em;color:var(--rkw-ink-muted)}.wallet-empty{text-align:center;padding:1rem 0 0}.icon-button-spacer{width:1.75rem;height:1.75rem}.connect-status{align-content:center;gap:.625rem;min-height:17rem;padding:1.25rem 0 1.5rem}.connect-status .connect-retry{justify-self:center;margin-top:.5rem}.connect-open{text-align:center;text-decoration:none;display:block}.connect-handoff{align-content:center;gap:1rem;min-height:16rem}.connect-status-mark{place-items:center;width:5.5rem;height:5.5rem;display:grid;position:relative}.connect-status-mark .wallet-mark-lg{background:var(--rkw-surface);border-radius:18px;width:4rem;height:4rem}.connect-spinner{width:100%;height:100%;color:var(--rkw-brand);animation:1.1s linear infinite connect-spin;position:absolute;inset:0}@keyframes connect-spin{to{transform:rotate(360deg)}}.connect-retry,.connect-copy{align-items:center;gap:.375rem;display:inline-flex}.connect-retry-icon{width:.875rem;height:.875rem}@media (prefers-reduced-motion:reduce){.connect-spinner,.qr-spinner,.state-loading-spinner{animation:none}}.connect-status-title{margin:.5rem 0 0;font-size:.9375rem;font-weight:600}.connect-status-title.is-error{color:var(--rkw-danger)}.connect-status-note{max-width:30ch;color:var(--rkw-ink-muted);text-align:center;margin:0;font-size:.8125rem;line-height:1.5}@keyframes wallet-view-in{0%{opacity:0;transform:translateY(6px)scale(.985)}to{opacity:1;transform:none}}.connect-panel,.wallet-list,.wallet-grid{animation:.24s cubic-bezier(.22,1,.36,1) both wallet-view-in}@media (prefers-reduced-motion:reduce){.connect-panel,.wallet-list,.wallet-grid{animation:none}}.connect-panel{justify-items:center;gap:.875rem;min-height:0;padding:.5rem 0 0;display:grid;overflow-y:auto}.portal-tabs{border:1px solid var(--rkw-line);border-radius:var(--rkw-radius);background:var(--rkw-plate);gap:.25rem;padding:.3125rem;display:flex}.portal-tab{color:var(--rkw-ink-muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.4375rem .5rem;font-size:.8125rem;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.portal-tab:hover{color:var(--rkw-ink)}.portal-tab.is-active{background:color-mix(in srgb, var(--rkw-brand) 16%, var(--rkw-surface));color:var(--rkw-ink);box-shadow:none}.portal-tabs.qr-tabs{border-radius:9px;gap:0;width:auto;padding:0;overflow:hidden}.qr-tabs .portal-tab{border-radius:0;flex:none;padding:.4375rem .875rem;font-size:.75rem}.qr-tabs .portal-tab.is-active{box-shadow:none}.qr-frame{border:1px solid var(--rkw-line);background:var(--rkw-surface);border-radius:22px;place-items:center;width:100%;padding:0;display:grid;position:relative;overflow:hidden}.qr{aspect-ratio:1;place-items:center;width:100%;max-width:none;display:grid}.qr svg{width:100%;height:100%}.qr-fallback{border:1px dashed var(--rkw-line);background:var(--rkw-ground);border-radius:10px;padding:1rem}.qr-fallback code{word-break:break-all;text-align:center;color:var(--rkw-ink-muted);font-size:.6875rem;line-height:1.5}.qr .qr-spinner{width:2.5rem;height:2.5rem;color:var(--rkw-brand);animation:1.1s linear infinite connect-spin}.qr-badge{background:var(--rkw-surface);border-radius:12px;place-items:center;padding:.25rem;display:grid;position:absolute}.qr-caption{text-align:center;margin:0;font-size:.8125rem}.qr-copy{font-size:.8125rem}.install-row{border:1px solid var(--rkw-line);border-radius:var(--rkw-radius);background:var(--rkw-ground);justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;font-size:.8125rem;display:flex}.install-row .secondary{text-decoration:none;display:inline-block}", L, R, xe, Se, z = 0, Ce = [], B = d, we = B.__b, Te = B.__r, Ee = B.diffed, De = B.__c, Oe = B.unmount, ke = B.__;
+function V(e, t) {
+	B.__h && B.__h(R, e, z || t), z = 0;
+	var n = R.__H || (R.__H = {
+		__: [],
+		__h: []
+	});
+	return e >= n.__.length && n.__.push({}), n.__[e];
+}
+function H(e) {
+	return z = 1, Ae(ze, e);
+}
+function Ae(e, t, n) {
+	var r = V(L++, 2);
+	if (r.t = e, !r.__c && (r.__ = [n ? n(t) : ze(void 0, t), function(e) {
+		var t = r.__N ? r.__N[0] : r.__[0], n = r.t(t, e);
+		t !== n && (r.__N = [n, r.__[1]], r.__c.setState({}));
+	}], r.__c = R, !R.__f)) {
+		var i = function(e, t, n) {
+			if (!r.__c.__H) return !0;
+			var i = !1, o = r.__c.props !== e;
+			if (r.__c.__H.__.some(function(e) {
+				if (e.__N) {
+					i = !0;
+					var t = e.__[0];
+					e.__ = e.__N, e.__N = void 0, t !== e.__[0] && (o = !0);
+				}
+			}), a) {
+				var s = a.call(this, e, t, n);
+				return i ? s || o : s;
+			}
+			return !i || o;
+		};
+		R.__f = !0;
+		var a = R.shouldComponentUpdate, o = R.componentWillUpdate;
+		R.componentWillUpdate = function(e, t, n) {
+			if (this.__e) {
+				var r = a;
+				a = void 0, i(e, t, n), a = r;
+			}
+			o && o.call(this, e, t, n);
+		}, R.shouldComponentUpdate = i;
+	}
+	return r.__N || r.__;
+}
+function U(e, t) {
+	var n = V(L++, 3);
+	!B.__s && Re(n.__H, t) && (n.__ = e, n.u = t, R.__H.__h.push(n));
+}
+function je(e) {
+	return z = 5, W(function() {
+		return { current: e };
+	}, []);
+}
+function W(e, t) {
+	var n = V(L++, 7);
+	return Re(n.__H, t) && (n.__ = e(), n.__H = t, n.__h = e), n.__;
+}
+function Me(e, t) {
+	return z = 8, W(function() {
+		return e;
+	}, t);
+}
+function Ne(e) {
+	var t = R.context[e.__c], n = V(L++, 9);
+	return n.c = e, t ? (n.__ ?? (n.__ = !0, t.sub(R)), t.props.value) : e.__;
+}
+function Pe() {
+	for (var e; e = Ce.shift();) {
+		var t = e.__H;
+		if (e.__P && t) try {
+			t.__h.some(G), t.__h.some(Le), t.__h = [];
+		} catch (n) {
+			t.__h = [], B.__e(n, e.__v);
+		}
+	}
+}
+B.__b = function(e) {
+	R = null, we && we(e);
+}, B.__ = function(e, t) {
+	e && t.__k && t.__k.__m && (e.__m = t.__k.__m), ke && ke(e, t);
+}, B.__r = function(e) {
+	Te && Te(e), L = 0;
+	var t = (R = e.__c).__H;
+	t && (xe === R ? (t.__h = [], R.__h = [], t.__.some(function(e) {
+		e.__N && (e.__ = e.__N), e.u = e.__N = void 0;
+	})) : (t.__h.some(G), t.__h.some(Le), t.__h = [], L = 0)), xe = R;
+}, B.diffed = function(e) {
+	Ee && Ee(e);
+	var t = e.__c;
+	t && t.__H && (t.__H.__h.length && (Ce.push(t) !== 1 && Se === B.requestAnimationFrame || ((Se = B.requestAnimationFrame) || Ie)(Pe)), t.__H.__.some(function(e) {
+		e.u &&= (e.__H = e.u, void 0);
+	})), xe = R = null;
+}, B.__c = function(e, t) {
+	t.some(function(e) {
+		try {
+			e.__h.some(G), e.__h = e.__h.filter(function(e) {
+				return !e.__ || Le(e);
+			});
+		} catch (n) {
+			t.some(function(e) {
+				e.__h &&= [];
+			}), t = [], B.__e(n, e.__v);
+		}
+	}), De && De(e, t);
+}, B.unmount = function(e) {
+	Oe && Oe(e);
+	var t, n = e.__c;
+	n && n.__H && (n.__H.__.some(function(e) {
+		try {
+			G(e);
+		} catch (e) {
+			t = e;
+		}
+	}), n.__H = void 0, t && B.__e(t, n.__v));
+};
+var Fe = typeof requestAnimationFrame == "function";
+function Ie(e) {
+	var t, n = function() {
+		clearTimeout(r), Fe && cancelAnimationFrame(t), setTimeout(e);
+	}, r = setTimeout(n, 35);
+	Fe && (t = requestAnimationFrame(n));
+}
+function G(e) {
+	var t = R, n = e.__c;
+	typeof n == "function" && (e.__c = void 0, n()), R = t;
+}
+function Le(e) {
+	var t = R;
+	e.__c = e.__(), R = t;
+}
+function Re(e, t) {
+	return !e || e.length !== t.length || t.some(function(t, n) {
+		return t !== e[n];
+	});
+}
+function ze(e, t) {
+	return typeof t == "function" ? t(e) : t;
+}
+// node_modules/.pnpm/preact@10.29.8/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js
+var Be = 0;
+Array.isArray;
+function K(e, t, n, r, i, a) {
+	t ||= {};
+	var o, s, c = t;
+	if ("ref" in c) for (s in c = {}, t) s == "ref" ? o = t[s] : c[s] = t[s];
+	var l = {
+		type: e,
+		props: c,
+		key: n,
+		ref: o,
+		__k: null,
+		__: null,
+		__b: 0,
+		__e: null,
+		__c: null,
+		constructor: void 0,
+		__v: --Be,
+		__i: -1,
+		__u: 0,
+		__source: i,
+		__self: a
+	};
+	if (typeof e == "function" && (o = e.defaultProps)) for (s in o) c[s] === void 0 && (c[s] = o[s]);
+	return d.vnode && d.vnode(l), l;
+}
+// src/element/ui/assets.tsx
+var Ve = ye(e);
+function He({ base: e, children: t }) {
+	return /* @__PURE__ */ K(Ve.Provider, {
+		value: e,
+		children: t
+	});
+}
+function Ue() {
+	let e = Ne(Ve);
+	return W(() => (t) => o(t, e), [e]);
+}
+// src/element/ui/use-handheld.ts
+function We() {
+	let [e, t] = H(!1);
+	return U(() => r(t), []), e;
+}
+// src/element/ui/wallet-mark.tsx
+function q({ id: e, name: t, icon: n, size: r = "sm" }) {
+	let i = Ue(), a = n ?? i(e), o = r === "lg" ? 32 : 20;
+	return /* @__PURE__ */ K("span", {
+		class: r === "lg" ? "wallet-mark wallet-mark-lg" : "wallet-mark",
+		"aria-hidden": "true",
+		children: a ? /* @__PURE__ */ K("img", {
+			src: a,
+			alt: "",
+			width: o,
+			height: o,
+			loading: "lazy",
+			decoding: "async"
+		}) : t.charAt(0)
+	});
+}
+// node_modules/.pnpm/uqr@0.1.3/node_modules/uqr/dist/index.mjs
+var J = /* @__PURE__ */ ((e) => (e[e.Border = -1] = "Border", e[e.Data = 0] = "Data", e[e.Function = 1] = "Function", e[e.Position = 2] = "Position", e[e.Timing = 3] = "Timing", e[e.Alignment = 4] = "Alignment", e))(J || {}), Ge = [0, 1], Ke = [1, 0], qe = [2, 3], Je = [3, 2], Ye = {
+	L: Ge,
+	M: Ke,
+	Q: qe,
+	H: Je
+}, Xe = /^\d*$/, Ze = /^[A-Z0-9 $%*+./:-]*$/, Qe = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:", $e = 1, et = 40, tt = 3, nt = 3, Y = 40, rt = 10, it = [
+	[
+		-1,
+		7,
+		10,
+		15,
+		20,
+		26,
+		18,
+		20,
+		24,
+		30,
+		18,
+		20,
+		24,
+		26,
+		30,
+		22,
+		24,
+		28,
+		30,
+		28,
+		28,
+		28,
+		28,
+		30,
+		30,
+		26,
+		28,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30
+	],
+	[
+		-1,
+		10,
+		16,
+		26,
+		18,
+		24,
+		16,
+		18,
+		22,
+		22,
+		26,
+		30,
+		22,
+		22,
+		24,
+		24,
+		28,
+		28,
+		26,
+		26,
+		26,
+		26,
+		28,
+		28,
+		28,
+		28,
+		28,
+		28,
+		28,
+		28,
+		28,
+		28,
+		28,
+		28,
+		28,
+		28,
+		28,
+		28,
+		28,
+		28,
+		28
+	],
+	[
+		-1,
+		13,
+		22,
+		18,
+		26,
+		18,
+		24,
+		18,
+		22,
+		20,
+		24,
+		28,
+		26,
+		24,
+		20,
+		30,
+		24,
+		28,
+		28,
+		26,
+		30,
+		28,
+		30,
+		30,
+		30,
+		30,
+		28,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30
+	],
+	[
+		-1,
+		17,
+		28,
+		22,
+		16,
+		22,
+		28,
+		26,
+		26,
+		24,
+		28,
+		24,
+		28,
+		22,
+		24,
+		24,
+		30,
+		28,
+		28,
+		26,
+		28,
+		30,
+		24,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30
+	]
+], at = [
+	[
+		-1,
+		1,
+		1,
+		1,
+		1,
+		1,
+		2,
+		2,
+		2,
+		2,
+		4,
+		4,
+		4,
+		4,
+		4,
+		6,
+		6,
+		6,
+		6,
+		7,
+		8,
+		8,
+		9,
+		9,
+		10,
+		12,
+		12,
+		12,
+		13,
+		14,
+		15,
+		16,
+		17,
+		18,
+		19,
+		19,
+		20,
+		21,
+		22,
+		24,
+		25
+	],
+	[
+		-1,
+		1,
+		1,
+		1,
+		2,
+		2,
+		4,
+		4,
+		4,
+		5,
+		5,
+		5,
+		8,
+		9,
+		9,
+		10,
+		10,
+		11,
+		13,
+		14,
+		16,
+		17,
+		17,
+		18,
+		20,
+		21,
+		23,
+		25,
+		26,
+		28,
+		29,
+		31,
+		33,
+		35,
+		37,
+		38,
+		40,
+		43,
+		45,
+		47,
+		49
+	],
+	[
+		-1,
+		1,
+		1,
+		2,
+		2,
+		4,
+		4,
+		6,
+		6,
+		8,
+		8,
+		8,
+		10,
+		12,
+		16,
+		12,
+		17,
+		16,
+		18,
+		21,
+		20,
+		23,
+		23,
+		25,
+		27,
+		29,
+		34,
+		34,
+		35,
+		38,
+		40,
+		43,
+		45,
+		48,
+		51,
+		53,
+		56,
+		59,
+		62,
+		65,
+		68
+	],
+	[
+		-1,
+		1,
+		1,
+		2,
+		4,
+		4,
+		4,
+		5,
+		6,
+		8,
+		8,
+		11,
+		11,
+		16,
+		16,
+		18,
+		16,
+		19,
+		21,
+		25,
+		25,
+		25,
+		34,
+		30,
+		32,
+		35,
+		37,
+		40,
+		42,
+		45,
+		48,
+		51,
+		54,
+		57,
+		60,
+		63,
+		66,
+		70,
+		74,
+		77,
+		81
+	]
+], ot = class {
+	constructor(e, t, n, r) {
+		if (this.version = e, this.ecc = t, e < $e || e > et) throw RangeError("Version value out of range");
+		if (r < -1 || r > 7) throw RangeError("Mask value out of range");
+		this.size = e * 4 + 17;
+		let i = Array.from({ length: this.size }).fill(!1);
+		for (let e = 0; e < this.size; e++) this.modules.push(i.slice()), this.types.push(i.map(() => 0));
+		this.drawFunctionPatterns();
+		let a = this.addEccAndInterleave(n);
+		if (this.drawCodewords(a), r === -1) {
+			let e = 1e9;
+			for (let t = 0; t < 8; t++) {
+				this.applyMask(t), this.drawFormatBits(t);
+				let n = this.getPenaltyScore();
+				n < e && (r = t, e = n), this.applyMask(t);
+			}
+		}
+		this.mask = r, this.applyMask(r), this.drawFormatBits(r);
+	}
+	size;
+	mask;
+	modules = [];
+	types = [];
+	getModule(e, t) {
+		return e >= 0 && e < this.size && t >= 0 && t < this.size && this.modules[t][e];
+	}
+	drawFunctionPatterns() {
+		for (let e = 0; e < this.size; e++) this.setFunctionModule(6, e, e % 2 == 0, J.Timing), this.setFunctionModule(e, 6, e % 2 == 0, J.Timing);
+		this.drawFinderPattern(3, 3), this.drawFinderPattern(this.size - 4, 3), this.drawFinderPattern(3, this.size - 4);
+		let e = this.getAlignmentPatternPositions(), t = e.length;
+		for (let n = 0; n < t; n++) for (let r = 0; r < t; r++) n === 0 && r === 0 || n === 0 && r === t - 1 || n === t - 1 && r === 0 || this.drawAlignmentPattern(e[n], e[r]);
+		this.drawFormatBits(0), this.drawVersion();
+	}
+	drawFormatBits(e) {
+		let t = this.ecc[1] << 3 | e, n = t;
+		for (let e = 0; e < 10; e++) n = n << 1 ^ (n >>> 9) * 1335;
+		let r = (t << 10 | n) ^ 21522;
+		for (let e = 0; e <= 5; e++) this.setFunctionModule(8, e, Z(r, e));
+		this.setFunctionModule(8, 7, Z(r, 6)), this.setFunctionModule(8, 8, Z(r, 7)), this.setFunctionModule(7, 8, Z(r, 8));
+		for (let e = 9; e < 15; e++) this.setFunctionModule(14 - e, 8, Z(r, e));
+		for (let e = 0; e < 8; e++) this.setFunctionModule(this.size - 1 - e, 8, Z(r, e));
+		for (let e = 8; e < 15; e++) this.setFunctionModule(8, this.size - 15 + e, Z(r, e));
+		this.setFunctionModule(8, this.size - 8, !0);
+	}
+	drawVersion() {
+		if (this.version < 7) return;
+		let e = this.version;
+		for (let t = 0; t < 12; t++) e = e << 1 ^ (e >>> 11) * 7973;
+		let t = this.version << 12 | e;
+		for (let e = 0; e < 18; e++) {
+			let n = Z(t, e), r = this.size - 11 + e % 3, i = Math.floor(e / 3);
+			this.setFunctionModule(r, i, n), this.setFunctionModule(i, r, n);
+		}
+	}
+	drawFinderPattern(e, t) {
+		for (let n = -4; n <= 4; n++) for (let r = -4; r <= 4; r++) {
+			let i = Math.max(Math.abs(r), Math.abs(n)), a = e + r, o = t + n;
+			a >= 0 && a < this.size && o >= 0 && o < this.size && this.setFunctionModule(a, o, i !== 2 && i !== 4, J.Position);
+		}
+	}
+	drawAlignmentPattern(e, t) {
+		for (let n = -2; n <= 2; n++) for (let r = -2; r <= 2; r++) this.setFunctionModule(e + r, t + n, Math.max(Math.abs(r), Math.abs(n)) !== 1, J.Alignment);
+	}
+	setFunctionModule(e, t, n, r = J.Function) {
+		this.modules[t][e] = n, this.types[t][e] = r;
+	}
+	addEccAndInterleave(e) {
+		let t = this.version, n = this.ecc;
+		if (e.length !== Q(t, n)) throw RangeError("Invalid argument");
+		let r = at[n[0]][t], i = it[n[0]][t], a = Math.floor(bt(t) / 8), o = r - a % r, s = Math.floor(a / r), c = [], l = xt(i);
+		for (let t = 0, n = 0; t < r; t++) {
+			let r = e.slice(n, n + s - i + (t < o ? 0 : 1));
+			n += r.length;
+			let a = St(r, l);
+			t < o && r.push(0), c.push(r.concat(a));
+		}
+		let u = [];
+		for (let e = 0; e < c[0].length; e++) c.forEach((t, n) => {
+			(e !== s - i || n >= o) && u.push(t[e]);
+		});
+		return u;
+	}
+	drawCodewords(e) {
+		if (e.length !== Math.floor(bt(this.version) / 8)) throw RangeError("Invalid argument");
+		let t = 0;
+		for (let n = this.size - 1; n >= 1; n -= 2) {
+			n === 6 && (n = 5);
+			for (let r = 0; r < this.size; r++) for (let i = 0; i < 2; i++) {
+				let a = n - i, o = n + 1 & 2 ? r : this.size - 1 - r;
+				!this.types[o][a] && t < e.length * 8 && (this.modules[o][a] = Z(e[t >>> 3], 7 - (t & 7)), t++);
+			}
+		}
+	}
+	applyMask(e) {
+		if (e < 0 || e > 7) throw RangeError("Mask value out of range");
+		for (let t = 0; t < this.size; t++) for (let n = 0; n < this.size; n++) {
+			let r;
+			switch (e) {
+				case 0:
+					r = (n + t) % 2 == 0;
+					break;
+				case 1:
+					r = t % 2 == 0;
+					break;
+				case 2:
+					r = n % 3 == 0;
+					break;
+				case 3:
+					r = (n + t) % 3 == 0;
+					break;
+				case 4:
+					r = (Math.floor(n / 3) + Math.floor(t / 2)) % 2 == 0;
+					break;
+				case 5:
+					r = n * t % 2 + n * t % 3 == 0;
+					break;
+				case 6:
+					r = (n * t % 2 + n * t % 3) % 2 == 0;
+					break;
+				case 7:
+					r = ((n + t) % 2 + n * t % 3) % 2 == 0;
+					break;
+				default: throw Error("Unreachable");
+			}
+			!this.types[t][n] && r && (this.modules[t][n] = !this.modules[t][n]);
+		}
+	}
+	getPenaltyScore() {
+		let e = 0;
+		for (let t = 0; t < this.size; t++) {
+			let n = !1, r = 0, i = [
+				0,
+				0,
+				0,
+				0,
+				0,
+				0,
+				0
+			];
+			for (let a = 0; a < this.size; a++) this.modules[t][a] === n ? (r++, r === 5 ? e += tt : r > 5 && e++) : (this.finderPenaltyAddHistory(r, i), n || (e += this.finderPenaltyCountPatterns(i) * Y), n = this.modules[t][a], r = 1);
+			e += this.finderPenaltyTerminateAndCount(n, r, i) * Y;
+		}
+		for (let t = 0; t < this.size; t++) {
+			let n = !1, r = 0, i = [
+				0,
+				0,
+				0,
+				0,
+				0,
+				0,
+				0
+			];
+			for (let a = 0; a < this.size; a++) this.modules[a][t] === n ? (r++, r === 5 ? e += tt : r > 5 && e++) : (this.finderPenaltyAddHistory(r, i), n || (e += this.finderPenaltyCountPatterns(i) * Y), n = this.modules[a][t], r = 1);
+			e += this.finderPenaltyTerminateAndCount(n, r, i) * Y;
+		}
+		for (let t = 0; t < this.size - 1; t++) for (let n = 0; n < this.size - 1; n++) {
+			let r = this.modules[t][n];
+			r === this.modules[t][n + 1] && r === this.modules[t + 1][n] && r === this.modules[t + 1][n + 1] && (e += nt);
+		}
+		let t = 0;
+		for (let e of this.modules) t = e.reduce((e, t) => e + +!!t, t);
+		let n = this.size * this.size, r = Math.ceil(Math.abs(t * 20 - n * 10) / n) - 1;
+		return e += r * rt, e;
+	}
+	getAlignmentPatternPositions() {
+		if (this.version === 1) return [];
+		{
+			let e = Math.floor(this.version / 7) + 2, t = this.version === 32 ? 26 : Math.ceil((this.version * 4 + 4) / (e * 2 - 2)) * 2, n = [6];
+			for (let r = this.size - 7; n.length < e; r -= t) n.splice(1, 0, r);
+			return n;
+		}
+	}
+	finderPenaltyCountPatterns(e) {
+		let t = e[1], n = t > 0 && e[2] === t && e[3] === t * 3 && e[4] === t && e[5] === t;
+		return (n && e[0] >= t * 4 && e[6] >= t ? 1 : 0) + (n && e[6] >= t * 4 && e[0] >= t ? 1 : 0);
+	}
+	finderPenaltyTerminateAndCount(e, t, n) {
+		return e && (this.finderPenaltyAddHistory(t, n), t = 0), t += this.size, this.finderPenaltyAddHistory(t, n), this.finderPenaltyCountPatterns(n);
+	}
+	finderPenaltyAddHistory(e, t) {
+		t[0] === 0 && (e += this.size), t.pop(), t.unshift(e);
+	}
+};
+function X(e, t, n) {
+	if (t < 0 || t > 31 || e >>> t) throw RangeError("Value out of range");
+	for (let r = t - 1; r >= 0; r--) n.push(e >>> r & 1);
+}
+function Z(e, t) {
+	return !!(e >>> t & 1);
+}
+var st = class {
+	constructor(e, t, n) {
+		if (this.mode = e, this.numChars = t, this.bitData = n, t < 0) throw RangeError("Invalid argument");
+		this.bitData = n.slice();
+	}
+	getData() {
+		return this.bitData.slice();
+	}
+}, ct = [
+	1,
+	10,
+	12,
+	14
+], lt = [
+	2,
+	9,
+	11,
+	13
+], ut = [
+	4,
+	8,
+	16,
+	16
+];
+function dt(e, t) {
+	return e[Math.floor((t + 7) / 17) + 1];
+}
+function ft(e) {
+	let t = [];
+	for (let n of e) X(n, 8, t);
+	return new st(ut, e.length, t);
+}
+function pt(e) {
+	if (!gt(e)) throw RangeError("String contains non-numeric characters");
+	let t = [];
+	for (let n = 0; n < e.length;) {
+		let r = Math.min(e.length - n, 3);
+		X(Number.parseInt(e.substring(n, n + r), 10), r * 3 + 1, t), n += r;
+	}
+	return new st(ct, e.length, t);
+}
+function mt(e) {
+	if (!_t(e)) throw RangeError("String contains unencodable characters in alphanumeric mode");
+	let t = [], n = 0;
+	for (; n + 2 <= e.length; n += 2) {
+		let r = Qe.indexOf(e.charAt(n)) * 45;
+		r += Qe.indexOf(e.charAt(n + 1)), X(r, 11, t);
+	}
+	return n < e.length && X(Qe.indexOf(e.charAt(n)), 6, t), new st(lt, e.length, t);
+}
+function ht(e) {
+	return e === "" ? [] : gt(e) ? [pt(e)] : _t(e) ? [mt(e)] : [ft(yt(e))];
+}
+function gt(e) {
+	return Xe.test(e);
+}
+function _t(e) {
+	return Ze.test(e);
+}
+function vt(e, t) {
+	let n = 0;
+	for (let r of e) {
+		let e = dt(r.mode, t);
+		if (r.numChars >= 1 << e) return Infinity;
+		n += 4 + e + r.bitData.length;
+	}
+	return n;
+}
+function yt(e) {
+	e = encodeURI(e);
+	let t = [];
+	for (let n = 0; n < e.length; n++) e.charAt(n) === "%" ? (t.push(Number.parseInt(e.substring(n + 1, n + 3), 16)), n += 2) : t.push(e.charCodeAt(n));
+	return t;
+}
+function bt(e) {
+	if (e < $e || e > et) throw RangeError("Version number out of range");
+	let t = (16 * e + 128) * e + 64;
+	if (e >= 2) {
+		let n = Math.floor(e / 7) + 2;
+		t -= (25 * n - 10) * n - 55, e >= 7 && (t -= 36);
+	}
+	return t;
+}
+function Q(e, t) {
+	return Math.floor(bt(e) / 8) - it[t[0]][e] * at[t[0]][e];
+}
+function xt(e) {
+	if (e < 1 || e > 255) throw RangeError("Degree out of range");
+	let t = [];
+	for (let n = 0; n < e - 1; n++) t.push(0);
+	t.push(1);
+	let n = 1;
+	for (let r = 0; r < e; r++) {
+		for (let e = 0; e < t.length; e++) t[e] = Ct(t[e], n), e + 1 < t.length && (t[e] ^= t[e + 1]);
+		n = Ct(n, 2);
+	}
+	return t;
+}
+function St(e, t) {
+	let n = t.map((e) => 0);
+	for (let r of e) {
+		let e = r ^ n.shift();
+		n.push(0), t.forEach((t, r) => n[r] ^= Ct(t, e));
+	}
+	return n;
+}
+function Ct(e, t) {
+	if (e >>> 8 || t >>> 8) throw RangeError("Byte out of range");
+	let n = 0;
+	for (let r = 7; r >= 0; r--) n = n << 1 ^ (n >>> 7) * 285, n ^= (t >>> r & 1) * e;
+	return n;
+}
+function wt(e, t, n = 1, r = 40, i = -1, a = !0) {
+	if (!($e <= n && n <= r && r <= et) || i < -1 || i > 7) throw RangeError("Invalid value");
+	let o, s;
+	for (o = n;; o++) {
+		let n = Q(o, t) * 8, i = vt(e, o);
+		if (i <= n) {
+			s = i;
+			break;
+		}
+		if (o >= r) throw RangeError("Data too long");
+	}
+	for (let e of [
+		Ke,
+		qe,
+		Je
+	]) a && s <= Q(o, e) * 8 && (t = e);
+	let c = [];
+	for (let t of e) {
+		X(t.mode[0], 4, c), X(t.numChars, dt(t.mode, o), c);
+		for (let e of t.getData()) c.push(e);
+	}
+	let l = Q(o, t) * 8;
+	X(0, Math.min(4, l - c.length), c), X(0, (8 - c.length % 8) % 8, c);
+	for (let e = 236; c.length < l; e ^= 253) X(e, 8, c);
+	let u = Array.from({ length: Math.ceil(c.length / 8) }, () => 0);
+	return c.forEach((e, t) => u[t >>> 3] |= e << 7 - (t & 7)), new ot(o, t, u, i);
+}
+function Tt(e, t) {
+	let { ecc: n = "L", boostEcc: r = !1, minVersion: i = 1, maxVersion: a = 40, maskPattern: o = -1, border: s = 1 } = t || {}, c = typeof e == "string" ? ht(e) : Array.isArray(e) ? [ft(e)] : void 0;
+	if (!c) throw Error(`uqr only supports encoding string and binary data, but got: ${typeof e}`);
+	let l = wt(c, Ye[n], i, a, o, r), u = Et({
+		version: l.version,
+		maskPattern: l.mask,
+		size: l.size,
+		data: l.modules,
+		types: l.types
+	}, s);
+	return t?.invert && (u.data = u.data.map((e) => e.map((e) => !e))), t?.onEncoded?.(u), u;
+}
+function Et(e, t = 1) {
+	if (!t) return e;
+	let { size: n } = e, r = n + t * 2;
+	e.size = r, e.data.forEach((e) => {
+		for (let n = 0; n < t; n++) e.unshift(!1), e.push(!1);
+	});
+	for (let n = 0; n < t; n++) e.data.unshift(Array.from({ length: r }, (e) => !1)), e.data.push(Array.from({ length: r }, (e) => !1));
+	let i = J.Border;
+	e.types.forEach((e) => {
+		for (let n = 0; n < t; n++) e.unshift(i), e.push(i);
+	});
+	for (let n = 0; n < t; n++) e.types.unshift(Array.from({ length: r }, (e) => i)), e.types.push(Array.from({ length: r }, (e) => i));
+	return e;
+}
+function Dt(e) {
+	return e.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function Ot(e, t = {}) {
+	let n = Tt(e, t), { pixelSize: r = 10, whiteColor: i = "white", blackColor: a = "black" } = t, o = n.size * r, s = n.size * r, c = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${s} ${o}">`, l = [];
+	for (let e = 0; e < n.size; e++) for (let t = 0; t < n.size; t++) {
+		let i = t * r, a = e * r;
+		n.data[e][t] && l.push(`M${i},${a}h${r}v${r}h-${r}z`);
+	}
+	return c += `<rect fill="${Dt(i)}" width="${s}" height="${o}"/>`, c += `<path fill="${Dt(a)}" d="${l.join("")}"/>`, c += "</svg>", c;
+}
+// src/element/ui/qr.ts
+function kt(e) {
+	if (e) try {
+		return Ot(e, {
+			border: 2,
+			ecc: "H"
+		});
+	} catch {
+		return;
+	}
+}
+// src/element/ui/wallet-connect-panel.tsx
+function At({ id: e, name: t, icon: n, detected: r, installUrl: i, connecting: o, error: c, onRemote: l, onConnect: u }) {
+	let [d, f] = H(!1), p = We(), [m, h] = H(""), [g, _] = H(0);
+	U(() => {
+		if (!l) return;
+		let e = !0;
+		return h(""), l((t) => {
+			e && h(t);
+		}), () => {
+			e = !1;
+		};
+	}, [e, g]);
+	let v = window.location.href, y = a(e, v), [b, x] = H(y || l ? "wallet" : "camera"), S = p ? "" : kt(b === "wallet" && y ? y : v), C = p || !m ? "" : kt(m), w = m ? s(e, m) : void 0;
+	async function T() {
+		try {
+			await navigator.clipboard.writeText(m), f(!0), window.setTimeout(() => f(!1), 1600);
+		} catch {
+			window.prompt("Copy this connection code", m);
+		}
+	}
+	async function E() {
+		try {
+			await navigator.clipboard.writeText(v), f(!0), window.setTimeout(() => f(!1), 1600);
+		} catch {
+			window.prompt("Copy this payment link", v);
+		}
+	}
+	return r ? /* @__PURE__ */ K("div", {
+		class: "connect-panel connect-status",
+		children: [
+			/* @__PURE__ */ K("span", {
+				class: "connect-status-mark",
+				children: [/* @__PURE__ */ K(q, {
+					id: e,
+					name: t,
+					icon: n,
+					size: "lg"
+				}), o ? /* @__PURE__ */ K("svg", {
+					class: "connect-spinner",
+					viewBox: "0 0 100 100",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ K("circle", {
+						cx: "50",
+						cy: "50",
+						r: "46",
+						fill: "none",
+						stroke: "currentColor",
+						"stroke-width": "4",
+						"stroke-linecap": "round",
+						"stroke-dasharray": "72 217"
+					})
+				}) : null]
+			}),
+			/* @__PURE__ */ K("p", {
+				class: `connect-status-title${c ? " is-error" : ""}`,
+				children: c ? "Connection declined" : `Continue in ${t}`
+			}),
+			/* @__PURE__ */ K("p", {
+				class: "connect-status-note",
+				children: c || `Accept the connection request in ${t}.`
+			}),
+			/* @__PURE__ */ K("button", {
+				type: "button",
+				class: "secondary connect-retry",
+				onClick: () => u(r),
+				children: [/* @__PURE__ */ K("svg", {
+					class: "connect-retry-icon",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"aria-hidden": "true",
+					children: [/* @__PURE__ */ K("path", { d: "M21 12a9 9 0 1 1-2.64-6.36" }), /* @__PURE__ */ K("path", { d: "M21 3v6h-6" })]
+				}), "Try again"]
+			})
+		]
+	}) : l ? /* @__PURE__ */ K("div", {
+		class: `connect-panel${p ? " connect-handoff" : ""}`,
+		children: [p ? /* @__PURE__ */ K(M, { children: [c ? /* @__PURE__ */ K("button", {
+			type: "button",
+			class: "secondary connect-retry",
+			onClick: () => _((e) => e + 1),
+			children: "Try again"
+		}) : w ? /* @__PURE__ */ K("a", {
+			class: "primary connect-open",
+			href: w,
+			children: ["Open in ", t]
+		}) : m ? /* @__PURE__ */ K("button", {
+			type: "button",
+			class: "secondary connect-copy",
+			onClick: T,
+			children: d ? "Copied" : "Copy connection code"
+		}) : null, /* @__PURE__ */ K("p", {
+			class: "qr-caption",
+			children: c || (m ? w ? `Approve the connection in ${t}, then come back here.` : `Copy this code and paste it into ${t} to connect.` : "Preparing a connection…")
+		})] }) : /* @__PURE__ */ K(M, { children: [
+			/* @__PURE__ */ K("div", {
+				class: "portal-tabs qr-tabs",
+				role: "tablist",
+				children: [/* @__PURE__ */ K("button", {
+					type: "button",
+					role: "tab",
+					"aria-selected": b === "wallet",
+					class: `portal-tab${b === "wallet" ? " is-active" : ""}`,
+					onClick: () => x("wallet"),
+					children: "Wallet app"
+				}), /* @__PURE__ */ K("button", {
+					type: "button",
+					role: "tab",
+					"aria-selected": b === "camera",
+					class: `portal-tab${b === "camera" ? " is-active" : ""}`,
+					onClick: () => x("camera"),
+					children: "Phone camera"
+				})]
+			}),
+			/* @__PURE__ */ K("div", {
+				class: "qr-frame",
+				children: [b === "camera" ? S ? /* @__PURE__ */ K("div", {
+					class: "qr",
+					dangerouslySetInnerHTML: { __html: S }
+				}) : /* @__PURE__ */ K("div", {
+					class: "qr qr-fallback",
+					children: /* @__PURE__ */ K("code", { children: v })
+				}) : C ? /* @__PURE__ */ K("div", {
+					class: "qr",
+					dangerouslySetInnerHTML: { __html: C }
+				}) : c ? /* @__PURE__ */ K("div", {
+					class: "qr qr-fallback",
+					children: /* @__PURE__ */ K("code", { children: "Connection failed" })
+				}) : /* @__PURE__ */ K("div", {
+					class: "qr",
+					children: /* @__PURE__ */ K("svg", {
+						class: "qr-spinner",
+						viewBox: "0 0 100 100",
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ K("circle", {
+							cx: "50",
+							cy: "50",
+							r: "46",
+							fill: "none",
+							stroke: "currentColor",
+							"stroke-width": "4",
+							"stroke-linecap": "round",
+							"stroke-dasharray": "72 217"
+						})
+					})
+				}), b === "wallet" && (C || c) ? /* @__PURE__ */ K("span", {
+					class: "qr-badge",
+					children: /* @__PURE__ */ K(q, {
+						id: e,
+						name: t,
+						icon: n,
+						size: "lg"
+					})
+				}) : null]
+			}),
+			/* @__PURE__ */ K("p", {
+				class: "qr-caption",
+				children: b === "camera" ? "Scan with your phone’s camera to open this checkout on your phone" : c || (m ? `Scan this from inside ${t} to connect` : "Preparing a connection…")
+			}),
+			b === "camera" ? /* @__PURE__ */ K("button", {
+				type: "button",
+				class: "link-button qr-copy",
+				onClick: E,
+				children: d ? "Copied" : "Copy link"
+			}) : c ? /* @__PURE__ */ K("button", {
+				type: "button",
+				class: "link-button qr-copy",
+				onClick: () => _((e) => e + 1),
+				children: "Try again"
+			}) : m ? /* @__PURE__ */ K("button", {
+				type: "button",
+				class: "link-button qr-copy",
+				onClick: T,
+				children: d ? "Copied" : "Copy to clipboard"
+			}) : null
+		] }), /* @__PURE__ */ K("div", {
+			class: "install-row",
+			children: [/* @__PURE__ */ K("span", { children: [
+				"Don’t have ",
+				t,
+				"?"
+			] }), i ? /* @__PURE__ */ K("a", {
+				class: "secondary",
+				href: i,
+				target: "_blank",
+				rel: "noreferrer noopener",
+				children: "Get"
+			}) : null]
+		})]
+	}) : /* @__PURE__ */ K("div", {
+		class: `connect-panel${p ? " connect-handoff" : ""}`,
+		children: [p ? /* @__PURE__ */ K(M, { children: [y ? /* @__PURE__ */ K("a", {
+			class: "primary connect-open",
+			href: y,
+			children: ["Open in ", t]
+		}) : null, /* @__PURE__ */ K("p", {
+			class: "qr-caption",
+			children: y ? `${t} opens with this checkout loaded.` : `Open ${t} and browse to this page to pay.`
+		})] }) : /* @__PURE__ */ K(M, { children: [
+			y ? /* @__PURE__ */ K("div", {
+				class: "portal-tabs qr-tabs",
+				role: "tablist",
+				children: [/* @__PURE__ */ K("button", {
+					type: "button",
+					role: "tab",
+					"aria-selected": b === "wallet",
+					class: `portal-tab${b === "wallet" ? " is-active" : ""}`,
+					onClick: () => x("wallet"),
+					children: "Wallet app"
+				}), /* @__PURE__ */ K("button", {
+					type: "button",
+					role: "tab",
+					"aria-selected": b === "camera",
+					class: `portal-tab${b === "camera" ? " is-active" : ""}`,
+					onClick: () => x("camera"),
+					children: "Phone camera"
+				})]
+			}) : null,
+			/* @__PURE__ */ K("div", {
+				class: "qr-frame",
+				children: [S ? /* @__PURE__ */ K("div", {
+					class: "qr",
+					dangerouslySetInnerHTML: { __html: S }
+				}) : /* @__PURE__ */ K("div", {
+					class: "qr qr-fallback",
+					children: /* @__PURE__ */ K("code", { children: v })
+				}), b === "wallet" && y ? /* @__PURE__ */ K("span", {
+					class: "qr-badge",
+					children: /* @__PURE__ */ K(q, {
+						id: e,
+						name: t,
+						icon: n,
+						size: "lg"
+					})
+				}) : null]
+			}),
+			/* @__PURE__ */ K("p", {
+				class: "qr-caption",
+				children: S ? b === "wallet" ? `Scan from inside the ${t} app to pay there` : "Scan with your phone’s camera to open this checkout on your phone" : "Open this link on your phone to pay from a mobile wallet"
+			}),
+			b === "camera" ? /* @__PURE__ */ K("button", {
+				type: "button",
+				class: "link-button qr-copy",
+				onClick: E,
+				children: d ? "Copied" : "Copy link"
+			}) : null
+		] }), /* @__PURE__ */ K("div", {
+			class: "install-row",
+			children: [/* @__PURE__ */ K("span", { children: [
+				"Don’t have ",
+				t,
+				"?"
+			] }), i ? /* @__PURE__ */ K("a", {
+				class: "secondary",
+				href: i,
+				target: "_blank",
+				rel: "noreferrer noopener",
+				children: "Get"
+			}) : null]
+		})]
+	});
+}
+// src/element/ui/wallet-dialog.tsx
+var jt = 5;
+function Mt({ open: e, wallets: t, registry: n = [], connecting: r, connected: i, error: a, initialWalletId: o, remotePairing: s, onSelect: c, onClose: l }) {
+	let u = je(null), [d, f] = H(""), [p, m] = H(), [h, g] = H(!1);
+	U(() => {
+		let t = u.current;
+		t && (e && !t.open ? (t.showModal(), f(""), m(o ? _.find((e) => e.id === o) : void 0), g(!1)) : !e && t.open && t.close());
+	}, [e, o]), U(() => {
+		if (!e) return;
+		let t = document.documentElement, n = {
+			overflow: t.style.overflow,
+			padding: t.style.paddingRight
+		}, r = window.innerWidth - t.clientWidth;
+		return t.style.overflow = "hidden", r > 0 && (t.style.paddingRight = `${r}px`), () => {
+			t.style.overflow = n.overflow, t.style.paddingRight = n.padding;
+		};
+	}, [e]), U(() => {
+		let e = u.current;
+		if (!e) return;
+		let t = () => l();
+		return e.addEventListener("close", t), () => e.removeEventListener("close", t);
+	}, [l]);
+	let _ = W(() => {
+		let e = new Map(t.map((e) => [e.id, e])), r = n.map((t) => {
+			let n = e.get(t.id);
+			return {
+				id: t.id,
+				name: t.name,
+				icon: n?.icon,
+				detected: n,
+				installUrl: t.installUrl
+			};
+		});
+		for (let e of t) r.some((t) => t.id === e.id) || r.push({
+			id: e.id,
+			name: e.name,
+			icon: e.icon,
+			detected: e
+		});
+		return r.sort((e, t) => Number(!!t.detected) - Number(!!e.detected));
+	}, [t, n]), v = We();
+	U(() => {
+		i && l();
+	}, [i, l]);
+	let y = W(() => {
+		let e = d.trim().toLowerCase();
+		return e ? _.filter((t) => t.name.toLowerCase().includes(e)) : _;
+	}, [_, d]), b = W(() => h ? y : _.slice(0, jt), [
+		h,
+		y,
+		_
+	]);
+	return /* @__PURE__ */ K("dialog", {
+		ref: u,
+		class: "wallet-dialog",
+		"aria-label": "All wallets",
+		onClick: (e) => {
+			e.target === u.current && l();
+		},
+		children: /* @__PURE__ */ K("div", {
+			class: "wallet-dialog-body",
+			children: [/* @__PURE__ */ K("div", {
+				class: "wallet-dialog-head",
+				children: [
+					p || h ? /* @__PURE__ */ K("button", {
+						type: "button",
+						class: "icon-button",
+						"aria-label": "Back",
+						onClick: () => {
+							p ? m(void 0) : (g(!1), f(""));
+						},
+						children: "‹"
+					}) : /* @__PURE__ */ K("span", { class: "icon-button-spacer" }),
+					/* @__PURE__ */ K("h2", { children: p ? p.name : h ? "All wallets" : "Connect wallet" }),
+					/* @__PURE__ */ K("button", {
+						type: "button",
+						class: "icon-button",
+						"aria-label": "Close",
+						onClick: l,
+						children: "×"
+					})
+				]
+			}), p ? /* @__PURE__ */ K(At, {
+				id: p.id,
+				name: p.name,
+				icon: p.icon,
+				detected: p.detected,
+				installUrl: p.installUrl,
+				connecting: r,
+				error: a,
+				onRemote: p.detected ? void 0 : s?.(p.id),
+				onConnect: c
+			}) : /* @__PURE__ */ K(M, { children: [
+				h ? /* @__PURE__ */ K("input", {
+					type: "search",
+					class: "wallet-search",
+					placeholder: "Search wallet",
+					"aria-label": "Search wallet",
+					value: d,
+					onInput: (e) => f(e.target.value)
+				}) : null,
+				h ? /* @__PURE__ */ K("div", {
+					class: "wallet-grid",
+					children: b.map((e) => /* @__PURE__ */ K("button", {
+						type: "button",
+						class: "wallet-tile",
+						"aria-label": e.detected ? `${e.name}, installed` : e.name,
+						onClick: () => {
+							m(e), e.detected && c(e.detected);
+						},
+						children: [
+							/* @__PURE__ */ K(q, {
+								id: e.id,
+								name: e.name,
+								icon: e.icon,
+								size: "lg"
+							}),
+							/* @__PURE__ */ K("span", {
+								class: "wallet-tile-name",
+								children: e.name
+							}),
+							e.detected ? /* @__PURE__ */ K("span", {
+								class: "wallet-tile-badge",
+								"aria-hidden": "true",
+								children: /* @__PURE__ */ K("svg", {
+									viewBox: "0 0 24 24",
+									fill: "none",
+									stroke: "currentColor",
+									"stroke-width": "3",
+									"stroke-linecap": "round",
+									"stroke-linejoin": "round",
+									children: /* @__PURE__ */ K("path", { d: "m5 13 4 4L19 7" })
+								})
+							}) : null
+						]
+					}, e.id))
+				}) : /* @__PURE__ */ K("div", {
+					class: "wallet-list",
+					children: b.map((e) => /* @__PURE__ */ K("button", {
+						type: "button",
+						class: "wallet-row",
+						onClick: () => {
+							m(e), e.detected && c(e.detected);
+						},
+						children: [
+							/* @__PURE__ */ K(q, {
+								id: e.id,
+								name: e.name,
+								icon: e.icon,
+								size: "lg"
+							}),
+							/* @__PURE__ */ K("span", {
+								class: "wallet-row-name",
+								children: e.name
+							}),
+							e.detected ? /* @__PURE__ */ K("span", {
+								class: "wallet-row-tag is-installed",
+								children: "Installed"
+							}) : v ? /* @__PURE__ */ K("span", {
+								class: "wallet-row-tag is-muted",
+								children: "Get"
+							}) : null,
+							/* @__PURE__ */ K("span", {
+								class: "wallet-row-chevron",
+								"aria-hidden": "true",
+								children: "›"
+							})
+						]
+					}, e.id))
+				}),
+				!h && _.length > jt ? /* @__PURE__ */ K("button", {
+					type: "button",
+					class: "wallet-row wallet-search-row",
+					onClick: () => g(!0),
+					children: [
+						/* @__PURE__ */ K("span", {
+							class: "wallet-search-icon",
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ K("svg", {
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								"stroke-width": "2",
+								"stroke-linecap": "round",
+								children: [/* @__PURE__ */ K("circle", {
+									cx: "11",
+									cy: "11",
+									r: "7"
+								}), /* @__PURE__ */ K("path", { d: "m20 20-3.5-3.5" })]
+							})
+						}),
+						/* @__PURE__ */ K("span", {
+							class: "wallet-row-name",
+							children: "Search wallet"
+						}),
+						/* @__PURE__ */ K("span", {
+							class: "wallet-row-count",
+							children: _.length
+						}),
+						/* @__PURE__ */ K("span", {
+							class: "wallet-row-chevron",
+							"aria-hidden": "true",
+							children: "›"
+						})
+					]
+				}) : null,
+				h && b.length === 0 ? /* @__PURE__ */ K("p", {
+					class: "muted wallet-empty",
+					children: [
+						"No wallet matches “",
+						d,
+						"”."
+					]
+				}) : null
+			] })]
+		})
+	});
+}
+// src/element/ui/wallet-list.tsx
+var Nt = 3, Pt = ["metamask", "coinbase"], Ft = 2;
+function It({ wallets: e, registry: t = [], connecting: n, connected: r, error: i, remotePairing: a, onSelect: o }) {
+	let s = Ue(), [c, l] = H(!1), [u, d] = H(), f = e.slice(0, Nt), p = e.length > f.length || t.length > f.length, m = e.length === 0 ? [...Pt.map((e) => t.find((t) => t.id === e)), ...t].filter((e) => e !== void 0).filter((e, t, n) => n.findIndex((t) => t.id === e.id) === t).slice(0, Ft) : [], h = new Set(f.map((e) => e.id)), g = t.filter((e) => !h.has(e.id)).map((e) => ({
+		id: e.id,
+		src: s(e.id)
+	})).filter((e) => e.src).slice(0, 3);
+	return /* @__PURE__ */ K("div", {
+		class: "wallets",
+		children: [
+			f.map((e) => /* @__PURE__ */ K("button", {
+				type: "button",
+				class: "wallet",
+				onClick: () => o(e),
+				children: [
+					/* @__PURE__ */ K(q, {
+						id: e.id,
+						name: e.name,
+						icon: e.icon
+					}),
+					/* @__PURE__ */ K("span", {
+						class: "wallet-name",
+						children: e.name
+					}),
+					/* @__PURE__ */ K("span", {
+						class: "wallet-tag",
+						children: "Detected"
+					})
+				]
+			}, e.id)),
+			m.map((e) => /* @__PURE__ */ K("button", {
+				type: "button",
+				class: "wallet",
+				onClick: () => {
+					d(e.id), l(!0);
+				},
+				children: [/* @__PURE__ */ K(q, {
+					id: e.id,
+					name: e.name
+				}), /* @__PURE__ */ K("span", {
+					class: "wallet-name",
+					children: e.name
+				})]
+			}, e.id)),
+			f.length === 0 && m.length === 0 && !p ? /* @__PURE__ */ K("p", {
+				class: "muted",
+				children: "Loading wallets…"
+			}) : null,
+			p ? /* @__PURE__ */ K("button", {
+				type: "button",
+				class: "wallet wallet-more-button",
+				onClick: () => {
+					d(void 0), l(!0);
+				},
+				children: [g.length > 0 ? /* @__PURE__ */ K("span", {
+					class: "wallet-stack",
+					"aria-hidden": "true",
+					children: g.map((e) => /* @__PURE__ */ K("img", {
+						src: e.src,
+						alt: "",
+						width: 16,
+						height: 16,
+						loading: "lazy",
+						decoding: "async"
+					}, e.id))
+				}) : /* @__PURE__ */ K("span", {
+					class: "wallet-mark",
+					"aria-hidden": "true",
+					children: "···"
+				}), /* @__PURE__ */ K("span", {
+					class: "wallet-name",
+					children: "Other wallets"
+				})]
+			}) : null,
+			/* @__PURE__ */ K(Mt, {
+				open: c,
+				wallets: e,
+				registry: t,
+				connecting: n,
+				connected: r,
+				error: i,
+				initialWalletId: u,
+				remotePairing: a,
+				onClose: () => l(!1),
+				onSelect: o
+			})
+		]
+	});
+}
+// src/element/ui/app.tsx
+var Lt = 1;
+function Rt(e) {
+	let [t, n] = H(e.getState);
+	return U(() => (n(e.getState()), e.subscribe(() => n(e.getState()))), [e]), t;
+}
+function zt({ kit: e, request: t, variant: n, onResult: r, onError: i, onClose: o }) {
+	let s = Rt(e), u = We(), d = je(!1), [f, p] = H(), m = t.family ? [t.family] : ["evm", "svm"], h = W(() => {
+		let e = [], t = /* @__PURE__ */ new Set(), n = (n) => {
+			let r = n.name.trim().toLowerCase();
+			t.has(n.id) || t.has(r) || (t.add(n.id), t.add(r), e.push(n));
+		};
+		if (m.includes("evm")) for (let e of s.evm.available) n({
+			...e,
+			family: "evm",
+			evm: e
+		});
+		if (m.includes("svm")) for (let e of s.svm.available) n({
+			...e,
+			family: "svm",
+			svm: e
+		});
+		return e;
+	}, [
+		s.evm.available,
+		s.svm.available,
+		t.family
+	]), g = W(() => {
+		let e = /* @__PURE__ */ new Set(), t = [];
+		for (let n of m) for (let r of l(s.catalog, n)) e.has(r.id) || (e.add(r.id), t.push(r));
+		let n = new Set(h.map((e) => e.id)), r = new Set(h.map((e) => e.name.trim().toLowerCase()));
+		return t.filter((e) => n.has(e.id) || !r.has(e.name.trim().toLowerCase()));
+	}, [
+		s.catalog,
+		t.family,
+		h
+	]), _ = s.evm.connecting || s.svm.connecting, v = f === "svm" ? s.svm.error : s.evm.error, y = Me((t) => {
+		p(t.family), t.evm ? e.connectEvm(t.evm) : t.svm && e.connectSvm(t.svm);
+	}, [e]), b = Me((n) => {
+		if (!e.canPairRemotely() || m.length === 1 && m[0] === "svm") return;
+		let r = g.find((e) => e.id === n);
+		if (r && !a(r.id, window.location.href) && (u || c(r.id))) return (n) => {
+			p("evm"), e.connectRemote(r, t.chainId ?? Lt, n);
+		};
+	}, [
+		e,
+		u,
+		g,
+		t.chainId,
+		t.family
+	]), x = f === "svm" ? s.svm.connected : s.evm.connected;
+	return f && x && (d.current = !0), U(() => {
+		if (!f || !x) return;
+		let n = !0;
+		return (async () => {
+			try {
+				if (f === "evm" && t.chainId !== void 0 && !await e.ensureChain(t.chainId)) {
+					d.current = !1, n && i(e.getState().evm.error || "The wallet stayed on another network.");
+					return;
+				}
+				let a = await e.resolveIntent(f, t);
+				if (!n) return;
+				t.keepAlive || e.disconnect(f), r(a);
+			} catch (e) {
+				n && i(e instanceof Error ? e.message : "Could not read the wallet.");
+			}
+		})(), () => {
+			n = !1;
+		};
+	}, [
+		f,
+		x?.address,
+		x?.walletId
+	]), n === "modal" ? /* @__PURE__ */ K(He, {
+		base: s.assetBase,
+		children: /* @__PURE__ */ K(Mt, {
+			open: !0,
+			wallets: h,
+			registry: g,
+			connecting: _,
+			connected: !!x,
+			error: v,
+			remotePairing: b,
+			onSelect: y,
+			onClose: () => {
+				d.current || o();
+			}
+		})
+	}) : /* @__PURE__ */ K(He, {
+		base: s.assetBase,
+		children: /* @__PURE__ */ K(It, {
+			wallets: h,
+			registry: g,
+			connecting: _,
+			connected: !!x,
+			error: v,
+			remotePairing: b,
+			onSelect: y
+		})
+	});
+}
+// src/element/element.ts
+var $ = class extends HTMLElement {
+	static tagName = "reclack-connect";
+	static get observedAttributes() {
+		return [
+			"family",
+			"chain-id",
+			"intent",
+			"keep-alive",
+			"variant",
+			"theme-mode",
+			"asset-base",
+			"api-url",
+			"brand",
+			"radius",
+			"font"
+		];
+	}
+	#e;
+	#t = !0;
+	set kit(e) {
+		this.useKit(e);
+	}
+	get kit() {
+		return this.#e ||= n({
+			assetBase: this.getAttribute("asset-base") ?? void 0,
+			apiUrl: this.getAttribute("api-url") ?? void 0
+		}), this.#e;
+	}
+	#n = { intent: ["address"] };
+	#r;
+	set request(e) {
+		this.#n = e, this.#a && this.#_();
+	}
+	get request() {
+		return this.#n;
+	}
+	set theme(e) {
+		this.#r = e, this.#a && (this.#p(), this.#_());
+	}
+	get theme() {
+		return this.#r;
+	}
+	#i;
+	#a = !1;
+	#o;
+	#s = "light";
+	#c;
+	#l = !1;
+	get scheme() {
+		return this.#s;
+	}
+	constructor() {
+		super(), this.#i = this.attachShadow({ mode: "open" }), Vt(this.#i), Wt(this.#i);
+	}
+	connectedCallback() {
+		this.#a = !0, queueMicrotask(() => {
+			!this.#a || this.#o || this.#u();
+		});
+	}
+	#u() {
+		this.#o = this.kit.subscribe(() => this.#f()), this.#p(), this.#_();
+	}
+	disconnectedCallback() {
+		this.#a = !1, this.#o?.(), this.#o = void 0, this.#c?.(), this.#c = void 0, ve(null, this.#i), this.#t && !this.#h().keepAlive && this.kit.destroy();
+	}
+	attributeChangedCallback() {
+		this.#a && (this.#p(), this.#_());
+	}
+	useKit(e) {
+		this.#t && this.#e?.destroy(), this.#e = e, this.#t = !1, this.#a && (this.#o?.(), this.#o = void 0, this.#u());
+	}
+	#d;
+	#f() {
+		(this.#r ?? this.kit.getState().theme) !== this.#d && this.#p(), this.#_();
+	}
+	#p() {
+		this.#c?.();
+		let e = this.#m();
+		this.#d = this.#r ?? this.#e?.getState().theme, this.#c = i(e?.mode, (n) => {
+			this.#s = n, t(this, e, n);
+		});
+	}
+	#m() {
+		if (this.#r) return this.#r;
+		let e = this.#e?.getState().theme;
+		if (e) return e;
+		let t = this.getAttribute("theme-mode");
+		return {
+			mode: t === "light" || t === "dark" ? t : "system",
+			brand: this.getAttribute("brand") ?? void 0,
+			radius: this.getAttribute("radius") ?? void 0,
+			fontFamily: this.getAttribute("font") ?? void 0
+		};
+	}
+	#h() {
+		let e = this.getAttribute("intent"), t = e ? e.split(",").map((e) => e.trim()).filter((e) => e === "address" || e === "balance") : this.#n.intent, n = this.getAttribute("family"), r = this.getAttribute("chain-id");
+		return {
+			...this.#n,
+			intent: t.length > 0 ? t : ["address"],
+			family: n === "evm" || n === "svm" ? n : this.#n.family,
+			chainId: r ? Number(r) : this.#n.chainId,
+			keepAlive: this.hasAttribute("keep-alive") || this.#n.keepAlive
+		};
+	}
+	#g() {
+		return this.getAttribute("variant") === "modal" ? "modal" : "inline";
+	}
+	#_() {
+		this.#l || (this.#l = !0, queueMicrotask(() => {
+			this.#l = !1, this.#a && this.#v();
+		}));
+	}
+	#v() {
+		ve(A(zt, {
+			kit: this.kit,
+			request: this.#h(),
+			variant: this.#g(),
+			onResult: (e) => this.#y("connect", e),
+			onError: (e) => this.#y("connect-error", { message: e }),
+			onClose: () => this.#y("cancel", void 0)
+		}), this.#i);
+	}
+	#y(e, t) {
+		this.dispatchEvent(new CustomEvent(e, {
+			detail: t,
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+}, Bt;
+function Vt(e) {
+	if (typeof CSSStyleSheet < "u" && "adoptedStyleSheets" in e) {
+		Bt || (Bt = new CSSStyleSheet(), Bt.replaceSync(be)), e.adoptedStyleSheets = [Bt];
+		return;
+	}
+	let t = document.createElement("style");
+	t.textContent = be, e.append(t);
+}
+function Ht(e = $.tagName) {
+	typeof customElements > "u" || customElements.get(e) || customElements.define(e, $);
+}
+function Ut(e = { intent: ["address"] }) {
+	Ht();
+	let { kit: t, kitOptions: r, theme: i, container: a, ...o } = e;
+	if (o.keepAlive && !t && !r) throw Error("connectWallet with keepAlive needs a kit of your own to keep the connection on.");
+	let s = document.createElement($.tagName);
+	return t ? s.useKit(t) : r && s.useKit(n(r)), s.request = o, s.theme = i, s.setAttribute("variant", "modal"), (a ?? document.body).append(s), new Promise((e, t) => {
+		let n = (e) => {
+			s.remove(), e();
+		};
+		s.addEventListener("connect", (t) => {
+			n(() => e(t.detail));
+		}), s.addEventListener("cancel", () => {
+			n(() => t(/* @__PURE__ */ Error("The wallet prompt was closed.")));
+		}), s.addEventListener("connect-error", (e) => {
+			let r = e.detail;
+			n(() => t(Error(r?.message ?? "Could not connect.")));
+		});
+	});
+}
+function Wt(e) {
+	let t = (e) => {
+		Gt(e) && e.stopPropagation();
+	};
+	e.addEventListener("wheel", t), e.addEventListener("touchmove", t);
+}
+function Gt(e) {
+	for (let t of e.composedPath()) {
+		if (!(t instanceof Element)) return !1;
+		if (t.scrollHeight <= t.clientHeight) continue;
+		let e = getComputedStyle(t).overflowY;
+		if (e === "auto" || e === "scroll") return !0;
+	}
+	return !1;
+}
+// src/element/props.ts
+var Kt = {
+	variant: "variant",
+	family: "family",
+	chainId: "chain-id",
+	themeMode: "theme-mode",
+	brand: "brand",
+	radius: "radius",
+	fontFamily: "font",
+	assetBase: "asset-base",
+	apiUrl: "api-url"
+};
+function qt(e) {
+	let t = {};
+	for (let [n, r] of Object.entries(Kt)) {
+		let i = e[n];
+		i !== void 0 && (t[r] = String(i));
+	}
+	return e.intent?.length && (t.intent = e.intent.join(",")), e.keepAlive && (t["keep-alive"] = ""), t;
+}
+var Jt = {
+	connect: "onConnect",
+	cancel: "onCancel",
+	"connect-error": "onError"
+};
+// src/element/index.ts
+Ht();
+export { Kt as ATTRIBUTES, Jt as EVENTS, $ as ReclackConnectElement, qt as attributesOf, Ut as connectWallet, Ht as defineWalletElement };