@sitharaj08/gamify 1.0.0

package/dist/index.js

@@ -0,0 +1,677 @@
+import me, { useEffect as U, useRef as W, createContext as B, useState as V, useContext as J, useCallback as de } from "react";
+var E = { exports: {} }, _ = {};
+var Y;
+function ue() {
+  if (Y) return _;
+  Y = 1;
+  var a = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
+  function s(n, i, c) {
+    var l = null;
+    if (c !== void 0 && (l = "" + c), i.key !== void 0 && (l = "" + i.key), "key" in i) {
+      c = {};
+      for (var h in i)
+        h !== "key" && (c[h] = i[h]);
+    } else c = i;
+    return i = c.ref, {
+      $$typeof: a,
+      type: n,
+      key: l,
+      ref: i !== void 0 ? i : null,
+      props: c
+    };
+  }
+  return _.Fragment = t, _.jsx = s, _.jsxs = s, _;
+}
+var p = {};
+var D;
+function fe() {
+  return D || (D = 1, process.env.NODE_ENV !== "production" && (function() {
+    function a(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === oe ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case N:
+          return "Fragment";
+        case K:
+          return "Profiler";
+        case Z:
+          return "StrictMode";
+        case te:
+          return "Suspense";
+        case se:
+          return "SuspenseList";
+        case ie:
+          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 Q:
+            return "Portal";
+          case re:
+            return e.displayName || "Context";
+          case ee:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case ae:
+            var o = e.render;
+            return e = e.displayName, e || (e = o.displayName || o.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case ne:
+            return o = e.displayName || null, o !== null ? o : a(e.type) || "Memo";
+          case k:
+            o = e._payload, e = e._init;
+            try {
+              return a(e(o));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function t(e) {
+      return "" + e;
+    }
+    function s(e) {
+      try {
+        t(e);
+        var o = !1;
+      } catch {
+        o = !0;
+      }
+      if (o) {
+        o = console;
+        var m = o.error, d = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return m.call(
+          o,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          d
+        ), t(e);
+      }
+    }
+    function n(e) {
+      if (e === N) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === k)
+        return "<...>";
+      try {
+        var o = a(e);
+        return o ? "<" + o + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function i() {
+      var e = R.A;
+      return e === null ? null : e.getOwner();
+    }
+    function c() {
+      return Error("react-stack-top-frame");
+    }
+    function l(e) {
+      if ($.call(e, "key")) {
+        var o = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (o && o.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function h(e, o) {
+      function m() {
+        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
+        ));
+      }
+      m.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: m,
+        configurable: !0
+      });
+    }
+    function g() {
+      var e = a(this.type);
+      return I[e] || (I[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 v(e, o, m, d, T, S) {
+      var u = m.ref;
+      return e = {
+        $$typeof: O,
+        type: e,
+        key: o,
+        props: m,
+        _owner: d
+      }, (u !== void 0 ? u : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: g
+      }) : 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: T
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: S
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function y(e, o, m, d, T, S) {
+      var u = o.children;
+      if (u !== void 0)
+        if (d)
+          if (ce(u)) {
+            for (d = 0; d < u.length; d++)
+              j(u[d]);
+            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 j(u);
+      if ($.call(o, "key")) {
+        u = a(e);
+        var x = Object.keys(o).filter(function(le) {
+          return le !== "key";
+        });
+        d = 0 < x.length ? "{key: someKey, " + x.join(": ..., ") + ": ...}" : "{key: someKey}", z[u + d] || (x = 0 < x.length ? "{" + x.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} />`,
+          d,
+          u,
+          x,
+          u
+        ), z[u + d] = !0);
+      }
+      if (u = null, m !== void 0 && (s(m), u = "" + m), l(o) && (s(o.key), u = "" + o.key), "key" in o) {
+        m = {};
+        for (var A in o)
+          A !== "key" && (m[A] = o[A]);
+      } else m = o;
+      return u && h(
+        m,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), v(
+        e,
+        u,
+        m,
+        i(),
+        T,
+        S
+      );
+    }
+    function j(e) {
+      C(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === k && (e._payload.status === "fulfilled" ? C(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function C(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === O;
+    }
+    var b = me, O = /* @__PURE__ */ Symbol.for("react.transitional.element"), Q = /* @__PURE__ */ Symbol.for("react.portal"), N = /* @__PURE__ */ Symbol.for("react.fragment"), Z = /* @__PURE__ */ Symbol.for("react.strict_mode"), K = /* @__PURE__ */ Symbol.for("react.profiler"), ee = /* @__PURE__ */ Symbol.for("react.consumer"), re = /* @__PURE__ */ Symbol.for("react.context"), ae = /* @__PURE__ */ Symbol.for("react.forward_ref"), te = /* @__PURE__ */ Symbol.for("react.suspense"), se = /* @__PURE__ */ Symbol.for("react.suspense_list"), ne = /* @__PURE__ */ Symbol.for("react.memo"), k = /* @__PURE__ */ Symbol.for("react.lazy"), ie = /* @__PURE__ */ Symbol.for("react.activity"), oe = /* @__PURE__ */ Symbol.for("react.client.reference"), R = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, $ = Object.prototype.hasOwnProperty, ce = Array.isArray, w = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    b = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var G, I = {}, L = b.react_stack_bottom_frame.bind(
+      b,
+      c
+    )(), M = w(n(c)), z = {};
+    p.Fragment = N, p.jsx = function(e, o, m) {
+      var d = 1e4 > R.recentlyCreatedOwnerStacks++;
+      return y(
+        e,
+        o,
+        m,
+        !1,
+        d ? Error("react-stack-top-frame") : L,
+        d ? w(n(e)) : M
+      );
+    }, p.jsxs = function(e, o, m) {
+      var d = 1e4 > R.recentlyCreatedOwnerStacks++;
+      return y(
+        e,
+        o,
+        m,
+        !0,
+        d ? Error("react-stack-top-frame") : L,
+        d ? w(n(e)) : M
+      );
+    };
+  })()), p;
+}
+var F;
+function he() {
+  return F || (F = 1, process.env.NODE_ENV === "production" ? E.exports = ue() : E.exports = fe()), E.exports;
+}
+var r = he();
+function q(a) {
+  var t, s, n = "";
+  if (typeof a == "string" || typeof a == "number") n += a;
+  else if (typeof a == "object") if (Array.isArray(a)) {
+    var i = a.length;
+    for (t = 0; t < i; t++) a[t] && (s = q(a[t])) && (n && (n += " "), n += s);
+  } else for (s in a) a[s] && (n && (n += " "), n += s);
+  return n;
+}
+function f() {
+  for (var a, t, s = 0, n = "", i = arguments.length; s < i; s++) (a = arguments[s]) && (t = q(a)) && (n && (n += " "), n += t);
+  return n;
+}
+const ge = ({
+  src: a,
+  alt: t,
+  size: s = "md",
+  rank: n = "common",
+  status: i,
+  className: c,
+  ...l
+}) => /* @__PURE__ */ r.jsxs(
+  "div",
+  {
+    className: f(
+      "gamify-avatar",
+      `gamify-avatar--${s}`,
+      `gamify-avatar--${n}`,
+      c
+    ),
+    ...l,
+    children: [
+      /* @__PURE__ */ r.jsx("img", { src: a, alt: t, className: "gamify-avatar__img" }),
+      i && /* @__PURE__ */ r.jsx(
+        "span",
+        {
+          className: f(
+            "gamify-avatar__status",
+            `gamify-avatar__status--${i}`
+          )
+        }
+      )
+    ]
+  }
+), P = ({
+  variant: a = "common",
+  className: t,
+  children: s,
+  ...n
+}) => /* @__PURE__ */ r.jsx(
+  "span",
+  {
+    className: f("gamify-badge", `gamify-badge--${a}`, t),
+    ...n,
+    children: s
+  }
+), ye = ({
+  variant: a = "primary",
+  size: t = "md",
+  className: s,
+  children: n,
+  ...i
+}) => /* @__PURE__ */ r.jsx(
+  "button",
+  {
+    className: f(
+      "gamify-btn",
+      `gamify-btn--${a}`,
+      `gamify-btn--${t}`,
+      s
+    ),
+    ...i,
+    children: n
+  }
+), je = ({
+  variant: a = "default",
+  className: t,
+  children: s,
+  ...n
+}) => /* @__PURE__ */ r.jsx(
+  "div",
+  {
+    className: f("gamify-card", `gamify-card--${a}`, t),
+    ...n,
+    children: s
+  }
+), be = ({
+  label: a,
+  error: t,
+  className: s,
+  ...n
+}) => /* @__PURE__ */ r.jsxs("div", { className: "gamify-input-wrapper", children: [
+  a && /* @__PURE__ */ r.jsx("label", { className: "gamify-label", children: a }),
+  /* @__PURE__ */ r.jsx(
+    "input",
+    {
+      className: f(
+        "gamify-input",
+        { "gamify-input--error": t },
+        s
+      ),
+      ...n
+    }
+  ),
+  t && /* @__PURE__ */ r.jsx("span", { className: "gamify-error-message", children: t })
+] }), Te = ({
+  data: a,
+  className: t,
+  ...s
+}) => /* @__PURE__ */ r.jsxs("table", { className: f("gamify-leaderboard", t), ...s, children: [
+  /* @__PURE__ */ r.jsx("thead", { children: /* @__PURE__ */ r.jsxs("tr", { children: [
+    /* @__PURE__ */ r.jsx("th", { children: "Rank" }),
+    /* @__PURE__ */ r.jsx("th", { children: "Player" }),
+    /* @__PURE__ */ r.jsx("th", { style: { textAlign: "right" }, children: "Score" })
+  ] }) }),
+  /* @__PURE__ */ r.jsx("tbody", { children: a.map((n, i) => /* @__PURE__ */ r.jsxs("tr", { className: `gamify-leaderboard-row--${i + 1}`, children: [
+    /* @__PURE__ */ r.jsxs("td", { className: "gamify-leaderboard__rank", children: [
+      "#",
+      i + 1
+    ] }),
+    /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsxs("div", { className: "gamify-leaderboard__player", children: [
+      /* @__PURE__ */ r.jsx(ge, { src: n.avatar, alt: n.name, size: "sm" }),
+      n.name
+    ] }) }),
+    /* @__PURE__ */ r.jsx("td", { className: "gamify-leaderboard__score", children: n.score.toLocaleString() })
+  ] }, n.id)) })
+] }), Ee = ({
+  isOpen: a,
+  onClose: t,
+  title: s,
+  children: n,
+  variant: i = "default",
+  footer: c
+}) => (U(() => {
+  const l = (h) => {
+    h.key === "Escape" && t();
+  };
+  return a && window.addEventListener("keydown", l), () => window.removeEventListener("keydown", l);
+}, [a, t]), a ? /* @__PURE__ */ r.jsx("div", { className: "gamify-modal-overlay", onClick: t, children: /* @__PURE__ */ r.jsxs(
+  "div",
+  {
+    className: f("gamify-modal", `gamify-modal--${i}`),
+    onClick: (l) => l.stopPropagation(),
+    children: [
+      /* @__PURE__ */ r.jsxs("div", { className: "gamify-modal__header", children: [
+        /* @__PURE__ */ r.jsx("h3", { className: "gamify-modal__title", children: s }),
+        /* @__PURE__ */ r.jsx("button", { className: "gamify-modal__close", onClick: t, children: "×" })
+      ] }),
+      /* @__PURE__ */ r.jsx("div", { className: "gamify-modal__content", children: n }),
+      /* @__PURE__ */ r.jsx("div", { className: "gamify-modal__footer", children: c || /* @__PURE__ */ r.jsx(ye, { size: "sm", variant: "ghost", onClick: t, children: "Close" }) })
+    ]
+  }
+) }) : null), Ne = ({
+  label: a,
+  value: t,
+  showValue: s = !0,
+  className: n,
+  ...i
+}) => /* @__PURE__ */ r.jsxs("div", { className: f("gamify-slider-container", n), children: [
+  (a || s) && /* @__PURE__ */ r.jsxs("div", { className: "gamify-slider-label", children: [
+    a && /* @__PURE__ */ r.jsx("span", { children: a }),
+    s && /* @__PURE__ */ r.jsx("span", { className: "gamify-slider-value", children: t })
+  ] }),
+  /* @__PURE__ */ r.jsx(
+    "input",
+    {
+      type: "range",
+      className: "gamify-slider",
+      value: t,
+      ...i
+    }
+  )
+] }), ke = ({
+  size: a = "md",
+  className: t
+}) => /* @__PURE__ */ r.jsxs("div", { className: f("gamify-spinner", `gamify-spinner--${a}`, t), children: [
+  /* @__PURE__ */ r.jsx("div", { className: "gamify-spinner__ring" }),
+  /* @__PURE__ */ r.jsx("div", { className: "gamify-spinner__ring" }),
+  /* @__PURE__ */ r.jsx("div", { className: "gamify-spinner__ring" }),
+  /* @__PURE__ */ r.jsx("div", { className: "gamify-spinner__ring" })
+] }), Re = ({
+  label: a,
+  className: t,
+  checked: s,
+  ...n
+}) => /* @__PURE__ */ r.jsxs("label", { className: f("gamify-switch-label", t), children: [
+  /* @__PURE__ */ r.jsxs("div", { className: "gamify-switch", children: [
+    /* @__PURE__ */ r.jsx("input", { type: "checkbox", checked: s, ...n }),
+    /* @__PURE__ */ r.jsx("span", { className: "gamify-switch__slider" })
+  ] }),
+  a && /* @__PURE__ */ r.jsx("span", { children: a })
+] }), we = ({
+  tabs: a,
+  activeTabId: t,
+  onTabChange: s,
+  className: n
+}) => {
+  const i = W(null), c = (l, h) => {
+    if (s(l), i.current) {
+      const g = i.current, y = g.querySelectorAll(".gamify-tab")[h];
+      if (y) {
+        const j = y.offsetLeft - 16;
+        g.scrollTo({
+          left: j,
+          behavior: "smooth"
+        });
+      }
+    }
+  };
+  return /* @__PURE__ */ r.jsx("div", { className: f("gamify-tabs", n), ref: i, children: a.map((l, h) => /* @__PURE__ */ r.jsx(
+    "button",
+    {
+      className: f(
+        "gamify-tab",
+        t === l.id && "gamify-tab--active"
+      ),
+      onClick: () => c(l.id, h),
+      children: l.label
+    },
+    l.id
+  )) });
+}, X = B(void 0), Se = ({ children: a }) => {
+  const [t, s] = V(() => {
+    const c = localStorage.getItem("gamify-theme");
+    return c === "light" || c === "dark" ? c : "dark";
+  });
+  U(() => {
+    document.documentElement.setAttribute("data-theme", t), localStorage.setItem("gamify-theme", t);
+  }, [t]);
+  const n = () => {
+    s((c) => c === "light" ? "dark" : "light");
+  }, i = (c) => {
+    s(c);
+  };
+  return /* @__PURE__ */ r.jsx(X.Provider, { value: { theme: t, toggleTheme: n, setTheme: i }, children: a });
+}, ve = () => {
+  const a = J(X);
+  if (!a) throw new Error("useThemeContext must be used within GamifyThemeProvider");
+  return a;
+}, xe = () => {
+  const { theme: a, toggleTheme: t, setTheme: s } = ve();
+  return { theme: a, toggleTheme: t, setTheme: s };
+}, Ae = ({ className: a }) => {
+  const { theme: t, toggleTheme: s } = xe();
+  return /* @__PURE__ */ r.jsx(
+    "button",
+    {
+      className: f("gamify-theme-toggle", a),
+      onClick: s,
+      "aria-label": "Toggle Theme",
+      title: `Switch to ${t === "dark" ? "light" : "dark"} mode`,
+      children: t === "dark" ? /* @__PURE__ */ r.jsx("svg", { viewBox: "0 0 24 24", children: /* @__PURE__ */ r.jsx("path", { d: "M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zM2 13h2c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1zm18 0h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1zM11 2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1zm0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1zM5.99 4.58c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0s.39-1.03 0-1.41L5.99 4.58zm12.37 12.37c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0 .39-.39.39-1.03 0-1.41l-1.06-1.06zm1.06-10.96c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06zM7.05 18.36c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06z" }) }) : /* @__PURE__ */ r.jsx("svg", { viewBox: "0 0 24 24", children: /* @__PURE__ */ r.jsx("path", { d: "M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9c0-.46-.04-.92-.1-1.36-.98 1.37-2.58 2.26-4.4 2.26-2.98 0-5.4-2.42-5.4-5.4 0-1.81.89-3.42 2.26-4.4-.44-.06-.9-.1-1.36-.1z" }) })
+    }
+  );
+}, H = B(void 0), Pe = ({ children: a }) => {
+  const [t, s] = V([]), n = W(0), i = de((c, l, h = 3e3) => {
+    const g = `toast-${n.current++}`;
+    s((v) => [...v, { id: g, title: c, message: l, duration: h }]), setTimeout(() => {
+      s((v) => v.filter((y) => y.id !== g));
+    }, h);
+  }, []);
+  return /* @__PURE__ */ r.jsxs(H.Provider, { value: { addToast: i }, children: [
+    a,
+    /* @__PURE__ */ r.jsx("div", { className: "gamify-toast-container", children: t.map((c) => /* @__PURE__ */ r.jsxs("div", { className: "gamify-toast", style: { "--duration": `${c.duration}ms` }, children: [
+      /* @__PURE__ */ r.jsx("div", { className: "gamify-toast__icon", children: "🏆" }),
+      /* @__PURE__ */ r.jsxs("div", { className: "gamify-toast__content", children: [
+        /* @__PURE__ */ r.jsx("div", { className: "gamify-toast__title", children: c.title }),
+        /* @__PURE__ */ r.jsx("div", { className: "gamify-toast__message", children: c.message })
+      ] })
+    ] }, c.id)) })
+  ] });
+}, _e = () => {
+  const a = J(H);
+  if (!a)
+    throw new Error("useToast must be used within a GamifyToastProvider");
+  return a;
+}, Ce = ({
+  content: a,
+  children: t,
+  rarity: s = "common"
+}) => /* @__PURE__ */ r.jsxs("div", { className: "gamify-tooltip-wrapper", children: [
+  t,
+  /* @__PURE__ */ r.jsx("div", { className: f("gamify-tooltip", `gamify-tooltip--${s}`), children: a })
+] }), Oe = ({
+  value: a,
+  max: t,
+  variant: s = "hp",
+  showLabel: n = !0,
+  className: i,
+  ...c
+}) => {
+  const l = Math.min(100, Math.max(0, a / t * 100));
+  return /* @__PURE__ */ r.jsxs(
+    "div",
+    {
+      className: f("gamify-health-bar", `gamify-health-bar--${s}`, i),
+      ...c,
+      children: [
+        /* @__PURE__ */ r.jsx(
+          "div",
+          {
+            className: "gamify-health-bar__fill",
+            style: { width: `${l}%` }
+          }
+        ),
+        n && /* @__PURE__ */ r.jsxs("span", { className: "gamify-health-bar__text", children: [
+          a,
+          " / ",
+          t
+        ] })
+      ]
+    }
+  );
+}, $e = ({
+  itemSrc: a,
+  count: t,
+  rarity: s,
+  isActive: n,
+  size: i = "md",
+  className: c,
+  ...l
+}) => /* @__PURE__ */ r.jsxs(
+  "div",
+  {
+    className: f(
+      "gamify-inventory-slot",
+      `gamify-inventory-slot--${i}`,
+      s && `gamify-inventory-slot--${s}`,
+      n && "gamify-inventory-slot--active",
+      c
+    ),
+    ...l,
+    children: [
+      a && /* @__PURE__ */ r.jsx("img", { src: a, alt: "Item", className: "gamify-inventory-slot__img" }),
+      t && t > 1 && /* @__PURE__ */ r.jsx("span", { className: "gamify-inventory-slot__count", children: t })
+    ]
+  }
+), Ge = ({
+  quests: a,
+  onQuestClick: t,
+  className: s,
+  ...n
+}) => /* @__PURE__ */ r.jsx("div", { className: f("gamify-quest-log", s), ...n, children: a.map((i) => /* @__PURE__ */ r.jsxs(
+  "div",
+  {
+    className: f(
+      "gamify-quest-item",
+      `gamify-quest-item--${i.status}`
+    ),
+    onClick: () => t?.(i),
+    children: [
+      /* @__PURE__ */ r.jsxs("div", { className: "gamify-quest-item__title", children: [
+        i.title,
+        i.status === "completed" && /* @__PURE__ */ r.jsx(P, { variant: "uncommon", children: "DONE" }),
+        i.status === "active" && /* @__PURE__ */ r.jsx(P, { variant: "legendary", children: "ACTIVE" }),
+        i.status === "failed" && /* @__PURE__ */ r.jsx(P, { variant: "mythic", children: "FAILED" })
+      ] }),
+      /* @__PURE__ */ r.jsx("div", { className: "gamify-quest-item__desc", children: i.description })
+    ]
+  },
+  i.id
+)) }), Ie = () => {
+  const { addToast: a } = _e(), t = async () => {
+    const s = {
+      title: "Gamify - Cyberpunk React UI Library",
+      text: "Check out Gamify! 🎮 The ultimate cyberpunk React component library for gaming apps. ⚡️",
+      url: window.location.href
+    };
+    if (navigator.share)
+      try {
+        await navigator.share(s);
+      } catch {
+      }
+    else
+      try {
+        await navigator.clipboard.writeText(`${s.text}
+${s.url}`), a("Link Copied!", "Share this with your friends! 🚀", 3e3);
+      } catch {
+        a("Error", "Could not access clipboard.", 2e3);
+      }
+  };
+  return /* @__PURE__ */ r.jsx(
+    "button",
+    {
+      className: "gamify-share-fab",
+      onClick: t,
+      "aria-label": "Share Loot UI",
+      title: "Share this page",
+      children: /* @__PURE__ */ r.jsx("svg", { className: "gamify-share-fab__icon", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ r.jsx("path", { d: "M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z" }) })
+    }
+  );
+};
+export {
+  ge as GamifyAvatar,
+  P as GamifyBadge,
+  ye as GamifyButton,
+  je as GamifyCard,
+  be as GamifyInput,
+  Te as GamifyLeaderboard,
+  Ee as GamifyModal,
+  Ie as GamifyShareFab,
+  Ne as GamifySlider,
+  ke as GamifySpinner,
+  Re as GamifySwitch,
+  we as GamifyTabs,
+  Se as GamifyThemeProvider,
+  Ae as GamifyThemeToggle,
+  Pe as GamifyToastProvider,
+  Ce as GamifyTooltip,
+  Oe as HealthBar,
+  $e as InventorySlot,
+  Ge as QuestLog,
+  ve as useThemeContext,
+  _e as useToast
+};
+//# sourceMappingURL=index.js.map