@openlv/modal 0.0.1-beta.10

package/dist/index.es.js

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