@ikonai/sdk-react-ui 1.0.52 → 1.0.54

package/index.js

@@ -1,7 +1,7 @@
-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 { 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";
+import { IkonUiCore as Dt, UiStreamStore as Bt } from "@ikonai/sdk-ui";
+import { UiStreamStore as ns } from "@ikonai/sdk-ui";
+import Ft, { useSyncExternalStore as Ve, useMemo as V, memo as Y, useRef as v, useCallback as U, Fragment as $t, useEffect as N, useState as $, use as Ke, createContext as gt } from "react";
+import { createLogger as fe, isInspectModeEnabled as Vt, getOrCreateDeviceId as Kt, deriveAuthUrl as de, parseUrlParams as zt, clearSessionParamsFromUrl as Yt, isCloudEnvironment as Ge, extractUserIdFromToken as Wt, deriveBackendType as Je, IkonClient as Ht, AccessDeniedError as qt, AuthenticationError as Gt, subscribeToLogEvents as Jt, isDebugModeEnabled as Xt, LogLevel as Xe, getLangParam as Zt } from "@ikonai/sdk";
 var Se = { exports: {} }, ie = {};
 /**
  * @license React
@@ -13,7 +13,7 @@ var Se = { exports: {} }, ie = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Ze;
-function Zt() {
+function Qt() {
   if (Ze) return ie;
   Ze = 1;
   var t = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
@@ -45,7 +45,7 @@ var ae = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Qe;
-function Qt() {
+function er() {
   return Qe || (Qe = 1, process.env.NODE_ENV !== "production" && (function() {
     function t(d) {
       if (d == null) return null;
@@ -72,16 +72,16 @@ function Qt() {
         ), d.$$typeof) {
           case m:
             return "Portal";
-          case _:
+          case C:
             return d.displayName || "Context";
           case O:
             return (d._context.displayName || "Context") + ".Consumer";
-          case M:
+          case P:
             var w = d.render;
             return d = d.displayName, d || (d = w.displayName || w.name || "", d = d !== "" ? "ForwardRef(" + d + ")" : "ForwardRef"), d;
-          case T:
+          case I:
             return w = d.displayName || null, w !== null ? w : t(d.type) || "Memo";
-          case N:
+          case M:
             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 === M)
         return "<...>";
       try {
         var w = t(d);
@@ -129,7 +129,7 @@ function Qt() {
       return Error("react-stack-top-frame");
     }
     function i(d) {
-      if (V.call(d, "key")) {
+      if (K.call(d, "key")) {
         var w = Object.getOwnPropertyDescriptor(d, "key").get;
         if (w && w.isReactWarning) return !1;
       }
@@ -153,15 +153,15 @@ 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) {
-      var C = A.ref;
+    function f(d, w, A, R, z, Z) {
+      var _ = A.ref;
       return d = {
         $$typeof: l,
         type: d,
         key: w,
         props: A,
-        _owner: E
-      }, (C !== void 0 ? C : null) !== null ? Object.defineProperty(d, "ref", {
+        _owner: R
+      }, (_ !== void 0 ? _ : null) !== null ? Object.defineProperty(d, "ref", {
         enumerable: !1,
         get: u
       }) : Object.defineProperty(d, "ref", { enumerable: !1, value: null }), d._store = {}, Object.defineProperty(d._store, "validated", {
@@ -178,7 +178,7 @@ function Qt() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: K
+        value: z
       }), Object.defineProperty(d, "_debugTask", {
         configurable: !1,
         enumerable: !1,
@@ -186,61 +186,61 @@ function Qt() {
         value: Z
       }), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
     }
-    function h(d, w, A, E, K, Z) {
-      var C = w.children;
-      if (C !== void 0)
-        if (E)
-          if (he(C)) {
-            for (E = 0; E < C.length; E++)
-              p(C[E]);
-            Object.freeze && Object.freeze(C);
+    function h(d, w, A, R, z, Z) {
+      var _ = w.children;
+      if (_ !== void 0)
+        if (R)
+          if (he(_)) {
+            for (R = 0; R < _.length; R++)
+              p(_[R]);
+            Object.freeze && Object.freeze(_);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else p(C);
-      if (V.call(w, "key")) {
-        C = t(d);
-        var Y = Object.keys(w).filter(function(se) {
+        else p(_);
+      if (K.call(w, "key")) {
+        _ = t(d);
+        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[_ + 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,
-          C,
-          Y,
-          C
-        ), ye[C + E] = !0);
+          R,
+          _,
+          W,
+          _
+        ), ye[_ + R] = !0);
       }
-      if (C = null, A !== void 0 && (r(A), C = "" + A), i(w) && (r(w.key), C = "" + w.key), "key" in w) {
+      if (_ = null, A !== void 0 && (r(A), _ = "" + A), i(w) && (r(w.key), _ = "" + w.key), "key" in w) {
         A = {};
         for (var be in w)
           be !== "key" && (A[be] = w[be]);
       } else A = w;
-      return C && a(
+      return _ && a(
         A,
         typeof d == "function" ? d.displayName || d.name || "Unknown" : d
       ), f(
         d,
-        C,
+        _,
         A,
         o(),
-        K,
+        z,
         Z
       );
     }
     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 === M && (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 = Ft, 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"), C = Symbol.for("react.context"), P = Symbol.for("react.forward_ref"), L = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), I = Symbol.for("react.memo"), M = 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, K = Object.prototype.hasOwnProperty, he = Array.isArray, ne = console.createTask ? console.createTask : function() {
       return null;
     };
     c = {
@@ -253,34 +253,34 @@ 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;
 }
 var et;
-function er() {
-  return et || (et = 1, process.env.NODE_ENV === "production" ? Se.exports = Zt() : Se.exports = Qt()), Se.exports;
+function tr() {
+  return et || (et = 1, process.env.NODE_ENV === "production" ? Se.exports = Qt() : Se.exports = er()), Se.exports;
 }
-var R = er();
-function tr(t, e) {
+var E = tr();
+function rr(t, e) {
   const r = Ve(
     (n) => t.subscribe(n),
     () => {
@@ -292,7 +292,7 @@ function tr(t, e) {
       return `${o ?? ""}:${s?.id ?? ""}`;
     }
   );
-  return $(() => {
+  return V(() => {
     const [n, o] = r.split(":");
     return {
       rootViewId: n || void 0,
@@ -306,10 +306,10 @@ function J(t, e) {
     () => t.getNodeVersion(e),
     () => t.getNodeVersion(e)
   );
-  return $(() => t.getNode(e), [t, e, r]);
+  return V(() => t.getNode(e), [t, e, r]);
 }
-const rr = fe("UIRenderer");
-function nr(t) {
+const nr = fe("UIRenderer");
+function or(t) {
   if (t === void 0)
     return "{}";
   if (typeof t == "string")
@@ -320,18 +320,18 @@ function nr(t) {
     return "{}";
   }
 }
-function or(t) {
+function sr(t) {
   const e = t.styleIds;
   return Array.isArray(e) ? e : [];
 }
-function sr(t) {
+function ir(t) {
   const e = t.children;
   return Array.isArray(e) ? e : [];
 }
-function ir(t, e) {
+function ar(t, e) {
   return t.nodeId === e.nodeId && t.context === e.context;
 }
-function ar(t) {
+function cr(t) {
   if (t.length === 0) return "";
   if (t.length === 1) return t[0].id;
   let e = t[0].id;
@@ -339,30 +339,30 @@ function ar(t) {
     e += "," + t[r].id;
   return e;
 }
-const xe = z(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)),
+const xe = Y(function t({ nodeId: e, context: r }) {
+  const n = J(r.store, e), o = n ? ir(n) : [], s = cr(o), i = V(
+    () => 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($t, { 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 });
-}, 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 nr.warn(`No renderer for node type ${n.type}`), null;
+  const u = sr(n), f = u.length > 0 ? u.join(" ") : void 0, h = a;
+  return /* @__PURE__ */ E.jsx(h, { nodeId: e, context: r, className: f });
+}, ar);
 function ur(t, e) {
+  return !Array.isArray(t) || t.length === 0 ? null : t.map((r) => /* @__PURE__ */ E.jsx(xe, { nodeId: r.id, context: e }, r.id));
+}
+function lr(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 { rootViewId: u, rootNodeId: f } = tr(e, n), h = v(s);
+const dr = Y(function({ store: e, library: r, viewId: n, emptyFallback: o = null, onAction: s, client: i, video: a }) {
+  const { rootViewId: u, rootNodeId: f } = rr(e, n), h = v(s);
   h.current = s;
   const p = v(i);
   p.current = i;
@@ -371,19 +371,19 @@ const lr = z(function({ store: e, library: r, viewId: n, emptyFallback: o = null
   const c = U((m, g) => {
     if (!m)
       return;
-    const b = nr(g);
+    const b = or(g);
     h.current?.(m, b);
-  }, []), l = $(() => {
+  }, []), l = V(() => {
     const m = {
       store: e,
       library: r,
       handlerCache: e.handlerCache,
       // Access payloads from store at call time, not captured snapshot
       getPayload: (g) => e.getSnapshot().payloads.get(g),
-      renderChildren: (g) => cr(g, m),
+      renderChildren: (g) => ur(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,9 +396,9 @@ 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 }) });
-}, ur);
-class dr {
+  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 }) });
+}, lr);
+class fr {
   constructor(e, r) {
     if (this.fallback = r, e)
       for (const [n, o] of e)
@@ -415,20 +415,20 @@ class dr {
     return this.renderers.get(e.type) ?? this.fallback;
   }
 }
-function Uo(t, e) {
+function Bo(t, e) {
   const r = Object.entries(t);
-  return new dr(r, e);
+  return new fr(r, e);
 }
-function jo(t) {
+function Fo(t) {
   return Ve(
     (e) => t.subscribe(e),
     () => t.getSnapshot(),
     () => t.getSnapshot()
   );
 }
-function fr() {
-  const t = $t();
-  return P(() => {
+function pr() {
+  const t = Vt();
+  return N(() => {
     if (!t)
       return;
     let e = window.parent === window, r = null, n = [];
@@ -531,18 +531,18 @@ 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 L = M.getBoundingClientRect();
-          L.right > l && L.left < g && L.bottom > m && L.top < b && _.push({
-            sourceMarker: M.getAttribute("data-ikon-source") ?? "",
-            tagName: M.tagName.toLowerCase(),
-            textContent: (M.textContent ?? "").trim().substring(0, 200)
+        const { x1: l, y1: m, x2: g, y2: b, append: S } = c.data, O = document.querySelectorAll("[data-ikon-source]"), C = [];
+        for (const P of O) {
+          const L = P.getBoundingClientRect();
+          L.right > l && L.left < g && L.bottom > m && L.top < b && C.push({
+            sourceMarker: P.getAttribute("data-ikon-source") ?? "",
+            tagName: P.tagName.toLowerCase(),
+            textContent: (P.textContent ?? "").trim().substring(0, 200)
           });
         }
-        _.length > 0 && window.parent.postMessage({
+        C.length > 0 && window.parent.postMessage({
           type: "ikon-inspect-rect-result",
-          payload: { elements: _, append: S ?? !1 }
+          payload: { elements: C, append: S ?? !1 }
         }, "*");
       }
       c.data?.type === "ikon-inspect-highlight" && i(c.data.markers ?? []), c.data?.type === "ikon-inspect-clear" && s();
@@ -552,35 +552,35 @@ function fr() {
     };
   }, [t]), null;
 }
-const pr = fe("IkonUiSurface"), Ue = "ikon-ui";
-function hr(t, e) {
+const hr = fe("IkonUiSurface"), Ue = "ikon-ui";
+function mr(t, e) {
   return t === e;
 }
-const Do = z(function({ stores: e, registry: r, category: n = Ue, onAction: o, client: s }) {
-  const i = $(() => Array.from(e.keys()).sort().join(","), [e]), a = v(o);
+const gr = Y(function({ stores: e, registry: r, category: n = Ue, onAction: o, client: s }) {
+  const i = V(() => Array.from(e.keys()).sort().join(","), [e]), a = v(o);
   a.current = o;
   const u = v(s);
   u.current = s;
-  const f = $(
+  const f = V(
     () => {
       const y = [];
       for (const [c, l] of e) {
         const m = l.store.getSnapshot();
-        hr(l.category, n) && (!m.rootViewId || !m.views.has(m.rootViewId) || y.push({ key: c, store: l.store }));
+        mr(l.category, n) && (!m.rootViewId || !m.views.has(m.rootViewId) || y.push({ key: c, store: l.store }));
       }
       return y;
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [e, n, i]
   ), h = v(!1), p = f.length > 0;
-  return P(() => {
-    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))
+  return N(() => {
+    p && !h.current && (h.current = !0, hr.debug("First UI render"));
+  }, [p]), p ? /* @__PURE__ */ E.jsxs(E.Fragment, { children: [
+    /* @__PURE__ */ E.jsx(pr, {}),
+    f.map(({ key: y, store: c }) => /* @__PURE__ */ E.jsx(dr, { store: c, library: r, onAction: a.current, client: u.current, video: u.current?.media?.video }, y))
   ] }) : null;
 });
-class mr {
+class yr {
   core;
   ownsCore;
   stores = /* @__PURE__ */ new Map();
@@ -588,7 +588,7 @@ class mr {
   unsubscribeClears;
   unsubscribeStoreChanges;
   constructor(e) {
-    this.core = e?.core ?? new jt({ 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 Dt({ 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();
@@ -639,7 +639,7 @@ class mr {
       return r;
     const n = {
       category: Ue,
-      store: new Dt()
+      store: new Bt()
     };
     return this.stores.set(e, n), n;
   }
@@ -655,7 +655,7 @@ class mr {
       r(e);
   }
 }
-function gr(t) {
+function br(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(), Sr = {};
 function Ye(t) {
   if (!t)
-    return yr;
+    return Sr;
   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 wr(t) {
   let e = t.parentElement;
   for (; e; ) {
     const n = window.getComputedStyle(e).overflowY;
@@ -702,26 +702,27 @@ function br(t) {
   }
   return null;
 }
-function yt(t, e) {
+const yt = 1.5;
+function bt(t, e) {
   requestAnimationFrame(() => {
-    const r = t.getBoundingClientRect(), n = e.getBoundingClientRect(), o = t.scrollTop + (n.bottom - r.bottom) + 16;
-    "scrollBehavior" in document.documentElement.style ? t.scrollTo({ top: o, behavior: "smooth" }) : t.scrollTop = o;
+    const r = t.getBoundingClientRect(), n = e.getBoundingClientRect(), o = t.scrollTop + (n.bottom - r.bottom) + 16, i = Math.abs(o - t.scrollTop) > t.clientHeight * yt ? "auto" : "smooth";
+    "scrollBehavior" in document.documentElement.style ? t.scrollTo({ top: o, behavior: i }) : t.scrollTop = o;
   });
 }
-const je = "data-ikon-scroll-indicator", Sr = 0.15, Ee = "data-ikon-at-bottom";
-function bt(t) {
-  return Math.max(t.clientHeight * Sr, 20);
+const je = "data-ikon-scroll-indicator", vr = 0.15, Ee = "data-ikon-at-bottom";
+function St(t) {
+  return Math.max(t.clientHeight * vr, 20);
 }
-function wr(t) {
+function Er(t) {
   return t.getAttribute(Ee) !== "false";
 }
-function vr(t) {
+function Rr(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);
+    const { scrollTop: e, scrollHeight: r, clientHeight: n } = t, s = r - e - n <= St(t);
     t.setAttribute(Ee, s ? "true" : "false");
   }, { passive: !0 }));
 }
-function Er(t) {
+function kr(t) {
   const e = t.parentElement ?? t, r = e.querySelector(`[${je}]`);
   if (r)
     return r;
@@ -754,23 +755,23 @@ function Er(t) {
     n.style.opacity = "0.9";
   }), e.appendChild(n), n;
 }
-function Rr(t, e) {
-  const r = Er(t);
+function Ar(t, e) {
+  const r = kr(t);
   r.style.display = "flex";
   const n = () => {
-    yt(t, e), r.style.display = "none";
+    bt(t, e), r.style.display = "none";
   }, o = () => {
     const { scrollTop: s, scrollHeight: i, clientHeight: a } = t;
-    i - s - a <= bt(t) && (r.style.display = "none");
+    i - s - a <= St(t) && (r.style.display = "none");
   };
   return r.addEventListener("click", n), t.addEventListener("scroll", o, { passive: !0 }), () => {
     r.removeEventListener("click", n), t.removeEventListener("scroll", o);
   };
 }
-function kr() {
-  const t = z(function({ nodeId: r, context: n }) {
+function Tr() {
+  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 N(() => {
       if (typeof document > "u")
         return;
       const c = s.current;
@@ -778,17 +779,18 @@ function kr() {
         return;
       let l;
       if (u !== !0) {
-        const S = br(c);
+        const S = wr(c);
         if (S)
-          if (vr(S), f === "Polite" && !wr(S))
-            l = Rr(S, c);
+          if (Rr(S), f === "Polite" && !Er(S))
+            l = Ar(S, c);
           else {
             const L = (S.parentElement ?? S).querySelector(`[${je}]`);
-            L && (L.style.display = "none"), yt(S, c);
+            L && (L.style.display = "none"), bt(S, c);
           }
         else typeof c.scrollIntoView == "function" && requestAnimationFrame(() => {
+          const O = c.getBoundingClientRect().top, C = typeof window < "u" ? window.innerHeight : 0, P = Math.abs(O) > C * yt ? "auto" : "smooth";
           try {
-            c.scrollIntoView({ behavior: "smooth", block: "end", inline: "nearest" });
+            c.scrollIntoView({ behavior: P, block: "end", inline: "nearest" });
           } catch {
             c.scrollIntoView(!1);
           }
@@ -802,7 +804,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 +821,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 Cr() {
+  const t = Y(function({ nodeId: r, context: n, className: o }) {
+    const s = J(n.store, r), i = br(s?.props?.onInvokeId), a = U(() => {
       i && n.dispatchAction(i);
     }, [i, n]);
     if (!s)
@@ -829,7 +831,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 +849,45 @@ function Ar() {
       return t;
   };
 }
-function Tr() {
-  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("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 _r() {
+  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 Or() {
   return [
-    Ar(),
-    Tr(),
     Cr(),
-    kr()
+    Ir(),
+    _r(),
+    Tr()
   ];
 }
-const _r = "base", Or = async () => Ir();
-function Nr(t) {
-  t.registerModule(_r, Or);
+const Nr = "base", Pr = async () => Or();
+function Mr(t) {
+  t.registerModule(Nr, Pr);
 }
-function Pr(t) {
+function Lr(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -895,7 +897,7 @@ function Pr(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function Mr(...t) {
+function xr(...t) {
   const e = [];
   for (const r of t)
     r && r.trim() && e.push(r.trim());
@@ -916,21 +918,21 @@ function we(t) {
     if (e === "false") return !1;
   }
 }
-const Lr = "std.audio-url-player";
-function xr() {
-  const t = z(function({
+const Ur = "std.audio-url-player";
+function jr() {
+  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 (N(() => {
       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 = xr(Lr(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,11 +949,11 @@ function xr() {
     );
   });
   return ({ type: e }) => {
-    if (e === Lr)
+    if (e === Ur)
       return t;
   };
 }
-function St(t) {
+function wt(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -961,7 +963,7 @@ function St(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function wt(...t) {
+function vt(...t) {
   const e = [];
   for (const r of t)
     r && r.trim() && e.push(r.trim());
@@ -982,11 +984,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 Dr = "std.video-canvas", Br = "std.video-url-player";
+function Fr() {
+  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 ? vt(wt(s.props?.className), o) : o, [, l] = $(0);
+    N(() => {
       if (!f?.isWebRtcEnabled) return;
       const g = f.onWebRtcTrackMapChanged;
       return f.onWebRtcTrackMapChanged = (b) => {
@@ -996,19 +998,19 @@ function Dr() {
       };
     }, [f]);
     const m = f?.isWebRtcEnabled && h ? f.getWebRtcVideoStreamByStreamId(h) : null;
-    return P(() => {
+    return N(() => {
       const g = i.current;
       if (!(!u || !g || !h || m))
         return u.attachCanvas(h, g), () => {
           u.detachCanvas(h);
         };
-    }, [u, h, m]), P(() => {
+    }, [u, h, m]), N(() => {
       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 +1025,7 @@ function Dr() {
         ...y ? { height: y } : {}
       },
       h
-    ) : /* @__PURE__ */ R.jsx(
+    ) : /* @__PURE__ */ E.jsx(
       "canvas",
       {
         ref: i,
@@ -1038,12 +1040,12 @@ function Dr() {
     ) : null;
   });
   return ({ type: e }) => {
-    if (e === Ur)
+    if (e === Dr)
       return t;
   };
 }
-function Br() {
-  return [Dr(), Fr(), xr()];
+function $r() {
+  return [Fr(), Vr(), jr()];
 }
 function ce(t) {
   if (typeof t == "boolean")
@@ -1054,20 +1056,20 @@ function ce(t) {
     if (e === "false") return !1;
   }
 }
-function Fr() {
-  const t = z(function({
+function Vr() {
+  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 (N(() => {
       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(
+    const f = vt(wt(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__ */ E.jsx(
       "video",
       {
         ref: i,
@@ -1088,27 +1090,27 @@ function Fr() {
     );
   });
   return ({ type: e }) => {
-    if (e === jr)
+    if (e === Br)
       return t;
   };
 }
-const $r = "media", Vr = async () => Br();
-function Kr(t) {
-  t.registerModule($r, Vr);
+const Kr = "media", zr = async () => $r();
+function Yr(t) {
+  t.registerModule(Kr, zr);
 }
-const zr = `#version 300 es
+const Wr = `#version 300 es
 in vec4 a_position;
 void main() {
     gl_Position = a_position;
 }
 `;
-function Yr(t, e) {
+function Hr(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 (Hr(t, n))
       continue;
     let s;
     switch (o.type) {
@@ -1161,7 +1163,7 @@ void main() {
 }
 `;
 }
-class qr {
+class Gr {
   gl;
   program = null;
   positionBuffer = null;
@@ -1197,10 +1199,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, Wr);
     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 +1293,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 Jr(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -1301,7 +1303,7 @@ function Hr(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function Gr(...t) {
+function Xr(...t) {
   const e = [];
   for (const r of t)
     r && r.trim() && e.push(r.trim());
@@ -1316,10 +1318,10 @@ function Ie(t) {
       return Math.floor(e);
   }
 }
-function Jr(t) {
+function Zr(t) {
   return typeof t == "string" ? t : "";
 }
-function Xr(t) {
+function Qr(t) {
   if (typeof t == "boolean")
     return t;
   if (typeof t == "string") {
@@ -1328,7 +1330,7 @@ function Xr(t) {
     if (e === "false") return !1;
   }
 }
-function Zr(t) {
+function en(t) {
   if (!t || typeof t != "object")
     return {};
   const e = {}, r = t;
@@ -1343,7 +1345,7 @@ function Zr(t) {
   }
   return e;
 }
-function Qr(t, e) {
+function tn(t, e) {
   const r = Object.keys(t), n = Object.keys(e);
   if (r.length !== n.length)
     return !1;
@@ -1364,83 +1366,83 @@ function Qr(t, e) {
   }
   return !0;
 }
-const en = "std.shadertoy-canvas";
-function tn() {
-  const t = z(function({ nodeId: r, context: n, className: o }) {
+const rn = "std.shadertoy-canvas";
+function nn() {
+  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(() => {
-      const T = i.current;
-      if (T) {
+    }), c = s ? Zr(s.props?.shaderSource) : "", l = s ? Ie(s.props?.fps) ?? 60 : 60, m = s?.props?.uniforms, g = V(() => en(m), [m]), b = s ? Qr(s.props?.enableMouse) ?? !0 : !0, S = s ? Ie(s.props?.width) : void 0, O = s ? Ie(s.props?.height) : void 0, C = s ? Xr(Jr(s.props?.className), o) : o;
+    N(() => {
+      const I = i.current;
+      if (I) {
         try {
-          const N = new qr(T);
-          a.current = N;
-        } catch (N) {
-          console.error("[ShadertoyRenderer] Failed to create WebGL2 context:", N);
+          const M = new Gr(I);
+          a.current = M;
+        } catch (M) {
+          console.error("[ShadertoyRenderer] Failed to create WebGL2 context:", M);
         }
         return () => {
           a.current && (a.current.destroy(), a.current = null);
         };
       }
-    }, []), P(() => {
-      const T = a.current;
-      if (!(!T || !c) && h.current !== c)
-        if (T.compile(c, g))
+    }, []), N(() => {
+      const I = a.current;
+      if (!(!I || !c) && h.current !== c)
+        if (I.compile(c, g))
           h.current = c, p.current = g;
         else {
-          const D = T.getError();
+          const D = I.getError();
           console.error("[ShadertoyRenderer] Shader compilation failed:", D);
         }
-    }, [c, g]), P(() => {
-      const T = a.current;
-      !T || !h.current || Qr(p.current, g) || (T.setCustomUniforms(g), p.current = g);
-    }, [g]), P(() => {
-      const T = a.current;
-      if (!T || !h.current) return;
-      const N = 1e3 / l, D = (j) => {
+    }, [c, g]), N(() => {
+      const I = a.current;
+      !I || !h.current || tn(p.current, g) || (I.setCustomUniforms(g), p.current = g);
+    }, [g]), N(() => {
+      const I = a.current;
+      if (!I || !h.current) return;
+      const M = 1e3 / l, D = (j) => {
         const B = j - f.current;
-        B >= N && (f.current = j - B % N, T.draw()), u.current = requestAnimationFrame(D);
+        B >= M && (f.current = j - B % M, I.draw()), u.current = requestAnimationFrame(D);
       };
       return u.current = requestAnimationFrame(D), () => {
         u.current !== null && (cancelAnimationFrame(u.current), u.current = null);
       };
     }, [l]);
-    const M = U(
-      (T) => {
+    const P = U(
+      (I) => {
         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);
-        y.current.x = B, y.current.y = V, D.setMouse(B, V, y.current.clickX, y.current.clickY);
+        const M = i.current, D = a.current;
+        if (!M || !D) return;
+        const j = M.getBoundingClientRect(), B = I.clientX - j.left, K = j.height - (I.clientY - j.top);
+        y.current.x = B, y.current.y = K, D.setMouse(B, K, y.current.clickX, y.current.clickY);
       },
       [b]
     ), L = U(
-      (T) => {
+      (I) => {
         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);
-        y.current.isDown = !0, y.current.clickX = B, y.current.clickY = V, D.setMouse(B, V, B, V);
+        const M = i.current, D = a.current;
+        if (!M || !D) return;
+        const j = M.getBoundingClientRect(), B = I.clientX - j.left, K = j.height - (I.clientY - j.top);
+        y.current.isDown = !0, y.current.clickX = B, y.current.clickY = K, D.setMouse(B, K, B, K);
       },
       [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,
         "data-ikon-node-id": s.id,
         "data-ikon-source": s.sourceMarker,
-        className: _,
+        className: C,
         ...S ? { width: S } : {},
         ...O ? { height: O } : {},
-        onMouseMove: M,
+        onMouseMove: P,
         onMouseDown: L,
         onMouseUp: G,
         onMouseLeave: G
@@ -1448,16 +1450,16 @@ function tn() {
     ) : null;
   });
   return ({ type: e }) => {
-    if (e === en)
+    if (e === rn)
       return t;
   };
 }
-const rn = "shadertoy", nn = async () => tn();
-function on(t) {
-  t.registerModule(rn, nn);
+const on = "shadertoy", sn = async () => nn();
+function an(t) {
+  t.registerModule(on, sn);
 }
 const nt = fe("UIRegistry");
-class sn {
+class cn {
   baseResolvers = [];
   moduleLoaders = /* @__PURE__ */ new Map();
   moduleResolvers = /* @__PURE__ */ new Map();
@@ -1479,7 +1481,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 = dn(s);
           this.moduleResolvers.set(n, i), e = !0;
         } catch (s) {
           nt.error(`[IkonUiRegistry] Failed to load module '${n}'.`, s);
@@ -1487,7 +1489,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 fn(r, this.activeModuleOrder) || (this.activeModuleOrder = r, e = !0), e;
   }
   resolve(e) {
     for (const r of this.baseResolvers) {
@@ -1507,17 +1509,17 @@ class sn {
     }
   }
 }
-function an() {
-  const t = new sn();
-  return Nr(t), Kr(t), on(t), t.loadRegisteredModules(), t;
+function un() {
+  const t = new cn();
+  return Mr(t), Yr(t), an(t), t.loadRegisteredModules(), t;
 }
-function cn(t) {
+function ln(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 dn(t) {
+  return t ? ln(t).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
 }
-function ln(t, e) {
+function fn(t, e) {
   if (t.length !== e.length)
     return !1;
   for (let r = 0; r < t.length; r += 1)
@@ -1525,6 +1527,18 @@ function ln(t, e) {
       return !1;
   return !0;
 }
+function $o({ mount: t, stores: e, registry: r, client: n, onAction: o }) {
+  return /* @__PURE__ */ E.jsx(
+    gr,
+    {
+      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],
@@ -1581,17 +1595,17 @@ function at(t, e, r, n) {
       const O = y(b, t, r);
       if (O === 0)
         return b;
-      const _ = p(b, t, r) - g;
-      b -= _ / O;
+      const C = p(b, t, r) - g;
+      b -= C / O;
     }
     return b;
   }
   function l(g, b, S) {
-    let O = 0, _ = 0, M = 0;
+    let O = 0, C = 0, P = 0;
     do
-      _ = b + (S - b) / 2, O = p(_, t, r) - g, O > 0 ? S = _ : b = _;
-    while (Math.abs(O) > 1e-7 && ++M < 10);
-    return _;
+      C = b + (S - b) / 2, O = p(C, t, r) - g, O > 0 ? S = C : b = C;
+    while (Math.abs(O) > 1e-7 && ++P < 10);
+    return C;
   }
   function m(g) {
     let b = 0, S = 1;
@@ -1599,21 +1613,21 @@ function at(t, e, r, n) {
     for (; S !== O && 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);
-    return L >= 1e-3 ? c(g, M) : L === 0 ? M : l(g, b, b + 0.1);
+    const C = (g - h[S]) / (h[S + 1] - h[S]), P = b + C * 0.1, L = y(P, t, r);
+    return L >= 1e-3 ? c(g, P) : L === 0 ? P : l(g, b, b + 0.1);
   }
   for (let g = 0; g < 11; g += 1)
     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 pn(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 hn(t) {
   if (!t)
     return (r) => F(r);
   const e = t.trim().toLowerCase();
@@ -1631,12 +1645,12 @@ function fn(t) {
     }
   }
   if (e.startsWith("steps(") && e.endsWith(")")) {
-    const r = dn(e);
+    const r = pn(e);
     return (n) => r(F(n));
   }
   return (r) => F(r);
 }
-function pn(t) {
+function mn(t) {
   if (!t)
     return;
   const e = /(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)\s*->\s*(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)/.exec(t);
@@ -1646,7 +1660,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 gn {
   bindingsByStyle = /* @__PURE__ */ new Map();
   observer;
   observeScheduled = !1;
@@ -1691,7 +1705,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 = hn(e.ease), f = mn(e.map), h = e.targetId?.trim() || void 0;
     return Number.isNaN(n) || Number.isNaN(s) ? void 0 : {
       source: r.toLowerCase(),
       min: n,
@@ -1904,8 +1918,8 @@ class hn {
     }
   }
 }
-const Oe = new hn();
-function mn(t) {
+const Oe = new gn();
+function yn(t) {
   const e = v(/* @__PURE__ */ new Map()), r = U(({ styleId: s, css: i, common: a }) => {
     if (!(!s || typeof document > "u")) {
       if (i) {
@@ -1928,7 +1942,7 @@ function mn(t) {
     }
     Oe.reset();
   }, []);
-  return P(() => {
+  return N(() => {
     if (!t) return;
     for (const a of t.getUiStyles())
       r(a);
@@ -1936,9 +1950,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]), N(() => () => o(), [o]), { setStyle: r, deleteStyles: n, reset: o };
 }
-function gn(t) {
+function bn(t) {
   const e = [];
   for (const [r, n] of t) {
     const o = n.store.getSnapshot(), s = o.rootViewId && o.views.has(o.rootViewId);
@@ -1946,62 +1960,62 @@ function gn(t) {
   }
   return e.sort(), e.join(",");
 }
-function yn(t) {
-  const [e, r] = q(), n = v("");
-  return P(() => {
+function Sn(t) {
+  const [e, r] = $(), n = v("");
+  return N(() => {
     if (!t) {
       r(void 0), n.current = "";
       return;
     }
     const o = () => {
-      const s = t.getStores(), i = gn(s);
+      const s = t.getStores(), i = bn(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 wn = typeof global == "object" && global && global.Object === Object && global, vn = typeof self == "object" && self && self.Object === Object && self, En = wn || vn || Function("return this")(), ke = En.Symbol, Et = Object.prototype, Rn = Et.hasOwnProperty, kn = Et.toString, ue = ke ? ke.toStringTag : void 0;
+function An(t) {
+  var e = Rn.call(t, ue), r = t[ue];
   try {
     t[ue] = void 0;
     var n = !0;
   } catch {
   }
-  var o = En.call(t);
+  var o = kn.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 Tn = Object.prototype, Cn = Tn.toString;
+function In(t) {
+  return Cn.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 _n = "[object Null]", On = "[object Undefined]", ct = ke ? ke.toStringTag : void 0;
+function Nn(t) {
+  return t == null ? t === void 0 ? On : _n : ct && ct in Object(t) ? An(t) : In(t);
 }
-function On(t) {
+function Pn(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 Mn = Array.isArray, Ln = "[object String]";
+function xn(t) {
+  return typeof t == "string" || !Mn(t) && Pn(t) && Nn(t) == Ln;
 }
 const ut = "ikonUiModules";
 function Be(t) {
   return typeof t == "object" && t !== null && !Array.isArray(t);
 }
-function Ln(t) {
+function Un(t) {
   if (!Array.isArray(t))
     return;
   const e = /* @__PURE__ */ new Set();
   for (const r of t) {
-    if (!Mn(r)) continue;
+    if (!xn(r)) continue;
     const n = r.trim();
     n && (e.has(n) || e.add(n));
   }
   return Array.from(e);
 }
-function Bo(t, e) {
+function Vo(t, e) {
   if (t === e)
     return !0;
   if (!t || !e)
@@ -2013,18 +2027,18 @@ function Bo(t, e) {
       return !1;
   return !0;
 }
-function xn(t) {
+function jn(t) {
   if (!(!Be(t) || !Object.prototype.hasOwnProperty.call(t, ut)))
-    return Ln(t[ut]);
+    return Un(t[ut]);
 }
-function Fo(...t) {
+function Ko(...t) {
   for (const e of t) {
-    const r = xn(e);
+    const r = jn(e);
     if (r !== void 0)
       return r;
   }
 }
-function $o(t) {
+function zo(t) {
   if (!Be(t))
     return;
   const e = t, r = Object.keys(e).find((u) => u.toLowerCase() === "modules");
@@ -2073,7 +2087,7 @@ const k = {
   Line: 4,
   Paragraph: 8,
   Emoji: 16
-}, Un = [
+}, Dn = [
   {
     flag: k.Letter,
     hints: [
@@ -2122,11 +2136,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, Bn = k.Letter | k.Word | k.Line | k.Paragraph, lt = /* @__PURE__ */ new Map(), Fn = 16384;
+function Yo(t, e) {
+  if (!t || t.length > Fn)
     return t;
-  const r = to(e), n = re(r, k.Emoji), o = r & jn;
+  const r = no(e), n = re(r, k.Emoji), o = r & Bn;
   if (o === k.None && !n)
     return t;
   const s = t.replace(/\r\n/g, `
@@ -2134,26 +2148,26 @@ function Vo(t, e) {
 `);
   if (o === k.None)
     return ht(s);
-  const i = Qn(s);
+  const i = to(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 = ro(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 = $n(h, r, u);
     f.push(...p);
   }
   return f;
 }
-function Bn(t, e, r) {
+function $n(t, e, r) {
   const n = [];
   for (const o of t) {
-    const s = Fn(o, e, r);
+    const s = Vn(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 +2180,20 @@ function Bn(t, e, r) {
   }
   return n;
 }
-function Fn(t, e, r) {
-  const n = $n(t.text, e, r), o = [];
+function Vn(t, e, r) {
+  const n = Kn(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 Kn(t, e, r) {
   if (!t)
     return [];
   const n = re(e, k.Word), o = [], s = /(\s+)/g;
@@ -2198,13 +2212,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 = Yn(t, r, e), i = `motion-word-${o}`, a = zn(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 zn(t, e) {
   return e ? { ...Ce(t), whiteSpace: "nowrap" } : { whiteSpace: "nowrap" };
 }
-function Kn(t, e, r) {
+function Yn(t, e, r) {
   if (!t)
     return [];
   const n = re(e, k.Letter), o = re(e, k.Emoji);
@@ -2214,7 +2228,7 @@ function Kn(t, e, r) {
     const a = $e(t);
     if (a.length === 0)
       return [t];
-    const { nodes: u } = Rt(a, r);
+    const { nodes: u } = kt(a, r);
     return u;
   }
   const s = [], i = $e(t);
@@ -2223,13 +2237,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;
+    const y = o && Rt(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 +2251,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 = Wn();
+  return e ? Array.from(e.segment(t), (r) => r.segment) : Hn(t);
 }
 let le;
-function zn() {
+function Wn() {
   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 Hn(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) || Xn(e) || Gn(e) || Jn(e) || pt(t) && pt(e)) : !1;
 }
 function ft(t) {
   return t.codePointAt(0) === 8205;
 }
-function qn(t) {
+function Gn(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 65024 && e <= 65039 || e >= 917760 && e <= 917999;
 }
-function Hn(t) {
+function Jn(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 127995 && e <= 127999;
 }
@@ -2272,10 +2286,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 Xn(t) {
+  return t ? (Ne || (Ne = Zn()), Ne(t)) : !1;
 }
-function Jn() {
+function Zn() {
   try {
     const t = new RegExp("\\p{Mark}", "u");
     return (e) => t.test(e);
@@ -2287,18 +2301,18 @@ function Jn() {
   }
 }
 let Pe;
-function Et(t) {
-  return t ? (Pe || (Pe = Xn()), Pe(t)) : !1;
+function Rt(t) {
+  return t ? (Pe || (Pe = Qn()), Pe(t)) : !1;
 }
-function Xn() {
+function Qn() {
   try {
     const t = new RegExp("\\p{Extended_Pictographic}", "u");
     return (e) => t.test(e);
   } catch {
-    return Zn;
+    return eo;
   }
 }
-function Zn(t) {
+function eo(t) {
   if (!t)
     return !1;
   for (const e of Array.from(t)) {
@@ -2308,7 +2322,7 @@ function Zn(t) {
   }
   return !1;
 }
-function Qn(t) {
+function to(t) {
   const e = [];
   let r = "", n = 0;
   for (let o = 0; o < t.length; o++) {
@@ -2322,7 +2336,7 @@ function Qn(t) {
   }
   return (n > 0 || r.length > 0) && e.push({ text: r, breaks: n }), e;
 }
-function eo(t) {
+function ro(t) {
   if (t.length === 0)
     return [];
   const e = [];
@@ -2357,21 +2371,21 @@ function ht(t) {
   const e = $e(t);
   if (e.length === 0)
     return t;
-  const { nodes: r, sawEmoji: n } = Rt(e);
+  const { nodes: r, sawEmoji: n } = kt(e);
   return n ? r.length === 1 ? r[0] ?? t : r : t;
 }
-function Rt(t, e) {
+function kt(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 (Et(a)) {
+    if (Rt(a)) {
       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 +2393,7 @@ function Rt(t, e) {
   }
   return i(), o ? { nodes: r, sawEmoji: !0 } : { nodes: [t.join("")], sawEmoji: !1 };
 }
-function to(t) {
+function no(t) {
   if (!t)
     return k.None;
   const e = t.trim();
@@ -2393,8 +2407,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) => `.${oo(u)}`).map(
+    (u) => new RegExp(`(^|[^a-zA-Z0-9_-])${so(u)}(?![a-zA-Z0-9_-])`)
   );
   let i = k.None, a = !1;
   for (const u of Array.from(document.styleSheets)) {
@@ -2404,14 +2418,14 @@ function to(t) {
     } catch {
       continue;
     }
-    const h = kt(f, s);
+    const h = At(f, s);
     if (h.mask && (i |= h.mask, i === Fe))
       break;
     a ||= h.sawStyleRule;
   }
   return (i !== k.None || a) && lt.set(e, i), i;
 }
-function kt(t, e) {
+function At(t, e) {
   if (!t)
     return { mask: k.None, sawStyleRule: !1 };
   let r = k.None, n = !1;
@@ -2422,12 +2436,12 @@ 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 Dn)
           f.hints.some((h) => a.includes(h)) && (r |= f.flag);
         if (r === Fe)
           return { mask: r, sawStyleRule: !0 };
       } else if ("cssRules" in s) {
-        const i = kt(s.cssRules, e);
+        const i = At(s.cssRules, e);
         if (i.mask && (r |= i.mask, r === Fe))
           return { mask: r, sawStyleRule: !0 };
         n ||= i.sawStyleRule;
@@ -2436,19 +2450,19 @@ function kt(t, e) {
   }
   return { mask: r, sawStyleRule: n };
 }
-function ro(t) {
+function oo(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 so(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", io = 10080 * 60 * 1e3, ao = 60 * 1e3;
+function co(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 - ao;
   } catch {
     return !0;
   }
@@ -2460,12 +2474,12 @@ function pe(t) {
     console.warn("Failed to save auth session to localStorage");
   }
 }
-function At() {
+function Tt() {
   try {
     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 > io || co(e.token) ? (Ae(), null) : e;
   } catch {
     return console.warn("Failed to load auth session from localStorage"), null;
   }
@@ -2485,9 +2499,9 @@ function ee(t) {
     authenticatedAt: t.authenticatedAt
   };
 }
-const Tt = 15e3;
-async function Ct(t, e) {
-  const r = Vt(), n = await fetch(`${e}/anonymous`, {
+const Ct = 15e3;
+async function It(t, e) {
+  const r = Kt(), n = await fetch(`${e}/anonymous`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify({ deviceId: r, space: t })
@@ -2503,7 +2517,7 @@ async function Ct(t, e) {
   };
   return pe(s), s;
 }
-async function ao({ email: t, spaceId: e, authUrl: r }) {
+async function uo({ email: t, spaceId: e, authUrl: r }) {
   const n = await fetch(`${r}/email/send`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2511,14 +2525,14 @@ async function ao({ email: t, spaceId: e, authUrl: r }) {
       email: t.trim(),
       space: e
     }),
-    signal: AbortSignal.timeout(Tt)
+    signal: AbortSignal.timeout(Ct)
   });
   if (!n.ok) {
     const o = await n.text().catch(() => "Failed to send login code");
     throw new Error(o);
   }
 }
-async function co({ email: t, code: e, authUrl: r }) {
+async function lo({ email: t, code: e, authUrl: r }) {
   const n = await fetch(`${r}/email/code`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2526,7 +2540,7 @@ async function co({ email: t, code: e, authUrl: r }) {
       email: t.trim(),
       code: e.trim()
     }),
-    signal: AbortSignal.timeout(Tt)
+    signal: AbortSignal.timeout(Ct)
   });
   if (!n.ok) {
     const i = await n.text().catch(() => "Invalid code");
@@ -2539,21 +2553,21 @@ async function co({ email: t, code: e, authUrl: r }) {
   };
   return pe(s), s;
 }
-function uo() {
+function fo() {
   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 po() {
   return new URLSearchParams(window.location.search).get("error");
 }
 function mt() {
   window.history.replaceState({}, "", window.location.pathname);
 }
-function fo(t, e, r, n) {
+function ho(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 mo(t) {
   const e = await fetch(`${t}/passkey/registration/options`, {
     method: "POST",
     headers: { "Content-Type": "application/json" }
@@ -2564,7 +2578,7 @@ async function po(t) {
   }
   return e.json();
 }
-async function ho(t, e, r) {
+async function go(t, e, r) {
   const n = await fetch(`${t}/passkey/registration/verify`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2581,7 +2595,7 @@ async function ho(t, e, r) {
   };
   return pe(s), s;
 }
-async function mo(t, e) {
+async function yo(t, e) {
   const r = await fetch(`${t}/passkey/authentication/options`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2593,7 +2607,7 @@ async function mo(t, e) {
   }
   return r.json();
 }
-async function go(t, e) {
+async function bo(t, e) {
   const r = await fetch(`${t}/passkey/authentication/verify`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2610,7 +2624,7 @@ async function go(t, e) {
   };
   return pe(o), o;
 }
-function H(t) {
+function q(t) {
   const e = new Uint8Array(t);
   let r = "";
   for (const o of e)
@@ -2623,13 +2637,13 @@ function Te(t) {
     i[a] = o.charCodeAt(a);
   return s;
 }
-function qe() {
-  return yo.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
+function He() {
+  return So.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
 }
-const yo = {
+const So = {
   stubThis: (t) => t
 };
-function It(t) {
+function _t(t) {
   const { id: e } = t;
   return {
     ...t,
@@ -2642,7 +2656,7 @@ function It(t) {
     transports: t.transports
   };
 }
-function _t(t) {
+function Ot(t) {
   return (
     // Consider localhost valid as well since it's okay wrt Secure Contexts
     t === "localhost" || // Support punycode (ACE) or ascii labels and domains
@@ -2659,7 +2673,7 @@ class x extends Error {
     }), this.name = o ?? n.name, this.code = r;
   }
 }
-function bo({ error: t, options: e }) {
+function wo({ error: t, options: e }) {
   const { publicKey: r } = e;
   if (!r)
     throw Error("options was missing required publicKey property");
@@ -2717,7 +2731,7 @@ function bo({ error: t, options: e }) {
       });
     if (t.name === "SecurityError") {
       const n = globalThis.location.hostname;
-      if (_t(n)) {
+      if (Ot(n)) {
         if (r.rp.id !== n)
           return new x({
             message: `The RP ID "${r.rp.id}" is invalid for this domain`,
@@ -2745,7 +2759,7 @@ function bo({ error: t, options: e }) {
   }
   return t;
 }
-class So {
+class vo {
   constructor() {
     Object.defineProperty(this, "controller", {
       enumerable: !0,
@@ -2769,15 +2783,15 @@ class So {
     }
   }
 }
-const Ot = new So(), wo = ["cross-platform", "platform"];
-function Nt(t) {
-  if (t && !(wo.indexOf(t) < 0))
+const Nt = new vo(), Eo = ["cross-platform", "platform"];
+function Pt(t) {
+  if (t && !(Eo.indexOf(t) < 0))
     return t;
 }
-async function vo(t) {
+async function Ro(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())
+  if (!He())
     throw new Error("WebAuthn is not supported in this browser");
   const n = {
     ...e,
@@ -2786,14 +2800,14 @@ async function vo(t) {
       ...e.user,
       id: Te(e.user.id)
     },
-    excludeCredentials: e.excludeCredentials?.map(It)
+    excludeCredentials: e.excludeCredentials?.map(_t)
   }, o = {};
-  r && (o.mediation = "conditional"), o.publicKey = n, o.signal = Ot.createNewAbortSignal();
+  r && (o.mediation = "conditional"), o.publicKey = n, o.signal = Nt.createNewAbortSignal();
   let s;
   try {
     s = await navigator.credentials.create(o);
   } catch (l) {
-    throw bo({ error: l, options: o });
+    throw wo({ error: l, options: o });
   }
   if (!s)
     throw new Error("Registration was not completed");
@@ -2811,23 +2825,23 @@ async function vo(t) {
   if (typeof u.getPublicKey == "function")
     try {
       const l = u.getPublicKey();
-      l !== null && (y = H(l));
+      l !== null && (y = q(l));
     } catch (l) {
       Me("getPublicKey()", l);
     }
   let c;
   if (typeof u.getAuthenticatorData == "function")
     try {
-      c = H(u.getAuthenticatorData());
+      c = q(u.getAuthenticatorData());
     } catch (l) {
       Me("getAuthenticatorData()", l);
     }
   return {
     id: i,
-    rawId: H(a),
+    rawId: q(a),
     response: {
-      attestationObject: H(u.attestationObject),
-      clientDataJSON: H(u.clientDataJSON),
+      attestationObject: q(u.attestationObject),
+      clientDataJSON: q(u.clientDataJSON),
       transports: h,
       publicKeyAlgorithm: p,
       publicKey: y,
@@ -2835,15 +2849,15 @@ async function vo(t) {
     },
     type: f,
     clientExtensionResults: s.getClientExtensionResults(),
-    authenticatorAttachment: Nt(s.authenticatorAttachment)
+    authenticatorAttachment: Pt(s.authenticatorAttachment)
   };
 }
 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() {
-  if (!qe())
+function ko() {
+  if (!He())
     return Le.stubThis(new Promise((e) => e(!1)));
   const t = globalThis.PublicKeyCredential;
   return t?.isConditionalMediationAvailable === void 0 ? Le.stubThis(new Promise((e) => e(!1))) : Le.stubThis(t.isConditionalMediationAvailable());
@@ -2851,7 +2865,7 @@ function Eo() {
 const Le = {
   stubThis: (t) => t
 };
-function Ro({ error: t, options: e }) {
+function Ao({ error: t, options: e }) {
   const { publicKey: r } = e;
   if (!r)
     throw Error("options was missing required publicKey property");
@@ -2871,7 +2885,7 @@ function Ro({ error: t, options: e }) {
       });
     if (t.name === "SecurityError") {
       const n = globalThis.location.hostname;
-      if (_t(n)) {
+      if (Ot(n)) {
         if (r.rpId !== n)
           return new x({
             message: `The RP ID "${r.rpId}" is invalid for this domain`,
@@ -2892,61 +2906,61 @@ function Ro({ error: t, options: e }) {
   }
   return t;
 }
-async function ko(t) {
+async function To(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())
+  if (!He())
     throw new Error("WebAuthn is not supported in this browser");
   let o;
-  e.allowCredentials?.length !== 0 && (o = e.allowCredentials?.map(It));
+  e.allowCredentials?.length !== 0 && (o = e.allowCredentials?.map(_t));
   const s = {
     ...e,
     challenge: Te(e.challenge),
     allowCredentials: o
   }, i = {};
   if (r) {
-    if (!await Eo())
+    if (!await ko())
       throw Error("Browser does not support WebAuthn autofill");
     if (document.querySelectorAll("input[autocomplete$='webauthn']").length < 1 && n)
       throw Error('No <input> with "webauthn" as the only or last value in its `autocomplete` attribute was detected');
     i.mediation = "conditional", s.allowCredentials = [];
   }
-  i.publicKey = s, i.signal = Ot.createNewAbortSignal();
+  i.publicKey = s, i.signal = Nt.createNewAbortSignal();
   let a;
   try {
     a = await navigator.credentials.get(i);
   } catch (c) {
-    throw Ro({ error: c, options: i });
+    throw Ao({ error: c, options: i });
   }
   if (!a)
     throw new Error("Authentication was not completed");
   const { id: u, rawId: f, response: h, type: p } = a;
   let y;
-  return h.userHandle && (y = H(h.userHandle)), {
+  return h.userHandle && (y = q(h.userHandle)), {
     id: u,
-    rawId: H(f),
+    rawId: q(f),
     response: {
-      authenticatorData: H(h.authenticatorData),
-      clientDataJSON: H(h.clientDataJSON),
-      signature: H(h.signature),
+      authenticatorData: q(h.authenticatorData),
+      clientDataJSON: q(h.clientDataJSON),
+      signature: q(h.signature),
       userHandle: y
     },
     type: p,
     clientExtensionResults: a.getClientExtensionResults(),
-    authenticatorAttachment: Nt(a.authenticatorAttachment)
+    authenticatorAttachment: Pt(a.authenticatorAttachment)
   };
 }
-const He = gt(null);
-function Ko({ children: t, config: e }) {
-  const [r, n] = q({
+const qe = gt(null);
+function Wo({ children: t, config: e }) {
+  const [r, n] = $({
     isAuthenticated: !1,
     isLoading: !0,
     user: null,
     error: null
   });
-  P(() => {
+  N(() => {
     (() => {
-      const y = lo();
+      const y = po();
       if (y) {
         mt(), n({
           isAuthenticated: !1,
@@ -2956,7 +2970,7 @@ function Ko({ children: t, config: e }) {
         });
         return;
       }
-      const c = uo();
+      const c = fo();
       if (c) {
         const m = {
           token: c.token,
@@ -2971,7 +2985,7 @@ function Ko({ children: t, config: e }) {
         });
         return;
       }
-      const l = At();
+      const l = Tt();
       if (l) {
         n({
           isAuthenticated: !0,
@@ -2998,11 +3012,11 @@ function Ko({ children: t, config: e }) {
         }));
         return;
       }
-      const y = de(e.authUrl);
+      const y = await de(e.authUrl);
       if (p === "guest") {
         n((c) => ({ ...c, isLoading: !0 }));
         try {
-          const c = await Ct(e.spaceId, y);
+          const c = await It(e.spaceId, y);
           n({
             isAuthenticated: !0,
             isLoading: !1,
@@ -3021,7 +3035,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 yo(y), l = await To({ optionsJSON: c }), m = await bo(y, l);
           n({
             isAuthenticated: !0,
             isLoading: !1,
@@ -3039,22 +3053,22 @@ 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 = ho(p, e.spaceId, y);
     },
     [e.authUrl, e.spaceId]
   ), s = U(
     async (p) => {
       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 });
+      const y = await de(e.authUrl);
+      await uo({ 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 = await de(e.authUrl), l = await lo({ email: p, code: y, authUrl: c });
         n({
           isAuthenticated: !0,
           isLoading: !1,
@@ -3076,10 +3090,10 @@ function Ko({ children: t, config: e }) {
     });
   }, []), u = U(
     async (p) => {
-      const y = de(e.authUrl);
+      const y = await 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 mo(y), l = await Ro({ optionsJSON: c }), m = await go(y, l, p);
         n({
           isAuthenticated: !0,
           isLoading: !1,
@@ -3095,7 +3109,7 @@ function Ko({ children: t, config: e }) {
       }
     },
     [e.authUrl]
-  ), f = U(() => r.user?.token ?? null, [r.user]), h = $(
+  ), f = U(() => r.user?.token ?? null, [r.user]), h = V(
     () => ({
       state: r,
       login: o,
@@ -3107,20 +3121,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(qe, { value: h, children: t });
 }
-function Ao() {
-  const t = Ke(He);
+function Co() {
+  const t = Ke(qe);
   if (!t)
     throw new Error("useAuth must be used within an AuthProvider");
   return t;
 }
-function To() {
-  return Ke(He);
+function Io() {
+  return Ke(qe);
 }
-function zo(t) {
-  const { config: e, guestUrlParam: r } = t, { state: n, login: o } = Ao(), s = v(!1);
-  return P(() => {
+function Ho(t) {
+  const { config: e, guestUrlParam: r } = t, { state: n, login: o } = Co(), s = v(!1);
+  return N(() => {
     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 +3150,7 @@ function zo(t) {
     error: n.error
   };
 }
-function Yo({
+function qo({
   connectionState: t,
   error: e,
   isReady: r,
@@ -3181,141 +3195,141 @@ function Yo({
   }
 }
 const ve = fe("useIkonApp");
-function Co() {
+function _o() {
   if (typeof window < "u" && window.__IKON_AUTH_CONFIG__)
     return window.__IKON_AUTH_CONFIG__;
 }
-function Io() {
+function Oo() {
   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 Go(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 ? _o() ?? null : e, y = Oo(), c = Io(), l = v(null), m = v(null), g = v(null), b = v(!1), S = v(!1), O = v(o), C = v(n), P = v(s), L = v(i), G = v(a), I = v(u), M = v(f), D = v(h);
+  O.current = o, C.current = n, P.current = s, L.current = i, G.current = a, I.current = u, M.current = f, D.current = h;
+  const [j, B] = $("idle"), [K, he] = $(null), [ne, me] = $(null), [oe, ge] = $(null), [X, ye] = $(null), d = v(!1), [w, A] = $(0), R = V(() => {
     try {
-      const I = Kt();
-      return (I.sessionId || I.channelKey) && zt(), I;
+      const T = zt();
+      return (T.sessionId || T.channelKey) && Yt(), T;
     } catch {
       return { parameters: {} };
     }
-  }, []), K = $(() => p?.enabled ? At() : null, [p?.enabled, w]), Z = y?.enabled ?? !1, C = y?.host ?? "localhost", Y = 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) => {
-    ve.error("Anonymous auth failed:", I), he(I instanceof Error ? I.message : "Anonymous auth failed"), d.current = !1;
+  }, []), z = V(() => p?.enabled ? Tt() : null, [p?.enabled, w]), Z = y?.enabled ?? !1, _ = y?.host ?? "localhost", W = y?.port ?? 8443;
+  !Z && Ge() && p && !p.enabled && p.spaceId && !X && !d.current && (d.current = !0, de(p.authUrl).then((T) => It(p.spaceId, T)).then((T) => {
+    ye(T.token);
+  }).catch((T) => {
+    ve.error("Anonymous auth failed:", T), he(T instanceof Error ? T.message : "Anonymous auth failed"), d.current = !1;
   }));
-  const se = $(() => {
+  const se = V(() => {
     if (Z) {
-      const I = K?.token ? Yt(K.token) ?? void 0 : void 0;
+      const T = z?.token ? Wt(z.token) ?? void 0 : void 0;
       return {
         local: {
-          host: C,
-          httpsPort: Y,
-          userId: I,
-          token: K?.token ?? void 0,
+          host: _,
+          httpsPort: W,
+          userId: T,
+          token: z?.token ?? void 0,
           spaceId: p?.spaceId,
           backendUrl: p?.backendUrl,
           authUrl: p?.authUrl,
-          parameters: E.parameters
+          parameters: R.parameters
         }
       };
     }
-    return K?.token && p?.spaceId ? {
+    return z?.token && p?.spaceId ? {
       sessionToken: {
-        token: K.token,
+        token: z.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,
+        host: _,
+        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, _, W, z?.token, p?.spaceId, p?.backendUrl, p?.authUrl, X, R.sessionId, R.channelKey, R.parameters]);
+  yn(oe);
+  const Lt = Sn(oe);
+  N(() => {
     if (!b.current) {
-      if (b.current = !0, g.current = an(), r)
-        for (const I of r)
-          I(g.current);
-      g.current.loadRegisteredModules().catch((I) => {
-        ve.error("Failed to load UI modules", I);
+      if (b.current = !0, g.current = un(), r)
+        for (const T of r)
+          T(g.current);
+      g.current.loadRegisteredModules().catch((T) => {
+        ve.error("Failed to load UI modules", T);
       });
     }
-  }, []), P(() => {
+  }, []), N(() => {
     if (!se) return;
-    const I = new Wt({
+    const T = new Ht({
       ...se,
-      timeouts: _.current,
+      timeouts: C.current,
       audio: L.current !== void 0 || O.current ? {
         enabled: L.current,
         ...O.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,
+      webRtc: P.current === !1 ? { enabled: !1 } : void 0,
+      websocket: I.current,
+      webtransport: M.current,
       proxy: D.current,
-      onConnectionStateChange: (W) => {
-        B(W);
+      onConnectionStateChange: (H) => {
+        B(H);
       },
-      onError: (W) => {
-        he(W.message);
+      onError: (H) => {
+        he(H.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);
+    l.current = T;
+    const Q = new yr({ client: T });
+    return m.current = Q, ge(Q), T.connect().catch((H) => {
+      if (ve.error("Connection failed:", H), H instanceof qt) {
+        me(H.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)));
+      H instanceof Gt && !S.current && (S.current = !0, ve.warn("Auth session appears stale, clearing and retrying"), c ? c.logout() : (Ae(), A((jt) => jt + 1)));
     }), () => {
-      I.disconnect(), l.current = null, Q.dispose(), m.current = null;
+      T.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);
-  }, []), xt = j === "connected" || j === "reconnecting";
+  const xt = U((T, Q) => {
+    const H = typeof Q == "string" ? Q : JSON.stringify(Q ?? {});
+    l.current?.sendActionCall(T, H);
+  }, []), Ut = j === "connected" || j === "reconnecting";
   return {
     connectionState: j,
-    error: V,
+    error: K,
     accessDeniedReason: ne,
-    stores: Mt,
+    stores: Lt,
     client: l.current,
     registry: g.current,
     clientRef: l,
     uiRef: m,
     registryRef: g,
-    onAction: Lt,
-    isReady: xt,
+    onAction: xt,
+    isReady: Ut,
     webRtcVideoStreams: l.current?.webRtcVideoStreams ?? /* @__PURE__ */ new Map(),
     webRtcTrackMap: l.current?.webRtcTrackMap ?? /* @__PURE__ */ new Map()
   };
 }
-function qo(t) {
+function Jo(t) {
   const e = v(!1);
   return U(() => {
     if (e.current) return;
@@ -3324,18 +3338,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 No = 0;
+function Xo(t = 5, e = 5e3) {
+  const [r, n] = $([]), 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(() => {
-    const i = o.current, a = Gt(
+  return N(() => {
+    const i = o.current, a = Jt(
       (u) => {
-        if (!Jt())
+        if (!Xt())
           return;
-        const f = `toast-${++_o}`, h = u.level === Xe.ERROR ? "error" : "warn", p = {
+        const f = `toast-${++No}`, h = u.level === Xe.ERROR ? "error" : "warn", p = {
           id: f,
           level: h,
           message: u.message,
@@ -3357,102 +3371,137 @@ function Ho(t = 5, e = 5e3) {
     };
   }, [t, e, s]), { toasts: r, dismissToast: s };
 }
-const Pt = gt(null);
-function Oo(t, e) {
+function Po(t, e, r) {
+  const [n, o] = $(r);
+  return N(() => {
+    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;
+}
+function Zo(t, e, r) {
+  const [n, o] = $(null);
+  return N(() => {
+    if (!t)
+      return;
+    let s = !0;
+    return t.call("Ikon.Reactive.GetStableIdByName", [e]).then((i) => {
+      s && o(i);
+    }).catch((i) => {
+      console.warn(`useReactive: GetStableIdByName('${e}') failed`, i);
+    }), () => {
+      s = !1;
+    };
+  }, [t, e]), Po(n ? t : null, n ?? "", r);
+}
+const Mt = gt(null);
+function Mo(t, e) {
   return e ? t.replace(/\{(\w+)\}/g, (r, n) => e[n] ?? `{${n}}`) : t;
 }
-function No(t, e) {
-  const r = Xt();
+function Lo(t, e) {
+  const r = Zt();
   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 xo(t, e, r) {
+  return e ? Lo(t, r) : r && t.includes(r) ? r : "en";
 }
-function Go({
+function Qo({
   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 = xo(o, n, r), i = e[s] ?? e.en, a = V(
     () => ({
       t: (u, f) => {
         const h = i[u];
-        return Oo(h, f);
+        return Mo(h, f);
       },
       locale: s,
       translations: i
     }),
     [i, s]
   );
-  return /* @__PURE__ */ R.jsx(Pt, { value: a, children: t });
+  return /* @__PURE__ */ E.jsx(Mt, { value: a, children: t });
 }
-function Jo() {
-  const t = Ke(Pt);
+function es() {
+  const t = Ke(Mt);
   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,
+  Wo as AuthProvider,
+  qo as ConnectionStateRenderer,
+  Qo as I18nProvider,
+  Nr as IKON_UI_BASE_MODULE,
+  Kr as IKON_UI_MEDIA_MODULE,
+  on as IKON_UI_SHADERTOY_MODULE,
+  rn 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,
-  fr as InspectOverlay,
-  dr as UiComponentRegistry,
-  lr as UiRenderer,
-  Qo as UiStreamStore,
-  Bo as areIkonUiModuleListsEqual,
-  Ct as authenticateAnonymous,
-  fo as buildOAuthRedirectUrl,
+  Dr as IKON_UI_VIDEO_CANVAS_TYPE,
+  Br as IKON_UI_VIDEO_URL_PLAYER_TYPE,
+  yr as IkonUi,
+  cn as IkonUiRegistry,
+  gr as IkonUiSurface,
+  pr as InspectOverlay,
+  $o as ParallaxView,
+  fr as UiComponentRegistry,
+  dr as UiRenderer,
+  ns as UiStreamStore,
+  Vo as areIkonUiModuleListsEqual,
+  It as authenticateAnonymous,
+  ho as buildOAuthRedirectUrl,
   Ae as clearAuthSession,
   mt as clearOAuthParams,
-  Ir as createBaseResolvers,
-  Uo as createComponentLibrary,
-  an as createIkonUiRegistry,
-  Br as createMediaResolvers,
-  tn 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,
-  cr as renderChildren,
-  Vo as renderMotionLetters,
+  Or as createBaseResolvers,
+  Bo as createComponentLibrary,
+  un as createIkonUiRegistry,
+  $r as createMediaResolvers,
+  nn as createShadertoyRendererResolver,
+  mr as isIkonUiCategoryMatch,
+  Tt as loadAuthSession,
+  Pr as loadBaseModule,
+  zr as loadMediaModule,
+  sn as loadShadertoyModule,
+  Un as normalizeIkonUiModuleList,
+  zo as parseIkonUiInitPayload,
+  fo as parseOAuthCallback,
+  po as parseOAuthError,
+  jn as readIkonUiModules,
+  Ko as readIkonUiModulesFromSources,
+  Mr as registerBaseModule,
+  Yr as registerMediaModule,
+  an as registerShadertoyModule,
+  ur as renderChildren,
+  Yo as renderMotionLetters,
   pe as saveAuthSession,
-  ao as sendLoginCode,
+  uo 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,
+  Co as useAuth,
+  Ho as useAuthGuard,
+  Io as useAuthOptional,
+  es as useI18n,
+  Go as useIkonApp,
+  Po as useIkonReactive,
+  yn as useIkonStyles,
+  Sn as useIkonUiStores,
+  Jo as useLazyFont,
+  Zo as useReactive,
+  Xo as useToasts,
   J as useUiNode,
-  jo as useUiStore,
-  co as verifyLoginCode
+  Fo as useUiStore,
+  lo as verifyLoginCode
 };