@ikonai/sdk-react-ui 1.0.21 → 1.0.23

package/index.js

@@ -1,8 +1,8 @@
 import { IkonUiCore as kt, UiStreamStore as Ct } from "@ikonai/sdk-ui";
 import { UiStreamStore as Co } from "@ikonai/sdk-ui";
-import It, { useSyncExternalStore as Ue, useMemo as K, memo as z, useRef as A, useCallback as x, Fragment as Ot, useEffect as M, useState as W, createContext as lt, use as xe } from "react";
-import { createLogger as ge, getOrCreateDeviceId as _t, deriveAuthUrl as Oe, parseUrlParams as Nt, clearSessionParamsFromUrl as Pt, isCloudEnvironment as Ke, extractUserIdFromToken as jt, deriveBackendType as Ye, IkonClient as Lt, subscribeToLogEvents as Mt, isDebugModeEnabled as Ut, LogLevel as We } from "@ikonai/sdk";
-var de = { exports: {} }, oe = {};
+import It, { useSyncExternalStore as Ue, useMemo as V, memo as K, useRef as A, useCallback as F, Fragment as Ot, useEffect as D, useState as H, createContext as lt, use as xe } from "react";
+import { createLogger as pe, getOrCreateDeviceId as _t, deriveAuthUrl as Oe, parseUrlParams as Nt, clearSessionParamsFromUrl as Pt, isCloudEnvironment as Ke, extractUserIdFromToken as jt, deriveBackendType as Ye, IkonClient as Mt, subscribeToLogEvents as Lt, isDebugModeEnabled as Ut, LogLevel as We } from "@ikonai/sdk";
+var le = { exports: {} }, ee = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -14,7 +14,7 @@ var de = { exports: {} }, oe = {};
  */
 var ze;
 function xt() {
-  if (ze) return oe;
+  if (ze) return ee;
   ze = 1;
   var t = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
   function r(n, o, s) {
@@ -32,9 +32,9 @@ function xt() {
       props: s
     };
   }
-  return oe.Fragment = e, oe.jsx = r, oe.jsxs = r, oe;
+  return ee.Fragment = e, ee.jsx = r, ee.jsxs = r, ee;
 }
-var se = {};
+var te = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -50,20 +50,20 @@ function Dt() {
     function t(l) {
       if (l == null) return null;
       if (typeof l == "function")
-        return l.$$typeof === U ? null : l.displayName || l.name || null;
+        return l.$$typeof === _ ? null : l.displayName || l.name || null;
       if (typeof l == "string") return l;
       switch (l) {
         case S:
           return "Fragment";
-        case p:
+        case g:
           return "Profiler";
         case m:
           return "StrictMode";
-        case D:
+        case P:
           return "Suspense";
-        case G:
+        case q:
           return "SuspenseList";
-        case P:
+        case E:
           return "Activity";
       }
       if (typeof l == "object")
@@ -76,12 +76,12 @@ function Dt() {
             return (l.displayName || "Context") + ".Provider";
           case w:
             return (l._context.displayName || "Context") + ".Consumer";
-          case _:
+          case O:
             var b = l.render;
             return l = l.displayName, l || (l = b.displayName || b.name || "", l = l !== "" ? "ForwardRef(" + l + ")" : "ForwardRef"), l;
-          case Z:
+          case J:
             return b = l.displayName || null, b !== null ? b : t(l.type) || "Memo";
-          case C:
+          case k:
             b = l._payload, l = l._init;
             try {
               return t(l(b));
@@ -102,17 +102,17 @@ function Dt() {
       }
       if (b) {
         b = console;
-        var k = b.error, N = typeof Symbol == "function" && Symbol.toStringTag && l[Symbol.toStringTag] || l.constructor.name || "Object";
-        return k.call(
+        var C = b.error, U = typeof Symbol == "function" && Symbol.toStringTag && l[Symbol.toStringTag] || l.constructor.name || "Object";
+        return C.call(
           b,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          N
+          U
         ), e(l);
       }
     }
     function n(l) {
       if (l === S) return "<>";
-      if (typeof l == "object" && l !== null && l.$$typeof === C)
+      if (typeof l == "object" && l !== null && l.$$typeof === k)
         return "<...>";
       try {
         var b = t(l);
@@ -122,45 +122,45 @@ function Dt() {
       }
     }
     function o() {
-      var l = O.A;
+      var l = N.A;
       return l === null ? null : l.getOwner();
     }
     function s() {
       return Error("react-stack-top-frame");
     }
     function i(l) {
-      if (F.call(l, "key")) {
+      if (M.call(l, "key")) {
         var b = Object.getOwnPropertyDescriptor(l, "key").get;
         if (b && b.isReactWarning) return !1;
       }
       return l.key !== void 0;
     }
     function a(l, b) {
-      function k() {
-        B || (B = !0, console.error(
+      function C() {
+        ae || (ae = !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)",
           b
         ));
       }
-      k.isReactWarning = !0, Object.defineProperty(l, "key", {
-        get: k,
+      C.isReactWarning = !0, Object.defineProperty(l, "key", {
+        get: C,
         configurable: !0
       });
     }
     function c() {
       var l = t(this.type);
-      return H[l] || (H[l] = !0, console.error(
+      return ce[l] || (ce[l] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), l = this.props.ref, l !== void 0 ? l : null;
     }
-    function f(l, b, k, N, E, I, V, be) {
-      return k = I.ref, l = {
-        $$typeof: g,
+    function f(l, b, C, U, G, Y, Se, be) {
+      return C = Y.ref, l = {
+        $$typeof: p,
         type: l,
         key: b,
-        props: I,
-        _owner: E
-      }, (k !== void 0 ? k : null) !== null ? Object.defineProperty(l, "ref", {
+        props: Y,
+        _owner: G
+      }, (C !== void 0 ? C : null) !== null ? Object.defineProperty(l, "ref", {
         enumerable: !1,
         get: c
       }) : Object.defineProperty(l, "ref", { enumerable: !1, value: null }), l._store = {}, Object.defineProperty(l._store, "validated", {
@@ -177,7 +177,7 @@ function Dt() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: V
+        value: Se
       }), Object.defineProperty(l, "_debugTask", {
         configurable: !1,
         enumerable: !1,
@@ -185,101 +185,101 @@ function Dt() {
         value: be
       }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
     }
-    function d(l, b, k, N, E, I, V, be) {
-      var L = b.children;
-      if (L !== void 0)
-        if (N)
-          if (Y(L)) {
-            for (N = 0; N < L.length; N++)
-              h(L[N]);
-            Object.freeze && Object.freeze(L);
+    function u(l, b, C, U, G, Y, Se, be) {
+      var x = b.children;
+      if (x !== void 0)
+        if (U)
+          if ($(x)) {
+            for (U = 0; U < x.length; U++)
+              h(x[U]);
+            Object.freeze && Object.freeze(x);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else h(L);
-      if (F.call(b, "key")) {
-        L = t(l);
-        var re = Object.keys(b).filter(function(Tt) {
+        else h(x);
+      if (M.call(b, "key")) {
+        x = t(l);
+        var Z = Object.keys(b).filter(function(Tt) {
           return Tt !== "key";
         });
-        N = 0 < re.length ? "{key: someKey, " + re.join(": ..., ") + ": ...}" : "{key: someKey}", te[L + N] || (re = 0 < re.length ? "{" + re.join(": ..., ") + ": ...}" : "{}", console.error(
+        U = 0 < Z.length ? "{key: someKey, " + Z.join(": ..., ") + ": ...}" : "{key: someKey}", L[x + U] || (Z = 0 < Z.length ? "{" + Z.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          N,
-          L,
-          re,
-          L
-        ), te[L + N] = !0);
+          U,
+          x,
+          Z,
+          x
+        ), L[x + U] = !0);
       }
-      if (L = null, k !== void 0 && (r(k), L = "" + k), i(b) && (r(b.key), L = "" + b.key), "key" in b) {
-        k = {};
+      if (x = null, C !== void 0 && (r(C), x = "" + C), i(b) && (r(b.key), x = "" + b.key), "key" in b) {
+        C = {};
         for (var we in b)
-          we !== "key" && (k[we] = b[we]);
-      } else k = b;
-      return L && a(
-        k,
+          we !== "key" && (C[we] = b[we]);
+      } else C = b;
+      return x && a(
+        C,
         typeof l == "function" ? l.displayName || l.name || "Unknown" : l
       ), f(
         l,
-        L,
-        I,
-        E,
+        x,
+        Y,
+        G,
         o(),
-        k,
-        V,
+        C,
+        Se,
         be
       );
     }
     function h(l) {
-      typeof l == "object" && l !== null && l.$$typeof === g && l._store && (l._store.validated = 1);
+      typeof l == "object" && l !== null && l.$$typeof === p && l._store && (l._store.validated = 1);
     }
-    var u = It, g = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), m = Symbol.for("react.strict_mode"), p = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), T = Symbol.for("react.context"), _ = Symbol.for("react.forward_ref"), D = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), Z = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), P = Symbol.for("react.activity"), U = Symbol.for("react.client.reference"), O = u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, Y = Array.isArray, Q = console.createTask ? console.createTask : function() {
+    var d = It, p = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), m = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), T = Symbol.for("react.context"), O = Symbol.for("react.forward_ref"), P = Symbol.for("react.suspense"), q = Symbol.for("react.suspense_list"), J = Symbol.for("react.memo"), k = Symbol.for("react.lazy"), E = Symbol.for("react.activity"), _ = Symbol.for("react.client.reference"), N = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, M = Object.prototype.hasOwnProperty, $ = Array.isArray, X = console.createTask ? console.createTask : function() {
       return null;
     };
-    u = {
+    d = {
       "react-stack-bottom-frame": function(l) {
         return l();
       }
     };
-    var B, H = {}, X = u["react-stack-bottom-frame"].bind(
-      u,
+    var ae, ce = {}, ue = d["react-stack-bottom-frame"].bind(
+      d,
       s
-    )(), ee = Q(n(s)), te = {};
-    se.Fragment = S, se.jsx = function(l, b, k, N, E) {
-      var I = 1e4 > O.recentlyCreatedOwnerStacks++;
-      return d(
+    )(), I = X(n(s)), L = {};
+    te.Fragment = S, te.jsx = function(l, b, C, U, G) {
+      var Y = 1e4 > N.recentlyCreatedOwnerStacks++;
+      return u(
         l,
         b,
-        k,
+        C,
         !1,
-        N,
-        E,
-        I ? Error("react-stack-top-frame") : X,
-        I ? Q(n(l)) : ee
+        U,
+        G,
+        Y ? Error("react-stack-top-frame") : ue,
+        Y ? X(n(l)) : I
       );
-    }, se.jsxs = function(l, b, k, N, E) {
-      var I = 1e4 > O.recentlyCreatedOwnerStacks++;
-      return d(
+    }, te.jsxs = function(l, b, C, U, G) {
+      var Y = 1e4 > N.recentlyCreatedOwnerStacks++;
+      return u(
         l,
         b,
-        k,
+        C,
         !0,
-        N,
-        E,
-        I ? Error("react-stack-top-frame") : X,
-        I ? Q(n(l)) : ee
+        U,
+        G,
+        Y ? Error("react-stack-top-frame") : ue,
+        Y ? X(n(l)) : I
       );
     };
-  }()), se;
+  }()), te;
 }
 var Ge;
 function Ft() {
-  return Ge || (Ge = 1, process.env.NODE_ENV === "production" ? de.exports = xt() : de.exports = Dt()), de.exports;
+  return Ge || (Ge = 1, process.env.NODE_ENV === "production" ? le.exports = xt() : le.exports = Dt()), le.exports;
 }
 var R = Ft();
 function Bt(t, e) {
@@ -294,7 +294,7 @@ function Bt(t, e) {
       return `${o ?? ""}:${s?.id ?? ""}`;
     }
   );
-  return K(() => {
+  return V(() => {
     const [n, o] = r.split(":");
     return {
       rootViewId: n || void 0,
@@ -302,15 +302,15 @@ function Bt(t, e) {
     };
   }, [r]);
 }
-function J(t, e) {
+function z(t, e) {
   const r = Ue(
     (n) => t.subscribeNode(e, n),
     () => t.getNodeVersion(e),
     () => t.getNodeVersion(e)
   );
-  return K(() => t.getNode(e), [t, e, r]);
+  return V(() => t.getNode(e), [t, e, r]);
 }
-const $t = ge("UIRenderer");
+const $t = pe("UIRenderer");
 function Vt(t) {
   if (t === void 0)
     return "{}";
@@ -341,8 +341,8 @@ function zt(t) {
     e += "," + t[r].id;
   return e;
 }
-const _e = z(function t({ nodeId: e, context: r }) {
-  const n = J(r.store, e), o = n ? Yt(n) : [], s = zt(o), i = K(
+const _e = K(function t({ nodeId: e, context: r }) {
+  const n = z(r.store, e), o = n ? Yt(n) : [], s = zt(o), i = V(
     () => o.length === 0 ? null : o.map((h) => /* @__PURE__ */ R.jsx(t, { nodeId: h.id, context: r }, h.id)),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [s, r]
@@ -354,8 +354,8 @@ const _e = z(function t({ nodeId: e, context: r }) {
   const a = r.library.resolve(n);
   if (!a)
     return $t.warn(`No renderer for node type ${n.type}`), null;
-  const c = Kt(n), f = c.length > 0 ? c.join(" ") : void 0, d = a;
-  return /* @__PURE__ */ R.jsx(d, { nodeId: e, context: r, className: f });
+  const c = Kt(n), f = c.length > 0 ? c.join(" ") : void 0, u = a;
+  return /* @__PURE__ */ R.jsx(u, { nodeId: e, context: r, className: f });
 }, Wt);
 function qt(t, e) {
   return !Array.isArray(t) || t.length === 0 ? null : t.map((r) => /* @__PURE__ */ R.jsx(_e, { nodeId: r.id, context: e }, r.id));
@@ -363,19 +363,19 @@ function qt(t, e) {
 function Gt(t, e) {
   return t.store === e.store && t.library === e.library && t.viewId === e.viewId && t.emptyFallback === e.emptyFallback;
 }
-const Ht = z(function({ store: e, library: r, viewId: n, emptyFallback: o = null, onAction: s, client: i, video: a }) {
-  const { rootViewId: c, rootNodeId: f } = Bt(e, n), d = A(s);
-  d.current = s;
+const Ht = K(function({ store: e, library: r, viewId: n, emptyFallback: o = null, onAction: s, client: i, video: a }) {
+  const { rootViewId: c, rootNodeId: f } = Bt(e, n), u = A(s);
+  u.current = s;
   const h = A(i);
   h.current = i;
-  const u = A(a);
-  u.current = a;
-  const g = x((S, m) => {
+  const d = A(a);
+  d.current = a;
+  const p = F((S, m) => {
     if (!S)
       return;
-    const p = Vt(m);
-    d.current?.(S, p);
-  }, []), y = K(() => {
+    const g = Vt(m);
+    u.current?.(S, g);
+  }, []), y = V(() => {
     const S = {
       store: e,
       library: r,
@@ -384,20 +384,20 @@ const Ht = z(function({ store: e, library: r, viewId: n, emptyFallback: o = null
       getPayload: (m) => e.getSnapshot().payloads.get(m),
       renderChildren: (m) => qt(m, S),
       renderView: (m) => {
-        const p = e.getSnapshot().views.get(m);
-        return p ? /* @__PURE__ */ R.jsx(_e, { nodeId: p.id, context: S }) : null;
+        const g = e.getSnapshot().views.get(m);
+        return g ? /* @__PURE__ */ R.jsx(_e, { nodeId: g.id, context: S }) : null;
       },
-      dispatchAction: g,
+      dispatchAction: p,
       // Access client/video via refs to avoid context recreation
       get client() {
         return h.current;
       },
       get video() {
-        return u.current;
+        return d.current;
       }
     };
     return S;
-  }, [e, r, g]);
+  }, [e, r, p]);
   return !c || !f ? o : /* @__PURE__ */ R.jsx("div", { "data-ikon-view-id": c, style: { display: "contents" }, children: /* @__PURE__ */ R.jsx(_e, { nodeId: f, context: y }) });
 }, Gt);
 class Jt {
@@ -432,24 +432,24 @@ const Ne = "ikon-ui";
 function Xt(t, e) {
   return t === e;
 }
-const uo = z(function({ stores: e, registry: r, category: n = Ne, onAction: o, client: s }) {
-  const i = K(() => Array.from(e.keys()).sort().join(","), [e]), a = A(o);
+const uo = K(function({ stores: e, registry: r, category: n = Ne, onAction: o, client: s }) {
+  const i = V(() => Array.from(e.keys()).sort().join(","), [e]), a = A(o);
   a.current = o;
   const c = A(s);
   c.current = s;
-  const f = K(
+  const f = V(
     () => {
-      const d = [];
-      for (const [h, u] of e) {
-        const g = u.store.getSnapshot();
-        Xt(u.category, n) && (!g.rootViewId || !g.views.has(g.rootViewId) || d.push({ key: h, store: u.store }));
+      const u = [];
+      for (const [h, d] of e) {
+        const p = d.store.getSnapshot();
+        Xt(d.category, n) && (!p.rootViewId || !p.views.has(p.rootViewId) || u.push({ key: h, store: d.store }));
       }
-      return d;
+      return u;
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [e, n, i]
   );
-  return f.length === 0 ? null : /* @__PURE__ */ R.jsx(R.Fragment, { children: f.map(({ key: d, store: h }) => /* @__PURE__ */ R.jsx(Ht, { store: h, library: r, onAction: a.current, client: c.current, video: c.current?.media?.video }, d)) });
+  return f.length === 0 ? null : /* @__PURE__ */ R.jsx(R.Fragment, { children: f.map(({ key: u, store: h }) => /* @__PURE__ */ R.jsx(Ht, { store: h, library: r, onAction: a.current, client: c.current, video: c.current?.media?.video }, u)) });
 });
 class Zt {
   core;
@@ -532,7 +532,7 @@ function Qt(t) {
     return e.length > 0 ? e : void 0;
   }
 }
-function le(t) {
+function ie(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -564,45 +564,45 @@ function Fe(t) {
   return He.set(t, r), r;
 }
 function tr() {
-  const t = z(function({ nodeId: r, context: n }) {
-    const o = J(n.store, r), s = A(null), i = le(o?.props?.targetViewId), a = o?.props?.focusOnly, c = typeof a == "boolean" ? a : void 0, f = le(o?.props?.key), d = o?.props?.preciseGeneratedAt;
-    return M(() => {
+  const t = K(function({ nodeId: r, context: n }) {
+    const o = z(n.store, r), s = A(null), i = ie(o?.props?.targetViewId), a = o?.props?.focusOnly, c = typeof a == "boolean" ? a : void 0, f = ie(o?.props?.key), u = o?.props?.preciseGeneratedAt;
+    return D(() => {
       if (typeof document > "u")
         return;
-      const u = s.current;
-      if (!u || i && u.closest("[data-ikon-view-id]")?.getAttribute("data-ikon-view-id") !== i)
+      const d = s.current;
+      if (!d || i && d.closest("[data-ikon-view-id]")?.getAttribute("data-ikon-view-id") !== i)
         return;
-      const g = c !== !0;
-      if (g) {
-        const p = ((w) => {
+      const p = c !== !0;
+      if (p) {
+        const g = ((w) => {
           let T = w.parentElement;
           for (; T; ) {
-            const D = window.getComputedStyle(T).overflowY;
-            if (D === "auto" || D === "scroll" || T.hasAttribute("data-radix-scroll-area-viewport"))
+            const P = window.getComputedStyle(T).overflowY;
+            if (P === "auto" || P === "scroll" || T.hasAttribute("data-radix-scroll-area-viewport"))
               return T;
             T = T.parentElement;
           }
           return null;
-        })(u);
-        p ? requestAnimationFrame(() => {
-          const w = p.getBoundingClientRect(), T = u.getBoundingClientRect(), _ = p.scrollTop + (T.bottom - w.bottom) + 16;
-          "scrollBehavior" in document.documentElement.style ? p.scrollTo({ top: _, behavior: "smooth" }) : p.scrollTop = _;
-        }) : typeof u.scrollIntoView == "function" && requestAnimationFrame(() => {
+        })(d);
+        g ? requestAnimationFrame(() => {
+          const w = g.getBoundingClientRect(), T = d.getBoundingClientRect(), O = g.scrollTop + (T.bottom - w.bottom) + 16;
+          "scrollBehavior" in document.documentElement.style ? g.scrollTo({ top: O, behavior: "smooth" }) : g.scrollTop = O;
+        }) : typeof d.scrollIntoView == "function" && requestAnimationFrame(() => {
           try {
-            u.scrollIntoView({ behavior: "smooth", block: "end", inline: "nearest" });
+            d.scrollIntoView({ behavior: "smooth", block: "end", inline: "nearest" });
           } catch {
-            u.scrollIntoView(!1);
+            d.scrollIntoView(!1);
           }
         });
       }
       const y = document.activeElement;
-      if (!(y instanceof HTMLInputElement || y instanceof HTMLTextAreaElement || y?.getAttribute("contenteditable") === "true") && typeof u.focus == "function")
+      if (!(y instanceof HTMLInputElement || y instanceof HTMLTextAreaElement || y?.getAttribute("contenteditable") === "true") && typeof d.focus == "function")
         try {
-          u.focus({ preventScroll: !g });
+          d.focus({ preventScroll: !p });
         } catch {
-          u.focus();
+          d.focus();
         }
-    }, [c, i, f, d]), o ? /* @__PURE__ */ R.jsx(
+    }, [c, i, f, u]), o ? /* @__PURE__ */ R.jsx(
       "span",
       {
         ref: s,
@@ -620,15 +620,15 @@ function tr() {
   };
 }
 function rr() {
-  const t = z(function({ nodeId: r, context: n, className: o }) {
-    const s = J(n.store, r), i = Qt(s?.props?.onInvokeId), a = x(() => {
+  const t = K(function({ nodeId: r, context: n, className: o }) {
+    const s = z(n.store, r), i = Qt(s?.props?.onInvokeId), a = F(() => {
       i && n.dispatchAction(i);
     }, [i, n]);
     if (!s)
       return null;
     const c = Fe(s.props);
     delete c.onInvokeId;
-    const f = De(le(s.props?.className), o), d = s.children?.length ? n.renderChildren(s.children) : void 0;
+    const f = De(ie(s.props?.className), o), u = s.children?.length ? n.renderChildren(s.children) : void 0;
     return /* @__PURE__ */ R.jsx(
       "div",
       {
@@ -637,7 +637,7 @@ function rr() {
         className: f,
         onClick: i ? a : void 0,
         style: i ? { cursor: "pointer" } : void 0,
-        children: d
+        children: u
       }
     );
   });
@@ -647,11 +647,11 @@ function rr() {
   };
 }
 function nr() {
-  const t = z(function({ nodeId: r, context: n, className: o }) {
-    const s = J(n.store, r);
+  const t = K(function({ nodeId: r, context: n, className: o }) {
+    const s = z(n.store, r);
     if (!s)
       return null;
-    const i = Fe(s.props), a = De("relative", le(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
+    const i = Fe(s.props), a = De("relative", ie(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
     return /* @__PURE__ */ R.jsx("div", { ...i, "data-ikon-node-id": s.id, className: a, children: c });
   });
   return ({ type: e }) => {
@@ -660,11 +660,11 @@ function nr() {
   };
 }
 function or() {
-  const t = z(function({ nodeId: r, context: n, className: o }) {
-    const s = J(n.store, r);
+  const t = K(function({ nodeId: r, context: n, className: o }) {
+    const s = z(n.store, r);
     if (!s)
       return null;
-    const i = Fe(s.props), a = De("absolute", le(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
+    const i = Fe(s.props), a = De("absolute", ie(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
     return /* @__PURE__ */ R.jsx("div", { ...i, "data-ikon-node-id": s.id, className: a, children: c });
   });
   return ({ type: e }) => {
@@ -706,7 +706,7 @@ function Je(t) {
   const e = t.trim();
   return e.length > 0 ? e : void 0;
 }
-function fe(t) {
+function de(t) {
   if (typeof t == "boolean")
     return t;
   if (typeof t == "string") {
@@ -717,24 +717,24 @@ function fe(t) {
 }
 const dr = "std.audio-url-player";
 function fr() {
-  const t = z(function({
+  const t = K(function({
     nodeId: r,
     context: n,
     className: o
   }) {
-    const s = J(n.store, r);
+    const s = z(n.store, r);
     if (!s)
       return null;
-    const i = lr(ur(s.props?.className), o), a = Je(s.props?.src), c = Je(s.props?.preload), f = fe(s.props?.controls), d = fe(s.props?.autoplay), h = fe(s.props?.loop), u = fe(s.props?.muted);
+    const i = lr(ur(s.props?.className), o), a = Je(s.props?.src), c = Je(s.props?.preload), f = de(s.props?.controls), u = de(s.props?.autoplay), h = de(s.props?.loop), d = de(s.props?.muted);
     return /* @__PURE__ */ R.jsx(
       "audio",
       {
         src: a,
         ...c !== void 0 ? { preload: c } : {},
         ...f !== void 0 ? { controls: f } : {},
-        ...d !== void 0 ? { autoPlay: d } : {},
+        ...u !== void 0 ? { autoPlay: u } : {},
         ...h !== void 0 ? { loop: h } : {},
-        ...u !== void 0 ? { muted: u } : {},
+        ...d !== void 0 ? { muted: d } : {},
         "data-ikon-node-id": s.id,
         className: i
       }
@@ -761,7 +761,7 @@ function ft(...t) {
     r && r.trim() && e.push(r.trim());
   return e.length > 0 ? e.join(" ") : void 0;
 }
-function he(t) {
+function fe(t) {
   if (typeof t == "number" && Number.isFinite(t))
     return Math.floor(t);
   if (typeof t == "string" && t.trim().length > 0) {
@@ -778,21 +778,21 @@ function Pe(t) {
 }
 const hr = "std.video-canvas", mr = "std.video-url-player";
 function pr() {
-  const t = z(function({ nodeId: r, context: n, className: o }) {
-    const s = J(n.store, r), i = A(null), a = A(null), c = n.video, f = n.client, d = f?.isWebRtcEnabled ? f.webRtcVideoStream : null, h = f?.isWebRtcEnabled ? f.webRtcScreenStream : null, u = s ? Pe(s.props?.streamId) : void 0, g = s ? he(s.props?.width) : void 0, y = s ? he(s.props?.height) : void 0, S = s ? ft(dt(s.props?.className), o) : o, m = u?.includes("screen") ? h : d;
-    return M(() => {
-      const p = i.current;
-      if (!(!c || !p || !u || m))
-        return c.attachCanvas(u, p), () => {
+  const t = K(function({ nodeId: r, context: n, className: o }) {
+    const s = z(n.store, r), i = A(null), a = A(null), c = n.video, f = n.client, u = s ? Pe(s.props?.streamId) : void 0, h = s ? fe(s.props?.width) : void 0, d = s ? fe(s.props?.height) : void 0, p = s ? ft(dt(s.props?.className), o) : o, y = f?.isWebRtcEnabled && u ? f.getWebRtcVideoStreamByStreamId(u) : null;
+    return D(() => {
+      const S = i.current;
+      if (!(!c || !S || !u || y))
+        return c.attachCanvas(u, S), () => {
           c.detachCanvas(u);
         };
-    }, [c, u, m]), M(() => {
-      const p = a.current;
-      if (!(!p || !m))
-        return p.srcObject = m, () => {
-          p.srcObject = null;
+    }, [c, u, y]), D(() => {
+      const S = a.current;
+      if (!(!S || !y))
+        return S.srcObject = y, () => {
+          S.srcObject = null;
         };
-    }, [m]), s ? m ? /* @__PURE__ */ R.jsx(
+    }, [y]), s ? y ? /* @__PURE__ */ R.jsx(
       "video",
       {
         ref: a,
@@ -801,9 +801,9 @@ function pr() {
         muted: !0,
         "data-ikon-node-id": s.id,
         "data-ikon-video-stream-id": u,
-        className: S,
-        ...g ? { width: g } : {},
-        ...y ? { height: y } : {}
+        className: p,
+        ...h ? { width: h } : {},
+        ...d ? { height: d } : {}
       },
       u
     ) : /* @__PURE__ */ R.jsx(
@@ -812,9 +812,9 @@ function pr() {
         ref: i,
         "data-ikon-node-id": s.id,
         "data-ikon-video-stream-id": u,
-        className: S,
-        ...g ? { width: g } : {},
-        ...y ? { height: y } : {}
+        className: p,
+        ...h ? { width: h } : {},
+        ...d ? { height: d } : {}
       },
       u
     ) : null;
@@ -827,7 +827,7 @@ function pr() {
 function gr() {
   return [pr(), yr(), fr()];
 }
-function ie(t) {
+function re(t) {
   if (typeof t == "boolean")
     return t;
   if (typeof t == "string") {
@@ -837,25 +837,25 @@ function ie(t) {
   }
 }
 function yr() {
-  const t = z(function({
+  const t = K(function({
     nodeId: r,
     context: n,
     className: o
   }) {
-    const s = J(n.store, r);
+    const s = z(n.store, r);
     if (!s)
       return null;
-    const i = ft(dt(s.props?.className), o), a = Pe(s.props?.src), c = Pe(s.props?.poster), f = ie(s.props?.controls), d = ie(s.props?.autoplay), h = ie(s.props?.loop), u = ie(s.props?.muted), g = ie(s.props?.playsInline), y = he(s.props?.width), S = he(s.props?.height), m = s.children?.length ? n.renderChildren(s.children) : void 0;
+    const i = ft(dt(s.props?.className), o), a = Pe(s.props?.src), c = Pe(s.props?.poster), f = re(s.props?.controls), u = re(s.props?.autoplay), h = re(s.props?.loop), d = re(s.props?.muted), p = re(s.props?.playsInline), y = fe(s.props?.width), S = fe(s.props?.height), m = s.children?.length ? n.renderChildren(s.children) : void 0;
     return /* @__PURE__ */ R.jsx(
       "video",
       {
         src: a,
         poster: c,
         ...f !== void 0 ? { controls: f } : {},
-        ...d !== void 0 ? { autoPlay: d } : {},
+        ...u !== void 0 ? { autoPlay: u } : {},
         ...h !== void 0 ? { loop: h } : {},
-        ...u !== void 0 ? { muted: u } : {},
-        ...g !== void 0 ? { playsInline: g } : {},
+        ...d !== void 0 ? { muted: d } : {},
+        ...p !== void 0 ? { playsInline: p } : {},
         ...y ? { width: y } : {},
         ...S ? { height: S } : {},
         "data-ikon-node-id": s.id,
@@ -1017,16 +1017,16 @@ class Ar {
     c && e.uniform3f(c, n, o, 1);
     const f = this.uniformLocations.get("iTime");
     f && e.uniform1f(f, i);
-    const d = this.uniformLocations.get("iTimeDelta");
-    d && e.uniform1f(d, a);
+    const u = this.uniformLocations.get("iTimeDelta");
+    u && e.uniform1f(u, a);
     const h = this.uniformLocations.get("iFrame");
     h && e.uniform1i(h, this.frameCount);
-    const u = this.uniformLocations.get("iMouse");
-    u && e.uniform4f(u, this.mouseX, this.mouseY, this.mouseClickX, this.mouseClickY);
-    const g = this.uniformLocations.get("iDate");
-    if (g) {
+    const d = this.uniformLocations.get("iMouse");
+    d && e.uniform4f(d, this.mouseX, this.mouseY, this.mouseClickX, this.mouseClickY);
+    const p = this.uniformLocations.get("iDate");
+    if (p) {
       const y = /* @__PURE__ */ new Date();
-      e.uniform4f(g, y.getFullYear(), y.getMonth(), y.getDate(), y.getHours() * 3600 + y.getMinutes() * 60 + y.getSeconds() + y.getMilliseconds() / 1e3);
+      e.uniform4f(p, y.getFullYear(), y.getMonth(), y.getDate(), y.getHours() * 3600 + y.getMinutes() * 60 + y.getSeconds() + y.getMilliseconds() / 1e3);
     }
     for (const [y, S] of Object.entries(this.customUniforms)) {
       const m = this.uniformLocations.get(y);
@@ -1036,18 +1036,18 @@ class Ar {
             e.uniform1f(m, S.value);
             break;
           case "vec2": {
-            const p = S.value;
-            e.uniform2f(m, p[0], p[1]);
+            const g = S.value;
+            e.uniform2f(m, g[0], g[1]);
             break;
           }
           case "vec3": {
-            const p = S.value;
-            e.uniform3f(m, p[0], p[1], p[2]);
+            const g = S.value;
+            e.uniform3f(m, g[0], g[1], g[2]);
             break;
           }
           case "vec4": {
-            const p = S.value;
-            e.uniform4f(m, p[0], p[1], p[2], p[3]);
+            const g = S.value;
+            e.uniform4f(m, g[0], g[1], g[2], g[3]);
             break;
           }
           case "int":
@@ -1143,83 +1143,83 @@ function _r(t, e) {
 }
 const Nr = "std.shadertoy-canvas";
 function Pr() {
-  const t = z(function({ nodeId: r, context: n, className: o }) {
-    const s = J(n.store, r), i = A(null), a = A(null), c = A(null), f = A(0), d = A(""), h = A({}), u = A({
+  const t = K(function({ nodeId: r, context: n, className: o }) {
+    const s = z(n.store, r), i = A(null), a = A(null), c = A(null), f = A(0), u = A(""), h = A({}), d = A({
       x: 0,
       y: 0,
       clickX: 0,
       clickY: 0,
       isDown: !1
-    }), g = s ? Cr(s.props?.shaderSource) : "", y = s ? ve(s.props?.fps) ?? 60 : 60, S = s?.props?.uniforms, m = K(() => Or(S), [S]), p = s ? Ir(s.props?.enableMouse) ?? !0 : !0, w = s ? ve(s.props?.width) : void 0, T = s ? ve(s.props?.height) : void 0, _ = s ? kr(Tr(s.props?.className), o) : o;
-    M(() => {
-      const C = i.current;
-      if (C) {
+    }), p = s ? Cr(s.props?.shaderSource) : "", y = s ? ve(s.props?.fps) ?? 60 : 60, S = s?.props?.uniforms, m = V(() => Or(S), [S]), g = s ? Ir(s.props?.enableMouse) ?? !0 : !0, w = s ? ve(s.props?.width) : void 0, T = s ? ve(s.props?.height) : void 0, O = s ? kr(Tr(s.props?.className), o) : o;
+    D(() => {
+      const k = i.current;
+      if (k) {
         try {
-          const P = new Ar(C);
-          a.current = P;
-        } catch (P) {
-          console.error("[ShadertoyRenderer] Failed to create WebGL2 context:", P);
+          const E = new Ar(k);
+          a.current = E;
+        } catch (E) {
+          console.error("[ShadertoyRenderer] Failed to create WebGL2 context:", E);
         }
         return () => {
           a.current && (a.current.destroy(), a.current = null);
         };
       }
-    }, []), M(() => {
-      const C = a.current;
-      if (!(!C || !g) && d.current !== g)
-        if (C.compile(g, m))
-          d.current = g, h.current = m;
+    }, []), D(() => {
+      const k = a.current;
+      if (!(!k || !p) && u.current !== p)
+        if (k.compile(p, m))
+          u.current = p, h.current = m;
         else {
-          const U = C.getError();
-          console.error("[ShadertoyRenderer] Shader compilation failed:", U);
+          const _ = k.getError();
+          console.error("[ShadertoyRenderer] Shader compilation failed:", _);
         }
-    }, [g, m]), M(() => {
-      const C = a.current;
-      !C || !d.current || _r(h.current, m) || (C.setCustomUniforms(m), h.current = m);
-    }, [m]), M(() => {
-      const C = a.current;
-      if (!C || !d.current) return;
-      const P = 1e3 / y, U = (O) => {
-        const F = O - f.current;
-        F >= P && (f.current = O - F % P, C.draw()), c.current = requestAnimationFrame(U);
+    }, [p, m]), D(() => {
+      const k = a.current;
+      !k || !u.current || _r(h.current, m) || (k.setCustomUniforms(m), h.current = m);
+    }, [m]), D(() => {
+      const k = a.current;
+      if (!k || !u.current) return;
+      const E = 1e3 / y, _ = (N) => {
+        const M = N - f.current;
+        M >= E && (f.current = N - M % E, k.draw()), c.current = requestAnimationFrame(_);
       };
-      return c.current = requestAnimationFrame(U), () => {
+      return c.current = requestAnimationFrame(_), () => {
         c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       };
     }, [y]);
-    const D = x(
-      (C) => {
-        if (!p) return;
-        const P = i.current, U = a.current;
-        if (!P || !U) return;
-        const O = P.getBoundingClientRect(), F = C.clientX - O.left, Y = O.height - (C.clientY - O.top);
-        u.current.x = F, u.current.y = Y, U.setMouse(F, Y, u.current.clickX, u.current.clickY);
+    const P = F(
+      (k) => {
+        if (!g) return;
+        const E = i.current, _ = a.current;
+        if (!E || !_) return;
+        const N = E.getBoundingClientRect(), M = k.clientX - N.left, $ = N.height - (k.clientY - N.top);
+        d.current.x = M, d.current.y = $, _.setMouse(M, $, d.current.clickX, d.current.clickY);
       },
-      [p]
-    ), G = x(
-      (C) => {
-        if (!p) return;
-        const P = i.current, U = a.current;
-        if (!P || !U) return;
-        const O = P.getBoundingClientRect(), F = C.clientX - O.left, Y = O.height - (C.clientY - O.top);
-        u.current.isDown = !0, u.current.clickX = F, u.current.clickY = Y, U.setMouse(F, Y, F, Y);
+      [g]
+    ), q = F(
+      (k) => {
+        if (!g) return;
+        const E = i.current, _ = a.current;
+        if (!E || !_) return;
+        const N = E.getBoundingClientRect(), M = k.clientX - N.left, $ = N.height - (k.clientY - N.top);
+        d.current.isDown = !0, d.current.clickX = M, d.current.clickY = $, _.setMouse(M, $, M, $);
       },
-      [p]
-    ), Z = x(() => {
-      p && (u.current.isDown = !1, u.current.clickX = -Math.abs(u.current.clickX));
-    }, [p]);
+      [g]
+    ), J = F(() => {
+      g && (d.current.isDown = !1, d.current.clickX = -Math.abs(d.current.clickX));
+    }, [g]);
     return s ? /* @__PURE__ */ R.jsx(
       "canvas",
       {
         ref: i,
         "data-ikon-node-id": s.id,
-        className: _,
+        className: O,
         ...w ? { width: w } : {},
         ...T ? { height: T } : {},
-        onMouseMove: D,
-        onMouseDown: G,
-        onMouseUp: Z,
-        onMouseLeave: Z
+        onMouseMove: P,
+        onMouseDown: q,
+        onMouseUp: J,
+        onMouseLeave: J
       }
     ) : null;
   });
@@ -1228,11 +1228,11 @@ function Pr() {
       return t;
   };
 }
-const jr = "shadertoy", Lr = async () => Pr();
-function Mr(t) {
-  t.registerModule(jr, Lr);
+const jr = "shadertoy", Mr = async () => Pr();
+function Lr(t) {
+  t.registerModule(jr, Mr);
 }
-const Xe = ge("UIRegistry");
+const Xe = pe("UIRegistry");
 class Ur {
   baseResolvers = [];
   moduleLoaders = /* @__PURE__ */ new Map();
@@ -1285,7 +1285,7 @@ class Ur {
 }
 function xr() {
   const t = new Ur();
-  return cr(t), wr(t), Mr(t), t.loadRegisteredModules(), t;
+  return cr(t), wr(t), Lr(t), t.loadRegisteredModules(), t;
 }
 function Dr(t) {
   return Array.isArray(t) ? t : [t];
@@ -1301,7 +1301,7 @@ function Br(t, e) {
       return !1;
   return !0;
 }
-const Re = ge("MotionController"), Ze = {
+const Re = pe("MotionController"), Ze = {
   ease: [0.25, 0.1, 0.25, 1],
   "ease-in": [0.42, 0, 1, 1],
   "ease-out": [0, 0, 0.58, 1],
@@ -1331,7 +1331,7 @@ const Re = ge("MotionController"), Ze = {
   "ease-out-back": [0.175, 0.885, 0.32, 1.275],
   "ease-in-out-back": [0.68, -0.55, 0.265, 1.55]
 };
-function $(t) {
+function B(t) {
   return t <= 0 ? 0 : t >= 1 ? 1 : t;
 }
 function Qe(t) {
@@ -1345,72 +1345,72 @@ function et(t) {
   return typeof CSS < "u" && CSS.escape ? CSS.escape(t) : t.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
 function tt(t, e, r, n) {
-  const d = new Float32Array(11);
-  function h(m, p, w) {
-    return ((3 * p - 3 * w + 1) * m + (3 * w - 6 * p)) * m * m + 3 * p * m;
+  const u = new Float32Array(11);
+  function h(m, g, w) {
+    return ((3 * g - 3 * w + 1) * m + (3 * w - 6 * g)) * m * m + 3 * g * m;
   }
-  function u(m, p, w) {
-    return 3 * (3 * p - 3 * w + 1) * m * m + 2 * (3 * w - 6 * p) * m + 3 * p;
+  function d(m, g, w) {
+    return 3 * (3 * g - 3 * w + 1) * m * m + 2 * (3 * w - 6 * g) * m + 3 * g;
   }
-  function g(m, p) {
+  function p(m, g) {
     for (let w = 0; w < 4; w += 1) {
-      const T = u(p, t, r);
+      const T = d(g, t, r);
       if (T === 0)
-        return p;
-      const _ = h(p, t, r) - m;
-      p -= _ / T;
+        return g;
+      const O = h(g, t, r) - m;
+      g -= O / T;
     }
-    return p;
+    return g;
   }
-  function y(m, p, w) {
-    let T = 0, _ = 0, D = 0;
+  function y(m, g, w) {
+    let T = 0, O = 0, P = 0;
     do
-      _ = p + (w - p) / 2, T = h(_, t, r) - m, T > 0 ? w = _ : p = _;
-    while (Math.abs(T) > 1e-7 && ++D < 10);
-    return _;
+      O = g + (w - g) / 2, T = h(O, t, r) - m, T > 0 ? w = O : g = O;
+    while (Math.abs(T) > 1e-7 && ++P < 10);
+    return O;
   }
   function S(m) {
-    let p = 0, w = 1;
+    let g = 0, w = 1;
     const T = 10;
-    for (; w !== T && d[w] <= m; w += 1)
-      p += 0.1;
+    for (; w !== T && u[w] <= m; w += 1)
+      g += 0.1;
     w -= 1;
-    const _ = (m - d[w]) / (d[w + 1] - d[w]), D = p + _ * 0.1, G = u(D, t, r);
-    return G >= 1e-3 ? g(m, D) : G === 0 ? D : y(m, p, p + 0.1);
+    const O = (m - u[w]) / (u[w + 1] - u[w]), P = g + O * 0.1, q = d(P, t, r);
+    return q >= 1e-3 ? p(m, P) : q === 0 ? P : y(m, g, g + 0.1);
   }
   for (let m = 0; m < 11; m += 1)
-    d[m] = h(m * 0.1, t, r);
+    u[m] = h(m * 0.1, t, r);
   return (m) => m <= 0 ? 0 : m >= 1 ? 1 : h(S(m), e, n);
 }
 function $r(t) {
   const e = /steps\(\s*([0-9]+)\s*(?:,\s*([a-z-]+)\s*)?\)/i.exec(t);
   if (!e)
-    return (o) => $(o);
+    return (o) => B(o);
   const r = Math.max(1, parseInt(e[1], 10)), n = (e[2] ?? "end").toLowerCase();
-  return n === "start" || n === "jump-start" ? (o) => $(Math.ceil(o * r) / r) : n === "none" || n === "jump-none" ? (o) => $(Math.round(o * r) / r) : n === "both" || n === "jump-both" ? (o) => $((Math.floor(o * r) + 0.5) / r) : (o) => $(Math.floor(o * r) / r);
+  return n === "start" || n === "jump-start" ? (o) => B(Math.ceil(o * r) / r) : n === "none" || n === "jump-none" ? (o) => B(Math.round(o * r) / r) : n === "both" || n === "jump-both" ? (o) => B((Math.floor(o * r) + 0.5) / r) : (o) => B(Math.floor(o * r) / r);
 }
 function Vr(t) {
   if (!t)
-    return (r) => $(r);
+    return (r) => B(r);
   const e = t.trim().toLowerCase();
   if (!e || e === "linear")
-    return (r) => $(r);
+    return (r) => B(r);
   if (Ze[e]) {
     const [r, n, o, s] = Ze[e], i = tt(r, n, o, s);
-    return (a) => $(i($(a)));
+    return (a) => B(i(B(a)));
   }
   if (e.startsWith("cubic-bezier(") && e.endsWith(")")) {
     const n = e.slice(13, -1).split(",").map((o) => Number.parseFloat(o.trim()));
     if (n.length === 4 && n.every((o) => Number.isFinite(o))) {
       const [o, s, i, a] = n, c = tt(o, s, i, a);
-      return (f) => $(c($(f)));
+      return (f) => B(c(B(f)));
     }
   }
   if (e.startsWith("steps(") && e.endsWith(")")) {
     const r = $r(e);
-    return (n) => r($(n));
+    return (n) => r(B(n));
   }
-  return (r) => $(r);
+  return (r) => B(r);
 }
 function Kr(t) {
   if (!t)
@@ -1467,7 +1467,7 @@ class Yr {
     const r = e.source?.trim();
     if (!r)
       return;
-    const n = Qe(e.min) ?? 0, o = Qe(e.max), s = o === void 0 ? n + 100 : o, i = (e.clamp ?? "clamp").trim().toLowerCase(), a = !!e.reverse, c = Vr(e.ease), f = Kr(e.map), d = e.targetId?.trim() || void 0;
+    const n = Qe(e.min) ?? 0, o = Qe(e.max), s = o === void 0 ? n + 100 : o, i = (e.clamp ?? "clamp").trim().toLowerCase(), a = !!e.reverse, c = Vr(e.ease), f = Kr(e.map), u = e.targetId?.trim() || void 0;
     return Number.isNaN(n) || Number.isNaN(s) ? void 0 : {
       source: r.toLowerCase(),
       min: n,
@@ -1476,7 +1476,7 @@ class Yr {
       reverse: a,
       ease: c,
       map: f,
-      targetId: d
+      targetId: u
     };
   }
   ensureObserver() {
@@ -1577,8 +1577,8 @@ class Yr {
     r.reverse && (i = 1 - i);
     const a = r.ease(i), c = Number.isFinite(a) ? a : 0, f = c * 100;
     if (e.style.setProperty("--tw-motion-bind-source-value", `${n}`), e.style.setProperty("--tw-motion-bind-progress-ratio", `${c}`), e.style.setProperty("--tw-motion-bind-progress", `${f}`), r.map) {
-      const d = this.applyMap(f, r.map);
-      d !== void 0 && e.style.setProperty("--tw-motion-bind-value", `${d}`);
+      const u = this.applyMap(f, r.map);
+      u !== void 0 && e.style.setProperty("--tw-motion-bind-value", `${u}`);
     } else
       e.style.removeProperty("--tw-motion-bind-value");
   }
@@ -1593,7 +1593,7 @@ class Yr {
       case "unclamped":
         return e;
       default:
-        return $(e);
+        return B(e);
     }
   }
   applyMap(e, r) {
@@ -1682,7 +1682,7 @@ class Yr {
 }
 const Ee = new Yr();
 function Wr(t) {
-  const e = A(/* @__PURE__ */ new Map()), r = x(({ styleId: s, css: i, common: a }) => {
+  const e = A(/* @__PURE__ */ new Map()), r = F(({ styleId: s, css: i, common: a }) => {
     if (!(!s || typeof document > "u")) {
       if (i) {
         let c = e.current.get(s);
@@ -1690,13 +1690,13 @@ function Wr(t) {
       }
       Ee.registerStyle(s, a);
     }
-  }, []), n = x((s) => {
+  }, []), n = F((s) => {
     if (!(typeof document > "u"))
       for (const i of s) {
         const a = e.current.get(i);
         a && (a.remove(), e.current.delete(i)), Ee.unregisterStyle(i);
       }
-  }, []), o = x(() => {
+  }, []), o = F(() => {
     if (typeof document < "u") {
       for (const s of e.current.values())
         s.remove();
@@ -1704,7 +1704,7 @@ function Wr(t) {
     }
     Ee.reset();
   }, []);
-  return M(() => {
+  return D(() => {
     if (!t) return;
     for (const a of t.getUiStyles())
       r(a);
@@ -1712,7 +1712,7 @@ function Wr(t) {
     return () => {
       s?.(), i?.(), o();
     };
-  }, [t, o, r, n]), M(() => () => o(), [o]), { setStyle: r, deleteStyles: n, reset: o };
+  }, [t, o, r, n]), D(() => () => o(), [o]), { setStyle: r, deleteStyles: n, reset: o };
 }
 function zr(t) {
   const e = [];
@@ -1723,8 +1723,8 @@ function zr(t) {
   return e.sort(), e.join(",");
 }
 function qr(t) {
-  const [e, r] = W(), n = A("");
-  return M(() => {
+  const [e, r] = H(), n = A("");
+  return D(() => {
     if (!t) {
       r(void 0), n.current = "";
       return;
@@ -1736,22 +1736,22 @@ function qr(t) {
     return o(), t.subscribe(o);
   }, [t]), e;
 }
-var Gr = typeof global == "object" && global && global.Object === Object && global, Hr = typeof self == "object" && self && self.Object === Object && self, Jr = Gr || Hr || Function("return this")(), me = Jr.Symbol, ht = Object.prototype, Xr = ht.hasOwnProperty, Zr = ht.toString, ae = me ? me.toStringTag : void 0;
+var Gr = typeof global == "object" && global && global.Object === Object && global, Hr = typeof self == "object" && self && self.Object === Object && self, Jr = Gr || Hr || Function("return this")(), he = Jr.Symbol, ht = Object.prototype, Xr = ht.hasOwnProperty, Zr = ht.toString, ne = he ? he.toStringTag : void 0;
 function Qr(t) {
-  var e = Xr.call(t, ae), r = t[ae];
+  var e = Xr.call(t, ne), r = t[ne];
   try {
-    t[ae] = void 0;
+    t[ne] = void 0;
     var n = !0;
   } catch {
   }
   var o = Zr.call(t);
-  return n && (e ? t[ae] = r : delete t[ae]), o;
+  return n && (e ? t[ne] = r : delete t[ne]), o;
 }
 var en = Object.prototype, tn = en.toString;
 function rn(t) {
   return tn.call(t);
 }
-var nn = "[object Null]", on = "[object Undefined]", rt = me ? me.toStringTag : void 0;
+var nn = "[object Null]", on = "[object Undefined]", rt = he ? he.toStringTag : void 0;
 function sn(t) {
   return t == null ? t === void 0 ? on : nn : rt && rt in Object(t) ? Qr(t) : rn(t);
 }
@@ -1822,17 +1822,17 @@ function ho(t) {
     }
     if (!je(c))
       continue;
-    const f = c, d = Object.keys(f).find((S) => S.toLowerCase() === "name");
-    if (!d)
+    const f = c, u = Object.keys(f).find((S) => S.toLowerCase() === "name");
+    if (!u)
       continue;
-    const h = f[d];
+    const h = f[u];
     if (typeof h != "string")
       continue;
-    const u = h.trim();
-    if (!u)
+    const d = h.trim();
+    if (!d)
       continue;
-    const g = Object.keys(f).find((S) => S.toLowerCase() === "javascript"), y = g ? f[g] : void 0;
-    typeof y == "string" && s.set(u, y), i.has(u) || (o.push(u), i.add(u));
+    const p = Object.keys(f).find((S) => S.toLowerCase() === "javascript"), y = p ? f[p] : void 0;
+    typeof y == "string" && s.set(d, y), i.has(d) || (o.push(d), i.add(d));
   }
   if (!o.length && s.size === 0)
     return { modules: [] };
@@ -1898,11 +1898,11 @@ const v = {
       "[data-emoji]"
     ]
   }
-], Le = v.Letter | v.Word | v.Line | v.Paragraph | v.Emoji, mn = v.Letter | v.Word | v.Line | v.Paragraph, ot = /* @__PURE__ */ new Map(), pn = 16384;
+], Me = v.Letter | v.Word | v.Line | v.Paragraph | v.Emoji, mn = v.Letter | v.Word | v.Line | v.Paragraph, ot = /* @__PURE__ */ new Map(), pn = 16384;
 function mo(t, e) {
   if (!t || t.length > pn)
     return t;
-  const r = Pn(e), n = ne(r, v.Emoji), o = r & mn;
+  const r = Pn(e), n = Q(r, v.Emoji), o = r & mn;
   if (o === v.None && !n)
     return t;
   const s = t.replace(/\r\n/g, `
@@ -1914,8 +1914,8 @@ function mo(t, e) {
   if (i.length === 0)
     return n ? ct(s) : t;
   const a = Nn(i), c = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, f = [];
-  for (const d of a) {
-    const h = gn(d, r, c);
+  for (const u of a) {
+    const h = gn(u, r, c);
     f.push(...h);
   }
   return f;
@@ -1926,14 +1926,14 @@ function gn(t, e, r) {
     const s = yn(o, e, r);
     n.push(...s);
   }
-  if (ne(e, v.Paragraph)) {
+  if (Q(e, v.Paragraph)) {
     const o = r.paragraph++;
     return [
       /* @__PURE__ */ R.jsx(
         "span",
         {
           "data-motion-paragraph": !0,
-          style: ye(o),
+          style: ge(o),
           children: n
         },
         `motion-paragraph-${o}`
@@ -1944,10 +1944,10 @@ function gn(t, e, r) {
 }
 function yn(t, e, r) {
   const n = Sn(t.text, e, r), o = [];
-  if (ne(e, v.Line)) {
+  if (Q(e, v.Line)) {
     const s = r.line++;
     o.push(
-      /* @__PURE__ */ R.jsx("span", { "data-motion-line": !0, style: ye(s), children: n }, `motion-line-${s}`)
+      /* @__PURE__ */ R.jsx("span", { "data-motion-line": !0, style: ge(s), children: n }, `motion-line-${s}`)
     );
   } else
     o.push(...n);
@@ -1958,7 +1958,7 @@ function yn(t, e, r) {
 function Sn(t, e, r) {
   if (!t)
     return [];
-  const n = ne(e, v.Word), o = [], s = /(\s+)/g;
+  const n = Q(e, v.Word), o = [], s = /(\s+)/g;
   let i = 0, a;
   for (; (a = s.exec(t)) !== null; ) {
     if (a.index > i) {
@@ -1978,47 +1978,47 @@ function st(t, e, r, n) {
   return n ? /* @__PURE__ */ R.jsx("span", { "data-motion-word": !0, style: a, children: s }, i) : /* @__PURE__ */ R.jsx("span", { style: a, children: s }, i);
 }
 function bn(t, e) {
-  return e ? { ...ye(t), whiteSpace: "nowrap" } : { whiteSpace: "nowrap" };
+  return e ? { ...ge(t), whiteSpace: "nowrap" } : { whiteSpace: "nowrap" };
 }
 function wn(t, e, r) {
   if (!t)
     return [];
-  const n = ne(e, v.Letter), o = ne(e, v.Emoji);
+  const n = Q(e, v.Letter), o = Q(e, v.Emoji);
   if (!n) {
     if (!o)
       return [t];
-    const a = Me(t);
+    const a = Le(t);
     if (a.length === 0)
       return [t];
     const { nodes: c } = pt(a, r);
     return c;
   }
-  const s = [], i = Me(t);
+  const s = [], i = Le(t);
   for (const a of i) {
-    const c = r.letter++, f = `motion-letter-${c}`, d = ye(c);
+    const c = r.letter++, f = `motion-letter-${c}`, u = ge(c);
     if (a === `
 `) {
       s.push(
-        /* @__PURE__ */ R.jsx("span", { "data-motion-letter": !0, style: d, children: /* @__PURE__ */ R.jsx("br", {}) }, f)
+        /* @__PURE__ */ R.jsx("span", { "data-motion-letter": !0, style: u, children: /* @__PURE__ */ R.jsx("br", {}) }, f)
       );
       continue;
     }
-    const u = o && mt(a) ? { "data-motion-emoji": !0 } : void 0, g = a === " " ? " " : a;
+    const d = o && mt(a) ? { "data-motion-emoji": !0 } : void 0, p = a === " " ? " " : a;
     s.push(
-      /* @__PURE__ */ R.jsx("span", { "data-motion-letter": !0, style: d, ...u, children: g }, f)
+      /* @__PURE__ */ R.jsx("span", { "data-motion-letter": !0, style: u, ...d, children: p }, f)
     );
   }
   return s;
 }
-function Me(t) {
+function Le(t) {
   if (!t)
     return [];
   const e = vn();
   return e ? Array.from(e.segment(t), (r) => r.segment) : Rn(t);
 }
-let ce;
+let oe;
 function vn() {
-  return ce !== void 0 || (typeof Intl < "u" && typeof Intl.Segmenter == "function" ? ce = new Intl.Segmenter(void 0, { granularity: "grapheme" }) : ce = null), ce;
+  return oe !== void 0 || (typeof Intl < "u" && typeof Intl.Segmenter == "function" ? oe = new Intl.Segmenter(void 0, { granularity: "grapheme" }) : oe = null), oe;
 }
 function Rn(t) {
   const e = [], r = Array.from(t);
@@ -2107,10 +2107,10 @@ function Nn(t) {
     r.push(n), n.breaks >= 2 && (e.push(r), r = []);
   return r.length > 0 && e.push(r), e;
 }
-function ne(t, e) {
+function Q(t, e) {
   return (t & e) === e;
 }
-function ye(t) {
+function ge(t) {
   return {
     "--tw-motion-seq-index": t.toString(),
     backgroundColor: "inherit",
@@ -2130,7 +2130,7 @@ function ye(t) {
 function ct(t) {
   if (!t)
     return t;
-  const e = Me(t);
+  const e = Le(t);
   if (e.length === 0)
     return t;
   const { nodes: r, sawEmoji: n } = pt(e);
@@ -2170,7 +2170,7 @@ function Pn(t) {
   if (n.length === 0)
     return v.None;
   const s = n.map((c) => `.${jn(c)}`).map(
-    (c) => new RegExp(`(^|[^a-zA-Z0-9_-])${Ln(c)}(?![a-zA-Z0-9_-])`)
+    (c) => new RegExp(`(^|[^a-zA-Z0-9_-])${Mn(c)}(?![a-zA-Z0-9_-])`)
   );
   let i = v.None, a = !1;
   for (const c of Array.from(document.styleSheets)) {
@@ -2180,10 +2180,10 @@ function Pn(t) {
     } catch {
       continue;
     }
-    const d = gt(f, s);
-    if (d.mask && (i |= d.mask, i === Le))
+    const u = gt(f, s);
+    if (u.mask && (i |= u.mask, i === Me))
       break;
-    a ||= d.sawStyleRule;
+    a ||= u.sawStyleRule;
   }
   return (i !== v.None || a) && ot.set(e, i), i;
 }
@@ -2199,12 +2199,12 @@ function gt(t, e) {
         if (!a || !e.some((f) => f.test(a))) continue;
         n = !0;
         for (const f of hn)
-          f.hints.some((d) => a.includes(d)) && (r |= f.flag);
-        if (r === Le)
+          f.hints.some((u) => a.includes(u)) && (r |= f.flag);
+        if (r === Me)
           return { mask: r, sawStyleRule: !0 };
       } else if ("cssRules" in s) {
         const i = gt(s.cssRules, e);
-        if (i.mask && (r |= i.mask, r === Le))
+        if (i.mask && (r |= i.mask, r === Me))
           return { mask: r, sawStyleRule: !0 };
         n ||= i.sawStyleRule;
       }
@@ -2215,11 +2215,11 @@ function gt(t, e) {
 function jn(t) {
   return typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(t) : t.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
-function Ln(t) {
+function Mn(t) {
   return t.replace(/[.*+?^${}()|[\]\\]/g, (e) => `\\${e}`);
 }
-const Be = "ikon_auth_session", Mn = 7 * 24 * 60 * 60 * 1e3;
-function Se(t) {
+const Be = "ikon_auth_session", Ln = 7 * 24 * 60 * 60 * 1e3;
+function ye(t) {
   try {
     localStorage.setItem(Be, JSON.stringify(t));
   } catch {
@@ -2231,7 +2231,7 @@ function yt() {
     const t = localStorage.getItem(Be);
     if (!t) return null;
     const e = JSON.parse(t);
-    return Date.now() - e.authenticatedAt > Mn ? (St(), null) : e;
+    return Date.now() - e.authenticatedAt > Ln ? (St(), null) : e;
   } catch {
     return console.warn("Failed to load auth session from localStorage"), null;
   }
@@ -2243,7 +2243,7 @@ function St() {
     console.warn("Failed to clear auth session from localStorage");
   }
 }
-function ue(t) {
+function se(t) {
   return {
     id: "",
     provider: t.provider,
@@ -2266,7 +2266,7 @@ async function bt(t, e) {
     provider: "anonymous",
     authenticatedAt: Date.now()
   };
-  return Se(s), s;
+  return ye(s), s;
 }
 async function po(t) {
   const { email: e, spaceId: r, authUrl: n, returnUrl: o = window.location.origin + window.location.pathname } = t, s = await fetch(`${n}/email/send`, {
@@ -2324,7 +2324,7 @@ async function Bn(t, e, r) {
     provider: "passkey",
     authenticatedAt: Date.now()
   };
-  return Se(s), s;
+  return ye(s), s;
 }
 async function $n(t, e) {
   const r = await fetch(`${t}/passkey/authentication/options`, {
@@ -2353,16 +2353,16 @@ async function Vn(t, e) {
     provider: "passkey",
     authenticatedAt: Date.now()
   };
-  return Se(o), o;
+  return ye(o), o;
 }
-function q(t) {
+function W(t) {
   const e = new Uint8Array(t);
   let r = "";
   for (const o of e)
     r += String.fromCharCode(o);
   return btoa(r).replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, "");
 }
-function pe(t) {
+function me(t) {
   const e = t.replace(/-/g, "+").replace(/_/g, "/"), r = (4 - e.length % 4) % 4, n = e.padEnd(e.length + r, "="), o = atob(n), s = new ArrayBuffer(o.length), i = new Uint8Array(s);
   for (let a = 0; a < o.length; a++)
     i[a] = o.charCodeAt(a);
@@ -2378,7 +2378,7 @@ function wt(t) {
   const { id: e } = t;
   return {
     ...t,
-    id: pe(e),
+    id: me(e),
     /**
      * `descriptor.transports` is an array of our `AuthenticatorTransportFuture` that includes newer
      * transports that TypeScript's DOM lib is ignorant of. Convince TS that our list of transports
@@ -2525,10 +2525,10 @@ async function qn(t) {
     throw new Error("WebAuthn is not supported in this browser");
   const n = {
     ...e,
-    challenge: pe(e.challenge),
+    challenge: me(e.challenge),
     user: {
       ...e.user,
-      id: pe(e.user.id)
+      id: me(e.user.id)
     },
     excludeCredentials: e.excludeCredentials?.map(wt)
   }, o = {};
@@ -2542,8 +2542,8 @@ async function qn(t) {
   if (!s)
     throw new Error("Registration was not completed");
   const { id: i, rawId: a, response: c, type: f } = s;
-  let d;
-  typeof c.getTransports == "function" && (d = c.getTransports());
+  let u;
+  typeof c.getTransports == "function" && (u = c.getTransports());
   let h;
   if (typeof c.getPublicKeyAlgorithm == "function")
     try {
@@ -2551,31 +2551,31 @@ async function qn(t) {
     } catch (y) {
       ke("getPublicKeyAlgorithm()", y);
     }
-  let u;
+  let d;
   if (typeof c.getPublicKey == "function")
     try {
       const y = c.getPublicKey();
-      y !== null && (u = q(y));
+      y !== null && (d = W(y));
     } catch (y) {
       ke("getPublicKey()", y);
     }
-  let g;
+  let p;
   if (typeof c.getAuthenticatorData == "function")
     try {
-      g = q(c.getAuthenticatorData());
+      p = W(c.getAuthenticatorData());
     } catch (y) {
       ke("getAuthenticatorData()", y);
     }
   return {
     id: i,
-    rawId: q(a),
+    rawId: W(a),
     response: {
-      attestationObject: q(c.attestationObject),
-      clientDataJSON: q(c.clientDataJSON),
-      transports: d,
+      attestationObject: W(c.attestationObject),
+      clientDataJSON: W(c.clientDataJSON),
+      transports: u,
       publicKeyAlgorithm: h,
-      publicKey: u,
-      authenticatorData: g
+      publicKey: d,
+      authenticatorData: p
     },
     type: f,
     clientExtensionResults: s.getClientExtensionResults(),
@@ -2645,7 +2645,7 @@ async function Jn(t) {
   e.allowCredentials?.length !== 0 && (o = e.allowCredentials?.map(wt));
   const s = {
     ...e,
-    challenge: pe(e.challenge),
+    challenge: me(e.challenge),
     allowCredentials: o
   }, i = {};
   if (r) {
@@ -2659,21 +2659,21 @@ async function Jn(t) {
   let a;
   try {
     a = await navigator.credentials.get(i);
-  } catch (g) {
-    throw Hn({ error: g, options: i });
+  } catch (p) {
+    throw Hn({ error: p, options: i });
   }
   if (!a)
     throw new Error("Authentication was not completed");
-  const { id: c, rawId: f, response: d, type: h } = a;
-  let u;
-  return d.userHandle && (u = q(d.userHandle)), {
+  const { id: c, rawId: f, response: u, type: h } = a;
+  let d;
+  return u.userHandle && (d = W(u.userHandle)), {
     id: c,
-    rawId: q(f),
+    rawId: W(f),
     response: {
-      authenticatorData: q(d.authenticatorData),
-      clientDataJSON: q(d.clientDataJSON),
-      signature: q(d.signature),
-      userHandle: u
+      authenticatorData: W(u.authenticatorData),
+      clientDataJSON: W(u.clientDataJSON),
+      signature: W(u.signature),
+      userHandle: d
     },
     type: h,
     clientExtensionResults: a.getClientExtensionResults(),
@@ -2682,45 +2682,45 @@ async function Jn(t) {
 }
 const Ve = lt(null);
 function go({ children: t, config: e }) {
-  const [r, n] = W({
+  const [r, n] = H({
     isAuthenticated: !1,
     isLoading: !0,
     user: null,
     error: null
   });
-  M(() => {
+  D(() => {
     (() => {
-      const d = xn();
-      if (d) {
+      const u = xn();
+      if (u) {
         ut(), n({
           isAuthenticated: !1,
           isLoading: !1,
           user: null,
-          error: d
+          error: u
         });
         return;
       }
       const h = Un();
       if (h) {
-        const g = {
+        const p = {
           token: h.token,
           provider: h.provider,
           authenticatedAt: Date.now()
         };
-        Se(g), ut(), n({
+        ye(p), ut(), n({
           isAuthenticated: !0,
           isLoading: !1,
-          user: ue(g),
+          user: se(p),
           error: null
         });
         return;
       }
-      const u = yt();
-      if (u) {
+      const d = yt();
+      if (d) {
         n({
           isAuthenticated: !0,
           isLoading: !1,
-          user: ue(u),
+          user: se(d),
           error: null
         });
         return;
@@ -2733,87 +2733,87 @@ function go({ children: t, config: e }) {
       });
     })();
   }, []);
-  const o = x(
+  const o = F(
     async (f) => {
       if (!e.spaceId) {
-        n((u) => ({
-          ...u,
+        n((d) => ({
+          ...d,
           error: "Space ID is not configured"
         }));
         return;
       }
-      const d = e.authUrl ?? Oe();
+      const u = e.authUrl ?? Oe();
       if (f === "guest") {
-        n((u) => ({ ...u, isLoading: !0 }));
+        n((d) => ({ ...d, isLoading: !0 }));
         try {
-          const u = await bt(e.spaceId, d);
+          const d = await bt(e.spaceId, u);
           n({
             isAuthenticated: !0,
             isLoading: !1,
-            user: ue(u),
+            user: se(d),
             error: null
           });
-        } catch (u) {
-          n((g) => ({
-            ...g,
+        } catch (d) {
+          n((p) => ({
+            ...p,
             isLoading: !1,
-            error: u instanceof Error ? u.message : "Guest login failed"
+            error: d instanceof Error ? d.message : "Guest login failed"
           }));
         }
         return;
       }
       if (f === "passkey") {
-        n((u) => ({ ...u, isLoading: !0, error: null }));
+        n((d) => ({ ...d, isLoading: !0, error: null }));
         try {
-          const u = await $n(d), g = await Jn({ optionsJSON: u }), y = await Vn(d, g);
+          const d = await $n(u), p = await Jn({ optionsJSON: d }), y = await Vn(u, p);
           n({
             isAuthenticated: !0,
             isLoading: !1,
-            user: ue(y),
+            user: se(y),
             error: null
           });
-        } catch (u) {
-          n((g) => ({
-            ...g,
+        } catch (d) {
+          n((p) => ({
+            ...p,
             isLoading: !1,
-            error: u instanceof Error ? u.message : "Passkey login failed"
+            error: d instanceof Error ? d.message : "Passkey login failed"
           }));
         }
         return;
       }
-      const h = Dn(f, e.spaceId, d);
+      const h = Dn(f, e.spaceId, u);
       window.location.href = h;
     },
     [e.authUrl, e.spaceId]
-  ), s = x(() => {
+  ), s = F(() => {
     St(), n({
       isAuthenticated: !1,
       isLoading: !1,
       user: null,
       error: null
     });
-  }, []), i = x(
+  }, []), i = F(
     async (f) => {
-      const d = e.authUrl ?? Oe();
+      const u = e.authUrl ?? Oe();
       n((h) => ({ ...h, isLoading: !0, error: null }));
       try {
-        const h = await Fn(d), u = await qn({ optionsJSON: h }), g = await Bn(d, u, f);
+        const h = await Fn(u), d = await qn({ optionsJSON: h }), p = await Bn(u, d, f);
         n({
           isAuthenticated: !0,
           isLoading: !1,
-          user: ue(g),
+          user: se(p),
           error: null
         });
       } catch (h) {
-        n((u) => ({
-          ...u,
+        n((d) => ({
+          ...d,
           isLoading: !1,
           error: h instanceof Error ? h.message : "Passkey registration failed"
         }));
       }
     },
     [e.authUrl]
-  ), a = x(() => r.user?.token ?? null, [r.user]), c = K(
+  ), a = F(() => r.user?.token ?? null, [r.user]), c = V(
     () => ({
       state: r,
       login: o,
@@ -2836,7 +2836,7 @@ function yo() {
 }
 function So(t) {
   const { config: e, guestUrlParam: r } = t, { state: n, login: o } = Xn(), s = A(!1);
-  return M(() => {
+  return D(() => {
     if (!r || n.isAuthenticated || n.isLoading || s.current || !e.methods.includes("guest"))
       return;
     const i = new URLSearchParams(window.location.search), a = i.get(r);
@@ -2863,9 +2863,9 @@ function bo({
   renderIdle: a,
   renderConnecting: c,
   renderConnectingSlow: f,
-  renderConnected: d,
+  renderConnected: u,
   renderOffline: h,
-  renderError: u
+  renderError: d
 }) {
   switch (t) {
     case "idle":
@@ -2876,7 +2876,7 @@ function bo({
       return f();
     case "connected":
     case "reconnecting":
-      return !r || !n || !o ? null : d({
+      return !r || !n || !o ? null : u({
         stores: n,
         registry: o,
         client: s,
@@ -2886,12 +2886,12 @@ function bo({
     case "offline":
       return h();
     case "offlineError":
-      return u(e ?? s?.lastError?.message ?? null);
+      return d(e ?? s?.lastError?.message ?? null);
     default:
       return null;
   }
 }
-const Ie = ge("useIkonApp");
+const Ie = pe("useIkonApp");
 function Zn() {
   if (typeof window < "u" && window.__IKON_AUTH_CONFIG__)
     return window.__IKON_AUTH_CONFIG__;
@@ -2901,123 +2901,122 @@ function Qn() {
     return window.__IKON_LOCAL_IKON_SERVER_CONFIG__;
 }
 function wo(t) {
-  const { authConfig: e, modules: r, timeouts: n, backgroundAudio: o, webRtc: s } = t, i = e === void 0 ? Zn() ?? null : e, a = Qn(), c = A(null), f = A(null), d = A(null), h = A(!1), u = A(o), g = A(n), y = A(s);
-  u.current = o, g.current = n, y.current = s;
-  const [S, m] = W("idle"), [p, w] = W(null), [T, _] = W(null), [D, G] = W(null), [Z, C] = W(null), [P, U] = W(null), [O, F] = W(null), [Y, Q] = W(!1), B = K(() => {
+  const { authConfig: e, modules: r, timeouts: n, backgroundAudio: o, webRtc: s } = t, i = e === void 0 ? Zn() ?? null : e, a = Qn(), c = A(null), f = A(null), u = A(null), h = A(!1), d = A(o), p = A(n), y = A(s);
+  d.current = o, p.current = n, y.current = s;
+  const [S, m] = H("idle"), [g, w] = H(null), [T, O] = H(null), [P, q] = H(null), [J, k] = H(!1), E = V(() => {
     try {
-      const E = Nt();
-      return (E.sessionId || E.channelKey) && Pt(), E;
+      const I = Nt();
+      return (I.sessionId || I.channelKey) && Pt(), I;
     } catch {
       return { parameters: {} };
     }
-  }, []), H = K(() => i?.enabled ? yt() : null, [i?.enabled]), X = a?.enabled ?? !1, ee = a?.host ?? "localhost", te = a?.port ?? 8443;
-  M(() => {
-    !X && Ke() && i && !i.enabled && i.spaceId && !O && !Y && (Q(!0), bt(i.spaceId, i.authUrl ?? Oe()).then((I) => {
-      F(I.token);
-    }).catch((I) => {
-      Ie.error("Anonymous auth failed:", I), w(I instanceof Error ? I.message : "Anonymous auth failed");
+  }, []), _ = V(() => i?.enabled ? yt() : null, [i?.enabled]), N = a?.enabled ?? !1, M = a?.host ?? "localhost", $ = a?.port ?? 8443;
+  D(() => {
+    !N && Ke() && i && !i.enabled && i.spaceId && !P && !J && (k(!0), bt(i.spaceId, i.authUrl ?? Oe()).then((L) => {
+      q(L.token);
+    }).catch((L) => {
+      Ie.error("Anonymous auth failed:", L), w(L instanceof Error ? L.message : "Anonymous auth failed");
     }).finally(() => {
-      Q(!1);
+      k(!1);
     }));
-  }, [X, i, O, Y]);
-  const l = K(() => {
-    if (X) {
-      const E = H?.token ? jt(H.token) ?? void 0 : void 0;
+  }, [N, i, P, J]);
+  const X = V(() => {
+    if (N) {
+      const I = _?.token ? jt(_.token) ?? void 0 : void 0;
       return {
         local: {
-          host: ee,
-          httpsPort: te,
-          userId: E,
-          token: H?.token ?? void 0,
+          host: M,
+          httpsPort: $,
+          userId: I,
+          token: _?.token ?? void 0,
           spaceId: i?.spaceId,
-          parameters: B.parameters
+          parameters: E.parameters
         }
       };
     }
-    return H?.token && i?.spaceId ? {
+    return _?.token && i?.spaceId ? {
       sessionToken: {
-        token: H.token,
+        token: _.token,
         spaceId: i.spaceId,
         backendType: Ye(),
-        sessionId: B.sessionId,
-        channelKey: B.channelKey,
-        parameters: B.parameters
+        sessionId: E.sessionId,
+        channelKey: E.channelKey,
+        parameters: E.parameters
       }
-    } : O && i?.spaceId ? {
+    } : P && i?.spaceId ? {
       sessionToken: {
-        token: O,
+        token: P,
         spaceId: i.spaceId,
         backendType: Ye(),
-        sessionId: B.sessionId,
-        channelKey: B.channelKey,
-        parameters: B.parameters
+        sessionId: E.sessionId,
+        channelKey: E.channelKey,
+        parameters: E.parameters
       }
     } : Ke() ? null : {
       local: {
-        host: ee,
-        httpsPort: te,
+        host: M,
+        httpsPort: $,
         spaceId: i?.spaceId,
-        parameters: B.parameters
+        parameters: E.parameters
       }
     };
-  }, [X, ee, te, H?.token, i?.spaceId, O, B.sessionId, B.channelKey, B.parameters]);
+  }, [N, M, $, _?.token, i?.spaceId, P, E.sessionId, E.channelKey, E.parameters]);
   Wr(T);
-  const b = qr(T);
-  M(() => {
+  const ae = qr(T);
+  D(() => {
     if (!h.current) {
-      if (h.current = !0, d.current = xr(), r)
-        for (const E of r)
-          E(d.current);
-      d.current.loadRegisteredModules().catch((E) => {
-        Ie.error("Failed to load UI modules", E);
+      if (h.current = !0, u.current = xr(), r)
+        for (const I of r)
+          I(u.current);
+      u.current.loadRegisteredModules().catch((I) => {
+        Ie.error("Failed to load UI modules", I);
       });
     }
-  }, []), M(() => {
-    if (!l) return;
-    const E = new Lt({
-      ...l,
-      timeouts: g.current,
-      audio: u.current ? { background: { allowOnDesktop: !0, allowOnMobile: !0 } } : void 0,
+  }, []), D(() => {
+    if (!X) return;
+    const I = new Mt({
+      ...X,
+      timeouts: p.current,
+      audio: d.current ? { background: { allowOnDesktop: !0, allowOnMobile: !0 } } : void 0,
       mediaSession: { title: document.title || void 0, artist: document.title || void 0 },
       webRtc: y.current ? { enabled: !0 } : void 0,
-      onConnectionStateChange: (V) => {
-        m(V), y.current && V === "connected" && (G(E.webRtcAudioStream), C(E.webRtcVideoStream), U(E.webRtcScreenStream));
+      onConnectionStateChange: (l) => {
+        m(l);
       },
-      onError: (V) => {
-        w(V.message);
+      onError: (l) => {
+        w(l.message);
       }
     });
-    c.current = E;
-    const I = new Zt({ client: E });
-    return f.current = I, _(I), E.connect().catch((V) => {
-      Ie.error("Connection failed:", V);
+    c.current = I;
+    const L = new Zt({ client: I });
+    return f.current = L, O(L), I.connect().catch((l) => {
+      Ie.error("Connection failed:", l);
     }), () => {
-      E.disconnect(), c.current = null, I.dispose(), f.current = null, G(null), C(null), U(null);
+      I.disconnect(), c.current = null, L.dispose(), f.current = null;
     };
-  }, [l]);
-  const k = x((E, I) => {
-    const V = typeof I == "string" ? I : JSON.stringify(I ?? {});
-    c.current?.sendActionCall(E, V);
-  }, []), N = S === "connected" || S === "reconnecting";
+  }, [X]);
+  const ce = F((I, L) => {
+    const l = typeof L == "string" ? L : JSON.stringify(L ?? {});
+    c.current?.sendActionCall(I, l);
+  }, []), ue = S === "connected" || S === "reconnecting";
   return {
     connectionState: S,
-    error: p,
-    stores: b,
+    error: g,
+    stores: ae,
     client: c.current,
-    registry: d.current,
+    registry: u.current,
     clientRef: c,
     uiRef: f,
-    registryRef: d,
-    onAction: k,
-    isReady: N,
-    webRtcAudioStream: D,
-    webRtcVideoStream: Z,
-    webRtcScreenStream: P
+    registryRef: u,
+    onAction: ce,
+    isReady: ue,
+    webRtcVideoStreams: c.current?.webRtcVideoStreams ?? /* @__PURE__ */ new Map(),
+    webRtcTrackMap: c.current?.webRtcTrackMap ?? /* @__PURE__ */ new Map()
   };
 }
 function vo(t) {
   const e = A(!1);
-  return x(() => {
+  return F(() => {
     if (e.current) return;
     e.current = !0;
     const r = document.createElement("link");
@@ -3026,26 +3025,26 @@ function vo(t) {
 }
 let eo = 0;
 function Ro(t = 5, e = 5e3) {
-  const [r, n] = W([]), o = A(/* @__PURE__ */ new Map()), s = x((i) => {
+  const [r, n] = H([]), o = A(/* @__PURE__ */ new Map()), s = F((i) => {
     const a = o.current.get(i);
     a && (clearTimeout(a), o.current.delete(i)), n((c) => c.filter((f) => f.id !== i));
   }, []);
-  return M(() => {
-    const i = o.current, a = Mt(
+  return D(() => {
+    const i = o.current, a = Lt(
       (c) => {
         if (!Ut())
           return;
-        const f = `toast-${++eo}`, d = c.level === We.ERROR ? "error" : "warn", h = {
+        const f = `toast-${++eo}`, u = c.level === We.ERROR ? "error" : "warn", h = {
           id: f,
-          level: d,
+          level: u,
           message: c.message,
           component: c.component
         };
-        n((g) => [...g, h].slice(-t));
-        const u = setTimeout(() => {
+        n((p) => [...p, h].slice(-t));
+        const d = setTimeout(() => {
           s(f);
         }, e);
-        i.set(f, u);
+        i.set(f, d);
       },
       { minLevel: We.WARN }
     );
@@ -3077,11 +3076,11 @@ function Eo({
   defaultLanguage: r,
   detectLanguage: n = !1
 }) {
-  const o = Object.keys(e), s = no(o, n, r), i = e[s] ?? e.en, a = K(
+  const o = Object.keys(e), s = no(o, n, r), i = e[s] ?? e.en, a = V(
     () => ({
       t: (c, f) => {
-        const d = i[c];
-        return to(d, f);
+        const u = i[c];
+        return to(u, f);
       },
       locale: s,
       translations: i
@@ -3127,7 +3126,7 @@ export {
   yt as loadAuthSession,
   ar as loadBaseModule,
   br as loadMediaModule,
-  Lr as loadShadertoyModule,
+  Mr as loadShadertoyModule,
   dn as normalizeIkonUiModuleList,
   ho as parseIkonUiInitPayload,
   Un as parseOAuthCallback,
@@ -3136,12 +3135,12 @@ export {
   fo as readIkonUiModulesFromSources,
   cr as registerBaseModule,
   wr as registerMediaModule,
-  Mr as registerShadertoyModule,
+  Lr as registerShadertoyModule,
   qt as renderChildren,
   mo as renderMotionLetters,
-  Se as saveAuthSession,
+  ye as saveAuthSession,
   po as sendMagicLink,
-  ue as sessionToUser,
+  se as sessionToUser,
   Xn as useAuth,
   So as useAuthGuard,
   yo as useAuthOptional,
@@ -3151,6 +3150,6 @@ export {
   qr as useIkonUiStores,
   vo as useLazyFont,
   Ro as useToasts,
-  J as useUiNode,
+  z as useUiNode,
   co as useUiStore
 };