@ikonai/sdk-react-ui 1.0.5 → 1.0.7

package/index.js

@@ -1,7 +1,7 @@
 import { IkonUiCore as kt, UiStreamStore as Tt } from "@ikonai/sdk-ui";
 import { UiStreamStore as ho } from "@ikonai/sdk-ui";
-import Ct, { useSyncExternalStore as De, useMemo as z, memo as q, useRef as w, useCallback as B, Fragment as It, useEffect as F, useState as ee, createContext as lt, use as Fe } from "react";
-import { createLogger as be, getOrCreateDeviceId as pe, deriveAuthUrl as _e, parseUrlParams as Ot, isCloudEnvironment as Ye, extractUserIdFromToken as Nt, deriveBackendType as We, IkonClient as _t } from "@ikonai/sdk";
+import Ct, { useSyncExternalStore as De, useMemo as Y, memo as q, useRef as w, useCallback as $, Fragment as It, useEffect as F, useState as ee, createContext as lt, use as Fe } from "react";
+import { createLogger as be, getOrCreateDeviceId as pe, deriveAuthUrl as _e, parseUrlParams as Ot, isCloudEnvironment as ze, extractUserIdFromToken as Nt, deriveBackendType as We, IkonClient as _t } from "@ikonai/sdk";
 var me = { exports: {} }, ie = {};
 /**
  * @license React
@@ -53,11 +53,11 @@ function jt() {
         return u.$$typeof === M ? null : u.displayName || u.name || null;
       if (typeof u == "string") return u;
       switch (u) {
-        case b:
+        case S:
           return "Fragment";
-        case p:
+        case g:
           return "Profiler";
-        case m:
+        case h:
           return "StrictMode";
         case V:
           return "Suspense";
@@ -70,21 +70,21 @@ function jt() {
         switch (typeof u.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), u.$$typeof) {
-          case S:
+          case b:
             return "Portal";
           case P:
             return (u.displayName || "Context") + ".Provider";
           case A:
             return (u._context.displayName || "Context") + ".Consumer";
           case j:
-            var g = u.render;
-            return u = u.displayName, u || (u = g.displayName || g.name || "", u = u !== "" ? "ForwardRef(" + u + ")" : "ForwardRef"), u;
+            var y = u.render;
+            return u = u.displayName, u || (u = y.displayName || y.name || "", u = u !== "" ? "ForwardRef(" + u + ")" : "ForwardRef"), u;
           case Z:
-            return g = u.displayName || null, g !== null ? g : t(u.type) || "Memo";
+            return y = u.displayName || null, y !== null ? y : t(u.type) || "Memo";
           case k:
-            g = u._payload, u = u._init;
+            y = u._payload, u = u._init;
             try {
-              return t(u(g));
+              return t(u(y));
             } catch {
             }
         }
@@ -96,27 +96,27 @@ function jt() {
     function r(u) {
       try {
         e(u);
-        var g = !1;
+        var y = !1;
       } catch {
-        g = !0;
+        y = !0;
       }
-      if (g) {
-        g = console;
-        var R = g.error, T = typeof Symbol == "function" && Symbol.toStringTag && u[Symbol.toStringTag] || u.constructor.name || "Object";
+      if (y) {
+        y = console;
+        var R = y.error, T = typeof Symbol == "function" && Symbol.toStringTag && u[Symbol.toStringTag] || u.constructor.name || "Object";
         return R.call(
-          g,
+          y,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           T
         ), e(u);
       }
     }
     function n(u) {
-      if (u === b) return "<>";
+      if (u === S) return "<>";
       if (typeof u == "object" && u !== null && u.$$typeof === k)
         return "<...>";
       try {
-        var g = t(u);
-        return g ? "<" + g + ">" : "<...>";
+        var y = t(u);
+        return y ? "<" + y + ">" : "<...>";
       } catch {
         return "<...>";
       }
@@ -130,16 +130,16 @@ function jt() {
     }
     function i(u) {
       if (L.call(u, "key")) {
-        var g = Object.getOwnPropertyDescriptor(u, "key").get;
-        if (g && g.isReactWarning) return !1;
+        var y = Object.getOwnPropertyDescriptor(u, "key").get;
+        if (y && y.isReactWarning) return !1;
       }
       return u.key !== void 0;
     }
-    function a(u, g) {
+    function a(u, y) {
       function R() {
         ne || (ne = !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)",
-          g
+          y
         ));
       }
       R.isReactWarning = !0, Object.defineProperty(u, "key", {
@@ -153,11 +153,11 @@ function jt() {
         "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."
       )), u = this.props.ref, u !== void 0 ? u : null;
     }
-    function f(u, g, R, T, K, x, Q, se) {
+    function f(u, y, R, T, K, x, Q, se) {
       return R = x.ref, u = {
-        $$typeof: y,
+        $$typeof: p,
         type: u,
-        key: g,
+        key: y,
         props: x,
         _owner: K
       }, (R !== void 0 ? R : null) !== null ? Object.defineProperty(u, "ref", {
@@ -185,22 +185,22 @@ function jt() {
         value: se
       }), Object.freeze && (Object.freeze(u.props), Object.freeze(u)), u;
     }
-    function l(u, g, R, T, K, x, Q, se) {
-      var O = g.children;
+    function l(u, y, R, T, K, x, Q, se) {
+      var O = y.children;
       if (O !== void 0)
         if (T)
-          if (Y(O)) {
+          if (z(O)) {
             for (T = 0; T < O.length; T++)
-              h(O[T]);
+              m(O[T]);
             Object.freeze && Object.freeze(O);
           } 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(O);
-      if (L.call(g, "key")) {
+        else m(O);
+      if (L.call(y, "key")) {
         O = t(u);
-        var H = Object.keys(g).filter(function(U) {
+        var H = Object.keys(y).filter(function(U) {
           return U !== "key";
         });
         T = 0 < H.length ? "{key: someKey, " + H.join(": ..., ") + ": ...}" : "{key: someKey}", oe[O + T] || (H = 0 < H.length ? "{" + H.join(": ..., ") + ": ...}" : "{}", console.error(
@@ -216,11 +216,11 @@ React keys must be passed directly to JSX without using spread:
           O
         ), oe[O + T] = !0);
       }
-      if (O = null, R !== void 0 && (r(R), O = "" + R), i(g) && (r(g.key), O = "" + g.key), "key" in g) {
+      if (O = null, R !== void 0 && (r(R), O = "" + R), i(y) && (r(y.key), O = "" + y.key), "key" in y) {
         R = {};
-        for (var N in g)
-          N !== "key" && (R[N] = g[N]);
-      } else R = g;
+        for (var N in y)
+          N !== "key" && (R[N] = y[N]);
+      } else R = y;
       return O && a(
         R,
         typeof u == "function" ? u.displayName || u.name || "Unknown" : u
@@ -235,10 +235,10 @@ React keys must be passed directly to JSX without using spread:
         se
       );
     }
-    function h(u) {
-      typeof u == "object" && u !== null && u.$$typeof === y && u._store && (u._store.validated = 1);
+    function m(u) {
+      typeof u == "object" && u !== null && u.$$typeof === p && u._store && (u._store.validated = 1);
     }
-    var d = Ct, y = Symbol.for("react.transitional.element"), S = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), m = Symbol.for("react.strict_mode"), p = Symbol.for("react.profiler"), A = Symbol.for("react.consumer"), P = Symbol.for("react.context"), j = Symbol.for("react.forward_ref"), V = Symbol.for("react.suspense"), J = Symbol.for("react.suspense_list"), Z = Symbol.for("react.memo"), k = Symbol.for("react.lazy"), C = Symbol.for("react.activity"), M = Symbol.for("react.client.reference"), I = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, L = Object.prototype.hasOwnProperty, Y = Array.isArray, te = console.createTask ? console.createTask : function() {
+    var d = Ct, p = Symbol.for("react.transitional.element"), b = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), h = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), A = Symbol.for("react.consumer"), P = Symbol.for("react.context"), j = Symbol.for("react.forward_ref"), V = Symbol.for("react.suspense"), J = Symbol.for("react.suspense_list"), Z = Symbol.for("react.memo"), k = Symbol.for("react.lazy"), C = Symbol.for("react.activity"), M = Symbol.for("react.client.reference"), I = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, L = Object.prototype.hasOwnProperty, z = Array.isArray, te = console.createTask ? console.createTask : function() {
       return null;
     };
     d = {
@@ -250,11 +250,11 @@ React keys must be passed directly to JSX without using spread:
       d,
       s
     )(), he = te(n(s)), oe = {};
-    ae.Fragment = b, ae.jsx = function(u, g, R, T, K) {
+    ae.Fragment = S, ae.jsx = function(u, y, R, T, K) {
       var x = 1e4 > I.recentlyCreatedOwnerStacks++;
       return l(
         u,
-        g,
+        y,
         R,
         !1,
         T,
@@ -262,11 +262,11 @@ React keys must be passed directly to JSX without using spread:
         x ? Error("react-stack-top-frame") : G,
         x ? te(n(u)) : he
       );
-    }, ae.jsxs = function(u, g, R, T, K) {
+    }, ae.jsxs = function(u, y, R, T, K) {
       var x = 1e4 > I.recentlyCreatedOwnerStacks++;
       return l(
         u,
-        g,
+        y,
         R,
         !0,
         T,
@@ -294,7 +294,7 @@ function Ut(t, e) {
       return `${o ?? ""}:${s?.id ?? ""}`;
     }
   );
-  return z(() => {
+  return Y(() => {
     const [n, o] = r.split(":");
     return {
       rootViewId: n || void 0,
@@ -308,7 +308,7 @@ function X(t, e) {
     () => t.getNodeVersion(e),
     () => t.getNodeVersion(e)
   );
-  return z(() => t.getNode(e), [t, e, r]);
+  return Y(() => t.getNode(e), [t, e, r]);
 }
 const Lt = be("UIRenderer");
 function xt(t) {
@@ -330,10 +330,10 @@ function Ft(t) {
   const e = t.children;
   return Array.isArray(e) ? e : [];
 }
-function $t(t, e) {
+function Bt(t, e) {
   return t.nodeId === e.nodeId && t.context === e.context;
 }
-function Bt(t) {
+function $t(t) {
   if (t.length === 0) return "";
   if (t.length === 1) return t[0].id;
   let e = t[0].id;
@@ -342,8 +342,8 @@ function Bt(t) {
   return e;
 }
 const Pe = q(function t({ nodeId: e, context: r }) {
-  const n = X(r.store, e), o = n ? Ft(n) : [], s = Bt(o), i = z(
-    () => o.length === 0 ? null : o.map((h) => /* @__PURE__ */ E.jsx(t, { nodeId: h.id, context: r }, h.id)),
+  const n = X(r.store, e), o = n ? Ft(n) : [], s = $t(o), i = Y(
+    () => o.length === 0 ? null : o.map((m) => /* @__PURE__ */ E.jsx(t, { nodeId: m.id, context: r }, m.id)),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [s, r]
   );
@@ -356,51 +356,51 @@ const Pe = q(function t({ nodeId: e, context: r }) {
     return Lt.warn(`No renderer for node type ${n.type}`), null;
   const c = Dt(n), f = c.length > 0 ? c.join(" ") : void 0, l = a;
   return /* @__PURE__ */ E.jsx(l, { nodeId: e, context: r, className: f });
-}, $t);
+}, Bt);
 function Vt(t, e) {
   return !Array.isArray(t) || t.length === 0 ? null : t.map((r) => /* @__PURE__ */ E.jsx(Pe, { nodeId: r.id, context: e }, r.id));
 }
 function Kt(t, e) {
   return t.store === e.store && t.library === e.library && t.viewId === e.viewId && t.emptyFallback === e.emptyFallback;
 }
-const zt = q(function({ store: e, library: r, viewId: n, emptyFallback: o = null, onAction: s, client: i, video: a }) {
+const Yt = q(function({ store: e, library: r, viewId: n, emptyFallback: o = null, onAction: s, client: i, video: a }) {
   const { rootViewId: c, rootNodeId: f } = Ut(e, n), l = w(s);
   l.current = s;
-  const h = w(i);
-  h.current = i;
+  const m = w(i);
+  m.current = i;
   const d = w(a);
   d.current = a;
-  const y = B((b, m) => {
-    if (!b)
+  const p = $((S, h) => {
+    if (!S)
       return;
-    const p = xt(m);
-    l.current?.(b, p);
-  }, []), S = z(() => {
-    const b = {
+    const g = xt(h);
+    l.current?.(S, g);
+  }, []), b = Y(() => {
+    const S = {
       store: e,
       library: r,
       handlerCache: e.handlerCache,
       // Access payloads from store at call time, not captured snapshot
-      getPayload: (m) => e.getSnapshot().payloads.get(m),
-      renderChildren: (m) => Vt(m, b),
-      renderView: (m) => {
-        const p = e.getSnapshot().views.get(m);
-        return p ? /* @__PURE__ */ E.jsx(Pe, { nodeId: p.id, context: b }) : null;
+      getPayload: (h) => e.getSnapshot().payloads.get(h),
+      renderChildren: (h) => Vt(h, S),
+      renderView: (h) => {
+        const g = e.getSnapshot().views.get(h);
+        return g ? /* @__PURE__ */ E.jsx(Pe, { nodeId: g.id, context: S }) : null;
       },
-      dispatchAction: y,
+      dispatchAction: p,
       // Access client/video via refs to avoid context recreation
       get client() {
-        return h.current;
+        return m.current;
       },
       get video() {
         return d.current;
       }
     };
-    return b;
-  }, [e, r, y]);
-  return !c || !f ? o : /* @__PURE__ */ E.jsx("div", { "data-ikon-view-id": c, style: { display: "contents" }, children: /* @__PURE__ */ E.jsx(Pe, { nodeId: f, context: S }) });
+    return S;
+  }, [e, r, p]);
+  return !c || !f ? o : /* @__PURE__ */ E.jsx("div", { "data-ikon-view-id": c, style: { display: "contents" }, children: /* @__PURE__ */ E.jsx(Pe, { nodeId: f, context: b }) });
 }, Kt);
-class Yt {
+class zt {
   constructor(e, r) {
     if (this.fallback = r, e)
       for (const [n, o] of e)
@@ -419,7 +419,7 @@ class Yt {
 }
 function Jn(t, e) {
   const r = Object.entries(t);
-  return new Yt(r, e);
+  return new zt(r, e);
 }
 function Gn(t) {
   return De(
@@ -433,23 +433,23 @@ function Wt(t, e) {
   return t === e;
 }
 const Hn = q(function({ stores: e, registry: r, category: n = je, onAction: o, client: s }) {
-  const i = z(() => Array.from(e.keys()).sort().join(","), [e]), a = w(o);
+  const i = Y(() => Array.from(e.keys()).sort().join(","), [e]), a = w(o);
   a.current = o;
   const c = w(s);
   c.current = s;
-  const f = z(
+  const f = Y(
     () => {
       const l = [];
-      for (const [h, d] of e) {
-        const y = d.store.getSnapshot();
-        Wt(d.category, n) && (!y.rootViewId || !y.views.has(y.rootViewId) || l.push({ key: h, store: d.store }));
+      for (const [m, d] of e) {
+        const p = d.store.getSnapshot();
+        Wt(d.category, n) && (!p.rootViewId || !p.views.has(p.rootViewId) || l.push({ key: m, store: d.store }));
       }
       return l;
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [e, n, i]
   );
-  return f.length === 0 ? null : /* @__PURE__ */ E.jsx(E.Fragment, { children: f.map(({ key: l, store: h }) => /* @__PURE__ */ E.jsx(zt, { store: h, library: r, onAction: a.current, client: c.current, video: c.current?.media?.video }, l)) });
+  return f.length === 0 ? null : /* @__PURE__ */ E.jsx(E.Fragment, { children: f.map(({ key: l, store: m }) => /* @__PURE__ */ E.jsx(Yt, { store: m, library: r, onAction: a.current, client: c.current, video: c.current?.media?.video }, l)) });
 });
 class qt {
   core;
@@ -536,7 +536,7 @@ function we(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function $e(...t) {
+function Be(...t) {
   let e = "";
   for (const r of t)
     if (r) {
@@ -546,7 +546,7 @@ function $e(...t) {
   return e || void 0;
 }
 const He = /* @__PURE__ */ new WeakMap(), Jt = {};
-function Be(t) {
+function $e(t) {
   if (!t)
     return Jt;
   const e = He.get(t);
@@ -566,16 +566,32 @@ function Gt() {
       const l = s.current;
       if (!l || i && l.closest("[data-ikon-view-id]")?.getAttribute("data-ikon-view-id") !== i)
         return;
-      const h = c !== !0;
-      if (h && typeof l.scrollIntoView == "function")
-        try {
-          l.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
-        } catch {
-          l.scrollIntoView();
-        }
+      const m = c !== !0;
+      if (m) {
+        const p = ((b) => {
+          let S = b.parentElement;
+          for (; S; ) {
+            const g = window.getComputedStyle(S).overflowY;
+            if (g === "auto" || g === "scroll" || S.hasAttribute("data-radix-scroll-area-viewport"))
+              return S;
+            S = S.parentElement;
+          }
+          return null;
+        })(l);
+        p ? requestAnimationFrame(() => {
+          const b = p.getBoundingClientRect(), S = l.getBoundingClientRect(), h = p.scrollTop + (S.bottom - b.bottom) + 16;
+          "scrollBehavior" in document.documentElement.style ? p.scrollTo({ top: h, behavior: "smooth" }) : p.scrollTop = h;
+        }) : typeof l.scrollIntoView == "function" && requestAnimationFrame(() => {
+          try {
+            l.scrollIntoView({ behavior: "smooth", block: "end", inline: "nearest" });
+          } catch {
+            l.scrollIntoView(!1);
+          }
+        });
+      }
       if (typeof l.focus == "function")
         try {
-          l.focus({ preventScroll: !h });
+          l.focus({ preventScroll: !m });
         } catch {
           l.focus();
         }
@@ -601,7 +617,7 @@ function Ht() {
     const s = X(n.store, r);
     if (!s)
       return null;
-    const i = Be(s.props), a = $e(we(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
+    const i = $e(s.props), a = Be(we(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
     return /* @__PURE__ */ E.jsx("div", { ...i, "data-ikon-node-id": s.id, className: a, children: c });
   });
   return ({ type: e }) => {
@@ -614,7 +630,7 @@ function Xt() {
     const s = X(n.store, r);
     if (!s)
       return null;
-    const i = Be(s.props), a = $e("relative", we(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
+    const i = $e(s.props), a = Be("relative", we(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
     return /* @__PURE__ */ E.jsx("div", { ...i, "data-ikon-node-id": s.id, className: a, children: c });
   });
   return ({ type: e }) => {
@@ -627,7 +643,7 @@ function Zt() {
     const s = X(n.store, r);
     if (!s)
       return null;
-    const i = Be(s.props), a = $e("absolute", we(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
+    const i = $e(s.props), a = Be("absolute", we(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
     return /* @__PURE__ */ E.jsx("div", { ...i, "data-ikon-node-id": s.id, className: a, children: c });
   });
   return ({ type: e }) => {
@@ -681,7 +697,7 @@ function Me(t) {
 const nr = "std.video-canvas", or = "std.video-url-player";
 function sr() {
   const t = q(function({ nodeId: r, context: n, className: o }) {
-    const s = X(n.store, r), i = w(null), a = n.video, c = s ? Me(s.props?.streamId) : void 0, f = s ? ge(s.props?.width) : void 0, l = s ? ge(s.props?.height) : void 0, h = s ? ft(dt(s.props?.className), o) : o;
+    const s = X(n.store, r), i = w(null), a = n.video, c = s ? Me(s.props?.streamId) : void 0, f = s ? ge(s.props?.width) : void 0, l = s ? ge(s.props?.height) : void 0, m = s ? ft(dt(s.props?.className), o) : o;
     return F(() => {
       const d = i.current;
       if (!(!a || !d || !c))
@@ -694,7 +710,7 @@ function sr() {
         ref: i,
         "data-ikon-node-id": s.id,
         "data-ikon-video-stream-id": c,
-        className: h,
+        className: m,
         ...f ? { width: f } : {},
         ...l ? { height: l } : {}
       },
@@ -727,7 +743,7 @@ function ar() {
     const s = X(n.store, r);
     if (!s)
       return null;
-    const i = ft(dt(s.props?.className), o), a = Me(s.props?.src), c = Me(s.props?.poster), f = ce(s.props?.controls), l = ce(s.props?.autoplay), h = ce(s.props?.loop), d = ce(s.props?.muted), y = ce(s.props?.playsInline), S = ge(s.props?.width), b = ge(s.props?.height), m = s.children?.length ? n.renderChildren(s.children) : void 0;
+    const i = ft(dt(s.props?.className), o), a = Me(s.props?.src), c = Me(s.props?.poster), f = ce(s.props?.controls), l = ce(s.props?.autoplay), m = ce(s.props?.loop), d = ce(s.props?.muted), p = ce(s.props?.playsInline), b = ge(s.props?.width), S = ge(s.props?.height), h = s.children?.length ? n.renderChildren(s.children) : void 0;
     return /* @__PURE__ */ E.jsx(
       "video",
       {
@@ -735,14 +751,14 @@ function ar() {
         poster: c,
         ...f !== void 0 ? { controls: f } : {},
         ...l !== void 0 ? { autoPlay: l } : {},
-        ...h !== void 0 ? { loop: h } : {},
+        ...m !== void 0 ? { loop: m } : {},
         ...d !== void 0 ? { muted: d } : {},
-        ...y !== void 0 ? { playsInline: y } : {},
-        ...S ? { width: S } : {},
-        ...b ? { height: b } : {},
+        ...p !== void 0 ? { playsInline: p } : {},
+        ...b ? { width: b } : {},
+        ...S ? { height: S } : {},
         "data-ikon-node-id": s.id,
         className: i,
-        children: m
+        children: h
       }
     );
   });
@@ -901,42 +917,42 @@ class mr {
     f && e.uniform1f(f, i);
     const l = this.uniformLocations.get("iTimeDelta");
     l && e.uniform1f(l, a);
-    const h = this.uniformLocations.get("iFrame");
-    h && e.uniform1i(h, this.frameCount);
+    const m = this.uniformLocations.get("iFrame");
+    m && e.uniform1i(m, this.frameCount);
     const d = this.uniformLocations.get("iMouse");
     d && e.uniform4f(d, this.mouseX, this.mouseY, this.mouseClickX, this.mouseClickY);
-    const y = this.uniformLocations.get("iDate");
-    if (y) {
-      const S = /* @__PURE__ */ new Date();
-      e.uniform4f(y, S.getFullYear(), S.getMonth(), S.getDate(), S.getHours() * 3600 + S.getMinutes() * 60 + S.getSeconds() + S.getMilliseconds() / 1e3);
+    const p = this.uniformLocations.get("iDate");
+    if (p) {
+      const b = /* @__PURE__ */ new Date();
+      e.uniform4f(p, b.getFullYear(), b.getMonth(), b.getDate(), b.getHours() * 3600 + b.getMinutes() * 60 + b.getSeconds() + b.getMilliseconds() / 1e3);
     }
-    for (const [S, b] of Object.entries(this.customUniforms)) {
-      const m = this.uniformLocations.get(S);
-      if (m)
-        switch (b.type) {
+    for (const [b, S] of Object.entries(this.customUniforms)) {
+      const h = this.uniformLocations.get(b);
+      if (h)
+        switch (S.type) {
           case "float":
-            e.uniform1f(m, b.value);
+            e.uniform1f(h, S.value);
             break;
           case "vec2": {
-            const p = b.value;
-            e.uniform2f(m, p[0], p[1]);
+            const g = S.value;
+            e.uniform2f(h, g[0], g[1]);
             break;
           }
           case "vec3": {
-            const p = b.value;
-            e.uniform3f(m, p[0], p[1], p[2]);
+            const g = S.value;
+            e.uniform3f(h, g[0], g[1], g[2]);
             break;
           }
           case "vec4": {
-            const p = b.value;
-            e.uniform4f(m, p[0], p[1], p[2], p[3]);
+            const g = S.value;
+            e.uniform4f(h, g[0], g[1], g[2], g[3]);
             break;
           }
           case "int":
-            e.uniform1i(m, b.value);
+            e.uniform1i(h, S.value);
             break;
           case "bool":
-            e.uniform1i(m, b.value ? 1 : 0);
+            e.uniform1i(h, S.value ? 1 : 0);
             break;
         }
     }
@@ -1026,13 +1042,13 @@ function wr(t, e) {
 const vr = "std.shader-canvas";
 function Rr() {
   const t = q(function({ nodeId: r, context: n, className: o }) {
-    const s = X(n.store, r), i = w(null), a = w(null), c = w(null), f = w(0), l = w(""), h = w({}), d = w({
+    const s = X(n.store, r), i = w(null), a = w(null), c = w(null), f = w(0), l = w(""), m = w({}), d = w({
       x: 0,
       y: 0,
       clickX: 0,
       clickY: 0,
       isDown: !1
-    }), y = s ? yr(s.props?.shaderSource) : "", S = s ? Ee(s.props?.fps) ?? 60 : 60, b = s?.props?.uniforms, m = z(() => br(b), [b]), p = s ? Sr(s.props?.enableMouse) ?? !0 : !0, A = s ? Ee(s.props?.width) : void 0, P = s ? Ee(s.props?.height) : void 0, j = s ? gr(pr(s.props?.className), o) : o;
+    }), p = s ? yr(s.props?.shaderSource) : "", b = s ? Ee(s.props?.fps) ?? 60 : 60, S = s?.props?.uniforms, h = Y(() => br(S), [S]), g = s ? Sr(s.props?.enableMouse) ?? !0 : !0, A = s ? Ee(s.props?.width) : void 0, P = s ? Ee(s.props?.height) : void 0, j = s ? gr(pr(s.props?.className), o) : o;
     F(() => {
       const k = i.current;
       if (k) {
@@ -1048,48 +1064,48 @@ function Rr() {
       }
     }, []), F(() => {
       const k = a.current;
-      if (!(!k || !y) && l.current !== y)
-        if (k.compile(y, m))
-          l.current = y, h.current = m;
+      if (!(!k || !p) && l.current !== p)
+        if (k.compile(p, h))
+          l.current = p, m.current = h;
         else {
           const M = k.getError();
           console.error("[ShaderRenderer] Shader compilation failed:", M);
         }
-    }, [y, m]), F(() => {
+    }, [p, h]), F(() => {
       const k = a.current;
-      !k || !l.current || wr(h.current, m) || (k.setCustomUniforms(m), h.current = m);
-    }, [m]), F(() => {
+      !k || !l.current || wr(m.current, h) || (k.setCustomUniforms(h), m.current = h);
+    }, [h]), F(() => {
       const k = a.current;
       if (!k || !l.current) return;
-      const C = 1e3 / S, M = (I) => {
+      const C = 1e3 / b, M = (I) => {
         const L = I - f.current;
         L >= C && (f.current = I - L % C, k.draw()), c.current = requestAnimationFrame(M);
       };
       return c.current = requestAnimationFrame(M), () => {
         c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       };
-    }, [S]);
-    const V = B(
+    }, [b]);
+    const V = $(
       (k) => {
-        if (!p) return;
+        if (!g) return;
         const C = i.current, M = a.current;
         if (!C || !M) return;
-        const I = C.getBoundingClientRect(), L = k.clientX - I.left, Y = I.height - (k.clientY - I.top);
-        d.current.x = L, d.current.y = Y, M.setMouse(L, Y, d.current.clickX, d.current.clickY);
+        const I = C.getBoundingClientRect(), L = k.clientX - I.left, z = I.height - (k.clientY - I.top);
+        d.current.x = L, d.current.y = z, M.setMouse(L, z, d.current.clickX, d.current.clickY);
       },
-      [p]
-    ), J = B(
+      [g]
+    ), J = $(
       (k) => {
-        if (!p) return;
+        if (!g) return;
         const C = i.current, M = a.current;
         if (!C || !M) return;
-        const I = C.getBoundingClientRect(), L = k.clientX - I.left, Y = I.height - (k.clientY - I.top);
-        d.current.isDown = !0, d.current.clickX = L, d.current.clickY = Y, M.setMouse(L, Y, L, Y);
+        const I = C.getBoundingClientRect(), L = k.clientX - I.left, z = I.height - (k.clientY - I.top);
+        d.current.isDown = !0, d.current.clickX = L, d.current.clickY = z, M.setMouse(L, z, L, z);
       },
-      [p]
-    ), Z = B(() => {
-      p && (d.current.isDown = !1, d.current.clickX = -Math.abs(d.current.clickX));
-    }, [p]);
+      [g]
+    ), Z = $(() => {
+      g && (d.current.isDown = !1, d.current.clickX = -Math.abs(d.current.clickX));
+    }, [g]);
     return s ? /* @__PURE__ */ E.jsx(
       "canvas",
       {
@@ -1228,41 +1244,41 @@ function et(t) {
 }
 function tt(t, e, r, n) {
   const l = new Float32Array(11);
-  function h(m, p, A) {
-    return ((3 * p - 3 * A + 1) * m + (3 * A - 6 * p)) * m * m + 3 * p * m;
+  function m(h, g, A) {
+    return ((3 * g - 3 * A + 1) * h + (3 * A - 6 * g)) * h * h + 3 * g * h;
   }
-  function d(m, p, A) {
-    return 3 * (3 * p - 3 * A + 1) * m * m + 2 * (3 * A - 6 * p) * m + 3 * p;
+  function d(h, g, A) {
+    return 3 * (3 * g - 3 * A + 1) * h * h + 2 * (3 * A - 6 * g) * h + 3 * g;
   }
-  function y(m, p) {
+  function p(h, g) {
     for (let A = 0; A < 4; A += 1) {
-      const P = d(p, t, r);
+      const P = d(g, t, r);
       if (P === 0)
-        return p;
-      const j = h(p, t, r) - m;
-      p -= j / P;
+        return g;
+      const j = m(g, t, r) - h;
+      g -= j / P;
     }
-    return p;
+    return g;
   }
-  function S(m, p, A) {
+  function b(h, g, A) {
     let P = 0, j = 0, V = 0;
     do
-      j = p + (A - p) / 2, P = h(j, t, r) - m, P > 0 ? A = j : p = j;
+      j = g + (A - g) / 2, P = m(j, t, r) - h, P > 0 ? A = j : g = j;
     while (Math.abs(P) > 1e-7 && ++V < 10);
     return j;
   }
-  function b(m) {
-    let p = 0, A = 1;
+  function S(h) {
+    let g = 0, A = 1;
     const P = 10;
-    for (; A !== P && l[A] <= m; A += 1)
-      p += 0.1;
+    for (; A !== P && l[A] <= h; A += 1)
+      g += 0.1;
     A -= 1;
-    const j = (m - l[A]) / (l[A + 1] - l[A]), V = p + j * 0.1, J = d(V, t, r);
-    return J >= 1e-3 ? y(m, V) : J === 0 ? V : S(m, p, p + 0.1);
+    const j = (h - l[A]) / (l[A + 1] - l[A]), V = g + j * 0.1, J = d(V, t, r);
+    return J >= 1e-3 ? p(h, V) : J === 0 ? V : b(h, g, g + 0.1);
   }
-  for (let m = 0; m < 11; m += 1)
-    l[m] = h(m * 0.1, t, r);
-  return (m) => m <= 0 ? 0 : m >= 1 ? 1 : h(b(m), e, n);
+  for (let h = 0; h < 11; h += 1)
+    l[h] = m(h * 0.1, t, r);
+  return (h) => h <= 0 ? 0 : h >= 1 ? 1 : m(S(h), e, n);
 }
 function _r(t) {
   const e = /steps\(\s*([0-9]+)\s*(?:,\s*([a-z-]+)\s*)?\)/i.exec(t);
@@ -1564,7 +1580,7 @@ class Mr {
 }
 const ke = new Mr();
 function Ur(t) {
-  const e = w(/* @__PURE__ */ new Map()), r = B(({ styleId: s, css: i, common: a }) => {
+  const e = w(/* @__PURE__ */ new Map()), r = $(({ styleId: s, css: i, common: a }) => {
     if (!(!s || typeof document > "u")) {
       if (i) {
         let c = e.current.get(s);
@@ -1572,13 +1588,13 @@ function Ur(t) {
       }
       ke.registerStyle(s, a);
     }
-  }, []), n = B((s) => {
+  }, []), n = $((s) => {
     if (!(typeof document > "u"))
       for (const i of s) {
         const a = e.current.get(i);
         a && (a.remove(), e.current.delete(i)), ke.unregisterStyle(i);
       }
-  }, []), o = B(() => {
+  }, []), o = $(() => {
     if (typeof document < "u") {
       for (const s of e.current.values())
         s.remove();
@@ -1618,9 +1634,9 @@ function xr(t) {
     return o(), t.subscribe(o);
   }, [t]), e;
 }
-var Dr = typeof global == "object" && global && global.Object === Object && global, Fr = typeof self == "object" && self && self.Object === Object && self, $r = Dr || Fr || Function("return this")(), ye = $r.Symbol, ht = Object.prototype, Br = ht.hasOwnProperty, Vr = ht.toString, ue = ye ? ye.toStringTag : void 0;
+var Dr = typeof global == "object" && global && global.Object === Object && global, Fr = typeof self == "object" && self && self.Object === Object && self, Br = Dr || Fr || Function("return this")(), ye = Br.Symbol, ht = Object.prototype, $r = ht.hasOwnProperty, Vr = ht.toString, ue = ye ? ye.toStringTag : void 0;
 function Kr(t) {
-  var e = Br.call(t, ue), r = t[ue];
+  var e = $r.call(t, ue), r = t[ue];
   try {
     t[ue] = void 0;
     var n = !0;
@@ -1629,9 +1645,9 @@ function Kr(t) {
   var o = Vr.call(t);
   return n && (e ? t[ue] = r : delete t[ue]), o;
 }
-var zr = Object.prototype, Yr = zr.toString;
+var Yr = Object.prototype, zr = Yr.toString;
 function Wr(t) {
-  return Yr.call(t);
+  return zr.call(t);
 }
 var qr = "[object Null]", Jr = "[object Undefined]", rt = ye ? ye.toStringTag : void 0;
 function Gr(t) {
@@ -1696,25 +1712,25 @@ function Qn(t) {
   const o = [], s = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set();
   for (const c of n) {
     if (typeof c == "string") {
-      const b = c.trim();
-      if (!b || i.has(b))
+      const S = c.trim();
+      if (!S || i.has(S))
         continue;
-      o.push(b), i.add(b);
+      o.push(S), i.add(S);
       continue;
     }
     if (!Ue(c))
       continue;
-    const f = c, l = Object.keys(f).find((b) => b.toLowerCase() === "name");
+    const f = c, l = Object.keys(f).find((S) => S.toLowerCase() === "name");
     if (!l)
       continue;
-    const h = f[l];
-    if (typeof h != "string")
+    const m = f[l];
+    if (typeof m != "string")
       continue;
-    const d = h.trim();
+    const d = m.trim();
     if (!d)
       continue;
-    const y = Object.keys(f).find((b) => b.toLowerCase() === "javascript"), S = y ? f[y] : void 0;
-    typeof S == "string" && s.set(d, S), i.has(d) || (o.push(d), i.add(d));
+    const p = Object.keys(f).find((S) => S.toLowerCase() === "javascript"), b = p ? f[p] : void 0;
+    typeof b == "string" && s.set(d, b), i.has(d) || (o.push(d), i.add(d));
   }
   if (!o.length && s.size === 0)
     return { modules: [] };
@@ -1797,8 +1813,8 @@ function eo(t, e) {
     return n ? ct(s) : t;
   const a = vn(i), c = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, f = [];
   for (const l of a) {
-    const h = sn(l, r, c);
-    f.push(...h);
+    const m = sn(l, r, c);
+    f.push(...m);
   }
   return f;
 }
@@ -1885,9 +1901,9 @@ function ln(t, e, r) {
       );
       continue;
     }
-    const d = o && mt(a) ? { "data-motion-emoji": !0 } : void 0, y = a === " " ? " " : a;
+    const d = o && mt(a) ? { "data-motion-emoji": !0 } : void 0, p = a === " " ? " " : a;
     s.push(
-      /* @__PURE__ */ E.jsx("span", { "data-motion-letter": !0, style: l, ...d, children: y }, f)
+      /* @__PURE__ */ E.jsx("span", { "data-motion-letter": !0, style: l, ...d, children: p }, f)
     );
   }
   return s;
@@ -2418,35 +2434,35 @@ async function xn(t) {
   let s;
   try {
     s = await navigator.credentials.create(o);
-  } catch (S) {
-    throw Mn({ error: S, options: o });
+  } catch (b) {
+    throw Mn({ error: b, options: o });
   }
   if (!s)
     throw new Error("Registration was not completed");
   const { id: i, rawId: a, response: c, type: f } = s;
   let l;
   typeof c.getTransports == "function" && (l = c.getTransports());
-  let h;
+  let m;
   if (typeof c.getPublicKeyAlgorithm == "function")
     try {
-      h = c.getPublicKeyAlgorithm();
-    } catch (S) {
-      Ie("getPublicKeyAlgorithm()", S);
+      m = c.getPublicKeyAlgorithm();
+    } catch (b) {
+      Ie("getPublicKeyAlgorithm()", b);
     }
   let d;
   if (typeof c.getPublicKey == "function")
     try {
-      const S = c.getPublicKey();
-      S !== null && (d = W(S));
-    } catch (S) {
-      Ie("getPublicKey()", S);
+      const b = c.getPublicKey();
+      b !== null && (d = W(b));
+    } catch (b) {
+      Ie("getPublicKey()", b);
     }
-  let y;
+  let p;
   if (typeof c.getAuthenticatorData == "function")
     try {
-      y = W(c.getAuthenticatorData());
-    } catch (S) {
-      Ie("getAuthenticatorData()", S);
+      p = W(c.getAuthenticatorData());
+    } catch (b) {
+      Ie("getAuthenticatorData()", b);
     }
   return {
     id: i,
@@ -2455,9 +2471,9 @@ async function xn(t) {
       attestationObject: W(c.attestationObject),
       clientDataJSON: W(c.clientDataJSON),
       transports: l,
-      publicKeyAlgorithm: h,
+      publicKeyAlgorithm: m,
       publicKey: d,
-      authenticatorData: y
+      authenticatorData: p
     },
     type: f,
     clientExtensionResults: s.getClientExtensionResults(),
@@ -2518,7 +2534,7 @@ function Fn({ error: t, options: e }) {
   }
   return t;
 }
-async function $n(t) {
+async function Bn(t) {
   !t.optionsJSON && t.challenge && (console.warn("startAuthentication() was not called correctly. It will try to continue with the provided options, but this call should be refactored to use the expected call structure instead. See https://simplewebauthn.dev/docs/packages/browser#typeerror-cannot-read-properties-of-undefined-reading-challenge for more information."), t = { optionsJSON: t });
   const { optionsJSON: e, useBrowserAutofill: r = !1, verifyBrowserAutofillInput: n = !0 } = t;
   if (!Ke())
@@ -2541,12 +2557,12 @@ async function $n(t) {
   let a;
   try {
     a = await navigator.credentials.get(i);
-  } catch (y) {
-    throw Fn({ error: y, options: i });
+  } catch (p) {
+    throw Fn({ error: p, options: i });
   }
   if (!a)
     throw new Error("Authentication was not completed");
-  const { id: c, rawId: f, response: l, type: h } = a;
+  const { id: c, rawId: f, response: l, type: m } = a;
   let d;
   return l.userHandle && (d = W(l.userHandle)), {
     id: c,
@@ -2557,12 +2573,12 @@ async function $n(t) {
       signature: W(l.signature),
       userHandle: d
     },
-    type: h,
+    type: m,
     clientExtensionResults: a.getClientExtensionResults(),
     authenticatorAttachment: Et(a.authenticatorAttachment)
   };
 }
-const ze = lt(null);
+const Ye = lt(null);
 function ro({ children: t, config: e }) {
   const [r, n] = ee({
     isAuthenticated: !1,
@@ -2582,17 +2598,17 @@ function ro({ children: t, config: e }) {
         });
         return;
       }
-      const h = Tn();
-      if (h) {
-        const y = {
-          token: h.token,
-          provider: h.provider,
+      const m = Tn();
+      if (m) {
+        const p = {
+          token: m.token,
+          provider: m.provider,
           authenticatedAt: Date.now()
         };
-        Re(y), ut(), n({
+        Re(p), ut(), n({
           isAuthenticated: !0,
           isLoading: !1,
-          user: de(y),
+          user: de(p),
           error: null
         });
         return;
@@ -2615,7 +2631,7 @@ function ro({ children: t, config: e }) {
       });
     })();
   }, []);
-  const o = B(
+  const o = $(
     async (f) => {
       if (!e.spaceId) {
         n((d) => ({
@@ -2636,8 +2652,8 @@ function ro({ children: t, config: e }) {
             error: null
           });
         } catch (d) {
-          n((y) => ({
-            ...y,
+          n((p) => ({
+            ...p,
             isLoading: !1,
             error: d instanceof Error ? d.message : "Guest login failed"
           }));
@@ -2647,55 +2663,55 @@ function ro({ children: t, config: e }) {
       if (f === "passkey") {
         n((d) => ({ ...d, isLoading: !0, error: null }));
         try {
-          const d = await _n(l), y = await $n({ optionsJSON: d }), S = await Pn(l, y);
+          const d = await _n(l), p = await Bn({ optionsJSON: d }), b = await Pn(l, p);
           n({
             isAuthenticated: !0,
             isLoading: !1,
-            user: de(S),
+            user: de(b),
             error: null
           });
         } catch (d) {
-          n((y) => ({
-            ...y,
+          n((p) => ({
+            ...p,
             isLoading: !1,
             error: d instanceof Error ? d.message : "Passkey login failed"
           }));
         }
         return;
       }
-      const h = In(f, e.spaceId, l);
-      window.location.href = h;
+      const m = In(f, e.spaceId, l);
+      window.location.href = m;
     },
     [e.authUrl, e.spaceId]
-  ), s = B(() => {
+  ), s = $(() => {
     St(), n({
       isAuthenticated: !1,
       isLoading: !1,
       user: null,
       error: null
     });
-  }, []), i = B(
+  }, []), i = $(
     async (f) => {
       const l = e.authUrl ?? _e();
-      n((h) => ({ ...h, isLoading: !0, error: null }));
+      n((m) => ({ ...m, isLoading: !0, error: null }));
       try {
-        const h = await On(l), d = await xn({ optionsJSON: h }), y = await Nn(l, d, f);
+        const m = await On(l), d = await xn({ optionsJSON: m }), p = await Nn(l, d, f);
         n({
           isAuthenticated: !0,
           isLoading: !1,
-          user: de(y),
+          user: de(p),
           error: null
         });
-      } catch (h) {
+      } catch (m) {
         n((d) => ({
           ...d,
           isLoading: !1,
-          error: h instanceof Error ? h.message : "Passkey registration failed"
+          error: m instanceof Error ? m.message : "Passkey registration failed"
         }));
       }
     },
     [e.authUrl]
-  ), a = B(() => r.user?.token ?? null, [r.user]), c = z(
+  ), a = $(() => r.user?.token ?? null, [r.user]), c = Y(
     () => ({
       state: r,
       login: o,
@@ -2705,19 +2721,19 @@ function ro({ children: t, config: e }) {
     }),
     [r, o, s, a, i]
   );
-  return /* @__PURE__ */ E.jsx(ze, { value: c, children: t });
+  return /* @__PURE__ */ E.jsx(Ye, { value: c, children: t });
 }
-function Bn() {
-  const t = Fe(ze);
+function $n() {
+  const t = Fe(Ye);
   if (!t)
     throw new Error("useAuth must be used within an AuthProvider");
   return t;
 }
 function no() {
-  return Fe(ze);
+  return Fe(Ye);
 }
 function oo(t) {
-  const { config: e, guestUrlParam: r } = t, { state: n, login: o } = Bn(), s = w(!1);
+  const { config: e, guestUrlParam: r } = t, { state: n, login: o } = $n(), s = w(!1);
   return F(() => {
     if (!r || n.isAuthenticated || n.isLoading || s.current || !e.methods.includes("guest"))
       return;
@@ -2746,7 +2762,7 @@ function so({
   renderConnecting: c,
   renderConnectingSlow: f,
   renderConnected: l,
-  renderOffline: h,
+  renderOffline: m,
   renderError: d
 }) {
   switch (t) {
@@ -2766,7 +2782,7 @@ function so({
         isReconnecting: t === "reconnecting"
       });
     case "offline":
-      return h();
+      return m();
     case "offlineError":
       return d(e ?? s?.lastError?.message ?? null);
     default:
@@ -2775,17 +2791,17 @@ function so({
 }
 const Ne = be("useIkonApp");
 function io(t) {
-  const { authConfig: e, localServer: r, modules: n, registerModules: o, onJoined: s, onConnectionStateChange: i, onError: a, updateUrlOnJoin: c = !0, timeouts: f, audio: l, video: h, mediaSession: d, debug: y } = t, S = w(null), b = w(null), m = w(null), p = w(!1), A = w(l), P = w(h), j = w(d), V = w(y), J = w(f), Z = w(i), k = w(a), C = w(s), M = w(c);
-  A.current = l, P.current = h, j.current = d, V.current = y, J.current = f, Z.current = i, k.current = a, C.current = s, M.current = c;
-  const [I, L] = ee("idle"), [Y, te] = ee(null), [ne, fe] = ee(null), [G, he] = ee(null), [oe, u] = ee(!1), g = z(() => {
+  const { authConfig: e, localServer: r, modules: n, registerModules: o, onJoined: s, onConnectionStateChange: i, onError: a, updateUrlOnJoin: c = !0, timeouts: f, audio: l, video: m, mediaSession: d, debug: p } = t, b = w(null), S = w(null), h = w(null), g = w(!1), A = w(l), P = w(m), j = w(d), V = w(p), J = w(f), Z = w(i), k = w(a), C = w(s), M = w(c);
+  A.current = l, P.current = m, j.current = d, V.current = p, J.current = f, Z.current = i, k.current = a, C.current = s, M.current = c;
+  const [I, L] = ee("idle"), [z, te] = ee(null), [ne, fe] = ee(null), [G, he] = ee(null), [oe, u] = ee(!1), y = Y(() => {
     try {
       return Ot();
     } catch {
       return { parameters: {} };
     }
-  }, []), R = z(() => e?.enabled ? yt() : null, [e?.enabled]), T = r?.enabled ?? !1, K = r?.host ?? "localhost", x = r?.httpsPort ?? 8443;
+  }, []), R = Y(() => e?.enabled ? yt() : null, [e?.enabled]), T = r?.enabled ?? !1, K = r?.host ?? "localhost", x = r?.httpsPort ?? 8443;
   F(() => {
-    !T && Ye() && e && !e.enabled && e.spaceId && !G && !oe && (u(!0), bt(e.spaceId, e.authUrl ?? _e()).then((U) => {
+    !T && ze() && e && !e.enabled && e.spaceId && !G && !oe && (u(!0), bt(e.spaceId, e.authUrl ?? _e()).then((U) => {
       he(U.token);
     }).catch((U) => {
       Ne.error("Anonymous auth failed:", U), te(U instanceof Error ? U.message : "Anonymous auth failed");
@@ -2793,7 +2809,7 @@ function io(t) {
       u(!1);
     }));
   }, [T, e, G, oe]);
-  const Q = z(() => {
+  const Q = Y(() => {
     if (T) {
       const N = R?.token ? Nt(R.token) ?? pe() : pe();
       return {
@@ -2801,7 +2817,7 @@ function io(t) {
           host: K,
           httpsPort: x,
           userId: N,
-          parameters: g.parameters
+          parameters: y.parameters
         }
       };
     }
@@ -2810,36 +2826,36 @@ function io(t) {
         token: R.token,
         spaceId: e.spaceId,
         backendType: We(),
-        sessionId: g.sessionId,
-        channelKey: g.channelKey,
-        parameters: g.parameters
+        sessionId: y.sessionId,
+        channelKey: y.channelKey,
+        parameters: y.parameters
       }
     } : G && e?.spaceId ? {
       sessionToken: {
         token: G,
         spaceId: e.spaceId,
         backendType: We(),
-        sessionId: g.sessionId,
-        channelKey: g.channelKey,
-        parameters: g.parameters
+        sessionId: y.sessionId,
+        channelKey: y.channelKey,
+        parameters: y.parameters
       }
-    } : Ye() ? null : {
+    } : ze() ? null : {
       local: {
         host: K,
         httpsPort: x,
         userId: pe(),
-        parameters: g.parameters
+        parameters: y.parameters
       }
     };
-  }, [T, K, x, R?.token, e?.spaceId, G, g.sessionId, g.channelKey, g.parameters]);
+  }, [T, K, x, R?.token, e?.spaceId, G, y.sessionId, y.channelKey, y.parameters]);
   Ur(ne);
   const se = xr(ne);
   F(() => {
-    if (!p.current) {
-      if (p.current = !0, m.current = Cr(), n)
+    if (!g.current) {
+      if (g.current = !0, h.current = Cr(), n)
         for (const N of n)
-          N(m.current);
-      o?.(m.current), m.current.loadRegisteredModules().catch((N) => {
+          N(h.current);
+      o?.(h.current), h.current.loadRegisteredModules().catch((N) => {
         Ne.error("Failed to load UI modules", N);
       });
     }
@@ -2852,45 +2868,45 @@ function io(t) {
       audio: A.current,
       video: P.current,
       mediaSession: j.current,
-      onConnectionStateChange: ($) => {
-        L($), Z.current?.($);
+      onConnectionStateChange: (B) => {
+        L(B), Z.current?.(B);
       },
-      onError: ($) => {
-        te($.message), k.current?.($);
+      onError: (B) => {
+        te(B.message), k.current?.(B);
       },
       onJoined: () => {
-        const $ = N.globalState?.SessionId;
-        M.current && $ && window.history.replaceState(null, "", `/s/${$}${window.location.search}`), C.current?.($);
+        const B = N.globalState?.SessionId;
+        M.current && B && window.history.replaceState(null, "", `/s/${B}${window.location.search}`), C.current?.(B);
       }
     });
-    S.current = N;
+    b.current = N;
     const U = new qt({ client: N });
-    return b.current = U, fe(U), N.connect().catch(($) => {
-      Ne.error("Connection failed:", $);
+    return S.current = U, fe(U), N.connect().catch((B) => {
+      Ne.error("Connection failed:", B);
     }), () => {
-      N.disconnect(), S.current = null, U.dispose(), b.current = null;
+      N.disconnect(), b.current = null, U.dispose(), S.current = null;
     };
   }, [Q]);
-  const O = B((N, U) => {
-    const $ = typeof U == "string" ? U : JSON.stringify(U ?? {});
-    S.current?.sendActionCall(N, $);
+  const O = $((N, U) => {
+    const B = typeof U == "string" ? U : JSON.stringify(U ?? {});
+    b.current?.sendActionCall(N, B);
   }, []), H = I === "connected" || I === "reconnecting";
   return {
     connectionState: I,
-    error: Y,
+    error: z,
     stores: se,
-    client: S.current,
-    registry: m.current,
-    clientRef: S,
-    uiRef: b,
-    registryRef: m,
+    client: b.current,
+    registry: h.current,
+    clientRef: b,
+    uiRef: S,
+    registryRef: h,
     onAction: O,
     isReady: H
   };
 }
 function ao(t) {
   const e = w(!1);
-  return B(() => {
+  return $(() => {
     if (e.current) return;
     e.current = !0;
     const r = document.createElement("link");
@@ -2908,7 +2924,7 @@ function Kn(t, e) {
   const o = navigator.language.split("-")[0];
   return t.includes(o) ? o : e && t.includes(e) ? e : "en";
 }
-function zn(t, e, r) {
+function Yn(t, e, r) {
   return e ? Kn(t, r) : r && t.includes(r) ? r : "en";
 }
 function co({
@@ -2917,7 +2933,7 @@ function co({
   defaultLanguage: r,
   detectLanguage: n = !1
 }) {
-  const o = Object.keys(e), s = zn(o, n, r), i = e[s] ?? e.en, a = z(
+  const o = Object.keys(e), s = Yn(o, n, r), i = e[s] ?? e.en, a = Y(
     () => ({
       t: (c, f) => {
         const l = i[c];
@@ -2950,8 +2966,8 @@ export {
   qt as IkonUi,
   Tr as IkonUiRegistry,
   Hn as IkonUiSurface,
-  Yt as UiComponentRegistry,
-  zt as UiRenderer,
+  zt as UiComponentRegistry,
+  Yt as UiRenderer,
   ho as UiStreamStore,
   Xn as areIkonUiModuleListsEqual,
   bt as authenticateAnonymous,
@@ -2982,7 +2998,7 @@ export {
   Re as saveAuthSession,
   to as sendMagicLink,
   de as sessionToUser,
-  Bn as useAuth,
+  $n as useAuth,
   oo as useAuthGuard,
   no as useAuthOptional,
   uo as useI18n,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikonai/sdk-react-ui",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "type": "module",
   "main": "./index.js",
   "types": "./index.d.ts",