@ikonai/sdk-react-ui 1.0.27 → 1.0.28

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 $, memo as V, useRef as T, useCallback as x, Fragment as Ot, useEffect as L, useState as G, 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: {} }, re = {};
+import { IkonUiCore as It, UiStreamStore as Ot } from "@ikonai/sdk-ui";
+import { UiStreamStore as Mo } from "@ikonai/sdk-ui";
+import _t, { useSyncExternalStore as Fe, useMemo as K, memo as W, useRef as v, useCallback as D, Fragment as Nt, useEffect as L, useState as G, createContext as ht, use as Be } from "react";
+import { createLogger as Re, getOrCreateDeviceId as Pt, deriveAuthUrl as Pe, parseUrlParams as Mt, clearSessionParamsFromUrl as jt, isCloudEnvironment as ze, extractUserIdFromToken as Lt, deriveBackendType as qe, IkonClient as Ut, AuthenticationError as xt, subscribeToLogEvents as Dt, isDebugModeEnabled as Ft, LogLevel as Ge, getLangParam as Bt } from "@ikonai/sdk";
+var pe = { exports: {} }, ie = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -12,10 +12,10 @@ var le = { exports: {} }, re = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ze;
-function xt() {
-  if (ze) return re;
-  ze = 1;
+var He;
+function $t() {
+  if (He) return ie;
+  He = 1;
   var t = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
   function r(n, o, s) {
     var i = null;
@@ -32,9 +32,9 @@ function xt() {
       props: s
     };
   }
-  return re.Fragment = e, re.jsx = r, re.jsxs = r, re;
+  return ie.Fragment = e, ie.jsx = r, ie.jsxs = r, ie;
 }
-var ne = {};
+var ae = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -44,26 +44,26 @@ var ne = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var qe;
-function Dt() {
-  return qe || (qe = 1, process.env.NODE_ENV !== "production" && function() {
+var Je;
+function Vt() {
+  return Je || (Je = 1, process.env.NODE_ENV !== "production" && function() {
     function t(d) {
       if (d == null) return null;
       if (typeof d == "function")
         return d.$$typeof === F ? null : d.displayName || d.name || null;
       if (typeof d == "string") return d;
       switch (d) {
-        case S:
+        case b:
           return "Fragment";
-        case p:
+        case g:
           return "Profiler";
-        case m:
+        case p:
           return "StrictMode";
-        case D:
+        case M:
           return "Suspense";
         case z:
           return "SuspenseList";
-        case I:
+        case _:
           return "Activity";
       }
       if (typeof d == "object")
@@ -74,17 +74,17 @@ function Dt() {
             return "Portal";
           case k:
             return (d.displayName || "Context") + ".Provider";
-          case v:
+          case w:
             return (d._context.displayName || "Context") + ".Consumer";
-          case _:
-            var w = d.render;
-            return d = d.displayName, d || (d = w.displayName || w.name || "", d = d !== "" ? "ForwardRef(" + d + ")" : "ForwardRef"), d;
-          case H:
-            return w = d.displayName || null, w !== null ? w : t(d.type) || "Memo";
-          case C:
-            w = d._payload, d = d._init;
+          case O:
+            var S = d.render;
+            return d = d.displayName, d || (d = S.displayName || S.name || "", d = d !== "" ? "ForwardRef(" + d + ")" : "ForwardRef"), d;
+          case Q:
+            return S = d.displayName || null, S !== null ? S : t(d.type) || "Memo";
+          case T:
+            S = d._payload, d = d._init;
             try {
-              return t(d(w));
+              return t(d(S));
             } catch {
             }
         }
@@ -96,33 +96,33 @@ function Dt() {
     function r(d) {
       try {
         e(d);
-        var w = !1;
+        var S = !1;
       } catch {
-        w = !0;
+        S = !0;
       }
-      if (w) {
-        w = console;
-        var b = w.error, R = typeof Symbol == "function" && Symbol.toStringTag && d[Symbol.toStringTag] || d.constructor.name || "Object";
-        return b.call(
-          w,
+      if (S) {
+        S = console;
+        var R = S.error, C = typeof Symbol == "function" && Symbol.toStringTag && d[Symbol.toStringTag] || d.constructor.name || "Object";
+        return R.call(
+          S,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          R
+          C
         ), e(d);
       }
     }
     function n(d) {
-      if (d === S) return "<>";
-      if (typeof d == "object" && d !== null && d.$$typeof === C)
+      if (d === b) return "<>";
+      if (typeof d == "object" && d !== null && d.$$typeof === T)
         return "<...>";
       try {
-        var w = t(d);
-        return w ? "<" + w + ">" : "<...>";
+        var S = t(d);
+        return S ? "<" + S + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function o() {
-      var d = N.A;
+      var d = j.A;
       return d === null ? null : d.getOwner();
     }
     function s() {
@@ -130,37 +130,37 @@ function Dt() {
     }
     function i(d) {
       if (U.call(d, "key")) {
-        var w = Object.getOwnPropertyDescriptor(d, "key").get;
-        if (w && w.isReactWarning) return !1;
+        var S = Object.getOwnPropertyDescriptor(d, "key").get;
+        if (S && S.isReactWarning) return !1;
       }
       return d.key !== void 0;
     }
-    function a(d, w) {
-      function b() {
+    function a(d, S) {
+      function R() {
         J || (J = !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)",
-          w
+          S
         ));
       }
-      b.isReactWarning = !0, Object.defineProperty(d, "key", {
-        get: b,
+      R.isReactWarning = !0, Object.defineProperty(d, "key", {
+        get: R,
         configurable: !0
       });
     }
     function c() {
       var d = t(this.type);
-      return X[d] || (X[d] = !0, console.error(
+      return he[d] || (he[d] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), d = this.props.ref, d !== void 0 ? d : null;
     }
-    function f(d, w, b, R, j, Y, Se, be) {
-      return b = Y.ref, d = {
-        $$typeof: g,
+    function f(d, S, R, C, V, B, ee, se) {
+      return R = B.ref, d = {
+        $$typeof: m,
         type: d,
-        key: w,
-        props: Y,
-        _owner: j
-      }, (b !== void 0 ? b : null) !== null ? Object.defineProperty(d, "ref", {
+        key: S,
+        props: B,
+        _owner: V
+      }, (R !== void 0 ? R : null) !== null ? Object.defineProperty(d, "ref", {
         enumerable: !1,
         get: c
       }) : Object.defineProperty(d, "ref", { enumerable: !1, value: null }), d._store = {}, Object.defineProperty(d._store, "validated", {
@@ -177,68 +177,68 @@ function Dt() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Se
+        value: ee
       }), Object.defineProperty(d, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: be
+        value: se
       }), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
     }
-    function u(d, w, b, R, j, Y, Se, be) {
-      var M = w.children;
-      if (M !== void 0)
-        if (R)
-          if (O(M)) {
-            for (R = 0; R < M.length; R++)
-              h(M[R]);
-            Object.freeze && Object.freeze(M);
+    function u(d, S, R, C, V, B, ee, se) {
+      var N = S.children;
+      if (N !== void 0)
+        if (C)
+          if (Y(N)) {
+            for (C = 0; C < N.length; C++)
+              h(N[C]);
+            Object.freeze && Object.freeze(N);
           } 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(M);
-      if (U.call(w, "key")) {
-        M = t(d);
-        var ee = Object.keys(w).filter(function(Tt) {
-          return Tt !== "key";
+        else h(N);
+      if (U.call(S, "key")) {
+        N = t(d);
+        var X = Object.keys(S).filter(function(x) {
+          return x !== "key";
         });
-        R = 0 < ee.length ? "{key: someKey, " + ee.join(": ..., ") + ": ...}" : "{key: someKey}", ue[M + R] || (ee = 0 < ee.length ? "{" + ee.join(": ..., ") + ": ...}" : "{}", console.error(
+        C = 0 < X.length ? "{key: someKey, " + X.join(": ..., ") + ": ...}" : "{key: someKey}", me[N + C] || (X = 0 < X.length ? "{" + X.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} />`,
-          R,
-          M,
-          ee,
-          M
-        ), ue[M + R] = !0);
+          C,
+          N,
+          X,
+          N
+        ), me[N + C] = !0);
       }
-      if (M = null, b !== void 0 && (r(b), M = "" + b), i(w) && (r(w.key), M = "" + w.key), "key" in w) {
-        b = {};
-        for (var we in w)
-          we !== "key" && (b[we] = w[we]);
-      } else b = w;
-      return M && a(
-        b,
+      if (N = null, R !== void 0 && (r(R), N = "" + R), i(S) && (r(S.key), N = "" + S.key), "key" in S) {
+        R = {};
+        for (var I in S)
+          I !== "key" && (R[I] = S[I]);
+      } else R = S;
+      return N && a(
+        R,
         typeof d == "function" ? d.displayName || d.name || "Unknown" : d
       ), f(
         d,
-        M,
-        Y,
-        j,
+        N,
+        B,
+        V,
         o(),
-        b,
-        Se,
-        be
+        R,
+        ee,
+        se
       );
     }
     function h(d) {
-      typeof d == "object" && d !== null && d.$$typeof === g && d._store && (d._store.validated = 1);
+      typeof d == "object" && d !== null && d.$$typeof === m && d._store && (d._store.validated = 1);
     }
-    var l = 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"), v = Symbol.for("react.consumer"), k = Symbol.for("react.context"), _ = Symbol.for("react.forward_ref"), D = Symbol.for("react.suspense"), z = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), I = Symbol.for("react.activity"), F = Symbol.for("react.client.reference"), N = l.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, O = Array.isArray, K = console.createTask ? console.createTask : function() {
+    var l = _t, m = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), p = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), k = Symbol.for("react.context"), O = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), z = Symbol.for("react.suspense_list"), Q = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), _ = Symbol.for("react.activity"), F = Symbol.for("react.client.reference"), j = l.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, Y = Array.isArray, re = console.createTask ? console.createTask : function() {
       return null;
     };
     l = {
@@ -246,44 +246,44 @@ React keys must be passed directly to JSX without using spread:
         return d();
       }
     };
-    var J, X = {}, Z = l["react-stack-bottom-frame"].bind(
+    var J, he = {}, ne = l["react-stack-bottom-frame"].bind(
       l,
       s
-    )(), Q = K(n(s)), ue = {};
-    ne.Fragment = S, ne.jsx = function(d, w, b, R, j) {
-      var Y = 1e4 > N.recentlyCreatedOwnerStacks++;
+    )(), oe = re(n(s)), me = {};
+    ae.Fragment = b, ae.jsx = function(d, S, R, C, V) {
+      var B = 1e4 > j.recentlyCreatedOwnerStacks++;
       return u(
         d,
-        w,
-        b,
-        !1,
+        S,
         R,
-        j,
-        Y ? Error("react-stack-top-frame") : Z,
-        Y ? K(n(d)) : Q
+        !1,
+        C,
+        V,
+        B ? Error("react-stack-top-frame") : ne,
+        B ? re(n(d)) : oe
       );
-    }, ne.jsxs = function(d, w, b, R, j) {
-      var Y = 1e4 > N.recentlyCreatedOwnerStacks++;
+    }, ae.jsxs = function(d, S, R, C, V) {
+      var B = 1e4 > j.recentlyCreatedOwnerStacks++;
       return u(
         d,
-        w,
-        b,
-        !0,
+        S,
         R,
-        j,
-        Y ? Error("react-stack-top-frame") : Z,
-        Y ? K(n(d)) : Q
+        !0,
+        C,
+        V,
+        B ? Error("react-stack-top-frame") : ne,
+        B ? re(n(d)) : oe
       );
     };
-  }()), ne;
+  }()), ae;
 }
-var Ge;
-function Ft() {
-  return Ge || (Ge = 1, process.env.NODE_ENV === "production" ? le.exports = xt() : le.exports = Dt()), le.exports;
+var Xe;
+function Kt() {
+  return Xe || (Xe = 1, process.env.NODE_ENV === "production" ? pe.exports = $t() : pe.exports = Vt()), pe.exports;
 }
-var A = Ft();
-function Bt(t, e) {
-  const r = Ue(
+var A = Kt();
+function Yt(t, e) {
+  const r = Fe(
     (n) => t.subscribe(n),
     () => {
       const n = t.getSnapshot(), o = e ?? n.rootViewId, s = o ? n.views.get(o) : void 0;
@@ -294,7 +294,7 @@ function Bt(t, e) {
       return `${o ?? ""}:${s?.id ?? ""}`;
     }
   );
-  return $(() => {
+  return K(() => {
     const [n, o] = r.split(":");
     return {
       rootViewId: n || void 0,
@@ -302,16 +302,16 @@ function Bt(t, e) {
     };
   }, [r]);
 }
-function q(t, e) {
-  const r = Ue(
+function H(t, e) {
+  const r = Fe(
     (n) => t.subscribeNode(e, n),
     () => t.getNodeVersion(e),
     () => t.getNodeVersion(e)
   );
-  return $(() => t.getNode(e), [t, e, r]);
+  return K(() => t.getNode(e), [t, e, r]);
 }
-const $t = pe("UIRenderer");
-function Vt(t) {
+const Wt = Re("UIRenderer");
+function zt(t) {
   if (t === void 0)
     return "{}";
   if (typeof t == "string")
@@ -322,18 +322,18 @@ function Vt(t) {
     return "{}";
   }
 }
-function Kt(t) {
+function qt(t) {
   const e = t.styleIds;
   return Array.isArray(e) ? e : [];
 }
-function Yt(t) {
+function Gt(t) {
   const e = t.children;
   return Array.isArray(e) ? e : [];
 }
-function Wt(t, e) {
+function Ht(t, e) {
   return t.nodeId === e.nodeId && t.context === e.context;
 }
-function zt(t) {
+function Jt(t) {
   if (t.length === 0) return "";
   if (t.length === 1) return t[0].id;
   let e = t[0].id;
@@ -341,8 +341,8 @@ function zt(t) {
     e += "," + t[r].id;
   return e;
 }
-const _e = V(function t({ nodeId: e, context: r }) {
-  const n = q(r.store, e), o = n ? Yt(n) : [], s = zt(o), i = $(
+const Me = W(function t({ nodeId: e, context: r }) {
+  const n = H(r.store, e), o = n ? Gt(n) : [], s = Jt(o), i = K(
     () => o.length === 0 ? null : o.map((h) => /* @__PURE__ */ A.jsx(t, { nodeId: h.id, context: r }, h.id)),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [s, r]
@@ -350,44 +350,44 @@ const _e = V(function t({ nodeId: e, context: r }) {
   if (!n)
     return null;
   if (n.type === "root")
-    return /* @__PURE__ */ A.jsx(Ot, { children: i }, n.id);
+    return /* @__PURE__ */ A.jsx(Nt, { children: i }, n.id);
   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, u = a;
+    return Wt.warn(`No renderer for node type ${n.type}`), null;
+  const c = qt(n), f = c.length > 0 ? c.join(" ") : void 0, u = a;
   return /* @__PURE__ */ A.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__ */ A.jsx(_e, { nodeId: r.id, context: e }, r.id));
+}, Ht);
+function Xt(t, e) {
+  return !Array.isArray(t) || t.length === 0 ? null : t.map((r) => /* @__PURE__ */ A.jsx(Me, { nodeId: r.id, context: e }, r.id));
 }
-function Gt(t, e) {
+function Zt(t, e) {
   return t.store === e.store && t.library === e.library && t.viewId === e.viewId && t.emptyFallback === e.emptyFallback;
 }
-const Ht = V(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 = T(s);
+const Qt = W(function({ store: e, library: r, viewId: n, emptyFallback: o = null, onAction: s, client: i, video: a }) {
+  const { rootViewId: c, rootNodeId: f } = Yt(e, n), u = v(s);
   u.current = s;
-  const h = T(i);
+  const h = v(i);
   h.current = i;
-  const l = T(a);
+  const l = v(a);
   l.current = a;
-  const g = x((S, m) => {
-    if (!S)
+  const m = D((b, p) => {
+    if (!b)
       return;
-    const p = Vt(m);
-    u.current?.(S, p);
-  }, []), y = $(() => {
-    const S = {
+    const g = zt(p);
+    u.current?.(b, g);
+  }, []), y = K(() => {
+    const b = {
       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) => qt(m, S),
-      renderView: (m) => {
-        const p = e.getSnapshot().views.get(m);
-        return p ? /* @__PURE__ */ A.jsx(_e, { nodeId: p.id, context: S }) : null;
+      getPayload: (p) => e.getSnapshot().payloads.get(p),
+      renderChildren: (p) => Xt(p, b),
+      renderView: (p) => {
+        const g = e.getSnapshot().views.get(p);
+        return g ? /* @__PURE__ */ A.jsx(Me, { nodeId: g.id, context: b }) : null;
       },
-      dispatchAction: g,
+      dispatchAction: m,
       // Access client/video via refs to avoid context recreation
       get client() {
         return h.current;
@@ -396,11 +396,11 @@ const Ht = V(function({ store: e, library: r, viewId: n, emptyFallback: o = null
         return l.current;
       }
     };
-    return S;
-  }, [e, r, g]);
-  return !c || !f ? o : /* @__PURE__ */ A.jsx("div", { "data-ikon-view-id": c, style: { display: "contents" }, children: /* @__PURE__ */ A.jsx(_e, { nodeId: f, context: y }) });
-}, Gt);
-class Jt {
+    return b;
+  }, [e, r, m]);
+  return !c || !f ? o : /* @__PURE__ */ A.jsx("div", { "data-ikon-view-id": c, style: { display: "contents" }, children: /* @__PURE__ */ A.jsx(Me, { nodeId: f, context: y }) });
+}, Zt);
+class er {
   constructor(e, r) {
     if (this.fallback = r, e)
       for (const [n, o] of e)
@@ -417,41 +417,41 @@ class Jt {
     return this.renderers.get(e.type) ?? this.fallback;
   }
 }
-function ao(t, e) {
+function po(t, e) {
   const r = Object.entries(t);
-  return new Jt(r, e);
+  return new er(r, e);
 }
-function co(t) {
-  return Ue(
+function go(t) {
+  return Fe(
     (e) => t.subscribe(e),
     () => t.getSnapshot(),
     () => t.getSnapshot()
   );
 }
-const Ne = "ikon-ui";
-function Xt(t, e) {
+const je = "ikon-ui";
+function tr(t, e) {
   return t === e;
 }
-const uo = V(function({ stores: e, registry: r, category: n = Ne, onAction: o, client: s }) {
-  const i = $(() => Array.from(e.keys()).sort().join(","), [e]), a = T(o);
+const yo = W(function({ stores: e, registry: r, category: n = je, onAction: o, client: s }) {
+  const i = K(() => Array.from(e.keys()).sort().join(","), [e]), a = v(o);
   a.current = o;
-  const c = T(s);
+  const c = v(s);
   c.current = s;
-  const f = $(
+  const f = K(
     () => {
       const u = [];
       for (const [h, l] of e) {
-        const g = l.store.getSnapshot();
-        Xt(l.category, n) && (!g.rootViewId || !g.views.has(g.rootViewId) || u.push({ key: h, store: l.store }));
+        const m = l.store.getSnapshot();
+        tr(l.category, n) && (!m.rootViewId || !m.views.has(m.rootViewId) || u.push({ key: h, store: l.store }));
       }
       return u;
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [e, n, i]
   );
-  return f.length === 0 ? null : /* @__PURE__ */ A.jsx(A.Fragment, { children: f.map(({ key: u, store: h }) => /* @__PURE__ */ A.jsx(Ht, { store: h, library: r, onAction: a.current, client: c.current, video: c.current?.media?.video }, u)) });
+  return f.length === 0 ? null : /* @__PURE__ */ A.jsx(A.Fragment, { children: f.map(({ key: u, store: h }) => /* @__PURE__ */ A.jsx(Qt, { store: h, library: r, onAction: a.current, client: c.current, video: c.current?.media?.video }, u)) });
 });
-class Zt {
+class rr {
   core;
   ownsCore;
   stores = /* @__PURE__ */ new Map();
@@ -459,7 +459,7 @@ class Zt {
   unsubscribeClears;
   unsubscribeStoreChanges;
   constructor(e) {
-    this.core = e?.core ?? new kt({ client: e?.client }), this.ownsCore = !e?.core, this.unsubscribeClears = this.core.subscribeToUiStreamCleared(this.handleUiStreamCleared), this.unsubscribeStoreChanges = this.core.uiStore.subscribe(this.syncStreamSnapshot), this.syncAllStreams();
+    this.core = e?.core ?? new It({ client: e?.client }), this.ownsCore = !e?.core, this.unsubscribeClears = this.core.subscribeToUiStreamCleared(this.handleUiStreamCleared), this.unsubscribeStoreChanges = this.core.uiStore.subscribe(this.syncStreamSnapshot), this.syncAllStreams();
   }
   dispose() {
     this.unsubscribeClears(), this.unsubscribeStoreChanges(), this.ownsCore && this.core.dispose(), this.listeners.clear(), this.stores.clear();
@@ -509,8 +509,8 @@ class Zt {
     if (r)
       return r;
     const n = {
-      category: Ne,
-      store: new Ct()
+      category: je,
+      store: new Ot()
     };
     return this.stores.set(e, n), n;
   }
@@ -518,7 +518,7 @@ class Zt {
     const n = this.stores.get(e);
     if (!n)
       return !1;
-    const o = r ?? this.core.uiStore.getSnapshot(e)?.category ?? Ne;
+    const o = r ?? this.core.uiStore.getSnapshot(e)?.category ?? je;
     return n.category === o ? !1 : (this.stores.set(e, { ...n, category: o }), !0);
   }
   notify(e) {
@@ -526,13 +526,13 @@ class Zt {
       r(e);
   }
 }
-function Qt(t) {
+function nr(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
   }
 }
-function ce(t) {
+function fe(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -542,7 +542,7 @@ function ce(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function De(...t) {
+function $e(...t) {
   let e = "";
   for (const r of t)
     if (r) {
@@ -551,42 +551,42 @@ function De(...t) {
     }
   return e || void 0;
 }
-const He = /* @__PURE__ */ new WeakMap(), er = {};
-function Fe(t) {
+const Ze = /* @__PURE__ */ new WeakMap(), or = {};
+function Ve(t) {
   if (!t)
-    return er;
-  const e = He.get(t);
+    return or;
+  const e = Ze.get(t);
   if (e)
     return e;
   const r = {};
   for (const [n, o] of Object.entries(t))
     o != null && (typeof o == "string" || typeof o == "number" || typeof o == "boolean") && (r[n] = o);
-  return He.set(t, r), r;
+  return Ze.set(t, r), r;
 }
-function tr() {
-  const t = V(function({ nodeId: r, context: n }) {
-    const o = q(n.store, r), s = T(null), i = ce(o?.props?.targetViewId), a = o?.props?.focusOnly, c = typeof a == "boolean" ? a : void 0, f = ce(o?.props?.key), u = o?.props?.preciseGeneratedAt;
+function sr() {
+  const t = W(function({ nodeId: r, context: n }) {
+    const o = H(n.store, r), s = v(null), i = fe(o?.props?.targetViewId), a = o?.props?.focusOnly, c = typeof a == "boolean" ? a : void 0, f = fe(o?.props?.key), u = o?.props?.preciseGeneratedAt;
     return L(() => {
       if (typeof document > "u")
         return;
       const l = s.current;
       if (!l || i && l.closest("[data-ikon-view-id]")?.getAttribute("data-ikon-view-id") !== i)
         return;
-      const g = c !== !0;
-      if (g) {
-        const p = ((v) => {
-          let k = v.parentElement;
+      const m = c !== !0;
+      if (m) {
+        const g = ((w) => {
+          let k = w.parentElement;
           for (; k; ) {
-            const D = window.getComputedStyle(k).overflowY;
-            if (D === "auto" || D === "scroll" || k.hasAttribute("data-radix-scroll-area-viewport"))
+            const M = window.getComputedStyle(k).overflowY;
+            if (M === "auto" || M === "scroll" || k.hasAttribute("data-radix-scroll-area-viewport"))
               return k;
             k = k.parentElement;
           }
           return null;
         })(l);
-        p ? requestAnimationFrame(() => {
-          const v = p.getBoundingClientRect(), k = l.getBoundingClientRect(), _ = p.scrollTop + (k.bottom - v.bottom) + 16;
-          "scrollBehavior" in document.documentElement.style ? p.scrollTo({ top: _, behavior: "smooth" }) : p.scrollTop = _;
+        g ? requestAnimationFrame(() => {
+          const w = g.getBoundingClientRect(), k = l.getBoundingClientRect(), O = g.scrollTop + (k.bottom - w.bottom) + 16;
+          "scrollBehavior" in document.documentElement.style ? g.scrollTo({ top: O, behavior: "smooth" }) : g.scrollTop = O;
         }) : typeof l.scrollIntoView == "function" && requestAnimationFrame(() => {
           try {
             l.scrollIntoView({ behavior: "smooth", block: "end", inline: "nearest" });
@@ -598,7 +598,7 @@ function tr() {
       const y = document.activeElement;
       if (!(y instanceof HTMLInputElement || y instanceof HTMLTextAreaElement || y?.getAttribute("contenteditable") === "true") && typeof l.focus == "function")
         try {
-          l.focus({ preventScroll: !g });
+          l.focus({ preventScroll: !m });
         } catch {
           l.focus();
         }
@@ -619,16 +619,16 @@ function tr() {
       return t;
   };
 }
-function rr() {
-  const t = V(function({ nodeId: r, context: n, className: o }) {
-    const s = q(n.store, r), i = Qt(s?.props?.onInvokeId), a = x(() => {
+function ir() {
+  const t = W(function({ nodeId: r, context: n, className: o }) {
+    const s = H(n.store, r), i = nr(s?.props?.onInvokeId), a = D(() => {
       i && n.dispatchAction(i);
     }, [i, n]);
     if (!s)
       return null;
-    const c = Fe(s.props);
+    const c = Ve(s.props);
     delete c.onInvokeId;
-    const f = De(ce(s.props?.className), o), u = s.children?.length ? n.renderChildren(s.children) : void 0;
+    const f = $e(fe(s.props?.className), o), u = s.children?.length ? n.renderChildren(s.children) : void 0;
     return /* @__PURE__ */ A.jsx(
       "div",
       {
@@ -646,12 +646,12 @@ function rr() {
       return t;
   };
 }
-function nr() {
-  const t = V(function({ nodeId: r, context: n, className: o }) {
-    const s = q(n.store, r);
+function ar() {
+  const t = W(function({ nodeId: r, context: n, className: o }) {
+    const s = H(n.store, r);
     if (!s)
       return null;
-    const i = Fe(s.props), a = De("relative", ce(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
+    const i = Ve(s.props), a = $e("relative", fe(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
     return /* @__PURE__ */ A.jsx("div", { ...i, "data-ikon-node-id": s.id, className: a, children: c });
   });
   return ({ type: e }) => {
@@ -659,12 +659,12 @@ function nr() {
       return t;
   };
 }
-function or() {
-  const t = V(function({ nodeId: r, context: n, className: o }) {
-    const s = q(n.store, r);
+function cr() {
+  const t = W(function({ nodeId: r, context: n, className: o }) {
+    const s = H(n.store, r);
     if (!s)
       return null;
-    const i = Fe(s.props), a = De("absolute", ce(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
+    const i = Ve(s.props), a = $e("absolute", fe(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
     return /* @__PURE__ */ A.jsx("div", { ...i, "data-ikon-node-id": s.id, className: a, children: c });
   });
   return ({ type: e }) => {
@@ -672,19 +672,19 @@ function or() {
       return t;
   };
 }
-function sr() {
+function ur() {
   return [
-    rr(),
-    nr(),
-    or(),
-    tr()
+    ir(),
+    ar(),
+    cr(),
+    sr()
   ];
 }
-const ir = "base", ar = async () => sr();
-function cr(t) {
-  t.registerModule(ir, ar);
+const lr = "base", dr = async () => ur();
+function fr(t) {
+  t.registerModule(lr, dr);
 }
-function ur(t) {
+function hr(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -694,19 +694,19 @@ function ur(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function lr(...t) {
+function mr(...t) {
   const e = [];
   for (const r of t)
     r && r.trim() && e.push(r.trim());
   return e.length > 0 ? e.join(" ") : void 0;
 }
-function Je(t) {
+function Qe(t) {
   if (typeof t != "string")
     return;
   const e = t.trim();
   return e.length > 0 ? e : void 0;
 }
-function de(t) {
+function ge(t) {
   if (typeof t == "boolean")
     return t;
   if (typeof t == "string") {
@@ -715,17 +715,17 @@ function de(t) {
     if (e === "false") return !1;
   }
 }
-const dr = "std.audio-url-player";
-function fr() {
-  const t = V(function({
+const pr = "std.audio-url-player";
+function gr() {
+  const t = W(function({
     nodeId: r,
     context: n,
     className: o
   }) {
-    const s = q(n.store, r);
+    const s = H(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 = de(s.props?.controls), u = de(s.props?.autoplay), h = de(s.props?.loop), l = de(s.props?.muted);
+    const i = mr(hr(s.props?.className), o), a = Qe(s.props?.src), c = Qe(s.props?.preload), f = ge(s.props?.controls), u = ge(s.props?.autoplay), h = ge(s.props?.loop), l = ge(s.props?.muted);
     return /* @__PURE__ */ A.jsx(
       "audio",
       {
@@ -741,11 +741,11 @@ function fr() {
     );
   });
   return ({ type: e }) => {
-    if (e === dr)
+    if (e === pr)
       return t;
   };
 }
-function dt(t) {
+function mt(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -755,13 +755,13 @@ function dt(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function ft(...t) {
+function pt(...t) {
   const e = [];
   for (const r of t)
     r && r.trim() && e.push(r.trim());
   return e.length > 0 ? e.join(" ") : void 0;
 }
-function fe(t) {
+function Se(t) {
   if (typeof t == "number" && Number.isFinite(t))
     return Math.floor(t);
   if (typeof t == "string" && t.trim().length > 0) {
@@ -770,27 +770,27 @@ function fe(t) {
       return Math.floor(e);
   }
 }
-function Pe(t) {
+function Le(t) {
   if (typeof t != "string")
     return;
   const e = t.trim();
   return e.length > 0 ? e : void 0;
 }
-const hr = "std.video-canvas", mr = "std.video-url-player";
-function pr() {
-  const t = V(function({ nodeId: r, context: n, className: o }) {
-    const s = q(n.store, r), i = T(null), a = T(null), c = n.video, f = n.client, u = s ? Pe(s.props?.streamId) : void 0, h = s ? fe(s.props?.width) : void 0, l = s ? fe(s.props?.height) : void 0, g = s ? ft(dt(s.props?.className), o) : o, y = f?.isWebRtcEnabled && u ? f.getWebRtcVideoStreamByStreamId(u) : null;
+const yr = "std.video-canvas", Sr = "std.video-url-player";
+function br() {
+  const t = W(function({ nodeId: r, context: n, className: o }) {
+    const s = H(n.store, r), i = v(null), a = v(null), c = n.video, f = n.client, u = s ? Le(s.props?.streamId) : void 0, h = s ? Se(s.props?.width) : void 0, l = s ? Se(s.props?.height) : void 0, m = s ? pt(mt(s.props?.className), o) : o, y = f?.isWebRtcEnabled && u ? f.getWebRtcVideoStreamByStreamId(u) : null;
     return L(() => {
-      const S = i.current;
-      if (!(!c || !S || !u || y))
-        return c.attachCanvas(u, S), () => {
+      const b = i.current;
+      if (!(!c || !b || !u || y))
+        return c.attachCanvas(u, b), () => {
           c.detachCanvas(u);
         };
     }, [c, u, y]), L(() => {
-      const S = a.current;
-      if (!(!S || !y))
-        return S.srcObject = y, () => {
-          S.srcObject = null;
+      const b = a.current;
+      if (!(!b || !y))
+        return b.srcObject = y, () => {
+          b.srcObject = null;
         };
     }, [y]), s ? y ? /* @__PURE__ */ A.jsx(
       "video",
@@ -801,7 +801,7 @@ function pr() {
         muted: !0,
         "data-ikon-node-id": s.id,
         "data-ikon-video-stream-id": u,
-        className: g,
+        className: m,
         ...h ? { width: h } : {},
         ...l ? { height: l } : {}
       },
@@ -812,7 +812,7 @@ function pr() {
         ref: i,
         "data-ikon-node-id": s.id,
         "data-ikon-video-stream-id": u,
-        className: g,
+        className: m,
         ...h ? { width: h } : {},
         ...l ? { height: l } : {}
       },
@@ -820,14 +820,14 @@ function pr() {
     ) : null;
   });
   return ({ type: e }) => {
-    if (e === hr)
+    if (e === yr)
       return t;
   };
 }
-function gr() {
-  return [pr(), yr(), fr()];
+function wr() {
+  return [br(), vr(), gr()];
 }
-function oe(t) {
+function ce(t) {
   if (typeof t == "boolean")
     return t;
   if (typeof t == "string") {
@@ -836,16 +836,16 @@ function oe(t) {
     if (e === "false") return !1;
   }
 }
-function yr() {
-  const t = V(function({
+function vr() {
+  const t = W(function({
     nodeId: r,
     context: n,
     className: o
   }) {
-    const s = q(n.store, r);
+    const s = H(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 = oe(s.props?.controls), u = oe(s.props?.autoplay), h = oe(s.props?.loop), l = oe(s.props?.muted), g = oe(s.props?.playsInline), y = fe(s.props?.width), S = fe(s.props?.height), m = s.children?.length ? n.renderChildren(s.children) : void 0;
+    const i = pt(mt(s.props?.className), o), a = Le(s.props?.src), c = Le(s.props?.poster), f = ce(s.props?.controls), u = ce(s.props?.autoplay), h = ce(s.props?.loop), l = ce(s.props?.muted), m = ce(s.props?.playsInline), y = Se(s.props?.width), b = Se(s.props?.height), p = s.children?.length ? n.renderChildren(s.children) : void 0;
     return /* @__PURE__ */ A.jsx(
       "video",
       {
@@ -855,37 +855,37 @@ function yr() {
         ...u !== void 0 ? { autoPlay: u } : {},
         ...h !== void 0 ? { loop: h } : {},
         ...l !== void 0 ? { muted: l } : {},
-        ...g !== void 0 ? { playsInline: g } : {},
+        ...m !== void 0 ? { playsInline: m } : {},
         ...y ? { width: y } : {},
-        ...S ? { height: S } : {},
+        ...b ? { height: b } : {},
         "data-ikon-node-id": s.id,
         className: i,
-        children: m
+        children: p
       }
     );
   });
   return ({ type: e }) => {
-    if (e === mr)
+    if (e === Sr)
       return t;
   };
 }
-const Sr = "media", br = async () => gr();
-function wr(t) {
-  t.registerModule(Sr, br);
+const Rr = "media", Er = async () => wr();
+function Ar(t) {
+  t.registerModule(Rr, Er);
 }
-const vr = `#version 300 es
+const kr = `#version 300 es
 in vec4 a_position;
 void main() {
     gl_Position = a_position;
 }
 `;
-function Rr(t, e) {
+function Tr(t, e) {
   return new RegExp(`\\buniform\\s+\\w+\\s+${e}\\s*;`, "g").test(t);
 }
-function Er(t, e) {
+function Cr(t, e) {
   const r = [];
   for (const [n, o] of Object.entries(e)) {
-    if (Rr(t, n))
+    if (Tr(t, n))
       continue;
     let s;
     switch (o.type) {
@@ -938,7 +938,7 @@ void main() {
 }
 `;
 }
-class Ar {
+class Ir {
   gl;
   program = null;
   positionBuffer = null;
@@ -974,10 +974,10 @@ class Ar {
   }
   compile(e, r = {}) {
     this.lastError = null, this.customUniforms = r, this.currentShaderSource = e;
-    const n = this.gl, o = this.compileShader(n.VERTEX_SHADER, vr);
+    const n = this.gl, o = this.compileShader(n.VERTEX_SHADER, kr);
     if (!o)
       return !1;
-    const s = Er(e, r), i = this.compileShader(n.FRAGMENT_SHADER, s);
+    const s = Cr(e, r), i = this.compileShader(n.FRAGMENT_SHADER, s);
     if (!i)
       return n.deleteShader(o), !1;
     const a = n.createProgram();
@@ -1023,38 +1023,38 @@ class Ar {
     h && e.uniform1i(h, this.frameCount);
     const l = this.uniformLocations.get("iMouse");
     l && e.uniform4f(l, this.mouseX, this.mouseY, this.mouseClickX, this.mouseClickY);
-    const g = this.uniformLocations.get("iDate");
-    if (g) {
+    const m = this.uniformLocations.get("iDate");
+    if (m) {
       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(m, 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);
-      if (m)
-        switch (S.type) {
+    for (const [y, b] of Object.entries(this.customUniforms)) {
+      const p = this.uniformLocations.get(y);
+      if (p)
+        switch (b.type) {
           case "float":
-            e.uniform1f(m, S.value);
+            e.uniform1f(p, b.value);
             break;
           case "vec2": {
-            const p = S.value;
-            e.uniform2f(m, p[0], p[1]);
+            const g = b.value;
+            e.uniform2f(p, g[0], g[1]);
             break;
           }
           case "vec3": {
-            const p = S.value;
-            e.uniform3f(m, p[0], p[1], p[2]);
+            const g = b.value;
+            e.uniform3f(p, 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 = b.value;
+            e.uniform4f(p, g[0], g[1], g[2], g[3]);
             break;
           }
           case "int":
-            e.uniform1i(m, S.value);
+            e.uniform1i(p, b.value);
             break;
           case "bool":
-            e.uniform1i(m, S.value ? 1 : 0);
+            e.uniform1i(p, b.value ? 1 : 0);
             break;
         }
     }
@@ -1068,7 +1068,7 @@ class Ar {
     this.program && (e.deleteProgram(this.program), this.program = null), this.positionBuffer && (e.deleteBuffer(this.positionBuffer), this.positionBuffer = null), this.vao && (e.deleteVertexArray(this.vao), this.vao = null), this.uniformLocations.clear();
   }
 }
-function Tr(t) {
+function Or(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -1078,13 +1078,13 @@ function Tr(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function kr(...t) {
+function _r(...t) {
   const e = [];
   for (const r of t)
     r && r.trim() && e.push(r.trim());
   return e.length > 0 ? e.join(" ") : void 0;
 }
-function ve(t) {
+function ke(t) {
   if (typeof t == "number" && Number.isFinite(t))
     return Math.floor(t);
   if (typeof t == "string" && t.trim().length > 0) {
@@ -1093,10 +1093,10 @@ function ve(t) {
       return Math.floor(e);
   }
 }
-function Cr(t) {
+function Nr(t) {
   return typeof t == "string" ? t : "";
 }
-function Ir(t) {
+function Pr(t) {
   if (typeof t == "boolean")
     return t;
   if (typeof t == "string") {
@@ -1105,7 +1105,7 @@ function Ir(t) {
     if (e === "false") return !1;
   }
 }
-function Or(t) {
+function Mr(t) {
   if (!t || typeof t != "object")
     return {};
   const e = {}, r = t;
@@ -1120,7 +1120,7 @@ function Or(t) {
   }
   return e;
 }
-function _r(t, e) {
+function jr(t, e) {
   const r = Object.keys(t), n = Object.keys(e);
   if (r.length !== n.length)
     return !1;
@@ -1141,99 +1141,99 @@ function _r(t, e) {
   }
   return !0;
 }
-const Nr = "std.shadertoy-canvas";
-function Pr() {
-  const t = V(function({ nodeId: r, context: n, className: o }) {
-    const s = q(n.store, r), i = T(null), a = T(null), c = T(null), f = T(0), u = T(""), h = T({}), l = T({
+const Lr = "std.shadertoy-canvas";
+function Ur() {
+  const t = W(function({ nodeId: r, context: n, className: o }) {
+    const s = H(n.store, r), i = v(null), a = v(null), c = v(null), f = v(0), u = v(""), h = v({}), l = v({
       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 = $(() => Or(S), [S]), p = s ? Ir(s.props?.enableMouse) ?? !0 : !0, v = s ? ve(s.props?.width) : void 0, k = s ? ve(s.props?.height) : void 0, _ = s ? kr(Tr(s.props?.className), o) : o;
+    }), m = s ? Nr(s.props?.shaderSource) : "", y = s ? ke(s.props?.fps) ?? 60 : 60, b = s?.props?.uniforms, p = K(() => Mr(b), [b]), g = s ? Pr(s.props?.enableMouse) ?? !0 : !0, w = s ? ke(s.props?.width) : void 0, k = s ? ke(s.props?.height) : void 0, O = s ? _r(Or(s.props?.className), o) : o;
     L(() => {
-      const C = i.current;
-      if (C) {
+      const T = i.current;
+      if (T) {
         try {
-          const I = new Ar(C);
-          a.current = I;
-        } catch (I) {
-          console.error("[ShadertoyRenderer] Failed to create WebGL2 context:", I);
+          const _ = new Ir(T);
+          a.current = _;
+        } catch (_) {
+          console.error("[ShadertoyRenderer] Failed to create WebGL2 context:", _);
         }
         return () => {
           a.current && (a.current.destroy(), a.current = null);
         };
       }
     }, []), L(() => {
-      const C = a.current;
-      if (!(!C || !g) && u.current !== g)
-        if (C.compile(g, m))
-          u.current = g, h.current = m;
+      const T = a.current;
+      if (!(!T || !m) && u.current !== m)
+        if (T.compile(m, p))
+          u.current = m, h.current = p;
         else {
-          const F = C.getError();
+          const F = T.getError();
           console.error("[ShadertoyRenderer] Shader compilation failed:", F);
         }
-    }, [g, m]), L(() => {
-      const C = a.current;
-      !C || !u.current || _r(h.current, m) || (C.setCustomUniforms(m), h.current = m);
-    }, [m]), L(() => {
-      const C = a.current;
-      if (!C || !u.current) return;
-      const I = 1e3 / y, F = (N) => {
-        const U = N - f.current;
-        U >= I && (f.current = N - U % I, C.draw()), c.current = requestAnimationFrame(F);
+    }, [m, p]), L(() => {
+      const T = a.current;
+      !T || !u.current || jr(h.current, p) || (T.setCustomUniforms(p), h.current = p);
+    }, [p]), L(() => {
+      const T = a.current;
+      if (!T || !u.current) return;
+      const _ = 1e3 / y, F = (j) => {
+        const U = j - f.current;
+        U >= _ && (f.current = j - U % _, T.draw()), c.current = requestAnimationFrame(F);
       };
       return c.current = requestAnimationFrame(F), () => {
         c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       };
     }, [y]);
-    const D = x(
-      (C) => {
-        if (!p) return;
-        const I = i.current, F = a.current;
-        if (!I || !F) return;
-        const N = I.getBoundingClientRect(), U = C.clientX - N.left, O = N.height - (C.clientY - N.top);
-        l.current.x = U, l.current.y = O, F.setMouse(U, O, l.current.clickX, l.current.clickY);
+    const M = D(
+      (T) => {
+        if (!g) return;
+        const _ = i.current, F = a.current;
+        if (!_ || !F) return;
+        const j = _.getBoundingClientRect(), U = T.clientX - j.left, Y = j.height - (T.clientY - j.top);
+        l.current.x = U, l.current.y = Y, F.setMouse(U, Y, l.current.clickX, l.current.clickY);
       },
-      [p]
-    ), z = x(
-      (C) => {
-        if (!p) return;
-        const I = i.current, F = a.current;
-        if (!I || !F) return;
-        const N = I.getBoundingClientRect(), U = C.clientX - N.left, O = N.height - (C.clientY - N.top);
-        l.current.isDown = !0, l.current.clickX = U, l.current.clickY = O, F.setMouse(U, O, U, O);
+      [g]
+    ), z = D(
+      (T) => {
+        if (!g) return;
+        const _ = i.current, F = a.current;
+        if (!_ || !F) return;
+        const j = _.getBoundingClientRect(), U = T.clientX - j.left, Y = j.height - (T.clientY - j.top);
+        l.current.isDown = !0, l.current.clickX = U, l.current.clickY = Y, F.setMouse(U, Y, U, Y);
       },
-      [p]
-    ), H = x(() => {
-      p && (l.current.isDown = !1, l.current.clickX = -Math.abs(l.current.clickX));
-    }, [p]);
+      [g]
+    ), Q = D(() => {
+      g && (l.current.isDown = !1, l.current.clickX = -Math.abs(l.current.clickX));
+    }, [g]);
     return s ? /* @__PURE__ */ A.jsx(
       "canvas",
       {
         ref: i,
         "data-ikon-node-id": s.id,
-        className: _,
-        ...v ? { width: v } : {},
+        className: O,
+        ...w ? { width: w } : {},
         ...k ? { height: k } : {},
-        onMouseMove: D,
+        onMouseMove: M,
         onMouseDown: z,
-        onMouseUp: H,
-        onMouseLeave: H
+        onMouseUp: Q,
+        onMouseLeave: Q
       }
     ) : null;
   });
   return ({ type: e }) => {
-    if (e === Nr)
+    if (e === Lr)
       return t;
   };
 }
-const jr = "shadertoy", Mr = async () => Pr();
-function Lr(t) {
-  t.registerModule(jr, Mr);
+const xr = "shadertoy", Dr = async () => Ur();
+function Fr(t) {
+  t.registerModule(xr, Dr);
 }
-const Xe = pe("UIRegistry");
-class Ur {
+const et = Re("UIRegistry");
+class Br {
   baseResolvers = [];
   moduleLoaders = /* @__PURE__ */ new Map();
   moduleResolvers = /* @__PURE__ */ new Map();
@@ -1255,15 +1255,15 @@ class Ur {
     for (const [n, o] of this.moduleLoaders.entries())
       if (!this.moduleResolvers.has(n))
         try {
-          const s = await o(), i = Fr(s);
+          const s = await o(), i = Kr(s);
           this.moduleResolvers.set(n, i), e = !0;
         } catch (s) {
-          Xe.error(`[IkonUiRegistry] Failed to load module '${n}'.`, s);
+          et.error(`[IkonUiRegistry] Failed to load module '${n}'.`, s);
         }
     const r = [];
     for (const n of this.moduleLoaders.keys())
       this.moduleResolvers.has(n) && r.push(n);
-    return Br(r, this.activeModuleOrder) || (this.activeModuleOrder = r, e = !0), e;
+    return Yr(r, this.activeModuleOrder) || (this.activeModuleOrder = r, e = !0), e;
   }
   resolve(e) {
     for (const r of this.baseResolvers) {
@@ -1273,7 +1273,7 @@ class Ur {
     for (const r of this.activeModuleOrder) {
       const n = this.moduleResolvers.get(r);
       if (!n) {
-        Xe.warn(`Missing resolvers for module ${r}`);
+        et.warn(`Missing resolvers for module ${r}`);
         continue;
       }
       for (const o of n) {
@@ -1283,17 +1283,17 @@ class Ur {
     }
   }
 }
-function xr() {
-  const t = new Ur();
-  return cr(t), wr(t), Lr(t), t.loadRegisteredModules(), t;
+function $r() {
+  const t = new Br();
+  return fr(t), Ar(t), Fr(t), t.loadRegisteredModules(), t;
 }
-function Dr(t) {
+function Vr(t) {
   return Array.isArray(t) ? t : [t];
 }
-function Fr(t) {
-  return t ? Dr(t).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
+function Kr(t) {
+  return t ? Vr(t).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
 }
-function Br(t, e) {
+function Yr(t, e) {
   if (t.length !== e.length)
     return !1;
   for (let r = 0; r < t.length; r += 1)
@@ -1301,7 +1301,7 @@ function Br(t, e) {
       return !1;
   return !0;
 }
-const Re = pe("MotionController"), Ze = {
+const Te = Re("MotionController"), tt = {
   ease: [0.25, 0.1, 0.25, 1],
   "ease-in": [0.42, 0, 1, 1],
   "ease-out": [0, 0, 0.58, 1],
@@ -1331,88 +1331,88 @@ const Re = pe("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 B(t) {
+function $(t) {
   return t <= 0 ? 0 : t >= 1 ? 1 : t;
 }
-function Qe(t) {
+function rt(t) {
   if (t == null) return;
   const e = `${t}`.trim();
   if (!e) return;
   const r = Number.parseFloat(e);
   return Number.isFinite(r) ? r : void 0;
 }
-function et(t) {
+function nt(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) {
+function ot(t, e, r, n) {
   const u = new Float32Array(11);
-  function h(m, p, v) {
-    return ((3 * p - 3 * v + 1) * m + (3 * v - 6 * p)) * m * m + 3 * p * m;
+  function h(p, g, w) {
+    return ((3 * g - 3 * w + 1) * p + (3 * w - 6 * g)) * p * p + 3 * g * p;
   }
-  function l(m, p, v) {
-    return 3 * (3 * p - 3 * v + 1) * m * m + 2 * (3 * v - 6 * p) * m + 3 * p;
+  function l(p, g, w) {
+    return 3 * (3 * g - 3 * w + 1) * p * p + 2 * (3 * w - 6 * g) * p + 3 * g;
   }
-  function g(m, p) {
-    for (let v = 0; v < 4; v += 1) {
-      const k = l(p, t, r);
+  function m(p, g) {
+    for (let w = 0; w < 4; w += 1) {
+      const k = l(g, t, r);
       if (k === 0)
-        return p;
-      const _ = h(p, t, r) - m;
-      p -= _ / k;
+        return g;
+      const O = h(g, t, r) - p;
+      g -= O / k;
     }
-    return p;
+    return g;
   }
-  function y(m, p, v) {
-    let k = 0, _ = 0, D = 0;
+  function y(p, g, w) {
+    let k = 0, O = 0, M = 0;
     do
-      _ = p + (v - p) / 2, k = h(_, t, r) - m, k > 0 ? v = _ : p = _;
-    while (Math.abs(k) > 1e-7 && ++D < 10);
-    return _;
+      O = g + (w - g) / 2, k = h(O, t, r) - p, k > 0 ? w = O : g = O;
+    while (Math.abs(k) > 1e-7 && ++M < 10);
+    return O;
   }
-  function S(m) {
-    let p = 0, v = 1;
+  function b(p) {
+    let g = 0, w = 1;
     const k = 10;
-    for (; v !== k && u[v] <= m; v += 1)
-      p += 0.1;
-    v -= 1;
-    const _ = (m - u[v]) / (u[v + 1] - u[v]), D = p + _ * 0.1, z = l(D, t, r);
-    return z >= 1e-3 ? g(m, D) : z === 0 ? D : y(m, p, p + 0.1);
+    for (; w !== k && u[w] <= p; w += 1)
+      g += 0.1;
+    w -= 1;
+    const O = (p - u[w]) / (u[w + 1] - u[w]), M = g + O * 0.1, z = l(M, t, r);
+    return z >= 1e-3 ? m(p, M) : z === 0 ? M : y(p, g, g + 0.1);
   }
-  for (let m = 0; m < 11; m += 1)
-    u[m] = h(m * 0.1, t, r);
-  return (m) => m <= 0 ? 0 : m >= 1 ? 1 : h(S(m), e, n);
+  for (let p = 0; p < 11; p += 1)
+    u[p] = h(p * 0.1, t, r);
+  return (p) => p <= 0 ? 0 : p >= 1 ? 1 : h(b(p), e, n);
 }
-function $r(t) {
+function Wr(t) {
   const e = /steps\(\s*([0-9]+)\s*(?:,\s*([a-z-]+)\s*)?\)/i.exec(t);
   if (!e)
-    return (o) => B(o);
+    return (o) => $(o);
   const r = Math.max(1, parseInt(e[1], 10)), n = (e[2] ?? "end").toLowerCase();
-  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);
+  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);
 }
-function Vr(t) {
+function zr(t) {
   if (!t)
-    return (r) => B(r);
+    return (r) => $(r);
   const e = t.trim().toLowerCase();
   if (!e || e === "linear")
-    return (r) => B(r);
-  if (Ze[e]) {
-    const [r, n, o, s] = Ze[e], i = tt(r, n, o, s);
-    return (a) => B(i(B(a)));
+    return (r) => $(r);
+  if (tt[e]) {
+    const [r, n, o, s] = tt[e], i = ot(r, n, o, s);
+    return (a) => $(i($(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) => B(c(B(f)));
+      const [o, s, i, a] = n, c = ot(o, s, i, a);
+      return (f) => $(c($(f)));
     }
   }
   if (e.startsWith("steps(") && e.endsWith(")")) {
-    const r = $r(e);
-    return (n) => r(B(n));
+    const r = Wr(e);
+    return (n) => r($(n));
   }
-  return (r) => B(r);
+  return (r) => $(r);
 }
-function Kr(t) {
+function qr(t) {
   if (!t)
     return;
   const e = /(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)\s*->\s*(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)/.exec(t);
@@ -1422,7 +1422,7 @@ function Kr(t) {
   if (![r, n, o, s].some((i) => !Number.isFinite(i)))
     return { inStart: r, inEnd: n, outStart: o, outEnd: s };
 }
-class Yr {
+class Gr {
   bindingsByStyle = /* @__PURE__ */ new Map();
   observer;
   observeScheduled = !1;
@@ -1449,7 +1449,7 @@ class Yr {
       try {
         e();
       } catch (r) {
-        Re.warn("Failed to cleanup binding listener", r);
+        Te.warn("Failed to cleanup binding listener", r);
       }
     this.globalCleanups.clear(), this.elementStates.clear(), this.styleToElements.clear(), this.bindingsByStyle.clear(), this.pendingScanStyles.clear(), this.scanScheduled = !1, this.observer && (this.observer.disconnect(), this.observer = void 0);
   }
@@ -1459,7 +1459,7 @@ class Yr {
         const n = (JSON.parse(e).motionBindings ?? []).map((o) => this.parseBinding(o)).filter((o) => o !== void 0);
         return n.length === 0 ? void 0 : { bindings: n };
       } catch (r) {
-        Re.warn("Failed to parse motion metadata", r);
+        Te.warn("Failed to parse motion metadata", r);
         return;
       }
   }
@@ -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), u = e.targetId?.trim() || void 0;
+    const n = rt(e.min) ?? 0, o = rt(e.max), s = o === void 0 ? n + 100 : o, i = (e.clamp ?? "clamp").trim().toLowerCase(), a = !!e.reverse, c = zr(e.ease), f = qr(e.map), u = e.targetId?.trim() || void 0;
     return Number.isNaN(n) || Number.isNaN(s) ? void 0 : {
       source: r.toLowerCase(),
       min: n,
@@ -1525,7 +1525,7 @@ class Yr {
     const r = this.bindingsByStyle.get(e);
     if (!r || typeof document > "u")
       return;
-    const n = `.${et(e)}`;
+    const n = `.${nt(e)}`;
     document.querySelectorAll(n).forEach((s) => this.applyStyleToElement(s, e, r));
   }
   applyStyleToElement(e, r, n) {
@@ -1565,7 +1565,7 @@ class Yr {
   }
   resolveScrollContainer(e, r) {
     if (r.targetId) {
-      const n = `[data-ikon-motion-source="${et(r.targetId)}"]`, o = typeof document < "u" ? document.querySelector(n) : null;
+      const n = `[data-ikon-motion-source="${nt(r.targetId)}"]`, o = typeof document < "u" ? document.querySelector(n) : null;
       if (o)
         return o;
     }
@@ -1593,7 +1593,7 @@ class Yr {
       case "unclamped":
         return e;
       default:
-        return B(e);
+        return $(e);
     }
   }
   applyMap(e, r) {
@@ -1635,7 +1635,7 @@ class Yr {
       try {
         i();
       } catch (a) {
-        Re.warn("Failed to cleanup listener", a);
+        Te.warn("Failed to cleanup listener", a);
       }
       this.globalCleanups.delete(i);
     }
@@ -1680,29 +1680,29 @@ class Yr {
     }
   }
 }
-const Ee = new Yr();
-function Wr(t) {
-  const e = T(/* @__PURE__ */ new Map()), r = x(({ styleId: s, css: i, common: a }) => {
+const Ce = new Gr();
+function Hr(t) {
+  const e = v(/* @__PURE__ */ new Map()), r = D(({ styleId: s, css: i, common: a }) => {
     if (!(!s || typeof document > "u")) {
       if (i) {
         let c = e.current.get(s);
         c || (c = document.createElement("style"), c.setAttribute("data-ikon-style-id", s), document.head.appendChild(c), e.current.set(s, c)), c.textContent = i;
       }
-      Ee.registerStyle(s, a);
+      Ce.registerStyle(s, a);
     }
-  }, []), n = x((s) => {
+  }, []), n = D((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);
+        a && (a.remove(), e.current.delete(i)), Ce.unregisterStyle(i);
       }
-  }, []), o = x(() => {
+  }, []), o = D(() => {
     if (typeof document < "u") {
       for (const s of e.current.values())
         s.remove();
       e.current.clear();
     }
-    Ee.reset();
+    Ce.reset();
   }, []);
   return L(() => {
     if (!t) return;
@@ -1714,7 +1714,7 @@ function Wr(t) {
     };
   }, [t, o, r, n]), L(() => () => o(), [o]), { setStyle: r, deleteStyles: n, reset: o };
 }
-function zr(t) {
+function Jr(t) {
   const e = [];
   for (const [r, n] of t) {
     const o = n.store.getSnapshot(), s = o.rootViewId && o.views.has(o.rootViewId);
@@ -1722,62 +1722,62 @@ function zr(t) {
   }
   return e.sort(), e.join(",");
 }
-function qr(t) {
-  const [e, r] = G(), n = T("");
+function Xr(t) {
+  const [e, r] = G(), n = v("");
   return L(() => {
     if (!t) {
       r(void 0), n.current = "";
       return;
     }
     const o = () => {
-      const s = t.getStores(), i = zr(s);
+      const s = t.getStores(), i = Jr(s);
       i !== n.current && (n.current = i, r(s));
     };
     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")(), he = Jr.Symbol, ht = Object.prototype, Xr = ht.hasOwnProperty, Zr = ht.toString, se = he ? he.toStringTag : void 0;
-function Qr(t) {
-  var e = Xr.call(t, se), r = t[se];
+var Zr = typeof global == "object" && global && global.Object === Object && global, Qr = typeof self == "object" && self && self.Object === Object && self, en = Zr || Qr || Function("return this")(), be = en.Symbol, gt = Object.prototype, tn = gt.hasOwnProperty, rn = gt.toString, ue = be ? be.toStringTag : void 0;
+function nn(t) {
+  var e = tn.call(t, ue), r = t[ue];
   try {
-    t[se] = void 0;
+    t[ue] = void 0;
     var n = !0;
   } catch {
   }
-  var o = Zr.call(t);
-  return n && (e ? t[se] = r : delete t[se]), o;
+  var o = rn.call(t);
+  return n && (e ? t[ue] = r : delete t[ue]), o;
 }
-var en = Object.prototype, tn = en.toString;
-function rn(t) {
-  return tn.call(t);
+var on = Object.prototype, sn = on.toString;
+function an(t) {
+  return sn.call(t);
 }
-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);
+var cn = "[object Null]", un = "[object Undefined]", st = be ? be.toStringTag : void 0;
+function ln(t) {
+  return t == null ? t === void 0 ? un : cn : st && st in Object(t) ? nn(t) : an(t);
 }
-function an(t) {
+function dn(t) {
   return t != null && typeof t == "object";
 }
-var cn = Array.isArray, un = "[object String]";
-function ln(t) {
-  return typeof t == "string" || !cn(t) && an(t) && sn(t) == un;
+var fn = Array.isArray, hn = "[object String]";
+function mn(t) {
+  return typeof t == "string" || !fn(t) && dn(t) && ln(t) == hn;
 }
-const nt = "ikonUiModules";
-function je(t) {
+const it = "ikonUiModules";
+function Ue(t) {
   return typeof t == "object" && t !== null && !Array.isArray(t);
 }
-function dn(t) {
+function pn(t) {
   if (!Array.isArray(t))
     return;
   const e = /* @__PURE__ */ new Set();
   for (const r of t) {
-    if (!ln(r)) continue;
+    if (!mn(r)) continue;
     const n = r.trim();
     n && (e.has(n) || e.add(n));
   }
   return Array.from(e);
 }
-function lo(t, e) {
+function So(t, e) {
   if (t === e)
     return !0;
   if (!t || !e)
@@ -1789,19 +1789,19 @@ function lo(t, e) {
       return !1;
   return !0;
 }
-function fn(t) {
-  if (!(!je(t) || !Object.prototype.hasOwnProperty.call(t, nt)))
-    return dn(t[nt]);
+function gn(t) {
+  if (!(!Ue(t) || !Object.prototype.hasOwnProperty.call(t, it)))
+    return pn(t[it]);
 }
-function fo(...t) {
+function bo(...t) {
   for (const e of t) {
-    const r = fn(e);
+    const r = gn(e);
     if (r !== void 0)
       return r;
   }
 }
-function ho(t) {
-  if (!je(t))
+function wo(t) {
+  if (!Ue(t))
     return;
   const e = t, r = Object.keys(e).find((c) => c.toLowerCase() === "modules");
   if (!r)
@@ -1814,15 +1814,15 @@ function ho(t) {
   const o = [], s = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set();
   for (const c of n) {
     if (typeof c == "string") {
-      const S = c.trim();
-      if (!S || i.has(S))
+      const b = c.trim();
+      if (!b || i.has(b))
         continue;
-      o.push(S), i.add(S);
+      o.push(b), i.add(b);
       continue;
     }
-    if (!je(c))
+    if (!Ue(c))
       continue;
-    const f = c, u = Object.keys(f).find((S) => S.toLowerCase() === "name");
+    const f = c, u = Object.keys(f).find((b) => b.toLowerCase() === "name");
     if (!u)
       continue;
     const h = f[u];
@@ -1831,7 +1831,7 @@ function ho(t) {
     const l = h.trim();
     if (!l)
       continue;
-    const g = Object.keys(f).find((S) => S.toLowerCase() === "javascript"), y = g ? f[g] : void 0;
+    const m = Object.keys(f).find((b) => b.toLowerCase() === "javascript"), y = m ? f[m] : void 0;
     typeof y == "string" && s.set(l, y), i.has(l) || (o.push(l), i.add(l));
   }
   if (!o.length && s.size === 0)
@@ -1849,7 +1849,7 @@ const E = {
   Line: 4,
   Paragraph: 8,
   Emoji: 16
-}, hn = [
+}, yn = [
   {
     flag: E.Letter,
     hints: [
@@ -1898,32 +1898,32 @@ const E = {
       "[data-emoji]"
     ]
   }
-], Me = E.Letter | E.Word | E.Line | E.Paragraph | E.Emoji, mn = E.Letter | E.Word | E.Line | E.Paragraph, ot = /* @__PURE__ */ new Map(), pn = 16384;
-function mo(t, e) {
-  if (!t || t.length > pn)
+], xe = E.Letter | E.Word | E.Line | E.Paragraph | E.Emoji, Sn = E.Letter | E.Word | E.Line | E.Paragraph, at = /* @__PURE__ */ new Map(), bn = 16384;
+function vo(t, e) {
+  if (!t || t.length > bn)
     return t;
-  const r = Pn(e), n = te(r, E.Emoji), o = r & mn;
+  const r = Un(e), n = te(r, E.Emoji), o = r & Sn;
   if (o === E.None && !n)
     return t;
   const s = t.replace(/\r\n/g, `
 `).replace(/\r/g, `
 `);
   if (o === E.None)
-    return ct(s);
-  const i = _n(s);
+    return dt(s);
+  const i = jn(s);
   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 = [];
+    return n ? dt(s) : t;
+  const a = Ln(i), c = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, f = [];
   for (const u of a) {
-    const h = gn(u, r, c);
+    const h = wn(u, r, c);
     f.push(...h);
   }
   return f;
 }
-function gn(t, e, r) {
+function wn(t, e, r) {
   const n = [];
   for (const o of t) {
-    const s = yn(o, e, r);
+    const s = vn(o, e, r);
     n.push(...s);
   }
   if (te(e, E.Paragraph)) {
@@ -1933,7 +1933,7 @@ function gn(t, e, r) {
         "span",
         {
           "data-motion-paragraph": !0,
-          style: ge(o),
+          style: Ee(o),
           children: n
         },
         `motion-paragraph-${o}`
@@ -1942,12 +1942,12 @@ function gn(t, e, r) {
   }
   return n;
 }
-function yn(t, e, r) {
-  const n = Sn(t.text, e, r), o = [];
+function vn(t, e, r) {
+  const n = Rn(t.text, e, r), o = [];
   if (te(e, E.Line)) {
     const s = r.line++;
     o.push(
-      /* @__PURE__ */ A.jsx("span", { "data-motion-line": !0, style: ge(s), children: n }, `motion-line-${s}`)
+      /* @__PURE__ */ A.jsx("span", { "data-motion-line": !0, style: Ee(s), children: n }, `motion-line-${s}`)
     );
   } else
     o.push(...n);
@@ -1955,7 +1955,7 @@ function yn(t, e, r) {
     o.push(/* @__PURE__ */ A.jsx("br", {}, `motion-break-${r.br++}`));
   return o;
 }
-function Sn(t, e, r) {
+function Rn(t, e, r) {
   if (!t)
     return [];
   const n = te(e, E.Word), o = [], s = /(\s+)/g;
@@ -1963,39 +1963,39 @@ function Sn(t, e, r) {
   for (; (a = s.exec(t)) !== null; ) {
     if (a.index > i) {
       const c = t.slice(i, a.index);
-      o.push(st(c, r, e, n));
+      o.push(ct(c, r, e, n));
     }
     o.push(a[0]), i = a.index + a[0].length;
   }
   if (i < t.length) {
     const c = t.slice(i);
-    o.push(st(c, r, e, n));
+    o.push(ct(c, r, e, n));
   }
   return o;
 }
-function st(t, e, r, n) {
-  const o = e.word++, s = wn(t, r, e), i = `motion-word-${o}`, a = bn(o, n);
+function ct(t, e, r, n) {
+  const o = e.word++, s = An(t, r, e), i = `motion-word-${o}`, a = En(o, n);
   return n ? /* @__PURE__ */ A.jsx("span", { "data-motion-word": !0, style: a, children: s }, i) : /* @__PURE__ */ A.jsx("span", { style: a, children: s }, i);
 }
-function bn(t, e) {
-  return e ? { ...ge(t), whiteSpace: "nowrap" } : { whiteSpace: "nowrap" };
+function En(t, e) {
+  return e ? { ...Ee(t), whiteSpace: "nowrap" } : { whiteSpace: "nowrap" };
 }
-function wn(t, e, r) {
+function An(t, e, r) {
   if (!t)
     return [];
   const n = te(e, E.Letter), o = te(e, E.Emoji);
   if (!n) {
     if (!o)
       return [t];
-    const a = Le(t);
+    const a = De(t);
     if (a.length === 0)
       return [t];
-    const { nodes: c } = pt(a, r);
+    const { nodes: c } = St(a, r);
     return c;
   }
-  const s = [], i = Le(t);
+  const s = [], i = De(t);
   for (const a of i) {
-    const c = r.letter++, f = `motion-letter-${c}`, u = ge(c);
+    const c = r.letter++, f = `motion-letter-${c}`, u = Ee(c);
     if (a === `
 `) {
       s.push(
@@ -2003,55 +2003,55 @@ function wn(t, e, r) {
       );
       continue;
     }
-    const l = o && mt(a) ? { "data-motion-emoji": !0 } : void 0, g = a === " " ? " " : a;
+    const l = o && yt(a) ? { "data-motion-emoji": !0 } : void 0, m = a === " " ? " " : a;
     s.push(
-      /* @__PURE__ */ A.jsx("span", { "data-motion-letter": !0, style: u, ...l, children: g }, f)
+      /* @__PURE__ */ A.jsx("span", { "data-motion-letter": !0, style: u, ...l, children: m }, f)
     );
   }
   return s;
 }
-function Le(t) {
+function De(t) {
   if (!t)
     return [];
-  const e = vn();
-  return e ? Array.from(e.segment(t), (r) => r.segment) : Rn(t);
+  const e = kn();
+  return e ? Array.from(e.segment(t), (r) => r.segment) : Tn(t);
 }
-let ie;
-function vn() {
-  return ie !== void 0 || (typeof Intl < "u" && typeof Intl.Segmenter == "function" ? ie = new Intl.Segmenter(void 0, { granularity: "grapheme" }) : ie = null), ie;
+let le;
+function kn() {
+  return le !== void 0 || (typeof Intl < "u" && typeof Intl.Segmenter == "function" ? le = new Intl.Segmenter(void 0, { granularity: "grapheme" }) : le = null), le;
 }
-function Rn(t) {
+function Tn(t) {
   const e = [], r = Array.from(t);
   let n = "";
   for (let o = 0; o < r.length; o++) {
     const s = r[o], i = r[o + 1];
-    n += s, !(i && En(s, i)) && (e.push(n), n = "");
+    n += s, !(i && Cn(s, i)) && (e.push(n), n = "");
   }
   return n && e.push(n), e;
 }
-function En(t, e) {
-  return e ? !!(it(t) || it(e) || kn(e) || An(e) || Tn(e) || at(t) && at(e)) : !1;
+function Cn(t, e) {
+  return e ? !!(ut(t) || ut(e) || _n(e) || In(e) || On(e) || lt(t) && lt(e)) : !1;
 }
-function it(t) {
+function ut(t) {
   return t.codePointAt(0) === 8205;
 }
-function An(t) {
+function In(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 65024 && e <= 65039 || e >= 917760 && e <= 917999;
 }
-function Tn(t) {
+function On(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 127995 && e <= 127999;
 }
-function at(t) {
+function lt(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 127462 && e <= 127487;
 }
-let Ae;
-function kn(t) {
-  return t ? (Ae || (Ae = Cn()), Ae(t)) : !1;
+let Ie;
+function _n(t) {
+  return t ? (Ie || (Ie = Nn()), Ie(t)) : !1;
 }
-function Cn() {
+function Nn() {
   try {
     const t = new RegExp("\\p{Mark}", "u");
     return (e) => t.test(e);
@@ -2062,19 +2062,19 @@ function Cn() {
     };
   }
 }
-let Te;
-function mt(t) {
-  return t ? (Te || (Te = In()), Te(t)) : !1;
+let Oe;
+function yt(t) {
+  return t ? (Oe || (Oe = Pn()), Oe(t)) : !1;
 }
-function In() {
+function Pn() {
   try {
     const t = new RegExp("\\p{Extended_Pictographic}", "u");
     return (e) => t.test(e);
   } catch {
-    return On;
+    return Mn;
   }
 }
-function On(t) {
+function Mn(t) {
   if (!t)
     return !1;
   for (const e of Array.from(t)) {
@@ -2084,7 +2084,7 @@ function On(t) {
   }
   return !1;
 }
-function _n(t) {
+function jn(t) {
   const e = [];
   let r = "", n = 0;
   for (let o = 0; o < t.length; o++) {
@@ -2098,7 +2098,7 @@ function _n(t) {
   }
   return (n > 0 || r.length > 0) && e.push({ text: r, breaks: n }), e;
 }
-function Nn(t) {
+function Ln(t) {
   if (t.length === 0)
     return [];
   const e = [];
@@ -2110,7 +2110,7 @@ function Nn(t) {
 function te(t, e) {
   return (t & e) === e;
 }
-function ge(t) {
+function Ee(t) {
   return {
     "--tw-motion-seq-index": t.toString(),
     backgroundColor: "inherit",
@@ -2127,23 +2127,23 @@ function ge(t) {
     WebkitTextFillColor: "inherit"
   };
 }
-function ct(t) {
+function dt(t) {
   if (!t)
     return t;
-  const e = Le(t);
+  const e = De(t);
   if (e.length === 0)
     return t;
-  const { nodes: r, sawEmoji: n } = pt(e);
+  const { nodes: r, sawEmoji: n } = St(e);
   return n ? r.length === 1 ? r[0] ?? t : r : t;
 }
-function pt(t, e) {
+function St(t, e) {
   const r = [];
   let n = "", o = !1, s = e?.emoji ?? 0;
   const i = () => {
     n && (r.push(n), n = "");
   };
   for (const a of t) {
-    if (mt(a)) {
+    if (yt(a)) {
       o = !0, i();
       const f = `motion-emoji-${e ? e.emoji++ : s++}`;
       r.push(
@@ -2155,13 +2155,13 @@ function pt(t, e) {
   }
   return i(), o ? { nodes: r, sawEmoji: !0 } : { nodes: [t.join("")], sawEmoji: !1 };
 }
-function Pn(t) {
+function Un(t) {
   if (!t)
     return E.None;
   const e = t.trim();
   if (!e)
     return E.None;
-  const r = ot.get(e);
+  const r = at.get(e);
   if (typeof r == "number")
     return r;
   if (typeof document > "u")
@@ -2169,8 +2169,8 @@ function Pn(t) {
   const n = e.split(/\s+/).filter(Boolean);
   if (n.length === 0)
     return E.None;
-  const s = n.map((c) => `.${jn(c)}`).map(
-    (c) => new RegExp(`(^|[^a-zA-Z0-9_-])${Mn(c)}(?![a-zA-Z0-9_-])`)
+  const s = n.map((c) => `.${xn(c)}`).map(
+    (c) => new RegExp(`(^|[^a-zA-Z0-9_-])${Dn(c)}(?![a-zA-Z0-9_-])`)
   );
   let i = E.None, a = !1;
   for (const c of Array.from(document.styleSheets)) {
@@ -2180,14 +2180,14 @@ function Pn(t) {
     } catch {
       continue;
     }
-    const u = gt(f, s);
-    if (u.mask && (i |= u.mask, i === Me))
+    const u = bt(f, s);
+    if (u.mask && (i |= u.mask, i === xe))
       break;
     a ||= u.sawStyleRule;
   }
-  return (i !== E.None || a) && ot.set(e, i), i;
+  return (i !== E.None || a) && at.set(e, i), i;
 }
-function gt(t, e) {
+function bt(t, e) {
   if (!t)
     return { mask: E.None, sawStyleRule: !1 };
   let r = E.None, n = !1;
@@ -2198,13 +2198,13 @@ function gt(t, e) {
         const a = s.selectorText ?? "";
         if (!a || !e.some((f) => f.test(a))) continue;
         n = !0;
-        for (const f of hn)
+        for (const f of yn)
           f.hints.some((u) => a.includes(u)) && (r |= f.flag);
-        if (r === Me)
+        if (r === xe)
           return { mask: r, sawStyleRule: !0 };
       } else if ("cssRules" in s) {
-        const i = gt(s.cssRules, e);
-        if (i.mask && (r |= i.mask, r === Me))
+        const i = bt(s.cssRules, e);
+        if (i.mask && (r |= i.mask, r === xe))
           return { mask: r, sawStyleRule: !0 };
         n ||= i.sawStyleRule;
       }
@@ -2212,38 +2212,48 @@ function gt(t, e) {
   }
   return { mask: r, sawStyleRule: n };
 }
-function jn(t) {
+function xn(t) {
   return typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(t) : t.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
-function Mn(t) {
+function Dn(t) {
   return t.replace(/[.*+?^${}()|[\]\\]/g, (e) => `\\${e}`);
 }
-const Be = "ikon_auth_session", Ln = 7 * 24 * 60 * 60 * 1e3;
-function ye(t) {
+const Ke = "ikon_auth_session", Fn = 7 * 24 * 60 * 60 * 1e3, Bn = 60 * 1e3;
+function $n(t) {
   try {
-    localStorage.setItem(Be, JSON.stringify(t));
+    const e = t.split(".");
+    if (e.length !== 3) return !0;
+    const r = JSON.parse(atob(e[1]));
+    return typeof r.exp != "number" ? !1 : Date.now() >= r.exp * 1e3 - Bn;
+  } catch {
+    return !0;
+  }
+}
+function Ae(t) {
+  try {
+    localStorage.setItem(Ke, JSON.stringify(t));
   } catch {
     console.warn("Failed to save auth session to localStorage");
   }
 }
-function yt() {
+function wt() {
   try {
-    const t = localStorage.getItem(Be);
+    const t = localStorage.getItem(Ke);
     if (!t) return null;
     const e = JSON.parse(t);
-    return Date.now() - e.authenticatedAt > Ln ? (St(), null) : e;
+    return Date.now() - e.authenticatedAt > Fn || $n(e.token) ? (we(), null) : e;
   } catch {
     return console.warn("Failed to load auth session from localStorage"), null;
   }
 }
-function St() {
+function we() {
   try {
-    localStorage.removeItem(Be);
+    localStorage.removeItem(Ke);
   } catch {
     console.warn("Failed to clear auth session from localStorage");
   }
 }
-function ae(t) {
+function de(t) {
   return {
     id: "",
     provider: t.provider,
@@ -2251,8 +2261,8 @@ function ae(t) {
     authenticatedAt: t.authenticatedAt
   };
 }
-async function bt(t, e) {
-  const r = _t(), n = await fetch(`${e}/anonymous`, {
+async function vt(t, e) {
+  const r = Pt(), n = await fetch(`${e}/anonymous`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify({ deviceId: r, space: t })
@@ -2266,9 +2276,9 @@ async function bt(t, e) {
     provider: "anonymous",
     authenticatedAt: Date.now()
   };
-  return ye(s), s;
+  return Ae(s), s;
 }
-async function po(t) {
+async function Ro(t) {
   const { email: e, spaceId: r, authUrl: n, returnUrl: o = window.location.origin + window.location.pathname } = t, s = await fetch(`${n}/email/send`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2283,22 +2293,22 @@ async function po(t) {
     throw new Error(i);
   }
 }
-function Un() {
+function Vn() {
   const t = new URLSearchParams(window.location.search), e = t.get("ikon_token"), r = t.get("ikon_provider");
   return e && r ? { token: e, provider: r } : null;
 }
-function xn() {
+function Kn() {
   const e = new URLSearchParams(window.location.search).get("error");
   return e ? decodeURIComponent(e) : null;
 }
-function ut() {
+function ft() {
   window.history.replaceState({}, "", window.location.pathname);
 }
-function Dn(t, e, r, n) {
+function Yn(t, e, r, n) {
   const o = n ?? window.location.origin + window.location.pathname + window.location.search;
   return `${r}/oauth/${t}?space=${encodeURIComponent(e)}&return=${encodeURIComponent(o)}`;
 }
-async function Fn(t) {
+async function Wn(t) {
   const e = await fetch(`${t}/passkey/registration/options`, {
     method: "POST",
     headers: { "Content-Type": "application/json" }
@@ -2309,7 +2319,7 @@ async function Fn(t) {
   }
   return e.json();
 }
-async function Bn(t, e, r) {
+async function zn(t, e, r) {
   const n = await fetch(`${t}/passkey/registration/verify`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2324,9 +2334,9 @@ async function Bn(t, e, r) {
     provider: "passkey",
     authenticatedAt: Date.now()
   };
-  return ye(s), s;
+  return Ae(s), s;
 }
-async function $n(t, e) {
+async function qn(t, e) {
   const r = await fetch(`${t}/passkey/authentication/options`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2338,7 +2348,7 @@ async function $n(t, e) {
   }
   return r.json();
 }
-async function Vn(t, e) {
+async function Gn(t, e) {
   const r = await fetch(`${t}/passkey/authentication/verify`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2353,32 +2363,32 @@ async function Vn(t, e) {
     provider: "passkey",
     authenticatedAt: Date.now()
   };
-  return ye(o), o;
+  return Ae(o), o;
 }
-function W(t) {
+function q(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 me(t) {
+function ve(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);
   return s;
 }
-function $e() {
-  return Kn.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
+function Ye() {
+  return Hn.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
 }
-const Kn = {
+const Hn = {
   stubThis: (t) => t
 };
-function wt(t) {
+function Rt(t) {
   const { id: e } = t;
   return {
     ...t,
-    id: me(e),
+    id: ve(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
@@ -2387,7 +2397,7 @@ function wt(t) {
     transports: t.transports
   };
 }
-function vt(t) {
+function Et(t) {
   return (
     // Consider localhost valid as well since it's okay wrt Secure Contexts
     t === "localhost" || /^([a-z0-9]+(-[a-z0-9]+)*\.)+[a-z]{2,}$/i.test(t)
@@ -2403,7 +2413,7 @@ class P extends Error {
     }), this.name = o ?? n.name, this.code = r;
   }
 }
-function Yn({ error: t, options: e }) {
+function Jn({ error: t, options: e }) {
   const { publicKey: r } = e;
   if (!r)
     throw Error("options was missing required publicKey property");
@@ -2461,7 +2471,7 @@ function Yn({ error: t, options: e }) {
       });
     if (t.name === "SecurityError") {
       const n = globalThis.location.hostname;
-      if (vt(n)) {
+      if (Et(n)) {
         if (r.rp.id !== n)
           return new P({
             message: `The RP ID "${r.rp.id}" is invalid for this domain`,
@@ -2489,7 +2499,7 @@ function Yn({ error: t, options: e }) {
   }
   return t;
 }
-class Wn {
+class Xn {
   constructor() {
     Object.defineProperty(this, "controller", {
       enumerable: !0,
@@ -2513,31 +2523,31 @@ class Wn {
     }
   }
 }
-const Rt = new Wn(), zn = ["cross-platform", "platform"];
-function Et(t) {
-  if (t && !(zn.indexOf(t) < 0))
+const At = new Xn(), Zn = ["cross-platform", "platform"];
+function kt(t) {
+  if (t && !(Zn.indexOf(t) < 0))
     return t;
 }
-async function qn(t) {
+async function Qn(t) {
   !t.optionsJSON && t.challenge && (console.warn("startRegistration() was not called correctly. It will try to continue with the provided options, but this call should be refactored to use the expected call structure instead. See https://simplewebauthn.dev/docs/packages/browser#typeerror-cannot-read-properties-of-undefined-reading-challenge for more information."), t = { optionsJSON: t });
   const { optionsJSON: e, useAutoRegister: r = !1 } = t;
-  if (!$e())
+  if (!Ye())
     throw new Error("WebAuthn is not supported in this browser");
   const n = {
     ...e,
-    challenge: me(e.challenge),
+    challenge: ve(e.challenge),
     user: {
       ...e.user,
-      id: me(e.user.id)
+      id: ve(e.user.id)
     },
-    excludeCredentials: e.excludeCredentials?.map(wt)
+    excludeCredentials: e.excludeCredentials?.map(Rt)
   }, o = {};
-  r && (o.mediation = "conditional"), o.publicKey = n, o.signal = Rt.createNewAbortSignal();
+  r && (o.mediation = "conditional"), o.publicKey = n, o.signal = At.createNewAbortSignal();
   let s;
   try {
     s = await navigator.credentials.create(o);
   } catch (y) {
-    throw Yn({ error: y, options: o });
+    throw Jn({ error: y, options: o });
   }
   if (!s)
     throw new Error("Registration was not completed");
@@ -2549,53 +2559,53 @@ async function qn(t) {
     try {
       h = c.getPublicKeyAlgorithm();
     } catch (y) {
-      ke("getPublicKeyAlgorithm()", y);
+      _e("getPublicKeyAlgorithm()", y);
     }
   let l;
   if (typeof c.getPublicKey == "function")
     try {
       const y = c.getPublicKey();
-      y !== null && (l = W(y));
+      y !== null && (l = q(y));
     } catch (y) {
-      ke("getPublicKey()", y);
+      _e("getPublicKey()", y);
     }
-  let g;
+  let m;
   if (typeof c.getAuthenticatorData == "function")
     try {
-      g = W(c.getAuthenticatorData());
+      m = q(c.getAuthenticatorData());
     } catch (y) {
-      ke("getAuthenticatorData()", y);
+      _e("getAuthenticatorData()", y);
     }
   return {
     id: i,
-    rawId: W(a),
+    rawId: q(a),
     response: {
-      attestationObject: W(c.attestationObject),
-      clientDataJSON: W(c.clientDataJSON),
+      attestationObject: q(c.attestationObject),
+      clientDataJSON: q(c.clientDataJSON),
       transports: u,
       publicKeyAlgorithm: h,
       publicKey: l,
-      authenticatorData: g
+      authenticatorData: m
     },
     type: f,
     clientExtensionResults: s.getClientExtensionResults(),
-    authenticatorAttachment: Et(s.authenticatorAttachment)
+    authenticatorAttachment: kt(s.authenticatorAttachment)
   };
 }
-function ke(t, e) {
+function _e(t, e) {
   console.warn(`The browser extension that intercepted this WebAuthn API call incorrectly implemented ${t}. You should report this error to them.
 `, e);
 }
-function Gn() {
-  if (!$e())
-    return Ce.stubThis(new Promise((e) => e(!1)));
+function eo() {
+  if (!Ye())
+    return Ne.stubThis(new Promise((e) => e(!1)));
   const t = globalThis.PublicKeyCredential;
-  return t?.isConditionalMediationAvailable === void 0 ? Ce.stubThis(new Promise((e) => e(!1))) : Ce.stubThis(t.isConditionalMediationAvailable());
+  return t?.isConditionalMediationAvailable === void 0 ? Ne.stubThis(new Promise((e) => e(!1))) : Ne.stubThis(t.isConditionalMediationAvailable());
 }
-const Ce = {
+const Ne = {
   stubThis: (t) => t
 };
-function Hn({ error: t, options: e }) {
+function to({ error: t, options: e }) {
   const { publicKey: r } = e;
   if (!r)
     throw Error("options was missing required publicKey property");
@@ -2615,7 +2625,7 @@ function Hn({ error: t, options: e }) {
       });
     if (t.name === "SecurityError") {
       const n = globalThis.location.hostname;
-      if (vt(n)) {
+      if (Et(n)) {
         if (r.rpId !== n)
           return new P({
             message: `The RP ID "${r.rpId}" is invalid for this domain`,
@@ -2636,52 +2646,52 @@ function Hn({ error: t, options: e }) {
   }
   return t;
 }
-async function Jn(t) {
+async function ro(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 (!$e())
+  if (!Ye())
     throw new Error("WebAuthn is not supported in this browser");
   let o;
-  e.allowCredentials?.length !== 0 && (o = e.allowCredentials?.map(wt));
+  e.allowCredentials?.length !== 0 && (o = e.allowCredentials?.map(Rt));
   const s = {
     ...e,
-    challenge: me(e.challenge),
+    challenge: ve(e.challenge),
     allowCredentials: o
   }, i = {};
   if (r) {
-    if (!await Gn())
+    if (!await eo())
       throw Error("Browser does not support WebAuthn autofill");
     if (document.querySelectorAll("input[autocomplete$='webauthn']").length < 1 && n)
       throw Error('No <input> with "webauthn" as the only or last value in its `autocomplete` attribute was detected');
     i.mediation = "conditional", s.allowCredentials = [];
   }
-  i.publicKey = s, i.signal = Rt.createNewAbortSignal();
+  i.publicKey = s, i.signal = At.createNewAbortSignal();
   let a;
   try {
     a = await navigator.credentials.get(i);
-  } catch (g) {
-    throw Hn({ error: g, options: i });
+  } catch (m) {
+    throw to({ error: m, options: i });
   }
   if (!a)
     throw new Error("Authentication was not completed");
   const { id: c, rawId: f, response: u, type: h } = a;
   let l;
-  return u.userHandle && (l = W(u.userHandle)), {
+  return u.userHandle && (l = q(u.userHandle)), {
     id: c,
-    rawId: W(f),
+    rawId: q(f),
     response: {
-      authenticatorData: W(u.authenticatorData),
-      clientDataJSON: W(u.clientDataJSON),
-      signature: W(u.signature),
+      authenticatorData: q(u.authenticatorData),
+      clientDataJSON: q(u.clientDataJSON),
+      signature: q(u.signature),
       userHandle: l
     },
     type: h,
     clientExtensionResults: a.getClientExtensionResults(),
-    authenticatorAttachment: Et(a.authenticatorAttachment)
+    authenticatorAttachment: kt(a.authenticatorAttachment)
   };
 }
-const Ve = lt(null);
-function go({ children: t, config: e }) {
+const We = ht(null);
+function Eo({ children: t, config: e }) {
   const [r, n] = G({
     isAuthenticated: !1,
     isLoading: !0,
@@ -2690,9 +2700,9 @@ function go({ children: t, config: e }) {
   });
   L(() => {
     (() => {
-      const u = xn();
+      const u = Kn();
       if (u) {
-        ut(), n({
+        ft(), n({
           isAuthenticated: !1,
           isLoading: !1,
           user: null,
@@ -2700,27 +2710,27 @@ function go({ children: t, config: e }) {
         });
         return;
       }
-      const h = Un();
+      const h = Vn();
       if (h) {
-        const g = {
+        const m = {
           token: h.token,
           provider: h.provider,
           authenticatedAt: Date.now()
         };
-        ye(g), ut(), n({
+        Ae(m), ft(), n({
           isAuthenticated: !0,
           isLoading: !1,
-          user: ae(g),
+          user: de(m),
           error: null
         });
         return;
       }
-      const l = yt();
+      const l = wt();
       if (l) {
         n({
           isAuthenticated: !0,
           isLoading: !1,
-          user: ae(l),
+          user: de(l),
           error: null
         });
         return;
@@ -2733,7 +2743,7 @@ function go({ children: t, config: e }) {
       });
     })();
   }, []);
-  const o = x(
+  const o = D(
     async (f) => {
       if (!e.spaceId) {
         n((l) => ({
@@ -2742,20 +2752,20 @@ function go({ children: t, config: e }) {
         }));
         return;
       }
-      const u = e.authUrl ?? Oe();
+      const u = e.authUrl ?? Pe();
       if (f === "guest") {
         n((l) => ({ ...l, isLoading: !0 }));
         try {
-          const l = await bt(e.spaceId, u);
+          const l = await vt(e.spaceId, u);
           n({
             isAuthenticated: !0,
             isLoading: !1,
-            user: ae(l),
+            user: de(l),
             error: null
           });
         } catch (l) {
-          n((g) => ({
-            ...g,
+          n((m) => ({
+            ...m,
             isLoading: !1,
             error: l instanceof Error ? l.message : "Guest login failed"
           }));
@@ -2765,43 +2775,43 @@ function go({ children: t, config: e }) {
       if (f === "passkey") {
         n((l) => ({ ...l, isLoading: !0, error: null }));
         try {
-          const l = await $n(u), g = await Jn({ optionsJSON: l }), y = await Vn(u, g);
+          const l = await qn(u), m = await ro({ optionsJSON: l }), y = await Gn(u, m);
           n({
             isAuthenticated: !0,
             isLoading: !1,
-            user: ae(y),
+            user: de(y),
             error: null
           });
         } catch (l) {
-          n((g) => ({
-            ...g,
+          n((m) => ({
+            ...m,
             isLoading: !1,
             error: l instanceof Error ? l.message : "Passkey login failed"
           }));
         }
         return;
       }
-      const h = Dn(f, e.spaceId, u);
+      const h = Yn(f, e.spaceId, u);
       window.location.href = h;
     },
     [e.authUrl, e.spaceId]
-  ), s = x(() => {
-    St(), n({
+  ), s = D(() => {
+    we(), n({
       isAuthenticated: !1,
       isLoading: !1,
       user: null,
       error: null
     });
-  }, []), i = x(
+  }, []), i = D(
     async (f) => {
-      const u = e.authUrl ?? Oe();
+      const u = e.authUrl ?? Pe();
       n((h) => ({ ...h, isLoading: !0, error: null }));
       try {
-        const h = await Fn(u), l = await qn({ optionsJSON: h }), g = await Bn(u, l, f);
+        const h = await Wn(u), l = await Qn({ optionsJSON: h }), m = await zn(u, l, f);
         n({
           isAuthenticated: !0,
           isLoading: !1,
-          user: ae(g),
+          user: de(m),
           error: null
         });
       } catch (h) {
@@ -2813,7 +2823,7 @@ function go({ children: t, config: e }) {
       }
     },
     [e.authUrl]
-  ), a = x(() => r.user?.token ?? null, [r.user]), c = $(
+  ), a = D(() => r.user?.token ?? null, [r.user]), c = K(
     () => ({
       state: r,
       login: o,
@@ -2823,19 +2833,19 @@ function go({ children: t, config: e }) {
     }),
     [r, o, s, a, i]
   );
-  return /* @__PURE__ */ A.jsx(Ve, { value: c, children: t });
+  return /* @__PURE__ */ A.jsx(We, { value: c, children: t });
 }
-function Xn() {
-  const t = xe(Ve);
+function no() {
+  const t = Be(We);
   if (!t)
     throw new Error("useAuth must be used within an AuthProvider");
   return t;
 }
-function yo() {
-  return xe(Ve);
+function oo() {
+  return Be(We);
 }
-function So(t) {
-  const { config: e, guestUrlParam: r } = t, { state: n, login: o } = Xn(), s = T(!1);
+function Ao(t) {
+  const { config: e, guestUrlParam: r } = t, { state: n, login: o } = no(), s = v(!1);
   return L(() => {
     if (!r || n.isAuthenticated || n.isLoading || s.current || !e.methods.includes("guest"))
       return;
@@ -2852,7 +2862,7 @@ function So(t) {
     error: n.error
   };
 }
-function bo({
+function ko({
   connectionState: t,
   error: e,
   isReady: r,
@@ -2891,166 +2901,168 @@ function bo({
       return null;
   }
 }
-const Ie = pe("useIkonApp");
-function Zn() {
+const ye = Re("useIkonApp");
+function so() {
   if (typeof window < "u" && window.__IKON_AUTH_CONFIG__)
     return window.__IKON_AUTH_CONFIG__;
 }
-function Qn() {
+function io() {
   if (typeof window < "u" && window.__IKON_LOCAL_IKON_SERVER_CONFIG__)
     return window.__IKON_LOCAL_IKON_SERVER_CONFIG__;
 }
-function wo(t) {
-  const { authConfig: e, modules: r, timeouts: n, backgroundAudio: o, webRtc: s, audio: i, video: a } = t, c = e === void 0 ? Zn() ?? null : e, f = Qn(), u = T(null), h = T(null), l = T(null), g = T(!1), y = T(o), S = T(n), m = T(s), p = T(i), v = T(a);
-  y.current = o, S.current = n, m.current = s, p.current = i, v.current = a;
-  const [k, _] = G("idle"), [D, z] = G(null), [H, C] = G(null), [I, F] = G(null), [N, U] = G(!1), O = $(() => {
+function To(t) {
+  const { authConfig: e, modules: r, timeouts: n, backgroundAudio: o, webRtc: s, audio: i, video: a, websocket: c, webtransport: f } = t, u = e === void 0 ? so() ?? null : e, h = io(), l = oo(), m = v(null), y = v(null), b = v(null), p = v(!1), g = v(!1), w = v(o), k = v(n), O = v(s), M = v(i), z = v(a), Q = v(c), T = v(f);
+  w.current = o, k.current = n, O.current = s, M.current = i, z.current = a, Q.current = c, T.current = f;
+  const [_, F] = G("idle"), [j, U] = G(null), [Y, re] = G(null), [J, he] = G(null), [ne, oe] = G(!1), [me, d] = G(0), S = K(() => {
     try {
-      const b = Nt();
-      return (b.sessionId || b.channelKey) && Pt(), b;
+      const I = Mt();
+      return (I.sessionId || I.channelKey) && jt(), I;
     } catch {
       return { parameters: {} };
     }
-  }, []), K = $(() => c?.enabled ? yt() : null, [c?.enabled]), J = f?.enabled ?? !1, X = f?.host ?? "localhost", Z = f?.port ?? 8443;
+  }, []), R = K(() => u?.enabled ? wt() : null, [u?.enabled, me]), C = h?.enabled ?? !1, V = h?.host ?? "localhost", B = h?.port ?? 8443;
   L(() => {
-    !J && Ke() && c && !c.enabled && c.spaceId && !I && !N && (U(!0), bt(c.spaceId, c.authUrl ?? Oe()).then((R) => {
-      F(R.token);
-    }).catch((R) => {
-      Ie.error("Anonymous auth failed:", R), z(R instanceof Error ? R.message : "Anonymous auth failed");
+    !C && ze() && u && !u.enabled && u.spaceId && !J && !ne && (oe(!0), vt(u.spaceId, u.authUrl ?? Pe()).then((x) => {
+      he(x.token);
+    }).catch((x) => {
+      ye.error("Anonymous auth failed:", x), U(x instanceof Error ? x.message : "Anonymous auth failed");
     }).finally(() => {
-      U(!1);
+      oe(!1);
     }));
-  }, [J, c, I, N]);
-  const Q = $(() => {
-    if (J) {
-      const b = K?.token ? jt(K.token) ?? void 0 : void 0;
+  }, [C, u, J, ne]);
+  const ee = K(() => {
+    if (C) {
+      const I = R?.token ? Lt(R.token) ?? void 0 : void 0;
       return {
         local: {
-          host: X,
-          httpsPort: Z,
-          userId: b,
-          token: K?.token ?? void 0,
-          spaceId: c?.spaceId,
-          parameters: O.parameters
+          host: V,
+          httpsPort: B,
+          userId: I,
+          token: R?.token ?? void 0,
+          spaceId: u?.spaceId,
+          parameters: S.parameters
         }
       };
     }
-    return K?.token && c?.spaceId ? {
+    return R?.token && u?.spaceId ? {
       sessionToken: {
-        token: K.token,
-        spaceId: c.spaceId,
-        backendType: Ye(),
-        sessionId: O.sessionId,
-        channelKey: O.channelKey,
-        parameters: O.parameters
+        token: R.token,
+        spaceId: u.spaceId,
+        backendType: qe(),
+        sessionId: S.sessionId,
+        channelKey: S.channelKey,
+        parameters: S.parameters
       }
-    } : I && c?.spaceId ? {
+    } : J && u?.spaceId ? {
       sessionToken: {
-        token: I,
-        spaceId: c.spaceId,
-        backendType: Ye(),
-        sessionId: O.sessionId,
-        channelKey: O.channelKey,
-        parameters: O.parameters
+        token: J,
+        spaceId: u.spaceId,
+        backendType: qe(),
+        sessionId: S.sessionId,
+        channelKey: S.channelKey,
+        parameters: S.parameters
       }
-    } : Ke() ? null : {
+    } : ze() ? null : {
       local: {
-        host: X,
-        httpsPort: Z,
-        spaceId: c?.spaceId,
-        parameters: O.parameters
+        host: V,
+        httpsPort: B,
+        spaceId: u?.spaceId,
+        parameters: S.parameters
       }
     };
-  }, [J, X, Z, K?.token, c?.spaceId, I, O.sessionId, O.channelKey, O.parameters]);
-  Wr(H);
-  const ue = qr(H);
+  }, [C, V, B, R?.token, u?.spaceId, J, S.sessionId, S.channelKey, S.parameters]);
+  Hr(Y);
+  const se = Xr(Y);
   L(() => {
-    if (!g.current) {
-      if (g.current = !0, l.current = xr(), r)
-        for (const b of r)
-          b(l.current);
-      l.current.loadRegisteredModules().catch((b) => {
-        Ie.error("Failed to load UI modules", b);
+    if (!p.current) {
+      if (p.current = !0, b.current = $r(), r)
+        for (const I of r)
+          I(b.current);
+      b.current.loadRegisteredModules().catch((I) => {
+        ye.error("Failed to load UI modules", I);
       });
     }
   }, []), L(() => {
-    if (!Q) return;
-    const b = new Mt({
-      ...Q,
-      timeouts: S.current,
-      audio: p.current !== void 0 || y.current ? {
-        enabled: p.current,
-        ...y.current ? { background: { allowOnDesktop: !0, allowOnMobile: !0 } } : {}
+    if (!ee) return;
+    const I = new Ut({
+      ...ee,
+      timeouts: k.current,
+      audio: M.current !== void 0 || w.current ? {
+        enabled: M.current,
+        ...w.current ? { background: { allowOnDesktop: !0, allowOnMobile: !0 } } : {}
       } : void 0,
-      video: v.current !== void 0 ? { enabled: v.current } : void 0,
+      video: z.current !== void 0 ? { enabled: z.current } : void 0,
       mediaSession: { title: document.title || void 0, artist: document.title || void 0 },
-      webRtc: m.current ? { enabled: !0 } : void 0,
-      onConnectionStateChange: (j) => {
-        _(j);
+      webRtc: O.current ? { enabled: !0 } : void 0,
+      websocket: Q.current,
+      webtransport: T.current,
+      onConnectionStateChange: (Z) => {
+        F(Z);
       },
-      onError: (j) => {
-        z(j.message);
+      onError: (Z) => {
+        U(Z.message);
       }
     });
-    u.current = b;
-    const R = new Zt({ client: b });
-    return h.current = R, C(R), b.connect().catch((j) => {
-      Ie.error("Connection failed:", j);
+    m.current = I;
+    const x = new rr({ client: I });
+    return y.current = x, re(x), I.connect().catch((Z) => {
+      ye.error("Connection failed:", Z), Z instanceof xt && !g.current && (g.current = !0, ye.warn("Auth session appears stale, clearing and retrying"), l ? l.logout() : (we(), d((Ct) => Ct + 1)));
     }), () => {
-      b.disconnect(), u.current = null, R.dispose(), h.current = null;
+      I.disconnect(), m.current = null, x.dispose(), y.current = null;
     };
-  }, [Q]);
-  const d = x((b, R) => {
-    const j = typeof R == "string" ? R : JSON.stringify(R ?? {});
-    u.current?.sendActionCall(b, j);
-  }, []), w = k === "connected" || k === "reconnecting";
+  }, [ee]);
+  const N = D((I, x) => {
+    const Z = typeof x == "string" ? x : JSON.stringify(x ?? {});
+    m.current?.sendActionCall(I, Z);
+  }, []), X = _ === "connected" || _ === "reconnecting";
   return {
-    connectionState: k,
-    error: D,
-    stores: ue,
-    client: u.current,
-    registry: l.current,
-    clientRef: u,
-    uiRef: h,
-    registryRef: l,
-    onAction: d,
-    isReady: w,
-    webRtcVideoStreams: u.current?.webRtcVideoStreams ?? /* @__PURE__ */ new Map(),
-    webRtcTrackMap: u.current?.webRtcTrackMap ?? /* @__PURE__ */ new Map()
+    connectionState: _,
+    error: j,
+    stores: se,
+    client: m.current,
+    registry: b.current,
+    clientRef: m,
+    uiRef: y,
+    registryRef: b,
+    onAction: N,
+    isReady: X,
+    webRtcVideoStreams: m.current?.webRtcVideoStreams ?? /* @__PURE__ */ new Map(),
+    webRtcTrackMap: m.current?.webRtcTrackMap ?? /* @__PURE__ */ new Map()
   };
 }
-function vo(t) {
-  const e = T(!1);
-  return x(() => {
+function Co(t) {
+  const e = v(!1);
+  return D(() => {
     if (e.current) return;
     e.current = !0;
     const r = document.createElement("link");
     r.rel = "stylesheet", r.href = t, document.head.appendChild(r);
   }, [t]);
 }
-let eo = 0;
-function Ro(t = 5, e = 5e3) {
-  const [r, n] = G([]), o = T(/* @__PURE__ */ new Map()), s = x((i) => {
+let ao = 0;
+function Io(t = 5, e = 5e3) {
+  const [r, n] = G([]), o = v(/* @__PURE__ */ new Map()), s = D((i) => {
     const a = o.current.get(i);
     a && (clearTimeout(a), o.current.delete(i)), n((c) => c.filter((f) => f.id !== i));
   }, []);
   return L(() => {
-    const i = o.current, a = Lt(
+    const i = o.current, a = Dt(
       (c) => {
-        if (!Ut())
+        if (!Ft())
           return;
-        const f = `toast-${++eo}`, u = c.level === We.ERROR ? "error" : "warn", h = {
+        const f = `toast-${++ao}`, u = c.level === Ge.ERROR ? "error" : "warn", h = {
           id: f,
           level: u,
           message: c.message,
           component: c.component
         };
-        n((g) => [...g, h].slice(-t));
+        n((m) => [...m, h].slice(-t));
         const l = setTimeout(() => {
           s(f);
         }, e);
         i.set(f, l);
       },
-      { minLevel: We.WARN }
+      { minLevel: Ge.WARN }
     );
     return () => {
       a();
@@ -3060,100 +3072,100 @@ function Ro(t = 5, e = 5e3) {
     };
   }, [t, e, s]), { toasts: r, dismissToast: s };
 }
-const At = lt(null);
-function to(t, e) {
+const Tt = ht(null);
+function co(t, e) {
   return e ? t.replace(/\{(\w+)\}/g, (r, n) => e[n] ?? `{${n}}`) : t;
 }
-function ro(t, e) {
-  const n = new URLSearchParams(window.location.search).get("lang");
-  if (n && t.includes(n))
-    return n;
-  const o = navigator.language.split("-")[0];
-  return t.includes(o) ? o : e && t.includes(e) ? e : "en";
+function uo(t, e) {
+  const r = Bt();
+  if (r && t.includes(r))
+    return r;
+  const n = navigator.language.split("-")[0];
+  return t.includes(n) ? n : e && t.includes(e) ? e : "en";
 }
-function no(t, e, r) {
-  return e ? ro(t, r) : r && t.includes(r) ? r : "en";
+function lo(t, e, r) {
+  return e ? uo(t, r) : r && t.includes(r) ? r : "en";
 }
-function Eo({
+function Oo({
   children: t,
   translations: e,
   defaultLanguage: r,
   detectLanguage: n = !1
 }) {
-  const o = Object.keys(e), s = no(o, n, r), i = e[s] ?? e.en, a = $(
+  const o = Object.keys(e), s = lo(o, n, r), i = e[s] ?? e.en, a = K(
     () => ({
       t: (c, f) => {
         const u = i[c];
-        return to(u, f);
+        return co(u, f);
       },
       locale: s,
       translations: i
     }),
     [i, s]
   );
-  return /* @__PURE__ */ A.jsx(At, { value: a, children: t });
+  return /* @__PURE__ */ A.jsx(Tt, { value: a, children: t });
 }
-function Ao() {
-  const t = xe(At);
+function _o() {
+  const t = Be(Tt);
   if (!t)
     throw new Error("useI18n must be used within an I18nProvider");
   return t;
 }
 export {
-  go as AuthProvider,
-  bo as ConnectionStateRenderer,
-  Eo as I18nProvider,
-  ir as IKON_UI_BASE_MODULE,
-  Sr as IKON_UI_MEDIA_MODULE,
-  jr as IKON_UI_SHADERTOY_MODULE,
-  Nr as IKON_UI_SHADERTOY_TYPE,
-  Ne as IKON_UI_STREAM_CATEGORY,
-  hr as IKON_UI_VIDEO_CANVAS_TYPE,
-  mr as IKON_UI_VIDEO_URL_PLAYER_TYPE,
-  Zt as IkonUi,
-  Ur as IkonUiRegistry,
-  uo as IkonUiSurface,
-  Jt as UiComponentRegistry,
-  Ht as UiRenderer,
-  Co as UiStreamStore,
-  lo as areIkonUiModuleListsEqual,
-  bt as authenticateAnonymous,
-  Dn as buildOAuthRedirectUrl,
-  St as clearAuthSession,
-  ut as clearOAuthParams,
-  sr as createBaseResolvers,
-  ao as createComponentLibrary,
-  xr as createIkonUiRegistry,
-  gr as createMediaResolvers,
-  Pr as createShadertoyRendererResolver,
-  Xt as isIkonUiCategoryMatch,
-  yt as loadAuthSession,
-  ar as loadBaseModule,
-  br as loadMediaModule,
-  Mr as loadShadertoyModule,
-  dn as normalizeIkonUiModuleList,
-  ho as parseIkonUiInitPayload,
-  Un as parseOAuthCallback,
-  xn as parseOAuthError,
-  fn as readIkonUiModules,
-  fo as readIkonUiModulesFromSources,
-  cr as registerBaseModule,
-  wr as registerMediaModule,
-  Lr as registerShadertoyModule,
-  qt as renderChildren,
-  mo as renderMotionLetters,
-  ye as saveAuthSession,
-  po as sendMagicLink,
-  ae as sessionToUser,
-  Xn as useAuth,
-  So as useAuthGuard,
-  yo as useAuthOptional,
-  Ao as useI18n,
-  wo as useIkonApp,
-  Wr as useIkonStyles,
-  qr as useIkonUiStores,
-  vo as useLazyFont,
-  Ro as useToasts,
-  q as useUiNode,
-  co as useUiStore
+  Eo as AuthProvider,
+  ko as ConnectionStateRenderer,
+  Oo as I18nProvider,
+  lr as IKON_UI_BASE_MODULE,
+  Rr as IKON_UI_MEDIA_MODULE,
+  xr as IKON_UI_SHADERTOY_MODULE,
+  Lr as IKON_UI_SHADERTOY_TYPE,
+  je as IKON_UI_STREAM_CATEGORY,
+  yr as IKON_UI_VIDEO_CANVAS_TYPE,
+  Sr as IKON_UI_VIDEO_URL_PLAYER_TYPE,
+  rr as IkonUi,
+  Br as IkonUiRegistry,
+  yo as IkonUiSurface,
+  er as UiComponentRegistry,
+  Qt as UiRenderer,
+  Mo as UiStreamStore,
+  So as areIkonUiModuleListsEqual,
+  vt as authenticateAnonymous,
+  Yn as buildOAuthRedirectUrl,
+  we as clearAuthSession,
+  ft as clearOAuthParams,
+  ur as createBaseResolvers,
+  po as createComponentLibrary,
+  $r as createIkonUiRegistry,
+  wr as createMediaResolvers,
+  Ur as createShadertoyRendererResolver,
+  tr as isIkonUiCategoryMatch,
+  wt as loadAuthSession,
+  dr as loadBaseModule,
+  Er as loadMediaModule,
+  Dr as loadShadertoyModule,
+  pn as normalizeIkonUiModuleList,
+  wo as parseIkonUiInitPayload,
+  Vn as parseOAuthCallback,
+  Kn as parseOAuthError,
+  gn as readIkonUiModules,
+  bo as readIkonUiModulesFromSources,
+  fr as registerBaseModule,
+  Ar as registerMediaModule,
+  Fr as registerShadertoyModule,
+  Xt as renderChildren,
+  vo as renderMotionLetters,
+  Ae as saveAuthSession,
+  Ro as sendMagicLink,
+  de as sessionToUser,
+  no as useAuth,
+  Ao as useAuthGuard,
+  oo as useAuthOptional,
+  _o as useI18n,
+  To as useIkonApp,
+  Hr as useIkonStyles,
+  Xr as useIkonUiStores,
+  Co as useLazyFont,
+  Io as useToasts,
+  H as useUiNode,
+  go as useUiStore
 };