@sudobility/analytics-components 2.0.2 → 2.0.5

package/dist/container-stats.d.ts

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

package/dist/container-stats.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"container-stats.d.ts","sourceRoot":"","sources":["../src/container-stats.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,qBAAqB;IACpC,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,gBAAgB,GAAI,6CAK9B,qBAAqB,4CAmBvB,CAAC"}
+{"version":3,"file":"container-stats.d.ts","sourceRoot":"","sources":["../src/container-stats.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,+CAA+C;AAC/C,MAAM,WAAW,0BAA0B;IACzC,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,qBAAqB;IACpC,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,0BAA0B,KAAK,IAAI,CAAC;IACrD,8BAA8B;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,gBAAgB,GAAI,oFAQ9B,qBAAqB,4CA0BvB,CAAC"}

package/dist/feature-comparison.d.ts

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

package/dist/feature-comparison.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-comparison.d.ts","sourceRoot":"","sources":["../src/feature-comparison.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":"feature-comparison.d.ts","sourceRoot":"","sources":["../src/feature-comparison.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/feature-importance.d.ts

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

package/dist/feature-importance.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-importance.d.ts","sourceRoot":"","sources":["../src/feature-importance.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":"feature-importance.d.ts","sourceRoot":"","sources":["../src/feature-importance.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/index.esm.js

@@ -1,24 +1,24 @@
 import se from "react";
-import { cn as f } from "@sudobility/components";
+import { cn as x } from "@sudobility/components";
 var C = { exports: {} }, j = {};
 var L;
 function ie() {
   if (L) return j;
   L = 1;
   var t = Symbol.for("react.transitional.element"), a = Symbol.for("react.fragment");
-  function r(n, i, d) {
-    var h = null;
-    if (d !== void 0 && (h = "" + d), i.key !== void 0 && (h = "" + i.key), "key" in i) {
-      d = {};
-      for (var b in i)
-        b !== "key" && (d[b] = i[b]);
-    } else d = i;
-    return i = d.ref, {
+  function r(n, o, i) {
+    var u = null;
+    if (i !== void 0 && (u = "" + i), o.key !== void 0 && (u = "" + o.key), "key" in o) {
+      i = {};
+      for (var c in o)
+        c !== "key" && (i[c] = o[c]);
+    } else i = o;
+    return o = i.ref, {
       $$typeof: t,
       type: n,
-      key: h,
-      ref: i !== void 0 ? i : null,
-      props: d
+      key: u,
+      ref: o !== void 0 ? o : null,
+      props: i
     };
   }
   return j.Fragment = a, j.jsx = r, j.jsxs = r, j;
@@ -35,7 +35,7 @@ function le() {
       switch (e) {
         case p:
           return "Fragment";
-        case O:
+        case U:
           return "Profiler";
         case k:
           return "StrictMode";
@@ -57,14 +57,14 @@ function le() {
           case Q:
             return (e._context.displayName || "Context") + ".Consumer";
           case Z:
-            var o = e.render;
-            return e = e.displayName, e || (e = o.displayName || o.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+            var s = e.render;
+            return e = e.displayName, e || (e = s.displayName || s.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
           case re:
-            return o = e.displayName || null, o !== null ? o : t(e.type) || "Memo";
-          case S:
-            o = e._payload, e = e._init;
+            return s = e.displayName || null, s !== null ? s : t(e.type) || "Memo";
+          case O:
+            s = e._payload, e = e._init;
             try {
-              return t(e(o));
+              return t(e(s));
             } catch {
             }
         }
@@ -76,54 +76,54 @@ function le() {
     function r(e) {
       try {
         a(e);
-        var o = !1;
+        var s = !1;
       } catch {
-        o = !0;
+        s = !0;
       }
-      if (o) {
-        o = console;
-        var l = o.error, c = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return l.call(
-          o,
+      if (s) {
+        s = console;
+        var d = s.error, g = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return d.call(
+          s,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          c
+          g
         ), a(e);
       }
     }
     function n(e) {
       if (e === p) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === S)
+      if (typeof e == "object" && e !== null && e.$$typeof === O)
         return "<...>";
       try {
-        var o = t(e);
-        return o ? "<" + o + ">" : "<...>";
+        var s = t(e);
+        return s ? "<" + s + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function i() {
-      var e = A.A;
+    function o() {
+      var e = S.A;
       return e === null ? null : e.getOwner();
     }
-    function d() {
+    function i() {
       return Error("react-stack-top-frame");
     }
-    function h(e) {
+    function u(e) {
       if ($.call(e, "key")) {
-        var o = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (o && o.isReactWarning) return !1;
+        var s = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (s && s.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function b(e, o) {
-      function l() {
+    function c(e, s) {
+      function d() {
         D || (D = !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)",
-          o
+          s
         ));
       }
-      l.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: l,
+      d.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: d,
         configurable: !0
       });
     }
@@ -133,15 +133,15 @@ function le() {
         "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 g(e, o, l, c, N, U) {
-      var u = l.ref;
+    function f(e, s, d, g, N, P) {
+      var m = d.ref;
       return e = {
-        $$typeof: m,
+        $$typeof: b,
         type: e,
-        key: o,
-        props: l,
-        _owner: c
-      }, (u !== void 0 ? u : null) !== null ? Object.defineProperty(e, "ref", {
+        key: s,
+        props: d,
+        _owner: g
+      }, (m !== void 0 ? m : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
         get: _
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
@@ -163,64 +163,64 @@ function le() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: U
+        value: P
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function v(e, o, l, c, N, U) {
-      var u = o.children;
-      if (u !== void 0)
-        if (c)
-          if (ne(u)) {
-            for (c = 0; c < u.length; c++)
-              y(u[c]);
-            Object.freeze && Object.freeze(u);
+    function y(e, s, d, g, N, P) {
+      var m = s.children;
+      if (m !== void 0)
+        if (g)
+          if (ne(m)) {
+            for (g = 0; g < m.length; g++)
+              h(m[g]);
+            Object.freeze && Object.freeze(m);
           } 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 y(u);
-      if ($.call(o, "key")) {
-        u = t(e);
-        var R = Object.keys(o).filter(function(oe) {
+        else h(m);
+      if ($.call(s, "key")) {
+        m = t(e);
+        var R = Object.keys(s).filter(function(oe) {
           return oe !== "key";
         });
-        c = 0 < R.length ? "{key: someKey, " + R.join(": ..., ") + ": ...}" : "{key: someKey}", M[u + c] || (R = 0 < R.length ? "{" + R.join(": ..., ") + ": ...}" : "{}", console.error(
+        g = 0 < R.length ? "{key: someKey, " + R.join(": ..., ") + ": ...}" : "{key: someKey}", M[m + g] || (R = 0 < R.length ? "{" + R.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} />`,
-          c,
-          u,
+          g,
+          m,
           R,
-          u
-        ), M[u + c] = !0);
+          m
+        ), M[m + g] = !0);
       }
-      if (u = null, l !== void 0 && (r(l), u = "" + l), h(o) && (r(o.key), u = "" + o.key), "key" in o) {
-        l = {};
-        for (var I in o)
-          I !== "key" && (l[I] = o[I]);
-      } else l = o;
-      return u && b(
-        l,
+      if (m = null, d !== void 0 && (r(d), m = "" + d), u(s) && (r(s.key), m = "" + s.key), "key" in s) {
+        d = {};
+        for (var I in s)
+          I !== "key" && (d[I] = s[I]);
+      } else d = s;
+      return m && c(
+        d,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), g(
+      ), f(
         e,
-        u,
-        l,
-        i(),
+        m,
+        d,
+        o(),
         N,
-        U
+        P
       );
     }
-    function y(e) {
-      x(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === S && (e._payload.status === "fulfilled" ? x(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    function h(e) {
+      v(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === O && (e._payload.status === "fulfilled" ? v(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
-    function x(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === m;
+    function v(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === b;
     }
-    var w = se, m = Symbol.for("react.transitional.element"), E = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), k = Symbol.for("react.strict_mode"), O = Symbol.for("react.profiler"), Q = Symbol.for("react.consumer"), H = Symbol.for("react.context"), Z = Symbol.for("react.forward_ref"), K = Symbol.for("react.suspense"), ee = Symbol.for("react.suspense_list"), re = Symbol.for("react.memo"), S = Symbol.for("react.lazy"), te = Symbol.for("react.activity"), ae = Symbol.for("react.client.reference"), A = w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, $ = Object.prototype.hasOwnProperty, ne = Array.isArray, P = console.createTask ? console.createTask : function() {
+    var w = se, b = Symbol.for("react.transitional.element"), E = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), k = Symbol.for("react.strict_mode"), U = Symbol.for("react.profiler"), Q = Symbol.for("react.consumer"), H = Symbol.for("react.context"), Z = Symbol.for("react.forward_ref"), K = Symbol.for("react.suspense"), ee = Symbol.for("react.suspense_list"), re = Symbol.for("react.memo"), O = Symbol.for("react.lazy"), te = Symbol.for("react.activity"), ae = Symbol.for("react.client.reference"), S = w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, $ = Object.prototype.hasOwnProperty, ne = Array.isArray, A = console.createTask ? console.createTask : function() {
       return null;
     };
     w = {
@@ -230,78 +230,78 @@ React keys must be passed directly to JSX without using spread:
     };
     var D, Y = {}, W = w.react_stack_bottom_frame.bind(
       w,
-      d
-    )(), F = P(n(d)), M = {};
-    T.Fragment = p, T.jsx = function(e, o, l) {
-      var c = 1e4 > A.recentlyCreatedOwnerStacks++;
-      return v(
+      i
+    )(), F = A(n(i)), M = {};
+    T.Fragment = p, T.jsx = function(e, s, d) {
+      var g = 1e4 > S.recentlyCreatedOwnerStacks++;
+      return y(
         e,
-        o,
-        l,
+        s,
+        d,
         !1,
-        c ? Error("react-stack-top-frame") : W,
-        c ? P(n(e)) : F
+        g ? Error("react-stack-top-frame") : W,
+        g ? A(n(e)) : F
       );
-    }, T.jsxs = function(e, o, l) {
-      var c = 1e4 > A.recentlyCreatedOwnerStacks++;
-      return v(
+    }, T.jsxs = function(e, s, d) {
+      var g = 1e4 > S.recentlyCreatedOwnerStacks++;
+      return y(
         e,
-        o,
-        l,
+        s,
+        d,
         !0,
-        c ? Error("react-stack-top-frame") : W,
-        c ? P(n(e)) : F
+        g ? Error("react-stack-top-frame") : W,
+        g ? A(n(e)) : F
       );
     };
   })()), T;
 }
 var z;
-function de() {
+function ce() {
   return z || (z = 1, process.env.NODE_ENV === "production" ? C.exports = ie() : C.exports = le()), C.exports;
 }
-var s = de();
+var l = ce();
 function X(t) {
   var a, r, n = "";
   if (typeof t == "string" || typeof t == "number") n += t;
   else if (typeof t == "object") if (Array.isArray(t)) {
-    var i = t.length;
-    for (a = 0; a < i; a++) t[a] && (r = X(t[a])) && (n && (n += " "), n += r);
+    var o = t.length;
+    for (a = 0; a < o; a++) t[a] && (r = X(t[a])) && (n && (n += " "), n += r);
   } else for (r in t) t[r] && (n && (n += " "), n += r);
   return n;
 }
-function ce() {
-  for (var t, a, r = 0, n = "", i = arguments.length; r < i; r++) (t = arguments[r]) && (a = X(t)) && (n && (n += " "), n += a);
+function de() {
+  for (var t, a, r = 0, n = "", o = arguments.length; r < o; r++) (t = arguments[r]) && (a = X(t)) && (n && (n += " "), n += a);
   return n;
 }
-const J = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, G = ce, V = (t, a) => (r) => {
+const J = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, G = de, V = (t, a) => (r) => {
   var n;
   if (a?.variants == null) return G(t, r?.class, r?.className);
-  const { variants: i, defaultVariants: d } = a, h = Object.keys(i).map((g) => {
-    const v = r?.[g], y = d?.[g];
-    if (v === null) return null;
-    const x = J(v) || J(y);
-    return i[g][x];
-  }), b = r && Object.entries(r).reduce((g, v) => {
-    let [y, x] = v;
-    return x === void 0 || (g[y] = x), g;
-  }, {}), _ = a == null || (n = a.compoundVariants) === null || n === void 0 ? void 0 : n.reduce((g, v) => {
-    let { class: y, className: x, ...w } = v;
-    return Object.entries(w).every((m) => {
-      let [E, p] = m;
+  const { variants: o, defaultVariants: i } = a, u = Object.keys(o).map((f) => {
+    const y = r?.[f], h = i?.[f];
+    if (y === null) return null;
+    const v = J(y) || J(h);
+    return o[f][v];
+  }), c = r && Object.entries(r).reduce((f, y) => {
+    let [h, v] = y;
+    return v === void 0 || (f[h] = v), f;
+  }, {}), _ = a == null || (n = a.compoundVariants) === null || n === void 0 ? void 0 : n.reduce((f, y) => {
+    let { class: h, className: v, ...w } = y;
+    return Object.entries(w).every((b) => {
+      let [E, p] = b;
       return Array.isArray(p) ? p.includes({
-        ...d,
-        ...b
+        ...i,
+        ...c
       }[E]) : {
-        ...d,
-        ...b
+        ...i,
+        ...c
       }[E] === p;
     }) ? [
-      ...g,
-      y,
-      x
-    ] : g;
+      ...f,
+      h,
+      v
+    ] : f;
   }, []);
-  return G(t, h, _, r?.class, r?.className);
+  return G(t, u, _, r?.class, r?.className);
 }, ue = V("grid gap-8", {
   variants: {
     layout: {
@@ -364,83 +364,83 @@ const J = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, G = ce, V =
   layout: a = "grid",
   spacing: r = "md",
   title: n,
-  subtitle: i,
-  traditional: d,
-  web3: h,
-  cardAnimation: b = "hover",
+  subtitle: o,
+  traditional: i,
+  web3: u,
+  cardAnimation: c = "hover",
   animate: _ = !0,
-  animationDelay: g = 0,
-  traditionalIcon: v,
-  web3Icon: y
+  animationDelay: f = 0,
+  traditionalIcon: y,
+  web3Icon: h
 }) => {
-  const x = (m, E) => {
-    const p = /* @__PURE__ */ s.jsxs(
+  const v = (b, E) => {
+    const p = /* @__PURE__ */ l.jsxs(
       "div",
       {
-        className: f(
-          ge({ variant: m.variant, animation: b })
+        className: x(
+          ge({ variant: b.variant, animation: c })
         ),
         children: [
-          /* @__PURE__ */ s.jsxs("div", { className: f(me({ variant: m.variant })), children: [
-            /* @__PURE__ */ s.jsx("span", { className: "text-2xl", children: m.icon || (E === 0 ? v : y) || fe[m.variant] }),
-            /* @__PURE__ */ s.jsx("div", { className: "flex-1", children: /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ s.jsx("span", { children: m.title }),
-              m.badge && /* @__PURE__ */ s.jsx(
+          /* @__PURE__ */ l.jsxs("div", { className: x(me({ variant: b.variant })), children: [
+            /* @__PURE__ */ l.jsx("span", { className: "text-2xl", children: b.icon || (E === 0 ? y : h) || fe[b.variant] }),
+            /* @__PURE__ */ l.jsx("div", { className: "flex-1", children: /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ l.jsx("span", { children: b.title }),
+              b.badge && /* @__PURE__ */ l.jsx(
                 "span",
                 {
-                  className: f(
+                  className: x(
                     "text-xs font-medium px-2 py-1 rounded-full",
-                    be[m.badge.color || "gray"]
+                    be[b.badge.color || "gray"]
                   ),
-                  children: m.badge.text
+                  children: b.badge.text
                 }
               )
             ] }) })
           ] }),
-          /* @__PURE__ */ s.jsx("ul", { className: "space-y-3", children: m.items.map((k, O) => /* @__PURE__ */ s.jsxs(
+          /* @__PURE__ */ l.jsx("ul", { className: "space-y-3", children: b.items.map((k, U) => /* @__PURE__ */ l.jsxs(
             "li",
             {
-              className: f(
+              className: x(
                 "flex items-start gap-3 text-sm leading-relaxed",
                 k.highlight && "font-medium"
               ),
               children: [
-                k.icon && /* @__PURE__ */ s.jsx("span", { className: "flex-shrink-0 mt-0.5 text-base", children: k.icon }),
-                /* @__PURE__ */ s.jsxs("div", { className: "flex-1", children: [
-                  /* @__PURE__ */ s.jsx(
+                k.icon && /* @__PURE__ */ l.jsx("span", { className: "flex-shrink-0 mt-0.5 text-base", children: k.icon }),
+                /* @__PURE__ */ l.jsxs("div", { className: "flex-1", children: [
+                  /* @__PURE__ */ l.jsx(
                     "span",
                     {
-                      className: f(
-                        m.variant === "traditional" || m.variant === "web3" ? "text-gray-700 dark:text-gray-300" : "text-gray-600 dark:text-gray-400"
+                      className: x(
+                        b.variant === "traditional" || b.variant === "web3" ? "text-gray-700 dark:text-gray-300" : "text-gray-600 dark:text-gray-400"
                       ),
                       children: k.text
                     }
                   ),
-                  k.subtext && /* @__PURE__ */ s.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-500 mt-1", children: k.subtext })
+                  k.subtext && /* @__PURE__ */ l.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-500 mt-1", children: k.subtext })
                 ] })
               ]
             },
-            O
+            U
           )) })
         ]
       }
     );
-    return /* @__PURE__ */ s.jsx("div", { children: p }, m.title);
+    return /* @__PURE__ */ l.jsx("div", { children: p }, b.title);
   };
-  return /* @__PURE__ */ s.jsxs("div", { className: f("space-y-8", t), children: [
-    (n || i) && /* @__PURE__ */ s.jsxs("div", { className: "text-center space-y-4", children: [
-      n && /* @__PURE__ */ s.jsx("h2", { className: "text-2xl sm:text-3xl font-bold text-gray-900 dark:text-white", children: n }),
-      i && /* @__PURE__ */ s.jsx("p", { className: "text-lg text-gray-600 dark:text-gray-400 max-w-2xl mx-auto", children: i })
+  return /* @__PURE__ */ l.jsxs("div", { className: x("space-y-8", t), children: [
+    (n || o) && /* @__PURE__ */ l.jsxs("div", { className: "text-center space-y-4", children: [
+      n && /* @__PURE__ */ l.jsx("h2", { className: "text-2xl sm:text-3xl font-bold text-gray-900 dark:text-white", children: n }),
+      o && /* @__PURE__ */ l.jsx("p", { className: "text-lg text-gray-600 dark:text-gray-400 max-w-2xl mx-auto", children: o })
     ] }),
-    /* @__PURE__ */ s.jsxs("div", { className: f(ue({ layout: a, spacing: r })), children: [
-      x(d, 0),
-      x(h, 1)
+    /* @__PURE__ */ l.jsxs("div", { className: x(ue({ layout: a, spacing: r })), children: [
+      v(i, 0),
+      v(u, 1)
     ] })
   ] });
 }, B = (t, a, r, n) => ({
   title: t,
   variant: r,
-  items: a.map((i) => typeof i == "string" ? { text: i } : i),
+  items: a.map((o) => typeof o == "string" ? { text: o } : o),
   ...n
 }), he = (t) => {
   const a = [
@@ -476,94 +476,126 @@ const J = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, G = ce, V =
   className: t,
   children: a,
   disabled: r = !1,
-  onClick: n
-}) => /* @__PURE__ */ s.jsx(
-  "div",
-  {
-    className: f(
-      "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",
-      t
-    ),
-    onClick: r ? void 0 : n,
-    role: "region",
-    "aria-label": "UcontainerUstats",
-    children: a || "UcontainerUstats Component"
-  }
-), ke = ({
+  onClick: n,
+  onTrack: o,
+  trackingLabel: i,
+  componentName: u = "UcontainerUstats"
+}) => {
+  const c = () => {
+    r || (o?.({ action: "click", trackingLabel: i, componentName: u }), n?.());
+  };
+  return /* @__PURE__ */ l.jsx(
+    "div",
+    {
+      className: x(
+        "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",
+        t
+      ),
+      onClick: c,
+      role: "region",
+      "aria-label": "UcontainerUstats",
+      children: a || "UcontainerUstats Component"
+    }
+  );
+}, ke = ({
   className: t,
   children: a,
   disabled: r = !1,
-  onClick: n
-}) => /* @__PURE__ */ s.jsx(
-  "div",
-  {
-    className: f(
-      "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",
-      t
-    ),
-    onClick: r ? void 0 : n,
-    role: "region",
-    "aria-label": "UfeatureUcomparison",
-    children: a || "UfeatureUcomparison Component"
-  }
-), we = ({
+  onClick: n,
+  onTrack: o,
+  trackingLabel: i,
+  componentName: u = "UfeatureUcomparison"
+}) => {
+  const c = () => {
+    r || (o?.({ action: "click", trackingLabel: i, componentName: u }), n?.());
+  };
+  return /* @__PURE__ */ l.jsx(
+    "div",
+    {
+      className: x(
+        "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",
+        t
+      ),
+      onClick: c,
+      role: "region",
+      "aria-label": "UfeatureUcomparison",
+      children: a || "UfeatureUcomparison Component"
+    }
+  );
+}, we = ({
   className: t,
   children: a,
   disabled: r = !1,
-  onClick: n
-}) => /* @__PURE__ */ s.jsx(
-  "div",
-  {
-    className: f(
-      "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",
-      t
-    ),
-    onClick: r ? void 0 : n,
-    role: "region",
-    "aria-label": "UfeatureUimportance",
-    children: a || "UfeatureUimportance Component"
-  }
-), _e = ({
+  onClick: n,
+  onTrack: o,
+  trackingLabel: i,
+  componentName: u = "UfeatureUimportance"
+}) => {
+  const c = () => {
+    r || (o?.({ action: "click", trackingLabel: i, componentName: u }), n?.());
+  };
+  return /* @__PURE__ */ l.jsx(
+    "div",
+    {
+      className: x(
+        "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",
+        t
+      ),
+      onClick: c,
+      role: "region",
+      "aria-label": "UfeatureUimportance",
+      children: a || "UfeatureUimportance Component"
+    }
+  );
+}, _e = ({
   className: t,
   children: a,
   disabled: r = !1,
-  onClick: n
-}) => /* @__PURE__ */ s.jsx(
-  "div",
-  {
-    className: f(
-      "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",
-      t
-    ),
-    onClick: r ? void 0 : n,
-    role: "region",
-    "aria-label": "UmodelUprediction",
-    children: a || "UmodelUprediction Component"
-  }
-), Ee = ({ className: t, children: a, disabled: r }) => /* @__PURE__ */ s.jsx(
+  onClick: n,
+  onTrack: o,
+  trackingLabel: i,
+  componentName: u = "UmodelUprediction"
+}) => {
+  const c = () => {
+    r || (o?.({ action: "click", trackingLabel: i, componentName: u }), n?.());
+  };
+  return /* @__PURE__ */ l.jsx(
+    "div",
+    {
+      className: x(
+        "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",
+        t
+      ),
+      onClick: c,
+      role: "region",
+      "aria-label": "UmodelUprediction",
+      children: a || "UmodelUprediction Component"
+    }
+  );
+}, Ee = ({ className: t, children: a, disabled: r }) => /* @__PURE__ */ l.jsx(
   "div",
   {
-    className: f(
+    className: x(
       "p-4 rounded-lg border transition-colors",
       "bg-white dark:bg-gray-900",
       "border-gray-200 dark:border-gray-700",
@@ -579,32 +611,40 @@ const J = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, G = ce, V =
   className: t,
   children: a,
   disabled: r = !1,
-  onClick: n
-}) => /* @__PURE__ */ s.jsx(
-  "div",
-  {
-    className: f(
-      "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",
-      t
-    ),
-    onClick: r ? void 0 : n,
-    role: "region",
-    "aria-label": "UreportUbuilder",
-    children: a || "UreportUbuilder Component"
-  }
-), je = ({
+  onClick: n,
+  onTrack: o,
+  trackingLabel: i,
+  componentName: u = "UreportUbuilder"
+}) => {
+  const c = () => {
+    r || (o?.({ action: "click", trackingLabel: i, componentName: u }), n?.());
+  };
+  return /* @__PURE__ */ l.jsx(
+    "div",
+    {
+      className: x(
+        "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",
+        t
+      ),
+      onClick: c,
+      role: "region",
+      "aria-label": "UreportUbuilder",
+      children: a || "UreportUbuilder Component"
+    }
+  );
+}, je = ({
   className: t,
   children: a,
   disabled: r
-}) => /* @__PURE__ */ s.jsx(
+}) => /* @__PURE__ */ l.jsx(
   "div",
   {
-    className: f(
+    className: x(
       "p-4 rounded-lg border transition-colors",
       "bg-white dark:bg-gray-900",
       "border-gray-200 dark:border-gray-700",
@@ -621,48 +661,48 @@ const J = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, G = ce, V =
   previousValue: a,
   format: r = "percentage",
   currency: n = "$",
-  showArrow: i = !0,
-  size: d = "md",
-  className: h
+  showArrow: o = !0,
+  size: i = "md",
+  className: u
 }) => {
-  const b = t - a, _ = a !== 0 ? b / a * 100 : 0, g = b >= 0, v = () => {
+  const c = t - a, _ = a !== 0 ? c / a * 100 : 0, f = c >= 0, y = () => {
     switch (r) {
       case "percentage":
         return `${Math.abs(_).toFixed(1)}%`;
       case "currency":
-        return `${n}${Math.abs(b).toFixed(2)}`;
+        return `${n}${Math.abs(c).toFixed(2)}`;
       case "number":
-        return Math.abs(b).toFixed(0);
+        return Math.abs(c).toFixed(0);
       default:
         return "";
     }
-  }, y = {
+  }, h = {
     sm: "text-xs",
     md: "text-sm",
     lg: "text-base"
-  }, x = {
+  }, v = {
     sm: "w-3 h-3",
     md: "w-4 h-4",
     lg: "w-5 h-5"
   };
-  return /* @__PURE__ */ s.jsxs(
+  return /* @__PURE__ */ l.jsxs(
     "div",
     {
-      className: f(
+      className: x(
         "inline-flex items-center gap-1 font-semibold",
-        g ? "text-green-600 dark:text-green-400" : "text-red-600 dark:text-red-400",
-        y[d],
-        h
+        f ? "text-green-600 dark:text-green-400" : "text-red-600 dark:text-red-400",
+        h[i],
+        u
       ),
       children: [
-        i && /* @__PURE__ */ s.jsx(
+        o && /* @__PURE__ */ l.jsx(
           "svg",
           {
-            className: f(x[d]),
+            className: x(v[i]),
             fill: "none",
             stroke: "currentColor",
             viewBox: "0 0 24 24",
-            children: g ? /* @__PURE__ */ s.jsx(
+            children: f ? /* @__PURE__ */ l.jsx(
               "path",
               {
                 strokeLinecap: "round",
@@ -670,7 +710,7 @@ const J = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, G = ce, V =
                 strokeWidth: 2,
                 d: "M5 10l7-7m0 0l7 7m-7-7v18"
               }
-            ) : /* @__PURE__ */ s.jsx(
+            ) : /* @__PURE__ */ l.jsx(
               "path",
               {
                 strokeLinecap: "round",
@@ -681,9 +721,9 @@ const J = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, G = ce, V =
             )
           }
         ),
-        /* @__PURE__ */ s.jsxs("span", { children: [
-          g ? "+" : "-",
-          v()
+        /* @__PURE__ */ l.jsxs("span", { children: [
+          f ? "+" : "-",
+          y()
         ] })
       ]
     }

package/dist/index.umd.js

@@ -1,6 +1,6 @@
-(function(g,T){typeof exports=="object"&&typeof module<"u"?T(exports,require("react"),require("@sudobility/components")):typeof define=="function"&&define.amd?define(["exports","react","@sudobility/components"],T):(g=typeof globalThis<"u"?globalThis:g||self,T(g.Components={},g.React,g.components))})(this,(function(g,T,m){"use strict";var U={exports:{}},N={};var W;function Z(){if(W)return N;W=1;var t=Symbol.for("react.transitional.element"),a=Symbol.for("react.fragment");function r(n,s,d){var p=null;if(d!==void 0&&(p=""+d),s.key!==void 0&&(p=""+s.key),"key"in s){d={};for(var x in s)x!=="key"&&(d[x]=s[x])}else d=s;return s=d.ref,{$$typeof:t,type:n,key:p,ref:s!==void 0?s:null,props:d}}return N.Fragment=a,N.jsx=r,N.jsxs=r,N}var C={};var F;function K(){return F||(F=1,process.env.NODE_ENV!=="production"&&(function(){function t(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===Ee?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case k:return"Fragment";case P:return"Profiler";case w:return"StrictMode";case pe:return"Suspense";case ke:return"SuspenseList";case _e: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 R:return"Portal";case ye:return e.displayName||"Context";case ve:return(e._context.displayName||"Context")+".Consumer";case he:var o=e.render;return e=e.displayName,e||(e=o.displayName||o.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case we:return o=e.displayName||null,o!==null?o:t(e.type)||"Memo";case D:o=e._payload,e=e._init;try{return t(e(o))}catch{}}return null}function a(e){return""+e}function r(e){try{a(e);var o=!1}catch{o=!0}if(o){o=console;var l=o.error,c=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return l.call(o,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",c),a(e)}}function n(e){if(e===k)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===D)return"<...>";try{var o=t(e);return o?"<"+o+">":"<...>"}catch{return"<...>"}}function s(){var e=I.A;return e===null?null:e.getOwner()}function d(){return Error("react-stack-top-frame")}function p(e){if(J.call(e,"key")){var o=Object.getOwnPropertyDescriptor(e,"key").get;if(o&&o.isReactWarning)return!1}return e.key!==void 0}function x(e,o){function l(){G||(G=!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)",o))}l.isReactWarning=!0,Object.defineProperty(e,"key",{get:l,configurable:!0})}function E(){var e=t(this.type);return B[e]||(B[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 f(e,o,l,c,S,Y){var u=l.ref;return e={$$typeof:b,type:e,key:o,props:l,_owner:c},(u!==void 0?u:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:E}):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:S}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:Y}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function y(e,o,l,c,S,Y){var u=o.children;if(u!==void 0)if(c)if(Re(u)){for(c=0;c<u.length;c++)h(u[c]);Object.freeze&&Object.freeze(u)}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 h(u);if(J.call(o,"key")){u=t(e);var j=Object.keys(o).filter(function(je){return je!=="key"});c=0<j.length?"{key: someKey, "+j.join(": ..., ")+": ...}":"{key: someKey}",H[u+c]||(j=0<j.length?"{"+j.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+(function(m,T){typeof exports=="object"&&typeof module<"u"?T(exports,require("react"),require("@sudobility/components")):typeof define=="function"&&define.amd?define(["exports","react","@sudobility/components"],T):(m=typeof globalThis<"u"?globalThis:m||self,T(m.Components={},m.React,m.components))})(this,(function(m,T,v){"use strict";var U={exports:{}},C={};var W;function Z(){if(W)return C;W=1;var t=Symbol.for("react.transitional.element"),a=Symbol.for("react.fragment");function r(n,o,l){var u=null;if(l!==void 0&&(u=""+l),o.key!==void 0&&(u=""+o.key),"key"in o){l={};for(var c in o)c!=="key"&&(l[c]=o[c])}else l=o;return o=l.ref,{$$typeof:t,type:n,key:u,ref:o!==void 0?o:null,props:l}}return C.Fragment=a,C.jsx=r,C.jsxs=r,C}var N={};var F;function K(){return F||(F=1,process.env.NODE_ENV!=="production"&&(function(){function t(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===Ee?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case p:return"Fragment";case P:return"Profiler";case w:return"StrictMode";case ke:return"Suspense";case pe:return"SuspenseList";case _e: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 R:return"Portal";case ye:return e.displayName||"Context";case ve:return(e._context.displayName||"Context")+".Consumer";case he:var i=e.render;return e=e.displayName,e||(e=i.displayName||i.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case we:return i=e.displayName||null,i!==null?i:t(e.type)||"Memo";case D:i=e._payload,e=e._init;try{return t(e(i))}catch{}}return null}function a(e){return""+e}function r(e){try{a(e);var i=!1}catch{i=!0}if(i){i=console;var d=i.error,g=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return d.call(i,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",g),a(e)}}function n(e){if(e===p)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===D)return"<...>";try{var i=t(e);return i?"<"+i+">":"<...>"}catch{return"<...>"}}function o(){var e=I.A;return e===null?null:e.getOwner()}function l(){return Error("react-stack-top-frame")}function u(e){if(J.call(e,"key")){var i=Object.getOwnPropertyDescriptor(e,"key").get;if(i&&i.isReactWarning)return!1}return e.key!==void 0}function c(e,i){function d(){G||(G=!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)",i))}d.isReactWarning=!0,Object.defineProperty(e,"key",{get:d,configurable:!0})}function E(){var e=t(this.type);return B[e]||(B[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 b(e,i,d,g,S,Y){var f=d.ref;return e={$$typeof:x,type:e,key:i,props:d,_owner:g},(f!==void 0?f:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:E}):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:S}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:Y}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function h(e,i,d,g,S,Y){var f=i.children;if(f!==void 0)if(g)if(Re(f)){for(g=0;g<f.length;g++)k(f[g]);Object.freeze&&Object.freeze(f)}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 k(f);if(J.call(i,"key")){f=t(e);var j=Object.keys(i).filter(function(je){return je!=="key"});g=0<j.length?"{key: someKey, "+j.join(": ..., ")+": ...}":"{key: someKey}",H[f+g]||(j=0<j.length?"{"+j.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} />`,c,u,j,u),H[u+c]=!0)}if(u=null,l!==void 0&&(r(l),u=""+l),p(o)&&(r(o.key),u=""+o.key),"key"in o){l={};for(var $ in o)$!=="key"&&(l[$]=o[$])}else l=o;return u&&x(l,typeof e=="function"?e.displayName||e.name||"Unknown":e),f(e,u,l,s(),S,Y)}function h(e){v(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===D&&(e._payload.status==="fulfilled"?v(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function v(e){return typeof e=="object"&&e!==null&&e.$$typeof===b}var _=T,b=Symbol.for("react.transitional.element"),R=Symbol.for("react.portal"),k=Symbol.for("react.fragment"),w=Symbol.for("react.strict_mode"),P=Symbol.for("react.profiler"),ve=Symbol.for("react.consumer"),ye=Symbol.for("react.context"),he=Symbol.for("react.forward_ref"),pe=Symbol.for("react.suspense"),ke=Symbol.for("react.suspense_list"),we=Symbol.for("react.memo"),D=Symbol.for("react.lazy"),_e=Symbol.for("react.activity"),Ee=Symbol.for("react.client.reference"),I=_.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,J=Object.prototype.hasOwnProperty,Re=Array.isArray,V=console.createTask?console.createTask:function(){return null};_={react_stack_bottom_frame:function(e){return e()}};var G,B={},Q=_.react_stack_bottom_frame.bind(_,d)(),X=V(n(d)),H={};C.Fragment=k,C.jsx=function(e,o,l){var c=1e4>I.recentlyCreatedOwnerStacks++;return y(e,o,l,!1,c?Error("react-stack-top-frame"):Q,c?V(n(e)):X)},C.jsxs=function(e,o,l){var c=1e4>I.recentlyCreatedOwnerStacks++;return y(e,o,l,!0,c?Error("react-stack-top-frame"):Q,c?V(n(e)):X)}})()),C}var M;function ee(){return M||(M=1,process.env.NODE_ENV==="production"?U.exports=Z():U.exports=K()),U.exports}var i=ee();function L(t){var a,r,n="";if(typeof t=="string"||typeof t=="number")n+=t;else if(typeof t=="object")if(Array.isArray(t)){var s=t.length;for(a=0;a<s;a++)t[a]&&(r=L(t[a]))&&(n&&(n+=" "),n+=r)}else for(r in t)t[r]&&(n&&(n+=" "),n+=r);return n}function re(){for(var t,a,r=0,n="",s=arguments.length;r<s;r++)(t=arguments[r])&&(a=L(t))&&(n&&(n+=" "),n+=a);return n}const q=t=>typeof t=="boolean"?`${t}`:t===0?"0":t,z=re,O=(t,a)=>r=>{var n;if(a?.variants==null)return z(t,r?.class,r?.className);const{variants:s,defaultVariants:d}=a,p=Object.keys(s).map(f=>{const y=r?.[f],h=d?.[f];if(y===null)return null;const v=q(y)||q(h);return s[f][v]}),x=r&&Object.entries(r).reduce((f,y)=>{let[h,v]=y;return v===void 0||(f[h]=v),f},{}),E=a==null||(n=a.compoundVariants)===null||n===void 0?void 0:n.reduce((f,y)=>{let{class:h,className:v,..._}=y;return Object.entries(_).every(b=>{let[R,k]=b;return Array.isArray(k)?k.includes({...d,...x}[R]):{...d,...x}[R]===k})?[...f,h,v]:f},[]);return z(t,p,E,r?.class,r?.className)},te=O("grid gap-8",{variants:{layout:{grid:"grid-cols-1 md:grid-cols-2",stacked:"grid-cols-1 space-y-8",cards:"grid-cols-1 md:grid-cols-2 gap-6"},spacing:{sm:"gap-4",md:"gap-8",lg:"gap-12"}},defaultVariants:{layout:"grid",spacing:"md"}}),ae=O("rounded-xl p-6 transition-all duration-300",{variants:{variant:{traditional:"bg-red-50 dark:bg-red-900/20 border-2 border-red-100 dark:border-red-800/30 hover:border-red-200 dark:hover:border-red-700/50",web3:"bg-green-50 dark:bg-green-900/20 border-2 border-green-100 dark:border-green-800/30 hover:border-green-200 dark:hover:border-green-700/50",neutral:"bg-gray-50 dark:bg-gray-800/50 border-2 border-gray-100 dark:border-gray-700/30 hover:border-gray-200 dark:hover:border-gray-600/50",elevated:"bg-white dark:bg-gray-800 shadow-lg hover:shadow-xl border border-gray-200 dark:border-gray-700"},animation:{none:"",hover:"hover:transform hover:scale-[1.02]",float:"hover:-translate-y-1"}},defaultVariants:{variant:"traditional",animation:"hover"}}),ne=O("text-lg font-bold mb-4 flex items-center gap-3",{variants:{variant:{traditional:"text-red-600 dark:text-red-400",web3:"text-green-600 dark:text-green-400",neutral:"text-gray-900 dark:text-white",elevated:"text-gray-900 dark:text-white"}},defaultVariants:{variant:"traditional"}}),oe={traditional:"❌",web3:"✅",neutral:"ℹ️",elevated:"⭐"},ie={red:"bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-300",green:"bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300",blue:"bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300",gray:"bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300"},se=({className:t,layout:a="grid",spacing:r="md",title:n,subtitle:s,traditional:d,web3:p,cardAnimation:x="hover",animate:E=!0,animationDelay:f=0,traditionalIcon:y,web3Icon:h})=>{const v=(b,R)=>{const k=i.jsxs("div",{className:m.cn(ae({variant:b.variant,animation:x})),children:[i.jsxs("div",{className:m.cn(ne({variant:b.variant})),children:[i.jsx("span",{className:"text-2xl",children:b.icon||(R===0?y:h)||oe[b.variant]}),i.jsx("div",{className:"flex-1",children:i.jsxs("div",{className:"flex items-center gap-2",children:[i.jsx("span",{children:b.title}),b.badge&&i.jsx("span",{className:m.cn("text-xs font-medium px-2 py-1 rounded-full",ie[b.badge.color||"gray"]),children:b.badge.text})]})})]}),i.jsx("ul",{className:"space-y-3",children:b.items.map((w,P)=>i.jsxs("li",{className:m.cn("flex items-start gap-3 text-sm leading-relaxed",w.highlight&&"font-medium"),children:[w.icon&&i.jsx("span",{className:"flex-shrink-0 mt-0.5 text-base",children:w.icon}),i.jsxs("div",{className:"flex-1",children:[i.jsx("span",{className:m.cn(b.variant==="traditional"||b.variant==="web3"?"text-gray-700 dark:text-gray-300":"text-gray-600 dark:text-gray-400"),children:w.text}),w.subtext&&i.jsx("p",{className:"text-xs text-gray-500 dark:text-gray-500 mt-1",children:w.subtext})]})]},P))})]});return i.jsx("div",{children:k},b.title)};return i.jsxs("div",{className:m.cn("space-y-8",t),children:[(n||s)&&i.jsxs("div",{className:"text-center space-y-4",children:[n&&i.jsx("h2",{className:"text-2xl sm:text-3xl font-bold text-gray-900 dark:text-white",children:n}),s&&i.jsx("p",{className:"text-lg text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:s})]}),i.jsxs("div",{className:m.cn(te({layout:a,spacing:r})),children:[v(d,0),v(p,1)]})]})},A=(t,a,r,n)=>({title:t,variant:r,items:a.map(s=>typeof s=="string"?{text:s}:s),...n}),le=t=>{const a=[{text:"Create account with email/password",icon:"🔑"},{text:"Remember multiple passwords",icon:"🧠"},{text:"Verify email address",icon:"📧"},{text:"Risk of password theft",icon:"⚠️"},{text:"Data stored on company servers",icon:"🏢"},{text:"Account can be locked/suspended",icon:"🔒"}],r=[{text:"Connect your wallet",icon:"🔗"},{text:"No passwords needed",icon:"🚫"},{text:"Instant authentication",icon:"⚡"},{text:"Cryptographically secure",icon:"🔐"},{text:"You own your data",icon:"👑"},{text:"Censorship resistant",icon:"🛡️"}];return{traditional:A(t?.traditionalTitle||"Traditional Email",t?.traditionalItems||a,"traditional",{badge:{text:t?.traditionalBadge||"Old Way",color:"red"}}),web3:A(t?.web3Title||"Web3 Email",t?.web3Items||r,"web3",{badge:{text:t?.web3Badge||"New Way",color:"green"}})}},de=({className:t,children:a,disabled:r=!1,onClick:n})=>i.jsx("div",{className:m.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",t),onClick:r?void 0:n,role:"region","aria-label":"UcontainerUstats",children:a||"UcontainerUstats Component"}),ce=({className:t,children:a,disabled:r=!1,onClick:n})=>i.jsx("div",{className:m.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",t),onClick:r?void 0:n,role:"region","aria-label":"UfeatureUcomparison",children:a||"UfeatureUcomparison Component"}),ue=({className:t,children:a,disabled:r=!1,onClick:n})=>i.jsx("div",{className:m.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",t),onClick:r?void 0:n,role:"region","aria-label":"UfeatureUimportance",children:a||"UfeatureUimportance Component"}),ge=({className:t,children:a,disabled:r=!1,onClick:n})=>i.jsx("div",{className:m.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",t),onClick:r?void 0:n,role:"region","aria-label":"UmodelUprediction",children:a||"UmodelUprediction Component"}),fe=({className:t,children:a,disabled:r})=>i.jsx("div",{className:m.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",t),role:"region","aria-label":"QaReport",children:a||"QaReport Component"}),be=({className:t,children:a,disabled:r=!1,onClick:n})=>i.jsx("div",{className:m.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",t),onClick:r?void 0:n,role:"region","aria-label":"UreportUbuilder",children:a||"UreportUbuilder Component"}),me=({className:t,children:a,disabled:r})=>i.jsx("div",{className:m.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",t),role:"region","aria-label":"SupportDashboard",children:a||"SupportDashboard Component"}),xe=({value:t,previousValue:a,format:r="percentage",currency:n="$",showArrow:s=!0,size:d="md",className:p})=>{const x=t-a,E=a!==0?x/a*100:0,f=x>=0,y=()=>{switch(r){case"percentage":return`${Math.abs(E).toFixed(1)}%`;case"currency":return`${n}${Math.abs(x).toFixed(2)}`;case"number":return Math.abs(x).toFixed(0);default:return""}},h={sm:"text-xs",md:"text-sm",lg:"text-base"},v={sm:"w-3 h-3",md:"w-4 h-4",lg:"w-5 h-5"};return i.jsxs("div",{className:m.cn("inline-flex items-center gap-1 font-semibold",f?"text-green-600 dark:text-green-400":"text-red-600 dark:text-red-400",h[d],p),children:[s&&i.jsx("svg",{className:m.cn(v[d]),fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:f?i.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 10l7-7m0 0l7 7m-7-7v18"}):i.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 14l-7 7m0 0l-7-7m7 7V3"})}),i.jsxs("span",{children:[f?"+":"-",y()]})]})};g.ComparisonSection=se,g.QaReport=fe,g.SupportDashboard=me,g.TrendIndicator=xe,g.UcontainerUstats=de,g.UfeatureUcomparison=ce,g.UfeatureUimportance=ue,g.UmodelUprediction=ge,g.UreportUbuilder=be,g.createComparisonData=A,g.createEmailComparisonData=le,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})}));
+  <%s key={someKey} {...props} />`,g,f,j,f),H[f+g]=!0)}if(f=null,d!==void 0&&(r(d),f=""+d),u(i)&&(r(i.key),f=""+i.key),"key"in i){d={};for(var $ in i)$!=="key"&&(d[$]=i[$])}else d=i;return f&&c(d,typeof e=="function"?e.displayName||e.name||"Unknown":e),b(e,f,d,o(),S,Y)}function k(e){y(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===D&&(e._payload.status==="fulfilled"?y(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function y(e){return typeof e=="object"&&e!==null&&e.$$typeof===x}var _=T,x=Symbol.for("react.transitional.element"),R=Symbol.for("react.portal"),p=Symbol.for("react.fragment"),w=Symbol.for("react.strict_mode"),P=Symbol.for("react.profiler"),ve=Symbol.for("react.consumer"),ye=Symbol.for("react.context"),he=Symbol.for("react.forward_ref"),ke=Symbol.for("react.suspense"),pe=Symbol.for("react.suspense_list"),we=Symbol.for("react.memo"),D=Symbol.for("react.lazy"),_e=Symbol.for("react.activity"),Ee=Symbol.for("react.client.reference"),I=_.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,J=Object.prototype.hasOwnProperty,Re=Array.isArray,V=console.createTask?console.createTask:function(){return null};_={react_stack_bottom_frame:function(e){return e()}};var G,B={},Q=_.react_stack_bottom_frame.bind(_,l)(),X=V(n(l)),H={};N.Fragment=p,N.jsx=function(e,i,d){var g=1e4>I.recentlyCreatedOwnerStacks++;return h(e,i,d,!1,g?Error("react-stack-top-frame"):Q,g?V(n(e)):X)},N.jsxs=function(e,i,d){var g=1e4>I.recentlyCreatedOwnerStacks++;return h(e,i,d,!0,g?Error("react-stack-top-frame"):Q,g?V(n(e)):X)}})()),N}var M;function ee(){return M||(M=1,process.env.NODE_ENV==="production"?U.exports=Z():U.exports=K()),U.exports}var s=ee();function L(t){var a,r,n="";if(typeof t=="string"||typeof t=="number")n+=t;else if(typeof t=="object")if(Array.isArray(t)){var o=t.length;for(a=0;a<o;a++)t[a]&&(r=L(t[a]))&&(n&&(n+=" "),n+=r)}else for(r in t)t[r]&&(n&&(n+=" "),n+=r);return n}function re(){for(var t,a,r=0,n="",o=arguments.length;r<o;r++)(t=arguments[r])&&(a=L(t))&&(n&&(n+=" "),n+=a);return n}const q=t=>typeof t=="boolean"?`${t}`:t===0?"0":t,z=re,O=(t,a)=>r=>{var n;if(a?.variants==null)return z(t,r?.class,r?.className);const{variants:o,defaultVariants:l}=a,u=Object.keys(o).map(b=>{const h=r?.[b],k=l?.[b];if(h===null)return null;const y=q(h)||q(k);return o[b][y]}),c=r&&Object.entries(r).reduce((b,h)=>{let[k,y]=h;return y===void 0||(b[k]=y),b},{}),E=a==null||(n=a.compoundVariants)===null||n===void 0?void 0:n.reduce((b,h)=>{let{class:k,className:y,..._}=h;return Object.entries(_).every(x=>{let[R,p]=x;return Array.isArray(p)?p.includes({...l,...c}[R]):{...l,...c}[R]===p})?[...b,k,y]:b},[]);return z(t,u,E,r?.class,r?.className)},te=O("grid gap-8",{variants:{layout:{grid:"grid-cols-1 md:grid-cols-2",stacked:"grid-cols-1 space-y-8",cards:"grid-cols-1 md:grid-cols-2 gap-6"},spacing:{sm:"gap-4",md:"gap-8",lg:"gap-12"}},defaultVariants:{layout:"grid",spacing:"md"}}),ae=O("rounded-xl p-6 transition-all duration-300",{variants:{variant:{traditional:"bg-red-50 dark:bg-red-900/20 border-2 border-red-100 dark:border-red-800/30 hover:border-red-200 dark:hover:border-red-700/50",web3:"bg-green-50 dark:bg-green-900/20 border-2 border-green-100 dark:border-green-800/30 hover:border-green-200 dark:hover:border-green-700/50",neutral:"bg-gray-50 dark:bg-gray-800/50 border-2 border-gray-100 dark:border-gray-700/30 hover:border-gray-200 dark:hover:border-gray-600/50",elevated:"bg-white dark:bg-gray-800 shadow-lg hover:shadow-xl border border-gray-200 dark:border-gray-700"},animation:{none:"",hover:"hover:transform hover:scale-[1.02]",float:"hover:-translate-y-1"}},defaultVariants:{variant:"traditional",animation:"hover"}}),ne=O("text-lg font-bold mb-4 flex items-center gap-3",{variants:{variant:{traditional:"text-red-600 dark:text-red-400",web3:"text-green-600 dark:text-green-400",neutral:"text-gray-900 dark:text-white",elevated:"text-gray-900 dark:text-white"}},defaultVariants:{variant:"traditional"}}),oe={traditional:"❌",web3:"✅",neutral:"ℹ️",elevated:"⭐"},ie={red:"bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-300",green:"bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300",blue:"bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300",gray:"bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300"},se=({className:t,layout:a="grid",spacing:r="md",title:n,subtitle:o,traditional:l,web3:u,cardAnimation:c="hover",animate:E=!0,animationDelay:b=0,traditionalIcon:h,web3Icon:k})=>{const y=(x,R)=>{const p=s.jsxs("div",{className:v.cn(ae({variant:x.variant,animation:c})),children:[s.jsxs("div",{className:v.cn(ne({variant:x.variant})),children:[s.jsx("span",{className:"text-2xl",children:x.icon||(R===0?h:k)||oe[x.variant]}),s.jsx("div",{className:"flex-1",children:s.jsxs("div",{className:"flex items-center gap-2",children:[s.jsx("span",{children:x.title}),x.badge&&s.jsx("span",{className:v.cn("text-xs font-medium px-2 py-1 rounded-full",ie[x.badge.color||"gray"]),children:x.badge.text})]})})]}),s.jsx("ul",{className:"space-y-3",children:x.items.map((w,P)=>s.jsxs("li",{className:v.cn("flex items-start gap-3 text-sm leading-relaxed",w.highlight&&"font-medium"),children:[w.icon&&s.jsx("span",{className:"flex-shrink-0 mt-0.5 text-base",children:w.icon}),s.jsxs("div",{className:"flex-1",children:[s.jsx("span",{className:v.cn(x.variant==="traditional"||x.variant==="web3"?"text-gray-700 dark:text-gray-300":"text-gray-600 dark:text-gray-400"),children:w.text}),w.subtext&&s.jsx("p",{className:"text-xs text-gray-500 dark:text-gray-500 mt-1",children:w.subtext})]})]},P))})]});return s.jsx("div",{children:p},x.title)};return s.jsxs("div",{className:v.cn("space-y-8",t),children:[(n||o)&&s.jsxs("div",{className:"text-center space-y-4",children:[n&&s.jsx("h2",{className:"text-2xl sm:text-3xl font-bold text-gray-900 dark:text-white",children:n}),o&&s.jsx("p",{className:"text-lg text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:o})]}),s.jsxs("div",{className:v.cn(te({layout:a,spacing:r})),children:[y(l,0),y(u,1)]})]})},A=(t,a,r,n)=>({title:t,variant:r,items:a.map(o=>typeof o=="string"?{text:o}:o),...n}),le=t=>{const a=[{text:"Create account with email/password",icon:"🔑"},{text:"Remember multiple passwords",icon:"🧠"},{text:"Verify email address",icon:"📧"},{text:"Risk of password theft",icon:"⚠️"},{text:"Data stored on company servers",icon:"🏢"},{text:"Account can be locked/suspended",icon:"🔒"}],r=[{text:"Connect your wallet",icon:"🔗"},{text:"No passwords needed",icon:"🚫"},{text:"Instant authentication",icon:"⚡"},{text:"Cryptographically secure",icon:"🔐"},{text:"You own your data",icon:"👑"},{text:"Censorship resistant",icon:"🛡️"}];return{traditional:A(t?.traditionalTitle||"Traditional Email",t?.traditionalItems||a,"traditional",{badge:{text:t?.traditionalBadge||"Old Way",color:"red"}}),web3:A(t?.web3Title||"Web3 Email",t?.web3Items||r,"web3",{badge:{text:t?.web3Badge||"New Way",color:"green"}})}},ce=({className:t,children:a,disabled:r=!1,onClick:n,onTrack:o,trackingLabel:l,componentName:u="UcontainerUstats"})=>{const c=()=>{r||(o?.({action:"click",trackingLabel:l,componentName:u}),n?.())};return s.jsx("div",{className:v.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",t),onClick:c,role:"region","aria-label":"UcontainerUstats",children:a||"UcontainerUstats Component"})},de=({className:t,children:a,disabled:r=!1,onClick:n,onTrack:o,trackingLabel:l,componentName:u="UfeatureUcomparison"})=>{const c=()=>{r||(o?.({action:"click",trackingLabel:l,componentName:u}),n?.())};return s.jsx("div",{className:v.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",t),onClick:c,role:"region","aria-label":"UfeatureUcomparison",children:a||"UfeatureUcomparison Component"})},ue=({className:t,children:a,disabled:r=!1,onClick:n,onTrack:o,trackingLabel:l,componentName:u="UfeatureUimportance"})=>{const c=()=>{r||(o?.({action:"click",trackingLabel:l,componentName:u}),n?.())};return s.jsx("div",{className:v.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",t),onClick:c,role:"region","aria-label":"UfeatureUimportance",children:a||"UfeatureUimportance Component"})},ge=({className:t,children:a,disabled:r=!1,onClick:n,onTrack:o,trackingLabel:l,componentName:u="UmodelUprediction"})=>{const c=()=>{r||(o?.({action:"click",trackingLabel:l,componentName:u}),n?.())};return s.jsx("div",{className:v.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",t),onClick:c,role:"region","aria-label":"UmodelUprediction",children:a||"UmodelUprediction Component"})},fe=({className:t,children:a,disabled:r})=>s.jsx("div",{className:v.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",t),role:"region","aria-label":"QaReport",children:a||"QaReport Component"}),me=({className:t,children:a,disabled:r=!1,onClick:n,onTrack:o,trackingLabel:l,componentName:u="UreportUbuilder"})=>{const c=()=>{r||(o?.({action:"click",trackingLabel:l,componentName:u}),n?.())};return s.jsx("div",{className:v.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",t),onClick:c,role:"region","aria-label":"UreportUbuilder",children:a||"UreportUbuilder Component"})},be=({className:t,children:a,disabled:r})=>s.jsx("div",{className:v.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",t),role:"region","aria-label":"SupportDashboard",children:a||"SupportDashboard Component"}),xe=({value:t,previousValue:a,format:r="percentage",currency:n="$",showArrow:o=!0,size:l="md",className:u})=>{const c=t-a,E=a!==0?c/a*100:0,b=c>=0,h=()=>{switch(r){case"percentage":return`${Math.abs(E).toFixed(1)}%`;case"currency":return`${n}${Math.abs(c).toFixed(2)}`;case"number":return Math.abs(c).toFixed(0);default:return""}},k={sm:"text-xs",md:"text-sm",lg:"text-base"},y={sm:"w-3 h-3",md:"w-4 h-4",lg:"w-5 h-5"};return s.jsxs("div",{className:v.cn("inline-flex items-center gap-1 font-semibold",b?"text-green-600 dark:text-green-400":"text-red-600 dark:text-red-400",k[l],u),children:[o&&s.jsx("svg",{className:v.cn(y[l]),fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:b?s.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 10l7-7m0 0l7 7m-7-7v18"}):s.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 14l-7 7m0 0l-7-7m7 7V3"})}),s.jsxs("span",{children:[b?"+":"-",h()]})]})};m.ComparisonSection=se,m.QaReport=fe,m.SupportDashboard=be,m.TrendIndicator=xe,m.UcontainerUstats=ce,m.UfeatureUcomparison=de,m.UfeatureUimportance=ue,m.UmodelUprediction=ge,m.UreportUbuilder=me,m.createComparisonData=A,m.createEmailComparisonData=le,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})}));

package/dist/model-prediction.d.ts

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

package/dist/model-prediction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"model-prediction.d.ts","sourceRoot":"","sources":["../src/model-prediction.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,sBAAsB;IACrC,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,iBAAiB,GAAI,6CAK/B,sBAAsB,4CAmBxB,CAAC"}
+{"version":3,"file":"model-prediction.d.ts","sourceRoot":"","sources":["../src/model-prediction.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,gDAAgD;AAChD,MAAM,WAAW,2BAA2B;IAC1C,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,sBAAsB;IACrC,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,2BAA2B,KAAK,IAAI,CAAC;IACtD,8BAA8B;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,iBAAiB,GAAI,oFAQ/B,sBAAsB,4CA0BxB,CAAC"}

package/dist/report-builder.d.ts

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

package/dist/report-builder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"report-builder.d.ts","sourceRoot":"","sources":["../src/report-builder.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,oBAAoB;IACnC,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,eAAe,GAAI,6CAK7B,oBAAoB,4CAmBtB,CAAC"}
+{"version":3,"file":"report-builder.d.ts","sourceRoot":"","sources":["../src/report-builder.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,8CAA8C;AAC9C,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,oBAAoB;IACnC,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,yBAAyB,KAAK,IAAI,CAAC;IACpD,8BAA8B;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,GAAI,oFAQ7B,oBAAoB,4CA0BtB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sudobility/analytics-components",
-  "version": "2.0.2",
+  "version": "2.0.5",
   "description": "analytics UI components for React",
   "type": "module",
   "main": "dist/index.umd.js",
@@ -24,14 +24,14 @@
     "test": "echo \"Tests passed\" && exit 0"
   },
   "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",