@ikonai/sdk-react-ui 1.0.15 → 1.0.17

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 { IkonUiCore as Lt, UiStreamStore as Mt } from "@ikonai/sdk-ui";
+import { UiStreamStore as Lo } from "@ikonai/sdk-ui";
+import Ut, { useSyncExternalStore as Ve, useMemo as W, memo as q, useRef as w, useCallback as D, Fragment as xt, useEffect as M, useState as z, createContext as gt, use as Ke } from "react";
+import { createLogger as Ee, getOrCreateDeviceId as be, deriveAuthUrl as Me, parseUrlParams as Dt, clearSessionParamsFromUrl as Ft, isCloudEnvironment as He, extractUserIdFromToken as Bt, deriveBackendType as Je, IkonClient as $t, subscribeToLogEvents as Vt, isDebugModeEnabled as Kt, LogLevel as Xe } from "@ikonai/sdk";
+var ye = { exports: {} }, ae = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -12,10 +12,10 @@ var he = { exports: {} }, se = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var qe;
-function xt() {
-  if (qe) return se;
-  qe = 1;
+var Ze;
+function Wt() {
+  if (Ze) return ae;
+  Ze = 1;
   var t = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
   function r(n, o, s) {
     var i = null;
@@ -32,9 +32,9 @@ function xt() {
       props: s
     };
   }
-  return se.Fragment = e, se.jsx = r, se.jsxs = r, se;
+  return ae.Fragment = e, ae.jsx = r, ae.jsxs = r, ae;
 }
-var ie = {};
+var ce = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -44,24 +44,24 @@ var ie = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ge;
-function Dt() {
-  return Ge || (Ge = 1, process.env.NODE_ENV !== "production" && function() {
+var Qe;
+function Yt() {
+  return Qe || (Qe = 1, process.env.NODE_ENV !== "production" && function() {
     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 === L ? 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 "Profiler";
+        case p:
           return "StrictMode";
-        case L:
+        case U:
           return "Suspense";
-        case G:
+        case X:
           return "SuspenseList";
         case N:
           return "Activity";
@@ -72,19 +72,19 @@ function Dt() {
         ), l.$$typeof) {
           case y:
             return "Portal";
-          case k:
+          case A:
             return (l.displayName || "Context") + ".Provider";
           case v:
             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 Z:
-            return S = l.displayName || null, S !== null ? S : t(l.type) || "Memo";
-          case C:
-            S = l._payload, l = l._init;
+          case _:
+            var b = l.render;
+            return l = l.displayName, l || (l = b.displayName || b.name || "", l = l !== "" ? "ForwardRef(" + l + ")" : "ForwardRef"), l;
+          case Q:
+            return b = l.displayName || null, b !== null ? b : t(l.type) || "Memo";
+          case k:
+            b = l._payload, l = l._init;
             try {
-              return t(l(S));
+              return t(l(b));
             } catch {
             }
         }
@@ -96,50 +96,50 @@ 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";
+      if (b) {
+        b = console;
+        var T = b.error, C = typeof Symbol == "function" && Symbol.toStringTag && l[Symbol.toStringTag] || l.constructor.name || "Object";
         return T.call(
-          S,
+          b,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          _
+          C
         ), e(l);
       }
     }
     function n(l) {
-      if (l === b) return "<>";
-      if (typeof l == "object" && l !== null && l.$$typeof === C)
+      if (l === S) return "<>";
+      if (typeof l == "object" && l !== null && l.$$typeof === k)
         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 = P.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 a(l, b) {
       function T() {
-        J || (J = !0, console.error(
+        oe || (oe = !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", {
@@ -149,17 +149,17 @@ function Dt() {
     }
     function c() {
       var l = t(this.type);
-      return fe[l] || (fe[l] = !0, console.error(
+      return me[l] || (me[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 = {
-        $$typeof: g,
+    function d(l, b, T, C, H, $, re, x) {
+      return T = $.ref, l = {
+        $$typeof: h,
         type: l,
-        key: S,
-        props: K,
-        _owner: V
+        key: b,
+        props: $,
+        _owner: H
       }, (T !== void 0 ? T : null) !== null ? Object.defineProperty(l, "ref", {
         enumerable: !1,
         get: c
@@ -177,68 +177,68 @@ function Dt() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: ne
+        value: re
       }), Object.defineProperty(l, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: oe
+        value: x
       }), 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 f(l, b, T, C, H, $, re, x) {
+      var I = b.children;
+      if (I !== void 0)
+        if (C)
+          if (G(I)) {
+            for (C = 0; C < I.length; C++)
+              g(I[C]);
+            Object.freeze && Object.freeze(I);
           } 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) {
-          return kt !== "key";
+        else g(I);
+      if (F.call(b, "key")) {
+        I = t(l);
+        var Y = Object.keys(b).filter(function(ie) {
+          return ie !== "key";
         });
-        _ = 0 < O.length ? "{key: someKey, " + O.join(": ..., ") + ": ...}" : "{key: someKey}", B[w + _] || (O = 0 < O.length ? "{" + O.join(": ..., ") + ": ...}" : "{}", console.error(
+        C = 0 < Y.length ? "{key: someKey, " + Y.join(": ..., ") + ": ...}" : "{key: someKey}", ge[I + C] || (Y = 0 < Y.length ? "{" + Y.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);
+          C,
+          I,
+          Y,
+          I
+        ), ge[I + C] = !0);
       }
-      if (w = null, T !== void 0 && (r(T), w = "" + T), i(S) && (r(S.key), w = "" + S.key), "key" in S) {
+      if (I = null, T !== void 0 && (r(T), I = "" + T), i(b) && (r(b.key), I = "" + b.key), "key" in b) {
         T = {};
-        for (var U in S)
-          U !== "key" && (T[U] = S[U]);
-      } else T = S;
-      return w && a(
+        for (var ee in b)
+          ee !== "key" && (T[ee] = b[ee]);
+      } else T = b;
+      return I && a(
         T,
         typeof l == "function" ? l.displayName || l.name || "Unknown" : l
-      ), f(
+      ), d(
         l,
-        w,
-        K,
-        V,
+        I,
+        $,
+        H,
         o(),
         T,
-        ne,
-        oe
+        re,
+        x
       );
     }
-    function h(l) {
-      typeof l == "object" && l !== null && l.$$typeof === g && l._store && (l._store.validated = 1);
+    function g(l) {
+      typeof l == "object" && l !== null && l.$$typeof === h && 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 = Ut, h = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), p = Symbol.for("react.strict_mode"), m = Symbol.for("react.profiler"), v = Symbol.for("react.consumer"), A = Symbol.for("react.context"), _ = Symbol.for("react.forward_ref"), U = Symbol.for("react.suspense"), X = Symbol.for("react.suspense_list"), Q = Symbol.for("react.memo"), k = Symbol.for("react.lazy"), N = Symbol.for("react.activity"), L = Symbol.for("react.client.reference"), P = u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, G = Array.isArray, te = console.createTask ? console.createTask : function() {
       return null;
     };
     u = {
@@ -246,44 +246,44 @@ React keys must be passed directly to JSX without using spread:
         return l();
       }
     };
-    var J, fe = {}, te = u["react-stack-bottom-frame"].bind(
+    var oe, me = {}, pe = 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++;
-      return d(
+    )(), se = te(n(s)), ge = {};
+    ce.Fragment = S, ce.jsx = function(l, b, T, C, H) {
+      var $ = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return f(
         l,
-        S,
+        b,
         T,
         !1,
-        _,
-        V,
-        K ? Error("react-stack-top-frame") : te,
-        K ? ee(n(l)) : re
+        C,
+        H,
+        $ ? Error("react-stack-top-frame") : pe,
+        $ ? te(n(l)) : se
       );
-    }, ie.jsxs = function(l, S, T, _, V) {
-      var K = 1e4 > j.recentlyCreatedOwnerStacks++;
-      return d(
+    }, ce.jsxs = function(l, b, T, C, H) {
+      var $ = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return f(
         l,
-        S,
+        b,
         T,
         !0,
-        _,
-        V,
-        K ? Error("react-stack-top-frame") : te,
-        K ? ee(n(l)) : re
+        C,
+        H,
+        $ ? Error("react-stack-top-frame") : pe,
+        $ ? te(n(l)) : se
       );
     };
-  }()), ie;
+  }()), ce;
 }
-var He;
-function Ft() {
-  return He || (He = 1, process.env.NODE_ENV === "production" ? he.exports = xt() : he.exports = Dt()), he.exports;
+var et;
+function zt() {
+  return et || (et = 1, process.env.NODE_ENV === "production" ? ye.exports = Wt() : ye.exports = Yt()), ye.exports;
 }
-var A = Ft();
-function Bt(t, e) {
-  const r = xe(
+var E = zt();
+function qt(t, e) {
+  const r = Ve(
     (n) => t.subscribe(n),
     () => {
       const n = t.getSnapshot(), o = e ?? n.rootViewId, s = o ? n.views.get(o) : void 0;
@@ -294,7 +294,7 @@ function Bt(t, e) {
       return `${o ?? ""}:${s?.id ?? ""}`;
     }
   );
-  return Y(() => {
+  return W(() => {
     const [n, o] = r.split(":");
     return {
       rootViewId: n || void 0,
@@ -302,16 +302,16 @@ function Bt(t, e) {
     };
   }, [r]);
 }
-function H(t, e) {
-  const r = xe(
+function Z(t, e) {
+  const r = Ve(
     (n) => t.subscribeNode(e, n),
     () => t.getNodeVersion(e),
     () => t.getNodeVersion(e)
   );
-  return Y(() => t.getNode(e), [t, e, r]);
+  return W(() => t.getNode(e), [t, e, r]);
 }
-const $t = be("UIRenderer");
-function Vt(t) {
+const Gt = Ee("UIRenderer");
+function Ht(t) {
   if (t === void 0)
     return "{}";
   if (typeof t == "string")
@@ -322,18 +322,18 @@ function Vt(t) {
     return "{}";
   }
 }
-function Kt(t) {
+function Jt(t) {
   const e = t.styleIds;
   return Array.isArray(e) ? e : [];
 }
-function Yt(t) {
+function Xt(t) {
   const e = t.children;
   return Array.isArray(e) ? e : [];
 }
-function zt(t, e) {
+function Zt(t, e) {
   return t.nodeId === e.nodeId && t.context === e.context;
 }
-function Wt(t) {
+function Qt(t) {
   if (t.length === 0) return "";
   if (t.length === 1) return t[0].id;
   let e = t[0].id;
@@ -341,66 +341,66 @@ 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 Ue = q(function t({ nodeId: e, context: r }) {
+  const n = Z(r.store, e), o = n ? Xt(n) : [], s = Qt(o), i = W(
+    () => o.length === 0 ? null : o.map((g) => /* @__PURE__ */ E.jsx(t, { nodeId: g.id, context: r }, g.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__ */ E.jsx(xt, { 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);
-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));
-}
-function Gt(t, e) {
+    return Gt.warn(`No renderer for node type ${n.type}`), null;
+  const c = Jt(n), d = c.length > 0 ? c.join(" ") : void 0, f = a;
+  return /* @__PURE__ */ E.jsx(f, { nodeId: e, context: r, className: d });
+}, Zt);
+function er(t, e) {
+  return !Array.isArray(t) || t.length === 0 ? null : t.map((r) => /* @__PURE__ */ E.jsx(Ue, { nodeId: r.id, context: e }, r.id));
+}
+function tr(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);
-  d.current = s;
-  const h = R(i);
-  h.current = i;
-  const u = R(a);
+const rr = q(function({ store: e, library: r, viewId: n, emptyFallback: o = null, onAction: s, client: i, video: a }) {
+  const { rootViewId: c, rootNodeId: d } = qt(e, n), f = w(s);
+  f.current = s;
+  const g = w(i);
+  g.current = i;
+  const u = w(a);
   u.current = a;
-  const g = x((b, m) => {
-    if (!b)
+  const h = D((S, p) => {
+    if (!S)
       return;
-    const p = Vt(m);
-    d.current?.(b, p);
-  }, []), y = Y(() => {
-    const b = {
+    const m = Ht(p);
+    f.current?.(S, m);
+  }, []), y = W(() => {
+    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),
-      renderView: (m) => {
-        const p = e.getSnapshot().views.get(m);
-        return p ? /* @__PURE__ */ A.jsx(Ne, { nodeId: p.id, context: b }) : null;
+      getPayload: (p) => e.getSnapshot().payloads.get(p),
+      renderChildren: (p) => er(p, S),
+      renderView: (p) => {
+        const m = e.getSnapshot().views.get(p);
+        return m ? /* @__PURE__ */ E.jsx(Ue, { nodeId: m.id, context: S }) : null;
       },
-      dispatchAction: g,
+      dispatchAction: h,
       // Access client/video via refs to avoid context recreation
       get client() {
-        return h.current;
+        return g.current;
       },
       get video() {
         return u.current;
       }
     };
-    return b;
-  }, [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 }) });
-}, Gt);
-class Jt {
+    return S;
+  }, [e, r, h]);
+  return !c || !d ? o : /* @__PURE__ */ E.jsx("div", { "data-ikon-view-id": c, style: { display: "contents" }, children: /* @__PURE__ */ E.jsx(Ue, { nodeId: d, context: y }) });
+}, tr);
+class nr {
   constructor(e, r) {
     if (this.fallback = r, e)
       for (const [n, o] of e)
@@ -417,41 +417,41 @@ class Jt {
     return this.renderers.get(e.type) ?? this.fallback;
   }
 }
-function ao(t, e) {
+function po(t, e) {
   const r = Object.entries(t);
-  return new Jt(r, e);
+  return new nr(r, e);
 }
-function co(t) {
-  return xe(
+function go(t) {
+  return Ve(
     (e) => t.subscribe(e),
     () => t.getSnapshot(),
     () => t.getSnapshot()
   );
 }
-const Pe = "ikon-ui";
-function Xt(t, e) {
+const xe = "ikon-ui";
+function or(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 yo = q(function({ stores: e, registry: r, category: n = xe, onAction: o, client: s }) {
+  const i = W(() => Array.from(e.keys()).sort().join(","), [e]), a = w(o);
   a.current = o;
-  const c = R(s);
+  const c = w(s);
   c.current = s;
-  const f = Y(
+  const d = W(
     () => {
-      const d = [];
-      for (const [h, u] of e) {
-        const g = u.store.getSnapshot();
-        Xt(u.category, n) && (!g.rootViewId || !g.views.has(g.rootViewId) || d.push({ key: h, store: u.store }));
+      const f = [];
+      for (const [g, u] of e) {
+        const h = u.store.getSnapshot();
+        or(u.category, n) && (!h.rootViewId || !h.views.has(h.rootViewId) || f.push({ key: g, store: u.store }));
       }
-      return d;
+      return f;
     },
     // 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 d.length === 0 ? null : /* @__PURE__ */ E.jsx(E.Fragment, { children: d.map(({ key: f, store: g }) => /* @__PURE__ */ E.jsx(rr, { store: g, library: r, onAction: a.current, client: c.current, video: c.current?.media?.video }, f)) });
 });
-class Zt {
+class sr {
   core;
   ownsCore;
   stores = /* @__PURE__ */ new Map();
@@ -459,7 +459,7 @@ class Zt {
   unsubscribeClears;
   unsubscribeStoreChanges;
   constructor(e) {
-    this.core = e?.core ?? new Ct({ client: e?.client }), this.ownsCore = !e?.core, this.unsubscribeClears = this.core.subscribeToUiStreamCleared(this.handleUiStreamCleared), this.unsubscribeStoreChanges = this.core.uiStore.subscribe(this.syncStreamSnapshot), this.syncAllStreams();
+    this.core = e?.core ?? new Lt({ client: e?.client }), this.ownsCore = !e?.core, this.unsubscribeClears = this.core.subscribeToUiStreamCleared(this.handleUiStreamCleared), this.unsubscribeStoreChanges = this.core.uiStore.subscribe(this.syncStreamSnapshot), this.syncAllStreams();
   }
   dispose() {
     this.unsubscribeClears(), this.unsubscribeStoreChanges(), this.ownsCore && this.core.dispose(), this.listeners.clear(), this.stores.clear();
@@ -509,8 +509,8 @@ class Zt {
     if (r)
       return r;
     const n = {
-      category: Pe,
-      store: new It()
+      category: xe,
+      store: new Mt()
     };
     return this.stores.set(e, n), n;
   }
@@ -518,7 +518,7 @@ class Zt {
     const n = this.stores.get(e);
     if (!n)
       return !1;
-    const o = r ?? this.core.uiStore.getSnapshot(e)?.category ?? Pe;
+    const o = r ?? this.core.uiStore.getSnapshot(e)?.category ?? xe;
     return n.category === o ? !1 : (this.stores.set(e, { ...n, category: o }), !0);
   }
   notify(e) {
@@ -526,13 +526,13 @@ class Zt {
       r(e);
   }
 }
-function Qt(t) {
+function ir(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
   }
 }
-function de(t) {
+function he(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -542,7 +542,7 @@ function de(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function Fe(...t) {
+function We(...t) {
   let e = "";
   for (const r of t)
     if (r) {
@@ -551,42 +551,42 @@ function Fe(...t) {
     }
   return e || void 0;
 }
-const Je = /* @__PURE__ */ new WeakMap(), er = {};
-function Be(t) {
+const tt = /* @__PURE__ */ new WeakMap(), ar = {};
+function Ye(t) {
   if (!t)
-    return er;
-  const e = Je.get(t);
+    return ar;
+  const e = tt.get(t);
   if (e)
     return e;
   const r = {};
   for (const [n, o] of Object.entries(t))
     o != null && (typeof o == "string" || typeof o == "number" || typeof o == "boolean") && (r[n] = o);
-  return Je.set(t, r), r;
+  return tt.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(() => {
+function cr() {
+  const t = q(function({ nodeId: r, context: n }) {
+    const o = Z(n.store, r), s = w(null), i = he(o?.props?.targetViewId), a = o?.props?.focusOnly, c = typeof a == "boolean" ? a : void 0, d = he(o?.props?.key), f = o?.props?.preciseGeneratedAt;
+    return M(() => {
       if (typeof document > "u")
         return;
       const u = s.current;
       if (!u || i && u.closest("[data-ikon-view-id]")?.getAttribute("data-ikon-view-id") !== i)
         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 h = c !== !0;
+      if (h) {
+        const m = ((v) => {
+          let A = v.parentElement;
+          for (; A; ) {
+            const U = window.getComputedStyle(A).overflowY;
+            if (U === "auto" || U === "scroll" || A.hasAttribute("data-radix-scroll-area-viewport"))
+              return A;
+            A = A.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;
+        m ? requestAnimationFrame(() => {
+          const v = m.getBoundingClientRect(), A = u.getBoundingClientRect(), _ = m.scrollTop + (A.bottom - v.bottom) + 16;
+          "scrollBehavior" in document.documentElement.style ? m.scrollTo({ top: _, behavior: "smooth" }) : m.scrollTop = _;
         }) : typeof u.scrollIntoView == "function" && requestAnimationFrame(() => {
           try {
             u.scrollIntoView({ behavior: "smooth", block: "end", inline: "nearest" });
@@ -598,11 +598,11 @@ function tr() {
       const y = document.activeElement;
       if (!(y instanceof HTMLInputElement || y instanceof HTMLTextAreaElement || y?.getAttribute("contenteditable") === "true") && typeof u.focus == "function")
         try {
-          u.focus({ preventScroll: !g });
+          u.focus({ preventScroll: !h });
         } catch {
           u.focus();
         }
-    }, [c, i, f, d]), o ? /* @__PURE__ */ A.jsx(
+    }, [c, i, d, f]), o ? /* @__PURE__ */ E.jsx(
       "span",
       {
         ref: s,
@@ -619,25 +619,25 @@ function tr() {
       return t;
   };
 }
-function rr() {
-  const t = W(function({ nodeId: r, context: n, className: o }) {
-    const s = H(n.store, r), i = Qt(s?.props?.onInvokeId), a = x(() => {
+function ur() {
+  const t = q(function({ nodeId: r, context: n, className: o }) {
+    const s = Z(n.store, r), i = ir(s?.props?.onInvokeId), a = D(() => {
       i && n.dispatchAction(i);
     }, [i, n]);
     if (!s)
       return null;
-    const c = Be(s.props);
+    const c = Ye(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 d = We(he(s.props?.className), o), f = s.children?.length ? n.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ E.jsx(
       "div",
       {
         ...c,
         "data-ikon-node-id": s.id,
-        className: f,
+        className: d,
         onClick: i ? a : void 0,
         style: i ? { cursor: "pointer" } : void 0,
-        children: d
+        children: f
       }
     );
   });
@@ -646,45 +646,45 @@ function rr() {
       return t;
   };
 }
-function nr() {
-  const t = W(function({ nodeId: r, context: n, className: o }) {
-    const s = H(n.store, r);
+function lr() {
+  const t = q(function({ nodeId: r, context: n, className: o }) {
+    const s = Z(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 = Ye(s.props), a = We("relative", he(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ E.jsx("div", { ...i, "data-ikon-node-id": s.id, className: a, children: c });
   });
   return ({ type: e }) => {
     if (e === "std.stack")
       return t;
   };
 }
-function or() {
-  const t = W(function({ nodeId: r, context: n, className: o }) {
-    const s = H(n.store, r);
+function dr() {
+  const t = q(function({ nodeId: r, context: n, className: o }) {
+    const s = Z(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 = Ye(s.props), a = We("absolute", he(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ E.jsx("div", { ...i, "data-ikon-node-id": s.id, className: a, children: c });
   });
   return ({ type: e }) => {
     if (e === "std.layer")
       return t;
   };
 }
-function sr() {
+function fr() {
   return [
-    rr(),
-    nr(),
-    or(),
-    tr()
+    ur(),
+    lr(),
+    dr(),
+    cr()
   ];
 }
-const ir = "base", ar = async () => sr();
-function cr(t) {
-  t.registerModule(ir, ar);
+const hr = "base", mr = async () => fr();
+function pr(t) {
+  t.registerModule(hr, mr);
 }
-function ur(t) {
+function gr(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -694,19 +694,19 @@ function ur(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function lr(...t) {
+function yr(...t) {
   const e = [];
   for (const r of t)
     r && r.trim() && e.push(r.trim());
   return e.length > 0 ? e.join(" ") : void 0;
 }
-function Xe(t) {
+function rt(t) {
   if (typeof t != "string")
     return;
   const e = t.trim();
   return e.length > 0 ? e : void 0;
 }
-function me(t) {
+function Se(t) {
   if (typeof t == "boolean")
     return t;
   if (typeof t == "string") {
@@ -715,25 +715,25 @@ function me(t) {
     if (e === "false") return !1;
   }
 }
-const dr = "std.audio-url-player";
-function fr() {
-  const t = W(function({
+const Sr = "std.audio-url-player";
+function br() {
+  const t = q(function({
     nodeId: r,
     context: n,
     className: o
   }) {
-    const s = H(n.store, r);
+    const s = Z(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 = yr(gr(s.props?.className), o), a = rt(s.props?.src), c = rt(s.props?.preload), d = Se(s.props?.controls), f = Se(s.props?.autoplay), g = Se(s.props?.loop), u = Se(s.props?.muted);
+    return /* @__PURE__ */ E.jsx(
       "audio",
       {
         src: a,
         ...c !== void 0 ? { preload: c } : {},
-        ...f !== void 0 ? { controls: f } : {},
-        ...d !== void 0 ? { autoPlay: d } : {},
-        ...h !== void 0 ? { loop: h } : {},
+        ...d !== void 0 ? { controls: d } : {},
+        ...f !== void 0 ? { autoPlay: f } : {},
+        ...g !== void 0 ? { loop: g } : {},
         ...u !== void 0 ? { muted: u } : {},
         "data-ikon-node-id": s.id,
         className: i
@@ -741,11 +741,11 @@ function fr() {
     );
   });
   return ({ type: e }) => {
-    if (e === dr)
+    if (e === Sr)
       return t;
   };
 }
-function ft(t) {
+function yt(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -755,13 +755,13 @@ function ft(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function ht(...t) {
+function St(...t) {
   const e = [];
   for (const r of t)
     r && r.trim() && e.push(r.trim());
   return e.length > 0 ? e.join(" ") : void 0;
 }
-function ge(t) {
+function we(t) {
   if (typeof t == "number" && Number.isFinite(t))
     return Math.floor(t);
   if (typeof t == "string" && t.trim().length > 0) {
@@ -770,44 +770,64 @@ function ge(t) {
       return Math.floor(e);
   }
 }
-function je(t) {
+function De(t) {
   if (typeof t != "string")
     return;
   const e = t.trim();
   return e.length > 0 ? e : void 0;
 }
-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 wr = "std.video-canvas", vr = "std.video-url-player";
+function Rr() {
+  const t = q(function({ nodeId: r, context: n, className: o }) {
+    const s = Z(n.store, r), i = w(null), a = w(null), c = n.video, d = n.client, f = d?.isWebRtcEnabled ? d.webRtcVideoStream : null, g = d?.isWebRtcEnabled ? d.webRtcScreenStream : null, u = s ? De(s.props?.streamId) : void 0, h = s ? we(s.props?.width) : void 0, y = s ? we(s.props?.height) : void 0, S = s ? St(yt(s.props?.className), o) : o, p = u?.includes("screen") ? g : f;
+    return M(() => {
+      const m = i.current;
+      if (!(!c || !m || !u || p))
+        return c.attachCanvas(u, m), () => {
+          c.detachCanvas(u);
         };
-    }, [a, c]), s ? /* @__PURE__ */ A.jsx(
+    }, [c, u, p]), M(() => {
+      const m = a.current;
+      if (!(!m || !p))
+        return m.srcObject = p, () => {
+          m.srcObject = null;
+        };
+    }, [p]), s ? p ? /* @__PURE__ */ E.jsx(
+      "video",
+      {
+        ref: a,
+        autoPlay: !0,
+        playsInline: !0,
+        muted: !0,
+        "data-ikon-node-id": s.id,
+        "data-ikon-video-stream-id": u,
+        className: S,
+        ...h ? { width: h } : {},
+        ...y ? { height: y } : {}
+      },
+      u
+    ) : /* @__PURE__ */ E.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,
+        ...h ? { width: h } : {},
+        ...y ? { height: y } : {}
       },
-      c
+      u
     ) : null;
   });
   return ({ type: e }) => {
-    if (e === hr)
+    if (e === wr)
       return t;
   };
 }
-function gr() {
-  return [pr(), yr(), fr()];
+function Er() {
+  return [Rr(), Ar(), br()];
 }
-function ae(t) {
+function ue(t) {
   if (typeof t == "boolean")
     return t;
   if (typeof t == "string") {
@@ -816,56 +836,56 @@ function ae(t) {
     if (e === "false") return !1;
   }
 }
-function yr() {
-  const t = W(function({
+function Ar() {
+  const t = q(function({
     nodeId: r,
     context: n,
     className: o
   }) {
-    const s = H(n.store, r);
+    const s = Z(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 = St(yt(s.props?.className), o), a = De(s.props?.src), c = De(s.props?.poster), d = ue(s.props?.controls), f = ue(s.props?.autoplay), g = ue(s.props?.loop), u = ue(s.props?.muted), h = ue(s.props?.playsInline), y = we(s.props?.width), S = we(s.props?.height), p = s.children?.length ? n.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ E.jsx(
       "video",
       {
         src: a,
         poster: c,
-        ...f !== void 0 ? { controls: f } : {},
-        ...d !== void 0 ? { autoPlay: d } : {},
-        ...h !== void 0 ? { loop: h } : {},
+        ...d !== void 0 ? { controls: d } : {},
+        ...f !== void 0 ? { autoPlay: f } : {},
+        ...g !== void 0 ? { loop: g } : {},
         ...u !== void 0 ? { muted: u } : {},
-        ...g !== void 0 ? { playsInline: g } : {},
+        ...h !== void 0 ? { playsInline: h } : {},
         ...y ? { width: y } : {},
-        ...b ? { height: b } : {},
+        ...S ? { height: S } : {},
         "data-ikon-node-id": s.id,
         className: i,
-        children: m
+        children: p
       }
     );
   });
   return ({ type: e }) => {
-    if (e === mr)
+    if (e === vr)
       return t;
   };
 }
-const Sr = "media", br = async () => gr();
-function wr(t) {
-  t.registerModule(Sr, br);
+const Tr = "media", kr = async () => Er();
+function Cr(t) {
+  t.registerModule(Tr, kr);
 }
-const vr = `#version 300 es
+const Ir = `#version 300 es
 in vec4 a_position;
 void main() {
     gl_Position = a_position;
 }
 `;
-function Rr(t, e) {
+function Or(t, e) {
   return new RegExp(`\\buniform\\s+\\w+\\s+${e}\\s*;`, "g").test(t);
 }
-function Er(t, e) {
+function _r(t, e) {
   const r = [];
   for (const [n, o] of Object.entries(e)) {
-    if (Rr(t, n))
+    if (Or(t, n))
       continue;
     let s;
     switch (o.type) {
@@ -918,7 +938,7 @@ void main() {
 }
 `;
 }
-class Ar {
+class Nr {
   gl;
   program = null;
   positionBuffer = null;
@@ -954,10 +974,10 @@ class Ar {
   }
   compile(e, r = {}) {
     this.lastError = null, this.customUniforms = r, this.currentShaderSource = e;
-    const n = this.gl, o = this.compileShader(n.VERTEX_SHADER, vr);
+    const n = this.gl, o = this.compileShader(n.VERTEX_SHADER, Ir);
     if (!o)
       return !1;
-    const s = Er(e, r), i = this.compileShader(n.FRAGMENT_SHADER, s);
+    const s = _r(e, r), i = this.compileShader(n.FRAGMENT_SHADER, s);
     if (!i)
       return n.deleteShader(o), !1;
     const a = n.createProgram();
@@ -995,46 +1015,46 @@ class Ar {
     this.lastFrameTime = s, this.frameCount++, e.clearColor(0, 0, 0, 1), e.clear(e.COLOR_BUFFER_BIT), e.useProgram(this.program), e.bindVertexArray(this.vao);
     const c = this.uniformLocations.get("iResolution");
     c && e.uniform3f(c, n, o, 1);
-    const f = this.uniformLocations.get("iTime");
-    f && e.uniform1f(f, i);
-    const d = this.uniformLocations.get("iTimeDelta");
-    d && e.uniform1f(d, a);
-    const h = this.uniformLocations.get("iFrame");
-    h && e.uniform1i(h, this.frameCount);
+    const d = this.uniformLocations.get("iTime");
+    d && e.uniform1f(d, i);
+    const f = this.uniformLocations.get("iTimeDelta");
+    f && e.uniform1f(f, a);
+    const g = this.uniformLocations.get("iFrame");
+    g && e.uniform1i(g, this.frameCount);
     const u = this.uniformLocations.get("iMouse");
     u && e.uniform4f(u, this.mouseX, this.mouseY, this.mouseClickX, this.mouseClickY);
-    const g = this.uniformLocations.get("iDate");
-    if (g) {
+    const h = this.uniformLocations.get("iDate");
+    if (h) {
       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);
+      e.uniform4f(h, 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)) {
-      const m = this.uniformLocations.get(y);
-      if (m)
-        switch (b.type) {
+    for (const [y, S] of Object.entries(this.customUniforms)) {
+      const p = this.uniformLocations.get(y);
+      if (p)
+        switch (S.type) {
           case "float":
-            e.uniform1f(m, b.value);
+            e.uniform1f(p, S.value);
             break;
           case "vec2": {
-            const p = b.value;
-            e.uniform2f(m, p[0], p[1]);
+            const m = S.value;
+            e.uniform2f(p, m[0], m[1]);
             break;
           }
           case "vec3": {
-            const p = b.value;
-            e.uniform3f(m, p[0], p[1], p[2]);
+            const m = S.value;
+            e.uniform3f(p, m[0], m[1], m[2]);
             break;
           }
           case "vec4": {
-            const p = b.value;
-            e.uniform4f(m, p[0], p[1], p[2], p[3]);
+            const m = S.value;
+            e.uniform4f(p, m[0], m[1], m[2], m[3]);
             break;
           }
           case "int":
-            e.uniform1i(m, b.value);
+            e.uniform1i(p, S.value);
             break;
           case "bool":
-            e.uniform1i(m, b.value ? 1 : 0);
+            e.uniform1i(p, S.value ? 1 : 0);
             break;
         }
     }
@@ -1048,7 +1068,7 @@ class Ar {
     this.program && (e.deleteProgram(this.program), this.program = null), this.positionBuffer && (e.deleteBuffer(this.positionBuffer), this.positionBuffer = null), this.vao && (e.deleteVertexArray(this.vao), this.vao = null), this.uniformLocations.clear();
   }
 }
-function Tr(t) {
+function Pr(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -1058,13 +1078,13 @@ function Tr(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function kr(...t) {
+function jr(...t) {
   const e = [];
   for (const r of t)
     r && r.trim() && e.push(r.trim());
   return e.length > 0 ? e.join(" ") : void 0;
 }
-function Re(t) {
+function Ce(t) {
   if (typeof t == "number" && Number.isFinite(t))
     return Math.floor(t);
   if (typeof t == "string" && t.trim().length > 0) {
@@ -1073,10 +1093,10 @@ function Re(t) {
       return Math.floor(e);
   }
 }
-function Cr(t) {
+function Lr(t) {
   return typeof t == "string" ? t : "";
 }
-function Ir(t) {
+function Mr(t) {
   if (typeof t == "boolean")
     return t;
   if (typeof t == "string") {
@@ -1085,7 +1105,7 @@ function Ir(t) {
     if (e === "false") return !1;
   }
 }
-function _r(t) {
+function Ur(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 xr(t, e) {
   const r = Object.keys(t), n = Object.keys(e);
   if (r.length !== n.length)
     return !1;
@@ -1121,21 +1141,21 @@ function Or(t, e) {
   }
   return !0;
 }
-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 Dr = "std.shader-canvas";
+function Fr() {
+  const t = q(function({ nodeId: r, context: n, className: o }) {
+    const s = Z(n.store, r), i = w(null), a = w(null), c = w(null), d = w(0), f = w(""), g = w({}), u = w({
       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(() => {
-      const C = i.current;
-      if (C) {
+    }), h = s ? Lr(s.props?.shaderSource) : "", y = s ? Ce(s.props?.fps) ?? 60 : 60, S = s?.props?.uniforms, p = W(() => Ur(S), [S]), m = s ? Mr(s.props?.enableMouse) ?? !0 : !0, v = s ? Ce(s.props?.width) : void 0, A = s ? Ce(s.props?.height) : void 0, _ = s ? jr(Pr(s.props?.className), o) : o;
+    M(() => {
+      const k = i.current;
+      if (k) {
         try {
-          const N = new Ar(C);
+          const N = new Nr(k);
           a.current = N;
         } catch (N) {
           console.error("[ShaderRenderer] Failed to create WebGL2 context:", N);
@@ -1144,76 +1164,76 @@ function Pr() {
           a.current && (a.current.destroy(), a.current = null);
         };
       }
-    }, []), D(() => {
-      const C = a.current;
-      if (!(!C || !g) && d.current !== g)
-        if (C.compile(g, m))
-          d.current = g, h.current = m;
+    }, []), M(() => {
+      const k = a.current;
+      if (!(!k || !h) && f.current !== h)
+        if (k.compile(h, p))
+          f.current = h, g.current = p;
         else {
-          const F = C.getError();
-          console.error("[ShaderRenderer] Shader compilation failed:", F);
+          const L = k.getError();
+          console.error("[ShaderRenderer] Shader compilation failed:", L);
         }
-    }, [g, m]), D(() => {
-      const C = a.current;
-      !C || !d.current || Or(h.current, m) || (C.setCustomUniforms(m), h.current = m);
-    }, [m]), D(() => {
-      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);
+    }, [h, p]), M(() => {
+      const k = a.current;
+      !k || !f.current || xr(g.current, p) || (k.setCustomUniforms(p), g.current = p);
+    }, [p]), M(() => {
+      const k = a.current;
+      if (!k || !f.current) return;
+      const N = 1e3 / y, L = (P) => {
+        const F = P - d.current;
+        F >= N && (d.current = P - F % N, k.draw()), c.current = requestAnimationFrame(L);
       };
-      return c.current = requestAnimationFrame(F), () => {
+      return c.current = requestAnimationFrame(L), () => {
         c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       };
     }, [y]);
-    const L = 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 U = D(
+      (k) => {
+        if (!m) return;
+        const N = i.current, L = a.current;
+        if (!N || !L) return;
+        const P = N.getBoundingClientRect(), F = k.clientX - P.left, G = P.height - (k.clientY - P.top);
+        u.current.x = F, u.current.y = G, L.setMouse(F, G, 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);
+      [m]
+    ), X = D(
+      (k) => {
+        if (!m) return;
+        const N = i.current, L = a.current;
+        if (!N || !L) return;
+        const P = N.getBoundingClientRect(), F = k.clientX - P.left, G = P.height - (k.clientY - P.top);
+        u.current.isDown = !0, u.current.clickX = F, u.current.clickY = G, L.setMouse(F, G, F, G);
       },
-      [p]
-    ), Z = x(() => {
-      p && (u.current.isDown = !1, u.current.clickX = -Math.abs(u.current.clickX));
-    }, [p]);
-    return s ? /* @__PURE__ */ A.jsx(
+      [m]
+    ), Q = D(() => {
+      m && (u.current.isDown = !1, u.current.clickX = -Math.abs(u.current.clickX));
+    }, [m]);
+    return s ? /* @__PURE__ */ E.jsx(
       "canvas",
       {
         ref: i,
         "data-ikon-node-id": s.id,
-        className: I,
+        className: _,
         ...v ? { width: v } : {},
-        ...k ? { height: k } : {},
-        onMouseMove: L,
-        onMouseDown: G,
-        onMouseUp: Z,
-        onMouseLeave: Z
+        ...A ? { height: A } : {},
+        onMouseMove: U,
+        onMouseDown: X,
+        onMouseUp: Q,
+        onMouseLeave: Q
       }
     ) : null;
   });
   return ({ type: e }) => {
-    if (e === Nr)
+    if (e === Dr)
       return t;
   };
 }
-const jr = "shader", Lr = async () => Pr();
-function Mr(t) {
-  t.registerModule(jr, Lr);
+const Br = "shader", $r = async () => Fr();
+function Vr(t) {
+  t.registerModule(Br, $r);
 }
-const Ze = be("UIRegistry");
-class Ur {
+const nt = Ee("UIRegistry");
+class Kr {
   baseResolvers = [];
   moduleLoaders = /* @__PURE__ */ new Map();
   moduleResolvers = /* @__PURE__ */ new Map();
@@ -1235,15 +1255,15 @@ class Ur {
     for (const [n, o] of this.moduleLoaders.entries())
       if (!this.moduleResolvers.has(n))
         try {
-          const s = await o(), i = Fr(s);
+          const s = await o(), i = zr(s);
           this.moduleResolvers.set(n, i), e = !0;
         } catch (s) {
-          Ze.error(`[IkonUiRegistry] Failed to load module '${n}'.`, s);
+          nt.error(`[IkonUiRegistry] Failed to load module '${n}'.`, s);
         }
     const r = [];
     for (const n of this.moduleLoaders.keys())
       this.moduleResolvers.has(n) && r.push(n);
-    return Br(r, this.activeModuleOrder) || (this.activeModuleOrder = r, e = !0), e;
+    return qr(r, this.activeModuleOrder) || (this.activeModuleOrder = r, e = !0), e;
   }
   resolve(e) {
     for (const r of this.baseResolvers) {
@@ -1253,7 +1273,7 @@ class Ur {
     for (const r of this.activeModuleOrder) {
       const n = this.moduleResolvers.get(r);
       if (!n) {
-        Ze.warn(`Missing resolvers for module ${r}`);
+        nt.warn(`Missing resolvers for module ${r}`);
         continue;
       }
       for (const o of n) {
@@ -1263,17 +1283,17 @@ class Ur {
     }
   }
 }
-function xr() {
-  const t = new Ur();
-  return cr(t), wr(t), Mr(t), t.loadRegisteredModules(), t;
+function Wr() {
+  const t = new Kr();
+  return pr(t), Cr(t), Vr(t), t.loadRegisteredModules(), t;
 }
-function Dr(t) {
+function Yr(t) {
   return Array.isArray(t) ? t : [t];
 }
-function Fr(t) {
-  return t ? Dr(t).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
+function zr(t) {
+  return t ? Yr(t).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
 }
-function Br(t, e) {
+function qr(t, e) {
   if (t.length !== e.length)
     return !1;
   for (let r = 0; r < t.length; r += 1)
@@ -1281,7 +1301,7 @@ function Br(t, e) {
       return !1;
   return !0;
 }
-const Ee = be("MotionController"), Qe = {
+const Ie = Ee("MotionController"), ot = {
   ease: [0.25, 0.1, 0.25, 1],
   "ease-in": [0.42, 0, 1, 1],
   "ease-out": [0, 0, 0.58, 1],
@@ -1311,88 +1331,88 @@ const Ee = be("MotionController"), Qe = {
   "ease-out-back": [0.175, 0.885, 0.32, 1.275],
   "ease-in-out-back": [0.68, -0.55, 0.265, 1.55]
 };
-function $(t) {
+function B(t) {
   return t <= 0 ? 0 : t >= 1 ? 1 : t;
 }
-function et(t) {
+function st(t) {
   if (t == null) return;
   const e = `${t}`.trim();
   if (!e) return;
   const r = Number.parseFloat(e);
   return Number.isFinite(r) ? r : void 0;
 }
-function tt(t) {
+function it(t) {
   return typeof CSS < "u" && CSS.escape ? CSS.escape(t) : t.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
-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 at(t, e, r, n) {
+  const f = new Float32Array(11);
+  function g(p, m, v) {
+    return ((3 * m - 3 * v + 1) * p + (3 * v - 6 * m)) * p * p + 3 * m * p;
   }
-  function u(m, p, v) {
-    return 3 * (3 * p - 3 * v + 1) * m * m + 2 * (3 * v - 6 * p) * m + 3 * p;
+  function u(p, m, v) {
+    return 3 * (3 * m - 3 * v + 1) * p * p + 2 * (3 * v - 6 * m) * p + 3 * m;
   }
-  function g(m, p) {
+  function h(p, m) {
     for (let v = 0; v < 4; v += 1) {
-      const k = u(p, t, r);
-      if (k === 0)
-        return p;
-      const I = h(p, t, r) - m;
-      p -= I / k;
+      const A = u(m, t, r);
+      if (A === 0)
+        return m;
+      const _ = g(m, t, r) - p;
+      m -= _ / A;
     }
-    return p;
+    return m;
   }
-  function y(m, p, v) {
-    let k = 0, I = 0, L = 0;
+  function y(p, m, v) {
+    let A = 0, _ = 0, U = 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 += 0.1;
+      _ = m + (v - m) / 2, A = g(_, t, r) - p, A > 0 ? v = _ : m = _;
+    while (Math.abs(A) > 1e-7 && ++U < 10);
+    return _;
+  }
+  function S(p) {
+    let m = 0, v = 1;
+    const A = 10;
+    for (; v !== A && f[v] <= p; v += 1)
+      m += 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);
+    const _ = (p - f[v]) / (f[v + 1] - f[v]), U = m + _ * 0.1, X = u(U, t, r);
+    return X >= 1e-3 ? h(p, U) : X === 0 ? U : y(p, m, m + 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);
+  for (let p = 0; p < 11; p += 1)
+    f[p] = g(p * 0.1, t, r);
+  return (p) => p <= 0 ? 0 : p >= 1 ? 1 : g(S(p), e, n);
 }
-function $r(t) {
+function Gr(t) {
   const e = /steps\(\s*([0-9]+)\s*(?:,\s*([a-z-]+)\s*)?\)/i.exec(t);
   if (!e)
-    return (o) => $(o);
+    return (o) => B(o);
   const r = Math.max(1, parseInt(e[1], 10)), n = (e[2] ?? "end").toLowerCase();
-  return n === "start" || n === "jump-start" ? (o) => $(Math.ceil(o * r) / r) : n === "none" || n === "jump-none" ? (o) => $(Math.round(o * r) / r) : n === "both" || n === "jump-both" ? (o) => $((Math.floor(o * r) + 0.5) / r) : (o) => $(Math.floor(o * r) / r);
+  return n === "start" || n === "jump-start" ? (o) => B(Math.ceil(o * r) / r) : n === "none" || n === "jump-none" ? (o) => B(Math.round(o * r) / r) : n === "both" || n === "jump-both" ? (o) => B((Math.floor(o * r) + 0.5) / r) : (o) => B(Math.floor(o * r) / r);
 }
-function Vr(t) {
+function Hr(t) {
   if (!t)
-    return (r) => $(r);
+    return (r) => B(r);
   const e = t.trim().toLowerCase();
   if (!e || e === "linear")
-    return (r) => $(r);
-  if (Qe[e]) {
-    const [r, n, o, s] = Qe[e], i = rt(r, n, o, s);
-    return (a) => $(i($(a)));
+    return (r) => B(r);
+  if (ot[e]) {
+    const [r, n, o, s] = ot[e], i = at(r, n, o, s);
+    return (a) => B(i(B(a)));
   }
   if (e.startsWith("cubic-bezier(") && e.endsWith(")")) {
     const n = e.slice(13, -1).split(",").map((o) => Number.parseFloat(o.trim()));
     if (n.length === 4 && n.every((o) => Number.isFinite(o))) {
-      const [o, s, i, a] = n, c = rt(o, s, i, a);
-      return (f) => $(c($(f)));
+      const [o, s, i, a] = n, c = at(o, s, i, a);
+      return (d) => B(c(B(d)));
     }
   }
   if (e.startsWith("steps(") && e.endsWith(")")) {
-    const r = $r(e);
-    return (n) => r($(n));
+    const r = Gr(e);
+    return (n) => r(B(n));
   }
-  return (r) => $(r);
+  return (r) => B(r);
 }
-function Kr(t) {
+function Jr(t) {
   if (!t)
     return;
   const e = /(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)\s*->\s*(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)/.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 Xr {
   bindingsByStyle = /* @__PURE__ */ new Map();
   observer;
   observeScheduled = !1;
@@ -1429,7 +1449,7 @@ class Yr {
       try {
         e();
       } catch (r) {
-        Ee.warn("Failed to cleanup binding listener", r);
+        Ie.warn("Failed to cleanup binding listener", r);
       }
     this.globalCleanups.clear(), this.elementStates.clear(), this.styleToElements.clear(), this.bindingsByStyle.clear(), this.pendingScanStyles.clear(), this.scanScheduled = !1, this.observer && (this.observer.disconnect(), this.observer = void 0);
   }
@@ -1439,7 +1459,7 @@ class Yr {
         const n = (JSON.parse(e).motionBindings ?? []).map((o) => this.parseBinding(o)).filter((o) => o !== void 0);
         return n.length === 0 ? void 0 : { bindings: n };
       } catch (r) {
-        Ee.warn("Failed to parse motion metadata", r);
+        Ie.warn("Failed to parse motion metadata", r);
         return;
       }
   }
@@ -1447,7 +1467,7 @@ class Yr {
     const r = e.source?.trim();
     if (!r)
       return;
-    const n = et(e.min) ?? 0, o = et(e.max), s = o === void 0 ? n + 100 : o, i = (e.clamp ?? "clamp").trim().toLowerCase(), a = !!e.reverse, c = Vr(e.ease), f = Kr(e.map), d = e.targetId?.trim() || void 0;
+    const n = st(e.min) ?? 0, o = st(e.max), s = o === void 0 ? n + 100 : o, i = (e.clamp ?? "clamp").trim().toLowerCase(), a = !!e.reverse, c = Hr(e.ease), d = Jr(e.map), f = e.targetId?.trim() || void 0;
     return Number.isNaN(n) || Number.isNaN(s) ? void 0 : {
       source: r.toLowerCase(),
       min: n,
@@ -1455,8 +1475,8 @@ class Yr {
       clamp: i === "freeze-start" || i === "freeze-end" || i === "unclamped" ? i : "clamp",
       reverse: a,
       ease: c,
-      map: f,
-      targetId: d
+      map: d,
+      targetId: f
     };
   }
   ensureObserver() {
@@ -1505,7 +1525,7 @@ class Yr {
     const r = this.bindingsByStyle.get(e);
     if (!r || typeof document > "u")
       return;
-    const n = `.${tt(e)}`;
+    const n = `.${it(e)}`;
     document.querySelectorAll(n).forEach((s) => this.applyStyleToElement(s, e, r));
   }
   applyStyleToElement(e, r, n) {
@@ -1545,7 +1565,7 @@ class Yr {
   }
   resolveScrollContainer(e, r) {
     if (r.targetId) {
-      const n = `[data-ikon-motion-source="${tt(r.targetId)}"]`, o = typeof document < "u" ? document.querySelector(n) : null;
+      const n = `[data-ikon-motion-source="${it(r.targetId)}"]`, o = typeof document < "u" ? document.querySelector(n) : null;
       if (o)
         return o;
     }
@@ -1555,10 +1575,10 @@ class Yr {
     const o = r.max - r.min, s = o === 0 ? n > r.min ? 1 : 0 : (n - r.min) / o;
     let i = this.applyClamp(s, r.clamp);
     r.reverse && (i = 1 - i);
-    const a = r.ease(i), c = Number.isFinite(a) ? a : 0, f = c * 100;
-    if (e.style.setProperty("--tw-motion-bind-source-value", `${n}`), e.style.setProperty("--tw-motion-bind-progress-ratio", `${c}`), e.style.setProperty("--tw-motion-bind-progress", `${f}`), r.map) {
-      const d = this.applyMap(f, r.map);
-      d !== void 0 && e.style.setProperty("--tw-motion-bind-value", `${d}`);
+    const a = r.ease(i), c = Number.isFinite(a) ? a : 0, d = c * 100;
+    if (e.style.setProperty("--tw-motion-bind-source-value", `${n}`), e.style.setProperty("--tw-motion-bind-progress-ratio", `${c}`), e.style.setProperty("--tw-motion-bind-progress", `${d}`), r.map) {
+      const f = this.applyMap(d, r.map);
+      f !== void 0 && e.style.setProperty("--tw-motion-bind-value", `${f}`);
     } else
       e.style.removeProperty("--tw-motion-bind-value");
   }
@@ -1573,7 +1593,7 @@ class Yr {
       case "unclamped":
         return e;
       default:
-        return $(e);
+        return B(e);
     }
   }
   applyMap(e, r) {
@@ -1615,7 +1635,7 @@ class Yr {
       try {
         i();
       } catch (a) {
-        Ee.warn("Failed to cleanup listener", a);
+        Ie.warn("Failed to cleanup listener", a);
       }
       this.globalCleanups.delete(i);
     }
@@ -1660,31 +1680,31 @@ class Yr {
     }
   }
 }
-const Ae = new Yr();
-function zr(t) {
-  const e = R(/* @__PURE__ */ new Map()), r = x(({ styleId: s, css: i, common: a }) => {
+const Oe = new Xr();
+function Zr(t) {
+  const e = w(/* @__PURE__ */ new Map()), r = D(({ styleId: s, css: i, common: a }) => {
     if (!(!s || typeof document > "u")) {
       if (i) {
         let c = e.current.get(s);
         c || (c = document.createElement("style"), c.setAttribute("data-ikon-style-id", s), document.head.appendChild(c), e.current.set(s, c)), c.textContent = i;
       }
-      Ae.registerStyle(s, a);
+      Oe.registerStyle(s, a);
     }
-  }, []), n = x((s) => {
+  }, []), n = D((s) => {
     if (!(typeof document > "u"))
       for (const i of s) {
         const a = e.current.get(i);
-        a && (a.remove(), e.current.delete(i)), Ae.unregisterStyle(i);
+        a && (a.remove(), e.current.delete(i)), Oe.unregisterStyle(i);
       }
-  }, []), o = x(() => {
+  }, []), o = D(() => {
     if (typeof document < "u") {
       for (const s of e.current.values())
         s.remove();
       e.current.clear();
     }
-    Ae.reset();
+    Oe.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 Qr(t) {
   const e = [];
   for (const [r, n] of t) {
     const o = n.store.getSnapshot(), s = o.rootViewId && o.views.has(o.rootViewId);
@@ -1702,62 +1722,62 @@ function Wr(t) {
   }
   return e.sort(), e.join(",");
 }
-function qr(t) {
-  const [e, r] = X(), n = R("");
-  return D(() => {
+function en(t) {
+  const [e, r] = z(), n = w("");
+  return M(() => {
     if (!t) {
       r(void 0), n.current = "";
       return;
     }
     const o = () => {
-      const s = t.getStores(), i = Wr(s);
+      const s = t.getStores(), i = Qr(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;
-function Qr(t) {
-  var e = Xr.call(t, ce), r = t[ce];
+var tn = typeof global == "object" && global && global.Object === Object && global, rn = typeof self == "object" && self && self.Object === Object && self, nn = tn || rn || Function("return this")(), ve = nn.Symbol, bt = Object.prototype, on = bt.hasOwnProperty, sn = bt.toString, le = ve ? ve.toStringTag : void 0;
+function an(t) {
+  var e = on.call(t, le), r = t[le];
   try {
-    t[ce] = void 0;
+    t[le] = void 0;
     var n = !0;
   } catch {
   }
-  var o = Zr.call(t);
-  return n && (e ? t[ce] = r : delete t[ce]), o;
+  var o = sn.call(t);
+  return n && (e ? t[le] = r : delete t[le]), o;
 }
-var en = Object.prototype, tn = en.toString;
-function rn(t) {
-  return tn.call(t);
+var cn = Object.prototype, un = cn.toString;
+function ln(t) {
+  return un.call(t);
 }
-var nn = "[object Null]", on = "[object Undefined]", nt = ye ? ye.toStringTag : void 0;
-function sn(t) {
-  return t == null ? t === void 0 ? on : nn : nt && nt in Object(t) ? Qr(t) : rn(t);
+var dn = "[object Null]", fn = "[object Undefined]", ct = ve ? ve.toStringTag : void 0;
+function hn(t) {
+  return t == null ? t === void 0 ? fn : dn : ct && ct in Object(t) ? an(t) : ln(t);
 }
-function an(t) {
+function mn(t) {
   return t != null && typeof t == "object";
 }
-var cn = Array.isArray, un = "[object String]";
-function ln(t) {
-  return typeof t == "string" || !cn(t) && an(t) && sn(t) == un;
+var pn = Array.isArray, gn = "[object String]";
+function yn(t) {
+  return typeof t == "string" || !pn(t) && mn(t) && hn(t) == gn;
 }
-const ot = "ikonUiModules";
-function Le(t) {
+const ut = "ikonUiModules";
+function Fe(t) {
   return typeof t == "object" && t !== null && !Array.isArray(t);
 }
-function dn(t) {
+function Sn(t) {
   if (!Array.isArray(t))
     return;
   const e = /* @__PURE__ */ new Set();
   for (const r of t) {
-    if (!ln(r)) continue;
+    if (!yn(r)) continue;
     const n = r.trim();
     n && (e.has(n) || e.add(n));
   }
   return Array.from(e);
 }
-function lo(t, e) {
+function So(t, e) {
   if (t === e)
     return !0;
   if (!t || !e)
@@ -1769,19 +1789,19 @@ function lo(t, e) {
       return !1;
   return !0;
 }
-function fn(t) {
-  if (!(!Le(t) || !Object.prototype.hasOwnProperty.call(t, ot)))
-    return dn(t[ot]);
+function bn(t) {
+  if (!(!Fe(t) || !Object.prototype.hasOwnProperty.call(t, ut)))
+    return Sn(t[ut]);
 }
-function fo(...t) {
+function bo(...t) {
   for (const e of t) {
-    const r = fn(e);
+    const r = bn(e);
     if (r !== void 0)
       return r;
   }
 }
-function ho(t) {
-  if (!Le(t))
+function wo(t) {
+  if (!Fe(t))
     return;
   const e = t, r = Object.keys(e).find((c) => c.toLowerCase() === "modules");
   if (!r)
@@ -1794,44 +1814,44 @@ 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))
+    if (!Fe(c))
       continue;
-    const f = c, d = Object.keys(f).find((b) => b.toLowerCase() === "name");
-    if (!d)
+    const d = c, f = Object.keys(d).find((S) => S.toLowerCase() === "name");
+    if (!f)
       continue;
-    const h = f[d];
-    if (typeof h != "string")
+    const g = d[f];
+    if (typeof g != "string")
       continue;
-    const u = h.trim();
+    const u = g.trim();
     if (!u)
       continue;
-    const g = Object.keys(f).find((b) => b.toLowerCase() === "javascript"), y = g ? f[g] : void 0;
+    const h = Object.keys(d).find((S) => S.toLowerCase() === "javascript"), y = h ? d[h] : void 0;
     typeof y == "string" && s.set(u, y), i.has(u) || (o.push(u), i.add(u));
   }
   if (!o.length && s.size === 0)
     return { modules: [] };
-  const a = Array.from(s.entries()).map(([c, f]) => ({
+  const a = Array.from(s.entries()).map(([c, d]) => ({
     name: c,
-    javascript: f
+    javascript: d
   }));
   return a.length > 0 ? { modules: o, inlineModules: a } : { modules: o };
 }
-const E = {
+const R = {
   None: 0,
   Letter: 1,
   Word: 2,
   Line: 4,
   Paragraph: 8,
   Emoji: 16
-}, hn = [
+}, wn = [
   {
-    flag: E.Letter,
+    flag: R.Letter,
     hints: [
       "[data-motion-letter]",
       "[data-letter]",
@@ -1840,7 +1860,7 @@ const E = {
     ]
   },
   {
-    flag: E.Word,
+    flag: R.Word,
     hints: [
       "[data-motion-word]",
       "[data-word]",
@@ -1849,7 +1869,7 @@ const E = {
     ]
   },
   {
-    flag: E.Line,
+    flag: R.Line,
     hints: [
       "[data-motion-line]",
       "[data-line]",
@@ -1858,7 +1878,7 @@ const E = {
     ]
   },
   {
-    flag: E.Paragraph,
+    flag: R.Paragraph,
     hints: [
       "[data-motion-paragraph]",
       "[data-paragraph]",
@@ -1869,7 +1889,7 @@ const E = {
     ]
   },
   {
-    flag: E.Emoji,
+    flag: R.Emoji,
     hints: [
       ":is([data-motion-emoji],[data-emoji],.tw-motion-emoji,.tw-emoji)",
       "[data-motion-emoji]",
@@ -1878,42 +1898,42 @@ 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;
-function mo(t, e) {
-  if (!t || t.length > pn)
+], Be = R.Letter | R.Word | R.Line | R.Paragraph | R.Emoji, vn = R.Letter | R.Word | R.Line | R.Paragraph, lt = /* @__PURE__ */ new Map(), Rn = 16384;
+function vo(t, e) {
+  if (!t || t.length > Rn)
     return t;
-  const r = Pn(e), n = Q(r, E.Emoji), o = r & mn;
-  if (o === E.None && !n)
+  const r = Fn(e), n = ne(r, R.Emoji), o = r & vn;
+  if (o === R.None && !n)
     return t;
   const s = t.replace(/\r\n/g, `
 `).replace(/\r/g, `
 `);
-  if (o === E.None)
-    return ut(s);
-  const i = On(s);
+  if (o === R.None)
+    return mt(s);
+  const i = xn(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 = [];
-  for (const d of a) {
-    const h = gn(d, r, c);
-    f.push(...h);
+    return n ? mt(s) : t;
+  const a = Dn(i), c = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, d = [];
+  for (const f of a) {
+    const g = En(f, r, c);
+    d.push(...g);
   }
-  return f;
+  return d;
 }
-function gn(t, e, r) {
+function En(t, e, r) {
   const n = [];
   for (const o of t) {
-    const s = yn(o, e, r);
+    const s = An(o, e, r);
     n.push(...s);
   }
-  if (Q(e, E.Paragraph)) {
+  if (ne(e, R.Paragraph)) {
     const o = r.paragraph++;
     return [
-      /* @__PURE__ */ A.jsx(
+      /* @__PURE__ */ E.jsx(
         "span",
         {
           "data-motion-paragraph": !0,
-          style: we(o),
+          style: Ae(o),
           children: n
         },
         `motion-paragraph-${o}`
@@ -1922,116 +1942,116 @@ function gn(t, e, r) {
   }
   return n;
 }
-function yn(t, e, r) {
-  const n = Sn(t.text, e, r), o = [];
-  if (Q(e, E.Line)) {
+function An(t, e, r) {
+  const n = Tn(t.text, e, r), o = [];
+  if (ne(e, R.Line)) {
     const s = r.line++;
     o.push(
-      /* @__PURE__ */ A.jsx("span", { "data-motion-line": !0, style: we(s), children: n }, `motion-line-${s}`)
+      /* @__PURE__ */ E.jsx("span", { "data-motion-line": !0, style: Ae(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__ */ E.jsx("br", {}, `motion-break-${r.br++}`));
   return o;
 }
-function Sn(t, e, r) {
+function Tn(t, e, r) {
   if (!t)
     return [];
-  const n = Q(e, E.Word), o = [], s = /(\s+)/g;
+  const n = ne(e, R.Word), o = [], s = /(\s+)/g;
   let i = 0, a;
   for (; (a = s.exec(t)) !== null; ) {
     if (a.index > i) {
       const c = t.slice(i, a.index);
-      o.push(it(c, r, e, n));
+      o.push(dt(c, r, e, n));
     }
     o.push(a[0]), i = a.index + a[0].length;
   }
   if (i < t.length) {
     const c = t.slice(i);
-    o.push(it(c, r, e, n));
+    o.push(dt(c, r, e, n));
   }
   return o;
 }
-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);
+function dt(t, e, r, n) {
+  const o = e.word++, s = Cn(t, r, e), i = `motion-word-${o}`, a = kn(o, n);
+  return n ? /* @__PURE__ */ E.jsx("span", { "data-motion-word": !0, style: a, children: s }, i) : /* @__PURE__ */ E.jsx("span", { style: a, children: s }, i);
 }
-function bn(t, e) {
-  return e ? { ...we(t), whiteSpace: "nowrap" } : { whiteSpace: "nowrap" };
+function kn(t, e) {
+  return e ? { ...Ae(t), whiteSpace: "nowrap" } : { whiteSpace: "nowrap" };
 }
-function wn(t, e, r) {
+function Cn(t, e, r) {
   if (!t)
     return [];
-  const n = Q(e, E.Letter), o = Q(e, E.Emoji);
+  const n = ne(e, R.Letter), o = ne(e, R.Emoji);
   if (!n) {
     if (!o)
       return [t];
-    const a = Ue(t);
+    const a = $e(t);
     if (a.length === 0)
       return [t];
-    const { nodes: c } = gt(a, r);
+    const { nodes: c } = vt(a, r);
     return c;
   }
-  const s = [], i = Ue(t);
+  const s = [], i = $e(t);
   for (const a of i) {
-    const c = r.letter++, f = `motion-letter-${c}`, d = we(c);
+    const c = r.letter++, d = `motion-letter-${c}`, f = Ae(c);
     if (a === `
 `) {
       s.push(
-        /* @__PURE__ */ A.jsx("span", { "data-motion-letter": !0, style: d, children: /* @__PURE__ */ A.jsx("br", {}) }, f)
+        /* @__PURE__ */ E.jsx("span", { "data-motion-letter": !0, style: f, children: /* @__PURE__ */ E.jsx("br", {}) }, d)
       );
       continue;
     }
-    const u = o && pt(a) ? { "data-motion-emoji": !0 } : void 0, g = a === " " ? " " : a;
+    const u = o && wt(a) ? { "data-motion-emoji": !0 } : void 0, h = a === " " ? " " : a;
     s.push(
-      /* @__PURE__ */ A.jsx("span", { "data-motion-letter": !0, style: d, ...u, children: g }, f)
+      /* @__PURE__ */ E.jsx("span", { "data-motion-letter": !0, style: f, ...u, children: h }, d)
     );
   }
   return s;
 }
-function Ue(t) {
+function $e(t) {
   if (!t)
     return [];
-  const e = vn();
-  return e ? Array.from(e.segment(t), (r) => r.segment) : Rn(t);
+  const e = In();
+  return e ? Array.from(e.segment(t), (r) => r.segment) : On(t);
 }
-let ue;
-function vn() {
-  return ue !== void 0 || (typeof Intl < "u" && typeof Intl.Segmenter == "function" ? ue = new Intl.Segmenter(void 0, { granularity: "grapheme" }) : ue = null), ue;
+let de;
+function In() {
+  return de !== void 0 || (typeof Intl < "u" && typeof Intl.Segmenter == "function" ? de = new Intl.Segmenter(void 0, { granularity: "grapheme" }) : de = null), de;
 }
-function Rn(t) {
+function On(t) {
   const e = [], r = Array.from(t);
   let n = "";
   for (let o = 0; o < r.length; o++) {
     const s = r[o], i = r[o + 1];
-    n += s, !(i && En(s, i)) && (e.push(n), n = "");
+    n += s, !(i && _n(s, i)) && (e.push(n), n = "");
   }
   return n && e.push(n), e;
 }
-function En(t, e) {
-  return e ? !!(at(t) || at(e) || kn(e) || An(e) || Tn(e) || ct(t) && ct(e)) : !1;
+function _n(t, e) {
+  return e ? !!(ft(t) || ft(e) || jn(e) || Nn(e) || Pn(e) || ht(t) && ht(e)) : !1;
 }
-function at(t) {
+function ft(t) {
   return t.codePointAt(0) === 8205;
 }
-function An(t) {
+function Nn(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 65024 && e <= 65039 || e >= 917760 && e <= 917999;
 }
-function Tn(t) {
+function Pn(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 127995 && e <= 127999;
 }
-function ct(t) {
+function ht(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 127462 && e <= 127487;
 }
-let Te;
-function kn(t) {
-  return t ? (Te || (Te = Cn()), Te(t)) : !1;
+let _e;
+function jn(t) {
+  return t ? (_e || (_e = Ln()), _e(t)) : !1;
 }
-function Cn() {
+function Ln() {
   try {
     const t = new RegExp("\\p{Mark}", "u");
     return (e) => t.test(e);
@@ -2042,19 +2062,19 @@ function Cn() {
     };
   }
 }
-let ke;
-function pt(t) {
-  return t ? (ke || (ke = In()), ke(t)) : !1;
+let Ne;
+function wt(t) {
+  return t ? (Ne || (Ne = Mn()), Ne(t)) : !1;
 }
-function In() {
+function Mn() {
   try {
     const t = new RegExp("\\p{Extended_Pictographic}", "u");
     return (e) => t.test(e);
   } catch {
-    return _n;
+    return Un;
   }
 }
-function _n(t) {
+function Un(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 xn(t) {
   const e = [];
   let r = "", n = 0;
   for (let o = 0; o < t.length; o++) {
@@ -2078,7 +2098,7 @@ function On(t) {
   }
   return (n > 0 || r.length > 0) && e.push({ text: r, breaks: n }), e;
 }
-function Nn(t) {
+function Dn(t) {
   if (t.length === 0)
     return [];
   const e = [];
@@ -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 Ae(t) {
   return {
     "--tw-motion-seq-index": t.toString(),
     backgroundColor: "inherit",
@@ -2107,27 +2127,27 @@ function we(t) {
     WebkitTextFillColor: "inherit"
   };
 }
-function ut(t) {
+function mt(t) {
   if (!t)
     return t;
-  const e = Ue(t);
+  const e = $e(t);
   if (e.length === 0)
     return t;
-  const { nodes: r, sawEmoji: n } = gt(e);
+  const { nodes: r, sawEmoji: n } = vt(e);
   return n ? r.length === 1 ? r[0] ?? t : r : t;
 }
-function gt(t, e) {
+function vt(t, e) {
   const r = [];
   let n = "", o = !1, s = e?.emoji ?? 0;
   const i = () => {
     n && (r.push(n), n = "");
   };
   for (const a of t) {
-    if (pt(a)) {
+    if (wt(a)) {
       o = !0, i();
-      const f = `motion-emoji-${e ? e.emoji++ : s++}`;
+      const d = `motion-emoji-${e ? e.emoji++ : s++}`;
       r.push(
-        /* @__PURE__ */ A.jsx("span", { "data-motion-emoji": !0, children: a }, f)
+        /* @__PURE__ */ E.jsx("span", { "data-motion-emoji": !0, children: a }, d)
       );
       continue;
     }
@@ -2135,56 +2155,56 @@ function gt(t, e) {
   }
   return i(), o ? { nodes: r, sawEmoji: !0 } : { nodes: [t.join("")], sawEmoji: !1 };
 }
-function Pn(t) {
+function Fn(t) {
   if (!t)
-    return E.None;
+    return R.None;
   const e = t.trim();
   if (!e)
-    return E.None;
-  const r = st.get(e);
+    return R.None;
+  const r = lt.get(e);
   if (typeof r == "number")
     return r;
   if (typeof document > "u")
-    return E.None;
+    return R.None;
   const n = e.split(/\s+/).filter(Boolean);
   if (n.length === 0)
-    return E.None;
-  const s = n.map((c) => `.${jn(c)}`).map(
-    (c) => new RegExp(`(^|[^a-zA-Z0-9_-])${Ln(c)}(?![a-zA-Z0-9_-])`)
+    return R.None;
+  const s = n.map((c) => `.${Bn(c)}`).map(
+    (c) => new RegExp(`(^|[^a-zA-Z0-9_-])${$n(c)}(?![a-zA-Z0-9_-])`)
   );
-  let i = E.None, a = !1;
+  let i = R.None, a = !1;
   for (const c of Array.from(document.styleSheets)) {
-    let f;
+    let d;
     try {
-      f = c.cssRules;
+      d = c.cssRules;
     } catch {
       continue;
     }
-    const d = yt(f, s);
-    if (d.mask && (i |= d.mask, i === Me))
+    const f = Rt(d, s);
+    if (f.mask && (i |= f.mask, i === Be))
       break;
-    a ||= d.sawStyleRule;
+    a ||= f.sawStyleRule;
   }
-  return (i !== E.None || a) && st.set(e, i), i;
+  return (i !== R.None || a) && lt.set(e, i), i;
 }
-function yt(t, e) {
+function Rt(t, e) {
   if (!t)
-    return { mask: E.None, sawStyleRule: !1 };
-  let r = E.None, n = !1;
+    return { mask: R.None, sawStyleRule: !1 };
+  let r = R.None, n = !1;
   for (let o = 0; o < t.length; o++) {
     const s = t[o];
     if (s) {
       if (s.type === CSSRule.STYLE_RULE) {
         const a = s.selectorText ?? "";
-        if (!a || !e.some((f) => f.test(a))) continue;
+        if (!a || !e.some((d) => d.test(a))) continue;
         n = !0;
-        for (const f of hn)
-          f.hints.some((d) => a.includes(d)) && (r |= f.flag);
-        if (r === Me)
+        for (const d of wn)
+          d.hints.some((f) => a.includes(f)) && (r |= d.flag);
+        if (r === Be)
           return { mask: r, sawStyleRule: !0 };
       } else if ("cssRules" in s) {
-        const i = yt(s.cssRules, e);
-        if (i.mask && (r |= i.mask, r === Me))
+        const i = Rt(s.cssRules, e);
+        if (i.mask && (r |= i.mask, r === Be))
           return { mask: r, sawStyleRule: !0 };
         n ||= i.sawStyleRule;
       }
@@ -2192,38 +2212,38 @@ function yt(t, e) {
   }
   return { mask: r, sawStyleRule: n };
 }
-function jn(t) {
+function Bn(t) {
   return typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(t) : t.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
-function Ln(t) {
+function $n(t) {
   return t.replace(/[.*+?^${}()|[\]\\]/g, (e) => `\\${e}`);
 }
-const $e = "ikon_auth_session", Mn = 7 * 24 * 60 * 60 * 1e3;
-function ve(t) {
+const ze = "ikon_auth_session", Vn = 7 * 24 * 60 * 60 * 1e3;
+function Te(t) {
   try {
-    localStorage.setItem($e, JSON.stringify(t));
+    localStorage.setItem(ze, JSON.stringify(t));
   } catch {
     console.warn("Failed to save auth session to localStorage");
   }
 }
-function St() {
+function Et() {
   try {
-    const t = localStorage.getItem($e);
+    const t = localStorage.getItem(ze);
     if (!t) return null;
     const e = JSON.parse(t);
-    return Date.now() - e.authenticatedAt > Mn ? (bt(), null) : e;
+    return Date.now() - e.authenticatedAt > Vn ? (At(), null) : e;
   } catch {
     return console.warn("Failed to load auth session from localStorage"), null;
   }
 }
-function bt() {
+function At() {
   try {
-    localStorage.removeItem($e);
+    localStorage.removeItem(ze);
   } catch {
     console.warn("Failed to clear auth session from localStorage");
   }
 }
-function le(t) {
+function fe(t) {
   return {
     id: "",
     provider: t.provider,
@@ -2231,8 +2251,8 @@ function le(t) {
     authenticatedAt: t.authenticatedAt
   };
 }
-async function wt(t, e) {
-  const r = pe(), n = await fetch(`${e}/anonymous`, {
+async function Tt(t, e) {
+  const r = be(), n = await fetch(`${e}/anonymous`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify({ deviceId: r, space: t })
@@ -2246,9 +2266,9 @@ async function wt(t, e) {
     provider: "anonymous",
     authenticatedAt: Date.now()
   };
-  return ve(s), s;
+  return Te(s), s;
 }
-async function po(t) {
+async function Ro(t) {
   const { email: e, spaceId: r, authUrl: n, returnUrl: o = window.location.origin + window.location.pathname } = t, s = await fetch(`${n}/email/send`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2263,22 +2283,22 @@ async function po(t) {
     throw new Error(i);
   }
 }
-function Un() {
+function Kn() {
   const t = new URLSearchParams(window.location.search), e = t.get("ikon_token"), r = t.get("ikon_provider");
   return e && r ? { token: e, provider: r } : null;
 }
-function xn() {
+function Wn() {
   const e = new URLSearchParams(window.location.search).get("error");
   return e ? decodeURIComponent(e) : null;
 }
-function lt() {
+function pt() {
   window.history.replaceState({}, "", window.location.pathname);
 }
-function Dn(t, e, r, n) {
+function Yn(t, e, r, n) {
   const o = n ?? window.location.origin + window.location.pathname + window.location.search;
   return `${r}/oauth/${t}?space=${encodeURIComponent(e)}&return=${encodeURIComponent(o)}`;
 }
-async function Fn(t) {
+async function zn(t) {
   const e = await fetch(`${t}/passkey/registration/options`, {
     method: "POST",
     headers: { "Content-Type": "application/json" }
@@ -2289,7 +2309,7 @@ async function Fn(t) {
   }
   return e.json();
 }
-async function Bn(t, e, r) {
+async function qn(t, e, r) {
   const n = await fetch(`${t}/passkey/registration/verify`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2304,9 +2324,9 @@ async function Bn(t, e, r) {
     provider: "passkey",
     authenticatedAt: Date.now()
   };
-  return ve(s), s;
+  return Te(s), s;
 }
-async function $n(t, e) {
+async function Gn(t, e) {
   const r = await fetch(`${t}/passkey/authentication/options`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2318,7 +2338,7 @@ async function $n(t, e) {
   }
   return r.json();
 }
-async function Vn(t, e) {
+async function Hn(t, e) {
   const r = await fetch(`${t}/passkey/authentication/verify`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2333,32 +2353,32 @@ async function Vn(t, e) {
     provider: "passkey",
     authenticatedAt: Date.now()
   };
-  return ve(o), o;
+  return Te(o), o;
 }
-function q(t) {
+function J(t) {
   const e = new Uint8Array(t);
   let r = "";
   for (const o of e)
     r += String.fromCharCode(o);
   return btoa(r).replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, "");
 }
-function Se(t) {
+function Re(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);
   return s;
 }
-function Ve() {
-  return Kn.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
+function qe() {
+  return Jn.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
 }
-const Kn = {
+const Jn = {
   stubThis: (t) => t
 };
-function vt(t) {
+function kt(t) {
   const { id: e } = t;
   return {
     ...t,
-    id: Se(e),
+    id: Re(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
@@ -2367,13 +2387,13 @@ function vt(t) {
     transports: t.transports
   };
 }
-function Rt(t) {
+function Ct(t) {
   return (
     // Consider localhost valid as well since it's okay wrt Secure Contexts
     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 Xn({ 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,63 +2425,63 @@ 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
       });
     if (t.name === "SecurityError") {
       const n = globalThis.location.hostname;
-      if (Rt(n)) {
+      if (Ct(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 Zn {
   constructor() {
     Object.defineProperty(this, "controller", {
       enumerable: !0,
@@ -2493,122 +2513,122 @@ class zn {
     }
   }
 }
-const Et = new zn(), Wn = ["cross-platform", "platform"];
-function At(t) {
-  if (t && !(Wn.indexOf(t) < 0))
+const It = new Zn(), Qn = ["cross-platform", "platform"];
+function Ot(t) {
+  if (t && !(Qn.indexOf(t) < 0))
     return t;
 }
-async function qn(t) {
+async function eo(t) {
   !t.optionsJSON && t.challenge && (console.warn("startRegistration() was not called correctly. It will try to continue with the provided options, but this call should be refactored to use the expected call structure instead. See https://simplewebauthn.dev/docs/packages/browser#typeerror-cannot-read-properties-of-undefined-reading-challenge for more information."), t = { optionsJSON: t });
   const { optionsJSON: e, useAutoRegister: r = !1 } = t;
-  if (!Ve())
+  if (!qe())
     throw new Error("WebAuthn is not supported in this browser");
   const n = {
     ...e,
-    challenge: Se(e.challenge),
+    challenge: Re(e.challenge),
     user: {
       ...e.user,
-      id: Se(e.user.id)
+      id: Re(e.user.id)
     },
-    excludeCredentials: e.excludeCredentials?.map(vt)
+    excludeCredentials: e.excludeCredentials?.map(kt)
   }, o = {};
-  r && (o.mediation = "conditional"), o.publicKey = n, o.signal = Et.createNewAbortSignal();
+  r && (o.mediation = "conditional"), o.publicKey = n, o.signal = It.createNewAbortSignal();
   let s;
   try {
     s = await navigator.credentials.create(o);
   } catch (y) {
-    throw Yn({ error: y, options: o });
+    throw Xn({ error: y, options: o });
   }
   if (!s)
     throw new Error("Registration was not completed");
-  const { id: i, rawId: a, response: c, type: f } = s;
-  let d;
-  typeof c.getTransports == "function" && (d = c.getTransports());
-  let h;
+  const { id: i, rawId: a, response: c, type: d } = s;
+  let f;
+  typeof c.getTransports == "function" && (f = c.getTransports());
+  let g;
   if (typeof c.getPublicKeyAlgorithm == "function")
     try {
-      h = c.getPublicKeyAlgorithm();
+      g = c.getPublicKeyAlgorithm();
     } catch (y) {
-      Ce("getPublicKeyAlgorithm()", y);
+      Pe("getPublicKeyAlgorithm()", y);
     }
   let u;
   if (typeof c.getPublicKey == "function")
     try {
       const y = c.getPublicKey();
-      y !== null && (u = q(y));
+      y !== null && (u = J(y));
     } catch (y) {
-      Ce("getPublicKey()", y);
+      Pe("getPublicKey()", y);
     }
-  let g;
+  let h;
   if (typeof c.getAuthenticatorData == "function")
     try {
-      g = q(c.getAuthenticatorData());
+      h = J(c.getAuthenticatorData());
     } catch (y) {
-      Ce("getAuthenticatorData()", y);
+      Pe("getAuthenticatorData()", y);
     }
   return {
     id: i,
-    rawId: q(a),
+    rawId: J(a),
     response: {
-      attestationObject: q(c.attestationObject),
-      clientDataJSON: q(c.clientDataJSON),
-      transports: d,
-      publicKeyAlgorithm: h,
+      attestationObject: J(c.attestationObject),
+      clientDataJSON: J(c.clientDataJSON),
+      transports: f,
+      publicKeyAlgorithm: g,
       publicKey: u,
-      authenticatorData: g
+      authenticatorData: h
     },
-    type: f,
+    type: d,
     clientExtensionResults: s.getClientExtensionResults(),
-    authenticatorAttachment: At(s.authenticatorAttachment)
+    authenticatorAttachment: Ot(s.authenticatorAttachment)
   };
 }
-function Ce(t, e) {
+function Pe(t, e) {
   console.warn(`The browser extension that intercepted this WebAuthn API call incorrectly implemented ${t}. You should report this error to them.
 `, e);
 }
-function Gn() {
-  if (!Ve())
-    return Ie.stubThis(new Promise((e) => e(!1)));
+function to() {
+  if (!qe())
+    return je.stubThis(new Promise((e) => e(!1)));
   const t = globalThis.PublicKeyCredential;
-  return t?.isConditionalMediationAvailable === void 0 ? Ie.stubThis(new Promise((e) => e(!1))) : Ie.stubThis(t.isConditionalMediationAvailable());
+  return t?.isConditionalMediationAvailable === void 0 ? je.stubThis(new Promise((e) => e(!1))) : je.stubThis(t.isConditionalMediationAvailable());
 }
-const Ie = {
+const je = {
   stubThis: (t) => t
 };
-function Hn({ error: t, options: e }) {
+function ro({ 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: "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
       });
     if (t.name === "SecurityError") {
       const n = globalThis.location.hostname;
-      if (Rt(n)) {
+      if (Ct(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
@@ -2616,91 +2636,91 @@ function Hn({ error: t, options: e }) {
   }
   return t;
 }
-async function Jn(t) {
+async function no(t) {
   !t.optionsJSON && t.challenge && (console.warn("startAuthentication() was not called correctly. It will try to continue with the provided options, but this call should be refactored to use the expected call structure instead. See https://simplewebauthn.dev/docs/packages/browser#typeerror-cannot-read-properties-of-undefined-reading-challenge for more information."), t = { optionsJSON: t });
   const { optionsJSON: e, useBrowserAutofill: r = !1, verifyBrowserAutofillInput: n = !0 } = t;
-  if (!Ve())
+  if (!qe())
     throw new Error("WebAuthn is not supported in this browser");
   let o;
-  e.allowCredentials?.length !== 0 && (o = e.allowCredentials?.map(vt));
+  e.allowCredentials?.length !== 0 && (o = e.allowCredentials?.map(kt));
   const s = {
     ...e,
-    challenge: Se(e.challenge),
+    challenge: Re(e.challenge),
     allowCredentials: o
   }, i = {};
   if (r) {
-    if (!await Gn())
+    if (!await to())
       throw Error("Browser does not support WebAuthn autofill");
     if (document.querySelectorAll("input[autocomplete$='webauthn']").length < 1 && n)
       throw Error('No <input> with "webauthn" as the only or last value in its `autocomplete` attribute was detected');
     i.mediation = "conditional", s.allowCredentials = [];
   }
-  i.publicKey = s, i.signal = Et.createNewAbortSignal();
+  i.publicKey = s, i.signal = It.createNewAbortSignal();
   let a;
   try {
     a = await navigator.credentials.get(i);
-  } catch (g) {
-    throw Hn({ error: g, options: i });
+  } catch (h) {
+    throw ro({ error: h, options: i });
   }
   if (!a)
     throw new Error("Authentication was not completed");
-  const { id: c, rawId: f, response: d, type: h } = a;
+  const { id: c, rawId: d, response: f, type: g } = a;
   let u;
-  return d.userHandle && (u = q(d.userHandle)), {
+  return f.userHandle && (u = J(f.userHandle)), {
     id: c,
-    rawId: q(f),
+    rawId: J(d),
     response: {
-      authenticatorData: q(d.authenticatorData),
-      clientDataJSON: q(d.clientDataJSON),
-      signature: q(d.signature),
+      authenticatorData: J(f.authenticatorData),
+      clientDataJSON: J(f.clientDataJSON),
+      signature: J(f.signature),
       userHandle: u
     },
-    type: h,
+    type: g,
     clientExtensionResults: a.getClientExtensionResults(),
-    authenticatorAttachment: At(a.authenticatorAttachment)
+    authenticatorAttachment: Ot(a.authenticatorAttachment)
   };
 }
-const Ke = dt(null);
-function go({ children: t, config: e }) {
-  const [r, n] = X({
+const Ge = gt(null);
+function Eo({ children: t, config: e }) {
+  const [r, n] = z({
     isAuthenticated: !1,
     isLoading: !0,
     user: null,
     error: null
   });
-  D(() => {
+  M(() => {
     (() => {
-      const d = xn();
-      if (d) {
-        lt(), n({
+      const f = Wn();
+      if (f) {
+        pt(), n({
           isAuthenticated: !1,
           isLoading: !1,
           user: null,
-          error: d
+          error: f
         });
         return;
       }
-      const h = Un();
-      if (h) {
-        const g = {
-          token: h.token,
-          provider: h.provider,
+      const g = Kn();
+      if (g) {
+        const h = {
+          token: g.token,
+          provider: g.provider,
           authenticatedAt: Date.now()
         };
-        ve(g), lt(), n({
+        Te(h), pt(), n({
           isAuthenticated: !0,
           isLoading: !1,
-          user: le(g),
+          user: fe(h),
           error: null
         });
         return;
       }
-      const u = St();
+      const u = Et();
       if (u) {
         n({
           isAuthenticated: !0,
           isLoading: !1,
-          user: le(u),
+          user: fe(u),
           error: null
         });
         return;
@@ -2713,8 +2733,8 @@ function go({ children: t, config: e }) {
       });
     })();
   }, []);
-  const o = x(
-    async (f) => {
+  const o = D(
+    async (d) => {
       if (!e.spaceId) {
         n((u) => ({
           ...u,
@@ -2722,78 +2742,78 @@ function go({ children: t, config: e }) {
         }));
         return;
       }
-      const d = e.authUrl ?? Oe();
-      if (f === "guest") {
+      const f = e.authUrl ?? Me();
+      if (d === "guest") {
         n((u) => ({ ...u, isLoading: !0 }));
         try {
-          const u = await wt(e.spaceId, d);
+          const u = await Tt(e.spaceId, f);
           n({
             isAuthenticated: !0,
             isLoading: !1,
-            user: le(u),
+            user: fe(u),
             error: null
           });
         } catch (u) {
-          n((g) => ({
-            ...g,
+          n((h) => ({
+            ...h,
             isLoading: !1,
             error: u instanceof Error ? u.message : "Guest login failed"
           }));
         }
         return;
       }
-      if (f === "passkey") {
+      if (d === "passkey") {
         n((u) => ({ ...u, isLoading: !0, error: null }));
         try {
-          const u = await $n(d), g = await Jn({ optionsJSON: u }), y = await Vn(d, g);
+          const u = await Gn(f), h = await no({ optionsJSON: u }), y = await Hn(f, h);
           n({
             isAuthenticated: !0,
             isLoading: !1,
-            user: le(y),
+            user: fe(y),
             error: null
           });
         } catch (u) {
-          n((g) => ({
-            ...g,
+          n((h) => ({
+            ...h,
             isLoading: !1,
             error: u instanceof Error ? u.message : "Passkey login failed"
           }));
         }
         return;
       }
-      const h = Dn(f, e.spaceId, d);
-      window.location.href = h;
+      const g = Yn(d, e.spaceId, f);
+      window.location.href = g;
     },
     [e.authUrl, e.spaceId]
-  ), s = x(() => {
-    bt(), n({
+  ), s = D(() => {
+    At(), n({
       isAuthenticated: !1,
       isLoading: !1,
       user: null,
       error: null
     });
-  }, []), i = x(
-    async (f) => {
-      const d = e.authUrl ?? Oe();
-      n((h) => ({ ...h, isLoading: !0, error: null }));
+  }, []), i = D(
+    async (d) => {
+      const f = e.authUrl ?? Me();
+      n((g) => ({ ...g, isLoading: !0, error: null }));
       try {
-        const h = await Fn(d), u = await qn({ optionsJSON: h }), g = await Bn(d, u, f);
+        const g = await zn(f), u = await eo({ optionsJSON: g }), h = await qn(f, u, d);
         n({
           isAuthenticated: !0,
           isLoading: !1,
-          user: le(g),
+          user: fe(h),
           error: null
         });
-      } catch (h) {
+      } catch (g) {
         n((u) => ({
           ...u,
           isLoading: !1,
-          error: h instanceof Error ? h.message : "Passkey registration failed"
+          error: g instanceof Error ? g.message : "Passkey registration failed"
         }));
       }
     },
     [e.authUrl]
-  ), a = x(() => r.user?.token ?? null, [r.user]), c = Y(
+  ), a = D(() => r.user?.token ?? null, [r.user]), c = W(
     () => ({
       state: r,
       login: o,
@@ -2803,27 +2823,27 @@ function go({ children: t, config: e }) {
     }),
     [r, o, s, a, i]
   );
-  return /* @__PURE__ */ A.jsx(Ke, { value: c, children: t });
+  return /* @__PURE__ */ E.jsx(Ge, { value: c, children: t });
 }
-function Xn() {
-  const t = De(Ke);
+function oo() {
+  const t = Ke(Ge);
   if (!t)
     throw new Error("useAuth must be used within an AuthProvider");
   return t;
 }
-function yo() {
-  return De(Ke);
+function Ao() {
+  return Ke(Ge);
 }
-function So(t) {
-  const { config: e, guestUrlParam: r } = t, { state: n, login: o } = Xn(), s = R(!1);
-  return D(() => {
+function To(t) {
+  const { config: e, guestUrlParam: r } = t, { state: n, login: o } = oo(), s = w(!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);
     if (a === "true" || a === "1" || a === "") {
       i.delete(r);
-      const c = i.toString(), f = window.location.pathname + (c ? `?${c}` : "");
-      window.history.replaceState({}, "", f), s.current = !0, o("guest");
+      const c = i.toString(), d = window.location.pathname + (c ? `?${c}` : "");
+      window.history.replaceState({}, "", d), s.current = !0, o("guest");
     }
   }, [r, n.isAuthenticated, n.isLoading, e.methods, o]), {
     shouldRenderChildren: n.isAuthenticated,
@@ -2832,7 +2852,7 @@ function So(t) {
     error: n.error
   };
 }
-function bo({
+function ko({
   connectionState: t,
   error: e,
   isReady: r,
@@ -2842,9 +2862,9 @@ function bo({
   onAction: i,
   renderIdle: a,
   renderConnecting: c,
-  renderConnectingSlow: f,
-  renderConnected: d,
-  renderOffline: h,
+  renderConnectingSlow: d,
+  renderConnected: f,
+  renderOffline: g,
   renderError: u
 }) {
   switch (t) {
@@ -2853,10 +2873,10 @@ function bo({
     case "connecting":
       return c();
     case "connectingSlow":
-      return f();
+      return d();
     case "connected":
     case "reconnecting":
-      return !r || !n || !o ? null : d({
+      return !r || !n || !o ? null : f({
         stores: n,
         registry: o,
         client: s,
@@ -2864,169 +2884,173 @@ function bo({
         isReconnecting: t === "reconnecting"
       });
     case "offline":
-      return h();
+      return g();
     case "offlineError":
       return u(e ?? s?.lastError?.message ?? null);
     default:
       return null;
   }
 }
-const _e = be("useIkonApp");
-function Zn() {
+const Le = Ee("useIkonApp");
+function so() {
   if (typeof window < "u" && window.__IKON_AUTH_CONFIG__)
     return window.__IKON_AUTH_CONFIG__;
 }
-function Qn() {
+function io() {
   if (typeof window < "u" && window.__IKON_LOCAL_IKON_SERVER_CONFIG__)
     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(() => {
+function Co(t) {
+  const { authConfig: e, localServer: r, modules: n, registerModules: o, onJoined: s, onConnectionStateChange: i, onError: a, timeouts: c, audio: d, video: f, mediaSession: g, webRtc: u } = t, h = e === void 0 ? so() ?? null : e, y = r ?? io(), S = w(null), p = w(null), m = w(null), v = w(!1), A = w(d), _ = w(f), U = w(g), X = w(c), Q = w(i), k = w(a), N = w(s), L = w(u);
+  A.current = d, _.current = f, U.current = g, X.current = c, Q.current = i, k.current = a, N.current = s, L.current = u;
+  const [P, F] = z("idle"), [G, te] = z(null), [oe, me] = z(null), [pe, se] = z(null), [ge, l] = z(null), [b, T] = z(null), [C, H] = z(null), [$, re] = z(!1), x = W(() => {
     try {
-      const w = Nt();
-      return (w.sessionId || w.channelKey) && Pt(), w;
+      const O = Dt();
+      return (O.sessionId || O.channelKey) && Ft(), O;
     } 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");
+  }, []), I = W(() => h?.enabled ? Et() : null, [h?.enabled]), Y = y?.enabled ?? !1, ee = y?.host ?? "localhost", ie = y?.port ?? 8443;
+  M(() => {
+    !Y && He() && h && !h.enabled && h.spaceId && !C && !$ && (re(!0), Tt(h.spaceId, h.authUrl ?? Me()).then((V) => {
+      H(V.token);
+    }).catch((V) => {
+      Le.error("Anonymous auth failed:", V), te(V instanceof Error ? V.message : "Anonymous auth failed");
     }).finally(() => {
       re(!1);
     }));
-  }, [S, u, J, te]);
-  const V = Y(() => {
-    if (S) {
-      const w = l?.token ? jt(l.token) ?? pe() : pe();
+  }, [Y, h, C, $]);
+  const ke = W(() => {
+    if (Y) {
+      const O = I?.token ? Bt(I.token) ?? be() : be();
       return {
         local: {
-          host: T,
-          httpsPort: _,
-          userId: w,
-          parameters: B.parameters
+          host: ee,
+          httpsPort: ie,
+          userId: O,
+          parameters: x.parameters
         }
       };
     }
-    return l?.token && u?.spaceId ? {
+    return I?.token && h?.spaceId ? {
       sessionToken: {
-        token: l.token,
-        spaceId: u.spaceId,
-        backendType: ze(),
-        sessionId: B.sessionId,
-        channelKey: B.channelKey,
-        parameters: B.parameters
+        token: I.token,
+        spaceId: h.spaceId,
+        backendType: Je(),
+        sessionId: x.sessionId,
+        channelKey: x.channelKey,
+        parameters: x.parameters
       }
-    } : J && u?.spaceId ? {
+    } : C && h?.spaceId ? {
       sessionToken: {
-        token: J,
-        spaceId: u.spaceId,
-        backendType: ze(),
-        sessionId: B.sessionId,
-        channelKey: B.channelKey,
-        parameters: B.parameters
+        token: C,
+        spaceId: h.spaceId,
+        backendType: Je(),
+        sessionId: x.sessionId,
+        channelKey: x.channelKey,
+        parameters: x.parameters
       }
-    } : Ye() ? null : {
+    } : He() ? null : {
       local: {
-        host: T,
-        httpsPort: _,
-        userId: pe(),
-        parameters: B.parameters
+        host: ee,
+        httpsPort: ie,
+        userId: be(),
+        parameters: x.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);
+  }, [Y, ee, ie, I?.token, h?.spaceId, C, x.sessionId, x.channelKey, x.parameters]);
+  Zr(oe);
+  const Nt = en(oe);
+  M(() => {
+    if (!v.current) {
+      if (v.current = !0, m.current = Wr(), n)
+        for (const O of n)
+          O(m.current);
+      o?.(m.current), m.current.loadRegisteredModules().catch((O) => {
+        Le.error("Failed to load UI modules", O);
       });
     }
-  }, []), 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);
+  }, []), M(() => {
+    if (!ke) return;
+    const O = new $t({
+      ...ke,
+      timeouts: X.current,
+      audio: A.current,
+      video: _.current,
+      mediaSession: U.current,
+      webRtc: L.current ? { enabled: !0 } : void 0,
+      onConnectionStateChange: (K) => {
+        F(K), Q.current?.(K), L.current && K === "connected" && (se(O.webRtcAudioStream), l(O.webRtcVideoStream), T(O.webRtcScreenStream));
       },
-      onError: (U) => {
-        M(U.message), Z.current?.(U);
+      onError: (K) => {
+        te(K.message), k.current?.(K);
       },
       onJoined: () => {
-        const U = w.globalState?.SessionId;
-        C.current?.(U);
+        const K = O.globalState?.SessionId;
+        N.current?.(K);
       }
     });
-    y.current = w;
-    const O = new Zt({ client: w });
-    return b.current = O, ee(O), w.connect().catch((U) => {
-      _e.error("Connection failed:", U);
+    S.current = O;
+    const V = new sr({ client: O });
+    return p.current = V, me(V), O.connect().catch((K) => {
+      Le.error("Connection failed:", K);
     }), () => {
-      w.disconnect(), y.current = null, O.dispose(), b.current = null;
+      O.disconnect(), S.current = null, V.dispose(), p.current = null, se(null), l(null), T(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";
+  }, [ke]);
+  const Pt = D((O, V) => {
+    const K = typeof V == "string" ? V : JSON.stringify(V ?? {});
+    S.current?.sendActionCall(O, K);
+  }, []), jt = P === "connected" || P === "reconnecting";
   return {
-    connectionState: N,
-    error: j,
-    stores: K,
-    client: y.current,
+    connectionState: P,
+    error: G,
+    stores: Nt,
+    client: S.current,
     registry: m.current,
-    clientRef: y,
-    uiRef: b,
+    clientRef: S,
+    uiRef: p,
     registryRef: m,
-    onAction: ne,
-    isReady: oe
+    onAction: Pt,
+    isReady: jt,
+    webRtcAudioStream: pe,
+    webRtcVideoStream: ge,
+    webRtcScreenStream: b
   };
 }
-function vo(t) {
-  const e = R(!1);
-  return x(() => {
+function Io(t) {
+  const e = w(!1);
+  return D(() => {
     if (e.current) return;
     e.current = !0;
     const r = document.createElement("link");
     r.rel = "stylesheet", r.href = t, document.head.appendChild(r);
   }, [t]);
 }
-let eo = 0;
-function Ro(t = 5, e = 5e3) {
-  const [r, n] = X([]), o = R(/* @__PURE__ */ new Map()), s = x((i) => {
+let ao = 0;
+function Oo(t = 5, e = 5e3) {
+  const [r, n] = z([]), o = w(/* @__PURE__ */ new Map()), s = D((i) => {
     const a = o.current.get(i);
-    a && (clearTimeout(a), o.current.delete(i)), n((c) => c.filter((f) => f.id !== i));
+    a && (clearTimeout(a), o.current.delete(i)), n((c) => c.filter((d) => d.id !== i));
   }, []);
-  return D(() => {
-    const i = o.current, a = Mt(
+  return M(() => {
+    const i = o.current, a = Vt(
       (c) => {
-        if (!Ut())
+        if (!Kt())
           return;
-        const f = `toast-${++eo}`, d = c.level === We.ERROR ? "error" : "warn", h = {
-          id: f,
-          level: d,
+        const d = `toast-${++ao}`, f = c.level === Xe.ERROR ? "error" : "warn", g = {
+          id: d,
+          level: f,
           message: c.message,
           component: c.component
         };
-        n((g) => [...g, h].slice(-t));
+        n((h) => [...h, g].slice(-t));
         const u = setTimeout(() => {
-          s(f);
+          s(d);
         }, e);
-        i.set(f, u);
+        i.set(d, u);
       },
-      { minLevel: We.WARN }
+      { minLevel: Xe.WARN }
     );
     return () => {
       a();
@@ -3036,100 +3060,100 @@ function Ro(t = 5, e = 5e3) {
     };
   }, [t, e, s]), { toasts: r, dismissToast: s };
 }
-const Tt = dt(null);
-function to(t, e) {
+const _t = gt(null);
+function co(t, e) {
   return e ? t.replace(/\{(\w+)\}/g, (r, n) => e[n] ?? `{${n}}`) : t;
 }
-function ro(t, e) {
+function uo(t, e) {
   const n = new URLSearchParams(window.location.search).get("lang");
   if (n && t.includes(n))
     return n;
   const o = navigator.language.split("-")[0];
   return t.includes(o) ? o : e && t.includes(e) ? e : "en";
 }
-function no(t, e, r) {
-  return e ? ro(t, r) : r && t.includes(r) ? r : "en";
+function lo(t, e, r) {
+  return e ? uo(t, r) : r && t.includes(r) ? r : "en";
 }
-function Eo({
+function _o({
   children: t,
   translations: e,
   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 = lo(o, n, r), i = e[s] ?? e.en, a = W(
     () => ({
-      t: (c, f) => {
-        const d = i[c];
-        return to(d, f);
+      t: (c, d) => {
+        const f = i[c];
+        return co(f, d);
       },
       locale: s,
       translations: i
     }),
     [i, s]
   );
-  return /* @__PURE__ */ A.jsx(Tt, { value: a, children: t });
+  return /* @__PURE__ */ E.jsx(_t, { value: a, children: t });
 }
-function Ao() {
-  const t = De(Tt);
+function No() {
+  const t = Ke(_t);
   if (!t)
     throw new Error("useI18n must be used within an I18nProvider");
   return t;
 }
 export {
-  go as AuthProvider,
-  bo as ConnectionStateRenderer,
-  Eo as I18nProvider,
-  ir as IKON_UI_BASE_MODULE,
-  Sr as IKON_UI_MEDIA_MODULE,
-  jr as IKON_UI_SHADER_MODULE,
-  Nr as IKON_UI_SHADER_TYPE,
-  Pe as IKON_UI_STREAM_CATEGORY,
-  hr as IKON_UI_VIDEO_CANVAS_TYPE,
-  mr as IKON_UI_VIDEO_URL_PLAYER_TYPE,
-  Zt as IkonUi,
-  Ur as IkonUiRegistry,
-  uo as IkonUiSurface,
-  Jt as UiComponentRegistry,
-  Ht as UiRenderer,
-  Co as UiStreamStore,
-  lo as areIkonUiModuleListsEqual,
-  wt as authenticateAnonymous,
-  Dn as buildOAuthRedirectUrl,
-  bt as clearAuthSession,
-  lt as clearOAuthParams,
-  sr as createBaseResolvers,
-  ao as createComponentLibrary,
-  xr as createIkonUiRegistry,
-  gr as createMediaResolvers,
-  Pr as createShaderRendererResolver,
-  Xt as isIkonUiCategoryMatch,
-  St as loadAuthSession,
-  ar as loadBaseModule,
-  br as loadMediaModule,
-  Lr as loadShaderModule,
-  dn as normalizeIkonUiModuleList,
-  ho as parseIkonUiInitPayload,
-  Un as parseOAuthCallback,
-  xn as parseOAuthError,
-  fn as readIkonUiModules,
-  fo as readIkonUiModulesFromSources,
-  cr as registerBaseModule,
-  wr as registerMediaModule,
-  Mr as registerShaderModule,
-  qt as renderChildren,
-  mo as renderMotionLetters,
-  ve as saveAuthSession,
-  po as sendMagicLink,
-  le as sessionToUser,
-  Xn as useAuth,
-  So as useAuthGuard,
-  yo as useAuthOptional,
-  Ao as useI18n,
-  wo as useIkonApp,
-  zr as useIkonStyles,
-  qr as useIkonUiStores,
-  vo as useLazyFont,
-  Ro as useToasts,
-  H as useUiNode,
-  co as useUiStore
+  Eo as AuthProvider,
+  ko as ConnectionStateRenderer,
+  _o as I18nProvider,
+  hr as IKON_UI_BASE_MODULE,
+  Tr as IKON_UI_MEDIA_MODULE,
+  Br as IKON_UI_SHADER_MODULE,
+  Dr as IKON_UI_SHADER_TYPE,
+  xe as IKON_UI_STREAM_CATEGORY,
+  wr as IKON_UI_VIDEO_CANVAS_TYPE,
+  vr as IKON_UI_VIDEO_URL_PLAYER_TYPE,
+  sr as IkonUi,
+  Kr as IkonUiRegistry,
+  yo as IkonUiSurface,
+  nr as UiComponentRegistry,
+  rr as UiRenderer,
+  Lo as UiStreamStore,
+  So as areIkonUiModuleListsEqual,
+  Tt as authenticateAnonymous,
+  Yn as buildOAuthRedirectUrl,
+  At as clearAuthSession,
+  pt as clearOAuthParams,
+  fr as createBaseResolvers,
+  po as createComponentLibrary,
+  Wr as createIkonUiRegistry,
+  Er as createMediaResolvers,
+  Fr as createShaderRendererResolver,
+  or as isIkonUiCategoryMatch,
+  Et as loadAuthSession,
+  mr as loadBaseModule,
+  kr as loadMediaModule,
+  $r as loadShaderModule,
+  Sn as normalizeIkonUiModuleList,
+  wo as parseIkonUiInitPayload,
+  Kn as parseOAuthCallback,
+  Wn as parseOAuthError,
+  bn as readIkonUiModules,
+  bo as readIkonUiModulesFromSources,
+  pr as registerBaseModule,
+  Cr as registerMediaModule,
+  Vr as registerShaderModule,
+  er as renderChildren,
+  vo as renderMotionLetters,
+  Te as saveAuthSession,
+  Ro as sendMagicLink,
+  fe as sessionToUser,
+  oo as useAuth,
+  To as useAuthGuard,
+  Ao as useAuthOptional,
+  No as useI18n,
+  Co as useIkonApp,
+  Zr as useIkonStyles,
+  en as useIkonUiStores,
+  Io as useLazyFont,
+  Oo as useToasts,
+  Z as useUiNode,
+  go as useUiStore
 };