@ikonai/sdk-react-ui 1.0.30 → 1.0.32

package/index.js

@@ -1,7 +1,7 @@
 import { IkonUiCore as It, UiStreamStore as Ot } from "@ikonai/sdk-ui";
 import { UiStreamStore as Mo } from "@ikonai/sdk-ui";
-import _t, { useSyncExternalStore as Fe, useMemo as K, memo as W, useRef as v, useCallback as D, Fragment as Nt, useEffect as L, useState as G, createContext as ht, use as Be } from "react";
-import { createLogger as Re, getOrCreateDeviceId as Pt, deriveAuthUrl as Pe, parseUrlParams as Mt, clearSessionParamsFromUrl as jt, isCloudEnvironment as ze, extractUserIdFromToken as Lt, deriveBackendType as qe, IkonClient as Ut, AuthenticationError as xt, subscribeToLogEvents as Dt, isDebugModeEnabled as Ft, LogLevel as Ge, getLangParam as Bt } from "@ikonai/sdk";
+import _t, { useSyncExternalStore as Fe, useMemo as K, memo as W, useRef as v, useCallback as D, Fragment as Nt, useEffect as U, useState as G, createContext as ht, use as Be } from "react";
+import { createLogger as Re, getOrCreateDeviceId as Pt, deriveAuthUrl as Pe, parseUrlParams as Mt, clearSessionParamsFromUrl as jt, isCloudEnvironment as ze, extractUserIdFromToken as Ut, deriveBackendType as qe, IkonClient as Lt, AuthenticationError as xt, subscribeToLogEvents as Dt, isDebugModeEnabled as Ft, LogLevel as Ge, getLangParam as Bt } from "@ikonai/sdk";
 var pe = { exports: {} }, ie = {};
 /**
  * @license React
@@ -47,17 +47,17 @@ var ae = {};
 var Je;
 function Vt() {
   return Je || (Je = 1, process.env.NODE_ENV !== "production" && function() {
-    function t(d) {
-      if (d == null) return null;
-      if (typeof d == "function")
-        return d.$$typeof === F ? null : d.displayName || d.name || null;
-      if (typeof d == "string") return d;
-      switch (d) {
-        case b:
+    function t(l) {
+      if (l == null) return null;
+      if (typeof l == "function")
+        return l.$$typeof === F ? null : l.displayName || l.name || null;
+      if (typeof l == "string") return l;
+      switch (l) {
+        case S:
           return "Fragment";
         case g:
           return "Profiler";
-        case p:
+        case m:
           return "StrictMode";
         case M:
           return "Suspense";
@@ -66,127 +66,127 @@ function Vt() {
         case _:
           return "Activity";
       }
-      if (typeof d == "object")
-        switch (typeof d.tag == "number" && console.error(
+      if (typeof l == "object")
+        switch (typeof l.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), d.$$typeof) {
+        ), l.$$typeof) {
           case y:
             return "Portal";
           case k:
-            return (d.displayName || "Context") + ".Provider";
+            return (l.displayName || "Context") + ".Provider";
           case w:
-            return (d._context.displayName || "Context") + ".Consumer";
+            return (l._context.displayName || "Context") + ".Consumer";
           case O:
-            var S = d.render;
-            return d = d.displayName, d || (d = S.displayName || S.name || "", d = d !== "" ? "ForwardRef(" + d + ")" : "ForwardRef"), d;
+            var b = l.render;
+            return l = l.displayName, l || (l = b.displayName || b.name || "", l = l !== "" ? "ForwardRef(" + l + ")" : "ForwardRef"), l;
           case Q:
-            return S = d.displayName || null, S !== null ? S : t(d.type) || "Memo";
+            return b = l.displayName || null, b !== null ? b : t(l.type) || "Memo";
           case T:
-            S = d._payload, d = d._init;
+            b = l._payload, l = l._init;
             try {
-              return t(d(S));
+              return t(l(b));
             } catch {
             }
         }
       return null;
     }
-    function e(d) {
-      return "" + d;
+    function e(l) {
+      return "" + l;
     }
-    function r(d) {
+    function r(l) {
       try {
-        e(d);
-        var S = !1;
+        e(l);
+        var b = !1;
       } catch {
-        S = !0;
+        b = !0;
       }
-      if (S) {
-        S = console;
-        var R = S.error, C = typeof Symbol == "function" && Symbol.toStringTag && d[Symbol.toStringTag] || d.constructor.name || "Object";
+      if (b) {
+        b = console;
+        var R = b.error, C = typeof Symbol == "function" && Symbol.toStringTag && l[Symbol.toStringTag] || l.constructor.name || "Object";
         return R.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(d);
+        ), e(l);
       }
     }
-    function n(d) {
-      if (d === b) return "<>";
-      if (typeof d == "object" && d !== null && d.$$typeof === T)
+    function n(l) {
+      if (l === S) return "<>";
+      if (typeof l == "object" && l !== null && l.$$typeof === T)
         return "<...>";
       try {
-        var S = t(d);
-        return S ? "<" + S + ">" : "<...>";
+        var b = t(l);
+        return b ? "<" + b + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function o() {
-      var d = j.A;
-      return d === null ? null : d.getOwner();
+      var l = j.A;
+      return l === null ? null : l.getOwner();
     }
     function s() {
       return Error("react-stack-top-frame");
     }
-    function i(d) {
-      if (U.call(d, "key")) {
-        var S = Object.getOwnPropertyDescriptor(d, "key").get;
-        if (S && S.isReactWarning) return !1;
+    function i(l) {
+      if (L.call(l, "key")) {
+        var b = Object.getOwnPropertyDescriptor(l, "key").get;
+        if (b && b.isReactWarning) return !1;
       }
-      return d.key !== void 0;
+      return l.key !== void 0;
     }
-    function a(d, S) {
+    function a(l, b) {
       function R() {
         J || (J = !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
         ));
       }
-      R.isReactWarning = !0, Object.defineProperty(d, "key", {
+      R.isReactWarning = !0, Object.defineProperty(l, "key", {
         get: R,
         configurable: !0
       });
     }
     function c() {
-      var d = t(this.type);
-      return he[d] || (he[d] = !0, console.error(
+      var l = t(this.type);
+      return he[l] || (he[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."
-      )), d = this.props.ref, d !== void 0 ? d : null;
+      )), l = this.props.ref, l !== void 0 ? l : null;
     }
-    function f(d, S, R, C, V, B, ee, se) {
-      return R = B.ref, d = {
-        $$typeof: m,
-        type: d,
-        key: S,
+    function d(l, b, R, C, V, B, ee, se) {
+      return R = B.ref, l = {
+        $$typeof: p,
+        type: l,
+        key: b,
         props: B,
         _owner: V
-      }, (R !== void 0 ? R : null) !== null ? Object.defineProperty(d, "ref", {
+      }, (R !== void 0 ? R : null) !== null ? Object.defineProperty(l, "ref", {
         enumerable: !1,
         get: c
-      }) : Object.defineProperty(d, "ref", { enumerable: !1, value: null }), d._store = {}, Object.defineProperty(d._store, "validated", {
+      }) : Object.defineProperty(l, "ref", { enumerable: !1, value: null }), l._store = {}, Object.defineProperty(l._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(d, "_debugInfo", {
+      }), Object.defineProperty(l, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(d, "_debugStack", {
+      }), Object.defineProperty(l, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: ee
-      }), Object.defineProperty(d, "_debugTask", {
+      }), Object.defineProperty(l, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: se
-      }), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
+      }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
     }
-    function u(d, S, R, C, V, B, ee, se) {
-      var N = S.children;
+    function u(l, b, R, C, V, B, ee, se) {
+      var N = b.children;
       if (N !== void 0)
         if (C)
           if (Y(N)) {
@@ -198,9 +198,9 @@ function Vt() {
               "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(N);
-      if (U.call(S, "key")) {
-        N = t(d);
-        var X = Object.keys(S).filter(function(x) {
+      if (L.call(b, "key")) {
+        N = t(l);
+        var X = Object.keys(b).filter(function(x) {
           return x !== "key";
         });
         C = 0 < X.length ? "{key: someKey, " + X.join(": ..., ") + ": ...}" : "{key: someKey}", me[N + C] || (X = 0 < X.length ? "{" + X.join(": ..., ") + ": ...}" : "{}", console.error(
@@ -216,16 +216,16 @@ React keys must be passed directly to JSX without using spread:
           N
         ), me[N + C] = !0);
       }
-      if (N = null, R !== void 0 && (r(R), N = "" + R), i(S) && (r(S.key), N = "" + S.key), "key" in S) {
+      if (N = null, R !== void 0 && (r(R), N = "" + R), i(b) && (r(b.key), N = "" + b.key), "key" in b) {
         R = {};
-        for (var I in S)
-          I !== "key" && (R[I] = S[I]);
-      } else R = S;
+        for (var I in b)
+          I !== "key" && (R[I] = b[I]);
+      } else R = b;
       return N && a(
         R,
-        typeof d == "function" ? d.displayName || d.name || "Unknown" : d
-      ), f(
-        d,
+        typeof l == "function" ? l.displayName || l.name || "Unknown" : l
+      ), d(
+        l,
         N,
         B,
         V,
@@ -235,44 +235,44 @@ React keys must be passed directly to JSX without using spread:
         se
       );
     }
-    function h(d) {
-      typeof d == "object" && d !== null && d.$$typeof === m && d._store && (d._store.validated = 1);
+    function h(l) {
+      typeof l == "object" && l !== null && l.$$typeof === p && l._store && (l._store.validated = 1);
     }
-    var l = _t, m = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), p = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), k = Symbol.for("react.context"), O = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), z = Symbol.for("react.suspense_list"), Q = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), _ = Symbol.for("react.activity"), F = Symbol.for("react.client.reference"), j = l.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, Y = Array.isArray, re = console.createTask ? console.createTask : function() {
+    var f = _t, p = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), m = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), k = Symbol.for("react.context"), O = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), z = Symbol.for("react.suspense_list"), Q = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), _ = Symbol.for("react.activity"), F = Symbol.for("react.client.reference"), j = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, L = Object.prototype.hasOwnProperty, Y = Array.isArray, re = console.createTask ? console.createTask : function() {
       return null;
     };
-    l = {
-      "react-stack-bottom-frame": function(d) {
-        return d();
+    f = {
+      "react-stack-bottom-frame": function(l) {
+        return l();
       }
     };
-    var J, he = {}, ne = l["react-stack-bottom-frame"].bind(
-      l,
+    var J, he = {}, ne = f["react-stack-bottom-frame"].bind(
+      f,
       s
     )(), oe = re(n(s)), me = {};
-    ae.Fragment = b, ae.jsx = function(d, S, R, C, V) {
+    ae.Fragment = S, ae.jsx = function(l, b, R, C, V) {
       var B = 1e4 > j.recentlyCreatedOwnerStacks++;
       return u(
-        d,
-        S,
+        l,
+        b,
         R,
         !1,
         C,
         V,
         B ? Error("react-stack-top-frame") : ne,
-        B ? re(n(d)) : oe
+        B ? re(n(l)) : oe
       );
-    }, ae.jsxs = function(d, S, R, C, V) {
+    }, ae.jsxs = function(l, b, R, C, V) {
       var B = 1e4 > j.recentlyCreatedOwnerStacks++;
       return u(
-        d,
-        S,
+        l,
+        b,
         R,
         !0,
         C,
         V,
         B ? Error("react-stack-top-frame") : ne,
-        B ? re(n(d)) : oe
+        B ? re(n(l)) : oe
       );
     };
   }()), ae;
@@ -354,8 +354,8 @@ const Me = W(function t({ nodeId: e, context: r }) {
   const a = r.library.resolve(n);
   if (!a)
     return Wt.warn(`No renderer for node type ${n.type}`), null;
-  const c = qt(n), f = c.length > 0 ? c.join(" ") : void 0, u = a;
-  return /* @__PURE__ */ A.jsx(u, { nodeId: e, context: r, className: f });
+  const c = qt(n), d = c.length > 0 ? c.join(" ") : void 0, u = a;
+  return /* @__PURE__ */ A.jsx(u, { nodeId: e, context: r, className: d });
 }, Ht);
 function Xt(t, e) {
   return !Array.isArray(t) || t.length === 0 ? null : t.map((r) => /* @__PURE__ */ A.jsx(Me, { nodeId: r.id, context: e }, r.id));
@@ -364,41 +364,41 @@ function Zt(t, e) {
   return t.store === e.store && t.library === e.library && t.viewId === e.viewId && t.emptyFallback === e.emptyFallback;
 }
 const Qt = W(function({ store: e, library: r, viewId: n, emptyFallback: o = null, onAction: s, client: i, video: a }) {
-  const { rootViewId: c, rootNodeId: f } = Yt(e, n), u = v(s);
+  const { rootViewId: c, rootNodeId: d } = Yt(e, n), u = v(s);
   u.current = s;
   const h = v(i);
   h.current = i;
-  const l = v(a);
-  l.current = a;
-  const m = D((b, p) => {
-    if (!b)
+  const f = v(a);
+  f.current = a;
+  const p = D((S, m) => {
+    if (!S)
       return;
-    const g = zt(p);
-    u.current?.(b, g);
+    const g = zt(m);
+    u.current?.(S, g);
   }, []), y = K(() => {
-    const b = {
+    const S = {
       store: e,
       library: r,
       handlerCache: e.handlerCache,
       // Access payloads from store at call time, not captured snapshot
-      getPayload: (p) => e.getSnapshot().payloads.get(p),
-      renderChildren: (p) => Xt(p, b),
-      renderView: (p) => {
-        const g = e.getSnapshot().views.get(p);
-        return g ? /* @__PURE__ */ A.jsx(Me, { nodeId: g.id, context: b }) : null;
+      getPayload: (m) => e.getSnapshot().payloads.get(m),
+      renderChildren: (m) => Xt(m, S),
+      renderView: (m) => {
+        const g = e.getSnapshot().views.get(m);
+        return g ? /* @__PURE__ */ A.jsx(Me, { nodeId: g.id, context: S }) : null;
       },
-      dispatchAction: m,
+      dispatchAction: p,
       // Access client/video via refs to avoid context recreation
       get client() {
         return h.current;
       },
       get video() {
-        return l.current;
+        return f.current;
       }
     };
-    return b;
-  }, [e, r, m]);
-  return !c || !f ? o : /* @__PURE__ */ A.jsx("div", { "data-ikon-view-id": c, style: { display: "contents" }, children: /* @__PURE__ */ A.jsx(Me, { nodeId: f, context: y }) });
+    return S;
+  }, [e, r, p]);
+  return !c || !d ? o : /* @__PURE__ */ A.jsx("div", { "data-ikon-view-id": c, style: { display: "contents" }, children: /* @__PURE__ */ A.jsx(Me, { nodeId: d, context: y }) });
 }, Zt);
 class er {
   constructor(e, r) {
@@ -437,19 +437,19 @@ const yo = W(function({ stores: e, registry: r, category: n = je, onAction: o, c
   a.current = o;
   const c = v(s);
   c.current = s;
-  const f = K(
+  const d = K(
     () => {
       const u = [];
-      for (const [h, l] of e) {
-        const m = l.store.getSnapshot();
-        tr(l.category, n) && (!m.rootViewId || !m.views.has(m.rootViewId) || u.push({ key: h, store: l.store }));
+      for (const [h, f] of e) {
+        const p = f.store.getSnapshot();
+        tr(f.category, n) && (!p.rootViewId || !p.views.has(p.rootViewId) || u.push({ key: h, store: f.store }));
       }
       return u;
     },
     // 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: u, store: h }) => /* @__PURE__ */ A.jsx(Qt, { store: h, library: r, onAction: a.current, client: c.current, video: c.current?.media?.video }, u)) });
+  return d.length === 0 ? null : /* @__PURE__ */ A.jsx(A.Fragment, { children: d.map(({ key: u, store: h }) => /* @__PURE__ */ A.jsx(Qt, { store: h, library: r, onAction: a.current, client: c.current, video: c.current?.media?.video }, u)) });
 });
 class rr {
   core;
@@ -565,15 +565,15 @@ function Ve(t) {
 }
 function sr() {
   const t = W(function({ nodeId: r, context: n }) {
-    const o = H(n.store, r), s = v(null), i = fe(o?.props?.targetViewId), a = o?.props?.focusOnly, c = typeof a == "boolean" ? a : void 0, f = fe(o?.props?.key), u = o?.props?.preciseGeneratedAt;
-    return L(() => {
+    const o = H(n.store, r), s = v(null), i = fe(o?.props?.targetViewId), a = o?.props?.focusOnly, c = typeof a == "boolean" ? a : void 0, d = fe(o?.props?.key), u = o?.props?.preciseGeneratedAt;
+    return U(() => {
       if (typeof document > "u")
         return;
-      const l = s.current;
-      if (!l || i && l.closest("[data-ikon-view-id]")?.getAttribute("data-ikon-view-id") !== i)
+      const f = s.current;
+      if (!f || i && f.closest("[data-ikon-view-id]")?.getAttribute("data-ikon-view-id") !== i)
         return;
-      const m = c !== !0;
-      if (m) {
+      const p = c !== !0;
+      if (p) {
         const g = ((w) => {
           let k = w.parentElement;
           for (; k; ) {
@@ -583,26 +583,26 @@ function sr() {
             k = k.parentElement;
           }
           return null;
-        })(l);
+        })(f);
         g ? requestAnimationFrame(() => {
-          const w = g.getBoundingClientRect(), k = l.getBoundingClientRect(), O = g.scrollTop + (k.bottom - w.bottom) + 16;
+          const w = g.getBoundingClientRect(), k = f.getBoundingClientRect(), O = g.scrollTop + (k.bottom - w.bottom) + 16;
           "scrollBehavior" in document.documentElement.style ? g.scrollTo({ top: O, behavior: "smooth" }) : g.scrollTop = O;
-        }) : typeof l.scrollIntoView == "function" && requestAnimationFrame(() => {
+        }) : typeof f.scrollIntoView == "function" && requestAnimationFrame(() => {
           try {
-            l.scrollIntoView({ behavior: "smooth", block: "end", inline: "nearest" });
+            f.scrollIntoView({ behavior: "smooth", block: "end", inline: "nearest" });
           } catch {
-            l.scrollIntoView(!1);
+            f.scrollIntoView(!1);
           }
         });
       }
       const y = document.activeElement;
-      if (!(y instanceof HTMLInputElement || y instanceof HTMLTextAreaElement || y?.getAttribute("contenteditable") === "true") && typeof l.focus == "function")
+      if (!(y instanceof HTMLInputElement || y instanceof HTMLTextAreaElement || y?.getAttribute("contenteditable") === "true") && typeof f.focus == "function")
         try {
-          l.focus({ preventScroll: !m });
+          f.focus({ preventScroll: !p });
         } catch {
-          l.focus();
+          f.focus();
         }
-    }, [c, i, f, u]), o ? /* @__PURE__ */ A.jsx(
+    }, [c, i, d, u]), o ? /* @__PURE__ */ A.jsx(
       "span",
       {
         ref: s,
@@ -628,13 +628,13 @@ function ir() {
       return null;
     const c = Ve(s.props);
     delete c.onInvokeId;
-    const f = $e(fe(s.props?.className), o), u = s.children?.length ? n.renderChildren(s.children) : void 0;
+    const d = $e(fe(s.props?.className), o), u = s.children?.length ? n.renderChildren(s.children) : void 0;
     return /* @__PURE__ */ A.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: u
@@ -725,16 +725,16 @@ function gr() {
     const s = H(n.store, r);
     if (!s)
       return null;
-    const i = mr(hr(s.props?.className), o), a = Qe(s.props?.src), c = Qe(s.props?.preload), f = ge(s.props?.controls), u = ge(s.props?.autoplay), h = ge(s.props?.loop), l = ge(s.props?.muted);
+    const i = mr(hr(s.props?.className), o), a = Qe(s.props?.src), c = Qe(s.props?.preload), d = ge(s.props?.controls), u = ge(s.props?.autoplay), h = ge(s.props?.loop), f = ge(s.props?.muted);
     return /* @__PURE__ */ A.jsx(
       "audio",
       {
         src: a,
         ...c !== void 0 ? { preload: c } : {},
-        ...f !== void 0 ? { controls: f } : {},
+        ...d !== void 0 ? { controls: d } : {},
         ...u !== void 0 ? { autoPlay: u } : {},
         ...h !== void 0 ? { loop: h } : {},
-        ...l !== void 0 ? { muted: l } : {},
+        ...f !== void 0 ? { muted: f } : {},
         "data-ikon-node-id": s.id,
         className: i
       }
@@ -761,7 +761,7 @@ function pt(...t) {
     r && r.trim() && e.push(r.trim());
   return e.length > 0 ? e.join(" ") : void 0;
 }
-function Se(t) {
+function be(t) {
   if (typeof t == "number" && Number.isFinite(t))
     return Math.floor(t);
   if (typeof t == "string" && t.trim().length > 0) {
@@ -770,27 +770,27 @@ function Se(t) {
       return Math.floor(e);
   }
 }
-function Le(t) {
+function Ue(t) {
   if (typeof t != "string")
     return;
   const e = t.trim();
   return e.length > 0 ? e : void 0;
 }
-const yr = "std.video-canvas", Sr = "std.video-url-player";
-function br() {
+const yr = "std.video-canvas", br = "std.video-url-player";
+function Sr() {
   const t = W(function({ nodeId: r, context: n, className: o }) {
-    const s = H(n.store, r), i = v(null), a = v(null), c = n.video, f = n.client, u = s ? Le(s.props?.streamId) : void 0, h = s ? Se(s.props?.width) : void 0, l = s ? Se(s.props?.height) : void 0, m = s ? pt(mt(s.props?.className), o) : o, y = f?.isWebRtcEnabled && u ? f.getWebRtcVideoStreamByStreamId(u) : null;
-    return L(() => {
-      const b = i.current;
-      if (!(!c || !b || !u || y))
-        return c.attachCanvas(u, b), () => {
+    const s = H(n.store, r), i = v(null), a = v(null), c = n.video, d = n.client, u = s ? Ue(s.props?.streamId) : void 0, h = s ? be(s.props?.width) : void 0, f = s ? be(s.props?.height) : void 0, p = s ? pt(mt(s.props?.className), o) : o, y = d?.isWebRtcEnabled && u ? d.getWebRtcVideoStreamByStreamId(u) : null;
+    return U(() => {
+      const S = i.current;
+      if (!(!c || !S || !u || y))
+        return c.attachCanvas(u, S), () => {
           c.detachCanvas(u);
         };
-    }, [c, u, y]), L(() => {
-      const b = a.current;
-      if (!(!b || !y))
-        return b.srcObject = y, () => {
-          b.srcObject = null;
+    }, [c, u, y]), U(() => {
+      const S = a.current;
+      if (!(!S || !y))
+        return S.srcObject = y, () => {
+          S.srcObject = null;
         };
     }, [y]), s ? y ? /* @__PURE__ */ A.jsx(
       "video",
@@ -801,9 +801,9 @@ function br() {
         muted: !0,
         "data-ikon-node-id": s.id,
         "data-ikon-video-stream-id": u,
-        className: m,
+        className: p,
         ...h ? { width: h } : {},
-        ...l ? { height: l } : {}
+        ...f ? { height: f } : {}
       },
       u
     ) : /* @__PURE__ */ A.jsx(
@@ -812,9 +812,9 @@ function br() {
         ref: i,
         "data-ikon-node-id": s.id,
         "data-ikon-video-stream-id": u,
-        className: m,
+        className: p,
         ...h ? { width: h } : {},
-        ...l ? { height: l } : {}
+        ...f ? { height: f } : {}
       },
       u
     ) : null;
@@ -825,7 +825,7 @@ function br() {
   };
 }
 function wr() {
-  return [br(), vr(), gr()];
+  return [Sr(), vr(), gr()];
 }
 function ce(t) {
   if (typeof t == "boolean")
@@ -845,27 +845,27 @@ function vr() {
     const s = H(n.store, r);
     if (!s)
       return null;
-    const i = pt(mt(s.props?.className), o), a = Le(s.props?.src), c = Le(s.props?.poster), f = ce(s.props?.controls), u = ce(s.props?.autoplay), h = ce(s.props?.loop), l = ce(s.props?.muted), m = ce(s.props?.playsInline), y = Se(s.props?.width), b = Se(s.props?.height), p = s.children?.length ? n.renderChildren(s.children) : void 0;
+    const i = pt(mt(s.props?.className), o), a = Ue(s.props?.src), c = Ue(s.props?.poster), d = ce(s.props?.controls), u = ce(s.props?.autoplay), h = ce(s.props?.loop), f = ce(s.props?.muted), p = ce(s.props?.playsInline), y = be(s.props?.width), S = be(s.props?.height), m = s.children?.length ? n.renderChildren(s.children) : void 0;
     return /* @__PURE__ */ A.jsx(
       "video",
       {
         src: a,
         poster: c,
-        ...f !== void 0 ? { controls: f } : {},
+        ...d !== void 0 ? { controls: d } : {},
         ...u !== void 0 ? { autoPlay: u } : {},
         ...h !== void 0 ? { loop: h } : {},
-        ...l !== void 0 ? { muted: l } : {},
-        ...m !== void 0 ? { playsInline: m } : {},
+        ...f !== void 0 ? { muted: f } : {},
+        ...p !== void 0 ? { playsInline: p } : {},
         ...y ? { width: y } : {},
-        ...b ? { height: b } : {},
+        ...S ? { height: S } : {},
         "data-ikon-node-id": s.id,
         className: i,
-        children: p
+        children: m
       }
     );
   });
   return ({ type: e }) => {
-    if (e === Sr)
+    if (e === br)
       return t;
   };
 }
@@ -1015,46 +1015,46 @@ class Ir {
     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("iTime");
+    d && e.uniform1f(d, i);
     const u = this.uniformLocations.get("iTimeDelta");
     u && e.uniform1f(u, a);
     const h = this.uniformLocations.get("iFrame");
     h && e.uniform1i(h, this.frameCount);
-    const l = this.uniformLocations.get("iMouse");
-    l && e.uniform4f(l, this.mouseX, this.mouseY, this.mouseClickX, this.mouseClickY);
-    const m = this.uniformLocations.get("iDate");
-    if (m) {
+    const f = this.uniformLocations.get("iMouse");
+    f && e.uniform4f(f, this.mouseX, this.mouseY, this.mouseClickX, this.mouseClickY);
+    const p = this.uniformLocations.get("iDate");
+    if (p) {
       const y = /* @__PURE__ */ new Date();
-      e.uniform4f(m, y.getFullYear(), y.getMonth(), y.getDate(), y.getHours() * 3600 + y.getMinutes() * 60 + y.getSeconds() + y.getMilliseconds() / 1e3);
+      e.uniform4f(p, 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 p = this.uniformLocations.get(y);
-      if (p)
-        switch (b.type) {
+    for (const [y, S] of Object.entries(this.customUniforms)) {
+      const m = this.uniformLocations.get(y);
+      if (m)
+        switch (S.type) {
           case "float":
-            e.uniform1f(p, b.value);
+            e.uniform1f(m, S.value);
             break;
           case "vec2": {
-            const g = b.value;
-            e.uniform2f(p, g[0], g[1]);
+            const g = S.value;
+            e.uniform2f(m, g[0], g[1]);
             break;
           }
           case "vec3": {
-            const g = b.value;
-            e.uniform3f(p, g[0], g[1], g[2]);
+            const g = S.value;
+            e.uniform3f(m, g[0], g[1], g[2]);
             break;
           }
           case "vec4": {
-            const g = b.value;
-            e.uniform4f(p, g[0], g[1], g[2], g[3]);
+            const g = S.value;
+            e.uniform4f(m, g[0], g[1], g[2], g[3]);
             break;
           }
           case "int":
-            e.uniform1i(p, b.value);
+            e.uniform1i(m, S.value);
             break;
           case "bool":
-            e.uniform1i(p, b.value ? 1 : 0);
+            e.uniform1i(m, S.value ? 1 : 0);
             break;
         }
     }
@@ -1141,17 +1141,17 @@ function jr(t, e) {
   }
   return !0;
 }
-const Lr = "std.shadertoy-canvas";
-function Ur() {
+const Ur = "std.shadertoy-canvas";
+function Lr() {
   const t = W(function({ nodeId: r, context: n, className: o }) {
-    const s = H(n.store, r), i = v(null), a = v(null), c = v(null), f = v(0), u = v(""), h = v({}), l = v({
+    const s = H(n.store, r), i = v(null), a = v(null), c = v(null), d = v(0), u = v(""), h = v({}), f = v({
       x: 0,
       y: 0,
       clickX: 0,
       clickY: 0,
       isDown: !1
-    }), m = s ? Nr(s.props?.shaderSource) : "", y = s ? ke(s.props?.fps) ?? 60 : 60, b = s?.props?.uniforms, p = K(() => Mr(b), [b]), g = s ? Pr(s.props?.enableMouse) ?? !0 : !0, w = s ? ke(s.props?.width) : void 0, k = s ? ke(s.props?.height) : void 0, O = s ? _r(Or(s.props?.className), o) : o;
-    L(() => {
+    }), p = s ? Nr(s.props?.shaderSource) : "", y = s ? ke(s.props?.fps) ?? 60 : 60, S = s?.props?.uniforms, m = K(() => Mr(S), [S]), g = s ? Pr(s.props?.enableMouse) ?? !0 : !0, w = s ? ke(s.props?.width) : void 0, k = s ? ke(s.props?.height) : void 0, O = s ? _r(Or(s.props?.className), o) : o;
+    U(() => {
       const T = i.current;
       if (T) {
         try {
@@ -1164,24 +1164,24 @@ function Ur() {
           a.current && (a.current.destroy(), a.current = null);
         };
       }
-    }, []), L(() => {
+    }, []), U(() => {
       const T = a.current;
-      if (!(!T || !m) && u.current !== m)
-        if (T.compile(m, p))
-          u.current = m, h.current = p;
+      if (!(!T || !p) && u.current !== p)
+        if (T.compile(p, m))
+          u.current = p, h.current = m;
         else {
           const F = T.getError();
           console.error("[ShadertoyRenderer] Shader compilation failed:", F);
         }
-    }, [m, p]), L(() => {
+    }, [p, m]), U(() => {
       const T = a.current;
-      !T || !u.current || jr(h.current, p) || (T.setCustomUniforms(p), h.current = p);
-    }, [p]), L(() => {
+      !T || !u.current || jr(h.current, m) || (T.setCustomUniforms(m), h.current = m);
+    }, [m]), U(() => {
       const T = a.current;
       if (!T || !u.current) return;
       const _ = 1e3 / y, F = (j) => {
-        const U = j - f.current;
-        U >= _ && (f.current = j - U % _, T.draw()), c.current = requestAnimationFrame(F);
+        const L = j - d.current;
+        L >= _ && (d.current = j - L % _, T.draw()), c.current = requestAnimationFrame(F);
       };
       return c.current = requestAnimationFrame(F), () => {
         c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
@@ -1192,8 +1192,8 @@ function Ur() {
         if (!g) return;
         const _ = i.current, F = a.current;
         if (!_ || !F) return;
-        const j = _.getBoundingClientRect(), U = T.clientX - j.left, Y = j.height - (T.clientY - j.top);
-        l.current.x = U, l.current.y = Y, F.setMouse(U, Y, l.current.clickX, l.current.clickY);
+        const j = _.getBoundingClientRect(), L = T.clientX - j.left, Y = j.height - (T.clientY - j.top);
+        f.current.x = L, f.current.y = Y, F.setMouse(L, Y, f.current.clickX, f.current.clickY);
       },
       [g]
     ), z = D(
@@ -1201,12 +1201,12 @@ function Ur() {
         if (!g) return;
         const _ = i.current, F = a.current;
         if (!_ || !F) return;
-        const j = _.getBoundingClientRect(), U = T.clientX - j.left, Y = j.height - (T.clientY - j.top);
-        l.current.isDown = !0, l.current.clickX = U, l.current.clickY = Y, F.setMouse(U, Y, U, Y);
+        const j = _.getBoundingClientRect(), L = T.clientX - j.left, Y = j.height - (T.clientY - j.top);
+        f.current.isDown = !0, f.current.clickX = L, f.current.clickY = Y, F.setMouse(L, Y, L, Y);
       },
       [g]
     ), Q = D(() => {
-      g && (l.current.isDown = !1, l.current.clickX = -Math.abs(l.current.clickX));
+      g && (f.current.isDown = !1, f.current.clickX = -Math.abs(f.current.clickX));
     }, [g]);
     return s ? /* @__PURE__ */ A.jsx(
       "canvas",
@@ -1224,11 +1224,11 @@ function Ur() {
     ) : null;
   });
   return ({ type: e }) => {
-    if (e === Lr)
+    if (e === Ur)
       return t;
   };
 }
-const xr = "shadertoy", Dr = async () => Ur();
+const xr = "shadertoy", Dr = async () => Lr();
 function Fr(t) {
   t.registerModule(xr, Dr);
 }
@@ -1346,41 +1346,41 @@ function nt(t) {
 }
 function ot(t, e, r, n) {
   const u = new Float32Array(11);
-  function h(p, g, w) {
-    return ((3 * g - 3 * w + 1) * p + (3 * w - 6 * g)) * p * p + 3 * g * p;
+  function h(m, g, w) {
+    return ((3 * g - 3 * w + 1) * m + (3 * w - 6 * g)) * m * m + 3 * g * m;
   }
-  function l(p, g, w) {
-    return 3 * (3 * g - 3 * w + 1) * p * p + 2 * (3 * w - 6 * g) * p + 3 * g;
+  function f(m, g, w) {
+    return 3 * (3 * g - 3 * w + 1) * m * m + 2 * (3 * w - 6 * g) * m + 3 * g;
   }
-  function m(p, g) {
+  function p(m, g) {
     for (let w = 0; w < 4; w += 1) {
-      const k = l(g, t, r);
+      const k = f(g, t, r);
       if (k === 0)
         return g;
-      const O = h(g, t, r) - p;
+      const O = h(g, t, r) - m;
       g -= O / k;
     }
     return g;
   }
-  function y(p, g, w) {
+  function y(m, g, w) {
     let k = 0, O = 0, M = 0;
     do
-      O = g + (w - g) / 2, k = h(O, t, r) - p, k > 0 ? w = O : g = O;
+      O = g + (w - g) / 2, k = h(O, t, r) - m, k > 0 ? w = O : g = O;
     while (Math.abs(k) > 1e-7 && ++M < 10);
     return O;
   }
-  function b(p) {
+  function S(m) {
     let g = 0, w = 1;
     const k = 10;
-    for (; w !== k && u[w] <= p; w += 1)
+    for (; w !== k && u[w] <= m; w += 1)
       g += 0.1;
     w -= 1;
-    const O = (p - u[w]) / (u[w + 1] - u[w]), M = g + O * 0.1, z = l(M, t, r);
-    return z >= 1e-3 ? m(p, M) : z === 0 ? M : y(p, g, g + 0.1);
+    const O = (m - u[w]) / (u[w + 1] - u[w]), M = g + O * 0.1, z = f(M, t, r);
+    return z >= 1e-3 ? p(m, M) : z === 0 ? M : y(m, g, g + 0.1);
   }
-  for (let p = 0; p < 11; p += 1)
-    u[p] = h(p * 0.1, t, r);
-  return (p) => p <= 0 ? 0 : p >= 1 ? 1 : h(b(p), e, n);
+  for (let m = 0; m < 11; m += 1)
+    u[m] = h(m * 0.1, t, r);
+  return (m) => m <= 0 ? 0 : m >= 1 ? 1 : h(S(m), e, n);
 }
 function Wr(t) {
   const e = /steps\(\s*([0-9]+)\s*(?:,\s*([a-z-]+)\s*)?\)/i.exec(t);
@@ -1403,7 +1403,7 @@ function zr(t) {
     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 = ot(o, s, i, a);
-      return (f) => $(c($(f)));
+      return (d) => $(c($(d)));
     }
   }
   if (e.startsWith("steps(") && e.endsWith(")")) {
@@ -1467,7 +1467,7 @@ class Gr {
     const r = e.source?.trim();
     if (!r)
       return;
-    const n = rt(e.min) ?? 0, o = rt(e.max), s = o === void 0 ? n + 100 : o, i = (e.clamp ?? "clamp").trim().toLowerCase(), a = !!e.reverse, c = zr(e.ease), f = qr(e.map), u = e.targetId?.trim() || void 0;
+    const n = rt(e.min) ?? 0, o = rt(e.max), s = o === void 0 ? n + 100 : o, i = (e.clamp ?? "clamp").trim().toLowerCase(), a = !!e.reverse, c = zr(e.ease), d = qr(e.map), u = e.targetId?.trim() || void 0;
     return Number.isNaN(n) || Number.isNaN(s) ? void 0 : {
       source: r.toLowerCase(),
       min: n,
@@ -1475,7 +1475,7 @@ class Gr {
       clamp: i === "freeze-start" || i === "freeze-end" || i === "unclamped" ? i : "clamp",
       reverse: a,
       ease: c,
-      map: f,
+      map: d,
       targetId: u
     };
   }
@@ -1575,9 +1575,9 @@ class Gr {
     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 u = this.applyMap(f, r.map);
+    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 u = this.applyMap(d, r.map);
       u !== void 0 && e.style.setProperty("--tw-motion-bind-value", `${u}`);
     } else
       e.style.removeProperty("--tw-motion-bind-value");
@@ -1704,7 +1704,7 @@ function Hr(t) {
     }
     Ce.reset();
   }, []);
-  return L(() => {
+  return U(() => {
     if (!t) return;
     for (const a of t.getUiStyles())
       r(a);
@@ -1712,7 +1712,7 @@ function Hr(t) {
     return () => {
       s?.(), i?.(), o();
     };
-  }, [t, o, r, n]), L(() => () => o(), [o]), { setStyle: r, deleteStyles: n, reset: o };
+  }, [t, o, r, n]), U(() => () => o(), [o]), { setStyle: r, deleteStyles: n, reset: o };
 }
 function Jr(t) {
   const e = [];
@@ -1724,7 +1724,7 @@ function Jr(t) {
 }
 function Xr(t) {
   const [e, r] = G(), n = v("");
-  return L(() => {
+  return U(() => {
     if (!t) {
       r(void 0), n.current = "";
       return;
@@ -1736,7 +1736,7 @@ function Xr(t) {
     return o(), t.subscribe(o);
   }, [t]), e;
 }
-var Zr = typeof global == "object" && global && global.Object === Object && global, Qr = typeof self == "object" && self && self.Object === Object && self, en = Zr || Qr || Function("return this")(), be = en.Symbol, gt = Object.prototype, tn = gt.hasOwnProperty, rn = gt.toString, ue = be ? be.toStringTag : void 0;
+var Zr = typeof global == "object" && global && global.Object === Object && global, Qr = typeof self == "object" && self && self.Object === Object && self, en = Zr || Qr || Function("return this")(), Se = en.Symbol, gt = Object.prototype, tn = gt.hasOwnProperty, rn = gt.toString, ue = Se ? Se.toStringTag : void 0;
 function nn(t) {
   var e = tn.call(t, ue), r = t[ue];
   try {
@@ -1751,7 +1751,7 @@ var on = Object.prototype, sn = on.toString;
 function an(t) {
   return sn.call(t);
 }
-var cn = "[object Null]", un = "[object Undefined]", st = be ? be.toStringTag : void 0;
+var cn = "[object Null]", un = "[object Undefined]", st = Se ? Se.toStringTag : void 0;
 function ln(t) {
   return t == null ? t === void 0 ? un : cn : st && st in Object(t) ? nn(t) : an(t);
 }
@@ -1763,7 +1763,7 @@ function mn(t) {
   return typeof t == "string" || !fn(t) && dn(t) && ln(t) == hn;
 }
 const it = "ikonUiModules";
-function Ue(t) {
+function Le(t) {
   return typeof t == "object" && t !== null && !Array.isArray(t);
 }
 function pn(t) {
@@ -1777,7 +1777,7 @@ function pn(t) {
   }
   return Array.from(e);
 }
-function So(t, e) {
+function bo(t, e) {
   if (t === e)
     return !0;
   if (!t || !e)
@@ -1790,10 +1790,10 @@ function So(t, e) {
   return !0;
 }
 function gn(t) {
-  if (!(!Ue(t) || !Object.prototype.hasOwnProperty.call(t, it)))
+  if (!(!Le(t) || !Object.prototype.hasOwnProperty.call(t, it)))
     return pn(t[it]);
 }
-function bo(...t) {
+function So(...t) {
   for (const e of t) {
     const r = gn(e);
     if (r !== void 0)
@@ -1801,7 +1801,7 @@ function bo(...t) {
   }
 }
 function wo(t) {
-  if (!Ue(t))
+  if (!Le(t))
     return;
   const e = t, r = Object.keys(e).find((c) => c.toLowerCase() === "modules");
   if (!r)
@@ -1814,31 +1814,31 @@ function wo(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 (!Ue(c))
+    if (!Le(c))
       continue;
-    const f = c, u = Object.keys(f).find((b) => b.toLowerCase() === "name");
+    const d = c, u = Object.keys(d).find((S) => S.toLowerCase() === "name");
     if (!u)
       continue;
-    const h = f[u];
+    const h = d[u];
     if (typeof h != "string")
       continue;
-    const l = h.trim();
-    if (!l)
+    const f = h.trim();
+    if (!f)
       continue;
-    const m = Object.keys(f).find((b) => b.toLowerCase() === "javascript"), y = m ? f[m] : void 0;
-    typeof y == "string" && s.set(l, y), i.has(l) || (o.push(l), i.add(l));
+    const p = Object.keys(d).find((S) => S.toLowerCase() === "javascript"), y = p ? d[p] : void 0;
+    typeof y == "string" && s.set(f, y), i.has(f) || (o.push(f), i.add(f));
   }
   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 };
 }
@@ -1898,11 +1898,11 @@ const E = {
       "[data-emoji]"
     ]
   }
-], xe = E.Letter | E.Word | E.Line | E.Paragraph | E.Emoji, Sn = E.Letter | E.Word | E.Line | E.Paragraph, at = /* @__PURE__ */ new Map(), bn = 16384;
+], xe = E.Letter | E.Word | E.Line | E.Paragraph | E.Emoji, bn = E.Letter | E.Word | E.Line | E.Paragraph, at = /* @__PURE__ */ new Map(), Sn = 16384;
 function vo(t, e) {
-  if (!t || t.length > bn)
+  if (!t || t.length > Sn)
     return t;
-  const r = Un(e), n = te(r, E.Emoji), o = r & Sn;
+  const r = Ln(e), n = te(r, E.Emoji), o = r & bn;
   if (o === E.None && !n)
     return t;
   const s = t.replace(/\r\n/g, `
@@ -1913,12 +1913,12 @@ function vo(t, e) {
   const i = jn(s);
   if (i.length === 0)
     return n ? dt(s) : t;
-  const a = Ln(i), c = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, f = [];
+  const a = Un(i), c = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, d = [];
   for (const u of a) {
     const h = wn(u, r, c);
-    f.push(...h);
+    d.push(...h);
   }
-  return f;
+  return d;
 }
 function wn(t, e, r) {
   const n = [];
@@ -1990,22 +1990,22 @@ function An(t, e, r) {
     const a = De(t);
     if (a.length === 0)
       return [t];
-    const { nodes: c } = St(a, r);
+    const { nodes: c } = bt(a, r);
     return c;
   }
   const s = [], i = De(t);
   for (const a of i) {
-    const c = r.letter++, f = `motion-letter-${c}`, u = Ee(c);
+    const c = r.letter++, d = `motion-letter-${c}`, u = Ee(c);
     if (a === `
 `) {
       s.push(
-        /* @__PURE__ */ A.jsx("span", { "data-motion-letter": !0, style: u, children: /* @__PURE__ */ A.jsx("br", {}) }, f)
+        /* @__PURE__ */ A.jsx("span", { "data-motion-letter": !0, style: u, children: /* @__PURE__ */ A.jsx("br", {}) }, d)
       );
       continue;
     }
-    const l = o && yt(a) ? { "data-motion-emoji": !0 } : void 0, m = a === " " ? " " : a;
+    const f = o && yt(a) ? { "data-motion-emoji": !0 } : void 0, p = a === " " ? " " : a;
     s.push(
-      /* @__PURE__ */ A.jsx("span", { "data-motion-letter": !0, style: u, ...l, children: m }, f)
+      /* @__PURE__ */ A.jsx("span", { "data-motion-letter": !0, style: u, ...f, children: p }, d)
     );
   }
   return s;
@@ -2098,7 +2098,7 @@ function jn(t) {
   }
   return (n > 0 || r.length > 0) && e.push({ text: r, breaks: n }), e;
 }
-function Ln(t) {
+function Un(t) {
   if (t.length === 0)
     return [];
   const e = [];
@@ -2133,10 +2133,10 @@ function dt(t) {
   const e = De(t);
   if (e.length === 0)
     return t;
-  const { nodes: r, sawEmoji: n } = St(e);
+  const { nodes: r, sawEmoji: n } = bt(e);
   return n ? r.length === 1 ? r[0] ?? t : r : t;
 }
-function St(t, e) {
+function bt(t, e) {
   const r = [];
   let n = "", o = !1, s = e?.emoji ?? 0;
   const i = () => {
@@ -2145,9 +2145,9 @@ function St(t, e) {
   for (const a of t) {
     if (yt(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__ */ A.jsx("span", { "data-motion-emoji": !0, children: a }, d)
       );
       continue;
     }
@@ -2155,7 +2155,7 @@ function St(t, e) {
   }
   return i(), o ? { nodes: r, sawEmoji: !0 } : { nodes: [t.join("")], sawEmoji: !1 };
 }
-function Un(t) {
+function Ln(t) {
   if (!t)
     return E.None;
   const e = t.trim();
@@ -2174,20 +2174,20 @@ function Un(t) {
   );
   let i = E.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 u = bt(f, s);
+    const u = St(d, s);
     if (u.mask && (i |= u.mask, i === xe))
       break;
     a ||= u.sawStyleRule;
   }
   return (i !== E.None || a) && at.set(e, i), i;
 }
-function bt(t, e) {
+function St(t, e) {
   if (!t)
     return { mask: E.None, sawStyleRule: !1 };
   let r = E.None, n = !1;
@@ -2196,14 +2196,14 @@ function bt(t, e) {
     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 yn)
-          f.hints.some((u) => a.includes(u)) && (r |= f.flag);
+        for (const d of yn)
+          d.hints.some((u) => a.includes(u)) && (r |= d.flag);
         if (r === xe)
           return { mask: r, sawStyleRule: !0 };
       } else if ("cssRules" in s) {
-        const i = bt(s.cssRules, e);
+        const i = St(s.cssRules, e);
         if (i.mask && (r |= i.mask, r === xe))
           return { mask: r, sawStyleRule: !0 };
         n ||= i.sawStyleRule;
@@ -2551,7 +2551,7 @@ async function Qn(t) {
   }
   if (!s)
     throw new Error("Registration was not completed");
-  const { id: i, rawId: a, response: c, type: f } = s;
+  const { id: i, rawId: a, response: c, type: d } = s;
   let u;
   typeof c.getTransports == "function" && (u = c.getTransports());
   let h;
@@ -2561,18 +2561,18 @@ async function Qn(t) {
     } catch (y) {
       _e("getPublicKeyAlgorithm()", y);
     }
-  let l;
+  let f;
   if (typeof c.getPublicKey == "function")
     try {
       const y = c.getPublicKey();
-      y !== null && (l = q(y));
+      y !== null && (f = q(y));
     } catch (y) {
       _e("getPublicKey()", y);
     }
-  let m;
+  let p;
   if (typeof c.getAuthenticatorData == "function")
     try {
-      m = q(c.getAuthenticatorData());
+      p = q(c.getAuthenticatorData());
     } catch (y) {
       _e("getAuthenticatorData()", y);
     }
@@ -2584,10 +2584,10 @@ async function Qn(t) {
       clientDataJSON: q(c.clientDataJSON),
       transports: u,
       publicKeyAlgorithm: h,
-      publicKey: l,
-      authenticatorData: m
+      publicKey: f,
+      authenticatorData: p
     },
-    type: f,
+    type: d,
     clientExtensionResults: s.getClientExtensionResults(),
     authenticatorAttachment: kt(s.authenticatorAttachment)
   };
@@ -2669,21 +2669,21 @@ async function ro(t) {
   let a;
   try {
     a = await navigator.credentials.get(i);
-  } catch (m) {
-    throw to({ error: m, options: i });
+  } catch (p) {
+    throw to({ error: p, options: i });
   }
   if (!a)
     throw new Error("Authentication was not completed");
-  const { id: c, rawId: f, response: u, type: h } = a;
-  let l;
-  return u.userHandle && (l = q(u.userHandle)), {
+  const { id: c, rawId: d, response: u, type: h } = a;
+  let f;
+  return u.userHandle && (f = q(u.userHandle)), {
     id: c,
-    rawId: q(f),
+    rawId: q(d),
     response: {
       authenticatorData: q(u.authenticatorData),
       clientDataJSON: q(u.clientDataJSON),
       signature: q(u.signature),
-      userHandle: l
+      userHandle: f
     },
     type: h,
     clientExtensionResults: a.getClientExtensionResults(),
@@ -2698,7 +2698,7 @@ function Eo({ children: t, config: e }) {
     user: null,
     error: null
   });
-  L(() => {
+  U(() => {
     (() => {
       const u = Kn();
       if (u) {
@@ -2712,25 +2712,25 @@ function Eo({ children: t, config: e }) {
       }
       const h = Vn();
       if (h) {
-        const m = {
+        const p = {
           token: h.token,
           provider: h.provider,
           authenticatedAt: Date.now()
         };
-        Ae(m), ft(), n({
+        Ae(p), ft(), n({
           isAuthenticated: !0,
           isLoading: !1,
-          user: de(m),
+          user: de(p),
           error: null
         });
         return;
       }
-      const l = wt();
-      if (l) {
+      const f = wt();
+      if (f) {
         n({
           isAuthenticated: !0,
           isLoading: !1,
-          user: de(l),
+          user: de(f),
           error: null
         });
         return;
@@ -2744,55 +2744,54 @@ function Eo({ children: t, config: e }) {
     })();
   }, []);
   const o = D(
-    async (f) => {
+    async (d) => {
       if (!e.spaceId) {
-        n((l) => ({
-          ...l,
+        n((h) => ({
+          ...h,
           error: "Space ID is not configured"
         }));
         return;
       }
-      const u = e.authUrl ?? Pe();
-      if (f === "guest") {
-        n((l) => ({ ...l, isLoading: !0 }));
+      const u = Pe(e.authUrl);
+      if (d === "guest") {
+        n((h) => ({ ...h, isLoading: !0 }));
         try {
-          const l = await vt(e.spaceId, u);
+          const h = await vt(e.spaceId, u);
           n({
             isAuthenticated: !0,
             isLoading: !1,
-            user: de(l),
+            user: de(h),
             error: null
           });
-        } catch (l) {
-          n((m) => ({
-            ...m,
+        } catch (h) {
+          n((f) => ({
+            ...f,
             isLoading: !1,
-            error: l instanceof Error ? l.message : "Guest login failed"
+            error: h instanceof Error ? h.message : "Guest login failed"
           }));
         }
         return;
       }
-      if (f === "passkey") {
-        n((l) => ({ ...l, isLoading: !0, error: null }));
+      if (d === "passkey") {
+        n((h) => ({ ...h, isLoading: !0, error: null }));
         try {
-          const l = await qn(u), m = await ro({ optionsJSON: l }), y = await Gn(u, m);
+          const h = await qn(u), f = await ro({ optionsJSON: h }), p = await Gn(u, f);
           n({
             isAuthenticated: !0,
             isLoading: !1,
-            user: de(y),
+            user: de(p),
             error: null
           });
-        } catch (l) {
-          n((m) => ({
-            ...m,
+        } catch (h) {
+          n((f) => ({
+            ...f,
             isLoading: !1,
-            error: l instanceof Error ? l.message : "Passkey login failed"
+            error: h instanceof Error ? h.message : "Passkey login failed"
           }));
         }
         return;
       }
-      const h = Yn(f, e.spaceId, u);
-      window.location.href = h;
+      window.location.href = Yn(d, e.spaceId, u);
     },
     [e.authUrl, e.spaceId]
   ), s = D(() => {
@@ -2803,20 +2802,20 @@ function Eo({ children: t, config: e }) {
       error: null
     });
   }, []), i = D(
-    async (f) => {
-      const u = e.authUrl ?? Pe();
+    async (d) => {
+      const u = Pe(e.authUrl);
       n((h) => ({ ...h, isLoading: !0, error: null }));
       try {
-        const h = await Wn(u), l = await Qn({ optionsJSON: h }), m = await zn(u, l, f);
+        const h = await Wn(u), f = await Qn({ optionsJSON: h }), p = await zn(u, f, d);
         n({
           isAuthenticated: !0,
           isLoading: !1,
-          user: de(m),
+          user: de(p),
           error: null
         });
       } catch (h) {
-        n((l) => ({
-          ...l,
+        n((f) => ({
+          ...f,
           isLoading: !1,
           error: h instanceof Error ? h.message : "Passkey registration failed"
         }));
@@ -2846,14 +2845,14 @@ function oo() {
 }
 function Ao(t) {
   const { config: e, guestUrlParam: r } = t, { state: n, login: o } = no(), s = v(!1);
-  return L(() => {
+  return U(() => {
     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,
@@ -2872,10 +2871,10 @@ function ko({
   onAction: i,
   renderIdle: a,
   renderConnecting: c,
-  renderConnectingSlow: f,
+  renderConnectingSlow: d,
   renderConnected: u,
   renderOffline: h,
-  renderError: l
+  renderError: f
 }) {
   switch (t) {
     case "idle":
@@ -2883,7 +2882,7 @@ function ko({
     case "connecting":
       return c();
     case "connectingSlow":
-      return f();
+      return d();
     case "connected":
     case "reconnecting":
       return !r || !n || !o ? null : u({
@@ -2896,7 +2895,7 @@ function ko({
     case "offline":
       return h();
     case "offlineError":
-      return l(e ?? s?.lastError?.message ?? null);
+      return f(e ?? s?.lastError?.message ?? null);
     default:
       return null;
   }
@@ -2911,9 +2910,9 @@ function io() {
     return window.__IKON_LOCAL_IKON_SERVER_CONFIG__;
 }
 function To(t) {
-  const { authConfig: e, modules: r, timeouts: n, backgroundAudio: o, webRtc: s, audio: i, video: a, websocket: c, webtransport: f } = t, u = e === void 0 ? so() ?? null : e, h = io(), l = oo(), m = v(null), y = v(null), b = v(null), p = v(!1), g = v(!1), w = v(o), k = v(n), O = v(s), M = v(i), z = v(a), Q = v(c), T = v(f);
-  w.current = o, k.current = n, O.current = s, M.current = i, z.current = a, Q.current = c, T.current = f;
-  const [_, F] = G("idle"), [j, U] = G(null), [Y, re] = G(null), [J, he] = G(null), [ne, oe] = G(!1), [me, d] = G(0), S = K(() => {
+  const { authConfig: e, modules: r, timeouts: n, backgroundAudio: o, webRtc: s, audio: i, video: a, websocket: c, webtransport: d } = t, u = e === void 0 ? so() ?? null : e, h = io(), f = oo(), p = v(null), y = v(null), S = v(null), m = v(!1), g = v(!1), w = v(o), k = v(n), O = v(s), M = v(i), z = v(a), Q = v(c), T = v(d);
+  w.current = o, k.current = n, O.current = s, M.current = i, z.current = a, Q.current = c, T.current = d;
+  const [_, F] = G("idle"), [j, L] = G(null), [Y, re] = G(null), [J, he] = G(null), [ne, oe] = G(!1), [me, l] = G(0), b = K(() => {
     try {
       const I = Mt();
       return (I.sessionId || I.channelKey) && jt(), I;
@@ -2921,18 +2920,18 @@ function To(t) {
       return { parameters: {} };
     }
   }, []), R = K(() => u?.enabled ? wt() : null, [u?.enabled, me]), C = h?.enabled ?? !1, V = h?.host ?? "localhost", B = h?.port ?? 8443;
-  L(() => {
-    !C && ze() && u && !u.enabled && u.spaceId && !J && !ne && (oe(!0), vt(u.spaceId, u.authUrl ?? Pe()).then((x) => {
+  U(() => {
+    !C && ze() && u && !u.enabled && u.spaceId && !J && !ne && (oe(!0), vt(u.spaceId, Pe(u.authUrl)).then((x) => {
       he(x.token);
     }).catch((x) => {
-      ye.error("Anonymous auth failed:", x), U(x instanceof Error ? x.message : "Anonymous auth failed");
+      ye.error("Anonymous auth failed:", x), L(x instanceof Error ? x.message : "Anonymous auth failed");
     }).finally(() => {
       oe(!1);
     }));
   }, [C, u, J, ne]);
   const ee = K(() => {
     if (C) {
-      const I = R?.token ? Lt(R.token) ?? void 0 : void 0;
+      const I = R?.token ? Ut(R.token) ?? void 0 : void 0;
       return {
         local: {
           host: V,
@@ -2940,7 +2939,9 @@ function To(t) {
           userId: I,
           token: R?.token ?? void 0,
           spaceId: u?.spaceId,
-          parameters: S.parameters
+          backendUrl: u?.backendUrl,
+          authUrl: u?.authUrl,
+          parameters: b.parameters
         }
       };
     }
@@ -2949,42 +2950,44 @@ function To(t) {
         token: R.token,
         spaceId: u.spaceId,
         backendType: qe(),
-        sessionId: S.sessionId,
-        channelKey: S.channelKey,
-        parameters: S.parameters
+        sessionId: b.sessionId,
+        channelKey: b.channelKey,
+        parameters: b.parameters
       }
     } : J && u?.spaceId ? {
       sessionToken: {
         token: J,
         spaceId: u.spaceId,
         backendType: qe(),
-        sessionId: S.sessionId,
-        channelKey: S.channelKey,
-        parameters: S.parameters
+        sessionId: b.sessionId,
+        channelKey: b.channelKey,
+        parameters: b.parameters
       }
     } : ze() ? null : {
       local: {
         host: V,
         httpsPort: B,
         spaceId: u?.spaceId,
-        parameters: S.parameters
+        backendUrl: u?.backendUrl,
+        authUrl: u?.authUrl,
+        parameters: b.parameters
       }
     };
-  }, [C, V, B, R?.token, u?.spaceId, J, S.sessionId, S.channelKey, S.parameters]);
+  }, [C, V, B, R?.token, u?.spaceId, u?.backendUrl, u?.authUrl, J, b.sessionId, b.channelKey, b.parameters]);
   Hr(Y);
   const se = Xr(Y);
-  L(() => {
-    if (!p.current) {
-      if (p.current = !0, b.current = $r(), r)
+  U(() => {
+    if (!m.current) {
+      if (m.current = !0, S.current = $r(), r)
         for (const I of r)
-          I(b.current);
-      b.current.loadRegisteredModules().catch((I) => {
+          I(S.current);
+      S.current.loadRegisteredModules().catch((I) => {
         ye.error("Failed to load UI modules", I);
       });
     }
-  }, []), L(() => {
+  }, []), U(() => {
     if (!ee) return;
-    const I = new Ut({
+    const I = new Lt({
       ...ee,
       timeouts: k.current,
       audio: M.current !== void 0 || w.current ? {
@@ -3000,34 +3003,34 @@ function To(t) {
         F(Z);
       },
       onError: (Z) => {
-        U(Z.message);
+        L(Z.message);
       }
     });
-    m.current = I;
+    p.current = I;
     const x = new rr({ client: I });
     return y.current = x, re(x), I.connect().catch((Z) => {
-      ye.error("Connection failed:", Z), Z instanceof xt && !g.current && (g.current = !0, ye.warn("Auth session appears stale, clearing and retrying"), l ? l.logout() : (we(), d((Ct) => Ct + 1)));
+      ye.error("Connection failed:", Z), Z instanceof xt && !g.current && (g.current = !0, ye.warn("Auth session appears stale, clearing and retrying"), f ? f.logout() : (we(), l((Ct) => Ct + 1)));
     }), () => {
-      I.disconnect(), m.current = null, x.dispose(), y.current = null;
+      I.disconnect(), p.current = null, x.dispose(), y.current = null;
     };
   }, [ee]);
   const N = D((I, x) => {
     const Z = typeof x == "string" ? x : JSON.stringify(x ?? {});
-    m.current?.sendActionCall(I, Z);
+    p.current?.sendActionCall(I, Z);
   }, []), X = _ === "connected" || _ === "reconnecting";
   return {
     connectionState: _,
     error: j,
     stores: se,
-    client: m.current,
-    registry: b.current,
-    clientRef: m,
+    client: p.current,
+    registry: S.current,
+    clientRef: p,
     uiRef: y,
-    registryRef: b,
+    registryRef: S,
     onAction: N,
     isReady: X,
-    webRtcVideoStreams: m.current?.webRtcVideoStreams ?? /* @__PURE__ */ new Map(),
-    webRtcTrackMap: m.current?.webRtcTrackMap ?? /* @__PURE__ */ new Map()
+    webRtcVideoStreams: p.current?.webRtcVideoStreams ?? /* @__PURE__ */ new Map(),
+    webRtcTrackMap: p.current?.webRtcTrackMap ?? /* @__PURE__ */ new Map()
   };
 }
 function Co(t) {
@@ -3043,24 +3046,24 @@ let ao = 0;
 function Io(t = 5, e = 5e3) {
   const [r, n] = G([]), o = v(/* @__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 L(() => {
+  return U(() => {
     const i = o.current, a = Dt(
       (c) => {
         if (!Ft())
           return;
-        const f = `toast-${++ao}`, u = c.level === Ge.ERROR ? "error" : "warn", h = {
-          id: f,
+        const d = `toast-${++ao}`, u = c.level === Ge.ERROR ? "error" : "warn", h = {
+          id: d,
           level: u,
           message: c.message,
           component: c.component
         };
-        n((m) => [...m, h].slice(-t));
-        const l = setTimeout(() => {
-          s(f);
+        n((p) => [...p, h].slice(-t));
+        const f = setTimeout(() => {
+          s(d);
         }, e);
-        i.set(f, l);
+        i.set(d, f);
       },
       { minLevel: Ge.WARN }
     );
@@ -3094,9 +3097,9 @@ function Oo({
 }) {
   const o = Object.keys(e), s = lo(o, n, r), i = e[s] ?? e.en, a = K(
     () => ({
-      t: (c, f) => {
+      t: (c, d) => {
         const u = i[c];
-        return co(u, f);
+        return co(u, d);
       },
       locale: s,
       translations: i
@@ -3118,17 +3121,17 @@ export {
   lr as IKON_UI_BASE_MODULE,
   Rr as IKON_UI_MEDIA_MODULE,
   xr as IKON_UI_SHADERTOY_MODULE,
-  Lr as IKON_UI_SHADERTOY_TYPE,
+  Ur as IKON_UI_SHADERTOY_TYPE,
   je as IKON_UI_STREAM_CATEGORY,
   yr as IKON_UI_VIDEO_CANVAS_TYPE,
-  Sr as IKON_UI_VIDEO_URL_PLAYER_TYPE,
+  br as IKON_UI_VIDEO_URL_PLAYER_TYPE,
   rr as IkonUi,
   Br as IkonUiRegistry,
   yo as IkonUiSurface,
   er as UiComponentRegistry,
   Qt as UiRenderer,
   Mo as UiStreamStore,
-  So as areIkonUiModuleListsEqual,
+  bo as areIkonUiModuleListsEqual,
   vt as authenticateAnonymous,
   Yn as buildOAuthRedirectUrl,
   we as clearAuthSession,
@@ -3137,7 +3140,7 @@ export {
   po as createComponentLibrary,
   $r as createIkonUiRegistry,
   wr as createMediaResolvers,
-  Ur as createShadertoyRendererResolver,
+  Lr as createShadertoyRendererResolver,
   tr as isIkonUiCategoryMatch,
   wt as loadAuthSession,
   dr as loadBaseModule,
@@ -3148,7 +3151,7 @@ export {
   Vn as parseOAuthCallback,
   Kn as parseOAuthError,
   gn as readIkonUiModules,
-  bo as readIkonUiModulesFromSources,
+  So as readIkonUiModulesFromSources,
   fr as registerBaseModule,
   Ar as registerMediaModule,
   Fr as registerShadertoyModule,