@ikonai/sdk-react-ui 1.0.78 → 1.0.80

package/index.js

@@ -1,8 +1,8 @@
 import { IkonUiCore as Sn, UiStreamStore as wn, LiveSnapshotCache as Ut, prefetchBootSnapshot as vn } from "@ikonai/sdk-ui";
-import { UiStreamStore as Vs } from "@ikonai/sdk-ui";
-import En, { useSyncExternalStore as ot, useMemo as V, memo as G, useRef as E, useCallback as j, Fragment as Rn, useEffect as C, useState as x, use as st, createContext as Mt, useReducer as An } from "react";
-import { createLogger as oe, isInspectModeEnabled as Tn, getOrCreateDeviceId as kn, getSameOriginAuthUrl as Cn, abortSignalTimeout as Dt, deriveAuthUrl as ve, getDebugOverlayParam as _n, subscribeToLogEvents as jt, LogLevel as Je, parseUrlParams as In, clearSessionParamsFromUrl as On, isCloudEnvironment as ht, extractUserIdFromToken as pt, deriveBackendType as mt, IkonClient as xn, reportConnectTimeline as Nn, AccessDeniedError as Ln, ServerFullError as Pn, AuthenticationError as Un, isDebugModeEnabled as $t, getLangParam as Mn } from "@ikonai/sdk";
-import { randomUuid as Ys } from "@ikonai/sdk";
+import { UiStreamStore as Ys } from "@ikonai/sdk-ui";
+import En, { useSyncExternalStore as ot, useMemo as W, memo as Y, useRef as E, useCallback as j, Fragment as Rn, useState as x, useEffect as T, use as st, createContext as Mt, useReducer as An } from "react";
+import { createLogger as oe, isInspectModeEnabled as kn, getOrCreateDeviceId as Tn, getSameOriginAuthUrl as Cn, abortSignalTimeout as Dt, deriveAuthUrl as ve, getDebugOverlayParam as _n, subscribeToLogEvents as jt, LogLevel as Je, parseUrlParams as In, clearSessionParamsFromUrl as xn, isCloudEnvironment as ht, extractUserIdFromToken as pt, deriveBackendType as mt, IkonClient as On, reportConnectTimeline as Nn, AccessDeniedError as Ln, ServerFullError as Pn, AuthenticationError as Un, isDebugModeEnabled as $t, getLangParam as Mn } from "@ikonai/sdk";
+import { randomUuid as Xs } from "@ikonai/sdk";
 var Ce = { exports: {} }, ge = {};
 /**
  * @license React
@@ -48,12 +48,12 @@ var ye = {};
 var yt;
 function jn() {
   return yt || (yt = 1, process.env.NODE_ENV !== "production" && (function() {
-    function t(d) {
-      if (d == null) return null;
-      if (typeof d == "function")
-        return d.$$typeof === P ? null : d.displayName || d.name || null;
-      if (typeof d == "string") return d;
-      switch (d) {
+    function t(f) {
+      if (f == null) return null;
+      if (typeof f == "function")
+        return f.$$typeof === P ? null : f.displayName || f.name || null;
+      if (typeof f == "string") return f;
+      switch (f) {
         case p:
           return "Fragment";
         case b:
@@ -67,127 +67,127 @@ function jn() {
         case I:
           return "Activity";
       }
-      if (typeof d == "object")
-        switch (typeof d.tag == "number" && console.error(
+      if (typeof f == "object")
+        switch (typeof f.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), d.$$typeof) {
+        ), f.$$typeof) {
           case y:
             return "Portal";
           case v:
-            return d.displayName || "Context";
+            return f.displayName || "Context";
           case R:
-            return (d._context.displayName || "Context") + ".Consumer";
-          case T:
-            var A = d.render;
-            return d = d.displayName, d || (d = A.displayName || A.name || "", d = d !== "" ? "ForwardRef(" + d + ")" : "ForwardRef"), d;
+            return (f._context.displayName || "Context") + ".Consumer";
+          case k:
+            var A = f.render;
+            return f = f.displayName, f || (f = A.displayName || A.name || "", f = f !== "" ? "ForwardRef(" + f + ")" : "ForwardRef"), f;
           case te:
-            return A = d.displayName || null, A !== null ? A : t(d.type) || "Memo";
+            return A = f.displayName || null, A !== null ? A : t(f.type) || "Memo";
           case z:
-            A = d._payload, d = d._init;
+            A = f._payload, f = f._init;
             try {
-              return t(d(A));
+              return t(f(A));
             } catch {
             }
         }
       return null;
     }
-    function e(d) {
-      return "" + d;
+    function e(f) {
+      return "" + f;
     }
-    function n(d) {
+    function n(f) {
       try {
-        e(d);
+        e(f);
         var A = !1;
       } catch {
         A = !0;
       }
       if (A) {
         A = console;
-        var O = A.error, N = typeof Symbol == "function" && Symbol.toStringTag && d[Symbol.toStringTag] || d.constructor.name || "Object";
+        var O = A.error, N = typeof Symbol == "function" && Symbol.toStringTag && f[Symbol.toStringTag] || f.constructor.name || "Object";
         return O.call(
           A,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           N
-        ), e(d);
+        ), e(f);
       }
     }
-    function r(d) {
-      if (d === p) return "<>";
-      if (typeof d == "object" && d !== null && d.$$typeof === z)
+    function r(f) {
+      if (f === p) return "<>";
+      if (typeof f == "object" && f !== null && f.$$typeof === z)
         return "<...>";
       try {
-        var A = t(d);
+        var A = t(f);
         return A ? "<" + A + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function o() {
-      var d = M.A;
-      return d === null ? null : d.getOwner();
+      var f = M.A;
+      return f === null ? null : f.getOwner();
     }
     function s() {
       return Error("react-stack-top-frame");
     }
-    function i(d) {
-      if (B.call(d, "key")) {
-        var A = Object.getOwnPropertyDescriptor(d, "key").get;
+    function i(f) {
+      if (B.call(f, "key")) {
+        var A = Object.getOwnPropertyDescriptor(f, "key").get;
         if (A && A.isReactWarning) return !1;
       }
-      return d.key !== void 0;
+      return f.key !== void 0;
     }
-    function a(d, A) {
+    function a(f, A) {
       function O() {
         K || (K = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           A
         ));
       }
-      O.isReactWarning = !0, Object.defineProperty(d, "key", {
+      O.isReactWarning = !0, Object.defineProperty(f, "key", {
         get: O,
         configurable: !0
       });
     }
     function l() {
-      var d = t(this.type);
-      return H[d] || (H[d] = !0, console.error(
+      var f = t(this.type);
+      return q[f] || (q[f] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), d = this.props.ref, d !== void 0 ? d : null;
+      )), f = this.props.ref, f !== void 0 ? f : null;
     }
-    function h(d, A, O, N, se, me) {
+    function d(f, A, O, N, se, me) {
       var L = O.ref;
-      return d = {
+      return f = {
         $$typeof: u,
-        type: d,
+        type: f,
         key: A,
         props: O,
         _owner: N
-      }, (L !== void 0 ? L : null) !== null ? Object.defineProperty(d, "ref", {
+      }, (L !== void 0 ? L : null) !== null ? Object.defineProperty(f, "ref", {
         enumerable: !1,
         get: l
-      }) : Object.defineProperty(d, "ref", { enumerable: !1, value: null }), d._store = {}, Object.defineProperty(d._store, "validated", {
+      }) : Object.defineProperty(f, "ref", { enumerable: !1, value: null }), f._store = {}, Object.defineProperty(f._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(d, "_debugInfo", {
+      }), Object.defineProperty(f, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(d, "_debugStack", {
+      }), Object.defineProperty(f, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: se
-      }), Object.defineProperty(d, "_debugTask", {
+      }), Object.defineProperty(f, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: me
-      }), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
+      }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
     }
-    function f(d, A, O, N, se, me) {
+    function h(f, A, O, N, se, me) {
       var L = A.children;
       if (L !== void 0)
         if (N)
@@ -201,7 +201,7 @@ function jn() {
             );
         else g(L);
       if (B.call(A, "key")) {
-        L = t(d);
+        L = t(f);
         var Q = Object.keys(A).filter(function(Me) {
           return Me !== "key";
         });
@@ -225,9 +225,9 @@ React keys must be passed directly to JSX without using spread:
       } else O = A;
       return L && a(
         O,
-        typeof d == "function" ? d.displayName || d.name || "Unknown" : d
-      ), h(
-        d,
+        typeof f == "function" ? f.displayName || f.name || "Unknown" : f
+      ), d(
+        f,
         L,
         O,
         o(),
@@ -235,43 +235,43 @@ React keys must be passed directly to JSX without using spread:
         me
       );
     }
-    function g(d) {
-      m(d) ? d._store && (d._store.validated = 1) : typeof d == "object" && d !== null && d.$$typeof === z && (d._payload.status === "fulfilled" ? m(d._payload.value) && d._payload.value._store && (d._payload.value._store.validated = 1) : d._store && (d._store.validated = 1));
+    function g(f) {
+      m(f) ? f._store && (f._store.validated = 1) : typeof f == "object" && f !== null && f.$$typeof === z && (f._payload.status === "fulfilled" ? m(f._payload.value) && f._payload.value._store && (f._payload.value._store.validated = 1) : f._store && (f._store.validated = 1));
     }
-    function m(d) {
-      return typeof d == "object" && d !== null && d.$$typeof === u;
+    function m(f) {
+      return typeof f == "object" && f !== null && f.$$typeof === u;
     }
-    var c = En, u = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), S = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), R = Symbol.for("react.consumer"), v = Symbol.for("react.context"), T = Symbol.for("react.forward_ref"), U = Symbol.for("react.suspense"), ee = Symbol.for("react.suspense_list"), te = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), I = Symbol.for("react.activity"), P = Symbol.for("react.client.reference"), M = c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, B = Object.prototype.hasOwnProperty, $ = Array.isArray, W = console.createTask ? console.createTask : function() {
+    var c = En, u = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), S = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), R = Symbol.for("react.consumer"), v = Symbol.for("react.context"), k = Symbol.for("react.forward_ref"), U = Symbol.for("react.suspense"), ee = Symbol.for("react.suspense_list"), te = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), I = Symbol.for("react.activity"), P = Symbol.for("react.client.reference"), M = c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, B = Object.prototype.hasOwnProperty, $ = Array.isArray, V = console.createTask ? console.createTask : function() {
       return null;
     };
     c = {
-      react_stack_bottom_frame: function(d) {
-        return d();
+      react_stack_bottom_frame: function(f) {
+        return f();
       }
     };
-    var K, H = {}, Ee = c.react_stack_bottom_frame.bind(
+    var K, q = {}, Ee = c.react_stack_bottom_frame.bind(
       c,
       s
-    )(), Re = W(r(s)), pe = {};
-    ye.Fragment = p, ye.jsx = function(d, A, O) {
+    )(), Re = V(r(s)), pe = {};
+    ye.Fragment = p, ye.jsx = function(f, A, O) {
       var N = 1e4 > M.recentlyCreatedOwnerStacks++;
-      return f(
-        d,
+      return h(
+        f,
         A,
         O,
         !1,
         N ? Error("react-stack-top-frame") : Ee,
-        N ? W(r(d)) : Re
+        N ? V(r(f)) : Re
       );
-    }, ye.jsxs = function(d, A, O) {
+    }, ye.jsxs = function(f, A, O) {
       var N = 1e4 > M.recentlyCreatedOwnerStacks++;
-      return f(
-        d,
+      return h(
+        f,
         A,
         O,
         !0,
         N ? Error("react-stack-top-frame") : Ee,
-        N ? W(r(d)) : Re
+        N ? V(r(f)) : Re
       );
     };
   })()), ye;
@@ -293,7 +293,7 @@ function Bn(t, e) {
       return `${o ?? ""}:${s?.id ?? ""}`;
     }
   );
-  return V(() => {
+  return W(() => {
     const [r, o] = n.split(":");
     return {
       rootViewId: r || void 0,
@@ -301,13 +301,13 @@ function Bn(t, e) {
     };
   }, [n]);
 }
-function Z(t, e) {
+function H(t, e) {
   const n = ot(
     (r) => t.subscribeNode(e, r),
     () => t.getNodeVersion(e),
     () => t.getNodeVersion(e)
   );
-  return V(() => t.getNode(e), [t, e, n]);
+  return W(() => t.getNode(e), [t, e, n]);
 }
 const Fn = oe("UIRenderer");
 function Wn(t) {
@@ -325,14 +325,60 @@ function Vn(t) {
   const e = t.styleIds;
   return Array.isArray(e) ? e : [];
 }
-function Kn(t) {
+const Kn = 1500;
+function Gn(t) {
+  const [e, n] = x(0);
+  return T(() => {
+    if (t.subscribe)
+      return t.subscribe(() => n((r) => r + 1));
+  }, [t]), e;
+}
+function Yn({ nodeType: t, nodeId: e, context: n, className: r }) {
+  const [o, s] = x(!1), i = H(n.store, e), a = Gn(n.library), l = W(
+    () => i ? n.library.resolve(i) : void 0,
+    // `revision` is not read here — it is the signal that `resolve` may now return something new.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [n.library, i, a]
+  );
+  if (T(() => {
+    const d = setTimeout(() => s(!0), Kn);
+    return () => clearTimeout(d);
+  }, [t]), T(() => {
+    !o || l || Fn.error(
+      `No React resolver is registered for node type '${t}', so it renders as an error placeholder instead of the component you expected. A custom node needs all four parts: (1) the React component, (2) a resolver that matches '${t}', (3) a registerModule(...) call for it in app.tsx, and (4) the C# view.AddNode("${t}", ...) extension. Prefer native view.* components where they fit.`
+    );
+  }, [o, l, t]), l) {
+    const d = l;
+    return /* @__PURE__ */ w.jsx(d, { nodeId: e, context: n, className: r });
+  }
+  return o ? /* @__PURE__ */ w.jsx(
+    "div",
+    {
+      "data-ikon-node-id": e,
+      "data-ikon-unresolved-node": t,
+      role: "alert",
+      style: {
+        padding: "12px 16px",
+        border: "2px dashed #ef4444",
+        borderRadius: 8,
+        background: "rgba(239, 68, 68, 0.08)",
+        color: "#ef4444",
+        font: "600 13px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace",
+        whiteSpace: "pre-wrap"
+      },
+      children: `Unregistered node type: ${t}
+No React resolver is registered for it — register the component's module in app.tsx (see the console for details).`
+    }
+  ) : null;
+}
+function zn(t) {
   const e = t.children;
   return Array.isArray(e) ? e : [];
 }
-function Yn(t, e) {
+function Xn(t, e) {
   return t.nodeId === e.nodeId && t.context === e.context;
 }
-function Gn(t) {
+function Hn(t) {
   if (t.length === 0) return "";
   if (t.length === 1) return t[0].id;
   let e = t[0].id;
@@ -340,8 +386,8 @@ function Gn(t) {
     e += "," + t[n].id;
   return e;
 }
-const Ze = G(function t({ nodeId: e, context: n }) {
-  const r = Z(n.store, e), o = r ? Kn(r) : [], s = Gn(o), i = V(
+const Ze = Y(function t({ nodeId: e, context: n }) {
+  const r = H(n.store, e), o = r ? zn(r) : [], s = Hn(o), i = W(
     () => o.length === 0 ? null : o.map((g) => /* @__PURE__ */ w.jsx(t, { nodeId: g.id, context: n }, g.id)),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [s, n]
@@ -350,21 +396,21 @@ const Ze = G(function t({ nodeId: e, context: n }) {
     return null;
   if (r.type === "root")
     return /* @__PURE__ */ w.jsx(Rn, { children: i }, r.id);
-  const a = n.library.resolve(r);
-  if (!a)
-    return Fn.warn(`No renderer for node type ${r.type}`), null;
-  const l = Vn(r), h = l.length > 0 ? l.join(" ") : void 0, f = a;
-  return /* @__PURE__ */ w.jsx(f, { nodeId: e, context: n, className: h });
-}, Yn);
-function zn(t, e) {
+  const a = Vn(r), l = a.length > 0 ? a.join(" ") : void 0, d = n.library.resolve(r);
+  if (!d)
+    return /* @__PURE__ */ w.jsx(Yn, { nodeType: r.type, nodeId: r.id, context: n, className: l });
+  const h = d;
+  return /* @__PURE__ */ w.jsx(h, { nodeId: e, context: n, className: l });
+}, Xn);
+function qn(t, e) {
   return !Array.isArray(t) || t.length === 0 ? null : t.map((n) => /* @__PURE__ */ w.jsx(Ze, { nodeId: n.id, context: e }, n.id));
 }
-function Xn(t, e) {
+function Jn(t, e) {
   return t.store === e.store && t.library === e.library && t.viewId === e.viewId && t.emptyFallback === e.emptyFallback;
 }
-const Hn = G(function({ store: e, library: n, viewId: r, emptyFallback: o = null, onAction: s, client: i, video: a }) {
-  const { rootViewId: l, rootNodeId: h } = Bn(e, r), f = E(s);
-  f.current = s;
+const Zn = Y(function({ store: e, library: n, viewId: r, emptyFallback: o = null, onAction: s, client: i, video: a }) {
+  const { rootViewId: l, rootNodeId: d } = Bn(e, r), h = E(s);
+  h.current = s;
   const g = E(i);
   g.current = i;
   const m = E(a);
@@ -373,15 +419,15 @@ const Hn = G(function({ store: e, library: n, viewId: r, emptyFallback: o = null
     if (!y)
       return;
     const S = Wn(p);
-    f.current?.(y, S);
-  }, []), u = V(() => {
+    h.current?.(y, S);
+  }, []), u = W(() => {
     const y = {
       store: e,
       library: n,
       handlerCache: e.handlerCache,
       // Access payloads from store at call time, not captured snapshot
       getPayload: (p) => e.getSnapshot().payloads.get(p),
-      renderChildren: (p) => zn(p, y),
+      renderChildren: (p) => qn(p, y),
       renderView: (p) => {
         const S = e.getSnapshot().views.get(p);
         return S ? /* @__PURE__ */ w.jsx(Ze, { nodeId: S.id, context: y }) : null;
@@ -397,39 +443,49 @@ const Hn = G(function({ store: e, library: n, viewId: r, emptyFallback: o = null
     };
     return y;
   }, [e, n, c]);
-  return !l || !h ? o : /* @__PURE__ */ w.jsx("div", { "data-ikon-view-id": l, style: { display: "contents" }, children: /* @__PURE__ */ w.jsx(Ze, { nodeId: h, context: u }) });
-}, Xn);
-class qn {
+  return !l || !d ? o : /* @__PURE__ */ w.jsx("div", { "data-ikon-view-id": l, style: { display: "contents" }, children: /* @__PURE__ */ w.jsx(Ze, { nodeId: d, context: u }) });
+}, Jn);
+class Qn {
   constructor(e, n) {
     if (this.fallback = n, e)
       for (const [r, o] of e)
         this.renderers.set(r, o);
   }
   renderers = /* @__PURE__ */ new Map();
+  listeners = /* @__PURE__ */ new Set();
+  subscribe(e) {
+    return this.listeners.add(e), () => {
+      this.listeners.delete(e);
+    };
+  }
   register(e, n) {
-    this.renderers.set(e, n);
+    this.renderers.set(e, n), this.notify();
   }
   setFallback(e) {
-    this.fallback = e;
+    this.fallback = e, this.notify();
   }
   resolve(e) {
     return this.renderers.get(e.type) ?? this.fallback;
   }
+  notify() {
+    for (const e of this.listeners)
+      e();
+  }
 }
-function _s(t, e) {
+function Os(t, e) {
   const n = Object.entries(t);
-  return new qn(n, e);
+  return new Qn(n, e);
 }
-function Is(t) {
+function Ns(t) {
   return ot(
     (e) => t.subscribe(e),
     () => t.getSnapshot(),
     () => t.getSnapshot()
   );
 }
-function Jn() {
-  const t = Tn();
-  return C(() => {
+function er() {
+  const t = kn();
+  return T(() => {
     if (!t)
       return;
     let e = window.parent === window, n = null, r = [];
@@ -465,7 +521,7 @@ function Jn() {
         return;
       c.relatedTarget?.closest?.("[data-ikon-source]") !== n && s();
     }
-    function h(c) {
+    function d(c) {
       if (!e)
         return;
       const u = c.target.closest?.("[data-ikon-source]");
@@ -479,7 +535,7 @@ function Jn() {
       };
       window.dispatchEvent(new CustomEvent("ikon-inspect-select", { detail: y })), window.parent.postMessage({ type: "ikon-element-selected", payload: y }, "*");
     }
-    function f(c, u) {
+    function h(c, u) {
       return document.elementFromPoint(c, u)?.closest?.("[data-ikon-source]");
     }
     function g(c) {
@@ -498,7 +554,7 @@ function Jn() {
         return;
       }
       if (c.data?.type === "ikon-inspect-at") {
-        const u = f(c.data.x, c.data.y);
+        const u = h(c.data.x, c.data.y);
         g(u);
         const y = u?.getAttribute("data-ikon-source") ?? "";
         window.parent.postMessage({
@@ -507,7 +563,7 @@ function Jn() {
         }, "*");
       }
       if (c.data?.type === "ikon-inspect-click") {
-        const u = f(c.data.x, c.data.y);
+        const u = h(c.data.x, c.data.y);
         if (u) {
           const y = {
             sourceMarker: u.getAttribute("data-ikon-source") ?? "",
@@ -518,7 +574,7 @@ function Jn() {
         }
       }
       if (c.data?.type === "ikon-inspect-click-add") {
-        const u = f(c.data.x, c.data.y);
+        const u = h(c.data.x, c.data.y);
         if (u) {
           const y = {
             sourceMarker: u.getAttribute("data-ikon-source") ?? "",
@@ -533,12 +589,12 @@ function Jn() {
       }
       if (c.data?.type === "ikon-inspect-rect") {
         const { x1: u, y1: y, x2: p, y2: S, append: b } = c.data, R = document.querySelectorAll("[data-ikon-source]"), v = [];
-        for (const T of Array.from(R)) {
-          const U = T.getBoundingClientRect();
+        for (const k of Array.from(R)) {
+          const U = k.getBoundingClientRect();
           U.right > u && U.left < p && U.bottom > y && U.top < S && v.push({
-            sourceMarker: T.getAttribute("data-ikon-source") ?? "",
-            tagName: T.tagName.toLowerCase(),
-            textContent: (T.textContent ?? "").trim().substring(0, 200)
+            sourceMarker: k.getAttribute("data-ikon-source") ?? "",
+            tagName: k.tagName.toLowerCase(),
+            textContent: (k.textContent ?? "").trim().substring(0, 200)
           });
         }
         v.length > 0 && window.parent.postMessage({
@@ -548,40 +604,40 @@ function Jn() {
       }
       c.data?.type === "ikon-inspect-highlight" && i(c.data.markers ?? []), c.data?.type === "ikon-inspect-clear" && s();
     }
-    return document.addEventListener("mouseover", a, !0), document.addEventListener("mouseout", l, !0), document.addEventListener("click", h, !0), window.addEventListener("message", m), () => {
-      document.removeEventListener("mouseover", a, !0), document.removeEventListener("mouseout", l, !0), document.removeEventListener("click", h, !0), window.removeEventListener("message", m), s(), i([]), o.remove();
+    return document.addEventListener("mouseover", a, !0), document.addEventListener("mouseout", l, !0), document.addEventListener("click", d, !0), window.addEventListener("message", m), () => {
+      document.removeEventListener("mouseover", a, !0), document.removeEventListener("mouseout", l, !0), document.removeEventListener("click", d, !0), window.removeEventListener("message", m), s(), i([]), o.remove();
     };
   }, [t]), null;
 }
-const Zn = oe("IkonUiSurface"), Qe = "ikon-ui";
-function Qn(t, e) {
+const tr = oe("IkonUiSurface"), Qe = "ikon-ui";
+function nr(t, e) {
   return t === e;
 }
-const Bt = G(function({ stores: e, registry: n, category: r = Qe, onAction: o, client: s }) {
-  const i = V(() => Array.from(e.keys()).sort().join(","), [e]), a = E(o);
+const Bt = Y(function({ stores: e, registry: n, category: r = Qe, onAction: o, client: s }) {
+  const i = W(() => Array.from(e.keys()).sort().join(","), [e]), a = E(o);
   a.current = o;
   const l = E(s);
   l.current = s;
-  const h = V(
+  const d = W(
     () => {
       const m = [];
       for (const [c, u] of e) {
         const y = u.store.getSnapshot();
-        Qn(u.category, r) && (!y.rootViewId || !y.views.has(y.rootViewId) || m.push({ key: c, store: u.store }));
+        nr(u.category, r) && (!y.rootViewId || !y.views.has(y.rootViewId) || m.push({ key: c, store: u.store }));
       }
       return m;
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [e, r, i]
-  ), f = E(!1), g = h.length > 0;
-  return C(() => {
-    g && !f.current && (f.current = !0, Zn.debug("First UI render"));
+  ), h = E(!1), g = d.length > 0;
+  return T(() => {
+    g && !h.current && (h.current = !0, tr.debug("First UI render"));
   }, [g]), g ? /* @__PURE__ */ w.jsxs(w.Fragment, { children: [
-    /* @__PURE__ */ w.jsx(Jn, {}),
-    h.map(({ key: m, store: c }) => /* @__PURE__ */ w.jsx(Hn, { store: c, library: n, onAction: a.current, client: l.current, video: l.current?.media?.video }, m))
+    /* @__PURE__ */ w.jsx(er, {}),
+    d.map(({ key: m, store: c }) => /* @__PURE__ */ w.jsx(Zn, { store: c, library: n, onAction: a.current, client: l.current, video: l.current?.media?.video }, m))
   ] }) : null;
 });
-class er {
+class rr {
   core;
   ownsCore;
   stores = /* @__PURE__ */ new Map();
@@ -684,7 +740,7 @@ class er {
       n(e);
   }
 }
-function tr(t) {
+function or(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -709,8 +765,8 @@ function it(...t) {
     }
   return e || void 0;
 }
-const St = /* @__PURE__ */ new WeakMap(), nr = {};
-function rr(t) {
+const St = /* @__PURE__ */ new WeakMap(), sr = {};
+function ir(t) {
   const e = {};
   for (const n of t.split(";")) {
     const r = n.indexOf(":");
@@ -722,13 +778,13 @@ function rr(t) {
   }
   return e;
 }
-function or(t, e) {
+function ar(t, e) {
   const n = t && typeof t == "object" ? t : void 0;
   return e ? { ...n ?? {}, cursor: e } : n;
 }
 function at(t) {
   if (!t)
-    return nr;
+    return sr;
   const e = St.get(t);
   if (e)
     return e;
@@ -736,14 +792,14 @@ function at(t) {
   for (const [r, o] of Object.entries(t))
     if (o != null) {
       if (r === "style" && typeof o == "string") {
-        n[r] = rr(o);
+        n[r] = ir(o);
         continue;
       }
       (typeof o == "string" || typeof o == "number" || typeof o == "boolean") && (n[r] = o);
     }
   return St.set(t, n), n;
 }
-function sr(t) {
+function cr(t) {
   let e = t.parentElement;
   for (; e; ) {
     const r = window.getComputedStyle(e).overflowY;
@@ -760,20 +816,20 @@ function Wt(t, e) {
     "scrollBehavior" in document.documentElement.style ? t.scrollTo({ top: o, behavior: i }) : t.scrollTop = o;
   });
 }
-const et = "data-ikon-scroll-indicator", ir = 0.15, xe = "data-ikon-at-bottom";
+const et = "data-ikon-scroll-indicator", lr = 0.15, Oe = "data-ikon-at-bottom";
 function Vt(t) {
-  return Math.max(t.clientHeight * ir, 20);
+  return Math.max(t.clientHeight * lr, 20);
 }
-function ar(t) {
-  return t.getAttribute(xe) !== "false";
+function ur(t) {
+  return t.getAttribute(Oe) !== "false";
 }
-function cr(t) {
-  t.getAttribute(xe) === null && (t.setAttribute(xe, "true"), t.addEventListener("scroll", () => {
+function dr(t) {
+  t.getAttribute(Oe) === null && (t.setAttribute(Oe, "true"), t.addEventListener("scroll", () => {
     const { scrollTop: e, scrollHeight: n, clientHeight: r } = t, s = n - e - r <= Vt(t);
-    t.setAttribute(xe, s ? "true" : "false");
+    t.setAttribute(Oe, s ? "true" : "false");
   }, { passive: !0 }));
 }
-function lr(t) {
+function fr(t) {
   const e = t.parentElement ?? t, n = e.querySelector(`[${et}]`);
   if (n)
     return n;
@@ -806,8 +862,8 @@ function lr(t) {
     r.style.opacity = "0.9";
   }), e.appendChild(r), r;
 }
-function ur(t, e) {
-  const n = lr(t);
+function hr(t, e) {
+  const n = fr(t);
   n.style.display = "flex";
   const r = () => {
     Wt(t, e), n.style.display = "none";
@@ -819,10 +875,10 @@ function ur(t, e) {
     n.removeEventListener("click", r), t.removeEventListener("scroll", o);
   };
 }
-function dr() {
-  const t = G(function({ nodeId: n, context: r }) {
-    const o = Z(r.store, n), s = E(null), i = de(o?.props?.targetViewId), a = o?.props?.focusOnly, l = typeof a == "boolean" ? a : void 0, h = de(o?.props?.priority), f = de(o?.props?.key), g = o?.props?.preciseGeneratedAt;
-    return C(() => {
+function pr() {
+  const t = Y(function({ nodeId: n, context: r }) {
+    const o = H(r.store, n), s = E(null), i = de(o?.props?.targetViewId), a = o?.props?.focusOnly, l = typeof a == "boolean" ? a : void 0, d = de(o?.props?.priority), h = de(o?.props?.key), g = o?.props?.preciseGeneratedAt;
+    return T(() => {
       if (typeof document > "u")
         return;
       const c = s.current;
@@ -830,18 +886,18 @@ function dr() {
         return;
       let u;
       if (l !== !0) {
-        const b = sr(c);
+        const b = cr(c);
         if (b)
-          if (cr(b), h === "Polite" && !ar(b))
-            u = ur(b, c);
+          if (dr(b), d === "Polite" && !ur(b))
+            u = hr(b, c);
           else {
             const U = (b.parentElement ?? b).querySelector(`[${et}]`);
             U && (U.style.display = "none"), Wt(b, c);
           }
         else typeof c.scrollIntoView == "function" && requestAnimationFrame(() => {
-          const R = c.getBoundingClientRect().top, v = typeof window < "u" ? window.innerHeight : 0, T = Math.abs(R) > v * Ft ? "auto" : "smooth";
+          const R = c.getBoundingClientRect().top, v = typeof window < "u" ? window.innerHeight : 0, k = Math.abs(R) > v * Ft ? "auto" : "smooth";
           try {
-            c.scrollIntoView({ behavior: T, block: "end", inline: "nearest" });
+            c.scrollIntoView({ behavior: k, block: "end", inline: "nearest" });
           } catch {
             c.scrollIntoView(!1);
           }
@@ -855,7 +911,7 @@ function dr() {
           c.focus();
         }
       return u;
-    }, [l, h, i, f, g]), o ? /* @__PURE__ */ w.jsx(
+    }, [l, d, i, h, g]), o ? /* @__PURE__ */ w.jsx(
       "span",
       {
         ref: s,
@@ -872,31 +928,31 @@ function dr() {
       return t;
   };
 }
-function fr() {
-  const t = G(function({ nodeId: n, context: r, className: o }) {
-    const s = Z(r.store, n), i = tr(s?.props?.onInvokeId), a = j(() => {
+function mr() {
+  const t = Y(function({ nodeId: n, context: r, className: o }) {
+    const s = H(r.store, n), i = or(s?.props?.onInvokeId), a = j(() => {
       i && r.dispatchAction(i);
     }, [i, r]);
     if (!s)
       return null;
     const l = at(s.props);
     delete l.onInvokeId;
-    const h = it(de(s.props?.className), o), f = s.children?.length ? r.renderChildren(s.children) : void 0;
+    const d = it(de(s.props?.className), o), h = s.children?.length ? r.renderChildren(s.children) : void 0;
     return /* @__PURE__ */ w.jsx(
       "div",
       {
         ...l,
         "data-ikon-node-id": s.id,
         "data-ikon-source": s.sourceMarker,
-        className: h,
+        className: d,
         onClick: i ? a : void 0,
         role: i && !l.role ? "button" : l.role,
         tabIndex: i && l.tabIndex === void 0 ? 0 : l.tabIndex,
         onKeyDown: i ? (g) => {
           (g.key === "Enter" || g.key === " ") && (g.preventDefault(), a());
         } : void 0,
-        style: or(l.style, i ? "pointer" : void 0),
-        children: f
+        style: ar(l.style, i ? "pointer" : void 0),
+        children: h
       }
     );
   });
@@ -905,9 +961,9 @@ function fr() {
       return t;
   };
 }
-function hr() {
-  const t = G(function({ nodeId: n, context: r, className: o }) {
-    const s = Z(r.store, n);
+function gr() {
+  const t = Y(function({ nodeId: n, context: r, className: o }) {
+    const s = H(r.store, n);
     if (!s)
       return null;
     const i = at(s.props), a = it("relative", de(s.props?.className), o), l = s.children?.length ? r.renderChildren(s.children) : void 0;
@@ -918,9 +974,9 @@ function hr() {
       return t;
   };
 }
-function pr() {
-  const t = G(function({ nodeId: n, context: r, className: o }) {
-    const s = Z(r.store, n);
+function yr() {
+  const t = Y(function({ nodeId: n, context: r, className: o }) {
+    const s = H(r.store, n);
     if (!s)
       return null;
     const i = at(s.props), a = it("absolute", de(s.props?.className), o), l = s.children?.length ? r.renderChildren(s.children) : void 0;
@@ -931,19 +987,19 @@ function pr() {
       return t;
   };
 }
-function mr() {
+function br() {
   return [
-    fr(),
-    hr(),
-    pr(),
-    dr()
+    mr(),
+    gr(),
+    yr(),
+    pr()
   ];
 }
-const gr = "base", yr = async () => mr();
-function br(t) {
-  t.registerModule(gr, yr);
+const Sr = "base", wr = async () => br();
+function vr(t) {
+  t.registerModule(Sr, wr);
 }
-function Sr(t) {
+function Er(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -953,7 +1009,7 @@ function Sr(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function wr(...t) {
+function Rr(...t) {
   const e = [];
   for (const n of t)
     n && n.trim() && e.push(n.trim());
@@ -974,38 +1030,38 @@ function _e(t) {
     if (e === "false") return !1;
   }
 }
-const vr = "std.audio-url-player";
-function Er() {
-  const t = G(function({
+const Ar = "std.audio-url-player";
+function kr() {
+  const t = Y(function({
     nodeId: n,
     context: r,
     className: o
   }) {
-    const s = Z(r.store, n), i = E(null), a = s ? _e(s.props?.autoplay) : void 0, l = s ? wt(s.props?.src) : void 0;
-    if (C(() => {
+    const s = H(r.store, n), i = E(null), a = s ? _e(s.props?.autoplay) : void 0, l = s ? wt(s.props?.src) : void 0;
+    if (T(() => {
       a && i.current && i.current.play().catch(() => {
       });
     }, [a, l]), !s)
       return null;
-    const h = wr(Sr(s.props?.className), o), f = wt(s.props?.preload), g = _e(s.props?.controls), m = _e(s.props?.loop), c = _e(s.props?.muted);
+    const d = Rr(Er(s.props?.className), o), h = wt(s.props?.preload), g = _e(s.props?.controls), m = _e(s.props?.loop), c = _e(s.props?.muted);
     return /* @__PURE__ */ w.jsx(
       "audio",
       {
         ref: i,
         src: l,
-        ...f !== void 0 ? { preload: f } : {},
+        ...h !== void 0 ? { preload: h } : {},
         ...g !== void 0 ? { controls: g } : {},
         ...a !== void 0 ? { autoPlay: a } : {},
         ...m !== void 0 ? { loop: m } : {},
         ...c !== void 0 ? { muted: c } : {},
         "data-ikon-node-id": s.id,
         "data-ikon-source": s.sourceMarker,
-        className: h
+        className: d
       }
     );
   });
   return ({ type: e }) => {
-    if (e === vr)
+    if (e === Ar)
       return t;
   };
 }
@@ -1019,7 +1075,7 @@ function Kt(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function Yt(...t) {
+function Gt(...t) {
   const e = [];
   for (const n of t)
     n && n.trim() && e.push(n.trim());
@@ -1040,27 +1096,27 @@ function tt(t) {
   const e = t.trim();
   return e.length > 0 ? e : void 0;
 }
-const Rr = "std.video-canvas", Ar = "std.video-url-player";
-function Tr() {
-  const t = G(function({ nodeId: n, context: r, className: o }) {
-    const s = Z(r.store, n), i = E(null), a = E(null), l = r.video, h = r.client, f = s ? tt(s.props?.streamId) : void 0, g = s ? Ne(s.props?.width) : void 0, m = s ? Ne(s.props?.height) : void 0, c = s ? Yt(Kt(s.props?.className), o) : o, [, u] = x(0);
-    C(() => {
-      if (!h?.isWebRtcEnabled) return;
-      const p = h.onWebRtcTrackMapChanged;
-      return h.onWebRtcTrackMapChanged = (S) => {
+const Tr = "std.video-canvas", Cr = "std.video-url-player";
+function _r() {
+  const t = Y(function({ nodeId: n, context: r, className: o }) {
+    const s = H(r.store, n), i = E(null), a = E(null), l = r.video, d = r.client, h = s ? tt(s.props?.streamId) : void 0, g = s ? Ne(s.props?.width) : void 0, m = s ? Ne(s.props?.height) : void 0, c = s ? Gt(Kt(s.props?.className), o) : o, [, u] = x(0);
+    T(() => {
+      if (!d?.isWebRtcEnabled) return;
+      const p = d.onWebRtcTrackMapChanged;
+      return d.onWebRtcTrackMapChanged = (S) => {
         p?.(S), S.kind === "video" && u((b) => b + 1);
       }, () => {
-        h.onWebRtcTrackMapChanged = p;
+        d.onWebRtcTrackMapChanged = p;
       };
-    }, [h]);
-    const y = h?.isWebRtcEnabled && f ? h.getWebRtcVideoStreamByStreamId(f) : null;
-    return C(() => {
+    }, [d]);
+    const y = d?.isWebRtcEnabled && h ? d.getWebRtcVideoStreamByStreamId(h) : null;
+    return T(() => {
       const p = i.current;
-      if (!(!l || !p || !f || y))
-        return l.attachCanvas(f, p), () => {
-          l.detachCanvas(f);
+      if (!(!l || !p || !h || y))
+        return l.attachCanvas(h, p), () => {
+          l.detachCanvas(h);
         };
-    }, [l, f, y]), C(() => {
+    }, [l, h, y]), T(() => {
       const p = a.current;
       if (!(!p || !y))
         return p.srcObject = y, () => {
@@ -1075,33 +1131,33 @@ function Tr() {
         muted: !0,
         "data-ikon-node-id": s.id,
         "data-ikon-source": s.sourceMarker,
-        "data-ikon-video-stream-id": f,
+        "data-ikon-video-stream-id": h,
         className: c,
         ...g ? { width: g } : {},
         ...m ? { height: m } : {}
       },
-      f
+      h
     ) : /* @__PURE__ */ w.jsx(
       "canvas",
       {
         ref: i,
         "data-ikon-node-id": s.id,
         "data-ikon-source": s.sourceMarker,
-        "data-ikon-video-stream-id": f,
+        "data-ikon-video-stream-id": h,
         className: c,
         ...g ? { width: g } : {},
         ...m ? { height: m } : {}
       },
-      f
+      h
     ) : null;
   });
   return ({ type: e }) => {
-    if (e === Rr)
+    if (e === Tr)
       return t;
   };
 }
-function kr() {
-  return [Tr(), Cr(), Er()];
+function Ir() {
+  return [_r(), xr(), kr()];
 }
 function be(t) {
   if (typeof t == "boolean")
@@ -1112,25 +1168,25 @@ function be(t) {
     if (e === "false") return !1;
   }
 }
-function Cr() {
-  const t = G(function({
+function xr() {
+  const t = Y(function({
     nodeId: n,
     context: r,
     className: o
   }) {
-    const s = Z(r.store, n), i = E(null), a = s ? be(s.props?.autoplay) : void 0, l = s ? tt(s.props?.src) : void 0;
-    if (C(() => {
+    const s = H(r.store, n), i = E(null), a = s ? be(s.props?.autoplay) : void 0, l = s ? tt(s.props?.src) : void 0;
+    if (T(() => {
       a && i.current && i.current.play().catch(() => {
       });
     }, [a, l]), !s)
       return null;
-    const h = Yt(Kt(s.props?.className), o), f = tt(s.props?.poster), g = be(s.props?.controls), m = be(s.props?.loop), c = be(s.props?.muted), u = be(s.props?.playsInline), y = Ne(s.props?.width), p = Ne(s.props?.height), S = s.children?.length ? r.renderChildren(s.children) : void 0;
+    const d = Gt(Kt(s.props?.className), o), h = tt(s.props?.poster), g = be(s.props?.controls), m = be(s.props?.loop), c = be(s.props?.muted), u = be(s.props?.playsInline), y = Ne(s.props?.width), p = Ne(s.props?.height), S = s.children?.length ? r.renderChildren(s.children) : void 0;
     return /* @__PURE__ */ w.jsx(
       "video",
       {
         ref: i,
         src: l,
-        poster: f,
+        poster: h,
         ...g !== void 0 ? { controls: g } : {},
         ...a !== void 0 ? { autoPlay: a } : {},
         ...m !== void 0 ? { loop: m } : {},
@@ -1140,33 +1196,33 @@ function Cr() {
         ...p ? { height: p } : {},
         "data-ikon-node-id": s.id,
         "data-ikon-source": s.sourceMarker,
-        className: h,
+        className: d,
         children: S
       }
     );
   });
   return ({ type: e }) => {
-    if (e === Ar)
+    if (e === Cr)
       return t;
   };
 }
-const _r = "media", Ir = async () => kr();
-function Or(t) {
-  t.registerModule(_r, Ir);
+const Or = "media", Nr = async () => Ir();
+function Lr(t) {
+  t.registerModule(Or, Nr);
 }
-const xr = `#version 300 es
+const Pr = `#version 300 es
 in vec4 a_position;
 void main() {
     gl_Position = a_position;
 }
 `, le = 4;
-function Nr(t, e) {
+function Ur(t, e) {
   return new RegExp(`\\buniform\\s+\\w+\\s+${e}\\s*;`, "g").test(t);
 }
-function Lr(t, e) {
+function Mr(t, e) {
   const n = [];
   for (const [r, o] of Object.entries(e)) {
-    if (Nr(t, r))
+    if (Ur(t, r))
       continue;
     let s;
     switch (o.type) {
@@ -1227,7 +1283,7 @@ void main() {
 }
 `;
 }
-class Pr {
+class Dr {
   gl;
   program = null;
   positionBuffer = null;
@@ -1302,10 +1358,10 @@ class Pr {
   }
   compile(e, n = {}) {
     this.lastError = null, this.customUniforms = n, this.currentShaderSource = e;
-    const r = this.gl, o = this.compileShader(r.VERTEX_SHADER, xr);
+    const r = this.gl, o = this.compileShader(r.VERTEX_SHADER, Pr);
     if (!o)
       return !1;
-    const s = Lr(e, n), i = this.compileShader(r.FRAGMENT_SHADER, s);
+    const s = Mr(e, n), i = this.compileShader(r.FRAGMENT_SHADER, s);
     if (!i)
       return r.deleteShader(o), !1;
     const a = r.createProgram();
@@ -1344,10 +1400,10 @@ class Pr {
     (n.width !== o || n.height !== s) && (n.width = o, n.height = s, e.viewport(0, 0, o, s));
     const i = performance.now(), a = (i - this.startTime) / 1e3, l = (i - this.lastFrameTime) / 1e3;
     this.lastFrameTime = i, this.frameCount++, e.clearColor(0, 0, 0, 1), e.clear(e.COLOR_BUFFER_BIT), e.useProgram(this.program), e.bindVertexArray(this.vao);
-    const h = this.uniformLocations.get("iResolution");
-    h && e.uniform3f(h, o, s, 1);
-    const f = this.uniformLocations.get("iTime");
-    f && e.uniform1f(f, a);
+    const d = this.uniformLocations.get("iResolution");
+    d && e.uniform3f(d, o, s, 1);
+    const h = this.uniformLocations.get("iTime");
+    h && e.uniform1f(h, a);
     const g = this.uniformLocations.get("iTimeDelta");
     g && e.uniform1f(g, l);
     const m = this.uniformLocations.get("iFrame");
@@ -1411,7 +1467,7 @@ class Pr {
     this.channels = [], this.uniformLocations.clear();
   }
 }
-function Ur(t) {
+function jr(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -1421,7 +1477,7 @@ function Ur(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function Mr(...t) {
+function $r(...t) {
   const e = [];
   for (const n of t)
     n && n.trim() && e.push(n.trim());
@@ -1436,10 +1492,10 @@ function Ke(t) {
       return Math.floor(e);
   }
 }
-function Dr(t) {
+function Br(t) {
   return typeof t == "string" ? t : "";
 }
-function jr(t) {
+function Fr(t) {
   if (typeof t == "boolean")
     return t;
   if (typeof t == "string") {
@@ -1448,7 +1504,7 @@ function jr(t) {
     if (e === "false") return !1;
   }
 }
-function $r(t) {
+function Wr(t) {
   if (!t || typeof t != "object")
     return {};
   const e = {}, n = t;
@@ -1463,10 +1519,10 @@ function $r(t) {
   }
   return e;
 }
-function Br(t) {
+function Vr(t) {
   return Array.isArray(t) ? t.map((e) => typeof e == "string" ? e : null) : [];
 }
-function Fr(t, e) {
+function Kr(t, e) {
   const n = Object.keys(t), r = Object.keys(e);
   if (n.length !== r.length)
     return !1;
@@ -1487,21 +1543,21 @@ function Fr(t, e) {
   }
   return !0;
 }
-const Wr = "std.shadertoy-canvas";
-function Vr() {
-  const t = G(function({ nodeId: n, context: r, className: o }) {
-    const s = Z(r.store, n), i = E(null), a = E(null), l = E(null), h = E(0), f = E(""), g = E({}), m = E({
+const Gr = "std.shadertoy-canvas";
+function Yr() {
+  const t = Y(function({ nodeId: n, context: r, className: o }) {
+    const s = H(r.store, n), i = E(null), a = E(null), l = E(null), d = E(0), h = E(""), g = E({}), m = E({
       x: 0,
       y: 0,
       clickX: 0,
       clickY: 0,
       isDown: !1
-    }), c = s ? Dr(s.props?.shaderSource) : "", u = s ? Ke(s.props?.fps) ?? 60 : 60, y = s?.props?.uniforms, p = V(() => $r(y), [y]), S = s?.props?.channels, b = V(() => Br(S), [S]), R = s ? jr(s.props?.enableMouse) ?? !0 : !0, v = s ? Ke(s.props?.width) : void 0, T = s ? Ke(s.props?.height) : void 0, U = s ? Mr(Ur(s.props?.className), o) : o;
-    C(() => {
+    }), c = s ? Br(s.props?.shaderSource) : "", u = s ? Ke(s.props?.fps) ?? 60 : 60, y = s?.props?.uniforms, p = W(() => Wr(y), [y]), S = s?.props?.channels, b = W(() => Vr(S), [S]), R = s ? Fr(s.props?.enableMouse) ?? !0 : !0, v = s ? Ke(s.props?.width) : void 0, k = s ? Ke(s.props?.height) : void 0, U = s ? $r(jr(s.props?.className), o) : o;
+    T(() => {
       const I = i.current;
       if (I) {
         try {
-          const P = new Pr(I);
+          const P = new Dr(I);
           a.current = P;
         } catch (P) {
           console.error("[ShadertoyRenderer] Failed to create WebGL2 context:", P);
@@ -1510,27 +1566,27 @@ function Vr() {
           a.current && (a.current.destroy(), a.current = null);
         };
       }
-    }, []), C(() => {
+    }, []), T(() => {
       const I = a.current;
-      if (!(!I || !c) && f.current !== c)
+      if (!(!I || !c) && h.current !== c)
         if (I.compile(c, p))
-          f.current = c, g.current = p;
+          h.current = c, g.current = p;
         else {
           const M = I.getError();
           console.error("[ShadertoyRenderer] Shader compilation failed:", M);
         }
-    }, [c, p]), C(() => {
+    }, [c, p]), T(() => {
       const I = a.current;
-      !I || !f.current || Fr(g.current, p) || (I.setCustomUniforms(p), g.current = p);
-    }, [p]), C(() => {
+      !I || !h.current || Kr(g.current, p) || (I.setCustomUniforms(p), g.current = p);
+    }, [p]), T(() => {
       const I = a.current;
       I && I.setChannels(b);
-    }, [b]), C(() => {
+    }, [b]), T(() => {
       const I = a.current;
-      if (!I || !f.current) return;
+      if (!I || !h.current) return;
       const P = 1e3 / u, M = (B) => {
-        const $ = B - h.current;
-        $ >= P && (h.current = B - $ % P, I.draw()), l.current = requestAnimationFrame(M);
+        const $ = B - d.current;
+        $ >= P && (d.current = B - $ % P, I.draw()), l.current = requestAnimationFrame(M);
       };
       return l.current = requestAnimationFrame(M), () => {
         l.current !== null && (cancelAnimationFrame(l.current), l.current = null);
@@ -1541,8 +1597,8 @@ function Vr() {
         if (!R) return;
         const P = i.current, M = a.current;
         if (!P || !M) return;
-        const B = window.devicePixelRatio || 1, $ = P.getBoundingClientRect(), W = (I.clientX - $.left) * B, K = ($.height - (I.clientY - $.top)) * B;
-        m.current.x = W, m.current.y = K, M.setMouse(W, K, m.current.clickX, m.current.clickY);
+        const B = window.devicePixelRatio || 1, $ = P.getBoundingClientRect(), V = (I.clientX - $.left) * B, K = ($.height - (I.clientY - $.top)) * B;
+        m.current.x = V, m.current.y = K, M.setMouse(V, K, m.current.clickX, m.current.clickY);
       },
       [R]
     ), te = j(
@@ -1550,8 +1606,8 @@ function Vr() {
         if (!R) return;
         const P = i.current, M = a.current;
         if (!P || !M) return;
-        const B = window.devicePixelRatio || 1, $ = P.getBoundingClientRect(), W = (I.clientX - $.left) * B, K = ($.height - (I.clientY - $.top)) * B;
-        m.current.isDown = !0, m.current.clickX = W, m.current.clickY = K, M.setMouse(W, K, W, K);
+        const B = window.devicePixelRatio || 1, $ = P.getBoundingClientRect(), V = (I.clientX - $.left) * B, K = ($.height - (I.clientY - $.top)) * B;
+        m.current.isDown = !0, m.current.clickX = V, m.current.clickY = K, M.setMouse(V, K, V, K);
       },
       [R]
     ), z = j(() => {
@@ -1565,7 +1621,7 @@ function Vr() {
         "data-ikon-source": s.sourceMarker,
         className: U,
         ...v ? { width: v } : {},
-        ...T ? { height: T } : {},
+        ...k ? { height: k } : {},
         onMouseMove: ee,
         onMouseDown: te,
         onMouseUp: z,
@@ -1574,23 +1630,29 @@ function Vr() {
     ) : null;
   });
   return ({ type: e }) => {
-    if (e === Wr)
+    if (e === Gr)
       return t;
   };
 }
-const Kr = "shadertoy", Yr = async () => Vr();
-function Gr(t) {
-  t.registerModule(Kr, Yr);
+const zr = "shadertoy", Xr = async () => Yr();
+function Hr(t) {
+  t.registerModule(zr, Xr);
 }
 const vt = oe("UIRegistry");
-class zr {
+class qr {
   baseResolvers = [];
   moduleLoaders = /* @__PURE__ */ new Map();
   moduleResolvers = /* @__PURE__ */ new Map();
+  listeners = /* @__PURE__ */ new Set();
   activeModuleOrder = [];
+  subscribe(e) {
+    return this.listeners.add(e), () => {
+      this.listeners.delete(e);
+    };
+  }
   registerResolvers(e) {
     const n = Array.isArray(e) ? e : [e];
-    this.baseResolvers.push(...n.filter(Boolean));
+    this.baseResolvers.push(...n.filter(Boolean)), this.notify();
   }
   registerModule(e, n) {
     const r = this.moduleLoaders.get(e);
@@ -1605,7 +1667,7 @@ class zr {
     for (const [r, o] of this.moduleLoaders.entries())
       if (!this.moduleResolvers.has(r))
         try {
-          const s = await o(), i = qr(s);
+          const s = await o(), i = Qr(s);
           this.moduleResolvers.set(r, i), e = !0;
         } catch (s) {
           vt.error(`[IkonUiRegistry] Failed to load module '${r}'.`, s);
@@ -1613,7 +1675,7 @@ class zr {
     const n = [];
     for (const r of this.moduleLoaders.keys())
       this.moduleResolvers.has(r) && n.push(r);
-    return Jr(n, this.activeModuleOrder) || (this.activeModuleOrder = n, e = !0), e;
+    return eo(n, this.activeModuleOrder) || (this.activeModuleOrder = n, e = !0), e && this.notify(), e;
   }
   resolve(e) {
     for (const n of this.baseResolvers) {
@@ -1632,18 +1694,22 @@ class zr {
       }
     }
   }
+  notify() {
+    for (const e of this.listeners)
+      e();
+  }
 }
-function Xr() {
-  const t = new zr();
-  return br(t), Or(t), Gr(t), t.loadRegisteredModules(), t;
+function Jr() {
+  const t = new qr();
+  return vr(t), Lr(t), Hr(t), t.loadRegisteredModules(), t;
 }
-function Hr(t) {
+function Zr(t) {
   return Array.isArray(t) ? t : [t];
 }
-function qr(t) {
-  return t ? Hr(t).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
+function Qr(t) {
+  return t ? Zr(t).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
 }
-function Jr(t, e) {
+function eo(t, e) {
   if (t.length !== e.length)
     return !1;
   for (let n = 0; n < t.length; n += 1)
@@ -1651,7 +1717,7 @@ function Jr(t, e) {
       return !1;
   return !0;
 }
-function Os({ mount: t, stores: e, registry: n, client: r, onAction: o }) {
+function Ls({ mount: t, stores: e, registry: n, client: r, onAction: o }) {
   return /* @__PURE__ */ w.jsx(
     Bt,
     {
@@ -1663,7 +1729,7 @@ function Os({ mount: t, stores: e, registry: n, client: r, onAction: o }) {
     }
   );
 }
-const Ye = oe("MotionController"), Et = {
+const Ge = oe("MotionController"), Et = {
   ease: [0.25, 0.1, 0.25, 1],
   "ease-in": [0.42, 0, 1, 1],
   "ease-out": [0, 0, 0.58, 1],
@@ -1706,8 +1772,8 @@ function Rt(t) {
 function At(t) {
   return typeof CSS < "u" && CSS.escape ? CSS.escape(t) : t.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
-function Tt(t, e, n, r) {
-  const f = new Float32Array(11);
+function kt(t, e, n, r) {
+  const h = new Float32Array(11);
   function g(p, S, b) {
     return ((3 * S - 3 * b + 1) * p + (3 * b - 6 * S)) * p * p + 3 * S * p;
   }
@@ -1725,56 +1791,56 @@ function Tt(t, e, n, r) {
     return S;
   }
   function u(p, S, b) {
-    let R = 0, v = 0, T = 0;
+    let R, v, k = 0;
     do
       v = S + (b - S) / 2, R = g(v, t, n) - p, R > 0 ? b = v : S = v;
-    while (Math.abs(R) > 1e-7 && ++T < 10);
+    while (Math.abs(R) > 1e-7 && ++k < 10);
     return v;
   }
   function y(p) {
     let S = 0, b = 1;
     const R = 10;
-    for (; b !== R && f[b] <= p; b += 1)
+    for (; b !== R && h[b] <= p; b += 1)
       S += 0.1;
     b -= 1;
-    const v = (p - f[b]) / (f[b + 1] - f[b]), T = S + v * 0.1, U = m(T, t, n);
-    return U >= 1e-3 ? c(p, T) : U === 0 ? T : u(p, S, S + 0.1);
+    const v = (p - h[b]) / (h[b + 1] - h[b]), k = S + v * 0.1, U = m(k, t, n);
+    return U >= 1e-3 ? c(p, k) : U === 0 ? k : u(p, S, S + 0.1);
   }
   for (let p = 0; p < 11; p += 1)
-    f[p] = g(p * 0.1, t, n);
+    h[p] = g(p * 0.1, t, n);
   return (p) => p <= 0 ? 0 : p >= 1 ? 1 : g(y(p), e, r);
 }
-function Zr(t) {
+function to(t) {
   const e = /steps\(\s*([0-9]+)\s*(?:,\s*([a-z-]+)\s*)?\)/i.exec(t);
   if (!e)
     return (o) => F(o);
   const n = Math.max(1, parseInt(e[1], 10)), r = (e[2] ?? "end").toLowerCase();
   return r === "start" || r === "jump-start" ? (o) => F(Math.ceil(o * n) / n) : r === "none" || r === "jump-none" ? (o) => F(Math.round(o * n) / n) : r === "both" || r === "jump-both" ? (o) => F((Math.floor(o * n) + 0.5) / n) : (o) => F(Math.floor(o * n) / n);
 }
-function Qr(t) {
+function no(t) {
   if (!t)
     return (n) => F(n);
   const e = t.trim().toLowerCase();
   if (!e || e === "linear")
     return (n) => F(n);
   if (Et[e]) {
-    const [n, r, o, s] = Et[e], i = Tt(n, r, o, s);
+    const [n, r, o, s] = Et[e], i = kt(n, r, o, s);
     return (a) => F(i(F(a)));
   }
   if (e.startsWith("cubic-bezier(") && e.endsWith(")")) {
     const r = e.slice(13, -1).split(",").map((o) => Number.parseFloat(o.trim()));
     if (r.length === 4 && r.every((o) => Number.isFinite(o))) {
-      const [o, s, i, a] = r, l = Tt(o, s, i, a);
-      return (h) => F(l(F(h)));
+      const [o, s, i, a] = r, l = kt(o, s, i, a);
+      return (d) => F(l(F(d)));
     }
   }
   if (e.startsWith("steps(") && e.endsWith(")")) {
-    const n = Zr(e);
+    const n = to(e);
     return (r) => n(F(r));
   }
   return (n) => F(n);
 }
-function eo(t) {
+function ro(t) {
   if (!t)
     return;
   const e = /(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)\s*->\s*(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)/.exec(t);
@@ -1784,7 +1850,7 @@ function eo(t) {
   if (![n, r, o, s].some((i) => !Number.isFinite(i)))
     return { inStart: n, inEnd: r, outStart: o, outEnd: s };
 }
-class to {
+class oo {
   bindingsByStyle = /* @__PURE__ */ new Map();
   observer;
   observeScheduled = !1;
@@ -1811,7 +1877,7 @@ class to {
       try {
         e();
       } catch (n) {
-        Ye.warn("Failed to cleanup binding listener", n);
+        Ge.warn("Failed to cleanup binding listener", n);
       }
     this.globalCleanups.clear(), this.elementStates.clear(), this.styleToElements.clear(), this.bindingsByStyle.clear(), this.pendingScanStyles.clear(), this.scanScheduled = !1, this.observer && (this.observer.disconnect(), this.observer = void 0);
   }
@@ -1821,7 +1887,7 @@ class to {
         const r = (JSON.parse(e).motionBindings ?? []).map((o) => this.parseBinding(o)).filter((o) => o !== void 0);
         return r.length === 0 ? void 0 : { bindings: r };
       } catch (n) {
-        Ye.warn("Failed to parse motion metadata", n);
+        Ge.warn("Failed to parse motion metadata", n);
         return;
       }
   }
@@ -1829,7 +1895,7 @@ class to {
     const n = e.source?.trim();
     if (!n)
       return;
-    const r = Rt(e.min) ?? 0, o = Rt(e.max), s = o === void 0 ? r + 100 : o, i = (e.clamp ?? "clamp").trim().toLowerCase(), a = !!e.reverse, l = Qr(e.ease), h = eo(e.map), f = e.targetId?.trim() || void 0;
+    const r = Rt(e.min) ?? 0, o = Rt(e.max), s = o === void 0 ? r + 100 : o, i = (e.clamp ?? "clamp").trim().toLowerCase(), a = !!e.reverse, l = no(e.ease), d = ro(e.map), h = e.targetId?.trim() || void 0;
     return Number.isNaN(r) || Number.isNaN(s) ? void 0 : {
       source: n.toLowerCase(),
       min: r,
@@ -1837,8 +1903,8 @@ class to {
       clamp: i === "freeze-start" || i === "freeze-end" || i === "unclamped" ? i : "clamp",
       reverse: a,
       ease: l,
-      map: h,
-      targetId: f
+      map: d,
+      targetId: h
     };
   }
   ensureObserver() {
@@ -1937,10 +2003,10 @@ class to {
     const o = n.max - n.min, s = o === 0 ? r > n.min ? 1 : 0 : (r - n.min) / o;
     let i = this.applyClamp(s, n.clamp);
     n.reverse && (i = 1 - i);
-    const a = n.ease(i), l = Number.isFinite(a) ? a : 0, h = l * 100;
-    if (e.style.setProperty("--tw-motion-bind-source-value", `${r}`), e.style.setProperty("--tw-motion-bind-progress-ratio", `${l}`), e.style.setProperty("--tw-motion-bind-progress", `${h}`), n.map) {
-      const f = this.applyMap(h, n.map);
-      f !== void 0 && e.style.setProperty("--tw-motion-bind-value", `${f}`);
+    const a = n.ease(i), l = Number.isFinite(a) ? a : 0, d = l * 100;
+    if (e.style.setProperty("--tw-motion-bind-source-value", `${r}`), e.style.setProperty("--tw-motion-bind-progress-ratio", `${l}`), e.style.setProperty("--tw-motion-bind-progress", `${d}`), n.map) {
+      const h = this.applyMap(d, n.map);
+      h !== void 0 && e.style.setProperty("--tw-motion-bind-value", `${h}`);
     } else
       e.style.removeProperty("--tw-motion-bind-value");
   }
@@ -1997,7 +2063,7 @@ class to {
       try {
         i();
       } catch (a) {
-        Ye.warn("Failed to cleanup listener", a);
+        Ge.warn("Failed to cleanup listener", a);
       }
       this.globalCleanups.delete(i);
     }
@@ -2042,21 +2108,21 @@ class to {
     }
   }
 }
-const Ge = new to();
-function no(t) {
+const Ye = new oo();
+function so(t) {
   const e = E(/* @__PURE__ */ new Map()), n = j(({ styleId: s, css: i, common: a }) => {
     if (!(!s || typeof document > "u")) {
       if (i) {
         let l = e.current.get(s);
         l || (l = document.createElement("style"), l.setAttribute("data-ikon-style-id", s), document.head.appendChild(l), e.current.set(s, l)), l.textContent = i;
       }
-      Ge.registerStyle(s, a);
+      Ye.registerStyle(s, a);
     }
   }, []), r = j((s) => {
     if (!(typeof document > "u"))
       for (const i of s) {
         const a = e.current.get(i);
-        a && (a.remove(), e.current.delete(i)), Ge.unregisterStyle(i);
+        a && (a.remove(), e.current.delete(i)), Ye.unregisterStyle(i);
       }
   }, []), o = j(() => {
     if (typeof document < "u") {
@@ -2064,9 +2130,9 @@ function no(t) {
         s.remove();
       e.current.clear();
     }
-    Ge.reset();
+    Ye.reset();
   }, []);
-  return C(() => {
+  return T(() => {
     if (!t) return;
     for (const a of t.getUiStyles())
       n(a);
@@ -2074,9 +2140,9 @@ function no(t) {
     return () => {
       s?.(), i?.(), o();
     };
-  }, [t, o, n, r]), C(() => () => o(), [o]), { setStyle: n, deleteStyles: r, reset: o };
+  }, [t, o, n, r]), T(() => () => o(), [o]), { setStyle: n, deleteStyles: r, reset: o };
 }
-function ro(t) {
+function io(t) {
   const e = [];
   for (const [n, r] of t) {
     const o = r.store.getSnapshot(), s = o.rootViewId && o.views.has(o.rootViewId);
@@ -2084,30 +2150,30 @@ function ro(t) {
   }
   return e.sort(), e.join(",");
 }
-function oo(t) {
+function ao(t) {
   const [e, n] = x(), r = E("");
-  return C(() => {
+  return T(() => {
     if (!t) {
       n(void 0), r.current = "";
       return;
     }
     const o = () => {
-      const s = t.getStores(), i = ro(s);
+      const s = t.getStores(), i = io(s);
       i !== r.current && (r.current = i, n(s));
     };
     return o(), t.subscribe(o);
   }, [t]), e;
 }
-const k = {
+const C = {
   None: 0,
   Letter: 1,
   Word: 2,
   Line: 4,
   Paragraph: 8,
   Emoji: 16
-}, so = [
+}, co = [
   {
-    flag: k.Letter,
+    flag: C.Letter,
     hints: [
       "[data-motion-letter]",
       "[data-letter]",
@@ -2116,7 +2182,7 @@ const k = {
     ]
   },
   {
-    flag: k.Word,
+    flag: C.Word,
     hints: [
       "[data-motion-word]",
       "[data-word]",
@@ -2125,7 +2191,7 @@ const k = {
     ]
   },
   {
-    flag: k.Line,
+    flag: C.Line,
     hints: [
       "[data-motion-line]",
       "[data-line]",
@@ -2134,7 +2200,7 @@ const k = {
     ]
   },
   {
-    flag: k.Paragraph,
+    flag: C.Paragraph,
     hints: [
       "[data-motion-paragraph]",
       "[data-paragraph]",
@@ -2145,7 +2211,7 @@ const k = {
     ]
   },
   {
-    flag: k.Emoji,
+    flag: C.Emoji,
     hints: [
       ":is([data-motion-emoji],[data-emoji],.tw-motion-emoji,.tw-emoji)",
       "[data-motion-emoji]",
@@ -2154,35 +2220,35 @@ const k = {
       "[data-emoji]"
     ]
   }
-], nt = k.Letter | k.Word | k.Line | k.Paragraph | k.Emoji, io = k.Letter | k.Word | k.Line | k.Paragraph, kt = /* @__PURE__ */ new Map(), ao = 16384;
-function xs(t, e) {
-  if (!t || t.length > ao)
+], nt = C.Letter | C.Word | C.Line | C.Paragraph | C.Emoji, lo = C.Letter | C.Word | C.Line | C.Paragraph, Tt = /* @__PURE__ */ new Map(), uo = 16384;
+function Ps(t, e) {
+  if (!t || t.length > uo)
     return t;
-  const n = To(e), r = fe(n, k.Emoji), o = n & io;
-  if (o === k.None && !r)
+  const n = _o(e), r = fe(n, C.Emoji), o = n & lo;
+  if (o === C.None && !r)
     return t;
   const s = t.replace(/\r\n/g, `
 `).replace(/\r/g, `
 `);
-  if (o === k.None)
-    return Ot(s);
-  const i = Ro(s);
+  if (o === C.None)
+    return xt(s);
+  const i = To(s);
   if (i.length === 0)
-    return r ? Ot(s) : t;
-  const a = Ao(i), l = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, h = [];
-  for (const f of a) {
-    const g = co(f, n, l);
-    h.push(...g);
+    return r ? xt(s) : t;
+  const a = Co(i), l = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, d = [];
+  for (const h of a) {
+    const g = fo(h, n, l);
+    d.push(...g);
   }
-  return h;
+  return d;
 }
-function co(t, e, n) {
+function fo(t, e, n) {
   const r = [];
   for (const o of t) {
-    const s = lo(o, e, n);
+    const s = ho(o, e, n);
     r.push(...s);
   }
-  if (fe(e, k.Paragraph)) {
+  if (fe(e, C.Paragraph)) {
     const o = n.paragraph++;
     return [
       /* @__PURE__ */ w.jsx(
@@ -2198,9 +2264,9 @@ function co(t, e, n) {
   }
   return r;
 }
-function lo(t, e, n) {
-  const r = uo(t.text, e, n), o = [];
-  if (fe(e, k.Line)) {
+function ho(t, e, n) {
+  const r = po(t.text, e, n), o = [];
+  if (fe(e, C.Line)) {
     const s = n.line++;
     o.push(
       /* @__PURE__ */ w.jsx("span", { "data-motion-line": !0, style: Ue(s), children: r }, `motion-line-${s}`)
@@ -2211,10 +2277,10 @@ function lo(t, e, n) {
     o.push(/* @__PURE__ */ w.jsx("br", {}, `motion-break-${n.br++}`));
   return o;
 }
-function uo(t, e, n) {
+function po(t, e, n) {
   if (!t)
     return [];
-  const r = fe(e, k.Word), o = [], s = /(\s+)/g;
+  const r = fe(e, C.Word), o = [], s = /(\s+)/g;
   let i = 0, a;
   for (; (a = s.exec(t)) !== null; ) {
     if (a.index > i) {
@@ -2230,16 +2296,16 @@ function uo(t, e, n) {
   return o;
 }
 function Ct(t, e, n, r) {
-  const o = e.word++, s = ho(t, n, e), i = `motion-word-${o}`, a = fo(o, r);
+  const o = e.word++, s = go(t, n, e), i = `motion-word-${o}`, a = mo(o, r);
   return r ? /* @__PURE__ */ w.jsx("span", { "data-motion-word": !0, style: a, children: s }, i) : /* @__PURE__ */ w.jsx("span", { style: a, children: s }, i);
 }
-function fo(t, e) {
+function mo(t, e) {
   return e ? { ...Ue(t), whiteSpace: "nowrap" } : { whiteSpace: "nowrap" };
 }
-function ho(t, e, n) {
+function go(t, e, n) {
   if (!t)
     return [];
-  const r = fe(e, k.Letter), o = fe(e, k.Emoji);
+  const r = fe(e, C.Letter), o = fe(e, C.Emoji);
   if (!r) {
     if (!o)
       return [t];
@@ -2251,17 +2317,17 @@ function ho(t, e, n) {
   }
   const s = [], i = rt(t);
   for (const a of i) {
-    const l = n.letter++, h = `motion-letter-${l}`, f = Ue(l);
+    const l = n.letter++, d = `motion-letter-${l}`, h = Ue(l);
     if (a === `
 `) {
       s.push(
-        /* @__PURE__ */ w.jsx("span", { "data-motion-letter": !0, style: f, children: /* @__PURE__ */ w.jsx("br", {}) }, h)
+        /* @__PURE__ */ w.jsx("span", { "data-motion-letter": !0, style: h, children: /* @__PURE__ */ w.jsx("br", {}) }, d)
       );
       continue;
     }
-    const m = o && Gt(a) ? { "data-motion-emoji": !0 } : void 0, c = a === " " ? " " : a;
+    const m = o && Yt(a) ? { "data-motion-emoji": !0 } : void 0, c = a === " " ? " " : a;
     s.push(
-      /* @__PURE__ */ w.jsx("span", { "data-motion-letter": !0, style: f, ...m, children: c }, h)
+      /* @__PURE__ */ w.jsx("span", { "data-motion-letter": !0, style: h, ...m, children: c }, d)
     );
   }
   return s;
@@ -2269,33 +2335,33 @@ function ho(t, e, n) {
 function rt(t) {
   if (!t)
     return [];
-  const e = po();
-  return e ? Array.from(e.segment(t), (n) => n.segment) : mo(t);
+  const e = yo();
+  return e ? Array.from(e.segment(t), (n) => n.segment) : bo(t);
 }
 let Se;
-function po() {
+function yo() {
   return Se !== void 0 || (typeof Intl < "u" && typeof Intl.Segmenter == "function" ? Se = new Intl.Segmenter(void 0, { granularity: "grapheme" }) : Se = null), Se;
 }
-function mo(t) {
+function bo(t) {
   const e = [], n = Array.from(t);
   let r = "";
   for (let o = 0; o < n.length; o++) {
     const s = n[o], i = n[o + 1];
-    r += s, !(i && go(s, i)) && (e.push(r), r = "");
+    r += s, !(i && So(s, i)) && (e.push(r), r = "");
   }
   return r && e.push(r), e;
 }
-function go(t, e) {
-  return e ? !!(_t(t) || _t(e) || So(e) || yo(e) || bo(e) || It(t) && It(e)) : !1;
+function So(t, e) {
+  return e ? !!(_t(t) || _t(e) || Eo(e) || wo(e) || vo(e) || It(t) && It(e)) : !1;
 }
 function _t(t) {
   return t.codePointAt(0) === 8205;
 }
-function yo(t) {
+function wo(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 65024 && e <= 65039 || e >= 917760 && e <= 917999;
 }
-function bo(t) {
+function vo(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 127995 && e <= 127999;
 }
@@ -2304,10 +2370,10 @@ function It(t) {
   return e === void 0 ? !1 : e >= 127462 && e <= 127487;
 }
 let ze;
-function So(t) {
-  return t ? (ze || (ze = wo()), ze(t)) : !1;
+function Eo(t) {
+  return t ? (ze || (ze = Ro()), ze(t)) : !1;
 }
-function wo() {
+function Ro() {
   try {
     const t = new RegExp("\\p{Mark}", "u");
     return (e) => t.test(e);
@@ -2319,18 +2385,18 @@ function wo() {
   }
 }
 let Xe;
-function Gt(t) {
-  return t ? (Xe || (Xe = vo()), Xe(t)) : !1;
+function Yt(t) {
+  return t ? (Xe || (Xe = Ao()), Xe(t)) : !1;
 }
-function vo() {
+function Ao() {
   try {
     const t = new RegExp("\\p{Extended_Pictographic}", "u");
     return (e) => t.test(e);
   } catch {
-    return Eo;
+    return ko;
   }
 }
-function Eo(t) {
+function ko(t) {
   if (!t)
     return !1;
   for (const e of Array.from(t)) {
@@ -2340,7 +2406,7 @@ function Eo(t) {
   }
   return !1;
 }
-function Ro(t) {
+function To(t) {
   const e = [];
   let n = "", r = 0;
   for (let o = 0; o < t.length; o++) {
@@ -2354,7 +2420,7 @@ function Ro(t) {
   }
   return (r > 0 || n.length > 0) && e.push({ text: n, breaks: r }), e;
 }
-function Ao(t) {
+function Co(t) {
   if (t.length === 0)
     return [];
   const e = [];
@@ -2383,7 +2449,7 @@ function Ue(t) {
     WebkitTextFillColor: "inherit"
   };
 }
-function Ot(t) {
+function xt(t) {
   if (!t)
     return t;
   const e = rt(t);
@@ -2399,11 +2465,11 @@ function zt(t, e) {
     r && (n.push(r), r = "");
   };
   for (const a of t) {
-    if (Gt(a)) {
+    if (Yt(a)) {
       o = !0, i();
-      const h = `motion-emoji-${e ? e.emoji++ : s++}`;
+      const d = `motion-emoji-${e ? e.emoji++ : s++}`;
       n.push(
-        /* @__PURE__ */ w.jsx("span", { "data-motion-emoji": !0, children: a }, h)
+        /* @__PURE__ */ w.jsx("span", { "data-motion-emoji": !0, children: a }, d)
       );
       continue;
     }
@@ -2411,51 +2477,51 @@ function zt(t, e) {
   }
   return i(), o ? { nodes: n, sawEmoji: !0 } : { nodes: [t.join("")], sawEmoji: !1 };
 }
-function To(t) {
+function _o(t) {
   if (!t)
-    return k.None;
+    return C.None;
   const e = t.trim();
   if (!e)
-    return k.None;
-  const n = kt.get(e);
+    return C.None;
+  const n = Tt.get(e);
   if (typeof n == "number")
     return n;
   if (typeof document > "u")
-    return k.None;
+    return C.None;
   const r = e.split(/\s+/).filter(Boolean);
   if (r.length === 0)
-    return k.None;
-  const s = r.map((l) => `.${ko(l)}`).map(
-    (l) => new RegExp(`(^|[^a-zA-Z0-9_-])${Co(l)}(?![a-zA-Z0-9_-])`)
+    return C.None;
+  const s = r.map((l) => `.${Io(l)}`).map(
+    (l) => new RegExp(`(^|[^a-zA-Z0-9_-])${xo(l)}(?![a-zA-Z0-9_-])`)
   );
-  let i = k.None, a = !1;
+  let i = C.None, a = !1;
   for (const l of Array.from(document.styleSheets)) {
-    let h;
+    let d;
     try {
-      h = l.cssRules;
+      d = l.cssRules;
     } catch {
       continue;
     }
-    const f = Xt(h, s);
-    if (f.mask && (i |= f.mask, i === nt))
+    const h = Xt(d, s);
+    if (h.mask && (i |= h.mask, i === nt))
       break;
-    a ||= f.sawStyleRule;
+    a ||= h.sawStyleRule;
   }
-  return (i !== k.None || a) && kt.set(e, i), i;
+  return (i !== C.None || a) && Tt.set(e, i), i;
 }
 function Xt(t, e) {
   if (!t)
-    return { mask: k.None, sawStyleRule: !1 };
-  let n = k.None, r = !1;
+    return { mask: C.None, sawStyleRule: !1 };
+  let n = C.None, r = !1;
   for (let o = 0; o < t.length; o++) {
     const s = t[o];
     if (s) {
       if (s.type === CSSRule.STYLE_RULE) {
         const a = s.selectorText ?? "";
-        if (!a || !e.some((h) => h.test(a))) continue;
+        if (!a || !e.some((d) => d.test(a))) continue;
         r = !0;
-        for (const h of so)
-          h.hints.some((f) => a.includes(f)) && (n |= h.flag);
+        for (const d of co)
+          d.hints.some((h) => a.includes(h)) && (n |= d.flag);
         if (n === nt)
           return { mask: n, sawStyleRule: !0 };
       } else if ("cssRules" in s) {
@@ -2468,19 +2534,19 @@ function Xt(t, e) {
   }
   return { mask: n, sawStyleRule: r };
 }
-function ko(t) {
+function Io(t) {
   return typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(t) : t.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
-function Co(t) {
+function xo(t) {
   return t.replace(/[.*+?^${}()|[\]\\]/g, (e) => `\\${e}`);
 }
-const ct = "ikon-auth-session", Ht = "ikon-auth-auto-login-attempted-run", _o = 10080 * 60 * 1e3, Io = 60 * 1e3;
+const ct = "ikon-auth-session", Ht = "ikon-auth-auto-login-attempted-run", Oo = 10080 * 60 * 1e3, No = 60 * 1e3;
 function qt(t) {
   try {
     const e = t.split(".");
     if (e.length !== 3) return !0;
     const n = e[1].replace(/-/g, "+").replace(/_/g, "/"), r = n + "=".repeat((4 - n.length % 4) % 4), o = JSON.parse(atob(r));
-    return typeof o.exp != "number" ? !1 : Date.now() >= o.exp * 1e3 - Io;
+    return typeof o.exp != "number" ? !1 : Date.now() >= o.exp * 1e3 - No;
   } catch {
     return !0;
   }
@@ -2497,7 +2563,7 @@ function Jt() {
     const t = localStorage.getItem(ct);
     if (!t) return null;
     const e = JSON.parse(t);
-    return Date.now() - e.authenticatedAt > _o || qt(e.token) ? (Le(), null) : e;
+    return Date.now() - e.authenticatedAt > Oo || qt(e.token) ? (Le(), null) : e;
   } catch {
     return console.warn("Failed to load auth session from localStorage"), null;
   }
@@ -2509,7 +2575,7 @@ function Le() {
     console.warn("Failed to clear auth session from localStorage");
   }
 }
-function Oo(t) {
+function Lo(t) {
   if (t)
     try {
       sessionStorage.setItem(Ht, t);
@@ -2517,7 +2583,7 @@ function Oo(t) {
       console.warn("Failed to record auto-login attempt in sessionStorage");
     }
 }
-function xo() {
+function Po() {
   try {
     return sessionStorage.getItem(Ht);
   } catch {
@@ -2533,7 +2599,7 @@ function ne(t) {
   };
 }
 const Zt = 15e3, we = oe("AuthService");
-async function xt(t) {
+async function Ot(t) {
   try {
     return await fetch(t, { method: "GET", mode: "no-cors" }), "no-cors probe SUCCEEDED → origin is reachable; the failure is most likely CORS (missing/!allowed Access-Control headers)";
   } catch (e) {
@@ -2541,7 +2607,7 @@ async function xt(t) {
   }
 }
 async function Qt(t, e) {
-  const n = kn(), r = {
+  const n = Tn(), r = {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify({ deviceId: n, space: t })
@@ -2550,24 +2616,24 @@ async function Qt(t, e) {
   let i;
   try {
     i = await fetch(s, r);
-  } catch (h) {
-    const f = h instanceof Error ? `${h.name}: ${h.message}` : String(h), g = Cn(), m = g ? `${g}/anonymous` : null;
+  } catch (d) {
+    const h = d instanceof Error ? `${d.name}: ${d.message}` : String(d), g = Cn(), m = g ? `${g}/anonymous` : null;
     if (m && m !== s) {
-      we.warn(`Anonymous auth could not reach ${s} (${f}); falling back to same-origin ${m}`);
+      we.warn(`Anonymous auth could not reach ${s} (${h}); falling back to same-origin ${m}`);
       try {
         i = await fetch(m, r);
       } catch (c) {
-        const u = c instanceof Error ? `${c.name}: ${c.message}` : String(c), y = await xt(e);
-        throw we.error(`Anonymous auth failed on both direct (${s}: ${f}) and same-origin (${m}: ${u}). ${y}`), new Error(`Anonymous auth unreachable: direct ${s} (${f}) and same-origin ${m} (${u})`);
+        const u = c instanceof Error ? `${c.name}: ${c.message}` : String(c), y = await Ot(e);
+        throw we.error(`Anonymous auth failed on both direct (${s}: ${h}) and same-origin (${m}: ${u}). ${y}`), new Error(`Anonymous auth unreachable: direct ${s} (${h}) and same-origin ${m} (${u})`, { cause: c });
       }
     } else {
-      const c = await xt(e);
-      throw we.error(`Anonymous auth fetch threw for ${s} — ${f}. ${c}`), new Error(`Anonymous auth could not reach ${s} (${f}). ${c}`);
+      const c = await Ot(e);
+      throw we.error(`Anonymous auth fetch threw for ${s} — ${h}. ${c}`), new Error(`Anonymous auth could not reach ${s} (${h}). ${c}`, { cause: d });
     }
   }
   if (!i.ok) {
-    const h = await i.text().catch(() => "Unknown error");
-    throw we.error(`Anonymous auth HTTP ${i.status} from ${i.url}: ${h}`), new Error(`Anonymous auth failed: ${i.status} ${h}`);
+    const d = await i.text().catch(() => "Unknown error");
+    throw we.error(`Anonymous auth HTTP ${i.status} from ${i.url}: ${d}`), new Error(`Anonymous auth failed: ${i.status} ${d}`);
   }
   const { token: a } = await i.json(), l = {
     token: a,
@@ -2576,7 +2642,7 @@ async function Qt(t, e) {
   };
   return he(l), l;
 }
-async function No({ email: t, spaceId: e, authUrl: n }) {
+async function Uo({ email: t, spaceId: e, authUrl: n }) {
   const r = await fetch(`${n}/email/send`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2591,7 +2657,7 @@ async function No({ email: t, spaceId: e, authUrl: n }) {
     throw new Error(o);
   }
 }
-async function Lo({ email: t, code: e, authUrl: n }) {
+async function Mo({ email: t, code: e, authUrl: n }) {
   const r = await fetch(`${n}/email/code`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2612,21 +2678,21 @@ async function Lo({ email: t, code: e, authUrl: n }) {
   };
   return he(s), s;
 }
-function Po() {
+function Do() {
   const t = new URLSearchParams(window.location.search), e = t.get("ikon_token"), n = t.get("ikon_provider");
   return e && n ? { token: e, provider: n } : null;
 }
-function Uo() {
+function jo() {
   return new URLSearchParams(window.location.search).get("error");
 }
 function Nt() {
   window.history.replaceState({}, "", window.location.pathname);
 }
-function Mo(t, e, n, r) {
+function $o(t, e, n, r) {
   const o = r ?? window.location.origin + window.location.pathname + window.location.search;
   return `${n}/oauth/${t}?space=${encodeURIComponent(e)}&return=${encodeURIComponent(o)}`;
 }
-async function Do(t) {
+async function Bo(t) {
   const e = await fetch(`${t}/passkey/registration/options`, {
     method: "POST",
     headers: { "Content-Type": "application/json" }
@@ -2637,7 +2703,7 @@ async function Do(t) {
   }
   return e.json();
 }
-async function jo(t, e, n) {
+async function Fo(t, e, n) {
   const r = await fetch(`${t}/passkey/registration/verify`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2654,7 +2720,7 @@ async function jo(t, e, n) {
   };
   return he(s), s;
 }
-async function $o(t, e) {
+async function Wo(t, e) {
   const n = await fetch(`${t}/passkey/authentication/options`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2666,7 +2732,7 @@ async function $o(t, e) {
   }
   return n.json();
 }
-async function Bo(t, e) {
+async function Vo(t, e) {
   const n = await fetch(`${t}/passkey/authentication/verify`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2697,9 +2763,9 @@ function Pe(t) {
   return s;
 }
 function lt() {
-  return Fo.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
+  return Ko.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
 }
-const Fo = {
+const Ko = {
   stubThis: (t) => t
 };
 function en(t) {
@@ -2732,7 +2798,7 @@ class D extends Error {
     }), this.name = o ?? r.name, this.code = n;
   }
 }
-function Wo({ error: t, options: e }) {
+function Go({ error: t, options: e }) {
   const { publicKey: n } = e;
   if (!n)
     throw Error("options was missing required publicKey property");
@@ -2818,7 +2884,7 @@ function Wo({ error: t, options: e }) {
   }
   return t;
 }
-class Vo {
+class Yo {
   constructor() {
     Object.defineProperty(this, "controller", {
       enumerable: !0,
@@ -2842,12 +2908,12 @@ class Vo {
     }
   }
 }
-const nn = new Vo(), Ko = ["cross-platform", "platform"];
+const nn = new Yo(), zo = ["cross-platform", "platform"];
 function rn(t) {
-  if (t && !(Ko.indexOf(t) < 0))
+  if (t && !(zo.indexOf(t) < 0))
     return t;
 }
-async function Yo(t) {
+async function Xo(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: n = !1 } = t;
   if (!lt())
@@ -2866,13 +2932,13 @@ async function Yo(t) {
   try {
     s = await navigator.credentials.create(o);
   } catch (u) {
-    throw Wo({ error: u, options: o });
+    throw Go({ error: u, options: o });
   }
   if (!s)
     throw new Error("Registration was not completed");
-  const { id: i, rawId: a, response: l, type: h } = s;
-  let f;
-  typeof l.getTransports == "function" && (f = l.getTransports());
+  const { id: i, rawId: a, response: l, type: d } = s;
+  let h;
+  typeof l.getTransports == "function" && (h = l.getTransports());
   let g;
   if (typeof l.getPublicKeyAlgorithm == "function")
     try {
@@ -2901,12 +2967,12 @@ async function Yo(t) {
     response: {
       attestationObject: X(l.attestationObject),
       clientDataJSON: X(l.clientDataJSON),
-      transports: f,
+      transports: h,
       publicKeyAlgorithm: g,
       publicKey: m,
       authenticatorData: c
     },
-    type: h,
+    type: d,
     clientExtensionResults: s.getClientExtensionResults(),
     authenticatorAttachment: rn(s.authenticatorAttachment)
   };
@@ -2915,7 +2981,7 @@ function He(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 Go() {
+function Ho() {
   if (!lt())
     return qe.stubThis(new Promise((e) => e(!1)));
   const t = globalThis.PublicKeyCredential;
@@ -2924,7 +2990,7 @@ function Go() {
 const qe = {
   stubThis: (t) => t
 };
-function zo({ error: t, options: e }) {
+function qo({ error: t, options: e }) {
   const { publicKey: n } = e;
   if (!n)
     throw Error("options was missing required publicKey property");
@@ -2965,7 +3031,7 @@ function zo({ error: t, options: e }) {
   }
   return t;
 }
-async function Xo(t) {
+async function Jo(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: n = !1, verifyBrowserAutofillInput: r = !0 } = t;
   if (!lt())
@@ -2978,7 +3044,7 @@ async function Xo(t) {
     allowCredentials: o
   }, i = {};
   if (n) {
-    if (!await Go())
+    if (!await Ho())
       throw Error("Browser does not support WebAuthn autofill");
     if (document.querySelectorAll("input[autocomplete$='webauthn']").length < 1 && r)
       throw Error('No <input> with "webauthn" as the only or last value in its `autocomplete` attribute was detected');
@@ -2989,19 +3055,19 @@ async function Xo(t) {
   try {
     a = await navigator.credentials.get(i);
   } catch (c) {
-    throw zo({ error: c, options: i });
+    throw qo({ error: c, options: i });
   }
   if (!a)
     throw new Error("Authentication was not completed");
-  const { id: l, rawId: h, response: f, type: g } = a;
+  const { id: l, rawId: d, response: h, type: g } = a;
   let m;
-  return f.userHandle && (m = X(f.userHandle)), {
+  return h.userHandle && (m = X(h.userHandle)), {
     id: l,
-    rawId: X(h),
+    rawId: X(d),
     response: {
-      authenticatorData: X(f.authenticatorData),
-      clientDataJSON: X(f.clientDataJSON),
-      signature: X(f.signature),
+      authenticatorData: X(h.authenticatorData),
+      clientDataJSON: X(h.clientDataJSON),
+      signature: X(h.signature),
       userHandle: m
     },
     type: g,
@@ -3010,18 +3076,18 @@ async function Xo(t) {
   };
 }
 const ut = Mt(null);
-function Ns({ children: t, config: e }) {
+function Us({ children: t, config: e }) {
   const [n, r] = x({
     isAuthenticated: !1,
     isLoading: !0,
     user: null,
     error: null
   });
-  C(() => {
+  T(() => {
     (() => {
-      const m = e.devLoginRunId, c = !!m && xo() === m;
-      m && Oo(m);
-      const u = !!e.devLoginToken && !!m && !c && !qt(e.devLoginToken), y = Uo();
+      const m = e.devLoginRunId, c = !!m && Po() === m;
+      m && Lo(m);
+      const u = !!e.devLoginToken && !!m && !c && !qt(e.devLoginToken), y = jo();
       if (y) {
         Nt(), r({
           isAuthenticated: !1,
@@ -3031,7 +3097,7 @@ function Ns({ children: t, config: e }) {
         });
         return;
       }
-      const p = Po();
+      const p = Do();
       if (p) {
         const b = {
           token: p.token,
@@ -3110,7 +3176,7 @@ function Ns({ children: t, config: e }) {
       if (g === "passkey") {
         r((c) => ({ ...c, isLoading: !0, error: null }));
         try {
-          const c = await $o(m), u = await Xo({ optionsJSON: c }), y = await Bo(m, u);
+          const c = await Wo(m), u = await Jo({ optionsJSON: c }), y = await Vo(m, u);
           r({
             isAuthenticated: !0,
             isLoading: !1,
@@ -3128,7 +3194,7 @@ function Ns({ children: t, config: e }) {
       }
       if (g === "email")
         throw new Error("login('email') is not supported. Use requestEmailCode()/submitEmailCode() from useAuth() instead.");
-      window.location.href = Mo(g, e.spaceId, m);
+      window.location.href = $o(g, e.spaceId, m);
     },
     [e.authUrl, e.spaceId]
   ), s = j(
@@ -3136,14 +3202,14 @@ function Ns({ children: t, config: e }) {
       if (!e.spaceId)
         throw r((c) => ({ ...c, error: "Space ID is not configured" })), new Error("Space ID is not configured");
       const m = await ve(e.authUrl);
-      await No({ email: g, spaceId: e.spaceId, authUrl: m });
+      await Uo({ email: g, spaceId: e.spaceId, authUrl: m });
     },
     [e.authUrl, e.spaceId]
   ), i = j(
     async (g, m) => {
       r((c) => ({ ...c, isLoading: !0, error: null }));
       try {
-        const c = await ve(e.authUrl), u = await Lo({ email: g, code: m, authUrl: c });
+        const c = await ve(e.authUrl), u = await Mo({ email: g, code: m, authUrl: c });
         r({
           isAuthenticated: !0,
           isLoading: !1,
@@ -3168,7 +3234,7 @@ function Ns({ children: t, config: e }) {
       const m = await ve(e.authUrl);
       r((c) => ({ ...c, isLoading: !0, error: null }));
       try {
-        const c = await Do(m), u = await Yo({ optionsJSON: c }), y = await jo(m, u, g);
+        const c = await Bo(m), u = await Xo({ optionsJSON: c }), y = await Fo(m, u, g);
         r({
           isAuthenticated: !0,
           isLoading: !1,
@@ -3184,39 +3250,39 @@ function Ns({ children: t, config: e }) {
       }
     },
     [e.authUrl]
-  ), h = j(() => n.user?.token ?? null, [n.user]), f = V(
+  ), d = j(() => n.user?.token ?? null, [n.user]), h = W(
     () => ({
       state: n,
       login: o,
       logout: a,
-      getToken: h,
+      getToken: d,
       registerPasskey: l,
       requestEmailCode: s,
       submitEmailCode: i
     }),
-    [n, o, a, h, l, s, i]
+    [n, o, a, d, l, s, i]
   );
-  return /* @__PURE__ */ w.jsx(ut, { value: f, children: t });
+  return /* @__PURE__ */ w.jsx(ut, { value: h, children: t });
 }
-function Ho() {
+function Zo() {
   const t = st(ut);
   if (!t)
     throw new Error("useAuth must be used within an AuthProvider");
   return t;
 }
-function qo() {
+function Qo() {
   return st(ut);
 }
-function Ls(t) {
-  const { config: e, guestUrlParam: n } = t, { state: r, login: o } = Ho(), s = E(!1);
-  return C(() => {
+function Ms(t) {
+  const { config: e, guestUrlParam: n } = t, { state: r, login: o } = Zo(), s = E(!1);
+  return T(() => {
     if (!n || r.isAuthenticated || r.isLoading || s.current || !e.methods.includes("guest"))
       return;
     const i = new URLSearchParams(window.location.search), a = i.get(n);
     if (a === "true" || a === "1" || a === "") {
       i.delete(n);
-      const l = i.toString(), h = window.location.pathname + (l ? `?${l}` : "");
-      window.history.replaceState({}, "", h), s.current = !0, o("guest");
+      const l = i.toString(), d = window.location.pathname + (l ? `?${l}` : "");
+      window.history.replaceState({}, "", d), s.current = !0, o("guest");
     }
   }, [n, r.isAuthenticated, r.isLoading, e.methods, o]), {
     shouldRenderChildren: r.isAuthenticated,
@@ -3231,9 +3297,9 @@ const on = (() => {
   } catch {
     return !1;
   }
-})(), sn = Date.now(), re = [], Jo = 300;
+})(), sn = Date.now(), re = [], es = 300;
 function Ie(t) {
-  re.push(`[+${((Date.now() - sn) / 1e3).toFixed(1)}s] ${t}`), re.length > Jo && re.shift();
+  re.push(`[+${((Date.now() - sn) / 1e3).toFixed(1)}s] ${t}`), re.length > es && re.shift();
 }
 function Lt(t) {
   if (typeof t == "string")
@@ -3269,7 +3335,7 @@ function an() {
   }
 }
 on && an();
-function Zo() {
+function ts() {
   let t = !1;
   try {
     const e = URL.createObjectURL(new Blob([""]));
@@ -3280,11 +3346,11 @@ function Zo() {
   }
   return t;
 }
-function Qo() {
+function ns() {
   const t = globalThis;
   return [
     `Worker=${typeof Worker < "u"}`,
-    `moduleWorker=${Zo()}`,
+    `moduleWorker=${ts()}`,
     `WebSocket=${typeof WebSocket < "u"}`,
     `WebTransport=${typeof t.WebTransport < "u"}`,
     `RTCPeerConnection=${typeof RTCPeerConnection < "u"}`,
@@ -3297,12 +3363,12 @@ function Qo() {
     `online=${typeof navigator < "u" ? navigator.onLine : "?"}`
   ].join("  ");
 }
-function es(t) {
+function rs(t) {
   return /ERROR|error:|Rejection/.test(t) ? "#f88" : /WARN|warn:/.test(t) ? "#fc6" : "#9d9";
 }
 function cn({ state: t = "", forceVisible: e = !1 }) {
   const n = on || e, r = t === "connected" || t === "reconnecting", [, o] = An((l) => l + 1, 0), [s, i] = x(!0);
-  if (C(() => {
+  if (T(() => {
     if (!n)
       return;
     an();
@@ -3338,12 +3404,12 @@ function cn({ state: t = "", forceVisible: e = !1 }) {
     ] }),
     /* @__PURE__ */ w.jsx("div", { style: { color: "#9cf", wordBreak: "break-all", marginBottom: "4px" }, children: typeof window < "u" ? window.location.href : "" }),
     /* @__PURE__ */ w.jsx("div", { style: { color: "#ff0", wordBreak: "break-all", marginBottom: "4px" }, children: typeof navigator < "u" ? navigator.userAgent : "no navigator" }),
-    /* @__PURE__ */ w.jsx("div", { style: { color: "#8cf", marginBottom: "4px" }, children: Qo() }),
+    /* @__PURE__ */ w.jsx("div", { style: { color: "#8cf", marginBottom: "4px" }, children: ns() }),
     /* @__PURE__ */ w.jsx("div", { style: { color: "#8cf", marginBottom: "10px" }, children: typeof window < "u" ? `viewport=${window.innerWidth}x${window.innerHeight} dpr=${window.devicePixelRatio}` : "" }),
-    /* @__PURE__ */ w.jsx("div", { children: re.length === 0 ? "(nothing captured yet)" : re.map((l, h) => /* @__PURE__ */ w.jsx("div", { style: { color: es(l), wordBreak: "break-all" }, children: l }, h)) })
+    /* @__PURE__ */ w.jsx("div", { children: re.length === 0 ? "(nothing captured yet)" : re.map((l, d) => /* @__PURE__ */ w.jsx("div", { style: { color: rs(l), wordBreak: "break-all" }, children: l }, d)) })
   ] });
 }
-function Ps({
+function Ds({
   connectionState: t,
   error: e,
   isReady: n,
@@ -3355,8 +3421,8 @@ function Ps({
   // renderIdle prop is intentionally accepted but never invoked — the runtime no longer
   // emits the deprecated 'idle' state. Kept on the props for source compatibility.
   renderIdle: l,
-  renderConnecting: h,
-  renderConnectingSlow: f,
+  renderConnecting: d,
+  renderConnectingSlow: h,
   renderConnected: g,
   renderOffline: m,
   renderError: c
@@ -3365,7 +3431,7 @@ function Ps({
     switch (t) {
       case "waitingForExternalConnectUrl":
       case "connecting":
-        return r ? f() : h();
+        return r ? h() : d();
       case "connected":
       case "reconnecting": {
         if (!n || !o || !s) return null;
@@ -3395,48 +3461,48 @@ function Ps({
     /* @__PURE__ */ w.jsx(cn, { state: t })
   ] });
 }
-const Oe = oe("useIkonApp");
-function ts() {
+const xe = oe("useIkonApp");
+function os() {
   if (typeof window < "u" && window.__IKON_AUTH_CONFIG__)
     return window.__IKON_AUTH_CONFIG__;
 }
-function ns() {
+function ss() {
   if (typeof window < "u" && window.__IKON_LOCAL_IKON_SERVER_CONFIG__)
     return window.__IKON_LOCAL_IKON_SERVER_CONFIG__;
 }
-function Us(t) {
-  const { authConfig: e, modules: n, timeouts: r, backgroundAudio: o, webRtc: s, audio: i, video: a, websocket: l, webtransport: h, proxy: f, liveSnapshot: g, bootSnapshot: m } = t, c = e === void 0 ? ts() ?? null : e, u = ns(), y = qo(), p = E(null), S = E(null), b = E(null), R = E(!1), v = E(!1), T = E(o), U = E(r), ee = E(s), te = E(i), z = E(a), I = E(l), P = E(h), M = E(f), B = E(g), $ = E(m), W = E("local"), K = E(void 0);
-  T.current = o, U.current = r, ee.current = s, te.current = i, z.current = a, I.current = l, P.current = h, M.current = f, B.current = g, $.current = m;
-  const [H, Ee] = x("connecting"), [Re, pe] = x(!1), [d, A] = x(!1), [O, N] = x(null), [se, me] = x(null), [L, Q] = x(!1), [ie, Me] = x(null), [ae, un] = x(null), [De, dt] = x(!1), je = E(!1), [dn, fn] = x(0), Y = V(() => {
+function js(t) {
+  const { authConfig: e, modules: n, timeouts: r, backgroundAudio: o, webRtc: s, audio: i, video: a, websocket: l, webtransport: d, proxy: h, liveSnapshot: g, bootSnapshot: m } = t, c = e === void 0 ? os() ?? null : e, u = ss(), y = Qo(), p = E(null), S = E(null), b = E(null), R = E(!1), v = E(!1), k = E(o), U = E(r), ee = E(s), te = E(i), z = E(a), I = E(l), P = E(d), M = E(h), B = E(g), $ = E(m), V = E("local"), K = E(void 0);
+  k.current = o, U.current = r, ee.current = s, te.current = i, z.current = a, I.current = l, P.current = d, M.current = h, B.current = g, $.current = m;
+  const [q, Ee] = x("connecting"), [Re, pe] = x(!1), [f, A] = x(!1), [O, N] = x(null), [se, me] = x(null), [L, Q] = x(!1), [ie, Me] = x(null), [ae, un] = x(null), [De, dt] = x(!1), je = E(!1), [dn, fn] = x(0), G = W(() => {
     try {
       const _ = In();
-      return (_.sessionId || _.channelKey) && On(), _;
+      return (_.sessionId || _.channelKey) && xn(), _;
     } catch {
       return { parameters: {} };
     }
   }, []);
   m !== !1 && vn();
-  const ce = V(() => c?.enabled ? Jt() : null, [c?.enabled, dn]), Ae = u?.enabled ?? !1, $e = u?.host ?? "localhost", Be = u?.port ?? 8443, Fe = !!c && !c.enabled && !!c.spaceId && (ht() || Ae);
+  const ce = W(() => c?.enabled ? Jt() : null, [c?.enabled, dn]), Ae = u?.enabled ?? !1, $e = u?.host ?? "localhost", Be = u?.port ?? 8443, Fe = !!c && !c.enabled && !!c.spaceId && (ht() || Ae);
   Fe && !ae && !De && !je.current && (je.current = !0, ve(c.authUrl).then((_) => Qt(c.spaceId, _)).then((_) => {
     un(_.token), dt(!0);
   }).catch((_) => {
-    Oe.error("Anonymous auth failed:", _), je.current = !1, Ae ? dt(!0) : N(_ instanceof Error ? _.message : "Anonymous auth failed");
+    xe.error("Anonymous auth failed:", _), je.current = !1, Ae ? dt(!0) : N(_ instanceof Error ? _.message : "Anonymous auth failed");
   }));
-  const We = V(() => {
+  const We = W(() => {
     if (Ae) {
       if (Fe && !De)
         return null;
-      const _ = ce?.token ?? ae ?? void 0, q = _ ? pt(_) ?? void 0 : void 0;
+      const _ = ce?.token ?? ae ?? void 0, J = _ ? pt(_) ?? void 0 : void 0;
       return {
         local: {
           host: $e,
           httpsPort: Be,
-          userId: q,
+          userId: J,
           token: ce?.token ?? void 0,
           spaceId: c?.spaceId,
           backendUrl: c?.backendUrl,
           authUrl: c?.authUrl,
-          parameters: Y.parameters
+          parameters: G.parameters
         }
       };
     }
@@ -3445,18 +3511,18 @@ function Us(t) {
         token: ce.token,
         spaceId: c.spaceId,
         backendType: mt(),
-        sessionId: Y.sessionId,
-        channelKey: Y.channelKey,
-        parameters: Y.parameters
+        sessionId: G.sessionId,
+        channelKey: G.channelKey,
+        parameters: G.parameters
       }
     } : ae && c?.spaceId ? {
       sessionToken: {
         token: ae,
         spaceId: c.spaceId,
         backendType: mt(),
-        sessionId: Y.sessionId,
-        channelKey: Y.channelKey,
-        parameters: Y.parameters
+        sessionId: G.sessionId,
+        channelKey: G.channelKey,
+        parameters: G.parameters
       }
     } : ht() ? null : {
       local: {
@@ -3465,29 +3531,29 @@ function Us(t) {
         spaceId: c?.spaceId,
         backendUrl: c?.backendUrl,
         authUrl: c?.authUrl,
-        parameters: Y.parameters
+        parameters: G.parameters
       }
     };
-  }, [Ae, $e, Be, ce?.token, c?.spaceId, c?.backendUrl, c?.authUrl, ae, Fe, De, Y.sessionId, Y.channelKey, Y.parameters]);
-  W.current = c?.spaceId ?? "local", K.current = ce?.token ?? ae ?? void 0, no(ie);
-  const hn = oo(ie);
-  C(() => {
+  }, [Ae, $e, Be, ce?.token, c?.spaceId, c?.backendUrl, c?.authUrl, ae, Fe, De, G.sessionId, G.channelKey, G.parameters]);
+  V.current = c?.spaceId ?? "local", K.current = ce?.token ?? ae ?? void 0, so(ie);
+  const hn = ao(ie);
+  T(() => {
     if (!R.current) {
-      if (R.current = !0, b.current = Xr(), n)
+      if (R.current = !0, b.current = Jr(), n)
         for (const _ of n)
           _(b.current);
       b.current.loadRegisteredModules().catch((_) => {
-        Oe.error("Failed to load UI modules", _);
+        xe.error("Failed to load UI modules", _);
       });
     }
-  }, []), C(() => {
+  }, []), T(() => {
     if (!We) return;
-    const _ = new xn({
+    const _ = new On({
       ...We,
       timeouts: U.current,
-      audio: te.current !== void 0 || T.current ? {
+      audio: te.current !== void 0 || k.current ? {
         enabled: te.current,
-        ...T.current ? { background: { allowOnDesktop: !0, allowOnMobile: !0 } } : {}
+        ...k.current ? { background: { allowOnDesktop: !0, allowOnMobile: !0 } } : {}
       } : void 0,
       video: z.current !== void 0 ? { enabled: z.current } : void 0,
       mediaSession: { title: document.title || void 0, artist: document.title || void 0 },
@@ -3495,50 +3561,50 @@ function Us(t) {
       websocket: I.current,
       webtransport: P.current,
       proxy: M.current,
-      onConnectionStateChange: (J) => {
-        Ee(J);
+      onConnectionStateChange: (Z) => {
+        Ee(Z);
       },
-      onError: (J) => {
-        N(J.message);
+      onError: (Z) => {
+        N(Z.message);
       }
     });
     p.current = _;
-    const q = B.current ?? !0, Te = K.current, ft = Te ? pt(Te) ?? null : null, gn = q && ft ? { enabled: !0, appId: W.current, userId: ft } : void 0, ke = new er({ client: _, liveSnapshot: gn, bootSnapshot: $.current });
-    S.current = ke, Me(ke), A(!1);
-    const yn = ke.subscribeToUiUpdates(() => {
+    const J = B.current ?? !0, ke = K.current, ft = ke ? pt(ke) ?? null : null, gn = J && ft ? { enabled: !0, appId: V.current, userId: ft } : void 0, Te = new rr({ client: _, liveSnapshot: gn, bootSnapshot: $.current });
+    S.current = Te, Me(Te), A(!1);
+    const yn = Te.subscribeToUiUpdates(() => {
       A(!0), Nn();
     });
-    return _.connect().catch((J) => {
-      if (Oe.error("Connection failed:", J), J instanceof Ln) {
-        me(J.reason);
+    return _.connect().catch((Z) => {
+      if (xe.error("Connection failed:", Z), Z instanceof Ln) {
+        me(Z.reason);
         return;
       }
-      if (J instanceof Pn) {
+      if (Z instanceof Pn) {
         Q(!0);
         return;
       }
-      J instanceof Un && !v.current && (v.current = !0, Oe.warn("Auth session appears stale, clearing and retrying"), Ut.clearAll(), y ? y.logout() : (Le(), fn((bn) => bn + 1)));
+      Z instanceof Un && !v.current && (v.current = !0, xe.warn("Auth session appears stale, clearing and retrying"), Ut.clearAll(), y ? y.logout() : (Le(), fn((bn) => bn + 1)));
     }), () => {
-      yn(), _.disconnect(), p.current = null, ke.dispose(), S.current = null;
+      yn(), _.disconnect(), p.current = null, Te.dispose(), S.current = null;
     };
   }, [We]);
-  const pn = j((_, q) => {
-    const Te = typeof q == "string" ? q : JSON.stringify(q ?? {});
-    p.current?.sendActionCall(_, Te);
+  const pn = j((_, J) => {
+    const ke = typeof J == "string" ? J : JSON.stringify(J ?? {});
+    p.current?.sendActionCall(_, ke);
   }, []);
-  C(() => {
-    if (H !== "connecting") {
+  T(() => {
+    if (q !== "connecting") {
       pe(!1);
       return;
     }
-    const _ = p.current?.slowConnectionThresholdMs ?? 5e3, q = setTimeout(() => pe(!0), _);
-    return () => clearTimeout(q);
-  }, [H]);
-  const mn = H === "connected" || H === "reconnecting", Ve = d && H !== "offline";
-  return C(() => {
+    const _ = p.current?.slowConnectionThresholdMs ?? 5e3, J = setTimeout(() => pe(!0), _);
+    return () => clearTimeout(J);
+  }, [q]);
+  const mn = q === "connected" || q === "reconnecting", Ve = f && q !== "offline";
+  return T(() => {
     typeof document > "u" || (document.documentElement.dataset.ikonLive = String(Ve));
   }, [Ve]), {
-    connectionState: H,
+    connectionState: q,
     error: O,
     accessDeniedReason: se,
     isServerFull: L,
@@ -3557,7 +3623,7 @@ function Us(t) {
     webRtcTrackMap: p.current?.webRtcTrackMap ?? /* @__PURE__ */ new Map()
   };
 }
-function Ms(t) {
+function $s(t) {
   const e = E(!1);
   return j(() => {
     if (e.current) return;
@@ -3566,28 +3632,28 @@ function Ms(t) {
     n.rel = "stylesheet", n.href = t, document.head.appendChild(n);
   }, [t]);
 }
-let rs = 0;
-function os(t = 5, e = 5e3) {
+let is = 0;
+function as(t = 5, e = 5e3) {
   const [n, r] = x([]), o = E(/* @__PURE__ */ new Map()), s = j((i) => {
     const a = o.current.get(i);
-    a && (clearTimeout(a), o.current.delete(i)), r((l) => l.filter((h) => h.id !== i));
+    a && (clearTimeout(a), o.current.delete(i)), r((l) => l.filter((d) => d.id !== i));
   }, []);
-  return C(() => {
+  return T(() => {
     const i = o.current, a = jt(
       (l) => {
         if (!$t())
           return;
-        const h = `toast-${++rs}`, f = l.level === Je.ERROR ? "error" : "warn", g = {
-          id: h,
-          level: f,
+        const d = `toast-${++is}`, h = l.level === Je.ERROR ? "error" : "warn", g = {
+          id: d,
+          level: h,
           message: l.message,
           component: l.component
         };
         r((c) => [...c, g].slice(-t));
         const m = setTimeout(() => {
-          s(h);
+          s(d);
         }, e);
-        i.set(h, m);
+        i.set(d, m);
       },
       { minLevel: Je.WARN }
     );
@@ -3599,9 +3665,9 @@ function os(t = 5, e = 5e3) {
     };
   }, [t, e, s]), { toasts: n, dismissToast: s };
 }
-function ss(t, e, n) {
+function cs(t, e, n) {
   const [r, o] = x(n);
-  return C(() => {
+  return T(() => {
     if (!t)
       return;
     let s = !0, i = null;
@@ -3616,9 +3682,9 @@ function ss(t, e, n) {
     };
   }, [t, e]), r;
 }
-function Ds(t, e, n) {
+function Bs(t, e, n) {
   const [r, o] = x(null);
-  return C(() => {
+  return T(() => {
     if (!t)
       return;
     let s = !0;
@@ -3629,98 +3695,98 @@ function Ds(t, e, n) {
     }), () => {
       s = !1;
     };
-  }, [t, e]), ss(r ? t : null, r ?? "", n);
+  }, [t, e]), cs(r ? t : null, r ?? "", n);
 }
-const ue = oe("IkonDebug"), is = {
+const ue = oe("IkonDebug"), ls = {
   Digit1: "connecting",
   Digit2: "connected",
   Digit3: "reconnecting",
   Digit4: "offline",
   Digit5: "offline",
   Digit0: "clear"
-}, as = "Digit5", cs = "Digit6", ls = "Synthetic debug error (Ctrl+Shift+5)", us = "Synthetic debug access-denied (Ctrl+Shift+6)", ds = 5e3;
-function fs(t) {
-  const e = $t(), [n, r] = x(null), [o, s] = x(!1), [i, a] = x(null), [l, h] = x(null), [f, g] = x(!1), [m, c] = x(!1), [u, y] = x(!1);
-  return C(() => {
+}, us = "Digit5", ds = "Digit6", fs = "Synthetic debug error (Ctrl+Shift+5)", hs = "Synthetic debug access-denied (Ctrl+Shift+6)", ps = 5e3;
+function ms(t) {
+  const e = $t(), [n, r] = x(null), [o, s] = x(!1), [i, a] = x(null), [l, d] = x(null), [h, g] = x(!1), [m, c] = x(!1), [u, y] = x(!1);
+  return T(() => {
     if (!e)
       return;
     const S = (b) => {
       if (!b.ctrlKey || !b.shiftKey)
         return;
       if (b.code === "KeyE") {
-        b.preventDefault(), g((T) => (ue.warn(`Empty-stores override: ${T ? "off" : "on"}`), !T));
+        b.preventDefault(), g((k) => (ue.warn(`Empty-stores override: ${k ? "off" : "on"}`), !k));
         return;
       }
       if (b.code === "Digit7") {
-        b.preventDefault(), c((T) => (ue.warn(`Branding-banner override: ${T ? "off" : "on"}`), !T));
+        b.preventDefault(), c((k) => (ue.warn(`Branding-banner override: ${k ? "off" : "on"}`), !k));
         return;
       }
       if (b.code === "Digit8") {
-        b.preventDefault(), y((T) => (ue.warn(`Debug-overlay override: ${T ? "off" : "on"}`), !T));
+        b.preventDefault(), y((k) => (ue.warn(`Debug-overlay override: ${k ? "off" : "on"}`), !k));
         return;
       }
-      if (b.code === cs) {
-        b.preventDefault(), h(us), r(null), a(null), ue.warn("Forced access denied");
+      if (b.code === ds) {
+        b.preventDefault(), d(hs), r(null), a(null), ue.warn("Forced access denied");
         return;
       }
-      const R = is[b.code];
+      const R = ls[b.code];
       if (R === void 0)
         return;
       if (b.preventDefault(), R === "clear") {
-        r(null), a(null), h(null), ue.warn("Cleared forced state");
+        r(null), a(null), d(null), ue.warn("Cleared forced state");
         return;
       }
-      const v = b.code === as;
-      r(R), a(v ? ls : null), h(null), ue.warn(`Forced state: ${R}${v ? " (with error)" : ""}`);
+      const v = b.code === us;
+      r(R), a(v ? fs : null), d(null), ue.warn(`Forced state: ${R}${v ? " (with error)" : ""}`);
     };
     return window.addEventListener("keydown", S), () => window.removeEventListener("keydown", S);
-  }, [e]), C(() => {
+  }, [e]), T(() => {
     if (n !== "connecting") {
       s(!1);
       return;
     }
-    const S = setTimeout(() => s(!0), ds);
+    const S = setTimeout(() => s(!0), ps);
     return () => clearTimeout(S);
-  }, [n]), !e || n === null && !f && l === null && !m && !u ? { app: t, forcedState: null, emptyStores: !1, forcedError: null, forcedAccessDenied: null, forcedBranding: !1, forcedDebugOverlay: !1, debugEnabled: e } : { app: {
+  }, [n]), !e || n === null && !h && l === null && !m && !u ? { app: t, forcedState: null, emptyStores: !1, forcedError: null, forcedAccessDenied: null, forcedBranding: !1, forcedDebugOverlay: !1, debugEnabled: e } : { app: {
     ...t,
     connectionState: n ?? t.connectionState,
     isConnectingSlow: n === "connecting" ? o : t.isConnectingSlow,
     error: n === "offline" && i ? i : n ? null : t.error,
-    stores: f ? /* @__PURE__ */ new Map() : t.stores,
+    stores: h ? /* @__PURE__ */ new Map() : t.stores,
     accessDeniedReason: l ?? t.accessDeniedReason
-  }, forcedState: n, emptyStores: f, forcedError: i, forcedAccessDenied: l, forcedBranding: m, forcedDebugOverlay: u, debugEnabled: e };
+  }, forcedState: n, emptyStores: h, forcedError: i, forcedAccessDenied: l, forcedBranding: m, forcedDebugOverlay: u, debugEnabled: e };
 }
-function hs(t, e) {
+function gs(t, e) {
   return t === void 0 ? null : typeof t == "function" ? t(e) : t;
 }
-function ps(t) {
+function ys(t) {
   return t === void 0 ? null : typeof t == "function" ? t() : t;
 }
-function ms(t, e) {
+function bs(t, e) {
   return t === void 0 ? null : typeof t == "function" ? t(e) : t;
 }
-function gs(t, e) {
+function Ss(t, e) {
   return t === void 0 ? null : typeof t == "function" ? t(e) : t;
 }
-function js(t) {
-  const { connectingOverlay: e, reconnectingOverlay: n, offlineOverlay: r, accessDeniedScreen: o, ...s } = t, i = fs(s), { app: a } = i, { connectionState: l, isConnectingSlow: h, stores: f, registry: g, client: m, onAction: c, isReady: u, error: y, accessDeniedReason: p, brandingRequired: S } = a, b = S || i.forcedBranding, R = E(null);
-  if (f && g && (u || f.size > 0) && (R.current = { stores: f, registry: g, client: m }), p)
-    return gs(o, p);
+function Fs(t) {
+  const { connectingOverlay: e, reconnectingOverlay: n, offlineOverlay: r, accessDeniedScreen: o, ...s } = t, i = ms(s), { app: a } = i, { connectionState: l, isConnectingSlow: d, stores: h, registry: g, client: m, onAction: c, isReady: u, error: y, accessDeniedReason: p, brandingRequired: S } = a, b = S || i.forcedBranding, R = E(null);
+  if (h && g && (u || h.size > 0) && (R.current = { stores: h, registry: g, client: m }), p)
+    return Ss(o, p);
   const v = R.current;
-  let T = null;
+  let k;
   switch (l) {
     case "waitingForExternalConnectUrl":
     case "connecting":
-      T = hs(e, h);
+      k = gs(e, d);
       break;
     case "reconnecting":
-      T = ps(n);
+      k = ys(n);
       break;
     case "offline":
-      T = ms(r, y);
+      k = bs(r, y);
       break;
     default:
-      T = null;
+      k = null;
   }
   return /* @__PURE__ */ w.jsxs(w.Fragment, { children: [
     v && /* @__PURE__ */ w.jsx(
@@ -3732,19 +3798,19 @@ function js(t) {
         onAction: c
       }
     ),
-    T,
-    b && /* @__PURE__ */ w.jsx(bs, {}),
-    /* @__PURE__ */ w.jsx(Ss, {}),
+    k,
+    b && /* @__PURE__ */ w.jsx(vs, {}),
+    /* @__PURE__ */ w.jsx(Es, {}),
     /* @__PURE__ */ w.jsx(cn, { state: l, forceVisible: i.forcedDebugOverlay })
   ] });
 }
-const ys = "https://ikonai.com";
-function bs() {
+const ws = "https://ikonai.com";
+function vs() {
   return /* @__PURE__ */ w.jsxs(
     "a",
     {
       className: "ikon-branding-banner",
-      href: ys,
+      href: ws,
       target: "_blank",
       rel: "noopener noreferrer",
       style: {
@@ -3772,11 +3838,11 @@ function bs() {
     }
   );
 }
-function Ss() {
-  const { toasts: t, dismissToast: e } = os();
-  return t.length === 0 ? null : /* @__PURE__ */ w.jsx("div", { className: "ikon-toast-overlay", children: t.map((n) => /* @__PURE__ */ w.jsx(ws, { toast: n, onDismiss: e }, n.id)) });
+function Es() {
+  const { toasts: t, dismissToast: e } = as();
+  return t.length === 0 ? null : /* @__PURE__ */ w.jsx("div", { className: "ikon-toast-overlay", children: t.map((n) => /* @__PURE__ */ w.jsx(Rs, { toast: n, onDismiss: e }, n.id)) });
 }
-function ws({ toast: t, onDismiss: e }) {
+function Rs({ toast: t, onDismiss: e }) {
   return /* @__PURE__ */ w.jsxs(
     "div",
     {
@@ -3798,30 +3864,30 @@ function ws({ toast: t, onDismiss: e }) {
   );
 }
 const ln = Mt(null);
-function vs(t, e) {
+function As(t, e) {
   return e ? t.replace(/\{(\w+)\}/g, (n, r) => e[r] ?? `{${r}}`) : t;
 }
-function Es(t, e) {
+function ks(t, e) {
   const n = Mn();
   if (n && t.includes(n))
     return n;
   const r = navigator.language.split("-")[0];
   return t.includes(r) ? r : e && t.includes(e) ? e : "en";
 }
-function Rs(t, e, n) {
-  return e ? Es(t, n) : n && t.includes(n) ? n : "en";
+function Ts(t, e, n) {
+  return e ? ks(t, n) : n && t.includes(n) ? n : "en";
 }
-function $s({
+function Ws({
   children: t,
   translations: e,
   defaultLanguage: n,
   detectLanguage: r = !1
 }) {
-  const o = Object.keys(e), s = Rs(o, r, n), i = e[s] ?? e.en, a = V(
+  const o = Object.keys(e), s = Ts(o, r, n), i = e[s] ?? e.en, a = W(
     () => ({
-      t: (l, h) => {
-        const f = i[l];
-        return vs(f, h);
+      t: (l, d) => {
+        const h = i[l];
+        return As(h, d);
       },
       locale: s,
       translations: i
@@ -3830,72 +3896,72 @@ function $s({
   );
   return /* @__PURE__ */ w.jsx(ln, { value: a, children: t });
 }
-function Bs() {
+function Vs() {
   const t = st(ln);
   if (!t)
     throw new Error("useI18n must be used within an I18nProvider");
   return t;
 }
 export {
-  Ns as AuthProvider,
-  Ps as ConnectionStateRenderer,
+  Us as AuthProvider,
+  Ds as ConnectionStateRenderer,
   on as DEBUG_OVERLAY_ENABLED,
   cn as DebugOverlay,
-  $s as I18nProvider,
-  gr as IKON_UI_BASE_MODULE,
-  _r as IKON_UI_MEDIA_MODULE,
-  Kr as IKON_UI_SHADERTOY_MODULE,
-  Wr as IKON_UI_SHADERTOY_TYPE,
+  Ws as I18nProvider,
+  Sr as IKON_UI_BASE_MODULE,
+  Or as IKON_UI_MEDIA_MODULE,
+  zr as IKON_UI_SHADERTOY_MODULE,
+  Gr as IKON_UI_SHADERTOY_TYPE,
   Qe as IKON_UI_STREAM_CATEGORY,
-  Rr as IKON_UI_VIDEO_CANVAS_TYPE,
-  Ar as IKON_UI_VIDEO_URL_PLAYER_TYPE,
-  js as IkonApp,
-  er as IkonUi,
-  zr as IkonUiRegistry,
+  Tr as IKON_UI_VIDEO_CANVAS_TYPE,
+  Cr as IKON_UI_VIDEO_URL_PLAYER_TYPE,
+  Fs as IkonApp,
+  rr as IkonUi,
+  qr as IkonUiRegistry,
   Bt as IkonUiSurface,
-  Jn as InspectOverlay,
-  Os as ParallaxView,
-  qn as UiComponentRegistry,
-  Hn as UiRenderer,
-  Vs as UiStreamStore,
+  er as InspectOverlay,
+  Ls as ParallaxView,
+  Qn as UiComponentRegistry,
+  Zn as UiRenderer,
+  Ys as UiStreamStore,
   Qt as authenticateAnonymous,
-  Mo as buildOAuthRedirectUrl,
+  $o as buildOAuthRedirectUrl,
   Le as clearAuthSession,
   Nt as clearOAuthParams,
-  mr as createBaseResolvers,
-  _s as createComponentLibrary,
-  Xr as createIkonUiRegistry,
-  kr as createMediaResolvers,
-  Vr as createShadertoyRendererResolver,
-  Qn as isIkonUiCategoryMatch,
+  br as createBaseResolvers,
+  Os as createComponentLibrary,
+  Jr as createIkonUiRegistry,
+  Ir as createMediaResolvers,
+  Yr as createShadertoyRendererResolver,
+  nr as isIkonUiCategoryMatch,
   Jt as loadAuthSession,
-  yr as loadBaseModule,
-  Ir as loadMediaModule,
-  Yr as loadShadertoyModule,
-  Po as parseOAuthCallback,
-  Uo as parseOAuthError,
-  Ys as randomUuid,
-  br as registerBaseModule,
-  Or as registerMediaModule,
-  Gr as registerShadertoyModule,
-  zn as renderChildren,
-  xs as renderMotionLetters,
+  wr as loadBaseModule,
+  Nr as loadMediaModule,
+  Xr as loadShadertoyModule,
+  Do as parseOAuthCallback,
+  jo as parseOAuthError,
+  Xs as randomUuid,
+  vr as registerBaseModule,
+  Lr as registerMediaModule,
+  Hr as registerShadertoyModule,
+  qn as renderChildren,
+  Ps as renderMotionLetters,
   he as saveAuthSession,
-  No as sendLoginCode,
+  Uo as sendLoginCode,
   ne as sessionToUser,
-  Ho as useAuth,
-  Ls as useAuthGuard,
-  qo as useAuthOptional,
-  Bs as useI18n,
-  Us as useIkonApp,
-  fs as useIkonDebug,
-  ss as useIkonReactive,
-  no as useIkonStyles,
-  oo as useIkonUiStores,
-  Ms as useLazyFont,
-  Ds as useReactive,
-  os as useToasts,
-  Z as useUiNode,
-  Is as useUiStore,
-  Lo as verifyLoginCode
+  Zo as useAuth,
+  Ms as useAuthGuard,
+  Qo as useAuthOptional,
+  Vs as useI18n,
+  js as useIkonApp,
+  ms as useIkonDebug,
+  cs as useIkonReactive,
+  so as useIkonStyles,
+  ao as useIkonUiStores,
+  $s as useLazyFont,
+  Bs as useReactive,
+  as as useToasts,
+  H as useUiNode,
+  Ns as useUiStore,
+  Mo as verifyLoginCode
 };