@ikonai/sdk-react-ui 1.0.40 → 1.0.41

package/index.js

@@ -1,7 +1,7 @@
 import { IkonUiCore as Pt, UiStreamStore as Mt } from "@ikonai/sdk-ui";
-import { UiStreamStore as Do } from "@ikonai/sdk-ui";
-import jt, { useSyncExternalStore as $e, useMemo as V, memo as K, useRef as w, useCallback as D, Fragment as Ut, useEffect as U, useState as J, createContext as pt, use as Ve } from "react";
-import { createLogger as Ee, getOrCreateDeviceId as Lt, deriveAuthUrl as je, parseUrlParams as xt, clearSessionParamsFromUrl as Dt, isCloudEnvironment as Ge, extractUserIdFromToken as Ft, deriveBackendType as He, IkonClient as Bt, AccessDeniedError as $t, AuthenticationError as Vt, subscribeToLogEvents as Kt, isDebugModeEnabled as Yt, LogLevel as Je, getLangParam as zt } from "@ikonai/sdk";
+import { UiStreamStore as Bo } from "@ikonai/sdk-ui";
+import Lt, { useSyncExternalStore as $e, useMemo as V, memo as Y, useRef as w, useCallback as D, Fragment as jt, useEffect as U, useState as J, createContext as mt, use as Ve } from "react";
+import { createLogger as Re, isInspectModeEnabled as Ut, getOrCreateDeviceId as xt, deriveAuthUrl as Le, parseUrlParams as Dt, clearSessionParamsFromUrl as Ft, isCloudEnvironment as Ge, extractUserIdFromToken as Bt, deriveBackendType as He, IkonClient as $t, AccessDeniedError as Vt, AuthenticationError as Kt, subscribeToLogEvents as Yt, isDebugModeEnabled as zt, LogLevel as Je, getLangParam as Wt } from "@ikonai/sdk";
 var ge = { exports: {} }, ie = {};
 /**
  * @license React
@@ -13,7 +13,7 @@ var ge = { exports: {} }, ie = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Xe;
-function Wt() {
+function qt() {
   if (Xe) return ie;
   Xe = 1;
   var t = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
@@ -45,244 +45,244 @@ var ae = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Ze;
-function qt() {
+function Gt() {
   return Ze || (Ze = 1, process.env.NODE_ENV !== "production" && function() {
-    function t(d) {
-      if (d == null) return null;
-      if (typeof d == "function")
-        return d.$$typeof === x ? null : d.displayName || d.name || null;
-      if (typeof d == "string") return d;
-      switch (d) {
+    function t(f) {
+      if (f == null) return null;
+      if (typeof f == "function")
+        return f.$$typeof === x ? null : f.displayName || f.name || null;
+      if (typeof f == "string") return f;
+      switch (f) {
         case b:
           return "Fragment";
-        case g:
+        case y:
           return "Profiler";
-        case m:
+        case g:
           return "StrictMode";
-        case L:
+        case O:
           return "Suspense";
-        case Y:
+        case K:
           return "SuspenseList";
         case _:
           return "Activity";
       }
-      if (typeof d == "object")
-        switch (typeof d.tag == "number" && console.error(
+      if (typeof f == "object")
+        switch (typeof f.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), d.$$typeof) {
-          case p:
+        ), f.$$typeof) {
+          case m:
             return "Portal";
-          case A:
-            return (d.displayName || "Context") + ".Provider";
+          case E:
+            return (f.displayName || "Context") + ".Provider";
           case v:
-            return (d._context.displayName || "Context") + ".Consumer";
-          case I:
-            var S = d.render;
-            return d = d.displayName, d || (d = S.displayName || S.name || "", d = d !== "" ? "ForwardRef(" + d + ")" : "ForwardRef"), d;
-          case Q:
-            return S = d.displayName || null, S !== null ? S : t(d.type) || "Memo";
+            return (f._context.displayName || "Context") + ".Consumer";
           case T:
-            S = d._payload, d = d._init;
+            var S = f.render;
+            return f = f.displayName, f || (f = S.displayName || S.name || "", f = f !== "" ? "ForwardRef(" + f + ")" : "ForwardRef"), f;
+          case Q:
+            return S = f.displayName || null, S !== null ? S : t(f.type) || "Memo";
+          case C:
+            S = f._payload, f = f._init;
             try {
-              return t(d(S));
+              return t(f(S));
             } catch {
             }
         }
       return null;
     }
-    function e(d) {
-      return "" + d;
+    function e(f) {
+      return "" + f;
     }
-    function r(d) {
+    function r(f) {
       try {
-        e(d);
+        e(f);
         var S = !1;
       } catch {
         S = !0;
       }
       if (S) {
         S = console;
-        var k = S.error, P = typeof Symbol == "function" && Symbol.toStringTag && d[Symbol.toStringTag] || d.constructor.name || "Object";
-        return k.call(
+        var A = S.error, M = typeof Symbol == "function" && Symbol.toStringTag && f[Symbol.toStringTag] || f.constructor.name || "Object";
+        return A.call(
           S,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          P
-        ), e(d);
+          M
+        ), e(f);
       }
     }
-    function n(d) {
-      if (d === b) return "<>";
-      if (typeof d == "object" && d !== null && d.$$typeof === T)
+    function n(f) {
+      if (f === b) return "<>";
+      if (typeof f == "object" && f !== null && f.$$typeof === C)
         return "<...>";
       try {
-        var S = t(d);
+        var S = t(f);
         return S ? "<" + S + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function o() {
-      var d = N.A;
-      return d === null ? null : d.getOwner();
+      var f = P.A;
+      return f === null ? null : f.getOwner();
     }
     function s() {
       return Error("react-stack-top-frame");
     }
-    function i(d) {
-      if (F.call(d, "key")) {
-        var S = Object.getOwnPropertyDescriptor(d, "key").get;
+    function i(f) {
+      if (F.call(f, "key")) {
+        var S = Object.getOwnPropertyDescriptor(f, "key").get;
         if (S && S.isReactWarning) return !1;
       }
-      return d.key !== void 0;
+      return f.key !== void 0;
     }
-    function a(d, S) {
-      function k() {
+    function a(f, S) {
+      function A() {
         he || (he = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           S
         ));
       }
-      k.isReactWarning = !0, Object.defineProperty(d, "key", {
-        get: k,
+      A.isReactWarning = !0, Object.defineProperty(f, "key", {
+        get: A,
         configurable: !0
       });
     }
     function c() {
-      var d = t(this.type);
-      return me[d] || (me[d] = !0, console.error(
+      var f = t(this.type);
+      return pe[f] || (pe[f] = !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;
+      )), f = this.props.ref, f !== void 0 ? f : null;
     }
-    function f(d, S, k, P, W, C, q, te) {
-      return k = C.ref, d = {
-        $$typeof: y,
-        type: d,
+    function h(f, S, A, M, W, I, q, te) {
+      return A = I.ref, f = {
+        $$typeof: p,
+        type: f,
         key: S,
-        props: C,
+        props: I,
         _owner: W
-      }, (k !== void 0 ? k : null) !== null ? Object.defineProperty(d, "ref", {
+      }, (A !== void 0 ? A : null) !== null ? Object.defineProperty(f, "ref", {
         enumerable: !1,
         get: c
-      }) : Object.defineProperty(d, "ref", { enumerable: !1, value: null }), d._store = {}, Object.defineProperty(d._store, "validated", {
+      }) : Object.defineProperty(f, "ref", { enumerable: !1, value: null }), f._store = {}, Object.defineProperty(f._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(d, "_debugInfo", {
+      }), Object.defineProperty(f, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(d, "_debugStack", {
+      }), Object.defineProperty(f, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: q
-      }), Object.defineProperty(d, "_debugTask", {
+      }), Object.defineProperty(f, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: te
-      }), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
+      }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
     }
-    function l(d, S, k, P, W, C, q, te) {
-      var O = S.children;
-      if (O !== void 0)
-        if (P)
-          if (z(O)) {
-            for (P = 0; P < O.length; P++)
-              u(O[P]);
-            Object.freeze && Object.freeze(O);
+    function d(f, S, A, M, W, I, q, te) {
+      var N = S.children;
+      if (N !== void 0)
+        if (M)
+          if (z(N)) {
+            for (M = 0; M < N.length; M++)
+              l(N[M]);
+            Object.freeze && Object.freeze(N);
           } 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 u(O);
+        else l(N);
       if (F.call(S, "key")) {
-        O = t(d);
+        N = t(f);
         var G = Object.keys(S).filter(function(Te) {
           return Te !== "key";
         });
-        P = 0 < G.length ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}", ee[O + P] || (G = 0 < G.length ? "{" + G.join(": ..., ") + ": ...}" : "{}", console.error(
+        M = 0 < G.length ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}", ee[N + M] || (G = 0 < G.length ? "{" + G.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          P,
-          O,
+          M,
+          N,
           G,
-          O
-        ), ee[O + P] = !0);
+          N
+        ), ee[N + M] = !0);
       }
-      if (O = null, k !== void 0 && (r(k), O = "" + k), i(S) && (r(S.key), O = "" + S.key), "key" in S) {
-        k = {};
+      if (N = null, A !== void 0 && (r(A), N = "" + A), i(S) && (r(S.key), N = "" + S.key), "key" in S) {
+        A = {};
         for (var re in S)
-          re !== "key" && (k[re] = S[re]);
-      } else k = S;
-      return O && a(
-        k,
-        typeof d == "function" ? d.displayName || d.name || "Unknown" : d
-      ), f(
-        d,
-        O,
-        C,
+          re !== "key" && (A[re] = S[re]);
+      } else A = S;
+      return N && a(
+        A,
+        typeof f == "function" ? f.displayName || f.name || "Unknown" : f
+      ), h(
+        f,
+        N,
+        I,
         W,
         o(),
-        k,
+        A,
         q,
         te
       );
     }
-    function u(d) {
-      typeof d == "object" && d !== null && d.$$typeof === y && d._store && (d._store.validated = 1);
+    function l(f) {
+      typeof f == "object" && f !== null && f.$$typeof === p && f._store && (f._store.validated = 1);
     }
-    var h = jt, y = Symbol.for("react.transitional.element"), p = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), m = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), v = Symbol.for("react.consumer"), A = Symbol.for("react.context"), I = Symbol.for("react.forward_ref"), L = Symbol.for("react.suspense"), Y = Symbol.for("react.suspense_list"), Q = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), _ = Symbol.for("react.activity"), x = Symbol.for("react.client.reference"), N = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, z = Array.isArray, ne = console.createTask ? console.createTask : function() {
+    var u = Lt, p = Symbol.for("react.transitional.element"), m = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), g = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), v = Symbol.for("react.consumer"), E = Symbol.for("react.context"), T = Symbol.for("react.forward_ref"), O = Symbol.for("react.suspense"), K = Symbol.for("react.suspense_list"), Q = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), _ = Symbol.for("react.activity"), x = Symbol.for("react.client.reference"), P = u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, z = Array.isArray, ne = console.createTask ? console.createTask : function() {
       return null;
     };
-    h = {
-      "react-stack-bottom-frame": function(d) {
-        return d();
+    u = {
+      "react-stack-bottom-frame": function(f) {
+        return f();
       }
     };
-    var he, me = {}, se = h["react-stack-bottom-frame"].bind(
-      h,
+    var he, pe = {}, se = u["react-stack-bottom-frame"].bind(
+      u,
       s
-    )(), pe = ne(n(s)), ee = {};
-    ae.Fragment = b, ae.jsx = function(d, S, k, P, W) {
-      var C = 1e4 > N.recentlyCreatedOwnerStacks++;
-      return l(
-        d,
+    )(), me = ne(n(s)), ee = {};
+    ae.Fragment = b, ae.jsx = function(f, S, A, M, W) {
+      var I = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return d(
+        f,
         S,
-        k,
+        A,
         !1,
-        P,
+        M,
         W,
-        C ? Error("react-stack-top-frame") : se,
-        C ? ne(n(d)) : pe
+        I ? Error("react-stack-top-frame") : se,
+        I ? ne(n(f)) : me
       );
-    }, ae.jsxs = function(d, S, k, P, W) {
-      var C = 1e4 > N.recentlyCreatedOwnerStacks++;
-      return l(
-        d,
+    }, ae.jsxs = function(f, S, A, M, W) {
+      var I = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return d(
+        f,
         S,
-        k,
+        A,
         !0,
-        P,
+        M,
         W,
-        C ? Error("react-stack-top-frame") : se,
-        C ? ne(n(d)) : pe
+        I ? Error("react-stack-top-frame") : se,
+        I ? ne(n(f)) : me
       );
     };
   }()), ae;
 }
 var Qe;
-function Gt() {
-  return Qe || (Qe = 1, process.env.NODE_ENV === "production" ? ge.exports = Wt() : ge.exports = qt()), ge.exports;
+function Ht() {
+  return Qe || (Qe = 1, process.env.NODE_ENV === "production" ? ge.exports = qt() : ge.exports = Gt()), ge.exports;
 }
-var E = Gt();
-function Ht(t, e) {
+var R = Ht();
+function Jt(t, e) {
   const r = $e(
     (n) => t.subscribe(n),
     () => {
@@ -310,8 +310,8 @@ function Z(t, e) {
   );
   return V(() => t.getNode(e), [t, e, r]);
 }
-const Jt = Ee("UIRenderer");
-function Xt(t) {
+const Xt = Re("UIRenderer");
+function Zt(t) {
   if (t === void 0)
     return "{}";
   if (typeof t == "string")
@@ -322,18 +322,18 @@ function Xt(t) {
     return "{}";
   }
 }
-function Zt(t) {
+function Qt(t) {
   const e = t.styleIds;
   return Array.isArray(e) ? e : [];
 }
-function Qt(t) {
+function er(t) {
   const e = t.children;
   return Array.isArray(e) ? e : [];
 }
-function er(t, e) {
+function tr(t, e) {
   return t.nodeId === e.nodeId && t.context === e.context;
 }
-function tr(t) {
+function rr(t) {
   if (t.length === 0) return "";
   if (t.length === 1) return t[0].id;
   let e = t[0].id;
@@ -341,66 +341,66 @@ function tr(t) {
     e += "," + t[r].id;
   return e;
 }
-const Ue = K(function t({ nodeId: e, context: r }) {
-  const n = Z(r.store, e), o = n ? Qt(n) : [], s = tr(o), i = V(
-    () => o.length === 0 ? null : o.map((u) => /* @__PURE__ */ E.jsx(t, { nodeId: u.id, context: r }, u.id)),
+const je = Y(function t({ nodeId: e, context: r }) {
+  const n = Z(r.store, e), o = n ? er(n) : [], s = rr(o), i = V(
+    () => o.length === 0 ? null : o.map((l) => /* @__PURE__ */ R.jsx(t, { nodeId: l.id, context: r }, l.id)),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [s, r]
   );
   if (!n)
     return null;
   if (n.type === "root")
-    return /* @__PURE__ */ E.jsx(Ut, { children: i }, n.id);
+    return /* @__PURE__ */ R.jsx(jt, { children: i }, n.id);
   const a = r.library.resolve(n);
   if (!a)
-    return Jt.warn(`No renderer for node type ${n.type}`), null;
-  const c = Zt(n), f = c.length > 0 ? c.join(" ") : void 0, l = a;
-  return /* @__PURE__ */ E.jsx(l, { nodeId: e, context: r, className: f });
-}, er);
-function rr(t, e) {
-  return !Array.isArray(t) || t.length === 0 ? null : t.map((r) => /* @__PURE__ */ E.jsx(Ue, { nodeId: r.id, context: e }, r.id));
-}
+    return Xt.warn(`No renderer for node type ${n.type}`), null;
+  const c = Qt(n), h = c.length > 0 ? c.join(" ") : void 0, d = a;
+  return /* @__PURE__ */ R.jsx(d, { nodeId: e, context: r, className: h });
+}, tr);
 function nr(t, e) {
+  return !Array.isArray(t) || t.length === 0 ? null : t.map((r) => /* @__PURE__ */ R.jsx(je, { nodeId: r.id, context: e }, r.id));
+}
+function or(t, e) {
   return t.store === e.store && t.library === e.library && t.viewId === e.viewId && t.emptyFallback === e.emptyFallback;
 }
-const or = K(function({ store: e, library: r, viewId: n, emptyFallback: o = null, onAction: s, client: i, video: a }) {
-  const { rootViewId: c, rootNodeId: f } = Ht(e, n), l = w(s);
-  l.current = s;
-  const u = w(i);
-  u.current = i;
-  const h = w(a);
-  h.current = a;
-  const y = D((b, m) => {
+const sr = Y(function({ store: e, library: r, viewId: n, emptyFallback: o = null, onAction: s, client: i, video: a }) {
+  const { rootViewId: c, rootNodeId: h } = Jt(e, n), d = w(s);
+  d.current = s;
+  const l = w(i);
+  l.current = i;
+  const u = w(a);
+  u.current = a;
+  const p = D((b, g) => {
     if (!b)
       return;
-    const g = Xt(m);
-    l.current?.(b, g);
-  }, []), p = V(() => {
+    const y = Zt(g);
+    d.current?.(b, y);
+  }, []), m = V(() => {
     const b = {
       store: e,
       library: r,
       handlerCache: e.handlerCache,
       // Access payloads from store at call time, not captured snapshot
-      getPayload: (m) => e.getSnapshot().payloads.get(m),
-      renderChildren: (m) => rr(m, b),
-      renderView: (m) => {
-        const g = e.getSnapshot().views.get(m);
-        return g ? /* @__PURE__ */ E.jsx(Ue, { nodeId: g.id, context: b }) : null;
+      getPayload: (g) => e.getSnapshot().payloads.get(g),
+      renderChildren: (g) => nr(g, b),
+      renderView: (g) => {
+        const y = e.getSnapshot().views.get(g);
+        return y ? /* @__PURE__ */ R.jsx(je, { nodeId: y.id, context: b }) : null;
       },
-      dispatchAction: y,
+      dispatchAction: p,
       // Access client/video via refs to avoid context recreation
       get client() {
-        return u.current;
+        return l.current;
       },
       get video() {
-        return h.current;
+        return u.current;
       }
     };
     return b;
-  }, [e, r, y]);
-  return !c || !f ? o : /* @__PURE__ */ E.jsx("div", { "data-ikon-view-id": c, style: { display: "contents" }, children: /* @__PURE__ */ E.jsx(Ue, { nodeId: f, context: p }) });
-}, nr);
-class sr {
+  }, [e, r, p]);
+  return !c || !h ? o : /* @__PURE__ */ R.jsx("div", { "data-ikon-view-id": c, style: { display: "contents" }, children: /* @__PURE__ */ R.jsx(je, { nodeId: h, context: m }) });
+}, or);
+class ir {
   constructor(e, r) {
     if (this.fallback = r, e)
       for (const [n, o] of e)
@@ -417,41 +417,159 @@ class sr {
     return this.renderers.get(e.type) ?? this.fallback;
   }
 }
-function wo(t, e) {
+function Eo(t, e) {
   const r = Object.entries(t);
-  return new sr(r, e);
+  return new ir(r, e);
 }
-function vo(t) {
+function Ro(t) {
   return $e(
     (e) => t.subscribe(e),
     () => t.getSnapshot(),
     () => t.getSnapshot()
   );
 }
-const Le = "ikon-ui";
-function ir(t, e) {
+function ar() {
+  const t = Ut();
+  return U(() => {
+    if (!t)
+      return;
+    let e = null, r = [];
+    const n = document.createElement("div");
+    n.style.cssText = "position:fixed;z-index:99999;pointer-events:none;padding:2px 6px;background:#1e1e2e;color:#cdd6f4;font-size:11px;border-radius:4px;border:1px solid #45475a;white-space:nowrap;display:none;font-family:monospace;", document.body.appendChild(n);
+    function o() {
+      e && !r.includes(e) && (e.style.outline = "", e.style.outlineOffset = ""), e = null, n.style.display = "none";
+    }
+    function s(u) {
+      for (const m of r)
+        m !== e && (m.style.outline = "", m.style.outlineOffset = "");
+      r = [];
+      const p = new Set(u);
+      for (const m of document.querySelectorAll("[data-ikon-source]")) {
+        const b = m.getAttribute("data-ikon-source") ?? "";
+        p.has(b) && (m.style.outline = "2px solid #a6e3a1", m.style.outlineOffset = "1px", r.push(m));
+      }
+    }
+    function i(u) {
+      const p = u.target.closest?.("[data-ikon-source]");
+      if (!p || p === e)
+        return;
+      o(), e = p, e.style.outline = "2px solid #89b4fa", e.style.outlineOffset = "1px";
+      const m = p.getAttribute("data-ikon-source") ?? "";
+      n.textContent = m, n.style.display = "block";
+      const b = p.getBoundingClientRect();
+      n.style.left = `${b.left}px`, n.style.top = `${Math.max(0, b.top - 24)}px`;
+    }
+    function a(u) {
+      u.relatedTarget?.closest?.("[data-ikon-source]") !== e && o();
+    }
+    function c(u) {
+      const p = u.target.closest?.("[data-ikon-source]");
+      if (!p)
+        return;
+      u.preventDefault(), u.stopPropagation();
+      const m = {
+        sourceMarker: p.getAttribute("data-ikon-source") ?? "",
+        tagName: p.tagName.toLowerCase(),
+        textContent: (p.textContent ?? "").trim().substring(0, 200)
+      };
+      window.dispatchEvent(new CustomEvent("ikon-inspect-select", { detail: m })), window.parent.postMessage({ type: "ikon-element-selected", payload: m }, "*");
+    }
+    function h(u, p) {
+      return document.elementFromPoint(u, p)?.closest?.("[data-ikon-source]");
+    }
+    function d(u) {
+      if (u === e || (o(), !u))
+        return;
+      e = u, e.style.outline = `2px solid ${r.includes(u) ? "#a6e3a1" : "#89b4fa"}`, e.style.outlineOffset = "1px";
+      const p = u.getAttribute("data-ikon-source") ?? "";
+      n.textContent = p, n.style.display = "block";
+      const m = u.getBoundingClientRect();
+      n.style.left = `${m.left}px`, n.style.top = `${Math.max(0, m.top - 24)}px`;
+    }
+    function l(u) {
+      if (u.data?.type === "ikon-inspect-at") {
+        const p = h(u.data.x, u.data.y);
+        d(p);
+        const m = p?.getAttribute("data-ikon-source") ?? "";
+        window.parent.postMessage({
+          type: "ikon-inspect-hover-result",
+          payload: { sourceMarker: m }
+        }, "*");
+      }
+      if (u.data?.type === "ikon-inspect-click") {
+        const p = h(u.data.x, u.data.y);
+        if (p) {
+          const m = {
+            sourceMarker: p.getAttribute("data-ikon-source") ?? "",
+            tagName: p.tagName.toLowerCase(),
+            textContent: (p.textContent ?? "").trim().substring(0, 200)
+          };
+          window.dispatchEvent(new CustomEvent("ikon-inspect-select", { detail: m })), window.parent.postMessage({ type: "ikon-element-selected", payload: m }, "*");
+        }
+      }
+      if (u.data?.type === "ikon-inspect-click-add") {
+        const p = h(u.data.x, u.data.y);
+        if (p) {
+          const m = {
+            sourceMarker: p.getAttribute("data-ikon-source") ?? "",
+            tagName: p.tagName.toLowerCase(),
+            textContent: (p.textContent ?? "").trim().substring(0, 200)
+          };
+          window.parent.postMessage({
+            type: "ikon-inspect-rect-result",
+            payload: { elements: [m], append: !0 }
+          }, "*");
+        }
+      }
+      if (u.data?.type === "ikon-inspect-rect") {
+        const { x1: p, y1: m, x2: b, y2: g, append: y } = u.data, v = document.querySelectorAll("[data-ikon-source]"), E = [];
+        for (const T of v) {
+          const O = T.getBoundingClientRect();
+          O.right > p && O.left < b && O.bottom > m && O.top < g && E.push({
+            sourceMarker: T.getAttribute("data-ikon-source") ?? "",
+            tagName: T.tagName.toLowerCase(),
+            textContent: (T.textContent ?? "").trim().substring(0, 200)
+          });
+        }
+        E.length > 0 && window.parent.postMessage({
+          type: "ikon-inspect-rect-result",
+          payload: { elements: E, append: y ?? !1 }
+        }, "*");
+      }
+      u.data?.type === "ikon-inspect-highlight" && s(u.data.markers ?? []), u.data?.type === "ikon-inspect-clear" && o();
+    }
+    return document.addEventListener("mouseover", i, !0), document.addEventListener("mouseout", a, !0), document.addEventListener("click", c, !0), window.addEventListener("message", l), () => {
+      document.removeEventListener("mouseover", i, !0), document.removeEventListener("mouseout", a, !0), document.removeEventListener("click", c, !0), window.removeEventListener("message", l), o(), s([]), n.remove();
+    };
+  }, [t]), null;
+}
+const Ue = "ikon-ui";
+function cr(t, e) {
   return t === e;
 }
-const Ro = K(function({ stores: e, registry: r, category: n = Le, onAction: o, client: s }) {
+const ko = Y(function({ stores: e, registry: r, category: n = Ue, onAction: o, client: s }) {
   const i = V(() => Array.from(e.keys()).sort().join(","), [e]), a = w(o);
   a.current = o;
   const c = w(s);
   c.current = s;
-  const f = V(
+  const h = V(
     () => {
-      const l = [];
-      for (const [u, h] of e) {
-        const y = h.store.getSnapshot();
-        ir(h.category, n) && (!y.rootViewId || !y.views.has(y.rootViewId) || l.push({ key: u, store: h.store }));
+      const d = [];
+      for (const [l, u] of e) {
+        const p = u.store.getSnapshot();
+        cr(u.category, n) && (!p.rootViewId || !p.views.has(p.rootViewId) || d.push({ key: l, store: u.store }));
       }
-      return l;
+      return d;
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [e, n, i]
   );
-  return f.length === 0 ? null : /* @__PURE__ */ E.jsx(E.Fragment, { children: f.map(({ key: l, store: u }) => /* @__PURE__ */ E.jsx(or, { store: u, library: r, onAction: a.current, client: c.current, video: c.current?.media?.video }, l)) });
+  return h.length === 0 ? null : /* @__PURE__ */ R.jsxs(R.Fragment, { children: [
+    /* @__PURE__ */ R.jsx(ar, {}),
+    h.map(({ key: d, store: l }) => /* @__PURE__ */ R.jsx(sr, { store: l, library: r, onAction: a.current, client: c.current, video: c.current?.media?.video }, d))
+  ] });
 });
-class ar {
+class ur {
   core;
   ownsCore;
   stores = /* @__PURE__ */ new Map();
@@ -509,7 +627,7 @@ class ar {
     if (r)
       return r;
     const n = {
-      category: Le,
+      category: Ue,
       store: new Mt()
     };
     return this.stores.set(e, n), n;
@@ -518,7 +636,7 @@ class ar {
     const n = this.stores.get(e);
     if (!n)
       return !1;
-    const o = r ?? this.core.uiStore.getSnapshot(e)?.category ?? Le;
+    const o = r ?? this.core.uiStore.getSnapshot(e)?.category ?? Ue;
     return n.category === o ? !1 : (this.stores.set(e, { ...n, category: o }), !0);
   }
   notify(e) {
@@ -526,7 +644,7 @@ class ar {
       r(e);
   }
 }
-function cr(t) {
+function lr(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -551,10 +669,10 @@ function Ke(...t) {
     }
   return e || void 0;
 }
-const et = /* @__PURE__ */ new WeakMap(), ur = {};
+const et = /* @__PURE__ */ new WeakMap(), dr = {};
 function Ye(t) {
   if (!t)
-    return ur;
+    return dr;
   const e = et.get(t);
   if (e)
     return e;
@@ -563,45 +681,45 @@ function Ye(t) {
     o != null && (typeof o == "string" || typeof o == "number" || typeof o == "boolean") && (r[n] = o);
   return et.set(t, r), r;
 }
-function lr() {
-  const t = K(function({ nodeId: r, context: n }) {
-    const o = Z(n.store, r), s = w(null), i = fe(o?.props?.targetViewId), a = o?.props?.focusOnly, c = typeof a == "boolean" ? a : void 0, f = fe(o?.props?.key), l = o?.props?.preciseGeneratedAt;
+function fr() {
+  const t = Y(function({ nodeId: r, context: n }) {
+    const o = Z(n.store, r), s = w(null), i = fe(o?.props?.targetViewId), a = o?.props?.focusOnly, c = typeof a == "boolean" ? a : void 0, h = fe(o?.props?.key), d = o?.props?.preciseGeneratedAt;
     return U(() => {
       if (typeof document > "u")
         return;
-      const h = s.current;
-      if (!h || i && h.closest("[data-ikon-view-id]")?.getAttribute("data-ikon-view-id") !== i)
+      const u = s.current;
+      if (!u || i && u.closest("[data-ikon-view-id]")?.getAttribute("data-ikon-view-id") !== i)
         return;
       if (c !== !0) {
-        const g = ((v) => {
-          let A = v.parentElement;
-          for (; A; ) {
-            const L = window.getComputedStyle(A).overflowY;
-            if (L === "auto" || L === "scroll" || A.hasAttribute("data-radix-scroll-area-viewport"))
-              return A;
-            A = A.parentElement;
+        const y = ((v) => {
+          let E = v.parentElement;
+          for (; E; ) {
+            const O = window.getComputedStyle(E).overflowY;
+            if (O === "auto" || O === "scroll" || E.hasAttribute("data-radix-scroll-area-viewport"))
+              return E;
+            E = E.parentElement;
           }
           return null;
-        })(h);
-        g ? requestAnimationFrame(() => {
-          const v = g.getBoundingClientRect(), A = h.getBoundingClientRect(), I = g.scrollTop + (A.bottom - v.bottom) + 16;
-          "scrollBehavior" in document.documentElement.style ? g.scrollTo({ top: I, behavior: "smooth" }) : g.scrollTop = I;
-        }) : typeof h.scrollIntoView == "function" && requestAnimationFrame(() => {
+        })(u);
+        y ? requestAnimationFrame(() => {
+          const v = y.getBoundingClientRect(), E = u.getBoundingClientRect(), T = y.scrollTop + (E.bottom - v.bottom) + 16;
+          "scrollBehavior" in document.documentElement.style ? y.scrollTo({ top: T, behavior: "smooth" }) : y.scrollTop = T;
+        }) : typeof u.scrollIntoView == "function" && requestAnimationFrame(() => {
           try {
-            h.scrollIntoView({ behavior: "smooth", block: "end", inline: "nearest" });
+            u.scrollIntoView({ behavior: "smooth", block: "end", inline: "nearest" });
           } catch {
-            h.scrollIntoView(!1);
+            u.scrollIntoView(!1);
           }
         });
       }
-      const p = document.activeElement;
-      if (!(p instanceof HTMLInputElement || p instanceof HTMLTextAreaElement || p?.getAttribute("contenteditable") === "true") && typeof h.focus == "function")
+      const m = document.activeElement;
+      if (!(m instanceof HTMLInputElement || m instanceof HTMLTextAreaElement || m?.getAttribute("contenteditable") === "true") && typeof u.focus == "function")
         try {
-          h.focus({ preventScroll: !0 });
+          u.focus({ preventScroll: !0 });
         } catch {
-          h.focus();
+          u.focus();
         }
-    }, [c, i, f, l]), o ? /* @__PURE__ */ E.jsx(
+    }, [c, i, h, d]), o ? /* @__PURE__ */ R.jsx(
       "span",
       {
         ref: s,
@@ -619,26 +737,26 @@ function lr() {
       return t;
   };
 }
-function dr() {
-  const t = K(function({ nodeId: r, context: n, className: o }) {
-    const s = Z(n.store, r), i = cr(s?.props?.onInvokeId), a = D(() => {
+function hr() {
+  const t = Y(function({ nodeId: r, context: n, className: o }) {
+    const s = Z(n.store, r), i = lr(s?.props?.onInvokeId), a = D(() => {
       i && n.dispatchAction(i);
     }, [i, n]);
     if (!s)
       return null;
     const c = Ye(s.props);
     delete c.onInvokeId;
-    const f = Ke(fe(s.props?.className), o), l = s.children?.length ? n.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ E.jsx(
+    const h = Ke(fe(s.props?.className), o), d = s.children?.length ? n.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ R.jsx(
       "div",
       {
         ...c,
         "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: l
+        children: d
       }
     );
   });
@@ -647,45 +765,45 @@ function dr() {
       return t;
   };
 }
-function fr() {
-  const t = K(function({ nodeId: r, context: n, className: o }) {
+function pr() {
+  const t = Y(function({ nodeId: r, context: n, className: o }) {
     const s = Z(n.store, r);
     if (!s)
       return null;
     const i = Ye(s.props), a = Ke("relative", fe(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ E.jsx("div", { ...i, "data-ikon-node-id": s.id, "data-ikon-source": s.sourceMarker, className: a, children: c });
+    return /* @__PURE__ */ R.jsx("div", { ...i, "data-ikon-node-id": s.id, "data-ikon-source": s.sourceMarker, className: a, children: c });
   });
   return ({ type: e }) => {
     if (e === "std.stack")
       return t;
   };
 }
-function hr() {
-  const t = K(function({ nodeId: r, context: n, className: o }) {
+function mr() {
+  const t = Y(function({ nodeId: r, context: n, className: o }) {
     const s = Z(n.store, r);
     if (!s)
       return null;
     const i = Ye(s.props), a = Ke("absolute", fe(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ E.jsx("div", { ...i, "data-ikon-node-id": s.id, "data-ikon-source": s.sourceMarker, className: a, children: c });
+    return /* @__PURE__ */ R.jsx("div", { ...i, "data-ikon-node-id": s.id, "data-ikon-source": s.sourceMarker, className: a, children: c });
   });
   return ({ type: e }) => {
     if (e === "std.layer")
       return t;
   };
 }
-function mr() {
+function gr() {
   return [
-    dr(),
-    fr(),
     hr(),
-    lr()
+    pr(),
+    mr(),
+    fr()
   ];
 }
-const pr = "base", gr = async () => mr();
-function yr(t) {
-  t.registerModule(pr, gr);
+const yr = "base", br = async () => gr();
+function Sr(t) {
+  t.registerModule(yr, br);
 }
-function br(t) {
+function wr(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -695,7 +813,7 @@ function br(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function Sr(...t) {
+function vr(...t) {
   const e = [];
   for (const r of t)
     r && r.trim() && e.push(r.trim());
@@ -716,9 +834,9 @@ function ye(t) {
     if (e === "false") return !1;
   }
 }
-const wr = "std.audio-url-player";
-function vr() {
-  const t = K(function({
+const Er = "std.audio-url-player";
+function Rr() {
+  const t = Y(function({
     nodeId: r,
     context: n,
     className: o
@@ -726,16 +844,16 @@ function vr() {
     const s = Z(n.store, r);
     if (!s)
       return null;
-    const i = Sr(br(s.props?.className), o), a = tt(s.props?.src), c = tt(s.props?.preload), f = ye(s.props?.controls), l = ye(s.props?.autoplay), u = ye(s.props?.loop), h = ye(s.props?.muted);
-    return /* @__PURE__ */ E.jsx(
+    const i = vr(wr(s.props?.className), o), a = tt(s.props?.src), c = tt(s.props?.preload), h = ye(s.props?.controls), d = ye(s.props?.autoplay), l = ye(s.props?.loop), u = ye(s.props?.muted);
+    return /* @__PURE__ */ R.jsx(
       "audio",
       {
         src: a,
         ...c !== void 0 ? { preload: c } : {},
-        ...f !== void 0 ? { controls: f } : {},
-        ...l !== void 0 ? { autoPlay: l } : {},
-        ...u !== void 0 ? { loop: u } : {},
-        ...h !== void 0 ? { muted: h } : {},
+        ...h !== void 0 ? { controls: h } : {},
+        ...d !== void 0 ? { autoPlay: d } : {},
+        ...l !== void 0 ? { loop: l } : {},
+        ...u !== void 0 ? { muted: u } : {},
         "data-ikon-node-id": s.id,
         "data-ikon-source": s.sourceMarker,
         className: i
@@ -743,7 +861,7 @@ function vr() {
     );
   });
   return ({ type: e }) => {
-    if (e === wr)
+    if (e === Er)
       return t;
   };
 }
@@ -778,23 +896,23 @@ function xe(t) {
   const e = t.trim();
   return e.length > 0 ? e : void 0;
 }
-const Rr = "std.video-canvas", Er = "std.video-url-player";
-function Ar() {
-  const t = K(function({ nodeId: r, context: n, className: o }) {
-    const s = Z(n.store, r), i = w(null), a = w(null), c = n.video, f = n.client, l = s ? xe(s.props?.streamId) : void 0, u = s ? Se(s.props?.width) : void 0, h = s ? Se(s.props?.height) : void 0, y = s ? yt(gt(s.props?.className), o) : o, p = f?.isWebRtcEnabled && l ? f.getWebRtcVideoStreamByStreamId(l) : null;
+const kr = "std.video-canvas", Ar = "std.video-url-player";
+function Tr() {
+  const t = Y(function({ nodeId: r, context: n, className: o }) {
+    const s = Z(n.store, r), i = w(null), a = w(null), c = n.video, h = n.client, d = s ? xe(s.props?.streamId) : void 0, l = s ? Se(s.props?.width) : void 0, u = s ? Se(s.props?.height) : void 0, p = s ? yt(gt(s.props?.className), o) : o, m = h?.isWebRtcEnabled && d ? h.getWebRtcVideoStreamByStreamId(d) : null;
     return U(() => {
       const b = i.current;
-      if (!(!c || !b || !l || p))
-        return c.attachCanvas(l, b), () => {
-          c.detachCanvas(l);
+      if (!(!c || !b || !d || m))
+        return c.attachCanvas(d, b), () => {
+          c.detachCanvas(d);
         };
-    }, [c, l, p]), U(() => {
+    }, [c, d, m]), U(() => {
       const b = a.current;
-      if (!(!b || !p))
-        return b.srcObject = p, () => {
+      if (!(!b || !m))
+        return b.srcObject = m, () => {
           b.srcObject = null;
         };
-    }, [p]), s ? p ? /* @__PURE__ */ E.jsx(
+    }, [m]), s ? m ? /* @__PURE__ */ R.jsx(
       "video",
       {
         ref: a,
@@ -803,33 +921,33 @@ function Ar() {
         muted: !0,
         "data-ikon-node-id": s.id,
         "data-ikon-source": s.sourceMarker,
-        "data-ikon-video-stream-id": l,
-        className: y,
-        ...u ? { width: u } : {},
-        ...h ? { height: h } : {}
+        "data-ikon-video-stream-id": d,
+        className: p,
+        ...l ? { width: l } : {},
+        ...u ? { height: u } : {}
       },
-      l
-    ) : /* @__PURE__ */ E.jsx(
+      d
+    ) : /* @__PURE__ */ R.jsx(
       "canvas",
       {
         ref: i,
         "data-ikon-node-id": s.id,
         "data-ikon-source": s.sourceMarker,
-        "data-ikon-video-stream-id": l,
-        className: y,
-        ...u ? { width: u } : {},
-        ...h ? { height: h } : {}
+        "data-ikon-video-stream-id": d,
+        className: p,
+        ...l ? { width: l } : {},
+        ...u ? { height: u } : {}
       },
-      l
+      d
     ) : null;
   });
   return ({ type: e }) => {
-    if (e === Rr)
+    if (e === kr)
       return t;
   };
 }
-function kr() {
-  return [Ar(), Tr(), vr()];
+function Cr() {
+  return [Tr(), Ir(), Rr()];
 }
 function ce(t) {
   if (typeof t == "boolean")
@@ -840,8 +958,8 @@ function ce(t) {
     if (e === "false") return !1;
   }
 }
-function Tr() {
-  const t = K(function({
+function Ir() {
+  const t = Y(function({
     nodeId: r,
     context: n,
     className: o
@@ -849,48 +967,48 @@ function Tr() {
     const s = Z(n.store, r);
     if (!s)
       return null;
-    const i = yt(gt(s.props?.className), o), a = xe(s.props?.src), c = xe(s.props?.poster), f = ce(s.props?.controls), l = ce(s.props?.autoplay), u = ce(s.props?.loop), h = ce(s.props?.muted), y = ce(s.props?.playsInline), p = Se(s.props?.width), b = Se(s.props?.height), m = s.children?.length ? n.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ E.jsx(
+    const i = yt(gt(s.props?.className), o), a = xe(s.props?.src), c = xe(s.props?.poster), h = ce(s.props?.controls), d = ce(s.props?.autoplay), l = ce(s.props?.loop), u = ce(s.props?.muted), p = ce(s.props?.playsInline), m = Se(s.props?.width), b = Se(s.props?.height), g = s.children?.length ? n.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ R.jsx(
       "video",
       {
         src: a,
         poster: c,
-        ...f !== void 0 ? { controls: f } : {},
-        ...l !== void 0 ? { autoPlay: l } : {},
-        ...u !== void 0 ? { loop: u } : {},
-        ...h !== void 0 ? { muted: h } : {},
-        ...y !== void 0 ? { playsInline: y } : {},
-        ...p ? { width: p } : {},
+        ...h !== void 0 ? { controls: h } : {},
+        ...d !== void 0 ? { autoPlay: d } : {},
+        ...l !== void 0 ? { loop: l } : {},
+        ...u !== void 0 ? { muted: u } : {},
+        ...p !== void 0 ? { playsInline: p } : {},
+        ...m ? { width: m } : {},
         ...b ? { height: b } : {},
         "data-ikon-node-id": s.id,
         "data-ikon-source": s.sourceMarker,
         className: i,
-        children: m
+        children: g
       }
     );
   });
   return ({ type: e }) => {
-    if (e === Er)
+    if (e === Ar)
       return t;
   };
 }
-const Cr = "media", Ir = async () => kr();
-function Or(t) {
-  t.registerModule(Cr, Ir);
+const Or = "media", Nr = async () => Cr();
+function _r(t) {
+  t.registerModule(Or, Nr);
 }
-const _r = `#version 300 es
+const Pr = `#version 300 es
 in vec4 a_position;
 void main() {
     gl_Position = a_position;
 }
 `;
-function Nr(t, e) {
+function Mr(t, e) {
   return new RegExp(`\\buniform\\s+\\w+\\s+${e}\\s*;`, "g").test(t);
 }
-function Pr(t, e) {
+function Lr(t, e) {
   const r = [];
   for (const [n, o] of Object.entries(e)) {
-    if (Nr(t, n))
+    if (Mr(t, n))
       continue;
     let s;
     switch (o.type) {
@@ -943,7 +1061,7 @@ void main() {
 }
 `;
 }
-class Mr {
+class jr {
   gl;
   program = null;
   positionBuffer = null;
@@ -979,10 +1097,10 @@ class Mr {
   }
   compile(e, r = {}) {
     this.lastError = null, this.customUniforms = r, this.currentShaderSource = e;
-    const n = this.gl, o = this.compileShader(n.VERTEX_SHADER, _r);
+    const n = this.gl, o = this.compileShader(n.VERTEX_SHADER, Pr);
     if (!o)
       return !1;
-    const s = Pr(e, r), i = this.compileShader(n.FRAGMENT_SHADER, s);
+    const s = Lr(e, r), i = this.compileShader(n.FRAGMENT_SHADER, s);
     if (!i)
       return n.deleteShader(o), !1;
     const a = n.createProgram();
@@ -1020,46 +1138,46 @@ class Mr {
     this.lastFrameTime = s, this.frameCount++, e.clearColor(0, 0, 0, 1), e.clear(e.COLOR_BUFFER_BIT), e.useProgram(this.program), e.bindVertexArray(this.vao);
     const c = this.uniformLocations.get("iResolution");
     c && e.uniform3f(c, n, o, 1);
-    const f = this.uniformLocations.get("iTime");
-    f && e.uniform1f(f, i);
-    const l = this.uniformLocations.get("iTimeDelta");
-    l && e.uniform1f(l, a);
-    const u = this.uniformLocations.get("iFrame");
-    u && e.uniform1i(u, this.frameCount);
-    const h = this.uniformLocations.get("iMouse");
-    h && e.uniform4f(h, this.mouseX, this.mouseY, this.mouseClickX, this.mouseClickY);
-    const y = this.uniformLocations.get("iDate");
-    if (y) {
-      const p = /* @__PURE__ */ new Date();
-      e.uniform4f(y, p.getFullYear(), p.getMonth(), p.getDate(), p.getHours() * 3600 + p.getMinutes() * 60 + p.getSeconds() + p.getMilliseconds() / 1e3);
+    const h = this.uniformLocations.get("iTime");
+    h && e.uniform1f(h, i);
+    const d = this.uniformLocations.get("iTimeDelta");
+    d && e.uniform1f(d, a);
+    const l = this.uniformLocations.get("iFrame");
+    l && e.uniform1i(l, this.frameCount);
+    const u = this.uniformLocations.get("iMouse");
+    u && e.uniform4f(u, this.mouseX, this.mouseY, this.mouseClickX, this.mouseClickY);
+    const p = this.uniformLocations.get("iDate");
+    if (p) {
+      const m = /* @__PURE__ */ new Date();
+      e.uniform4f(p, m.getFullYear(), m.getMonth(), m.getDate(), m.getHours() * 3600 + m.getMinutes() * 60 + m.getSeconds() + m.getMilliseconds() / 1e3);
     }
-    for (const [p, b] of Object.entries(this.customUniforms)) {
-      const m = this.uniformLocations.get(p);
-      if (m)
+    for (const [m, b] of Object.entries(this.customUniforms)) {
+      const g = this.uniformLocations.get(m);
+      if (g)
         switch (b.type) {
           case "float":
-            e.uniform1f(m, b.value);
+            e.uniform1f(g, b.value);
             break;
           case "vec2": {
-            const g = b.value;
-            e.uniform2f(m, g[0], g[1]);
+            const y = b.value;
+            e.uniform2f(g, y[0], y[1]);
             break;
           }
           case "vec3": {
-            const g = b.value;
-            e.uniform3f(m, g[0], g[1], g[2]);
+            const y = b.value;
+            e.uniform3f(g, y[0], y[1], y[2]);
             break;
           }
           case "vec4": {
-            const g = b.value;
-            e.uniform4f(m, g[0], g[1], g[2], g[3]);
+            const y = b.value;
+            e.uniform4f(g, y[0], y[1], y[2], y[3]);
             break;
           }
           case "int":
-            e.uniform1i(m, b.value);
+            e.uniform1i(g, b.value);
             break;
           case "bool":
-            e.uniform1i(m, b.value ? 1 : 0);
+            e.uniform1i(g, b.value ? 1 : 0);
             break;
         }
     }
@@ -1073,7 +1191,7 @@ class Mr {
     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 Ur(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -1083,7 +1201,7 @@ function jr(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function Ur(...t) {
+function xr(...t) {
   const e = [];
   for (const r of t)
     r && r.trim() && e.push(r.trim());
@@ -1098,10 +1216,10 @@ function Ce(t) {
       return Math.floor(e);
   }
 }
-function Lr(t) {
+function Dr(t) {
   return typeof t == "string" ? t : "";
 }
-function xr(t) {
+function Fr(t) {
   if (typeof t == "boolean")
     return t;
   if (typeof t == "string") {
@@ -1110,7 +1228,7 @@ function xr(t) {
     if (e === "false") return !1;
   }
 }
-function Dr(t) {
+function Br(t) {
   if (!t || typeof t != "object")
     return {};
   const e = {}, r = t;
@@ -1125,7 +1243,7 @@ function Dr(t) {
   }
   return e;
 }
-function Fr(t, e) {
+function $r(t, e) {
   const r = Object.keys(t), n = Object.keys(e);
   if (r.length !== n.length)
     return !1;
@@ -1146,21 +1264,21 @@ function Fr(t, e) {
   }
   return !0;
 }
-const Br = "std.shadertoy-canvas";
-function $r() {
-  const t = K(function({ nodeId: r, context: n, className: o }) {
-    const s = Z(n.store, r), i = w(null), a = w(null), c = w(null), f = w(0), l = w(""), u = w({}), h = w({
+const Vr = "std.shadertoy-canvas";
+function Kr() {
+  const t = Y(function({ nodeId: r, context: n, className: o }) {
+    const s = Z(n.store, r), i = w(null), a = w(null), c = w(null), h = w(0), d = w(""), l = w({}), u = w({
       x: 0,
       y: 0,
       clickX: 0,
       clickY: 0,
       isDown: !1
-    }), y = s ? Lr(s.props?.shaderSource) : "", p = s ? Ce(s.props?.fps) ?? 60 : 60, b = s?.props?.uniforms, m = V(() => Dr(b), [b]), g = s ? xr(s.props?.enableMouse) ?? !0 : !0, v = s ? Ce(s.props?.width) : void 0, A = s ? Ce(s.props?.height) : void 0, I = s ? Ur(jr(s.props?.className), o) : o;
+    }), p = s ? Dr(s.props?.shaderSource) : "", m = s ? Ce(s.props?.fps) ?? 60 : 60, b = s?.props?.uniforms, g = V(() => Br(b), [b]), y = s ? Fr(s.props?.enableMouse) ?? !0 : !0, v = s ? Ce(s.props?.width) : void 0, E = s ? Ce(s.props?.height) : void 0, T = s ? xr(Ur(s.props?.className), o) : o;
     U(() => {
-      const T = i.current;
-      if (T) {
+      const C = i.current;
+      if (C) {
         try {
-          const _ = new Mr(T);
+          const _ = new jr(C);
           a.current = _;
         } catch (_) {
           console.error("[ShadertoyRenderer] Failed to create WebGL2 context:", _);
@@ -1170,76 +1288,76 @@ function $r() {
         };
       }
     }, []), U(() => {
-      const T = a.current;
-      if (!(!T || !y) && l.current !== y)
-        if (T.compile(y, m))
-          l.current = y, u.current = m;
+      const C = a.current;
+      if (!(!C || !p) && d.current !== p)
+        if (C.compile(p, g))
+          d.current = p, l.current = g;
         else {
-          const x = T.getError();
+          const x = C.getError();
           console.error("[ShadertoyRenderer] Shader compilation failed:", x);
         }
-    }, [y, m]), U(() => {
-      const T = a.current;
-      !T || !l.current || Fr(u.current, m) || (T.setCustomUniforms(m), u.current = m);
-    }, [m]), U(() => {
-      const T = a.current;
-      if (!T || !l.current) return;
-      const _ = 1e3 / p, x = (N) => {
-        const F = N - f.current;
-        F >= _ && (f.current = N - F % _, T.draw()), c.current = requestAnimationFrame(x);
+    }, [p, g]), U(() => {
+      const C = a.current;
+      !C || !d.current || $r(l.current, g) || (C.setCustomUniforms(g), l.current = g);
+    }, [g]), U(() => {
+      const C = a.current;
+      if (!C || !d.current) return;
+      const _ = 1e3 / m, x = (P) => {
+        const F = P - h.current;
+        F >= _ && (h.current = P - F % _, C.draw()), c.current = requestAnimationFrame(x);
       };
       return c.current = requestAnimationFrame(x), () => {
         c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       };
-    }, [p]);
-    const L = D(
-      (T) => {
-        if (!g) return;
+    }, [m]);
+    const O = D(
+      (C) => {
+        if (!y) return;
         const _ = i.current, x = a.current;
         if (!_ || !x) return;
-        const N = _.getBoundingClientRect(), F = T.clientX - N.left, z = N.height - (T.clientY - N.top);
-        h.current.x = F, h.current.y = z, x.setMouse(F, z, h.current.clickX, h.current.clickY);
+        const P = _.getBoundingClientRect(), F = C.clientX - P.left, z = P.height - (C.clientY - P.top);
+        u.current.x = F, u.current.y = z, x.setMouse(F, z, u.current.clickX, u.current.clickY);
       },
-      [g]
-    ), Y = D(
-      (T) => {
-        if (!g) return;
+      [y]
+    ), K = D(
+      (C) => {
+        if (!y) return;
         const _ = i.current, x = a.current;
         if (!_ || !x) return;
-        const N = _.getBoundingClientRect(), F = T.clientX - N.left, z = N.height - (T.clientY - N.top);
-        h.current.isDown = !0, h.current.clickX = F, h.current.clickY = z, x.setMouse(F, z, F, z);
+        const P = _.getBoundingClientRect(), F = C.clientX - P.left, z = P.height - (C.clientY - P.top);
+        u.current.isDown = !0, u.current.clickX = F, u.current.clickY = z, x.setMouse(F, z, F, z);
       },
-      [g]
+      [y]
     ), Q = D(() => {
-      g && (h.current.isDown = !1, h.current.clickX = -Math.abs(h.current.clickX));
-    }, [g]);
-    return s ? /* @__PURE__ */ E.jsx(
+      y && (u.current.isDown = !1, u.current.clickX = -Math.abs(u.current.clickX));
+    }, [y]);
+    return s ? /* @__PURE__ */ R.jsx(
       "canvas",
       {
         ref: i,
         "data-ikon-node-id": s.id,
         "data-ikon-source": s.sourceMarker,
-        className: I,
+        className: T,
         ...v ? { width: v } : {},
-        ...A ? { height: A } : {},
-        onMouseMove: L,
-        onMouseDown: Y,
+        ...E ? { height: E } : {},
+        onMouseMove: O,
+        onMouseDown: K,
         onMouseUp: Q,
         onMouseLeave: Q
       }
     ) : null;
   });
   return ({ type: e }) => {
-    if (e === Br)
+    if (e === Vr)
       return t;
   };
 }
-const Vr = "shadertoy", Kr = async () => $r();
-function Yr(t) {
-  t.registerModule(Vr, Kr);
+const Yr = "shadertoy", zr = async () => Kr();
+function Wr(t) {
+  t.registerModule(Yr, zr);
 }
-const rt = Ee("UIRegistry");
-class zr {
+const rt = Re("UIRegistry");
+class qr {
   baseResolvers = [];
   moduleLoaders = /* @__PURE__ */ new Map();
   moduleResolvers = /* @__PURE__ */ new Map();
@@ -1261,7 +1379,7 @@ class zr {
     for (const [n, o] of this.moduleLoaders.entries())
       if (!this.moduleResolvers.has(n))
         try {
-          const s = await o(), i = Gr(s);
+          const s = await o(), i = Jr(s);
           this.moduleResolvers.set(n, i), e = !0;
         } catch (s) {
           rt.error(`[IkonUiRegistry] Failed to load module '${n}'.`, s);
@@ -1269,7 +1387,7 @@ class zr {
     const r = [];
     for (const n of this.moduleLoaders.keys())
       this.moduleResolvers.has(n) && r.push(n);
-    return Hr(r, this.activeModuleOrder) || (this.activeModuleOrder = r, e = !0), e;
+    return Xr(r, this.activeModuleOrder) || (this.activeModuleOrder = r, e = !0), e;
   }
   resolve(e) {
     for (const r of this.baseResolvers) {
@@ -1289,17 +1407,17 @@ class zr {
     }
   }
 }
-function Wr() {
-  const t = new zr();
-  return yr(t), Or(t), Yr(t), t.loadRegisteredModules(), t;
+function Gr() {
+  const t = new qr();
+  return Sr(t), _r(t), Wr(t), t.loadRegisteredModules(), t;
 }
-function qr(t) {
+function Hr(t) {
   return Array.isArray(t) ? t : [t];
 }
-function Gr(t) {
-  return t ? qr(t).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
+function Jr(t) {
+  return t ? Hr(t).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
 }
-function Hr(t, e) {
+function Xr(t, e) {
   if (t.length !== e.length)
     return !1;
   for (let r = 0; r < t.length; r += 1)
@@ -1307,7 +1425,7 @@ function Hr(t, e) {
       return !1;
   return !0;
 }
-const Ie = Ee("MotionController"), nt = {
+const Ie = Re("MotionController"), nt = {
   ease: [0.25, 0.1, 0.25, 1],
   "ease-in": [0.42, 0, 1, 1],
   "ease-out": [0, 0, 0.58, 1],
@@ -1351,51 +1469,51 @@ function st(t) {
   return typeof CSS < "u" && CSS.escape ? CSS.escape(t) : t.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
 function it(t, e, r, n) {
-  const l = new Float32Array(11);
-  function u(m, g, v) {
-    return ((3 * g - 3 * v + 1) * m + (3 * v - 6 * g)) * m * m + 3 * g * m;
+  const d = new Float32Array(11);
+  function l(g, y, v) {
+    return ((3 * y - 3 * v + 1) * g + (3 * v - 6 * y)) * g * g + 3 * y * g;
   }
-  function h(m, g, v) {
-    return 3 * (3 * g - 3 * v + 1) * m * m + 2 * (3 * v - 6 * g) * m + 3 * g;
+  function u(g, y, v) {
+    return 3 * (3 * y - 3 * v + 1) * g * g + 2 * (3 * v - 6 * y) * g + 3 * y;
   }
-  function y(m, g) {
+  function p(g, y) {
     for (let v = 0; v < 4; v += 1) {
-      const A = h(g, t, r);
-      if (A === 0)
-        return g;
-      const I = u(g, t, r) - m;
-      g -= I / A;
+      const E = u(y, t, r);
+      if (E === 0)
+        return y;
+      const T = l(y, t, r) - g;
+      y -= T / E;
     }
-    return g;
+    return y;
   }
-  function p(m, g, v) {
-    let A = 0, I = 0, L = 0;
+  function m(g, y, v) {
+    let E = 0, T = 0, O = 0;
     do
-      I = g + (v - g) / 2, A = u(I, t, r) - m, A > 0 ? v = I : g = I;
-    while (Math.abs(A) > 1e-7 && ++L < 10);
-    return I;
-  }
-  function b(m) {
-    let g = 0, v = 1;
-    const A = 10;
-    for (; v !== A && l[v] <= m; v += 1)
-      g += 0.1;
+      T = y + (v - y) / 2, E = l(T, t, r) - g, E > 0 ? v = T : y = T;
+    while (Math.abs(E) > 1e-7 && ++O < 10);
+    return T;
+  }
+  function b(g) {
+    let y = 0, v = 1;
+    const E = 10;
+    for (; v !== E && d[v] <= g; v += 1)
+      y += 0.1;
     v -= 1;
-    const I = (m - l[v]) / (l[v + 1] - l[v]), L = g + I * 0.1, Y = h(L, t, r);
-    return Y >= 1e-3 ? y(m, L) : Y === 0 ? L : p(m, g, g + 0.1);
+    const T = (g - d[v]) / (d[v + 1] - d[v]), O = y + T * 0.1, K = u(O, t, r);
+    return K >= 1e-3 ? p(g, O) : K === 0 ? O : m(g, y, y + 0.1);
   }
-  for (let m = 0; m < 11; m += 1)
-    l[m] = u(m * 0.1, t, r);
-  return (m) => m <= 0 ? 0 : m >= 1 ? 1 : u(b(m), e, n);
+  for (let g = 0; g < 11; g += 1)
+    d[g] = l(g * 0.1, t, r);
+  return (g) => g <= 0 ? 0 : g >= 1 ? 1 : l(b(g), e, n);
 }
-function Jr(t) {
+function Zr(t) {
   const e = /steps\(\s*([0-9]+)\s*(?:,\s*([a-z-]+)\s*)?\)/i.exec(t);
   if (!e)
     return (o) => B(o);
   const r = Math.max(1, parseInt(e[1], 10)), n = (e[2] ?? "end").toLowerCase();
   return n === "start" || n === "jump-start" ? (o) => B(Math.ceil(o * r) / r) : n === "none" || n === "jump-none" ? (o) => B(Math.round(o * r) / r) : n === "both" || n === "jump-both" ? (o) => B((Math.floor(o * r) + 0.5) / r) : (o) => B(Math.floor(o * r) / r);
 }
-function Xr(t) {
+function Qr(t) {
   if (!t)
     return (r) => B(r);
   const e = t.trim().toLowerCase();
@@ -1409,16 +1527,16 @@ function Xr(t) {
     const n = e.slice(13, -1).split(",").map((o) => Number.parseFloat(o.trim()));
     if (n.length === 4 && n.every((o) => Number.isFinite(o))) {
       const [o, s, i, a] = n, c = it(o, s, i, a);
-      return (f) => B(c(B(f)));
+      return (h) => B(c(B(h)));
     }
   }
   if (e.startsWith("steps(") && e.endsWith(")")) {
-    const r = Jr(e);
+    const r = Zr(e);
     return (n) => r(B(n));
   }
   return (r) => B(r);
 }
-function Zr(t) {
+function en(t) {
   if (!t)
     return;
   const e = /(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)\s*->\s*(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)/.exec(t);
@@ -1428,7 +1546,7 @@ function Zr(t) {
   if (![r, n, o, s].some((i) => !Number.isFinite(i)))
     return { inStart: r, inEnd: n, outStart: o, outEnd: s };
 }
-class Qr {
+class tn {
   bindingsByStyle = /* @__PURE__ */ new Map();
   observer;
   observeScheduled = !1;
@@ -1473,7 +1591,7 @@ class Qr {
     const r = e.source?.trim();
     if (!r)
       return;
-    const n = ot(e.min) ?? 0, o = ot(e.max), s = o === void 0 ? n + 100 : o, i = (e.clamp ?? "clamp").trim().toLowerCase(), a = !!e.reverse, c = Xr(e.ease), f = Zr(e.map), l = e.targetId?.trim() || void 0;
+    const n = ot(e.min) ?? 0, o = ot(e.max), s = o === void 0 ? n + 100 : o, i = (e.clamp ?? "clamp").trim().toLowerCase(), a = !!e.reverse, c = Qr(e.ease), h = en(e.map), d = e.targetId?.trim() || void 0;
     return Number.isNaN(n) || Number.isNaN(s) ? void 0 : {
       source: r.toLowerCase(),
       min: n,
@@ -1481,8 +1599,8 @@ class Qr {
       clamp: i === "freeze-start" || i === "freeze-end" || i === "unclamped" ? i : "clamp",
       reverse: a,
       ease: c,
-      map: f,
-      targetId: l
+      map: h,
+      targetId: d
     };
   }
   ensureObserver() {
@@ -1581,10 +1699,10 @@ class Qr {
     const o = r.max - r.min, s = o === 0 ? n > r.min ? 1 : 0 : (n - r.min) / o;
     let i = this.applyClamp(s, r.clamp);
     r.reverse && (i = 1 - i);
-    const a = r.ease(i), c = Number.isFinite(a) ? a : 0, f = c * 100;
-    if (e.style.setProperty("--tw-motion-bind-source-value", `${n}`), e.style.setProperty("--tw-motion-bind-progress-ratio", `${c}`), e.style.setProperty("--tw-motion-bind-progress", `${f}`), r.map) {
-      const l = this.applyMap(f, r.map);
-      l !== void 0 && e.style.setProperty("--tw-motion-bind-value", `${l}`);
+    const a = r.ease(i), c = Number.isFinite(a) ? a : 0, h = c * 100;
+    if (e.style.setProperty("--tw-motion-bind-source-value", `${n}`), e.style.setProperty("--tw-motion-bind-progress-ratio", `${c}`), e.style.setProperty("--tw-motion-bind-progress", `${h}`), r.map) {
+      const d = this.applyMap(h, r.map);
+      d !== void 0 && e.style.setProperty("--tw-motion-bind-value", `${d}`);
     } else
       e.style.removeProperty("--tw-motion-bind-value");
   }
@@ -1686,8 +1804,8 @@ class Qr {
     }
   }
 }
-const Oe = new Qr();
-function en(t) {
+const Oe = new tn();
+function rn(t) {
   const e = w(/* @__PURE__ */ new Map()), r = D(({ styleId: s, css: i, common: a }) => {
     if (!(!s || typeof document > "u")) {
       if (i) {
@@ -1720,7 +1838,7 @@ function en(t) {
     };
   }, [t, o, r, n]), U(() => () => o(), [o]), { setStyle: r, deleteStyles: n, reset: o };
 }
-function tn(t) {
+function nn(t) {
   const e = [];
   for (const [r, n] of t) {
     const o = n.store.getSnapshot(), s = o.rootViewId && o.views.has(o.rootViewId);
@@ -1728,7 +1846,7 @@ function tn(t) {
   }
   return e.sort(), e.join(",");
 }
-function rn(t) {
+function on(t) {
   const [e, r] = J(), n = w("");
   return U(() => {
     if (!t) {
@@ -1736,54 +1854,54 @@ function rn(t) {
       return;
     }
     const o = () => {
-      const s = t.getStores(), i = tn(s);
+      const s = t.getStores(), i = nn(s);
       i !== n.current && (n.current = i, r(s));
     };
     return o(), t.subscribe(o);
   }, [t]), e;
 }
-var nn = typeof global == "object" && global && global.Object === Object && global, on = typeof self == "object" && self && self.Object === Object && self, sn = nn || on || Function("return this")(), we = sn.Symbol, bt = Object.prototype, an = bt.hasOwnProperty, cn = bt.toString, ue = we ? we.toStringTag : void 0;
-function un(t) {
-  var e = an.call(t, ue), r = t[ue];
+var sn = typeof global == "object" && global && global.Object === Object && global, an = typeof self == "object" && self && self.Object === Object && self, cn = sn || an || Function("return this")(), we = cn.Symbol, bt = Object.prototype, un = bt.hasOwnProperty, ln = bt.toString, ue = we ? we.toStringTag : void 0;
+function dn(t) {
+  var e = un.call(t, ue), r = t[ue];
   try {
     t[ue] = void 0;
     var n = !0;
   } catch {
   }
-  var o = cn.call(t);
+  var o = ln.call(t);
   return n && (e ? t[ue] = r : delete t[ue]), o;
 }
-var ln = Object.prototype, dn = ln.toString;
-function fn(t) {
-  return dn.call(t);
-}
-var hn = "[object Null]", mn = "[object Undefined]", at = we ? we.toStringTag : void 0;
+var fn = Object.prototype, hn = fn.toString;
 function pn(t) {
-  return t == null ? t === void 0 ? mn : hn : at && at in Object(t) ? un(t) : fn(t);
+  return hn.call(t);
 }
-function gn(t) {
+var mn = "[object Null]", gn = "[object Undefined]", at = we ? we.toStringTag : void 0;
+function yn(t) {
+  return t == null ? t === void 0 ? gn : mn : at && at in Object(t) ? dn(t) : pn(t);
+}
+function bn(t) {
   return t != null && typeof t == "object";
 }
-var yn = Array.isArray, bn = "[object String]";
-function Sn(t) {
-  return typeof t == "string" || !yn(t) && gn(t) && pn(t) == bn;
+var Sn = Array.isArray, wn = "[object String]";
+function vn(t) {
+  return typeof t == "string" || !Sn(t) && bn(t) && yn(t) == wn;
 }
 const ct = "ikonUiModules";
 function De(t) {
   return typeof t == "object" && t !== null && !Array.isArray(t);
 }
-function wn(t) {
+function En(t) {
   if (!Array.isArray(t))
     return;
   const e = /* @__PURE__ */ new Set();
   for (const r of t) {
-    if (!Sn(r)) continue;
+    if (!vn(r)) continue;
     const n = r.trim();
     n && (e.has(n) || e.add(n));
   }
   return Array.from(e);
 }
-function Eo(t, e) {
+function Ao(t, e) {
   if (t === e)
     return !0;
   if (!t || !e)
@@ -1795,18 +1913,18 @@ function Eo(t, e) {
       return !1;
   return !0;
 }
-function vn(t) {
+function Rn(t) {
   if (!(!De(t) || !Object.prototype.hasOwnProperty.call(t, ct)))
-    return wn(t[ct]);
+    return En(t[ct]);
 }
-function Ao(...t) {
+function To(...t) {
   for (const e of t) {
-    const r = vn(e);
+    const r = Rn(e);
     if (r !== void 0)
       return r;
   }
 }
-function ko(t) {
+function Co(t) {
   if (!De(t))
     return;
   const e = t, r = Object.keys(e).find((c) => c.toLowerCase() === "modules");
@@ -1828,36 +1946,36 @@ function ko(t) {
     }
     if (!De(c))
       continue;
-    const f = c, l = Object.keys(f).find((b) => b.toLowerCase() === "name");
-    if (!l)
+    const h = c, d = Object.keys(h).find((b) => b.toLowerCase() === "name");
+    if (!d)
       continue;
-    const u = f[l];
-    if (typeof u != "string")
+    const l = h[d];
+    if (typeof l != "string")
       continue;
-    const h = u.trim();
-    if (!h)
+    const u = l.trim();
+    if (!u)
       continue;
-    const y = Object.keys(f).find((b) => b.toLowerCase() === "javascript"), p = y ? f[y] : void 0;
-    typeof p == "string" && s.set(h, p), i.has(h) || (o.push(h), i.add(h));
+    const p = Object.keys(h).find((b) => b.toLowerCase() === "javascript"), m = p ? h[p] : void 0;
+    typeof m == "string" && s.set(u, m), i.has(u) || (o.push(u), i.add(u));
   }
   if (!o.length && s.size === 0)
     return { modules: [] };
-  const a = Array.from(s.entries()).map(([c, f]) => ({
+  const a = Array.from(s.entries()).map(([c, h]) => ({
     name: c,
-    javascript: f
+    javascript: h
   }));
   return a.length > 0 ? { modules: o, inlineModules: a } : { modules: o };
 }
-const R = {
+const k = {
   None: 0,
   Letter: 1,
   Word: 2,
   Line: 4,
   Paragraph: 8,
   Emoji: 16
-}, Rn = [
+}, kn = [
   {
-    flag: R.Letter,
+    flag: k.Letter,
     hints: [
       "[data-motion-letter]",
       "[data-letter]",
@@ -1866,7 +1984,7 @@ const R = {
     ]
   },
   {
-    flag: R.Word,
+    flag: k.Word,
     hints: [
       "[data-motion-word]",
       "[data-word]",
@@ -1875,7 +1993,7 @@ const R = {
     ]
   },
   {
-    flag: R.Line,
+    flag: k.Line,
     hints: [
       "[data-motion-line]",
       "[data-line]",
@@ -1884,7 +2002,7 @@ const R = {
     ]
   },
   {
-    flag: R.Paragraph,
+    flag: k.Paragraph,
     hints: [
       "[data-motion-paragraph]",
       "[data-paragraph]",
@@ -1895,7 +2013,7 @@ const R = {
     ]
   },
   {
-    flag: R.Emoji,
+    flag: k.Emoji,
     hints: [
       ":is([data-motion-emoji],[data-emoji],.tw-motion-emoji,.tw-emoji)",
       "[data-motion-emoji]",
@@ -1904,42 +2022,42 @@ const R = {
       "[data-emoji]"
     ]
   }
-], Fe = R.Letter | R.Word | R.Line | R.Paragraph | R.Emoji, En = R.Letter | R.Word | R.Line | R.Paragraph, ut = /* @__PURE__ */ new Map(), An = 16384;
-function To(t, e) {
-  if (!t || t.length > An)
+], Fe = k.Letter | k.Word | k.Line | k.Paragraph | k.Emoji, An = k.Letter | k.Word | k.Line | k.Paragraph, ut = /* @__PURE__ */ new Map(), Tn = 16384;
+function Io(t, e) {
+  if (!t || t.length > Tn)
     return t;
-  const r = $n(e), n = oe(r, R.Emoji), o = r & En;
-  if (o === R.None && !n)
+  const r = Kn(e), n = oe(r, k.Emoji), o = r & An;
+  if (o === k.None && !n)
     return t;
   const s = t.replace(/\r\n/g, `
 `).replace(/\r/g, `
 `);
-  if (o === R.None)
+  if (o === k.None)
     return ht(s);
-  const i = Fn(s);
+  const i = $n(s);
   if (i.length === 0)
     return n ? ht(s) : t;
-  const a = Bn(i), c = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, f = [];
-  for (const l of a) {
-    const u = kn(l, r, c);
-    f.push(...u);
+  const a = Vn(i), c = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, h = [];
+  for (const d of a) {
+    const l = Cn(d, r, c);
+    h.push(...l);
   }
-  return f;
+  return h;
 }
-function kn(t, e, r) {
+function Cn(t, e, r) {
   const n = [];
   for (const o of t) {
-    const s = Tn(o, e, r);
+    const s = In(o, e, r);
     n.push(...s);
   }
-  if (oe(e, R.Paragraph)) {
+  if (oe(e, k.Paragraph)) {
     const o = r.paragraph++;
     return [
-      /* @__PURE__ */ E.jsx(
+      /* @__PURE__ */ R.jsx(
         "span",
         {
           "data-motion-paragraph": !0,
-          style: Ae(o),
+          style: ke(o),
           children: n
         },
         `motion-paragraph-${o}`
@@ -1948,23 +2066,23 @@ function kn(t, e, r) {
   }
   return n;
 }
-function Tn(t, e, r) {
-  const n = Cn(t.text, e, r), o = [];
-  if (oe(e, R.Line)) {
+function In(t, e, r) {
+  const n = On(t.text, e, r), o = [];
+  if (oe(e, k.Line)) {
     const s = r.line++;
     o.push(
-      /* @__PURE__ */ E.jsx("span", { "data-motion-line": !0, style: Ae(s), children: n }, `motion-line-${s}`)
+      /* @__PURE__ */ R.jsx("span", { "data-motion-line": !0, style: ke(s), children: n }, `motion-line-${s}`)
     );
   } else
     o.push(...n);
   for (let s = 0; s < t.breaks; s++)
-    o.push(/* @__PURE__ */ E.jsx("br", {}, `motion-break-${r.br++}`));
+    o.push(/* @__PURE__ */ R.jsx("br", {}, `motion-break-${r.br++}`));
   return o;
 }
-function Cn(t, e, r) {
+function On(t, e, r) {
   if (!t)
     return [];
-  const n = oe(e, R.Word), o = [], s = /(\s+)/g;
+  const n = oe(e, k.Word), o = [], s = /(\s+)/g;
   let i = 0, a;
   for (; (a = s.exec(t)) !== null; ) {
     if (a.index > i) {
@@ -1980,16 +2098,16 @@ function Cn(t, e, r) {
   return o;
 }
 function lt(t, e, r, n) {
-  const o = e.word++, s = On(t, r, e), i = `motion-word-${o}`, a = In(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);
+  const o = e.word++, s = _n(t, r, e), i = `motion-word-${o}`, a = Nn(o, n);
+  return n ? /* @__PURE__ */ R.jsx("span", { "data-motion-word": !0, style: a, children: s }, i) : /* @__PURE__ */ R.jsx("span", { style: a, children: s }, i);
 }
-function In(t, e) {
-  return e ? { ...Ae(t), whiteSpace: "nowrap" } : { whiteSpace: "nowrap" };
+function Nn(t, e) {
+  return e ? { ...ke(t), whiteSpace: "nowrap" } : { whiteSpace: "nowrap" };
 }
-function On(t, e, r) {
+function _n(t, e, r) {
   if (!t)
     return [];
-  const n = oe(e, R.Letter), o = oe(e, R.Emoji);
+  const n = oe(e, k.Letter), o = oe(e, k.Emoji);
   if (!n) {
     if (!o)
       return [t];
@@ -2001,17 +2119,17 @@ function On(t, e, r) {
   }
   const s = [], i = Be(t);
   for (const a of i) {
-    const c = r.letter++, f = `motion-letter-${c}`, l = Ae(c);
+    const c = r.letter++, h = `motion-letter-${c}`, d = ke(c);
     if (a === `
 `) {
       s.push(
-        /* @__PURE__ */ E.jsx("span", { "data-motion-letter": !0, style: l, children: /* @__PURE__ */ E.jsx("br", {}) }, f)
+        /* @__PURE__ */ R.jsx("span", { "data-motion-letter": !0, style: d, children: /* @__PURE__ */ R.jsx("br", {}) }, h)
       );
       continue;
     }
-    const h = o && St(a) ? { "data-motion-emoji": !0 } : void 0, y = a === " " ? " " : a;
+    const u = o && St(a) ? { "data-motion-emoji": !0 } : void 0, p = a === " " ? " " : a;
     s.push(
-      /* @__PURE__ */ E.jsx("span", { "data-motion-letter": !0, style: l, ...h, children: y }, f)
+      /* @__PURE__ */ R.jsx("span", { "data-motion-letter": !0, style: d, ...u, children: p }, h)
     );
   }
   return s;
@@ -2019,33 +2137,33 @@ function On(t, e, r) {
 function Be(t) {
   if (!t)
     return [];
-  const e = _n();
-  return e ? Array.from(e.segment(t), (r) => r.segment) : Nn(t);
+  const e = Pn();
+  return e ? Array.from(e.segment(t), (r) => r.segment) : Mn(t);
 }
 let le;
-function _n() {
+function Pn() {
   return le !== void 0 || (typeof Intl < "u" && typeof Intl.Segmenter == "function" ? le = new Intl.Segmenter(void 0, { granularity: "grapheme" }) : le = null), le;
 }
-function Nn(t) {
+function Mn(t) {
   const e = [], r = Array.from(t);
   let n = "";
   for (let o = 0; o < r.length; o++) {
     const s = r[o], i = r[o + 1];
-    n += s, !(i && Pn(s, i)) && (e.push(n), n = "");
+    n += s, !(i && Ln(s, i)) && (e.push(n), n = "");
   }
   return n && e.push(n), e;
 }
-function Pn(t, e) {
-  return e ? !!(dt(t) || dt(e) || Un(e) || Mn(e) || jn(e) || ft(t) && ft(e)) : !1;
+function Ln(t, e) {
+  return e ? !!(dt(t) || dt(e) || xn(e) || jn(e) || Un(e) || ft(t) && ft(e)) : !1;
 }
 function dt(t) {
   return t.codePointAt(0) === 8205;
 }
-function Mn(t) {
+function jn(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 65024 && e <= 65039 || e >= 917760 && e <= 917999;
 }
-function jn(t) {
+function Un(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 127995 && e <= 127999;
 }
@@ -2053,11 +2171,11 @@ function ft(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 127462 && e <= 127487;
 }
-let _e;
-function Un(t) {
-  return t ? (_e || (_e = Ln()), _e(t)) : !1;
+let Ne;
+function xn(t) {
+  return t ? (Ne || (Ne = Dn()), Ne(t)) : !1;
 }
-function Ln() {
+function Dn() {
   try {
     const t = new RegExp("\\p{Mark}", "u");
     return (e) => t.test(e);
@@ -2068,19 +2186,19 @@ function Ln() {
     };
   }
 }
-let Ne;
+let _e;
 function St(t) {
-  return t ? (Ne || (Ne = xn()), Ne(t)) : !1;
+  return t ? (_e || (_e = Fn()), _e(t)) : !1;
 }
-function xn() {
+function Fn() {
   try {
     const t = new RegExp("\\p{Extended_Pictographic}", "u");
     return (e) => t.test(e);
   } catch {
-    return Dn;
+    return Bn;
   }
 }
-function Dn(t) {
+function Bn(t) {
   if (!t)
     return !1;
   for (const e of Array.from(t)) {
@@ -2090,7 +2208,7 @@ function Dn(t) {
   }
   return !1;
 }
-function Fn(t) {
+function $n(t) {
   const e = [];
   let r = "", n = 0;
   for (let o = 0; o < t.length; o++) {
@@ -2104,7 +2222,7 @@ function Fn(t) {
   }
   return (n > 0 || r.length > 0) && e.push({ text: r, breaks: n }), e;
 }
-function Bn(t) {
+function Vn(t) {
   if (t.length === 0)
     return [];
   const e = [];
@@ -2116,7 +2234,7 @@ function Bn(t) {
 function oe(t, e) {
   return (t & e) === e;
 }
-function Ae(t) {
+function ke(t) {
   return {
     "--tw-motion-seq-index": t.toString(),
     backgroundColor: "inherit",
@@ -2151,9 +2269,9 @@ function wt(t, e) {
   for (const a of t) {
     if (St(a)) {
       o = !0, i();
-      const f = `motion-emoji-${e ? e.emoji++ : s++}`;
+      const h = `motion-emoji-${e ? e.emoji++ : s++}`;
       r.push(
-        /* @__PURE__ */ E.jsx("span", { "data-motion-emoji": !0, children: a }, f)
+        /* @__PURE__ */ R.jsx("span", { "data-motion-emoji": !0, children: a }, h)
       );
       continue;
     }
@@ -2161,51 +2279,51 @@ function wt(t, e) {
   }
   return i(), o ? { nodes: r, sawEmoji: !0 } : { nodes: [t.join("")], sawEmoji: !1 };
 }
-function $n(t) {
+function Kn(t) {
   if (!t)
-    return R.None;
+    return k.None;
   const e = t.trim();
   if (!e)
-    return R.None;
+    return k.None;
   const r = ut.get(e);
   if (typeof r == "number")
     return r;
   if (typeof document > "u")
-    return R.None;
+    return k.None;
   const n = e.split(/\s+/).filter(Boolean);
   if (n.length === 0)
-    return R.None;
-  const s = n.map((c) => `.${Vn(c)}`).map(
-    (c) => new RegExp(`(^|[^a-zA-Z0-9_-])${Kn(c)}(?![a-zA-Z0-9_-])`)
+    return k.None;
+  const s = n.map((c) => `.${Yn(c)}`).map(
+    (c) => new RegExp(`(^|[^a-zA-Z0-9_-])${zn(c)}(?![a-zA-Z0-9_-])`)
   );
-  let i = R.None, a = !1;
+  let i = k.None, a = !1;
   for (const c of Array.from(document.styleSheets)) {
-    let f;
+    let h;
     try {
-      f = c.cssRules;
+      h = c.cssRules;
     } catch {
       continue;
     }
-    const l = vt(f, s);
-    if (l.mask && (i |= l.mask, i === Fe))
+    const d = vt(h, s);
+    if (d.mask && (i |= d.mask, i === Fe))
       break;
-    a ||= l.sawStyleRule;
+    a ||= d.sawStyleRule;
   }
-  return (i !== R.None || a) && ut.set(e, i), i;
+  return (i !== k.None || a) && ut.set(e, i), i;
 }
 function vt(t, e) {
   if (!t)
-    return { mask: R.None, sawStyleRule: !1 };
-  let r = R.None, n = !1;
+    return { mask: k.None, sawStyleRule: !1 };
+  let r = k.None, n = !1;
   for (let o = 0; o < t.length; o++) {
     const s = t[o];
     if (s) {
       if (s.type === CSSRule.STYLE_RULE) {
         const a = s.selectorText ?? "";
-        if (!a || !e.some((f) => f.test(a))) continue;
+        if (!a || !e.some((h) => h.test(a))) continue;
         n = !0;
-        for (const f of Rn)
-          f.hints.some((l) => a.includes(l)) && (r |= f.flag);
+        for (const h of kn)
+          h.hints.some((d) => a.includes(d)) && (r |= h.flag);
         if (r === Fe)
           return { mask: r, sawStyleRule: !0 };
       } else if ("cssRules" in s) {
@@ -2218,36 +2336,36 @@ function vt(t, e) {
   }
   return { mask: r, sawStyleRule: n };
 }
-function Vn(t) {
+function Yn(t) {
   return typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(t) : t.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
-function Kn(t) {
+function zn(t) {
   return t.replace(/[.*+?^${}()|[\]\\]/g, (e) => `\\${e}`);
 }
-const ze = "ikon_auth_session", Yn = 7 * 24 * 60 * 60 * 1e3, zn = 60 * 1e3;
-function Wn(t) {
+const ze = "ikon_auth_session", Wn = 7 * 24 * 60 * 60 * 1e3, qn = 60 * 1e3;
+function Gn(t) {
   try {
     const e = t.split(".");
     if (e.length !== 3) return !0;
     const r = JSON.parse(atob(e[1]));
-    return typeof r.exp != "number" ? !1 : Date.now() >= r.exp * 1e3 - zn;
+    return typeof r.exp != "number" ? !1 : Date.now() >= r.exp * 1e3 - qn;
   } catch {
     return !0;
   }
 }
-function ke(t) {
+function Ae(t) {
   try {
     localStorage.setItem(ze, JSON.stringify(t));
   } catch {
     console.warn("Failed to save auth session to localStorage");
   }
 }
-function Rt() {
+function Et() {
   try {
     const t = localStorage.getItem(ze);
     if (!t) return null;
     const e = JSON.parse(t);
-    return Date.now() - e.authenticatedAt > Yn || Wn(e.token) ? (ve(), null) : e;
+    return Date.now() - e.authenticatedAt > Wn || Gn(e.token) ? (ve(), null) : e;
   } catch {
     return console.warn("Failed to load auth session from localStorage"), null;
   }
@@ -2267,8 +2385,8 @@ function de(t) {
     authenticatedAt: t.authenticatedAt
   };
 }
-async function Et(t, e) {
-  const r = Lt(), n = await fetch(`${e}/anonymous`, {
+async function Rt(t, e) {
+  const r = xt(), n = await fetch(`${e}/anonymous`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify({ deviceId: r, space: t })
@@ -2282,9 +2400,9 @@ async function Et(t, e) {
     provider: "anonymous",
     authenticatedAt: Date.now()
   };
-  return ke(s), s;
+  return Ae(s), s;
 }
-async function Co(t) {
+async function Oo(t) {
   const { email: e, spaceId: r, authUrl: n, returnUrl: o = window.location.origin + window.location.pathname } = t, s = await fetch(`${n}/email/send`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2299,22 +2417,22 @@ async function Co(t) {
     throw new Error(i);
   }
 }
-function qn() {
+function Hn() {
   const t = new URLSearchParams(window.location.search), e = t.get("ikon_token"), r = t.get("ikon_provider");
   return e && r ? { token: e, provider: r } : null;
 }
-function Gn() {
+function Jn() {
   const e = new URLSearchParams(window.location.search).get("error");
   return e ? decodeURIComponent(e) : null;
 }
-function mt() {
+function pt() {
   window.history.replaceState({}, "", window.location.pathname);
 }
-function Hn(t, e, r, n) {
+function Xn(t, e, r, n) {
   const o = n ?? window.location.origin + window.location.pathname + window.location.search;
   return `${r}/oauth/${t}?space=${encodeURIComponent(e)}&return=${encodeURIComponent(o)}`;
 }
-async function Jn(t) {
+async function Zn(t) {
   const e = await fetch(`${t}/passkey/registration/options`, {
     method: "POST",
     headers: { "Content-Type": "application/json" }
@@ -2325,7 +2443,7 @@ async function Jn(t) {
   }
   return e.json();
 }
-async function Xn(t, e, r) {
+async function Qn(t, e, r) {
   const n = await fetch(`${t}/passkey/registration/verify`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2340,9 +2458,9 @@ async function Xn(t, e, r) {
     provider: "passkey",
     authenticatedAt: Date.now()
   };
-  return ke(s), s;
+  return Ae(s), s;
 }
-async function Zn(t, e) {
+async function eo(t, e) {
   const r = await fetch(`${t}/passkey/authentication/options`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2354,7 +2472,7 @@ async function Zn(t, e) {
   }
   return r.json();
 }
-async function Qn(t, e) {
+async function to(t, e) {
   const r = await fetch(`${t}/passkey/authentication/verify`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2369,7 +2487,7 @@ async function Qn(t, e) {
     provider: "passkey",
     authenticatedAt: Date.now()
   };
-  return ke(o), o;
+  return Ae(o), o;
 }
 function X(t) {
   const e = new Uint8Array(t);
@@ -2378,23 +2496,23 @@ function X(t) {
     r += String.fromCharCode(o);
   return btoa(r).replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, "");
 }
-function Re(t) {
+function Ee(t) {
   const e = t.replace(/-/g, "+").replace(/_/g, "/"), r = (4 - e.length % 4) % 4, n = e.padEnd(e.length + r, "="), o = atob(n), s = new ArrayBuffer(o.length), i = new Uint8Array(s);
   for (let a = 0; a < o.length; a++)
     i[a] = o.charCodeAt(a);
   return s;
 }
 function We() {
-  return eo.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
+  return ro.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
 }
-const eo = {
+const ro = {
   stubThis: (t) => t
 };
-function At(t) {
+function kt(t) {
   const { id: e } = t;
   return {
     ...t,
-    id: Re(e),
+    id: Ee(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
@@ -2403,7 +2521,7 @@ function At(t) {
     transports: t.transports
   };
 }
-function kt(t) {
+function At(t) {
   return (
     // Consider localhost valid as well since it's okay wrt Secure Contexts
     t === "localhost" || /^([a-z0-9]+(-[a-z0-9]+)*\.)+[a-z]{2,}$/i.test(t)
@@ -2419,7 +2537,7 @@ class j extends Error {
     }), this.name = o ?? n.name, this.code = r;
   }
 }
-function to({ error: t, options: e }) {
+function no({ error: t, options: e }) {
   const { publicKey: r } = e;
   if (!r)
     throw Error("options was missing required publicKey property");
@@ -2477,7 +2595,7 @@ function to({ error: t, options: e }) {
       });
     if (t.name === "SecurityError") {
       const n = globalThis.location.hostname;
-      if (kt(n)) {
+      if (At(n)) {
         if (r.rp.id !== n)
           return new j({
             message: `The RP ID "${r.rp.id}" is invalid for this domain`,
@@ -2505,7 +2623,7 @@ function to({ error: t, options: e }) {
   }
   return t;
 }
-class ro {
+class oo {
   constructor() {
     Object.defineProperty(this, "controller", {
       enumerable: !0,
@@ -2529,58 +2647,58 @@ class ro {
     }
   }
 }
-const Tt = new ro(), no = ["cross-platform", "platform"];
+const Tt = new oo(), so = ["cross-platform", "platform"];
 function Ct(t) {
-  if (t && !(no.indexOf(t) < 0))
+  if (t && !(so.indexOf(t) < 0))
     return t;
 }
-async function oo(t) {
+async function io(t) {
   !t.optionsJSON && t.challenge && (console.warn("startRegistration() was not called correctly. It will try to continue with the provided options, but this call should be refactored to use the expected call structure instead. See https://simplewebauthn.dev/docs/packages/browser#typeerror-cannot-read-properties-of-undefined-reading-challenge for more information."), t = { optionsJSON: t });
   const { optionsJSON: e, useAutoRegister: r = !1 } = t;
   if (!We())
     throw new Error("WebAuthn is not supported in this browser");
   const n = {
     ...e,
-    challenge: Re(e.challenge),
+    challenge: Ee(e.challenge),
     user: {
       ...e.user,
-      id: Re(e.user.id)
+      id: Ee(e.user.id)
     },
-    excludeCredentials: e.excludeCredentials?.map(At)
+    excludeCredentials: e.excludeCredentials?.map(kt)
   }, o = {};
   r && (o.mediation = "conditional"), o.publicKey = n, o.signal = Tt.createNewAbortSignal();
   let s;
   try {
     s = await navigator.credentials.create(o);
-  } catch (p) {
-    throw to({ error: p, options: o });
+  } catch (m) {
+    throw no({ error: m, options: o });
   }
   if (!s)
     throw new Error("Registration was not completed");
-  const { id: i, rawId: a, response: c, type: f } = s;
+  const { id: i, rawId: a, response: c, type: h } = s;
+  let d;
+  typeof c.getTransports == "function" && (d = c.getTransports());
   let l;
-  typeof c.getTransports == "function" && (l = c.getTransports());
-  let u;
   if (typeof c.getPublicKeyAlgorithm == "function")
     try {
-      u = c.getPublicKeyAlgorithm();
-    } catch (p) {
-      Pe("getPublicKeyAlgorithm()", p);
+      l = c.getPublicKeyAlgorithm();
+    } catch (m) {
+      Pe("getPublicKeyAlgorithm()", m);
     }
-  let h;
+  let u;
   if (typeof c.getPublicKey == "function")
     try {
-      const p = c.getPublicKey();
-      p !== null && (h = X(p));
-    } catch (p) {
-      Pe("getPublicKey()", p);
+      const m = c.getPublicKey();
+      m !== null && (u = X(m));
+    } catch (m) {
+      Pe("getPublicKey()", m);
     }
-  let y;
+  let p;
   if (typeof c.getAuthenticatorData == "function")
     try {
-      y = X(c.getAuthenticatorData());
-    } catch (p) {
-      Pe("getAuthenticatorData()", p);
+      p = X(c.getAuthenticatorData());
+    } catch (m) {
+      Pe("getAuthenticatorData()", m);
     }
   return {
     id: i,
@@ -2588,12 +2706,12 @@ async function oo(t) {
     response: {
       attestationObject: X(c.attestationObject),
       clientDataJSON: X(c.clientDataJSON),
-      transports: l,
-      publicKeyAlgorithm: u,
-      publicKey: h,
-      authenticatorData: y
+      transports: d,
+      publicKeyAlgorithm: l,
+      publicKey: u,
+      authenticatorData: p
     },
-    type: f,
+    type: h,
     clientExtensionResults: s.getClientExtensionResults(),
     authenticatorAttachment: Ct(s.authenticatorAttachment)
   };
@@ -2602,7 +2720,7 @@ function Pe(t, e) {
   console.warn(`The browser extension that intercepted this WebAuthn API call incorrectly implemented ${t}. You should report this error to them.
 `, e);
 }
-function so() {
+function ao() {
   if (!We())
     return Me.stubThis(new Promise((e) => e(!1)));
   const t = globalThis.PublicKeyCredential;
@@ -2611,7 +2729,7 @@ function so() {
 const Me = {
   stubThis: (t) => t
 };
-function io({ error: t, options: e }) {
+function co({ error: t, options: e }) {
   const { publicKey: r } = e;
   if (!r)
     throw Error("options was missing required publicKey property");
@@ -2631,7 +2749,7 @@ function io({ error: t, options: e }) {
       });
     if (t.name === "SecurityError") {
       const n = globalThis.location.hostname;
-      if (kt(n)) {
+      if (At(n)) {
         if (r.rpId !== n)
           return new j({
             message: `The RP ID "${r.rpId}" is invalid for this domain`,
@@ -2652,20 +2770,20 @@ function io({ error: t, options: e }) {
   }
   return t;
 }
-async function ao(t) {
+async function uo(t) {
   !t.optionsJSON && t.challenge && (console.warn("startAuthentication() was not called correctly. It will try to continue with the provided options, but this call should be refactored to use the expected call structure instead. See https://simplewebauthn.dev/docs/packages/browser#typeerror-cannot-read-properties-of-undefined-reading-challenge for more information."), t = { optionsJSON: t });
   const { optionsJSON: e, useBrowserAutofill: r = !1, verifyBrowserAutofillInput: n = !0 } = t;
   if (!We())
     throw new Error("WebAuthn is not supported in this browser");
   let o;
-  e.allowCredentials?.length !== 0 && (o = e.allowCredentials?.map(At));
+  e.allowCredentials?.length !== 0 && (o = e.allowCredentials?.map(kt));
   const s = {
     ...e,
-    challenge: Re(e.challenge),
+    challenge: Ee(e.challenge),
     allowCredentials: o
   }, i = {};
   if (r) {
-    if (!await so())
+    if (!await ao())
       throw Error("Browser does not support WebAuthn autofill");
     if (document.querySelectorAll("input[autocomplete$='webauthn']").length < 1 && n)
       throw Error('No <input> with "webauthn" as the only or last value in its `autocomplete` attribute was detected');
@@ -2675,29 +2793,29 @@ async function ao(t) {
   let a;
   try {
     a = await navigator.credentials.get(i);
-  } catch (y) {
-    throw io({ error: y, options: i });
+  } catch (p) {
+    throw co({ error: p, options: i });
   }
   if (!a)
     throw new Error("Authentication was not completed");
-  const { id: c, rawId: f, response: l, type: u } = a;
-  let h;
-  return l.userHandle && (h = X(l.userHandle)), {
+  const { id: c, rawId: h, response: d, type: l } = a;
+  let u;
+  return d.userHandle && (u = X(d.userHandle)), {
     id: c,
-    rawId: X(f),
+    rawId: X(h),
     response: {
-      authenticatorData: X(l.authenticatorData),
-      clientDataJSON: X(l.clientDataJSON),
-      signature: X(l.signature),
-      userHandle: h
+      authenticatorData: X(d.authenticatorData),
+      clientDataJSON: X(d.clientDataJSON),
+      signature: X(d.signature),
+      userHandle: u
     },
-    type: u,
+    type: l,
     clientExtensionResults: a.getClientExtensionResults(),
     authenticatorAttachment: Ct(a.authenticatorAttachment)
   };
 }
-const qe = pt(null);
-function Io({ children: t, config: e }) {
+const qe = mt(null);
+function No({ children: t, config: e }) {
   const [r, n] = J({
     isAuthenticated: !1,
     isLoading: !0,
@@ -2706,37 +2824,37 @@ function Io({ children: t, config: e }) {
   });
   U(() => {
     (() => {
-      const l = Gn();
-      if (l) {
-        mt(), n({
+      const d = Jn();
+      if (d) {
+        pt(), n({
           isAuthenticated: !1,
           isLoading: !1,
           user: null,
-          error: l
+          error: d
         });
         return;
       }
-      const u = qn();
-      if (u) {
-        const y = {
-          token: u.token,
-          provider: u.provider,
+      const l = Hn();
+      if (l) {
+        const p = {
+          token: l.token,
+          provider: l.provider,
           authenticatedAt: Date.now()
         };
-        ke(y), mt(), n({
+        Ae(p), pt(), n({
           isAuthenticated: !0,
           isLoading: !1,
-          user: de(y),
+          user: de(p),
           error: null
         });
         return;
       }
-      const h = Rt();
-      if (h) {
+      const u = Et();
+      if (u) {
         n({
           isAuthenticated: !0,
           isLoading: !1,
-          user: de(h),
+          user: de(u),
           error: null
         });
         return;
@@ -2750,54 +2868,54 @@ function Io({ children: t, config: e }) {
     })();
   }, []);
   const o = D(
-    async (f) => {
+    async (h) => {
       if (!e.spaceId) {
-        n((u) => ({
-          ...u,
+        n((l) => ({
+          ...l,
           error: "Space ID is not configured"
         }));
         return;
       }
-      const l = je(e.authUrl);
-      if (f === "guest") {
-        n((u) => ({ ...u, isLoading: !0 }));
+      const d = Le(e.authUrl);
+      if (h === "guest") {
+        n((l) => ({ ...l, isLoading: !0 }));
         try {
-          const u = await Et(e.spaceId, l);
+          const l = await Rt(e.spaceId, d);
           n({
             isAuthenticated: !0,
             isLoading: !1,
-            user: de(u),
+            user: de(l),
             error: null
           });
-        } catch (u) {
-          n((h) => ({
-            ...h,
+        } catch (l) {
+          n((u) => ({
+            ...u,
             isLoading: !1,
-            error: u instanceof Error ? u.message : "Guest login failed"
+            error: l instanceof Error ? l.message : "Guest login failed"
           }));
         }
         return;
       }
-      if (f === "passkey") {
-        n((u) => ({ ...u, isLoading: !0, error: null }));
+      if (h === "passkey") {
+        n((l) => ({ ...l, isLoading: !0, error: null }));
         try {
-          const u = await Zn(l), h = await ao({ optionsJSON: u }), y = await Qn(l, h);
+          const l = await eo(d), u = await uo({ optionsJSON: l }), p = await to(d, u);
           n({
             isAuthenticated: !0,
             isLoading: !1,
-            user: de(y),
+            user: de(p),
             error: null
           });
-        } catch (u) {
-          n((h) => ({
-            ...h,
+        } catch (l) {
+          n((u) => ({
+            ...u,
             isLoading: !1,
-            error: u instanceof Error ? u.message : "Passkey login failed"
+            error: l instanceof Error ? l.message : "Passkey login failed"
           }));
         }
         return;
       }
-      window.location.href = Hn(f, e.spaceId, l);
+      window.location.href = Xn(h, e.spaceId, d);
     },
     [e.authUrl, e.spaceId]
   ), s = D(() => {
@@ -2808,22 +2926,22 @@ function Io({ children: t, config: e }) {
       error: null
     });
   }, []), i = D(
-    async (f) => {
-      const l = je(e.authUrl);
-      n((u) => ({ ...u, isLoading: !0, error: null }));
+    async (h) => {
+      const d = Le(e.authUrl);
+      n((l) => ({ ...l, isLoading: !0, error: null }));
       try {
-        const u = await Jn(l), h = await oo({ optionsJSON: u }), y = await Xn(l, h, f);
+        const l = await Zn(d), u = await io({ optionsJSON: l }), p = await Qn(d, u, h);
         n({
           isAuthenticated: !0,
           isLoading: !1,
-          user: de(y),
+          user: de(p),
           error: null
         });
-      } catch (u) {
-        n((h) => ({
-          ...h,
+      } catch (l) {
+        n((u) => ({
+          ...u,
           isLoading: !1,
-          error: u instanceof Error ? u.message : "Passkey registration failed"
+          error: l instanceof Error ? l.message : "Passkey registration failed"
         }));
       }
     },
@@ -2838,27 +2956,27 @@ function Io({ children: t, config: e }) {
     }),
     [r, o, s, a, i]
   );
-  return /* @__PURE__ */ E.jsx(qe, { value: c, children: t });
+  return /* @__PURE__ */ R.jsx(qe, { value: c, children: t });
 }
-function co() {
+function lo() {
   const t = Ve(qe);
   if (!t)
     throw new Error("useAuth must be used within an AuthProvider");
   return t;
 }
-function uo() {
+function fo() {
   return Ve(qe);
 }
-function Oo(t) {
-  const { config: e, guestUrlParam: r } = t, { state: n, login: o } = co(), s = w(!1);
+function _o(t) {
+  const { config: e, guestUrlParam: r } = t, { state: n, login: o } = lo(), s = w(!1);
   return U(() => {
     if (!r || n.isAuthenticated || n.isLoading || s.current || !e.methods.includes("guest"))
       return;
     const i = new URLSearchParams(window.location.search), a = i.get(r);
     if (a === "true" || a === "1" || a === "") {
       i.delete(r);
-      const c = i.toString(), f = window.location.pathname + (c ? `?${c}` : "");
-      window.history.replaceState({}, "", f), s.current = !0, o("guest");
+      const c = i.toString(), h = window.location.pathname + (c ? `?${c}` : "");
+      window.history.replaceState({}, "", h), s.current = !0, o("guest");
     }
   }, [r, n.isAuthenticated, n.isLoading, e.methods, o]), {
     shouldRenderChildren: n.isAuthenticated,
@@ -2867,7 +2985,7 @@ function Oo(t) {
     error: n.error
   };
 }
-function _o({
+function Po({
   connectionState: t,
   error: e,
   isReady: r,
@@ -2877,138 +2995,138 @@ function _o({
   onAction: i,
   renderIdle: a,
   renderConnecting: c,
-  renderConnectingSlow: f,
-  renderConnected: l,
-  renderOffline: u,
-  renderError: h
+  renderConnectingSlow: h,
+  renderConnected: d,
+  renderOffline: l,
+  renderError: u
 }) {
-  const y = w(!1);
+  const p = w(!1);
   switch (t) {
     case "idle":
       return a();
     case "connecting":
       return c();
     case "connectingSlow":
-      return f();
+      return h();
     case "connected":
     case "reconnecting": {
       if (!r || !n || !o) return null;
-      t === "reconnecting" && (y.current = !0);
-      const p = n.size > 0;
-      return p && (y.current = !1), l({
+      t === "reconnecting" && (p.current = !0);
+      const m = n.size > 0;
+      return m && (p.current = !1), d({
         stores: n,
         registry: o,
         client: s,
         onAction: i,
-        isReconnecting: t === "reconnecting" || y.current && !p
+        isReconnecting: t === "reconnecting" || p.current && !m
       });
     }
     case "offline":
-      return y.current = !1, u();
+      return p.current = !1, l();
     case "offlineError":
-      return y.current = !1, h(e ?? s?.lastError?.message ?? null);
+      return p.current = !1, u(e ?? s?.lastError?.message ?? null);
     default:
       return null;
   }
 }
-const be = Ee("useIkonApp");
-function lo() {
+const be = Re("useIkonApp");
+function ho() {
   if (typeof window < "u" && window.__IKON_AUTH_CONFIG__)
     return window.__IKON_AUTH_CONFIG__;
 }
-function fo() {
+function po() {
   if (typeof window < "u" && window.__IKON_LOCAL_IKON_SERVER_CONFIG__)
     return window.__IKON_LOCAL_IKON_SERVER_CONFIG__;
 }
-function No(t) {
-  const { authConfig: e, modules: r, timeouts: n, backgroundAudio: o, webRtc: s, audio: i, video: a, websocket: c, webtransport: f, proxy: l } = t, u = e === void 0 ? lo() ?? null : e, h = fo(), y = uo(), p = w(null), b = w(null), m = w(null), g = w(!1), v = w(!1), A = w(o), I = w(n), L = w(s), Y = w(i), Q = w(a), T = w(c), _ = w(f), x = w(l);
-  A.current = o, I.current = n, L.current = s, Y.current = i, Q.current = a, T.current = c, _.current = f, x.current = l;
-  const [N, F] = J("idle"), [z, ne] = J(null), [he, me] = J(null), [se, pe] = J(null), [ee, d] = J(null), [S, k] = J(!1), [P, W] = J(0), C = V(() => {
+function Mo(t) {
+  const { authConfig: e, modules: r, timeouts: n, backgroundAudio: o, webRtc: s, audio: i, video: a, websocket: c, webtransport: h, proxy: d } = t, l = e === void 0 ? ho() ?? null : e, u = po(), p = fo(), m = w(null), b = w(null), g = w(null), y = w(!1), v = w(!1), E = w(o), T = w(n), O = w(s), K = w(i), Q = w(a), C = w(c), _ = w(h), x = w(d);
+  E.current = o, T.current = n, O.current = s, K.current = i, Q.current = a, C.current = c, _.current = h, x.current = d;
+  const [P, F] = J("idle"), [z, ne] = J(null), [he, pe] = J(null), [se, me] = J(null), [ee, f] = J(null), [S, A] = J(!1), [M, W] = J(0), I = V(() => {
     try {
-      const M = xt();
-      return (M.sessionId || M.channelKey) && Dt(), M;
+      const L = Dt();
+      return (L.sessionId || L.channelKey) && Ft(), L;
     } catch {
       return { parameters: {} };
     }
-  }, []), q = V(() => u?.enabled ? Rt() : null, [u?.enabled, P]), te = h?.enabled ?? !1, O = h?.host ?? "localhost", G = h?.port ?? 8443;
+  }, []), q = V(() => l?.enabled ? Et() : null, [l?.enabled, M]), te = u?.enabled ?? !1, N = u?.host ?? "localhost", G = u?.port ?? 8443;
   U(() => {
-    !te && Ge() && u && !u.enabled && u.spaceId && !ee && !S && (k(!0), Et(u.spaceId, je(u.authUrl)).then(($) => {
-      d($.token);
+    !te && Ge() && l && !l.enabled && l.spaceId && !ee && !S && (A(!0), Rt(l.spaceId, Le(l.authUrl)).then(($) => {
+      f($.token);
     }).catch(($) => {
       be.error("Anonymous auth failed:", $), ne($ instanceof Error ? $.message : "Anonymous auth failed");
     }).finally(() => {
-      k(!1);
+      A(!1);
     }));
-  }, [te, u, ee, S]);
+  }, [te, l, ee, S]);
   const re = V(() => {
     if (te) {
-      const M = q?.token ? Ft(q.token) ?? void 0 : void 0;
+      const L = q?.token ? Bt(q.token) ?? void 0 : void 0;
       return {
         local: {
-          host: O,
+          host: N,
           httpsPort: G,
-          userId: M,
+          userId: L,
           token: q?.token ?? void 0,
-          spaceId: u?.spaceId,
-          backendUrl: u?.backendUrl,
-          authUrl: u?.authUrl,
-          parameters: C.parameters
+          spaceId: l?.spaceId,
+          backendUrl: l?.backendUrl,
+          authUrl: l?.authUrl,
+          parameters: I.parameters
         }
       };
     }
-    return q?.token && u?.spaceId ? {
+    return q?.token && l?.spaceId ? {
       sessionToken: {
         token: q.token,
-        spaceId: u.spaceId,
+        spaceId: l.spaceId,
         backendType: He(),
-        sessionId: C.sessionId,
-        channelKey: C.channelKey,
-        parameters: C.parameters
+        sessionId: I.sessionId,
+        channelKey: I.channelKey,
+        parameters: I.parameters
       }
-    } : ee && u?.spaceId ? {
+    } : ee && l?.spaceId ? {
       sessionToken: {
         token: ee,
-        spaceId: u.spaceId,
+        spaceId: l.spaceId,
         backendType: He(),
-        sessionId: C.sessionId,
-        channelKey: C.channelKey,
-        parameters: C.parameters
+        sessionId: I.sessionId,
+        channelKey: I.channelKey,
+        parameters: I.parameters
       }
     } : Ge() ? null : {
       local: {
-        host: O,
+        host: N,
         httpsPort: G,
-        spaceId: u?.spaceId,
-        backendUrl: u?.backendUrl,
-        authUrl: u?.authUrl,
-        parameters: C.parameters
+        spaceId: l?.spaceId,
+        backendUrl: l?.backendUrl,
+        authUrl: l?.authUrl,
+        parameters: I.parameters
       }
     };
-  }, [te, O, G, q?.token, u?.spaceId, u?.backendUrl, u?.authUrl, ee, C.sessionId, C.channelKey, C.parameters]);
-  en(se);
-  const Te = rn(se);
+  }, [te, N, G, q?.token, l?.spaceId, l?.backendUrl, l?.authUrl, ee, I.sessionId, I.channelKey, I.parameters]);
+  rn(se);
+  const Te = on(se);
   U(() => {
-    if (!g.current) {
-      if (g.current = !0, m.current = Wr(), r)
-        for (const M of r)
-          M(m.current);
-      m.current.loadRegisteredModules().catch((M) => {
-        be.error("Failed to load UI modules", M);
+    if (!y.current) {
+      if (y.current = !0, g.current = Gr(), r)
+        for (const L of r)
+          L(g.current);
+      g.current.loadRegisteredModules().catch((L) => {
+        be.error("Failed to load UI modules", L);
       });
     }
   }, []), U(() => {
     if (!re) return;
-    const M = new Bt({
+    const L = new $t({
       ...re,
-      timeouts: I.current,
-      audio: Y.current !== void 0 || A.current ? {
-        enabled: Y.current,
-        ...A.current ? { background: { allowOnDesktop: !0, allowOnMobile: !0 } } : {}
+      timeouts: T.current,
+      audio: K.current !== void 0 || E.current ? {
+        enabled: K.current,
+        ...E.current ? { background: { allowOnDesktop: !0, allowOnMobile: !0 } } : {}
       } : void 0,
       video: Q.current !== void 0 ? { enabled: Q.current } : void 0,
       mediaSession: { title: document.title || void 0, artist: document.title || void 0 },
-      webRtc: L.current ? { enabled: !0 } : void 0,
-      websocket: T.current,
+      webRtc: O.current ? { enabled: !0 } : void 0,
+      websocket: C.current,
       webtransport: _.current,
       proxy: x.current,
       onConnectionStateChange: (H) => {
@@ -3018,39 +3136,39 @@ function No(t) {
         ne(H.message);
       }
     });
-    p.current = M;
-    const $ = new ar({ client: M });
-    return b.current = $, pe($), M.connect().catch((H) => {
-      if (be.error("Connection failed:", H), H instanceof $t) {
-        me(H.reason);
+    m.current = L;
+    const $ = new ur({ client: L });
+    return b.current = $, me($), L.connect().catch((H) => {
+      if (be.error("Connection failed:", H), H instanceof Vt) {
+        pe(H.reason);
         return;
       }
-      H instanceof Vt && !v.current && (v.current = !0, be.warn("Auth session appears stale, clearing and retrying"), y ? y.logout() : (ve(), W((Nt) => Nt + 1)));
+      H instanceof Kt && !v.current && (v.current = !0, be.warn("Auth session appears stale, clearing and retrying"), p ? p.logout() : (ve(), W((_t) => _t + 1)));
     }), () => {
-      M.disconnect(), p.current = null, $.dispose(), b.current = null;
+      L.disconnect(), m.current = null, $.dispose(), b.current = null;
     };
   }, [re]);
-  const Ot = D((M, $) => {
+  const Ot = D((L, $) => {
     const H = typeof $ == "string" ? $ : JSON.stringify($ ?? {});
-    p.current?.sendActionCall(M, H);
-  }, []), _t = N === "connected" || N === "reconnecting";
+    m.current?.sendActionCall(L, H);
+  }, []), Nt = P === "connected" || P === "reconnecting";
   return {
-    connectionState: N,
+    connectionState: P,
     error: z,
     accessDeniedReason: he,
     stores: Te,
-    client: p.current,
-    registry: m.current,
-    clientRef: p,
+    client: m.current,
+    registry: g.current,
+    clientRef: m,
     uiRef: b,
-    registryRef: m,
+    registryRef: g,
     onAction: Ot,
-    isReady: _t,
-    webRtcVideoStreams: p.current?.webRtcVideoStreams ?? /* @__PURE__ */ new Map(),
-    webRtcTrackMap: p.current?.webRtcTrackMap ?? /* @__PURE__ */ new Map()
+    isReady: Nt,
+    webRtcVideoStreams: m.current?.webRtcVideoStreams ?? /* @__PURE__ */ new Map(),
+    webRtcTrackMap: m.current?.webRtcTrackMap ?? /* @__PURE__ */ new Map()
   };
 }
-function Po(t) {
+function Lo(t) {
   const e = w(!1);
   return D(() => {
     if (e.current) return;
@@ -3059,28 +3177,28 @@ function Po(t) {
     r.rel = "stylesheet", r.href = t, document.head.appendChild(r);
   }, [t]);
 }
-let ho = 0;
-function Mo(t = 5, e = 5e3) {
+let mo = 0;
+function jo(t = 5, e = 5e3) {
   const [r, n] = J([]), o = w(/* @__PURE__ */ new Map()), s = D((i) => {
     const a = o.current.get(i);
-    a && (clearTimeout(a), o.current.delete(i)), n((c) => c.filter((f) => f.id !== i));
+    a && (clearTimeout(a), o.current.delete(i)), n((c) => c.filter((h) => h.id !== i));
   }, []);
   return U(() => {
-    const i = o.current, a = Kt(
+    const i = o.current, a = Yt(
       (c) => {
-        if (!Yt())
+        if (!zt())
           return;
-        const f = `toast-${++ho}`, l = c.level === Je.ERROR ? "error" : "warn", u = {
-          id: f,
-          level: l,
+        const h = `toast-${++mo}`, d = c.level === Je.ERROR ? "error" : "warn", l = {
+          id: h,
+          level: d,
           message: c.message,
           component: c.component
         };
-        n((y) => [...y, u].slice(-t));
-        const h = setTimeout(() => {
-          s(f);
+        n((p) => [...p, l].slice(-t));
+        const u = setTimeout(() => {
+          s(h);
         }, e);
-        i.set(f, h);
+        i.set(h, u);
       },
       { minLevel: Je.WARN }
     );
@@ -3092,100 +3210,101 @@ function Mo(t = 5, e = 5e3) {
     };
   }, [t, e, s]), { toasts: r, dismissToast: s };
 }
-const It = pt(null);
-function mo(t, e) {
+const It = mt(null);
+function go(t, e) {
   return e ? t.replace(/\{(\w+)\}/g, (r, n) => e[n] ?? `{${n}}`) : t;
 }
-function po(t, e) {
-  const r = zt();
+function yo(t, e) {
+  const r = Wt();
   if (r && t.includes(r))
     return r;
   const n = navigator.language.split("-")[0];
   return t.includes(n) ? n : e && t.includes(e) ? e : "en";
 }
-function go(t, e, r) {
-  return e ? po(t, r) : r && t.includes(r) ? r : "en";
+function bo(t, e, r) {
+  return e ? yo(t, r) : r && t.includes(r) ? r : "en";
 }
-function jo({
+function Uo({
   children: t,
   translations: e,
   defaultLanguage: r,
   detectLanguage: n = !1
 }) {
-  const o = Object.keys(e), s = go(o, n, r), i = e[s] ?? e.en, a = V(
+  const o = Object.keys(e), s = bo(o, n, r), i = e[s] ?? e.en, a = V(
     () => ({
-      t: (c, f) => {
-        const l = i[c];
-        return mo(l, f);
+      t: (c, h) => {
+        const d = i[c];
+        return go(d, h);
       },
       locale: s,
       translations: i
     }),
     [i, s]
   );
-  return /* @__PURE__ */ E.jsx(It, { value: a, children: t });
+  return /* @__PURE__ */ R.jsx(It, { value: a, children: t });
 }
-function Uo() {
+function xo() {
   const t = Ve(It);
   if (!t)
     throw new Error("useI18n must be used within an I18nProvider");
   return t;
 }
 export {
-  Io as AuthProvider,
-  _o as ConnectionStateRenderer,
-  jo as I18nProvider,
-  pr as IKON_UI_BASE_MODULE,
-  Cr as IKON_UI_MEDIA_MODULE,
-  Vr as IKON_UI_SHADERTOY_MODULE,
-  Br as IKON_UI_SHADERTOY_TYPE,
-  Le as IKON_UI_STREAM_CATEGORY,
-  Rr as IKON_UI_VIDEO_CANVAS_TYPE,
-  Er as IKON_UI_VIDEO_URL_PLAYER_TYPE,
-  ar as IkonUi,
-  zr as IkonUiRegistry,
-  Ro as IkonUiSurface,
-  sr as UiComponentRegistry,
-  or as UiRenderer,
-  Do as UiStreamStore,
-  Eo as areIkonUiModuleListsEqual,
-  Et as authenticateAnonymous,
-  Hn as buildOAuthRedirectUrl,
+  No as AuthProvider,
+  Po as ConnectionStateRenderer,
+  Uo as I18nProvider,
+  yr as IKON_UI_BASE_MODULE,
+  Or as IKON_UI_MEDIA_MODULE,
+  Yr as IKON_UI_SHADERTOY_MODULE,
+  Vr as IKON_UI_SHADERTOY_TYPE,
+  Ue as IKON_UI_STREAM_CATEGORY,
+  kr as IKON_UI_VIDEO_CANVAS_TYPE,
+  Ar as IKON_UI_VIDEO_URL_PLAYER_TYPE,
+  ur as IkonUi,
+  qr as IkonUiRegistry,
+  ko as IkonUiSurface,
+  ar as InspectOverlay,
+  ir as UiComponentRegistry,
+  sr as UiRenderer,
+  Bo as UiStreamStore,
+  Ao as areIkonUiModuleListsEqual,
+  Rt as authenticateAnonymous,
+  Xn as buildOAuthRedirectUrl,
   ve as clearAuthSession,
-  mt as clearOAuthParams,
-  mr as createBaseResolvers,
-  wo as createComponentLibrary,
-  Wr as createIkonUiRegistry,
-  kr as createMediaResolvers,
-  $r as createShadertoyRendererResolver,
-  ir as isIkonUiCategoryMatch,
-  Rt as loadAuthSession,
-  gr as loadBaseModule,
-  Ir as loadMediaModule,
-  Kr as loadShadertoyModule,
-  wn as normalizeIkonUiModuleList,
-  ko as parseIkonUiInitPayload,
-  qn as parseOAuthCallback,
-  Gn as parseOAuthError,
-  vn as readIkonUiModules,
-  Ao as readIkonUiModulesFromSources,
-  yr as registerBaseModule,
-  Or as registerMediaModule,
-  Yr as registerShadertoyModule,
-  rr as renderChildren,
-  To as renderMotionLetters,
-  ke as saveAuthSession,
-  Co as sendMagicLink,
+  pt as clearOAuthParams,
+  gr as createBaseResolvers,
+  Eo as createComponentLibrary,
+  Gr as createIkonUiRegistry,
+  Cr as createMediaResolvers,
+  Kr as createShadertoyRendererResolver,
+  cr as isIkonUiCategoryMatch,
+  Et as loadAuthSession,
+  br as loadBaseModule,
+  Nr as loadMediaModule,
+  zr as loadShadertoyModule,
+  En as normalizeIkonUiModuleList,
+  Co as parseIkonUiInitPayload,
+  Hn as parseOAuthCallback,
+  Jn as parseOAuthError,
+  Rn as readIkonUiModules,
+  To as readIkonUiModulesFromSources,
+  Sr as registerBaseModule,
+  _r as registerMediaModule,
+  Wr as registerShadertoyModule,
+  nr as renderChildren,
+  Io as renderMotionLetters,
+  Ae as saveAuthSession,
+  Oo as sendMagicLink,
   de as sessionToUser,
-  co as useAuth,
-  Oo as useAuthGuard,
-  uo as useAuthOptional,
-  Uo as useI18n,
-  No as useIkonApp,
-  en as useIkonStyles,
-  rn as useIkonUiStores,
-  Po as useLazyFont,
-  Mo as useToasts,
+  lo as useAuth,
+  _o as useAuthGuard,
+  fo as useAuthOptional,
+  xo as useI18n,
+  Mo as useIkonApp,
+  rn as useIkonStyles,
+  on as useIkonUiStores,
+  Lo as useLazyFont,
+  jo as useToasts,
   Z as useUiNode,
-  vo as useUiStore
+  Ro as useUiStore
 };