@ikonai/sdk-react-ui 1.0.33 → 1.0.35

package/index.js

@@ -1,8 +1,8 @@
-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 U, 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 Ut, deriveBackendType as qe, IkonClient as Lt, AuthenticationError as xt, subscribeToLogEvents as Dt, isDebugModeEnabled as Ft, LogLevel as Ge, getLangParam as Bt } from "@ikonai/sdk";
-var pe = { exports: {} }, ie = {};
+import { IkonUiCore as _t, UiStreamStore as Nt } from "@ikonai/sdk-ui";
+import { UiStreamStore as Uo } from "@ikonai/sdk-ui";
+import Pt, { useSyncExternalStore as $e, useMemo as K, memo as Y, useRef as w, useCallback as F, Fragment as Mt, useEffect as j, useState as G, createContext as pt, use as Ve } from "react";
+import { createLogger as Ee, getOrCreateDeviceId as jt, deriveAuthUrl as je, parseUrlParams as Ut, clearSessionParamsFromUrl as Lt, isCloudEnvironment as Ge, extractUserIdFromToken as xt, deriveBackendType as He, IkonClient as Dt, AuthenticationError as Ft, subscribeToLogEvents as Bt, isDebugModeEnabled as $t, LogLevel as Je, getLangParam as Vt } from "@ikonai/sdk";
+var ge = { exports: {} }, ae = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -12,10 +12,10 @@ var pe = { exports: {} }, ie = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var He;
-function $t() {
-  if (He) return ie;
-  He = 1;
+var Xe;
+function Kt() {
+  if (Xe) return ae;
+  Xe = 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 $t() {
       props: s
     };
   }
-  return ie.Fragment = e, ie.jsx = r, ie.jsxs = r, ie;
+  return ae.Fragment = e, ae.jsx = r, ae.jsxs = r, ae;
 }
-var ae = {};
+var ce = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -44,246 +44,246 @@ var ae = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Je;
-function Vt() {
-  return Je || (Je = 1, process.env.NODE_ENV !== "production" && function() {
-    function t(l) {
-      if (l == null) return null;
-      if (typeof l == "function")
-        return l.$$typeof === F ? null : l.displayName || l.name || null;
-      if (typeof l == "string") return l;
-      switch (l) {
-        case S:
+var Ze;
+function Yt() {
+  return Ze || (Ze = 1, process.env.NODE_ENV !== "production" && function() {
+    function t(d) {
+      if (d == null) return null;
+      if (typeof d == "function")
+        return d.$$typeof === L ? null : d.displayName || d.name || null;
+      if (typeof d == "string") return d;
+      switch (d) {
+        case b:
           return "Fragment";
         case g:
           return "Profiler";
         case m:
           return "StrictMode";
-        case M:
+        case U:
           return "Suspense";
         case z:
           return "SuspenseList";
         case _:
           return "Activity";
       }
-      if (typeof l == "object")
-        switch (typeof l.tag == "number" && console.error(
+      if (typeof d == "object")
+        switch (typeof d.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), l.$$typeof) {
-          case y:
+        ), d.$$typeof) {
+          case p:
             return "Portal";
           case k:
-            return (l.displayName || "Context") + ".Provider";
-          case w:
-            return (l._context.displayName || "Context") + ".Consumer";
-          case O:
-            var b = l.render;
-            return l = l.displayName, l || (l = b.displayName || b.name || "", l = l !== "" ? "ForwardRef(" + l + ")" : "ForwardRef"), l;
-          case Q:
-            return b = l.displayName || null, b !== null ? b : t(l.type) || "Memo";
-          case T:
-            b = l._payload, l = l._init;
+            return (d.displayName || "Context") + ".Provider";
+          case v:
+            return (d._context.displayName || "Context") + ".Consumer";
+          case I:
+            var S = d.render;
+            return d = d.displayName, d || (d = S.displayName || S.name || "", d = d !== "" ? "ForwardRef(" + d + ")" : "ForwardRef"), d;
+          case J:
+            return S = d.displayName || null, S !== null ? S : t(d.type) || "Memo";
+          case C:
+            S = d._payload, d = d._init;
             try {
-              return t(l(b));
+              return t(d(S));
             } catch {
             }
         }
       return null;
     }
-    function e(l) {
-      return "" + l;
+    function e(d) {
+      return "" + d;
     }
-    function r(l) {
+    function r(d) {
       try {
-        e(l);
-        var b = !1;
+        e(d);
+        var S = !1;
       } catch {
-        b = !0;
+        S = !0;
       }
-      if (b) {
-        b = console;
-        var R = b.error, C = typeof Symbol == "function" && Symbol.toStringTag && l[Symbol.toStringTag] || l.constructor.name || "Object";
-        return R.call(
-          b,
+      if (S) {
+        S = console;
+        var T = S.error, A = typeof Symbol == "function" && Symbol.toStringTag && d[Symbol.toStringTag] || d.constructor.name || "Object";
+        return T.call(
+          S,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          C
-        ), e(l);
+          A
+        ), e(d);
       }
     }
-    function n(l) {
-      if (l === S) return "<>";
-      if (typeof l == "object" && l !== null && l.$$typeof === T)
+    function n(d) {
+      if (d === b) return "<>";
+      if (typeof d == "object" && d !== null && d.$$typeof === C)
         return "<...>";
       try {
-        var b = t(l);
-        return b ? "<" + b + ">" : "<...>";
+        var S = t(d);
+        return S ? "<" + S + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function o() {
-      var l = j.A;
-      return l === null ? null : l.getOwner();
+      var d = N.A;
+      return d === null ? null : d.getOwner();
     }
     function s() {
       return Error("react-stack-top-frame");
     }
-    function i(l) {
-      if (L.call(l, "key")) {
-        var b = Object.getOwnPropertyDescriptor(l, "key").get;
-        if (b && b.isReactWarning) return !1;
+    function i(d) {
+      if (B.call(d, "key")) {
+        var S = Object.getOwnPropertyDescriptor(d, "key").get;
+        if (S && S.isReactWarning) return !1;
       }
-      return l.key !== void 0;
+      return d.key !== void 0;
     }
-    function a(l, b) {
-      function R() {
-        J || (J = !0, console.error(
+    function a(d, S) {
+      function T() {
+        oe || (oe = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          b
+          S
         ));
       }
-      R.isReactWarning = !0, Object.defineProperty(l, "key", {
-        get: R,
+      T.isReactWarning = !0, Object.defineProperty(d, "key", {
+        get: T,
         configurable: !0
       });
     }
     function c() {
-      var l = t(this.type);
-      return he[l] || (he[l] = !0, console.error(
+      var d = t(this.type);
+      return me[d] || (me[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."
-      )), l = this.props.ref, l !== void 0 ? l : null;
+      )), d = this.props.ref, d !== void 0 ? d : null;
     }
-    function d(l, b, R, C, V, B, ee, se) {
-      return R = B.ref, l = {
-        $$typeof: p,
-        type: l,
-        key: b,
-        props: B,
-        _owner: V
-      }, (R !== void 0 ? R : null) !== null ? Object.defineProperty(l, "ref", {
+    function f(d, S, T, A, x, D, ee, te) {
+      return T = D.ref, d = {
+        $$typeof: y,
+        type: d,
+        key: S,
+        props: D,
+        _owner: x
+      }, (T !== void 0 ? T : null) !== null ? Object.defineProperty(d, "ref", {
         enumerable: !1,
         get: c
-      }) : Object.defineProperty(l, "ref", { enumerable: !1, value: null }), l._store = {}, Object.defineProperty(l._store, "validated", {
+      }) : Object.defineProperty(d, "ref", { enumerable: !1, value: null }), d._store = {}, Object.defineProperty(d._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(l, "_debugInfo", {
+      }), Object.defineProperty(d, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(l, "_debugStack", {
+      }), Object.defineProperty(d, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: ee
-      }), Object.defineProperty(l, "_debugTask", {
+      }), Object.defineProperty(d, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: se
-      }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
+        value: te
+      }), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
     }
-    function u(l, b, R, C, V, B, ee, se) {
-      var N = b.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);
+    function l(d, S, T, A, x, D, ee, te) {
+      var O = S.children;
+      if (O !== void 0)
+        if (A)
+          if (W(O)) {
+            for (A = 0; A < O.length; A++)
+              u(O[A]);
+            Object.freeze && Object.freeze(O);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else h(N);
-      if (L.call(b, "key")) {
-        N = t(l);
-        var X = Object.keys(b).filter(function(x) {
-          return x !== "key";
+        else u(O);
+      if (B.call(S, "key")) {
+        O = t(d);
+        var Z = Object.keys(S).filter(function(Te) {
+          return Te !== "key";
         });
-        C = 0 < X.length ? "{key: someKey, " + X.join(": ..., ") + ": ...}" : "{key: someKey}", me[N + C] || (X = 0 < X.length ? "{" + X.join(": ..., ") + ": ...}" : "{}", console.error(
+        A = 0 < Z.length ? "{key: someKey, " + Z.join(": ..., ") + ": ...}" : "{key: someKey}", se[O + A] || (Z = 0 < Z.length ? "{" + Z.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          C,
-          N,
-          X,
-          N
-        ), me[N + C] = !0);
+          A,
+          O,
+          Z,
+          O
+        ), se[O + A] = !0);
       }
-      if (N = null, R !== void 0 && (r(R), N = "" + R), i(b) && (r(b.key), N = "" + b.key), "key" in b) {
-        R = {};
-        for (var I in b)
-          I !== "key" && (R[I] = b[I]);
-      } else R = b;
-      return N && a(
-        R,
-        typeof l == "function" ? l.displayName || l.name || "Unknown" : l
-      ), d(
-        l,
-        N,
-        B,
-        V,
+      if (O = null, T !== void 0 && (r(T), O = "" + T), i(S) && (r(S.key), O = "" + S.key), "key" in S) {
+        T = {};
+        for (var ie in S)
+          ie !== "key" && (T[ie] = S[ie]);
+      } else T = S;
+      return O && a(
+        T,
+        typeof d == "function" ? d.displayName || d.name || "Unknown" : d
+      ), f(
+        d,
+        O,
+        D,
+        x,
         o(),
-        R,
+        T,
         ee,
-        se
+        te
       );
     }
-    function h(l) {
-      typeof l == "object" && l !== null && l.$$typeof === p && l._store && (l._store.validated = 1);
+    function u(d) {
+      typeof d == "object" && d !== null && d.$$typeof === y && d._store && (d._store.validated = 1);
     }
-    var f = _t, p = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), m = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), 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 = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, L = Object.prototype.hasOwnProperty, Y = Array.isArray, re = console.createTask ? console.createTask : function() {
+    var h = Pt, y = Symbol.for("react.transitional.element"), p = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), m = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), v = Symbol.for("react.consumer"), k = Symbol.for("react.context"), I = Symbol.for("react.forward_ref"), U = Symbol.for("react.suspense"), z = Symbol.for("react.suspense_list"), J = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), _ = Symbol.for("react.activity"), L = Symbol.for("react.client.reference"), N = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, B = Object.prototype.hasOwnProperty, W = Array.isArray, re = console.createTask ? console.createTask : function() {
       return null;
     };
-    f = {
-      "react-stack-bottom-frame": function(l) {
-        return l();
+    h = {
+      "react-stack-bottom-frame": function(d) {
+        return d();
       }
     };
-    var J, he = {}, ne = f["react-stack-bottom-frame"].bind(
-      f,
+    var oe, me = {}, X = h["react-stack-bottom-frame"].bind(
+      h,
       s
-    )(), oe = re(n(s)), me = {};
-    ae.Fragment = S, ae.jsx = function(l, b, R, C, V) {
-      var B = 1e4 > j.recentlyCreatedOwnerStacks++;
-      return u(
-        l,
-        b,
-        R,
+    )(), pe = re(n(s)), se = {};
+    ce.Fragment = b, ce.jsx = function(d, S, T, A, x) {
+      var D = 1e4 > N.recentlyCreatedOwnerStacks++;
+      return l(
+        d,
+        S,
+        T,
         !1,
-        C,
-        V,
-        B ? Error("react-stack-top-frame") : ne,
-        B ? re(n(l)) : oe
+        A,
+        x,
+        D ? Error("react-stack-top-frame") : X,
+        D ? re(n(d)) : pe
       );
-    }, ae.jsxs = function(l, b, R, C, V) {
-      var B = 1e4 > j.recentlyCreatedOwnerStacks++;
-      return u(
-        l,
-        b,
-        R,
+    }, ce.jsxs = function(d, S, T, A, x) {
+      var D = 1e4 > N.recentlyCreatedOwnerStacks++;
+      return l(
+        d,
+        S,
+        T,
         !0,
-        C,
-        V,
-        B ? Error("react-stack-top-frame") : ne,
-        B ? re(n(l)) : oe
+        A,
+        x,
+        D ? Error("react-stack-top-frame") : X,
+        D ? re(n(d)) : pe
       );
     };
-  }()), ae;
+  }()), ce;
 }
-var Xe;
-function Kt() {
-  return Xe || (Xe = 1, process.env.NODE_ENV === "production" ? pe.exports = $t() : pe.exports = Vt()), pe.exports;
+var Qe;
+function zt() {
+  return Qe || (Qe = 1, process.env.NODE_ENV === "production" ? ge.exports = Kt() : ge.exports = Yt()), ge.exports;
 }
-var A = Kt();
-function Yt(t, e) {
-  const r = Fe(
+var E = zt();
+function Wt(t, e) {
+  const r = $e(
     (n) => t.subscribe(n),
     () => {
       const n = t.getSnapshot(), o = e ?? n.rootViewId, s = o ? n.views.get(o) : void 0;
@@ -303,15 +303,15 @@ function Yt(t, e) {
   }, [r]);
 }
 function H(t, e) {
-  const r = Fe(
+  const r = $e(
     (n) => t.subscribeNode(e, n),
     () => t.getNodeVersion(e),
     () => t.getNodeVersion(e)
   );
   return K(() => t.getNode(e), [t, e, r]);
 }
-const Wt = Re("UIRenderer");
-function zt(t) {
+const qt = Ee("UIRenderer");
+function Gt(t) {
   if (t === void 0)
     return "{}";
   if (typeof t == "string")
@@ -322,18 +322,18 @@ function zt(t) {
     return "{}";
   }
 }
-function qt(t) {
+function Ht(t) {
   const e = t.styleIds;
   return Array.isArray(e) ? e : [];
 }
-function Gt(t) {
+function Jt(t) {
   const e = t.children;
   return Array.isArray(e) ? e : [];
 }
-function Ht(t, e) {
+function Xt(t, e) {
   return t.nodeId === e.nodeId && t.context === e.context;
 }
-function Jt(t) {
+function Zt(t) {
   if (t.length === 0) return "";
   if (t.length === 1) return t[0].id;
   let e = t[0].id;
@@ -341,66 +341,66 @@ function Jt(t) {
     e += "," + t[r].id;
   return e;
 }
-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)),
+const Ue = Y(function t({ nodeId: e, context: r }) {
+  const n = H(r.store, e), o = n ? Jt(n) : [], s = Zt(o), i = K(
+    () => o.length === 0 ? null : o.map((u) => /* @__PURE__ */ E.jsx(t, { nodeId: u.id, context: r }, u.id)),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [s, r]
   );
   if (!n)
     return null;
   if (n.type === "root")
-    return /* @__PURE__ */ A.jsx(Nt, { children: i }, n.id);
+    return /* @__PURE__ */ E.jsx(Mt, { children: i }, n.id);
   const a = r.library.resolve(n);
   if (!a)
-    return Wt.warn(`No renderer for node type ${n.type}`), null;
-  const c = qt(n), d = c.length > 0 ? c.join(" ") : void 0, u = a;
-  return /* @__PURE__ */ A.jsx(u, { nodeId: e, context: r, className: d });
-}, 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 Zt(t, e) {
+    return qt.warn(`No renderer for node type ${n.type}`), null;
+  const c = Ht(n), f = c.length > 0 ? c.join(" ") : void 0, l = a;
+  return /* @__PURE__ */ E.jsx(l, { nodeId: e, context: r, className: f });
+}, Xt);
+function Qt(t, e) {
+  return !Array.isArray(t) || t.length === 0 ? null : t.map((r) => /* @__PURE__ */ E.jsx(Ue, { nodeId: r.id, context: e }, r.id));
+}
+function er(t, e) {
   return t.store === e.store && t.library === e.library && t.viewId === e.viewId && t.emptyFallback === e.emptyFallback;
 }
-const Qt = W(function({ store: e, library: r, viewId: n, emptyFallback: o = null, onAction: s, client: i, video: a }) {
-  const { rootViewId: c, rootNodeId: d } = Yt(e, n), u = v(s);
-  u.current = s;
-  const h = v(i);
-  h.current = i;
-  const f = v(a);
-  f.current = a;
-  const p = D((S, m) => {
-    if (!S)
+const tr = Y(function({ store: e, library: r, viewId: n, emptyFallback: o = null, onAction: s, client: i, video: a }) {
+  const { rootViewId: c, rootNodeId: f } = Wt(e, n), l = w(s);
+  l.current = s;
+  const u = w(i);
+  u.current = i;
+  const h = w(a);
+  h.current = a;
+  const y = F((b, m) => {
+    if (!b)
       return;
-    const g = zt(m);
-    u.current?.(S, g);
-  }, []), y = K(() => {
-    const S = {
+    const g = Gt(m);
+    l.current?.(b, g);
+  }, []), p = 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) => Xt(m, S),
+      renderChildren: (m) => Qt(m, b),
       renderView: (m) => {
         const g = e.getSnapshot().views.get(m);
-        return g ? /* @__PURE__ */ A.jsx(Me, { nodeId: g.id, context: S }) : null;
+        return g ? /* @__PURE__ */ E.jsx(Ue, { nodeId: g.id, context: b }) : null;
       },
-      dispatchAction: p,
+      dispatchAction: y,
       // Access client/video via refs to avoid context recreation
       get client() {
-        return h.current;
+        return u.current;
       },
       get video() {
-        return f.current;
+        return h.current;
       }
     };
-    return S;
-  }, [e, r, p]);
-  return !c || !d ? o : /* @__PURE__ */ A.jsx("div", { "data-ikon-view-id": c, style: { display: "contents" }, children: /* @__PURE__ */ A.jsx(Me, { nodeId: d, context: y }) });
-}, Zt);
-class er {
+    return b;
+  }, [e, r, y]);
+  return !c || !f ? o : /* @__PURE__ */ E.jsx("div", { "data-ikon-view-id": c, style: { display: "contents" }, children: /* @__PURE__ */ E.jsx(Ue, { nodeId: f, context: p }) });
+}, er);
+class rr {
   constructor(e, r) {
     if (this.fallback = r, e)
       for (const [n, o] of e)
@@ -417,41 +417,41 @@ class er {
     return this.renderers.get(e.type) ?? this.fallback;
   }
 }
-function po(t, e) {
+function yo(t, e) {
   const r = Object.entries(t);
-  return new er(r, e);
+  return new rr(r, e);
 }
-function go(t) {
-  return Fe(
+function bo(t) {
+  return $e(
     (e) => t.subscribe(e),
     () => t.getSnapshot(),
     () => t.getSnapshot()
   );
 }
-const je = "ikon-ui";
-function tr(t, e) {
+const Le = "ikon-ui";
+function nr(t, e) {
   return t === e;
 }
-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);
+const So = Y(function({ stores: e, registry: r, category: n = Le, onAction: o, client: s }) {
+  const i = K(() => Array.from(e.keys()).sort().join(","), [e]), a = w(o);
   a.current = o;
-  const c = v(s);
+  const c = w(s);
   c.current = s;
-  const d = K(
+  const f = K(
     () => {
-      const u = [];
-      for (const [h, f] of e) {
-        const p = f.store.getSnapshot();
-        tr(f.category, n) && (!p.rootViewId || !p.views.has(p.rootViewId) || u.push({ key: h, store: f.store }));
+      const l = [];
+      for (const [u, h] of e) {
+        const y = h.store.getSnapshot();
+        nr(h.category, n) && (!y.rootViewId || !y.views.has(y.rootViewId) || l.push({ key: u, store: h.store }));
       }
-      return u;
+      return l;
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [e, n, i]
   );
-  return d.length === 0 ? null : /* @__PURE__ */ A.jsx(A.Fragment, { children: d.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)) });
+  return f.length === 0 ? null : /* @__PURE__ */ E.jsx(E.Fragment, { children: f.map(({ key: l, store: u }) => /* @__PURE__ */ E.jsx(tr, { store: u, library: r, onAction: a.current, client: c.current, video: c.current?.media?.video }, l)) });
 });
-class rr {
+class or {
   core;
   ownsCore;
   stores = /* @__PURE__ */ new Map();
@@ -459,7 +459,7 @@ class rr {
   unsubscribeClears;
   unsubscribeStoreChanges;
   constructor(e) {
-    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();
+    this.core = e?.core ?? new _t({ 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 rr {
     if (r)
       return r;
     const n = {
-      category: je,
-      store: new Ot()
+      category: Le,
+      store: new Nt()
     };
     return this.stores.set(e, n), n;
   }
@@ -518,7 +518,7 @@ class rr {
     const n = this.stores.get(e);
     if (!n)
       return !1;
-    const o = r ?? this.core.uiStore.getSnapshot(e)?.category ?? je;
+    const o = r ?? this.core.uiStore.getSnapshot(e)?.category ?? Le;
     return n.category === o ? !1 : (this.stores.set(e, { ...n, category: o }), !0);
   }
   notify(e) {
@@ -526,13 +526,13 @@ class rr {
       r(e);
   }
 }
-function nr(t) {
+function sr(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
   }
 }
-function fe(t) {
+function he(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -542,7 +542,7 @@ function fe(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function $e(...t) {
+function Ke(...t) {
   let e = "";
   for (const r of t)
     if (r) {
@@ -551,58 +551,57 @@ function $e(...t) {
     }
   return e || void 0;
 }
-const Ze = /* @__PURE__ */ new WeakMap(), or = {};
-function Ve(t) {
+const et = /* @__PURE__ */ new WeakMap(), ir = {};
+function Ye(t) {
   if (!t)
-    return or;
-  const e = Ze.get(t);
+    return ir;
+  const e = et.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 Ze.set(t, r), r;
+  return et.set(t, r), r;
 }
-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, d = fe(o?.props?.key), u = o?.props?.preciseGeneratedAt;
-    return U(() => {
+function ar() {
+  const t = Y(function({ nodeId: r, context: n }) {
+    const o = H(n.store, r), s = w(null), i = he(o?.props?.targetViewId), a = o?.props?.focusOnly, c = typeof a == "boolean" ? a : void 0, f = he(o?.props?.key), l = o?.props?.preciseGeneratedAt;
+    return j(() => {
       if (typeof document > "u")
         return;
-      const f = s.current;
-      if (!f || i && f.closest("[data-ikon-view-id]")?.getAttribute("data-ikon-view-id") !== i)
+      const h = s.current;
+      if (!h || i && h.closest("[data-ikon-view-id]")?.getAttribute("data-ikon-view-id") !== i)
         return;
-      const p = c !== !0;
-      if (p) {
-        const g = ((w) => {
-          let k = w.parentElement;
+      if (c !== !0) {
+        const g = ((v) => {
+          let k = v.parentElement;
           for (; k; ) {
-            const M = window.getComputedStyle(k).overflowY;
-            if (M === "auto" || M === "scroll" || k.hasAttribute("data-radix-scroll-area-viewport"))
+            const U = window.getComputedStyle(k).overflowY;
+            if (U === "auto" || U === "scroll" || k.hasAttribute("data-radix-scroll-area-viewport"))
               return k;
             k = k.parentElement;
           }
           return null;
-        })(f);
+        })(h);
         g ? requestAnimationFrame(() => {
-          const w = g.getBoundingClientRect(), k = f.getBoundingClientRect(), O = g.scrollTop + (k.bottom - w.bottom) + 16;
-          "scrollBehavior" in document.documentElement.style ? g.scrollTo({ top: O, behavior: "smooth" }) : g.scrollTop = O;
-        }) : typeof f.scrollIntoView == "function" && requestAnimationFrame(() => {
+          const v = g.getBoundingClientRect(), k = h.getBoundingClientRect(), I = g.scrollTop + (k.bottom - v.bottom) + 16;
+          "scrollBehavior" in document.documentElement.style ? g.scrollTo({ top: I, behavior: "smooth" }) : g.scrollTop = I;
+        }) : typeof h.scrollIntoView == "function" && requestAnimationFrame(() => {
           try {
-            f.scrollIntoView({ behavior: "smooth", block: "end", inline: "nearest" });
+            h.scrollIntoView({ behavior: "smooth", block: "end", inline: "nearest" });
           } catch {
-            f.scrollIntoView(!1);
+            h.scrollIntoView(!1);
           }
         });
       }
-      const y = document.activeElement;
-      if (!(y instanceof HTMLInputElement || y instanceof HTMLTextAreaElement || y?.getAttribute("contenteditable") === "true") && typeof f.focus == "function")
+      const p = document.activeElement;
+      if (!(p instanceof HTMLInputElement || p instanceof HTMLTextAreaElement || p?.getAttribute("contenteditable") === "true") && typeof h.focus == "function")
         try {
-          f.focus({ preventScroll: !p });
+          h.focus({ preventScroll: !0 });
         } catch {
-          f.focus();
+          h.focus();
         }
-    }, [c, i, d, u]), o ? /* @__PURE__ */ A.jsx(
+    }, [c, i, f, l]), o ? /* @__PURE__ */ E.jsx(
       "span",
       {
         ref: s,
@@ -619,25 +618,25 @@ function sr() {
       return t;
   };
 }
-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(() => {
+function cr() {
+  const t = Y(function({ nodeId: r, context: n, className: o }) {
+    const s = H(n.store, r), i = sr(s?.props?.onInvokeId), a = F(() => {
       i && n.dispatchAction(i);
     }, [i, n]);
     if (!s)
       return null;
-    const c = Ve(s.props);
+    const c = Ye(s.props);
     delete c.onInvokeId;
-    const d = $e(fe(s.props?.className), o), u = s.children?.length ? n.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ A.jsx(
+    const f = Ke(he(s.props?.className), o), l = s.children?.length ? n.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ E.jsx(
       "div",
       {
         ...c,
         "data-ikon-node-id": s.id,
-        className: d,
+        className: f,
         onClick: i ? a : void 0,
         style: i ? { cursor: "pointer" } : void 0,
-        children: u
+        children: l
       }
     );
   });
@@ -646,45 +645,45 @@ function ir() {
       return t;
   };
 }
-function ar() {
-  const t = W(function({ nodeId: r, context: n, className: o }) {
+function ur() {
+  const t = Y(function({ nodeId: r, context: n, className: o }) {
     const s = H(n.store, r);
     if (!s)
       return null;
-    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 });
+    const i = Ye(s.props), a = Ke("relative", he(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ E.jsx("div", { ...i, "data-ikon-node-id": s.id, className: a, children: c });
   });
   return ({ type: e }) => {
     if (e === "std.stack")
       return t;
   };
 }
-function cr() {
-  const t = W(function({ nodeId: r, context: n, className: o }) {
+function lr() {
+  const t = Y(function({ nodeId: r, context: n, className: o }) {
     const s = H(n.store, r);
     if (!s)
       return null;
-    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 });
+    const i = Ye(s.props), a = Ke("absolute", he(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ E.jsx("div", { ...i, "data-ikon-node-id": s.id, className: a, children: c });
   });
   return ({ type: e }) => {
     if (e === "std.layer")
       return t;
   };
 }
-function ur() {
+function dr() {
   return [
-    ir(),
-    ar(),
     cr(),
-    sr()
+    ur(),
+    lr(),
+    ar()
   ];
 }
-const lr = "base", dr = async () => ur();
-function fr(t) {
-  t.registerModule(lr, dr);
+const fr = "base", hr = async () => dr();
+function mr(t) {
+  t.registerModule(fr, hr);
 }
-function hr(t) {
+function pr(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -694,19 +693,19 @@ function hr(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function mr(...t) {
+function gr(...t) {
   const e = [];
   for (const r of t)
     r && r.trim() && e.push(r.trim());
   return e.length > 0 ? e.join(" ") : void 0;
 }
-function Qe(t) {
+function tt(t) {
   if (typeof t != "string")
     return;
   const e = t.trim();
   return e.length > 0 ? e : void 0;
 }
-function ge(t) {
+function ye(t) {
   if (typeof t == "boolean")
     return t;
   if (typeof t == "string") {
@@ -715,9 +714,9 @@ function ge(t) {
     if (e === "false") return !1;
   }
 }
-const pr = "std.audio-url-player";
-function gr() {
-  const t = W(function({
+const yr = "std.audio-url-player";
+function br() {
+  const t = Y(function({
     nodeId: r,
     context: n,
     className: o
@@ -725,27 +724,27 @@ function gr() {
     const s = H(n.store, r);
     if (!s)
       return null;
-    const i = mr(hr(s.props?.className), o), a = Qe(s.props?.src), c = Qe(s.props?.preload), d = ge(s.props?.controls), u = ge(s.props?.autoplay), h = ge(s.props?.loop), f = ge(s.props?.muted);
-    return /* @__PURE__ */ A.jsx(
+    const i = gr(pr(s.props?.className), o), a = tt(s.props?.src), c = tt(s.props?.preload), f = ye(s.props?.controls), l = ye(s.props?.autoplay), u = ye(s.props?.loop), h = ye(s.props?.muted);
+    return /* @__PURE__ */ E.jsx(
       "audio",
       {
         src: a,
         ...c !== void 0 ? { preload: c } : {},
-        ...d !== void 0 ? { controls: d } : {},
-        ...u !== void 0 ? { autoPlay: u } : {},
-        ...h !== void 0 ? { loop: h } : {},
-        ...f !== void 0 ? { muted: f } : {},
+        ...f !== void 0 ? { controls: f } : {},
+        ...l !== void 0 ? { autoPlay: l } : {},
+        ...u !== void 0 ? { loop: u } : {},
+        ...h !== void 0 ? { muted: h } : {},
         "data-ikon-node-id": s.id,
         className: i
       }
     );
   });
   return ({ type: e }) => {
-    if (e === pr)
+    if (e === yr)
       return t;
   };
 }
-function mt(t) {
+function gt(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -755,13 +754,13 @@ function mt(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function pt(...t) {
+function yt(...t) {
   const e = [];
   for (const r of t)
     r && r.trim() && e.push(r.trim());
   return e.length > 0 ? e.join(" ") : void 0;
 }
-function be(t) {
+function Se(t) {
   if (typeof t == "number" && Number.isFinite(t))
     return Math.floor(t);
   if (typeof t == "string" && t.trim().length > 0) {
@@ -770,29 +769,29 @@ function be(t) {
       return Math.floor(e);
   }
 }
-function Ue(t) {
+function xe(t) {
   if (typeof t != "string")
     return;
   const e = t.trim();
   return e.length > 0 ? e : void 0;
 }
-const yr = "std.video-canvas", br = "std.video-url-player";
-function Sr() {
-  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, d = n.client, u = s ? Ue(s.props?.streamId) : void 0, h = s ? be(s.props?.width) : void 0, f = s ? be(s.props?.height) : void 0, p = s ? pt(mt(s.props?.className), o) : o, y = d?.isWebRtcEnabled && u ? d.getWebRtcVideoStreamByStreamId(u) : null;
-    return U(() => {
-      const S = i.current;
-      if (!(!c || !S || !u || y))
-        return c.attachCanvas(u, S), () => {
-          c.detachCanvas(u);
+const Sr = "std.video-canvas", wr = "std.video-url-player";
+function vr() {
+  const t = Y(function({ nodeId: r, context: n, className: o }) {
+    const s = H(n.store, r), i = w(null), a = w(null), c = n.video, f = n.client, l = s ? xe(s.props?.streamId) : void 0, u = s ? Se(s.props?.width) : void 0, h = s ? Se(s.props?.height) : void 0, y = s ? yt(gt(s.props?.className), o) : o, p = f?.isWebRtcEnabled && l ? f.getWebRtcVideoStreamByStreamId(l) : null;
+    return j(() => {
+      const b = i.current;
+      if (!(!c || !b || !l || p))
+        return c.attachCanvas(l, b), () => {
+          c.detachCanvas(l);
         };
-    }, [c, u, y]), U(() => {
-      const S = a.current;
-      if (!(!S || !y))
-        return S.srcObject = y, () => {
-          S.srcObject = null;
+    }, [c, l, p]), j(() => {
+      const b = a.current;
+      if (!(!b || !p))
+        return b.srcObject = p, () => {
+          b.srcObject = null;
         };
-    }, [y]), s ? y ? /* @__PURE__ */ A.jsx(
+    }, [p]), s ? p ? /* @__PURE__ */ E.jsx(
       "video",
       {
         ref: a,
@@ -800,34 +799,34 @@ function Sr() {
         playsInline: !0,
         muted: !0,
         "data-ikon-node-id": s.id,
-        "data-ikon-video-stream-id": u,
-        className: p,
-        ...h ? { width: h } : {},
-        ...f ? { height: f } : {}
+        "data-ikon-video-stream-id": l,
+        className: y,
+        ...u ? { width: u } : {},
+        ...h ? { height: h } : {}
       },
-      u
-    ) : /* @__PURE__ */ A.jsx(
+      l
+    ) : /* @__PURE__ */ E.jsx(
       "canvas",
       {
         ref: i,
         "data-ikon-node-id": s.id,
-        "data-ikon-video-stream-id": u,
-        className: p,
-        ...h ? { width: h } : {},
-        ...f ? { height: f } : {}
+        "data-ikon-video-stream-id": l,
+        className: y,
+        ...u ? { width: u } : {},
+        ...h ? { height: h } : {}
       },
-      u
+      l
     ) : null;
   });
   return ({ type: e }) => {
-    if (e === yr)
+    if (e === Sr)
       return t;
   };
 }
-function wr() {
-  return [Sr(), vr(), gr()];
+function Rr() {
+  return [vr(), Er(), br()];
 }
-function ce(t) {
+function ue(t) {
   if (typeof t == "boolean")
     return t;
   if (typeof t == "string") {
@@ -836,8 +835,8 @@ function ce(t) {
     if (e === "false") return !1;
   }
 }
-function vr() {
-  const t = W(function({
+function Er() {
+  const t = Y(function({
     nodeId: r,
     context: n,
     className: o
@@ -845,19 +844,19 @@ function vr() {
     const s = H(n.store, r);
     if (!s)
       return null;
-    const i = pt(mt(s.props?.className), o), a = Ue(s.props?.src), c = Ue(s.props?.poster), d = ce(s.props?.controls), u = ce(s.props?.autoplay), h = ce(s.props?.loop), f = ce(s.props?.muted), p = ce(s.props?.playsInline), y = be(s.props?.width), S = be(s.props?.height), m = s.children?.length ? n.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ A.jsx(
+    const i = yt(gt(s.props?.className), o), a = xe(s.props?.src), c = xe(s.props?.poster), f = ue(s.props?.controls), l = ue(s.props?.autoplay), u = ue(s.props?.loop), h = ue(s.props?.muted), y = ue(s.props?.playsInline), p = Se(s.props?.width), b = Se(s.props?.height), m = s.children?.length ? n.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ E.jsx(
       "video",
       {
         src: a,
         poster: c,
-        ...d !== void 0 ? { controls: d } : {},
-        ...u !== void 0 ? { autoPlay: u } : {},
-        ...h !== void 0 ? { loop: h } : {},
-        ...f !== void 0 ? { muted: f } : {},
-        ...p !== void 0 ? { playsInline: p } : {},
-        ...y ? { width: y } : {},
-        ...S ? { height: S } : {},
+        ...f !== void 0 ? { controls: f } : {},
+        ...l !== void 0 ? { autoPlay: l } : {},
+        ...u !== void 0 ? { loop: u } : {},
+        ...h !== void 0 ? { muted: h } : {},
+        ...y !== void 0 ? { playsInline: y } : {},
+        ...p ? { width: p } : {},
+        ...b ? { height: b } : {},
         "data-ikon-node-id": s.id,
         className: i,
         children: m
@@ -865,27 +864,27 @@ function vr() {
     );
   });
   return ({ type: e }) => {
-    if (e === br)
+    if (e === wr)
       return t;
   };
 }
-const Rr = "media", Er = async () => wr();
-function Ar(t) {
-  t.registerModule(Rr, Er);
+const Ar = "media", kr = async () => Rr();
+function Tr(t) {
+  t.registerModule(Ar, kr);
 }
-const kr = `#version 300 es
+const Cr = `#version 300 es
 in vec4 a_position;
 void main() {
     gl_Position = a_position;
 }
 `;
-function Tr(t, e) {
+function Ir(t, e) {
   return new RegExp(`\\buniform\\s+\\w+\\s+${e}\\s*;`, "g").test(t);
 }
-function Cr(t, e) {
+function Or(t, e) {
   const r = [];
   for (const [n, o] of Object.entries(e)) {
-    if (Tr(t, n))
+    if (Ir(t, n))
       continue;
     let s;
     switch (o.type) {
@@ -938,7 +937,7 @@ void main() {
 }
 `;
 }
-class Ir {
+class _r {
   gl;
   program = null;
   positionBuffer = null;
@@ -974,10 +973,10 @@ class Ir {
   }
   compile(e, r = {}) {
     this.lastError = null, this.customUniforms = r, this.currentShaderSource = e;
-    const n = this.gl, o = this.compileShader(n.VERTEX_SHADER, kr);
+    const n = this.gl, o = this.compileShader(n.VERTEX_SHADER, Cr);
     if (!o)
       return !1;
-    const s = Cr(e, r), i = this.compileShader(n.FRAGMENT_SHADER, s);
+    const s = Or(e, r), i = this.compileShader(n.FRAGMENT_SHADER, s);
     if (!i)
       return n.deleteShader(o), !1;
     const a = n.createProgram();
@@ -1015,46 +1014,46 @@ class Ir {
     this.lastFrameTime = s, this.frameCount++, e.clearColor(0, 0, 0, 1), e.clear(e.COLOR_BUFFER_BIT), e.useProgram(this.program), e.bindVertexArray(this.vao);
     const c = this.uniformLocations.get("iResolution");
     c && e.uniform3f(c, n, o, 1);
-    const d = this.uniformLocations.get("iTime");
-    d && e.uniform1f(d, i);
-    const u = this.uniformLocations.get("iTimeDelta");
-    u && e.uniform1f(u, a);
-    const h = this.uniformLocations.get("iFrame");
-    h && e.uniform1i(h, this.frameCount);
-    const f = this.uniformLocations.get("iMouse");
-    f && e.uniform4f(f, this.mouseX, this.mouseY, this.mouseClickX, this.mouseClickY);
-    const p = this.uniformLocations.get("iDate");
-    if (p) {
-      const y = /* @__PURE__ */ new Date();
-      e.uniform4f(p, y.getFullYear(), y.getMonth(), y.getDate(), y.getHours() * 3600 + y.getMinutes() * 60 + y.getSeconds() + y.getMilliseconds() / 1e3);
+    const f = this.uniformLocations.get("iTime");
+    f && e.uniform1f(f, i);
+    const l = this.uniformLocations.get("iTimeDelta");
+    l && e.uniform1f(l, a);
+    const u = this.uniformLocations.get("iFrame");
+    u && e.uniform1i(u, this.frameCount);
+    const h = this.uniformLocations.get("iMouse");
+    h && e.uniform4f(h, this.mouseX, this.mouseY, this.mouseClickX, this.mouseClickY);
+    const y = this.uniformLocations.get("iDate");
+    if (y) {
+      const p = /* @__PURE__ */ new Date();
+      e.uniform4f(y, p.getFullYear(), p.getMonth(), p.getDate(), p.getHours() * 3600 + p.getMinutes() * 60 + p.getSeconds() + p.getMilliseconds() / 1e3);
     }
-    for (const [y, S] of Object.entries(this.customUniforms)) {
-      const m = this.uniformLocations.get(y);
+    for (const [p, b] of Object.entries(this.customUniforms)) {
+      const m = this.uniformLocations.get(p);
       if (m)
-        switch (S.type) {
+        switch (b.type) {
           case "float":
-            e.uniform1f(m, S.value);
+            e.uniform1f(m, b.value);
             break;
           case "vec2": {
-            const g = S.value;
+            const g = b.value;
             e.uniform2f(m, g[0], g[1]);
             break;
           }
           case "vec3": {
-            const g = S.value;
+            const g = b.value;
             e.uniform3f(m, g[0], g[1], g[2]);
             break;
           }
           case "vec4": {
-            const g = S.value;
+            const g = b.value;
             e.uniform4f(m, g[0], g[1], g[2], g[3]);
             break;
           }
           case "int":
-            e.uniform1i(m, S.value);
+            e.uniform1i(m, b.value);
             break;
           case "bool":
-            e.uniform1i(m, S.value ? 1 : 0);
+            e.uniform1i(m, b.value ? 1 : 0);
             break;
         }
     }
@@ -1068,7 +1067,7 @@ class Ir {
     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 Or(t) {
+function Nr(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -1078,13 +1077,13 @@ function Or(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function _r(...t) {
+function Pr(...t) {
   const e = [];
   for (const r of t)
     r && r.trim() && e.push(r.trim());
   return e.length > 0 ? e.join(" ") : void 0;
 }
-function ke(t) {
+function Ce(t) {
   if (typeof t == "number" && Number.isFinite(t))
     return Math.floor(t);
   if (typeof t == "string" && t.trim().length > 0) {
@@ -1093,10 +1092,10 @@ function ke(t) {
       return Math.floor(e);
   }
 }
-function Nr(t) {
+function Mr(t) {
   return typeof t == "string" ? t : "";
 }
-function Pr(t) {
+function jr(t) {
   if (typeof t == "boolean")
     return t;
   if (typeof t == "string") {
@@ -1105,7 +1104,7 @@ function Pr(t) {
     if (e === "false") return !1;
   }
 }
-function Mr(t) {
+function Ur(t) {
   if (!t || typeof t != "object")
     return {};
   const e = {}, r = t;
@@ -1120,7 +1119,7 @@ function Mr(t) {
   }
   return e;
 }
-function jr(t, e) {
+function Lr(t, e) {
   const r = Object.keys(t), n = Object.keys(e);
   if (r.length !== n.length)
     return !1;
@@ -1141,21 +1140,21 @@ function jr(t, e) {
   }
   return !0;
 }
-const Ur = "std.shadertoy-canvas";
-function Lr() {
-  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), d = v(0), u = v(""), h = v({}), f = v({
+const xr = "std.shadertoy-canvas";
+function Dr() {
+  const t = Y(function({ nodeId: r, context: n, className: o }) {
+    const s = H(n.store, r), i = w(null), a = w(null), c = w(null), f = w(0), l = w(""), u = w({}), h = w({
       x: 0,
       y: 0,
       clickX: 0,
       clickY: 0,
       isDown: !1
-    }), p = s ? Nr(s.props?.shaderSource) : "", y = s ? ke(s.props?.fps) ?? 60 : 60, S = s?.props?.uniforms, m = K(() => Mr(S), [S]), 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;
-    U(() => {
-      const T = i.current;
-      if (T) {
+    }), y = s ? Mr(s.props?.shaderSource) : "", p = s ? Ce(s.props?.fps) ?? 60 : 60, b = s?.props?.uniforms, m = K(() => Ur(b), [b]), g = s ? jr(s.props?.enableMouse) ?? !0 : !0, v = s ? Ce(s.props?.width) : void 0, k = s ? Ce(s.props?.height) : void 0, I = s ? Pr(Nr(s.props?.className), o) : o;
+    j(() => {
+      const C = i.current;
+      if (C) {
         try {
-          const _ = new Ir(T);
+          const _ = new _r(C);
           a.current = _;
         } catch (_) {
           console.error("[ShadertoyRenderer] Failed to create WebGL2 context:", _);
@@ -1164,76 +1163,76 @@ function Lr() {
           a.current && (a.current.destroy(), a.current = null);
         };
       }
-    }, []), U(() => {
-      const T = a.current;
-      if (!(!T || !p) && u.current !== p)
-        if (T.compile(p, m))
-          u.current = p, h.current = m;
+    }, []), j(() => {
+      const C = a.current;
+      if (!(!C || !y) && l.current !== y)
+        if (C.compile(y, m))
+          l.current = y, u.current = m;
         else {
-          const F = T.getError();
-          console.error("[ShadertoyRenderer] Shader compilation failed:", F);
+          const L = C.getError();
+          console.error("[ShadertoyRenderer] Shader compilation failed:", L);
         }
-    }, [p, m]), U(() => {
-      const T = a.current;
-      !T || !u.current || jr(h.current, m) || (T.setCustomUniforms(m), h.current = m);
-    }, [m]), U(() => {
-      const T = a.current;
-      if (!T || !u.current) return;
-      const _ = 1e3 / y, F = (j) => {
-        const L = j - d.current;
-        L >= _ && (d.current = j - L % _, T.draw()), c.current = requestAnimationFrame(F);
+    }, [y, m]), j(() => {
+      const C = a.current;
+      !C || !l.current || Lr(u.current, m) || (C.setCustomUniforms(m), u.current = m);
+    }, [m]), j(() => {
+      const C = a.current;
+      if (!C || !l.current) return;
+      const _ = 1e3 / p, L = (N) => {
+        const B = N - f.current;
+        B >= _ && (f.current = N - B % _, C.draw()), c.current = requestAnimationFrame(L);
       };
-      return c.current = requestAnimationFrame(F), () => {
+      return c.current = requestAnimationFrame(L), () => {
         c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       };
-    }, [y]);
-    const M = D(
-      (T) => {
+    }, [p]);
+    const U = F(
+      (C) => {
         if (!g) return;
-        const _ = i.current, F = a.current;
-        if (!_ || !F) return;
-        const j = _.getBoundingClientRect(), L = T.clientX - j.left, Y = j.height - (T.clientY - j.top);
-        f.current.x = L, f.current.y = Y, F.setMouse(L, Y, f.current.clickX, f.current.clickY);
+        const _ = i.current, L = a.current;
+        if (!_ || !L) return;
+        const N = _.getBoundingClientRect(), B = C.clientX - N.left, W = N.height - (C.clientY - N.top);
+        h.current.x = B, h.current.y = W, L.setMouse(B, W, h.current.clickX, h.current.clickY);
       },
       [g]
-    ), z = D(
-      (T) => {
+    ), z = F(
+      (C) => {
         if (!g) return;
-        const _ = i.current, F = a.current;
-        if (!_ || !F) return;
-        const j = _.getBoundingClientRect(), L = T.clientX - j.left, Y = j.height - (T.clientY - j.top);
-        f.current.isDown = !0, f.current.clickX = L, f.current.clickY = Y, F.setMouse(L, Y, L, Y);
+        const _ = i.current, L = a.current;
+        if (!_ || !L) return;
+        const N = _.getBoundingClientRect(), B = C.clientX - N.left, W = N.height - (C.clientY - N.top);
+        h.current.isDown = !0, h.current.clickX = B, h.current.clickY = W, L.setMouse(B, W, B, W);
       },
       [g]
-    ), Q = D(() => {
-      g && (f.current.isDown = !1, f.current.clickX = -Math.abs(f.current.clickX));
+    ), J = F(() => {
+      g && (h.current.isDown = !1, h.current.clickX = -Math.abs(h.current.clickX));
     }, [g]);
-    return s ? /* @__PURE__ */ A.jsx(
+    return s ? /* @__PURE__ */ E.jsx(
       "canvas",
       {
         ref: i,
         "data-ikon-node-id": s.id,
-        className: O,
-        ...w ? { width: w } : {},
+        className: I,
+        ...v ? { width: v } : {},
         ...k ? { height: k } : {},
-        onMouseMove: M,
+        onMouseMove: U,
         onMouseDown: z,
-        onMouseUp: Q,
-        onMouseLeave: Q
+        onMouseUp: J,
+        onMouseLeave: J
       }
     ) : null;
   });
   return ({ type: e }) => {
-    if (e === Ur)
+    if (e === xr)
       return t;
   };
 }
-const xr = "shadertoy", Dr = async () => Lr();
-function Fr(t) {
-  t.registerModule(xr, Dr);
+const Fr = "shadertoy", Br = async () => Dr();
+function $r(t) {
+  t.registerModule(Fr, Br);
 }
-const et = Re("UIRegistry");
-class Br {
+const rt = Ee("UIRegistry");
+class Vr {
   baseResolvers = [];
   moduleLoaders = /* @__PURE__ */ new Map();
   moduleResolvers = /* @__PURE__ */ new Map();
@@ -1255,15 +1254,15 @@ class Br {
     for (const [n, o] of this.moduleLoaders.entries())
       if (!this.moduleResolvers.has(n))
         try {
-          const s = await o(), i = Kr(s);
+          const s = await o(), i = zr(s);
           this.moduleResolvers.set(n, i), e = !0;
         } catch (s) {
-          et.error(`[IkonUiRegistry] Failed to load module '${n}'.`, s);
+          rt.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 Yr(r, this.activeModuleOrder) || (this.activeModuleOrder = r, e = !0), e;
+    return Wr(r, this.activeModuleOrder) || (this.activeModuleOrder = r, e = !0), e;
   }
   resolve(e) {
     for (const r of this.baseResolvers) {
@@ -1273,7 +1272,7 @@ class Br {
     for (const r of this.activeModuleOrder) {
       const n = this.moduleResolvers.get(r);
       if (!n) {
-        et.warn(`Missing resolvers for module ${r}`);
+        rt.warn(`Missing resolvers for module ${r}`);
         continue;
       }
       for (const o of n) {
@@ -1283,17 +1282,17 @@ class Br {
     }
   }
 }
-function $r() {
-  const t = new Br();
-  return fr(t), Ar(t), Fr(t), t.loadRegisteredModules(), t;
+function Kr() {
+  const t = new Vr();
+  return mr(t), Tr(t), $r(t), t.loadRegisteredModules(), t;
 }
-function Vr(t) {
+function Yr(t) {
   return Array.isArray(t) ? t : [t];
 }
-function Kr(t) {
-  return t ? Vr(t).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
+function zr(t) {
+  return t ? Yr(t).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
 }
-function Yr(t, e) {
+function Wr(t, e) {
   if (t.length !== e.length)
     return !1;
   for (let r = 0; r < t.length; r += 1)
@@ -1301,7 +1300,7 @@ function Yr(t, e) {
       return !1;
   return !0;
 }
-const Te = Re("MotionController"), tt = {
+const Ie = Ee("MotionController"), nt = {
   ease: [0.25, 0.1, 0.25, 1],
   "ease-in": [0.42, 0, 1, 1],
   "ease-out": [0, 0, 0.58, 1],
@@ -1334,85 +1333,85 @@ const Te = Re("MotionController"), tt = {
 function $(t) {
   return t <= 0 ? 0 : t >= 1 ? 1 : t;
 }
-function rt(t) {
+function ot(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 nt(t) {
+function st(t) {
   return typeof CSS < "u" && CSS.escape ? CSS.escape(t) : t.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
-function ot(t, e, r, n) {
-  const u = new Float32Array(11);
-  function h(m, g, w) {
-    return ((3 * g - 3 * w + 1) * m + (3 * w - 6 * g)) * m * m + 3 * g * m;
+function it(t, e, r, n) {
+  const l = new Float32Array(11);
+  function u(m, g, v) {
+    return ((3 * g - 3 * v + 1) * m + (3 * v - 6 * g)) * m * m + 3 * g * m;
   }
-  function f(m, g, w) {
-    return 3 * (3 * g - 3 * w + 1) * m * m + 2 * (3 * w - 6 * g) * m + 3 * g;
+  function h(m, g, v) {
+    return 3 * (3 * g - 3 * v + 1) * m * m + 2 * (3 * v - 6 * g) * m + 3 * g;
   }
-  function p(m, g) {
-    for (let w = 0; w < 4; w += 1) {
-      const k = f(g, t, r);
+  function y(m, g) {
+    for (let v = 0; v < 4; v += 1) {
+      const k = h(g, t, r);
       if (k === 0)
         return g;
-      const O = h(g, t, r) - m;
-      g -= O / k;
+      const I = u(g, t, r) - m;
+      g -= I / k;
     }
     return g;
   }
-  function y(m, g, w) {
-    let k = 0, O = 0, M = 0;
+  function p(m, g, v) {
+    let k = 0, I = 0, U = 0;
     do
-      O = g + (w - g) / 2, k = h(O, t, r) - m, k > 0 ? w = O : g = O;
-    while (Math.abs(k) > 1e-7 && ++M < 10);
-    return O;
+      I = g + (v - g) / 2, k = u(I, t, r) - m, k > 0 ? v = I : g = I;
+    while (Math.abs(k) > 1e-7 && ++U < 10);
+    return I;
   }
-  function S(m) {
-    let g = 0, w = 1;
+  function b(m) {
+    let g = 0, v = 1;
     const k = 10;
-    for (; w !== k && u[w] <= m; w += 1)
+    for (; v !== k && l[v] <= m; v += 1)
       g += 0.1;
-    w -= 1;
-    const O = (m - u[w]) / (u[w + 1] - u[w]), M = g + O * 0.1, z = f(M, t, r);
-    return z >= 1e-3 ? p(m, M) : z === 0 ? M : y(m, g, g + 0.1);
+    v -= 1;
+    const I = (m - l[v]) / (l[v + 1] - l[v]), U = g + I * 0.1, z = h(U, t, r);
+    return z >= 1e-3 ? y(m, U) : z === 0 ? U : p(m, 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);
+    l[m] = u(m * 0.1, t, r);
+  return (m) => m <= 0 ? 0 : m >= 1 ? 1 : u(b(m), e, n);
 }
-function Wr(t) {
+function qr(t) {
   const e = /steps\(\s*([0-9]+)\s*(?:,\s*([a-z-]+)\s*)?\)/i.exec(t);
   if (!e)
     return (o) => $(o);
   const r = Math.max(1, parseInt(e[1], 10)), n = (e[2] ?? "end").toLowerCase();
   return n === "start" || n === "jump-start" ? (o) => $(Math.ceil(o * r) / r) : n === "none" || n === "jump-none" ? (o) => $(Math.round(o * r) / r) : n === "both" || n === "jump-both" ? (o) => $((Math.floor(o * r) + 0.5) / r) : (o) => $(Math.floor(o * r) / r);
 }
-function zr(t) {
+function Gr(t) {
   if (!t)
     return (r) => $(r);
   const e = t.trim().toLowerCase();
   if (!e || e === "linear")
     return (r) => $(r);
-  if (tt[e]) {
-    const [r, n, o, s] = tt[e], i = ot(r, n, o, s);
+  if (nt[e]) {
+    const [r, n, o, s] = nt[e], i = it(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 = ot(o, s, i, a);
-      return (d) => $(c($(d)));
+      const [o, s, i, a] = n, c = it(o, s, i, a);
+      return (f) => $(c($(f)));
     }
   }
   if (e.startsWith("steps(") && e.endsWith(")")) {
-    const r = Wr(e);
+    const r = qr(e);
     return (n) => r($(n));
   }
   return (r) => $(r);
 }
-function qr(t) {
+function Hr(t) {
   if (!t)
     return;
   const e = /(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)\s*->\s*(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)/.exec(t);
@@ -1422,7 +1421,7 @@ function qr(t) {
   if (![r, n, o, s].some((i) => !Number.isFinite(i)))
     return { inStart: r, inEnd: n, outStart: o, outEnd: s };
 }
-class Gr {
+class Jr {
   bindingsByStyle = /* @__PURE__ */ new Map();
   observer;
   observeScheduled = !1;
@@ -1449,7 +1448,7 @@ class Gr {
       try {
         e();
       } catch (r) {
-        Te.warn("Failed to cleanup binding listener", r);
+        Ie.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 +1458,7 @@ class Gr {
         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) {
-        Te.warn("Failed to parse motion metadata", r);
+        Ie.warn("Failed to parse motion metadata", r);
         return;
       }
   }
@@ -1467,7 +1466,7 @@ class Gr {
     const r = e.source?.trim();
     if (!r)
       return;
-    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), d = qr(e.map), u = e.targetId?.trim() || void 0;
+    const n = ot(e.min) ?? 0, o = ot(e.max), s = o === void 0 ? n + 100 : o, i = (e.clamp ?? "clamp").trim().toLowerCase(), a = !!e.reverse, c = Gr(e.ease), f = Hr(e.map), l = e.targetId?.trim() || void 0;
     return Number.isNaN(n) || Number.isNaN(s) ? void 0 : {
       source: r.toLowerCase(),
       min: n,
@@ -1475,8 +1474,8 @@ class Gr {
       clamp: i === "freeze-start" || i === "freeze-end" || i === "unclamped" ? i : "clamp",
       reverse: a,
       ease: c,
-      map: d,
-      targetId: u
+      map: f,
+      targetId: l
     };
   }
   ensureObserver() {
@@ -1525,7 +1524,7 @@ class Gr {
     const r = this.bindingsByStyle.get(e);
     if (!r || typeof document > "u")
       return;
-    const n = `.${nt(e)}`;
+    const n = `.${st(e)}`;
     document.querySelectorAll(n).forEach((s) => this.applyStyleToElement(s, e, r));
   }
   applyStyleToElement(e, r, n) {
@@ -1565,7 +1564,7 @@ class Gr {
   }
   resolveScrollContainer(e, r) {
     if (r.targetId) {
-      const n = `[data-ikon-motion-source="${nt(r.targetId)}"]`, o = typeof document < "u" ? document.querySelector(n) : null;
+      const n = `[data-ikon-motion-source="${st(r.targetId)}"]`, o = typeof document < "u" ? document.querySelector(n) : null;
       if (o)
         return o;
     }
@@ -1575,10 +1574,10 @@ class Gr {
     const o = r.max - r.min, s = o === 0 ? n > r.min ? 1 : 0 : (n - r.min) / o;
     let i = this.applyClamp(s, r.clamp);
     r.reverse && (i = 1 - i);
-    const a = r.ease(i), c = Number.isFinite(a) ? a : 0, d = c * 100;
-    if (e.style.setProperty("--tw-motion-bind-source-value", `${n}`), e.style.setProperty("--tw-motion-bind-progress-ratio", `${c}`), e.style.setProperty("--tw-motion-bind-progress", `${d}`), r.map) {
-      const u = this.applyMap(d, r.map);
-      u !== void 0 && e.style.setProperty("--tw-motion-bind-value", `${u}`);
+    const a = r.ease(i), c = Number.isFinite(a) ? a : 0, f = c * 100;
+    if (e.style.setProperty("--tw-motion-bind-source-value", `${n}`), e.style.setProperty("--tw-motion-bind-progress-ratio", `${c}`), e.style.setProperty("--tw-motion-bind-progress", `${f}`), r.map) {
+      const l = this.applyMap(f, r.map);
+      l !== void 0 && e.style.setProperty("--tw-motion-bind-value", `${l}`);
     } else
       e.style.removeProperty("--tw-motion-bind-value");
   }
@@ -1635,7 +1634,7 @@ class Gr {
       try {
         i();
       } catch (a) {
-        Te.warn("Failed to cleanup listener", a);
+        Ie.warn("Failed to cleanup listener", a);
       }
       this.globalCleanups.delete(i);
     }
@@ -1680,31 +1679,31 @@ class Gr {
     }
   }
 }
-const Ce = new Gr();
-function Hr(t) {
-  const e = v(/* @__PURE__ */ new Map()), r = D(({ styleId: s, css: i, common: a }) => {
+const Oe = new Jr();
+function Xr(t) {
+  const e = w(/* @__PURE__ */ new Map()), r = F(({ 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;
       }
-      Ce.registerStyle(s, a);
+      Oe.registerStyle(s, a);
     }
-  }, []), n = D((s) => {
+  }, []), n = F((s) => {
     if (!(typeof document > "u"))
       for (const i of s) {
         const a = e.current.get(i);
-        a && (a.remove(), e.current.delete(i)), Ce.unregisterStyle(i);
+        a && (a.remove(), e.current.delete(i)), Oe.unregisterStyle(i);
       }
-  }, []), o = D(() => {
+  }, []), o = F(() => {
     if (typeof document < "u") {
       for (const s of e.current.values())
         s.remove();
       e.current.clear();
     }
-    Ce.reset();
+    Oe.reset();
   }, []);
-  return U(() => {
+  return j(() => {
     if (!t) return;
     for (const a of t.getUiStyles())
       r(a);
@@ -1712,9 +1711,9 @@ function Hr(t) {
     return () => {
       s?.(), i?.(), o();
     };
-  }, [t, o, r, n]), U(() => () => o(), [o]), { setStyle: r, deleteStyles: n, reset: o };
+  }, [t, o, r, n]), j(() => () => o(), [o]), { setStyle: r, deleteStyles: n, reset: o };
 }
-function Jr(t) {
+function Zr(t) {
   const e = [];
   for (const [r, n] of t) {
     const o = n.store.getSnapshot(), s = o.rootViewId && o.views.has(o.rootViewId);
@@ -1722,62 +1721,62 @@ function Jr(t) {
   }
   return e.sort(), e.join(",");
 }
-function Xr(t) {
-  const [e, r] = G(), n = v("");
-  return U(() => {
+function Qr(t) {
+  const [e, r] = G(), n = w("");
+  return j(() => {
     if (!t) {
       r(void 0), n.current = "";
       return;
     }
     const o = () => {
-      const s = t.getStores(), i = Jr(s);
+      const s = t.getStores(), i = Zr(s);
       i !== n.current && (n.current = i, r(s));
     };
     return o(), t.subscribe(o);
   }, [t]), e;
 }
-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")(), Se = en.Symbol, gt = Object.prototype, tn = gt.hasOwnProperty, rn = gt.toString, ue = Se ? Se.toStringTag : void 0;
-function nn(t) {
-  var e = tn.call(t, ue), r = t[ue];
+var en = typeof global == "object" && global && global.Object === Object && global, tn = typeof self == "object" && self && self.Object === Object && self, rn = en || tn || Function("return this")(), we = rn.Symbol, bt = Object.prototype, nn = bt.hasOwnProperty, on = bt.toString, le = we ? we.toStringTag : void 0;
+function sn(t) {
+  var e = nn.call(t, le), r = t[le];
   try {
-    t[ue] = void 0;
+    t[le] = void 0;
     var n = !0;
   } catch {
   }
-  var o = rn.call(t);
-  return n && (e ? t[ue] = r : delete t[ue]), o;
+  var o = on.call(t);
+  return n && (e ? t[le] = r : delete t[le]), o;
 }
-var on = Object.prototype, sn = on.toString;
-function an(t) {
-  return sn.call(t);
+var an = Object.prototype, cn = an.toString;
+function un(t) {
+  return cn.call(t);
 }
-var cn = "[object Null]", un = "[object Undefined]", st = Se ? Se.toStringTag : void 0;
-function ln(t) {
-  return t == null ? t === void 0 ? un : cn : st && st in Object(t) ? nn(t) : an(t);
+var ln = "[object Null]", dn = "[object Undefined]", at = we ? we.toStringTag : void 0;
+function fn(t) {
+  return t == null ? t === void 0 ? dn : ln : at && at in Object(t) ? sn(t) : un(t);
 }
-function dn(t) {
+function hn(t) {
   return t != null && typeof t == "object";
 }
-var fn = Array.isArray, hn = "[object String]";
-function mn(t) {
-  return typeof t == "string" || !fn(t) && dn(t) && ln(t) == hn;
+var mn = Array.isArray, pn = "[object String]";
+function gn(t) {
+  return typeof t == "string" || !mn(t) && hn(t) && fn(t) == pn;
 }
-const it = "ikonUiModules";
-function Le(t) {
+const ct = "ikonUiModules";
+function De(t) {
   return typeof t == "object" && t !== null && !Array.isArray(t);
 }
-function pn(t) {
+function yn(t) {
   if (!Array.isArray(t))
     return;
   const e = /* @__PURE__ */ new Set();
   for (const r of t) {
-    if (!mn(r)) continue;
+    if (!gn(r)) continue;
     const n = r.trim();
     n && (e.has(n) || e.add(n));
   }
   return Array.from(e);
 }
-function bo(t, e) {
+function wo(t, e) {
   if (t === e)
     return !0;
   if (!t || !e)
@@ -1789,19 +1788,19 @@ function bo(t, e) {
       return !1;
   return !0;
 }
-function gn(t) {
-  if (!(!Le(t) || !Object.prototype.hasOwnProperty.call(t, it)))
-    return pn(t[it]);
+function bn(t) {
+  if (!(!De(t) || !Object.prototype.hasOwnProperty.call(t, ct)))
+    return yn(t[ct]);
 }
-function So(...t) {
+function vo(...t) {
   for (const e of t) {
-    const r = gn(e);
+    const r = bn(e);
     if (r !== void 0)
       return r;
   }
 }
-function wo(t) {
-  if (!Le(t))
+function Ro(t) {
+  if (!De(t))
     return;
   const e = t, r = Object.keys(e).find((c) => c.toLowerCase() === "modules");
   if (!r)
@@ -1814,44 +1813,44 @@ function wo(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 (!Le(c))
+    if (!De(c))
       continue;
-    const d = c, u = Object.keys(d).find((S) => S.toLowerCase() === "name");
-    if (!u)
+    const f = c, l = Object.keys(f).find((b) => b.toLowerCase() === "name");
+    if (!l)
       continue;
-    const h = d[u];
-    if (typeof h != "string")
+    const u = f[l];
+    if (typeof u != "string")
       continue;
-    const f = h.trim();
-    if (!f)
+    const h = u.trim();
+    if (!h)
       continue;
-    const p = Object.keys(d).find((S) => S.toLowerCase() === "javascript"), y = p ? d[p] : void 0;
-    typeof y == "string" && s.set(f, y), i.has(f) || (o.push(f), i.add(f));
+    const y = Object.keys(f).find((b) => b.toLowerCase() === "javascript"), p = y ? f[y] : void 0;
+    typeof p == "string" && s.set(h, p), i.has(h) || (o.push(h), i.add(h));
   }
   if (!o.length && s.size === 0)
     return { modules: [] };
-  const a = Array.from(s.entries()).map(([c, d]) => ({
+  const a = Array.from(s.entries()).map(([c, f]) => ({
     name: c,
-    javascript: d
+    javascript: f
   }));
   return a.length > 0 ? { modules: o, inlineModules: a } : { modules: o };
 }
-const E = {
+const R = {
   None: 0,
   Letter: 1,
   Word: 2,
   Line: 4,
   Paragraph: 8,
   Emoji: 16
-}, yn = [
+}, Sn = [
   {
-    flag: E.Letter,
+    flag: R.Letter,
     hints: [
       "[data-motion-letter]",
       "[data-letter]",
@@ -1860,7 +1859,7 @@ const E = {
     ]
   },
   {
-    flag: E.Word,
+    flag: R.Word,
     hints: [
       "[data-motion-word]",
       "[data-word]",
@@ -1869,7 +1868,7 @@ const E = {
     ]
   },
   {
-    flag: E.Line,
+    flag: R.Line,
     hints: [
       "[data-motion-line]",
       "[data-line]",
@@ -1878,7 +1877,7 @@ const E = {
     ]
   },
   {
-    flag: E.Paragraph,
+    flag: R.Paragraph,
     hints: [
       "[data-motion-paragraph]",
       "[data-paragraph]",
@@ -1889,7 +1888,7 @@ const E = {
     ]
   },
   {
-    flag: E.Emoji,
+    flag: R.Emoji,
     hints: [
       ":is([data-motion-emoji],[data-emoji],.tw-motion-emoji,.tw-emoji)",
       "[data-motion-emoji]",
@@ -1898,42 +1897,42 @@ const E = {
       "[data-emoji]"
     ]
   }
-], xe = E.Letter | E.Word | E.Line | E.Paragraph | E.Emoji, bn = E.Letter | E.Word | E.Line | E.Paragraph, at = /* @__PURE__ */ new Map(), Sn = 16384;
-function vo(t, e) {
-  if (!t || t.length > Sn)
+], Fe = R.Letter | R.Word | R.Line | R.Paragraph | R.Emoji, wn = R.Letter | R.Word | R.Line | R.Paragraph, ut = /* @__PURE__ */ new Map(), vn = 16384;
+function Eo(t, e) {
+  if (!t || t.length > vn)
     return t;
-  const r = Ln(e), n = te(r, E.Emoji), o = r & bn;
-  if (o === E.None && !n)
+  const r = Dn(e), n = ne(r, R.Emoji), o = r & wn;
+  if (o === R.None && !n)
     return t;
   const s = t.replace(/\r\n/g, `
 `).replace(/\r/g, `
 `);
-  if (o === E.None)
-    return dt(s);
-  const i = jn(s);
+  if (o === R.None)
+    return ht(s);
+  const i = Ln(s);
   if (i.length === 0)
-    return n ? dt(s) : t;
-  const a = Un(i), c = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, d = [];
-  for (const u of a) {
-    const h = wn(u, r, c);
-    d.push(...h);
+    return n ? ht(s) : t;
+  const a = xn(i), c = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, f = [];
+  for (const l of a) {
+    const u = Rn(l, r, c);
+    f.push(...u);
   }
-  return d;
+  return f;
 }
-function wn(t, e, r) {
+function Rn(t, e, r) {
   const n = [];
   for (const o of t) {
-    const s = vn(o, e, r);
+    const s = En(o, e, r);
     n.push(...s);
   }
-  if (te(e, E.Paragraph)) {
+  if (ne(e, R.Paragraph)) {
     const o = r.paragraph++;
     return [
-      /* @__PURE__ */ A.jsx(
+      /* @__PURE__ */ E.jsx(
         "span",
         {
           "data-motion-paragraph": !0,
-          style: Ee(o),
+          style: Ae(o),
           children: n
         },
         `motion-paragraph-${o}`
@@ -1942,116 +1941,116 @@ function wn(t, e, r) {
   }
   return n;
 }
-function vn(t, e, r) {
-  const n = Rn(t.text, e, r), o = [];
-  if (te(e, E.Line)) {
+function En(t, e, r) {
+  const n = An(t.text, e, r), o = [];
+  if (ne(e, R.Line)) {
     const s = r.line++;
     o.push(
-      /* @__PURE__ */ A.jsx("span", { "data-motion-line": !0, style: Ee(s), children: n }, `motion-line-${s}`)
+      /* @__PURE__ */ E.jsx("span", { "data-motion-line": !0, style: Ae(s), children: n }, `motion-line-${s}`)
     );
   } else
     o.push(...n);
   for (let s = 0; s < t.breaks; s++)
-    o.push(/* @__PURE__ */ A.jsx("br", {}, `motion-break-${r.br++}`));
+    o.push(/* @__PURE__ */ E.jsx("br", {}, `motion-break-${r.br++}`));
   return o;
 }
-function Rn(t, e, r) {
+function An(t, e, r) {
   if (!t)
     return [];
-  const n = te(e, E.Word), o = [], s = /(\s+)/g;
+  const n = ne(e, R.Word), o = [], s = /(\s+)/g;
   let i = 0, a;
   for (; (a = s.exec(t)) !== null; ) {
     if (a.index > i) {
       const c = t.slice(i, a.index);
-      o.push(ct(c, r, e, n));
+      o.push(lt(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(ct(c, r, e, n));
+    o.push(lt(c, r, e, n));
   }
   return o;
 }
-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 lt(t, e, r, n) {
+  const o = e.word++, s = Tn(t, r, e), i = `motion-word-${o}`, a = kn(o, n);
+  return n ? /* @__PURE__ */ E.jsx("span", { "data-motion-word": !0, style: a, children: s }, i) : /* @__PURE__ */ E.jsx("span", { style: a, children: s }, i);
 }
-function En(t, e) {
-  return e ? { ...Ee(t), whiteSpace: "nowrap" } : { whiteSpace: "nowrap" };
+function kn(t, e) {
+  return e ? { ...Ae(t), whiteSpace: "nowrap" } : { whiteSpace: "nowrap" };
 }
-function An(t, e, r) {
+function Tn(t, e, r) {
   if (!t)
     return [];
-  const n = te(e, E.Letter), o = te(e, E.Emoji);
+  const n = ne(e, R.Letter), o = ne(e, R.Emoji);
   if (!n) {
     if (!o)
       return [t];
-    const a = De(t);
+    const a = Be(t);
     if (a.length === 0)
       return [t];
-    const { nodes: c } = bt(a, r);
+    const { nodes: c } = wt(a, r);
     return c;
   }
-  const s = [], i = De(t);
+  const s = [], i = Be(t);
   for (const a of i) {
-    const c = r.letter++, d = `motion-letter-${c}`, u = Ee(c);
+    const c = r.letter++, f = `motion-letter-${c}`, l = Ae(c);
     if (a === `
 `) {
       s.push(
-        /* @__PURE__ */ A.jsx("span", { "data-motion-letter": !0, style: u, children: /* @__PURE__ */ A.jsx("br", {}) }, d)
+        /* @__PURE__ */ E.jsx("span", { "data-motion-letter": !0, style: l, children: /* @__PURE__ */ E.jsx("br", {}) }, f)
       );
       continue;
     }
-    const f = o && yt(a) ? { "data-motion-emoji": !0 } : void 0, p = a === " " ? " " : a;
+    const h = o && St(a) ? { "data-motion-emoji": !0 } : void 0, y = a === " " ? " " : a;
     s.push(
-      /* @__PURE__ */ A.jsx("span", { "data-motion-letter": !0, style: u, ...f, children: p }, d)
+      /* @__PURE__ */ E.jsx("span", { "data-motion-letter": !0, style: l, ...h, children: y }, f)
     );
   }
   return s;
 }
-function De(t) {
+function Be(t) {
   if (!t)
     return [];
-  const e = kn();
-  return e ? Array.from(e.segment(t), (r) => r.segment) : Tn(t);
+  const e = Cn();
+  return e ? Array.from(e.segment(t), (r) => r.segment) : In(t);
 }
-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;
+let de;
+function Cn() {
+  return de !== void 0 || (typeof Intl < "u" && typeof Intl.Segmenter == "function" ? de = new Intl.Segmenter(void 0, { granularity: "grapheme" }) : de = null), de;
 }
-function Tn(t) {
+function In(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 && Cn(s, i)) && (e.push(n), n = "");
+    n += s, !(i && On(s, i)) && (e.push(n), n = "");
   }
   return n && e.push(n), e;
 }
-function Cn(t, e) {
-  return e ? !!(ut(t) || ut(e) || _n(e) || In(e) || On(e) || lt(t) && lt(e)) : !1;
+function On(t, e) {
+  return e ? !!(dt(t) || dt(e) || Pn(e) || _n(e) || Nn(e) || ft(t) && ft(e)) : !1;
 }
-function ut(t) {
+function dt(t) {
   return t.codePointAt(0) === 8205;
 }
-function In(t) {
+function _n(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 65024 && e <= 65039 || e >= 917760 && e <= 917999;
 }
-function On(t) {
+function Nn(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 127995 && e <= 127999;
 }
-function lt(t) {
+function ft(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 127462 && e <= 127487;
 }
-let Ie;
-function _n(t) {
-  return t ? (Ie || (Ie = Nn()), Ie(t)) : !1;
+let _e;
+function Pn(t) {
+  return t ? (_e || (_e = Mn()), _e(t)) : !1;
 }
-function Nn() {
+function Mn() {
   try {
     const t = new RegExp("\\p{Mark}", "u");
     return (e) => t.test(e);
@@ -2062,19 +2061,19 @@ function Nn() {
     };
   }
 }
-let Oe;
-function yt(t) {
-  return t ? (Oe || (Oe = Pn()), Oe(t)) : !1;
+let Ne;
+function St(t) {
+  return t ? (Ne || (Ne = jn()), Ne(t)) : !1;
 }
-function Pn() {
+function jn() {
   try {
     const t = new RegExp("\\p{Extended_Pictographic}", "u");
     return (e) => t.test(e);
   } catch {
-    return Mn;
+    return Un;
   }
 }
-function Mn(t) {
+function Un(t) {
   if (!t)
     return !1;
   for (const e of Array.from(t)) {
@@ -2084,7 +2083,7 @@ function Mn(t) {
   }
   return !1;
 }
-function jn(t) {
+function Ln(t) {
   const e = [];
   let r = "", n = 0;
   for (let o = 0; o < t.length; o++) {
@@ -2098,7 +2097,7 @@ function jn(t) {
   }
   return (n > 0 || r.length > 0) && e.push({ text: r, breaks: n }), e;
 }
-function Un(t) {
+function xn(t) {
   if (t.length === 0)
     return [];
   const e = [];
@@ -2107,10 +2106,10 @@ function Un(t) {
     r.push(n), n.breaks >= 2 && (e.push(r), r = []);
   return r.length > 0 && e.push(r), e;
 }
-function te(t, e) {
+function ne(t, e) {
   return (t & e) === e;
 }
-function Ee(t) {
+function Ae(t) {
   return {
     "--tw-motion-seq-index": t.toString(),
     backgroundColor: "inherit",
@@ -2127,27 +2126,27 @@ function Ee(t) {
     WebkitTextFillColor: "inherit"
   };
 }
-function dt(t) {
+function ht(t) {
   if (!t)
     return t;
-  const e = De(t);
+  const e = Be(t);
   if (e.length === 0)
     return t;
-  const { nodes: r, sawEmoji: n } = bt(e);
+  const { nodes: r, sawEmoji: n } = wt(e);
   return n ? r.length === 1 ? r[0] ?? t : r : t;
 }
-function bt(t, e) {
+function wt(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 (yt(a)) {
+    if (St(a)) {
       o = !0, i();
-      const d = `motion-emoji-${e ? e.emoji++ : s++}`;
+      const f = `motion-emoji-${e ? e.emoji++ : s++}`;
       r.push(
-        /* @__PURE__ */ A.jsx("span", { "data-motion-emoji": !0, children: a }, d)
+        /* @__PURE__ */ E.jsx("span", { "data-motion-emoji": !0, children: a }, f)
       );
       continue;
     }
@@ -2155,56 +2154,56 @@ function bt(t, e) {
   }
   return i(), o ? { nodes: r, sawEmoji: !0 } : { nodes: [t.join("")], sawEmoji: !1 };
 }
-function Ln(t) {
+function Dn(t) {
   if (!t)
-    return E.None;
+    return R.None;
   const e = t.trim();
   if (!e)
-    return E.None;
-  const r = at.get(e);
+    return R.None;
+  const r = ut.get(e);
   if (typeof r == "number")
     return r;
   if (typeof document > "u")
-    return E.None;
+    return R.None;
   const n = e.split(/\s+/).filter(Boolean);
   if (n.length === 0)
-    return E.None;
-  const s = n.map((c) => `.${xn(c)}`).map(
-    (c) => new RegExp(`(^|[^a-zA-Z0-9_-])${Dn(c)}(?![a-zA-Z0-9_-])`)
+    return R.None;
+  const s = n.map((c) => `.${Fn(c)}`).map(
+    (c) => new RegExp(`(^|[^a-zA-Z0-9_-])${Bn(c)}(?![a-zA-Z0-9_-])`)
   );
-  let i = E.None, a = !1;
+  let i = R.None, a = !1;
   for (const c of Array.from(document.styleSheets)) {
-    let d;
+    let f;
     try {
-      d = c.cssRules;
+      f = c.cssRules;
     } catch {
       continue;
     }
-    const u = St(d, s);
-    if (u.mask && (i |= u.mask, i === xe))
+    const l = vt(f, s);
+    if (l.mask && (i |= l.mask, i === Fe))
       break;
-    a ||= u.sawStyleRule;
+    a ||= l.sawStyleRule;
   }
-  return (i !== E.None || a) && at.set(e, i), i;
+  return (i !== R.None || a) && ut.set(e, i), i;
 }
-function St(t, e) {
+function vt(t, e) {
   if (!t)
-    return { mask: E.None, sawStyleRule: !1 };
-  let r = E.None, n = !1;
+    return { mask: R.None, sawStyleRule: !1 };
+  let r = R.None, n = !1;
   for (let o = 0; o < t.length; o++) {
     const s = t[o];
     if (s) {
       if (s.type === CSSRule.STYLE_RULE) {
         const a = s.selectorText ?? "";
-        if (!a || !e.some((d) => d.test(a))) continue;
+        if (!a || !e.some((f) => f.test(a))) continue;
         n = !0;
-        for (const d of yn)
-          d.hints.some((u) => a.includes(u)) && (r |= d.flag);
-        if (r === xe)
+        for (const f of Sn)
+          f.hints.some((l) => a.includes(l)) && (r |= f.flag);
+        if (r === Fe)
           return { mask: r, sawStyleRule: !0 };
       } else if ("cssRules" in s) {
-        const i = St(s.cssRules, e);
-        if (i.mask && (r |= i.mask, r === xe))
+        const i = vt(s.cssRules, e);
+        if (i.mask && (r |= i.mask, r === Fe))
           return { mask: r, sawStyleRule: !0 };
         n ||= i.sawStyleRule;
       }
@@ -2212,48 +2211,48 @@ function St(t, e) {
   }
   return { mask: r, sawStyleRule: n };
 }
-function xn(t) {
+function Fn(t) {
   return typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(t) : t.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
-function Dn(t) {
+function Bn(t) {
   return t.replace(/[.*+?^${}()|[\]\\]/g, (e) => `\\${e}`);
 }
-const Ke = "ikon_auth_session", Fn = 7 * 24 * 60 * 60 * 1e3, Bn = 60 * 1e3;
-function $n(t) {
+const ze = "ikon_auth_session", $n = 7 * 24 * 60 * 60 * 1e3, Vn = 60 * 1e3;
+function Kn(t) {
   try {
     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;
+    return typeof r.exp != "number" ? !1 : Date.now() >= r.exp * 1e3 - Vn;
   } catch {
     return !0;
   }
 }
-function Ae(t) {
+function ke(t) {
   try {
-    localStorage.setItem(Ke, JSON.stringify(t));
+    localStorage.setItem(ze, JSON.stringify(t));
   } catch {
     console.warn("Failed to save auth session to localStorage");
   }
 }
-function wt() {
+function Rt() {
   try {
-    const t = localStorage.getItem(Ke);
+    const t = localStorage.getItem(ze);
     if (!t) return null;
     const e = JSON.parse(t);
-    return Date.now() - e.authenticatedAt > Fn || $n(e.token) ? (we(), null) : e;
+    return Date.now() - e.authenticatedAt > $n || Kn(e.token) ? (ve(), null) : e;
   } catch {
     return console.warn("Failed to load auth session from localStorage"), null;
   }
 }
-function we() {
+function ve() {
   try {
-    localStorage.removeItem(Ke);
+    localStorage.removeItem(ze);
   } catch {
     console.warn("Failed to clear auth session from localStorage");
   }
 }
-function de(t) {
+function fe(t) {
   return {
     id: "",
     provider: t.provider,
@@ -2261,8 +2260,8 @@ function de(t) {
     authenticatedAt: t.authenticatedAt
   };
 }
-async function vt(t, e) {
-  const r = Pt(), n = await fetch(`${e}/anonymous`, {
+async function Et(t, e) {
+  const r = jt(), n = await fetch(`${e}/anonymous`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify({ deviceId: r, space: t })
@@ -2276,9 +2275,9 @@ async function vt(t, e) {
     provider: "anonymous",
     authenticatedAt: Date.now()
   };
-  return Ae(s), s;
+  return ke(s), s;
 }
-async function Ro(t) {
+async function Ao(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" },
@@ -2293,22 +2292,22 @@ async function Ro(t) {
     throw new Error(i);
   }
 }
-function Vn() {
+function Yn() {
   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 Kn() {
+function zn() {
   const e = new URLSearchParams(window.location.search).get("error");
   return e ? decodeURIComponent(e) : null;
 }
-function ft() {
+function mt() {
   window.history.replaceState({}, "", window.location.pathname);
 }
-function Yn(t, e, r, n) {
+function Wn(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 Wn(t) {
+async function qn(t) {
   const e = await fetch(`${t}/passkey/registration/options`, {
     method: "POST",
     headers: { "Content-Type": "application/json" }
@@ -2319,7 +2318,7 @@ async function Wn(t) {
   }
   return e.json();
 }
-async function zn(t, e, r) {
+async function Gn(t, e, r) {
   const n = await fetch(`${t}/passkey/registration/verify`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2334,9 +2333,9 @@ async function zn(t, e, r) {
     provider: "passkey",
     authenticatedAt: Date.now()
   };
-  return Ae(s), s;
+  return ke(s), s;
 }
-async function qn(t, e) {
+async function Hn(t, e) {
   const r = await fetch(`${t}/passkey/authentication/options`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2348,7 +2347,7 @@ async function qn(t, e) {
   }
   return r.json();
 }
-async function Gn(t, e) {
+async function Jn(t, e) {
   const r = await fetch(`${t}/passkey/authentication/verify`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2363,7 +2362,7 @@ async function Gn(t, e) {
     provider: "passkey",
     authenticatedAt: Date.now()
   };
-  return Ae(o), o;
+  return ke(o), o;
 }
 function q(t) {
   const e = new Uint8Array(t);
@@ -2372,23 +2371,23 @@ function q(t) {
     r += String.fromCharCode(o);
   return btoa(r).replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, "");
 }
-function ve(t) {
+function Re(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 Ye() {
-  return Hn.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
+function We() {
+  return Xn.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
 }
-const Hn = {
+const Xn = {
   stubThis: (t) => t
 };
-function Rt(t) {
+function At(t) {
   const { id: e } = t;
   return {
     ...t,
-    id: ve(e),
+    id: Re(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
@@ -2397,13 +2396,13 @@ function Rt(t) {
     transports: t.transports
   };
 }
-function Et(t) {
+function kt(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)
   );
 }
-class P extends Error {
+class M extends Error {
   constructor({ message: e, code: r, cause: n, name: o }) {
     super(e, { cause: n }), Object.defineProperty(this, "code", {
       enumerable: !0,
@@ -2413,20 +2412,20 @@ class P extends Error {
     }), this.name = o ?? n.name, this.code = r;
   }
 }
-function Jn({ error: t, options: e }) {
+function Zn({ error: t, options: e }) {
   const { publicKey: r } = e;
   if (!r)
     throw Error("options was missing required publicKey property");
   if (t.name === "AbortError") {
     if (e.signal instanceof AbortSignal)
-      return new P({
+      return new M({
         message: "Registration ceremony was sent an abort signal",
         code: "ERROR_CEREMONY_ABORTED",
         cause: t
       });
   } else if (t.name === "ConstraintError") {
     if (r.authenticatorSelection?.requireResidentKey === !0)
-      return new P({
+      return new M({
         message: "Discoverable credentials were required but no available authenticator supported it",
         code: "ERROR_AUTHENTICATOR_MISSING_DISCOVERABLE_CREDENTIAL_SUPPORT",
         cause: t
@@ -2435,63 +2434,63 @@ function Jn({ error: t, options: e }) {
       // @ts-ignore: `mediation` doesn't yet exist on CredentialCreationOptions but it's possible as of Sept 2024
       e.mediation === "conditional" && r.authenticatorSelection?.userVerification === "required"
     )
-      return new P({
+      return new M({
         message: "User verification was required during automatic registration but it could not be performed",
         code: "ERROR_AUTO_REGISTER_USER_VERIFICATION_FAILURE",
         cause: t
       });
     if (r.authenticatorSelection?.userVerification === "required")
-      return new P({
+      return new M({
         message: "User verification was required but no available authenticator supported it",
         code: "ERROR_AUTHENTICATOR_MISSING_USER_VERIFICATION_SUPPORT",
         cause: t
       });
   } else {
     if (t.name === "InvalidStateError")
-      return new P({
+      return new M({
         message: "The authenticator was previously registered",
         code: "ERROR_AUTHENTICATOR_PREVIOUSLY_REGISTERED",
         cause: t
       });
     if (t.name === "NotAllowedError")
-      return new P({
+      return new M({
         message: t.message,
         code: "ERROR_PASSTHROUGH_SEE_CAUSE_PROPERTY",
         cause: t
       });
     if (t.name === "NotSupportedError")
-      return r.pubKeyCredParams.filter((o) => o.type === "public-key").length === 0 ? new P({
+      return r.pubKeyCredParams.filter((o) => o.type === "public-key").length === 0 ? new M({
         message: 'No entry in pubKeyCredParams was of type "public-key"',
         code: "ERROR_MALFORMED_PUBKEYCREDPARAMS",
         cause: t
-      }) : new P({
+      }) : new M({
         message: "No available authenticator supported any of the specified pubKeyCredParams algorithms",
         code: "ERROR_AUTHENTICATOR_NO_SUPPORTED_PUBKEYCREDPARAMS_ALG",
         cause: t
       });
     if (t.name === "SecurityError") {
       const n = globalThis.location.hostname;
-      if (Et(n)) {
+      if (kt(n)) {
         if (r.rp.id !== n)
-          return new P({
+          return new M({
             message: `The RP ID "${r.rp.id}" is invalid for this domain`,
             code: "ERROR_INVALID_RP_ID",
             cause: t
           });
-      } else return new P({
+      } else return new M({
         message: `${globalThis.location.hostname} is an invalid domain`,
         code: "ERROR_INVALID_DOMAIN",
         cause: t
       });
     } else if (t.name === "TypeError") {
       if (r.user.id.byteLength < 1 || r.user.id.byteLength > 64)
-        return new P({
+        return new M({
           message: "User ID was not between 1 and 64 characters",
           code: "ERROR_INVALID_USER_ID_LENGTH",
           cause: t
         });
     } else if (t.name === "UnknownError")
-      return new P({
+      return new M({
         message: "The authenticator was unable to process the specified options, or could not create a new credential",
         code: "ERROR_AUTHENTICATOR_GENERAL_ERROR",
         cause: t
@@ -2499,7 +2498,7 @@ function Jn({ error: t, options: e }) {
   }
   return t;
 }
-class Xn {
+class Qn {
   constructor() {
     Object.defineProperty(this, "controller", {
       enumerable: !0,
@@ -2523,58 +2522,58 @@ class Xn {
     }
   }
 }
-const At = new Xn(), Zn = ["cross-platform", "platform"];
-function kt(t) {
-  if (t && !(Zn.indexOf(t) < 0))
+const Tt = new Qn(), eo = ["cross-platform", "platform"];
+function Ct(t) {
+  if (t && !(eo.indexOf(t) < 0))
     return t;
 }
-async function Qn(t) {
+async function to(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 (!Ye())
+  if (!We())
     throw new Error("WebAuthn is not supported in this browser");
   const n = {
     ...e,
-    challenge: ve(e.challenge),
+    challenge: Re(e.challenge),
     user: {
       ...e.user,
-      id: ve(e.user.id)
+      id: Re(e.user.id)
     },
-    excludeCredentials: e.excludeCredentials?.map(Rt)
+    excludeCredentials: e.excludeCredentials?.map(At)
   }, o = {};
-  r && (o.mediation = "conditional"), o.publicKey = n, o.signal = At.createNewAbortSignal();
+  r && (o.mediation = "conditional"), o.publicKey = n, o.signal = Tt.createNewAbortSignal();
   let s;
   try {
     s = await navigator.credentials.create(o);
-  } catch (y) {
-    throw Jn({ error: y, options: o });
+  } catch (p) {
+    throw Zn({ error: p, options: o });
   }
   if (!s)
     throw new Error("Registration was not completed");
-  const { id: i, rawId: a, response: c, type: d } = s;
+  const { id: i, rawId: a, response: c, type: f } = s;
+  let l;
+  typeof c.getTransports == "function" && (l = c.getTransports());
   let u;
-  typeof c.getTransports == "function" && (u = c.getTransports());
-  let h;
   if (typeof c.getPublicKeyAlgorithm == "function")
     try {
-      h = c.getPublicKeyAlgorithm();
-    } catch (y) {
-      _e("getPublicKeyAlgorithm()", y);
+      u = c.getPublicKeyAlgorithm();
+    } catch (p) {
+      Pe("getPublicKeyAlgorithm()", p);
     }
-  let f;
+  let h;
   if (typeof c.getPublicKey == "function")
     try {
-      const y = c.getPublicKey();
-      y !== null && (f = q(y));
-    } catch (y) {
-      _e("getPublicKey()", y);
+      const p = c.getPublicKey();
+      p !== null && (h = q(p));
+    } catch (p) {
+      Pe("getPublicKey()", p);
     }
-  let p;
+  let y;
   if (typeof c.getAuthenticatorData == "function")
     try {
-      p = q(c.getAuthenticatorData());
-    } catch (y) {
-      _e("getAuthenticatorData()", y);
+      y = q(c.getAuthenticatorData());
+    } catch (p) {
+      Pe("getAuthenticatorData()", p);
     }
   return {
     id: i,
@@ -2582,63 +2581,63 @@ async function Qn(t) {
     response: {
       attestationObject: q(c.attestationObject),
       clientDataJSON: q(c.clientDataJSON),
-      transports: u,
-      publicKeyAlgorithm: h,
-      publicKey: f,
-      authenticatorData: p
+      transports: l,
+      publicKeyAlgorithm: u,
+      publicKey: h,
+      authenticatorData: y
     },
-    type: d,
+    type: f,
     clientExtensionResults: s.getClientExtensionResults(),
-    authenticatorAttachment: kt(s.authenticatorAttachment)
+    authenticatorAttachment: Ct(s.authenticatorAttachment)
   };
 }
-function _e(t, e) {
+function Pe(t, e) {
   console.warn(`The browser extension that intercepted this WebAuthn API call incorrectly implemented ${t}. You should report this error to them.
 `, e);
 }
-function eo() {
-  if (!Ye())
-    return Ne.stubThis(new Promise((e) => e(!1)));
+function ro() {
+  if (!We())
+    return Me.stubThis(new Promise((e) => e(!1)));
   const t = globalThis.PublicKeyCredential;
-  return t?.isConditionalMediationAvailable === void 0 ? Ne.stubThis(new Promise((e) => e(!1))) : Ne.stubThis(t.isConditionalMediationAvailable());
+  return t?.isConditionalMediationAvailable === void 0 ? Me.stubThis(new Promise((e) => e(!1))) : Me.stubThis(t.isConditionalMediationAvailable());
 }
-const Ne = {
+const Me = {
   stubThis: (t) => t
 };
-function to({ error: t, options: e }) {
+function no({ error: t, options: e }) {
   const { publicKey: r } = e;
   if (!r)
     throw Error("options was missing required publicKey property");
   if (t.name === "AbortError") {
     if (e.signal instanceof AbortSignal)
-      return new P({
+      return new M({
         message: "Authentication ceremony was sent an abort signal",
         code: "ERROR_CEREMONY_ABORTED",
         cause: t
       });
   } else {
     if (t.name === "NotAllowedError")
-      return new P({
+      return new M({
         message: t.message,
         code: "ERROR_PASSTHROUGH_SEE_CAUSE_PROPERTY",
         cause: t
       });
     if (t.name === "SecurityError") {
       const n = globalThis.location.hostname;
-      if (Et(n)) {
+      if (kt(n)) {
         if (r.rpId !== n)
-          return new P({
+          return new M({
             message: `The RP ID "${r.rpId}" is invalid for this domain`,
             code: "ERROR_INVALID_RP_ID",
             cause: t
           });
-      } else return new P({
+      } else return new M({
         message: `${globalThis.location.hostname} is an invalid domain`,
         code: "ERROR_INVALID_DOMAIN",
         cause: t
       });
     } else if (t.name === "UnknownError")
-      return new P({
+      return new M({
         message: "The authenticator was unable to process the specified options, or could not create a new assertion signature",
         code: "ERROR_AUTHENTICATOR_GENERAL_ERROR",
         cause: t
@@ -2646,91 +2645,91 @@ function to({ error: t, options: e }) {
   }
   return t;
 }
-async function ro(t) {
+async function oo(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 (!Ye())
+  if (!We())
     throw new Error("WebAuthn is not supported in this browser");
   let o;
-  e.allowCredentials?.length !== 0 && (o = e.allowCredentials?.map(Rt));
+  e.allowCredentials?.length !== 0 && (o = e.allowCredentials?.map(At));
   const s = {
     ...e,
-    challenge: ve(e.challenge),
+    challenge: Re(e.challenge),
     allowCredentials: o
   }, i = {};
   if (r) {
-    if (!await eo())
+    if (!await ro())
       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 = At.createNewAbortSignal();
+  i.publicKey = s, i.signal = Tt.createNewAbortSignal();
   let a;
   try {
     a = await navigator.credentials.get(i);
-  } catch (p) {
-    throw to({ error: p, options: i });
+  } catch (y) {
+    throw no({ error: y, options: i });
   }
   if (!a)
     throw new Error("Authentication was not completed");
-  const { id: c, rawId: d, response: u, type: h } = a;
-  let f;
-  return u.userHandle && (f = q(u.userHandle)), {
+  const { id: c, rawId: f, response: l, type: u } = a;
+  let h;
+  return l.userHandle && (h = q(l.userHandle)), {
     id: c,
-    rawId: q(d),
+    rawId: q(f),
     response: {
-      authenticatorData: q(u.authenticatorData),
-      clientDataJSON: q(u.clientDataJSON),
-      signature: q(u.signature),
-      userHandle: f
+      authenticatorData: q(l.authenticatorData),
+      clientDataJSON: q(l.clientDataJSON),
+      signature: q(l.signature),
+      userHandle: h
     },
-    type: h,
+    type: u,
     clientExtensionResults: a.getClientExtensionResults(),
-    authenticatorAttachment: kt(a.authenticatorAttachment)
+    authenticatorAttachment: Ct(a.authenticatorAttachment)
   };
 }
-const We = ht(null);
-function Eo({ children: t, config: e }) {
+const qe = pt(null);
+function ko({ children: t, config: e }) {
   const [r, n] = G({
     isAuthenticated: !1,
     isLoading: !0,
     user: null,
     error: null
   });
-  U(() => {
+  j(() => {
     (() => {
-      const u = Kn();
-      if (u) {
-        ft(), n({
+      const l = zn();
+      if (l) {
+        mt(), n({
           isAuthenticated: !1,
           isLoading: !1,
           user: null,
-          error: u
+          error: l
         });
         return;
       }
-      const h = Vn();
-      if (h) {
-        const p = {
-          token: h.token,
-          provider: h.provider,
+      const u = Yn();
+      if (u) {
+        const y = {
+          token: u.token,
+          provider: u.provider,
           authenticatedAt: Date.now()
         };
-        Ae(p), ft(), n({
+        ke(y), mt(), n({
           isAuthenticated: !0,
           isLoading: !1,
-          user: de(p),
+          user: fe(y),
           error: null
         });
         return;
       }
-      const f = wt();
-      if (f) {
+      const h = Rt();
+      if (h) {
         n({
           isAuthenticated: !0,
           isLoading: !1,
-          user: de(f),
+          user: fe(h),
           error: null
         });
         return;
@@ -2743,86 +2742,86 @@ function Eo({ children: t, config: e }) {
       });
     })();
   }, []);
-  const o = D(
-    async (d) => {
+  const o = F(
+    async (f) => {
       if (!e.spaceId) {
-        n((h) => ({
-          ...h,
+        n((u) => ({
+          ...u,
           error: "Space ID is not configured"
         }));
         return;
       }
-      const u = Pe(e.authUrl);
-      if (d === "guest") {
-        n((h) => ({ ...h, isLoading: !0 }));
+      const l = je(e.authUrl);
+      if (f === "guest") {
+        n((u) => ({ ...u, isLoading: !0 }));
         try {
-          const h = await vt(e.spaceId, u);
+          const u = await Et(e.spaceId, l);
           n({
             isAuthenticated: !0,
             isLoading: !1,
-            user: de(h),
+            user: fe(u),
             error: null
           });
-        } catch (h) {
-          n((f) => ({
-            ...f,
+        } catch (u) {
+          n((h) => ({
+            ...h,
             isLoading: !1,
-            error: h instanceof Error ? h.message : "Guest login failed"
+            error: u instanceof Error ? u.message : "Guest login failed"
           }));
         }
         return;
       }
-      if (d === "passkey") {
-        n((h) => ({ ...h, isLoading: !0, error: null }));
+      if (f === "passkey") {
+        n((u) => ({ ...u, isLoading: !0, error: null }));
         try {
-          const h = await qn(u), f = await ro({ optionsJSON: h }), p = await Gn(u, f);
+          const u = await Hn(l), h = await oo({ optionsJSON: u }), y = await Jn(l, h);
           n({
             isAuthenticated: !0,
             isLoading: !1,
-            user: de(p),
+            user: fe(y),
             error: null
           });
-        } catch (h) {
-          n((f) => ({
-            ...f,
+        } catch (u) {
+          n((h) => ({
+            ...h,
             isLoading: !1,
-            error: h instanceof Error ? h.message : "Passkey login failed"
+            error: u instanceof Error ? u.message : "Passkey login failed"
           }));
         }
         return;
       }
-      window.location.href = Yn(d, e.spaceId, u);
+      window.location.href = Wn(f, e.spaceId, l);
     },
     [e.authUrl, e.spaceId]
-  ), s = D(() => {
-    we(), n({
+  ), s = F(() => {
+    ve(), n({
       isAuthenticated: !1,
       isLoading: !1,
       user: null,
       error: null
     });
-  }, []), i = D(
-    async (d) => {
-      const u = Pe(e.authUrl);
-      n((h) => ({ ...h, isLoading: !0, error: null }));
+  }, []), i = F(
+    async (f) => {
+      const l = je(e.authUrl);
+      n((u) => ({ ...u, isLoading: !0, error: null }));
       try {
-        const h = await Wn(u), f = await Qn({ optionsJSON: h }), p = await zn(u, f, d);
+        const u = await qn(l), h = await to({ optionsJSON: u }), y = await Gn(l, h, f);
         n({
           isAuthenticated: !0,
           isLoading: !1,
-          user: de(p),
+          user: fe(y),
           error: null
         });
-      } catch (h) {
-        n((f) => ({
-          ...f,
+      } catch (u) {
+        n((h) => ({
+          ...h,
           isLoading: !1,
-          error: h instanceof Error ? h.message : "Passkey registration failed"
+          error: u instanceof Error ? u.message : "Passkey registration failed"
         }));
       }
     },
     [e.authUrl]
-  ), a = D(() => r.user?.token ?? null, [r.user]), c = K(
+  ), a = F(() => r.user?.token ?? null, [r.user]), c = K(
     () => ({
       state: r,
       login: o,
@@ -2832,27 +2831,27 @@ function Eo({ children: t, config: e }) {
     }),
     [r, o, s, a, i]
   );
-  return /* @__PURE__ */ A.jsx(We, { value: c, children: t });
+  return /* @__PURE__ */ E.jsx(qe, { value: c, children: t });
 }
-function no() {
-  const t = Be(We);
+function so() {
+  const t = Ve(qe);
   if (!t)
     throw new Error("useAuth must be used within an AuthProvider");
   return t;
 }
-function oo() {
-  return Be(We);
+function io() {
+  return Ve(qe);
 }
-function Ao(t) {
-  const { config: e, guestUrlParam: r } = t, { state: n, login: o } = no(), s = v(!1);
-  return U(() => {
+function To(t) {
+  const { config: e, guestUrlParam: r } = t, { state: n, login: o } = so(), s = w(!1);
+  return j(() => {
     if (!r || n.isAuthenticated || n.isLoading || s.current || !e.methods.includes("guest"))
       return;
     const i = new URLSearchParams(window.location.search), a = i.get(r);
     if (a === "true" || a === "1" || a === "") {
       i.delete(r);
-      const c = i.toString(), d = window.location.pathname + (c ? `?${c}` : "");
-      window.history.replaceState({}, "", d), s.current = !0, o("guest");
+      const c = i.toString(), f = window.location.pathname + (c ? `?${c}` : "");
+      window.history.replaceState({}, "", f), s.current = !0, o("guest");
     }
   }, [r, n.isAuthenticated, n.isLoading, e.methods, o]), {
     shouldRenderChildren: n.isAuthenticated,
@@ -2861,7 +2860,7 @@ function Ao(t) {
     error: n.error
   };
 }
-function ko({
+function Co({
   connectionState: t,
   error: e,
   isReady: r,
@@ -2871,201 +2870,207 @@ function ko({
   onAction: i,
   renderIdle: a,
   renderConnecting: c,
-  renderConnectingSlow: d,
-  renderConnected: u,
-  renderOffline: h,
-  renderError: f
+  renderConnectingSlow: f,
+  renderConnected: l,
+  renderOffline: u,
+  renderError: h
 }) {
+  const y = w(!1);
   switch (t) {
     case "idle":
       return a();
     case "connecting":
       return c();
     case "connectingSlow":
-      return d();
+      return f();
     case "connected":
-    case "reconnecting":
-      return !r || !n || !o ? null : u({
+    case "reconnecting": {
+      if (!r || !n || !o) return null;
+      t === "reconnecting" && (y.current = !0);
+      const p = n.size > 0;
+      return p && (y.current = !1), l({
         stores: n,
         registry: o,
         client: s,
         onAction: i,
-        isReconnecting: t === "reconnecting"
+        isReconnecting: t === "reconnecting" || y.current && !p
       });
+    }
     case "offline":
-      return h();
+      return y.current = !1, u();
     case "offlineError":
-      return f(e ?? s?.lastError?.message ?? null);
+      return y.current = !1, h(e ?? s?.lastError?.message ?? null);
     default:
       return null;
   }
 }
-const ye = Re("useIkonApp");
-function so() {
+const be = Ee("useIkonApp");
+function ao() {
   if (typeof window < "u" && window.__IKON_AUTH_CONFIG__)
     return window.__IKON_AUTH_CONFIG__;
 }
-function io() {
+function co() {
   if (typeof window < "u" && window.__IKON_LOCAL_IKON_SERVER_CONFIG__)
     return window.__IKON_LOCAL_IKON_SERVER_CONFIG__;
 }
-function To(t) {
-  const { authConfig: e, modules: r, timeouts: n, backgroundAudio: o, webRtc: s, audio: i, video: a, websocket: c, webtransport: d } = t, u = e === void 0 ? so() ?? null : e, h = io(), f = oo(), p = v(null), y = v(null), S = v(null), m = 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(d);
-  w.current = o, k.current = n, O.current = s, M.current = i, z.current = a, Q.current = c, T.current = d;
-  const [_, F] = G("idle"), [j, L] = G(null), [Y, re] = G(null), [J, he] = G(null), [ne, oe] = G(!1), [me, l] = G(0), b = K(() => {
+function Io(t) {
+  const { authConfig: e, modules: r, timeouts: n, backgroundAudio: o, webRtc: s, audio: i, video: a, websocket: c, webtransport: f, proxy: l } = t, u = e === void 0 ? ao() ?? null : e, h = co(), y = io(), p = w(null), b = w(null), m = w(null), g = w(!1), v = w(!1), k = w(o), I = w(n), U = w(s), z = w(i), J = w(a), C = w(c), _ = w(f), L = w(l);
+  k.current = o, I.current = n, U.current = s, z.current = i, J.current = a, C.current = c, _.current = f, L.current = l;
+  const [N, B] = G("idle"), [W, re] = G(null), [oe, me] = G(null), [X, pe] = G(null), [se, d] = G(!1), [S, T] = G(0), A = K(() => {
     try {
-      const I = Mt();
-      return (I.sessionId || I.channelKey) && jt(), I;
+      const P = Ut();
+      return (P.sessionId || P.channelKey) && Lt(), P;
     } catch {
       return { parameters: {} };
     }
-  }, []), R = K(() => u?.enabled ? wt() : null, [u?.enabled, me]), C = h?.enabled ?? !1, V = h?.host ?? "localhost", B = h?.port ?? 8443;
-  U(() => {
-    !C && ze() && u && !u.enabled && u.spaceId && !J && !ne && (oe(!0), vt(u.spaceId, Pe(u.authUrl)).then((x) => {
-      he(x.token);
-    }).catch((x) => {
-      ye.error("Anonymous auth failed:", x), L(x instanceof Error ? x.message : "Anonymous auth failed");
+  }, []), x = K(() => u?.enabled ? Rt() : null, [u?.enabled, S]), D = h?.enabled ?? !1, ee = h?.host ?? "localhost", te = h?.port ?? 8443;
+  j(() => {
+    !D && Ge() && u && !u.enabled && u.spaceId && !X && !se && (d(!0), Et(u.spaceId, je(u.authUrl)).then((V) => {
+      pe(V.token);
+    }).catch((V) => {
+      be.error("Anonymous auth failed:", V), re(V instanceof Error ? V.message : "Anonymous auth failed");
     }).finally(() => {
-      oe(!1);
+      d(!1);
     }));
-  }, [C, u, J, ne]);
-  const ee = K(() => {
-    if (C) {
-      const I = R?.token ? Ut(R.token) ?? void 0 : void 0;
+  }, [D, u, X, se]);
+  const O = K(() => {
+    if (D) {
+      const P = x?.token ? xt(x.token) ?? void 0 : void 0;
       return {
         local: {
-          host: V,
-          httpsPort: B,
-          userId: I,
-          token: R?.token ?? void 0,
+          host: ee,
+          httpsPort: te,
+          userId: P,
+          token: x?.token ?? void 0,
           spaceId: u?.spaceId,
           backendUrl: u?.backendUrl,
           authUrl: u?.authUrl,
-          parameters: b.parameters
+          parameters: A.parameters
         }
       };
     }
-    return R?.token && u?.spaceId ? {
+    return x?.token && u?.spaceId ? {
       sessionToken: {
-        token: R.token,
+        token: x.token,
         spaceId: u.spaceId,
-        backendType: qe(),
-        sessionId: b.sessionId,
-        channelKey: b.channelKey,
-        parameters: b.parameters
+        backendType: He(),
+        sessionId: A.sessionId,
+        channelKey: A.channelKey,
+        parameters: A.parameters
       }
-    } : J && u?.spaceId ? {
+    } : X && u?.spaceId ? {
       sessionToken: {
-        token: J,
+        token: X,
         spaceId: u.spaceId,
-        backendType: qe(),
-        sessionId: b.sessionId,
-        channelKey: b.channelKey,
-        parameters: b.parameters
+        backendType: He(),
+        sessionId: A.sessionId,
+        channelKey: A.channelKey,
+        parameters: A.parameters
       }
-    } : ze() ? null : {
+    } : Ge() ? null : {
       local: {
-        host: V,
-        httpsPort: B,
+        host: ee,
+        httpsPort: te,
         spaceId: u?.spaceId,
         backendUrl: u?.backendUrl,
         authUrl: u?.authUrl,
-        parameters: b.parameters
+        parameters: A.parameters
       }
     };
-  }, [C, V, B, R?.token, u?.spaceId, u?.backendUrl, u?.authUrl, J, b.sessionId, b.channelKey, b.parameters]);
-  Hr(Y);
-  const se = Xr(Y);
-  U(() => {
-    if (!m.current) {
-      if (m.current = !0, S.current = $r(), r)
-        for (const I of r)
-          I(S.current);
-      S.current.loadRegisteredModules().catch((I) => {
-        ye.error("Failed to load UI modules", I);
+  }, [D, ee, te, x?.token, u?.spaceId, u?.backendUrl, u?.authUrl, X, A.sessionId, A.channelKey, A.parameters]);
+  Xr(oe);
+  const Z = Qr(oe);
+  j(() => {
+    if (!g.current) {
+      if (g.current = !0, m.current = Kr(), r)
+        for (const P of r)
+          P(m.current);
+      m.current.loadRegisteredModules().catch((P) => {
+        be.error("Failed to load UI modules", P);
       });
     }
-  }, []), U(() => {
-    if (!ee) return;
-    const I = new Lt({
-      ...ee,
-      timeouts: k.current,
-      audio: M.current !== void 0 || w.current ? {
-        enabled: M.current,
-        ...w.current ? { background: { allowOnDesktop: !0, allowOnMobile: !0 } } : {}
+  }, []), j(() => {
+    if (!O) return;
+    const P = new Dt({
+      ...O,
+      timeouts: I.current,
+      audio: z.current !== void 0 || k.current ? {
+        enabled: z.current,
+        ...k.current ? { background: { allowOnDesktop: !0, allowOnMobile: !0 } } : {}
       } : void 0,
-      video: z.current !== void 0 ? { enabled: z.current } : void 0,
+      video: J.current !== void 0 ? { enabled: J.current } : void 0,
       mediaSession: { title: document.title || void 0, artist: document.title || void 0 },
-      webRtc: O.current ? { enabled: !0 } : void 0,
-      websocket: Q.current,
-      webtransport: T.current,
-      onConnectionStateChange: (Z) => {
-        F(Z);
+      webRtc: U.current ? { enabled: !0 } : void 0,
+      websocket: C.current,
+      webtransport: _.current,
+      proxy: L.current,
+      onConnectionStateChange: (Q) => {
+        B(Q);
       },
-      onError: (Z) => {
-        L(Z.message);
+      onError: (Q) => {
+        re(Q.message);
       }
     });
-    p.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"), f ? f.logout() : (we(), l((Ct) => Ct + 1)));
+    p.current = P;
+    const V = new or({ client: P });
+    return b.current = V, me(V), P.connect().catch((Q) => {
+      be.error("Connection failed:", Q), Q instanceof Ft && !v.current && (v.current = !0, be.warn("Auth session appears stale, clearing and retrying"), y ? y.logout() : (ve(), T((Ot) => Ot + 1)));
     }), () => {
-      I.disconnect(), p.current = null, x.dispose(), y.current = null;
+      P.disconnect(), p.current = null, V.dispose(), b.current = null;
     };
-  }, [ee]);
-  const N = D((I, x) => {
-    const Z = typeof x == "string" ? x : JSON.stringify(x ?? {});
-    p.current?.sendActionCall(I, Z);
-  }, []), X = _ === "connected" || _ === "reconnecting";
+  }, [O]);
+  const ie = F((P, V) => {
+    const Q = typeof V == "string" ? V : JSON.stringify(V ?? {});
+    p.current?.sendActionCall(P, Q);
+  }, []), Te = N === "connected" || N === "reconnecting";
   return {
-    connectionState: _,
-    error: j,
-    stores: se,
+    connectionState: N,
+    error: W,
+    stores: Z,
     client: p.current,
-    registry: S.current,
+    registry: m.current,
     clientRef: p,
-    uiRef: y,
-    registryRef: S,
-    onAction: N,
-    isReady: X,
+    uiRef: b,
+    registryRef: m,
+    onAction: ie,
+    isReady: Te,
     webRtcVideoStreams: p.current?.webRtcVideoStreams ?? /* @__PURE__ */ new Map(),
     webRtcTrackMap: p.current?.webRtcTrackMap ?? /* @__PURE__ */ new Map()
   };
 }
-function Co(t) {
-  const e = v(!1);
-  return D(() => {
+function Oo(t) {
+  const e = w(!1);
+  return F(() => {
     if (e.current) return;
     e.current = !0;
     const r = document.createElement("link");
     r.rel = "stylesheet", r.href = t, document.head.appendChild(r);
   }, [t]);
 }
-let ao = 0;
-function Io(t = 5, e = 5e3) {
-  const [r, n] = G([]), o = v(/* @__PURE__ */ new Map()), s = D((i) => {
+let uo = 0;
+function _o(t = 5, e = 5e3) {
+  const [r, n] = G([]), o = w(/* @__PURE__ */ new Map()), s = F((i) => {
     const a = o.current.get(i);
-    a && (clearTimeout(a), o.current.delete(i)), n((c) => c.filter((d) => d.id !== i));
+    a && (clearTimeout(a), o.current.delete(i)), n((c) => c.filter((f) => f.id !== i));
   }, []);
-  return U(() => {
-    const i = o.current, a = Dt(
+  return j(() => {
+    const i = o.current, a = Bt(
       (c) => {
-        if (!Ft())
+        if (!$t())
           return;
-        const d = `toast-${++ao}`, u = c.level === Ge.ERROR ? "error" : "warn", h = {
-          id: d,
-          level: u,
+        const f = `toast-${++uo}`, l = c.level === Je.ERROR ? "error" : "warn", u = {
+          id: f,
+          level: l,
           message: c.message,
           component: c.component
         };
-        n((p) => [...p, h].slice(-t));
-        const f = setTimeout(() => {
-          s(d);
+        n((y) => [...y, u].slice(-t));
+        const h = setTimeout(() => {
+          s(f);
         }, e);
-        i.set(d, f);
+        i.set(f, h);
       },
-      { minLevel: Ge.WARN }
+      { minLevel: Je.WARN }
     );
     return () => {
       a();
@@ -3075,100 +3080,100 @@ function Io(t = 5, e = 5e3) {
     };
   }, [t, e, s]), { toasts: r, dismissToast: s };
 }
-const Tt = ht(null);
-function co(t, e) {
+const It = pt(null);
+function lo(t, e) {
   return e ? t.replace(/\{(\w+)\}/g, (r, n) => e[n] ?? `{${n}}`) : t;
 }
-function uo(t, e) {
-  const r = Bt();
+function fo(t, e) {
+  const r = Vt();
   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 lo(t, e, r) {
-  return e ? uo(t, r) : r && t.includes(r) ? r : "en";
+function ho(t, e, r) {
+  return e ? fo(t, r) : r && t.includes(r) ? r : "en";
 }
-function Oo({
+function No({
   children: t,
   translations: e,
   defaultLanguage: r,
   detectLanguage: n = !1
 }) {
-  const o = Object.keys(e), s = lo(o, n, r), i = e[s] ?? e.en, a = K(
+  const o = Object.keys(e), s = ho(o, n, r), i = e[s] ?? e.en, a = K(
     () => ({
-      t: (c, d) => {
-        const u = i[c];
-        return co(u, d);
+      t: (c, f) => {
+        const l = i[c];
+        return lo(l, f);
       },
       locale: s,
       translations: i
     }),
     [i, s]
   );
-  return /* @__PURE__ */ A.jsx(Tt, { value: a, children: t });
+  return /* @__PURE__ */ E.jsx(It, { value: a, children: t });
 }
-function _o() {
-  const t = Be(Tt);
+function Po() {
+  const t = Ve(It);
   if (!t)
     throw new Error("useI18n must be used within an I18nProvider");
   return t;
 }
 export {
-  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,
-  Ur as IKON_UI_SHADERTOY_TYPE,
-  je as IKON_UI_STREAM_CATEGORY,
-  yr as IKON_UI_VIDEO_CANVAS_TYPE,
-  br 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,
-  bo 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,
-  Lr 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,
-  So 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,
+  ko as AuthProvider,
+  Co as ConnectionStateRenderer,
+  No as I18nProvider,
+  fr as IKON_UI_BASE_MODULE,
+  Ar as IKON_UI_MEDIA_MODULE,
+  Fr as IKON_UI_SHADERTOY_MODULE,
+  xr as IKON_UI_SHADERTOY_TYPE,
+  Le as IKON_UI_STREAM_CATEGORY,
+  Sr as IKON_UI_VIDEO_CANVAS_TYPE,
+  wr as IKON_UI_VIDEO_URL_PLAYER_TYPE,
+  or as IkonUi,
+  Vr as IkonUiRegistry,
+  So as IkonUiSurface,
+  rr as UiComponentRegistry,
+  tr as UiRenderer,
+  Uo as UiStreamStore,
+  wo as areIkonUiModuleListsEqual,
+  Et as authenticateAnonymous,
+  Wn as buildOAuthRedirectUrl,
+  ve as clearAuthSession,
+  mt as clearOAuthParams,
+  dr as createBaseResolvers,
+  yo as createComponentLibrary,
+  Kr as createIkonUiRegistry,
+  Rr as createMediaResolvers,
+  Dr as createShadertoyRendererResolver,
+  nr as isIkonUiCategoryMatch,
+  Rt as loadAuthSession,
+  hr as loadBaseModule,
+  kr as loadMediaModule,
+  Br as loadShadertoyModule,
+  yn as normalizeIkonUiModuleList,
+  Ro as parseIkonUiInitPayload,
+  Yn as parseOAuthCallback,
+  zn as parseOAuthError,
+  bn as readIkonUiModules,
+  vo as readIkonUiModulesFromSources,
+  mr as registerBaseModule,
+  Tr as registerMediaModule,
+  $r as registerShadertoyModule,
+  Qt as renderChildren,
+  Eo as renderMotionLetters,
+  ke as saveAuthSession,
+  Ao as sendMagicLink,
+  fe as sessionToUser,
+  so as useAuth,
+  To as useAuthGuard,
+  io as useAuthOptional,
+  Po as useI18n,
+  Io as useIkonApp,
+  Xr as useIkonStyles,
+  Qr as useIkonUiStores,
+  Oo as useLazyFont,
+  _o as useToasts,
   H as useUiNode,
-  go as useUiStore
+  bo as useUiStore
 };