@medialane/ui 0.34.1 → 0.35.0

package/dist/components/asset-collection-bar.cjs

@@ -36,15 +36,11 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_image = __toESM(require("next/image"), 1);
 var import_link = __toESM(require("next/link"), 1);
 var import_lucide_react = require("lucide-react");
-var import_share_button = require("./share-button.js");
 var import_cn = require("../utils/cn.js");
 function AssetCollectionBar({
   collectionName,
   collectionImage,
   collectionHref,
-  contractExplorerHref,
-  shareTitle,
-  onReportClick,
   currentTokenId,
   siblingTokens,
   onNavigate
@@ -54,35 +50,9 @@ function AssetCollectionBar({
   const nextToken = currentIndex >= 0 && currentIndex < siblingTokens.length - 1 ? siblingTokens[currentIndex + 1] : null;
   const showFilmstrip = siblingTokens.length > 1;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-2xl bg-card/40 px-4 py-3 space-y-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_link.default, { href: collectionHref, className: "flex items-center gap-3 min-w-0 group", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative h-10 w-10 rounded-xl overflow-hidden shrink-0 bg-gradient-to-br from-primary/20 to-purple-500/20 ring-1 ring-border/60 group-hover:ring-primary/40 transition", children: collectionImage ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.default, { src: collectionImage, alt: "", fill: true, className: "object-cover", unoptimized: true }) : null }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-semibold truncate group-hover:text-primary transition-colors", children: collectionName })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-1 shrink-0 text-muted-foreground", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "a",
-          {
-            href: contractExplorerHref,
-            target: "_blank",
-            rel: "noopener noreferrer",
-            title: "View contract",
-            className: "inline-flex h-9 w-9 items-center justify-center rounded-lg hover:bg-muted/50 hover:text-foreground transition-colors",
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ExternalLink, { className: "h-4 w-4" })
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_share_button.ShareButton, { title: shareTitle, variant: "ghost", size: "icon" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "button",
-          {
-            type: "button",
-            title: "Report this asset",
-            onClick: onReportClick,
-            className: "inline-flex h-9 w-9 items-center justify-center rounded-lg hover:bg-muted/50 hover:text-foreground transition-colors",
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Flag, { className: "h-4 w-4" })
-          }
-        )
-      ] })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_link.default, { href: collectionHref, className: "flex items-center justify-center gap-3 min-w-0 group", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative h-10 w-10 rounded-xl overflow-hidden shrink-0 bg-gradient-to-br from-primary/20 to-purple-500/20 ring-1 ring-border/60 group-hover:ring-primary/40 transition", children: collectionImage ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.default, { src: collectionImage, alt: "", fill: true, className: "object-cover", unoptimized: true }) : null }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-semibold truncate group-hover:text-primary transition-colors", children: collectionName })
     ] }),
     showFilmstrip ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-1.5", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

package/dist/components/asset-collection-bar.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/asset-collection-bar.tsx"],"sourcesContent":["\"use client\";\n\nimport Image from \"next/image\";\nimport Link from \"next/link\";\nimport { ChevronLeft, ChevronRight, ExternalLink, Flag } from \"lucide-react\";\nimport { ShareButton } from \"./share-button.js\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface AssetCollectionBarSibling {\n  tokenId: string;\n  /** Already-resolved, ready-to-render src (e.g. via the caller's ipfsToHttp). `null` renders a placeholder. */\n  image: string | null;\n}\n\nexport interface AssetCollectionBarProps {\n  collectionName: string;\n  /** Already-resolved, ready-to-render src (e.g. via the caller's ipfsToHttp). */\n  collectionImage?: string | null;\n  collectionHref: string;\n  contractExplorerHref: string;\n  shareTitle: string;\n  onReportClick: () => void;\n  currentTokenId: string;\n  siblingTokens: AssetCollectionBarSibling[];\n  onNavigate: (tokenId: string) => void;\n}\n\n/**\n * Consolidated collection identity bar: avatar+name and\n * explorer/share/report utility icons on one row, with a filmstrip of\n * collection siblings on a second row for browsing (replaces plain-text\n * Prev/Next). Soft `bg-card/40` surface, no hard border — matches the\n * aurora-glow design language instead of an OpenSea-style boxed panel.\n * IP-type is asset-level, not collection-level — it lives in `AssetHeaderBlock`.\n */\nexport function AssetCollectionBar({\n  collectionName,\n  collectionImage,\n  collectionHref,\n  contractExplorerHref,\n  shareTitle,\n  onReportClick,\n  currentTokenId,\n  siblingTokens,\n  onNavigate,\n}: AssetCollectionBarProps) {\n  const currentIndex = siblingTokens.findIndex((t) => String(t.tokenId) === String(currentTokenId));\n  const prevToken = currentIndex > 0 ? siblingTokens[currentIndex - 1] : null;\n  const nextToken =\n    currentIndex >= 0 && currentIndex < siblingTokens.length - 1 ? siblingTokens[currentIndex + 1] : null;\n  const showFilmstrip = siblingTokens.length > 1;\n\n  return (\n    <div className=\"rounded-2xl bg-card/40 px-4 py-3 space-y-3\">\n      <div className=\"flex items-center justify-between gap-3\">\n        <Link href={collectionHref} className=\"flex items-center gap-3 min-w-0 group\">\n          <div className=\"relative h-10 w-10 rounded-xl overflow-hidden shrink-0 bg-gradient-to-br from-primary/20 to-purple-500/20 ring-1 ring-border/60 group-hover:ring-primary/40 transition\">\n            {collectionImage ? (\n              <Image src={collectionImage} alt=\"\" fill className=\"object-cover\" unoptimized />\n            ) : null}\n          </div>\n          <p className=\"text-sm font-semibold truncate group-hover:text-primary transition-colors\">\n            {collectionName}\n          </p>\n        </Link>\n\n        <div className=\"flex items-center gap-1 shrink-0 text-muted-foreground\">\n          <a\n            href={contractExplorerHref}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            title=\"View contract\"\n            className=\"inline-flex h-9 w-9 items-center justify-center rounded-lg hover:bg-muted/50 hover:text-foreground transition-colors\"\n          >\n            <ExternalLink className=\"h-4 w-4\" />\n          </a>\n          <ShareButton title={shareTitle} variant=\"ghost\" size=\"icon\" />\n          <button\n            type=\"button\"\n            title=\"Report this asset\"\n            onClick={onReportClick}\n            className=\"inline-flex h-9 w-9 items-center justify-center rounded-lg hover:bg-muted/50 hover:text-foreground transition-colors\"\n          >\n            <Flag className=\"h-4 w-4\" />\n          </button>\n        </div>\n      </div>\n\n      {showFilmstrip ? (\n        <div className=\"flex items-center gap-1.5\">\n          <button\n            type=\"button\"\n            disabled={!prevToken}\n            onClick={() => prevToken && onNavigate(prevToken.tokenId)}\n            className=\"shrink-0 inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition hover:text-foreground active:scale-95 disabled:opacity-30 disabled:pointer-events-none\"\n          >\n            <ChevronLeft className=\"h-4 w-4\" />\n          </button>\n          <div className=\"flex items-center gap-2 overflow-x-auto scroll-smooth [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\">\n            {siblingTokens.map((sibling) => {\n              const isCurrent = String(sibling.tokenId) === String(currentTokenId);\n              return (\n                <button\n                  key={sibling.tokenId}\n                  type=\"button\"\n                  onClick={() => onNavigate(sibling.tokenId)}\n                  className={cn(\n                    \"relative h-11 w-11 shrink-0 rounded-lg overflow-hidden ring-2 transition\",\n                    isCurrent ? \"ring-primary\" : \"ring-transparent hover:ring-border\"\n                  )}\n                >\n                  {sibling.image ? (\n                    <Image src={sibling.image} alt=\"\" fill className=\"object-cover\" unoptimized />\n                  ) : (\n                    <div className=\"h-full w-full bg-muted\" />\n                  )}\n                </button>\n              );\n            })}\n          </div>\n          <button\n            type=\"button\"\n            disabled={!nextToken}\n            onClick={() => nextToken && onNavigate(nextToken.tokenId)}\n            className=\"shrink-0 inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition hover:text-foreground active:scale-95 disabled:opacity-30 disabled:pointer-events-none\"\n          >\n            <ChevronRight className=\"h-4 w-4\" />\n          </button>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuDQ;AArDR,mBAAkB;AAClB,kBAAiB;AACjB,0BAA8D;AAC9D,0BAA4B;AAC5B,gBAAmB;AA6BZ,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAC1B,QAAM,eAAe,cAAc,UAAU,CAAC,MAAM,OAAO,EAAE,OAAO,MAAM,OAAO,cAAc,CAAC;AAChG,QAAM,YAAY,eAAe,IAAI,cAAc,eAAe,CAAC,IAAI;AACvE,QAAM,YACJ,gBAAgB,KAAK,eAAe,cAAc,SAAS,IAAI,cAAc,eAAe,CAAC,IAAI;AACnG,QAAM,gBAAgB,cAAc,SAAS;AAE7C,SACE,6CAAC,SAAI,WAAU,8CACb;AAAA,iDAAC,SAAI,WAAU,2CACb;AAAA,mDAAC,YAAAA,SAAA,EAAK,MAAM,gBAAgB,WAAU,yCACpC;AAAA,oDAAC,SAAI,WAAU,0KACZ,4BACC,4CAAC,aAAAC,SAAA,EAAM,KAAK,iBAAiB,KAAI,IAAG,MAAI,MAAC,WAAU,gBAAe,aAAW,MAAC,IAC5E,MACN;AAAA,QACA,4CAAC,OAAE,WAAU,6EACV,0BACH;AAAA,SACF;AAAA,MAEA,6CAAC,SAAI,WAAU,0DACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,QAAO;AAAA,YACP,KAAI;AAAA,YACJ,OAAM;AAAA,YACN,WAAU;AAAA,YAEV,sDAAC,oCAAa,WAAU,WAAU;AAAA;AAAA,QACpC;AAAA,QACA,4CAAC,mCAAY,OAAO,YAAY,SAAQ,SAAQ,MAAK,QAAO;AAAA,QAC5D;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAM;AAAA,YACN,SAAS;AAAA,YACT,WAAU;AAAA,YAEV,sDAAC,4BAAK,WAAU,WAAU;AAAA;AAAA,QAC5B;AAAA,SACF;AAAA,OACF;AAAA,IAEC,gBACC,6CAAC,SAAI,WAAU,6BACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAU,CAAC;AAAA,UACX,SAAS,MAAM,aAAa,WAAW,UAAU,OAAO;AAAA,UACxD,WAAU;AAAA,UAEV,sDAAC,mCAAY,WAAU,WAAU;AAAA;AAAA,MACnC;AAAA,MACA,4CAAC,SAAI,WAAU,8GACZ,wBAAc,IAAI,CAAC,YAAY;AAC9B,cAAM,YAAY,OAAO,QAAQ,OAAO,MAAM,OAAO,cAAc;AACnE,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,MAAK;AAAA,YACL,SAAS,MAAM,WAAW,QAAQ,OAAO;AAAA,YACzC,eAAW;AAAA,cACT;AAAA,cACA,YAAY,iBAAiB;AAAA,YAC/B;AAAA,YAEC,kBAAQ,QACP,4CAAC,aAAAA,SAAA,EAAM,KAAK,QAAQ,OAAO,KAAI,IAAG,MAAI,MAAC,WAAU,gBAAe,aAAW,MAAC,IAE5E,4CAAC,SAAI,WAAU,0BAAyB;AAAA;AAAA,UAXrC,QAAQ;AAAA,QAaf;AAAA,MAEJ,CAAC,GACH;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAU,CAAC;AAAA,UACX,SAAS,MAAM,aAAa,WAAW,UAAU,OAAO;AAAA,UACxD,WAAU;AAAA,UAEV,sDAAC,oCAAa,WAAU,WAAU;AAAA;AAAA,MACpC;AAAA,OACF,IACE;AAAA,KACN;AAEJ;","names":["Link","Image"]}
+{"version":3,"sources":["../../src/components/asset-collection-bar.tsx"],"sourcesContent":["\"use client\";\n\nimport Image from \"next/image\";\nimport Link from \"next/link\";\nimport { ChevronLeft, ChevronRight } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface AssetCollectionBarSibling {\n  tokenId: string;\n  /** Already-resolved, ready-to-render src (e.g. via the caller's ipfsToHttp). `null` renders a placeholder. */\n  image: string | null;\n}\n\nexport interface AssetCollectionBarProps {\n  collectionName: string;\n  /** Already-resolved, ready-to-render src (e.g. via the caller's ipfsToHttp). */\n  collectionImage?: string | null;\n  collectionHref: string;\n  currentTokenId: string;\n  siblingTokens: AssetCollectionBarSibling[];\n  onNavigate: (tokenId: string) => void;\n}\n\n/**\n * Collection identity bar: centered avatar+name, with a filmstrip of\n * collection siblings on a second row for browsing (replaces plain-text\n * Prev/Next). Soft `bg-card/40` surface, no hard border — matches the\n * aurora-glow design language instead of an OpenSea-style boxed panel.\n * Asset-level concerns (IP-type, explorer/share/report) live elsewhere\n * (`AssetHeaderBlock`, `AssetUtilityIcons`) — this bar is collection-only.\n */\nexport function AssetCollectionBar({\n  collectionName,\n  collectionImage,\n  collectionHref,\n  currentTokenId,\n  siblingTokens,\n  onNavigate,\n}: AssetCollectionBarProps) {\n  const currentIndex = siblingTokens.findIndex((t) => String(t.tokenId) === String(currentTokenId));\n  const prevToken = currentIndex > 0 ? siblingTokens[currentIndex - 1] : null;\n  const nextToken =\n    currentIndex >= 0 && currentIndex < siblingTokens.length - 1 ? siblingTokens[currentIndex + 1] : null;\n  const showFilmstrip = siblingTokens.length > 1;\n\n  return (\n    <div className=\"rounded-2xl bg-card/40 px-4 py-3 space-y-3\">\n      <Link href={collectionHref} className=\"flex items-center justify-center gap-3 min-w-0 group\">\n        <div className=\"relative h-10 w-10 rounded-xl overflow-hidden shrink-0 bg-gradient-to-br from-primary/20 to-purple-500/20 ring-1 ring-border/60 group-hover:ring-primary/40 transition\">\n          {collectionImage ? (\n            <Image src={collectionImage} alt=\"\" fill className=\"object-cover\" unoptimized />\n          ) : null}\n        </div>\n        <p className=\"text-sm font-semibold truncate group-hover:text-primary transition-colors\">\n          {collectionName}\n        </p>\n      </Link>\n\n      {showFilmstrip ? (\n        <div className=\"flex items-center gap-1.5\">\n          <button\n            type=\"button\"\n            disabled={!prevToken}\n            onClick={() => prevToken && onNavigate(prevToken.tokenId)}\n            className=\"shrink-0 inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition hover:text-foreground active:scale-95 disabled:opacity-30 disabled:pointer-events-none\"\n          >\n            <ChevronLeft className=\"h-4 w-4\" />\n          </button>\n          <div className=\"flex items-center gap-2 overflow-x-auto scroll-smooth [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\">\n            {siblingTokens.map((sibling) => {\n              const isCurrent = String(sibling.tokenId) === String(currentTokenId);\n              return (\n                <button\n                  key={sibling.tokenId}\n                  type=\"button\"\n                  onClick={() => onNavigate(sibling.tokenId)}\n                  className={cn(\n                    \"relative h-11 w-11 shrink-0 rounded-lg overflow-hidden ring-2 transition\",\n                    isCurrent ? \"ring-primary\" : \"ring-transparent hover:ring-border\"\n                  )}\n                >\n                  {sibling.image ? (\n                    <Image src={sibling.image} alt=\"\" fill className=\"object-cover\" unoptimized />\n                  ) : (\n                    <div className=\"h-full w-full bg-muted\" />\n                  )}\n                </button>\n              );\n            })}\n          </div>\n          <button\n            type=\"button\"\n            disabled={!nextToken}\n            onClick={() => nextToken && onNavigate(nextToken.tokenId)}\n            className=\"shrink-0 inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition hover:text-foreground active:scale-95 disabled:opacity-30 disabled:pointer-events-none\"\n          >\n            <ChevronRight className=\"h-4 w-4\" />\n          </button>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA+CM;AA7CN,mBAAkB;AAClB,kBAAiB;AACjB,0BAA0C;AAC1C,gBAAmB;AA0BZ,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAC1B,QAAM,eAAe,cAAc,UAAU,CAAC,MAAM,OAAO,EAAE,OAAO,MAAM,OAAO,cAAc,CAAC;AAChG,QAAM,YAAY,eAAe,IAAI,cAAc,eAAe,CAAC,IAAI;AACvE,QAAM,YACJ,gBAAgB,KAAK,eAAe,cAAc,SAAS,IAAI,cAAc,eAAe,CAAC,IAAI;AACnG,QAAM,gBAAgB,cAAc,SAAS;AAE7C,SACE,6CAAC,SAAI,WAAU,8CACb;AAAA,iDAAC,YAAAA,SAAA,EAAK,MAAM,gBAAgB,WAAU,wDACpC;AAAA,kDAAC,SAAI,WAAU,0KACZ,4BACC,4CAAC,aAAAC,SAAA,EAAM,KAAK,iBAAiB,KAAI,IAAG,MAAI,MAAC,WAAU,gBAAe,aAAW,MAAC,IAC5E,MACN;AAAA,MACA,4CAAC,OAAE,WAAU,6EACV,0BACH;AAAA,OACF;AAAA,IAEC,gBACC,6CAAC,SAAI,WAAU,6BACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAU,CAAC;AAAA,UACX,SAAS,MAAM,aAAa,WAAW,UAAU,OAAO;AAAA,UACxD,WAAU;AAAA,UAEV,sDAAC,mCAAY,WAAU,WAAU;AAAA;AAAA,MACnC;AAAA,MACA,4CAAC,SAAI,WAAU,8GACZ,wBAAc,IAAI,CAAC,YAAY;AAC9B,cAAM,YAAY,OAAO,QAAQ,OAAO,MAAM,OAAO,cAAc;AACnE,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,MAAK;AAAA,YACL,SAAS,MAAM,WAAW,QAAQ,OAAO;AAAA,YACzC,eAAW;AAAA,cACT;AAAA,cACA,YAAY,iBAAiB;AAAA,YAC/B;AAAA,YAEC,kBAAQ,QACP,4CAAC,aAAAA,SAAA,EAAM,KAAK,QAAQ,OAAO,KAAI,IAAG,MAAI,MAAC,WAAU,gBAAe,aAAW,MAAC,IAE5E,4CAAC,SAAI,WAAU,0BAAyB;AAAA;AAAA,UAXrC,QAAQ;AAAA,QAaf;AAAA,MAEJ,CAAC,GACH;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAU,CAAC;AAAA,UACX,SAAS,MAAM,aAAa,WAAW,UAAU,OAAO;AAAA,UACxD,WAAU;AAAA,UAEV,sDAAC,oCAAa,WAAU,WAAU;AAAA;AAAA,MACpC;AAAA,OACF,IACE;AAAA,KACN;AAEJ;","names":["Link","Image"]}

package/dist/components/asset-collection-bar.d.cts

@@ -10,21 +10,18 @@ interface AssetCollectionBarProps {
     /** Already-resolved, ready-to-render src (e.g. via the caller's ipfsToHttp). */
     collectionImage?: string | null;
     collectionHref: string;
-    contractExplorerHref: string;
-    shareTitle: string;
-    onReportClick: () => void;
     currentTokenId: string;
     siblingTokens: AssetCollectionBarSibling[];
     onNavigate: (tokenId: string) => void;
 }
 /**
- * Consolidated collection identity bar: avatar+name and
- * explorer/share/report utility icons on one row, with a filmstrip of
+ * Collection identity bar: centered avatar+name, with a filmstrip of
  * collection siblings on a second row for browsing (replaces plain-text
  * Prev/Next). Soft `bg-card/40` surface, no hard border — matches the
  * aurora-glow design language instead of an OpenSea-style boxed panel.
- * IP-type is asset-level, not collection-level — it lives in `AssetHeaderBlock`.
+ * Asset-level concerns (IP-type, explorer/share/report) live elsewhere
+ * (`AssetHeaderBlock`, `AssetUtilityIcons`) — this bar is collection-only.
  */
-declare function AssetCollectionBar({ collectionName, collectionImage, collectionHref, contractExplorerHref, shareTitle, onReportClick, currentTokenId, siblingTokens, onNavigate, }: AssetCollectionBarProps): react_jsx_runtime.JSX.Element;
+declare function AssetCollectionBar({ collectionName, collectionImage, collectionHref, currentTokenId, siblingTokens, onNavigate, }: AssetCollectionBarProps): react_jsx_runtime.JSX.Element;
 
 export { AssetCollectionBar, type AssetCollectionBarProps, type AssetCollectionBarSibling };

package/dist/components/asset-collection-bar.d.ts

@@ -10,21 +10,18 @@ interface AssetCollectionBarProps {
     /** Already-resolved, ready-to-render src (e.g. via the caller's ipfsToHttp). */
     collectionImage?: string | null;
     collectionHref: string;
-    contractExplorerHref: string;
-    shareTitle: string;
-    onReportClick: () => void;
     currentTokenId: string;
     siblingTokens: AssetCollectionBarSibling[];
     onNavigate: (tokenId: string) => void;
 }
 /**
- * Consolidated collection identity bar: avatar+name and
- * explorer/share/report utility icons on one row, with a filmstrip of
+ * Collection identity bar: centered avatar+name, with a filmstrip of
  * collection siblings on a second row for browsing (replaces plain-text
  * Prev/Next). Soft `bg-card/40` surface, no hard border — matches the
  * aurora-glow design language instead of an OpenSea-style boxed panel.
- * IP-type is asset-level, not collection-level — it lives in `AssetHeaderBlock`.
+ * Asset-level concerns (IP-type, explorer/share/report) live elsewhere
+ * (`AssetHeaderBlock`, `AssetUtilityIcons`) — this bar is collection-only.
  */
-declare function AssetCollectionBar({ collectionName, collectionImage, collectionHref, contractExplorerHref, shareTitle, onReportClick, currentTokenId, siblingTokens, onNavigate, }: AssetCollectionBarProps): react_jsx_runtime.JSX.Element;
+declare function AssetCollectionBar({ collectionName, collectionImage, collectionHref, currentTokenId, siblingTokens, onNavigate, }: AssetCollectionBarProps): react_jsx_runtime.JSX.Element;
 
 export { AssetCollectionBar, type AssetCollectionBarProps, type AssetCollectionBarSibling };

package/dist/components/asset-collection-bar.js

@@ -2,16 +2,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import Image from "next/image";
 import Link from "next/link";
-import { ChevronLeft, ChevronRight, ExternalLink, Flag } from "lucide-react";
-import { ShareButton } from "./share-button.js";
+import { ChevronLeft, ChevronRight } from "lucide-react";
 import { cn } from "../utils/cn.js";
 function AssetCollectionBar({
   collectionName,
   collectionImage,
   collectionHref,
-  contractExplorerHref,
-  shareTitle,
-  onReportClick,
   currentTokenId,
   siblingTokens,
   onNavigate
@@ -21,35 +17,9 @@ function AssetCollectionBar({
   const nextToken = currentIndex >= 0 && currentIndex < siblingTokens.length - 1 ? siblingTokens[currentIndex + 1] : null;
   const showFilmstrip = siblingTokens.length > 1;
   return /* @__PURE__ */ jsxs("div", { className: "rounded-2xl bg-card/40 px-4 py-3 space-y-3", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
-      /* @__PURE__ */ jsxs(Link, { href: collectionHref, className: "flex items-center gap-3 min-w-0 group", children: [
-        /* @__PURE__ */ jsx("div", { className: "relative h-10 w-10 rounded-xl overflow-hidden shrink-0 bg-gradient-to-br from-primary/20 to-purple-500/20 ring-1 ring-border/60 group-hover:ring-primary/40 transition", children: collectionImage ? /* @__PURE__ */ jsx(Image, { src: collectionImage, alt: "", fill: true, className: "object-cover", unoptimized: true }) : null }),
-        /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold truncate group-hover:text-primary transition-colors", children: collectionName })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 shrink-0 text-muted-foreground", children: [
-        /* @__PURE__ */ jsx(
-          "a",
-          {
-            href: contractExplorerHref,
-            target: "_blank",
-            rel: "noopener noreferrer",
-            title: "View contract",
-            className: "inline-flex h-9 w-9 items-center justify-center rounded-lg hover:bg-muted/50 hover:text-foreground transition-colors",
-            children: /* @__PURE__ */ jsx(ExternalLink, { className: "h-4 w-4" })
-          }
-        ),
-        /* @__PURE__ */ jsx(ShareButton, { title: shareTitle, variant: "ghost", size: "icon" }),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            title: "Report this asset",
-            onClick: onReportClick,
-            className: "inline-flex h-9 w-9 items-center justify-center rounded-lg hover:bg-muted/50 hover:text-foreground transition-colors",
-            children: /* @__PURE__ */ jsx(Flag, { className: "h-4 w-4" })
-          }
-        )
-      ] })
+    /* @__PURE__ */ jsxs(Link, { href: collectionHref, className: "flex items-center justify-center gap-3 min-w-0 group", children: [
+      /* @__PURE__ */ jsx("div", { className: "relative h-10 w-10 rounded-xl overflow-hidden shrink-0 bg-gradient-to-br from-primary/20 to-purple-500/20 ring-1 ring-border/60 group-hover:ring-primary/40 transition", children: collectionImage ? /* @__PURE__ */ jsx(Image, { src: collectionImage, alt: "", fill: true, className: "object-cover", unoptimized: true }) : null }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold truncate group-hover:text-primary transition-colors", children: collectionName })
     ] }),
     showFilmstrip ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
       /* @__PURE__ */ jsx(

package/dist/components/asset-collection-bar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/asset-collection-bar.tsx"],"sourcesContent":["\"use client\";\n\nimport Image from \"next/image\";\nimport Link from \"next/link\";\nimport { ChevronLeft, ChevronRight, ExternalLink, Flag } from \"lucide-react\";\nimport { ShareButton } from \"./share-button.js\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface AssetCollectionBarSibling {\n  tokenId: string;\n  /** Already-resolved, ready-to-render src (e.g. via the caller's ipfsToHttp). `null` renders a placeholder. */\n  image: string | null;\n}\n\nexport interface AssetCollectionBarProps {\n  collectionName: string;\n  /** Already-resolved, ready-to-render src (e.g. via the caller's ipfsToHttp). */\n  collectionImage?: string | null;\n  collectionHref: string;\n  contractExplorerHref: string;\n  shareTitle: string;\n  onReportClick: () => void;\n  currentTokenId: string;\n  siblingTokens: AssetCollectionBarSibling[];\n  onNavigate: (tokenId: string) => void;\n}\n\n/**\n * Consolidated collection identity bar: avatar+name and\n * explorer/share/report utility icons on one row, with a filmstrip of\n * collection siblings on a second row for browsing (replaces plain-text\n * Prev/Next). Soft `bg-card/40` surface, no hard border — matches the\n * aurora-glow design language instead of an OpenSea-style boxed panel.\n * IP-type is asset-level, not collection-level — it lives in `AssetHeaderBlock`.\n */\nexport function AssetCollectionBar({\n  collectionName,\n  collectionImage,\n  collectionHref,\n  contractExplorerHref,\n  shareTitle,\n  onReportClick,\n  currentTokenId,\n  siblingTokens,\n  onNavigate,\n}: AssetCollectionBarProps) {\n  const currentIndex = siblingTokens.findIndex((t) => String(t.tokenId) === String(currentTokenId));\n  const prevToken = currentIndex > 0 ? siblingTokens[currentIndex - 1] : null;\n  const nextToken =\n    currentIndex >= 0 && currentIndex < siblingTokens.length - 1 ? siblingTokens[currentIndex + 1] : null;\n  const showFilmstrip = siblingTokens.length > 1;\n\n  return (\n    <div className=\"rounded-2xl bg-card/40 px-4 py-3 space-y-3\">\n      <div className=\"flex items-center justify-between gap-3\">\n        <Link href={collectionHref} className=\"flex items-center gap-3 min-w-0 group\">\n          <div className=\"relative h-10 w-10 rounded-xl overflow-hidden shrink-0 bg-gradient-to-br from-primary/20 to-purple-500/20 ring-1 ring-border/60 group-hover:ring-primary/40 transition\">\n            {collectionImage ? (\n              <Image src={collectionImage} alt=\"\" fill className=\"object-cover\" unoptimized />\n            ) : null}\n          </div>\n          <p className=\"text-sm font-semibold truncate group-hover:text-primary transition-colors\">\n            {collectionName}\n          </p>\n        </Link>\n\n        <div className=\"flex items-center gap-1 shrink-0 text-muted-foreground\">\n          <a\n            href={contractExplorerHref}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            title=\"View contract\"\n            className=\"inline-flex h-9 w-9 items-center justify-center rounded-lg hover:bg-muted/50 hover:text-foreground transition-colors\"\n          >\n            <ExternalLink className=\"h-4 w-4\" />\n          </a>\n          <ShareButton title={shareTitle} variant=\"ghost\" size=\"icon\" />\n          <button\n            type=\"button\"\n            title=\"Report this asset\"\n            onClick={onReportClick}\n            className=\"inline-flex h-9 w-9 items-center justify-center rounded-lg hover:bg-muted/50 hover:text-foreground transition-colors\"\n          >\n            <Flag className=\"h-4 w-4\" />\n          </button>\n        </div>\n      </div>\n\n      {showFilmstrip ? (\n        <div className=\"flex items-center gap-1.5\">\n          <button\n            type=\"button\"\n            disabled={!prevToken}\n            onClick={() => prevToken && onNavigate(prevToken.tokenId)}\n            className=\"shrink-0 inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition hover:text-foreground active:scale-95 disabled:opacity-30 disabled:pointer-events-none\"\n          >\n            <ChevronLeft className=\"h-4 w-4\" />\n          </button>\n          <div className=\"flex items-center gap-2 overflow-x-auto scroll-smooth [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\">\n            {siblingTokens.map((sibling) => {\n              const isCurrent = String(sibling.tokenId) === String(currentTokenId);\n              return (\n                <button\n                  key={sibling.tokenId}\n                  type=\"button\"\n                  onClick={() => onNavigate(sibling.tokenId)}\n                  className={cn(\n                    \"relative h-11 w-11 shrink-0 rounded-lg overflow-hidden ring-2 transition\",\n                    isCurrent ? \"ring-primary\" : \"ring-transparent hover:ring-border\"\n                  )}\n                >\n                  {sibling.image ? (\n                    <Image src={sibling.image} alt=\"\" fill className=\"object-cover\" unoptimized />\n                  ) : (\n                    <div className=\"h-full w-full bg-muted\" />\n                  )}\n                </button>\n              );\n            })}\n          </div>\n          <button\n            type=\"button\"\n            disabled={!nextToken}\n            onClick={() => nextToken && onNavigate(nextToken.tokenId)}\n            className=\"shrink-0 inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition hover:text-foreground active:scale-95 disabled:opacity-30 disabled:pointer-events-none\"\n          >\n            <ChevronRight className=\"h-4 w-4\" />\n          </button>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";AAuDQ,SAGM,KAHN;AArDR,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,aAAa,cAAc,cAAc,YAAY;AAC9D,SAAS,mBAAmB;AAC5B,SAAS,UAAU;AA6BZ,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAC1B,QAAM,eAAe,cAAc,UAAU,CAAC,MAAM,OAAO,EAAE,OAAO,MAAM,OAAO,cAAc,CAAC;AAChG,QAAM,YAAY,eAAe,IAAI,cAAc,eAAe,CAAC,IAAI;AACvE,QAAM,YACJ,gBAAgB,KAAK,eAAe,cAAc,SAAS,IAAI,cAAc,eAAe,CAAC,IAAI;AACnG,QAAM,gBAAgB,cAAc,SAAS;AAE7C,SACE,qBAAC,SAAI,WAAU,8CACb;AAAA,yBAAC,SAAI,WAAU,2CACb;AAAA,2BAAC,QAAK,MAAM,gBAAgB,WAAU,yCACpC;AAAA,4BAAC,SAAI,WAAU,0KACZ,4BACC,oBAAC,SAAM,KAAK,iBAAiB,KAAI,IAAG,MAAI,MAAC,WAAU,gBAAe,aAAW,MAAC,IAC5E,MACN;AAAA,QACA,oBAAC,OAAE,WAAU,6EACV,0BACH;AAAA,SACF;AAAA,MAEA,qBAAC,SAAI,WAAU,0DACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,QAAO;AAAA,YACP,KAAI;AAAA,YACJ,OAAM;AAAA,YACN,WAAU;AAAA,YAEV,8BAAC,gBAAa,WAAU,WAAU;AAAA;AAAA,QACpC;AAAA,QACA,oBAAC,eAAY,OAAO,YAAY,SAAQ,SAAQ,MAAK,QAAO;AAAA,QAC5D;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAM;AAAA,YACN,SAAS;AAAA,YACT,WAAU;AAAA,YAEV,8BAAC,QAAK,WAAU,WAAU;AAAA;AAAA,QAC5B;AAAA,SACF;AAAA,OACF;AAAA,IAEC,gBACC,qBAAC,SAAI,WAAU,6BACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAU,CAAC;AAAA,UACX,SAAS,MAAM,aAAa,WAAW,UAAU,OAAO;AAAA,UACxD,WAAU;AAAA,UAEV,8BAAC,eAAY,WAAU,WAAU;AAAA;AAAA,MACnC;AAAA,MACA,oBAAC,SAAI,WAAU,8GACZ,wBAAc,IAAI,CAAC,YAAY;AAC9B,cAAM,YAAY,OAAO,QAAQ,OAAO,MAAM,OAAO,cAAc;AACnE,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,MAAK;AAAA,YACL,SAAS,MAAM,WAAW,QAAQ,OAAO;AAAA,YACzC,WAAW;AAAA,cACT;AAAA,cACA,YAAY,iBAAiB;AAAA,YAC/B;AAAA,YAEC,kBAAQ,QACP,oBAAC,SAAM,KAAK,QAAQ,OAAO,KAAI,IAAG,MAAI,MAAC,WAAU,gBAAe,aAAW,MAAC,IAE5E,oBAAC,SAAI,WAAU,0BAAyB;AAAA;AAAA,UAXrC,QAAQ;AAAA,QAaf;AAAA,MAEJ,CAAC,GACH;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAU,CAAC;AAAA,UACX,SAAS,MAAM,aAAa,WAAW,UAAU,OAAO;AAAA,UACxD,WAAU;AAAA,UAEV,8BAAC,gBAAa,WAAU,WAAU;AAAA;AAAA,MACpC;AAAA,OACF,IACE;AAAA,KACN;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/asset-collection-bar.tsx"],"sourcesContent":["\"use client\";\n\nimport Image from \"next/image\";\nimport Link from \"next/link\";\nimport { ChevronLeft, ChevronRight } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface AssetCollectionBarSibling {\n  tokenId: string;\n  /** Already-resolved, ready-to-render src (e.g. via the caller's ipfsToHttp). `null` renders a placeholder. */\n  image: string | null;\n}\n\nexport interface AssetCollectionBarProps {\n  collectionName: string;\n  /** Already-resolved, ready-to-render src (e.g. via the caller's ipfsToHttp). */\n  collectionImage?: string | null;\n  collectionHref: string;\n  currentTokenId: string;\n  siblingTokens: AssetCollectionBarSibling[];\n  onNavigate: (tokenId: string) => void;\n}\n\n/**\n * Collection identity bar: centered avatar+name, with a filmstrip of\n * collection siblings on a second row for browsing (replaces plain-text\n * Prev/Next). Soft `bg-card/40` surface, no hard border — matches the\n * aurora-glow design language instead of an OpenSea-style boxed panel.\n * Asset-level concerns (IP-type, explorer/share/report) live elsewhere\n * (`AssetHeaderBlock`, `AssetUtilityIcons`) — this bar is collection-only.\n */\nexport function AssetCollectionBar({\n  collectionName,\n  collectionImage,\n  collectionHref,\n  currentTokenId,\n  siblingTokens,\n  onNavigate,\n}: AssetCollectionBarProps) {\n  const currentIndex = siblingTokens.findIndex((t) => String(t.tokenId) === String(currentTokenId));\n  const prevToken = currentIndex > 0 ? siblingTokens[currentIndex - 1] : null;\n  const nextToken =\n    currentIndex >= 0 && currentIndex < siblingTokens.length - 1 ? siblingTokens[currentIndex + 1] : null;\n  const showFilmstrip = siblingTokens.length > 1;\n\n  return (\n    <div className=\"rounded-2xl bg-card/40 px-4 py-3 space-y-3\">\n      <Link href={collectionHref} className=\"flex items-center justify-center gap-3 min-w-0 group\">\n        <div className=\"relative h-10 w-10 rounded-xl overflow-hidden shrink-0 bg-gradient-to-br from-primary/20 to-purple-500/20 ring-1 ring-border/60 group-hover:ring-primary/40 transition\">\n          {collectionImage ? (\n            <Image src={collectionImage} alt=\"\" fill className=\"object-cover\" unoptimized />\n          ) : null}\n        </div>\n        <p className=\"text-sm font-semibold truncate group-hover:text-primary transition-colors\">\n          {collectionName}\n        </p>\n      </Link>\n\n      {showFilmstrip ? (\n        <div className=\"flex items-center gap-1.5\">\n          <button\n            type=\"button\"\n            disabled={!prevToken}\n            onClick={() => prevToken && onNavigate(prevToken.tokenId)}\n            className=\"shrink-0 inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition hover:text-foreground active:scale-95 disabled:opacity-30 disabled:pointer-events-none\"\n          >\n            <ChevronLeft className=\"h-4 w-4\" />\n          </button>\n          <div className=\"flex items-center gap-2 overflow-x-auto scroll-smooth [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\">\n            {siblingTokens.map((sibling) => {\n              const isCurrent = String(sibling.tokenId) === String(currentTokenId);\n              return (\n                <button\n                  key={sibling.tokenId}\n                  type=\"button\"\n                  onClick={() => onNavigate(sibling.tokenId)}\n                  className={cn(\n                    \"relative h-11 w-11 shrink-0 rounded-lg overflow-hidden ring-2 transition\",\n                    isCurrent ? \"ring-primary\" : \"ring-transparent hover:ring-border\"\n                  )}\n                >\n                  {sibling.image ? (\n                    <Image src={sibling.image} alt=\"\" fill className=\"object-cover\" unoptimized />\n                  ) : (\n                    <div className=\"h-full w-full bg-muted\" />\n                  )}\n                </button>\n              );\n            })}\n          </div>\n          <button\n            type=\"button\"\n            disabled={!nextToken}\n            onClick={() => nextToken && onNavigate(nextToken.tokenId)}\n            className=\"shrink-0 inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition hover:text-foreground active:scale-95 disabled:opacity-30 disabled:pointer-events-none\"\n          >\n            <ChevronRight className=\"h-4 w-4\" />\n          </button>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";AA+CM,SAGM,KAHN;AA7CN,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,aAAa,oBAAoB;AAC1C,SAAS,UAAU;AA0BZ,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAC1B,QAAM,eAAe,cAAc,UAAU,CAAC,MAAM,OAAO,EAAE,OAAO,MAAM,OAAO,cAAc,CAAC;AAChG,QAAM,YAAY,eAAe,IAAI,cAAc,eAAe,CAAC,IAAI;AACvE,QAAM,YACJ,gBAAgB,KAAK,eAAe,cAAc,SAAS,IAAI,cAAc,eAAe,CAAC,IAAI;AACnG,QAAM,gBAAgB,cAAc,SAAS;AAE7C,SACE,qBAAC,SAAI,WAAU,8CACb;AAAA,yBAAC,QAAK,MAAM,gBAAgB,WAAU,wDACpC;AAAA,0BAAC,SAAI,WAAU,0KACZ,4BACC,oBAAC,SAAM,KAAK,iBAAiB,KAAI,IAAG,MAAI,MAAC,WAAU,gBAAe,aAAW,MAAC,IAC5E,MACN;AAAA,MACA,oBAAC,OAAE,WAAU,6EACV,0BACH;AAAA,OACF;AAAA,IAEC,gBACC,qBAAC,SAAI,WAAU,6BACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAU,CAAC;AAAA,UACX,SAAS,MAAM,aAAa,WAAW,UAAU,OAAO;AAAA,UACxD,WAAU;AAAA,UAEV,8BAAC,eAAY,WAAU,WAAU;AAAA;AAAA,MACnC;AAAA,MACA,oBAAC,SAAI,WAAU,8GACZ,wBAAc,IAAI,CAAC,YAAY;AAC9B,cAAM,YAAY,OAAO,QAAQ,OAAO,MAAM,OAAO,cAAc;AACnE,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,MAAK;AAAA,YACL,SAAS,MAAM,WAAW,QAAQ,OAAO;AAAA,YACzC,WAAW;AAAA,cACT;AAAA,cACA,YAAY,iBAAiB;AAAA,YAC/B;AAAA,YAEC,kBAAQ,QACP,oBAAC,SAAM,KAAK,QAAQ,OAAO,KAAI,IAAG,MAAI,MAAC,WAAU,gBAAe,aAAW,MAAC,IAE5E,oBAAC,SAAI,WAAU,0BAAyB;AAAA;AAAA,UAXrC,QAAQ;AAAA,QAaf;AAAA,MAEJ,CAAC,GACH;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAU,CAAC;AAAA,UACX,SAAS,MAAM,aAAa,WAAW,UAAU,OAAO;AAAA,UACxD,WAAU;AAAA,UAEV,8BAAC,gBAAa,WAAU,WAAU;AAAA;AAAA,MACpC;AAAA,OACF,IACE;AAAA,KACN;AAEJ;","names":[]}

package/dist/components/asset-top-sections.cjs

@@ -94,6 +94,13 @@ function AssetHeaderBlock({
   ownerAddress
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+    ipType || showMultiEditionBadge ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 flex-wrap mb-2", children: [
+      ipType ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ip_type_badge.IpTypeBadge, { ipType, size: "md" }) : null,
+      showMultiEditionBadge ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "inline-flex items-center gap-1 text-[11px] font-semibold px-2.5 py-1 rounded-full border border-violet-500/30 bg-violet-500/10 text-violet-500", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Layers, { className: "h-3 w-3" }),
+        "Multi-edition"
+      ] }) : null
+    ] }) : null,
     parentContract && parentTokenId ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mb-3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_parent_attribution_banner.ParentAttributionBanner,
       {
@@ -114,13 +121,6 @@ function AssetHeaderBlock({
       )
     ] }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "text-3xl lg:text-5xl font-bold", children: name }),
-    ipType || showMultiEditionBadge ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 flex-wrap mt-2", children: [
-      ipType ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ip_type_badge.IpTypeBadge, { ipType, size: "md" }) : null,
-      showMultiEditionBadge ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "inline-flex items-center gap-1 text-[11px] font-semibold px-2.5 py-1 rounded-full border border-violet-500/30 bg-violet-500/10 text-violet-500", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Layers, { className: "h-3 w-3" }),
-        "Multi-edition"
-      ] }) : null
-    ] }) : null,
     description ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground leading-relaxed mt-1", children: description }) : null
   ] });
 }

package/dist/components/asset-top-sections.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/asset-top-sections.tsx"],"sourcesContent":["\"use client\";\n\nimport Image from \"next/image\";\nimport Link from \"next/link\";\nimport { motion } from \"framer-motion\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { ParentAttributionBanner } from \"./parent-attribution-banner.js\";\nimport { IpTypeBadge } from \"./ip-type-badge.js\";\nimport { Layers, Users } from \"lucide-react\";\n\ninterface AssetMediaColumnProps {\n  shouldReduce: boolean;\n  image: string;\n  imageAlt: string;\n  imgError: boolean;\n  onImageError: () => void;\n  fallback: React.ReactNode;\n  stats?: Array<{\n    value: string;\n    label: string;\n    icon: React.ReactNode;\n  }>;\n}\n\nexport function AssetMediaColumn({\n  shouldReduce,\n  image,\n  imageAlt,\n  imgError,\n  onImageError,\n  fallback,\n  stats,\n}: AssetMediaColumnProps) {\n  return (\n    <motion.div\n      initial={shouldReduce ? false : { scale: 1.0, opacity: 0 }}\n      animate={{ scale: 1.02, opacity: 1 }}\n      transition={{ duration: 0.6, ease: \"easeOut\" }}\n      className=\"overflow-hidden rounded-xl lg:sticky lg:top-16\"\n    >\n      <div className=\"rounded-2xl overflow-hidden border border-border bg-muted\">\n        {image && !imgError ? (\n          <Image\n            src={image}\n            alt={imageAlt}\n            width={0}\n            height={0}\n            sizes=\"(max-width: 1024px) 100vw, 66vw\"\n            className=\"w-full h-auto\"\n            onError={onImageError}\n            crossOrigin=\"anonymous\"\n            priority\n          />\n        ) : (\n          fallback\n        )}\n      </div>\n\n      {stats && stats.length > 0 ? (\n        <div className={`grid gap-3 mt-4 ${stats.length === 2 ? \"grid-cols-2\" : \"grid-cols-1\"}`}>\n          {stats.map((stat) => (\n            <div key={stat.label} className=\"rounded-xl border border-border bg-muted/20 p-4 text-center\">\n              <p className=\"text-2xl font-black\">{stat.value}</p>\n              <div className=\"flex items-center justify-center gap-1 text-xs text-muted-foreground mt-1\">\n                {stat.icon}\n                {stat.label}\n              </div>\n            </div>\n          ))}\n        </div>\n      ) : null}\n    </motion.div>\n  );\n}\n\ninterface AssetHeaderBlockProps {\n  name: string;\n  description?: string | null;\n  ipType?: string | null;\n  showMultiEditionBadge?: boolean;\n  parentContract?: string | null;\n  parentTokenId?: string | null;\n  ownerAddress?: string | null;\n}\n\nexport function AssetHeaderBlock({\n  name,\n  description,\n  ipType,\n  showMultiEditionBadge = false,\n  parentContract,\n  parentTokenId,\n  ownerAddress,\n}: AssetHeaderBlockProps) {\n  return (\n    <div>\n      {parentContract && parentTokenId ? (\n        <div className=\"mb-3\">\n          <ParentAttributionBanner\n            parentContract={parentContract}\n            parentTokenId={parentTokenId}\n            parentName={`Token #${parentTokenId}`}\n          />\n        </div>\n      ) : null}\n      {ownerAddress ? (\n        <div className=\"mb-1 flex items-center gap-1.5 text-xs text-muted-foreground\">\n          <span className=\"font-semibold uppercase tracking-wider\">Owner</span>\n          <Link\n            href={`/creator/${ownerAddress}`}\n            className=\"hover:text-primary transition-colors font-medium\"\n          >\n            <AddressDisplay address={ownerAddress} />\n          </Link>\n        </div>\n      ) : null}\n      <h1 className=\"text-3xl lg:text-5xl font-bold\">{name}</h1>\n      {ipType || showMultiEditionBadge ? (\n        <div className=\"flex items-center gap-2 flex-wrap mt-2\">\n          {ipType ? <IpTypeBadge ipType={ipType} size=\"md\" /> : null}\n          {showMultiEditionBadge ? (\n            <span className=\"inline-flex items-center gap-1 text-[11px] font-semibold px-2.5 py-1 rounded-full border border-violet-500/30 bg-violet-500/10 text-violet-500\">\n              <Layers className=\"h-3 w-3\" />\n              Multi-edition\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n      {description ? (\n        <p className=\"text-sm text-muted-foreground leading-relaxed mt-1\">{description}</p>\n      ) : null}\n    </div>\n  );\n}\n\nexport function buildEditionStats(totalEditions: number, uniqueOwners: number) {\n  return [\n    {\n      value: totalEditions.toLocaleString(),\n      label: \"editions minted\",\n      icon: <Layers className=\"h-3 w-3\" />,\n    },\n    {\n      value: uniqueOwners.toLocaleString(),\n      label: \"unique owners\",\n      icon: <Users className=\"h-3 w-3\" />,\n    },\n  ];\n}\n"],"mappings":"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","names":["Image","Link"]}
+{"version":3,"sources":["../../src/components/asset-top-sections.tsx"],"sourcesContent":["\"use client\";\n\nimport Image from \"next/image\";\nimport Link from \"next/link\";\nimport { motion } from \"framer-motion\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { ParentAttributionBanner } from \"./parent-attribution-banner.js\";\nimport { IpTypeBadge } from \"./ip-type-badge.js\";\nimport { Layers, Users } from \"lucide-react\";\n\ninterface AssetMediaColumnProps {\n  shouldReduce: boolean;\n  image: string;\n  imageAlt: string;\n  imgError: boolean;\n  onImageError: () => void;\n  fallback: React.ReactNode;\n  stats?: Array<{\n    value: string;\n    label: string;\n    icon: React.ReactNode;\n  }>;\n}\n\nexport function AssetMediaColumn({\n  shouldReduce,\n  image,\n  imageAlt,\n  imgError,\n  onImageError,\n  fallback,\n  stats,\n}: AssetMediaColumnProps) {\n  return (\n    <motion.div\n      initial={shouldReduce ? false : { scale: 1.0, opacity: 0 }}\n      animate={{ scale: 1.02, opacity: 1 }}\n      transition={{ duration: 0.6, ease: \"easeOut\" }}\n      className=\"overflow-hidden rounded-xl lg:sticky lg:top-16\"\n    >\n      <div className=\"rounded-2xl overflow-hidden border border-border bg-muted\">\n        {image && !imgError ? (\n          <Image\n            src={image}\n            alt={imageAlt}\n            width={0}\n            height={0}\n            sizes=\"(max-width: 1024px) 100vw, 66vw\"\n            className=\"w-full h-auto\"\n            onError={onImageError}\n            crossOrigin=\"anonymous\"\n            priority\n          />\n        ) : (\n          fallback\n        )}\n      </div>\n\n      {stats && stats.length > 0 ? (\n        <div className={`grid gap-3 mt-4 ${stats.length === 2 ? \"grid-cols-2\" : \"grid-cols-1\"}`}>\n          {stats.map((stat) => (\n            <div key={stat.label} className=\"rounded-xl border border-border bg-muted/20 p-4 text-center\">\n              <p className=\"text-2xl font-black\">{stat.value}</p>\n              <div className=\"flex items-center justify-center gap-1 text-xs text-muted-foreground mt-1\">\n                {stat.icon}\n                {stat.label}\n              </div>\n            </div>\n          ))}\n        </div>\n      ) : null}\n    </motion.div>\n  );\n}\n\ninterface AssetHeaderBlockProps {\n  name: string;\n  description?: string | null;\n  ipType?: string | null;\n  showMultiEditionBadge?: boolean;\n  parentContract?: string | null;\n  parentTokenId?: string | null;\n  ownerAddress?: string | null;\n}\n\nexport function AssetHeaderBlock({\n  name,\n  description,\n  ipType,\n  showMultiEditionBadge = false,\n  parentContract,\n  parentTokenId,\n  ownerAddress,\n}: AssetHeaderBlockProps) {\n  return (\n    <div>\n      {ipType || showMultiEditionBadge ? (\n        <div className=\"flex items-center gap-2 flex-wrap mb-2\">\n          {ipType ? <IpTypeBadge ipType={ipType} size=\"md\" /> : null}\n          {showMultiEditionBadge ? (\n            <span className=\"inline-flex items-center gap-1 text-[11px] font-semibold px-2.5 py-1 rounded-full border border-violet-500/30 bg-violet-500/10 text-violet-500\">\n              <Layers className=\"h-3 w-3\" />\n              Multi-edition\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n      {parentContract && parentTokenId ? (\n        <div className=\"mb-3\">\n          <ParentAttributionBanner\n            parentContract={parentContract}\n            parentTokenId={parentTokenId}\n            parentName={`Token #${parentTokenId}`}\n          />\n        </div>\n      ) : null}\n      {ownerAddress ? (\n        <div className=\"mb-1 flex items-center gap-1.5 text-xs text-muted-foreground\">\n          <span className=\"font-semibold uppercase tracking-wider\">Owner</span>\n          <Link\n            href={`/creator/${ownerAddress}`}\n            className=\"hover:text-primary transition-colors font-medium\"\n          >\n            <AddressDisplay address={ownerAddress} />\n          </Link>\n        </div>\n      ) : null}\n      <h1 className=\"text-3xl lg:text-5xl font-bold\">{name}</h1>\n      {description ? (\n        <p className=\"text-sm text-muted-foreground leading-relaxed mt-1\">{description}</p>\n      ) : null}\n    </div>\n  );\n}\n\nexport function buildEditionStats(totalEditions: number, uniqueOwners: number) {\n  return [\n    {\n      value: totalEditions.toLocaleString(),\n      label: \"editions minted\",\n      icon: <Layers className=\"h-3 w-3\" />,\n    },\n    {\n      value: uniqueOwners.toLocaleString(),\n      label: \"unique owners\",\n      icon: <Users className=\"h-3 w-3\" />,\n    },\n  ];\n}\n"],"mappings":"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","names":["Image","Link"]}

package/dist/components/asset-top-sections.js

@@ -59,6 +59,13 @@ function AssetHeaderBlock({
   ownerAddress
 }) {
   return /* @__PURE__ */ jsxs("div", { children: [
+    ipType || showMultiEditionBadge ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap mb-2", children: [
+      ipType ? /* @__PURE__ */ jsx(IpTypeBadge, { ipType, size: "md" }) : null,
+      showMultiEditionBadge ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-[11px] font-semibold px-2.5 py-1 rounded-full border border-violet-500/30 bg-violet-500/10 text-violet-500", children: [
+        /* @__PURE__ */ jsx(Layers, { className: "h-3 w-3" }),
+        "Multi-edition"
+      ] }) : null
+    ] }) : null,
     parentContract && parentTokenId ? /* @__PURE__ */ jsx("div", { className: "mb-3", children: /* @__PURE__ */ jsx(
       ParentAttributionBanner,
       {
@@ -79,13 +86,6 @@ function AssetHeaderBlock({
       )
     ] }) : null,
     /* @__PURE__ */ jsx("h1", { className: "text-3xl lg:text-5xl font-bold", children: name }),
-    ipType || showMultiEditionBadge ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap mt-2", children: [
-      ipType ? /* @__PURE__ */ jsx(IpTypeBadge, { ipType, size: "md" }) : null,
-      showMultiEditionBadge ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-[11px] font-semibold px-2.5 py-1 rounded-full border border-violet-500/30 bg-violet-500/10 text-violet-500", children: [
-        /* @__PURE__ */ jsx(Layers, { className: "h-3 w-3" }),
-        "Multi-edition"
-      ] }) : null
-    ] }) : null,
     description ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground leading-relaxed mt-1", children: description }) : null
   ] });
 }

package/dist/components/asset-top-sections.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/asset-top-sections.tsx"],"sourcesContent":["\"use client\";\n\nimport Image from \"next/image\";\nimport Link from \"next/link\";\nimport { motion } from \"framer-motion\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { ParentAttributionBanner } from \"./parent-attribution-banner.js\";\nimport { IpTypeBadge } from \"./ip-type-badge.js\";\nimport { Layers, Users } from \"lucide-react\";\n\ninterface AssetMediaColumnProps {\n  shouldReduce: boolean;\n  image: string;\n  imageAlt: string;\n  imgError: boolean;\n  onImageError: () => void;\n  fallback: React.ReactNode;\n  stats?: Array<{\n    value: string;\n    label: string;\n    icon: React.ReactNode;\n  }>;\n}\n\nexport function AssetMediaColumn({\n  shouldReduce,\n  image,\n  imageAlt,\n  imgError,\n  onImageError,\n  fallback,\n  stats,\n}: AssetMediaColumnProps) {\n  return (\n    <motion.div\n      initial={shouldReduce ? false : { scale: 1.0, opacity: 0 }}\n      animate={{ scale: 1.02, opacity: 1 }}\n      transition={{ duration: 0.6, ease: \"easeOut\" }}\n      className=\"overflow-hidden rounded-xl lg:sticky lg:top-16\"\n    >\n      <div className=\"rounded-2xl overflow-hidden border border-border bg-muted\">\n        {image && !imgError ? (\n          <Image\n            src={image}\n            alt={imageAlt}\n            width={0}\n            height={0}\n            sizes=\"(max-width: 1024px) 100vw, 66vw\"\n            className=\"w-full h-auto\"\n            onError={onImageError}\n            crossOrigin=\"anonymous\"\n            priority\n          />\n        ) : (\n          fallback\n        )}\n      </div>\n\n      {stats && stats.length > 0 ? (\n        <div className={`grid gap-3 mt-4 ${stats.length === 2 ? \"grid-cols-2\" : \"grid-cols-1\"}`}>\n          {stats.map((stat) => (\n            <div key={stat.label} className=\"rounded-xl border border-border bg-muted/20 p-4 text-center\">\n              <p className=\"text-2xl font-black\">{stat.value}</p>\n              <div className=\"flex items-center justify-center gap-1 text-xs text-muted-foreground mt-1\">\n                {stat.icon}\n                {stat.label}\n              </div>\n            </div>\n          ))}\n        </div>\n      ) : null}\n    </motion.div>\n  );\n}\n\ninterface AssetHeaderBlockProps {\n  name: string;\n  description?: string | null;\n  ipType?: string | null;\n  showMultiEditionBadge?: boolean;\n  parentContract?: string | null;\n  parentTokenId?: string | null;\n  ownerAddress?: string | null;\n}\n\nexport function AssetHeaderBlock({\n  name,\n  description,\n  ipType,\n  showMultiEditionBadge = false,\n  parentContract,\n  parentTokenId,\n  ownerAddress,\n}: AssetHeaderBlockProps) {\n  return (\n    <div>\n      {parentContract && parentTokenId ? (\n        <div className=\"mb-3\">\n          <ParentAttributionBanner\n            parentContract={parentContract}\n            parentTokenId={parentTokenId}\n            parentName={`Token #${parentTokenId}`}\n          />\n        </div>\n      ) : null}\n      {ownerAddress ? (\n        <div className=\"mb-1 flex items-center gap-1.5 text-xs text-muted-foreground\">\n          <span className=\"font-semibold uppercase tracking-wider\">Owner</span>\n          <Link\n            href={`/creator/${ownerAddress}`}\n            className=\"hover:text-primary transition-colors font-medium\"\n          >\n            <AddressDisplay address={ownerAddress} />\n          </Link>\n        </div>\n      ) : null}\n      <h1 className=\"text-3xl lg:text-5xl font-bold\">{name}</h1>\n      {ipType || showMultiEditionBadge ? (\n        <div className=\"flex items-center gap-2 flex-wrap mt-2\">\n          {ipType ? <IpTypeBadge ipType={ipType} size=\"md\" /> : null}\n          {showMultiEditionBadge ? (\n            <span className=\"inline-flex items-center gap-1 text-[11px] font-semibold px-2.5 py-1 rounded-full border border-violet-500/30 bg-violet-500/10 text-violet-500\">\n              <Layers className=\"h-3 w-3\" />\n              Multi-edition\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n      {description ? (\n        <p className=\"text-sm text-muted-foreground leading-relaxed mt-1\">{description}</p>\n      ) : null}\n    </div>\n  );\n}\n\nexport function buildEditionStats(totalEditions: number, uniqueOwners: number) {\n  return [\n    {\n      value: totalEditions.toLocaleString(),\n      label: \"editions minted\",\n      icon: <Layers className=\"h-3 w-3\" />,\n    },\n    {\n      value: uniqueOwners.toLocaleString(),\n      label: \"unique owners\",\n      icon: <Users className=\"h-3 w-3\" />,\n    },\n  ];\n}\n"],"mappings":";AA0CU,cAqBI,YArBJ;AAxCV,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAC/B,SAAS,+BAA+B;AACxC,SAAS,mBAAmB;AAC5B,SAAS,QAAQ,aAAa;AAgBvB,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0B;AACxB,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACC,SAAS,eAAe,QAAQ,EAAE,OAAO,GAAK,SAAS,EAAE;AAAA,MACzD,SAAS,EAAE,OAAO,MAAM,SAAS,EAAE;AAAA,MACnC,YAAY,EAAE,UAAU,KAAK,MAAM,UAAU;AAAA,MAC7C,WAAU;AAAA,MAEV;AAAA,4BAAC,SAAI,WAAU,6DACZ,mBAAS,CAAC,WACT;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,KAAK;AAAA,YACL,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,OAAM;AAAA,YACN,WAAU;AAAA,YACV,SAAS;AAAA,YACT,aAAY;AAAA,YACZ,UAAQ;AAAA;AAAA,QACV,IAEA,UAEJ;AAAA,QAEC,SAAS,MAAM,SAAS,IACvB,oBAAC,SAAI,WAAW,mBAAmB,MAAM,WAAW,IAAI,gBAAgB,aAAa,IAClF,gBAAM,IAAI,CAAC,SACV,qBAAC,SAAqB,WAAU,+DAC9B;AAAA,8BAAC,OAAE,WAAU,uBAAuB,eAAK,OAAM;AAAA,UAC/C,qBAAC,SAAI,WAAU,6EACZ;AAAA,iBAAK;AAAA,YACL,KAAK;AAAA,aACR;AAAA,aALQ,KAAK,KAMf,CACD,GACH,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;AAYO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA,wBAAwB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AACF,GAA0B;AACxB,SACE,qBAAC,SACE;AAAA,sBAAkB,gBACjB,oBAAC,SAAI,WAAU,QACb;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,YAAY,UAAU,aAAa;AAAA;AAAA,IACrC,GACF,IACE;AAAA,IACH,eACC,qBAAC,SAAI,WAAU,gEACb;AAAA,0BAAC,UAAK,WAAU,0CAAyC,mBAAK;AAAA,MAC9D;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,YAAY,YAAY;AAAA,UAC9B,WAAU;AAAA,UAEV,8BAAC,kBAAe,SAAS,cAAc;AAAA;AAAA,MACzC;AAAA,OACF,IACE;AAAA,IACJ,oBAAC,QAAG,WAAU,kCAAkC,gBAAK;AAAA,IACpD,UAAU,wBACT,qBAAC,SAAI,WAAU,0CACZ;AAAA,eAAS,oBAAC,eAAY,QAAgB,MAAK,MAAK,IAAK;AAAA,MACrD,wBACC,qBAAC,UAAK,WAAU,kJACd;AAAA,4BAAC,UAAO,WAAU,WAAU;AAAA,QAAE;AAAA,SAEhC,IACE;AAAA,OACN,IACE;AAAA,IACH,cACC,oBAAC,OAAE,WAAU,sDAAsD,uBAAY,IAC7E;AAAA,KACN;AAEJ;AAEO,SAAS,kBAAkB,eAAuB,cAAsB;AAC7E,SAAO;AAAA,IACL;AAAA,MACE,OAAO,cAAc,eAAe;AAAA,MACpC,OAAO;AAAA,MACP,MAAM,oBAAC,UAAO,WAAU,WAAU;AAAA,IACpC;AAAA,IACA;AAAA,MACE,OAAO,aAAa,eAAe;AAAA,MACnC,OAAO;AAAA,MACP,MAAM,oBAAC,SAAM,WAAU,WAAU;AAAA,IACnC;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../src/components/asset-top-sections.tsx"],"sourcesContent":["\"use client\";\n\nimport Image from \"next/image\";\nimport Link from \"next/link\";\nimport { motion } from \"framer-motion\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { ParentAttributionBanner } from \"./parent-attribution-banner.js\";\nimport { IpTypeBadge } from \"./ip-type-badge.js\";\nimport { Layers, Users } from \"lucide-react\";\n\ninterface AssetMediaColumnProps {\n  shouldReduce: boolean;\n  image: string;\n  imageAlt: string;\n  imgError: boolean;\n  onImageError: () => void;\n  fallback: React.ReactNode;\n  stats?: Array<{\n    value: string;\n    label: string;\n    icon: React.ReactNode;\n  }>;\n}\n\nexport function AssetMediaColumn({\n  shouldReduce,\n  image,\n  imageAlt,\n  imgError,\n  onImageError,\n  fallback,\n  stats,\n}: AssetMediaColumnProps) {\n  return (\n    <motion.div\n      initial={shouldReduce ? false : { scale: 1.0, opacity: 0 }}\n      animate={{ scale: 1.02, opacity: 1 }}\n      transition={{ duration: 0.6, ease: \"easeOut\" }}\n      className=\"overflow-hidden rounded-xl lg:sticky lg:top-16\"\n    >\n      <div className=\"rounded-2xl overflow-hidden border border-border bg-muted\">\n        {image && !imgError ? (\n          <Image\n            src={image}\n            alt={imageAlt}\n            width={0}\n            height={0}\n            sizes=\"(max-width: 1024px) 100vw, 66vw\"\n            className=\"w-full h-auto\"\n            onError={onImageError}\n            crossOrigin=\"anonymous\"\n            priority\n          />\n        ) : (\n          fallback\n        )}\n      </div>\n\n      {stats && stats.length > 0 ? (\n        <div className={`grid gap-3 mt-4 ${stats.length === 2 ? \"grid-cols-2\" : \"grid-cols-1\"}`}>\n          {stats.map((stat) => (\n            <div key={stat.label} className=\"rounded-xl border border-border bg-muted/20 p-4 text-center\">\n              <p className=\"text-2xl font-black\">{stat.value}</p>\n              <div className=\"flex items-center justify-center gap-1 text-xs text-muted-foreground mt-1\">\n                {stat.icon}\n                {stat.label}\n              </div>\n            </div>\n          ))}\n        </div>\n      ) : null}\n    </motion.div>\n  );\n}\n\ninterface AssetHeaderBlockProps {\n  name: string;\n  description?: string | null;\n  ipType?: string | null;\n  showMultiEditionBadge?: boolean;\n  parentContract?: string | null;\n  parentTokenId?: string | null;\n  ownerAddress?: string | null;\n}\n\nexport function AssetHeaderBlock({\n  name,\n  description,\n  ipType,\n  showMultiEditionBadge = false,\n  parentContract,\n  parentTokenId,\n  ownerAddress,\n}: AssetHeaderBlockProps) {\n  return (\n    <div>\n      {ipType || showMultiEditionBadge ? (\n        <div className=\"flex items-center gap-2 flex-wrap mb-2\">\n          {ipType ? <IpTypeBadge ipType={ipType} size=\"md\" /> : null}\n          {showMultiEditionBadge ? (\n            <span className=\"inline-flex items-center gap-1 text-[11px] font-semibold px-2.5 py-1 rounded-full border border-violet-500/30 bg-violet-500/10 text-violet-500\">\n              <Layers className=\"h-3 w-3\" />\n              Multi-edition\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n      {parentContract && parentTokenId ? (\n        <div className=\"mb-3\">\n          <ParentAttributionBanner\n            parentContract={parentContract}\n            parentTokenId={parentTokenId}\n            parentName={`Token #${parentTokenId}`}\n          />\n        </div>\n      ) : null}\n      {ownerAddress ? (\n        <div className=\"mb-1 flex items-center gap-1.5 text-xs text-muted-foreground\">\n          <span className=\"font-semibold uppercase tracking-wider\">Owner</span>\n          <Link\n            href={`/creator/${ownerAddress}`}\n            className=\"hover:text-primary transition-colors font-medium\"\n          >\n            <AddressDisplay address={ownerAddress} />\n          </Link>\n        </div>\n      ) : null}\n      <h1 className=\"text-3xl lg:text-5xl font-bold\">{name}</h1>\n      {description ? (\n        <p className=\"text-sm text-muted-foreground leading-relaxed mt-1\">{description}</p>\n      ) : null}\n    </div>\n  );\n}\n\nexport function buildEditionStats(totalEditions: number, uniqueOwners: number) {\n  return [\n    {\n      value: totalEditions.toLocaleString(),\n      label: \"editions minted\",\n      icon: <Layers className=\"h-3 w-3\" />,\n    },\n    {\n      value: uniqueOwners.toLocaleString(),\n      label: \"unique owners\",\n      icon: <Users className=\"h-3 w-3\" />,\n    },\n  ];\n}\n"],"mappings":";AA0CU,cAqBI,YArBJ;AAxCV,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAC/B,SAAS,+BAA+B;AACxC,SAAS,mBAAmB;AAC5B,SAAS,QAAQ,aAAa;AAgBvB,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0B;AACxB,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACC,SAAS,eAAe,QAAQ,EAAE,OAAO,GAAK,SAAS,EAAE;AAAA,MACzD,SAAS,EAAE,OAAO,MAAM,SAAS,EAAE;AAAA,MACnC,YAAY,EAAE,UAAU,KAAK,MAAM,UAAU;AAAA,MAC7C,WAAU;AAAA,MAEV;AAAA,4BAAC,SAAI,WAAU,6DACZ,mBAAS,CAAC,WACT;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,KAAK;AAAA,YACL,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,OAAM;AAAA,YACN,WAAU;AAAA,YACV,SAAS;AAAA,YACT,aAAY;AAAA,YACZ,UAAQ;AAAA;AAAA,QACV,IAEA,UAEJ;AAAA,QAEC,SAAS,MAAM,SAAS,IACvB,oBAAC,SAAI,WAAW,mBAAmB,MAAM,WAAW,IAAI,gBAAgB,aAAa,IAClF,gBAAM,IAAI,CAAC,SACV,qBAAC,SAAqB,WAAU,+DAC9B;AAAA,8BAAC,OAAE,WAAU,uBAAuB,eAAK,OAAM;AAAA,UAC/C,qBAAC,SAAI,WAAU,6EACZ;AAAA,iBAAK;AAAA,YACL,KAAK;AAAA,aACR;AAAA,aALQ,KAAK,KAMf,CACD,GACH,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;AAYO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA,wBAAwB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AACF,GAA0B;AACxB,SACE,qBAAC,SACE;AAAA,cAAU,wBACT,qBAAC,SAAI,WAAU,0CACZ;AAAA,eAAS,oBAAC,eAAY,QAAgB,MAAK,MAAK,IAAK;AAAA,MACrD,wBACC,qBAAC,UAAK,WAAU,kJACd;AAAA,4BAAC,UAAO,WAAU,WAAU;AAAA,QAAE;AAAA,SAEhC,IACE;AAAA,OACN,IACE;AAAA,IACH,kBAAkB,gBACjB,oBAAC,SAAI,WAAU,QACb;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,YAAY,UAAU,aAAa;AAAA;AAAA,IACrC,GACF,IACE;AAAA,IACH,eACC,qBAAC,SAAI,WAAU,gEACb;AAAA,0BAAC,UAAK,WAAU,0CAAyC,mBAAK;AAAA,MAC9D;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,YAAY,YAAY;AAAA,UAC9B,WAAU;AAAA,UAEV,8BAAC,kBAAe,SAAS,cAAc;AAAA;AAAA,MACzC;AAAA,OACF,IACE;AAAA,IACJ,oBAAC,QAAG,WAAU,kCAAkC,gBAAK;AAAA,IACpD,cACC,oBAAC,OAAE,WAAU,sDAAsD,uBAAY,IAC7E;AAAA,KACN;AAEJ;AAEO,SAAS,kBAAkB,eAAuB,cAAsB;AAC7E,SAAO;AAAA,IACL;AAAA,MACE,OAAO,cAAc,eAAe;AAAA,MACpC,OAAO;AAAA,MACP,MAAM,oBAAC,UAAO,WAAU,WAAU;AAAA,IACpC;AAAA,IACA;AAAA,MACE,OAAO,aAAa,eAAe;AAAA,MACnC,OAAO;AAAA,MACP,MAAM,oBAAC,SAAM,WAAU,WAAU;AAAA,IACnC;AAAA,EACF;AACF;","names":[]}

package/dist/components/asset-utility-icons.cjs

@@ -0,0 +1,62 @@
+"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 asset_utility_icons_exports = {};
+__export(asset_utility_icons_exports, {
+  AssetUtilityIcons: () => AssetUtilityIcons
+});
+module.exports = __toCommonJS(asset_utility_icons_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_react = require("lucide-react");
+var import_share_button = require("./share-button.js");
+function AssetUtilityIcons({
+  contractExplorerHref,
+  shareTitle,
+  onReportClick
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-1 text-muted-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "a",
+      {
+        href: contractExplorerHref,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        title: "View contract",
+        className: "inline-flex h-9 w-9 items-center justify-center rounded-lg hover:bg-muted/50 hover:text-foreground transition-colors",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ExternalLink, { className: "h-4 w-4" })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_share_button.ShareButton, { title: shareTitle, variant: "ghost", size: "icon" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        type: "button",
+        title: "Report this asset",
+        onClick: onReportClick,
+        className: "inline-flex h-9 w-9 items-center justify-center rounded-lg hover:bg-muted/50 hover:text-foreground transition-colors",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Flag, { className: "h-4 w-4" })
+      }
+    )
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AssetUtilityIcons
+});
+//# sourceMappingURL=asset-utility-icons.cjs.map

package/dist/components/asset-utility-icons.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/asset-utility-icons.tsx"],"sourcesContent":["\"use client\";\n\nimport { ExternalLink, Flag } from \"lucide-react\";\nimport { ShareButton } from \"./share-button.js\";\n\nexport interface AssetUtilityIconsProps {\n  contractExplorerHref: string;\n  shareTitle: string;\n  onReportClick: () => void;\n}\n\n/**\n * Asset-level utility row: view-on-explorer / share / report. Lives next to\n * the asset's own identity (name/owner), not inside `AssetCollectionBar` —\n * these actions are about the asset, not the collection it belongs to.\n */\nexport function AssetUtilityIcons({\n  contractExplorerHref,\n  shareTitle,\n  onReportClick,\n}: AssetUtilityIconsProps) {\n  return (\n    <div className=\"flex items-center gap-1 text-muted-foreground\">\n      <a\n        href={contractExplorerHref}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        title=\"View contract\"\n        className=\"inline-flex h-9 w-9 items-center justify-center rounded-lg hover:bg-muted/50 hover:text-foreground transition-colors\"\n      >\n        <ExternalLink className=\"h-4 w-4\" />\n      </a>\n      <ShareButton title={shareTitle} variant=\"ghost\" size=\"icon\" />\n      <button\n        type=\"button\"\n        title=\"Report this asset\"\n        onClick={onReportClick}\n        className=\"inline-flex h-9 w-9 items-center justify-center rounded-lg hover:bg-muted/50 hover:text-foreground transition-colors\"\n      >\n        <Flag className=\"h-4 w-4\" />\n      </button>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBI;AApBJ,0BAAmC;AACnC,0BAA4B;AAarB,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,SACE,6CAAC,SAAI,WAAU,iDACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,OAAM;AAAA,QACN,WAAU;AAAA,QAEV,sDAAC,oCAAa,WAAU,WAAU;AAAA;AAAA,IACpC;AAAA,IACA,4CAAC,mCAAY,OAAO,YAAY,SAAQ,SAAQ,MAAK,QAAO;AAAA,IAC5D;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAAS;AAAA,QACT,WAAU;AAAA,QAEV,sDAAC,4BAAK,WAAU,WAAU;AAAA;AAAA,IAC5B;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/asset-utility-icons.d.cts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface AssetUtilityIconsProps {
+    contractExplorerHref: string;
+    shareTitle: string;
+    onReportClick: () => void;
+}
+/**
+ * Asset-level utility row: view-on-explorer / share / report. Lives next to
+ * the asset's own identity (name/owner), not inside `AssetCollectionBar` —
+ * these actions are about the asset, not the collection it belongs to.
+ */
+declare function AssetUtilityIcons({ contractExplorerHref, shareTitle, onReportClick, }: AssetUtilityIconsProps): react_jsx_runtime.JSX.Element;
+
+export { AssetUtilityIcons, type AssetUtilityIconsProps };

package/dist/components/asset-utility-icons.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface AssetUtilityIconsProps {
+    contractExplorerHref: string;
+    shareTitle: string;
+    onReportClick: () => void;
+}
+/**
+ * Asset-level utility row: view-on-explorer / share / report. Lives next to
+ * the asset's own identity (name/owner), not inside `AssetCollectionBar` —
+ * these actions are about the asset, not the collection it belongs to.
+ */
+declare function AssetUtilityIcons({ contractExplorerHref, shareTitle, onReportClick, }: AssetUtilityIconsProps): react_jsx_runtime.JSX.Element;
+
+export { AssetUtilityIcons, type AssetUtilityIconsProps };

package/dist/components/asset-utility-icons.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ExternalLink, Flag } from "lucide-react";
+import { ShareButton } from "./share-button.js";
+function AssetUtilityIcons({
+  contractExplorerHref,
+  shareTitle,
+  onReportClick
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-muted-foreground", children: [
+    /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: contractExplorerHref,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        title: "View contract",
+        className: "inline-flex h-9 w-9 items-center justify-center rounded-lg hover:bg-muted/50 hover:text-foreground transition-colors",
+        children: /* @__PURE__ */ jsx(ExternalLink, { className: "h-4 w-4" })
+      }
+    ),
+    /* @__PURE__ */ jsx(ShareButton, { title: shareTitle, variant: "ghost", size: "icon" }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        title: "Report this asset",
+        onClick: onReportClick,
+        className: "inline-flex h-9 w-9 items-center justify-center rounded-lg hover:bg-muted/50 hover:text-foreground transition-colors",
+        children: /* @__PURE__ */ jsx(Flag, { className: "h-4 w-4" })
+      }
+    )
+  ] });
+}
+export {
+  AssetUtilityIcons
+};
+//# sourceMappingURL=asset-utility-icons.js.map

package/dist/components/asset-utility-icons.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/asset-utility-icons.tsx"],"sourcesContent":["\"use client\";\n\nimport { ExternalLink, Flag } from \"lucide-react\";\nimport { ShareButton } from \"./share-button.js\";\n\nexport interface AssetUtilityIconsProps {\n  contractExplorerHref: string;\n  shareTitle: string;\n  onReportClick: () => void;\n}\n\n/**\n * Asset-level utility row: view-on-explorer / share / report. Lives next to\n * the asset's own identity (name/owner), not inside `AssetCollectionBar` —\n * these actions are about the asset, not the collection it belongs to.\n */\nexport function AssetUtilityIcons({\n  contractExplorerHref,\n  shareTitle,\n  onReportClick,\n}: AssetUtilityIconsProps) {\n  return (\n    <div className=\"flex items-center gap-1 text-muted-foreground\">\n      <a\n        href={contractExplorerHref}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        title=\"View contract\"\n        className=\"inline-flex h-9 w-9 items-center justify-center rounded-lg hover:bg-muted/50 hover:text-foreground transition-colors\"\n      >\n        <ExternalLink className=\"h-4 w-4\" />\n      </a>\n      <ShareButton title={shareTitle} variant=\"ghost\" size=\"icon\" />\n      <button\n        type=\"button\"\n        title=\"Report this asset\"\n        onClick={onReportClick}\n        className=\"inline-flex h-9 w-9 items-center justify-center rounded-lg hover:bg-muted/50 hover:text-foreground transition-colors\"\n      >\n        <Flag className=\"h-4 w-4\" />\n      </button>\n    </div>\n  );\n}\n"],"mappings":";AAsBI,SAQI,KARJ;AApBJ,SAAS,cAAc,YAAY;AACnC,SAAS,mBAAmB;AAarB,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,SACE,qBAAC,SAAI,WAAU,iDACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,OAAM;AAAA,QACN,WAAU;AAAA,QAEV,8BAAC,gBAAa,WAAU,WAAU;AAAA;AAAA,IACpC;AAAA,IACA,oBAAC,eAAY,OAAO,YAAY,SAAQ,SAAQ,MAAK,QAAO;AAAA,IAC5D;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAAS;AAAA,QACT,WAAU;AAAA,QAEV,8BAAC,QAAK,WAAU,WAAU;AAAA;AAAA,IAC5B;AAAA,KACF;AAEJ;","names":[]}