@medialane/ui 0.3.0 → 0.3.2

package/dist/components/discover-creators-strip.js

@@ -0,0 +1,107 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Users, ArrowRight, AtSign } from "lucide-react";
+import { FadeIn } from "./motion-primitives.js";
+import { ipfsToHttp } from "../utils/ipfs.js";
+function hslGradient(seed) {
+  const hue = seed.split("").reduce((acc, c) => acc + c.charCodeAt(0), 0) % 360;
+  const hue2 = (hue + 60) % 360;
+  return `linear-gradient(135deg, hsl(${hue},55%,35%), hsl(${hue2},50%,22%))`;
+}
+function CreatorChipSkeleton() {
+  return /* @__PURE__ */ jsx("div", { className: "shrink-0 w-64 aspect-[3/4] rounded-xl bg-muted animate-pulse" });
+}
+function CreatorChip({
+  creator,
+  href
+}) {
+  const [avatarError, setAvatarError] = useState(false);
+  const [bannerError, setBannerError] = useState(false);
+  const avatarUrl = creator.avatarImage && !avatarError ? ipfsToHttp(creator.avatarImage) : null;
+  const bannerUrl = creator.bannerImage && !bannerError ? ipfsToHttp(creator.bannerImage) : null;
+  const displayName = creator.displayName || `@${creator.username}`;
+  const gradient = hslGradient(creator.username ?? "a");
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      href,
+      className: "block shrink-0 w-64 snap-start active:scale-[0.97] transition-transform duration-150 select-none",
+      children: /* @__PURE__ */ jsxs("div", { className: "relative aspect-[3/4] rounded-xl overflow-hidden", children: [
+        bannerUrl ? /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: bannerUrl,
+            alt: "",
+            "aria-hidden": true,
+            loading: "lazy",
+            className: "absolute inset-0 w-full h-full object-cover",
+            onError: () => setBannerError(true)
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: "absolute inset-0", style: { background: gradient } }),
+        /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/80 via-black/10 to-transparent" }),
+        /* @__PURE__ */ jsxs("div", { className: "absolute bottom-0 inset-x-0 p-2.5 space-y-1.5", children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "h-8 w-8 rounded-full ring-2 ring-white/20 overflow-hidden flex items-center justify-center",
+              style: !avatarUrl ? { background: gradient } : {},
+              children: avatarUrl ? /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: avatarUrl,
+                  alt: displayName ?? "",
+                  loading: "lazy",
+                  className: "h-full w-full object-cover",
+                  onError: () => setAvatarError(true)
+                }
+              ) : /* @__PURE__ */ jsx("span", { className: "text-xs font-black text-white", children: (displayName ?? "?").charAt(0).toUpperCase() })
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "font-bold text-white text-xs truncate", children: displayName }),
+            /* @__PURE__ */ jsxs("p", { className: "text-[10px] text-white/55 flex items-center gap-0.5", children: [
+              /* @__PURE__ */ jsx(AtSign, { className: "h-2 w-2 shrink-0" }),
+              /* @__PURE__ */ jsx("span", { className: "truncate", children: creator.username })
+            ] })
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+function DiscoverCreatorsStrip({
+  creators,
+  isLoading,
+  getHref,
+  allCreatorsHref = "/creators"
+}) {
+  if (!isLoading && creators.length === 0) return null;
+  return /* @__PURE__ */ jsx(FadeIn, { children: /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "section-label", children: "Creator network" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-0.5", children: [
+          /* @__PURE__ */ jsx(Users, { className: "h-4 w-4 text-brand-purple" }),
+          /* @__PURE__ */ jsx("h2", { className: "text-lg font-bold", children: "Creators" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href: allCreatorsHref,
+          className: "inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground px-3 py-1.5 rounded-md hover:bg-accent transition-colors",
+          children: [
+            "View all ",
+            /* @__PURE__ */ jsx(ArrowRight, { className: "h-3.5 w-3.5" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "overflow-x-auto scrollbar-hide snap-x snap-mandatory -mx-4 px-4 md:mx-0 md:px-0", children: /* @__PURE__ */ jsx("div", { className: "flex gap-3 w-max pb-1", children: isLoading ? Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx(CreatorChipSkeleton, {}, i)) : creators.map((c) => /* @__PURE__ */ jsx(CreatorChip, { creator: c, href: getHref(c) }, c.walletAddress)) }) })
+  ] }) });
+}
+export {
+  DiscoverCreatorsStrip
+};
+//# sourceMappingURL=discover-creators-strip.js.map

package/dist/components/discover-creators-strip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/discover-creators-strip.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { Users, ArrowRight, AtSign } from \"lucide-react\";\nimport { FadeIn } from \"./motion-primitives.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport type { ApiCreatorProfile } from \"@medialane/sdk\";\n\nexport interface DiscoverCreatorsStripProps {\n  creators: ApiCreatorProfile[];\n  isLoading: boolean;\n  getHref: (creator: ApiCreatorProfile) => string;\n  allCreatorsHref?: string;\n}\n\nfunction hslGradient(seed: string) {\n  const hue = seed.split(\"\").reduce((acc, c) => acc + c.charCodeAt(0), 0) % 360;\n  const hue2 = (hue + 60) % 360;\n  return `linear-gradient(135deg, hsl(${hue},55%,35%), hsl(${hue2},50%,22%))`;\n}\n\nfunction CreatorChipSkeleton() {\n  return (\n    <div className=\"shrink-0 w-64 aspect-[3/4] rounded-xl bg-muted animate-pulse\" />\n  );\n}\n\nfunction CreatorChip({\n  creator,\n  href,\n}: {\n  creator: ApiCreatorProfile;\n  href: string;\n}) {\n  const [avatarError, setAvatarError] = useState(false);\n  const [bannerError, setBannerError] = useState(false);\n\n  const avatarUrl = creator.avatarImage && !avatarError ? ipfsToHttp(creator.avatarImage) : null;\n  const bannerUrl = creator.bannerImage && !bannerError ? ipfsToHttp(creator.bannerImage) : null;\n  const displayName = creator.displayName || `@${creator.username}`;\n  const gradient = hslGradient(creator.username ?? \"a\");\n\n  return (\n    <a\n      href={href}\n      className=\"block shrink-0 w-64 snap-start active:scale-[0.97] transition-transform duration-150 select-none\"\n    >\n      <div className=\"relative aspect-[3/4] rounded-xl overflow-hidden\">\n        {bannerUrl ? (\n          <img\n            src={bannerUrl}\n            alt=\"\"\n            aria-hidden\n            loading=\"lazy\"\n            className=\"absolute inset-0 w-full h-full object-cover\"\n            onError={() => setBannerError(true)}\n          />\n        ) : (\n          <div className=\"absolute inset-0\" style={{ background: gradient }} />\n        )}\n        <div className=\"absolute inset-0 bg-gradient-to-t from-black/80 via-black/10 to-transparent\" />\n        <div className=\"absolute bottom-0 inset-x-0 p-2.5 space-y-1.5\">\n          <div\n            className=\"h-8 w-8 rounded-full ring-2 ring-white/20 overflow-hidden flex items-center justify-center\"\n            style={!avatarUrl ? { background: gradient } : {}}\n          >\n            {avatarUrl ? (\n              <img\n                src={avatarUrl}\n                alt={displayName ?? \"\"}\n                loading=\"lazy\"\n                className=\"h-full w-full object-cover\"\n                onError={() => setAvatarError(true)}\n              />\n            ) : (\n              <span className=\"text-xs font-black text-white\">\n                {(displayName ?? \"?\").charAt(0).toUpperCase()}\n              </span>\n            )}\n          </div>\n          <div>\n            <p className=\"font-bold text-white text-xs truncate\">{displayName}</p>\n            <p className=\"text-[10px] text-white/55 flex items-center gap-0.5\">\n              <AtSign className=\"h-2 w-2 shrink-0\" />\n              <span className=\"truncate\">{creator.username}</span>\n            </p>\n          </div>\n        </div>\n      </div>\n    </a>\n  );\n}\n\nexport function DiscoverCreatorsStrip({\n  creators,\n  isLoading,\n  getHref,\n  allCreatorsHref = \"/creators\",\n}: DiscoverCreatorsStripProps) {\n  if (!isLoading && creators.length === 0) return null;\n\n  return (\n    <FadeIn>\n      <div className=\"space-y-3\">\n        <div className=\"flex items-center justify-between\">\n          <div>\n            <p className=\"section-label\">Creator network</p>\n            <div className=\"flex items-center gap-2 mt-0.5\">\n              <Users className=\"h-4 w-4 text-brand-purple\" />\n              <h2 className=\"text-lg font-bold\">Creators</h2>\n            </div>\n          </div>\n          <a\n            href={allCreatorsHref}\n            className=\"inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground px-3 py-1.5 rounded-md hover:bg-accent transition-colors\"\n          >\n            View all <ArrowRight className=\"h-3.5 w-3.5\" />\n          </a>\n        </div>\n        <div className=\"overflow-x-auto scrollbar-hide snap-x snap-mandatory -mx-4 px-4 md:mx-0 md:px-0\">\n          <div className=\"flex gap-3 w-max pb-1\">\n            {isLoading\n              ? Array.from({ length: 6 }).map((_, i) => <CreatorChipSkeleton key={i} />)\n              : creators.map((c) => (\n                  <CreatorChip key={c.walletAddress} creator={c} href={getHref(c)} />\n                ))}\n          </div>\n        </div>\n      </div>\n    </FadeIn>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/discover-feed-section.cjs

@@ -0,0 +1,96 @@
+"use strict";
+"use client";
+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 discover_feed_section_exports = {};
+__export(discover_feed_section_exports, {
+  DiscoverFeedSection: () => DiscoverFeedSection
+});
+module.exports = __toCommonJS(discover_feed_section_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_react = require("lucide-react");
+var import_motion_primitives = require("./motion-primitives.js");
+var import_listing_card = require("./listing-card.js");
+var import_activity_feed_shell = require("./activity-feed-shell.js");
+var import_activity_row = require("./activity-row.js");
+function DiscoverFeedSection({
+  orders,
+  isLoading,
+  activities,
+  activitiesLoading,
+  lastUpdated,
+  getAssetHref = (c, t) => `/asset/${c}/${t}`,
+  getActorHref = (a) => `/creator/${a}`,
+  explorerUrl = "https://voyager.online",
+  marketplaceHref = "/marketplace",
+  activitiesHref = "/activities"
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_motion_primitives.FadeIn, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "section-label", children: "Markets" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 mt-0.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Tag, { className: "h-4 w-4 text-brand-rose" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-lg font-bold", children: "Activity" })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "a",
+          {
+            href: marketplaceHref,
+            className: "inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground px-3 py-1.5 rounded-md hover:bg-accent transition-colors",
+            children: "View all"
+          }
+        )
+      ] }),
+      isLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-3 gap-3", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_listing_card.ListingCardSkeleton, {}, i)) }) : orders.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rounded-xl border border-border py-12 text-center text-sm text-muted-foreground", children: "No active listings yet." }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-3 gap-3", children: orders.map((o) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_listing_card.ListingCard, { order: o, compact: true }, o.orderHash)) })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_motion_primitives.FadeIn, { delay: 0.08, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_activity_feed_shell.ActivityFeedShell,
+      {
+        title: "Community",
+        href: activitiesHref,
+        hrefLabel: "Activities",
+        lastUpdated,
+        isLoading: activitiesLoading,
+        children: activities.map((act, i) => {
+          const key = act.txHash ? `${act.txHash}-${act.type}-${act.nftTokenId ?? ""}` : `activity-${i}`;
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_activity_row.ActivityRow,
+            {
+              activity: act,
+              showActor: true,
+              showExplorer: false,
+              compact: true,
+              getAssetHref,
+              getActorHref,
+              explorerUrl
+            },
+            key
+          );
+        })
+      }
+    ) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DiscoverFeedSection
+});
+//# sourceMappingURL=discover-feed-section.cjs.map

package/dist/components/discover-feed-section.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/discover-feed-section.tsx"],"sourcesContent":["\"use client\";\n\nimport { Tag } from \"lucide-react\";\nimport { FadeIn } from \"./motion-primitives.js\";\nimport { ListingCard, ListingCardSkeleton } from \"./listing-card.js\";\nimport { ActivityFeedShell } from \"./activity-feed-shell.js\";\nimport { ActivityRow } from \"./activity-row.js\";\nimport type { ApiOrder, ApiActivity } from \"@medialane/sdk\";\n\nexport interface DiscoverFeedSectionProps {\n  orders: ApiOrder[];\n  isLoading: boolean;\n  activities: ApiActivity[];\n  activitiesLoading: boolean;\n  lastUpdated: string;\n  getAssetHref?: (contract: string, tokenId: string) => string;\n  getActorHref?: (address: string) => string;\n  explorerUrl?: string;\n  marketplaceHref?: string;\n  activitiesHref?: string;\n}\n\nexport function DiscoverFeedSection({\n  orders,\n  isLoading,\n  activities,\n  activitiesLoading,\n  lastUpdated,\n  getAssetHref = (c, t) => `/asset/${c}/${t}`,\n  getActorHref = (a) => `/creator/${a}`,\n  explorerUrl = \"https://voyager.online\",\n  marketplaceHref = \"/marketplace\",\n  activitiesHref = \"/activities\",\n}: DiscoverFeedSectionProps) {\n  return (\n    <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\n      {/* New Listings */}\n      <FadeIn>\n        <div className=\"space-y-3\">\n          <div className=\"flex items-center justify-between\">\n            <div>\n              <p className=\"section-label\">Markets</p>\n              <div className=\"flex items-center gap-2 mt-0.5\">\n                <Tag className=\"h-4 w-4 text-brand-rose\" />\n                <h2 className=\"text-lg font-bold\">Activity</h2>\n              </div>\n            </div>\n            <a\n              href={marketplaceHref}\n              className=\"inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground px-3 py-1.5 rounded-md hover:bg-accent transition-colors\"\n            >\n              View all\n            </a>\n          </div>\n\n          {isLoading ? (\n            <div className=\"grid grid-cols-3 gap-3\">\n              {Array.from({ length: 6 }).map((_, i) => <ListingCardSkeleton key={i} />)}\n            </div>\n          ) : orders.length === 0 ? (\n            <div className=\"rounded-xl border border-border py-12 text-center text-sm text-muted-foreground\">\n              No active listings yet.\n            </div>\n          ) : (\n            <div className=\"grid grid-cols-3 gap-3\">\n              {orders.map((o) => (\n                <ListingCard key={o.orderHash} order={o} compact />\n              ))}\n            </div>\n          )}\n        </div>\n      </FadeIn>\n\n      {/* Recent Activity */}\n      <FadeIn delay={0.08}>\n        <ActivityFeedShell\n          title=\"Community\"\n          href={activitiesHref}\n          hrefLabel=\"Activities\"\n          lastUpdated={lastUpdated}\n          isLoading={activitiesLoading}\n        >\n          {activities.map((act, i) => {\n            const key = act.txHash\n              ? `${act.txHash}-${act.type}-${act.nftTokenId ?? \"\"}`\n              : `activity-${i}`;\n            return (\n              <ActivityRow\n                key={key}\n                activity={act}\n                showActor\n                showExplorer={false}\n                compact\n                getAssetHref={getAssetHref}\n                getActorHref={getActorHref}\n                explorerUrl={explorerUrl}\n              />\n            );\n          })}\n        </ActivityFeedShell>\n      </FadeIn>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyCc;AAvCd,0BAAoB;AACpB,+BAAuB;AACvB,0BAAiD;AACjD,iCAAkC;AAClC,0BAA4B;AAgBrB,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe,CAAC,GAAG,MAAM,UAAU,CAAC,IAAI,CAAC;AAAA,EACzC,eAAe,CAAC,MAAM,YAAY,CAAC;AAAA,EACnC,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,iBAAiB;AACnB,GAA6B;AAC3B,SACE,6CAAC,SAAI,WAAU,yCAEb;AAAA,gDAAC,mCACC,uDAAC,SAAI,WAAU,aACb;AAAA,mDAAC,SAAI,WAAU,qCACb;AAAA,qDAAC,SACC;AAAA,sDAAC,OAAE,WAAU,iBAAgB,qBAAO;AAAA,UACpC,6CAAC,SAAI,WAAU,kCACb;AAAA,wDAAC,2BAAI,WAAU,2BAA0B;AAAA,YACzC,4CAAC,QAAG,WAAU,qBAAoB,sBAAQ;AAAA,aAC5C;AAAA,WACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,WAAU;AAAA,YACX;AAAA;AAAA,QAED;AAAA,SACF;AAAA,MAEC,YACC,4CAAC,SAAI,WAAU,0BACZ,gBAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MAAM,4CAAC,6CAAyB,CAAG,CAAE,GAC1E,IACE,OAAO,WAAW,IACpB,4CAAC,SAAI,WAAU,mFAAkF,qCAEjG,IAEA,4CAAC,SAAI,WAAU,0BACZ,iBAAO,IAAI,CAAC,MACX,4CAAC,mCAA8B,OAAO,GAAG,SAAO,QAA9B,EAAE,SAA6B,CAClD,GACH;AAAA,OAEJ,GACF;AAAA,IAGA,4CAAC,mCAAO,OAAO,MACb;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,MAAM;AAAA,QACN,WAAU;AAAA,QACV;AAAA,QACA,WAAW;AAAA,QAEV,qBAAW,IAAI,CAAC,KAAK,MAAM;AAC1B,gBAAM,MAAM,IAAI,SACZ,GAAG,IAAI,MAAM,IAAI,IAAI,IAAI,IAAI,IAAI,cAAc,EAAE,KACjD,YAAY,CAAC;AACjB,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,UAAU;AAAA,cACV,WAAS;AAAA,cACT,cAAc;AAAA,cACd,SAAO;AAAA,cACP;AAAA,cACA;AAAA,cACA;AAAA;AAAA,YAPK;AAAA,UAQP;AAAA,QAEJ,CAAC;AAAA;AAAA,IACH,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/discover-feed-section.d.cts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiOrder, ApiActivity } from '@medialane/sdk';
+
+interface DiscoverFeedSectionProps {
+    orders: ApiOrder[];
+    isLoading: boolean;
+    activities: ApiActivity[];
+    activitiesLoading: boolean;
+    lastUpdated: string;
+    getAssetHref?: (contract: string, tokenId: string) => string;
+    getActorHref?: (address: string) => string;
+    explorerUrl?: string;
+    marketplaceHref?: string;
+    activitiesHref?: string;
+}
+declare function DiscoverFeedSection({ orders, isLoading, activities, activitiesLoading, lastUpdated, getAssetHref, getActorHref, explorerUrl, marketplaceHref, activitiesHref, }: DiscoverFeedSectionProps): react_jsx_runtime.JSX.Element;
+
+export { DiscoverFeedSection, type DiscoverFeedSectionProps };

package/dist/components/discover-feed-section.d.ts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiOrder, ApiActivity } from '@medialane/sdk';
+
+interface DiscoverFeedSectionProps {
+    orders: ApiOrder[];
+    isLoading: boolean;
+    activities: ApiActivity[];
+    activitiesLoading: boolean;
+    lastUpdated: string;
+    getAssetHref?: (contract: string, tokenId: string) => string;
+    getActorHref?: (address: string) => string;
+    explorerUrl?: string;
+    marketplaceHref?: string;
+    activitiesHref?: string;
+}
+declare function DiscoverFeedSection({ orders, isLoading, activities, activitiesLoading, lastUpdated, getAssetHref, getActorHref, explorerUrl, marketplaceHref, activitiesHref, }: DiscoverFeedSectionProps): react_jsx_runtime.JSX.Element;
+
+export { DiscoverFeedSection, type DiscoverFeedSectionProps };

package/dist/components/discover-feed-section.js

@@ -0,0 +1,72 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Tag } from "lucide-react";
+import { FadeIn } from "./motion-primitives.js";
+import { ListingCard, ListingCardSkeleton } from "./listing-card.js";
+import { ActivityFeedShell } from "./activity-feed-shell.js";
+import { ActivityRow } from "./activity-row.js";
+function DiscoverFeedSection({
+  orders,
+  isLoading,
+  activities,
+  activitiesLoading,
+  lastUpdated,
+  getAssetHref = (c, t) => `/asset/${c}/${t}`,
+  getActorHref = (a) => `/creator/${a}`,
+  explorerUrl = "https://voyager.online",
+  marketplaceHref = "/marketplace",
+  activitiesHref = "/activities"
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-8", children: [
+    /* @__PURE__ */ jsx(FadeIn, { children: /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("p", { className: "section-label", children: "Markets" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-0.5", children: [
+            /* @__PURE__ */ jsx(Tag, { className: "h-4 w-4 text-brand-rose" }),
+            /* @__PURE__ */ jsx("h2", { className: "text-lg font-bold", children: "Activity" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: marketplaceHref,
+            className: "inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground px-3 py-1.5 rounded-md hover:bg-accent transition-colors",
+            children: "View all"
+          }
+        )
+      ] }),
+      isLoading ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-3", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx(ListingCardSkeleton, {}, i)) }) : orders.length === 0 ? /* @__PURE__ */ jsx("div", { className: "rounded-xl border border-border py-12 text-center text-sm text-muted-foreground", children: "No active listings yet." }) : /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-3", children: orders.map((o) => /* @__PURE__ */ jsx(ListingCard, { order: o, compact: true }, o.orderHash)) })
+    ] }) }),
+    /* @__PURE__ */ jsx(FadeIn, { delay: 0.08, children: /* @__PURE__ */ jsx(
+      ActivityFeedShell,
+      {
+        title: "Community",
+        href: activitiesHref,
+        hrefLabel: "Activities",
+        lastUpdated,
+        isLoading: activitiesLoading,
+        children: activities.map((act, i) => {
+          const key = act.txHash ? `${act.txHash}-${act.type}-${act.nftTokenId ?? ""}` : `activity-${i}`;
+          return /* @__PURE__ */ jsx(
+            ActivityRow,
+            {
+              activity: act,
+              showActor: true,
+              showExplorer: false,
+              compact: true,
+              getAssetHref,
+              getActorHref,
+              explorerUrl
+            },
+            key
+          );
+        })
+      }
+    ) })
+  ] });
+}
+export {
+  DiscoverFeedSection
+};
+//# sourceMappingURL=discover-feed-section.js.map

package/dist/components/discover-feed-section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/discover-feed-section.tsx"],"sourcesContent":["\"use client\";\n\nimport { Tag } from \"lucide-react\";\nimport { FadeIn } from \"./motion-primitives.js\";\nimport { ListingCard, ListingCardSkeleton } from \"./listing-card.js\";\nimport { ActivityFeedShell } from \"./activity-feed-shell.js\";\nimport { ActivityRow } from \"./activity-row.js\";\nimport type { ApiOrder, ApiActivity } from \"@medialane/sdk\";\n\nexport interface DiscoverFeedSectionProps {\n  orders: ApiOrder[];\n  isLoading: boolean;\n  activities: ApiActivity[];\n  activitiesLoading: boolean;\n  lastUpdated: string;\n  getAssetHref?: (contract: string, tokenId: string) => string;\n  getActorHref?: (address: string) => string;\n  explorerUrl?: string;\n  marketplaceHref?: string;\n  activitiesHref?: string;\n}\n\nexport function DiscoverFeedSection({\n  orders,\n  isLoading,\n  activities,\n  activitiesLoading,\n  lastUpdated,\n  getAssetHref = (c, t) => `/asset/${c}/${t}`,\n  getActorHref = (a) => `/creator/${a}`,\n  explorerUrl = \"https://voyager.online\",\n  marketplaceHref = \"/marketplace\",\n  activitiesHref = \"/activities\",\n}: DiscoverFeedSectionProps) {\n  return (\n    <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\n      {/* New Listings */}\n      <FadeIn>\n        <div className=\"space-y-3\">\n          <div className=\"flex items-center justify-between\">\n            <div>\n              <p className=\"section-label\">Markets</p>\n              <div className=\"flex items-center gap-2 mt-0.5\">\n                <Tag className=\"h-4 w-4 text-brand-rose\" />\n                <h2 className=\"text-lg font-bold\">Activity</h2>\n              </div>\n            </div>\n            <a\n              href={marketplaceHref}\n              className=\"inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground px-3 py-1.5 rounded-md hover:bg-accent transition-colors\"\n            >\n              View all\n            </a>\n          </div>\n\n          {isLoading ? (\n            <div className=\"grid grid-cols-3 gap-3\">\n              {Array.from({ length: 6 }).map((_, i) => <ListingCardSkeleton key={i} />)}\n            </div>\n          ) : orders.length === 0 ? (\n            <div className=\"rounded-xl border border-border py-12 text-center text-sm text-muted-foreground\">\n              No active listings yet.\n            </div>\n          ) : (\n            <div className=\"grid grid-cols-3 gap-3\">\n              {orders.map((o) => (\n                <ListingCard key={o.orderHash} order={o} compact />\n              ))}\n            </div>\n          )}\n        </div>\n      </FadeIn>\n\n      {/* Recent Activity */}\n      <FadeIn delay={0.08}>\n        <ActivityFeedShell\n          title=\"Community\"\n          href={activitiesHref}\n          hrefLabel=\"Activities\"\n          lastUpdated={lastUpdated}\n          isLoading={activitiesLoading}\n        >\n          {activities.map((act, i) => {\n            const key = act.txHash\n              ? `${act.txHash}-${act.type}-${act.nftTokenId ?? \"\"}`\n              : `activity-${i}`;\n            return (\n              <ActivityRow\n                key={key}\n                activity={act}\n                showActor\n                showExplorer={false}\n                compact\n                getAssetHref={getAssetHref}\n                getActorHref={getActorHref}\n                explorerUrl={explorerUrl}\n              />\n            );\n          })}\n        </ActivityFeedShell>\n      </FadeIn>\n    </div>\n  );\n}\n"],"mappings":";AAyCc,cACA,YADA;AAvCd,SAAS,WAAW;AACpB,SAAS,cAAc;AACvB,SAAS,aAAa,2BAA2B;AACjD,SAAS,yBAAyB;AAClC,SAAS,mBAAmB;AAgBrB,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe,CAAC,GAAG,MAAM,UAAU,CAAC,IAAI,CAAC;AAAA,EACzC,eAAe,CAAC,MAAM,YAAY,CAAC;AAAA,EACnC,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,iBAAiB;AACnB,GAA6B;AAC3B,SACE,qBAAC,SAAI,WAAU,yCAEb;AAAA,wBAAC,UACC,+BAAC,SAAI,WAAU,aACb;AAAA,2BAAC,SAAI,WAAU,qCACb;AAAA,6BAAC,SACC;AAAA,8BAAC,OAAE,WAAU,iBAAgB,qBAAO;AAAA,UACpC,qBAAC,SAAI,WAAU,kCACb;AAAA,gCAAC,OAAI,WAAU,2BAA0B;AAAA,YACzC,oBAAC,QAAG,WAAU,qBAAoB,sBAAQ;AAAA,aAC5C;AAAA,WACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,WAAU;AAAA,YACX;AAAA;AAAA,QAED;AAAA,SACF;AAAA,MAEC,YACC,oBAAC,SAAI,WAAU,0BACZ,gBAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MAAM,oBAAC,yBAAyB,CAAG,CAAE,GAC1E,IACE,OAAO,WAAW,IACpB,oBAAC,SAAI,WAAU,mFAAkF,qCAEjG,IAEA,oBAAC,SAAI,WAAU,0BACZ,iBAAO,IAAI,CAAC,MACX,oBAAC,eAA8B,OAAO,GAAG,SAAO,QAA9B,EAAE,SAA6B,CAClD,GACH;AAAA,OAEJ,GACF;AAAA,IAGA,oBAAC,UAAO,OAAO,MACb;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,MAAM;AAAA,QACN,WAAU;AAAA,QACV;AAAA,QACA,WAAW;AAAA,QAEV,qBAAW,IAAI,CAAC,KAAK,MAAM;AAC1B,gBAAM,MAAM,IAAI,SACZ,GAAG,IAAI,MAAM,IAAI,IAAI,IAAI,IAAI,IAAI,cAAc,EAAE,KACjD,YAAY,CAAC;AACjB,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,UAAU;AAAA,cACV,WAAS;AAAA,cACT,cAAc;AAAA,cACd,SAAO;AAAA,cACP;AAAA,cACA;AAAA,cACA;AAAA;AAAA,YAPK;AAAA,UAQP;AAAA,QAEJ,CAAC;AAAA;AAAA,IACH,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/discover-hero.cjs

@@ -0,0 +1,87 @@
+"use strict";
+"use client";
+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 discover_hero_exports = {};
+__export(discover_hero_exports, {
+  DiscoverHero: () => DiscoverHero
+});
+module.exports = __toCommonJS(discover_hero_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_framer_motion = require("framer-motion");
+var import_motion_primitives = require("./motion-primitives.js");
+var import_activity_ticker = require("./activity-ticker.js");
+function DiscoverHero({
+  stats,
+  orders,
+  badgeText = "Creative Works",
+  headlineText = "Create, share & explore"
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-6 pt-2 pb-6 border-b border-border/50", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_framer_motion.motion.div,
+      {
+        initial: { opacity: 0, y: 12 },
+        animate: { opacity: 1, y: 0 },
+        transition: { duration: 0.4, ease: import_motion_primitives.EASE_OUT },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "pill-badge", children: badgeText })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_framer_motion.motion.div,
+      {
+        className: "text-3xl sm:text-4xl lg:text-5xl font-black leading-[1.1]",
+        style: { perspective: "800px" },
+        initial: { opacity: 0, y: 16 },
+        animate: { opacity: 1, y: 0 },
+        transition: { duration: 0.5, delay: 0.1, ease: import_motion_primitives.EASE_OUT },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "gradient-text", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_motion_primitives.KineticWords, { text: headlineText }) })
+      }
+    ),
+    stats && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_framer_motion.motion.div,
+      {
+        className: "flex flex-wrap gap-2",
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        transition: { duration: 0.4, delay: 0.35, ease: import_motion_primitives.EASE_OUT },
+        children: [
+          { label: "Collections", value: stats.collections },
+          { label: "Assets", value: stats.tokens },
+          { label: "Sales", value: stats.sales }
+        ].map(({ label, value }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "div",
+          {
+            className: "flex items-center gap-1.5 rounded-full border border-border bg-card px-3.5 py-1.5 text-sm",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-bold tabular-nums", children: value?.toLocaleString() ?? "\u2014" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground", children: label })
+            ]
+          },
+          label
+        ))
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_activity_ticker.ActivityTicker, { orders })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DiscoverHero
+});
+//# sourceMappingURL=discover-hero.cjs.map

package/dist/components/discover-hero.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/discover-hero.tsx"],"sourcesContent":["\"use client\";\n\nimport { motion } from \"framer-motion\";\nimport { KineticWords, EASE_OUT } from \"./motion-primitives.js\";\nimport { ActivityTicker } from \"./activity-ticker.js\";\nimport type { ApiOrder } from \"@medialane/sdk\";\n\nexport interface DiscoverHeroProps {\n  stats: { collections: number; tokens: number; sales: number } | null;\n  orders: ApiOrder[];\n  badgeText?: string;\n  headlineText?: string;\n}\n\nexport function DiscoverHero({\n  stats,\n  orders,\n  badgeText = \"Creative Works\",\n  headlineText = \"Create, share & explore\",\n}: DiscoverHeroProps) {\n  return (\n    <div className=\"space-y-6 pt-2 pb-6 border-b border-border/50\">\n      {/* Badge */}\n      <motion.div\n        initial={{ opacity: 0, y: 12 }}\n        animate={{ opacity: 1, y: 0 }}\n        transition={{ duration: 0.4, ease: EASE_OUT }}\n      >\n        <span className=\"pill-badge\">{badgeText}</span>\n      </motion.div>\n\n      {/* Headline */}\n      <motion.div\n        className=\"text-3xl sm:text-4xl lg:text-5xl font-black leading-[1.1]\"\n        style={{ perspective: \"800px\" }}\n        initial={{ opacity: 0, y: 16 }}\n        animate={{ opacity: 1, y: 0 }}\n        transition={{ duration: 0.5, delay: 0.1, ease: EASE_OUT }}\n      >\n        <span className=\"gradient-text\">\n          <KineticWords text={headlineText} />\n        </span>\n      </motion.div>\n\n      {/* Stats chips */}\n      {stats && (\n        <motion.div\n          className=\"flex flex-wrap gap-2\"\n          initial={{ opacity: 0 }}\n          animate={{ opacity: 1 }}\n          transition={{ duration: 0.4, delay: 0.35, ease: EASE_OUT }}\n        >\n          {[\n            { label: \"Collections\", value: stats.collections },\n            { label: \"Assets\", value: stats.tokens },\n            { label: \"Sales\", value: stats.sales },\n          ].map(({ label, value }) => (\n            <div\n              key={label}\n              className=\"flex items-center gap-1.5 rounded-full border border-border bg-card px-3.5 py-1.5 text-sm\"\n            >\n              <span className=\"font-bold tabular-nums\">{value?.toLocaleString() ?? \"—\"}</span>\n              <span className=\"text-muted-foreground\">{label}</span>\n            </div>\n          ))}\n        </motion.div>\n      )}\n\n      {/* Scrolling ticker */}\n      <ActivityTicker orders={orders} />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA4BQ;AA1BR,2BAAuB;AACvB,+BAAuC;AACvC,6BAA+B;AAUxB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,eAAe;AACjB,GAAsB;AACpB,SACE,6CAAC,SAAI,WAAU,iDAEb;AAAA;AAAA,MAAC,4BAAO;AAAA,MAAP;AAAA,QACC,SAAS,EAAE,SAAS,GAAG,GAAG,GAAG;AAAA,QAC7B,SAAS,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,QAC5B,YAAY,EAAE,UAAU,KAAK,MAAM,kCAAS;AAAA,QAE5C,sDAAC,UAAK,WAAU,cAAc,qBAAU;AAAA;AAAA,IAC1C;AAAA,IAGA;AAAA,MAAC,4BAAO;AAAA,MAAP;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,aAAa,QAAQ;AAAA,QAC9B,SAAS,EAAE,SAAS,GAAG,GAAG,GAAG;AAAA,QAC7B,SAAS,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,QAC5B,YAAY,EAAE,UAAU,KAAK,OAAO,KAAK,MAAM,kCAAS;AAAA,QAExD,sDAAC,UAAK,WAAU,iBACd,sDAAC,yCAAa,MAAM,cAAc,GACpC;AAAA;AAAA,IACF;AAAA,IAGC,SACC;AAAA,MAAC,4BAAO;AAAA,MAAP;AAAA,QACC,WAAU;AAAA,QACV,SAAS,EAAE,SAAS,EAAE;AAAA,QACtB,SAAS,EAAE,SAAS,EAAE;AAAA,QACtB,YAAY,EAAE,UAAU,KAAK,OAAO,MAAM,MAAM,kCAAS;AAAA,QAExD;AAAA,UACC,EAAE,OAAO,eAAe,OAAO,MAAM,YAAY;AAAA,UACjD,EAAE,OAAO,UAAU,OAAO,MAAM,OAAO;AAAA,UACvC,EAAE,OAAO,SAAS,OAAO,MAAM,MAAM;AAAA,QACvC,EAAE,IAAI,CAAC,EAAE,OAAO,MAAM,MACpB;AAAA,UAAC;AAAA;AAAA,YAEC,WAAU;AAAA,YAEV;AAAA,0DAAC,UAAK,WAAU,0BAA0B,iBAAO,eAAe,KAAK,UAAI;AAAA,cACzE,4CAAC,UAAK,WAAU,yBAAyB,iBAAM;AAAA;AAAA;AAAA,UAJ1C;AAAA,QAKP,CACD;AAAA;AAAA,IACH;AAAA,IAIF,4CAAC,yCAAe,QAAgB;AAAA,KAClC;AAEJ;","names":[]}

package/dist/components/discover-hero.d.cts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiOrder } from '@medialane/sdk';
+
+interface DiscoverHeroProps {
+    stats: {
+        collections: number;
+        tokens: number;
+        sales: number;
+    } | null;
+    orders: ApiOrder[];
+    badgeText?: string;
+    headlineText?: string;
+}
+declare function DiscoverHero({ stats, orders, badgeText, headlineText, }: DiscoverHeroProps): react_jsx_runtime.JSX.Element;
+
+export { DiscoverHero, type DiscoverHeroProps };

package/dist/components/discover-hero.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiOrder } from '@medialane/sdk';
+
+interface DiscoverHeroProps {
+    stats: {
+        collections: number;
+        tokens: number;
+        sales: number;
+    } | null;
+    orders: ApiOrder[];
+    badgeText?: string;
+    headlineText?: string;
+}
+declare function DiscoverHero({ stats, orders, badgeText, headlineText, }: DiscoverHeroProps): react_jsx_runtime.JSX.Element;
+
+export { DiscoverHero, type DiscoverHeroProps };

package/dist/components/discover-hero.js

@@ -0,0 +1,63 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+import { KineticWords, EASE_OUT } from "./motion-primitives.js";
+import { ActivityTicker } from "./activity-ticker.js";
+function DiscoverHero({
+  stats,
+  orders,
+  badgeText = "Creative Works",
+  headlineText = "Create, share & explore"
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6 pt-2 pb-6 border-b border-border/50", children: [
+    /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        initial: { opacity: 0, y: 12 },
+        animate: { opacity: 1, y: 0 },
+        transition: { duration: 0.4, ease: EASE_OUT },
+        children: /* @__PURE__ */ jsx("span", { className: "pill-badge", children: badgeText })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        className: "text-3xl sm:text-4xl lg:text-5xl font-black leading-[1.1]",
+        style: { perspective: "800px" },
+        initial: { opacity: 0, y: 16 },
+        animate: { opacity: 1, y: 0 },
+        transition: { duration: 0.5, delay: 0.1, ease: EASE_OUT },
+        children: /* @__PURE__ */ jsx("span", { className: "gradient-text", children: /* @__PURE__ */ jsx(KineticWords, { text: headlineText }) })
+      }
+    ),
+    stats && /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        className: "flex flex-wrap gap-2",
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        transition: { duration: 0.4, delay: 0.35, ease: EASE_OUT },
+        children: [
+          { label: "Collections", value: stats.collections },
+          { label: "Assets", value: stats.tokens },
+          { label: "Sales", value: stats.sales }
+        ].map(({ label, value }) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex items-center gap-1.5 rounded-full border border-border bg-card px-3.5 py-1.5 text-sm",
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "font-bold tabular-nums", children: value?.toLocaleString() ?? "\u2014" }),
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: label })
+            ]
+          },
+          label
+        ))
+      }
+    ),
+    /* @__PURE__ */ jsx(ActivityTicker, { orders })
+  ] });
+}
+export {
+  DiscoverHero
+};
+//# sourceMappingURL=discover-hero.js.map

package/dist/components/discover-hero.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/discover-hero.tsx"],"sourcesContent":["\"use client\";\n\nimport { motion } from \"framer-motion\";\nimport { KineticWords, EASE_OUT } from \"./motion-primitives.js\";\nimport { ActivityTicker } from \"./activity-ticker.js\";\nimport type { ApiOrder } from \"@medialane/sdk\";\n\nexport interface DiscoverHeroProps {\n  stats: { collections: number; tokens: number; sales: number } | null;\n  orders: ApiOrder[];\n  badgeText?: string;\n  headlineText?: string;\n}\n\nexport function DiscoverHero({\n  stats,\n  orders,\n  badgeText = \"Creative Works\",\n  headlineText = \"Create, share & explore\",\n}: DiscoverHeroProps) {\n  return (\n    <div className=\"space-y-6 pt-2 pb-6 border-b border-border/50\">\n      {/* Badge */}\n      <motion.div\n        initial={{ opacity: 0, y: 12 }}\n        animate={{ opacity: 1, y: 0 }}\n        transition={{ duration: 0.4, ease: EASE_OUT }}\n      >\n        <span className=\"pill-badge\">{badgeText}</span>\n      </motion.div>\n\n      {/* Headline */}\n      <motion.div\n        className=\"text-3xl sm:text-4xl lg:text-5xl font-black leading-[1.1]\"\n        style={{ perspective: \"800px\" }}\n        initial={{ opacity: 0, y: 16 }}\n        animate={{ opacity: 1, y: 0 }}\n        transition={{ duration: 0.5, delay: 0.1, ease: EASE_OUT }}\n      >\n        <span className=\"gradient-text\">\n          <KineticWords text={headlineText} />\n        </span>\n      </motion.div>\n\n      {/* Stats chips */}\n      {stats && (\n        <motion.div\n          className=\"flex flex-wrap gap-2\"\n          initial={{ opacity: 0 }}\n          animate={{ opacity: 1 }}\n          transition={{ duration: 0.4, delay: 0.35, ease: EASE_OUT }}\n        >\n          {[\n            { label: \"Collections\", value: stats.collections },\n            { label: \"Assets\", value: stats.tokens },\n            { label: \"Sales\", value: stats.sales },\n          ].map(({ label, value }) => (\n            <div\n              key={label}\n              className=\"flex items-center gap-1.5 rounded-full border border-border bg-card px-3.5 py-1.5 text-sm\"\n            >\n              <span className=\"font-bold tabular-nums\">{value?.toLocaleString() ?? \"—\"}</span>\n              <span className=\"text-muted-foreground\">{label}</span>\n            </div>\n          ))}\n        </motion.div>\n      )}\n\n      {/* Scrolling ticker */}\n      <ActivityTicker orders={orders} />\n    </div>\n  );\n}\n"],"mappings":";AA4BQ,cA6BI,YA7BJ;AA1BR,SAAS,cAAc;AACvB,SAAS,cAAc,gBAAgB;AACvC,SAAS,sBAAsB;AAUxB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,eAAe;AACjB,GAAsB;AACpB,SACE,qBAAC,SAAI,WAAU,iDAEb;AAAA;AAAA,MAAC,OAAO;AAAA,MAAP;AAAA,QACC,SAAS,EAAE,SAAS,GAAG,GAAG,GAAG;AAAA,QAC7B,SAAS,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,QAC5B,YAAY,EAAE,UAAU,KAAK,MAAM,SAAS;AAAA,QAE5C,8BAAC,UAAK,WAAU,cAAc,qBAAU;AAAA;AAAA,IAC1C;AAAA,IAGA;AAAA,MAAC,OAAO;AAAA,MAAP;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,aAAa,QAAQ;AAAA,QAC9B,SAAS,EAAE,SAAS,GAAG,GAAG,GAAG;AAAA,QAC7B,SAAS,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,QAC5B,YAAY,EAAE,UAAU,KAAK,OAAO,KAAK,MAAM,SAAS;AAAA,QAExD,8BAAC,UAAK,WAAU,iBACd,8BAAC,gBAAa,MAAM,cAAc,GACpC;AAAA;AAAA,IACF;AAAA,IAGC,SACC;AAAA,MAAC,OAAO;AAAA,MAAP;AAAA,QACC,WAAU;AAAA,QACV,SAAS,EAAE,SAAS,EAAE;AAAA,QACtB,SAAS,EAAE,SAAS,EAAE;AAAA,QACtB,YAAY,EAAE,UAAU,KAAK,OAAO,MAAM,MAAM,SAAS;AAAA,QAExD;AAAA,UACC,EAAE,OAAO,eAAe,OAAO,MAAM,YAAY;AAAA,UACjD,EAAE,OAAO,UAAU,OAAO,MAAM,OAAO;AAAA,UACvC,EAAE,OAAO,SAAS,OAAO,MAAM,MAAM;AAAA,QACvC,EAAE,IAAI,CAAC,EAAE,OAAO,MAAM,MACpB;AAAA,UAAC;AAAA;AAAA,YAEC,WAAU;AAAA,YAEV;AAAA,kCAAC,UAAK,WAAU,0BAA0B,iBAAO,eAAe,KAAK,UAAI;AAAA,cACzE,oBAAC,UAAK,WAAU,yBAAyB,iBAAM;AAAA;AAAA;AAAA,UAJ1C;AAAA,QAKP,CACD;AAAA;AAAA,IACH;AAAA,IAIF,oBAAC,kBAAe,QAAgB;AAAA,KAClC;AAEJ;","names":[]}