@openlv/modal 0.0.1-beta.10 → 0.0.1-beta.11

package/dist/index.es.js

@@ -1,372 +1,371 @@
-var vr = Object.defineProperty;
-var mr = (t, e, r) => e in t ? vr(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-var Ct = (t, e, r) => mr(t, typeof e != "symbol" ? e + "" : e, r);
-import { jsx as s, jsxs as v, Fragment as ht } from "preact/jsx-runtime";
-import { useState as P, useEffect as I, useCallback as K, useMemo as vt, useContext as zt, useRef as G, useReducer as Ve, useLayoutEffect as yt, useImperativeHandle as Me, useId as Fe, useDebugValue as ze } from "preact/hooks";
-import { render as mt, h as br, createContext as le, createElement as tt, Fragment as St, Component as bt, createRef as yr, toChildArray as it, cloneElement as wr, hydrate as xr, options as U } from "preact";
-import * as kr from "qrcode-generator";
-const Cr = 1, Nr = (t) => {
+var rr = Object.defineProperty;
+var nr = (t, e, n) => e in t ? rr(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var wt = (t, e, n) => nr(t, typeof e != "symbol" ? e + "" : e, n);
+import { render as or, createComponent as l, mergeProps as W, memo as pt, template as b, insert as g, effect as rt, setAttribute as et, delegateEvents as ft, addEventListener as ne, spread as Qt, Dynamic as ar, className as H, style as be, use as ir } from "solid-js/web";
+import { useContext as Me, createContext as Pe, createSignal as O, createEffect as J, onCleanup as X, createMemo as K, onMount as oe, Show as bt, Switch as Ve, Match as vt, splitProps as ae, For as ct, mergeProps as je } from "solid-js";
+import * as sr from "qrcode-generator";
+const lr = 1, cr = (t) => {
   const e = new URLSearchParams();
-  return e.set("h", t.h), e.set("k", t.k), t.p && e.set("p", t.p), t.s && e.set("s", t.s), `openlv://${t.sessionId}@${Cr}?${e.toString()}`;
+  return e.set("h", t.h), e.set("k", t.k), t.p && e.set("p", t.p), t.s && e.set("s", t.s), `openlv://${t.sessionId}@${lr}?${e.toString()}`;
 };
-function _r(t) {
+function dr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Jt = { exports: {} }, pe;
-function Sr() {
-  return pe || (pe = 1, (function(t) {
-    var e = Object.prototype.hasOwnProperty, r = "~";
-    function n() {
+var Ht = { exports: {} }, me;
+function ur() {
+  return me || (me = 1, (function(t) {
+    var e = Object.prototype.hasOwnProperty, n = "~";
+    function r() {
     }
-    Object.create && (n.prototype = /* @__PURE__ */ Object.create(null), new n().__proto__ || (r = !1));
-    function o(c, u, d) {
-      this.fn = c, this.context = u, this.once = d || !1;
+    Object.create && (r.prototype = /* @__PURE__ */ Object.create(null), new r().__proto__ || (n = !1));
+    function o(c, d, u) {
+      this.fn = c, this.context = d, this.once = u || !1;
     }
-    function a(c, u, d, p, k) {
-      if (typeof d != "function")
+    function a(c, d, u, v, f) {
+      if (typeof u != "function")
         throw new TypeError("The listener must be a function");
-      var m = new o(d, p || c, k), y = r ? r + u : u;
-      return c._events[y] ? c._events[y].fn ? c._events[y] = [c._events[y], m] : c._events[y].push(m) : (c._events[y] = m, c._eventsCount++), c;
+      var h = new o(u, v || c, f), m = n ? n + d : d;
+      return c._events[m] ? c._events[m].fn ? c._events[m] = [c._events[m], h] : c._events[m].push(h) : (c._events[m] = h, c._eventsCount++), c;
     }
-    function i(c, u) {
-      --c._eventsCount === 0 ? c._events = new n() : delete c._events[u];
+    function s(c, d) {
+      --c._eventsCount === 0 ? c._events = new r() : delete c._events[d];
     }
-    function l() {
-      this._events = new n(), this._eventsCount = 0;
+    function i() {
+      this._events = new r(), this._eventsCount = 0;
     }
-    l.prototype.eventNames = function() {
-      var u = [], d, p;
-      if (this._eventsCount === 0) return u;
-      for (p in d = this._events)
-        e.call(d, p) && u.push(r ? p.slice(1) : p);
-      return Object.getOwnPropertySymbols ? u.concat(Object.getOwnPropertySymbols(d)) : u;
-    }, l.prototype.listeners = function(u) {
-      var d = r ? r + u : u, p = this._events[d];
-      if (!p) return [];
-      if (p.fn) return [p.fn];
-      for (var k = 0, m = p.length, y = new Array(m); k < m; k++)
-        y[k] = p[k].fn;
-      return y;
-    }, l.prototype.listenerCount = function(u) {
-      var d = r ? r + u : u, p = this._events[d];
-      return p ? p.fn ? 1 : p.length : 0;
-    }, l.prototype.emit = function(u, d, p, k, m, y) {
-      var E = r ? r + u : u;
-      if (!this._events[E]) return !1;
-      var f = this._events[E], x = arguments.length, g, h;
-      if (f.fn) {
-        switch (f.once && this.removeListener(u, f.fn, void 0, !0), x) {
+    i.prototype.eventNames = function() {
+      var d = [], u, v;
+      if (this._eventsCount === 0) return d;
+      for (v in u = this._events)
+        e.call(u, v) && d.push(n ? v.slice(1) : v);
+      return Object.getOwnPropertySymbols ? d.concat(Object.getOwnPropertySymbols(u)) : d;
+    }, i.prototype.listeners = function(d) {
+      var u = n ? n + d : d, v = this._events[u];
+      if (!v) return [];
+      if (v.fn) return [v.fn];
+      for (var f = 0, h = v.length, m = new Array(h); f < h; f++)
+        m[f] = v[f].fn;
+      return m;
+    }, i.prototype.listenerCount = function(d) {
+      var u = n ? n + d : d, v = this._events[u];
+      return v ? v.fn ? 1 : v.length : 0;
+    }, i.prototype.emit = function(d, u, v, f, h, m) {
+      var C = n ? n + d : d;
+      if (!this._events[C]) return !1;
+      var p = this._events[C], L = arguments.length, M, y;
+      if (p.fn) {
+        switch (p.once && this.removeListener(d, p.fn, void 0, !0), L) {
           case 1:
-            return f.fn.call(f.context), !0;
+            return p.fn.call(p.context), !0;
           case 2:
-            return f.fn.call(f.context, d), !0;
+            return p.fn.call(p.context, u), !0;
           case 3:
-            return f.fn.call(f.context, d, p), !0;
+            return p.fn.call(p.context, u, v), !0;
           case 4:
-            return f.fn.call(f.context, d, p, k), !0;
+            return p.fn.call(p.context, u, v, f), !0;
           case 5:
-            return f.fn.call(f.context, d, p, k, m), !0;
+            return p.fn.call(p.context, u, v, f, h), !0;
           case 6:
-            return f.fn.call(f.context, d, p, k, m, y), !0;
+            return p.fn.call(p.context, u, v, f, h, m), !0;
         }
-        for (h = 1, g = new Array(x - 1); h < x; h++)
-          g[h - 1] = arguments[h];
-        f.fn.apply(f.context, g);
+        for (y = 1, M = new Array(L - 1); y < L; y++)
+          M[y - 1] = arguments[y];
+        p.fn.apply(p.context, M);
       } else {
-        var D = f.length, _;
-        for (h = 0; h < D; h++)
-          switch (f[h].once && this.removeListener(u, f[h].fn, void 0, !0), x) {
+        var St = p.length, P;
+        for (y = 0; y < St; y++)
+          switch (p[y].once && this.removeListener(d, p[y].fn, void 0, !0), L) {
             case 1:
-              f[h].fn.call(f[h].context);
+              p[y].fn.call(p[y].context);
               break;
             case 2:
-              f[h].fn.call(f[h].context, d);
+              p[y].fn.call(p[y].context, u);
               break;
             case 3:
-              f[h].fn.call(f[h].context, d, p);
+              p[y].fn.call(p[y].context, u, v);
               break;
             case 4:
-              f[h].fn.call(f[h].context, d, p, k);
+              p[y].fn.call(p[y].context, u, v, f);
               break;
             default:
-              if (!g) for (_ = 1, g = new Array(x - 1); _ < x; _++)
-                g[_ - 1] = arguments[_];
-              f[h].fn.apply(f[h].context, g);
+              if (!M) for (P = 1, M = new Array(L - 1); P < L; P++)
+                M[P - 1] = arguments[P];
+              p[y].fn.apply(p[y].context, M);
           }
       }
       return !0;
-    }, l.prototype.on = function(u, d, p) {
-      return a(this, u, d, p, !1);
-    }, l.prototype.once = function(u, d, p) {
-      return a(this, u, d, p, !0);
-    }, l.prototype.removeListener = function(u, d, p, k) {
-      var m = r ? r + u : u;
-      if (!this._events[m]) return this;
-      if (!d)
-        return i(this, m), this;
-      var y = this._events[m];
-      if (y.fn)
-        y.fn === d && (!k || y.once) && (!p || y.context === p) && i(this, m);
+    }, i.prototype.on = function(d, u, v) {
+      return a(this, d, u, v, !1);
+    }, i.prototype.once = function(d, u, v) {
+      return a(this, d, u, v, !0);
+    }, i.prototype.removeListener = function(d, u, v, f) {
+      var h = n ? n + d : d;
+      if (!this._events[h]) return this;
+      if (!u)
+        return s(this, h), this;
+      var m = this._events[h];
+      if (m.fn)
+        m.fn === u && (!f || m.once) && (!v || m.context === v) && s(this, h);
       else {
-        for (var E = 0, f = [], x = y.length; E < x; E++)
-          (y[E].fn !== d || k && !y[E].once || p && y[E].context !== p) && f.push(y[E]);
-        f.length ? this._events[m] = f.length === 1 ? f[0] : f : i(this, m);
+        for (var C = 0, p = [], L = m.length; C < L; C++)
+          (m[C].fn !== u || f && !m[C].once || v && m[C].context !== v) && p.push(m[C]);
+        p.length ? this._events[h] = p.length === 1 ? p[0] : p : s(this, h);
       }
       return this;
-    }, l.prototype.removeAllListeners = function(u) {
-      var d;
-      return u ? (d = r ? r + u : u, this._events[d] && i(this, d)) : (this._events = new n(), this._eventsCount = 0), this;
-    }, l.prototype.off = l.prototype.removeListener, l.prototype.addListener = l.prototype.on, l.prefixed = r, l.EventEmitter = l, t.exports = l;
-  })(Jt)), Jt.exports;
-}
-Sr();
-const M = /* @__PURE__ */ Symbol.for("@ts-pattern/matcher"), Ue = /* @__PURE__ */ Symbol.for("@ts-pattern/isVariadic"), jt = "@ts-pattern/anonymous-select-key", Zt = (t) => !!(t && typeof t == "object"), Bt = (t) => t && !!t[M], L = (t, e, r) => {
-  if (Bt(t)) {
-    const n = t[M](), { matched: o, selections: a } = n.match(e);
-    return o && a && Object.keys(a).forEach((i) => r(i, a[i])), o;
+    }, i.prototype.removeAllListeners = function(d) {
+      var u;
+      return d ? (u = n ? n + d : d, this._events[u] && s(this, u)) : (this._events = new r(), this._eventsCount = 0), this;
+    }, i.prototype.off = i.prototype.removeListener, i.prototype.addListener = i.prototype.on, i.prefixed = n, i.EventEmitter = i, t.exports = i;
+  })(Ht)), Ht.exports;
+}
+ur();
+const z = /* @__PURE__ */ Symbol.for("@ts-pattern/matcher"), ze = /* @__PURE__ */ Symbol.for("@ts-pattern/isVariadic"), Ft = "@ts-pattern/anonymous-select-key", Jt = (t) => !!(t && typeof t == "object"), zt = (t) => t && !!t[z], R = (t, e, n) => {
+  if (zt(t)) {
+    const r = t[z](), { matched: o, selections: a } = r.match(e);
+    return o && a && Object.keys(a).forEach((s) => n(s, a[s])), o;
   }
-  if (Zt(t)) {
-    if (!Zt(e)) return !1;
+  if (Jt(t)) {
+    if (!Jt(e)) return !1;
     if (Array.isArray(t)) {
       if (!Array.isArray(e)) return !1;
-      let n = [], o = [], a = [];
-      for (const i of t.keys()) {
-        const l = t[i];
-        Bt(l) && l[Ue] ? a.push(l) : a.length ? o.push(l) : n.push(l);
+      let r = [], o = [], a = [];
+      for (const s of t.keys()) {
+        const i = t[s];
+        zt(i) && i[ze] ? a.push(i) : a.length ? o.push(i) : r.push(i);
       }
       if (a.length) {
         if (a.length > 1) throw new Error("Pattern error: Using `...P.array(...)` several times in a single pattern is not allowed.");
-        if (e.length < n.length + o.length) return !1;
-        const i = e.slice(0, n.length), l = o.length === 0 ? [] : e.slice(-o.length), c = e.slice(n.length, o.length === 0 ? 1 / 0 : -o.length);
-        return n.every((u, d) => L(u, i[d], r)) && o.every((u, d) => L(u, l[d], r)) && (a.length === 0 || L(a[0], c, r));
+        if (e.length < r.length + o.length) return !1;
+        const s = e.slice(0, r.length), i = o.length === 0 ? [] : e.slice(-o.length), c = e.slice(r.length, o.length === 0 ? 1 / 0 : -o.length);
+        return r.every((d, u) => R(d, s[u], n)) && o.every((d, u) => R(d, i[u], n)) && (a.length === 0 || R(a[0], c, n));
       }
-      return t.length === e.length && t.every((i, l) => L(i, e[l], r));
+      return t.length === e.length && t.every((s, i) => R(s, e[i], n));
     }
-    return Reflect.ownKeys(t).every((n) => {
-      const o = t[n];
-      return (n in e || Bt(a = o) && a[M]().matcherType === "optional") && L(o, e[n], r);
+    return Reflect.ownKeys(t).every((r) => {
+      const o = t[r];
+      return (r in e || zt(a = o) && a[z]().matcherType === "optional") && R(o, e[r], n);
       var a;
     });
   }
   return Object.is(e, t);
-}, V = (t) => {
-  var e, r, n;
-  return Zt(t) ? Bt(t) ? (e = (r = (n = t[M]()).getSelectionKeys) == null ? void 0 : r.call(n)) != null ? e : [] : Array.isArray(t) ? At(t, V) : At(Object.values(t), V) : [];
-}, At = (t, e) => t.reduce((r, n) => r.concat(e(n)), []);
-function Ar(...t) {
+}, j = (t) => {
+  var e, n, r;
+  return Jt(t) ? zt(t) ? (e = (n = (r = t[z]()).getSelectionKeys) == null ? void 0 : n.call(r)) != null ? e : [] : Array.isArray(t) ? Tt(t, j) : Tt(Object.values(t), j) : [];
+}, Tt = (t, e) => t.reduce((n, r) => n.concat(e(r)), []);
+function gr(...t) {
   if (t.length === 1) {
     const [e] = t;
-    return (r) => L(e, r, () => {
+    return (n) => R(e, n, () => {
     });
   }
   if (t.length === 2) {
-    const [e, r] = t;
-    return L(e, r, () => {
+    const [e, n] = t;
+    return R(e, n, () => {
     });
   }
   throw new Error(`isMatching wasn't given the right number of arguments: expected 1 or 2, received ${t.length}.`);
 }
-function B(t) {
-  return Object.assign(t, { optional: () => ce(t), and: (e) => S(t, e), or: (e) => We(t, e), select: (e) => e === void 0 ? Tt(t) : Tt(e, t) });
+function E(t) {
+  return Object.assign(t, { optional: () => ie(t), and: (e) => _(t, e), or: (e) => Fe(t, e), select: (e) => e === void 0 ? Nt(t) : Nt(e, t) });
 }
-function $t(t) {
+function Xt(t) {
   return Object.assign(((e) => Object.assign(e, { [Symbol.iterator]() {
-    let r = 0;
-    const n = [{ value: Object.assign(e, { [Ue]: !0 }), done: !1 }, { done: !0, value: void 0 }];
+    let n = 0;
+    const r = [{ value: Object.assign(e, { [ze]: !0 }), done: !1 }, { done: !0, value: void 0 }];
     return { next: () => {
       var o;
-      return (o = n[r++]) != null ? o : n.at(-1);
+      return (o = r[n++]) != null ? o : r.at(-1);
     } };
-  } }))(t), { optional: () => $t(ce(t)), select: (e) => $t(e === void 0 ? Tt(t) : Tt(e, t)) });
+  } }))(t), { optional: () => Xt(ie(t)), select: (e) => Xt(e === void 0 ? Nt(t) : Nt(e, t)) });
 }
-function ce(t) {
-  return B({ [M]: () => ({ match: (e) => {
-    let r = {};
-    const n = (o, a) => {
-      r[o] = a;
+function ie(t) {
+  return E({ [z]: () => ({ match: (e) => {
+    let n = {};
+    const r = (o, a) => {
+      n[o] = a;
     };
-    return e === void 0 ? (V(t).forEach((o) => n(o, void 0)), { matched: !0, selections: r }) : { matched: L(t, e, n), selections: r };
-  }, getSelectionKeys: () => V(t), matcherType: "optional" }) });
+    return e === void 0 ? (j(t).forEach((o) => r(o, void 0)), { matched: !0, selections: n }) : { matched: R(t, e, r), selections: n };
+  }, getSelectionKeys: () => j(t), matcherType: "optional" }) });
 }
-const Tr = (t, e) => {
-  for (const r of t) if (!e(r)) return !1;
+const vr = (t, e) => {
+  for (const n of t) if (!e(n)) return !1;
   return !0;
-}, Er = (t, e) => {
-  for (const [r, n] of t.entries()) if (!e(n, r)) return !1;
+}, hr = (t, e) => {
+  for (const [n, r] of t.entries()) if (!e(r, n)) return !1;
   return !0;
-}, Rr = (t, e) => {
-  const r = Reflect.ownKeys(t);
-  for (const n of r) if (!e(n, t[n])) return !1;
+}, pr = (t, e) => {
+  const n = Reflect.ownKeys(t);
+  for (const r of n) if (!e(r, t[r])) return !1;
   return !0;
 };
-function S(...t) {
-  return B({ [M]: () => ({ match: (e) => {
-    let r = {};
-    const n = (o, a) => {
-      r[o] = a;
+function _(...t) {
+  return E({ [z]: () => ({ match: (e) => {
+    let n = {};
+    const r = (o, a) => {
+      n[o] = a;
     };
-    return { matched: t.every((o) => L(o, e, n)), selections: r };
-  }, getSelectionKeys: () => At(t, V), matcherType: "and" }) });
+    return { matched: t.every((o) => R(o, e, r)), selections: n };
+  }, getSelectionKeys: () => Tt(t, j), matcherType: "and" }) });
 }
-function We(...t) {
-  return B({ [M]: () => ({ match: (e) => {
-    let r = {};
-    const n = (o, a) => {
-      r[o] = a;
+function Fe(...t) {
+  return E({ [z]: () => ({ match: (e) => {
+    let n = {};
+    const r = (o, a) => {
+      n[o] = a;
     };
-    return At(t, V).forEach((o) => n(o, void 0)), { matched: t.some((o) => L(o, e, n)), selections: r };
-  }, getSelectionKeys: () => At(t, V), matcherType: "or" }) });
-}
-function b(t) {
-  return { [M]: () => ({ match: (e) => ({ matched: !!t(e) }) }) };
-}
-function Tt(...t) {
-  const e = typeof t[0] == "string" ? t[0] : void 0, r = t.length === 2 ? t[1] : typeof t[0] == "string" ? void 0 : t[0];
-  return B({ [M]: () => ({ match: (n) => {
-    let o = { [e ?? jt]: n };
-    return { matched: r === void 0 || L(r, n, (a, i) => {
-      o[a] = i;
+    return Tt(t, j).forEach((o) => r(o, void 0)), { matched: t.some((o) => R(o, e, r)), selections: n };
+  }, getSelectionKeys: () => Tt(t, j), matcherType: "or" }) });
+}
+function w(t) {
+  return { [z]: () => ({ match: (e) => ({ matched: !!t(e) }) }) };
+}
+function Nt(...t) {
+  const e = typeof t[0] == "string" ? t[0] : void 0, n = t.length === 2 ? t[1] : typeof t[0] == "string" ? void 0 : t[0];
+  return E({ [z]: () => ({ match: (r) => {
+    let o = { [e ?? Ft]: r };
+    return { matched: n === void 0 || R(n, r, (a, s) => {
+      o[a] = s;
     }), selections: o };
-  }, getSelectionKeys: () => [e ?? jt].concat(r === void 0 ? [] : V(r)) }) });
+  }, getSelectionKeys: () => [e ?? Ft].concat(n === void 0 ? [] : j(n)) }) });
 }
-function Ge(t) {
+function De(t) {
   return !0;
 }
 function Y(t) {
   return typeof t == "number";
 }
-function et(t) {
+function ot(t) {
   return typeof t == "string";
 }
-function rt(t) {
+function at(t) {
   return typeof t == "bigint";
 }
-const Ke = B(b(Ge)), Or = B(b(Ge)), Lr = Ke, nt = (t) => Object.assign(B(t), { startsWith: (e) => {
-  return nt(S(t, (r = e, b((n) => et(n) && n.startsWith(r)))));
-  var r;
+const Ie = E(w(De)), fr = E(w(De)), br = Ie, it = (t) => Object.assign(E(t), { startsWith: (e) => {
+  return it(_(t, (n = e, w((r) => ot(r) && r.startsWith(n)))));
+  var n;
 }, endsWith: (e) => {
-  return nt(S(t, (r = e, b((n) => et(n) && n.endsWith(r)))));
-  var r;
-}, minLength: (e) => nt(S(t, ((r) => b((n) => et(n) && n.length >= r))(e))), length: (e) => nt(S(t, ((r) => b((n) => et(n) && n.length === r))(e))), maxLength: (e) => nt(S(t, ((r) => b((n) => et(n) && n.length <= r))(e))), includes: (e) => {
-  return nt(S(t, (r = e, b((n) => et(n) && n.includes(r)))));
-  var r;
+  return it(_(t, (n = e, w((r) => ot(r) && r.endsWith(n)))));
+  var n;
+}, minLength: (e) => it(_(t, ((n) => w((r) => ot(r) && r.length >= n))(e))), length: (e) => it(_(t, ((n) => w((r) => ot(r) && r.length === n))(e))), maxLength: (e) => it(_(t, ((n) => w((r) => ot(r) && r.length <= n))(e))), includes: (e) => {
+  return it(_(t, (n = e, w((r) => ot(r) && r.includes(n)))));
+  var n;
 }, regex: (e) => {
-  return nt(S(t, (r = e, b((n) => et(n) && !!n.match(r)))));
-  var r;
-} }), fe = nt(b(et)), Z = (t) => Object.assign(B(t), { between: (e, r) => Z(S(t, ((n, o) => b((a) => Y(a) && n <= a && o >= a))(e, r))), lt: (e) => Z(S(t, ((r) => b((n) => Y(n) && n < r))(e))), gt: (e) => Z(S(t, ((r) => b((n) => Y(n) && n > r))(e))), lte: (e) => Z(S(t, ((r) => b((n) => Y(n) && n <= r))(e))), gte: (e) => Z(S(t, ((r) => b((n) => Y(n) && n >= r))(e))), int: () => Z(S(t, b((e) => Y(e) && Number.isInteger(e)))), finite: () => Z(S(t, b((e) => Y(e) && Number.isFinite(e)))), positive: () => Z(S(t, b((e) => Y(e) && e > 0))), negative: () => Z(S(t, b((e) => Y(e) && e < 0))) }), Pr = Z(b(Y)), ot = (t) => Object.assign(B(t), { between: (e, r) => ot(S(t, ((n, o) => b((a) => rt(a) && n <= a && o >= a))(e, r))), lt: (e) => ot(S(t, ((r) => b((n) => rt(n) && n < r))(e))), gt: (e) => ot(S(t, ((r) => b((n) => rt(n) && n > r))(e))), lte: (e) => ot(S(t, ((r) => b((n) => rt(n) && n <= r))(e))), gte: (e) => ot(S(t, ((r) => b((n) => rt(n) && n >= r))(e))), positive: () => ot(S(t, b((e) => rt(e) && e > 0))), negative: () => ot(S(t, b((e) => rt(e) && e < 0))) }), Dr = ot(b(rt)), Br = B(b(function(t) {
+  return it(_(t, (n = e, w((r) => ot(r) && !!r.match(n)))));
+  var n;
+} }), ye = it(w(ot)), tt = (t) => Object.assign(E(t), { between: (e, n) => tt(_(t, ((r, o) => w((a) => Y(a) && r <= a && o >= a))(e, n))), lt: (e) => tt(_(t, ((n) => w((r) => Y(r) && r < n))(e))), gt: (e) => tt(_(t, ((n) => w((r) => Y(r) && r > n))(e))), lte: (e) => tt(_(t, ((n) => w((r) => Y(r) && r <= n))(e))), gte: (e) => tt(_(t, ((n) => w((r) => Y(r) && r >= n))(e))), int: () => tt(_(t, w((e) => Y(e) && Number.isInteger(e)))), finite: () => tt(_(t, w((e) => Y(e) && Number.isFinite(e)))), positive: () => tt(_(t, w((e) => Y(e) && e > 0))), negative: () => tt(_(t, w((e) => Y(e) && e < 0))) }), mr = tt(w(Y)), st = (t) => Object.assign(E(t), { between: (e, n) => st(_(t, ((r, o) => w((a) => at(a) && r <= a && o >= a))(e, n))), lt: (e) => st(_(t, ((n) => w((r) => at(r) && r < n))(e))), gt: (e) => st(_(t, ((n) => w((r) => at(r) && r > n))(e))), lte: (e) => st(_(t, ((n) => w((r) => at(r) && r <= n))(e))), gte: (e) => st(_(t, ((n) => w((r) => at(r) && r >= n))(e))), positive: () => st(_(t, w((e) => at(e) && e > 0))), negative: () => st(_(t, w((e) => at(e) && e < 0))) }), yr = st(w(at)), wr = E(w(function(t) {
   return typeof t == "boolean";
-})), Ir = B(b(function(t) {
+})), xr = E(w(function(t) {
   return typeof t == "symbol";
-})), jr = B(b(function(t) {
+})), kr = E(w(function(t) {
   return t == null;
-})), Vr = B(b(function(t) {
+})), Cr = E(w(function(t) {
   return t != null;
 }));
-var He = { __proto__: null, matcher: M, optional: ce, array: function(...t) {
-  return $t({ [M]: () => ({ match: (e) => {
+var Sr = { __proto__: null, matcher: z, optional: ie, array: function(...t) {
+  return Xt({ [z]: () => ({ match: (e) => {
     if (!Array.isArray(e)) return { matched: !1 };
     if (t.length === 0) return { matched: !0 };
-    const r = t[0];
-    let n = {};
-    if (e.length === 0) return V(r).forEach((a) => {
-      n[a] = [];
-    }), { matched: !0, selections: n };
-    const o = (a, i) => {
-      n[a] = (n[a] || []).concat([i]);
+    const n = t[0];
+    let r = {};
+    if (e.length === 0) return j(n).forEach((a) => {
+      r[a] = [];
+    }), { matched: !0, selections: r };
+    const o = (a, s) => {
+      r[a] = (r[a] || []).concat([s]);
     };
-    return { matched: e.every((a) => L(r, a, o)), selections: n };
-  }, getSelectionKeys: () => t.length === 0 ? [] : V(t[0]) }) });
+    return { matched: e.every((a) => R(n, a, o)), selections: r };
+  }, getSelectionKeys: () => t.length === 0 ? [] : j(t[0]) }) });
 }, set: function(...t) {
-  return B({ [M]: () => ({ match: (e) => {
+  return E({ [z]: () => ({ match: (e) => {
     if (!(e instanceof Set)) return { matched: !1 };
-    let r = {};
-    if (e.size === 0) return { matched: !0, selections: r };
+    let n = {};
+    if (e.size === 0) return { matched: !0, selections: n };
     if (t.length === 0) return { matched: !0 };
-    const n = (a, i) => {
-      r[a] = (r[a] || []).concat([i]);
+    const r = (a, s) => {
+      n[a] = (n[a] || []).concat([s]);
     }, o = t[0];
-    return { matched: Tr(e, (a) => L(o, a, n)), selections: r };
-  }, getSelectionKeys: () => t.length === 0 ? [] : V(t[0]) }) });
+    return { matched: vr(e, (a) => R(o, a, r)), selections: n };
+  }, getSelectionKeys: () => t.length === 0 ? [] : j(t[0]) }) });
 }, map: function(...t) {
-  return B({ [M]: () => ({ match: (e) => {
+  return E({ [z]: () => ({ match: (e) => {
     if (!(e instanceof Map)) return { matched: !1 };
-    let r = {};
-    if (e.size === 0) return { matched: !0, selections: r };
-    const n = (l, c) => {
-      r[l] = (r[l] || []).concat([c]);
+    let n = {};
+    if (e.size === 0) return { matched: !0, selections: n };
+    const r = (i, c) => {
+      n[i] = (n[i] || []).concat([c]);
     };
     if (t.length === 0) return { matched: !0 };
     var o;
     if (t.length === 1) throw new Error(`\`P.map\` wasn't given enough arguments. Expected (key, value), received ${(o = t[0]) == null ? void 0 : o.toString()}`);
-    const [a, i] = t;
-    return { matched: Er(e, (l, c) => {
-      const u = L(a, c, n), d = L(i, l, n);
-      return u && d;
-    }), selections: r };
-  }, getSelectionKeys: () => t.length === 0 ? [] : [...V(t[0]), ...V(t[1])] }) });
+    const [a, s] = t;
+    return { matched: hr(e, (i, c) => {
+      const d = R(a, c, r), u = R(s, i, r);
+      return d && u;
+    }), selections: n };
+  }, getSelectionKeys: () => t.length === 0 ? [] : [...j(t[0]), ...j(t[1])] }) });
 }, record: function(...t) {
-  return B({ [M]: () => ({ match: (e) => {
+  return E({ [z]: () => ({ match: (e) => {
     if (e === null || typeof e != "object" || Array.isArray(e)) return { matched: !1 };
-    var r;
-    if (t.length === 0) throw new Error(`\`P.record\` wasn't given enough arguments. Expected (value) or (key, value), received ${(r = t[0]) == null ? void 0 : r.toString()}`);
-    let n = {};
-    const o = (l, c) => {
-      n[l] = (n[l] || []).concat([c]);
-    }, [a, i] = t.length === 1 ? [fe, t[0]] : t;
-    return { matched: Rr(e, (l, c) => {
-      const u = typeof l != "string" || Number.isNaN(Number(l)) ? null : Number(l), d = u !== null && L(a, u, o), p = L(a, l, o), k = L(i, c, o);
-      return (p || d) && k;
-    }), selections: n };
-  }, getSelectionKeys: () => t.length === 0 ? [] : [...V(t[0]), ...V(t[1])] }) });
-}, intersection: S, union: We, not: function(t) {
-  return B({ [M]: () => ({ match: (e) => ({ matched: !L(t, e, () => {
+    var n;
+    if (t.length === 0) throw new Error(`\`P.record\` wasn't given enough arguments. Expected (value) or (key, value), received ${(n = t[0]) == null ? void 0 : n.toString()}`);
+    let r = {};
+    const o = (i, c) => {
+      r[i] = (r[i] || []).concat([c]);
+    }, [a, s] = t.length === 1 ? [ye, t[0]] : t;
+    return { matched: pr(e, (i, c) => {
+      const d = typeof i != "string" || Number.isNaN(Number(i)) ? null : Number(i), u = d !== null && R(a, d, o), v = R(a, i, o), f = R(s, c, o);
+      return (v || u) && f;
+    }), selections: r };
+  }, getSelectionKeys: () => t.length === 0 ? [] : [...j(t[0]), ...j(t[1])] }) });
+}, intersection: _, union: Fe, not: function(t) {
+  return E({ [z]: () => ({ match: (e) => ({ matched: !R(t, e, () => {
   }) }), getSelectionKeys: () => [], matcherType: "not" }) });
-}, when: b, select: Tt, any: Ke, unknown: Or, _: Lr, string: fe, number: Pr, bigint: Dr, boolean: Br, symbol: Ir, nullish: jr, nonNullable: Vr, instanceOf: function(t) {
-  return B(b(/* @__PURE__ */ (function(e) {
-    return (r) => r instanceof e;
+}, when: w, select: Nt, any: Ie, unknown: fr, _: br, string: ye, number: mr, bigint: yr, boolean: wr, symbol: xr, nullish: kr, nonNullable: Cr, instanceOf: function(t) {
+  return E(w(/* @__PURE__ */ (function(e) {
+    return (n) => n instanceof e;
   })(t)));
 }, shape: function(t) {
-  return B(b(Ar(t)));
+  return E(w(gr(t)));
 } };
-let Mr = class extends Error {
+class Ar extends Error {
   constructor(e) {
-    let r;
+    let n;
     try {
-      r = JSON.stringify(e);
+      n = JSON.stringify(e);
     } catch {
-      r = e;
+      n = e;
     }
-    super(`Pattern matching error: no pattern matches value ${r}`), this.input = void 0, this.input = e;
+    super(`Pattern matching error: no pattern matches value ${n}`), this.input = void 0, this.input = e;
   }
-};
-const te = { matched: !1, value: void 0 };
-function $(t) {
-  return new Fr(t, te);
 }
-let Fr = class ee {
-  constructor(e, r) {
-    this.input = void 0, this.state = void 0, this.input = e, this.state = r;
+const Zt = { matched: !1, value: void 0 };
+function ht(t) {
+  return new Dt(t, Zt);
+}
+class Dt {
+  constructor(e, n) {
+    this.input = void 0, this.state = void 0, this.input = e, this.state = n;
   }
   with(...e) {
     if (this.state.matched) return this;
-    const r = e[e.length - 1], n = [e[0]];
+    const n = e[e.length - 1], r = [e[0]];
     let o;
-    e.length === 3 && typeof e[1] == "function" ? o = e[1] : e.length > 2 && n.push(...e.slice(1, e.length - 1));
-    let a = !1, i = {};
-    const l = (u, d) => {
-      a = !0, i[u] = d;
-    }, c = !n.some((u) => L(u, this.input, l)) || o && !o(this.input) ? te : { matched: !0, value: r(a ? jt in i ? i[jt] : i : this.input, this.input) };
-    return new ee(this.input, c);
+    e.length === 3 && typeof e[1] == "function" ? o = e[1] : e.length > 2 && r.push(...e.slice(1, e.length - 1));
+    let a = !1, s = {};
+    const i = (d, u) => {
+      a = !0, s[d] = u;
+    }, c = !r.some((d) => R(d, this.input, i)) || o && !o(this.input) ? Zt : { matched: !0, value: n(a ? Ft in s ? s[Ft] : s : this.input, this.input) };
+    return new Dt(this.input, c);
   }
-  when(e, r) {
+  when(e, n) {
     if (this.state.matched) return this;
-    const n = !!e(this.input);
-    return new ee(this.input, n ? { matched: !0, value: r(this.input, this.input) } : te);
+    const r = !!e(this.input);
+    return new Dt(this.input, r ? { matched: !0, value: n(this.input, this.input) } : Zt);
   }
   otherwise(e) {
     return this.state.matched ? this.state.value : e(this.input);
   }
-  exhaustive(e = zr) {
+  exhaustive(e = $r) {
     return this.state.matched ? this.state.value : e(this.input);
   }
   run() {
@@ -378,67 +377,58 @@ let Fr = class ee {
   narrow() {
     return this;
   }
-};
-function zr(t) {
-  throw new Mr(t);
 }
-const gt = {
-  STANDBY: "standby",
-  CONNECTING: "connecting",
-  READY: "ready",
-  HANDSHAKE: "handshake",
-  HANDSHAKE_PARTIAL: "handshake-partial",
-  ENCRYPTED: "encrypted"
-}, pt = {
+function $r(t) {
+  throw new Ar(t);
+}
+const jt = {
   CREATED: "created",
   SIGNALING: "signaling",
   READY: "ready",
-  LINKING: "linking",
-  CONNECTED: "connected",
-  DISCONNECTED: "disconnected"
-}, ct = {
+  LINKING: "linking"
+}, Q = {
   STANDBY: "standby",
   CREATING: "creating",
   CONNECTING: "connecting",
   CONNECTED: "connected",
   ERROR: "error"
 };
-var Qt = { exports: {} };
-var he;
-function Ur() {
-  return he || (he = 1, (function(t) {
+var qt = { exports: {} };
+var we;
+function _r() {
+  return we || (we = 1, (function(t) {
     (function() {
       var e = {}.hasOwnProperty;
-      function r() {
-        for (var a = "", i = 0; i < arguments.length; i++) {
-          var l = arguments[i];
-          l && (a = o(a, n(l)));
+      function n() {
+        for (var a = "", s = 0; s < arguments.length; s++) {
+          var i = arguments[s];
+          i && (a = o(a, r(i)));
         }
         return a;
       }
-      function n(a) {
+      function r(a) {
         if (typeof a == "string" || typeof a == "number")
           return a;
         if (typeof a != "object")
           return "";
         if (Array.isArray(a))
-          return r.apply(null, a);
+          return n.apply(null, a);
         if (a.toString !== Object.prototype.toString && !a.toString.toString().includes("[native code]"))
           return a.toString();
-        var i = "";
-        for (var l in a)
-          e.call(a, l) && a[l] && (i = o(i, l));
-        return i;
+        var s = "";
+        for (var i in a)
+          e.call(a, i) && a[i] && (s = o(s, i));
+        return s;
       }
-      function o(a, i) {
-        return i ? a ? a + " " + i : a + i : a;
+      function o(a, s) {
+        return s ? a ? a + " " + s : a + s : a;
       }
-      t.exports ? (r.default = r, t.exports = r) : window.classNames = r;
+      t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Qt)), Qt.exports;
+  })(qt)), qt.exports;
 }
-var Wr = Ur();
-const at = /* @__PURE__ */ _r(Wr), Gr = async (t) => {
+var Tr = _r();
+const lt = /* @__PURE__ */ dr(Tr), Nr = async (t) => {
   if (typeof t == "string") {
     if (t === "simple")
       return await import("./simple-CAAgvkQC.js").then((e) => e.simpleTheme);
@@ -447,68 +437,74 @@ const at = /* @__PURE__ */ _r(Wr), Gr = async (t) => {
     throw new Error(`Unknown theme: ${t}`);
   }
   return t;
-};
-function re(t) {
-  return typeof t == "object" && t !== null && !Array.isArray(t);
-}
-const Je = (t, e = [], r = {}) => {
-  for (const [n, o] of Object.entries(t)) {
-    const a = [...e, n];
-    re(o) ? Je(o, a, r) : r[`--lv-${a.join("-")}`] = o;
+}, Yt = (t) => typeof t == "object" && t !== null && !Array.isArray(t), Ue = (t, e = [], n = {}) => {
+  for (const [r, o] of Object.entries(t)) {
+    const a = [...e, r];
+    Yt(o) ? Ue(o, a, n) : n[`--lv-${a.join("-")}`] = o;
   }
-  return r;
-}, Kr = (t = "auto", e = "system") => t === "light" || t === "dark" ? t : e === "system" ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : e, Qe = (t, e) => {
-  const r = { ...t };
-  for (const n of Object.keys(e)) {
-    const o = t[n], a = e[n];
-    r[n] = re(o) && re(a) ? Qe(o, a) : a;
+  return n;
+}, Br = (t = "auto", e = "system") => t === "light" || t === "dark" ? t : e === "system" ? globalThis.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : e, Ke = (t, e) => {
+  const n = {
+    ...t
+  };
+  for (const r of Object.keys(e)) {
+    const o = t[r], a = e[r];
+    n[r] = Yt(o) && Yt(a) ? Ke(o, a) : a;
   }
-  return r;
-}, Hr = async (t, e = "system") => {
-  const r = await Gr(t.theme), n = Kr(t.mode, e), o = r[n];
+  return n;
+}, Rr = async (t, e = "system") => {
+  const n = await Nr(t.theme), r = Br(t.mode, e), o = n[r];
   if (!o) return "";
-  const a = r.common ? Qe(r.common, o) : o, i = Je(a);
-  return Object.entries(i).map(([l, c]) => `${l}: ${c};`).join(`
+  const a = n.common ? Ke(n.common, o) : o, s = Ue(a);
+  return Object.entries(s).map(([i, c]) => `${i}: ${c};`).join(`
 `);
-}, ve = `@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-blue-200:oklch(88.2% .059 254.128);--color-blue-500:oklch(62.3% .214 259.815);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-medium:500;--font-weight-semibold:600;--tracking-wide:.025em;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.top-5{top:calc(var(--spacing)*5)}.top-full{top:100%}.bottom-0{bottom:calc(var(--spacing)*0)}.left-1\\/2{left:50%}.z-10{z-index:10}.z-10000{z-index:10000}.mx-auto{margin-inline:auto}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1}.h-1\\.5{height:calc(var(--spacing)*1.5)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-11{height:calc(var(--spacing)*11)}.h-18{height:calc(var(--spacing)*18)}.h-38{height:calc(var(--spacing)*38)}.h-\\[200px\\]{height:200px}.h-full{height:100%}.min-h-32{min-height:calc(var(--spacing)*32)}.w-1\\.5{width:calc(var(--spacing)*1.5)}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-12{width:calc(var(--spacing)*12)}.w-48{width:calc(var(--spacing)*48)}.w-\\[200px\\]{width:200px}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\\[400px\\]{max-width:400px}.flex-1{flex:1}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.animate-\\[bg-in_0\\.15s_ease-in-out\\]{animation:.15s ease-in-out bg-in}.animate-\\[fade-in_0\\.15s_ease-in-out\\]{animation:.15s ease-in-out fade-in}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.-space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-4)*calc(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\\(--lv-control-button-primary-border\\){border-color:var(--lv-control-button-primary-border)}.border-\\(--lv-control-button-secondary-border\\){border-color:var(--lv-control-button-secondary-border)}.border-\\(--lv-control-button-secondary-border\\,var\\(--lv-control-button-secondary-background\\)\\){border-color:var(--lv-control-button-secondary-border,var(--lv-control-button-secondary-background))}.border-\\(--lv-control-input-border\\){border-color:var(--lv-control-input-border)}.border-blue-500{border-color:var(--color-blue-500)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-gray-500{border-color:var(--color-gray-500)}.border-t-transparent{border-top-color:#0000}.bg-\\(--lv-body-background\\){background-color:var(--lv-body-background)}.bg-\\(--lv-card-background\\){background-color:var(--lv-card-background)}.bg-\\(--lv-control-button-primary-background\\){background-color:var(--lv-control-button-primary-background)}.bg-\\(--lv-control-button-secondary-background\\){background-color:var(--lv-control-button-secondary-background)}.bg-\\(--lv-qr-background\\){background-color:var(--lv-qr-background)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-\\[url\\(\\'data\\:image\\/svg\\+xml\\;charset\\=US-ASCII\\,\\%3Csvg\\%20xmlns\\%3D\\%22http\\%3A\\%2F\\%2Fwww\\.w3\\.org\\%2F2000\\%2Fsvg\\%22\\%20width\\%3D\\%2214\\%22\\%20height\\%3D\\%2214\\%22\\%20viewBox\\%3D\\%220\\%200\\%2024\\%2024\\%22\\%20fill\\%3D\\%22none\\%22\\%20stroke\\%3D\\%22\\%23888\\%22\\%20stroke-width\\%3D\\%222\\%22\\%3E\\%3Cpath\\%20d\\%3D\\%22M6\\%209l6\\%206\\%206-6\\%22\\%2F\\%3E\\%3C\\%2Fsvg\\%3E\\'\\)\\]{background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23888%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M6%209l6%206%206-6%22%2F%3E%3C%2Fsvg%3E)}.bg-\\[length\\:14px\\]{background-size:14px}.bg-\\[right_8px_center\\]{background-position:right 8px center}.bg-no-repeat{background-repeat:no-repeat}.p-1{padding:calc(var(--spacing)*1)}.p-1\\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.ps-1{padding-inline-start:calc(var(--spacing)*1)}.pt-1{padding-top:calc(var(--spacing)*1)}.pr-0\\.5{padding-right:calc(var(--spacing)*.5)}.pr-8{padding-right:calc(var(--spacing)*8)}.pb-0\\.5{padding-bottom:calc(var(--spacing)*.5)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pl-2{padding-left:calc(var(--spacing)*2)}.text-center{text-align:center}.text-start{text-align:start}.font-sans{font-family:var(--font-sans)}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-nowrap{white-space:nowrap}.text-\\(--lv-control-button-primary-color\\){color:var(--lv-control-button-primary-color)}.text-\\(--lv-control-button-secondary-color\\){color:var(--lv-control-button-secondary-color)}.text-\\(--lv-qr-color\\){color:var(--lv-qr-color)}.text-\\(--lv-text-muted\\){color:var(--lv-text-muted)}.text-\\(--lv-text-primary\\){color:var(--lv-text-primary)}.text-\\(--lv-text-secondary\\){color:var(--lv-text-secondary)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow,.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[height\\]{transition-property:height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media(hover:hover){.group-hover\\:block:is(:where(.group):hover *){display:block}.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}}.first\\:rounded-t-sm:first-child{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.first\\:border-l-0:first-child{border-left-style:var(--tw-border-style);border-left-width:0}.first\\:pt-1\\.5:first-child{padding-top:calc(var(--spacing)*1.5)}.first\\:pt-2:first-child{padding-top:calc(var(--spacing)*2)}.last\\:rounded-b-sm:last-child{border-bottom-right-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.last\\:pb-2:last-child{padding-bottom:calc(var(--spacing)*2)}@media(hover:hover){.hover\\:\\[background-color\\:var\\(--lv-control-button-tertiary-hoverBackground\\)\\]:hover{background-color:var(--lv-control-button-tertiary-hoverBackground)}.hover\\:bg-\\(--lv-card-background\\):hover{background-color:var(--lv-card-background)}.hover\\:bg-\\(--lv-control-button-primary-background-hover\\):hover{background-color:var(--lv-control-button-primary-background-hover)}.hover\\:bg-\\(--lv-control-button-primary-hoverBackground\\,var\\(--lv-control-button-primary-background\\)\\):hover{background-color:var(--lv-control-button-primary-hoverBackground,var(--lv-control-button-primary-background))}.hover\\:bg-\\(--lv-control-button-secondary-background\\):hover{background-color:var(--lv-control-button-secondary-background)}.hover\\:bg-\\(--lv-control-button-secondary-hoverBackground\\):hover{background-color:var(--lv-control-button-secondary-hoverBackground)}.hover\\:bg-\\(--lv-control-button-secondary-hoverBackground\\,var\\(--lv-control-button-secondary-background\\)\\):hover{background-color:var(--lv-control-button-secondary-hoverBackground,var(--lv-control-button-secondary-background))}.hover\\:bg-\\(--lv-control-button-tertiary-hoverBackground\\):hover{background-color:var(--lv-control-button-tertiary-hoverBackground)}.hover\\:bg-\\(--lv-control-button-tertiary-hoverBackground\\,transparent\\):hover{background-color:var(--lv-control-button-tertiary-hoverBackground,transparent)}}.focus\\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\\:ring-\\(--lv-control-button-primary-background\\):focus{--tw-ring-color:var(--lv-control-button-primary-background)}.focus\\:ring-blue-200:focus{--tw-ring-color:var(--color-blue-200)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.active\\:bg-\\(--lv-control-button-primary-activeBackground\\,var\\(--lv-control-button-primary-hoverBackground\\,var\\(--lv-control-button-primary-background\\)\\)\\):active{background-color:var(--lv-control-button-primary-activeBackground,var(--lv-control-button-primary-hoverBackground,var(--lv-control-button-primary-background)))}.active\\:bg-\\(--lv-control-button-secondary-activeBackground\\):active{background-color:var(--lv-control-button-secondary-activeBackground)}.active\\:bg-\\(--lv-control-button-secondary-activeBackground\\,var\\(--lv-control-button-secondary-hoverBackground\\,var\\(--lv-control-button-secondary-background\\)\\)\\):active{background-color:var(--lv-control-button-secondary-activeBackground,var(--lv-control-button-secondary-hoverBackground,var(--lv-control-button-secondary-background)))}.active\\:bg-\\(--lv-control-button-tertiary-activeBackground\\,var\\(--lv-control-button-tertiary-hoverBackground\\,transparent\\)\\):active{background-color:var(--lv-control-button-tertiary-activeBackground,var(--lv-control-button-tertiary-hoverBackground,transparent))}.disabled\\:bg-\\(--lv-control-button-primary-disabledBackground\\,var\\(--lv-control-button-primary-background\\)\\):disabled{background-color:var(--lv-control-button-primary-disabledBackground,var(--lv-control-button-primary-background))}.disabled\\:bg-\\(--lv-control-button-secondary-disabledBackground\\,var\\(--lv-control-button-secondary-background\\)\\):disabled{background-color:var(--lv-control-button-secondary-disabledBackground,var(--lv-control-button-secondary-background))}.disabled\\:text-\\(--lv-control-button-primary-disabledColor\\,var\\(--lv-control-button-primary-color\\)\\):disabled{color:var(--lv-control-button-primary-disabledColor,var(--lv-control-button-primary-color))}.disabled\\:text-\\(--lv-control-button-secondary-disabledColor\\,var\\(--lv-control-button-secondary-color\\)\\):disabled{color:var(--lv-control-button-secondary-disabledColor,var(--lv-control-button-secondary-color))}.disabled\\:text-\\(--lv-control-button-tertiary-disabledColor\\,var\\(--lv-text-muted\\)\\):disabled{color:var(--lv-control-button-tertiary-disabledColor,var(--lv-text-muted))}@media(min-width:48rem){.md\\:items-center{align-items:center}}@media(min-width:64rem){.lg\\:p-4{padding:calc(var(--spacing)*4)}}.ltr\\:right-5:where(:dir(ltr),[dir=ltr],[dir=ltr] *){right:calc(var(--spacing)*5)}.ltr\\:-ml-1:where(:dir(ltr),[dir=ltr],[dir=ltr] *){margin-left:calc(var(--spacing)*-1)}.ltr\\:translate-x-full:where(:dir(ltr),[dir=ltr],[dir=ltr] *){--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.ltr\\:rounded-l-none:where(:dir(ltr),[dir=ltr],[dir=ltr] *){border-top-left-radius:0;border-bottom-left-radius:0}.rtl\\:left-5:where(:dir(rtl),[dir=rtl],[dir=rtl] *){left:calc(var(--spacing)*5)}.rtl\\:-mr-1:where(:dir(rtl),[dir=rtl],[dir=rtl] *){margin-right:calc(var(--spacing)*-1)}.rtl\\:-translate-x-full:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.rtl\\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:180deg}.rtl\\:rounded-r-none:where(:dir(rtl),[dir=rtl],[dir=rtl] *){border-top-right-radius:0;border-bottom-right-radius:0}}:root,:host{--color-body-background:var(--lv-body-background);--radius-radius:var(--lv-border-radius)}.border{border-style:solid}@keyframes fade-in{0%{transform:translateY(-2px)scale(.95)}to{transform:translateY(0)scale(1)}}@keyframes bg-in{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.modal-transition__container{display:grid;position:relative}.modal-transition__layer{will-change:transform,opacity;grid-area:1/1;width:100%}.modal-transition__layer--outgoing{z-index:2;animation:.2s ease-out forwards modal-transition-out;position:absolute}.modal-transition__layer--incoming{animation:.2s ease-out forwards modal-transition-in}[data-openlv-theme-mode=dark] img[data-openlv-brand-logo]{filter:invert()brightness(1.1)}@media(prefers-color-scheme:dark){[data-openlv-theme-mode=system] img[data-openlv-brand-logo]{filter:invert()brightness(1.1)}}@keyframes modal-transition-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes modal-transition-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}`, me = async (t, e, r = "system") => {
-  let n = t.querySelector(
+}, xe = `@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-divide-x-reverse:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-blue-200:oklch(88.2% .059 254.128);--color-blue-500:oklch(62.3% .214 259.815);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-medium:500;--font-weight-semibold:600;--tracking-wide:.025em;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.top-5{top:calc(var(--spacing)*5)}.top-full{top:100%}.bottom-0{bottom:calc(var(--spacing)*0)}.left-1\\/2{left:50%}.z-10{z-index:10}.z-10000{z-index:10000}.mx-auto{margin-inline:auto}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1}.h-1\\.5{height:calc(var(--spacing)*1.5)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-18{height:calc(var(--spacing)*18)}.h-38{height:calc(var(--spacing)*38)}.h-\\[200px\\]{height:200px}.h-full{height:100%}.min-h-32{min-height:calc(var(--spacing)*32)}.w-1\\.5{width:calc(var(--spacing)*1.5)}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-48{width:calc(var(--spacing)*48)}.w-\\[200px\\]{width:200px}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\\[400px\\]{max-width:400px}.flex-1{flex:1}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.animate-\\[bg-in_0\\.15s_ease-in-out\\]{animation:.15s ease-in-out bg-in}.animate-\\[fade-in_0\\.15s_ease-in-out\\]{animation:.15s ease-in-out fade-in}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-0\\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.-space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-4)*calc(1 - var(--tw-space-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-\\(--lv-control-button-secondary-border\\)>:not(:last-child)){border-color:var(--lv-control-button-secondary-border)}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\\(--lv-control-button-primary-border\\){border-color:var(--lv-control-button-primary-border)}.border-\\(--lv-control-button-secondary-border\\){border-color:var(--lv-control-button-secondary-border)}.border-\\(--lv-control-button-secondary-border\\,var\\(--lv-control-button-secondary-background\\)\\){border-color:var(--lv-control-button-secondary-border,var(--lv-control-button-secondary-background))}.border-\\(--lv-control-input-border\\){border-color:var(--lv-control-input-border)}.border-blue-500{border-color:var(--color-blue-500)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-gray-500{border-color:var(--color-gray-500)}.border-t-transparent{border-top-color:#0000}.bg-\\(--lv-body-background\\){background-color:var(--lv-body-background)}.bg-\\(--lv-card-background\\){background-color:var(--lv-card-background)}.bg-\\(--lv-control-button-primary-background\\){background-color:var(--lv-control-button-primary-background)}.bg-\\(--lv-control-button-secondary-background\\){background-color:var(--lv-control-button-secondary-background)}.bg-\\(--lv-qr-background\\){background-color:var(--lv-qr-background)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-\\[url\\(\\'data\\:image\\/svg\\+xml\\;charset\\=US-ASCII\\,\\%3Csvg\\%20xmlns\\%3D\\%22http\\%3A\\%2F\\%2Fwww\\.w3\\.org\\%2F2000\\%2Fsvg\\%22\\%20width\\%3D\\%2214\\%22\\%20height\\%3D\\%2214\\%22\\%20viewBox\\%3D\\%220\\%200\\%2024\\%2024\\%22\\%20fill\\%3D\\%22none\\%22\\%20stroke\\%3D\\%22\\%23888\\%22\\%20stroke-width\\%3D\\%222\\%22\\%3E\\%3Cpath\\%20d\\%3D\\%22M6\\%209l6\\%206\\%206-6\\%22\\%2F\\%3E\\%3C\\%2Fsvg\\%3E\\'\\)\\]{background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23888%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M6%209l6%206%206-6%22%2F%3E%3C%2Fsvg%3E)}.bg-\\[length\\:14px\\]{background-size:14px}.bg-\\[right_8px_center\\]{background-position:right 8px center}.bg-no-repeat{background-repeat:no-repeat}.p-1{padding:calc(var(--spacing)*1)}.p-1\\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.ps-1{padding-inline-start:calc(var(--spacing)*1)}.pt-1{padding-top:calc(var(--spacing)*1)}.pr-0\\.5{padding-right:calc(var(--spacing)*.5)}.pr-8{padding-right:calc(var(--spacing)*8)}.pb-0\\.5{padding-bottom:calc(var(--spacing)*.5)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pl-2{padding-left:calc(var(--spacing)*2)}.text-center{text-align:center}.text-start{text-align:start}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-nowrap{white-space:nowrap}.text-\\(--lv-control-button-primary-color\\){color:var(--lv-control-button-primary-color)}.text-\\(--lv-control-button-secondary-color\\){color:var(--lv-control-button-secondary-color)}.text-\\(--lv-qr-color\\){color:var(--lv-qr-color)}.text-\\(--lv-text-muted\\){color:var(--lv-text-muted)}.text-\\(--lv-text-primary\\){color:var(--lv-text-primary)}.text-\\(--lv-text-secondary\\){color:var(--lv-text-secondary)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow,.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[height\\]{transition-property:height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media(hover:hover){.group-hover\\:block:is(:where(.group):hover *){display:block}.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}}.first\\:rounded-t-sm:first-child{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.first\\:border-l-0:first-child{border-left-style:var(--tw-border-style);border-left-width:0}.first\\:pt-1\\.5:first-child{padding-top:calc(var(--spacing)*1.5)}.first\\:pt-2:first-child{padding-top:calc(var(--spacing)*2)}.last\\:rounded-b-sm:last-child{border-bottom-right-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.last\\:pb-2:last-child{padding-bottom:calc(var(--spacing)*2)}@media(hover:hover){.hover\\:\\[background-color\\:var\\(--lv-control-button-tertiary-hoverBackground\\)\\]:hover{background-color:var(--lv-control-button-tertiary-hoverBackground)}.hover\\:bg-\\(--lv-card-background\\):hover{background-color:var(--lv-card-background)}.hover\\:bg-\\(--lv-control-button-primary-background-hover\\):hover{background-color:var(--lv-control-button-primary-background-hover)}.hover\\:bg-\\(--lv-control-button-primary-hoverBackground\\,var\\(--lv-control-button-primary-background\\)\\):hover{background-color:var(--lv-control-button-primary-hoverBackground,var(--lv-control-button-primary-background))}.hover\\:bg-\\(--lv-control-button-secondary-background\\):hover{background-color:var(--lv-control-button-secondary-background)}.hover\\:bg-\\(--lv-control-button-secondary-hoverBackground\\):hover{background-color:var(--lv-control-button-secondary-hoverBackground)}.hover\\:bg-\\(--lv-control-button-secondary-hoverBackground\\,var\\(--lv-control-button-secondary-background\\)\\):hover{background-color:var(--lv-control-button-secondary-hoverBackground,var(--lv-control-button-secondary-background))}.hover\\:bg-\\(--lv-control-button-tertiary-hoverBackground\\):hover{background-color:var(--lv-control-button-tertiary-hoverBackground)}.hover\\:bg-\\(--lv-control-button-tertiary-hoverBackground\\,transparent\\):hover{background-color:var(--lv-control-button-tertiary-hoverBackground,transparent)}}.focus\\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\\:ring-\\(--lv-control-button-primary-background\\):focus{--tw-ring-color:var(--lv-control-button-primary-background)}.focus\\:ring-blue-200:focus{--tw-ring-color:var(--color-blue-200)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.active\\:bg-\\(--lv-control-button-primary-activeBackground\\,var\\(--lv-control-button-primary-hoverBackground\\,var\\(--lv-control-button-primary-background\\)\\)\\):active{background-color:var(--lv-control-button-primary-activeBackground,var(--lv-control-button-primary-hoverBackground,var(--lv-control-button-primary-background)))}.active\\:bg-\\(--lv-control-button-secondary-activeBackground\\):active{background-color:var(--lv-control-button-secondary-activeBackground)}.active\\:bg-\\(--lv-control-button-secondary-activeBackground\\,var\\(--lv-control-button-secondary-hoverBackground\\,var\\(--lv-control-button-secondary-background\\)\\)\\):active{background-color:var(--lv-control-button-secondary-activeBackground,var(--lv-control-button-secondary-hoverBackground,var(--lv-control-button-secondary-background)))}.active\\:bg-\\(--lv-control-button-tertiary-activeBackground\\,var\\(--lv-control-button-tertiary-hoverBackground\\,transparent\\)\\):active{background-color:var(--lv-control-button-tertiary-activeBackground,var(--lv-control-button-tertiary-hoverBackground,transparent))}.disabled\\:bg-\\(--lv-control-button-primary-disabledBackground\\,var\\(--lv-control-button-primary-background\\)\\):disabled{background-color:var(--lv-control-button-primary-disabledBackground,var(--lv-control-button-primary-background))}.disabled\\:bg-\\(--lv-control-button-secondary-disabledBackground\\,var\\(--lv-control-button-secondary-background\\)\\):disabled{background-color:var(--lv-control-button-secondary-disabledBackground,var(--lv-control-button-secondary-background))}.disabled\\:text-\\(--lv-control-button-primary-disabledColor\\,var\\(--lv-control-button-primary-color\\)\\):disabled{color:var(--lv-control-button-primary-disabledColor,var(--lv-control-button-primary-color))}.disabled\\:text-\\(--lv-control-button-secondary-disabledColor\\,var\\(--lv-control-button-secondary-color\\)\\):disabled{color:var(--lv-control-button-secondary-disabledColor,var(--lv-control-button-secondary-color))}.disabled\\:text-\\(--lv-control-button-tertiary-disabledColor\\,var\\(--lv-text-muted\\)\\):disabled{color:var(--lv-control-button-tertiary-disabledColor,var(--lv-text-muted))}@media(min-width:48rem){.md\\:flex{display:flex}.md\\:w-3\\/5{width:60%}.md\\:items-center{align-items:center}:where(.md\\:divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px*var(--tw-divide-x-reverse));border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))}:where(.md\\:divide-y-0>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(0px*var(--tw-divide-y-reverse));border-bottom-width:calc(0px*calc(1 - var(--tw-divide-y-reverse)))}}@media(min-width:64rem){.lg\\:p-4{padding:calc(var(--spacing)*4)}}.ltr\\:right-5:where(:dir(ltr),[dir=ltr],[dir=ltr] *){right:calc(var(--spacing)*5)}.ltr\\:-ml-1:where(:dir(ltr),[dir=ltr],[dir=ltr] *){margin-left:calc(var(--spacing)*-1)}.ltr\\:translate-x-full:where(:dir(ltr),[dir=ltr],[dir=ltr] *){--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.ltr\\:rounded-l-none:where(:dir(ltr),[dir=ltr],[dir=ltr] *){border-top-left-radius:0;border-bottom-left-radius:0}.rtl\\:left-5:where(:dir(rtl),[dir=rtl],[dir=rtl] *){left:calc(var(--spacing)*5)}.rtl\\:-mr-1:where(:dir(rtl),[dir=rtl],[dir=rtl] *){margin-right:calc(var(--spacing)*-1)}.rtl\\:-translate-x-full:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.rtl\\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:180deg}.rtl\\:rounded-r-none:where(:dir(rtl),[dir=rtl],[dir=rtl] *){border-top-right-radius:0;border-bottom-right-radius:0}}:root,:host{--color-body-background:var(--lv-body-background);--radius-radius:var(--lv-border-radius);font-family:var(--lv-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji")}.border{border-style:solid}@keyframes fade-in{0%{transform:translateY(-2px)scale(.95)}to{transform:translateY(0)scale(1)}}@keyframes bg-in{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.modal-transition__container{display:grid;position:relative}.modal-transition__layer{will-change:transform,opacity;grid-area:1/1;width:100%}.modal-transition__layer--outgoing{z-index:1;animation:.15s ease-out forwards modal-transition-out;position:absolute}.modal-transition__layer--incoming{z-index:2;animation:.2s ease-out forwards modal-transition-in}[data-openlv-theme-mode=dark] img[data-openlv-brand-logo]{filter:invert()brightness(1.1)}@media(prefers-color-scheme:dark){[data-openlv-theme-mode=system] img[data-openlv-brand-logo]{filter:invert()brightness(1.1)}}@keyframes modal-transition-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes modal-transition-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}`, ke = async (t, e, n = "system") => {
+  let r = t.querySelector(
     "style[data-openlv-modal]"
   );
-  if (n || (n = document.createElement("style"), n.setAttribute("data-openlv-modal", "true"), t.appendChild(n)), e) {
-    const o = await Hr(e, r);
-    n.textContent = `:root, :host {
-${o}
+  r || (r = document.createElement("style"), r.dataset.openlvModal = "true", t.append(r));
+  const o = {
+    ...e,
+    theme: e?.theme ?? "simple"
+  };
+  if (o) {
+    const a = await Rr(o, n);
+    r.textContent = `:root, :host {
+${a}
 }
-` + ve;
+` + xe;
   } else
-    n.textContent = ve;
+    r.textContent = xe;
 };
-class Xe extends HTMLElement {
-  constructor(r) {
+class We extends HTMLElement {
+  constructor(n) {
     super();
-    Ct(this, "shadow");
-    Ct(this, "renderRequested", !1);
-    Ct(this, "parameters");
-    Ct(this, "themeCleanup");
-    this.parameters = r, this.shadow = this.attachShadow({ mode: "open" });
-    const n = r.provider.storage.getSettings()?.theme ?? "system";
-    me(this.shadow, r.theme, n);
+    wt(this, "shadow");
+    wt(this, "renderRequested", !1);
+    wt(this, "parameters");
+    wt(this, "themeCleanup");
+    wt(this, "disposeRender");
+    this.parameters = n, this.shadow = this.attachShadow({
+      mode: "open"
+    });
+    const r = n.provider.storage.getSettings()?.theme ?? "system";
+    ke(this.shadow, n.theme, r);
   }
   connectedCallback() {
     this.requestRender(), this.themeCleanup?.(), this.setupThemeListener();
   }
   disconnectedCallback() {
-    mt(null, this.shadow), this.themeCleanup?.();
+    this.disposeRender?.(), this.disposeRender = void 0, this.themeCleanup?.();
   }
   setupThemeListener() {
-    const r = () => {
+    const n = () => {
       const o = this.parameters.provider.storage.getSettings()?.theme ?? "system";
-      me(this.shadow, this.parameters.theme, o);
+      ke(this.shadow, this.parameters.theme, o);
     };
-    this.parameters.provider.storage.emitter.on("settings_change", r);
-    const n = window.matchMedia("(prefers-color-scheme: dark)");
-    n.addEventListener("change", r), this.themeCleanup = () => {
-      this.parameters.provider.storage.emitter.off("settings_change", r), n.removeEventListener("change", r);
+    this.parameters.provider.storage.emitter.on("settings_change", n);
+    const r = globalThis.matchMedia("(prefers-color-scheme: dark)");
+    r.addEventListener("change", n), this.themeCleanup = () => {
+      this.parameters.provider.storage.emitter.off("settings_change", n), r.removeEventListener("change", n);
     };
   }
   showModal() {
@@ -523,1132 +519,820 @@ class Xe extends HTMLElement {
     }));
   }
   performRender() {
-    mt(br(un, this.parameters), this.shadow);
+    this.disposeRender?.(), this.disposeRender = or(() => {
+      const n = this;
+      return l(qr, W(() => n.parameters));
+    }, this.shadow);
   }
 }
-const Jr = { close: "Close", yes: "Yes", no: "No", protocol: "Protocol" }, Qr = { connectedSuccessfully: "Connected Successfully!", connecting: "Connecting", ready: "Ready", handshakeClosed: "Handshake Closed", handshakePartial: "Handshake Partial", encrypted: "Encrypted", signalError: "Signal Error", disconnected: "Disconnected" }, Xr = { title: "Settings", language: "Language", connection: { title: "Connection", description: "Configure how you connect to your wallet." }, theme: { title: "Appearance", mode: "Theme", light: "Light", dark: "Dark", system: "System" }, connectionPreferences: { title: "Connection preferences", retainSessionHistory: "Retain session history", autoReconnect: "Auto reconnect" }, signaling: { title: "Signaling", description: "Signaling is the handshake protocol used to establish a connection.", server: "Server", serverUrl: "Server URL" }, transport: { title: "Transport", description: "This is how the connection is maintained.", webrtc: "WebRTC", iceServers: { title: "ICE Servers", stun: "STUN Servers", turn: "TURN Servers", addStun: "Add STUN Server", addTurn: "Add TURN Server", username: "Username", credential: "Password" } }, appearance: "Appearance" }, qr = { title: "Connect Wallet" }, Yr = { title: "What is openlv?", scanQrCode: "Scan QR Code", approveOnDevice: "Approve on device", youreConnected: "You're connected!" }, Zr = { prompt: "Click the button below to start a connection", generateQr: "Generate QR", connectionSettings: "Connection settings" }, $r = { preparingConnection: "Preparing connection", generatingKeys: "Generating keys...", connecting: "Connecting", waitingForNetwork: "Waiting for network connection...", establishingConnection: "Establishing connection...", mayTakeFewSeconds: "This may take a few seconds...", connectedSuccessfully: "Connected Successfully!", walletConnectedReady: "Your wallet is now connected and ready to use.", disconnected: "Disconnected", connectionClosed: "The connection has been closed." }, tn = { clickToCopyUrl: "Click to copy connection URL", copyConnectionUrl: "Copy Connection URL", scanCodeInstruction: `Scan the code above using your mobile wallet.
-Or copy the link and paste it into your wallet.` }, en = { urlCopied: "Connection URL copied to clipboard!", backToQr: "Back to QR", closeModal: "Close modal" }, rn = {
-  common: Jr,
-  status: Qr,
-  settings: Xr,
-  start: qr,
-  info: Yr,
-  disconnected: Zr,
-  connectionFlow: $r,
-  handshake: tn,
-  modal: en
-}, ue = [
-  { tag: "en", name: "English", nativeName: "English" },
-  { tag: "nl", name: "Dutch", nativeName: "Nederlands" },
-  { tag: "es", name: "Spanish", nativeName: "Español" },
-  { tag: "sv", name: "Swedish", nativeName: "Svenska" },
-  { tag: "zh-cn", name: "Chinese (Simplified)", nativeName: "简体中文" },
-  { tag: "fr", name: "French", nativeName: "Français" },
-  { tag: "ar", name: "Arabic", nativeName: "العربية", rtl: !0 },
-  { tag: "he", name: "Hebrew", nativeName: "עברית", rtl: !0 },
-  { tag: "fa", name: "Persian", nativeName: "فارسی", rtl: !0 }
-], nn = (t) => ue.find((r) => r.tag === t)?.rtl ?? !1, be = ue.map((t) => t.tag), on = () => {
-  if (typeof navigator > "u") return "en";
-  const t = navigator.languages || [navigator.language];
-  for (const e of t) {
-    const r = e.toLowerCase();
-    if (be.includes(r))
-      return r;
-    if (r === "zh" || r.startsWith("zh-hans") || r.startsWith("zh-cn"))
-      return "zh-cn";
-    const [n] = r.split("-");
-    if (be.includes(n))
-      return n;
-  }
-  return "en";
-}, ye = (t) => {
+const Er = { close: "Close", yes: "Yes", no: "No", protocol: "Protocol" }, Or = { connectedSuccessfully: "Connected Successfully!", connecting: "Connecting", ready: "Ready", handshakeClosed: "Handshake Closed", handshakePartial: "Handshake Partial", encrypted: "Encrypted", signalError: "Signal Error", disconnected: "Disconnected" }, Lr = { title: "Settings", language: "Language", connection: { title: "Connection", description: "Configure how you connect to your wallet." }, theme: { title: "Appearance", mode: "Theme", light: "Light", dark: "Dark", system: "System" }, connectionPreferences: { title: "Connection preferences", retainSessionHistory: "Retain session history", autoReconnect: "Auto reconnect" }, signaling: { title: "Signaling", description: "Signaling is the handshake protocol used to establish a connection.", server: "Server", serverUrl: "Server URL" }, transport: { title: "Transport", description: "This is how the connection is maintained.", webrtc: "WebRTC", iceServers: { title: "ICE Servers", stun: "STUN Servers", turn: "TURN Servers", addStun: "Add STUN Server", addTurn: "Add TURN Server", username: "Username", credential: "Password" } }, appearance: "Appearance" }, Mr = { title: "Connect Wallet" }, Pr = { title: "What is openlv?", scanQrCode: "Scan QR Code", approveOnDevice: "Approve on device", youreConnected: "You're connected!" }, Vr = { prompt: "Click the button below to start a connection", generateQr: "Generate QR", connectionSettings: "Connection settings" }, jr = { preparingConnection: "Preparing connection", generatingKeys: "Generating keys...", connecting: "Connecting", waitingForNetwork: "Waiting for network connection...", establishingConnection: "Establishing connection...", mayTakeFewSeconds: "This may take a few seconds...", connectedSuccessfully: "Connected Successfully!", walletConnectedReady: "Your wallet is now connected and ready to use.", disconnected: "Disconnected", connectionClosed: "The connection has been closed." }, zr = { clickToCopyUrl: "Click to copy connection URL", copyConnectionUrl: "Copy Connection URL", scanCodeInstruction: `Scan the code above using your mobile wallet.
+Or copy the link and paste it into your wallet.` }, Fr = { urlCopied: "Connection URL copied to clipboard!", backToQr: "Back to QR", closeModal: "Close modal" }, Dr = {
+  common: Er,
+  status: Or,
+  settings: Lr,
+  start: Mr,
+  info: Pr,
+  disconnected: Vr,
+  connectionFlow: jr,
+  handshake: zr,
+  modal: Fr
+};
+var Ir = /* @__PURE__ */ b("<br>");
+const se = [{
+  tag: "en",
+  name: "English",
+  nativeName: "English"
+}, {
+  tag: "nl",
+  name: "Dutch",
+  nativeName: "Nederlands"
+}, {
+  tag: "es",
+  name: "Spanish",
+  nativeName: "Español"
+}, {
+  tag: "sv",
+  name: "Swedish",
+  nativeName: "Svenska"
+}, {
+  tag: "zh-cn",
+  name: "Chinese (Simplified)",
+  nativeName: "简体中文"
+}, {
+  tag: "fr",
+  name: "French",
+  nativeName: "Français"
+}, {
+  tag: "ar",
+  name: "Arabic",
+  nativeName: "العربية",
+  rtl: !0
+}, {
+  tag: "he",
+  name: "Hebrew",
+  nativeName: "עברית",
+  rtl: !0
+}, {
+  tag: "fa",
+  name: "Persian",
+  nativeName: "فارسی",
+  rtl: !0
+}], Ur = (t) => se.find((n) => n.tag === t)?.rtl ?? !1;
+new Set(se.map((t) => t.tag));
+const Ce = (t) => {
   if (typeof navigator > "u") return 0;
   const e = navigator.languages || [navigator.language];
-  for (let r = 0; r < e.length; r++) {
-    const n = e[r].toLowerCase();
-    if (n === t) return e.length - r + 1;
-    if (n.startsWith(`${t}-`) || t.startsWith(`${n}-`))
-      return e.length - r;
-    const [o] = n.split("-");
-    if (o === t || t.startsWith(`${o}-`))
-      return e.length - r - 0.5;
+  for (let n = 0; n < e.length; n++) {
+    const r = e[n].toLowerCase();
+    if (r === t) return e.length - n + 1;
+    if (r.startsWith(`${t}-`) || t.startsWith(`${r}-`)) return e.length - n;
+    const [o] = r.split("-");
+    if (o === t || t.startsWith(`${o}-`)) return e.length - n - 0.5;
   }
   return 0;
-}, we = (t, e) => {
+}, Se = (t, e) => {
   if (!t) return;
-  const r = e.split(".").filter(Boolean);
-  if (r.length === 0) return;
-  let n = t;
-  for (const o of r) {
-    if (typeof n != "object" || n === null) return;
-    n = n[o];
+  const n = e.split(".").filter(Boolean);
+  if (n.length === 0) return;
+  let r = t;
+  for (const o of n) {
+    if (typeof r != "object" || r === null) return;
+    r = r[o];
   }
-  return n;
-}, xe = (t, e) => e ? t.replace(
-  /\{(\w+)\}/g,
-  (r, n) => {
-    const o = e[n];
-    return o === void 0 ? r : String(o);
-  }
-) : t, an = (t) => {
-  const e = we(t.primary, t.key);
+  return r;
+}, Ae = (t, e) => e ? t.replaceAll(/\{(\w+)\}/g, (n, r) => {
+  const o = e[r];
+  return o === void 0 ? n : String(o);
+}) : t, Kr = (t) => {
+  const e = Se(t.primary, t.key);
   if (typeof e == "string")
-    return xe(e, t.params);
-  const r = we(t.fallback, t.key);
-  return typeof r == "string" ? xe(r, t.params) : t.key;
-}, qe = le(
-  null
-), sn = async (t) => $(t).with("en", () => Promise.resolve(null)).with("nl", async () => import("./nl-BRV9i3nM.js").then((e) => e.default)).with("es", async () => import("./es-C2sG0TfH.js").then((e) => e.default)).with("sv", async () => import("./sv-CEyo-XBk.js").then((e) => e.default)).with("fr", async () => import("./fr-BRQDr1rj.js").then((e) => e.default)).with(
-  "zh-cn",
-  async () => import("./zh-cn-DJpfZdjA.js").then((e) => e.default)
-).with("ar", async () => import("./ar-CyZSQ56p.js").then((e) => e.default)).with("he", async () => import("./he-NFIsHMZP.js").then((e) => e.default)).with("fa", async () => import("./fa-_bXJQdwj.js").then((e) => e.default)).exhaustive(), ln = ({
-  children: t,
-  initialLanguageTag: e = "en"
-}) => {
-  const [r, n] = P(e), [o, a] = P(null), [i, l] = P(!1);
-  I(() => {
-    let p = !1;
-    return (async () => {
-      l(!0);
+    return Ae(e, t.params);
+  const n = Se(t.fallback, t.key);
+  return typeof n == "string" ? Ae(n, t.params) : t.key;
+}, He = Pe(void 0), Wr = async (t) => ht(t).with("en", () => Promise.resolve(void 0)).with("nl", async () => import("./nl-BRV9i3nM.js").then((e) => e.default)).with("es", async () => import("./es-C2sG0TfH.js").then((e) => e.default)).with("sv", async () => import("./sv-CEyo-XBk.js").then((e) => e.default)).with("fr", async () => import("./fr-BRQDr1rj.js").then((e) => e.default)).with("zh-cn", async () => import("./zh-cn-DJpfZdjA.js").then((e) => e.default)).with("ar", async () => import("./ar-CyZSQ56p.js").then((e) => e.default)).with("he", async () => import("./he-NFIsHMZP.js").then((e) => e.default)).with("fa", async () => import("./fa-_bXJQdwj.js").then((e) => e.default)).exhaustive(), Hr = (t) => {
+  const {
+    provider: e
+  } = Ct(), n = e.storage.getSettings().language, [r, o] = O(n ?? "en"), [a, s] = O(void 0), [i, c] = O(!1);
+  J(() => {
+    let h = !1;
+    (async () => {
+      c(!0);
       try {
-        const m = await sn(r);
-        if (p) return;
-        a(m);
+        const C = await Wr(r());
+        if (h) return;
+        s(C);
       } finally {
-        p || l(!1);
+        h || c(!1);
       }
-    })(), () => {
-      p = !0;
-    };
-  }, [r]);
-  const c = K(
-    (p, k) => an({
-      primary: o,
-      fallback: rn,
-      key: p,
-      params: k
-    }).split(`
-`).map(
-      (m, y, E) => y < E.length - 1 ? [m, /* @__PURE__ */ s("br", {}, y)] : [m]
-    ),
-    [o]
-  ), u = vt(() => nn(r), [r]), d = vt(
-    () => ({
-      languageTag: r,
-      setLanguageTag: n,
-      isLoadingLanguagePack: i,
-      isRtl: u,
-      t: c
-    }),
-    [i, u, r, c]
-  );
-  return /* @__PURE__ */ s(qe.Provider, { value: d, children: t });
-}, H = () => {
-  const t = zt(qe);
+    })(), X(() => {
+      h = !0;
+    });
+  });
+  const d = (h, m) => {
+    const C = Kr({
+      primary: a(),
+      fallback: Dr,
+      key: h,
+      params: m
+    }), p = C.split(`
+`);
+    return p.length <= 1 ? C : pt(() => p.map((L, M) => [L, pt(() => pt(() => M < p.length - 1)() ? Ir() : null)]));
+  }, u = K(() => Ur(r())), f = {
+    languageTag: r,
+    setLanguageTag: (h) => {
+      o(h);
+    },
+    isLoadingLanguagePack: i,
+    isRtl: u,
+    t: d
+  };
+  return l(He.Provider, {
+    value: f,
+    get children() {
+      return t.children;
+    }
+  });
+}, D = () => {
+  const t = Me(He);
   if (!t)
     throw new Error("TranslationProvider not found");
   return t;
-}, Ye = le({
-  provider: void 0,
-  themeConfig: void 0
-}), cn = (t) => {
-  const e = t?.storage.getSettings().language;
-  return e || on();
-}, un = ({
-  provider: t,
-  onClose: e,
-  theme: r
-}) => {
-  const n = vt(
-    () => cn(t),
-    [t]
-  );
-  return /* @__PURE__ */ s(ln, { initialLanguageTag: n, children: /* @__PURE__ */ s(Ye.Provider, { value: { provider: t, themeConfig: r }, children: /* @__PURE__ */ s(Ho, { onClose: e }) }) });
-}, Ze = () => {
-  const t = zt(Ye);
-  if (!t.provider) throw new Error("Provider not found");
-  return t;
-}, Ot = () => {
-  const { provider: t } = Ze(), [e, r] = P(
-    t?.getState().status || ct.ERROR
-  );
-  if (I(() => {
-    const n = (a) => {
-      r(a);
-    };
-    t?.on("status_change", n);
-    const o = t?.getState().status;
-    return o && r(o), () => {
-      t?.off("status_change", n);
-    };
-  }, [t]), !t) throw new Error("Provider not found");
-  return { provider: t, status: e };
-}, de = (...t) => console.log(
-  "%c[modal]%c",
-  "color: yellow; font-weight: bold",
-  "color: inherit; font-weight: normal",
-  ...t
-), $e = (t, e, r) => {
-  I(() => (t?.on(e, r), () => {
-    t?.off(e, r);
-  }), [t, e]);
-}, wt = () => {
-  const { provider: t } = Ot(), [e, r] = P(
-    t?.storage.getSettings()
-  );
-  $e(
-    t?.storage.emitter,
-    "settings_change",
-    (g) => {
-      r(g);
-    }
-  );
-  const n = (g) => {
-    r(g), t?.storage.setSettings(g);
-  }, o = (g) => {
-    e?.signaling && e.signaling.p !== g && n({
-      ...e,
-      signaling: {
-        ...e.signaling,
-        p: g
-      }
-    });
-  }, a = (g) => {
-    e?.signaling && e.signaling.s[e.signaling.p] !== g && n({
-      ...e,
-      signaling: {
-        ...e.signaling,
-        s: {
-          ...e.signaling.s,
-          [e.signaling.p]: g
-        }
-      }
-    });
-  }, i = (g) => {
-    e && n({ ...e, retainHistory: g });
-  }, l = (g) => {
-    e && n({ ...e, autoReconnect: g });
-  }, c = (g) => {
-    e && e.theme !== g && (r({ ...e, theme: g }), t?.storage.setSettings({ ...e, theme: g }));
-  }, u = (g) => {
-    e && n({ ...e, language: g });
-  }, d = (g) => {
-    e && e.transport?.p !== g && n({
-      ...e,
-      transport: {
-        ...e.transport,
-        p: g
-      }
-    });
-  }, p = (g) => {
-    if (!e) return;
-    const h = e.transport?.s?.webrtc, D = g(h);
-    n({
-      ...e,
-      transport: {
-        p: e.transport?.p ?? "webrtc",
-        s: {
-          ...e.transport?.s,
-          webrtc: D
+}, qe = Pe(void 0), qr = (t) => {
+  const {
+    provider: e,
+    theme: n
+  } = t;
+  return l(qe.Provider, {
+    value: {
+      provider: e,
+      themeConfig: n
+    },
+    get children() {
+      return l(Hr, {
+        get children() {
+          return l(aa, {
+            get onClose() {
+              return t.onClose;
+            }
+          });
         }
-      }
-    });
-  }, k = (g) => {
-    p((h) => ({
-      ...h,
-      stun: [...h?.stun ?? [], g]
-    }));
-  }, m = (g) => {
-    p((h) => {
-      const D = h?.stun?.filter((_, J) => J !== g);
-      return {
-        ...h,
-        stun: D?.length ? D : void 0
-      };
-    });
-  }, y = (g, h) => {
-    p((D) => {
-      const _ = [...D?.stun ?? []];
-      return _[g] = h, {
-        ...D,
-        stun: _
-      };
-    });
-  }, E = (g) => {
-    p((h) => ({
-      ...h,
-      turn: [...h?.turn ?? [], g]
-    }));
-  }, f = (g) => {
-    p((h) => {
-      const D = h?.turn?.filter((_, J) => J !== g);
-      return {
-        ...h,
-        turn: D?.length ? D : void 0
-      };
-    });
-  }, x = (g, h) => {
-    p((D) => {
-      const _ = [...D?.turn ?? []];
-      return _[g] = { ..._[g], ...h }, {
-        ...D,
-        turn: _
-      };
-    });
+      });
+    }
+  });
+}, Ct = () => {
+  const t = Me(qe);
+  if (!t) throw new Error("Modal context not found");
+  return t;
+}, Et = () => {
+  const { provider: t } = Ct(), e = K(() => t.getSession(), void 0, { name: "session" }), [n, r] = O(e()?.getState());
+  console.log("session status", n());
+  const o = (i) => {
+    console.log("session state change", i), r(i);
   };
-  if (!e) throw new Error("Settings not found");
+  oe(() => {
+    e()?.emitter.on("state_change", o);
+  }), X(() => {
+    e()?.emitter.off("state_change", o);
+  });
+  const a = K(() => e()?.getHandshakeParameters());
   return {
-    settings: e,
-    updateSignalingProtocol: o,
-    updateSignalingServer: a,
-    updateRetainHistory: i,
-    updateAutoReconnect: l,
-    updateThemePreference: c,
-    updateLanguage: u,
-    updateTransportProtocol: d,
-    // STUN reducers
-    addStunServer: k,
-    removeStunServer: m,
-    updateStunServer: y,
-    // TURN reducers
-    addTurnServer: E,
-    removeTurnServer: f,
-    updateTurnServer: x
-  };
-}, Lt = () => {
-  const { provider: t } = Ot(), [e, r] = P(
-    t?.getSession()
-  ), n = e?.getHandshakeParameters(), o = n ? Nr(n) : void 0, [a, i] = P(
-    e?.getState()
-  );
-  return $e(e?.emitter, "state_change", (l) => {
-    de("session state change: ", l), i(l);
-  }), I(() => {
-    const l = () => {
-      const u = t?.getSession();
-      u && r(u);
-    };
-    t?.on("status_change", l);
-    const c = t?.getSession();
-    return c && r(c), () => {
-      t?.off("status_change", l);
-    };
-  }, [t]), I(() => {
-    const l = (c) => {
-      r(c), i(c.getState());
-    };
-    return t?.on("session_started", l), () => {
-      t?.off("session_started", l);
-    };
-  }, [t]), I(() => {
-    e && i(e.getState());
-  }, [e]), {
-    uri: o,
-    status: a
+    uri: K(() => {
+      const i = a();
+      return i ? cr(i) : void 0;
+    }),
+    status: n
   };
-}, dn = () => {
-  const { provider: t } = Ot(), { settings: e } = wt();
+}, Gr = () => {
+  const { provider: t } = Ct();
   return {
     start: () => {
-      const r = e?.signaling?.p, n = r ? e?.signaling?.s?.[r] : void 0;
-      if (!r || !n)
+      const e = t.storage.getSettings(), n = e?.signaling?.p, r = n ? e?.signaling?.s?.[n] : void 0;
+      if (!n || !r)
         throw new Error("Invalid protocol or server");
-      return t?.createSession({
-        p: r,
-        s: n
+      return t.createSession({
+        p: n,
+        s: r
       });
     }
   };
-}, ne = ({ state: t }) => {
-  const { status: e, uri: r } = Lt(), { status: n } = Ot();
-  return console.error("Unknown state: ", { state: t, sessionStatus: e, providerStatus: n }), /* @__PURE__ */ v("div", { className: "rounded-md bg-(--lv-control-button-secondary-background) p-2 text-(--lv-text-muted)", children: [
-    /* @__PURE__ */ v("div", { children: [
-      "Unknown state: ",
-      JSON.stringify(t)
-    ] }),
-    /* @__PURE__ */ v("div", { children: [
-      "URI: ",
-      r
-    ] }),
-    /* @__PURE__ */ v("div", { children: [
-      "Session Status: ",
-      JSON.stringify(e)
-    ] }),
-    /* @__PURE__ */ v("div", { children: [
-      "Provider Status: ",
-      JSON.stringify(n)
-    ] })
-  ] });
-}, gn = ({
-  onCopy: t
-}) => {
-  const { t: e } = H(), { uri: r } = Lt(), n = K(() => {
-    r && t(r);
-  }, [r, t]), o = K((a) => {
-    const i = kr.default, l = i(0, "M");
-    return l.addData(a), l.make(), l.createSvgTag({ cellSize: 5, margin: 0, scalable: !0 });
-  }, []);
-  return /* @__PURE__ */ v("div", { className: "flex flex-col items-center gap-4 px-2", children: [
-    /* @__PURE__ */ v("div", { className: "w-full space-y-4 rounded-md border border-(--lv-control-button-secondary-border) bg-(--lv-card-background) p-4", children: [
-      r && /* @__PURE__ */ s("div", { className: "relative mx-auto flex w-fit items-center justify-center rounded-lg border border-(--lv-control-button-secondary-border) bg-(--lv-qr-background) p-4", children: /* @__PURE__ */ s(
-        "button",
-        {
-          className: "h-[200px] w-[200px] cursor-pointer rounded bg-(--lv-qr-background) text-(--lv-qr-color)",
-          onClick: n,
-          title: e("handshake.clickToCopyUrl"),
-          dangerouslySetInnerHTML: { __html: o(r) }
-        }
-      ) }),
-      /* @__PURE__ */ s("div", { className: "w-full", children: /* @__PURE__ */ s(
-        "button",
-        {
-          type: "button",
-          onClick: n,
-          className: "w-full cursor-pointer rounded-lg border border-(--lv-control-button-secondary-border) bg-(--lv-control-button-secondary-background) px-4 py-2 text-sm text-(--lv-text-primary) transition hover:bg-(--lv-control-button-secondary-hoverBackground) active:bg-(--lv-control-button-secondary-activeBackground)",
-          children: e("handshake.copyConnectionUrl")
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ s("div", { className: "w-full text-sm text-(--lv-text-secondary)", children: /* @__PURE__ */ s("span", { children: e("handshake.scanCodeInstruction") }) })
-  ] });
-}, pn = () => typeof document < "u" && "startViewTransition" in document, fn = (t) => {
-  pn() ? document.startViewTransition(t) : t();
-}, Xt = () => /* @__PURE__ */ s("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ s("div", { className: "h-8 w-8 animate-spin rounded-full border-4 border-blue-500 border-t-transparent" }) }), O = {
-  CREATING: "creating",
-  CONNECTING: "connecting",
-  READY: "ready",
-  LINKING: "linking",
-  CONNECTED: "connected",
-  DISCONNECTED: "disconnected",
-  ERROR: "error"
-}, hn = (t) => {
-  const [e, r] = P(t), n = G(t);
-  return I(() => {
-    t !== n.current && fn(() => {
-      r(t), n.current = t;
-    });
-  }, [t]), {
-    displayState: e
-  };
-}, vn = (t) => t ? $(t).with({ status: pt.CREATED }, () => O.CREATING).with(
-  { status: pt.SIGNALING, signaling: He.select() },
-  (e) => $(e).with({ state: gt.STANDBY }, () => O.CONNECTING).with({ state: gt.CONNECTING }, () => O.CONNECTING).with({ state: gt.READY }, () => O.READY).with({ state: gt.HANDSHAKE }, () => O.LINKING).with({ state: gt.HANDSHAKE_PARTIAL }, () => O.LINKING).with({ state: gt.ENCRYPTED }, () => O.CONNECTED).otherwise(() => O.CONNECTING)
-).with({ status: pt.READY }, () => O.READY).with({ status: pt.LINKING }, () => O.LINKING).with({ status: pt.CONNECTED }, () => O.CONNECTED).with({ status: pt.DISCONNECTED }, () => O.DISCONNECTED).otherwise(() => O.ERROR) : O.CONNECTING, mn = ({ onClose: t, onCopy: e }) => {
-  const { t: r } = H(), { status: n } = Lt(), { displayState: o } = hn(vn(n));
-  return /* @__PURE__ */ s("div", { style: { viewTransitionName: "connection-flow" }, className: "w-full", children: $(o).with(O.CREATING, () => /* @__PURE__ */ v("div", { className: "flex flex-col items-center gap-4 p-6", children: [
-    /* @__PURE__ */ s(Xt, {}),
-    /* @__PURE__ */ v("div", { className: "text-center", children: [
-      /* @__PURE__ */ s("h3", { className: "mb-2 font-semibold text-(--lv-text-primary) text-lg", children: r("connectionFlow.preparingConnection") }),
-      /* @__PURE__ */ s("p", { className: "text-(--lv-text-muted) text-sm", children: r("connectionFlow.generatingKeys") })
-    ] })
-  ] })).with(O.CONNECTING, () => /* @__PURE__ */ v("div", { className: "flex flex-col items-center gap-4 p-6", children: [
-    /* @__PURE__ */ s(Xt, {}),
-    /* @__PURE__ */ v("div", { className: "text-center", children: [
-      /* @__PURE__ */ s("h3", { className: "mb-2 font-semibold text-(--lv-text-primary) text-lg", children: r("connectionFlow.connecting") }),
-      /* @__PURE__ */ s("p", { className: "text-(--lv-text-muted) text-sm", children: r("connectionFlow.waitingForNetwork") })
-    ] })
-  ] })).with(O.READY, () => /* @__PURE__ */ s(gn, { onCopy: e })).with(O.LINKING, () => /* @__PURE__ */ v("div", { className: "flex flex-col items-center gap-4 p-6", children: [
-    /* @__PURE__ */ s(Xt, {}),
-    /* @__PURE__ */ v("div", { className: "text-center", children: [
-      /* @__PURE__ */ s("h3", { className: "mb-2 font-semibold text-(--lv-text-primary) text-lg", children: r("connectionFlow.establishingConnection") }),
-      /* @__PURE__ */ s("p", { className: "text-(--lv-text-muted) text-sm", children: r("connectionFlow.mayTakeFewSeconds") })
-    ] })
-  ] })).with(O.CONNECTED, () => /* @__PURE__ */ s("div", { className: "flex flex-col items-center gap-4 p-6", children: /* @__PURE__ */ v("div", { className: "text-center", children: [
-    /* @__PURE__ */ s("div", { className: "mb-4 text-4xl", children: "✅" }),
-    /* @__PURE__ */ s("h3", { className: "mb-2 font-semibold text-(--lv-text-primary) text-lg", children: r("connectionFlow.connectedSuccessfully") }),
-    /* @__PURE__ */ s("p", { className: "text-(--lv-text-muted) text-sm", children: r("connectionFlow.walletConnectedReady") })
-  ] }) })).with(O.DISCONNECTED, () => /* @__PURE__ */ v("div", { className: "flex flex-col items-center gap-4 p-6", children: [
-    /* @__PURE__ */ v("div", { className: "text-center", children: [
-      /* @__PURE__ */ s("div", { className: "mb-4 text-4xl", children: "🔌" }),
-      /* @__PURE__ */ s("h3", { className: "mb-2 font-semibold text-(--lv-text-primary) text-lg", children: r("connectionFlow.disconnected") }),
-      /* @__PURE__ */ s("p", { className: "mb-4 text-(--lv-text-muted) text-sm", children: r("connectionFlow.connectionClosed") })
-    ] }),
-    /* @__PURE__ */ s(
-      "button",
-      {
-        type: "button",
-        onClick: t,
-        className: "w-full rounded-lg bg-(--lv-control-button-secondary-background) px-4 py-2 font-semibold text-(--lv-text-primary) text-sm transition hover:bg-(--lv-control-button-primary-background-hover)",
-        children: r("common.close")
-      }
-    )
-  ] })).otherwise(() => /* @__PURE__ */ s(ne, { state: n })) });
 };
-function tr(t, e) {
-  for (var r in e) t[r] = e[r];
-  return t;
-}
-function oe(t, e) {
-  for (var r in t) if (r !== "__source" && !(r in e)) return !0;
-  for (var n in e) if (n !== "__source" && t[n] !== e[n]) return !0;
-  return !1;
-}
-function er(t, e) {
-  var r = e(), n = P({ t: { __: r, u: e } }), o = n[0].t, a = n[1];
-  return yt(function() {
-    o.__ = r, o.u = e, qt(o) && a({ t: o });
-  }, [t, r, e]), I(function() {
-    return qt(o) && a({ t: o }), t(function() {
-      qt(o) && a({ t: o });
-    });
-  }, [t]), r;
-}
-function qt(t) {
-  var e, r, n = t.u, o = t.__;
+var Qr = /* @__PURE__ */ b('<div class="rounded-md bg-(--lv-control-button-secondary-background) p-2 text-(--lv-text-muted)"><div>Unknown state:</div><div>URI:</div><div>Session Status:');
+const te = (t) => {
+  const {
+    uri: e,
+    status: n
+  } = Et();
+  return console.error("Unknown state:", {
+    state: t.state
+  }), (() => {
+    var r = Qr(), o = r.firstChild;
+    o.firstChild;
+    var a = o.nextSibling;
+    a.firstChild;
+    var s = a.nextSibling;
+    return s.firstChild, g(o, () => JSON.stringify(t.state), null), g(a, e, null), g(s, () => JSON.stringify(n()), null), r;
+  })();
+}, Ge = async (t) => {
+  if (!t) return !1;
   try {
-    var a = n();
-    return !((e = o) === (r = a) && (e !== 0 || 1 / e == 1 / r) || e != e && r != r);
-  } catch {
-    return !0;
-  }
-}
-function rr(t) {
-  t();
-}
-function nr(t) {
-  return t;
-}
-function or() {
-  return [!1, rr];
-}
-var ar = yt;
-function ae(t, e) {
-  this.props = t, this.context = e;
-}
-function bn(t, e) {
-  function r(o) {
-    var a = this.props.ref, i = a == o.ref;
-    return !i && a && (a.call ? a(null) : a.current = null), e ? !e(this.props, o) || !i : oe(this.props, o);
-  }
-  function n(o) {
-    return this.shouldComponentUpdate = r, tt(t, o);
-  }
-  return n.displayName = "Memo(" + (t.displayName || t.name) + ")", n.prototype.isReactComponent = !0, n.__f = !0, n.type = t, n;
-}
-(ae.prototype = new bt()).isPureReactComponent = !0, ae.prototype.shouldComponentUpdate = function(t, e) {
-  return oe(this.props, t) || oe(this.state, e);
-};
-var ke = U.__b;
-U.__b = function(t) {
-  t.type && t.type.__f && t.ref && (t.props.ref = t.ref, t.ref = null), ke && ke(t);
-};
-var yn = typeof Symbol < "u" && Symbol.for && /* @__PURE__ */ Symbol.for("react.forward_ref") || 3911;
-function wn(t) {
-  function e(r) {
-    var n = tr({}, r);
-    return delete n.ref, t(n, r.ref || null);
+    if (navigator?.clipboard?.writeText)
+      return await navigator.clipboard.writeText(t), !0;
+  } catch (e) {
+    console.error("Failed to copy to clipboard", e);
   }
-  return e.$$typeof = yn, e.render = t, e.prototype.isReactComponent = e.__f = !0, e.displayName = "ForwardRef(" + (t.displayName || t.name) + ")", e;
-}
-var Ce = function(t, e) {
-  return t == null ? null : it(it(t).map(e));
-}, xn = { map: Ce, forEach: Ce, count: function(t) {
-  return t ? it(t).length : 0;
-}, only: function(t) {
-  var e = it(t);
-  if (e.length !== 1) throw "Children.only";
-  return e[0];
-}, toArray: it }, kn = U.__e;
-U.__e = function(t, e, r, n) {
-  if (t.then) {
-    for (var o, a = e; a = a.__; ) if ((o = a.__c) && o.__c) return e.__e == null && (e.__e = r.__e, e.__k = r.__k), o.__c(t, e);
+  try {
+    const e = document.createElement("textarea");
+    e.value = t, e.style.position = "fixed", e.style.left = "-999999px", e.style.top = "-999999px", document.body.append(e), e.focus(), e.select();
+    const n = document.execCommand("copy");
+    return e.remove(), n;
+  } catch {
+    return !1;
   }
-  kn(t, e, r, n);
 };
-var Ne = U.unmount;
-function ir(t, e, r) {
-  return t && (t.__c && t.__c.__H && (t.__c.__H.__.forEach(function(n) {
-    typeof n.__c == "function" && n.__c();
-  }), t.__c.__H = null), (t = tr({}, t)).__c != null && (t.__c.__P === r && (t.__c.__P = e), t.__c.__e = !0, t.__c = null), t.__k = t.__k && t.__k.map(function(n) {
-    return ir(n, e, r);
-  })), t;
-}
-function sr(t, e, r) {
-  return t && r && (t.__v = null, t.__k = t.__k && t.__k.map(function(n) {
-    return sr(n, e, r);
-  }), t.__c && t.__c.__P === e && (t.__e && r.appendChild(t.__e), t.__c.__e = !0, t.__c.__P = r)), t;
-}
-function It() {
-  this.__u = 0, this.o = null, this.__b = null;
-}
-function lr(t) {
-  var e = t.__.__c;
-  return e && e.__a && e.__a(t);
-}
-function Cn(t) {
-  var e, r, n, o = null;
-  function a(i) {
-    if (e || (e = t()).then(function(l) {
-      l && (o = l.default || l), n = !0;
-    }, function(l) {
-      r = l, n = !0;
-    }), r) throw r;
-    if (!n) throw e;
-    return o ? tt(o, i) : null;
-  }
-  return a.displayName = "Lazy", a.__f = !0, a;
-}
-function Nt() {
-  this.i = null, this.l = null;
-}
-U.unmount = function(t) {
-  var e = t.__c;
-  e && e.__R && e.__R(), e && 32 & t.__u && (t.type = null), Ne && Ne(t);
-}, (It.prototype = new bt()).__c = function(t, e) {
-  var r = e.__c, n = this;
-  n.o == null && (n.o = []), n.o.push(r);
-  var o = lr(n.__v), a = !1, i = function() {
-    a || (a = !0, r.__R = null, o ? o(l) : l());
+var Jr = /* @__PURE__ */ b('<div class="flex flex-col items-center gap-4 px-2"><div class="w-full space-y-4 rounded-md border border-(--lv-control-button-secondary-border) bg-(--lv-card-background) p-4"><div class=w-full><button type=button class="w-full cursor-pointer rounded-lg border border-(--lv-control-button-secondary-border) bg-(--lv-control-button-secondary-background) px-4 py-2 text-sm text-(--lv-text-primary) transition hover:bg-(--lv-control-button-secondary-hoverBackground) active:bg-(--lv-control-button-secondary-activeBackground)"></button></div></div><div class="w-full text-sm text-(--lv-text-secondary)"><span>'), Xr = /* @__PURE__ */ b('<div class="relative mx-auto flex w-fit items-center justify-center rounded-lg border border-(--lv-control-button-secondary-border) bg-(--lv-qr-background) p-4"><button type=button class="h-[200px] w-[200px] cursor-pointer rounded bg-(--lv-qr-background) text-(--lv-qr-color)">');
+const Zr = (t) => {
+  const e = sr.default, n = e(0, "M");
+  return n.addData(t), n.make(), n.createSvgTag({
+    cellSize: 5,
+    margin: 0,
+    scalable: !0
+  });
+}, Yr = () => {
+  const {
+    t
+  } = D(), {
+    uri: e
+  } = Et(), n = () => {
+    const r = e();
+    r && Ge(r);
   };
-  r.__R = i;
-  var l = function() {
-    if (!--n.__u) {
-      if (n.state.__a) {
-        var c = n.state.__a;
-        n.__v.__k[0] = sr(c, c.__c.__P, c.__c.__O);
+  return (() => {
+    var r = Jr(), o = r.firstChild, a = o.firstChild, s = a.firstChild, i = o.nextSibling, c = i.firstChild;
+    return g(o, l(bt, {
+      get when() {
+        return e();
+      },
+      children: (d) => (() => {
+        var u = Xr(), v = u.firstChild;
+        return v.$$click = n, rt((f) => {
+          var h = String(t("handshake.clickToCopyUrl")), m = Zr(d());
+          return h !== f.e && et(v, "title", f.e = h), m !== f.t && (v.innerHTML = f.t = m), f;
+        }, {
+          e: void 0,
+          t: void 0
+        }), u;
+      })()
+    }), a), s.$$click = n, g(s, () => t("handshake.copyConnectionUrl")), g(c, () => t("handshake.scanCodeInstruction")), r;
+  })();
+};
+ft(["click"]);
+var tn = /* @__PURE__ */ b('<div class="flex items-center justify-center"><div class="h-8 w-8 animate-spin rounded-full border-4 border-blue-500 border-t-transparent">'), $e = /* @__PURE__ */ b('<div class="flex flex-col items-center gap-4 p-6"><div class=text-center><h3 class="mb-2 font-semibold text-(--lv-text-primary) text-lg"></h3><p class="text-(--lv-text-muted) text-sm">'), en = /* @__PURE__ */ b("<div>");
+const _e = () => tn(), rn = () => {
+  const {
+    status: t
+  } = Et(), {
+    t: e
+  } = D();
+  return (() => {
+    var n = en();
+    return g(n, l(Ve, {
+      get children() {
+        return [l(vt, {
+          get when() {
+            return [jt.CREATED, jt.SIGNALING].includes(t()?.status ?? "");
+          },
+          get children() {
+            var r = $e(), o = r.firstChild, a = o.firstChild, s = a.nextSibling;
+            return g(r, l(_e, {}), o), g(a, () => e("connectionFlow.connecting")), g(s, () => e("connectionFlow.waitingForNetwork")), r;
+          }
+        }), l(vt, {
+          get when() {
+            return t()?.status === jt.READY;
+          },
+          get children() {
+            return l(Yr, {});
+          }
+        }), l(vt, {
+          get when() {
+            return t()?.status === jt.LINKING;
+          },
+          get children() {
+            var r = $e(), o = r.firstChild, a = o.firstChild, s = a.nextSibling;
+            return g(r, l(_e, {}), o), g(a, () => e("connectionFlow.establishingConnection")), g(s, () => e("connectionFlow.mayTakeFewSeconds")), r;
+          }
+        })];
       }
-      var u;
-      for (n.setState({ __a: n.__b = null }); u = n.o.pop(); ) u.forceUpdate();
-    }
-  };
-  n.__u++ || 32 & e.__u || n.setState({ __a: n.__b = n.__v.__k[0] }), t.then(i, i);
-}, It.prototype.componentWillUnmount = function() {
-  this.o = [];
-}, It.prototype.render = function(t, e) {
-  if (this.__b) {
-    if (this.__v.__k) {
-      var r = document.createElement("div"), n = this.__v.__k[0].__c;
-      this.__v.__k[0] = ir(this.__b, r, n.__O = n.__P);
-    }
-    this.__b = null;
-  }
-  var o = e.__a && tt(St, null, t.fallback);
-  return o && (o.__u &= -33), [tt(St, null, e.__a ? null : t.children), o];
+    })), n;
+  })();
 };
-var _e = function(t, e, r) {
-  if (++r[1] === r[0] && t.l.delete(e), t.props.revealOrder && (t.props.revealOrder[0] !== "t" || !t.l.size)) for (r = t.i; r; ) {
-    for (; r.length > 3; ) r.pop()();
-    if (r[1] < r[0]) break;
-    t.i = r = r[2];
-  }
+var nn = /* @__PURE__ */ b('<div class="flex items-center justify-center"><div class="h-8 w-8 animate-spin rounded-full border-4 border-blue-500 border-t-transparent">'), on = /* @__PURE__ */ b('<div class="flex flex-col items-center gap-4 p-6"><div class=text-center><h3 class="mb-2 font-semibold text-(--lv-text-primary) text-lg"></h3><p class="text-(--lv-text-muted) text-sm">'), an = /* @__PURE__ */ b('<div class="flex flex-col items-center gap-4 p-6"><div class=text-center><div class="mb-4 text-4xl">✅</div><h3 class="mb-2 font-semibold text-(--lv-text-primary) text-lg"></h3><p class="text-(--lv-text-muted) text-sm">'), sn = /* @__PURE__ */ b('<div class="flex flex-col items-center gap-4 p-6"><div class=text-center><div class="mb-4 text-4xl">🔌</div><h3 class="mb-2 font-semibold text-(--lv-text-primary) text-lg"></h3><p class="mb-4 text-(--lv-text-muted) text-sm"></p></div><button type=button class="w-full rounded-lg bg-(--lv-control-button-secondary-background) px-4 py-2 font-semibold text-(--lv-text-primary) text-sm transition hover:bg-(--lv-control-button-primary-background-hover)">'), ln = /* @__PURE__ */ b("<div class=w-full style=view-transition-name:connection-flow>");
+const cn = () => nn(), dn = (t) => {
+  const {
+    t: e
+  } = D(), {
+    provider: n
+  } = Ct(), [r, o] = O(n.getState().status);
+  return oe(() => {
+    n.on("status_change", o);
+  }), X(() => {
+    n.off("status_change", o);
+  }), (() => {
+    var a = ln();
+    return g(a, l(Ve, {
+      get fallback() {
+        return l(te, {
+          get state() {
+            return r();
+          }
+        });
+      },
+      get children() {
+        return [l(vt, {
+          get when() {
+            return r() === Q.CREATING;
+          },
+          get children() {
+            var s = on(), i = s.firstChild, c = i.firstChild, d = c.nextSibling;
+            return g(s, l(cn, {}), i), g(c, () => e("connectionFlow.preparingConnection")), g(d, () => e("connectionFlow.generatingKeys")), s;
+          }
+        }), l(vt, {
+          get when() {
+            return r() === Q.CONNECTING;
+          },
+          get children() {
+            return l(rn, {});
+          }
+        }), l(vt, {
+          get when() {
+            return r() === Q.CONNECTED;
+          },
+          get children() {
+            var s = an(), i = s.firstChild, c = i.firstChild, d = c.nextSibling, u = d.nextSibling;
+            return g(d, () => e("connectionFlow.connectedSuccessfully")), g(u, () => e("connectionFlow.walletConnectedReady")), s;
+          }
+        }), l(vt, {
+          get when() {
+            return r() === Q.ERROR;
+          },
+          get children() {
+            var s = sn(), i = s.firstChild, c = i.firstChild, d = c.nextSibling, u = d.nextSibling, v = i.nextSibling;
+            return g(d, () => e("connectionFlow.disconnected")), g(u, () => e("connectionFlow.connectionClosed")), ne(v, "click", t.onClose, !0), g(v, () => e("common.close")), s;
+          }
+        })];
+      }
+    })), a;
+  })();
 };
-function Nn(t) {
-  return this.getChildContext = function() {
-    return t.context;
-  }, t.children;
-}
-function _n(t) {
-  var e = this, r = t.h;
-  if (e.componentWillUnmount = function() {
-    mt(null, e.v), e.v = null, e.h = null;
-  }, e.h && e.h !== r && e.componentWillUnmount(), !e.v) {
-    for (var n = e.__v; n !== null && !n.__m && n.__ !== null; ) n = n.__;
-    e.h = r, e.v = { nodeType: 1, parentNode: r, childNodes: [], __k: { __m: n.__m }, contains: function() {
+ft(["click"]);
+var un = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": 2,
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, xt = un, gn = /* @__PURE__ */ b("<svg>"), vn = (t) => {
+  for (const e in t)
+    if (e.startsWith("aria-") || e === "role" || e === "title")
       return !0;
-    }, insertBefore: function(o, a) {
-      this.childNodes.push(o), e.h.insertBefore(o, a);
-    }, removeChild: function(o) {
-      this.childNodes.splice(this.childNodes.indexOf(o) >>> 1, 1), e.h.removeChild(o);
-    } };
-  }
-  mt(tt(Nn, { context: e.context }, t.__v), e.v);
-}
-function Sn(t, e) {
-  var r = tt(_n, { __v: t, h: e });
-  return r.containerInfo = e, r;
-}
-(Nt.prototype = new bt()).__a = function(t) {
-  var e = this, r = lr(e.__v), n = e.l.get(t);
-  return n[0]++, function(o) {
-    var a = function() {
-      e.props.revealOrder ? (n.push(o), _e(e, t, n)) : o();
-    };
-    r ? r(a) : a();
-  };
-}, Nt.prototype.render = function(t) {
-  this.i = null, this.l = /* @__PURE__ */ new Map();
-  var e = it(t.children);
-  t.revealOrder && t.revealOrder[0] === "b" && e.reverse();
-  for (var r = e.length; r--; ) this.l.set(e[r], this.i = [1, 0, this.i]);
-  return t.children;
-}, Nt.prototype.componentDidUpdate = Nt.prototype.componentDidMount = function() {
-  var t = this;
-  this.l.forEach(function(e, r) {
-    _e(t, r, e);
-  });
-};
-var cr = typeof Symbol < "u" && Symbol.for && /* @__PURE__ */ Symbol.for("react.element") || 60103, An = /^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/, Tn = /^on(Ani|Tra|Tou|BeforeInp|Compo)/, En = /[A-Z0-9]/g, Rn = typeof document < "u", On = function(t) {
-  return (typeof Symbol < "u" && typeof /* @__PURE__ */ Symbol() == "symbol" ? /fil|che|rad/ : /fil|che|ra/).test(t);
-};
-function Ln(t, e, r) {
-  return e.__k == null && (e.textContent = ""), mt(t, e), typeof r == "function" && r(), t ? t.__c : null;
-}
-function Pn(t, e, r) {
-  return xr(t, e), typeof r == "function" && r(), t ? t.__c : null;
-}
-bt.prototype.isReactComponent = {}, ["componentWillMount", "componentWillReceiveProps", "componentWillUpdate"].forEach(function(t) {
-  Object.defineProperty(bt.prototype, t, { configurable: !0, get: function() {
-    return this["UNSAFE_" + t];
-  }, set: function(e) {
-    Object.defineProperty(this, t, { configurable: !0, writable: !0, value: e });
-  } });
-});
-var Se = U.event;
-function Dn() {
-}
-function Bn() {
-  return this.cancelBubble;
-}
-function In() {
-  return this.defaultPrevented;
-}
-U.event = function(t) {
-  return Se && (t = Se(t)), t.persist = Dn, t.isPropagationStopped = Bn, t.isDefaultPrevented = In, t.nativeEvent = t;
-};
-var ge, jn = { enumerable: !1, configurable: !0, get: function() {
-  return this.class;
-} }, Ae = U.vnode;
-U.vnode = function(t) {
-  typeof t.type == "string" && (function(e) {
-    var r = e.props, n = e.type, o = {}, a = n.indexOf("-") === -1;
-    for (var i in r) {
-      var l = r[i];
-      if (!(i === "value" && "defaultValue" in r && l == null || Rn && i === "children" && n === "noscript" || i === "class" || i === "className")) {
-        var c = i.toLowerCase();
-        i === "defaultValue" && "value" in r && r.value == null ? i = "value" : i === "download" && l === !0 ? l = "" : c === "translate" && l === "no" ? l = !1 : c[0] === "o" && c[1] === "n" ? c === "ondoubleclick" ? i = "ondblclick" : c !== "onchange" || n !== "input" && n !== "textarea" || On(r.type) ? c === "onfocus" ? i = "onfocusin" : c === "onblur" ? i = "onfocusout" : Tn.test(i) && (i = c) : c = i = "oninput" : a && An.test(i) ? i = i.replace(En, "-$&").toLowerCase() : l === null && (l = void 0), c === "oninput" && o[i = c] && (i = "oninputCapture"), o[i] = l;
+  return !1;
+}, hn = (...t) => t.filter((e, n, r) => !!e && e.trim() !== "" && r.indexOf(e) === n).join(" ").trim(), pn = (t) => t.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, n, r) => r ? r.toUpperCase() : n.toLowerCase()), Te = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), fn = (t) => {
+  const e = pn(t);
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}, bn = (t) => {
+  const [e, n] = ae(t, ["color", "size", "strokeWidth", "children", "class", "name", "iconNode", "absoluteStrokeWidth"]);
+  return (() => {
+    var r = gn();
+    return Qt(r, W(xt, {
+      get width() {
+        return e.size ?? xt.width;
+      },
+      get height() {
+        return e.size ?? xt.height;
+      },
+      get stroke() {
+        return e.color ?? xt.stroke;
+      },
+      get "stroke-width"() {
+        return pt(() => !!e.absoluteStrokeWidth)() ? Number(e.strokeWidth ?? xt["stroke-width"]) * 24 / Number(e.size) : Number(e.strokeWidth ?? xt["stroke-width"]);
+      },
+      get class() {
+        return hn("lucide", "lucide-icon", ...e.name != null ? [`lucide-${Te(fn(e.name))}`, `lucide-${Te(e.name)}`] : [], e.class != null ? e.class : "");
+      },
+      get "aria-hidden"() {
+        return !e.children && !vn(n) ? "true" : void 0;
       }
-    }
-    n == "select" && o.multiple && Array.isArray(o.value) && (o.value = it(r.children).forEach(function(u) {
-      u.props.selected = o.value.indexOf(u.props.value) != -1;
-    })), n == "select" && o.defaultValue != null && (o.value = it(r.children).forEach(function(u) {
-      u.props.selected = o.multiple ? o.defaultValue.indexOf(u.props.value) != -1 : o.defaultValue == u.props.value;
-    })), r.class && !r.className ? (o.class = r.class, Object.defineProperty(o, "className", jn)) : (r.className && !r.class || r.class && r.className) && (o.class = o.className = r.className), e.props = o;
-  })(t), t.$$typeof = cr, Ae && Ae(t);
-};
-var Te = U.__r;
-U.__r = function(t) {
-  Te && Te(t), ge = t.__c;
-};
-var Ee = U.diffed;
-U.diffed = function(t) {
-  Ee && Ee(t);
-  var e = t.props, r = t.__e;
-  r != null && t.type === "textarea" && "value" in e && e.value !== r.value && (r.value = e.value == null ? "" : e.value), ge = null;
-};
-var Vn = { ReactCurrentDispatcher: { current: { readContext: function(t) {
-  return ge.__n[t.__c].props.value;
-}, useCallback: K, useContext: zt, useDebugValue: ze, useDeferredValue: nr, useEffect: I, useId: Fe, useImperativeHandle: Me, useInsertionEffect: ar, useLayoutEffect: yt, useMemo: vt, useReducer: Ve, useRef: G, useState: P, useSyncExternalStore: er, useTransition: or } } };
-function Mn(t) {
-  return tt.bind(null, t);
-}
-function Ut(t) {
-  return !!t && t.$$typeof === cr;
-}
-function Fn(t) {
-  return Ut(t) && t.type === St;
-}
-function zn(t) {
-  return !!t && !!t.displayName && (typeof t.displayName == "string" || t.displayName instanceof String) && t.displayName.startsWith("Memo(");
-}
-function Un(t) {
-  return Ut(t) ? wr.apply(null, arguments) : t;
-}
-function Wn(t) {
-  return !!t.__k && (mt(null, t), !0);
-}
-function Gn(t) {
-  return t && (t.base || t.nodeType === 1 && t) || null;
-}
-var Kn = function(t, e) {
-  return t(e);
-}, Hn = function(t, e) {
-  return t(e);
-}, Jn = St, Qn = Ut, ut = { useState: P, useId: Fe, useReducer: Ve, useEffect: I, useLayoutEffect: yt, useInsertionEffect: ar, useTransition: or, useDeferredValue: nr, useSyncExternalStore: er, startTransition: rr, useRef: G, useImperativeHandle: Me, useMemo: vt, useCallback: K, useContext: zt, useDebugValue: ze, version: "18.3.1", Children: xn, render: Ln, hydrate: Pn, unmountComponentAtNode: Wn, createPortal: Sn, createElement: tt, createContext: le, createFactory: Mn, cloneElement: Un, createRef: yr, Fragment: St, isValidElement: Ut, isElement: Qn, isFragment: Fn, isMemo: zn, findDOMNode: Gn, Component: bt, PureComponent: ae, memo: bn, forwardRef: wn, flushSync: Hn, unstable_batchedUpdates: Kn, StrictMode: Jn, Suspense: It, SuspenseList: Nt, lazy: Cn, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: Vn }, ur = {
-  color: void 0,
-  size: void 0,
-  className: void 0,
-  style: void 0,
-  attr: void 0
-}, Re = ut.createContext && /* @__PURE__ */ ut.createContext(ur), Xn = ["attr", "size", "title"];
-function qn(t, e) {
-  if (t == null) return {};
-  var r = Yn(t, e), n, o;
-  if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(t);
-    for (o = 0; o < a.length; o++)
-      n = a[o], !(e.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(t, n) && (r[n] = t[n]);
-  }
-  return r;
-}
-function Yn(t, e) {
-  if (t == null) return {};
-  var r = {};
-  for (var n in t)
-    if (Object.prototype.hasOwnProperty.call(t, n)) {
-      if (e.indexOf(n) >= 0) continue;
-      r[n] = t[n];
-    }
-  return r;
-}
-function Vt() {
-  return Vt = Object.assign ? Object.assign.bind() : function(t) {
-    for (var e = 1; e < arguments.length; e++) {
-      var r = arguments[e];
-      for (var n in r)
-        Object.prototype.hasOwnProperty.call(r, n) && (t[n] = r[n]);
-    }
-    return t;
-  }, Vt.apply(this, arguments);
-}
-function Oe(t, e) {
-  var r = Object.keys(t);
-  if (Object.getOwnPropertySymbols) {
-    var n = Object.getOwnPropertySymbols(t);
-    e && (n = n.filter(function(o) {
-      return Object.getOwnPropertyDescriptor(t, o).enumerable;
-    })), r.push.apply(r, n);
-  }
-  return r;
-}
-function Mt(t) {
-  for (var e = 1; e < arguments.length; e++) {
-    var r = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? Oe(Object(r), !0).forEach(function(n) {
-      Zn(t, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : Oe(Object(r)).forEach(function(n) {
-      Object.defineProperty(t, n, Object.getOwnPropertyDescriptor(r, n));
-    });
-  }
-  return t;
-}
-function Zn(t, e, r) {
-  return e = $n(e), e in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
-}
-function $n(t) {
-  var e = to(t, "string");
-  return typeof e == "symbol" ? e : e + "";
-}
-function to(t, e) {
-  if (typeof t != "object" || !t) return t;
-  var r = t[Symbol.toPrimitive];
-  if (r !== void 0) {
-    var n = r.call(t, e);
-    if (typeof n != "object") return n;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (e === "string" ? String : Number)(t);
-}
-function dr(t) {
-  return t && t.map((e, r) => /* @__PURE__ */ ut.createElement(e.tag, Mt({
-    key: r
-  }, e.attr), dr(e.child)));
-}
-function dt(t) {
-  return (e) => /* @__PURE__ */ ut.createElement(eo, Vt({
-    attr: Mt({}, t.attr)
-  }, e), dr(t.child));
-}
-function eo(t) {
-  var e = (r) => {
-    var {
-      attr: n,
-      size: o,
-      title: a
-    } = t, i = qn(t, Xn), l = o || r.size || "1em", c;
-    return r.className && (c = r.className), t.className && (c = (c ? c + " " : "") + t.className), /* @__PURE__ */ ut.createElement("svg", Vt({
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0"
-    }, r.attr, n, i, {
-      className: c,
-      style: Mt(Mt({
-        color: t.color || r.color
-      }, r.style), t.style),
-      height: l,
-      width: l,
-      xmlns: "http://www.w3.org/2000/svg"
-    }), a && /* @__PURE__ */ ut.createElement("title", null, a), t.children);
-  };
-  return Re !== void 0 ? /* @__PURE__ */ ut.createElement(Re.Consumer, null, (r) => e(r)) : e(ur);
-}
-function ro(t) {
-  return dt({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M416.3 256c0-21 13.1-38.9 31.7-46.1-4.9-20.5-13-39.7-23.7-57.1-6.4 2.8-13.2 4.3-20.1 4.3-12.6 0-25.2-4.8-34.9-14.4-14.9-14.9-18.2-36.8-10.2-55-17.3-10.7-36.6-18.8-57-23.7C295 82.5 277 95.7 256 95.7S217 82.5 209.9 64c-20.5 4.9-39.7 13-57.1 23.7 8.1 18.1 4.7 40.1-10.2 55-9.6 9.6-22.3 14.4-34.9 14.4-6.9 0-13.7-1.4-20.1-4.3C77 170.3 68.9 189.5 64 210c18.5 7.1 31.7 25 31.7 46.1 0 21-13.1 38.9-31.6 46.1 4.9 20.5 13 39.7 23.7 57.1 6.4-2.8 13.2-4.2 20-4.2 12.6 0 25.2 4.8 34.9 14.4 14.8 14.8 18.2 36.8 10.2 54.9 17.4 10.7 36.7 18.8 57.1 23.7 7.1-18.5 25-31.6 46-31.6s38.9 13.1 46 31.6c20.5-4.9 39.7-13 57.1-23.7-8-18.1-4.6-40 10.2-54.9 9.6-9.6 22.2-14.4 34.9-14.4 6.8 0 13.7 1.4 20 4.2 10.7-17.4 18.8-36.7 23.7-57.1-18.4-7.2-31.6-25.1-31.6-46.2zm-159.4 79.9c-44.3 0-80-35.9-80-80s35.7-80 80-80 80 35.9 80 80-35.7 80-80 80z" }, child: [] }] })(t);
-}
-var no = /\s+/g, oo = (t) => typeof t != "string" || !t ? t : t.replace(no, " ").trim(), Ft = (...t) => {
-  const e = [], r = (n) => {
-    if (!n && n !== 0 && n !== 0n) return;
-    if (Array.isArray(n)) {
-      for (let a = 0, i = n.length; a < i; a++) r(n[a]);
+    }, n), !0, !0), g(r, l(ct, {
+      get each() {
+        return e.iconNode;
+      },
+      children: ([o, a]) => l(ar, W({
+        component: o
+      }, a))
+    })), r;
+  })();
+}, dt = bn, mn = [["path", {
+  d: "m15 18-6-6 6-6",
+  key: "1wnfg3"
+}]], yn = (t) => l(dt, W(t, {
+  iconNode: mn,
+  name: "chevron-left"
+})), wn = yn, xn = [["path", {
+  d: "m9 18 6-6-6-6",
+  key: "mthhwq"
+}]], kn = (t) => l(dt, W(t, {
+  iconNode: xn,
+  name: "chevron-right"
+})), Cn = kn, Sn = [["circle", {
+  cx: "12",
+  cy: "12",
+  r: "10",
+  key: "1mglay"
+}], ["path", {
+  d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3",
+  key: "1u773s"
+}], ["path", {
+  d: "M12 17h.01",
+  key: "p32p05"
+}]], An = (t) => l(dt, W(t, {
+  iconNode: Sn,
+  name: "circle-question-mark"
+})), Qe = An, $n = [["path", {
+  d: "M5 12h14",
+  key: "1ays0h"
+}], ["path", {
+  d: "M12 5v14",
+  key: "s699le"
+}]], _n = (t) => l(dt, W(t, {
+  iconNode: $n,
+  name: "plus"
+})), Tn = _n, Nn = [["rect", {
+  width: "5",
+  height: "5",
+  x: "3",
+  y: "3",
+  rx: "1",
+  key: "1tu5fj"
+}], ["rect", {
+  width: "5",
+  height: "5",
+  x: "16",
+  y: "3",
+  rx: "1",
+  key: "1v8r4q"
+}], ["rect", {
+  width: "5",
+  height: "5",
+  x: "3",
+  y: "16",
+  rx: "1",
+  key: "1x03jg"
+}], ["path", {
+  d: "M21 16h-3a2 2 0 0 0-2 2v3",
+  key: "177gqh"
+}], ["path", {
+  d: "M21 21v.01",
+  key: "ents32"
+}], ["path", {
+  d: "M12 7v3a2 2 0 0 1-2 2H7",
+  key: "8crl2c"
+}], ["path", {
+  d: "M3 12h.01",
+  key: "nlz23k"
+}], ["path", {
+  d: "M12 3h.01",
+  key: "n36tog"
+}], ["path", {
+  d: "M12 16v.01",
+  key: "133mhm"
+}], ["path", {
+  d: "M16 12h1",
+  key: "1slzba"
+}], ["path", {
+  d: "M21 12v.01",
+  key: "1lwtk9"
+}], ["path", {
+  d: "M12 21v-1",
+  key: "1880an"
+}]], Bn = (t) => l(dt, W(t, {
+  iconNode: Nn,
+  name: "qr-code"
+})), Rn = Bn, En = [["path", {
+  d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915",
+  key: "1i5ecw"
+}], ["circle", {
+  cx: "12",
+  cy: "12",
+  r: "3",
+  key: "1v7zrd"
+}]], On = (t) => l(dt, W(t, {
+  iconNode: En,
+  name: "settings"
+})), Ln = On, Mn = [["path", {
+  d: "M10 11v6",
+  key: "nco0om"
+}], ["path", {
+  d: "M14 11v6",
+  key: "outv1u"
+}], ["path", {
+  d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",
+  key: "miytrc"
+}], ["path", {
+  d: "M3 6h18",
+  key: "d0wm0j"
+}], ["path", {
+  d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",
+  key: "e791ji"
+}]], Pn = (t) => l(dt, W(t, {
+  iconNode: Mn,
+  name: "trash-2"
+})), Vn = Pn, jn = [["path", {
+  d: "M18 6 6 18",
+  key: "1bl5f8"
+}], ["path", {
+  d: "m6 6 12 12",
+  key: "d8bk6v"
+}]], zn = (t) => l(dt, W(t, {
+  iconNode: jn,
+  name: "x"
+})), Fn = zn, Dn = /\s+/g, In = (t) => typeof t != "string" || !t ? t : t.replace(Dn, " ").trim(), It = (...t) => {
+  const e = [], n = (r) => {
+    if (!r && r !== 0 && r !== 0n) return;
+    if (Array.isArray(r)) {
+      for (let a = 0, s = r.length; a < s; a++) n(r[a]);
       return;
     }
-    const o = typeof n;
+    const o = typeof r;
     if (o === "string" || o === "number" || o === "bigint") {
-      if (o === "number" && n !== n) return;
-      e.push(String(n));
+      if (o === "number" && r !== r) return;
+      e.push(String(r));
     } else if (o === "object") {
-      const a = Object.keys(n);
-      for (let i = 0, l = a.length; i < l; i++) {
-        const c = a[i];
-        n[c] && e.push(c);
+      const a = Object.keys(r);
+      for (let s = 0, i = a.length; s < i; s++) {
+        const c = a[s];
+        r[c] && e.push(c);
       }
     }
   };
-  for (let n = 0, o = t.length; n < o; n++) {
-    const a = t[n];
-    a != null && r(a);
+  for (let r = 0, o = t.length; r < o; r++) {
+    const a = t[r];
+    a != null && n(a);
   }
-  return e.length > 0 ? oo(e.join(" ")) : void 0;
-}, Le = (t) => t === !1 ? "false" : t === !0 ? "true" : t === 0 ? "0" : t, W = (t) => {
+  return e.length > 0 ? In(e.join(" ")) : void 0;
+}, Ne = (t) => t === !1 ? "false" : t === !0 ? "true" : t === 0 ? "0" : t, U = (t) => {
   if (!t || typeof t != "object") return !0;
   for (const e in t) return !1;
   return !0;
-}, ao = (t, e) => {
+}, Un = (t, e) => {
   if (t === e) return !0;
   if (!t || !e) return !1;
-  const r = Object.keys(t), n = Object.keys(e);
-  if (r.length !== n.length) return !1;
-  for (let o = 0; o < r.length; o++) {
-    const a = r[o];
-    if (!n.includes(a) || t[a] !== e[a]) return !1;
+  const n = Object.keys(t), r = Object.keys(e);
+  if (n.length !== r.length) return !1;
+  for (let o = 0; o < n.length; o++) {
+    const a = n[o];
+    if (!r.includes(a) || t[a] !== e[a]) return !1;
   }
   return !0;
-}, io = (t, e) => {
-  for (const r in e)
-    if (Object.prototype.hasOwnProperty.call(e, r)) {
-      const n = e[r];
-      r in t ? t[r] = Ft(t[r], n) : t[r] = n;
+}, Kn = (t, e) => {
+  for (const n in e)
+    if (Object.prototype.hasOwnProperty.call(e, n)) {
+      const r = e[n];
+      n in t ? t[n] = It(t[n], r) : t[n] = r;
     }
   return t;
-}, gr = (t, e) => {
-  for (let r = 0; r < t.length; r++) {
-    const n = t[r];
-    Array.isArray(n) ? gr(n, e) : n && e.push(n);
+}, Je = (t, e) => {
+  for (let n = 0; n < t.length; n++) {
+    const r = t[n];
+    Array.isArray(r) ? Je(r, e) : r && e.push(r);
   }
-}, pr = (...t) => {
+}, Xe = (...t) => {
   const e = [];
-  gr(t, e);
-  const r = [];
-  for (let n = 0; n < e.length; n++)
-    e[n] && r.push(e[n]);
-  return r;
-}, ie = (t, e) => {
-  const r = {};
-  for (const n in t) {
-    const o = t[n];
-    if (n in e) {
-      const a = e[n];
-      Array.isArray(o) || Array.isArray(a) ? r[n] = pr(a, o) : typeof o == "object" && typeof a == "object" && o && a ? r[n] = ie(o, a) : r[n] = a + " " + o;
+  Je(t, e);
+  const n = [];
+  for (let r = 0; r < e.length; r++)
+    e[r] && n.push(e[r]);
+  return n;
+}, ee = (t, e) => {
+  const n = {};
+  for (const r in t) {
+    const o = t[r];
+    if (r in e) {
+      const a = e[r];
+      Array.isArray(o) || Array.isArray(a) ? n[r] = Xe(a, o) : typeof o == "object" && typeof a == "object" && o && a ? n[r] = ee(o, a) : n[r] = a + " " + o;
     } else
-      r[n] = o;
+      n[r] = o;
   }
-  for (const n in e)
-    n in t || (r[n] = e[n]);
-  return r;
-}, so = {
+  for (const r in e)
+    r in t || (n[r] = e[r]);
+  return n;
+}, Wn = {
   twMerge: !0,
   twMergeConfig: {}
 };
-function lo() {
-  let t = null, e = {}, r = !1;
+function Hn() {
+  let t = null, e = {}, n = !1;
   return {
     get cachedTwMerge() {
       return t;
     },
-    set cachedTwMerge(n) {
-      t = n;
+    set cachedTwMerge(r) {
+      t = r;
     },
     get cachedTwMergeConfig() {
       return e;
     },
-    set cachedTwMergeConfig(n) {
-      e = n;
+    set cachedTwMergeConfig(r) {
+      e = r;
     },
     get didTwMergeConfigChange() {
-      return r;
+      return n;
     },
-    set didTwMergeConfigChange(n) {
-      r = n;
+    set didTwMergeConfigChange(r) {
+      n = r;
     },
     reset() {
-      t = null, e = {}, r = !1;
+      t = null, e = {}, n = !1;
     }
   };
 }
-var Yt = lo(), co = (t) => {
-  const e = (n, o) => {
+var Gt = Hn(), qn = (t) => {
+  const e = (r, o) => {
     const {
       extend: a = null,
-      slots: i = {},
-      variants: l = {},
+      slots: s = {},
+      variants: i = {},
       compoundVariants: c = [],
-      compoundSlots: u = [],
-      defaultVariants: d = {}
-    } = n, p = { ...so, ...o }, k = a?.base ? Ft(a.base, n?.base) : n?.base, m = a?.variants && !W(a.variants) ? ie(l, a.variants) : l, y = a?.defaultVariants && !W(a.defaultVariants) ? { ...a.defaultVariants, ...d } : d;
-    !W(p.twMergeConfig) && !ao(p.twMergeConfig, Yt.cachedTwMergeConfig) && (Yt.didTwMergeConfigChange = !0, Yt.cachedTwMergeConfig = p.twMergeConfig);
-    const E = W(a?.slots), f = W(i) ? {} : {
+      compoundSlots: d = [],
+      defaultVariants: u = {}
+    } = r, v = { ...Wn, ...o }, f = a?.base ? It(a.base, r?.base) : r?.base, h = a?.variants && !U(a.variants) ? ee(i, a.variants) : i, m = a?.defaultVariants && !U(a.defaultVariants) ? { ...a.defaultVariants, ...u } : u;
+    !U(v.twMergeConfig) && !Un(v.twMergeConfig, Gt.cachedTwMergeConfig) && (Gt.didTwMergeConfigChange = !0, Gt.cachedTwMergeConfig = v.twMergeConfig);
+    const C = U(a?.slots), p = U(s) ? {} : {
       // add "base" to the slots object
-      base: Ft(n?.base, E && a?.base),
-      ...i
-    }, x = E ? f : io(
+      base: It(r?.base, C && a?.base),
+      ...s
+    }, L = C ? p : Kn(
       { ...a?.slots },
-      W(f) ? { base: n?.base } : f
-    ), g = W(a?.compoundVariants) ? c : pr(a?.compoundVariants, c), h = (_) => {
-      if (W(m) && W(i) && E)
-        return t(k, _?.class, _?.className)(p);
-      if (g && !Array.isArray(g))
+      U(p) ? { base: r?.base } : p
+    ), M = U(a?.compoundVariants) ? c : Xe(a?.compoundVariants, c), y = (P) => {
+      if (U(h) && U(s) && C)
+        return t(f, P?.class, P?.className)(v);
+      if (M && !Array.isArray(M))
         throw new TypeError(
-          `The "compoundVariants" prop must be an array. Received: ${typeof g}`
+          `The "compoundVariants" prop must be an array. Received: ${typeof M}`
         );
-      if (u && !Array.isArray(u))
+      if (d && !Array.isArray(d))
         throw new TypeError(
-          `The "compoundSlots" prop must be an array. Received: ${typeof u}`
+          `The "compoundSlots" prop must be an array. Received: ${typeof d}`
         );
-      const J = (C, N = m, w = null, A = null) => {
-        const T = N[C];
-        if (!T || W(T))
+      const Lt = (x, k = h, S = null, T = null) => {
+        const A = k[x];
+        if (!A || U(A))
           return null;
-        const R = A?.[C] ?? _?.[C];
-        if (R === null) return null;
-        const F = Le(R);
+        const N = T?.[x] ?? P?.[x];
+        if (N === null) return null;
+        const F = Ne(N);
         if (typeof F == "object")
           return null;
-        const Q = y?.[C], z = F ?? Le(Q);
-        return T[z || "false"];
-      }, Kt = () => {
-        if (!m) return null;
-        const C = Object.keys(m), N = [];
-        for (let w = 0; w < C.length; w++) {
-          const A = J(C[w], m);
-          A && N.push(A);
+        const Z = m?.[x], V = F ?? Ne(Z);
+        return A[V || "false"];
+      }, mt = () => {
+        if (!h) return null;
+        const x = Object.keys(h), k = [];
+        for (let S = 0; S < x.length; S++) {
+          const T = Lt(x[S], h);
+          T && k.push(T);
         }
-        return N;
-      }, Ht = (C, N) => {
-        if (!m || typeof m != "object") return null;
-        const w = [];
-        for (const A in m) {
-          const T = J(A, m, C, N), R = C === "base" && typeof T == "string" ? T : T && T[C];
-          R && w.push(R);
+        return k;
+      }, Wt = (x, k) => {
+        if (!h || typeof h != "object") return null;
+        const S = [];
+        for (const T in h) {
+          const A = Lt(T, h, x, k), N = x === "base" && typeof A == "string" ? A : A && A[x];
+          N && S.push(N);
         }
-        return w;
-      }, xt = {};
-      for (const C in _) {
-        const N = _[C];
-        N !== void 0 && (xt[C] = N);
+        return S;
+      }, Mt = {};
+      for (const x in P) {
+        const k = P[x];
+        k !== void 0 && (Mt[x] = k);
       }
-      const Pt = (C, N) => {
-        const w = typeof _?.[C] == "object" ? {
-          [C]: _[C]?.initial
+      const At = (x, k) => {
+        const S = typeof P?.[x] == "object" ? {
+          [x]: P[x]?.initial
         } : {};
         return {
-          ...y,
-          ...xt,
-          ...w,
-          ...N
+          ...m,
+          ...Mt,
+          ...S,
+          ...k
         };
-      }, kt = (C = [], N) => {
-        const w = [], A = C.length;
-        for (let T = 0; T < A; T++) {
-          const { class: R, className: F, ...Q } = C[T];
-          let z = !0;
-          const X = Pt(null, N);
-          for (const j in Q) {
-            const q = Q[j], Dt = X[j];
-            if (Array.isArray(q)) {
-              if (!q.includes(Dt)) {
-                z = !1;
+      }, Pt = (x = [], k) => {
+        const S = [], T = x.length;
+        for (let A = 0; A < T; A++) {
+          const { class: N, className: F, ...Z } = x[A];
+          let V = !0;
+          const q = At(null, k);
+          for (const nt in Z) {
+            const G = Z[nt], yt = q[nt];
+            if (Array.isArray(G)) {
+              if (!G.includes(yt)) {
+                V = !1;
                 break;
               }
             } else {
-              if ((q == null || q === !1) && (Dt == null || Dt === !1))
+              if ((G == null || G === !1) && (yt == null || yt === !1))
                 continue;
-              if (Dt !== q) {
-                z = !1;
+              if (yt !== G) {
+                V = !1;
                 break;
               }
             }
           }
-          z && (R && w.push(R), F && w.push(F));
+          V && (N && S.push(N), F && S.push(F));
         }
-        return w;
-      }, st = (C) => {
-        const N = kt(g, C);
-        if (!Array.isArray(N)) return N;
-        const w = {}, A = t;
-        for (let T = 0; T < N.length; T++) {
-          const R = N[T];
-          if (typeof R == "string")
-            w.base = A(w.base, R)(p);
-          else if (typeof R == "object")
-            for (const F in R)
-              w[F] = A(w[F], R[F])(p);
+        return S;
+      }, Vt = (x) => {
+        const k = Pt(M, x);
+        if (!Array.isArray(k)) return k;
+        const S = {}, T = t;
+        for (let A = 0; A < k.length; A++) {
+          const N = k[A];
+          if (typeof N == "string")
+            S.base = T(S.base, N)(v);
+          else if (typeof N == "object")
+            for (const F in N)
+              S[F] = T(S[F], N[F])(v);
         }
-        return w;
-      }, lt = (C) => {
-        if (u.length < 1) return null;
-        const N = {}, w = Pt(null, C);
-        for (let A = 0; A < u.length; A++) {
+        return S;
+      }, ut = (x) => {
+        if (d.length < 1) return null;
+        const k = {}, S = At(null, x);
+        for (let T = 0; T < d.length; T++) {
           const {
-            slots: T = [],
-            class: R,
+            slots: A = [],
+            class: N,
             className: F,
-            ...Q
-          } = u[A];
-          if (!W(Q)) {
-            let z = !0;
-            for (const X in Q) {
-              const j = w[X], q = Q[X];
-              if (j === void 0 || (Array.isArray(q) ? !q.includes(j) : q !== j)) {
-                z = !1;
+            ...Z
+          } = d[T];
+          if (!U(Z)) {
+            let V = !0;
+            for (const q in Z) {
+              const nt = S[q], G = Z[q];
+              if (nt === void 0 || (Array.isArray(G) ? !G.includes(nt) : G !== nt)) {
+                V = !1;
                 break;
               }
             }
-            if (!z) continue;
+            if (!V) continue;
           }
-          for (let z = 0; z < T.length; z++) {
-            const X = T[z];
-            N[X] || (N[X] = []), N[X].push([R, F]);
+          for (let V = 0; V < A.length; V++) {
+            const q = A[V];
+            k[q] || (k[q] = []), k[q].push([N, F]);
           }
         }
-        return N;
+        return k;
       };
-      if (!W(i) || !E) {
-        const C = {};
-        if (typeof x == "object" && !W(x)) {
-          const N = t;
-          for (const w in x)
-            C[w] = (A) => {
-              const T = st(A), R = lt(A);
-              return N(
-                x[w],
-                Ht(w, A),
-                T ? T[w] : void 0,
-                R ? R[w] : void 0,
-                A?.class,
-                A?.className
-              )(p);
+      if (!U(s) || !C) {
+        const x = {};
+        if (typeof L == "object" && !U(L)) {
+          const k = t;
+          for (const S in L)
+            x[S] = (T) => {
+              const A = Vt(T), N = ut(T);
+              return k(
+                L[S],
+                Wt(S, T),
+                A ? A[S] : void 0,
+                N ? N[S] : void 0,
+                T?.class,
+                T?.className
+              )(v);
             };
         }
-        return C;
+        return x;
       }
       return t(
-        k,
-        Kt(),
-        kt(g),
-        _?.class,
-        _?.className
-      )(p);
-    }, D = () => {
-      if (!(!m || typeof m != "object"))
-        return Object.keys(m);
+        f,
+        mt(),
+        Pt(M),
+        P?.class,
+        P?.className
+      )(v);
+    }, St = () => {
+      if (!(!h || typeof h != "object"))
+        return Object.keys(h);
     };
-    return h.variantKeys = D(), h.extend = a, h.base = k, h.slots = x, h.variants = m, h.defaultVariants = y, h.compoundSlots = u, h.compoundVariants = g, h;
+    return y.variantKeys = St(), y.extend = a, y.base = f, y.slots = L, y.variants = h, y.defaultVariants = m, y.compoundSlots = d, y.compoundVariants = M, y;
   };
   return {
     tv: e,
-    createTV: (n) => (o, a) => e(o, a ? ie(n, a) : n)
+    createTV: (r) => (o, a) => e(o, a ? ee(r, a) : r)
   };
-}, uo = (...t) => (e) => Ft(t) || void 0, { tv: Wt } = co(uo);
-const Pe = Wt({
+}, Gn = (...t) => (e) => It(t) || void 0, { tv: Ut } = qn(Gn), Qn = /* @__PURE__ */ b("<a>"), Jn = /* @__PURE__ */ b("<button type=button>");
+const Be = Ut({
   base: "flex items-center justify-center rounded-lg transition-all duration-100 cursor-pointer active:scale-95",
   variants: {
     $variant: {
@@ -1671,312 +1355,354 @@ const Pe = Wt({
     $variant: "primary",
     $aspect: "auto"
   }
-});
-function ft(t) {
-  const { children: e, className: r, $variant: n, $size: o, $aspect: a, ...i } = t, { href: l, onClick: c } = t;
-  if (l) {
-    const d = {
-      href: l,
-      onClick: c,
-      className: at(Pe({ $variant: n, $size: o, $aspect: a }), r),
-      ...i
-    };
-    return tt("a", d, e);
-  }
-  const u = {
-    onClick: c,
-    className: at(Pe({ $variant: n, $size: o, $aspect: a }), r),
-    ...i
+}), kt = (t) => {
+  const [e, n] = ae(t, ["children", "class", "$variant", "$size", "$aspect", "href", "onClick"]);
+  return e.href ? (() => {
+    var r = Qn();
+    return Qt(r, W({
+      get href() {
+        return e.href;
+      },
+      get onClick() {
+        return e.onClick;
+      },
+      get class() {
+        return lt(Be({
+          $variant: e.$variant,
+          $size: e.$size,
+          $aspect: e.$aspect
+        }), e.class);
+      }
+    }, n), !1, !0), g(r, () => e.children), r;
+  })() : (() => {
+    var r = Jn();
+    return Qt(r, W({
+      get onClick() {
+        return e.onClick;
+      },
+      get class() {
+        return lt(Be({
+          $variant: e.$variant,
+          $size: e.$size,
+          $aspect: e.$aspect
+        }), e.class);
+      }
+    }, n), !1, !0), g(r, () => e.children), r;
+  })();
+};
+var Xn = /* @__PURE__ */ b('<div class="flex h-full w-full justify-between"><div class="grow py-1 ps-1"><div class="h-full rounded-sm border border-gray-300 bg-gray-400"></div></div><div class="flex h-full w-3 flex-col items-center justify-center gap-0.5 pr-0.5">'), Zn = /* @__PURE__ */ b('<div class="h-1.5 w-1.5 rounded-full border border-gray-500">'), Yn = /* @__PURE__ */ b('<div class="flex h-full w-full flex-col justify-between"><div class="grow px-1 pt-1"><div class="h-full rounded-sm border border-gray-200 bg-gray-300"></div></div><div class="flex h-3 w-full items-center justify-center gap-0.5 pb-0.5">'), to = /* @__PURE__ */ b('<div class="h-1.5 w-1.5 rounded-full border border-gray-400">'), eo = /* @__PURE__ */ b('<div class="-space-x-4 flex items-end"><div class="h-38 w-48 overflow-hidden rounded-lg bg-gray-300"></div><div class="h-18 w-12 overflow-hidden rounded-lg bg-gray-200">');
+const Ze = (t) => t ? 1 : 3, ro = (t) => (() => {
+  var e = Xn(), n = e.firstChild, r = n.nextSibling;
+  return g(r, l(ct, {
+    get each() {
+      return Array.from({
+        length: Ze(t.isApple)
+      });
+    },
+    children: () => Zn()
+  })), e;
+})(), no = (t) => (() => {
+  var e = Yn(), n = e.firstChild, r = n.nextSibling;
+  return g(r, l(ct, {
+    get each() {
+      return Array.from({
+        length: Ze(t.isApple)
+      });
+    },
+    children: () => to()
+  })), e;
+})(), oo = () => (() => {
+  var e = eo(), n = e.firstChild, r = n.nextSibling;
+  return g(n, l(ro, {
+    isApple: !0
+  })), g(r, l(no, {
+    isApple: !0
+  })), e;
+})();
+var ao = /* @__PURE__ */ b('<div class="flex flex-col items-center gap-4 p-6"><div class=text-center><p class="text-sm text-(--lv-text-secondary)"></p></div><div class="flex items-center">');
+const io = (t) => {
+  const {
+    t: e
+  } = D(), {
+    start: n
+  } = Gr();
+  return (() => {
+    var r = ao(), o = r.firstChild, a = o.firstChild, s = o.nextSibling;
+    return g(r, l(oo, {}), o), g(a, () => e("disconnected.prompt")), g(s, l(kt, {
+      type: "button",
+      onClick: n,
+      class: "z-10 px-6 py-3",
+      $variant: "primary",
+      $size: "lg",
+      get children() {
+        return e("disconnected.generateQr");
+      }
+    }), null), g(s, l(kt, {
+      type: "button",
+      get "aria-label"() {
+        return String(e("disconnected.connectionSettings"));
+      },
+      "aria-pressed": !1,
+      get onClick() {
+        return t.onSettings;
+      },
+      class: "px-3 ltr:-ml-1 ltr:rounded-l-none rtl:-mr-1 rtl:rounded-r-none",
+      $aspect: "square",
+      $size: "lg",
+      $variant: "secondary",
+      get children() {
+        return l(Ln, {
+          class: "h-5 w-5 text-(--lv-text-muted)"
+        });
+      }
+    }), null), r;
+  })();
+};
+var so = /* @__PURE__ */ b('<div class="flex flex-col space-y-2 px-4 text-start"><div class="min-h-32 w-full rounded-md border border-(--lv-control-button-secondary-border) md:flex justify-start divide-y md:divide-y-0 md:divide-x divide-(--lv-control-button-secondary-border)"><div class="p-2 w-full md:w-3/5"></div><div class="flex justify-center items-center grow"></div></div><div class="w-full rounded-md border border-(--lv-control-button-secondary-border) md:flex justify-start divide-y md:divide-y-0 md:divide-x divide-(--lv-control-button-secondary-border)"><div class="p-2 w-full md:w-3/5"></div><div class></div></div><div class="w-full rounded-md border border-(--lv-control-button-secondary-border) md:flex justify-start divide-y md:divide-y-0 md:divide-x divide-(--lv-control-button-secondary-border)"><div class="p-2 w-full md:w-3/5"></div><div class>');
+const lo = () => {
+  const {
+    t
+  } = D();
+  return (() => {
+    var e = so(), n = e.firstChild, r = n.firstChild, o = r.nextSibling, a = n.nextSibling, s = a.firstChild, i = a.nextSibling, c = i.firstChild;
+    return g(r, () => t("info.scanQrCode")), g(o, l(Rn, {
+      class: "w-10 h-10"
+    })), g(s, () => t("info.approveOnDevice")), g(c, () => t("info.youreConnected")), e;
+  })();
+}, re = (t, { duration: e = 200 } = {}) => {
+  const n = typeof t == "function" ? t : () => t, r = n(), [o, a] = O(r), [s, i] = O(void 0);
+  let c, d = r;
+  return J(() => {
+    const u = n();
+    Object.is(u, d) || (c && globalThis.clearTimeout(c), i(() => d), a(() => u), d = u, c = globalThis.setTimeout(() => {
+      i(() => {
+      }), c = void 0;
+    }, e), X(() => {
+      c && globalThis.clearTimeout(c);
+    }));
+  }), {
+    current: o,
+    previous: s,
+    isTransitioning: () => s() !== void 0
   };
-  return tt("button", u, e);
-}
-const go = ({ isApple: t }) => /* @__PURE__ */ v("div", { className: "flex h-full w-full justify-between", children: [
-  /* @__PURE__ */ s("div", { className: "grow py-1 ps-1", children: /* @__PURE__ */ s("div", { className: "h-full rounded-sm border border-gray-300 bg-gray-400" }) }),
-  /* @__PURE__ */ s("div", { className: "flex h-full w-3 flex-col items-center justify-center gap-0.5 pr-0.5", children: Array.from({ length: t ? 1 : 3 }).map((e, r) => /* @__PURE__ */ s(
-    "div",
-    {
-      className: "h-1.5 w-1.5 rounded-full border border-gray-500"
+}, Ot = () => {
+  const { provider: t } = Ct(), [e, n] = O(t.storage.getSettings()), r = (u) => {
+    n(u), t.storage.setSettings(u);
+  };
+  return {
+    settings: e,
+    setSettings: r,
+    setLanguage: (u) => {
+      r({ ...e(), language: u });
     },
-    "dot-t-" + r
-  )) })
-] }), po = ({ isApple: t }) => /* @__PURE__ */ v("div", { className: "flex h-full w-full flex-col justify-between", children: [
-  /* @__PURE__ */ s("div", { className: "grow px-1 pt-1", children: /* @__PURE__ */ s("div", { className: "h-full rounded-sm border border-gray-200 bg-gray-300" }) }),
-  /* @__PURE__ */ s("div", { className: "flex h-3 w-full items-center justify-center gap-0.5 pb-0.5", children: Array.from({ length: t ? 1 : 3 }).map((e, r) => /* @__PURE__ */ s(
-    "div",
-    {
-      className: "h-1.5 w-1.5 rounded-full border border-gray-400"
+    setThemeMode: (u) => {
+      r({ ...e(), theme: u });
     },
-    "dot-p-" + r
-  )) })
-] }), fo = () => /* @__PURE__ */ v("div", { className: "-space-x-4 flex items-end", children: [
-  /* @__PURE__ */ s("div", { className: "h-38 w-48 overflow-hidden rounded-lg bg-gray-300", children: /* @__PURE__ */ s(go, { isApple: !0 }) }),
-  /* @__PURE__ */ s("div", { className: "h-18 w-12 overflow-hidden rounded-lg bg-gray-200", children: /* @__PURE__ */ s(po, { isApple: !0 }) })
-] }), ho = ({
-  onSettings: t
-}) => {
-  const { t: e } = H(), { start: r } = dn();
-  return /* @__PURE__ */ v("div", { className: "flex flex-col items-center gap-4 p-6", children: [
-    /* @__PURE__ */ s(fo, {}),
-    /* @__PURE__ */ s("div", { className: "text-center", children: /* @__PURE__ */ s("p", { className: "text-sm text-(--lv-text-secondary)", children: e("disconnected.prompt") }) }),
-    /* @__PURE__ */ v("div", { className: "flex items-center", children: [
-      /* @__PURE__ */ s(
-        ft,
-        {
-          type: "button",
-          onClick: r,
-          className: "z-10 px-6 py-3",
-          $variant: "primary",
-          $size: "lg",
-          children: e("disconnected.generateQr")
-        }
-      ),
-      /* @__PURE__ */ s(
-        ft,
-        {
-          type: "button",
-          "aria-label": e("disconnected.connectionSettings"),
-          "aria-pressed": !1,
-          onClick: t,
-          className: "px-3 ltr:-ml-1 ltr:rounded-l-none rtl:-mr-1 rtl:rounded-r-none",
-          $aspect: "square",
-          $size: "lg",
-          $variant: "secondary",
-          children: /* @__PURE__ */ s(ro, { className: "h-5 w-5 text-(--lv-text-muted)" })
-        }
-      )
-    ] })
-  ] });
-}, vo = () => {
-  const { t } = H();
-  return /* @__PURE__ */ v("div", { className: "flex flex-col space-y-2 px-4", children: [
-    /* @__PURE__ */ s("div", { className: "min-h-32 w-full rounded-md border border-(--lv-control-button-secondary-border) p-2", children: t("info.scanQrCode") }),
-    /* @__PURE__ */ s("div", { className: "w-full rounded-md border border-border p-2", children: t("info.approveOnDevice") }),
-    /* @__PURE__ */ s("div", { className: "w-full rounded-md border border-border p-2", children: t("info.youreConnected") })
-  ] });
-}, mo = async (t) => {
-  if (!t) return !1;
-  try {
-    if (navigator?.clipboard?.writeText)
-      return await navigator.clipboard.writeText(t), !0;
-  } catch {
-  }
-  try {
-    const e = document.createElement("textarea");
-    e.value = t, e.style.position = "fixed", e.style.left = "-999999px", e.style.top = "-999999px", document.body.appendChild(e), e.focus(), e.select();
-    const r = document.execCommand("copy");
-    return document.body.removeChild(e), r;
-  } catch {
-    return !1;
-  }
-}, se = (t, { duration: e = 200 } = {}) => {
-  const [r, n] = P(t), [o, a] = P(null), i = G(), l = G(t);
-  return I(() => {
-    if (!Object.is(t, l.current))
-      return i.current && window.clearTimeout(i.current), a(l.current), n(t), l.current = t, i.current = window.setTimeout(() => {
-        a(null), i.current = void 0;
-      }, e), () => {
-        i.current && window.clearTimeout(i.current);
-      };
-  }, [t, e]), {
-    current: r,
-    previous: o,
-    isTransitioning: o !== null
+    setSignalingProtocol: (u) => {
+      r({ ...e(), signaling: { p: u, s: e()?.signaling?.s ?? {} } });
+    },
+    setSignalingOptions: (u) => {
+      const v = e()?.signaling?.p;
+      if (!v) return;
+      const f = e()?.signaling?.s ?? {};
+      r({ ...e(), signaling: { p: v, s: { ...f, [v]: u.url } } });
+    },
+    setRetainSessionHistory: (u) => {
+      r({ ...e(), retainHistory: u });
+    },
+    setAutoReconnect: (u) => {
+      r({ ...e(), autoReconnect: u });
+    }
   };
-}, fr = () => {
-  const { themeConfig: t } = Ze(), { settings: e, updateThemePreference: r } = wt(), n = t?.mode ?? "auto", o = e?.theme ?? "system", a = n === "auto";
+}, Ye = () => {
+  const { settings: t } = Ot(), e = K(() => t().theme), n = K(() => "light");
   return {
-    themeMode: a ? o ?? "system" : n,
-    appThemeMode: n,
-    userThemeMode: o,
-    isUserConfigurable: a,
-    updateThemePreference: r
+    theme: e,
+    mode: n
   };
-}, bo = "data:image/webp;base64,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", yo = () => {
-  const { t } = H(), { status: e } = Lt(), r = e?.status, n = e?.signaling?.state, o = $({ sessionState: r, signalState: n }).with({ sessionState: "connected" }, () => ({
-    icon: "✅",
-    text: t("status.connectedSuccessfully")
-  })).with({ sessionState: "signaling", signalState: "standby" }, () => ({
-    icon: "🫥",
-    text: t("status.connecting")
-  })).with({ sessionState: "signaling", signalState: "connecting" }, () => ({
-    icon: "↗️",
-    text: t("status.connecting")
-  })).with({ sessionState: "signaling", signalState: "ready" }, () => ({
-    icon: "👋",
-    text: t("status.ready")
-  })).with({ sessionState: "signaling", signalState: "handshake" }, () => ({
-    icon: "🤝",
-    text: t("status.handshakeClosed")
-  })).with(
-    { sessionState: "signaling", signalState: "handshake-partial" },
-    () => ({
+}, co = "data:image/webp;base64,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";
+var uo = /* @__PURE__ */ b('<div class="group flex items-center gap-2 rounded-md px-2 py-2 hover:bg-(--lv-control-button-secondary-background)"><div class="pointer-events-none whitespace-nowrap rounded-md text-xs opacity-0 group-hover:opacity-100"></div><div>');
+const go = () => {
+  const {
+    t
+  } = D(), {
+    status: e
+  } = Et(), n = K(() => {
+    const r = e()?.status, o = e()?.signaling?.state;
+    return ht({
+      sessionState: r,
+      signalState: o
+    }).with({
+      sessionState: "connected"
+    }, () => ({
+      icon: "✅",
+      text: t("status.connectedSuccessfully")
+    })).with({
+      sessionState: "signaling",
+      signalState: "standby"
+    }, () => ({
+      icon: "🫥",
+      text: t("status.connecting")
+    })).with({
+      sessionState: "signaling",
+      signalState: "connecting"
+    }, () => ({
+      icon: "↗️",
+      text: t("status.connecting")
+    })).with({
+      sessionState: "signaling",
+      signalState: "ready"
+    }, () => ({
+      icon: "👋",
+      text: t("status.ready")
+    })).with({
+      sessionState: "signaling",
+      signalState: "handshake"
+    }, () => ({
+      icon: "🤝",
+      text: t("status.handshakeClosed")
+    })).with({
+      sessionState: "signaling",
+      signalState: "handshake-partial"
+    }, () => ({
       icon: "🤝",
       text: t("status.handshakePartial")
-    })
-  ).with({ sessionState: "signaling", signalState: "encrypted" }, () => ({
-    icon: "🔒",
-    text: t("status.encrypted")
-  })).with({ sessionState: "signaling", signalState: "error" }, () => ({
-    icon: "❌",
-    text: t("status.signalError")
-  })).otherwise(() => {
+    })).with({
+      sessionState: "signaling",
+      signalState: "encrypted"
+    }, () => ({
+      icon: "🔒",
+      text: t("status.encrypted")
+    })).with({
+      sessionState: "signaling",
+      signalState: "error"
+    }, () => ({
+      icon: "❌",
+      text: t("status.signalError")
+    })).otherwise(() => {
+    });
   });
-  if (!o) return /* @__PURE__ */ s(ht, {});
-  const { icon: a, text: i } = o;
-  return /* @__PURE__ */ v("div", { className: "group flex items-center gap-2 rounded-md px-2 py-2 hover:bg-(--lv-control-button-secondary-background)", children: [
-    /* @__PURE__ */ s("div", { className: "pointer-events-none whitespace-nowrap rounded-md text-xs opacity-0 group-hover:opacity-100", children: i }),
-    /* @__PURE__ */ s("div", { children: a })
-  ] });
-}, wo = () => /* @__PURE__ */ v(ht, { children: [
-  /* @__PURE__ */ s("div", { className: "h-11 w-full" }),
-  /* @__PURE__ */ v("div", { className: "absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 px-3 py-2 text-(--lv-text-muted)", children: [
-    /* @__PURE__ */ v(
-      "a",
-      {
-        href: "https://github.com/v3xlabs/open-lavatory",
-        target: "_blank",
-        rel: "noreferrer",
-        className: "flex items-center gap-2 p-1 font-semibold text-sm text-(--lv-text-muted)",
-        children: [
-          /* @__PURE__ */ s(
-            "img",
-            {
-              src: bo,
-              alt: "Open Lavatory Logo",
-              width: 20,
-              height: 20,
-              className: "rounded",
-              "data-openlv-brand-logo": !0
-            }
-          ),
-          /* @__PURE__ */ s("span", { children: "openlv" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ s("div", { className: "text-sm text-(--lv-text-muted)", children: /* @__PURE__ */ s(yo, {}) })
-  ] })
-] });
-function xo(t) {
-  return dt({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "m15 18-6-6 6-6" }, child: [] }] })(t);
-}
-function ko(t) {
-  return dt({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "m9 18 6-6-6-6" }, child: [] }] })(t);
-}
-function hr(t) {
-  return dt({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "circle", attr: { cx: "12", cy: "12", r: "10" }, child: [] }, { tag: "path", attr: { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }, child: [] }, { tag: "path", attr: { d: "M12 17h.01" }, child: [] }] })(t);
-}
-function Co(t) {
-  return dt({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M5 12h14" }, child: [] }, { tag: "path", attr: { d: "M12 5v14" }, child: [] }] })(t);
-}
-function No(t) {
-  return dt({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M3 6h18" }, child: [] }, { tag: "path", attr: { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }, child: [] }, { tag: "path", attr: { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" }, child: [] }, { tag: "line", attr: { x1: "10", x2: "10", y1: "11", y2: "17" }, child: [] }, { tag: "line", attr: { x1: "14", x2: "14", y1: "11", y2: "17" }, child: [] }] })(t);
-}
-function _o(t) {
-  return dt({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M18 6 6 18" }, child: [] }, { tag: "path", attr: { d: "m6 6 12 12" }, child: [] }] })(t);
-}
-const So = ({
-  title: t,
-  view: e,
-  onClose: r,
-  onBack: n,
-  setView: o
-}) => {
-  const { t: a } = H();
-  return /* @__PURE__ */ v("div", { className: "flex items-center justify-between px-2 py-2", children: [
-    n ? /* @__PURE__ */ s(
-      ft,
-      {
-        onClick: n,
-        "aria-label": a(e === "settings" ? "modal.backToQr" : "modal.closeModal"),
+  return l(bt, {
+    get when() {
+      return n();
+    },
+    children: (r) => (() => {
+      var o = uo(), a = o.firstChild, s = a.nextSibling;
+      return g(a, () => r().text), g(s, () => r().icon), o;
+    })()
+  });
+};
+var vo = /* @__PURE__ */ b('<div class="h-11 w-full">'), ho = /* @__PURE__ */ b('<div class="absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 px-3 py-2 text-(--lv-text-muted)"><a href=https://github.com/v3xlabs/open-lavatory target=_blank rel=noreferrer class="flex items-center gap-2 p-1 font-semibold text-sm text-(--lv-text-muted)"><img alt="Open Lavatory Logo"width=20 height=20 class=rounded data-openlv-brand-logo><span>openlv</span></a><div class="text-sm text-(--lv-text-muted)">');
+const po = () => [vo(), (() => {
+  var t = ho(), e = t.firstChild, n = e.firstChild, r = e.nextSibling;
+  return et(n, "src", co), g(r, l(go, {})), t;
+})()];
+var fo = /* @__PURE__ */ b('<div class="flex items-center justify-between px-2 py-2"><h2 class="flex items-center justify-center gap-2 font-semibold text-(--lv-text-primary) text-lg">');
+const bo = (t) => {
+  const {
+    t: e
+  } = D();
+  return (() => {
+    var n = fo(), r = n.firstChild;
+    return g(n, (() => {
+      var o = pt(() => !!t.onBack);
+      return () => o() ? l(kt, {
+        get onClick() {
+          return t.onBack;
+        },
+        get "aria-label"() {
+          return String(t.view === "settings" ? e("modal.backToQr") : e("modal.closeModal"));
+        },
         $variant: "tertiary",
         $aspect: "square",
         $size: "md",
-        children: /* @__PURE__ */ s(xo, { className: "h-6 w-6 text-(--lv-text-muted) rtl:rotate-180" })
-      }
-    ) : (
-      // <Button
-      //   type="button"
-      //   href="https://openlv.sh"
-      //   target="_blank"
-      //   $variant="tertiary"
-      //   $aspect="square"
-      //   $size="md"
-      // >
-      //   <LuCircleHelp className="h-5 w-5" />
-      // </Button>
-      /* @__PURE__ */ s(
-        ft,
-        {
-          type: "button",
-          onClick: () => o("info"),
-          $variant: "tertiary",
-          $aspect: "square",
-          $size: "md",
-          children: /* @__PURE__ */ s(hr, { className: "h-5 w-5" })
+        get children() {
+          return l(wn, {
+            class: "h-6 w-6 text-(--lv-text-muted) rtl:rotate-180"
+          });
         }
-      )
-    ),
-    /* @__PURE__ */ s("h2", { className: "flex items-center justify-center gap-2 font-semibold text-(--lv-text-primary) text-lg", children: t }),
-    /* @__PURE__ */ s(
-      ft,
-      {
+      }) : l(kt, {
         type: "button",
-        "aria-label": a("common.close"),
-        "aria-pressed": !1,
-        onClick: r,
+        onClick: () => t.setView("info"),
         $variant: "tertiary",
         $aspect: "square",
         $size: "md",
-        children: /* @__PURE__ */ s(_o, { className: "h-6 w-6 text-(--lv-text-muted)" })
+        get children() {
+          return l(Qe, {
+            class: "h-5 w-5"
+          });
+        }
+      });
+    })(), r), g(r, () => t.title), g(n, l(kt, {
+      type: "button",
+      get "aria-label"() {
+        return String(e("common.close"));
+      },
+      "aria-pressed": !1,
+      get onClick() {
+        return t.onClose;
+      },
+      $variant: "tertiary",
+      $aspect: "square",
+      $size: "md",
+      get children() {
+        return l(Fn, {
+          class: "h-6 w-6 text-(--lv-text-muted)"
+        });
       }
-    )
-  ] });
-};
-function Ao(t, { transitionDuration: e = 200 } = {}) {
-  const [r, n] = P(t), { current: o, previous: a, isTransitioning: i } = se(r, {
+    }), null), n;
+  })();
+}, mo = (t, { transitionDuration: e = 200 } = {}) => {
+  const [n, r] = O([t]), [o, a] = O(0), s = K(() => n()[o()] ?? t), { current: i, previous: c, isTransitioning: d } = re(s, {
     duration: e
-  }), l = K((u) => {
-    n(u);
-  }, []), c = K(() => {
-    n(t);
-  }, [t]);
+  });
   return {
-    screen: o,
-    previousScreen: a,
-    isTransitioning: i,
-    navigate: l,
-    goBack: c,
-    isAtRoot: o === t
+    screen: i,
+    previousScreen: c,
+    isTransitioning: d,
+    navigate: (f) => {
+      const h = o(), m = n(), C = m[h];
+      if (Object.is(C, f)) return;
+      const p = m.slice(0, h + 1);
+      p.push(f), r(p), a(p.length - 1);
+    },
+    goBack: () => {
+      a((f) => Math.max(0, f - 1));
+    },
+    isAtRoot: () => o() === 0
   };
-}
-const To = ({
-  current: t,
-  previous: e,
-  isTransitioning: r,
-  render: n,
-  className: o
-}) => /* @__PURE__ */ v("div", { className: at("modal-transition__container", o), children: [
-  e !== null && /* @__PURE__ */ s("div", { className: "modal-transition__layer modal-transition__layer--outgoing", children: n(e) }),
-  /* @__PURE__ */ s(
-    "div",
-    {
-      className: at(
-        "modal-transition__layer",
-        r && "modal-transition__layer--incoming"
-      ),
-      children: n(t)
+};
+var yo = /* @__PURE__ */ b('<div class="modal-transition__layer modal-transition__layer--outgoing">'), wo = /* @__PURE__ */ b("<div><div>");
+const xo = (t) => (() => {
+  var e = wo(), n = e.firstChild;
+  return g(e, l(bt, {
+    get when() {
+      return t.previous !== void 0;
+    },
+    get children() {
+      var r = yo();
+      return g(r, () => t.render(t.previous)), r;
     }
-  )
-] }), Et = ({ title: t, right: e, children: r }) => /* @__PURE__ */ v("div", { children: [
-  /* @__PURE__ */ v("div", { className: "flex items-end justify-between py-1 pl-2", children: [
-    /* @__PURE__ */ s("div", { className: "font-medium text-(--lv-text-primary) text-sm", children: t }),
-    /* @__PURE__ */ s("div", { children: e })
-  ] }),
-  /* @__PURE__ */ s("div", { className: "flex flex-col gap-1 rounded-md bg-(--lv-card-background)", children: r })
-] }), Rt = ({ label: t, children: e }) => /* @__PURE__ */ v("div", { className: "flex items-baseline justify-between gap-2 px-2 py-1 first:pt-2 last:pb-2", children: [
-  /* @__PURE__ */ s("div", { className: "text-sm text-(--lv-text-secondary) text-start", children: t }),
-  /* @__PURE__ */ s("div", { children: e })
-] }), Eo = Wt({
+  }), n), g(n, () => t.render(t.current)), rt((r) => {
+    var o = lt("modal-transition__container", t.class), a = lt("modal-transition__layer", t.isTransitioning && "modal-transition__layer--incoming");
+    return o !== r.e && H(e, r.e = o), a !== r.t && H(n, r.t = a), r;
+  }, {
+    e: void 0,
+    t: void 0
+  }), e;
+})();
+var ko = /* @__PURE__ */ b('<div><div class="flex items-end justify-between py-1 pl-2"><div class="font-medium text-(--lv-text-primary) text-sm"></div><div></div></div><div class="flex flex-col gap-1 rounded-md bg-(--lv-card-background)">');
+const Bt = (t) => (() => {
+  var e = ko(), n = e.firstChild, r = n.firstChild, o = r.nextSibling, a = n.nextSibling;
+  return g(r, () => t.title), g(o, () => t.right), g(a, () => t.children), e;
+})();
+var Co = /* @__PURE__ */ b('<div class="flex items-baseline justify-between gap-2 px-2 py-1 first:pt-2 last:pb-2"><div class="text-sm text-(--lv-text-secondary) text-start"></div><div>');
+const Rt = (t) => (() => {
+  var e = Co(), n = e.firstChild, r = n.nextSibling;
+  return g(n, () => t.label), g(r, () => t.children), e;
+})();
+var So = /* @__PURE__ */ b("<select>"), Ao = /* @__PURE__ */ b("<div>"), $o = /* @__PURE__ */ b("<button type=button>"), _o = /* @__PURE__ */ b("<option>");
+const To = Ut({
   slots: {
     root: "flex overflow-hidden rounded-md border border-(--lv-control-button-secondary-border)",
     box: "px-4 py-2 font-semibold text-xs transition border-l first:border-l-0 border-(--lv-control-button-secondary-border)"
@@ -1994,75 +1720,123 @@ const To = ({
   defaultVariants: {
     active: "off"
   }
-}), Ro = Wt({
+}), No = Ut({
   base: "w-full rounded-md border border-(--lv-control-button-secondary-border) bg-(--lv-control-button-secondary-background) px-3 py-2 font-semibold text-xs text-(--lv-text-primary) cursor-pointer focus:outline-none focus:ring-2 focus:ring-(--lv-control-button-primary-background) appearance-none bg-[url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23888%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M6%209l6%206%206-6%22%2F%3E%3C%2Fsvg%3E')] bg-[length:14px] bg-[right_8px_center] bg-no-repeat pr-8"
-}), Gt = ({
-  options: t,
-  value: e,
-  onChange: r,
-  dropdownThreshold: n = 3
-}) => {
-  if (t.length > n) {
-    const l = Ro();
-    return /* @__PURE__ */ s(
-      "select",
-      {
-        className: l,
-        value: e,
-        onChange: (c) => r(c.target.value),
-        children: t.map(([c, u]) => /* @__PURE__ */ s("option", { value: c, children: u }, c))
-      }
-    );
-  }
-  const { root: a, box: i } = Eo({});
-  return /* @__PURE__ */ s("div", { className: a(), children: t.map(([l, c]) => /* @__PURE__ */ s(
-    "button",
-    {
-      type: "button",
-      onClick: () => r(l),
-      "aria-pressed": l === e,
-      className: i({ active: l === e ? "on" : "off" }),
-      children: c
+}), Kt = (t) => {
+  const e = No(), {
+    root: n,
+    box: r
+  } = To({});
+  return l(bt, {
+    get when() {
+      return t.options.length > (t.dropdownThreshold ?? 3);
+    },
+    get fallback() {
+      return (() => {
+        var o = Ao();
+        return g(o, l(ct, {
+          get each() {
+            return t.options;
+          },
+          children: ([a, s]) => (() => {
+            var i = $o();
+            return i.$$click = () => t.onChange(a), g(i, s), rt((c) => {
+              var d = a === t.value, u = r({
+                active: a === t.value ? "on" : "off"
+              });
+              return d !== c.e && et(i, "aria-pressed", c.e = d), u !== c.t && H(i, c.t = u), c;
+            }, {
+              e: void 0,
+              t: void 0
+            }), i;
+          })()
+        })), rt(() => H(o, n())), o;
+      })();
     },
-    l
-  )) });
-}, Oo = () => {
-  const { t } = H(), { userThemeMode: e, isUserConfigurable: r, updateThemePreference: n } = fr();
-  if (!r)
-    return null;
-  const o = [
-    ["light", t("settings.theme.light")],
-    ["dark", t("settings.theme.dark")],
-    ["system", t("settings.theme.system")]
-  ];
-  return /* @__PURE__ */ s(Rt, { label: t("settings.theme.mode"), children: /* @__PURE__ */ s(
-    Gt,
-    {
-      options: o,
-      value: e,
-      onChange: (a) => n(a)
+    get children() {
+      var o = So();
+      return o.addEventListener("change", (a) => t.onChange(a.currentTarget.value)), H(o, e), g(o, l(ct, {
+        get each() {
+          return t.options;
+        },
+        children: ([a, s]) => (() => {
+          var i = _o();
+          return i.value = a, g(i, s), i;
+        })()
+      })), rt(() => o.value = t.value), o;
     }
-  ) });
-}, Lo = () => {
-  const { t, languageTag: e, setLanguageTag: r } = H(), { settings: n, updateLanguage: o } = wt(), a = vt(() => [...ue].sort((l, c) => {
-    const u = ye(l.tag);
-    return ye(c.tag) - u;
-  }), []), i = (l) => {
-    const c = l;
-    r(c), o(c);
+  });
+};
+ft(["click"]);
+const Bo = () => {
+  const {
+    t
+  } = D(), e = Ye(), n = () => e.mode() === "auto", r = () => e.mode() === "auto" ? "system" : e.mode(), o = (a) => {
   };
-  return /* @__PURE__ */ v(Et, { title: t("settings.appearance"), children: [
-    /* @__PURE__ */ s(Rt, { label: t("settings.language"), children: /* @__PURE__ */ s(
-      Gt,
-      {
-        options: a.map((l) => [l.tag, l.nativeName]),
-        value: n?.language || e,
-        onChange: i
-      }
-    ) }),
-    /* @__PURE__ */ s(Oo, {})
-  ] });
-}, Po = Wt({
+  return l(bt, {
+    get when() {
+      return n();
+    },
+    get children() {
+      return l(Rt, {
+        get label() {
+          return t("settings.theme.mode");
+        },
+        get children() {
+          return l(Kt, {
+            get options() {
+              return [["light", t("settings.theme.light")], ["dark", t("settings.theme.dark")], ["system", t("settings.theme.system")]];
+            },
+            get value() {
+              return r();
+            },
+            onChange: (a) => o()
+          });
+        }
+      });
+    }
+  });
+}, Ro = () => {
+  const {
+    t,
+    languageTag: e,
+    setLanguageTag: n
+  } = D(), {
+    settings: r,
+    setLanguage: o
+  } = Ot(), a = K(() => [...se].sort((i, c) => {
+    const d = Ce(i.tag);
+    return Ce(c.tag) - d;
+  })), s = (i) => {
+    const c = i;
+    n(c), o(c);
+  };
+  return l(Bt, {
+    get title() {
+      return t("settings.appearance");
+    },
+    get children() {
+      return [l(Rt, {
+        get label() {
+          return t("settings.language");
+        },
+        get children() {
+          return l(Kt, {
+            get options() {
+              return a().map((i) => [i.tag, i.nativeName]);
+            },
+            get value() {
+              return r()?.language || e();
+            },
+            onChange: s
+          });
+        }
+      }), l(Bo, {})];
+    }
+  });
+};
+var Eo = /* @__PURE__ */ b("<div><div></div><div>"), Oo = /* @__PURE__ */ b("<div>Text");
+const Lo = Ut({
   slots: {
     root: "group relative",
     box: "cursor-pointer rounded-md transition-colors flex items-center justify-center hover:[background-color:var(--lv-control-button-tertiary-hoverBackground)] text-(--lv-text-muted)",
@@ -2092,253 +1866,328 @@ const To = ({
   defaultVariants: {
     size: "lg"
   }
-}), De = ({
-  variant: t = "icon",
-  children: e,
-  size: r = "lg"
-}) => {
-  const { root: n, box: o, popover: a, icon: i } = Po({ size: r, variant: t });
-  return /* @__PURE__ */ v("div", { className: n(), children: [
-    /* @__PURE__ */ s("div", { className: o(), children: $(t).with("icon", () => /* @__PURE__ */ s(hr, { className: i() })).with("text", () => /* @__PURE__ */ s("div", { children: "Text" })).exhaustive() }),
-    /* @__PURE__ */ s("div", { className: a(), children: e })
-  ] });
-}, Be = ({ label: t, value: e, onClick: r }) => /* @__PURE__ */ v(
-  "button",
-  {
-    type: "button",
-    onClick: r,
-    className: "flex w-full cursor-pointer items-center justify-between gap-2 first:rounded-t-sm last:rounded-b-sm px-2 py-1 first:pt-1.5 last:pb-2 hover:bg-(--lv-control-button-tertiary-hoverBackground)",
-    children: [
-      /* @__PURE__ */ s("div", { className: "text-sm text-(--lv-text-secondary) flex items-center gap-1", children: t }),
-      /* @__PURE__ */ v("div", { className: "flex items-center gap-1", children: [
-        e && /* @__PURE__ */ s("span", { className: "text-sm text-(--lv-text-muted)", children: e }),
-        /* @__PURE__ */ s(ko, { className: "h-4 w-4 text-(--lv-text-muted) rtl:rotate-180" })
-      ] })
-    ]
-  }
-), Do = ({ value: t, onChange: e }) => {
-  const { t: r } = H();
-  return /* @__PURE__ */ s(
-    Gt,
-    {
-      options: [
-        ["true", String(r("common.yes"))],
-        ["false", String(r("common.no"))]
-      ],
-      value: t ? "true" : "false",
-      onChange: (n) => e(n === "true")
-    }
-  );
-}, Bo = ({
-  onNavigate: t
-}) => {
-  const { t: e } = H(), { settings: r, updateRetainHistory: n, updateAutoReconnect: o } = wt();
-  return /* @__PURE__ */ v(Et, { title: e("settings.connectionPreferences.title"), children: [
-    /* @__PURE__ */ s(
-      Be,
-      {
-        label: /* @__PURE__ */ v(ht, { children: [
-          e("settings.signaling.title"),
-          /* @__PURE__ */ s(De, { variant: "icon", children: e("settings.signaling.description") })
-        ] }),
-        onClick: () => t("signaling"),
-        value: r?.signaling?.p
-      }
-    ),
-    /* @__PURE__ */ s(
-      Be,
-      {
-        label: /* @__PURE__ */ v(ht, { children: [
-          e("settings.transport.title"),
-          /* @__PURE__ */ s(De, { variant: "icon", children: e("settings.transport.description") })
-        ] }),
-        onClick: () => t("transport"),
-        value: "WebRTC"
+}), Re = (t) => {
+  const e = je({
+    variant: "icon",
+    size: "lg"
+  }, t), {
+    root: n,
+    box: r,
+    popover: o,
+    icon: a
+  } = Lo({
+    size: e.size,
+    variant: e.variant
+  });
+  return (() => {
+    var s = Eo(), i = s.firstChild, c = i.nextSibling;
+    return g(i, () => ht(e.variant).with("icon", () => l(Qe, {
+      get class() {
+        return a();
       }
-    ),
-    [
-      [
-        e("settings.connectionPreferences.retainSessionHistory"),
-        "retainHistory",
-        r?.retainHistory ?? !1,
-        n
-      ],
-      [
-        e("settings.connectionPreferences.autoReconnect"),
-        "autoReconnect",
-        r?.autoReconnect ?? !1,
-        o
-      ]
-    ].map(([a, i, l, c]) => /* @__PURE__ */ s(Rt, { label: a, children: /* @__PURE__ */ s(Do, { label: a, value: l, onChange: c }) }, i))
-  ] });
-}, Io = "h-9 w-full rounded-lg border bg-white px-3 text-sm focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-200 text-(--lv-text-primary) bg-(--lv-body-background) border-(--lv-control-input-border)", _t = ({
-  // eslint-disable-next-line no-restricted-syntax
-  id: t,
-  value: e,
-  placeholder: r,
-  ariaLabel: n,
-  readOnly: o = !0,
-  onChange: a
-}) => /* @__PURE__ */ s(
-  "input",
-  {
-    id: t,
-    className: Io,
-    value: e,
-    placeholder: r,
-    "aria-label": n,
-    readOnly: o,
-    onChange: (i) => {
-      i.target instanceof HTMLInputElement && a?.(i.target.value);
+    })).with("text", () => Oo()).exhaustive()), g(c, () => e.children), rt((d) => {
+      var u = n(), v = r(), f = o();
+      return u !== d.e && H(s, d.e = u), v !== d.t && H(i, d.t = v), f !== d.a && H(c, d.a = f), d;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0
+    }), s;
+  })();
+};
+var Mo = /* @__PURE__ */ b('<span class="text-sm text-(--lv-text-muted)">'), Po = /* @__PURE__ */ b('<button type=button class="flex w-full cursor-pointer items-center justify-between gap-2 first:rounded-t-sm last:rounded-b-sm px-2 py-1 first:pt-1.5 last:pb-2 hover:bg-(--lv-control-button-tertiary-hoverBackground)"><div class="text-sm text-(--lv-text-secondary) flex items-center gap-1"></div><div class="flex items-center gap-1">');
+const Ee = (t) => (() => {
+  var e = Po(), n = e.firstChild, r = n.nextSibling;
+  return ne(e, "click", t.onClick, !0), g(n, () => t.label), g(r, l(bt, {
+    get when() {
+      return t.value;
+    },
+    get children() {
+      var o = Mo();
+      return g(o, () => t.value), o;
     }
-  }
-), jo = ["mqtt", "ntfy", "gun"], Vo = () => {
-  const { t } = H(), { settings: e, updateSignalingProtocol: r, updateSignalingServer: n } = wt();
-  return /* @__PURE__ */ v("div", { children: [
-    /* @__PURE__ */ v(Et, { title: t("settings.signaling.title"), children: [
-      /* @__PURE__ */ s(Rt, { label: t("common.protocol"), children: /* @__PURE__ */ s(
-        Gt,
-        {
-          options: jo.map((o) => [
-            o.toLowerCase(),
-            o.toUpperCase()
-          ]),
-          value: e?.signaling?.p || "",
-          onChange: r
-        }
-      ) }),
-      /* @__PURE__ */ s(Rt, { label: t("settings.signaling.server"), children: /* @__PURE__ */ s(
-        _t,
-        {
-          id: "server",
-          value: e?.signaling?.s?.[e?.signaling?.p ?? ""] ?? "",
-          onChange: (o) => n(o),
-          placeholder: t("settings.signaling.serverUrl"),
-          ariaLabel: t("settings.signaling.serverUrl"),
-          readOnly: !1
+  }), null), g(r, l(Cn, {
+    class: "h-4 w-4 text-(--lv-text-muted) rtl:rotate-180"
+  }), null), e;
+})();
+ft(["click"]);
+const Vo = (t) => {
+  const {
+    t: e
+  } = D();
+  return l(Kt, {
+    get options() {
+      return [["true", String(e("common.yes"))], ["false", String(e("common.no"))]];
+    },
+    get value() {
+      return t.value ? "true" : "false";
+    },
+    onChange: (n) => t.onChange(n === "true")
+  });
+}, jo = (t) => {
+  const {
+    t: e
+  } = D(), {
+    settings: n,
+    setRetainSessionHistory: r,
+    setAutoReconnect: o
+  } = Ot();
+  return l(Bt, {
+    get title() {
+      return e("settings.connectionPreferences.title");
+    },
+    get children() {
+      return [l(Ee, {
+        get label() {
+          return [pt(() => e("settings.signaling.title")), l(Re, {
+            variant: "icon",
+            get children() {
+              return e("settings.signaling.description");
+            }
+          })];
+        },
+        onClick: () => t.onNavigate("signaling"),
+        get value() {
+          return n()?.signaling?.p;
         }
-      ) })
-    ] }),
-    /* @__PURE__ */ s("div", { className: "p-2 text-sm text-(--lv-text-secondary) text-start", children: t("settings.signaling.description") })
-  ] });
-}, Ie = ({
-  children: t,
-  onRemove: e
-}) => /* @__PURE__ */ v("div", { className: "flex items-center gap-2", children: [
-  /* @__PURE__ */ s("div", { className: "flex-1", children: t }),
-  /* @__PURE__ */ s(ft, { onClick: e, $variant: "tertiary", $aspect: "square", $size: "sm", children: /* @__PURE__ */ s(No, { className: "h-4 w-4 text-(--lv-text-muted)" }) })
-] }), je = ({
-  label: t,
-  onClick: e
-}) => /* @__PURE__ */ v(
-  "button",
-  {
-    type: "button",
-    onClick: e,
-    className: "flex w-full cursor-pointer items-center justify-center gap-1 rounded-md border border-dashed border-(--lv-control-input-border) py-2 text-sm text-(--lv-text-muted) hover:bg-(--lv-card-background)",
-    children: [
-      /* @__PURE__ */ s(Co, { className: "h-4 w-4" }),
-      t
-    ]
-  }
-), Mo = () => {
-  const { t } = H(), {
+      }), l(Ee, {
+        get label() {
+          return [pt(() => e("settings.transport.title")), l(Re, {
+            variant: "icon",
+            get children() {
+              return e("settings.transport.description");
+            }
+          })];
+        },
+        onClick: () => t.onNavigate("transport"),
+        value: "WebRTC"
+      }), l(ct, {
+        get each() {
+          return [[e("settings.connectionPreferences.retainSessionHistory"), n()?.retainHistory ?? !1, r], [e("settings.connectionPreferences.autoReconnect"), n()?.autoReconnect ?? !1, o]];
+        },
+        children: ([a, s, i]) => l(Rt, {
+          label: a,
+          get children() {
+            return l(Vo, {
+              label: a,
+              value: s,
+              onChange: i
+            });
+          }
+        })
+      })];
+    }
+  });
+};
+var zo = /* @__PURE__ */ b('<input class="h-9 w-full rounded-lg border bg-white px-3 text-sm focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-200 text-(--lv-text-primary) bg-(--lv-body-background) border-(--lv-control-input-border)">');
+const _t = (t) => {
+  const e = je({
+    readOnly: !0
+  }, t), [n] = ae(e, ["id", "value", "placeholder", "ariaLabel", "readOnly", "onChange"]);
+  return (() => {
+    var r = zo();
+    return r.$$input = (o) => {
+      n.onChange?.(o.currentTarget.value);
+    }, rt((o) => {
+      var a = n.id, s = n.placeholder, i = n.ariaLabel, c = n.readOnly;
+      return a !== o.e && et(r, "id", o.e = a), s !== o.t && et(r, "placeholder", o.t = s), i !== o.a && et(r, "aria-label", o.a = i), c !== o.o && (r.readOnly = o.o = c), o;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0
+    }), rt(() => r.value = n.value), r;
+  })();
+};
+ft(["input"]);
+var Fo = /* @__PURE__ */ b('<div><div class="p-2 text-sm text-(--lv-text-secondary) text-start">');
+const Do = ["mqtt", "ntfy", "gun"], Io = () => {
+  const {
+    t
+  } = D(), {
     settings: e,
-    addStunServer: r,
-    removeStunServer: n,
-    updateStunServer: o,
-    addTurnServer: a,
-    removeTurnServer: i,
-    updateTurnServer: l
-  } = wt(), c = e?.transport?.s?.webrtc?.stun ?? [], u = e?.transport?.s?.webrtc?.turn ?? [], d = (f, x) => {
-    o(f, x);
-  }, p = () => {
-    r("");
-  }, k = (f) => {
-    n(f);
-  }, m = (f, x, g) => {
-    l(f, { [x]: g || void 0 });
-  }, y = () => {
-    a({ urls: "" });
-  }, E = (f) => {
-    i(f);
+    setSignalingProtocol: n,
+    setSignalingOptions: r
+  } = Ot(), o = K(() => e()?.signaling?.p), a = K(() => {
+    const s = o();
+    return s ? e()?.signaling?.s?.[s] ?? "" : "";
+  });
+  return (() => {
+    var s = Fo(), i = s.firstChild;
+    return g(s, l(Bt, {
+      get title() {
+        return t("settings.signaling.title");
+      },
+      get children() {
+        return [l(Rt, {
+          get label() {
+            return t("common.protocol");
+          },
+          get children() {
+            return l(Kt, {
+              get options() {
+                return Do.map((c) => [c.toLowerCase(), c.toUpperCase()]);
+              },
+              get value() {
+                return o() ?? "";
+              },
+              onChange: (c) => n(c)
+            });
+          }
+        }), l(Rt, {
+          get label() {
+            return t("settings.signaling.server");
+          },
+          get children() {
+            return l(_t, {
+              id: "server",
+              get value() {
+                return a();
+              },
+              onChange: (c) => r({
+                url: c
+              }),
+              get placeholder() {
+                return String(t("settings.signaling.serverUrl"));
+              },
+              get ariaLabel() {
+                return String(t("settings.signaling.serverUrl"));
+              },
+              readOnly: !1
+            });
+          }
+        })];
+      }
+    }), i), g(i, () => t("settings.signaling.description")), s;
+  })();
+};
+var Uo = /* @__PURE__ */ b('<div class="flex items-center gap-2"><div class=flex-1>'), Ko = /* @__PURE__ */ b('<button type=button class="flex w-full cursor-pointer items-center justify-center gap-1 rounded-md border border-dashed border-(--lv-control-input-border) py-2 text-sm text-(--lv-text-muted) hover:bg-(--lv-card-background)">'), Wo = /* @__PURE__ */ b('<div class="flex flex-col gap-2 p-2">'), Ho = /* @__PURE__ */ b('<div class="flex flex-col gap-3 p-2">'), qo = /* @__PURE__ */ b('<div class="p-2 text-sm text-(--lv-text-secondary) text-start">'), Go = /* @__PURE__ */ b('<div class="flex flex-col gap-2 rounded-md border border-(--lv-control-input-border) p-2"><div class="grid grid-cols-2 gap-2">');
+const Oe = (t) => (() => {
+  var e = Uo(), n = e.firstChild;
+  return g(n, () => t.children), g(e, l(kt, {
+    get onClick() {
+      return t.onRemove;
+    },
+    $variant: "tertiary",
+    $aspect: "square",
+    $size: "sm",
+    get children() {
+      return l(Vn, {
+        class: "h-4 w-4 text-(--lv-text-muted)"
+      });
+    }
+  }), null), e;
+})(), Le = (t) => (() => {
+  var e = Ko();
+  return ne(e, "click", t.onClick, !0), g(e, l(Tn, {
+    class: "h-4 w-4"
+  }), null), g(e, () => t.label, null), e;
+})(), Qo = () => {
+  const {
+    t
+  } = D();
+  Ot();
+  const [e, n] = O([]), [r, o] = O([]), a = () => {
+    o([...r(), ""]);
+  }, s = (v) => {
+    o(r().filter((f, h) => h !== v));
+  }, i = (v, f) => {
+    o(r().map((h, m) => m === v ? f : h));
+  }, c = () => {
+    n([...e(), {
+      urls: ""
+    }]);
+  }, d = (v) => {
+    n(e().filter((f, h) => h !== v));
+  }, u = (v, f, h) => {
+    n(e().map((m, C) => C === v ? {
+      ...m,
+      [f]: h
+    } : m));
   };
-  return /* @__PURE__ */ v(ht, { children: [
-    /* @__PURE__ */ s(Et, { title: t("settings.transport.iceServers.stun"), children: /* @__PURE__ */ v("div", { className: "flex flex-col gap-2 p-2", children: [
-      c.map((f, x) => /* @__PURE__ */ s(
-        Ie,
-        {
-          onRemove: () => k(x),
-          children: /* @__PURE__ */ s(
-            _t,
-            {
+  return [l(Bt, {
+    get title() {
+      return t("settings.transport.iceServers.stun");
+    },
+    get children() {
+      var v = Wo();
+      return g(v, l(ct, {
+        get each() {
+          return r();
+        },
+        children: (f, h) => l(Oe, {
+          onRemove: () => s(h()),
+          get children() {
+            return l(_t, {
               value: f,
-              onChange: (g) => d(x, g),
+              onChange: (m) => i(h(), m),
               placeholder: "stun:stun.l.google.com:19302",
               readOnly: !1
-            }
-          )
+            });
+          }
+        })
+      }), null), g(v, l(Le, {
+        get label() {
+          return t("settings.transport.iceServers.addStun");
         },
-        x
-      )),
-      /* @__PURE__ */ s(
-        je,
-        {
-          label: t("settings.transport.iceServers.addStun"),
-          onClick: p
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ s(Et, { title: t("settings.transport.iceServers.turn"), children: /* @__PURE__ */ v("div", { className: "flex flex-col gap-3 p-2", children: [
-      u.map((f, x) => /* @__PURE__ */ v(
-        "div",
-        {
-          className: "flex flex-col gap-2 rounded-md border border-(--lv-control-input-border) p-2",
-          children: [
-            /* @__PURE__ */ s(Ie, { onRemove: () => E(x), children: /* @__PURE__ */ s(
-              _t,
-              {
-                value: f.urls,
-                onChange: (g) => m(x, "urls", g),
+        onClick: a
+      }), null), v;
+    }
+  }), l(Bt, {
+    get title() {
+      return t("settings.transport.iceServers.turn");
+    },
+    get children() {
+      var v = Ho();
+      return g(v, l(ct, {
+        get each() {
+          return e();
+        },
+        children: (f, h) => (() => {
+          var m = Go(), C = m.firstChild;
+          return g(m, l(Oe, {
+            onRemove: () => d(h()),
+            get children() {
+              return l(_t, {
+                get value() {
+                  return f.urls;
+                },
+                onChange: (p) => u(h(), "urls", p),
                 placeholder: "turn:relay.example.com:443",
                 readOnly: !1
-              }
-            ) }),
-            /* @__PURE__ */ v("div", { className: "grid grid-cols-2 gap-2", children: [
-              /* @__PURE__ */ s(
-                _t,
-                {
-                  value: f.username ?? "",
-                  onChange: (g) => m(x, "username", g),
-                  placeholder: "Username",
-                  readOnly: !1
-                }
-              ),
-              /* @__PURE__ */ s(
-                _t,
-                {
-                  value: f.credential ?? "",
-                  onChange: (g) => m(x, "credential", g),
-                  placeholder: "Password",
-                  readOnly: !1
-                }
-              )
-            ] })
-          ]
+              });
+            }
+          }), C), g(C, l(_t, {
+            get value() {
+              return f.username ?? "";
+            },
+            onChange: (p) => u(h(), "username", p),
+            placeholder: "Username",
+            readOnly: !1
+          }), null), g(C, l(_t, {
+            get value() {
+              return f.credential ?? "";
+            },
+            onChange: (p) => u(h(), "credential", p),
+            placeholder: "Password",
+            readOnly: !1
+          }), null), m;
+        })()
+      }), null), g(v, l(Le, {
+        get label() {
+          return t("settings.transport.iceServers.addTurn");
         },
-        x
-      )),
-      /* @__PURE__ */ s(
-        je,
-        {
-          label: t("settings.transport.iceServers.addTurn"),
-          onClick: y
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ s("div", { className: "p-2 text-sm text-(--lv-text-secondary) text-start", children: t("settings.transport.description") })
-  ] });
-}, Fo = (t) => {
+        onClick: c
+      }), null), v;
+    }
+  }), (() => {
+    var v = qo();
+    return g(v, () => t("settings.transport.description")), v;
+  })()];
+};
+ft(["click"]);
+var Jo = /* @__PURE__ */ b('<div class="px-4 pb-2">');
+const Xo = (t) => {
   switch (t) {
     case "main":
       return "settings.title";
@@ -2347,287 +2196,286 @@ const To = ({
     case "transport":
       return "settings.transport.title";
   }
-}, zo = ({
-  onTitleChange: t,
-  navigationRef: e
-}) => {
+}, Zo = (t) => {
   const {
-    screen: r,
+    screen: e,
     previousScreen: n,
-    isTransitioning: o,
-    navigate: a,
-    goBack: i,
-    isAtRoot: l
-  } = Ao("main"), c = G({ goBack: i, isAtRoot: l });
-  return c.current = { goBack: i, isAtRoot: l }, I(() => {
-    e && (e.current = c.current);
-  }, [e, i, l]), I(() => {
-    t?.(Fo(r));
-  }, [r, t]), /* @__PURE__ */ s("div", { className: "px-4 pb-2", children: /* @__PURE__ */ s(
-    To,
-    {
-      current: r,
-      previous: n,
-      isTransitioning: o,
-      render: (d) => {
-        switch (d) {
-          case "main":
-            return /* @__PURE__ */ v(ht, { children: [
-              /* @__PURE__ */ s(Bo, { onNavigate: a }),
-              /* @__PURE__ */ s(Lo, {})
-            ] });
-          case "signaling":
-            return /* @__PURE__ */ s(Vo, {});
-          case "transport":
-            return /* @__PURE__ */ s(Mo, {});
-        }
-      }
+    isTransitioning: r,
+    navigate: o,
+    goBack: a,
+    isAtRoot: s
+  } = mo("main"), i = {
+    goBack: a,
+    get isAtRoot() {
+      return s();
     }
-  ) });
-}, Uo = () => {
-  const [t, e] = P("start"), [r, n] = P(!1);
-  return I(() => {
-    if (!r) return;
-    const o = window.setTimeout(() => n(!1), 2e3);
-    return () => window.clearTimeout(o);
-  }, [r]), {
+  };
+  J(() => {
+    t.navigationRef && (t.navigationRef.current = i);
+  }), J(() => {
+    t.onTitleChange?.(Xo(e()));
+  });
+  const c = (d) => {
+    switch (d) {
+      case "main":
+        return [l(jo, {
+          onNavigate: o
+        }), l(Ro, {})];
+      case "signaling":
+        return l(Io, {});
+      case "transport":
+        return l(Qo, {});
+    }
+  };
+  return (() => {
+    var d = Jo();
+    return g(d, l(xo, {
+      get current() {
+        return e();
+      },
+      get previous() {
+        return n();
+      },
+      get isTransitioning() {
+        return r();
+      },
+      render: c
+    })), d;
+  })();
+};
+var Yo = /* @__PURE__ */ b("<div class=modal-transition__container><div>"), ta = /* @__PURE__ */ b('<div class="modal-transition__layer modal-transition__layer--outgoing">'), ea = /* @__PURE__ */ b('<div class="fixed inset-0 z-10000 flex animate-[bg-in_0.15s_ease-in-out] items-end justify-center md:items-center lg:p-4"role=presentation data-openlv-modal-root><div role=dialog aria-modal=true><div><div class=modal-transition__container><div><div class="flex flex-col text-center"></div></div></div></div><div>');
+const ra = () => {
+  const [t, e] = O("start"), [n, r] = O(!1);
+  return J(() => {
+    if (!n()) return;
+    const o = globalThis.setTimeout(() => r(!1), 2e3);
+    X(() => globalThis.clearTimeout(o));
+  }), {
     view: t,
     setView: e,
-    copied: r,
-    setCopied: n
+    copied: n,
+    setCopied: r
   };
-}, Wo = (t) => {
-  I(() => {
-    const e = (r) => {
-      r.key === "Escape" && t();
+}, na = (t) => {
+  J(() => {
+    const e = (n) => {
+      n.key === "Escape" && t();
     };
-    return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-  }, [t]);
-}, Go = () => {
-  const t = G(null), [e, r] = P(0), n = G(!1), o = K(
-    (a, i = !1) => {
-      const l = a || t.current;
-      if (!l) return;
-      const c = i ? l.scrollHeight : l.getBoundingClientRect().height;
-      c > 0 && (r(
-        (u) => typeof u == "number" && Math.abs(u - c) < 0.5 ? u : c
-      ), n.current = !0);
-    },
-    []
-  );
-  return yt(() => {
-    const a = t.current;
+    document.addEventListener("keydown", e), X(() => document.removeEventListener("keydown", e));
+  });
+}, oa = () => {
+  const [t, e] = O(), [n, r] = O(0), o = (a, s = !1) => {
+    const i = a || t();
+    if (!i) return;
+    const c = s ? i.scrollHeight : i.getBoundingClientRect().height;
+    c > 0 && r((d) => typeof d == "number" && Math.abs(d - c) < 0.5 ? d : c);
+  };
+  return J(() => {
+    const a = t();
     if (!a || typeof ResizeObserver > "u") return;
-    const i = new ResizeObserver(() => {
+    const s = new ResizeObserver(() => {
       o();
     });
-    return i.observe(a), () => i.disconnect();
-  }, [o]), I(() => {
-    if (typeof window > "u") return;
-    const a = () => {
-      o();
-    };
-    return window.addEventListener("resize", a), () => window.removeEventListener("resize", a);
-  }, [o]), {
-    contentRef: t,
-    height: e,
-    measureHeight: o,
-    setHeight: r
+    s.observe(a), X(() => s.disconnect());
+  }), J(() => {
+    globalThis.window !== void 0 && (window.addEventListener("resize", o), X(() => window.removeEventListener("resize", o)));
+  }), {
+    setContentRef: e,
+    contentNode: t,
+    height: n,
+    measureHeight: o
   };
-}, Ko = ({
-  onClose: t,
-  onCopy: e
-}) => {
-  const { view: r, setView: n, copied: o, setCopied: a } = Uo(), { uri: i } = Lt(), { status: l, provider: c } = Ot(), { contentRef: u, height: d, measureHeight: p } = Go(), {
-    current: k,
-    previous: m,
-    isTransitioning: y
-  } = se(r), {
-    current: E,
-    previous: f,
-    isTransitioning: x
-  } = se(l), g = K(() => n("settings"), [n]), { t: h, isRtl: D } = H(), { themeMode: _ } = fr(), J = G(null), [Kt, Ht] = P("settings.title"), xt = $(r).with("start", () => h("start.title")).with("settings", () => h(Kt)).with("info", () => h("info.title")).exhaustive();
-  Wo(t), I(() => {
-    l === ct.CONNECTED && t();
-  }, [l, t]);
-  const Pt = K(async () => {
-    i && await mo(i) && a(!0);
-  }, [i, a]), kt = G(!0), st = G(), lt = G(void 0), [C, N] = P(!1), w = G();
-  yt(() => {
-    if (u.current)
-      return kt.current ? (st.current && window.clearTimeout(st.current), st.current = window.setTimeout(() => {
-        u.current && (p(void 0, !0), kt.current = !1);
-      }, 0)) : p(), () => {
-        st.current && window.clearTimeout(st.current);
-      };
-  }, [p, E, k]), I(() => (lt.current !== void 0 && d !== lt.current && d > 0 && lt.current > 0 && Math.abs(d - lt.current) > 0.5 && (N(!0), w.current && window.clearTimeout(w.current), w.current = window.setTimeout(() => {
-    N(!1), w.current = void 0;
-  }, 200)), lt.current = d, () => {
-    w.current && window.clearTimeout(w.current);
-  }), [d]);
-  const A = () => {
-    c?.closeSession();
-  }, T = $({ view: r, status: l }).with({ view: "start", status: ct.STANDBY }, () => {
-  }).with({ view: "start" }, () => A).with({ view: "settings" }, () => J.current && !J.current.isAtRoot ? () => J.current?.goBack() : () => n("start")).with({ view: "info" }, () => () => n("start")).otherwise(() => () => {
-    A(), t();
-  }), R = (j) => $(j).with("start", () => /* @__PURE__ */ s(ho, { onSettings: g })).with("settings", () => /* @__PURE__ */ s(
-    zo,
-    {
-      onTitleChange: Ht,
-      navigationRef: J
-    }
-  )).with("info", () => /* @__PURE__ */ s(vo, {})).otherwise(() => /* @__PURE__ */ s(ne, { state: j })), F = () => /* @__PURE__ */ v("div", { className: "modal-transition__container", children: [
-    m && /* @__PURE__ */ s("div", { className: "modal-transition__layer modal-transition__layer--outgoing", children: R(m) }),
-    /* @__PURE__ */ s(
-      "div",
-      {
-        className: at(
-          "modal-transition__layer",
-          y && "modal-transition__layer--incoming"
-        ),
-        children: R(k)
-      }
-    )
-  ] }), Q = (j) => $(j).with(ct.STANDBY, () => F()).with(
-    He.union(
-      ct.CREATING,
-      ct.CONNECTING,
-      ct.CONNECTED
-    ),
-    () => /* @__PURE__ */ s(mn, { onClose: t, onCopy: e || Pt })
-  ).otherwise((q) => /* @__PURE__ */ s(ne, { state: q || "unknown status" }));
-  de("view", r);
-  const z = {
+}, aa = (t) => {
+  const {
+    view: e,
+    setView: n,
+    copied: r,
+    setCopied: o
+  } = ra(), {
+    uri: a,
+    status: s
+  } = Et(), {
+    provider: i
+  } = Ct(), {
+    setContentRef: c,
+    contentNode: d,
+    height: u,
+    measureHeight: v
+  } = oa(), {
+    current: f,
+    previous: h,
+    isTransitioning: m
+  } = re(e), {
+    current: C,
+    previous: p,
+    isTransitioning: L
+  } = re(s), M = () => n("settings"), {
+    t: y,
+    isRtl: St,
+    languageTag: P
+  } = D(), Lt = Ye(), mt = {
+    current: null
+  }, [Wt, Mt] = O("settings.title"), At = K(() => ht(e()).with("start", () => y("start.title")).with("settings", () => y(Wt())).with("info", () => y("info.title")).exhaustive());
+  na(t.onClose), J(() => {
+    s()?.status === Q.CONNECTED && t.onClose();
+  });
+  const Pt = async () => {
+    const $ = a();
+    $ && await Ge($) && o(!0);
+  };
+  let Vt = !0, ut, x, k;
+  const [S, T] = O(!1);
+  J(() => {
+    C(), f(), d() && (Vt ? (ut && globalThis.clearTimeout(ut), ut = globalThis.setTimeout(() => {
+      d() && (v(void 0, !0), Vt = !1);
+    }, 0)) : v(), X(() => {
+      ut && globalThis.clearTimeout(ut);
+    }));
+  }), J(() => {
+    const $ = u();
+    x !== void 0 && $ !== x && $ > 0 && x > 0 && Math.abs($ - x) > 0.5 && (T(!0), k && globalThis.clearTimeout(k), k = globalThis.setTimeout(() => {
+      T(!1), k = void 0;
+    }, 200)), x = $, X(() => {
+      k && globalThis.clearTimeout(k);
+    });
+  });
+  const [A, N] = O(i.getState().status);
+  oe(() => {
+    i.on("status_change", N);
+  }), X(() => {
+    i.off("status_change", N);
+  });
+  const F = K(() => !(e() === "start" && A() === Q.STANDBY)), Z = () => {
+    ht({
+      view: e(),
+      status: A()
+    }).with({
+      view: "start",
+      status: Q.STANDBY
+    }, () => {
+    }).with({
+      view: "start"
+    }, () => {
+      i.closeSession();
+    }).with({
+      view: "settings"
+    }, () => {
+      mt.current && !mt.current.isAtRoot ? mt.current.goBack() : n("start");
+    }).with({
+      view: "info"
+    }, () => {
+      n("start");
+    }).otherwise(() => {
+      i.closeSession(), t.onClose();
+    });
+  }, V = ($) => ht($).with("start", () => l(io, {
+    onSettings: M
+  })).with("settings", () => l(Zo, {
+    onTitleChange: Mt,
+    navigationRef: mt
+  })).with("info", () => l(lo, {})).otherwise(() => l(te, {
+    state: $
+  })), q = () => (() => {
+    var $ = Yo(), I = $.firstChild;
+    return g($, l(bt, {
+      get when() {
+        return h();
+      },
+      children: (gt) => (() => {
+        var $t = ta();
+        return g($t, () => V(gt())), $t;
+      })()
+    }), I), g(I, () => V(f())), rt(() => H(I, lt("modal-transition__layer", m() && "modal-transition__layer--incoming"))), $;
+  })(), nt = ($) => ht($).with(Q.STANDBY, () => q()).with(Sr.union(Q.CREATING, Q.CONNECTING, Q.CONNECTED), () => l(dn, {
+    get onClose() {
+      return t.onClose;
+    },
+    onCopy: Pt
+  })).otherwise((I) => l(te, {
+    state: I || "unknown status"
+  })), G = {
     background: "var(--lv-overlay-background, rgba(0,0,0,0.3))",
-    backdropFilter: "var(--lv-overlay-backdrop-filter, blur(4px))"
-  }, X = {
+    "backdrop-filter": "var(--lv-overlay-backdrop-filter, blur(4px))"
+  }, yt = {
     background: "var(--lv-body-background)",
     color: "var(--lv-body-color, var(--lv-text-primary))",
-    borderRadius: "var(--lv-border-radius, 16px)",
-    boxShadow: "var(--lv-modal-shadow, 0px 12px 32px rgba(0,0,0,0.25))"
-  };
-  return /* @__PURE__ */ s(
-    "div",
-    {
-      className: "fixed inset-0 z-10000 flex animate-[bg-in_0.15s_ease-in-out] items-end justify-center font-sans md:items-center lg:p-4",
-      onClick: t,
-      role: "presentation",
-      "data-openlv-modal-root": !0,
-      "data-openlv-theme-mode": _,
-      dir: D ? "rtl" : "ltr",
-      style: z,
-      children: /* @__PURE__ */ v(
-        "div",
-        {
-          className: at(
-            "relative w-full max-w-[400px] animate-[fade-in_0.15s_ease-in-out] transition-[height] duration-200 ease-out",
-            C || f ? "overflow-hidden" : void 0
-          ),
-          role: "dialog",
-          "aria-modal": "true",
-          "aria-label": xt,
-          onClick: (j) => j.stopPropagation(),
-          style: {
-            ...typeof d == "number" && d > 0 ? { height: `${d}px` } : {},
-            ...X
-          },
-          children: [
-            /* @__PURE__ */ v("div", { ref: u, children: [
-              /* @__PURE__ */ s(
-                So,
-                {
-                  title: xt,
-                  view: r,
-                  onClose: t,
-                  onBack: T,
-                  setView: n
-                }
-              ),
-              /* @__PURE__ */ v("div", { className: "modal-transition__container", children: [
-                f && /* @__PURE__ */ s("div", { className: "modal-transition__layer modal-transition__layer--outgoing absolute", children: /* @__PURE__ */ s("div", { className: "flex flex-col text-center", children: Q(f) }) }),
-                /* @__PURE__ */ s(
-                  "div",
-                  {
-                    className: at(
-                      "modal-transition__layer",
-                      x && "modal-transition__layer--incoming"
-                    ),
-                    children: /* @__PURE__ */ s("div", { className: "flex flex-col text-center", children: Q(E) })
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ s(wo, {})
-            ] }),
-            /* @__PURE__ */ s(
-              "div",
-              {
-                className: at(
-                  "absolute top-5 rounded-lg bg-blue-500 px-4 py-3 font-medium text-sm text-white transition-all ltr:right-5 rtl:left-5",
-                  o ? "translate-x-0 opacity-100" : "opacity-0 ltr:translate-x-full rtl:-translate-x-full"
-                ),
-                children: h("modal.urlCopied")
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-}, Ho = ({ onClose: t = () => {
-}, onCopy: e }) => /* @__PURE__ */ s(Ko, { onClose: t, onCopy: e }), $o = (t = "idle") => {
-  const [e, r] = P({
-    state: t
-  }), n = K(
-    (i, l) => {
-      r((c) => ({
-        ...c,
-        state: i,
-        ...l
-      }));
-    },
-    []
-  ), o = K((i) => {
-    r(i);
-  }, []), a = K(() => {
-    r({ state: "idle" });
-  }, []);
-  return {
-    connectionInfo: e,
-    updateState: n,
-    updateConnectionInfo: o,
-    reset: a
+    "border-radius": "var(--lv-border-radius, 16px)",
+    "box-shadow": "var(--lv-modal-shadow, 0px 12px 32px rgba(0,0,0,0.25))"
   };
-}, Jo = (t = "openlv-modal") => {
-  if (typeof window > "u")
+  return (() => {
+    var $ = ea(), I = $.firstChild, gt = I.firstChild, $t = gt.firstChild, le = $t.firstChild, tr = le.firstChild, ce = gt.nextSibling;
+    return $.$$mouseup = (B) => {
+      B.target === B.currentTarget && t.onClose();
+    }, be($, G), I.$$click = (B) => B.stopPropagation(), ir(c, gt), g(gt, l(bo, {
+      get title() {
+        return String(At());
+      },
+      get view() {
+        return e();
+      },
+      get onClose() {
+        return t.onClose;
+      },
+      get onBack() {
+        return F() ? Z : void 0;
+      },
+      setView: n
+    }), $t), g(tr, () => nt(A())), g(gt, l(po, {}), null), g(ce, () => y("modal.urlCopied")), rt((B) => {
+      var de = Lt.mode(), ue = P(), ge = St() ? "rtl" : "ltr", ve = lt("relative w-full max-w-[400px] animate-[fade-in_0.15s_ease-in-out] transition-[height] duration-200 ease-out", S() || p() ? "overflow-hidden" : void 0), he = String(At()), er = {
+        ...typeof u() == "number" && u() > 0 ? {
+          height: `${u()}px`
+        } : {},
+        ...yt
+      }, pe = lt("modal-transition__layer", L() && "modal-transition__layer--incoming"), fe = lt("absolute top-5 rounded-lg bg-blue-500 px-4 py-3 font-medium text-sm text-white transition-all ltr:right-5 rtl:left-5", r() ? "translate-x-0 opacity-100" : "opacity-0 ltr:translate-x-full rtl:-translate-x-full");
+      return de !== B.e && et($, "data-openlv-theme-mode", B.e = de), ue !== B.t && et($, "lang", B.t = ue), ge !== B.a && et($, "dir", B.a = ge), ve !== B.o && H(I, B.o = ve), he !== B.i && et(I, "aria-label", B.i = he), B.n = be(I, er, B.n), pe !== B.s && H(le, B.s = pe), fe !== B.h && H(ce, B.h = fe), B;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0,
+      i: void 0,
+      n: void 0,
+      s: void 0,
+      h: void 0
+    }), $;
+  })();
+};
+ft(["mouseup", "click"]);
+const ia = (...t) => console.log(
+  "%c[modal]%c",
+  "color: yellow; font-weight: bold",
+  "color: inherit; font-weight: normal",
+  ...t
+), sa = (t = "openlv-modal") => {
+  if (globalThis.window === void 0)
     return t;
-  const e = window.customElements;
+  const e = globalThis.customElements;
   return e ? (e.get(t) || e.define(
     t,
-    Xe
+    We
   ), t) : (console.warn(
     "OpenLV modal: custom elements are not supported in this environment."
   ), t);
-}, ta = (t) => {
+}, ua = (t) => {
   const e = document.querySelector("openlv-modal");
   if (e && e.remove(), !e) {
-    Jo();
-    const r = new Xe({
+    sa();
+    const n = new We({
       onClose() {
-        de("modal closed"), r.remove(), t.onClose?.();
+        ia("modal closed"), n.remove(), t.onClose?.();
       },
       provider: t.provider,
       theme: t.theme
     });
-    document.body.appendChild(r), r.showModal();
+    document.body.append(n);
   }
 };
 export {
-  Ho as ModalRoot,
-  bo as OPENLV_ICON_128,
-  Xe as OpenLVModalElement,
-  Xe as default,
-  Jo as registerOpenLVModal,
-  ta as triggerOpenModal,
-  $o as useConnectionState
+  aa as ModalRoot,
+  co as OPENLV_ICON_128,
+  We as OpenLVModalElement,
+  We as default,
+  sa as registerOpenLVModal,
+  ua as triggerOpenModal
 };
 //# sourceMappingURL=index.es.js.map