@medialane/ui 0.36.0 → 0.36.1

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

@@ -0,0 +1,25 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+function XpToastContent({ xp, label, color = "#8b5cf6" }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
+    /* @__PURE__ */ jsxs(
+      "span",
+      {
+        className: "flex h-8 shrink-0 items-center rounded-full border px-2.5 text-sm font-black tabular-nums",
+        style: { borderColor: `${color}60`, backgroundColor: `${color}18`, color },
+        children: [
+          "+",
+          xp,
+          " XP"
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-semibold", children: label }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Counts toward your score soon" })
+    ] })
+  ] });
+}
+export {
+  XpToastContent
+};
+//# sourceMappingURL=xp-toast-content.js.map

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

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

package/dist/index.d.cts

@@ -56,135 +56,16 @@ export { ServiceHeader, ServiceHeaderProps } from './components/service-header.c
 export { ClaimRail, ClaimRailProps } from './components/claim-rail.cjs';
 export { ServiceFormShell, ServiceFormShellProps } from './components/service-form-shell.cjs';
 export { StepNav, StepNavProps, StepNavStep } from './components/step-nav.cjs';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
+export { LevelBadge, LevelBadgeProps } from './components/rewards/level-badge.cjs';
+export { XpProgress, XpProgressProps } from './components/rewards/xp-progress.cjs';
+export { BadgeShelf, BadgeShelfBadge, BadgeShelfProps } from './components/rewards/badge-shelf.cjs';
+export { ScoreSummaryCard, ScoreSummaryCardProps } from './components/rewards/score-summary-card.cjs';
+export { LeaderboardEntryLike, LeaderboardTable, LeaderboardTableProps, LeaderboardWidget, LeaderboardWidgetProps } from './components/rewards/leaderboard-table.cjs';
+export { LevelLadder, LevelLadderProps } from './components/rewards/level-ladder.cjs';
+export { XpToastContent, XpToastContentProps } from './components/rewards/xp-toast-content.cjs';
 import 'clsx';
 import 'lucide-react';
+import 'react/jsx-runtime';
 import '@medialane/sdk';
+import 'react';
 import 'framer-motion';
-
-interface LevelBadgeProps {
-    level: number;
-    name: string;
-    badgeColor: string;
-    size?: "sm" | "md" | "lg";
-    className?: string;
-}
-/** Color-coded level chip ("Lv.6 Voyager"). Pure presentation — the consuming
- *  app supplies level data from the rewards API. */
-declare function LevelBadge({ level, name, badgeColor, size, className }: LevelBadgeProps): react_jsx_runtime.JSX.Element;
-
-interface XpProgressProps {
-    totalXp: number;
-    /** XP required to reach the current level. */
-    levelXp: number;
-    /** XP required for the next level; null at max level (renders full). */
-    nextLevelXp: number | null;
-    badgeColor: string;
-    variant?: "bar" | "ring";
-    /** Ring diameter in px (ring variant only). */
-    size?: number;
-    className?: string;
-}
-/** XP progress toward the next level, as a rounded bar or an SVG ring. */
-declare function XpProgress({ totalXp, levelXp, nextLevelXp, badgeColor, variant, size, className }: XpProgressProps): react_jsx_runtime.JSX.Element;
-
-interface BadgeShelfBadge {
-    key: string;
-    name: string;
-    description: string;
-    icon: string;
-    color: string;
-    category: string;
-}
-interface BadgeShelfProps {
-    /** The badges to render — the earned set, or the full catalog with `earnedKeys`. */
-    badges: BadgeShelfBadge[];
-    /** When set, badges outside this set render locked (grayscale, reduced opacity). */
-    earnedKeys?: string[];
-    /** Render locked badges too (requires `earnedKeys`); default hides them. */
-    showLocked?: boolean;
-    className?: string;
-}
-/** Badge chips with native tooltips. Earned badges render in their color;
- *  locked ones (present in `badges` but not `earnedKeys`) render muted. */
-declare function BadgeShelf({ badges, earnedKeys, showLocked, className }: BadgeShelfProps): react_jsx_runtime.JSX.Element | null;
-
-interface ScoreSummaryCardProps {
-    level: number;
-    levelName: string;
-    badgeColor: string;
-    totalXp: number;
-    /** XP required to reach the current level. */
-    levelXp: number;
-    nextLevel: {
-        level: number;
-        name: string;
-        xpRequired: number;
-    } | null;
-    /** A few earned badges to preview (already limited by the caller). */
-    topBadges?: BadgeShelfBadge[];
-    /** Where the card links ("/rewards"); rendered as a plain anchor. */
-    href?: string;
-    className?: string;
-}
-/** Compact score overview for portfolio/profile surfaces: level ring, XP,
- *  next-level progress, and a short badge preview. */
-declare function ScoreSummaryCard({ level, levelName, badgeColor, totalXp, levelXp, nextLevel, topBadges, href, className, }: ScoreSummaryCardProps): react_jsx_runtime.JSX.Element;
-
-interface LeaderboardEntryLike {
-    rank: number;
-    address: string;
-    publicId?: string | null;
-    totalXp: number;
-    currentLevel: number;
-    currentLevelName: string;
-    badgeColor: string;
-}
-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;
-}
-/** Full leaderboard rows: rank, address, level chip, XP. */
-declare function LeaderboardTable({ entries, highlightAddress, renderAddress, className }: LeaderboardTableProps): react_jsx_runtime.JSX.Element;
-interface LeaderboardWidgetProps {
-    entries: LeaderboardEntryLike[];
-    title?: string;
-    /** Link to the full leaderboard ("/rewards"). */
-    href?: string;
-    renderAddress?: (address: string) => ReactNode;
-    className?: string;
-}
-/** Compact top-N card for homepage/discover rails. */
-declare function LeaderboardWidget({ entries, title, href, renderAddress, className }: LeaderboardWidgetProps): react_jsx_runtime.JSX.Element | null;
-
-interface LevelLadderProps {
-    levels: {
-        level: number;
-        name: string;
-        xpRequired: number;
-        badgeColor: string;
-    }[];
-    currentLevel: number;
-    className?: string;
-}
-/** The full level arc as a horizontally scrollable chip rail; the current
- *  level is highlighted, passed levels render solid, future ones muted. */
-declare function LevelLadder({ levels, currentLevel, className }: LevelLadderProps): react_jsx_runtime.JSX.Element;
-
-interface XpToastContentProps {
-    xp: number;
-    /** The action's configured label, e.g. "Mint an IP asset". */
-    label: string;
-    color?: string;
-}
-/** Toast body for optimistic XP feedback: "+20 XP · Mint an IP asset".
- *  Scores recompute on a schedule, so this shows the action's configured
- *  value — the caller must never present it as a live balance. */
-declare function XpToastContent({ xp, label, color }: XpToastContentProps): react_jsx_runtime.JSX.Element;
-
-export { BadgeShelf, type BadgeShelfBadge, type BadgeShelfProps, type LeaderboardEntryLike, LeaderboardTable, type LeaderboardTableProps, LeaderboardWidget, type LeaderboardWidgetProps, LevelBadge, type LevelBadgeProps, LevelLadder, type LevelLadderProps, ScoreSummaryCard, type ScoreSummaryCardProps, XpProgress, type XpProgressProps, XpToastContent, type XpToastContentProps };

package/dist/index.d.ts

@@ -56,135 +56,16 @@ export { ServiceHeader, ServiceHeaderProps } from './components/service-header.j
 export { ClaimRail, ClaimRailProps } from './components/claim-rail.js';
 export { ServiceFormShell, ServiceFormShellProps } from './components/service-form-shell.js';
 export { StepNav, StepNavProps, StepNavStep } from './components/step-nav.js';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
+export { LevelBadge, LevelBadgeProps } from './components/rewards/level-badge.js';
+export { XpProgress, XpProgressProps } from './components/rewards/xp-progress.js';
+export { BadgeShelf, BadgeShelfBadge, BadgeShelfProps } from './components/rewards/badge-shelf.js';
+export { ScoreSummaryCard, ScoreSummaryCardProps } from './components/rewards/score-summary-card.js';
+export { LeaderboardEntryLike, LeaderboardTable, LeaderboardTableProps, LeaderboardWidget, LeaderboardWidgetProps } from './components/rewards/leaderboard-table.js';
+export { LevelLadder, LevelLadderProps } from './components/rewards/level-ladder.js';
+export { XpToastContent, XpToastContentProps } from './components/rewards/xp-toast-content.js';
 import 'clsx';
 import 'lucide-react';
+import 'react/jsx-runtime';
 import '@medialane/sdk';
+import 'react';
 import 'framer-motion';
-
-interface LevelBadgeProps {
-    level: number;
-    name: string;
-    badgeColor: string;
-    size?: "sm" | "md" | "lg";
-    className?: string;
-}
-/** Color-coded level chip ("Lv.6 Voyager"). Pure presentation — the consuming
- *  app supplies level data from the rewards API. */
-declare function LevelBadge({ level, name, badgeColor, size, className }: LevelBadgeProps): react_jsx_runtime.JSX.Element;
-
-interface XpProgressProps {
-    totalXp: number;
-    /** XP required to reach the current level. */
-    levelXp: number;
-    /** XP required for the next level; null at max level (renders full). */
-    nextLevelXp: number | null;
-    badgeColor: string;
-    variant?: "bar" | "ring";
-    /** Ring diameter in px (ring variant only). */
-    size?: number;
-    className?: string;
-}
-/** XP progress toward the next level, as a rounded bar or an SVG ring. */
-declare function XpProgress({ totalXp, levelXp, nextLevelXp, badgeColor, variant, size, className }: XpProgressProps): react_jsx_runtime.JSX.Element;
-
-interface BadgeShelfBadge {
-    key: string;
-    name: string;
-    description: string;
-    icon: string;
-    color: string;
-    category: string;
-}
-interface BadgeShelfProps {
-    /** The badges to render — the earned set, or the full catalog with `earnedKeys`. */
-    badges: BadgeShelfBadge[];
-    /** When set, badges outside this set render locked (grayscale, reduced opacity). */
-    earnedKeys?: string[];
-    /** Render locked badges too (requires `earnedKeys`); default hides them. */
-    showLocked?: boolean;
-    className?: string;
-}
-/** Badge chips with native tooltips. Earned badges render in their color;
- *  locked ones (present in `badges` but not `earnedKeys`) render muted. */
-declare function BadgeShelf({ badges, earnedKeys, showLocked, className }: BadgeShelfProps): react_jsx_runtime.JSX.Element | null;
-
-interface ScoreSummaryCardProps {
-    level: number;
-    levelName: string;
-    badgeColor: string;
-    totalXp: number;
-    /** XP required to reach the current level. */
-    levelXp: number;
-    nextLevel: {
-        level: number;
-        name: string;
-        xpRequired: number;
-    } | null;
-    /** A few earned badges to preview (already limited by the caller). */
-    topBadges?: BadgeShelfBadge[];
-    /** Where the card links ("/rewards"); rendered as a plain anchor. */
-    href?: string;
-    className?: string;
-}
-/** Compact score overview for portfolio/profile surfaces: level ring, XP,
- *  next-level progress, and a short badge preview. */
-declare function ScoreSummaryCard({ level, levelName, badgeColor, totalXp, levelXp, nextLevel, topBadges, href, className, }: ScoreSummaryCardProps): react_jsx_runtime.JSX.Element;
-
-interface LeaderboardEntryLike {
-    rank: number;
-    address: string;
-    publicId?: string | null;
-    totalXp: number;
-    currentLevel: number;
-    currentLevelName: string;
-    badgeColor: string;
-}
-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;
-}
-/** Full leaderboard rows: rank, address, level chip, XP. */
-declare function LeaderboardTable({ entries, highlightAddress, renderAddress, className }: LeaderboardTableProps): react_jsx_runtime.JSX.Element;
-interface LeaderboardWidgetProps {
-    entries: LeaderboardEntryLike[];
-    title?: string;
-    /** Link to the full leaderboard ("/rewards"). */
-    href?: string;
-    renderAddress?: (address: string) => ReactNode;
-    className?: string;
-}
-/** Compact top-N card for homepage/discover rails. */
-declare function LeaderboardWidget({ entries, title, href, renderAddress, className }: LeaderboardWidgetProps): react_jsx_runtime.JSX.Element | null;
-
-interface LevelLadderProps {
-    levels: {
-        level: number;
-        name: string;
-        xpRequired: number;
-        badgeColor: string;
-    }[];
-    currentLevel: number;
-    className?: string;
-}
-/** The full level arc as a horizontally scrollable chip rail; the current
- *  level is highlighted, passed levels render solid, future ones muted. */
-declare function LevelLadder({ levels, currentLevel, className }: LevelLadderProps): react_jsx_runtime.JSX.Element;
-
-interface XpToastContentProps {
-    xp: number;
-    /** The action's configured label, e.g. "Mint an IP asset". */
-    label: string;
-    color?: string;
-}
-/** Toast body for optimistic XP feedback: "+20 XP · Mint an IP asset".
- *  Scores recompute on a schedule, so this shows the action's configured
- *  value — the caller must never present it as a live balance. */
-declare function XpToastContent({ xp, label, color }: XpToastContentProps): react_jsx_runtime.JSX.Element;
-
-export { BadgeShelf, type BadgeShelfBadge, type BadgeShelfProps, type LeaderboardEntryLike, LeaderboardTable, type LeaderboardTableProps, LeaderboardWidget, type LeaderboardWidgetProps, LevelBadge, type LevelBadgeProps, LevelLadder, type LevelLadderProps, ScoreSummaryCard, type ScoreSummaryCardProps, XpProgress, type XpProgressProps, XpToastContent, type XpToastContentProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medialane/ui",
-  "version": "0.36.0",
+  "version": "0.36.1",
   "description": "Shared UI components for Medialane apps",
   "type": "module",
   "main": "./dist/index.cjs",