@ikonai/sdk-react-ui-rive 1.0.3 → 1.0.5

package/index.js

@@ -1,7 +1,7 @@
-import me, { memo as ge, useMemo as Y, useRef as ee, useEffect as q, useCallback as U } from "react";
-import { Fit as k, Alignment as O, Layout as be, useRive as he, EventType as te } from "@rive-app/react-canvas";
-import { useUiNode as ve } from "@ikonai/sdk-react-ui";
-var $ = { exports: {} }, z = {};
+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 = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -13,27 +13,27 @@ var $ = { exports: {} }, z = {};
  */
 var ce;
 function pe() {
-  if (ce) return z;
+  if (ce) return q;
   ce = 1;
   var e = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
-  function r(c, i, o) {
-    var l = null;
-    if (o !== void 0 && (l = "" + o), i.key !== void 0 && (l = "" + i.key), "key" in i) {
+  function i(s, r, o) {
+    var f = null;
+    if (o !== void 0 && (f = "" + o), r.key !== void 0 && (f = "" + r.key), "key" in r) {
       o = {};
-      for (var p in i)
-        p !== "key" && (o[p] = i[p]);
-    } else o = i;
-    return i = o.ref, {
+      for (var y in r)
+        y !== "key" && (o[y] = r[y]);
+    } else o = r;
+    return r = o.ref, {
       $$typeof: e,
-      type: c,
-      key: l,
-      ref: i !== void 0 ? i : null,
+      type: s,
+      key: f,
+      ref: r !== void 0 ? r : null,
       props: o
     };
   }
-  return z.Fragment = n, z.jsx = r, z.jsxs = r, z;
+  return q.Fragment = n, q.jsx = i, q.jsxs = i, q;
 }
-var B = {};
+var $ = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -44,46 +44,46 @@ var B = {};
  * LICENSE file in the root directory of this source tree.
  */
 var ue;
-function ye() {
+function Re() {
   return ue || (ue = 1, process.env.NODE_ENV !== "production" && function() {
     function e(t) {
       if (t == null) return null;
       if (typeof t == "function")
-        return t.$$typeof === H ? null : t.displayName || t.name || null;
+        return t.$$typeof === p ? null : t.displayName || t.name || null;
       if (typeof t == "string") return t;
       switch (t) {
-        case x:
+        case F:
           return "Fragment";
-        case S:
+        case j:
           return "Profiler";
-        case M:
+        case x:
           return "StrictMode";
-        case b:
-          return "Suspense";
         case m:
+          return "Suspense";
+        case b:
           return "SuspenseList";
-        case W:
+        case R:
           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 L:
+          case B:
             return "Portal";
-          case f:
+          case l:
             return (t.displayName || "Context") + ".Provider";
-          case u:
+          case a:
             return (t._context.displayName || "Context") + ".Consumer";
           case d:
-            var a = t.render;
-            return t = t.displayName, t || (t = a.displayName || a.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
+            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 a = t.displayName || null, a !== null ? a : e(t.type) || "Memo";
-          case v:
-            a = t._payload, t = t._init;
+            u = t._payload, t = t._init;
             try {
-              return e(t(a));
+              return e(t(u));
             } catch {
             }
         }
@@ -92,76 +92,76 @@ function ye() {
     function n(t) {
       return "" + t;
     }
-    function r(t) {
+    function i(t) {
       try {
         n(t);
-        var a = !1;
+        var u = !1;
       } catch {
-        a = !0;
+        u = !0;
       }
-      if (a) {
-        a = console;
-        var h = a.error, y = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
-        return h.call(
-          a,
+      if (u) {
+        u = console;
+        var v = u.error, w = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return v.call(
+          u,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          y
+          w
         ), n(t);
       }
     }
-    function c(t) {
-      if (t === x) return "<>";
-      if (typeof t == "object" && t !== null && t.$$typeof === v)
+    function s(t) {
+      if (t === F) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === g)
         return "<...>";
       try {
-        var a = e(t);
-        return a ? "<" + a + ">" : "<...>";
+        var u = e(t);
+        return u ? "<" + u + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function i() {
-      var t = D.A;
+    function r() {
+      var t = V.A;
       return t === null ? null : t.getOwner();
     }
     function o() {
       return Error("react-stack-top-frame");
     }
-    function l(t) {
-      if (V.call(t, "key")) {
-        var a = Object.getOwnPropertyDescriptor(t, "key").get;
-        if (a && a.isReactWarning) return !1;
+    function f(t) {
+      if (U.call(t, "key")) {
+        var u = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (u && u.isReactWarning) return !1;
       }
       return t.key !== void 0;
     }
-    function p(t, a) {
-      function h() {
+    function y(t, u) {
+      function v() {
         re || (re = !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)",
-          a
+          u
         ));
       }
-      h.isReactWarning = !0, Object.defineProperty(t, "key", {
-        get: h,
+      v.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: v,
         configurable: !0
       });
     }
-    function _() {
+    function k() {
       var t = e(this.type);
       return oe[t] || (oe[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 T(t, a, h, y, P, A, X, Z) {
-      return h = A.ref, t = {
-        $$typeof: I,
+    function A(t, u, v, w, N, M, X, Z) {
+      return v = M.ref, t = {
+        $$typeof: D,
         type: t,
-        key: a,
-        props: A,
-        _owner: P
-      }, (h !== void 0 ? h : null) !== null ? Object.defineProperty(t, "ref", {
+        key: u,
+        props: M,
+        _owner: N
+      }, (v !== void 0 ? v : null) !== null ? Object.defineProperty(t, "ref", {
         enumerable: !1,
-        get: _
+        get: k
       }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -184,113 +184,113 @@ function ye() {
         value: Z
       }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
     }
-    function s(t, a, h, y, P, A, X, Z) {
-      var R = a.children;
-      if (R !== void 0)
-        if (y)
-          if (J(R)) {
-            for (y = 0; y < R.length; y++)
-              E(R[y]);
-            Object.freeze && Object.freeze(R);
+    function c(t, u, v, w, N, M, X, Z) {
+      var E = u.children;
+      if (E !== void 0)
+        if (w)
+          if (G(E)) {
+            for (w = 0; w < E.length; w++)
+              T(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 E(R);
-      if (V.call(a, "key")) {
-        R = e(t);
-        var F = Object.keys(a).filter(function(de) {
-          return de !== "key";
+        else T(E);
+      if (U.call(u, "key")) {
+        E = e(t);
+        var z = Object.keys(u).filter(function(me) {
+          return me !== "key";
         });
-        y = 0 < F.length ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}", ae[R + y] || (F = 0 < F.length ? "{" + F.join(": ..., ") + ": ...}" : "{}", console.error(
+        w = 0 < z.length ? "{key: someKey, " + z.join(": ..., ") + ": ...}" : "{key: someKey}", ae[E + w] || (z = 0 < z.length ? "{" + z.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          y,
-          R,
-          F,
-          R
-        ), ae[R + y] = !0);
+          w,
+          E,
+          z,
+          E
+        ), ae[E + w] = !0);
       }
-      if (R = null, h !== void 0 && (r(h), R = "" + h), l(a) && (r(a.key), R = "" + a.key), "key" in a) {
-        h = {};
-        for (var Q in a)
-          Q !== "key" && (h[Q] = a[Q]);
-      } else h = a;
-      return R && p(
-        h,
+      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;
+      return E && y(
+        v,
         typeof t == "function" ? t.displayName || t.name || "Unknown" : t
-      ), T(
+      ), A(
         t,
-        R,
-        A,
-        P,
-        i(),
-        h,
+        E,
+        M,
+        N,
+        r(),
+        v,
         X,
         Z
       );
     }
-    function E(t) {
-      typeof t == "object" && t !== null && t.$$typeof === I && t._store && (t._store.validated = 1);
+    function T(t) {
+      typeof t == "object" && t !== null && t.$$typeof === D && t._store && (t._store.validated = 1);
     }
-    var j = me, I = Symbol.for("react.transitional.element"), L = Symbol.for("react.portal"), x = Symbol.for("react.fragment"), M = Symbol.for("react.strict_mode"), S = Symbol.for("react.profiler"), u = Symbol.for("react.consumer"), f = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), W = Symbol.for("react.activity"), H = Symbol.for("react.client.reference"), D = j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, J = Array.isArray, G = console.createTask ? console.createTask : function() {
+    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() {
       return null;
     };
-    j = {
+    P = {
       "react-stack-bottom-frame": function(t) {
         return t();
       }
     };
-    var re, oe = {}, ie = j["react-stack-bottom-frame"].bind(
-      j,
+    var re, oe = {}, ie = P["react-stack-bottom-frame"].bind(
+      P,
       o
-    )(), se = G(c(o)), ae = {};
-    B.Fragment = x, B.jsx = function(t, a, h, y, P) {
-      var A = 1e4 > D.recentlyCreatedOwnerStacks++;
-      return s(
+    )(), se = Y(s(o)), ae = {};
+    $.Fragment = F, $.jsx = function(t, u, v, w, N) {
+      var M = 1e4 > V.recentlyCreatedOwnerStacks++;
+      return c(
         t,
-        a,
-        h,
+        u,
+        v,
         !1,
-        y,
-        P,
-        A ? Error("react-stack-top-frame") : ie,
-        A ? G(c(t)) : se
+        w,
+        N,
+        M ? Error("react-stack-top-frame") : ie,
+        M ? Y(s(t)) : se
       );
-    }, B.jsxs = function(t, a, h, y, P) {
-      var A = 1e4 > D.recentlyCreatedOwnerStacks++;
-      return s(
+    }, $.jsxs = function(t, u, v, w, N) {
+      var M = 1e4 > V.recentlyCreatedOwnerStacks++;
+      return c(
         t,
-        a,
-        h,
+        u,
+        v,
         !0,
-        y,
-        P,
-        A ? Error("react-stack-top-frame") : ie,
-        A ? G(c(t)) : se
+        w,
+        N,
+        M ? Error("react-stack-top-frame") : ie,
+        M ? Y(s(t)) : se
       );
     };
-  }()), B;
+  }()), $;
 }
 var fe;
-function Re() {
-  return fe || (fe = 1, process.env.NODE_ENV === "production" ? $.exports = pe() : $.exports = ye()), $.exports;
+function we() {
+  return fe || (fe = 1, process.env.NODE_ENV === "production" ? J.exports = pe() : J.exports = Re()), J.exports;
 }
-var ne = Re();
+var ne = we();
 function C(e) {
   return typeof e == "object" && e !== null && !Array.isArray(e);
 }
-function w(e) {
+function _(e) {
   if (typeof e == "string") {
     const n = e.trim();
     return n.length > 0 ? n : void 0;
   }
 }
-function N(e) {
+function I(e) {
   if (typeof e == "boolean")
     return e;
   if (typeof e == "string") {
@@ -300,7 +300,7 @@ function N(e) {
       return !1;
   }
 }
-function K(e) {
+function L(e) {
   if (typeof e == "number" && Number.isFinite(e))
     return e;
   if (typeof e == "string") {
@@ -316,482 +316,516 @@ function le(e) {
     return n.length > 0 ? n : void 0;
   }
 }
-function Ee(e, n, r) {
-  const c = [];
-  for (const i of e)
-    if (typeof i == "string") {
-      const o = i.trim();
-      o.length > 0 && c.push(o);
+function Ee(e, n, i) {
+  const s = [];
+  for (const r of e)
+    if (typeof r == "string") {
+      const o = r.trim();
+      o.length > 0 && s.push(o);
     }
   if (typeof n == "string") {
-    const i = n.trim();
-    i.length > 0 && c.push(i);
+    const r = n.trim();
+    r.length > 0 && s.push(r);
   }
-  if (typeof r == "string") {
-    const i = r.trim();
-    i.length > 0 && c.push(i);
+  if (typeof i == "string") {
+    const r = i.trim();
+    r.length > 0 && s.push(r);
   }
-  return c.length > 0 ? c.join(" ") : void 0;
+  return s.length > 0 ? s.join(" ") : void 0;
 }
-function we(e) {
+function ke(e) {
   if (typeof e == "string") {
     const n = e.trim();
     return n.length > 0 ? [n] : void 0;
   }
   if (Array.isArray(e)) {
-    const n = e.map((r) => typeof r == "string" ? r.trim() : "").filter((r) => r.length > 0);
+    const n = e.map((i) => typeof i == "string" ? i.trim() : "").filter((i) => i.length > 0);
     return n.length > 0 ? Array.from(new Set(n)) : void 0;
   }
 }
-const ke = {
-  contain: k.Contain,
-  cover: k.Cover,
-  fill: k.Fill,
-  fitwidth: k.FitWidth,
-  fitheight: k.FitHeight,
-  width: k.FitWidth,
-  height: k.FitHeight,
-  scaledown: k.ScaleDown,
-  layout: k.Layout,
-  stretch: k.Fill,
-  none: k.None
+const Te = {
+  contain: O.Contain,
+  cover: O.Cover,
+  fill: O.Fill,
+  fitwidth: O.FitWidth,
+  fitheight: O.FitHeight,
+  width: O.FitWidth,
+  height: O.FitHeight,
+  scaledown: O.ScaleDown,
+  layout: O.Layout,
+  stretch: O.Fill,
+  none: O.None
 };
-function Te(e) {
+function _e(e) {
   if (typeof e != "string")
     return;
   const n = e.replace(/[-_\s]/g, "").toLowerCase();
-  return ke[n];
+  return Te[n];
 }
-const _e = {
-  center: O.Center,
-  topleft: O.TopLeft,
-  topcenter: O.TopCenter,
-  topright: O.TopRight,
-  centerleft: O.CenterLeft,
-  centerright: O.CenterRight,
-  bottomleft: O.BottomLeft,
-  bottomcenter: O.BottomCenter,
-  bottomright: O.BottomRight
+const Ae = {
+  center: S.Center,
+  topleft: S.TopLeft,
+  topcenter: S.TopCenter,
+  topright: S.TopRight,
+  centerleft: S.CenterLeft,
+  centerright: S.CenterRight,
+  bottomleft: S.BottomLeft,
+  bottomcenter: S.BottomCenter,
+  bottomright: S.BottomRight
 };
-function Ae(e) {
+function Oe(e) {
   if (typeof e != "string")
     return;
   const n = e.replace(/[-_\s]/g, "").toLowerCase();
-  return _e[n];
+  return Ae[n];
 }
-function Oe(e) {
+function Ce(e) {
   if (!C(e))
     return;
   const n = {};
-  let r = !1;
-  for (const [c, i] of Object.entries(e)) {
-    const o = c.trim();
+  let i = !1;
+  for (const [s, r] of Object.entries(e)) {
+    const o = s.trim();
     if (!o)
       continue;
-    const l = N(i);
-    l !== void 0 && (n[o] = l, r = !0);
+    const f = I(r);
+    f !== void 0 && (n[o] = f, i = !0);
   }
-  return r ? n : void 0;
+  return i ? n : void 0;
 }
-function Se(e) {
+function de(e) {
   if (!C(e))
     return;
   const n = {};
-  let r = !1;
-  for (const [c, i] of Object.entries(e)) {
-    const o = c.trim();
+  let i = !1;
+  for (const [s, r] of Object.entries(e)) {
+    const o = s.trim();
     if (!o)
       continue;
-    const l = K(i);
-    l !== void 0 && (n[o] = l, r = !0);
+    const f = L(r);
+    f !== void 0 && (n[o] = f, i = !0);
   }
-  return r ? n : void 0;
+  return i ? n : void 0;
 }
-function Ce(e) {
+function Me(e) {
   if (!C(e))
     return;
   const n = {};
-  let r = !1;
-  for (const [c, i] of Object.entries(e)) {
-    const o = c.trim();
+  let i = !1;
+  for (const [s, r] of Object.entries(e)) {
+    const o = s.trim();
     if (!o)
       continue;
-    const l = w(i);
-    l && (n[o] = l, r = !0);
+    const f = _(r);
+    f && (n[o] = f, i = !0);
   }
-  return r ? n : void 0;
+  return i ? n : void 0;
+}
+function Se(e) {
+  if (!C(e))
+    return;
+  const n = {};
+  let i = !1;
+  for (const [s, r] of Object.entries(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);
+  }
+  return i ? n : void 0;
 }
 function je(e) {
   if (!C(e))
     return;
-  const n = Oe(e.booleans), r = Se(e.numbers), c = Ce(e.strings);
-  if (!(!n && !r && !c))
-    return { booleans: n, numbers: r, strings: c };
+  const n = Ce(e.booleans), i = de(e.numbers), s = Me(e.strings), r = Se(e.colors), o = de(e.enums);
+  if (!(!n && !i && !s && !r && !o))
+    return { booleans: n, numbers: i, strings: s, colors: r, enums: o };
 }
-function Me(e) {
+function Pe(e) {
   if (!Array.isArray(e))
     return;
   const n = [];
-  for (const r of e) {
-    if (!C(r))
+  for (const i of e) {
+    if (!C(i))
       continue;
-    const c = w(r.name), i = K(r.sequence);
-    !c || i === void 0 || n.push({ name: c, sequence: i });
+    const s = _(i.name), r = L(i.sequence);
+    !s || r === void 0 || n.push({ name: s, sequence: r });
   }
   if (n.length !== 0)
     return n;
 }
-function Pe(e) {
+function xe(e) {
   if (!C(e))
     return;
   const n = {};
-  let r = !1;
-  for (const [c, i] of Object.entries(e)) {
-    const o = c.trim();
+  let i = !1;
+  for (const [s, r] of Object.entries(e)) {
+    const o = s.trim();
     if (o) {
-      if (typeof i == "boolean") {
-        n[o] = i, r = !0;
+      if (typeof r == "boolean") {
+        n[o] = r, i = !0;
         continue;
       }
-      if (typeof i == "number" && Number.isFinite(i)) {
-        n[o] = i, r = !0;
+      if (typeof r == "number" && Number.isFinite(r)) {
+        n[o] = r, i = !0;
         continue;
       }
-      if (typeof i == "string") {
-        const l = i.trim();
-        if (!l)
+      if (typeof r == "string") {
+        const f = r.trim();
+        if (!f)
           continue;
-        n[o] = l, r = !0;
+        n[o] = f, i = !0;
       }
     }
   }
-  return r ? n : void 0;
+  return i ? n : void 0;
 }
 function Ne(e) {
   if (!C(e))
     return;
-  const n = w(e.name);
+  const n = _(e.name);
   if (!n)
     return;
-  const r = K(e.type), c = K(e.delay), i = w(e.url), o = w(e.target), l = Pe(e.properties);
+  const i = L(e.type), s = L(e.delay), r = _(e.url), o = _(e.target), f = xe(e.properties);
   return {
     name: n,
-    type: r === void 0 ? void 0 : Math.trunc(r),
-    delay: c,
-    url: i,
+    type: i === void 0 ? void 0 : Math.trunc(i),
+    delay: s,
+    url: r,
     target: o,
-    properties: l
+    properties: f
   };
 }
-function xe(e) {
+function Ie(e) {
   if (!C(e))
     return;
   const n = {};
-  let r = !1;
-  for (const [c, i] of Object.entries(e)) {
-    const o = c.trim();
+  let i = !1;
+  for (const [s, r] of Object.entries(e)) {
+    const o = s.trim();
     if (!o)
       continue;
-    const l = w(i);
-    l && (n[o] = l, r = !0);
+    const f = _(r);
+    f && (n[o] = f, i = !0);
   }
-  return r ? n : void 0;
+  return i ? n : void 0;
 }
-function Ie(e) {
+function Fe(e) {
   if (!Array.isArray(e))
     return;
   const n = [];
-  for (const r of e) {
-    if (!C(r))
+  for (const i of e) {
+    if (!C(i))
       continue;
-    const c = w(r.key), i = w(r.input), o = w(r.kind);
-    if (!c || !i || !o)
+    const s = _(i.key), r = _(i.input), o = _(i.kind);
+    if (!s || !r || !o)
       continue;
-    const l = c.replace(/[-_\s]+/g, "").toLowerCase();
-    let p;
-    switch (l) {
+    const f = s.replace(/[-_\s]+/g, "").toLowerCase();
+    let y;
+    switch (f) {
       case "arrowup":
       case "up":
-        p = "ArrowUp";
+        y = "ArrowUp";
         break;
       case "arrowdown":
       case "down":
-        p = "ArrowDown";
+        y = "ArrowDown";
         break;
       case "arrowleft":
       case "left":
-        p = "ArrowLeft";
+        y = "ArrowLeft";
         break;
       case "arrowright":
       case "right":
-        p = "ArrowRight";
+        y = "ArrowRight";
         break;
       default:
         continue;
     }
-    const _ = o.replace(/[-_\s]+/g, "").toLowerCase();
-    let T;
-    _ === "boolean" ? T = "boolean" : _ === "trigger" && (T = "trigger"), T && n.push({ key: p, input: i, kind: T });
+    const k = o.replace(/[-_\s]+/g, "").toLowerCase();
+    let A;
+    k === "boolean" ? A = "boolean" : k === "trigger" && (A = "trigger"), A && n.push({ key: y, input: r, kind: A });
   }
   return n.length > 0 ? n : void 0;
 }
-function Fe(e, n) {
+function Le(e, n) {
   return n.byteLength > 0 ? (e.decode(n), !0) : !1;
 }
-function Le() {
+function De() {
   if (typeof globalThis > "u")
     return !1;
-  const e = globalThis, n = typeof e.OffscreenCanvas < "u", r = typeof e.crossOriginIsolated == "boolean" ? e.crossOriginIsolated : !1;
-  return n && r;
+  const e = globalThis, n = typeof e.OffscreenCanvas < "u", i = typeof e.crossOriginIsolated == "boolean" ? e.crossOriginIsolated : !1;
+  return n && i;
 }
-function De(e) {
-  const n = Y(
-    () => new be({
-      fit: e.layoutFit ?? k.Contain,
-      alignment: e.layoutAlignment ?? O.Center
+function ze(e) {
+  const n = K(
+    () => new he({
+      fit: e.layoutFit ?? O.Contain,
+      alignment: e.layoutAlignment ?? S.Center
     }),
     [e.layoutFit, e.layoutAlignment]
-  ), r = Y(() => Le(), []), c = (e.useOffscreenRenderer ?? !0) && r, i = ee(null);
-  i.current === null && (i.current = {
+  ), i = K(() => De(), []), s = (e.useOffscreenRenderer ?? !0) && i, r = ee(null);
+  r.current === null && (r.current = {
     src: e.src,
     stateMachines: e.stateMachines,
     autoplay: e.autoplay ?? !0,
-    useOffscreenRenderer: c,
+    useOffscreenRenderer: s,
     autoBind: e.autoBind ?? !0,
     enableMultiTouch: e.enableMultiTouch,
     dispatchPointerExit: e.dispatchPointerExit,
     isTouchScrollEnabled: e.isTouchScrollEnabled,
     shouldDisableRiveListeners: e.shouldDisableRiveListeners,
     layout: n,
-    assetLoader: Fe
+    assetLoader: Le
   });
-  const { rive: o, RiveComponent: l } = he(i.current), p = ee(/* @__PURE__ */ new Map()), { dispatchAction: _ } = e, T = Y(() => {
+  const { rive: o, RiveComponent: f } = ve(r.current), y = ee(/* @__PURE__ */ new Map()), { dispatchAction: k } = e, A = K(() => {
     if (!e.eventHandlers)
       return;
-    const u = Object.entries(e.eventHandlers);
-    if (u.length === 0)
+    const a = Object.entries(e.eventHandlers);
+    if (a.length === 0)
       return;
-    const f = /* @__PURE__ */ new Map();
-    for (const [d, b] of u) {
-      const m = d.trim();
-      if (!m)
+    const l = /* @__PURE__ */ new Map();
+    for (const [d, m] of a) {
+      const b = d.trim();
+      if (!b)
         continue;
-      const g = b.trim();
-      g && f.set(m, g);
+      const h = m.trim();
+      h && l.set(b, h);
     }
-    return f.size > 0 ? f : void 0;
-  }, [e.eventHandlers]), s = Y(() => {
+    return l.size > 0 ? l : void 0;
+  }, [e.eventHandlers]), c = K(() => {
     if (!e.keyboardBindings || e.keyboardBindings.length === 0)
       return;
-    const u = /* @__PURE__ */ new Map();
-    for (const f of e.keyboardBindings) {
-      const d = u.get(f.key);
-      d ? d.push(f) : u.set(f.key, [f]);
+    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]);
     }
-    return u;
-  }, [e.keyboardBindings]), E = ee(/* @__PURE__ */ new Set());
-  q(() => {
-    E.current.clear();
-  }, [s]), q(() => {
-    const u = o?.viewModelInstance;
-    if (!u)
+    return a;
+  }, [e.keyboardBindings]), T = ee(/* @__PURE__ */ new Set());
+  W(() => {
+    T.current.clear();
+  }, [c]), W(() => {
+    const a = o?.viewModelInstance;
+    if (!a)
       return;
-    const f = e.viewModel?.booleans;
-    if (f)
-      for (const [m, g] of Object.entries(f)) {
-        const v = u.boolean(m);
-        v && (v.value = g);
+    const l = e.viewModel?.booleans;
+    if (l)
+      for (const [g, R] of Object.entries(l)) {
+        const p = a.boolean(g);
+        p && (p.value = R);
       }
     const d = e.viewModel?.numbers;
     if (d)
-      for (const [m, g] of Object.entries(d)) {
-        const v = u.number(m);
-        v && (v.value = g);
+      for (const [g, R] of Object.entries(d)) {
+        const p = a.number(g);
+        p && (p.value = R);
       }
-    const b = e.viewModel?.strings;
+    const m = e.viewModel?.strings;
+    if (m)
+      for (const [g, R] of Object.entries(m)) {
+        const p = a.string(g);
+        p && (p.value = R);
+      }
+    const b = e.viewModel?.colors;
     if (b)
-      for (const [m, g] of Object.entries(b)) {
-        const v = u.string(m);
-        v && (v.value = g);
+      for (const [g, R] of Object.entries(b)) {
+        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 p = a.enum(g);
+        p && "valueIndex" in p && (p.valueIndex = R);
       }
-  }, [e.viewModel, o]), q(() => {
-    if (!(!o || !e.triggerRequests || !e.stateMachines))
-      for (const u of e.triggerRequests) {
-        const f = p.current.get(u.name);
-        if (!(f !== void 0 && u.sequence <= f)) {
-          p.current.set(u.name, u.sequence);
-          for (const d of e.stateMachines) {
-            const b = o.stateMachineInputs(d);
-            if (!b)
+  }, [e.viewModel, o]), W(() => {
+    if (!(!o || !e.triggerRequests))
+      for (const a of e.triggerRequests) {
+        const l = y.current.get(a.name);
+        if (l !== void 0 && a.sequence <= l)
+          continue;
+        y.current.set(a.name, a.sequence);
+        let d = !1;
+        const m = o.viewModelInstance;
+        if (m) {
+          const b = m.trigger(a.name);
+          b && (b.trigger(), d = !0);
+        }
+        if (!d && e.stateMachines)
+          for (const b of e.stateMachines) {
+            const h = o.stateMachineInputs(b);
+            if (!h)
               continue;
-            const m = b.find((g) => g.name === u.name);
-            if (m && "fire" in m) {
-              m.fire();
+            const g = h.find((R) => R.name === a.name);
+            if (g && "fire" in g) {
+              g.fire();
               break;
             }
           }
-        }
       }
-  }, [e.triggerRequests, e.stateMachines, o]), q(() => {
-    if (!o || !T || !_)
+  }, [e.triggerRequests, e.stateMachines, o]), W(() => {
+    if (!o || !A || !k)
       return;
-    const u = (f) => {
-      if (f.type !== te.RiveEvent)
+    const a = (l) => {
+      if (l.type !== te.RiveEvent)
         return;
-      const d = Ne(f.data);
+      const d = Ne(l.data);
       if (!d)
         return;
-      const b = T.get(d.name);
-      b && _(b, d);
+      let m = A.get(d.name);
+      m || (m = A.get("*")), m && k(m, d);
     };
-    return o.on?.(te.RiveEvent, u), () => {
-      o.off?.(te.RiveEvent, u);
+    return o.on?.(te.RiveEvent, a), () => {
+      o.off?.(te.RiveEvent, a);
     };
-  }, [o, T, _]);
-  const j = U(
-    (u) => {
-      s && u.currentTarget.focus();
+  }, [o, A, k]);
+  const P = H(
+    (a) => {
+      c && a.currentTarget.focus();
     },
-    [s]
-  ), I = U(
-    (u) => {
-      if (!s)
+    [c]
+  ), D = H(
+    (a) => {
+      if (!c)
         return;
-      const f = u.key, d = s.get(f);
+      const l = a.key, d = c.get(l);
       if (!d || d.length === 0)
         return;
-      if (E.current.has(f)) {
-        u.preventDefault();
+      if (T.current.has(l)) {
+        a.preventDefault();
         return;
       }
-      const b = o?.viewModelInstance;
-      if (!b)
+      const m = o?.viewModelInstance;
+      if (!m)
         return;
-      let m = !1;
-      for (const g of d)
-        if (g.kind === "boolean") {
-          const v = b.boolean(g.input);
-          v && (v.value = !0, m = !0);
-        } else if (g.kind === "trigger") {
-          const v = b.trigger(g.input);
-          v && (v.trigger(), m = !0);
+      let b = !1;
+      for (const h of d)
+        if (h.kind === "boolean") {
+          const g = m.boolean(h.input);
+          g && (g.value = !0, b = !0);
+        } else if (h.kind === "trigger") {
+          const g = m.trigger(h.input);
+          g && (g.trigger(), b = !0);
         }
-      m && (E.current.add(f), u.preventDefault());
+      b && (T.current.add(l), a.preventDefault());
     },
-    [s, o]
-  ), L = U(
-    (u) => {
-      if (!s)
+    [c, o]
+  ), B = H(
+    (a) => {
+      if (!c)
         return;
-      const f = u.key, d = s.get(f);
+      const l = a.key, d = c.get(l);
       if (!d || d.length === 0)
         return;
-      const b = o?.viewModelInstance;
-      if (!b) {
-        E.current.delete(f);
+      const m = o?.viewModelInstance;
+      if (!m) {
+        T.current.delete(l);
         return;
       }
-      E.current.delete(f);
-      let m = !1;
-      for (const g of d) {
-        if (g.kind !== "boolean")
+      T.current.delete(l);
+      let b = !1;
+      for (const h of d) {
+        if (h.kind !== "boolean")
           continue;
-        const v = b.boolean(g.input);
-        v && (v.value = !1, m = !0);
+        const g = m.boolean(h.input);
+        g && (g.value = !1, b = !0);
       }
-      m && u.preventDefault();
+      b && a.preventDefault();
     },
-    [s, o]
-  ), x = U(() => {
-    if (!s || s.size === 0) {
-      E.current.clear();
+    [c, o]
+  ), F = H(() => {
+    if (!c || c.size === 0) {
+      T.current.clear();
       return;
     }
-    const u = o?.viewModelInstance, f = Array.from(E.current);
-    if (E.current.clear(), !!u)
-      for (const d of f) {
-        const b = s.get(d);
-        if (b)
-          for (const m of b) {
-            if (m.kind !== "boolean")
+    const a = o?.viewModelInstance, l = Array.from(T.current);
+    if (T.current.clear(), !!a)
+      for (const d of l) {
+        const m = c.get(d);
+        if (m)
+          for (const b of m) {
+            if (b.kind !== "boolean")
               continue;
-            const g = u.boolean(m.input);
-            g && (g.value = !1);
+            const h = a.boolean(b.input);
+            h && (h.value = !1);
           }
       }
-  }, [s, o]), M = {};
-  e.backgroundColor && (M.backgroundColor = e.backgroundColor), e.width && (M.width = e.width), e.height && (M.height = e.height);
-  const S = !!s;
-  return /* @__PURE__ */ ne.jsx("div", { className: e.className, style: M, children: /* @__PURE__ */ ne.jsx(
-    l,
+  }, [c, o]), x = {};
+  e.backgroundColor && (x.backgroundColor = e.backgroundColor), e.width && (x.width = e.width), e.height && (x.height = e.height);
+  const j = !!c;
+  return /* @__PURE__ */ ne.jsx("div", { className: e.className, style: x, children: /* @__PURE__ */ ne.jsx(
+    f,
     {
       style: { width: "100%", height: "100%", backgroundColor: "transparent" },
-      tabIndex: S ? 0 : void 0,
-      onPointerDown: S ? j : void 0,
-      onKeyDown: S ? I : void 0,
-      onKeyUp: S ? L : void 0,
-      onBlur: S ? x : void 0
+      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
     }
   ) });
 }
-function ze() {
+function Be() {
   const e = /* @__PURE__ */ new Map();
   return (n) => {
     if (n.type !== "rive-canvas")
       return;
-    const r = w(n.props.src);
-    if (!r)
+    const i = _(n.props.src);
+    if (!i)
       return;
-    const c = e.get(n.id);
-    if (c)
-      return c;
-    const i = ge(function({ nodeId: l, context: p, className: _ }) {
-      const s = ve(p.store, l) ?? n, E = w(s.props.src) ?? r, j = we(s.props.stateMachines), I = N(s.props.autoplay), L = N(s.props.autoBind), x = N(s.props.useOffscreenRenderer), M = N(s.props.enableMultiTouch), S = N(s.props.dispatchPointerExit), u = N(s.props.isTouchScrollEnabled), f = N(s.props.shouldDisableRiveListeners), d = Ie(s.props.keyboardBindings), b = Te(s.props.layoutFit), m = Ae(s.props.layoutAlignment), g = w(s.props.backgroundColor), v = le(s.props.width), W = le(s.props.height), H = je(s.props.viewModel), D = Me(s.props.triggerRequests), V = xe(s.props.eventHandlers), J = Ee(
-        s.styleIds,
-        _,
-        w(s.props.style)
-      );
+    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(
+        c.styleIds,
+        k,
+        _(c.props.style)
+      ), Y = `${m ?? "contain"}-${b ?? "center"}`;
       return /* @__PURE__ */ ne.jsx(
-        De,
+        ze,
         {
-          src: E,
-          stateMachines: j,
-          autoplay: I,
-          autoBind: L,
-          useOffscreenRenderer: x,
-          enableMultiTouch: M,
-          dispatchPointerExit: S,
-          isTouchScrollEnabled: u,
-          shouldDisableRiveListeners: f,
+          src: T,
+          stateMachines: P,
+          autoplay: D,
+          autoBind: B,
+          useOffscreenRenderer: F,
+          enableMultiTouch: x,
+          dispatchPointerExit: j,
+          isTouchScrollEnabled: a,
+          shouldDisableRiveListeners: l,
           keyboardBindings: d,
-          layoutFit: b,
-          layoutAlignment: m,
-          backgroundColor: g,
-          width: v,
-          height: W,
-          viewModel: H,
-          triggerRequests: D,
-          eventHandlers: V,
-          dispatchAction: p.dispatchAction,
-          className: J
-        }
+          layoutFit: m,
+          layoutAlignment: b,
+          backgroundColor: h,
+          width: g,
+          height: R,
+          viewModel: p,
+          triggerRequests: V,
+          eventHandlers: U,
+          dispatchAction: y.dispatchAction,
+          className: G
+        },
+        Y
       );
     });
-    return e.set(n.id, i), i;
+    return e.set(n.id, r), r;
   };
 }
-const Be = "rive";
-function Ve() {
-  return [ze()];
+const Ve = "rive";
+function Ye() {
+  return [Be()];
 }
-const Ye = () => Ve();
-function Ke(e) {
-  e.registerModule(Be, Ye);
+const qe = () => Ye();
+function We(e) {
+  e.registerModule(Ve, qe);
 }
 export {
-  Be as IKON_UI_RIVE_MODULE,
-  ze as createRiveCanvasResolver,
-  Ve as createRiveResolvers,
-  Ye as loadRiveModule,
-  Ke as registerRiveModule
+  Ve as IKON_UI_RIVE_MODULE,
+  Be as createRiveCanvasResolver,
+  Ye as createRiveResolvers,
+  qe as loadRiveModule,
+  We as registerRiveModule
 };

package/package.json

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