@medialane/ui 0.97.0 → 0.99.0

package/dist/components/community-rewards-section.cjs

@@ -0,0 +1,123 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var community_rewards_section_exports = {};
+__export(community_rewards_section_exports, {
+  CommunityRewardsSection: () => CommunityRewardsSection
+});
+module.exports = __toCommonJS(community_rewards_section_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_link = __toESM(require("next/link"), 1);
+var import_lucide_react = require("lucide-react");
+var import_address_display = require("./address-display.js");
+const EARN_ACTIONS = [
+  { icon: import_lucide_react.Zap, label: "Mint" },
+  { icon: import_lucide_react.Palette, label: "Create" },
+  { icon: import_lucide_react.ShoppingBag, label: "Trade" },
+  { icon: import_lucide_react.MessageSquare, label: "Engage" }
+];
+function CommunityRewardsSection({
+  entries,
+  isLoading = false,
+  rewardsHref,
+  creatorHref
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "rounded-2xl bg-muted/50 dark:bg-card overflow-hidden grid lg:grid-cols-2 max-lg:divide-y lg:divide-x divide-brand-orange/20", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "px-7 py-8 sm:px-9 flex flex-col gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs font-bold uppercase tracking-widest text-brand-orange", children: "Creator's Fund" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "mt-4 text-2xl font-bold tracking-tight leading-tight", children: "Community Rewards" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-1.5 text-sm text-muted-foreground leading-relaxed", children: "Earn XP. Share the Creator's Fund." })
+      ] }),
+      !isLoading && entries.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "border-y border-brand-orange/20 py-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-[10px] font-bold uppercase tracking-widest text-muted-foreground mb-2", children: "Recently active" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex -space-x-2", children: entries.slice(0, 5).map((entry) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            title: `${entry.totalXp.toLocaleString()} XP`,
+            className: "flex h-7 w-7 items-center justify-center rounded-full border-2 border-background bg-brand-orange/15 text-[9px] font-bold text-brand-orange",
+            children: entry.address.slice(2, 4).toUpperCase()
+          },
+          entry.address
+        )) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-wrap gap-x-5 gap-y-2", children: EARN_ACTIONS.map(({ icon: Icon, label }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "span",
+        {
+          className: "flex items-center gap-1.5 text-xs font-medium text-muted-foreground",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { className: "h-3 w-3 text-brand-orange/70" }),
+            label
+          ]
+        },
+        label
+      )) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_link.default,
+        {
+          href: rewardsHref,
+          className: "mt-auto inline-flex items-center justify-center gap-2 rounded-xl bg-brand-orange px-6 py-3 text-sm font-semibold text-white transition-all hover:brightness-110 active:scale-[0.98]",
+          children: [
+            "Start earning XP",
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRight, { className: "h-3.5 w-3.5" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "p-5 sm:p-6", children: !isLoading && entries.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-2 gap-3 h-full", children: entries.slice(0, 4).map((entry) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_link.default,
+      {
+        href: creatorHref(entry.address),
+        className: "group relative rounded-xl bg-card dark:bg-muted/30 hover:bg-card/70 dark:hover:bg-muted/50 overflow-hidden transition-colors flex flex-col justify-between p-4",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute inset-x-0 top-0 h-0.5 bg-brand-orange/40" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-0.5 pt-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-2xl font-black tabular-nums leading-none", children: entry.totalXp.toLocaleString() }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-[11px] text-muted-foreground", children: "XP earned" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_address_display.AddressDisplay,
+            {
+              address: entry.address,
+              chars: 4,
+              showCopy: false,
+              className: "text-xs font-medium text-muted-foreground group-hover:text-foreground transition-colors"
+            }
+          )
+        ]
+      },
+      entry.address
+    )) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-2 gap-3 h-full", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "min-h-[100px] rounded-xl bg-card dark:bg-muted/30 animate-pulse" }, i)) }) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CommunityRewardsSection
+});
+//# sourceMappingURL=community-rewards-section.cjs.map

package/dist/components/community-rewards-section.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/community-rewards-section.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { ArrowRight, Zap, Palette, ShoppingBag, MessageSquare } from \"lucide-react\";\nimport { AddressDisplay } from \"./address-display.js\";\n\nexport interface CommunityRewardsEntry {\n  address: string;\n  totalXp: number;\n}\n\nexport interface CommunityRewardsSectionProps {\n  entries: CommunityRewardsEntry[];\n  isLoading?: boolean;\n  rewardsHref: string;\n  creatorHref: (address: string) => string;\n}\n\nconst EARN_ACTIONS = [\n  { icon: Zap, label: \"Mint\" },\n  { icon: Palette, label: \"Create\" },\n  { icon: ShoppingBag, label: \"Trade\" },\n  { icon: MessageSquare, label: \"Engage\" },\n];\n\nexport function CommunityRewardsSection({\n  entries,\n  isLoading = false,\n  rewardsHref,\n  creatorHref,\n}: CommunityRewardsSectionProps) {\n  return (\n    <section className=\"rounded-2xl bg-muted/50 dark:bg-card overflow-hidden grid lg:grid-cols-2 max-lg:divide-y lg:divide-x divide-brand-orange/20\">\n\n      {/* Left — info panel */}\n      <div className=\"px-7 py-8 sm:px-9 flex flex-col gap-6\">\n        <div>\n          {/* Creator's Fund eyebrow — shared with CreatorAirdropBanner */}\n          <span className=\"text-xs font-bold uppercase tracking-widest text-brand-orange\">\n            Creator&apos;s Fund\n          </span>\n          <h2 className=\"mt-4 text-2xl font-bold tracking-tight leading-tight\">\n            Community Rewards\n          </h2>\n          <p className=\"mt-1.5 text-sm text-muted-foreground leading-relaxed\">\n            Earn XP. Share the Creator&apos;s Fund.\n          </p>\n        </div>\n\n        {/* Recently active — live rail sourced from the same entries as the\n            member cards on the right, no rank/podium framing. */}\n        {!isLoading && entries.length > 0 && (\n          <div className=\"border-y border-brand-orange/20 py-3\">\n            <p className=\"text-[10px] font-bold uppercase tracking-widest text-muted-foreground mb-2\">\n              Recently active\n            </p>\n            <div className=\"flex -space-x-2\">\n              {entries.slice(0, 5).map((entry) => (\n                <span\n                  key={entry.address}\n                  title={`${entry.totalXp.toLocaleString()} XP`}\n                  className=\"flex h-7 w-7 items-center justify-center rounded-full border-2 border-background bg-brand-orange/15 text-[9px] font-bold text-brand-orange\"\n                >\n                  {entry.address.slice(2, 4).toUpperCase()}\n                </span>\n              ))}\n            </div>\n          </div>\n        )}\n\n        {/* Earn actions — plain text row */}\n        <div className=\"flex flex-wrap gap-x-5 gap-y-2\">\n          {EARN_ACTIONS.map(({ icon: Icon, label }) => (\n            <span\n              key={label}\n              className=\"flex items-center gap-1.5 text-xs font-medium text-muted-foreground\"\n            >\n              <Icon className=\"h-3 w-3 text-brand-orange/70\" />\n              {label}\n            </span>\n          ))}\n        </div>\n\n        <Link\n          href={rewardsHref}\n          className=\"mt-auto inline-flex items-center justify-center gap-2 rounded-xl bg-brand-orange px-6 py-3 text-sm font-semibold text-white transition-all hover:brightness-110 active:scale-[0.98]\"\n        >\n          Start earning XP\n          <ArrowRight className=\"h-3.5 w-3.5\" />\n        </Link>\n      </div>\n\n      {/* Right — member cards */}\n      <div className=\"p-5 sm:p-6\">\n        {!isLoading && entries.length > 0 ? (\n          <div className=\"grid grid-cols-2 gap-3 h-full\">\n            {entries.slice(0, 4).map((entry) => (\n              <Link\n                key={entry.address}\n                href={creatorHref(entry.address)}\n                className=\"group relative rounded-xl bg-card dark:bg-muted/30 hover:bg-card/70 dark:hover:bg-muted/50 overflow-hidden transition-colors flex flex-col justify-between p-4\"\n              >\n                <div className=\"absolute inset-x-0 top-0 h-0.5 bg-brand-orange/40\" />\n\n                {/* XP — hero number */}\n                <div className=\"space-y-0.5 pt-1\">\n                  <p className=\"text-2xl font-black tabular-nums leading-none\">\n                    {entry.totalXp.toLocaleString()}\n                  </p>\n                  <p className=\"text-[11px] text-muted-foreground\">XP earned</p>\n                </div>\n\n                <AddressDisplay\n                  address={entry.address}\n                  chars={4}\n                  showCopy={false}\n                  className=\"text-xs font-medium text-muted-foreground group-hover:text-foreground transition-colors\"\n                />\n              </Link>\n            ))}\n          </div>\n        ) : (\n          <div className=\"grid grid-cols-2 gap-3 h-full\">\n            {Array.from({ length: 4 }).map((_, i) => (\n              <div key={i} className=\"min-h-[100px] rounded-xl bg-card dark:bg-muted/30 animate-pulse\" />\n            ))}\n          </div>\n        )}\n      </div>\n    </section>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoCQ;AAlCR,kBAAiB;AACjB,0BAAqE;AACrE,6BAA+B;AAc/B,MAAM,eAAe;AAAA,EACnB,EAAE,MAAM,yBAAK,OAAO,OAAO;AAAA,EAC3B,EAAE,MAAM,6BAAS,OAAO,SAAS;AAAA,EACjC,EAAE,MAAM,iCAAa,OAAO,QAAQ;AAAA,EACpC,EAAE,MAAM,mCAAe,OAAO,SAAS;AACzC;AAEO,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AACF,GAAiC;AAC/B,SACE,6CAAC,aAAQ,WAAU,+HAGjB;AAAA,iDAAC,SAAI,WAAU,yCACb;AAAA,mDAAC,SAEC;AAAA,oDAAC,UAAK,WAAU,iEAAgE,4BAEhF;AAAA,QACA,4CAAC,QAAG,WAAU,wDAAuD,+BAErE;AAAA,QACA,4CAAC,OAAE,WAAU,wDAAuD,gDAEpE;AAAA,SACF;AAAA,MAIC,CAAC,aAAa,QAAQ,SAAS,KAC9B,6CAAC,SAAI,WAAU,wCACb;AAAA,oDAAC,OAAE,WAAU,8EAA6E,6BAE1F;AAAA,QACA,4CAAC,SAAI,WAAU,mBACZ,kBAAQ,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,UACxB;AAAA,UAAC;AAAA;AAAA,YAEC,OAAO,GAAG,MAAM,QAAQ,eAAe,CAAC;AAAA,YACxC,WAAU;AAAA,YAET,gBAAM,QAAQ,MAAM,GAAG,CAAC,EAAE,YAAY;AAAA;AAAA,UAJlC,MAAM;AAAA,QAKb,CACD,GACH;AAAA,SACF;AAAA,MAIF,4CAAC,SAAI,WAAU,kCACZ,uBAAa,IAAI,CAAC,EAAE,MAAM,MAAM,MAAM,MACrC;AAAA,QAAC;AAAA;AAAA,UAEC,WAAU;AAAA,UAEV;AAAA,wDAAC,QAAK,WAAU,gCAA+B;AAAA,YAC9C;AAAA;AAAA;AAAA,QAJI;AAAA,MAKP,CACD,GACH;AAAA,MAEA;AAAA,QAAC,YAAAA;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,WAAU;AAAA,UACX;AAAA;AAAA,YAEC,4CAAC,kCAAW,WAAU,eAAc;AAAA;AAAA;AAAA,MACtC;AAAA,OACF;AAAA,IAGA,4CAAC,SAAI,WAAU,cACZ,WAAC,aAAa,QAAQ,SAAS,IAC9B,4CAAC,SAAI,WAAU,iCACZ,kBAAQ,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,UACxB;AAAA,MAAC,YAAAA;AAAA,MAAA;AAAA,QAEC,MAAM,YAAY,MAAM,OAAO;AAAA,QAC/B,WAAU;AAAA,QAEV;AAAA,sDAAC,SAAI,WAAU,qDAAoD;AAAA,UAGnE,6CAAC,SAAI,WAAU,oBACb;AAAA,wDAAC,OAAE,WAAU,iDACV,gBAAM,QAAQ,eAAe,GAChC;AAAA,YACA,4CAAC,OAAE,WAAU,qCAAoC,uBAAS;AAAA,aAC5D;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,SAAS,MAAM;AAAA,cACf,OAAO;AAAA,cACP,UAAU;AAAA,cACV,WAAU;AAAA;AAAA,UACZ;AAAA;AAAA;AAAA,MAnBK,MAAM;AAAA,IAoBb,CACD,GACH,IAEA,4CAAC,SAAI,WAAU,iCACZ,gBAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MACjC,4CAAC,SAAY,WAAU,qEAAb,CAA+E,CAC1F,GACH,GAEJ;AAAA,KACF;AAEJ;","names":["Link"]}

package/dist/components/community-rewards-section.d.cts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface CommunityRewardsEntry {
+    address: string;
+    totalXp: number;
+}
+interface CommunityRewardsSectionProps {
+    entries: CommunityRewardsEntry[];
+    isLoading?: boolean;
+    rewardsHref: string;
+    creatorHref: (address: string) => string;
+}
+declare function CommunityRewardsSection({ entries, isLoading, rewardsHref, creatorHref, }: CommunityRewardsSectionProps): react_jsx_runtime.JSX.Element;
+
+export { type CommunityRewardsEntry, CommunityRewardsSection, type CommunityRewardsSectionProps };

package/dist/components/community-rewards-section.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface CommunityRewardsEntry {
+    address: string;
+    totalXp: number;
+}
+interface CommunityRewardsSectionProps {
+    entries: CommunityRewardsEntry[];
+    isLoading?: boolean;
+    rewardsHref: string;
+    creatorHref: (address: string) => string;
+}
+declare function CommunityRewardsSection({ entries, isLoading, rewardsHref, creatorHref, }: CommunityRewardsSectionProps): react_jsx_runtime.JSX.Element;
+
+export { type CommunityRewardsEntry, CommunityRewardsSection, type CommunityRewardsSectionProps };

package/dist/components/community-rewards-section.js

@@ -0,0 +1,89 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { ArrowRight, Zap, Palette, ShoppingBag, MessageSquare } from "lucide-react";
+import { AddressDisplay } from "./address-display.js";
+const EARN_ACTIONS = [
+  { icon: Zap, label: "Mint" },
+  { icon: Palette, label: "Create" },
+  { icon: ShoppingBag, label: "Trade" },
+  { icon: MessageSquare, label: "Engage" }
+];
+function CommunityRewardsSection({
+  entries,
+  isLoading = false,
+  rewardsHref,
+  creatorHref
+}) {
+  return /* @__PURE__ */ jsxs("section", { className: "rounded-2xl bg-muted/50 dark:bg-card overflow-hidden grid lg:grid-cols-2 max-lg:divide-y lg:divide-x divide-brand-orange/20", children: [
+    /* @__PURE__ */ jsxs("div", { className: "px-7 py-8 sm:px-9 flex flex-col gap-6", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-bold uppercase tracking-widest text-brand-orange", children: "Creator's Fund" }),
+        /* @__PURE__ */ jsx("h2", { className: "mt-4 text-2xl font-bold tracking-tight leading-tight", children: "Community Rewards" }),
+        /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-sm text-muted-foreground leading-relaxed", children: "Earn XP. Share the Creator's Fund." })
+      ] }),
+      !isLoading && entries.length > 0 && /* @__PURE__ */ jsxs("div", { className: "border-y border-brand-orange/20 py-3", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-[10px] font-bold uppercase tracking-widest text-muted-foreground mb-2", children: "Recently active" }),
+        /* @__PURE__ */ jsx("div", { className: "flex -space-x-2", children: entries.slice(0, 5).map((entry) => /* @__PURE__ */ jsx(
+          "span",
+          {
+            title: `${entry.totalXp.toLocaleString()} XP`,
+            className: "flex h-7 w-7 items-center justify-center rounded-full border-2 border-background bg-brand-orange/15 text-[9px] font-bold text-brand-orange",
+            children: entry.address.slice(2, 4).toUpperCase()
+          },
+          entry.address
+        )) })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-x-5 gap-y-2", children: EARN_ACTIONS.map(({ icon: Icon, label }) => /* @__PURE__ */ jsxs(
+        "span",
+        {
+          className: "flex items-center gap-1.5 text-xs font-medium text-muted-foreground",
+          children: [
+            /* @__PURE__ */ jsx(Icon, { className: "h-3 w-3 text-brand-orange/70" }),
+            label
+          ]
+        },
+        label
+      )) }),
+      /* @__PURE__ */ jsxs(
+        Link,
+        {
+          href: rewardsHref,
+          className: "mt-auto inline-flex items-center justify-center gap-2 rounded-xl bg-brand-orange px-6 py-3 text-sm font-semibold text-white transition-all hover:brightness-110 active:scale-[0.98]",
+          children: [
+            "Start earning XP",
+            /* @__PURE__ */ jsx(ArrowRight, { className: "h-3.5 w-3.5" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "p-5 sm:p-6", children: !isLoading && entries.length > 0 ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-3 h-full", children: entries.slice(0, 4).map((entry) => /* @__PURE__ */ jsxs(
+      Link,
+      {
+        href: creatorHref(entry.address),
+        className: "group relative rounded-xl bg-card dark:bg-muted/30 hover:bg-card/70 dark:hover:bg-muted/50 overflow-hidden transition-colors flex flex-col justify-between p-4",
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "absolute inset-x-0 top-0 h-0.5 bg-brand-orange/40" }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-0.5 pt-1", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-2xl font-black tabular-nums leading-none", children: entry.totalXp.toLocaleString() }),
+            /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: "XP earned" })
+          ] }),
+          /* @__PURE__ */ jsx(
+            AddressDisplay,
+            {
+              address: entry.address,
+              chars: 4,
+              showCopy: false,
+              className: "text-xs font-medium text-muted-foreground group-hover:text-foreground transition-colors"
+            }
+          )
+        ]
+      },
+      entry.address
+    )) }) : /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-3 h-full", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsx("div", { className: "min-h-[100px] rounded-xl bg-card dark:bg-muted/30 animate-pulse" }, i)) }) })
+  ] });
+}
+export {
+  CommunityRewardsSection
+};
+//# sourceMappingURL=community-rewards-section.js.map

package/dist/components/community-rewards-section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/community-rewards-section.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { ArrowRight, Zap, Palette, ShoppingBag, MessageSquare } from \"lucide-react\";\nimport { AddressDisplay } from \"./address-display.js\";\n\nexport interface CommunityRewardsEntry {\n  address: string;\n  totalXp: number;\n}\n\nexport interface CommunityRewardsSectionProps {\n  entries: CommunityRewardsEntry[];\n  isLoading?: boolean;\n  rewardsHref: string;\n  creatorHref: (address: string) => string;\n}\n\nconst EARN_ACTIONS = [\n  { icon: Zap, label: \"Mint\" },\n  { icon: Palette, label: \"Create\" },\n  { icon: ShoppingBag, label: \"Trade\" },\n  { icon: MessageSquare, label: \"Engage\" },\n];\n\nexport function CommunityRewardsSection({\n  entries,\n  isLoading = false,\n  rewardsHref,\n  creatorHref,\n}: CommunityRewardsSectionProps) {\n  return (\n    <section className=\"rounded-2xl bg-muted/50 dark:bg-card overflow-hidden grid lg:grid-cols-2 max-lg:divide-y lg:divide-x divide-brand-orange/20\">\n\n      {/* Left — info panel */}\n      <div className=\"px-7 py-8 sm:px-9 flex flex-col gap-6\">\n        <div>\n          {/* Creator's Fund eyebrow — shared with CreatorAirdropBanner */}\n          <span className=\"text-xs font-bold uppercase tracking-widest text-brand-orange\">\n            Creator&apos;s Fund\n          </span>\n          <h2 className=\"mt-4 text-2xl font-bold tracking-tight leading-tight\">\n            Community Rewards\n          </h2>\n          <p className=\"mt-1.5 text-sm text-muted-foreground leading-relaxed\">\n            Earn XP. Share the Creator&apos;s Fund.\n          </p>\n        </div>\n\n        {/* Recently active — live rail sourced from the same entries as the\n            member cards on the right, no rank/podium framing. */}\n        {!isLoading && entries.length > 0 && (\n          <div className=\"border-y border-brand-orange/20 py-3\">\n            <p className=\"text-[10px] font-bold uppercase tracking-widest text-muted-foreground mb-2\">\n              Recently active\n            </p>\n            <div className=\"flex -space-x-2\">\n              {entries.slice(0, 5).map((entry) => (\n                <span\n                  key={entry.address}\n                  title={`${entry.totalXp.toLocaleString()} XP`}\n                  className=\"flex h-7 w-7 items-center justify-center rounded-full border-2 border-background bg-brand-orange/15 text-[9px] font-bold text-brand-orange\"\n                >\n                  {entry.address.slice(2, 4).toUpperCase()}\n                </span>\n              ))}\n            </div>\n          </div>\n        )}\n\n        {/* Earn actions — plain text row */}\n        <div className=\"flex flex-wrap gap-x-5 gap-y-2\">\n          {EARN_ACTIONS.map(({ icon: Icon, label }) => (\n            <span\n              key={label}\n              className=\"flex items-center gap-1.5 text-xs font-medium text-muted-foreground\"\n            >\n              <Icon className=\"h-3 w-3 text-brand-orange/70\" />\n              {label}\n            </span>\n          ))}\n        </div>\n\n        <Link\n          href={rewardsHref}\n          className=\"mt-auto inline-flex items-center justify-center gap-2 rounded-xl bg-brand-orange px-6 py-3 text-sm font-semibold text-white transition-all hover:brightness-110 active:scale-[0.98]\"\n        >\n          Start earning XP\n          <ArrowRight className=\"h-3.5 w-3.5\" />\n        </Link>\n      </div>\n\n      {/* Right — member cards */}\n      <div className=\"p-5 sm:p-6\">\n        {!isLoading && entries.length > 0 ? (\n          <div className=\"grid grid-cols-2 gap-3 h-full\">\n            {entries.slice(0, 4).map((entry) => (\n              <Link\n                key={entry.address}\n                href={creatorHref(entry.address)}\n                className=\"group relative rounded-xl bg-card dark:bg-muted/30 hover:bg-card/70 dark:hover:bg-muted/50 overflow-hidden transition-colors flex flex-col justify-between p-4\"\n              >\n                <div className=\"absolute inset-x-0 top-0 h-0.5 bg-brand-orange/40\" />\n\n                {/* XP — hero number */}\n                <div className=\"space-y-0.5 pt-1\">\n                  <p className=\"text-2xl font-black tabular-nums leading-none\">\n                    {entry.totalXp.toLocaleString()}\n                  </p>\n                  <p className=\"text-[11px] text-muted-foreground\">XP earned</p>\n                </div>\n\n                <AddressDisplay\n                  address={entry.address}\n                  chars={4}\n                  showCopy={false}\n                  className=\"text-xs font-medium text-muted-foreground group-hover:text-foreground transition-colors\"\n                />\n              </Link>\n            ))}\n          </div>\n        ) : (\n          <div className=\"grid grid-cols-2 gap-3 h-full\">\n            {Array.from({ length: 4 }).map((_, i) => (\n              <div key={i} className=\"min-h-[100px] rounded-xl bg-card dark:bg-muted/30 animate-pulse\" />\n            ))}\n          </div>\n        )}\n      </div>\n    </section>\n  );\n}\n"],"mappings":";AAoCQ,SAEE,KAFF;AAlCR,OAAO,UAAU;AACjB,SAAS,YAAY,KAAK,SAAS,aAAa,qBAAqB;AACrE,SAAS,sBAAsB;AAc/B,MAAM,eAAe;AAAA,EACnB,EAAE,MAAM,KAAK,OAAO,OAAO;AAAA,EAC3B,EAAE,MAAM,SAAS,OAAO,SAAS;AAAA,EACjC,EAAE,MAAM,aAAa,OAAO,QAAQ;AAAA,EACpC,EAAE,MAAM,eAAe,OAAO,SAAS;AACzC;AAEO,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AACF,GAAiC;AAC/B,SACE,qBAAC,aAAQ,WAAU,+HAGjB;AAAA,yBAAC,SAAI,WAAU,yCACb;AAAA,2BAAC,SAEC;AAAA,4BAAC,UAAK,WAAU,iEAAgE,4BAEhF;AAAA,QACA,oBAAC,QAAG,WAAU,wDAAuD,+BAErE;AAAA,QACA,oBAAC,OAAE,WAAU,wDAAuD,gDAEpE;AAAA,SACF;AAAA,MAIC,CAAC,aAAa,QAAQ,SAAS,KAC9B,qBAAC,SAAI,WAAU,wCACb;AAAA,4BAAC,OAAE,WAAU,8EAA6E,6BAE1F;AAAA,QACA,oBAAC,SAAI,WAAU,mBACZ,kBAAQ,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,UACxB;AAAA,UAAC;AAAA;AAAA,YAEC,OAAO,GAAG,MAAM,QAAQ,eAAe,CAAC;AAAA,YACxC,WAAU;AAAA,YAET,gBAAM,QAAQ,MAAM,GAAG,CAAC,EAAE,YAAY;AAAA;AAAA,UAJlC,MAAM;AAAA,QAKb,CACD,GACH;AAAA,SACF;AAAA,MAIF,oBAAC,SAAI,WAAU,kCACZ,uBAAa,IAAI,CAAC,EAAE,MAAM,MAAM,MAAM,MACrC;AAAA,QAAC;AAAA;AAAA,UAEC,WAAU;AAAA,UAEV;AAAA,gCAAC,QAAK,WAAU,gCAA+B;AAAA,YAC9C;AAAA;AAAA;AAAA,QAJI;AAAA,MAKP,CACD,GACH;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,WAAU;AAAA,UACX;AAAA;AAAA,YAEC,oBAAC,cAAW,WAAU,eAAc;AAAA;AAAA;AAAA,MACtC;AAAA,OACF;AAAA,IAGA,oBAAC,SAAI,WAAU,cACZ,WAAC,aAAa,QAAQ,SAAS,IAC9B,oBAAC,SAAI,WAAU,iCACZ,kBAAQ,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,UACxB;AAAA,MAAC;AAAA;AAAA,QAEC,MAAM,YAAY,MAAM,OAAO;AAAA,QAC/B,WAAU;AAAA,QAEV;AAAA,8BAAC,SAAI,WAAU,qDAAoD;AAAA,UAGnE,qBAAC,SAAI,WAAU,oBACb;AAAA,gCAAC,OAAE,WAAU,iDACV,gBAAM,QAAQ,eAAe,GAChC;AAAA,YACA,oBAAC,OAAE,WAAU,qCAAoC,uBAAS;AAAA,aAC5D;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,SAAS,MAAM;AAAA,cACf,OAAO;AAAA,cACP,UAAU;AAAA,cACV,WAAU;AAAA;AAAA,UACZ;AAAA;AAAA;AAAA,MAnBK,MAAM;AAAA,IAoBb,CACD,GACH,IAEA,oBAAC,SAAI,WAAU,iCACZ,gBAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MACjC,oBAAC,SAAY,WAAU,qEAAb,CAA+E,CAC1F,GACH,GAEJ;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/creator-airdrop-banner.cjs

@@ -0,0 +1,79 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var creator_airdrop_banner_exports = {};
+__export(creator_airdrop_banner_exports, {
+  CreatorAirdropBanner: () => CreatorAirdropBanner
+});
+module.exports = __toCommonJS(creator_airdrop_banner_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_link = __toESM(require("next/link"), 1);
+var import_lucide_react = require("lucide-react");
+const HIGHLIGHTS = [
+  "Free and frictionless participation",
+  "Eligible for every prize distribution",
+  "Create, trade and earn more rewards"
+];
+function CreatorAirdropBanner({ href }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "rounded-2xl bg-muted/50 dark:bg-card px-7 py-8 sm:px-9", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs font-bold uppercase tracking-widest text-brand-orange", children: "Creator's Fund" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "flex items-center gap-1.5 text-xs font-medium text-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "h-1.5 w-1.5 rounded-full bg-brand-orange animate-pulse" }),
+        "Live"
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-4 flex flex-col sm:flex-row sm:items-center gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-2xl sm:text-3xl font-bold tracking-tight leading-tight", children: "Creator's Airdrop" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-1.5 text-sm text-muted-foreground leading-relaxed max-w-md", children: "Claim your participation and join the creator's fund distribution." })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_link.default,
+        {
+          href,
+          className: "inline-flex items-center justify-center gap-2 rounded-xl bg-brand-orange px-6 py-3 text-sm font-semibold text-white transition-all hover:brightness-110 active:scale-[0.98] shrink-0",
+          children: [
+            "Read More",
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRight, { className: "h-4 w-4" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-7 border-t border-brand-orange/20 pt-4 flex flex-wrap items-center gap-x-2.5 gap-y-1.5 text-sm text-muted-foreground", children: HIGHLIGHTS.map((h, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "flex items-center gap-2.5", children: [
+      i > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-brand-orange/50", "aria-hidden": true, children: "\xB7" }),
+      h
+    ] }, h)) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CreatorAirdropBanner
+});
+//# sourceMappingURL=creator-airdrop-banner.cjs.map

package/dist/components/creator-airdrop-banner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/creator-airdrop-banner.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { ArrowRight } from \"lucide-react\";\n\nexport interface CreatorAirdropBannerProps {\n  /** Route of the airdrop claim page. */\n  href: string;\n}\n\nconst HIGHLIGHTS = [\n  \"Free and frictionless participation\",\n  \"Eligible for every prize distribution\",\n  \"Create, trade and earn more rewards\",\n];\n\nexport function CreatorAirdropBanner({ href }: CreatorAirdropBannerProps) {\n  return (\n    <section className=\"rounded-2xl bg-muted/50 dark:bg-card px-7 py-8 sm:px-9\">\n      {/* Creator's Fund eyebrow — shared with CommunityRewardsSection */}\n      <div className=\"flex items-center gap-3\">\n        <span className=\"text-xs font-bold uppercase tracking-widest text-brand-orange\">\n          Creator&apos;s Fund\n        </span>\n        <span className=\"flex items-center gap-1.5 text-xs font-medium text-muted-foreground\">\n          <span className=\"h-1.5 w-1.5 rounded-full bg-brand-orange animate-pulse\" />\n          Live\n        </span>\n      </div>\n\n      <div className=\"mt-4 flex flex-col sm:flex-row sm:items-center gap-6\">\n        <div className=\"flex-1 min-w-0\">\n          <h2 className=\"text-2xl sm:text-3xl font-bold tracking-tight leading-tight\">\n            Creator&apos;s Airdrop\n          </h2>\n          <p className=\"mt-1.5 text-sm text-muted-foreground leading-relaxed max-w-md\">\n            Claim your participation and join the creator&apos;s fund distribution.\n          </p>\n        </div>\n\n        <Link\n          href={href}\n          className=\"inline-flex items-center justify-center gap-2 rounded-xl bg-brand-orange px-6 py-3 text-sm font-semibold text-white transition-all hover:brightness-110 active:scale-[0.98] shrink-0\"\n        >\n          Read More\n          <ArrowRight className=\"h-4 w-4\" />\n        </Link>\n      </div>\n\n      <div className=\"mt-7 border-t border-brand-orange/20 pt-4 flex flex-wrap items-center gap-x-2.5 gap-y-1.5 text-sm text-muted-foreground\">\n        {HIGHLIGHTS.map((h, i) => (\n          <span key={h} className=\"flex items-center gap-2.5\">\n            {i > 0 && <span className=\"text-brand-orange/50\" aria-hidden>·</span>}\n            {h}\n          </span>\n        ))}\n      </div>\n    </section>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBQ;AAnBR,kBAAiB;AACjB,0BAA2B;AAO3B,MAAM,aAAa;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAAS,qBAAqB,EAAE,KAAK,GAA8B;AACxE,SACE,6CAAC,aAAQ,WAAU,0DAEjB;AAAA,iDAAC,SAAI,WAAU,2BACb;AAAA,kDAAC,UAAK,WAAU,iEAAgE,4BAEhF;AAAA,MACA,6CAAC,UAAK,WAAU,uEACd;AAAA,oDAAC,UAAK,WAAU,0DAAyD;AAAA,QAAE;AAAA,SAE7E;AAAA,OACF;AAAA,IAEA,6CAAC,SAAI,WAAU,wDACb;AAAA,mDAAC,SAAI,WAAU,kBACb;AAAA,oDAAC,QAAG,WAAU,+DAA8D,+BAE5E;AAAA,QACA,4CAAC,OAAE,WAAU,iEAAgE,gFAE7E;AAAA,SACF;AAAA,MAEA;AAAA,QAAC,YAAAA;AAAA,QAAA;AAAA,UACC;AAAA,UACA,WAAU;AAAA,UACX;AAAA;AAAA,YAEC,4CAAC,kCAAW,WAAU,WAAU;AAAA;AAAA;AAAA,MAClC;AAAA,OACF;AAAA,IAEA,4CAAC,SAAI,WAAU,2HACZ,qBAAW,IAAI,CAAC,GAAG,MAClB,6CAAC,UAAa,WAAU,6BACrB;AAAA,UAAI,KAAK,4CAAC,UAAK,WAAU,wBAAuB,eAAW,MAAC,kBAAC;AAAA,MAC7D;AAAA,SAFQ,CAGX,CACD,GACH;AAAA,KACF;AAEJ;","names":["Link"]}

package/dist/components/creator-airdrop-banner.d.cts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface CreatorAirdropBannerProps {
+    /** Route of the airdrop claim page. */
+    href: string;
+}
+declare function CreatorAirdropBanner({ href }: CreatorAirdropBannerProps): react_jsx_runtime.JSX.Element;
+
+export { CreatorAirdropBanner, type CreatorAirdropBannerProps };

package/dist/components/creator-airdrop-banner.d.ts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface CreatorAirdropBannerProps {
+    /** Route of the airdrop claim page. */
+    href: string;
+}
+declare function CreatorAirdropBanner({ href }: CreatorAirdropBannerProps): react_jsx_runtime.JSX.Element;
+
+export { CreatorAirdropBanner, type CreatorAirdropBannerProps };

package/dist/components/creator-airdrop-banner.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { ArrowRight } from "lucide-react";
+const HIGHLIGHTS = [
+  "Free and frictionless participation",
+  "Eligible for every prize distribution",
+  "Create, trade and earn more rewards"
+];
+function CreatorAirdropBanner({ href }) {
+  return /* @__PURE__ */ jsxs("section", { className: "rounded-2xl bg-muted/50 dark:bg-card px-7 py-8 sm:px-9", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-xs font-bold uppercase tracking-widest text-brand-orange", children: "Creator's Fund" }),
+      /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 text-xs font-medium text-muted-foreground", children: [
+        /* @__PURE__ */ jsx("span", { className: "h-1.5 w-1.5 rounded-full bg-brand-orange animate-pulse" }),
+        "Live"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-4 flex flex-col sm:flex-row sm:items-center gap-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-2xl sm:text-3xl font-bold tracking-tight leading-tight", children: "Creator's Airdrop" }),
+        /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-sm text-muted-foreground leading-relaxed max-w-md", children: "Claim your participation and join the creator's fund distribution." })
+      ] }),
+      /* @__PURE__ */ jsxs(
+        Link,
+        {
+          href,
+          className: "inline-flex items-center justify-center gap-2 rounded-xl bg-brand-orange px-6 py-3 text-sm font-semibold text-white transition-all hover:brightness-110 active:scale-[0.98] shrink-0",
+          children: [
+            "Read More",
+            /* @__PURE__ */ jsx(ArrowRight, { className: "h-4 w-4" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "mt-7 border-t border-brand-orange/20 pt-4 flex flex-wrap items-center gap-x-2.5 gap-y-1.5 text-sm text-muted-foreground", children: HIGHLIGHTS.map((h, i) => /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2.5", children: [
+      i > 0 && /* @__PURE__ */ jsx("span", { className: "text-brand-orange/50", "aria-hidden": true, children: "\xB7" }),
+      h
+    ] }, h)) })
+  ] });
+}
+export {
+  CreatorAirdropBanner
+};
+//# sourceMappingURL=creator-airdrop-banner.js.map

package/dist/components/creator-airdrop-banner.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/creator-airdrop-banner.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { ArrowRight } from \"lucide-react\";\n\nexport interface CreatorAirdropBannerProps {\n  /** Route of the airdrop claim page. */\n  href: string;\n}\n\nconst HIGHLIGHTS = [\n  \"Free and frictionless participation\",\n  \"Eligible for every prize distribution\",\n  \"Create, trade and earn more rewards\",\n];\n\nexport function CreatorAirdropBanner({ href }: CreatorAirdropBannerProps) {\n  return (\n    <section className=\"rounded-2xl bg-muted/50 dark:bg-card px-7 py-8 sm:px-9\">\n      {/* Creator's Fund eyebrow — shared with CommunityRewardsSection */}\n      <div className=\"flex items-center gap-3\">\n        <span className=\"text-xs font-bold uppercase tracking-widest text-brand-orange\">\n          Creator&apos;s Fund\n        </span>\n        <span className=\"flex items-center gap-1.5 text-xs font-medium text-muted-foreground\">\n          <span className=\"h-1.5 w-1.5 rounded-full bg-brand-orange animate-pulse\" />\n          Live\n        </span>\n      </div>\n\n      <div className=\"mt-4 flex flex-col sm:flex-row sm:items-center gap-6\">\n        <div className=\"flex-1 min-w-0\">\n          <h2 className=\"text-2xl sm:text-3xl font-bold tracking-tight leading-tight\">\n            Creator&apos;s Airdrop\n          </h2>\n          <p className=\"mt-1.5 text-sm text-muted-foreground leading-relaxed max-w-md\">\n            Claim your participation and join the creator&apos;s fund distribution.\n          </p>\n        </div>\n\n        <Link\n          href={href}\n          className=\"inline-flex items-center justify-center gap-2 rounded-xl bg-brand-orange px-6 py-3 text-sm font-semibold text-white transition-all hover:brightness-110 active:scale-[0.98] shrink-0\"\n        >\n          Read More\n          <ArrowRight className=\"h-4 w-4\" />\n        </Link>\n      </div>\n\n      <div className=\"mt-7 border-t border-brand-orange/20 pt-4 flex flex-wrap items-center gap-x-2.5 gap-y-1.5 text-sm text-muted-foreground\">\n        {HIGHLIGHTS.map((h, i) => (\n          <span key={h} className=\"flex items-center gap-2.5\">\n            {i > 0 && <span className=\"text-brand-orange/50\" aria-hidden>·</span>}\n            {h}\n          </span>\n        ))}\n      </div>\n    </section>\n  );\n}\n"],"mappings":";AAqBQ,cAGA,YAHA;AAnBR,OAAO,UAAU;AACjB,SAAS,kBAAkB;AAO3B,MAAM,aAAa;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAAS,qBAAqB,EAAE,KAAK,GAA8B;AACxE,SACE,qBAAC,aAAQ,WAAU,0DAEjB;AAAA,yBAAC,SAAI,WAAU,2BACb;AAAA,0BAAC,UAAK,WAAU,iEAAgE,4BAEhF;AAAA,MACA,qBAAC,UAAK,WAAU,uEACd;AAAA,4BAAC,UAAK,WAAU,0DAAyD;AAAA,QAAE;AAAA,SAE7E;AAAA,OACF;AAAA,IAEA,qBAAC,SAAI,WAAU,wDACb;AAAA,2BAAC,SAAI,WAAU,kBACb;AAAA,4BAAC,QAAG,WAAU,+DAA8D,+BAE5E;AAAA,QACA,oBAAC,OAAE,WAAU,iEAAgE,gFAE7E;AAAA,SACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAU;AAAA,UACX;AAAA;AAAA,YAEC,oBAAC,cAAW,WAAU,WAAU;AAAA;AAAA;AAAA,MAClC;AAAA,OACF;AAAA,IAEA,oBAAC,SAAI,WAAU,2HACZ,qBAAW,IAAI,CAAC,GAAG,MAClB,qBAAC,UAAa,WAAU,6BACrB;AAAA,UAAI,KAAK,oBAAC,UAAK,WAAU,wBAAuB,eAAW,MAAC,kBAAC;AAAA,MAC7D;AAAA,SAFQ,CAGX,CACD,GACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/rewards/badge-shelf.cjs

@@ -29,6 +29,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var badge_shelf_exports = {};
 __export(badge_shelf_exports, {
+  BadgeIcon: () => BadgeIcon,
   BadgeShelf: () => BadgeShelf
 });
 module.exports = __toCommonJS(badge_shelf_exports);
@@ -85,6 +86,7 @@ function BadgeShelf({ badges, earnedKeys, showLocked = false, className }) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  BadgeIcon,
   BadgeShelf
 });
 //# sourceMappingURL=badge-shelf.cjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/rewards/badge-shelf.tsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport type { LucideProps } from \"lucide-react\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport interface BadgeShelfBadge {\n  key: string;\n  name: string;\n  description: string;\n  icon: string;\n  color: string;\n  category: string;\n}\n\nexport interface BadgeShelfProps {\n  /** The badges to render — the earned set, or the full catalog with `earnedKeys`. */\n  badges: BadgeShelfBadge[];\n  /** When set, badges outside this set render locked (grayscale, reduced opacity). */\n  earnedKeys?: string[];\n  /** Render locked badges too (requires `earnedKeys`); default hides them. */\n  showLocked?: boolean;\n  className?: string;\n}\n\n// Lazily resolve lucide icons by name at runtime (icon names come from the API).\nconst iconCache = new Map<string, React.ComponentType<LucideProps>>();\n\nfunction BadgeIcon({ name, color, className }: { name: string; color: string; className?: string }) {\n  const [Icon, setIcon] = React.useState<React.ComponentType<LucideProps> | null>(\n    () => iconCache.get(name) ?? null\n  );\n\n  React.useEffect(() => {\n    if (iconCache.has(name)) {\n      setIcon(() => iconCache.get(name)!);\n      return;\n    }\n    import(\"lucide-react\").then((mod) => {\n      const C = (mod as Record<string, unknown>)[name] as React.ComponentType<LucideProps> | undefined;\n      if (C) {\n        iconCache.set(name, C);\n        setIcon(() => C);\n      }\n    });\n  }, [name]);\n\n  if (!Icon) return <span className={cn(\"rounded-full\", className)} style={{ backgroundColor: color }} />;\n  return <Icon className={className} style={{ color }} />;\n}\n\n/** Badge chips with native tooltips. Earned badges render in their color;\n *  locked ones (present in `badges` but not `earnedKeys`) render muted. */\nexport function BadgeShelf({ badges, earnedKeys, showLocked = false, className }: BadgeShelfProps) {\n  const earned = earnedKeys ? new Set(earnedKeys) : null;\n  const visible = badges.filter((b) => showLocked || !earned || earned.has(b.key));\n  if (visible.length === 0) return null;\n\n  return (\n    <div className={cn(\"flex flex-wrap gap-2\", className)}>\n      {visible.map((badge) => {\n        const isLocked = earned ? !earned.has(badge.key) : false;\n        return (\n          <div\n            key={badge.key}\n            title={isLocked ? `${badge.description} — keep going to earn this` : badge.description}\n            className={cn(\n              \"flex h-7 select-none items-center gap-1.5 rounded-full border px-2.5\",\n              isLocked && \"opacity-45 grayscale\"\n            )}\n            style={{\n              borderColor: `${badge.color}60`,\n              backgroundColor: `${badge.color}14`,\n            }}\n          >\n            <BadgeIcon name={badge.icon} color={badge.color} className=\"h-3.5 w-3.5 shrink-0\" />\n            <span className=\"text-xs font-semibold\" style={{ color: badge.color }}>\n              {badge.name}\n            </span>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA+CoB;AA7CpB,mBAAkB;AAElB,gBAAmB;AAsBnB,MAAM,YAAY,oBAAI,IAA8C;AAEpE,SAAS,UAAU,EAAE,MAAM,OAAO,UAAU,GAAwD;AAClG,QAAM,CAAC,MAAM,OAAO,IAAI,aAAAA,QAAM;AAAA,IAC5B,MAAM,UAAU,IAAI,IAAI,KAAK;AAAA,EAC/B;AAEA,eAAAA,QAAM,UAAU,MAAM;AACpB,QAAI,UAAU,IAAI,IAAI,GAAG;AACvB,cAAQ,MAAM,UAAU,IAAI,IAAI,CAAE;AAClC;AAAA,IACF;AACA,WAAO,cAAc,EAAE,KAAK,CAAC,QAAQ;AACnC,YAAM,IAAK,IAAgC,IAAI;AAC/C,UAAI,GAAG;AACL,kBAAU,IAAI,MAAM,CAAC;AACrB,gBAAQ,MAAM,CAAC;AAAA,MACjB;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,IAAI,CAAC;AAET,MAAI,CAAC,KAAM,QAAO,4CAAC,UAAK,eAAW,cAAG,gBAAgB,SAAS,GAAG,OAAO,EAAE,iBAAiB,MAAM,GAAG;AACrG,SAAO,4CAAC,QAAK,WAAsB,OAAO,EAAE,MAAM,GAAG;AACvD;AAIO,SAAS,WAAW,EAAE,QAAQ,YAAY,aAAa,OAAO,UAAU,GAAoB;AACjG,QAAM,SAAS,aAAa,IAAI,IAAI,UAAU,IAAI;AAClD,QAAM,UAAU,OAAO,OAAO,CAAC,MAAM,cAAc,CAAC,UAAU,OAAO,IAAI,EAAE,GAAG,CAAC;AAC/E,MAAI,QAAQ,WAAW,EAAG,QAAO;AAEjC,SACE,4CAAC,SAAI,eAAW,cAAG,wBAAwB,SAAS,GACjD,kBAAQ,IAAI,CAAC,UAAU;AACtB,UAAM,WAAW,SAAS,CAAC,OAAO,IAAI,MAAM,GAAG,IAAI;AACnD,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,OAAO,WAAW,GAAG,MAAM,WAAW,oCAA+B,MAAM;AAAA,QAC3E,eAAW;AAAA,UACT;AAAA,UACA,YAAY;AAAA,QACd;AAAA,QACA,OAAO;AAAA,UACL,aAAa,GAAG,MAAM,KAAK;AAAA,UAC3B,iBAAiB,GAAG,MAAM,KAAK;AAAA,QACjC;AAAA,QAEA;AAAA,sDAAC,aAAU,MAAM,MAAM,MAAM,OAAO,MAAM,OAAO,WAAU,wBAAuB;AAAA,UAClF,4CAAC,UAAK,WAAU,yBAAwB,OAAO,EAAE,OAAO,MAAM,MAAM,GACjE,gBAAM,MACT;AAAA;AAAA;AAAA,MAdK,MAAM;AAAA,IAeb;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":["React"]}
+{"version":3,"sources":["../../../src/components/rewards/badge-shelf.tsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport type { LucideProps } from \"lucide-react\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport interface BadgeShelfBadge {\n  key: string;\n  name: string;\n  description: string;\n  icon: string;\n  color: string;\n  category: string;\n}\n\nexport interface BadgeShelfProps {\n  /** The badges to render — the earned set, or the full catalog with `earnedKeys`. */\n  badges: BadgeShelfBadge[];\n  /** When set, badges outside this set render locked (grayscale, reduced opacity). */\n  earnedKeys?: string[];\n  /** Render locked badges too (requires `earnedKeys`); default hides them. */\n  showLocked?: boolean;\n  className?: string;\n}\n\n// Lazily resolve lucide icons by name at runtime (icon names come from the API).\nconst iconCache = new Map<string, React.ComponentType<LucideProps>>();\n\nexport function BadgeIcon({ name, color, className }: { name: string; color: string; className?: string }) {\n  const [Icon, setIcon] = React.useState<React.ComponentType<LucideProps> | null>(\n    () => iconCache.get(name) ?? null\n  );\n\n  React.useEffect(() => {\n    if (iconCache.has(name)) {\n      setIcon(() => iconCache.get(name)!);\n      return;\n    }\n    import(\"lucide-react\").then((mod) => {\n      const C = (mod as Record<string, unknown>)[name] as React.ComponentType<LucideProps> | undefined;\n      if (C) {\n        iconCache.set(name, C);\n        setIcon(() => C);\n      }\n    });\n  }, [name]);\n\n  if (!Icon) return <span className={cn(\"rounded-full\", className)} style={{ backgroundColor: color }} />;\n  return <Icon className={className} style={{ color }} />;\n}\n\n/** Badge chips with native tooltips. Earned badges render in their color;\n *  locked ones (present in `badges` but not `earnedKeys`) render muted. */\nexport function BadgeShelf({ badges, earnedKeys, showLocked = false, className }: BadgeShelfProps) {\n  const earned = earnedKeys ? new Set(earnedKeys) : null;\n  const visible = badges.filter((b) => showLocked || !earned || earned.has(b.key));\n  if (visible.length === 0) return null;\n\n  return (\n    <div className={cn(\"flex flex-wrap gap-2\", className)}>\n      {visible.map((badge) => {\n        const isLocked = earned ? !earned.has(badge.key) : false;\n        return (\n          <div\n            key={badge.key}\n            title={isLocked ? `${badge.description} — keep going to earn this` : badge.description}\n            className={cn(\n              \"flex h-7 select-none items-center gap-1.5 rounded-full border px-2.5\",\n              isLocked && \"opacity-45 grayscale\"\n            )}\n            style={{\n              borderColor: `${badge.color}60`,\n              backgroundColor: `${badge.color}14`,\n            }}\n          >\n            <BadgeIcon name={badge.icon} color={badge.color} className=\"h-3.5 w-3.5 shrink-0\" />\n            <span className=\"text-xs font-semibold\" style={{ color: badge.color }}>\n              {badge.name}\n            </span>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+CoB;AA7CpB,mBAAkB;AAElB,gBAAmB;AAsBnB,MAAM,YAAY,oBAAI,IAA8C;AAE7D,SAAS,UAAU,EAAE,MAAM,OAAO,UAAU,GAAwD;AACzG,QAAM,CAAC,MAAM,OAAO,IAAI,aAAAA,QAAM;AAAA,IAC5B,MAAM,UAAU,IAAI,IAAI,KAAK;AAAA,EAC/B;AAEA,eAAAA,QAAM,UAAU,MAAM;AACpB,QAAI,UAAU,IAAI,IAAI,GAAG;AACvB,cAAQ,MAAM,UAAU,IAAI,IAAI,CAAE;AAClC;AAAA,IACF;AACA,WAAO,cAAc,EAAE,KAAK,CAAC,QAAQ;AACnC,YAAM,IAAK,IAAgC,IAAI;AAC/C,UAAI,GAAG;AACL,kBAAU,IAAI,MAAM,CAAC;AACrB,gBAAQ,MAAM,CAAC;AAAA,MACjB;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,IAAI,CAAC;AAET,MAAI,CAAC,KAAM,QAAO,4CAAC,UAAK,eAAW,cAAG,gBAAgB,SAAS,GAAG,OAAO,EAAE,iBAAiB,MAAM,GAAG;AACrG,SAAO,4CAAC,QAAK,WAAsB,OAAO,EAAE,MAAM,GAAG;AACvD;AAIO,SAAS,WAAW,EAAE,QAAQ,YAAY,aAAa,OAAO,UAAU,GAAoB;AACjG,QAAM,SAAS,aAAa,IAAI,IAAI,UAAU,IAAI;AAClD,QAAM,UAAU,OAAO,OAAO,CAAC,MAAM,cAAc,CAAC,UAAU,OAAO,IAAI,EAAE,GAAG,CAAC;AAC/E,MAAI,QAAQ,WAAW,EAAG,QAAO;AAEjC,SACE,4CAAC,SAAI,eAAW,cAAG,wBAAwB,SAAS,GACjD,kBAAQ,IAAI,CAAC,UAAU;AACtB,UAAM,WAAW,SAAS,CAAC,OAAO,IAAI,MAAM,GAAG,IAAI;AACnD,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,OAAO,WAAW,GAAG,MAAM,WAAW,oCAA+B,MAAM;AAAA,QAC3E,eAAW;AAAA,UACT;AAAA,UACA,YAAY;AAAA,QACd;AAAA,QACA,OAAO;AAAA,UACL,aAAa,GAAG,MAAM,KAAK;AAAA,UAC3B,iBAAiB,GAAG,MAAM,KAAK;AAAA,QACjC;AAAA,QAEA;AAAA,sDAAC,aAAU,MAAM,MAAM,MAAM,OAAO,MAAM,OAAO,WAAU,wBAAuB;AAAA,UAClF,4CAAC,UAAK,WAAU,yBAAwB,OAAO,EAAE,OAAO,MAAM,MAAM,GACjE,gBAAM,MACT;AAAA;AAAA;AAAA,MAdK,MAAM;AAAA,IAeb;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":["React"]}

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

@@ -17,8 +17,13 @@ interface BadgeShelfProps {
     showLocked?: boolean;
     className?: string;
 }
+declare function BadgeIcon({ name, color, className }: {
+    name: string;
+    color: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
 /** 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;
 
-export { BadgeShelf, type BadgeShelfBadge, type BadgeShelfProps };
+export { BadgeIcon, BadgeShelf, type BadgeShelfBadge, type BadgeShelfProps };

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

@@ -17,8 +17,13 @@ interface BadgeShelfProps {
     showLocked?: boolean;
     className?: string;
 }
+declare function BadgeIcon({ name, color, className }: {
+    name: string;
+    color: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
 /** 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;
 
-export { BadgeShelf, type BadgeShelfBadge, type BadgeShelfProps };
+export { BadgeIcon, BadgeShelf, type BadgeShelfBadge, type BadgeShelfProps };

package/dist/components/rewards/badge-shelf.js

@@ -51,6 +51,7 @@ function BadgeShelf({ badges, earnedKeys, showLocked = false, className }) {
   }) });
 }
 export {
+  BadgeIcon,
   BadgeShelf
 };
 //# sourceMappingURL=badge-shelf.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/rewards/badge-shelf.tsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport type { LucideProps } from \"lucide-react\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport interface BadgeShelfBadge {\n  key: string;\n  name: string;\n  description: string;\n  icon: string;\n  color: string;\n  category: string;\n}\n\nexport interface BadgeShelfProps {\n  /** The badges to render — the earned set, or the full catalog with `earnedKeys`. */\n  badges: BadgeShelfBadge[];\n  /** When set, badges outside this set render locked (grayscale, reduced opacity). */\n  earnedKeys?: string[];\n  /** Render locked badges too (requires `earnedKeys`); default hides them. */\n  showLocked?: boolean;\n  className?: string;\n}\n\n// Lazily resolve lucide icons by name at runtime (icon names come from the API).\nconst iconCache = new Map<string, React.ComponentType<LucideProps>>();\n\nfunction BadgeIcon({ name, color, className }: { name: string; color: string; className?: string }) {\n  const [Icon, setIcon] = React.useState<React.ComponentType<LucideProps> | null>(\n    () => iconCache.get(name) ?? null\n  );\n\n  React.useEffect(() => {\n    if (iconCache.has(name)) {\n      setIcon(() => iconCache.get(name)!);\n      return;\n    }\n    import(\"lucide-react\").then((mod) => {\n      const C = (mod as Record<string, unknown>)[name] as React.ComponentType<LucideProps> | undefined;\n      if (C) {\n        iconCache.set(name, C);\n        setIcon(() => C);\n      }\n    });\n  }, [name]);\n\n  if (!Icon) return <span className={cn(\"rounded-full\", className)} style={{ backgroundColor: color }} />;\n  return <Icon className={className} style={{ color }} />;\n}\n\n/** Badge chips with native tooltips. Earned badges render in their color;\n *  locked ones (present in `badges` but not `earnedKeys`) render muted. */\nexport function BadgeShelf({ badges, earnedKeys, showLocked = false, className }: BadgeShelfProps) {\n  const earned = earnedKeys ? new Set(earnedKeys) : null;\n  const visible = badges.filter((b) => showLocked || !earned || earned.has(b.key));\n  if (visible.length === 0) return null;\n\n  return (\n    <div className={cn(\"flex flex-wrap gap-2\", className)}>\n      {visible.map((badge) => {\n        const isLocked = earned ? !earned.has(badge.key) : false;\n        return (\n          <div\n            key={badge.key}\n            title={isLocked ? `${badge.description} — keep going to earn this` : badge.description}\n            className={cn(\n              \"flex h-7 select-none items-center gap-1.5 rounded-full border px-2.5\",\n              isLocked && \"opacity-45 grayscale\"\n            )}\n            style={{\n              borderColor: `${badge.color}60`,\n              backgroundColor: `${badge.color}14`,\n            }}\n          >\n            <BadgeIcon name={badge.icon} color={badge.color} className=\"h-3.5 w-3.5 shrink-0\" />\n            <span className=\"text-xs font-semibold\" style={{ color: badge.color }}>\n              {badge.name}\n            </span>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";AA+CoB,cAgBV,YAhBU;AA7CpB,OAAO,WAAW;AAElB,SAAS,UAAU;AAsBnB,MAAM,YAAY,oBAAI,IAA8C;AAEpE,SAAS,UAAU,EAAE,MAAM,OAAO,UAAU,GAAwD;AAClG,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM;AAAA,IAC5B,MAAM,UAAU,IAAI,IAAI,KAAK;AAAA,EAC/B;AAEA,QAAM,UAAU,MAAM;AACpB,QAAI,UAAU,IAAI,IAAI,GAAG;AACvB,cAAQ,MAAM,UAAU,IAAI,IAAI,CAAE;AAClC;AAAA,IACF;AACA,WAAO,cAAc,EAAE,KAAK,CAAC,QAAQ;AACnC,YAAM,IAAK,IAAgC,IAAI;AAC/C,UAAI,GAAG;AACL,kBAAU,IAAI,MAAM,CAAC;AACrB,gBAAQ,MAAM,CAAC;AAAA,MACjB;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,IAAI,CAAC;AAET,MAAI,CAAC,KAAM,QAAO,oBAAC,UAAK,WAAW,GAAG,gBAAgB,SAAS,GAAG,OAAO,EAAE,iBAAiB,MAAM,GAAG;AACrG,SAAO,oBAAC,QAAK,WAAsB,OAAO,EAAE,MAAM,GAAG;AACvD;AAIO,SAAS,WAAW,EAAE,QAAQ,YAAY,aAAa,OAAO,UAAU,GAAoB;AACjG,QAAM,SAAS,aAAa,IAAI,IAAI,UAAU,IAAI;AAClD,QAAM,UAAU,OAAO,OAAO,CAAC,MAAM,cAAc,CAAC,UAAU,OAAO,IAAI,EAAE,GAAG,CAAC;AAC/E,MAAI,QAAQ,WAAW,EAAG,QAAO;AAEjC,SACE,oBAAC,SAAI,WAAW,GAAG,wBAAwB,SAAS,GACjD,kBAAQ,IAAI,CAAC,UAAU;AACtB,UAAM,WAAW,SAAS,CAAC,OAAO,IAAI,MAAM,GAAG,IAAI;AACnD,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,OAAO,WAAW,GAAG,MAAM,WAAW,oCAA+B,MAAM;AAAA,QAC3E,WAAW;AAAA,UACT;AAAA,UACA,YAAY;AAAA,QACd;AAAA,QACA,OAAO;AAAA,UACL,aAAa,GAAG,MAAM,KAAK;AAAA,UAC3B,iBAAiB,GAAG,MAAM,KAAK;AAAA,QACjC;AAAA,QAEA;AAAA,8BAAC,aAAU,MAAM,MAAM,MAAM,OAAO,MAAM,OAAO,WAAU,wBAAuB;AAAA,UAClF,oBAAC,UAAK,WAAU,yBAAwB,OAAO,EAAE,OAAO,MAAM,MAAM,GACjE,gBAAM,MACT;AAAA;AAAA;AAAA,MAdK,MAAM;AAAA,IAeb;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/rewards/badge-shelf.tsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport type { LucideProps } from \"lucide-react\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport interface BadgeShelfBadge {\n  key: string;\n  name: string;\n  description: string;\n  icon: string;\n  color: string;\n  category: string;\n}\n\nexport interface BadgeShelfProps {\n  /** The badges to render — the earned set, or the full catalog with `earnedKeys`. */\n  badges: BadgeShelfBadge[];\n  /** When set, badges outside this set render locked (grayscale, reduced opacity). */\n  earnedKeys?: string[];\n  /** Render locked badges too (requires `earnedKeys`); default hides them. */\n  showLocked?: boolean;\n  className?: string;\n}\n\n// Lazily resolve lucide icons by name at runtime (icon names come from the API).\nconst iconCache = new Map<string, React.ComponentType<LucideProps>>();\n\nexport function BadgeIcon({ name, color, className }: { name: string; color: string; className?: string }) {\n  const [Icon, setIcon] = React.useState<React.ComponentType<LucideProps> | null>(\n    () => iconCache.get(name) ?? null\n  );\n\n  React.useEffect(() => {\n    if (iconCache.has(name)) {\n      setIcon(() => iconCache.get(name)!);\n      return;\n    }\n    import(\"lucide-react\").then((mod) => {\n      const C = (mod as Record<string, unknown>)[name] as React.ComponentType<LucideProps> | undefined;\n      if (C) {\n        iconCache.set(name, C);\n        setIcon(() => C);\n      }\n    });\n  }, [name]);\n\n  if (!Icon) return <span className={cn(\"rounded-full\", className)} style={{ backgroundColor: color }} />;\n  return <Icon className={className} style={{ color }} />;\n}\n\n/** Badge chips with native tooltips. Earned badges render in their color;\n *  locked ones (present in `badges` but not `earnedKeys`) render muted. */\nexport function BadgeShelf({ badges, earnedKeys, showLocked = false, className }: BadgeShelfProps) {\n  const earned = earnedKeys ? new Set(earnedKeys) : null;\n  const visible = badges.filter((b) => showLocked || !earned || earned.has(b.key));\n  if (visible.length === 0) return null;\n\n  return (\n    <div className={cn(\"flex flex-wrap gap-2\", className)}>\n      {visible.map((badge) => {\n        const isLocked = earned ? !earned.has(badge.key) : false;\n        return (\n          <div\n            key={badge.key}\n            title={isLocked ? `${badge.description} — keep going to earn this` : badge.description}\n            className={cn(\n              \"flex h-7 select-none items-center gap-1.5 rounded-full border px-2.5\",\n              isLocked && \"opacity-45 grayscale\"\n            )}\n            style={{\n              borderColor: `${badge.color}60`,\n              backgroundColor: `${badge.color}14`,\n            }}\n          >\n            <BadgeIcon name={badge.icon} color={badge.color} className=\"h-3.5 w-3.5 shrink-0\" />\n            <span className=\"text-xs font-semibold\" style={{ color: badge.color }}>\n              {badge.name}\n            </span>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";AA+CoB,cAgBV,YAhBU;AA7CpB,OAAO,WAAW;AAElB,SAAS,UAAU;AAsBnB,MAAM,YAAY,oBAAI,IAA8C;AAE7D,SAAS,UAAU,EAAE,MAAM,OAAO,UAAU,GAAwD;AACzG,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM;AAAA,IAC5B,MAAM,UAAU,IAAI,IAAI,KAAK;AAAA,EAC/B;AAEA,QAAM,UAAU,MAAM;AACpB,QAAI,UAAU,IAAI,IAAI,GAAG;AACvB,cAAQ,MAAM,UAAU,IAAI,IAAI,CAAE;AAClC;AAAA,IACF;AACA,WAAO,cAAc,EAAE,KAAK,CAAC,QAAQ;AACnC,YAAM,IAAK,IAAgC,IAAI;AAC/C,UAAI,GAAG;AACL,kBAAU,IAAI,MAAM,CAAC;AACrB,gBAAQ,MAAM,CAAC;AAAA,MACjB;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,IAAI,CAAC;AAET,MAAI,CAAC,KAAM,QAAO,oBAAC,UAAK,WAAW,GAAG,gBAAgB,SAAS,GAAG,OAAO,EAAE,iBAAiB,MAAM,GAAG;AACrG,SAAO,oBAAC,QAAK,WAAsB,OAAO,EAAE,MAAM,GAAG;AACvD;AAIO,SAAS,WAAW,EAAE,QAAQ,YAAY,aAAa,OAAO,UAAU,GAAoB;AACjG,QAAM,SAAS,aAAa,IAAI,IAAI,UAAU,IAAI;AAClD,QAAM,UAAU,OAAO,OAAO,CAAC,MAAM,cAAc,CAAC,UAAU,OAAO,IAAI,EAAE,GAAG,CAAC;AAC/E,MAAI,QAAQ,WAAW,EAAG,QAAO;AAEjC,SACE,oBAAC,SAAI,WAAW,GAAG,wBAAwB,SAAS,GACjD,kBAAQ,IAAI,CAAC,UAAU;AACtB,UAAM,WAAW,SAAS,CAAC,OAAO,IAAI,MAAM,GAAG,IAAI;AACnD,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,OAAO,WAAW,GAAG,MAAM,WAAW,oCAA+B,MAAM;AAAA,QAC3E,WAAW;AAAA,UACT;AAAA,UACA,YAAY;AAAA,QACd;AAAA,QACA,OAAO;AAAA,UACL,aAAa,GAAG,MAAM,KAAK;AAAA,UAC3B,iBAAiB,GAAG,MAAM,KAAK;AAAA,QACjC;AAAA,QAEA;AAAA,8BAAC,aAAU,MAAM,MAAM,MAAM,OAAO,MAAM,OAAO,WAAU,wBAAuB;AAAA,UAClF,oBAAC,UAAK,WAAU,yBAAwB,OAAO,EAAE,OAAO,MAAM,MAAM,GACjE,gBAAM,MACT;AAAA;AAAA;AAAA,MAdK,MAAM;AAAA,IAeb;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":[]}

package/dist/components/rewards/badge-unlock-toast-content.cjs

@@ -0,0 +1,49 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var badge_unlock_toast_content_exports = {};
+__export(badge_unlock_toast_content_exports, {
+  BadgeUnlockToastContent: () => BadgeUnlockToastContent
+});
+module.exports = __toCommonJS(badge_unlock_toast_content_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_badge_shelf = require("./badge-shelf.js");
+function BadgeUnlockToastContent({ badge }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "span",
+      {
+        className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full border",
+        style: { borderColor: `${badge.color}60`, backgroundColor: `${badge.color}18` },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_badge_shelf.BadgeIcon, { name: badge.icon, color: badge.color, className: "h-4 w-4" })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "truncate text-sm font-semibold", children: [
+        "Badge earned \xB7 ",
+        badge.name
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground truncate", children: badge.description })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BadgeUnlockToastContent
+});
+//# sourceMappingURL=badge-unlock-toast-content.cjs.map

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

@@ -0,0 +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":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBQ;AAhBR,yBAA0B;AASnB,SAAS,wBAAwB,EAAE,MAAM,GAAiC;AAC/E,SACE,6CAAC,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,sDAAC,gCAAU,MAAM,MAAM,MAAM,OAAO,MAAM,OAAO,WAAU,WAAU;AAAA;AAAA,IACvE;AAAA,IACA,6CAAC,SAAI,WAAU,WACb;AAAA,mDAAC,OAAE,WAAU,kCAAiC;AAAA;AAAA,QAAgB,MAAM;AAAA,SAAK;AAAA,MACzE,4CAAC,OAAE,WAAU,0CAA0C,gBAAM,aAAY;AAAA,OAC3E;AAAA,KACF;AAEJ;","names":[]}