@medialane/ui 0.95.1 → 0.96.0

package/dist/components/{community-rewards-section.cjs → creators-fund-section.cjs}

@@ -27,76 +27,71 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var community_rewards_section_exports = {};
-__export(community_rewards_section_exports, {
-  CommunityRewardsSection: () => CommunityRewardsSection
+var creators_fund_section_exports = {};
+__export(creators_fund_section_exports, {
+  CreatorsFundSection: () => CreatorsFundSection
 });
-module.exports = __toCommonJS(community_rewards_section_exports);
+module.exports = __toCommonJS(creators_fund_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" }
-];
-const INFO_TILES = [
-  { value: "50", label: "Levels" },
-  { value: "XP", label: "Every action" },
-  { value: "Fund", label: "Distribution" }
-];
-function CommunityRewardsSection({
-  entries,
-  isLoading = false,
+function CreatorsFundSection({
+  airdropHref,
   rewardsHref,
-  creatorHref
+  creatorHref,
+  entries,
+  isLoading = false
 }) {
   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.jsxs)("div", { className: "px-7 py-9 sm:px-9 flex flex-col gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2.5", 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." })
+        /* @__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.jsx)("div", { className: "grid grid-cols-3 divide-x divide-brand-orange/20 border-y border-brand-orange/20 py-4", children: INFO_TILES.map(({ value, label }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col items-center text-center gap-1 px-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xl font-black tabular-nums", children: value }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-[10px] text-muted-foreground leading-tight", children: label })
-      ] }, label)) }),
-      /* @__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.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h2", { className: "text-3xl sm:text-4xl font-black tracking-tight leading-tight", children: [
+          "Every dollar comes back to",
+          " ",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "bg-gradient-to-r from-brand-blue via-brand-purple to-brand-orange bg-clip-text text-transparent", children: "you" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-2.5 text-base text-muted-foreground leading-relaxed max-w-md", children: "Join the airdrop, then earn XP for everything you create and trade. Your share of every distribution follows you automatically." })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: airdropHref, className: "btn-border-animated p-[1px] rounded-xl", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "flex items-center justify-center gap-2 rounded-[11px] h-12 px-5 text-sm font-semibold text-white bg-transparent hover:brightness-110 active:scale-[0.98] transition-all", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Sparkles, { className: "h-4 w-4" }),
+          "Claim my spot"
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_link.default,
+          {
+            href: rewardsHref,
+            className: "inline-flex items-center gap-1.5 h-12 px-5 rounded-xl text-sm font-semibold text-foreground border border-border hover:border-brand-orange/40 hover:text-brand-orange transition-colors",
+            children: [
+              "See the leaderboard",
+              /* @__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)(
+    /* @__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, i) => /* @__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.jsxs)("span", { className: "text-[11px] font-bold text-muted-foreground/60", children: [
+            "#",
+            i + 1
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-0.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-3xl font-black tabular-nums leading-none", children: entry.totalXp.toLocaleString() }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground", children: "XP earned" })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             import_address_display.AddressDisplay,
@@ -110,11 +105,11 @@ function CommunityRewardsSection({
         ]
       },
       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)) }) })
+    )) }) : /* @__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-[110px] 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
+  CreatorsFundSection
 });
-//# sourceMappingURL=community-rewards-section.cjs.map
+//# sourceMappingURL=creators-fund-section.cjs.map

package/dist/components/creators-fund-section.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/creators-fund-section.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { ArrowRight, Sparkles } from \"lucide-react\";\nimport { AddressDisplay } from \"./address-display.js\";\n\nexport interface CommunityRewardsEntry {\n  address: string;\n  totalXp: number;\n}\n\nexport interface CreatorsFundSectionProps {\n  /** Route of the airdrop claim page. */\n  airdropHref: string;\n  /** Route of the rewards/leaderboard page. */\n  rewardsHref: string;\n  creatorHref: (address: string) => string;\n  entries: CommunityRewardsEntry[];\n  isLoading?: boolean;\n}\n\n/** Home-page teaser for the Creator's Fund — merges what were two separate,\n *  visually near-identical sections (airdrop CTA + XP leaderboard) into one:\n *  join the airdrop, earn XP for everything you do, see who's leading. */\nexport function CreatorsFundSection({\n  airdropHref,\n  rewardsHref,\n  creatorHref,\n  entries,\n  isLoading = false,\n}: CreatorsFundSectionProps) {\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 — pitch + CTAs */}\n      <div className=\"px-7 py-9 sm:px-9 flex flex-col gap-6\">\n        <div className=\"flex items-center gap-2.5\">\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>\n          <h2 className=\"text-3xl sm:text-4xl font-black tracking-tight leading-tight\">\n            Every dollar comes back to{\" \"}\n            <span className=\"bg-gradient-to-r from-brand-blue via-brand-purple to-brand-orange bg-clip-text text-transparent\">\n              you\n            </span>\n          </h2>\n          <p className=\"mt-2.5 text-base text-muted-foreground leading-relaxed max-w-md\">\n            Join the airdrop, then earn XP for everything you create and trade.\n            Your share of every distribution follows you automatically.\n          </p>\n        </div>\n\n        <div className=\"flex flex-wrap items-center gap-3\">\n          <Link href={airdropHref} className=\"btn-border-animated p-[1px] rounded-xl\">\n            <span className=\"flex items-center justify-center gap-2 rounded-[11px] h-12 px-5 text-sm font-semibold text-white bg-transparent hover:brightness-110 active:scale-[0.98] transition-all\">\n              <Sparkles className=\"h-4 w-4\" />\n              Claim my spot\n            </span>\n          </Link>\n          <Link\n            href={rewardsHref}\n            className=\"inline-flex items-center gap-1.5 h-12 px-5 rounded-xl text-sm font-semibold text-foreground border border-border hover:border-brand-orange/40 hover:text-brand-orange transition-colors\"\n          >\n            See the leaderboard\n            <ArrowRight className=\"h-3.5 w-3.5\" />\n          </Link>\n        </div>\n      </div>\n\n      {/* Right — leaderboard preview */}\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, i) => (\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                <span className=\"text-[11px] font-bold text-muted-foreground/60\">#{i + 1}</span>\n                <div className=\"space-y-0.5\">\n                  <p className=\"text-3xl font-black tabular-nums leading-none\">\n                    {entry.totalXp.toLocaleString()}\n                  </p>\n                  <p className=\"text-xs text-muted-foreground\">XP earned</p>\n                </div>\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-[110px] 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;AAqCU;AAnCV,kBAAiB;AACjB,0BAAqC;AACrC,6BAA+B;AAoBxB,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AACd,GAA6B;AAC3B,SACE,6CAAC,aAAQ,WAAU,+HAGjB;AAAA,iDAAC,SAAI,WAAU,yCACb;AAAA,mDAAC,SAAI,WAAU,6BACb;AAAA,oDAAC,UAAK,WAAU,iEAAgE,4BAEhF;AAAA,QACA,6CAAC,UAAK,WAAU,uEACd;AAAA,sDAAC,UAAK,WAAU,0DAAyD;AAAA,UAAE;AAAA,WAE7E;AAAA,SACF;AAAA,MAEA,6CAAC,SACC;AAAA,qDAAC,QAAG,WAAU,gEAA+D;AAAA;AAAA,UAChD;AAAA,UAC3B,4CAAC,UAAK,WAAU,mGAAkG,iBAElH;AAAA,WACF;AAAA,QACA,4CAAC,OAAE,WAAU,mEAAkE,6IAG/E;AAAA,SACF;AAAA,MAEA,6CAAC,SAAI,WAAU,qCACb;AAAA,oDAAC,YAAAA,SAAA,EAAK,MAAM,aAAa,WAAU,0CACjC,uDAAC,UAAK,WAAU,2KACd;AAAA,sDAAC,gCAAS,WAAU,WAAU;AAAA,UAAE;AAAA,WAElC,GACF;AAAA,QACA;AAAA,UAAC,YAAAA;AAAA,UAAA;AAAA,YACC,MAAM;AAAA,YACN,WAAU;AAAA,YACX;AAAA;AAAA,cAEC,4CAAC,kCAAW,WAAU,eAAc;AAAA;AAAA;AAAA,QACtC;AAAA,SACF;AAAA,OACF;AAAA,IAGA,4CAAC,SAAI,WAAU,cACZ,WAAC,aAAa,QAAQ,SAAS,IAC9B,4CAAC,SAAI,WAAU,iCACZ,kBAAQ,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,OAAO,MAC/B;AAAA,MAAC,YAAAA;AAAA,MAAA;AAAA,QAEC,MAAM,YAAY,MAAM,OAAO;AAAA,QAC/B,WAAU;AAAA,QAEV;AAAA,sDAAC,SAAI,WAAU,qDAAoD;AAAA,UACnE,6CAAC,UAAK,WAAU,kDAAiD;AAAA;AAAA,YAAE,IAAI;AAAA,aAAE;AAAA,UACzE,6CAAC,SAAI,WAAU,eACb;AAAA,wDAAC,OAAE,WAAU,iDACV,gBAAM,QAAQ,eAAe,GAChC;AAAA,YACA,4CAAC,OAAE,WAAU,iCAAgC,uBAAS;AAAA,aACxD;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAS,MAAM;AAAA,cACf,OAAO;AAAA,cACP,UAAU;AAAA,cACV,WAAU;AAAA;AAAA,UACZ;AAAA;AAAA;AAAA,MAjBK,MAAM;AAAA,IAkBb,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/creators-fund-section.d.cts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface CommunityRewardsEntry {
+    address: string;
+    totalXp: number;
+}
+interface CreatorsFundSectionProps {
+    /** Route of the airdrop claim page. */
+    airdropHref: string;
+    /** Route of the rewards/leaderboard page. */
+    rewardsHref: string;
+    creatorHref: (address: string) => string;
+    entries: CommunityRewardsEntry[];
+    isLoading?: boolean;
+}
+/** Home-page teaser for the Creator's Fund — merges what were two separate,
+ *  visually near-identical sections (airdrop CTA + XP leaderboard) into one:
+ *  join the airdrop, earn XP for everything you do, see who's leading. */
+declare function CreatorsFundSection({ airdropHref, rewardsHref, creatorHref, entries, isLoading, }: CreatorsFundSectionProps): react_jsx_runtime.JSX.Element;
+
+export { type CommunityRewardsEntry, CreatorsFundSection, type CreatorsFundSectionProps };

package/dist/components/creators-fund-section.d.ts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface CommunityRewardsEntry {
+    address: string;
+    totalXp: number;
+}
+interface CreatorsFundSectionProps {
+    /** Route of the airdrop claim page. */
+    airdropHref: string;
+    /** Route of the rewards/leaderboard page. */
+    rewardsHref: string;
+    creatorHref: (address: string) => string;
+    entries: CommunityRewardsEntry[];
+    isLoading?: boolean;
+}
+/** Home-page teaser for the Creator's Fund — merges what were two separate,
+ *  visually near-identical sections (airdrop CTA + XP leaderboard) into one:
+ *  join the airdrop, earn XP for everything you do, see who's leading. */
+declare function CreatorsFundSection({ airdropHref, rewardsHref, creatorHref, entries, isLoading, }: CreatorsFundSectionProps): react_jsx_runtime.JSX.Element;
+
+export { type CommunityRewardsEntry, CreatorsFundSection, type CreatorsFundSectionProps };

package/dist/components/creators-fund-section.js

@@ -0,0 +1,81 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { ArrowRight, Sparkles } from "lucide-react";
+import { AddressDisplay } from "./address-display.js";
+function CreatorsFundSection({
+  airdropHref,
+  rewardsHref,
+  creatorHref,
+  entries,
+  isLoading = false
+}) {
+  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-9 sm:px-9 flex flex-col gap-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", 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", { children: [
+        /* @__PURE__ */ jsxs("h2", { className: "text-3xl sm:text-4xl font-black tracking-tight leading-tight", children: [
+          "Every dollar comes back to",
+          " ",
+          /* @__PURE__ */ jsx("span", { className: "bg-gradient-to-r from-brand-blue via-brand-purple to-brand-orange bg-clip-text text-transparent", children: "you" })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "mt-2.5 text-base text-muted-foreground leading-relaxed max-w-md", children: "Join the airdrop, then earn XP for everything you create and trade. Your share of every distribution follows you automatically." })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
+        /* @__PURE__ */ jsx(Link, { href: airdropHref, className: "btn-border-animated p-[1px] rounded-xl", children: /* @__PURE__ */ jsxs("span", { className: "flex items-center justify-center gap-2 rounded-[11px] h-12 px-5 text-sm font-semibold text-white bg-transparent hover:brightness-110 active:scale-[0.98] transition-all", children: [
+          /* @__PURE__ */ jsx(Sparkles, { className: "h-4 w-4" }),
+          "Claim my spot"
+        ] }) }),
+        /* @__PURE__ */ jsxs(
+          Link,
+          {
+            href: rewardsHref,
+            className: "inline-flex items-center gap-1.5 h-12 px-5 rounded-xl text-sm font-semibold text-foreground border border-border hover:border-brand-orange/40 hover:text-brand-orange transition-colors",
+            children: [
+              "See the leaderboard",
+              /* @__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, i) => /* @__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("span", { className: "text-[11px] font-bold text-muted-foreground/60", children: [
+            "#",
+            i + 1
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-3xl font-black tabular-nums leading-none", children: entry.totalXp.toLocaleString() }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs 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-[110px] rounded-xl bg-card dark:bg-muted/30 animate-pulse" }, i)) }) })
+  ] });
+}
+export {
+  CreatorsFundSection
+};
+//# sourceMappingURL=creators-fund-section.js.map

package/dist/components/creators-fund-section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/creators-fund-section.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { ArrowRight, Sparkles } from \"lucide-react\";\nimport { AddressDisplay } from \"./address-display.js\";\n\nexport interface CommunityRewardsEntry {\n  address: string;\n  totalXp: number;\n}\n\nexport interface CreatorsFundSectionProps {\n  /** Route of the airdrop claim page. */\n  airdropHref: string;\n  /** Route of the rewards/leaderboard page. */\n  rewardsHref: string;\n  creatorHref: (address: string) => string;\n  entries: CommunityRewardsEntry[];\n  isLoading?: boolean;\n}\n\n/** Home-page teaser for the Creator's Fund — merges what were two separate,\n *  visually near-identical sections (airdrop CTA + XP leaderboard) into one:\n *  join the airdrop, earn XP for everything you do, see who's leading. */\nexport function CreatorsFundSection({\n  airdropHref,\n  rewardsHref,\n  creatorHref,\n  entries,\n  isLoading = false,\n}: CreatorsFundSectionProps) {\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 — pitch + CTAs */}\n      <div className=\"px-7 py-9 sm:px-9 flex flex-col gap-6\">\n        <div className=\"flex items-center gap-2.5\">\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>\n          <h2 className=\"text-3xl sm:text-4xl font-black tracking-tight leading-tight\">\n            Every dollar comes back to{\" \"}\n            <span className=\"bg-gradient-to-r from-brand-blue via-brand-purple to-brand-orange bg-clip-text text-transparent\">\n              you\n            </span>\n          </h2>\n          <p className=\"mt-2.5 text-base text-muted-foreground leading-relaxed max-w-md\">\n            Join the airdrop, then earn XP for everything you create and trade.\n            Your share of every distribution follows you automatically.\n          </p>\n        </div>\n\n        <div className=\"flex flex-wrap items-center gap-3\">\n          <Link href={airdropHref} className=\"btn-border-animated p-[1px] rounded-xl\">\n            <span className=\"flex items-center justify-center gap-2 rounded-[11px] h-12 px-5 text-sm font-semibold text-white bg-transparent hover:brightness-110 active:scale-[0.98] transition-all\">\n              <Sparkles className=\"h-4 w-4\" />\n              Claim my spot\n            </span>\n          </Link>\n          <Link\n            href={rewardsHref}\n            className=\"inline-flex items-center gap-1.5 h-12 px-5 rounded-xl text-sm font-semibold text-foreground border border-border hover:border-brand-orange/40 hover:text-brand-orange transition-colors\"\n          >\n            See the leaderboard\n            <ArrowRight className=\"h-3.5 w-3.5\" />\n          </Link>\n        </div>\n      </div>\n\n      {/* Right — leaderboard preview */}\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, i) => (\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                <span className=\"text-[11px] font-bold text-muted-foreground/60\">#{i + 1}</span>\n                <div className=\"space-y-0.5\">\n                  <p className=\"text-3xl font-black tabular-nums leading-none\">\n                    {entry.totalXp.toLocaleString()}\n                  </p>\n                  <p className=\"text-xs text-muted-foreground\">XP earned</p>\n                </div>\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-[110px] rounded-xl bg-card dark:bg-muted/30 animate-pulse\" />\n            ))}\n          </div>\n        )}\n      </div>\n    </section>\n  );\n}\n"],"mappings":";AAqCU,cAGA,YAHA;AAnCV,OAAO,UAAU;AACjB,SAAS,YAAY,gBAAgB;AACrC,SAAS,sBAAsB;AAoBxB,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AACd,GAA6B;AAC3B,SACE,qBAAC,aAAQ,WAAU,+HAGjB;AAAA,yBAAC,SAAI,WAAU,yCACb;AAAA,2BAAC,SAAI,WAAU,6BACb;AAAA,4BAAC,UAAK,WAAU,iEAAgE,4BAEhF;AAAA,QACA,qBAAC,UAAK,WAAU,uEACd;AAAA,8BAAC,UAAK,WAAU,0DAAyD;AAAA,UAAE;AAAA,WAE7E;AAAA,SACF;AAAA,MAEA,qBAAC,SACC;AAAA,6BAAC,QAAG,WAAU,gEAA+D;AAAA;AAAA,UAChD;AAAA,UAC3B,oBAAC,UAAK,WAAU,mGAAkG,iBAElH;AAAA,WACF;AAAA,QACA,oBAAC,OAAE,WAAU,mEAAkE,6IAG/E;AAAA,SACF;AAAA,MAEA,qBAAC,SAAI,WAAU,qCACb;AAAA,4BAAC,QAAK,MAAM,aAAa,WAAU,0CACjC,+BAAC,UAAK,WAAU,2KACd;AAAA,8BAAC,YAAS,WAAU,WAAU;AAAA,UAAE;AAAA,WAElC,GACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,WAAU;AAAA,YACX;AAAA;AAAA,cAEC,oBAAC,cAAW,WAAU,eAAc;AAAA;AAAA;AAAA,QACtC;AAAA,SACF;AAAA,OACF;AAAA,IAGA,oBAAC,SAAI,WAAU,cACZ,WAAC,aAAa,QAAQ,SAAS,IAC9B,oBAAC,SAAI,WAAU,iCACZ,kBAAQ,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,OAAO,MAC/B;AAAA,MAAC;AAAA;AAAA,QAEC,MAAM,YAAY,MAAM,OAAO;AAAA,QAC/B,WAAU;AAAA,QAEV;AAAA,8BAAC,SAAI,WAAU,qDAAoD;AAAA,UACnE,qBAAC,UAAK,WAAU,kDAAiD;AAAA;AAAA,YAAE,IAAI;AAAA,aAAE;AAAA,UACzE,qBAAC,SAAI,WAAU,eACb;AAAA,gCAAC,OAAE,WAAU,iDACV,gBAAM,QAAQ,eAAe,GAChC;AAAA,YACA,oBAAC,OAAE,WAAU,iCAAgC,uBAAS;AAAA,aACxD;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAS,MAAM;AAAA,cACf,OAAO;AAAA,cACP,UAAU;AAAA,cACV,WAAU;AAAA;AAAA,UACZ;AAAA;AAAA;AAAA,MAjBK,MAAM;AAAA,IAkBb,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/nav-command-menu.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/nav-command-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Command } from \"cmdk\";\nimport { useRouter } from \"next/navigation\";\nimport { Search, X, ArrowRight } from \"lucide-react\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { cn } from \"../utils/cn.js\";\n\n// ── Types ─────────────────────────────────────────────────────────────────────\n\nexport interface NavCommand {\n  id: string;\n  label: string;\n  icon: React.ComponentType<{ className?: string }>;\n  href?: string;\n  action?: () => void;\n  /** Extra search terms beyond the label */\n  keywords?: string[];\n  /** Optional one-line description shown under the label */\n  description?: string;\n}\n\nexport interface NavCommandGroup {\n  /**\n   * Optional group heading. Omit it for the primary group so its items\n   * read as the top-level menu — they render first, emphasized, with no\n   * label, separated from the headed groups below.\n   */\n  heading?: string;\n  items: NavCommand[];\n}\n\nexport interface NavCommandMenuProps {\n  commands: NavCommandGroup[];\n  /**\n   * Optional trigger element rendered inline at the component's mount point.\n   * For most apps, omit this and call `useNavCommandMenu().open()` from a\n   * separate button — that keeps the trigger in the right place in the layout.\n   */\n  trigger?: React.ReactNode;\n  /**\n   * Optional pinned account/connect area rendered below command results.\n   * Apps own the auth implementation here (Clerk, ChipiPay, wallet connectors,\n   * Privy, Cartridge, etc.) so the shared nav stays framework-agnostic.\n   */\n  accountSlot?: React.ReactNode;\n  /**\n   * Optional control rendered in the footer row (e.g. a theme toggle).\n   * Apps own theme state (next-themes etc.) so the shared nav stays\n   * framework-agnostic — same pattern as `accountSlot`.\n   */\n  footerSlot?: React.ReactNode;\n  /**\n   * Show the \"↑↓ Navigate  ↵ Open\" keyboard-hint text next to `footerSlot`.\n   * Defaults to `true` (unchanged behavior).\n   */\n  showKeyboardHints?: boolean;\n  /**\n   * Optional override for the trailing \"medialane ⌘K\" brandmark at the\n   * footer's right edge — replaces it entirely rather than adorning it, so\n   * an app can put something more actionable there (e.g. a \"Connect\" button)\n   * instead of a static label. Omit to keep the default brandmark.\n   */\n  brandSlot?: React.ReactNode;\n}\n\n// ── Singleton hook ─────────────────────────────────────────────────────────────\n\nconst ML_NAV_OPEN  = \"ml:nav-open\";\nconst ML_NAV_CLOSE = \"ml:nav-close\";\n\nexport function useNavCommandMenu() {\n  return {\n    open:  () => document.dispatchEvent(new CustomEvent(ML_NAV_OPEN)),\n    close: () => document.dispatchEvent(new CustomEvent(ML_NAV_CLOSE)),\n  };\n}\n\n// ── Small primitives ──────────────────────────────────────────────────────────\n\nfunction Kbd({ children, className }: { children: React.ReactNode; className?: string }) {\n  return (\n    <kbd\n      className={cn(\n        \"inline-flex min-w-[18px] items-center justify-center rounded-md bg-muted/60 px-1.5 py-0.5\",\n        \"font-sans text-[10px] leading-none text-muted-foreground\",\n        className\n      )}\n    >\n      {children}\n    </kbd>\n  );\n}\n\nfunction CommandRow({ item, primary, onSelect }: { item: NavCommand; primary: boolean; onSelect: () => void }) {\n  return (\n    <Command.Item\n      value={[item.label, ...(item.keywords ?? [])].join(\" \")}\n      onSelect={onSelect}\n      className={cn(\n        \"group/item flex cursor-pointer items-center gap-3 rounded-xl\",\n        \"transition-colors duration-150 aria-selected:bg-primary/10\",\n        primary ? \"px-2.5 py-2.5\" : \"px-2.5 py-2\"\n      )}\n    >\n      <span\n        className={cn(\n          \"flex shrink-0 items-center justify-center rounded-lg transition-colors\",\n          \"bg-muted/50 group-aria-selected/item:bg-primary/15\",\n          primary ? \"h-9 w-9\" : \"h-8 w-8\"\n        )}\n      >\n        <item.icon\n          className={cn(\n            \"text-foreground/80 transition-colors group-aria-selected/item:text-primary\",\n            primary ? \"h-[18px] w-[18px]\" : \"h-4 w-4\"\n          )}\n        />\n      </span>\n      <span className=\"min-w-0 flex-1\">\n        <span\n          className={cn(\n            \"block truncate leading-tight\",\n            primary ? \"text-[15px] font-medium\" : \"text-sm\"\n          )}\n        >\n          {item.label}\n        </span>\n        {item.description && (\n          <span className=\"mt-0.5 block truncate text-[11.5px] leading-tight text-muted-foreground\">\n            {item.description}\n          </span>\n        )}\n      </span>\n      <ArrowRight className=\"h-3.5 w-3.5 shrink-0 text-muted-foreground/30 transition-colors group-aria-selected/item:text-primary/70\" />\n    </Command.Item>\n  );\n}\n\nconst GROUP_HEADING_CLASSES = cn(\n  \"[&_[cmdk-group-heading]]:px-2.5\",\n  \"[&_[cmdk-group-heading]]:pt-2\",\n  \"[&_[cmdk-group-heading]]:pb-1\",\n  \"[&_[cmdk-group-heading]]:text-[10.5px]\",\n  \"[&_[cmdk-group-heading]]:font-semibold\",\n  \"[&_[cmdk-group-heading]]:uppercase\",\n  \"[&_[cmdk-group-heading]]:tracking-[0.08em]\",\n  \"[&_[cmdk-group-heading]]:text-muted-foreground/60\"\n);\n\n// ── Component ─────────────────────────────────────────────────────────────────\n\nexport function NavCommandMenu({\n  commands,\n  trigger,\n  accountSlot,\n  footerSlot,\n  showKeyboardHints = true,\n  brandSlot,\n}: NavCommandMenuProps) {\n  const [open, setOpen] = React.useState(false);\n  const [query, setQuery] = React.useState(\"\");\n  const router = useRouter();\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  React.useEffect(() => {\n    if (!open) return;\n    setQuery(\"\");\n    const t = setTimeout(() => inputRef.current?.focus(), 60);\n    return () => clearTimeout(t);\n  }, [open]);\n\n  React.useEffect(() => {\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === \"k\" && (e.metaKey || e.ctrlKey)) {\n        e.preventDefault();\n        setOpen((prev) => !prev);\n      }\n      if (e.key === \"Escape\") setOpen(false);\n    };\n    const onOpen  = () => setOpen(true);\n    const onClose = () => setOpen(false);\n\n    document.addEventListener(\"keydown\", onKey);\n    document.addEventListener(ML_NAV_OPEN, onOpen);\n    document.addEventListener(ML_NAV_CLOSE, onClose);\n    return () => {\n      document.removeEventListener(\"keydown\", onKey);\n      document.removeEventListener(ML_NAV_OPEN, onOpen);\n      document.removeEventListener(ML_NAV_CLOSE, onClose);\n    };\n  }, []);\n\n  const runCommand = React.useCallback(\n    (cmd: NavCommand) => {\n      setOpen(false);\n      if (cmd.href) router.push(cmd.href);\n      else cmd.action?.();\n    },\n    [router]\n  );\n\n  return (\n    <>\n      {trigger}\n\n      <AnimatePresence>\n        {open && (\n          <>\n            {/* Backdrop blur */}\n            <motion.div\n              className=\"nav-canvas-overlay\"\n              initial={{ opacity: 0 }}\n              animate={{ opacity: 1 }}\n              exit={{ opacity: 0 }}\n              transition={{ duration: 0.15 }}\n              onClick={() => setOpen(false)}\n            />\n\n            {/* Command panel — centered on desktop, bottom sheet on mobile */}\n            <motion.div\n              className=\"fixed inset-0 z-[101] flex items-end justify-center p-3 pb-4 sm:items-center sm:p-4\"\n              initial={{ opacity: 0, y: 24, scale: 1 }}\n              animate={{ opacity: 1, y: 0, scale: 1 }}\n              exit={{ opacity: 0, y: 24 }}\n              transition={{ duration: 0.18, ease: \"easeOut\" }}\n              onClick={() => setOpen(false)}\n            >\n              <div\n                className={cn(\n                  \"flex w-full max-h-[85dvh] flex-col overflow-hidden rounded-[20px] sm:max-h-[min(680px,88dvh)] sm:max-w-[620px]\",\n                  \"border border-border/40 bg-background/90 shadow-2xl backdrop-blur-2xl backdrop-saturate-150\"\n                )}\n                onClick={(e) => e.stopPropagation()}\n              >\n                <Command shouldFilter label=\"Medialane navigation\" className=\"flex min-h-0 flex-1 flex-col\">\n                  {/* Drag handle (mobile) */}\n                  <div className=\"flex justify-center pt-2.5 sm:hidden\" aria-hidden=\"true\">\n                    <span className=\"h-1 w-9 rounded-full bg-muted-foreground/30\" />\n                  </div>\n\n                  {/* Search bar */}\n                  <div className=\"flex items-center gap-3 border-b border-border/40 px-4 py-3.5\">\n                    <Search\n                      className={cn(\n                        \"h-[18px] w-[18px] shrink-0 transition-colors\",\n                        query ? \"text-primary\" : \"text-muted-foreground\"\n                      )}\n                    />\n                    <Command.Input\n                      ref={inputRef}\n                      value={query}\n                      onValueChange={setQuery}\n                      placeholder=\"Search or run a command…\"\n                      className=\"flex-1 bg-transparent text-[15px] outline-none placeholder:text-muted-foreground\"\n                    />\n                    <Kbd className=\"hidden sm:inline-flex\">esc</Kbd>\n                    <button\n                      onClick={() => setOpen(false)}\n                      className=\"rounded-md p-1 transition-colors hover:bg-muted/50 sm:hidden\"\n                      aria-label=\"Close\"\n                    >\n                      <X className=\"h-4 w-4 text-muted-foreground\" />\n                    </button>\n                  </div>\n\n                  {/* Results */}\n                  <Command.List className=\"min-h-0 flex-1 overflow-y-auto overscroll-contain p-2\">\n                    <Command.Empty className=\"py-8 text-center text-sm text-muted-foreground\">\n                      No results found.\n                    </Command.Empty>\n\n                    {commands.map((group, i) => {\n                      const primary = !group.heading;\n                      return (\n                      <React.Fragment key={group.heading ?? `__primary-${i}`}>\n                        {i > 0 && (\n                          <Command.Separator className=\"my-1.5 h-px bg-border/40\" />\n                        )}\n                        <Command.Group heading={group.heading} className={GROUP_HEADING_CLASSES}>\n                          {group.items.map((item) => (\n                            <CommandRow\n                              key={item.id}\n                              item={item}\n                              primary={primary}\n                              onSelect={() => runCommand(item)}\n                            />\n                          ))}\n                        </Command.Group>\n                      </React.Fragment>\n                      );\n                    })}\n                  </Command.List>\n\n                  {accountSlot && (\n                    <div className=\"border-t border-border/40 bg-muted/20 px-3 py-3\">\n                      {accountSlot}\n                    </div>\n                  )}\n\n                  {/* Footer */}\n                  <div className=\"flex items-center justify-between gap-3 border-t border-border/40 bg-muted/20 px-3 py-2\">\n                    <div className=\"flex items-center gap-3\">\n                      {footerSlot}\n                      {showKeyboardHints && (\n                        <span className=\"hidden items-center gap-3 text-[10.5px] text-muted-foreground/70 sm:flex\">\n                          <span className=\"flex items-center gap-1\"><Kbd>↑</Kbd><Kbd>↓</Kbd> Navigate</span>\n                          <span className=\"flex items-center gap-1\"><Kbd>↵</Kbd> Open</span>\n                        </span>\n                      )}\n                    </div>\n                    {brandSlot ?? (\n                      <span className=\"flex shrink-0 items-center gap-2 text-[10px] text-muted-foreground/50\">\n                        medialane\n                        <Kbd className=\"hidden sm:inline-flex\">⌘K</Kbd>\n                      </span>\n                    )}\n                  </div>\n                </Command>\n              </div>\n            </motion.div>\n          </>\n        )}\n      </AnimatePresence>\n    </>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/nav-command-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Command } from \"cmdk\";\nimport { useRouter } from \"next/navigation\";\nimport { Search, X, ArrowRight } from \"lucide-react\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { cn } from \"../utils/cn.js\";\n\n// ── Types ─────────────────────────────────────────────────────────────────────\n\nexport interface NavCommand {\n  id: string;\n  label: string;\n  icon: React.ComponentType<{ className?: string }>;\n  href?: string;\n  action?: () => void;\n  /** Extra search terms beyond the label */\n  keywords?: string[];\n  /** Optional one-line description shown under the label */\n  description?: string;\n}\n\nexport interface NavCommandGroup {\n  /**\n   * Optional group heading. Omit it for the primary group so its items\n   * read as the top-level menu — they render first, emphasized, with no\n   * label, separated from the headed groups below.\n   */\n  heading?: string;\n  items: NavCommand[];\n}\n\nexport interface NavCommandMenuProps {\n  commands: NavCommandGroup[];\n  /**\n   * Optional trigger element rendered inline at the component's mount point.\n   * For most apps, omit this and call `useNavCommandMenu().open()` from a\n   * separate button — that keeps the trigger in the right place in the layout.\n   */\n  trigger?: React.ReactNode;\n  /**\n   * Optional pinned account/connect area rendered below command results.\n   * Apps own the auth implementation here (passkey wallets, injected wallet\n   * connectors, Privy, Cartridge, etc.) so the shared nav stays framework-agnostic.\n   */\n  accountSlot?: React.ReactNode;\n  /**\n   * Optional control rendered in the footer row (e.g. a theme toggle).\n   * Apps own theme state (next-themes etc.) so the shared nav stays\n   * framework-agnostic — same pattern as `accountSlot`.\n   */\n  footerSlot?: React.ReactNode;\n  /**\n   * Show the \"↑↓ Navigate  ↵ Open\" keyboard-hint text next to `footerSlot`.\n   * Defaults to `true` (unchanged behavior).\n   */\n  showKeyboardHints?: boolean;\n  /**\n   * Optional override for the trailing \"medialane ⌘K\" brandmark at the\n   * footer's right edge — replaces it entirely rather than adorning it, so\n   * an app can put something more actionable there (e.g. a \"Connect\" button)\n   * instead of a static label. Omit to keep the default brandmark.\n   */\n  brandSlot?: React.ReactNode;\n}\n\n// ── Singleton hook ─────────────────────────────────────────────────────────────\n\nconst ML_NAV_OPEN  = \"ml:nav-open\";\nconst ML_NAV_CLOSE = \"ml:nav-close\";\n\nexport function useNavCommandMenu() {\n  return {\n    open:  () => document.dispatchEvent(new CustomEvent(ML_NAV_OPEN)),\n    close: () => document.dispatchEvent(new CustomEvent(ML_NAV_CLOSE)),\n  };\n}\n\n// ── Small primitives ──────────────────────────────────────────────────────────\n\nfunction Kbd({ children, className }: { children: React.ReactNode; className?: string }) {\n  return (\n    <kbd\n      className={cn(\n        \"inline-flex min-w-[18px] items-center justify-center rounded-md bg-muted/60 px-1.5 py-0.5\",\n        \"font-sans text-[10px] leading-none text-muted-foreground\",\n        className\n      )}\n    >\n      {children}\n    </kbd>\n  );\n}\n\nfunction CommandRow({ item, primary, onSelect }: { item: NavCommand; primary: boolean; onSelect: () => void }) {\n  return (\n    <Command.Item\n      value={[item.label, ...(item.keywords ?? [])].join(\" \")}\n      onSelect={onSelect}\n      className={cn(\n        \"group/item flex cursor-pointer items-center gap-3 rounded-xl\",\n        \"transition-colors duration-150 aria-selected:bg-primary/10\",\n        primary ? \"px-2.5 py-2.5\" : \"px-2.5 py-2\"\n      )}\n    >\n      <span\n        className={cn(\n          \"flex shrink-0 items-center justify-center rounded-lg transition-colors\",\n          \"bg-muted/50 group-aria-selected/item:bg-primary/15\",\n          primary ? \"h-9 w-9\" : \"h-8 w-8\"\n        )}\n      >\n        <item.icon\n          className={cn(\n            \"text-foreground/80 transition-colors group-aria-selected/item:text-primary\",\n            primary ? \"h-[18px] w-[18px]\" : \"h-4 w-4\"\n          )}\n        />\n      </span>\n      <span className=\"min-w-0 flex-1\">\n        <span\n          className={cn(\n            \"block truncate leading-tight\",\n            primary ? \"text-[15px] font-medium\" : \"text-sm\"\n          )}\n        >\n          {item.label}\n        </span>\n        {item.description && (\n          <span className=\"mt-0.5 block truncate text-[11.5px] leading-tight text-muted-foreground\">\n            {item.description}\n          </span>\n        )}\n      </span>\n      <ArrowRight className=\"h-3.5 w-3.5 shrink-0 text-muted-foreground/30 transition-colors group-aria-selected/item:text-primary/70\" />\n    </Command.Item>\n  );\n}\n\nconst GROUP_HEADING_CLASSES = cn(\n  \"[&_[cmdk-group-heading]]:px-2.5\",\n  \"[&_[cmdk-group-heading]]:pt-2\",\n  \"[&_[cmdk-group-heading]]:pb-1\",\n  \"[&_[cmdk-group-heading]]:text-[10.5px]\",\n  \"[&_[cmdk-group-heading]]:font-semibold\",\n  \"[&_[cmdk-group-heading]]:uppercase\",\n  \"[&_[cmdk-group-heading]]:tracking-[0.08em]\",\n  \"[&_[cmdk-group-heading]]:text-muted-foreground/60\"\n);\n\n// ── Component ─────────────────────────────────────────────────────────────────\n\nexport function NavCommandMenu({\n  commands,\n  trigger,\n  accountSlot,\n  footerSlot,\n  showKeyboardHints = true,\n  brandSlot,\n}: NavCommandMenuProps) {\n  const [open, setOpen] = React.useState(false);\n  const [query, setQuery] = React.useState(\"\");\n  const router = useRouter();\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  React.useEffect(() => {\n    if (!open) return;\n    setQuery(\"\");\n    const t = setTimeout(() => inputRef.current?.focus(), 60);\n    return () => clearTimeout(t);\n  }, [open]);\n\n  React.useEffect(() => {\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === \"k\" && (e.metaKey || e.ctrlKey)) {\n        e.preventDefault();\n        setOpen((prev) => !prev);\n      }\n      if (e.key === \"Escape\") setOpen(false);\n    };\n    const onOpen  = () => setOpen(true);\n    const onClose = () => setOpen(false);\n\n    document.addEventListener(\"keydown\", onKey);\n    document.addEventListener(ML_NAV_OPEN, onOpen);\n    document.addEventListener(ML_NAV_CLOSE, onClose);\n    return () => {\n      document.removeEventListener(\"keydown\", onKey);\n      document.removeEventListener(ML_NAV_OPEN, onOpen);\n      document.removeEventListener(ML_NAV_CLOSE, onClose);\n    };\n  }, []);\n\n  const runCommand = React.useCallback(\n    (cmd: NavCommand) => {\n      setOpen(false);\n      if (cmd.href) router.push(cmd.href);\n      else cmd.action?.();\n    },\n    [router]\n  );\n\n  return (\n    <>\n      {trigger}\n\n      <AnimatePresence>\n        {open && (\n          <>\n            {/* Backdrop blur */}\n            <motion.div\n              className=\"nav-canvas-overlay\"\n              initial={{ opacity: 0 }}\n              animate={{ opacity: 1 }}\n              exit={{ opacity: 0 }}\n              transition={{ duration: 0.15 }}\n              onClick={() => setOpen(false)}\n            />\n\n            {/* Command panel — centered on desktop, bottom sheet on mobile */}\n            <motion.div\n              className=\"fixed inset-0 z-[101] flex items-end justify-center p-3 pb-4 sm:items-center sm:p-4\"\n              initial={{ opacity: 0, y: 24, scale: 1 }}\n              animate={{ opacity: 1, y: 0, scale: 1 }}\n              exit={{ opacity: 0, y: 24 }}\n              transition={{ duration: 0.18, ease: \"easeOut\" }}\n              onClick={() => setOpen(false)}\n            >\n              <div\n                className={cn(\n                  \"flex w-full max-h-[85dvh] flex-col overflow-hidden rounded-[20px] sm:max-h-[min(680px,88dvh)] sm:max-w-[620px]\",\n                  \"border border-border/40 bg-background/90 shadow-2xl backdrop-blur-2xl backdrop-saturate-150\"\n                )}\n                onClick={(e) => e.stopPropagation()}\n              >\n                <Command shouldFilter label=\"Medialane navigation\" className=\"flex min-h-0 flex-1 flex-col\">\n                  {/* Drag handle (mobile) */}\n                  <div className=\"flex justify-center pt-2.5 sm:hidden\" aria-hidden=\"true\">\n                    <span className=\"h-1 w-9 rounded-full bg-muted-foreground/30\" />\n                  </div>\n\n                  {/* Search bar */}\n                  <div className=\"flex items-center gap-3 border-b border-border/40 px-4 py-3.5\">\n                    <Search\n                      className={cn(\n                        \"h-[18px] w-[18px] shrink-0 transition-colors\",\n                        query ? \"text-primary\" : \"text-muted-foreground\"\n                      )}\n                    />\n                    <Command.Input\n                      ref={inputRef}\n                      value={query}\n                      onValueChange={setQuery}\n                      placeholder=\"Search or run a command…\"\n                      className=\"flex-1 bg-transparent text-[15px] outline-none placeholder:text-muted-foreground\"\n                    />\n                    <Kbd className=\"hidden sm:inline-flex\">esc</Kbd>\n                    <button\n                      onClick={() => setOpen(false)}\n                      className=\"rounded-md p-1 transition-colors hover:bg-muted/50 sm:hidden\"\n                      aria-label=\"Close\"\n                    >\n                      <X className=\"h-4 w-4 text-muted-foreground\" />\n                    </button>\n                  </div>\n\n                  {/* Results */}\n                  <Command.List className=\"min-h-0 flex-1 overflow-y-auto overscroll-contain p-2\">\n                    <Command.Empty className=\"py-8 text-center text-sm text-muted-foreground\">\n                      No results found.\n                    </Command.Empty>\n\n                    {commands.map((group, i) => {\n                      const primary = !group.heading;\n                      return (\n                      <React.Fragment key={group.heading ?? `__primary-${i}`}>\n                        {i > 0 && (\n                          <Command.Separator className=\"my-1.5 h-px bg-border/40\" />\n                        )}\n                        <Command.Group heading={group.heading} className={GROUP_HEADING_CLASSES}>\n                          {group.items.map((item) => (\n                            <CommandRow\n                              key={item.id}\n                              item={item}\n                              primary={primary}\n                              onSelect={() => runCommand(item)}\n                            />\n                          ))}\n                        </Command.Group>\n                      </React.Fragment>\n                      );\n                    })}\n                  </Command.List>\n\n                  {accountSlot && (\n                    <div className=\"border-t border-border/40 bg-muted/20 px-3 py-3\">\n                      {accountSlot}\n                    </div>\n                  )}\n\n                  {/* Footer */}\n                  <div className=\"flex items-center justify-between gap-3 border-t border-border/40 bg-muted/20 px-3 py-2\">\n                    <div className=\"flex items-center gap-3\">\n                      {footerSlot}\n                      {showKeyboardHints && (\n                        <span className=\"hidden items-center gap-3 text-[10.5px] text-muted-foreground/70 sm:flex\">\n                          <span className=\"flex items-center gap-1\"><Kbd>↑</Kbd><Kbd>↓</Kbd> Navigate</span>\n                          <span className=\"flex items-center gap-1\"><Kbd>↵</Kbd> Open</span>\n                        </span>\n                      )}\n                    </div>\n                    {brandSlot ?? (\n                      <span className=\"flex shrink-0 items-center gap-2 text-[10px] text-muted-foreground/50\">\n                        medialane\n                        <Kbd className=\"hidden sm:inline-flex\">⌘K</Kbd>\n                      </span>\n                    )}\n                  </div>\n                </Command>\n              </div>\n            </motion.div>\n          </>\n        )}\n      </AnimatePresence>\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/nav-command-menu.d.cts

@@ -33,8 +33,8 @@ interface NavCommandMenuProps {
     trigger?: React.ReactNode;
     /**
      * Optional pinned account/connect area rendered below command results.
-     * Apps own the auth implementation here (Clerk, ChipiPay, wallet connectors,
-     * Privy, Cartridge, etc.) so the shared nav stays framework-agnostic.
+     * Apps own the auth implementation here (passkey wallets, injected wallet
+     * connectors, Privy, Cartridge, etc.) so the shared nav stays framework-agnostic.
      */
     accountSlot?: React.ReactNode;
     /**

package/dist/components/nav-command-menu.d.ts

@@ -33,8 +33,8 @@ interface NavCommandMenuProps {
     trigger?: React.ReactNode;
     /**
      * Optional pinned account/connect area rendered below command results.
-     * Apps own the auth implementation here (Clerk, ChipiPay, wallet connectors,
-     * Privy, Cartridge, etc.) so the shared nav stays framework-agnostic.
+     * Apps own the auth implementation here (passkey wallets, injected wallet
+     * connectors, Privy, Cartridge, etc.) so the shared nav stays framework-agnostic.
      */
     accountSlot?: React.ReactNode;
     /**

package/dist/components/nav-command-menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/nav-command-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Command } from \"cmdk\";\nimport { useRouter } from \"next/navigation\";\nimport { Search, X, ArrowRight } from \"lucide-react\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { cn } from \"../utils/cn.js\";\n\n// ── Types ─────────────────────────────────────────────────────────────────────\n\nexport interface NavCommand {\n  id: string;\n  label: string;\n  icon: React.ComponentType<{ className?: string }>;\n  href?: string;\n  action?: () => void;\n  /** Extra search terms beyond the label */\n  keywords?: string[];\n  /** Optional one-line description shown under the label */\n  description?: string;\n}\n\nexport interface NavCommandGroup {\n  /**\n   * Optional group heading. Omit it for the primary group so its items\n   * read as the top-level menu — they render first, emphasized, with no\n   * label, separated from the headed groups below.\n   */\n  heading?: string;\n  items: NavCommand[];\n}\n\nexport interface NavCommandMenuProps {\n  commands: NavCommandGroup[];\n  /**\n   * Optional trigger element rendered inline at the component's mount point.\n   * For most apps, omit this and call `useNavCommandMenu().open()` from a\n   * separate button — that keeps the trigger in the right place in the layout.\n   */\n  trigger?: React.ReactNode;\n  /**\n   * Optional pinned account/connect area rendered below command results.\n   * Apps own the auth implementation here (Clerk, ChipiPay, wallet connectors,\n   * Privy, Cartridge, etc.) so the shared nav stays framework-agnostic.\n   */\n  accountSlot?: React.ReactNode;\n  /**\n   * Optional control rendered in the footer row (e.g. a theme toggle).\n   * Apps own theme state (next-themes etc.) so the shared nav stays\n   * framework-agnostic — same pattern as `accountSlot`.\n   */\n  footerSlot?: React.ReactNode;\n  /**\n   * Show the \"↑↓ Navigate  ↵ Open\" keyboard-hint text next to `footerSlot`.\n   * Defaults to `true` (unchanged behavior).\n   */\n  showKeyboardHints?: boolean;\n  /**\n   * Optional override for the trailing \"medialane ⌘K\" brandmark at the\n   * footer's right edge — replaces it entirely rather than adorning it, so\n   * an app can put something more actionable there (e.g. a \"Connect\" button)\n   * instead of a static label. Omit to keep the default brandmark.\n   */\n  brandSlot?: React.ReactNode;\n}\n\n// ── Singleton hook ─────────────────────────────────────────────────────────────\n\nconst ML_NAV_OPEN  = \"ml:nav-open\";\nconst ML_NAV_CLOSE = \"ml:nav-close\";\n\nexport function useNavCommandMenu() {\n  return {\n    open:  () => document.dispatchEvent(new CustomEvent(ML_NAV_OPEN)),\n    close: () => document.dispatchEvent(new CustomEvent(ML_NAV_CLOSE)),\n  };\n}\n\n// ── Small primitives ──────────────────────────────────────────────────────────\n\nfunction Kbd({ children, className }: { children: React.ReactNode; className?: string }) {\n  return (\n    <kbd\n      className={cn(\n        \"inline-flex min-w-[18px] items-center justify-center rounded-md bg-muted/60 px-1.5 py-0.5\",\n        \"font-sans text-[10px] leading-none text-muted-foreground\",\n        className\n      )}\n    >\n      {children}\n    </kbd>\n  );\n}\n\nfunction CommandRow({ item, primary, onSelect }: { item: NavCommand; primary: boolean; onSelect: () => void }) {\n  return (\n    <Command.Item\n      value={[item.label, ...(item.keywords ?? [])].join(\" \")}\n      onSelect={onSelect}\n      className={cn(\n        \"group/item flex cursor-pointer items-center gap-3 rounded-xl\",\n        \"transition-colors duration-150 aria-selected:bg-primary/10\",\n        primary ? \"px-2.5 py-2.5\" : \"px-2.5 py-2\"\n      )}\n    >\n      <span\n        className={cn(\n          \"flex shrink-0 items-center justify-center rounded-lg transition-colors\",\n          \"bg-muted/50 group-aria-selected/item:bg-primary/15\",\n          primary ? \"h-9 w-9\" : \"h-8 w-8\"\n        )}\n      >\n        <item.icon\n          className={cn(\n            \"text-foreground/80 transition-colors group-aria-selected/item:text-primary\",\n            primary ? \"h-[18px] w-[18px]\" : \"h-4 w-4\"\n          )}\n        />\n      </span>\n      <span className=\"min-w-0 flex-1\">\n        <span\n          className={cn(\n            \"block truncate leading-tight\",\n            primary ? \"text-[15px] font-medium\" : \"text-sm\"\n          )}\n        >\n          {item.label}\n        </span>\n        {item.description && (\n          <span className=\"mt-0.5 block truncate text-[11.5px] leading-tight text-muted-foreground\">\n            {item.description}\n          </span>\n        )}\n      </span>\n      <ArrowRight className=\"h-3.5 w-3.5 shrink-0 text-muted-foreground/30 transition-colors group-aria-selected/item:text-primary/70\" />\n    </Command.Item>\n  );\n}\n\nconst GROUP_HEADING_CLASSES = cn(\n  \"[&_[cmdk-group-heading]]:px-2.5\",\n  \"[&_[cmdk-group-heading]]:pt-2\",\n  \"[&_[cmdk-group-heading]]:pb-1\",\n  \"[&_[cmdk-group-heading]]:text-[10.5px]\",\n  \"[&_[cmdk-group-heading]]:font-semibold\",\n  \"[&_[cmdk-group-heading]]:uppercase\",\n  \"[&_[cmdk-group-heading]]:tracking-[0.08em]\",\n  \"[&_[cmdk-group-heading]]:text-muted-foreground/60\"\n);\n\n// ── Component ─────────────────────────────────────────────────────────────────\n\nexport function NavCommandMenu({\n  commands,\n  trigger,\n  accountSlot,\n  footerSlot,\n  showKeyboardHints = true,\n  brandSlot,\n}: NavCommandMenuProps) {\n  const [open, setOpen] = React.useState(false);\n  const [query, setQuery] = React.useState(\"\");\n  const router = useRouter();\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  React.useEffect(() => {\n    if (!open) return;\n    setQuery(\"\");\n    const t = setTimeout(() => inputRef.current?.focus(), 60);\n    return () => clearTimeout(t);\n  }, [open]);\n\n  React.useEffect(() => {\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === \"k\" && (e.metaKey || e.ctrlKey)) {\n        e.preventDefault();\n        setOpen((prev) => !prev);\n      }\n      if (e.key === \"Escape\") setOpen(false);\n    };\n    const onOpen  = () => setOpen(true);\n    const onClose = () => setOpen(false);\n\n    document.addEventListener(\"keydown\", onKey);\n    document.addEventListener(ML_NAV_OPEN, onOpen);\n    document.addEventListener(ML_NAV_CLOSE, onClose);\n    return () => {\n      document.removeEventListener(\"keydown\", onKey);\n      document.removeEventListener(ML_NAV_OPEN, onOpen);\n      document.removeEventListener(ML_NAV_CLOSE, onClose);\n    };\n  }, []);\n\n  const runCommand = React.useCallback(\n    (cmd: NavCommand) => {\n      setOpen(false);\n      if (cmd.href) router.push(cmd.href);\n      else cmd.action?.();\n    },\n    [router]\n  );\n\n  return (\n    <>\n      {trigger}\n\n      <AnimatePresence>\n        {open && (\n          <>\n            {/* Backdrop blur */}\n            <motion.div\n              className=\"nav-canvas-overlay\"\n              initial={{ opacity: 0 }}\n              animate={{ opacity: 1 }}\n              exit={{ opacity: 0 }}\n              transition={{ duration: 0.15 }}\n              onClick={() => setOpen(false)}\n            />\n\n            {/* Command panel — centered on desktop, bottom sheet on mobile */}\n            <motion.div\n              className=\"fixed inset-0 z-[101] flex items-end justify-center p-3 pb-4 sm:items-center sm:p-4\"\n              initial={{ opacity: 0, y: 24, scale: 1 }}\n              animate={{ opacity: 1, y: 0, scale: 1 }}\n              exit={{ opacity: 0, y: 24 }}\n              transition={{ duration: 0.18, ease: \"easeOut\" }}\n              onClick={() => setOpen(false)}\n            >\n              <div\n                className={cn(\n                  \"flex w-full max-h-[85dvh] flex-col overflow-hidden rounded-[20px] sm:max-h-[min(680px,88dvh)] sm:max-w-[620px]\",\n                  \"border border-border/40 bg-background/90 shadow-2xl backdrop-blur-2xl backdrop-saturate-150\"\n                )}\n                onClick={(e) => e.stopPropagation()}\n              >\n                <Command shouldFilter label=\"Medialane navigation\" className=\"flex min-h-0 flex-1 flex-col\">\n                  {/* Drag handle (mobile) */}\n                  <div className=\"flex justify-center pt-2.5 sm:hidden\" aria-hidden=\"true\">\n                    <span className=\"h-1 w-9 rounded-full bg-muted-foreground/30\" />\n                  </div>\n\n                  {/* Search bar */}\n                  <div className=\"flex items-center gap-3 border-b border-border/40 px-4 py-3.5\">\n                    <Search\n                      className={cn(\n                        \"h-[18px] w-[18px] shrink-0 transition-colors\",\n                        query ? \"text-primary\" : \"text-muted-foreground\"\n                      )}\n                    />\n                    <Command.Input\n                      ref={inputRef}\n                      value={query}\n                      onValueChange={setQuery}\n                      placeholder=\"Search or run a command…\"\n                      className=\"flex-1 bg-transparent text-[15px] outline-none placeholder:text-muted-foreground\"\n                    />\n                    <Kbd className=\"hidden sm:inline-flex\">esc</Kbd>\n                    <button\n                      onClick={() => setOpen(false)}\n                      className=\"rounded-md p-1 transition-colors hover:bg-muted/50 sm:hidden\"\n                      aria-label=\"Close\"\n                    >\n                      <X className=\"h-4 w-4 text-muted-foreground\" />\n                    </button>\n                  </div>\n\n                  {/* Results */}\n                  <Command.List className=\"min-h-0 flex-1 overflow-y-auto overscroll-contain p-2\">\n                    <Command.Empty className=\"py-8 text-center text-sm text-muted-foreground\">\n                      No results found.\n                    </Command.Empty>\n\n                    {commands.map((group, i) => {\n                      const primary = !group.heading;\n                      return (\n                      <React.Fragment key={group.heading ?? `__primary-${i}`}>\n                        {i > 0 && (\n                          <Command.Separator className=\"my-1.5 h-px bg-border/40\" />\n                        )}\n                        <Command.Group heading={group.heading} className={GROUP_HEADING_CLASSES}>\n                          {group.items.map((item) => (\n                            <CommandRow\n                              key={item.id}\n                              item={item}\n                              primary={primary}\n                              onSelect={() => runCommand(item)}\n                            />\n                          ))}\n                        </Command.Group>\n                      </React.Fragment>\n                      );\n                    })}\n                  </Command.List>\n\n                  {accountSlot && (\n                    <div className=\"border-t border-border/40 bg-muted/20 px-3 py-3\">\n                      {accountSlot}\n                    </div>\n                  )}\n\n                  {/* Footer */}\n                  <div className=\"flex items-center justify-between gap-3 border-t border-border/40 bg-muted/20 px-3 py-2\">\n                    <div className=\"flex items-center gap-3\">\n                      {footerSlot}\n                      {showKeyboardHints && (\n                        <span className=\"hidden items-center gap-3 text-[10.5px] text-muted-foreground/70 sm:flex\">\n                          <span className=\"flex items-center gap-1\"><Kbd>↑</Kbd><Kbd>↓</Kbd> Navigate</span>\n                          <span className=\"flex items-center gap-1\"><Kbd>↵</Kbd> Open</span>\n                        </span>\n                      )}\n                    </div>\n                    {brandSlot ?? (\n                      <span className=\"flex shrink-0 items-center gap-2 text-[10px] text-muted-foreground/50\">\n                        medialane\n                        <Kbd className=\"hidden sm:inline-flex\">⌘K</Kbd>\n                      </span>\n                    )}\n                  </div>\n                </Command>\n              </div>\n            </motion.div>\n          </>\n        )}\n      </AnimatePresence>\n    </>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/nav-command-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Command } from \"cmdk\";\nimport { useRouter } from \"next/navigation\";\nimport { Search, X, ArrowRight } from \"lucide-react\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { cn } from \"../utils/cn.js\";\n\n// ── Types ─────────────────────────────────────────────────────────────────────\n\nexport interface NavCommand {\n  id: string;\n  label: string;\n  icon: React.ComponentType<{ className?: string }>;\n  href?: string;\n  action?: () => void;\n  /** Extra search terms beyond the label */\n  keywords?: string[];\n  /** Optional one-line description shown under the label */\n  description?: string;\n}\n\nexport interface NavCommandGroup {\n  /**\n   * Optional group heading. Omit it for the primary group so its items\n   * read as the top-level menu — they render first, emphasized, with no\n   * label, separated from the headed groups below.\n   */\n  heading?: string;\n  items: NavCommand[];\n}\n\nexport interface NavCommandMenuProps {\n  commands: NavCommandGroup[];\n  /**\n   * Optional trigger element rendered inline at the component's mount point.\n   * For most apps, omit this and call `useNavCommandMenu().open()` from a\n   * separate button — that keeps the trigger in the right place in the layout.\n   */\n  trigger?: React.ReactNode;\n  /**\n   * Optional pinned account/connect area rendered below command results.\n   * Apps own the auth implementation here (passkey wallets, injected wallet\n   * connectors, Privy, Cartridge, etc.) so the shared nav stays framework-agnostic.\n   */\n  accountSlot?: React.ReactNode;\n  /**\n   * Optional control rendered in the footer row (e.g. a theme toggle).\n   * Apps own theme state (next-themes etc.) so the shared nav stays\n   * framework-agnostic — same pattern as `accountSlot`.\n   */\n  footerSlot?: React.ReactNode;\n  /**\n   * Show the \"↑↓ Navigate  ↵ Open\" keyboard-hint text next to `footerSlot`.\n   * Defaults to `true` (unchanged behavior).\n   */\n  showKeyboardHints?: boolean;\n  /**\n   * Optional override for the trailing \"medialane ⌘K\" brandmark at the\n   * footer's right edge — replaces it entirely rather than adorning it, so\n   * an app can put something more actionable there (e.g. a \"Connect\" button)\n   * instead of a static label. Omit to keep the default brandmark.\n   */\n  brandSlot?: React.ReactNode;\n}\n\n// ── Singleton hook ─────────────────────────────────────────────────────────────\n\nconst ML_NAV_OPEN  = \"ml:nav-open\";\nconst ML_NAV_CLOSE = \"ml:nav-close\";\n\nexport function useNavCommandMenu() {\n  return {\n    open:  () => document.dispatchEvent(new CustomEvent(ML_NAV_OPEN)),\n    close: () => document.dispatchEvent(new CustomEvent(ML_NAV_CLOSE)),\n  };\n}\n\n// ── Small primitives ──────────────────────────────────────────────────────────\n\nfunction Kbd({ children, className }: { children: React.ReactNode; className?: string }) {\n  return (\n    <kbd\n      className={cn(\n        \"inline-flex min-w-[18px] items-center justify-center rounded-md bg-muted/60 px-1.5 py-0.5\",\n        \"font-sans text-[10px] leading-none text-muted-foreground\",\n        className\n      )}\n    >\n      {children}\n    </kbd>\n  );\n}\n\nfunction CommandRow({ item, primary, onSelect }: { item: NavCommand; primary: boolean; onSelect: () => void }) {\n  return (\n    <Command.Item\n      value={[item.label, ...(item.keywords ?? [])].join(\" \")}\n      onSelect={onSelect}\n      className={cn(\n        \"group/item flex cursor-pointer items-center gap-3 rounded-xl\",\n        \"transition-colors duration-150 aria-selected:bg-primary/10\",\n        primary ? \"px-2.5 py-2.5\" : \"px-2.5 py-2\"\n      )}\n    >\n      <span\n        className={cn(\n          \"flex shrink-0 items-center justify-center rounded-lg transition-colors\",\n          \"bg-muted/50 group-aria-selected/item:bg-primary/15\",\n          primary ? \"h-9 w-9\" : \"h-8 w-8\"\n        )}\n      >\n        <item.icon\n          className={cn(\n            \"text-foreground/80 transition-colors group-aria-selected/item:text-primary\",\n            primary ? \"h-[18px] w-[18px]\" : \"h-4 w-4\"\n          )}\n        />\n      </span>\n      <span className=\"min-w-0 flex-1\">\n        <span\n          className={cn(\n            \"block truncate leading-tight\",\n            primary ? \"text-[15px] font-medium\" : \"text-sm\"\n          )}\n        >\n          {item.label}\n        </span>\n        {item.description && (\n          <span className=\"mt-0.5 block truncate text-[11.5px] leading-tight text-muted-foreground\">\n            {item.description}\n          </span>\n        )}\n      </span>\n      <ArrowRight className=\"h-3.5 w-3.5 shrink-0 text-muted-foreground/30 transition-colors group-aria-selected/item:text-primary/70\" />\n    </Command.Item>\n  );\n}\n\nconst GROUP_HEADING_CLASSES = cn(\n  \"[&_[cmdk-group-heading]]:px-2.5\",\n  \"[&_[cmdk-group-heading]]:pt-2\",\n  \"[&_[cmdk-group-heading]]:pb-1\",\n  \"[&_[cmdk-group-heading]]:text-[10.5px]\",\n  \"[&_[cmdk-group-heading]]:font-semibold\",\n  \"[&_[cmdk-group-heading]]:uppercase\",\n  \"[&_[cmdk-group-heading]]:tracking-[0.08em]\",\n  \"[&_[cmdk-group-heading]]:text-muted-foreground/60\"\n);\n\n// ── Component ─────────────────────────────────────────────────────────────────\n\nexport function NavCommandMenu({\n  commands,\n  trigger,\n  accountSlot,\n  footerSlot,\n  showKeyboardHints = true,\n  brandSlot,\n}: NavCommandMenuProps) {\n  const [open, setOpen] = React.useState(false);\n  const [query, setQuery] = React.useState(\"\");\n  const router = useRouter();\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  React.useEffect(() => {\n    if (!open) return;\n    setQuery(\"\");\n    const t = setTimeout(() => inputRef.current?.focus(), 60);\n    return () => clearTimeout(t);\n  }, [open]);\n\n  React.useEffect(() => {\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === \"k\" && (e.metaKey || e.ctrlKey)) {\n        e.preventDefault();\n        setOpen((prev) => !prev);\n      }\n      if (e.key === \"Escape\") setOpen(false);\n    };\n    const onOpen  = () => setOpen(true);\n    const onClose = () => setOpen(false);\n\n    document.addEventListener(\"keydown\", onKey);\n    document.addEventListener(ML_NAV_OPEN, onOpen);\n    document.addEventListener(ML_NAV_CLOSE, onClose);\n    return () => {\n      document.removeEventListener(\"keydown\", onKey);\n      document.removeEventListener(ML_NAV_OPEN, onOpen);\n      document.removeEventListener(ML_NAV_CLOSE, onClose);\n    };\n  }, []);\n\n  const runCommand = React.useCallback(\n    (cmd: NavCommand) => {\n      setOpen(false);\n      if (cmd.href) router.push(cmd.href);\n      else cmd.action?.();\n    },\n    [router]\n  );\n\n  return (\n    <>\n      {trigger}\n\n      <AnimatePresence>\n        {open && (\n          <>\n            {/* Backdrop blur */}\n            <motion.div\n              className=\"nav-canvas-overlay\"\n              initial={{ opacity: 0 }}\n              animate={{ opacity: 1 }}\n              exit={{ opacity: 0 }}\n              transition={{ duration: 0.15 }}\n              onClick={() => setOpen(false)}\n            />\n\n            {/* Command panel — centered on desktop, bottom sheet on mobile */}\n            <motion.div\n              className=\"fixed inset-0 z-[101] flex items-end justify-center p-3 pb-4 sm:items-center sm:p-4\"\n              initial={{ opacity: 0, y: 24, scale: 1 }}\n              animate={{ opacity: 1, y: 0, scale: 1 }}\n              exit={{ opacity: 0, y: 24 }}\n              transition={{ duration: 0.18, ease: \"easeOut\" }}\n              onClick={() => setOpen(false)}\n            >\n              <div\n                className={cn(\n                  \"flex w-full max-h-[85dvh] flex-col overflow-hidden rounded-[20px] sm:max-h-[min(680px,88dvh)] sm:max-w-[620px]\",\n                  \"border border-border/40 bg-background/90 shadow-2xl backdrop-blur-2xl backdrop-saturate-150\"\n                )}\n                onClick={(e) => e.stopPropagation()}\n              >\n                <Command shouldFilter label=\"Medialane navigation\" className=\"flex min-h-0 flex-1 flex-col\">\n                  {/* Drag handle (mobile) */}\n                  <div className=\"flex justify-center pt-2.5 sm:hidden\" aria-hidden=\"true\">\n                    <span className=\"h-1 w-9 rounded-full bg-muted-foreground/30\" />\n                  </div>\n\n                  {/* Search bar */}\n                  <div className=\"flex items-center gap-3 border-b border-border/40 px-4 py-3.5\">\n                    <Search\n                      className={cn(\n                        \"h-[18px] w-[18px] shrink-0 transition-colors\",\n                        query ? \"text-primary\" : \"text-muted-foreground\"\n                      )}\n                    />\n                    <Command.Input\n                      ref={inputRef}\n                      value={query}\n                      onValueChange={setQuery}\n                      placeholder=\"Search or run a command…\"\n                      className=\"flex-1 bg-transparent text-[15px] outline-none placeholder:text-muted-foreground\"\n                    />\n                    <Kbd className=\"hidden sm:inline-flex\">esc</Kbd>\n                    <button\n                      onClick={() => setOpen(false)}\n                      className=\"rounded-md p-1 transition-colors hover:bg-muted/50 sm:hidden\"\n                      aria-label=\"Close\"\n                    >\n                      <X className=\"h-4 w-4 text-muted-foreground\" />\n                    </button>\n                  </div>\n\n                  {/* Results */}\n                  <Command.List className=\"min-h-0 flex-1 overflow-y-auto overscroll-contain p-2\">\n                    <Command.Empty className=\"py-8 text-center text-sm text-muted-foreground\">\n                      No results found.\n                    </Command.Empty>\n\n                    {commands.map((group, i) => {\n                      const primary = !group.heading;\n                      return (\n                      <React.Fragment key={group.heading ?? `__primary-${i}`}>\n                        {i > 0 && (\n                          <Command.Separator className=\"my-1.5 h-px bg-border/40\" />\n                        )}\n                        <Command.Group heading={group.heading} className={GROUP_HEADING_CLASSES}>\n                          {group.items.map((item) => (\n                            <CommandRow\n                              key={item.id}\n                              item={item}\n                              primary={primary}\n                              onSelect={() => runCommand(item)}\n                            />\n                          ))}\n                        </Command.Group>\n                      </React.Fragment>\n                      );\n                    })}\n                  </Command.List>\n\n                  {accountSlot && (\n                    <div className=\"border-t border-border/40 bg-muted/20 px-3 py-3\">\n                      {accountSlot}\n                    </div>\n                  )}\n\n                  {/* Footer */}\n                  <div className=\"flex items-center justify-between gap-3 border-t border-border/40 bg-muted/20 px-3 py-2\">\n                    <div className=\"flex items-center gap-3\">\n                      {footerSlot}\n                      {showKeyboardHints && (\n                        <span className=\"hidden items-center gap-3 text-[10.5px] text-muted-foreground/70 sm:flex\">\n                          <span className=\"flex items-center gap-1\"><Kbd>↑</Kbd><Kbd>↓</Kbd> Navigate</span>\n                          <span className=\"flex items-center gap-1\"><Kbd>↵</Kbd> Open</span>\n                        </span>\n                      )}\n                    </div>\n                    {brandSlot ?? (\n                      <span className=\"flex shrink-0 items-center gap-2 text-[10px] text-muted-foreground/50\">\n                        medialane\n                        <Kbd className=\"hidden sm:inline-flex\">⌘K</Kbd>\n                      </span>\n                    )}\n                  </div>\n                </Command>\n              </div>\n            </motion.div>\n          </>\n        )}\n      </AnimatePresence>\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/nav-shell.cjs

@@ -87,7 +87,7 @@ function NavIconButton({ onClick, className, indicator, children, ...rest }) {
   );
 }
 const NavWalletTrigger = React.forwardRef(
-  function NavWalletTrigger2({ onClick, className, connected = false, iconSrc, disconnectedIcon, ...rest }, ref) {
+  function NavWalletTrigger2({ onClick, className, connected = false, iconSrc, disconnectedIcon, connectedIcon, ...rest }, ref) {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "button",
       {
@@ -105,7 +105,7 @@ const NavWalletTrigger = React.forwardRef(
         ),
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ml-nav-wallet-ring", "aria-hidden": "true" }),
-          connected ? iconSrc ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: iconSrc, alt: "", width: 16, height: 16, className: "h-4 w-4 shrink-0 rounded-full" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.User, { className: "h-3.5 w-3.5" }) : disconnectedIcon ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Wallet, { className: "h-3.5 w-3.5" })
+          connected ? iconSrc ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: iconSrc, alt: "", width: 16, height: 16, className: "h-4 w-4 shrink-0 rounded-full" }) : connectedIcon ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.User, { className: "h-3.5 w-3.5" }) : disconnectedIcon ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Wallet, { className: "h-3.5 w-3.5" })
         ]
       }
     );