@medialane/ui 0.119.0 → 0.121.0

package/dist/components/rewards/badge-unlock-toast-content.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/rewards/badge-unlock-toast-content.tsx"],"sourcesContent":["import { BadgeIcon } from \"./badge-shelf.js\";\nimport type { BadgeShelfBadge } from \"./badge-shelf.js\";\n\nexport interface BadgeUnlockToastContentProps {\n  badge: BadgeShelfBadge;\n}\n\n/** Toast body for a newly-earned badge: icon, name, description — the\n *  badge equivalent of XpToastContent. */\nexport function BadgeUnlockToastContent({ badge }: BadgeUnlockToastContentProps) {\n  return (\n    <div className=\"flex items-center gap-2.5\">\n      <span\n        className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-full border\"\n        style={{ borderColor: `${badge.color}60`, backgroundColor: `${badge.color}18` }}\n      >\n        <BadgeIcon name={badge.icon} color={badge.color} className=\"h-4 w-4\" />\n      </span>\n      <div className=\"min-w-0\">\n        <p className=\"truncate text-sm font-semibold\">Badge earned · {badge.name}</p>\n        <p className=\"text-xs text-muted-foreground truncate\">{badge.description}</p>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"AAgBQ,cAGA,YAHA;AAhBR,SAAS,iBAAiB;AASnB,SAAS,wBAAwB,EAAE,MAAM,GAAiC;AAC/E,SACE,qBAAC,SAAI,WAAU,6BACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,aAAa,GAAG,MAAM,KAAK,MAAM,iBAAiB,GAAG,MAAM,KAAK,KAAK;AAAA,QAE9E,8BAAC,aAAU,MAAM,MAAM,MAAM,OAAO,MAAM,OAAO,WAAU,WAAU;AAAA;AAAA,IACvE;AAAA,IACA,qBAAC,SAAI,WAAU,WACb;AAAA,2BAAC,OAAE,WAAU,kCAAiC;AAAA;AAAA,QAAgB,MAAM;AAAA,SAAK;AAAA,MACzE,oBAAC,OAAE,WAAU,0CAA0C,gBAAM,aAAY;AAAA,OAC3E;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/rewards/badge-unlock-toast-content.tsx"],"sourcesContent":["import { BadgeIcon } from \"./badge-shelf.js\";\nimport type { BadgeShelfBadge } from \"./badge-shelf.js\";\n\nexport interface BadgeUnlockToastContentProps {\n  badge: BadgeShelfBadge;\n}\n\nexport function BadgeUnlockToastContent({ badge }: BadgeUnlockToastContentProps) {\n  return (\n    <div className=\"flex items-center gap-2.5\">\n      <span\n        className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-full border\"\n        style={{ borderColor: `${badge.color}60`, backgroundColor: `${badge.color}18` }}\n      >\n        <BadgeIcon name={badge.icon} color={badge.color} className=\"h-4 w-4\" />\n      </span>\n      <div className=\"min-w-0\">\n        <p className=\"truncate text-sm font-semibold\">Badge earned · {badge.name}</p>\n        <p className=\"text-xs text-muted-foreground truncate\">{badge.description}</p>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"AAcQ,cAGA,YAHA;AAdR,SAAS,iBAAiB;AAOnB,SAAS,wBAAwB,EAAE,MAAM,GAAiC;AAC/E,SACE,qBAAC,SAAI,WAAU,6BACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,aAAa,GAAG,MAAM,KAAK,MAAM,iBAAiB,GAAG,MAAM,KAAK,KAAK;AAAA,QAE9E,8BAAC,aAAU,MAAM,MAAM,MAAM,OAAO,MAAM,OAAO,WAAU,WAAU;AAAA;AAAA,IACvE;AAAA,IACA,qBAAC,SAAI,WAAU,WACb;AAAA,2BAAC,OAAE,WAAU,kCAAiC;AAAA;AAAA,QAAgB,MAAM;AAAA,SAAK;AAAA,MACzE,oBAAC,OAAE,WAAU,0CAA0C,gBAAM,aAAY;AAAA,OAC3E;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/rewards/journey-path.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/rewards/journey-path.tsx"],"sourcesContent":["import type { ElementType } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport interface JourneyStep {\n  /** Matches a key in the rewards breakdown (e.g. \"mint_asset\"). */\n  actionType: string;\n  label: string;\n  href: string;\n  icon: ElementType;\n}\n\nexport interface JourneyPathProps {\n  steps: JourneyStep[];\n  /** The signed-in user's `rewards.breakdown` — a step is done when its\n   *  actionType key is present with a positive value. Pass `{}` (or omit)\n   *  for a signed-out visitor — every step renders upcoming. */\n  breakdown?: Record<string, number>;\n  className?: string;\n}\n\ntype StepState = \"done\" | \"current\" | \"upcoming\";\n\nfunction stateFor(step: JourneyStep, index: number, steps: JourneyStep[], breakdown: Record<string, number>): StepState {\n  if ((breakdown[step.actionType] ?? 0) > 0) return \"done\";\n  const firstNotDone = steps.findIndex((s) => (breakdown[s.actionType] ?? 0) <= 0);\n  return index === firstNotDone ? \"current\" : \"upcoming\";\n}\n\n/** A permanent, ordered milestone path — no time window, no reset, no\n *  comparison to other users. A step lights up the moment its action has\n *  ever been done and stays lit forever; the first not-yet-done step is\n *  highlighted as \"current\". Safe to render for a signed-out visitor\n *  (`breakdown` omitted) — every step just renders upcoming, still linkable. */\nexport function JourneyPath({ steps, breakdown = {}, className }: JourneyPathProps) {\n  return (\n    <ol className={cn(\"flex flex-col gap-1\", className)}>\n      {steps.map((step, i) => {\n        const state = stateFor(step, i, steps, breakdown);\n        const Icon = step.icon;\n        return (\n          <li key={step.actionType} className=\"relative flex items-center gap-3\">\n            {i < steps.length - 1 && (\n              <span\n                aria-hidden\n                className={cn(\n                  \"absolute left-[21px] top-11 h-[calc(100%-8px)] w-px\",\n                  state === \"done\" ? \"bg-brand-rose/50\" : \"bg-border\"\n                )}\n              />\n            )}\n            <a\n              href={step.href}\n              className={cn(\n                \"flex min-h-11 min-w-11 shrink-0 items-center justify-center rounded-full border transition-colors\",\n                state === \"done\" && \"border-brand-rose/40 bg-brand-rose/15 text-brand-rose\",\n                state === \"current\" && \"border-brand-orange/60 bg-brand-orange/10 text-brand-orange\",\n                state === \"upcoming\" && \"border-border text-muted-foreground/50\"\n              )}\n            >\n              <Icon className=\"h-3.5 w-3.5\" />\n            </a>\n            <a\n              href={step.href}\n              className={cn(\n                \"flex-1 rounded-lg py-1.5 text-sm font-semibold transition-colors hover:text-foreground\",\n                state === \"upcoming\" ? \"text-muted-foreground/60\" : \"text-foreground\"\n              )}\n            >\n              {step.label}\n            </a>\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwCU;AAvCV,gBAAmB;AAqBnB,SAAS,SAAS,MAAmB,OAAe,OAAsB,WAA8C;AACtH,OAAK,UAAU,KAAK,UAAU,KAAK,KAAK,EAAG,QAAO;AAClD,QAAM,eAAe,MAAM,UAAU,CAAC,OAAO,UAAU,EAAE,UAAU,KAAK,MAAM,CAAC;AAC/E,SAAO,UAAU,eAAe,YAAY;AAC9C;AAOO,SAAS,YAAY,EAAE,OAAO,YAAY,CAAC,GAAG,UAAU,GAAqB;AAClF,SACE,4CAAC,QAAG,eAAW,cAAG,uBAAuB,SAAS,GAC/C,gBAAM,IAAI,CAAC,MAAM,MAAM;AACtB,UAAM,QAAQ,SAAS,MAAM,GAAG,OAAO,SAAS;AAChD,UAAM,OAAO,KAAK;AAClB,WACE,6CAAC,QAAyB,WAAU,oCACjC;AAAA,UAAI,MAAM,SAAS,KAClB;AAAA,QAAC;AAAA;AAAA,UACC,eAAW;AAAA,UACX,eAAW;AAAA,YACT;AAAA,YACA,UAAU,SAAS,qBAAqB;AAAA,UAC1C;AAAA;AAAA,MACF;AAAA,MAEF;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,KAAK;AAAA,UACX,eAAW;AAAA,YACT;AAAA,YACA,UAAU,UAAU;AAAA,YACpB,UAAU,aAAa;AAAA,YACvB,UAAU,cAAc;AAAA,UAC1B;AAAA,UAEA,sDAAC,QAAK,WAAU,eAAc;AAAA;AAAA,MAChC;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,KAAK;AAAA,UACX,eAAW;AAAA,YACT;AAAA,YACA,UAAU,aAAa,6BAA6B;AAAA,UACtD;AAAA,UAEC,eAAK;AAAA;AAAA,MACR;AAAA,SA7BO,KAAK,UA8Bd;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/rewards/journey-path.tsx"],"sourcesContent":["import type { ElementType } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport interface JourneyStep {\n\n  actionType: string;\n  label: string;\n  href: string;\n  icon: ElementType;\n}\n\nexport interface JourneyPathProps {\n  steps: JourneyStep[];\n\n  breakdown?: Record<string, number>;\n  className?: string;\n}\n\ntype StepState = \"done\" | \"current\" | \"upcoming\";\n\nfunction stateFor(step: JourneyStep, index: number, steps: JourneyStep[], breakdown: Record<string, number>): StepState {\n  if ((breakdown[step.actionType] ?? 0) > 0) return \"done\";\n  const firstNotDone = steps.findIndex((s) => (breakdown[s.actionType] ?? 0) <= 0);\n  return index === firstNotDone ? \"current\" : \"upcoming\";\n}\n\nexport function JourneyPath({ steps, breakdown = {}, className }: JourneyPathProps) {\n  return (\n    <ol className={cn(\"flex flex-col gap-1\", className)}>\n      {steps.map((step, i) => {\n        const state = stateFor(step, i, steps, breakdown);\n        const Icon = step.icon;\n        return (\n          <li key={step.actionType} className=\"relative flex items-center gap-3\">\n            {i < steps.length - 1 && (\n              <span\n                aria-hidden\n                className={cn(\n                  \"absolute left-[21px] top-11 h-[calc(100%-8px)] w-px\",\n                  state === \"done\" ? \"bg-brand-rose/50\" : \"bg-border\"\n                )}\n              />\n            )}\n            <a\n              href={step.href}\n              className={cn(\n                \"flex min-h-11 min-w-11 shrink-0 items-center justify-center rounded-full border transition-colors\",\n                state === \"done\" && \"border-brand-rose/40 bg-brand-rose/15 text-brand-rose\",\n                state === \"current\" && \"border-brand-orange/60 bg-brand-orange/10 text-brand-orange\",\n                state === \"upcoming\" && \"border-border text-muted-foreground/50\"\n              )}\n            >\n              <Icon className=\"h-3.5 w-3.5\" />\n            </a>\n            <a\n              href={step.href}\n              className={cn(\n                \"flex-1 rounded-lg py-1.5 text-sm font-semibold transition-colors hover:text-foreground\",\n                state === \"upcoming\" ? \"text-muted-foreground/60\" : \"text-foreground\"\n              )}\n            >\n              {step.label}\n            </a>\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiCU;AAhCV,gBAAmB;AAmBnB,SAAS,SAAS,MAAmB,OAAe,OAAsB,WAA8C;AACtH,OAAK,UAAU,KAAK,UAAU,KAAK,KAAK,EAAG,QAAO;AAClD,QAAM,eAAe,MAAM,UAAU,CAAC,OAAO,UAAU,EAAE,UAAU,KAAK,MAAM,CAAC;AAC/E,SAAO,UAAU,eAAe,YAAY;AAC9C;AAEO,SAAS,YAAY,EAAE,OAAO,YAAY,CAAC,GAAG,UAAU,GAAqB;AAClF,SACE,4CAAC,QAAG,eAAW,cAAG,uBAAuB,SAAS,GAC/C,gBAAM,IAAI,CAAC,MAAM,MAAM;AACtB,UAAM,QAAQ,SAAS,MAAM,GAAG,OAAO,SAAS;AAChD,UAAM,OAAO,KAAK;AAClB,WACE,6CAAC,QAAyB,WAAU,oCACjC;AAAA,UAAI,MAAM,SAAS,KAClB;AAAA,QAAC;AAAA;AAAA,UACC,eAAW;AAAA,UACX,eAAW;AAAA,YACT;AAAA,YACA,UAAU,SAAS,qBAAqB;AAAA,UAC1C;AAAA;AAAA,MACF;AAAA,MAEF;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,KAAK;AAAA,UACX,eAAW;AAAA,YACT;AAAA,YACA,UAAU,UAAU;AAAA,YACpB,UAAU,aAAa;AAAA,YACvB,UAAU,cAAc;AAAA,UAC1B;AAAA,UAEA,sDAAC,QAAK,WAAU,eAAc;AAAA;AAAA,MAChC;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,KAAK;AAAA,UACX,eAAW;AAAA,YACT;AAAA,YACA,UAAU,aAAa,6BAA6B;AAAA,UACtD;AAAA,UAEC,eAAK;AAAA;AAAA,MACR;AAAA,SA7BO,KAAK,UA8Bd;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":[]}

package/dist/components/rewards/journey-path.d.cts

@@ -2,7 +2,6 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ElementType } from 'react';
 
 interface JourneyStep {
-    /** Matches a key in the rewards breakdown (e.g. "mint_asset"). */
     actionType: string;
     label: string;
     href: string;
@@ -10,17 +9,9 @@ interface JourneyStep {
 }
 interface JourneyPathProps {
     steps: JourneyStep[];
-    /** The signed-in user's `rewards.breakdown` — a step is done when its
-     *  actionType key is present with a positive value. Pass `{}` (or omit)
-     *  for a signed-out visitor — every step renders upcoming. */
     breakdown?: Record<string, number>;
     className?: string;
 }
-/** A permanent, ordered milestone path — no time window, no reset, no
- *  comparison to other users. A step lights up the moment its action has
- *  ever been done and stays lit forever; the first not-yet-done step is
- *  highlighted as "current". Safe to render for a signed-out visitor
- *  (`breakdown` omitted) — every step just renders upcoming, still linkable. */
 declare function JourneyPath({ steps, breakdown, className }: JourneyPathProps): react_jsx_runtime.JSX.Element;
 
 export { JourneyPath, type JourneyPathProps, type JourneyStep };

package/dist/components/rewards/journey-path.d.ts

@@ -2,7 +2,6 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ElementType } from 'react';
 
 interface JourneyStep {
-    /** Matches a key in the rewards breakdown (e.g. "mint_asset"). */
     actionType: string;
     label: string;
     href: string;
@@ -10,17 +9,9 @@ interface JourneyStep {
 }
 interface JourneyPathProps {
     steps: JourneyStep[];
-    /** The signed-in user's `rewards.breakdown` — a step is done when its
-     *  actionType key is present with a positive value. Pass `{}` (or omit)
-     *  for a signed-out visitor — every step renders upcoming. */
     breakdown?: Record<string, number>;
     className?: string;
 }
-/** A permanent, ordered milestone path — no time window, no reset, no
- *  comparison to other users. A step lights up the moment its action has
- *  ever been done and stays lit forever; the first not-yet-done step is
- *  highlighted as "current". Safe to render for a signed-out visitor
- *  (`breakdown` omitted) — every step just renders upcoming, still linkable. */
 declare function JourneyPath({ steps, breakdown, className }: JourneyPathProps): react_jsx_runtime.JSX.Element;
 
 export { JourneyPath, type JourneyPathProps, type JourneyStep };

package/dist/components/rewards/journey-path.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/rewards/journey-path.tsx"],"sourcesContent":["import type { ElementType } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport interface JourneyStep {\n  /** Matches a key in the rewards breakdown (e.g. \"mint_asset\"). */\n  actionType: string;\n  label: string;\n  href: string;\n  icon: ElementType;\n}\n\nexport interface JourneyPathProps {\n  steps: JourneyStep[];\n  /** The signed-in user's `rewards.breakdown` — a step is done when its\n   *  actionType key is present with a positive value. Pass `{}` (or omit)\n   *  for a signed-out visitor — every step renders upcoming. */\n  breakdown?: Record<string, number>;\n  className?: string;\n}\n\ntype StepState = \"done\" | \"current\" | \"upcoming\";\n\nfunction stateFor(step: JourneyStep, index: number, steps: JourneyStep[], breakdown: Record<string, number>): StepState {\n  if ((breakdown[step.actionType] ?? 0) > 0) return \"done\";\n  const firstNotDone = steps.findIndex((s) => (breakdown[s.actionType] ?? 0) <= 0);\n  return index === firstNotDone ? \"current\" : \"upcoming\";\n}\n\n/** A permanent, ordered milestone path — no time window, no reset, no\n *  comparison to other users. A step lights up the moment its action has\n *  ever been done and stays lit forever; the first not-yet-done step is\n *  highlighted as \"current\". Safe to render for a signed-out visitor\n *  (`breakdown` omitted) — every step just renders upcoming, still linkable. */\nexport function JourneyPath({ steps, breakdown = {}, className }: JourneyPathProps) {\n  return (\n    <ol className={cn(\"flex flex-col gap-1\", className)}>\n      {steps.map((step, i) => {\n        const state = stateFor(step, i, steps, breakdown);\n        const Icon = step.icon;\n        return (\n          <li key={step.actionType} className=\"relative flex items-center gap-3\">\n            {i < steps.length - 1 && (\n              <span\n                aria-hidden\n                className={cn(\n                  \"absolute left-[21px] top-11 h-[calc(100%-8px)] w-px\",\n                  state === \"done\" ? \"bg-brand-rose/50\" : \"bg-border\"\n                )}\n              />\n            )}\n            <a\n              href={step.href}\n              className={cn(\n                \"flex min-h-11 min-w-11 shrink-0 items-center justify-center rounded-full border transition-colors\",\n                state === \"done\" && \"border-brand-rose/40 bg-brand-rose/15 text-brand-rose\",\n                state === \"current\" && \"border-brand-orange/60 bg-brand-orange/10 text-brand-orange\",\n                state === \"upcoming\" && \"border-border text-muted-foreground/50\"\n              )}\n            >\n              <Icon className=\"h-3.5 w-3.5\" />\n            </a>\n            <a\n              href={step.href}\n              className={cn(\n                \"flex-1 rounded-lg py-1.5 text-sm font-semibold transition-colors hover:text-foreground\",\n                state === \"upcoming\" ? \"text-muted-foreground/60\" : \"text-foreground\"\n              )}\n            >\n              {step.label}\n            </a>\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n"],"mappings":"AAwCU,SAEI,KAFJ;AAvCV,SAAS,UAAU;AAqBnB,SAAS,SAAS,MAAmB,OAAe,OAAsB,WAA8C;AACtH,OAAK,UAAU,KAAK,UAAU,KAAK,KAAK,EAAG,QAAO;AAClD,QAAM,eAAe,MAAM,UAAU,CAAC,OAAO,UAAU,EAAE,UAAU,KAAK,MAAM,CAAC;AAC/E,SAAO,UAAU,eAAe,YAAY;AAC9C;AAOO,SAAS,YAAY,EAAE,OAAO,YAAY,CAAC,GAAG,UAAU,GAAqB;AAClF,SACE,oBAAC,QAAG,WAAW,GAAG,uBAAuB,SAAS,GAC/C,gBAAM,IAAI,CAAC,MAAM,MAAM;AACtB,UAAM,QAAQ,SAAS,MAAM,GAAG,OAAO,SAAS;AAChD,UAAM,OAAO,KAAK;AAClB,WACE,qBAAC,QAAyB,WAAU,oCACjC;AAAA,UAAI,MAAM,SAAS,KAClB;AAAA,QAAC;AAAA;AAAA,UACC,eAAW;AAAA,UACX,WAAW;AAAA,YACT;AAAA,YACA,UAAU,SAAS,qBAAqB;AAAA,UAC1C;AAAA;AAAA,MACF;AAAA,MAEF;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,KAAK;AAAA,UACX,WAAW;AAAA,YACT;AAAA,YACA,UAAU,UAAU;AAAA,YACpB,UAAU,aAAa;AAAA,YACvB,UAAU,cAAc;AAAA,UAC1B;AAAA,UAEA,8BAAC,QAAK,WAAU,eAAc;AAAA;AAAA,MAChC;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,KAAK;AAAA,UACX,WAAW;AAAA,YACT;AAAA,YACA,UAAU,aAAa,6BAA6B;AAAA,UACtD;AAAA,UAEC,eAAK;AAAA;AAAA,MACR;AAAA,SA7BO,KAAK,UA8Bd;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/rewards/journey-path.tsx"],"sourcesContent":["import type { ElementType } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport interface JourneyStep {\n\n  actionType: string;\n  label: string;\n  href: string;\n  icon: ElementType;\n}\n\nexport interface JourneyPathProps {\n  steps: JourneyStep[];\n\n  breakdown?: Record<string, number>;\n  className?: string;\n}\n\ntype StepState = \"done\" | \"current\" | \"upcoming\";\n\nfunction stateFor(step: JourneyStep, index: number, steps: JourneyStep[], breakdown: Record<string, number>): StepState {\n  if ((breakdown[step.actionType] ?? 0) > 0) return \"done\";\n  const firstNotDone = steps.findIndex((s) => (breakdown[s.actionType] ?? 0) <= 0);\n  return index === firstNotDone ? \"current\" : \"upcoming\";\n}\n\nexport function JourneyPath({ steps, breakdown = {}, className }: JourneyPathProps) {\n  return (\n    <ol className={cn(\"flex flex-col gap-1\", className)}>\n      {steps.map((step, i) => {\n        const state = stateFor(step, i, steps, breakdown);\n        const Icon = step.icon;\n        return (\n          <li key={step.actionType} className=\"relative flex items-center gap-3\">\n            {i < steps.length - 1 && (\n              <span\n                aria-hidden\n                className={cn(\n                  \"absolute left-[21px] top-11 h-[calc(100%-8px)] w-px\",\n                  state === \"done\" ? \"bg-brand-rose/50\" : \"bg-border\"\n                )}\n              />\n            )}\n            <a\n              href={step.href}\n              className={cn(\n                \"flex min-h-11 min-w-11 shrink-0 items-center justify-center rounded-full border transition-colors\",\n                state === \"done\" && \"border-brand-rose/40 bg-brand-rose/15 text-brand-rose\",\n                state === \"current\" && \"border-brand-orange/60 bg-brand-orange/10 text-brand-orange\",\n                state === \"upcoming\" && \"border-border text-muted-foreground/50\"\n              )}\n            >\n              <Icon className=\"h-3.5 w-3.5\" />\n            </a>\n            <a\n              href={step.href}\n              className={cn(\n                \"flex-1 rounded-lg py-1.5 text-sm font-semibold transition-colors hover:text-foreground\",\n                state === \"upcoming\" ? \"text-muted-foreground/60\" : \"text-foreground\"\n              )}\n            >\n              {step.label}\n            </a>\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n"],"mappings":"AAiCU,SAEI,KAFJ;AAhCV,SAAS,UAAU;AAmBnB,SAAS,SAAS,MAAmB,OAAe,OAAsB,WAA8C;AACtH,OAAK,UAAU,KAAK,UAAU,KAAK,KAAK,EAAG,QAAO;AAClD,QAAM,eAAe,MAAM,UAAU,CAAC,OAAO,UAAU,EAAE,UAAU,KAAK,MAAM,CAAC;AAC/E,SAAO,UAAU,eAAe,YAAY;AAC9C;AAEO,SAAS,YAAY,EAAE,OAAO,YAAY,CAAC,GAAG,UAAU,GAAqB;AAClF,SACE,oBAAC,QAAG,WAAW,GAAG,uBAAuB,SAAS,GAC/C,gBAAM,IAAI,CAAC,MAAM,MAAM;AACtB,UAAM,QAAQ,SAAS,MAAM,GAAG,OAAO,SAAS;AAChD,UAAM,OAAO,KAAK;AAClB,WACE,qBAAC,QAAyB,WAAU,oCACjC;AAAA,UAAI,MAAM,SAAS,KAClB;AAAA,QAAC;AAAA;AAAA,UACC,eAAW;AAAA,UACX,WAAW;AAAA,YACT;AAAA,YACA,UAAU,SAAS,qBAAqB;AAAA,UAC1C;AAAA;AAAA,MACF;AAAA,MAEF;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,KAAK;AAAA,UACX,WAAW;AAAA,YACT;AAAA,YACA,UAAU,UAAU;AAAA,YACpB,UAAU,aAAa;AAAA,YACvB,UAAU,cAAc;AAAA,UAC1B;AAAA,UAEA,8BAAC,QAAK,WAAU,eAAc;AAAA;AAAA,MAChC;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,KAAK;AAAA,UACX,WAAW;AAAA,YACT;AAAA,YACA,UAAU,aAAa,6BAA6B;AAAA,UACtD;AAAA,UAEC,eAAK;AAAA;AAAA,MACR;AAAA,SA7BO,KAAK,UA8Bd;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":[]}

package/dist/components/rewards/leaderboard-table.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/rewards/leaderboard-table.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { shortenAddress } from \"../../utils/address.js\";\nimport { LevelBadge } from \"./level-badge.js\";\n\nexport interface LeaderboardEntryLike {\n  /** Kept for API compatibility with the backend's ordered response — not\n   *  rendered. This is a scoreboard, not a ranking: no \"#1/#2/#3\", no podium\n   *  colors. Order in the array is still the sort order the caller gets. */\n  rank: number;\n  address: string;\n  publicId?: string | null;\n  totalXp: number;\n  currentLevel: number;\n  currentLevelName: string;\n  badgeColor: string;\n}\n\nexport interface LeaderboardTableProps {\n  entries: LeaderboardEntryLike[];\n  /** The viewer's address — its row gets highlighted. */\n  highlightAddress?: string | null;\n  /** Render the address cell (e.g. a profile link). Defaults to a shortened address. */\n  renderAddress?: (address: string) => ReactNode;\n  className?: string;\n}\n\n/** Scoreboard rows: address, level chip, points. No position number or\n *  podium coloring — this celebrates participation, not competition.\n *  Each row is its own rounded tile with real padding, not a bordered\n *  list with hairline dividers. */\nexport function LeaderboardTable({ entries, highlightAddress, renderAddress, className }: LeaderboardTableProps) {\n  return (\n    <div className={cn(\"space-y-1.5\", className)}>\n      {entries.map((e) => {\n        const isViewer = highlightAddress != null && e.address === highlightAddress;\n        return (\n          <div\n            key={e.address}\n            className={cn(\n              \"flex items-center gap-4 rounded-2xl px-4 py-3.5 transition-colors\",\n              isViewer ? \"bg-brand-rose/10\" : \"bg-foreground/[0.04] hover:bg-foreground/[0.07]\"\n            )}\n          >\n            <span className=\"min-w-0 flex-1 truncate text-base font-bold\">\n              {renderAddress ? renderAddress(e.address) : shortenAddress(e.address)}\n              {isViewer && <span className=\"ml-1.5 text-xs font-medium text-foreground/50\">(you)</span>}\n            </span>\n            <LevelBadge level={e.currentLevel} name={e.currentLevelName} badgeColor={e.badgeColor} size=\"sm\" className=\"hidden sm:inline-flex\" />\n            <span className=\"shrink-0 text-lg font-black tabular-nums\">\n              {e.totalXp.toLocaleString()}\n              <span className=\"ml-1 text-xs font-bold text-foreground/40\">XP</span>\n            </span>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\nexport interface LeaderboardWidgetProps {\n  entries: LeaderboardEntryLike[];\n  title?: string;\n  /** Link to the full scoreboard (\"/rewards\"). */\n  href?: string;\n  renderAddress?: (address: string) => ReactNode;\n  className?: string;\n}\n\n/** Compact card for homepage/discover rails — same no-ranking scoreboard rows. */\nexport function LeaderboardWidget({ entries, title = \"Community Rewards\", href, renderAddress, className }: LeaderboardWidgetProps) {\n  if (entries.length === 0) return null;\n  return (\n    <section className={cn(\"rounded-2xl bg-foreground/[0.04] p-5\", className)}>\n      <div className=\"mb-3 flex items-center justify-between\">\n        <h2 className=\"text-lg font-black\">{title}</h2>\n        {href && (\n          <a href={href} className=\"text-xs font-bold text-foreground/50 hover:text-foreground active:opacity-70\">\n            View scoreboard →\n          </a>\n        )}\n      </div>\n      <ol className=\"space-y-2.5\">\n        {entries.map((e) => (\n          <li key={e.address} className=\"flex items-center gap-2.5\">\n            <span className=\"min-w-0 flex-1 truncate text-sm font-bold\">\n              {renderAddress ? renderAddress(e.address) : shortenAddress(e.address)}\n            </span>\n            <LevelBadge level={e.currentLevel} name={e.currentLevelName} badgeColor={e.badgeColor} size=\"sm\" />\n          </li>\n        ))}\n      </ol>\n    </section>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4CY;AA3CZ,gBAAmB;AACnB,qBAA+B;AAC/B,yBAA2B;AA4BpB,SAAS,iBAAiB,EAAE,SAAS,kBAAkB,eAAe,UAAU,GAA0B;AAC/G,SACE,4CAAC,SAAI,eAAW,cAAG,eAAe,SAAS,GACxC,kBAAQ,IAAI,CAAC,MAAM;AAClB,UAAM,WAAW,oBAAoB,QAAQ,EAAE,YAAY;AAC3D,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,eAAW;AAAA,UACT;AAAA,UACA,WAAW,qBAAqB;AAAA,QAClC;AAAA,QAEA;AAAA,uDAAC,UAAK,WAAU,+CACb;AAAA,4BAAgB,cAAc,EAAE,OAAO,QAAI,+BAAe,EAAE,OAAO;AAAA,YACnE,YAAY,4CAAC,UAAK,WAAU,iDAAgD,mBAAK;AAAA,aACpF;AAAA,UACA,4CAAC,iCAAW,OAAO,EAAE,cAAc,MAAM,EAAE,kBAAkB,YAAY,EAAE,YAAY,MAAK,MAAK,WAAU,yBAAwB;AAAA,UACnI,6CAAC,UAAK,WAAU,4CACb;AAAA,cAAE,QAAQ,eAAe;AAAA,YAC1B,4CAAC,UAAK,WAAU,6CAA4C,gBAAE;AAAA,aAChE;AAAA;AAAA;AAAA,MAdK,EAAE;AAAA,IAeT;AAAA,EAEJ,CAAC,GACH;AAEJ;AAYO,SAAS,kBAAkB,EAAE,SAAS,QAAQ,qBAAqB,MAAM,eAAe,UAAU,GAA2B;AAClI,MAAI,QAAQ,WAAW,EAAG,QAAO;AACjC,SACE,6CAAC,aAAQ,eAAW,cAAG,wCAAwC,SAAS,GACtE;AAAA,iDAAC,SAAI,WAAU,0CACb;AAAA,kDAAC,QAAG,WAAU,sBAAsB,iBAAM;AAAA,MACzC,QACC,4CAAC,OAAE,MAAY,WAAU,gFAA+E,oCAExG;AAAA,OAEJ;AAAA,IACA,4CAAC,QAAG,WAAU,eACX,kBAAQ,IAAI,CAAC,MACZ,6CAAC,QAAmB,WAAU,6BAC5B;AAAA,kDAAC,UAAK,WAAU,6CACb,0BAAgB,cAAc,EAAE,OAAO,QAAI,+BAAe,EAAE,OAAO,GACtE;AAAA,MACA,4CAAC,iCAAW,OAAO,EAAE,cAAc,MAAM,EAAE,kBAAkB,YAAY,EAAE,YAAY,MAAK,MAAK;AAAA,SAJ1F,EAAE,OAKX,CACD,GACH;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/rewards/leaderboard-table.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { shortenAddress } from \"../../utils/address.js\";\nimport { LevelBadge } from \"./level-badge.js\";\n\nexport interface LeaderboardEntryLike {\n\n  rank: number;\n  address: string;\n  publicId?: string | null;\n  totalXp: number;\n  currentLevel: number;\n  currentLevelName: string;\n  badgeColor: string;\n}\n\nexport interface LeaderboardTableProps {\n  entries: LeaderboardEntryLike[];\n\n  highlightAddress?: string | null;\n\n  renderAddress?: (address: string) => ReactNode;\n  className?: string;\n}\n\nexport function LeaderboardTable({ entries, highlightAddress, renderAddress, className }: LeaderboardTableProps) {\n  return (\n    <div className={cn(\"space-y-1.5\", className)}>\n      {entries.map((e) => {\n        const isViewer = highlightAddress != null && e.address === highlightAddress;\n        return (\n          <div\n            key={e.address}\n            className={cn(\n              \"flex items-center gap-4 rounded-2xl px-4 py-3.5 transition-colors\",\n              isViewer ? \"bg-brand-rose/10\" : \"bg-foreground/[0.04] hover:bg-foreground/[0.07]\"\n            )}\n          >\n            <span className=\"min-w-0 flex-1 truncate text-base font-bold\">\n              {renderAddress ? renderAddress(e.address) : shortenAddress(e.address)}\n              {isViewer && <span className=\"ml-1.5 text-xs font-medium text-foreground/50\">(you)</span>}\n            </span>\n            <LevelBadge level={e.currentLevel} name={e.currentLevelName} badgeColor={e.badgeColor} size=\"sm\" className=\"hidden sm:inline-flex\" />\n            <span className=\"shrink-0 text-lg font-black tabular-nums\">\n              {e.totalXp.toLocaleString()}\n              <span className=\"ml-1 text-xs font-bold text-foreground/40\">XP</span>\n            </span>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\nexport interface LeaderboardWidgetProps {\n  entries: LeaderboardEntryLike[];\n  title?: string;\n\n  href?: string;\n  renderAddress?: (address: string) => ReactNode;\n  className?: string;\n}\n\nexport function LeaderboardWidget({ entries, title = \"Community Rewards\", href, renderAddress, className }: LeaderboardWidgetProps) {\n  if (entries.length === 0) return null;\n  return (\n    <section className={cn(\"rounded-2xl bg-foreground/[0.04] p-5\", className)}>\n      <div className=\"mb-3 flex items-center justify-between\">\n        <h2 className=\"text-lg font-black\">{title}</h2>\n        {href && (\n          <a href={href} className=\"text-xs font-bold text-foreground/50 hover:text-foreground active:opacity-70\">\n            View scoreboard →\n          </a>\n        )}\n      </div>\n      <ol className=\"space-y-2.5\">\n        {entries.map((e) => (\n          <li key={e.address} className=\"flex items-center gap-2.5\">\n            <span className=\"min-w-0 flex-1 truncate text-sm font-bold\">\n              {renderAddress ? renderAddress(e.address) : shortenAddress(e.address)}\n            </span>\n            <LevelBadge level={e.currentLevel} name={e.currentLevelName} badgeColor={e.badgeColor} size=\"sm\" />\n          </li>\n        ))}\n      </ol>\n    </section>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsCY;AArCZ,gBAAmB;AACnB,qBAA+B;AAC/B,yBAA2B;AAsBpB,SAAS,iBAAiB,EAAE,SAAS,kBAAkB,eAAe,UAAU,GAA0B;AAC/G,SACE,4CAAC,SAAI,eAAW,cAAG,eAAe,SAAS,GACxC,kBAAQ,IAAI,CAAC,MAAM;AAClB,UAAM,WAAW,oBAAoB,QAAQ,EAAE,YAAY;AAC3D,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,eAAW;AAAA,UACT;AAAA,UACA,WAAW,qBAAqB;AAAA,QAClC;AAAA,QAEA;AAAA,uDAAC,UAAK,WAAU,+CACb;AAAA,4BAAgB,cAAc,EAAE,OAAO,QAAI,+BAAe,EAAE,OAAO;AAAA,YACnE,YAAY,4CAAC,UAAK,WAAU,iDAAgD,mBAAK;AAAA,aACpF;AAAA,UACA,4CAAC,iCAAW,OAAO,EAAE,cAAc,MAAM,EAAE,kBAAkB,YAAY,EAAE,YAAY,MAAK,MAAK,WAAU,yBAAwB;AAAA,UACnI,6CAAC,UAAK,WAAU,4CACb;AAAA,cAAE,QAAQ,eAAe;AAAA,YAC1B,4CAAC,UAAK,WAAU,6CAA4C,gBAAE;AAAA,aAChE;AAAA;AAAA;AAAA,MAdK,EAAE;AAAA,IAeT;AAAA,EAEJ,CAAC,GACH;AAEJ;AAWO,SAAS,kBAAkB,EAAE,SAAS,QAAQ,qBAAqB,MAAM,eAAe,UAAU,GAA2B;AAClI,MAAI,QAAQ,WAAW,EAAG,QAAO;AACjC,SACE,6CAAC,aAAQ,eAAW,cAAG,wCAAwC,SAAS,GACtE;AAAA,iDAAC,SAAI,WAAU,0CACb;AAAA,kDAAC,QAAG,WAAU,sBAAsB,iBAAM;AAAA,MACzC,QACC,4CAAC,OAAE,MAAY,WAAU,gFAA+E,oCAExG;AAAA,OAEJ;AAAA,IACA,4CAAC,QAAG,WAAU,eACX,kBAAQ,IAAI,CAAC,MACZ,6CAAC,QAAmB,WAAU,6BAC5B;AAAA,kDAAC,UAAK,WAAU,6CACb,0BAAgB,cAAc,EAAE,OAAO,QAAI,+BAAe,EAAE,OAAO,GACtE;AAAA,MACA,4CAAC,iCAAW,OAAO,EAAE,cAAc,MAAM,EAAE,kBAAkB,YAAY,EAAE,YAAY,MAAK,MAAK;AAAA,SAJ1F,EAAE,OAKX,CACD,GACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/rewards/leaderboard-table.d.cts

@@ -2,9 +2,6 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
 interface LeaderboardEntryLike {
-    /** Kept for API compatibility with the backend's ordered response — not
-     *  rendered. This is a scoreboard, not a ranking: no "#1/#2/#3", no podium
-     *  colors. Order in the array is still the sort order the caller gets. */
     rank: number;
     address: string;
     publicId?: string | null;
@@ -15,26 +12,18 @@ interface LeaderboardEntryLike {
 }
 interface LeaderboardTableProps {
     entries: LeaderboardEntryLike[];
-    /** The viewer's address — its row gets highlighted. */
     highlightAddress?: string | null;
-    /** Render the address cell (e.g. a profile link). Defaults to a shortened address. */
     renderAddress?: (address: string) => ReactNode;
     className?: string;
 }
-/** Scoreboard rows: address, level chip, points. No position number or
- *  podium coloring — this celebrates participation, not competition.
- *  Each row is its own rounded tile with real padding, not a bordered
- *  list with hairline dividers. */
 declare function LeaderboardTable({ entries, highlightAddress, renderAddress, className }: LeaderboardTableProps): react_jsx_runtime.JSX.Element;
 interface LeaderboardWidgetProps {
     entries: LeaderboardEntryLike[];
     title?: string;
-    /** Link to the full scoreboard ("/rewards"). */
     href?: string;
     renderAddress?: (address: string) => ReactNode;
     className?: string;
 }
-/** Compact card for homepage/discover rails — same no-ranking scoreboard rows. */
 declare function LeaderboardWidget({ entries, title, href, renderAddress, className }: LeaderboardWidgetProps): react_jsx_runtime.JSX.Element | null;
 
 export { type LeaderboardEntryLike, LeaderboardTable, type LeaderboardTableProps, LeaderboardWidget, type LeaderboardWidgetProps };

package/dist/components/rewards/leaderboard-table.d.ts

@@ -2,9 +2,6 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
 interface LeaderboardEntryLike {
-    /** Kept for API compatibility with the backend's ordered response — not
-     *  rendered. This is a scoreboard, not a ranking: no "#1/#2/#3", no podium
-     *  colors. Order in the array is still the sort order the caller gets. */
     rank: number;
     address: string;
     publicId?: string | null;
@@ -15,26 +12,18 @@ interface LeaderboardEntryLike {
 }
 interface LeaderboardTableProps {
     entries: LeaderboardEntryLike[];
-    /** The viewer's address — its row gets highlighted. */
     highlightAddress?: string | null;
-    /** Render the address cell (e.g. a profile link). Defaults to a shortened address. */
     renderAddress?: (address: string) => ReactNode;
     className?: string;
 }
-/** Scoreboard rows: address, level chip, points. No position number or
- *  podium coloring — this celebrates participation, not competition.
- *  Each row is its own rounded tile with real padding, not a bordered
- *  list with hairline dividers. */
 declare function LeaderboardTable({ entries, highlightAddress, renderAddress, className }: LeaderboardTableProps): react_jsx_runtime.JSX.Element;
 interface LeaderboardWidgetProps {
     entries: LeaderboardEntryLike[];
     title?: string;
-    /** Link to the full scoreboard ("/rewards"). */
     href?: string;
     renderAddress?: (address: string) => ReactNode;
     className?: string;
 }
-/** Compact card for homepage/discover rails — same no-ranking scoreboard rows. */
 declare function LeaderboardWidget({ entries, title, href, renderAddress, className }: LeaderboardWidgetProps): react_jsx_runtime.JSX.Element | null;
 
 export { type LeaderboardEntryLike, LeaderboardTable, type LeaderboardTableProps, LeaderboardWidget, type LeaderboardWidgetProps };

package/dist/components/rewards/leaderboard-table.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/rewards/leaderboard-table.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { shortenAddress } from \"../../utils/address.js\";\nimport { LevelBadge } from \"./level-badge.js\";\n\nexport interface LeaderboardEntryLike {\n  /** Kept for API compatibility with the backend's ordered response — not\n   *  rendered. This is a scoreboard, not a ranking: no \"#1/#2/#3\", no podium\n   *  colors. Order in the array is still the sort order the caller gets. */\n  rank: number;\n  address: string;\n  publicId?: string | null;\n  totalXp: number;\n  currentLevel: number;\n  currentLevelName: string;\n  badgeColor: string;\n}\n\nexport interface LeaderboardTableProps {\n  entries: LeaderboardEntryLike[];\n  /** The viewer's address — its row gets highlighted. */\n  highlightAddress?: string | null;\n  /** Render the address cell (e.g. a profile link). Defaults to a shortened address. */\n  renderAddress?: (address: string) => ReactNode;\n  className?: string;\n}\n\n/** Scoreboard rows: address, level chip, points. No position number or\n *  podium coloring — this celebrates participation, not competition.\n *  Each row is its own rounded tile with real padding, not a bordered\n *  list with hairline dividers. */\nexport function LeaderboardTable({ entries, highlightAddress, renderAddress, className }: LeaderboardTableProps) {\n  return (\n    <div className={cn(\"space-y-1.5\", className)}>\n      {entries.map((e) => {\n        const isViewer = highlightAddress != null && e.address === highlightAddress;\n        return (\n          <div\n            key={e.address}\n            className={cn(\n              \"flex items-center gap-4 rounded-2xl px-4 py-3.5 transition-colors\",\n              isViewer ? \"bg-brand-rose/10\" : \"bg-foreground/[0.04] hover:bg-foreground/[0.07]\"\n            )}\n          >\n            <span className=\"min-w-0 flex-1 truncate text-base font-bold\">\n              {renderAddress ? renderAddress(e.address) : shortenAddress(e.address)}\n              {isViewer && <span className=\"ml-1.5 text-xs font-medium text-foreground/50\">(you)</span>}\n            </span>\n            <LevelBadge level={e.currentLevel} name={e.currentLevelName} badgeColor={e.badgeColor} size=\"sm\" className=\"hidden sm:inline-flex\" />\n            <span className=\"shrink-0 text-lg font-black tabular-nums\">\n              {e.totalXp.toLocaleString()}\n              <span className=\"ml-1 text-xs font-bold text-foreground/40\">XP</span>\n            </span>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\nexport interface LeaderboardWidgetProps {\n  entries: LeaderboardEntryLike[];\n  title?: string;\n  /** Link to the full scoreboard (\"/rewards\"). */\n  href?: string;\n  renderAddress?: (address: string) => ReactNode;\n  className?: string;\n}\n\n/** Compact card for homepage/discover rails — same no-ranking scoreboard rows. */\nexport function LeaderboardWidget({ entries, title = \"Community Rewards\", href, renderAddress, className }: LeaderboardWidgetProps) {\n  if (entries.length === 0) return null;\n  return (\n    <section className={cn(\"rounded-2xl bg-foreground/[0.04] p-5\", className)}>\n      <div className=\"mb-3 flex items-center justify-between\">\n        <h2 className=\"text-lg font-black\">{title}</h2>\n        {href && (\n          <a href={href} className=\"text-xs font-bold text-foreground/50 hover:text-foreground active:opacity-70\">\n            View scoreboard →\n          </a>\n        )}\n      </div>\n      <ol className=\"space-y-2.5\">\n        {entries.map((e) => (\n          <li key={e.address} className=\"flex items-center gap-2.5\">\n            <span className=\"min-w-0 flex-1 truncate text-sm font-bold\">\n              {renderAddress ? renderAddress(e.address) : shortenAddress(e.address)}\n            </span>\n            <LevelBadge level={e.currentLevel} name={e.currentLevelName} badgeColor={e.badgeColor} size=\"sm\" />\n          </li>\n        ))}\n      </ol>\n    </section>\n  );\n}\n"],"mappings":"AA4CY,SAEe,KAFf;AA3CZ,SAAS,UAAU;AACnB,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AA4BpB,SAAS,iBAAiB,EAAE,SAAS,kBAAkB,eAAe,UAAU,GAA0B;AAC/G,SACE,oBAAC,SAAI,WAAW,GAAG,eAAe,SAAS,GACxC,kBAAQ,IAAI,CAAC,MAAM;AAClB,UAAM,WAAW,oBAAoB,QAAQ,EAAE,YAAY;AAC3D,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,WAAW;AAAA,UACT;AAAA,UACA,WAAW,qBAAqB;AAAA,QAClC;AAAA,QAEA;AAAA,+BAAC,UAAK,WAAU,+CACb;AAAA,4BAAgB,cAAc,EAAE,OAAO,IAAI,eAAe,EAAE,OAAO;AAAA,YACnE,YAAY,oBAAC,UAAK,WAAU,iDAAgD,mBAAK;AAAA,aACpF;AAAA,UACA,oBAAC,cAAW,OAAO,EAAE,cAAc,MAAM,EAAE,kBAAkB,YAAY,EAAE,YAAY,MAAK,MAAK,WAAU,yBAAwB;AAAA,UACnI,qBAAC,UAAK,WAAU,4CACb;AAAA,cAAE,QAAQ,eAAe;AAAA,YAC1B,oBAAC,UAAK,WAAU,6CAA4C,gBAAE;AAAA,aAChE;AAAA;AAAA;AAAA,MAdK,EAAE;AAAA,IAeT;AAAA,EAEJ,CAAC,GACH;AAEJ;AAYO,SAAS,kBAAkB,EAAE,SAAS,QAAQ,qBAAqB,MAAM,eAAe,UAAU,GAA2B;AAClI,MAAI,QAAQ,WAAW,EAAG,QAAO;AACjC,SACE,qBAAC,aAAQ,WAAW,GAAG,wCAAwC,SAAS,GACtE;AAAA,yBAAC,SAAI,WAAU,0CACb;AAAA,0BAAC,QAAG,WAAU,sBAAsB,iBAAM;AAAA,MACzC,QACC,oBAAC,OAAE,MAAY,WAAU,gFAA+E,oCAExG;AAAA,OAEJ;AAAA,IACA,oBAAC,QAAG,WAAU,eACX,kBAAQ,IAAI,CAAC,MACZ,qBAAC,QAAmB,WAAU,6BAC5B;AAAA,0BAAC,UAAK,WAAU,6CACb,0BAAgB,cAAc,EAAE,OAAO,IAAI,eAAe,EAAE,OAAO,GACtE;AAAA,MACA,oBAAC,cAAW,OAAO,EAAE,cAAc,MAAM,EAAE,kBAAkB,YAAY,EAAE,YAAY,MAAK,MAAK;AAAA,SAJ1F,EAAE,OAKX,CACD,GACH;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/rewards/leaderboard-table.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { shortenAddress } from \"../../utils/address.js\";\nimport { LevelBadge } from \"./level-badge.js\";\n\nexport interface LeaderboardEntryLike {\n\n  rank: number;\n  address: string;\n  publicId?: string | null;\n  totalXp: number;\n  currentLevel: number;\n  currentLevelName: string;\n  badgeColor: string;\n}\n\nexport interface LeaderboardTableProps {\n  entries: LeaderboardEntryLike[];\n\n  highlightAddress?: string | null;\n\n  renderAddress?: (address: string) => ReactNode;\n  className?: string;\n}\n\nexport function LeaderboardTable({ entries, highlightAddress, renderAddress, className }: LeaderboardTableProps) {\n  return (\n    <div className={cn(\"space-y-1.5\", className)}>\n      {entries.map((e) => {\n        const isViewer = highlightAddress != null && e.address === highlightAddress;\n        return (\n          <div\n            key={e.address}\n            className={cn(\n              \"flex items-center gap-4 rounded-2xl px-4 py-3.5 transition-colors\",\n              isViewer ? \"bg-brand-rose/10\" : \"bg-foreground/[0.04] hover:bg-foreground/[0.07]\"\n            )}\n          >\n            <span className=\"min-w-0 flex-1 truncate text-base font-bold\">\n              {renderAddress ? renderAddress(e.address) : shortenAddress(e.address)}\n              {isViewer && <span className=\"ml-1.5 text-xs font-medium text-foreground/50\">(you)</span>}\n            </span>\n            <LevelBadge level={e.currentLevel} name={e.currentLevelName} badgeColor={e.badgeColor} size=\"sm\" className=\"hidden sm:inline-flex\" />\n            <span className=\"shrink-0 text-lg font-black tabular-nums\">\n              {e.totalXp.toLocaleString()}\n              <span className=\"ml-1 text-xs font-bold text-foreground/40\">XP</span>\n            </span>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\nexport interface LeaderboardWidgetProps {\n  entries: LeaderboardEntryLike[];\n  title?: string;\n\n  href?: string;\n  renderAddress?: (address: string) => ReactNode;\n  className?: string;\n}\n\nexport function LeaderboardWidget({ entries, title = \"Community Rewards\", href, renderAddress, className }: LeaderboardWidgetProps) {\n  if (entries.length === 0) return null;\n  return (\n    <section className={cn(\"rounded-2xl bg-foreground/[0.04] p-5\", className)}>\n      <div className=\"mb-3 flex items-center justify-between\">\n        <h2 className=\"text-lg font-black\">{title}</h2>\n        {href && (\n          <a href={href} className=\"text-xs font-bold text-foreground/50 hover:text-foreground active:opacity-70\">\n            View scoreboard →\n          </a>\n        )}\n      </div>\n      <ol className=\"space-y-2.5\">\n        {entries.map((e) => (\n          <li key={e.address} className=\"flex items-center gap-2.5\">\n            <span className=\"min-w-0 flex-1 truncate text-sm font-bold\">\n              {renderAddress ? renderAddress(e.address) : shortenAddress(e.address)}\n            </span>\n            <LevelBadge level={e.currentLevel} name={e.currentLevelName} badgeColor={e.badgeColor} size=\"sm\" />\n          </li>\n        ))}\n      </ol>\n    </section>\n  );\n}\n"],"mappings":"AAsCY,SAEe,KAFf;AArCZ,SAAS,UAAU;AACnB,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAsBpB,SAAS,iBAAiB,EAAE,SAAS,kBAAkB,eAAe,UAAU,GAA0B;AAC/G,SACE,oBAAC,SAAI,WAAW,GAAG,eAAe,SAAS,GACxC,kBAAQ,IAAI,CAAC,MAAM;AAClB,UAAM,WAAW,oBAAoB,QAAQ,EAAE,YAAY;AAC3D,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,WAAW;AAAA,UACT;AAAA,UACA,WAAW,qBAAqB;AAAA,QAClC;AAAA,QAEA;AAAA,+BAAC,UAAK,WAAU,+CACb;AAAA,4BAAgB,cAAc,EAAE,OAAO,IAAI,eAAe,EAAE,OAAO;AAAA,YACnE,YAAY,oBAAC,UAAK,WAAU,iDAAgD,mBAAK;AAAA,aACpF;AAAA,UACA,oBAAC,cAAW,OAAO,EAAE,cAAc,MAAM,EAAE,kBAAkB,YAAY,EAAE,YAAY,MAAK,MAAK,WAAU,yBAAwB;AAAA,UACnI,qBAAC,UAAK,WAAU,4CACb;AAAA,cAAE,QAAQ,eAAe;AAAA,YAC1B,oBAAC,UAAK,WAAU,6CAA4C,gBAAE;AAAA,aAChE;AAAA;AAAA;AAAA,MAdK,EAAE;AAAA,IAeT;AAAA,EAEJ,CAAC,GACH;AAEJ;AAWO,SAAS,kBAAkB,EAAE,SAAS,QAAQ,qBAAqB,MAAM,eAAe,UAAU,GAA2B;AAClI,MAAI,QAAQ,WAAW,EAAG,QAAO;AACjC,SACE,qBAAC,aAAQ,WAAW,GAAG,wCAAwC,SAAS,GACtE;AAAA,yBAAC,SAAI,WAAU,0CACb;AAAA,0BAAC,QAAG,WAAU,sBAAsB,iBAAM;AAAA,MACzC,QACC,oBAAC,OAAE,MAAY,WAAU,gFAA+E,oCAExG;AAAA,OAEJ;AAAA,IACA,oBAAC,QAAG,WAAU,eACX,kBAAQ,IAAI,CAAC,MACZ,qBAAC,QAAmB,WAAU,6BAC5B;AAAA,0BAAC,UAAK,WAAU,6CACb,0BAAgB,cAAc,EAAE,OAAO,IAAI,eAAe,EAAE,OAAO,GACtE;AAAA,MACA,oBAAC,cAAW,OAAO,EAAE,cAAc,MAAM,EAAE,kBAAkB,YAAY,EAAE,YAAY,MAAK,MAAK;AAAA,SAJ1F,EAAE,OAKX,CACD,GACH;AAAA,KACF;AAEJ;","names":[]}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/rewards/level-badge.tsx"],"sourcesContent":["import { cn } from \"../../utils/cn.js\";\n\nexport interface LevelBadgeProps {\n  level: number;\n  name: string;\n  /** Kept for interface consistency with other rewards components that do\n   *  use per-level color (XpProgress, LevelUpCelebration, JourneyPath) —\n   *  this component intentionally ignores it in favor of one signature\n   *  brand gradient across every level, not 20+ flat per-level colors. */\n  badgeColor: string;\n  size?: \"sm\" | \"md\" | \"lg\";\n  className?: string;\n}\n\n/** Level chip — shows the level's title only (\"Voyager\"), not the raw\n *  number (\"Lv.6 Voyager\" read as UI noise). The level is still available\n *  on hover via the native title tooltip. One signature orange->maeve\n *  gradient fill, white text — vivid and consistent regardless of level,\n *  rather than a washed-out per-level tint. Pure presentation — the\n *  consuming app supplies level data from the rewards API. */\nexport function LevelBadge({ level, name, size = \"md\", className }: LevelBadgeProps) {\n  const sizeClasses = {\n    sm: \"h-5 px-2.5 text-2xs\",\n    md: \"h-6 px-3 text-xs\",\n    lg: \"h-8 px-4 text-sm\",\n  };\n\n  return (\n    <span\n      title={`Level ${level}`}\n      className={cn(\n        \"inline-flex items-center rounded-full font-bold tracking-tight whitespace-nowrap text-white bg-gradient-to-r from-brand-orange to-brand-maeve\",\n        sizeClasses[size],\n        className\n      )}\n    >\n      {name}\n    </span>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA4BI;AA5BJ,gBAAmB;AAoBZ,SAAS,WAAW,EAAE,OAAO,MAAM,OAAO,MAAM,UAAU,GAAoB;AACnF,QAAM,cAAc;AAAA,IAClB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,SAAS,KAAK;AAAA,MACrB,eAAW;AAAA,QACT;AAAA,QACA,YAAY,IAAI;AAAA,QAChB;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/rewards/level-badge.tsx"],"sourcesContent":["import { cn } from \"../../utils/cn.js\";\n\nexport interface LevelBadgeProps {\n  level: number;\n  name: string;\n\n  badgeColor: string;\n  size?: \"sm\" | \"md\" | \"lg\";\n  className?: string;\n}\n\nexport function LevelBadge({ level, name, size = \"md\", className }: LevelBadgeProps) {\n  const sizeClasses = {\n    sm: \"h-5 px-2.5 text-2xs\",\n    md: \"h-6 px-3 text-xs\",\n    lg: \"h-8 px-4 text-sm\",\n  };\n\n  return (\n    <span\n      title={`Level ${level}`}\n      className={cn(\n        \"inline-flex items-center rounded-full font-bold tracking-tight whitespace-nowrap text-white bg-gradient-to-r from-brand-orange to-brand-maeve\",\n        sizeClasses[size],\n        className\n      )}\n    >\n      {name}\n    </span>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBI;AAnBJ,gBAAmB;AAWZ,SAAS,WAAW,EAAE,OAAO,MAAM,OAAO,MAAM,UAAU,GAAoB;AACnF,QAAM,cAAc;AAAA,IAClB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,SAAS,KAAK;AAAA,MACrB,eAAW;AAAA,QACT;AAAA,QACA,YAAY,IAAI;AAAA,QAChB;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;","names":[]}

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

@@ -3,20 +3,10 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 interface LevelBadgeProps {
     level: number;
     name: string;
-    /** Kept for interface consistency with other rewards components that do
-     *  use per-level color (XpProgress, LevelUpCelebration, JourneyPath) —
-     *  this component intentionally ignores it in favor of one signature
-     *  brand gradient across every level, not 20+ flat per-level colors. */
     badgeColor: string;
     size?: "sm" | "md" | "lg";
     className?: string;
 }
-/** Level chip — shows the level's title only ("Voyager"), not the raw
- *  number ("Lv.6 Voyager" read as UI noise). The level is still available
- *  on hover via the native title tooltip. One signature orange->maeve
- *  gradient fill, white text — vivid and consistent regardless of level,
- *  rather than a washed-out per-level tint. Pure presentation — the
- *  consuming app supplies level data from the rewards API. */
 declare function LevelBadge({ level, name, size, className }: LevelBadgeProps): react_jsx_runtime.JSX.Element;
 
 export { LevelBadge, type LevelBadgeProps };

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

@@ -3,20 +3,10 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 interface LevelBadgeProps {
     level: number;
     name: string;
-    /** Kept for interface consistency with other rewards components that do
-     *  use per-level color (XpProgress, LevelUpCelebration, JourneyPath) —
-     *  this component intentionally ignores it in favor of one signature
-     *  brand gradient across every level, not 20+ flat per-level colors. */
     badgeColor: string;
     size?: "sm" | "md" | "lg";
     className?: string;
 }
-/** Level chip — shows the level's title only ("Voyager"), not the raw
- *  number ("Lv.6 Voyager" read as UI noise). The level is still available
- *  on hover via the native title tooltip. One signature orange->maeve
- *  gradient fill, white text — vivid and consistent regardless of level,
- *  rather than a washed-out per-level tint. Pure presentation — the
- *  consuming app supplies level data from the rewards API. */
 declare function LevelBadge({ level, name, size, className }: LevelBadgeProps): react_jsx_runtime.JSX.Element;
 
 export { LevelBadge, type LevelBadgeProps };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/rewards/level-badge.tsx"],"sourcesContent":["import { cn } from \"../../utils/cn.js\";\n\nexport interface LevelBadgeProps {\n  level: number;\n  name: string;\n  /** Kept for interface consistency with other rewards components that do\n   *  use per-level color (XpProgress, LevelUpCelebration, JourneyPath) —\n   *  this component intentionally ignores it in favor of one signature\n   *  brand gradient across every level, not 20+ flat per-level colors. */\n  badgeColor: string;\n  size?: \"sm\" | \"md\" | \"lg\";\n  className?: string;\n}\n\n/** Level chip — shows the level's title only (\"Voyager\"), not the raw\n *  number (\"Lv.6 Voyager\" read as UI noise). The level is still available\n *  on hover via the native title tooltip. One signature orange->maeve\n *  gradient fill, white text — vivid and consistent regardless of level,\n *  rather than a washed-out per-level tint. Pure presentation — the\n *  consuming app supplies level data from the rewards API. */\nexport function LevelBadge({ level, name, size = \"md\", className }: LevelBadgeProps) {\n  const sizeClasses = {\n    sm: \"h-5 px-2.5 text-2xs\",\n    md: \"h-6 px-3 text-xs\",\n    lg: \"h-8 px-4 text-sm\",\n  };\n\n  return (\n    <span\n      title={`Level ${level}`}\n      className={cn(\n        \"inline-flex items-center rounded-full font-bold tracking-tight whitespace-nowrap text-white bg-gradient-to-r from-brand-orange to-brand-maeve\",\n        sizeClasses[size],\n        className\n      )}\n    >\n      {name}\n    </span>\n  );\n}\n"],"mappings":"AA4BI;AA5BJ,SAAS,UAAU;AAoBZ,SAAS,WAAW,EAAE,OAAO,MAAM,OAAO,MAAM,UAAU,GAAoB;AACnF,QAAM,cAAc;AAAA,IAClB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,SAAS,KAAK;AAAA,MACrB,WAAW;AAAA,QACT;AAAA,QACA,YAAY,IAAI;AAAA,QAChB;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/rewards/level-badge.tsx"],"sourcesContent":["import { cn } from \"../../utils/cn.js\";\n\nexport interface LevelBadgeProps {\n  level: number;\n  name: string;\n\n  badgeColor: string;\n  size?: \"sm\" | \"md\" | \"lg\";\n  className?: string;\n}\n\nexport function LevelBadge({ level, name, size = \"md\", className }: LevelBadgeProps) {\n  const sizeClasses = {\n    sm: \"h-5 px-2.5 text-2xs\",\n    md: \"h-6 px-3 text-xs\",\n    lg: \"h-8 px-4 text-sm\",\n  };\n\n  return (\n    <span\n      title={`Level ${level}`}\n      className={cn(\n        \"inline-flex items-center rounded-full font-bold tracking-tight whitespace-nowrap text-white bg-gradient-to-r from-brand-orange to-brand-maeve\",\n        sizeClasses[size],\n        className\n      )}\n    >\n      {name}\n    </span>\n  );\n}\n"],"mappings":"AAmBI;AAnBJ,SAAS,UAAU;AAWZ,SAAS,WAAW,EAAE,OAAO,MAAM,OAAO,MAAM,UAAU,GAAoB;AACnF,QAAM,cAAc;AAAA,IAClB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,SAAS,KAAK;AAAA,MACrB,WAAW;AAAA,QACT;AAAA,QACA,YAAY,IAAI;AAAA,QAChB;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/rewards/level-journey-list.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/rewards/level-journey-list.tsx"],"sourcesContent":["import { cn } from \"../../utils/cn.js\";\n\nexport interface LevelJourneyListLevel {\n  level: number;\n  name: string;\n  xpRequired: number;\n  description: string | null;\n}\n\nexport interface LevelJourneyListProps {\n  levels: LevelJourneyListLevel[];\n  className?: string;\n}\n\n/** The full level ladder as a vertical showcase list — not the old\n *  horizontal chip rail, which doesn't scale past a handful of items and\n *  was built for a dashboard strip, not a 50-row standalone page. No\n *  current-level state: this is the system-wide view, not \"where am I.\"\n *  Every 10th level gets a small gradient marker as a milestone cue;\n *  colors are otherwise uniform (one signature identity, not 50 flat\n *  per-level colors) — badgeColor is deliberately not consumed here. */\nexport function LevelJourneyList({ levels, className }: LevelJourneyListProps) {\n  return (\n    <ol className={cn(\"divide-y divide-foreground/[0.06]\", className)}>\n      {levels.map((l, i) => (\n        <li key={l.level} className=\"flex items-start gap-4 py-4\">\n          <span className=\"flex items-center gap-1.5 w-8 shrink-0 pt-0.5\">\n            <span className=\"text-xs font-bold text-foreground/30 tabular-nums\">{l.level}</span>\n            {(i + 1) % 10 === 0 && (\n              <span\n                aria-hidden\n                className=\"h-1.5 w-1.5 rounded-full bg-gradient-to-r from-brand-orange to-brand-maeve\"\n              />\n            )}\n          </span>\n          <div className=\"flex-1 min-w-0\">\n            <p className=\"text-base font-bold\">{l.name}</p>\n            {l.description && (\n              <p className=\"text-sm text-foreground/60 mt-0.5 leading-relaxed\">{l.description}</p>\n            )}\n          </div>\n          <span className=\"text-sm font-black tabular-nums text-foreground/70 shrink-0\">\n            {l.xpRequired.toLocaleString()} XP\n          </span>\n        </li>\n      ))}\n    </ol>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BU;AA1BV,gBAAmB;AAqBZ,SAAS,iBAAiB,EAAE,QAAQ,UAAU,GAA0B;AAC7E,SACE,4CAAC,QAAG,eAAW,cAAG,qCAAqC,SAAS,GAC7D,iBAAO,IAAI,CAAC,GAAG,MACd,6CAAC,QAAiB,WAAU,+BAC1B;AAAA,iDAAC,UAAK,WAAU,iDACd;AAAA,kDAAC,UAAK,WAAU,qDAAqD,YAAE,OAAM;AAAA,OAC3E,IAAI,KAAK,OAAO,KAChB;AAAA,QAAC;AAAA;AAAA,UACC,eAAW;AAAA,UACX,WAAU;AAAA;AAAA,MACZ;AAAA,OAEJ;AAAA,IACA,6CAAC,SAAI,WAAU,kBACb;AAAA,kDAAC,OAAE,WAAU,uBAAuB,YAAE,MAAK;AAAA,MAC1C,EAAE,eACD,4CAAC,OAAE,WAAU,qDAAqD,YAAE,aAAY;AAAA,OAEpF;AAAA,IACA,6CAAC,UAAK,WAAU,+DACb;AAAA,QAAE,WAAW,eAAe;AAAA,MAAE;AAAA,OACjC;AAAA,OAlBO,EAAE,KAmBX,CACD,GACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/rewards/level-journey-list.tsx"],"sourcesContent":["import { cn } from \"../../utils/cn.js\";\n\nexport interface LevelJourneyListLevel {\n  level: number;\n  name: string;\n  xpRequired: number;\n  description: string | null;\n}\n\nexport interface LevelJourneyListProps {\n  levels: LevelJourneyListLevel[];\n  className?: string;\n}\n\nexport function LevelJourneyList({ levels, className }: LevelJourneyListProps) {\n  return (\n    <ol className={cn(\"divide-y divide-foreground/[0.06]\", className)}>\n      {levels.map((l, i) => (\n        <li key={l.level} className=\"flex items-start gap-4 py-4\">\n          <span className=\"flex items-center gap-1.5 w-8 shrink-0 pt-0.5\">\n            <span className=\"text-xs font-bold text-foreground/30 tabular-nums\">{l.level}</span>\n            {(i + 1) % 10 === 0 && (\n              <span\n                aria-hidden\n                className=\"h-1.5 w-1.5 rounded-full bg-gradient-to-r from-brand-orange to-brand-maeve\"\n              />\n            )}\n          </span>\n          <div className=\"flex-1 min-w-0\">\n            <p className=\"text-base font-bold\">{l.name}</p>\n            {l.description && (\n              <p className=\"text-sm text-foreground/60 mt-0.5 leading-relaxed\">{l.description}</p>\n            )}\n          </div>\n          <span className=\"text-sm font-black tabular-nums text-foreground/70 shrink-0\">\n            {l.xpRequired.toLocaleString()} XP\n          </span>\n        </li>\n      ))}\n    </ol>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBU;AAnBV,gBAAmB;AAcZ,SAAS,iBAAiB,EAAE,QAAQ,UAAU,GAA0B;AAC7E,SACE,4CAAC,QAAG,eAAW,cAAG,qCAAqC,SAAS,GAC7D,iBAAO,IAAI,CAAC,GAAG,MACd,6CAAC,QAAiB,WAAU,+BAC1B;AAAA,iDAAC,UAAK,WAAU,iDACd;AAAA,kDAAC,UAAK,WAAU,qDAAqD,YAAE,OAAM;AAAA,OAC3E,IAAI,KAAK,OAAO,KAChB;AAAA,QAAC;AAAA;AAAA,UACC,eAAW;AAAA,UACX,WAAU;AAAA;AAAA,MACZ;AAAA,OAEJ;AAAA,IACA,6CAAC,SAAI,WAAU,kBACb;AAAA,kDAAC,OAAE,WAAU,uBAAuB,YAAE,MAAK;AAAA,MAC1C,EAAE,eACD,4CAAC,OAAE,WAAU,qDAAqD,YAAE,aAAY;AAAA,OAEpF;AAAA,IACA,6CAAC,UAAK,WAAU,+DACb;AAAA,QAAE,WAAW,eAAe;AAAA,MAAE;AAAA,OACjC;AAAA,OAlBO,EAAE,KAmBX,CACD,GACH;AAEJ;","names":[]}

package/dist/components/rewards/level-journey-list.d.cts

@@ -10,13 +10,6 @@ interface LevelJourneyListProps {
     levels: LevelJourneyListLevel[];
     className?: string;
 }
-/** The full level ladder as a vertical showcase list — not the old
- *  horizontal chip rail, which doesn't scale past a handful of items and
- *  was built for a dashboard strip, not a 50-row standalone page. No
- *  current-level state: this is the system-wide view, not "where am I."
- *  Every 10th level gets a small gradient marker as a milestone cue;
- *  colors are otherwise uniform (one signature identity, not 50 flat
- *  per-level colors) — badgeColor is deliberately not consumed here. */
 declare function LevelJourneyList({ levels, className }: LevelJourneyListProps): react_jsx_runtime.JSX.Element;
 
 export { LevelJourneyList, type LevelJourneyListLevel, type LevelJourneyListProps };

package/dist/components/rewards/level-journey-list.d.ts

@@ -10,13 +10,6 @@ interface LevelJourneyListProps {
     levels: LevelJourneyListLevel[];
     className?: string;
 }
-/** The full level ladder as a vertical showcase list — not the old
- *  horizontal chip rail, which doesn't scale past a handful of items and
- *  was built for a dashboard strip, not a 50-row standalone page. No
- *  current-level state: this is the system-wide view, not "where am I."
- *  Every 10th level gets a small gradient marker as a milestone cue;
- *  colors are otherwise uniform (one signature identity, not 50 flat
- *  per-level colors) — badgeColor is deliberately not consumed here. */
 declare function LevelJourneyList({ levels, className }: LevelJourneyListProps): react_jsx_runtime.JSX.Element;
 
 export { LevelJourneyList, type LevelJourneyListLevel, type LevelJourneyListProps };

package/dist/components/rewards/level-journey-list.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/rewards/level-journey-list.tsx"],"sourcesContent":["import { cn } from \"../../utils/cn.js\";\n\nexport interface LevelJourneyListLevel {\n  level: number;\n  name: string;\n  xpRequired: number;\n  description: string | null;\n}\n\nexport interface LevelJourneyListProps {\n  levels: LevelJourneyListLevel[];\n  className?: string;\n}\n\n/** The full level ladder as a vertical showcase list — not the old\n *  horizontal chip rail, which doesn't scale past a handful of items and\n *  was built for a dashboard strip, not a 50-row standalone page. No\n *  current-level state: this is the system-wide view, not \"where am I.\"\n *  Every 10th level gets a small gradient marker as a milestone cue;\n *  colors are otherwise uniform (one signature identity, not 50 flat\n *  per-level colors) — badgeColor is deliberately not consumed here. */\nexport function LevelJourneyList({ levels, className }: LevelJourneyListProps) {\n  return (\n    <ol className={cn(\"divide-y divide-foreground/[0.06]\", className)}>\n      {levels.map((l, i) => (\n        <li key={l.level} className=\"flex items-start gap-4 py-4\">\n          <span className=\"flex items-center gap-1.5 w-8 shrink-0 pt-0.5\">\n            <span className=\"text-xs font-bold text-foreground/30 tabular-nums\">{l.level}</span>\n            {(i + 1) % 10 === 0 && (\n              <span\n                aria-hidden\n                className=\"h-1.5 w-1.5 rounded-full bg-gradient-to-r from-brand-orange to-brand-maeve\"\n              />\n            )}\n          </span>\n          <div className=\"flex-1 min-w-0\">\n            <p className=\"text-base font-bold\">{l.name}</p>\n            {l.description && (\n              <p className=\"text-sm text-foreground/60 mt-0.5 leading-relaxed\">{l.description}</p>\n            )}\n          </div>\n          <span className=\"text-sm font-black tabular-nums text-foreground/70 shrink-0\">\n            {l.xpRequired.toLocaleString()} XP\n          </span>\n        </li>\n      ))}\n    </ol>\n  );\n}\n"],"mappings":"AA0BU,SACE,KADF;AA1BV,SAAS,UAAU;AAqBZ,SAAS,iBAAiB,EAAE,QAAQ,UAAU,GAA0B;AAC7E,SACE,oBAAC,QAAG,WAAW,GAAG,qCAAqC,SAAS,GAC7D,iBAAO,IAAI,CAAC,GAAG,MACd,qBAAC,QAAiB,WAAU,+BAC1B;AAAA,yBAAC,UAAK,WAAU,iDACd;AAAA,0BAAC,UAAK,WAAU,qDAAqD,YAAE,OAAM;AAAA,OAC3E,IAAI,KAAK,OAAO,KAChB;AAAA,QAAC;AAAA;AAAA,UACC,eAAW;AAAA,UACX,WAAU;AAAA;AAAA,MACZ;AAAA,OAEJ;AAAA,IACA,qBAAC,SAAI,WAAU,kBACb;AAAA,0BAAC,OAAE,WAAU,uBAAuB,YAAE,MAAK;AAAA,MAC1C,EAAE,eACD,oBAAC,OAAE,WAAU,qDAAqD,YAAE,aAAY;AAAA,OAEpF;AAAA,IACA,qBAAC,UAAK,WAAU,+DACb;AAAA,QAAE,WAAW,eAAe;AAAA,MAAE;AAAA,OACjC;AAAA,OAlBO,EAAE,KAmBX,CACD,GACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/rewards/level-journey-list.tsx"],"sourcesContent":["import { cn } from \"../../utils/cn.js\";\n\nexport interface LevelJourneyListLevel {\n  level: number;\n  name: string;\n  xpRequired: number;\n  description: string | null;\n}\n\nexport interface LevelJourneyListProps {\n  levels: LevelJourneyListLevel[];\n  className?: string;\n}\n\nexport function LevelJourneyList({ levels, className }: LevelJourneyListProps) {\n  return (\n    <ol className={cn(\"divide-y divide-foreground/[0.06]\", className)}>\n      {levels.map((l, i) => (\n        <li key={l.level} className=\"flex items-start gap-4 py-4\">\n          <span className=\"flex items-center gap-1.5 w-8 shrink-0 pt-0.5\">\n            <span className=\"text-xs font-bold text-foreground/30 tabular-nums\">{l.level}</span>\n            {(i + 1) % 10 === 0 && (\n              <span\n                aria-hidden\n                className=\"h-1.5 w-1.5 rounded-full bg-gradient-to-r from-brand-orange to-brand-maeve\"\n              />\n            )}\n          </span>\n          <div className=\"flex-1 min-w-0\">\n            <p className=\"text-base font-bold\">{l.name}</p>\n            {l.description && (\n              <p className=\"text-sm text-foreground/60 mt-0.5 leading-relaxed\">{l.description}</p>\n            )}\n          </div>\n          <span className=\"text-sm font-black tabular-nums text-foreground/70 shrink-0\">\n            {l.xpRequired.toLocaleString()} XP\n          </span>\n        </li>\n      ))}\n    </ol>\n  );\n}\n"],"mappings":"AAmBU,SACE,KADF;AAnBV,SAAS,UAAU;AAcZ,SAAS,iBAAiB,EAAE,QAAQ,UAAU,GAA0B;AAC7E,SACE,oBAAC,QAAG,WAAW,GAAG,qCAAqC,SAAS,GAC7D,iBAAO,IAAI,CAAC,GAAG,MACd,qBAAC,QAAiB,WAAU,+BAC1B;AAAA,yBAAC,UAAK,WAAU,iDACd;AAAA,0BAAC,UAAK,WAAU,qDAAqD,YAAE,OAAM;AAAA,OAC3E,IAAI,KAAK,OAAO,KAChB;AAAA,QAAC;AAAA;AAAA,UACC,eAAW;AAAA,UACX,WAAU;AAAA;AAAA,MACZ;AAAA,OAEJ;AAAA,IACA,qBAAC,SAAI,WAAU,kBACb;AAAA,0BAAC,OAAE,WAAU,uBAAuB,YAAE,MAAK;AAAA,MAC1C,EAAE,eACD,oBAAC,OAAE,WAAU,qDAAqD,YAAE,aAAY;AAAA,OAEpF;AAAA,IACA,qBAAC,UAAK,WAAU,+DACb;AAAA,QAAE,WAAW,eAAe;AAAA,MAAE;AAAA,OACjC;AAAA,OAlBO,EAAE,KAmBX,CACD,GACH;AAEJ;","names":[]}

package/dist/components/rewards/level-up-celebration.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/rewards/level-up-celebration.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect } from \"react\";\nimport { LevelBadge } from \"./level-badge.js\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport interface LevelUpCelebrationProps {\n  level: number;\n  name: string;\n  badgeColor: string;\n  onDismiss: () => void;\n  className?: string;\n}\n\nconst PARTICLE_COUNT = 14;\n\n/** Auto-dismissing celebration burst for a level-up moment. Pure CSS\n *  animation, no dependency — particles are positioned/rotated via inline\n *  style so the same component works without a keyframe-per-particle\n *  stylesheet entry. */\nexport function LevelUpCelebration({ level, name, badgeColor, onDismiss, className }: LevelUpCelebrationProps) {\n  useEffect(() => {\n    const timer = setTimeout(onDismiss, 3000);\n    return () => clearTimeout(timer);\n  }, [onDismiss]);\n\n  return (\n    <div\n      role=\"status\"\n      aria-live=\"polite\"\n      className={cn(\n        \"fixed inset-0 z-[200] flex items-center justify-center bg-background/40 backdrop-blur-sm\",\n        className\n      )}\n      onClick={onDismiss}\n    >\n      <div className=\"relative flex flex-col items-center gap-3 animate-in zoom-in-95 fade-in duration-300\">\n        <div className=\"pointer-events-none absolute inset-0 -z-10\">\n          {Array.from({ length: PARTICLE_COUNT }).map((_, i) => {\n            const angle = (360 / PARTICLE_COUNT) * i;\n            const distance = 60 + (i % 3) * 20;\n            return (\n              <span\n                key={i}\n                className=\"absolute left-1/2 top-1/2 h-1.5 w-1.5 rounded-full animate-in fade-in zoom-in duration-700\"\n                style={{\n                  backgroundColor: badgeColor,\n                  transform: `rotate(${angle}deg) translate(${distance}px) rotate(-${angle}deg)`,\n                }}\n              />\n            );\n          })}\n        </div>\n        <p className=\"text-sm font-bold uppercase tracking-widest text-muted-foreground\">Level up</p>\n        <LevelBadge level={level} name={name} badgeColor={badgeColor} size=\"lg\" />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoCM;AAlCN,mBAA0B;AAC1B,yBAA2B;AAC3B,gBAAmB;AAUnB,MAAM,iBAAiB;AAMhB,SAAS,mBAAmB,EAAE,OAAO,MAAM,YAAY,WAAW,UAAU,GAA4B;AAC7G,8BAAU,MAAM;AACd,UAAM,QAAQ,WAAW,WAAW,GAAI;AACxC,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,SAAS,CAAC;AAEd,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,eAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA,SAAS;AAAA,MAET,uDAAC,SAAI,WAAU,wFACb;AAAA,oDAAC,SAAI,WAAU,8CACZ,gBAAM,KAAK,EAAE,QAAQ,eAAe,CAAC,EAAE,IAAI,CAAC,GAAG,MAAM;AACpD,gBAAM,QAAS,MAAM,iBAAkB;AACvC,gBAAM,WAAW,KAAM,IAAI,IAAK;AAChC,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,WAAU;AAAA,cACV,OAAO;AAAA,gBACL,iBAAiB;AAAA,gBACjB,WAAW,UAAU,KAAK,kBAAkB,QAAQ,eAAe,KAAK;AAAA,cAC1E;AAAA;AAAA,YALK;AAAA,UAMP;AAAA,QAEJ,CAAC,GACH;AAAA,QACA,4CAAC,OAAE,WAAU,qEAAoE,sBAAQ;AAAA,QACzF,4CAAC,iCAAW,OAAc,MAAY,YAAwB,MAAK,MAAK;AAAA,SAC1E;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/rewards/level-up-celebration.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect } from \"react\";\nimport { LevelBadge } from \"./level-badge.js\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport interface LevelUpCelebrationProps {\n  level: number;\n  name: string;\n  badgeColor: string;\n  onDismiss: () => void;\n  className?: string;\n}\n\nconst PARTICLE_COUNT = 14;\n\nexport function LevelUpCelebration({ level, name, badgeColor, onDismiss, className }: LevelUpCelebrationProps) {\n  useEffect(() => {\n    const timer = setTimeout(onDismiss, 3000);\n    return () => clearTimeout(timer);\n  }, [onDismiss]);\n\n  return (\n    <div\n      role=\"status\"\n      aria-live=\"polite\"\n      className={cn(\n        \"fixed inset-0 z-[200] flex items-center justify-center bg-background/40 backdrop-blur-sm\",\n        className\n      )}\n      onClick={onDismiss}\n    >\n      <div className=\"relative flex flex-col items-center gap-3 animate-in zoom-in-95 fade-in duration-300\">\n        <div className=\"pointer-events-none absolute inset-0 -z-10\">\n          {Array.from({ length: PARTICLE_COUNT }).map((_, i) => {\n            const angle = (360 / PARTICLE_COUNT) * i;\n            const distance = 60 + (i % 3) * 20;\n            return (\n              <span\n                key={i}\n                className=\"absolute left-1/2 top-1/2 h-1.5 w-1.5 rounded-full animate-in fade-in zoom-in duration-700\"\n                style={{\n                  backgroundColor: badgeColor,\n                  transform: `rotate(${angle}deg) translate(${distance}px) rotate(-${angle}deg)`,\n                }}\n              />\n            );\n          })}\n        </div>\n        <p className=\"text-sm font-bold uppercase tracking-widest text-muted-foreground\">Level up</p>\n        <LevelBadge level={level} name={name} badgeColor={badgeColor} size=\"lg\" />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgCM;AA9BN,mBAA0B;AAC1B,yBAA2B;AAC3B,gBAAmB;AAUnB,MAAM,iBAAiB;AAEhB,SAAS,mBAAmB,EAAE,OAAO,MAAM,YAAY,WAAW,UAAU,GAA4B;AAC7G,8BAAU,MAAM;AACd,UAAM,QAAQ,WAAW,WAAW,GAAI;AACxC,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,SAAS,CAAC;AAEd,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,eAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA,SAAS;AAAA,MAET,uDAAC,SAAI,WAAU,wFACb;AAAA,oDAAC,SAAI,WAAU,8CACZ,gBAAM,KAAK,EAAE,QAAQ,eAAe,CAAC,EAAE,IAAI,CAAC,GAAG,MAAM;AACpD,gBAAM,QAAS,MAAM,iBAAkB;AACvC,gBAAM,WAAW,KAAM,IAAI,IAAK;AAChC,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,WAAU;AAAA,cACV,OAAO;AAAA,gBACL,iBAAiB;AAAA,gBACjB,WAAW,UAAU,KAAK,kBAAkB,QAAQ,eAAe,KAAK;AAAA,cAC1E;AAAA;AAAA,YALK;AAAA,UAMP;AAAA,QAEJ,CAAC,GACH;AAAA,QACA,4CAAC,OAAE,WAAU,qEAAoE,sBAAQ;AAAA,QACzF,4CAAC,iCAAW,OAAc,MAAY,YAAwB,MAAK,MAAK;AAAA,SAC1E;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/rewards/level-up-celebration.d.cts

@@ -7,10 +7,6 @@ interface LevelUpCelebrationProps {
     onDismiss: () => void;
     className?: string;
 }
-/** Auto-dismissing celebration burst for a level-up moment. Pure CSS
- *  animation, no dependency — particles are positioned/rotated via inline
- *  style so the same component works without a keyframe-per-particle
- *  stylesheet entry. */
 declare function LevelUpCelebration({ level, name, badgeColor, onDismiss, className }: LevelUpCelebrationProps): react_jsx_runtime.JSX.Element;
 
 export { LevelUpCelebration, type LevelUpCelebrationProps };

package/dist/components/rewards/level-up-celebration.d.ts

@@ -7,10 +7,6 @@ interface LevelUpCelebrationProps {
     onDismiss: () => void;
     className?: string;
 }
-/** Auto-dismissing celebration burst for a level-up moment. Pure CSS
- *  animation, no dependency — particles are positioned/rotated via inline
- *  style so the same component works without a keyframe-per-particle
- *  stylesheet entry. */
 declare function LevelUpCelebration({ level, name, badgeColor, onDismiss, className }: LevelUpCelebrationProps): react_jsx_runtime.JSX.Element;
 
 export { LevelUpCelebration, type LevelUpCelebrationProps };

package/dist/components/rewards/level-up-celebration.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/rewards/level-up-celebration.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect } from \"react\";\nimport { LevelBadge } from \"./level-badge.js\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport interface LevelUpCelebrationProps {\n  level: number;\n  name: string;\n  badgeColor: string;\n  onDismiss: () => void;\n  className?: string;\n}\n\nconst PARTICLE_COUNT = 14;\n\n/** Auto-dismissing celebration burst for a level-up moment. Pure CSS\n *  animation, no dependency — particles are positioned/rotated via inline\n *  style so the same component works without a keyframe-per-particle\n *  stylesheet entry. */\nexport function LevelUpCelebration({ level, name, badgeColor, onDismiss, className }: LevelUpCelebrationProps) {\n  useEffect(() => {\n    const timer = setTimeout(onDismiss, 3000);\n    return () => clearTimeout(timer);\n  }, [onDismiss]);\n\n  return (\n    <div\n      role=\"status\"\n      aria-live=\"polite\"\n      className={cn(\n        \"fixed inset-0 z-[200] flex items-center justify-center bg-background/40 backdrop-blur-sm\",\n        className\n      )}\n      onClick={onDismiss}\n    >\n      <div className=\"relative flex flex-col items-center gap-3 animate-in zoom-in-95 fade-in duration-300\">\n        <div className=\"pointer-events-none absolute inset-0 -z-10\">\n          {Array.from({ length: PARTICLE_COUNT }).map((_, i) => {\n            const angle = (360 / PARTICLE_COUNT) * i;\n            const distance = 60 + (i % 3) * 20;\n            return (\n              <span\n                key={i}\n                className=\"absolute left-1/2 top-1/2 h-1.5 w-1.5 rounded-full animate-in fade-in zoom-in duration-700\"\n                style={{\n                  backgroundColor: badgeColor,\n                  transform: `rotate(${angle}deg) translate(${distance}px) rotate(-${angle}deg)`,\n                }}\n              />\n            );\n          })}\n        </div>\n        <p className=\"text-sm font-bold uppercase tracking-widest text-muted-foreground\">Level up</p>\n        <LevelBadge level={level} name={name} badgeColor={badgeColor} size=\"lg\" />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAoCM,SAMQ,KANR;AAlCN,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AAUnB,MAAM,iBAAiB;AAMhB,SAAS,mBAAmB,EAAE,OAAO,MAAM,YAAY,WAAW,UAAU,GAA4B;AAC7G,YAAU,MAAM;AACd,UAAM,QAAQ,WAAW,WAAW,GAAI;AACxC,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,SAAS,CAAC;AAEd,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA,SAAS;AAAA,MAET,+BAAC,SAAI,WAAU,wFACb;AAAA,4BAAC,SAAI,WAAU,8CACZ,gBAAM,KAAK,EAAE,QAAQ,eAAe,CAAC,EAAE,IAAI,CAAC,GAAG,MAAM;AACpD,gBAAM,QAAS,MAAM,iBAAkB;AACvC,gBAAM,WAAW,KAAM,IAAI,IAAK;AAChC,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,WAAU;AAAA,cACV,OAAO;AAAA,gBACL,iBAAiB;AAAA,gBACjB,WAAW,UAAU,KAAK,kBAAkB,QAAQ,eAAe,KAAK;AAAA,cAC1E;AAAA;AAAA,YALK;AAAA,UAMP;AAAA,QAEJ,CAAC,GACH;AAAA,QACA,oBAAC,OAAE,WAAU,qEAAoE,sBAAQ;AAAA,QACzF,oBAAC,cAAW,OAAc,MAAY,YAAwB,MAAK,MAAK;AAAA,SAC1E;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/rewards/level-up-celebration.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect } from \"react\";\nimport { LevelBadge } from \"./level-badge.js\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport interface LevelUpCelebrationProps {\n  level: number;\n  name: string;\n  badgeColor: string;\n  onDismiss: () => void;\n  className?: string;\n}\n\nconst PARTICLE_COUNT = 14;\n\nexport function LevelUpCelebration({ level, name, badgeColor, onDismiss, className }: LevelUpCelebrationProps) {\n  useEffect(() => {\n    const timer = setTimeout(onDismiss, 3000);\n    return () => clearTimeout(timer);\n  }, [onDismiss]);\n\n  return (\n    <div\n      role=\"status\"\n      aria-live=\"polite\"\n      className={cn(\n        \"fixed inset-0 z-[200] flex items-center justify-center bg-background/40 backdrop-blur-sm\",\n        className\n      )}\n      onClick={onDismiss}\n    >\n      <div className=\"relative flex flex-col items-center gap-3 animate-in zoom-in-95 fade-in duration-300\">\n        <div className=\"pointer-events-none absolute inset-0 -z-10\">\n          {Array.from({ length: PARTICLE_COUNT }).map((_, i) => {\n            const angle = (360 / PARTICLE_COUNT) * i;\n            const distance = 60 + (i % 3) * 20;\n            return (\n              <span\n                key={i}\n                className=\"absolute left-1/2 top-1/2 h-1.5 w-1.5 rounded-full animate-in fade-in zoom-in duration-700\"\n                style={{\n                  backgroundColor: badgeColor,\n                  transform: `rotate(${angle}deg) translate(${distance}px) rotate(-${angle}deg)`,\n                }}\n              />\n            );\n          })}\n        </div>\n        <p className=\"text-sm font-bold uppercase tracking-widest text-muted-foreground\">Level up</p>\n        <LevelBadge level={level} name={name} badgeColor={badgeColor} size=\"lg\" />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAgCM,SAMQ,KANR;AA9BN,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AAUnB,MAAM,iBAAiB;AAEhB,SAAS,mBAAmB,EAAE,OAAO,MAAM,YAAY,WAAW,UAAU,GAA4B;AAC7G,YAAU,MAAM;AACd,UAAM,QAAQ,WAAW,WAAW,GAAI;AACxC,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,SAAS,CAAC;AAEd,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA,SAAS;AAAA,MAET,+BAAC,SAAI,WAAU,wFACb;AAAA,4BAAC,SAAI,WAAU,8CACZ,gBAAM,KAAK,EAAE,QAAQ,eAAe,CAAC,EAAE,IAAI,CAAC,GAAG,MAAM;AACpD,gBAAM,QAAS,MAAM,iBAAkB;AACvC,gBAAM,WAAW,KAAM,IAAI,IAAK;AAChC,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,WAAU;AAAA,cACV,OAAO;AAAA,gBACL,iBAAiB;AAAA,gBACjB,WAAW,UAAU,KAAK,kBAAkB,QAAQ,eAAe,KAAK;AAAA,cAC1E;AAAA;AAAA,YALK;AAAA,UAMP;AAAA,QAEJ,CAAC,GACH;AAAA,QACA,oBAAC,OAAE,WAAU,qEAAoE,sBAAQ;AAAA,QACzF,oBAAC,cAAW,OAAc,MAAY,YAAwB,MAAK,MAAK;AAAA,SAC1E;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/rewards/reward-toast.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/rewards/reward-toast.tsx"],"sourcesContent":["\"use client\";\n\nimport { toast } from \"sonner\";\nimport { XpToastContent } from \"./xp-toast-content.js\";\nimport type { ApiRewardsConfig } from \"@medialane/sdk\";\n\nexport interface RewardToastSnapshot {\n  totalXp: number;\n  currentLevel: number;\n}\n\n/**\n * Optimistic XP feedback after a scoring action. Scores recompute on a\n * schedule, so this shows the action's configured value, never a balance.\n * Fire-and-forget: any failure is silent (rewards UI must never break a flow).\n *\n * Each app supplies its own `getRewardsConfig` (bound to its own\n * `MedialaneClient` singleton) — the caching/toast logic lives here once.\n */\nexport function createRewardToast(getRewardsConfig: () => Promise<ApiRewardsConfig>) {\n  let configPromise: Promise<ApiRewardsConfig> | null = null;\n  function loadConfig() {\n    configPromise ??= getRewardsConfig();\n    return configPromise;\n  }\n\n  /**\n   * @param snapshot Optional — when provided, the toast additionally shows\n   * a progress bar toward the next level. Omit to get today's plain toast.\n   */\n  return function rewardToast(actionType: string, snapshot?: RewardToastSnapshot): void {\n    loadConfig()\n      .then((config) => {\n        const action = config.actions.find((a) => a.type === actionType);\n        if (!action) return;\n\n        if (!snapshot) {\n          toast(<XpToastContent xp={action.xp} label={action.label} />, { duration: 3500 });\n          return;\n        }\n\n        const level = config.levels.find((l) => l.level === snapshot.currentLevel);\n        const nextLevel = config.levels.find((l) => l.level === snapshot.currentLevel + 1);\n        toast(\n          <XpToastContent\n            xp={action.xp}\n            label={action.label}\n            totalXp={snapshot.totalXp}\n            levelXp={level?.xpRequired ?? 0}\n            nextLevelXp={nextLevel?.xpRequired ?? null}\n          />,\n          { duration: 3500 }\n        );\n      })\n      .catch(() => {\n        configPromise = null; // retry on the next action\n      });\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqCgB;AAnChB,oBAAsB;AACtB,8BAA+B;AAgBxB,SAAS,kBAAkB,kBAAmD;AACnF,MAAI,gBAAkD;AACtD,WAAS,aAAa;AACpB,sCAAkB,iBAAiB;AACnC,WAAO;AAAA,EACT;AAMA,SAAO,SAAS,YAAY,YAAoB,UAAsC;AACpF,eAAW,EACR,KAAK,CAAC,WAAW;AAChB,YAAM,SAAS,OAAO,QAAQ,KAAK,CAAC,MAAM,EAAE,SAAS,UAAU;AAC/D,UAAI,CAAC,OAAQ;AAEb,UAAI,CAAC,UAAU;AACb,iCAAM,4CAAC,0CAAe,IAAI,OAAO,IAAI,OAAO,OAAO,OAAO,GAAI,EAAE,UAAU,KAAK,CAAC;AAChF;AAAA,MACF;AAEA,YAAM,QAAQ,OAAO,OAAO,KAAK,CAAC,MAAM,EAAE,UAAU,SAAS,YAAY;AACzE,YAAM,YAAY,OAAO,OAAO,KAAK,CAAC,MAAM,EAAE,UAAU,SAAS,eAAe,CAAC;AACjF;AAAA,QACE;AAAA,UAAC;AAAA;AAAA,YACC,IAAI,OAAO;AAAA,YACX,OAAO,OAAO;AAAA,YACd,SAAS,SAAS;AAAA,YAClB,SAAS,OAAO,cAAc;AAAA,YAC9B,aAAa,WAAW,cAAc;AAAA;AAAA,QACxC;AAAA,QACA,EAAE,UAAU,KAAK;AAAA,MACnB;AAAA,IACF,CAAC,EACA,MAAM,MAAM;AACX,sBAAgB;AAAA,IAClB,CAAC;AAAA,EACL;AACF;","names":[]}
+{"version":3,"sources":["../../../src/components/rewards/reward-toast.tsx"],"sourcesContent":["\"use client\";\n\nimport { toast } from \"sonner\";\nimport { XpToastContent } from \"./xp-toast-content.js\";\nimport type { ApiRewardsConfig } from \"@medialane/sdk\";\n\nexport interface RewardToastSnapshot {\n  totalXp: number;\n  currentLevel: number;\n}\n\nexport function createRewardToast(getRewardsConfig: () => Promise<ApiRewardsConfig>) {\n  let configPromise: Promise<ApiRewardsConfig> | null = null;\n  function loadConfig() {\n    configPromise ??= getRewardsConfig();\n    return configPromise;\n  }\n\n  return function rewardToast(actionType: string, snapshot?: RewardToastSnapshot): void {\n    loadConfig()\n      .then((config) => {\n        const action = config.actions.find((a) => a.type === actionType);\n        if (!action) return;\n\n        if (!snapshot) {\n          toast(<XpToastContent xp={action.xp} label={action.label} />, { duration: 3500 });\n          return;\n        }\n\n        const level = config.levels.find((l) => l.level === snapshot.currentLevel);\n        const nextLevel = config.levels.find((l) => l.level === snapshot.currentLevel + 1);\n        toast(\n          <XpToastContent\n            xp={action.xp}\n            label={action.label}\n            totalXp={snapshot.totalXp}\n            levelXp={level?.xpRequired ?? 0}\n            nextLevelXp={nextLevel?.xpRequired ?? null}\n          />,\n          { duration: 3500 }\n        );\n      })\n      .catch(() => {\n        configPromise = null;\n      });\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBgB;AAvBhB,oBAAsB;AACtB,8BAA+B;AAQxB,SAAS,kBAAkB,kBAAmD;AACnF,MAAI,gBAAkD;AACtD,WAAS,aAAa;AACpB,sCAAkB,iBAAiB;AACnC,WAAO;AAAA,EACT;AAEA,SAAO,SAAS,YAAY,YAAoB,UAAsC;AACpF,eAAW,EACR,KAAK,CAAC,WAAW;AAChB,YAAM,SAAS,OAAO,QAAQ,KAAK,CAAC,MAAM,EAAE,SAAS,UAAU;AAC/D,UAAI,CAAC,OAAQ;AAEb,UAAI,CAAC,UAAU;AACb,iCAAM,4CAAC,0CAAe,IAAI,OAAO,IAAI,OAAO,OAAO,OAAO,GAAI,EAAE,UAAU,KAAK,CAAC;AAChF;AAAA,MACF;AAEA,YAAM,QAAQ,OAAO,OAAO,KAAK,CAAC,MAAM,EAAE,UAAU,SAAS,YAAY;AACzE,YAAM,YAAY,OAAO,OAAO,KAAK,CAAC,MAAM,EAAE,UAAU,SAAS,eAAe,CAAC;AACjF;AAAA,QACE;AAAA,UAAC;AAAA;AAAA,YACC,IAAI,OAAO;AAAA,YACX,OAAO,OAAO;AAAA,YACd,SAAS,SAAS;AAAA,YAClB,SAAS,OAAO,cAAc;AAAA,YAC9B,aAAa,WAAW,cAAc;AAAA;AAAA,QACxC;AAAA,QACA,EAAE,UAAU,KAAK;AAAA,MACnB;AAAA,IACF,CAAC,EACA,MAAM,MAAM;AACX,sBAAgB;AAAA,IAClB,CAAC;AAAA,EACL;AACF;","names":[]}

package/dist/components/rewards/reward-toast.d.cts

@@ -4,14 +4,6 @@ interface RewardToastSnapshot {
     totalXp: number;
     currentLevel: number;
 }
-/**
- * Optimistic XP feedback after a scoring action. Scores recompute on a
- * schedule, so this shows the action's configured value, never a balance.
- * Fire-and-forget: any failure is silent (rewards UI must never break a flow).
- *
- * Each app supplies its own `getRewardsConfig` (bound to its own
- * `MedialaneClient` singleton) — the caching/toast logic lives here once.
- */
 declare function createRewardToast(getRewardsConfig: () => Promise<ApiRewardsConfig>): (actionType: string, snapshot?: RewardToastSnapshot) => void;
 
 export { type RewardToastSnapshot, createRewardToast };

package/dist/components/rewards/reward-toast.d.ts

@@ -4,14 +4,6 @@ interface RewardToastSnapshot {
     totalXp: number;
     currentLevel: number;
 }
-/**
- * Optimistic XP feedback after a scoring action. Scores recompute on a
- * schedule, so this shows the action's configured value, never a balance.
- * Fire-and-forget: any failure is silent (rewards UI must never break a flow).
- *
- * Each app supplies its own `getRewardsConfig` (bound to its own
- * `MedialaneClient` singleton) — the caching/toast logic lives here once.
- */
 declare function createRewardToast(getRewardsConfig: () => Promise<ApiRewardsConfig>): (actionType: string, snapshot?: RewardToastSnapshot) => void;
 
 export { type RewardToastSnapshot, createRewardToast };

package/dist/components/rewards/reward-toast.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/rewards/reward-toast.tsx"],"sourcesContent":["\"use client\";\n\nimport { toast } from \"sonner\";\nimport { XpToastContent } from \"./xp-toast-content.js\";\nimport type { ApiRewardsConfig } from \"@medialane/sdk\";\n\nexport interface RewardToastSnapshot {\n  totalXp: number;\n  currentLevel: number;\n}\n\n/**\n * Optimistic XP feedback after a scoring action. Scores recompute on a\n * schedule, so this shows the action's configured value, never a balance.\n * Fire-and-forget: any failure is silent (rewards UI must never break a flow).\n *\n * Each app supplies its own `getRewardsConfig` (bound to its own\n * `MedialaneClient` singleton) — the caching/toast logic lives here once.\n */\nexport function createRewardToast(getRewardsConfig: () => Promise<ApiRewardsConfig>) {\n  let configPromise: Promise<ApiRewardsConfig> | null = null;\n  function loadConfig() {\n    configPromise ??= getRewardsConfig();\n    return configPromise;\n  }\n\n  /**\n   * @param snapshot Optional — when provided, the toast additionally shows\n   * a progress bar toward the next level. Omit to get today's plain toast.\n   */\n  return function rewardToast(actionType: string, snapshot?: RewardToastSnapshot): void {\n    loadConfig()\n      .then((config) => {\n        const action = config.actions.find((a) => a.type === actionType);\n        if (!action) return;\n\n        if (!snapshot) {\n          toast(<XpToastContent xp={action.xp} label={action.label} />, { duration: 3500 });\n          return;\n        }\n\n        const level = config.levels.find((l) => l.level === snapshot.currentLevel);\n        const nextLevel = config.levels.find((l) => l.level === snapshot.currentLevel + 1);\n        toast(\n          <XpToastContent\n            xp={action.xp}\n            label={action.label}\n            totalXp={snapshot.totalXp}\n            levelXp={level?.xpRequired ?? 0}\n            nextLevelXp={nextLevel?.xpRequired ?? null}\n          />,\n          { duration: 3500 }\n        );\n      })\n      .catch(() => {\n        configPromise = null; // retry on the next action\n      });\n  };\n}\n"],"mappings":";AAqCgB;AAnChB,SAAS,aAAa;AACtB,SAAS,sBAAsB;AAgBxB,SAAS,kBAAkB,kBAAmD;AACnF,MAAI,gBAAkD;AACtD,WAAS,aAAa;AACpB,sCAAkB,iBAAiB;AACnC,WAAO;AAAA,EACT;AAMA,SAAO,SAAS,YAAY,YAAoB,UAAsC;AACpF,eAAW,EACR,KAAK,CAAC,WAAW;AAChB,YAAM,SAAS,OAAO,QAAQ,KAAK,CAAC,MAAM,EAAE,SAAS,UAAU;AAC/D,UAAI,CAAC,OAAQ;AAEb,UAAI,CAAC,UAAU;AACb,cAAM,oBAAC,kBAAe,IAAI,OAAO,IAAI,OAAO,OAAO,OAAO,GAAI,EAAE,UAAU,KAAK,CAAC;AAChF;AAAA,MACF;AAEA,YAAM,QAAQ,OAAO,OAAO,KAAK,CAAC,MAAM,EAAE,UAAU,SAAS,YAAY;AACzE,YAAM,YAAY,OAAO,OAAO,KAAK,CAAC,MAAM,EAAE,UAAU,SAAS,eAAe,CAAC;AACjF;AAAA,QACE;AAAA,UAAC;AAAA;AAAA,YACC,IAAI,OAAO;AAAA,YACX,OAAO,OAAO;AAAA,YACd,SAAS,SAAS;AAAA,YAClB,SAAS,OAAO,cAAc;AAAA,YAC9B,aAAa,WAAW,cAAc;AAAA;AAAA,QACxC;AAAA,QACA,EAAE,UAAU,KAAK;AAAA,MACnB;AAAA,IACF,CAAC,EACA,MAAM,MAAM;AACX,sBAAgB;AAAA,IAClB,CAAC;AAAA,EACL;AACF;","names":[]}
+{"version":3,"sources":["../../../src/components/rewards/reward-toast.tsx"],"sourcesContent":["\"use client\";\n\nimport { toast } from \"sonner\";\nimport { XpToastContent } from \"./xp-toast-content.js\";\nimport type { ApiRewardsConfig } from \"@medialane/sdk\";\n\nexport interface RewardToastSnapshot {\n  totalXp: number;\n  currentLevel: number;\n}\n\nexport function createRewardToast(getRewardsConfig: () => Promise<ApiRewardsConfig>) {\n  let configPromise: Promise<ApiRewardsConfig> | null = null;\n  function loadConfig() {\n    configPromise ??= getRewardsConfig();\n    return configPromise;\n  }\n\n  return function rewardToast(actionType: string, snapshot?: RewardToastSnapshot): void {\n    loadConfig()\n      .then((config) => {\n        const action = config.actions.find((a) => a.type === actionType);\n        if (!action) return;\n\n        if (!snapshot) {\n          toast(<XpToastContent xp={action.xp} label={action.label} />, { duration: 3500 });\n          return;\n        }\n\n        const level = config.levels.find((l) => l.level === snapshot.currentLevel);\n        const nextLevel = config.levels.find((l) => l.level === snapshot.currentLevel + 1);\n        toast(\n          <XpToastContent\n            xp={action.xp}\n            label={action.label}\n            totalXp={snapshot.totalXp}\n            levelXp={level?.xpRequired ?? 0}\n            nextLevelXp={nextLevel?.xpRequired ?? null}\n          />,\n          { duration: 3500 }\n        );\n      })\n      .catch(() => {\n        configPromise = null;\n      });\n  };\n}\n"],"mappings":";AAyBgB;AAvBhB,SAAS,aAAa;AACtB,SAAS,sBAAsB;AAQxB,SAAS,kBAAkB,kBAAmD;AACnF,MAAI,gBAAkD;AACtD,WAAS,aAAa;AACpB,sCAAkB,iBAAiB;AACnC,WAAO;AAAA,EACT;AAEA,SAAO,SAAS,YAAY,YAAoB,UAAsC;AACpF,eAAW,EACR,KAAK,CAAC,WAAW;AAChB,YAAM,SAAS,OAAO,QAAQ,KAAK,CAAC,MAAM,EAAE,SAAS,UAAU;AAC/D,UAAI,CAAC,OAAQ;AAEb,UAAI,CAAC,UAAU;AACb,cAAM,oBAAC,kBAAe,IAAI,OAAO,IAAI,OAAO,OAAO,OAAO,GAAI,EAAE,UAAU,KAAK,CAAC;AAChF;AAAA,MACF;AAEA,YAAM,QAAQ,OAAO,OAAO,KAAK,CAAC,MAAM,EAAE,UAAU,SAAS,YAAY;AACzE,YAAM,YAAY,OAAO,OAAO,KAAK,CAAC,MAAM,EAAE,UAAU,SAAS,eAAe,CAAC;AACjF;AAAA,QACE;AAAA,UAAC;AAAA;AAAA,YACC,IAAI,OAAO;AAAA,YACX,OAAO,OAAO;AAAA,YACd,SAAS,SAAS;AAAA,YAClB,SAAS,OAAO,cAAc;AAAA,YAC9B,aAAa,WAAW,cAAc;AAAA;AAAA,QACxC;AAAA,QACA,EAAE,UAAU,KAAK;AAAA,MACnB;AAAA,IACF,CAAC,EACA,MAAM,MAAM;AACX,sBAAgB;AAAA,IAClB,CAAC;AAAA,EACL;AACF;","names":[]}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/rewards/score-summary-card.tsx"],"sourcesContent":["import { cn } from \"../../utils/cn.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  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 space-y-4\", className)}>\n      <div className=\"flex items-center justify-between gap-4\">\n        <div className=\"flex items-center gap-3 min-w-0\">\n          <div\n            className=\"h-12 w-12 rounded-xl shrink-0 flex items-center justify-center text-xl font-black text-white\"\n            style={{ backgroundColor: badgeColor }}\n          >\n            {level}\n          </div>\n          <div className=\"min-w-0\">\n            <p className=\"text-sm font-bold leading-tight text-foreground truncate\">{levelName}</p>\n            <p className=\"text-xs text-muted-foreground\">Level {level}</p>\n          </div>\n        </div>\n        <div className=\"text-right shrink-0\">\n          <p className=\"text-2xl font-black text-foreground tabular-nums\">{totalXp.toLocaleString()}</p>\n          <p className=\"text-xs uppercase tracking-widest text-muted-foreground\">XP</p>\n        </div>\n      </div>\n      {nextLevel && (\n        <p className=\"text-xs text-muted-foreground border-t border-border/50 pt-3\">\n          {(nextLevel.xpRequired - totalXp).toLocaleString()} XP to Level {nextLevel.level} · {nextLevel.name}\n        </p>\n      )}\n      {topBadges && topBadges.length > 0 && (\n        <BadgeShelf badges={topBadges} className={!nextLevel ? \"border-t border-border/50 pt-3\" : undefined} />\n      )}\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;AAkCU;AAlCV,gBAAmB;AACnB,yBAAiD;AAmB1C,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0B;AACxB,QAAM,OACJ,6CAAC,SAAI,eAAW,cAAG,gEAAgE,SAAS,GAC1F;AAAA,iDAAC,SAAI,WAAU,2CACb;AAAA,mDAAC,SAAI,WAAU,mCACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,iBAAiB,WAAW;AAAA,YAEpC;AAAA;AAAA,QACH;AAAA,QACA,6CAAC,SAAI,WAAU,WACb;AAAA,sDAAC,OAAE,WAAU,4DAA4D,qBAAU;AAAA,UACnF,6CAAC,OAAE,WAAU,iCAAgC;AAAA;AAAA,YAAO;AAAA,aAAM;AAAA,WAC5D;AAAA,SACF;AAAA,MACA,6CAAC,SAAI,WAAU,uBACb;AAAA,oDAAC,OAAE,WAAU,oDAAoD,kBAAQ,eAAe,GAAE;AAAA,QAC1F,4CAAC,OAAE,WAAU,2DAA0D,gBAAE;AAAA,SAC3E;AAAA,OACF;AAAA,IACC,aACC,6CAAC,OAAE,WAAU,gEACT;AAAA,iBAAU,aAAa,SAAS,eAAe;AAAA,MAAE;AAAA,MAAc,UAAU;AAAA,MAAM;AAAA,MAAI,UAAU;AAAA,OACjG;AAAA,IAED,aAAa,UAAU,SAAS,KAC/B,4CAAC,iCAAW,QAAQ,WAAW,WAAW,CAAC,YAAY,mCAAmC,QAAW;AAAA,KAEzG;AAGF,MAAI,CAAC,KAAM,QAAO;AAClB,SACE,4CAAC,OAAE,MAAY,WAAU,2BACtB,gBACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/rewards/score-summary-card.tsx"],"sourcesContent":["import { cn } from \"../../utils/cn.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\n  levelXp: number;\n  nextLevel: { level: number; name: string; xpRequired: number } | null;\n\n  topBadges?: BadgeShelfBadge[];\n\n  href?: string;\n  className?: string;\n}\n\nexport function ScoreSummaryCard({\n  level,\n  levelName,\n  badgeColor,\n  totalXp,\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 space-y-4\", className)}>\n      <div className=\"flex items-center justify-between gap-4\">\n        <div className=\"flex items-center gap-3 min-w-0\">\n          <div\n            className=\"h-12 w-12 rounded-xl shrink-0 flex items-center justify-center text-xl font-black text-white\"\n            style={{ backgroundColor: badgeColor }}\n          >\n            {level}\n          </div>\n          <div className=\"min-w-0\">\n            <p className=\"text-sm font-bold leading-tight text-foreground truncate\">{levelName}</p>\n            <p className=\"text-xs text-muted-foreground\">Level {level}</p>\n          </div>\n        </div>\n        <div className=\"text-right shrink-0\">\n          <p className=\"text-2xl font-black text-foreground tabular-nums\">{totalXp.toLocaleString()}</p>\n          <p className=\"text-xs uppercase tracking-widest text-muted-foreground\">XP</p>\n        </div>\n      </div>\n      {nextLevel && (\n        <p className=\"text-xs text-muted-foreground border-t border-border/50 pt-3\">\n          {(nextLevel.xpRequired - totalXp).toLocaleString()} XP to Level {nextLevel.level} · {nextLevel.name}\n        </p>\n      )}\n      {topBadges && topBadges.length > 0 && (\n        <BadgeShelf badges={topBadges} className={!nextLevel ? \"border-t border-border/50 pt-3\" : undefined} />\n      )}\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;AAgCU;AAhCV,gBAAmB;AACnB,yBAAiD;AAiB1C,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0B;AACxB,QAAM,OACJ,6CAAC,SAAI,eAAW,cAAG,gEAAgE,SAAS,GAC1F;AAAA,iDAAC,SAAI,WAAU,2CACb;AAAA,mDAAC,SAAI,WAAU,mCACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,iBAAiB,WAAW;AAAA,YAEpC;AAAA;AAAA,QACH;AAAA,QACA,6CAAC,SAAI,WAAU,WACb;AAAA,sDAAC,OAAE,WAAU,4DAA4D,qBAAU;AAAA,UACnF,6CAAC,OAAE,WAAU,iCAAgC;AAAA;AAAA,YAAO;AAAA,aAAM;AAAA,WAC5D;AAAA,SACF;AAAA,MACA,6CAAC,SAAI,WAAU,uBACb;AAAA,oDAAC,OAAE,WAAU,oDAAoD,kBAAQ,eAAe,GAAE;AAAA,QAC1F,4CAAC,OAAE,WAAU,2DAA0D,gBAAE;AAAA,SAC3E;AAAA,OACF;AAAA,IACC,aACC,6CAAC,OAAE,WAAU,gEACT;AAAA,iBAAU,aAAa,SAAS,eAAe;AAAA,MAAE;AAAA,MAAc,UAAU;AAAA,MAAM;AAAA,MAAI,UAAU;AAAA,OACjG;AAAA,IAED,aAAa,UAAU,SAAS,KAC/B,4CAAC,iCAAW,QAAQ,WAAW,WAAW,CAAC,YAAY,mCAAmC,QAAW;AAAA,KAEzG;AAGF,MAAI,CAAC,KAAM,QAAO;AAClB,SACE,4CAAC,OAAE,MAAY,WAAU,2BACtB,gBACH;AAEJ;","names":[]}

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

@@ -6,21 +6,16 @@ interface ScoreSummaryCardProps {
     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, nextLevel, topBadges, href, className, }: ScoreSummaryCardProps): react_jsx_runtime.JSX.Element;
 
 export { ScoreSummaryCard, type ScoreSummaryCardProps };

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

@@ -6,21 +6,16 @@ interface ScoreSummaryCardProps {
     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, nextLevel, topBadges, href, className, }: ScoreSummaryCardProps): react_jsx_runtime.JSX.Element;
 
 export { ScoreSummaryCard, type ScoreSummaryCardProps };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/rewards/score-summary-card.tsx"],"sourcesContent":["import { cn } from \"../../utils/cn.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  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 space-y-4\", className)}>\n      <div className=\"flex items-center justify-between gap-4\">\n        <div className=\"flex items-center gap-3 min-w-0\">\n          <div\n            className=\"h-12 w-12 rounded-xl shrink-0 flex items-center justify-center text-xl font-black text-white\"\n            style={{ backgroundColor: badgeColor }}\n          >\n            {level}\n          </div>\n          <div className=\"min-w-0\">\n            <p className=\"text-sm font-bold leading-tight text-foreground truncate\">{levelName}</p>\n            <p className=\"text-xs text-muted-foreground\">Level {level}</p>\n          </div>\n        </div>\n        <div className=\"text-right shrink-0\">\n          <p className=\"text-2xl font-black text-foreground tabular-nums\">{totalXp.toLocaleString()}</p>\n          <p className=\"text-xs uppercase tracking-widest text-muted-foreground\">XP</p>\n        </div>\n      </div>\n      {nextLevel && (\n        <p className=\"text-xs text-muted-foreground border-t border-border/50 pt-3\">\n          {(nextLevel.xpRequired - totalXp).toLocaleString()} XP to Level {nextLevel.level} · {nextLevel.name}\n        </p>\n      )}\n      {topBadges && topBadges.length > 0 && (\n        <BadgeShelf badges={topBadges} className={!nextLevel ? \"border-t border-border/50 pt-3\" : undefined} />\n      )}\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":"AAkCU,cAQE,YARF;AAlCV,SAAS,UAAU;AACnB,SAAS,kBAAwC;AAmB1C,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0B;AACxB,QAAM,OACJ,qBAAC,SAAI,WAAW,GAAG,gEAAgE,SAAS,GAC1F;AAAA,yBAAC,SAAI,WAAU,2CACb;AAAA,2BAAC,SAAI,WAAU,mCACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,iBAAiB,WAAW;AAAA,YAEpC;AAAA;AAAA,QACH;AAAA,QACA,qBAAC,SAAI,WAAU,WACb;AAAA,8BAAC,OAAE,WAAU,4DAA4D,qBAAU;AAAA,UACnF,qBAAC,OAAE,WAAU,iCAAgC;AAAA;AAAA,YAAO;AAAA,aAAM;AAAA,WAC5D;AAAA,SACF;AAAA,MACA,qBAAC,SAAI,WAAU,uBACb;AAAA,4BAAC,OAAE,WAAU,oDAAoD,kBAAQ,eAAe,GAAE;AAAA,QAC1F,oBAAC,OAAE,WAAU,2DAA0D,gBAAE;AAAA,SAC3E;AAAA,OACF;AAAA,IACC,aACC,qBAAC,OAAE,WAAU,gEACT;AAAA,iBAAU,aAAa,SAAS,eAAe;AAAA,MAAE;AAAA,MAAc,UAAU;AAAA,MAAM;AAAA,MAAI,UAAU;AAAA,OACjG;AAAA,IAED,aAAa,UAAU,SAAS,KAC/B,oBAAC,cAAW,QAAQ,WAAW,WAAW,CAAC,YAAY,mCAAmC,QAAW;AAAA,KAEzG;AAGF,MAAI,CAAC,KAAM,QAAO;AAClB,SACE,oBAAC,OAAE,MAAY,WAAU,2BACtB,gBACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/rewards/score-summary-card.tsx"],"sourcesContent":["import { cn } from \"../../utils/cn.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\n  levelXp: number;\n  nextLevel: { level: number; name: string; xpRequired: number } | null;\n\n  topBadges?: BadgeShelfBadge[];\n\n  href?: string;\n  className?: string;\n}\n\nexport function ScoreSummaryCard({\n  level,\n  levelName,\n  badgeColor,\n  totalXp,\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 space-y-4\", className)}>\n      <div className=\"flex items-center justify-between gap-4\">\n        <div className=\"flex items-center gap-3 min-w-0\">\n          <div\n            className=\"h-12 w-12 rounded-xl shrink-0 flex items-center justify-center text-xl font-black text-white\"\n            style={{ backgroundColor: badgeColor }}\n          >\n            {level}\n          </div>\n          <div className=\"min-w-0\">\n            <p className=\"text-sm font-bold leading-tight text-foreground truncate\">{levelName}</p>\n            <p className=\"text-xs text-muted-foreground\">Level {level}</p>\n          </div>\n        </div>\n        <div className=\"text-right shrink-0\">\n          <p className=\"text-2xl font-black text-foreground tabular-nums\">{totalXp.toLocaleString()}</p>\n          <p className=\"text-xs uppercase tracking-widest text-muted-foreground\">XP</p>\n        </div>\n      </div>\n      {nextLevel && (\n        <p className=\"text-xs text-muted-foreground border-t border-border/50 pt-3\">\n          {(nextLevel.xpRequired - totalXp).toLocaleString()} XP to Level {nextLevel.level} · {nextLevel.name}\n        </p>\n      )}\n      {topBadges && topBadges.length > 0 && (\n        <BadgeShelf badges={topBadges} className={!nextLevel ? \"border-t border-border/50 pt-3\" : undefined} />\n      )}\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":"AAgCU,cAQE,YARF;AAhCV,SAAS,UAAU;AACnB,SAAS,kBAAwC;AAiB1C,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0B;AACxB,QAAM,OACJ,qBAAC,SAAI,WAAW,GAAG,gEAAgE,SAAS,GAC1F;AAAA,yBAAC,SAAI,WAAU,2CACb;AAAA,2BAAC,SAAI,WAAU,mCACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,iBAAiB,WAAW;AAAA,YAEpC;AAAA;AAAA,QACH;AAAA,QACA,qBAAC,SAAI,WAAU,WACb;AAAA,8BAAC,OAAE,WAAU,4DAA4D,qBAAU;AAAA,UACnF,qBAAC,OAAE,WAAU,iCAAgC;AAAA;AAAA,YAAO;AAAA,aAAM;AAAA,WAC5D;AAAA,SACF;AAAA,MACA,qBAAC,SAAI,WAAU,uBACb;AAAA,4BAAC,OAAE,WAAU,oDAAoD,kBAAQ,eAAe,GAAE;AAAA,QAC1F,oBAAC,OAAE,WAAU,2DAA0D,gBAAE;AAAA,SAC3E;AAAA,OACF;AAAA,IACC,aACC,qBAAC,OAAE,WAAU,gEACT;AAAA,iBAAU,aAAa,SAAS,eAAe;AAAA,MAAE;AAAA,MAAc,UAAU;AAAA,MAAM;AAAA,MAAI,UAAU;AAAA,OACjG;AAAA,IAED,aAAa,UAAU,SAAS,KAC/B,oBAAC,cAAW,QAAQ,WAAW,WAAW,CAAC,YAAY,mCAAmC,QAAW;AAAA,KAEzG;AAGF,MAAI,CAAC,KAAM,QAAO;AAClB,SACE,oBAAC,OAAE,MAAY,WAAU,2BACtB,gBACH;AAEJ;","names":[]}