@ikonai/sdk-react-ui 1.0.56 → 1.0.58

package/index.js

@@ -1,8 +1,8 @@
-import { IkonUiCore as Dt, UiStreamStore as Bt } from "@ikonai/sdk-ui";
-import { UiStreamStore as ns } from "@ikonai/sdk-ui";
-import Ft, { useSyncExternalStore as Ve, useMemo as V, memo as Y, useRef as v, useCallback as U, Fragment as $t, useEffect as N, useState as $, use as Ke, createContext as gt } from "react";
-import { createLogger as fe, isInspectModeEnabled as Vt, getOrCreateDeviceId as Kt, deriveAuthUrl as de, parseUrlParams as zt, clearSessionParamsFromUrl as Yt, isCloudEnvironment as Ge, extractUserIdFromToken as Wt, deriveBackendType as Je, IkonClient as Ht, AccessDeniedError as qt, AuthenticationError as Gt, subscribeToLogEvents as Jt, isDebugModeEnabled as Xt, LogLevel as Xe, getLangParam as Zt } from "@ikonai/sdk";
-var Se = { exports: {} }, ie = {};
+import { IkonUiCore as Vt, UiStreamStore as Kt } from "@ikonai/sdk-ui";
+import { UiStreamStore as ws } from "@ikonai/sdk-ui";
+import Yt, { useSyncExternalStore as Ye, useMemo as K, memo as z, useRef as E, useCallback as D, Fragment as zt, useEffect as C, useState as j, use as ze, createContext as bt } from "react";
+import { createLogger as re, isInspectModeEnabled as Wt, getOrCreateDeviceId as Ht, deriveAuthUrl as he, parseUrlParams as qt, clearSessionParamsFromUrl as Gt, isCloudEnvironment as Xe, extractUserIdFromToken as Jt, deriveBackendType as Ze, IkonClient as Xt, AccessDeniedError as Zt, AuthenticationError as Qt, subscribeToLogEvents as en, isDebugModeEnabled as St, LogLevel as Qe, getLangParam as tn } from "@ikonai/sdk";
+var Se = { exports: {} }, ce = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -12,12 +12,12 @@ var Se = { 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 Ze;
-function Qt() {
-  if (Ze) return ie;
-  Ze = 1;
+var et;
+function nn() {
+  if (et) return ce;
+  et = 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 ce.Fragment = e, ce.jsx = n, ce.jsxs = n, ce;
 }
-var ae = {};
+var ue = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -44,13 +44,13 @@ 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 Qe;
-function er() {
-  return Qe || (Qe = 1, process.env.NODE_ENV !== "production" && (function() {
+var tt;
+function rn() {
+  return tt || (tt = 1, process.env.NODE_ENV !== "production" && (function() {
     function t(d) {
       if (d == null) return null;
       if (typeof d == "function")
-        return d.$$typeof === j ? null : d.displayName || d.name || null;
+        return d.$$typeof === L ? null : d.displayName || d.name || null;
       if (typeof d == "string") return d;
       switch (d) {
         case g:
@@ -59,32 +59,32 @@ function er() {
           return "Profiler";
         case b:
           return "StrictMode";
-        case L:
+        case x:
           return "Suspense";
         case G:
           return "SuspenseList";
-        case D:
+        case F:
           return "Activity";
       }
       if (typeof d == "object")
         switch (typeof d.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), d.$$typeof) {
-          case m:
+          case f:
             return "Portal";
-          case C:
+          case I:
             return d.displayName || "Context";
           case O:
             return (d._context.displayName || "Context") + ".Consumer";
-          case P:
-            var w = d.render;
-            return d = d.displayName, d || (d = w.displayName || w.name || "", d = d !== "" ? "ForwardRef(" + d + ")" : "ForwardRef"), d;
-          case I:
-            return w = d.displayName || null, w !== null ? w : t(d.type) || "Memo";
           case M:
-            w = d._payload, d = d._init;
+            var v = d.render;
+            return d = d.displayName, d || (d = v.displayName || v.name || "", d = d !== "" ? "ForwardRef(" + d + ")" : "ForwardRef"), d;
+          case _:
+            return v = d.displayName || null, v !== null ? v : t(d.type) || "Memo";
+          case P:
+            v = d._payload, d = d._init;
             try {
-              return t(d(w));
+              return t(d(v));
             } catch {
             }
         }
@@ -93,30 +93,30 @@ function er() {
     function e(d) {
       return "" + d;
     }
-    function r(d) {
+    function n(d) {
       try {
         e(d);
-        var w = !1;
+        var v = !1;
       } catch {
-        w = !0;
+        v = !0;
       }
-      if (w) {
-        w = console;
-        var A = w.error, R = typeof Symbol == "function" && Symbol.toStringTag && d[Symbol.toStringTag] || d.constructor.name || "Object";
-        return A.call(
-          w,
+      if (v) {
+        v = console;
+        var k = v.error, N = typeof Symbol == "function" && Symbol.toStringTag && d[Symbol.toStringTag] || d.constructor.name || "Object";
+        return k.call(
+          v,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          R
+          N
         ), e(d);
       }
     }
-    function n(d) {
+    function r(d) {
       if (d === g) return "<>";
-      if (typeof d == "object" && d !== null && d.$$typeof === M)
+      if (typeof d == "object" && d !== null && d.$$typeof === P)
         return "<...>";
       try {
-        var w = t(d);
-        return w ? "<" + w + ">" : "<...>";
+        var v = t(d);
+        return v ? "<" + v + ">" : "<...>";
       } catch {
         return "<...>";
       }
@@ -129,39 +129,39 @@ function er() {
       return Error("react-stack-top-frame");
     }
     function i(d) {
-      if (K.call(d, "key")) {
-        var w = Object.getOwnPropertyDescriptor(d, "key").get;
-        if (w && w.isReactWarning) return !1;
+      if (Y.call(d, "key")) {
+        var v = Object.getOwnPropertyDescriptor(d, "key").get;
+        if (v && v.isReactWarning) return !1;
       }
       return d.key !== void 0;
     }
-    function a(d, w) {
-      function A() {
-        me || (me = !0, console.error(
+    function a(d, v) {
+      function k() {
+        se || (se = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          w
+          v
         ));
       }
-      A.isReactWarning = !0, Object.defineProperty(d, "key", {
-        get: A,
+      k.isReactWarning = !0, Object.defineProperty(d, "key", {
+        get: k,
         configurable: !0
       });
     }
     function u() {
       var d = t(this.type);
-      return oe[d] || (oe[d] = !0, console.error(
+      return ge[d] || (ge[d] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), d = this.props.ref, d !== void 0 ? d : null;
     }
-    function f(d, w, A, R, z, Z) {
-      var _ = A.ref;
+    function h(d, v, k, N, Q, $) {
+      var A = k.ref;
       return d = {
         $$typeof: l,
         type: d,
-        key: w,
-        props: A,
-        _owner: R
-      }, (_ !== void 0 ? _ : null) !== null ? Object.defineProperty(d, "ref", {
+        key: v,
+        props: k,
+        _owner: N
+      }, (A !== void 0 ? A : null) !== null ? Object.defineProperty(d, "ref", {
         enumerable: !1,
         get: u
       }) : Object.defineProperty(d, "ref", { enumerable: !1, value: null }), d._store = {}, Object.defineProperty(d._store, "validated", {
@@ -178,69 +178,69 @@ function er() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: z
+        value: Q
       }), Object.defineProperty(d, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Z
+        value: $
       }), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
     }
-    function h(d, w, A, R, z, Z) {
-      var _ = w.children;
-      if (_ !== void 0)
-        if (R)
-          if (he(_)) {
-            for (R = 0; R < _.length; R++)
-              p(_[R]);
-            Object.freeze && Object.freeze(_);
+    function p(d, v, k, N, Q, $) {
+      var A = v.children;
+      if (A !== void 0)
+        if (N)
+          if (me(A)) {
+            for (N = 0; N < A.length; N++)
+              m(A[N]);
+            Object.freeze && Object.freeze(A);
           } 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 p(_);
-      if (K.call(w, "key")) {
-        _ = t(d);
-        var W = Object.keys(w).filter(function(se) {
-          return se !== "key";
+        else m(A);
+      if (Y.call(v, "key")) {
+        A = t(d);
+        var W = Object.keys(v).filter(function(ae) {
+          return ae !== "key";
         });
-        R = 0 < W.length ? "{key: someKey, " + W.join(": ..., ") + ": ...}" : "{key: someKey}", ye[_ + R] || (W = 0 < W.length ? "{" + W.join(": ..., ") + ": ...}" : "{}", console.error(
+        N = 0 < W.length ? "{key: someKey, " + W.join(": ..., ") + ": ...}" : "{key: someKey}", be[A + N] || (W = 0 < W.length ? "{" + W.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          R,
-          _,
+          N,
+          A,
           W,
-          _
-        ), ye[_ + R] = !0);
+          A
+        ), be[A + N] = !0);
       }
-      if (_ = null, A !== void 0 && (r(A), _ = "" + A), i(w) && (r(w.key), _ = "" + w.key), "key" in w) {
-        A = {};
-        for (var be in w)
-          be !== "key" && (A[be] = w[be]);
-      } else A = w;
-      return _ && a(
-        A,
+      if (A = null, k !== void 0 && (n(k), A = "" + k), i(v) && (n(v.key), A = "" + v.key), "key" in v) {
+        k = {};
+        for (var Z in v)
+          Z !== "key" && (k[Z] = v[Z]);
+      } else k = v;
+      return A && a(
+        k,
         typeof d == "function" ? d.displayName || d.name || "Unknown" : d
-      ), f(
+      ), h(
         d,
-        _,
         A,
+        k,
         o(),
-        z,
-        Z
+        Q,
+        $
       );
     }
-    function p(d) {
-      y(d) ? d._store && (d._store.validated = 1) : typeof d == "object" && d !== null && d.$$typeof === M && (d._payload.status === "fulfilled" ? y(d._payload.value) && d._payload.value._store && (d._payload.value._store.validated = 1) : d._store && (d._store.validated = 1));
+    function m(d) {
+      y(d) ? d._store && (d._store.validated = 1) : typeof d == "object" && d !== null && d.$$typeof === P && (d._payload.status === "fulfilled" ? y(d._payload.value) && d._payload.value._store && (d._payload.value._store.validated = 1) : d._store && (d._store.validated = 1));
     }
     function y(d) {
       return typeof d == "object" && d !== null && d.$$typeof === l;
     }
-    var c = Ft, l = Symbol.for("react.transitional.element"), m = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), S = Symbol.for("react.profiler"), O = Symbol.for("react.consumer"), C = Symbol.for("react.context"), P = Symbol.for("react.forward_ref"), L = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), I = Symbol.for("react.memo"), M = Symbol.for("react.lazy"), D = Symbol.for("react.activity"), j = Symbol.for("react.client.reference"), B = c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, K = Object.prototype.hasOwnProperty, he = Array.isArray, ne = console.createTask ? console.createTask : function() {
+    var c = Yt, l = Symbol.for("react.transitional.element"), f = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), S = Symbol.for("react.profiler"), O = Symbol.for("react.consumer"), I = Symbol.for("react.context"), M = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), F = Symbol.for("react.activity"), L = Symbol.for("react.client.reference"), B = c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = Object.prototype.hasOwnProperty, me = Array.isArray, oe = console.createTask ? console.createTask : function() {
       return null;
     };
     c = {
@@ -248,68 +248,68 @@ React keys must be passed directly to JSX without using spread:
         return d();
       }
     };
-    var me, oe = {}, ge = c.react_stack_bottom_frame.bind(
+    var se, ge = {}, ye = c.react_stack_bottom_frame.bind(
       c,
       s
-    )(), X = ne(n(s)), ye = {};
-    ae.Fragment = g, ae.jsx = function(d, w, A) {
-      var R = 1e4 > B.recentlyCreatedOwnerStacks++;
-      return h(
+    )(), ie = oe(r(s)), be = {};
+    ue.Fragment = g, ue.jsx = function(d, v, k) {
+      var N = 1e4 > B.recentlyCreatedOwnerStacks++;
+      return p(
         d,
-        w,
-        A,
+        v,
+        k,
         !1,
-        R ? Error("react-stack-top-frame") : ge,
-        R ? ne(n(d)) : X
+        N ? Error("react-stack-top-frame") : ye,
+        N ? oe(r(d)) : ie
       );
-    }, ae.jsxs = function(d, w, A) {
-      var R = 1e4 > B.recentlyCreatedOwnerStacks++;
-      return h(
+    }, ue.jsxs = function(d, v, k) {
+      var N = 1e4 > B.recentlyCreatedOwnerStacks++;
+      return p(
         d,
-        w,
-        A,
+        v,
+        k,
         !0,
-        R ? Error("react-stack-top-frame") : ge,
-        R ? ne(n(d)) : X
+        N ? Error("react-stack-top-frame") : ye,
+        N ? oe(r(d)) : ie
       );
     };
-  })()), ae;
+  })()), ue;
 }
-var et;
-function tr() {
-  return et || (et = 1, process.env.NODE_ENV === "production" ? Se.exports = Qt() : Se.exports = er()), Se.exports;
+var nt;
+function on() {
+  return nt || (nt = 1, process.env.NODE_ENV === "production" ? Se.exports = nn() : Se.exports = rn()), Se.exports;
 }
-var E = tr();
-function rr(t, e) {
-  const r = Ve(
-    (n) => t.subscribe(n),
+var w = on();
+function sn(t, e) {
+  const n = Ye(
+    (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 J(t, e) {
-  const r = Ve(
-    (n) => t.subscribeNode(e, n),
+function X(t, e) {
+  const n = Ye(
+    (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 nr = fe("UIRenderer");
-function or(t) {
+const an = re("UIRenderer");
+function cn(t) {
   if (t === void 0)
     return "{}";
   if (typeof t == "string")
@@ -320,93 +320,93 @@ function or(t) {
     return "{}";
   }
 }
-function sr(t) {
+function un(t) {
   const e = t.styleIds;
   return Array.isArray(e) ? e : [];
 }
-function ir(t) {
+function ln(t) {
   const e = t.children;
   return Array.isArray(e) ? e : [];
 }
-function ar(t, e) {
+function dn(t, e) {
   return t.nodeId === e.nodeId && t.context === e.context;
 }
-function cr(t) {
+function fn(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 xe = Y(function t({ nodeId: e, context: r }) {
-  const n = J(r.store, e), o = n ? ir(n) : [], s = cr(o), i = V(
-    () => o.length === 0 ? null : o.map((p) => /* @__PURE__ */ E.jsx(t, { nodeId: p.id, context: r }, p.id)),
+const Ue = z(function t({ nodeId: e, context: n }) {
+  const r = X(n.store, e), o = r ? ln(r) : [], s = fn(o), i = K(
+    () => o.length === 0 ? null : o.map((m) => /* @__PURE__ */ w.jsx(t, { nodeId: m.id, context: n }, m.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__ */ E.jsx($t, { children: i }, n.id);
-  const a = r.library.resolve(n);
+  if (r.type === "root")
+    return /* @__PURE__ */ w.jsx(zt, { children: i }, r.id);
+  const a = n.library.resolve(r);
   if (!a)
-    return nr.warn(`No renderer for node type ${n.type}`), null;
-  const u = sr(n), f = u.length > 0 ? u.join(" ") : void 0, h = a;
-  return /* @__PURE__ */ E.jsx(h, { nodeId: e, context: r, className: f });
-}, ar);
-function ur(t, e) {
-  return !Array.isArray(t) || t.length === 0 ? null : t.map((r) => /* @__PURE__ */ E.jsx(xe, { nodeId: r.id, context: e }, r.id));
-}
-function lr(t, e) {
+    return an.warn(`No renderer for node type ${r.type}`), null;
+  const u = un(r), h = u.length > 0 ? u.join(" ") : void 0, p = a;
+  return /* @__PURE__ */ w.jsx(p, { nodeId: e, context: n, className: h });
+}, dn);
+function hn(t, e) {
+  return !Array.isArray(t) || t.length === 0 ? null : t.map((n) => /* @__PURE__ */ w.jsx(Ue, { nodeId: n.id, context: e }, n.id));
+}
+function pn(t, e) {
   return t.store === e.store && t.library === e.library && t.viewId === e.viewId && t.emptyFallback === e.emptyFallback;
 }
-const dr = Y(function({ store: e, library: r, viewId: n, emptyFallback: o = null, onAction: s, client: i, video: a }) {
-  const { rootViewId: u, rootNodeId: f } = rr(e, n), h = v(s);
-  h.current = s;
-  const p = v(i);
-  p.current = i;
-  const y = v(a);
+const mn = z(function({ store: e, library: n, viewId: r, emptyFallback: o = null, onAction: s, client: i, video: a }) {
+  const { rootViewId: u, rootNodeId: h } = sn(e, r), p = E(s);
+  p.current = s;
+  const m = E(i);
+  m.current = i;
+  const y = E(a);
   y.current = a;
-  const c = U((m, g) => {
-    if (!m)
+  const c = D((f, g) => {
+    if (!f)
       return;
-    const b = or(g);
-    h.current?.(m, b);
-  }, []), l = V(() => {
-    const m = {
+    const b = cn(g);
+    p.current?.(f, b);
+  }, []), l = K(() => {
+    const f = {
       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) => ur(g, m),
+      renderChildren: (g) => hn(g, f),
       renderView: (g) => {
         const b = e.getSnapshot().views.get(g);
-        return b ? /* @__PURE__ */ E.jsx(xe, { nodeId: b.id, context: m }) : null;
+        return b ? /* @__PURE__ */ w.jsx(Ue, { nodeId: b.id, context: f }) : null;
       },
       dispatchAction: c,
       // Access client/video via refs to avoid context recreation
       get client() {
-        return p.current;
+        return m.current;
       },
       get video() {
         return y.current;
       }
     };
-    return m;
-  }, [e, r, c]);
-  return !u || !f ? o : /* @__PURE__ */ E.jsx("div", { "data-ikon-view-id": u, style: { display: "contents" }, children: /* @__PURE__ */ E.jsx(xe, { nodeId: f, context: l }) });
-}, lr);
-class fr {
-  constructor(e, r) {
-    if (this.fallback = r, e)
-      for (const [n, o] of e)
-        this.renderers.set(n, o);
+    return f;
+  }, [e, n, c]);
+  return !u || !h ? o : /* @__PURE__ */ w.jsx("div", { "data-ikon-view-id": u, style: { display: "contents" }, children: /* @__PURE__ */ w.jsx(Ue, { nodeId: h, context: l }) });
+}, pn);
+class gn {
+  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;
@@ -415,80 +415,80 @@ class fr {
     return this.renderers.get(e.type) ?? this.fallback;
   }
 }
-function Bo(t, e) {
-  const r = Object.entries(t);
-  return new fr(r, e);
+function ns(t, e) {
+  const n = Object.entries(t);
+  return new gn(n, e);
 }
-function Fo(t) {
-  return Ve(
+function rs(t) {
+  return Ye(
     (e) => t.subscribe(e),
     () => t.getSnapshot(),
     () => t.getSnapshot()
   );
 }
-function pr() {
-  const t = Vt();
-  return N(() => {
+function yn() {
+  const t = Wt();
+  return C(() => {
     if (!t)
       return;
-    let e = window.parent === window, r = null, n = [];
+    let e = window.parent === window, n = null, r = [];
     const o = document.createElement("div");
     o.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(o);
     function s() {
-      r && !n.includes(r) && (r.style.outline = "", r.style.outlineOffset = ""), r = null, o.style.display = "none";
+      n && !r.includes(n) && (n.style.outline = "", n.style.outlineOffset = ""), n = null, o.style.display = "none";
     }
     function i(c) {
-      for (const m of n)
-        m !== r && (m.style.outline = "", m.style.outlineOffset = "");
-      n = [];
+      for (const f of r)
+        f !== n && (f.style.outline = "", f.style.outlineOffset = "");
+      r = [];
       const l = new Set(c);
-      for (const m of document.querySelectorAll("[data-ikon-source]")) {
-        const g = m.getAttribute("data-ikon-source") ?? "";
-        l.has(g) && (m.style.outline = "2px solid #a6e3a1", m.style.outlineOffset = "1px", n.push(m));
+      for (const f of document.querySelectorAll("[data-ikon-source]")) {
+        const g = f.getAttribute("data-ikon-source") ?? "";
+        l.has(g) && (f.style.outline = "2px solid #a6e3a1", f.style.outlineOffset = "1px", r.push(f));
       }
     }
     function a(c) {
       if (!e)
         return;
       const l = c.target.closest?.("[data-ikon-source]");
-      if (!l || l === r)
+      if (!l || l === n)
         return;
-      s(), r = l, r.style.outline = "2px solid #89b4fa", r.style.outlineOffset = "1px";
-      const m = l.getAttribute("data-ikon-source") ?? "";
-      o.textContent = m, o.style.display = "block";
+      s(), n = l, n.style.outline = "2px solid #89b4fa", n.style.outlineOffset = "1px";
+      const f = l.getAttribute("data-ikon-source") ?? "";
+      o.textContent = f, o.style.display = "block";
       const g = l.getBoundingClientRect();
       o.style.left = `${g.left}px`, o.style.top = `${Math.max(0, g.top - 24)}px`;
     }
     function u(c) {
       if (!e)
         return;
-      c.relatedTarget?.closest?.("[data-ikon-source]") !== r && s();
+      c.relatedTarget?.closest?.("[data-ikon-source]") !== n && s();
     }
-    function f(c) {
+    function h(c) {
       if (!e)
         return;
       const l = c.target.closest?.("[data-ikon-source]");
       if (!l)
         return;
       c.preventDefault(), c.stopPropagation();
-      const m = {
+      const f = {
         sourceMarker: l.getAttribute("data-ikon-source") ?? "",
         tagName: l.tagName.toLowerCase(),
         textContent: (l.textContent ?? "").trim().substring(0, 200)
       };
-      window.dispatchEvent(new CustomEvent("ikon-inspect-select", { detail: m })), window.parent.postMessage({ type: "ikon-element-selected", payload: m }, "*");
+      window.dispatchEvent(new CustomEvent("ikon-inspect-select", { detail: f })), window.parent.postMessage({ type: "ikon-element-selected", payload: f }, "*");
     }
-    function h(c, l) {
+    function p(c, l) {
       return document.elementFromPoint(c, l)?.closest?.("[data-ikon-source]");
     }
-    function p(c) {
-      if (c === r || (s(), !c))
+    function m(c) {
+      if (c === n || (s(), !c))
         return;
-      r = c, r.style.outline = `2px solid ${n.includes(c) ? "#a6e3a1" : "#89b4fa"}`, r.style.outlineOffset = "1px";
+      n = c, n.style.outline = `2px solid ${r.includes(c) ? "#a6e3a1" : "#89b4fa"}`, n.style.outlineOffset = "1px";
       const l = c.getAttribute("data-ikon-source") ?? "";
       o.textContent = l, o.style.display = "block";
-      const m = c.getBoundingClientRect();
-      o.style.left = `${m.left}px`, o.style.top = `${Math.max(0, m.top - 24)}px`;
+      const f = c.getBoundingClientRect();
+      o.style.left = `${f.left}px`, o.style.top = `${Math.max(0, f.top - 24)}px`;
     }
     function y(c) {
       if (c.data?.type === "ikon-inspect-mode") {
@@ -497,90 +497,90 @@ function pr() {
         return;
       }
       if (c.data?.type === "ikon-inspect-at") {
-        const l = h(c.data.x, c.data.y);
-        p(l);
-        const m = l?.getAttribute("data-ikon-source") ?? "";
+        const l = p(c.data.x, c.data.y);
+        m(l);
+        const f = l?.getAttribute("data-ikon-source") ?? "";
         window.parent.postMessage({
           type: "ikon-inspect-hover-result",
-          payload: { sourceMarker: m }
+          payload: { sourceMarker: f }
         }, "*");
       }
       if (c.data?.type === "ikon-inspect-click") {
-        const l = h(c.data.x, c.data.y);
+        const l = p(c.data.x, c.data.y);
         if (l) {
-          const m = {
+          const f = {
             sourceMarker: l.getAttribute("data-ikon-source") ?? "",
             tagName: l.tagName.toLowerCase(),
             textContent: (l.textContent ?? "").trim().substring(0, 200)
           };
-          window.dispatchEvent(new CustomEvent("ikon-inspect-select", { detail: m })), window.parent.postMessage({ type: "ikon-element-selected", payload: m }, "*");
+          window.dispatchEvent(new CustomEvent("ikon-inspect-select", { detail: f })), window.parent.postMessage({ type: "ikon-element-selected", payload: f }, "*");
         }
       }
       if (c.data?.type === "ikon-inspect-click-add") {
-        const l = h(c.data.x, c.data.y);
+        const l = p(c.data.x, c.data.y);
         if (l) {
-          const m = {
+          const f = {
             sourceMarker: l.getAttribute("data-ikon-source") ?? "",
             tagName: l.tagName.toLowerCase(),
             textContent: (l.textContent ?? "").trim().substring(0, 200)
           };
           window.parent.postMessage({
             type: "ikon-inspect-rect-result",
-            payload: { elements: [m], append: !0 }
+            payload: { elements: [f], append: !0 }
           }, "*");
         }
       }
       if (c.data?.type === "ikon-inspect-rect") {
-        const { x1: l, y1: m, x2: g, y2: b, append: S } = c.data, O = document.querySelectorAll("[data-ikon-source]"), C = [];
-        for (const P of O) {
-          const L = P.getBoundingClientRect();
-          L.right > l && L.left < g && L.bottom > m && L.top < b && C.push({
-            sourceMarker: P.getAttribute("data-ikon-source") ?? "",
-            tagName: P.tagName.toLowerCase(),
-            textContent: (P.textContent ?? "").trim().substring(0, 200)
+        const { x1: l, y1: f, x2: g, y2: b, append: S } = c.data, O = document.querySelectorAll("[data-ikon-source]"), I = [];
+        for (const M of O) {
+          const x = M.getBoundingClientRect();
+          x.right > l && x.left < g && x.bottom > f && x.top < b && I.push({
+            sourceMarker: M.getAttribute("data-ikon-source") ?? "",
+            tagName: M.tagName.toLowerCase(),
+            textContent: (M.textContent ?? "").trim().substring(0, 200)
           });
         }
-        C.length > 0 && window.parent.postMessage({
+        I.length > 0 && window.parent.postMessage({
           type: "ikon-inspect-rect-result",
-          payload: { elements: C, append: S ?? !1 }
+          payload: { elements: I, append: S ?? !1 }
         }, "*");
       }
       c.data?.type === "ikon-inspect-highlight" && i(c.data.markers ?? []), c.data?.type === "ikon-inspect-clear" && s();
     }
-    return document.addEventListener("mouseover", a, !0), document.addEventListener("mouseout", u, !0), document.addEventListener("click", f, !0), window.addEventListener("message", y), () => {
-      document.removeEventListener("mouseover", a, !0), document.removeEventListener("mouseout", u, !0), document.removeEventListener("click", f, !0), window.removeEventListener("message", y), s(), i([]), o.remove();
+    return document.addEventListener("mouseover", a, !0), document.addEventListener("mouseout", u, !0), document.addEventListener("click", h, !0), window.addEventListener("message", y), () => {
+      document.removeEventListener("mouseover", a, !0), document.removeEventListener("mouseout", u, !0), document.removeEventListener("click", h, !0), window.removeEventListener("message", y), s(), i([]), o.remove();
     };
   }, [t]), null;
 }
-const hr = fe("IkonUiSurface"), Ue = "ikon-ui";
-function mr(t, e) {
+const bn = re("IkonUiSurface"), De = "ikon-ui";
+function Sn(t, e) {
   return t === e;
 }
-const gr = Y(function({ stores: e, registry: r, category: n = Ue, onAction: o, client: s }) {
-  const i = V(() => Array.from(e.keys()).sort().join(","), [e]), a = v(o);
+const wt = z(function({ stores: e, registry: n, category: r = De, onAction: o, client: s }) {
+  const i = K(() => Array.from(e.keys()).sort().join(","), [e]), a = E(o);
   a.current = o;
-  const u = v(s);
+  const u = E(s);
   u.current = s;
-  const f = V(
+  const h = K(
     () => {
       const y = [];
       for (const [c, l] of e) {
-        const m = l.store.getSnapshot();
-        mr(l.category, n) && (!m.rootViewId || !m.views.has(m.rootViewId) || y.push({ key: c, store: l.store }));
+        const f = l.store.getSnapshot();
+        Sn(l.category, r) && (!f.rootViewId || !f.views.has(f.rootViewId) || y.push({ key: c, store: l.store }));
       }
       return y;
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [e, n, i]
-  ), h = v(!1), p = f.length > 0;
-  return N(() => {
-    p && !h.current && (h.current = !0, hr.debug("First UI render"));
-  }, [p]), p ? /* @__PURE__ */ E.jsxs(E.Fragment, { children: [
-    /* @__PURE__ */ E.jsx(pr, {}),
-    f.map(({ key: y, store: c }) => /* @__PURE__ */ E.jsx(dr, { store: c, library: r, onAction: a.current, client: u.current, video: u.current?.media?.video }, y))
+    [e, r, i]
+  ), p = E(!1), m = h.length > 0;
+  return C(() => {
+    m && !p.current && (p.current = !0, bn.debug("First UI render"));
+  }, [m]), m ? /* @__PURE__ */ w.jsxs(w.Fragment, { children: [
+    /* @__PURE__ */ w.jsx(yn, {}),
+    h.map(({ key: y, store: c }) => /* @__PURE__ */ w.jsx(mn, { store: c, library: n, onAction: a.current, client: u.current, video: u.current?.media?.video }, y))
   ] }) : null;
 });
-class yr {
+class wn {
   core;
   ownsCore;
   stores = /* @__PURE__ */ new Map();
@@ -588,7 +588,7 @@ class yr {
   unsubscribeClears;
   unsubscribeStoreChanges;
   constructor(e) {
-    this.core = e?.core ?? new Dt({ 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 Vt({ 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();
@@ -614,48 +614,48 @@ class yr {
     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 = {
-      category: Ue,
-      store: new Bt()
+    const n = this.stores.get(e);
+    if (n)
+      return n;
+    const r = {
+      category: De,
+      store: new Kt()
     };
-    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 ?? De;
+    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 br(t) {
+function vn(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -667,67 +667,67 @@ function te(t) {
     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 ze(...t) {
+function We(...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 tt = /* @__PURE__ */ new WeakMap(), Sr = {};
-function Ye(t) {
+const rt = /* @__PURE__ */ new WeakMap(), En = {};
+function He(t) {
   if (!t)
-    return Sr;
-  const e = tt.get(t);
+    return En;
+  const e = rt.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 tt.set(t, r), r;
+  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 rt.set(t, n), n;
 }
-function wr(t) {
+function Rn(t) {
   let e = t.parentElement;
   for (; e; ) {
-    const n = window.getComputedStyle(e).overflowY;
-    if (n === "auto" || n === "scroll" || e.hasAttribute("data-radix-scroll-area-viewport"))
+    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;
 }
-const yt = 1.5;
-function bt(t, e) {
+const vt = 1.5;
+function Et(t, e) {
   requestAnimationFrame(() => {
-    const r = t.getBoundingClientRect(), n = e.getBoundingClientRect(), o = t.scrollTop + (n.bottom - r.bottom) + 16, i = Math.abs(o - t.scrollTop) > t.clientHeight * yt ? "auto" : "smooth";
+    const n = t.getBoundingClientRect(), r = e.getBoundingClientRect(), o = t.scrollTop + (r.bottom - n.bottom) + 16, i = Math.abs(o - t.scrollTop) > t.clientHeight * vt ? "auto" : "smooth";
     "scrollBehavior" in document.documentElement.style ? t.scrollTo({ top: o, behavior: i }) : t.scrollTop = o;
   });
 }
-const je = "data-ikon-scroll-indicator", vr = 0.15, Ee = "data-ikon-at-bottom";
-function St(t) {
-  return Math.max(t.clientHeight * vr, 20);
+const Fe = "data-ikon-scroll-indicator", kn = 0.15, Re = "data-ikon-at-bottom";
+function Rt(t) {
+  return Math.max(t.clientHeight * kn, 20);
 }
-function Er(t) {
-  return t.getAttribute(Ee) !== "false";
+function An(t) {
+  return t.getAttribute(Re) !== "false";
 }
-function Rr(t) {
-  t.getAttribute(Ee) === null && (t.setAttribute(Ee, "true"), t.addEventListener("scroll", () => {
-    const { scrollTop: e, scrollHeight: r, clientHeight: n } = t, s = r - e - n <= St(t);
-    t.setAttribute(Ee, s ? "true" : "false");
+function Tn(t) {
+  t.getAttribute(Re) === null && (t.setAttribute(Re, "true"), t.addEventListener("scroll", () => {
+    const { scrollTop: e, scrollHeight: n, clientHeight: r } = t, s = n - e - r <= Rt(t);
+    t.setAttribute(Re, s ? "true" : "false");
   }, { passive: !0 }));
 }
-function kr(t) {
-  const e = t.parentElement ?? t, r = e.querySelector(`[${je}]`);
-  if (r)
-    return r;
-  const n = document.createElement("button");
-  return n.setAttribute(je, "true"), n.setAttribute("aria-label", "Scroll to latest"), n.textContent = "↓", Object.assign(n.style, {
+function Cn(t) {
+  const e = t.parentElement ?? t, n = e.querySelector(`[${Fe}]`);
+  if (n)
+    return n;
+  const r = document.createElement("button");
+  return r.setAttribute(Fe, "true"), r.setAttribute("aria-label", "Scroll to latest"), r.textContent = "↓", Object.assign(r.style, {
     position: "absolute",
     bottom: "12px",
     left: "50%",
@@ -749,29 +749,29 @@ function kr(t) {
     transition: "opacity 150ms",
     opacity: "1",
     padding: "0"
-  }), n.addEventListener("mouseenter", () => {
-    n.style.opacity = "1";
-  }), n.addEventListener("mouseleave", () => {
-    n.style.opacity = "0.9";
-  }), e.appendChild(n), n;
-}
-function Ar(t, e) {
-  const r = kr(t);
-  r.style.display = "flex";
-  const n = () => {
-    bt(t, e), r.style.display = "none";
+  }), r.addEventListener("mouseenter", () => {
+    r.style.opacity = "1";
+  }), r.addEventListener("mouseleave", () => {
+    r.style.opacity = "0.9";
+  }), e.appendChild(r), r;
+}
+function In(t, e) {
+  const n = Cn(t);
+  n.style.display = "flex";
+  const r = () => {
+    Et(t, e), n.style.display = "none";
   }, o = () => {
     const { scrollTop: s, scrollHeight: i, clientHeight: a } = t;
-    i - s - a <= St(t) && (r.style.display = "none");
+    i - s - a <= Rt(t) && (n.style.display = "none");
   };
-  return r.addEventListener("click", n), t.addEventListener("scroll", o, { passive: !0 }), () => {
-    r.removeEventListener("click", n), t.removeEventListener("scroll", o);
+  return n.addEventListener("click", r), t.addEventListener("scroll", o, { passive: !0 }), () => {
+    n.removeEventListener("click", r), t.removeEventListener("scroll", o);
   };
 }
-function Tr() {
-  const t = Y(function({ nodeId: r, context: n }) {
-    const o = J(n.store, r), s = v(null), i = te(o?.props?.targetViewId), a = o?.props?.focusOnly, u = typeof a == "boolean" ? a : void 0, f = te(o?.props?.priority), h = te(o?.props?.key), p = o?.props?.preciseGeneratedAt;
-    return N(() => {
+function _n() {
+  const t = z(function({ nodeId: n, context: r }) {
+    const o = X(r.store, n), s = E(null), i = te(o?.props?.targetViewId), a = o?.props?.focusOnly, u = typeof a == "boolean" ? a : void 0, h = te(o?.props?.priority), p = te(o?.props?.key), m = o?.props?.preciseGeneratedAt;
+    return C(() => {
       if (typeof document > "u")
         return;
       const c = s.current;
@@ -779,18 +779,18 @@ function Tr() {
         return;
       let l;
       if (u !== !0) {
-        const S = wr(c);
+        const S = Rn(c);
         if (S)
-          if (Rr(S), f === "Polite" && !Er(S))
-            l = Ar(S, c);
+          if (Tn(S), h === "Polite" && !An(S))
+            l = In(S, c);
           else {
-            const L = (S.parentElement ?? S).querySelector(`[${je}]`);
-            L && (L.style.display = "none"), bt(S, c);
+            const x = (S.parentElement ?? S).querySelector(`[${Fe}]`);
+            x && (x.style.display = "none"), Et(S, c);
           }
         else typeof c.scrollIntoView == "function" && requestAnimationFrame(() => {
-          const O = c.getBoundingClientRect().top, C = typeof window < "u" ? window.innerHeight : 0, P = Math.abs(O) > C * yt ? "auto" : "smooth";
+          const O = c.getBoundingClientRect().top, I = typeof window < "u" ? window.innerHeight : 0, M = Math.abs(O) > I * vt ? "auto" : "smooth";
           try {
-            c.scrollIntoView({ behavior: P, block: "end", inline: "nearest" });
+            c.scrollIntoView({ behavior: M, block: "end", inline: "nearest" });
           } catch {
             c.scrollIntoView(!1);
           }
@@ -804,7 +804,7 @@ function Tr() {
           c.focus();
         }
       return l;
-    }, [u, f, i, h, p]), o ? /* @__PURE__ */ E.jsx(
+    }, [u, h, i, p, m]), o ? /* @__PURE__ */ w.jsx(
       "span",
       {
         ref: s,
@@ -821,26 +821,26 @@ function Tr() {
       return t;
   };
 }
-function Cr() {
-  const t = Y(function({ nodeId: r, context: n, className: o }) {
-    const s = J(n.store, r), i = br(s?.props?.onInvokeId), a = U(() => {
-      i && n.dispatchAction(i);
-    }, [i, n]);
+function On() {
+  const t = z(function({ nodeId: n, context: r, className: o }) {
+    const s = X(r.store, n), i = vn(s?.props?.onInvokeId), a = D(() => {
+      i && r.dispatchAction(i);
+    }, [i, r]);
     if (!s)
       return null;
-    const u = Ye(s.props);
+    const u = He(s.props);
     delete u.onInvokeId;
-    const f = ze(te(s.props?.className), o), h = s.children?.length ? n.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ E.jsx(
+    const h = We(te(s.props?.className), o), p = s.children?.length ? r.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ w.jsx(
       "div",
       {
         ...u,
         "data-ikon-node-id": s.id,
         "data-ikon-source": s.sourceMarker,
-        className: f,
+        className: h,
         onClick: i ? a : void 0,
         style: i ? { cursor: "pointer" } : void 0,
-        children: h
+        children: p
       }
     );
   });
@@ -849,61 +849,61 @@ function Cr() {
       return t;
   };
 }
-function Ir() {
-  const t = Y(function({ nodeId: r, context: n, className: o }) {
-    const s = J(n.store, r);
+function Nn() {
+  const t = z(function({ nodeId: n, context: r, className: o }) {
+    const s = X(r.store, n);
     if (!s)
       return null;
-    const i = Ye(s.props), a = ze("relative", te(s.props?.className), o), u = s.children?.length ? n.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: u });
+    const i = He(s.props), a = We("relative", te(s.props?.className), o), u = s.children?.length ? r.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ w.jsx("div", { ...i, "data-ikon-node-id": s.id, "data-ikon-source": s.sourceMarker, className: a, children: u });
   });
   return ({ type: e }) => {
     if (e === "std.stack")
       return t;
   };
 }
-function _r() {
-  const t = Y(function({ nodeId: r, context: n, className: o }) {
-    const s = J(n.store, r);
+function Mn() {
+  const t = z(function({ nodeId: n, context: r, className: o }) {
+    const s = X(r.store, n);
     if (!s)
       return null;
-    const i = Ye(s.props), a = ze("absolute", te(s.props?.className), o), u = s.children?.length ? n.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: u });
+    const i = He(s.props), a = We("absolute", te(s.props?.className), o), u = s.children?.length ? r.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ w.jsx("div", { ...i, "data-ikon-node-id": s.id, "data-ikon-source": s.sourceMarker, className: a, children: u });
   });
   return ({ type: e }) => {
     if (e === "std.layer")
       return t;
   };
 }
-function Or() {
+function Pn() {
   return [
-    Cr(),
-    Ir(),
-    _r(),
-    Tr()
+    On(),
+    Nn(),
+    Mn(),
+    _n()
   ];
 }
-const Nr = "base", Pr = async () => Or();
-function Mr(t) {
-  t.registerModule(Nr, Pr);
+const xn = "base", Ln = async () => Pn();
+function jn(t) {
+  t.registerModule(xn, Ln);
 }
-function Lr(t) {
+function Un(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 Dn(...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 rt(t) {
+function ot(t) {
   if (typeof t != "string")
     return;
   const e = t.trim();
@@ -918,58 +918,58 @@ function we(t) {
     if (e === "false") return !1;
   }
 }
-const Ur = "std.audio-url-player";
-function jr() {
-  const t = Y(function({
-    nodeId: r,
-    context: n,
+const Fn = "std.audio-url-player";
+function Bn() {
+  const t = z(function({
+    nodeId: n,
+    context: r,
     className: o
   }) {
-    const s = J(n.store, r), i = v(null), a = s ? we(s.props?.autoplay) : void 0, u = s ? rt(s.props?.src) : void 0;
-    if (N(() => {
+    const s = X(r.store, n), i = E(null), a = s ? we(s.props?.autoplay) : void 0, u = s ? ot(s.props?.src) : void 0;
+    if (C(() => {
       a && i.current && i.current.play().catch(() => {
       });
     }, [a, u]), !s)
       return null;
-    const f = xr(Lr(s.props?.className), o), h = rt(s.props?.preload), p = we(s.props?.controls), y = we(s.props?.loop), c = we(s.props?.muted);
-    return /* @__PURE__ */ E.jsx(
+    const h = Dn(Un(s.props?.className), o), p = ot(s.props?.preload), m = we(s.props?.controls), y = we(s.props?.loop), c = we(s.props?.muted);
+    return /* @__PURE__ */ w.jsx(
       "audio",
       {
         ref: i,
         src: u,
-        ...h !== void 0 ? { preload: h } : {},
-        ...p !== void 0 ? { controls: p } : {},
+        ...p !== void 0 ? { preload: p } : {},
+        ...m !== void 0 ? { controls: m } : {},
         ...a !== void 0 ? { autoPlay: a } : {},
         ...y !== void 0 ? { loop: y } : {},
         ...c !== void 0 ? { muted: c } : {},
         "data-ikon-node-id": s.id,
         "data-ikon-source": s.sourceMarker,
-        className: f
+        className: h
       }
     );
   });
   return ({ type: e }) => {
-    if (e === Ur)
+    if (e === Fn)
       return t;
   };
 }
-function wt(t) {
+function kt(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 vt(...t) {
+function At(...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 Re(t) {
+function ke(t) {
   if (typeof t == "number" && Number.isFinite(t))
     return Math.floor(t);
   if (typeof t == "string" && t.trim().length > 0) {
@@ -978,39 +978,39 @@ function Re(t) {
       return Math.floor(e);
   }
 }
-function De(t) {
+function Be(t) {
   if (typeof t != "string")
     return;
   const e = t.trim();
   return e.length > 0 ? e : void 0;
 }
-const Dr = "std.video-canvas", Br = "std.video-url-player";
-function Fr() {
-  const t = Y(function({ nodeId: r, context: n, className: o }) {
-    const s = J(n.store, r), i = v(null), a = v(null), u = n.video, f = n.client, h = s ? De(s.props?.streamId) : void 0, p = s ? Re(s.props?.width) : void 0, y = s ? Re(s.props?.height) : void 0, c = s ? vt(wt(s.props?.className), o) : o, [, l] = $(0);
-    N(() => {
-      if (!f?.isWebRtcEnabled) return;
-      const g = f.onWebRtcTrackMapChanged;
-      return f.onWebRtcTrackMapChanged = (b) => {
+const $n = "std.video-canvas", Vn = "std.video-url-player";
+function Kn() {
+  const t = z(function({ nodeId: n, context: r, className: o }) {
+    const s = X(r.store, n), i = E(null), a = E(null), u = r.video, h = r.client, p = s ? Be(s.props?.streamId) : void 0, m = s ? ke(s.props?.width) : void 0, y = s ? ke(s.props?.height) : void 0, c = s ? At(kt(s.props?.className), o) : o, [, l] = j(0);
+    C(() => {
+      if (!h?.isWebRtcEnabled) return;
+      const g = h.onWebRtcTrackMapChanged;
+      return h.onWebRtcTrackMapChanged = (b) => {
         g?.(b), b.kind === "video" && l((S) => S + 1);
       }, () => {
-        f.onWebRtcTrackMapChanged = g;
+        h.onWebRtcTrackMapChanged = g;
       };
-    }, [f]);
-    const m = f?.isWebRtcEnabled && h ? f.getWebRtcVideoStreamByStreamId(h) : null;
-    return N(() => {
+    }, [h]);
+    const f = h?.isWebRtcEnabled && p ? h.getWebRtcVideoStreamByStreamId(p) : null;
+    return C(() => {
       const g = i.current;
-      if (!(!u || !g || !h || m))
-        return u.attachCanvas(h, g), () => {
-          u.detachCanvas(h);
+      if (!(!u || !g || !p || f))
+        return u.attachCanvas(p, g), () => {
+          u.detachCanvas(p);
         };
-    }, [u, h, m]), N(() => {
+    }, [u, p, f]), C(() => {
       const g = a.current;
-      if (!(!g || !m))
-        return g.srcObject = m, () => {
+      if (!(!g || !f))
+        return g.srcObject = f, () => {
           g.srcObject = null;
         };
-    }, [m]), s ? m ? /* @__PURE__ */ E.jsx(
+    }, [f]), s ? f ? /* @__PURE__ */ w.jsx(
       "video",
       {
         ref: a,
@@ -1019,35 +1019,35 @@ function Fr() {
         muted: !0,
         "data-ikon-node-id": s.id,
         "data-ikon-source": s.sourceMarker,
-        "data-ikon-video-stream-id": h,
+        "data-ikon-video-stream-id": p,
         className: c,
-        ...p ? { width: p } : {},
+        ...m ? { width: m } : {},
         ...y ? { height: y } : {}
       },
-      h
-    ) : /* @__PURE__ */ E.jsx(
+      p
+    ) : /* @__PURE__ */ w.jsx(
       "canvas",
       {
         ref: i,
         "data-ikon-node-id": s.id,
         "data-ikon-source": s.sourceMarker,
-        "data-ikon-video-stream-id": h,
+        "data-ikon-video-stream-id": p,
         className: c,
-        ...p ? { width: p } : {},
+        ...m ? { width: m } : {},
         ...y ? { height: y } : {}
       },
-      h
+      p
     ) : null;
   });
   return ({ type: e }) => {
-    if (e === Dr)
+    if (e === $n)
       return t;
   };
 }
-function $r() {
-  return [Fr(), Vr(), jr()];
+function Yn() {
+  return [Kn(), zn(), Bn()];
 }
-function ce(t) {
+function le(t) {
   if (typeof t == "boolean")
     return t;
   if (typeof t == "string") {
@@ -1056,61 +1056,61 @@ function ce(t) {
     if (e === "false") return !1;
   }
 }
-function Vr() {
-  const t = Y(function({
-    nodeId: r,
-    context: n,
+function zn() {
+  const t = z(function({
+    nodeId: n,
+    context: r,
     className: o
   }) {
-    const s = J(n.store, r), i = v(null), a = s ? ce(s.props?.autoplay) : void 0, u = s ? De(s.props?.src) : void 0;
-    if (N(() => {
+    const s = X(r.store, n), i = E(null), a = s ? le(s.props?.autoplay) : void 0, u = s ? Be(s.props?.src) : void 0;
+    if (C(() => {
       a && i.current && i.current.play().catch(() => {
       });
     }, [a, u]), !s)
       return null;
-    const f = vt(wt(s.props?.className), o), h = De(s.props?.poster), p = ce(s.props?.controls), y = ce(s.props?.loop), c = ce(s.props?.muted), l = ce(s.props?.playsInline), m = Re(s.props?.width), g = Re(s.props?.height), b = s.children?.length ? n.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ E.jsx(
+    const h = At(kt(s.props?.className), o), p = Be(s.props?.poster), m = le(s.props?.controls), y = le(s.props?.loop), c = le(s.props?.muted), l = le(s.props?.playsInline), f = ke(s.props?.width), g = ke(s.props?.height), b = s.children?.length ? r.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ w.jsx(
       "video",
       {
         ref: i,
         src: u,
-        poster: h,
-        ...p !== void 0 ? { controls: p } : {},
+        poster: p,
+        ...m !== void 0 ? { controls: m } : {},
         ...a !== void 0 ? { autoPlay: a } : {},
         ...y !== void 0 ? { loop: y } : {},
         ...c !== void 0 ? { muted: c } : {},
         ...l !== void 0 ? { playsInline: l } : {},
-        ...m ? { width: m } : {},
+        ...f ? { width: f } : {},
         ...g ? { height: g } : {},
         "data-ikon-node-id": s.id,
         "data-ikon-source": s.sourceMarker,
-        className: f,
+        className: h,
         children: b
       }
     );
   });
   return ({ type: e }) => {
-    if (e === Br)
+    if (e === Vn)
       return t;
   };
 }
-const Kr = "media", zr = async () => $r();
-function Yr(t) {
-  t.registerModule(Kr, zr);
+const Wn = "media", Hn = async () => Yn();
+function qn(t) {
+  t.registerModule(Wn, Hn);
 }
-const Wr = `#version 300 es
+const Gn = `#version 300 es
 in vec4 a_position;
 void main() {
     gl_Position = a_position;
 }
 `;
-function Hr(t, e) {
+function Jn(t, e) {
   return new RegExp(`\\buniform\\s+\\w+\\s+${e}\\s*;`, "g").test(t);
 }
-function qr(t, e) {
-  const r = [];
-  for (const [n, o] of Object.entries(e)) {
-    if (Hr(t, n))
+function Xn(t, e) {
+  const n = [];
+  for (const [r, o] of Object.entries(e)) {
+    if (Jn(t, r))
       continue;
     let s;
     switch (o.type) {
@@ -1135,7 +1135,7 @@ function qr(t, e) {
       default:
         s = "float";
     }
-    r.push(`uniform ${s} ${n};`);
+    n.push(`uniform ${s} ${r};`);
   }
   return `#version 300 es
 precision highp float;
@@ -1149,7 +1149,7 @@ uniform vec4 iMouse;
 uniform vec4 iDate;
 
 // Custom uniforms
-${r.join(`
+${n.join(`
 `)}
 
 out vec4 frag_out_color;
@@ -1163,7 +1163,7 @@ void main() {
 }
 `;
 }
-class Gr {
+class Zn {
   gl;
   program = null;
   positionBuffer = null;
@@ -1180,72 +1180,72 @@ class Gr {
   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, Wr);
+  compile(e, n = {}) {
+    this.lastError = null, this.customUniforms = n, this.currentShaderSource = e;
+    const r = this.gl, o = this.compileShader(r.VERTEX_SHADER, Gn);
     if (!o)
       return !1;
-    const s = qr(e, r), i = this.compileShader(n.FRAGMENT_SHADER, s);
+    const s = Xn(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 u = this.uniformLocations.get("iResolution");
-    u && e.uniform3f(u, n, o, 1);
-    const f = this.uniformLocations.get("iTime");
-    f && e.uniform1f(f, i);
-    const h = this.uniformLocations.get("iTimeDelta");
-    h && e.uniform1f(h, a);
-    const p = this.uniformLocations.get("iFrame");
-    p && e.uniform1i(p, this.frameCount);
+    u && e.uniform3f(u, r, o, 1);
+    const h = this.uniformLocations.get("iTime");
+    h && e.uniform1f(h, i);
+    const p = this.uniformLocations.get("iTimeDelta");
+    p && e.uniform1f(p, a);
+    const m = this.uniformLocations.get("iFrame");
+    m && e.uniform1i(m, this.frameCount);
     const y = this.uniformLocations.get("iMouse");
     y && e.uniform4f(y, this.mouseX, this.mouseY, this.mouseClickX, this.mouseClickY);
     const c = this.uniformLocations.get("iDate");
@@ -1253,33 +1253,33 @@ class Gr {
       const l = /* @__PURE__ */ new Date();
       e.uniform4f(c, l.getFullYear(), l.getMonth(), l.getDate(), l.getHours() * 3600 + l.getMinutes() * 60 + l.getSeconds() + l.getMilliseconds() / 1e3);
     }
-    for (const [l, m] of Object.entries(this.customUniforms)) {
+    for (const [l, f] of Object.entries(this.customUniforms)) {
       const g = this.uniformLocations.get(l);
       if (g)
-        switch (m.type) {
+        switch (f.type) {
           case "float":
-            e.uniform1f(g, m.value);
+            e.uniform1f(g, f.value);
             break;
           case "vec2": {
-            const b = m.value;
+            const b = f.value;
             e.uniform2f(g, b[0], b[1]);
             break;
           }
           case "vec3": {
-            const b = m.value;
+            const b = f.value;
             e.uniform3f(g, b[0], b[1], b[2]);
             break;
           }
           case "vec4": {
-            const b = m.value;
+            const b = f.value;
             e.uniform4f(g, b[0], b[1], b[2], b[3]);
             break;
           }
           case "int":
-            e.uniform1i(g, m.value);
+            e.uniform1i(g, f.value);
             break;
           case "bool":
-            e.uniform1i(g, m.value ? 1 : 0);
+            e.uniform1i(g, f.value ? 1 : 0);
             break;
         }
     }
@@ -1293,23 +1293,23 @@ class Gr {
     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 Jr(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 er(...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 Ie(t) {
+function Oe(t) {
   if (typeof t == "number" && Number.isFinite(t))
     return Math.floor(t);
   if (typeof t == "string" && t.trim().length > 0) {
@@ -1318,10 +1318,10 @@ function Ie(t) {
       return Math.floor(e);
   }
 }
-function Zr(t) {
+function tr(t) {
   return typeof t == "string" ? t : "";
 }
-function Qr(t) {
+function nr(t) {
   if (typeof t == "boolean")
     return t;
   if (typeof t == "string") {
@@ -1330,26 +1330,26 @@ function Qr(t) {
     if (e === "false") return !1;
   }
 }
-function en(t) {
+function rr(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 tn(t, e) {
-  const r = Object.keys(t), n = Object.keys(e);
-  if (r.length !== n.length)
+function or(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];
@@ -1366,180 +1366,180 @@ function tn(t, e) {
   }
   return !0;
 }
-const rn = "std.shadertoy-canvas";
-function nn() {
-  const t = Y(function({ nodeId: r, context: n, className: o }) {
-    const s = J(n.store, r), i = v(null), a = v(null), u = v(null), f = v(0), h = v(""), p = v({}), y = v({
+const sr = "std.shadertoy-canvas";
+function ir() {
+  const t = z(function({ nodeId: n, context: r, className: o }) {
+    const s = X(r.store, n), i = E(null), a = E(null), u = E(null), h = E(0), p = E(""), m = E({}), y = E({
       x: 0,
       y: 0,
       clickX: 0,
       clickY: 0,
       isDown: !1
-    }), c = s ? Zr(s.props?.shaderSource) : "", l = s ? Ie(s.props?.fps) ?? 60 : 60, m = s?.props?.uniforms, g = V(() => en(m), [m]), b = s ? Qr(s.props?.enableMouse) ?? !0 : !0, S = s ? Ie(s.props?.width) : void 0, O = s ? Ie(s.props?.height) : void 0, C = s ? Xr(Jr(s.props?.className), o) : o;
-    N(() => {
-      const I = i.current;
-      if (I) {
+    }), c = s ? tr(s.props?.shaderSource) : "", l = s ? Oe(s.props?.fps) ?? 60 : 60, f = s?.props?.uniforms, g = K(() => rr(f), [f]), b = s ? nr(s.props?.enableMouse) ?? !0 : !0, S = s ? Oe(s.props?.width) : void 0, O = s ? Oe(s.props?.height) : void 0, I = s ? er(Qn(s.props?.className), o) : o;
+    C(() => {
+      const _ = i.current;
+      if (_) {
         try {
-          const M = new Gr(I);
-          a.current = M;
-        } catch (M) {
-          console.error("[ShadertoyRenderer] Failed to create WebGL2 context:", M);
+          const P = new Zn(_);
+          a.current = P;
+        } catch (P) {
+          console.error("[ShadertoyRenderer] Failed to create WebGL2 context:", P);
         }
         return () => {
           a.current && (a.current.destroy(), a.current = null);
         };
       }
-    }, []), N(() => {
-      const I = a.current;
-      if (!(!I || !c) && h.current !== c)
-        if (I.compile(c, g))
-          h.current = c, p.current = g;
+    }, []), C(() => {
+      const _ = a.current;
+      if (!(!_ || !c) && p.current !== c)
+        if (_.compile(c, g))
+          p.current = c, m.current = g;
         else {
-          const D = I.getError();
-          console.error("[ShadertoyRenderer] Shader compilation failed:", D);
+          const F = _.getError();
+          console.error("[ShadertoyRenderer] Shader compilation failed:", F);
         }
-    }, [c, g]), N(() => {
-      const I = a.current;
-      !I || !h.current || tn(p.current, g) || (I.setCustomUniforms(g), p.current = g);
-    }, [g]), N(() => {
-      const I = a.current;
-      if (!I || !h.current) return;
-      const M = 1e3 / l, D = (j) => {
-        const B = j - f.current;
-        B >= M && (f.current = j - B % M, I.draw()), u.current = requestAnimationFrame(D);
+    }, [c, g]), C(() => {
+      const _ = a.current;
+      !_ || !p.current || or(m.current, g) || (_.setCustomUniforms(g), m.current = g);
+    }, [g]), C(() => {
+      const _ = a.current;
+      if (!_ || !p.current) return;
+      const P = 1e3 / l, F = (L) => {
+        const B = L - h.current;
+        B >= P && (h.current = L - B % P, _.draw()), u.current = requestAnimationFrame(F);
       };
-      return u.current = requestAnimationFrame(D), () => {
+      return u.current = requestAnimationFrame(F), () => {
         u.current !== null && (cancelAnimationFrame(u.current), u.current = null);
       };
     }, [l]);
-    const P = U(
-      (I) => {
+    const M = D(
+      (_) => {
         if (!b) return;
-        const M = i.current, D = a.current;
-        if (!M || !D) return;
-        const j = M.getBoundingClientRect(), B = I.clientX - j.left, K = j.height - (I.clientY - j.top);
-        y.current.x = B, y.current.y = K, D.setMouse(B, K, y.current.clickX, y.current.clickY);
+        const P = i.current, F = a.current;
+        if (!P || !F) return;
+        const L = P.getBoundingClientRect(), B = _.clientX - L.left, Y = L.height - (_.clientY - L.top);
+        y.current.x = B, y.current.y = Y, F.setMouse(B, Y, y.current.clickX, y.current.clickY);
       },
       [b]
-    ), L = U(
-      (I) => {
+    ), x = D(
+      (_) => {
         if (!b) return;
-        const M = i.current, D = a.current;
-        if (!M || !D) return;
-        const j = M.getBoundingClientRect(), B = I.clientX - j.left, K = j.height - (I.clientY - j.top);
-        y.current.isDown = !0, y.current.clickX = B, y.current.clickY = K, D.setMouse(B, K, B, K);
+        const P = i.current, F = a.current;
+        if (!P || !F) return;
+        const L = P.getBoundingClientRect(), B = _.clientX - L.left, Y = L.height - (_.clientY - L.top);
+        y.current.isDown = !0, y.current.clickX = B, y.current.clickY = Y, F.setMouse(B, Y, B, Y);
       },
       [b]
-    ), G = U(() => {
+    ), G = D(() => {
       b && (y.current.isDown = !1, y.current.clickX = -Math.abs(y.current.clickX));
     }, [b]);
-    return s ? /* @__PURE__ */ E.jsx(
+    return s ? /* @__PURE__ */ w.jsx(
       "canvas",
       {
         ref: i,
         "data-ikon-node-id": s.id,
         "data-ikon-source": s.sourceMarker,
-        className: C,
+        className: I,
         ...S ? { width: S } : {},
         ...O ? { height: O } : {},
-        onMouseMove: P,
-        onMouseDown: L,
+        onMouseMove: M,
+        onMouseDown: x,
         onMouseUp: G,
         onMouseLeave: G
       }
     ) : null;
   });
   return ({ type: e }) => {
-    if (e === rn)
+    if (e === sr)
       return t;
   };
 }
-const on = "shadertoy", sn = async () => nn();
-function an(t) {
-  t.registerModule(on, sn);
+const ar = "shadertoy", cr = async () => ir();
+function ur(t) {
+  t.registerModule(ar, cr);
 }
-const nt = fe("UIRegistry");
-class cn {
+const st = re("UIRegistry");
+class lr {
   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 = dn(s);
-          this.moduleResolvers.set(n, i), e = !0;
+          const s = await o(), i = hr(s);
+          this.moduleResolvers.set(r, i), e = !0;
         } catch (s) {
-          nt.error(`[IkonUiRegistry] Failed to load module '${n}'.`, s);
+          st.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 fn(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 pr(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 r of this.activeModuleOrder) {
-      const n = this.moduleResolvers.get(r);
-      if (!n) {
-        nt.warn(`Missing resolvers for module ${r}`);
+    for (const n of this.baseResolvers) {
+      const r = n(e);
+      if (r) return r;
+    }
+    for (const n of this.activeModuleOrder) {
+      const r = this.moduleResolvers.get(n);
+      if (!r) {
+        st.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 un() {
-  const t = new cn();
-  return Mr(t), Yr(t), an(t), t.loadRegisteredModules(), t;
+function dr() {
+  const t = new lr();
+  return jn(t), qn(t), ur(t), t.loadRegisteredModules(), t;
 }
-function ln(t) {
+function fr(t) {
   return Array.isArray(t) ? t : [t];
 }
-function dn(t) {
-  return t ? ln(t).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
+function hr(t) {
+  return t ? fr(t).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
 }
-function fn(t, e) {
+function pr(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 $o({ mount: t, stores: e, registry: r, client: n, onAction: o }) {
-  return /* @__PURE__ */ E.jsx(
-    gr,
+function os({ mount: t, stores: e, registry: n, client: r, onAction: o }) {
+  return /* @__PURE__ */ w.jsx(
+    wt,
     {
       stores: e,
-      registry: r,
+      registry: n,
       category: t,
-      client: n,
+      client: r,
       onAction: o
     }
   );
 }
-const _e = fe("MotionController"), ot = {
+const Ne = re("MotionController"), it = {
   ease: [0.25, 0.1, 0.25, 1],
   "ease-in": [0.42, 0, 1, 1],
   "ease-out": [0, 0, 0.58, 1],
@@ -1569,22 +1569,22 @@ const _e = fe("MotionController"), ot = {
   "ease-out-back": [0.175, 0.885, 0.32, 1.275],
   "ease-in-out-back": [0.68, -0.55, 0.265, 1.55]
 };
-function F(t) {
+function V(t) {
   return t <= 0 ? 0 : t >= 1 ? 1 : t;
 }
-function st(t) {
+function at(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 it(t) {
+function ct(t) {
   return typeof CSS < "u" && CSS.escape ? CSS.escape(t) : t.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
-function at(t, e, r, n) {
-  const h = new Float32Array(11);
-  function p(g, b, S) {
+function ut(t, e, n, r) {
+  const p = new Float32Array(11);
+  function m(g, b, S) {
     return ((3 * b - 3 * S + 1) * g + (3 * S - 6 * b)) * g * g + 3 * b * g;
   }
   function y(g, b, S) {
@@ -1592,75 +1592,75 @@ function at(t, e, r, n) {
   }
   function c(g, b) {
     for (let S = 0; S < 4; S += 1) {
-      const O = y(b, t, r);
+      const O = y(b, t, n);
       if (O === 0)
         return b;
-      const C = p(b, t, r) - g;
-      b -= C / O;
+      const I = m(b, t, n) - g;
+      b -= I / O;
     }
     return b;
   }
   function l(g, b, S) {
-    let O = 0, C = 0, P = 0;
+    let O = 0, I = 0, M = 0;
     do
-      C = b + (S - b) / 2, O = p(C, t, r) - g, O > 0 ? S = C : b = C;
-    while (Math.abs(O) > 1e-7 && ++P < 10);
-    return C;
+      I = b + (S - b) / 2, O = m(I, t, n) - g, O > 0 ? S = I : b = I;
+    while (Math.abs(O) > 1e-7 && ++M < 10);
+    return I;
   }
-  function m(g) {
+  function f(g) {
     let b = 0, S = 1;
     const O = 10;
-    for (; S !== O && h[S] <= g; S += 1)
+    for (; S !== O && p[S] <= g; S += 1)
       b += 0.1;
     S -= 1;
-    const C = (g - h[S]) / (h[S + 1] - h[S]), P = b + C * 0.1, L = y(P, t, r);
-    return L >= 1e-3 ? c(g, P) : L === 0 ? P : l(g, b, b + 0.1);
+    const I = (g - p[S]) / (p[S + 1] - p[S]), M = b + I * 0.1, x = y(M, t, n);
+    return x >= 1e-3 ? c(g, M) : x === 0 ? M : l(g, b, b + 0.1);
   }
   for (let g = 0; g < 11; g += 1)
-    h[g] = p(g * 0.1, t, r);
-  return (g) => g <= 0 ? 0 : g >= 1 ? 1 : p(m(g), e, n);
+    p[g] = m(g * 0.1, t, n);
+  return (g) => g <= 0 ? 0 : g >= 1 ? 1 : m(f(g), e, r);
 }
-function pn(t) {
+function mr(t) {
   const e = /steps\(\s*([0-9]+)\s*(?:,\s*([a-z-]+)\s*)?\)/i.exec(t);
   if (!e)
-    return (o) => F(o);
-  const r = Math.max(1, parseInt(e[1], 10)), n = (e[2] ?? "end").toLowerCase();
-  return n === "start" || n === "jump-start" ? (o) => F(Math.ceil(o * r) / r) : n === "none" || n === "jump-none" ? (o) => F(Math.round(o * r) / r) : n === "both" || n === "jump-both" ? (o) => F((Math.floor(o * r) + 0.5) / r) : (o) => F(Math.floor(o * r) / r);
+    return (o) => V(o);
+  const n = Math.max(1, parseInt(e[1], 10)), r = (e[2] ?? "end").toLowerCase();
+  return r === "start" || r === "jump-start" ? (o) => V(Math.ceil(o * n) / n) : r === "none" || r === "jump-none" ? (o) => V(Math.round(o * n) / n) : r === "both" || r === "jump-both" ? (o) => V((Math.floor(o * n) + 0.5) / n) : (o) => V(Math.floor(o * n) / n);
 }
-function hn(t) {
+function gr(t) {
   if (!t)
-    return (r) => F(r);
+    return (n) => V(n);
   const e = t.trim().toLowerCase();
   if (!e || e === "linear")
-    return (r) => F(r);
-  if (ot[e]) {
-    const [r, n, o, s] = ot[e], i = at(r, n, o, s);
-    return (a) => F(i(F(a)));
+    return (n) => V(n);
+  if (it[e]) {
+    const [n, r, o, s] = it[e], i = ut(n, r, o, s);
+    return (a) => V(i(V(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, u = at(o, s, i, a);
-      return (f) => F(u(F(f)));
+    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, u = ut(o, s, i, a);
+      return (h) => V(u(V(h)));
     }
   }
   if (e.startsWith("steps(") && e.endsWith(")")) {
-    const r = pn(e);
-    return (n) => r(F(n));
+    const n = mr(e);
+    return (r) => n(V(r));
   }
-  return (r) => F(r);
+  return (n) => V(n);
 }
-function mn(t) {
+function yr(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 gn {
+class br {
   bindingsByStyle = /* @__PURE__ */ new Map();
   observer;
   observeScheduled = !1;
@@ -1669,15 +1669,15 @@ class gn {
   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));
@@ -1686,42 +1686,42 @@ class gn {
     for (const e of Array.from(this.globalCleanups))
       try {
         e();
-      } catch (r) {
-        _e.warn("Failed to cleanup binding listener", r);
+      } catch (n) {
+        Ne.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) {
-        _e.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) {
+        Ne.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 = st(e.min) ?? 0, o = st(e.max), s = o === void 0 ? n + 100 : o, i = (e.clamp ?? "clamp").trim().toLowerCase(), a = !!e.reverse, u = hn(e.ease), f = mn(e.map), h = e.targetId?.trim() || void 0;
-    return Number.isNaN(n) || Number.isNaN(s) ? void 0 : {
-      source: r.toLowerCase(),
-      min: n,
+    const r = at(e.min) ?? 0, o = at(e.max), s = o === void 0 ? r + 100 : o, i = (e.clamp ?? "clamp").trim().toLowerCase(), a = !!e.reverse, u = gr(e.ease), h = yr(e.map), p = 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: u,
-      map: f,
-      targetId: h
+      map: h,
+      targetId: p
     };
   }
   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,
@@ -1739,7 +1739,7 @@ class gn {
   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;
@@ -1748,82 +1748,82 @@ class gn {
       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 = `.${it(e)}`;
-    document.querySelectorAll(n).forEach((s) => this.applyStyleToElement(s, e, r));
+    const r = `.${ct(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="${it(r.targetId)}"]`, o = typeof document < "u" ? document.querySelector(n) : null;
+  resolveScrollContainer(e, n) {
+    if (n.targetId) {
+      const r = `[data-ikon-motion-source="${ct(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), u = Number.isFinite(a) ? a : 0, f = u * 100;
-    if (e.style.setProperty("--tw-motion-bind-source-value", `${n}`), e.style.setProperty("--tw-motion-bind-progress-ratio", `${u}`), e.style.setProperty("--tw-motion-bind-progress", `${f}`), r.map) {
-      const h = this.applyMap(f, r.map);
-      h !== void 0 && e.style.setProperty("--tw-motion-bind-value", `${h}`);
+  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), u = Number.isFinite(a) ? a : 0, h = u * 100;
+    if (e.style.setProperty("--tw-motion-bind-source-value", `${r}`), e.style.setProperty("--tw-motion-bind-progress-ratio", `${u}`), e.style.setProperty("--tw-motion-bind-progress", `${h}`), n.map) {
+      const p = this.applyMap(h, n.map);
+      p !== void 0 && e.style.setProperty("--tw-motion-bind-value", `${p}`);
     } 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":
@@ -1831,265 +1831,265 @@ class gn {
       case "unclamped":
         return e;
       default:
-        return F(e);
+        return V(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) {
-        _e.warn("Failed to cleanup listener", a);
+        Ne.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 gn();
-function yn(t) {
-  const e = v(/* @__PURE__ */ new Map()), r = U(({ styleId: s, css: i, common: a }) => {
+const Me = new br();
+function Sr(t) {
+  const e = E(/* @__PURE__ */ new Map()), n = D(({ styleId: s, css: i, common: a }) => {
     if (!(!s || typeof document > "u")) {
       if (i) {
         let u = e.current.get(s);
         u || (u = document.createElement("style"), u.setAttribute("data-ikon-style-id", s), document.head.appendChild(u), e.current.set(s, u)), u.textContent = i;
       }
-      Oe.registerStyle(s, a);
+      Me.registerStyle(s, a);
     }
-  }, []), n = U((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)), Me.unregisterStyle(i);
       }
-  }, []), o = U(() => {
+  }, []), o = D(() => {
     if (typeof document < "u") {
       for (const s of e.current.values())
         s.remove();
       e.current.clear();
     }
-    Oe.reset();
+    Me.reset();
   }, []);
-  return N(() => {
+  return C(() => {
     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]), N(() => () => o(), [o]), { setStyle: r, deleteStyles: n, reset: o };
+  }, [t, o, n, r]), C(() => () => o(), [o]), { setStyle: n, deleteStyles: r, reset: o };
 }
-function bn(t) {
+function wr(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 Sn(t) {
-  const [e, r] = $(), n = v("");
-  return N(() => {
+function vr(t) {
+  const [e, n] = j(), r = E("");
+  return C(() => {
     if (!t) {
-      r(void 0), n.current = "";
+      n(void 0), r.current = "";
       return;
     }
     const o = () => {
-      const s = t.getStores(), i = bn(s);
-      i !== n.current && (n.current = i, r(s));
+      const s = t.getStores(), i = wr(s);
+      i !== r.current && (r.current = i, n(s));
     };
     return o(), t.subscribe(o);
   }, [t]), e;
 }
-var wn = typeof global == "object" && global && global.Object === Object && global, vn = typeof self == "object" && self && self.Object === Object && self, En = wn || vn || Function("return this")(), ke = En.Symbol, Et = Object.prototype, Rn = Et.hasOwnProperty, kn = Et.toString, ue = ke ? ke.toStringTag : void 0;
-function An(t) {
-  var e = Rn.call(t, ue), r = t[ue];
+var Er = typeof global == "object" && global && global.Object === Object && global, Rr = typeof self == "object" && self && self.Object === Object && self, kr = Er || Rr || Function("return this")(), Ae = kr.Symbol, Tt = Object.prototype, Ar = Tt.hasOwnProperty, Tr = Tt.toString, de = Ae ? Ae.toStringTag : void 0;
+function Cr(t) {
+  var e = Ar.call(t, de), n = t[de];
   try {
-    t[ue] = void 0;
-    var n = !0;
+    t[de] = void 0;
+    var r = !0;
   } catch {
   }
-  var o = kn.call(t);
-  return n && (e ? t[ue] = r : delete t[ue]), o;
+  var o = Tr.call(t);
+  return r && (e ? t[de] = n : delete t[de]), o;
 }
-var Tn = Object.prototype, Cn = Tn.toString;
-function In(t) {
-  return Cn.call(t);
+var Ir = Object.prototype, _r = Ir.toString;
+function Or(t) {
+  return _r.call(t);
 }
-var _n = "[object Null]", On = "[object Undefined]", ct = ke ? ke.toStringTag : void 0;
-function Nn(t) {
-  return t == null ? t === void 0 ? On : _n : ct && ct in Object(t) ? An(t) : In(t);
+var Nr = "[object Null]", Mr = "[object Undefined]", lt = Ae ? Ae.toStringTag : void 0;
+function Pr(t) {
+  return t == null ? t === void 0 ? Mr : Nr : lt && lt in Object(t) ? Cr(t) : Or(t);
 }
-function Pn(t) {
+function xr(t) {
   return t != null && typeof t == "object";
 }
-var Mn = Array.isArray, Ln = "[object String]";
-function xn(t) {
-  return typeof t == "string" || !Mn(t) && Pn(t) && Nn(t) == Ln;
+var Lr = Array.isArray, jr = "[object String]";
+function Ur(t) {
+  return typeof t == "string" || !Lr(t) && xr(t) && Pr(t) == jr;
 }
-const ut = "ikonUiModules";
-function Be(t) {
+const dt = "ikonUiModules";
+function $e(t) {
   return typeof t == "object" && t !== null && !Array.isArray(t);
 }
-function Un(t) {
+function Dr(t) {
   if (!Array.isArray(t))
     return;
   const e = /* @__PURE__ */ new Set();
-  for (const r of t) {
-    if (!xn(r)) continue;
-    const n = r.trim();
-    n && (e.has(n) || e.add(n));
+  for (const n of t) {
+    if (!Ur(n)) continue;
+    const r = n.trim();
+    r && (e.has(r) || e.add(r));
   }
   return Array.from(e);
 }
-function Vo(t, e) {
+function ss(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 jn(t) {
-  if (!(!Be(t) || !Object.prototype.hasOwnProperty.call(t, ut)))
-    return Un(t[ut]);
+function Fr(t) {
+  if (!(!$e(t) || !Object.prototype.hasOwnProperty.call(t, dt)))
+    return Dr(t[dt]);
 }
-function Ko(...t) {
+function is(...t) {
   for (const e of t) {
-    const r = jn(e);
-    if (r !== void 0)
-      return r;
+    const n = Fr(e);
+    if (n !== void 0)
+      return n;
   }
 }
-function zo(t) {
-  if (!Be(t))
+function as(t) {
+  if (!$e(t))
     return;
-  const e = t, r = Object.keys(e).find((u) => u.toLowerCase() === "modules");
-  if (!r)
+  const e = t, n = Object.keys(e).find((u) => u.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 u of n) {
+  for (const u of r) {
     if (typeof u == "string") {
-      const m = u.trim();
-      if (!m || i.has(m))
+      const f = u.trim();
+      if (!f || i.has(f))
         continue;
-      o.push(m), i.add(m);
+      o.push(f), i.add(f);
       continue;
     }
-    if (!Be(u))
+    if (!$e(u))
       continue;
-    const f = u, h = Object.keys(f).find((m) => m.toLowerCase() === "name");
-    if (!h)
+    const h = u, p = Object.keys(h).find((f) => f.toLowerCase() === "name");
+    if (!p)
       continue;
-    const p = f[h];
-    if (typeof p != "string")
+    const m = h[p];
+    if (typeof m != "string")
       continue;
-    const y = p.trim();
+    const y = m.trim();
     if (!y)
       continue;
-    const c = Object.keys(f).find((m) => m.toLowerCase() === "javascript"), l = c ? f[c] : void 0;
+    const c = Object.keys(h).find((f) => f.toLowerCase() === "javascript"), l = c ? h[c] : void 0;
     typeof l == "string" && s.set(y, l), i.has(y) || (o.push(y), i.add(y));
   }
   if (!o.length && s.size === 0)
     return { modules: [] };
-  const a = Array.from(s.entries()).map(([u, f]) => ({
+  const a = Array.from(s.entries()).map(([u, h]) => ({
     name: u,
-    javascript: f
+    javascript: h
   }));
   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
-}, Dn = [
+}, Br = [
   {
-    flag: k.Letter,
+    flag: R.Letter,
     hints: [
       "[data-motion-letter]",
       "[data-letter]",
@@ -2098,7 +2098,7 @@ const k = {
     ]
   },
   {
-    flag: k.Word,
+    flag: R.Word,
     hints: [
       "[data-motion-word]",
       "[data-word]",
@@ -2107,7 +2107,7 @@ const k = {
     ]
   },
   {
-    flag: k.Line,
+    flag: R.Line,
     hints: [
       "[data-motion-line]",
       "[data-line]",
@@ -2116,7 +2116,7 @@ const k = {
     ]
   },
   {
-    flag: k.Paragraph,
+    flag: R.Paragraph,
     hints: [
       "[data-motion-paragraph]",
       "[data-paragraph]",
@@ -2127,7 +2127,7 @@ const k = {
     ]
   },
   {
-    flag: k.Emoji,
+    flag: R.Emoji,
     hints: [
       ":is([data-motion-emoji],[data-emoji],.tw-motion-emoji,.tw-emoji)",
       "[data-motion-emoji]",
@@ -2136,160 +2136,160 @@ const k = {
       "[data-emoji]"
     ]
   }
-], Fe = k.Letter | k.Word | k.Line | k.Paragraph | k.Emoji, Bn = k.Letter | k.Word | k.Line | k.Paragraph, lt = /* @__PURE__ */ new Map(), Fn = 16384;
-function Yo(t, e) {
-  if (!t || t.length > Fn)
+], Ve = R.Letter | R.Word | R.Line | R.Paragraph | R.Emoji, $r = R.Letter | R.Word | R.Line | R.Paragraph, ft = /* @__PURE__ */ new Map(), Vr = 16384;
+function cs(t, e) {
+  if (!t || t.length > Vr)
     return t;
-  const r = no(e), n = re(r, k.Emoji), o = r & Bn;
-  if (o === k.None && !n)
+  const n = so(e), r = ne(n, R.Emoji), o = n & $r;
+  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 = to(s);
+  if (o === R.None)
+    return gt(s);
+  const i = ro(s);
   if (i.length === 0)
-    return n ? ht(s) : t;
-  const a = ro(i), u = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, f = [];
-  for (const h of a) {
-    const p = $n(h, r, u);
-    f.push(...p);
+    return r ? gt(s) : t;
+  const a = oo(i), u = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, h = [];
+  for (const p of a) {
+    const m = Kr(p, n, u);
+    h.push(...m);
   }
-  return f;
+  return h;
 }
-function $n(t, e, r) {
-  const n = [];
+function Kr(t, e, n) {
+  const r = [];
   for (const o of t) {
-    const s = Vn(o, e, r);
-    n.push(...s);
+    const s = Yr(o, e, n);
+    r.push(...s);
   }
-  if (re(e, k.Paragraph)) {
-    const o = r.paragraph++;
+  if (ne(e, R.Paragraph)) {
+    const o = n.paragraph++;
     return [
-      /* @__PURE__ */ E.jsx(
+      /* @__PURE__ */ w.jsx(
         "span",
         {
           "data-motion-paragraph": !0,
-          style: Ce(o),
-          children: n
+          style: Ie(o),
+          children: r
         },
         `motion-paragraph-${o}`
       )
     ];
   }
-  return n;
+  return r;
 }
-function Vn(t, e, r) {
-  const n = Kn(t.text, e, r), o = [];
-  if (re(e, k.Line)) {
-    const s = r.line++;
+function Yr(t, e, n) {
+  const r = zr(t.text, e, n), o = [];
+  if (ne(e, R.Line)) {
+    const s = n.line++;
     o.push(
-      /* @__PURE__ */ E.jsx("span", { "data-motion-line": !0, style: Ce(s), children: n }, `motion-line-${s}`)
+      /* @__PURE__ */ w.jsx("span", { "data-motion-line": !0, style: Ie(s), children: r }, `motion-line-${s}`)
     );
   } else
-    o.push(...n);
+    o.push(...r);
   for (let s = 0; s < t.breaks; s++)
-    o.push(/* @__PURE__ */ E.jsx("br", {}, `motion-break-${r.br++}`));
+    o.push(/* @__PURE__ */ w.jsx("br", {}, `motion-break-${n.br++}`));
   return o;
 }
-function Kn(t, e, r) {
+function zr(t, e, n) {
   if (!t)
     return [];
-  const n = re(e, k.Word), o = [], s = /(\s+)/g;
+  const r = ne(e, R.Word), o = [], s = /(\s+)/g;
   let i = 0, a;
   for (; (a = s.exec(t)) !== null; ) {
     if (a.index > i) {
       const u = t.slice(i, a.index);
-      o.push(dt(u, r, e, n));
+      o.push(ht(u, n, e, r));
     }
     o.push(a[0]), i = a.index + a[0].length;
   }
   if (i < t.length) {
     const u = t.slice(i);
-    o.push(dt(u, r, e, n));
+    o.push(ht(u, n, e, r));
   }
   return o;
 }
-function dt(t, e, r, n) {
-  const o = e.word++, s = Yn(t, r, e), i = `motion-word-${o}`, a = zn(o, n);
-  return n ? /* @__PURE__ */ E.jsx("span", { "data-motion-word": !0, style: a, children: s }, i) : /* @__PURE__ */ E.jsx("span", { style: a, children: s }, i);
+function ht(t, e, n, r) {
+  const o = e.word++, s = Hr(t, n, e), i = `motion-word-${o}`, a = Wr(o, r);
+  return r ? /* @__PURE__ */ w.jsx("span", { "data-motion-word": !0, style: a, children: s }, i) : /* @__PURE__ */ w.jsx("span", { style: a, children: s }, i);
 }
-function zn(t, e) {
-  return e ? { ...Ce(t), whiteSpace: "nowrap" } : { whiteSpace: "nowrap" };
+function Wr(t, e) {
+  return e ? { ...Ie(t), whiteSpace: "nowrap" } : { whiteSpace: "nowrap" };
 }
-function Yn(t, e, r) {
+function Hr(t, e, n) {
   if (!t)
     return [];
-  const n = re(e, k.Letter), o = re(e, k.Emoji);
-  if (!n) {
+  const r = ne(e, R.Letter), o = ne(e, R.Emoji);
+  if (!r) {
     if (!o)
       return [t];
-    const a = $e(t);
+    const a = Ke(t);
     if (a.length === 0)
       return [t];
-    const { nodes: u } = kt(a, r);
+    const { nodes: u } = It(a, n);
     return u;
   }
-  const s = [], i = $e(t);
+  const s = [], i = Ke(t);
   for (const a of i) {
-    const u = r.letter++, f = `motion-letter-${u}`, h = Ce(u);
+    const u = n.letter++, h = `motion-letter-${u}`, p = Ie(u);
     if (a === `
 `) {
       s.push(
-        /* @__PURE__ */ E.jsx("span", { "data-motion-letter": !0, style: h, children: /* @__PURE__ */ E.jsx("br", {}) }, f)
+        /* @__PURE__ */ w.jsx("span", { "data-motion-letter": !0, style: p, children: /* @__PURE__ */ w.jsx("br", {}) }, h)
       );
       continue;
     }
-    const y = o && Rt(a) ? { "data-motion-emoji": !0 } : void 0, c = a === " " ? " " : a;
+    const y = o && Ct(a) ? { "data-motion-emoji": !0 } : void 0, c = a === " " ? " " : a;
     s.push(
-      /* @__PURE__ */ E.jsx("span", { "data-motion-letter": !0, style: h, ...y, children: c }, f)
+      /* @__PURE__ */ w.jsx("span", { "data-motion-letter": !0, style: p, ...y, children: c }, h)
     );
   }
   return s;
 }
-function $e(t) {
+function Ke(t) {
   if (!t)
     return [];
-  const e = Wn();
-  return e ? Array.from(e.segment(t), (r) => r.segment) : Hn(t);
+  const e = qr();
+  return e ? Array.from(e.segment(t), (n) => n.segment) : Gr(t);
 }
-let le;
-function Wn() {
-  return le !== void 0 || (typeof Intl < "u" && typeof Intl.Segmenter == "function" ? le = new Intl.Segmenter(void 0, { granularity: "grapheme" }) : le = null), le;
+let fe;
+function qr() {
+  return fe !== void 0 || (typeof Intl < "u" && typeof Intl.Segmenter == "function" ? fe = new Intl.Segmenter(void 0, { granularity: "grapheme" }) : fe = null), fe;
 }
-function Hn(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 && qn(s, i)) && (e.push(n), n = "");
+function Gr(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 && Jr(s, i)) && (e.push(r), r = "");
   }
-  return n && e.push(n), e;
+  return r && e.push(r), e;
 }
-function qn(t, e) {
-  return e ? !!(ft(t) || ft(e) || Xn(e) || Gn(e) || Jn(e) || pt(t) && pt(e)) : !1;
+function Jr(t, e) {
+  return e ? !!(pt(t) || pt(e) || Qr(e) || Xr(e) || Zr(e) || mt(t) && mt(e)) : !1;
 }
-function ft(t) {
+function pt(t) {
   return t.codePointAt(0) === 8205;
 }
-function Gn(t) {
+function Xr(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 65024 && e <= 65039 || e >= 917760 && e <= 917999;
 }
-function Jn(t) {
+function Zr(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 127995 && e <= 127999;
 }
-function pt(t) {
+function mt(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 127462 && e <= 127487;
 }
-let Ne;
-function Xn(t) {
-  return t ? (Ne || (Ne = Zn()), Ne(t)) : !1;
+let Pe;
+function Qr(t) {
+  return t ? (Pe || (Pe = eo()), Pe(t)) : !1;
 }
-function Zn() {
+function eo() {
   try {
     const t = new RegExp("\\p{Mark}", "u");
     return (e) => t.test(e);
@@ -2300,55 +2300,55 @@ function Zn() {
     };
   }
 }
-let Pe;
-function Rt(t) {
-  return t ? (Pe || (Pe = Qn()), Pe(t)) : !1;
+let xe;
+function Ct(t) {
+  return t ? (xe || (xe = to()), xe(t)) : !1;
 }
-function Qn() {
+function to() {
   try {
     const t = new RegExp("\\p{Extended_Pictographic}", "u");
     return (e) => t.test(e);
   } catch {
-    return eo;
+    return no;
   }
 }
-function eo(t) {
+function no(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 to(t) {
+function ro(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 ro(t) {
+function oo(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 re(t, e) {
+function ne(t, e) {
   return (t & e) === e;
 }
-function Ce(t) {
+function Ie(t) {
   return {
     "--tw-motion-seq-index": t.toString(),
     backgroundColor: "inherit",
@@ -2365,128 +2365,128 @@ function Ce(t) {
     WebkitTextFillColor: "inherit"
   };
 }
-function ht(t) {
+function gt(t) {
   if (!t)
     return t;
-  const e = $e(t);
+  const e = Ke(t);
   if (e.length === 0)
     return t;
-  const { nodes: r, sawEmoji: n } = kt(e);
-  return n ? r.length === 1 ? r[0] ?? t : r : t;
+  const { nodes: n, sawEmoji: r } = It(e);
+  return r ? n.length === 1 ? n[0] ?? t : n : t;
 }
-function kt(t, e) {
-  const r = [];
-  let n = "", o = !1, s = e?.emoji ?? 0;
+function It(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 (Rt(a)) {
+    if (Ct(a)) {
       o = !0, i();
-      const f = `motion-emoji-${e ? e.emoji++ : s++}`;
-      r.push(
-        /* @__PURE__ */ E.jsx("span", { "data-motion-emoji": !0, children: a }, f)
+      const h = `motion-emoji-${e ? e.emoji++ : s++}`;
+      n.push(
+        /* @__PURE__ */ w.jsx("span", { "data-motion-emoji": !0, children: a }, h)
       );
       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 no(t) {
+function so(t) {
   if (!t)
-    return k.None;
+    return R.None;
   const e = t.trim();
   if (!e)
-    return k.None;
-  const r = lt.get(e);
-  if (typeof r == "number")
-    return r;
+    return R.None;
+  const n = ft.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((u) => `.${oo(u)}`).map(
-    (u) => new RegExp(`(^|[^a-zA-Z0-9_-])${so(u)}(?![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((u) => `.${io(u)}`).map(
+    (u) => new RegExp(`(^|[^a-zA-Z0-9_-])${ao(u)}(?![a-zA-Z0-9_-])`)
   );
-  let i = k.None, a = !1;
+  let i = R.None, a = !1;
   for (const u of Array.from(document.styleSheets)) {
-    let f;
+    let h;
     try {
-      f = u.cssRules;
+      h = u.cssRules;
     } catch {
       continue;
     }
-    const h = At(f, s);
-    if (h.mask && (i |= h.mask, i === Fe))
+    const p = _t(h, s);
+    if (p.mask && (i |= p.mask, i === Ve))
       break;
-    a ||= h.sawStyleRule;
+    a ||= p.sawStyleRule;
   }
-  return (i !== k.None || a) && lt.set(e, i), i;
+  return (i !== R.None || a) && ft.set(e, i), i;
 }
-function At(t, e) {
+function _t(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((f) => f.test(a))) continue;
-        n = !0;
-        for (const f of Dn)
-          f.hints.some((h) => a.includes(h)) && (r |= f.flag);
-        if (r === Fe)
-          return { mask: r, sawStyleRule: !0 };
+        if (!a || !e.some((h) => h.test(a))) continue;
+        r = !0;
+        for (const h of Br)
+          h.hints.some((p) => a.includes(p)) && (n |= h.flag);
+        if (n === Ve)
+          return { mask: n, sawStyleRule: !0 };
       } else if ("cssRules" in s) {
-        const i = At(s.cssRules, e);
-        if (i.mask && (r |= i.mask, r === Fe))
-          return { mask: r, sawStyleRule: !0 };
-        n ||= i.sawStyleRule;
+        const i = _t(s.cssRules, e);
+        if (i.mask && (n |= i.mask, n === Ve))
+          return { mask: n, sawStyleRule: !0 };
+        r ||= i.sawStyleRule;
       }
     }
   }
-  return { mask: r, sawStyleRule: n };
+  return { mask: n, sawStyleRule: r };
 }
-function oo(t) {
+function io(t) {
   return typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(t) : t.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
-function so(t) {
+function ao(t) {
   return t.replace(/[.*+?^${}()|[\]\\]/g, (e) => `\\${e}`);
 }
-const We = "ikon_auth_session", io = 10080 * 60 * 1e3, ao = 60 * 1e3;
-function co(t) {
+const qe = "ikon_auth_session", co = 10080 * 60 * 1e3, uo = 60 * 1e3;
+function lo(t) {
   try {
     const e = t.split(".");
     if (e.length !== 3) return !0;
-    const r = e[1].replace(/-/g, "+").replace(/_/g, "/"), n = r + "=".repeat((4 - r.length % 4) % 4), o = JSON.parse(atob(n));
-    return typeof o.exp != "number" ? !1 : Date.now() >= o.exp * 1e3 - ao;
+    const n = e[1].replace(/-/g, "+").replace(/_/g, "/"), r = n + "=".repeat((4 - n.length % 4) % 4), o = JSON.parse(atob(r));
+    return typeof o.exp != "number" ? !1 : Date.now() >= o.exp * 1e3 - uo;
   } catch {
     return !0;
   }
 }
 function pe(t) {
   try {
-    localStorage.setItem(We, JSON.stringify(t));
+    localStorage.setItem(qe, JSON.stringify(t));
   } catch {
     console.warn("Failed to save auth session to localStorage");
   }
 }
-function Tt() {
+function Ot() {
   try {
-    const t = localStorage.getItem(We);
+    const t = localStorage.getItem(qe);
     if (!t) return null;
     const e = JSON.parse(t);
-    return Date.now() - e.authenticatedAt > io || co(e.token) ? (Ae(), null) : e;
+    return Date.now() - e.authenticatedAt > co || lo(e.token) ? (Te(), null) : e;
   } catch {
     return console.warn("Failed to load auth session from localStorage"), null;
   }
 }
-function Ae() {
+function Te() {
   try {
-    localStorage.removeItem(We);
+    localStorage.removeItem(qe);
   } catch {
     console.warn("Failed to clear auth session from localStorage");
   }
@@ -2499,126 +2499,126 @@ function ee(t) {
     authenticatedAt: t.authenticatedAt
   };
 }
-const Ct = 15e3;
-async function It(t, e) {
-  const r = Kt(), n = await fetch(`${e}/anonymous`, {
+const Nt = 15e3;
+async function Mt(t, e) {
+  const n = Ht(), 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 pe(s), s;
 }
-async function uo({ email: t, spaceId: e, authUrl: r }) {
-  const n = await fetch(`${r}/email/send`, {
+async function fo({ email: t, spaceId: e, authUrl: n }) {
+  const r = await fetch(`${n}/email/send`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify({
       email: t.trim(),
       space: e
     }),
-    signal: AbortSignal.timeout(Ct)
+    signal: AbortSignal.timeout(Nt)
   });
-  if (!n.ok) {
-    const o = await n.text().catch(() => "Failed to send login code");
+  if (!r.ok) {
+    const o = await r.text().catch(() => "Failed to send login code");
     throw new Error(o);
   }
 }
-async function lo({ email: t, code: e, authUrl: r }) {
-  const n = await fetch(`${r}/email/code`, {
+async function ho({ email: t, code: e, authUrl: n }) {
+  const r = await fetch(`${n}/email/code`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify({
       email: t.trim(),
       code: e.trim()
     }),
-    signal: AbortSignal.timeout(Ct)
+    signal: AbortSignal.timeout(Nt)
   });
-  if (!n.ok) {
-    const i = await n.text().catch(() => "Invalid code");
+  if (!r.ok) {
+    const i = await r.text().catch(() => "Invalid code");
     throw new Error(i);
   }
-  const { token: o } = await n.json(), s = {
+  const { token: o } = await r.json(), s = {
     token: o,
     provider: "email",
     authenticatedAt: Date.now()
   };
   return pe(s), s;
 }
-function fo() {
-  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 po() {
+  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 mo() {
   return new URLSearchParams(window.location.search).get("error");
 }
-function mt() {
+function yt() {
   window.history.replaceState({}, "", window.location.pathname);
 }
-function ho(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 go(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 mo(t) {
+async function yo(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 go(t, e, r) {
-  const n = await fetch(`${t}/passkey/registration/verify`, {
+async function bo(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 pe(s), s;
 }
-async function yo(t, e) {
-  const r = await fetch(`${t}/passkey/authentication/options`, {
+async function So(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 bo(t, e) {
-  const r = await fetch(`${t}/passkey/authentication/verify`, {
+async function wo(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()
   };
@@ -2626,28 +2626,28 @@ async function bo(t, e) {
 }
 function q(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 Te(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 Ce(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 He() {
-  return So.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
+function Ge() {
+  return vo.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
 }
-const So = {
+const vo = {
   stubThis: (t) => t
 };
-function _t(t) {
+function Pt(t) {
   const { id: e } = t;
   return {
     ...t,
-    id: Te(e),
+    id: Ce(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
@@ -2656,102 +2656,102 @@ function _t(t) {
     transports: t.transports
   };
 }
-function Ot(t) {
+function xt(t) {
   return (
     // Consider localhost valid as well since it's okay wrt Secure Contexts
     t === "localhost" || // Support punycode (ACE) or ascii labels and domains
     /^((xn--[a-z0-9-]+|[a-z0-9]+(-[a-z0-9]+)*)\.)+([a-z]{2,}|xn--[a-z0-9-]+)$/i.test(t)
   );
 }
-class x extends Error {
-  constructor({ message: e, code: r, cause: n, name: o }) {
-    super(e, { cause: n }), Object.defineProperty(this, "code", {
+class U extends Error {
+  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 wo({ error: t, options: e }) {
-  const { publicKey: r } = e;
-  if (!r)
+function Eo({ 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)
-      return new x({
+      return new U({
         message: "Registration ceremony was sent an abort signal",
         code: "ERROR_CEREMONY_ABORTED",
         cause: t
       });
   } else if (t.name === "ConstraintError") {
-    if (r.authenticatorSelection?.requireResidentKey === !0)
-      return new x({
+    if (n.authenticatorSelection?.requireResidentKey === !0)
+      return new U({
         message: "Discoverable credentials were required but no available authenticator supported it",
         code: "ERROR_AUTHENTICATOR_MISSING_DISCOVERABLE_CREDENTIAL_SUPPORT",
         cause: t
       });
     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 x({
+      return new U({
         message: "User verification was required during automatic registration but it could not be performed",
         code: "ERROR_AUTO_REGISTER_USER_VERIFICATION_FAILURE",
         cause: t
       });
-    if (r.authenticatorSelection?.userVerification === "required")
-      return new x({
+    if (n.authenticatorSelection?.userVerification === "required")
+      return new U({
         message: "User verification was required but no available authenticator supported it",
         code: "ERROR_AUTHENTICATOR_MISSING_USER_VERIFICATION_SUPPORT",
         cause: t
       });
   } else {
     if (t.name === "InvalidStateError")
-      return new x({
+      return new U({
         message: "The authenticator was previously registered",
         code: "ERROR_AUTHENTICATOR_PREVIOUSLY_REGISTERED",
         cause: t
       });
     if (t.name === "NotAllowedError")
-      return new x({
+      return new U({
         message: t.message,
         code: "ERROR_PASSTHROUGH_SEE_CAUSE_PROPERTY",
         cause: t
       });
     if (t.name === "NotSupportedError")
-      return r.pubKeyCredParams.filter((o) => o.type === "public-key").length === 0 ? new x({
+      return n.pubKeyCredParams.filter((o) => o.type === "public-key").length === 0 ? new U({
         message: 'No entry in pubKeyCredParams was of type "public-key"',
         code: "ERROR_MALFORMED_PUBKEYCREDPARAMS",
         cause: t
-      }) : new x({
+      }) : new U({
         message: "No available authenticator supported any of the specified pubKeyCredParams algorithms",
         code: "ERROR_AUTHENTICATOR_NO_SUPPORTED_PUBKEYCREDPARAMS_ALG",
         cause: t
       });
     if (t.name === "SecurityError") {
-      const n = globalThis.location.hostname;
-      if (Ot(n)) {
-        if (r.rp.id !== n)
-          return new x({
-            message: `The RP ID "${r.rp.id}" is invalid for this domain`,
+      const r = globalThis.location.hostname;
+      if (xt(r)) {
+        if (n.rp.id !== r)
+          return new U({
+            message: `The RP ID "${n.rp.id}" is invalid for this domain`,
             code: "ERROR_INVALID_RP_ID",
             cause: t
           });
-      } else return new x({
+      } else return new U({
         message: `${globalThis.location.hostname} is an invalid domain`,
         code: "ERROR_INVALID_DOMAIN",
         cause: t
       });
     } else if (t.name === "TypeError") {
-      if (r.user.id.byteLength < 1 || r.user.id.byteLength > 64)
-        return new x({
+      if (n.user.id.byteLength < 1 || n.user.id.byteLength > 64)
+        return new U({
           message: "User ID was not between 1 and 64 characters",
           code: "ERROR_INVALID_USER_ID_LENGTH",
           cause: t
         });
     } else if (t.name === "UnknownError")
-      return new x({
+      return new U({
         message: "The authenticator was unable to process the specified options, or could not create a new credential",
         code: "ERROR_AUTHENTICATOR_GENERAL_ERROR",
         cause: t
@@ -2759,7 +2759,7 @@ function wo({ error: t, options: e }) {
   }
   return t;
 }
-class vo {
+class Ro {
   constructor() {
     Object.defineProperty(this, "controller", {
       enumerable: !0,
@@ -2770,8 +2770,8 @@ class vo {
   }
   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;
@@ -2783,43 +2783,43 @@ class vo {
     }
   }
 }
-const Nt = new vo(), Eo = ["cross-platform", "platform"];
-function Pt(t) {
-  if (t && !(Eo.indexOf(t) < 0))
+const Lt = new Ro(), ko = ["cross-platform", "platform"];
+function jt(t) {
+  if (t && !(ko.indexOf(t) < 0))
     return t;
 }
-async function Ro(t) {
+async function Ao(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 (!He())
+  const { optionsJSON: e, useAutoRegister: n = !1 } = t;
+  if (!Ge())
     throw new Error("WebAuthn is not supported in this browser");
-  const n = {
+  const r = {
     ...e,
-    challenge: Te(e.challenge),
+    challenge: Ce(e.challenge),
     user: {
       ...e.user,
-      id: Te(e.user.id)
+      id: Ce(e.user.id)
     },
-    excludeCredentials: e.excludeCredentials?.map(_t)
+    excludeCredentials: e.excludeCredentials?.map(Pt)
   }, o = {};
-  r && (o.mediation = "conditional"), o.publicKey = n, o.signal = Nt.createNewAbortSignal();
+  n && (o.mediation = "conditional"), o.publicKey = r, o.signal = Lt.createNewAbortSignal();
   let s;
   try {
     s = await navigator.credentials.create(o);
   } catch (l) {
-    throw wo({ error: l, options: o });
+    throw Eo({ error: l, options: o });
   }
   if (!s)
     throw new Error("Registration was not completed");
-  const { id: i, rawId: a, response: u, type: f } = s;
-  let h;
-  typeof u.getTransports == "function" && (h = u.getTransports());
+  const { id: i, rawId: a, response: u, type: h } = s;
   let p;
+  typeof u.getTransports == "function" && (p = u.getTransports());
+  let m;
   if (typeof u.getPublicKeyAlgorithm == "function")
     try {
-      p = u.getPublicKeyAlgorithm();
+      m = u.getPublicKeyAlgorithm();
     } catch (l) {
-      Me("getPublicKeyAlgorithm()", l);
+      Le("getPublicKeyAlgorithm()", l);
     }
   let y;
   if (typeof u.getPublicKey == "function")
@@ -2827,14 +2827,14 @@ async function Ro(t) {
       const l = u.getPublicKey();
       l !== null && (y = q(l));
     } catch (l) {
-      Me("getPublicKey()", l);
+      Le("getPublicKey()", l);
     }
   let c;
   if (typeof u.getAuthenticatorData == "function")
     try {
       c = q(u.getAuthenticatorData());
     } catch (l) {
-      Me("getAuthenticatorData()", l);
+      Le("getAuthenticatorData()", l);
     }
   return {
     id: i,
@@ -2842,63 +2842,63 @@ async function Ro(t) {
     response: {
       attestationObject: q(u.attestationObject),
       clientDataJSON: q(u.clientDataJSON),
-      transports: h,
-      publicKeyAlgorithm: p,
+      transports: p,
+      publicKeyAlgorithm: m,
       publicKey: y,
       authenticatorData: c
     },
-    type: f,
+    type: h,
     clientExtensionResults: s.getClientExtensionResults(),
-    authenticatorAttachment: Pt(s.authenticatorAttachment)
+    authenticatorAttachment: jt(s.authenticatorAttachment)
   };
 }
-function Me(t, e) {
+function Le(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 ko() {
-  if (!He())
-    return Le.stubThis(new Promise((e) => e(!1)));
+function To() {
+  if (!Ge())
+    return je.stubThis(new Promise((e) => e(!1)));
   const t = globalThis.PublicKeyCredential;
-  return t?.isConditionalMediationAvailable === void 0 ? Le.stubThis(new Promise((e) => e(!1))) : Le.stubThis(t.isConditionalMediationAvailable());
+  return t?.isConditionalMediationAvailable === void 0 ? je.stubThis(new Promise((e) => e(!1))) : je.stubThis(t.isConditionalMediationAvailable());
 }
-const Le = {
+const je = {
   stubThis: (t) => t
 };
-function Ao({ error: t, options: e }) {
-  const { publicKey: r } = e;
-  if (!r)
+function Co({ 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)
-      return new x({
+      return new U({
         message: "Authentication ceremony was sent an abort signal",
         code: "ERROR_CEREMONY_ABORTED",
         cause: t
       });
   } else {
     if (t.name === "NotAllowedError")
-      return new x({
+      return new U({
         message: t.message,
         code: "ERROR_PASSTHROUGH_SEE_CAUSE_PROPERTY",
         cause: t
       });
     if (t.name === "SecurityError") {
-      const n = globalThis.location.hostname;
-      if (Ot(n)) {
-        if (r.rpId !== n)
-          return new x({
-            message: `The RP ID "${r.rpId}" is invalid for this domain`,
+      const r = globalThis.location.hostname;
+      if (xt(r)) {
+        if (n.rpId !== r)
+          return new U({
+            message: `The RP ID "${n.rpId}" is invalid for this domain`,
             code: "ERROR_INVALID_RP_ID",
             cause: t
           });
-      } else return new x({
+      } else return new U({
         message: `${globalThis.location.hostname} is an invalid domain`,
         code: "ERROR_INVALID_DOMAIN",
         cause: t
       });
     } else if (t.name === "UnknownError")
-      return new x({
+      return new U({
         message: "The authenticator was unable to process the specified options, or could not create a new assertion signature",
         code: "ERROR_AUTHENTICATOR_GENERAL_ERROR",
         cause: t
@@ -2906,63 +2906,63 @@ function Ao({ error: t, options: e }) {
   }
   return t;
 }
-async function To(t) {
+async function Io(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 (!He())
+  const { optionsJSON: e, useBrowserAutofill: n = !1, verifyBrowserAutofillInput: r = !0 } = t;
+  if (!Ge())
     throw new Error("WebAuthn is not supported in this browser");
   let o;
-  e.allowCredentials?.length !== 0 && (o = e.allowCredentials?.map(_t));
+  e.allowCredentials?.length !== 0 && (o = e.allowCredentials?.map(Pt));
   const s = {
     ...e,
-    challenge: Te(e.challenge),
+    challenge: Ce(e.challenge),
     allowCredentials: o
   }, i = {};
-  if (r) {
-    if (!await ko())
+  if (n) {
+    if (!await To())
       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 = Nt.createNewAbortSignal();
+  i.publicKey = s, i.signal = Lt.createNewAbortSignal();
   let a;
   try {
     a = await navigator.credentials.get(i);
   } catch (c) {
-    throw Ao({ error: c, options: i });
+    throw Co({ error: c, options: i });
   }
   if (!a)
     throw new Error("Authentication was not completed");
-  const { id: u, rawId: f, response: h, type: p } = a;
+  const { id: u, rawId: h, response: p, type: m } = a;
   let y;
-  return h.userHandle && (y = q(h.userHandle)), {
+  return p.userHandle && (y = q(p.userHandle)), {
     id: u,
-    rawId: q(f),
+    rawId: q(h),
     response: {
-      authenticatorData: q(h.authenticatorData),
-      clientDataJSON: q(h.clientDataJSON),
-      signature: q(h.signature),
+      authenticatorData: q(p.authenticatorData),
+      clientDataJSON: q(p.clientDataJSON),
+      signature: q(p.signature),
       userHandle: y
     },
-    type: p,
+    type: m,
     clientExtensionResults: a.getClientExtensionResults(),
-    authenticatorAttachment: Pt(a.authenticatorAttachment)
+    authenticatorAttachment: jt(a.authenticatorAttachment)
   };
 }
-const qe = gt(null);
-function Wo({ children: t, config: e }) {
-  const [r, n] = $({
+const Je = bt(null);
+function us({ children: t, config: e }) {
+  const [n, r] = j({
     isAuthenticated: !1,
     isLoading: !0,
     user: null,
     error: null
   });
-  N(() => {
+  C(() => {
     (() => {
-      const y = po();
+      const y = mo();
       if (y) {
-        mt(), n({
+        yt(), r({
           isAuthenticated: !1,
           isLoading: !1,
           user: null,
@@ -2970,24 +2970,24 @@ function Wo({ children: t, config: e }) {
         });
         return;
       }
-      const c = fo();
+      const c = po();
       if (c) {
-        const m = {
+        const f = {
           token: c.token,
           provider: c.provider,
           authenticatedAt: Date.now()
         };
-        pe(m), mt(), n({
+        pe(f), yt(), r({
           isAuthenticated: !0,
           isLoading: !1,
-          user: ee(m),
+          user: ee(f),
           error: null
         });
         return;
       }
-      const l = Tt();
+      const l = Ot();
       if (l) {
-        n({
+        r({
           isAuthenticated: !0,
           isLoading: !1,
           user: ee(l),
@@ -2995,7 +2995,7 @@ function Wo({ children: t, config: e }) {
         });
         return;
       }
-      n({
+      r({
         isAuthenticated: !1,
         isLoading: !1,
         user: null,
@@ -3003,28 +3003,28 @@ function Wo({ children: t, config: e }) {
       });
     })();
   }, []);
-  const o = U(
-    async (p) => {
+  const o = D(
+    async (m) => {
       if (!e.spaceId) {
-        n((c) => ({
+        r((c) => ({
           ...c,
           error: "Space ID is not configured"
         }));
         return;
       }
-      const y = await de(e.authUrl);
-      if (p === "guest") {
-        n((c) => ({ ...c, isLoading: !0 }));
+      const y = await he(e.authUrl);
+      if (m === "guest") {
+        r((c) => ({ ...c, isLoading: !0 }));
         try {
-          const c = await It(e.spaceId, y);
-          n({
+          const c = await Mt(e.spaceId, y);
+          r({
             isAuthenticated: !0,
             isLoading: !1,
             user: ee(c),
             error: null
           });
         } catch (c) {
-          n((l) => ({
+          r((l) => ({
             ...l,
             isLoading: !1,
             error: c instanceof Error ? c.message : "Guest login failed"
@@ -3032,18 +3032,18 @@ function Wo({ children: t, config: e }) {
         }
         return;
       }
-      if (p === "passkey") {
-        n((c) => ({ ...c, isLoading: !0, error: null }));
+      if (m === "passkey") {
+        r((c) => ({ ...c, isLoading: !0, error: null }));
         try {
-          const c = await yo(y), l = await To({ optionsJSON: c }), m = await bo(y, l);
-          n({
+          const c = await So(y), l = await Io({ optionsJSON: c }), f = await wo(y, l);
+          r({
             isAuthenticated: !0,
             isLoading: !1,
-            user: ee(m),
+            user: ee(f),
             error: null
           });
         } catch (c) {
-          n((l) => ({
+          r((l) => ({
             ...l,
             isLoading: !1,
             error: c instanceof Error ? c.message : "Passkey login failed"
@@ -3051,25 +3051,25 @@ function Wo({ children: t, config: e }) {
         }
         return;
       }
-      if (p === "email")
+      if (m === "email")
         throw new Error("login('email') is not supported. Use requestEmailCode()/submitEmailCode() from useAuth() instead.");
-      window.location.href = ho(p, e.spaceId, y);
+      window.location.href = go(m, e.spaceId, y);
     },
     [e.authUrl, e.spaceId]
-  ), s = U(
-    async (p) => {
+  ), s = D(
+    async (m) => {
       if (!e.spaceId)
-        throw n((c) => ({ ...c, error: "Space ID is not configured" })), new Error("Space ID is not configured");
-      const y = await de(e.authUrl);
-      await uo({ email: p, spaceId: e.spaceId, authUrl: y });
+        throw r((c) => ({ ...c, error: "Space ID is not configured" })), new Error("Space ID is not configured");
+      const y = await he(e.authUrl);
+      await fo({ email: m, spaceId: e.spaceId, authUrl: y });
     },
     [e.authUrl, e.spaceId]
-  ), i = U(
-    async (p, y) => {
-      n((c) => ({ ...c, isLoading: !0, error: null }));
+  ), i = D(
+    async (m, y) => {
+      r((c) => ({ ...c, isLoading: !0, error: null }));
       try {
-        const c = await de(e.authUrl), l = await lo({ email: p, code: y, authUrl: c });
-        n({
+        const c = await he(e.authUrl), l = await ho({ email: m, code: y, authUrl: c });
+        r({
           isAuthenticated: !0,
           isLoading: !1,
           user: ee(l),
@@ -3077,31 +3077,31 @@ function Wo({ children: t, config: e }) {
         });
       } catch (c) {
         const l = c instanceof Error ? c.message : "Code verification failed";
-        throw n((m) => ({ ...m, isLoading: !1, error: l })), c;
+        throw r((f) => ({ ...f, isLoading: !1, error: l })), c;
       }
     },
     [e.authUrl]
-  ), a = U(() => {
-    Ae(), n({
+  ), a = D(() => {
+    Te(), r({
       isAuthenticated: !1,
       isLoading: !1,
       user: null,
       error: null
     });
-  }, []), u = U(
-    async (p) => {
-      const y = await de(e.authUrl);
-      n((c) => ({ ...c, isLoading: !0, error: null }));
+  }, []), u = D(
+    async (m) => {
+      const y = await he(e.authUrl);
+      r((c) => ({ ...c, isLoading: !0, error: null }));
       try {
-        const c = await mo(y), l = await Ro({ optionsJSON: c }), m = await go(y, l, p);
-        n({
+        const c = await yo(y), l = await Ao({ optionsJSON: c }), f = await bo(y, l, m);
+        r({
           isAuthenticated: !0,
           isLoading: !1,
-          user: ee(m),
+          user: ee(f),
           error: null
         });
       } catch (c) {
-        n((l) => ({
+        r((l) => ({
           ...l,
           isLoading: !1,
           error: c instanceof Error ? c.message : "Passkey registration failed"
@@ -3109,259 +3109,272 @@ function Wo({ children: t, config: e }) {
       }
     },
     [e.authUrl]
-  ), f = U(() => r.user?.token ?? null, [r.user]), h = V(
+  ), h = D(() => n.user?.token ?? null, [n.user]), p = K(
     () => ({
-      state: r,
+      state: n,
       login: o,
       logout: a,
-      getToken: f,
+      getToken: h,
       registerPasskey: u,
       requestEmailCode: s,
       submitEmailCode: i
     }),
-    [r, o, a, f, u, s, i]
+    [n, o, a, h, u, s, i]
   );
-  return /* @__PURE__ */ E.jsx(qe, { value: h, children: t });
+  return /* @__PURE__ */ w.jsx(Je, { value: p, children: t });
 }
-function Co() {
-  const t = Ke(qe);
+function _o() {
+  const t = ze(Je);
   if (!t)
     throw new Error("useAuth must be used within an AuthProvider");
   return t;
 }
-function Io() {
-  return Ke(qe);
+function Oo() {
+  return ze(Je);
 }
-function Ho(t) {
-  const { config: e, guestUrlParam: r } = t, { state: n, login: o } = Co(), s = v(!1);
-  return N(() => {
-    if (!r || n.isAuthenticated || n.isLoading || s.current || !e.methods.includes("guest"))
+function ls(t) {
+  const { config: e, guestUrlParam: n } = t, { state: r, login: o } = _o(), s = E(!1);
+  return C(() => {
+    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 u = i.toString(), f = window.location.pathname + (u ? `?${u}` : "");
-      window.history.replaceState({}, "", f), 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
+      i.delete(n);
+      const u = i.toString(), h = window.location.pathname + (u ? `?${u}` : "");
+      window.history.replaceState({}, "", h), s.current = !0, o("guest");
+    }
+  }, [n, r.isAuthenticated, r.isLoading, e.methods, o]), {
+    shouldRenderChildren: r.isAuthenticated,
+    isCheckingAuth: r.isLoading,
+    isAuthenticated: r.isAuthenticated,
+    error: r.error
   };
 }
-function qo({
+function ds({
   connectionState: t,
   error: e,
-  isReady: r,
-  stores: n,
-  registry: o,
-  client: s,
-  onAction: i,
-  renderIdle: a,
-  renderConnecting: u,
-  renderConnectingSlow: f,
-  renderConnected: h,
-  renderOffline: p,
-  renderError: y
+  isReady: n,
+  isConnectingSlow: r,
+  stores: o,
+  registry: s,
+  client: i,
+  onAction: a,
+  // renderIdle prop is intentionally accepted but never invoked — the runtime no longer
+  // emits the deprecated 'idle' state. Kept on the props for source compatibility.
+  renderIdle: u,
+  renderConnecting: h,
+  renderConnectingSlow: p,
+  renderConnected: m,
+  renderOffline: y,
+  renderError: c
 }) {
-  const c = v(!1);
+  const l = E(!1);
   switch (t) {
-    case "idle":
-      return a();
+    case "waitingForExternalConnectUrl":
     case "connecting":
-      return u();
-    case "connectingSlow":
-      return f();
+      return r ? p() : h();
     case "connected":
     case "reconnecting": {
-      if (!r || !n || !o) return null;
-      t === "reconnecting" && (c.current = !0);
-      const l = n.size > 0;
-      return l && (c.current = !1), h({
-        stores: n,
-        registry: o,
-        client: s,
-        onAction: i,
-        isReconnecting: t === "reconnecting" || c.current && !l
+      if (!n || !o || !s) return null;
+      t === "reconnecting" && (l.current = !0);
+      const f = o.size > 0;
+      return f && (l.current = !1), m({
+        stores: o,
+        registry: s,
+        client: i,
+        onAction: a,
+        isReconnecting: t === "reconnecting" || l.current && !f
       });
     }
-    case "offline":
-      return c.current = !1, p();
-    case "offlineError":
-      return c.current = !1, y(e ?? s?.lastError?.message ?? null);
+    case "offline": {
+      l.current = !1;
+      const f = e ?? i?.lastError?.message ?? null;
+      return f ? c(f) : y();
+    }
+    // 'idle' / 'connectingSlow' / 'offlineError' remain in the type union for back-compat
+    // string-equality checks in caller code but are no longer emitted — no case needed.
     default:
       return null;
   }
 }
-const ve = fe("useIkonApp");
-function _o() {
+const ve = re("useIkonApp");
+function No() {
   if (typeof window < "u" && window.__IKON_AUTH_CONFIG__)
     return window.__IKON_AUTH_CONFIG__;
 }
-function Oo() {
+function Mo() {
   if (typeof window < "u" && window.__IKON_LOCAL_IKON_SERVER_CONFIG__)
     return window.__IKON_LOCAL_IKON_SERVER_CONFIG__;
 }
-function Go(t) {
-  const { authConfig: e, modules: r, timeouts: n, backgroundAudio: o, webRtc: s, audio: i, video: a, websocket: u, webtransport: f, proxy: h } = t, p = e === void 0 ? _o() ?? null : e, y = Oo(), c = Io(), l = v(null), m = v(null), g = v(null), b = v(!1), S = v(!1), O = v(o), C = v(n), P = v(s), L = v(i), G = v(a), I = v(u), M = v(f), D = v(h);
-  O.current = o, C.current = n, P.current = s, L.current = i, G.current = a, I.current = u, M.current = f, D.current = h;
-  const [j, B] = $("idle"), [K, he] = $(null), [ne, me] = $(null), [oe, ge] = $(null), [X, ye] = $(null), d = v(!1), [w, A] = $(0), R = V(() => {
+function fs(t) {
+  const { authConfig: e, modules: n, timeouts: r, backgroundAudio: o, webRtc: s, audio: i, video: a, websocket: u, webtransport: h, proxy: p } = t, m = e === void 0 ? No() ?? null : e, y = Mo(), c = Oo(), l = E(null), f = E(null), g = E(null), b = E(!1), S = E(!1), O = E(o), I = E(r), M = E(s), x = E(i), G = E(a), _ = E(u), P = E(h), F = E(p);
+  O.current = o, I.current = r, M.current = s, x.current = i, G.current = a, _.current = u, P.current = h, F.current = p;
+  const [L, B] = j("connecting"), [Y, me] = j(!1), [oe, se] = j(null), [ge, ye] = j(null), [ie, be] = j(null), [d, v] = j(null), k = E(!1), [N, Q] = j(0), $ = K(() => {
     try {
-      const T = zt();
-      return (T.sessionId || T.channelKey) && Yt(), T;
+      const T = qt();
+      return (T.sessionId || T.channelKey) && Gt(), T;
     } catch {
       return { parameters: {} };
     }
-  }, []), z = V(() => p?.enabled ? Tt() : null, [p?.enabled, w]), Z = y?.enabled ?? !1, _ = y?.host ?? "localhost", W = y?.port ?? 8443;
-  !Z && Ge() && p && !p.enabled && p.spaceId && !X && !d.current && (d.current = !0, de(p.authUrl).then((T) => It(p.spaceId, T)).then((T) => {
-    ye(T.token);
+  }, []), A = K(() => m?.enabled ? Ot() : null, [m?.enabled, N]), W = y?.enabled ?? !1, Z = y?.host ?? "localhost", ae = y?.port ?? 8443;
+  !W && Xe() && m && !m.enabled && m.spaceId && !d && !k.current && (k.current = !0, he(m.authUrl).then((T) => Mt(m.spaceId, T)).then((T) => {
+    v(T.token);
   }).catch((T) => {
-    ve.error("Anonymous auth failed:", T), he(T instanceof Error ? T.message : "Anonymous auth failed"), d.current = !1;
+    ve.error("Anonymous auth failed:", T), se(T instanceof Error ? T.message : "Anonymous auth failed"), k.current = !1;
   }));
-  const se = V(() => {
-    if (Z) {
-      const T = z?.token ? Wt(z.token) ?? void 0 : void 0;
+  const _e = K(() => {
+    if (W) {
+      const T = A?.token ? Jt(A.token) ?? void 0 : void 0;
       return {
         local: {
-          host: _,
-          httpsPort: W,
+          host: Z,
+          httpsPort: ae,
           userId: T,
-          token: z?.token ?? void 0,
-          spaceId: p?.spaceId,
-          backendUrl: p?.backendUrl,
-          authUrl: p?.authUrl,
-          parameters: R.parameters
+          token: A?.token ?? void 0,
+          spaceId: m?.spaceId,
+          backendUrl: m?.backendUrl,
+          authUrl: m?.authUrl,
+          parameters: $.parameters
         }
       };
     }
-    return z?.token && p?.spaceId ? {
+    return A?.token && m?.spaceId ? {
       sessionToken: {
-        token: z.token,
-        spaceId: p.spaceId,
-        backendType: Je(),
-        sessionId: R.sessionId,
-        channelKey: R.channelKey,
-        parameters: R.parameters
+        token: A.token,
+        spaceId: m.spaceId,
+        backendType: Ze(),
+        sessionId: $.sessionId,
+        channelKey: $.channelKey,
+        parameters: $.parameters
       }
-    } : X && p?.spaceId ? {
+    } : d && m?.spaceId ? {
       sessionToken: {
-        token: X,
-        spaceId: p.spaceId,
-        backendType: Je(),
-        sessionId: R.sessionId,
-        channelKey: R.channelKey,
-        parameters: R.parameters
+        token: d,
+        spaceId: m.spaceId,
+        backendType: Ze(),
+        sessionId: $.sessionId,
+        channelKey: $.channelKey,
+        parameters: $.parameters
       }
-    } : Ge() ? null : {
+    } : Xe() ? null : {
       local: {
-        host: _,
-        httpsPort: W,
-        spaceId: p?.spaceId,
-        backendUrl: p?.backendUrl,
-        authUrl: p?.authUrl,
-        parameters: R.parameters
+        host: Z,
+        httpsPort: ae,
+        spaceId: m?.spaceId,
+        backendUrl: m?.backendUrl,
+        authUrl: m?.authUrl,
+        parameters: $.parameters
       }
     };
-  }, [Z, _, W, z?.token, p?.spaceId, p?.backendUrl, p?.authUrl, X, R.sessionId, R.channelKey, R.parameters]);
-  yn(oe);
-  const Lt = Sn(oe);
-  N(() => {
+  }, [W, Z, ae, A?.token, m?.spaceId, m?.backendUrl, m?.authUrl, d, $.sessionId, $.channelKey, $.parameters]);
+  Sr(ie);
+  const Dt = vr(ie);
+  C(() => {
     if (!b.current) {
-      if (b.current = !0, g.current = un(), r)
-        for (const T of r)
+      if (b.current = !0, g.current = dr(), n)
+        for (const T of n)
           T(g.current);
       g.current.loadRegisteredModules().catch((T) => {
         ve.error("Failed to load UI modules", T);
       });
     }
-  }, []), N(() => {
-    if (!se) return;
-    const T = new Ht({
-      ...se,
-      timeouts: C.current,
-      audio: L.current !== void 0 || O.current ? {
-        enabled: L.current,
+  }, []), C(() => {
+    if (!_e) return;
+    const T = new Xt({
+      ..._e,
+      timeouts: I.current,
+      audio: x.current !== void 0 || O.current ? {
+        enabled: x.current,
         ...O.current ? { background: { allowOnDesktop: !0, allowOnMobile: !0 } } : {}
       } : void 0,
       video: G.current !== void 0 ? { enabled: G.current } : void 0,
       mediaSession: { title: document.title || void 0, artist: document.title || void 0 },
-      webRtc: P.current === !1 ? { enabled: !1 } : void 0,
-      websocket: I.current,
-      webtransport: M.current,
-      proxy: D.current,
+      webRtc: M.current === !1 ? { enabled: !1 } : void 0,
+      websocket: _.current,
+      webtransport: P.current,
+      proxy: F.current,
       onConnectionStateChange: (H) => {
         B(H);
       },
       onError: (H) => {
-        he(H.message);
+        se(H.message);
       }
     });
     l.current = T;
-    const Q = new yr({ client: T });
-    return m.current = Q, ge(Q), T.connect().catch((H) => {
-      if (ve.error("Connection failed:", H), H instanceof qt) {
-        me(H.reason);
+    const J = new wn({ client: T });
+    return f.current = J, be(J), T.connect().catch((H) => {
+      if (ve.error("Connection failed:", H), H instanceof Zt) {
+        ye(H.reason);
         return;
       }
-      H instanceof Gt && !S.current && (S.current = !0, ve.warn("Auth session appears stale, clearing and retrying"), c ? c.logout() : (Ae(), A((jt) => jt + 1)));
+      H instanceof Qt && !S.current && (S.current = !0, ve.warn("Auth session appears stale, clearing and retrying"), c ? c.logout() : (Te(), Q(($t) => $t + 1)));
     }), () => {
-      T.disconnect(), l.current = null, Q.dispose(), m.current = null;
+      T.disconnect(), l.current = null, J.dispose(), f.current = null;
     };
-  }, [se]);
-  const xt = U((T, Q) => {
-    const H = typeof Q == "string" ? Q : JSON.stringify(Q ?? {});
+  }, [_e]);
+  const Ft = D((T, J) => {
+    const H = typeof J == "string" ? J : JSON.stringify(J ?? {});
     l.current?.sendActionCall(T, H);
-  }, []), Ut = j === "connected" || j === "reconnecting";
+  }, []);
+  C(() => {
+    if (L !== "connecting") {
+      me(!1);
+      return;
+    }
+    const T = l.current?.slowConnectionThresholdMs ?? 5e3, J = setTimeout(() => me(!0), T);
+    return () => clearTimeout(J);
+  }, [L]);
+  const Bt = L === "connected" || L === "reconnecting";
   return {
-    connectionState: j,
-    error: K,
-    accessDeniedReason: ne,
-    stores: Lt,
+    connectionState: L,
+    error: oe,
+    accessDeniedReason: ge,
+    stores: Dt,
     client: l.current,
     registry: g.current,
     clientRef: l,
-    uiRef: m,
+    uiRef: f,
     registryRef: g,
-    onAction: xt,
-    isReady: Ut,
+    onAction: Ft,
+    isReady: Bt,
+    isConnectingSlow: Y,
     webRtcVideoStreams: l.current?.webRtcVideoStreams ?? /* @__PURE__ */ new Map(),
     webRtcTrackMap: l.current?.webRtcTrackMap ?? /* @__PURE__ */ new Map()
   };
 }
-function Jo(t) {
-  const e = v(!1);
-  return U(() => {
+function hs(t) {
+  const e = E(!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 No = 0;
-function Xo(t = 5, e = 5e3) {
-  const [r, n] = $([]), o = v(/* @__PURE__ */ new Map()), s = U((i) => {
+let Po = 0;
+function xo(t = 5, e = 5e3) {
+  const [n, r] = j([]), o = E(/* @__PURE__ */ new Map()), s = D((i) => {
     const a = o.current.get(i);
-    a && (clearTimeout(a), o.current.delete(i)), n((u) => u.filter((f) => f.id !== i));
+    a && (clearTimeout(a), o.current.delete(i)), r((u) => u.filter((h) => h.id !== i));
   }, []);
-  return N(() => {
-    const i = o.current, a = Jt(
+  return C(() => {
+    const i = o.current, a = en(
       (u) => {
-        if (!Xt())
+        if (!St())
           return;
-        const f = `toast-${++No}`, h = u.level === Xe.ERROR ? "error" : "warn", p = {
-          id: f,
-          level: h,
+        const h = `toast-${++Po}`, p = u.level === Qe.ERROR ? "error" : "warn", m = {
+          id: h,
+          level: p,
           message: u.message,
           component: u.component
         };
-        n((c) => [...c, p].slice(-t));
+        r((c) => [...c, m].slice(-t));
         const y = setTimeout(() => {
-          s(f);
+          s(h);
         }, e);
-        i.set(f, y);
+        i.set(h, y);
       },
-      { minLevel: Xe.WARN }
+      { minLevel: Qe.WARN }
     );
     return () => {
       a();
@@ -3369,11 +3382,11 @@ function Xo(t = 5, e = 5e3) {
         clearTimeout(u);
       i.clear();
     };
-  }, [t, e, s]), { toasts: r, dismissToast: s };
+  }, [t, e, s]), { toasts: n, dismissToast: s };
 }
-function Po(t, e, r) {
-  const [n, o] = $(r);
-  return N(() => {
+function Lo(t, e, n) {
+  const [r, o] = j(n);
+  return C(() => {
     if (!t)
       return;
     let s = !0, i = null;
@@ -3386,11 +3399,11 @@ function Po(t, e, r) {
     }), () => {
       s = !1, i?.();
     };
-  }, [t, e]), n;
+  }, [t, e]), r;
 }
-function Zo(t, e, r) {
-  const [n, o] = $(null);
-  return N(() => {
+function ps(t, e, n) {
+  const [r, o] = j(null);
+  return C(() => {
     if (!t)
       return;
     let s = !0;
@@ -3401,107 +3414,231 @@ function Zo(t, e, r) {
     }), () => {
       s = !1;
     };
-  }, [t, e]), Po(n ? t : null, n ?? "", r);
+  }, [t, e]), Lo(r ? t : null, r ?? "", n);
+}
+const Ee = re("IkonDebug"), jo = {
+  Digit1: "connecting",
+  Digit2: "connected",
+  Digit3: "reconnecting",
+  Digit4: "offline",
+  Digit5: "offline",
+  Digit0: "clear"
+}, Uo = "Digit5", Do = "Digit6", Fo = "Synthetic debug error (Ctrl+Shift+5)", Bo = "Synthetic debug access-denied (Ctrl+Shift+6)", $o = 5e3;
+function Vo(t) {
+  const e = St(), [n, r] = j(null), [o, s] = j(!1), [i, a] = j(null), [u, h] = j(null), [p, m] = j(!1);
+  return C(() => {
+    if (!e)
+      return;
+    const c = (l) => {
+      if (!l.ctrlKey || !l.shiftKey)
+        return;
+      if (l.code === "KeyE") {
+        l.preventDefault(), m((b) => (Ee.warn(`Empty-stores override: ${b ? "off" : "on"}`), !b));
+        return;
+      }
+      if (l.code === Do) {
+        l.preventDefault(), h(Bo), r(null), a(null), Ee.warn("Forced access denied");
+        return;
+      }
+      const f = jo[l.code];
+      if (f === void 0)
+        return;
+      if (l.preventDefault(), f === "clear") {
+        r(null), a(null), h(null), Ee.warn("Cleared forced state");
+        return;
+      }
+      const g = l.code === Uo;
+      r(f), a(g ? Fo : null), h(null), Ee.warn(`Forced state: ${f}${g ? " (with error)" : ""}`);
+    };
+    return window.addEventListener("keydown", c), () => window.removeEventListener("keydown", c);
+  }, [e]), C(() => {
+    if (n !== "connecting") {
+      s(!1);
+      return;
+    }
+    const c = setTimeout(() => s(!0), $o);
+    return () => clearTimeout(c);
+  }, [n]), !e || n === null && !p && u === null ? { app: t, forcedState: null, emptyStores: !1, forcedError: null, forcedAccessDenied: null, debugEnabled: e } : { app: {
+    ...t,
+    connectionState: n ?? t.connectionState,
+    isConnectingSlow: n === "connecting" ? o : t.isConnectingSlow,
+    error: n === "offline" && i ? i : n ? null : t.error,
+    stores: p ? /* @__PURE__ */ new Map() : t.stores,
+    accessDeniedReason: u ?? t.accessDeniedReason
+  }, forcedState: n, emptyStores: p, forcedError: i, forcedAccessDenied: u, debugEnabled: e };
+}
+function Ko(t, e) {
+  return t === void 0 ? null : typeof t == "function" ? t(e) : t;
+}
+function Yo(t) {
+  return t === void 0 ? null : typeof t == "function" ? t() : t;
+}
+function zo(t, e) {
+  return t === void 0 ? null : typeof t == "function" ? t(e) : t;
+}
+function Wo(t, e) {
+  return t === void 0 ? null : typeof t == "function" ? t(e) : t;
+}
+function ms(t) {
+  const { connectingOverlay: e, reconnectingOverlay: n, offlineOverlay: r, accessDeniedScreen: o, ...s } = t, { app: i } = Vo(s), { connectionState: a, isConnectingSlow: u, stores: h, registry: p, client: m, onAction: y, isReady: c, error: l, accessDeniedReason: f } = i, g = E(null);
+  if (c && h && p && (g.current = { stores: h, registry: p, client: m }), f)
+    return Wo(o, f);
+  const b = g.current;
+  let S = null;
+  switch (a) {
+    case "waitingForExternalConnectUrl":
+    case "connecting":
+      S = Ko(e, u);
+      break;
+    case "reconnecting":
+      S = Yo(n);
+      break;
+    case "offline":
+      S = zo(r, l);
+      break;
+    default:
+      S = null;
+  }
+  return /* @__PURE__ */ w.jsxs(w.Fragment, { children: [
+    b && /* @__PURE__ */ w.jsx(
+      wt,
+      {
+        stores: b.stores,
+        registry: b.registry,
+        client: b.client,
+        onAction: y
+      }
+    ),
+    S,
+    /* @__PURE__ */ w.jsx(Ho, {})
+  ] });
+}
+function Ho() {
+  const { toasts: t, dismissToast: e } = xo();
+  return t.length === 0 ? null : /* @__PURE__ */ w.jsx("div", { className: "ikon-toast-overlay", children: t.map((n) => /* @__PURE__ */ w.jsx(qo, { toast: n, onDismiss: e }, n.id)) });
+}
+function qo({ toast: t, onDismiss: e }) {
+  return /* @__PURE__ */ w.jsxs(
+    "div",
+    {
+      className: `ikon-toast-overlay-chip ikon-toast-overlay-chip--${t.level}`,
+      onClick: () => e(t.id),
+      role: "alert",
+      children: [
+        /* @__PURE__ */ w.jsx("span", { className: "ikon-toast-overlay-icon", children: t.level === "error" ? "🚨" : "⚠️" }),
+        /* @__PURE__ */ w.jsxs("div", { className: "ikon-toast-overlay-content", children: [
+          /* @__PURE__ */ w.jsxs("span", { className: "ikon-toast-overlay-component", children: [
+            "[",
+            t.component,
+            "]"
+          ] }),
+          /* @__PURE__ */ w.jsx("span", { className: "ikon-toast-overlay-message", children: t.message })
+        ] })
+      ]
+    }
+  );
 }
-const Mt = gt(null);
-function Mo(t, e) {
-  return e ? t.replace(/\{(\w+)\}/g, (r, n) => e[n] ?? `{${n}}`) : t;
+const Ut = bt(null);
+function Go(t, e) {
+  return e ? t.replace(/\{(\w+)\}/g, (n, r) => e[r] ?? `{${r}}`) : t;
 }
-function Lo(t, e) {
-  const r = Zt();
-  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 Jo(t, e) {
+  const n = tn();
+  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 xo(t, e, r) {
-  return e ? Lo(t, r) : r && t.includes(r) ? r : "en";
+function Xo(t, e, n) {
+  return e ? Jo(t, n) : n && t.includes(n) ? n : "en";
 }
-function Qo({
+function gs({
   children: t,
   translations: e,
-  defaultLanguage: r,
-  detectLanguage: n = !1
+  defaultLanguage: n,
+  detectLanguage: r = !1
 }) {
-  const o = Object.keys(e), s = xo(o, n, r), i = e[s] ?? e.en, a = V(
+  const o = Object.keys(e), s = Xo(o, r, n), i = e[s] ?? e.en, a = K(
     () => ({
-      t: (u, f) => {
-        const h = i[u];
-        return Mo(h, f);
+      t: (u, h) => {
+        const p = i[u];
+        return Go(p, h);
       },
       locale: s,
       translations: i
     }),
     [i, s]
   );
-  return /* @__PURE__ */ E.jsx(Mt, { value: a, children: t });
+  return /* @__PURE__ */ w.jsx(Ut, { value: a, children: t });
 }
-function es() {
-  const t = Ke(Mt);
+function ys() {
+  const t = ze(Ut);
   if (!t)
     throw new Error("useI18n must be used within an I18nProvider");
   return t;
 }
 export {
-  Wo as AuthProvider,
-  qo as ConnectionStateRenderer,
-  Qo as I18nProvider,
-  Nr as IKON_UI_BASE_MODULE,
-  Kr as IKON_UI_MEDIA_MODULE,
-  on as IKON_UI_SHADERTOY_MODULE,
-  rn as IKON_UI_SHADERTOY_TYPE,
-  Ue as IKON_UI_STREAM_CATEGORY,
-  Dr as IKON_UI_VIDEO_CANVAS_TYPE,
-  Br as IKON_UI_VIDEO_URL_PLAYER_TYPE,
-  yr as IkonUi,
-  cn as IkonUiRegistry,
-  gr as IkonUiSurface,
-  pr as InspectOverlay,
-  $o as ParallaxView,
-  fr as UiComponentRegistry,
-  dr as UiRenderer,
-  ns as UiStreamStore,
-  Vo as areIkonUiModuleListsEqual,
-  It as authenticateAnonymous,
-  ho as buildOAuthRedirectUrl,
-  Ae as clearAuthSession,
-  mt as clearOAuthParams,
-  Or as createBaseResolvers,
-  Bo as createComponentLibrary,
-  un as createIkonUiRegistry,
-  $r as createMediaResolvers,
-  nn as createShadertoyRendererResolver,
-  mr as isIkonUiCategoryMatch,
-  Tt as loadAuthSession,
-  Pr as loadBaseModule,
-  zr as loadMediaModule,
-  sn as loadShadertoyModule,
-  Un as normalizeIkonUiModuleList,
-  zo as parseIkonUiInitPayload,
-  fo as parseOAuthCallback,
-  po as parseOAuthError,
-  jn as readIkonUiModules,
-  Ko as readIkonUiModulesFromSources,
-  Mr as registerBaseModule,
-  Yr as registerMediaModule,
-  an as registerShadertoyModule,
-  ur as renderChildren,
-  Yo as renderMotionLetters,
+  us as AuthProvider,
+  ds as ConnectionStateRenderer,
+  gs as I18nProvider,
+  xn as IKON_UI_BASE_MODULE,
+  Wn as IKON_UI_MEDIA_MODULE,
+  ar as IKON_UI_SHADERTOY_MODULE,
+  sr as IKON_UI_SHADERTOY_TYPE,
+  De as IKON_UI_STREAM_CATEGORY,
+  $n as IKON_UI_VIDEO_CANVAS_TYPE,
+  Vn as IKON_UI_VIDEO_URL_PLAYER_TYPE,
+  ms as IkonApp,
+  wn as IkonUi,
+  lr as IkonUiRegistry,
+  wt as IkonUiSurface,
+  yn as InspectOverlay,
+  os as ParallaxView,
+  gn as UiComponentRegistry,
+  mn as UiRenderer,
+  ws as UiStreamStore,
+  ss as areIkonUiModuleListsEqual,
+  Mt as authenticateAnonymous,
+  go as buildOAuthRedirectUrl,
+  Te as clearAuthSession,
+  yt as clearOAuthParams,
+  Pn as createBaseResolvers,
+  ns as createComponentLibrary,
+  dr as createIkonUiRegistry,
+  Yn as createMediaResolvers,
+  ir as createShadertoyRendererResolver,
+  Sn as isIkonUiCategoryMatch,
+  Ot as loadAuthSession,
+  Ln as loadBaseModule,
+  Hn as loadMediaModule,
+  cr as loadShadertoyModule,
+  Dr as normalizeIkonUiModuleList,
+  as as parseIkonUiInitPayload,
+  po as parseOAuthCallback,
+  mo as parseOAuthError,
+  Fr as readIkonUiModules,
+  is as readIkonUiModulesFromSources,
+  jn as registerBaseModule,
+  qn as registerMediaModule,
+  ur as registerShadertoyModule,
+  hn as renderChildren,
+  cs as renderMotionLetters,
   pe as saveAuthSession,
-  uo as sendLoginCode,
+  fo as sendLoginCode,
   ee as sessionToUser,
-  Co as useAuth,
-  Ho as useAuthGuard,
-  Io as useAuthOptional,
-  es as useI18n,
-  Go as useIkonApp,
-  Po as useIkonReactive,
-  yn as useIkonStyles,
-  Sn as useIkonUiStores,
-  Jo as useLazyFont,
-  Zo as useReactive,
-  Xo as useToasts,
-  J as useUiNode,
-  Fo as useUiStore,
-  lo as verifyLoginCode
+  _o as useAuth,
+  ls as useAuthGuard,
+  Oo as useAuthOptional,
+  ys as useI18n,
+  fs as useIkonApp,
+  Vo as useIkonDebug,
+  Lo as useIkonReactive,
+  Sr as useIkonStyles,
+  vr as useIkonUiStores,
+  hs as useLazyFont,
+  ps as useReactive,
+  xo as useToasts,
+  X as useUiNode,
+  rs as useUiStore,
+  ho as verifyLoginCode
 };