@medialane/ui 0.36.0 → 0.36.1

package/dist/components/rewards/level-ladder.cjs

@@ -0,0 +1,54 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var level_ladder_exports = {};
+__export(level_ladder_exports, {
+  LevelLadder: () => LevelLadder
+});
+module.exports = __toCommonJS(level_ladder_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_cn = require("../../utils/cn.js");
+function LevelLadder({ levels, currentLevel, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_cn.cn)("flex gap-2 overflow-x-auto pb-2", className), children: levels.map((l) => {
+    const state = l.level < currentLevel ? "done" : l.level === currentLevel ? "current" : "future";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        title: `${l.xpRequired.toLocaleString()} XP`,
+        className: (0, import_cn.cn)(
+          "flex shrink-0 select-none flex-col items-center gap-0.5 rounded-lg border px-2.5 py-1.5",
+          state === "future" && "opacity-45"
+        ),
+        style: {
+          borderColor: state === "current" ? l.badgeColor : `${l.badgeColor}40`,
+          backgroundColor: state === "current" ? `${l.badgeColor}22` : `${l.badgeColor}0d`
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-[10px] font-black tabular-nums", style: { color: l.badgeColor }, children: l.level }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "whitespace-nowrap text-[10px] font-semibold", style: { color: l.badgeColor }, children: l.name })
+        ]
+      },
+      l.level
+    );
+  }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LevelLadder
+});
+//# sourceMappingURL=level-ladder.cjs.map

package/dist/components/rewards/level-ladder.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/rewards/level-ladder.tsx"],"sourcesContent":["import { cn } from \"../../utils/cn.js\";\n\nexport interface LevelLadderProps {\n  levels: { level: number; name: string; xpRequired: number; badgeColor: string }[];\n  currentLevel: number;\n  className?: string;\n}\n\n/** The full level arc as a horizontally scrollable chip rail; the current\n *  level is highlighted, passed levels render solid, future ones muted. */\nexport function LevelLadder({ levels, currentLevel, className }: LevelLadderProps) {\n  return (\n    <div className={cn(\"flex gap-2 overflow-x-auto pb-2\", className)}>\n      {levels.map((l) => {\n        const state = l.level < currentLevel ? \"done\" : l.level === currentLevel ? \"current\" : \"future\";\n        return (\n          <div\n            key={l.level}\n            title={`${l.xpRequired.toLocaleString()} XP`}\n            className={cn(\n              \"flex shrink-0 select-none flex-col items-center gap-0.5 rounded-lg border px-2.5 py-1.5\",\n              state === \"future\" && \"opacity-45\"\n            )}\n            style={{\n              borderColor: state === \"current\" ? l.badgeColor : `${l.badgeColor}40`,\n              backgroundColor: state === \"current\" ? `${l.badgeColor}22` : `${l.badgeColor}0d`,\n            }}\n          >\n            <span className=\"text-[10px] font-black tabular-nums\" style={{ color: l.badgeColor }}>\n              {l.level}\n            </span>\n            <span className=\"whitespace-nowrap text-[10px] font-semibold\" style={{ color: l.badgeColor }}>\n              {l.name}\n            </span>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBU;AAhBV,gBAAmB;AAUZ,SAAS,YAAY,EAAE,QAAQ,cAAc,UAAU,GAAqB;AACjF,SACE,4CAAC,SAAI,eAAW,cAAG,mCAAmC,SAAS,GAC5D,iBAAO,IAAI,CAAC,MAAM;AACjB,UAAM,QAAQ,EAAE,QAAQ,eAAe,SAAS,EAAE,UAAU,eAAe,YAAY;AACvF,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,OAAO,GAAG,EAAE,WAAW,eAAe,CAAC;AAAA,QACvC,eAAW;AAAA,UACT;AAAA,UACA,UAAU,YAAY;AAAA,QACxB;AAAA,QACA,OAAO;AAAA,UACL,aAAa,UAAU,YAAY,EAAE,aAAa,GAAG,EAAE,UAAU;AAAA,UACjE,iBAAiB,UAAU,YAAY,GAAG,EAAE,UAAU,OAAO,GAAG,EAAE,UAAU;AAAA,QAC9E;AAAA,QAEA;AAAA,sDAAC,UAAK,WAAU,uCAAsC,OAAO,EAAE,OAAO,EAAE,WAAW,GAChF,YAAE,OACL;AAAA,UACA,4CAAC,UAAK,WAAU,+CAA8C,OAAO,EAAE,OAAO,EAAE,WAAW,GACxF,YAAE,MACL;AAAA;AAAA;AAAA,MAhBK,EAAE;AAAA,IAiBT;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":[]}

package/dist/components/rewards/level-ladder.d.cts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface LevelLadderProps {
+    levels: {
+        level: number;
+        name: string;
+        xpRequired: number;
+        badgeColor: string;
+    }[];
+    currentLevel: number;
+    className?: string;
+}
+/** The full level arc as a horizontally scrollable chip rail; the current
+ *  level is highlighted, passed levels render solid, future ones muted. */
+declare function LevelLadder({ levels, currentLevel, className }: LevelLadderProps): react_jsx_runtime.JSX.Element;
+
+export { LevelLadder, type LevelLadderProps };

package/dist/components/rewards/level-ladder.d.ts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface LevelLadderProps {
+    levels: {
+        level: number;
+        name: string;
+        xpRequired: number;
+        badgeColor: string;
+    }[];
+    currentLevel: number;
+    className?: string;
+}
+/** The full level arc as a horizontally scrollable chip rail; the current
+ *  level is highlighted, passed levels render solid, future ones muted. */
+declare function LevelLadder({ levels, currentLevel, className }: LevelLadderProps): react_jsx_runtime.JSX.Element;
+
+export { LevelLadder, type LevelLadderProps };

package/dist/components/rewards/level-ladder.js

@@ -0,0 +1,30 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../utils/cn.js";
+function LevelLadder({ levels, currentLevel, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("flex gap-2 overflow-x-auto pb-2", className), children: levels.map((l) => {
+    const state = l.level < currentLevel ? "done" : l.level === currentLevel ? "current" : "future";
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        title: `${l.xpRequired.toLocaleString()} XP`,
+        className: cn(
+          "flex shrink-0 select-none flex-col items-center gap-0.5 rounded-lg border px-2.5 py-1.5",
+          state === "future" && "opacity-45"
+        ),
+        style: {
+          borderColor: state === "current" ? l.badgeColor : `${l.badgeColor}40`,
+          backgroundColor: state === "current" ? `${l.badgeColor}22` : `${l.badgeColor}0d`
+        },
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "text-[10px] font-black tabular-nums", style: { color: l.badgeColor }, children: l.level }),
+          /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap text-[10px] font-semibold", style: { color: l.badgeColor }, children: l.name })
+        ]
+      },
+      l.level
+    );
+  }) });
+}
+export {
+  LevelLadder
+};
+//# sourceMappingURL=level-ladder.js.map

package/dist/components/rewards/level-ladder.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/rewards/level-ladder.tsx"],"sourcesContent":["import { cn } from \"../../utils/cn.js\";\n\nexport interface LevelLadderProps {\n  levels: { level: number; name: string; xpRequired: number; badgeColor: string }[];\n  currentLevel: number;\n  className?: string;\n}\n\n/** The full level arc as a horizontally scrollable chip rail; the current\n *  level is highlighted, passed levels render solid, future ones muted. */\nexport function LevelLadder({ levels, currentLevel, className }: LevelLadderProps) {\n  return (\n    <div className={cn(\"flex gap-2 overflow-x-auto pb-2\", className)}>\n      {levels.map((l) => {\n        const state = l.level < currentLevel ? \"done\" : l.level === currentLevel ? \"current\" : \"future\";\n        return (\n          <div\n            key={l.level}\n            title={`${l.xpRequired.toLocaleString()} XP`}\n            className={cn(\n              \"flex shrink-0 select-none flex-col items-center gap-0.5 rounded-lg border px-2.5 py-1.5\",\n              state === \"future\" && \"opacity-45\"\n            )}\n            style={{\n              borderColor: state === \"current\" ? l.badgeColor : `${l.badgeColor}40`,\n              backgroundColor: state === \"current\" ? `${l.badgeColor}22` : `${l.badgeColor}0d`,\n            }}\n          >\n            <span className=\"text-[10px] font-black tabular-nums\" style={{ color: l.badgeColor }}>\n              {l.level}\n            </span>\n            <span className=\"whitespace-nowrap text-[10px] font-semibold\" style={{ color: l.badgeColor }}>\n              {l.name}\n            </span>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":"AAgBU,SAYE,KAZF;AAhBV,SAAS,UAAU;AAUZ,SAAS,YAAY,EAAE,QAAQ,cAAc,UAAU,GAAqB;AACjF,SACE,oBAAC,SAAI,WAAW,GAAG,mCAAmC,SAAS,GAC5D,iBAAO,IAAI,CAAC,MAAM;AACjB,UAAM,QAAQ,EAAE,QAAQ,eAAe,SAAS,EAAE,UAAU,eAAe,YAAY;AACvF,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,OAAO,GAAG,EAAE,WAAW,eAAe,CAAC;AAAA,QACvC,WAAW;AAAA,UACT;AAAA,UACA,UAAU,YAAY;AAAA,QACxB;AAAA,QACA,OAAO;AAAA,UACL,aAAa,UAAU,YAAY,EAAE,aAAa,GAAG,EAAE,UAAU;AAAA,UACjE,iBAAiB,UAAU,YAAY,GAAG,EAAE,UAAU,OAAO,GAAG,EAAE,UAAU;AAAA,QAC9E;AAAA,QAEA;AAAA,8BAAC,UAAK,WAAU,uCAAsC,OAAO,EAAE,OAAO,EAAE,WAAW,GAChF,YAAE,OACL;AAAA,UACA,oBAAC,UAAK,WAAU,+CAA8C,OAAO,EAAE,OAAO,EAAE,WAAW,GACxF,YAAE,MACL;AAAA;AAAA;AAAA,MAhBK,EAAE;AAAA,IAiBT;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":[]}

package/dist/components/rewards/score-summary-card.cjs

@@ -0,0 +1,83 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var score_summary_card_exports = {};
+__export(score_summary_card_exports, {
+  ScoreSummaryCard: () => ScoreSummaryCard
+});
+module.exports = __toCommonJS(score_summary_card_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_cn = require("../../utils/cn.js");
+var import_level_badge = require("./level-badge.js");
+var import_xp_progress = require("./xp-progress.js");
+var import_badge_shelf = require("./badge-shelf.js");
+function ScoreSummaryCard({
+  level,
+  levelName,
+  badgeColor,
+  totalXp,
+  levelXp,
+  nextLevel,
+  topBadges,
+  href,
+  className
+}) {
+  const body = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_cn.cn)("rounded-xl border border-border bg-card p-4 sm:p-5", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative flex items-center justify-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_xp_progress.XpProgress,
+          {
+            variant: "ring",
+            size: 52,
+            totalXp,
+            levelXp,
+            nextLevelXp: nextLevel?.xpRequired ?? null,
+            badgeColor
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "absolute text-sm font-black", style: { color: badgeColor }, children: level })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_level_badge.LevelBadge, { level, name: levelName, badgeColor, size: "md" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "mt-1 text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "font-semibold text-foreground", children: [
+            totalXp.toLocaleString(),
+            " XP"
+          ] }),
+          nextLevel && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+            " \xB7 ",
+            (nextLevel.xpRequired - totalXp).toLocaleString(),
+            " XP to Lv.",
+            nextLevel.level,
+            " ",
+            nextLevel.name
+          ] })
+        ] })
+      ] })
+    ] }),
+    topBadges && topBadges.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_badge_shelf.BadgeShelf, { badges: topBadges, className: "mt-3" })
+  ] });
+  if (!href) return body;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href, className: "block active:opacity-80", children: body });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ScoreSummaryCard
+});
+//# sourceMappingURL=score-summary-card.cjs.map

package/dist/components/rewards/score-summary-card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/rewards/score-summary-card.tsx"],"sourcesContent":["import { cn } from \"../../utils/cn.js\";\nimport { LevelBadge } from \"./level-badge.js\";\nimport { XpProgress } from \"./xp-progress.js\";\nimport { BadgeShelf, type BadgeShelfBadge } from \"./badge-shelf.js\";\n\nexport interface ScoreSummaryCardProps {\n  level: number;\n  levelName: string;\n  badgeColor: string;\n  totalXp: number;\n  /** XP required to reach the current level. */\n  levelXp: number;\n  nextLevel: { level: number; name: string; xpRequired: number } | null;\n  /** A few earned badges to preview (already limited by the caller). */\n  topBadges?: BadgeShelfBadge[];\n  /** Where the card links (\"/rewards\"); rendered as a plain anchor. */\n  href?: string;\n  className?: string;\n}\n\n/** Compact score overview for portfolio/profile surfaces: level ring, XP,\n *  next-level progress, and a short badge preview. */\nexport function ScoreSummaryCard({\n  level,\n  levelName,\n  badgeColor,\n  totalXp,\n  levelXp,\n  nextLevel,\n  topBadges,\n  href,\n  className,\n}: ScoreSummaryCardProps) {\n  const body = (\n    <div className={cn(\"rounded-xl border border-border bg-card p-4 sm:p-5\", className)}>\n      <div className=\"flex items-center gap-3\">\n        <div className=\"relative flex items-center justify-center\">\n          <XpProgress\n            variant=\"ring\"\n            size={52}\n            totalXp={totalXp}\n            levelXp={levelXp}\n            nextLevelXp={nextLevel?.xpRequired ?? null}\n            badgeColor={badgeColor}\n          />\n          <span className=\"absolute text-sm font-black\" style={{ color: badgeColor }}>\n            {level}\n          </span>\n        </div>\n        <div className=\"min-w-0 flex-1\">\n          <LevelBadge level={level} name={levelName} badgeColor={badgeColor} size=\"md\" />\n          <p className=\"mt-1 text-sm text-muted-foreground\">\n            <span className=\"font-semibold text-foreground\">{totalXp.toLocaleString()} XP</span>\n            {nextLevel && (\n              <>\n                {\" · \"}\n                {(nextLevel.xpRequired - totalXp).toLocaleString()} XP to Lv.{nextLevel.level} {nextLevel.name}\n              </>\n            )}\n          </p>\n        </div>\n      </div>\n      {topBadges && topBadges.length > 0 && <BadgeShelf badges={topBadges} className=\"mt-3\" />}\n    </div>\n  );\n\n  if (!href) return body;\n  return (\n    <a href={href} className=\"block active:opacity-80\">\n      {body}\n    </a>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoCQ;AApCR,gBAAmB;AACnB,yBAA2B;AAC3B,yBAA2B;AAC3B,yBAAiD;AAmB1C,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0B;AACxB,QAAM,OACJ,6CAAC,SAAI,eAAW,cAAG,sDAAsD,SAAS,GAChF;AAAA,iDAAC,SAAI,WAAU,2BACb;AAAA,mDAAC,SAAI,WAAU,6CACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAM;AAAA,YACN;AAAA,YACA;AAAA,YACA,aAAa,WAAW,cAAc;AAAA,YACtC;AAAA;AAAA,QACF;AAAA,QACA,4CAAC,UAAK,WAAU,+BAA8B,OAAO,EAAE,OAAO,WAAW,GACtE,iBACH;AAAA,SACF;AAAA,MACA,6CAAC,SAAI,WAAU,kBACb;AAAA,oDAAC,iCAAW,OAAc,MAAM,WAAW,YAAwB,MAAK,MAAK;AAAA,QAC7E,6CAAC,OAAE,WAAU,sCACX;AAAA,uDAAC,UAAK,WAAU,iCAAiC;AAAA,oBAAQ,eAAe;AAAA,YAAE;AAAA,aAAG;AAAA,UAC5E,aACC,4EACG;AAAA;AAAA,aACC,UAAU,aAAa,SAAS,eAAe;AAAA,YAAE;AAAA,YAAW,UAAU;AAAA,YAAM;AAAA,YAAE,UAAU;AAAA,aAC5F;AAAA,WAEJ;AAAA,SACF;AAAA,OACF;AAAA,IACC,aAAa,UAAU,SAAS,KAAK,4CAAC,iCAAW,QAAQ,WAAW,WAAU,QAAO;AAAA,KACxF;AAGF,MAAI,CAAC,KAAM,QAAO;AAClB,SACE,4CAAC,OAAE,MAAY,WAAU,2BACtB,gBACH;AAEJ;","names":[]}

package/dist/components/rewards/score-summary-card.d.cts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { BadgeShelfBadge } from './badge-shelf.cjs';
+
+interface ScoreSummaryCardProps {
+    level: number;
+    levelName: string;
+    badgeColor: string;
+    totalXp: number;
+    /** XP required to reach the current level. */
+    levelXp: number;
+    nextLevel: {
+        level: number;
+        name: string;
+        xpRequired: number;
+    } | null;
+    /** A few earned badges to preview (already limited by the caller). */
+    topBadges?: BadgeShelfBadge[];
+    /** Where the card links ("/rewards"); rendered as a plain anchor. */
+    href?: string;
+    className?: string;
+}
+/** Compact score overview for portfolio/profile surfaces: level ring, XP,
+ *  next-level progress, and a short badge preview. */
+declare function ScoreSummaryCard({ level, levelName, badgeColor, totalXp, levelXp, nextLevel, topBadges, href, className, }: ScoreSummaryCardProps): react_jsx_runtime.JSX.Element;
+
+export { ScoreSummaryCard, type ScoreSummaryCardProps };

package/dist/components/rewards/score-summary-card.d.ts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { BadgeShelfBadge } from './badge-shelf.js';
+
+interface ScoreSummaryCardProps {
+    level: number;
+    levelName: string;
+    badgeColor: string;
+    totalXp: number;
+    /** XP required to reach the current level. */
+    levelXp: number;
+    nextLevel: {
+        level: number;
+        name: string;
+        xpRequired: number;
+    } | null;
+    /** A few earned badges to preview (already limited by the caller). */
+    topBadges?: BadgeShelfBadge[];
+    /** Where the card links ("/rewards"); rendered as a plain anchor. */
+    href?: string;
+    className?: string;
+}
+/** Compact score overview for portfolio/profile surfaces: level ring, XP,
+ *  next-level progress, and a short badge preview. */
+declare function ScoreSummaryCard({ level, levelName, badgeColor, totalXp, levelXp, nextLevel, topBadges, href, className, }: ScoreSummaryCardProps): react_jsx_runtime.JSX.Element;
+
+export { ScoreSummaryCard, type ScoreSummaryCardProps };

package/dist/components/rewards/score-summary-card.js

@@ -0,0 +1,59 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../utils/cn.js";
+import { LevelBadge } from "./level-badge.js";
+import { XpProgress } from "./xp-progress.js";
+import { BadgeShelf } from "./badge-shelf.js";
+function ScoreSummaryCard({
+  level,
+  levelName,
+  badgeColor,
+  totalXp,
+  levelXp,
+  nextLevel,
+  topBadges,
+  href,
+  className
+}) {
+  const body = /* @__PURE__ */ jsxs("div", { className: cn("rounded-xl border border-border bg-card p-4 sm:p-5", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "relative flex items-center justify-center", children: [
+        /* @__PURE__ */ jsx(
+          XpProgress,
+          {
+            variant: "ring",
+            size: 52,
+            totalXp,
+            levelXp,
+            nextLevelXp: nextLevel?.xpRequired ?? null,
+            badgeColor
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "absolute text-sm font-black", style: { color: badgeColor }, children: level })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx(LevelBadge, { level, name: levelName, badgeColor, size: "md" }),
+        /* @__PURE__ */ jsxs("p", { className: "mt-1 text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ jsxs("span", { className: "font-semibold text-foreground", children: [
+            totalXp.toLocaleString(),
+            " XP"
+          ] }),
+          nextLevel && /* @__PURE__ */ jsxs(Fragment, { children: [
+            " \xB7 ",
+            (nextLevel.xpRequired - totalXp).toLocaleString(),
+            " XP to Lv.",
+            nextLevel.level,
+            " ",
+            nextLevel.name
+          ] })
+        ] })
+      ] })
+    ] }),
+    topBadges && topBadges.length > 0 && /* @__PURE__ */ jsx(BadgeShelf, { badges: topBadges, className: "mt-3" })
+  ] });
+  if (!href) return body;
+  return /* @__PURE__ */ jsx("a", { href, className: "block active:opacity-80", children: body });
+}
+export {
+  ScoreSummaryCard
+};
+//# sourceMappingURL=score-summary-card.js.map

package/dist/components/rewards/score-summary-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/rewards/score-summary-card.tsx"],"sourcesContent":["import { cn } from \"../../utils/cn.js\";\nimport { LevelBadge } from \"./level-badge.js\";\nimport { XpProgress } from \"./xp-progress.js\";\nimport { BadgeShelf, type BadgeShelfBadge } from \"./badge-shelf.js\";\n\nexport interface ScoreSummaryCardProps {\n  level: number;\n  levelName: string;\n  badgeColor: string;\n  totalXp: number;\n  /** XP required to reach the current level. */\n  levelXp: number;\n  nextLevel: { level: number; name: string; xpRequired: number } | null;\n  /** A few earned badges to preview (already limited by the caller). */\n  topBadges?: BadgeShelfBadge[];\n  /** Where the card links (\"/rewards\"); rendered as a plain anchor. */\n  href?: string;\n  className?: string;\n}\n\n/** Compact score overview for portfolio/profile surfaces: level ring, XP,\n *  next-level progress, and a short badge preview. */\nexport function ScoreSummaryCard({\n  level,\n  levelName,\n  badgeColor,\n  totalXp,\n  levelXp,\n  nextLevel,\n  topBadges,\n  href,\n  className,\n}: ScoreSummaryCardProps) {\n  const body = (\n    <div className={cn(\"rounded-xl border border-border bg-card p-4 sm:p-5\", className)}>\n      <div className=\"flex items-center gap-3\">\n        <div className=\"relative flex items-center justify-center\">\n          <XpProgress\n            variant=\"ring\"\n            size={52}\n            totalXp={totalXp}\n            levelXp={levelXp}\n            nextLevelXp={nextLevel?.xpRequired ?? null}\n            badgeColor={badgeColor}\n          />\n          <span className=\"absolute text-sm font-black\" style={{ color: badgeColor }}>\n            {level}\n          </span>\n        </div>\n        <div className=\"min-w-0 flex-1\">\n          <LevelBadge level={level} name={levelName} badgeColor={badgeColor} size=\"md\" />\n          <p className=\"mt-1 text-sm text-muted-foreground\">\n            <span className=\"font-semibold text-foreground\">{totalXp.toLocaleString()} XP</span>\n            {nextLevel && (\n              <>\n                {\" · \"}\n                {(nextLevel.xpRequired - totalXp).toLocaleString()} XP to Lv.{nextLevel.level} {nextLevel.name}\n              </>\n            )}\n          </p>\n        </div>\n      </div>\n      {topBadges && topBadges.length > 0 && <BadgeShelf badges={topBadges} className=\"mt-3\" />}\n    </div>\n  );\n\n  if (!href) return body;\n  return (\n    <a href={href} className=\"block active:opacity-80\">\n      {body}\n    </a>\n  );\n}\n"],"mappings":"AAoCQ,SAkBM,UAjBJ,KADF;AApCR,SAAS,UAAU;AACnB,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,kBAAwC;AAmB1C,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0B;AACxB,QAAM,OACJ,qBAAC,SAAI,WAAW,GAAG,sDAAsD,SAAS,GAChF;AAAA,yBAAC,SAAI,WAAU,2BACb;AAAA,2BAAC,SAAI,WAAU,6CACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAM;AAAA,YACN;AAAA,YACA;AAAA,YACA,aAAa,WAAW,cAAc;AAAA,YACtC;AAAA;AAAA,QACF;AAAA,QACA,oBAAC,UAAK,WAAU,+BAA8B,OAAO,EAAE,OAAO,WAAW,GACtE,iBACH;AAAA,SACF;AAAA,MACA,qBAAC,SAAI,WAAU,kBACb;AAAA,4BAAC,cAAW,OAAc,MAAM,WAAW,YAAwB,MAAK,MAAK;AAAA,QAC7E,qBAAC,OAAE,WAAU,sCACX;AAAA,+BAAC,UAAK,WAAU,iCAAiC;AAAA,oBAAQ,eAAe;AAAA,YAAE;AAAA,aAAG;AAAA,UAC5E,aACC,iCACG;AAAA;AAAA,aACC,UAAU,aAAa,SAAS,eAAe;AAAA,YAAE;AAAA,YAAW,UAAU;AAAA,YAAM;AAAA,YAAE,UAAU;AAAA,aAC5F;AAAA,WAEJ;AAAA,SACF;AAAA,OACF;AAAA,IACC,aAAa,UAAU,SAAS,KAAK,oBAAC,cAAW,QAAQ,WAAW,WAAU,QAAO;AAAA,KACxF;AAGF,MAAI,CAAC,KAAM,QAAO;AAClB,SACE,oBAAC,OAAE,MAAY,WAAU,2BACtB,gBACH;AAEJ;","names":[]}

package/dist/components/rewards/xp-progress.cjs

@@ -0,0 +1,81 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var xp_progress_exports = {};
+__export(xp_progress_exports, {
+  XpProgress: () => XpProgress
+});
+module.exports = __toCommonJS(xp_progress_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_cn = require("../../utils/cn.js");
+function progressPct({ totalXp, levelXp, nextLevelXp }) {
+  if (nextLevelXp === null || nextLevelXp <= levelXp) return 100;
+  return Math.min(100, Math.max(0, Math.round((totalXp - levelXp) / (nextLevelXp - levelXp) * 100)));
+}
+function XpProgress({ totalXp, levelXp, nextLevelXp, badgeColor, variant = "bar", size = 40, className }) {
+  const pct = progressPct({ totalXp, levelXp, nextLevelXp });
+  if (variant === "ring") {
+    const stroke = Math.max(2.5, size / 12);
+    const radius = (size - stroke) / 2;
+    const circumference = 2 * Math.PI * radius;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "svg",
+      {
+        width: size,
+        height: size,
+        viewBox: `0 0 ${size} ${size}`,
+        className: (0, import_cn.cn)("shrink-0 -rotate-90", className),
+        role: "img",
+        "aria-label": `${pct}% toward the next level`,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: size / 2, cy: size / 2, r: radius, fill: "none", strokeWidth: stroke, className: "stroke-border" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "circle",
+            {
+              cx: size / 2,
+              cy: size / 2,
+              r: radius,
+              fill: "none",
+              strokeWidth: stroke,
+              strokeLinecap: "round",
+              stroke: badgeColor,
+              strokeDasharray: circumference,
+              strokeDashoffset: circumference * (1 - pct / 100)
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: (0, import_cn.cn)("h-2 w-full overflow-hidden rounded-full bg-border/60", className),
+      role: "progressbar",
+      "aria-valuenow": pct,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-full rounded-full transition-[width]", style: { width: `${pct}%`, backgroundColor: badgeColor } })
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  XpProgress
+});
+//# sourceMappingURL=xp-progress.cjs.map

package/dist/components/rewards/xp-progress.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/rewards/xp-progress.tsx"],"sourcesContent":["import { cn } from \"../../utils/cn.js\";\n\nexport interface XpProgressProps {\n  totalXp: number;\n  /** XP required to reach the current level. */\n  levelXp: number;\n  /** XP required for the next level; null at max level (renders full). */\n  nextLevelXp: number | null;\n  badgeColor: string;\n  variant?: \"bar\" | \"ring\";\n  /** Ring diameter in px (ring variant only). */\n  size?: number;\n  className?: string;\n}\n\nfunction progressPct({ totalXp, levelXp, nextLevelXp }: Pick<XpProgressProps, \"totalXp\" | \"levelXp\" | \"nextLevelXp\">): number {\n  if (nextLevelXp === null || nextLevelXp <= levelXp) return 100;\n  return Math.min(100, Math.max(0, Math.round(((totalXp - levelXp) / (nextLevelXp - levelXp)) * 100)));\n}\n\n/** XP progress toward the next level, as a rounded bar or an SVG ring. */\nexport function XpProgress({ totalXp, levelXp, nextLevelXp, badgeColor, variant = \"bar\", size = 40, className }: XpProgressProps) {\n  const pct = progressPct({ totalXp, levelXp, nextLevelXp });\n\n  if (variant === \"ring\") {\n    const stroke = Math.max(2.5, size / 12);\n    const radius = (size - stroke) / 2;\n    const circumference = 2 * Math.PI * radius;\n    return (\n      <svg\n        width={size}\n        height={size}\n        viewBox={`0 0 ${size} ${size}`}\n        className={cn(\"shrink-0 -rotate-90\", className)}\n        role=\"img\"\n        aria-label={`${pct}% toward the next level`}\n      >\n        <circle cx={size / 2} cy={size / 2} r={radius} fill=\"none\" strokeWidth={stroke} className=\"stroke-border\" />\n        <circle\n          cx={size / 2}\n          cy={size / 2}\n          r={radius}\n          fill=\"none\"\n          strokeWidth={stroke}\n          strokeLinecap=\"round\"\n          stroke={badgeColor}\n          strokeDasharray={circumference}\n          strokeDashoffset={circumference * (1 - pct / 100)}\n        />\n      </svg>\n    );\n  }\n\n  return (\n    <div\n      className={cn(\"h-2 w-full overflow-hidden rounded-full bg-border/60\", className)}\n      role=\"progressbar\"\n      aria-valuenow={pct}\n      aria-valuemin={0}\n      aria-valuemax={100}\n    >\n      <div className=\"h-full rounded-full transition-[width]\" style={{ width: `${pct}%`, backgroundColor: badgeColor }} />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6BM;AA7BN,gBAAmB;AAenB,SAAS,YAAY,EAAE,SAAS,SAAS,YAAY,GAAyE;AAC5H,MAAI,gBAAgB,QAAQ,eAAe,QAAS,QAAO;AAC3D,SAAO,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,KAAK,OAAQ,UAAU,YAAY,cAAc,WAAY,GAAG,CAAC,CAAC;AACrG;AAGO,SAAS,WAAW,EAAE,SAAS,SAAS,aAAa,YAAY,UAAU,OAAO,OAAO,IAAI,UAAU,GAAoB;AAChI,QAAM,MAAM,YAAY,EAAE,SAAS,SAAS,YAAY,CAAC;AAEzD,MAAI,YAAY,QAAQ;AACtB,UAAM,SAAS,KAAK,IAAI,KAAK,OAAO,EAAE;AACtC,UAAM,UAAU,OAAO,UAAU;AACjC,UAAM,gBAAgB,IAAI,KAAK,KAAK;AACpC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAS,OAAO,IAAI,IAAI,IAAI;AAAA,QAC5B,eAAW,cAAG,uBAAuB,SAAS;AAAA,QAC9C,MAAK;AAAA,QACL,cAAY,GAAG,GAAG;AAAA,QAElB;AAAA,sDAAC,YAAO,IAAI,OAAO,GAAG,IAAI,OAAO,GAAG,GAAG,QAAQ,MAAK,QAAO,aAAa,QAAQ,WAAU,iBAAgB;AAAA,UAC1G;AAAA,YAAC;AAAA;AAAA,cACC,IAAI,OAAO;AAAA,cACX,IAAI,OAAO;AAAA,cACX,GAAG;AAAA,cACH,MAAK;AAAA,cACL,aAAa;AAAA,cACb,eAAc;AAAA,cACd,QAAQ;AAAA,cACR,iBAAiB;AAAA,cACjB,kBAAkB,iBAAiB,IAAI,MAAM;AAAA;AAAA,UAC/C;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW,cAAG,wDAAwD,SAAS;AAAA,MAC/E,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MAEf,sDAAC,SAAI,WAAU,0CAAyC,OAAO,EAAE,OAAO,GAAG,GAAG,KAAK,iBAAiB,WAAW,GAAG;AAAA;AAAA,EACpH;AAEJ;","names":[]}

package/dist/components/rewards/xp-progress.d.cts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface XpProgressProps {
+    totalXp: number;
+    /** XP required to reach the current level. */
+    levelXp: number;
+    /** XP required for the next level; null at max level (renders full). */
+    nextLevelXp: number | null;
+    badgeColor: string;
+    variant?: "bar" | "ring";
+    /** Ring diameter in px (ring variant only). */
+    size?: number;
+    className?: string;
+}
+/** XP progress toward the next level, as a rounded bar or an SVG ring. */
+declare function XpProgress({ totalXp, levelXp, nextLevelXp, badgeColor, variant, size, className }: XpProgressProps): react_jsx_runtime.JSX.Element;
+
+export { XpProgress, type XpProgressProps };

package/dist/components/rewards/xp-progress.d.ts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface XpProgressProps {
+    totalXp: number;
+    /** XP required to reach the current level. */
+    levelXp: number;
+    /** XP required for the next level; null at max level (renders full). */
+    nextLevelXp: number | null;
+    badgeColor: string;
+    variant?: "bar" | "ring";
+    /** Ring diameter in px (ring variant only). */
+    size?: number;
+    className?: string;
+}
+/** XP progress toward the next level, as a rounded bar or an SVG ring. */
+declare function XpProgress({ totalXp, levelXp, nextLevelXp, badgeColor, variant, size, className }: XpProgressProps): react_jsx_runtime.JSX.Element;
+
+export { XpProgress, type XpProgressProps };

package/dist/components/rewards/xp-progress.js

@@ -0,0 +1,57 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../utils/cn.js";
+function progressPct({ totalXp, levelXp, nextLevelXp }) {
+  if (nextLevelXp === null || nextLevelXp <= levelXp) return 100;
+  return Math.min(100, Math.max(0, Math.round((totalXp - levelXp) / (nextLevelXp - levelXp) * 100)));
+}
+function XpProgress({ totalXp, levelXp, nextLevelXp, badgeColor, variant = "bar", size = 40, className }) {
+  const pct = progressPct({ totalXp, levelXp, nextLevelXp });
+  if (variant === "ring") {
+    const stroke = Math.max(2.5, size / 12);
+    const radius = (size - stroke) / 2;
+    const circumference = 2 * Math.PI * radius;
+    return /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        width: size,
+        height: size,
+        viewBox: `0 0 ${size} ${size}`,
+        className: cn("shrink-0 -rotate-90", className),
+        role: "img",
+        "aria-label": `${pct}% toward the next level`,
+        children: [
+          /* @__PURE__ */ jsx("circle", { cx: size / 2, cy: size / 2, r: radius, fill: "none", strokeWidth: stroke, className: "stroke-border" }),
+          /* @__PURE__ */ jsx(
+            "circle",
+            {
+              cx: size / 2,
+              cy: size / 2,
+              r: radius,
+              fill: "none",
+              strokeWidth: stroke,
+              strokeLinecap: "round",
+              stroke: badgeColor,
+              strokeDasharray: circumference,
+              strokeDashoffset: circumference * (1 - pct / 100)
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("h-2 w-full overflow-hidden rounded-full bg-border/60", className),
+      role: "progressbar",
+      "aria-valuenow": pct,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      children: /* @__PURE__ */ jsx("div", { className: "h-full rounded-full transition-[width]", style: { width: `${pct}%`, backgroundColor: badgeColor } })
+    }
+  );
+}
+export {
+  XpProgress
+};
+//# sourceMappingURL=xp-progress.js.map

package/dist/components/rewards/xp-progress.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/rewards/xp-progress.tsx"],"sourcesContent":["import { cn } from \"../../utils/cn.js\";\n\nexport interface XpProgressProps {\n  totalXp: number;\n  /** XP required to reach the current level. */\n  levelXp: number;\n  /** XP required for the next level; null at max level (renders full). */\n  nextLevelXp: number | null;\n  badgeColor: string;\n  variant?: \"bar\" | \"ring\";\n  /** Ring diameter in px (ring variant only). */\n  size?: number;\n  className?: string;\n}\n\nfunction progressPct({ totalXp, levelXp, nextLevelXp }: Pick<XpProgressProps, \"totalXp\" | \"levelXp\" | \"nextLevelXp\">): number {\n  if (nextLevelXp === null || nextLevelXp <= levelXp) return 100;\n  return Math.min(100, Math.max(0, Math.round(((totalXp - levelXp) / (nextLevelXp - levelXp)) * 100)));\n}\n\n/** XP progress toward the next level, as a rounded bar or an SVG ring. */\nexport function XpProgress({ totalXp, levelXp, nextLevelXp, badgeColor, variant = \"bar\", size = 40, className }: XpProgressProps) {\n  const pct = progressPct({ totalXp, levelXp, nextLevelXp });\n\n  if (variant === \"ring\") {\n    const stroke = Math.max(2.5, size / 12);\n    const radius = (size - stroke) / 2;\n    const circumference = 2 * Math.PI * radius;\n    return (\n      <svg\n        width={size}\n        height={size}\n        viewBox={`0 0 ${size} ${size}`}\n        className={cn(\"shrink-0 -rotate-90\", className)}\n        role=\"img\"\n        aria-label={`${pct}% toward the next level`}\n      >\n        <circle cx={size / 2} cy={size / 2} r={radius} fill=\"none\" strokeWidth={stroke} className=\"stroke-border\" />\n        <circle\n          cx={size / 2}\n          cy={size / 2}\n          r={radius}\n          fill=\"none\"\n          strokeWidth={stroke}\n          strokeLinecap=\"round\"\n          stroke={badgeColor}\n          strokeDasharray={circumference}\n          strokeDashoffset={circumference * (1 - pct / 100)}\n        />\n      </svg>\n    );\n  }\n\n  return (\n    <div\n      className={cn(\"h-2 w-full overflow-hidden rounded-full bg-border/60\", className)}\n      role=\"progressbar\"\n      aria-valuenow={pct}\n      aria-valuemin={0}\n      aria-valuemax={100}\n    >\n      <div className=\"h-full rounded-full transition-[width]\" style={{ width: `${pct}%`, backgroundColor: badgeColor }} />\n    </div>\n  );\n}\n"],"mappings":"AA6BM,SAQE,KARF;AA7BN,SAAS,UAAU;AAenB,SAAS,YAAY,EAAE,SAAS,SAAS,YAAY,GAAyE;AAC5H,MAAI,gBAAgB,QAAQ,eAAe,QAAS,QAAO;AAC3D,SAAO,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,KAAK,OAAQ,UAAU,YAAY,cAAc,WAAY,GAAG,CAAC,CAAC;AACrG;AAGO,SAAS,WAAW,EAAE,SAAS,SAAS,aAAa,YAAY,UAAU,OAAO,OAAO,IAAI,UAAU,GAAoB;AAChI,QAAM,MAAM,YAAY,EAAE,SAAS,SAAS,YAAY,CAAC;AAEzD,MAAI,YAAY,QAAQ;AACtB,UAAM,SAAS,KAAK,IAAI,KAAK,OAAO,EAAE;AACtC,UAAM,UAAU,OAAO,UAAU;AACjC,UAAM,gBAAgB,IAAI,KAAK,KAAK;AACpC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAS,OAAO,IAAI,IAAI,IAAI;AAAA,QAC5B,WAAW,GAAG,uBAAuB,SAAS;AAAA,QAC9C,MAAK;AAAA,QACL,cAAY,GAAG,GAAG;AAAA,QAElB;AAAA,8BAAC,YAAO,IAAI,OAAO,GAAG,IAAI,OAAO,GAAG,GAAG,QAAQ,MAAK,QAAO,aAAa,QAAQ,WAAU,iBAAgB;AAAA,UAC1G;AAAA,YAAC;AAAA;AAAA,cACC,IAAI,OAAO;AAAA,cACX,IAAI,OAAO;AAAA,cACX,GAAG;AAAA,cACH,MAAK;AAAA,cACL,aAAa;AAAA,cACb,eAAc;AAAA,cACd,QAAQ;AAAA,cACR,iBAAiB;AAAA,cACjB,kBAAkB,iBAAiB,IAAI,MAAM;AAAA;AAAA,UAC/C;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,wDAAwD,SAAS;AAAA,MAC/E,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MAEf,8BAAC,SAAI,WAAU,0CAAyC,OAAO,EAAE,OAAO,GAAG,GAAG,KAAK,iBAAiB,WAAW,GAAG;AAAA;AAAA,EACpH;AAEJ;","names":[]}

package/dist/components/rewards/xp-toast-content.cjs

@@ -0,0 +1,49 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var xp_toast_content_exports = {};
+__export(xp_toast_content_exports, {
+  XpToastContent: () => XpToastContent
+});
+module.exports = __toCommonJS(xp_toast_content_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function XpToastContent({ xp, label, color = "#8b5cf6" }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "span",
+      {
+        className: "flex h-8 shrink-0 items-center rounded-full border px-2.5 text-sm font-black tabular-nums",
+        style: { borderColor: `${color}60`, backgroundColor: `${color}18`, color },
+        children: [
+          "+",
+          xp,
+          " XP"
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "truncate text-sm font-semibold", children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground", children: "Counts toward your score soon" })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  XpToastContent
+});
+//# sourceMappingURL=xp-toast-content.cjs.map

package/dist/components/rewards/xp-toast-content.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/rewards/xp-toast-content.tsx"],"sourcesContent":["export interface XpToastContentProps {\n  xp: number;\n  /** The action's configured label, e.g. \"Mint an IP asset\". */\n  label: string;\n  color?: string;\n}\n\n/** Toast body for optimistic XP feedback: \"+20 XP · Mint an IP asset\".\n *  Scores recompute on a schedule, so this shows the action's configured\n *  value — the caller must never present it as a live balance. */\nexport function XpToastContent({ xp, label, color = \"#8b5cf6\" }: XpToastContentProps) {\n  return (\n    <div className=\"flex items-center gap-2.5\">\n      <span\n        className=\"flex h-8 shrink-0 items-center rounded-full border px-2.5 text-sm font-black tabular-nums\"\n        style={{ borderColor: `${color}60`, backgroundColor: `${color}18`, color }}\n      >\n        +{xp} XP\n      </span>\n      <div className=\"min-w-0\">\n        <p className=\"truncate text-sm font-semibold\">{label}</p>\n        <p className=\"text-xs text-muted-foreground\">Counts toward your score soon</p>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAaM;AAHC,SAAS,eAAe,EAAE,IAAI,OAAO,QAAQ,UAAU,GAAwB;AACpF,SACE,6CAAC,SAAI,WAAU,6BACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,aAAa,GAAG,KAAK,MAAM,iBAAiB,GAAG,KAAK,MAAM,MAAM;AAAA,QAC1E;AAAA;AAAA,UACG;AAAA,UAAG;AAAA;AAAA;AAAA,IACP;AAAA,IACA,6CAAC,SAAI,WAAU,WACb;AAAA,kDAAC,OAAE,WAAU,kCAAkC,iBAAM;AAAA,MACrD,4CAAC,OAAE,WAAU,iCAAgC,2CAA6B;AAAA,OAC5E;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/rewards/xp-toast-content.d.cts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface XpToastContentProps {
+    xp: number;
+    /** The action's configured label, e.g. "Mint an IP asset". */
+    label: string;
+    color?: string;
+}
+/** Toast body for optimistic XP feedback: "+20 XP · Mint an IP asset".
+ *  Scores recompute on a schedule, so this shows the action's configured
+ *  value — the caller must never present it as a live balance. */
+declare function XpToastContent({ xp, label, color }: XpToastContentProps): react_jsx_runtime.JSX.Element;
+
+export { XpToastContent, type XpToastContentProps };

package/dist/components/rewards/xp-toast-content.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface XpToastContentProps {
+    xp: number;
+    /** The action's configured label, e.g. "Mint an IP asset". */
+    label: string;
+    color?: string;
+}
+/** Toast body for optimistic XP feedback: "+20 XP · Mint an IP asset".
+ *  Scores recompute on a schedule, so this shows the action's configured
+ *  value — the caller must never present it as a live balance. */
+declare function XpToastContent({ xp, label, color }: XpToastContentProps): react_jsx_runtime.JSX.Element;
+
+export { XpToastContent, type XpToastContentProps };