@sudobility/gaming-components 1.0.9

package/dist/index.esm.js

@@ -0,0 +1,792 @@
+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, {
+      $$typeof: o,
+      type: i,
+      key: p,
+      ref: m !== void 0 ? m : null,
+      props: h
+    };
+  }
+  return L.Fragment = s, L.jsx = t, L.jsxs = t, L;
+}
+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:
+          return "Fragment";
+        case O:
+          return "Profiler";
+        case A:
+          return "StrictMode";
+        case c:
+          return "Suspense";
+        case v:
+          return "SuspenseList";
+        case V:
+          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 U:
+            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;
+            try {
+              return o(e(n));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function s(e) {
+      return "" + e;
+    }
+    function t(e) {
+      try {
+        s(e);
+        var n = !1;
+      } catch {
+        n = !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,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          u
+        ), s(e);
+      }
+    }
+    function i(e) {
+      if (e === j) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === x)
+        return "<...>";
+      try {
+        var n = o(e);
+        return n ? "<" + n + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function m() {
+      var e = $.A;
+      return e === null ? null : e.getOwner();
+    }
+    function h() {
+      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;
+      }
+      return e.key !== void 0;
+    }
+    function l(e, n) {
+      function d() {
+        B || (B = !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
+        ));
+      }
+      d.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: d,
+        configurable: !0
+      });
+    }
+    function N() {
+      var e = o(this.type);
+      return W[e] || (W[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 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", {
+        enumerable: !1,
+        get: N
+      }) : 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: F
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: I
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    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);
+          } 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";
+        });
+        u = 0 < P.length ? "{key: someKey, " + P.join(": ..., ") + ": ...}" : "{key: someKey}", G[g + u] || (P = 0 < P.length ? "{" + P.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);
+      }
+      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
+      );
+    }
+    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 b(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === R;
+    }
+    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() {
+      return null;
+    };
+    y = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    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(
+        e,
+        n,
+        d,
+        !1,
+        u ? Error("react-stack-top-frame") : H,
+        u ? Y(i(e)) : J
+      );
+    }, M.jsxs = function(e, n, d) {
+      var u = 1e4 > $.recentlyCreatedOwnerStacks++;
+      return k(
+        e,
+        n,
+        d,
+        !0,
+        u ? Error("react-stack-top-frame") : H,
+        u ? Y(i(e)) : J
+      );
+    };
+  })()), M;
+}
+var Q;
+function le() {
+  return Q || (Q = 1, process.env.NODE_ENV === "production" ? z.exports = oe() : z.exports = se()), z.exports;
+}
+var r = le();
+const de = ({
+  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",
+      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      o
+    ),
+    onClick: t ? void 0 : i,
+    role: "region",
+    "aria-label": "UachievementUbadge",
+    children: s || "UachievementUbadge Component"
+  }
+), ue = ({
+  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",
+      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      o
+    ),
+    onClick: t ? void 0 : i,
+    role: "region",
+    "aria-label": "UachievementUunlock",
+    children: s || "UachievementUunlock 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 = ({
+  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",
+      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      o
+    ),
+    onClick: t ? void 0 : i,
+    role: "region",
+    "aria-label": "UgameUcontrols",
+    children: s || "UgameUcontrols Component"
+  }
+), fe = ({
+  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": "LeadScorer",
+    children: s || "LeadScorer Component"
+  }
+), he = ({
+  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",
+      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      o
+    ),
+    onClick: t ? void 0 : i,
+    role: "region",
+    "aria-label": "UleaderboardUpodium",
+    children: s || "UleaderboardUpodium Component"
+  }
+), ve = ({
+  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": "PlayerStats",
+    children: s || "PlayerStats Component"
+  }
+), be = ({
+  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": "PodcastPlayer",
+    children: s || "PodcastPlayer Component"
+  }
+), pe = ({
+  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": "ScoreBoard",
+    children: s || "ScoreBoard Component"
+  }
+), ye = ({
+  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",
+      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      o
+    ),
+    onClick: t ? void 0 : i,
+    role: "region",
+    "aria-label": "UscoreUdisplay",
+    children: s || "UscoreUdisplay Component"
+  }
+), xe = ({
+  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",
+      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      o
+    ),
+    onClick: t ? void 0 : i,
+    role: "region",
+    "aria-label": "UscratchUcard",
+    children: s || "UscratchUcard Component"
+  }
+), we = ({
+  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": "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",
+      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      o
+    ),
+    onClick: t ? void 0 : i,
+    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"
+  }
+), 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
+};