@ikonai/sdk-react-ui 0.0.29 → 0.0.31

package/index.js

@@ -1,6 +1,6 @@
-import { IkonUICore as He, UiStreamStore as Je } from "@ikonai/sdk-ui";
-import { UiStreamStore as qr } from "@ikonai/sdk-ui";
-import Ze, { useSyncExternalStore as pe, useMemo as q, memo as C, useRef as I, useCallback as ae, Fragment as Qe, useEffect as D, useState as et } from "react";
+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 = {};
 /**
@@ -13,7 +13,7 @@ var K = { exports: {} }, F = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Re;
-function tt() {
+function rt() {
   if (Re) return F;
   Re = 1;
   var r = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
@@ -34,7 +34,7 @@ function tt() {
   }
   return F.Fragment = e, F.jsx = t, F.jsxs = t, F;
 }
-var $ = {};
+var V = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -45,12 +45,12 @@ var $ = {};
  * LICENSE file in the root directory of this source tree.
  */
 var ke;
-function rt() {
+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 === Ge ? null : a.displayName || a.name || null;
+        return a.$$typeof === Ke ? null : a.displayName || a.name || null;
       if (typeof a == "string") return a;
       switch (a) {
         case S:
@@ -63,7 +63,7 @@ function rt() {
           return "Suspense";
         case G:
           return "SuspenseList";
-        case Ye:
+        case Ge:
           return "Activity";
       }
       if (typeof a == "object")
@@ -76,10 +76,10 @@ function rt() {
             return (a.displayName || "Context") + ".Provider";
           case E:
             return (a._context.displayName || "Context") + ".Consumer";
-          case j:
+          case C:
             var m = a.render;
             return a = a.displayName, a || (a = m.displayName || m.name || "", a = a !== "" ? "ForwardRef(" + a + ")" : "ForwardRef"), a;
-          case We:
+          case Ye:
             return m = a.displayName || null, m !== null ? m : r(a.type) || "Memo";
           case ge:
             m = a._payload, a = a._init;
@@ -153,13 +153,13 @@ function rt() {
         "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;
     }
-    function d(a, m, v, R, M, O, ee, te) {
+    function d(a, m, v, R, _, O, ee, te) {
       return v = O.ref, a = {
         $$typeof: w,
         type: a,
         key: m,
         props: O,
-        _owner: M
+        _owner: _
       }, (v !== void 0 ? v : null) !== null ? Object.defineProperty(a, "ref", {
         enumerable: !1,
         get: u
@@ -185,11 +185,11 @@ function rt() {
         value: te
       }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
     }
-    function l(a, m, v, R, M, O, ee, te) {
+    function l(a, m, v, R, _, O, ee, te) {
       var k = m.children;
       if (k !== void 0)
         if (R)
-          if (Ke(k)) {
+          if (Xe(k)) {
             for (R = 0; R < k.length; R++)
               p(k[R]);
             Object.freeze && Object.freeze(k);
@@ -200,8 +200,8 @@ function rt() {
         else p(k);
       if (ye.call(m, "key")) {
         k = r(a);
-        var L = Object.keys(m).filter(function(Xe) {
-          return Xe !== "key";
+        var L = Object.keys(m).filter(function(He) {
+          return He !== "key";
         });
         R = 0 < L.length ? "{key: someKey, " + L.join(": ..., ") + ": ...}" : "{key: someKey}", we[k + R] || (L = 0 < L.length ? "{" + L.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
@@ -228,7 +228,7 @@ React keys must be passed directly to JSX without using spread:
         a,
         k,
         O,
-        M,
+        _,
         o(),
         v,
         ee,
@@ -238,7 +238,7 @@ React keys must be passed directly to JSX without using spread:
     function p(a) {
       typeof a == "object" && a !== null && a.$$typeof === w && a._store && (a._store.validated = 1);
     }
-    var h = Ze, 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"), A = Symbol.for("react.context"), j = Symbol.for("react.forward_ref"), P = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), We = Symbol.for("react.memo"), ge = Symbol.for("react.lazy"), Ye = Symbol.for("react.activity"), Ge = Symbol.for("react.client.reference"), Z = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ye = Object.prototype.hasOwnProperty, Ke = Array.isArray, Q = console.createTask ? console.createTask : function() {
+    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"), A = 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() {
       return null;
     };
     h = {
@@ -250,7 +250,7 @@ React keys must be passed directly to JSX without using spread:
       h,
       s
     )(), Ee = Q(n(s)), we = {};
-    $.Fragment = S, $.jsx = function(a, m, v, R, M) {
+    V.Fragment = S, V.jsx = function(a, m, v, R, _) {
       var O = 1e4 > Z.recentlyCreatedOwnerStacks++;
       return l(
         a,
@@ -258,11 +258,11 @@ React keys must be passed directly to JSX without using spread:
         v,
         !1,
         R,
-        M,
+        _,
         O ? Error("react-stack-top-frame") : ve,
         O ? Q(n(a)) : Ee
       );
-    }, $.jsxs = function(a, m, v, R, M) {
+    }, V.jsxs = function(a, m, v, R, _) {
       var O = 1e4 > Z.recentlyCreatedOwnerStacks++;
       return l(
         a,
@@ -270,19 +270,19 @@ React keys must be passed directly to JSX without using spread:
         v,
         !0,
         R,
-        M,
+        _,
         O ? Error("react-stack-top-frame") : ve,
         O ? Q(n(a)) : Ee
       );
     };
-  }()), $;
+  }()), V;
 }
 var Ne;
-function nt() {
-  return Ne || (Ne = 1, process.env.NODE_ENV === "production" ? K.exports = tt() : K.exports = rt()), K.exports;
+function ot() {
+  return Ne || (Ne = 1, process.env.NODE_ENV === "production" ? K.exports = rt() : K.exports = nt()), K.exports;
 }
-var b = nt();
-function ot(r, e) {
+var b = ot();
+function st(r, e) {
   const t = pe(
     (n) => r.subscribe(n),
     () => {
@@ -294,7 +294,7 @@ function ot(r, e) {
       return `${o ?? ""}:${s?.id ?? ""}`;
     }
   );
-  return q(() => {
+  return x(() => {
     const [n, o] = t.split(":");
     return {
       rootViewId: n || void 0,
@@ -302,16 +302,16 @@ function ot(r, e) {
     };
   }, [t]);
 }
-function _(r, e) {
+function M(r, e) {
   const t = pe(
     (n) => r.subscribeNode(e, n),
     () => r.getNodeVersion(e),
     () => r.getNodeVersion(e)
   );
-  return q(() => r.getNode(e), [r, e, t]);
+  return x(() => r.getNode(e), [r, e, t]);
 }
-const st = he("UIRenderer");
-function it(r) {
+const it = he("UIRenderer");
+function at(r) {
   if (r === void 0)
     return "{}";
   if (typeof r == "string")
@@ -322,40 +322,49 @@ function it(r) {
     return "{}";
   }
 }
-function at(r) {
+function ct(r) {
   const e = r.styleIds;
   return Array.isArray(e) ? e : [];
 }
-function ct(r) {
+function ut(r) {
   const e = r.children;
   return Array.isArray(e) ? e : [];
 }
-function ut(r, e) {
+function lt(r, e) {
   return r.nodeId === e.nodeId && r.context === e.context;
 }
-function lt(r) {
-  return r.length === 0 ? "" : r.length === 1 ? r[0].id : r.map((e) => e.id).join(",");
+function dt(r) {
+  if (r.length === 0) return "";
+  if (r.length === 1) return r[0].id;
+  let e = r[0].id;
+  for (let t = 1; t < r.length; t++)
+    e += "," + r[t].id;
+  return e;
 }
-const ce = C(function r({ nodeId: e, context: t }) {
-  const n = _(t.store, e), o = n ? ct(n) : [], s = lt(o), i = q(() => o.length === 0 ? null : o.map((p) => /* @__PURE__ */ b.jsx(r, { nodeId: p.id, context: t }, p.id)), [s, t]);
+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)),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [s, t]
+  );
   if (!n)
     return null;
   if (n.type === "root")
-    return /* @__PURE__ */ b.jsx(Qe, { children: i }, n.id);
+    return /* @__PURE__ */ b.jsx(et, { children: i }, n.id);
   const c = t.library.resolve(n);
   if (!c)
-    return st.warn(`No renderer for node type ${n.type}`), null;
-  const u = at(n), d = u.length > 0 ? u.join(" ") : void 0, l = 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(l, { nodeId: e, context: t, className: d });
-}, ut);
-function dt(r, e) {
+}, 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));
 }
-function ft(r, e) {
+function mt(r, e) {
   return r.store === e.store && r.library === e.library && r.viewId === e.viewId && r.emptyFallback === e.emptyFallback;
 }
-const mt = C(function({ store: e, library: t, viewId: n, emptyFallback: o = null, onAction: s, client: i, video: c }) {
-  const { rootViewId: u, rootNodeId: d } = ot(e, n), l = I(s);
+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);
   l.current = s;
   const p = I(i);
   p.current = i;
@@ -364,16 +373,16 @@ const mt = C(function({ store: e, library: t, viewId: n, emptyFallback: o = null
   const w = ae((S, f) => {
     if (!S)
       return;
-    const y = it(f);
+    const y = at(f);
     l.current?.(S, y);
-  }, []), N = q(() => {
+  }, []), N = x(() => {
     const S = {
       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) => dt(f, S),
+      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;
@@ -390,8 +399,8 @@ const mt = C(function({ store: e, library: t, viewId: n, emptyFallback: o = null
     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 }) });
-}, ft);
-class pt {
+}, mt);
+class ht {
   constructor(e, t) {
     if (this.fallback = t, e)
       for (const [n, o] of e)
@@ -408,11 +417,11 @@ class pt {
     return this.renderers.get(e.type) ?? this.fallback;
   }
 }
-function Ir(r, e) {
+function Pr(r, e) {
   const t = Object.entries(r);
-  return new pt(t, e);
+  return new ht(t, e);
 }
-function _r(r) {
+function Lr(r) {
   return pe(
     (e) => r.subscribe(e),
     () => r.getSnapshot(),
@@ -420,10 +429,10 @@ function _r(r) {
   );
 }
 const ue = "ikon-ui";
-function ht(r, e) {
+function gt(r, e) {
   return r === e;
 }
-const Mr = C(function({
+const xr = j(function({
   stores: e,
   library: t,
   category: n = ue,
@@ -431,22 +440,26 @@ const Mr = C(function({
   client: s,
   video: i
 }) {
-  const c = Array.from(e.keys()).sort().join(","), u = I(o);
+  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 = q(() => {
-    const h = [];
-    for (const [w, N] of e) {
-      const S = N.store.getSnapshot();
-      ht(N.category, n) && (!S.rootViewId || !S.views.has(S.rootViewId) || h.push({ key: w, store: N.store }));
-    }
-    return h;
-  }, [e, n, c]);
+  const p = x(
+    () => {
+      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 }));
+      }
+      return h;
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [e, n, c]
+  );
   return p.length === 0 ? null : /* @__PURE__ */ b.jsx(b.Fragment, { children: p.map(({ key: h, store: w }) => /* @__PURE__ */ b.jsx(
-    mt,
+    pt,
     {
       store: w,
       library: t,
@@ -457,7 +470,7 @@ const Mr = C(function({
     h
   )) });
 });
-class Pr {
+class Ur {
   core;
   ownsCore;
   stores = /* @__PURE__ */ new Map();
@@ -465,13 +478,13 @@ class Pr {
   unsubscribeClears;
   unsubscribeStoreChanges;
   constructor(e) {
-    this.core = e?.core ?? new He({ 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 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();
   }
   dispose() {
     this.unsubscribeClears(), this.unsubscribeStoreChanges(), this.ownsCore && this.core.dispose(), this.listeners.clear(), this.stores.clear();
   }
   getStores() {
-    return this.stores;
+    return new Map(this.stores);
   }
   getUiStyles() {
     return this.core.getUiStyles();
@@ -513,7 +526,7 @@ class Pr {
       return t;
     const n = {
       category: ue,
-      store: new Je()
+      store: new Ze()
     };
     return this.stores.set(e, n), n;
   }
@@ -529,7 +542,7 @@ class Pr {
       t(e);
   }
 }
-function U(r) {
+function $(r) {
   if (typeof r == "string") {
     const e = r.trim();
     return e.length > 0 ? e : void 0;
@@ -540,23 +553,30 @@ function U(r) {
   }
 }
 function W(...r) {
-  const e = [];
+  let e = "";
   for (const t of r)
-    t && t.trim() && e.push(t.trim());
-  return e.length > 0 ? e.join(" ") : void 0;
+    if (t) {
+      const n = t.trim();
+      n && (e = e ? e + " " + n : n);
+    }
+  return e || void 0;
 }
+const Te = /* @__PURE__ */ new WeakMap(), yt = {};
 function Y(r) {
   if (!r)
-    return {};
-  const e = {};
-  for (const [t, n] of Object.entries(r))
-    n != null && (typeof n == "string" || typeof n == "number" || typeof n == "boolean") && (e[t] = n);
-  return e;
+    return yt;
+  const e = Te.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;
 }
-function gt() {
-  const r = C(function({ nodeId: t, context: n }) {
-    const o = _(n.store, t), s = I(null), i = U(o?.props?.targetViewId), c = o?.props?.focusOnly, u = typeof c == "boolean" ? c : void 0;
-    return D(() => {
+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(() => {
       if (typeof document > "u")
         return;
       const l = s.current;
@@ -592,12 +612,12 @@ function gt() {
       return r;
   };
 }
-function yt() {
-  const r = C(function({ nodeId: t, context: n, className: o }) {
-    const s = _(n.store, t);
+function bt() {
+  const r = j(function({ nodeId: t, context: n, className: o }) {
+    const s = M(n.store, t);
     if (!s)
       return null;
-    const i = Y(s.props), c = W(U(s.props?.className), o), u = s.children?.length ? n.renderChildren(s.children) : void 0;
+    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 });
   });
   return ({ type: e }) => {
@@ -605,12 +625,12 @@ function yt() {
       return r;
   };
 }
-function St() {
-  const r = C(function({ nodeId: t, context: n, className: o }) {
-    const s = _(n.store, t);
+function vt() {
+  const r = j(function({ nodeId: t, context: n, className: o }) {
+    const s = M(n.store, t);
     if (!s)
       return null;
-    const i = Y(s.props), c = W(U(s.props?.className), o), u = s.children?.length ? n.renderChildren(s.children) : void 0;
+    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(
       "form",
       {
@@ -627,12 +647,12 @@ function St() {
       return r;
   };
 }
-function bt() {
-  const r = C(function({ nodeId: t, context: n, className: o }) {
-    const s = _(n.store, t);
+function Et() {
+  const r = j(function({ nodeId: t, context: n, className: o }) {
+    const s = M(n.store, t);
     if (!s)
       return null;
-    const i = Y(s.props), c = W(U(s.props?.className), o), u = s.children?.length ? n.renderChildren(s.children) : void 0;
+    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",
       {
@@ -650,12 +670,12 @@ function bt() {
       return r;
   };
 }
-function vt() {
-  const r = C(function({ nodeId: t, context: n, className: o }) {
-    const s = _(n.store, t);
+function wt() {
+  const r = j(function({ nodeId: t, context: n, className: o }) {
+    const s = M(n.store, t);
     if (!s)
       return null;
-    const i = Y(s.props), c = W("relative", U(s.props?.className), o), u = s.children?.length ? n.renderChildren(s.children) : void 0;
+    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 });
   });
   return ({ type: e }) => {
@@ -663,12 +683,12 @@ function vt() {
       return r;
   };
 }
-function Et() {
-  const r = C(function({ nodeId: t, context: n, className: o }) {
-    const s = _(n.store, t);
+function Rt() {
+  const r = j(function({ nodeId: t, context: n, className: o }) {
+    const s = M(n.store, t);
     if (!s)
       return null;
-    const i = Y(s.props), c = W("absolute", U(s.props?.className), o), u = s.children?.length ? n.renderChildren(s.children) : void 0;
+    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 });
   });
   return ({ type: e }) => {
@@ -676,21 +696,21 @@ function Et() {
       return r;
   };
 }
-function wt() {
+function kt() {
   return [
-    yt(),
-    St(),
     bt(),
     vt(),
     Et(),
-    gt()
+    wt(),
+    Rt(),
+    St()
   ];
 }
-const Rt = "base", kt = async () => wt();
-function Nt(r) {
-  r.registerModule(Rt, kt);
+const Nt = "base", Tt = async () => kt();
+function Ct(r) {
+  r.registerModule(Nt, Tt);
 }
-function $e(r) {
+function Ve(r) {
   if (typeof r == "string") {
     const e = r.trim();
     return e.length > 0 ? e : void 0;
@@ -721,11 +741,11 @@ function le(r) {
   const e = r.trim();
   return e.length > 0 ? e : void 0;
 }
-const Tt = "media.video-canvas", jt = "media.video-url-player";
-function Ct() {
-  const r = C(function({ nodeId: t, context: n, className: o }) {
-    const s = _(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($e(s.props?.className), o) : o;
-    return D(() => {
+const jt = "media.video-canvas", At = "media.video-url-player";
+function Ot() {
+  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), () => {
@@ -744,12 +764,12 @@ function Ct() {
     ) : null;
   });
   return ({ type: e }) => {
-    if (e === Tt)
+    if (e === jt)
       return r;
   };
 }
-function At() {
-  return [Ct(), Ot()];
+function It() {
+  return [Ot(), Mt()];
 }
 function B(r) {
   if (typeof r == "boolean")
@@ -760,16 +780,16 @@ function B(r) {
     if (e === "false") return !1;
   }
 }
-function Ot() {
-  const r = C(function({
+function Mt() {
+  const r = j(function({
     nodeId: t,
     context: n,
     className: o
   }) {
-    const s = _(n.store, t);
+    const s = M(n.store, t);
     if (!s)
       return null;
-    const i = Be($e(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 = 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;
     return /* @__PURE__ */ b.jsx(
       "video",
       {
@@ -789,16 +809,16 @@ function Ot() {
     );
   });
   return ({ type: e }) => {
-    if (e === jt)
+    if (e === At)
       return r;
   };
 }
-const It = "media", _t = async () => At();
-function Mt(r) {
-  r.registerModule(It, _t);
+const _t = "media", Pt = async () => It();
+function Lt(r) {
+  r.registerModule(_t, Pt);
 }
-const Te = he("UIRegistry");
-class Pt {
+const Ce = he("UIRegistry");
+class xt {
   baseResolvers = [];
   moduleLoaders = /* @__PURE__ */ new Map();
   moduleResolvers = /* @__PURE__ */ new Map();
@@ -820,15 +840,15 @@ class Pt {
     for (const [n, o] of this.moduleLoaders.entries())
       if (!this.moduleResolvers.has(n))
         try {
-          const s = await o(), i = xt(s);
+          const s = await o(), i = $t(s);
           this.moduleResolvers.set(n, i), e = !0;
         } catch (s) {
-          Te.error(`[IkonUiRegistry] Failed to load module '${n}'.`, s);
+          Ce.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 Ut(t, this.activeModuleOrder) || (this.activeModuleOrder = t, e = !0), e;
+    return Ft(t, this.activeModuleOrder) || (this.activeModuleOrder = t, e = !0), e;
   }
   resolve(e) {
     for (const t of this.baseResolvers) {
@@ -838,7 +858,7 @@ class Pt {
     for (const t of this.activeModuleOrder) {
       const n = this.moduleResolvers.get(t);
       if (!n) {
-        Te.warn(`Missing resolvers for module ${t}`);
+        Ce.warn(`Missing resolvers for module ${t}`);
         continue;
       }
       for (const o of n) {
@@ -848,17 +868,17 @@ class Pt {
     }
   }
 }
-function Lr() {
-  const r = new Pt();
-  return Nt(r), Mt(r), r.loadRegisteredModules(), r;
+function $r() {
+  const r = new xt();
+  return Ct(r), Lt(r), r.loadRegisteredModules(), r;
 }
-function Lt(r) {
+function Ut(r) {
   return Array.isArray(r) ? r : [r];
 }
-function xt(r) {
-  return r ? Lt(r).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
+function $t(r) {
+  return r ? Ut(r).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
 }
-function Ut(r, e) {
+function Ft(r, e) {
   if (r.length !== e.length)
     return !1;
   for (let t = 0; t < r.length; t += 1)
@@ -899,17 +919,17 @@ const ne = he("MotionController"), je = {
 function T(r) {
   return r <= 0 ? 0 : r >= 1 ? 1 : r;
 }
-function Ce(r) {
+function Ae(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 Oe(r) {
   return typeof CSS < "u" && CSS.escape ? CSS.escape(r) : r.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
-function Oe(r, e, t, n) {
+function Ie(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;
@@ -922,17 +942,17 @@ function Oe(r, e, t, n) {
       const A = h(y, r, t);
       if (A === 0)
         return y;
-      const j = p(y, r, t) - f;
-      y -= j / A;
+      const C = p(y, r, t) - f;
+      y -= C / A;
     }
     return y;
   }
   function N(f, y, E) {
-    let A = 0, j = 0, P = 0;
+    let A = 0, C = 0, P = 0;
     do
-      j = y + (E - y) / 2, A = p(j, r, t) - f, A > 0 ? E = j : y = j;
+      C = y + (E - y) / 2, A = p(C, r, t) - f, A > 0 ? E = C : y = C;
     while (Math.abs(A) > 1e-7 && ++P < 10);
-    return j;
+    return C;
   }
   function S(f) {
     let y = 0, E = 1;
@@ -940,44 +960,44 @@ function Oe(r, e, t, n) {
     for (; E !== A && l[E] <= f; E += 1)
       y += 0.1;
     E -= 1;
-    const j = (f - l[E]) / (l[E + 1] - l[E]), P = y + j * 0.1, G = h(P, r, t);
+    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 Ft(r) {
+function Vt(r) {
   const e = /steps\(\s*([0-9]+)\s*(?:,\s*([a-z-]+)\s*)?\)/i.exec(r);
   if (!e)
     return (o) => T(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);
 }
-function $t(r) {
+function Bt(r) {
   if (!r)
     return (t) => T(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 = Oe(t, n, o, s);
+    const [t, n, o, s] = je[e], i = Ie(t, n, o, s);
     return (c) => T(i(T(c)));
   }
   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 = Oe(o, s, i, c);
+      const [o, s, i, c] = n, u = Ie(o, s, i, c);
       return (d) => T(u(T(d)));
     }
   }
   if (e.startsWith("steps(") && e.endsWith(")")) {
-    const t = Ft(e);
+    const t = Vt(e);
     return (n) => t(T(n));
   }
   return (t) => T(t);
 }
-function Bt(r) {
+function zt(r) {
   if (!r)
     return;
   const e = /(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)\s*->\s*(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)/.exec(r);
@@ -987,7 +1007,7 @@ function Bt(r) {
   if (![t, n, o, s].some((i) => !Number.isFinite(i)))
     return { inStart: t, inEnd: n, outStart: o, outEnd: s };
 }
-class Vt {
+class Dt {
   bindingsByStyle = /* @__PURE__ */ new Map();
   observer;
   observeScheduled = !1;
@@ -1029,7 +1049,7 @@ class Vt {
     const t = e.source?.trim();
     if (!t)
       return;
-    const n = Ce(e.min) ?? 0, o = Ce(e.max), s = o === void 0 ? n + 100 : o, i = (e.clamp ?? "clamp").trim().toLowerCase(), c = !!e.reverse, u = $t(e.ease), d = Bt(e.map), l = e.targetId?.trim() || void 0;
+    const n = Ae(e.min) ?? 0, o = Ae(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;
     return Number.isNaN(n) || Number.isNaN(s) ? void 0 : {
       source: t.toLowerCase(),
       min: n,
@@ -1087,7 +1107,7 @@ class Vt {
     const t = this.bindingsByStyle.get(e);
     if (!t || typeof document > "u")
       return;
-    const n = `.${Ae(e)}`;
+    const n = `.${Oe(e)}`;
     document.querySelectorAll(n).forEach((s) => this.applyStyleToElement(s, e, t));
   }
   applyStyleToElement(e, t, n) {
@@ -1127,7 +1147,7 @@ class Vt {
   }
   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="${Oe(t.targetId)}"]`, o = typeof document < "u" ? document.querySelector(n) : null;
       if (o)
         return o;
     }
@@ -1241,16 +1261,16 @@ class Vt {
       }
   }
 }
-const Ie = new Vt(), oe = "ikon-ds";
-function xr(r) {
+const Me = new Dt(), oe = "ikon-ds";
+function Fr(r) {
   const e = ae(({ 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), Ie.registerStyle(n, s);
+    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(), Ie.reset();
+    typeof document < "u" && document.getElementById(oe)?.remove(), Me.reset();
   }, []);
-  return D(() => {
+  return q(() => {
     if (!r) return;
     for (const o of r.getUiStyles())
       e(o);
@@ -1258,64 +1278,72 @@ function xr(r) {
     return () => {
       n?.(), t();
     };
-  }, [r, t, e]), D(() => () => t(), [t]), { setStyle: e, reset: t };
+  }, [r, t, e]), q(() => () => t(), [t]), { setStyle: e, reset: t };
 }
-function Ur(r) {
-  const [e, t] = et(), n = I("");
-  return D(() => {
+function qt(r) {
+  const e = [];
+  for (const [t, n] of r) {
+    const o = n.store.getSnapshot(), s = o.rootViewId && o.views.has(o.rootViewId);
+    e.push(`${t}:${s ? "1" : "0"}`);
+  }
+  return e.sort(), e.join(",");
+}
+function Vr(r) {
+  const [e, t] = tt(), n = I("");
+  return q(() => {
     if (!r) {
       t(void 0), n.current = "";
       return;
     }
     const o = () => {
-      const s = r.getStores(), i = Array.from(s.keys()).sort().join(",");
+      const s = r.getStores(), i = qt(s);
       i !== n.current && (n.current = i, t(s));
     };
     return o(), r.subscribe(o);
   }, [r]), e;
 }
-var zt = typeof global == "object" && global && global.Object === Object && global, Dt = typeof self == "object" && self && self.Object === Object && self, qt = zt || Dt || Function("return this")(), H = qt.Symbol, Ve = Object.prototype, Wt = Ve.hasOwnProperty, Yt = Ve.toString, V = H ? H.toStringTag : void 0;
-function Gt(r) {
-  var e = Wt.call(r, V), t = r[V];
+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];
   try {
-    r[V] = void 0;
+    r[z] = void 0;
     var n = !0;
   } catch {
   }
-  var o = Yt.call(r);
-  return n && (e ? r[V] = t : delete r[V]), o;
+  var o = Xt.call(r);
+  return n && (e ? r[z] = t : delete r[z]), o;
 }
-var Kt = Object.prototype, Xt = Kt.toString;
-function Ht(r) {
-  return Xt.call(r);
-}
-var Jt = "[object Null]", Zt = "[object Undefined]", _e = H ? H.toStringTag : void 0;
+var Jt = Object.prototype, Zt = Jt.toString;
 function Qt(r) {
-  return r == null ? r === void 0 ? Zt : Jt : _e && _e in Object(r) ? Gt(r) : Ht(r);
+  return Zt.call(r);
 }
-function er(r) {
-  return r != null && typeof r == "object";
+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 tr = Array.isArray, rr = "[object String]";
 function nr(r) {
-  return typeof r == "string" || !tr(r) && er(r) && Qt(r) == rr;
+  return r != null && typeof r == "object";
 }
-const Me = "ikonUiModules";
+var or = Array.isArray, sr = "[object String]";
+function ir(r) {
+  return typeof r == "string" || !or(r) && nr(r) && rr(r) == sr;
+}
+const Pe = "ikonUiModules";
 function de(r) {
   return typeof r == "object" && r !== null && !Array.isArray(r);
 }
-function or(r) {
+function ar(r) {
   if (!Array.isArray(r))
     return;
   const e = /* @__PURE__ */ new Set();
   for (const t of r) {
-    if (!nr(t)) continue;
+    if (!ir(t)) continue;
     const n = t.trim();
     n && (e.has(n) || e.add(n));
   }
   return Array.from(e);
 }
-function Fr(r, e) {
+function Br(r, e) {
   if (r === e)
     return !0;
   if (!r || !e)
@@ -1327,18 +1355,18 @@ function Fr(r, e) {
       return !1;
   return !0;
 }
-function sr(r) {
-  if (!(!de(r) || !Object.prototype.hasOwnProperty.call(r, Me)))
-    return or(r[Me]);
+function cr(r) {
+  if (!(!de(r) || !Object.prototype.hasOwnProperty.call(r, Pe)))
+    return ar(r[Pe]);
 }
-function $r(...r) {
+function zr(...r) {
   for (const e of r) {
-    const t = sr(e);
+    const t = cr(e);
     if (t !== void 0)
       return t;
   }
 }
-function Br(r) {
+function Dr(r) {
   if (!de(r))
     return;
   const e = r, t = Object.keys(e).find((u) => u.toLowerCase() === "modules");
@@ -1387,7 +1415,7 @@ const g = {
   Line: 4,
   Paragraph: 8,
   Emoji: 16
-}, ir = [
+}, ur = [
   {
     flag: g.Letter,
     hints: [
@@ -1436,11 +1464,11 @@ const g = {
       "[data-emoji]"
     ]
   }
-], fe = g.Letter | g.Word | g.Line | g.Paragraph | g.Emoji, ar = g.Letter | g.Word | g.Line | g.Paragraph, Pe = /* @__PURE__ */ new Map(), cr = 16384;
-function Vr(r, e) {
-  if (!r || r.length > cr)
+], 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)
     return r;
-  const t = Nr(e), n = x(t, g.Emoji), o = t & ar;
+  const t = jr(e), n = U(t, g.Emoji), o = t & lr;
   if (o === g.None && !n)
     return r;
   const s = r.replace(/\r\n/g, `
@@ -1448,23 +1476,23 @@ function Vr(r, e) {
 `);
   if (o === g.None)
     return Fe(s);
-  const i = Rr(s);
+  const i = Tr(s);
   if (i.length === 0)
     return n ? Fe(s) : r;
-  const c = kr(i), u = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, d = [];
+  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 = ur(l, t, u);
+    const p = fr(l, t, u);
     d.push(...p);
   }
   return d;
 }
-function ur(r, e, t) {
+function fr(r, e, t) {
   const n = [];
   for (const o of r) {
-    const s = lr(o, e, t);
+    const s = mr(o, e, t);
     n.push(...s);
   }
-  if (x(e, g.Paragraph)) {
+  if (U(e, g.Paragraph)) {
     const o = t.paragraph++;
     return [
       /* @__PURE__ */ b.jsx(
@@ -1480,9 +1508,9 @@ function ur(r, e, t) {
   }
   return n;
 }
-function lr(r, e, t) {
-  const n = dr(r.text, e, t), o = [];
-  if (x(e, g.Line)) {
+function mr(r, e, t) {
+  const n = pr(r.text, e, t), o = [];
+  if (U(e, g.Line)) {
     const s = t.line++;
     o.push(
       /* @__PURE__ */ b.jsx("span", { "data-motion-line": !0, style: J(s), children: n }, `motion-line-${s}`)
@@ -1493,42 +1521,42 @@ function lr(r, e, t) {
     o.push(/* @__PURE__ */ b.jsx("br", {}, `motion-break-${t.br++}`));
   return o;
 }
-function dr(r, e, t) {
+function pr(r, e, t) {
   if (!r)
     return [];
-  const n = x(e, g.Word), o = [], s = /(\s+)/g;
+  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(Le(u, t, e, n));
+      o.push(xe(u, t, e, n));
     }
     o.push(c[0]), i = c.index + c[0].length;
   }
   if (i < r.length) {
     const u = r.slice(i);
-    o.push(Le(u, t, e, n));
+    o.push(xe(u, t, e, n));
   }
   return o;
 }
-function Le(r, e, t, n) {
-  const o = e.word++, s = mr(r, t, e), i = `motion-word-${o}`, c = fr(o, n);
+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 fr(r, e) {
+function hr(r, e) {
   return e ? { ...J(r), whiteSpace: "nowrap" } : { whiteSpace: "nowrap" };
 }
-function mr(r, e, t) {
+function gr(r, e, t) {
   if (!r)
     return [];
-  const n = x(e, g.Letter), o = x(e, g.Emoji);
+  const n = U(e, g.Letter), o = U(e, g.Emoji);
   if (!n) {
     if (!o)
       return [r];
     const c = me(r);
     if (c.length === 0)
       return [r];
-    const { nodes: u } = De(c, t);
+    const { nodes: u } = qe(c, t);
     return u;
   }
   const s = [], i = me(r);
@@ -1541,7 +1569,7 @@ function mr(r, e, t) {
       );
       continue;
     }
-    const h = o && ze(c) ? { "data-motion-emoji": !0 } : void 0, w = c === " " ? " " : c;
+    const h = o && De(c) ? { "data-motion-emoji": !0 } : void 0, w = c === " " ? " " : c;
     s.push(
       /* @__PURE__ */ b.jsx("span", { "data-motion-letter": !0, style: l, ...h, children: w }, d)
     );
@@ -1551,45 +1579,45 @@ function mr(r, e, t) {
 function me(r) {
   if (!r)
     return [];
-  const e = pr();
-  return e ? Array.from(e.segment(r), (t) => t.segment) : hr(r);
+  const e = yr();
+  return e ? Array.from(e.segment(r), (t) => t.segment) : Sr(r);
 }
-let z;
-function pr() {
-  return z !== void 0 || (typeof Intl < "u" && typeof Intl.Segmenter == "function" ? z = new Intl.Segmenter(void 0, { granularity: "grapheme" }) : z = null), z;
+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;
 }
-function hr(r) {
+function Sr(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 && gr(s, i)) && (e.push(n), n = "");
+    n += s, !(i && br(s, i)) && (e.push(n), n = "");
   }
   return n && e.push(n), e;
 }
-function gr(r, e) {
-  return e ? !!(xe(r) || xe(e) || br(e) || yr(e) || Sr(e) || Ue(r) && Ue(e)) : !1;
+function br(r, e) {
+  return e ? !!(Ue(r) || Ue(e) || wr(e) || vr(e) || Er(e) || $e(r) && $e(e)) : !1;
 }
-function xe(r) {
+function Ue(r) {
   return r.codePointAt(0) === 8205;
 }
-function yr(r) {
+function vr(r) {
   const e = r.codePointAt(0);
   return e === void 0 ? !1 : e >= 65024 && e <= 65039 || e >= 917760 && e <= 917999;
 }
-function Sr(r) {
+function Er(r) {
   const e = r.codePointAt(0);
   return e === void 0 ? !1 : e >= 127995 && e <= 127999;
 }
-function Ue(r) {
+function $e(r) {
   const e = r.codePointAt(0);
   return e === void 0 ? !1 : e >= 127462 && e <= 127487;
 }
 let se;
-function br(r) {
-  return r ? (se || (se = vr()), se(r)) : !1;
+function wr(r) {
+  return r ? (se || (se = Rr()), se(r)) : !1;
 }
-function vr() {
+function Rr() {
   try {
     const r = new RegExp("\\p{Mark}", "u");
     return (e) => r.test(e);
@@ -1601,18 +1629,18 @@ function vr() {
   }
 }
 let ie;
-function ze(r) {
-  return r ? (ie || (ie = Er()), ie(r)) : !1;
+function De(r) {
+  return r ? (ie || (ie = kr()), ie(r)) : !1;
 }
-function Er() {
+function kr() {
   try {
     const r = new RegExp("\\p{Extended_Pictographic}", "u");
     return (e) => r.test(e);
   } catch {
-    return wr;
+    return Nr;
   }
 }
-function wr(r) {
+function Nr(r) {
   if (!r)
     return !1;
   for (const e of Array.from(r)) {
@@ -1622,7 +1650,7 @@ function wr(r) {
   }
   return !1;
 }
-function Rr(r) {
+function Tr(r) {
   const e = [];
   let t = "", n = 0;
   for (let o = 0; o < r.length; o++) {
@@ -1636,7 +1664,7 @@ function Rr(r) {
   }
   return (n > 0 || t.length > 0) && e.push({ text: t, breaks: n }), e;
 }
-function kr(r) {
+function Cr(r) {
   if (r.length === 0)
     return [];
   const e = [];
@@ -1645,7 +1673,7 @@ function kr(r) {
     t.push(n), n.breaks >= 2 && (e.push(t), t = []);
   return t.length > 0 && e.push(t), e;
 }
-function x(r, e) {
+function U(r, e) {
   return (r & e) === e;
 }
 function J(r) {
@@ -1671,17 +1699,17 @@ function Fe(r) {
   const e = me(r);
   if (e.length === 0)
     return r;
-  const { nodes: t, sawEmoji: n } = De(e);
+  const { nodes: t, sawEmoji: n } = qe(e);
   return n ? t.length === 1 ? t[0] ?? r : t : r;
 }
-function De(r, e) {
+function qe(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 (ze(c)) {
+    if (De(c)) {
       o = !0, i();
       const d = `motion-emoji-${e ? e.emoji++ : s++}`;
       t.push(
@@ -1693,13 +1721,13 @@ function De(r, e) {
   }
   return i(), o ? { nodes: t, sawEmoji: !0 } : { nodes: [r.join("")], sawEmoji: !1 };
 }
-function Nr(r) {
+function jr(r) {
   if (!r)
     return g.None;
   const e = r.trim();
   if (!e)
     return g.None;
-  const t = Pe.get(e);
+  const t = Le.get(e);
   if (typeof t == "number")
     return t;
   if (typeof document > "u")
@@ -1707,8 +1735,8 @@ function Nr(r) {
   const n = e.split(/\s+/).filter(Boolean);
   if (n.length === 0)
     return g.None;
-  const s = n.map((u) => `.${Tr(u)}`).map(
-    (u) => new RegExp(`(^|[^a-zA-Z0-9_-])${jr(u)}(?![a-zA-Z0-9_-])`)
+  const s = n.map((u) => `.${Ar(u)}`).map(
+    (u) => new RegExp(`(^|[^a-zA-Z0-9_-])${Or(u)}(?![a-zA-Z0-9_-])`)
   );
   let i = g.None, c = !1;
   for (const u of Array.from(document.styleSheets)) {
@@ -1718,14 +1746,14 @@ function Nr(r) {
     } catch {
       continue;
     }
-    const l = qe(d, s);
+    const l = We(d, s);
     if (l.mask && (i |= l.mask, i === fe))
       break;
     c ||= l.sawStyleRule;
   }
-  return (i !== g.None || c) && Pe.set(e, i), i;
+  return (i !== g.None || c) && Le.set(e, i), i;
 }
-function qe(r, e) {
+function We(r, e) {
   if (!r)
     return { mask: g.None, sawStyleRule: !1 };
   let t = g.None, n = !1;
@@ -1736,12 +1764,12 @@ function qe(r, e) {
         const c = s.selectorText ?? "";
         if (!c || !e.some((d) => d.test(c))) continue;
         n = !0;
-        for (const d of ir)
+        for (const d of ur)
           d.hints.some((l) => c.includes(l)) && (t |= d.flag);
         if (t === fe)
           return { mask: t, sawStyleRule: !0 };
       } else if ("cssRules" in s) {
-        const i = qe(s.cssRules, e);
+        const i = We(s.cssRules, e);
         if (i.mask && (t |= i.mask, t === fe))
           return { mask: t, sawStyleRule: !0 };
         n ||= i.sawStyleRule;
@@ -1750,42 +1778,42 @@ function qe(r, e) {
   }
   return { mask: t, sawStyleRule: n };
 }
-function Tr(r) {
+function Ar(r) {
   return typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(r) : r.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
-function jr(r) {
+function Or(r) {
   return r.replace(/[.*+?^${}()|[\]\\]/g, (e) => `\\${e}`);
 }
 export {
-  Rt as IKON_UI_BASE_MODULE,
-  It as IKON_UI_MEDIA_MODULE,
+  Nt as IKON_UI_BASE_MODULE,
+  _t as IKON_UI_MEDIA_MODULE,
   ue as IKON_UI_STREAM_CATEGORY,
-  Tt as IKON_UI_VIDEO_CANVAS_TYPE,
-  jt as IKON_UI_VIDEO_URL_PLAYER_TYPE,
-  Pr as IkonUi,
-  Pt as IkonUiRegistry,
-  Mr as IkonUiSurface,
-  pt as UiComponentRegistry,
-  mt as UiRenderer,
-  qr as UiStreamStore,
-  Fr as areIkonUiModuleListsEqual,
-  wt as createBaseResolvers,
-  Ir as createComponentLibrary,
-  Lr as createIkonUiRegistry,
-  At as createMediaResolvers,
-  ht as isIkonUiCategoryMatch,
-  kt as loadBaseModule,
-  _t as loadMediaModule,
-  or as normalizeIkonUiModuleList,
-  Br as parseIkonUiInitPayload,
-  sr as readIkonUiModules,
-  $r as readIkonUiModulesFromSources,
-  Nt as registerBaseModule,
-  Mt as registerMediaModule,
-  dt as renderChildren,
-  Vr as renderMotionLetters,
-  xr as useIkonStyles,
-  Ur as useIkonUiStores,
-  _ as useUiNode,
-  _r as useUiStore
+  jt as IKON_UI_VIDEO_CANVAS_TYPE,
+  At 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
 };