@ikonai/sdk-react-ui 0.0.34 → 0.0.37

package/index.js

@@ -1,8 +1,8 @@
-import { IkonUICore as Je, UiStreamStore as Ze } from "@ikonai/sdk-ui";
-import { UiStreamStore as Gr } from "@ikonai/sdk-ui";
-import Qe, { useSyncExternalStore as pe, useMemo as x, memo as j, useRef as I, useCallback as ae, Fragment as et, useEffect as q, useState as tt } from "react";
-import { createLogger as he } from "@ikonai/sdk";
-var K = { exports: {} }, F = {};
+import { IkonUICore as pt, UiStreamStore as gt } from "@ikonai/sdk-ui";
+import { UiStreamStore as On } from "@ikonai/sdk-ui";
+import yt, { useSyncExternalStore as _e, useMemo as L, memo as U, useRef as E, useCallback as z, Fragment as St, useEffect as $, useState as Y, createContext as nt, use as Me } from "react";
+import { createLogger as ye, getOrCreateDeviceId as me, deriveAuthUrl as Ne, parseUrlParams as bt, isCloudEnvironment as xe, extractUserIdFromToken as vt, deriveBackendType as $e, IkonClient as wt } from "@ikonai/sdk";
+var he = { exports: {} }, ee = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -12,17 +12,17 @@ var K = { exports: {} }, F = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Re;
-function rt() {
-  if (Re) return F;
-  Re = 1;
+var Fe;
+function Et() {
+  if (Fe) return ee;
+  Fe = 1;
   var r = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
   function t(n, o, s) {
     var i = null;
     if (s !== void 0 && (i = "" + s), o.key !== void 0 && (i = "" + o.key), "key" in o) {
       s = {};
-      for (var c in o)
-        c !== "key" && (s[c] = o[c]);
+      for (var a in o)
+        a !== "key" && (s[a] = o[a]);
     } else s = o;
     return o = s.ref, {
       $$typeof: r,
@@ -32,9 +32,9 @@ function rt() {
       props: s
     };
   }
-  return F.Fragment = e, F.jsx = t, F.jsxs = t, F;
+  return ee.Fragment = e, ee.jsx = t, ee.jsxs = t, ee;
 }
-var V = {};
+var te = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -44,166 +44,166 @@ var V = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ke;
-function nt() {
-  return ke || (ke = 1, process.env.NODE_ENV !== "production" && function() {
-    function r(a) {
-      if (a == null) return null;
-      if (typeof a == "function")
-        return a.$$typeof === Ke ? null : a.displayName || a.name || null;
-      if (typeof a == "string") return a;
-      switch (a) {
-        case S:
+var Be;
+function kt() {
+  return Be || (Be = 1, process.env.NODE_ENV !== "production" && function() {
+    function r(c) {
+      if (c == null) return null;
+      if (typeof c == "function")
+        return c.$$typeof === ue ? null : c.displayName || c.name || null;
+      if (typeof c == "string") return c;
+      switch (c) {
+        case v:
           return "Fragment";
-        case y:
+        case g:
           return "Profiler";
-        case f:
+        case m:
           return "StrictMode";
-        case P:
+        case x:
           return "Suspense";
-        case G:
+        case D:
           return "SuspenseList";
-        case Ge:
+        case ce:
           return "Activity";
       }
-      if (typeof a == "object")
-        switch (typeof a.tag == "number" && console.error(
+      if (typeof c == "object")
+        switch (typeof c.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), a.$$typeof) {
-          case N:
-            return "Portal";
-          case O:
-            return (a.displayName || "Context") + ".Provider";
-          case E:
-            return (a._context.displayName || "Context") + ".Consumer";
+        ), c.$$typeof) {
           case C:
-            var m = a.render;
-            return a = a.displayName, a || (a = m.displayName || m.name || "", a = a !== "" ? "ForwardRef(" + a + ")" : "ForwardRef"), a;
-          case Ye:
-            return m = a.displayName || null, m !== null ? m : r(a.type) || "Memo";
-          case ge:
-            m = a._payload, a = a._init;
+            return "Portal";
+          case P:
+            return (c.displayName || "Context") + ".Provider";
+          case w:
+            return (c._context.displayName || "Context") + ".Consumer";
+          case T:
+            var h = c.render;
+            return c = c.displayName, c || (c = h.displayName || h.name || "", c = c !== "" ? "ForwardRef(" + c + ")" : "ForwardRef"), c;
+          case ae:
+            return h = c.displayName || null, h !== null ? h : r(c.type) || "Memo";
+          case H:
+            h = c._payload, c = c._init;
             try {
-              return r(a(m));
+              return r(c(h));
             } catch {
             }
         }
       return null;
     }
-    function e(a) {
-      return "" + a;
+    function e(c) {
+      return "" + c;
     }
-    function t(a) {
+    function t(c) {
       try {
-        e(a);
-        var m = !1;
+        e(c);
+        var h = !1;
       } catch {
-        m = !0;
+        h = !0;
       }
-      if (m) {
-        m = console;
-        var v = m.error, R = typeof Symbol == "function" && Symbol.toStringTag && a[Symbol.toStringTag] || a.constructor.name || "Object";
-        return v.call(
-          m,
+      if (h) {
+        h = console;
+        var S = h.error, R = typeof Symbol == "function" && Symbol.toStringTag && c[Symbol.toStringTag] || c.constructor.name || "Object";
+        return S.call(
+          h,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           R
-        ), e(a);
+        ), e(c);
       }
     }
-    function n(a) {
-      if (a === S) return "<>";
-      if (typeof a == "object" && a !== null && a.$$typeof === ge)
+    function n(c) {
+      if (c === v) return "<>";
+      if (typeof c == "object" && c !== null && c.$$typeof === H)
         return "<...>";
       try {
-        var m = r(a);
-        return m ? "<" + m + ">" : "<...>";
+        var h = r(c);
+        return h ? "<" + h + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function o() {
-      var a = Z.A;
-      return a === null ? null : a.getOwner();
+      var c = q.A;
+      return c === null ? null : c.getOwner();
     }
     function s() {
       return Error("react-stack-top-frame");
     }
-    function i(a) {
-      if (ye.call(a, "key")) {
-        var m = Object.getOwnPropertyDescriptor(a, "key").get;
-        if (m && m.isReactWarning) return !1;
+    function i(c) {
+      if (le.call(c, "key")) {
+        var h = Object.getOwnPropertyDescriptor(c, "key").get;
+        if (h && h.isReactWarning) return !1;
       }
-      return a.key !== void 0;
+      return c.key !== void 0;
     }
-    function c(a, m) {
-      function v() {
-        Se || (Se = !0, console.error(
+    function a(c, h) {
+      function S() {
+        X || (X = !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)",
-          m
+          h
         ));
       }
-      v.isReactWarning = !0, Object.defineProperty(a, "key", {
-        get: v,
+      S.isReactWarning = !0, Object.defineProperty(c, "key", {
+        get: S,
         configurable: !0
       });
     }
     function u() {
-      var a = r(this.type);
-      return be[a] || (be[a] = !0, console.error(
+      var c = r(this.type);
+      return de[c] || (de[c] = !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."
-      )), a = this.props.ref, a !== void 0 ? a : null;
+      )), c = this.props.ref, c !== void 0 ? c : null;
     }
-    function d(a, m, v, R, _, A, ee, te) {
-      return v = A.ref, a = {
-        $$typeof: w,
-        type: a,
-        key: m,
-        props: A,
-        _owner: _
-      }, (v !== void 0 ? v : null) !== null ? Object.defineProperty(a, "ref", {
+    function d(c, h, S, R, M, j, W, Q) {
+      return S = j.ref, c = {
+        $$typeof: k,
+        type: c,
+        key: h,
+        props: j,
+        _owner: M
+      }, (S !== void 0 ? S : null) !== null ? Object.defineProperty(c, "ref", {
         enumerable: !1,
         get: u
-      }) : Object.defineProperty(a, "ref", { enumerable: !1, value: null }), a._store = {}, Object.defineProperty(a._store, "validated", {
+      }) : Object.defineProperty(c, "ref", { enumerable: !1, value: null }), c._store = {}, Object.defineProperty(c._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(a, "_debugInfo", {
+      }), Object.defineProperty(c, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(a, "_debugStack", {
+      }), Object.defineProperty(c, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: ee
-      }), Object.defineProperty(a, "_debugTask", {
+        value: W
+      }), Object.defineProperty(c, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: te
-      }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
+        value: Q
+      }), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c;
     }
-    function l(a, m, v, R, _, A, ee, te) {
-      var k = m.children;
-      if (k !== void 0)
+    function l(c, h, S, R, M, j, W, Q) {
+      var A = h.children;
+      if (A !== void 0)
         if (R)
-          if (Xe(k)) {
-            for (R = 0; R < k.length; R++)
-              p(k[R]);
-            Object.freeze && Object.freeze(k);
+          if (be(A)) {
+            for (R = 0; R < A.length; R++)
+              f(A[R]);
+            Object.freeze && Object.freeze(A);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else p(k);
-      if (ye.call(m, "key")) {
-        k = r(a);
-        var L = Object.keys(m).filter(function(He) {
-          return He !== "key";
+        else f(A);
+      if (le.call(h, "key")) {
+        A = r(c);
+        var V = Object.keys(h).filter(function(I) {
+          return I !== "key";
         });
-        R = 0 < L.length ? "{key: someKey, " + L.join(": ..., ") + ": ...}" : "{key: someKey}", we[k + R] || (L = 0 < L.length ? "{" + L.join(": ..., ") + ": ...}" : "{}", console.error(
+        R = 0 < V.length ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}", Z[A + R] || (V = 0 < V.length ? "{" + V.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -211,79 +211,79 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           R,
-          k,
-          L,
-          k
-        ), we[k + R] = !0);
+          A,
+          V,
+          A
+        ), Z[A + R] = !0);
       }
-      if (k = null, v !== void 0 && (t(v), k = "" + v), i(m) && (t(m.key), k = "" + m.key), "key" in m) {
-        v = {};
-        for (var re in m)
-          re !== "key" && (v[re] = m[re]);
-      } else v = m;
-      return k && c(
-        v,
-        typeof a == "function" ? a.displayName || a.name || "Unknown" : a
+      if (A = null, S !== void 0 && (t(S), A = "" + S), i(h) && (t(h.key), A = "" + h.key), "key" in h) {
+        S = {};
+        for (var N in h)
+          N !== "key" && (S[N] = h[N]);
+      } else S = h;
+      return A && a(
+        S,
+        typeof c == "function" ? c.displayName || c.name || "Unknown" : c
       ), d(
-        a,
-        k,
+        c,
         A,
-        _,
+        j,
+        M,
         o(),
-        v,
-        ee,
-        te
+        S,
+        W,
+        Q
       );
     }
-    function p(a) {
-      typeof a == "object" && a !== null && a.$$typeof === w && a._store && (a._store.validated = 1);
+    function f(c) {
+      typeof c == "object" && c !== null && c.$$typeof === k && c._store && (c._store.validated = 1);
     }
-    var h = Qe, w = Symbol.for("react.transitional.element"), N = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), f = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), E = Symbol.for("react.consumer"), O = Symbol.for("react.context"), C = Symbol.for("react.forward_ref"), P = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), Ye = Symbol.for("react.memo"), ge = Symbol.for("react.lazy"), Ge = Symbol.for("react.activity"), Ke = Symbol.for("react.client.reference"), Z = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ye = Object.prototype.hasOwnProperty, Xe = Array.isArray, Q = console.createTask ? console.createTask : function() {
+    var p = yt, k = Symbol.for("react.transitional.element"), C = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), m = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), P = Symbol.for("react.context"), T = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), D = Symbol.for("react.suspense_list"), ae = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), ce = Symbol.for("react.activity"), ue = Symbol.for("react.client.reference"), q = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, le = Object.prototype.hasOwnProperty, be = Array.isArray, J = console.createTask ? console.createTask : function() {
       return null;
     };
-    h = {
-      "react-stack-bottom-frame": function(a) {
-        return a();
+    p = {
+      "react-stack-bottom-frame": function(c) {
+        return c();
       }
     };
-    var Se, be = {}, ve = h["react-stack-bottom-frame"].bind(
-      h,
+    var X, de = {}, B = p["react-stack-bottom-frame"].bind(
+      p,
       s
-    )(), Ee = Q(n(s)), we = {};
-    V.Fragment = S, V.jsx = function(a, m, v, R, _) {
-      var A = 1e4 > Z.recentlyCreatedOwnerStacks++;
+    )(), fe = J(n(s)), Z = {};
+    te.Fragment = v, te.jsx = function(c, h, S, R, M) {
+      var j = 1e4 > q.recentlyCreatedOwnerStacks++;
       return l(
-        a,
-        m,
-        v,
+        c,
+        h,
+        S,
         !1,
         R,
-        _,
-        A ? Error("react-stack-top-frame") : ve,
-        A ? Q(n(a)) : Ee
+        M,
+        j ? Error("react-stack-top-frame") : B,
+        j ? J(n(c)) : fe
       );
-    }, V.jsxs = function(a, m, v, R, _) {
-      var A = 1e4 > Z.recentlyCreatedOwnerStacks++;
+    }, te.jsxs = function(c, h, S, R, M) {
+      var j = 1e4 > q.recentlyCreatedOwnerStacks++;
       return l(
-        a,
-        m,
-        v,
+        c,
+        h,
+        S,
         !0,
         R,
-        _,
-        A ? Error("react-stack-top-frame") : ve,
-        A ? Q(n(a)) : Ee
+        M,
+        j ? Error("react-stack-top-frame") : B,
+        j ? J(n(c)) : fe
       );
     };
-  }()), V;
+  }()), te;
 }
-var Ne;
-function ot() {
-  return Ne || (Ne = 1, process.env.NODE_ENV === "production" ? K.exports = rt() : K.exports = nt()), K.exports;
+var Ve;
+function Rt() {
+  return Ve || (Ve = 1, process.env.NODE_ENV === "production" ? he.exports = Et() : he.exports = kt()), he.exports;
 }
-var b = ot();
-function st(r, e) {
-  const t = pe(
+var b = Rt();
+function At(r, e) {
+  const t = _e(
     (n) => r.subscribe(n),
     () => {
       const n = r.getSnapshot(), o = e ?? n.rootViewId, s = o ? n.views.get(o) : void 0;
@@ -294,7 +294,7 @@ function st(r, e) {
       return `${o ?? ""}:${s?.id ?? ""}`;
     }
   );
-  return x(() => {
+  return L(() => {
     const [n, o] = t.split(":");
     return {
       rootViewId: n || void 0,
@@ -302,16 +302,16 @@ function st(r, e) {
     };
   }, [t]);
 }
-function M(r, e) {
-  const t = pe(
+function F(r, e) {
+  const t = _e(
     (n) => r.subscribeNode(e, n),
     () => r.getNodeVersion(e),
     () => r.getNodeVersion(e)
   );
-  return x(() => r.getNode(e), [r, e, t]);
+  return L(() => r.getNode(e), [r, e, t]);
 }
-const it = he("UIRenderer");
-function at(r) {
+const Nt = ye("UIRenderer");
+function Ct(r) {
   if (r === void 0)
     return "{}";
   if (typeof r == "string")
@@ -322,18 +322,18 @@ function at(r) {
     return "{}";
   }
 }
-function ct(r) {
+function It(r) {
   const e = r.styleIds;
   return Array.isArray(e) ? e : [];
 }
-function ut(r) {
+function Tt(r) {
   const e = r.children;
   return Array.isArray(e) ? e : [];
 }
-function lt(r, e) {
+function jt(r, e) {
   return r.nodeId === e.nodeId && r.context === e.context;
 }
-function dt(r) {
+function Ot(r) {
   if (r.length === 0) return "";
   if (r.length === 1) return r[0].id;
   let e = r[0].id;
@@ -341,66 +341,66 @@ function dt(r) {
     e += "," + r[t].id;
   return e;
 }
-const ce = j(function r({ nodeId: e, context: t }) {
-  const n = M(t.store, e), o = n ? ut(n) : [], s = dt(o), i = x(
-    () => o.length === 0 ? null : o.map((p) => /* @__PURE__ */ b.jsx(r, { nodeId: p.id, context: t }, p.id)),
+const Ce = U(function r({ nodeId: e, context: t }) {
+  const n = F(t.store, e), o = n ? Tt(n) : [], s = Ot(o), i = L(
+    () => o.length === 0 ? null : o.map((f) => /* @__PURE__ */ b.jsx(r, { nodeId: f.id, context: t }, f.id)),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [s, t]
   );
   if (!n)
     return null;
   if (n.type === "root")
-    return /* @__PURE__ */ b.jsx(et, { children: i }, n.id);
-  const c = t.library.resolve(n);
-  if (!c)
-    return it.warn(`No renderer for node type ${n.type}`), null;
-  const u = ct(n), d = u.length > 0 ? u.join(" ") : void 0, l = c;
+    return /* @__PURE__ */ b.jsx(St, { children: i }, n.id);
+  const a = t.library.resolve(n);
+  if (!a)
+    return Nt.warn(`No renderer for node type ${n.type}`), null;
+  const u = It(n), d = u.length > 0 ? u.join(" ") : void 0, l = a;
   return /* @__PURE__ */ b.jsx(l, { nodeId: e, context: t, className: d });
-}, lt);
-function ft(r, e) {
-  return !Array.isArray(r) || r.length === 0 ? null : r.map((t) => /* @__PURE__ */ b.jsx(ce, { nodeId: t.id, context: e }, t.id));
+}, jt);
+function Pt(r, e) {
+  return !Array.isArray(r) || r.length === 0 ? null : r.map((t) => /* @__PURE__ */ b.jsx(Ce, { nodeId: t.id, context: e }, t.id));
 }
-function mt(r, e) {
+function _t(r, e) {
   return r.store === e.store && r.library === e.library && r.viewId === e.viewId && r.emptyFallback === e.emptyFallback;
 }
-const pt = j(function({ store: e, library: t, viewId: n, emptyFallback: o = null, onAction: s, client: i, video: c }) {
-  const { rootViewId: u, rootNodeId: d } = st(e, n), l = I(s);
+const Mt = U(function({ store: e, library: t, viewId: n, emptyFallback: o = null, onAction: s, client: i, video: a }) {
+  const { rootViewId: u, rootNodeId: d } = At(e, n), l = E(s);
   l.current = s;
-  const p = I(i);
-  p.current = i;
-  const h = I(c);
-  h.current = c;
-  const w = ae((S, f) => {
-    if (!S)
+  const f = E(i);
+  f.current = i;
+  const p = E(a);
+  p.current = a;
+  const k = z((v, m) => {
+    if (!v)
       return;
-    const y = at(f);
-    l.current?.(S, y);
-  }, []), N = x(() => {
-    const S = {
+    const g = Ct(m);
+    l.current?.(v, g);
+  }, []), C = L(() => {
+    const v = {
       store: e,
       library: t,
       handlerCache: e.handlerCache,
       // Access payloads from store at call time, not captured snapshot
-      getPayload: (f) => e.getSnapshot().payloads.get(f),
-      renderChildren: (f) => ft(f, S),
-      renderView: (f) => {
-        const y = e.getSnapshot().views.get(f);
-        return y ? /* @__PURE__ */ b.jsx(ce, { nodeId: y.id, context: S }) : null;
+      getPayload: (m) => e.getSnapshot().payloads.get(m),
+      renderChildren: (m) => Pt(m, v),
+      renderView: (m) => {
+        const g = e.getSnapshot().views.get(m);
+        return g ? /* @__PURE__ */ b.jsx(Ce, { nodeId: g.id, context: v }) : null;
       },
-      dispatchAction: w,
+      dispatchAction: k,
       // Access client/video via refs to avoid context recreation
       get client() {
-        return p.current;
+        return f.current;
       },
       get video() {
-        return h.current;
+        return p.current;
       }
     };
-    return S;
-  }, [e, t, w]);
-  return !u || !d ? o : /* @__PURE__ */ b.jsx("div", { "data-ikon-view-id": u, style: { display: "contents" }, children: /* @__PURE__ */ b.jsx(ce, { nodeId: d, context: N }) });
-}, mt);
-class ht {
+    return v;
+  }, [e, t, k]);
+  return !u || !d ? o : /* @__PURE__ */ b.jsx("div", { "data-ikon-view-id": u, style: { display: "contents" }, children: /* @__PURE__ */ b.jsx(Ce, { nodeId: d, context: C }) });
+}, _t);
+class Lt {
   constructor(e, t) {
     if (this.fallback = t, e)
       for (const [n, o] of e)
@@ -417,60 +417,41 @@ class ht {
     return this.renderers.get(e.type) ?? this.fallback;
   }
 }
-function Pr(r, e) {
+function hn(r, e) {
   const t = Object.entries(r);
-  return new ht(t, e);
+  return new Lt(t, e);
 }
-function Lr(r) {
-  return pe(
+function mn(r) {
+  return _e(
     (e) => r.subscribe(e),
     () => r.getSnapshot(),
     () => r.getSnapshot()
   );
 }
-const ue = "ikon-ui";
-function gt(r, e) {
+const Ie = "ikon-ui";
+function Ut(r, e) {
   return r === e;
 }
-const xr = j(function({
-  stores: e,
-  library: t,
-  category: n = ue,
-  onAction: o,
-  client: s,
-  video: i
-}) {
-  const c = x(() => Array.from(e.keys()).sort().join(","), [e]), u = I(o);
-  u.current = o;
-  const d = I(s);
-  d.current = s;
-  const l = I(i);
-  l.current = i;
-  const p = x(
+const pn = U(function({ stores: e, registry: t, category: n = Ie, onAction: o, client: s }) {
+  const i = L(() => Array.from(e.keys()).sort().join(","), [e]), a = E(o);
+  a.current = o;
+  const u = E(s);
+  u.current = s;
+  const d = L(
     () => {
-      const h = [];
-      for (const [w, N] of e) {
-        const S = N.store.getSnapshot();
-        gt(N.category, n) && (!S.rootViewId || !S.views.has(S.rootViewId) || h.push({ key: w, store: N.store }));
+      const l = [];
+      for (const [f, p] of e) {
+        const k = p.store.getSnapshot();
+        Ut(p.category, n) && (!k.rootViewId || !k.views.has(k.rootViewId) || l.push({ key: f, store: p.store }));
       }
-      return h;
+      return l;
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [e, n, c]
+    [e, n, i]
   );
-  return p.length === 0 ? null : /* @__PURE__ */ b.jsx(b.Fragment, { children: p.map(({ key: h, store: w }) => /* @__PURE__ */ b.jsx(
-    pt,
-    {
-      store: w,
-      library: t,
-      onAction: u.current,
-      client: d.current,
-      video: l.current
-    },
-    h
-  )) });
+  return d.length === 0 ? null : /* @__PURE__ */ b.jsx(b.Fragment, { children: d.map(({ key: l, store: f }) => /* @__PURE__ */ b.jsx(Mt, { store: f, library: t, onAction: a.current, client: u.current, video: u.current?.media?.video }, l)) });
 });
-class Ur {
+class xt {
   core;
   ownsCore;
   stores = /* @__PURE__ */ new Map();
@@ -478,7 +459,7 @@ class Ur {
   unsubscribeClears;
   unsubscribeStoreChanges;
   constructor(e) {
-    this.core = e?.core ?? new Je({ client: e?.client }), this.ownsCore = !e?.core, this.unsubscribeClears = this.core.subscribeToUiStreamCleared(this.handleUiStreamCleared), this.unsubscribeStoreChanges = this.core.uiStore.subscribe(this.syncStreamSnapshot), this.syncAllStreams();
+    this.core = e?.core ?? new pt({ client: e?.client }), this.ownsCore = !e?.core, this.unsubscribeClears = this.core.subscribeToUiStreamCleared(this.handleUiStreamCleared), this.unsubscribeStoreChanges = this.core.uiStore.subscribe(this.syncStreamSnapshot), this.syncAllStreams();
   }
   dispose() {
     this.unsubscribeClears(), this.unsubscribeStoreChanges(), this.ownsCore && this.core.dispose(), this.listeners.clear(), this.stores.clear();
@@ -525,8 +506,8 @@ class Ur {
     if (t)
       return t;
     const n = {
-      category: ue,
-      store: new Ze()
+      category: Ie,
+      store: new gt()
     };
     return this.stores.set(e, n), n;
   }
@@ -534,7 +515,7 @@ class Ur {
     const n = this.stores.get(e);
     if (!n)
       return !1;
-    const o = t ?? this.core.uiStore.getSnapshot(e)?.category ?? ue;
+    const o = t ?? this.core.uiStore.getSnapshot(e)?.category ?? Ie;
     return n.category === o ? !1 : (this.stores.set(e, { ...n, category: o }), !0);
   }
   notify(e) {
@@ -542,7 +523,7 @@ class Ur {
       t(e);
   }
 }
-function $(r) {
+function G(r) {
   if (typeof r == "string") {
     const e = r.trim();
     return e.length > 0 ? e : void 0;
@@ -552,7 +533,7 @@ function $(r) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function W(...r) {
+function se(...r) {
   let e = "";
   for (const t of r)
     if (t) {
@@ -561,29 +542,29 @@ function W(...r) {
     }
   return e || void 0;
 }
-const Te = /* @__PURE__ */ new WeakMap(), yt = {};
-function Y(r) {
+const ze = /* @__PURE__ */ new WeakMap(), $t = {};
+function ie(r) {
   if (!r)
-    return yt;
-  const e = Te.get(r);
+    return $t;
+  const e = ze.get(r);
   if (e)
     return e;
   const t = {};
   for (const [n, o] of Object.entries(r))
     o != null && (typeof o == "string" || typeof o == "number" || typeof o == "boolean") && (t[n] = o);
-  return Te.set(r, t), t;
+  return ze.set(r, t), t;
 }
-function St() {
-  const r = j(function({ nodeId: t, context: n }) {
-    const o = M(n.store, t), s = I(null), i = $(o?.props?.targetViewId), c = o?.props?.focusOnly, u = typeof c == "boolean" ? c : void 0;
-    return q(() => {
+function Ft() {
+  const r = U(function({ nodeId: t, context: n }) {
+    const o = F(n.store, t), s = E(null), i = G(o?.props?.targetViewId), a = o?.props?.focusOnly, u = typeof a == "boolean" ? a : void 0;
+    return $(() => {
       if (typeof document > "u")
         return;
       const l = s.current;
       if (!l || i && l.closest("[data-ikon-view-id]")?.getAttribute("data-ikon-view-id") !== i)
         return;
-      const p = u !== !0;
-      if (p && typeof l.scrollIntoView == "function")
+      const f = u !== !0;
+      if (f && typeof l.scrollIntoView == "function")
         try {
           l.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
         } catch {
@@ -591,7 +572,7 @@ function St() {
         }
       if (typeof l.focus == "function")
         try {
-          l.focus({ preventScroll: !p });
+          l.focus({ preventScroll: !f });
         } catch {
           l.focus();
         }
@@ -612,31 +593,31 @@ function St() {
       return r;
   };
 }
-function bt() {
-  const r = j(function({ nodeId: t, context: n, className: o }) {
-    const s = M(n.store, t);
+function Bt() {
+  const r = U(function({ nodeId: t, context: n, className: o }) {
+    const s = F(n.store, t);
     if (!s)
       return null;
-    const i = Y(s.props), c = W($(s.props?.className), o), u = s.children?.length ? n.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ b.jsx("div", { ...i, "data-ikon-node-id": s.id, className: c, children: u });
+    const i = ie(s.props), a = se(G(s.props?.className), o), u = s.children?.length ? n.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ b.jsx("div", { ...i, "data-ikon-node-id": s.id, className: a, children: u });
   });
   return ({ type: e }) => {
     if (e === "common.div")
       return r;
   };
 }
-function vt() {
-  const r = j(function({ nodeId: t, context: n, className: o }) {
-    const s = M(n.store, t);
+function Vt() {
+  const r = U(function({ nodeId: t, context: n, className: o }) {
+    const s = F(n.store, t);
     if (!s)
       return null;
-    const i = Y(s.props), c = W($(s.props?.className), o), u = s.children?.length ? n.renderChildren(s.children) : void 0;
+    const i = ie(s.props), a = se(G(s.props?.className), o), u = s.children?.length ? n.renderChildren(s.children) : void 0;
     return /* @__PURE__ */ b.jsx(
       "form",
       {
         ...i,
         "data-ikon-node-id": s.id,
-        className: c,
+        className: a,
         onSubmit: (d) => d.preventDefault(),
         children: u
       }
@@ -647,12 +628,12 @@ function vt() {
       return r;
   };
 }
-function Et() {
-  const r = j(function({ nodeId: t, context: n, className: o }) {
-    const s = M(n.store, t);
+function zt() {
+  const r = U(function({ nodeId: t, context: n, className: o }) {
+    const s = F(n.store, t);
     if (!s)
       return null;
-    const i = Y(s.props), c = W($(s.props?.className), o), u = s.children?.length ? n.renderChildren(s.children) : void 0;
+    const i = ie(s.props), a = se(G(s.props?.className), o), u = s.children?.length ? n.renderChildren(s.children) : void 0;
     return /* @__PURE__ */ b.jsx(
       "div",
       {
@@ -660,7 +641,7 @@ function Et() {
         "data-ikon-node-id": s.id,
         "data-ikon-view-type": "scroll-view",
         "data-ikon-scroll-container": "true",
-        className: c,
+        className: a,
         children: u
       }
     );
@@ -670,47 +651,47 @@ function Et() {
       return r;
   };
 }
-function wt() {
-  const r = j(function({ nodeId: t, context: n, className: o }) {
-    const s = M(n.store, t);
+function Dt() {
+  const r = U(function({ nodeId: t, context: n, className: o }) {
+    const s = F(n.store, t);
     if (!s)
       return null;
-    const i = Y(s.props), c = W("relative", $(s.props?.className), o), u = s.children?.length ? n.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ b.jsx("div", { ...i, "data-ikon-node-id": s.id, className: c, children: u });
+    const i = ie(s.props), a = se("relative", G(s.props?.className), o), u = s.children?.length ? n.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ b.jsx("div", { ...i, "data-ikon-node-id": s.id, className: a, children: u });
   });
   return ({ type: e }) => {
     if (e === "common.stack")
       return r;
   };
 }
-function Rt() {
-  const r = j(function({ nodeId: t, context: n, className: o }) {
-    const s = M(n.store, t);
+function qt() {
+  const r = U(function({ nodeId: t, context: n, className: o }) {
+    const s = F(n.store, t);
     if (!s)
       return null;
-    const i = Y(s.props), c = W("absolute", $(s.props?.className), o), u = s.children?.length ? n.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ b.jsx("div", { ...i, "data-ikon-node-id": s.id, className: c, children: u });
+    const i = ie(s.props), a = se("absolute", G(s.props?.className), o), u = s.children?.length ? n.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ b.jsx("div", { ...i, "data-ikon-node-id": s.id, className: a, children: u });
   });
   return ({ type: e }) => {
     if (e === "common.layer")
       return r;
   };
 }
-function kt() {
+function Wt() {
   return [
-    bt(),
-    vt(),
-    Et(),
-    wt(),
-    Rt(),
-    St()
+    Bt(),
+    Vt(),
+    zt(),
+    Dt(),
+    qt(),
+    Ft()
   ];
 }
-const Nt = "base", Tt = async () => kt();
-function Ct(r) {
-  r.registerModule(Nt, Tt);
+const Yt = "base", Jt = async () => Wt();
+function Kt(r) {
+  r.registerModule(Yt, Jt);
 }
-function Ve(r) {
+function ot(r) {
   if (typeof r == "string") {
     const e = r.trim();
     return e.length > 0 ? e : void 0;
@@ -720,13 +701,13 @@ function Ve(r) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function Be(...r) {
+function st(...r) {
   const e = [];
   for (const t of r)
     t && t.trim() && e.push(t.trim());
   return e.length > 0 ? e.join(" ") : void 0;
 }
-function X(r) {
+function pe(r) {
   if (typeof r == "number" && Number.isFinite(r))
     return Math.floor(r);
   if (typeof r == "string" && r.trim().length > 0) {
@@ -735,43 +716,43 @@ function X(r) {
       return Math.floor(e);
   }
 }
-function le(r) {
+function Te(r) {
   if (typeof r != "string")
     return;
   const e = r.trim();
   return e.length > 0 ? e : void 0;
 }
-const jt = "media.video-canvas", Ot = "media.video-url-player";
-function At() {
-  const r = j(function({ nodeId: t, context: n, className: o }) {
-    const s = M(n.store, t), i = I(null), c = n.video, u = s ? le(s.props?.streamId) : void 0, d = s ? X(s.props?.width) : void 0, l = s ? X(s.props?.height) : void 0, p = s ? Be(Ve(s.props?.className), o) : o;
-    return q(() => {
-      const h = i.current;
-      if (!(!c || !h || !u))
-        return c.attachCanvas(u, h), () => {
-          c.detachCanvas(u);
+const Gt = "media.video-canvas", Ht = "media.video-url-player";
+function Xt() {
+  const r = U(function({ nodeId: t, context: n, className: o }) {
+    const s = F(n.store, t), i = E(null), a = n.video, u = s ? Te(s.props?.streamId) : void 0, d = s ? pe(s.props?.width) : void 0, l = s ? pe(s.props?.height) : void 0, f = s ? st(ot(s.props?.className), o) : o;
+    return $(() => {
+      const p = i.current;
+      if (!(!a || !p || !u))
+        return a.attachCanvas(u, p), () => {
+          a.detachCanvas(u);
         };
-    }, [c, u]), s ? /* @__PURE__ */ b.jsx(
+    }, [a, u]), s ? /* @__PURE__ */ b.jsx(
       "canvas",
       {
         ref: i,
         "data-ikon-node-id": s.id,
         "data-ikon-video-stream-id": u,
-        className: p,
+        className: f,
         ...d ? { width: d } : {},
         ...l ? { height: l } : {}
       }
     ) : null;
   });
   return ({ type: e }) => {
-    if (e === jt)
+    if (e === Gt)
       return r;
   };
 }
-function It() {
-  return [At(), Mt()];
+function Zt() {
+  return [Xt(), Qt()];
 }
-function B(r) {
+function re(r) {
   if (typeof r == "boolean")
     return r;
   if (typeof r == "string") {
@@ -780,45 +761,45 @@ function B(r) {
     if (e === "false") return !1;
   }
 }
-function Mt() {
-  const r = j(function({
+function Qt() {
+  const r = U(function({
     nodeId: t,
     context: n,
     className: o
   }) {
-    const s = M(n.store, t);
+    const s = F(n.store, t);
     if (!s)
       return null;
-    const i = Be(Ve(s.props?.className), o), c = le(s.props?.src), u = le(s.props?.poster), d = B(s.props?.controls), l = B(s.props?.autoplay), p = B(s.props?.loop), h = B(s.props?.muted), w = B(s.props?.playsInline), N = X(s.props?.width), S = X(s.props?.height), f = s.children?.length ? n.renderChildren(s.children) : void 0;
+    const i = st(ot(s.props?.className), o), a = Te(s.props?.src), u = Te(s.props?.poster), d = re(s.props?.controls), l = re(s.props?.autoplay), f = re(s.props?.loop), p = re(s.props?.muted), k = re(s.props?.playsInline), C = pe(s.props?.width), v = pe(s.props?.height), m = s.children?.length ? n.renderChildren(s.children) : void 0;
     return /* @__PURE__ */ b.jsx(
       "video",
       {
-        src: c,
+        src: a,
         poster: u,
         ...d !== void 0 ? { controls: d } : {},
         ...l !== void 0 ? { autoPlay: l } : {},
-        ...p !== void 0 ? { loop: p } : {},
-        ...h !== void 0 ? { muted: h } : {},
-        ...w !== void 0 ? { playsInline: w } : {},
-        ...N ? { width: N } : {},
-        ...S ? { height: S } : {},
+        ...f !== void 0 ? { loop: f } : {},
+        ...p !== void 0 ? { muted: p } : {},
+        ...k !== void 0 ? { playsInline: k } : {},
+        ...C ? { width: C } : {},
+        ...v ? { height: v } : {},
         "data-ikon-node-id": s.id,
         className: i,
-        children: f
+        children: m
       }
     );
   });
   return ({ type: e }) => {
-    if (e === Ot)
+    if (e === Ht)
       return r;
   };
 }
-const _t = "media", Pt = async () => It();
-function Lt(r) {
-  r.registerModule(_t, Pt);
+const er = "media", tr = async () => Zt();
+function rr(r) {
+  r.registerModule(er, tr);
 }
-const Ce = he("UIRegistry");
-class xt {
+const De = ye("UIRegistry");
+class nr {
   baseResolvers = [];
   moduleLoaders = /* @__PURE__ */ new Map();
   moduleResolvers = /* @__PURE__ */ new Map();
@@ -840,15 +821,15 @@ class xt {
     for (const [n, o] of this.moduleLoaders.entries())
       if (!this.moduleResolvers.has(n))
         try {
-          const s = await o(), i = $t(s);
+          const s = await o(), i = ir(s);
           this.moduleResolvers.set(n, i), e = !0;
         } catch (s) {
-          Ce.error(`[IkonUiRegistry] Failed to load module '${n}'.`, s);
+          De.error(`[IkonUiRegistry] Failed to load module '${n}'.`, s);
         }
     const t = [];
     for (const n of this.moduleLoaders.keys())
       this.moduleResolvers.has(n) && t.push(n);
-    return Ft(t, this.activeModuleOrder) || (this.activeModuleOrder = t, e = !0), e;
+    return ar(t, this.activeModuleOrder) || (this.activeModuleOrder = t, e = !0), e;
   }
   resolve(e) {
     for (const t of this.baseResolvers) {
@@ -858,7 +839,7 @@ class xt {
     for (const t of this.activeModuleOrder) {
       const n = this.moduleResolvers.get(t);
       if (!n) {
-        Ce.warn(`Missing resolvers for module ${t}`);
+        De.warn(`Missing resolvers for module ${t}`);
         continue;
       }
       for (const o of n) {
@@ -868,17 +849,17 @@ class xt {
     }
   }
 }
-function $r() {
-  const r = new xt();
-  return Ct(r), Lt(r), r.loadRegisteredModules(), r;
+function or() {
+  const r = new nr();
+  return Kt(r), rr(r), r.loadRegisteredModules(), r;
 }
-function Ut(r) {
+function sr(r) {
   return Array.isArray(r) ? r : [r];
 }
-function $t(r) {
-  return r ? Ut(r).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
+function ir(r) {
+  return r ? sr(r).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
 }
-function Ft(r, e) {
+function ar(r, e) {
   if (r.length !== e.length)
     return !1;
   for (let t = 0; t < r.length; t += 1)
@@ -886,7 +867,7 @@ function Ft(r, e) {
       return !1;
   return !0;
 }
-const ne = he("MotionController"), je = {
+const ve = ye("MotionController"), qe = {
   ease: [0.25, 0.1, 0.25, 1],
   "ease-in": [0.42, 0, 1, 1],
   "ease-out": [0, 0, 0.58, 1],
@@ -916,88 +897,88 @@ const ne = he("MotionController"), je = {
   "ease-out-back": [0.175, 0.885, 0.32, 1.275],
   "ease-in-out-back": [0.68, -0.55, 0.265, 1.55]
 };
-function T(r) {
+function O(r) {
   return r <= 0 ? 0 : r >= 1 ? 1 : r;
 }
-function Oe(r) {
+function We(r) {
   if (r == null) return;
   const e = `${r}`.trim();
   if (!e) return;
   const t = Number.parseFloat(e);
   return Number.isFinite(t) ? t : void 0;
 }
-function Ae(r) {
+function Ye(r) {
   return typeof CSS < "u" && CSS.escape ? CSS.escape(r) : r.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
-function Ie(r, e, t, n) {
+function Je(r, e, t, n) {
   const l = new Float32Array(11);
-  function p(f, y, E) {
-    return ((3 * y - 3 * E + 1) * f + (3 * E - 6 * y)) * f * f + 3 * y * f;
-  }
-  function h(f, y, E) {
-    return 3 * (3 * y - 3 * E + 1) * f * f + 2 * (3 * E - 6 * y) * f + 3 * y;
-  }
-  function w(f, y) {
-    for (let E = 0; E < 4; E += 1) {
-      const O = h(y, r, t);
-      if (O === 0)
-        return y;
-      const C = p(y, r, t) - f;
-      y -= C / O;
+  function f(m, g, w) {
+    return ((3 * g - 3 * w + 1) * m + (3 * w - 6 * g)) * m * m + 3 * g * m;
+  }
+  function p(m, g, w) {
+    return 3 * (3 * g - 3 * w + 1) * m * m + 2 * (3 * w - 6 * g) * m + 3 * g;
+  }
+  function k(m, g) {
+    for (let w = 0; w < 4; w += 1) {
+      const P = p(g, r, t);
+      if (P === 0)
+        return g;
+      const T = f(g, r, t) - m;
+      g -= T / P;
     }
-    return y;
+    return g;
   }
-  function N(f, y, E) {
-    let O = 0, C = 0, P = 0;
+  function C(m, g, w) {
+    let P = 0, T = 0, x = 0;
     do
-      C = y + (E - y) / 2, O = p(C, r, t) - f, O > 0 ? E = C : y = C;
-    while (Math.abs(O) > 1e-7 && ++P < 10);
-    return C;
-  }
-  function S(f) {
-    let y = 0, E = 1;
-    const O = 10;
-    for (; E !== O && l[E] <= f; E += 1)
-      y += 0.1;
-    E -= 1;
-    const C = (f - l[E]) / (l[E + 1] - l[E]), P = y + C * 0.1, G = h(P, r, t);
-    return G >= 1e-3 ? w(f, P) : G === 0 ? P : N(f, y, y + 0.1);
-  }
-  for (let f = 0; f < 11; f += 1)
-    l[f] = p(f * 0.1, r, t);
-  return (f) => f <= 0 ? 0 : f >= 1 ? 1 : p(S(f), e, n);
-}
-function Vt(r) {
+      T = g + (w - g) / 2, P = f(T, r, t) - m, P > 0 ? w = T : g = T;
+    while (Math.abs(P) > 1e-7 && ++x < 10);
+    return T;
+  }
+  function v(m) {
+    let g = 0, w = 1;
+    const P = 10;
+    for (; w !== P && l[w] <= m; w += 1)
+      g += 0.1;
+    w -= 1;
+    const T = (m - l[w]) / (l[w + 1] - l[w]), x = g + T * 0.1, D = p(x, r, t);
+    return D >= 1e-3 ? k(m, x) : D === 0 ? x : C(m, g, g + 0.1);
+  }
+  for (let m = 0; m < 11; m += 1)
+    l[m] = f(m * 0.1, r, t);
+  return (m) => m <= 0 ? 0 : m >= 1 ? 1 : f(v(m), e, n);
+}
+function cr(r) {
   const e = /steps\(\s*([0-9]+)\s*(?:,\s*([a-z-]+)\s*)?\)/i.exec(r);
   if (!e)
-    return (o) => T(o);
+    return (o) => O(o);
   const t = Math.max(1, parseInt(e[1], 10)), n = (e[2] ?? "end").toLowerCase();
-  return n === "start" || n === "jump-start" ? (o) => T(Math.ceil(o * t) / t) : n === "none" || n === "jump-none" ? (o) => T(Math.round(o * t) / t) : n === "both" || n === "jump-both" ? (o) => T((Math.floor(o * t) + 0.5) / t) : (o) => T(Math.floor(o * t) / t);
+  return n === "start" || n === "jump-start" ? (o) => O(Math.ceil(o * t) / t) : n === "none" || n === "jump-none" ? (o) => O(Math.round(o * t) / t) : n === "both" || n === "jump-both" ? (o) => O((Math.floor(o * t) + 0.5) / t) : (o) => O(Math.floor(o * t) / t);
 }
-function Bt(r) {
+function ur(r) {
   if (!r)
-    return (t) => T(t);
+    return (t) => O(t);
   const e = r.trim().toLowerCase();
   if (!e || e === "linear")
-    return (t) => T(t);
-  if (je[e]) {
-    const [t, n, o, s] = je[e], i = Ie(t, n, o, s);
-    return (c) => T(i(T(c)));
+    return (t) => O(t);
+  if (qe[e]) {
+    const [t, n, o, s] = qe[e], i = Je(t, n, o, s);
+    return (a) => O(i(O(a)));
   }
   if (e.startsWith("cubic-bezier(") && e.endsWith(")")) {
     const n = e.slice(13, -1).split(",").map((o) => Number.parseFloat(o.trim()));
     if (n.length === 4 && n.every((o) => Number.isFinite(o))) {
-      const [o, s, i, c] = n, u = Ie(o, s, i, c);
-      return (d) => T(u(T(d)));
+      const [o, s, i, a] = n, u = Je(o, s, i, a);
+      return (d) => O(u(O(d)));
     }
   }
   if (e.startsWith("steps(") && e.endsWith(")")) {
-    const t = Vt(e);
-    return (n) => t(T(n));
+    const t = cr(e);
+    return (n) => t(O(n));
   }
-  return (t) => T(t);
+  return (t) => O(t);
 }
-function zt(r) {
+function lr(r) {
   if (!r)
     return;
   const e = /(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)\s*->\s*(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)/.exec(r);
@@ -1007,7 +988,7 @@ function zt(r) {
   if (![t, n, o, s].some((i) => !Number.isFinite(i)))
     return { inStart: t, inEnd: n, outStart: o, outEnd: s };
 }
-class Dt {
+class dr {
   bindingsByStyle = /* @__PURE__ */ new Map();
   observer;
   observeScheduled = !1;
@@ -1031,7 +1012,7 @@ class Dt {
       try {
         e();
       } catch (t) {
-        ne.warn("Failed to cleanup binding listener", t);
+        ve.warn("Failed to cleanup binding listener", t);
       }
     this.globalCleanups.clear(), this.elementStates.clear(), this.styleToElements.clear(), this.bindingsByStyle.clear(), this.pendingScanStyles.clear(), this.scanScheduled = !1, this.observer && (this.observer.disconnect(), this.observer = void 0);
   }
@@ -1041,7 +1022,7 @@ class Dt {
         const n = (JSON.parse(e).motionBindings ?? []).map((o) => this.parseBinding(o)).filter((o) => o !== void 0);
         return n.length === 0 ? void 0 : { bindings: n };
       } catch (t) {
-        ne.warn("Failed to parse motion metadata", t);
+        ve.warn("Failed to parse motion metadata", t);
         return;
       }
   }
@@ -1049,13 +1030,13 @@ class Dt {
     const t = e.source?.trim();
     if (!t)
       return;
-    const n = Oe(e.min) ?? 0, o = Oe(e.max), s = o === void 0 ? n + 100 : o, i = (e.clamp ?? "clamp").trim().toLowerCase(), c = !!e.reverse, u = Bt(e.ease), d = zt(e.map), l = e.targetId?.trim() || void 0;
+    const n = We(e.min) ?? 0, o = We(e.max), s = o === void 0 ? n + 100 : o, i = (e.clamp ?? "clamp").trim().toLowerCase(), a = !!e.reverse, u = ur(e.ease), d = lr(e.map), l = e.targetId?.trim() || void 0;
     return Number.isNaN(n) || Number.isNaN(s) ? void 0 : {
       source: t.toLowerCase(),
       min: n,
       max: s,
       clamp: i === "freeze-start" || i === "freeze-end" || i === "unclamped" ? i : "clamp",
-      reverse: c,
+      reverse: a,
       ease: u,
       map: d,
       targetId: l
@@ -1107,7 +1088,7 @@ class Dt {
     const t = this.bindingsByStyle.get(e);
     if (!t || typeof document > "u")
       return;
-    const n = `.${Ae(e)}`;
+    const n = `.${Ye(e)}`;
     document.querySelectorAll(n).forEach((s) => this.applyStyleToElement(s, e, t));
   }
   applyStyleToElement(e, t, n) {
@@ -1142,12 +1123,12 @@ class Dt {
     s();
     const i = new AbortController();
     o.addEventListener("scroll", s, { passive: !0, signal: i.signal }), this.registerCleanup(e, t, () => i.abort());
-    const c = () => s();
-    window.addEventListener("resize", c), this.registerCleanup(e, t, () => window.removeEventListener("resize", c));
+    const a = () => s();
+    window.addEventListener("resize", a), this.registerCleanup(e, t, () => window.removeEventListener("resize", a));
   }
   resolveScrollContainer(e, t) {
     if (t.targetId) {
-      const n = `[data-ikon-motion-source="${Ae(t.targetId)}"]`, o = typeof document < "u" ? document.querySelector(n) : null;
+      const n = `[data-ikon-motion-source="${Ye(t.targetId)}"]`, o = typeof document < "u" ? document.querySelector(n) : null;
       if (o)
         return o;
     }
@@ -1157,7 +1138,7 @@ class Dt {
     const o = t.max - t.min, s = o === 0 ? n > t.min ? 1 : 0 : (n - t.min) / o;
     let i = this.applyClamp(s, t.clamp);
     t.reverse && (i = 1 - i);
-    const c = t.ease(i), u = Number.isFinite(c) ? c : 0, d = u * 100;
+    const a = t.ease(i), u = Number.isFinite(a) ? a : 0, d = u * 100;
     if (e.style.setProperty("--tw-motion-bind-source-value", `${n}`), e.style.setProperty("--tw-motion-bind-progress-ratio", `${u}`), e.style.setProperty("--tw-motion-bind-progress", `${d}`), t.map) {
       const l = this.applyMap(d, t.map);
       l !== void 0 && e.style.setProperty("--tw-motion-bind-value", `${l}`);
@@ -1175,7 +1156,7 @@ class Dt {
       case "unclamped":
         return e;
       default:
-        return T(e);
+        return O(e);
     }
   }
   applyMap(e, t) {
@@ -1216,8 +1197,8 @@ class Dt {
     for (const i of o) {
       try {
         i();
-      } catch (c) {
-        ne.warn("Failed to cleanup listener", c);
+      } catch (a) {
+        ve.warn("Failed to cleanup listener", a);
       }
       this.globalCleanups.delete(i);
     }
@@ -1262,16 +1243,16 @@ class Dt {
     }
   }
 }
-const Me = new Dt(), oe = "ikon-ds";
-function Fr(r) {
-  const e = ae(({ styleId: n, css: o, common: s }) => {
+const Ke = new dr(), we = "ikon-ds";
+function fr(r) {
+  const e = z(({ styleId: n, css: o, common: s }) => {
     if (!n || typeof document > "u") return;
-    let i = document.getElementById(oe);
-    i || (i = document.createElement("style"), i.id = oe, document.head.appendChild(i)), o && (i.innerHTML += o), Me.registerStyle(n, s);
-  }, []), t = ae(() => {
-    typeof document < "u" && document.getElementById(oe)?.remove(), Me.reset();
+    let i = document.getElementById(we);
+    i || (i = document.createElement("style"), i.id = we, document.head.appendChild(i)), o && (i.innerHTML += o), Ke.registerStyle(n, s);
+  }, []), t = z(() => {
+    typeof document < "u" && document.getElementById(we)?.remove(), Ke.reset();
   }, []);
-  return q(() => {
+  return $(() => {
     if (!r) return;
     for (const o of r.getUiStyles())
       e(o);
@@ -1279,9 +1260,9 @@ function Fr(r) {
     return () => {
       n?.(), t();
     };
-  }, [r, t, e]), q(() => () => t(), [t]), { setStyle: e, reset: t };
+  }, [r, t, e]), $(() => () => t(), [t]), { setStyle: e, reset: t };
 }
-function qt(r) {
+function hr(r) {
   const e = [];
   for (const [t, n] of r) {
     const o = n.store.getSnapshot(), s = o.rootViewId && o.views.has(o.rootViewId);
@@ -1289,62 +1270,62 @@ function qt(r) {
   }
   return e.sort(), e.join(",");
 }
-function Vr(r) {
-  const [e, t] = tt(), n = I("");
-  return q(() => {
+function mr(r) {
+  const [e, t] = Y(), n = E("");
+  return $(() => {
     if (!r) {
       t(void 0), n.current = "";
       return;
     }
     const o = () => {
-      const s = r.getStores(), i = qt(s);
+      const s = r.getStores(), i = hr(s);
       i !== n.current && (n.current = i, t(s));
     };
     return o(), r.subscribe(o);
   }, [r]), e;
 }
-var Wt = typeof global == "object" && global && global.Object === Object && global, Yt = typeof self == "object" && self && self.Object === Object && self, Gt = Wt || Yt || Function("return this")(), H = Gt.Symbol, ze = Object.prototype, Kt = ze.hasOwnProperty, Xt = ze.toString, z = H ? H.toStringTag : void 0;
-function Ht(r) {
-  var e = Kt.call(r, z), t = r[z];
+var pr = typeof global == "object" && global && global.Object === Object && global, gr = typeof self == "object" && self && self.Object === Object && self, yr = pr || gr || Function("return this")(), ge = yr.Symbol, it = Object.prototype, Sr = it.hasOwnProperty, br = it.toString, ne = ge ? ge.toStringTag : void 0;
+function vr(r) {
+  var e = Sr.call(r, ne), t = r[ne];
   try {
-    r[z] = void 0;
+    r[ne] = void 0;
     var n = !0;
   } catch {
   }
-  var o = Xt.call(r);
-  return n && (e ? r[z] = t : delete r[z]), o;
+  var o = br.call(r);
+  return n && (e ? r[ne] = t : delete r[ne]), o;
 }
-var Jt = Object.prototype, Zt = Jt.toString;
-function Qt(r) {
-  return Zt.call(r);
+var wr = Object.prototype, Er = wr.toString;
+function kr(r) {
+  return Er.call(r);
 }
-var er = "[object Null]", tr = "[object Undefined]", _e = H ? H.toStringTag : void 0;
-function rr(r) {
-  return r == null ? r === void 0 ? tr : er : _e && _e in Object(r) ? Ht(r) : Qt(r);
+var Rr = "[object Null]", Ar = "[object Undefined]", Ge = ge ? ge.toStringTag : void 0;
+function Nr(r) {
+  return r == null ? r === void 0 ? Ar : Rr : Ge && Ge in Object(r) ? vr(r) : kr(r);
 }
-function nr(r) {
+function Cr(r) {
   return r != null && typeof r == "object";
 }
-var or = Array.isArray, sr = "[object String]";
-function ir(r) {
-  return typeof r == "string" || !or(r) && nr(r) && rr(r) == sr;
+var Ir = Array.isArray, Tr = "[object String]";
+function jr(r) {
+  return typeof r == "string" || !Ir(r) && Cr(r) && Nr(r) == Tr;
 }
-const Pe = "ikonUiModules";
-function de(r) {
+const He = "ikonUiModules";
+function je(r) {
   return typeof r == "object" && r !== null && !Array.isArray(r);
 }
-function ar(r) {
+function Or(r) {
   if (!Array.isArray(r))
     return;
   const e = /* @__PURE__ */ new Set();
   for (const t of r) {
-    if (!ir(t)) continue;
+    if (!jr(t)) continue;
     const n = t.trim();
     n && (e.has(n) || e.add(n));
   }
   return Array.from(e);
 }
-function Br(r, e) {
+function gn(r, e) {
   if (r === e)
     return !0;
   if (!r || !e)
@@ -1356,19 +1337,19 @@ function Br(r, e) {
       return !1;
   return !0;
 }
-function cr(r) {
-  if (!(!de(r) || !Object.prototype.hasOwnProperty.call(r, Pe)))
-    return ar(r[Pe]);
+function Pr(r) {
+  if (!(!je(r) || !Object.prototype.hasOwnProperty.call(r, He)))
+    return Or(r[He]);
 }
-function zr(...r) {
+function yn(...r) {
   for (const e of r) {
-    const t = cr(e);
+    const t = Pr(e);
     if (t !== void 0)
       return t;
   }
 }
-function Dr(r) {
-  if (!de(r))
+function Sn(r) {
+  if (!je(r))
     return;
   const e = r, t = Object.keys(e).find((u) => u.toLowerCase() === "modules");
   if (!t)
@@ -1381,44 +1362,44 @@ function Dr(r) {
   const o = [], s = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set();
   for (const u of n) {
     if (typeof u == "string") {
-      const S = u.trim();
-      if (!S || i.has(S))
+      const v = u.trim();
+      if (!v || i.has(v))
         continue;
-      o.push(S), i.add(S);
+      o.push(v), i.add(v);
       continue;
     }
-    if (!de(u))
+    if (!je(u))
       continue;
-    const d = u, l = Object.keys(d).find((S) => S.toLowerCase() === "name");
+    const d = u, l = Object.keys(d).find((v) => v.toLowerCase() === "name");
     if (!l)
       continue;
-    const p = d[l];
-    if (typeof p != "string")
+    const f = d[l];
+    if (typeof f != "string")
       continue;
-    const h = p.trim();
-    if (!h)
+    const p = f.trim();
+    if (!p)
       continue;
-    const w = Object.keys(d).find((S) => S.toLowerCase() === "javascript"), N = w ? d[w] : void 0;
-    typeof N == "string" && s.set(h, N), i.has(h) || (o.push(h), i.add(h));
+    const k = Object.keys(d).find((v) => v.toLowerCase() === "javascript"), C = k ? d[k] : void 0;
+    typeof C == "string" && s.set(p, C), i.has(p) || (o.push(p), i.add(p));
   }
   if (!o.length && s.size === 0)
     return { modules: [] };
-  const c = Array.from(s.entries()).map(([u, d]) => ({
+  const a = Array.from(s.entries()).map(([u, d]) => ({
     name: u,
     javascript: d
   }));
-  return c.length > 0 ? { modules: o, inlineModules: c } : { modules: o };
+  return a.length > 0 ? { modules: o, inlineModules: a } : { modules: o };
 }
-const g = {
+const y = {
   None: 0,
   Letter: 1,
   Word: 2,
   Line: 4,
   Paragraph: 8,
   Emoji: 16
-}, ur = [
+}, _r = [
   {
-    flag: g.Letter,
+    flag: y.Letter,
     hints: [
       "[data-motion-letter]",
       "[data-letter]",
@@ -1427,7 +1408,7 @@ const g = {
     ]
   },
   {
-    flag: g.Word,
+    flag: y.Word,
     hints: [
       "[data-motion-word]",
       "[data-word]",
@@ -1436,7 +1417,7 @@ const g = {
     ]
   },
   {
-    flag: g.Line,
+    flag: y.Line,
     hints: [
       "[data-motion-line]",
       "[data-line]",
@@ -1445,7 +1426,7 @@ const g = {
     ]
   },
   {
-    flag: g.Paragraph,
+    flag: y.Paragraph,
     hints: [
       "[data-motion-paragraph]",
       "[data-paragraph]",
@@ -1456,7 +1437,7 @@ const g = {
     ]
   },
   {
-    flag: g.Emoji,
+    flag: y.Emoji,
     hints: [
       ":is([data-motion-emoji],[data-emoji],.tw-motion-emoji,.tw-emoji)",
       "[data-motion-emoji]",
@@ -1465,42 +1446,42 @@ const g = {
       "[data-emoji]"
     ]
   }
-], fe = g.Letter | g.Word | g.Line | g.Paragraph | g.Emoji, lr = g.Letter | g.Word | g.Line | g.Paragraph, Le = /* @__PURE__ */ new Map(), dr = 16384;
-function qr(r, e) {
-  if (!r || r.length > dr)
+], Oe = y.Letter | y.Word | y.Line | y.Paragraph | y.Emoji, Mr = y.Letter | y.Word | y.Line | y.Paragraph, Xe = /* @__PURE__ */ new Map(), Lr = 16384;
+function bn(r, e) {
+  if (!r || r.length > Lr)
     return r;
-  const t = jr(e), n = U(t, g.Emoji), o = t & lr;
-  if (o === g.None && !n)
+  const t = Zr(e), n = K(t, y.Emoji), o = t & Mr;
+  if (o === y.None && !n)
     return r;
   const s = r.replace(/\r\n/g, `
 `).replace(/\r/g, `
 `);
-  if (o === g.None)
-    return Fe(s);
-  const i = Tr(s);
+  if (o === y.None)
+    return tt(s);
+  const i = Hr(s);
   if (i.length === 0)
-    return n ? Fe(s) : r;
-  const c = Cr(i), u = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, d = [];
-  for (const l of c) {
-    const p = fr(l, t, u);
-    d.push(...p);
+    return n ? tt(s) : r;
+  const a = Xr(i), u = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, d = [];
+  for (const l of a) {
+    const f = Ur(l, t, u);
+    d.push(...f);
   }
   return d;
 }
-function fr(r, e, t) {
+function Ur(r, e, t) {
   const n = [];
   for (const o of r) {
-    const s = mr(o, e, t);
+    const s = xr(o, e, t);
     n.push(...s);
   }
-  if (U(e, g.Paragraph)) {
+  if (K(e, y.Paragraph)) {
     const o = t.paragraph++;
     return [
       /* @__PURE__ */ b.jsx(
         "span",
         {
           "data-motion-paragraph": !0,
-          style: J(o),
+          style: Se(o),
           children: n
         },
         `motion-paragraph-${o}`
@@ -1509,12 +1490,12 @@ function fr(r, e, t) {
   }
   return n;
 }
-function mr(r, e, t) {
-  const n = pr(r.text, e, t), o = [];
-  if (U(e, g.Line)) {
+function xr(r, e, t) {
+  const n = $r(r.text, e, t), o = [];
+  if (K(e, y.Line)) {
     const s = t.line++;
     o.push(
-      /* @__PURE__ */ b.jsx("span", { "data-motion-line": !0, style: J(s), children: n }, `motion-line-${s}`)
+      /* @__PURE__ */ b.jsx("span", { "data-motion-line": !0, style: Se(s), children: n }, `motion-line-${s}`)
     );
   } else
     o.push(...n);
@@ -1522,103 +1503,103 @@ function mr(r, e, t) {
     o.push(/* @__PURE__ */ b.jsx("br", {}, `motion-break-${t.br++}`));
   return o;
 }
-function pr(r, e, t) {
+function $r(r, e, t) {
   if (!r)
     return [];
-  const n = U(e, g.Word), o = [], s = /(\s+)/g;
-  let i = 0, c;
-  for (; (c = s.exec(r)) !== null; ) {
-    if (c.index > i) {
-      const u = r.slice(i, c.index);
-      o.push(xe(u, t, e, n));
+  const n = K(e, y.Word), o = [], s = /(\s+)/g;
+  let i = 0, a;
+  for (; (a = s.exec(r)) !== null; ) {
+    if (a.index > i) {
+      const u = r.slice(i, a.index);
+      o.push(Ze(u, t, e, n));
     }
-    o.push(c[0]), i = c.index + c[0].length;
+    o.push(a[0]), i = a.index + a[0].length;
   }
   if (i < r.length) {
     const u = r.slice(i);
-    o.push(xe(u, t, e, n));
+    o.push(Ze(u, t, e, n));
   }
   return o;
 }
-function xe(r, e, t, n) {
-  const o = e.word++, s = gr(r, t, e), i = `motion-word-${o}`, c = hr(o, n);
-  return n ? /* @__PURE__ */ b.jsx("span", { "data-motion-word": !0, style: c, children: s }, i) : /* @__PURE__ */ b.jsx("span", { style: c, children: s }, i);
+function Ze(r, e, t, n) {
+  const o = e.word++, s = Br(r, t, e), i = `motion-word-${o}`, a = Fr(o, n);
+  return n ? /* @__PURE__ */ b.jsx("span", { "data-motion-word": !0, style: a, children: s }, i) : /* @__PURE__ */ b.jsx("span", { style: a, children: s }, i);
 }
-function hr(r, e) {
-  return e ? { ...J(r), whiteSpace: "nowrap" } : { whiteSpace: "nowrap" };
+function Fr(r, e) {
+  return e ? { ...Se(r), whiteSpace: "nowrap" } : { whiteSpace: "nowrap" };
 }
-function gr(r, e, t) {
+function Br(r, e, t) {
   if (!r)
     return [];
-  const n = U(e, g.Letter), o = U(e, g.Emoji);
+  const n = K(e, y.Letter), o = K(e, y.Emoji);
   if (!n) {
     if (!o)
       return [r];
-    const c = me(r);
-    if (c.length === 0)
+    const a = Pe(r);
+    if (a.length === 0)
       return [r];
-    const { nodes: u } = qe(c, t);
+    const { nodes: u } = ct(a, t);
     return u;
   }
-  const s = [], i = me(r);
-  for (const c of i) {
-    const u = t.letter++, d = `motion-letter-${u}`, l = J(u);
-    if (c === `
+  const s = [], i = Pe(r);
+  for (const a of i) {
+    const u = t.letter++, d = `motion-letter-${u}`, l = Se(u);
+    if (a === `
 `) {
       s.push(
         /* @__PURE__ */ b.jsx("span", { "data-motion-letter": !0, style: l, children: /* @__PURE__ */ b.jsx("br", {}) }, d)
       );
       continue;
     }
-    const h = o && De(c) ? { "data-motion-emoji": !0 } : void 0, w = c === " " ? " " : c;
+    const p = o && at(a) ? { "data-motion-emoji": !0 } : void 0, k = a === " " ? " " : a;
     s.push(
-      /* @__PURE__ */ b.jsx("span", { "data-motion-letter": !0, style: l, ...h, children: w }, d)
+      /* @__PURE__ */ b.jsx("span", { "data-motion-letter": !0, style: l, ...p, children: k }, d)
     );
   }
   return s;
 }
-function me(r) {
+function Pe(r) {
   if (!r)
     return [];
-  const e = yr();
-  return e ? Array.from(e.segment(r), (t) => t.segment) : Sr(r);
+  const e = Vr();
+  return e ? Array.from(e.segment(r), (t) => t.segment) : zr(r);
 }
-let D;
-function yr() {
-  return D !== void 0 || (typeof Intl < "u" && typeof Intl.Segmenter == "function" ? D = new Intl.Segmenter(void 0, { granularity: "grapheme" }) : D = null), D;
+let oe;
+function Vr() {
+  return oe !== void 0 || (typeof Intl < "u" && typeof Intl.Segmenter == "function" ? oe = new Intl.Segmenter(void 0, { granularity: "grapheme" }) : oe = null), oe;
 }
-function Sr(r) {
+function zr(r) {
   const e = [], t = Array.from(r);
   let n = "";
   for (let o = 0; o < t.length; o++) {
     const s = t[o], i = t[o + 1];
-    n += s, !(i && br(s, i)) && (e.push(n), n = "");
+    n += s, !(i && Dr(s, i)) && (e.push(n), n = "");
   }
   return n && e.push(n), e;
 }
-function br(r, e) {
-  return e ? !!(Ue(r) || Ue(e) || wr(e) || vr(e) || Er(e) || $e(r) && $e(e)) : !1;
+function Dr(r, e) {
+  return e ? !!(Qe(r) || Qe(e) || Yr(e) || qr(e) || Wr(e) || et(r) && et(e)) : !1;
 }
-function Ue(r) {
+function Qe(r) {
   return r.codePointAt(0) === 8205;
 }
-function vr(r) {
+function qr(r) {
   const e = r.codePointAt(0);
   return e === void 0 ? !1 : e >= 65024 && e <= 65039 || e >= 917760 && e <= 917999;
 }
-function Er(r) {
+function Wr(r) {
   const e = r.codePointAt(0);
   return e === void 0 ? !1 : e >= 127995 && e <= 127999;
 }
-function $e(r) {
+function et(r) {
   const e = r.codePointAt(0);
   return e === void 0 ? !1 : e >= 127462 && e <= 127487;
 }
-let se;
-function wr(r) {
-  return r ? (se || (se = Rr()), se(r)) : !1;
+let Ee;
+function Yr(r) {
+  return r ? (Ee || (Ee = Jr()), Ee(r)) : !1;
 }
-function Rr() {
+function Jr() {
   try {
     const r = new RegExp("\\p{Mark}", "u");
     return (e) => r.test(e);
@@ -1629,19 +1610,19 @@ function Rr() {
     };
   }
 }
-let ie;
-function De(r) {
-  return r ? (ie || (ie = kr()), ie(r)) : !1;
+let ke;
+function at(r) {
+  return r ? (ke || (ke = Kr()), ke(r)) : !1;
 }
-function kr() {
+function Kr() {
   try {
     const r = new RegExp("\\p{Extended_Pictographic}", "u");
     return (e) => r.test(e);
   } catch {
-    return Nr;
+    return Gr;
   }
 }
-function Nr(r) {
+function Gr(r) {
   if (!r)
     return !1;
   for (const e of Array.from(r)) {
@@ -1651,7 +1632,7 @@ function Nr(r) {
   }
   return !1;
 }
-function Tr(r) {
+function Hr(r) {
   const e = [];
   let t = "", n = 0;
   for (let o = 0; o < r.length; o++) {
@@ -1665,7 +1646,7 @@ function Tr(r) {
   }
   return (n > 0 || t.length > 0) && e.push({ text: t, breaks: n }), e;
 }
-function Cr(r) {
+function Xr(r) {
   if (r.length === 0)
     return [];
   const e = [];
@@ -1674,10 +1655,10 @@ function Cr(r) {
     t.push(n), n.breaks >= 2 && (e.push(t), t = []);
   return t.length > 0 && e.push(t), e;
 }
-function U(r, e) {
+function K(r, e) {
   return (r & e) === e;
 }
-function J(r) {
+function Se(r) {
   return {
     "--tw-motion-seq-index": r.toString(),
     backgroundColor: "inherit",
@@ -1694,52 +1675,52 @@ function J(r) {
     WebkitTextFillColor: "inherit"
   };
 }
-function Fe(r) {
+function tt(r) {
   if (!r)
     return r;
-  const e = me(r);
+  const e = Pe(r);
   if (e.length === 0)
     return r;
-  const { nodes: t, sawEmoji: n } = qe(e);
+  const { nodes: t, sawEmoji: n } = ct(e);
   return n ? t.length === 1 ? t[0] ?? r : t : r;
 }
-function qe(r, e) {
+function ct(r, e) {
   const t = [];
   let n = "", o = !1, s = e?.emoji ?? 0;
   const i = () => {
     n && (t.push(n), n = "");
   };
-  for (const c of r) {
-    if (De(c)) {
+  for (const a of r) {
+    if (at(a)) {
       o = !0, i();
       const d = `motion-emoji-${e ? e.emoji++ : s++}`;
       t.push(
-        /* @__PURE__ */ b.jsx("span", { "data-motion-emoji": !0, children: c }, d)
+        /* @__PURE__ */ b.jsx("span", { "data-motion-emoji": !0, children: a }, d)
       );
       continue;
     }
-    n += c;
+    n += a;
   }
   return i(), o ? { nodes: t, sawEmoji: !0 } : { nodes: [r.join("")], sawEmoji: !1 };
 }
-function jr(r) {
+function Zr(r) {
   if (!r)
-    return g.None;
+    return y.None;
   const e = r.trim();
   if (!e)
-    return g.None;
-  const t = Le.get(e);
+    return y.None;
+  const t = Xe.get(e);
   if (typeof t == "number")
     return t;
   if (typeof document > "u")
-    return g.None;
+    return y.None;
   const n = e.split(/\s+/).filter(Boolean);
   if (n.length === 0)
-    return g.None;
-  const s = n.map((u) => `.${Or(u)}`).map(
-    (u) => new RegExp(`(^|[^a-zA-Z0-9_-])${Ar(u)}(?![a-zA-Z0-9_-])`)
+    return y.None;
+  const s = n.map((u) => `.${Qr(u)}`).map(
+    (u) => new RegExp(`(^|[^a-zA-Z0-9_-])${en(u)}(?![a-zA-Z0-9_-])`)
   );
-  let i = g.None, c = !1;
+  let i = y.None, a = !1;
   for (const u of Array.from(document.styleSheets)) {
     let d;
     try {
@@ -1747,31 +1728,31 @@ function jr(r) {
     } catch {
       continue;
     }
-    const l = We(d, s);
-    if (l.mask && (i |= l.mask, i === fe))
+    const l = ut(d, s);
+    if (l.mask && (i |= l.mask, i === Oe))
       break;
-    c ||= l.sawStyleRule;
+    a ||= l.sawStyleRule;
   }
-  return (i !== g.None || c) && Le.set(e, i), i;
+  return (i !== y.None || a) && Xe.set(e, i), i;
 }
-function We(r, e) {
+function ut(r, e) {
   if (!r)
-    return { mask: g.None, sawStyleRule: !1 };
-  let t = g.None, n = !1;
+    return { mask: y.None, sawStyleRule: !1 };
+  let t = y.None, n = !1;
   for (let o = 0; o < r.length; o++) {
     const s = r[o];
     if (s) {
       if (s.type === CSSRule.STYLE_RULE) {
-        const c = s.selectorText ?? "";
-        if (!c || !e.some((d) => d.test(c))) continue;
+        const a = s.selectorText ?? "";
+        if (!a || !e.some((d) => d.test(a))) continue;
         n = !0;
-        for (const d of ur)
-          d.hints.some((l) => c.includes(l)) && (t |= d.flag);
-        if (t === fe)
+        for (const d of _r)
+          d.hints.some((l) => a.includes(l)) && (t |= d.flag);
+        if (t === Oe)
           return { mask: t, sawStyleRule: !0 };
       } else if ("cssRules" in s) {
-        const i = We(s.cssRules, e);
-        if (i.mask && (t |= i.mask, t === fe))
+        const i = ut(s.cssRules, e);
+        if (i.mask && (t |= i.mask, t === Oe))
           return { mask: t, sawStyleRule: !0 };
         n ||= i.sawStyleRule;
       }
@@ -1779,42 +1760,471 @@ function We(r, e) {
   }
   return { mask: t, sawStyleRule: n };
 }
-function Or(r) {
+function Qr(r) {
   return typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(r) : r.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
-function Ar(r) {
+function en(r) {
   return r.replace(/[.*+?^${}()|[\]\\]/g, (e) => `\\${e}`);
 }
+const Le = "ikon_auth_session", tn = 7 * 24 * 60 * 60 * 1e3;
+function lt(r) {
+  try {
+    localStorage.setItem(Le, JSON.stringify(r));
+  } catch {
+    console.warn("Failed to save auth session to localStorage");
+  }
+}
+function dt() {
+  try {
+    const r = localStorage.getItem(Le);
+    if (!r) return null;
+    const e = JSON.parse(r);
+    return Date.now() - e.authenticatedAt > tn ? (ft(), null) : e;
+  } catch {
+    return console.warn("Failed to load auth session from localStorage"), null;
+  }
+}
+function ft() {
+  try {
+    localStorage.removeItem(Le);
+  } catch {
+    console.warn("Failed to clear auth session from localStorage");
+  }
+}
+function Re(r) {
+  return {
+    id: "",
+    provider: r.provider,
+    token: r.token,
+    authenticatedAt: r.authenticatedAt
+  };
+}
+async function ht(r, e) {
+  const t = me(), n = await fetch(`${e}/anonymous`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ deviceId: t, space: r })
+  });
+  if (!n.ok) {
+    const i = await n.text().catch(() => "Unknown error");
+    throw new Error(`Anonymous auth failed: ${n.status} ${i}`);
+  }
+  const { token: o } = await n.json(), s = {
+    token: o,
+    provider: "anonymous",
+    authenticatedAt: Date.now()
+  };
+  return lt(s), s;
+}
+async function vn(r) {
+  const { email: e, spaceId: t, authUrl: n, returnUrl: o = window.location.origin + window.location.pathname } = r, s = await fetch(`${n}/email/send`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({
+      email: e.trim(),
+      space: t,
+      return: o
+    })
+  });
+  if (!s.ok) {
+    const i = await s.text().catch(() => "Failed to send email");
+    throw new Error(i);
+  }
+}
+function rn() {
+  const r = new URLSearchParams(window.location.search), e = r.get("ikon_token"), t = r.get("ikon_provider");
+  return e && t ? { token: e, provider: t } : null;
+}
+function nn() {
+  const e = new URLSearchParams(window.location.search).get("error");
+  return e ? decodeURIComponent(e) : null;
+}
+function rt() {
+  window.history.replaceState({}, "", window.location.pathname);
+}
+function on(r, e, t, n) {
+  const o = n ?? window.location.origin + window.location.pathname + window.location.search;
+  return `${t}/oauth/${r}?space=${encodeURIComponent(e)}&return=${encodeURIComponent(o)}`;
+}
+const Ue = nt(null);
+function wn({ children: r, config: e }) {
+  const [t, n] = Y({
+    isAuthenticated: !1,
+    isLoading: !0,
+    user: null,
+    error: null
+  });
+  $(() => {
+    (() => {
+      const d = nn();
+      if (d) {
+        rt(), n({
+          isAuthenticated: !1,
+          isLoading: !1,
+          user: null,
+          error: d
+        });
+        return;
+      }
+      const l = rn();
+      if (l) {
+        const p = {
+          token: l.token,
+          provider: l.provider,
+          authenticatedAt: Date.now()
+        };
+        lt(p), rt(), n({
+          isAuthenticated: !0,
+          isLoading: !1,
+          user: Re(p),
+          error: null
+        });
+        return;
+      }
+      const f = dt();
+      if (f) {
+        n({
+          isAuthenticated: !0,
+          isLoading: !1,
+          user: Re(f),
+          error: null
+        });
+        return;
+      }
+      n({
+        isAuthenticated: !1,
+        isLoading: !1,
+        user: null,
+        error: null
+      });
+    })();
+  }, []);
+  const o = z(
+    async (u) => {
+      if (!e.spaceId) {
+        n((f) => ({
+          ...f,
+          error: "Space ID is not configured"
+        }));
+        return;
+      }
+      if (u === "guest") {
+        n((f) => ({ ...f, isLoading: !0 }));
+        try {
+          const f = e.authUrl ?? Ne(), p = await ht(e.spaceId, f);
+          n({
+            isAuthenticated: !0,
+            isLoading: !1,
+            user: Re(p),
+            error: null
+          });
+        } catch (f) {
+          n((p) => ({
+            ...p,
+            isLoading: !1,
+            error: f instanceof Error ? f.message : "Guest login failed"
+          }));
+        }
+        return;
+      }
+      const d = e.authUrl ?? Ne(), l = on(u, e.spaceId, d);
+      window.location.href = l;
+    },
+    [e.authUrl, e.spaceId]
+  ), s = z(() => {
+    ft(), n({
+      isAuthenticated: !1,
+      isLoading: !1,
+      user: null,
+      error: null
+    });
+  }, []), i = z(() => t.user?.token ?? null, [t.user]), a = L(
+    () => ({
+      state: t,
+      login: o,
+      logout: s,
+      getToken: i
+    }),
+    [t, o, s, i]
+  );
+  return /* @__PURE__ */ b.jsx(Ue, { value: a, children: r });
+}
+function sn() {
+  const r = Me(Ue);
+  if (!r)
+    throw new Error("useAuth must be used within an AuthProvider");
+  return r;
+}
+function En() {
+  return Me(Ue);
+}
+function kn(r) {
+  const { config: e, guestUrlParam: t } = r, { state: n, login: o } = sn(), s = E(!1);
+  return $(() => {
+    if (!t || n.isAuthenticated || n.isLoading || s.current || !e.methods.includes("guest"))
+      return;
+    const i = new URLSearchParams(window.location.search), a = i.get(t);
+    if (a === "true" || a === "1" || a === "") {
+      i.delete(t);
+      const u = i.toString(), d = window.location.pathname + (u ? `?${u}` : "");
+      window.history.replaceState({}, "", d), s.current = !0, o("guest");
+    }
+  }, [t, n.isAuthenticated, n.isLoading, e.methods, o]), {
+    shouldRenderChildren: n.isAuthenticated,
+    isCheckingAuth: n.isLoading,
+    isAuthenticated: n.isAuthenticated,
+    error: n.error
+  };
+}
+function Rn({
+  connectionState: r,
+  error: e,
+  isReady: t,
+  stores: n,
+  registry: o,
+  client: s,
+  onAction: i,
+  renderIdle: a,
+  renderConnecting: u,
+  renderConnectingSlow: d,
+  renderConnected: l,
+  renderOffline: f,
+  renderError: p
+}) {
+  switch (r) {
+    case "idle":
+      return a();
+    case "connecting":
+      return u();
+    case "connectingSlow":
+      return d();
+    case "connected":
+    case "reconnecting":
+      return !t || !n || !o ? null : l({
+        stores: n,
+        registry: o,
+        client: s,
+        onAction: i,
+        isReconnecting: r === "reconnecting"
+      });
+    case "offline":
+      return f();
+    case "offlineError":
+      return p(e ?? s?.lastError?.message ?? null);
+    default:
+      return null;
+  }
+}
+const Ae = ye("useIkonApp");
+function An(r) {
+  const { authConfig: e, localServer: t, modules: n, registerModules: o, onJoined: s, onConnectionStateChange: i, onError: a, updateUrlOnJoin: u = !0, timeouts: d, audio: l, video: f, mediaSession: p, debug: k } = r, C = E(null), v = E(null), m = E(null), g = E(!1), w = E(l), P = E(f), T = E(p), x = E(k), D = E(d), ae = E(i), H = E(a), ce = E(s), ue = E(u);
+  w.current = l, P.current = f, T.current = p, x.current = k, D.current = d, ae.current = i, H.current = a, ce.current = s, ue.current = u;
+  const [q, le] = Y("idle"), [be, J] = Y(null), [X, de] = Y(null), [B, fe] = Y(null), [Z, c] = Y(!1), h = L(() => {
+    try {
+      return bt();
+    } catch {
+      return { parameters: {} };
+    }
+  }, []), S = L(() => e?.enabled ? dt() : null, [e?.enabled]), R = t?.enabled ?? !1, M = t?.host ?? "localhost", j = t?.httpsPort ?? 8443;
+  $(() => {
+    !R && xe() && e && !e.enabled && e.spaceId && !B && !Z && (c(!0), ht(e.spaceId, e.authUrl ?? Ne()).then((I) => {
+      fe(I.token);
+    }).catch((I) => {
+      Ae.error("Anonymous auth failed:", I), J(I instanceof Error ? I.message : "Anonymous auth failed");
+    }).finally(() => {
+      c(!1);
+    }));
+  }, [R, e, B, Z]);
+  const W = L(() => {
+    if (R) {
+      const N = S?.token ? vt(S.token) ?? me() : me();
+      return {
+        local: {
+          host: M,
+          httpsPort: j,
+          userId: N
+        }
+      };
+    }
+    return S?.token && e?.spaceId ? {
+      sessionToken: {
+        token: S.token,
+        spaceId: e.spaceId,
+        backendType: $e(),
+        sessionId: h.sessionId,
+        channelKey: h.channelKey,
+        parameters: h.parameters
+      }
+    } : B && e?.spaceId ? {
+      sessionToken: {
+        token: B,
+        spaceId: e.spaceId,
+        backendType: $e(),
+        sessionId: h.sessionId,
+        channelKey: h.channelKey,
+        parameters: h.parameters
+      }
+    } : xe() ? null : {
+      local: {
+        host: M,
+        httpsPort: j,
+        userId: me()
+      }
+    };
+  }, [R, M, j, S?.token, e?.spaceId, B, h.sessionId, h.channelKey, h.parameters]);
+  fr(X);
+  const Q = mr(X);
+  $(() => {
+    if (!g.current) {
+      if (g.current = !0, m.current = or(), n)
+        for (const N of n)
+          N(m.current);
+      o?.(m.current), m.current.loadRegisteredModules().catch((N) => {
+        Ae.error("Failed to load UI modules", N);
+      });
+    }
+  }, []), $(() => {
+    if (!W) return;
+    const N = new wt({
+      ...W,
+      debug: x.current,
+      timeouts: D.current,
+      audio: w.current,
+      video: P.current,
+      mediaSession: T.current,
+      onConnectionStateChange: (_) => {
+        le(_), ae.current?.(_);
+      },
+      onError: (_) => {
+        J(_.message), H.current?.(_);
+      },
+      onJoined: () => {
+        const _ = N.globalState?.SessionId;
+        ue.current && _ && window.history.replaceState(null, "", `/s/${_}${window.location.search}`), ce.current?.(_);
+      }
+    });
+    C.current = N;
+    const I = new xt({ client: N });
+    return v.current = I, de(I), N.connect().catch((_) => {
+      Ae.error("Connection failed:", _);
+    }), () => {
+      N.disconnect(), C.current = null, I.dispose(), v.current = null;
+    };
+  }, [W]);
+  const A = z((N, I) => {
+    const _ = typeof I == "string" ? I : JSON.stringify(I ?? {});
+    C.current?.sendActionCall(N, _);
+  }, []), V = q === "connected" || q === "reconnecting";
+  return {
+    connectionState: q,
+    error: be,
+    stores: Q,
+    client: C.current,
+    registry: m.current,
+    clientRef: C,
+    uiRef: v,
+    registryRef: m,
+    onAction: A,
+    isReady: V
+  };
+}
+function Nn(r) {
+  const e = E(!1);
+  return z(() => {
+    if (e.current) return;
+    e.current = !0;
+    const t = document.createElement("link");
+    t.rel = "stylesheet", t.href = r, document.head.appendChild(t);
+  }, [r]);
+}
+const mt = nt(null);
+function an(r, e) {
+  return e ? r.replace(/\{(\w+)\}/g, (t, n) => e[n] ?? `{${n}}`) : r;
+}
+function cn(r, e) {
+  const n = new URLSearchParams(window.location.search).get("lang");
+  if (n && r.includes(n))
+    return n;
+  const o = navigator.language.split("-")[0];
+  return r.includes(o) ? o : e && r.includes(e) ? e : "en";
+}
+function un(r, e, t) {
+  return e ? cn(r, t) : t && r.includes(t) ? t : "en";
+}
+function Cn({
+  children: r,
+  translations: e,
+  defaultLanguage: t,
+  detectLanguage: n = !1
+}) {
+  const o = Object.keys(e), s = un(o, n, t), i = e[s] ?? e.en, a = L(
+    () => ({
+      t: (u, d) => {
+        const l = i[u];
+        return an(l, d);
+      },
+      locale: s,
+      translations: i
+    }),
+    [i, s]
+  );
+  return /* @__PURE__ */ b.jsx(mt, { value: a, children: r });
+}
+function In() {
+  const r = Me(mt);
+  if (!r)
+    throw new Error("useI18n must be used within an I18nProvider");
+  return r;
+}
 export {
-  Nt as IKON_UI_BASE_MODULE,
-  _t as IKON_UI_MEDIA_MODULE,
-  ue as IKON_UI_STREAM_CATEGORY,
-  jt as IKON_UI_VIDEO_CANVAS_TYPE,
-  Ot as IKON_UI_VIDEO_URL_PLAYER_TYPE,
-  Ur as IkonUi,
-  xt as IkonUiRegistry,
-  xr as IkonUiSurface,
-  ht as UiComponentRegistry,
-  pt as UiRenderer,
-  Gr as UiStreamStore,
-  Br as areIkonUiModuleListsEqual,
-  kt as createBaseResolvers,
-  Pr as createComponentLibrary,
-  $r as createIkonUiRegistry,
-  It as createMediaResolvers,
-  gt as isIkonUiCategoryMatch,
-  Tt as loadBaseModule,
-  Pt as loadMediaModule,
-  ar as normalizeIkonUiModuleList,
-  Dr as parseIkonUiInitPayload,
-  cr as readIkonUiModules,
-  zr as readIkonUiModulesFromSources,
-  Ct as registerBaseModule,
-  Lt as registerMediaModule,
-  ft as renderChildren,
-  qr as renderMotionLetters,
-  Fr as useIkonStyles,
-  Vr as useIkonUiStores,
-  M as useUiNode,
-  Lr as useUiStore
+  wn as AuthProvider,
+  Rn as ConnectionStateRenderer,
+  Cn as I18nProvider,
+  Yt as IKON_UI_BASE_MODULE,
+  er as IKON_UI_MEDIA_MODULE,
+  Ie as IKON_UI_STREAM_CATEGORY,
+  Gt as IKON_UI_VIDEO_CANVAS_TYPE,
+  Ht as IKON_UI_VIDEO_URL_PLAYER_TYPE,
+  xt as IkonUi,
+  nr as IkonUiRegistry,
+  pn as IkonUiSurface,
+  Lt as UiComponentRegistry,
+  Mt as UiRenderer,
+  On as UiStreamStore,
+  gn as areIkonUiModuleListsEqual,
+  ht as authenticateAnonymous,
+  on as buildOAuthRedirectUrl,
+  ft as clearAuthSession,
+  rt as clearOAuthParams,
+  Wt as createBaseResolvers,
+  hn as createComponentLibrary,
+  or as createIkonUiRegistry,
+  Zt as createMediaResolvers,
+  Ut as isIkonUiCategoryMatch,
+  dt as loadAuthSession,
+  Jt as loadBaseModule,
+  tr as loadMediaModule,
+  Or as normalizeIkonUiModuleList,
+  Sn as parseIkonUiInitPayload,
+  rn as parseOAuthCallback,
+  nn as parseOAuthError,
+  Pr as readIkonUiModules,
+  yn as readIkonUiModulesFromSources,
+  Kt as registerBaseModule,
+  rr as registerMediaModule,
+  Pt as renderChildren,
+  bn as renderMotionLetters,
+  lt as saveAuthSession,
+  vn as sendMagicLink,
+  Re as sessionToUser,
+  sn as useAuth,
+  kn as useAuthGuard,
+  En as useAuthOptional,
+  In as useI18n,
+  An as useIkonApp,
+  fr as useIkonStyles,
+  mr as useIkonUiStores,
+  Nn as useLazyFont,
+  F as useUiNode,
+  mn as useUiStore
 };