@ikonai/sdk-react-ui 1.0.19 → 1.0.21

package/index.js

@@ -1,7 +1,7 @@
-import { IkonUiCore as Ct, UiStreamStore as It } from "@ikonai/sdk-ui";
+import { IkonUiCore as kt, UiStreamStore as Ct } from "@ikonai/sdk-ui";
 import { UiStreamStore as Co } from "@ikonai/sdk-ui";
-import Ot, { useSyncExternalStore as xe, useMemo as K, memo as z, useRef as A, useCallback as x, Fragment as _t, useEffect as M, useState as Y, createContext as dt, use as De } from "react";
-import { createLogger as ye, getOrCreateDeviceId as he, deriveAuthUrl as _e, parseUrlParams as Nt, clearSessionParamsFromUrl as Pt, isCloudEnvironment as We, extractUserIdFromToken as jt, deriveBackendType as Ye, IkonClient as Lt, subscribeToLogEvents as Mt, isDebugModeEnabled as Ut, LogLevel as ze } from "@ikonai/sdk";
+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, 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
@@ -12,10 +12,10 @@ var de = { exports: {} }, oe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var qe;
+var ze;
 function xt() {
-  if (qe) return oe;
-  qe = 1;
+  if (ze) return oe;
+  ze = 1;
   var t = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
   function r(n, o, s) {
     var i = null;
@@ -44,9 +44,9 @@ var se = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ge;
+var qe;
 function Dt() {
-  return Ge || (Ge = 1, process.env.NODE_ENV !== "production" && function() {
+  return qe || (qe = 1, process.env.NODE_ENV !== "production" && function() {
     function t(l) {
       if (l == null) return null;
       if (typeof l == "function")
@@ -149,11 +149,11 @@ function Dt() {
     }
     function c() {
       var l = t(this.type);
-      return J[l] || (J[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;
     }
-    function f(l, b, k, N, E, I, V, we) {
+    function f(l, b, k, N, E, I, V, be) {
       return k = I.ref, l = {
         $$typeof: g,
         type: l,
@@ -182,14 +182,14 @@ function Dt() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: we
+        value: be
       }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
     }
-    function d(l, b, k, N, E, I, V, we) {
+    function d(l, b, k, N, E, I, V, be) {
       var L = b.children;
       if (L !== void 0)
         if (N)
-          if (W(L)) {
+          if (Y(L)) {
             for (N = 0; N < L.length; N++)
               h(L[N]);
             Object.freeze && Object.freeze(L);
@@ -200,8 +200,8 @@ function Dt() {
         else h(L);
       if (F.call(b, "key")) {
         L = t(l);
-        var re = Object.keys(b).filter(function(kt) {
-          return kt !== "key";
+        var re = Object.keys(b).filter(function(Tt) {
+          return Tt !== "key";
         });
         N = 0 < re.length ? "{key: someKey, " + re.join(": ..., ") + ": ...}" : "{key: someKey}", te[L + N] || (re = 0 < re.length ? "{" + re.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
@@ -218,8 +218,8 @@ React keys must be passed directly to JSX without using spread:
       }
       if (L = null, k !== void 0 && (r(k), L = "" + k), i(b) && (r(b.key), L = "" + b.key), "key" in b) {
         k = {};
-        for (var ve in b)
-          ve !== "key" && (k[ve] = b[ve]);
+        for (var we in b)
+          we !== "key" && (k[we] = b[we]);
       } else k = b;
       return L && a(
         k,
@@ -232,13 +232,13 @@ React keys must be passed directly to JSX without using spread:
         o(),
         k,
         V,
-        we
+        be
       );
     }
     function h(l) {
       typeof l == "object" && l !== null && l.$$typeof === g && l._store && (l._store.validated = 1);
     }
-    var u = Ot, g = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), m = Symbol.for("react.strict_mode"), p = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), T = Symbol.for("react.context"), _ = Symbol.for("react.forward_ref"), D = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), Z = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), P = Symbol.for("react.activity"), U = Symbol.for("react.client.reference"), O = u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, W = Array.isArray, Q = console.createTask ? console.createTask : function() {
+    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,7 +246,7 @@ React keys must be passed directly to JSX without using spread:
         return l();
       }
     };
-    var B, J = {}, X = u["react-stack-bottom-frame"].bind(
+    var B, H = {}, X = u["react-stack-bottom-frame"].bind(
       u,
       s
     )(), ee = Q(n(s)), te = {};
@@ -277,13 +277,13 @@ React keys must be passed directly to JSX without using spread:
     };
   }()), se;
 }
-var He;
+var Ge;
 function Ft() {
-  return He || (He = 1, process.env.NODE_ENV === "production" ? de.exports = xt() : de.exports = Dt()), de.exports;
+  return Ge || (Ge = 1, process.env.NODE_ENV === "production" ? de.exports = xt() : de.exports = Dt()), de.exports;
 }
 var R = Ft();
 function Bt(t, e) {
-  const r = xe(
+  const r = Ue(
     (n) => t.subscribe(n),
     () => {
       const n = t.getSnapshot(), o = e ?? n.rootViewId, s = o ? n.views.get(o) : void 0;
@@ -302,15 +302,15 @@ function Bt(t, e) {
     };
   }, [r]);
 }
-function H(t, e) {
-  const r = xe(
+function J(t, e) {
+  const r = Ue(
     (n) => t.subscribeNode(e, n),
     () => t.getNodeVersion(e),
     () => t.getNodeVersion(e)
   );
   return K(() => t.getNode(e), [t, e, r]);
 }
-const $t = ye("UIRenderer");
+const $t = ge("UIRenderer");
 function Vt(t) {
   if (t === void 0)
     return "{}";
@@ -326,11 +326,11 @@ function Kt(t) {
   const e = t.styleIds;
   return Array.isArray(e) ? e : [];
 }
-function Wt(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 zt(t) {
@@ -341,8 +341,8 @@ function zt(t) {
     e += "," + t[r].id;
   return e;
 }
-const Ne = z(function t({ nodeId: e, context: r }) {
-  const n = H(r.store, e), o = n ? Wt(n) : [], s = zt(o), i = K(
+const _e = z(function t({ nodeId: e, context: r }) {
+  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]
@@ -350,15 +350,15 @@ const Ne = z(function t({ nodeId: e, context: r }) {
   if (!n)
     return null;
   if (n.type === "root")
-    return /* @__PURE__ */ R.jsx(_t, { children: i }, n.id);
+    return /* @__PURE__ */ R.jsx(Ot, { children: i }, n.id);
   const a = r.library.resolve(n);
   if (!a)
     return $t.warn(`No renderer for node type ${n.type}`), null;
   const c = Kt(n), f = c.length > 0 ? c.join(" ") : void 0, d = a;
   return /* @__PURE__ */ R.jsx(d, { nodeId: e, context: r, className: f });
-}, Yt);
+}, Wt);
 function qt(t, e) {
-  return !Array.isArray(t) || t.length === 0 ? null : t.map((r) => /* @__PURE__ */ R.jsx(Ne, { nodeId: r.id, context: e }, r.id));
+  return !Array.isArray(t) || t.length === 0 ? null : t.map((r) => /* @__PURE__ */ R.jsx(_e, { nodeId: r.id, context: e }, r.id));
 }
 function Gt(t, e) {
   return t.store === e.store && t.library === e.library && t.viewId === e.viewId && t.emptyFallback === e.emptyFallback;
@@ -385,7 +385,7 @@ const Ht = z(function({ store: e, library: r, viewId: n, emptyFallback: o = null
       renderChildren: (m) => qt(m, S),
       renderView: (m) => {
         const p = e.getSnapshot().views.get(m);
-        return p ? /* @__PURE__ */ R.jsx(Ne, { nodeId: p.id, context: S }) : null;
+        return p ? /* @__PURE__ */ R.jsx(_e, { nodeId: p.id, context: S }) : null;
       },
       dispatchAction: g,
       // Access client/video via refs to avoid context recreation
@@ -398,7 +398,7 @@ const Ht = 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(Ne, { nodeId: f, context: y }) });
+  return !c || !f ? o : /* @__PURE__ */ R.jsx("div", { "data-ikon-view-id": c, style: { display: "contents" }, children: /* @__PURE__ */ R.jsx(_e, { nodeId: f, context: y }) });
 }, Gt);
 class Jt {
   constructor(e, r) {
@@ -422,17 +422,17 @@ function ao(t, e) {
   return new Jt(r, e);
 }
 function co(t) {
-  return xe(
+  return Ue(
     (e) => t.subscribe(e),
     () => t.getSnapshot(),
     () => t.getSnapshot()
   );
 }
-const Pe = "ikon-ui";
+const Ne = "ikon-ui";
 function Xt(t, e) {
   return t === e;
 }
-const uo = z(function({ stores: e, registry: r, category: n = Pe, 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);
@@ -459,7 +459,7 @@ class Zt {
   unsubscribeClears;
   unsubscribeStoreChanges;
   constructor(e) {
-    this.core = e?.core ?? new Ct({ client: e?.client }), this.ownsCore = !e?.core, this.unsubscribeClears = this.core.subscribeToUiStreamCleared(this.handleUiStreamCleared), this.unsubscribeStoreChanges = this.core.uiStore.subscribe(this.syncStreamSnapshot), this.syncAllStreams();
+    this.core = e?.core ?? new kt({ client: e?.client }), this.ownsCore = !e?.core, this.unsubscribeClears = this.core.subscribeToUiStreamCleared(this.handleUiStreamCleared), this.unsubscribeStoreChanges = this.core.uiStore.subscribe(this.syncStreamSnapshot), this.syncAllStreams();
   }
   dispose() {
     this.unsubscribeClears(), this.unsubscribeStoreChanges(), this.ownsCore && this.core.dispose(), this.listeners.clear(), this.stores.clear();
@@ -509,8 +509,8 @@ class Zt {
     if (r)
       return r;
     const n = {
-      category: Pe,
-      store: new It()
+      category: Ne,
+      store: new Ct()
     };
     return this.stores.set(e, n), n;
   }
@@ -518,7 +518,7 @@ class Zt {
     const n = this.stores.get(e);
     if (!n)
       return !1;
-    const o = r ?? this.core.uiStore.getSnapshot(e)?.category ?? Pe;
+    const o = r ?? this.core.uiStore.getSnapshot(e)?.category ?? Ne;
     return n.category === o ? !1 : (this.stores.set(e, { ...n, category: o }), !0);
   }
   notify(e) {
@@ -542,7 +542,7 @@ function le(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function Fe(...t) {
+function De(...t) {
   let e = "";
   for (const r of t)
     if (r) {
@@ -551,21 +551,21 @@ function Fe(...t) {
     }
   return e || void 0;
 }
-const Je = /* @__PURE__ */ new WeakMap(), er = {};
-function Be(t) {
+const He = /* @__PURE__ */ new WeakMap(), er = {};
+function Fe(t) {
   if (!t)
     return er;
-  const e = Je.get(t);
+  const e = He.get(t);
   if (e)
     return e;
   const r = {};
   for (const [n, o] of Object.entries(t))
     o != null && (typeof o == "string" || typeof o == "number" || typeof o == "boolean") && (r[n] = o);
-  return Je.set(t, r), r;
+  return He.set(t, r), r;
 }
 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;
@@ -621,14 +621,14 @@ function tr() {
 }
 function rr() {
   const t = z(function({ nodeId: r, context: n, className: o }) {
-    const s = H(n.store, r), i = Qt(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)
       return null;
-    const c = Be(s.props);
+    const c = Fe(s.props);
     delete c.onInvokeId;
-    const f = Fe(le(s.props?.className), o), d = s.children?.length ? n.renderChildren(s.children) : void 0;
+    const f = De(le(s.props?.className), o), d = s.children?.length ? n.renderChildren(s.children) : void 0;
     return /* @__PURE__ */ R.jsx(
       "div",
       {
@@ -648,10 +648,10 @@ 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 = Be(s.props), a = Fe("relative", le(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
+    const i = Fe(s.props), a = De("relative", le(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
     return /* @__PURE__ */ R.jsx("div", { ...i, "data-ikon-node-id": s.id, className: a, children: c });
   });
   return ({ type: e }) => {
@@ -661,10 +661,10 @@ 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 = Be(s.props), a = Fe("absolute", le(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
+    const i = Fe(s.props), a = De("absolute", le(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
     return /* @__PURE__ */ R.jsx("div", { ...i, "data-ikon-node-id": s.id, className: a, children: c });
   });
   return ({ type: e }) => {
@@ -700,7 +700,7 @@ function lr(...t) {
     r && r.trim() && e.push(r.trim());
   return e.length > 0 ? e.join(" ") : void 0;
 }
-function Xe(t) {
+function Je(t) {
   if (typeof t != "string")
     return;
   const e = t.trim();
@@ -722,10 +722,10 @@ function fr() {
     context: n,
     className: o
   }) {
-    const s = H(n.store, r);
+    const s = J(n.store, r);
     if (!s)
       return null;
-    const i = lr(ur(s.props?.className), o), a = Xe(s.props?.src), c = Xe(s.props?.preload), f = 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",
       {
@@ -745,7 +745,7 @@ function fr() {
       return t;
   };
 }
-function ft(t) {
+function dt(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -755,13 +755,13 @@ function ft(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function ht(...t) {
+function ft(...t) {
   const e = [];
   for (const r of t)
     r && r.trim() && e.push(r.trim());
   return e.length > 0 ? e.join(" ") : void 0;
 }
-function me(t) {
+function he(t) {
   if (typeof t == "number" && Number.isFinite(t))
     return Math.floor(t);
   if (typeof t == "string" && t.trim().length > 0) {
@@ -770,7 +770,7 @@ function me(t) {
       return Math.floor(e);
   }
 }
-function je(t) {
+function Pe(t) {
   if (typeof t != "string")
     return;
   const e = t.trim();
@@ -779,7 +779,7 @@ function je(t) {
 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 ? je(s.props?.streamId) : void 0, g = s ? me(s.props?.width) : void 0, y = s ? me(s.props?.height) : void 0, S = s ? ht(ft(s.props?.className), o) : o, m = u?.includes("screen") ? h : d;
+    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))
@@ -842,10 +842,10 @@ function yr() {
     context: n,
     className: o
   }) {
-    const s = H(n.store, r);
+    const s = J(n.store, r);
     if (!s)
       return null;
-    const i = ht(ft(s.props?.className), o), a = je(s.props?.src), c = je(s.props?.poster), f = ie(s.props?.controls), d = ie(s.props?.autoplay), h = ie(s.props?.loop), u = ie(s.props?.muted), g = ie(s.props?.playsInline), y = me(s.props?.width), S = me(s.props?.height), m = s.children?.length ? n.renderChildren(s.children) : void 0;
+    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;
     return /* @__PURE__ */ R.jsx(
       "video",
       {
@@ -1084,7 +1084,7 @@ function kr(...t) {
     r && r.trim() && e.push(r.trim());
   return e.length > 0 ? e.join(" ") : void 0;
 }
-function Re(t) {
+function ve(t) {
   if (typeof t == "number" && Number.isFinite(t))
     return Math.floor(t);
   if (typeof t == "string" && t.trim().length > 0) {
@@ -1141,16 +1141,16 @@ function _r(t, e) {
   }
   return !0;
 }
-const Nr = "std.shader-canvas";
+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 ? Cr(s.props?.shaderSource) : "", y = s ? Re(s.props?.fps) ?? 60 : 60, S = s?.props?.uniforms, m = K(() => Or(S), [S]), p = s ? Ir(s.props?.enableMouse) ?? !0 : !0, w = s ? Re(s.props?.width) : void 0, T = s ? Re(s.props?.height) : void 0, _ = s ? kr(Tr(s.props?.className), o) : o;
+    }), 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) {
@@ -1158,7 +1158,7 @@ function Pr() {
           const P = new Ar(C);
           a.current = P;
         } catch (P) {
-          console.error("[ShaderRenderer] Failed to create WebGL2 context:", P);
+          console.error("[ShadertoyRenderer] Failed to create WebGL2 context:", P);
         }
         return () => {
           a.current && (a.current.destroy(), a.current = null);
@@ -1171,7 +1171,7 @@ function Pr() {
           d.current = g, h.current = m;
         else {
           const U = C.getError();
-          console.error("[ShaderRenderer] Shader compilation failed:", U);
+          console.error("[ShadertoyRenderer] Shader compilation failed:", U);
         }
     }, [g, m]), M(() => {
       const C = a.current;
@@ -1192,8 +1192,8 @@ function Pr() {
         if (!p) return;
         const P = i.current, U = a.current;
         if (!P || !U) return;
-        const O = P.getBoundingClientRect(), F = C.clientX - O.left, W = O.height - (C.clientY - O.top);
-        u.current.x = F, u.current.y = W, U.setMouse(F, W, u.current.clickX, u.current.clickY);
+        const O = P.getBoundingClientRect(), F = C.clientX - O.left, Y = O.height - (C.clientY - O.top);
+        u.current.x = F, u.current.y = Y, U.setMouse(F, Y, u.current.clickX, u.current.clickY);
       },
       [p]
     ), G = x(
@@ -1201,8 +1201,8 @@ function Pr() {
         if (!p) return;
         const P = i.current, U = a.current;
         if (!P || !U) return;
-        const O = P.getBoundingClientRect(), F = C.clientX - O.left, W = O.height - (C.clientY - O.top);
-        u.current.isDown = !0, u.current.clickX = F, u.current.clickY = W, U.setMouse(F, W, F, W);
+        const O = P.getBoundingClientRect(), F = C.clientX - O.left, Y = O.height - (C.clientY - O.top);
+        u.current.isDown = !0, u.current.clickX = F, u.current.clickY = Y, U.setMouse(F, Y, F, Y);
       },
       [p]
     ), Z = x(() => {
@@ -1228,11 +1228,11 @@ function Pr() {
       return t;
   };
 }
-const jr = "shader", Lr = async () => Pr();
+const jr = "shadertoy", Lr = async () => Pr();
 function Mr(t) {
   t.registerModule(jr, Lr);
 }
-const Ze = ye("UIRegistry");
+const Xe = ge("UIRegistry");
 class Ur {
   baseResolvers = [];
   moduleLoaders = /* @__PURE__ */ new Map();
@@ -1258,7 +1258,7 @@ class Ur {
           const s = await o(), i = Fr(s);
           this.moduleResolvers.set(n, i), e = !0;
         } catch (s) {
-          Ze.error(`[IkonUiRegistry] Failed to load module '${n}'.`, s);
+          Xe.error(`[IkonUiRegistry] Failed to load module '${n}'.`, s);
         }
     const r = [];
     for (const n of this.moduleLoaders.keys())
@@ -1273,7 +1273,7 @@ class Ur {
     for (const r of this.activeModuleOrder) {
       const n = this.moduleResolvers.get(r);
       if (!n) {
-        Ze.warn(`Missing resolvers for module ${r}`);
+        Xe.warn(`Missing resolvers for module ${r}`);
         continue;
       }
       for (const o of n) {
@@ -1301,7 +1301,7 @@ function Br(t, e) {
       return !1;
   return !0;
 }
-const Ee = ye("MotionController"), Qe = {
+const Re = ge("MotionController"), Ze = {
   ease: [0.25, 0.1, 0.25, 1],
   "ease-in": [0.42, 0, 1, 1],
   "ease-out": [0, 0, 0.58, 1],
@@ -1334,17 +1334,17 @@ const Ee = ye("MotionController"), Qe = {
 function $(t) {
   return t <= 0 ? 0 : t >= 1 ? 1 : t;
 }
-function et(t) {
+function Qe(t) {
   if (t == null) return;
   const e = `${t}`.trim();
   if (!e) return;
   const r = Number.parseFloat(e);
   return Number.isFinite(r) ? r : void 0;
 }
-function tt(t) {
+function et(t) {
   return typeof CSS < "u" && CSS.escape ? CSS.escape(t) : t.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
-function rt(t, e, r, n) {
+function tt(t, e, r, n) {
   const d = new Float32Array(11);
   function h(m, p, w) {
     return ((3 * p - 3 * w + 1) * m + (3 * w - 6 * p)) * m * m + 3 * p * m;
@@ -1395,14 +1395,14 @@ function Vr(t) {
   const e = t.trim().toLowerCase();
   if (!e || e === "linear")
     return (r) => $(r);
-  if (Qe[e]) {
-    const [r, n, o, s] = Qe[e], i = rt(r, n, o, s);
+  if (Ze[e]) {
+    const [r, n, o, s] = Ze[e], i = tt(r, n, o, s);
     return (a) => $(i($(a)));
   }
   if (e.startsWith("cubic-bezier(") && e.endsWith(")")) {
     const n = e.slice(13, -1).split(",").map((o) => Number.parseFloat(o.trim()));
     if (n.length === 4 && n.every((o) => Number.isFinite(o))) {
-      const [o, s, i, a] = n, c = rt(o, s, i, a);
+      const [o, s, i, a] = n, c = tt(o, s, i, a);
       return (f) => $(c($(f)));
     }
   }
@@ -1422,7 +1422,7 @@ function Kr(t) {
   if (![r, n, o, s].some((i) => !Number.isFinite(i)))
     return { inStart: r, inEnd: n, outStart: o, outEnd: s };
 }
-class Wr {
+class Yr {
   bindingsByStyle = /* @__PURE__ */ new Map();
   observer;
   observeScheduled = !1;
@@ -1449,7 +1449,7 @@ class Wr {
       try {
         e();
       } catch (r) {
-        Ee.warn("Failed to cleanup binding listener", r);
+        Re.warn("Failed to cleanup binding listener", r);
       }
     this.globalCleanups.clear(), this.elementStates.clear(), this.styleToElements.clear(), this.bindingsByStyle.clear(), this.pendingScanStyles.clear(), this.scanScheduled = !1, this.observer && (this.observer.disconnect(), this.observer = void 0);
   }
@@ -1459,7 +1459,7 @@ class Wr {
         const n = (JSON.parse(e).motionBindings ?? []).map((o) => this.parseBinding(o)).filter((o) => o !== void 0);
         return n.length === 0 ? void 0 : { bindings: n };
       } catch (r) {
-        Ee.warn("Failed to parse motion metadata", r);
+        Re.warn("Failed to parse motion metadata", r);
         return;
       }
   }
@@ -1467,7 +1467,7 @@ class Wr {
     const r = e.source?.trim();
     if (!r)
       return;
-    const n = et(e.min) ?? 0, o = et(e.max), s = o === void 0 ? n + 100 : o, i = (e.clamp ?? "clamp").trim().toLowerCase(), a = !!e.reverse, c = Vr(e.ease), f = Kr(e.map), d = e.targetId?.trim() || void 0;
+    const n = 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,
@@ -1525,7 +1525,7 @@ class Wr {
     const r = this.bindingsByStyle.get(e);
     if (!r || typeof document > "u")
       return;
-    const n = `.${tt(e)}`;
+    const n = `.${et(e)}`;
     document.querySelectorAll(n).forEach((s) => this.applyStyleToElement(s, e, r));
   }
   applyStyleToElement(e, r, n) {
@@ -1565,7 +1565,7 @@ class Wr {
   }
   resolveScrollContainer(e, r) {
     if (r.targetId) {
-      const n = `[data-ikon-motion-source="${tt(r.targetId)}"]`, o = typeof document < "u" ? document.querySelector(n) : null;
+      const n = `[data-ikon-motion-source="${et(r.targetId)}"]`, o = typeof document < "u" ? document.querySelector(n) : null;
       if (o)
         return o;
     }
@@ -1635,7 +1635,7 @@ class Wr {
       try {
         i();
       } catch (a) {
-        Ee.warn("Failed to cleanup listener", a);
+        Re.warn("Failed to cleanup listener", a);
       }
       this.globalCleanups.delete(i);
     }
@@ -1680,21 +1680,21 @@ class Wr {
     }
   }
 }
-const Ae = new Wr();
-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) {
         let c = e.current.get(s);
         c || (c = document.createElement("style"), c.setAttribute("data-ikon-style-id", s), document.head.appendChild(c), e.current.set(s, c)), c.textContent = i;
       }
-      Ae.registerStyle(s, a);
+      Ee.registerStyle(s, a);
     }
   }, []), n = x((s) => {
     if (!(typeof document > "u"))
       for (const i of s) {
         const a = e.current.get(i);
-        a && (a.remove(), e.current.delete(i)), Ae.unregisterStyle(i);
+        a && (a.remove(), e.current.delete(i)), Ee.unregisterStyle(i);
       }
   }, []), o = x(() => {
     if (typeof document < "u") {
@@ -1702,7 +1702,7 @@ function Yr(t) {
         s.remove();
       e.current.clear();
     }
-    Ae.reset();
+    Ee.reset();
   }, []);
   return M(() => {
     if (!t) return;
@@ -1723,7 +1723,7 @@ function zr(t) {
   return e.sort(), e.join(",");
 }
 function qr(t) {
-  const [e, r] = Y(), n = A("");
+  const [e, r] = W(), n = A("");
   return M(() => {
     if (!t) {
       r(void 0), n.current = "";
@@ -1736,7 +1736,7 @@ function qr(t) {
     return o(), t.subscribe(o);
   }, [t]), e;
 }
-var Gr = typeof global == "object" && global && global.Object === Object && global, Hr = typeof self == "object" && self && self.Object === Object && self, Jr = Gr || Hr || Function("return this")(), pe = Jr.Symbol, mt = Object.prototype, Xr = mt.hasOwnProperty, Zr = mt.toString, ae = pe ? pe.toStringTag : void 0;
+var Gr = typeof global == "object" && global && global.Object === Object && global, Hr = typeof self == "object" && self && self.Object === Object && self, Jr = Gr || Hr || Function("return this")(), 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 {
@@ -1751,9 +1751,9 @@ var en = Object.prototype, tn = en.toString;
 function rn(t) {
   return tn.call(t);
 }
-var nn = "[object Null]", on = "[object Undefined]", nt = pe ? pe.toStringTag : void 0;
+var nn = "[object Null]", on = "[object Undefined]", rt = me ? me.toStringTag : void 0;
 function sn(t) {
-  return t == null ? t === void 0 ? on : nn : nt && nt in Object(t) ? Qr(t) : rn(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";
@@ -1762,8 +1762,8 @@ var cn = Array.isArray, un = "[object String]";
 function ln(t) {
   return typeof t == "string" || !cn(t) && an(t) && sn(t) == un;
 }
-const ot = "ikonUiModules";
-function Le(t) {
+const nt = "ikonUiModules";
+function je(t) {
   return typeof t == "object" && t !== null && !Array.isArray(t);
 }
 function dn(t) {
@@ -1790,8 +1790,8 @@ function lo(t, e) {
   return !0;
 }
 function fn(t) {
-  if (!(!Le(t) || !Object.prototype.hasOwnProperty.call(t, ot)))
-    return dn(t[ot]);
+  if (!(!je(t) || !Object.prototype.hasOwnProperty.call(t, nt)))
+    return dn(t[nt]);
 }
 function fo(...t) {
   for (const e of t) {
@@ -1801,7 +1801,7 @@ function fo(...t) {
   }
 }
 function ho(t) {
-  if (!Le(t))
+  if (!je(t))
     return;
   const e = t, r = Object.keys(e).find((c) => c.toLowerCase() === "modules");
   if (!r)
@@ -1820,7 +1820,7 @@ function ho(t) {
       o.push(S), i.add(S);
       continue;
     }
-    if (!Le(c))
+    if (!je(c))
       continue;
     const f = c, d = Object.keys(f).find((S) => S.toLowerCase() === "name");
     if (!d)
@@ -1898,7 +1898,7 @@ const v = {
       "[data-emoji]"
     ]
   }
-], Me = v.Letter | v.Word | v.Line | v.Paragraph | v.Emoji, mn = v.Letter | v.Word | v.Line | v.Paragraph, st = /* @__PURE__ */ new Map(), pn = 16384;
+], 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;
@@ -1909,10 +1909,10 @@ function mo(t, e) {
 `).replace(/\r/g, `
 `);
   if (o === v.None)
-    return ut(s);
+    return ct(s);
   const i = _n(s);
   if (i.length === 0)
-    return n ? ut(s) : t;
+    return n ? ct(s) : t;
   const a = Nn(i), c = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, f = [];
   for (const d of a) {
     const h = gn(d, r, c);
@@ -1933,7 +1933,7 @@ function gn(t, e, r) {
         "span",
         {
           "data-motion-paragraph": !0,
-          style: Se(o),
+          style: ye(o),
           children: n
         },
         `motion-paragraph-${o}`
@@ -1947,7 +1947,7 @@ function yn(t, e, r) {
   if (ne(e, v.Line)) {
     const s = r.line++;
     o.push(
-      /* @__PURE__ */ R.jsx("span", { "data-motion-line": !0, style: Se(s), children: n }, `motion-line-${s}`)
+      /* @__PURE__ */ R.jsx("span", { "data-motion-line": !0, style: ye(s), children: n }, `motion-line-${s}`)
     );
   } else
     o.push(...n);
@@ -1963,22 +1963,22 @@ function Sn(t, e, r) {
   for (; (a = s.exec(t)) !== null; ) {
     if (a.index > i) {
       const c = t.slice(i, a.index);
-      o.push(it(c, r, e, n));
+      o.push(st(c, r, e, n));
     }
     o.push(a[0]), i = a.index + a[0].length;
   }
   if (i < t.length) {
     const c = t.slice(i);
-    o.push(it(c, r, e, n));
+    o.push(st(c, r, e, n));
   }
   return o;
 }
-function it(t, e, r, n) {
+function st(t, e, r, 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 bn(t, e) {
-  return e ? { ...Se(t), whiteSpace: "nowrap" } : { whiteSpace: "nowrap" };
+  return e ? { ...ye(t), whiteSpace: "nowrap" } : { whiteSpace: "nowrap" };
 }
 function wn(t, e, r) {
   if (!t)
@@ -1987,15 +1987,15 @@ function wn(t, e, r) {
   if (!n) {
     if (!o)
       return [t];
-    const a = Ue(t);
+    const a = Me(t);
     if (a.length === 0)
       return [t];
-    const { nodes: c } = gt(a, r);
+    const { nodes: c } = pt(a, r);
     return c;
   }
-  const s = [], i = Ue(t);
+  const s = [], i = Me(t);
   for (const a of i) {
-    const c = r.letter++, f = `motion-letter-${c}`, d = Se(c);
+    const c = r.letter++, f = `motion-letter-${c}`, d = ye(c);
     if (a === `
 `) {
       s.push(
@@ -2003,14 +2003,14 @@ function wn(t, e, r) {
       );
       continue;
     }
-    const u = o && pt(a) ? { "data-motion-emoji": !0 } : void 0, g = a === " " ? " " : a;
+    const u = o && mt(a) ? { "data-motion-emoji": !0 } : void 0, g = a === " " ? " " : a;
     s.push(
       /* @__PURE__ */ R.jsx("span", { "data-motion-letter": !0, style: d, ...u, children: g }, f)
     );
   }
   return s;
 }
-function Ue(t) {
+function Me(t) {
   if (!t)
     return [];
   const e = vn();
@@ -2030,9 +2030,9 @@ function Rn(t) {
   return n && e.push(n), e;
 }
 function En(t, e) {
-  return e ? !!(at(t) || at(e) || kn(e) || An(e) || Tn(e) || ct(t) && ct(e)) : !1;
+  return e ? !!(it(t) || it(e) || kn(e) || An(e) || Tn(e) || at(t) && at(e)) : !1;
 }
-function at(t) {
+function it(t) {
   return t.codePointAt(0) === 8205;
 }
 function An(t) {
@@ -2043,13 +2043,13 @@ function Tn(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 127995 && e <= 127999;
 }
-function ct(t) {
+function at(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 127462 && e <= 127487;
 }
-let Te;
+let Ae;
 function kn(t) {
-  return t ? (Te || (Te = Cn()), Te(t)) : !1;
+  return t ? (Ae || (Ae = Cn()), Ae(t)) : !1;
 }
 function Cn() {
   try {
@@ -2062,9 +2062,9 @@ function Cn() {
     };
   }
 }
-let ke;
-function pt(t) {
-  return t ? (ke || (ke = In()), ke(t)) : !1;
+let Te;
+function mt(t) {
+  return t ? (Te || (Te = In()), Te(t)) : !1;
 }
 function In() {
   try {
@@ -2110,7 +2110,7 @@ function Nn(t) {
 function ne(t, e) {
   return (t & e) === e;
 }
-function Se(t) {
+function ye(t) {
   return {
     "--tw-motion-seq-index": t.toString(),
     backgroundColor: "inherit",
@@ -2127,23 +2127,23 @@ function Se(t) {
     WebkitTextFillColor: "inherit"
   };
 }
-function ut(t) {
+function ct(t) {
   if (!t)
     return t;
-  const e = Ue(t);
+  const e = Me(t);
   if (e.length === 0)
     return t;
-  const { nodes: r, sawEmoji: n } = gt(e);
+  const { nodes: r, sawEmoji: n } = pt(e);
   return n ? r.length === 1 ? r[0] ?? t : r : t;
 }
-function gt(t, e) {
+function pt(t, e) {
   const r = [];
   let n = "", o = !1, s = e?.emoji ?? 0;
   const i = () => {
     n && (r.push(n), n = "");
   };
   for (const a of t) {
-    if (pt(a)) {
+    if (mt(a)) {
       o = !0, i();
       const f = `motion-emoji-${e ? e.emoji++ : s++}`;
       r.push(
@@ -2161,7 +2161,7 @@ function Pn(t) {
   const e = t.trim();
   if (!e)
     return v.None;
-  const r = st.get(e);
+  const r = ot.get(e);
   if (typeof r == "number")
     return r;
   if (typeof document > "u")
@@ -2180,14 +2180,14 @@ function Pn(t) {
     } catch {
       continue;
     }
-    const d = yt(f, s);
-    if (d.mask && (i |= d.mask, i === Me))
+    const d = gt(f, s);
+    if (d.mask && (i |= d.mask, i === Le))
       break;
     a ||= d.sawStyleRule;
   }
-  return (i !== v.None || a) && st.set(e, i), i;
+  return (i !== v.None || a) && ot.set(e, i), i;
 }
-function yt(t, e) {
+function gt(t, e) {
   if (!t)
     return { mask: v.None, sawStyleRule: !1 };
   let r = v.None, n = !1;
@@ -2200,11 +2200,11 @@ function yt(t, e) {
         n = !0;
         for (const f of hn)
           f.hints.some((d) => a.includes(d)) && (r |= f.flag);
-        if (r === Me)
+        if (r === Le)
           return { mask: r, sawStyleRule: !0 };
       } else if ("cssRules" in s) {
-        const i = yt(s.cssRules, e);
-        if (i.mask && (r |= i.mask, r === Me))
+        const i = gt(s.cssRules, e);
+        if (i.mask && (r |= i.mask, r === Le))
           return { mask: r, sawStyleRule: !0 };
         n ||= i.sawStyleRule;
       }
@@ -2218,27 +2218,27 @@ function jn(t) {
 function Ln(t) {
   return t.replace(/[.*+?^${}()|[\]\\]/g, (e) => `\\${e}`);
 }
-const $e = "ikon_auth_session", Mn = 7 * 24 * 60 * 60 * 1e3;
-function be(t) {
+const Be = "ikon_auth_session", Mn = 7 * 24 * 60 * 60 * 1e3;
+function Se(t) {
   try {
-    localStorage.setItem($e, JSON.stringify(t));
+    localStorage.setItem(Be, JSON.stringify(t));
   } catch {
     console.warn("Failed to save auth session to localStorage");
   }
 }
-function St() {
+function yt() {
   try {
-    const t = localStorage.getItem($e);
+    const t = localStorage.getItem(Be);
     if (!t) return null;
     const e = JSON.parse(t);
-    return Date.now() - e.authenticatedAt > Mn ? (bt(), null) : e;
+    return Date.now() - e.authenticatedAt > Mn ? (St(), null) : e;
   } catch {
     return console.warn("Failed to load auth session from localStorage"), null;
   }
 }
-function bt() {
+function St() {
   try {
-    localStorage.removeItem($e);
+    localStorage.removeItem(Be);
   } catch {
     console.warn("Failed to clear auth session from localStorage");
   }
@@ -2251,8 +2251,8 @@ function ue(t) {
     authenticatedAt: t.authenticatedAt
   };
 }
-async function wt(t, e) {
-  const r = he(), n = await fetch(`${e}/anonymous`, {
+async function bt(t, e) {
+  const r = _t(), n = await fetch(`${e}/anonymous`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify({ deviceId: r, space: t })
@@ -2266,7 +2266,7 @@ async function wt(t, e) {
     provider: "anonymous",
     authenticatedAt: Date.now()
   };
-  return be(s), s;
+  return Se(s), s;
 }
 async function po(t) {
   const { email: e, spaceId: r, authUrl: n, returnUrl: o = window.location.origin + window.location.pathname } = t, s = await fetch(`${n}/email/send`, {
@@ -2291,7 +2291,7 @@ function xn() {
   const e = new URLSearchParams(window.location.search).get("error");
   return e ? decodeURIComponent(e) : null;
 }
-function lt() {
+function ut() {
   window.history.replaceState({}, "", window.location.pathname);
 }
 function Dn(t, e, r, n) {
@@ -2324,7 +2324,7 @@ async function Bn(t, e, r) {
     provider: "passkey",
     authenticatedAt: Date.now()
   };
-  return be(s), s;
+  return Se(s), s;
 }
 async function $n(t, e) {
   const r = await fetch(`${t}/passkey/authentication/options`, {
@@ -2353,7 +2353,7 @@ async function Vn(t, e) {
     provider: "passkey",
     authenticatedAt: Date.now()
   };
-  return be(o), o;
+  return Se(o), o;
 }
 function q(t) {
   const e = new Uint8Array(t);
@@ -2362,23 +2362,23 @@ function q(t) {
     r += String.fromCharCode(o);
   return btoa(r).replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, "");
 }
-function ge(t) {
+function pe(t) {
   const e = t.replace(/-/g, "+").replace(/_/g, "/"), r = (4 - e.length % 4) % 4, n = e.padEnd(e.length + r, "="), o = atob(n), s = new ArrayBuffer(o.length), i = new Uint8Array(s);
   for (let a = 0; a < o.length; a++)
     i[a] = o.charCodeAt(a);
   return s;
 }
-function Ve() {
+function $e() {
   return Kn.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
 }
 const Kn = {
   stubThis: (t) => t
 };
-function vt(t) {
+function wt(t) {
   const { id: e } = t;
   return {
     ...t,
-    id: ge(e),
+    id: pe(e),
     /**
      * `descriptor.transports` is an array of our `AuthenticatorTransportFuture` that includes newer
      * transports that TypeScript's DOM lib is ignorant of. Convince TS that our list of transports
@@ -2387,7 +2387,7 @@ function vt(t) {
     transports: t.transports
   };
 }
-function Rt(t) {
+function vt(t) {
   return (
     // Consider localhost valid as well since it's okay wrt Secure Contexts
     t === "localhost" || /^([a-z0-9]+(-[a-z0-9]+)*\.)+[a-z]{2,}$/i.test(t)
@@ -2403,7 +2403,7 @@ class j extends Error {
     }), this.name = o ?? n.name, this.code = r;
   }
 }
-function Wn({ error: t, options: e }) {
+function Yn({ error: t, options: e }) {
   const { publicKey: r } = e;
   if (!r)
     throw Error("options was missing required publicKey property");
@@ -2461,7 +2461,7 @@ function Wn({ error: t, options: e }) {
       });
     if (t.name === "SecurityError") {
       const n = globalThis.location.hostname;
-      if (Rt(n)) {
+      if (vt(n)) {
         if (r.rp.id !== n)
           return new j({
             message: `The RP ID "${r.rp.id}" is invalid for this domain`,
@@ -2489,7 +2489,7 @@ function Wn({ error: t, options: e }) {
   }
   return t;
 }
-class Yn {
+class Wn {
   constructor() {
     Object.defineProperty(this, "controller", {
       enumerable: !0,
@@ -2513,31 +2513,31 @@ class Yn {
     }
   }
 }
-const Et = new Yn(), zn = ["cross-platform", "platform"];
-function At(t) {
+const Rt = new Wn(), zn = ["cross-platform", "platform"];
+function Et(t) {
   if (t && !(zn.indexOf(t) < 0))
     return 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 (!Ve())
+  if (!$e())
     throw new Error("WebAuthn is not supported in this browser");
   const n = {
     ...e,
-    challenge: ge(e.challenge),
+    challenge: pe(e.challenge),
     user: {
       ...e.user,
-      id: ge(e.user.id)
+      id: pe(e.user.id)
     },
-    excludeCredentials: e.excludeCredentials?.map(vt)
+    excludeCredentials: e.excludeCredentials?.map(wt)
   }, o = {};
-  r && (o.mediation = "conditional"), o.publicKey = n, o.signal = Et.createNewAbortSignal();
+  r && (o.mediation = "conditional"), o.publicKey = n, o.signal = Rt.createNewAbortSignal();
   let s;
   try {
     s = await navigator.credentials.create(o);
   } catch (y) {
-    throw Wn({ error: y, options: o });
+    throw Yn({ error: y, options: o });
   }
   if (!s)
     throw new Error("Registration was not completed");
@@ -2549,7 +2549,7 @@ async function qn(t) {
     try {
       h = c.getPublicKeyAlgorithm();
     } catch (y) {
-      Ce("getPublicKeyAlgorithm()", y);
+      ke("getPublicKeyAlgorithm()", y);
     }
   let u;
   if (typeof c.getPublicKey == "function")
@@ -2557,14 +2557,14 @@ async function qn(t) {
       const y = c.getPublicKey();
       y !== null && (u = q(y));
     } catch (y) {
-      Ce("getPublicKey()", y);
+      ke("getPublicKey()", y);
     }
   let g;
   if (typeof c.getAuthenticatorData == "function")
     try {
       g = q(c.getAuthenticatorData());
     } catch (y) {
-      Ce("getAuthenticatorData()", y);
+      ke("getAuthenticatorData()", y);
     }
   return {
     id: i,
@@ -2579,20 +2579,20 @@ async function qn(t) {
     },
     type: f,
     clientExtensionResults: s.getClientExtensionResults(),
-    authenticatorAttachment: At(s.authenticatorAttachment)
+    authenticatorAttachment: Et(s.authenticatorAttachment)
   };
 }
-function Ce(t, e) {
+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 Gn() {
-  if (!Ve())
-    return Ie.stubThis(new Promise((e) => e(!1)));
+  if (!$e())
+    return Ce.stubThis(new Promise((e) => e(!1)));
   const t = globalThis.PublicKeyCredential;
-  return t?.isConditionalMediationAvailable === void 0 ? Ie.stubThis(new Promise((e) => e(!1))) : Ie.stubThis(t.isConditionalMediationAvailable());
+  return t?.isConditionalMediationAvailable === void 0 ? Ce.stubThis(new Promise((e) => e(!1))) : Ce.stubThis(t.isConditionalMediationAvailable());
 }
-const Ie = {
+const Ce = {
   stubThis: (t) => t
 };
 function Hn({ error: t, options: e }) {
@@ -2615,7 +2615,7 @@ function Hn({ error: t, options: e }) {
       });
     if (t.name === "SecurityError") {
       const n = globalThis.location.hostname;
-      if (Rt(n)) {
+      if (vt(n)) {
         if (r.rpId !== n)
           return new j({
             message: `The RP ID "${r.rpId}" is invalid for this domain`,
@@ -2639,13 +2639,13 @@ function Hn({ error: t, options: e }) {
 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 (!Ve())
+  if (!$e())
     throw new Error("WebAuthn is not supported in this browser");
   let o;
-  e.allowCredentials?.length !== 0 && (o = e.allowCredentials?.map(vt));
+  e.allowCredentials?.length !== 0 && (o = e.allowCredentials?.map(wt));
   const s = {
     ...e,
-    challenge: ge(e.challenge),
+    challenge: pe(e.challenge),
     allowCredentials: o
   }, i = {};
   if (r) {
@@ -2655,7 +2655,7 @@ async function Jn(t) {
       throw Error('No <input> with "webauthn" as the only or last value in its `autocomplete` attribute was detected');
     i.mediation = "conditional", s.allowCredentials = [];
   }
-  i.publicKey = s, i.signal = Et.createNewAbortSignal();
+  i.publicKey = s, i.signal = Rt.createNewAbortSignal();
   let a;
   try {
     a = await navigator.credentials.get(i);
@@ -2677,12 +2677,12 @@ async function Jn(t) {
     },
     type: h,
     clientExtensionResults: a.getClientExtensionResults(),
-    authenticatorAttachment: At(a.authenticatorAttachment)
+    authenticatorAttachment: Et(a.authenticatorAttachment)
   };
 }
-const Ke = dt(null);
+const Ve = lt(null);
 function go({ children: t, config: e }) {
-  const [r, n] = Y({
+  const [r, n] = W({
     isAuthenticated: !1,
     isLoading: !0,
     user: null,
@@ -2692,7 +2692,7 @@ function go({ children: t, config: e }) {
     (() => {
       const d = xn();
       if (d) {
-        lt(), n({
+        ut(), n({
           isAuthenticated: !1,
           isLoading: !1,
           user: null,
@@ -2707,7 +2707,7 @@ function go({ children: t, config: e }) {
           provider: h.provider,
           authenticatedAt: Date.now()
         };
-        be(g), lt(), n({
+        Se(g), ut(), n({
           isAuthenticated: !0,
           isLoading: !1,
           user: ue(g),
@@ -2715,7 +2715,7 @@ function go({ children: t, config: e }) {
         });
         return;
       }
-      const u = St();
+      const u = yt();
       if (u) {
         n({
           isAuthenticated: !0,
@@ -2742,11 +2742,11 @@ function go({ children: t, config: e }) {
         }));
         return;
       }
-      const d = e.authUrl ?? _e();
+      const d = e.authUrl ?? Oe();
       if (f === "guest") {
         n((u) => ({ ...u, isLoading: !0 }));
         try {
-          const u = await wt(e.spaceId, d);
+          const u = await bt(e.spaceId, d);
           n({
             isAuthenticated: !0,
             isLoading: !1,
@@ -2786,7 +2786,7 @@ function go({ children: t, config: e }) {
     },
     [e.authUrl, e.spaceId]
   ), s = x(() => {
-    bt(), n({
+    St(), n({
       isAuthenticated: !1,
       isLoading: !1,
       user: null,
@@ -2794,7 +2794,7 @@ function go({ children: t, config: e }) {
     });
   }, []), i = x(
     async (f) => {
-      const d = e.authUrl ?? _e();
+      const d = e.authUrl ?? Oe();
       n((h) => ({ ...h, isLoading: !0, error: null }));
       try {
         const h = await Fn(d), u = await qn({ optionsJSON: h }), g = await Bn(d, u, f);
@@ -2823,16 +2823,16 @@ function go({ children: t, config: e }) {
     }),
     [r, o, s, a, i]
   );
-  return /* @__PURE__ */ R.jsx(Ke, { value: c, children: t });
+  return /* @__PURE__ */ R.jsx(Ve, { value: c, children: t });
 }
 function Xn() {
-  const t = De(Ke);
+  const t = xe(Ve);
   if (!t)
     throw new Error("useAuth must be used within an AuthProvider");
   return t;
 }
 function yo() {
-  return De(Ke);
+  return xe(Ve);
 }
 function So(t) {
   const { config: e, guestUrlParam: r } = t, { state: n, login: o } = Xn(), s = A(!1);
@@ -2891,7 +2891,7 @@ function bo({
       return null;
   }
 }
-const Oe = ye("useIkonApp");
+const Ie = ge("useIkonApp");
 function Zn() {
   if (typeof window < "u" && window.__IKON_AUTH_CONFIG__)
     return window.__IKON_AUTH_CONFIG__;
@@ -2903,38 +2903,40 @@ function Qn() {
 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] = Y("idle"), [p, w] = Y(null), [T, _] = Y(null), [D, G] = Y(null), [Z, C] = Y(null), [P, U] = Y(null), [O, F] = Y(null), [W, Q] = Y(!1), B = K(() => {
+  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: {} };
     }
-  }, []), J = K(() => i?.enabled ? St() : null, [i?.enabled]), X = 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(() => {
-    !X && We() && i && !i.enabled && i.spaceId && !O && !W && (Q(!0), wt(i.spaceId, i.authUrl ?? _e()).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) => {
-      Oe.error("Anonymous auth failed:", I), w(I instanceof Error ? I.message : "Anonymous auth failed");
+      Ie.error("Anonymous auth failed:", I), w(I instanceof Error ? I.message : "Anonymous auth failed");
     }).finally(() => {
       Q(!1);
     }));
-  }, [X, i, O, W]);
+  }, [X, i, O, Y]);
   const l = K(() => {
     if (X) {
-      const E = J?.token ? jt(J.token) ?? he() : he();
+      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
         }
       };
     }
-    return J?.token && i?.spaceId ? {
+    return H?.token && i?.spaceId ? {
       sessionToken: {
-        token: J.token,
+        token: H.token,
         spaceId: i.spaceId,
         backendType: Ye(),
         sessionId: B.sessionId,
@@ -2950,16 +2952,16 @@ function wo(t) {
         channelKey: B.channelKey,
         parameters: B.parameters
       }
-    } : We() ? null : {
+    } : Ke() ? null : {
       local: {
         host: ee,
         httpsPort: te,
-        userId: he(),
+        spaceId: i?.spaceId,
         parameters: B.parameters
       }
     };
-  }, [X, ee, te, J?.token, i?.spaceId, O, B.sessionId, B.channelKey, B.parameters]);
-  Yr(T);
+  }, [X, ee, te, H?.token, i?.spaceId, O, B.sessionId, B.channelKey, B.parameters]);
+  Wr(T);
   const b = qr(T);
   M(() => {
     if (!h.current) {
@@ -2967,7 +2969,7 @@ function wo(t) {
         for (const E of r)
           E(d.current);
       d.current.loadRegisteredModules().catch((E) => {
-        Oe.error("Failed to load UI modules", E);
+        Ie.error("Failed to load UI modules", E);
       });
     }
   }, []), M(() => {
@@ -2988,7 +2990,7 @@ function wo(t) {
     c.current = E;
     const I = new Zt({ client: E });
     return f.current = I, _(I), E.connect().catch((V) => {
-      Oe.error("Connection failed:", V);
+      Ie.error("Connection failed:", V);
     }), () => {
       E.disconnect(), c.current = null, I.dispose(), f.current = null, G(null), C(null), U(null);
     };
@@ -3024,7 +3026,7 @@ function vo(t) {
 }
 let eo = 0;
 function Ro(t = 5, e = 5e3) {
-  const [r, n] = Y([]), o = A(/* @__PURE__ */ new Map()), s = x((i) => {
+  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));
   }, []);
@@ -3033,7 +3035,7 @@ function Ro(t = 5, e = 5e3) {
       (c) => {
         if (!Ut())
           return;
-        const f = `toast-${++eo}`, d = c.level === ze.ERROR ? "error" : "warn", h = {
+        const f = `toast-${++eo}`, d = c.level === We.ERROR ? "error" : "warn", h = {
           id: f,
           level: d,
           message: c.message,
@@ -3045,7 +3047,7 @@ function Ro(t = 5, e = 5e3) {
         }, e);
         i.set(f, u);
       },
-      { minLevel: ze.WARN }
+      { minLevel: We.WARN }
     );
     return () => {
       a();
@@ -3055,7 +3057,7 @@ function Ro(t = 5, e = 5e3) {
     };
   }, [t, e, s]), { toasts: r, dismissToast: s };
 }
-const Tt = dt(null);
+const At = lt(null);
 function to(t, e) {
   return e ? t.replace(/\{(\w+)\}/g, (r, n) => e[n] ?? `{${n}}`) : t;
 }
@@ -3086,10 +3088,10 @@ function Eo({
     }),
     [i, s]
   );
-  return /* @__PURE__ */ R.jsx(Tt, { value: a, children: t });
+  return /* @__PURE__ */ R.jsx(At, { value: a, children: t });
 }
 function Ao() {
-  const t = De(Tt);
+  const t = xe(At);
   if (!t)
     throw new Error("useI18n must be used within an I18nProvider");
   return t;
@@ -3100,9 +3102,9 @@ export {
   Eo as I18nProvider,
   ir as IKON_UI_BASE_MODULE,
   Sr as IKON_UI_MEDIA_MODULE,
-  jr as IKON_UI_SHADER_MODULE,
-  Nr as IKON_UI_SHADER_TYPE,
-  Pe as IKON_UI_STREAM_CATEGORY,
+  jr as IKON_UI_SHADERTOY_MODULE,
+  Nr as IKON_UI_SHADERTOY_TYPE,
+  Ne as IKON_UI_STREAM_CATEGORY,
   hr as IKON_UI_VIDEO_CANVAS_TYPE,
   mr as IKON_UI_VIDEO_URL_PLAYER_TYPE,
   Zt as IkonUi,
@@ -3112,20 +3114,20 @@ export {
   Ht as UiRenderer,
   Co as UiStreamStore,
   lo as areIkonUiModuleListsEqual,
-  wt as authenticateAnonymous,
+  bt as authenticateAnonymous,
   Dn as buildOAuthRedirectUrl,
-  bt as clearAuthSession,
-  lt as clearOAuthParams,
+  St as clearAuthSession,
+  ut as clearOAuthParams,
   sr as createBaseResolvers,
   ao as createComponentLibrary,
   xr as createIkonUiRegistry,
   gr as createMediaResolvers,
-  Pr as createShaderRendererResolver,
+  Pr as createShadertoyRendererResolver,
   Xt as isIkonUiCategoryMatch,
-  St as loadAuthSession,
+  yt as loadAuthSession,
   ar as loadBaseModule,
   br as loadMediaModule,
-  Lr as loadShaderModule,
+  Lr as loadShadertoyModule,
   dn as normalizeIkonUiModuleList,
   ho as parseIkonUiInitPayload,
   Un as parseOAuthCallback,
@@ -3134,10 +3136,10 @@ export {
   fo as readIkonUiModulesFromSources,
   cr as registerBaseModule,
   wr as registerMediaModule,
-  Mr as registerShaderModule,
+  Mr as registerShadertoyModule,
   qt as renderChildren,
   mo as renderMotionLetters,
-  be as saveAuthSession,
+  Se as saveAuthSession,
   po as sendMagicLink,
   ue as sessionToUser,
   Xn as useAuth,
@@ -3145,10 +3147,10 @@ export {
   yo as useAuthOptional,
   Ao as useI18n,
   wo as useIkonApp,
-  Yr as useIkonStyles,
+  Wr as useIkonStyles,
   qr as useIkonUiStores,
   vo as useLazyFont,
   Ro as useToasts,
-  H as useUiNode,
+  J as useUiNode,
   co as useUiStore
 };