@ikonai/sdk-react-ui-rive 1.0.44 → 1.0.46

package/index.js

@@ -1,7 +1,7 @@
-import ge, { memo as be, useMemo as K, useRef as ee, useEffect as W, useCallback as H } from "react";
-import { Fit as O, Alignment as S, Layout as he, useRive as ve, EventType as te } from "@rive-app/react-canvas";
-import { useUiNode as ye } from "@ikonai/sdk-react-ui";
-var J = { exports: {} }, q = {};
+import me, { memo as ge, useMemo as q, useRef as Q, useEffect as U, useCallback as K } from "react";
+import { Fit as O, Alignment as S, Layout as be, useRive as ve, EventType as ee } from "@rive-app/react-canvas";
+import { useUiNode as he } from "@ikonai/sdk-react-ui";
+var W = { exports: {} }, B = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -11,14 +11,14 @@ var J = { exports: {} }, q = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ce;
-function pe() {
-  if (ce) return q;
-  ce = 1;
+var ae;
+function ye() {
+  if (ae) return B;
+  ae = 1;
   var e = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
   function i(s, r, o) {
-    var f = null;
-    if (o !== void 0 && (f = "" + o), r.key !== void 0 && (f = "" + r.key), "key" in r) {
+    var l = null;
+    if (o !== void 0 && (l = "" + o), r.key !== void 0 && (l = "" + r.key), "key" in r) {
       o = {};
       for (var y in r)
         y !== "key" && (o[y] = r[y]);
@@ -26,14 +26,14 @@ function pe() {
     return r = o.ref, {
       $$typeof: e,
       type: s,
-      key: f,
+      key: l,
       ref: r !== void 0 ? r : null,
       props: o
     };
   }
-  return q.Fragment = n, q.jsx = i, q.jsxs = i, q;
+  return B.Fragment = n, B.jsx = i, B.jsxs = i, B;
 }
-var $ = {};
+var V = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -43,44 +43,44 @@ var $ = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ue;
-function Re() {
-  return ue || (ue = 1, process.env.NODE_ENV !== "production" && function() {
+var ce;
+function pe() {
+  return ce || (ce = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(t) {
       if (t == null) return null;
       if (typeof t == "function")
-        return t.$$typeof === p ? null : t.displayName || t.name || null;
+        return t.$$typeof === H ? null : t.displayName || t.name || null;
       if (typeof t == "string") return t;
       switch (t) {
-        case F:
+        case M:
           return "Fragment";
-        case j:
+        case a:
           return "Profiler";
-        case x:
+        case j:
           return "StrictMode";
-        case m:
-          return "Suspense";
         case b:
+          return "Suspense";
+        case v:
           return "SuspenseList";
-        case R:
+        case p:
           return "Activity";
       }
       if (typeof t == "object")
         switch (typeof t.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), t.$$typeof) {
-          case B:
+          case D:
             return "Portal";
-          case l:
-            return (t.displayName || "Context") + ".Provider";
-          case a:
-            return (t._context.displayName || "Context") + ".Consumer";
           case d:
+            return t.displayName || "Context";
+          case f:
+            return (t._context.displayName || "Context") + ".Consumer";
+          case m:
             var u = t.render;
             return t = t.displayName, t || (t = u.displayName || u.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
-          case h:
-            return u = t.displayName || null, u !== null ? u : e(t.type) || "Memo";
           case g:
+            return u = t.displayName || null, u !== null ? u : e(t.type) || "Memo";
+          case R:
             u = t._payload, t = t._init;
             try {
               return e(t(u));
@@ -101,8 +101,8 @@ function Re() {
       }
       if (u) {
         u = console;
-        var v = u.error, w = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
-        return v.call(
+        var h = u.error, w = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return h.call(
           u,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           w
@@ -110,8 +110,8 @@ function Re() {
       }
     }
     function s(t) {
-      if (t === F) return "<>";
-      if (typeof t == "object" && t !== null && t.$$typeof === g)
+      if (t === M) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === R)
         return "<...>";
       try {
         var u = e(t);
@@ -121,45 +121,46 @@ function Re() {
       }
     }
     function r() {
-      var t = V.A;
+      var t = z.A;
       return t === null ? null : t.getOwner();
     }
     function o() {
       return Error("react-stack-top-frame");
     }
-    function f(t) {
-      if (U.call(t, "key")) {
+    function l(t) {
+      if (Y.call(t, "key")) {
         var u = Object.getOwnPropertyDescriptor(t, "key").get;
         if (u && u.isReactWarning) return !1;
       }
       return t.key !== void 0;
     }
     function y(t, u) {
-      function v() {
-        re || (re = !0, console.error(
+      function h() {
+        ne || (ne = !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)",
           u
         ));
       }
-      v.isReactWarning = !0, Object.defineProperty(t, "key", {
-        get: v,
+      h.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: h,
         configurable: !0
       });
     }
     function k() {
       var t = e(this.type);
-      return oe[t] || (oe[t] = !0, console.error(
+      return re[t] || (re[t] = !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."
       )), t = this.props.ref, t !== void 0 ? t : null;
     }
-    function A(t, u, v, w, N, M, X, Z) {
-      return v = M.ref, t = {
-        $$typeof: D,
+    function A(t, u, h, w, $, X) {
+      var E = h.ref;
+      return t = {
+        $$typeof: F,
         type: t,
         key: u,
-        props: M,
-        _owner: N
-      }, (v !== void 0 ? v : null) !== null ? Object.defineProperty(t, "ref", {
+        props: h,
+        _owner: w
+      }, (E !== void 0 ? E : null) !== null ? Object.defineProperty(t, "ref", {
         enumerable: !1,
         get: k
       }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
@@ -176,33 +177,33 @@ function Re() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: X
+        value: $
       }), Object.defineProperty(t, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Z
+        value: X
       }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
     }
-    function c(t, u, v, w, N, M, X, Z) {
+    function c(t, u, h, w, $, X) {
       var E = u.children;
       if (E !== void 0)
         if (w)
-          if (G(E)) {
+          if (J(E)) {
             for (w = 0; w < E.length; w++)
-              T(E[w]);
+              _(E[w]);
             Object.freeze && Object.freeze(E);
           } 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 T(E);
-      if (U.call(u, "key")) {
+        else _(E);
+      if (Y.call(u, "key")) {
         E = e(t);
-        var z = Object.keys(u).filter(function(me) {
-          return me !== "key";
+        var L = Object.keys(u).filter(function(de) {
+          return de !== "key";
         });
-        w = 0 < z.length ? "{key: someKey, " + z.join(": ..., ") + ": ...}" : "{key: someKey}", ae[E + w] || (z = 0 < z.length ? "{" + z.join(": ..., ") + ": ...}" : "{}", console.error(
+        w = 0 < L.length ? "{key: someKey, " + L.join(": ..., ") + ": ...}" : "{key: someKey}", se[E + w] || (L = 0 < L.length ? "{" + L.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -211,86 +212,83 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`,
           w,
           E,
-          z,
+          L,
           E
-        ), ae[E + w] = !0);
+        ), se[E + w] = !0);
       }
-      if (E = null, v !== void 0 && (i(v), E = "" + v), f(u) && (i(u.key), E = "" + u.key), "key" in u) {
-        v = {};
-        for (var Q in u)
-          Q !== "key" && (v[Q] = u[Q]);
-      } else v = u;
+      if (E = null, h !== void 0 && (i(h), E = "" + h), l(u) && (i(u.key), E = "" + u.key), "key" in u) {
+        h = {};
+        for (var Z in u)
+          Z !== "key" && (h[Z] = u[Z]);
+      } else h = u;
       return E && y(
-        v,
+        h,
         typeof t == "function" ? t.displayName || t.name || "Unknown" : t
       ), A(
         t,
         E,
-        M,
-        N,
+        h,
         r(),
-        v,
-        X,
-        Z
+        $,
+        X
       );
     }
-    function T(t) {
-      typeof t == "object" && t !== null && t.$$typeof === D && t._store && (t._store.validated = 1);
+    function _(t) {
+      I(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === R && (t._payload.status === "fulfilled" ? I(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
     }
-    var P = ge, D = Symbol.for("react.transitional.element"), B = Symbol.for("react.portal"), F = Symbol.for("react.fragment"), x = Symbol.for("react.strict_mode"), j = Symbol.for("react.profiler"), a = Symbol.for("react.consumer"), l = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), R = Symbol.for("react.activity"), p = Symbol.for("react.client.reference"), V = P.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, G = Array.isArray, Y = console.createTask ? console.createTask : function() {
+    function I(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === F;
+    }
+    var P = me, F = Symbol.for("react.transitional.element"), D = Symbol.for("react.portal"), M = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), f = Symbol.for("react.consumer"), d = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), p = Symbol.for("react.activity"), H = Symbol.for("react.client.reference"), z = P.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = Object.prototype.hasOwnProperty, J = Array.isArray, G = console.createTask ? console.createTask : function() {
       return null;
     };
     P = {
-      "react-stack-bottom-frame": function(t) {
+      react_stack_bottom_frame: function(t) {
         return t();
       }
     };
-    var re, oe = {}, ie = P["react-stack-bottom-frame"].bind(
+    var ne, re = {}, oe = P.react_stack_bottom_frame.bind(
       P,
       o
-    )(), se = Y(s(o)), ae = {};
-    $.Fragment = F, $.jsx = function(t, u, v, w, N) {
-      var M = 1e4 > V.recentlyCreatedOwnerStacks++;
+    )(), ie = G(s(o)), se = {};
+    V.Fragment = M, V.jsx = function(t, u, h) {
+      var w = 1e4 > z.recentlyCreatedOwnerStacks++;
       return c(
         t,
         u,
-        v,
+        h,
         !1,
-        w,
-        N,
-        M ? Error("react-stack-top-frame") : ie,
-        M ? Y(s(t)) : se
+        w ? Error("react-stack-top-frame") : oe,
+        w ? G(s(t)) : ie
       );
-    }, $.jsxs = function(t, u, v, w, N) {
-      var M = 1e4 > V.recentlyCreatedOwnerStacks++;
+    }, V.jsxs = function(t, u, h) {
+      var w = 1e4 > z.recentlyCreatedOwnerStacks++;
       return c(
         t,
         u,
-        v,
+        h,
         !0,
-        w,
-        N,
-        M ? Error("react-stack-top-frame") : ie,
-        M ? Y(s(t)) : se
+        w ? Error("react-stack-top-frame") : oe,
+        w ? G(s(t)) : ie
       );
     };
-  }()), $;
+  })()), V;
 }
-var fe;
-function we() {
-  return fe || (fe = 1, process.env.NODE_ENV === "production" ? J.exports = pe() : J.exports = Re()), J.exports;
+var ue;
+function Re() {
+  return ue || (ue = 1, process.env.NODE_ENV === "production" ? W.exports = ye() : W.exports = pe()), W.exports;
 }
-var ne = we();
+var te = Re();
 function C(e) {
   return typeof e == "object" && e !== null && !Array.isArray(e);
 }
-function _(e) {
+function T(e) {
   if (typeof e == "string") {
     const n = e.trim();
     return n.length > 0 ? n : void 0;
   }
 }
-function I(e) {
+function x(e) {
   if (typeof e == "boolean")
     return e;
   if (typeof e == "string") {
@@ -300,7 +298,7 @@ function I(e) {
       return !1;
   }
 }
-function L(e) {
+function N(e) {
   if (typeof e == "number" && Number.isFinite(e))
     return e;
   if (typeof e == "string") {
@@ -316,7 +314,7 @@ function le(e) {
     return n.length > 0 ? n : void 0;
   }
 }
-function Ee(e, n, i) {
+function we(e, n, i) {
   const s = [];
   for (const r of e)
     if (typeof r == "string") {
@@ -333,7 +331,7 @@ function Ee(e, n, i) {
   }
   return s.length > 0 ? s.join(" ") : void 0;
 }
-function ke(e) {
+function Ee(e) {
   if (typeof e == "string") {
     const n = e.trim();
     return n.length > 0 ? [n] : void 0;
@@ -343,7 +341,7 @@ function ke(e) {
     return n.length > 0 ? Array.from(new Set(n)) : void 0;
   }
 }
-const Te = {
+const ke = {
   contain: O.Contain,
   cover: O.Cover,
   fill: O.Fill,
@@ -360,9 +358,9 @@ function _e(e) {
   if (typeof e != "string")
     return;
   const n = e.replace(/[-_\s]/g, "").toLowerCase();
-  return Te[n];
+  return ke[n];
 }
-const Ae = {
+const Te = {
   center: S.Center,
   topleft: S.TopLeft,
   topcenter: S.TopCenter,
@@ -373,13 +371,13 @@ const Ae = {
   bottomcenter: S.BottomCenter,
   bottomright: S.BottomRight
 };
-function Oe(e) {
+function Ae(e) {
   if (typeof e != "string")
     return;
   const n = e.replace(/[-_\s]/g, "").toLowerCase();
-  return Ae[n];
+  return Te[n];
 }
-function Ce(e) {
+function Oe(e) {
   if (!C(e))
     return;
   const n = {};
@@ -388,12 +386,12 @@ function Ce(e) {
     const o = s.trim();
     if (!o)
       continue;
-    const f = I(r);
-    f !== void 0 && (n[o] = f, i = !0);
+    const l = x(r);
+    l !== void 0 && (n[o] = l, i = !0);
   }
   return i ? n : void 0;
 }
-function de(e) {
+function fe(e) {
   if (!C(e))
     return;
   const n = {};
@@ -402,12 +400,12 @@ function de(e) {
     const o = s.trim();
     if (!o)
       continue;
-    const f = L(r);
-    f !== void 0 && (n[o] = f, i = !0);
+    const l = N(r);
+    l !== void 0 && (n[o] = l, i = !0);
   }
   return i ? n : void 0;
 }
-function Me(e) {
+function Ce(e) {
   if (!C(e))
     return;
   const n = {};
@@ -416,12 +414,12 @@ function Me(e) {
     const o = s.trim();
     if (!o)
       continue;
-    const f = _(r);
-    f && (n[o] = f, i = !0);
+    const l = T(r);
+    l && (n[o] = l, i = !0);
   }
   return i ? n : void 0;
 }
-function Se(e) {
+function Me(e) {
   if (!C(e))
     return;
   const n = {};
@@ -430,32 +428,32 @@ function Se(e) {
     const o = s.trim();
     if (!o || !C(r))
       continue;
-    const f = L(r.r), y = L(r.g), k = L(r.b);
-    f === void 0 || y === void 0 || k === void 0 || (n[o] = { r: Math.round(f), g: Math.round(y), b: Math.round(k) }, i = !0);
+    const l = N(r.r), y = N(r.g), k = N(r.b);
+    l === void 0 || y === void 0 || k === void 0 || (n[o] = { r: Math.round(l), g: Math.round(y), b: Math.round(k) }, i = !0);
   }
   return i ? n : void 0;
 }
-function je(e) {
+function Se(e) {
   if (!C(e))
     return;
-  const n = Ce(e.booleans), i = de(e.numbers), s = Me(e.strings), r = Se(e.colors), o = de(e.enums);
+  const n = Oe(e.booleans), i = fe(e.numbers), s = Ce(e.strings), r = Me(e.colors), o = fe(e.enums);
   if (!(!n && !i && !s && !r && !o))
     return { booleans: n, numbers: i, strings: s, colors: r, enums: o };
 }
-function Pe(e) {
+function je(e) {
   if (!Array.isArray(e))
     return;
   const n = [];
   for (const i of e) {
     if (!C(i))
       continue;
-    const s = _(i.name), r = L(i.sequence);
+    const s = T(i.name), r = N(i.sequence);
     !s || r === void 0 || n.push({ name: s, sequence: r });
   }
   if (n.length !== 0)
     return n;
 }
-function xe(e) {
+function Pe(e) {
   if (!C(e))
     return;
   const n = {};
@@ -472,32 +470,32 @@ function xe(e) {
         continue;
       }
       if (typeof r == "string") {
-        const f = r.trim();
-        if (!f)
+        const l = r.trim();
+        if (!l)
           continue;
-        n[o] = f, i = !0;
+        n[o] = l, i = !0;
       }
     }
   }
   return i ? n : void 0;
 }
-function Ne(e) {
+function xe(e) {
   if (!C(e))
     return;
-  const n = _(e.name);
+  const n = T(e.name);
   if (!n)
     return;
-  const i = L(e.type), s = L(e.delay), r = _(e.url), o = _(e.target), f = xe(e.properties);
+  const i = N(e.type), s = N(e.delay), r = T(e.url), o = T(e.target), l = Pe(e.properties);
   return {
     name: n,
     type: i === void 0 ? void 0 : Math.trunc(i),
     delay: s,
     url: r,
     target: o,
-    properties: f
+    properties: l
   };
 }
-function Ie(e) {
+function Ne(e) {
   if (!C(e))
     return;
   const n = {};
@@ -506,24 +504,24 @@ function Ie(e) {
     const o = s.trim();
     if (!o)
       continue;
-    const f = _(r);
-    f && (n[o] = f, i = !0);
+    const l = T(r);
+    l && (n[o] = l, i = !0);
   }
   return i ? n : void 0;
 }
-function Fe(e) {
+function Ie(e) {
   if (!Array.isArray(e))
     return;
   const n = [];
   for (const i of e) {
     if (!C(i))
       continue;
-    const s = _(i.key), r = _(i.input), o = _(i.kind);
+    const s = T(i.key), r = T(i.input), o = T(i.kind);
     if (!s || !r || !o)
       continue;
-    const f = s.replace(/[-_\s]+/g, "").toLowerCase();
+    const l = s.replace(/[-_\s]+/g, "").toLowerCase();
     let y;
-    switch (f) {
+    switch (l) {
       case "arrowup":
       case "up":
         y = "ArrowUp";
@@ -549,23 +547,23 @@ function Fe(e) {
   }
   return n.length > 0 ? n : void 0;
 }
-function Le(e, n) {
+function Fe(e, n) {
   return n.byteLength > 0 ? (e.decode(n), !0) : !1;
 }
-function De() {
+function Le() {
   if (typeof globalThis > "u")
     return !1;
   const e = globalThis, n = typeof e.OffscreenCanvas < "u", i = typeof e.crossOriginIsolated == "boolean" ? e.crossOriginIsolated : !1;
   return n && i;
 }
-function ze(e) {
-  const n = K(
-    () => new he({
+function De(e) {
+  const n = q(
+    () => new be({
       fit: e.layoutFit ?? O.Contain,
       alignment: e.layoutAlignment ?? S.Center
     }),
     [e.layoutFit, e.layoutAlignment]
-  ), i = K(() => De(), []), s = (e.useOffscreenRenderer ?? !0) && i, r = ee(null);
+  ), i = q(() => Le(), []), s = (e.useOffscreenRenderer ?? !0) && i, r = Q(null);
   r.current === null && (r.current = {
     src: e.src,
     stateMachines: e.stateMachines,
@@ -577,42 +575,42 @@ function ze(e) {
     isTouchScrollEnabled: e.isTouchScrollEnabled,
     shouldDisableRiveListeners: e.shouldDisableRiveListeners,
     layout: n,
-    assetLoader: Le
+    assetLoader: Fe
   });
-  const { rive: o, RiveComponent: f } = ve(r.current), y = ee(/* @__PURE__ */ new Map()), { dispatchAction: k } = e, A = K(() => {
+  const { rive: o, RiveComponent: l } = ve(r.current), y = Q(/* @__PURE__ */ new Map()), { dispatchAction: k } = e, A = q(() => {
     if (!e.eventHandlers)
       return;
     const a = Object.entries(e.eventHandlers);
     if (a.length === 0)
       return;
-    const l = /* @__PURE__ */ new Map();
+    const f = /* @__PURE__ */ new Map();
     for (const [d, m] of a) {
       const b = d.trim();
       if (!b)
         continue;
-      const h = m.trim();
-      h && l.set(b, h);
+      const v = m.trim();
+      v && f.set(b, v);
     }
-    return l.size > 0 ? l : void 0;
-  }, [e.eventHandlers]), c = K(() => {
+    return f.size > 0 ? f : void 0;
+  }, [e.eventHandlers]), c = q(() => {
     if (!e.keyboardBindings || e.keyboardBindings.length === 0)
       return;
     const a = /* @__PURE__ */ new Map();
-    for (const l of e.keyboardBindings) {
-      const d = a.get(l.key);
-      d ? d.push(l) : a.set(l.key, [l]);
+    for (const f of e.keyboardBindings) {
+      const d = a.get(f.key);
+      d ? d.push(f) : a.set(f.key, [f]);
     }
     return a;
-  }, [e.keyboardBindings]), T = ee(/* @__PURE__ */ new Set());
-  W(() => {
-    T.current.clear();
-  }, [c]), W(() => {
+  }, [e.keyboardBindings]), _ = Q(/* @__PURE__ */ new Set());
+  U(() => {
+    _.current.clear();
+  }, [c]), U(() => {
     const a = o?.viewModelInstance;
     if (!a)
       return;
-    const l = e.viewModel?.booleans;
-    if (l)
-      for (const [g, R] of Object.entries(l)) {
+    const f = e.viewModel?.booleans;
+    if (f)
+      for (const [g, R] of Object.entries(f)) {
         const p = a.boolean(g);
         p && (p.value = R);
       }
@@ -634,17 +632,17 @@ function ze(e) {
         const p = a.color(g);
         p && "rgb" in p && p.rgb(R.r, R.g, R.b);
       }
-    const h = e.viewModel?.enums;
-    if (h)
-      for (const [g, R] of Object.entries(h)) {
+    const v = e.viewModel?.enums;
+    if (v)
+      for (const [g, R] of Object.entries(v)) {
         const p = a.enum(g);
         p && "valueIndex" in p && (p.valueIndex = R);
       }
-  }, [e.viewModel, o]), W(() => {
+  }, [e.viewModel, o]), U(() => {
     if (!(!o || !e.triggerRequests))
       for (const a of e.triggerRequests) {
-        const l = y.current.get(a.name);
-        if (l !== void 0 && a.sequence <= l)
+        const f = y.current.get(a.name);
+        if (f !== void 0 && a.sequence <= f)
           continue;
         y.current.set(a.name, a.sequence);
         let d = !1;
@@ -655,45 +653,45 @@ function ze(e) {
         }
         if (!d && e.stateMachines)
           for (const b of e.stateMachines) {
-            const h = o.stateMachineInputs(b);
-            if (!h)
+            const v = o.stateMachineInputs(b);
+            if (!v)
               continue;
-            const g = h.find((R) => R.name === a.name);
+            const g = v.find((R) => R.name === a.name);
             if (g && "fire" in g) {
               g.fire();
               break;
             }
           }
       }
-  }, [e.triggerRequests, e.stateMachines, o]), W(() => {
+  }, [e.triggerRequests, e.stateMachines, o]), U(() => {
     if (!o || !A || !k)
       return;
-    const a = (l) => {
-      if (l.type !== te.RiveEvent)
+    const a = (f) => {
+      if (f.type !== ee.RiveEvent)
         return;
-      const d = Ne(l.data);
+      const d = xe(f.data);
       if (!d)
         return;
       let m = A.get(d.name);
       m || (m = A.get("*")), m && k(m, d);
     };
-    return o.on?.(te.RiveEvent, a), () => {
-      o.off?.(te.RiveEvent, a);
+    return o.on?.(ee.RiveEvent, a), () => {
+      o.off?.(ee.RiveEvent, a);
     };
   }, [o, A, k]);
-  const P = H(
+  const I = K(
     (a) => {
       c && a.currentTarget.focus();
     },
     [c]
-  ), D = H(
+  ), P = K(
     (a) => {
       if (!c)
         return;
-      const l = a.key, d = c.get(l);
+      const f = a.key, d = c.get(f);
       if (!d || d.length === 0)
         return;
-      if (T.current.has(l)) {
+      if (_.current.has(f)) {
         a.preventDefault();
         return;
       }
@@ -701,131 +699,131 @@ function ze(e) {
       if (!m)
         return;
       let b = !1;
-      for (const h of d)
-        if (h.kind === "boolean") {
-          const g = m.boolean(h.input);
+      for (const v of d)
+        if (v.kind === "boolean") {
+          const g = m.boolean(v.input);
           g && (g.value = !0, b = !0);
-        } else if (h.kind === "trigger") {
-          const g = m.trigger(h.input);
+        } else if (v.kind === "trigger") {
+          const g = m.trigger(v.input);
           g && (g.trigger(), b = !0);
         }
-      b && (T.current.add(l), a.preventDefault());
+      b && (_.current.add(f), a.preventDefault());
     },
     [c, o]
-  ), B = H(
+  ), F = K(
     (a) => {
       if (!c)
         return;
-      const l = a.key, d = c.get(l);
+      const f = a.key, d = c.get(f);
       if (!d || d.length === 0)
         return;
       const m = o?.viewModelInstance;
       if (!m) {
-        T.current.delete(l);
+        _.current.delete(f);
         return;
       }
-      T.current.delete(l);
+      _.current.delete(f);
       let b = !1;
-      for (const h of d) {
-        if (h.kind !== "boolean")
+      for (const v of d) {
+        if (v.kind !== "boolean")
           continue;
-        const g = m.boolean(h.input);
+        const g = m.boolean(v.input);
         g && (g.value = !1, b = !0);
       }
       b && a.preventDefault();
     },
     [c, o]
-  ), F = H(() => {
+  ), D = K(() => {
     if (!c || c.size === 0) {
-      T.current.clear();
+      _.current.clear();
       return;
     }
-    const a = o?.viewModelInstance, l = Array.from(T.current);
-    if (T.current.clear(), !!a)
-      for (const d of l) {
+    const a = o?.viewModelInstance, f = Array.from(_.current);
+    if (_.current.clear(), !!a)
+      for (const d of f) {
         const m = c.get(d);
         if (m)
           for (const b of m) {
             if (b.kind !== "boolean")
               continue;
-            const h = a.boolean(b.input);
-            h && (h.value = !1);
+            const v = a.boolean(b.input);
+            v && (v.value = !1);
           }
       }
-  }, [c, o]), x = {};
-  e.backgroundColor && (x.backgroundColor = e.backgroundColor), e.width && (x.width = e.width), e.height && (x.height = e.height);
+  }, [c, o]), M = {};
+  e.backgroundColor && (M.backgroundColor = e.backgroundColor), e.width && (M.width = e.width), e.height && (M.height = e.height);
   const j = !!c;
-  return /* @__PURE__ */ ne.jsx("div", { className: e.className, style: x, children: /* @__PURE__ */ ne.jsx(
-    f,
+  return /* @__PURE__ */ te.jsx("div", { className: e.className, style: M, children: /* @__PURE__ */ te.jsx(
+    l,
     {
       style: { width: "100%", height: "100%", backgroundColor: "transparent" },
       tabIndex: j ? 0 : void 0,
-      onPointerDown: j ? P : void 0,
-      onKeyDown: j ? D : void 0,
-      onKeyUp: j ? B : void 0,
-      onBlur: j ? F : void 0
+      onPointerDown: j ? I : void 0,
+      onKeyDown: j ? P : void 0,
+      onKeyUp: j ? F : void 0,
+      onBlur: j ? D : void 0
     }
   ) });
 }
-function Be() {
+function ze() {
   const e = /* @__PURE__ */ new Map();
   return (n) => {
     if (n.type !== "rive-canvas")
       return;
-    const i = _(n.props.src);
+    const i = T(n.props.src);
     if (!i)
       return;
     const s = e.get(n.id);
     if (s)
       return s;
-    const r = be(function({ nodeId: f, context: y, className: k }) {
-      const c = ye(y.store, f) ?? n, T = _(c.props.src) ?? i, P = ke(c.props.stateMachines), D = I(c.props.autoplay), B = I(c.props.autoBind), F = I(c.props.useOffscreenRenderer), x = I(c.props.enableMultiTouch), j = I(c.props.dispatchPointerExit), a = I(c.props.isTouchScrollEnabled), l = I(c.props.shouldDisableRiveListeners), d = Fe(c.props.keyboardBindings), m = _e(c.props.layoutFit), b = Oe(c.props.layoutAlignment), h = _(c.props.backgroundColor), g = le(c.props.width), R = le(c.props.height), p = je(c.props.viewModel), V = Pe(c.props.triggerRequests), U = Ie(c.props.eventHandlers), G = Ee(
+    const r = ge(function({ nodeId: l, context: y, className: k }) {
+      const c = he(y.store, l) ?? n, _ = T(c.props.src) ?? i, I = Ee(c.props.stateMachines), P = x(c.props.autoplay), F = x(c.props.autoBind), D = x(c.props.useOffscreenRenderer), M = x(c.props.enableMultiTouch), j = x(c.props.dispatchPointerExit), a = x(c.props.isTouchScrollEnabled), f = x(c.props.shouldDisableRiveListeners), d = Ie(c.props.keyboardBindings), m = _e(c.props.layoutFit), b = Ae(c.props.layoutAlignment), v = T(c.props.backgroundColor), g = le(c.props.width), R = le(c.props.height), p = Se(c.props.viewModel), H = je(c.props.triggerRequests), z = Ne(c.props.eventHandlers), Y = we(
         c.styleIds,
         k,
-        _(c.props.style)
-      ), Y = `${m ?? "contain"}-${b ?? "center"}`;
-      return /* @__PURE__ */ ne.jsx(
-        ze,
+        T(c.props.style)
+      ), J = `${m ?? "contain"}-${b ?? "center"}`;
+      return /* @__PURE__ */ te.jsx(
+        De,
         {
-          src: T,
-          stateMachines: P,
-          autoplay: D,
-          autoBind: B,
-          useOffscreenRenderer: F,
-          enableMultiTouch: x,
+          src: _,
+          stateMachines: I,
+          autoplay: P,
+          autoBind: F,
+          useOffscreenRenderer: D,
+          enableMultiTouch: M,
           dispatchPointerExit: j,
           isTouchScrollEnabled: a,
-          shouldDisableRiveListeners: l,
+          shouldDisableRiveListeners: f,
           keyboardBindings: d,
           layoutFit: m,
           layoutAlignment: b,
-          backgroundColor: h,
+          backgroundColor: v,
           width: g,
           height: R,
           viewModel: p,
-          triggerRequests: V,
-          eventHandlers: U,
+          triggerRequests: H,
+          eventHandlers: z,
           dispatchAction: y.dispatchAction,
-          className: G
+          className: Y
         },
-        Y
+        J
       );
     });
     return e.set(n.id, r), r;
   };
 }
-const Ve = "rive";
-function Ye() {
-  return [Be()];
+const Be = "rive";
+function Ve() {
+  return [ze()];
 }
-const qe = () => Ye();
-function We(e) {
-  e.registerModule(Ve, qe);
+const Ye = () => Ve();
+function Ke(e) {
+  e.registerModule(Be, Ye);
 }
 export {
-  Ve as IKON_UI_RIVE_MODULE,
-  Be as createRiveCanvasResolver,
-  Ye as createRiveResolvers,
-  qe as loadRiveModule,
-  We as registerRiveModule
+  Be as IKON_UI_RIVE_MODULE,
+  ze as createRiveCanvasResolver,
+  Ve as createRiveResolvers,
+  Ye as loadRiveModule,
+  Ke as registerRiveModule
 };

package/package.json

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