@sudobility/gaming-components 2.0.2 → 2.0.4

package/dist/achievement-badge.d.ts

@@ -19,6 +19,12 @@
  *
  * @see {@link https://docs.example.com/components/achievement-badge}
  */
+/** Tracking data for AchievementBadge actions */
+export interface AchievementBadgeTrackingData {
+    action: 'click';
+    trackingLabel?: string;
+    componentName?: string;
+}
 export interface UachievementUbadgeProps {
     /** Additional CSS classes */
     className?: string;
@@ -28,6 +34,12 @@ export interface UachievementUbadgeProps {
     disabled?: boolean;
     /** Callback when component is interacted with */
     onClick?: () => void;
+    /** Optional tracking callback */
+    onTrack?: (data: AchievementBadgeTrackingData) => void;
+    /** Optional tracking label */
+    trackingLabel?: string;
+    /** Optional component name for tracking */
+    componentName?: string;
 }
-export declare const UachievementUbadge: ({ className, children, disabled, onClick, }: UachievementUbadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UachievementUbadge: ({ className, children, disabled, onClick, onTrack, trackingLabel, componentName, }: UachievementUbadgeProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=achievement-badge.d.ts.map

package/dist/achievement-badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"achievement-badge.d.ts","sourceRoot":"","sources":["../src/achievement-badge.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,uBAAuB;IACtC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,kBAAkB,GAAI,6CAKhC,uBAAuB,4CAmBzB,CAAC"}
+{"version":3,"file":"achievement-badge.d.ts","sourceRoot":"","sources":["../src/achievement-badge.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,iDAAiD;AACjD,MAAM,WAAW,4BAA4B;IAC3C,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,uBAAuB;IACtC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iCAAiC;IACjC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,4BAA4B,KAAK,IAAI,CAAC;IACvD,8BAA8B;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,kBAAkB,GAAI,oFAQhC,uBAAuB,4CA0BzB,CAAC"}

package/dist/achievement-unlock.d.ts

@@ -19,6 +19,12 @@
  *
  * @see {@link https://docs.example.com/components/achievement-unlock}
  */
+/** Tracking data for AchievementUnlock actions */
+export interface AchievementUnlockTrackingData {
+    action: 'click';
+    trackingLabel?: string;
+    componentName?: string;
+}
 export interface UachievementUunlockProps {
     /** Additional CSS classes */
     className?: string;
@@ -28,6 +34,12 @@ export interface UachievementUunlockProps {
     disabled?: boolean;
     /** Callback when component is interacted with */
     onClick?: () => void;
+    /** Optional tracking callback */
+    onTrack?: (data: AchievementUnlockTrackingData) => void;
+    /** Optional tracking label */
+    trackingLabel?: string;
+    /** Optional component name for tracking */
+    componentName?: string;
 }
-export declare const UachievementUunlock: ({ className, children, disabled, onClick, }: UachievementUunlockProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UachievementUunlock: ({ className, children, disabled, onClick, onTrack, trackingLabel, componentName, }: UachievementUunlockProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=achievement-unlock.d.ts.map

package/dist/achievement-unlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"achievement-unlock.d.ts","sourceRoot":"","sources":["../src/achievement-unlock.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,wBAAwB;IACvC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,mBAAmB,GAAI,6CAKjC,wBAAwB,4CAmB1B,CAAC"}
+{"version":3,"file":"achievement-unlock.d.ts","sourceRoot":"","sources":["../src/achievement-unlock.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,kDAAkD;AAClD,MAAM,WAAW,6BAA6B;IAC5C,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,wBAAwB;IACvC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iCAAiC;IACjC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,6BAA6B,KAAK,IAAI,CAAC;IACxD,8BAA8B;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,mBAAmB,GAAI,oFAQjC,wBAAwB,4CA0B1B,CAAC"}

package/dist/game-controls.d.ts

@@ -19,6 +19,12 @@
  *
  * @see {@link https://docs.example.com/components/game-controls}
  */
+/** Tracking data for GameControls actions */
+export interface GameControlsTrackingData {
+    action: 'click';
+    trackingLabel?: string;
+    componentName?: string;
+}
 export interface UgameUcontrolsProps {
     /** Additional CSS classes */
     className?: string;
@@ -28,6 +34,12 @@ export interface UgameUcontrolsProps {
     disabled?: boolean;
     /** Callback when component is interacted with */
     onClick?: () => void;
+    /** Optional tracking callback */
+    onTrack?: (data: GameControlsTrackingData) => void;
+    /** Optional tracking label */
+    trackingLabel?: string;
+    /** Optional component name for tracking */
+    componentName?: string;
 }
-export declare const UgameUcontrols: ({ className, children, disabled, onClick, }: UgameUcontrolsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UgameUcontrols: ({ className, children, disabled, onClick, onTrack, trackingLabel, componentName, }: UgameUcontrolsProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=game-controls.d.ts.map

package/dist/game-controls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"game-controls.d.ts","sourceRoot":"","sources":["../src/game-controls.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,mBAAmB;IAClC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,GAAI,6CAK5B,mBAAmB,4CAmBrB,CAAC"}
+{"version":3,"file":"game-controls.d.ts","sourceRoot":"","sources":["../src/game-controls.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,6CAA6C;AAC7C,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,mBAAmB;IAClC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iCAAiC;IACjC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,wBAAwB,KAAK,IAAI,CAAC;IACnD,8BAA8B;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,cAAc,GAAI,oFAQ5B,mBAAmB,4CA0BrB,CAAC"}

package/dist/index.esm.js

@@ -1,33 +1,33 @@
 import er from "react";
-import { cn as d } from "@sudobility/components";
-var h = { exports: {} }, y = {};
+import { cn as b } from "@sudobility/components";
+var v = { exports: {} }, y = {};
 var I;
 function ar() {
   if (I) return y;
   I = 1;
-  var o = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
-  function a(l, c, g) {
-    var f = null;
-    if (g !== void 0 && (f = "" + g), c.key !== void 0 && (f = "" + c.key), "key" in c) {
-      g = {};
-      for (var m in c)
-        m !== "key" && (g[m] = c[m]);
-    } else g = c;
-    return c = g.ref, {
-      $$typeof: o,
-      type: l,
-      key: f,
-      ref: c !== void 0 ? c : null,
-      props: g
+  var t = Symbol.for("react.transitional.element"), o = 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 = t, y.jsx = a, y.jsxs = a, y;
+  return y.Fragment = o, y.jsx = a, y.jsxs = a, y;
 }
-var p = {};
+var k = {};
 var F;
-function or() {
+function tr() {
   return F || (F = 1, process.env.NODE_ENV !== "production" && (function() {
-    function o(r) {
+    function t(r) {
       if (r == null) return null;
       if (typeof r == "function")
         return r.$$typeof === Q ? null : r.displayName || r.name || null;
@@ -60,88 +60,88 @@ function or() {
             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 : o(r.type) || "Memo";
+            return e = r.displayName || null, e !== null ? e : t(r.type) || "Memo";
           case E:
             e = r._payload, r = r._init;
             try {
-              return o(r(e));
+              return t(r(e));
             } catch {
             }
         }
       return null;
     }
-    function t(r) {
+    function o(r) {
       return "" + r;
     }
     function a(r) {
       try {
-        t(r);
+        o(r);
         var e = !1;
       } catch {
         e = !0;
       }
       if (e) {
         e = console;
-        var n = e.error, i = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
-        return n.call(
+        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.",
-          i
-        ), t(r);
+          u
+        ), o(r);
       }
     }
-    function l(r) {
+    function i(r) {
       if (r === _) return "<>";
       if (typeof r == "object" && r !== null && r.$$typeof === E)
         return "<...>";
       try {
-        var e = o(r);
+        var e = t(r);
         return e ? "<" + e + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function c() {
+    function n() {
       var r = w.A;
       return r === null ? null : r.getOwner();
     }
-    function g() {
+    function l() {
       return Error("react-stack-top-frame");
     }
-    function f(r) {
-      if (C.call(r, "key")) {
+    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 m(r, e) {
-      function n() {
+    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
         ));
       }
-      n.isReactWarning = !0, Object.defineProperty(r, "key", {
-        get: n,
+      c.isReactWarning = !0, Object.defineProperty(r, "key", {
+        get: c,
         configurable: !0
       });
     }
     function D() {
-      var r = o(this.type);
+      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, n, i, k, R) {
-      var s = n.ref;
+    function M(r, e, c, u, h, R) {
+      var g = c.ref;
       return r = {
-        $$typeof: O,
+        $$typeof: j,
         type: r,
         key: e,
-        props: n,
-        _owner: i
-      }, (s !== void 0 ? s : null) !== null ? Object.defineProperty(r, "ref", {
+        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", {
@@ -158,7 +158,7 @@ function or() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: k
+        value: h
       }), Object.defineProperty(r, "_debugTask", {
         configurable: !1,
         enumerable: !1,
@@ -166,341 +166,397 @@ function or() {
         value: R
       }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
     }
-    function S(r, e, n, i, k, R) {
-      var s = e.children;
-      if (s !== void 0)
-        if (i)
-          if (K(s)) {
-            for (i = 0; i < s.length; i++)
-              U(s[i]);
-            Object.freeze && Object.freeze(s);
+    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 U(s);
-      if (C.call(e, "key")) {
-        s = o(r);
-        var b = Object.keys(e).filter(function(rr) {
+        else S(g);
+      if (O.call(e, "key")) {
+        g = t(r);
+        var m = Object.keys(e).filter(function(rr) {
           return rr !== "key";
         });
-        i = 0 < b.length ? "{key: someKey, " + b.join(": ..., ") + ": ...}" : "{key: someKey}", $[s + i] || (b = 0 < b.length ? "{" + b.join(": ..., ") + ": ...}" : "{}", console.error(
+        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} />`,
-          i,
-          s,
-          b,
-          s
-        ), $[s + i] = !0);
+          u,
+          g,
+          m,
+          g
+        ), $[g + u] = !0);
       }
-      if (s = null, n !== void 0 && (a(n), s = "" + n), f(e) && (a(e.key), s = "" + e.key), "key" in e) {
-        n = {};
-        for (var T in e)
-          T !== "key" && (n[T] = e[T]);
-      } else n = e;
-      return s && m(
-        n,
+      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,
-        s,
-        n,
-        c(),
-        k,
+        g,
+        c,
+        n(),
+        h,
         R
       );
     }
-    function U(r) {
-      j(r) ? r._store && (r._store.validated = 1) : typeof r == "object" && r !== null && r.$$typeof === E && (r._payload.status === "fulfilled" ? j(r._payload.value) && r._payload.value._store && (r._payload.value._store.validated = 1) : r._store && (r._store.validated = 1));
+    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 j(r) {
-      return typeof r == "object" && r !== null && r.$$typeof === O;
+    function C(r) {
+      return typeof r == "object" && r !== null && r.$$typeof === j;
     }
-    var v = er, O = Symbol.for("react.transitional.element"), W = Symbol.for("react.portal"), _ = Symbol.for("react.fragment"), q = Symbol.for("react.strict_mode"), J = Symbol.for("react.profiler"), V = Symbol.for("react.consumer"), z = Symbol.for("react.context"), G = Symbol.for("react.forward_ref"), B = Symbol.for("react.suspense"), X = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), Z = Symbol.for("react.activity"), Q = Symbol.for("react.client.reference"), w = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, C = Object.prototype.hasOwnProperty, K = Array.isArray, x = console.createTask ? console.createTask : function() {
+    var p = er, j = Symbol.for("react.transitional.element"), W = Symbol.for("react.portal"), _ = Symbol.for("react.fragment"), q = Symbol.for("react.strict_mode"), J = Symbol.for("react.profiler"), V = Symbol.for("react.consumer"), z = Symbol.for("react.context"), G = Symbol.for("react.forward_ref"), B = Symbol.for("react.suspense"), X = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), Z = Symbol.for("react.activity"), Q = 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;
     };
-    v = {
+    p = {
       react_stack_bottom_frame: function(r) {
         return r();
       }
     };
-    var P, A = {}, N = v.react_stack_bottom_frame.bind(
-      v,
-      g
-    )(), Y = x(l(g)), $ = {};
-    p.Fragment = _, p.jsx = function(r, e, n) {
-      var i = 1e4 > w.recentlyCreatedOwnerStacks++;
-      return S(
+    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,
-        n,
+        c,
         !1,
-        i ? Error("react-stack-top-frame") : N,
-        i ? x(l(r)) : Y
+        u ? Error("react-stack-top-frame") : N,
+        u ? x(i(r)) : Y
       );
-    }, p.jsxs = function(r, e, n) {
-      var i = 1e4 > w.recentlyCreatedOwnerStacks++;
-      return S(
+    }, k.jsxs = function(r, e, c) {
+      var u = 1e4 > w.recentlyCreatedOwnerStacks++;
+      return T(
         r,
         e,
-        n,
+        c,
         !0,
-        i ? Error("react-stack-top-frame") : N,
-        i ? x(l(r)) : Y
+        u ? Error("react-stack-top-frame") : N,
+        u ? x(i(r)) : Y
       );
     };
-  })()), p;
+  })()), k;
 }
 var L;
-function tr() {
-  return L || (L = 1, process.env.NODE_ENV === "production" ? h.exports = ar() : h.exports = or()), h.exports;
+function or() {
+  return L || (L = 1, process.env.NODE_ENV === "production" ? v.exports = ar() : v.exports = tr()), v.exports;
 }
-var u = tr();
-const ir = ({
-  className: o,
-  children: t,
+var f = or();
+const cr = ({
+  className: t,
+  children: o,
   disabled: a
-}) => /* @__PURE__ */ u.jsx(
+}) => /* @__PURE__ */ f.jsx(
   "div",
   {
-    className: d(
+    className: b(
       "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",
-      o
+      t
     ),
     role: "region",
     "aria-label": "SustainabilityScore",
-    children: t || "SustainabilityScore Component"
+    children: o || "SustainabilityScore Component"
   }
-), sr = ({
-  className: o,
-  children: t,
+), ir = ({
+  className: t,
+  children: o,
   disabled: a = !1,
-  onClick: l
-}) => /* @__PURE__ */ u.jsx(
-  "div",
-  {
-    className: d(
-      "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",
-      o
-    ),
-    onClick: a ? void 0 : l,
-    role: "region",
-    "aria-label": "UachievementUbadge",
-    children: t || "UachievementUbadge Component"
-  }
-), cr = ({
-  className: o,
-  children: t,
+  onClick: i,
+  onTrack: n,
+  trackingLabel: l,
+  componentName: s = "UachievementUbadge"
+}) => {
+  const d = () => {
+    a || (n?.({ action: "click", trackingLabel: l, componentName: s }), i?.());
+  };
+  return /* @__PURE__ */ f.jsx(
+    "div",
+    {
+      className: b(
+        "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"
+    }
+  );
+}, sr = ({
+  className: t,
+  children: o,
   disabled: a = !1,
-  onClick: l
-}) => /* @__PURE__ */ u.jsx(
-  "div",
-  {
-    className: d(
-      "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",
-      o
-    ),
-    onClick: a ? void 0 : l,
-    role: "region",
-    "aria-label": "UachievementUunlock",
-    children: t || "UachievementUunlock Component"
-  }
-), dr = ({
-  className: o,
-  children: t,
+  onClick: i,
+  onTrack: n,
+  trackingLabel: l,
+  componentName: s = "UachievementUunlock"
+}) => {
+  const d = () => {
+    a || (n?.({ action: "click", trackingLabel: l, componentName: s }), i?.());
+  };
+  return /* @__PURE__ */ f.jsx(
+    "div",
+    {
+      className: b(
+        "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"
+    }
+  );
+}, dr = ({
+  className: t,
+  children: o,
   disabled: a = !1,
-  onClick: l
-}) => /* @__PURE__ */ u.jsx(
-  "div",
-  {
-    className: d(
-      "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",
-      o
-    ),
-    onClick: a ? void 0 : l,
-    role: "region",
-    "aria-label": "UgameUcontrols",
-    children: t || "UgameUcontrols Component"
-  }
-), ur = ({
-  className: o,
-  children: t,
+  onClick: i,
+  onTrack: n,
+  trackingLabel: l,
+  componentName: s = "UgameUcontrols"
+}) => {
+  const d = () => {
+    a || (n?.({ action: "click", trackingLabel: l, componentName: s }), i?.());
+  };
+  return /* @__PURE__ */ f.jsx(
+    "div",
+    {
+      className: b(
+        "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"
+    }
+  );
+}, ur = ({
+  className: t,
+  children: o,
   disabled: a
-}) => /* @__PURE__ */ u.jsx(
+}) => /* @__PURE__ */ f.jsx(
   "div",
   {
-    className: d(
+    className: b(
       "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",
-      o
+      t
     ),
     role: "region",
     "aria-label": "LeadScorer",
-    children: t || "LeadScorer Component"
+    children: o || "LeadScorer Component"
   }
 ), gr = ({
-  className: o,
-  children: t,
+  className: t,
+  children: o,
   disabled: a = !1,
-  onClick: l
-}) => /* @__PURE__ */ u.jsx(
-  "div",
-  {
-    className: d(
-      "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",
-      o
-    ),
-    onClick: a ? void 0 : l,
-    role: "region",
-    "aria-label": "UleaderboardUpodium",
-    children: t || "UleaderboardUpodium Component"
-  }
-), br = ({
-  className: o,
-  children: t,
+  onClick: i,
+  onTrack: n,
+  trackingLabel: l,
+  componentName: s = "UleaderboardUpodium"
+}) => {
+  const d = () => {
+    a || (n?.({ action: "click", trackingLabel: l, componentName: s }), i?.());
+  };
+  return /* @__PURE__ */ f.jsx(
+    "div",
+    {
+      className: b(
+        "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"
+    }
+  );
+}, br = ({
+  className: t,
+  children: o,
   disabled: a
-}) => /* @__PURE__ */ u.jsx(
+}) => /* @__PURE__ */ f.jsx(
   "div",
   {
-    className: d(
+    className: b(
       "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",
-      o
+      t
     ),
     role: "region",
     "aria-label": "PlayerStats",
-    children: t || "PlayerStats Component"
+    children: o || "PlayerStats Component"
   }
 ), fr = ({
-  className: o,
-  children: t,
+  className: t,
+  children: o,
   disabled: a
-}) => /* @__PURE__ */ u.jsx(
+}) => /* @__PURE__ */ f.jsx(
   "div",
   {
-    className: d(
+    className: b(
       "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",
-      o
+      t
     ),
     role: "region",
     "aria-label": "ScoreBoard",
-    children: t || "ScoreBoard Component"
+    children: o || "ScoreBoard Component"
   }
 ), mr = ({
-  className: o,
-  children: t,
+  className: t,
+  children: o,
   disabled: a = !1,
-  onClick: l
-}) => /* @__PURE__ */ u.jsx(
-  "div",
-  {
-    className: d(
-      "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",
-      o
-    ),
-    onClick: a ? void 0 : l,
-    role: "region",
-    "aria-label": "UscoreUdisplay",
-    children: t || "UscoreUdisplay Component"
-  }
-), yr = ({
-  className: o,
-  children: t,
+  onClick: i,
+  onTrack: n,
+  trackingLabel: l,
+  componentName: s = "UscoreUdisplay"
+}) => {
+  const d = () => {
+    a || (n?.({ action: "click", trackingLabel: l, componentName: s }), i?.());
+  };
+  return /* @__PURE__ */ f.jsx(
+    "div",
+    {
+      className: b(
+        "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"
+    }
+  );
+}, yr = ({
+  className: t,
+  children: o,
   disabled: a = !1,
-  onClick: l
-}) => /* @__PURE__ */ u.jsx(
-  "div",
-  {
-    className: d(
-      "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",
-      o
-    ),
-    onClick: a ? void 0 : l,
-    role: "region",
-    "aria-label": "UscratchUcard",
-    children: t || "UscratchUcard Component"
-  }
-), pr = ({
-  className: o,
-  children: t,
+  onClick: i,
+  onTrack: n,
+  trackingLabel: l,
+  componentName: s = "UscratchUcard"
+}) => {
+  const d = () => {
+    a || (n?.({ action: "click", trackingLabel: l, componentName: s }), i?.());
+  };
+  return /* @__PURE__ */ f.jsx(
+    "div",
+    {
+      className: b(
+        "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"
+    }
+  );
+}, kr = ({
+  className: t,
+  children: o,
   disabled: a = !1,
-  onClick: l
-}) => /* @__PURE__ */ u.jsx(
-  "div",
-  {
-    className: d(
-      "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",
-      o
-    ),
-    onClick: a ? void 0 : l,
-    role: "region",
-    "aria-label": "UspinUwheel",
-    children: t || "UspinUwheel Component"
-  }
-);
+  onClick: i,
+  onTrack: n,
+  trackingLabel: l,
+  componentName: s = "UspinUwheel"
+}) => {
+  const d = () => {
+    a || (n?.({ action: "click", trackingLabel: l, componentName: s }), i?.());
+  };
+  return /* @__PURE__ */ f.jsx(
+    "div",
+    {
+      className: b(
+        "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"
+    }
+  );
+};
 export {
   ur as LeadScorer,
   br as PlayerStats,
   fr as ScoreBoard,
-  ir as SustainabilityScore,
-  sr as UachievementUbadge,
-  cr as UachievementUunlock,
+  cr as SustainabilityScore,
+  ir as UachievementUbadge,
+  sr as UachievementUunlock,
   dr as UgameUcontrols,
   gr as UleaderboardUpodium,
   mr as UscoreUdisplay,
   yr as UscratchUcard,
-  pr as UspinUwheel
+  kr as UspinUwheel
 };

package/dist/index.umd.js

@@ -1,6 +1,6 @@
-(function(s,y){typeof exports=="object"&&typeof module<"u"?y(exports,require("react"),require("@sudobility/components")):typeof define=="function"&&define.amd?define(["exports","react","@sudobility/components"],y):(s=typeof globalThis<"u"?globalThis:s||self,y(s.Components={},s.React,s.components))})(this,(function(s,y,d){"use strict";var p={exports:{}},m={};var j;function W(){if(j)return m;j=1;var t=Symbol.for("react.transitional.element"),o=Symbol.for("react.fragment");function a(l,g,b){var h=null;if(b!==void 0&&(h=""+b),g.key!==void 0&&(h=""+g.key),"key"in g){b={};for(var k in g)k!=="key"&&(b[k]=g[k])}else b=g;return g=b.ref,{$$typeof:t,type:l,key:h,ref:g!==void 0?g:null,props:b}}return m.Fragment=o,m.jsx=a,m.jsxs=a,m}var v={};var O;function q(){return O||(O=1,process.env.NODE_ENV!=="production"&&(function(){function t(r){if(r==null)return null;if(typeof r=="function")return r.$$typeof===fr?null:r.displayName||r.name||null;if(typeof r=="string")return r;switch(r){case w:return"Fragment";case lr:return"Profiler";case nr:return"StrictMode";case dr:return"Suspense";case ur:return"SuspenseList";case br: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 or:return"Portal";case cr:return r.displayName||"Context";case ir:return(r._context.displayName||"Context")+".Consumer";case sr:var e=r.render;return r=r.displayName,r||(r=e.displayName||e.name||"",r=r!==""?"ForwardRef("+r+")":"ForwardRef"),r;case gr:return e=r.displayName||null,e!==null?e:t(r.type)||"Memo";case R: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 n=e.error,i=typeof Symbol=="function"&&Symbol.toStringTag&&r[Symbol.toStringTag]||r.constructor.name||"Object";return n.call(e,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",i),o(r)}}function l(r){if(r===w)return"<>";if(typeof r=="object"&&r!==null&&r.$$typeof===R)return"<...>";try{var e=t(r);return e?"<"+e+">":"<...>"}catch{return"<...>"}}function g(){var r=U.A;return r===null?null:r.getOwner()}function b(){return Error("react-stack-top-frame")}function h(r){if(I.call(r,"key")){var e=Object.getOwnPropertyDescriptor(r,"key").get;if(e&&e.isReactWarning)return!1}return r.key!==void 0}function k(r,e){function n(){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)",e))}n.isReactWarning=!0,Object.defineProperty(r,"key",{get:n,configurable:!0})}function ar(){var r=t(this.type);return $[r]||($[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 tr(r,e,n,i,E,T){var c=n.ref;return r={$$typeof:Y,type:r,key:e,props:n,_owner:i},(c!==void 0?c:null)!==null?Object.defineProperty(r,"ref",{enumerable:!1,get:ar}):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:E}),Object.defineProperty(r,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:T}),Object.freeze&&(Object.freeze(r.props),Object.freeze(r)),r}function C(r,e,n,i,E,T){var c=e.children;if(c!==void 0)if(i)if(yr(c)){for(i=0;i<c.length;i++)A(c[i]);Object.freeze&&Object.freeze(c)}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(c);if(I.call(e,"key")){c=t(r);var f=Object.keys(e).filter(function(mr){return mr!=="key"});i=0<f.length?"{key: someKey, "+f.join(": ..., ")+": ...}":"{key: someKey}",M[c+i]||(f=0<f.length?"{"+f.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+(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} />`,i,c,f,c),M[c+i]=!0)}if(c=null,n!==void 0&&(a(n),c=""+n),h(e)&&(a(e.key),c=""+e.key),"key"in e){n={};for(var x in e)x!=="key"&&(n[x]=e[x])}else n=e;return c&&k(n,typeof r=="function"?r.displayName||r.name||"Unknown":r),tr(r,c,n,g(),E,T)}function A(r){N(r)?r._store&&(r._store.validated=1):typeof r=="object"&&r!==null&&r.$$typeof===R&&(r._payload.status==="fulfilled"?N(r._payload.value)&&r._payload.value._store&&(r._payload.value._store.validated=1):r._store&&(r._store.validated=1))}function N(r){return typeof r=="object"&&r!==null&&r.$$typeof===Y}var _=y,Y=Symbol.for("react.transitional.element"),or=Symbol.for("react.portal"),w=Symbol.for("react.fragment"),nr=Symbol.for("react.strict_mode"),lr=Symbol.for("react.profiler"),ir=Symbol.for("react.consumer"),cr=Symbol.for("react.context"),sr=Symbol.for("react.forward_ref"),dr=Symbol.for("react.suspense"),ur=Symbol.for("react.suspense_list"),gr=Symbol.for("react.memo"),R=Symbol.for("react.lazy"),br=Symbol.for("react.activity"),fr=Symbol.for("react.client.reference"),U=_.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,I=Object.prototype.hasOwnProperty,yr=Array.isArray,S=console.createTask?console.createTask:function(){return null};_={react_stack_bottom_frame:function(r){return r()}};var L,$={},F=_.react_stack_bottom_frame.bind(_,b)(),D=S(l(b)),M={};v.Fragment=w,v.jsx=function(r,e,n){var i=1e4>U.recentlyCreatedOwnerStacks++;return C(r,e,n,!1,i?Error("react-stack-top-frame"):F,i?S(l(r)):D)},v.jsxs=function(r,e,n){var i=1e4>U.recentlyCreatedOwnerStacks++;return C(r,e,n,!0,i?Error("react-stack-top-frame"):F,i?S(l(r)):D)}})()),v}var P;function J(){return P||(P=1,process.env.NODE_ENV==="production"?p.exports=W():p.exports=q()),p.exports}var u=J();const V=({className:t,children:o,disabled:a})=>u.jsx("div",{className:d.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:l})=>u.jsx("div",{className:d.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:a?void 0:l,role:"region","aria-label":"UachievementUbadge",children:o||"UachievementUbadge Component"}),B=({className:t,children:o,disabled:a=!1,onClick:l})=>u.jsx("div",{className:d.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:a?void 0:l,role:"region","aria-label":"UachievementUunlock",children:o||"UachievementUunlock Component"}),G=({className:t,children:o,disabled:a=!1,onClick:l})=>u.jsx("div",{className:d.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:a?void 0:l,role:"region","aria-label":"UgameUcontrols",children:o||"UgameUcontrols Component"}),X=({className:t,children:o,disabled:a})=>u.jsx("div",{className:d.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:l})=>u.jsx("div",{className:d.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:a?void 0:l,role:"region","aria-label":"UleaderboardUpodium",children:o||"UleaderboardUpodium Component"}),Z=({className:t,children:o,disabled:a})=>u.jsx("div",{className:d.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})=>u.jsx("div",{className:d.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:l})=>u.jsx("div",{className:d.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:a?void 0:l,role:"region","aria-label":"UscoreUdisplay",children:o||"UscoreUdisplay Component"}),rr=({className:t,children:o,disabled:a=!1,onClick:l})=>u.jsx("div",{className:d.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:a?void 0:l,role:"region","aria-label":"UscratchUcard",children:o||"UscratchUcard Component"}),er=({className:t,children:o,disabled:a=!1,onClick:l})=>u.jsx("div",{className:d.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:a?void 0:l,role:"region","aria-label":"UspinUwheel",children:o||"UspinUwheel Component"});s.LeadScorer=X,s.PlayerStats=Z,s.ScoreBoard=Q,s.SustainabilityScore=V,s.UachievementUbadge=z,s.UachievementUunlock=B,s.UgameUcontrols=G,s.UleaderboardUpodium=H,s.UscoreUdisplay=K,s.UscratchUcard=rr,s.UspinUwheel=er,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})}));
+  <%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"})}));

package/dist/leaderboard-podium.d.ts

@@ -19,6 +19,12 @@
  *
  * @see {@link https://docs.example.com/components/leaderboard-podium}
  */
+/** Tracking data for LeaderboardPodium actions */
+export interface LeaderboardPodiumTrackingData {
+    action: 'click';
+    trackingLabel?: string;
+    componentName?: string;
+}
 export interface UleaderboardUpodiumProps {
     /** Additional CSS classes */
     className?: string;
@@ -28,6 +34,12 @@ export interface UleaderboardUpodiumProps {
     disabled?: boolean;
     /** Callback when component is interacted with */
     onClick?: () => void;
+    /** Optional tracking callback */
+    onTrack?: (data: LeaderboardPodiumTrackingData) => void;
+    /** Optional tracking label */
+    trackingLabel?: string;
+    /** Optional component name for tracking */
+    componentName?: string;
 }
-export declare const UleaderboardUpodium: ({ className, children, disabled, onClick, }: UleaderboardUpodiumProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UleaderboardUpodium: ({ className, children, disabled, onClick, onTrack, trackingLabel, componentName, }: UleaderboardUpodiumProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=leaderboard-podium.d.ts.map

package/dist/leaderboard-podium.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"leaderboard-podium.d.ts","sourceRoot":"","sources":["../src/leaderboard-podium.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,wBAAwB;IACvC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,mBAAmB,GAAI,6CAKjC,wBAAwB,4CAmB1B,CAAC"}
+{"version":3,"file":"leaderboard-podium.d.ts","sourceRoot":"","sources":["../src/leaderboard-podium.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,kDAAkD;AAClD,MAAM,WAAW,6BAA6B;IAC5C,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,wBAAwB;IACvC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iCAAiC;IACjC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,6BAA6B,KAAK,IAAI,CAAC;IACxD,8BAA8B;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,mBAAmB,GAAI,oFAQjC,wBAAwB,4CA0B1B,CAAC"}

package/dist/score-display.d.ts

@@ -19,6 +19,12 @@
  *
  * @see {@link https://docs.example.com/components/score-display}
  */
+/** Tracking data for ScoreDisplay actions */
+export interface ScoreDisplayTrackingData {
+    action: 'click';
+    trackingLabel?: string;
+    componentName?: string;
+}
 export interface UscoreUdisplayProps {
     /** Additional CSS classes */
     className?: string;
@@ -28,6 +34,12 @@ export interface UscoreUdisplayProps {
     disabled?: boolean;
     /** Callback when component is interacted with */
     onClick?: () => void;
+    /** Optional tracking callback */
+    onTrack?: (data: ScoreDisplayTrackingData) => void;
+    /** Optional tracking label */
+    trackingLabel?: string;
+    /** Optional component name for tracking */
+    componentName?: string;
 }
-export declare const UscoreUdisplay: ({ className, children, disabled, onClick, }: UscoreUdisplayProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UscoreUdisplay: ({ className, children, disabled, onClick, onTrack, trackingLabel, componentName, }: UscoreUdisplayProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=score-display.d.ts.map

package/dist/score-display.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"score-display.d.ts","sourceRoot":"","sources":["../src/score-display.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,mBAAmB;IAClC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,GAAI,6CAK5B,mBAAmB,4CAmBrB,CAAC"}
+{"version":3,"file":"score-display.d.ts","sourceRoot":"","sources":["../src/score-display.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,6CAA6C;AAC7C,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,mBAAmB;IAClC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iCAAiC;IACjC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,wBAAwB,KAAK,IAAI,CAAC;IACnD,8BAA8B;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,cAAc,GAAI,oFAQ5B,mBAAmB,4CA0BrB,CAAC"}

package/dist/scratch-card.d.ts

@@ -19,6 +19,12 @@
  *
  * @see {@link https://docs.example.com/components/scratch-card}
  */
+/** Tracking data for ScratchCard actions */
+export interface ScratchCardTrackingData {
+    action: 'click';
+    trackingLabel?: string;
+    componentName?: string;
+}
 export interface UscratchUcardProps {
     /** Additional CSS classes */
     className?: string;
@@ -28,6 +34,12 @@ export interface UscratchUcardProps {
     disabled?: boolean;
     /** Callback when component is interacted with */
     onClick?: () => void;
+    /** Optional tracking callback */
+    onTrack?: (data: ScratchCardTrackingData) => void;
+    /** Optional tracking label */
+    trackingLabel?: string;
+    /** Optional component name for tracking */
+    componentName?: string;
 }
-export declare const UscratchUcard: ({ className, children, disabled, onClick, }: UscratchUcardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UscratchUcard: ({ className, children, disabled, onClick, onTrack, trackingLabel, componentName, }: UscratchUcardProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=scratch-card.d.ts.map

package/dist/scratch-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scratch-card.d.ts","sourceRoot":"","sources":["../src/scratch-card.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,kBAAkB;IACjC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,GAAI,6CAK3B,kBAAkB,4CAmBpB,CAAC"}
+{"version":3,"file":"scratch-card.d.ts","sourceRoot":"","sources":["../src/scratch-card.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,4CAA4C;AAC5C,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,kBAAkB;IACjC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iCAAiC;IACjC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAClD,8BAA8B;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,aAAa,GAAI,oFAQ3B,kBAAkB,4CA0BpB,CAAC"}

package/dist/spin-wheel.d.ts

@@ -19,6 +19,12 @@
  *
  * @see {@link https://docs.example.com/components/spin-wheel}
  */
+/** Tracking data for SpinWheel actions */
+export interface SpinWheelTrackingData {
+    action: 'click';
+    trackingLabel?: string;
+    componentName?: string;
+}
 export interface UspinUwheelProps {
     /** Additional CSS classes */
     className?: string;
@@ -28,6 +34,12 @@ export interface UspinUwheelProps {
     disabled?: boolean;
     /** Callback when component is interacted with */
     onClick?: () => void;
+    /** Optional tracking callback */
+    onTrack?: (data: SpinWheelTrackingData) => void;
+    /** Optional tracking label */
+    trackingLabel?: string;
+    /** Optional component name for tracking */
+    componentName?: string;
 }
-export declare const UspinUwheel: ({ className, children, disabled, onClick, }: UspinUwheelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UspinUwheel: ({ className, children, disabled, onClick, onTrack, trackingLabel, componentName, }: UspinUwheelProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=spin-wheel.d.ts.map

package/dist/spin-wheel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spin-wheel.d.ts","sourceRoot":"","sources":["../src/spin-wheel.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,gBAAgB;IAC/B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,GAAI,6CAKzB,gBAAgB,4CAmBlB,CAAC"}
+{"version":3,"file":"spin-wheel.d.ts","sourceRoot":"","sources":["../src/spin-wheel.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,0CAA0C;AAC1C,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,gBAAgB;IAC/B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iCAAiC;IACjC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,8BAA8B;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,GAAI,oFAQzB,gBAAgB,4CA0BlB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sudobility/gaming-components",
-  "version": "2.0.2",
+  "version": "2.0.4",
   "description": "gaming UI components for React",
   "type": "module",
   "main": "dist/index.umd.js",
@@ -32,14 +32,14 @@
   "author": "John Q Huang",
   "license": "MIT",
   "peerDependencies": {
-    "@sudobility/components": "^4.0.36",
+    "@sudobility/components": "*",
     "@sudobility/design": "^1.1.14",
     "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.36",
+    "@sudobility/components": "*",
     "@sudobility/design": "^1.1.14",
     "@types/node": "^24.7.1",
     "@types/react": "^19.2.2",