@sudobility/gaming-components 2.0.9 → 2.0.12

package/dist/index.esm.js

@@ -1,562 +1,302 @@
-import er from "react";
-import { cn as b } from "@sudobility/components";
-var v = { exports: {} }, y = {};
-var I;
-function ar() {
-  if (I) return y;
-  I = 1;
-  var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), o = /* @__PURE__ */ Symbol.for("react.fragment");
-  function a(i, n, l) {
-    var s = null;
-    if (l !== void 0 && (s = "" + l), n.key !== void 0 && (s = "" + n.key), "key" in n) {
-      l = {};
-      for (var d in n)
-        d !== "key" && (l[d] = n[d]);
-    } else l = n;
-    return n = l.ref, {
-      $$typeof: t,
-      type: i,
-      key: s,
-      ref: n !== void 0 ? n : null,
-      props: l
-    };
-  }
-  return y.Fragment = o, y.jsx = a, y.jsxs = a, y;
-}
-var k = {};
-var F;
-function tr() {
-  return F || (F = 1, process.env.NODE_ENV !== "production" && (function() {
-    function t(r) {
-      if (r == null) return null;
-      if (typeof r == "function")
-        return r.$$typeof === Q ? null : r.displayName || r.name || null;
-      if (typeof r == "string") return r;
-      switch (r) {
-        case _:
-          return "Fragment";
-        case J:
-          return "Profiler";
-        case q:
-          return "StrictMode";
-        case B:
-          return "Suspense";
-        case X:
-          return "SuspenseList";
-        case Z:
-          return "Activity";
-      }
-      if (typeof r == "object")
-        switch (typeof r.tag == "number" && console.error(
-          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), r.$$typeof) {
-          case W:
-            return "Portal";
-          case z:
-            return r.displayName || "Context";
-          case V:
-            return (r._context.displayName || "Context") + ".Consumer";
-          case G:
-            var e = r.render;
-            return r = r.displayName, r || (r = e.displayName || e.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
-          case H:
-            return e = r.displayName || null, e !== null ? e : t(r.type) || "Memo";
-          case E:
-            e = r._payload, r = r._init;
-            try {
-              return t(r(e));
-            } catch {
-            }
-        }
-      return null;
-    }
-    function o(r) {
-      return "" + r;
-    }
-    function a(r) {
-      try {
-        o(r);
-        var e = !1;
-      } catch {
-        e = !0;
-      }
-      if (e) {
-        e = console;
-        var c = e.error, u = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
-        return c.call(
-          e,
-          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          u
-        ), o(r);
-      }
-    }
-    function i(r) {
-      if (r === _) return "<>";
-      if (typeof r == "object" && r !== null && r.$$typeof === E)
-        return "<...>";
-      try {
-        var e = t(r);
-        return e ? "<" + e + ">" : "<...>";
-      } catch {
-        return "<...>";
-      }
-    }
-    function n() {
-      var r = w.A;
-      return r === null ? null : r.getOwner();
-    }
-    function l() {
-      return Error("react-stack-top-frame");
-    }
-    function s(r) {
-      if (O.call(r, "key")) {
-        var e = Object.getOwnPropertyDescriptor(r, "key").get;
-        if (e && e.isReactWarning) return !1;
-      }
-      return r.key !== void 0;
-    }
-    function d(r, e) {
-      function c() {
-        P || (P = !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)",
-          e
-        ));
-      }
-      c.isReactWarning = !0, Object.defineProperty(r, "key", {
-        get: c,
-        configurable: !0
-      });
-    }
-    function D() {
-      var r = t(this.type);
-      return A[r] || (A[r] = !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."
-      )), r = this.props.ref, r !== void 0 ? r : null;
-    }
-    function M(r, e, c, u, h, R) {
-      var g = c.ref;
-      return r = {
-        $$typeof: j,
-        type: r,
-        key: e,
-        props: c,
-        _owner: u
-      }, (g !== void 0 ? g : null) !== null ? Object.defineProperty(r, "ref", {
-        enumerable: !1,
-        get: D
-      }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: 0
-      }), Object.defineProperty(r, "_debugInfo", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: null
-      }), Object.defineProperty(r, "_debugStack", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: h
-      }), Object.defineProperty(r, "_debugTask", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: R
-      }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
-    }
-    function T(r, e, c, u, h, R) {
-      var g = e.children;
-      if (g !== void 0)
-        if (u)
-          if (K(g)) {
-            for (u = 0; u < g.length; u++)
-              S(g[u]);
-            Object.freeze && Object.freeze(g);
-          } 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 S(g);
-      if (O.call(e, "key")) {
-        g = t(r);
-        var m = Object.keys(e).filter(function(rr) {
-          return rr !== "key";
-        });
-        u = 0 < m.length ? "{key: someKey, " + m.join(": ..., ") + ": ...}" : "{key: someKey}", $[g + u] || (m = 0 < m.length ? "{" + m.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} />`,
-          u,
-          g,
-          m,
-          g
-        ), $[g + u] = !0);
-      }
-      if (g = null, c !== void 0 && (a(c), g = "" + c), s(e) && (a(e.key), g = "" + e.key), "key" in e) {
-        c = {};
-        for (var U in e)
-          U !== "key" && (c[U] = e[U]);
-      } else c = e;
-      return g && d(
-        c,
-        typeof r == "function" ? r.displayName || r.name || "Unknown" : r
-      ), M(
-        r,
-        g,
-        c,
-        n(),
-        h,
-        R
-      );
-    }
-    function S(r) {
-      C(r) ? r._store && (r._store.validated = 1) : typeof r == "object" && r !== null && r.$$typeof === E && (r._payload.status === "fulfilled" ? C(r._payload.value) && r._payload.value._store && (r._payload.value._store.validated = 1) : r._store && (r._store.validated = 1));
-    }
-    function C(r) {
-      return typeof r == "object" && r !== null && r.$$typeof === j;
-    }
-    var p = er, j = /* @__PURE__ */ Symbol.for("react.transitional.element"), W = /* @__PURE__ */ Symbol.for("react.portal"), _ = /* @__PURE__ */ Symbol.for("react.fragment"), q = /* @__PURE__ */ Symbol.for("react.strict_mode"), J = /* @__PURE__ */ Symbol.for("react.profiler"), V = /* @__PURE__ */ Symbol.for("react.consumer"), z = /* @__PURE__ */ Symbol.for("react.context"), G = /* @__PURE__ */ Symbol.for("react.forward_ref"), B = /* @__PURE__ */ Symbol.for("react.suspense"), X = /* @__PURE__ */ Symbol.for("react.suspense_list"), H = /* @__PURE__ */ Symbol.for("react.memo"), E = /* @__PURE__ */ Symbol.for("react.lazy"), Z = /* @__PURE__ */ Symbol.for("react.activity"), Q = /* @__PURE__ */ Symbol.for("react.client.reference"), w = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, O = Object.prototype.hasOwnProperty, K = Array.isArray, x = console.createTask ? console.createTask : function() {
-      return null;
-    };
-    p = {
-      react_stack_bottom_frame: function(r) {
-        return r();
-      }
-    };
-    var P, A = {}, N = p.react_stack_bottom_frame.bind(
-      p,
-      l
-    )(), Y = x(i(l)), $ = {};
-    k.Fragment = _, k.jsx = function(r, e, c) {
-      var u = 1e4 > w.recentlyCreatedOwnerStacks++;
-      return T(
-        r,
-        e,
-        c,
-        !1,
-        u ? Error("react-stack-top-frame") : N,
-        u ? x(i(r)) : Y
-      );
-    }, k.jsxs = function(r, e, c) {
-      var u = 1e4 > w.recentlyCreatedOwnerStacks++;
-      return T(
-        r,
-        e,
-        c,
-        !0,
-        u ? Error("react-stack-top-frame") : N,
-        u ? x(i(r)) : Y
-      );
-    };
-  })()), k;
-}
-var L;
-function or() {
-  return L || (L = 1, process.env.NODE_ENV === "production" ? v.exports = ar() : v.exports = tr()), v.exports;
-}
-var f = or();
-const cr = ({
-  className: t,
-  children: o,
-  disabled: a
-}) => /* @__PURE__ */ f.jsx(
+import { jsx as d } from "react/jsx-runtime";
+import { cn as c } from "@sudobility/components";
+const b = ({
+  className: e,
+  children: a,
+  disabled: r
+}) => /* @__PURE__ */ d(
   "div",
   {
-    className: b(
+    className: c(
       "p-4 rounded-lg border transition-colors",
       "bg-white dark:bg-gray-900",
       "border-gray-200 dark:border-gray-700",
       "text-gray-900 dark:text-white",
-      a && "opacity-50 cursor-not-allowed",
-      t
+      r && "opacity-50 cursor-not-allowed",
+      e
     ),
     role: "region",
     "aria-label": "SustainabilityScore",
-    children: o || "SustainabilityScore Component"
+    children: a || "SustainabilityScore Component"
   }
-), ir = ({
-  className: t,
-  children: o,
-  disabled: a = !1,
-  onClick: i,
-  onTrack: n,
-  trackingLabel: l,
-  componentName: s = "UachievementUbadge"
+), y = ({
+  className: e,
+  children: a,
+  disabled: r = !1,
+  onClick: o,
+  onTrack: t,
+  trackingLabel: n,
+  componentName: i = "UachievementUbadge"
 }) => {
-  const d = () => {
-    a || (n?.({ action: "click", trackingLabel: l, componentName: s }), i?.());
+  const l = () => {
+    r || (t?.({ action: "click", trackingLabel: n, componentName: i }), o?.());
   };
-  return /* @__PURE__ */ f.jsx(
+  return /* @__PURE__ */ d(
     "div",
     {
-      className: b(
+      className: c(
         "p-4 rounded-lg border transition-colors",
         "bg-white dark:bg-gray-900",
         "border-gray-200 dark:border-gray-700",
         "text-gray-900 dark:text-white",
-        a && "opacity-50 cursor-not-allowed",
+        r && "opacity-50 cursor-not-allowed",
         "hover:bg-gray-50 dark:hover:bg-gray-800",
-        t
+        e
       ),
-      onClick: d,
+      onClick: l,
       role: "region",
       "aria-label": "UachievementUbadge",
-      children: o || "UachievementUbadge Component"
+      children: a || "UachievementUbadge Component"
     }
   );
-}, sr = ({
-  className: t,
-  children: o,
-  disabled: a = !1,
-  onClick: i,
-  onTrack: n,
-  trackingLabel: l,
-  componentName: s = "UachievementUunlock"
+}, h = ({
+  className: e,
+  children: a,
+  disabled: r = !1,
+  onClick: o,
+  onTrack: t,
+  trackingLabel: n,
+  componentName: i = "UachievementUunlock"
 }) => {
-  const d = () => {
-    a || (n?.({ action: "click", trackingLabel: l, componentName: s }), i?.());
+  const l = () => {
+    r || (t?.({ action: "click", trackingLabel: n, componentName: i }), o?.());
   };
-  return /* @__PURE__ */ f.jsx(
+  return /* @__PURE__ */ d(
     "div",
     {
-      className: b(
+      className: c(
         "p-4 rounded-lg border transition-colors",
         "bg-white dark:bg-gray-900",
         "border-gray-200 dark:border-gray-700",
         "text-gray-900 dark:text-white",
-        a && "opacity-50 cursor-not-allowed",
+        r && "opacity-50 cursor-not-allowed",
         "hover:bg-gray-50 dark:hover:bg-gray-800",
-        t
+        e
       ),
-      onClick: d,
+      onClick: l,
       role: "region",
       "aria-label": "UachievementUunlock",
-      children: o || "UachievementUunlock Component"
+      children: a || "UachievementUunlock Component"
     }
   );
-}, dr = ({
-  className: t,
-  children: o,
-  disabled: a = !1,
-  onClick: i,
-  onTrack: n,
-  trackingLabel: l,
-  componentName: s = "UgameUcontrols"
+}, k = ({
+  className: e,
+  children: a,
+  disabled: r = !1,
+  onClick: o,
+  onTrack: t,
+  trackingLabel: n,
+  componentName: i = "UgameUcontrols"
 }) => {
-  const d = () => {
-    a || (n?.({ action: "click", trackingLabel: l, componentName: s }), i?.());
+  const l = () => {
+    r || (t?.({ action: "click", trackingLabel: n, componentName: i }), o?.());
   };
-  return /* @__PURE__ */ f.jsx(
+  return /* @__PURE__ */ d(
     "div",
     {
-      className: b(
+      className: c(
         "p-4 rounded-lg border transition-colors",
         "bg-white dark:bg-gray-900",
         "border-gray-200 dark:border-gray-700",
         "text-gray-900 dark:text-white",
-        a && "opacity-50 cursor-not-allowed",
+        r && "opacity-50 cursor-not-allowed",
         "hover:bg-gray-50 dark:hover:bg-gray-800",
-        t
+        e
       ),
-      onClick: d,
+      onClick: l,
       role: "region",
       "aria-label": "UgameUcontrols",
-      children: o || "UgameUcontrols Component"
+      children: a || "UgameUcontrols Component"
     }
   );
-}, ur = ({
-  className: t,
-  children: o,
-  disabled: a
-}) => /* @__PURE__ */ f.jsx(
+}, U = ({
+  className: e,
+  children: a,
+  disabled: r
+}) => /* @__PURE__ */ d(
   "div",
   {
-    className: b(
+    className: c(
       "p-4 rounded-lg border transition-colors",
       "bg-white dark:bg-gray-900",
       "border-gray-200 dark:border-gray-700",
       "text-gray-900 dark:text-white",
-      a && "opacity-50 cursor-not-allowed",
-      t
+      r && "opacity-50 cursor-not-allowed",
+      e
     ),
     role: "region",
     "aria-label": "LeadScorer",
-    children: o || "LeadScorer Component"
+    children: a || "LeadScorer Component"
   }
-), gr = ({
-  className: t,
-  children: o,
-  disabled: a = !1,
-  onClick: i,
-  onTrack: n,
-  trackingLabel: l,
-  componentName: s = "UleaderboardUpodium"
+), p = ({
+  className: e,
+  children: a,
+  disabled: r = !1,
+  onClick: o,
+  onTrack: t,
+  trackingLabel: n,
+  componentName: i = "UleaderboardUpodium"
 }) => {
-  const d = () => {
-    a || (n?.({ action: "click", trackingLabel: l, componentName: s }), i?.());
+  const l = () => {
+    r || (t?.({ action: "click", trackingLabel: n, componentName: i }), o?.());
   };
-  return /* @__PURE__ */ f.jsx(
+  return /* @__PURE__ */ d(
     "div",
     {
-      className: b(
+      className: c(
         "p-4 rounded-lg border transition-colors",
         "bg-white dark:bg-gray-900",
         "border-gray-200 dark:border-gray-700",
         "text-gray-900 dark:text-white",
-        a && "opacity-50 cursor-not-allowed",
+        r && "opacity-50 cursor-not-allowed",
         "hover:bg-gray-50 dark:hover:bg-gray-800",
-        t
+        e
       ),
-      onClick: d,
+      onClick: l,
       role: "region",
       "aria-label": "UleaderboardUpodium",
-      children: o || "UleaderboardUpodium Component"
+      children: a || "UleaderboardUpodium Component"
     }
   );
-}, br = ({
-  className: t,
-  children: o,
-  disabled: a
-}) => /* @__PURE__ */ f.jsx(
+}, u = ({
+  className: e,
+  children: a,
+  disabled: r
+}) => /* @__PURE__ */ d(
   "div",
   {
-    className: b(
+    className: c(
       "p-4 rounded-lg border transition-colors",
       "bg-white dark:bg-gray-900",
       "border-gray-200 dark:border-gray-700",
       "text-gray-900 dark:text-white",
-      a && "opacity-50 cursor-not-allowed",
-      t
+      r && "opacity-50 cursor-not-allowed",
+      e
     ),
     role: "region",
     "aria-label": "PlayerStats",
-    children: o || "PlayerStats Component"
+    children: a || "PlayerStats Component"
   }
-), fr = ({
-  className: t,
-  children: o,
-  disabled: a
-}) => /* @__PURE__ */ f.jsx(
+), m = ({
+  className: e,
+  children: a,
+  disabled: r
+}) => /* @__PURE__ */ d(
   "div",
   {
-    className: b(
+    className: c(
       "p-4 rounded-lg border transition-colors",
       "bg-white dark:bg-gray-900",
       "border-gray-200 dark:border-gray-700",
       "text-gray-900 dark:text-white",
-      a && "opacity-50 cursor-not-allowed",
-      t
+      r && "opacity-50 cursor-not-allowed",
+      e
     ),
     role: "region",
     "aria-label": "ScoreBoard",
-    children: o || "ScoreBoard Component"
+    children: a || "ScoreBoard Component"
   }
-), mr = ({
-  className: t,
-  children: o,
-  disabled: a = !1,
-  onClick: i,
-  onTrack: n,
-  trackingLabel: l,
-  componentName: s = "UscoreUdisplay"
+), w = ({
+  className: e,
+  children: a,
+  disabled: r = !1,
+  onClick: o,
+  onTrack: t,
+  trackingLabel: n,
+  componentName: i = "UscoreUdisplay"
 }) => {
-  const d = () => {
-    a || (n?.({ action: "click", trackingLabel: l, componentName: s }), i?.());
+  const l = () => {
+    r || (t?.({ action: "click", trackingLabel: n, componentName: i }), o?.());
   };
-  return /* @__PURE__ */ f.jsx(
+  return /* @__PURE__ */ d(
     "div",
     {
-      className: b(
+      className: c(
         "p-4 rounded-lg border transition-colors",
         "bg-white dark:bg-gray-900",
         "border-gray-200 dark:border-gray-700",
         "text-gray-900 dark:text-white",
-        a && "opacity-50 cursor-not-allowed",
+        r && "opacity-50 cursor-not-allowed",
         "hover:bg-gray-50 dark:hover:bg-gray-800",
-        t
+        e
       ),
-      onClick: d,
+      onClick: l,
       role: "region",
       "aria-label": "UscoreUdisplay",
-      children: o || "UscoreUdisplay Component"
+      children: a || "UscoreUdisplay Component"
     }
   );
-}, yr = ({
-  className: t,
-  children: o,
-  disabled: a = !1,
-  onClick: i,
-  onTrack: n,
-  trackingLabel: l,
-  componentName: s = "UscratchUcard"
+}, v = ({
+  className: e,
+  children: a,
+  disabled: r = !1,
+  onClick: o,
+  onTrack: t,
+  trackingLabel: n,
+  componentName: i = "UscratchUcard"
 }) => {
-  const d = () => {
-    a || (n?.({ action: "click", trackingLabel: l, componentName: s }), i?.());
+  const l = () => {
+    r || (t?.({ action: "click", trackingLabel: n, componentName: i }), o?.());
   };
-  return /* @__PURE__ */ f.jsx(
+  return /* @__PURE__ */ d(
     "div",
     {
-      className: b(
+      className: c(
         "p-4 rounded-lg border transition-colors",
         "bg-white dark:bg-gray-900",
         "border-gray-200 dark:border-gray-700",
         "text-gray-900 dark:text-white",
-        a && "opacity-50 cursor-not-allowed",
+        r && "opacity-50 cursor-not-allowed",
         "hover:bg-gray-50 dark:hover:bg-gray-800",
-        t
+        e
       ),
-      onClick: d,
+      onClick: l,
       role: "region",
       "aria-label": "UscratchUcard",
-      children: o || "UscratchUcard Component"
+      children: a || "UscratchUcard Component"
     }
   );
-}, kr = ({
-  className: t,
-  children: o,
-  disabled: a = !1,
-  onClick: i,
-  onTrack: n,
-  trackingLabel: l,
-  componentName: s = "UspinUwheel"
+}, C = ({
+  className: e,
+  children: a,
+  disabled: r = !1,
+  onClick: o,
+  onTrack: t,
+  trackingLabel: n,
+  componentName: i = "UspinUwheel"
 }) => {
-  const d = () => {
-    a || (n?.({ action: "click", trackingLabel: l, componentName: s }), i?.());
+  const l = () => {
+    r || (t?.({ action: "click", trackingLabel: n, componentName: i }), o?.());
   };
-  return /* @__PURE__ */ f.jsx(
+  return /* @__PURE__ */ d(
     "div",
     {
-      className: b(
+      className: c(
         "p-4 rounded-lg border transition-colors",
         "bg-white dark:bg-gray-900",
         "border-gray-200 dark:border-gray-700",
         "text-gray-900 dark:text-white",
-        a && "opacity-50 cursor-not-allowed",
+        r && "opacity-50 cursor-not-allowed",
         "hover:bg-gray-50 dark:hover:bg-gray-800",
-        t
+        e
       ),
-      onClick: d,
+      onClick: l,
       role: "region",
       "aria-label": "UspinUwheel",
-      children: o || "UspinUwheel Component"
+      children: a || "UspinUwheel Component"
     }
   );
 };
 export {
-  ur as LeadScorer,
-  br as PlayerStats,
-  fr as ScoreBoard,
-  cr as SustainabilityScore,
-  ir as UachievementUbadge,
-  sr as UachievementUunlock,
-  dr as UgameUcontrols,
-  gr as UleaderboardUpodium,
-  mr as UscoreUdisplay,
-  yr as UscratchUcard,
-  kr as UspinUwheel
+  U as LeadScorer,
+  u as PlayerStats,
+  m as ScoreBoard,
+  b as SustainabilityScore,
+  y as UachievementUbadge,
+  h as UachievementUunlock,
+  k as UgameUcontrols,
+  p as UleaderboardUpodium,
+  w as UscoreUdisplay,
+  v as UscratchUcard,
+  C as UspinUwheel
 };

package/dist/index.umd.js

@@ -1,6 +1 @@
-(function(f,k){typeof exports=="object"&&typeof module<"u"?k(exports,require("react"),require("@sudobility/components")):typeof define=="function"&&define.amd?define(["exports","react","@sudobility/components"],k):(f=typeof globalThis<"u"?globalThis:f||self,k(f.Components={},f.React,f.components))})(this,(function(f,k,b){"use strict";var p={exports:{}},h={};var C;function W(){if(C)return h;C=1;var t=Symbol.for("react.transitional.element"),o=Symbol.for("react.fragment");function a(c,n,l){var s=null;if(l!==void 0&&(s=""+l),n.key!==void 0&&(s=""+n.key),"key"in n){l={};for(var d in n)d!=="key"&&(l[d]=n[d])}else l=n;return n=l.ref,{$$typeof:t,type:c,key:s,ref:n!==void 0?n:null,props:l}}return h.Fragment=o,h.jsx=a,h.jsxs=a,h}var v={};var j;function q(){return j||(j=1,process.env.NODE_ENV!=="production"&&(function(){function t(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===be?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case E:return"Fragment";case le:return"Profiler";case ne:return"StrictMode";case de:return"Suspense";case ue:return"SuspenseList";case fe:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case oe:return"Portal";case ce:return e.displayName||"Context";case ie:return(e._context.displayName||"Context")+".Consumer";case se:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ge:return r=e.displayName||null,r!==null?r:t(e.type)||"Memo";case w:r=e._payload,e=e._init;try{return t(e(r))}catch{}}return null}function o(e){return""+e}function a(e){try{o(e);var r=!1}catch{r=!0}if(r){r=console;var i=r.error,u=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return i.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",u),o(e)}}function c(e){if(e===E)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===w)return"<...>";try{var r=t(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function n(){var e=R.A;return e===null?null:e.getOwner()}function l(){return Error("react-stack-top-frame")}function s(e){if(I.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function d(e,r){function i(){L||(L=!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)",r))}i.isReactWarning=!0,Object.defineProperty(e,"key",{get:i,configurable:!0})}function ae(){var e=t(this.type);return $[e]||($[e]=!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.")),e=this.props.ref,e!==void 0?e:null}function te(e,r,i,u,_,T){var g=i.ref;return e={$$typeof:Y,type:e,key:r,props:i,_owner:u},(g!==void 0?g:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:ae}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:_}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:T}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function P(e,r,i,u,_,T){var g=r.children;if(g!==void 0)if(u)if(ye(g)){for(u=0;u<g.length;u++)A(g[u]);Object.freeze&&Object.freeze(g)}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 A(g);if(I.call(r,"key")){g=t(e);var m=Object.keys(r).filter(function(me){return me!=="key"});u=0<m.length?"{key: someKey, "+m.join(": ..., ")+": ...}":"{key: someKey}",M[g+u]||(m=0<m.length?"{"+m.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} />`,u,g,m,g),M[g+u]=!0)}if(g=null,i!==void 0&&(a(i),g=""+i),s(r)&&(a(r.key),g=""+r.key),"key"in r){i={};for(var x in r)x!=="key"&&(i[x]=r[x])}else i=r;return g&&d(i,typeof e=="function"?e.displayName||e.name||"Unknown":e),te(e,g,i,n(),_,T)}function A(e){N(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===w&&(e._payload.status==="fulfilled"?N(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function N(e){return typeof e=="object"&&e!==null&&e.$$typeof===Y}var U=k,Y=Symbol.for("react.transitional.element"),oe=Symbol.for("react.portal"),E=Symbol.for("react.fragment"),ne=Symbol.for("react.strict_mode"),le=Symbol.for("react.profiler"),ie=Symbol.for("react.consumer"),ce=Symbol.for("react.context"),se=Symbol.for("react.forward_ref"),de=Symbol.for("react.suspense"),ue=Symbol.for("react.suspense_list"),ge=Symbol.for("react.memo"),w=Symbol.for("react.lazy"),fe=Symbol.for("react.activity"),be=Symbol.for("react.client.reference"),R=U.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,I=Object.prototype.hasOwnProperty,ye=Array.isArray,S=console.createTask?console.createTask:function(){return null};U={react_stack_bottom_frame:function(e){return e()}};var L,$={},F=U.react_stack_bottom_frame.bind(U,l)(),D=S(c(l)),M={};v.Fragment=E,v.jsx=function(e,r,i){var u=1e4>R.recentlyCreatedOwnerStacks++;return P(e,r,i,!1,u?Error("react-stack-top-frame"):F,u?S(c(e)):D)},v.jsxs=function(e,r,i){var u=1e4>R.recentlyCreatedOwnerStacks++;return P(e,r,i,!0,u?Error("react-stack-top-frame"):F,u?S(c(e)):D)}})()),v}var O;function J(){return O||(O=1,process.env.NODE_ENV==="production"?p.exports=W():p.exports=q()),p.exports}var y=J();const V=({className:t,children:o,disabled:a})=>y.jsx("div",{className:b.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",a&&"opacity-50 cursor-not-allowed",t),role:"region","aria-label":"SustainabilityScore",children:o||"SustainabilityScore Component"}),z=({className:t,children:o,disabled:a=!1,onClick:c,onTrack:n,trackingLabel:l,componentName:s="UachievementUbadge"})=>{const d=()=>{a||(n?.({action:"click",trackingLabel:l,componentName:s}),c?.())};return y.jsx("div",{className:b.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",a&&"opacity-50 cursor-not-allowed","hover:bg-gray-50 dark:hover:bg-gray-800",t),onClick:d,role:"region","aria-label":"UachievementUbadge",children:o||"UachievementUbadge Component"})},B=({className:t,children:o,disabled:a=!1,onClick:c,onTrack:n,trackingLabel:l,componentName:s="UachievementUunlock"})=>{const d=()=>{a||(n?.({action:"click",trackingLabel:l,componentName:s}),c?.())};return y.jsx("div",{className:b.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",a&&"opacity-50 cursor-not-allowed","hover:bg-gray-50 dark:hover:bg-gray-800",t),onClick:d,role:"region","aria-label":"UachievementUunlock",children:o||"UachievementUunlock Component"})},G=({className:t,children:o,disabled:a=!1,onClick:c,onTrack:n,trackingLabel:l,componentName:s="UgameUcontrols"})=>{const d=()=>{a||(n?.({action:"click",trackingLabel:l,componentName:s}),c?.())};return y.jsx("div",{className:b.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",a&&"opacity-50 cursor-not-allowed","hover:bg-gray-50 dark:hover:bg-gray-800",t),onClick:d,role:"region","aria-label":"UgameUcontrols",children:o||"UgameUcontrols Component"})},X=({className:t,children:o,disabled:a})=>y.jsx("div",{className:b.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",a&&"opacity-50 cursor-not-allowed",t),role:"region","aria-label":"LeadScorer",children:o||"LeadScorer Component"}),H=({className:t,children:o,disabled:a=!1,onClick:c,onTrack:n,trackingLabel:l,componentName:s="UleaderboardUpodium"})=>{const d=()=>{a||(n?.({action:"click",trackingLabel:l,componentName:s}),c?.())};return y.jsx("div",{className:b.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",a&&"opacity-50 cursor-not-allowed","hover:bg-gray-50 dark:hover:bg-gray-800",t),onClick:d,role:"region","aria-label":"UleaderboardUpodium",children:o||"UleaderboardUpodium Component"})},Z=({className:t,children:o,disabled:a})=>y.jsx("div",{className:b.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",a&&"opacity-50 cursor-not-allowed",t),role:"region","aria-label":"PlayerStats",children:o||"PlayerStats Component"}),Q=({className:t,children:o,disabled:a})=>y.jsx("div",{className:b.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",a&&"opacity-50 cursor-not-allowed",t),role:"region","aria-label":"ScoreBoard",children:o||"ScoreBoard Component"}),K=({className:t,children:o,disabled:a=!1,onClick:c,onTrack:n,trackingLabel:l,componentName:s="UscoreUdisplay"})=>{const d=()=>{a||(n?.({action:"click",trackingLabel:l,componentName:s}),c?.())};return y.jsx("div",{className:b.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",a&&"opacity-50 cursor-not-allowed","hover:bg-gray-50 dark:hover:bg-gray-800",t),onClick:d,role:"region","aria-label":"UscoreUdisplay",children:o||"UscoreUdisplay Component"})},ee=({className:t,children:o,disabled:a=!1,onClick:c,onTrack:n,trackingLabel:l,componentName:s="UscratchUcard"})=>{const d=()=>{a||(n?.({action:"click",trackingLabel:l,componentName:s}),c?.())};return y.jsx("div",{className:b.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",a&&"opacity-50 cursor-not-allowed","hover:bg-gray-50 dark:hover:bg-gray-800",t),onClick:d,role:"region","aria-label":"UscratchUcard",children:o||"UscratchUcard Component"})},re=({className:t,children:o,disabled:a=!1,onClick:c,onTrack:n,trackingLabel:l,componentName:s="UspinUwheel"})=>{const d=()=>{a||(n?.({action:"click",trackingLabel:l,componentName:s}),c?.())};return y.jsx("div",{className:b.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",a&&"opacity-50 cursor-not-allowed","hover:bg-gray-50 dark:hover:bg-gray-800",t),onClick:d,role:"region","aria-label":"UspinUwheel",children:o||"UspinUwheel Component"})};f.LeadScorer=X,f.PlayerStats=Z,f.ScoreBoard=Q,f.SustainabilityScore=V,f.UachievementUbadge=z,f.UachievementUunlock=B,f.UgameUcontrols=G,f.UleaderboardUpodium=H,f.UscoreUdisplay=K,f.UscratchUcard=ee,f.UspinUwheel=re,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})}));
+(function(o,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("react/jsx-runtime"),require("@sudobility/components")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","@sudobility/components"],t):(o=typeof globalThis<"u"?globalThis:o||self,t(o.Components={},o.ReactJSXRuntime,o.SudobilityComponents))})(this,(function(o,t,g){"use strict";const s=({className:e,children:a,disabled:r})=>t.jsx("div",{className:g.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",r&&"opacity-50 cursor-not-allowed",e),role:"region","aria-label":"SustainabilityScore",children:a||"SustainabilityScore Component"}),b=({className:e,children:a,disabled:r=!1,onClick:i,onTrack:n,trackingLabel:d,componentName:c="UachievementUbadge"})=>{const l=()=>{r||(n?.({action:"click",trackingLabel:d,componentName:c}),i?.())};return t.jsx("div",{className:g.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",r&&"opacity-50 cursor-not-allowed","hover:bg-gray-50 dark:hover:bg-gray-800",e),onClick:l,role:"region","aria-label":"UachievementUbadge",children:a||"UachievementUbadge Component"})},y=({className:e,children:a,disabled:r=!1,onClick:i,onTrack:n,trackingLabel:d,componentName:c="UachievementUunlock"})=>{const l=()=>{r||(n?.({action:"click",trackingLabel:d,componentName:c}),i?.())};return t.jsx("div",{className:g.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",r&&"opacity-50 cursor-not-allowed","hover:bg-gray-50 dark:hover:bg-gray-800",e),onClick:l,role:"region","aria-label":"UachievementUunlock",children:a||"UachievementUunlock Component"})},h=({className:e,children:a,disabled:r=!1,onClick:i,onTrack:n,trackingLabel:d,componentName:c="UgameUcontrols"})=>{const l=()=>{r||(n?.({action:"click",trackingLabel:d,componentName:c}),i?.())};return t.jsx("div",{className:g.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",r&&"opacity-50 cursor-not-allowed","hover:bg-gray-50 dark:hover:bg-gray-800",e),onClick:l,role:"region","aria-label":"UgameUcontrols",children:a||"UgameUcontrols Component"})},U=({className:e,children:a,disabled:r})=>t.jsx("div",{className:g.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",r&&"opacity-50 cursor-not-allowed",e),role:"region","aria-label":"LeadScorer",children:a||"LeadScorer Component"}),k=({className:e,children:a,disabled:r=!1,onClick:i,onTrack:n,trackingLabel:d,componentName:c="UleaderboardUpodium"})=>{const l=()=>{r||(n?.({action:"click",trackingLabel:d,componentName:c}),i?.())};return t.jsx("div",{className:g.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",r&&"opacity-50 cursor-not-allowed","hover:bg-gray-50 dark:hover:bg-gray-800",e),onClick:l,role:"region","aria-label":"UleaderboardUpodium",children:a||"UleaderboardUpodium Component"})},u=({className:e,children:a,disabled:r})=>t.jsx("div",{className:g.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",r&&"opacity-50 cursor-not-allowed",e),role:"region","aria-label":"PlayerStats",children:a||"PlayerStats Component"}),p=({className:e,children:a,disabled:r})=>t.jsx("div",{className:g.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",r&&"opacity-50 cursor-not-allowed",e),role:"region","aria-label":"ScoreBoard",children:a||"ScoreBoard Component"}),w=({className:e,children:a,disabled:r=!1,onClick:i,onTrack:n,trackingLabel:d,componentName:c="UscoreUdisplay"})=>{const l=()=>{r||(n?.({action:"click",trackingLabel:d,componentName:c}),i?.())};return t.jsx("div",{className:g.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",r&&"opacity-50 cursor-not-allowed","hover:bg-gray-50 dark:hover:bg-gray-800",e),onClick:l,role:"region","aria-label":"UscoreUdisplay",children:a||"UscoreUdisplay Component"})},v=({className:e,children:a,disabled:r=!1,onClick:i,onTrack:n,trackingLabel:d,componentName:c="UscratchUcard"})=>{const l=()=>{r||(n?.({action:"click",trackingLabel:d,componentName:c}),i?.())};return t.jsx("div",{className:g.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",r&&"opacity-50 cursor-not-allowed","hover:bg-gray-50 dark:hover:bg-gray-800",e),onClick:l,role:"region","aria-label":"UscratchUcard",children:a||"UscratchUcard Component"})},m=({className:e,children:a,disabled:r=!1,onClick:i,onTrack:n,trackingLabel:d,componentName:c="UspinUwheel"})=>{const l=()=>{r||(n?.({action:"click",trackingLabel:d,componentName:c}),i?.())};return t.jsx("div",{className:g.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",r&&"opacity-50 cursor-not-allowed","hover:bg-gray-50 dark:hover:bg-gray-800",e),onClick:l,role:"region","aria-label":"UspinUwheel",children:a||"UspinUwheel Component"})};o.LeadScorer=U,o.PlayerStats=u,o.ScoreBoard=p,o.SustainabilityScore=s,o.UachievementUbadge=b,o.UachievementUunlock=y,o.UgameUcontrols=h,o.UleaderboardUpodium=k,o.UscoreUdisplay=w,o.UscratchUcard=v,o.UspinUwheel=m,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sudobility/gaming-components",
-  "version": "2.0.9",
+  "version": "2.0.12",
   "description": "gaming UI components for React",
   "type": "module",
   "main": "dist/index.umd.js",
@@ -31,16 +31,16 @@
     "typescript"
   ],
   "author": "John Q Huang",
-  "license": "MIT",
+  "license": "BUSL-1.1",
   "peerDependencies": {
-    "@sudobility/components": "^4.0.160",
+    "@sudobility/components": "^5.0.7",
     "@sudobility/design": "^1.1.18",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.38.0",
-    "@sudobility/components": "^4.0.160",
+    "@sudobility/components": "^5.0.7",
     "@sudobility/design": "^1.1.18",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.0",
@@ -59,9 +59,7 @@
     "eslint-plugin-react-hooks": "^7.0.0",
     "eslint-plugin-react-refresh": "^0.4.0",
     "jsdom": "^27.0.1",
-    "prettier": "^3.6.2",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
+    "prettier": "^3.8.1",
     "tailwind-merge": "^3.3.1",
     "typescript": "^5.9.3",
     "vite": "^7.1.12",