npm - @openlv/modal - Versions diffs - 0.0.1-beta.5 → 0.0.1-beta.6 - Mend

@openlv/modal 0.0.1-beta.5 → 0.0.1-beta.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/index.es.js CHANGED Viewed

@@ -1,211 +1,283 @@
 var ir = Object.defineProperty;
 var or = (e, t, r) => t in e ? ir(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var ae = (e, t, r) => or(e, typeof t != "symbol" ? t + "" : t, r);
-import { jsx as s, jsxs as m, Fragment as Nt } from "preact/jsx-runtime";
-import { useContext as $e, useState as O, useEffect as z, useCallback as I, useRef as L, useReducer as Ct, useMemo as At, useLayoutEffect as ue, useImperativeHandle as Ot, useId as jt, useDebugValue as Tt } from "preact/hooks";
-import { createContext as Rt, createElement as K, Fragment as ve, Component as le, createRef as ar, toChildArray as ee, cloneElement as sr, render as ce, hydrate as lr, options as R, h as cr } from "preact";
+var fe = (e, t, r) => or(e, typeof t != "symbol" ? t + "" : t, r);
+import { jsx as l, jsxs as b, Fragment as kt } from "preact/jsx-runtime";
+import { useState as M, useRef as J, useReducer as Ct, useMemo as At, useLayoutEffect as ve, useImperativeHandle as St, useId as Et, useEffect as B, useDebugValue as Ot, useContext as Ze, useCallback as q } from "preact/hooks";
+import { createElement as ee, Fragment as _e, Component as he, createRef as ar, createContext as Rt, toChildArray as ce, cloneElement as sr, render as ge, hydrate as lr, options as F, h as cr } from "preact";
 import ur from "qrcode-generator";
-function dr(e) {
+const dr = 1, fr = (e) => {
+  const t = new URLSearchParams();
+  return t.set("h", e.h), t.set("k", e.k), e.p && t.set("p", e.p), e.s && t.set("s", e.s), `openlv://${e.sessionId}@${dr}?${t.toString()}`;
+};
+function pr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Me = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var ct;
-function pr() {
-  return ct || (ct = 1, (function(e) {
-    (function() {
-      var t = {}.hasOwnProperty;
-      function r() {
-        for (var o = "", a = 0; a < arguments.length; a++) {
-          var l = arguments[a];
-          l && (o = i(o, n(l)));
+var ze = { exports: {} }, st;
+function hr() {
+  return st || (st = 1, (function(e) {
+    var t = Object.prototype.hasOwnProperty, r = "~";
+    function n() {
+    }
+    Object.create && (n.prototype = /* @__PURE__ */ Object.create(null), new n().__proto__ || (r = !1));
+    function i(c, u, d) {
+      this.fn = c, this.context = u, this.once = d || !1;
+    }
+    function o(c, u, d, p, w) {
+      if (typeof d != "function")
+        throw new TypeError("The listener must be a function");
+      var S = new i(d, p || c, w), N = r ? r + u : u;
+      return c._events[N] ? c._events[N].fn ? c._events[N] = [c._events[N], S] : c._events[N].push(S) : (c._events[N] = S, c._eventsCount++), c;
+    }
+    function a(c, u) {
+      --c._eventsCount === 0 ? c._events = new n() : delete c._events[u];
+    }
+    function s() {
+      this._events = new n(), this._eventsCount = 0;
+    }
+    s.prototype.eventNames = function() {
+      var u = [], d, p;
+      if (this._eventsCount === 0) return u;
+      for (p in d = this._events)
+        t.call(d, p) && u.push(r ? p.slice(1) : p);
+      return Object.getOwnPropertySymbols ? u.concat(Object.getOwnPropertySymbols(d)) : u;
+    }, s.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 w = 0, S = p.length, N = new Array(S); w < S; w++)
+        N[w] = p[w].fn;
+      return N;
+    }, s.prototype.listenerCount = function(u) {
+      var d = r ? r + u : u, p = this._events[d];
+      return p ? p.fn ? 1 : p.length : 0;
+    }, s.prototype.emit = function(u, d, p, w, S, N) {
+      var P = r ? r + u : u;
+      if (!this._events[P]) return !1;
+      var f = this._events[P], j = arguments.length, O, k;
+      if (f.fn) {
+        switch (f.once && this.removeListener(u, f.fn, void 0, !0), j) {
+          case 1:
+            return f.fn.call(f.context), !0;
+          case 2:
+            return f.fn.call(f.context, d), !0;
+          case 3:
+            return f.fn.call(f.context, d, p), !0;
+          case 4:
+            return f.fn.call(f.context, d, p, w), !0;
+          case 5:
+            return f.fn.call(f.context, d, p, w, S), !0;
+          case 6:
+            return f.fn.call(f.context, d, p, w, S, N), !0;
         }
-        return o;
-      }
-      function n(o) {
-        if (typeof o == "string" || typeof o == "number")
-          return o;
-        if (typeof o != "object")
-          return "";
-        if (Array.isArray(o))
-          return r.apply(null, o);
-        if (o.toString !== Object.prototype.toString && !o.toString.toString().includes("[native code]"))
-          return o.toString();
-        var a = "";
-        for (var l in o)
-          t.call(o, l) && o[l] && (a = i(a, l));
-        return a;
+        for (k = 1, O = new Array(j - 1); k < j; k++)
+          O[k - 1] = arguments[k];
+        f.fn.apply(f.context, O);
+      } else {
+        var H = f.length, Y;
+        for (k = 0; k < H; k++)
+          switch (f[k].once && this.removeListener(u, f[k].fn, void 0, !0), j) {
+            case 1:
+              f[k].fn.call(f[k].context);
+              break;
+            case 2:
+              f[k].fn.call(f[k].context, d);
+              break;
+            case 3:
+              f[k].fn.call(f[k].context, d, p);
+              break;
+            case 4:
+              f[k].fn.call(f[k].context, d, p, w);
+              break;
+            default:
+              if (!O) for (Y = 1, O = new Array(j - 1); Y < j; Y++)
+                O[Y - 1] = arguments[Y];
+              f[k].fn.apply(f[k].context, O);
+          }
       }
-      function i(o, a) {
-        return a ? o ? o + " " + a : o + a : o;
+      return !0;
+    }, s.prototype.on = function(u, d, p) {
+      return o(this, u, d, p, !1);
+    }, s.prototype.once = function(u, d, p) {
+      return o(this, u, d, p, !0);
+    }, s.prototype.removeListener = function(u, d, p, w) {
+      var S = r ? r + u : u;
+      if (!this._events[S]) return this;
+      if (!d)
+        return a(this, S), this;
+      var N = this._events[S];
+      if (N.fn)
+        N.fn === d && (!w || N.once) && (!p || N.context === p) && a(this, S);
+      else {
+        for (var P = 0, f = [], j = N.length; P < j; P++)
+          (N[P].fn !== d || w && !N[P].once || p && N[P].context !== p) && f.push(N[P]);
+        f.length ? this._events[S] = f.length === 1 ? f[0] : f : a(this, S);
       }
-      e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
-    })();
-  })(Me)), Me.exports;
-}
-var fr = pr();
-const se = /* @__PURE__ */ dr(fr), T = Symbol.for("@ts-pattern/matcher"), Et = Symbol.for("@ts-pattern/isVariadic"), Ce = "@ts-pattern/anonymous-select-key", Fe = (e) => !!(e && typeof e == "object"), Se = (e) => e && !!e[T], k = (e, t, r) => {
+      return this;
+    }, s.prototype.removeAllListeners = function(u) {
+      var d;
+      return u ? (d = r ? r + u : u, this._events[d] && a(this, d)) : (this._events = new n(), this._eventsCount = 0), this;
+    }, s.prototype.off = s.prototype.removeListener, s.prototype.addListener = s.prototype.on, s.prefixed = r, s.EventEmitter = s, e.exports = s;
+  })(ze)), ze.exports;
+}
+hr();
+const V = Symbol.for("@ts-pattern/matcher"), Tt = Symbol.for("@ts-pattern/isVariadic"), Oe = "@ts-pattern/anonymous-select-key", He = (e) => !!(e && typeof e == "object"), Se = (e) => e && !!e[V], E = (e, t, r) => {
   if (Se(e)) {
-    const n = e[T](), { matched: i, selections: o } = n.match(t);
+    const n = e[V](), { matched: i, selections: o } = n.match(t);
     return i && o && Object.keys(o).forEach((a) => r(a, o[a])), i;
   }
-  if (Fe(e)) {
-    if (!Fe(t)) return !1;
+  if (He(e)) {
+    if (!He(t)) return !1;
     if (Array.isArray(e)) {
       if (!Array.isArray(t)) return !1;
       let n = [], i = [], o = [];
       for (const a of e.keys()) {
-        const l = e[a];
-        Se(l) && l[Et] ? o.push(l) : o.length ? i.push(l) : n.push(l);
+        const s = e[a];
+        Se(s) && s[Tt] ? o.push(s) : o.length ? i.push(s) : n.push(s);
       }
       if (o.length) {
         if (o.length > 1) throw new Error("Pattern error: Using `...P.array(...)` several times in a single pattern is not allowed.");
         if (t.length < n.length + i.length) return !1;
-        const a = t.slice(0, n.length), l = i.length === 0 ? [] : t.slice(-i.length), c = t.slice(n.length, i.length === 0 ? 1 / 0 : -i.length);
-        return n.every((g, v) => k(g, a[v], r)) && i.every((g, v) => k(g, l[v], r)) && (o.length === 0 || k(o[0], c, r));
+        const a = t.slice(0, n.length), s = i.length === 0 ? [] : t.slice(-i.length), c = t.slice(n.length, i.length === 0 ? 1 / 0 : -i.length);
+        return n.every((u, d) => E(u, a[d], r)) && i.every((u, d) => E(u, s[d], r)) && (o.length === 0 || E(o[0], c, r));
       }
-      return e.length === t.length && e.every((a, l) => k(a, t[l], r));
+      return e.length === t.length && e.every((a, s) => E(a, t[s], r));
     }
     return Reflect.ownKeys(e).every((n) => {
       const i = e[n];
-      return (n in t || Se(o = i) && o[T]().matcherType === "optional") && k(i, t[n], r);
+      return (n in t || Se(o = i) && o[V]().matcherType === "optional") && E(i, t[n], r);
       var o;
     });
   }
   return Object.is(t, e);
-}, j = (e) => {
+}, z = (e) => {
   var t, r, n;
-  return Fe(e) ? Se(e) ? (t = (r = (n = e[T]()).getSelectionKeys) == null ? void 0 : r.call(n)) != null ? t : [] : Array.isArray(e) ? ye(e, j) : ye(Object.values(e), j) : [];
-}, ye = (e, t) => e.reduce((r, n) => r.concat(t(n)), []);
-function hr(...e) {
+  return He(e) ? Se(e) ? (t = (r = (n = e[V]()).getSelectionKeys) == null ? void 0 : r.call(n)) != null ? t : [] : Array.isArray(e) ? Ne(e, z) : Ne(Object.values(e), z) : [];
+}, Ne = (e, t) => e.reduce((r, n) => r.concat(t(n)), []);
+function gr(...e) {
   if (e.length === 1) {
     const [t] = e;
-    return (r) => k(t, r, () => {
+    return (r) => E(t, r, () => {
     });
   }
   if (e.length === 2) {
     const [t, r] = e;
-    return k(t, r, () => {
+    return E(t, r, () => {
     });
   }
   throw new Error(`isMatching wasn't given the right number of arguments: expected 1 or 2, received ${e.length}.`);
 }
-function _(e) {
-  return Object.assign(e, { optional: () => et(e), and: (t) => b(e, t), or: (t) => Pt(e, t), select: (t) => t === void 0 ? we(e) : we(t, e) });
+function R(e) {
+  return Object.assign(e, { optional: () => qe(e), and: (t) => C(e, t), or: (t) => jt(e, t), select: (t) => t === void 0 ? ke(e) : ke(t, e) });
 }
-function Ie(e) {
+function Ge(e) {
   return Object.assign(((t) => Object.assign(t, { [Symbol.iterator]() {
     let r = 0;
-    const n = [{ value: Object.assign(t, { [Et]: !0 }), done: !1 }, { done: !0, value: void 0 }];
+    const n = [{ value: Object.assign(t, { [Tt]: !0 }), done: !1 }, { done: !0, value: void 0 }];
     return { next: () => {
       var i;
       return (i = n[r++]) != null ? i : n.at(-1);
     } };
-  } }))(e), { optional: () => Ie(et(e)), select: (t) => Ie(t === void 0 ? we(e) : we(t, e)) });
+  } }))(e), { optional: () => Ge(qe(e)), select: (t) => Ge(t === void 0 ? ke(e) : ke(t, e)) });
 }
-function et(e) {
-  return _({ [T]: () => ({ match: (t) => {
+function qe(e) {
+  return R({ [V]: () => ({ match: (t) => {
     let r = {};
     const n = (i, o) => {
       r[i] = o;
     };
-    return t === void 0 ? (j(e).forEach((i) => n(i, void 0)), { matched: !0, selections: r }) : { matched: k(e, t, n), selections: r };
-  }, getSelectionKeys: () => j(e), matcherType: "optional" }) });
+    return t === void 0 ? (z(e).forEach((i) => n(i, void 0)), { matched: !0, selections: r }) : { matched: E(e, t, n), selections: r };
+  }, getSelectionKeys: () => z(e), matcherType: "optional" }) });
 }
-const gr = (e, t) => {
+const vr = (e, t) => {
   for (const r of e) if (!t(r)) return !1;
   return !0;
 }, mr = (e, t) => {
   for (const [r, n] of e.entries()) if (!t(n, r)) return !1;
   return !0;
-}, vr = (e, t) => {
+}, yr = (e, t) => {
   const r = Reflect.ownKeys(e);
   for (const n of r) if (!t(n, e[n])) return !1;
   return !0;
 };
-function b(...e) {
-  return _({ [T]: () => ({ match: (t) => {
+function C(...e) {
+  return R({ [V]: () => ({ match: (t) => {
     let r = {};
     const n = (i, o) => {
       r[i] = o;
     };
-    return { matched: e.every((i) => k(i, t, n)), selections: r };
-  }, getSelectionKeys: () => ye(e, j), matcherType: "and" }) });
+    return { matched: e.every((i) => E(i, t, n)), selections: r };
+  }, getSelectionKeys: () => Ne(e, z), matcherType: "and" }) });
 }
-function Pt(...e) {
-  return _({ [T]: () => ({ match: (t) => {
+function jt(...e) {
+  return R({ [V]: () => ({ match: (t) => {
     let r = {};
     const n = (i, o) => {
       r[i] = o;
     };
-    return ye(e, j).forEach((i) => n(i, void 0)), { matched: e.some((i) => k(i, t, n)), selections: r };
-  }, getSelectionKeys: () => ye(e, j), matcherType: "or" }) });
+    return Ne(e, z).forEach((i) => n(i, void 0)), { matched: e.some((i) => E(i, t, n)), selections: r };
+  }, getSelectionKeys: () => Ne(e, z), matcherType: "or" }) });
 }
-function f(e) {
-  return { [T]: () => ({ match: (t) => ({ matched: !!e(t) }) }) };
+function m(e) {
+  return { [V]: () => ({ match: (t) => ({ matched: !!e(t) }) }) };
 }
-function we(...e) {
+function ke(...e) {
   const t = typeof e[0] == "string" ? e[0] : void 0, r = e.length === 2 ? e[1] : typeof e[0] == "string" ? void 0 : e[0];
-  return _({ [T]: () => ({ match: (n) => {
-    let i = { [t ?? Ce]: n };
-    return { matched: r === void 0 || k(r, n, (o, a) => {
+  return R({ [V]: () => ({ match: (n) => {
+    let i = { [t ?? Oe]: n };
+    return { matched: r === void 0 || E(r, n, (o, a) => {
       i[o] = a;
     }), selections: i };
-  }, getSelectionKeys: () => [t ?? Ce].concat(r === void 0 ? [] : j(r)) }) });
+  }, getSelectionKeys: () => [t ?? Oe].concat(r === void 0 ? [] : z(r)) }) });
 }
-function zt(e) {
+function Dt(e) {
   return !0;
 }
-function B(e) {
+function Q(e) {
   return typeof e == "number";
 }
-function Z(e) {
+function ie(e) {
   return typeof e == "string";
 }
-function q(e) {
+function oe(e) {
   return typeof e == "bigint";
 }
-const Vt = _(f(zt)), yr = _(f(zt)), wr = Vt, Y = (e) => Object.assign(_(e), { startsWith: (t) => {
-  return Y(b(e, (r = t, f((n) => Z(n) && n.startsWith(r)))));
+const It = R(m(Dt)), wr = R(m(Dt)), br = It, ae = (e) => Object.assign(R(e), { startsWith: (t) => {
+  return ae(C(e, (r = t, m((n) => ie(n) && n.startsWith(r)))));
   var r;
 }, endsWith: (t) => {
-  return Y(b(e, (r = t, f((n) => Z(n) && n.endsWith(r)))));
+  return ae(C(e, (r = t, m((n) => ie(n) && n.endsWith(r)))));
   var r;
-}, minLength: (t) => Y(b(e, ((r) => f((n) => Z(n) && n.length >= r))(t))), length: (t) => Y(b(e, ((r) => f((n) => Z(n) && n.length === r))(t))), maxLength: (t) => Y(b(e, ((r) => f((n) => Z(n) && n.length <= r))(t))), includes: (t) => {
-  return Y(b(e, (r = t, f((n) => Z(n) && n.includes(r)))));
+}, minLength: (t) => ae(C(e, ((r) => m((n) => ie(n) && n.length >= r))(t))), length: (t) => ae(C(e, ((r) => m((n) => ie(n) && n.length === r))(t))), maxLength: (t) => ae(C(e, ((r) => m((n) => ie(n) && n.length <= r))(t))), includes: (t) => {
+  return ae(C(e, (r = t, m((n) => ie(n) && n.includes(r)))));
   var r;
 }, regex: (t) => {
-  return Y(b(e, (r = t, f((n) => Z(n) && !!n.match(r)))));
+  return ae(C(e, (r = t, m((n) => ie(n) && !!n.match(r)))));
   var r;
-} }), ut = Y(f(Z)), F = (e) => Object.assign(_(e), { between: (t, r) => F(b(e, ((n, i) => f((o) => B(o) && n <= o && i >= o))(t, r))), lt: (t) => F(b(e, ((r) => f((n) => B(n) && n < r))(t))), gt: (t) => F(b(e, ((r) => f((n) => B(n) && n > r))(t))), lte: (t) => F(b(e, ((r) => f((n) => B(n) && n <= r))(t))), gte: (t) => F(b(e, ((r) => f((n) => B(n) && n >= r))(t))), int: () => F(b(e, f((t) => B(t) && Number.isInteger(t)))), finite: () => F(b(e, f((t) => B(t) && Number.isFinite(t)))), positive: () => F(b(e, f((t) => B(t) && t > 0))), negative: () => F(b(e, f((t) => B(t) && t < 0))) }), br = F(f(B)), $ = (e) => Object.assign(_(e), { between: (t, r) => $(b(e, ((n, i) => f((o) => q(o) && n <= o && i >= o))(t, r))), lt: (t) => $(b(e, ((r) => f((n) => q(n) && n < r))(t))), gt: (t) => $(b(e, ((r) => f((n) => q(n) && n > r))(t))), lte: (t) => $(b(e, ((r) => f((n) => q(n) && n <= r))(t))), gte: (t) => $(b(e, ((r) => f((n) => q(n) && n >= r))(t))), positive: () => $(b(e, f((t) => q(t) && t > 0))), negative: () => $(b(e, f((t) => q(t) && t < 0))) }), xr = $(f(q)), kr = _(f(function(e) {
+} }), lt = ae(m(ie)), Z = (e) => Object.assign(R(e), { between: (t, r) => Z(C(e, ((n, i) => m((o) => Q(o) && n <= o && i >= o))(t, r))), lt: (t) => Z(C(e, ((r) => m((n) => Q(n) && n < r))(t))), gt: (t) => Z(C(e, ((r) => m((n) => Q(n) && n > r))(t))), lte: (t) => Z(C(e, ((r) => m((n) => Q(n) && n <= r))(t))), gte: (t) => Z(C(e, ((r) => m((n) => Q(n) && n >= r))(t))), int: () => Z(C(e, m((t) => Q(t) && Number.isInteger(t)))), finite: () => Z(C(e, m((t) => Q(t) && Number.isFinite(t)))), positive: () => Z(C(e, m((t) => Q(t) && t > 0))), negative: () => Z(C(e, m((t) => Q(t) && t < 0))) }), xr = Z(m(Q)), se = (e) => Object.assign(R(e), { between: (t, r) => se(C(e, ((n, i) => m((o) => oe(o) && n <= o && i >= o))(t, r))), lt: (t) => se(C(e, ((r) => m((n) => oe(n) && n < r))(t))), gt: (t) => se(C(e, ((r) => m((n) => oe(n) && n > r))(t))), lte: (t) => se(C(e, ((r) => m((n) => oe(n) && n <= r))(t))), gte: (t) => se(C(e, ((r) => m((n) => oe(n) && n >= r))(t))), positive: () => se(C(e, m((t) => oe(t) && t > 0))), negative: () => se(C(e, m((t) => oe(t) && t < 0))) }), _r = se(m(oe)), Nr = R(m(function(e) {
   return typeof e == "boolean";
-})), _r = _(f(function(e) {
+})), kr = R(m(function(e) {
   return typeof e == "symbol";
-})), Sr = _(f(function(e) {
+})), Cr = R(m(function(e) {
   return e == null;
-})), Nr = _(f(function(e) {
+})), Ar = R(m(function(e) {
   return e != null;
 }));
-var tt = { __proto__: null, matcher: T, optional: et, array: function(...e) {
-  return Ie({ [T]: () => ({ match: (t) => {
+var Pt = { __proto__: null, matcher: V, optional: qe, array: function(...e) {
+  return Ge({ [V]: () => ({ match: (t) => {
     if (!Array.isArray(t)) return { matched: !1 };
     if (e.length === 0) return { matched: !0 };
     const r = e[0];
     let n = {};
-    if (t.length === 0) return j(r).forEach((o) => {
+    if (t.length === 0) return z(r).forEach((o) => {
       n[o] = [];
     }), { matched: !0, selections: n };
     const i = (o, a) => {
       n[o] = (n[o] || []).concat([a]);
     };
-    return { matched: t.every((o) => k(r, o, i)), selections: n };
-  }, getSelectionKeys: () => e.length === 0 ? [] : j(e[0]) }) });
+    return { matched: t.every((o) => E(r, o, i)), selections: n };
+  }, getSelectionKeys: () => e.length === 0 ? [] : z(e[0]) }) });
 }, set: function(...e) {
-  return _({ [T]: () => ({ match: (t) => {
+  return R({ [V]: () => ({ match: (t) => {
     if (!(t instanceof Set)) return { matched: !1 };
     let r = {};
     if (t.size === 0) return { matched: !0, selections: r };
@@ -213,50 +285,50 @@ var tt = { __proto__: null, matcher: T, optional: et, array: function(...e) {
     const n = (o, a) => {
       r[o] = (r[o] || []).concat([a]);
     }, i = e[0];
-    return { matched: gr(t, (o) => k(i, o, n)), selections: r };
-  }, getSelectionKeys: () => e.length === 0 ? [] : j(e[0]) }) });
+    return { matched: vr(t, (o) => E(i, o, n)), selections: r };
+  }, getSelectionKeys: () => e.length === 0 ? [] : z(e[0]) }) });
 }, map: function(...e) {
-  return _({ [T]: () => ({ match: (t) => {
+  return R({ [V]: () => ({ match: (t) => {
     if (!(t instanceof Map)) return { matched: !1 };
     let r = {};
     if (t.size === 0) return { matched: !0, selections: r };
-    const n = (l, c) => {
-      r[l] = (r[l] || []).concat([c]);
+    const n = (s, c) => {
+      r[s] = (r[s] || []).concat([c]);
     };
     if (e.length === 0) return { matched: !0 };
     var i;
     if (e.length === 1) throw new Error(`\`P.map\` wasn't given enough arguments. Expected (key, value), received ${(i = e[0]) == null ? void 0 : i.toString()}`);
     const [o, a] = e;
-    return { matched: mr(t, (l, c) => {
-      const g = k(o, c, n), v = k(a, l, n);
-      return g && v;
+    return { matched: mr(t, (s, c) => {
+      const u = E(o, c, n), d = E(a, s, n);
+      return u && d;
     }), selections: r };
-  }, getSelectionKeys: () => e.length === 0 ? [] : [...j(e[0]), ...j(e[1])] }) });
+  }, getSelectionKeys: () => e.length === 0 ? [] : [...z(e[0]), ...z(e[1])] }) });
 }, record: function(...e) {
-  return _({ [T]: () => ({ match: (t) => {
+  return R({ [V]: () => ({ match: (t) => {
     if (t === null || typeof t != "object" || Array.isArray(t)) return { matched: !1 };
     var r;
     if (e.length === 0) throw new Error(`\`P.record\` wasn't given enough arguments. Expected (value) or (key, value), received ${(r = e[0]) == null ? void 0 : r.toString()}`);
     let n = {};
-    const i = (l, c) => {
-      n[l] = (n[l] || []).concat([c]);
-    }, [o, a] = e.length === 1 ? [ut, e[0]] : e;
-    return { matched: vr(t, (l, c) => {
-      const g = typeof l != "string" || Number.isNaN(Number(l)) ? null : Number(l), v = g !== null && k(o, g, i), W = k(o, l, i), S = k(a, c, i);
-      return (W || v) && S;
+    const i = (s, c) => {
+      n[s] = (n[s] || []).concat([c]);
+    }, [o, a] = e.length === 1 ? [lt, e[0]] : e;
+    return { matched: yr(t, (s, c) => {
+      const u = typeof s != "string" || Number.isNaN(Number(s)) ? null : Number(s), d = u !== null && E(o, u, i), p = E(o, s, i), w = E(a, c, i);
+      return (p || d) && w;
     }), selections: n };
-  }, getSelectionKeys: () => e.length === 0 ? [] : [...j(e[0]), ...j(e[1])] }) });
-}, intersection: b, union: Pt, not: function(e) {
-  return _({ [T]: () => ({ match: (t) => ({ matched: !k(e, t, () => {
+  }, getSelectionKeys: () => e.length === 0 ? [] : [...z(e[0]), ...z(e[1])] }) });
+}, intersection: C, union: jt, not: function(e) {
+  return R({ [V]: () => ({ match: (t) => ({ matched: !E(e, t, () => {
   }) }), getSelectionKeys: () => [], matcherType: "not" }) });
-}, when: f, select: we, any: Vt, unknown: yr, _: wr, string: ut, number: br, bigint: xr, boolean: kr, symbol: _r, nullish: Sr, nonNullable: Nr, instanceOf: function(e) {
-  return _(f(/* @__PURE__ */ (function(t) {
+}, when: m, select: ke, any: It, unknown: wr, _: br, string: lt, number: xr, bigint: _r, boolean: Nr, symbol: kr, nullish: Cr, nonNullable: Ar, instanceOf: function(e) {
+  return R(m(/* @__PURE__ */ (function(t) {
     return (r) => r instanceof t;
   })(e)));
 }, shape: function(e) {
-  return _(f(hr(e)));
+  return R(m(gr(e)));
 } };
-let Cr = class extends Error {
+let Sr = class extends Error {
   constructor(t) {
     let r;
     try {
@@ -268,10 +340,10 @@ let Cr = class extends Error {
   }
 };
 const We = { matched: !1, value: void 0 };
-function D(e) {
-  return new Ar(e, We);
+function X(e) {
+  return new Er(e, We);
 }
-let Ar = class He {
+let Er = class Ue {
   constructor(t, r) {
     this.input = void 0, this.state = void 0, this.input = t, this.state = r;
   }
@@ -281,15 +353,15 @@ let Ar = class He {
     let i;
     t.length === 3 && typeof t[1] == "function" ? i = t[1] : t.length > 2 && n.push(...t.slice(1, t.length - 1));
     let o = !1, a = {};
-    const l = (g, v) => {
-      o = !0, a[g] = v;
-    }, c = !n.some((g) => k(g, this.input, l)) || i && !i(this.input) ? We : { matched: !0, value: r(o ? Ce in a ? a[Ce] : a : this.input, this.input) };
-    return new He(this.input, c);
+    const s = (u, d) => {
+      o = !0, a[u] = d;
+    }, c = !n.some((u) => E(u, this.input, s)) || i && !i(this.input) ? We : { matched: !0, value: r(o ? Oe in a ? a[Oe] : a : this.input, this.input) };
+    return new Ue(this.input, c);
   }
   when(t, r) {
     if (this.state.matched) return this;
     const n = !!t(this.input);
-    return new He(this.input, n ? { matched: !0, value: r(this.input, this.input) } : We);
+    return new Ue(this.input, n ? { matched: !0, value: r(this.input, this.input) } : We);
   }
   otherwise(t) {
     return this.state.matched ? this.state.value : t(this.input);
@@ -308,264 +380,90 @@ let Ar = class He {
   }
 };
 function Or(e) {
-  throw new Cr(e);
-}
-const rt = {
-  font: {
-    family: "Inter, sans-serif"
-  },
-  body: {
-    color: "#373737",
-    background: "#ffffff"
-  },
-  border: {
-    radius: "16px"
-  },
-  overlay: {
-    background: "#00000008",
-    backdrop: {
-      filter: "blur(2px)"
-    }
-  },
-  modal: {
-    shadow: "0px 2px 4px 0px #00000005"
-  }
-}, Mt = (e, t, r) => {
-  for (const [n, i] of Object.entries(r))
-    typeof i == "object" && i !== null ? Mt(e, `${t}-${n}`, i) : typeof i == "string" && e.set(`--lv${t}-${n}`, i);
-}, Lt = (e, t = !0) => {
-  const r = /* @__PURE__ */ new Map();
-  return Mt(r, "", e), Object.fromEntries(r.entries());
-}, jr = ({
-  theme: e = rt,
-  children: t
-}) => /* @__PURE__ */ s("div", { style: Lt(e), id: "root", children: t }), Dt = Rt({
-  provider: void 0
-}), Tr = ({
-  provider: e,
-  onClose: t
-}) => /* @__PURE__ */ s(Dt.Provider, { value: { provider: e }, children: /* @__PURE__ */ s(jr, { theme: rt, children: /* @__PURE__ */ s(oi, { onClose: t }) }) }), Rr = () => {
-  const e = $e(Dt);
-  if (!e.provider) throw new Error("Provider not found");
-  return e;
-}, de = () => {
-  const { provider: e } = Rr(), [t, r] = O(
-    e?.getState().status || "disconnected"
-  );
-  if (z(() => {
-    const n = (i) => {
-      r(i);
-    };
-    return e?.on("status_change", n), () => {
-      e?.off("status_change", n);
-    };
-  }, [e]), !e) throw new Error("Provider not found");
-  return { provider: e, status: t };
-}, Er = 1, Pr = (e) => {
-  const t = new URLSearchParams();
-  return t.set("h", e.h), t.set("k", e.k), e.p && t.set("p", e.p), e.s && t.set("s", e.s), `openlv://${e.sessionId}@${Er}?${t.toString()}`;
-}, Ae = (...e) => console.log(
-  "%c[modal]%c",
-  "color: yellow; font-weight: bold",
-  "color: inherit; font-weight: normal",
-  ...e
-), Bt = (e, t, r) => {
-  z(() => (e?.on(t, r), () => {
-    e?.off(t, r);
-  }), [e, t]);
-}, nt = () => {
-  const { provider: e } = de(), [t, r] = O(
-    e?.storage.getSettings()
-  );
-  Bt(
-    e?.storage.emitter,
-    "settings_change",
-    (o) => {
-      r(o);
-    }
-  );
-  const n = (o) => {
-    if (!t || t.signaling?.p === o) return;
-    const a = {
-      ...t,
-      signaling: {
-        ...t.signaling,
-        p: o
-      }
-    };
-    r(a), e?.storage.setSettings(a);
-  }, i = (o) => {
-    if (!t || t.signaling?.s[t.signaling?.p] === o) return;
-    const a = {
-      ...t,
-      signaling: {
-        ...t.signaling,
-        s: {
-          ...t.signaling.s,
-          [t.signaling.p]: o
+  throw new Sr(e);
+}
+const U = {
+  STANDBY: "standby",
+  CONNECTING: "connecting",
+  READY: "ready",
+  HANDSHAKE: "handshake",
+  HANDSHAKE_PARTIAL: "handshake-partial",
+  ENCRYPTED: "encrypted",
+  ERROR: "error"
+}, le = {
+  CREATED: "created",
+  SIGNALING: "signaling",
+  READY: "ready",
+  CONNECTED: "connected",
+  DISCONNECTED: "disconnected"
+}, K = {
+  STANDBY: "standby",
+  CREATING: "creating",
+  CONNECTING: "connecting",
+  CONNECTED: "connected",
+  ERROR: "error"
+};
+var Ve = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var ct;
+function Rr() {
+  return ct || (ct = 1, (function(e) {
+    (function() {
+      var t = {}.hasOwnProperty;
+      function r() {
+        for (var o = "", a = 0; a < arguments.length; a++) {
+          var s = arguments[a];
+          s && (o = i(o, n(s)));
         }
+        return o;
       }
-    };
-    r(a), e?.storage.setSettings(a);
-  };
-  if (!t) throw new Error("Settings not found");
-  return { settings: t, updateSignalingProtocol: n, updateSignalingServer: i };
-}, be = () => {
-  const { provider: e } = de(), [t, r] = O(
-    e?.getSession()
-  ), n = t?.getHandshakeParameters(), i = n ? Pr(n) : void 0, [o, a] = O(
-    t?.getState()
-  );
-  return Bt(t?.emitter, "state_change", (l) => {
-    Ae("session state change: ", l), a(l);
-  }), z(() => {
-    const l = (c) => {
-      Ae("session started: ", c), r(c), a(c.getState());
-    };
-    return e?.on("session_started", l), () => {
-      e?.off("session_started", l);
-    };
-  }, [e]), z(() => {
-    t && a(t.getState());
-  }, [t]), {
-    uri: i,
-    status: o
-  };
-}, zr = () => {
-  const { provider: e } = de(), { settings: t } = nt();
-  return {
-    start: () => {
-      const r = t?.signaling?.p, n = t?.signaling?.s[r];
-      if (!r || !n)
-        throw new Error("Invalid protocol or server");
-      return e?.createSession({
-        p: r,
-        s: n
-      });
-    }
-  };
-}, Ue = ({ state: e }) => {
-  const { status: t, uri: r } = be(), { status: n } = de();
-  return console.error("Unknown state: ", { state: e, sessionStatus: t, providerStatus: n }), /* @__PURE__ */ m("div", { className: "rounded-md bg-gray-100 p-2 text-gray-500", children: [
-    /* @__PURE__ */ m("div", { children: [
-      "Unknown state: ",
-      JSON.stringify(e)
-    ] }),
-    /* @__PURE__ */ m("div", { children: [
-      "URI: ",
-      r
-    ] }),
-    /* @__PURE__ */ m("div", { children: [
-      "Session Status: ",
-      JSON.stringify(t)
-    ] }),
-    /* @__PURE__ */ m("div", { children: [
-      "Provider Status: ",
-      JSON.stringify(n)
-    ] })
-  ] });
-}, Vr = ({
-  onCopy: e
-}) => {
-  const { uri: t } = be(), r = I(() => {
-    t && e(t);
-  }, [t, e]), n = I((i) => {
-    const o = ur(0, "M");
-    return o.addData(i), o.make(), o.createSvgTag({ cellSize: 5, margin: 0, scalable: !0 });
-  }, []);
-  return /* @__PURE__ */ m("div", { className: "flex flex-col items-center gap-4 px-2", children: [
-    /* @__PURE__ */ m("div", { className: "w-full space-y-4 rounded-md border border-neutral-200 bg-neutral-100 p-4", children: [
-      t && /* @__PURE__ */ s("div", { className: "relative mx-auto flex w-fit items-center justify-center rounded-lg border-2 border-gray-200 bg-gray-50 p-4", children: /* @__PURE__ */ s(
-        "button",
-        {
-          className: "flex h-[200px] w-[200px] cursor-pointer items-center justify-center",
-          onClick: r,
-          title: "Click to copy connection URL",
-          dangerouslySetInnerHTML: { __html: n(t) }
-        }
-      ) }),
-      /* @__PURE__ */ s("div", { className: "w-full", children: /* @__PURE__ */ s(
-        "button",
-        {
-          type: "button",
-          onClick: r,
-          className: "w-full cursor-pointer rounded-lg border border-gray-300 bg-gray-200 px-4 py-2 text-gray-700 text-sm transition hover:bg-gray-300",
-          children: "Copy Connection URL"
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ m("div", { className: "w-full", children: [
-      /* @__PURE__ */ s("span", { children: "Scan the link above using your mobile wallet." }),
-      /* @__PURE__ */ s("br", {}),
-      /* @__PURE__ */ s("span", { children: "Or copy the link and paste it into your wallet." })
-    ] })
-  ] });
-}, Mr = () => typeof document < "u" && "startViewTransition" in document, Lr = (e) => {
-  Mr() ? document.startViewTransition(e) : e();
-}, Dr = () => /* @__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" }) }), Ke = "connecting", Je = "handshake-open", Xe = "handshake-closed", Qe = "xr-encrypted", he = "disconnected", Le = "unknown", Br = (e) => e ? D(e).with({ status: he }, () => he).with(
-  { status: tt.union("created", "signaling", "connected", "ready") },
-  (t) => {
-    const r = "signaling" in t ? t.signaling?.state : void 0;
-    return D(r).with(Ke, () => Ke).with(Je, () => Je).with(Xe, () => Xe).with(Qe, () => Qe).with(he, () => he).otherwise(() => Le);
-  }
-).otherwise(() => Le) : Le, Fr = (e) => {
-  const [t, r] = O(e), n = L(e);
-  return z(() => {
-    e !== n.current && Lr(() => {
-      r(e), n.current = e;
-    });
-  }, [e]), {
-    displayState: t
-  };
-}, Ir = ({ onClose: e, onCopy: t }) => {
-  const { status: r = { status: "created" } } = be(), n = Br(r), { displayState: i } = Fr(n);
-  return /* @__PURE__ */ s("div", { style: { viewTransitionName: "connection-flow" }, className: "w-full", children: D(i).with(Ke, () => /* @__PURE__ */ m("div", { className: "flex flex-col items-center gap-4 p-6", children: [
-    /* @__PURE__ */ s(Dr, {}),
-    /* @__PURE__ */ m("div", { className: "text-center", children: [
-      /* @__PURE__ */ s("h3", { className: "mb-2 font-semibold text-gray-900 text-lg", children: "Connecting" }),
-      /* @__PURE__ */ s("p", { className: "text-gray-500 text-sm", children: "Waiting for wallet to connect..." })
-    ] })
-  ] })).with(Je, () => /* @__PURE__ */ s(Vr, { onCopy: t })).with(Xe, () => /* @__PURE__ */ s("div", { className: "flex flex-col items-center gap-4 p-6", children: /* @__PURE__ */ s("div", { className: "text-center", children: /* @__PURE__ */ s("h3", { className: "mb-2 font-semibold text-gray-900 text-lg", children: "Establishing e2e encryption..." }) }) })).with(Qe, () => /* @__PURE__ */ s("div", { className: "flex flex-col items-center gap-4 p-6", children: /* @__PURE__ */ m("div", { className: "text-center", children: [
-    /* @__PURE__ */ s("div", { className: "mb-4 text-4xl", children: "✅" }),
-    /* @__PURE__ */ s("h3", { className: "mb-2 font-semibold text-gray-900 text-lg", children: "Connected Successfully!" }),
-    /* @__PURE__ */ s("p", { className: "text-gray-500 text-sm", children: "Your wallet is now connected and ready to use." })
-  ] }) })).with(he, () => /* @__PURE__ */ m("div", { className: "flex flex-col items-center gap-4 p-6", children: [
-    /* @__PURE__ */ m("div", { className: "text-center", children: [
-      /* @__PURE__ */ s("div", { className: "mb-4 text-4xl", children: "🔌" }),
-      /* @__PURE__ */ s("h3", { className: "mb-2 font-semibold text-gray-900 text-lg", children: "Disconnected" }),
-      /* @__PURE__ */ s("p", { className: "mb-4 text-gray-500 text-sm", children: "The connection has been closed." })
-    ] }),
-    /* @__PURE__ */ s(
-      "button",
-      {
-        type: "button",
-        onClick: e,
-        className: "w-full rounded-lg bg-gray-100 px-4 py-2 font-semibold text-gray-700 text-sm transition hover:bg-gray-200",
-        children: "Close"
+      function n(o) {
+        if (typeof o == "string" || typeof o == "number")
+          return o;
+        if (typeof o != "object")
+          return "";
+        if (Array.isArray(o))
+          return r.apply(null, o);
+        if (o.toString !== Object.prototype.toString && !o.toString.toString().includes("[native code]"))
+          return o.toString();
+        var a = "";
+        for (var s in o)
+          t.call(o, s) && o[s] && (a = i(a, s));
+        return a;
       }
-    )
-  ] })).otherwise(() => /* @__PURE__ */ s(Ue, { state: r })) });
-};
-function Ft(e, t) {
+      function i(o, a) {
+        return a ? o ? o + " " + a : o + a : o;
+      }
+      e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
+    })();
+  })(Ve)), Ve.exports;
+}
+var Tr = Rr();
+const pe = /* @__PURE__ */ pr(Tr);
+function Lt(e, t) {
   for (var r in t) e[r] = t[r];
   return e;
 }
-function Ge(e, t) {
+function Ke(e, t) {
   for (var r in e) if (r !== "__source" && !(r in t)) return !0;
   for (var n in t) if (n !== "__source" && e[n] !== t[n]) return !0;
   return !1;
 }
-function It(e, t) {
-  var r = t(), n = O({ t: { __: r, u: t } }), i = n[0].t, o = n[1];
-  return ue(function() {
-    i.__ = r, i.u = t, De(i) && o({ t: i });
-  }, [e, r, t]), z(function() {
-    return De(i) && o({ t: i }), e(function() {
-      De(i) && o({ t: i });
+function Mt(e, t) {
+  var r = t(), n = M({ t: { __: r, u: t } }), i = n[0].t, o = n[1];
+  return ve(function() {
+    i.__ = r, i.u = t, Be(i) && o({ t: i });
+  }, [e, r, t]), B(function() {
+    return Be(i) && o({ t: i }), e(function() {
+      Be(i) && o({ t: i });
     });
   }, [e]), r;
 }
-function De(e) {
+function Be(e) {
   var t, r, n = e.u, i = e.__;
   try {
     var o = n();
@@ -574,80 +472,80 @@ function De(e) {
     return !0;
   }
 }
-function Wt(e) {
+function zt(e) {
   e();
 }
-function Ht(e) {
+function Vt(e) {
   return e;
 }
-function Ut() {
-  return [!1, Wt];
+function Bt() {
+  return [!1, zt];
 }
-var Kt = ue;
-function Ze(e, t) {
+var Ft = ve;
+function Je(e, t) {
   this.props = e, this.context = t;
 }
-function Wr(e, t) {
+function jr(e, t) {
   function r(i) {
     var o = this.props.ref, a = o == i.ref;
-    return !a && o && (o.call ? o(null) : o.current = null), t ? !t(this.props, i) || !a : Ge(this.props, i);
+    return !a && o && (o.call ? o(null) : o.current = null), t ? !t(this.props, i) || !a : Ke(this.props, i);
   }
   function n(i) {
-    return this.shouldComponentUpdate = r, K(e, i);
+    return this.shouldComponentUpdate = r, ee(e, i);
   }
   return n.displayName = "Memo(" + (e.displayName || e.name) + ")", n.prototype.isReactComponent = !0, n.__f = !0, n.type = e, n;
 }
-(Ze.prototype = new le()).isPureReactComponent = !0, Ze.prototype.shouldComponentUpdate = function(e, t) {
-  return Ge(this.props, e) || Ge(this.state, t);
+(Je.prototype = new he()).isPureReactComponent = !0, Je.prototype.shouldComponentUpdate = function(e, t) {
+  return Ke(this.props, e) || Ke(this.state, t);
 };
-var dt = R.__b;
-R.__b = function(e) {
-  e.type && e.type.__f && e.ref && (e.props.ref = e.ref, e.ref = null), dt && dt(e);
+var ut = F.__b;
+F.__b = function(e) {
+  e.type && e.type.__f && e.ref && (e.props.ref = e.ref, e.ref = null), ut && ut(e);
 };
-var Hr = typeof Symbol < "u" && Symbol.for && Symbol.for("react.forward_ref") || 3911;
-function Ur(e) {
+var Dr = typeof Symbol < "u" && Symbol.for && Symbol.for("react.forward_ref") || 3911;
+function Ir(e) {
   function t(r) {
-    var n = Ft({}, r);
+    var n = Lt({}, r);
     return delete n.ref, e(n, r.ref || null);
   }
-  return t.$$typeof = Hr, t.render = e, t.prototype.isReactComponent = t.__f = !0, t.displayName = "ForwardRef(" + (e.displayName || e.name) + ")", t;
+  return t.$$typeof = Dr, t.render = e, t.prototype.isReactComponent = t.__f = !0, t.displayName = "ForwardRef(" + (e.displayName || e.name) + ")", t;
 }
-var pt = function(e, t) {
-  return e == null ? null : ee(ee(e).map(t));
-}, Kr = { map: pt, forEach: pt, count: function(e) {
-  return e ? ee(e).length : 0;
+var dt = function(e, t) {
+  return e == null ? null : ce(ce(e).map(t));
+}, Pr = { map: dt, forEach: dt, count: function(e) {
+  return e ? ce(e).length : 0;
 }, only: function(e) {
-  var t = ee(e);
+  var t = ce(e);
   if (t.length !== 1) throw "Children.only";
   return t[0];
-}, toArray: ee }, Jr = R.__e;
-R.__e = function(e, t, r, n) {
+}, toArray: ce }, Lr = F.__e;
+F.__e = function(e, t, r, n) {
   if (e.then) {
     for (var i, o = t; o = o.__; ) if ((i = o.__c) && i.__c) return t.__e == null && (t.__e = r.__e, t.__k = r.__k), i.__c(e, t);
   }
-  Jr(e, t, r, n);
+  Lr(e, t, r, n);
 };
-var ft = R.unmount;
-function Jt(e, t, r) {
+var ft = F.unmount;
+function Ht(e, t, r) {
   return e && (e.__c && e.__c.__H && (e.__c.__H.__.forEach(function(n) {
     typeof n.__c == "function" && n.__c();
-  }), e.__c.__H = null), (e = Ft({}, e)).__c != null && (e.__c.__P === r && (e.__c.__P = t), e.__c.__e = !0, e.__c = null), e.__k = e.__k && e.__k.map(function(n) {
-    return Jt(n, t, r);
+  }), e.__c.__H = null), (e = Lt({}, e)).__c != null && (e.__c.__P === r && (e.__c.__P = t), e.__c.__e = !0, e.__c = null), e.__k = e.__k && e.__k.map(function(n) {
+    return Ht(n, t, r);
   })), e;
 }
-function Xt(e, t, r) {
+function Gt(e, t, r) {
   return e && r && (e.__v = null, e.__k = e.__k && e.__k.map(function(n) {
-    return Xt(n, t, r);
+    return Gt(n, t, r);
   }), e.__c && e.__c.__P === t && (e.__e && r.appendChild(e.__e), e.__c.__e = !0, e.__c.__P = r)), e;
 }
-function Ne() {
+function Ee() {
   this.__u = 0, this.o = null, this.__b = null;
 }
-function Qt(e) {
+function Wt(e) {
   var t = e.__.__c;
   return t && t.__a && t.__a(e);
 }
-function Xr(e) {
+function Mr(e) {
   var t, r, n;
   function i(o) {
     if (t || (t = e()).then(function(a) {
@@ -656,63 +554,63 @@ function Xr(e) {
       n = a;
     }), n) throw n;
     if (!r) throw t;
-    return K(r, o);
+    return ee(r, o);
   }
   return i.displayName = "Lazy", i.__f = !0, i;
 }
-function ge() {
+function be() {
   this.i = null, this.l = null;
 }
-R.unmount = function(e) {
+F.unmount = function(e) {
   var t = e.__c;
   t && t.__R && t.__R(), t && 32 & e.__u && (e.type = null), ft && ft(e);
-}, (Ne.prototype = new le()).__c = function(e, t) {
+}, (Ee.prototype = new he()).__c = function(e, t) {
   var r = t.__c, n = this;
   n.o == null && (n.o = []), n.o.push(r);
-  var i = Qt(n.__v), o = !1, a = function() {
-    o || (o = !0, r.__R = null, i ? i(l) : l());
+  var i = Wt(n.__v), o = !1, a = function() {
+    o || (o = !0, r.__R = null, i ? i(s) : s());
   };
   r.__R = a;
-  var l = function() {
+  var s = function() {
     if (!--n.__u) {
       if (n.state.__a) {
         var c = n.state.__a;
-        n.__v.__k[0] = Xt(c, c.__c.__P, c.__c.__O);
+        n.__v.__k[0] = Gt(c, c.__c.__P, c.__c.__O);
       }
-      var g;
-      for (n.setState({ __a: n.__b = null }); g = n.o.pop(); ) g.forceUpdate();
+      var u;
+      for (n.setState({ __a: n.__b = null }); u = n.o.pop(); ) u.forceUpdate();
     }
   };
   n.__u++ || 32 & t.__u || n.setState({ __a: n.__b = n.__v.__k[0] }), e.then(a, a);
-}, Ne.prototype.componentWillUnmount = function() {
+}, Ee.prototype.componentWillUnmount = function() {
   this.o = [];
-}, Ne.prototype.render = function(e, t) {
+}, Ee.prototype.render = function(e, t) {
   if (this.__b) {
     if (this.__v.__k) {
       var r = document.createElement("div"), n = this.__v.__k[0].__c;
-      this.__v.__k[0] = Jt(this.__b, r, n.__O = n.__P);
+      this.__v.__k[0] = Ht(this.__b, r, n.__O = n.__P);
     }
     this.__b = null;
   }
-  var i = t.__a && K(ve, null, e.fallback);
-  return i && (i.__u &= -33), [K(ve, null, t.__a ? null : e.children), i];
+  var i = t.__a && ee(_e, null, e.fallback);
+  return i && (i.__u &= -33), [ee(_e, null, t.__a ? null : e.children), i];
 };
-var ht = function(e, t, r) {
+var pt = function(e, t, r) {
   if (++r[1] === r[0] && e.l.delete(t), e.props.revealOrder && (e.props.revealOrder[0] !== "t" || !e.l.size)) for (r = e.i; r; ) {
     for (; r.length > 3; ) r.pop()();
     if (r[1] < r[0]) break;
     e.i = r = r[2];
   }
 };
-function Qr(e) {
+function zr(e) {
   return this.getChildContext = function() {
     return e.context;
   }, e.children;
 }
-function Gr(e) {
+function Vr(e) {
   var t = this, r = e.h;
   if (t.componentWillUnmount = function() {
-    ce(null, t.v), t.v = null, t.h = null;
+    ge(null, t.v), t.v = null, t.h = null;
   }, t.h && t.h !== r && t.componentWillUnmount(), !t.v) {
     for (var n = t.__v; n !== null && !n.__m && n.__ !== null; ) n = n.__;
     t.h = r, t.v = { nodeType: 1, parentNode: r, childNodes: [], __k: { __m: n.__m }, contains: function() {
@@ -723,128 +621,384 @@ function Gr(e) {
       this.childNodes.splice(this.childNodes.indexOf(i) >>> 1, 1), t.h.removeChild(i);
     } };
   }
-  ce(K(Qr, { context: t.context }, e.__v), t.v);
+  ge(ee(zr, { context: t.context }, e.__v), t.v);
 }
-function Zr(e, t) {
-  var r = K(Gr, { __v: e, h: t });
+function Br(e, t) {
+  var r = ee(Vr, { __v: e, h: t });
   return r.containerInfo = t, r;
 }
-(ge.prototype = new le()).__a = function(e) {
-  var t = this, r = Qt(t.__v), n = t.l.get(e);
+(be.prototype = new he()).__a = function(e) {
+  var t = this, r = Wt(t.__v), n = t.l.get(e);
   return n[0]++, function(i) {
     var o = function() {
-      t.props.revealOrder ? (n.push(i), ht(t, e, n)) : i();
+      t.props.revealOrder ? (n.push(i), pt(t, e, n)) : i();
     };
     r ? r(o) : o();
   };
-}, ge.prototype.render = function(e) {
+}, be.prototype.render = function(e) {
   this.i = null, this.l = /* @__PURE__ */ new Map();
-  var t = ee(e.children);
+  var t = ce(e.children);
   e.revealOrder && e.revealOrder[0] === "b" && t.reverse();
   for (var r = t.length; r--; ) this.l.set(t[r], this.i = [1, 0, this.i]);
   return e.children;
-}, ge.prototype.componentDidUpdate = ge.prototype.componentDidMount = function() {
+}, be.prototype.componentDidUpdate = be.prototype.componentDidMount = function() {
   var e = this;
   this.l.forEach(function(t, r) {
-    ht(e, r, t);
+    pt(e, r, t);
   });
 };
-var Gt = typeof Symbol < "u" && Symbol.for && Symbol.for("react.element") || 60103, qr = /^(?: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]/, Yr = /^on(Ani|Tra|Tou|BeforeInp|Compo)/, $r = /[A-Z0-9]/g, en = typeof document < "u", tn = function(e) {
+var Ut = typeof Symbol < "u" && Symbol.for && Symbol.for("react.element") || 60103, Fr = /^(?: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]/, Hr = /^on(Ani|Tra|Tou|BeforeInp|Compo)/, Gr = /[A-Z0-9]/g, Wr = typeof document < "u", Ur = function(e) {
   return (typeof Symbol < "u" && typeof Symbol() == "symbol" ? /fil|che|rad/ : /fil|che|ra/).test(e);
 };
-function rn(e, t, r) {
-  return t.__k == null && (t.textContent = ""), ce(e, t), typeof r == "function" && r(), e ? e.__c : null;
+function Kr(e, t, r) {
+  return t.__k == null && (t.textContent = ""), ge(e, t), typeof r == "function" && r(), e ? e.__c : null;
 }
-function nn(e, t, r) {
+function Jr(e, t, r) {
   return lr(e, t), typeof r == "function" && r(), e ? e.__c : null;
 }
-le.prototype.isReactComponent = {}, ["componentWillMount", "componentWillReceiveProps", "componentWillUpdate"].forEach(function(e) {
-  Object.defineProperty(le.prototype, e, { configurable: !0, get: function() {
+he.prototype.isReactComponent = {}, ["componentWillMount", "componentWillReceiveProps", "componentWillUpdate"].forEach(function(e) {
+  Object.defineProperty(he.prototype, e, { configurable: !0, get: function() {
     return this["UNSAFE_" + e];
   }, set: function(t) {
     Object.defineProperty(this, e, { configurable: !0, writable: !0, value: t });
   } });
 });
-var gt = R.event;
-function on() {
+var ht = F.event;
+function Xr() {
 }
-function an() {
+function Yr() {
   return this.cancelBubble;
 }
-function sn() {
+function Qr() {
   return this.defaultPrevented;
 }
-R.event = function(e) {
-  return gt && (e = gt(e)), e.persist = on, e.isPropagationStopped = an, e.isDefaultPrevented = sn, e.nativeEvent = e;
+F.event = function(e) {
+  return ht && (e = ht(e)), e.persist = Xr, e.isPropagationStopped = Yr, e.isDefaultPrevented = Qr, e.nativeEvent = e;
 };
-var it, ln = { enumerable: !1, configurable: !0, get: function() {
+var $e, Zr = { enumerable: !1, configurable: !0, get: function() {
   return this.class;
-} }, mt = R.vnode;
-R.vnode = function(e) {
+} }, gt = F.vnode;
+F.vnode = function(e) {
   typeof e.type == "string" && (function(t) {
     var r = t.props, n = t.type, i = {}, o = n.indexOf("-") === -1;
     for (var a in r) {
-      var l = r[a];
-      if (!(a === "value" && "defaultValue" in r && l == null || en && a === "children" && n === "noscript" || a === "class" || a === "className")) {
+      var s = r[a];
+      if (!(a === "value" && "defaultValue" in r && s == null || Wr && a === "children" && n === "noscript" || a === "class" || a === "className")) {
         var c = a.toLowerCase();
-        a === "defaultValue" && "value" in r && r.value == null ? a = "value" : a === "download" && l === !0 ? l = "" : c === "translate" && l === "no" ? l = !1 : c[0] === "o" && c[1] === "n" ? c === "ondoubleclick" ? a = "ondblclick" : c !== "onchange" || n !== "input" && n !== "textarea" || tn(r.type) ? c === "onfocus" ? a = "onfocusin" : c === "onblur" ? a = "onfocusout" : Yr.test(a) && (a = c) : c = a = "oninput" : o && qr.test(a) ? a = a.replace($r, "-$&").toLowerCase() : l === null && (l = void 0), c === "oninput" && i[a = c] && (a = "oninputCapture"), i[a] = l;
+        a === "defaultValue" && "value" in r && r.value == null ? a = "value" : a === "download" && s === !0 ? s = "" : c === "translate" && s === "no" ? s = !1 : c[0] === "o" && c[1] === "n" ? c === "ondoubleclick" ? a = "ondblclick" : c !== "onchange" || n !== "input" && n !== "textarea" || Ur(r.type) ? c === "onfocus" ? a = "onfocusin" : c === "onblur" ? a = "onfocusout" : Hr.test(a) && (a = c) : c = a = "oninput" : o && Fr.test(a) ? a = a.replace(Gr, "-$&").toLowerCase() : s === null && (s = void 0), c === "oninput" && i[a = c] && (a = "oninputCapture"), i[a] = s;
       }
     }
-    n == "select" && i.multiple && Array.isArray(i.value) && (i.value = ee(r.children).forEach(function(g) {
-      g.props.selected = i.value.indexOf(g.props.value) != -1;
-    })), n == "select" && i.defaultValue != null && (i.value = ee(r.children).forEach(function(g) {
-      g.props.selected = i.multiple ? i.defaultValue.indexOf(g.props.value) != -1 : i.defaultValue == g.props.value;
-    })), r.class && !r.className ? (i.class = r.class, Object.defineProperty(i, "className", ln)) : (r.className && !r.class || r.class && r.className) && (i.class = i.className = r.className), t.props = i;
-  })(e), e.$$typeof = Gt, mt && mt(e);
+    n == "select" && i.multiple && Array.isArray(i.value) && (i.value = ce(r.children).forEach(function(u) {
+      u.props.selected = i.value.indexOf(u.props.value) != -1;
+    })), n == "select" && i.defaultValue != null && (i.value = ce(r.children).forEach(function(u) {
+      u.props.selected = i.multiple ? i.defaultValue.indexOf(u.props.value) != -1 : i.defaultValue == u.props.value;
+    })), r.class && !r.className ? (i.class = r.class, Object.defineProperty(i, "className", Zr)) : (r.className && !r.class || r.class && r.className) && (i.class = i.className = r.className), t.props = i;
+  })(e), e.$$typeof = Ut, gt && gt(e);
 };
-var vt = R.__r;
-R.__r = function(e) {
-  vt && vt(e), it = e.__c;
+var vt = F.__r;
+F.__r = function(e) {
+  vt && vt(e), $e = e.__c;
 };
-var yt = R.diffed;
-R.diffed = function(e) {
-  yt && yt(e);
+var mt = F.diffed;
+F.diffed = function(e) {
+  mt && mt(e);
   var t = e.props, r = e.__e;
-  r != null && e.type === "textarea" && "value" in t && t.value !== r.value && (r.value = t.value == null ? "" : t.value), it = null;
+  r != null && e.type === "textarea" && "value" in t && t.value !== r.value && (r.value = t.value == null ? "" : t.value), $e = null;
 };
-var cn = { ReactCurrentDispatcher: { current: { readContext: function(e) {
-  return it.__n[e.__c].props.value;
-}, useCallback: I, useContext: $e, useDebugValue: Tt, useDeferredValue: Ht, useEffect: z, useId: jt, useImperativeHandle: Ot, useInsertionEffect: Kt, useLayoutEffect: ue, useMemo: At, useReducer: Ct, useRef: L, useState: O, useSyncExternalStore: It, useTransition: Ut } } };
-function un(e) {
-  return K.bind(null, e);
+var qr = { ReactCurrentDispatcher: { current: { readContext: function(e) {
+  return $e.__n[e.__c].props.value;
+}, useCallback: q, useContext: Ze, useDebugValue: Ot, useDeferredValue: Vt, useEffect: B, useId: Et, useImperativeHandle: St, useInsertionEffect: Ft, useLayoutEffect: ve, useMemo: At, useReducer: Ct, useRef: J, useState: M, useSyncExternalStore: Mt, useTransition: Bt } } };
+function $r(e) {
+  return ee.bind(null, e);
 }
-function Ee(e) {
-  return !!e && e.$$typeof === Gt;
+function Ie(e) {
+  return !!e && e.$$typeof === Ut;
 }
-function dn(e) {
-  return Ee(e) && e.type === ve;
+function en(e) {
+  return Ie(e) && e.type === _e;
 }
-function pn(e) {
+function tn(e) {
   return !!e && !!e.displayName && (typeof e.displayName == "string" || e.displayName instanceof String) && e.displayName.startsWith("Memo(");
 }
-function fn(e) {
-  return Ee(e) ? sr.apply(null, arguments) : e;
+function rn(e) {
+  return Ie(e) ? sr.apply(null, arguments) : e;
 }
-function hn(e) {
-  return !!e.__k && (ce(null, e), !0);
+function nn(e) {
+  return !!e.__k && (ge(null, e), !0);
 }
-function gn(e) {
+function on(e) {
   return e && (e.base || e.nodeType === 1 && e) || null;
 }
-var mn = function(e, t) {
+var an = function(e, t) {
   return e(t);
-}, vn = function(e, t) {
+}, sn = function(e, t) {
   return e(t);
-}, yn = ve, wn = Ee, re = { useState: O, useId: jt, useReducer: Ct, useEffect: z, useLayoutEffect: ue, useInsertionEffect: Kt, useTransition: Ut, useDeferredValue: Ht, useSyncExternalStore: It, startTransition: Wt, useRef: L, useImperativeHandle: Ot, useMemo: At, useCallback: I, useContext: $e, useDebugValue: Tt, version: "18.3.1", Children: Kr, render: rn, hydrate: nn, unmountComponentAtNode: hn, createPortal: Zr, createElement: K, createContext: Rt, createFactory: un, cloneElement: fn, createRef: ar, Fragment: ve, isValidElement: Ee, isElement: wn, isFragment: dn, isMemo: pn, findDOMNode: gn, Component: le, PureComponent: Ze, memo: Wr, forwardRef: Ur, flushSync: vn, unstable_batchedUpdates: mn, StrictMode: yn, Suspense: Ne, SuspenseList: ge, lazy: Xr, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: cn }, Zt = {
+}, ln = _e, cn = Ie, de = { useState: M, useId: Et, useReducer: Ct, useEffect: B, useLayoutEffect: ve, useInsertionEffect: Ft, useTransition: Bt, useDeferredValue: Vt, useSyncExternalStore: Mt, startTransition: zt, useRef: J, useImperativeHandle: St, useMemo: At, useCallback: q, useContext: Ze, useDebugValue: Ot, version: "18.3.1", Children: Pr, render: Kr, hydrate: Jr, unmountComponentAtNode: nn, createPortal: Br, createElement: ee, createContext: Rt, createFactory: $r, cloneElement: rn, createRef: ar, Fragment: _e, isValidElement: Ie, isElement: cn, isFragment: en, isMemo: tn, findDOMNode: on, Component: he, PureComponent: Je, memo: jr, forwardRef: Ir, flushSync: sn, unstable_batchedUpdates: an, StrictMode: ln, Suspense: Ee, SuspenseList: be, lazy: Mr, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: qr };
+const et = {
+  font: {
+    family: "Inter, sans-serif"
+  },
+  body: {
+    color: "#373737",
+    background: "#ffffff"
+  },
+  border: {
+    radius: "16px"
+  },
+  overlay: {
+    background: "#00000008",
+    backdrop: {
+      filter: "blur(2px)"
+    }
+  },
+  modal: {
+    shadow: "0px 2px 4px 0px #00000005"
+  }
+}, Kt = (e, t, r) => {
+  for (const [n, i] of Object.entries(r))
+    typeof i == "object" && i !== null ? Kt(e, `${t}-${n}`, i) : typeof i == "string" && e.set(`--lv${t}-${n}`, i);
+}, Jt = (e, t = !0) => {
+  const r = /* @__PURE__ */ new Map();
+  return Kt(r, "", e), Object.fromEntries(r.entries());
+}, un = ({
+  theme: e = et,
+  children: t
+}) => /* @__PURE__ */ l("div", { style: Jt(e), id: "root", children: t }), Xt = Rt({
+  provider: void 0
+}), dn = ({
+  provider: e,
+  onClose: t
+}) => /* @__PURE__ */ l(Xt.Provider, { value: { provider: e }, children: /* @__PURE__ */ l(un, { theme: et, children: /* @__PURE__ */ l(ai, { onClose: t }) }) }), fn = () => {
+  const e = Ze(Xt);
+  if (!e.provider) throw new Error("Provider not found");
+  return e;
+}, me = () => {
+  const { provider: e } = fn(), [t, r] = M(
+    e?.getState().status || K.ERROR
+  );
+  if (B(() => {
+    const n = (i) => {
+      r(i);
+    };
+    return e?.on("status_change", n), () => {
+      e?.off("status_change", n);
+    };
+  }, [e]), !e) throw new Error("Provider not found");
+  return { provider: e, status: t };
+}, tt = (...e) => console.log(
+  "%c[modal]%c",
+  "color: yellow; font-weight: bold",
+  "color: inherit; font-weight: normal",
+  ...e
+), Yt = (e, t, r) => {
+  B(() => (e?.on(t, r), () => {
+    e?.off(t, r);
+  }), [e, t]);
+}, rt = () => {
+  const { provider: e } = me(), [t, r] = M(
+    e?.storage.getSettings()
+  );
+  Yt(
+    e?.storage.emitter,
+    "settings_change",
+    (s) => {
+      r(s);
+    }
+  );
+  const n = (s) => {
+    if (!t || t.signaling?.p === s) return;
+    const c = {
+      ...t,
+      signaling: {
+        ...t.signaling,
+        p: s
+      }
+    };
+    r(c), e?.storage.setSettings(c);
+  }, i = (s) => {
+    if (!t || t.signaling?.s[t.signaling?.p] === s) return;
+    const c = {
+      ...t,
+      signaling: {
+        ...t.signaling,
+        s: {
+          ...t.signaling.s,
+          [t.signaling.p]: s
+        }
+      }
+    };
+    r(c), e?.storage.setSettings(c);
+  }, o = (s) => {
+    t && (r({ ...t, retainHistory: s }), e?.storage.setSettings({ ...t, retainHistory: s }));
+  }, a = (s) => {
+    t && (r({ ...t, autoReconnect: s }), e?.storage.setSettings({ ...t, autoReconnect: s }));
+  };
+  if (!t) throw new Error("Settings not found");
+  return {
+    settings: t,
+    updateSignalingProtocol: n,
+    updateSignalingServer: i,
+    updateRetainHistory: o,
+    updateAutoReconnect: a
+  };
+}, Ce = () => {
+  const { provider: e } = me(), [t, r] = M(
+    e?.getSession()
+  ), n = t?.getHandshakeParameters(), i = n ? fr(n) : void 0, [o, a] = M(
+    t?.getState()
+  );
+  return Yt(t?.emitter, "state_change", (s) => {
+    tt("session state change: ", s), a(s);
+  }), B(() => {
+    const s = () => {
+      const c = e?.getSession();
+      c && r(c);
+    };
+    return e?.on("status_change", s), () => {
+      e?.off("status_change", s);
+    };
+  }, [e]), B(() => {
+    const s = (c) => {
+      r(c), a(c.getState());
+    };
+    return e?.on("session_started", s), () => {
+      e?.off("session_started", s);
+    };
+  }, [e]), B(() => {
+    t && a(t.getState());
+  }, [t]), {
+    uri: i,
+    status: o
+  };
+}, pn = () => {
+  const { provider: e } = me(), { settings: t } = rt();
+  return {
+    start: () => {
+      const r = t?.signaling?.p, n = t?.signaling?.s[r];
+      if (!r || !n)
+        throw new Error("Invalid protocol or server");
+      return e?.createSession({
+        p: r,
+        s: n
+      });
+    }
+  };
+}, Xe = ({ state: e }) => {
+  const { status: t, uri: r } = Ce(), { status: n } = me();
+  return console.error("Unknown state: ", { state: e, sessionStatus: t, providerStatus: n }), /* @__PURE__ */ b("div", { className: "rounded-md bg-gray-100 p-2 text-gray-500", children: [
+    /* @__PURE__ */ b("div", { children: [
+      "Unknown state: ",
+      JSON.stringify(e)
+    ] }),
+    /* @__PURE__ */ b("div", { children: [
+      "URI: ",
+      r
+    ] }),
+    /* @__PURE__ */ b("div", { children: [
+      "Session Status: ",
+      JSON.stringify(t)
+    ] }),
+    /* @__PURE__ */ b("div", { children: [
+      "Provider Status: ",
+      JSON.stringify(n)
+    ] })
+  ] });
+}, hn = ({
+  onCopy: e
+}) => {
+  const { uri: t } = Ce(), r = q(() => {
+    t && e(t);
+  }, [t, e]), n = q((i) => {
+    const o = ur(0, "M");
+    return o.addData(i), o.make(), o.createSvgTag({ cellSize: 5, margin: 0, scalable: !0 });
+  }, []);
+  return /* @__PURE__ */ b("div", { className: "flex flex-col items-center gap-4 px-2", children: [
+    /* @__PURE__ */ b("div", { className: "w-full space-y-4 rounded-md border border-neutral-200 bg-neutral-100 p-4", children: [
+      t && /* @__PURE__ */ l("div", { className: "relative mx-auto flex w-fit items-center justify-center rounded-lg border-2 border-gray-200 bg-gray-50 p-4", children: /* @__PURE__ */ l(
+        "button",
+        {
+          className: "flex h-[200px] w-[200px] cursor-pointer items-center justify-center",
+          onClick: r,
+          title: "Click to copy connection URL",
+          dangerouslySetInnerHTML: { __html: n(t) }
+        }
+      ) }),
+      /* @__PURE__ */ l("div", { className: "w-full", children: /* @__PURE__ */ l(
+        "button",
+        {
+          type: "button",
+          onClick: r,
+          className: "w-full cursor-pointer rounded-lg border border-gray-300 bg-gray-200 px-4 py-2 text-gray-700 text-sm transition hover:bg-gray-300",
+          children: "Copy Connection URL"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ b("div", { className: "w-full", children: [
+      /* @__PURE__ */ l("span", { children: "Scan the link above using your mobile wallet." }),
+      /* @__PURE__ */ l("br", {}),
+      /* @__PURE__ */ l("span", { children: "Or copy the link and paste it into your wallet." })
+    ] })
+  ] });
+}, gn = () => typeof document < "u" && "startViewTransition" in document, vn = (e) => {
+  gn() ? document.startViewTransition(e) : e();
+}, mn = () => /* @__PURE__ */ l("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ l("div", { className: "h-8 w-8 animate-spin rounded-full border-4 border-blue-500 border-t-transparent" }) }), I = {
+  CONNECTING: "connecting",
+  READY: "ready",
+  CONFIRMING: "confirming",
+  CONNECTED: "connected",
+  DISCONNECTED: "disconnected",
+  ERROR: "error"
+}, yn = (e) => {
+  const [t, r] = M(e), n = J(e);
+  return B(() => {
+    e !== n.current && vn(() => {
+      r(e), n.current = e;
+    });
+  }, [e]), {
+    displayState: t
+  };
+}, wn = (e) => X(e).with({ status: le.CREATED }, () => I.CONNECTING).with(
+  { status: le.SIGNALING },
+  () => X(e?.signaling).with({ state: U.STANDBY }, () => I.CONNECTING).with({ state: U.CONNECTING }, () => I.CONNECTING).with({ state: U.READY }, () => I.READY).with({ state: U.HANDSHAKE }, () => I.CONFIRMING).with({ state: U.HANDSHAKE_PARTIAL }, () => I.CONFIRMING).with({ state: U.ENCRYPTED }, () => I.CONNECTED).otherwise(() => I.CONNECTING)
+).with({ status: le.READY }, () => I.READY).with({ status: le.CONNECTED }, () => I.CONNECTED).with({ status: le.DISCONNECTED }, () => I.DISCONNECTED).otherwise(() => I.ERROR), bn = ({ onClose: e, onCopy: t }) => {
+  const { status: r } = Ce(), { displayState: n } = yn(wn(r));
+  return /* @__PURE__ */ l("div", { style: { viewTransitionName: "connection-flow" }, className: "w-full", children: X(n).with(I.CONNECTING, () => /* @__PURE__ */ b("div", { className: "flex flex-col items-center gap-4 p-6", children: [
+    /* @__PURE__ */ l(mn, {}),
+    /* @__PURE__ */ b("div", { className: "text-center", children: [
+      /* @__PURE__ */ l("h3", { className: "mb-2 font-semibold text-gray-900 text-lg", children: "Connecting" }),
+      /* @__PURE__ */ l("p", { className: "text-gray-500 text-sm", children: "Waiting for wallet to connect..." })
+    ] })
+  ] })).with(I.READY, () => /* @__PURE__ */ l(hn, { onCopy: t })).with(I.CONFIRMING, () => /* @__PURE__ */ l("div", { className: "flex flex-col items-center gap-4 p-6", children: /* @__PURE__ */ l("div", { className: "text-center", children: /* @__PURE__ */ l("h3", { className: "mb-2 font-semibold text-gray-900 text-lg", children: "Establishing e2e encryption..." }) }) })).with(I.CONNECTED, () => /* @__PURE__ */ l("div", { className: "flex flex-col items-center gap-4 p-6", children: /* @__PURE__ */ b("div", { className: "text-center", children: [
+    /* @__PURE__ */ l("div", { className: "mb-4 text-4xl", children: "✅" }),
+    /* @__PURE__ */ l("h3", { className: "mb-2 font-semibold text-gray-900 text-lg", children: "Connected Successfully!" }),
+    /* @__PURE__ */ l("p", { className: "text-gray-500 text-sm", children: "Your wallet is now connected and ready to use." })
+  ] }) })).with(I.DISCONNECTED, () => /* @__PURE__ */ b("div", { className: "flex flex-col items-center gap-4 p-6", children: [
+    /* @__PURE__ */ b("div", { className: "text-center", children: [
+      /* @__PURE__ */ l("div", { className: "mb-4 text-4xl", children: "🔌" }),
+      /* @__PURE__ */ l("h3", { className: "mb-2 font-semibold text-gray-900 text-lg", children: "Disconnected" }),
+      /* @__PURE__ */ l("p", { className: "mb-4 text-gray-500 text-sm", children: "The connection has been closed." })
+    ] }),
+    /* @__PURE__ */ l(
+      "button",
+      {
+        type: "button",
+        onClick: e,
+        className: "w-full rounded-lg bg-gray-100 px-4 py-2 font-semibold text-gray-700 text-sm transition hover:bg-gray-200",
+        children: "Close"
+      }
+    )
+  ] })).otherwise(() => /* @__PURE__ */ l(Xe, { state: r })) });
+};
+var Qt = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, wt = re.createContext && /* @__PURE__ */ re.createContext(Zt), bn = ["attr", "size", "title"];
-function xn(e, t) {
+}, yt = de.createContext && /* @__PURE__ */ de.createContext(Qt), xn = ["attr", "size", "title"];
+function _n(e, t) {
   if (e == null) return {};
-  var r = kn(e, t), n, i;
+  var r = Nn(e, t), n, i;
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(e);
     for (i = 0; i < o.length; i++)
@@ -852,7 +1006,7 @@ function xn(e, t) {
   }
   return r;
 }
-function kn(e, t) {
+function Nn(e, t) {
   if (e == null) return {};
   var r = {};
   for (var n in e)
@@ -862,17 +1016,17 @@ function kn(e, t) {
     }
   return r;
 }
-function Oe() {
-  return Oe = Object.assign ? Object.assign.bind() : function(e) {
+function Re() {
+  return Re = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var r = arguments[t];
       for (var n in r)
         Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
     }
     return e;
-  }, Oe.apply(this, arguments);
+  }, Re.apply(this, arguments);
 }
-function bt(e, t) {
+function wt(e, t) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
@@ -882,25 +1036,25 @@ function bt(e, t) {
   }
   return r;
 }
-function je(e) {
+function Te(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? bt(Object(r), !0).forEach(function(n) {
-      _n(e, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : bt(Object(r)).forEach(function(n) {
+    t % 2 ? wt(Object(r), !0).forEach(function(n) {
+      kn(e, n, r[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : wt(Object(r)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
   return e;
 }
-function _n(e, t, r) {
-  return t = Sn(t), t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
+function kn(e, t, r) {
+  return t = Cn(t), t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
 }
-function Sn(e) {
-  var t = Nn(e, "string");
+function Cn(e) {
+  var t = An(e, "string");
   return typeof t == "symbol" ? t : t + "";
 }
-function Nn(e, t) {
+function An(e, t) {
   if (typeof e != "object" || !e) return e;
   var r = e[Symbol.toPrimitive];
   if (r !== void 0) {
@@ -910,43 +1064,43 @@ function Nn(e, t) {
   }
   return (t === "string" ? String : Number)(e);
 }
-function qt(e) {
-  return e && e.map((t, r) => /* @__PURE__ */ re.createElement(t.tag, je({
+function Zt(e) {
+  return e && e.map((t, r) => /* @__PURE__ */ de.createElement(t.tag, Te({
     key: r
-  }, t.attr), qt(t.child)));
+  }, t.attr), Zt(t.child)));
 }
 function Pe(e) {
-  return (t) => /* @__PURE__ */ re.createElement(Cn, Oe({
-    attr: je({}, e.attr)
-  }, t), qt(e.child));
+  return (t) => /* @__PURE__ */ de.createElement(Sn, Re({
+    attr: Te({}, e.attr)
+  }, t), Zt(e.child));
 }
-function Cn(e) {
+function Sn(e) {
   var t = (r) => {
     var {
       attr: n,
       size: i,
       title: o
-    } = e, a = xn(e, bn), l = i || r.size || "1em", c;
-    return r.className && (c = r.className), e.className && (c = (c ? c + " " : "") + e.className), /* @__PURE__ */ re.createElement("svg", Oe({
+    } = e, a = _n(e, xn), s = i || r.size || "1em", c;
+    return r.className && (c = r.className), e.className && (c = (c ? c + " " : "") + e.className), /* @__PURE__ */ de.createElement("svg", Re({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
     }, r.attr, n, a, {
       className: c,
-      style: je(je({
+      style: Te(Te({
         color: e.color || r.color
       }, r.style), e.style),
-      height: l,
-      width: l,
+      height: s,
+      width: s,
       xmlns: "http://www.w3.org/2000/svg"
-    }), o && /* @__PURE__ */ re.createElement("title", null, o), e.children);
+    }), o && /* @__PURE__ */ de.createElement("title", null, o), e.children);
   };
-  return wt !== void 0 ? /* @__PURE__ */ re.createElement(wt.Consumer, null, (r) => t(r)) : t(Zt);
+  return yt !== void 0 ? /* @__PURE__ */ de.createElement(yt.Consumer, null, (r) => t(r)) : t(Qt);
 }
-function An(e) {
+function En(e) {
   return Pe({ 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: [] }] })(e);
 }
-var On = /\s+/g, qe = (e) => typeof e != "string" || !e ? e : e.replace(On, " ").trim(), Te = (...e) => {
+var On = /\s+/g, Ye = (e) => typeof e != "string" || !e ? e : e.replace(On, " ").trim(), je = (...e) => {
   let t = [], r = (n) => {
     if (!n && n !== 0 && n !== 0n) return;
     if (Array.isArray(n)) {
@@ -959,7 +1113,7 @@ var On = /\s+/g, qe = (e) => typeof e != "string" || !e ? e : e.replace(On, " ")
       t.push(String(n));
     } else if (i === "object") {
       let o = Object.keys(n);
-      for (let a = 0, l = o.length; a < l; a++) {
+      for (let a = 0, s = o.length; a < s; a++) {
         let c = o[a];
         n[c] && t.push(c);
       }
@@ -969,12 +1123,12 @@ var On = /\s+/g, qe = (e) => typeof e != "string" || !e ? e : e.replace(On, " ")
     let o = e[n];
     o != null && r(o);
   }
-  return t.length > 0 ? qe(t.join(" ")) : void 0;
-}, xt = (e) => e === !1 ? "false" : e === !0 ? "true" : e === 0 ? "0" : e, P = (e) => {
+  return t.length > 0 ? Ye(t.join(" ")) : void 0;
+}, bt = (e) => e === !1 ? "false" : e === !0 ? "true" : e === 0 ? "0" : e, W = (e) => {
   if (!e || typeof e != "object") return !0;
   for (let t in e) return !1;
   return !0;
-}, jn = (e, t) => {
+}, Rn = (e, t) => {
   if (e === t) return !0;
   if (!e || !t) return !1;
   let r = Object.keys(e), n = Object.keys(t);
@@ -984,36 +1138,36 @@ var On = /\s+/g, qe = (e) => typeof e != "string" || !e ? e : e.replace(On, " ")
     if (!n.includes(o) || e[o] !== t[o]) return !1;
   }
   return !0;
-}, kt = (e, t) => {
+}, xt = (e, t) => {
   for (let r in t) if (Object.prototype.hasOwnProperty.call(t, r)) {
     let n = t[r];
-    r in e ? e[r] = Te(e[r], n) : e[r] = n;
+    r in e ? e[r] = je(e[r], n) : e[r] = n;
   }
   return e;
-}, Yt = (e, t) => {
+}, qt = (e, t) => {
   for (let r = 0; r < e.length; r++) {
     let n = e[r];
-    Array.isArray(n) ? Yt(n, t) : n && t.push(n);
+    Array.isArray(n) ? qt(n, t) : n && t.push(n);
   }
 }, $t = (...e) => {
   let t = [];
-  Yt(e, t);
+  qt(e, t);
   let r = [];
   for (let n = 0; n < t.length; n++) t[n] && r.push(t[n]);
   return r;
-}, Ye = (e, t) => {
+}, Qe = (e, t) => {
   let r = {};
   for (let n in e) {
     let i = e[n];
     if (n in t) {
       let o = t[n];
-      Array.isArray(i) || Array.isArray(o) ? r[n] = $t(o, i) : typeof i == "object" && typeof o == "object" && i && o ? r[n] = Ye(i, o) : r[n] = o + " " + i;
+      Array.isArray(i) || Array.isArray(o) ? r[n] = $t(o, i) : typeof i == "object" && typeof o == "object" && i && o ? r[n] = Qe(i, o) : r[n] = o + " " + i;
     } else r[n] = i;
   }
   for (let n in t) n in e || (r[n] = t[n]);
   return r;
 }, Tn = { twMerge: !0, twMergeConfig: {}, responsiveVariants: !1 };
-function Rn() {
+function jn() {
   let e = null, t = {}, r = !1;
   return { get cachedTwMerge() {
     return e;
@@ -1031,148 +1185,148 @@ function Rn() {
     e = null, t = {}, r = !1;
   } };
 }
-var Be = Rn(), En = (e) => {
+var Fe = jn(), Dn = (e) => {
   let t = (r, n) => {
-    let { extend: i = null, slots: o = {}, variants: a = {}, compoundVariants: l = [], compoundSlots: c = [], defaultVariants: g = {} } = r, v = { ...Tn, ...n }, W = i?.base ? Te(i.base, r?.base) : r?.base, S = i?.variants && !P(i.variants) ? Ye(a, i.variants) : a, ne = i?.defaultVariants && !P(i.defaultVariants) ? { ...i.defaultVariants, ...g } : g;
-    !P(v.twMergeConfig) && !jn(v.twMergeConfig, Be.cachedTwMergeConfig) && (Be.didTwMergeConfigChange = !0, Be.cachedTwMergeConfig = v.twMergeConfig);
-    let ie = P(i?.slots), oe = P(o) ? {} : { base: Te(r?.base, ie && i?.base), ...o }, H = ie ? oe : kt({ ...i?.slots }, P(oe) ? { base: r?.base } : oe), J = P(i?.compoundVariants) ? l : $t(i?.compoundVariants, l), V = (M) => {
-      if (P(S) && P(o) && ie) return e(W, M?.class, M?.className)(v);
-      if (J && !Array.isArray(J)) throw new TypeError(`The "compoundVariants" prop must be an array. Received: ${typeof J}`);
+    let { extend: i = null, slots: o = {}, variants: a = {}, compoundVariants: s = [], compoundSlots: c = [], defaultVariants: u = {} } = r, d = { ...Tn, ...n }, p = i?.base ? je(i.base, r?.base) : r?.base, w = i?.variants && !W(i.variants) ? Qe(a, i.variants) : a, S = i?.defaultVariants && !W(i.defaultVariants) ? { ...i.defaultVariants, ...u } : u;
+    !W(d.twMergeConfig) && !Rn(d.twMergeConfig, Fe.cachedTwMergeConfig) && (Fe.didTwMergeConfigChange = !0, Fe.cachedTwMergeConfig = d.twMergeConfig);
+    let N = W(i?.slots), P = W(o) ? {} : { base: je(r?.base, N && i?.base), ...o }, f = N ? P : xt({ ...i?.slots }, W(P) ? { base: r?.base } : P), j = W(i?.compoundVariants) ? s : $t(i?.compoundVariants, s), O = (H) => {
+      if (W(w) && W(o) && N) return e(p, H?.class, H?.className)(d);
+      if (j && !Array.isArray(j)) throw new TypeError(`The "compoundVariants" prop must be an array. Received: ${typeof j}`);
       if (c && !Array.isArray(c)) throw new TypeError(`The "compoundSlots" prop must be an array. Received: ${typeof c}`);
-      let ke = (p, d, u = [], y) => {
-        let w = u;
-        if (typeof d == "string") {
-          let h = qe(d).split(" ");
-          for (let x = 0; x < h.length; x++) w.push(`${p}:${h[x]}`);
-        } else if (Array.isArray(d)) for (let h = 0; h < d.length; h++) w.push(`${p}:${d[h]}`);
-        else if (typeof d == "object" && typeof y == "string" && y in d) {
-          let h = d[y];
-          if (h && typeof h == "string") {
-            let x = qe(h).split(" "), A = [];
-            for (let C = 0; C < x.length; C++) A.push(`${p}:${x[C]}`);
-            w[y] = w[y] ? w[y].concat(A) : A;
-          } else if (Array.isArray(h) && h.length > 0) {
-            let x = [];
-            for (let A = 0; A < h.length; A++) x.push(`${p}:${h[A]}`);
-            w[y] = x;
+      let Y = (v, g, h = [], x) => {
+        let _ = h;
+        if (typeof g == "string") {
+          let y = Ye(g).split(" ");
+          for (let A = 0; A < y.length; A++) _.push(`${v}:${y[A]}`);
+        } else if (Array.isArray(g)) for (let y = 0; y < g.length; y++) _.push(`${v}:${g[y]}`);
+        else if (typeof g == "object" && typeof x == "string" && x in g) {
+          let y = g[x];
+          if (y && typeof y == "string") {
+            let A = Ye(y).split(" "), L = [];
+            for (let D = 0; D < A.length; D++) L.push(`${v}:${A[D]}`);
+            _[x] = _[x] ? _[x].concat(L) : L;
+          } else if (Array.isArray(y) && y.length > 0) {
+            let A = [];
+            for (let L = 0; L < y.length; L++) A.push(`${v}:${y[L]}`);
+            _[x] = A;
           }
         }
-        return w;
-      }, X = (p, d = S, u = null, y = null) => {
-        let w = d[p];
-        if (!w || P(w)) return null;
-        let h = y?.[p] ?? M?.[p];
-        if (h === null) return null;
-        let x = xt(h), A = Array.isArray(v.responsiveVariants) && v.responsiveVariants.length > 0 || v.responsiveVariants === !0, C = ne?.[p], N = [];
-        if (typeof x == "object" && A) for (let [G, lt] of Object.entries(x)) {
-          let nr = w[lt];
-          if (G === "initial") {
-            C = lt;
+        return _;
+      }, te = (v, g = w, h = null, x = null) => {
+        let _ = g[v];
+        if (!_ || W(_)) return null;
+        let y = x?.[v] ?? H?.[v];
+        if (y === null) return null;
+        let A = bt(y), L = Array.isArray(d.responsiveVariants) && d.responsiveVariants.length > 0 || d.responsiveVariants === !0, D = S?.[v], T = [];
+        if (typeof A == "object" && L) for (let [ne, at] of Object.entries(A)) {
+          let nr = _[at];
+          if (ne === "initial") {
+            D = at;
             continue;
           }
-          Array.isArray(v.responsiveVariants) && !v.responsiveVariants.includes(G) || (N = ke(G, nr, N, u));
+          Array.isArray(d.responsiveVariants) && !d.responsiveVariants.includes(ne) || (T = Y(ne, nr, T, h));
         }
-        let Q = x != null && typeof x != "object" ? x : xt(C), E = w[Q || "false"];
-        return typeof N == "object" && typeof u == "string" && N[u] ? kt(N, E) : N.length > 0 ? (N.push(E), u === "base" ? N.join(" ") : N) : E;
-      }, te = () => {
-        if (!S) return null;
-        let p = Object.keys(S), d = [];
-        for (let u = 0; u < p.length; u++) {
-          let y = X(p[u], S);
-          y && d.push(y);
+        let re = A != null && typeof A != "object" ? A : bt(D), G = _[re || "false"];
+        return typeof T == "object" && typeof h == "string" && T[h] ? xt(T, G) : T.length > 0 ? (T.push(G), h === "base" ? T.join(" ") : T) : G;
+      }, ue = () => {
+        if (!w) return null;
+        let v = Object.keys(w), g = [];
+        for (let h = 0; h < v.length; h++) {
+          let x = te(v[h], w);
+          x && g.push(x);
         }
-        return d;
-      }, ze = (p, d) => {
-        if (!S || typeof S != "object") return null;
-        let u = [];
-        for (let y in S) {
-          let w = X(y, S, p, d), h = p === "base" && typeof w == "string" ? w : w && w[p];
-          h && u.push(h);
+        return g;
+      }, Le = (v, g) => {
+        if (!w || typeof w != "object") return null;
+        let h = [];
+        for (let x in w) {
+          let _ = te(x, w, v, g), y = v === "base" && typeof _ == "string" ? _ : _ && _[v];
+          y && h.push(y);
         }
-        return u;
-      }, pe = {};
-      for (let p in M) {
-        let d = M[p];
-        d !== void 0 && (pe[p] = d);
+        return h;
+      }, ye = {};
+      for (let v in H) {
+        let g = H[v];
+        g !== void 0 && (ye[v] = g);
       }
-      let U = (p, d) => {
-        let u = typeof M?.[p] == "object" ? { [p]: M[p]?.initial } : {};
-        return { ...ne, ...pe, ...u, ...d };
-      }, fe = (p = [], d) => {
-        let u = [], y = p.length;
-        for (let w = 0; w < y; w++) {
-          let { class: h, className: x, ...A } = p[w], C = !0, N = U(null, d);
-          for (let Q in A) {
-            let E = A[Q], G = N[Q];
-            if (Array.isArray(E)) {
-              if (!E.includes(G)) {
-                C = !1;
+      let $ = (v, g) => {
+        let h = typeof H?.[v] == "object" ? { [v]: H[v]?.initial } : {};
+        return { ...S, ...ye, ...h, ...g };
+      }, we = (v = [], g) => {
+        let h = [], x = v.length;
+        for (let _ = 0; _ < x; _++) {
+          let { class: y, className: A, ...L } = v[_], D = !0, T = $(null, g);
+          for (let re in L) {
+            let G = L[re], ne = T[re];
+            if (Array.isArray(G)) {
+              if (!G.includes(ne)) {
+                D = !1;
                 break;
               }
             } else {
-              if ((E == null || E === !1) && (G == null || G === !1)) continue;
-              if (G !== E) {
-                C = !1;
+              if ((G == null || G === !1) && (ne == null || ne === !1)) continue;
+              if (ne !== G) {
+                D = !1;
                 break;
               }
             }
           }
-          C && (h && u.push(h), x && u.push(x));
+          D && (y && h.push(y), A && h.push(A));
         }
-        return u;
-      }, Ve = (p) => {
-        let d = fe(J, p);
-        if (!Array.isArray(d)) return d;
-        let u = {}, y = e;
-        for (let w = 0; w < d.length; w++) {
-          let h = d[w];
-          if (typeof h == "string") u.base = y(u.base, h)(v);
-          else if (typeof h == "object") for (let x in h) u[x] = y(u[x], h[x])(v);
+        return h;
+      }, Me = (v) => {
+        let g = we(j, v);
+        if (!Array.isArray(g)) return g;
+        let h = {}, x = e;
+        for (let _ = 0; _ < g.length; _++) {
+          let y = g[_];
+          if (typeof y == "string") h.base = x(h.base, y)(d);
+          else if (typeof y == "object") for (let A in y) h[A] = x(h[A], y[A])(d);
         }
-        return u;
-      }, _e = (p) => {
+        return h;
+      }, Ae = (v) => {
         if (c.length < 1) return null;
-        let d = {}, u = U(null, p);
-        for (let y = 0; y < c.length; y++) {
-          let { slots: w = [], class: h, className: x, ...A } = c[y];
-          if (!P(A)) {
-            let C = !0;
-            for (let N in A) {
-              let Q = u[N], E = A[N];
-              if (Q === void 0 || (Array.isArray(E) ? !E.includes(Q) : E !== Q)) {
-                C = !1;
+        let g = {}, h = $(null, v);
+        for (let x = 0; x < c.length; x++) {
+          let { slots: _ = [], class: y, className: A, ...L } = c[x];
+          if (!W(L)) {
+            let D = !0;
+            for (let T in L) {
+              let re = h[T], G = L[T];
+              if (re === void 0 || (Array.isArray(G) ? !G.includes(re) : G !== re)) {
+                D = !1;
                 break;
               }
             }
-            if (!C) continue;
+            if (!D) continue;
           }
-          for (let C = 0; C < w.length; C++) {
-            let N = w[C];
-            d[N] || (d[N] = []), d[N].push([h, x]);
+          for (let D = 0; D < _.length; D++) {
+            let T = _[D];
+            g[T] || (g[T] = []), g[T].push([y, A]);
           }
         }
-        return d;
+        return g;
       };
-      if (!P(o) || !ie) {
-        let p = {};
-        if (typeof H == "object" && !P(H)) {
-          let d = e;
-          for (let u in H) p[u] = (y) => {
-            let w = Ve(y), h = _e(y);
-            return d(H[u], ze(u, y), w ? w[u] : void 0, h ? h[u] : void 0, y?.class, y?.className)(v);
+      if (!W(o) || !N) {
+        let v = {};
+        if (typeof f == "object" && !W(f)) {
+          let g = e;
+          for (let h in f) v[h] = (x) => {
+            let _ = Me(x), y = Ae(x);
+            return g(f[h], Le(h, x), _ ? _[h] : void 0, y ? y[h] : void 0, x?.class, x?.className)(d);
           };
         }
-        return p;
+        return v;
       }
-      return e(W, te(), fe(J), M?.class, M?.className)(v);
-    }, xe = () => {
-      if (!(!S || typeof S != "object")) return Object.keys(S);
+      return e(p, ue(), we(j), H?.class, H?.className)(d);
+    }, k = () => {
+      if (!(!w || typeof w != "object")) return Object.keys(w);
     };
-    return V.variantKeys = xe(), V.extend = i, V.base = W, V.slots = H, V.variants = S, V.defaultVariants = ne, V.compoundSlots = c, V.compoundVariants = J, V;
+    return O.variantKeys = k(), O.extend = i, O.base = p, O.slots = f, O.variants = w, O.defaultVariants = S, O.compoundSlots = c, O.compoundVariants = j, O;
   };
-  return { tv: t, createTV: (r) => (n, i) => t(n, i ? Ye(r, i) : r) };
-}, Pn = (...e) => (t) => Te(e) || void 0, { tv: er } = En(Pn);
-const zn = er({
+  return { tv: t, createTV: (r) => (n, i) => t(n, i ? Qe(r, i) : r) };
+}, In = (...e) => (t) => je(e) || void 0, { tv: er } = Dn(In);
+const Pn = er({
   base: "flex items-center justify-center rounded-lg transition-colors cursor-pointer active:scale-95 transition-transform",
   variants: {
     $variant: {
@@ -1195,7 +1349,7 @@ const zn = er({
     $variant: "primary",
     $aspect: "auto"
   }
-}), me = ({
+}), xe = ({
   href: e,
   onClick: t,
   children: r,
@@ -1203,47 +1357,47 @@ const zn = er({
   $variant: i,
   $size: o,
   $aspect: a,
-  ...l
-}) => K(
+  ...s
+}) => ee(
   e ? "a" : "button",
   {
     href: e ?? void 0,
     onClick: t,
-    className: se(zn({ $variant: i, $size: o, $aspect: a }), n),
-    ...l
+    className: pe(Pn({ $variant: i, $size: o, $aspect: a }), n),
+    ...s
   },
   r
-), Vn = ({ isApple: e }) => /* @__PURE__ */ m("div", { className: "flex h-full w-full justify-between", children: [
-  /* @__PURE__ */ s("div", { className: "grow py-1 pl-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: e ? 1 : 3 }).map((t, r) => /* @__PURE__ */ s(
+), Ln = ({ isApple: e }) => /* @__PURE__ */ b("div", { className: "flex h-full w-full justify-between", children: [
+  /* @__PURE__ */ l("div", { className: "grow py-1 pl-1", children: /* @__PURE__ */ l("div", { className: "h-full rounded-sm border border-gray-300 bg-gray-400" }) }),
+  /* @__PURE__ */ l("div", { className: "flex h-full w-3 flex-col items-center justify-center gap-0.5 pr-0.5", children: Array.from({ length: e ? 1 : 3 }).map((t, r) => /* @__PURE__ */ l(
     "div",
     {
       className: "h-1.5 w-1.5 rounded-full border border-gray-500"
     },
     "dot-t-" + r
   )) })
-] }), Mn = ({ isApple: e }) => /* @__PURE__ */ m("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: e ? 1 : 3 }).map((t, r) => /* @__PURE__ */ s(
+] }), Mn = ({ isApple: e }) => /* @__PURE__ */ b("div", { className: "flex h-full w-full flex-col justify-between", children: [
+  /* @__PURE__ */ l("div", { className: "grow px-1 pt-1", children: /* @__PURE__ */ l("div", { className: "h-full rounded-sm border border-gray-200 bg-gray-300" }) }),
+  /* @__PURE__ */ l("div", { className: "flex h-3 w-full items-center justify-center gap-0.5 pb-0.5", children: Array.from({ length: e ? 1 : 3 }).map((t, r) => /* @__PURE__ */ l(
     "div",
     {
       className: "h-1.5 w-1.5 rounded-full border border-gray-400"
     },
     "dot-p-" + r
   )) })
-] }), Ln = () => /* @__PURE__ */ m("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(Vn, { isApple: !0 }) }),
-  /* @__PURE__ */ s("div", { className: "h-18 w-12 overflow-hidden rounded-lg bg-gray-200", children: /* @__PURE__ */ s(Mn, { isApple: !0 }) })
-] }), Dn = ({
+] }), zn = () => /* @__PURE__ */ b("div", { className: "-space-x-4 flex items-end", children: [
+  /* @__PURE__ */ l("div", { className: "h-38 w-48 overflow-hidden rounded-lg bg-gray-300", children: /* @__PURE__ */ l(Ln, { isApple: !0 }) }),
+  /* @__PURE__ */ l("div", { className: "h-18 w-12 overflow-hidden rounded-lg bg-gray-200", children: /* @__PURE__ */ l(Mn, { isApple: !0 }) })
+] }), Vn = ({
   onSettings: e
 }) => {
-  const { start: t } = zr();
-  return /* @__PURE__ */ m("div", { className: "flex flex-col items-center gap-4 p-6", children: [
-    /* @__PURE__ */ s(Ln, {}),
-    /* @__PURE__ */ s("div", { className: "text-center", children: /* @__PURE__ */ s("p", { className: "text-gray-500 text-sm", children: "Click the button below to start a connection" }) }),
-    /* @__PURE__ */ m("div", { className: "flex items-center", children: [
-      /* @__PURE__ */ s(
-        me,
+  const { start: t } = pn();
+  return /* @__PURE__ */ b("div", { className: "flex flex-col items-center gap-4 p-6", children: [
+    /* @__PURE__ */ l(zn, {}),
+    /* @__PURE__ */ l("div", { className: "text-center", children: /* @__PURE__ */ l("p", { className: "text-gray-500 text-sm", children: "Click the button below to start a connection" }) }),
+    /* @__PURE__ */ b("div", { className: "flex items-center", children: [
+      /* @__PURE__ */ l(
+        xe,
         {
           type: "button",
           onClick: t,
@@ -1253,8 +1407,8 @@ const zn = er({
           children: "Generate QR"
         }
       ),
-      /* @__PURE__ */ s(
-        me,
+      /* @__PURE__ */ l(
+        xe,
         {
           type: "button",
           "aria-label": "Connection settings",
@@ -1264,7 +1418,7 @@ const zn = er({
           $aspect: "square",
           $size: "lg",
           $variant: "secondary",
-          children: /* @__PURE__ */ s(An, { className: "h-5 w-5 text-gray-500" })
+          children: /* @__PURE__ */ l(En, { className: "h-5 w-5 text-gray-500" })
         }
       )
     ] })
@@ -1285,10 +1439,10 @@ const zn = er({
     return !1;
   }
 }, _t = (e, { duration: t = 200 } = {}) => {
-  const [r, n] = O(e), [i, o] = O(null), a = L(), l = L(e);
-  return z(() => {
-    if (!Object.is(e, l.current))
-      return a.current && window.clearTimeout(a.current), o(l.current), n(e), l.current = e, a.current = window.setTimeout(() => {
+  const [r, n] = M(e), [i, o] = M(null), a = J(), s = J(e);
+  return B(() => {
+    if (!Object.is(e, s.current))
+      return a.current && window.clearTimeout(a.current), o(s.current), n(e), s.current = e, a.current = window.setTimeout(() => {
         o(null), a.current = void 0;
       }, t), () => {
         a.current && window.clearTimeout(a.current);
@@ -1298,24 +1452,45 @@ const zn = er({
     previous: i,
     isTransitioning: i !== null
   };
-}, Fn = "data:image/webp;base64,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", In = () => {
-  const { status: e } = be(), { status: t } = de(), r = D(t).with("disconnected", () => {
+}, Fn = "data:image/webp;base64,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", Hn = () => {
+  const { status: e } = Ce(), { status: t } = me(), r = X(t).with(K.STANDBY, () => {
   }).with(
-    tt.union("connected", "connecting", "error"),
-    () => D(e).with({ status: "disconnected" }, () => ({
-      icon: "🫲",
-      text: "Disconnected"
+    Pt.union(
+      K.CREATING,
+      K.CONNECTING,
+      K.CONNECTED,
+      K.ERROR
+    ),
+    () => X({ status: e?.status }).with({ status: le.CREATED }, () => {
+    }).with({ status: le.CONNECTED }, () => ({
+      icon: "✅",
+      text: "Connected Successfully!"
     })).with(
-      { status: "signaling" },
-      (n) => D(n.signaling).with({ state: "handshake-open" }, () => ({
+      { status: le.SIGNALING },
+      () => X({ status: e?.signaling?.state }).with({ status: U.STANDBY }, () => ({
+        icon: "🫥",
+        text: "Connecting"
+      })).with({ status: U.CONNECTING }, () => ({
+        icon: "↗️",
+        text: "Connecting"
+      })).with({ status: U.READY }, () => ({
         icon: "👋",
-        text: "Handshake Open"
-      })).with({ state: "handshake-closed" }, () => ({
+        text: "Ready"
+      })).with({ status: U.HANDSHAKE }, () => ({
         icon: "🤝",
         text: "Handshake Closed"
+      })).with({ status: U.HANDSHAKE_PARTIAL }, () => ({
+        icon: "🤝",
+        text: "Handshake Partial"
+      })).with({ status: U.ENCRYPTED }, () => ({
+        icon: "🔒",
+        text: "Encrypted"
+      })).with({ status: U.ERROR }, () => ({
+        icon: "❌",
+        text: "Signal Error"
       })).otherwise(() => ({
         icon: "❓",
-        text: "Unknown " + n.signaling?.state
+        text: "Unknown " + e?.signaling?.state
       }))
     ).otherwise((n) => ({
       icon: "❓",
@@ -1325,14 +1500,14 @@ const zn = er({
     icon: "❓",
     text: "Unknown provider status " + JSON.stringify(t)
   }));
-  return r ? /* @__PURE__ */ m("div", { className: "group flex items-center gap-2 rounded-md px-2 py-2 hover:bg-neutral-200", children: [
-    /* @__PURE__ */ s("div", { className: "text-gray-900 text-xs opacity-0 transition-opacity duration-300 group-hover:opacity-100", children: r.text }),
-    /* @__PURE__ */ s("div", { children: r.icon })
-  ] }) : /* @__PURE__ */ s(Nt, {});
-}, Wn = () => /* @__PURE__ */ m(Nt, { children: [
-  /* @__PURE__ */ s("div", { className: "h-11 w-full" }),
-  /* @__PURE__ */ m("div", { className: "absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 px-3 py-2 text-gray-500", children: [
-    /* @__PURE__ */ m(
+  return r ? /* @__PURE__ */ b("div", { className: "group flex items-center gap-2 rounded-md px-2 py-2 hover:bg-neutral-200", children: [
+    /* @__PURE__ */ l("div", { className: "text-gray-900 text-xs opacity-0 transition-opacity duration-300 group-hover:opacity-100", children: r.text }),
+    /* @__PURE__ */ l("div", { children: r.icon })
+  ] }) : /* @__PURE__ */ l(kt, {});
+}, Gn = () => /* @__PURE__ */ b(kt, { children: [
+  /* @__PURE__ */ l("div", { className: "h-11 w-full" }),
+  /* @__PURE__ */ b("div", { className: "absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 px-3 py-2 text-gray-500", children: [
+    /* @__PURE__ */ b(
       "a",
       {
         href: "https://github.com/v3xlabs/open-lavatory",
@@ -1340,7 +1515,7 @@ const zn = er({
         rel: "noreferrer",
         className: "flex items-center gap-2 p-1 font-semibold text-gray-500 text-sm",
         children: [
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ l(
             "img",
             {
               src: Fn,
@@ -1350,14 +1525,14 @@ const zn = er({
               className: "rounded"
             }
           ),
-          /* @__PURE__ */ s("span", { children: "openlv" })
+          /* @__PURE__ */ l("span", { children: "openlv" })
         ]
       }
     ),
-    /* @__PURE__ */ s("div", { className: "text-gray-500 text-sm", children: /* @__PURE__ */ s(In, {}) })
+    /* @__PURE__ */ l("div", { className: "text-gray-500 text-sm", children: /* @__PURE__ */ l(Hn, {}) })
   ] })
 ] });
-function Hn(e) {
+function Wn(e) {
   return Pe({ 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: [] }] })(e);
 }
 function tr(e) {
@@ -1371,19 +1546,19 @@ const Kn = ({
   view: t,
   onClose: r,
   onBack: n
-}) => /* @__PURE__ */ m("div", { className: "flex items-center justify-between px-2 py-2", children: [
-  n ? /* @__PURE__ */ s(
-    me,
+}) => /* @__PURE__ */ b("div", { className: "flex items-center justify-between px-2 py-2", children: [
+  n ? /* @__PURE__ */ l(
+    xe,
     {
       onClick: n,
       "aria-label": t === "settings" ? "Back to QR" : "Close modal",
       $variant: "tertiary",
       $aspect: "square",
       $size: "md",
-      children: /* @__PURE__ */ s(Hn, { className: "h-6 w-6 text-gray-500" })
+      children: /* @__PURE__ */ l(Wn, { className: "h-6 w-6 text-gray-500" })
     }
-  ) : /* @__PURE__ */ s(
-    me,
+  ) : /* @__PURE__ */ l(
+    xe,
     {
       type: "button",
       href: "https://openlv.sh",
@@ -1391,12 +1566,12 @@ const Kn = ({
       $variant: "tertiary",
       $aspect: "square",
       $size: "md",
-      children: /* @__PURE__ */ s(tr, { className: "h-5 w-5" })
+      children: /* @__PURE__ */ l(tr, { className: "h-5 w-5" })
     }
   ),
-  /* @__PURE__ */ s("h2", { className: "flex items-center justify-center gap-2 font-semibold text-gray-900 text-lg", children: e }),
-  /* @__PURE__ */ s(
-    me,
+  /* @__PURE__ */ l("h2", { className: "flex items-center justify-center gap-2 font-semibold text-gray-900 text-lg", children: e }),
+  /* @__PURE__ */ l(
+    xe,
     {
       type: "button",
       "aria-label": "close",
@@ -1405,7 +1580,7 @@ const Kn = ({
       $variant: "tertiary",
       $aspect: "square",
       $size: "md",
-      children: /* @__PURE__ */ s(Un, { className: "h-6 w-6 text-gray-500" })
+      children: /* @__PURE__ */ l(Un, { className: "h-6 w-6 text-gray-500" })
     }
   )
 ] }), Jn = er({
@@ -1438,40 +1613,40 @@ const Kn = ({
   defaultVariants: {
     size: "lg"
   }
-}), ot = ({
+}), nt = ({
   variant: e = "icon",
   children: t,
   size: r = "lg"
 }) => {
   const { root: n, box: i, popover: o, icon: a } = Jn({ size: r, variant: e });
-  return /* @__PURE__ */ m("div", { className: n(), children: [
-    /* @__PURE__ */ s("div", { className: i(), children: D(e).with("icon", () => /* @__PURE__ */ s(tr, { className: a() })).with("text", () => /* @__PURE__ */ s("div", { children: "Text" })).exhaustive() }),
-    /* @__PURE__ */ s("div", { className: o(), children: t })
+  return /* @__PURE__ */ b("div", { className: n(), children: [
+    /* @__PURE__ */ l("div", { className: i(), children: X(e).with("icon", () => /* @__PURE__ */ l(tr, { className: a() })).with("text", () => /* @__PURE__ */ l("div", { children: "Text" })).exhaustive() }),
+    /* @__PURE__ */ l("div", { className: o(), children: t })
   ] });
-}, at = ({ title: e, right: t, children: r }) => /* @__PURE__ */ m("div", { children: [
-  /* @__PURE__ */ m("div", { className: "flex items-end justify-between px-2 py-1", children: [
-    /* @__PURE__ */ s("div", { className: "font-medium text-gray-900 text-sm", children: e }),
-    /* @__PURE__ */ s("div", { children: t })
+}, it = ({ title: e, right: t, children: r }) => /* @__PURE__ */ b("div", { children: [
+  /* @__PURE__ */ b("div", { className: "flex items-end justify-between px-2 py-1", children: [
+    /* @__PURE__ */ l("div", { className: "font-medium text-gray-900 text-sm", children: e }),
+    /* @__PURE__ */ l("div", { children: t })
   ] }),
-  /* @__PURE__ */ s("div", { className: "flex flex-col gap-1 rounded-md bg-[#F4F5F6] p-2", children: r })
-] }), Re = ({ label: e, children: t }) => /* @__PURE__ */ m("div", { className: "flex items-baseline justify-between gap-2", children: [
-  /* @__PURE__ */ s("div", { className: "pl-1 text-sm", children: e }),
-  /* @__PURE__ */ s("div", { children: t })
-] }), st = ({ options: e, value: t, onChange: r }) => /* @__PURE__ */ s("div", { className: "flex divide-x rounded-md border border-gray-300", children: e.map(([n, i]) => /* @__PURE__ */ s(
+  /* @__PURE__ */ l("div", { className: "flex flex-col gap-1 rounded-md bg-[#F4F5F6] p-2", children: r })
+] }), De = ({ label: e, children: t }) => /* @__PURE__ */ b("div", { className: "flex items-baseline justify-between gap-2", children: [
+  /* @__PURE__ */ l("div", { className: "pl-1 text-sm", children: e }),
+  /* @__PURE__ */ l("div", { children: t })
+] }), ot = ({ options: e, value: t, onChange: r }) => /* @__PURE__ */ l("div", { className: "flex divide-x rounded-md border border-gray-300", children: e.map(([n, i]) => /* @__PURE__ */ l(
   "button",
   {
     type: "button",
     onClick: () => r(n),
     "aria-pressed": n === t,
-    className: se(
+    className: pe(
       "px-4 py-2 font-semibold text-xs transition first:rounded-l-md last:rounded-r-md",
       n === t ? "border-blue-500 bg-blue-50 text-blue-600" : "cursor-pointer border-gray-300 text-gray-600 hover:border-gray-400"
     ),
     children: i
   },
   n
-)) }), Xn = ({ label: e, value: t, onChange: r }) => /* @__PURE__ */ s(
-  st,
+)) }), Xn = ({ label: e, value: t, onChange: r }) => /* @__PURE__ */ l(
+  ot,
   {
     options: [
       ["true", "Yes"],
@@ -1480,30 +1655,30 @@ const Kn = ({
     value: t ? "true" : "false",
     onChange: (n) => r(n === "true")
   }
-), Qn = () => {
-  const { settings: e, updateSettings: t } = nt();
-  return /* @__PURE__ */ s(
-    at,
+), Yn = () => {
+  const { settings: e, updateRetainHistory: t, updateAutoReconnect: r } = rt();
+  return /* @__PURE__ */ l(
+    it,
     {
       title: "Connection preferences",
-      right: /* @__PURE__ */ s(ot, { variant: "icon", children: "Something something very cool" }),
+      right: /* @__PURE__ */ l(nt, { variant: "icon", children: "Something something very cool" }),
       children: [
         [
           "Retain session history",
           "retainHistory",
           e?.retainHistory ?? !1,
-          (r) => t({ retainHistory: r })
+          t
         ],
         [
           "Auto reconnect",
           "autoReconnect",
           e?.autoReconnect ?? !1,
-          (r) => t({ autoReconnect: r })
+          r
         ]
-      ].map(([r, n, i, o]) => /* @__PURE__ */ s(Re, { label: r, children: /* @__PURE__ */ s(Xn, { label: r, value: i, onChange: o }) }, n))
+      ].map(([n, i, o, a]) => /* @__PURE__ */ l(De, { label: n, children: /* @__PURE__ */ l(Xn, { label: n, value: o, onChange: a }) }, i))
     }
   );
-}, Gn = "h-9 w-full rounded-lg border border-gray-300 bg-white px-3 text-sm text-gray-700 focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-200", Zn = ({
+}, Qn = "h-9 w-full rounded-lg border border-gray-300 bg-white px-3 text-sm text-gray-700 focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-200", Zn = ({
   // eslint-disable-next-line no-restricted-syntax
   id: e,
   value: t,
@@ -1511,11 +1686,11 @@ const Kn = ({
   ariaLabel: n,
   readOnly: i = !0,
   onChange: o
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ l(
   "input",
   {
     id: e,
-    className: Gn,
+    className: Qn,
     value: t,
     placeholder: r,
     "aria-label": n,
@@ -1524,16 +1699,16 @@ const Kn = ({
       a.target instanceof HTMLInputElement && o?.(a.target.value);
     }
   }
-), qn = ["MQTT", "NTFY", "GUN"], Yn = () => {
-  const { settings: e, updateSignalingProtocol: t, updateSignalingServer: r } = nt();
-  return /* @__PURE__ */ s("div", { children: /* @__PURE__ */ m(
-    at,
+), qn = ["MQTT", "NTFY", "GUN"], $n = () => {
+  const { settings: e, updateSignalingProtocol: t, updateSignalingServer: r } = rt();
+  return /* @__PURE__ */ l("div", { children: /* @__PURE__ */ b(
+    it,
     {
       title: "Signaling",
-      right: /* @__PURE__ */ s(ot, { variant: "icon", children: "Something something very cool" }),
+      right: /* @__PURE__ */ l(nt, { variant: "icon", children: "Something something very cool" }),
       children: [
-        /* @__PURE__ */ s(Re, { label: "Protocol", children: /* @__PURE__ */ s(
-          st,
+        /* @__PURE__ */ l(De, { label: "Protocol", children: /* @__PURE__ */ l(
+          ot,
           {
             options: qn.map((n) => [
               n.toLowerCase(),
@@ -1543,7 +1718,7 @@ const Kn = ({
             onChange: t
           }
         ) }),
-        /* @__PURE__ */ s(Re, { label: "Server", children: /* @__PURE__ */ s(
+        /* @__PURE__ */ l(De, { label: "Server", children: /* @__PURE__ */ l(
           Zn,
           {
             id: "server",
@@ -1557,30 +1732,30 @@ const Kn = ({
       ]
     }
   ) });
-}, $n = ["WebRTC"], ei = () => {
-  const [e, t] = O("WebRTC");
-  return /* @__PURE__ */ s(
-    at,
+}, ei = ["WebRTC"], ti = () => {
+  const [e, t] = M("WebRTC");
+  return /* @__PURE__ */ l(
+    it,
     {
       title: "Transport",
-      right: /* @__PURE__ */ s(ot, { variant: "icon", children: "Something something very cool" }),
-      children: /* @__PURE__ */ s(Re, { label: "Protocol", children: /* @__PURE__ */ s(
-        st,
+      right: /* @__PURE__ */ l(nt, { variant: "icon", children: "Something something very cool" }),
+      children: /* @__PURE__ */ l(De, { label: "Protocol", children: /* @__PURE__ */ l(
+        ot,
         {
-          options: $n.map((r) => [r, r]),
+          options: ei.map((r) => [r, r]),
           value: e,
           onChange: (r) => t(r)
         }
       ) })
     }
   );
-}, ti = () => /* @__PURE__ */ m("div", { className: "px-4 pb-2", children: [
-  /* @__PURE__ */ s(Yn, {}),
-  /* @__PURE__ */ s(ei, {}),
-  /* @__PURE__ */ s(Qn, {})
-] }), ri = () => {
-  const [e, t] = O("start"), [r, n] = O(!1);
-  return z(() => {
+}, ri = () => /* @__PURE__ */ b("div", { className: "px-4 pb-2", children: [
+  /* @__PURE__ */ l($n, {}),
+  /* @__PURE__ */ l(ti, {}),
+  /* @__PURE__ */ l(Yn, {})
+] }), ni = () => {
+  const [e, t] = M("start"), [r, n] = M(!1);
+  return B(() => {
     if (!r) return;
     const i = window.setTimeout(() => n(!1), 2e3);
     return () => window.clearTimeout(i);
@@ -1590,33 +1765,33 @@ const Kn = ({
     copied: r,
     setCopied: n
   };
-}, ni = (e) => {
-  z(() => {
+}, ii = (e) => {
+  B(() => {
     const t = (r) => {
       r.key === "Escape" && e();
     };
     return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
   }, [e]);
-}, ii = () => {
-  const e = L(null), [t, r] = O(0), n = L(!1), i = I(
+}, oi = () => {
+  const e = J(null), [t, r] = M(0), n = J(!1), i = q(
     (o, a = !1) => {
-      const l = o || e.current;
-      if (!l) return;
-      const c = a ? l.scrollHeight : l.getBoundingClientRect().height;
+      const s = o || e.current;
+      if (!s) return;
+      const c = a ? s.scrollHeight : s.getBoundingClientRect().height;
       c > 0 && (r(
-        (g) => typeof g == "number" && Math.abs(g - c) < 0.5 ? g : c
+        (u) => typeof u == "number" && Math.abs(u - c) < 0.5 ? u : c
       ), n.current = !0);
     },
     []
   );
-  return ue(() => {
+  return ve(() => {
     const o = e.current;
     if (!o || typeof ResizeObserver > "u") return;
     const a = new ResizeObserver(() => {
       i();
     });
     return a.observe(o), () => a.disconnect();
-  }, [i]), z(() => {
+  }, [i]), B(() => {
     if (typeof window > "u") return;
     const o = () => {
       i();
@@ -1628,100 +1803,107 @@ const Kn = ({
     measureHeight: i,
     setHeight: r
   };
-}, oi = ({ onClose: e = () => {
+}, ai = ({ onClose: e = () => {
 }, onCopy: t }) => {
-  const { view: r, setView: n, copied: i, setCopied: o } = ri(), { uri: a } = be(), { status: l, provider: c } = de(), { contentRef: g, height: v, measureHeight: W } = ii(), {
-    current: S,
-    previous: ne,
-    isTransitioning: ie
+  const { view: r, setView: n, copied: i, setCopied: o } = ni(), { uri: a } = Ce(), { status: s, provider: c } = me(), { contentRef: u, height: d, measureHeight: p } = oi(), {
+    current: w,
+    previous: S,
+    isTransitioning: N
   } = _t(r), {
-    current: oe,
-    previous: H,
-    isTransitioning: J
-  } = _t(l), V = I(() => n("settings"), [n]), xe = D(r).with("start", () => "Connect Wallet").with("settings", () => "Settings").exhaustive();
-  ni(e);
-  const M = I(async () => {
+    current: P,
+    previous: f,
+    isTransitioning: j
+  } = _t(s), O = q(() => n("settings"), [n]), k = X(r).with("start", () => "Connect Wallet").with("settings", () => "Settings").exhaustive();
+  ii(e);
+  const H = q(async () => {
     a && await Bn(a) && o(!0);
-  }, [a, o]), ke = L(!0), X = L(), te = L(void 0), [ze, pe] = O(!1), U = L();
-  ue(() => {
-    if (g.current)
-      return ke.current ? (X.current && window.clearTimeout(X.current), X.current = window.setTimeout(() => {
-        g.current && (W(void 0, !0), ke.current = !1);
-      }, 0)) : W(), () => {
-        X.current && window.clearTimeout(X.current);
+  }, [a, o]), Y = J(!0), te = J(), ue = J(void 0), [Le, ye] = M(!1), $ = J();
+  ve(() => {
+    if (u.current)
+      return Y.current ? (te.current && window.clearTimeout(te.current), te.current = window.setTimeout(() => {
+        u.current && (p(void 0, !0), Y.current = !1);
+      }, 0)) : p(), () => {
+        te.current && window.clearTimeout(te.current);
       };
-  }, [W, oe, S]), z(() => (te.current !== void 0 && v !== te.current && v > 0 && te.current > 0 && Math.abs(v - te.current) > 0.5 && (pe(!0), U.current && window.clearTimeout(U.current), U.current = window.setTimeout(() => {
-    pe(!1), U.current = void 0;
-  }, 200)), te.current = v, () => {
-    U.current && window.clearTimeout(U.current);
-  }), [v]);
-  const fe = () => {
+  }, [p, P, w]), B(() => (ue.current !== void 0 && d !== ue.current && d > 0 && ue.current > 0 && Math.abs(d - ue.current) > 0.5 && (ye(!0), $.current && window.clearTimeout($.current), $.current = window.setTimeout(() => {
+    ye(!1), $.current = void 0;
+  }, 200)), ue.current = d, () => {
+    $.current && window.clearTimeout($.current);
+  }), [d]);
+  const we = () => {
     c?.closeSession();
-  }, Ve = D({ view: r, status: l }).with({ view: "start", status: "disconnected" }, () => {
-  }).with({ view: "start" }, () => fe).with({ view: "settings" }, () => () => n("start")).otherwise(() => () => {
-    fe(), e();
-  }), _e = (u) => D(u).with("start", () => /* @__PURE__ */ s(Dn, { onSettings: V })).with("settings", () => /* @__PURE__ */ s(ti, {})).otherwise(() => /* @__PURE__ */ s(Ue, { state: u })), p = () => /* @__PURE__ */ m("div", { className: "modal-transition__container", children: [
-    ne && /* @__PURE__ */ s("div", { className: "modal-transition__layer modal-transition__layer--outgoing", children: _e(ne) }),
-    /* @__PURE__ */ s(
+  }, Me = X({ view: r, status: s }).with({ view: "start", status: K.STANDBY }, () => {
+  }).with({ view: "start" }, () => we).with({ view: "settings" }, () => () => n("start")).otherwise(() => () => {
+    we(), e();
+  }), Ae = (h) => X(h).with("start", () => /* @__PURE__ */ l(Vn, { onSettings: O })).with("settings", () => /* @__PURE__ */ l(ri, {})).otherwise(() => /* @__PURE__ */ l(Xe, { state: h })), v = () => /* @__PURE__ */ b("div", { className: "modal-transition__container", children: [
+    S && /* @__PURE__ */ l("div", { className: "modal-transition__layer modal-transition__layer--outgoing", children: Ae(S) }),
+    /* @__PURE__ */ l(
       "div",
       {
-        className: se(
+        className: pe(
           "modal-transition__layer",
-          ie && "modal-transition__layer--incoming"
+          N && "modal-transition__layer--incoming"
         ),
-        children: _e(S)
+        children: Ae(w)
       }
     )
-  ] }), d = (u) => D(u).with("disconnected", () => p()).with(tt.union("connecting", "connected"), () => /* @__PURE__ */ s(Ir, { onClose: e, onCopy: t || M })).otherwise((y) => /* @__PURE__ */ s(Ue, { state: y || "unknown status" }));
-  return Ae("view", r), /* @__PURE__ */ s(
+  ] }), g = (h) => X(h).with(K.STANDBY, () => v()).with(
+    Pt.union(
+      K.CREATING,
+      K.CONNECTING,
+      K.CONNECTED
+    ),
+    () => /* @__PURE__ */ l(bn, { onClose: e, onCopy: t || H })
+  ).otherwise((x) => /* @__PURE__ */ l(Xe, { state: x || "unknown status" }));
+  return tt("view", r), /* @__PURE__ */ l(
     "div",
     {
       className: "fixed inset-0 z-[10000] flex animate-[bg-in_0.15s_ease-in-out] items-end justify-center bg-black/30 font-sans text-slate-800 backdrop-blur-sm md:items-center lg:p-4",
       onClick: e,
       role: "presentation",
       "data-openlv-modal-root": !0,
-      children: /* @__PURE__ */ m(
+      children: /* @__PURE__ */ b(
         "div",
         {
-          className: se(
+          className: pe(
             "relative w-full max-w-[400px] animate-[fade-in_0.15s_ease-in-out] rounded-t-radius bg-body-background transition-[height] duration-[200ms] ease-out md:rounded-b-radius",
-            ze || H ? "overflow-hidden" : void 0
+            Le || f ? "overflow-hidden" : void 0
           ),
           role: "dialog",
           "aria-modal": "true",
-          "aria-label": xe,
-          onClick: (u) => u.stopPropagation(),
-          style: typeof v == "number" && v > 0 ? { height: `${v}px` } : void 0,
+          "aria-label": k,
+          onClick: (h) => h.stopPropagation(),
+          style: typeof d == "number" && d > 0 ? { height: `${d}px` } : void 0,
           children: [
-            /* @__PURE__ */ m("div", { ref: g, children: [
-              /* @__PURE__ */ s(
+            /* @__PURE__ */ b("div", { ref: u, children: [
+              /* @__PURE__ */ l(
                 Kn,
                 {
-                  title: xe,
+                  title: k,
                   view: r,
                   onClose: e,
-                  onBack: Ve
+                  onBack: Me
                 }
               ),
-              /* @__PURE__ */ m("div", { className: "modal-transition__container", children: [
-                H && /* @__PURE__ */ s("div", { className: "modal-transition__layer modal-transition__layer--outgoing absolute", children: /* @__PURE__ */ s("div", { className: "flex flex-col text-center", children: d(H) }) }),
-                /* @__PURE__ */ s(
+              /* @__PURE__ */ b("div", { className: "modal-transition__container", children: [
+                f && /* @__PURE__ */ l("div", { className: "modal-transition__layer modal-transition__layer--outgoing absolute", children: /* @__PURE__ */ l("div", { className: "flex flex-col text-center", children: g(f) }) }),
+                /* @__PURE__ */ l(
                   "div",
                   {
-                    className: se(
+                    className: pe(
                       "modal-transition__layer",
-                      J && "modal-transition__layer--incoming"
+                      j && "modal-transition__layer--incoming"
                     ),
-                    children: /* @__PURE__ */ s("div", { className: "flex flex-col text-center", children: d(oe) })
+                    children: /* @__PURE__ */ l("div", { className: "flex flex-col text-center", children: g(P) })
                   }
                 )
               ] }),
-              /* @__PURE__ */ s(Wn, {})
+              /* @__PURE__ */ l(Gn, {})
             ] }),
-            /* @__PURE__ */ s(
+            /* @__PURE__ */ l(
               "div",
               {
-                className: se(
+                className: pe(
                   "absolute top-5 right-5 rounded-lg bg-blue-500 px-4 py-3 font-medium text-sm text-white transition-all",
                   i ? "translate-x-0 opacity-100" : "translate-x-full opacity-0"
                 ),
@@ -1733,36 +1915,36 @@ const Kn = ({
       )
     }
   );
-}, St = '/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@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-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-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}}}@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-50:oklch(97% .014 254.604);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-slate-800:oklch(27.9% .041 260.031);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--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-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-black:#000;--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;--blur-sm:8px;--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);--color-body-background:var(--lv-body-background);--radius-radius:var(--lv-border-radius)}}@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{.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%}.right-5{right:calc(var(--spacing)*5)}.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)}.-ml-1{margin-left:calc(var(--spacing)*-1)}.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%}.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}.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)}.translate-x-full{--tw-translate-x:100%;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}.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-4{gap:calc(var(--spacing)*4)}: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-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)))}.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)}.rounded-t-radius{border-top-left-radius:var(--radius-radius);border-top-right-radius:var(--radius-radius)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.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-neutral-200{border-color:var(--color-neutral-200)}.border-t-transparent{border-top-color:#0000}.bg-\\[\\#F4F5F6\\]{background-color:#f4f5f6}.bg-black\\/30{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.bg-black\\/30{background-color:color-mix(in oklab,var(--color-black)30%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-body-background{background-color:var(--color-body-background)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.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-neutral-100{background-color:var(--color-neutral-100)}.bg-white{background-color:var(--color-white)}.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-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.pt-1{padding-top:calc(var(--spacing)*1)}.pr-0\\.5{padding-right:calc(var(--spacing)*.5)}.pr-3{padding-right:calc(var(--spacing)*3)}.pb-0\\.5{padding-bottom:calc(var(--spacing)*.5)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pl-1{padding-left:calc(var(--spacing)*1)}.pl-4{padding-left:calc(var(--spacing)*4)}.text-center{text-align:center}.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)}.text-blue-600{color:var(--color-blue-600)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-slate-800{color:var(--color-slate-800)}.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-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-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))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-\\[200ms\\]{--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-l-md:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.last\\:rounded-r-md:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}@media (hover:hover){.hover\\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\\:bg-gray-300:hover{background-color:var(--color-gray-300)}.hover\\:bg-neutral-200:hover{background-color:var(--color-neutral-200)}.hover\\:text-gray-700:hover{color:var(--color-gray-700)}}.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-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)}@media (min-width:48rem){.md\\:items-center{align-items:center}.md\\:rounded-b-radius{border-bottom-right-radius:var(--radius-radius);border-bottom-left-radius:var(--radius-radius)}}@media (min-width:64rem){.lg\\:p-4{padding:calc(var(--spacing)*4)}}}@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}@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-divide-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-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}@keyframes spin{to{transform:rotate(360deg)}}', ai = async (e, t) => {
+}, Nt = '/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@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-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-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}}}@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-50:oklch(97% .014 254.604);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-slate-800:oklch(27.9% .041 260.031);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--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-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-black:#000;--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;--blur-sm:8px;--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);--color-body-background:var(--lv-body-background);--radius-radius:var(--lv-border-radius)}}@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{.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%}.right-5{right:calc(var(--spacing)*5)}.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)}.-ml-1{margin-left:calc(var(--spacing)*-1)}.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%}.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}.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)}.translate-x-full{--tw-translate-x:100%;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}.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-4{gap:calc(var(--spacing)*4)}: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-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)))}.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)}.rounded-t-radius{border-top-left-radius:var(--radius-radius);border-top-right-radius:var(--radius-radius)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.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-neutral-200{border-color:var(--color-neutral-200)}.border-t-transparent{border-top-color:#0000}.bg-\\[\\#F4F5F6\\]{background-color:#f4f5f6}.bg-black\\/30{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.bg-black\\/30{background-color:color-mix(in oklab,var(--color-black)30%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-body-background{background-color:var(--color-body-background)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.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-neutral-100{background-color:var(--color-neutral-100)}.bg-white{background-color:var(--color-white)}.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-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.pt-1{padding-top:calc(var(--spacing)*1)}.pr-0\\.5{padding-right:calc(var(--spacing)*.5)}.pr-3{padding-right:calc(var(--spacing)*3)}.pb-0\\.5{padding-bottom:calc(var(--spacing)*.5)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pl-1{padding-left:calc(var(--spacing)*1)}.pl-4{padding-left:calc(var(--spacing)*4)}.text-center{text-align:center}.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)}.text-blue-600{color:var(--color-blue-600)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-slate-800{color:var(--color-slate-800)}.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-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-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))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-\\[200ms\\]{--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-l-md:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.last\\:rounded-r-md:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}@media (hover:hover){.hover\\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\\:bg-gray-300:hover{background-color:var(--color-gray-300)}.hover\\:bg-neutral-200:hover{background-color:var(--color-neutral-200)}.hover\\:text-gray-700:hover{color:var(--color-gray-700)}}.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-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)}@media (min-width:48rem){.md\\:items-center{align-items:center}.md\\:rounded-b-radius{border-bottom-right-radius:var(--radius-radius);border-bottom-left-radius:var(--radius-radius)}}@media (min-width:64rem){.lg\\:p-4{padding:calc(var(--spacing)*4)}}}@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}@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-divide-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-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}@keyframes spin{to{transform:rotate(360deg)}}', si = async (e, t) => {
   if (e) {
     if (e.querySelector("style[data-openlv-modal]"))
       return;
     const n = document.createElement("style");
     if (n.setAttribute("data-openlv-modal", "true"), t) {
-      const i = Lt(t), o = `:root, :host {${Object.entries(i).map(([a, l]) => `${a}: ${l};`).join(`
+      const i = Jt(t), o = `:root, :host {${Object.entries(i).map(([a, s]) => `${a}: ${s};`).join(`
 `)}}`;
       n.textContent = `${o}
-${St}`;
+${Nt}`;
     } else
-      n.textContent = St;
+      n.textContent = Nt;
     e.appendChild(n);
   }
 };
 class rr extends HTMLElement {
-  constructor(r, n = rt) {
+  constructor(r, n = et) {
     super();
-    ae(this, "onClose");
-    ae(this, "provider");
-    ae(this, "theme");
-    ae(this, "shadow");
-    ae(this, "renderRequested", !1);
-    this.provider = r, this.theme = n, this.shadow = this.attachShadow({ mode: "open" }), ai(this.shadow, this.theme);
+    fe(this, "onClose");
+    fe(this, "provider");
+    fe(this, "theme");
+    fe(this, "shadow");
+    fe(this, "renderRequested", !1);
+    this.provider = r, this.theme = n, this.shadow = this.attachShadow({ mode: "open" }), si(this.shadow, this.theme);
   }
   connectedCallback() {
     this.requestRender();
   }
   disconnectedCallback() {
-    ce(null, this.shadow);
+    ge(null, this.shadow);
   }
   showModal() {
     this.style.display = "block";
@@ -1776,8 +1958,8 @@ class rr extends HTMLElement {
     }));
   }
   performRender() {
-    ce(
-      cr(Tr, {
+    ge(
+      cr(dn, {
         onClose: this.onClose ?? (() => this.remove()),
         provider: this.provider
       }),
@@ -1785,21 +1967,21 @@ class rr extends HTMLElement {
     );
   }
 }
-const hi = (e = "idle") => {
-  const [t, r] = O({
+const gi = (e = "idle") => {
+  const [t, r] = M({
     state: e
-  }), n = I(
-    (a, l) => {
+  }), n = q(
+    (a, s) => {
       r((c) => ({
         ...c,
         state: a,
-        ...l
+        ...s
       }));
     },
     []
-  ), i = I((a) => {
+  ), i = q((a) => {
     r(a);
-  }, []), o = I(() => {
+  }, []), o = q(() => {
     r({ state: "idle" });
   }, []);
   return {
@@ -1808,7 +1990,7 @@ const hi = (e = "idle") => {
     updateConnectionInfo: i,
     reset: o
   };
-}, si = (e = "openlv-modal") => {
+}, li = (e = "openlv-modal") => {
   if (typeof window > "u")
     return e;
   const t = window.customElements;
@@ -1818,23 +2000,23 @@ const hi = (e = "idle") => {
   ), e) : (console.warn(
     "OpenLV modal: custom elements are not supported in this environment."
   ), e);
-}, gi = (e) => {
+}, vi = (e) => {
   const t = document.querySelector("openlv-modal");
   if (t && t.remove(), !t) {
-    si();
+    li();
     const r = new rr(e);
     document.body.appendChild(r), r.showModal(), r.onClose = () => {
-      Ae("modal closed"), r.remove();
+      tt("modal closed"), r.remove();
     };
   }
 };
 export {
-  oi as ModalRoot,
+  ai as ModalRoot,
   Fn as OPENLV_ICON_128,
   rr as OpenLVModalElement,
   rr as default,
-  si as registerOpenLVModal,
-  gi as triggerOpenModal,
-  hi as useConnectionState
+  li as registerOpenLVModal,
+  vi as triggerOpenModal,
+  gi as useConnectionState
 };
 //# sourceMappingURL=index.es.js.map