@ikonai/sdk-react-ui 1.0.52 → 1.0.53

package/index.js

@@ -1,6 +1,6 @@
 import { IkonUiCore as jt, UiStreamStore as Dt } from "@ikonai/sdk-ui";
-import { UiStreamStore as Qo } from "@ikonai/sdk-ui";
-import Bt, { useSyncExternalStore as Ve, useMemo as $, memo as z, useRef as v, useCallback as U, Fragment as Ft, useEffect as P, useState as q, use as Ke, createContext as gt } from "react";
+import { UiStreamStore as ts } from "@ikonai/sdk-ui";
+import Bt, { useSyncExternalStore as Ve, useMemo as $, memo as Y, useRef as v, useCallback as U, Fragment as Ft, useEffect as O, useState as z, use as Ke, createContext as gt } from "react";
 import { createLogger as fe, isInspectModeEnabled as $t, getOrCreateDeviceId as Vt, deriveAuthUrl as de, parseUrlParams as Kt, clearSessionParamsFromUrl as zt, isCloudEnvironment as Ge, extractUserIdFromToken as Yt, deriveBackendType as Je, IkonClient as Wt, AccessDeniedError as qt, AuthenticationError as Ht, subscribeToLogEvents as Gt, isDebugModeEnabled as Jt, LogLevel as Xe, getLangParam as Xt } from "@ikonai/sdk";
 var Se = { exports: {} }, ie = {};
 /**
@@ -74,14 +74,14 @@ function Qt() {
             return "Portal";
           case _:
             return d.displayName || "Context";
-          case O:
+          case N:
             return (d._context.displayName || "Context") + ".Consumer";
           case M:
             var w = d.render;
             return d = d.displayName, d || (d = w.displayName || w.name || "", d = d !== "" ? "ForwardRef(" + d + ")" : "ForwardRef"), d;
           case T:
             return w = d.displayName || null, w !== null ? w : t(d.type) || "Memo";
-          case N:
+          case P:
             w = d._payload, d = d._init;
             try {
               return t(d(w));
@@ -102,17 +102,17 @@ function Qt() {
       }
       if (w) {
         w = console;
-        var A = w.error, E = typeof Symbol == "function" && Symbol.toStringTag && d[Symbol.toStringTag] || d.constructor.name || "Object";
+        var A = w.error, R = typeof Symbol == "function" && Symbol.toStringTag && d[Symbol.toStringTag] || d.constructor.name || "Object";
         return A.call(
           w,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          E
+          R
         ), e(d);
       }
     }
     function n(d) {
       if (d === g) return "<>";
-      if (typeof d == "object" && d !== null && d.$$typeof === N)
+      if (typeof d == "object" && d !== null && d.$$typeof === P)
         return "<...>";
       try {
         var w = t(d);
@@ -153,14 +153,14 @@ function Qt() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), d = this.props.ref, d !== void 0 ? d : null;
     }
-    function f(d, w, A, E, K, Z) {
+    function f(d, w, A, R, K, Z) {
       var C = A.ref;
       return d = {
         $$typeof: l,
         type: d,
         key: w,
         props: A,
-        _owner: E
+        _owner: R
       }, (C !== void 0 ? C : null) !== null ? Object.defineProperty(d, "ref", {
         enumerable: !1,
         get: u
@@ -186,13 +186,13 @@ function Qt() {
         value: Z
       }), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
     }
-    function h(d, w, A, E, K, Z) {
+    function h(d, w, A, R, K, Z) {
       var C = w.children;
       if (C !== void 0)
-        if (E)
+        if (R)
           if (he(C)) {
-            for (E = 0; E < C.length; E++)
-              p(C[E]);
+            for (R = 0; R < C.length; R++)
+              p(C[R]);
             Object.freeze && Object.freeze(C);
           } else
             console.error(
@@ -201,21 +201,21 @@ function Qt() {
         else p(C);
       if (V.call(w, "key")) {
         C = t(d);
-        var Y = Object.keys(w).filter(function(se) {
+        var W = Object.keys(w).filter(function(se) {
           return se !== "key";
         });
-        E = 0 < Y.length ? "{key: someKey, " + Y.join(": ..., ") + ": ...}" : "{key: someKey}", ye[C + E] || (Y = 0 < Y.length ? "{" + Y.join(": ..., ") + ": ...}" : "{}", console.error(
+        R = 0 < W.length ? "{key: someKey, " + W.join(": ..., ") + ": ...}" : "{key: someKey}", ye[C + R] || (W = 0 < W.length ? "{" + W.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          E,
+          R,
           C,
-          Y,
+          W,
           C
-        ), ye[C + E] = !0);
+        ), ye[C + R] = !0);
       }
       if (C = null, A !== void 0 && (r(A), C = "" + A), i(w) && (r(w.key), C = "" + w.key), "key" in w) {
         A = {};
@@ -235,12 +235,12 @@ React keys must be passed directly to JSX without using spread:
       );
     }
     function p(d) {
-      y(d) ? d._store && (d._store.validated = 1) : typeof d == "object" && d !== null && d.$$typeof === N && (d._payload.status === "fulfilled" ? y(d._payload.value) && d._payload.value._store && (d._payload.value._store.validated = 1) : d._store && (d._store.validated = 1));
+      y(d) ? d._store && (d._store.validated = 1) : typeof d == "object" && d !== null && d.$$typeof === P && (d._payload.status === "fulfilled" ? y(d._payload.value) && d._payload.value._store && (d._payload.value._store.validated = 1) : d._store && (d._store.validated = 1));
     }
     function y(d) {
       return typeof d == "object" && d !== null && d.$$typeof === l;
     }
-    var c = Bt, l = Symbol.for("react.transitional.element"), m = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), S = Symbol.for("react.profiler"), O = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), M = Symbol.for("react.forward_ref"), L = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), T = Symbol.for("react.memo"), N = Symbol.for("react.lazy"), D = Symbol.for("react.activity"), j = Symbol.for("react.client.reference"), B = c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, he = Array.isArray, ne = console.createTask ? console.createTask : function() {
+    var c = Bt, l = Symbol.for("react.transitional.element"), m = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), S = Symbol.for("react.profiler"), N = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), M = Symbol.for("react.forward_ref"), L = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), T = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), D = Symbol.for("react.activity"), j = Symbol.for("react.client.reference"), B = c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, he = Array.isArray, ne = console.createTask ? console.createTask : function() {
       return null;
     };
     c = {
@@ -253,24 +253,24 @@ React keys must be passed directly to JSX without using spread:
       s
     )(), X = ne(n(s)), ye = {};
     ae.Fragment = g, ae.jsx = function(d, w, A) {
-      var E = 1e4 > B.recentlyCreatedOwnerStacks++;
+      var R = 1e4 > B.recentlyCreatedOwnerStacks++;
       return h(
         d,
         w,
         A,
         !1,
-        E ? Error("react-stack-top-frame") : ge,
-        E ? ne(n(d)) : X
+        R ? Error("react-stack-top-frame") : ge,
+        R ? ne(n(d)) : X
       );
     }, ae.jsxs = function(d, w, A) {
-      var E = 1e4 > B.recentlyCreatedOwnerStacks++;
+      var R = 1e4 > B.recentlyCreatedOwnerStacks++;
       return h(
         d,
         w,
         A,
         !0,
-        E ? Error("react-stack-top-frame") : ge,
-        E ? ne(n(d)) : X
+        R ? Error("react-stack-top-frame") : ge,
+        R ? ne(n(d)) : X
       );
     };
   })()), ae;
@@ -279,7 +279,7 @@ var et;
 function er() {
   return et || (et = 1, process.env.NODE_ENV === "production" ? Se.exports = Zt() : Se.exports = Qt()), Se.exports;
 }
-var R = er();
+var E = er();
 function tr(t, e) {
   const r = Ve(
     (n) => t.subscribe(n),
@@ -339,29 +339,29 @@ function ar(t) {
     e += "," + t[r].id;
   return e;
 }
-const xe = z(function t({ nodeId: e, context: r }) {
+const xe = Y(function t({ nodeId: e, context: r }) {
   const n = J(r.store, e), o = n ? sr(n) : [], s = ar(o), i = $(
-    () => o.length === 0 ? null : o.map((p) => /* @__PURE__ */ R.jsx(t, { nodeId: p.id, context: r }, p.id)),
+    () => o.length === 0 ? null : o.map((p) => /* @__PURE__ */ E.jsx(t, { nodeId: p.id, context: r }, p.id)),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [s, r]
   );
   if (!n)
     return null;
   if (n.type === "root")
-    return /* @__PURE__ */ R.jsx(Ft, { children: i }, n.id);
+    return /* @__PURE__ */ E.jsx(Ft, { children: i }, n.id);
   const a = r.library.resolve(n);
   if (!a)
     return rr.warn(`No renderer for node type ${n.type}`), null;
   const u = or(n), f = u.length > 0 ? u.join(" ") : void 0, h = a;
-  return /* @__PURE__ */ R.jsx(h, { nodeId: e, context: r, className: f });
+  return /* @__PURE__ */ E.jsx(h, { nodeId: e, context: r, className: f });
 }, ir);
 function cr(t, e) {
-  return !Array.isArray(t) || t.length === 0 ? null : t.map((r) => /* @__PURE__ */ R.jsx(xe, { nodeId: r.id, context: e }, r.id));
+  return !Array.isArray(t) || t.length === 0 ? null : t.map((r) => /* @__PURE__ */ E.jsx(xe, { nodeId: r.id, context: e }, r.id));
 }
 function ur(t, e) {
   return t.store === e.store && t.library === e.library && t.viewId === e.viewId && t.emptyFallback === e.emptyFallback;
 }
-const lr = z(function({ store: e, library: r, viewId: n, emptyFallback: o = null, onAction: s, client: i, video: a }) {
+const lr = Y(function({ store: e, library: r, viewId: n, emptyFallback: o = null, onAction: s, client: i, video: a }) {
   const { rootViewId: u, rootNodeId: f } = tr(e, n), h = v(s);
   h.current = s;
   const p = v(i);
@@ -383,7 +383,7 @@ const lr = z(function({ store: e, library: r, viewId: n, emptyFallback: o = null
       renderChildren: (g) => cr(g, m),
       renderView: (g) => {
         const b = e.getSnapshot().views.get(g);
-        return b ? /* @__PURE__ */ R.jsx(xe, { nodeId: b.id, context: m }) : null;
+        return b ? /* @__PURE__ */ E.jsx(xe, { nodeId: b.id, context: m }) : null;
       },
       dispatchAction: c,
       // Access client/video via refs to avoid context recreation
@@ -396,7 +396,7 @@ const lr = z(function({ store: e, library: r, viewId: n, emptyFallback: o = null
     };
     return m;
   }, [e, r, c]);
-  return !u || !f ? o : /* @__PURE__ */ R.jsx("div", { "data-ikon-view-id": u, style: { display: "contents" }, children: /* @__PURE__ */ R.jsx(xe, { nodeId: f, context: l }) });
+  return !u || !f ? o : /* @__PURE__ */ E.jsx("div", { "data-ikon-view-id": u, style: { display: "contents" }, children: /* @__PURE__ */ E.jsx(xe, { nodeId: f, context: l }) });
 }, ur);
 class dr {
   constructor(e, r) {
@@ -415,11 +415,11 @@ class dr {
     return this.renderers.get(e.type) ?? this.fallback;
   }
 }
-function Uo(t, e) {
+function jo(t, e) {
   const r = Object.entries(t);
   return new dr(r, e);
 }
-function jo(t) {
+function Do(t) {
   return Ve(
     (e) => t.subscribe(e),
     () => t.getSnapshot(),
@@ -428,7 +428,7 @@ function jo(t) {
 }
 function fr() {
   const t = $t();
-  return P(() => {
+  return O(() => {
     if (!t)
       return;
     let e = window.parent === window, r = null, n = [];
@@ -531,8 +531,8 @@ function fr() {
         }
       }
       if (c.data?.type === "ikon-inspect-rect") {
-        const { x1: l, y1: m, x2: g, y2: b, append: S } = c.data, O = document.querySelectorAll("[data-ikon-source]"), _ = [];
-        for (const M of O) {
+        const { x1: l, y1: m, x2: g, y2: b, append: S } = c.data, N = document.querySelectorAll("[data-ikon-source]"), _ = [];
+        for (const M of N) {
           const L = M.getBoundingClientRect();
           L.right > l && L.left < g && L.bottom > m && L.top < b && _.push({
             sourceMarker: M.getAttribute("data-ikon-source") ?? "",
@@ -556,7 +556,7 @@ const pr = fe("IkonUiSurface"), Ue = "ikon-ui";
 function hr(t, e) {
   return t === e;
 }
-const Do = z(function({ stores: e, registry: r, category: n = Ue, onAction: o, client: s }) {
+const mr = Y(function({ stores: e, registry: r, category: n = Ue, onAction: o, client: s }) {
   const i = $(() => Array.from(e.keys()).sort().join(","), [e]), a = v(o);
   a.current = o;
   const u = v(s);
@@ -573,14 +573,14 @@ const Do = z(function({ stores: e, registry: r, category: n = Ue, onAction: o, c
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [e, n, i]
   ), h = v(!1), p = f.length > 0;
-  return P(() => {
+  return O(() => {
     p && !h.current && (h.current = !0, pr.debug("First UI render"));
-  }, [p]), p ? /* @__PURE__ */ R.jsxs(R.Fragment, { children: [
-    /* @__PURE__ */ R.jsx(fr, {}),
-    f.map(({ key: y, store: c }) => /* @__PURE__ */ R.jsx(lr, { store: c, library: r, onAction: a.current, client: u.current, video: u.current?.media?.video }, y))
+  }, [p]), p ? /* @__PURE__ */ E.jsxs(E.Fragment, { children: [
+    /* @__PURE__ */ E.jsx(fr, {}),
+    f.map(({ key: y, store: c }) => /* @__PURE__ */ E.jsx(lr, { store: c, library: r, onAction: a.current, client: u.current, video: u.current?.media?.video }, y))
   ] }) : null;
 });
-class mr {
+class gr {
   core;
   ownsCore;
   stores = /* @__PURE__ */ new Map();
@@ -655,7 +655,7 @@ class mr {
       r(e);
   }
 }
-function gr(t) {
+function yr(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -680,10 +680,10 @@ function ze(...t) {
     }
   return e || void 0;
 }
-const tt = /* @__PURE__ */ new WeakMap(), yr = {};
+const tt = /* @__PURE__ */ new WeakMap(), br = {};
 function Ye(t) {
   if (!t)
-    return yr;
+    return br;
   const e = tt.get(t);
   if (e)
     return e;
@@ -692,7 +692,7 @@ function Ye(t) {
     o != null && (typeof o == "string" || typeof o == "number" || typeof o == "boolean") && (r[n] = o);
   return tt.set(t, r), r;
 }
-function br(t) {
+function Sr(t) {
   let e = t.parentElement;
   for (; e; ) {
     const n = window.getComputedStyle(e).overflowY;
@@ -708,20 +708,20 @@ function yt(t, e) {
     "scrollBehavior" in document.documentElement.style ? t.scrollTo({ top: o, behavior: "smooth" }) : t.scrollTop = o;
   });
 }
-const je = "data-ikon-scroll-indicator", Sr = 0.15, Ee = "data-ikon-at-bottom";
+const je = "data-ikon-scroll-indicator", wr = 0.15, Ee = "data-ikon-at-bottom";
 function bt(t) {
-  return Math.max(t.clientHeight * Sr, 20);
+  return Math.max(t.clientHeight * wr, 20);
 }
-function wr(t) {
+function vr(t) {
   return t.getAttribute(Ee) !== "false";
 }
-function vr(t) {
+function Er(t) {
   t.getAttribute(Ee) === null && (t.setAttribute(Ee, "true"), t.addEventListener("scroll", () => {
     const { scrollTop: e, scrollHeight: r, clientHeight: n } = t, s = r - e - n <= bt(t);
     t.setAttribute(Ee, s ? "true" : "false");
   }, { passive: !0 }));
 }
-function Er(t) {
+function Rr(t) {
   const e = t.parentElement ?? t, r = e.querySelector(`[${je}]`);
   if (r)
     return r;
@@ -754,8 +754,8 @@ function Er(t) {
     n.style.opacity = "0.9";
   }), e.appendChild(n), n;
 }
-function Rr(t, e) {
-  const r = Er(t);
+function kr(t, e) {
+  const r = Rr(t);
   r.style.display = "flex";
   const n = () => {
     yt(t, e), r.style.display = "none";
@@ -767,10 +767,10 @@ function Rr(t, e) {
     r.removeEventListener("click", n), t.removeEventListener("scroll", o);
   };
 }
-function kr() {
-  const t = z(function({ nodeId: r, context: n }) {
+function Ar() {
+  const t = Y(function({ nodeId: r, context: n }) {
     const o = J(n.store, r), s = v(null), i = te(o?.props?.targetViewId), a = o?.props?.focusOnly, u = typeof a == "boolean" ? a : void 0, f = te(o?.props?.priority), h = te(o?.props?.key), p = o?.props?.preciseGeneratedAt;
-    return P(() => {
+    return O(() => {
       if (typeof document > "u")
         return;
       const c = s.current;
@@ -778,10 +778,10 @@ function kr() {
         return;
       let l;
       if (u !== !0) {
-        const S = br(c);
+        const S = Sr(c);
         if (S)
-          if (vr(S), f === "Polite" && !wr(S))
-            l = Rr(S, c);
+          if (Er(S), f === "Polite" && !vr(S))
+            l = kr(S, c);
           else {
             const L = (S.parentElement ?? S).querySelector(`[${je}]`);
             L && (L.style.display = "none"), yt(S, c);
@@ -802,7 +802,7 @@ function kr() {
           c.focus();
         }
       return l;
-    }, [u, f, i, h, p]), o ? /* @__PURE__ */ R.jsx(
+    }, [u, f, i, h, p]), o ? /* @__PURE__ */ E.jsx(
       "span",
       {
         ref: s,
@@ -819,9 +819,9 @@ function kr() {
       return t;
   };
 }
-function Ar() {
-  const t = z(function({ nodeId: r, context: n, className: o }) {
-    const s = J(n.store, r), i = gr(s?.props?.onInvokeId), a = U(() => {
+function Tr() {
+  const t = Y(function({ nodeId: r, context: n, className: o }) {
+    const s = J(n.store, r), i = yr(s?.props?.onInvokeId), a = U(() => {
       i && n.dispatchAction(i);
     }, [i, n]);
     if (!s)
@@ -829,7 +829,7 @@ function Ar() {
     const u = Ye(s.props);
     delete u.onInvokeId;
     const f = ze(te(s.props?.className), o), h = s.children?.length ? n.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ R.jsx(
+    return /* @__PURE__ */ E.jsx(
       "div",
       {
         ...u,
@@ -847,45 +847,45 @@ function Ar() {
       return t;
   };
 }
-function Tr() {
-  const t = z(function({ nodeId: r, context: n, className: o }) {
+function Cr() {
+  const t = Y(function({ nodeId: r, context: n, className: o }) {
     const s = J(n.store, r);
     if (!s)
       return null;
     const i = Ye(s.props), a = ze("relative", te(s.props?.className), o), u = s.children?.length ? n.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ R.jsx("div", { ...i, "data-ikon-node-id": s.id, "data-ikon-source": s.sourceMarker, className: a, children: u });
+    return /* @__PURE__ */ E.jsx("div", { ...i, "data-ikon-node-id": s.id, "data-ikon-source": s.sourceMarker, className: a, children: u });
   });
   return ({ type: e }) => {
     if (e === "std.stack")
       return t;
   };
 }
-function Cr() {
-  const t = z(function({ nodeId: r, context: n, className: o }) {
+function Ir() {
+  const t = Y(function({ nodeId: r, context: n, className: o }) {
     const s = J(n.store, r);
     if (!s)
       return null;
     const i = Ye(s.props), a = ze("absolute", te(s.props?.className), o), u = s.children?.length ? n.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ R.jsx("div", { ...i, "data-ikon-node-id": s.id, "data-ikon-source": s.sourceMarker, className: a, children: u });
+    return /* @__PURE__ */ E.jsx("div", { ...i, "data-ikon-node-id": s.id, "data-ikon-source": s.sourceMarker, className: a, children: u });
   });
   return ({ type: e }) => {
     if (e === "std.layer")
       return t;
   };
 }
-function Ir() {
+function _r() {
   return [
-    Ar(),
     Tr(),
     Cr(),
-    kr()
+    Ir(),
+    Ar()
   ];
 }
-const _r = "base", Or = async () => Ir();
-function Nr(t) {
-  t.registerModule(_r, Or);
-}
+const Or = "base", Nr = async () => _r();
 function Pr(t) {
+  t.registerModule(Or, Nr);
+}
+function Mr(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -895,7 +895,7 @@ function Pr(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function Mr(...t) {
+function Lr(...t) {
   const e = [];
   for (const r of t)
     r && r.trim() && e.push(r.trim());
@@ -916,21 +916,21 @@ function we(t) {
     if (e === "false") return !1;
   }
 }
-const Lr = "std.audio-url-player";
-function xr() {
-  const t = z(function({
+const xr = "std.audio-url-player";
+function Ur() {
+  const t = Y(function({
     nodeId: r,
     context: n,
     className: o
   }) {
     const s = J(n.store, r), i = v(null), a = s ? we(s.props?.autoplay) : void 0, u = s ? rt(s.props?.src) : void 0;
-    if (P(() => {
+    if (O(() => {
       a && i.current && i.current.play().catch(() => {
       });
     }, [a, u]), !s)
       return null;
-    const f = Mr(Pr(s.props?.className), o), h = rt(s.props?.preload), p = we(s.props?.controls), y = we(s.props?.loop), c = we(s.props?.muted);
-    return /* @__PURE__ */ R.jsx(
+    const f = Lr(Mr(s.props?.className), o), h = rt(s.props?.preload), p = we(s.props?.controls), y = we(s.props?.loop), c = we(s.props?.muted);
+    return /* @__PURE__ */ E.jsx(
       "audio",
       {
         ref: i,
@@ -947,7 +947,7 @@ function xr() {
     );
   });
   return ({ type: e }) => {
-    if (e === Lr)
+    if (e === xr)
       return t;
   };
 }
@@ -982,11 +982,11 @@ function De(t) {
   const e = t.trim();
   return e.length > 0 ? e : void 0;
 }
-const Ur = "std.video-canvas", jr = "std.video-url-player";
-function Dr() {
-  const t = z(function({ nodeId: r, context: n, className: o }) {
-    const s = J(n.store, r), i = v(null), a = v(null), u = n.video, f = n.client, h = s ? De(s.props?.streamId) : void 0, p = s ? Re(s.props?.width) : void 0, y = s ? Re(s.props?.height) : void 0, c = s ? wt(St(s.props?.className), o) : o, [, l] = q(0);
-    P(() => {
+const jr = "std.video-canvas", Dr = "std.video-url-player";
+function Br() {
+  const t = Y(function({ nodeId: r, context: n, className: o }) {
+    const s = J(n.store, r), i = v(null), a = v(null), u = n.video, f = n.client, h = s ? De(s.props?.streamId) : void 0, p = s ? Re(s.props?.width) : void 0, y = s ? Re(s.props?.height) : void 0, c = s ? wt(St(s.props?.className), o) : o, [, l] = z(0);
+    O(() => {
       if (!f?.isWebRtcEnabled) return;
       const g = f.onWebRtcTrackMapChanged;
       return f.onWebRtcTrackMapChanged = (b) => {
@@ -996,19 +996,19 @@ function Dr() {
       };
     }, [f]);
     const m = f?.isWebRtcEnabled && h ? f.getWebRtcVideoStreamByStreamId(h) : null;
-    return P(() => {
+    return O(() => {
       const g = i.current;
       if (!(!u || !g || !h || m))
         return u.attachCanvas(h, g), () => {
           u.detachCanvas(h);
         };
-    }, [u, h, m]), P(() => {
+    }, [u, h, m]), O(() => {
       const g = a.current;
       if (!(!g || !m))
         return g.srcObject = m, () => {
           g.srcObject = null;
         };
-    }, [m]), s ? m ? /* @__PURE__ */ R.jsx(
+    }, [m]), s ? m ? /* @__PURE__ */ E.jsx(
       "video",
       {
         ref: a,
@@ -1023,7 +1023,7 @@ function Dr() {
         ...y ? { height: y } : {}
       },
       h
-    ) : /* @__PURE__ */ R.jsx(
+    ) : /* @__PURE__ */ E.jsx(
       "canvas",
       {
         ref: i,
@@ -1038,12 +1038,12 @@ function Dr() {
     ) : null;
   });
   return ({ type: e }) => {
-    if (e === Ur)
+    if (e === jr)
       return t;
   };
 }
-function Br() {
-  return [Dr(), Fr(), xr()];
+function Fr() {
+  return [Br(), $r(), Ur()];
 }
 function ce(t) {
   if (typeof t == "boolean")
@@ -1054,20 +1054,20 @@ function ce(t) {
     if (e === "false") return !1;
   }
 }
-function Fr() {
-  const t = z(function({
+function $r() {
+  const t = Y(function({
     nodeId: r,
     context: n,
     className: o
   }) {
     const s = J(n.store, r), i = v(null), a = s ? ce(s.props?.autoplay) : void 0, u = s ? De(s.props?.src) : void 0;
-    if (P(() => {
+    if (O(() => {
       a && i.current && i.current.play().catch(() => {
       });
     }, [a, u]), !s)
       return null;
     const f = wt(St(s.props?.className), o), h = De(s.props?.poster), p = ce(s.props?.controls), y = ce(s.props?.loop), c = ce(s.props?.muted), l = ce(s.props?.playsInline), m = Re(s.props?.width), g = Re(s.props?.height), b = s.children?.length ? n.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ R.jsx(
+    return /* @__PURE__ */ E.jsx(
       "video",
       {
         ref: i,
@@ -1088,27 +1088,27 @@ function Fr() {
     );
   });
   return ({ type: e }) => {
-    if (e === jr)
+    if (e === Dr)
       return t;
   };
 }
-const $r = "media", Vr = async () => Br();
-function Kr(t) {
-  t.registerModule($r, Vr);
+const Vr = "media", Kr = async () => Fr();
+function zr(t) {
+  t.registerModule(Vr, Kr);
 }
-const zr = `#version 300 es
+const Yr = `#version 300 es
 in vec4 a_position;
 void main() {
     gl_Position = a_position;
 }
 `;
-function Yr(t, e) {
+function Wr(t, e) {
   return new RegExp(`\\buniform\\s+\\w+\\s+${e}\\s*;`, "g").test(t);
 }
-function Wr(t, e) {
+function qr(t, e) {
   const r = [];
   for (const [n, o] of Object.entries(e)) {
-    if (Yr(t, n))
+    if (Wr(t, n))
       continue;
     let s;
     switch (o.type) {
@@ -1161,7 +1161,7 @@ void main() {
 }
 `;
 }
-class qr {
+class Hr {
   gl;
   program = null;
   positionBuffer = null;
@@ -1197,10 +1197,10 @@ class qr {
   }
   compile(e, r = {}) {
     this.lastError = null, this.customUniforms = r, this.currentShaderSource = e;
-    const n = this.gl, o = this.compileShader(n.VERTEX_SHADER, zr);
+    const n = this.gl, o = this.compileShader(n.VERTEX_SHADER, Yr);
     if (!o)
       return !1;
-    const s = Wr(e, r), i = this.compileShader(n.FRAGMENT_SHADER, s);
+    const s = qr(e, r), i = this.compileShader(n.FRAGMENT_SHADER, s);
     if (!i)
       return n.deleteShader(o), !1;
     const a = n.createProgram();
@@ -1291,7 +1291,7 @@ class qr {
     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 Hr(t) {
+function Gr(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -1301,7 +1301,7 @@ function Hr(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function Gr(...t) {
+function Jr(...t) {
   const e = [];
   for (const r of t)
     r && r.trim() && e.push(r.trim());
@@ -1316,10 +1316,10 @@ function Ie(t) {
       return Math.floor(e);
   }
 }
-function Jr(t) {
+function Xr(t) {
   return typeof t == "string" ? t : "";
 }
-function Xr(t) {
+function Zr(t) {
   if (typeof t == "boolean")
     return t;
   if (typeof t == "string") {
@@ -1328,7 +1328,7 @@ function Xr(t) {
     if (e === "false") return !1;
   }
 }
-function Zr(t) {
+function Qr(t) {
   if (!t || typeof t != "object")
     return {};
   const e = {}, r = t;
@@ -1343,7 +1343,7 @@ function Zr(t) {
   }
   return e;
 }
-function Qr(t, e) {
+function en(t, e) {
   const r = Object.keys(t), n = Object.keys(e);
   if (r.length !== n.length)
     return !1;
@@ -1364,30 +1364,30 @@ function Qr(t, e) {
   }
   return !0;
 }
-const en = "std.shadertoy-canvas";
-function tn() {
-  const t = z(function({ nodeId: r, context: n, className: o }) {
+const tn = "std.shadertoy-canvas";
+function rn() {
+  const t = Y(function({ nodeId: r, context: n, className: o }) {
     const s = J(n.store, r), i = v(null), a = v(null), u = v(null), f = v(0), h = v(""), p = v({}), y = v({
       x: 0,
       y: 0,
       clickX: 0,
       clickY: 0,
       isDown: !1
-    }), c = s ? Jr(s.props?.shaderSource) : "", l = s ? Ie(s.props?.fps) ?? 60 : 60, m = s?.props?.uniforms, g = $(() => Zr(m), [m]), b = s ? Xr(s.props?.enableMouse) ?? !0 : !0, S = s ? Ie(s.props?.width) : void 0, O = s ? Ie(s.props?.height) : void 0, _ = s ? Gr(Hr(s.props?.className), o) : o;
-    P(() => {
+    }), c = s ? Xr(s.props?.shaderSource) : "", l = s ? Ie(s.props?.fps) ?? 60 : 60, m = s?.props?.uniforms, g = $(() => Qr(m), [m]), b = s ? Zr(s.props?.enableMouse) ?? !0 : !0, S = s ? Ie(s.props?.width) : void 0, N = s ? Ie(s.props?.height) : void 0, _ = s ? Jr(Gr(s.props?.className), o) : o;
+    O(() => {
       const T = i.current;
       if (T) {
         try {
-          const N = new qr(T);
-          a.current = N;
-        } catch (N) {
-          console.error("[ShadertoyRenderer] Failed to create WebGL2 context:", N);
+          const P = new Hr(T);
+          a.current = P;
+        } catch (P) {
+          console.error("[ShadertoyRenderer] Failed to create WebGL2 context:", P);
         }
         return () => {
           a.current && (a.current.destroy(), a.current = null);
         };
       }
-    }, []), P(() => {
+    }, []), O(() => {
       const T = a.current;
       if (!(!T || !c) && h.current !== c)
         if (T.compile(c, g))
@@ -1396,15 +1396,15 @@ function tn() {
           const D = T.getError();
           console.error("[ShadertoyRenderer] Shader compilation failed:", D);
         }
-    }, [c, g]), P(() => {
+    }, [c, g]), O(() => {
       const T = a.current;
-      !T || !h.current || Qr(p.current, g) || (T.setCustomUniforms(g), p.current = g);
-    }, [g]), P(() => {
+      !T || !h.current || en(p.current, g) || (T.setCustomUniforms(g), p.current = g);
+    }, [g]), O(() => {
       const T = a.current;
       if (!T || !h.current) return;
-      const N = 1e3 / l, D = (j) => {
+      const P = 1e3 / l, D = (j) => {
         const B = j - f.current;
-        B >= N && (f.current = j - B % N, T.draw()), u.current = requestAnimationFrame(D);
+        B >= P && (f.current = j - B % P, T.draw()), u.current = requestAnimationFrame(D);
       };
       return u.current = requestAnimationFrame(D), () => {
         u.current !== null && (cancelAnimationFrame(u.current), u.current = null);
@@ -1413,25 +1413,25 @@ function tn() {
     const M = U(
       (T) => {
         if (!b) return;
-        const N = i.current, D = a.current;
-        if (!N || !D) return;
-        const j = N.getBoundingClientRect(), B = T.clientX - j.left, V = j.height - (T.clientY - j.top);
+        const P = i.current, D = a.current;
+        if (!P || !D) return;
+        const j = P.getBoundingClientRect(), B = T.clientX - j.left, V = j.height - (T.clientY - j.top);
         y.current.x = B, y.current.y = V, D.setMouse(B, V, y.current.clickX, y.current.clickY);
       },
       [b]
     ), L = U(
       (T) => {
         if (!b) return;
-        const N = i.current, D = a.current;
-        if (!N || !D) return;
-        const j = N.getBoundingClientRect(), B = T.clientX - j.left, V = j.height - (T.clientY - j.top);
+        const P = i.current, D = a.current;
+        if (!P || !D) return;
+        const j = P.getBoundingClientRect(), B = T.clientX - j.left, V = j.height - (T.clientY - j.top);
         y.current.isDown = !0, y.current.clickX = B, y.current.clickY = V, D.setMouse(B, V, B, V);
       },
       [b]
     ), G = U(() => {
       b && (y.current.isDown = !1, y.current.clickX = -Math.abs(y.current.clickX));
     }, [b]);
-    return s ? /* @__PURE__ */ R.jsx(
+    return s ? /* @__PURE__ */ E.jsx(
       "canvas",
       {
         ref: i,
@@ -1439,7 +1439,7 @@ function tn() {
         "data-ikon-source": s.sourceMarker,
         className: _,
         ...S ? { width: S } : {},
-        ...O ? { height: O } : {},
+        ...N ? { height: N } : {},
         onMouseMove: M,
         onMouseDown: L,
         onMouseUp: G,
@@ -1448,16 +1448,16 @@ function tn() {
     ) : null;
   });
   return ({ type: e }) => {
-    if (e === en)
+    if (e === tn)
       return t;
   };
 }
-const rn = "shadertoy", nn = async () => tn();
-function on(t) {
-  t.registerModule(rn, nn);
+const nn = "shadertoy", on = async () => rn();
+function sn(t) {
+  t.registerModule(nn, on);
 }
 const nt = fe("UIRegistry");
-class sn {
+class an {
   baseResolvers = [];
   moduleLoaders = /* @__PURE__ */ new Map();
   moduleResolvers = /* @__PURE__ */ new Map();
@@ -1479,7 +1479,7 @@ class sn {
     for (const [n, o] of this.moduleLoaders.entries())
       if (!this.moduleResolvers.has(n))
         try {
-          const s = await o(), i = un(s);
+          const s = await o(), i = ln(s);
           this.moduleResolvers.set(n, i), e = !0;
         } catch (s) {
           nt.error(`[IkonUiRegistry] Failed to load module '${n}'.`, s);
@@ -1487,7 +1487,7 @@ class sn {
     const r = [];
     for (const n of this.moduleLoaders.keys())
       this.moduleResolvers.has(n) && r.push(n);
-    return ln(r, this.activeModuleOrder) || (this.activeModuleOrder = r, e = !0), e;
+    return dn(r, this.activeModuleOrder) || (this.activeModuleOrder = r, e = !0), e;
   }
   resolve(e) {
     for (const r of this.baseResolvers) {
@@ -1507,17 +1507,17 @@ class sn {
     }
   }
 }
-function an() {
-  const t = new sn();
-  return Nr(t), Kr(t), on(t), t.loadRegisteredModules(), t;
+function cn() {
+  const t = new an();
+  return Pr(t), zr(t), sn(t), t.loadRegisteredModules(), t;
 }
-function cn(t) {
+function un(t) {
   return Array.isArray(t) ? t : [t];
 }
-function un(t) {
-  return t ? cn(t).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
+function ln(t) {
+  return t ? un(t).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
 }
-function ln(t, e) {
+function dn(t, e) {
   if (t.length !== e.length)
     return !1;
   for (let r = 0; r < t.length; r += 1)
@@ -1525,6 +1525,18 @@ function ln(t, e) {
       return !1;
   return !0;
 }
+function Bo({ mount: t, stores: e, registry: r, client: n, onAction: o }) {
+  return /* @__PURE__ */ E.jsx(
+    mr,
+    {
+      stores: e,
+      registry: r,
+      category: t,
+      client: n,
+      onAction: o
+    }
+  );
+}
 const _e = fe("MotionController"), ot = {
   ease: [0.25, 0.1, 0.25, 1],
   "ease-in": [0.42, 0, 1, 1],
@@ -1578,25 +1590,25 @@ function at(t, e, r, n) {
   }
   function c(g, b) {
     for (let S = 0; S < 4; S += 1) {
-      const O = y(b, t, r);
-      if (O === 0)
+      const N = y(b, t, r);
+      if (N === 0)
         return b;
       const _ = p(b, t, r) - g;
-      b -= _ / O;
+      b -= _ / N;
     }
     return b;
   }
   function l(g, b, S) {
-    let O = 0, _ = 0, M = 0;
+    let N = 0, _ = 0, M = 0;
     do
-      _ = b + (S - b) / 2, O = p(_, t, r) - g, O > 0 ? S = _ : b = _;
-    while (Math.abs(O) > 1e-7 && ++M < 10);
+      _ = b + (S - b) / 2, N = p(_, t, r) - g, N > 0 ? S = _ : b = _;
+    while (Math.abs(N) > 1e-7 && ++M < 10);
     return _;
   }
   function m(g) {
     let b = 0, S = 1;
-    const O = 10;
-    for (; S !== O && h[S] <= g; S += 1)
+    const N = 10;
+    for (; S !== N && h[S] <= g; S += 1)
       b += 0.1;
     S -= 1;
     const _ = (g - h[S]) / (h[S + 1] - h[S]), M = b + _ * 0.1, L = y(M, t, r);
@@ -1606,14 +1618,14 @@ function at(t, e, r, n) {
     h[g] = p(g * 0.1, t, r);
   return (g) => g <= 0 ? 0 : g >= 1 ? 1 : p(m(g), e, n);
 }
-function dn(t) {
+function fn(t) {
   const e = /steps\(\s*([0-9]+)\s*(?:,\s*([a-z-]+)\s*)?\)/i.exec(t);
   if (!e)
     return (o) => F(o);
   const r = Math.max(1, parseInt(e[1], 10)), n = (e[2] ?? "end").toLowerCase();
   return n === "start" || n === "jump-start" ? (o) => F(Math.ceil(o * r) / r) : n === "none" || n === "jump-none" ? (o) => F(Math.round(o * r) / r) : n === "both" || n === "jump-both" ? (o) => F((Math.floor(o * r) + 0.5) / r) : (o) => F(Math.floor(o * r) / r);
 }
-function fn(t) {
+function pn(t) {
   if (!t)
     return (r) => F(r);
   const e = t.trim().toLowerCase();
@@ -1631,12 +1643,12 @@ function fn(t) {
     }
   }
   if (e.startsWith("steps(") && e.endsWith(")")) {
-    const r = dn(e);
+    const r = fn(e);
     return (n) => r(F(n));
   }
   return (r) => F(r);
 }
-function pn(t) {
+function hn(t) {
   if (!t)
     return;
   const e = /(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)\s*->\s*(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)/.exec(t);
@@ -1646,7 +1658,7 @@ function pn(t) {
   if (![r, n, o, s].some((i) => !Number.isFinite(i)))
     return { inStart: r, inEnd: n, outStart: o, outEnd: s };
 }
-class hn {
+class mn {
   bindingsByStyle = /* @__PURE__ */ new Map();
   observer;
   observeScheduled = !1;
@@ -1691,7 +1703,7 @@ class hn {
     const r = e.source?.trim();
     if (!r)
       return;
-    const n = st(e.min) ?? 0, o = st(e.max), s = o === void 0 ? n + 100 : o, i = (e.clamp ?? "clamp").trim().toLowerCase(), a = !!e.reverse, u = fn(e.ease), f = pn(e.map), h = e.targetId?.trim() || void 0;
+    const n = st(e.min) ?? 0, o = st(e.max), s = o === void 0 ? n + 100 : o, i = (e.clamp ?? "clamp").trim().toLowerCase(), a = !!e.reverse, u = pn(e.ease), f = hn(e.map), h = e.targetId?.trim() || void 0;
     return Number.isNaN(n) || Number.isNaN(s) ? void 0 : {
       source: r.toLowerCase(),
       min: n,
@@ -1904,8 +1916,8 @@ class hn {
     }
   }
 }
-const Oe = new hn();
-function mn(t) {
+const Oe = new mn();
+function gn(t) {
   const e = v(/* @__PURE__ */ new Map()), r = U(({ styleId: s, css: i, common: a }) => {
     if (!(!s || typeof document > "u")) {
       if (i) {
@@ -1928,7 +1940,7 @@ function mn(t) {
     }
     Oe.reset();
   }, []);
-  return P(() => {
+  return O(() => {
     if (!t) return;
     for (const a of t.getUiStyles())
       r(a);
@@ -1936,9 +1948,9 @@ function mn(t) {
     return () => {
       s?.(), i?.(), o();
     };
-  }, [t, o, r, n]), P(() => () => o(), [o]), { setStyle: r, deleteStyles: n, reset: o };
+  }, [t, o, r, n]), O(() => () => o(), [o]), { setStyle: r, deleteStyles: n, reset: o };
 }
-function gn(t) {
+function yn(t) {
   const e = [];
   for (const [r, n] of t) {
     const o = n.store.getSnapshot(), s = o.rootViewId && o.views.has(o.rootViewId);
@@ -1946,62 +1958,62 @@ function gn(t) {
   }
   return e.sort(), e.join(",");
 }
-function yn(t) {
-  const [e, r] = q(), n = v("");
-  return P(() => {
+function bn(t) {
+  const [e, r] = z(), n = v("");
+  return O(() => {
     if (!t) {
       r(void 0), n.current = "";
       return;
     }
     const o = () => {
-      const s = t.getStores(), i = gn(s);
+      const s = t.getStores(), i = yn(s);
       i !== n.current && (n.current = i, r(s));
     };
     return o(), t.subscribe(o);
   }, [t]), e;
 }
-var bn = typeof global == "object" && global && global.Object === Object && global, Sn = typeof self == "object" && self && self.Object === Object && self, wn = bn || Sn || Function("return this")(), ke = wn.Symbol, vt = Object.prototype, vn = vt.hasOwnProperty, En = vt.toString, ue = ke ? ke.toStringTag : void 0;
-function Rn(t) {
-  var e = vn.call(t, ue), r = t[ue];
+var Sn = typeof global == "object" && global && global.Object === Object && global, wn = typeof self == "object" && self && self.Object === Object && self, vn = Sn || wn || Function("return this")(), ke = vn.Symbol, vt = Object.prototype, En = vt.hasOwnProperty, Rn = vt.toString, ue = ke ? ke.toStringTag : void 0;
+function kn(t) {
+  var e = En.call(t, ue), r = t[ue];
   try {
     t[ue] = void 0;
     var n = !0;
   } catch {
   }
-  var o = En.call(t);
+  var o = Rn.call(t);
   return n && (e ? t[ue] = r : delete t[ue]), o;
 }
-var kn = Object.prototype, An = kn.toString;
-function Tn(t) {
-  return An.call(t);
-}
-var Cn = "[object Null]", In = "[object Undefined]", ct = ke ? ke.toStringTag : void 0;
-function _n(t) {
-  return t == null ? t === void 0 ? In : Cn : ct && ct in Object(t) ? Rn(t) : Tn(t);
+var An = Object.prototype, Tn = An.toString;
+function Cn(t) {
+  return Tn.call(t);
 }
+var In = "[object Null]", _n = "[object Undefined]", ct = ke ? ke.toStringTag : void 0;
 function On(t) {
+  return t == null ? t === void 0 ? _n : In : ct && ct in Object(t) ? kn(t) : Cn(t);
+}
+function Nn(t) {
   return t != null && typeof t == "object";
 }
-var Nn = Array.isArray, Pn = "[object String]";
-function Mn(t) {
-  return typeof t == "string" || !Nn(t) && On(t) && _n(t) == Pn;
+var Pn = Array.isArray, Mn = "[object String]";
+function Ln(t) {
+  return typeof t == "string" || !Pn(t) && Nn(t) && On(t) == Mn;
 }
 const ut = "ikonUiModules";
 function Be(t) {
   return typeof t == "object" && t !== null && !Array.isArray(t);
 }
-function Ln(t) {
+function xn(t) {
   if (!Array.isArray(t))
     return;
   const e = /* @__PURE__ */ new Set();
   for (const r of t) {
-    if (!Mn(r)) continue;
+    if (!Ln(r)) continue;
     const n = r.trim();
     n && (e.has(n) || e.add(n));
   }
   return Array.from(e);
 }
-function Bo(t, e) {
+function Fo(t, e) {
   if (t === e)
     return !0;
   if (!t || !e)
@@ -2013,18 +2025,18 @@ function Bo(t, e) {
       return !1;
   return !0;
 }
-function xn(t) {
+function Un(t) {
   if (!(!Be(t) || !Object.prototype.hasOwnProperty.call(t, ut)))
-    return Ln(t[ut]);
+    return xn(t[ut]);
 }
-function Fo(...t) {
+function $o(...t) {
   for (const e of t) {
-    const r = xn(e);
+    const r = Un(e);
     if (r !== void 0)
       return r;
   }
 }
-function $o(t) {
+function Vo(t) {
   if (!Be(t))
     return;
   const e = t, r = Object.keys(e).find((u) => u.toLowerCase() === "modules");
@@ -2073,7 +2085,7 @@ const k = {
   Line: 4,
   Paragraph: 8,
   Emoji: 16
-}, Un = [
+}, jn = [
   {
     flag: k.Letter,
     hints: [
@@ -2122,11 +2134,11 @@ const k = {
       "[data-emoji]"
     ]
   }
-], Fe = k.Letter | k.Word | k.Line | k.Paragraph | k.Emoji, jn = k.Letter | k.Word | k.Line | k.Paragraph, lt = /* @__PURE__ */ new Map(), Dn = 16384;
-function Vo(t, e) {
-  if (!t || t.length > Dn)
+], Fe = k.Letter | k.Word | k.Line | k.Paragraph | k.Emoji, Dn = k.Letter | k.Word | k.Line | k.Paragraph, lt = /* @__PURE__ */ new Map(), Bn = 16384;
+function Ko(t, e) {
+  if (!t || t.length > Bn)
     return t;
-  const r = to(e), n = re(r, k.Emoji), o = r & jn;
+  const r = ro(e), n = re(r, k.Emoji), o = r & Dn;
   if (o === k.None && !n)
     return t;
   const s = t.replace(/\r\n/g, `
@@ -2134,26 +2146,26 @@ function Vo(t, e) {
 `);
   if (o === k.None)
     return ht(s);
-  const i = Qn(s);
+  const i = eo(s);
   if (i.length === 0)
     return n ? ht(s) : t;
-  const a = eo(i), u = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, f = [];
+  const a = to(i), u = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, f = [];
   for (const h of a) {
-    const p = Bn(h, r, u);
+    const p = Fn(h, r, u);
     f.push(...p);
   }
   return f;
 }
-function Bn(t, e, r) {
+function Fn(t, e, r) {
   const n = [];
   for (const o of t) {
-    const s = Fn(o, e, r);
+    const s = $n(o, e, r);
     n.push(...s);
   }
   if (re(e, k.Paragraph)) {
     const o = r.paragraph++;
     return [
-      /* @__PURE__ */ R.jsx(
+      /* @__PURE__ */ E.jsx(
         "span",
         {
           "data-motion-paragraph": !0,
@@ -2166,20 +2178,20 @@ function Bn(t, e, r) {
   }
   return n;
 }
-function Fn(t, e, r) {
-  const n = $n(t.text, e, r), o = [];
+function $n(t, e, r) {
+  const n = Vn(t.text, e, r), o = [];
   if (re(e, k.Line)) {
     const s = r.line++;
     o.push(
-      /* @__PURE__ */ R.jsx("span", { "data-motion-line": !0, style: Ce(s), children: n }, `motion-line-${s}`)
+      /* @__PURE__ */ E.jsx("span", { "data-motion-line": !0, style: Ce(s), children: n }, `motion-line-${s}`)
     );
   } else
     o.push(...n);
   for (let s = 0; s < t.breaks; s++)
-    o.push(/* @__PURE__ */ R.jsx("br", {}, `motion-break-${r.br++}`));
+    o.push(/* @__PURE__ */ E.jsx("br", {}, `motion-break-${r.br++}`));
   return o;
 }
-function $n(t, e, r) {
+function Vn(t, e, r) {
   if (!t)
     return [];
   const n = re(e, k.Word), o = [], s = /(\s+)/g;
@@ -2198,13 +2210,13 @@ function $n(t, e, r) {
   return o;
 }
 function dt(t, e, r, n) {
-  const o = e.word++, s = Kn(t, r, e), i = `motion-word-${o}`, a = Vn(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);
+  const o = e.word++, s = zn(t, r, e), i = `motion-word-${o}`, a = Kn(o, n);
+  return n ? /* @__PURE__ */ E.jsx("span", { "data-motion-word": !0, style: a, children: s }, i) : /* @__PURE__ */ E.jsx("span", { style: a, children: s }, i);
 }
-function Vn(t, e) {
+function Kn(t, e) {
   return e ? { ...Ce(t), whiteSpace: "nowrap" } : { whiteSpace: "nowrap" };
 }
-function Kn(t, e, r) {
+function zn(t, e, r) {
   if (!t)
     return [];
   const n = re(e, k.Letter), o = re(e, k.Emoji);
@@ -2223,13 +2235,13 @@ function Kn(t, e, r) {
     if (a === `
 `) {
       s.push(
-        /* @__PURE__ */ R.jsx("span", { "data-motion-letter": !0, style: h, children: /* @__PURE__ */ R.jsx("br", {}) }, f)
+        /* @__PURE__ */ E.jsx("span", { "data-motion-letter": !0, style: h, children: /* @__PURE__ */ E.jsx("br", {}) }, f)
       );
       continue;
     }
     const y = o && Et(a) ? { "data-motion-emoji": !0 } : void 0, c = a === " " ? " " : a;
     s.push(
-      /* @__PURE__ */ R.jsx("span", { "data-motion-letter": !0, style: h, ...y, children: c }, f)
+      /* @__PURE__ */ E.jsx("span", { "data-motion-letter": !0, style: h, ...y, children: c }, f)
     );
   }
   return s;
@@ -2237,33 +2249,33 @@ function Kn(t, e, r) {
 function $e(t) {
   if (!t)
     return [];
-  const e = zn();
-  return e ? Array.from(e.segment(t), (r) => r.segment) : Yn(t);
+  const e = Yn();
+  return e ? Array.from(e.segment(t), (r) => r.segment) : Wn(t);
 }
 let le;
-function zn() {
+function Yn() {
   return le !== void 0 || (typeof Intl < "u" && typeof Intl.Segmenter == "function" ? le = new Intl.Segmenter(void 0, { granularity: "grapheme" }) : le = null), le;
 }
-function Yn(t) {
+function Wn(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 && Wn(s, i)) && (e.push(n), n = "");
+    n += s, !(i && qn(s, i)) && (e.push(n), n = "");
   }
   return n && e.push(n), e;
 }
-function Wn(t, e) {
-  return e ? !!(ft(t) || ft(e) || Gn(e) || qn(e) || Hn(e) || pt(t) && pt(e)) : !1;
+function qn(t, e) {
+  return e ? !!(ft(t) || ft(e) || Jn(e) || Hn(e) || Gn(e) || pt(t) && pt(e)) : !1;
 }
 function ft(t) {
   return t.codePointAt(0) === 8205;
 }
-function qn(t) {
+function Hn(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 65024 && e <= 65039 || e >= 917760 && e <= 917999;
 }
-function Hn(t) {
+function Gn(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 127995 && e <= 127999;
 }
@@ -2272,10 +2284,10 @@ function pt(t) {
   return e === void 0 ? !1 : e >= 127462 && e <= 127487;
 }
 let Ne;
-function Gn(t) {
-  return t ? (Ne || (Ne = Jn()), Ne(t)) : !1;
+function Jn(t) {
+  return t ? (Ne || (Ne = Xn()), Ne(t)) : !1;
 }
-function Jn() {
+function Xn() {
   try {
     const t = new RegExp("\\p{Mark}", "u");
     return (e) => t.test(e);
@@ -2288,17 +2300,17 @@ function Jn() {
 }
 let Pe;
 function Et(t) {
-  return t ? (Pe || (Pe = Xn()), Pe(t)) : !1;
+  return t ? (Pe || (Pe = Zn()), Pe(t)) : !1;
 }
-function Xn() {
+function Zn() {
   try {
     const t = new RegExp("\\p{Extended_Pictographic}", "u");
     return (e) => t.test(e);
   } catch {
-    return Zn;
+    return Qn;
   }
 }
-function Zn(t) {
+function Qn(t) {
   if (!t)
     return !1;
   for (const e of Array.from(t)) {
@@ -2308,7 +2320,7 @@ function Zn(t) {
   }
   return !1;
 }
-function Qn(t) {
+function eo(t) {
   const e = [];
   let r = "", n = 0;
   for (let o = 0; o < t.length; o++) {
@@ -2322,7 +2334,7 @@ function Qn(t) {
   }
   return (n > 0 || r.length > 0) && e.push({ text: r, breaks: n }), e;
 }
-function eo(t) {
+function to(t) {
   if (t.length === 0)
     return [];
   const e = [];
@@ -2371,7 +2383,7 @@ function Rt(t, e) {
       o = !0, i();
       const f = `motion-emoji-${e ? e.emoji++ : s++}`;
       r.push(
-        /* @__PURE__ */ R.jsx("span", { "data-motion-emoji": !0, children: a }, f)
+        /* @__PURE__ */ E.jsx("span", { "data-motion-emoji": !0, children: a }, f)
       );
       continue;
     }
@@ -2379,7 +2391,7 @@ function Rt(t, e) {
   }
   return i(), o ? { nodes: r, sawEmoji: !0 } : { nodes: [t.join("")], sawEmoji: !1 };
 }
-function to(t) {
+function ro(t) {
   if (!t)
     return k.None;
   const e = t.trim();
@@ -2393,8 +2405,8 @@ function to(t) {
   const n = e.split(/\s+/).filter(Boolean);
   if (n.length === 0)
     return k.None;
-  const s = n.map((u) => `.${ro(u)}`).map(
-    (u) => new RegExp(`(^|[^a-zA-Z0-9_-])${no(u)}(?![a-zA-Z0-9_-])`)
+  const s = n.map((u) => `.${no(u)}`).map(
+    (u) => new RegExp(`(^|[^a-zA-Z0-9_-])${oo(u)}(?![a-zA-Z0-9_-])`)
   );
   let i = k.None, a = !1;
   for (const u of Array.from(document.styleSheets)) {
@@ -2422,7 +2434,7 @@ function kt(t, e) {
         const a = s.selectorText ?? "";
         if (!a || !e.some((f) => f.test(a))) continue;
         n = !0;
-        for (const f of Un)
+        for (const f of jn)
           f.hints.some((h) => a.includes(h)) && (r |= f.flag);
         if (r === Fe)
           return { mask: r, sawStyleRule: !0 };
@@ -2436,19 +2448,19 @@ function kt(t, e) {
   }
   return { mask: r, sawStyleRule: n };
 }
-function ro(t) {
+function no(t) {
   return typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(t) : t.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
-function no(t) {
+function oo(t) {
   return t.replace(/[.*+?^${}()|[\]\\]/g, (e) => `\\${e}`);
 }
-const We = "ikon_auth_session", oo = 10080 * 60 * 1e3, so = 60 * 1e3;
-function io(t) {
+const We = "ikon_auth_session", so = 10080 * 60 * 1e3, io = 60 * 1e3;
+function ao(t) {
   try {
     const e = t.split(".");
     if (e.length !== 3) return !0;
     const r = e[1].replace(/-/g, "+").replace(/_/g, "/"), n = r + "=".repeat((4 - r.length % 4) % 4), o = JSON.parse(atob(n));
-    return typeof o.exp != "number" ? !1 : Date.now() >= o.exp * 1e3 - so;
+    return typeof o.exp != "number" ? !1 : Date.now() >= o.exp * 1e3 - io;
   } catch {
     return !0;
   }
@@ -2465,7 +2477,7 @@ function At() {
     const t = localStorage.getItem(We);
     if (!t) return null;
     const e = JSON.parse(t);
-    return Date.now() - e.authenticatedAt > oo || io(e.token) ? (Ae(), null) : e;
+    return Date.now() - e.authenticatedAt > so || ao(e.token) ? (Ae(), null) : e;
   } catch {
     return console.warn("Failed to load auth session from localStorage"), null;
   }
@@ -2503,7 +2515,7 @@ async function Ct(t, e) {
   };
   return pe(s), s;
 }
-async function ao({ email: t, spaceId: e, authUrl: r }) {
+async function co({ email: t, spaceId: e, authUrl: r }) {
   const n = await fetch(`${r}/email/send`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2518,7 +2530,7 @@ async function ao({ email: t, spaceId: e, authUrl: r }) {
     throw new Error(o);
   }
 }
-async function co({ email: t, code: e, authUrl: r }) {
+async function uo({ email: t, code: e, authUrl: r }) {
   const n = await fetch(`${r}/email/code`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2539,21 +2551,21 @@ async function co({ email: t, code: e, authUrl: r }) {
   };
   return pe(s), s;
 }
-function uo() {
+function lo() {
   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 lo() {
+function fo() {
   return new URLSearchParams(window.location.search).get("error");
 }
 function mt() {
   window.history.replaceState({}, "", window.location.pathname);
 }
-function fo(t, e, r, n) {
+function po(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 po(t) {
+async function ho(t) {
   const e = await fetch(`${t}/passkey/registration/options`, {
     method: "POST",
     headers: { "Content-Type": "application/json" }
@@ -2564,7 +2576,7 @@ async function po(t) {
   }
   return e.json();
 }
-async function ho(t, e, r) {
+async function mo(t, e, r) {
   const n = await fetch(`${t}/passkey/registration/verify`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2581,7 +2593,7 @@ async function ho(t, e, r) {
   };
   return pe(s), s;
 }
-async function mo(t, e) {
+async function go(t, e) {
   const r = await fetch(`${t}/passkey/authentication/options`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2593,7 +2605,7 @@ async function mo(t, e) {
   }
   return r.json();
 }
-async function go(t, e) {
+async function yo(t, e) {
   const r = await fetch(`${t}/passkey/authentication/verify`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2624,9 +2636,9 @@ function Te(t) {
   return s;
 }
 function qe() {
-  return yo.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
+  return bo.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
 }
-const yo = {
+const bo = {
   stubThis: (t) => t
 };
 function It(t) {
@@ -2659,7 +2671,7 @@ class x extends Error {
     }), this.name = o ?? n.name, this.code = r;
   }
 }
-function bo({ error: t, options: e }) {
+function So({ error: t, options: e }) {
   const { publicKey: r } = e;
   if (!r)
     throw Error("options was missing required publicKey property");
@@ -2745,7 +2757,7 @@ function bo({ error: t, options: e }) {
   }
   return t;
 }
-class So {
+class wo {
   constructor() {
     Object.defineProperty(this, "controller", {
       enumerable: !0,
@@ -2769,12 +2781,12 @@ class So {
     }
   }
 }
-const Ot = new So(), wo = ["cross-platform", "platform"];
+const Ot = new wo(), vo = ["cross-platform", "platform"];
 function Nt(t) {
-  if (t && !(wo.indexOf(t) < 0))
+  if (t && !(vo.indexOf(t) < 0))
     return t;
 }
-async function vo(t) {
+async function Eo(t) {
   !t.optionsJSON && t.challenge && (console.warn("startRegistration() was not called correctly. It will try to continue with the provided options, but this call should be refactored to use the expected call structure instead. See https://simplewebauthn.dev/docs/packages/browser#typeerror-cannot-read-properties-of-undefined-reading-challenge for more information."), t = { optionsJSON: t });
   const { optionsJSON: e, useAutoRegister: r = !1 } = t;
   if (!qe())
@@ -2793,7 +2805,7 @@ async function vo(t) {
   try {
     s = await navigator.credentials.create(o);
   } catch (l) {
-    throw bo({ error: l, options: o });
+    throw So({ error: l, options: o });
   }
   if (!s)
     throw new Error("Registration was not completed");
@@ -2842,7 +2854,7 @@ function Me(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 Eo() {
+function Ro() {
   if (!qe())
     return Le.stubThis(new Promise((e) => e(!1)));
   const t = globalThis.PublicKeyCredential;
@@ -2851,7 +2863,7 @@ function Eo() {
 const Le = {
   stubThis: (t) => t
 };
-function Ro({ error: t, options: e }) {
+function ko({ error: t, options: e }) {
   const { publicKey: r } = e;
   if (!r)
     throw Error("options was missing required publicKey property");
@@ -2892,7 +2904,7 @@ function Ro({ error: t, options: e }) {
   }
   return t;
 }
-async function ko(t) {
+async function Ao(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 (!qe())
@@ -2905,7 +2917,7 @@ async function ko(t) {
     allowCredentials: o
   }, i = {};
   if (r) {
-    if (!await Eo())
+    if (!await Ro())
       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');
@@ -2916,7 +2928,7 @@ async function ko(t) {
   try {
     a = await navigator.credentials.get(i);
   } catch (c) {
-    throw Ro({ error: c, options: i });
+    throw ko({ error: c, options: i });
   }
   if (!a)
     throw new Error("Authentication was not completed");
@@ -2937,16 +2949,16 @@ async function ko(t) {
   };
 }
 const He = gt(null);
-function Ko({ children: t, config: e }) {
-  const [r, n] = q({
+function zo({ children: t, config: e }) {
+  const [r, n] = z({
     isAuthenticated: !1,
     isLoading: !0,
     user: null,
     error: null
   });
-  P(() => {
+  O(() => {
     (() => {
-      const y = lo();
+      const y = fo();
       if (y) {
         mt(), n({
           isAuthenticated: !1,
@@ -2956,7 +2968,7 @@ function Ko({ children: t, config: e }) {
         });
         return;
       }
-      const c = uo();
+      const c = lo();
       if (c) {
         const m = {
           token: c.token,
@@ -3021,7 +3033,7 @@ function Ko({ children: t, config: e }) {
       if (p === "passkey") {
         n((c) => ({ ...c, isLoading: !0, error: null }));
         try {
-          const c = await mo(y), l = await ko({ optionsJSON: c }), m = await go(y, l);
+          const c = await go(y), l = await Ao({ optionsJSON: c }), m = await yo(y, l);
           n({
             isAuthenticated: !0,
             isLoading: !1,
@@ -3039,7 +3051,7 @@ function Ko({ children: t, config: e }) {
       }
       if (p === "email")
         throw new Error("login('email') is not supported. Use requestEmailCode()/submitEmailCode() from useAuth() instead.");
-      window.location.href = fo(p, e.spaceId, y);
+      window.location.href = po(p, e.spaceId, y);
     },
     [e.authUrl, e.spaceId]
   ), s = U(
@@ -3047,14 +3059,14 @@ function Ko({ children: t, config: e }) {
       if (!e.spaceId)
         throw n((c) => ({ ...c, error: "Space ID is not configured" })), new Error("Space ID is not configured");
       const y = de(e.authUrl);
-      await ao({ email: p, spaceId: e.spaceId, authUrl: y });
+      await co({ email: p, spaceId: e.spaceId, authUrl: y });
     },
     [e.authUrl, e.spaceId]
   ), i = U(
     async (p, y) => {
       n((c) => ({ ...c, isLoading: !0, error: null }));
       try {
-        const c = de(e.authUrl), l = await co({ email: p, code: y, authUrl: c });
+        const c = de(e.authUrl), l = await uo({ email: p, code: y, authUrl: c });
         n({
           isAuthenticated: !0,
           isLoading: !1,
@@ -3079,7 +3091,7 @@ function Ko({ children: t, config: e }) {
       const y = de(e.authUrl);
       n((c) => ({ ...c, isLoading: !0, error: null }));
       try {
-        const c = await po(y), l = await vo({ optionsJSON: c }), m = await ho(y, l, p);
+        const c = await ho(y), l = await Eo({ optionsJSON: c }), m = await mo(y, l, p);
         n({
           isAuthenticated: !0,
           isLoading: !1,
@@ -3107,20 +3119,20 @@ function Ko({ children: t, config: e }) {
     }),
     [r, o, a, f, u, s, i]
   );
-  return /* @__PURE__ */ R.jsx(He, { value: h, children: t });
+  return /* @__PURE__ */ E.jsx(He, { value: h, children: t });
 }
-function Ao() {
+function To() {
   const t = Ke(He);
   if (!t)
     throw new Error("useAuth must be used within an AuthProvider");
   return t;
 }
-function To() {
+function Co() {
   return Ke(He);
 }
-function zo(t) {
-  const { config: e, guestUrlParam: r } = t, { state: n, login: o } = Ao(), s = v(!1);
-  return P(() => {
+function Yo(t) {
+  const { config: e, guestUrlParam: r } = t, { state: n, login: o } = To(), s = v(!1);
+  return O(() => {
     if (!r || n.isAuthenticated || n.isLoading || s.current || !e.methods.includes("guest"))
       return;
     const i = new URLSearchParams(window.location.search), a = i.get(r);
@@ -3136,7 +3148,7 @@ function zo(t) {
     error: n.error
   };
 }
-function Yo({
+function Wo({
   connectionState: t,
   error: e,
   isReady: r,
@@ -3181,25 +3193,25 @@ function Yo({
   }
 }
 const ve = fe("useIkonApp");
-function Co() {
+function Io() {
   if (typeof window < "u" && window.__IKON_AUTH_CONFIG__)
     return window.__IKON_AUTH_CONFIG__;
 }
-function Io() {
+function _o() {
   if (typeof window < "u" && window.__IKON_LOCAL_IKON_SERVER_CONFIG__)
     return window.__IKON_LOCAL_IKON_SERVER_CONFIG__;
 }
-function Wo(t) {
-  const { authConfig: e, modules: r, timeouts: n, backgroundAudio: o, webRtc: s, audio: i, video: a, websocket: u, webtransport: f, proxy: h } = t, p = e === void 0 ? Co() ?? null : e, y = Io(), c = To(), l = v(null), m = v(null), g = v(null), b = v(!1), S = v(!1), O = v(o), _ = v(n), M = v(s), L = v(i), G = v(a), T = v(u), N = v(f), D = v(h);
-  O.current = o, _.current = n, M.current = s, L.current = i, G.current = a, T.current = u, N.current = f, D.current = h;
-  const [j, B] = q("idle"), [V, he] = q(null), [ne, me] = q(null), [oe, ge] = q(null), [X, ye] = q(null), d = v(!1), [w, A] = q(0), E = $(() => {
+function qo(t) {
+  const { authConfig: e, modules: r, timeouts: n, backgroundAudio: o, webRtc: s, audio: i, video: a, websocket: u, webtransport: f, proxy: h } = t, p = e === void 0 ? Io() ?? null : e, y = _o(), c = Co(), l = v(null), m = v(null), g = v(null), b = v(!1), S = v(!1), N = v(o), _ = v(n), M = v(s), L = v(i), G = v(a), T = v(u), P = v(f), D = v(h);
+  N.current = o, _.current = n, M.current = s, L.current = i, G.current = a, T.current = u, P.current = f, D.current = h;
+  const [j, B] = z("idle"), [V, he] = z(null), [ne, me] = z(null), [oe, ge] = z(null), [X, ye] = z(null), d = v(!1), [w, A] = z(0), R = $(() => {
     try {
       const I = Kt();
       return (I.sessionId || I.channelKey) && zt(), I;
     } catch {
       return { parameters: {} };
     }
-  }, []), K = $(() => p?.enabled ? At() : null, [p?.enabled, w]), Z = y?.enabled ?? !1, C = y?.host ?? "localhost", Y = y?.port ?? 8443;
+  }, []), K = $(() => p?.enabled ? At() : null, [p?.enabled, w]), Z = y?.enabled ?? !1, C = y?.host ?? "localhost", W = y?.port ?? 8443;
   !Z && Ge() && p && !p.enabled && p.spaceId && !X && !d.current && (d.current = !0, Ct(p.spaceId, de(p.authUrl)).then((I) => {
     ye(I.token);
   }).catch((I) => {
@@ -3211,13 +3223,13 @@ function Wo(t) {
       return {
         local: {
           host: C,
-          httpsPort: Y,
+          httpsPort: W,
           userId: I,
           token: K?.token ?? void 0,
           spaceId: p?.spaceId,
           backendUrl: p?.backendUrl,
           authUrl: p?.authUrl,
-          parameters: E.parameters
+          parameters: R.parameters
         }
       };
     }
@@ -3226,78 +3238,78 @@ function Wo(t) {
         token: K.token,
         spaceId: p.spaceId,
         backendType: Je(),
-        sessionId: E.sessionId,
-        channelKey: E.channelKey,
-        parameters: E.parameters
+        sessionId: R.sessionId,
+        channelKey: R.channelKey,
+        parameters: R.parameters
       }
     } : X && p?.spaceId ? {
       sessionToken: {
         token: X,
         spaceId: p.spaceId,
         backendType: Je(),
-        sessionId: E.sessionId,
-        channelKey: E.channelKey,
-        parameters: E.parameters
+        sessionId: R.sessionId,
+        channelKey: R.channelKey,
+        parameters: R.parameters
       }
     } : Ge() ? null : {
       local: {
         host: C,
-        httpsPort: Y,
+        httpsPort: W,
         spaceId: p?.spaceId,
         backendUrl: p?.backendUrl,
         authUrl: p?.authUrl,
-        parameters: E.parameters
+        parameters: R.parameters
       }
     };
-  }, [Z, C, Y, K?.token, p?.spaceId, p?.backendUrl, p?.authUrl, X, E.sessionId, E.channelKey, E.parameters]);
-  mn(oe);
-  const Mt = yn(oe);
-  P(() => {
+  }, [Z, C, W, K?.token, p?.spaceId, p?.backendUrl, p?.authUrl, X, R.sessionId, R.channelKey, R.parameters]);
+  gn(oe);
+  const Mt = bn(oe);
+  O(() => {
     if (!b.current) {
-      if (b.current = !0, g.current = an(), r)
+      if (b.current = !0, g.current = cn(), r)
         for (const I of r)
           I(g.current);
       g.current.loadRegisteredModules().catch((I) => {
         ve.error("Failed to load UI modules", I);
       });
     }
-  }, []), P(() => {
+  }, []), O(() => {
     if (!se) return;
     const I = new Wt({
       ...se,
       timeouts: _.current,
-      audio: L.current !== void 0 || O.current ? {
+      audio: L.current !== void 0 || N.current ? {
         enabled: L.current,
-        ...O.current ? { background: { allowOnDesktop: !0, allowOnMobile: !0 } } : {}
+        ...N.current ? { background: { allowOnDesktop: !0, allowOnMobile: !0 } } : {}
       } : void 0,
       video: G.current !== void 0 ? { enabled: G.current } : void 0,
       mediaSession: { title: document.title || void 0, artist: document.title || void 0 },
       webRtc: M.current === !1 ? { enabled: !1 } : void 0,
       websocket: T.current,
-      webtransport: N.current,
+      webtransport: P.current,
       proxy: D.current,
-      onConnectionStateChange: (W) => {
-        B(W);
+      onConnectionStateChange: (q) => {
+        B(q);
       },
-      onError: (W) => {
-        he(W.message);
+      onError: (q) => {
+        he(q.message);
       }
     });
     l.current = I;
-    const Q = new mr({ client: I });
-    return m.current = Q, ge(Q), I.connect().catch((W) => {
-      if (ve.error("Connection failed:", W), W instanceof qt) {
-        me(W.reason);
+    const Q = new gr({ client: I });
+    return m.current = Q, ge(Q), I.connect().catch((q) => {
+      if (ve.error("Connection failed:", q), q instanceof qt) {
+        me(q.reason);
         return;
       }
-      W instanceof Ht && !S.current && (S.current = !0, ve.warn("Auth session appears stale, clearing and retrying"), c ? c.logout() : (Ae(), A((Ut) => Ut + 1)));
+      q instanceof Ht && !S.current && (S.current = !0, ve.warn("Auth session appears stale, clearing and retrying"), c ? c.logout() : (Ae(), A((Ut) => Ut + 1)));
     }), () => {
       I.disconnect(), l.current = null, Q.dispose(), m.current = null;
     };
   }, [se]);
   const Lt = U((I, Q) => {
-    const W = typeof Q == "string" ? Q : JSON.stringify(Q ?? {});
-    l.current?.sendActionCall(I, W);
+    const q = typeof Q == "string" ? Q : JSON.stringify(Q ?? {});
+    l.current?.sendActionCall(I, q);
   }, []), xt = j === "connected" || j === "reconnecting";
   return {
     connectionState: j,
@@ -3315,7 +3327,7 @@ function Wo(t) {
     webRtcTrackMap: l.current?.webRtcTrackMap ?? /* @__PURE__ */ new Map()
   };
 }
-function qo(t) {
+function Ho(t) {
   const e = v(!1);
   return U(() => {
     if (e.current) return;
@@ -3324,18 +3336,18 @@ function qo(t) {
     r.rel = "stylesheet", r.href = t, document.head.appendChild(r);
   }, [t]);
 }
-let _o = 0;
-function Ho(t = 5, e = 5e3) {
-  const [r, n] = q([]), o = v(/* @__PURE__ */ new Map()), s = U((i) => {
+let Oo = 0;
+function Go(t = 5, e = 5e3) {
+  const [r, n] = z([]), o = v(/* @__PURE__ */ new Map()), s = U((i) => {
     const a = o.current.get(i);
     a && (clearTimeout(a), o.current.delete(i)), n((u) => u.filter((f) => f.id !== i));
   }, []);
-  return P(() => {
+  return O(() => {
     const i = o.current, a = Gt(
       (u) => {
         if (!Jt())
           return;
-        const f = `toast-${++_o}`, h = u.level === Xe.ERROR ? "error" : "warn", p = {
+        const f = `toast-${++Oo}`, h = u.level === Xe.ERROR ? "error" : "warn", p = {
           id: f,
           level: h,
           message: u.message,
@@ -3357,102 +3369,121 @@ function Ho(t = 5, e = 5e3) {
     };
   }, [t, e, s]), { toasts: r, dismissToast: s };
 }
+function Jo(t, e, r) {
+  const [n, o] = z(r);
+  return O(() => {
+    if (!t)
+      return;
+    let s = !0, i = null;
+    return t.reactiveRegistry.subscribe(e, (a) => {
+      s && o(a);
+    }).then((a) => {
+      s ? i = a : a();
+    }).catch((a) => {
+      console.warn(`useIkonReactive: subscribe to '${e}' failed`, a);
+    }), () => {
+      s = !1, i?.();
+    };
+  }, [t, e]), n;
+}
 const Pt = gt(null);
-function Oo(t, e) {
+function No(t, e) {
   return e ? t.replace(/\{(\w+)\}/g, (r, n) => e[n] ?? `{${n}}`) : t;
 }
-function No(t, e) {
+function Po(t, e) {
   const r = Xt();
   if (r && t.includes(r))
     return r;
   const n = navigator.language.split("-")[0];
   return t.includes(n) ? n : e && t.includes(e) ? e : "en";
 }
-function Po(t, e, r) {
-  return e ? No(t, r) : r && t.includes(r) ? r : "en";
+function Mo(t, e, r) {
+  return e ? Po(t, r) : r && t.includes(r) ? r : "en";
 }
-function Go({
+function Xo({
   children: t,
   translations: e,
   defaultLanguage: r,
   detectLanguage: n = !1
 }) {
-  const o = Object.keys(e), s = Po(o, n, r), i = e[s] ?? e.en, a = $(
+  const o = Object.keys(e), s = Mo(o, n, r), i = e[s] ?? e.en, a = $(
     () => ({
       t: (u, f) => {
         const h = i[u];
-        return Oo(h, f);
+        return No(h, f);
       },
       locale: s,
       translations: i
     }),
     [i, s]
   );
-  return /* @__PURE__ */ R.jsx(Pt, { value: a, children: t });
+  return /* @__PURE__ */ E.jsx(Pt, { value: a, children: t });
 }
-function Jo() {
+function Zo() {
   const t = Ke(Pt);
   if (!t)
     throw new Error("useI18n must be used within an I18nProvider");
   return t;
 }
 export {
-  Ko as AuthProvider,
-  Yo as ConnectionStateRenderer,
-  Go as I18nProvider,
-  _r as IKON_UI_BASE_MODULE,
-  $r as IKON_UI_MEDIA_MODULE,
-  rn as IKON_UI_SHADERTOY_MODULE,
-  en as IKON_UI_SHADERTOY_TYPE,
+  zo as AuthProvider,
+  Wo as ConnectionStateRenderer,
+  Xo as I18nProvider,
+  Or as IKON_UI_BASE_MODULE,
+  Vr as IKON_UI_MEDIA_MODULE,
+  nn as IKON_UI_SHADERTOY_MODULE,
+  tn as IKON_UI_SHADERTOY_TYPE,
   Ue as IKON_UI_STREAM_CATEGORY,
-  Ur as IKON_UI_VIDEO_CANVAS_TYPE,
-  jr as IKON_UI_VIDEO_URL_PLAYER_TYPE,
-  mr as IkonUi,
-  sn as IkonUiRegistry,
-  Do as IkonUiSurface,
+  jr as IKON_UI_VIDEO_CANVAS_TYPE,
+  Dr as IKON_UI_VIDEO_URL_PLAYER_TYPE,
+  gr as IkonUi,
+  an as IkonUiRegistry,
+  mr as IkonUiSurface,
   fr as InspectOverlay,
+  Bo as ParallaxView,
   dr as UiComponentRegistry,
   lr as UiRenderer,
-  Qo as UiStreamStore,
-  Bo as areIkonUiModuleListsEqual,
+  ts as UiStreamStore,
+  Fo as areIkonUiModuleListsEqual,
   Ct as authenticateAnonymous,
-  fo as buildOAuthRedirectUrl,
+  po as buildOAuthRedirectUrl,
   Ae as clearAuthSession,
   mt as clearOAuthParams,
-  Ir as createBaseResolvers,
-  Uo as createComponentLibrary,
-  an as createIkonUiRegistry,
-  Br as createMediaResolvers,
-  tn as createShadertoyRendererResolver,
+  _r as createBaseResolvers,
+  jo as createComponentLibrary,
+  cn as createIkonUiRegistry,
+  Fr as createMediaResolvers,
+  rn as createShadertoyRendererResolver,
   hr as isIkonUiCategoryMatch,
   At as loadAuthSession,
-  Or as loadBaseModule,
-  Vr as loadMediaModule,
-  nn as loadShadertoyModule,
-  Ln as normalizeIkonUiModuleList,
-  $o as parseIkonUiInitPayload,
-  uo as parseOAuthCallback,
-  lo as parseOAuthError,
-  xn as readIkonUiModules,
-  Fo as readIkonUiModulesFromSources,
-  Nr as registerBaseModule,
-  Kr as registerMediaModule,
-  on as registerShadertoyModule,
+  Nr as loadBaseModule,
+  Kr as loadMediaModule,
+  on as loadShadertoyModule,
+  xn as normalizeIkonUiModuleList,
+  Vo as parseIkonUiInitPayload,
+  lo as parseOAuthCallback,
+  fo as parseOAuthError,
+  Un as readIkonUiModules,
+  $o as readIkonUiModulesFromSources,
+  Pr as registerBaseModule,
+  zr as registerMediaModule,
+  sn as registerShadertoyModule,
   cr as renderChildren,
-  Vo as renderMotionLetters,
+  Ko as renderMotionLetters,
   pe as saveAuthSession,
-  ao as sendLoginCode,
+  co as sendLoginCode,
   ee as sessionToUser,
-  Ao as useAuth,
-  zo as useAuthGuard,
-  To as useAuthOptional,
-  Jo as useI18n,
-  Wo as useIkonApp,
-  mn as useIkonStyles,
-  yn as useIkonUiStores,
-  qo as useLazyFont,
-  Ho as useToasts,
+  To as useAuth,
+  Yo as useAuthGuard,
+  Co as useAuthOptional,
+  Zo as useI18n,
+  qo as useIkonApp,
+  Jo as useIkonReactive,
+  gn as useIkonStyles,
+  bn as useIkonUiStores,
+  Ho as useLazyFont,
+  Go as useToasts,
   J as useUiNode,
-  jo as useUiStore,
-  co as verifyLoginCode
+  Do as useUiStore,
+  uo as verifyLoginCode
 };