@ikonai/sdk-react-ui 1.0.41 → 1.0.42

package/index.js

@@ -1,8 +1,8 @@
-import { IkonUiCore as Pt, UiStreamStore as Mt } from "@ikonai/sdk-ui";
-import { UiStreamStore as Bo } from "@ikonai/sdk-ui";
-import Lt, { useSyncExternalStore as $e, useMemo as V, memo as Y, useRef as w, useCallback as D, Fragment as jt, useEffect as U, useState as J, createContext as mt, use as Ve } from "react";
-import { createLogger as Re, isInspectModeEnabled as Ut, getOrCreateDeviceId as xt, deriveAuthUrl as Le, parseUrlParams as Dt, clearSessionParamsFromUrl as Ft, isCloudEnvironment as Ge, extractUserIdFromToken as Bt, deriveBackendType as He, IkonClient as $t, AccessDeniedError as Vt, AuthenticationError as Kt, subscribeToLogEvents as Yt, isDebugModeEnabled as zt, LogLevel as Je, getLangParam as Wt } from "@ikonai/sdk";
-var ge = { exports: {} }, ie = {};
+import { IkonUiCore as jt, UiStreamStore as Ut } from "@ikonai/sdk-ui";
+import { UiStreamStore as Jo } from "@ikonai/sdk-ui";
+import Dt, { useSyncExternalStore as Ke, useMemo as K, memo as z, useRef as v, useCallback as D, Fragment as Bt, useEffect as N, useState as Y, createContext as yt, use as Ye } from "react";
+import { createLogger as ke, isInspectModeEnabled as Ft, getOrCreateDeviceId as $t, deriveAuthUrl as xe, parseUrlParams as Vt, clearSessionParamsFromUrl as Kt, isCloudEnvironment as Je, extractUserIdFromToken as Yt, deriveBackendType as Xe, IkonClient as zt, AccessDeniedError as Wt, AuthenticationError as qt, subscribeToLogEvents as Ht, isDebugModeEnabled as Gt, LogLevel as Ze, getLangParam as Jt } from "@ikonai/sdk";
+var ge = { exports: {} }, ae = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -12,12 +12,12 @@ var ge = { 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 Xe;
-function qt() {
-  if (Xe) return ie;
-  Xe = 1;
+var Qe;
+function Xt() {
+  if (Qe) return ae;
+  Qe = 1;
   var t = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
-  function r(n, o, s) {
+  function n(r, o, s) {
     var i = null;
     if (s !== void 0 && (i = "" + s), o.key !== void 0 && (i = "" + o.key), "key" in o) {
       s = {};
@@ -26,15 +26,15 @@ function qt() {
     } else s = o;
     return o = s.ref, {
       $$typeof: t,
-      type: n,
+      type: r,
       key: i,
       ref: o !== void 0 ? o : null,
       props: s
     };
   }
-  return ie.Fragment = e, ie.jsx = r, ie.jsxs = r, ie;
+  return ae.Fragment = e, ae.jsx = n, ae.jsxs = n, ae;
 }
-var ae = {};
+var ce = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -44,274 +44,274 @@ 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 Ze;
-function Gt() {
-  return Ze || (Ze = 1, process.env.NODE_ENV !== "production" && function() {
-    function t(f) {
-      if (f == null) return null;
-      if (typeof f == "function")
-        return f.$$typeof === x ? null : f.displayName || f.name || null;
-      if (typeof f == "string") return f;
-      switch (f) {
+var et;
+function Zt() {
+  return et || (et = 1, process.env.NODE_ENV !== "production" && function() {
+    function t(h) {
+      if (h == null) return null;
+      if (typeof h == "function")
+        return h.$$typeof === U ? null : h.displayName || h.name || null;
+      if (typeof h == "string") return h;
+      switch (h) {
         case b:
           return "Fragment";
         case y:
           return "Profiler";
         case g:
           return "StrictMode";
-        case O:
+        case _:
           return "Suspense";
-        case K:
+        case B:
           return "SuspenseList";
-        case _:
+        case P:
           return "Activity";
       }
-      if (typeof f == "object")
-        switch (typeof f.tag == "number" && console.error(
+      if (typeof h == "object")
+        switch (typeof h.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), f.$$typeof) {
+        ), h.$$typeof) {
           case m:
             return "Portal";
-          case E:
-            return (f.displayName || "Context") + ".Provider";
-          case v:
-            return (f._context.displayName || "Context") + ".Consumer";
           case T:
-            var S = f.render;
-            return f = f.displayName, f || (f = S.displayName || S.name || "", f = f !== "" ? "ForwardRef(" + f + ")" : "ForwardRef"), f;
-          case Q:
-            return S = f.displayName || null, S !== null ? S : t(f.type) || "Memo";
+            return (h.displayName || "Context") + ".Provider";
+          case w:
+            return (h._context.displayName || "Context") + ".Consumer";
           case C:
-            S = f._payload, f = f._init;
+            var S = h.render;
+            return h = h.displayName, h || (h = S.displayName || S.name || "", h = h !== "" ? "ForwardRef(" + h + ")" : "ForwardRef"), h;
+          case Q:
+            return S = h.displayName || null, S !== null ? S : t(h.type) || "Memo";
+          case A:
+            S = h._payload, h = h._init;
             try {
-              return t(f(S));
+              return t(h(S));
             } catch {
             }
         }
       return null;
     }
-    function e(f) {
-      return "" + f;
+    function e(h) {
+      return "" + h;
     }
-    function r(f) {
+    function n(h) {
       try {
-        e(f);
+        e(h);
         var S = !1;
       } catch {
         S = !0;
       }
       if (S) {
         S = console;
-        var A = S.error, M = typeof Symbol == "function" && Symbol.toStringTag && f[Symbol.toStringTag] || f.constructor.name || "Object";
-        return A.call(
+        var k = S.error, L = typeof Symbol == "function" && Symbol.toStringTag && h[Symbol.toStringTag] || h.constructor.name || "Object";
+        return k.call(
           S,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          M
-        ), e(f);
+          L
+        ), e(h);
       }
     }
-    function n(f) {
-      if (f === b) return "<>";
-      if (typeof f == "object" && f !== null && f.$$typeof === C)
+    function r(h) {
+      if (h === b) return "<>";
+      if (typeof h == "object" && h !== null && h.$$typeof === A)
         return "<...>";
       try {
-        var S = t(f);
+        var S = t(h);
         return S ? "<" + S + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function o() {
-      var f = P.A;
-      return f === null ? null : f.getOwner();
+      var h = M.A;
+      return h === null ? null : h.getOwner();
     }
     function s() {
       return Error("react-stack-top-frame");
     }
-    function i(f) {
-      if (F.call(f, "key")) {
-        var S = Object.getOwnPropertyDescriptor(f, "key").get;
+    function i(h) {
+      if (F.call(h, "key")) {
+        var S = Object.getOwnPropertyDescriptor(h, "key").get;
         if (S && S.isReactWarning) return !1;
       }
-      return f.key !== void 0;
+      return h.key !== void 0;
     }
-    function a(f, S) {
-      function A() {
-        he || (he = !0, console.error(
+    function a(h, S) {
+      function k() {
+        pe || (pe = !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)",
           S
         ));
       }
-      A.isReactWarning = !0, Object.defineProperty(f, "key", {
-        get: A,
+      k.isReactWarning = !0, Object.defineProperty(h, "key", {
+        get: k,
         configurable: !0
       });
     }
     function c() {
-      var f = t(this.type);
-      return pe[f] || (pe[f] = !0, console.error(
+      var h = t(this.type);
+      return he[h] || (he[h] = !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."
-      )), f = this.props.ref, f !== void 0 ? f : null;
+      )), h = this.props.ref, h !== void 0 ? h : null;
     }
-    function h(f, S, A, M, W, I, q, te) {
-      return A = I.ref, f = {
-        $$typeof: p,
-        type: f,
+    function p(h, S, k, L, q, I, H, te) {
+      return k = I.ref, h = {
+        $$typeof: d,
+        type: h,
         key: S,
         props: I,
-        _owner: W
-      }, (A !== void 0 ? A : null) !== null ? Object.defineProperty(f, "ref", {
+        _owner: q
+      }, (k !== void 0 ? k : null) !== null ? Object.defineProperty(h, "ref", {
         enumerable: !1,
         get: c
-      }) : Object.defineProperty(f, "ref", { enumerable: !1, value: null }), f._store = {}, Object.defineProperty(f._store, "validated", {
+      }) : Object.defineProperty(h, "ref", { enumerable: !1, value: null }), h._store = {}, Object.defineProperty(h._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(f, "_debugInfo", {
+      }), Object.defineProperty(h, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(f, "_debugStack", {
+      }), Object.defineProperty(h, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: q
-      }), Object.defineProperty(f, "_debugTask", {
+        value: H
+      }), Object.defineProperty(h, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: te
-      }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
+      }), Object.freeze && (Object.freeze(h.props), Object.freeze(h)), h;
     }
-    function d(f, S, A, M, W, I, q, te) {
-      var N = S.children;
-      if (N !== void 0)
-        if (M)
-          if (z(N)) {
-            for (M = 0; M < N.length; M++)
-              l(N[M]);
-            Object.freeze && Object.freeze(N);
+    function f(h, S, k, L, q, I, H, te) {
+      var O = S.children;
+      if (O !== void 0)
+        if (L)
+          if (W(O)) {
+            for (L = 0; L < O.length; L++)
+              l(O[L]);
+            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 l(N);
+        else l(O);
       if (F.call(S, "key")) {
-        N = t(f);
-        var G = Object.keys(S).filter(function(Te) {
-          return Te !== "key";
+        O = t(h);
+        var G = Object.keys(S).filter(function(Ce) {
+          return Ce !== "key";
         });
-        M = 0 < G.length ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}", ee[N + M] || (G = 0 < G.length ? "{" + G.join(": ..., ") + ": ...}" : "{}", console.error(
+        L = 0 < G.length ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}", ee[O + L] || (G = 0 < G.length ? "{" + G.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} />`,
-          M,
-          N,
+          L,
+          O,
           G,
-          N
-        ), ee[N + M] = !0);
+          O
+        ), ee[O + L] = !0);
       }
-      if (N = null, A !== void 0 && (r(A), N = "" + A), i(S) && (r(S.key), N = "" + S.key), "key" in S) {
-        A = {};
-        for (var re in S)
-          re !== "key" && (A[re] = S[re]);
-      } else A = S;
-      return N && a(
-        A,
-        typeof f == "function" ? f.displayName || f.name || "Unknown" : f
-      ), h(
-        f,
-        N,
+      if (O = null, k !== void 0 && (n(k), O = "" + k), i(S) && (n(S.key), O = "" + S.key), "key" in S) {
+        k = {};
+        for (var ne in S)
+          ne !== "key" && (k[ne] = S[ne]);
+      } else k = S;
+      return O && a(
+        k,
+        typeof h == "function" ? h.displayName || h.name || "Unknown" : h
+      ), p(
+        h,
+        O,
         I,
-        W,
-        o(),
-        A,
         q,
+        o(),
+        k,
+        H,
         te
       );
     }
-    function l(f) {
-      typeof f == "object" && f !== null && f.$$typeof === p && f._store && (f._store.validated = 1);
+    function l(h) {
+      typeof h == "object" && h !== null && h.$$typeof === d && h._store && (h._store.validated = 1);
     }
-    var u = Lt, p = Symbol.for("react.transitional.element"), m = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), g = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), v = Symbol.for("react.consumer"), E = Symbol.for("react.context"), T = Symbol.for("react.forward_ref"), O = Symbol.for("react.suspense"), K = Symbol.for("react.suspense_list"), Q = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), _ = Symbol.for("react.activity"), x = Symbol.for("react.client.reference"), P = u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, z = Array.isArray, ne = console.createTask ? console.createTask : function() {
+    var u = Dt, d = Symbol.for("react.transitional.element"), m = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), g = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), T = Symbol.for("react.context"), C = Symbol.for("react.forward_ref"), _ = Symbol.for("react.suspense"), B = Symbol.for("react.suspense_list"), Q = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), P = Symbol.for("react.activity"), U = Symbol.for("react.client.reference"), M = u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, W = Array.isArray, re = console.createTask ? console.createTask : function() {
       return null;
     };
     u = {
-      "react-stack-bottom-frame": function(f) {
-        return f();
+      "react-stack-bottom-frame": function(h) {
+        return h();
       }
     };
-    var he, pe = {}, se = u["react-stack-bottom-frame"].bind(
+    var pe, he = {}, ie = u["react-stack-bottom-frame"].bind(
       u,
       s
-    )(), me = ne(n(s)), ee = {};
-    ae.Fragment = b, ae.jsx = function(f, S, A, M, W) {
-      var I = 1e4 > P.recentlyCreatedOwnerStacks++;
-      return d(
-        f,
+    )(), me = re(r(s)), ee = {};
+    ce.Fragment = b, ce.jsx = function(h, S, k, L, q) {
+      var I = 1e4 > M.recentlyCreatedOwnerStacks++;
+      return f(
+        h,
         S,
-        A,
+        k,
         !1,
-        M,
-        W,
-        I ? Error("react-stack-top-frame") : se,
-        I ? ne(n(f)) : me
+        L,
+        q,
+        I ? Error("react-stack-top-frame") : ie,
+        I ? re(r(h)) : me
       );
-    }, ae.jsxs = function(f, S, A, M, W) {
-      var I = 1e4 > P.recentlyCreatedOwnerStacks++;
-      return d(
-        f,
+    }, ce.jsxs = function(h, S, k, L, q) {
+      var I = 1e4 > M.recentlyCreatedOwnerStacks++;
+      return f(
+        h,
         S,
-        A,
+        k,
         !0,
-        M,
-        W,
-        I ? Error("react-stack-top-frame") : se,
-        I ? ne(n(f)) : me
+        L,
+        q,
+        I ? Error("react-stack-top-frame") : ie,
+        I ? re(r(h)) : me
       );
     };
-  }()), ae;
+  }()), ce;
 }
-var Qe;
-function Ht() {
-  return Qe || (Qe = 1, process.env.NODE_ENV === "production" ? ge.exports = qt() : ge.exports = Gt()), ge.exports;
+var tt;
+function Qt() {
+  return tt || (tt = 1, process.env.NODE_ENV === "production" ? ge.exports = Xt() : ge.exports = Zt()), ge.exports;
 }
-var R = Ht();
-function Jt(t, e) {
-  const r = $e(
-    (n) => t.subscribe(n),
+var E = Qt();
+function en(t, e) {
+  const n = Ke(
+    (r) => t.subscribe(r),
     () => {
-      const n = t.getSnapshot(), o = e ?? n.rootViewId, s = o ? n.views.get(o) : void 0;
+      const r = t.getSnapshot(), o = e ?? r.rootViewId, s = o ? r.views.get(o) : void 0;
       return `${o ?? ""}:${s?.id ?? ""}`;
     },
     () => {
-      const n = t.getSnapshot(), o = e ?? n.rootViewId, s = o ? n.views.get(o) : void 0;
+      const r = t.getSnapshot(), o = e ?? r.rootViewId, s = o ? r.views.get(o) : void 0;
       return `${o ?? ""}:${s?.id ?? ""}`;
     }
   );
-  return V(() => {
-    const [n, o] = r.split(":");
+  return K(() => {
+    const [r, o] = n.split(":");
     return {
-      rootViewId: n || void 0,
+      rootViewId: r || void 0,
       rootNodeId: o || void 0
     };
-  }, [r]);
+  }, [n]);
 }
 function Z(t, e) {
-  const r = $e(
-    (n) => t.subscribeNode(e, n),
+  const n = Ke(
+    (r) => t.subscribeNode(e, r),
     () => t.getNodeVersion(e),
     () => t.getNodeVersion(e)
   );
-  return V(() => t.getNode(e), [t, e, r]);
+  return K(() => t.getNode(e), [t, e, n]);
 }
-const Xt = Re("UIRenderer");
-function Zt(t) {
+const tn = ke("UIRenderer");
+function nn(t) {
   if (t === void 0)
     return "{}";
   if (typeof t == "string")
@@ -322,72 +322,72 @@ function Zt(t) {
     return "{}";
   }
 }
-function Qt(t) {
+function rn(t) {
   const e = t.styleIds;
   return Array.isArray(e) ? e : [];
 }
-function er(t) {
+function on(t) {
   const e = t.children;
   return Array.isArray(e) ? e : [];
 }
-function tr(t, e) {
+function sn(t, e) {
   return t.nodeId === e.nodeId && t.context === e.context;
 }
-function rr(t) {
+function an(t) {
   if (t.length === 0) return "";
   if (t.length === 1) return t[0].id;
   let e = t[0].id;
-  for (let r = 1; r < t.length; r++)
-    e += "," + t[r].id;
+  for (let n = 1; n < t.length; n++)
+    e += "," + t[n].id;
   return e;
 }
-const je = Y(function t({ nodeId: e, context: r }) {
-  const n = Z(r.store, e), o = n ? er(n) : [], s = rr(o), i = V(
-    () => o.length === 0 ? null : o.map((l) => /* @__PURE__ */ R.jsx(t, { nodeId: l.id, context: r }, l.id)),
+const je = z(function t({ nodeId: e, context: n }) {
+  const r = Z(n.store, e), o = r ? on(r) : [], s = an(o), i = K(
+    () => o.length === 0 ? null : o.map((l) => /* @__PURE__ */ E.jsx(t, { nodeId: l.id, context: n }, l.id)),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [s, r]
+    [s, n]
   );
-  if (!n)
+  if (!r)
     return null;
-  if (n.type === "root")
-    return /* @__PURE__ */ R.jsx(jt, { children: i }, n.id);
-  const a = r.library.resolve(n);
+  if (r.type === "root")
+    return /* @__PURE__ */ E.jsx(Bt, { children: i }, r.id);
+  const a = n.library.resolve(r);
   if (!a)
-    return Xt.warn(`No renderer for node type ${n.type}`), null;
-  const c = Qt(n), h = c.length > 0 ? c.join(" ") : void 0, d = a;
-  return /* @__PURE__ */ R.jsx(d, { nodeId: e, context: r, className: h });
-}, tr);
-function nr(t, e) {
-  return !Array.isArray(t) || t.length === 0 ? null : t.map((r) => /* @__PURE__ */ R.jsx(je, { nodeId: r.id, context: e }, r.id));
-}
-function or(t, e) {
+    return tn.warn(`No renderer for node type ${r.type}`), null;
+  const c = rn(r), p = c.length > 0 ? c.join(" ") : void 0, f = a;
+  return /* @__PURE__ */ E.jsx(f, { nodeId: e, context: n, className: p });
+}, sn);
+function cn(t, e) {
+  return !Array.isArray(t) || t.length === 0 ? null : t.map((n) => /* @__PURE__ */ E.jsx(je, { nodeId: n.id, context: e }, n.id));
+}
+function un(t, e) {
   return t.store === e.store && t.library === e.library && t.viewId === e.viewId && t.emptyFallback === e.emptyFallback;
 }
-const sr = Y(function({ store: e, library: r, viewId: n, emptyFallback: o = null, onAction: s, client: i, video: a }) {
-  const { rootViewId: c, rootNodeId: h } = Jt(e, n), d = w(s);
-  d.current = s;
-  const l = w(i);
+const ln = z(function({ store: e, library: n, viewId: r, emptyFallback: o = null, onAction: s, client: i, video: a }) {
+  const { rootViewId: c, rootNodeId: p } = en(e, r), f = v(s);
+  f.current = s;
+  const l = v(i);
   l.current = i;
-  const u = w(a);
+  const u = v(a);
   u.current = a;
-  const p = D((b, g) => {
+  const d = D((b, g) => {
     if (!b)
       return;
-    const y = Zt(g);
-    d.current?.(b, y);
-  }, []), m = V(() => {
+    const y = nn(g);
+    f.current?.(b, y);
+  }, []), m = K(() => {
     const b = {
       store: e,
-      library: r,
+      library: n,
       handlerCache: e.handlerCache,
       // Access payloads from store at call time, not captured snapshot
       getPayload: (g) => e.getSnapshot().payloads.get(g),
-      renderChildren: (g) => nr(g, b),
+      renderChildren: (g) => cn(g, b),
       renderView: (g) => {
         const y = e.getSnapshot().views.get(g);
-        return y ? /* @__PURE__ */ R.jsx(je, { nodeId: y.id, context: b }) : null;
+        return y ? /* @__PURE__ */ E.jsx(je, { nodeId: y.id, context: b }) : null;
       },
-      dispatchAction: p,
+      dispatchAction: d,
       // Access client/video via refs to avoid context recreation
       get client() {
         return l.current;
@@ -397,18 +397,18 @@ const sr = Y(function({ store: e, library: r, viewId: n, emptyFallback: o = null
       }
     };
     return b;
-  }, [e, r, p]);
-  return !c || !h ? o : /* @__PURE__ */ R.jsx("div", { "data-ikon-view-id": c, style: { display: "contents" }, children: /* @__PURE__ */ R.jsx(je, { nodeId: h, context: m }) });
-}, or);
-class ir {
-  constructor(e, r) {
-    if (this.fallback = r, e)
-      for (const [n, o] of e)
-        this.renderers.set(n, o);
+  }, [e, n, d]);
+  return !c || !p ? o : /* @__PURE__ */ E.jsx("div", { "data-ikon-view-id": c, style: { display: "contents" }, children: /* @__PURE__ */ E.jsx(je, { nodeId: p, context: m }) });
+}, un);
+class dn {
+  constructor(e, n) {
+    if (this.fallback = n, e)
+      for (const [r, o] of e)
+        this.renderers.set(r, o);
   }
   renderers = /* @__PURE__ */ new Map();
-  register(e, r) {
-    this.renderers.set(e, r);
+  register(e, n) {
+    this.renderers.set(e, n);
   }
   setFallback(e) {
     this.fallback = e;
@@ -417,103 +417,103 @@ class ir {
     return this.renderers.get(e.type) ?? this.fallback;
   }
 }
-function Eo(t, e) {
-  const r = Object.entries(t);
-  return new ir(r, e);
+function Po(t, e) {
+  const n = Object.entries(t);
+  return new dn(n, e);
 }
-function Ro(t) {
-  return $e(
+function Mo(t) {
+  return Ke(
     (e) => t.subscribe(e),
     () => t.getSnapshot(),
     () => t.getSnapshot()
   );
 }
-function ar() {
-  const t = Ut();
-  return U(() => {
+function fn() {
+  const t = Ft();
+  return N(() => {
     if (!t)
       return;
-    let e = null, r = [];
-    const n = document.createElement("div");
-    n.style.cssText = "position:fixed;z-index:99999;pointer-events:none;padding:2px 6px;background:#1e1e2e;color:#cdd6f4;font-size:11px;border-radius:4px;border:1px solid #45475a;white-space:nowrap;display:none;font-family:monospace;", document.body.appendChild(n);
+    let e = null, n = [];
+    const r = document.createElement("div");
+    r.style.cssText = "position:fixed;z-index:99999;pointer-events:none;padding:2px 6px;background:#1e1e2e;color:#cdd6f4;font-size:11px;border-radius:4px;border:1px solid #45475a;white-space:nowrap;display:none;font-family:monospace;", document.body.appendChild(r);
     function o() {
-      e && !r.includes(e) && (e.style.outline = "", e.style.outlineOffset = ""), e = null, n.style.display = "none";
+      e && !n.includes(e) && (e.style.outline = "", e.style.outlineOffset = ""), e = null, r.style.display = "none";
     }
     function s(u) {
-      for (const m of r)
+      for (const m of n)
         m !== e && (m.style.outline = "", m.style.outlineOffset = "");
-      r = [];
-      const p = new Set(u);
+      n = [];
+      const d = new Set(u);
       for (const m of document.querySelectorAll("[data-ikon-source]")) {
         const b = m.getAttribute("data-ikon-source") ?? "";
-        p.has(b) && (m.style.outline = "2px solid #a6e3a1", m.style.outlineOffset = "1px", r.push(m));
+        d.has(b) && (m.style.outline = "2px solid #a6e3a1", m.style.outlineOffset = "1px", n.push(m));
       }
     }
     function i(u) {
-      const p = u.target.closest?.("[data-ikon-source]");
-      if (!p || p === e)
+      const d = u.target.closest?.("[data-ikon-source]");
+      if (!d || d === e)
         return;
-      o(), e = p, e.style.outline = "2px solid #89b4fa", e.style.outlineOffset = "1px";
-      const m = p.getAttribute("data-ikon-source") ?? "";
-      n.textContent = m, n.style.display = "block";
-      const b = p.getBoundingClientRect();
-      n.style.left = `${b.left}px`, n.style.top = `${Math.max(0, b.top - 24)}px`;
+      o(), e = d, e.style.outline = "2px solid #89b4fa", e.style.outlineOffset = "1px";
+      const m = d.getAttribute("data-ikon-source") ?? "";
+      r.textContent = m, r.style.display = "block";
+      const b = d.getBoundingClientRect();
+      r.style.left = `${b.left}px`, r.style.top = `${Math.max(0, b.top - 24)}px`;
     }
     function a(u) {
       u.relatedTarget?.closest?.("[data-ikon-source]") !== e && o();
     }
     function c(u) {
-      const p = u.target.closest?.("[data-ikon-source]");
-      if (!p)
+      const d = u.target.closest?.("[data-ikon-source]");
+      if (!d)
         return;
       u.preventDefault(), u.stopPropagation();
       const m = {
-        sourceMarker: p.getAttribute("data-ikon-source") ?? "",
-        tagName: p.tagName.toLowerCase(),
-        textContent: (p.textContent ?? "").trim().substring(0, 200)
+        sourceMarker: d.getAttribute("data-ikon-source") ?? "",
+        tagName: d.tagName.toLowerCase(),
+        textContent: (d.textContent ?? "").trim().substring(0, 200)
       };
       window.dispatchEvent(new CustomEvent("ikon-inspect-select", { detail: m })), window.parent.postMessage({ type: "ikon-element-selected", payload: m }, "*");
     }
-    function h(u, p) {
-      return document.elementFromPoint(u, p)?.closest?.("[data-ikon-source]");
+    function p(u, d) {
+      return document.elementFromPoint(u, d)?.closest?.("[data-ikon-source]");
     }
-    function d(u) {
+    function f(u) {
       if (u === e || (o(), !u))
         return;
-      e = u, e.style.outline = `2px solid ${r.includes(u) ? "#a6e3a1" : "#89b4fa"}`, e.style.outlineOffset = "1px";
-      const p = u.getAttribute("data-ikon-source") ?? "";
-      n.textContent = p, n.style.display = "block";
+      e = u, e.style.outline = `2px solid ${n.includes(u) ? "#a6e3a1" : "#89b4fa"}`, e.style.outlineOffset = "1px";
+      const d = u.getAttribute("data-ikon-source") ?? "";
+      r.textContent = d, r.style.display = "block";
       const m = u.getBoundingClientRect();
-      n.style.left = `${m.left}px`, n.style.top = `${Math.max(0, m.top - 24)}px`;
+      r.style.left = `${m.left}px`, r.style.top = `${Math.max(0, m.top - 24)}px`;
     }
     function l(u) {
       if (u.data?.type === "ikon-inspect-at") {
-        const p = h(u.data.x, u.data.y);
-        d(p);
-        const m = p?.getAttribute("data-ikon-source") ?? "";
+        const d = p(u.data.x, u.data.y);
+        f(d);
+        const m = d?.getAttribute("data-ikon-source") ?? "";
         window.parent.postMessage({
           type: "ikon-inspect-hover-result",
           payload: { sourceMarker: m }
         }, "*");
       }
       if (u.data?.type === "ikon-inspect-click") {
-        const p = h(u.data.x, u.data.y);
-        if (p) {
+        const d = p(u.data.x, u.data.y);
+        if (d) {
           const m = {
-            sourceMarker: p.getAttribute("data-ikon-source") ?? "",
-            tagName: p.tagName.toLowerCase(),
-            textContent: (p.textContent ?? "").trim().substring(0, 200)
+            sourceMarker: d.getAttribute("data-ikon-source") ?? "",
+            tagName: d.tagName.toLowerCase(),
+            textContent: (d.textContent ?? "").trim().substring(0, 200)
           };
           window.dispatchEvent(new CustomEvent("ikon-inspect-select", { detail: m })), window.parent.postMessage({ type: "ikon-element-selected", payload: m }, "*");
         }
       }
       if (u.data?.type === "ikon-inspect-click-add") {
-        const p = h(u.data.x, u.data.y);
-        if (p) {
+        const d = p(u.data.x, u.data.y);
+        if (d) {
           const m = {
-            sourceMarker: p.getAttribute("data-ikon-source") ?? "",
-            tagName: p.tagName.toLowerCase(),
-            textContent: (p.textContent ?? "").trim().substring(0, 200)
+            sourceMarker: d.getAttribute("data-ikon-source") ?? "",
+            tagName: d.tagName.toLowerCase(),
+            textContent: (d.textContent ?? "").trim().substring(0, 200)
           };
           window.parent.postMessage({
             type: "ikon-inspect-rect-result",
@@ -522,54 +522,54 @@ function ar() {
         }
       }
       if (u.data?.type === "ikon-inspect-rect") {
-        const { x1: p, y1: m, x2: b, y2: g, append: y } = u.data, v = document.querySelectorAll("[data-ikon-source]"), E = [];
-        for (const T of v) {
-          const O = T.getBoundingClientRect();
-          O.right > p && O.left < b && O.bottom > m && O.top < g && E.push({
-            sourceMarker: T.getAttribute("data-ikon-source") ?? "",
-            tagName: T.tagName.toLowerCase(),
-            textContent: (T.textContent ?? "").trim().substring(0, 200)
+        const { x1: d, y1: m, x2: b, y2: g, append: y } = u.data, w = document.querySelectorAll("[data-ikon-source]"), T = [];
+        for (const C of w) {
+          const _ = C.getBoundingClientRect();
+          _.right > d && _.left < b && _.bottom > m && _.top < g && T.push({
+            sourceMarker: C.getAttribute("data-ikon-source") ?? "",
+            tagName: C.tagName.toLowerCase(),
+            textContent: (C.textContent ?? "").trim().substring(0, 200)
           });
         }
-        E.length > 0 && window.parent.postMessage({
+        T.length > 0 && window.parent.postMessage({
           type: "ikon-inspect-rect-result",
-          payload: { elements: E, append: y ?? !1 }
+          payload: { elements: T, append: y ?? !1 }
         }, "*");
       }
       u.data?.type === "ikon-inspect-highlight" && s(u.data.markers ?? []), u.data?.type === "ikon-inspect-clear" && o();
     }
     return document.addEventListener("mouseover", i, !0), document.addEventListener("mouseout", a, !0), document.addEventListener("click", c, !0), window.addEventListener("message", l), () => {
-      document.removeEventListener("mouseover", i, !0), document.removeEventListener("mouseout", a, !0), document.removeEventListener("click", c, !0), window.removeEventListener("message", l), o(), s([]), n.remove();
+      document.removeEventListener("mouseover", i, !0), document.removeEventListener("mouseout", a, !0), document.removeEventListener("click", c, !0), window.removeEventListener("message", l), o(), s([]), r.remove();
     };
   }, [t]), null;
 }
 const Ue = "ikon-ui";
-function cr(t, e) {
+function pn(t, e) {
   return t === e;
 }
-const ko = Y(function({ stores: e, registry: r, category: n = Ue, onAction: o, client: s }) {
-  const i = V(() => Array.from(e.keys()).sort().join(","), [e]), a = w(o);
+const Lo = z(function({ stores: e, registry: n, category: r = Ue, onAction: o, client: s }) {
+  const i = K(() => Array.from(e.keys()).sort().join(","), [e]), a = v(o);
   a.current = o;
-  const c = w(s);
+  const c = v(s);
   c.current = s;
-  const h = V(
+  const p = K(
     () => {
-      const d = [];
+      const f = [];
       for (const [l, u] of e) {
-        const p = u.store.getSnapshot();
-        cr(u.category, n) && (!p.rootViewId || !p.views.has(p.rootViewId) || d.push({ key: l, store: u.store }));
+        const d = u.store.getSnapshot();
+        pn(u.category, r) && (!d.rootViewId || !d.views.has(d.rootViewId) || f.push({ key: l, store: u.store }));
       }
-      return d;
+      return f;
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [e, n, i]
+    [e, r, i]
   );
-  return h.length === 0 ? null : /* @__PURE__ */ R.jsxs(R.Fragment, { children: [
-    /* @__PURE__ */ R.jsx(ar, {}),
-    h.map(({ key: d, store: l }) => /* @__PURE__ */ R.jsx(sr, { store: l, library: r, onAction: a.current, client: c.current, video: c.current?.media?.video }, d))
+  return p.length === 0 ? null : /* @__PURE__ */ E.jsxs(E.Fragment, { children: [
+    /* @__PURE__ */ E.jsx(fn, {}),
+    p.map(({ key: f, store: l }) => /* @__PURE__ */ E.jsx(ln, { store: l, library: n, onAction: a.current, client: c.current, video: c.current?.media?.video }, f))
   ] });
 });
-class ur {
+class hn {
   core;
   ownsCore;
   stores = /* @__PURE__ */ new Map();
@@ -577,7 +577,7 @@ class ur {
   unsubscribeClears;
   unsubscribeStoreChanges;
   constructor(e) {
-    this.core = e?.core ?? new Pt({ 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 jt({ 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();
@@ -603,123 +603,195 @@ class ur {
     this.stores.delete(e) && this.notify(e);
   };
   syncStreamSnapshot = (e) => {
-    const r = this.core.uiStore.getSnapshot(e);
-    if (!r || !r.rootViewId) {
+    const n = this.core.uiStore.getSnapshot(e);
+    if (!n || !n.rootViewId) {
       this.handleUiStreamCleared(e);
       return;
     }
-    if (!r.views.get(r.rootViewId)) {
+    if (!n.views.get(n.rootViewId)) {
       this.handleUiStreamCleared(e);
       return;
     }
-    const s = this.ensureStoreEntry(e).store.replaceSnapshot(r), i = this.updateCategory(e, r.category);
+    const s = this.ensureStoreEntry(e).store.replaceSnapshot(n), i = this.updateCategory(e, n.category);
     (s || i) && this.notify(e);
   };
   syncAllStreams() {
-    const e = this.core.uiStore.getSnapshots(), r = /* @__PURE__ */ new Set();
-    for (const n of e)
-      this.syncStreamSnapshot(n.streamId), r.add(n.streamId);
-    for (const n of this.stores.keys())
-      r.has(n) || (this.stores.delete(n), this.notify(n));
+    const e = this.core.uiStore.getSnapshots(), n = /* @__PURE__ */ new Set();
+    for (const r of e)
+      this.syncStreamSnapshot(r.streamId), n.add(r.streamId);
+    for (const r of this.stores.keys())
+      n.has(r) || (this.stores.delete(r), this.notify(r));
   }
   ensureStoreEntry(e) {
-    const r = this.stores.get(e);
-    if (r)
-      return r;
-    const n = {
+    const n = this.stores.get(e);
+    if (n)
+      return n;
+    const r = {
       category: Ue,
-      store: new Mt()
+      store: new Ut()
     };
-    return this.stores.set(e, n), n;
+    return this.stores.set(e, r), r;
   }
-  updateCategory(e, r) {
-    const n = this.stores.get(e);
-    if (!n)
+  updateCategory(e, n) {
+    const r = this.stores.get(e);
+    if (!r)
       return !1;
-    const o = r ?? this.core.uiStore.getSnapshot(e)?.category ?? Ue;
-    return n.category === o ? !1 : (this.stores.set(e, { ...n, category: o }), !0);
+    const o = n ?? this.core.uiStore.getSnapshot(e)?.category ?? Ue;
+    return r.category === o ? !1 : (this.stores.set(e, { ...r, category: o }), !0);
   }
   notify(e) {
-    for (const r of this.listeners)
-      r(e);
+    for (const n of this.listeners)
+      n(e);
   }
 }
-function lr(t) {
+function mn(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
   }
 }
-function fe(t) {
+function oe(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
   }
   if (Array.isArray(t)) {
-    const e = t.filter((r) => typeof r == "string").map((r) => r.trim()).filter(Boolean);
+    const e = t.filter((n) => typeof n == "string").map((n) => n.trim()).filter(Boolean);
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function Ke(...t) {
+function ze(...t) {
   let e = "";
-  for (const r of t)
-    if (r) {
-      const n = r.trim();
-      n && (e = e ? e + " " + n : n);
+  for (const n of t)
+    if (n) {
+      const r = n.trim();
+      r && (e = e ? e + " " + r : r);
     }
   return e || void 0;
 }
-const et = /* @__PURE__ */ new WeakMap(), dr = {};
-function Ye(t) {
+const nt = /* @__PURE__ */ new WeakMap(), gn = {};
+function We(t) {
   if (!t)
-    return dr;
-  const e = et.get(t);
+    return gn;
+  const e = nt.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 et.set(t, r), r;
-}
-function fr() {
-  const t = Y(function({ nodeId: r, context: n }) {
-    const o = Z(n.store, r), s = w(null), i = fe(o?.props?.targetViewId), a = o?.props?.focusOnly, c = typeof a == "boolean" ? a : void 0, h = fe(o?.props?.key), d = o?.props?.preciseGeneratedAt;
-    return U(() => {
+  const n = {};
+  for (const [r, o] of Object.entries(t))
+    o != null && (typeof o == "string" || typeof o == "number" || typeof o == "boolean") && (n[r] = o);
+  return nt.set(t, n), n;
+}
+function yn(t) {
+  let e = t.parentElement;
+  for (; e; ) {
+    const r = window.getComputedStyle(e).overflowY;
+    if (r === "auto" || r === "scroll" || e.hasAttribute("data-radix-scroll-area-viewport"))
+      return e;
+    e = e.parentElement;
+  }
+  return null;
+}
+function bt(t, e) {
+  requestAnimationFrame(() => {
+    const n = t.getBoundingClientRect(), r = e.getBoundingClientRect(), o = t.scrollTop + (r.bottom - n.bottom) + 16;
+    "scrollBehavior" in document.documentElement.style ? t.scrollTo({ top: o, behavior: "smooth" }) : t.scrollTop = o;
+  });
+}
+const De = "data-ikon-scroll-indicator", bn = 0.15, Se = "data-ikon-at-bottom";
+function St(t) {
+  return Math.max(t.clientHeight * bn, 20);
+}
+function Sn(t) {
+  return t.getAttribute(Se) !== "false";
+}
+function wn(t) {
+  t.getAttribute(Se) === null && (t.setAttribute(Se, "true"), t.addEventListener("scroll", () => {
+    const { scrollTop: e, scrollHeight: n, clientHeight: r } = t, s = n - e - r <= St(t);
+    t.setAttribute(Se, s ? "true" : "false");
+  }, { passive: !0 }));
+}
+function vn(t) {
+  const e = t.parentElement ?? t, n = e.querySelector(`[${De}]`);
+  if (n)
+    return n;
+  const r = document.createElement("button");
+  return r.setAttribute(De, "true"), r.setAttribute("aria-label", "Scroll to latest"), r.textContent = "↓", Object.assign(r.style, {
+    position: "absolute",
+    bottom: "12px",
+    left: "50%",
+    transform: "translateX(-50%)",
+    zIndex: "10",
+    width: "32px",
+    height: "32px",
+    borderRadius: "50%",
+    border: "1px solid var(--border-primary, #e5e5e5)",
+    backgroundColor: "var(--bg-primary, #ffffff)",
+    color: "var(--fg-primary, #0c0e12)",
+    cursor: "pointer",
+    display: "none",
+    alignItems: "center",
+    justifyContent: "center",
+    fontSize: "16px",
+    lineHeight: "1",
+    boxShadow: "0 2px 8px rgba(0,0,0,0.25)",
+    transition: "opacity 150ms",
+    opacity: "1",
+    padding: "0"
+  }), r.addEventListener("mouseenter", () => {
+    r.style.opacity = "1";
+  }), r.addEventListener("mouseleave", () => {
+    r.style.opacity = "0.9";
+  }), e.appendChild(r), r;
+}
+function En(t, e) {
+  const n = vn(t);
+  n.style.display = "flex";
+  const r = () => {
+    bt(t, e), n.style.display = "none";
+  }, o = () => {
+    const { scrollTop: s, scrollHeight: i, clientHeight: a } = t;
+    i - s - a <= St(t) && (n.style.display = "none");
+  };
+  return n.addEventListener("click", r), t.addEventListener("scroll", o, { passive: !0 }), () => {
+    n.removeEventListener("click", r), t.removeEventListener("scroll", o);
+  };
+}
+function Rn() {
+  const t = z(function({ nodeId: n, context: r }) {
+    const o = Z(r.store, n), s = v(null), i = oe(o?.props?.targetViewId), a = o?.props?.focusOnly, c = typeof a == "boolean" ? a : void 0, p = oe(o?.props?.priority), f = oe(o?.props?.key), l = o?.props?.preciseGeneratedAt;
+    return N(() => {
       if (typeof document > "u")
         return;
-      const u = s.current;
-      if (!u || i && u.closest("[data-ikon-view-id]")?.getAttribute("data-ikon-view-id") !== i)
+      const d = s.current;
+      if (!d || i && d.closest("[data-ikon-view-id]")?.getAttribute("data-ikon-view-id") !== i)
         return;
+      let m;
       if (c !== !0) {
-        const y = ((v) => {
-          let E = v.parentElement;
-          for (; E; ) {
-            const O = window.getComputedStyle(E).overflowY;
-            if (O === "auto" || O === "scroll" || E.hasAttribute("data-radix-scroll-area-viewport"))
-              return E;
-            E = E.parentElement;
+        const w = yn(d);
+        if (w)
+          if (wn(w), p === "Polite" && !Sn(w))
+            m = En(w, d);
+          else {
+            const B = (w.parentElement ?? w).querySelector(`[${De}]`);
+            B && (B.style.display = "none"), bt(w, d);
           }
-          return null;
-        })(u);
-        y ? requestAnimationFrame(() => {
-          const v = y.getBoundingClientRect(), E = u.getBoundingClientRect(), T = y.scrollTop + (E.bottom - v.bottom) + 16;
-          "scrollBehavior" in document.documentElement.style ? y.scrollTo({ top: T, behavior: "smooth" }) : y.scrollTop = T;
-        }) : typeof u.scrollIntoView == "function" && requestAnimationFrame(() => {
+        else typeof d.scrollIntoView == "function" && requestAnimationFrame(() => {
           try {
-            u.scrollIntoView({ behavior: "smooth", block: "end", inline: "nearest" });
+            d.scrollIntoView({ behavior: "smooth", block: "end", inline: "nearest" });
           } catch {
-            u.scrollIntoView(!1);
+            d.scrollIntoView(!1);
           }
         });
       }
-      const m = document.activeElement;
-      if (!(m instanceof HTMLInputElement || m instanceof HTMLTextAreaElement || m?.getAttribute("contenteditable") === "true") && typeof u.focus == "function")
+      const g = document.activeElement;
+      if (!(g instanceof HTMLInputElement || g instanceof HTMLTextAreaElement || g?.getAttribute("contenteditable") === "true") && typeof d.focus == "function")
         try {
-          u.focus({ preventScroll: !0 });
+          d.focus({ preventScroll: !0 });
         } catch {
-          u.focus();
+          d.focus();
         }
-    }, [c, i, h, d]), o ? /* @__PURE__ */ R.jsx(
+      return m;
+    }, [c, p, i, f, l]), o ? /* @__PURE__ */ E.jsx(
       "span",
       {
         ref: s,
@@ -737,26 +809,26 @@ function fr() {
       return t;
   };
 }
-function hr() {
-  const t = Y(function({ nodeId: r, context: n, className: o }) {
-    const s = Z(n.store, r), i = lr(s?.props?.onInvokeId), a = D(() => {
-      i && n.dispatchAction(i);
-    }, [i, n]);
+function kn() {
+  const t = z(function({ nodeId: n, context: r, className: o }) {
+    const s = Z(r.store, n), i = mn(s?.props?.onInvokeId), a = D(() => {
+      i && r.dispatchAction(i);
+    }, [i, r]);
     if (!s)
       return null;
-    const c = Ye(s.props);
+    const c = We(s.props);
     delete c.onInvokeId;
-    const h = Ke(fe(s.props?.className), o), d = s.children?.length ? n.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ R.jsx(
+    const p = ze(oe(s.props?.className), o), f = s.children?.length ? r.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ E.jsx(
       "div",
       {
         ...c,
         "data-ikon-node-id": s.id,
         "data-ikon-source": s.sourceMarker,
-        className: h,
+        className: p,
         onClick: i ? a : void 0,
         style: i ? { cursor: "pointer" } : void 0,
-        children: d
+        children: f
       }
     );
   });
@@ -765,61 +837,61 @@ function hr() {
       return t;
   };
 }
-function pr() {
-  const t = Y(function({ nodeId: r, context: n, className: o }) {
-    const s = Z(n.store, r);
+function An() {
+  const t = z(function({ nodeId: n, context: r, className: o }) {
+    const s = Z(r.store, n);
     if (!s)
       return null;
-    const i = Ye(s.props), a = Ke("relative", fe(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ R.jsx("div", { ...i, "data-ikon-node-id": s.id, "data-ikon-source": s.sourceMarker, className: a, children: c });
+    const i = We(s.props), a = ze("relative", oe(s.props?.className), o), c = s.children?.length ? r.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ E.jsx("div", { ...i, "data-ikon-node-id": s.id, "data-ikon-source": s.sourceMarker, className: a, children: c });
   });
   return ({ type: e }) => {
     if (e === "std.stack")
       return t;
   };
 }
-function mr() {
-  const t = Y(function({ nodeId: r, context: n, className: o }) {
-    const s = Z(n.store, r);
+function Tn() {
+  const t = z(function({ nodeId: n, context: r, className: o }) {
+    const s = Z(r.store, n);
     if (!s)
       return null;
-    const i = Ye(s.props), a = Ke("absolute", fe(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ R.jsx("div", { ...i, "data-ikon-node-id": s.id, "data-ikon-source": s.sourceMarker, className: a, children: c });
+    const i = We(s.props), a = ze("absolute", oe(s.props?.className), o), c = s.children?.length ? r.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ E.jsx("div", { ...i, "data-ikon-node-id": s.id, "data-ikon-source": s.sourceMarker, className: a, children: c });
   });
   return ({ type: e }) => {
     if (e === "std.layer")
       return t;
   };
 }
-function gr() {
+function Cn() {
   return [
-    hr(),
-    pr(),
-    mr(),
-    fr()
+    kn(),
+    An(),
+    Tn(),
+    Rn()
   ];
 }
-const yr = "base", br = async () => gr();
-function Sr(t) {
-  t.registerModule(yr, br);
+const In = "base", On = async () => Cn();
+function Nn(t) {
+  t.registerModule(In, On);
 }
-function wr(t) {
+function _n(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
   }
   if (Array.isArray(t)) {
-    const e = t.filter((r) => typeof r == "string").map((r) => r.trim()).filter(Boolean);
+    const e = t.filter((n) => typeof n == "string").map((n) => n.trim()).filter(Boolean);
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function vr(...t) {
+function Pn(...t) {
   const e = [];
-  for (const r of t)
-    r && r.trim() && e.push(r.trim());
+  for (const n of t)
+    n && n.trim() && e.push(n.trim());
   return e.length > 0 ? e.join(" ") : void 0;
 }
-function tt(t) {
+function rt(t) {
   if (typeof t != "string")
     return;
   const e = t.trim();
@@ -834,54 +906,58 @@ function ye(t) {
     if (e === "false") return !1;
   }
 }
-const Er = "std.audio-url-player";
-function Rr() {
-  const t = Y(function({
-    nodeId: r,
-    context: n,
+const Mn = "std.audio-url-player";
+function Ln() {
+  const t = z(function({
+    nodeId: n,
+    context: r,
     className: o
   }) {
-    const s = Z(n.store, r);
-    if (!s)
+    const s = Z(r.store, n), i = v(null), a = s ? ye(s.props?.autoplay) : void 0, c = s ? rt(s.props?.src) : void 0;
+    if (N(() => {
+      a && i.current && i.current.play().catch(() => {
+      });
+    }, [a, c]), !s)
       return null;
-    const i = vr(wr(s.props?.className), o), a = tt(s.props?.src), c = tt(s.props?.preload), h = ye(s.props?.controls), d = ye(s.props?.autoplay), l = ye(s.props?.loop), u = ye(s.props?.muted);
-    return /* @__PURE__ */ R.jsx(
+    const p = Pn(_n(s.props?.className), o), f = rt(s.props?.preload), l = ye(s.props?.controls), u = ye(s.props?.loop), d = ye(s.props?.muted);
+    return /* @__PURE__ */ E.jsx(
       "audio",
       {
-        src: a,
-        ...c !== void 0 ? { preload: c } : {},
-        ...h !== void 0 ? { controls: h } : {},
-        ...d !== void 0 ? { autoPlay: d } : {},
-        ...l !== void 0 ? { loop: l } : {},
-        ...u !== void 0 ? { muted: u } : {},
+        ref: i,
+        src: c,
+        ...f !== void 0 ? { preload: f } : {},
+        ...l !== void 0 ? { controls: l } : {},
+        ...a !== void 0 ? { autoPlay: a } : {},
+        ...u !== void 0 ? { loop: u } : {},
+        ...d !== void 0 ? { muted: d } : {},
         "data-ikon-node-id": s.id,
         "data-ikon-source": s.sourceMarker,
-        className: i
+        className: p
       }
     );
   });
   return ({ type: e }) => {
-    if (e === Er)
+    if (e === Mn)
       return t;
   };
 }
-function gt(t) {
+function wt(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
   }
   if (Array.isArray(t)) {
-    const e = t.filter((r) => typeof r == "string").map((r) => r.trim()).filter(Boolean);
+    const e = t.filter((n) => typeof n == "string").map((n) => n.trim()).filter(Boolean);
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function yt(...t) {
+function vt(...t) {
   const e = [];
-  for (const r of t)
-    r && r.trim() && e.push(r.trim());
+  for (const n of t)
+    n && n.trim() && e.push(n.trim());
   return e.length > 0 ? e.join(" ") : void 0;
 }
-function Se(t) {
+function we(t) {
   if (typeof t == "number" && Number.isFinite(t))
     return Math.floor(t);
   if (typeof t == "string" && t.trim().length > 0) {
@@ -890,29 +966,39 @@ function Se(t) {
       return Math.floor(e);
   }
 }
-function xe(t) {
+function Be(t) {
   if (typeof t != "string")
     return;
   const e = t.trim();
   return e.length > 0 ? e : void 0;
 }
-const kr = "std.video-canvas", Ar = "std.video-url-player";
-function Tr() {
-  const t = Y(function({ nodeId: r, context: n, className: o }) {
-    const s = Z(n.store, r), i = w(null), a = w(null), c = n.video, h = n.client, d = s ? xe(s.props?.streamId) : void 0, l = s ? Se(s.props?.width) : void 0, u = s ? Se(s.props?.height) : void 0, p = s ? yt(gt(s.props?.className), o) : o, m = h?.isWebRtcEnabled && d ? h.getWebRtcVideoStreamByStreamId(d) : null;
-    return U(() => {
-      const b = i.current;
-      if (!(!c || !b || !d || m))
-        return c.attachCanvas(d, b), () => {
-          c.detachCanvas(d);
+const xn = "std.video-canvas", jn = "std.video-url-player";
+function Un() {
+  const t = z(function({ nodeId: n, context: r, className: o }) {
+    const s = Z(r.store, n), i = v(null), a = v(null), c = r.video, p = r.client, f = s ? Be(s.props?.streamId) : void 0, l = s ? we(s.props?.width) : void 0, u = s ? we(s.props?.height) : void 0, d = s ? vt(wt(s.props?.className), o) : o, [, m] = Y(0);
+    N(() => {
+      if (!p?.isWebRtcEnabled) return;
+      const g = p.onWebRtcTrackMapChanged;
+      return p.onWebRtcTrackMapChanged = (y) => {
+        g?.(y), y.kind === "video" && m((w) => w + 1);
+      }, () => {
+        p.onWebRtcTrackMapChanged = g;
+      };
+    }, [p]);
+    const b = p?.isWebRtcEnabled && f ? p.getWebRtcVideoStreamByStreamId(f) : null;
+    return N(() => {
+      const g = i.current;
+      if (!(!c || !g || !f || b))
+        return c.attachCanvas(f, g), () => {
+          c.detachCanvas(f);
         };
-    }, [c, d, m]), U(() => {
-      const b = a.current;
-      if (!(!b || !m))
-        return b.srcObject = m, () => {
-          b.srcObject = null;
+    }, [c, f, b]), N(() => {
+      const g = a.current;
+      if (!(!g || !b))
+        return g.srcObject = b, () => {
+          g.srcObject = null;
         };
-    }, [m]), s ? m ? /* @__PURE__ */ R.jsx(
+    }, [b]), s ? b ? /* @__PURE__ */ E.jsx(
       "video",
       {
         ref: a,
@@ -921,35 +1007,35 @@ function Tr() {
         muted: !0,
         "data-ikon-node-id": s.id,
         "data-ikon-source": s.sourceMarker,
-        "data-ikon-video-stream-id": d,
-        className: p,
+        "data-ikon-video-stream-id": f,
+        className: d,
         ...l ? { width: l } : {},
         ...u ? { height: u } : {}
       },
-      d
-    ) : /* @__PURE__ */ R.jsx(
+      f
+    ) : /* @__PURE__ */ E.jsx(
       "canvas",
       {
         ref: i,
         "data-ikon-node-id": s.id,
         "data-ikon-source": s.sourceMarker,
-        "data-ikon-video-stream-id": d,
-        className: p,
+        "data-ikon-video-stream-id": f,
+        className: d,
         ...l ? { width: l } : {},
         ...u ? { height: u } : {}
       },
-      d
+      f
     ) : null;
   });
   return ({ type: e }) => {
-    if (e === kr)
+    if (e === xn)
       return t;
   };
 }
-function Cr() {
-  return [Tr(), Ir(), Rr()];
+function Dn() {
+  return [Un(), Bn(), Ln()];
 }
-function ce(t) {
+function ue(t) {
   if (typeof t == "boolean")
     return t;
   if (typeof t == "string") {
@@ -958,57 +1044,61 @@ function ce(t) {
     if (e === "false") return !1;
   }
 }
-function Ir() {
-  const t = Y(function({
-    nodeId: r,
-    context: n,
+function Bn() {
+  const t = z(function({
+    nodeId: n,
+    context: r,
     className: o
   }) {
-    const s = Z(n.store, r);
-    if (!s)
+    const s = Z(r.store, n), i = v(null), a = s ? ue(s.props?.autoplay) : void 0, c = s ? Be(s.props?.src) : void 0;
+    if (N(() => {
+      a && i.current && i.current.play().catch(() => {
+      });
+    }, [a, c]), !s)
       return null;
-    const i = yt(gt(s.props?.className), o), a = xe(s.props?.src), c = xe(s.props?.poster), h = ce(s.props?.controls), d = ce(s.props?.autoplay), l = ce(s.props?.loop), u = ce(s.props?.muted), p = ce(s.props?.playsInline), m = Se(s.props?.width), b = Se(s.props?.height), g = s.children?.length ? n.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ R.jsx(
+    const p = vt(wt(s.props?.className), o), f = Be(s.props?.poster), l = ue(s.props?.controls), u = ue(s.props?.loop), d = ue(s.props?.muted), m = ue(s.props?.playsInline), b = we(s.props?.width), g = we(s.props?.height), y = s.children?.length ? r.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ E.jsx(
       "video",
       {
-        src: a,
-        poster: c,
-        ...h !== void 0 ? { controls: h } : {},
-        ...d !== void 0 ? { autoPlay: d } : {},
-        ...l !== void 0 ? { loop: l } : {},
-        ...u !== void 0 ? { muted: u } : {},
-        ...p !== void 0 ? { playsInline: p } : {},
-        ...m ? { width: m } : {},
-        ...b ? { height: b } : {},
+        ref: i,
+        src: c,
+        poster: f,
+        ...l !== void 0 ? { controls: l } : {},
+        ...a !== void 0 ? { autoPlay: a } : {},
+        ...u !== void 0 ? { loop: u } : {},
+        ...d !== void 0 ? { muted: d } : {},
+        ...m !== void 0 ? { playsInline: m } : {},
+        ...b ? { width: b } : {},
+        ...g ? { height: g } : {},
         "data-ikon-node-id": s.id,
         "data-ikon-source": s.sourceMarker,
-        className: i,
-        children: g
+        className: p,
+        children: y
       }
     );
   });
   return ({ type: e }) => {
-    if (e === Ar)
+    if (e === jn)
       return t;
   };
 }
-const Or = "media", Nr = async () => Cr();
-function _r(t) {
-  t.registerModule(Or, Nr);
+const Fn = "media", $n = async () => Dn();
+function Vn(t) {
+  t.registerModule(Fn, $n);
 }
-const Pr = `#version 300 es
+const Kn = `#version 300 es
 in vec4 a_position;
 void main() {
     gl_Position = a_position;
 }
 `;
-function Mr(t, e) {
+function Yn(t, e) {
   return new RegExp(`\\buniform\\s+\\w+\\s+${e}\\s*;`, "g").test(t);
 }
-function Lr(t, e) {
-  const r = [];
-  for (const [n, o] of Object.entries(e)) {
-    if (Mr(t, n))
+function zn(t, e) {
+  const n = [];
+  for (const [r, o] of Object.entries(e)) {
+    if (Yn(t, r))
       continue;
     let s;
     switch (o.type) {
@@ -1033,7 +1123,7 @@ function Lr(t, e) {
       default:
         s = "float";
     }
-    r.push(`uniform ${s} ${n};`);
+    n.push(`uniform ${s} ${r};`);
   }
   return `#version 300 es
 precision highp float;
@@ -1047,7 +1137,7 @@ uniform vec4 iMouse;
 uniform vec4 iDate;
 
 // Custom uniforms
-${r.join(`
+${n.join(`
 `)}
 
 out vec4 frag_out_color;
@@ -1061,7 +1151,7 @@ void main() {
 }
 `;
 }
-class jr {
+class Wn {
   gl;
   program = null;
   positionBuffer = null;
@@ -1078,78 +1168,78 @@ class jr {
   lastError = null;
   currentShaderSource = "";
   constructor(e) {
-    const r = e.getContext("webgl2", {
+    const n = e.getContext("webgl2", {
       alpha: !1,
       antialias: !1,
       depth: !1,
       stencil: !1,
       preserveDrawingBuffer: !1
     });
-    if (!r)
+    if (!n)
       throw new Error("WebGL2 is not supported");
-    this.gl = r, this.initializeGeometry();
+    this.gl = n, this.initializeGeometry();
   }
   initializeGeometry() {
     const e = this.gl;
     this.vao = e.createVertexArray(), e.bindVertexArray(this.vao), this.positionBuffer = e.createBuffer(), e.bindBuffer(e.ARRAY_BUFFER, this.positionBuffer);
-    const r = new Float32Array([-1, -1, 1, -1, -1, 1, -1, 1, 1, -1, 1, 1]);
-    e.bufferData(e.ARRAY_BUFFER, r, e.STATIC_DRAW), e.enableVertexAttribArray(0), e.vertexAttribPointer(0, 2, e.FLOAT, !1, 0, 0), e.bindVertexArray(null);
+    const n = new Float32Array([-1, -1, 1, -1, -1, 1, -1, 1, 1, -1, 1, 1]);
+    e.bufferData(e.ARRAY_BUFFER, n, e.STATIC_DRAW), e.enableVertexAttribArray(0), e.vertexAttribPointer(0, 2, e.FLOAT, !1, 0, 0), e.bindVertexArray(null);
   }
-  compile(e, r = {}) {
-    this.lastError = null, this.customUniforms = r, this.currentShaderSource = e;
-    const n = this.gl, o = this.compileShader(n.VERTEX_SHADER, Pr);
+  compile(e, n = {}) {
+    this.lastError = null, this.customUniforms = n, this.currentShaderSource = e;
+    const r = this.gl, o = this.compileShader(r.VERTEX_SHADER, Kn);
     if (!o)
       return !1;
-    const s = Lr(e, r), i = this.compileShader(n.FRAGMENT_SHADER, s);
+    const s = zn(e, n), i = this.compileShader(r.FRAGMENT_SHADER, s);
     if (!i)
-      return n.deleteShader(o), !1;
-    const a = n.createProgram();
-    return a ? (n.attachShader(a, o), n.attachShader(a, i), n.linkProgram(a), n.deleteShader(o), n.deleteShader(i), n.getProgramParameter(a, n.LINK_STATUS) ? (this.program && n.deleteProgram(this.program), this.program = a, this.cacheUniformLocations(), !0) : (this.lastError = n.getProgramInfoLog(a) || "Program link failed", n.deleteProgram(a), !1)) : (this.lastError = "Failed to create program", n.deleteShader(o), n.deleteShader(i), !1);
+      return r.deleteShader(o), !1;
+    const a = r.createProgram();
+    return a ? (r.attachShader(a, o), r.attachShader(a, i), r.linkProgram(a), r.deleteShader(o), r.deleteShader(i), r.getProgramParameter(a, r.LINK_STATUS) ? (this.program && r.deleteProgram(this.program), this.program = a, this.cacheUniformLocations(), !0) : (this.lastError = r.getProgramInfoLog(a) || "Program link failed", r.deleteProgram(a), !1)) : (this.lastError = "Failed to create program", r.deleteShader(o), r.deleteShader(i), !1);
   }
   recompileWithUniforms(e) {
     return this.currentShaderSource ? this.compile(this.currentShaderSource, e) : !1;
   }
-  compileShader(e, r) {
-    const n = this.gl, o = n.createShader(e);
-    return o ? (n.shaderSource(o, r), n.compileShader(o), n.getShaderParameter(o, n.COMPILE_STATUS) ? o : (this.lastError = n.getShaderInfoLog(o) || "Shader compilation failed", n.deleteShader(o), null)) : (this.lastError = "Failed to create shader", null);
+  compileShader(e, n) {
+    const r = this.gl, o = r.createShader(e);
+    return o ? (r.shaderSource(o, n), r.compileShader(o), r.getShaderParameter(o, r.COMPILE_STATUS) ? o : (this.lastError = r.getShaderInfoLog(o) || "Shader compilation failed", r.deleteShader(o), null)) : (this.lastError = "Failed to create shader", null);
   }
   cacheUniformLocations() {
     if (!this.program) return;
     const e = this.gl;
     this.uniformLocations.clear();
-    const r = ["iResolution", "iTime", "iTimeDelta", "iFrame", "iMouse", "iDate"];
-    for (const n of r)
-      this.uniformLocations.set(n, e.getUniformLocation(this.program, n));
-    for (const n of Object.keys(this.customUniforms))
-      this.uniformLocations.set(n, e.getUniformLocation(this.program, n));
+    const n = ["iResolution", "iTime", "iTimeDelta", "iFrame", "iMouse", "iDate"];
+    for (const r of n)
+      this.uniformLocations.set(r, e.getUniformLocation(this.program, r));
+    for (const r of Object.keys(this.customUniforms))
+      this.uniformLocations.set(r, e.getUniformLocation(this.program, r));
   }
   setCustomUniforms(e) {
-    const r = Object.keys(e).some((o) => !(o in this.customUniforms)), n = Object.keys(this.customUniforms).some((o) => !(o in e));
-    r || n ? this.recompileWithUniforms(e) : this.customUniforms = e;
+    const n = Object.keys(e).some((o) => !(o in this.customUniforms)), r = Object.keys(this.customUniforms).some((o) => !(o in e));
+    n || r ? this.recompileWithUniforms(e) : this.customUniforms = e;
   }
-  setMouse(e, r, n, o) {
-    this.mouseX = e, this.mouseY = r, this.mouseClickX = n, this.mouseClickY = o;
+  setMouse(e, n, r, o) {
+    this.mouseX = e, this.mouseY = n, this.mouseClickX = r, this.mouseClickY = o;
   }
   draw() {
     if (!this.program) return;
-    const e = this.gl, r = e.canvas, n = r.clientWidth, o = r.clientHeight;
-    (r.width !== n || r.height !== o) && (r.width = n, r.height = o, e.viewport(0, 0, n, o));
+    const e = this.gl, n = e.canvas, r = n.clientWidth, o = n.clientHeight;
+    (n.width !== r || n.height !== o) && (n.width = r, n.height = o, e.viewport(0, 0, r, o));
     const s = performance.now(), i = (s - this.startTime) / 1e3, a = (s - this.lastFrameTime) / 1e3;
     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 h = this.uniformLocations.get("iTime");
-    h && e.uniform1f(h, i);
-    const d = this.uniformLocations.get("iTimeDelta");
-    d && e.uniform1f(d, a);
+    c && e.uniform3f(c, r, o, 1);
+    const p = this.uniformLocations.get("iTime");
+    p && e.uniform1f(p, i);
+    const f = this.uniformLocations.get("iTimeDelta");
+    f && e.uniform1f(f, a);
     const l = this.uniformLocations.get("iFrame");
     l && e.uniform1i(l, this.frameCount);
     const u = this.uniformLocations.get("iMouse");
     u && e.uniform4f(u, this.mouseX, this.mouseY, this.mouseClickX, this.mouseClickY);
-    const p = this.uniformLocations.get("iDate");
-    if (p) {
+    const d = this.uniformLocations.get("iDate");
+    if (d) {
       const m = /* @__PURE__ */ new Date();
-      e.uniform4f(p, m.getFullYear(), m.getMonth(), m.getDate(), m.getHours() * 3600 + m.getMinutes() * 60 + m.getSeconds() + m.getMilliseconds() / 1e3);
+      e.uniform4f(d, m.getFullYear(), m.getMonth(), m.getDate(), m.getHours() * 3600 + m.getMinutes() * 60 + m.getSeconds() + m.getMilliseconds() / 1e3);
     }
     for (const [m, b] of Object.entries(this.customUniforms)) {
       const g = this.uniformLocations.get(m);
@@ -1191,23 +1281,23 @@ class jr {
     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 Ur(t) {
+function qn(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
   }
   if (Array.isArray(t)) {
-    const e = t.filter((r) => typeof r == "string").map((r) => r.trim()).filter(Boolean);
+    const e = t.filter((n) => typeof n == "string").map((n) => n.trim()).filter(Boolean);
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function xr(...t) {
+function Hn(...t) {
   const e = [];
-  for (const r of t)
-    r && r.trim() && e.push(r.trim());
+  for (const n of t)
+    n && n.trim() && e.push(n.trim());
   return e.length > 0 ? e.join(" ") : void 0;
 }
-function Ce(t) {
+function Ie(t) {
   if (typeof t == "number" && Number.isFinite(t))
     return Math.floor(t);
   if (typeof t == "string" && t.trim().length > 0) {
@@ -1216,10 +1306,10 @@ function Ce(t) {
       return Math.floor(e);
   }
 }
-function Dr(t) {
+function Gn(t) {
   return typeof t == "string" ? t : "";
 }
-function Fr(t) {
+function Jn(t) {
   if (typeof t == "boolean")
     return t;
   if (typeof t == "string") {
@@ -1228,26 +1318,26 @@ function Fr(t) {
     if (e === "false") return !1;
   }
 }
-function Br(t) {
+function Xn(t) {
   if (!t || typeof t != "object")
     return {};
-  const e = {}, r = t;
-  for (const [n, o] of Object.entries(r)) {
+  const e = {}, n = t;
+  for (const [r, o] of Object.entries(n)) {
     if (!o || typeof o != "object")
       continue;
     const s = o, i = s.value, a = s.type;
-    i === void 0 || typeof a != "string" || !["float", "vec2", "vec3", "vec4", "int", "bool"].includes(a) || (e[n] = {
+    i === void 0 || typeof a != "string" || !["float", "vec2", "vec3", "vec4", "int", "bool"].includes(a) || (e[r] = {
       value: i,
       type: a
     });
   }
   return e;
 }
-function $r(t, e) {
-  const r = Object.keys(t), n = Object.keys(e);
-  if (r.length !== n.length)
+function Zn(t, e) {
+  const n = Object.keys(t), r = Object.keys(e);
+  if (n.length !== r.length)
     return !1;
-  for (const o of r) {
+  for (const o of n) {
     if (!(o in e))
       return !1;
     const s = t[o], i = e[o];
@@ -1264,168 +1354,168 @@ function $r(t, e) {
   }
   return !0;
 }
-const Vr = "std.shadertoy-canvas";
-function Kr() {
-  const t = Y(function({ nodeId: r, context: n, className: o }) {
-    const s = Z(n.store, r), i = w(null), a = w(null), c = w(null), h = w(0), d = w(""), l = w({}), u = w({
+const Qn = "std.shadertoy-canvas";
+function er() {
+  const t = z(function({ nodeId: n, context: r, className: o }) {
+    const s = Z(r.store, n), i = v(null), a = v(null), c = v(null), p = v(0), f = v(""), l = v({}), u = v({
       x: 0,
       y: 0,
       clickX: 0,
       clickY: 0,
       isDown: !1
-    }), p = s ? Dr(s.props?.shaderSource) : "", m = s ? Ce(s.props?.fps) ?? 60 : 60, b = s?.props?.uniforms, g = V(() => Br(b), [b]), y = s ? Fr(s.props?.enableMouse) ?? !0 : !0, v = s ? Ce(s.props?.width) : void 0, E = s ? Ce(s.props?.height) : void 0, T = s ? xr(Ur(s.props?.className), o) : o;
-    U(() => {
-      const C = i.current;
-      if (C) {
+    }), d = s ? Gn(s.props?.shaderSource) : "", m = s ? Ie(s.props?.fps) ?? 60 : 60, b = s?.props?.uniforms, g = K(() => Xn(b), [b]), y = s ? Jn(s.props?.enableMouse) ?? !0 : !0, w = s ? Ie(s.props?.width) : void 0, T = s ? Ie(s.props?.height) : void 0, C = s ? Hn(qn(s.props?.className), o) : o;
+    N(() => {
+      const A = i.current;
+      if (A) {
         try {
-          const _ = new jr(C);
-          a.current = _;
-        } catch (_) {
-          console.error("[ShadertoyRenderer] Failed to create WebGL2 context:", _);
+          const P = new Wn(A);
+          a.current = P;
+        } catch (P) {
+          console.error("[ShadertoyRenderer] Failed to create WebGL2 context:", P);
         }
         return () => {
           a.current && (a.current.destroy(), a.current = null);
         };
       }
-    }, []), U(() => {
-      const C = a.current;
-      if (!(!C || !p) && d.current !== p)
-        if (C.compile(p, g))
-          d.current = p, l.current = g;
+    }, []), N(() => {
+      const A = a.current;
+      if (!(!A || !d) && f.current !== d)
+        if (A.compile(d, g))
+          f.current = d, l.current = g;
         else {
-          const x = C.getError();
-          console.error("[ShadertoyRenderer] Shader compilation failed:", x);
+          const U = A.getError();
+          console.error("[ShadertoyRenderer] Shader compilation failed:", U);
         }
-    }, [p, g]), U(() => {
-      const C = a.current;
-      !C || !d.current || $r(l.current, g) || (C.setCustomUniforms(g), l.current = g);
-    }, [g]), U(() => {
-      const C = a.current;
-      if (!C || !d.current) return;
-      const _ = 1e3 / m, x = (P) => {
-        const F = P - h.current;
-        F >= _ && (h.current = P - F % _, C.draw()), c.current = requestAnimationFrame(x);
+    }, [d, g]), N(() => {
+      const A = a.current;
+      !A || !f.current || Zn(l.current, g) || (A.setCustomUniforms(g), l.current = g);
+    }, [g]), N(() => {
+      const A = a.current;
+      if (!A || !f.current) return;
+      const P = 1e3 / m, U = (M) => {
+        const F = M - p.current;
+        F >= P && (p.current = M - F % P, A.draw()), c.current = requestAnimationFrame(U);
       };
-      return c.current = requestAnimationFrame(x), () => {
+      return c.current = requestAnimationFrame(U), () => {
         c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       };
     }, [m]);
-    const O = D(
-      (C) => {
+    const _ = D(
+      (A) => {
         if (!y) return;
-        const _ = i.current, x = a.current;
-        if (!_ || !x) return;
-        const P = _.getBoundingClientRect(), F = C.clientX - P.left, z = P.height - (C.clientY - P.top);
-        u.current.x = F, u.current.y = z, x.setMouse(F, z, u.current.clickX, u.current.clickY);
+        const P = i.current, U = a.current;
+        if (!P || !U) return;
+        const M = P.getBoundingClientRect(), F = A.clientX - M.left, W = M.height - (A.clientY - M.top);
+        u.current.x = F, u.current.y = W, U.setMouse(F, W, u.current.clickX, u.current.clickY);
       },
       [y]
-    ), K = D(
-      (C) => {
+    ), B = D(
+      (A) => {
         if (!y) return;
-        const _ = i.current, x = a.current;
-        if (!_ || !x) return;
-        const P = _.getBoundingClientRect(), F = C.clientX - P.left, z = P.height - (C.clientY - P.top);
-        u.current.isDown = !0, u.current.clickX = F, u.current.clickY = z, x.setMouse(F, z, F, z);
+        const P = i.current, U = a.current;
+        if (!P || !U) return;
+        const M = P.getBoundingClientRect(), F = A.clientX - M.left, W = M.height - (A.clientY - M.top);
+        u.current.isDown = !0, u.current.clickX = F, u.current.clickY = W, U.setMouse(F, W, F, W);
       },
       [y]
     ), Q = D(() => {
       y && (u.current.isDown = !1, u.current.clickX = -Math.abs(u.current.clickX));
     }, [y]);
-    return s ? /* @__PURE__ */ R.jsx(
+    return s ? /* @__PURE__ */ E.jsx(
       "canvas",
       {
         ref: i,
         "data-ikon-node-id": s.id,
         "data-ikon-source": s.sourceMarker,
-        className: T,
-        ...v ? { width: v } : {},
-        ...E ? { height: E } : {},
-        onMouseMove: O,
-        onMouseDown: K,
+        className: C,
+        ...w ? { width: w } : {},
+        ...T ? { height: T } : {},
+        onMouseMove: _,
+        onMouseDown: B,
         onMouseUp: Q,
         onMouseLeave: Q
       }
     ) : null;
   });
   return ({ type: e }) => {
-    if (e === Vr)
+    if (e === Qn)
       return t;
   };
 }
-const Yr = "shadertoy", zr = async () => Kr();
-function Wr(t) {
-  t.registerModule(Yr, zr);
+const tr = "shadertoy", nr = async () => er();
+function rr(t) {
+  t.registerModule(tr, nr);
 }
-const rt = Re("UIRegistry");
-class qr {
+const ot = ke("UIRegistry");
+class or {
   baseResolvers = [];
   moduleLoaders = /* @__PURE__ */ new Map();
   moduleResolvers = /* @__PURE__ */ new Map();
   activeModuleOrder = [];
   registerResolvers(e) {
-    const r = Array.isArray(e) ? e : [e];
-    this.baseResolvers.push(...r.filter(Boolean));
+    const n = Array.isArray(e) ? e : [e];
+    this.baseResolvers.push(...n.filter(Boolean));
   }
-  registerModule(e, r) {
-    const n = this.moduleLoaders.get(e);
-    if (!n) {
-      this.moduleLoaders.set(e, r);
+  registerModule(e, n) {
+    const r = this.moduleLoaders.get(e);
+    if (!r) {
+      this.moduleLoaders.set(e, n);
       return;
     }
-    n !== r && (this.moduleLoaders.set(e, r), this.moduleResolvers.delete(e));
+    r !== n && (this.moduleLoaders.set(e, n), this.moduleResolvers.delete(e));
   }
   async loadRegisteredModules() {
     let e = !1;
-    for (const [n, o] of this.moduleLoaders.entries())
-      if (!this.moduleResolvers.has(n))
+    for (const [r, o] of this.moduleLoaders.entries())
+      if (!this.moduleResolvers.has(r))
         try {
-          const s = await o(), i = Jr(s);
-          this.moduleResolvers.set(n, i), e = !0;
+          const s = await o(), i = ar(s);
+          this.moduleResolvers.set(r, i), e = !0;
         } catch (s) {
-          rt.error(`[IkonUiRegistry] Failed to load module '${n}'.`, s);
+          ot.error(`[IkonUiRegistry] Failed to load module '${r}'.`, s);
         }
-    const r = [];
-    for (const n of this.moduleLoaders.keys())
-      this.moduleResolvers.has(n) && r.push(n);
-    return Xr(r, this.activeModuleOrder) || (this.activeModuleOrder = r, e = !0), e;
+    const n = [];
+    for (const r of this.moduleLoaders.keys())
+      this.moduleResolvers.has(r) && n.push(r);
+    return cr(n, this.activeModuleOrder) || (this.activeModuleOrder = n, e = !0), e;
   }
   resolve(e) {
-    for (const r of this.baseResolvers) {
-      const n = r(e);
-      if (n) return n;
+    for (const n of this.baseResolvers) {
+      const r = n(e);
+      if (r) return r;
     }
-    for (const r of this.activeModuleOrder) {
-      const n = this.moduleResolvers.get(r);
-      if (!n) {
-        rt.warn(`Missing resolvers for module ${r}`);
+    for (const n of this.activeModuleOrder) {
+      const r = this.moduleResolvers.get(n);
+      if (!r) {
+        ot.warn(`Missing resolvers for module ${n}`);
         continue;
       }
-      for (const o of n) {
+      for (const o of r) {
         const s = o(e);
         if (s) return s;
       }
     }
   }
 }
-function Gr() {
-  const t = new qr();
-  return Sr(t), _r(t), Wr(t), t.loadRegisteredModules(), t;
+function sr() {
+  const t = new or();
+  return Nn(t), Vn(t), rr(t), t.loadRegisteredModules(), t;
 }
-function Hr(t) {
+function ir(t) {
   return Array.isArray(t) ? t : [t];
 }
-function Jr(t) {
-  return t ? Hr(t).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
+function ar(t) {
+  return t ? ir(t).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
 }
-function Xr(t, e) {
+function cr(t, e) {
   if (t.length !== e.length)
     return !1;
-  for (let r = 0; r < t.length; r += 1)
-    if (t[r] !== e[r])
+  for (let n = 0; n < t.length; n += 1)
+    if (t[n] !== e[n])
       return !1;
   return !0;
 }
-const Ie = Re("MotionController"), nt = {
+const Oe = ke("MotionController"), st = {
   ease: [0.25, 0.1, 0.25, 1],
   "ease-in": [0.42, 0, 1, 1],
   "ease-out": [0, 0, 0.58, 1],
@@ -1455,98 +1545,98 @@ const Ie = Re("MotionController"), nt = {
   "ease-out-back": [0.175, 0.885, 0.32, 1.275],
   "ease-in-out-back": [0.68, -0.55, 0.265, 1.55]
 };
-function B(t) {
+function $(t) {
   return t <= 0 ? 0 : t >= 1 ? 1 : t;
 }
-function ot(t) {
+function it(t) {
   if (t == null) return;
   const e = `${t}`.trim();
   if (!e) return;
-  const r = Number.parseFloat(e);
-  return Number.isFinite(r) ? r : void 0;
+  const n = Number.parseFloat(e);
+  return Number.isFinite(n) ? n : void 0;
 }
-function st(t) {
+function at(t) {
   return typeof CSS < "u" && CSS.escape ? CSS.escape(t) : t.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
-function it(t, e, r, n) {
-  const d = new Float32Array(11);
-  function l(g, y, v) {
-    return ((3 * y - 3 * v + 1) * g + (3 * v - 6 * y)) * g * g + 3 * y * g;
+function ct(t, e, n, r) {
+  const f = new Float32Array(11);
+  function l(g, y, w) {
+    return ((3 * y - 3 * w + 1) * g + (3 * w - 6 * y)) * g * g + 3 * y * g;
   }
-  function u(g, y, v) {
-    return 3 * (3 * y - 3 * v + 1) * g * g + 2 * (3 * v - 6 * y) * g + 3 * y;
+  function u(g, y, w) {
+    return 3 * (3 * y - 3 * w + 1) * g * g + 2 * (3 * w - 6 * y) * g + 3 * y;
   }
-  function p(g, y) {
-    for (let v = 0; v < 4; v += 1) {
-      const E = u(y, t, r);
-      if (E === 0)
+  function d(g, y) {
+    for (let w = 0; w < 4; w += 1) {
+      const T = u(y, t, n);
+      if (T === 0)
         return y;
-      const T = l(y, t, r) - g;
-      y -= T / E;
+      const C = l(y, t, n) - g;
+      y -= C / T;
     }
     return y;
   }
-  function m(g, y, v) {
-    let E = 0, T = 0, O = 0;
+  function m(g, y, w) {
+    let T = 0, C = 0, _ = 0;
     do
-      T = y + (v - y) / 2, E = l(T, t, r) - g, E > 0 ? v = T : y = T;
-    while (Math.abs(E) > 1e-7 && ++O < 10);
-    return T;
+      C = y + (w - y) / 2, T = l(C, t, n) - g, T > 0 ? w = C : y = C;
+    while (Math.abs(T) > 1e-7 && ++_ < 10);
+    return C;
   }
   function b(g) {
-    let y = 0, v = 1;
-    const E = 10;
-    for (; v !== E && d[v] <= g; v += 1)
+    let y = 0, w = 1;
+    const T = 10;
+    for (; w !== T && f[w] <= g; w += 1)
       y += 0.1;
-    v -= 1;
-    const T = (g - d[v]) / (d[v + 1] - d[v]), O = y + T * 0.1, K = u(O, t, r);
-    return K >= 1e-3 ? p(g, O) : K === 0 ? O : m(g, y, y + 0.1);
+    w -= 1;
+    const C = (g - f[w]) / (f[w + 1] - f[w]), _ = y + C * 0.1, B = u(_, t, n);
+    return B >= 1e-3 ? d(g, _) : B === 0 ? _ : m(g, y, y + 0.1);
   }
   for (let g = 0; g < 11; g += 1)
-    d[g] = l(g * 0.1, t, r);
-  return (g) => g <= 0 ? 0 : g >= 1 ? 1 : l(b(g), e, n);
+    f[g] = l(g * 0.1, t, n);
+  return (g) => g <= 0 ? 0 : g >= 1 ? 1 : l(b(g), e, r);
 }
-function Zr(t) {
+function ur(t) {
   const e = /steps\(\s*([0-9]+)\s*(?:,\s*([a-z-]+)\s*)?\)/i.exec(t);
   if (!e)
-    return (o) => B(o);
-  const r = Math.max(1, parseInt(e[1], 10)), n = (e[2] ?? "end").toLowerCase();
-  return n === "start" || n === "jump-start" ? (o) => B(Math.ceil(o * r) / r) : n === "none" || n === "jump-none" ? (o) => B(Math.round(o * r) / r) : n === "both" || n === "jump-both" ? (o) => B((Math.floor(o * r) + 0.5) / r) : (o) => B(Math.floor(o * r) / r);
+    return (o) => $(o);
+  const n = Math.max(1, parseInt(e[1], 10)), r = (e[2] ?? "end").toLowerCase();
+  return r === "start" || r === "jump-start" ? (o) => $(Math.ceil(o * n) / n) : r === "none" || r === "jump-none" ? (o) => $(Math.round(o * n) / n) : r === "both" || r === "jump-both" ? (o) => $((Math.floor(o * n) + 0.5) / n) : (o) => $(Math.floor(o * n) / n);
 }
-function Qr(t) {
+function lr(t) {
   if (!t)
-    return (r) => B(r);
+    return (n) => $(n);
   const e = t.trim().toLowerCase();
   if (!e || e === "linear")
-    return (r) => B(r);
-  if (nt[e]) {
-    const [r, n, o, s] = nt[e], i = it(r, n, o, s);
-    return (a) => B(i(B(a)));
+    return (n) => $(n);
+  if (st[e]) {
+    const [n, r, o, s] = st[e], i = ct(n, r, 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 = it(o, s, i, a);
-      return (h) => B(c(B(h)));
+    const r = e.slice(13, -1).split(",").map((o) => Number.parseFloat(o.trim()));
+    if (r.length === 4 && r.every((o) => Number.isFinite(o))) {
+      const [o, s, i, a] = r, c = ct(o, s, i, a);
+      return (p) => $(c($(p)));
     }
   }
   if (e.startsWith("steps(") && e.endsWith(")")) {
-    const r = Zr(e);
-    return (n) => r(B(n));
+    const n = ur(e);
+    return (r) => n($(r));
   }
-  return (r) => B(r);
+  return (n) => $(n);
 }
-function en(t) {
+function dr(t) {
   if (!t)
     return;
   const e = /(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)\s*->\s*(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)/.exec(t);
   if (!e)
     return;
-  const [r, n, o, s] = e.slice(1).map((i) => Number.parseFloat(i));
-  if (![r, n, o, s].some((i) => !Number.isFinite(i)))
-    return { inStart: r, inEnd: n, outStart: o, outEnd: s };
+  const [n, r, o, s] = e.slice(1).map((i) => Number.parseFloat(i));
+  if (![n, r, o, s].some((i) => !Number.isFinite(i)))
+    return { inStart: n, inEnd: r, outStart: o, outEnd: s };
 }
-class tn {
+class fr {
   bindingsByStyle = /* @__PURE__ */ new Map();
   observer;
   observeScheduled = !1;
@@ -1555,15 +1645,15 @@ class tn {
   elementStates = /* @__PURE__ */ new Map();
   styleToElements = /* @__PURE__ */ new Map();
   globalCleanups = /* @__PURE__ */ new Set();
-  registerStyle(e, r) {
+  registerStyle(e, n) {
     if (!e)
       return;
-    const n = this.parseMetadata(r);
-    if (!n) {
+    const r = this.parseMetadata(n);
+    if (!r) {
       this.bindingsByStyle.delete(e), this.cleanupStyle(e);
       return;
     }
-    this.bindingsByStyle.set(e, n), this.cleanupStyle(e), this.ensureObserver(), this.scheduleScan(e);
+    this.bindingsByStyle.set(e, r), this.cleanupStyle(e), this.ensureObserver(), this.scheduleScan(e);
   }
   unregisterStyle(e) {
     e && (this.bindingsByStyle.delete(e), this.cleanupStyle(e), this.pendingScanStyles.delete(e));
@@ -1572,42 +1662,42 @@ class tn {
     for (const e of Array.from(this.globalCleanups))
       try {
         e();
-      } catch (r) {
-        Ie.warn("Failed to cleanup binding listener", r);
+      } catch (n) {
+        Oe.warn("Failed to cleanup binding listener", n);
       }
     this.globalCleanups.clear(), this.elementStates.clear(), this.styleToElements.clear(), this.bindingsByStyle.clear(), this.pendingScanStyles.clear(), this.scanScheduled = !1, this.observer && (this.observer.disconnect(), this.observer = void 0);
   }
   parseMetadata(e) {
     if (e)
       try {
-        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) {
-        Ie.warn("Failed to parse motion metadata", r);
+        const r = (JSON.parse(e).motionBindings ?? []).map((o) => this.parseBinding(o)).filter((o) => o !== void 0);
+        return r.length === 0 ? void 0 : { bindings: r };
+      } catch (n) {
+        Oe.warn("Failed to parse motion metadata", n);
         return;
       }
   }
   parseBinding(e) {
-    const r = e.source?.trim();
-    if (!r)
+    const n = e.source?.trim();
+    if (!n)
       return;
-    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 = Qr(e.ease), h = en(e.map), d = e.targetId?.trim() || void 0;
-    return Number.isNaN(n) || Number.isNaN(s) ? void 0 : {
-      source: r.toLowerCase(),
-      min: n,
+    const r = it(e.min) ?? 0, o = it(e.max), s = o === void 0 ? r + 100 : o, i = (e.clamp ?? "clamp").trim().toLowerCase(), a = !!e.reverse, c = lr(e.ease), p = dr(e.map), f = e.targetId?.trim() || void 0;
+    return Number.isNaN(r) || Number.isNaN(s) ? void 0 : {
+      source: n.toLowerCase(),
+      min: r,
       max: s,
       clamp: i === "freeze-start" || i === "freeze-end" || i === "unclamped" ? i : "clamp",
       reverse: a,
       ease: c,
-      map: h,
-      targetId: d
+      map: p,
+      targetId: f
     };
   }
   ensureObserver() {
     if (typeof document > "u" || this.observer)
       return;
     const e = () => {
-      this.observer || typeof document > "u" || (this.observer = new MutationObserver((r) => this.handleMutations(r)), this.observer.observe(document.body, {
+      this.observer || typeof document > "u" || (this.observer = new MutationObserver((n) => this.handleMutations(n)), this.observer.observe(document.body, {
         childList: !0,
         subtree: !0,
         attributes: !0,
@@ -1625,7 +1715,7 @@ class tn {
   scheduleScan(e) {
     if (typeof document > "u" || (this.pendingScanStyles.add(e), this.scanScheduled))
       return;
-    const r = () => {
+    const n = () => {
       if (this.pendingScanStyles.size === 0) {
         this.scanScheduled = !1;
         return;
@@ -1634,82 +1724,82 @@ class tn {
       this.pendingScanStyles.clear(), this.scanScheduled = !1;
       for (const s of o)
         this.scanExistingNodes(s);
-    }, n = () => {
-      this.scanScheduled = !0, typeof queueMicrotask == "function" ? queueMicrotask(r) : setTimeout(r, 0);
+    }, r = () => {
+      this.scanScheduled = !0, typeof queueMicrotask == "function" ? queueMicrotask(n) : setTimeout(n, 0);
     };
     document.readyState === "loading" ? document.addEventListener(
       "DOMContentLoaded",
       () => {
-        n();
+        r();
       },
       { once: !0 }
-    ) : n();
+    ) : r();
   }
   scanExistingNodes(e) {
-    const r = this.bindingsByStyle.get(e);
-    if (!r || typeof document > "u")
+    const n = this.bindingsByStyle.get(e);
+    if (!n || typeof document > "u")
       return;
-    const n = `.${st(e)}`;
-    document.querySelectorAll(n).forEach((s) => this.applyStyleToElement(s, e, r));
+    const r = `.${at(e)}`;
+    document.querySelectorAll(r).forEach((s) => this.applyStyleToElement(s, e, n));
   }
-  applyStyleToElement(e, r, n) {
-    this.ensureStyleState(e, r) && this.attachBindings(e, r, n);
+  applyStyleToElement(e, n, r) {
+    this.ensureStyleState(e, n) && this.attachBindings(e, n, r);
   }
-  ensureStyleState(e, r) {
-    let n = this.elementStates.get(e);
-    if (n || (n = /* @__PURE__ */ new Map(), this.elementStates.set(e, n)), n.has(r))
+  ensureStyleState(e, n) {
+    let r = this.elementStates.get(e);
+    if (r || (r = /* @__PURE__ */ new Map(), this.elementStates.set(e, r)), r.has(n))
       return !1;
-    n.set(r, /* @__PURE__ */ new Set());
-    let o = this.styleToElements.get(r);
-    return o || (o = /* @__PURE__ */ new Set(), this.styleToElements.set(r, o)), o.add(e), !0;
+    r.set(n, /* @__PURE__ */ new Set());
+    let o = this.styleToElements.get(n);
+    return o || (o = /* @__PURE__ */ new Set(), this.styleToElements.set(n, o)), o.add(e), !0;
   }
-  attachBindings(e, r, n) {
-    for (const o of n.bindings)
-      this.attachBinding(e, r, o);
+  attachBindings(e, n, r) {
+    for (const o of r.bindings)
+      this.attachBinding(e, n, o);
   }
-  attachBinding(e, r, n) {
-    switch (n.source) {
+  attachBinding(e, n, r) {
+    switch (r.source) {
       case "scrolly":
-        this.attachScrollBinding(e, r, n);
+        this.attachScrollBinding(e, n, r);
         break;
     }
   }
-  attachScrollBinding(e, r, n) {
-    const o = this.resolveScrollContainer(e, n);
+  attachScrollBinding(e, n, r) {
+    const o = this.resolveScrollContainer(e, r);
     if (!o)
       return;
     const s = () => {
-      this.applyBindingValues(e, n, o.scrollTop);
+      this.applyBindingValues(e, r, o.scrollTop);
     };
     s();
     const i = new AbortController();
-    o.addEventListener("scroll", s, { passive: !0, signal: i.signal }), this.registerCleanup(e, r, () => i.abort());
+    o.addEventListener("scroll", s, { passive: !0, signal: i.signal }), this.registerCleanup(e, n, () => i.abort());
     const a = () => s();
-    window.addEventListener("resize", a), this.registerCleanup(e, r, () => window.removeEventListener("resize", a));
+    window.addEventListener("resize", a), this.registerCleanup(e, n, () => window.removeEventListener("resize", a));
   }
-  resolveScrollContainer(e, r) {
-    if (r.targetId) {
-      const n = `[data-ikon-motion-source="${st(r.targetId)}"]`, o = typeof document < "u" ? document.querySelector(n) : null;
+  resolveScrollContainer(e, n) {
+    if (n.targetId) {
+      const r = `[data-ikon-motion-source="${at(n.targetId)}"]`, o = typeof document < "u" ? document.querySelector(r) : null;
       if (o)
         return o;
     }
     return e.closest('[data-ikon-view-type="scroll-view"]');
   }
-  applyBindingValues(e, r, n) {
-    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, h = 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", `${h}`), r.map) {
-      const d = this.applyMap(h, r.map);
-      d !== void 0 && e.style.setProperty("--tw-motion-bind-value", `${d}`);
+  applyBindingValues(e, n, r) {
+    const o = n.max - n.min, s = o === 0 ? r > n.min ? 1 : 0 : (r - n.min) / o;
+    let i = this.applyClamp(s, n.clamp);
+    n.reverse && (i = 1 - i);
+    const a = n.ease(i), c = Number.isFinite(a) ? a : 0, p = c * 100;
+    if (e.style.setProperty("--tw-motion-bind-source-value", `${r}`), e.style.setProperty("--tw-motion-bind-progress-ratio", `${c}`), e.style.setProperty("--tw-motion-bind-progress", `${p}`), n.map) {
+      const f = this.applyMap(p, n.map);
+      f !== void 0 && e.style.setProperty("--tw-motion-bind-value", `${f}`);
     } else
       e.style.removeProperty("--tw-motion-bind-value");
   }
-  applyClamp(e, r) {
+  applyClamp(e, n) {
     if (!Number.isFinite(e))
       return 0;
-    switch (r) {
+    switch (n) {
       case "freeze-start":
         return e < 0 ? 0 : e;
       case "freeze-end":
@@ -1717,108 +1807,108 @@ class tn {
       case "unclamped":
         return e;
       default:
-        return B(e);
+        return $(e);
     }
   }
-  applyMap(e, r) {
-    const n = r.inEnd - r.inStart;
-    if (n === 0)
-      return r.outEnd;
-    const o = (e - r.inStart) / n;
-    return r.outStart + o * (r.outEnd - r.outStart);
+  applyMap(e, n) {
+    const r = n.inEnd - n.inStart;
+    if (r === 0)
+      return n.outEnd;
+    const o = (e - n.inStart) / r;
+    return n.outStart + o * (n.outEnd - n.outStart);
   }
-  registerCleanup(e, r, n) {
-    const s = this.elementStates.get(e)?.get(r);
-    s && (s.add(n), this.globalCleanups.add(n));
+  registerCleanup(e, n, r) {
+    const s = this.elementStates.get(e)?.get(n);
+    s && (s.add(r), this.globalCleanups.add(r));
   }
   cleanupStyle(e) {
-    const r = this.styleToElements.get(e);
-    if (!r)
+    const n = this.styleToElements.get(e);
+    if (!n)
       return;
-    const n = Array.from(r);
-    for (const o of n)
+    const r = Array.from(n);
+    for (const o of r)
       this.cleanupElementStyle(o, e);
     this.styleToElements.delete(e);
   }
   cleanupElement(e) {
-    const r = this.elementStates.get(e);
-    if (!r)
+    const n = this.elementStates.get(e);
+    if (!n)
       return;
-    const n = Array.from(r.keys());
-    for (const o of n)
+    const r = Array.from(n.keys());
+    for (const o of r)
       this.cleanupElementStyle(e, o);
   }
-  cleanupElementStyle(e, r) {
-    const n = this.elementStates.get(e);
-    if (!n)
+  cleanupElementStyle(e, n) {
+    const r = this.elementStates.get(e);
+    if (!r)
       return;
-    const o = n.get(r);
+    const o = r.get(n);
     if (!o)
       return;
     for (const i of o) {
       try {
         i();
       } catch (a) {
-        Ie.warn("Failed to cleanup listener", a);
+        Oe.warn("Failed to cleanup listener", a);
       }
       this.globalCleanups.delete(i);
     }
-    o.clear(), n.delete(r);
-    const s = this.styleToElements.get(r);
-    s && (s.delete(e), s.size === 0 && this.styleToElements.delete(r)), n.size === 0 && (this.elementStates.delete(e), this.clearBindingProperties(e));
+    o.clear(), r.delete(n);
+    const s = this.styleToElements.get(n);
+    s && (s.delete(e), s.size === 0 && this.styleToElements.delete(n)), r.size === 0 && (this.elementStates.delete(e), this.clearBindingProperties(e));
   }
   clearBindingProperties(e) {
     e.style.removeProperty("--tw-motion-bind-source-value"), e.style.removeProperty("--tw-motion-bind-progress"), e.style.removeProperty("--tw-motion-bind-progress-ratio"), e.style.removeProperty("--tw-motion-bind-value");
   }
   handleMutations(e) {
-    for (const r of e)
-      r.type === "childList" ? (r.addedNodes.forEach((n) => this.scanNode(n)), r.removedNodes.forEach((n) => this.cleanupNode(n))) : r.type === "attributes" && r.target instanceof HTMLElement && this.handleClassMutation(r.target);
+    for (const n of e)
+      n.type === "childList" ? (n.addedNodes.forEach((r) => this.scanNode(r)), n.removedNodes.forEach((r) => this.cleanupNode(r))) : n.type === "attributes" && n.target instanceof HTMLElement && this.handleClassMutation(n.target);
   }
   handleClassMutation(e) {
-    const r = this.elementStates.get(e);
-    if (!r) {
+    const n = this.elementStates.get(e);
+    if (!n) {
       this.processElement(e);
       return;
     }
-    for (const n of r.keys())
-      e.classList.contains(n) || this.cleanupElementStyle(e, n);
+    for (const r of n.keys())
+      e.classList.contains(r) || this.cleanupElementStyle(e, r);
     this.processElement(e);
   }
   scanNode(e) {
     if (!(e instanceof HTMLElement))
       return;
-    this.processElement(e), e.querySelectorAll("[class]").forEach((n) => this.processElement(n));
+    this.processElement(e), e.querySelectorAll("[class]").forEach((r) => this.processElement(r));
   }
   cleanupNode(e) {
     if (!(e instanceof HTMLElement))
       return;
-    this.cleanupElement(e), e.querySelectorAll("[class]").forEach((n) => this.cleanupElement(n));
+    this.cleanupElement(e), e.querySelectorAll("[class]").forEach((r) => this.cleanupElement(r));
   }
   processElement(e) {
     if (!e.classList || e.classList.length === 0)
       return;
-    const r = e.classList;
-    for (let n = 0; n < r.length; n++) {
-      const o = r[n], s = this.bindingsByStyle.get(o);
+    const n = e.classList;
+    for (let r = 0; r < n.length; r++) {
+      const o = n[r], s = this.bindingsByStyle.get(o);
       s && this.ensureStyleState(e, o) && this.attachBindings(e, o, s);
     }
   }
 }
-const Oe = new tn();
-function rn(t) {
-  const e = w(/* @__PURE__ */ new Map()), r = D(({ styleId: s, css: i, common: a }) => {
+const Ne = new fr();
+function pr(t) {
+  const e = v(/* @__PURE__ */ new Map()), n = D(({ styleId: s, css: i, common: a }) => {
     if (!(!s || typeof document > "u")) {
       if (i) {
         let c = e.current.get(s);
         c || (c = document.createElement("style"), c.setAttribute("data-ikon-style-id", s), document.head.appendChild(c), e.current.set(s, c)), c.textContent = i;
       }
-      Oe.registerStyle(s, a);
+      Ne.registerStyle(s, a);
     }
-  }, []), n = D((s) => {
+  }, []), r = D((s) => {
     if (!(typeof document > "u"))
       for (const i of s) {
         const a = e.current.get(i);
-        a && (a.remove(), e.current.delete(i)), Oe.unregisterStyle(i);
+        a && (a.remove(), e.current.delete(i)), Ne.unregisterStyle(i);
       }
   }, []), o = D(() => {
     if (typeof document < "u") {
@@ -1826,117 +1916,117 @@ function rn(t) {
         s.remove();
       e.current.clear();
     }
-    Oe.reset();
+    Ne.reset();
   }, []);
-  return U(() => {
+  return N(() => {
     if (!t) return;
     for (const a of t.getUiStyles())
-      r(a);
-    const s = t.subscribeToStyles(r), i = t.subscribeToStyleDeletes?.(n);
+      n(a);
+    const s = t.subscribeToStyles(n), i = t.subscribeToStyleDeletes?.(r);
     return () => {
       s?.(), i?.(), o();
     };
-  }, [t, o, r, n]), U(() => () => o(), [o]), { setStyle: r, deleteStyles: n, reset: o };
+  }, [t, o, n, r]), N(() => () => o(), [o]), { setStyle: n, deleteStyles: r, reset: o };
 }
-function nn(t) {
+function hr(t) {
   const e = [];
-  for (const [r, n] of t) {
-    const o = n.store.getSnapshot(), s = o.rootViewId && o.views.has(o.rootViewId);
-    e.push(`${r}:${s ? "1" : "0"}`);
+  for (const [n, r] of t) {
+    const o = r.store.getSnapshot(), s = o.rootViewId && o.views.has(o.rootViewId);
+    e.push(`${n}:${s ? "1" : "0"}`);
   }
   return e.sort(), e.join(",");
 }
-function on(t) {
-  const [e, r] = J(), n = w("");
-  return U(() => {
+function mr(t) {
+  const [e, n] = Y(), r = v("");
+  return N(() => {
     if (!t) {
-      r(void 0), n.current = "";
+      n(void 0), r.current = "";
       return;
     }
     const o = () => {
-      const s = t.getStores(), i = nn(s);
-      i !== n.current && (n.current = i, r(s));
+      const s = t.getStores(), i = hr(s);
+      i !== r.current && (r.current = i, n(s));
     };
     return o(), t.subscribe(o);
   }, [t]), e;
 }
-var sn = typeof global == "object" && global && global.Object === Object && global, an = typeof self == "object" && self && self.Object === Object && self, cn = sn || an || Function("return this")(), we = cn.Symbol, bt = Object.prototype, un = bt.hasOwnProperty, ln = bt.toString, ue = we ? we.toStringTag : void 0;
-function dn(t) {
-  var e = un.call(t, ue), r = t[ue];
+var gr = typeof global == "object" && global && global.Object === Object && global, yr = typeof self == "object" && self && self.Object === Object && self, br = gr || yr || Function("return this")(), ve = br.Symbol, Et = Object.prototype, Sr = Et.hasOwnProperty, wr = Et.toString, le = ve ? ve.toStringTag : void 0;
+function vr(t) {
+  var e = Sr.call(t, le), n = t[le];
   try {
-    t[ue] = void 0;
-    var n = !0;
+    t[le] = void 0;
+    var r = !0;
   } catch {
   }
-  var o = ln.call(t);
-  return n && (e ? t[ue] = r : delete t[ue]), o;
+  var o = wr.call(t);
+  return r && (e ? t[le] = n : delete t[le]), o;
 }
-var fn = Object.prototype, hn = fn.toString;
-function pn(t) {
-  return hn.call(t);
+var Er = Object.prototype, Rr = Er.toString;
+function kr(t) {
+  return Rr.call(t);
 }
-var mn = "[object Null]", gn = "[object Undefined]", at = we ? we.toStringTag : void 0;
-function yn(t) {
-  return t == null ? t === void 0 ? gn : mn : at && at in Object(t) ? dn(t) : pn(t);
+var Ar = "[object Null]", Tr = "[object Undefined]", ut = ve ? ve.toStringTag : void 0;
+function Cr(t) {
+  return t == null ? t === void 0 ? Tr : Ar : ut && ut in Object(t) ? vr(t) : kr(t);
 }
-function bn(t) {
+function Ir(t) {
   return t != null && typeof t == "object";
 }
-var Sn = Array.isArray, wn = "[object String]";
-function vn(t) {
-  return typeof t == "string" || !Sn(t) && bn(t) && yn(t) == wn;
+var Or = Array.isArray, Nr = "[object String]";
+function _r(t) {
+  return typeof t == "string" || !Or(t) && Ir(t) && Cr(t) == Nr;
 }
-const ct = "ikonUiModules";
-function De(t) {
+const lt = "ikonUiModules";
+function Fe(t) {
   return typeof t == "object" && t !== null && !Array.isArray(t);
 }
-function En(t) {
+function Pr(t) {
   if (!Array.isArray(t))
     return;
   const e = /* @__PURE__ */ new Set();
-  for (const r of t) {
-    if (!vn(r)) continue;
-    const n = r.trim();
-    n && (e.has(n) || e.add(n));
+  for (const n of t) {
+    if (!_r(n)) continue;
+    const r = n.trim();
+    r && (e.has(r) || e.add(r));
   }
   return Array.from(e);
 }
-function Ao(t, e) {
+function xo(t, e) {
   if (t === e)
     return !0;
   if (!t || !e)
     return !t && !e;
   if (t.length !== e.length)
     return !1;
-  for (let r = 0; r < t.length; r += 1)
-    if (t[r] !== e[r])
+  for (let n = 0; n < t.length; n += 1)
+    if (t[n] !== e[n])
       return !1;
   return !0;
 }
-function Rn(t) {
-  if (!(!De(t) || !Object.prototype.hasOwnProperty.call(t, ct)))
-    return En(t[ct]);
+function Mr(t) {
+  if (!(!Fe(t) || !Object.prototype.hasOwnProperty.call(t, lt)))
+    return Pr(t[lt]);
 }
-function To(...t) {
+function jo(...t) {
   for (const e of t) {
-    const r = Rn(e);
-    if (r !== void 0)
-      return r;
+    const n = Mr(e);
+    if (n !== void 0)
+      return n;
   }
 }
-function Co(t) {
-  if (!De(t))
+function Uo(t) {
+  if (!Fe(t))
     return;
-  const e = t, r = Object.keys(e).find((c) => c.toLowerCase() === "modules");
-  if (!r)
+  const e = t, n = Object.keys(e).find((c) => c.toLowerCase() === "modules");
+  if (!n)
     return;
-  const n = e[r];
-  if (n === null)
+  const r = e[n];
+  if (r === null)
     return { resetToDefault: !0 };
-  if (!Array.isArray(n))
+  if (!Array.isArray(r))
     return;
   const o = [], s = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set();
-  for (const c of n) {
+  for (const c of r) {
     if (typeof c == "string") {
       const b = c.trim();
       if (!b || i.has(b))
@@ -1944,38 +2034,38 @@ function Co(t) {
       o.push(b), i.add(b);
       continue;
     }
-    if (!De(c))
+    if (!Fe(c))
       continue;
-    const h = c, d = Object.keys(h).find((b) => b.toLowerCase() === "name");
-    if (!d)
+    const p = c, f = Object.keys(p).find((b) => b.toLowerCase() === "name");
+    if (!f)
       continue;
-    const l = h[d];
+    const l = p[f];
     if (typeof l != "string")
       continue;
     const u = l.trim();
     if (!u)
       continue;
-    const p = Object.keys(h).find((b) => b.toLowerCase() === "javascript"), m = p ? h[p] : void 0;
+    const d = Object.keys(p).find((b) => b.toLowerCase() === "javascript"), m = d ? p[d] : void 0;
     typeof m == "string" && s.set(u, m), i.has(u) || (o.push(u), i.add(u));
   }
   if (!o.length && s.size === 0)
     return { modules: [] };
-  const a = Array.from(s.entries()).map(([c, h]) => ({
+  const a = Array.from(s.entries()).map(([c, p]) => ({
     name: c,
-    javascript: h
+    javascript: p
   }));
   return a.length > 0 ? { modules: o, inlineModules: a } : { modules: o };
 }
-const k = {
+const R = {
   None: 0,
   Letter: 1,
   Word: 2,
   Line: 4,
   Paragraph: 8,
   Emoji: 16
-}, kn = [
+}, Lr = [
   {
-    flag: k.Letter,
+    flag: R.Letter,
     hints: [
       "[data-motion-letter]",
       "[data-letter]",
@@ -1984,7 +2074,7 @@ const k = {
     ]
   },
   {
-    flag: k.Word,
+    flag: R.Word,
     hints: [
       "[data-motion-word]",
       "[data-word]",
@@ -1993,7 +2083,7 @@ const k = {
     ]
   },
   {
-    flag: k.Line,
+    flag: R.Line,
     hints: [
       "[data-motion-line]",
       "[data-line]",
@@ -2002,7 +2092,7 @@ const k = {
     ]
   },
   {
-    flag: k.Paragraph,
+    flag: R.Paragraph,
     hints: [
       "[data-motion-paragraph]",
       "[data-paragraph]",
@@ -2013,7 +2103,7 @@ const k = {
     ]
   },
   {
-    flag: k.Emoji,
+    flag: R.Emoji,
     hints: [
       ":is([data-motion-emoji],[data-emoji],.tw-motion-emoji,.tw-emoji)",
       "[data-motion-emoji]",
@@ -2022,160 +2112,160 @@ const k = {
       "[data-emoji]"
     ]
   }
-], Fe = k.Letter | k.Word | k.Line | k.Paragraph | k.Emoji, An = k.Letter | k.Word | k.Line | k.Paragraph, ut = /* @__PURE__ */ new Map(), Tn = 16384;
-function Io(t, e) {
-  if (!t || t.length > Tn)
+], $e = R.Letter | R.Word | R.Line | R.Paragraph | R.Emoji, xr = R.Letter | R.Word | R.Line | R.Paragraph, dt = /* @__PURE__ */ new Map(), jr = 16384;
+function Do(t, e) {
+  if (!t || t.length > jr)
     return t;
-  const r = Kn(e), n = oe(r, k.Emoji), o = r & An;
-  if (o === k.None && !n)
+  const n = Qr(e), r = se(n, R.Emoji), o = n & xr;
+  if (o === R.None && !r)
     return t;
   const s = t.replace(/\r\n/g, `
 `).replace(/\r/g, `
 `);
-  if (o === k.None)
-    return ht(s);
-  const i = $n(s);
+  if (o === R.None)
+    return mt(s);
+  const i = Xr(s);
   if (i.length === 0)
-    return n ? ht(s) : t;
-  const a = Vn(i), c = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, h = [];
-  for (const d of a) {
-    const l = Cn(d, r, c);
-    h.push(...l);
+    return r ? mt(s) : t;
+  const a = Zr(i), c = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, p = [];
+  for (const f of a) {
+    const l = Ur(f, n, c);
+    p.push(...l);
   }
-  return h;
+  return p;
 }
-function Cn(t, e, r) {
-  const n = [];
+function Ur(t, e, n) {
+  const r = [];
   for (const o of t) {
-    const s = In(o, e, r);
-    n.push(...s);
+    const s = Dr(o, e, n);
+    r.push(...s);
   }
-  if (oe(e, k.Paragraph)) {
-    const o = r.paragraph++;
+  if (se(e, R.Paragraph)) {
+    const o = n.paragraph++;
     return [
-      /* @__PURE__ */ R.jsx(
+      /* @__PURE__ */ E.jsx(
         "span",
         {
           "data-motion-paragraph": !0,
-          style: ke(o),
-          children: n
+          style: Ae(o),
+          children: r
         },
         `motion-paragraph-${o}`
       )
     ];
   }
-  return n;
+  return r;
 }
-function In(t, e, r) {
-  const n = On(t.text, e, r), o = [];
-  if (oe(e, k.Line)) {
-    const s = r.line++;
+function Dr(t, e, n) {
+  const r = Br(t.text, e, n), o = [];
+  if (se(e, R.Line)) {
+    const s = n.line++;
     o.push(
-      /* @__PURE__ */ R.jsx("span", { "data-motion-line": !0, style: ke(s), children: n }, `motion-line-${s}`)
+      /* @__PURE__ */ E.jsx("span", { "data-motion-line": !0, style: Ae(s), children: r }, `motion-line-${s}`)
     );
   } else
-    o.push(...n);
+    o.push(...r);
   for (let s = 0; s < t.breaks; s++)
-    o.push(/* @__PURE__ */ R.jsx("br", {}, `motion-break-${r.br++}`));
+    o.push(/* @__PURE__ */ E.jsx("br", {}, `motion-break-${n.br++}`));
   return o;
 }
-function On(t, e, r) {
+function Br(t, e, n) {
   if (!t)
     return [];
-  const n = oe(e, k.Word), o = [], s = /(\s+)/g;
+  const r = se(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(lt(c, r, e, n));
+      o.push(ft(c, n, e, r));
     }
     o.push(a[0]), i = a.index + a[0].length;
   }
   if (i < t.length) {
     const c = t.slice(i);
-    o.push(lt(c, r, e, n));
+    o.push(ft(c, n, e, r));
   }
   return o;
 }
-function lt(t, e, r, n) {
-  const o = e.word++, s = _n(t, r, e), i = `motion-word-${o}`, a = Nn(o, n);
-  return n ? /* @__PURE__ */ R.jsx("span", { "data-motion-word": !0, style: a, children: s }, i) : /* @__PURE__ */ R.jsx("span", { style: a, children: s }, i);
+function ft(t, e, n, r) {
+  const o = e.word++, s = $r(t, n, e), i = `motion-word-${o}`, a = Fr(o, r);
+  return r ? /* @__PURE__ */ E.jsx("span", { "data-motion-word": !0, style: a, children: s }, i) : /* @__PURE__ */ E.jsx("span", { style: a, children: s }, i);
 }
-function Nn(t, e) {
-  return e ? { ...ke(t), whiteSpace: "nowrap" } : { whiteSpace: "nowrap" };
+function Fr(t, e) {
+  return e ? { ...Ae(t), whiteSpace: "nowrap" } : { whiteSpace: "nowrap" };
 }
-function _n(t, e, r) {
+function $r(t, e, n) {
   if (!t)
     return [];
-  const n = oe(e, k.Letter), o = oe(e, k.Emoji);
-  if (!n) {
+  const r = se(e, R.Letter), o = se(e, R.Emoji);
+  if (!r) {
     if (!o)
       return [t];
-    const a = Be(t);
+    const a = Ve(t);
     if (a.length === 0)
       return [t];
-    const { nodes: c } = wt(a, r);
+    const { nodes: c } = kt(a, n);
     return c;
   }
-  const s = [], i = Be(t);
+  const s = [], i = Ve(t);
   for (const a of i) {
-    const c = r.letter++, h = `motion-letter-${c}`, d = ke(c);
+    const c = n.letter++, p = `motion-letter-${c}`, f = Ae(c);
     if (a === `
 `) {
       s.push(
-        /* @__PURE__ */ R.jsx("span", { "data-motion-letter": !0, style: d, children: /* @__PURE__ */ R.jsx("br", {}) }, h)
+        /* @__PURE__ */ E.jsx("span", { "data-motion-letter": !0, style: f, children: /* @__PURE__ */ E.jsx("br", {}) }, p)
       );
       continue;
     }
-    const u = o && St(a) ? { "data-motion-emoji": !0 } : void 0, p = a === " " ? " " : a;
+    const u = o && Rt(a) ? { "data-motion-emoji": !0 } : void 0, d = a === " " ? " " : a;
     s.push(
-      /* @__PURE__ */ R.jsx("span", { "data-motion-letter": !0, style: d, ...u, children: p }, h)
+      /* @__PURE__ */ E.jsx("span", { "data-motion-letter": !0, style: f, ...u, children: d }, p)
     );
   }
   return s;
 }
-function Be(t) {
+function Ve(t) {
   if (!t)
     return [];
-  const e = Pn();
-  return e ? Array.from(e.segment(t), (r) => r.segment) : Mn(t);
+  const e = Vr();
+  return e ? Array.from(e.segment(t), (n) => n.segment) : Kr(t);
 }
-let le;
-function Pn() {
-  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 Vr() {
+  return de !== void 0 || (typeof Intl < "u" && typeof Intl.Segmenter == "function" ? de = new Intl.Segmenter(void 0, { granularity: "grapheme" }) : de = null), de;
 }
-function Mn(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 && Ln(s, i)) && (e.push(n), n = "");
+function Kr(t) {
+  const e = [], n = Array.from(t);
+  let r = "";
+  for (let o = 0; o < n.length; o++) {
+    const s = n[o], i = n[o + 1];
+    r += s, !(i && Yr(s, i)) && (e.push(r), r = "");
   }
-  return n && e.push(n), e;
+  return r && e.push(r), e;
 }
-function Ln(t, e) {
-  return e ? !!(dt(t) || dt(e) || xn(e) || jn(e) || Un(e) || ft(t) && ft(e)) : !1;
+function Yr(t, e) {
+  return e ? !!(pt(t) || pt(e) || qr(e) || zr(e) || Wr(e) || ht(t) && ht(e)) : !1;
 }
-function dt(t) {
+function pt(t) {
   return t.codePointAt(0) === 8205;
 }
-function jn(t) {
+function zr(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 65024 && e <= 65039 || e >= 917760 && e <= 917999;
 }
-function Un(t) {
+function Wr(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 127995 && e <= 127999;
 }
-function ft(t) {
+function ht(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 127462 && e <= 127487;
 }
-let Ne;
-function xn(t) {
-  return t ? (Ne || (Ne = Dn()), Ne(t)) : !1;
+let _e;
+function qr(t) {
+  return t ? (_e || (_e = Hr()), _e(t)) : !1;
 }
-function Dn() {
+function Hr() {
   try {
     const t = new RegExp("\\p{Mark}", "u");
     return (e) => t.test(e);
@@ -2186,55 +2276,55 @@ function Dn() {
     };
   }
 }
-let _e;
-function St(t) {
-  return t ? (_e || (_e = Fn()), _e(t)) : !1;
+let Pe;
+function Rt(t) {
+  return t ? (Pe || (Pe = Gr()), Pe(t)) : !1;
 }
-function Fn() {
+function Gr() {
   try {
     const t = new RegExp("\\p{Extended_Pictographic}", "u");
     return (e) => t.test(e);
   } catch {
-    return Bn;
+    return Jr;
   }
 }
-function Bn(t) {
+function Jr(t) {
   if (!t)
     return !1;
   for (const e of Array.from(t)) {
-    const r = e.codePointAt(0);
-    if (r !== void 0 && (r >= 126976 && r <= 127231 || r >= 127232 && r <= 127487 || r >= 127488 && r <= 127743 || r >= 127744 && r <= 128511 || r >= 128512 && r <= 128591 || r >= 128640 && r <= 128767 || r >= 128768 && r <= 128895 || r >= 128896 && r <= 129023 || r >= 129024 && r <= 129279 || r >= 129280 && r <= 129535 || r >= 129536 && r <= 129791 || r >= 9728 && r <= 9983 || r >= 9984 && r <= 10175 || r === 8205 || r === 65039 || r === 8419))
+    const n = e.codePointAt(0);
+    if (n !== void 0 && (n >= 126976 && n <= 127231 || n >= 127232 && n <= 127487 || n >= 127488 && n <= 127743 || n >= 127744 && n <= 128511 || n >= 128512 && n <= 128591 || n >= 128640 && n <= 128767 || n >= 128768 && n <= 128895 || n >= 128896 && n <= 129023 || n >= 129024 && n <= 129279 || n >= 129280 && n <= 129535 || n >= 129536 && n <= 129791 || n >= 9728 && n <= 9983 || n >= 9984 && n <= 10175 || n === 8205 || n === 65039 || n === 8419))
       return !0;
   }
   return !1;
 }
-function $n(t) {
+function Xr(t) {
   const e = [];
-  let r = "", n = 0;
+  let n = "", r = 0;
   for (let o = 0; o < t.length; o++) {
     const s = t[o];
     if (s === `
 `) {
-      n += 1;
+      r += 1;
       continue;
     }
-    n > 0 && (e.push({ text: r, breaks: n }), r = "", n = 0), r += s;
+    r > 0 && (e.push({ text: n, breaks: r }), n = "", r = 0), n += s;
   }
-  return (n > 0 || r.length > 0) && e.push({ text: r, breaks: n }), e;
+  return (r > 0 || n.length > 0) && e.push({ text: n, breaks: r }), e;
 }
-function Vn(t) {
+function Zr(t) {
   if (t.length === 0)
     return [];
   const e = [];
-  let r = [];
-  for (const n of t)
-    r.push(n), n.breaks >= 2 && (e.push(r), r = []);
-  return r.length > 0 && e.push(r), e;
+  let n = [];
+  for (const r of t)
+    n.push(r), r.breaks >= 2 && (e.push(n), n = []);
+  return n.length > 0 && e.push(n), e;
 }
-function oe(t, e) {
+function se(t, e) {
   return (t & e) === e;
 }
-function ke(t) {
+function Ae(t) {
   return {
     "--tw-motion-seq-index": t.toString(),
     backgroundColor: "inherit",
@@ -2251,133 +2341,133 @@ function ke(t) {
     WebkitTextFillColor: "inherit"
   };
 }
-function ht(t) {
+function mt(t) {
   if (!t)
     return t;
-  const e = Be(t);
+  const e = Ve(t);
   if (e.length === 0)
     return t;
-  const { nodes: r, sawEmoji: n } = wt(e);
-  return n ? r.length === 1 ? r[0] ?? t : r : t;
+  const { nodes: n, sawEmoji: r } = kt(e);
+  return r ? n.length === 1 ? n[0] ?? t : n : t;
 }
-function wt(t, e) {
-  const r = [];
-  let n = "", o = !1, s = e?.emoji ?? 0;
+function kt(t, e) {
+  const n = [];
+  let r = "", o = !1, s = e?.emoji ?? 0;
   const i = () => {
-    n && (r.push(n), n = "");
+    r && (n.push(r), r = "");
   };
   for (const a of t) {
-    if (St(a)) {
+    if (Rt(a)) {
       o = !0, i();
-      const h = `motion-emoji-${e ? e.emoji++ : s++}`;
-      r.push(
-        /* @__PURE__ */ R.jsx("span", { "data-motion-emoji": !0, children: a }, h)
+      const p = `motion-emoji-${e ? e.emoji++ : s++}`;
+      n.push(
+        /* @__PURE__ */ E.jsx("span", { "data-motion-emoji": !0, children: a }, p)
       );
       continue;
     }
-    n += a;
+    r += a;
   }
-  return i(), o ? { nodes: r, sawEmoji: !0 } : { nodes: [t.join("")], sawEmoji: !1 };
+  return i(), o ? { nodes: n, sawEmoji: !0 } : { nodes: [t.join("")], sawEmoji: !1 };
 }
-function Kn(t) {
+function Qr(t) {
   if (!t)
-    return k.None;
+    return R.None;
   const e = t.trim();
   if (!e)
-    return k.None;
-  const r = ut.get(e);
-  if (typeof r == "number")
-    return r;
+    return R.None;
+  const n = dt.get(e);
+  if (typeof n == "number")
+    return n;
   if (typeof document > "u")
-    return k.None;
-  const n = e.split(/\s+/).filter(Boolean);
-  if (n.length === 0)
-    return k.None;
-  const s = n.map((c) => `.${Yn(c)}`).map(
-    (c) => new RegExp(`(^|[^a-zA-Z0-9_-])${zn(c)}(?![a-zA-Z0-9_-])`)
+    return R.None;
+  const r = e.split(/\s+/).filter(Boolean);
+  if (r.length === 0)
+    return R.None;
+  const s = r.map((c) => `.${eo(c)}`).map(
+    (c) => new RegExp(`(^|[^a-zA-Z0-9_-])${to(c)}(?![a-zA-Z0-9_-])`)
   );
-  let i = k.None, a = !1;
+  let i = R.None, a = !1;
   for (const c of Array.from(document.styleSheets)) {
-    let h;
+    let p;
     try {
-      h = c.cssRules;
+      p = c.cssRules;
     } catch {
       continue;
     }
-    const d = vt(h, s);
-    if (d.mask && (i |= d.mask, i === Fe))
+    const f = At(p, s);
+    if (f.mask && (i |= f.mask, i === $e))
       break;
-    a ||= d.sawStyleRule;
+    a ||= f.sawStyleRule;
   }
-  return (i !== k.None || a) && ut.set(e, i), i;
+  return (i !== R.None || a) && dt.set(e, i), i;
 }
-function vt(t, e) {
+function At(t, e) {
   if (!t)
-    return { mask: k.None, sawStyleRule: !1 };
-  let r = k.None, n = !1;
+    return { mask: R.None, sawStyleRule: !1 };
+  let n = R.None, r = !1;
   for (let o = 0; o < t.length; o++) {
     const s = t[o];
     if (s) {
       if (s.type === CSSRule.STYLE_RULE) {
         const a = s.selectorText ?? "";
-        if (!a || !e.some((h) => h.test(a))) continue;
-        n = !0;
-        for (const h of kn)
-          h.hints.some((d) => a.includes(d)) && (r |= h.flag);
-        if (r === Fe)
-          return { mask: r, sawStyleRule: !0 };
+        if (!a || !e.some((p) => p.test(a))) continue;
+        r = !0;
+        for (const p of Lr)
+          p.hints.some((f) => a.includes(f)) && (n |= p.flag);
+        if (n === $e)
+          return { mask: n, sawStyleRule: !0 };
       } else if ("cssRules" in s) {
-        const i = vt(s.cssRules, e);
-        if (i.mask && (r |= i.mask, r === Fe))
-          return { mask: r, sawStyleRule: !0 };
-        n ||= i.sawStyleRule;
+        const i = At(s.cssRules, e);
+        if (i.mask && (n |= i.mask, n === $e))
+          return { mask: n, sawStyleRule: !0 };
+        r ||= i.sawStyleRule;
       }
     }
   }
-  return { mask: r, sawStyleRule: n };
+  return { mask: n, sawStyleRule: r };
 }
-function Yn(t) {
+function eo(t) {
   return typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(t) : t.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
-function zn(t) {
+function to(t) {
   return t.replace(/[.*+?^${}()|[\]\\]/g, (e) => `\\${e}`);
 }
-const ze = "ikon_auth_session", Wn = 7 * 24 * 60 * 60 * 1e3, qn = 60 * 1e3;
-function Gn(t) {
+const qe = "ikon_auth_session", no = 7 * 24 * 60 * 60 * 1e3, ro = 60 * 1e3;
+function oo(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 - qn;
+    const n = JSON.parse(atob(e[1]));
+    return typeof n.exp != "number" ? !1 : Date.now() >= n.exp * 1e3 - ro;
   } catch {
     return !0;
   }
 }
-function Ae(t) {
+function Te(t) {
   try {
-    localStorage.setItem(ze, JSON.stringify(t));
+    localStorage.setItem(qe, JSON.stringify(t));
   } catch {
     console.warn("Failed to save auth session to localStorage");
   }
 }
-function Et() {
+function Tt() {
   try {
-    const t = localStorage.getItem(ze);
+    const t = localStorage.getItem(qe);
     if (!t) return null;
     const e = JSON.parse(t);
-    return Date.now() - e.authenticatedAt > Wn || Gn(e.token) ? (ve(), null) : e;
+    return Date.now() - e.authenticatedAt > no || oo(e.token) ? (Ee(), null) : e;
   } catch {
     return console.warn("Failed to load auth session from localStorage"), null;
   }
 }
-function ve() {
+function Ee() {
   try {
-    localStorage.removeItem(ze);
+    localStorage.removeItem(qe);
   } catch {
     console.warn("Failed to clear auth session from localStorage");
   }
 }
-function de(t) {
+function fe(t) {
   return {
     id: "",
     provider: t.provider,
@@ -2385,30 +2475,30 @@ function de(t) {
     authenticatedAt: t.authenticatedAt
   };
 }
-async function Rt(t, e) {
-  const r = xt(), n = await fetch(`${e}/anonymous`, {
+async function Ct(t, e) {
+  const n = $t(), r = await fetch(`${e}/anonymous`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({ deviceId: r, space: t })
+    body: JSON.stringify({ deviceId: n, space: t })
   });
-  if (!n.ok) {
-    const i = await n.text().catch(() => "Unknown error");
-    throw new Error(`Anonymous auth failed: ${n.status} ${i}`);
+  if (!r.ok) {
+    const i = await r.text().catch(() => "Unknown error");
+    throw new Error(`Anonymous auth failed: ${r.status} ${i}`);
   }
-  const { token: o } = await n.json(), s = {
+  const { token: o } = await r.json(), s = {
     token: o,
     provider: "anonymous",
     authenticatedAt: Date.now()
   };
-  return Ae(s), s;
+  return Te(s), s;
 }
-async function Oo(t) {
-  const { email: e, spaceId: r, authUrl: n, returnUrl: o = window.location.origin + window.location.pathname } = t, s = await fetch(`${n}/email/send`, {
+async function Bo(t) {
+  const { email: e, spaceId: n, authUrl: r, returnUrl: o = window.location.origin + window.location.pathname } = t, s = await fetch(`${r}/email/send`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify({
       email: e.trim(),
-      space: r,
+      space: n,
       return: o
     })
   });
@@ -2417,102 +2507,102 @@ async function Oo(t) {
     throw new Error(i);
   }
 }
-function Hn() {
-  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 so() {
+  const t = new URLSearchParams(window.location.search), e = t.get("ikon_token"), n = t.get("ikon_provider");
+  return e && n ? { token: e, provider: n } : null;
 }
-function Jn() {
+function io() {
   const e = new URLSearchParams(window.location.search).get("error");
   return e ? decodeURIComponent(e) : null;
 }
-function pt() {
+function gt() {
   window.history.replaceState({}, "", window.location.pathname);
 }
-function Xn(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)}`;
+function ao(t, e, n, r) {
+  const o = r ?? window.location.origin + window.location.pathname + window.location.search;
+  return `${n}/oauth/${t}?space=${encodeURIComponent(e)}&return=${encodeURIComponent(o)}`;
 }
-async function Zn(t) {
+async function co(t) {
   const e = await fetch(`${t}/passkey/registration/options`, {
     method: "POST",
     headers: { "Content-Type": "application/json" }
   });
   if (!e.ok) {
-    const r = await e.text().catch(() => "Failed to get registration options");
-    throw new Error(r);
+    const n = await e.text().catch(() => "Failed to get registration options");
+    throw new Error(n);
   }
   return e.json();
 }
-async function Qn(t, e, r) {
-  const n = await fetch(`${t}/passkey/registration/verify`, {
+async function uo(t, e, n) {
+  const r = await fetch(`${t}/passkey/registration/verify`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({ response: e, name: r })
+    body: JSON.stringify({ response: e, name: n })
   });
-  if (!n.ok) {
-    const i = await n.text().catch(() => "Registration verification failed");
+  if (!r.ok) {
+    const i = await r.text().catch(() => "Registration verification failed");
     throw new Error(i);
   }
-  const { token: o } = await n.json(), s = {
+  const { token: o } = await r.json(), s = {
     token: o,
     provider: "passkey",
     authenticatedAt: Date.now()
   };
-  return Ae(s), s;
+  return Te(s), s;
 }
-async function eo(t, e) {
-  const r = await fetch(`${t}/passkey/authentication/options`, {
+async function lo(t, e) {
+  const n = await fetch(`${t}/passkey/authentication/options`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify({ email: e })
   });
-  if (!r.ok) {
-    const n = await r.text().catch(() => "Failed to get authentication options");
-    throw new Error(n);
+  if (!n.ok) {
+    const r = await n.text().catch(() => "Failed to get authentication options");
+    throw new Error(r);
   }
-  return r.json();
+  return n.json();
 }
-async function to(t, e) {
-  const r = await fetch(`${t}/passkey/authentication/verify`, {
+async function fo(t, e) {
+  const n = await fetch(`${t}/passkey/authentication/verify`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify({ response: e })
   });
-  if (!r.ok) {
-    const s = await r.text().catch(() => "Authentication verification failed");
+  if (!n.ok) {
+    const s = await n.text().catch(() => "Authentication verification failed");
     throw new Error(s);
   }
-  const { token: n } = await r.json(), o = {
-    token: n,
+  const { token: r } = await n.json(), o = {
+    token: r,
     provider: "passkey",
     authenticatedAt: Date.now()
   };
-  return Ae(o), o;
+  return Te(o), o;
 }
 function X(t) {
   const e = new Uint8Array(t);
-  let r = "";
+  let n = "";
   for (const o of e)
-    r += String.fromCharCode(o);
-  return btoa(r).replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, "");
+    n += String.fromCharCode(o);
+  return btoa(n).replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, "");
 }
-function Ee(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);
+function Re(t) {
+  const e = t.replace(/-/g, "+").replace(/_/g, "/"), n = (4 - e.length % 4) % 4, r = e.padEnd(e.length + n, "="), o = atob(r), 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 We() {
-  return ro.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
+function He() {
+  return po.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
 }
-const ro = {
+const po = {
   stubThis: (t) => t
 };
-function kt(t) {
+function It(t) {
   const { id: e } = t;
   return {
     ...t,
-    id: Ee(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
@@ -2521,25 +2611,25 @@ function kt(t) {
     transports: t.transports
   };
 }
-function At(t) {
+function Ot(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 j extends Error {
-  constructor({ message: e, code: r, cause: n, name: o }) {
-    super(e, { cause: n }), Object.defineProperty(this, "code", {
+  constructor({ message: e, code: n, cause: r, name: o }) {
+    super(e, { cause: r }), Object.defineProperty(this, "code", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
       value: void 0
-    }), this.name = o ?? n.name, this.code = r;
+    }), this.name = o ?? r.name, this.code = n;
   }
 }
-function no({ error: t, options: e }) {
-  const { publicKey: r } = e;
-  if (!r)
+function ho({ error: t, options: e }) {
+  const { publicKey: n } = e;
+  if (!n)
     throw Error("options was missing required publicKey property");
   if (t.name === "AbortError") {
     if (e.signal instanceof AbortSignal)
@@ -2549,7 +2639,7 @@ function no({ error: t, options: e }) {
         cause: t
       });
   } else if (t.name === "ConstraintError") {
-    if (r.authenticatorSelection?.requireResidentKey === !0)
+    if (n.authenticatorSelection?.requireResidentKey === !0)
       return new j({
         message: "Discoverable credentials were required but no available authenticator supported it",
         code: "ERROR_AUTHENTICATOR_MISSING_DISCOVERABLE_CREDENTIAL_SUPPORT",
@@ -2557,14 +2647,14 @@ function no({ error: t, options: e }) {
       });
     if (
       // @ts-ignore: `mediation` doesn't yet exist on CredentialCreationOptions but it's possible as of Sept 2024
-      e.mediation === "conditional" && r.authenticatorSelection?.userVerification === "required"
+      e.mediation === "conditional" && n.authenticatorSelection?.userVerification === "required"
     )
       return new j({
         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")
+    if (n.authenticatorSelection?.userVerification === "required")
       return new j({
         message: "User verification was required but no available authenticator supported it",
         code: "ERROR_AUTHENTICATOR_MISSING_USER_VERIFICATION_SUPPORT",
@@ -2584,7 +2674,7 @@ function no({ error: t, options: e }) {
         cause: t
       });
     if (t.name === "NotSupportedError")
-      return r.pubKeyCredParams.filter((o) => o.type === "public-key").length === 0 ? new j({
+      return n.pubKeyCredParams.filter((o) => o.type === "public-key").length === 0 ? new j({
         message: 'No entry in pubKeyCredParams was of type "public-key"',
         code: "ERROR_MALFORMED_PUBKEYCREDPARAMS",
         cause: t
@@ -2594,11 +2684,11 @@ function no({ error: t, options: e }) {
         cause: t
       });
     if (t.name === "SecurityError") {
-      const n = globalThis.location.hostname;
-      if (At(n)) {
-        if (r.rp.id !== n)
+      const r = globalThis.location.hostname;
+      if (Ot(r)) {
+        if (n.rp.id !== r)
           return new j({
-            message: `The RP ID "${r.rp.id}" is invalid for this domain`,
+            message: `The RP ID "${n.rp.id}" is invalid for this domain`,
             code: "ERROR_INVALID_RP_ID",
             cause: t
           });
@@ -2608,7 +2698,7 @@ function no({ error: t, options: e }) {
         cause: t
       });
     } else if (t.name === "TypeError") {
-      if (r.user.id.byteLength < 1 || r.user.id.byteLength > 64)
+      if (n.user.id.byteLength < 1 || n.user.id.byteLength > 64)
         return new j({
           message: "User ID was not between 1 and 64 characters",
           code: "ERROR_INVALID_USER_ID_LENGTH",
@@ -2623,7 +2713,7 @@ function no({ error: t, options: e }) {
   }
   return t;
 }
-class oo {
+class mo {
   constructor() {
     Object.defineProperty(this, "controller", {
       enumerable: !0,
@@ -2634,8 +2724,8 @@ class oo {
   }
   createNewAbortSignal() {
     if (this.controller) {
-      const r = new Error("Cancelling existing WebAuthn API call for new one");
-      r.name = "AbortError", this.controller.abort(r);
+      const n = new Error("Cancelling existing WebAuthn API call for new one");
+      n.name = "AbortError", this.controller.abort(n);
     }
     const e = new AbortController();
     return this.controller = e, e.signal;
@@ -2647,43 +2737,43 @@ class oo {
     }
   }
 }
-const Tt = new oo(), so = ["cross-platform", "platform"];
-function Ct(t) {
-  if (t && !(so.indexOf(t) < 0))
+const Nt = new mo(), go = ["cross-platform", "platform"];
+function _t(t) {
+  if (t && !(go.indexOf(t) < 0))
     return t;
 }
-async function io(t) {
+async function yo(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 (!We())
+  const { optionsJSON: e, useAutoRegister: n = !1 } = t;
+  if (!He())
     throw new Error("WebAuthn is not supported in this browser");
-  const n = {
+  const r = {
     ...e,
-    challenge: Ee(e.challenge),
+    challenge: Re(e.challenge),
     user: {
       ...e.user,
-      id: Ee(e.user.id)
+      id: Re(e.user.id)
     },
-    excludeCredentials: e.excludeCredentials?.map(kt)
+    excludeCredentials: e.excludeCredentials?.map(It)
   }, o = {};
-  r && (o.mediation = "conditional"), o.publicKey = n, o.signal = Tt.createNewAbortSignal();
+  n && (o.mediation = "conditional"), o.publicKey = r, o.signal = Nt.createNewAbortSignal();
   let s;
   try {
     s = await navigator.credentials.create(o);
   } catch (m) {
-    throw no({ error: m, options: o });
+    throw ho({ error: m, options: o });
   }
   if (!s)
     throw new Error("Registration was not completed");
-  const { id: i, rawId: a, response: c, type: h } = s;
-  let d;
-  typeof c.getTransports == "function" && (d = c.getTransports());
+  const { id: i, rawId: a, response: c, type: p } = s;
+  let f;
+  typeof c.getTransports == "function" && (f = c.getTransports());
   let l;
   if (typeof c.getPublicKeyAlgorithm == "function")
     try {
       l = c.getPublicKeyAlgorithm();
     } catch (m) {
-      Pe("getPublicKeyAlgorithm()", m);
+      Me("getPublicKeyAlgorithm()", m);
     }
   let u;
   if (typeof c.getPublicKey == "function")
@@ -2691,14 +2781,14 @@ async function io(t) {
       const m = c.getPublicKey();
       m !== null && (u = X(m));
     } catch (m) {
-      Pe("getPublicKey()", m);
+      Me("getPublicKey()", m);
     }
-  let p;
+  let d;
   if (typeof c.getAuthenticatorData == "function")
     try {
-      p = X(c.getAuthenticatorData());
+      d = X(c.getAuthenticatorData());
     } catch (m) {
-      Pe("getAuthenticatorData()", m);
+      Me("getAuthenticatorData()", m);
     }
   return {
     id: i,
@@ -2706,32 +2796,32 @@ async function io(t) {
     response: {
       attestationObject: X(c.attestationObject),
       clientDataJSON: X(c.clientDataJSON),
-      transports: d,
+      transports: f,
       publicKeyAlgorithm: l,
       publicKey: u,
-      authenticatorData: p
+      authenticatorData: d
     },
-    type: h,
+    type: p,
     clientExtensionResults: s.getClientExtensionResults(),
-    authenticatorAttachment: Ct(s.authenticatorAttachment)
+    authenticatorAttachment: _t(s.authenticatorAttachment)
   };
 }
-function Pe(t, e) {
+function Me(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 ao() {
-  if (!We())
-    return Me.stubThis(new Promise((e) => e(!1)));
+function bo() {
+  if (!He())
+    return Le.stubThis(new Promise((e) => e(!1)));
   const t = globalThis.PublicKeyCredential;
-  return t?.isConditionalMediationAvailable === void 0 ? Me.stubThis(new Promise((e) => e(!1))) : Me.stubThis(t.isConditionalMediationAvailable());
+  return t?.isConditionalMediationAvailable === void 0 ? Le.stubThis(new Promise((e) => e(!1))) : Le.stubThis(t.isConditionalMediationAvailable());
 }
-const Me = {
+const Le = {
   stubThis: (t) => t
 };
-function co({ error: t, options: e }) {
-  const { publicKey: r } = e;
-  if (!r)
+function So({ error: t, options: e }) {
+  const { publicKey: n } = e;
+  if (!n)
     throw Error("options was missing required publicKey property");
   if (t.name === "AbortError") {
     if (e.signal instanceof AbortSignal)
@@ -2748,11 +2838,11 @@ function co({ error: t, options: e }) {
         cause: t
       });
     if (t.name === "SecurityError") {
-      const n = globalThis.location.hostname;
-      if (At(n)) {
-        if (r.rpId !== n)
+      const r = globalThis.location.hostname;
+      if (Ot(r)) {
+        if (n.rpId !== r)
           return new j({
-            message: `The RP ID "${r.rpId}" is invalid for this domain`,
+            message: `The RP ID "${n.rpId}" is invalid for this domain`,
             code: "ERROR_INVALID_RP_ID",
             cause: t
           });
@@ -2770,96 +2860,96 @@ function co({ error: t, options: e }) {
   }
   return t;
 }
-async function uo(t) {
+async function wo(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 (!We())
+  const { optionsJSON: e, useBrowserAutofill: n = !1, verifyBrowserAutofillInput: r = !0 } = t;
+  if (!He())
     throw new Error("WebAuthn is not supported in this browser");
   let o;
-  e.allowCredentials?.length !== 0 && (o = e.allowCredentials?.map(kt));
+  e.allowCredentials?.length !== 0 && (o = e.allowCredentials?.map(It));
   const s = {
     ...e,
-    challenge: Ee(e.challenge),
+    challenge: Re(e.challenge),
     allowCredentials: o
   }, i = {};
-  if (r) {
-    if (!await ao())
+  if (n) {
+    if (!await bo())
       throw Error("Browser does not support WebAuthn autofill");
-    if (document.querySelectorAll("input[autocomplete$='webauthn']").length < 1 && n)
+    if (document.querySelectorAll("input[autocomplete$='webauthn']").length < 1 && r)
       throw Error('No <input> with "webauthn" as the only or last value in its `autocomplete` attribute was detected');
     i.mediation = "conditional", s.allowCredentials = [];
   }
-  i.publicKey = s, i.signal = Tt.createNewAbortSignal();
+  i.publicKey = s, i.signal = Nt.createNewAbortSignal();
   let a;
   try {
     a = await navigator.credentials.get(i);
-  } catch (p) {
-    throw co({ error: p, options: i });
+  } catch (d) {
+    throw So({ error: d, options: i });
   }
   if (!a)
     throw new Error("Authentication was not completed");
-  const { id: c, rawId: h, response: d, type: l } = a;
+  const { id: c, rawId: p, response: f, type: l } = a;
   let u;
-  return d.userHandle && (u = X(d.userHandle)), {
+  return f.userHandle && (u = X(f.userHandle)), {
     id: c,
-    rawId: X(h),
+    rawId: X(p),
     response: {
-      authenticatorData: X(d.authenticatorData),
-      clientDataJSON: X(d.clientDataJSON),
-      signature: X(d.signature),
+      authenticatorData: X(f.authenticatorData),
+      clientDataJSON: X(f.clientDataJSON),
+      signature: X(f.signature),
       userHandle: u
     },
     type: l,
     clientExtensionResults: a.getClientExtensionResults(),
-    authenticatorAttachment: Ct(a.authenticatorAttachment)
+    authenticatorAttachment: _t(a.authenticatorAttachment)
   };
 }
-const qe = mt(null);
-function No({ children: t, config: e }) {
-  const [r, n] = J({
+const Ge = yt(null);
+function Fo({ children: t, config: e }) {
+  const [n, r] = Y({
     isAuthenticated: !1,
     isLoading: !0,
     user: null,
     error: null
   });
-  U(() => {
+  N(() => {
     (() => {
-      const d = Jn();
-      if (d) {
-        pt(), n({
+      const f = io();
+      if (f) {
+        gt(), r({
           isAuthenticated: !1,
           isLoading: !1,
           user: null,
-          error: d
+          error: f
         });
         return;
       }
-      const l = Hn();
+      const l = so();
       if (l) {
-        const p = {
+        const d = {
           token: l.token,
           provider: l.provider,
           authenticatedAt: Date.now()
         };
-        Ae(p), pt(), n({
+        Te(d), gt(), r({
           isAuthenticated: !0,
           isLoading: !1,
-          user: de(p),
+          user: fe(d),
           error: null
         });
         return;
       }
-      const u = Et();
+      const u = Tt();
       if (u) {
-        n({
+        r({
           isAuthenticated: !0,
           isLoading: !1,
-          user: de(u),
+          user: fe(u),
           error: null
         });
         return;
       }
-      n({
+      r({
         isAuthenticated: !1,
         isLoading: !1,
         user: null,
@@ -2868,27 +2958,27 @@ function No({ children: t, config: e }) {
     })();
   }, []);
   const o = D(
-    async (h) => {
+    async (p) => {
       if (!e.spaceId) {
-        n((l) => ({
+        r((l) => ({
           ...l,
           error: "Space ID is not configured"
         }));
         return;
       }
-      const d = Le(e.authUrl);
-      if (h === "guest") {
-        n((l) => ({ ...l, isLoading: !0 }));
+      const f = xe(e.authUrl);
+      if (p === "guest") {
+        r((l) => ({ ...l, isLoading: !0 }));
         try {
-          const l = await Rt(e.spaceId, d);
-          n({
+          const l = await Ct(e.spaceId, f);
+          r({
             isAuthenticated: !0,
             isLoading: !1,
-            user: de(l),
+            user: fe(l),
             error: null
           });
         } catch (l) {
-          n((u) => ({
+          r((u) => ({
             ...u,
             isLoading: !1,
             error: l instanceof Error ? l.message : "Guest login failed"
@@ -2896,18 +2986,18 @@ function No({ children: t, config: e }) {
         }
         return;
       }
-      if (h === "passkey") {
-        n((l) => ({ ...l, isLoading: !0, error: null }));
+      if (p === "passkey") {
+        r((l) => ({ ...l, isLoading: !0, error: null }));
         try {
-          const l = await eo(d), u = await uo({ optionsJSON: l }), p = await to(d, u);
-          n({
+          const l = await lo(f), u = await wo({ optionsJSON: l }), d = await fo(f, u);
+          r({
             isAuthenticated: !0,
             isLoading: !1,
-            user: de(p),
+            user: fe(d),
             error: null
           });
         } catch (l) {
-          n((u) => ({
+          r((u) => ({
             ...u,
             isLoading: !1,
             error: l instanceof Error ? l.message : "Passkey login failed"
@@ -2915,30 +3005,30 @@ function No({ children: t, config: e }) {
         }
         return;
       }
-      window.location.href = Xn(h, e.spaceId, d);
+      window.location.href = ao(p, e.spaceId, f);
     },
     [e.authUrl, e.spaceId]
   ), s = D(() => {
-    ve(), n({
+    Ee(), r({
       isAuthenticated: !1,
       isLoading: !1,
       user: null,
       error: null
     });
   }, []), i = D(
-    async (h) => {
-      const d = Le(e.authUrl);
-      n((l) => ({ ...l, isLoading: !0, error: null }));
+    async (p) => {
+      const f = xe(e.authUrl);
+      r((l) => ({ ...l, isLoading: !0, error: null }));
       try {
-        const l = await Zn(d), u = await io({ optionsJSON: l }), p = await Qn(d, u, h);
-        n({
+        const l = await co(f), u = await yo({ optionsJSON: l }), d = await uo(f, u, p);
+        r({
           isAuthenticated: !0,
           isLoading: !1,
-          user: de(p),
+          user: fe(d),
           error: null
         });
       } catch (l) {
-        n((u) => ({
+        r((u) => ({
           ...u,
           isLoading: !1,
           error: l instanceof Error ? l.message : "Passkey registration failed"
@@ -2946,127 +3036,127 @@ function No({ children: t, config: e }) {
       }
     },
     [e.authUrl]
-  ), a = D(() => r.user?.token ?? null, [r.user]), c = V(
+  ), a = D(() => n.user?.token ?? null, [n.user]), c = K(
     () => ({
-      state: r,
+      state: n,
       login: o,
       logout: s,
       getToken: a,
       registerPasskey: i
     }),
-    [r, o, s, a, i]
+    [n, o, s, a, i]
   );
-  return /* @__PURE__ */ R.jsx(qe, { value: c, children: t });
+  return /* @__PURE__ */ E.jsx(Ge, { value: c, children: t });
 }
-function lo() {
-  const t = Ve(qe);
+function vo() {
+  const t = Ye(Ge);
   if (!t)
     throw new Error("useAuth must be used within an AuthProvider");
   return t;
 }
-function fo() {
-  return Ve(qe);
+function Eo() {
+  return Ye(Ge);
 }
-function _o(t) {
-  const { config: e, guestUrlParam: r } = t, { state: n, login: o } = lo(), s = w(!1);
-  return U(() => {
-    if (!r || n.isAuthenticated || n.isLoading || s.current || !e.methods.includes("guest"))
+function $o(t) {
+  const { config: e, guestUrlParam: n } = t, { state: r, login: o } = vo(), s = v(!1);
+  return N(() => {
+    if (!n || r.isAuthenticated || r.isLoading || s.current || !e.methods.includes("guest"))
       return;
-    const i = new URLSearchParams(window.location.search), a = i.get(r);
+    const i = new URLSearchParams(window.location.search), a = i.get(n);
     if (a === "true" || a === "1" || a === "") {
-      i.delete(r);
-      const c = i.toString(), h = window.location.pathname + (c ? `?${c}` : "");
-      window.history.replaceState({}, "", h), s.current = !0, o("guest");
+      i.delete(n);
+      const c = i.toString(), p = window.location.pathname + (c ? `?${c}` : "");
+      window.history.replaceState({}, "", p), s.current = !0, o("guest");
     }
-  }, [r, n.isAuthenticated, n.isLoading, e.methods, o]), {
-    shouldRenderChildren: n.isAuthenticated,
-    isCheckingAuth: n.isLoading,
-    isAuthenticated: n.isAuthenticated,
-    error: n.error
+  }, [n, r.isAuthenticated, r.isLoading, e.methods, o]), {
+    shouldRenderChildren: r.isAuthenticated,
+    isCheckingAuth: r.isLoading,
+    isAuthenticated: r.isAuthenticated,
+    error: r.error
   };
 }
-function Po({
+function Vo({
   connectionState: t,
   error: e,
-  isReady: r,
-  stores: n,
+  isReady: n,
+  stores: r,
   registry: o,
   client: s,
   onAction: i,
   renderIdle: a,
   renderConnecting: c,
-  renderConnectingSlow: h,
-  renderConnected: d,
+  renderConnectingSlow: p,
+  renderConnected: f,
   renderOffline: l,
   renderError: u
 }) {
-  const p = w(!1);
+  const d = v(!1);
   switch (t) {
     case "idle":
       return a();
     case "connecting":
       return c();
     case "connectingSlow":
-      return h();
+      return p();
     case "connected":
     case "reconnecting": {
-      if (!r || !n || !o) return null;
-      t === "reconnecting" && (p.current = !0);
-      const m = n.size > 0;
-      return m && (p.current = !1), d({
-        stores: n,
+      if (!n || !r || !o) return null;
+      t === "reconnecting" && (d.current = !0);
+      const m = r.size > 0;
+      return m && (d.current = !1), f({
+        stores: r,
         registry: o,
         client: s,
         onAction: i,
-        isReconnecting: t === "reconnecting" || p.current && !m
+        isReconnecting: t === "reconnecting" || d.current && !m
       });
     }
     case "offline":
-      return p.current = !1, l();
+      return d.current = !1, l();
     case "offlineError":
-      return p.current = !1, u(e ?? s?.lastError?.message ?? null);
+      return d.current = !1, u(e ?? s?.lastError?.message ?? null);
     default:
       return null;
   }
 }
-const be = Re("useIkonApp");
-function ho() {
+const be = ke("useIkonApp");
+function Ro() {
   if (typeof window < "u" && window.__IKON_AUTH_CONFIG__)
     return window.__IKON_AUTH_CONFIG__;
 }
-function po() {
+function ko() {
   if (typeof window < "u" && window.__IKON_LOCAL_IKON_SERVER_CONFIG__)
     return window.__IKON_LOCAL_IKON_SERVER_CONFIG__;
 }
-function Mo(t) {
-  const { authConfig: e, modules: r, timeouts: n, backgroundAudio: o, webRtc: s, audio: i, video: a, websocket: c, webtransport: h, proxy: d } = t, l = e === void 0 ? ho() ?? null : e, u = po(), p = fo(), m = w(null), b = w(null), g = w(null), y = w(!1), v = w(!1), E = w(o), T = w(n), O = w(s), K = w(i), Q = w(a), C = w(c), _ = w(h), x = w(d);
-  E.current = o, T.current = n, O.current = s, K.current = i, Q.current = a, C.current = c, _.current = h, x.current = d;
-  const [P, F] = J("idle"), [z, ne] = J(null), [he, pe] = J(null), [se, me] = J(null), [ee, f] = J(null), [S, A] = J(!1), [M, W] = J(0), I = V(() => {
+function Ko(t) {
+  const { authConfig: e, modules: n, timeouts: r, backgroundAudio: o, webRtc: s, audio: i, video: a, websocket: c, webtransport: p, proxy: f } = t, l = e === void 0 ? Ro() ?? null : e, u = ko(), d = Eo(), m = v(null), b = v(null), g = v(null), y = v(!1), w = v(!1), T = v(o), C = v(r), _ = v(s), B = v(i), Q = v(a), A = v(c), P = v(p), U = v(f);
+  T.current = o, C.current = r, _.current = s, B.current = i, Q.current = a, A.current = c, P.current = p, U.current = f;
+  const [M, F] = Y("idle"), [W, re] = Y(null), [pe, he] = Y(null), [ie, me] = Y(null), [ee, h] = Y(null), [S, k] = Y(!1), [L, q] = Y(0), I = K(() => {
     try {
-      const L = Dt();
-      return (L.sessionId || L.channelKey) && Ft(), L;
+      const x = Vt();
+      return (x.sessionId || x.channelKey) && Kt(), x;
     } catch {
       return { parameters: {} };
     }
-  }, []), q = V(() => l?.enabled ? Et() : null, [l?.enabled, M]), te = u?.enabled ?? !1, N = u?.host ?? "localhost", G = u?.port ?? 8443;
-  U(() => {
-    !te && Ge() && l && !l.enabled && l.spaceId && !ee && !S && (A(!0), Rt(l.spaceId, Le(l.authUrl)).then(($) => {
-      f($.token);
-    }).catch(($) => {
-      be.error("Anonymous auth failed:", $), ne($ instanceof Error ? $.message : "Anonymous auth failed");
+  }, []), H = K(() => l?.enabled ? Tt() : null, [l?.enabled, L]), te = u?.enabled ?? !1, O = u?.host ?? "localhost", G = u?.port ?? 8443;
+  N(() => {
+    !te && Je() && l && !l.enabled && l.spaceId && !ee && !S && (k(!0), Ct(l.spaceId, xe(l.authUrl)).then((V) => {
+      h(V.token);
+    }).catch((V) => {
+      be.error("Anonymous auth failed:", V), re(V instanceof Error ? V.message : "Anonymous auth failed");
     }).finally(() => {
-      A(!1);
+      k(!1);
     }));
   }, [te, l, ee, S]);
-  const re = V(() => {
+  const ne = K(() => {
     if (te) {
-      const L = q?.token ? Bt(q.token) ?? void 0 : void 0;
+      const x = H?.token ? Yt(H.token) ?? void 0 : void 0;
       return {
         local: {
-          host: N,
+          host: O,
           httpsPort: G,
-          userId: L,
-          token: q?.token ?? void 0,
+          userId: x,
+          token: H?.token ?? void 0,
           spaceId: l?.spaceId,
           backendUrl: l?.backendUrl,
           authUrl: l?.authUrl,
@@ -3074,11 +3164,11 @@ function Mo(t) {
         }
       };
     }
-    return q?.token && l?.spaceId ? {
+    return H?.token && l?.spaceId ? {
       sessionToken: {
-        token: q.token,
+        token: H.token,
         spaceId: l.spaceId,
-        backendType: He(),
+        backendType: Xe(),
         sessionId: I.sessionId,
         channelKey: I.channelKey,
         parameters: I.parameters
@@ -3087,14 +3177,14 @@ function Mo(t) {
       sessionToken: {
         token: ee,
         spaceId: l.spaceId,
-        backendType: He(),
+        backendType: Xe(),
         sessionId: I.sessionId,
         channelKey: I.channelKey,
         parameters: I.parameters
       }
-    } : Ge() ? null : {
+    } : Je() ? null : {
       local: {
-        host: N,
+        host: O,
         httpsPort: G,
         spaceId: l?.spaceId,
         backendUrl: l?.backendUrl,
@@ -3102,105 +3192,105 @@ function Mo(t) {
         parameters: I.parameters
       }
     };
-  }, [te, N, G, q?.token, l?.spaceId, l?.backendUrl, l?.authUrl, ee, I.sessionId, I.channelKey, I.parameters]);
-  rn(se);
-  const Te = on(se);
-  U(() => {
+  }, [te, O, G, H?.token, l?.spaceId, l?.backendUrl, l?.authUrl, ee, I.sessionId, I.channelKey, I.parameters]);
+  pr(ie);
+  const Ce = mr(ie);
+  N(() => {
     if (!y.current) {
-      if (y.current = !0, g.current = Gr(), r)
-        for (const L of r)
-          L(g.current);
-      g.current.loadRegisteredModules().catch((L) => {
-        be.error("Failed to load UI modules", L);
+      if (y.current = !0, g.current = sr(), n)
+        for (const x of n)
+          x(g.current);
+      g.current.loadRegisteredModules().catch((x) => {
+        be.error("Failed to load UI modules", x);
       });
     }
-  }, []), U(() => {
-    if (!re) return;
-    const L = new $t({
-      ...re,
-      timeouts: T.current,
-      audio: K.current !== void 0 || E.current ? {
-        enabled: K.current,
-        ...E.current ? { background: { allowOnDesktop: !0, allowOnMobile: !0 } } : {}
+  }, []), N(() => {
+    if (!ne) return;
+    const x = new zt({
+      ...ne,
+      timeouts: C.current,
+      audio: B.current !== void 0 || T.current ? {
+        enabled: B.current,
+        ...T.current ? { background: { allowOnDesktop: !0, allowOnMobile: !0 } } : {}
       } : void 0,
       video: Q.current !== void 0 ? { enabled: Q.current } : void 0,
       mediaSession: { title: document.title || void 0, artist: document.title || void 0 },
-      webRtc: O.current ? { enabled: !0 } : void 0,
-      websocket: C.current,
-      webtransport: _.current,
-      proxy: x.current,
-      onConnectionStateChange: (H) => {
-        F(H);
+      webRtc: _.current === !1 ? { enabled: !1 } : void 0,
+      websocket: A.current,
+      webtransport: P.current,
+      proxy: U.current,
+      onConnectionStateChange: (J) => {
+        F(J);
       },
-      onError: (H) => {
-        ne(H.message);
+      onError: (J) => {
+        re(J.message);
       }
     });
-    m.current = L;
-    const $ = new ur({ client: L });
-    return b.current = $, me($), L.connect().catch((H) => {
-      if (be.error("Connection failed:", H), H instanceof Vt) {
-        pe(H.reason);
+    m.current = x;
+    const V = new hn({ client: x });
+    return b.current = V, me(V), x.connect().catch((J) => {
+      if (be.error("Connection failed:", J), J instanceof Wt) {
+        he(J.reason);
         return;
       }
-      H instanceof Kt && !v.current && (v.current = !0, be.warn("Auth session appears stale, clearing and retrying"), p ? p.logout() : (ve(), W((_t) => _t + 1)));
+      J instanceof qt && !w.current && (w.current = !0, be.warn("Auth session appears stale, clearing and retrying"), d ? d.logout() : (Ee(), q((xt) => xt + 1)));
     }), () => {
-      L.disconnect(), m.current = null, $.dispose(), b.current = null;
+      x.disconnect(), m.current = null, V.dispose(), b.current = null;
     };
-  }, [re]);
-  const Ot = D((L, $) => {
-    const H = typeof $ == "string" ? $ : JSON.stringify($ ?? {});
-    m.current?.sendActionCall(L, H);
-  }, []), Nt = P === "connected" || P === "reconnecting";
+  }, [ne]);
+  const Mt = D((x, V) => {
+    const J = typeof V == "string" ? V : JSON.stringify(V ?? {});
+    m.current?.sendActionCall(x, J);
+  }, []), Lt = M === "connected" || M === "reconnecting";
   return {
-    connectionState: P,
-    error: z,
-    accessDeniedReason: he,
-    stores: Te,
+    connectionState: M,
+    error: W,
+    accessDeniedReason: pe,
+    stores: Ce,
     client: m.current,
     registry: g.current,
     clientRef: m,
     uiRef: b,
     registryRef: g,
-    onAction: Ot,
-    isReady: Nt,
+    onAction: Mt,
+    isReady: Lt,
     webRtcVideoStreams: m.current?.webRtcVideoStreams ?? /* @__PURE__ */ new Map(),
     webRtcTrackMap: m.current?.webRtcTrackMap ?? /* @__PURE__ */ new Map()
   };
 }
-function Lo(t) {
-  const e = w(!1);
+function Yo(t) {
+  const e = v(!1);
   return D(() => {
     if (e.current) return;
     e.current = !0;
-    const r = document.createElement("link");
-    r.rel = "stylesheet", r.href = t, document.head.appendChild(r);
+    const n = document.createElement("link");
+    n.rel = "stylesheet", n.href = t, document.head.appendChild(n);
   }, [t]);
 }
-let mo = 0;
-function jo(t = 5, e = 5e3) {
-  const [r, n] = J([]), o = w(/* @__PURE__ */ new Map()), s = D((i) => {
+let Ao = 0;
+function zo(t = 5, e = 5e3) {
+  const [n, r] = Y([]), o = v(/* @__PURE__ */ new Map()), s = D((i) => {
     const a = o.current.get(i);
-    a && (clearTimeout(a), o.current.delete(i)), n((c) => c.filter((h) => h.id !== i));
+    a && (clearTimeout(a), o.current.delete(i)), r((c) => c.filter((p) => p.id !== i));
   }, []);
-  return U(() => {
-    const i = o.current, a = Yt(
+  return N(() => {
+    const i = o.current, a = Ht(
       (c) => {
-        if (!zt())
+        if (!Gt())
           return;
-        const h = `toast-${++mo}`, d = c.level === Je.ERROR ? "error" : "warn", l = {
-          id: h,
-          level: d,
+        const p = `toast-${++Ao}`, f = c.level === Ze.ERROR ? "error" : "warn", l = {
+          id: p,
+          level: f,
           message: c.message,
           component: c.component
         };
-        n((p) => [...p, l].slice(-t));
+        r((d) => [...d, l].slice(-t));
         const u = setTimeout(() => {
-          s(h);
+          s(p);
         }, e);
-        i.set(h, u);
+        i.set(p, u);
       },
-      { minLevel: Je.WARN }
+      { minLevel: Ze.WARN }
     );
     return () => {
       a();
@@ -3208,103 +3298,103 @@ function jo(t = 5, e = 5e3) {
         clearTimeout(c);
       i.clear();
     };
-  }, [t, e, s]), { toasts: r, dismissToast: s };
+  }, [t, e, s]), { toasts: n, dismissToast: s };
 }
-const It = mt(null);
-function go(t, e) {
-  return e ? t.replace(/\{(\w+)\}/g, (r, n) => e[n] ?? `{${n}}`) : t;
+const Pt = yt(null);
+function To(t, e) {
+  return e ? t.replace(/\{(\w+)\}/g, (n, r) => e[r] ?? `{${r}}`) : t;
 }
-function yo(t, e) {
-  const r = Wt();
-  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 Co(t, e) {
+  const n = Jt();
+  if (n && t.includes(n))
+    return n;
+  const r = navigator.language.split("-")[0];
+  return t.includes(r) ? r : e && t.includes(e) ? e : "en";
 }
-function bo(t, e, r) {
-  return e ? yo(t, r) : r && t.includes(r) ? r : "en";
+function Io(t, e, n) {
+  return e ? Co(t, n) : n && t.includes(n) ? n : "en";
 }
-function Uo({
+function Wo({
   children: t,
   translations: e,
-  defaultLanguage: r,
-  detectLanguage: n = !1
+  defaultLanguage: n,
+  detectLanguage: r = !1
 }) {
-  const o = Object.keys(e), s = bo(o, n, r), i = e[s] ?? e.en, a = V(
+  const o = Object.keys(e), s = Io(o, r, n), i = e[s] ?? e.en, a = K(
     () => ({
-      t: (c, h) => {
-        const d = i[c];
-        return go(d, h);
+      t: (c, p) => {
+        const f = i[c];
+        return To(f, p);
       },
       locale: s,
       translations: i
     }),
     [i, s]
   );
-  return /* @__PURE__ */ R.jsx(It, { value: a, children: t });
+  return /* @__PURE__ */ E.jsx(Pt, { value: a, children: t });
 }
-function xo() {
-  const t = Ve(It);
+function qo() {
+  const t = Ye(Pt);
   if (!t)
     throw new Error("useI18n must be used within an I18nProvider");
   return t;
 }
 export {
-  No as AuthProvider,
-  Po as ConnectionStateRenderer,
-  Uo as I18nProvider,
-  yr as IKON_UI_BASE_MODULE,
-  Or as IKON_UI_MEDIA_MODULE,
-  Yr as IKON_UI_SHADERTOY_MODULE,
-  Vr as IKON_UI_SHADERTOY_TYPE,
+  Fo as AuthProvider,
+  Vo as ConnectionStateRenderer,
+  Wo as I18nProvider,
+  In as IKON_UI_BASE_MODULE,
+  Fn as IKON_UI_MEDIA_MODULE,
+  tr as IKON_UI_SHADERTOY_MODULE,
+  Qn as IKON_UI_SHADERTOY_TYPE,
   Ue as IKON_UI_STREAM_CATEGORY,
-  kr as IKON_UI_VIDEO_CANVAS_TYPE,
-  Ar as IKON_UI_VIDEO_URL_PLAYER_TYPE,
-  ur as IkonUi,
-  qr as IkonUiRegistry,
-  ko as IkonUiSurface,
-  ar as InspectOverlay,
-  ir as UiComponentRegistry,
-  sr as UiRenderer,
-  Bo as UiStreamStore,
-  Ao as areIkonUiModuleListsEqual,
-  Rt as authenticateAnonymous,
-  Xn as buildOAuthRedirectUrl,
-  ve as clearAuthSession,
-  pt as clearOAuthParams,
-  gr as createBaseResolvers,
-  Eo as createComponentLibrary,
-  Gr as createIkonUiRegistry,
-  Cr as createMediaResolvers,
-  Kr as createShadertoyRendererResolver,
-  cr as isIkonUiCategoryMatch,
-  Et as loadAuthSession,
-  br as loadBaseModule,
-  Nr as loadMediaModule,
-  zr as loadShadertoyModule,
-  En as normalizeIkonUiModuleList,
-  Co as parseIkonUiInitPayload,
-  Hn as parseOAuthCallback,
-  Jn as parseOAuthError,
-  Rn as readIkonUiModules,
-  To as readIkonUiModulesFromSources,
-  Sr as registerBaseModule,
-  _r as registerMediaModule,
-  Wr as registerShadertoyModule,
-  nr as renderChildren,
-  Io as renderMotionLetters,
-  Ae as saveAuthSession,
-  Oo as sendMagicLink,
-  de as sessionToUser,
-  lo as useAuth,
-  _o as useAuthGuard,
-  fo as useAuthOptional,
-  xo as useI18n,
-  Mo as useIkonApp,
-  rn as useIkonStyles,
-  on as useIkonUiStores,
-  Lo as useLazyFont,
-  jo as useToasts,
+  xn as IKON_UI_VIDEO_CANVAS_TYPE,
+  jn as IKON_UI_VIDEO_URL_PLAYER_TYPE,
+  hn as IkonUi,
+  or as IkonUiRegistry,
+  Lo as IkonUiSurface,
+  fn as InspectOverlay,
+  dn as UiComponentRegistry,
+  ln as UiRenderer,
+  Jo as UiStreamStore,
+  xo as areIkonUiModuleListsEqual,
+  Ct as authenticateAnonymous,
+  ao as buildOAuthRedirectUrl,
+  Ee as clearAuthSession,
+  gt as clearOAuthParams,
+  Cn as createBaseResolvers,
+  Po as createComponentLibrary,
+  sr as createIkonUiRegistry,
+  Dn as createMediaResolvers,
+  er as createShadertoyRendererResolver,
+  pn as isIkonUiCategoryMatch,
+  Tt as loadAuthSession,
+  On as loadBaseModule,
+  $n as loadMediaModule,
+  nr as loadShadertoyModule,
+  Pr as normalizeIkonUiModuleList,
+  Uo as parseIkonUiInitPayload,
+  so as parseOAuthCallback,
+  io as parseOAuthError,
+  Mr as readIkonUiModules,
+  jo as readIkonUiModulesFromSources,
+  Nn as registerBaseModule,
+  Vn as registerMediaModule,
+  rr as registerShadertoyModule,
+  cn as renderChildren,
+  Do as renderMotionLetters,
+  Te as saveAuthSession,
+  Bo as sendMagicLink,
+  fe as sessionToUser,
+  vo as useAuth,
+  $o as useAuthGuard,
+  Eo as useAuthOptional,
+  qo as useI18n,
+  Ko as useIkonApp,
+  pr as useIkonStyles,
+  mr as useIkonUiStores,
+  Yo as useLazyFont,
+  zo as useToasts,
   Z as useUiNode,
-  Ro as useUiStore
+  Mo as useUiStore
 };