@openlv/modal 0.0.1-beta.7 → 0.0.1-beta.9

package/dist/index.es.js

@@ -1,97 +1,97 @@
-var nr = Object.defineProperty;
-var or = (e, t, r) => t in e ? nr(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var ce = (e, t, r) => or(e, typeof t != "symbol" ? t + "" : t, r);
-import { jsx as l, jsxs as h, Fragment as kt } from "preact/jsx-runtime";
-import { useContext as Ye, useState as D, useEffect as I, useCallback as K, useRef as G, useReducer as Ct, useMemo as _t, useLayoutEffect as pe, useImperativeHandle as Nt, useId as St, useDebugValue as At } from "preact/hooks";
-import { createContext as Et, createElement as U, Fragment as we, Component as de, createRef as ar, toChildArray as ne, cloneElement as ir, render as fe, hydrate as sr, options as V, h as lr } from "preact";
-import * as cr from "qrcode-generator";
-const ur = 1, dr = (e) => {
-  const t = new URLSearchParams();
-  return t.set("h", e.h), t.set("k", e.k), e.p && t.set("p", e.p), e.s && t.set("s", e.s), `openlv://${e.sessionId}@${ur}?${t.toString()}`;
+var cn = Object.defineProperty;
+var un = (t, e, n) => e in t ? cn(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var Rt = (t, e, n) => un(t, typeof e != "symbol" ? e + "" : e, n);
+import { jsx as l, jsxs as h, Fragment as Oe } from "preact/jsx-runtime";
+import { useContext as jt, useState as R, useEffect as I, useCallback as U, useMemo as ft, useRef as W, useReducer as Re, useLayoutEffect as ht, useImperativeHandle as De, useId as Pe, useDebugValue as Be } from "preact/hooks";
+import { createContext as ae, createElement as X, Fragment as wt, Component as gt, createRef as dn, toChildArray as ot, cloneElement as fn, render as pt, hydrate as gn, options as F, h as pn } from "preact";
+import * as hn from "qrcode-generator";
+const vn = 1, mn = (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}@${vn}?${e.toString()}`;
 };
-function fr(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-var Me = { exports: {} }, at;
-function pr() {
-  return at || (at = 1, (function(e) {
-    var t = Object.prototype.hasOwnProperty, r = "~";
-    function n() {
+function bn(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var Kt = { exports: {} }, ue;
+function yn() {
+  return ue || (ue = 1, (function(t) {
+    var e = Object.prototype.hasOwnProperty, n = "~";
+    function r() {
     }
-    Object.create && (n.prototype = /* @__PURE__ */ Object.create(null), new n().__proto__ || (r = !1));
+    Object.create && (r.prototype = /* @__PURE__ */ Object.create(null), new r().__proto__ || (n = !1));
     function o(c, u, d) {
       this.fn = c, this.context = u, this.once = d || !1;
     }
-    function a(c, u, d, f, _) {
+    function a(c, u, d, f, k) {
       if (typeof d != "function")
         throw new TypeError("The listener must be a function");
-      var g = new o(d, f || c, _), k = r ? r + u : u;
-      return c._events[k] ? c._events[k].fn ? c._events[k] = [c._events[k], g] : c._events[k].push(g) : (c._events[k] = g, c._eventsCount++), c;
+      var p = new o(d, f || c, k), y = n ? n + u : u;
+      return c._events[y] ? c._events[y].fn ? c._events[y] = [c._events[y], p] : c._events[y].push(p) : (c._events[y] = p, c._eventsCount++), c;
     }
     function i(c, u) {
-      --c._eventsCount === 0 ? c._events = new n() : delete c._events[u];
+      --c._eventsCount === 0 ? c._events = new r() : delete c._events[u];
     }
     function s() {
-      this._events = new n(), this._eventsCount = 0;
+      this._events = new r(), this._eventsCount = 0;
     }
     s.prototype.eventNames = function() {
       var u = [], d, f;
       if (this._eventsCount === 0) return u;
       for (f in d = this._events)
-        t.call(d, f) && u.push(r ? f.slice(1) : f);
+        e.call(d, f) && u.push(n ? f.slice(1) : f);
       return Object.getOwnPropertySymbols ? u.concat(Object.getOwnPropertySymbols(d)) : u;
     }, s.prototype.listeners = function(u) {
-      var d = r ? r + u : u, f = this._events[d];
+      var d = n ? n + u : u, f = this._events[d];
       if (!f) return [];
       if (f.fn) return [f.fn];
-      for (var _ = 0, g = f.length, k = new Array(g); _ < g; _++)
-        k[_] = f[_].fn;
-      return k;
+      for (var k = 0, p = f.length, y = new Array(p); k < p; k++)
+        y[k] = f[k].fn;
+      return y;
     }, s.prototype.listenerCount = function(u) {
-      var d = r ? r + u : u, f = this._events[d];
+      var d = n ? n + u : u, f = this._events[d];
       return f ? f.fn ? 1 : f.length : 0;
-    }, s.prototype.emit = function(u, d, f, _, g, k) {
-      var T = r ? r + u : u;
-      if (!this._events[T]) return !1;
-      var p = this._events[T], O = arguments.length, R, m;
-      if (p.fn) {
-        switch (p.once && this.removeListener(u, p.fn, void 0, !0), O) {
+    }, s.prototype.emit = function(u, d, f, k, p, y) {
+      var P = n ? n + u : u;
+      if (!this._events[P]) return !1;
+      var g = this._events[P], B = arguments.length, L, v;
+      if (g.fn) {
+        switch (g.once && this.removeListener(u, g.fn, void 0, !0), B) {
           case 1:
-            return p.fn.call(p.context), !0;
+            return g.fn.call(g.context), !0;
           case 2:
-            return p.fn.call(p.context, d), !0;
+            return g.fn.call(g.context, d), !0;
           case 3:
-            return p.fn.call(p.context, d, f), !0;
+            return g.fn.call(g.context, d, f), !0;
           case 4:
-            return p.fn.call(p.context, d, f, _), !0;
+            return g.fn.call(g.context, d, f, k), !0;
           case 5:
-            return p.fn.call(p.context, d, f, _, g), !0;
+            return g.fn.call(g.context, d, f, k, p), !0;
           case 6:
-            return p.fn.call(p.context, d, f, _, g, k), !0;
+            return g.fn.call(g.context, d, f, k, p, y), !0;
         }
-        for (m = 1, R = new Array(O - 1); m < O; m++)
-          R[m - 1] = arguments[m];
-        p.fn.apply(p.context, R);
+        for (v = 1, L = new Array(B - 1); v < B; v++)
+          L[v - 1] = arguments[v];
+        g.fn.apply(g.context, L);
       } else {
-        var ve = p.length, B;
-        for (m = 0; m < ve; m++)
-          switch (p[m].once && this.removeListener(u, p[m].fn, void 0, !0), O) {
+        var vt = g.length, D;
+        for (v = 0; v < vt; v++)
+          switch (g[v].once && this.removeListener(u, g[v].fn, void 0, !0), B) {
             case 1:
-              p[m].fn.call(p[m].context);
+              g[v].fn.call(g[v].context);
               break;
             case 2:
-              p[m].fn.call(p[m].context, d);
+              g[v].fn.call(g[v].context, d);
               break;
             case 3:
-              p[m].fn.call(p[m].context, d, f);
+              g[v].fn.call(g[v].context, d, f);
               break;
             case 4:
-              p[m].fn.call(p[m].context, d, f, _);
+              g[v].fn.call(g[v].context, d, f, k);
               break;
             default:
-              if (!R) for (B = 1, R = new Array(O - 1); B < O; B++)
-                R[B - 1] = arguments[B];
-              p[m].fn.apply(p[m].context, R);
+              if (!L) for (D = 1, L = new Array(B - 1); D < B; D++)
+                L[D - 1] = arguments[D];
+              g[v].fn.apply(g[v].context, L);
           }
       }
       return !0;
@@ -99,275 +99,275 @@ function pr() {
       return a(this, u, d, f, !1);
     }, s.prototype.once = function(u, d, f) {
       return a(this, u, d, f, !0);
-    }, s.prototype.removeListener = function(u, d, f, _) {
-      var g = r ? r + u : u;
-      if (!this._events[g]) return this;
+    }, s.prototype.removeListener = function(u, d, f, k) {
+      var p = n ? n + u : u;
+      if (!this._events[p]) return this;
       if (!d)
-        return i(this, g), this;
-      var k = this._events[g];
-      if (k.fn)
-        k.fn === d && (!_ || k.once) && (!f || k.context === f) && i(this, g);
+        return i(this, p), this;
+      var y = this._events[p];
+      if (y.fn)
+        y.fn === d && (!k || y.once) && (!f || y.context === f) && i(this, p);
       else {
-        for (var T = 0, p = [], O = k.length; T < O; T++)
-          (k[T].fn !== d || _ && !k[T].once || f && k[T].context !== f) && p.push(k[T]);
-        p.length ? this._events[g] = p.length === 1 ? p[0] : p : i(this, g);
+        for (var P = 0, g = [], B = y.length; P < B; P++)
+          (y[P].fn !== d || k && !y[P].once || f && y[P].context !== f) && g.push(y[P]);
+        g.length ? this._events[p] = g.length === 1 ? g[0] : g : i(this, p);
       }
       return this;
     }, s.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;
-    }, s.prototype.off = s.prototype.removeListener, s.prototype.addListener = s.prototype.on, s.prefixed = r, s.EventEmitter = s, e.exports = s;
-  })(Me)), Me.exports;
-}
-pr();
-const j = /* @__PURE__ */ Symbol.for("@ts-pattern/matcher"), Ft = /* @__PURE__ */ Symbol.for("@ts-pattern/isVariadic"), Fe = "@ts-pattern/anonymous-select-key", We = (e) => !!(e && typeof e == "object"), Ae = (e) => e && !!e[j], A = (e, t, r) => {
-  if (Ae(e)) {
-    const n = e[j](), { matched: o, selections: a } = n.match(t);
-    return o && a && Object.keys(a).forEach((i) => r(i, a[i])), o;
+      return u ? (d = n ? n + u : u, this._events[d] && i(this, d)) : (this._events = new r(), this._eventsCount = 0), this;
+    }, s.prototype.off = s.prototype.removeListener, s.prototype.addListener = s.prototype.on, s.prefixed = n, s.EventEmitter = s, t.exports = s;
+  })(Kt)), Kt.exports;
+}
+yn();
+const j = /* @__PURE__ */ Symbol.for("@ts-pattern/matcher"), Le = /* @__PURE__ */ Symbol.for("@ts-pattern/isVariadic"), Bt = "@ts-pattern/anonymous-select-key", qt = (t) => !!(t && typeof t == "object"), Dt = (t) => t && !!t[j], T = (t, e, n) => {
+  if (Dt(t)) {
+    const r = t[j](), { matched: o, selections: a } = r.match(e);
+    return o && a && Object.keys(a).forEach((i) => n(i, a[i])), o;
   }
-  if (We(e)) {
-    if (!We(t)) return !1;
-    if (Array.isArray(e)) {
-      if (!Array.isArray(t)) return !1;
-      let n = [], o = [], a = [];
-      for (const i of e.keys()) {
-        const s = e[i];
-        Ae(s) && s[Ft] ? a.push(s) : a.length ? o.push(s) : n.push(s);
+  if (qt(t)) {
+    if (!qt(e)) return !1;
+    if (Array.isArray(t)) {
+      if (!Array.isArray(e)) return !1;
+      let r = [], o = [], a = [];
+      for (const i of t.keys()) {
+        const s = t[i];
+        Dt(s) && s[Le] ? a.push(s) : a.length ? o.push(s) : r.push(s);
       }
       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 (t.length < n.length + o.length) return !1;
-        const i = t.slice(0, n.length), s = o.length === 0 ? [] : t.slice(-o.length), c = t.slice(n.length, o.length === 0 ? 1 / 0 : -o.length);
-        return n.every((u, d) => A(u, i[d], r)) && o.every((u, d) => A(u, s[d], r)) && (a.length === 0 || A(a[0], c, r));
+        if (e.length < r.length + o.length) return !1;
+        const i = e.slice(0, r.length), s = o.length === 0 ? [] : e.slice(-o.length), c = e.slice(r.length, o.length === 0 ? 1 / 0 : -o.length);
+        return r.every((u, d) => T(u, i[d], n)) && o.every((u, d) => T(u, s[d], n)) && (a.length === 0 || T(a[0], c, n));
       }
-      return e.length === t.length && e.every((i, s) => A(i, t[s], r));
+      return t.length === e.length && t.every((i, s) => T(i, e[s], n));
     }
-    return Reflect.ownKeys(e).every((n) => {
-      const o = e[n];
-      return (n in t || Ae(a = o) && a[j]().matcherType === "optional") && A(o, t[n], r);
+    return Reflect.ownKeys(t).every((r) => {
+      const o = t[r];
+      return (r in e || Dt(a = o) && a[j]().matcherType === "optional") && T(o, e[r], n);
       var a;
     });
   }
-  return Object.is(t, e);
-}, P = (e) => {
-  var t, r, n;
-  return We(e) ? Ae(e) ? (t = (r = (n = e[j]()).getSelectionKeys) == null ? void 0 : r.call(n)) != null ? t : [] : Array.isArray(e) ? xe(e, P) : xe(Object.values(e), P) : [];
-}, xe = (e, t) => e.reduce((r, n) => r.concat(t(n)), []);
-function vr(...e) {
-  if (e.length === 1) {
-    const [t] = e;
-    return (r) => A(t, r, () => {
+  return Object.is(e, t);
+}, V = (t) => {
+  var e, n, r;
+  return qt(t) ? Dt(t) ? (e = (n = (r = t[j]()).getSelectionKeys) == null ? void 0 : n.call(r)) != null ? e : [] : Array.isArray(t) ? xt(t, V) : xt(Object.values(t), V) : [];
+}, xt = (t, e) => t.reduce((n, r) => n.concat(e(r)), []);
+function wn(...t) {
+  if (t.length === 1) {
+    const [e] = t;
+    return (n) => T(e, n, () => {
     });
   }
-  if (e.length === 2) {
-    const [t, r] = e;
-    return A(t, r, () => {
+  if (t.length === 2) {
+    const [e, n] = t;
+    return T(e, n, () => {
     });
   }
-  throw new Error(`isMatching wasn't given the right number of arguments: expected 1 or 2, received ${e.length}.`);
+  throw new Error(`isMatching wasn't given the right number of arguments: expected 1 or 2, received ${t.length}.`);
 }
-function F(e) {
-  return Object.assign(e, { optional: () => Ze(e), and: (t) => C(e, t), or: (t) => Bt(e, t), select: (t) => t === void 0 ? ke(e) : ke(t, e) });
+function O(t) {
+  return Object.assign(t, { optional: () => ie(t), and: (e) => C(t, e), or: (e) => Ie(t, e), select: (e) => e === void 0 ? kt(t) : kt(e, t) });
 }
-function He(e) {
-  return Object.assign(((t) => Object.assign(t, { [Symbol.iterator]() {
-    let r = 0;
-    const n = [{ value: Object.assign(t, { [Ft]: !0 }), done: !1 }, { done: !0, value: void 0 }];
+function Yt(t) {
+  return Object.assign(((e) => Object.assign(e, { [Symbol.iterator]() {
+    let n = 0;
+    const r = [{ value: Object.assign(e, { [Le]: !0 }), done: !1 }, { done: !0, value: void 0 }];
     return { next: () => {
       var o;
-      return (o = n[r++]) != null ? o : n.at(-1);
+      return (o = r[n++]) != null ? o : r.at(-1);
     } };
-  } }))(e), { optional: () => He(Ze(e)), select: (t) => He(t === void 0 ? ke(e) : ke(t, e)) });
+  } }))(t), { optional: () => Yt(ie(t)), select: (e) => Yt(e === void 0 ? kt(t) : kt(e, t)) });
 }
-function Ze(e) {
-  return F({ [j]: () => ({ match: (t) => {
-    let r = {};
-    const n = (o, a) => {
-      r[o] = a;
+function ie(t) {
+  return O({ [j]: () => ({ match: (e) => {
+    let n = {};
+    const r = (o, a) => {
+      n[o] = a;
     };
-    return t === void 0 ? (P(e).forEach((o) => n(o, void 0)), { matched: !0, selections: r }) : { matched: A(e, t, n), selections: r };
-  }, getSelectionKeys: () => P(e), matcherType: "optional" }) });
+    return e === void 0 ? (V(t).forEach((o) => r(o, void 0)), { matched: !0, selections: n }) : { matched: T(t, e, r), selections: n };
+  }, getSelectionKeys: () => V(t), matcherType: "optional" }) });
 }
-const hr = (e, t) => {
-  for (const r of e) if (!t(r)) return !1;
+const xn = (t, e) => {
+  for (const n of t) if (!e(n)) return !1;
   return !0;
-}, gr = (e, t) => {
-  for (const [r, n] of e.entries()) if (!t(n, r)) return !1;
+}, kn = (t, e) => {
+  for (const [n, r] of t.entries()) if (!e(r, n)) return !1;
   return !0;
-}, mr = (e, t) => {
-  const r = Reflect.ownKeys(e);
-  for (const n of r) if (!t(n, e[n])) return !1;
+}, Cn = (t, e) => {
+  const n = Reflect.ownKeys(t);
+  for (const r of n) if (!e(r, t[r])) return !1;
   return !0;
 };
-function C(...e) {
-  return F({ [j]: () => ({ match: (t) => {
-    let r = {};
-    const n = (o, a) => {
-      r[o] = a;
+function C(...t) {
+  return O({ [j]: () => ({ match: (e) => {
+    let n = {};
+    const r = (o, a) => {
+      n[o] = a;
     };
-    return { matched: e.every((o) => A(o, t, n)), selections: r };
-  }, getSelectionKeys: () => xe(e, P), matcherType: "and" }) });
+    return { matched: t.every((o) => T(o, e, r)), selections: n };
+  }, getSelectionKeys: () => xt(t, V), matcherType: "and" }) });
 }
-function Bt(...e) {
-  return F({ [j]: () => ({ match: (t) => {
-    let r = {};
-    const n = (o, a) => {
-      r[o] = a;
+function Ie(...t) {
+  return O({ [j]: () => ({ match: (e) => {
+    let n = {};
+    const r = (o, a) => {
+      n[o] = a;
     };
-    return xe(e, P).forEach((o) => n(o, void 0)), { matched: e.some((o) => A(o, t, n)), selections: r };
-  }, getSelectionKeys: () => xe(e, P), matcherType: "or" }) });
+    return xt(t, V).forEach((o) => r(o, void 0)), { matched: t.some((o) => T(o, e, r)), selections: n };
+  }, getSelectionKeys: () => xt(t, V), matcherType: "or" }) });
 }
-function v(e) {
-  return { [j]: () => ({ match: (t) => ({ matched: !!e(t) }) }) };
+function m(t) {
+  return { [j]: () => ({ match: (e) => ({ matched: !!t(e) }) }) };
 }
-function ke(...e) {
-  const t = typeof e[0] == "string" ? e[0] : void 0, r = e.length === 2 ? e[1] : typeof e[0] == "string" ? void 0 : e[0];
-  return F({ [j]: () => ({ match: (n) => {
-    let o = { [t ?? Fe]: n };
-    return { matched: r === void 0 || A(r, n, (a, i) => {
+function kt(...t) {
+  const e = typeof t[0] == "string" ? t[0] : void 0, n = t.length === 2 ? t[1] : typeof t[0] == "string" ? void 0 : t[0];
+  return O({ [j]: () => ({ match: (r) => {
+    let o = { [e ?? Bt]: r };
+    return { matched: n === void 0 || T(n, r, (a, i) => {
       o[a] = i;
     }), selections: o };
-  }, getSelectionKeys: () => [t ?? Fe].concat(r === void 0 ? [] : P(r)) }) });
+  }, getSelectionKeys: () => [e ?? Bt].concat(n === void 0 ? [] : V(n)) }) });
 }
-function Tt(e) {
+function Ve(t) {
   return !0;
 }
-function W(e) {
-  return typeof e == "number";
-}
-function $(e) {
-  return typeof e == "string";
-}
-function ee(e) {
-  return typeof e == "bigint";
-}
-const Ot = F(v(Tt)), br = F(v(Tt)), yr = Ot, te = (e) => Object.assign(F(e), { startsWith: (t) => {
-  return te(C(e, (r = t, v((n) => $(n) && n.startsWith(r)))));
-  var r;
-}, endsWith: (t) => {
-  return te(C(e, (r = t, v((n) => $(n) && n.endsWith(r)))));
-  var r;
-}, minLength: (t) => te(C(e, ((r) => v((n) => $(n) && n.length >= r))(t))), length: (t) => te(C(e, ((r) => v((n) => $(n) && n.length === r))(t))), maxLength: (t) => te(C(e, ((r) => v((n) => $(n) && n.length <= r))(t))), includes: (t) => {
-  return te(C(e, (r = t, v((n) => $(n) && n.includes(r)))));
-  var r;
-}, regex: (t) => {
-  return te(C(e, (r = t, v((n) => $(n) && !!n.match(r)))));
-  var r;
-} }), it = te(v($)), H = (e) => Object.assign(F(e), { between: (t, r) => H(C(e, ((n, o) => v((a) => W(a) && n <= a && o >= a))(t, r))), lt: (t) => H(C(e, ((r) => v((n) => W(n) && n < r))(t))), gt: (t) => H(C(e, ((r) => v((n) => W(n) && n > r))(t))), lte: (t) => H(C(e, ((r) => v((n) => W(n) && n <= r))(t))), gte: (t) => H(C(e, ((r) => v((n) => W(n) && n >= r))(t))), int: () => H(C(e, v((t) => W(t) && Number.isInteger(t)))), finite: () => H(C(e, v((t) => W(t) && Number.isFinite(t)))), positive: () => H(C(e, v((t) => W(t) && t > 0))), negative: () => H(C(e, v((t) => W(t) && t < 0))) }), wr = H(v(W)), re = (e) => Object.assign(F(e), { between: (t, r) => re(C(e, ((n, o) => v((a) => ee(a) && n <= a && o >= a))(t, r))), lt: (t) => re(C(e, ((r) => v((n) => ee(n) && n < r))(t))), gt: (t) => re(C(e, ((r) => v((n) => ee(n) && n > r))(t))), lte: (t) => re(C(e, ((r) => v((n) => ee(n) && n <= r))(t))), gte: (t) => re(C(e, ((r) => v((n) => ee(n) && n >= r))(t))), positive: () => re(C(e, v((t) => ee(t) && t > 0))), negative: () => re(C(e, v((t) => ee(t) && t < 0))) }), xr = re(v(ee)), kr = F(v(function(e) {
-  return typeof e == "boolean";
-})), Cr = F(v(function(e) {
-  return typeof e == "symbol";
-})), _r = F(v(function(e) {
-  return e == null;
-})), Nr = F(v(function(e) {
-  return e != null;
+function H(t) {
+  return typeof t == "number";
+}
+function tt(t) {
+  return typeof t == "string";
+}
+function et(t) {
+  return typeof t == "bigint";
+}
+const je = O(m(Ve)), _n = O(m(Ve)), Nn = je, nt = (t) => Object.assign(O(t), { startsWith: (e) => {
+  return nt(C(t, (n = e, m((r) => tt(r) && r.startsWith(n)))));
+  var n;
+}, endsWith: (e) => {
+  return nt(C(t, (n = e, m((r) => tt(r) && r.endsWith(n)))));
+  var n;
+}, minLength: (e) => nt(C(t, ((n) => m((r) => tt(r) && r.length >= n))(e))), length: (e) => nt(C(t, ((n) => m((r) => tt(r) && r.length === n))(e))), maxLength: (e) => nt(C(t, ((n) => m((r) => tt(r) && r.length <= n))(e))), includes: (e) => {
+  return nt(C(t, (n = e, m((r) => tt(r) && r.includes(n)))));
+  var n;
+}, regex: (e) => {
+  return nt(C(t, (n = e, m((r) => tt(r) && !!r.match(n)))));
+  var n;
+} }), de = nt(m(tt)), J = (t) => Object.assign(O(t), { between: (e, n) => J(C(t, ((r, o) => m((a) => H(a) && r <= a && o >= a))(e, n))), lt: (e) => J(C(t, ((n) => m((r) => H(r) && r < n))(e))), gt: (e) => J(C(t, ((n) => m((r) => H(r) && r > n))(e))), lte: (e) => J(C(t, ((n) => m((r) => H(r) && r <= n))(e))), gte: (e) => J(C(t, ((n) => m((r) => H(r) && r >= n))(e))), int: () => J(C(t, m((e) => H(e) && Number.isInteger(e)))), finite: () => J(C(t, m((e) => H(e) && Number.isFinite(e)))), positive: () => J(C(t, m((e) => H(e) && e > 0))), negative: () => J(C(t, m((e) => H(e) && e < 0))) }), Sn = J(m(H)), rt = (t) => Object.assign(O(t), { between: (e, n) => rt(C(t, ((r, o) => m((a) => et(a) && r <= a && o >= a))(e, n))), lt: (e) => rt(C(t, ((n) => m((r) => et(r) && r < n))(e))), gt: (e) => rt(C(t, ((n) => m((r) => et(r) && r > n))(e))), lte: (e) => rt(C(t, ((n) => m((r) => et(r) && r <= n))(e))), gte: (e) => rt(C(t, ((n) => m((r) => et(r) && r >= n))(e))), positive: () => rt(C(t, m((e) => et(e) && e > 0))), negative: () => rt(C(t, m((e) => et(e) && e < 0))) }), An = rt(m(et)), En = O(m(function(t) {
+  return typeof t == "boolean";
+})), Tn = O(m(function(t) {
+  return typeof t == "symbol";
+})), On = O(m(function(t) {
+  return t == null;
+})), Rn = O(m(function(t) {
+  return t != null;
 }));
-var Rt = { __proto__: null, matcher: j, optional: Ze, array: function(...e) {
-  return He({ [j]: () => ({ match: (t) => {
-    if (!Array.isArray(t)) return { matched: !1 };
-    if (e.length === 0) return { matched: !0 };
-    const r = e[0];
-    let n = {};
-    if (t.length === 0) return P(r).forEach((a) => {
-      n[a] = [];
-    }), { matched: !0, selections: n };
-    const o = (a, i) => {
-      n[a] = (n[a] || []).concat([i]);
-    };
-    return { matched: t.every((a) => A(r, a, o)), selections: n };
-  }, getSelectionKeys: () => e.length === 0 ? [] : P(e[0]) }) });
-}, set: function(...e) {
-  return F({ [j]: () => ({ match: (t) => {
-    if (!(t instanceof Set)) return { matched: !1 };
+var Fe = { __proto__: null, matcher: j, optional: ie, array: function(...t) {
+  return Yt({ [j]: () => ({ match: (e) => {
+    if (!Array.isArray(e)) return { matched: !1 };
+    if (t.length === 0) return { matched: !0 };
+    const n = t[0];
     let r = {};
-    if (t.size === 0) return { matched: !0, selections: r };
-    if (e.length === 0) return { matched: !0 };
-    const n = (a, i) => {
+    if (e.length === 0) return V(n).forEach((a) => {
+      r[a] = [];
+    }), { matched: !0, selections: r };
+    const o = (a, i) => {
       r[a] = (r[a] || []).concat([i]);
-    }, o = e[0];
-    return { matched: hr(t, (a) => A(o, a, n)), selections: r };
-  }, getSelectionKeys: () => e.length === 0 ? [] : P(e[0]) }) });
-}, map: function(...e) {
-  return F({ [j]: () => ({ match: (t) => {
-    if (!(t instanceof Map)) return { matched: !1 };
-    let r = {};
-    if (t.size === 0) return { matched: !0, selections: r };
-    const n = (s, c) => {
-      r[s] = (r[s] || []).concat([c]);
     };
-    if (e.length === 0) return { matched: !0 };
-    var o;
-    if (e.length === 1) throw new Error(`\`P.map\` wasn't given enough arguments. Expected (key, value), received ${(o = e[0]) == null ? void 0 : o.toString()}`);
-    const [a, i] = e;
-    return { matched: gr(t, (s, c) => {
-      const u = A(a, c, n), d = A(i, s, n);
-      return u && d;
-    }), selections: r };
-  }, getSelectionKeys: () => e.length === 0 ? [] : [...P(e[0]), ...P(e[1])] }) });
-}, record: function(...e) {
-  return F({ [j]: () => ({ match: (t) => {
-    if (t === null || typeof t != "object" || Array.isArray(t)) return { matched: !1 };
-    var r;
-    if (e.length === 0) throw new Error(`\`P.record\` wasn't given enough arguments. Expected (value) or (key, value), received ${(r = e[0]) == null ? void 0 : r.toString()}`);
+    return { matched: e.every((a) => T(n, a, o)), selections: r };
+  }, getSelectionKeys: () => t.length === 0 ? [] : V(t[0]) }) });
+}, set: function(...t) {
+  return O({ [j]: () => ({ match: (e) => {
+    if (!(e instanceof Set)) return { matched: !1 };
     let n = {};
-    const o = (s, c) => {
+    if (e.size === 0) return { matched: !0, selections: n };
+    if (t.length === 0) return { matched: !0 };
+    const r = (a, i) => {
+      n[a] = (n[a] || []).concat([i]);
+    }, o = t[0];
+    return { matched: xn(e, (a) => T(o, a, r)), selections: n };
+  }, getSelectionKeys: () => t.length === 0 ? [] : V(t[0]) }) });
+}, map: function(...t) {
+  return O({ [j]: () => ({ match: (e) => {
+    if (!(e instanceof Map)) return { matched: !1 };
+    let n = {};
+    if (e.size === 0) return { matched: !0, selections: n };
+    const r = (s, c) => {
       n[s] = (n[s] || []).concat([c]);
-    }, [a, i] = e.length === 1 ? [it, e[0]] : e;
-    return { matched: mr(t, (s, c) => {
-      const u = typeof s != "string" || Number.isNaN(Number(s)) ? null : Number(s), d = u !== null && A(a, u, o), f = A(a, s, o), _ = A(i, c, o);
-      return (f || d) && _;
+    };
+    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: kn(e, (s, c) => {
+      const u = T(a, c, r), d = T(i, s, r);
+      return u && d;
     }), selections: n };
-  }, getSelectionKeys: () => e.length === 0 ? [] : [...P(e[0]), ...P(e[1])] }) });
-}, intersection: C, union: Bt, not: function(e) {
-  return F({ [j]: () => ({ match: (t) => ({ matched: !A(e, t, () => {
+  }, getSelectionKeys: () => t.length === 0 ? [] : [...V(t[0]), ...V(t[1])] }) });
+}, record: function(...t) {
+  return O({ [j]: () => ({ match: (e) => {
+    if (e === null || typeof e != "object" || Array.isArray(e)) return { matched: !1 };
+    var n;
+    if (t.length === 0) throw new Error(`\`P.record\` wasn't given enough arguments. Expected (value) or (key, value), received ${(n = t[0]) == null ? void 0 : n.toString()}`);
+    let r = {};
+    const o = (s, c) => {
+      r[s] = (r[s] || []).concat([c]);
+    }, [a, i] = t.length === 1 ? [de, t[0]] : t;
+    return { matched: Cn(e, (s, c) => {
+      const u = typeof s != "string" || Number.isNaN(Number(s)) ? null : Number(s), d = u !== null && T(a, u, o), f = T(a, s, o), k = T(i, c, o);
+      return (f || d) && k;
+    }), selections: r };
+  }, getSelectionKeys: () => t.length === 0 ? [] : [...V(t[0]), ...V(t[1])] }) });
+}, intersection: C, union: Ie, not: function(t) {
+  return O({ [j]: () => ({ match: (e) => ({ matched: !T(t, e, () => {
   }) }), getSelectionKeys: () => [], matcherType: "not" }) });
-}, when: v, select: ke, any: Ot, unknown: br, _: yr, string: it, number: wr, bigint: xr, boolean: kr, symbol: Cr, nullish: _r, nonNullable: Nr, instanceOf: function(e) {
-  return F(v(/* @__PURE__ */ (function(t) {
-    return (r) => r instanceof t;
-  })(e)));
-}, shape: function(e) {
-  return F(v(vr(e)));
+}, when: m, select: kt, any: je, unknown: _n, _: Nn, string: de, number: Sn, bigint: An, boolean: En, symbol: Tn, nullish: On, nonNullable: Rn, instanceOf: function(t) {
+  return O(m(/* @__PURE__ */ (function(e) {
+    return (n) => n instanceof e;
+  })(t)));
+}, shape: function(t) {
+  return O(m(wn(t)));
 } };
-let Sr = class extends Error {
-  constructor(t) {
-    let r;
+let Dn = class extends Error {
+  constructor(e) {
+    let n;
     try {
-      r = JSON.stringify(t);
+      n = JSON.stringify(e);
     } catch {
-      r = t;
+      n = e;
     }
-    super(`Pattern matching error: no pattern matches value ${r}`), this.input = void 0, this.input = t;
+    super(`Pattern matching error: no pattern matches value ${n}`), this.input = void 0, this.input = e;
   }
 };
-const Ke = { matched: !1, value: void 0 };
-function Q(e) {
-  return new Ar(e, Ke);
+const Zt = { matched: !1, value: void 0 };
+function Q(t) {
+  return new Pn(t, Zt);
 }
-let Ar = class Ue {
-  constructor(t, r) {
-    this.input = void 0, this.state = void 0, this.input = t, this.state = r;
+let Pn = class $t {
+  constructor(e, n) {
+    this.input = void 0, this.state = void 0, this.input = e, this.state = n;
   }
-  with(...t) {
+  with(...e) {
     if (this.state.matched) return this;
-    const r = t[t.length - 1], n = [t[0]];
+    const n = e[e.length - 1], r = [e[0]];
     let o;
-    t.length === 3 && typeof t[1] == "function" ? o = t[1] : t.length > 2 && n.push(...t.slice(1, t.length - 1));
+    e.length === 3 && typeof e[1] == "function" ? o = e[1] : e.length > 2 && r.push(...e.slice(1, e.length - 1));
     let a = !1, i = {};
     const s = (u, d) => {
       a = !0, i[u] = d;
-    }, c = !n.some((u) => A(u, this.input, s)) || o && !o(this.input) ? Ke : { matched: !0, value: r(a ? Fe in i ? i[Fe] : i : this.input, this.input) };
-    return new Ue(this.input, c);
+    }, c = !r.some((u) => T(u, this.input, s)) || o && !o(this.input) ? Zt : { matched: !0, value: n(a ? Bt in i ? i[Bt] : i : this.input, this.input) };
+    return new $t(this.input, c);
   }
-  when(t, r) {
+  when(e, n) {
     if (this.state.matched) return this;
-    const n = !!t(this.input);
-    return new Ue(this.input, n ? { matched: !0, value: r(this.input, this.input) } : Ke);
+    const r = !!e(this.input);
+    return new $t(this.input, r ? { matched: !0, value: n(this.input, this.input) } : Zt);
   }
-  otherwise(t) {
-    return this.state.matched ? this.state.value : t(this.input);
+  otherwise(e) {
+    return this.state.matched ? this.state.value : e(this.input);
   }
-  exhaustive(t = Er) {
-    return this.state.matched ? this.state.value : t(this.input);
+  exhaustive(e = Bn) {
+    return this.state.matched ? this.state.value : e(this.input);
   }
   run() {
     return this.exhaustive();
@@ -379,1073 +379,938 @@ let Ar = class Ue {
     return this;
   }
 };
-function Er(e) {
-  throw new Sr(e);
+function Bn(t) {
+  throw new Dn(t);
 }
-const ue = {
+const ct = {
   STANDBY: "standby",
   CONNECTING: "connecting",
   READY: "ready",
   HANDSHAKE: "handshake",
   HANDSHAKE_PARTIAL: "handshake-partial",
   ENCRYPTED: "encrypted"
-}, me = {
+}, ut = {
   CREATED: "created",
   SIGNALING: "signaling",
   READY: "ready",
+  LINKING: "linking",
   CONNECTED: "connected",
   DISCONNECTED: "disconnected"
-}, ae = {
+}, it = {
   STANDBY: "standby",
   CREATING: "creating",
   CONNECTING: "connecting",
   CONNECTED: "connected",
   ERROR: "error"
 };
-var Le = { exports: {} };
-var st;
-function Fr() {
-  return st || (st = 1, (function(e) {
+var Ht = { exports: {} };
+var fe;
+function Ln() {
+  return fe || (fe = 1, (function(t) {
     (function() {
-      var t = {}.hasOwnProperty;
-      function r() {
+      var e = {}.hasOwnProperty;
+      function n() {
         for (var a = "", i = 0; i < arguments.length; i++) {
           var s = arguments[i];
-          s && (a = o(a, n(s)));
+          s && (a = o(a, r(s)));
         }
         return a;
       }
-      function n(a) {
+      function r(a) {
         if (typeof a == "string" || typeof a == "number")
           return a;
         if (typeof a != "object")
           return "";
         if (Array.isArray(a))
-          return r.apply(null, a);
+          return n.apply(null, a);
         if (a.toString !== Object.prototype.toString && !a.toString.toString().includes("[native code]"))
           return a.toString();
         var i = "";
         for (var s in a)
-          t.call(a, s) && a[s] && (i = o(i, s));
+          e.call(a, s) && a[s] && (i = o(i, s));
         return i;
       }
       function o(a, i) {
         return i ? a ? a + " " + i : a + i : a;
       }
-      e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
+      t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Le)), Le.exports;
-}
-var Br = Fr();
-const ie = /* @__PURE__ */ fr(Br), Dt = {
-  light: {
-    font: { family: "Inter, sans-serif" },
-    body: { color: "#0F172A", background: "#FFFFFF" },
-    border: { radius: "16px" },
-    overlay: {
-      background: "rgba(0, 0, 0, 0.10)",
-      backdrop: { filter: "blur(6px)" }
-    },
-    modal: { shadow: "0px 12px 32px rgba(15,23,42,0.10)" },
-    control: {
-      input: { background: "#FFFFFF", border: "#E2E8F0", text: "#0F172A" },
-      button: {
-        primary: {
-          background: "#FF6A00",
-          color: "#FFFFFF",
-          padding: "8px 16px",
-          hoverBackground: "#FF7D1F",
-          activeBackground: "#E76200",
-          disabledBackground: "#CBD5E1",
-          disabledColor: "#475569",
-          border: "#FF6A00"
-        },
-        secondary: {
-          background: "#E2E8F0",
-          color: "#0F172A",
-          hoverBackground: "#CBD5E1",
-          activeBackground: "#94A3B8",
-          disabledBackground: "#F1F5F9",
-          disabledColor: "#94A3B8",
-          border: "#E2E8F0"
-        },
-        tertiary: {
-          color: "#475569",
-          hoverBackground: "#F1F5F9",
-          activeBackground: "#E2E8F0",
-          disabledColor: "#94A3B8"
-        }
-      }
-    },
-    qr: { background: "#FFFFFF", color: "#0F172A" },
-    card: { background: "#F5F5F5" },
-    text: { primary: "#0F172A", secondary: "#475569", muted: "#94A3B8" }
-  },
-  dark: {
-    font: { family: "Inter, sans-serif" },
-    body: { color: "#F3F4F6", background: "#16181D" },
-    border: { radius: "16px", color: "#2F343C", width: "1px" },
-    overlay: {
-      background: "rgba(0,0,0,0.55)",
-      backdrop: { filter: "blur(8px)" }
-    },
-    modal: { shadow: "0px 22px 60px rgba(0,0,0,0.55)" },
-    control: {
-      input: { background: "#12151A", border: "#2F343C", text: "#E8EAED" },
-      button: {
-        primary: {
-          background: "#FF6A00",
-          color: "#0D0E12",
-          padding: "8px 16px",
-          hoverBackground: "#FF7D1F",
-          activeBackground: "#E76200",
-          disabledBackground: "#2A2F36",
-          disabledColor: "#8E949C",
-          border: "#FF6A00"
-        },
-        secondary: {
-          background: "#262A31",
-          color: "#E8EAED",
-          hoverBackground: "#2D323A",
-          activeBackground: "#23272E",
-          disabledBackground: "#1D2026",
-          disabledColor: "#8E949C",
-          border: "#333843"
-        },
-        tertiary: {
-          color: "#A4A9B1",
-          hoverBackground: "#20242A",
-          activeBackground: "#1B1F24",
-          disabledColor: "#6F747B"
-        }
-      }
-    },
-    qr: { background: "#FFFFFF", color: "#0D0E12" },
-    card: { background: "#1E2127" },
-    text: { primary: "#F3F4F6", secondary: "#C8CCD2", muted: "#9AA0A9" }
+  })(Ht)), Ht.exports;
+}
+var In = Ln();
+const dt = /* @__PURE__ */ bn(In), Vn = { close: "Close", yes: "Yes", no: "No", protocol: "Protocol" }, jn = { connectedSuccessfully: "Connected Successfully!", connecting: "Connecting", ready: "Ready", handshakeClosed: "Handshake Closed", handshakePartial: "Handshake Partial", encrypted: "Encrypted", signalError: "Signal Error", disconnected: "Disconnected" }, Fn = { title: "Settings", language: "Language", 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" } }, zn = { title: "Connect Wallet" }, Mn = { title: "What is openlv?", scanQrCode: "Scan QR Code", approveOnDevice: "Approve on device", youreConnected: "You're connected!" }, Gn = { prompt: "Click the button below to start a connection", generateQr: "Generate QR", connectionSettings: "Connection settings" }, Wn = { 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." }, Un = { 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.` }, Kn = { urlCopied: "Connection URL copied to clipboard!", backToQr: "Back to QR", closeModal: "Close modal" }, Hn = {
+  common: Vn,
+  status: jn,
+  settings: Fn,
+  start: zn,
+  info: Mn,
+  disconnected: Gn,
+  connectionFlow: Wn,
+  handshake: Un,
+  modal: Kn
+}, se = [
+  { tag: "en", name: "English", nativeName: "English" },
+  { tag: "nl", name: "Dutch", nativeName: "Nederlands" },
+  { tag: "es", name: "Spanish", nativeName: "Español" },
+  { tag: "sv", name: "Swedish", nativeName: "Svenska" },
+  { tag: "zh-cn", name: "Chinese (Simplified)", nativeName: "简体中文" },
+  { tag: "fr", name: "French", nativeName: "Français" },
+  { tag: "ar", name: "Arabic", nativeName: "العربية", rtl: !0 },
+  { tag: "he", name: "Hebrew", nativeName: "עברית", rtl: !0 },
+  { tag: "fa", name: "Persian", nativeName: "فارسی", rtl: !0 }
+], Jn = (t) => se.find((n) => n.tag === t)?.rtl ?? !1, ge = se.map((t) => t.tag), Qn = () => {
+  if (typeof navigator > "u") return "en";
+  const t = navigator.languages || [navigator.language];
+  for (const e of t) {
+    const n = e.toLowerCase();
+    if (ge.includes(n))
+      return n;
+    if (n === "zh" || n.startsWith("zh-hans") || n.startsWith("zh-cn"))
+      return "zh-cn";
+    const [r] = n.split("-");
+    if (ge.includes(r))
+      return r;
   }
-}, Tr = {
-  light: {
-    font: { family: "sans-serif" },
-    body: {
-      color: "#1E293B",
-      background: "#FFFFFF"
-    },
-    border: {
-      radius: "16px"
-    },
-    overlay: {
-      background: "rgba(0, 0, 0, 0.3)",
-      backdrop: { filter: "blur(8px)" }
-    },
-    modal: {
-      shadow: "0px 12px 32px rgba(0, 0, 0, 0.25)"
-    },
-    control: {
-      input: {
-        background: "#FFFFFF",
-        border: "#D1D5DC",
-        text: "#111827"
-      },
-      button: {
-        primary: {
-          background: "#3B82F6",
-          color: "#FFFFFF",
-          padding: "8px 16px",
-          hoverBackground: "#2563EB",
-          activeBackground: "#1D4ED8",
-          disabledBackground: "#E5E7EB",
-          disabledColor: "#9CA3AF",
-          border: "#3B82F6"
-        },
-        secondary: {
-          background: "#E5E7EB",
-          color: "#374151",
-          hoverBackground: "#D1D5DC",
-          activeBackground: "#D1D5DB",
-          disabledBackground: "#F9FAFB",
-          disabledColor: "#9CA3AF",
-          border: "#D1D5DC",
-          selectedBackground: "#EFF6FF",
-          selectedColor: "#155dfc"
-        },
-        tertiary: {
-          color: "#6B7280",
-          hoverBackground: "#E5E5E5",
-          activeBackground: "#D1D5DB",
-          disabledColor: "#9CA3AF"
-        }
-      }
-    },
-    qr: {
-      background: "#F9FAFB",
-      color: "#111827"
-    },
-    card: {
-      background: "#F5F5F5"
-    },
-    text: {
-      primary: "#111827",
-      secondary: "#374151",
-      muted: "#6B7280",
-      heading: "#111827",
-      body: "#6a7282"
-    }
+  return "en";
+}, pe = (t) => {
+  if (typeof navigator > "u") return 0;
+  const e = navigator.languages || [navigator.language];
+  for (let n = 0; n < e.length; n++) {
+    const r = e[n].toLowerCase();
+    if (r === t) return e.length - n + 1;
+    if (r.startsWith(`${t}-`) || t.startsWith(`${r}-`))
+      return e.length - n;
+    const [o] = r.split("-");
+    if (o === t || t.startsWith(`${o}-`))
+      return e.length - n - 0.5;
   }
-}, Pt = (e, t, r) => {
-  for (const [n, o] of Object.entries(r))
-    o && typeof o == "object" ? Pt(
-      e,
-      [...t, n],
-      o
-    ) : typeof o == "string" && e.set(`--lv-${[...t, n].join("-")}`, o);
-}, jt = (e) => {
-  const t = /* @__PURE__ */ new Map();
-  e && Pt(t, [], e);
-  const r = (a, i) => {
-    const s = t.get(a);
-    s !== void 0 && !t.has(i) && t.set(i, s);
-  }, n = ["primary", "secondary", "tertiary"], o = [
-    "background",
-    "color",
-    "border",
-    "hoverBackground",
-    "activeBackground",
-    "disabledBackground",
-    "disabledColor",
-    "selectedBackground",
-    "selectedColor"
-  ];
-  for (const a of n)
-    for (const i of o)
-      r(`--lv-control-button-${a}-${i}`, `--lv-button-${a}-${i}`), r(`--lv-button-${a}-${i}`, `--lv-control-button-${a}-${i}`);
-  return Object.fromEntries(t.entries());
-}, De = {
-  theme: "openlv",
-  tokens: Dt,
-  mode: "system"
-}, Or = {
-  openlv: Dt,
-  simple: Tr
-}, Rr = (e) => Or[e], Dr = () => typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", Pr = (e, t) => {
-  const r = e === "system" ? [Dr(), "light", "dark"] : [e, "light", "dark"];
-  for (const n of r) {
-    const o = t[n];
-    if (o)
-      return {
-        tokens: o,
-        mode: n
-      };
+  return 0;
+}, he = (t, e) => {
+  if (!t) return;
+  const n = e.split(".").filter(Boolean);
+  if (n.length === 0) return;
+  let r = t;
+  for (const o of n) {
+    if (typeof r != "object" || r === null) return;
+    r = r[o];
   }
-}, It = (e) => {
-  const { theme: t, tokens: r } = e, n = r ?? Rr(t), o = Pr(e.mode, n);
-  if (!o)
-    throw new Error("Invalid theme configuration: mode does not match tokens");
-  return o;
-}, jr = ({
-  children: e,
-  ...t
+  return r;
+}, ve = (t, e) => e ? t.replace(
+  /\{(\w+)\}/g,
+  (n, r) => {
+    const o = e[r];
+    return o === void 0 ? n : String(o);
+  }
+) : t, Xn = (t) => {
+  const e = he(t.primary, t.key);
+  if (typeof e == "string")
+    return ve(e, t.params);
+  const n = he(t.fallback, t.key);
+  return typeof n == "string" ? ve(n, t.params) : t.key;
+}, ze = ae(
+  null
+), qn = async (t) => Q(t).with("en", () => Promise.resolve(null)).with("nl", async () => import("./nl-BcUtTHZo.js").then((e) => e.default)).with("es", async () => import("./es-DY71WoiL.js").then((e) => e.default)).with("sv", async () => import("./sv-jsZzNYT8.js").then((e) => e.default)).with("fr", async () => import("./fr-KRwPr2KB.js").then((e) => e.default)).with(
+  "zh-cn",
+  async () => import("./zh-cn-B-g1waPO.js").then((e) => e.default)
+).with("ar", async () => import("./ar-BAmzpyRI.js").then((e) => e.default)).with("he", async () => import("./he-BJ3Ukwed.js").then((e) => e.default)).with("fa", async () => import("./fa-CZ8QQ_OY.js").then((e) => e.default)).exhaustive(), Yn = ({
+  children: t,
+  initialLanguageTag: e = "en"
 }) => {
-  const { tokens: r, mode: n } = It(
-    t
-  );
-  return /* @__PURE__ */ l(
-    "div",
-    {
-      style: jt(r),
-      id: "root",
-      "data-openlv-theme": t.theme,
-      "data-openlv-mode": n,
-      children: e
-    }
+  const [n, r] = R(e), [o, a] = R(null), [i, s] = R(!1);
+  I(() => {
+    let f = !1;
+    return (async () => {
+      s(!0);
+      try {
+        const p = await qn(n);
+        if (f) return;
+        a(p);
+      } finally {
+        f || s(!1);
+      }
+    })(), () => {
+      f = !0;
+    };
+  }, [n]);
+  const c = U(
+    (f, k) => Xn({
+      primary: o,
+      fallback: Hn,
+      key: f,
+      params: k
+    }).split(`
+`).map((p, y) => [p, /* @__PURE__ */ l("br", {}, y)]),
+    [o]
+  ), u = ft(() => Jn(n), [n]), d = ft(
+    () => ({
+      languageTag: n,
+      setLanguageTag: r,
+      isLoadingLanguagePack: i,
+      isRtl: u,
+      t: c
+    }),
+    [i, u, n, c]
   );
-}, Vt = Et({
+  return /* @__PURE__ */ l(ze.Provider, { value: d, children: t });
+}, G = () => {
+  const t = jt(ze);
+  if (!t)
+    throw new Error("TranslationProvider not found");
+  return t;
+}, Me = ae({
   provider: void 0
-}), Ir = ({
-  provider: e,
-  theme: t,
-  onClose: r
+}), Zn = (t) => {
+  const e = t?.storage.getSettings().language;
+  return e || Qn();
+}, $n = ({
+  provider: t,
+  onClose: e
 }) => {
-  const n = t ?? De;
-  return /* @__PURE__ */ l(Vt.Provider, { value: { provider: e }, children: /* @__PURE__ */ l(jr, { ...n, children: /* @__PURE__ */ l(uo, { onClose: r }) }) });
-}, Vr = () => {
-  const e = Ye(Vt);
-  if (!e.provider) throw new Error("Provider not found");
-  return e;
-}, Ce = () => {
-  const { provider: e } = Vr(), [t, r] = D(
-    e?.getState().status || ae.ERROR
+  const n = ft(
+    () => Zn(t),
+    [t]
+  );
+  return /* @__PURE__ */ l(Yn, { initialLanguageTag: n, children: /* @__PURE__ */ l(Me.Provider, { value: { provider: t }, children: /* @__PURE__ */ l(Oo, { onClose: e }) }) });
+}, tr = () => {
+  const t = jt(Me);
+  if (!t.provider) throw new Error("Provider not found");
+  return t;
+}, _t = () => {
+  const { provider: t } = tr(), [e, n] = R(
+    t?.getState().status || it.ERROR
   );
   if (I(() => {
-    const n = (o) => {
-      r(o);
+    const r = (a) => {
+      n(a);
     };
-    return e?.on("status_change", n), () => {
-      e?.off("status_change", n);
+    t?.on("status_change", r);
+    const o = t?.getState().status;
+    return o && n(o), () => {
+      t?.off("status_change", r);
     };
-  }, [e]), !e) throw new Error("Provider not found");
-  return { provider: e, status: t };
-}, $e = (...e) => console.log(
+  }, [t]), !t) throw new Error("Provider not found");
+  return { provider: t, status: e };
+}, le = (...t) => console.log(
   "%c[modal]%c",
   "color: yellow; font-weight: bold",
   "color: inherit; font-weight: normal",
-  ...e
-), Mt = (e, t, r) => {
-  I(() => (e?.on(t, r), () => {
-    e?.off(t, r);
-  }), [e, t]);
-}, et = () => {
-  const { provider: e } = Ce(), [t, r] = D(
-    e?.storage.getSettings()
+  ...t
+), Ge = (t, e, n) => {
+  I(() => (t?.on(e, n), () => {
+    t?.off(e, n);
+  }), [t, e]);
+}, Ft = () => {
+  const { provider: t } = _t(), [e, n] = R(
+    t?.storage.getSettings()
   );
-  Mt(
-    e?.storage.emitter,
+  Ge(
+    t?.storage.emitter,
     "settings_change",
-    (s) => {
-      r(s);
+    (c) => {
+      n(c);
     }
   );
-  const n = (s) => {
-    if (!t || t.signaling?.p === s) return;
-    const c = {
-      ...t,
+  const r = (c) => {
+    if (!e || e.signaling?.p === c) return;
+    const u = {
+      ...e,
       signaling: {
-        ...t.signaling,
-        p: s
+        ...e.signaling,
+        p: c
       }
     };
-    r(c), e?.storage.setSettings(c);
-  }, o = (s) => {
-    if (!t || t.signaling?.s[t.signaling?.p] === s) return;
-    const c = {
-      ...t,
+    n(u), t?.storage.setSettings(u);
+  }, o = (c) => {
+    if (!e || e.signaling?.s[e.signaling?.p] === c) return;
+    const u = {
+      ...e,
       signaling: {
-        ...t.signaling,
+        ...e.signaling,
         s: {
-          ...t.signaling.s,
-          [t.signaling.p]: s
+          ...e.signaling.s,
+          [e.signaling.p]: c
         }
       }
     };
-    r(c), e?.storage.setSettings(c);
-  }, a = (s) => {
-    t && (r({ ...t, retainHistory: s }), e?.storage.setSettings({ ...t, retainHistory: s }));
-  }, i = (s) => {
-    t && (r({ ...t, autoReconnect: s }), e?.storage.setSettings({ ...t, autoReconnect: s }));
+    n(u), t?.storage.setSettings(u);
+  }, a = (c) => {
+    e && (n({ ...e, retainHistory: c }), t?.storage.setSettings({ ...e, retainHistory: c }));
+  }, i = (c) => {
+    e && (n({ ...e, autoReconnect: c }), t?.storage.setSettings({ ...e, autoReconnect: c }));
+  }, s = (c) => {
+    e && (n({ ...e, language: c }), t?.storage.setSettings({ ...e, language: c }));
   };
-  if (!t) throw new Error("Settings not found");
+  if (!e) throw new Error("Settings not found");
   return {
-    settings: t,
-    updateSignalingProtocol: n,
+    settings: e,
+    updateSignalingProtocol: r,
     updateSignalingServer: o,
     updateRetainHistory: a,
-    updateAutoReconnect: i
+    updateAutoReconnect: i,
+    updateLanguage: s
   };
-}, _e = () => {
-  const { provider: e } = Ce(), [t, r] = D(
-    e?.getSession()
-  ), n = t?.getHandshakeParameters(), o = n ? dr(n) : void 0, [a, i] = D(
-    t?.getState()
+}, Nt = () => {
+  const { provider: t } = _t(), [e, n] = R(
+    t?.getSession()
+  ), r = e?.getHandshakeParameters(), o = r ? mn(r) : void 0, [a, i] = R(
+    e?.getState()
   );
-  return Mt(t?.emitter, "state_change", (s) => {
-    $e("session state change: ", s), i(s);
+  return Ge(e?.emitter, "state_change", (s) => {
+    le("session state change: ", s), i(s);
   }), I(() => {
     const s = () => {
-      const c = e?.getSession();
-      c && r(c);
+      const u = t?.getSession();
+      u && n(u);
     };
-    return e?.on("status_change", s), () => {
-      e?.off("status_change", s);
+    t?.on("status_change", s);
+    const c = t?.getSession();
+    return c && n(c), () => {
+      t?.off("status_change", s);
     };
-  }, [e]), I(() => {
+  }, [t]), I(() => {
     const s = (c) => {
-      r(c), i(c.getState());
+      n(c), i(c.getState());
     };
-    return e?.on("session_started", s), () => {
-      e?.off("session_started", s);
+    return t?.on("session_started", s), () => {
+      t?.off("session_started", s);
     };
-  }, [e]), I(() => {
-    t && i(t.getState());
-  }, [t]), {
+  }, [t]), I(() => {
+    e && i(e.getState());
+  }, [e]), {
     uri: o,
     status: a
   };
-}, Mr = () => {
-  const { provider: e } = Ce(), { settings: t } = et();
+}, er = () => {
+  const { provider: t } = _t(), { settings: e } = Ft();
   return {
     start: () => {
-      const r = t?.signaling?.p, n = t?.signaling?.s[r];
-      if (!r || !n)
+      const n = e?.signaling?.p, r = e?.signaling?.s[n];
+      if (!n || !r)
         throw new Error("Invalid protocol or server");
-      return e?.createSession({
-        p: r,
-        s: n
+      return t?.createSession({
+        p: n,
+        s: r
       });
     }
   };
-}, Je = ({ state: e }) => {
-  const { status: t, uri: r } = _e(), { status: n } = Ce();
-  return console.error("Unknown state: ", { state: e, sessionStatus: t, providerStatus: n }), /* @__PURE__ */ h(
-    "div",
-    {
-      className: "rounded-md p-2",
-      style: {
-        backgroundColor: "var(--lv-button-secondary-background)",
-        color: "var(--lv-text-muted)"
-      },
-      children: [
-        /* @__PURE__ */ h("div", { children: [
-          "Unknown state: ",
-          JSON.stringify(e)
-        ] }),
-        /* @__PURE__ */ h("div", { children: [
-          "URI: ",
-          r
-        ] }),
-        /* @__PURE__ */ h("div", { children: [
-          "Session Status: ",
-          JSON.stringify(t)
-        ] }),
-        /* @__PURE__ */ h("div", { children: [
-          "Provider Status: ",
-          JSON.stringify(n)
-        ] })
-      ]
-    }
-  );
-}, Lr = ({
-  onCopy: e
+}, te = ({ state: t }) => {
+  const { status: e, uri: n } = Nt(), { status: r } = _t();
+  return console.error("Unknown state: ", { state: t, sessionStatus: e, providerStatus: r }), /* @__PURE__ */ h("div", { className: "rounded-md bg-(--lv-control-button-secondary-background) p-2 text-(--lv-text-muted)", children: [
+    /* @__PURE__ */ h("div", { children: [
+      "Unknown state: ",
+      JSON.stringify(t)
+    ] }),
+    /* @__PURE__ */ h("div", { children: [
+      "URI: ",
+      n
+    ] }),
+    /* @__PURE__ */ h("div", { children: [
+      "Session Status: ",
+      JSON.stringify(e)
+    ] }),
+    /* @__PURE__ */ h("div", { children: [
+      "Provider Status: ",
+      JSON.stringify(r)
+    ] })
+  ] });
+}, nr = ({
+  onCopy: t
 }) => {
-  const { uri: t } = _e(), r = K(() => {
-    t && e(t);
-  }, [t, e]), n = K((s) => {
-    const c = cr.default, u = c(0, "M");
-    return u.addData(s), u.make(), u.createSvgTag({ cellSize: 5, margin: 0, scalable: !0 });
-  }, []), o = "var(--lv-button-secondary-border)", a = "var(--lv-qr-background)";
+  const { t: e } = G(), { uri: n } = Nt(), r = U(() => {
+    n && t(n);
+  }, [n, t]), o = U((a) => {
+    const i = hn.default, s = i(0, "M");
+    return s.addData(a), s.make(), s.createSvgTag({ cellSize: 5, margin: 0, scalable: !0 });
+  }, []);
   return /* @__PURE__ */ h("div", { className: "flex flex-col items-center gap-4 px-2", children: [
-    /* @__PURE__ */ h(
-      "div",
-      {
-        className: "w-full space-y-4 rounded-md p-4",
-        style: {
-          background: "var(--lv-card-background)",
-          border: `1px solid ${o}`
-        },
-        children: [
-          t && /* @__PURE__ */ l(
-            "div",
-            {
-              className: "relative mx-auto flex w-fit items-center justify-center rounded-lg p-4",
-              style: {
-                background: a,
-                border: `1px solid ${o}`
-              },
-              children: /* @__PURE__ */ l(
-                "button",
-                {
-                  className: "h-[200px] w-[200px] cursor-pointer rounded",
-                  onClick: r,
-                  title: "Click to copy connection URL",
-                  dangerouslySetInnerHTML: { __html: n(t) },
-                  style: {
-                    background: a,
-                    color: "var(--lv-qr-color)"
-                  }
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ l("div", { className: "w-full", children: /* @__PURE__ */ l(
-            "button",
-            {
-              type: "button",
-              onClick: r,
-              className: "w-full cursor-pointer rounded-lg px-4 py-2 text-sm transition bg-(--lv-button-secondary-background) hover:bg-(--lv-button-secondary-hoverBackground) active:bg-(--lv-button-secondary-activeBackground)",
-              style: {
-                color: "var(--lv-text-primary)",
-                border: `1px solid ${o}`
-              },
-              children: "Copy Connection URL"
-            }
-          ) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ h(
-      "div",
-      {
-        className: "w-full text-sm",
-        style: { color: "var(--lv-text-secondary)" },
-        children: [
-          /* @__PURE__ */ l("span", { children: "Scan the code above using your mobile wallet." }),
-          /* @__PURE__ */ l("br", {}),
-          /* @__PURE__ */ l("span", { children: "Or copy the link and paste it into your wallet." })
-        ]
-      }
-    )
+    /* @__PURE__ */ h("div", { className: "w-full space-y-4 rounded-md border border-(--lv-control-button-secondary-border) bg-(--lv-card-background) p-4", children: [
+      n && /* @__PURE__ */ l("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__ */ l(
+        "button",
+        {
+          className: "h-[200px] w-[200px] cursor-pointer rounded bg-(--lv-qr-background) text-(--lv-qr-color)",
+          onClick: r,
+          title: e("handshake.clickToCopyUrl"),
+          dangerouslySetInnerHTML: { __html: o(n) }
+        }
+      ) }),
+      /* @__PURE__ */ l("div", { className: "w-full", children: /* @__PURE__ */ l(
+        "button",
+        {
+          type: "button",
+          onClick: r,
+          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__ */ l("div", { className: "w-full text-sm text-(--lv-text-secondary)", children: /* @__PURE__ */ l("span", { children: e("handshake.scanCodeInstruction") }) })
   ] });
-}, zr = () => typeof document < "u" && "startViewTransition" in document, Gr = (e) => {
-  zr() ? document.startViewTransition(e) : e();
-}, lt = () => /* @__PURE__ */ l("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ l("div", { className: "h-8 w-8 animate-spin rounded-full border-4 border-blue-500 border-t-transparent" }) }), E = {
+}, rr = () => typeof document < "u" && "startViewTransition" in document, or = (t) => {
+  rr() ? document.startViewTransition(t) : t();
+}, Jt = () => /* @__PURE__ */ l("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ l("div", { className: "h-8 w-8 animate-spin rounded-full border-4 border-blue-500 border-t-transparent" }) }), E = {
   CREATING: "creating",
   CONNECTING: "connecting",
   READY: "ready",
-  CONFIRMING: "confirming",
+  LINKING: "linking",
   CONNECTED: "connected",
   DISCONNECTED: "disconnected",
   ERROR: "error"
-}, Wr = (e) => {
-  const [t, r] = D(e), n = G(e);
+}, ar = (t) => {
+  const [e, n] = R(t), r = W(t);
   return I(() => {
-    e !== n.current && Gr(() => {
-      r(e), n.current = e;
+    t !== r.current && or(() => {
+      n(t), r.current = t;
     });
-  }, [e]), {
-    displayState: t
+  }, [t]), {
+    displayState: e
   };
-}, Hr = (e) => e ? Q(e).with({ status: me.CREATED }, () => E.CREATING).with(
-  { status: me.SIGNALING, signaling: Rt.select() },
-  (t) => Q(t).with({ state: ue.STANDBY }, () => E.CONNECTING).with({ state: ue.CONNECTING }, () => E.CONNECTING).with({ state: ue.READY }, () => E.READY).with({ state: ue.HANDSHAKE }, () => E.CONFIRMING).with(
-    { state: ue.HANDSHAKE_PARTIAL },
-    () => E.CONFIRMING
-  ).with({ state: ue.ENCRYPTED }, () => E.CONNECTED).otherwise(() => E.CONNECTING)
-).with({ status: me.READY }, () => E.READY).with({ status: me.CONNECTED }, () => E.CONNECTED).with({ status: me.DISCONNECTED }, () => E.DISCONNECTED).otherwise(() => E.ERROR) : E.CONNECTING, Kr = ({ onClose: e, onCopy: t }) => {
-  const { status: r } = _e(), { displayState: n } = Wr(Hr(r));
-  return /* @__PURE__ */ l("div", { style: { viewTransitionName: "connection-flow" }, className: "w-full", children: Q(n).with(E.CREATING, () => /* @__PURE__ */ h("div", { className: "flex flex-col items-center gap-4 p-6", children: [
-    /* @__PURE__ */ l(lt, {}),
+}, ir = (t) => t ? Q(t).with({ status: ut.CREATED }, () => E.CREATING).with(
+  { status: ut.SIGNALING, signaling: Fe.select() },
+  (e) => Q(e).with({ state: ct.STANDBY }, () => E.CONNECTING).with({ state: ct.CONNECTING }, () => E.CONNECTING).with({ state: ct.READY }, () => E.READY).with({ state: ct.HANDSHAKE }, () => E.LINKING).with({ state: ct.HANDSHAKE_PARTIAL }, () => E.LINKING).with({ state: ct.ENCRYPTED }, () => E.CONNECTED).otherwise(() => E.CONNECTING)
+).with({ status: ut.READY }, () => E.READY).with({ status: ut.LINKING }, () => E.LINKING).with({ status: ut.CONNECTED }, () => E.CONNECTED).with({ status: ut.DISCONNECTED }, () => E.DISCONNECTED).otherwise(() => E.ERROR) : E.CONNECTING, sr = ({ onClose: t, onCopy: e }) => {
+  const { t: n } = G(), { status: r } = Nt(), { displayState: o } = ar(ir(r));
+  return /* @__PURE__ */ l("div", { style: { viewTransitionName: "connection-flow" }, className: "w-full", children: Q(o).with(E.CREATING, () => /* @__PURE__ */ h("div", { className: "flex flex-col items-center gap-4 p-6", children: [
+    /* @__PURE__ */ l(Jt, {}),
     /* @__PURE__ */ h("div", { className: "text-center", children: [
-      /* @__PURE__ */ l("h3", { className: "mb-2 font-semibold text-[var(--lv-text-primary)] text-lg", children: "Preparing connection" }),
-      /* @__PURE__ */ l("p", { className: "text-[var(--lv-text-muted)] text-sm", children: "Generating keys…" })
+      /* @__PURE__ */ l("h3", { className: "mb-2 font-semibold text-(--lv-text-primary) text-lg", children: n("connectionFlow.preparingConnection") }),
+      /* @__PURE__ */ l("p", { className: "text-(--lv-text-muted) text-sm", children: n("connectionFlow.generatingKeys") })
     ] })
   ] })).with(E.CONNECTING, () => /* @__PURE__ */ h("div", { className: "flex flex-col items-center gap-4 p-6", children: [
-    /* @__PURE__ */ l(lt, {}),
+    /* @__PURE__ */ l(Jt, {}),
+    /* @__PURE__ */ h("div", { className: "text-center", children: [
+      /* @__PURE__ */ l("h3", { className: "mb-2 font-semibold text-(--lv-text-primary) text-lg", children: n("connectionFlow.connecting") }),
+      /* @__PURE__ */ l("p", { className: "text-(--lv-text-muted) text-sm", children: n("connectionFlow.waitingForNetwork") })
+    ] })
+  ] })).with(E.READY, () => /* @__PURE__ */ l(nr, { onCopy: e })).with(E.LINKING, () => /* @__PURE__ */ h("div", { className: "flex flex-col items-center gap-4 p-6", children: [
+    /* @__PURE__ */ l(Jt, {}),
     /* @__PURE__ */ h("div", { className: "text-center", children: [
-      /* @__PURE__ */ l("h3", { className: "mb-2 font-semibold text-[var(--lv-text-primary)] text-lg", children: "Connecting" }),
-      /* @__PURE__ */ l("p", { className: "text-[var(--lv-text-muted)] text-sm", children: "Waiting for network connection..." })
+      /* @__PURE__ */ l("h3", { className: "mb-2 font-semibold text-(--lv-text-primary) text-lg", children: n("connectionFlow.establishingConnection") }),
+      /* @__PURE__ */ l("p", { className: "text-(--lv-text-muted) text-sm", children: n("connectionFlow.mayTakeFewSeconds") })
     ] })
-  ] })).with(E.READY, () => /* @__PURE__ */ l(Lr, { onCopy: t })).with(E.CONFIRMING, () => /* @__PURE__ */ l("div", { className: "flex flex-col items-center gap-4 p-6", children: /* @__PURE__ */ l("div", { className: "text-center", children: /* @__PURE__ */ l("h3", { className: "mb-2 font-semibold text-[var(--lv-text-primary)] text-lg", children: "Establishing e2e encryption..." }) }) })).with(E.CONNECTED, () => /* @__PURE__ */ l("div", { className: "flex flex-col items-center gap-4 p-6", children: /* @__PURE__ */ h("div", { className: "text-center", children: [
+  ] })).with(E.CONNECTED, () => /* @__PURE__ */ l("div", { className: "flex flex-col items-center gap-4 p-6", children: /* @__PURE__ */ h("div", { className: "text-center", children: [
     /* @__PURE__ */ l("div", { className: "mb-4 text-4xl", children: "✅" }),
-    /* @__PURE__ */ l("h3", { className: "mb-2 font-semibold text-[var(--lv-text-primary)] text-lg", children: "Connected Successfully!" }),
-    /* @__PURE__ */ l("p", { className: "text-[var(--lv-text-muted)] text-sm", children: "Your wallet is now connected and ready to use." })
+    /* @__PURE__ */ l("h3", { className: "mb-2 font-semibold text-(--lv-text-primary) text-lg", children: n("connectionFlow.connectedSuccessfully") }),
+    /* @__PURE__ */ l("p", { className: "text-(--lv-text-muted) text-sm", children: n("connectionFlow.walletConnectedReady") })
   ] }) })).with(E.DISCONNECTED, () => /* @__PURE__ */ h("div", { className: "flex flex-col items-center gap-4 p-6", children: [
     /* @__PURE__ */ h("div", { className: "text-center", children: [
       /* @__PURE__ */ l("div", { className: "mb-4 text-4xl", children: "🔌" }),
-      /* @__PURE__ */ l("h3", { className: "mb-2 font-semibold text-[var(--lv-text-primary)] text-lg", children: "Disconnected" }),
-      /* @__PURE__ */ l("p", { className: "mb-4 text-[var(--lv-text-muted)] text-sm", children: "The connection has been closed." })
+      /* @__PURE__ */ l("h3", { className: "mb-2 font-semibold text-(--lv-text-primary) text-lg", children: n("connectionFlow.disconnected") }),
+      /* @__PURE__ */ l("p", { className: "mb-4 text-(--lv-text-muted) text-sm", children: n("connectionFlow.connectionClosed") })
     ] }),
     /* @__PURE__ */ l(
       "button",
       {
         type: "button",
-        onClick: e,
-        className: "w-full rounded-lg bg-[var(--lv-button-secondary-background)] px-4 py-2 font-semibold text-[var(--lv-text-primary)] text-sm transition hover:bg-[var(--lv-button-primary-background-hover)]",
-        children: "Close"
+        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: n("common.close")
       }
     )
-  ] })).otherwise(() => /* @__PURE__ */ l(Je, { state: r })) });
+  ] })).otherwise(() => /* @__PURE__ */ l(te, { state: r })) });
 };
-function Lt(e, t) {
-  for (var r in t) e[r] = t[r];
-  return e;
+function We(t, e) {
+  for (var n in e) t[n] = e[n];
+  return t;
 }
-function Xe(e, t) {
-  for (var r in e) if (r !== "__source" && !(r in t)) return !0;
-  for (var n in t) if (n !== "__source" && e[n] !== t[n]) return !0;
+function ee(t, e) {
+  for (var n in t) if (n !== "__source" && !(n in e)) return !0;
+  for (var r in e) if (r !== "__source" && t[r] !== e[r]) return !0;
   return !1;
 }
-function zt(e, t) {
-  var r = t(), n = D({ t: { __: r, u: t } }), o = n[0].t, a = n[1];
-  return pe(function() {
-    o.__ = r, o.u = t, ze(o) && a({ t: o });
-  }, [e, r, t]), I(function() {
-    return ze(o) && a({ t: o }), e(function() {
-      ze(o) && a({ t: o });
+function Ue(t, e) {
+  var n = e(), r = R({ t: { __: n, u: e } }), o = r[0].t, a = r[1];
+  return ht(function() {
+    o.__ = n, o.u = e, Qt(o) && a({ t: o });
+  }, [t, n, e]), I(function() {
+    return Qt(o) && a({ t: o }), t(function() {
+      Qt(o) && a({ t: o });
     });
-  }, [e]), r;
+  }, [t]), n;
 }
-function ze(e) {
-  var t, r, n = e.u, o = e.__;
+function Qt(t) {
+  var e, n, r = t.u, o = t.__;
   try {
-    var a = n();
-    return !((t = o) === (r = a) && (t !== 0 || 1 / t == 1 / r) || t != t && r != r);
+    var a = r();
+    return !((e = o) === (n = a) && (e !== 0 || 1 / e == 1 / n) || e != e && n != n);
   } catch {
     return !0;
   }
 }
-function Gt(e) {
-  e();
+function Ke(t) {
+  t();
 }
-function Wt(e) {
-  return e;
+function He(t) {
+  return t;
 }
-function Ht() {
-  return [!1, Gt];
+function Je() {
+  return [!1, Ke];
 }
-var Kt = pe;
-function qe(e, t) {
-  this.props = e, this.context = t;
+var Qe = ht;
+function ne(t, e) {
+  this.props = t, this.context = e;
 }
-function Ur(e, t) {
-  function r(o) {
+function lr(t, e) {
+  function n(o) {
     var a = this.props.ref, i = a == o.ref;
-    return !i && a && (a.call ? a(null) : a.current = null), t ? !t(this.props, o) || !i : Xe(this.props, o);
+    return !i && a && (a.call ? a(null) : a.current = null), e ? !e(this.props, o) || !i : ee(this.props, o);
   }
-  function n(o) {
-    return this.shouldComponentUpdate = r, U(e, o);
+  function r(o) {
+    return this.shouldComponentUpdate = n, X(t, o);
   }
-  return n.displayName = "Memo(" + (e.displayName || e.name) + ")", n.prototype.isReactComponent = !0, n.__f = !0, n.type = e, n;
+  return r.displayName = "Memo(" + (t.displayName || t.name) + ")", r.prototype.isReactComponent = !0, r.__f = !0, r.type = t, r;
 }
-(qe.prototype = new de()).isPureReactComponent = !0, qe.prototype.shouldComponentUpdate = function(e, t) {
-  return Xe(this.props, e) || Xe(this.state, t);
+(ne.prototype = new gt()).isPureReactComponent = !0, ne.prototype.shouldComponentUpdate = function(t, e) {
+  return ee(this.props, t) || ee(this.state, e);
 };
-var ct = V.__b;
-V.__b = function(e) {
-  e.type && e.type.__f && e.ref && (e.props.ref = e.ref, e.ref = null), ct && ct(e);
+var me = F.__b;
+F.__b = function(t) {
+  t.type && t.type.__f && t.ref && (t.props.ref = t.ref, t.ref = null), me && me(t);
 };
-var Jr = typeof Symbol < "u" && Symbol.for && /* @__PURE__ */ Symbol.for("react.forward_ref") || 3911;
-function Xr(e) {
-  function t(r) {
-    var n = Lt({}, r);
-    return delete n.ref, e(n, r.ref || null);
+var cr = typeof Symbol < "u" && Symbol.for && /* @__PURE__ */ Symbol.for("react.forward_ref") || 3911;
+function ur(t) {
+  function e(n) {
+    var r = We({}, n);
+    return delete r.ref, t(r, n.ref || null);
   }
-  return t.$$typeof = Jr, t.render = e, t.prototype.isReactComponent = t.__f = !0, t.displayName = "ForwardRef(" + (e.displayName || e.name) + ")", t;
-}
-var ut = function(e, t) {
-  return e == null ? null : ne(ne(e).map(t));
-}, qr = { map: ut, forEach: ut, count: function(e) {
-  return e ? ne(e).length : 0;
-}, only: function(e) {
-  var t = ne(e);
-  if (t.length !== 1) throw "Children.only";
-  return t[0];
-}, toArray: ne }, Qr = V.__e;
-V.__e = function(e, t, r, n) {
-  if (e.then) {
-    for (var o, a = t; a = a.__; ) if ((o = a.__c) && o.__c) return t.__e == null && (t.__e = r.__e, t.__k = r.__k), o.__c(e, t);
+  return e.$$typeof = cr, e.render = t, e.prototype.isReactComponent = e.__f = !0, e.displayName = "ForwardRef(" + (t.displayName || t.name) + ")", e;
+}
+var be = function(t, e) {
+  return t == null ? null : ot(ot(t).map(e));
+}, dr = { map: be, forEach: be, count: function(t) {
+  return t ? ot(t).length : 0;
+}, only: function(t) {
+  var e = ot(t);
+  if (e.length !== 1) throw "Children.only";
+  return e[0];
+}, toArray: ot }, fr = F.__e;
+F.__e = function(t, e, n, r) {
+  if (t.then) {
+    for (var o, a = e; a = a.__; ) if ((o = a.__c) && o.__c) return e.__e == null && (e.__e = n.__e, e.__k = n.__k), o.__c(t, e);
   }
-  Qr(e, t, r, n);
+  fr(t, e, n, r);
 };
-var dt = V.unmount;
-function Ut(e, t, r) {
-  return e && (e.__c && e.__c.__H && (e.__c.__H.__.forEach(function(n) {
-    typeof n.__c == "function" && n.__c();
-  }), e.__c.__H = null), (e = Lt({}, e)).__c != null && (e.__c.__P === r && (e.__c.__P = t), e.__c.__e = !0, e.__c = null), e.__k = e.__k && e.__k.map(function(n) {
-    return Ut(n, t, r);
-  })), e;
-}
-function Jt(e, t, r) {
-  return e && r && (e.__v = null, e.__k = e.__k && e.__k.map(function(n) {
-    return Jt(n, t, r);
-  }), e.__c && e.__c.__P === t && (e.__e && r.appendChild(e.__e), e.__c.__e = !0, e.__c.__P = r)), e;
-}
-function Ee() {
+var ye = F.unmount;
+function Xe(t, e, n) {
+  return t && (t.__c && t.__c.__H && (t.__c.__H.__.forEach(function(r) {
+    typeof r.__c == "function" && r.__c();
+  }), t.__c.__H = null), (t = We({}, t)).__c != null && (t.__c.__P === n && (t.__c.__P = e), t.__c.__e = !0, t.__c = null), t.__k = t.__k && t.__k.map(function(r) {
+    return Xe(r, e, n);
+  })), t;
+}
+function qe(t, e, n) {
+  return t && n && (t.__v = null, t.__k = t.__k && t.__k.map(function(r) {
+    return qe(r, e, n);
+  }), t.__c && t.__c.__P === e && (t.__e && n.appendChild(t.__e), t.__c.__e = !0, t.__c.__P = n)), t;
+}
+function Pt() {
   this.__u = 0, this.o = null, this.__b = null;
 }
-function Xt(e) {
-  var t = e.__.__c;
-  return t && t.__a && t.__a(e);
+function Ye(t) {
+  var e = t.__.__c;
+  return e && e.__a && e.__a(t);
 }
-function Yr(e) {
-  var t, r, n, o = null;
+function gr(t) {
+  var e, n, r, o = null;
   function a(i) {
-    if (t || (t = e()).then(function(s) {
-      s && (o = s.default || s), n = !0;
+    if (e || (e = t()).then(function(s) {
+      s && (o = s.default || s), r = !0;
     }, function(s) {
-      r = s, n = !0;
-    }), r) throw r;
-    if (!n) throw t;
-    return o ? U(o, i) : null;
+      n = s, r = !0;
+    }), n) throw n;
+    if (!r) throw e;
+    return o ? X(o, i) : null;
   }
   return a.displayName = "Lazy", a.__f = !0, a;
 }
-function be() {
+function bt() {
   this.i = null, this.l = null;
 }
-V.unmount = function(e) {
-  var t = e.__c;
-  t && t.__R && t.__R(), t && 32 & e.__u && (e.type = null), dt && dt(e);
-}, (Ee.prototype = new de()).__c = function(e, t) {
-  var r = t.__c, n = this;
-  n.o == null && (n.o = []), n.o.push(r);
-  var o = Xt(n.__v), a = !1, i = function() {
-    a || (a = !0, r.__R = null, o ? o(s) : s());
+F.unmount = function(t) {
+  var e = t.__c;
+  e && e.__R && e.__R(), e && 32 & t.__u && (t.type = null), ye && ye(t);
+}, (Pt.prototype = new gt()).__c = function(t, e) {
+  var n = e.__c, r = this;
+  r.o == null && (r.o = []), r.o.push(n);
+  var o = Ye(r.__v), a = !1, i = function() {
+    a || (a = !0, n.__R = null, o ? o(s) : s());
   };
-  r.__R = i;
+  n.__R = i;
   var s = function() {
-    if (!--n.__u) {
-      if (n.state.__a) {
-        var c = n.state.__a;
-        n.__v.__k[0] = Jt(c, c.__c.__P, c.__c.__O);
+    if (!--r.__u) {
+      if (r.state.__a) {
+        var c = r.state.__a;
+        r.__v.__k[0] = qe(c, c.__c.__P, c.__c.__O);
       }
       var u;
-      for (n.setState({ __a: n.__b = null }); u = n.o.pop(); ) u.forceUpdate();
+      for (r.setState({ __a: r.__b = null }); u = r.o.pop(); ) u.forceUpdate();
     }
   };
-  n.__u++ || 32 & t.__u || n.setState({ __a: n.__b = n.__v.__k[0] }), e.then(i, i);
-}, Ee.prototype.componentWillUnmount = function() {
+  r.__u++ || 32 & e.__u || r.setState({ __a: r.__b = r.__v.__k[0] }), t.then(i, i);
+}, Pt.prototype.componentWillUnmount = function() {
   this.o = [];
-}, Ee.prototype.render = function(e, t) {
+}, Pt.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] = Ut(this.__b, r, n.__O = n.__P);
+      var n = document.createElement("div"), r = this.__v.__k[0].__c;
+      this.__v.__k[0] = Xe(this.__b, n, r.__O = r.__P);
     }
     this.__b = null;
   }
-  var o = t.__a && U(we, null, e.fallback);
-  return o && (o.__u &= -33), [U(we, null, t.__a ? null : e.children), o];
+  var o = e.__a && X(wt, null, t.fallback);
+  return o && (o.__u &= -33), [X(wt, null, e.__a ? null : t.children), o];
 };
-var ft = function(e, t, r) {
-  if (++r[1] === r[0] && e.l.delete(t), e.props.revealOrder && (e.props.revealOrder[0] !== "t" || !e.l.size)) for (r = e.i; r; ) {
-    for (; r.length > 3; ) r.pop()();
-    if (r[1] < r[0]) break;
-    e.i = r = r[2];
+var we = function(t, e, n) {
+  if (++n[1] === n[0] && t.l.delete(e), t.props.revealOrder && (t.props.revealOrder[0] !== "t" || !t.l.size)) for (n = t.i; n; ) {
+    for (; n.length > 3; ) n.pop()();
+    if (n[1] < n[0]) break;
+    t.i = n = n[2];
   }
 };
-function Zr(e) {
+function pr(t) {
   return this.getChildContext = function() {
-    return e.context;
-  }, e.children;
-}
-function $r(e) {
-  var t = this, r = e.h;
-  if (t.componentWillUnmount = function() {
-    fe(null, t.v), t.v = null, t.h = null;
-  }, t.h && t.h !== r && t.componentWillUnmount(), !t.v) {
-    for (var n = t.__v; n !== null && !n.__m && n.__ !== null; ) n = n.__;
-    t.h = r, t.v = { nodeType: 1, parentNode: r, childNodes: [], __k: { __m: n.__m }, contains: function() {
+    return t.context;
+  }, t.children;
+}
+function hr(t) {
+  var e = this, n = t.h;
+  if (e.componentWillUnmount = function() {
+    pt(null, e.v), e.v = null, e.h = null;
+  }, e.h && e.h !== n && e.componentWillUnmount(), !e.v) {
+    for (var r = e.__v; r !== null && !r.__m && r.__ !== null; ) r = r.__;
+    e.h = n, e.v = { nodeType: 1, parentNode: n, childNodes: [], __k: { __m: r.__m }, contains: function() {
       return !0;
     }, insertBefore: function(o, a) {
-      this.childNodes.push(o), t.h.insertBefore(o, a);
+      this.childNodes.push(o), e.h.insertBefore(o, a);
     }, removeChild: function(o) {
-      this.childNodes.splice(this.childNodes.indexOf(o) >>> 1, 1), t.h.removeChild(o);
+      this.childNodes.splice(this.childNodes.indexOf(o) >>> 1, 1), e.h.removeChild(o);
     } };
   }
-  fe(U(Zr, { context: t.context }, e.__v), t.v);
+  pt(X(pr, { context: e.context }, t.__v), e.v);
 }
-function en(e, t) {
-  var r = U($r, { __v: e, h: t });
-  return r.containerInfo = t, r;
+function vr(t, e) {
+  var n = X(hr, { __v: t, h: e });
+  return n.containerInfo = e, n;
 }
-(be.prototype = new de()).__a = function(e) {
-  var t = this, r = Xt(t.__v), n = t.l.get(e);
-  return n[0]++, function(o) {
+(bt.prototype = new gt()).__a = function(t) {
+  var e = this, n = Ye(e.__v), r = e.l.get(t);
+  return r[0]++, function(o) {
     var a = function() {
-      t.props.revealOrder ? (n.push(o), ft(t, e, n)) : o();
+      e.props.revealOrder ? (r.push(o), we(e, t, r)) : o();
     };
-    r ? r(a) : a();
+    n ? n(a) : a();
   };
-}, be.prototype.render = function(e) {
+}, bt.prototype.render = function(t) {
   this.i = null, this.l = /* @__PURE__ */ new Map();
-  var t = ne(e.children);
-  e.revealOrder && e.revealOrder[0] === "b" && t.reverse();
-  for (var r = t.length; r--; ) this.l.set(t[r], this.i = [1, 0, this.i]);
-  return e.children;
-}, be.prototype.componentDidUpdate = be.prototype.componentDidMount = function() {
-  var e = this;
-  this.l.forEach(function(t, r) {
-    ft(e, r, t);
+  var e = ot(t.children);
+  t.revealOrder && t.revealOrder[0] === "b" && e.reverse();
+  for (var n = e.length; n--; ) this.l.set(e[n], this.i = [1, 0, this.i]);
+  return t.children;
+}, bt.prototype.componentDidUpdate = bt.prototype.componentDidMount = function() {
+  var t = this;
+  this.l.forEach(function(e, n) {
+    we(t, n, e);
   });
 };
-var qt = typeof Symbol < "u" && Symbol.for && /* @__PURE__ */ Symbol.for("react.element") || 60103, tn = /^(?: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]/, rn = /^on(Ani|Tra|Tou|BeforeInp|Compo)/, nn = /[A-Z0-9]/g, on = typeof document < "u", an = function(e) {
-  return (typeof Symbol < "u" && typeof /* @__PURE__ */ Symbol() == "symbol" ? /fil|che|rad/ : /fil|che|ra/).test(e);
+var Ze = typeof Symbol < "u" && Symbol.for && /* @__PURE__ */ Symbol.for("react.element") || 60103, mr = /^(?: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]/, br = /^on(Ani|Tra|Tou|BeforeInp|Compo)/, yr = /[A-Z0-9]/g, wr = typeof document < "u", xr = function(t) {
+  return (typeof Symbol < "u" && typeof /* @__PURE__ */ Symbol() == "symbol" ? /fil|che|rad/ : /fil|che|ra/).test(t);
 };
-function sn(e, t, r) {
-  return t.__k == null && (t.textContent = ""), fe(e, t), typeof r == "function" && r(), e ? e.__c : null;
+function kr(t, e, n) {
+  return e.__k == null && (e.textContent = ""), pt(t, e), typeof n == "function" && n(), t ? t.__c : null;
 }
-function ln(e, t, r) {
-  return sr(e, t), typeof r == "function" && r(), e ? e.__c : null;
+function Cr(t, e, n) {
+  return gn(t, e), typeof n == "function" && n(), t ? t.__c : null;
 }
-de.prototype.isReactComponent = {}, ["componentWillMount", "componentWillReceiveProps", "componentWillUpdate"].forEach(function(e) {
-  Object.defineProperty(de.prototype, e, { configurable: !0, get: function() {
-    return this["UNSAFE_" + e];
-  }, set: function(t) {
-    Object.defineProperty(this, e, { configurable: !0, writable: !0, value: t });
+gt.prototype.isReactComponent = {}, ["componentWillMount", "componentWillReceiveProps", "componentWillUpdate"].forEach(function(t) {
+  Object.defineProperty(gt.prototype, t, { configurable: !0, get: function() {
+    return this["UNSAFE_" + t];
+  }, set: function(e) {
+    Object.defineProperty(this, t, { configurable: !0, writable: !0, value: e });
   } });
 });
-var pt = V.event;
-function cn() {
+var xe = F.event;
+function _r() {
 }
-function un() {
+function Nr() {
   return this.cancelBubble;
 }
-function dn() {
+function Sr() {
   return this.defaultPrevented;
 }
-V.event = function(e) {
-  return pt && (e = pt(e)), e.persist = cn, e.isPropagationStopped = un, e.isDefaultPrevented = dn, e.nativeEvent = e;
+F.event = function(t) {
+  return xe && (t = xe(t)), t.persist = _r, t.isPropagationStopped = Nr, t.isDefaultPrevented = Sr, t.nativeEvent = t;
 };
-var tt, fn = { enumerable: !1, configurable: !0, get: function() {
+var ce, Ar = { enumerable: !1, configurable: !0, get: function() {
   return this.class;
-} }, vt = V.vnode;
-V.vnode = function(e) {
-  typeof e.type == "string" && (function(t) {
-    var r = t.props, n = t.type, o = {}, a = n.indexOf("-") === -1;
-    for (var i in r) {
-      var s = r[i];
-      if (!(i === "value" && "defaultValue" in r && s == null || on && i === "children" && n === "noscript" || i === "class" || i === "className")) {
+} }, ke = F.vnode;
+F.vnode = function(t) {
+  typeof t.type == "string" && (function(e) {
+    var n = e.props, r = e.type, o = {}, a = r.indexOf("-") === -1;
+    for (var i in n) {
+      var s = n[i];
+      if (!(i === "value" && "defaultValue" in n && s == null || wr && i === "children" && r === "noscript" || i === "class" || i === "className")) {
         var c = i.toLowerCase();
-        i === "defaultValue" && "value" in r && r.value == null ? i = "value" : i === "download" && s === !0 ? s = "" : c === "translate" && s === "no" ? s = !1 : c[0] === "o" && c[1] === "n" ? c === "ondoubleclick" ? i = "ondblclick" : c !== "onchange" || n !== "input" && n !== "textarea" || an(r.type) ? c === "onfocus" ? i = "onfocusin" : c === "onblur" ? i = "onfocusout" : rn.test(i) && (i = c) : c = i = "oninput" : a && tn.test(i) ? i = i.replace(nn, "-$&").toLowerCase() : s === null && (s = void 0), c === "oninput" && o[i = c] && (i = "oninputCapture"), o[i] = s;
+        i === "defaultValue" && "value" in n && n.value == null ? i = "value" : i === "download" && s === !0 ? s = "" : c === "translate" && s === "no" ? s = !1 : c[0] === "o" && c[1] === "n" ? c === "ondoubleclick" ? i = "ondblclick" : c !== "onchange" || r !== "input" && r !== "textarea" || xr(n.type) ? c === "onfocus" ? i = "onfocusin" : c === "onblur" ? i = "onfocusout" : br.test(i) && (i = c) : c = i = "oninput" : a && mr.test(i) ? i = i.replace(yr, "-$&").toLowerCase() : s === null && (s = void 0), c === "oninput" && o[i = c] && (i = "oninputCapture"), o[i] = s;
       }
     }
-    n == "select" && o.multiple && Array.isArray(o.value) && (o.value = ne(r.children).forEach(function(u) {
+    r == "select" && o.multiple && Array.isArray(o.value) && (o.value = ot(n.children).forEach(function(u) {
       u.props.selected = o.value.indexOf(u.props.value) != -1;
-    })), n == "select" && o.defaultValue != null && (o.value = ne(r.children).forEach(function(u) {
+    })), r == "select" && o.defaultValue != null && (o.value = ot(n.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", fn)) : (r.className && !r.class || r.class && r.className) && (o.class = o.className = r.className), t.props = o;
-  })(e), e.$$typeof = qt, vt && vt(e);
+    })), n.class && !n.className ? (o.class = n.class, Object.defineProperty(o, "className", Ar)) : (n.className && !n.class || n.class && n.className) && (o.class = o.className = n.className), e.props = o;
+  })(t), t.$$typeof = Ze, ke && ke(t);
 };
-var ht = V.__r;
-V.__r = function(e) {
-  ht && ht(e), tt = e.__c;
+var Ce = F.__r;
+F.__r = function(t) {
+  Ce && Ce(t), ce = t.__c;
 };
-var gt = V.diffed;
-V.diffed = function(e) {
-  gt && gt(e);
-  var t = e.props, r = e.__e;
-  r != null && e.type === "textarea" && "value" in t && t.value !== r.value && (r.value = t.value == null ? "" : t.value), tt = null;
+var _e = F.diffed;
+F.diffed = function(t) {
+  _e && _e(t);
+  var e = t.props, n = t.__e;
+  n != null && t.type === "textarea" && "value" in e && e.value !== n.value && (n.value = e.value == null ? "" : e.value), ce = null;
 };
-var pn = { ReactCurrentDispatcher: { current: { readContext: function(e) {
-  return tt.__n[e.__c].props.value;
-}, useCallback: K, useContext: Ye, useDebugValue: At, useDeferredValue: Wt, useEffect: I, useId: St, useImperativeHandle: Nt, useInsertionEffect: Kt, useLayoutEffect: pe, useMemo: _t, useReducer: Ct, useRef: G, useState: D, useSyncExternalStore: zt, useTransition: Ht } } };
-function vn(e) {
-  return U.bind(null, e);
+var Er = { ReactCurrentDispatcher: { current: { readContext: function(t) {
+  return ce.__n[t.__c].props.value;
+}, useCallback: U, useContext: jt, useDebugValue: Be, useDeferredValue: He, useEffect: I, useId: Pe, useImperativeHandle: De, useInsertionEffect: Qe, useLayoutEffect: ht, useMemo: ft, useReducer: Re, useRef: W, useState: R, useSyncExternalStore: Ue, useTransition: Je } } };
+function Tr(t) {
+  return X.bind(null, t);
 }
-function Pe(e) {
-  return !!e && e.$$typeof === qt;
+function zt(t) {
+  return !!t && t.$$typeof === Ze;
 }
-function hn(e) {
-  return Pe(e) && e.type === we;
+function Or(t) {
+  return zt(t) && t.type === wt;
 }
-function gn(e) {
-  return !!e && !!e.displayName && (typeof e.displayName == "string" || e.displayName instanceof String) && e.displayName.startsWith("Memo(");
+function Rr(t) {
+  return !!t && !!t.displayName && (typeof t.displayName == "string" || t.displayName instanceof String) && t.displayName.startsWith("Memo(");
 }
-function mn(e) {
-  return Pe(e) ? ir.apply(null, arguments) : e;
+function Dr(t) {
+  return zt(t) ? fn.apply(null, arguments) : t;
 }
-function bn(e) {
-  return !!e.__k && (fe(null, e), !0);
+function Pr(t) {
+  return !!t.__k && (pt(null, t), !0);
 }
-function yn(e) {
-  return e && (e.base || e.nodeType === 1 && e) || null;
+function Br(t) {
+  return t && (t.base || t.nodeType === 1 && t) || null;
 }
-var wn = function(e, t) {
-  return e(t);
-}, xn = function(e, t) {
-  return e(t);
-}, kn = we, Cn = Pe, se = { useState: D, useId: St, useReducer: Ct, useEffect: I, useLayoutEffect: pe, useInsertionEffect: Kt, useTransition: Ht, useDeferredValue: Wt, useSyncExternalStore: zt, startTransition: Gt, useRef: G, useImperativeHandle: Nt, useMemo: _t, useCallback: K, useContext: Ye, useDebugValue: At, version: "18.3.1", Children: qr, render: sn, hydrate: ln, unmountComponentAtNode: bn, createPortal: en, createElement: U, createContext: Et, createFactory: vn, cloneElement: mn, createRef: ar, Fragment: we, isValidElement: Pe, isElement: Cn, isFragment: hn, isMemo: gn, findDOMNode: yn, Component: de, PureComponent: qe, memo: Ur, forwardRef: Xr, flushSync: xn, unstable_batchedUpdates: wn, StrictMode: kn, Suspense: Ee, SuspenseList: be, lazy: Yr, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: pn }, Qt = {
+var Lr = function(t, e) {
+  return t(e);
+}, Ir = function(t, e) {
+  return t(e);
+}, Vr = wt, jr = zt, st = { useState: R, useId: Pe, useReducer: Re, useEffect: I, useLayoutEffect: ht, useInsertionEffect: Qe, useTransition: Je, useDeferredValue: He, useSyncExternalStore: Ue, startTransition: Ke, useRef: W, useImperativeHandle: De, useMemo: ft, useCallback: U, useContext: jt, useDebugValue: Be, version: "18.3.1", Children: dr, render: kr, hydrate: Cr, unmountComponentAtNode: Pr, createPortal: vr, createElement: X, createContext: ae, createFactory: Tr, cloneElement: Dr, createRef: dn, Fragment: wt, isValidElement: zt, isElement: jr, isFragment: Or, isMemo: Rr, findDOMNode: Br, Component: gt, PureComponent: ne, memo: lr, forwardRef: ur, flushSync: Ir, unstable_batchedUpdates: Lr, StrictMode: Vr, Suspense: Pt, SuspenseList: bt, lazy: gr, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: Er }, $e = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, mt = se.createContext && /* @__PURE__ */ se.createContext(Qt), _n = ["attr", "size", "title"];
-function Nn(e, t) {
-  if (e == null) return {};
-  var r = Sn(e, t), n, o;
+}, Ne = st.createContext && /* @__PURE__ */ st.createContext($e), Fr = ["attr", "size", "title"];
+function zr(t, e) {
+  if (t == null) return {};
+  var n = Mr(t, e), r, o;
   if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(e);
+    var a = Object.getOwnPropertySymbols(t);
     for (o = 0; o < a.length; o++)
-      n = a[o], !(t.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(e, n) && (r[n] = e[n]);
+      r = a[o], !(e.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(t, r) && (n[r] = t[r]);
   }
-  return r;
+  return n;
 }
-function Sn(e, t) {
-  if (e == null) return {};
-  var r = {};
-  for (var n in e)
-    if (Object.prototype.hasOwnProperty.call(e, n)) {
-      if (t.indexOf(n) >= 0) continue;
-      r[n] = e[n];
+function Mr(t, e) {
+  if (t == null) return {};
+  var n = {};
+  for (var r in t)
+    if (Object.prototype.hasOwnProperty.call(t, r)) {
+      if (e.indexOf(r) >= 0) continue;
+      n[r] = t[r];
     }
-  return r;
-}
-function Be() {
-  return Be = Object.assign ? Object.assign.bind() : function(e) {
-    for (var t = 1; t < arguments.length; t++) {
-      var r = arguments[t];
-      for (var n in r)
-        Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
+  return n;
+}
+function Lt() {
+  return Lt = Object.assign ? Object.assign.bind() : function(t) {
+    for (var e = 1; e < arguments.length; e++) {
+      var n = arguments[e];
+      for (var r in n)
+        Object.prototype.hasOwnProperty.call(n, r) && (t[r] = n[r]);
     }
-    return e;
-  }, Be.apply(this, arguments);
+    return t;
+  }, Lt.apply(this, arguments);
 }
-function bt(e, t) {
-  var r = Object.keys(e);
+function Se(t, e) {
+  var n = Object.keys(t);
   if (Object.getOwnPropertySymbols) {
-    var n = Object.getOwnPropertySymbols(e);
-    t && (n = n.filter(function(o) {
-      return Object.getOwnPropertyDescriptor(e, o).enumerable;
-    })), r.push.apply(r, n);
+    var r = Object.getOwnPropertySymbols(t);
+    e && (r = r.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(t, o).enumerable;
+    })), n.push.apply(n, r);
   }
-  return r;
-}
-function Te(e) {
-  for (var t = 1; t < arguments.length; t++) {
-    var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? bt(Object(r), !0).forEach(function(n) {
-      An(e, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : bt(Object(r)).forEach(function(n) {
-      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
+  return n;
+}
+function It(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var n = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? Se(Object(n), !0).forEach(function(r) {
+      Gr(t, r, n[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(n)) : Se(Object(n)).forEach(function(r) {
+      Object.defineProperty(t, r, Object.getOwnPropertyDescriptor(n, r));
     });
   }
-  return e;
+  return t;
 }
-function An(e, t, r) {
-  return t = En(t), t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
+function Gr(t, e, n) {
+  return e = Wr(e), e in t ? Object.defineProperty(t, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = n, t;
 }
-function En(e) {
-  var t = Fn(e, "string");
-  return typeof t == "symbol" ? t : t + "";
+function Wr(t) {
+  var e = Ur(t, "string");
+  return typeof e == "symbol" ? e : e + "";
 }
-function Fn(e, t) {
-  if (typeof e != "object" || !e) return e;
-  var r = e[Symbol.toPrimitive];
-  if (r !== void 0) {
-    var n = r.call(e, t);
-    if (typeof n != "object") return n;
+function Ur(t, e) {
+  if (typeof t != "object" || !t) return t;
+  var n = t[Symbol.toPrimitive];
+  if (n !== void 0) {
+    var r = n.call(t, e);
+    if (typeof r != "object") return r;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (t === "string" ? String : Number)(e);
+  return (e === "string" ? String : Number)(t);
 }
-function Yt(e) {
-  return e && e.map((t, r) => /* @__PURE__ */ se.createElement(t.tag, Te({
-    key: r
-  }, t.attr), Yt(t.child)));
+function tn(t) {
+  return t && t.map((e, n) => /* @__PURE__ */ st.createElement(e.tag, It({
+    key: n
+  }, e.attr), tn(e.child)));
 }
-function je(e) {
-  return (t) => /* @__PURE__ */ se.createElement(Bn, Be({
-    attr: Te({}, e.attr)
-  }, t), Yt(e.child));
+function Mt(t) {
+  return (e) => /* @__PURE__ */ st.createElement(Kr, Lt({
+    attr: It({}, t.attr)
+  }, e), tn(t.child));
 }
-function Bn(e) {
-  var t = (r) => {
+function Kr(t) {
+  var e = (n) => {
     var {
-      attr: n,
+      attr: r,
       size: o,
       title: a
-    } = e, i = Nn(e, _n), s = o || r.size || "1em", c;
-    return r.className && (c = r.className), e.className && (c = (c ? c + " " : "") + e.className), /* @__PURE__ */ se.createElement("svg", Be({
+    } = t, i = zr(t, Fr), s = o || n.size || "1em", c;
+    return n.className && (c = n.className), t.className && (c = (c ? c + " " : "") + t.className), /* @__PURE__ */ st.createElement("svg", Lt({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, r.attr, n, i, {
+    }, n.attr, r, i, {
       className: c,
-      style: Te(Te({
-        color: e.color || r.color
-      }, r.style), e.style),
+      style: It(It({
+        color: t.color || n.color
+      }, n.style), t.style),
       height: s,
       width: s,
       xmlns: "http://www.w3.org/2000/svg"
-    }), a && /* @__PURE__ */ se.createElement("title", null, a), e.children);
+    }), a && /* @__PURE__ */ st.createElement("title", null, a), t.children);
   };
-  return mt !== void 0 ? /* @__PURE__ */ se.createElement(mt.Consumer, null, (r) => t(r)) : t(Qt);
+  return Ne !== void 0 ? /* @__PURE__ */ st.createElement(Ne.Consumer, null, (n) => e(n)) : e($e);
 }
-function Tn(e) {
-  return je({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M416.3 256c0-21 13.1-38.9 31.7-46.1-4.9-20.5-13-39.7-23.7-57.1-6.4 2.8-13.2 4.3-20.1 4.3-12.6 0-25.2-4.8-34.9-14.4-14.9-14.9-18.2-36.8-10.2-55-17.3-10.7-36.6-18.8-57-23.7C295 82.5 277 95.7 256 95.7S217 82.5 209.9 64c-20.5 4.9-39.7 13-57.1 23.7 8.1 18.1 4.7 40.1-10.2 55-9.6 9.6-22.3 14.4-34.9 14.4-6.9 0-13.7-1.4-20.1-4.3C77 170.3 68.9 189.5 64 210c18.5 7.1 31.7 25 31.7 46.1 0 21-13.1 38.9-31.6 46.1 4.9 20.5 13 39.7 23.7 57.1 6.4-2.8 13.2-4.2 20-4.2 12.6 0 25.2 4.8 34.9 14.4 14.8 14.8 18.2 36.8 10.2 54.9 17.4 10.7 36.7 18.8 57.1 23.7 7.1-18.5 25-31.6 46-31.6s38.9 13.1 46 31.6c20.5-4.9 39.7-13 57.1-23.7-8-18.1-4.6-40 10.2-54.9 9.6-9.6 22.2-14.4 34.9-14.4 6.8 0 13.7 1.4 20 4.2 10.7-17.4 18.8-36.7 23.7-57.1-18.4-7.2-31.6-25.1-31.6-46.2zm-159.4 79.9c-44.3 0-80-35.9-80-80s35.7-80 80-80 80 35.9 80 80-35.7 80-80 80z" }, child: [] }] })(e);
+function Hr(t) {
+  return Mt({ 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 On = /\s+/g, Rn = (e) => typeof e != "string" || !e ? e : e.replace(On, " ").trim(), Oe = (...e) => {
-  const t = [], 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]);
+var Jr = /\s+/g, Qr = (t) => typeof t != "string" || !t ? t : t.replace(Jr, " ").trim(), Vt = (...t) => {
+  const e = [], n = (r) => {
+    if (!r && r !== 0 && r !== 0n) return;
+    if (Array.isArray(r)) {
+      for (let a = 0, i = r.length; a < i; a++) n(r[a]);
       return;
     }
-    const o = typeof n;
+    const o = typeof r;
     if (o === "string" || o === "number" || o === "bigint") {
-      if (o === "number" && n !== n) return;
-      t.push(String(n));
+      if (o === "number" && r !== r) return;
+      e.push(String(r));
     } else if (o === "object") {
-      const a = Object.keys(n);
+      const a = Object.keys(r);
       for (let i = 0, s = a.length; i < s; i++) {
         const c = a[i];
-        n[c] && t.push(c);
+        r[c] && e.push(c);
       }
     }
   };
-  for (let n = 0, o = e.length; n < o; n++) {
-    const a = e[n];
-    a != null && r(a);
+  for (let r = 0, o = t.length; r < o; r++) {
+    const a = t[r];
+    a != null && n(a);
   }
-  return t.length > 0 ? Rn(t.join(" ")) : void 0;
-}, yt = (e) => e === !1 ? "false" : e === !0 ? "true" : e === 0 ? "0" : e, M = (e) => {
-  if (!e || typeof e != "object") return !0;
-  for (const t in e) return !1;
+  return e.length > 0 ? Qr(e.join(" ")) : void 0;
+}, Ae = (t) => t === !1 ? "false" : t === !0 ? "true" : t === 0 ? "0" : t, z = (t) => {
+  if (!t || typeof t != "object") return !0;
+  for (const e in t) return !1;
   return !0;
-}, Dn = (e, t) => {
-  if (e === t) return !0;
-  if (!e || !t) return !1;
-  const r = Object.keys(e), n = Object.keys(t);
-  if (r.length !== n.length) return !1;
-  for (let o = 0; o < r.length; o++) {
-    const a = r[o];
-    if (!n.includes(a) || e[a] !== t[a]) return !1;
+}, Xr = (t, e) => {
+  if (t === e) return !0;
+  if (!t || !e) return !1;
+  const n = Object.keys(t), r = Object.keys(e);
+  if (n.length !== r.length) return !1;
+  for (let o = 0; o < n.length; o++) {
+    const a = n[o];
+    if (!r.includes(a) || t[a] !== e[a]) return !1;
   }
   return !0;
-}, Pn = (e, t) => {
-  for (const r in t)
-    if (Object.prototype.hasOwnProperty.call(t, r)) {
-      const n = t[r];
-      r in e ? e[r] = Oe(e[r], n) : e[r] = n;
+}, qr = (t, e) => {
+  for (const n in e)
+    if (Object.prototype.hasOwnProperty.call(e, n)) {
+      const r = e[n];
+      n in t ? t[n] = Vt(t[n], r) : t[n] = r;
     }
-  return e;
-}, Zt = (e, t) => {
-  for (let r = 0; r < e.length; r++) {
-    const n = e[r];
-    Array.isArray(n) ? Zt(n, t) : n && t.push(n);
+  return t;
+}, en = (t, e) => {
+  for (let n = 0; n < t.length; n++) {
+    const r = t[n];
+    Array.isArray(r) ? en(r, e) : r && e.push(r);
   }
-}, $t = (...e) => {
-  const t = [];
-  Zt(e, t);
-  const r = [];
-  for (let n = 0; n < t.length; n++)
-    t[n] && r.push(t[n]);
-  return r;
-}, Qe = (e, t) => {
-  const r = {};
-  for (const n in e) {
-    const o = e[n];
-    if (n in t) {
-      const a = t[n];
-      Array.isArray(o) || Array.isArray(a) ? r[n] = $t(a, o) : typeof o == "object" && typeof a == "object" && o && a ? r[n] = Qe(o, a) : r[n] = a + " " + o;
+}, nn = (...t) => {
+  const e = [];
+  en(t, e);
+  const n = [];
+  for (let r = 0; r < e.length; r++)
+    e[r] && n.push(e[r]);
+  return n;
+}, re = (t, e) => {
+  const n = {};
+  for (const r in t) {
+    const o = t[r];
+    if (r in e) {
+      const a = e[r];
+      Array.isArray(o) || Array.isArray(a) ? n[r] = nn(a, o) : typeof o == "object" && typeof a == "object" && o && a ? n[r] = re(o, a) : n[r] = a + " " + o;
     } else
-      r[n] = o;
+      n[r] = o;
   }
-  for (const n in t)
-    n in e || (r[n] = t[n]);
-  return r;
-}, jn = {
+  for (const r in e)
+    r in t || (n[r] = e[r]);
+  return n;
+}, Yr = {
   twMerge: !0,
   twMergeConfig: {}
 };
-function In() {
-  let e = null, t = {}, r = !1;
+function Zr() {
+  let t = null, e = {}, n = !1;
   return {
     get cachedTwMerge() {
-      return e;
+      return t;
     },
-    set cachedTwMerge(n) {
-      e = n;
+    set cachedTwMerge(r) {
+      t = r;
     },
     get cachedTwMergeConfig() {
-      return t;
+      return e;
     },
-    set cachedTwMergeConfig(n) {
-      t = n;
+    set cachedTwMergeConfig(r) {
+      e = r;
     },
     get didTwMergeConfigChange() {
-      return r;
+      return n;
     },
-    set didTwMergeConfigChange(n) {
-      r = n;
+    set didTwMergeConfigChange(r) {
+      n = r;
     },
     reset() {
-      e = null, t = {}, r = !1;
+      t = null, e = {}, n = !1;
     }
   };
 }
-var Ge = In(), Vn = (e) => {
-  const t = (n, o) => {
+var Xt = Zr(), $r = (t) => {
+  const e = (r, o) => {
     const {
       extend: a = null,
       slots: i = {},
@@ -1453,178 +1318,178 @@ var Ge = In(), Vn = (e) => {
       compoundVariants: c = [],
       compoundSlots: u = [],
       defaultVariants: d = {}
-    } = n, f = { ...jn, ...o }, _ = a?.base ? Oe(a.base, n?.base) : n?.base, g = a?.variants && !M(a.variants) ? Qe(s, a.variants) : s, k = a?.defaultVariants && !M(a.defaultVariants) ? { ...a.defaultVariants, ...d } : d;
-    !M(f.twMergeConfig) && !Dn(f.twMergeConfig, Ge.cachedTwMergeConfig) && (Ge.didTwMergeConfigChange = !0, Ge.cachedTwMergeConfig = f.twMergeConfig);
-    const T = M(a?.slots), p = M(i) ? {} : {
+    } = r, f = { ...Yr, ...o }, k = a?.base ? Vt(a.base, r?.base) : r?.base, p = a?.variants && !z(a.variants) ? re(s, a.variants) : s, y = a?.defaultVariants && !z(a.defaultVariants) ? { ...a.defaultVariants, ...d } : d;
+    !z(f.twMergeConfig) && !Xr(f.twMergeConfig, Xt.cachedTwMergeConfig) && (Xt.didTwMergeConfigChange = !0, Xt.cachedTwMergeConfig = f.twMergeConfig);
+    const P = z(a?.slots), g = z(i) ? {} : {
       // add "base" to the slots object
-      base: Oe(n?.base, T && a?.base),
+      base: Vt(r?.base, P && a?.base),
       ...i
-    }, O = T ? p : Pn(
+    }, B = P ? g : qr(
       { ...a?.slots },
-      M(p) ? { base: n?.base } : p
-    ), R = M(a?.compoundVariants) ? c : $t(a?.compoundVariants, c), m = (B) => {
-      if (M(g) && M(i) && T)
-        return e(_, B?.class, B?.className)(f);
-      if (R && !Array.isArray(R))
+      z(g) ? { base: r?.base } : g
+    ), L = z(a?.compoundVariants) ? c : nn(a?.compoundVariants, c), v = (D) => {
+      if (z(p) && z(i) && P)
+        return t(k, D?.class, D?.className)(f);
+      if (L && !Array.isArray(L))
         throw new TypeError(
-          `The "compoundVariants" prop must be an array. Received: ${typeof R}`
+          `The "compoundVariants" prop must be an array. Received: ${typeof L}`
         );
       if (u && !Array.isArray(u))
         throw new TypeError(
           `The "compoundSlots" prop must be an array. Received: ${typeof u}`
         );
-      const Y = (y, x = g, w = null, N = null) => {
-        const b = x[y];
-        if (!b || M(b))
+      const St = (b, x = p, w = null, _ = null) => {
+        const N = x[b];
+        if (!N || z(N))
           return null;
-        const S = N?.[y] ?? B?.[y];
+        const S = _?.[b] ?? D?.[b];
         if (S === null) return null;
-        const L = yt(S);
-        if (typeof L == "object")
+        const A = Ae(S);
+        if (typeof A == "object")
           return null;
-        const Z = k?.[y], z = L ?? yt(Z);
-        return b[z || "false"];
-      }, oe = () => {
-        if (!g) return null;
-        const y = Object.keys(g), x = [];
-        for (let w = 0; w < y.length; w++) {
-          const N = Y(y[w], g);
-          N && x.push(N);
+        const K = y?.[b], M = A ?? Ae(K);
+        return N[M || "false"];
+      }, At = () => {
+        if (!p) return null;
+        const b = Object.keys(p), x = [];
+        for (let w = 0; w < b.length; w++) {
+          const _ = St(b[w], p);
+          _ && x.push(_);
         }
         return x;
-      }, Ie = (y, x) => {
-        if (!g || typeof g != "object") return null;
+      }, at = (b, x) => {
+        if (!p || typeof p != "object") return null;
         const w = [];
-        for (const N in g) {
-          const b = Y(N, g, y, x), S = y === "base" && typeof b == "string" ? b : b && b[y];
+        for (const _ in p) {
+          const N = St(_, p, b, x), S = b === "base" && typeof N == "string" ? N : N && N[b];
           S && w.push(S);
         }
         return w;
-      }, he = {};
-      for (const y in B) {
-        const x = B[y];
-        x !== void 0 && (he[y] = x);
+      }, Z = {};
+      for (const b in D) {
+        const x = D[b];
+        x !== void 0 && (Z[b] = x);
       }
-      const J = (y, x) => {
-        const w = typeof B?.[y] == "object" ? {
-          [y]: B[y]?.initial
+      const Et = (b, x) => {
+        const w = typeof D?.[b] == "object" ? {
+          [b]: D[b]?.initial
         } : {};
         return {
-          ...k,
-          ...he,
+          ...y,
+          ...Z,
           ...w,
           ...x
         };
-      }, ge = (y = [], x) => {
-        const w = [], N = y.length;
-        for (let b = 0; b < N; b++) {
-          const { class: S, className: L, ...Z } = y[b];
-          let z = !0;
-          const X = J(null, x);
-          for (const le in Z) {
-            const q = Z[le], Se = X[le];
-            if (Array.isArray(q)) {
-              if (!q.includes(Se)) {
-                z = !1;
+      }, mt = (b = [], x) => {
+        const w = [], _ = b.length;
+        for (let N = 0; N < _; N++) {
+          const { class: S, className: A, ...K } = b[N];
+          let M = !0;
+          const q = Et(null, x);
+          for (const lt in K) {
+            const Y = K[lt], Ot = q[lt];
+            if (Array.isArray(Y)) {
+              if (!Y.includes(Ot)) {
+                M = !1;
                 break;
               }
             } else {
-              if ((q == null || q === !1) && (Se == null || Se === !1))
+              if ((Y == null || Y === !1) && (Ot == null || Ot === !1))
                 continue;
-              if (Se !== q) {
-                z = !1;
+              if (Ot !== Y) {
+                M = !1;
                 break;
               }
             }
           }
-          z && (S && w.push(S), L && w.push(L));
+          M && (S && w.push(S), A && w.push(A));
         }
         return w;
-      }, Ve = (y) => {
-        const x = ge(R, y);
+      }, $ = (b) => {
+        const x = mt(L, b);
         if (!Array.isArray(x)) return x;
-        const w = {}, N = e;
-        for (let b = 0; b < x.length; b++) {
-          const S = x[b];
+        const w = {}, _ = t;
+        for (let N = 0; N < x.length; N++) {
+          const S = x[N];
           if (typeof S == "string")
-            w.base = N(w.base, S)(f);
+            w.base = _(w.base, S)(f);
           else if (typeof S == "object")
-            for (const L in S)
-              w[L] = N(w[L], S[L])(f);
+            for (const A in S)
+              w[A] = _(w[A], S[A])(f);
         }
         return w;
-      }, Ne = (y) => {
+      }, Tt = (b) => {
         if (u.length < 1) return null;
-        const x = {}, w = J(null, y);
-        for (let N = 0; N < u.length; N++) {
+        const x = {}, w = Et(null, b);
+        for (let _ = 0; _ < u.length; _++) {
           const {
-            slots: b = [],
+            slots: N = [],
             class: S,
-            className: L,
-            ...Z
-          } = u[N];
-          if (!M(Z)) {
-            let z = !0;
-            for (const X in Z) {
-              const le = w[X], q = Z[X];
-              if (le === void 0 || (Array.isArray(q) ? !q.includes(le) : q !== le)) {
-                z = !1;
+            className: A,
+            ...K
+          } = u[_];
+          if (!z(K)) {
+            let M = !0;
+            for (const q in K) {
+              const lt = w[q], Y = K[q];
+              if (lt === void 0 || (Array.isArray(Y) ? !Y.includes(lt) : Y !== lt)) {
+                M = !1;
                 break;
               }
             }
-            if (!z) continue;
+            if (!M) continue;
           }
-          for (let z = 0; z < b.length; z++) {
-            const X = b[z];
-            x[X] || (x[X] = []), x[X].push([S, L]);
+          for (let M = 0; M < N.length; M++) {
+            const q = N[M];
+            x[q] || (x[q] = []), x[q].push([S, A]);
           }
         }
         return x;
       };
-      if (!M(i) || !T) {
-        const y = {};
-        if (typeof O == "object" && !M(O)) {
-          const x = e;
-          for (const w in O)
-            y[w] = (N) => {
-              const b = Ve(N), S = Ne(N);
+      if (!z(i) || !P) {
+        const b = {};
+        if (typeof B == "object" && !z(B)) {
+          const x = t;
+          for (const w in B)
+            b[w] = (_) => {
+              const N = $(_), S = Tt(_);
               return x(
-                O[w],
-                Ie(w, N),
-                b ? b[w] : void 0,
+                B[w],
+                at(w, _),
+                N ? N[w] : void 0,
                 S ? S[w] : void 0,
-                N?.class,
-                N?.className
+                _?.class,
+                _?.className
               )(f);
             };
         }
-        return y;
+        return b;
       }
-      return e(
-        _,
-        oe(),
-        ge(R),
-        B?.class,
-        B?.className
+      return t(
+        k,
+        At(),
+        mt(L),
+        D?.class,
+        D?.className
       )(f);
-    }, ve = () => {
-      if (!(!g || typeof g != "object"))
-        return Object.keys(g);
+    }, vt = () => {
+      if (!(!p || typeof p != "object"))
+        return Object.keys(p);
     };
-    return m.variantKeys = ve(), m.extend = a, m.base = _, m.slots = O, m.variants = g, m.defaultVariants = k, m.compoundSlots = u, m.compoundVariants = R, m;
+    return v.variantKeys = vt(), v.extend = a, v.base = k, v.slots = B, v.variants = p, v.defaultVariants = y, v.compoundSlots = u, v.compoundVariants = L, v;
   };
   return {
-    tv: t,
-    createTV: (n) => (o, a) => t(o, a ? Qe(n, a) : n)
+    tv: e,
+    createTV: (r) => (o, a) => e(o, a ? re(r, a) : r)
   };
-}, Mn = (...e) => (t) => Oe(e) || void 0, { tv: er } = Vn(Mn);
-const wt = er({
-  base: "lv-button flex items-center justify-center rounded-lg transition-colors cursor-pointer active:scale-95 transition-transform",
+}, to = (...t) => (e) => Vt(t) || void 0, { tv: Gt } = $r(to);
+const Ee = Gt({
+  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-[var(--lv-button-primary-background)] text-[var(--lv-button-primary-color)] border-[var(--lv-button-primary-border)] hover:bg-[var(--lv-button-primary-hoverBackground,var(--lv-button-primary-background))] active:bg-[var(--lv-button-primary-activeBackground,var(--lv-button-primary-hoverBackground,var(--lv-button-primary-background)))] disabled:bg-[var(--lv-button-primary-disabledBackground,var(--lv-button-primary-background))] disabled:text-[var(--lv-button-primary-disabledColor,var(--lv-button-primary-color))]",
-      secondary: "border bg-[var(--lv-button-secondary-background)] text-[var(--lv-button-secondary-color)] border-[var(--lv-button-secondary-border,var(--lv-button-secondary-background))] hover:bg-[var(--lv-button-secondary-hoverBackground,var(--lv-button-secondary-background))] active:bg-[var(--lv-button-secondary-activeBackground,var(--lv-button-secondary-hoverBackground,var(--lv-button-secondary-background)))] disabled:bg-[var(--lv-button-secondary-disabledBackground,var(--lv-button-secondary-background))] disabled:text-[var(--lv-button-secondary-disabledColor,var(--lv-button-secondary-color))]",
-      tertiary: "bg-transparent text-[var(--lv-text-muted)] hover:bg-[var(--lv-control-button-tertiary-hoverBackground,transparent)] active:bg-[var(--lv-control-button-tertiary-activeBackground,var(--lv-control-button-tertiary-hoverBackground,transparent))] disabled:text-[var(--lv-control-button-tertiary-disabledColor,var(--lv-text-muted))]"
+      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",
@@ -1642,260 +1507,356 @@ const wt = er({
     $aspect: "auto"
   }
 });
-function ye(e) {
-  const { children: t, className: r, $variant: n, $size: o, $aspect: a, ...i } = e, { href: s, onClick: c } = e;
+function yt(t) {
+  const { children: e, className: n, $variant: r, $size: o, $aspect: a, ...i } = t, { href: s, onClick: c } = t;
   if (s) {
     const d = {
       href: s,
       onClick: c,
-      className: ie(wt({ $variant: n, $size: o, $aspect: a }), r),
+      className: dt(Ee({ $variant: r, $size: o, $aspect: a }), n),
       ...i
     };
-    return U("a", d, t);
+    return X("a", d, e);
   }
   const u = {
     onClick: c,
-    className: ie(wt({ $variant: n, $size: o, $aspect: a }), r),
+    className: dt(Ee({ $variant: r, $size: o, $aspect: a }), n),
     ...i
   };
-  return U("button", u, t);
+  return X("button", u, e);
 }
-const Ln = ({ isApple: e }) => /* @__PURE__ */ h("div", { className: "flex h-full w-full justify-between", children: [
+const eo = ({ isApple: t }) => /* @__PURE__ */ h("div", { className: "flex h-full w-full justify-between", children: [
   /* @__PURE__ */ l("div", { className: "grow py-1 pl-1", children: /* @__PURE__ */ l("div", { className: "h-full rounded-sm border border-gray-300 bg-gray-400" }) }),
-  /* @__PURE__ */ l("div", { className: "flex h-full w-3 flex-col items-center justify-center gap-0.5 pr-0.5", children: Array.from({ length: e ? 1 : 3 }).map((t, r) => /* @__PURE__ */ l(
+  /* @__PURE__ */ l("div", { className: "flex h-full w-3 flex-col items-center justify-center gap-0.5 pr-0.5", children: Array.from({ length: t ? 1 : 3 }).map((e, n) => /* @__PURE__ */ l(
     "div",
     {
       className: "h-1.5 w-1.5 rounded-full border border-gray-500"
     },
-    "dot-t-" + r
+    "dot-t-" + n
   )) })
-] }), zn = ({ isApple: e }) => /* @__PURE__ */ h("div", { className: "flex h-full w-full flex-col justify-between", children: [
+] }), no = ({ isApple: t }) => /* @__PURE__ */ h("div", { className: "flex h-full w-full flex-col justify-between", children: [
   /* @__PURE__ */ l("div", { className: "grow px-1 pt-1", children: /* @__PURE__ */ l("div", { className: "h-full rounded-sm border border-gray-200 bg-gray-300" }) }),
-  /* @__PURE__ */ l("div", { className: "flex h-3 w-full items-center justify-center gap-0.5 pb-0.5", children: Array.from({ length: e ? 1 : 3 }).map((t, r) => /* @__PURE__ */ l(
+  /* @__PURE__ */ l("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, n) => /* @__PURE__ */ l(
     "div",
     {
       className: "h-1.5 w-1.5 rounded-full border border-gray-400"
     },
-    "dot-p-" + r
+    "dot-p-" + n
   )) })
-] }), Gn = () => /* @__PURE__ */ h("div", { className: "-space-x-4 flex items-end", children: [
-  /* @__PURE__ */ l("div", { className: "h-38 w-48 overflow-hidden rounded-lg bg-gray-300", children: /* @__PURE__ */ l(Ln, { isApple: !0 }) }),
-  /* @__PURE__ */ l("div", { className: "h-18 w-12 overflow-hidden rounded-lg bg-gray-200", children: /* @__PURE__ */ l(zn, { isApple: !0 }) })
-] }), Wn = ({
-  onSettings: e
+] }), ro = () => /* @__PURE__ */ h("div", { className: "-space-x-4 flex items-end", children: [
+  /* @__PURE__ */ l("div", { className: "h-38 w-48 overflow-hidden rounded-lg bg-gray-300", children: /* @__PURE__ */ l(eo, { isApple: !0 }) }),
+  /* @__PURE__ */ l("div", { className: "h-18 w-12 overflow-hidden rounded-lg bg-gray-200", children: /* @__PURE__ */ l(no, { isApple: !0 }) })
+] }), oo = ({
+  onSettings: t
 }) => {
-  const { start: t } = Mr();
+  const { t: e } = G(), { start: n } = er();
   return /* @__PURE__ */ h("div", { className: "flex flex-col items-center gap-4 p-6", children: [
-    /* @__PURE__ */ l(Gn, {}),
-    /* @__PURE__ */ l("div", { className: "text-center", children: /* @__PURE__ */ l("p", { className: "text-sm", style: { color: "var(--lv-text-secondary)" }, children: "Click the button below to start a connection" }) }),
+    /* @__PURE__ */ l(ro, {}),
+    /* @__PURE__ */ l("div", { className: "text-center", children: /* @__PURE__ */ l("p", { className: "text-sm text-(--lv-text-secondary)", children: e("disconnected.prompt") }) }),
     /* @__PURE__ */ h("div", { className: "flex items-center", children: [
       /* @__PURE__ */ l(
-        ye,
+        yt,
         {
           type: "button",
-          onClick: t,
+          onClick: n,
           className: "z-10 px-6 py-3",
           $variant: "primary",
           $size: "lg",
-          children: "Generate QR"
+          children: e("disconnected.generateQr")
         }
       ),
       /* @__PURE__ */ l(
-        ye,
+        yt,
         {
           type: "button",
-          "aria-label": "Connection settings",
+          "aria-label": e("disconnected.connectionSettings"),
           "aria-pressed": !1,
-          onClick: e,
-          className: "-ml-1 rounded-l-none px-3",
+          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__ */ l(
-            Tn,
-            {
-              className: "h-5 w-5",
-              style: { color: "var(--lv-text-muted)" }
-            }
-          )
+          children: /* @__PURE__ */ l(Hr, { className: "h-5 w-5 text-(--lv-text-muted)" })
         }
       )
     ] })
   ] });
-}, Hn = async (e) => {
-  if (!e) return !1;
+}, ao = () => {
+  const { t } = G();
+  return /* @__PURE__ */ h("div", { className: "flex flex-col space-y-2 px-4", children: [
+    /* @__PURE__ */ l("div", { className: "min-h-32 w-full rounded-md border border-(--lv-control-button-secondary-border) p-2", children: t("info.scanQrCode") }),
+    /* @__PURE__ */ l("div", { className: "w-full rounded-md border border-border p-2", children: t("info.approveOnDevice") }),
+    /* @__PURE__ */ l("div", { className: "w-full rounded-md border border-border p-2", children: t("info.youreConnected") })
+  ] });
+}, io = async (t) => {
+  if (!t) return !1;
   try {
     if (navigator?.clipboard?.writeText)
-      return await navigator.clipboard.writeText(e), !0;
+      return await navigator.clipboard.writeText(t), !0;
   } catch {
   }
   try {
-    const t = document.createElement("textarea");
-    t.value = e, t.style.position = "fixed", t.style.left = "-999999px", t.style.top = "-999999px", document.body.appendChild(t), t.focus(), t.select();
-    const r = document.execCommand("copy");
-    return document.body.removeChild(t), r;
+    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 n = document.execCommand("copy");
+    return document.body.removeChild(e), n;
   } catch {
     return !1;
   }
-}, xt = (e, { duration: t = 200 } = {}) => {
-  const [r, n] = D(e), [o, a] = D(null), i = G(), s = G(e);
+}, Te = (t, { duration: e = 200 } = {}) => {
+  const [n, r] = R(t), [o, a] = R(null), i = W(), s = W(t);
   return I(() => {
-    if (!Object.is(e, s.current))
-      return i.current && window.clearTimeout(i.current), a(s.current), n(e), s.current = e, i.current = window.setTimeout(() => {
+    if (!Object.is(t, s.current))
+      return i.current && window.clearTimeout(i.current), a(s.current), r(t), s.current = t, i.current = window.setTimeout(() => {
         a(null), i.current = void 0;
-      }, t), () => {
+      }, e), () => {
         i.current && window.clearTimeout(i.current);
       };
-  }, [e, t]), {
-    current: r,
+  }, [t, e]), {
+    current: n,
     previous: o,
     isTransitioning: o !== null
   };
-}, Kn = "data:image/webp;base64,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", Un = () => {
-  const { status: e } = _e(), t = e?.status, r = e?.signaling?.state, n = Q({ sessionState: t, signalState: r }).with({ sessionState: "connected" }, () => ({
+}, so = "data:image/webp;base64,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", lo = () => {
+  const { t } = G(), { status: e } = Nt(), n = e?.status, r = e?.signaling?.state, o = Q({ sessionState: n, signalState: r }).with({ sessionState: "connected" }, () => ({
     icon: "✅",
-    text: "Connected Successfully!"
+    text: t("status.connectedSuccessfully")
   })).with({ sessionState: "signaling", signalState: "standby" }, () => ({
     icon: "🫥",
-    text: "Connecting"
+    text: t("status.connecting")
   })).with({ sessionState: "signaling", signalState: "connecting" }, () => ({
     icon: "↗️",
-    text: "Connecting"
+    text: t("status.connecting")
   })).with({ sessionState: "signaling", signalState: "ready" }, () => ({
     icon: "👋",
-    text: "Ready"
+    text: t("status.ready")
   })).with({ sessionState: "signaling", signalState: "handshake" }, () => ({
     icon: "🤝",
-    text: "Handshake Closed"
+    text: t("status.handshakeClosed")
   })).with(
     { sessionState: "signaling", signalState: "handshake-partial" },
     () => ({
       icon: "🤝",
-      text: "Handshake Partial"
+      text: t("status.handshakePartial")
     })
   ).with({ sessionState: "signaling", signalState: "encrypted" }, () => ({
     icon: "🔒",
-    text: "Encrypted"
+    text: t("status.encrypted")
   })).with({ sessionState: "signaling", signalState: "error" }, () => ({
     icon: "❌",
-    text: "Signal Error"
+    text: t("status.signalError")
   })).otherwise(() => {
   });
-  if (!n) return /* @__PURE__ */ l(kt, {});
-  const { icon: o, text: a } = n;
-  return /* @__PURE__ */ h("div", { className: "group flex items-center gap-2 rounded-md px-2 py-2 hover:bg-[var(--lv-button-secondary-background)]", children: [
-    /* @__PURE__ */ l("div", { className: "pointer-events-none whitespace-nowrap rounded-md text-xs opacity-0 group-hover:opacity-100", children: a }),
-    /* @__PURE__ */ l("div", { children: o })
+  if (!o) return /* @__PURE__ */ l(Oe, {});
+  const { icon: a, text: i } = o;
+  return /* @__PURE__ */ h("div", { className: "group flex items-center gap-2 rounded-md px-2 py-2 hover:bg-(--lv-control-button-secondary-background)", children: [
+    /* @__PURE__ */ l("div", { className: "pointer-events-none whitespace-nowrap rounded-md text-xs opacity-0 group-hover:opacity-100", children: i }),
+    /* @__PURE__ */ l("div", { children: a })
   ] });
-}, Jn = () => {
-  const e = "var(--lv-text-muted)";
-  return /* @__PURE__ */ h(kt, { children: [
-    /* @__PURE__ */ l("div", { className: "h-11 w-full" }),
+}, co = () => /* @__PURE__ */ h(Oe, { children: [
+  /* @__PURE__ */ l("div", { className: "h-11 w-full" }),
+  /* @__PURE__ */ h("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__ */ h(
-      "div",
+      "a",
       {
-        className: "absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 px-3 py-2",
-        style: { color: e },
+        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__ */ h(
-            "a",
+          /* @__PURE__ */ l(
+            "img",
             {
-              href: "https://github.com/v3xlabs/open-lavatory",
-              target: "_blank",
-              rel: "noreferrer",
-              className: "flex items-center gap-2 p-1 font-semibold text-sm",
-              style: { color: e },
-              children: [
-                /* @__PURE__ */ l(
-                  "img",
-                  {
-                    src: Kn,
-                    alt: "Open Lavatory Logo",
-                    width: 20,
-                    height: 20,
-                    className: "rounded",
-                    "data-openlv-brand-logo": !0
-                  }
-                ),
-                /* @__PURE__ */ l("span", { children: "openlv" })
-              ]
+              src: so,
+              alt: "Open Lavatory Logo",
+              width: 20,
+              height: 20,
+              className: "rounded",
+              "data-openlv-brand-logo": !0
             }
           ),
-          /* @__PURE__ */ l("div", { className: "text-sm", style: { color: e }, children: /* @__PURE__ */ l(Un, {}) })
+          /* @__PURE__ */ l("span", { children: "openlv" })
         ]
       }
-    )
-  ] });
-};
-function Xn(e) {
-  return je({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "m15 18-6-6 6-6" }, child: [] }] })(e);
-}
-function tr(e) {
-  return je({ 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: [] }] })(e);
-}
-function qn(e) {
-  return je({ 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: [] }] })(e);
-}
-const Qn = ({
-  title: e,
-  view: t,
-  onClose: r,
-  onBack: n
-}) => /* @__PURE__ */ h("div", { className: "flex items-center justify-between px-2 py-2", children: [
-  n ? /* @__PURE__ */ l(
-    ye,
-    {
-      onClick: n,
-      "aria-label": t === "settings" ? "Back to QR" : "Close modal",
-      $variant: "tertiary",
-      $aspect: "square",
-      $size: "md",
-      children: /* @__PURE__ */ l(
-        Xn,
+    ),
+    /* @__PURE__ */ l("div", { className: "text-sm text-(--lv-text-muted)", children: /* @__PURE__ */ l(lo, {}) })
+  ] })
+] });
+function uo(t) {
+  return Mt({ 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 rn(t) {
+  return Mt({ 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 fo(t) {
+  return Mt({ 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 go = ({
+  title: t,
+  view: e,
+  onClose: n,
+  onBack: r,
+  setView: o
+}) => {
+  const { t: a } = G();
+  return /* @__PURE__ */ h("div", { className: "flex items-center justify-between px-2 py-2", children: [
+    r ? /* @__PURE__ */ l(
+      yt,
+      {
+        onClick: r,
+        "aria-label": a(e === "settings" ? "modal.backToQr" : "modal.closeModal"),
+        $variant: "tertiary",
+        $aspect: "square",
+        $size: "md",
+        children: /* @__PURE__ */ l(uo, { 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__ */ l(
+        yt,
         {
-          className: "h-6 w-6",
-          style: { color: "var(--lv-text-muted)" }
+          type: "button",
+          onClick: () => o("info"),
+          $variant: "tertiary",
+          $aspect: "square",
+          $size: "md",
+          children: /* @__PURE__ */ l(rn, { className: "h-5 w-5" })
         }
       )
+    ),
+    /* @__PURE__ */ l("h2", { className: "flex items-center justify-center gap-2 font-semibold text-(--lv-text-primary) text-lg", children: t }),
+    /* @__PURE__ */ l(
+      yt,
+      {
+        type: "button",
+        "aria-label": a("common.close"),
+        "aria-pressed": !1,
+        onClick: n,
+        $variant: "tertiary",
+        $aspect: "square",
+        $size: "md",
+        children: /* @__PURE__ */ l(fo, { className: "h-6 w-6 text-(--lv-text-muted)" })
+      }
+    )
+  ] });
+}, Wt = ({ title: t, right: e, children: n }) => /* @__PURE__ */ h("div", { children: [
+  /* @__PURE__ */ h("div", { className: "flex items-end justify-between py-1 pl-2", children: [
+    /* @__PURE__ */ l("div", { className: "font-medium text-(--lv-text-primary) text-sm", children: t }),
+    /* @__PURE__ */ l("div", { children: e })
+  ] }),
+  /* @__PURE__ */ l("div", { className: "flex flex-col gap-1 rounded-md bg-(--lv-card-background) p-2", children: n })
+] }), Ct = ({ label: t, children: e }) => /* @__PURE__ */ h("div", { className: "flex items-baseline justify-between gap-2", children: [
+  /* @__PURE__ */ l("div", { className: "text-sm text-(--lv-text-secondary)", children: t }),
+  /* @__PURE__ */ l("div", { children: e })
+] }), po = Gt({
+  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"
+      }
     }
-  ) : /* @__PURE__ */ l(
-    ye,
+  },
+  defaultVariants: {
+    active: "off"
+  }
+}), ho = Gt({
+  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"
+}), Ut = ({
+  options: t,
+  value: e,
+  onChange: n,
+  dropdownThreshold: r = 3
+}) => {
+  if (t.length > r) {
+    const s = ho();
+    return /* @__PURE__ */ l(
+      "select",
+      {
+        className: s,
+        value: e,
+        onChange: (c) => n(c.target.value),
+        children: t.map(([c, u]) => /* @__PURE__ */ l("option", { value: c, children: u }, c))
+      }
+    );
+  }
+  const { root: a, box: i } = po({});
+  return /* @__PURE__ */ l("div", { className: a(), children: t.map(([s, c]) => /* @__PURE__ */ l(
+    "button",
     {
       type: "button",
-      href: "https://openlv.sh",
-      target: "_blank",
-      $variant: "tertiary",
-      $aspect: "square",
-      $size: "md",
-      children: /* @__PURE__ */ l(tr, { className: "h-5 w-5" })
-    }
-  ),
-  /* @__PURE__ */ l(
-    "h2",
+      onClick: () => n(s),
+      "aria-pressed": s === e,
+      className: i({ active: s === e ? "on" : "off" }),
+      children: c
+    },
+    s
+  )) });
+}, vo = ({ value: t, onChange: e }) => {
+  const { t: n } = G();
+  return /* @__PURE__ */ l(
+    Ut,
     {
-      className: "flex items-center justify-center gap-2 font-semibold text-lg",
-      style: { color: "var(--lv-text-primary)" },
-      children: e
+      options: [
+        ["true", n("common.yes")],
+        ["false", n("common.no")]
+      ],
+      value: t ? "true" : "false",
+      onChange: (r) => e(r === "true")
     }
-  ),
-  /* @__PURE__ */ l(
-    ye,
+  );
+}, mo = () => {
+  const { t } = G(), { settings: e, updateRetainHistory: n, updateAutoReconnect: r } = Ft();
+  return /* @__PURE__ */ l(Wt, { title: t("settings.connectionPreferences.title"), children: [
+    [
+      t("settings.connectionPreferences.retainSessionHistory"),
+      "retainHistory",
+      e?.retainHistory ?? !1,
+      n
+    ],
+    [
+      t("settings.connectionPreferences.autoReconnect"),
+      "autoReconnect",
+      e?.autoReconnect ?? !1,
+      r
+    ]
+  ].map(([o, a, i, s]) => /* @__PURE__ */ l(Ct, { label: o, children: /* @__PURE__ */ l(vo, { label: o, value: i, onChange: s }) }, a)) });
+}, bo = () => {
+  const { t, languageTag: e, setLanguageTag: n } = G(), { settings: r, updateLanguage: o } = Ft(), a = ft(() => [...se].sort((s, c) => {
+    const u = pe(s.tag);
+    return pe(c.tag) - u;
+  }), []), i = (s) => {
+    const c = s;
+    n(c), o(c);
+  };
+  return /* @__PURE__ */ l(Wt, { title: t("settings.language"), children: /* @__PURE__ */ l(Ct, { label: t("settings.language"), children: /* @__PURE__ */ l(
+    Ut,
     {
-      type: "button",
-      "aria-label": "close",
-      "aria-pressed": !1,
-      onClick: r,
-      $variant: "tertiary",
-      $aspect: "square",
-      $size: "md",
-      children: /* @__PURE__ */ l(qn, { className: "h-6 w-6", style: { color: "var(--lv-text-muted)" } })
+      options: a.map((s) => [s.tag, s.nativeName]),
+      value: r?.language || e,
+      onChange: i
     }
-  )
-] }), Yn = er({
+  ) }) });
+}, yo = Gt({
   slots: {
     root: "group relative",
-    box: "cursor-pointer rounded-md transition-colors flex items-center justify-center hover:[background-color:var(--lv-button-tertiary-hoverBackground)]",
-    popover: "-translate-x-1/2 absolute top-full left-1/2 z-10 hidden rounded-md shadow-sm group-hover:block",
+    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: {
@@ -1921,241 +1882,125 @@ const Qn = ({
   defaultVariants: {
     size: "lg"
   }
-}), rt = ({
-  variant: e = "icon",
-  children: t,
-  size: r = "lg"
+}), on = ({
+  variant: t = "icon",
+  children: e,
+  size: n = "lg"
 }) => {
-  const { root: n, box: o, popover: a, icon: i } = Yn({ size: r, variant: e });
-  return /* @__PURE__ */ h("div", { className: n(), children: [
-    /* @__PURE__ */ l(
-      "div",
-      {
-        className: o(),
-        style: {
-          color: "var(--lv-text-muted)"
-        },
-        children: Q(e).with("icon", () => /* @__PURE__ */ l(tr, { className: i() })).with("text", () => /* @__PURE__ */ l("div", { children: "Text" })).exhaustive()
-      }
-    ),
-    /* @__PURE__ */ l(
-      "div",
-      {
-        className: a(),
-        style: {
-          backgroundColor: "var(--lv-body-background)",
-          color: "var(--lv-text-primary)",
-          padding: "6px 8px",
-          border: "1px solid var(--lv-button-secondary-border)"
-        },
-        children: t
-      }
-    )
+  const { root: r, box: o, popover: a, icon: i } = yo({ size: n, variant: t });
+  return /* @__PURE__ */ h("div", { className: r(), children: [
+    /* @__PURE__ */ l("div", { className: o(), children: Q(t).with("icon", () => /* @__PURE__ */ l(rn, { className: i() })).with("text", () => /* @__PURE__ */ l("div", { children: "Text" })).exhaustive() }),
+    /* @__PURE__ */ l("div", { className: a(), children: e })
   ] });
-}, nt = ({ title: e, right: t, children: r }) => /* @__PURE__ */ h("div", { children: [
-  /* @__PURE__ */ h("div", { className: "flex items-end justify-between px-2 py-1", children: [
-    /* @__PURE__ */ l(
-      "div",
-      {
-        className: "font-medium text-sm",
-        style: { color: "var(--lv-text-primary)" },
-        children: e
-      }
-    ),
-    /* @__PURE__ */ l("div", { children: t })
-  ] }),
-  /* @__PURE__ */ l(
-    "div",
-    {
-      className: "flex flex-col gap-1 rounded-md p-2 border",
-      style: {
-        backgroundColor: "transparent",
-        borderColor: "var(--lv-button-secondary-background)"
-      },
-      children: r
-    }
-  )
-] }), Re = ({ label: e, children: t }) => /* @__PURE__ */ h("div", { className: "flex items-baseline justify-between gap-2", children: [
-  /* @__PURE__ */ l("div", { className: "text-sm", style: { color: "var(--lv-text-secondary)" }, children: e }),
-  /* @__PURE__ */ l("div", { children: t })
-] }), ot = ({ options: e, value: t, onChange: r }) => {
-  const n = "var(--lv-button-secondary-border)";
-  return /* @__PURE__ */ l(
-    "div",
-    {
-      className: "flex overflow-hidden rounded-md border",
-      style: { borderColor: n },
-      children: e.map(([o, a]) => /* @__PURE__ */ l(
-        "button",
-        {
-          type: "button",
-          onClick: () => r(o),
-          "aria-pressed": o === t,
-          className: ie(
-            "px-4 py-2 font-semibold text-xs transition border-l first:border-l-0",
-            o !== t && "cursor-pointer"
-          ),
-          style: o === t ? {
-            backgroundColor: "var(--lv-button-secondary-selectedBackground, var(--lv-button-secondary-background))",
-            color: "var(--lv-button-secondary-selectedColor, var(--lv-text-primary))",
-            borderColor: n
-          } : {
-            backgroundColor: "transparent",
-            color: "var(--lv-text-secondary)",
-            borderColor: n
-          },
-          children: a
-        },
-        o
-      ))
-    }
-  );
-}, Zn = ({ value: e, onChange: t }) => /* @__PURE__ */ l(
-  ot,
-  {
-    options: [
-      ["true", "Yes"],
-      ["false", "No"]
-    ],
-    value: e ? "true" : "false",
-    onChange: (r) => t(r === "true")
-  }
-), $n = () => {
-  const { settings: e, updateRetainHistory: t, updateAutoReconnect: r } = et();
-  return /* @__PURE__ */ l(
-    nt,
-    {
-      title: "Connection preferences",
-      right: /* @__PURE__ */ l(rt, { variant: "icon", children: "Something something very cool" }),
-      children: [
-        [
-          "Retain session history",
-          "retainHistory",
-          e?.retainHistory ?? !1,
-          t
-        ],
-        [
-          "Auto reconnect",
-          "autoReconnect",
-          e?.autoReconnect ?? !1,
-          r
-        ]
-      ].map(([n, o, a, i]) => /* @__PURE__ */ l(Re, { label: n, children: /* @__PURE__ */ l(Zn, { label: n, value: a, onChange: i }) }, o))
-    }
-  );
-}, eo = "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", to = ({
+}, wo = "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)", xo = ({
   // eslint-disable-next-line no-restricted-syntax
-  id: e,
-  value: t,
-  placeholder: r,
-  ariaLabel: n,
+  id: t,
+  value: e,
+  placeholder: n,
+  ariaLabel: r,
   readOnly: o = !0,
   onChange: a
 }) => /* @__PURE__ */ l(
   "input",
   {
-    id: e,
-    className: eo,
-    style: {
-      color: "var(--lv-text-primary)",
-      backgroundColor: "var(--lv-body-background)",
-      borderColor: "var(--lv-control-input-border)"
-    },
-    value: t,
-    placeholder: r,
-    "aria-label": n,
+    id: t,
+    className: wo,
+    value: e,
+    placeholder: n,
+    "aria-label": r,
     readOnly: o,
     onChange: (i) => {
       i.target instanceof HTMLInputElement && a?.(i.target.value);
     }
   }
-), ro = ["MQTT", "NTFY", "GUN"], no = () => {
-  const { settings: e, updateSignalingProtocol: t, updateSignalingServer: r } = et();
+), ko = ["MQTT", "NTFY", "GUN"], Co = () => {
+  const { t } = G(), { settings: e, updateSignalingProtocol: n, updateSignalingServer: r } = Ft();
   return /* @__PURE__ */ l("div", { children: /* @__PURE__ */ h(
-    nt,
+    Wt,
     {
-      title: "Signaling",
-      right: /* @__PURE__ */ l(rt, { variant: "icon", children: "Something something very cool" }),
+      title: t("settings.signaling.title"),
+      right: /* @__PURE__ */ l(on, { variant: "icon", children: t("settings.signaling.description") }),
       children: [
-        /* @__PURE__ */ l(Re, { label: "Protocol", children: /* @__PURE__ */ l(
-          ot,
+        /* @__PURE__ */ l(Ct, { label: t("common.protocol"), children: /* @__PURE__ */ l(
+          Ut,
           {
-            options: ro.map((n) => [
-              n.toLowerCase(),
-              n
+            options: ko.map((o) => [
+              o.toLowerCase(),
+              o
             ]),
             value: e?.signaling.p || "",
-            onChange: t
+            onChange: n
           }
         ) }),
-        /* @__PURE__ */ l(Re, { label: "Server", children: /* @__PURE__ */ l(
-          to,
+        /* @__PURE__ */ l(Ct, { label: t("settings.signaling.server"), children: /* @__PURE__ */ l(
+          xo,
           {
             id: "server",
             value: e?.signaling.s[e?.signaling.p || ""] || "",
-            onChange: (n) => r(n),
-            placeholder: "Server URL",
-            ariaLabel: "Server URL",
+            onChange: (o) => r(o),
+            placeholder: t("settings.signaling.serverUrl"),
+            ariaLabel: t("settings.signaling.serverUrl"),
             readOnly: !1
           }
         ) })
       ]
     }
   ) });
-}, oo = ["WebRTC"], ao = () => {
-  const [e, t] = D("WebRTC");
+}, _o = ["WebRTC"], No = () => {
+  const { t } = G(), [e, n] = R("WebRTC");
   return /* @__PURE__ */ l(
-    nt,
+    Wt,
     {
-      title: "Transport",
-      right: /* @__PURE__ */ l(rt, { variant: "icon", children: "Something something very cool" }),
-      children: /* @__PURE__ */ l(Re, { label: "Protocol", children: /* @__PURE__ */ l(
-        ot,
+      title: t("settings.transport.title"),
+      right: /* @__PURE__ */ l(on, { variant: "icon", children: t("settings.transport.description") }),
+      children: /* @__PURE__ */ l(Ct, { label: t("common.protocol"), children: /* @__PURE__ */ l(
+        Ut,
         {
-          options: oo.map((r) => [r, r]),
+          options: _o.map((r) => [r, r]),
           value: e,
-          onChange: (r) => t(r)
+          onChange: (r) => n(r)
         }
       ) })
     }
   );
-}, io = () => /* @__PURE__ */ h("div", { className: "px-4 pb-2", children: [
-  /* @__PURE__ */ l(no, {}),
-  /* @__PURE__ */ l(ao, {}),
-  /* @__PURE__ */ l($n, {})
-] }), so = () => {
-  const [e, t] = D("start"), [r, n] = D(!1);
+}, So = () => /* @__PURE__ */ h("div", { className: "px-4 pb-2", children: [
+  /* @__PURE__ */ l(Co, {}),
+  /* @__PURE__ */ l(No, {}),
+  /* @__PURE__ */ l(mo, {}),
+  /* @__PURE__ */ l(bo, {})
+] }), Ao = () => {
+  const [t, e] = R("start"), [n, r] = R(!1);
   return I(() => {
-    if (!r) return;
-    const o = window.setTimeout(() => n(!1), 2e3);
+    if (!n) return;
+    const o = window.setTimeout(() => r(!1), 2e3);
     return () => window.clearTimeout(o);
-  }, [r]), {
-    view: e,
-    setView: t,
-    copied: r,
-    setCopied: n
+  }, [n]), {
+    view: t,
+    setView: e,
+    copied: n,
+    setCopied: r
   };
-}, lo = (e) => {
+}, Eo = (t) => {
   I(() => {
-    const t = (r) => {
-      r.key === "Escape" && e();
+    const e = (n) => {
+      n.key === "Escape" && t();
     };
-    return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
-  }, [e]);
-}, co = () => {
-  const e = G(null), [t, r] = D(0), n = G(!1), o = K(
+    return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+  }, [t]);
+}, To = () => {
+  const t = W(null), [e, n] = R(0), r = W(!1), o = U(
     (a, i = !1) => {
-      const s = a || e.current;
+      const s = a || t.current;
       if (!s) return;
       const c = i ? s.scrollHeight : s.getBoundingClientRect().height;
-      c > 0 && (r(
+      c > 0 && (n(
         (u) => typeof u == "number" && Math.abs(u - c) < 0.5 ? u : c
-      ), n.current = !0);
+      ), r.current = !0);
     },
     []
   );
-  return pe(() => {
-    const a = e.current;
+  return ht(() => {
+    const a = t.current;
     if (!a || typeof ResizeObserver > "u") return;
     const i = new ResizeObserver(() => {
       o();
@@ -2168,70 +2013,70 @@ const Qn = ({
     };
     return window.addEventListener("resize", a), () => window.removeEventListener("resize", a);
   }, [o]), {
-    contentRef: e,
-    height: t,
+    contentRef: t,
+    height: e,
     measureHeight: o,
-    setHeight: r
+    setHeight: n
   };
-}, uo = ({ onClose: e = () => {
-}, onCopy: t }) => {
-  const { view: r, setView: n, copied: o, setCopied: a } = so(), { uri: i } = _e(), { status: s, provider: c } = Ce(), { contentRef: u, height: d, measureHeight: f } = co(), {
-    current: _,
-    previous: g,
-    isTransitioning: k
-  } = xt(r), {
-    current: T,
+}, Oo = ({ onClose: t = () => {
+}, onCopy: e }) => {
+  const { view: n, setView: r, copied: o, setCopied: a } = Ao(), { uri: i } = Nt(), { status: s, provider: c } = _t(), { contentRef: u, height: d, measureHeight: f } = To(), {
+    current: k,
     previous: p,
-    isTransitioning: O
-  } = xt(s), R = K(() => n("settings"), [n]), m = Q(r).with("start", () => "Connect Wallet").with("settings", () => "Settings").exhaustive();
-  lo(e), I(() => {
-    s === ae.CONNECTED && e();
-  }, [s, e]);
-  const ve = K(async () => {
-    i && await Hn(i) && a(!0);
-  }, [i, a]), B = G(!0), Y = G(), oe = G(void 0), [Ie, he] = D(!1), J = G();
-  pe(() => {
+    isTransitioning: y
+  } = Te(n), {
+    current: P,
+    previous: g,
+    isTransitioning: B
+  } = Te(s), L = U(() => r("settings"), [r]), { t: v, isRtl: vt } = G(), D = Q(n).with("start", () => v("start.title")).with("settings", () => v("settings.title")).with("info", () => v("info.title")).exhaustive();
+  Eo(t), I(() => {
+    s === it.CONNECTED && t();
+  }, [s, t]);
+  const St = U(async () => {
+    i && await io(i) && a(!0);
+  }, [i, a]), At = W(!0), at = W(), Z = W(void 0), [Et, mt] = R(!1), $ = W();
+  ht(() => {
     if (u.current)
-      return B.current ? (Y.current && window.clearTimeout(Y.current), Y.current = window.setTimeout(() => {
-        u.current && (f(void 0, !0), B.current = !1);
+      return At.current ? (at.current && window.clearTimeout(at.current), at.current = window.setTimeout(() => {
+        u.current && (f(void 0, !0), At.current = !1);
       }, 0)) : f(), () => {
-        Y.current && window.clearTimeout(Y.current);
+        at.current && window.clearTimeout(at.current);
       };
-  }, [f, T, _]), I(() => (oe.current !== void 0 && d !== oe.current && d > 0 && oe.current > 0 && Math.abs(d - oe.current) > 0.5 && (he(!0), J.current && window.clearTimeout(J.current), J.current = window.setTimeout(() => {
-    he(!1), J.current = void 0;
-  }, 200)), oe.current = d, () => {
-    J.current && window.clearTimeout(J.current);
+  }, [f, P, k]), I(() => (Z.current !== void 0 && d !== Z.current && d > 0 && Z.current > 0 && Math.abs(d - Z.current) > 0.5 && (mt(!0), $.current && window.clearTimeout($.current), $.current = window.setTimeout(() => {
+    mt(!1), $.current = void 0;
+  }, 200)), Z.current = d, () => {
+    $.current && window.clearTimeout($.current);
   }), [d]);
-  const ge = () => {
+  const Tt = () => {
     c?.closeSession();
-  }, Ve = Q({ view: r, status: s }).with({ view: "start", status: ae.STANDBY }, () => {
-  }).with({ view: "start" }, () => ge).with({ view: "settings" }, () => () => n("start")).otherwise(() => () => {
-    ge(), e();
-  }), Ne = (b) => Q(b).with("start", () => /* @__PURE__ */ l(Wn, { onSettings: R })).with("settings", () => /* @__PURE__ */ l(io, {})).otherwise(() => /* @__PURE__ */ l(Je, { state: b })), y = () => /* @__PURE__ */ h("div", { className: "modal-transition__container", children: [
-    g && /* @__PURE__ */ l("div", { className: "modal-transition__layer modal-transition__layer--outgoing", children: Ne(g) }),
+  }, b = Q({ view: n, status: s }).with({ view: "start", status: it.STANDBY }, () => {
+  }).with({ view: "start" }, () => Tt).with({ view: "settings" }, () => () => r("start")).with({ view: "info" }, () => () => r("start")).otherwise(() => () => {
+    Tt(), t();
+  }), x = (A) => Q(A).with("start", () => /* @__PURE__ */ l(oo, { onSettings: L })).with("settings", () => /* @__PURE__ */ l(So, {})).with("info", () => /* @__PURE__ */ l(ao, {})).otherwise(() => /* @__PURE__ */ l(te, { state: A })), w = () => /* @__PURE__ */ h("div", { className: "modal-transition__container", children: [
+    p && /* @__PURE__ */ l("div", { className: "modal-transition__layer modal-transition__layer--outgoing", children: x(p) }),
     /* @__PURE__ */ l(
       "div",
       {
-        className: ie(
+        className: dt(
           "modal-transition__layer",
-          k && "modal-transition__layer--incoming"
+          y && "modal-transition__layer--incoming"
         ),
-        children: Ne(_)
+        children: x(k)
       }
     )
-  ] }), x = (b) => Q(b).with(ae.STANDBY, () => y()).with(
-    Rt.union(
-      ae.CREATING,
-      ae.CONNECTING,
-      ae.CONNECTED
+  ] }), _ = (A) => Q(A).with(it.STANDBY, () => w()).with(
+    Fe.union(
+      it.CREATING,
+      it.CONNECTING,
+      it.CONNECTED
     ),
-    () => /* @__PURE__ */ l(Kr, { onClose: e, onCopy: t || ve })
-  ).otherwise((S) => /* @__PURE__ */ l(Je, { state: S || "unknown status" }));
-  $e("view", r);
-  const w = {
+    () => /* @__PURE__ */ l(sr, { onClose: t, onCopy: e || St })
+  ).otherwise((K) => /* @__PURE__ */ l(te, { state: K || "unknown status" }));
+  le("view", n);
+  const N = {
     background: "var(--lv-overlay-background, rgba(0,0,0,0.3))",
     backdropFilter: "var(--lv-overlay-backdrop-filter, blur(4px))"
-  }, N = {
+  }, S = {
     background: "var(--lv-body-background)",
     color: "var(--lv-body-color, var(--lv-text-primary))",
     borderRadius: "var(--lv-border-radius, 16px)",
@@ -2241,59 +2086,61 @@ const Qn = ({
     "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: e,
+      onClick: t,
       role: "presentation",
       "data-openlv-modal-root": !0,
-      style: w,
+      dir: vt ? "rtl" : "ltr",
+      style: N,
       children: /* @__PURE__ */ h(
         "div",
         {
-          className: ie(
+          className: dt(
             "relative w-full max-w-[400px] animate-[fade-in_0.15s_ease-in-out] transition-[height] duration-200 ease-out",
-            Ie || p ? "overflow-hidden" : void 0
+            Et || g ? "overflow-hidden" : void 0
           ),
           role: "dialog",
           "aria-modal": "true",
-          "aria-label": m,
-          onClick: (b) => b.stopPropagation(),
+          "aria-label": D,
+          onClick: (A) => A.stopPropagation(),
           style: {
             ...typeof d == "number" && d > 0 ? { height: `${d}px` } : {},
-            ...N
+            ...S
           },
           children: [
             /* @__PURE__ */ h("div", { ref: u, children: [
               /* @__PURE__ */ l(
-                Qn,
+                go,
                 {
-                  title: m,
-                  view: r,
-                  onClose: e,
-                  onBack: Ve
+                  title: D,
+                  view: n,
+                  onClose: t,
+                  onBack: b,
+                  setView: r
                 }
               ),
               /* @__PURE__ */ h("div", { className: "modal-transition__container", children: [
-                p && /* @__PURE__ */ l("div", { className: "modal-transition__layer modal-transition__layer--outgoing absolute", children: /* @__PURE__ */ l("div", { className: "flex flex-col text-center", children: x(p) }) }),
+                g && /* @__PURE__ */ l("div", { className: "modal-transition__layer modal-transition__layer--outgoing absolute", children: /* @__PURE__ */ l("div", { className: "flex flex-col text-center", children: _(g) }) }),
                 /* @__PURE__ */ l(
                   "div",
                   {
-                    className: ie(
+                    className: dt(
                       "modal-transition__layer",
-                      O && "modal-transition__layer--incoming"
+                      B && "modal-transition__layer--incoming"
                     ),
-                    children: /* @__PURE__ */ l("div", { className: "flex flex-col text-center", children: x(T) })
+                    children: /* @__PURE__ */ l("div", { className: "flex flex-col text-center", children: _(P) })
                   }
                 )
               ] }),
-              /* @__PURE__ */ l(Jn, {})
+              /* @__PURE__ */ l(co, {})
             ] }),
             /* @__PURE__ */ l(
               "div",
               {
-                className: ie(
-                  "absolute top-5 right-5 rounded-lg bg-blue-500 px-4 py-3 font-medium text-sm text-white transition-all",
-                  o ? "translate-x-0 opacity-100" : "translate-x-full opacity-0"
+                className: dt(
+                  "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: "📋 Connection URL copied to clipboard!"
+                children: v("modal.urlCopied")
               }
             )
           ]
@@ -2301,38 +2148,64 @@ const Qn = ({
       )
     }
   );
-}, fo = '@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%}.right-5{right:calc(var(--spacing)*5)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-1\\/2{left:50%}.z-10{z-index:10}.z-10000{z-index:10000}.mx-auto{margin-inline:auto}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.-ml-1{margin-left:calc(var(--spacing)*-1)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1}.h-1\\.5{height:calc(var(--spacing)*1.5)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-11{height:calc(var(--spacing)*11)}.h-18{height:calc(var(--spacing)*18)}.h-38{height:calc(var(--spacing)*38)}.h-\\[200px\\]{height:200px}.h-full{height:100%}.w-1\\.5{width:calc(var(--spacing)*1.5)}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-12{width:calc(var(--spacing)*12)}.w-48{width:calc(var(--spacing)*48)}.w-\\[200px\\]{width:200px}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\\[400px\\]{max-width:400px}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.animate-\\[bg-in_0\\.15s_ease-in-out\\]{animation:.15s ease-in-out bg-in}.animate-\\[fade-in_0\\.15s_ease-in-out\\]{animation:.15s ease-in-out fade-in}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.-space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-4)*calc(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.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-\\[var\\(--lv-button-primary-border\\)\\]{border-color:var(--lv-button-primary-border)}.border-\\[var\\(--lv-button-secondary-border\\,var\\(--lv-button-secondary-background\\)\\)\\]{border-color:var(--lv-button-secondary-border,var(--lv-button-secondary-background))}.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-button-secondary-background\\){background-color:var(--lv-button-secondary-background)}.bg-\\[var\\(--lv-button-primary-background\\)\\]{background-color:var(--lv-button-primary-background)}.bg-\\[var\\(--lv-button-secondary-background\\)\\]{background-color:var(--lv-button-secondary-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)}.p-1{padding:calc(var(--spacing)*1)}.p-1\\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.pt-1{padding-top:calc(var(--spacing)*1)}.pr-0\\.5{padding-right:calc(var(--spacing)*.5)}.pb-0\\.5{padding-bottom:calc(var(--spacing)*.5)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pl-1{padding-left:calc(var(--spacing)*1)}.text-center{text-align:center}.font-sans{font-family:var(--font-sans)}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-nowrap{white-space:nowrap}.text-\\[var\\(--lv-button-primary-color\\)\\]{color:var(--lv-button-primary-color)}.text-\\[var\\(--lv-button-secondary-color\\)\\]{color:var(--lv-button-secondary-color)}.text-\\[var\\(--lv-text-muted\\)\\]{color:var(--lv-text-muted)}.text-\\[var\\(--lv-text-primary\\)\\]{color:var(--lv-text-primary)}.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))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-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\\:border-l-0:first-child{border-left-style:var(--tw-border-style);border-left-width:0}@media(hover:hover){.hover\\:\\[background-color\\:var\\(--lv-button-tertiary-hoverBackground\\)\\]:hover{background-color:var(--lv-button-tertiary-hoverBackground)}.hover\\:bg-\\(--lv-button-secondary-hoverBackground\\):hover{background-color:var(--lv-button-secondary-hoverBackground)}.hover\\:bg-\\[var\\(--lv-button-primary-background-hover\\)\\]:hover{background-color:var(--lv-button-primary-background-hover)}.hover\\:bg-\\[var\\(--lv-button-primary-hoverBackground\\,var\\(--lv-button-primary-background\\)\\)\\]:hover{background-color:var(--lv-button-primary-hoverBackground,var(--lv-button-primary-background))}.hover\\:bg-\\[var\\(--lv-button-secondary-background\\)\\]:hover{background-color:var(--lv-button-secondary-background)}.hover\\:bg-\\[var\\(--lv-button-secondary-hoverBackground\\,var\\(--lv-button-secondary-background\\)\\)\\]:hover{background-color:var(--lv-button-secondary-hoverBackground,var(--lv-button-secondary-background))}.hover\\:bg-\\[var\\(--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-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-button-secondary-activeBackground\\):active{background-color:var(--lv-button-secondary-activeBackground)}.active\\:bg-\\[var\\(--lv-button-primary-activeBackground\\,var\\(--lv-button-primary-hoverBackground\\,var\\(--lv-button-primary-background\\)\\)\\)\\]:active{background-color:var(--lv-button-primary-activeBackground,var(--lv-button-primary-hoverBackground,var(--lv-button-primary-background)))}.active\\:bg-\\[var\\(--lv-button-secondary-activeBackground\\,var\\(--lv-button-secondary-hoverBackground\\,var\\(--lv-button-secondary-background\\)\\)\\)\\]:active{background-color:var(--lv-button-secondary-activeBackground,var(--lv-button-secondary-hoverBackground,var(--lv-button-secondary-background)))}.active\\:bg-\\[var\\(--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-\\[var\\(--lv-button-primary-disabledBackground\\,var\\(--lv-button-primary-background\\)\\)\\]:disabled{background-color:var(--lv-button-primary-disabledBackground,var(--lv-button-primary-background))}.disabled\\:bg-\\[var\\(--lv-button-secondary-disabledBackground\\,var\\(--lv-button-secondary-background\\)\\)\\]:disabled{background-color:var(--lv-button-secondary-disabledBackground,var(--lv-button-secondary-background))}.disabled\\:text-\\[var\\(--lv-button-primary-disabledColor\\,var\\(--lv-button-primary-color\\)\\)\\]:disabled{color:var(--lv-button-primary-disabledColor,var(--lv-button-primary-color))}.disabled\\:text-\\[var\\(--lv-button-secondary-disabledColor\\,var\\(--lv-button-secondary-color\\)\\)\\]:disabled{color:var(--lv-button-secondary-disabledColor,var(--lv-button-secondary-color))}.disabled\\:text-\\[var\\(--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)}}}: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-mode=dark] 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)}}', po = async (e, t) => {
-  if (e) {
-    if (e.querySelector("style[data-openlv-modal]"))
+}, Ro = async (t) => {
+  if (typeof t == "string") {
+    if (t === "simple")
+      return await import("./simple-9RmOY_8k.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 oe(t) {
+  return typeof t == "object" && t !== null && !Array.isArray(t);
+}
+const an = (t, e = [], n = {}) => {
+  for (const [r, o] of Object.entries(t)) {
+    const a = [...e, r];
+    oe(o) ? an(o, a, n) : n[`--lv-${a.join("-")}`] = o;
+  }
+  return n;
+}, Do = (t) => t === "system" ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : t, sn = (t, e) => {
+  const n = { ...t };
+  for (const r of Object.keys(e)) {
+    const o = t[r], a = e[r];
+    n[r] = oe(o) && oe(a) ? sn(o, a) : a;
+  }
+  return n;
+}, Po = async (t) => {
+  const e = await Ro(t.theme), n = Do(t.mode), r = e[n];
+  if (!r) return "";
+  const o = e.common ? sn(e.common, r) : r, a = an(o);
+  return Object.entries(a).map(([i, s]) => `${i}: ${s};`).join(`
+`);
+}, Bo = `@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}.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}.flex-col{flex-direction:column}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-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-\\(--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)}.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-1{padding-left:calc(var(--spacing)*1)}.pl-2{padding-left:calc(var(--spacing)*2)}.text-center{text-align:center}.font-sans{font-family:var(--font-sans)}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.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\\:border-l-0:first-child{border-left-style:var(--tw-border-style);border-left-width:0}@media(hover:hover){.hover\\:\\[background-color\\:var\\(--lv-control-button-tertiary-hoverBackground\\)\\]:hover{background-color:var(--lv-control-button-tertiary-hoverBackground)}.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\\,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-mode=dark] 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)}}`, Lo = async (t, e) => {
+  if (t) {
+    if (t.querySelector("style[data-openlv-modal]"))
       return;
-    const n = document.createElement("style");
-    n.setAttribute("data-openlv-modal", "true");
-    const { tokens: o } = It(
-      t ?? De
-    ), a = jt(o), i = `:root, :host {
-${Object.entries(a).map(([s, c]) => `${s}: ${c};`).join(`
-`)}
-}`;
-    n.textContent = `${i}
-${fo}`, e.appendChild(n);
+    const r = document.createElement("style");
+    r.setAttribute("data-openlv-modal", "true");
+    let o = Bo;
+    e && (o = `:root, :host {
+${await Po(e)}
+}
+` + o), r.textContent = o, t.appendChild(r);
   }
 };
-class rr extends HTMLElement {
-  constructor(r, n = De, o = () => {
-  }) {
+class ln extends HTMLElement {
+  constructor(n) {
     super();
-    ce(this, "onClose");
-    ce(this, "provider");
-    ce(this, "theme");
-    ce(this, "shadow");
-    ce(this, "renderRequested", !1);
-    this.provider = r, this.theme = n, this.onClose = o, this.shadow = this.attachShadow({ mode: "open" }), po(this.shadow, this.theme);
+    Rt(this, "shadow");
+    Rt(this, "renderRequested", !1);
+    Rt(this, "parameters");
+    this.parameters = n, this.shadow = this.attachShadow({ mode: "open" }), Lo(this.shadow, this.parameters.theme);
   }
   connectedCallback() {
     this.requestRender();
   }
   disconnectedCallback() {
-    fe(null, this.shadow);
+    pt(null, this.shadow);
   }
   showModal() {
     this.style.display = "block";
@@ -2346,70 +2219,63 @@ class rr extends HTMLElement {
     }));
   }
   performRender() {
-    fe(
-      lr(Ir, {
-        onClose: this.onClose ?? (() => this.remove()),
-        provider: this.provider,
-        theme: this.theme
-      }),
-      this.shadow
-    );
+    pt(pn($n, this.parameters), this.shadow);
   }
 }
-const wo = (e = "idle") => {
-  const [t, r] = D({
-    state: e
-  }), n = K(
+const Go = (t = "idle") => {
+  const [e, n] = R({
+    state: t
+  }), r = U(
     (i, s) => {
-      r((c) => ({
+      n((c) => ({
         ...c,
         state: i,
         ...s
       }));
     },
     []
-  ), o = K((i) => {
-    r(i);
-  }, []), a = K(() => {
-    r({ state: "idle" });
+  ), o = U((i) => {
+    n(i);
+  }, []), a = U(() => {
+    n({ state: "idle" });
   }, []);
   return {
-    connectionInfo: t,
-    updateState: n,
+    connectionInfo: e,
+    updateState: r,
     updateConnectionInfo: o,
     reset: a
   };
-}, vo = (e = "openlv-modal") => {
+}, Io = (t = "openlv-modal") => {
   if (typeof window > "u")
-    return e;
-  const t = window.customElements;
-  return t ? (t.get(e) || t.define(
-    e,
-    rr
-  ), e) : (console.warn(
+    return t;
+  const e = window.customElements;
+  return e ? (e.get(t) || e.define(
+    t,
+    ln
+  ), t) : (console.warn(
     "OpenLV modal: custom elements are not supported in this environment."
-  ), e);
-}, xo = (e, t = De, r) => {
-  const n = document.querySelector("openlv-modal");
-  if (n && n.remove(), !n) {
-    vo();
-    const o = new rr(e, t, () => {
-      $e("modal closed"), o.remove(), r?.();
+  ), t);
+}, Wo = (t) => {
+  const e = document.querySelector("openlv-modal");
+  if (e && e.remove(), !e) {
+    Io();
+    const n = new ln({
+      onClose() {
+        le("modal closed"), n.remove(), t.onClose?.();
+      },
+      provider: t.provider,
+      theme: t.theme
     });
-    document.body.appendChild(o), o.showModal();
+    document.body.appendChild(n), n.showModal();
   }
 };
 export {
-  De as DEFAULT_THEME_CONFIG,
-  uo as ModalRoot,
-  Kn as OPENLV_ICON_128,
-  rr as OpenLVModalElement,
-  jt as buildTheme,
-  rr as default,
-  Dt as openlvThemeTokens,
-  vo as registerOpenLVModal,
-  It as resolveTheme,
-  xo as triggerOpenModal,
-  wo as useConnectionState
+  Oo as ModalRoot,
+  so as OPENLV_ICON_128,
+  ln as OpenLVModalElement,
+  ln as default,
+  Io as registerOpenLVModal,
+  Wo as triggerOpenModal,
+  Go as useConnectionState
 };
 //# sourceMappingURL=index.es.js.map