@ikonai/sdk-react-ui 0.0.7 → 0.0.9

package/index.js

@@ -1,8 +1,8 @@
-import { createLogger as G } from "@ikonai/sdk";
+import { createLogger as B } from "@ikonai/sdk";
 import { IkonUICore as Te, UiStreamStore as Re } from "@ikonai/sdk-ui";
 import { UiStreamStore as Mt } from "@ikonai/sdk-ui";
-import Ce, { useSyncExternalStore as we, Fragment as Ne, useMemo as Oe, memo as ke, useCallback as re, useEffect as ne } from "react";
-var z = { exports: {} }, j = {};
+import we, { useSyncExternalStore as Ce, Fragment as Ne, useMemo as Oe, memo as ke, useCallback as re, useEffect as ne } from "react";
+var x = { exports: {} }, j = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -61,7 +61,7 @@ function _e() {
           return "StrictMode";
         case k:
           return "Suspense";
-        case x:
+        case L:
           return "SuspenseList";
         case ge:
           return "Activity";
@@ -72,7 +72,7 @@ function _e() {
         ), o.$$typeof) {
           case _:
             return "Portal";
-          case C:
+          case w:
             return (o.displayName || "Context") + ".Provider";
           case y:
             return (o._context.displayName || "Context") + ".Consumer";
@@ -153,12 +153,12 @@ function _e() {
         "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."
       )), o = this.props.ref, o !== void 0 ? o : null;
     }
-    function d(o, c, m, S, N, w, D, q) {
-      return m = w.ref, o = {
+    function d(o, c, m, S, N, C, D, q) {
+      return m = C.ref, o = {
         $$typeof: O,
         type: o,
         key: c,
-        props: w,
+        props: C,
         _owner: N
       }, (m !== void 0 ? m : null) !== null ? Object.defineProperty(o, "ref", {
         enumerable: !1,
@@ -185,7 +185,7 @@ function _e() {
         value: q
       }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
     }
-    function p(o, c, m, S, N, w, D, q) {
+    function p(o, c, m, S, N, C, D, q) {
       var g = c.children;
       if (g !== void 0)
         if (S)
@@ -227,7 +227,7 @@ React keys must be passed directly to JSX without using spread:
       ), d(
         o,
         g,
-        w,
+        C,
         N,
         s(),
         m,
@@ -238,7 +238,7 @@ React keys must be passed directly to JSX without using spread:
     function E(o) {
       typeof o == "object" && o !== null && o.$$typeof === O && o._store && (o._store.validated = 1);
     }
-    var T = Ce, O = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), f = Symbol.for("react.strict_mode"), h = Symbol.for("react.profiler"), y = Symbol.for("react.consumer"), C = Symbol.for("react.context"), R = Symbol.for("react.forward_ref"), k = Symbol.for("react.suspense"), x = Symbol.for("react.suspense_list"), Se = Symbol.for("react.memo"), X = Symbol.for("react.lazy"), ge = Symbol.for("react.activity"), be = Symbol.for("react.client.reference"), F = T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, H = Object.prototype.hasOwnProperty, ve = Array.isArray, $ = console.createTask ? console.createTask : function() {
+    var T = we, O = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), f = Symbol.for("react.strict_mode"), h = Symbol.for("react.profiler"), y = Symbol.for("react.consumer"), w = Symbol.for("react.context"), R = Symbol.for("react.forward_ref"), k = Symbol.for("react.suspense"), L = Symbol.for("react.suspense_list"), Se = Symbol.for("react.memo"), X = Symbol.for("react.lazy"), ge = Symbol.for("react.activity"), be = Symbol.for("react.client.reference"), F = T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, H = Object.prototype.hasOwnProperty, ve = Array.isArray, $ = console.createTask ? console.createTask : function() {
       return null;
     };
     T = {
@@ -251,7 +251,7 @@ React keys must be passed directly to JSX without using spread:
       i
     )(), ee = $(r(i)), te = {};
     I.Fragment = b, I.jsx = function(o, c, m, S, N) {
-      var w = 1e4 > F.recentlyCreatedOwnerStacks++;
+      var C = 1e4 > F.recentlyCreatedOwnerStacks++;
       return p(
         o,
         c,
@@ -259,11 +259,11 @@ React keys must be passed directly to JSX without using spread:
         !1,
         S,
         N,
-        w ? Error("react-stack-top-frame") : Q,
-        w ? $(r(o)) : ee
+        C ? Error("react-stack-top-frame") : Q,
+        C ? $(r(o)) : ee
       );
     }, I.jsxs = function(o, c, m, S, N) {
-      var w = 1e4 > F.recentlyCreatedOwnerStacks++;
+      var C = 1e4 > F.recentlyCreatedOwnerStacks++;
       return p(
         o,
         c,
@@ -271,25 +271,25 @@ React keys must be passed directly to JSX without using spread:
         !0,
         S,
         N,
-        w ? Error("react-stack-top-frame") : Q,
-        w ? $(r(o)) : ee
+        C ? Error("react-stack-top-frame") : Q,
+        C ? $(r(o)) : ee
       );
     };
   }()), I;
 }
 var ie;
 function Me() {
-  return ie || (ie = 1, process.env.NODE_ENV === "production" ? z.exports = Ae() : z.exports = _e()), z.exports;
+  return ie || (ie = 1, process.env.NODE_ENV === "production" ? x.exports = Ae() : x.exports = _e()), x.exports;
 }
 var A = Me();
 function je(n) {
-  return we(
+  return Ce(
     (e) => n.subscribe(e),
     () => n.getSnapshot(),
     () => n.getSnapshot()
   );
 }
-const Ie = G("UIRenderer");
+const Ie = B("UIRenderer");
 function Pe(n) {
   if (n === void 0)
     return "{}";
@@ -318,7 +318,7 @@ function Le(n) {
   return Array.isArray(e) ? e : [];
 }
 function xe({ node: n, renderer: e, library: t, context: r, className: s }) {
-  const i = me(n), a = i.children.map((u) => L(u, t, r)), l = e;
+  const i = me(n), a = i.children.map((u) => U(u, t, r)), l = e;
   return /* @__PURE__ */ A.jsx(
     l,
     {
@@ -330,10 +330,10 @@ function xe({ node: n, renderer: e, library: t, context: r, className: s }) {
     }
   );
 }
-function L(n, e, t) {
+function U(n, e, t) {
   const r = me(n), s = r.children;
   if (r.type === "root")
-    return /* @__PURE__ */ A.jsx(Ne, { children: s.map((u) => L(u, e, t)) }, r.id);
+    return /* @__PURE__ */ A.jsx(Ne, { children: s.map((u) => U(u, e, t)) }, r.id);
   const i = e.resolve(r);
   if (!i)
     return Ie.warn(`No renderer for node type ${r.type}`), null;
@@ -357,10 +357,10 @@ function ze({ store: n, library: e, containerId: t, emptyFallback: r = null, onA
   if (!l) return r;
   const u = {
     getPayload: (d) => i.payloads.get(d),
-    renderChildren: (d) => Array.isArray(d) ? d.map((p) => L(p, e, u)) : [],
+    renderChildren: (d) => Array.isArray(d) ? d.map((p) => U(p, e, u)) : [],
     renderContainer: (d) => {
       const p = i.containers.get(d);
-      return p ? L(p, e, u) : null;
+      return p ? U(p, e, u) : null;
     },
     dispatchAction: (d, p) => {
       if (!d)
@@ -369,7 +369,7 @@ function ze({ store: n, library: e, containerId: t, emptyFallback: r = null, onA
       s?.(d, E);
     }
   };
-  return L(l, e, u);
+  return U(l, e, u);
 }
 class Be {
   constructor(e, t) {
@@ -392,11 +392,11 @@ function Et(n, e) {
   const t = Object.entries(n);
   return new Be(t, e);
 }
-const V = "ikon-ui";
+const J = "ikon-ui";
 function Fe(n, e) {
   return n === e;
 }
-function Tt({ stores: n, library: e, category: t = V, version: r, onAction: s }) {
+function Tt({ stores: n, library: e, category: t = J, version: r, onAction: s }) {
   const i = Oe(() => {
     const a = [];
     for (const [l, u] of n) {
@@ -409,7 +409,7 @@ function Tt({ stores: n, library: e, category: t = V, version: r, onAction: s })
   }, [n, t, r]);
   return i.length === 0 ? null : /* @__PURE__ */ A.jsx(A.Fragment, { children: i.map(({ key: a, store: l }) => /* @__PURE__ */ A.jsx(ze, { store: l, library: e, onAction: s }, a)) });
 }
-const ae = G("IkonUI");
+B("IkonUI");
 class Rt {
   core;
   ownsCore;
@@ -419,10 +419,10 @@ class Rt {
   unsubscribeClears;
   unsubscribeStoreChanges;
   constructor(e) {
-    ae.debug("Created"), this.core = e?.core ?? new Te({ client: e?.client }), this.ownsCore = !e?.core, this.unsubscribeUpdates = this.core.subscribeToUiUpdates(this.handleUiUpdate), this.unsubscribeClears = this.core.subscribeToUiStreamCleared(this.handleUiStreamCleared), this.unsubscribeStoreChanges = this.core.uiStore.subscribe(this.syncStreamSnapshot), this.syncAllStreams();
+    this.core = e?.core ?? new Te({ client: e?.client }), this.ownsCore = !e?.core, this.unsubscribeUpdates = this.core.subscribeToUiUpdates(this.handleUiUpdate), this.unsubscribeClears = this.core.subscribeToUiStreamCleared(this.handleUiStreamCleared), this.unsubscribeStoreChanges = this.core.uiStore.subscribe(this.syncStreamSnapshot), this.syncAllStreams();
   }
   dispose() {
-    this.unsubscribeUpdates(), this.unsubscribeClears(), this.unsubscribeStoreChanges(), this.ownsCore && this.core.dispose(), this.listeners.clear(), this.stores.clear(), ae.debug("Disposed");
+    this.unsubscribeUpdates(), this.unsubscribeClears(), this.unsubscribeStoreChanges(), this.ownsCore && this.core.dispose(), this.listeners.clear(), this.stores.clear();
   }
   getStores() {
     return this.stores;
@@ -479,7 +479,7 @@ class Rt {
     if (t)
       return t;
     const r = {
-      category: V,
+      category: J,
       store: new Re()
     };
     return this.stores.set(e, r), r;
@@ -488,7 +488,7 @@ class Rt {
     const r = this.stores.get(e);
     if (!r)
       return !1;
-    const s = t ?? this.core.uiStore.getSnapshot(e)?.category ?? V;
+    const s = t ?? this.core.uiStore.getSnapshot(e)?.category ?? J;
     return r.category === s ? !1 : (this.stores.set(e, { ...r, category: s }), !0);
   }
   notify(e) {
@@ -514,7 +514,7 @@ const Ye = async () => qe();
 function We(n) {
   n.registerModule(De, Ye);
 }
-const P = G("UIRegistry");
+const ae = B("UIRegistry");
 class Ve {
   baseResolvers = [];
   moduleLoaders = /* @__PURE__ */ new Map();
@@ -527,10 +527,10 @@ class Ve {
   registerModule(e, t) {
     const r = this.moduleLoaders.get(e);
     if (!r) {
-      P.debug(`Register module ${e}`), this.moduleLoaders.set(e, t);
+      this.moduleLoaders.set(e, t);
       return;
     }
-    r !== t && (P.debug(`Register module ${e} (replacing loader)`), this.moduleLoaders.set(e, t), this.moduleResolvers.delete(e));
+    r !== t && (this.moduleLoaders.set(e, t), this.moduleResolvers.delete(e));
   }
   async loadRegisteredModules() {
     let e = !1;
@@ -538,9 +538,9 @@ class Ve {
       if (!this.moduleResolvers.has(r))
         try {
           const i = await s(), a = Ge(i);
-          this.moduleResolvers.set(r, a), P.debug(`Loaded module ${r}`), e = !0;
+          this.moduleResolvers.set(r, a), e = !0;
         } catch (i) {
-          P.error(`[IkonUiRegistry] Failed to load module '${r}'.`, i);
+          ae.error(`[IkonUiRegistry] Failed to load module '${r}'.`, i);
         }
     const t = [];
     for (const r of this.moduleLoaders.keys())
@@ -555,7 +555,7 @@ class Ve {
     for (const t of this.activeModuleOrder) {
       const r = this.moduleResolvers.get(t);
       if (!r) {
-        P.warn(`Missing resolvers for module ${t}`);
+        ae.warn(`Missing resolvers for module ${t}`);
         continue;
       }
       for (const s of r) {
@@ -565,7 +565,7 @@ class Ve {
     }
   }
 }
-function Ct() {
+function wt() {
   const n = new Ve();
   return We(n), n.loadRegisteredModules(), n;
 }
@@ -583,7 +583,7 @@ function Xe(n, e) {
       return !1;
   return !0;
 }
-const ce = {
+const W = B("MotionController"), ce = {
   ease: [0.25, 0.1, 0.25, 1],
   "ease-in": [0.42, 0, 1, 1],
   "ease-out": [0, 0, 0.58, 1],
@@ -637,29 +637,29 @@ function de(n, e, t, r) {
   }
   function O(f, h) {
     for (let y = 0; y < 4; y += 1) {
-      const C = T(h, n, t);
-      if (C === 0)
+      const w = T(h, n, t);
+      if (w === 0)
         return h;
       const R = E(h, n, t) - f;
-      h -= R / C;
+      h -= R / w;
     }
     return h;
   }
   function _(f, h, y) {
-    let C = 0, R = 0, k = 0;
+    let w = 0, R = 0, k = 0;
     do
-      R = h + (y - h) / 2, C = E(R, n, t) - f, C > 0 ? y = R : h = R;
-    while (Math.abs(C) > 1e-7 && ++k < 10);
+      R = h + (y - h) / 2, w = E(R, n, t) - f, w > 0 ? y = R : h = R;
+    while (Math.abs(w) > 1e-7 && ++k < 10);
     return R;
   }
   function b(f) {
     let h = 0, y = 1;
-    const C = 10;
-    for (; y !== C && p[y] <= f; y += 1)
+    const w = 10;
+    for (; y !== w && p[y] <= f; y += 1)
       h += 0.1;
     y -= 1;
-    const R = (f - p[y]) / (p[y + 1] - p[y]), k = h + R * 0.1, x = T(k, n, t);
-    return x >= 1e-3 ? O(f, k) : x === 0 ? k : _(f, h, h + 0.1);
+    const R = (f - p[y]) / (p[y + 1] - p[y]), k = h + R * 0.1, L = T(k, n, t);
+    return L >= 1e-3 ? O(f, k) : L === 0 ? k : _(f, h, h + 0.1);
   }
   for (let f = 0; f < 11; f += 1)
     p[f] = E(f * 0.1, n, t);
@@ -729,7 +729,7 @@ class Qe {
       try {
         e();
       } catch (t) {
-        console.warn("[MotionController] Failed to cleanup binding listener", t);
+        W.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);
   }
@@ -739,7 +739,7 @@ class Qe {
         const r = (JSON.parse(e).motionBindings ?? []).map((s) => this.parseBinding(s)).filter((s) => s !== void 0);
         return r.length === 0 ? void 0 : { bindings: r };
       } catch (t) {
-        console.warn("[MotionController] Failed to parse motion metadata", t);
+        W.warn("Failed to parse motion metadata", t);
         return;
       }
   }
@@ -912,7 +912,7 @@ class Qe {
       try {
         a();
       } catch (l) {
-        console.warn("[MotionController] Failed to cleanup listener", l);
+        W.warn("Failed to cleanup listener", l);
       }
       this.globalCleanups.delete(a);
     }
@@ -956,14 +956,14 @@ class Qe {
       }
   }
 }
-const fe = new Qe(), W = "ikon-ds";
-function wt(n) {
+const fe = new Qe(), V = "ikon-ds";
+function Ct(n) {
   const e = re(({ styleId: r, css: s, common: i }) => {
     if (!r || typeof document > "u") return;
-    let a = document.getElementById(W);
-    a || (a = document.createElement("style"), a.id = W, document.head.appendChild(a)), s && (a.innerHTML += s), fe.registerStyle(r, i);
+    let a = document.getElementById(V);
+    a || (a = document.createElement("style"), a.id = V, document.head.appendChild(a)), s && (a.innerHTML += s), fe.registerStyle(r, i);
   }, []), t = re(() => {
-    typeof document < "u" && document.getElementById(W)?.remove(), fe.reset();
+    typeof document < "u" && document.getElementById(V)?.remove(), fe.reset();
   }, []);
   return ne(() => {
     if (!n) return;
@@ -975,22 +975,22 @@ function wt(n) {
     };
   }, [n, t, e]), ne(() => () => t(), [t]), { setStyle: e, reset: t };
 }
-var et = typeof global == "object" && global && global.Object === Object && global, tt = typeof self == "object" && self && self.Object === Object && self, rt = et || tt || Function("return this")(), B = rt.Symbol, ye = Object.prototype, nt = ye.hasOwnProperty, st = ye.toString, U = B ? B.toStringTag : void 0;
+var et = typeof global == "object" && global && global.Object === Object && global, tt = typeof self == "object" && self && self.Object === Object && self, rt = et || tt || Function("return this")(), z = rt.Symbol, ye = Object.prototype, nt = ye.hasOwnProperty, st = ye.toString, P = z ? z.toStringTag : void 0;
 function ot(n) {
-  var e = nt.call(n, U), t = n[U];
+  var e = nt.call(n, P), t = n[P];
   try {
-    n[U] = void 0;
+    n[P] = void 0;
     var r = !0;
   } catch {
   }
   var s = st.call(n);
-  return r && (e ? n[U] = t : delete n[U]), s;
+  return r && (e ? n[P] = t : delete n[P]), s;
 }
 var it = Object.prototype, at = it.toString;
 function ct(n) {
   return at.call(n);
 }
-var lt = "[object Null]", ut = "[object Undefined]", he = B ? B.toStringTag : void 0;
+var lt = "[object Null]", ut = "[object Undefined]", he = z ? z.toStringTag : void 0;
 function dt(n) {
   return n == null ? n === void 0 ? ut : lt : he && he in Object(n) ? ot(n) : ct(n);
 }
@@ -1002,7 +1002,7 @@ function mt(n) {
   return typeof n == "string" || !ht(n) && ft(n) && dt(n) == pt;
 }
 const pe = "ikonUiModules";
-function J(n) {
+function G(n) {
   return typeof n == "object" && n !== null && !Array.isArray(n);
 }
 function yt(n) {
@@ -1029,7 +1029,7 @@ function Nt(n, e) {
   return !0;
 }
 function St(n) {
-  if (!(!J(n) || !Object.prototype.hasOwnProperty.call(n, pe)))
+  if (!(!G(n) || !Object.prototype.hasOwnProperty.call(n, pe)))
     return yt(n[pe]);
 }
 function Ot(...n) {
@@ -1040,7 +1040,7 @@ function Ot(...n) {
   }
 }
 function kt(n) {
-  if (!J(n))
+  if (!G(n))
     return;
   const e = n, t = Object.keys(e).find((u) => u.toLowerCase() === "modules");
   if (!t)
@@ -1059,7 +1059,7 @@ function kt(n) {
       s.push(b), a.add(b);
       continue;
     }
-    if (!J(u))
+    if (!G(u))
       continue;
     const d = u, p = Object.keys(d).find((b) => b.toLowerCase() === "name");
     if (!p)
@@ -1083,7 +1083,7 @@ function kt(n) {
 }
 export {
   De as IKON_UI_BASE_MODULE,
-  V as IKON_UI_STREAM_CATEGORY,
+  J as IKON_UI_STREAM_CATEGORY,
   Rt as IkonUi,
   Ve as IkonUiRegistry,
   Tt as IkonUiSurface,
@@ -1093,7 +1093,7 @@ export {
   Nt as areIkonUiModuleListsEqual,
   qe as createBaseResolvers,
   Et as createComponentLibrary,
-  Ct as createIkonUiRegistry,
+  wt as createIkonUiRegistry,
   Fe as isIkonUiCategoryMatch,
   Ye as loadBaseModule,
   yt as normalizeIkonUiModuleList,
@@ -1101,6 +1101,6 @@ export {
   St as readIkonUiModules,
   Ot as readIkonUiModulesFromSources,
   We as registerBaseModule,
-  wt as useIkonStyles,
+  Ct as useIkonStyles,
   je as useUiStore
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikonai/sdk-react-ui",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "type": "module",
   "main": "./index.js",
   "types": "./index.d.ts",