@ikonai/sdk-react-ui 1.0.20 → 1.0.21

package/index.js

@@ -1,7 +1,7 @@
 import { IkonUiCore as kt, UiStreamStore as Ct } from "@ikonai/sdk-ui";
-import { UiStreamStore as ko } from "@ikonai/sdk-ui";
+import { UiStreamStore as Co } from "@ikonai/sdk-ui";
 import It, { useSyncExternalStore as Ue, useMemo as K, memo as z, useRef as A, useCallback as x, Fragment as Ot, useEffect as M, useState as W, createContext as lt, use as xe } from "react";
-import { createLogger as ge, getOrCreateDeviceId as _t, deriveAuthUrl as Oe, parseUrlParams as Nt, clearSessionParamsFromUrl as Pt, isCloudEnvironment as Ke, deriveBackendType as Ye, IkonClient as jt, subscribeToLogEvents as Lt, isDebugModeEnabled as Mt, LogLevel as We } from "@ikonai/sdk";
+import { createLogger as ge, getOrCreateDeviceId as _t, deriveAuthUrl as Oe, parseUrlParams as Nt, clearSessionParamsFromUrl as Pt, isCloudEnvironment as Ke, extractUserIdFromToken as jt, deriveBackendType as Ye, IkonClient as Lt, subscribeToLogEvents as Mt, isDebugModeEnabled as Ut, LogLevel as We } from "@ikonai/sdk";
 var de = { exports: {} }, oe = {};
 /**
  * @license React
@@ -13,7 +13,7 @@ var de = { exports: {} }, oe = {};
  * LICENSE file in the root directory of this source tree.
  */
 var ze;
-function Ut() {
+function xt() {
   if (ze) return oe;
   ze = 1;
   var t = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
@@ -45,7 +45,7 @@ var se = {};
  * LICENSE file in the root directory of this source tree.
  */
 var qe;
-function xt() {
+function Dt() {
   return qe || (qe = 1, process.env.NODE_ENV !== "production" && function() {
     function t(l) {
       if (l == null) return null;
@@ -79,7 +79,7 @@ function xt() {
           case _:
             var b = l.render;
             return l = l.displayName, l || (l = b.displayName || b.name || "", l = l !== "" ? "ForwardRef(" + l + ")" : "ForwardRef"), l;
-          case X:
+          case Z:
             return b = l.displayName || null, b !== null ? b : t(l.type) || "Memo";
           case C:
             b = l._payload, l = l._init;
@@ -149,7 +149,7 @@ function xt() {
     }
     function c() {
       var l = t(this.type);
-      return Q[l] || (Q[l] = !0, console.error(
+      return H[l] || (H[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;
     }
@@ -238,7 +238,7 @@ React keys must be passed directly to JSX without using spread:
     function h(l) {
       typeof l == "object" && l !== null && l.$$typeof === g && l._store && (l._store.validated = 1);
     }
-    var u = It, g = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), m = Symbol.for("react.strict_mode"), p = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), T = Symbol.for("react.context"), _ = Symbol.for("react.forward_ref"), D = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), X = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), P = Symbol.for("react.activity"), U = Symbol.for("react.client.reference"), O = u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, Y = Array.isArray, Z = console.createTask ? console.createTask : function() {
+    var u = It, g = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), m = Symbol.for("react.strict_mode"), p = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), T = Symbol.for("react.context"), _ = Symbol.for("react.forward_ref"), D = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), Z = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), P = Symbol.for("react.activity"), U = Symbol.for("react.client.reference"), O = u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, Y = Array.isArray, Q = console.createTask ? console.createTask : function() {
       return null;
     };
     u = {
@@ -246,10 +246,10 @@ React keys must be passed directly to JSX without using spread:
         return l();
       }
     };
-    var B, Q = {}, J = u["react-stack-bottom-frame"].bind(
+    var B, H = {}, X = u["react-stack-bottom-frame"].bind(
       u,
       s
-    )(), ee = Z(n(s)), te = {};
+    )(), ee = Q(n(s)), te = {};
     se.Fragment = S, se.jsx = function(l, b, k, N, E) {
       var I = 1e4 > O.recentlyCreatedOwnerStacks++;
       return d(
@@ -259,8 +259,8 @@ React keys must be passed directly to JSX without using spread:
         !1,
         N,
         E,
-        I ? Error("react-stack-top-frame") : J,
-        I ? Z(n(l)) : ee
+        I ? Error("react-stack-top-frame") : X,
+        I ? Q(n(l)) : ee
       );
     }, se.jsxs = function(l, b, k, N, E) {
       var I = 1e4 > O.recentlyCreatedOwnerStacks++;
@@ -271,18 +271,18 @@ React keys must be passed directly to JSX without using spread:
         !0,
         N,
         E,
-        I ? Error("react-stack-top-frame") : J,
-        I ? Z(n(l)) : ee
+        I ? Error("react-stack-top-frame") : X,
+        I ? Q(n(l)) : ee
       );
     };
   }()), se;
 }
 var Ge;
-function Dt() {
-  return Ge || (Ge = 1, process.env.NODE_ENV === "production" ? de.exports = Ut() : de.exports = xt()), de.exports;
+function Ft() {
+  return Ge || (Ge = 1, process.env.NODE_ENV === "production" ? de.exports = xt() : de.exports = Dt()), de.exports;
 }
-var R = Dt();
-function Ft(t, e) {
+var R = Ft();
+function Bt(t, e) {
   const r = Ue(
     (n) => t.subscribe(n),
     () => {
@@ -302,7 +302,7 @@ function Ft(t, e) {
     };
   }, [r]);
 }
-function H(t, e) {
+function J(t, e) {
   const r = Ue(
     (n) => t.subscribeNode(e, n),
     () => t.getNodeVersion(e),
@@ -310,8 +310,8 @@ function H(t, e) {
   );
   return K(() => t.getNode(e), [t, e, r]);
 }
-const Bt = ge("UIRenderer");
-function $t(t) {
+const $t = ge("UIRenderer");
+function Vt(t) {
   if (t === void 0)
     return "{}";
   if (typeof t == "string")
@@ -322,18 +322,18 @@ function $t(t) {
     return "{}";
   }
 }
-function Vt(t) {
+function Kt(t) {
   const e = t.styleIds;
   return Array.isArray(e) ? e : [];
 }
-function Kt(t) {
+function Yt(t) {
   const e = t.children;
   return Array.isArray(e) ? e : [];
 }
-function Yt(t, e) {
+function Wt(t, e) {
   return t.nodeId === e.nodeId && t.context === e.context;
 }
-function Wt(t) {
+function zt(t) {
   if (t.length === 0) return "";
   if (t.length === 1) return t[0].id;
   let e = t[0].id;
@@ -342,7 +342,7 @@ function Wt(t) {
   return e;
 }
 const _e = z(function t({ nodeId: e, context: r }) {
-  const n = H(r.store, e), o = n ? Kt(n) : [], s = Wt(o), i = K(
+  const n = J(r.store, e), o = n ? Yt(n) : [], s = zt(o), i = K(
     () => o.length === 0 ? null : o.map((h) => /* @__PURE__ */ R.jsx(t, { nodeId: h.id, context: r }, h.id)),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [s, r]
@@ -353,18 +353,18 @@ const _e = z(function t({ nodeId: e, context: r }) {
     return /* @__PURE__ */ R.jsx(Ot, { children: i }, n.id);
   const a = r.library.resolve(n);
   if (!a)
-    return Bt.warn(`No renderer for node type ${n.type}`), null;
-  const c = Vt(n), f = c.length > 0 ? c.join(" ") : void 0, d = 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__ */ R.jsx(d, { nodeId: e, context: r, className: f });
-}, Yt);
-function zt(t, e) {
+}, Wt);
+function qt(t, e) {
   return !Array.isArray(t) || t.length === 0 ? null : t.map((r) => /* @__PURE__ */ R.jsx(_e, { nodeId: r.id, context: e }, r.id));
 }
-function qt(t, e) {
+function Gt(t, e) {
   return t.store === e.store && t.library === e.library && t.viewId === e.viewId && t.emptyFallback === e.emptyFallback;
 }
-const Gt = z(function({ store: e, library: r, viewId: n, emptyFallback: o = null, onAction: s, client: i, video: a }) {
-  const { rootViewId: c, rootNodeId: f } = Ft(e, n), d = A(s);
+const Ht = z(function({ store: e, library: r, viewId: n, emptyFallback: o = null, onAction: s, client: i, video: a }) {
+  const { rootViewId: c, rootNodeId: f } = Bt(e, n), d = A(s);
   d.current = s;
   const h = A(i);
   h.current = i;
@@ -373,7 +373,7 @@ const Gt = z(function({ store: e, library: r, viewId: n, emptyFallback: o = null
   const g = x((S, m) => {
     if (!S)
       return;
-    const p = $t(m);
+    const p = Vt(m);
     d.current?.(S, p);
   }, []), y = K(() => {
     const S = {
@@ -382,7 +382,7 @@ const Gt = z(function({ store: e, library: r, viewId: n, emptyFallback: o = null
       handlerCache: e.handlerCache,
       // Access payloads from store at call time, not captured snapshot
       getPayload: (m) => e.getSnapshot().payloads.get(m),
-      renderChildren: (m) => zt(m, S),
+      renderChildren: (m) => qt(m, S),
       renderView: (m) => {
         const p = e.getSnapshot().views.get(m);
         return p ? /* @__PURE__ */ R.jsx(_e, { nodeId: p.id, context: S }) : null;
@@ -399,8 +399,8 @@ const Gt = z(function({ store: e, library: r, viewId: n, emptyFallback: o = null
     return S;
   }, [e, r, g]);
   return !c || !f ? o : /* @__PURE__ */ R.jsx("div", { "data-ikon-view-id": c, style: { display: "contents" }, children: /* @__PURE__ */ R.jsx(_e, { nodeId: f, context: y }) });
-}, qt);
-class Ht {
+}, Gt);
+class Jt {
   constructor(e, r) {
     if (this.fallback = r, e)
       for (const [n, o] of e)
@@ -417,11 +417,11 @@ class Ht {
     return this.renderers.get(e.type) ?? this.fallback;
   }
 }
-function io(t, e) {
+function ao(t, e) {
   const r = Object.entries(t);
-  return new Ht(r, e);
+  return new Jt(r, e);
 }
-function ao(t) {
+function co(t) {
   return Ue(
     (e) => t.subscribe(e),
     () => t.getSnapshot(),
@@ -429,10 +429,10 @@ function ao(t) {
   );
 }
 const Ne = "ikon-ui";
-function Jt(t, e) {
+function Xt(t, e) {
   return t === e;
 }
-const co = z(function({ stores: e, registry: r, category: n = Ne, onAction: o, client: s }) {
+const uo = z(function({ stores: e, registry: r, category: n = Ne, onAction: o, client: s }) {
   const i = K(() => Array.from(e.keys()).sort().join(","), [e]), a = A(o);
   a.current = o;
   const c = A(s);
@@ -442,16 +442,16 @@ const co = z(function({ stores: e, registry: r, category: n = Ne, onAction: o, c
       const d = [];
       for (const [h, u] of e) {
         const g = u.store.getSnapshot();
-        Jt(u.category, n) && (!g.rootViewId || !g.views.has(g.rootViewId) || d.push({ key: h, store: u.store }));
+        Xt(u.category, n) && (!g.rootViewId || !g.views.has(g.rootViewId) || d.push({ key: h, store: u.store }));
       }
       return d;
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [e, n, i]
   );
-  return f.length === 0 ? null : /* @__PURE__ */ R.jsx(R.Fragment, { children: f.map(({ key: d, store: h }) => /* @__PURE__ */ R.jsx(Gt, { store: h, library: r, onAction: a.current, client: c.current, video: c.current?.media?.video }, d)) });
+  return f.length === 0 ? null : /* @__PURE__ */ R.jsx(R.Fragment, { children: f.map(({ key: d, store: h }) => /* @__PURE__ */ R.jsx(Ht, { store: h, library: r, onAction: a.current, client: c.current, video: c.current?.media?.video }, d)) });
 });
-class Xt {
+class Zt {
   core;
   ownsCore;
   stores = /* @__PURE__ */ new Map();
@@ -526,7 +526,7 @@ class Xt {
       r(e);
   }
 }
-function Zt(t) {
+function Qt(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -551,10 +551,10 @@ function De(...t) {
     }
   return e || void 0;
 }
-const He = /* @__PURE__ */ new WeakMap(), Qt = {};
+const He = /* @__PURE__ */ new WeakMap(), er = {};
 function Fe(t) {
   if (!t)
-    return Qt;
+    return er;
   const e = He.get(t);
   if (e)
     return e;
@@ -563,9 +563,9 @@ function Fe(t) {
     o != null && (typeof o == "string" || typeof o == "number" || typeof o == "boolean") && (r[n] = o);
   return He.set(t, r), r;
 }
-function er() {
+function tr() {
   const t = z(function({ nodeId: r, context: n }) {
-    const o = H(n.store, r), s = A(null), i = le(o?.props?.targetViewId), a = o?.props?.focusOnly, c = typeof a == "boolean" ? a : void 0, f = le(o?.props?.key), d = o?.props?.preciseGeneratedAt;
+    const o = J(n.store, r), s = A(null), i = le(o?.props?.targetViewId), a = o?.props?.focusOnly, c = typeof a == "boolean" ? a : void 0, f = le(o?.props?.key), d = o?.props?.preciseGeneratedAt;
     return M(() => {
       if (typeof document > "u")
         return;
@@ -619,9 +619,9 @@ function er() {
       return t;
   };
 }
-function tr() {
+function rr() {
   const t = z(function({ nodeId: r, context: n, className: o }) {
-    const s = H(n.store, r), i = Zt(s?.props?.onInvokeId), a = x(() => {
+    const s = J(n.store, r), i = Qt(s?.props?.onInvokeId), a = x(() => {
       i && n.dispatchAction(i);
     }, [i, n]);
     if (!s)
@@ -646,9 +646,9 @@ function tr() {
       return t;
   };
 }
-function rr() {
+function nr() {
   const t = z(function({ nodeId: r, context: n, className: o }) {
-    const s = H(n.store, r);
+    const s = J(n.store, r);
     if (!s)
       return null;
     const i = Fe(s.props), a = De("relative", le(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
@@ -659,9 +659,9 @@ function rr() {
       return t;
   };
 }
-function nr() {
+function or() {
   const t = z(function({ nodeId: r, context: n, className: o }) {
-    const s = H(n.store, r);
+    const s = J(n.store, r);
     if (!s)
       return null;
     const i = Fe(s.props), a = De("absolute", le(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
@@ -672,19 +672,19 @@ function nr() {
       return t;
   };
 }
-function or() {
+function sr() {
   return [
-    tr(),
     rr(),
     nr(),
-    er()
+    or(),
+    tr()
   ];
 }
-const sr = "base", ir = async () => or();
-function ar(t) {
-  t.registerModule(sr, ir);
-}
+const ir = "base", ar = async () => sr();
 function cr(t) {
+  t.registerModule(ir, ar);
+}
+function ur(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -694,7 +694,7 @@ function cr(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function ur(...t) {
+function lr(...t) {
   const e = [];
   for (const r of t)
     r && r.trim() && e.push(r.trim());
@@ -715,17 +715,17 @@ function fe(t) {
     if (e === "false") return !1;
   }
 }
-const lr = "std.audio-url-player";
-function dr() {
+const dr = "std.audio-url-player";
+function fr() {
   const t = z(function({
     nodeId: r,
     context: n,
     className: o
   }) {
-    const s = H(n.store, r);
+    const s = J(n.store, r);
     if (!s)
       return null;
-    const i = ur(cr(s.props?.className), o), a = Je(s.props?.src), c = Je(s.props?.preload), f = fe(s.props?.controls), d = fe(s.props?.autoplay), h = fe(s.props?.loop), u = fe(s.props?.muted);
+    const i = lr(ur(s.props?.className), o), a = Je(s.props?.src), c = Je(s.props?.preload), f = fe(s.props?.controls), d = fe(s.props?.autoplay), h = fe(s.props?.loop), u = fe(s.props?.muted);
     return /* @__PURE__ */ R.jsx(
       "audio",
       {
@@ -741,7 +741,7 @@ function dr() {
     );
   });
   return ({ type: e }) => {
-    if (e === lr)
+    if (e === dr)
       return t;
   };
 }
@@ -776,10 +776,10 @@ function Pe(t) {
   const e = t.trim();
   return e.length > 0 ? e : void 0;
 }
-const fr = "std.video-canvas", hr = "std.video-url-player";
-function mr() {
+const hr = "std.video-canvas", mr = "std.video-url-player";
+function pr() {
   const t = z(function({ nodeId: r, context: n, className: o }) {
-    const s = H(n.store, r), i = A(null), a = A(null), c = n.video, f = n.client, d = f?.isWebRtcEnabled ? f.webRtcVideoStream : null, h = f?.isWebRtcEnabled ? f.webRtcScreenStream : null, u = s ? Pe(s.props?.streamId) : void 0, g = s ? he(s.props?.width) : void 0, y = s ? he(s.props?.height) : void 0, S = s ? ft(dt(s.props?.className), o) : o, m = u?.includes("screen") ? h : d;
+    const s = J(n.store, r), i = A(null), a = A(null), c = n.video, f = n.client, d = f?.isWebRtcEnabled ? f.webRtcVideoStream : null, h = f?.isWebRtcEnabled ? f.webRtcScreenStream : null, u = s ? Pe(s.props?.streamId) : void 0, g = s ? he(s.props?.width) : void 0, y = s ? he(s.props?.height) : void 0, S = s ? ft(dt(s.props?.className), o) : o, m = u?.includes("screen") ? h : d;
     return M(() => {
       const p = i.current;
       if (!(!c || !p || !u || m))
@@ -820,12 +820,12 @@ function mr() {
     ) : null;
   });
   return ({ type: e }) => {
-    if (e === fr)
+    if (e === hr)
       return t;
   };
 }
-function pr() {
-  return [mr(), gr(), dr()];
+function gr() {
+  return [pr(), yr(), fr()];
 }
 function ie(t) {
   if (typeof t == "boolean")
@@ -836,13 +836,13 @@ function ie(t) {
     if (e === "false") return !1;
   }
 }
-function gr() {
+function yr() {
   const t = z(function({
     nodeId: r,
     context: n,
     className: o
   }) {
-    const s = H(n.store, r);
+    const s = J(n.store, r);
     if (!s)
       return null;
     const i = ft(dt(s.props?.className), o), a = Pe(s.props?.src), c = Pe(s.props?.poster), f = ie(s.props?.controls), d = ie(s.props?.autoplay), h = ie(s.props?.loop), u = ie(s.props?.muted), g = ie(s.props?.playsInline), y = he(s.props?.width), S = he(s.props?.height), m = s.children?.length ? n.renderChildren(s.children) : void 0;
@@ -865,27 +865,27 @@ function gr() {
     );
   });
   return ({ type: e }) => {
-    if (e === hr)
+    if (e === mr)
       return t;
   };
 }
-const yr = "media", Sr = async () => pr();
-function br(t) {
-  t.registerModule(yr, Sr);
+const Sr = "media", br = async () => gr();
+function wr(t) {
+  t.registerModule(Sr, br);
 }
-const wr = `#version 300 es
+const vr = `#version 300 es
 in vec4 a_position;
 void main() {
     gl_Position = a_position;
 }
 `;
-function vr(t, e) {
+function Rr(t, e) {
   return new RegExp(`\\buniform\\s+\\w+\\s+${e}\\s*;`, "g").test(t);
 }
-function Rr(t, e) {
+function Er(t, e) {
   const r = [];
   for (const [n, o] of Object.entries(e)) {
-    if (vr(t, n))
+    if (Rr(t, n))
       continue;
     let s;
     switch (o.type) {
@@ -938,7 +938,7 @@ void main() {
 }
 `;
 }
-class Er {
+class Ar {
   gl;
   program = null;
   positionBuffer = null;
@@ -974,10 +974,10 @@ class Er {
   }
   compile(e, r = {}) {
     this.lastError = null, this.customUniforms = r, this.currentShaderSource = e;
-    const n = this.gl, o = this.compileShader(n.VERTEX_SHADER, wr);
+    const n = this.gl, o = this.compileShader(n.VERTEX_SHADER, vr);
     if (!o)
       return !1;
-    const s = Rr(e, r), i = this.compileShader(n.FRAGMENT_SHADER, s);
+    const s = Er(e, r), i = this.compileShader(n.FRAGMENT_SHADER, s);
     if (!i)
       return n.deleteShader(o), !1;
     const a = n.createProgram();
@@ -1068,7 +1068,7 @@ class Er {
     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 Ar(t) {
+function Tr(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -1078,7 +1078,7 @@ function Ar(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function Tr(...t) {
+function kr(...t) {
   const e = [];
   for (const r of t)
     r && r.trim() && e.push(r.trim());
@@ -1093,10 +1093,10 @@ function ve(t) {
       return Math.floor(e);
   }
 }
-function kr(t) {
+function Cr(t) {
   return typeof t == "string" ? t : "";
 }
-function Cr(t) {
+function Ir(t) {
   if (typeof t == "boolean")
     return t;
   if (typeof t == "string") {
@@ -1105,7 +1105,7 @@ function Cr(t) {
     if (e === "false") return !1;
   }
 }
-function Ir(t) {
+function Or(t) {
   if (!t || typeof t != "object")
     return {};
   const e = {}, r = t;
@@ -1120,7 +1120,7 @@ function Ir(t) {
   }
   return e;
 }
-function Or(t, e) {
+function _r(t, e) {
   const r = Object.keys(t), n = Object.keys(e);
   if (r.length !== n.length)
     return !1;
@@ -1141,21 +1141,21 @@ function Or(t, e) {
   }
   return !0;
 }
-const _r = "std.shadertoy-canvas";
-function Nr() {
+const Nr = "std.shadertoy-canvas";
+function Pr() {
   const t = z(function({ nodeId: r, context: n, className: o }) {
-    const s = H(n.store, r), i = A(null), a = A(null), c = A(null), f = A(0), d = A(""), h = A({}), u = A({
+    const s = J(n.store, r), i = A(null), a = A(null), c = A(null), f = A(0), d = A(""), h = A({}), u = A({
       x: 0,
       y: 0,
       clickX: 0,
       clickY: 0,
       isDown: !1
-    }), g = s ? kr(s.props?.shaderSource) : "", y = s ? ve(s.props?.fps) ?? 60 : 60, S = s?.props?.uniforms, m = K(() => Ir(S), [S]), p = s ? Cr(s.props?.enableMouse) ?? !0 : !0, w = s ? ve(s.props?.width) : void 0, T = s ? ve(s.props?.height) : void 0, _ = s ? Tr(Ar(s.props?.className), o) : o;
+    }), g = s ? Cr(s.props?.shaderSource) : "", y = s ? ve(s.props?.fps) ?? 60 : 60, S = s?.props?.uniforms, m = K(() => Or(S), [S]), p = s ? Ir(s.props?.enableMouse) ?? !0 : !0, w = s ? ve(s.props?.width) : void 0, T = s ? ve(s.props?.height) : void 0, _ = s ? kr(Tr(s.props?.className), o) : o;
     M(() => {
       const C = i.current;
       if (C) {
         try {
-          const P = new Er(C);
+          const P = new Ar(C);
           a.current = P;
         } catch (P) {
           console.error("[ShadertoyRenderer] Failed to create WebGL2 context:", P);
@@ -1175,7 +1175,7 @@ function Nr() {
         }
     }, [g, m]), M(() => {
       const C = a.current;
-      !C || !d.current || Or(h.current, m) || (C.setCustomUniforms(m), h.current = m);
+      !C || !d.current || _r(h.current, m) || (C.setCustomUniforms(m), h.current = m);
     }, [m]), M(() => {
       const C = a.current;
       if (!C || !d.current) return;
@@ -1205,7 +1205,7 @@ function Nr() {
         u.current.isDown = !0, u.current.clickX = F, u.current.clickY = Y, U.setMouse(F, Y, F, Y);
       },
       [p]
-    ), X = x(() => {
+    ), Z = x(() => {
       p && (u.current.isDown = !1, u.current.clickX = -Math.abs(u.current.clickX));
     }, [p]);
     return s ? /* @__PURE__ */ R.jsx(
@@ -1218,22 +1218,22 @@ function Nr() {
         ...T ? { height: T } : {},
         onMouseMove: D,
         onMouseDown: G,
-        onMouseUp: X,
-        onMouseLeave: X
+        onMouseUp: Z,
+        onMouseLeave: Z
       }
     ) : null;
   });
   return ({ type: e }) => {
-    if (e === _r)
+    if (e === Nr)
       return t;
   };
 }
-const Pr = "shadertoy", jr = async () => Nr();
-function Lr(t) {
-  t.registerModule(Pr, jr);
+const jr = "shadertoy", Lr = async () => Pr();
+function Mr(t) {
+  t.registerModule(jr, Lr);
 }
 const Xe = ge("UIRegistry");
-class Mr {
+class Ur {
   baseResolvers = [];
   moduleLoaders = /* @__PURE__ */ new Map();
   moduleResolvers = /* @__PURE__ */ new Map();
@@ -1255,7 +1255,7 @@ class Mr {
     for (const [n, o] of this.moduleLoaders.entries())
       if (!this.moduleResolvers.has(n))
         try {
-          const s = await o(), i = Dr(s);
+          const s = await o(), i = Fr(s);
           this.moduleResolvers.set(n, i), e = !0;
         } catch (s) {
           Xe.error(`[IkonUiRegistry] Failed to load module '${n}'.`, s);
@@ -1263,7 +1263,7 @@ class Mr {
     const r = [];
     for (const n of this.moduleLoaders.keys())
       this.moduleResolvers.has(n) && r.push(n);
-    return Fr(r, this.activeModuleOrder) || (this.activeModuleOrder = r, e = !0), e;
+    return Br(r, this.activeModuleOrder) || (this.activeModuleOrder = r, e = !0), e;
   }
   resolve(e) {
     for (const r of this.baseResolvers) {
@@ -1283,17 +1283,17 @@ class Mr {
     }
   }
 }
-function Ur() {
-  const t = new Mr();
-  return ar(t), br(t), Lr(t), t.loadRegisteredModules(), t;
+function xr() {
+  const t = new Ur();
+  return cr(t), wr(t), Mr(t), t.loadRegisteredModules(), t;
 }
-function xr(t) {
+function Dr(t) {
   return Array.isArray(t) ? t : [t];
 }
-function Dr(t) {
-  return t ? xr(t).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
+function Fr(t) {
+  return t ? Dr(t).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
 }
-function Fr(t, e) {
+function Br(t, e) {
   if (t.length !== e.length)
     return !1;
   for (let r = 0; r < t.length; r += 1)
@@ -1382,14 +1382,14 @@ function tt(t, e, r, n) {
     d[m] = h(m * 0.1, t, r);
   return (m) => m <= 0 ? 0 : m >= 1 ? 1 : h(S(m), e, n);
 }
-function Br(t) {
+function $r(t) {
   const e = /steps\(\s*([0-9]+)\s*(?:,\s*([a-z-]+)\s*)?\)/i.exec(t);
   if (!e)
     return (o) => $(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);
 }
-function $r(t) {
+function Vr(t) {
   if (!t)
     return (r) => $(r);
   const e = t.trim().toLowerCase();
@@ -1407,12 +1407,12 @@ function $r(t) {
     }
   }
   if (e.startsWith("steps(") && e.endsWith(")")) {
-    const r = Br(e);
+    const r = $r(e);
     return (n) => r($(n));
   }
   return (r) => $(r);
 }
-function Vr(t) {
+function Kr(t) {
   if (!t)
     return;
   const e = /(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)\s*->\s*(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)/.exec(t);
@@ -1422,7 +1422,7 @@ function Vr(t) {
   if (![r, n, o, s].some((i) => !Number.isFinite(i)))
     return { inStart: r, inEnd: n, outStart: o, outEnd: s };
 }
-class Kr {
+class Yr {
   bindingsByStyle = /* @__PURE__ */ new Map();
   observer;
   observeScheduled = !1;
@@ -1467,7 +1467,7 @@ class Kr {
     const r = e.source?.trim();
     if (!r)
       return;
-    const n = Qe(e.min) ?? 0, o = Qe(e.max), s = o === void 0 ? n + 100 : o, i = (e.clamp ?? "clamp").trim().toLowerCase(), a = !!e.reverse, c = $r(e.ease), f = Vr(e.map), d = e.targetId?.trim() || void 0;
+    const n = Qe(e.min) ?? 0, o = Qe(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;
     return Number.isNaN(n) || Number.isNaN(s) ? void 0 : {
       source: r.toLowerCase(),
       min: n,
@@ -1680,8 +1680,8 @@ class Kr {
     }
   }
 }
-const Ee = new Kr();
-function Yr(t) {
+const Ee = new Yr();
+function Wr(t) {
   const e = A(/* @__PURE__ */ new Map()), r = x(({ styleId: s, css: i, common: a }) => {
     if (!(!s || typeof document > "u")) {
       if (i) {
@@ -1714,7 +1714,7 @@ function Yr(t) {
     };
   }, [t, o, r, n]), M(() => () => o(), [o]), { setStyle: r, deleteStyles: n, reset: o };
 }
-function Wr(t) {
+function zr(t) {
   const e = [];
   for (const [r, n] of t) {
     const o = n.store.getSnapshot(), s = o.rootViewId && o.views.has(o.rootViewId);
@@ -1722,7 +1722,7 @@ function Wr(t) {
   }
   return e.sort(), e.join(",");
 }
-function zr(t) {
+function qr(t) {
   const [e, r] = W(), n = A("");
   return M(() => {
     if (!t) {
@@ -1730,54 +1730,54 @@ function zr(t) {
       return;
     }
     const o = () => {
-      const s = t.getStores(), i = Wr(s);
+      const s = t.getStores(), i = zr(s);
       i !== n.current && (n.current = i, r(s));
     };
     return o(), t.subscribe(o);
   }, [t]), e;
 }
-var qr = typeof global == "object" && global && global.Object === Object && global, Gr = typeof self == "object" && self && self.Object === Object && self, Hr = qr || Gr || Function("return this")(), me = Hr.Symbol, ht = Object.prototype, Jr = ht.hasOwnProperty, Xr = ht.toString, ae = me ? me.toStringTag : void 0;
-function Zr(t) {
-  var e = Jr.call(t, ae), r = t[ae];
+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")(), me = Jr.Symbol, ht = Object.prototype, Xr = ht.hasOwnProperty, Zr = ht.toString, ae = me ? me.toStringTag : void 0;
+function Qr(t) {
+  var e = Xr.call(t, ae), r = t[ae];
   try {
     t[ae] = void 0;
     var n = !0;
   } catch {
   }
-  var o = Xr.call(t);
+  var o = Zr.call(t);
   return n && (e ? t[ae] = r : delete t[ae]), o;
 }
-var Qr = Object.prototype, en = Qr.toString;
-function tn(t) {
-  return en.call(t);
-}
-var rn = "[object Null]", nn = "[object Undefined]", rt = me ? me.toStringTag : void 0;
-function on(t) {
-  return t == null ? t === void 0 ? nn : rn : rt && rt in Object(t) ? Zr(t) : tn(t);
+var en = Object.prototype, tn = en.toString;
+function rn(t) {
+  return tn.call(t);
 }
+var nn = "[object Null]", on = "[object Undefined]", rt = me ? me.toStringTag : void 0;
 function sn(t) {
+  return t == null ? t === void 0 ? on : nn : rt && rt in Object(t) ? Qr(t) : rn(t);
+}
+function an(t) {
   return t != null && typeof t == "object";
 }
-var an = Array.isArray, cn = "[object String]";
-function un(t) {
-  return typeof t == "string" || !an(t) && sn(t) && on(t) == cn;
+var cn = Array.isArray, un = "[object String]";
+function ln(t) {
+  return typeof t == "string" || !cn(t) && an(t) && sn(t) == un;
 }
 const nt = "ikonUiModules";
 function je(t) {
   return typeof t == "object" && t !== null && !Array.isArray(t);
 }
-function ln(t) {
+function dn(t) {
   if (!Array.isArray(t))
     return;
   const e = /* @__PURE__ */ new Set();
   for (const r of t) {
-    if (!un(r)) continue;
+    if (!ln(r)) continue;
     const n = r.trim();
     n && (e.has(n) || e.add(n));
   }
   return Array.from(e);
 }
-function uo(t, e) {
+function lo(t, e) {
   if (t === e)
     return !0;
   if (!t || !e)
@@ -1789,18 +1789,18 @@ function uo(t, e) {
       return !1;
   return !0;
 }
-function dn(t) {
+function fn(t) {
   if (!(!je(t) || !Object.prototype.hasOwnProperty.call(t, nt)))
-    return ln(t[nt]);
+    return dn(t[nt]);
 }
-function lo(...t) {
+function fo(...t) {
   for (const e of t) {
-    const r = dn(e);
+    const r = fn(e);
     if (r !== void 0)
       return r;
   }
 }
-function fo(t) {
+function ho(t) {
   if (!je(t))
     return;
   const e = t, r = Object.keys(e).find((c) => c.toLowerCase() === "modules");
@@ -1849,7 +1849,7 @@ const v = {
   Line: 4,
   Paragraph: 8,
   Emoji: 16
-}, fn = [
+}, hn = [
   {
     flag: v.Letter,
     hints: [
@@ -1898,11 +1898,11 @@ const v = {
       "[data-emoji]"
     ]
   }
-], Le = v.Letter | v.Word | v.Line | v.Paragraph | v.Emoji, hn = v.Letter | v.Word | v.Line | v.Paragraph, ot = /* @__PURE__ */ new Map(), mn = 16384;
-function ho(t, e) {
-  if (!t || t.length > mn)
+], Le = v.Letter | v.Word | v.Line | v.Paragraph | v.Emoji, mn = v.Letter | v.Word | v.Line | v.Paragraph, ot = /* @__PURE__ */ new Map(), pn = 16384;
+function mo(t, e) {
+  if (!t || t.length > pn)
     return t;
-  const r = Nn(e), n = ne(r, v.Emoji), o = r & hn;
+  const r = Pn(e), n = ne(r, v.Emoji), o = r & mn;
   if (o === v.None && !n)
     return t;
   const s = t.replace(/\r\n/g, `
@@ -1910,20 +1910,20 @@ function ho(t, e) {
 `);
   if (o === v.None)
     return ct(s);
-  const i = On(s);
+  const i = _n(s);
   if (i.length === 0)
     return n ? ct(s) : t;
-  const a = _n(i), c = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, f = [];
+  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 = pn(d, r, c);
+    const h = gn(d, r, c);
     f.push(...h);
   }
   return f;
 }
-function pn(t, e, r) {
+function gn(t, e, r) {
   const n = [];
   for (const o of t) {
-    const s = gn(o, e, r);
+    const s = yn(o, e, r);
     n.push(...s);
   }
   if (ne(e, v.Paragraph)) {
@@ -1942,8 +1942,8 @@ function pn(t, e, r) {
   }
   return n;
 }
-function gn(t, e, r) {
-  const n = yn(t.text, e, r), o = [];
+function yn(t, e, r) {
+  const n = Sn(t.text, e, r), o = [];
   if (ne(e, v.Line)) {
     const s = r.line++;
     o.push(
@@ -1955,7 +1955,7 @@ function gn(t, e, r) {
     o.push(/* @__PURE__ */ R.jsx("br", {}, `motion-break-${r.br++}`));
   return o;
 }
-function yn(t, e, r) {
+function Sn(t, e, r) {
   if (!t)
     return [];
   const n = ne(e, v.Word), o = [], s = /(\s+)/g;
@@ -1974,13 +1974,13 @@ function yn(t, e, r) {
   return o;
 }
 function st(t, e, r, n) {
-  const o = e.word++, s = bn(t, r, e), i = `motion-word-${o}`, a = Sn(o, n);
+  const o = e.word++, s = wn(t, r, e), i = `motion-word-${o}`, a = bn(o, n);
   return n ? /* @__PURE__ */ R.jsx("span", { "data-motion-word": !0, style: a, children: s }, i) : /* @__PURE__ */ R.jsx("span", { style: a, children: s }, i);
 }
-function Sn(t, e) {
+function bn(t, e) {
   return e ? { ...ye(t), whiteSpace: "nowrap" } : { whiteSpace: "nowrap" };
 }
-function bn(t, e, r) {
+function wn(t, e, r) {
   if (!t)
     return [];
   const n = ne(e, v.Letter), o = ne(e, v.Emoji);
@@ -2013,33 +2013,33 @@ function bn(t, e, r) {
 function Me(t) {
   if (!t)
     return [];
-  const e = wn();
-  return e ? Array.from(e.segment(t), (r) => r.segment) : vn(t);
+  const e = vn();
+  return e ? Array.from(e.segment(t), (r) => r.segment) : Rn(t);
 }
 let ce;
-function wn() {
+function vn() {
   return ce !== void 0 || (typeof Intl < "u" && typeof Intl.Segmenter == "function" ? ce = new Intl.Segmenter(void 0, { granularity: "grapheme" }) : ce = null), ce;
 }
-function vn(t) {
+function Rn(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 && Rn(s, i)) && (e.push(n), n = "");
+    n += s, !(i && En(s, i)) && (e.push(n), n = "");
   }
   return n && e.push(n), e;
 }
-function Rn(t, e) {
-  return e ? !!(it(t) || it(e) || Tn(e) || En(e) || An(e) || at(t) && at(e)) : !1;
+function En(t, e) {
+  return e ? !!(it(t) || it(e) || kn(e) || An(e) || Tn(e) || at(t) && at(e)) : !1;
 }
 function it(t) {
   return t.codePointAt(0) === 8205;
 }
-function En(t) {
+function An(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 65024 && e <= 65039 || e >= 917760 && e <= 917999;
 }
-function An(t) {
+function Tn(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 127995 && e <= 127999;
 }
@@ -2048,10 +2048,10 @@ function at(t) {
   return e === void 0 ? !1 : e >= 127462 && e <= 127487;
 }
 let Ae;
-function Tn(t) {
-  return t ? (Ae || (Ae = kn()), Ae(t)) : !1;
+function kn(t) {
+  return t ? (Ae || (Ae = Cn()), Ae(t)) : !1;
 }
-function kn() {
+function Cn() {
   try {
     const t = new RegExp("\\p{Mark}", "u");
     return (e) => t.test(e);
@@ -2064,17 +2064,17 @@ function kn() {
 }
 let Te;
 function mt(t) {
-  return t ? (Te || (Te = Cn()), Te(t)) : !1;
+  return t ? (Te || (Te = In()), Te(t)) : !1;
 }
-function Cn() {
+function In() {
   try {
     const t = new RegExp("\\p{Extended_Pictographic}", "u");
     return (e) => t.test(e);
   } catch {
-    return In;
+    return On;
   }
 }
-function In(t) {
+function On(t) {
   if (!t)
     return !1;
   for (const e of Array.from(t)) {
@@ -2084,7 +2084,7 @@ function In(t) {
   }
   return !1;
 }
-function On(t) {
+function _n(t) {
   const e = [];
   let r = "", n = 0;
   for (let o = 0; o < t.length; o++) {
@@ -2098,7 +2098,7 @@ function On(t) {
   }
   return (n > 0 || r.length > 0) && e.push({ text: r, breaks: n }), e;
 }
-function _n(t) {
+function Nn(t) {
   if (t.length === 0)
     return [];
   const e = [];
@@ -2155,7 +2155,7 @@ function pt(t, e) {
   }
   return i(), o ? { nodes: r, sawEmoji: !0 } : { nodes: [t.join("")], sawEmoji: !1 };
 }
-function Nn(t) {
+function Pn(t) {
   if (!t)
     return v.None;
   const e = t.trim();
@@ -2169,8 +2169,8 @@ function Nn(t) {
   const n = e.split(/\s+/).filter(Boolean);
   if (n.length === 0)
     return v.None;
-  const s = n.map((c) => `.${Pn(c)}`).map(
-    (c) => new RegExp(`(^|[^a-zA-Z0-9_-])${jn(c)}(?![a-zA-Z0-9_-])`)
+  const s = n.map((c) => `.${jn(c)}`).map(
+    (c) => new RegExp(`(^|[^a-zA-Z0-9_-])${Ln(c)}(?![a-zA-Z0-9_-])`)
   );
   let i = v.None, a = !1;
   for (const c of Array.from(document.styleSheets)) {
@@ -2198,7 +2198,7 @@ function gt(t, e) {
         const a = s.selectorText ?? "";
         if (!a || !e.some((f) => f.test(a))) continue;
         n = !0;
-        for (const f of fn)
+        for (const f of hn)
           f.hints.some((d) => a.includes(d)) && (r |= f.flag);
         if (r === Le)
           return { mask: r, sawStyleRule: !0 };
@@ -2212,13 +2212,13 @@ function gt(t, e) {
   }
   return { mask: r, sawStyleRule: n };
 }
-function Pn(t) {
+function jn(t) {
   return typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(t) : t.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
-function jn(t) {
+function Ln(t) {
   return t.replace(/[.*+?^${}()|[\]\\]/g, (e) => `\\${e}`);
 }
-const Be = "ikon_auth_session", Ln = 7 * 24 * 60 * 60 * 1e3;
+const Be = "ikon_auth_session", Mn = 7 * 24 * 60 * 60 * 1e3;
 function Se(t) {
   try {
     localStorage.setItem(Be, JSON.stringify(t));
@@ -2231,7 +2231,7 @@ function yt() {
     const t = localStorage.getItem(Be);
     if (!t) return null;
     const e = JSON.parse(t);
-    return Date.now() - e.authenticatedAt > Ln ? (St(), null) : e;
+    return Date.now() - e.authenticatedAt > Mn ? (St(), null) : e;
   } catch {
     return console.warn("Failed to load auth session from localStorage"), null;
   }
@@ -2268,7 +2268,7 @@ async function bt(t, e) {
   };
   return Se(s), s;
 }
-async function mo(t) {
+async function po(t) {
   const { email: e, spaceId: r, authUrl: n, returnUrl: o = window.location.origin + window.location.pathname } = t, s = await fetch(`${n}/email/send`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2283,22 +2283,22 @@ async function mo(t) {
     throw new Error(i);
   }
 }
-function Mn() {
+function Un() {
   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 Un() {
+function xn() {
   const e = new URLSearchParams(window.location.search).get("error");
   return e ? decodeURIComponent(e) : null;
 }
 function ut() {
   window.history.replaceState({}, "", window.location.pathname);
 }
-function xn(t, e, r, n) {
+function Dn(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 Dn(t) {
+async function Fn(t) {
   const e = await fetch(`${t}/passkey/registration/options`, {
     method: "POST",
     headers: { "Content-Type": "application/json" }
@@ -2309,7 +2309,7 @@ async function Dn(t) {
   }
   return e.json();
 }
-async function Fn(t, e, r) {
+async function Bn(t, e, r) {
   const n = await fetch(`${t}/passkey/registration/verify`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2326,7 +2326,7 @@ async function Fn(t, e, r) {
   };
   return Se(s), s;
 }
-async function Bn(t, e) {
+async function $n(t, e) {
   const r = await fetch(`${t}/passkey/authentication/options`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2338,7 +2338,7 @@ async function Bn(t, e) {
   }
   return r.json();
 }
-async function $n(t, e) {
+async function Vn(t, e) {
   const r = await fetch(`${t}/passkey/authentication/verify`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2369,9 +2369,9 @@ function pe(t) {
   return s;
 }
 function $e() {
-  return Vn.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
+  return Kn.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
 }
-const Vn = {
+const Kn = {
   stubThis: (t) => t
 };
 function wt(t) {
@@ -2403,7 +2403,7 @@ class j extends Error {
     }), this.name = o ?? n.name, this.code = r;
   }
 }
-function Kn({ error: t, options: e }) {
+function Yn({ error: t, options: e }) {
   const { publicKey: r } = e;
   if (!r)
     throw Error("options was missing required publicKey property");
@@ -2489,7 +2489,7 @@ function Kn({ error: t, options: e }) {
   }
   return t;
 }
-class Yn {
+class Wn {
   constructor() {
     Object.defineProperty(this, "controller", {
       enumerable: !0,
@@ -2513,12 +2513,12 @@ class Yn {
     }
   }
 }
-const Rt = new Yn(), Wn = ["cross-platform", "platform"];
+const Rt = new Wn(), zn = ["cross-platform", "platform"];
 function Et(t) {
-  if (t && !(Wn.indexOf(t) < 0))
+  if (t && !(zn.indexOf(t) < 0))
     return t;
 }
-async function zn(t) {
+async function qn(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 (!$e())
@@ -2537,7 +2537,7 @@ async function zn(t) {
   try {
     s = await navigator.credentials.create(o);
   } catch (y) {
-    throw Kn({ error: y, options: o });
+    throw Yn({ error: y, options: o });
   }
   if (!s)
     throw new Error("Registration was not completed");
@@ -2586,7 +2586,7 @@ function ke(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 qn() {
+function Gn() {
   if (!$e())
     return Ce.stubThis(new Promise((e) => e(!1)));
   const t = globalThis.PublicKeyCredential;
@@ -2595,7 +2595,7 @@ function qn() {
 const Ce = {
   stubThis: (t) => t
 };
-function Gn({ error: t, options: e }) {
+function Hn({ error: t, options: e }) {
   const { publicKey: r } = e;
   if (!r)
     throw Error("options was missing required publicKey property");
@@ -2636,7 +2636,7 @@ function Gn({ error: t, options: e }) {
   }
   return t;
 }
-async function Hn(t) {
+async function Jn(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 (!$e())
@@ -2649,7 +2649,7 @@ async function Hn(t) {
     allowCredentials: o
   }, i = {};
   if (r) {
-    if (!await qn())
+    if (!await Gn())
       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');
@@ -2660,7 +2660,7 @@ async function Hn(t) {
   try {
     a = await navigator.credentials.get(i);
   } catch (g) {
-    throw Gn({ error: g, options: i });
+    throw Hn({ error: g, options: i });
   }
   if (!a)
     throw new Error("Authentication was not completed");
@@ -2681,7 +2681,7 @@ async function Hn(t) {
   };
 }
 const Ve = lt(null);
-function po({ children: t, config: e }) {
+function go({ children: t, config: e }) {
   const [r, n] = W({
     isAuthenticated: !1,
     isLoading: !0,
@@ -2690,7 +2690,7 @@ function po({ children: t, config: e }) {
   });
   M(() => {
     (() => {
-      const d = Un();
+      const d = xn();
       if (d) {
         ut(), n({
           isAuthenticated: !1,
@@ -2700,7 +2700,7 @@ function po({ children: t, config: e }) {
         });
         return;
       }
-      const h = Mn();
+      const h = Un();
       if (h) {
         const g = {
           token: h.token,
@@ -2765,7 +2765,7 @@ function po({ children: t, config: e }) {
       if (f === "passkey") {
         n((u) => ({ ...u, isLoading: !0, error: null }));
         try {
-          const u = await Bn(d), g = await Hn({ optionsJSON: u }), y = await $n(d, g);
+          const u = await $n(d), g = await Jn({ optionsJSON: u }), y = await Vn(d, g);
           n({
             isAuthenticated: !0,
             isLoading: !1,
@@ -2781,7 +2781,7 @@ function po({ children: t, config: e }) {
         }
         return;
       }
-      const h = xn(f, e.spaceId, d);
+      const h = Dn(f, e.spaceId, d);
       window.location.href = h;
     },
     [e.authUrl, e.spaceId]
@@ -2797,7 +2797,7 @@ function po({ children: t, config: e }) {
       const d = e.authUrl ?? Oe();
       n((h) => ({ ...h, isLoading: !0, error: null }));
       try {
-        const h = await Dn(d), u = await zn({ optionsJSON: h }), g = await Fn(d, u, f);
+        const h = await Fn(d), u = await qn({ optionsJSON: h }), g = await Bn(d, u, f);
         n({
           isAuthenticated: !0,
           isLoading: !1,
@@ -2825,17 +2825,17 @@ function po({ children: t, config: e }) {
   );
   return /* @__PURE__ */ R.jsx(Ve, { value: c, children: t });
 }
-function Jn() {
+function Xn() {
   const t = xe(Ve);
   if (!t)
     throw new Error("useAuth must be used within an AuthProvider");
   return t;
 }
-function go() {
+function yo() {
   return xe(Ve);
 }
-function yo(t) {
-  const { config: e, guestUrlParam: r } = t, { state: n, login: o } = Jn(), s = A(!1);
+function So(t) {
+  const { config: e, guestUrlParam: r } = t, { state: n, login: o } = Xn(), s = A(!1);
   return M(() => {
     if (!r || n.isAuthenticated || n.isLoading || s.current || !e.methods.includes("guest"))
       return;
@@ -2852,7 +2852,7 @@ function yo(t) {
     error: n.error
   };
 }
-function So({
+function bo({
   connectionState: t,
   error: e,
   isReady: r,
@@ -2892,72 +2892,80 @@ function So({
   }
 }
 const Ie = ge("useIkonApp");
-function Xn() {
+function Zn() {
   if (typeof window < "u" && window.__IKON_AUTH_CONFIG__)
     return window.__IKON_AUTH_CONFIG__;
 }
-function Zn() {
+function Qn() {
   if (typeof window < "u" && window.__IKON_LOCAL_IKON_SERVER_CONFIG__)
     return window.__IKON_LOCAL_IKON_SERVER_CONFIG__;
 }
-function bo(t) {
-  const { authConfig: e, modules: r, timeouts: n, backgroundAudio: o, webRtc: s } = t, i = e === void 0 ? Xn() ?? null : e, a = Zn(), c = A(null), f = A(null), d = A(null), h = A(!1), u = A(o), g = A(n), y = A(s);
+function wo(t) {
+  const { authConfig: e, modules: r, timeouts: n, backgroundAudio: o, webRtc: s } = t, i = e === void 0 ? Zn() ?? null : e, a = Qn(), c = A(null), f = A(null), d = A(null), h = A(!1), u = A(o), g = A(n), y = A(s);
   u.current = o, g.current = n, y.current = s;
-  const [S, m] = W("idle"), [p, w] = W(null), [T, _] = W(null), [D, G] = W(null), [X, C] = W(null), [P, U] = W(null), [O, F] = W(null), [Y, Z] = W(!1), B = K(() => {
+  const [S, m] = W("idle"), [p, w] = W(null), [T, _] = W(null), [D, G] = W(null), [Z, C] = W(null), [P, U] = W(null), [O, F] = W(null), [Y, Q] = W(!1), B = K(() => {
     try {
       const E = Nt();
       return (E.sessionId || E.channelKey) && Pt(), E;
     } catch {
       return { parameters: {} };
     }
-  }, []), Q = K(() => i?.enabled ? yt() : null, [i?.enabled]), J = a?.enabled ?? !1, ee = a?.host ?? "localhost", te = a?.port ?? 8443;
+  }, []), H = K(() => i?.enabled ? yt() : null, [i?.enabled]), X = a?.enabled ?? !1, ee = a?.host ?? "localhost", te = a?.port ?? 8443;
   M(() => {
-    !J && Ke() && i && !i.enabled && i.spaceId && !O && !Y && (Z(!0), bt(i.spaceId, i.authUrl ?? Oe()).then((I) => {
+    !X && Ke() && i && !i.enabled && i.spaceId && !O && !Y && (Q(!0), bt(i.spaceId, i.authUrl ?? Oe()).then((I) => {
       F(I.token);
     }).catch((I) => {
       Ie.error("Anonymous auth failed:", I), w(I instanceof Error ? I.message : "Anonymous auth failed");
     }).finally(() => {
-      Z(!1);
+      Q(!1);
     }));
-  }, [J, i, O, Y]);
-  const l = K(() => J ? {
-    local: {
-      host: ee,
-      httpsPort: te,
-      spaceId: i?.spaceId,
-      parameters: B.parameters
-    }
-  } : Q?.token && i?.spaceId ? {
-    sessionToken: {
-      token: Q.token,
-      spaceId: i.spaceId,
-      backendType: Ye(),
-      sessionId: B.sessionId,
-      channelKey: B.channelKey,
-      parameters: B.parameters
-    }
-  } : O && i?.spaceId ? {
-    sessionToken: {
-      token: O,
-      spaceId: i.spaceId,
-      backendType: Ye(),
-      sessionId: B.sessionId,
-      channelKey: B.channelKey,
-      parameters: B.parameters
-    }
-  } : Ke() ? null : {
-    local: {
-      host: ee,
-      httpsPort: te,
-      spaceId: i?.spaceId,
-      parameters: B.parameters
+  }, [X, i, O, Y]);
+  const l = K(() => {
+    if (X) {
+      const E = H?.token ? jt(H.token) ?? void 0 : void 0;
+      return {
+        local: {
+          host: ee,
+          httpsPort: te,
+          userId: E,
+          token: H?.token ?? void 0,
+          spaceId: i?.spaceId,
+          parameters: B.parameters
+        }
+      };
     }
-  }, [J, ee, te, Q?.token, i?.spaceId, O, B.sessionId, B.channelKey, B.parameters]);
-  Yr(T);
-  const b = zr(T);
+    return H?.token && i?.spaceId ? {
+      sessionToken: {
+        token: H.token,
+        spaceId: i.spaceId,
+        backendType: Ye(),
+        sessionId: B.sessionId,
+        channelKey: B.channelKey,
+        parameters: B.parameters
+      }
+    } : O && i?.spaceId ? {
+      sessionToken: {
+        token: O,
+        spaceId: i.spaceId,
+        backendType: Ye(),
+        sessionId: B.sessionId,
+        channelKey: B.channelKey,
+        parameters: B.parameters
+      }
+    } : Ke() ? null : {
+      local: {
+        host: ee,
+        httpsPort: te,
+        spaceId: i?.spaceId,
+        parameters: B.parameters
+      }
+    };
+  }, [X, ee, te, H?.token, i?.spaceId, O, B.sessionId, B.channelKey, B.parameters]);
+  Wr(T);
+  const b = qr(T);
   M(() => {
     if (!h.current) {
-      if (h.current = !0, d.current = Ur(), r)
+      if (h.current = !0, d.current = xr(), r)
         for (const E of r)
           E(d.current);
       d.current.loadRegisteredModules().catch((E) => {
@@ -2966,7 +2974,7 @@ function bo(t) {
     }
   }, []), M(() => {
     if (!l) return;
-    const E = new jt({
+    const E = new Lt({
       ...l,
       timeouts: g.current,
       audio: u.current ? { background: { allowOnDesktop: !0, allowOnMobile: !0 } } : void 0,
@@ -2980,7 +2988,7 @@ function bo(t) {
       }
     });
     c.current = E;
-    const I = new Xt({ client: E });
+    const I = new Zt({ client: E });
     return f.current = I, _(I), E.connect().catch((V) => {
       Ie.error("Connection failed:", V);
     }), () => {
@@ -3003,11 +3011,11 @@ function bo(t) {
     onAction: k,
     isReady: N,
     webRtcAudioStream: D,
-    webRtcVideoStream: X,
+    webRtcVideoStream: Z,
     webRtcScreenStream: P
   };
 }
-function wo(t) {
+function vo(t) {
   const e = A(!1);
   return x(() => {
     if (e.current) return;
@@ -3016,18 +3024,18 @@ function wo(t) {
     r.rel = "stylesheet", r.href = t, document.head.appendChild(r);
   }, [t]);
 }
-let Qn = 0;
-function vo(t = 5, e = 5e3) {
+let eo = 0;
+function Ro(t = 5, e = 5e3) {
   const [r, n] = W([]), o = A(/* @__PURE__ */ new Map()), s = x((i) => {
     const a = o.current.get(i);
     a && (clearTimeout(a), o.current.delete(i)), n((c) => c.filter((f) => f.id !== i));
   }, []);
   return M(() => {
-    const i = o.current, a = Lt(
+    const i = o.current, a = Mt(
       (c) => {
-        if (!Mt())
+        if (!Ut())
           return;
-        const f = `toast-${++Qn}`, d = c.level === We.ERROR ? "error" : "warn", h = {
+        const f = `toast-${++eo}`, d = c.level === We.ERROR ? "error" : "warn", h = {
           id: f,
           level: d,
           message: c.message,
@@ -3050,30 +3058,30 @@ function vo(t = 5, e = 5e3) {
   }, [t, e, s]), { toasts: r, dismissToast: s };
 }
 const At = lt(null);
-function eo(t, e) {
+function to(t, e) {
   return e ? t.replace(/\{(\w+)\}/g, (r, n) => e[n] ?? `{${n}}`) : t;
 }
-function to(t, e) {
+function ro(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 ro(t, e, r) {
-  return e ? to(t, r) : r && t.includes(r) ? r : "en";
+function no(t, e, r) {
+  return e ? ro(t, r) : r && t.includes(r) ? r : "en";
 }
-function Ro({
+function Eo({
   children: t,
   translations: e,
   defaultLanguage: r,
   detectLanguage: n = !1
 }) {
-  const o = Object.keys(e), s = ro(o, n, r), i = e[s] ?? e.en, a = K(
+  const o = Object.keys(e), s = no(o, n, r), i = e[s] ?? e.en, a = K(
     () => ({
       t: (c, f) => {
         const d = i[c];
-        return eo(d, f);
+        return to(d, f);
       },
       locale: s,
       translations: i
@@ -3082,67 +3090,67 @@ function Ro({
   );
   return /* @__PURE__ */ R.jsx(At, { value: a, children: t });
 }
-function Eo() {
+function Ao() {
   const t = xe(At);
   if (!t)
     throw new Error("useI18n must be used within an I18nProvider");
   return t;
 }
 export {
-  po as AuthProvider,
-  So as ConnectionStateRenderer,
-  Ro as I18nProvider,
-  sr as IKON_UI_BASE_MODULE,
-  yr as IKON_UI_MEDIA_MODULE,
-  Pr as IKON_UI_SHADERTOY_MODULE,
-  _r as IKON_UI_SHADERTOY_TYPE,
+  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_SHADERTOY_MODULE,
+  Nr as IKON_UI_SHADERTOY_TYPE,
   Ne as IKON_UI_STREAM_CATEGORY,
-  fr as IKON_UI_VIDEO_CANVAS_TYPE,
-  hr as IKON_UI_VIDEO_URL_PLAYER_TYPE,
-  Xt as IkonUi,
-  Mr as IkonUiRegistry,
-  co as IkonUiSurface,
-  Ht as UiComponentRegistry,
-  Gt as UiRenderer,
-  ko as UiStreamStore,
-  uo as areIkonUiModuleListsEqual,
+  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,
   bt as authenticateAnonymous,
-  xn as buildOAuthRedirectUrl,
+  Dn as buildOAuthRedirectUrl,
   St as clearAuthSession,
   ut as clearOAuthParams,
-  or as createBaseResolvers,
-  io as createComponentLibrary,
-  Ur as createIkonUiRegistry,
-  pr as createMediaResolvers,
-  Nr as createShadertoyRendererResolver,
-  Jt as isIkonUiCategoryMatch,
+  sr as createBaseResolvers,
+  ao as createComponentLibrary,
+  xr as createIkonUiRegistry,
+  gr as createMediaResolvers,
+  Pr as createShadertoyRendererResolver,
+  Xt as isIkonUiCategoryMatch,
   yt as loadAuthSession,
-  ir as loadBaseModule,
-  Sr as loadMediaModule,
-  jr as loadShadertoyModule,
-  ln as normalizeIkonUiModuleList,
-  fo as parseIkonUiInitPayload,
-  Mn as parseOAuthCallback,
-  Un as parseOAuthError,
-  dn as readIkonUiModules,
-  lo as readIkonUiModulesFromSources,
-  ar as registerBaseModule,
-  br as registerMediaModule,
-  Lr as registerShadertoyModule,
-  zt as renderChildren,
-  ho as renderMotionLetters,
+  ar as loadBaseModule,
+  br as loadMediaModule,
+  Lr as loadShadertoyModule,
+  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 registerShadertoyModule,
+  qt as renderChildren,
+  mo as renderMotionLetters,
   Se as saveAuthSession,
-  mo as sendMagicLink,
+  po as sendMagicLink,
   ue as sessionToUser,
-  Jn as useAuth,
-  yo as useAuthGuard,
-  go as useAuthOptional,
-  Eo as useI18n,
-  bo as useIkonApp,
-  Yr as useIkonStyles,
-  zr as useIkonUiStores,
-  wo as useLazyFont,
-  vo as useToasts,
-  H as useUiNode,
-  ao as useUiStore
+  Xn as useAuth,
+  So as useAuthGuard,
+  yo as useAuthOptional,
+  Ao as useI18n,
+  wo as useIkonApp,
+  Wr as useIkonStyles,
+  qr as useIkonUiStores,
+  vo as useLazyFont,
+  Ro as useToasts,
+  J as useUiNode,
+  co as useUiStore
 };