@sudobility/gaming-components 1.1.0 → 2.0.0

package/dist/index.esm.js

@@ -1,792 +1,506 @@
-import ne, { useRef as K, useState as E, useEffect as ee } from "react";
-import { cn as f } from "@sudobility/components";
-var z = { exports: {} }, L = {};
-var X;
-function oe() {
-  if (X) return L;
-  X = 1;
-  var o = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
-  function t(i, m, h) {
-    var p = null;
-    if (h !== void 0 && (p = "" + h), m.key !== void 0 && (p = "" + m.key), "key" in m) {
-      h = {};
-      for (var l in m)
-        l !== "key" && (h[l] = m[l]);
-    } else h = m;
-    return m = h.ref, {
+import er from "react";
+import { cn as d } from "@sudobility/components";
+var h = { 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: i,
-      key: p,
-      ref: m !== void 0 ? m : null,
-      props: h
+      type: l,
+      key: f,
+      ref: c !== void 0 ? c : null,
+      props: g
     };
   }
-  return L.Fragment = s, L.jsx = t, L.jsxs = t, L;
+  return y.Fragment = t, y.jsx = a, y.jsxs = a, y;
 }
-var M = {};
-var Z;
-function se() {
-  return Z || (Z = 1, process.env.NODE_ENV !== "production" && (function() {
-    function o(e) {
-      if (e == null) return null;
-      if (typeof e == "function")
-        return e.$$typeof === re ? null : e.displayName || e.name || null;
-      if (typeof e == "string") return e;
-      switch (e) {
-        case j:
+var p = {};
+var F;
+function or() {
+  return F || (F = 1, process.env.NODE_ENV !== "production" && (function() {
+    function o(r) {
+      if (r == null) return null;
+      if (typeof r == "function")
+        return r.$$typeof === Q ? null : r.displayName || r.name || null;
+      if (typeof r == "string") return r;
+      switch (r) {
+        case _:
           return "Fragment";
-        case O:
+        case J:
           return "Profiler";
-        case A:
+        case q:
           return "StrictMode";
-        case c:
+        case B:
           return "Suspense";
-        case v:
+        case X:
           return "SuspenseList";
-        case V:
+        case Z:
           return "Activity";
       }
-      if (typeof e == "object")
-        switch (typeof e.tag == "number" && console.error(
+      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."
-        ), e.$$typeof) {
-          case U:
+        ), r.$$typeof) {
+          case W:
             return "Portal";
-          case C:
-            return e.displayName || "Context";
-          case S:
-            return (e._context.displayName || "Context") + ".Consumer";
-          case a:
-            var n = e.render;
-            return e = e.displayName, e || (e = n.displayName || n.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case T:
-            return n = e.displayName || null, n !== null ? n : o(e.type) || "Memo";
-          case x:
-            n = e._payload, e = e._init;
+          case z:
+            return r.displayName || "Context";
+          case V:
+            return (r._context.displayName || "Context") + ".Consumer";
+          case G:
+            var e = r.render;
+            return r = r.displayName, r || (r = e.displayName || e.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
+          case H:
+            return e = r.displayName || null, e !== null ? e : o(r.type) || "Memo";
+          case E:
+            e = r._payload, r = r._init;
             try {
-              return o(e(n));
+              return o(r(e));
             } catch {
             }
         }
       return null;
     }
-    function s(e) {
-      return "" + e;
+    function t(r) {
+      return "" + r;
     }
-    function t(e) {
+    function a(r) {
       try {
-        s(e);
-        var n = !1;
+        t(r);
+        var e = !1;
       } catch {
-        n = !0;
+        e = !0;
       }
-      if (n) {
-        n = console;
-        var d = n.error, u = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return d.call(
-          n,
+      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.",
-          u
-        ), s(e);
+          i
+        ), t(r);
       }
     }
-    function i(e) {
-      if (e === j) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === x)
+    function l(r) {
+      if (r === _) return "<>";
+      if (typeof r == "object" && r !== null && r.$$typeof === E)
         return "<...>";
       try {
-        var n = o(e);
-        return n ? "<" + n + ">" : "<...>";
+        var e = o(r);
+        return e ? "<" + e + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function m() {
-      var e = $.A;
-      return e === null ? null : e.getOwner();
+    function c() {
+      var r = w.A;
+      return r === null ? null : r.getOwner();
     }
-    function h() {
+    function g() {
       return Error("react-stack-top-frame");
     }
-    function p(e) {
-      if (q.call(e, "key")) {
-        var n = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (n && n.isReactWarning) return !1;
+    function f(r) {
+      if (C.call(r, "key")) {
+        var e = Object.getOwnPropertyDescriptor(r, "key").get;
+        if (e && e.isReactWarning) return !1;
       }
-      return e.key !== void 0;
+      return r.key !== void 0;
     }
-    function l(e, n) {
-      function d() {
-        B || (B = !0, console.error(
+    function m(r, e) {
+      function n() {
+        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)",
-          n
+          e
         ));
       }
-      d.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: d,
+      n.isReactWarning = !0, Object.defineProperty(r, "key", {
+        get: n,
         configurable: !0
       });
     }
-    function N() {
-      var e = o(this.type);
-      return W[e] || (W[e] = !0, console.error(
+    function D() {
+      var r = o(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."
-      )), e = this.props.ref, e !== void 0 ? e : null;
+      )), r = this.props.ref, r !== void 0 ? r : null;
     }
-    function w(e, n, d, u, F, I) {
-      var g = d.ref;
-      return e = {
-        $$typeof: R,
-        type: e,
-        key: n,
-        props: d,
-        _owner: u
-      }, (g !== void 0 ? g : null) !== null ? Object.defineProperty(e, "ref", {
+    function M(r, e, n, i, k, R) {
+      var s = n.ref;
+      return r = {
+        $$typeof: O,
+        type: r,
+        key: e,
+        props: n,
+        _owner: i
+      }, (s !== void 0 ? s : null) !== null ? Object.defineProperty(r, "ref", {
         enumerable: !1,
-        get: N
-      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        get: D
+      }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(e, "_debugInfo", {
+      }), Object.defineProperty(r, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(e, "_debugStack", {
+      }), Object.defineProperty(r, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: F
-      }), Object.defineProperty(e, "_debugTask", {
+        value: k
+      }), Object.defineProperty(r, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: I
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+        value: R
+      }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
     }
-    function k(e, n, d, u, F, I) {
-      var g = n.children;
-      if (g !== void 0)
-        if (u)
-          if (te(g)) {
-            for (u = 0; u < g.length; u++)
-              _(g[u]);
-            Object.freeze && Object.freeze(g);
+    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);
           } 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 _(g);
-      if (q.call(n, "key")) {
-        g = o(e);
-        var P = Object.keys(n).filter(function(ae) {
-          return ae !== "key";
+        else U(s);
+      if (C.call(e, "key")) {
+        s = o(r);
+        var b = Object.keys(e).filter(function(rr) {
+          return rr !== "key";
         });
-        u = 0 < P.length ? "{key: someKey, " + P.join(": ..., ") + ": ...}" : "{key: someKey}", G[g + u] || (P = 0 < P.length ? "{" + P.join(": ..., ") + ": ...}" : "{}", console.error(
+        i = 0 < b.length ? "{key: someKey, " + b.join(": ..., ") + ": ...}" : "{key: someKey}", $[s + i] || (b = 0 < b.length ? "{" + b.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          u,
-          g,
-          P,
-          g
-        ), G[g + u] = !0);
+          i,
+          s,
+          b,
+          s
+        ), $[s + i] = !0);
       }
-      if (g = null, d !== void 0 && (t(d), g = "" + d), p(n) && (t(n.key), g = "" + n.key), "key" in n) {
-        d = {};
-        for (var D in n)
-          D !== "key" && (d[D] = n[D]);
-      } else d = n;
-      return g && l(
-        d,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), w(
-        e,
-        g,
-        d,
-        m(),
-        F,
-        I
+      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,
+        typeof r == "function" ? r.displayName || r.name || "Unknown" : r
+      ), M(
+        r,
+        s,
+        n,
+        c(),
+        k,
+        R
       );
     }
-    function _(e) {
-      b(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === x && (e._payload.status === "fulfilled" ? b(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    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 b(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === R;
+    function j(r) {
+      return typeof r == "object" && r !== null && r.$$typeof === O;
     }
-    var y = ne, R = Symbol.for("react.transitional.element"), U = Symbol.for("react.portal"), j = Symbol.for("react.fragment"), A = Symbol.for("react.strict_mode"), O = Symbol.for("react.profiler"), S = Symbol.for("react.consumer"), C = Symbol.for("react.context"), a = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), T = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), V = Symbol.for("react.activity"), re = Symbol.for("react.client.reference"), $ = y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, q = Object.prototype.hasOwnProperty, te = Array.isArray, Y = console.createTask ? console.createTask : function() {
+    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() {
       return null;
     };
-    y = {
-      react_stack_bottom_frame: function(e) {
-        return e();
+    v = {
+      react_stack_bottom_frame: function(r) {
+        return r();
       }
     };
-    var B, W = {}, H = y.react_stack_bottom_frame.bind(
-      y,
-      h
-    )(), J = Y(i(h)), G = {};
-    M.Fragment = j, M.jsx = function(e, n, d) {
-      var u = 1e4 > $.recentlyCreatedOwnerStacks++;
-      return k(
+    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(
+        r,
         e,
         n,
-        d,
         !1,
-        u ? Error("react-stack-top-frame") : H,
-        u ? Y(i(e)) : J
+        i ? Error("react-stack-top-frame") : N,
+        i ? x(l(r)) : Y
       );
-    }, M.jsxs = function(e, n, d) {
-      var u = 1e4 > $.recentlyCreatedOwnerStacks++;
-      return k(
+    }, p.jsxs = function(r, e, n) {
+      var i = 1e4 > w.recentlyCreatedOwnerStacks++;
+      return S(
+        r,
         e,
         n,
-        d,
         !0,
-        u ? Error("react-stack-top-frame") : H,
-        u ? Y(i(e)) : J
+        i ? Error("react-stack-top-frame") : N,
+        i ? x(l(r)) : Y
       );
     };
-  })()), M;
+  })()), p;
 }
-var Q;
-function le() {
-  return Q || (Q = 1, process.env.NODE_ENV === "production" ? z.exports = oe() : z.exports = se()), z.exports;
+var L;
+function tr() {
+  return L || (L = 1, process.env.NODE_ENV === "production" ? h.exports = ar() : h.exports = or()), h.exports;
 }
-var r = le();
-const de = ({
+var u = tr();
+const ir = ({
   className: o,
-  children: s,
-  disabled: t = !1,
-  onClick: i
-}) => /* @__PURE__ */ r.jsx(
+  children: t,
+  disabled: a
+}) => /* @__PURE__ */ u.jsx(
   "div",
   {
-    className: f(
+    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",
-      t && "opacity-50 cursor-not-allowed",
-      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      a && "opacity-50 cursor-not-allowed",
       o
     ),
-    onClick: t ? void 0 : i,
     role: "region",
-    "aria-label": "UachievementUbadge",
-    children: s || "UachievementUbadge Component"
+    "aria-label": "SustainabilityScore",
+    children: t || "SustainabilityScore Component"
   }
-), ue = ({
+), sr = ({
   className: o,
-  children: s,
-  disabled: t = !1,
-  onClick: i
-}) => /* @__PURE__ */ r.jsx(
+  children: t,
+  disabled: a = !1,
+  onClick: l
+}) => /* @__PURE__ */ u.jsx(
   "div",
   {
-    className: f(
+    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",
-      t && "opacity-50 cursor-not-allowed",
+      a && "opacity-50 cursor-not-allowed",
       "hover:bg-gray-50 dark:hover:bg-gray-800",
       o
     ),
-    onClick: t ? void 0 : i,
+    onClick: a ? void 0 : l,
     role: "region",
-    "aria-label": "UachievementUunlock",
-    children: s || "UachievementUunlock Component"
+    "aria-label": "UachievementUbadge",
+    children: t || "UachievementUbadge Component"
   }
-), ge = ({
-  src: o,
-  title: s,
-  artist: t,
-  artwork: i,
-  autoPlay: m = !1,
-  loop: h = !1,
-  className: p
-}) => {
-  const l = K(null), [N, w] = E(m), [k, _] = E(0), [b, y] = E(0), [R, U] = E(1);
-  ee(() => {
-    const a = l.current;
-    if (!a) return;
-    const c = () => _(a.currentTime), v = () => y(a.duration), T = () => w(!0), x = () => w(!1), V = () => w(!1);
-    return a.addEventListener("timeupdate", c), a.addEventListener("loadedmetadata", v), a.addEventListener("play", T), a.addEventListener("pause", x), a.addEventListener("ended", V), () => {
-      a.removeEventListener("timeupdate", c), a.removeEventListener("loadedmetadata", v), a.removeEventListener("play", T), a.removeEventListener("pause", x), a.removeEventListener("ended", V);
-    };
-  }, []);
-  const j = () => {
-    l.current && (N ? l.current.pause() : l.current.play());
-  }, A = (a) => {
-    const c = parseFloat(a.target.value);
-    _(c), l.current && (l.current.currentTime = c);
-  }, O = (a) => {
-    const c = parseFloat(a.target.value);
-    U(c), l.current && (l.current.volume = c);
-  }, S = (a) => {
-    const c = Math.floor(a / 60), v = Math.floor(a % 60);
-    return `${c}:${v.toString().padStart(2, "0")}`;
-  }, C = b > 0 ? k / b * 100 : 0;
-  return /* @__PURE__ */ r.jsxs(
-    "div",
-    {
-      className: f(
-        "bg-white dark:bg-gray-900 rounded-lg p-6 shadow-lg",
-        p
-      ),
-      children: [
-        /* @__PURE__ */ r.jsx("audio", { ref: l, src: o, autoPlay: m, loop: h }),
-        /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-4 mb-4", children: [
-          i && /* @__PURE__ */ r.jsx("div", { className: "w-16 h-16 rounded-lg overflow-hidden flex-shrink-0 bg-gray-200 dark:bg-gray-700", children: /* @__PURE__ */ r.jsx(
-            "img",
-            {
-              src: i,
-              alt: s || "Album artwork",
-              className: "w-full h-full object-cover"
-            }
-          ) }),
-          /* @__PURE__ */ r.jsxs("div", { className: "flex-1 min-w-0", children: [
-            s && /* @__PURE__ */ r.jsx("h4", { className: "font-semibold text-gray-900 dark:text-white truncate", children: s }),
-            t && /* @__PURE__ */ r.jsx("p", { className: "text-sm text-gray-600 dark:text-gray-400 truncate", children: t })
-          ] })
-        ] }),
-        /* @__PURE__ */ r.jsxs("div", { className: "mb-4", children: [
-          /* @__PURE__ */ r.jsx(
-            "input",
-            {
-              type: "range",
-              min: "0",
-              max: b || 0,
-              value: k,
-              onChange: A,
-              className: "w-full accent-blue-500"
-            }
-          ),
-          /* @__PURE__ */ r.jsxs("div", { className: "flex justify-between text-xs text-gray-600 dark:text-gray-400 mt-1", children: [
-            /* @__PURE__ */ r.jsx("span", { children: S(k) }),
-            /* @__PURE__ */ r.jsx("span", { children: S(b) })
-          ] })
-        ] }),
-        /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-4", children: [
-            /* @__PURE__ */ r.jsx(
-              "button",
-              {
-                onClick: j,
-                className: "w-10 h-10 rounded-full bg-blue-500 text-white flex items-center justify-center hover:bg-blue-600 transition-colors",
-                children: N ? /* @__PURE__ */ r.jsx("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ r.jsx("path", { d: "M6 4h4v16H6V4zm8 0h4v16h-4V4z" }) }) : /* @__PURE__ */ r.jsx(
-                  "svg",
-                  {
-                    className: "w-5 h-5 ml-0.5",
-                    fill: "currentColor",
-                    viewBox: "0 0 24 24",
-                    children: /* @__PURE__ */ r.jsx("path", { d: "M8 5v14l11-7z" })
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ r.jsx(
-                "svg",
-                {
-                  className: "w-4 h-4 text-gray-600 dark:text-gray-400",
-                  fill: "currentColor",
-                  viewBox: "0 0 24 24",
-                  children: /* @__PURE__ */ r.jsx("path", { d: "M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02z" })
-                }
-              ),
-              /* @__PURE__ */ r.jsx(
-                "input",
-                {
-                  type: "range",
-                  min: "0",
-                  max: "1",
-                  step: "0.1",
-                  value: R,
-                  onChange: O,
-                  className: "w-24 accent-blue-500"
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ r.jsxs("span", { className: "text-sm text-gray-600 dark:text-gray-400", children: [
-            C.toFixed(0),
-            "%"
-          ] })
-        ] })
-      ]
-    }
-  );
-}, me = ({
+), cr = ({
   className: o,
-  children: s,
-  disabled: t = !1,
-  onClick: i
-}) => /* @__PURE__ */ r.jsx(
+  children: t,
+  disabled: a = !1,
+  onClick: l
+}) => /* @__PURE__ */ u.jsx(
   "div",
   {
-    className: f(
+    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",
-      t && "opacity-50 cursor-not-allowed",
+      a && "opacity-50 cursor-not-allowed",
       "hover:bg-gray-50 dark:hover:bg-gray-800",
       o
     ),
-    onClick: t ? void 0 : i,
+    onClick: a ? void 0 : l,
     role: "region",
-    "aria-label": "UgameUcontrols",
-    children: s || "UgameUcontrols Component"
+    "aria-label": "UachievementUunlock",
+    children: t || "UachievementUunlock Component"
   }
-), fe = ({
+), dr = ({
   className: o,
-  children: s,
-  disabled: t
-}) => /* @__PURE__ */ r.jsx(
+  children: t,
+  disabled: a = !1,
+  onClick: l
+}) => /* @__PURE__ */ u.jsx(
   "div",
   {
-    className: f(
+    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",
-      t && "opacity-50 cursor-not-allowed",
+      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": "LeadScorer",
-    children: s || "LeadScorer Component"
+    "aria-label": "UgameUcontrols",
+    children: t || "UgameUcontrols Component"
   }
-), he = ({
+), ur = ({
   className: o,
-  children: s,
-  disabled: t = !1,
-  onClick: i
-}) => /* @__PURE__ */ r.jsx(
+  children: t,
+  disabled: a
+}) => /* @__PURE__ */ u.jsx(
   "div",
   {
-    className: f(
+    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",
-      t && "opacity-50 cursor-not-allowed",
-      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      a && "opacity-50 cursor-not-allowed",
       o
     ),
-    onClick: t ? void 0 : i,
     role: "region",
-    "aria-label": "UleaderboardUpodium",
-    children: s || "UleaderboardUpodium Component"
+    "aria-label": "LeadScorer",
+    children: t || "LeadScorer Component"
   }
-), ve = ({
+), gr = ({
   className: o,
-  children: s,
-  disabled: t
-}) => /* @__PURE__ */ r.jsx(
+  children: t,
+  disabled: a = !1,
+  onClick: l
+}) => /* @__PURE__ */ u.jsx(
   "div",
   {
-    className: f(
+    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",
-      t && "opacity-50 cursor-not-allowed",
+      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": "PlayerStats",
-    children: s || "PlayerStats Component"
+    "aria-label": "UleaderboardUpodium",
+    children: t || "UleaderboardUpodium Component"
   }
-), be = ({
+), br = ({
   className: o,
-  children: s,
-  disabled: t
-}) => /* @__PURE__ */ r.jsx(
+  children: t,
+  disabled: a
+}) => /* @__PURE__ */ u.jsx(
   "div",
   {
-    className: f(
+    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",
-      t && "opacity-50 cursor-not-allowed",
+      a && "opacity-50 cursor-not-allowed",
       o
     ),
     role: "region",
-    "aria-label": "PodcastPlayer",
-    children: s || "PodcastPlayer Component"
+    "aria-label": "PlayerStats",
+    children: t || "PlayerStats Component"
   }
-), pe = ({
+), fr = ({
   className: o,
-  children: s,
-  disabled: t
-}) => /* @__PURE__ */ r.jsx(
+  children: t,
+  disabled: a
+}) => /* @__PURE__ */ u.jsx(
   "div",
   {
-    className: f(
+    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",
-      t && "opacity-50 cursor-not-allowed",
+      a && "opacity-50 cursor-not-allowed",
       o
     ),
     role: "region",
     "aria-label": "ScoreBoard",
-    children: s || "ScoreBoard Component"
+    children: t || "ScoreBoard Component"
   }
-), ye = ({
+), mr = ({
   className: o,
-  children: s,
-  disabled: t = !1,
-  onClick: i
-}) => /* @__PURE__ */ r.jsx(
+  children: t,
+  disabled: a = !1,
+  onClick: l
+}) => /* @__PURE__ */ u.jsx(
   "div",
   {
-    className: f(
+    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",
-      t && "opacity-50 cursor-not-allowed",
+      a && "opacity-50 cursor-not-allowed",
       "hover:bg-gray-50 dark:hover:bg-gray-800",
       o
     ),
-    onClick: t ? void 0 : i,
+    onClick: a ? void 0 : l,
     role: "region",
     "aria-label": "UscoreUdisplay",
-    children: s || "UscoreUdisplay Component"
+    children: t || "UscoreUdisplay Component"
   }
-), xe = ({
+), yr = ({
   className: o,
-  children: s,
-  disabled: t = !1,
-  onClick: i
-}) => /* @__PURE__ */ r.jsx(
+  children: t,
+  disabled: a = !1,
+  onClick: l
+}) => /* @__PURE__ */ u.jsx(
   "div",
   {
-    className: f(
+    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",
-      t && "opacity-50 cursor-not-allowed",
+      a && "opacity-50 cursor-not-allowed",
       "hover:bg-gray-50 dark:hover:bg-gray-800",
       o
     ),
-    onClick: t ? void 0 : i,
+    onClick: a ? void 0 : l,
     role: "region",
     "aria-label": "UscratchUcard",
-    children: s || "UscratchUcard Component"
+    children: t || "UscratchUcard Component"
   }
-), we = ({
+), pr = ({
   className: o,
-  children: s,
-  disabled: t
-}) => /* @__PURE__ */ r.jsx(
+  children: t,
+  disabled: a = !1,
+  onClick: l
+}) => /* @__PURE__ */ u.jsx(
   "div",
   {
-    className: f(
+    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",
-      t && "opacity-50 cursor-not-allowed",
-      o
-    ),
-    role: "region",
-    "aria-label": "SignatureRequest",
-    children: s || "SignatureRequest Component"
-  }
-), ke = ({
-  className: o,
-  children: s,
-  disabled: t = !1,
-  onClick: i
-}) => /* @__PURE__ */ r.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",
-      t && "opacity-50 cursor-not-allowed",
+      a && "opacity-50 cursor-not-allowed",
       "hover:bg-gray-50 dark:hover:bg-gray-800",
       o
     ),
-    onClick: t ? void 0 : i,
+    onClick: a ? void 0 : l,
     role: "region",
     "aria-label": "UspinUwheel",
-    children: s || "UspinUwheel Component"
-  }
-), je = ({
-  className: o,
-  children: s,
-  disabled: t
-}) => /* @__PURE__ */ r.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",
-      t && "opacity-50 cursor-not-allowed",
-      o
-    ),
-    role: "region",
-    "aria-label": "SustainabilityScore",
-    children: s || "SustainabilityScore Component"
+    children: t || "UspinUwheel Component"
   }
-), Ee = ({
-  src: o,
-  poster: s,
-  autoPlay: t = !1,
-  loop: i = !1,
-  muted: m = !1,
-  controls: h = !0,
-  className: p
-}) => {
-  const l = K(null), [N, w] = E(t), [k, _] = E(1), [b, y] = E(0), [R, U] = E(0);
-  ee(() => {
-    const a = l.current;
-    if (!a) return;
-    const c = () => y(a.currentTime), v = () => U(a.duration), T = () => w(!0), x = () => w(!1);
-    return a.addEventListener("timeupdate", c), a.addEventListener("loadedmetadata", v), a.addEventListener("play", T), a.addEventListener("pause", x), () => {
-      a.removeEventListener("timeupdate", c), a.removeEventListener("loadedmetadata", v), a.removeEventListener("play", T), a.removeEventListener("pause", x);
-    };
-  }, []);
-  const j = () => {
-    l.current && (N ? l.current.pause() : l.current.play());
-  }, A = (a) => {
-    const c = parseFloat(a.target.value);
-    _(c), l.current && (l.current.volume = c);
-  }, O = (a) => {
-    const c = parseFloat(a.target.value);
-    y(c), l.current && (l.current.currentTime = c);
-  }, S = () => {
-    l.current && (document.fullscreenElement ? document.exitFullscreen() : l.current.requestFullscreen());
-  }, C = (a) => {
-    const c = Math.floor(a / 60), v = Math.floor(a % 60);
-    return `${c}:${v.toString().padStart(2, "0")}`;
-  };
-  return /* @__PURE__ */ r.jsxs("div", { className: f("relative group", p), children: [
-    /* @__PURE__ */ r.jsx(
-      "video",
-      {
-        ref: l,
-        src: o,
-        poster: s,
-        autoPlay: t,
-        loop: i,
-        muted: m,
-        className: "w-full rounded-lg",
-        onClick: j
-      }
-    ),
-    h && /* @__PURE__ */ r.jsxs("div", { className: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/70 to-transparent p-4 opacity-0 group-hover:opacity-100 transition-opacity", children: [
-      /* @__PURE__ */ r.jsx(
-        "input",
-        {
-          type: "range",
-          min: "0",
-          max: R || 0,
-          value: b,
-          onChange: O,
-          className: "w-full mb-2 accent-white"
-        }
-      ),
-      /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
-        /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ r.jsx(
-            "button",
-            {
-              onClick: j,
-              className: "text-white hover:text-gray-300 transition-colors",
-              children: N ? /* @__PURE__ */ r.jsx(
-                "svg",
-                {
-                  className: "w-6 h-6",
-                  fill: "currentColor",
-                  viewBox: "0 0 24 24",
-                  children: /* @__PURE__ */ r.jsx("path", { d: "M6 4h4v16H6V4zm8 0h4v16h-4V4z" })
-                }
-              ) : /* @__PURE__ */ r.jsx(
-                "svg",
-                {
-                  className: "w-6 h-6",
-                  fill: "currentColor",
-                  viewBox: "0 0 24 24",
-                  children: /* @__PURE__ */ r.jsx("path", { d: "M8 5v14l11-7z" })
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ r.jsx(
-              "svg",
-              {
-                className: "w-4 h-4 text-white",
-                fill: "currentColor",
-                viewBox: "0 0 24 24",
-                children: /* @__PURE__ */ r.jsx("path", { d: "M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02z" })
-              }
-            ),
-            /* @__PURE__ */ r.jsx(
-              "input",
-              {
-                type: "range",
-                min: "0",
-                max: "1",
-                step: "0.1",
-                value: k,
-                onChange: A,
-                className: "w-20 accent-white"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ r.jsxs("span", { className: "text-white text-sm", children: [
-            C(b),
-            " / ",
-            C(R)
-          ] })
-        ] }),
-        /* @__PURE__ */ r.jsx(
-          "button",
-          {
-            onClick: S,
-            className: "text-white hover:text-gray-300 transition-colors",
-            children: /* @__PURE__ */ r.jsx("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ r.jsx("path", { d: "M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z" }) })
-          }
-        )
-      ] })
-    ] })
-  ] });
-};
+);
 export {
-  ge as AudioPlayer,
-  fe as LeadScorer,
-  ve as PlayerStats,
-  be as PodcastPlayer,
-  pe as ScoreBoard,
-  we as SignatureRequest,
-  je as SustainabilityScore,
-  de as UachievementUbadge,
-  ue as UachievementUunlock,
-  me as UgameUcontrols,
-  he as UleaderboardUpodium,
-  ye as UscoreUdisplay,
-  xe as UscratchUcard,
-  ke as UspinUwheel,
-  Ee as VideoPlayer
+  ur as LeadScorer,
+  br as PlayerStats,
+  fr as ScoreBoard,
+  ir as SustainabilityScore,
+  sr as UachievementUbadge,
+  cr as UachievementUunlock,
+  dr as UgameUcontrols,
+  gr as UleaderboardUpodium,
+  mr as UscoreUdisplay,
+  yr as UscratchUcard,
+  pr as UspinUwheel
 };