@ikonai/sdk-react-ui 1.0.16 → 1.0.18

package/index.js

@@ -1,8 +1,8 @@
 import { IkonUiCore as Ct, UiStreamStore as It } from "@ikonai/sdk-ui";
 import { UiStreamStore as Co } from "@ikonai/sdk-ui";
-import _t, { useSyncExternalStore as xe, useMemo as Y, memo as W, useRef as R, useCallback as x, Fragment as Ot, useEffect as D, useState as X, createContext as dt, use as De } from "react";
-import { createLogger as be, getOrCreateDeviceId as pe, deriveAuthUrl as Oe, parseUrlParams as Nt, clearSessionParamsFromUrl as Pt, isCloudEnvironment as Ye, extractUserIdFromToken as jt, deriveBackendType as ze, IkonClient as Lt, subscribeToLogEvents as Mt, isDebugModeEnabled as Ut, LogLevel as We } from "@ikonai/sdk";
-var he = { exports: {} }, se = {};
+import Ot, { useSyncExternalStore as xe, useMemo as K, memo as z, useRef as A, useCallback as x, Fragment as _t, useEffect as M, useState as Y, createContext as dt, use as De } from "react";
+import { createLogger as ye, getOrCreateDeviceId as he, deriveAuthUrl as _e, parseUrlParams as Nt, clearSessionParamsFromUrl as Pt, isCloudEnvironment as We, extractUserIdFromToken as jt, deriveBackendType as Ye, IkonClient as Lt, subscribeToLogEvents as Mt, isDebugModeEnabled as Ut, LogLevel as ze } from "@ikonai/sdk";
+var de = { exports: {} }, oe = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -14,7 +14,7 @@ var he = { exports: {} }, se = {};
  */
 var qe;
 function xt() {
-  if (qe) return se;
+  if (qe) return oe;
   qe = 1;
   var t = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
   function r(n, o, s) {
@@ -32,9 +32,9 @@ function xt() {
       props: s
     };
   }
-  return se.Fragment = e, se.jsx = r, se.jsxs = r, se;
+  return oe.Fragment = e, oe.jsx = r, oe.jsxs = r, oe;
 }
-var ie = {};
+var se = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -50,20 +50,20 @@ function Dt() {
     function t(l) {
       if (l == null) return null;
       if (typeof l == "function")
-        return l.$$typeof === F ? null : l.displayName || l.name || null;
+        return l.$$typeof === U ? null : l.displayName || l.name || null;
       if (typeof l == "string") return l;
       switch (l) {
-        case b:
+        case S:
           return "Fragment";
         case p:
           return "Profiler";
         case m:
           return "StrictMode";
-        case L:
+        case D:
           return "Suspense";
         case G:
           return "SuspenseList";
-        case N:
+        case P:
           return "Activity";
       }
       if (typeof l == "object")
@@ -72,19 +72,19 @@ function Dt() {
         ), l.$$typeof) {
           case y:
             return "Portal";
-          case k:
+          case T:
             return (l.displayName || "Context") + ".Provider";
-          case v:
+          case w:
             return (l._context.displayName || "Context") + ".Consumer";
-          case I:
-            var S = l.render;
-            return l = l.displayName, l || (l = S.displayName || S.name || "", l = l !== "" ? "ForwardRef(" + l + ")" : "ForwardRef"), l;
+          case _:
+            var b = l.render;
+            return l = l.displayName, l || (l = b.displayName || b.name || "", l = l !== "" ? "ForwardRef(" + l + ")" : "ForwardRef"), l;
           case Z:
-            return S = l.displayName || null, S !== null ? S : t(l.type) || "Memo";
+            return b = l.displayName || null, b !== null ? b : t(l.type) || "Memo";
           case C:
-            S = l._payload, l = l._init;
+            b = l._payload, l = l._init;
             try {
-              return t(l(S));
+              return t(l(b));
             } catch {
             }
         }
@@ -96,71 +96,71 @@ function Dt() {
     function r(l) {
       try {
         e(l);
-        var S = !1;
+        var b = !1;
       } catch {
-        S = !0;
+        b = !0;
       }
-      if (S) {
-        S = console;
-        var T = S.error, _ = typeof Symbol == "function" && Symbol.toStringTag && l[Symbol.toStringTag] || l.constructor.name || "Object";
-        return T.call(
-          S,
+      if (b) {
+        b = console;
+        var k = b.error, N = typeof Symbol == "function" && Symbol.toStringTag && l[Symbol.toStringTag] || l.constructor.name || "Object";
+        return k.call(
+          b,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          _
+          N
         ), e(l);
       }
     }
     function n(l) {
-      if (l === b) return "<>";
+      if (l === S) return "<>";
       if (typeof l == "object" && l !== null && l.$$typeof === C)
         return "<...>";
       try {
-        var S = t(l);
-        return S ? "<" + S + ">" : "<...>";
+        var b = t(l);
+        return b ? "<" + b + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function o() {
-      var l = j.A;
+      var l = O.A;
       return l === null ? null : l.getOwner();
     }
     function s() {
       return Error("react-stack-top-frame");
     }
     function i(l) {
-      if (M.call(l, "key")) {
-        var S = Object.getOwnPropertyDescriptor(l, "key").get;
-        if (S && S.isReactWarning) return !1;
+      if (F.call(l, "key")) {
+        var b = Object.getOwnPropertyDescriptor(l, "key").get;
+        if (b && b.isReactWarning) return !1;
       }
       return l.key !== void 0;
     }
-    function a(l, S) {
-      function T() {
-        J || (J = !0, console.error(
+    function a(l, b) {
+      function k() {
+        B || (B = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          S
+          b
         ));
       }
-      T.isReactWarning = !0, Object.defineProperty(l, "key", {
-        get: T,
+      k.isReactWarning = !0, Object.defineProperty(l, "key", {
+        get: k,
         configurable: !0
       });
     }
     function c() {
       var l = t(this.type);
-      return fe[l] || (fe[l] = !0, console.error(
+      return J[l] || (J[l] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), l = this.props.ref, l !== void 0 ? l : null;
     }
-    function f(l, S, T, _, V, K, ne, oe) {
-      return T = K.ref, l = {
+    function f(l, b, k, N, E, I, V, we) {
+      return k = I.ref, l = {
         $$typeof: g,
         type: l,
-        key: S,
-        props: K,
-        _owner: V
-      }, (T !== void 0 ? T : null) !== null ? Object.defineProperty(l, "ref", {
+        key: b,
+        props: I,
+        _owner: E
+      }, (k !== void 0 ? k : null) !== null ? Object.defineProperty(l, "ref", {
         enumerable: !1,
         get: c
       }) : Object.defineProperty(l, "ref", { enumerable: !1, value: null }), l._store = {}, Object.defineProperty(l._store, "validated", {
@@ -177,68 +177,68 @@ function Dt() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: ne
+        value: V
       }), Object.defineProperty(l, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: oe
+        value: we
       }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
     }
-    function d(l, S, T, _, V, K, ne, oe) {
-      var w = S.children;
-      if (w !== void 0)
-        if (_)
-          if (z(w)) {
-            for (_ = 0; _ < w.length; _++)
-              h(w[_]);
-            Object.freeze && Object.freeze(w);
+    function d(l, b, k, N, E, I, V, we) {
+      var L = b.children;
+      if (L !== void 0)
+        if (N)
+          if (W(L)) {
+            for (N = 0; N < L.length; N++)
+              h(L[N]);
+            Object.freeze && Object.freeze(L);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else h(w);
-      if (M.call(S, "key")) {
-        w = t(l);
-        var O = Object.keys(S).filter(function(kt) {
+        else h(L);
+      if (F.call(b, "key")) {
+        L = t(l);
+        var re = Object.keys(b).filter(function(kt) {
           return kt !== "key";
         });
-        _ = 0 < O.length ? "{key: someKey, " + O.join(": ..., ") + ": ...}" : "{key: someKey}", B[w + _] || (O = 0 < O.length ? "{" + O.join(": ..., ") + ": ...}" : "{}", console.error(
+        N = 0 < re.length ? "{key: someKey, " + re.join(": ..., ") + ": ...}" : "{key: someKey}", te[L + N] || (re = 0 < re.length ? "{" + re.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          _,
-          w,
-          O,
-          w
-        ), B[w + _] = !0);
+          N,
+          L,
+          re,
+          L
+        ), te[L + N] = !0);
       }
-      if (w = null, T !== void 0 && (r(T), w = "" + T), i(S) && (r(S.key), w = "" + S.key), "key" in S) {
-        T = {};
-        for (var U in S)
-          U !== "key" && (T[U] = S[U]);
-      } else T = S;
-      return w && a(
-        T,
+      if (L = null, k !== void 0 && (r(k), L = "" + k), i(b) && (r(b.key), L = "" + b.key), "key" in b) {
+        k = {};
+        for (var ve in b)
+          ve !== "key" && (k[ve] = b[ve]);
+      } else k = b;
+      return L && a(
+        k,
         typeof l == "function" ? l.displayName || l.name || "Unknown" : l
       ), f(
         l,
-        w,
-        K,
-        V,
+        L,
+        I,
+        E,
         o(),
-        T,
-        ne,
-        oe
+        k,
+        V,
+        we
       );
     }
     function h(l) {
       typeof l == "object" && l !== null && l.$$typeof === g && l._store && (l._store.validated = 1);
     }
-    var u = _t, g = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), m = Symbol.for("react.strict_mode"), p = Symbol.for("react.profiler"), v = Symbol.for("react.consumer"), k = Symbol.for("react.context"), I = Symbol.for("react.forward_ref"), L = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), Z = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), N = Symbol.for("react.activity"), F = Symbol.for("react.client.reference"), j = u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, M = Object.prototype.hasOwnProperty, z = Array.isArray, ee = console.createTask ? console.createTask : function() {
+    var u = Ot, g = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), m = Symbol.for("react.strict_mode"), p = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), T = Symbol.for("react.context"), _ = Symbol.for("react.forward_ref"), D = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), Z = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), P = Symbol.for("react.activity"), U = Symbol.for("react.client.reference"), O = u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, W = Array.isArray, Q = console.createTask ? console.createTask : function() {
       return null;
     };
     u = {
@@ -246,42 +246,42 @@ React keys must be passed directly to JSX without using spread:
         return l();
       }
     };
-    var J, fe = {}, te = u["react-stack-bottom-frame"].bind(
+    var B, J = {}, X = u["react-stack-bottom-frame"].bind(
       u,
       s
-    )(), re = ee(n(s)), B = {};
-    ie.Fragment = b, ie.jsx = function(l, S, T, _, V) {
-      var K = 1e4 > j.recentlyCreatedOwnerStacks++;
+    )(), ee = Q(n(s)), te = {};
+    se.Fragment = S, se.jsx = function(l, b, k, N, E) {
+      var I = 1e4 > O.recentlyCreatedOwnerStacks++;
       return d(
         l,
-        S,
-        T,
+        b,
+        k,
         !1,
-        _,
-        V,
-        K ? Error("react-stack-top-frame") : te,
-        K ? ee(n(l)) : re
+        N,
+        E,
+        I ? Error("react-stack-top-frame") : X,
+        I ? Q(n(l)) : ee
       );
-    }, ie.jsxs = function(l, S, T, _, V) {
-      var K = 1e4 > j.recentlyCreatedOwnerStacks++;
+    }, se.jsxs = function(l, b, k, N, E) {
+      var I = 1e4 > O.recentlyCreatedOwnerStacks++;
       return d(
         l,
-        S,
-        T,
+        b,
+        k,
         !0,
-        _,
-        V,
-        K ? Error("react-stack-top-frame") : te,
-        K ? ee(n(l)) : re
+        N,
+        E,
+        I ? Error("react-stack-top-frame") : X,
+        I ? Q(n(l)) : ee
       );
     };
-  }()), ie;
+  }()), se;
 }
 var He;
 function Ft() {
-  return He || (He = 1, process.env.NODE_ENV === "production" ? he.exports = xt() : he.exports = Dt()), he.exports;
+  return He || (He = 1, process.env.NODE_ENV === "production" ? de.exports = xt() : de.exports = Dt()), de.exports;
 }
-var A = Ft();
+var R = Ft();
 function Bt(t, e) {
   const r = xe(
     (n) => t.subscribe(n),
@@ -294,7 +294,7 @@ function Bt(t, e) {
       return `${o ?? ""}:${s?.id ?? ""}`;
     }
   );
-  return Y(() => {
+  return K(() => {
     const [n, o] = r.split(":");
     return {
       rootViewId: n || void 0,
@@ -308,9 +308,9 @@ function H(t, e) {
     () => t.getNodeVersion(e),
     () => t.getNodeVersion(e)
   );
-  return Y(() => t.getNode(e), [t, e, r]);
+  return K(() => t.getNode(e), [t, e, r]);
 }
-const $t = be("UIRenderer");
+const $t = ye("UIRenderer");
 function Vt(t) {
   if (t === void 0)
     return "{}";
@@ -326,14 +326,14 @@ function Kt(t) {
   const e = t.styleIds;
   return Array.isArray(e) ? e : [];
 }
-function Yt(t) {
+function Wt(t) {
   const e = t.children;
   return Array.isArray(e) ? e : [];
 }
-function zt(t, e) {
+function Yt(t, e) {
   return t.nodeId === e.nodeId && t.context === e.context;
 }
-function Wt(t) {
+function zt(t) {
   if (t.length === 0) return "";
   if (t.length === 1) return t[0].id;
   let e = t[0].id;
@@ -341,51 +341,51 @@ function Wt(t) {
     e += "," + t[r].id;
   return e;
 }
-const Ne = W(function t({ nodeId: e, context: r }) {
-  const n = H(r.store, e), o = n ? Yt(n) : [], s = Wt(o), i = Y(
-    () => o.length === 0 ? null : o.map((h) => /* @__PURE__ */ A.jsx(t, { nodeId: h.id, context: r }, h.id)),
+const Ne = z(function t({ nodeId: e, context: r }) {
+  const n = H(r.store, e), o = n ? Wt(n) : [], s = zt(o), i = K(
+    () => o.length === 0 ? null : o.map((h) => /* @__PURE__ */ R.jsx(t, { nodeId: h.id, context: r }, h.id)),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [s, r]
   );
   if (!n)
     return null;
   if (n.type === "root")
-    return /* @__PURE__ */ A.jsx(Ot, { children: i }, n.id);
+    return /* @__PURE__ */ R.jsx(_t, { children: i }, n.id);
   const a = r.library.resolve(n);
   if (!a)
     return $t.warn(`No renderer for node type ${n.type}`), null;
   const c = Kt(n), f = c.length > 0 ? c.join(" ") : void 0, d = a;
-  return /* @__PURE__ */ A.jsx(d, { nodeId: e, context: r, className: f });
-}, zt);
+  return /* @__PURE__ */ R.jsx(d, { nodeId: e, context: r, className: f });
+}, Yt);
 function qt(t, e) {
-  return !Array.isArray(t) || t.length === 0 ? null : t.map((r) => /* @__PURE__ */ A.jsx(Ne, { nodeId: r.id, context: e }, r.id));
+  return !Array.isArray(t) || t.length === 0 ? null : t.map((r) => /* @__PURE__ */ R.jsx(Ne, { nodeId: r.id, context: e }, r.id));
 }
 function Gt(t, e) {
   return t.store === e.store && t.library === e.library && t.viewId === e.viewId && t.emptyFallback === e.emptyFallback;
 }
-const Ht = W(function({ store: e, library: r, viewId: n, emptyFallback: o = null, onAction: s, client: i, video: a }) {
-  const { rootViewId: c, rootNodeId: f } = Bt(e, n), d = R(s);
+const Ht = z(function({ store: e, library: r, viewId: n, emptyFallback: o = null, onAction: s, client: i, video: a }) {
+  const { rootViewId: c, rootNodeId: f } = Bt(e, n), d = A(s);
   d.current = s;
-  const h = R(i);
+  const h = A(i);
   h.current = i;
-  const u = R(a);
+  const u = A(a);
   u.current = a;
-  const g = x((b, m) => {
-    if (!b)
+  const g = x((S, m) => {
+    if (!S)
       return;
     const p = Vt(m);
-    d.current?.(b, p);
-  }, []), y = Y(() => {
-    const b = {
+    d.current?.(S, p);
+  }, []), y = K(() => {
+    const S = {
       store: e,
       library: r,
       handlerCache: e.handlerCache,
       // Access payloads from store at call time, not captured snapshot
       getPayload: (m) => e.getSnapshot().payloads.get(m),
-      renderChildren: (m) => qt(m, b),
+      renderChildren: (m) => qt(m, S),
       renderView: (m) => {
         const p = e.getSnapshot().views.get(m);
-        return p ? /* @__PURE__ */ A.jsx(Ne, { nodeId: p.id, context: b }) : null;
+        return p ? /* @__PURE__ */ R.jsx(Ne, { nodeId: p.id, context: S }) : null;
       },
       dispatchAction: g,
       // Access client/video via refs to avoid context recreation
@@ -396,9 +396,9 @@ const Ht = W(function({ store: e, library: r, viewId: n, emptyFallback: o = null
         return u.current;
       }
     };
-    return b;
+    return S;
   }, [e, r, g]);
-  return !c || !f ? o : /* @__PURE__ */ A.jsx("div", { "data-ikon-view-id": c, style: { display: "contents" }, children: /* @__PURE__ */ A.jsx(Ne, { nodeId: f, context: y }) });
+  return !c || !f ? o : /* @__PURE__ */ R.jsx("div", { "data-ikon-view-id": c, style: { display: "contents" }, children: /* @__PURE__ */ R.jsx(Ne, { nodeId: f, context: y }) });
 }, Gt);
 class Jt {
   constructor(e, r) {
@@ -432,12 +432,12 @@ const Pe = "ikon-ui";
 function Xt(t, e) {
   return t === e;
 }
-const uo = W(function({ stores: e, registry: r, category: n = Pe, onAction: o, client: s }) {
-  const i = Y(() => Array.from(e.keys()).sort().join(","), [e]), a = R(o);
+const uo = z(function({ stores: e, registry: r, category: n = Pe, onAction: o, client: s }) {
+  const i = K(() => Array.from(e.keys()).sort().join(","), [e]), a = A(o);
   a.current = o;
-  const c = R(s);
+  const c = A(s);
   c.current = s;
-  const f = Y(
+  const f = K(
     () => {
       const d = [];
       for (const [h, u] of e) {
@@ -449,7 +449,7 @@ const uo = W(function({ stores: e, registry: r, category: n = Pe, onAction: o, c
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [e, n, i]
   );
-  return f.length === 0 ? null : /* @__PURE__ */ A.jsx(A.Fragment, { children: f.map(({ key: d, store: h }) => /* @__PURE__ */ A.jsx(Ht, { store: h, library: r, onAction: a.current, client: c.current, video: c.current?.media?.video }, d)) });
+  return f.length === 0 ? null : /* @__PURE__ */ R.jsx(R.Fragment, { children: f.map(({ key: d, store: h }) => /* @__PURE__ */ R.jsx(Ht, { store: h, library: r, onAction: a.current, client: c.current, video: c.current?.media?.video }, d)) });
 });
 class Zt {
   core;
@@ -532,7 +532,7 @@ function Qt(t) {
     return e.length > 0 ? e : void 0;
   }
 }
-function de(t) {
+function le(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -564,9 +564,9 @@ function Be(t) {
   return Je.set(t, r), r;
 }
 function tr() {
-  const t = W(function({ nodeId: r, context: n }) {
-    const o = H(n.store, r), s = R(null), i = de(o?.props?.targetViewId), a = o?.props?.focusOnly, c = typeof a == "boolean" ? a : void 0, f = de(o?.props?.key), d = o?.props?.preciseGeneratedAt;
-    return D(() => {
+  const t = z(function({ nodeId: r, context: n }) {
+    const o = H(n.store, r), s = A(null), i = le(o?.props?.targetViewId), a = o?.props?.focusOnly, c = typeof a == "boolean" ? a : void 0, f = le(o?.props?.key), d = o?.props?.preciseGeneratedAt;
+    return M(() => {
       if (typeof document > "u")
         return;
       const u = s.current;
@@ -574,19 +574,19 @@ function tr() {
         return;
       const g = c !== !0;
       if (g) {
-        const p = ((v) => {
-          let k = v.parentElement;
-          for (; k; ) {
-            const L = window.getComputedStyle(k).overflowY;
-            if (L === "auto" || L === "scroll" || k.hasAttribute("data-radix-scroll-area-viewport"))
-              return k;
-            k = k.parentElement;
+        const p = ((w) => {
+          let T = w.parentElement;
+          for (; T; ) {
+            const D = window.getComputedStyle(T).overflowY;
+            if (D === "auto" || D === "scroll" || T.hasAttribute("data-radix-scroll-area-viewport"))
+              return T;
+            T = T.parentElement;
           }
           return null;
         })(u);
         p ? requestAnimationFrame(() => {
-          const v = p.getBoundingClientRect(), k = u.getBoundingClientRect(), I = p.scrollTop + (k.bottom - v.bottom) + 16;
-          "scrollBehavior" in document.documentElement.style ? p.scrollTo({ top: I, behavior: "smooth" }) : p.scrollTop = I;
+          const w = p.getBoundingClientRect(), T = u.getBoundingClientRect(), _ = p.scrollTop + (T.bottom - w.bottom) + 16;
+          "scrollBehavior" in document.documentElement.style ? p.scrollTo({ top: _, behavior: "smooth" }) : p.scrollTop = _;
         }) : typeof u.scrollIntoView == "function" && requestAnimationFrame(() => {
           try {
             u.scrollIntoView({ behavior: "smooth", block: "end", inline: "nearest" });
@@ -602,7 +602,7 @@ function tr() {
         } catch {
           u.focus();
         }
-    }, [c, i, f, d]), o ? /* @__PURE__ */ A.jsx(
+    }, [c, i, f, d]), o ? /* @__PURE__ */ R.jsx(
       "span",
       {
         ref: s,
@@ -620,7 +620,7 @@ function tr() {
   };
 }
 function rr() {
-  const t = W(function({ nodeId: r, context: n, className: o }) {
+  const t = z(function({ nodeId: r, context: n, className: o }) {
     const s = H(n.store, r), i = Qt(s?.props?.onInvokeId), a = x(() => {
       i && n.dispatchAction(i);
     }, [i, n]);
@@ -628,8 +628,8 @@ function rr() {
       return null;
     const c = Be(s.props);
     delete c.onInvokeId;
-    const f = Fe(de(s.props?.className), o), d = s.children?.length ? n.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ A.jsx(
+    const f = Fe(le(s.props?.className), o), d = s.children?.length ? n.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ R.jsx(
       "div",
       {
         ...c,
@@ -647,12 +647,12 @@ function rr() {
   };
 }
 function nr() {
-  const t = W(function({ nodeId: r, context: n, className: o }) {
+  const t = z(function({ nodeId: r, context: n, className: o }) {
     const s = H(n.store, r);
     if (!s)
       return null;
-    const i = Be(s.props), a = Fe("relative", de(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ A.jsx("div", { ...i, "data-ikon-node-id": s.id, className: a, children: c });
+    const i = Be(s.props), a = Fe("relative", le(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ R.jsx("div", { ...i, "data-ikon-node-id": s.id, className: a, children: c });
   });
   return ({ type: e }) => {
     if (e === "std.stack")
@@ -660,12 +660,12 @@ function nr() {
   };
 }
 function or() {
-  const t = W(function({ nodeId: r, context: n, className: o }) {
+  const t = z(function({ nodeId: r, context: n, className: o }) {
     const s = H(n.store, r);
     if (!s)
       return null;
-    const i = Be(s.props), a = Fe("absolute", de(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ A.jsx("div", { ...i, "data-ikon-node-id": s.id, className: a, children: c });
+    const i = Be(s.props), a = Fe("absolute", le(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ R.jsx("div", { ...i, "data-ikon-node-id": s.id, className: a, children: c });
   });
   return ({ type: e }) => {
     if (e === "std.layer")
@@ -706,7 +706,7 @@ function Xe(t) {
   const e = t.trim();
   return e.length > 0 ? e : void 0;
 }
-function me(t) {
+function fe(t) {
   if (typeof t == "boolean")
     return t;
   if (typeof t == "string") {
@@ -717,7 +717,7 @@ function me(t) {
 }
 const dr = "std.audio-url-player";
 function fr() {
-  const t = W(function({
+  const t = z(function({
     nodeId: r,
     context: n,
     className: o
@@ -725,8 +725,8 @@ function fr() {
     const s = H(n.store, r);
     if (!s)
       return null;
-    const i = lr(ur(s.props?.className), o), a = Xe(s.props?.src), c = Xe(s.props?.preload), f = me(s.props?.controls), d = me(s.props?.autoplay), h = me(s.props?.loop), u = me(s.props?.muted);
-    return /* @__PURE__ */ A.jsx(
+    const i = lr(ur(s.props?.className), o), a = Xe(s.props?.src), c = Xe(s.props?.preload), f = fe(s.props?.controls), d = fe(s.props?.autoplay), h = fe(s.props?.loop), u = fe(s.props?.muted);
+    return /* @__PURE__ */ R.jsx(
       "audio",
       {
         src: a,
@@ -761,7 +761,7 @@ function ht(...t) {
     r && r.trim() && e.push(r.trim());
   return e.length > 0 ? e.join(" ") : void 0;
 }
-function ge(t) {
+function me(t) {
   if (typeof t == "number" && Number.isFinite(t))
     return Math.floor(t);
   if (typeof t == "string" && t.trim().length > 0) {
@@ -778,25 +778,45 @@ function je(t) {
 }
 const hr = "std.video-canvas", mr = "std.video-url-player";
 function pr() {
-  const t = W(function({ nodeId: r, context: n, className: o }) {
-    const s = H(n.store, r), i = R(null), a = n.video, c = s ? je(s.props?.streamId) : void 0, f = s ? ge(s.props?.width) : void 0, d = s ? ge(s.props?.height) : void 0, h = s ? ht(ft(s.props?.className), o) : o;
-    return D(() => {
-      const u = i.current;
-      if (!(!a || !u || !c))
-        return a.attachCanvas(c, u), () => {
-          a.detachCanvas(c);
+  const t = z(function({ nodeId: r, context: n, className: o }) {
+    const s = H(n.store, r), i = A(null), a = A(null), c = n.video, f = n.client, d = f?.isWebRtcEnabled ? f.webRtcVideoStream : null, h = f?.isWebRtcEnabled ? f.webRtcScreenStream : null, u = s ? je(s.props?.streamId) : void 0, g = s ? me(s.props?.width) : void 0, y = s ? me(s.props?.height) : void 0, S = s ? ht(ft(s.props?.className), o) : o, m = u?.includes("screen") ? h : d;
+    return M(() => {
+      const p = i.current;
+      if (!(!c || !p || !u || m))
+        return c.attachCanvas(u, p), () => {
+          c.detachCanvas(u);
         };
-    }, [a, c]), s ? /* @__PURE__ */ A.jsx(
+    }, [c, u, m]), M(() => {
+      const p = a.current;
+      if (!(!p || !m))
+        return p.srcObject = m, () => {
+          p.srcObject = null;
+        };
+    }, [m]), s ? m ? /* @__PURE__ */ R.jsx(
+      "video",
+      {
+        ref: a,
+        autoPlay: !0,
+        playsInline: !0,
+        muted: !0,
+        "data-ikon-node-id": s.id,
+        "data-ikon-video-stream-id": u,
+        className: S,
+        ...g ? { width: g } : {},
+        ...y ? { height: y } : {}
+      },
+      u
+    ) : /* @__PURE__ */ R.jsx(
       "canvas",
       {
         ref: i,
         "data-ikon-node-id": s.id,
-        "data-ikon-video-stream-id": c,
-        className: h,
-        ...f ? { width: f } : {},
-        ...d ? { height: d } : {}
+        "data-ikon-video-stream-id": u,
+        className: S,
+        ...g ? { width: g } : {},
+        ...y ? { height: y } : {}
       },
-      c
+      u
     ) : null;
   });
   return ({ type: e }) => {
@@ -807,7 +827,7 @@ function pr() {
 function gr() {
   return [pr(), yr(), fr()];
 }
-function ae(t) {
+function ie(t) {
   if (typeof t == "boolean")
     return t;
   if (typeof t == "string") {
@@ -817,7 +837,7 @@ function ae(t) {
   }
 }
 function yr() {
-  const t = W(function({
+  const t = z(function({
     nodeId: r,
     context: n,
     className: o
@@ -825,8 +845,8 @@ function yr() {
     const s = H(n.store, r);
     if (!s)
       return null;
-    const i = ht(ft(s.props?.className), o), a = je(s.props?.src), c = je(s.props?.poster), f = ae(s.props?.controls), d = ae(s.props?.autoplay), h = ae(s.props?.loop), u = ae(s.props?.muted), g = ae(s.props?.playsInline), y = ge(s.props?.width), b = ge(s.props?.height), m = s.children?.length ? n.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ A.jsx(
+    const i = ht(ft(s.props?.className), o), a = je(s.props?.src), c = je(s.props?.poster), f = ie(s.props?.controls), d = ie(s.props?.autoplay), h = ie(s.props?.loop), u = ie(s.props?.muted), g = ie(s.props?.playsInline), y = me(s.props?.width), S = me(s.props?.height), m = s.children?.length ? n.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ R.jsx(
       "video",
       {
         src: a,
@@ -837,7 +857,7 @@ function yr() {
         ...u !== void 0 ? { muted: u } : {},
         ...g !== void 0 ? { playsInline: g } : {},
         ...y ? { width: y } : {},
-        ...b ? { height: b } : {},
+        ...S ? { height: S } : {},
         "data-ikon-node-id": s.id,
         className: i,
         children: m
@@ -1008,33 +1028,33 @@ class Ar {
       const y = /* @__PURE__ */ new Date();
       e.uniform4f(g, y.getFullYear(), y.getMonth(), y.getDate(), y.getHours() * 3600 + y.getMinutes() * 60 + y.getSeconds() + y.getMilliseconds() / 1e3);
     }
-    for (const [y, b] of Object.entries(this.customUniforms)) {
+    for (const [y, S] of Object.entries(this.customUniforms)) {
       const m = this.uniformLocations.get(y);
       if (m)
-        switch (b.type) {
+        switch (S.type) {
           case "float":
-            e.uniform1f(m, b.value);
+            e.uniform1f(m, S.value);
             break;
           case "vec2": {
-            const p = b.value;
+            const p = S.value;
             e.uniform2f(m, p[0], p[1]);
             break;
           }
           case "vec3": {
-            const p = b.value;
+            const p = S.value;
             e.uniform3f(m, p[0], p[1], p[2]);
             break;
           }
           case "vec4": {
-            const p = b.value;
+            const p = S.value;
             e.uniform4f(m, p[0], p[1], p[2], p[3]);
             break;
           }
           case "int":
-            e.uniform1i(m, b.value);
+            e.uniform1i(m, S.value);
             break;
           case "bool":
-            e.uniform1i(m, b.value ? 1 : 0);
+            e.uniform1i(m, S.value ? 1 : 0);
             break;
         }
     }
@@ -1085,7 +1105,7 @@ function Ir(t) {
     if (e === "false") return !1;
   }
 }
-function _r(t) {
+function Or(t) {
   if (!t || typeof t != "object")
     return {};
   const e = {}, r = t;
@@ -1100,7 +1120,7 @@ function _r(t) {
   }
   return e;
 }
-function Or(t, e) {
+function _r(t, e) {
   const r = Object.keys(t), n = Object.keys(e);
   if (r.length !== n.length)
     return !1;
@@ -1123,80 +1143,80 @@ function Or(t, e) {
 }
 const Nr = "std.shader-canvas";
 function Pr() {
-  const t = W(function({ nodeId: r, context: n, className: o }) {
-    const s = H(n.store, r), i = R(null), a = R(null), c = R(null), f = R(0), d = R(""), h = R({}), u = R({
+  const t = z(function({ nodeId: r, context: n, className: o }) {
+    const s = H(n.store, r), i = A(null), a = A(null), c = A(null), f = A(0), d = A(""), h = A({}), u = A({
       x: 0,
       y: 0,
       clickX: 0,
       clickY: 0,
       isDown: !1
-    }), g = s ? Cr(s.props?.shaderSource) : "", y = s ? Re(s.props?.fps) ?? 60 : 60, b = s?.props?.uniforms, m = Y(() => _r(b), [b]), p = s ? Ir(s.props?.enableMouse) ?? !0 : !0, v = s ? Re(s.props?.width) : void 0, k = s ? Re(s.props?.height) : void 0, I = s ? kr(Tr(s.props?.className), o) : o;
-    D(() => {
+    }), g = s ? Cr(s.props?.shaderSource) : "", y = s ? Re(s.props?.fps) ?? 60 : 60, S = s?.props?.uniforms, m = K(() => Or(S), [S]), p = s ? Ir(s.props?.enableMouse) ?? !0 : !0, w = s ? Re(s.props?.width) : void 0, T = s ? Re(s.props?.height) : void 0, _ = s ? kr(Tr(s.props?.className), o) : o;
+    M(() => {
       const C = i.current;
       if (C) {
         try {
-          const N = new Ar(C);
-          a.current = N;
-        } catch (N) {
-          console.error("[ShaderRenderer] Failed to create WebGL2 context:", N);
+          const P = new Ar(C);
+          a.current = P;
+        } catch (P) {
+          console.error("[ShaderRenderer] Failed to create WebGL2 context:", P);
         }
         return () => {
           a.current && (a.current.destroy(), a.current = null);
         };
       }
-    }, []), D(() => {
+    }, []), M(() => {
       const C = a.current;
       if (!(!C || !g) && d.current !== g)
         if (C.compile(g, m))
           d.current = g, h.current = m;
         else {
-          const F = C.getError();
-          console.error("[ShaderRenderer] Shader compilation failed:", F);
+          const U = C.getError();
+          console.error("[ShaderRenderer] Shader compilation failed:", U);
         }
-    }, [g, m]), D(() => {
+    }, [g, m]), M(() => {
       const C = a.current;
-      !C || !d.current || Or(h.current, m) || (C.setCustomUniforms(m), h.current = m);
-    }, [m]), D(() => {
+      !C || !d.current || _r(h.current, m) || (C.setCustomUniforms(m), h.current = m);
+    }, [m]), M(() => {
       const C = a.current;
       if (!C || !d.current) return;
-      const N = 1e3 / y, F = (j) => {
-        const M = j - f.current;
-        M >= N && (f.current = j - M % N, C.draw()), c.current = requestAnimationFrame(F);
+      const P = 1e3 / y, U = (O) => {
+        const F = O - f.current;
+        F >= P && (f.current = O - F % P, C.draw()), c.current = requestAnimationFrame(U);
       };
-      return c.current = requestAnimationFrame(F), () => {
+      return c.current = requestAnimationFrame(U), () => {
         c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       };
     }, [y]);
-    const L = x(
+    const D = x(
       (C) => {
         if (!p) return;
-        const N = i.current, F = a.current;
-        if (!N || !F) return;
-        const j = N.getBoundingClientRect(), M = C.clientX - j.left, z = j.height - (C.clientY - j.top);
-        u.current.x = M, u.current.y = z, F.setMouse(M, z, u.current.clickX, u.current.clickY);
+        const P = i.current, U = a.current;
+        if (!P || !U) return;
+        const O = P.getBoundingClientRect(), F = C.clientX - O.left, W = O.height - (C.clientY - O.top);
+        u.current.x = F, u.current.y = W, U.setMouse(F, W, u.current.clickX, u.current.clickY);
       },
       [p]
     ), G = x(
       (C) => {
         if (!p) return;
-        const N = i.current, F = a.current;
-        if (!N || !F) return;
-        const j = N.getBoundingClientRect(), M = C.clientX - j.left, z = j.height - (C.clientY - j.top);
-        u.current.isDown = !0, u.current.clickX = M, u.current.clickY = z, F.setMouse(M, z, M, z);
+        const P = i.current, U = a.current;
+        if (!P || !U) return;
+        const O = P.getBoundingClientRect(), F = C.clientX - O.left, W = O.height - (C.clientY - O.top);
+        u.current.isDown = !0, u.current.clickX = F, u.current.clickY = W, U.setMouse(F, W, F, W);
       },
       [p]
     ), Z = x(() => {
       p && (u.current.isDown = !1, u.current.clickX = -Math.abs(u.current.clickX));
     }, [p]);
-    return s ? /* @__PURE__ */ A.jsx(
+    return s ? /* @__PURE__ */ R.jsx(
       "canvas",
       {
         ref: i,
         "data-ikon-node-id": s.id,
-        className: I,
-        ...v ? { width: v } : {},
-        ...k ? { height: k } : {},
-        onMouseMove: L,
+        className: _,
+        ...w ? { width: w } : {},
+        ...T ? { height: T } : {},
+        onMouseMove: D,
         onMouseDown: G,
         onMouseUp: Z,
         onMouseLeave: Z
@@ -1212,7 +1232,7 @@ const jr = "shader", Lr = async () => Pr();
 function Mr(t) {
   t.registerModule(jr, Lr);
 }
-const Ze = be("UIRegistry");
+const Ze = ye("UIRegistry");
 class Ur {
   baseResolvers = [];
   moduleLoaders = /* @__PURE__ */ new Map();
@@ -1281,7 +1301,7 @@ function Br(t, e) {
       return !1;
   return !0;
 }
-const Ee = be("MotionController"), Qe = {
+const Ee = ye("MotionController"), Qe = {
   ease: [0.25, 0.1, 0.25, 1],
   "ease-in": [0.42, 0, 1, 1],
   "ease-out": [0, 0, 0.58, 1],
@@ -1326,41 +1346,41 @@ function tt(t) {
 }
 function rt(t, e, r, n) {
   const d = new Float32Array(11);
-  function h(m, p, v) {
-    return ((3 * p - 3 * v + 1) * m + (3 * v - 6 * p)) * m * m + 3 * p * m;
+  function h(m, p, w) {
+    return ((3 * p - 3 * w + 1) * m + (3 * w - 6 * p)) * m * m + 3 * p * m;
   }
-  function u(m, p, v) {
-    return 3 * (3 * p - 3 * v + 1) * m * m + 2 * (3 * v - 6 * p) * m + 3 * p;
+  function u(m, p, w) {
+    return 3 * (3 * p - 3 * w + 1) * m * m + 2 * (3 * w - 6 * p) * m + 3 * p;
   }
   function g(m, p) {
-    for (let v = 0; v < 4; v += 1) {
-      const k = u(p, t, r);
-      if (k === 0)
+    for (let w = 0; w < 4; w += 1) {
+      const T = u(p, t, r);
+      if (T === 0)
         return p;
-      const I = h(p, t, r) - m;
-      p -= I / k;
+      const _ = h(p, t, r) - m;
+      p -= _ / T;
     }
     return p;
   }
-  function y(m, p, v) {
-    let k = 0, I = 0, L = 0;
+  function y(m, p, w) {
+    let T = 0, _ = 0, D = 0;
     do
-      I = p + (v - p) / 2, k = h(I, t, r) - m, k > 0 ? v = I : p = I;
-    while (Math.abs(k) > 1e-7 && ++L < 10);
-    return I;
-  }
-  function b(m) {
-    let p = 0, v = 1;
-    const k = 10;
-    for (; v !== k && d[v] <= m; v += 1)
+      _ = p + (w - p) / 2, T = h(_, t, r) - m, T > 0 ? w = _ : p = _;
+    while (Math.abs(T) > 1e-7 && ++D < 10);
+    return _;
+  }
+  function S(m) {
+    let p = 0, w = 1;
+    const T = 10;
+    for (; w !== T && d[w] <= m; w += 1)
       p += 0.1;
-    v -= 1;
-    const I = (m - d[v]) / (d[v + 1] - d[v]), L = p + I * 0.1, G = u(L, t, r);
-    return G >= 1e-3 ? g(m, L) : G === 0 ? L : y(m, p, p + 0.1);
+    w -= 1;
+    const _ = (m - d[w]) / (d[w + 1] - d[w]), D = p + _ * 0.1, G = u(D, t, r);
+    return G >= 1e-3 ? g(m, D) : G === 0 ? D : y(m, p, p + 0.1);
   }
   for (let m = 0; m < 11; m += 1)
     d[m] = h(m * 0.1, t, r);
-  return (m) => m <= 0 ? 0 : m >= 1 ? 1 : h(b(m), e, n);
+  return (m) => m <= 0 ? 0 : m >= 1 ? 1 : h(S(m), e, n);
 }
 function $r(t) {
   const e = /steps\(\s*([0-9]+)\s*(?:,\s*([a-z-]+)\s*)?\)/i.exec(t);
@@ -1402,7 +1422,7 @@ function Kr(t) {
   if (![r, n, o, s].some((i) => !Number.isFinite(i)))
     return { inStart: r, inEnd: n, outStart: o, outEnd: s };
 }
-class Yr {
+class Wr {
   bindingsByStyle = /* @__PURE__ */ new Map();
   observer;
   observeScheduled = !1;
@@ -1660,9 +1680,9 @@ class Yr {
     }
   }
 }
-const Ae = new Yr();
-function zr(t) {
-  const e = R(/* @__PURE__ */ new Map()), r = x(({ styleId: s, css: i, common: a }) => {
+const Ae = new Wr();
+function Yr(t) {
+  const e = A(/* @__PURE__ */ new Map()), r = x(({ styleId: s, css: i, common: a }) => {
     if (!(!s || typeof document > "u")) {
       if (i) {
         let c = e.current.get(s);
@@ -1684,7 +1704,7 @@ function zr(t) {
     }
     Ae.reset();
   }, []);
-  return D(() => {
+  return M(() => {
     if (!t) return;
     for (const a of t.getUiStyles())
       r(a);
@@ -1692,9 +1712,9 @@ function zr(t) {
     return () => {
       s?.(), i?.(), o();
     };
-  }, [t, o, r, n]), D(() => () => o(), [o]), { setStyle: r, deleteStyles: n, reset: o };
+  }, [t, o, r, n]), M(() => () => o(), [o]), { setStyle: r, deleteStyles: n, reset: o };
 }
-function Wr(t) {
+function zr(t) {
   const e = [];
   for (const [r, n] of t) {
     const o = n.store.getSnapshot(), s = o.rootViewId && o.views.has(o.rootViewId);
@@ -1703,35 +1723,35 @@ function Wr(t) {
   return e.sort(), e.join(",");
 }
 function qr(t) {
-  const [e, r] = X(), n = R("");
-  return D(() => {
+  const [e, r] = Y(), n = A("");
+  return M(() => {
     if (!t) {
       r(void 0), n.current = "";
       return;
     }
     const o = () => {
-      const s = t.getStores(), i = Wr(s);
+      const s = t.getStores(), i = zr(s);
       i !== n.current && (n.current = i, r(s));
     };
     return o(), t.subscribe(o);
   }, [t]), e;
 }
-var Gr = typeof global == "object" && global && global.Object === Object && global, Hr = typeof self == "object" && self && self.Object === Object && self, Jr = Gr || Hr || Function("return this")(), ye = Jr.Symbol, mt = Object.prototype, Xr = mt.hasOwnProperty, Zr = mt.toString, ce = ye ? ye.toStringTag : void 0;
+var Gr = typeof global == "object" && global && global.Object === Object && global, Hr = typeof self == "object" && self && self.Object === Object && self, Jr = Gr || Hr || Function("return this")(), pe = Jr.Symbol, mt = Object.prototype, Xr = mt.hasOwnProperty, Zr = mt.toString, ae = pe ? pe.toStringTag : void 0;
 function Qr(t) {
-  var e = Xr.call(t, ce), r = t[ce];
+  var e = Xr.call(t, ae), r = t[ae];
   try {
-    t[ce] = void 0;
+    t[ae] = void 0;
     var n = !0;
   } catch {
   }
   var o = Zr.call(t);
-  return n && (e ? t[ce] = r : delete t[ce]), o;
+  return n && (e ? t[ae] = r : delete t[ae]), o;
 }
 var en = Object.prototype, tn = en.toString;
 function rn(t) {
   return tn.call(t);
 }
-var nn = "[object Null]", on = "[object Undefined]", nt = ye ? ye.toStringTag : void 0;
+var nn = "[object Null]", on = "[object Undefined]", nt = pe ? pe.toStringTag : void 0;
 function sn(t) {
   return t == null ? t === void 0 ? on : nn : nt && nt in Object(t) ? Qr(t) : rn(t);
 }
@@ -1794,15 +1814,15 @@ function ho(t) {
   const o = [], s = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set();
   for (const c of n) {
     if (typeof c == "string") {
-      const b = c.trim();
-      if (!b || i.has(b))
+      const S = c.trim();
+      if (!S || i.has(S))
         continue;
-      o.push(b), i.add(b);
+      o.push(S), i.add(S);
       continue;
     }
     if (!Le(c))
       continue;
-    const f = c, d = Object.keys(f).find((b) => b.toLowerCase() === "name");
+    const f = c, d = Object.keys(f).find((S) => S.toLowerCase() === "name");
     if (!d)
       continue;
     const h = f[d];
@@ -1811,7 +1831,7 @@ function ho(t) {
     const u = h.trim();
     if (!u)
       continue;
-    const g = Object.keys(f).find((b) => b.toLowerCase() === "javascript"), y = g ? f[g] : void 0;
+    const g = Object.keys(f).find((S) => S.toLowerCase() === "javascript"), y = g ? f[g] : void 0;
     typeof y == "string" && s.set(u, y), i.has(u) || (o.push(u), i.add(u));
   }
   if (!o.length && s.size === 0)
@@ -1822,7 +1842,7 @@ function ho(t) {
   }));
   return a.length > 0 ? { modules: o, inlineModules: a } : { modules: o };
 }
-const E = {
+const v = {
   None: 0,
   Letter: 1,
   Word: 2,
@@ -1831,7 +1851,7 @@ const E = {
   Emoji: 16
 }, hn = [
   {
-    flag: E.Letter,
+    flag: v.Letter,
     hints: [
       "[data-motion-letter]",
       "[data-letter]",
@@ -1840,7 +1860,7 @@ const E = {
     ]
   },
   {
-    flag: E.Word,
+    flag: v.Word,
     hints: [
       "[data-motion-word]",
       "[data-word]",
@@ -1849,7 +1869,7 @@ const E = {
     ]
   },
   {
-    flag: E.Line,
+    flag: v.Line,
     hints: [
       "[data-motion-line]",
       "[data-line]",
@@ -1858,7 +1878,7 @@ const E = {
     ]
   },
   {
-    flag: E.Paragraph,
+    flag: v.Paragraph,
     hints: [
       "[data-motion-paragraph]",
       "[data-paragraph]",
@@ -1869,7 +1889,7 @@ const E = {
     ]
   },
   {
-    flag: E.Emoji,
+    flag: v.Emoji,
     hints: [
       ":is([data-motion-emoji],[data-emoji],.tw-motion-emoji,.tw-emoji)",
       "[data-motion-emoji]",
@@ -1878,19 +1898,19 @@ const E = {
       "[data-emoji]"
     ]
   }
-], Me = E.Letter | E.Word | E.Line | E.Paragraph | E.Emoji, mn = E.Letter | E.Word | E.Line | E.Paragraph, st = /* @__PURE__ */ new Map(), pn = 16384;
+], Me = v.Letter | v.Word | v.Line | v.Paragraph | v.Emoji, mn = v.Letter | v.Word | v.Line | v.Paragraph, st = /* @__PURE__ */ new Map(), pn = 16384;
 function mo(t, e) {
   if (!t || t.length > pn)
     return t;
-  const r = Pn(e), n = Q(r, E.Emoji), o = r & mn;
-  if (o === E.None && !n)
+  const r = Pn(e), n = ne(r, v.Emoji), o = r & mn;
+  if (o === v.None && !n)
     return t;
   const s = t.replace(/\r\n/g, `
 `).replace(/\r/g, `
 `);
-  if (o === E.None)
+  if (o === v.None)
     return ut(s);
-  const i = On(s);
+  const i = _n(s);
   if (i.length === 0)
     return n ? ut(s) : t;
   const a = Nn(i), c = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, f = [];
@@ -1906,14 +1926,14 @@ function gn(t, e, r) {
     const s = yn(o, e, r);
     n.push(...s);
   }
-  if (Q(e, E.Paragraph)) {
+  if (ne(e, v.Paragraph)) {
     const o = r.paragraph++;
     return [
-      /* @__PURE__ */ A.jsx(
+      /* @__PURE__ */ R.jsx(
         "span",
         {
           "data-motion-paragraph": !0,
-          style: we(o),
+          style: Se(o),
           children: n
         },
         `motion-paragraph-${o}`
@@ -1924,21 +1944,21 @@ function gn(t, e, r) {
 }
 function yn(t, e, r) {
   const n = Sn(t.text, e, r), o = [];
-  if (Q(e, E.Line)) {
+  if (ne(e, v.Line)) {
     const s = r.line++;
     o.push(
-      /* @__PURE__ */ A.jsx("span", { "data-motion-line": !0, style: we(s), children: n }, `motion-line-${s}`)
+      /* @__PURE__ */ R.jsx("span", { "data-motion-line": !0, style: Se(s), children: n }, `motion-line-${s}`)
     );
   } else
     o.push(...n);
   for (let s = 0; s < t.breaks; s++)
-    o.push(/* @__PURE__ */ A.jsx("br", {}, `motion-break-${r.br++}`));
+    o.push(/* @__PURE__ */ R.jsx("br", {}, `motion-break-${r.br++}`));
   return o;
 }
 function Sn(t, e, r) {
   if (!t)
     return [];
-  const n = Q(e, E.Word), o = [], s = /(\s+)/g;
+  const n = ne(e, v.Word), o = [], s = /(\s+)/g;
   let i = 0, a;
   for (; (a = s.exec(t)) !== null; ) {
     if (a.index > i) {
@@ -1955,15 +1975,15 @@ function Sn(t, e, r) {
 }
 function it(t, e, r, n) {
   const o = e.word++, s = wn(t, r, e), i = `motion-word-${o}`, a = bn(o, n);
-  return n ? /* @__PURE__ */ A.jsx("span", { "data-motion-word": !0, style: a, children: s }, i) : /* @__PURE__ */ A.jsx("span", { style: a, children: s }, i);
+  return n ? /* @__PURE__ */ R.jsx("span", { "data-motion-word": !0, style: a, children: s }, i) : /* @__PURE__ */ R.jsx("span", { style: a, children: s }, i);
 }
 function bn(t, e) {
-  return e ? { ...we(t), whiteSpace: "nowrap" } : { whiteSpace: "nowrap" };
+  return e ? { ...Se(t), whiteSpace: "nowrap" } : { whiteSpace: "nowrap" };
 }
 function wn(t, e, r) {
   if (!t)
     return [];
-  const n = Q(e, E.Letter), o = Q(e, E.Emoji);
+  const n = ne(e, v.Letter), o = ne(e, v.Emoji);
   if (!n) {
     if (!o)
       return [t];
@@ -1975,17 +1995,17 @@ function wn(t, e, r) {
   }
   const s = [], i = Ue(t);
   for (const a of i) {
-    const c = r.letter++, f = `motion-letter-${c}`, d = we(c);
+    const c = r.letter++, f = `motion-letter-${c}`, d = Se(c);
     if (a === `
 `) {
       s.push(
-        /* @__PURE__ */ A.jsx("span", { "data-motion-letter": !0, style: d, children: /* @__PURE__ */ A.jsx("br", {}) }, f)
+        /* @__PURE__ */ R.jsx("span", { "data-motion-letter": !0, style: d, children: /* @__PURE__ */ R.jsx("br", {}) }, f)
       );
       continue;
     }
     const u = o && pt(a) ? { "data-motion-emoji": !0 } : void 0, g = a === " " ? " " : a;
     s.push(
-      /* @__PURE__ */ A.jsx("span", { "data-motion-letter": !0, style: d, ...u, children: g }, f)
+      /* @__PURE__ */ R.jsx("span", { "data-motion-letter": !0, style: d, ...u, children: g }, f)
     );
   }
   return s;
@@ -1996,9 +2016,9 @@ function Ue(t) {
   const e = vn();
   return e ? Array.from(e.segment(t), (r) => r.segment) : Rn(t);
 }
-let ue;
+let ce;
 function vn() {
-  return ue !== void 0 || (typeof Intl < "u" && typeof Intl.Segmenter == "function" ? ue = new Intl.Segmenter(void 0, { granularity: "grapheme" }) : ue = null), ue;
+  return ce !== void 0 || (typeof Intl < "u" && typeof Intl.Segmenter == "function" ? ce = new Intl.Segmenter(void 0, { granularity: "grapheme" }) : ce = null), ce;
 }
 function Rn(t) {
   const e = [], r = Array.from(t);
@@ -2051,10 +2071,10 @@ function In() {
     const t = new RegExp("\\p{Extended_Pictographic}", "u");
     return (e) => t.test(e);
   } catch {
-    return _n;
+    return On;
   }
 }
-function _n(t) {
+function On(t) {
   if (!t)
     return !1;
   for (const e of Array.from(t)) {
@@ -2064,7 +2084,7 @@ function _n(t) {
   }
   return !1;
 }
-function On(t) {
+function _n(t) {
   const e = [];
   let r = "", n = 0;
   for (let o = 0; o < t.length; o++) {
@@ -2087,10 +2107,10 @@ function Nn(t) {
     r.push(n), n.breaks >= 2 && (e.push(r), r = []);
   return r.length > 0 && e.push(r), e;
 }
-function Q(t, e) {
+function ne(t, e) {
   return (t & e) === e;
 }
-function we(t) {
+function Se(t) {
   return {
     "--tw-motion-seq-index": t.toString(),
     backgroundColor: "inherit",
@@ -2127,7 +2147,7 @@ function gt(t, e) {
       o = !0, i();
       const f = `motion-emoji-${e ? e.emoji++ : s++}`;
       r.push(
-        /* @__PURE__ */ A.jsx("span", { "data-motion-emoji": !0, children: a }, f)
+        /* @__PURE__ */ R.jsx("span", { "data-motion-emoji": !0, children: a }, f)
       );
       continue;
     }
@@ -2137,22 +2157,22 @@ function gt(t, e) {
 }
 function Pn(t) {
   if (!t)
-    return E.None;
+    return v.None;
   const e = t.trim();
   if (!e)
-    return E.None;
+    return v.None;
   const r = st.get(e);
   if (typeof r == "number")
     return r;
   if (typeof document > "u")
-    return E.None;
+    return v.None;
   const n = e.split(/\s+/).filter(Boolean);
   if (n.length === 0)
-    return E.None;
+    return v.None;
   const s = n.map((c) => `.${jn(c)}`).map(
     (c) => new RegExp(`(^|[^a-zA-Z0-9_-])${Ln(c)}(?![a-zA-Z0-9_-])`)
   );
-  let i = E.None, a = !1;
+  let i = v.None, a = !1;
   for (const c of Array.from(document.styleSheets)) {
     let f;
     try {
@@ -2165,12 +2185,12 @@ function Pn(t) {
       break;
     a ||= d.sawStyleRule;
   }
-  return (i !== E.None || a) && st.set(e, i), i;
+  return (i !== v.None || a) && st.set(e, i), i;
 }
 function yt(t, e) {
   if (!t)
-    return { mask: E.None, sawStyleRule: !1 };
-  let r = E.None, n = !1;
+    return { mask: v.None, sawStyleRule: !1 };
+  let r = v.None, n = !1;
   for (let o = 0; o < t.length; o++) {
     const s = t[o];
     if (s) {
@@ -2199,7 +2219,7 @@ function Ln(t) {
   return t.replace(/[.*+?^${}()|[\]\\]/g, (e) => `\\${e}`);
 }
 const $e = "ikon_auth_session", Mn = 7 * 24 * 60 * 60 * 1e3;
-function ve(t) {
+function be(t) {
   try {
     localStorage.setItem($e, JSON.stringify(t));
   } catch {
@@ -2223,7 +2243,7 @@ function bt() {
     console.warn("Failed to clear auth session from localStorage");
   }
 }
-function le(t) {
+function ue(t) {
   return {
     id: "",
     provider: t.provider,
@@ -2232,7 +2252,7 @@ function le(t) {
   };
 }
 async function wt(t, e) {
-  const r = pe(), n = await fetch(`${e}/anonymous`, {
+  const r = he(), n = await fetch(`${e}/anonymous`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify({ deviceId: r, space: t })
@@ -2246,7 +2266,7 @@ async function wt(t, e) {
     provider: "anonymous",
     authenticatedAt: Date.now()
   };
-  return ve(s), s;
+  return be(s), s;
 }
 async function po(t) {
   const { email: e, spaceId: r, authUrl: n, returnUrl: o = window.location.origin + window.location.pathname } = t, s = await fetch(`${n}/email/send`, {
@@ -2304,7 +2324,7 @@ async function Bn(t, e, r) {
     provider: "passkey",
     authenticatedAt: Date.now()
   };
-  return ve(s), s;
+  return be(s), s;
 }
 async function $n(t, e) {
   const r = await fetch(`${t}/passkey/authentication/options`, {
@@ -2333,7 +2353,7 @@ async function Vn(t, e) {
     provider: "passkey",
     authenticatedAt: Date.now()
   };
-  return ve(o), o;
+  return be(o), o;
 }
 function q(t) {
   const e = new Uint8Array(t);
@@ -2342,7 +2362,7 @@ function q(t) {
     r += String.fromCharCode(o);
   return btoa(r).replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, "");
 }
-function Se(t) {
+function ge(t) {
   const e = t.replace(/-/g, "+").replace(/_/g, "/"), r = (4 - e.length % 4) % 4, n = e.padEnd(e.length + r, "="), o = atob(n), s = new ArrayBuffer(o.length), i = new Uint8Array(s);
   for (let a = 0; a < o.length; a++)
     i[a] = o.charCodeAt(a);
@@ -2358,7 +2378,7 @@ function vt(t) {
   const { id: e } = t;
   return {
     ...t,
-    id: Se(e),
+    id: ge(e),
     /**
      * `descriptor.transports` is an array of our `AuthenticatorTransportFuture` that includes newer
      * transports that TypeScript's DOM lib is ignorant of. Convince TS that our list of transports
@@ -2373,7 +2393,7 @@ function Rt(t) {
     t === "localhost" || /^([a-z0-9]+(-[a-z0-9]+)*\.)+[a-z]{2,}$/i.test(t)
   );
 }
-class P extends Error {
+class j extends Error {
   constructor({ message: e, code: r, cause: n, name: o }) {
     super(e, { cause: n }), Object.defineProperty(this, "code", {
       enumerable: !0,
@@ -2383,20 +2403,20 @@ class P extends Error {
     }), this.name = o ?? n.name, this.code = r;
   }
 }
-function Yn({ error: t, options: e }) {
+function Wn({ error: t, options: e }) {
   const { publicKey: r } = e;
   if (!r)
     throw Error("options was missing required publicKey property");
   if (t.name === "AbortError") {
     if (e.signal instanceof AbortSignal)
-      return new P({
+      return new j({
         message: "Registration ceremony was sent an abort signal",
         code: "ERROR_CEREMONY_ABORTED",
         cause: t
       });
   } else if (t.name === "ConstraintError") {
     if (r.authenticatorSelection?.requireResidentKey === !0)
-      return new P({
+      return new j({
         message: "Discoverable credentials were required but no available authenticator supported it",
         code: "ERROR_AUTHENTICATOR_MISSING_DISCOVERABLE_CREDENTIAL_SUPPORT",
         cause: t
@@ -2405,36 +2425,36 @@ function Yn({ error: t, options: e }) {
       // @ts-ignore: `mediation` doesn't yet exist on CredentialCreationOptions but it's possible as of Sept 2024
       e.mediation === "conditional" && r.authenticatorSelection?.userVerification === "required"
     )
-      return new P({
+      return new j({
         message: "User verification was required during automatic registration but it could not be performed",
         code: "ERROR_AUTO_REGISTER_USER_VERIFICATION_FAILURE",
         cause: t
       });
     if (r.authenticatorSelection?.userVerification === "required")
-      return new P({
+      return new j({
         message: "User verification was required but no available authenticator supported it",
         code: "ERROR_AUTHENTICATOR_MISSING_USER_VERIFICATION_SUPPORT",
         cause: t
       });
   } else {
     if (t.name === "InvalidStateError")
-      return new P({
+      return new j({
         message: "The authenticator was previously registered",
         code: "ERROR_AUTHENTICATOR_PREVIOUSLY_REGISTERED",
         cause: t
       });
     if (t.name === "NotAllowedError")
-      return new P({
+      return new j({
         message: t.message,
         code: "ERROR_PASSTHROUGH_SEE_CAUSE_PROPERTY",
         cause: t
       });
     if (t.name === "NotSupportedError")
-      return r.pubKeyCredParams.filter((o) => o.type === "public-key").length === 0 ? new P({
+      return r.pubKeyCredParams.filter((o) => o.type === "public-key").length === 0 ? new j({
         message: 'No entry in pubKeyCredParams was of type "public-key"',
         code: "ERROR_MALFORMED_PUBKEYCREDPARAMS",
         cause: t
-      }) : new P({
+      }) : new j({
         message: "No available authenticator supported any of the specified pubKeyCredParams algorithms",
         code: "ERROR_AUTHENTICATOR_NO_SUPPORTED_PUBKEYCREDPARAMS_ALG",
         cause: t
@@ -2443,25 +2463,25 @@ function Yn({ error: t, options: e }) {
       const n = globalThis.location.hostname;
       if (Rt(n)) {
         if (r.rp.id !== n)
-          return new P({
+          return new j({
             message: `The RP ID "${r.rp.id}" is invalid for this domain`,
             code: "ERROR_INVALID_RP_ID",
             cause: t
           });
-      } else return new P({
+      } else return new j({
         message: `${globalThis.location.hostname} is an invalid domain`,
         code: "ERROR_INVALID_DOMAIN",
         cause: t
       });
     } else if (t.name === "TypeError") {
       if (r.user.id.byteLength < 1 || r.user.id.byteLength > 64)
-        return new P({
+        return new j({
           message: "User ID was not between 1 and 64 characters",
           code: "ERROR_INVALID_USER_ID_LENGTH",
           cause: t
         });
     } else if (t.name === "UnknownError")
-      return new P({
+      return new j({
         message: "The authenticator was unable to process the specified options, or could not create a new credential",
         code: "ERROR_AUTHENTICATOR_GENERAL_ERROR",
         cause: t
@@ -2469,7 +2489,7 @@ function Yn({ error: t, options: e }) {
   }
   return t;
 }
-class zn {
+class Yn {
   constructor() {
     Object.defineProperty(this, "controller", {
       enumerable: !0,
@@ -2493,9 +2513,9 @@ class zn {
     }
   }
 }
-const Et = new zn(), Wn = ["cross-platform", "platform"];
+const Et = new Yn(), zn = ["cross-platform", "platform"];
 function At(t) {
-  if (t && !(Wn.indexOf(t) < 0))
+  if (t && !(zn.indexOf(t) < 0))
     return t;
 }
 async function qn(t) {
@@ -2505,10 +2525,10 @@ async function qn(t) {
     throw new Error("WebAuthn is not supported in this browser");
   const n = {
     ...e,
-    challenge: Se(e.challenge),
+    challenge: ge(e.challenge),
     user: {
       ...e.user,
-      id: Se(e.user.id)
+      id: ge(e.user.id)
     },
     excludeCredentials: e.excludeCredentials?.map(vt)
   }, o = {};
@@ -2517,7 +2537,7 @@ async function qn(t) {
   try {
     s = await navigator.credentials.create(o);
   } catch (y) {
-    throw Yn({ error: y, options: o });
+    throw Wn({ error: y, options: o });
   }
   if (!s)
     throw new Error("Registration was not completed");
@@ -2581,14 +2601,14 @@ function Hn({ error: t, options: e }) {
     throw Error("options was missing required publicKey property");
   if (t.name === "AbortError") {
     if (e.signal instanceof AbortSignal)
-      return new P({
+      return new j({
         message: "Authentication ceremony was sent an abort signal",
         code: "ERROR_CEREMONY_ABORTED",
         cause: t
       });
   } else {
     if (t.name === "NotAllowedError")
-      return new P({
+      return new j({
         message: t.message,
         code: "ERROR_PASSTHROUGH_SEE_CAUSE_PROPERTY",
         cause: t
@@ -2597,18 +2617,18 @@ function Hn({ error: t, options: e }) {
       const n = globalThis.location.hostname;
       if (Rt(n)) {
         if (r.rpId !== n)
-          return new P({
+          return new j({
             message: `The RP ID "${r.rpId}" is invalid for this domain`,
             code: "ERROR_INVALID_RP_ID",
             cause: t
           });
-      } else return new P({
+      } else return new j({
         message: `${globalThis.location.hostname} is an invalid domain`,
         code: "ERROR_INVALID_DOMAIN",
         cause: t
       });
     } else if (t.name === "UnknownError")
-      return new P({
+      return new j({
         message: "The authenticator was unable to process the specified options, or could not create a new assertion signature",
         code: "ERROR_AUTHENTICATOR_GENERAL_ERROR",
         cause: t
@@ -2625,7 +2645,7 @@ async function Jn(t) {
   e.allowCredentials?.length !== 0 && (o = e.allowCredentials?.map(vt));
   const s = {
     ...e,
-    challenge: Se(e.challenge),
+    challenge: ge(e.challenge),
     allowCredentials: o
   }, i = {};
   if (r) {
@@ -2662,13 +2682,13 @@ async function Jn(t) {
 }
 const Ke = dt(null);
 function go({ children: t, config: e }) {
-  const [r, n] = X({
+  const [r, n] = Y({
     isAuthenticated: !1,
     isLoading: !0,
     user: null,
     error: null
   });
-  D(() => {
+  M(() => {
     (() => {
       const d = xn();
       if (d) {
@@ -2687,10 +2707,10 @@ function go({ children: t, config: e }) {
           provider: h.provider,
           authenticatedAt: Date.now()
         };
-        ve(g), lt(), n({
+        be(g), lt(), n({
           isAuthenticated: !0,
           isLoading: !1,
-          user: le(g),
+          user: ue(g),
           error: null
         });
         return;
@@ -2700,7 +2720,7 @@ function go({ children: t, config: e }) {
         n({
           isAuthenticated: !0,
           isLoading: !1,
-          user: le(u),
+          user: ue(u),
           error: null
         });
         return;
@@ -2722,7 +2742,7 @@ function go({ children: t, config: e }) {
         }));
         return;
       }
-      const d = e.authUrl ?? Oe();
+      const d = e.authUrl ?? _e();
       if (f === "guest") {
         n((u) => ({ ...u, isLoading: !0 }));
         try {
@@ -2730,7 +2750,7 @@ function go({ children: t, config: e }) {
           n({
             isAuthenticated: !0,
             isLoading: !1,
-            user: le(u),
+            user: ue(u),
             error: null
           });
         } catch (u) {
@@ -2749,7 +2769,7 @@ function go({ children: t, config: e }) {
           n({
             isAuthenticated: !0,
             isLoading: !1,
-            user: le(y),
+            user: ue(y),
             error: null
           });
         } catch (u) {
@@ -2774,14 +2794,14 @@ function go({ children: t, config: e }) {
     });
   }, []), i = x(
     async (f) => {
-      const d = e.authUrl ?? Oe();
+      const d = e.authUrl ?? _e();
       n((h) => ({ ...h, isLoading: !0, error: null }));
       try {
         const h = await Fn(d), u = await qn({ optionsJSON: h }), g = await Bn(d, u, f);
         n({
           isAuthenticated: !0,
           isLoading: !1,
-          user: le(g),
+          user: ue(g),
           error: null
         });
       } catch (h) {
@@ -2793,7 +2813,7 @@ function go({ children: t, config: e }) {
       }
     },
     [e.authUrl]
-  ), a = x(() => r.user?.token ?? null, [r.user]), c = Y(
+  ), a = x(() => r.user?.token ?? null, [r.user]), c = K(
     () => ({
       state: r,
       login: o,
@@ -2803,7 +2823,7 @@ function go({ children: t, config: e }) {
     }),
     [r, o, s, a, i]
   );
-  return /* @__PURE__ */ A.jsx(Ke, { value: c, children: t });
+  return /* @__PURE__ */ R.jsx(Ke, { value: c, children: t });
 }
 function Xn() {
   const t = De(Ke);
@@ -2815,8 +2835,8 @@ function yo() {
   return De(Ke);
 }
 function So(t) {
-  const { config: e, guestUrlParam: r } = t, { state: n, login: o } = Xn(), s = R(!1);
-  return D(() => {
+  const { config: e, guestUrlParam: r } = t, { state: n, login: o } = Xn(), s = A(!1);
+  return M(() => {
     if (!r || n.isAuthenticated || n.isLoading || s.current || !e.methods.includes("guest"))
       return;
     const i = new URLSearchParams(window.location.search), a = i.get(r);
@@ -2871,7 +2891,7 @@ function bo({
       return null;
   }
 }
-const _e = be("useIkonApp");
+const Oe = ye("useIkonApp");
 function Zn() {
   if (typeof window < "u" && window.__IKON_AUTH_CONFIG__)
     return window.__IKON_AUTH_CONFIG__;
@@ -2881,121 +2901,120 @@ function Qn() {
     return window.__IKON_LOCAL_IKON_SERVER_CONFIG__;
 }
 function wo(t) {
-  const { authConfig: e, localServer: r, modules: n, registerModules: o, onJoined: s, onConnectionStateChange: i, onError: a, timeouts: c, audio: f, video: d, mediaSession: h } = t, u = e === void 0 ? Zn() ?? null : e, g = r ?? Qn(), y = R(null), b = R(null), m = R(null), p = R(!1), v = R(f), k = R(d), I = R(h), L = R(c), G = R(i), Z = R(a), C = R(s);
-  v.current = f, k.current = d, I.current = h, L.current = c, G.current = i, Z.current = a, C.current = s;
-  const [N, F] = X("idle"), [j, M] = X(null), [z, ee] = X(null), [J, fe] = X(null), [te, re] = X(!1), B = Y(() => {
+  const { authConfig: e, modules: r, timeouts: n, backgroundAudio: o, webRtc: s } = t, i = e === void 0 ? Zn() ?? null : e, a = Qn(), c = A(null), f = A(null), d = A(null), h = A(!1), u = A(o), g = A(n), y = A(s);
+  u.current = o, g.current = n, y.current = s;
+  const [S, m] = Y("idle"), [p, w] = Y(null), [T, _] = Y(null), [D, G] = Y(null), [Z, C] = Y(null), [P, U] = Y(null), [O, F] = Y(null), [W, Q] = Y(!1), B = K(() => {
     try {
-      const w = Nt();
-      return (w.sessionId || w.channelKey) && Pt(), w;
+      const E = Nt();
+      return (E.sessionId || E.channelKey) && Pt(), E;
     } catch {
       return { parameters: {} };
     }
-  }, []), l = Y(() => u?.enabled ? St() : null, [u?.enabled]), S = g?.enabled ?? !1, T = g?.host ?? "localhost", _ = g?.port ?? 8443;
-  D(() => {
-    !S && Ye() && u && !u.enabled && u.spaceId && !J && !te && (re(!0), wt(u.spaceId, u.authUrl ?? Oe()).then((O) => {
-      fe(O.token);
-    }).catch((O) => {
-      _e.error("Anonymous auth failed:", O), M(O instanceof Error ? O.message : "Anonymous auth failed");
+  }, []), J = K(() => i?.enabled ? St() : null, [i?.enabled]), X = a?.enabled ?? !1, ee = a?.host ?? "localhost", te = a?.port ?? 8443;
+  M(() => {
+    !X && We() && i && !i.enabled && i.spaceId && !O && !W && (Q(!0), wt(i.spaceId, i.authUrl ?? _e()).then((I) => {
+      F(I.token);
+    }).catch((I) => {
+      Oe.error("Anonymous auth failed:", I), w(I instanceof Error ? I.message : "Anonymous auth failed");
     }).finally(() => {
-      re(!1);
+      Q(!1);
     }));
-  }, [S, u, J, te]);
-  const V = Y(() => {
-    if (S) {
-      const w = l?.token ? jt(l.token) ?? pe() : pe();
+  }, [X, i, O, W]);
+  const l = K(() => {
+    if (X) {
+      const E = J?.token ? jt(J.token) ?? he() : he();
       return {
         local: {
-          host: T,
-          httpsPort: _,
-          userId: w,
+          host: ee,
+          httpsPort: te,
+          userId: E,
           parameters: B.parameters
         }
       };
     }
-    return l?.token && u?.spaceId ? {
+    return J?.token && i?.spaceId ? {
       sessionToken: {
-        token: l.token,
-        spaceId: u.spaceId,
-        backendType: ze(),
+        token: J.token,
+        spaceId: i.spaceId,
+        backendType: Ye(),
         sessionId: B.sessionId,
         channelKey: B.channelKey,
         parameters: B.parameters
       }
-    } : J && u?.spaceId ? {
+    } : O && i?.spaceId ? {
       sessionToken: {
-        token: J,
-        spaceId: u.spaceId,
-        backendType: ze(),
+        token: O,
+        spaceId: i.spaceId,
+        backendType: Ye(),
         sessionId: B.sessionId,
         channelKey: B.channelKey,
         parameters: B.parameters
       }
-    } : Ye() ? null : {
+    } : We() ? null : {
       local: {
-        host: T,
-        httpsPort: _,
-        userId: pe(),
+        host: ee,
+        httpsPort: te,
+        userId: he(),
         parameters: B.parameters
       }
     };
-  }, [S, T, _, l?.token, u?.spaceId, J, B.sessionId, B.channelKey, B.parameters]);
-  zr(z);
-  const K = qr(z);
-  D(() => {
-    if (!p.current) {
-      if (p.current = !0, m.current = xr(), n)
-        for (const w of n)
-          w(m.current);
-      o?.(m.current), m.current.loadRegisteredModules().catch((w) => {
-        _e.error("Failed to load UI modules", w);
+  }, [X, ee, te, J?.token, i?.spaceId, O, B.sessionId, B.channelKey, B.parameters]);
+  Yr(T);
+  const b = qr(T);
+  M(() => {
+    if (!h.current) {
+      if (h.current = !0, d.current = xr(), r)
+        for (const E of r)
+          E(d.current);
+      d.current.loadRegisteredModules().catch((E) => {
+        Oe.error("Failed to load UI modules", E);
       });
     }
-  }, []), D(() => {
-    if (!V) return;
-    const w = new Lt({
-      ...V,
-      timeouts: L.current,
-      audio: v.current,
-      video: k.current,
-      mediaSession: I.current,
-      onConnectionStateChange: (U) => {
-        F(U), G.current?.(U);
-      },
-      onError: (U) => {
-        M(U.message), Z.current?.(U);
+  }, []), M(() => {
+    if (!l) return;
+    const E = new Lt({
+      ...l,
+      timeouts: g.current,
+      audio: u.current ? { background: { allowOnDesktop: !0, allowOnMobile: !0 } } : void 0,
+      mediaSession: { title: document.title || void 0, artist: document.title || void 0 },
+      webRtc: y.current ? { enabled: !0 } : void 0,
+      onConnectionStateChange: (V) => {
+        m(V), y.current && V === "connected" && (G(E.webRtcAudioStream), C(E.webRtcVideoStream), U(E.webRtcScreenStream));
       },
-      onJoined: () => {
-        const U = w.globalState?.SessionId;
-        C.current?.(U);
+      onError: (V) => {
+        w(V.message);
       }
     });
-    y.current = w;
-    const O = new Zt({ client: w });
-    return b.current = O, ee(O), w.connect().catch((U) => {
-      _e.error("Connection failed:", U);
+    c.current = E;
+    const I = new Zt({ client: E });
+    return f.current = I, _(I), E.connect().catch((V) => {
+      Oe.error("Connection failed:", V);
     }), () => {
-      w.disconnect(), y.current = null, O.dispose(), b.current = null;
+      E.disconnect(), c.current = null, I.dispose(), f.current = null, G(null), C(null), U(null);
     };
-  }, [V]);
-  const ne = x((w, O) => {
-    const U = typeof O == "string" ? O : JSON.stringify(O ?? {});
-    y.current?.sendActionCall(w, U);
-  }, []), oe = N === "connected" || N === "reconnecting";
+  }, [l]);
+  const k = x((E, I) => {
+    const V = typeof I == "string" ? I : JSON.stringify(I ?? {});
+    c.current?.sendActionCall(E, V);
+  }, []), N = S === "connected" || S === "reconnecting";
   return {
-    connectionState: N,
-    error: j,
-    stores: K,
-    client: y.current,
-    registry: m.current,
-    clientRef: y,
-    uiRef: b,
-    registryRef: m,
-    onAction: ne,
-    isReady: oe
+    connectionState: S,
+    error: p,
+    stores: b,
+    client: c.current,
+    registry: d.current,
+    clientRef: c,
+    uiRef: f,
+    registryRef: d,
+    onAction: k,
+    isReady: N,
+    webRtcAudioStream: D,
+    webRtcVideoStream: Z,
+    webRtcScreenStream: P
   };
 }
 function vo(t) {
-  const e = R(!1);
+  const e = A(!1);
   return x(() => {
     if (e.current) return;
     e.current = !0;
@@ -3005,16 +3024,16 @@ function vo(t) {
 }
 let eo = 0;
 function Ro(t = 5, e = 5e3) {
-  const [r, n] = X([]), o = R(/* @__PURE__ */ new Map()), s = x((i) => {
+  const [r, n] = Y([]), o = A(/* @__PURE__ */ new Map()), s = x((i) => {
     const a = o.current.get(i);
     a && (clearTimeout(a), o.current.delete(i)), n((c) => c.filter((f) => f.id !== i));
   }, []);
-  return D(() => {
+  return M(() => {
     const i = o.current, a = Mt(
       (c) => {
         if (!Ut())
           return;
-        const f = `toast-${++eo}`, d = c.level === We.ERROR ? "error" : "warn", h = {
+        const f = `toast-${++eo}`, d = c.level === ze.ERROR ? "error" : "warn", h = {
           id: f,
           level: d,
           message: c.message,
@@ -3026,7 +3045,7 @@ function Ro(t = 5, e = 5e3) {
         }, e);
         i.set(f, u);
       },
-      { minLevel: We.WARN }
+      { minLevel: ze.WARN }
     );
     return () => {
       a();
@@ -3056,7 +3075,7 @@ function Eo({
   defaultLanguage: r,
   detectLanguage: n = !1
 }) {
-  const o = Object.keys(e), s = no(o, n, r), i = e[s] ?? e.en, a = Y(
+  const o = Object.keys(e), s = no(o, n, r), i = e[s] ?? e.en, a = K(
     () => ({
       t: (c, f) => {
         const d = i[c];
@@ -3067,7 +3086,7 @@ function Eo({
     }),
     [i, s]
   );
-  return /* @__PURE__ */ A.jsx(Tt, { value: a, children: t });
+  return /* @__PURE__ */ R.jsx(Tt, { value: a, children: t });
 }
 function Ao() {
   const t = De(Tt);
@@ -3118,15 +3137,15 @@ export {
   Mr as registerShaderModule,
   qt as renderChildren,
   mo as renderMotionLetters,
-  ve as saveAuthSession,
+  be as saveAuthSession,
   po as sendMagicLink,
-  le as sessionToUser,
+  ue as sessionToUser,
   Xn as useAuth,
   So as useAuthGuard,
   yo as useAuthOptional,
   Ao as useI18n,
   wo as useIkonApp,
-  zr as useIkonStyles,
+  Yr as useIkonStyles,
   qr as useIkonUiStores,
   vo as useLazyFont,
   Ro as useToasts,