@medialane/ui 0.13.0 → 0.14.0

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

@@ -0,0 +1,147 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var asset_top_sections_exports = {};
+__export(asset_top_sections_exports, {
+  AssetHeaderBlock: () => AssetHeaderBlock,
+  AssetMediaColumn: () => AssetMediaColumn,
+  buildEditionStats: () => buildEditionStats
+});
+module.exports = __toCommonJS(asset_top_sections_exports);
+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_framer_motion = require("framer-motion");
+var import_ip_type_badge = require("./ip-type-badge.js");
+var import_address_display = require("./address-display.js");
+var import_parent_attribution_banner = require("./parent-attribution-banner.js");
+var import_lucide_react = require("lucide-react");
+function AssetMediaColumn({
+  shouldReduce,
+  image,
+  imageAlt,
+  imgError,
+  onImageError,
+  fallback,
+  stats
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_framer_motion.motion.div,
+    {
+      initial: shouldReduce ? false : { scale: 1, opacity: 0 },
+      animate: { scale: 1.02, opacity: 1 },
+      transition: { duration: 0.6, ease: "easeOut" },
+      className: "overflow-hidden rounded-xl lg:sticky lg:top-16",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rounded-2xl overflow-hidden border border-border bg-muted", children: image && !imgError ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_image.default,
+          {
+            src: image,
+            alt: imageAlt,
+            width: 0,
+            height: 0,
+            sizes: "(max-width: 1024px) 100vw, 66vw",
+            className: "w-full h-auto",
+            onError: onImageError,
+            crossOrigin: "anonymous",
+            priority: true
+          }
+        ) : fallback }),
+        stats && stats.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `grid gap-3 mt-4 ${stats.length === 2 ? "grid-cols-2" : "grid-cols-1"}`, children: stats.map((stat) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-xl border border-border bg-muted/20 p-4 text-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-2xl font-black", children: stat.value }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-center gap-1 text-xs text-muted-foreground mt-1", children: [
+            stat.icon,
+            stat.label
+          ] })
+        ] }, stat.label)) }) : null
+      ]
+    }
+  );
+}
+function AssetHeaderBlock({
+  name,
+  description,
+  ipType,
+  showMultiEditionBadge = false,
+  parentContract,
+  parentTokenId,
+  ownerAddress
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+    parentContract && parentTokenId ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mb-3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_parent_attribution_banner.ParentAttributionBanner,
+      {
+        parentContract,
+        parentTokenId,
+        parentName: `Token #${parentTokenId}`
+      }
+    ) }) : null,
+    /* @__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
+    ] }),
+    ownerAddress ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mb-1 flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-semibold uppercase tracking-wider", children: "Owner" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_link.default,
+        {
+          href: `/creator/${ownerAddress}`,
+          className: "hover:text-primary transition-colors font-medium",
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_address_display.AddressDisplay, { address: ownerAddress })
+        }
+      )
+    ] }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "text-3xl lg:text-5xl font-bold", children: name }),
+    description ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground leading-relaxed mt-1", children: description }) : null
+  ] });
+}
+function buildEditionStats(totalEditions, uniqueOwners) {
+  return [
+    {
+      value: totalEditions.toLocaleString(),
+      label: "editions minted",
+      icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Layers, { className: "h-3 w-3" })
+    },
+    {
+      value: uniqueOwners.toLocaleString(),
+      label: "unique owners",
+      icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Users, { className: "h-3 w-3" })
+    }
+  ];
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AssetHeaderBlock,
+  AssetMediaColumn,
+  buildEditionStats
+});
+//# sourceMappingURL=asset-top-sections.cjs.map

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

@@ -0,0 +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 { IpTypeBadge } from \"./ip-type-badge.js\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { ParentAttributionBanner } from \"./parent-attribution-banner.js\";\nimport type { IPType } from \"../data/ip.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?: 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      <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      {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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2CU;AAzCV,mBAAkB;AAClB,kBAAiB;AACjB,2BAAuB;AACvB,2BAA4B;AAC5B,6BAA+B;AAC/B,uCAAwC;AAExC,0BAA8B;AAgBvB,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0B;AACxB,SACE;AAAA,IAAC,4BAAO;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,oDAAC,SAAI,WAAU,6DACZ,mBAAS,CAAC,WACT;AAAA,UAAC,aAAAA;AAAA,UAAA;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,4CAAC,SAAI,WAAW,mBAAmB,MAAM,WAAW,IAAI,gBAAgB,aAAa,IAClF,gBAAM,IAAI,CAAC,SACV,6CAAC,SAAqB,WAAU,+DAC9B;AAAA,sDAAC,OAAE,WAAU,uBAAuB,eAAK,OAAM;AAAA,UAC/C,6CAAC,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,6CAAC,SACE;AAAA,sBAAkB,gBACjB,4CAAC,SAAI,WAAU,QACb;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,YAAY,UAAU,aAAa;AAAA;AAAA,IACrC,GACF,IACE;AAAA,IACJ,6CAAC,SAAI,WAAU,0CACZ;AAAA,eAAS,4CAAC,oCAAY,QAAgB,MAAK,MAAK,IAAK;AAAA,MACrD,wBACC,6CAAC,UAAK,WAAU,kJACd;AAAA,oDAAC,8BAAO,WAAU,WAAU;AAAA,QAAE;AAAA,SAEhC,IACE;AAAA,OACN;AAAA,IACC,eACC,6CAAC,SAAI,WAAU,gEACb;AAAA,kDAAC,UAAK,WAAU,0CAAyC,mBAAK;AAAA,MAC9D;AAAA,QAAC,YAAAC;AAAA,QAAA;AAAA,UACC,MAAM,YAAY,YAAY;AAAA,UAC9B,WAAU;AAAA,UAEV,sDAAC,yCAAe,SAAS,cAAc;AAAA;AAAA,MACzC;AAAA,OACF,IACE;AAAA,IACJ,4CAAC,QAAG,WAAU,kCAAkC,gBAAK;AAAA,IACpD,cACC,4CAAC,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,4CAAC,8BAAO,WAAU,WAAU;AAAA,IACpC;AAAA,IACA;AAAA,MACE,OAAO,aAAa,eAAe;AAAA,MACnC,OAAO;AAAA,MACP,MAAM,4CAAC,6BAAM,WAAU,WAAU;AAAA,IACnC;AAAA,EACF;AACF;","names":["Image","Link"]}

package/dist/components/asset-top-sections.d.cts

@@ -0,0 +1,34 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { IPType } from '../data/ip.cjs';
+
+interface AssetMediaColumnProps {
+    shouldReduce: boolean;
+    image: string;
+    imageAlt: string;
+    imgError: boolean;
+    onImageError: () => void;
+    fallback: React.ReactNode;
+    stats?: Array<{
+        value: string;
+        label: string;
+        icon: React.ReactNode;
+    }>;
+}
+declare function AssetMediaColumn({ shouldReduce, image, imageAlt, imgError, onImageError, fallback, stats, }: AssetMediaColumnProps): react_jsx_runtime.JSX.Element;
+interface AssetHeaderBlockProps {
+    name: string;
+    description?: string | null;
+    ipType?: IPType | string | null;
+    showMultiEditionBadge?: boolean;
+    parentContract?: string | null;
+    parentTokenId?: string | null;
+    ownerAddress?: string | null;
+}
+declare function AssetHeaderBlock({ name, description, ipType, showMultiEditionBadge, parentContract, parentTokenId, ownerAddress, }: AssetHeaderBlockProps): react_jsx_runtime.JSX.Element;
+declare function buildEditionStats(totalEditions: number, uniqueOwners: number): {
+    value: string;
+    label: string;
+    icon: react_jsx_runtime.JSX.Element;
+}[];
+
+export { AssetHeaderBlock, AssetMediaColumn, buildEditionStats };

package/dist/components/asset-top-sections.d.ts

@@ -0,0 +1,34 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { IPType } from '../data/ip.js';
+
+interface AssetMediaColumnProps {
+    shouldReduce: boolean;
+    image: string;
+    imageAlt: string;
+    imgError: boolean;
+    onImageError: () => void;
+    fallback: React.ReactNode;
+    stats?: Array<{
+        value: string;
+        label: string;
+        icon: React.ReactNode;
+    }>;
+}
+declare function AssetMediaColumn({ shouldReduce, image, imageAlt, imgError, onImageError, fallback, stats, }: AssetMediaColumnProps): react_jsx_runtime.JSX.Element;
+interface AssetHeaderBlockProps {
+    name: string;
+    description?: string | null;
+    ipType?: IPType | string | null;
+    showMultiEditionBadge?: boolean;
+    parentContract?: string | null;
+    parentTokenId?: string | null;
+    ownerAddress?: string | null;
+}
+declare function AssetHeaderBlock({ name, description, ipType, showMultiEditionBadge, parentContract, parentTokenId, ownerAddress, }: AssetHeaderBlockProps): react_jsx_runtime.JSX.Element;
+declare function buildEditionStats(totalEditions: number, uniqueOwners: number): {
+    value: string;
+    label: string;
+    icon: react_jsx_runtime.JSX.Element;
+}[];
+
+export { AssetHeaderBlock, AssetMediaColumn, buildEditionStats };

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

@@ -0,0 +1,111 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Image from "next/image";
+import Link from "next/link";
+import { motion } from "framer-motion";
+import { IpTypeBadge } from "./ip-type-badge.js";
+import { AddressDisplay } from "./address-display.js";
+import { ParentAttributionBanner } from "./parent-attribution-banner.js";
+import { Layers, Users } from "lucide-react";
+function AssetMediaColumn({
+  shouldReduce,
+  image,
+  imageAlt,
+  imgError,
+  onImageError,
+  fallback,
+  stats
+}) {
+  return /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      initial: shouldReduce ? false : { scale: 1, opacity: 0 },
+      animate: { scale: 1.02, opacity: 1 },
+      transition: { duration: 0.6, ease: "easeOut" },
+      className: "overflow-hidden rounded-xl lg:sticky lg:top-16",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "rounded-2xl overflow-hidden border border-border bg-muted", children: image && !imgError ? /* @__PURE__ */ jsx(
+          Image,
+          {
+            src: image,
+            alt: imageAlt,
+            width: 0,
+            height: 0,
+            sizes: "(max-width: 1024px) 100vw, 66vw",
+            className: "w-full h-auto",
+            onError: onImageError,
+            crossOrigin: "anonymous",
+            priority: true
+          }
+        ) : fallback }),
+        stats && stats.length > 0 ? /* @__PURE__ */ jsx("div", { className: `grid gap-3 mt-4 ${stats.length === 2 ? "grid-cols-2" : "grid-cols-1"}`, children: stats.map((stat) => /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-border bg-muted/20 p-4 text-center", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-2xl font-black", children: stat.value }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-1 text-xs text-muted-foreground mt-1", children: [
+            stat.icon,
+            stat.label
+          ] })
+        ] }, stat.label)) }) : null
+      ]
+    }
+  );
+}
+function AssetHeaderBlock({
+  name,
+  description,
+  ipType,
+  showMultiEditionBadge = false,
+  parentContract,
+  parentTokenId,
+  ownerAddress
+}) {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    parentContract && parentTokenId ? /* @__PURE__ */ jsx("div", { className: "mb-3", children: /* @__PURE__ */ jsx(
+      ParentAttributionBanner,
+      {
+        parentContract,
+        parentTokenId,
+        parentName: `Token #${parentTokenId}`
+      }
+    ) }) : null,
+    /* @__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
+    ] }),
+    ownerAddress ? /* @__PURE__ */ jsxs("div", { className: "mb-1 flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-wider", children: "Owner" }),
+      /* @__PURE__ */ jsx(
+        Link,
+        {
+          href: `/creator/${ownerAddress}`,
+          className: "hover:text-primary transition-colors font-medium",
+          children: /* @__PURE__ */ jsx(AddressDisplay, { address: ownerAddress })
+        }
+      )
+    ] }) : null,
+    /* @__PURE__ */ jsx("h1", { className: "text-3xl lg:text-5xl font-bold", children: name }),
+    description ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground leading-relaxed mt-1", children: description }) : null
+  ] });
+}
+function buildEditionStats(totalEditions, uniqueOwners) {
+  return [
+    {
+      value: totalEditions.toLocaleString(),
+      label: "editions minted",
+      icon: /* @__PURE__ */ jsx(Layers, { className: "h-3 w-3" })
+    },
+    {
+      value: uniqueOwners.toLocaleString(),
+      label: "unique owners",
+      icon: /* @__PURE__ */ jsx(Users, { className: "h-3 w-3" })
+    }
+  ];
+}
+export {
+  AssetHeaderBlock,
+  AssetMediaColumn,
+  buildEditionStats
+};
+//# sourceMappingURL=asset-top-sections.js.map

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

@@ -0,0 +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 { IpTypeBadge } from \"./ip-type-badge.js\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { ParentAttributionBanner } from \"./parent-attribution-banner.js\";\nimport type { IPType } from \"../data/ip.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?: 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      <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      {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":";AA2CU,cAqBI,YArBJ;AAzCV,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,cAAc;AACvB,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,SAAS,+BAA+B;AAExC,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,IACJ,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;AAAA,IACC,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/ip-type-display.cjs

@@ -24,6 +24,7 @@ __export(ip_type_display_exports, {
 module.exports = __toCommonJS(ip_type_display_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ip_templates = require("../data/ip-templates.js");
+var import_ipfs = require("../utils/ipfs.js");
 var import_lucide_react = require("lucide-react");
 function parseYouTubeEmbed(url) {
   try {
@@ -125,8 +126,32 @@ function IPTypeDisplay({ attributes }) {
     const value = getAttr(meta.traitKey);
     return value ? [{ platform, meta, value }] : [];
   });
-  if (embeds.length === 0 && socials.length === 0) return null;
+  const docUri = template.docUpload ? getAttr(template.docUpload.traitType) : null;
+  if (embeds.length === 0 && socials.length === 0 && !docUri) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-5", children: [
+    docUri && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: "Document" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "a",
+        {
+          href: docUri.startsWith("ipfs://") ? (0, import_ipfs.ipfsToHttp)(docUri) : docUri,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "flex items-center gap-3 rounded-xl border border-border bg-muted/20 px-4 py-3 transition-colors hover:border-primary/40 group",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.FileText, { className: "h-5 w-5 text-primary shrink-0" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-semibold group-hover:text-primary transition-colors", children: "View document" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-xs text-muted-foreground flex items-center gap-1 mt-0.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ShieldCheck, { className: "h-3 w-3 shrink-0" }),
+                "Stored on IPFS \u2014 immutable, timestamped copy of the original"
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ExternalLink, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" })
+          ]
+        }
+      )
+    ] }),
     embeds.map(({ platform, meta, value }) => {
       const src = getEmbedSrc(platform, value);
       if (src) {

package/dist/components/ip-type-display.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/ip-type-display.tsx"],"sourcesContent":["\"use client\";\n\nimport type { IPType } from \"../data/ip.js\";\nimport {\n  IP_TEMPLATES,\n  EMBED_PLATFORM_META,\n  SOCIAL_PLATFORM_META,\n  type EmbedPlatform,\n} from \"../data/ip-templates.js\";\nimport { ExternalLink } from \"lucide-react\";\n\ninterface Attr {\n  trait_type?: string | null;\n  value?: string | null;\n}\n\ninterface IPTypeDisplayProps {\n  attributes: Attr[] | null | undefined;\n}\n\n// ── Embed URL parsers ────────────────────────────────────────────────────────\n\nfunction parseYouTubeEmbed(url: string): string | null {\n  try {\n    const u = new URL(url);\n    let id: string | null = null;\n    if (u.hostname.includes(\"youtu.be\")) {\n      id = u.pathname.slice(1);\n    } else if (u.hostname.includes(\"youtube.com\")) {\n      id = u.searchParams.get(\"v\");\n    }\n    if (!id) return null;\n    return `https://www.youtube.com/embed/${id}`;\n  } catch {\n    return null;\n  }\n}\n\nfunction parseSpotifyEmbed(url: string): string | null {\n  try {\n    const u = new URL(url);\n    if (!u.hostname.includes(\"spotify.com\")) return null;\n    // Spotify's embed endpoint only accepts /embed/{type}/{id}. Isolate the\n    // resource type + id so locale prefixes (e.g. /intl-pt) and trailing query\n    // params don't leak through — `/embed/intl-pt/album/…` 404s on Spotify.\n    const match = u.pathname.match(\n      /(track|album|playlist|episode|show|artist)\\/([A-Za-z0-9]+)/\n    );\n    if (!match) return null;\n    return `https://open.spotify.com/embed/${match[1]}/${match[2]}`;\n  } catch {\n    return null;\n  }\n}\n\nfunction parseSoundCloudEmbed(url: string): string | null {\n  try {\n    new URL(url); // validate\n    if (!url.includes(\"soundcloud.com\")) return null;\n    const encoded = encodeURIComponent(url);\n    return `https://w.soundcloud.com/player/?url=${encoded}&color=%23ff5500&auto_play=false&hide_related=true&show_comments=false&show_user=true&show_reposts=false`;\n  } catch {\n    return null;\n  }\n}\n\nfunction parseTikTokEmbed(url: string): string | null {\n  try {\n    const u = new URL(url);\n    if (!u.hostname.includes(\"tiktok.com\")) return null;\n    const match = u.pathname.match(/\\/video\\/(\\d+)/);\n    if (!match) return null;\n    return `https://www.tiktok.com/embed/v2/${match[1]}`;\n  } catch {\n    return null;\n  }\n}\n\nfunction parseVimeoEmbed(url: string): string | null {\n  try {\n    const u = new URL(url);\n    if (!u.hostname.includes(\"vimeo.com\")) return null;\n    const match = u.pathname.match(/(\\d+)/);\n    if (!match) return null;\n    return `https://player.vimeo.com/video/${match[1]}`;\n  } catch {\n    return null;\n  }\n}\n\nfunction getEmbedSrc(platform: EmbedPlatform, value: string): string | null {\n  switch (platform) {\n    case \"youtube\":    return parseYouTubeEmbed(value);\n    case \"spotify\":    return parseSpotifyEmbed(value);\n    case \"soundcloud\": return parseSoundCloudEmbed(value);\n    case \"tiktok\":     return parseTikTokEmbed(value);\n    case \"vimeo\":      return parseVimeoEmbed(value);\n  }\n}\n\n// Compact iframe (fixed height) vs 16:9 video frame.\nconst COMPACT: Record<EmbedPlatform, boolean> = {\n  spotify: true,\n  soundcloud: true,\n  youtube: false,\n  tiktok: false,\n  vimeo: false,\n};\n\n// ── Component ─────────────────────────────────────────────────────────────────\n\nexport function IPTypeDisplay({ attributes }: IPTypeDisplayProps) {\n  const attrs = attributes ?? [];\n\n  const ipType = attrs.find(\n    (a) => a.trait_type?.toLowerCase() === \"ip type\"\n  )?.value as IPType | undefined;\n  if (!ipType) return null;\n\n  const template = IP_TEMPLATES[ipType];\n  if (!template) return null;\n\n  const getAttr = (key: string) =>\n    attrs.find((a) => a.trait_type === key)?.value ?? null;\n\n  const embeds = (template.embeds ?? []).flatMap((platform) => {\n    const meta = EMBED_PLATFORM_META[platform];\n    const value = getAttr(meta.traitKey);\n    return value ? [{ platform, meta, value }] : [];\n  });\n\n  const socials = (template.socials ?? []).flatMap((platform) => {\n    const meta = SOCIAL_PLATFORM_META[platform];\n    const value = getAttr(meta.traitKey);\n    return value ? [{ platform, meta, value }] : [];\n  });\n\n  if (embeds.length === 0 && socials.length === 0) return null;\n\n  return (\n    <div className=\"space-y-5\">\n      {embeds.map(({ platform, meta, value }) => {\n        const src = getEmbedSrc(platform, value);\n        if (src) {\n          return (\n            <div key={platform} className=\"space-y-1.5\">\n              <p className=\"text-xs font-semibold uppercase tracking-wider text-muted-foreground\">\n                {meta.label}\n              </p>\n              {COMPACT[platform] ? (\n                <iframe\n                  src={src}\n                  className=\"w-full rounded-xl border-0\"\n                  height={166}\n                  allow=\"autoplay\"\n                  loading=\"lazy\"\n                  title={meta.label}\n                />\n              ) : (\n                <div className=\"relative w-full aspect-video rounded-xl overflow-hidden bg-muted/20\">\n                  <iframe\n                    src={src}\n                    className=\"absolute inset-0 w-full h-full\"\n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                    allowFullScreen\n                    loading=\"lazy\"\n                    title={meta.label}\n                  />\n                </div>\n              )}\n            </div>\n          );\n        }\n        // Fallback: plain external link if URL parsing failed\n        return (\n          <div key={platform}>\n            <p className=\"text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-1\">\n              {meta.label}\n            </p>\n            <a\n              href={value}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"inline-flex items-center gap-1.5 text-sm text-primary hover:underline\"\n            >\n              <ExternalLink className=\"h-3.5 w-3.5\" />\n              Open link\n            </a>\n          </div>\n        );\n      })}\n\n      {socials.length > 0 && (\n        <div className=\"space-y-1.5\">\n          <p className=\"text-xs font-semibold uppercase tracking-wider text-muted-foreground\">\n            Links\n          </p>\n          <div className=\"flex flex-wrap gap-2\">\n            {socials.map(({ platform, meta, value }) => {\n              const SIcon = meta.icon;\n              return (\n                <a\n                  key={platform}\n                  href={value}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className=\"inline-flex items-center gap-1.5 rounded-full border border-border bg-muted/30 px-3 py-1.5 text-xs font-medium text-muted-foreground transition-colors hover:border-primary/40 hover:text-foreground\"\n                >\n                  <SIcon className=\"h-3.5 w-3.5\" />\n                  {meta.label}\n                </a>\n              );\n            })}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/ip-type-display.tsx"],"sourcesContent":["\"use client\";\n\nimport type { IPType } from \"../data/ip.js\";\nimport {\n  IP_TEMPLATES,\n  EMBED_PLATFORM_META,\n  SOCIAL_PLATFORM_META,\n  type EmbedPlatform,\n} from \"../data/ip-templates.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport { ExternalLink, FileText, ShieldCheck } from \"lucide-react\";\n\ninterface Attr {\n  trait_type?: string | null;\n  value?: string | null;\n}\n\ninterface IPTypeDisplayProps {\n  attributes: Attr[] | null | undefined;\n}\n\n// ── Embed URL parsers ────────────────────────────────────────────────────────\n\nfunction parseYouTubeEmbed(url: string): string | null {\n  try {\n    const u = new URL(url);\n    let id: string | null = null;\n    if (u.hostname.includes(\"youtu.be\")) {\n      id = u.pathname.slice(1);\n    } else if (u.hostname.includes(\"youtube.com\")) {\n      id = u.searchParams.get(\"v\");\n    }\n    if (!id) return null;\n    return `https://www.youtube.com/embed/${id}`;\n  } catch {\n    return null;\n  }\n}\n\nfunction parseSpotifyEmbed(url: string): string | null {\n  try {\n    const u = new URL(url);\n    if (!u.hostname.includes(\"spotify.com\")) return null;\n    // Spotify's embed endpoint only accepts /embed/{type}/{id}. Isolate the\n    // resource type + id so locale prefixes (e.g. /intl-pt) and trailing query\n    // params don't leak through — `/embed/intl-pt/album/…` 404s on Spotify.\n    const match = u.pathname.match(\n      /(track|album|playlist|episode|show|artist)\\/([A-Za-z0-9]+)/\n    );\n    if (!match) return null;\n    return `https://open.spotify.com/embed/${match[1]}/${match[2]}`;\n  } catch {\n    return null;\n  }\n}\n\nfunction parseSoundCloudEmbed(url: string): string | null {\n  try {\n    new URL(url); // validate\n    if (!url.includes(\"soundcloud.com\")) return null;\n    const encoded = encodeURIComponent(url);\n    return `https://w.soundcloud.com/player/?url=${encoded}&color=%23ff5500&auto_play=false&hide_related=true&show_comments=false&show_user=true&show_reposts=false`;\n  } catch {\n    return null;\n  }\n}\n\nfunction parseTikTokEmbed(url: string): string | null {\n  try {\n    const u = new URL(url);\n    if (!u.hostname.includes(\"tiktok.com\")) return null;\n    const match = u.pathname.match(/\\/video\\/(\\d+)/);\n    if (!match) return null;\n    return `https://www.tiktok.com/embed/v2/${match[1]}`;\n  } catch {\n    return null;\n  }\n}\n\nfunction parseVimeoEmbed(url: string): string | null {\n  try {\n    const u = new URL(url);\n    if (!u.hostname.includes(\"vimeo.com\")) return null;\n    const match = u.pathname.match(/(\\d+)/);\n    if (!match) return null;\n    return `https://player.vimeo.com/video/${match[1]}`;\n  } catch {\n    return null;\n  }\n}\n\nfunction getEmbedSrc(platform: EmbedPlatform, value: string): string | null {\n  switch (platform) {\n    case \"youtube\":    return parseYouTubeEmbed(value);\n    case \"spotify\":    return parseSpotifyEmbed(value);\n    case \"soundcloud\": return parseSoundCloudEmbed(value);\n    case \"tiktok\":     return parseTikTokEmbed(value);\n    case \"vimeo\":      return parseVimeoEmbed(value);\n  }\n}\n\n// Compact iframe (fixed height) vs 16:9 video frame.\nconst COMPACT: Record<EmbedPlatform, boolean> = {\n  spotify: true,\n  soundcloud: true,\n  youtube: false,\n  tiktok: false,\n  vimeo: false,\n};\n\n// ── Component ─────────────────────────────────────────────────────────────────\n\nexport function IPTypeDisplay({ attributes }: IPTypeDisplayProps) {\n  const attrs = attributes ?? [];\n\n  const ipType = attrs.find(\n    (a) => a.trait_type?.toLowerCase() === \"ip type\"\n  )?.value as IPType | undefined;\n  if (!ipType) return null;\n\n  const template = IP_TEMPLATES[ipType];\n  if (!template) return null;\n\n  const getAttr = (key: string) =>\n    attrs.find((a) => a.trait_type === key)?.value ?? null;\n\n  const embeds = (template.embeds ?? []).flatMap((platform) => {\n    const meta = EMBED_PLATFORM_META[platform];\n    const value = getAttr(meta.traitKey);\n    return value ? [{ platform, meta, value }] : [];\n  });\n\n  const socials = (template.socials ?? []).flatMap((platform) => {\n    const meta = SOCIAL_PLATFORM_META[platform];\n    const value = getAttr(meta.traitKey);\n    return value ? [{ platform, meta, value }] : [];\n  });\n\n  const docUri = template.docUpload ? getAttr(template.docUpload.traitType) : null;\n\n  if (embeds.length === 0 && socials.length === 0 && !docUri) return null;\n\n  return (\n    <div className=\"space-y-5\">\n      {/* Document pinned to IPFS — immutable, timestamped copy of the work */}\n      {docUri && (\n        <div className=\"space-y-1.5\">\n          <p className=\"text-xs font-semibold uppercase tracking-wider text-muted-foreground\">\n            Document\n          </p>\n          <a\n            href={docUri.startsWith(\"ipfs://\") ? ipfsToHttp(docUri) : docUri}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className=\"flex items-center gap-3 rounded-xl border border-border bg-muted/20 px-4 py-3 transition-colors hover:border-primary/40 group\"\n          >\n            <FileText className=\"h-5 w-5 text-primary shrink-0\" />\n            <div className=\"min-w-0 flex-1\">\n              <p className=\"text-sm font-semibold group-hover:text-primary transition-colors\">\n                View document\n              </p>\n              <p className=\"text-xs text-muted-foreground flex items-center gap-1 mt-0.5\">\n                <ShieldCheck className=\"h-3 w-3 shrink-0\" />\n                Stored on IPFS — immutable, timestamped copy of the original\n              </p>\n            </div>\n            <ExternalLink className=\"h-3.5 w-3.5 text-muted-foreground shrink-0\" />\n          </a>\n        </div>\n      )}\n      {embeds.map(({ platform, meta, value }) => {\n        const src = getEmbedSrc(platform, value);\n        if (src) {\n          return (\n            <div key={platform} className=\"space-y-1.5\">\n              <p className=\"text-xs font-semibold uppercase tracking-wider text-muted-foreground\">\n                {meta.label}\n              </p>\n              {COMPACT[platform] ? (\n                <iframe\n                  src={src}\n                  className=\"w-full rounded-xl border-0\"\n                  height={166}\n                  allow=\"autoplay\"\n                  loading=\"lazy\"\n                  title={meta.label}\n                />\n              ) : (\n                <div className=\"relative w-full aspect-video rounded-xl overflow-hidden bg-muted/20\">\n                  <iframe\n                    src={src}\n                    className=\"absolute inset-0 w-full h-full\"\n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                    allowFullScreen\n                    loading=\"lazy\"\n                    title={meta.label}\n                  />\n                </div>\n              )}\n            </div>\n          );\n        }\n        // Fallback: plain external link if URL parsing failed\n        return (\n          <div key={platform}>\n            <p className=\"text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-1\">\n              {meta.label}\n            </p>\n            <a\n              href={value}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"inline-flex items-center gap-1.5 text-sm text-primary hover:underline\"\n            >\n              <ExternalLink className=\"h-3.5 w-3.5\" />\n              Open link\n            </a>\n          </div>\n        );\n      })}\n\n      {socials.length > 0 && (\n        <div className=\"space-y-1.5\">\n          <p className=\"text-xs font-semibold uppercase tracking-wider text-muted-foreground\">\n            Links\n          </p>\n          <div className=\"flex flex-wrap gap-2\">\n            {socials.map(({ platform, meta, value }) => {\n              const SIcon = meta.icon;\n              return (\n                <a\n                  key={platform}\n                  href={value}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className=\"inline-flex items-center gap-1.5 rounded-full border border-border bg-muted/30 px-3 py-1.5 text-xs font-medium text-muted-foreground transition-colors hover:border-primary/40 hover:text-foreground\"\n                >\n                  <SIcon className=\"h-3.5 w-3.5\" />\n                  {meta.label}\n                </a>\n              );\n            })}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/ip-type-display.js

@@ -5,7 +5,8 @@ import {
   EMBED_PLATFORM_META,
   SOCIAL_PLATFORM_META
 } from "../data/ip-templates.js";
-import { ExternalLink } from "lucide-react";
+import { ipfsToHttp } from "../utils/ipfs.js";
+import { ExternalLink, FileText, ShieldCheck } from "lucide-react";
 function parseYouTubeEmbed(url) {
   try {
     const u = new URL(url);
@@ -106,8 +107,32 @@ function IPTypeDisplay({ attributes }) {
     const value = getAttr(meta.traitKey);
     return value ? [{ platform, meta, value }] : [];
   });
-  if (embeds.length === 0 && socials.length === 0) return null;
+  const docUri = template.docUpload ? getAttr(template.docUpload.traitType) : null;
+  if (embeds.length === 0 && socials.length === 0 && !docUri) return null;
   return /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
+    docUri && /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: "Document" }),
+      /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href: docUri.startsWith("ipfs://") ? ipfsToHttp(docUri) : docUri,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "flex items-center gap-3 rounded-xl border border-border bg-muted/20 px-4 py-3 transition-colors hover:border-primary/40 group",
+          children: [
+            /* @__PURE__ */ jsx(FileText, { className: "h-5 w-5 text-primary shrink-0" }),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold group-hover:text-primary transition-colors", children: "View document" }),
+              /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground flex items-center gap-1 mt-0.5", children: [
+                /* @__PURE__ */ jsx(ShieldCheck, { className: "h-3 w-3 shrink-0" }),
+                "Stored on IPFS \u2014 immutable, timestamped copy of the original"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(ExternalLink, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" })
+          ]
+        }
+      )
+    ] }),
     embeds.map(({ platform, meta, value }) => {
       const src = getEmbedSrc(platform, value);
       if (src) {

package/dist/components/ip-type-display.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/ip-type-display.tsx"],"sourcesContent":["\"use client\";\n\nimport type { IPType } from \"../data/ip.js\";\nimport {\n  IP_TEMPLATES,\n  EMBED_PLATFORM_META,\n  SOCIAL_PLATFORM_META,\n  type EmbedPlatform,\n} from \"../data/ip-templates.js\";\nimport { ExternalLink } from \"lucide-react\";\n\ninterface Attr {\n  trait_type?: string | null;\n  value?: string | null;\n}\n\ninterface IPTypeDisplayProps {\n  attributes: Attr[] | null | undefined;\n}\n\n// ── Embed URL parsers ────────────────────────────────────────────────────────\n\nfunction parseYouTubeEmbed(url: string): string | null {\n  try {\n    const u = new URL(url);\n    let id: string | null = null;\n    if (u.hostname.includes(\"youtu.be\")) {\n      id = u.pathname.slice(1);\n    } else if (u.hostname.includes(\"youtube.com\")) {\n      id = u.searchParams.get(\"v\");\n    }\n    if (!id) return null;\n    return `https://www.youtube.com/embed/${id}`;\n  } catch {\n    return null;\n  }\n}\n\nfunction parseSpotifyEmbed(url: string): string | null {\n  try {\n    const u = new URL(url);\n    if (!u.hostname.includes(\"spotify.com\")) return null;\n    // Spotify's embed endpoint only accepts /embed/{type}/{id}. Isolate the\n    // resource type + id so locale prefixes (e.g. /intl-pt) and trailing query\n    // params don't leak through — `/embed/intl-pt/album/…` 404s on Spotify.\n    const match = u.pathname.match(\n      /(track|album|playlist|episode|show|artist)\\/([A-Za-z0-9]+)/\n    );\n    if (!match) return null;\n    return `https://open.spotify.com/embed/${match[1]}/${match[2]}`;\n  } catch {\n    return null;\n  }\n}\n\nfunction parseSoundCloudEmbed(url: string): string | null {\n  try {\n    new URL(url); // validate\n    if (!url.includes(\"soundcloud.com\")) return null;\n    const encoded = encodeURIComponent(url);\n    return `https://w.soundcloud.com/player/?url=${encoded}&color=%23ff5500&auto_play=false&hide_related=true&show_comments=false&show_user=true&show_reposts=false`;\n  } catch {\n    return null;\n  }\n}\n\nfunction parseTikTokEmbed(url: string): string | null {\n  try {\n    const u = new URL(url);\n    if (!u.hostname.includes(\"tiktok.com\")) return null;\n    const match = u.pathname.match(/\\/video\\/(\\d+)/);\n    if (!match) return null;\n    return `https://www.tiktok.com/embed/v2/${match[1]}`;\n  } catch {\n    return null;\n  }\n}\n\nfunction parseVimeoEmbed(url: string): string | null {\n  try {\n    const u = new URL(url);\n    if (!u.hostname.includes(\"vimeo.com\")) return null;\n    const match = u.pathname.match(/(\\d+)/);\n    if (!match) return null;\n    return `https://player.vimeo.com/video/${match[1]}`;\n  } catch {\n    return null;\n  }\n}\n\nfunction getEmbedSrc(platform: EmbedPlatform, value: string): string | null {\n  switch (platform) {\n    case \"youtube\":    return parseYouTubeEmbed(value);\n    case \"spotify\":    return parseSpotifyEmbed(value);\n    case \"soundcloud\": return parseSoundCloudEmbed(value);\n    case \"tiktok\":     return parseTikTokEmbed(value);\n    case \"vimeo\":      return parseVimeoEmbed(value);\n  }\n}\n\n// Compact iframe (fixed height) vs 16:9 video frame.\nconst COMPACT: Record<EmbedPlatform, boolean> = {\n  spotify: true,\n  soundcloud: true,\n  youtube: false,\n  tiktok: false,\n  vimeo: false,\n};\n\n// ── Component ─────────────────────────────────────────────────────────────────\n\nexport function IPTypeDisplay({ attributes }: IPTypeDisplayProps) {\n  const attrs = attributes ?? [];\n\n  const ipType = attrs.find(\n    (a) => a.trait_type?.toLowerCase() === \"ip type\"\n  )?.value as IPType | undefined;\n  if (!ipType) return null;\n\n  const template = IP_TEMPLATES[ipType];\n  if (!template) return null;\n\n  const getAttr = (key: string) =>\n    attrs.find((a) => a.trait_type === key)?.value ?? null;\n\n  const embeds = (template.embeds ?? []).flatMap((platform) => {\n    const meta = EMBED_PLATFORM_META[platform];\n    const value = getAttr(meta.traitKey);\n    return value ? [{ platform, meta, value }] : [];\n  });\n\n  const socials = (template.socials ?? []).flatMap((platform) => {\n    const meta = SOCIAL_PLATFORM_META[platform];\n    const value = getAttr(meta.traitKey);\n    return value ? [{ platform, meta, value }] : [];\n  });\n\n  if (embeds.length === 0 && socials.length === 0) return null;\n\n  return (\n    <div className=\"space-y-5\">\n      {embeds.map(({ platform, meta, value }) => {\n        const src = getEmbedSrc(platform, value);\n        if (src) {\n          return (\n            <div key={platform} className=\"space-y-1.5\">\n              <p className=\"text-xs font-semibold uppercase tracking-wider text-muted-foreground\">\n                {meta.label}\n              </p>\n              {COMPACT[platform] ? (\n                <iframe\n                  src={src}\n                  className=\"w-full rounded-xl border-0\"\n                  height={166}\n                  allow=\"autoplay\"\n                  loading=\"lazy\"\n                  title={meta.label}\n                />\n              ) : (\n                <div className=\"relative w-full aspect-video rounded-xl overflow-hidden bg-muted/20\">\n                  <iframe\n                    src={src}\n                    className=\"absolute inset-0 w-full h-full\"\n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                    allowFullScreen\n                    loading=\"lazy\"\n                    title={meta.label}\n                  />\n                </div>\n              )}\n            </div>\n          );\n        }\n        // Fallback: plain external link if URL parsing failed\n        return (\n          <div key={platform}>\n            <p className=\"text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-1\">\n              {meta.label}\n            </p>\n            <a\n              href={value}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"inline-flex items-center gap-1.5 text-sm text-primary hover:underline\"\n            >\n              <ExternalLink className=\"h-3.5 w-3.5\" />\n              Open link\n            </a>\n          </div>\n        );\n      })}\n\n      {socials.length > 0 && (\n        <div className=\"space-y-1.5\">\n          <p className=\"text-xs font-semibold uppercase tracking-wider text-muted-foreground\">\n            Links\n          </p>\n          <div className=\"flex flex-wrap gap-2\">\n            {socials.map(({ platform, meta, value }) => {\n              const SIcon = meta.icon;\n              return (\n                <a\n                  key={platform}\n                  href={value}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className=\"inline-flex items-center gap-1.5 rounded-full border border-border bg-muted/30 px-3 py-1.5 text-xs font-medium text-muted-foreground transition-colors hover:border-primary/40 hover:text-foreground\"\n                >\n                  <SIcon className=\"h-3.5 w-3.5\" />\n                  {meta.label}\n                </a>\n              );\n            })}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/ip-type-display.tsx"],"sourcesContent":["\"use client\";\n\nimport type { IPType } from \"../data/ip.js\";\nimport {\n  IP_TEMPLATES,\n  EMBED_PLATFORM_META,\n  SOCIAL_PLATFORM_META,\n  type EmbedPlatform,\n} from \"../data/ip-templates.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport { ExternalLink, FileText, ShieldCheck } from \"lucide-react\";\n\ninterface Attr {\n  trait_type?: string | null;\n  value?: string | null;\n}\n\ninterface IPTypeDisplayProps {\n  attributes: Attr[] | null | undefined;\n}\n\n// ── Embed URL parsers ────────────────────────────────────────────────────────\n\nfunction parseYouTubeEmbed(url: string): string | null {\n  try {\n    const u = new URL(url);\n    let id: string | null = null;\n    if (u.hostname.includes(\"youtu.be\")) {\n      id = u.pathname.slice(1);\n    } else if (u.hostname.includes(\"youtube.com\")) {\n      id = u.searchParams.get(\"v\");\n    }\n    if (!id) return null;\n    return `https://www.youtube.com/embed/${id}`;\n  } catch {\n    return null;\n  }\n}\n\nfunction parseSpotifyEmbed(url: string): string | null {\n  try {\n    const u = new URL(url);\n    if (!u.hostname.includes(\"spotify.com\")) return null;\n    // Spotify's embed endpoint only accepts /embed/{type}/{id}. Isolate the\n    // resource type + id so locale prefixes (e.g. /intl-pt) and trailing query\n    // params don't leak through — `/embed/intl-pt/album/…` 404s on Spotify.\n    const match = u.pathname.match(\n      /(track|album|playlist|episode|show|artist)\\/([A-Za-z0-9]+)/\n    );\n    if (!match) return null;\n    return `https://open.spotify.com/embed/${match[1]}/${match[2]}`;\n  } catch {\n    return null;\n  }\n}\n\nfunction parseSoundCloudEmbed(url: string): string | null {\n  try {\n    new URL(url); // validate\n    if (!url.includes(\"soundcloud.com\")) return null;\n    const encoded = encodeURIComponent(url);\n    return `https://w.soundcloud.com/player/?url=${encoded}&color=%23ff5500&auto_play=false&hide_related=true&show_comments=false&show_user=true&show_reposts=false`;\n  } catch {\n    return null;\n  }\n}\n\nfunction parseTikTokEmbed(url: string): string | null {\n  try {\n    const u = new URL(url);\n    if (!u.hostname.includes(\"tiktok.com\")) return null;\n    const match = u.pathname.match(/\\/video\\/(\\d+)/);\n    if (!match) return null;\n    return `https://www.tiktok.com/embed/v2/${match[1]}`;\n  } catch {\n    return null;\n  }\n}\n\nfunction parseVimeoEmbed(url: string): string | null {\n  try {\n    const u = new URL(url);\n    if (!u.hostname.includes(\"vimeo.com\")) return null;\n    const match = u.pathname.match(/(\\d+)/);\n    if (!match) return null;\n    return `https://player.vimeo.com/video/${match[1]}`;\n  } catch {\n    return null;\n  }\n}\n\nfunction getEmbedSrc(platform: EmbedPlatform, value: string): string | null {\n  switch (platform) {\n    case \"youtube\":    return parseYouTubeEmbed(value);\n    case \"spotify\":    return parseSpotifyEmbed(value);\n    case \"soundcloud\": return parseSoundCloudEmbed(value);\n    case \"tiktok\":     return parseTikTokEmbed(value);\n    case \"vimeo\":      return parseVimeoEmbed(value);\n  }\n}\n\n// Compact iframe (fixed height) vs 16:9 video frame.\nconst COMPACT: Record<EmbedPlatform, boolean> = {\n  spotify: true,\n  soundcloud: true,\n  youtube: false,\n  tiktok: false,\n  vimeo: false,\n};\n\n// ── Component ─────────────────────────────────────────────────────────────────\n\nexport function IPTypeDisplay({ attributes }: IPTypeDisplayProps) {\n  const attrs = attributes ?? [];\n\n  const ipType = attrs.find(\n    (a) => a.trait_type?.toLowerCase() === \"ip type\"\n  )?.value as IPType | undefined;\n  if (!ipType) return null;\n\n  const template = IP_TEMPLATES[ipType];\n  if (!template) return null;\n\n  const getAttr = (key: string) =>\n    attrs.find((a) => a.trait_type === key)?.value ?? null;\n\n  const embeds = (template.embeds ?? []).flatMap((platform) => {\n    const meta = EMBED_PLATFORM_META[platform];\n    const value = getAttr(meta.traitKey);\n    return value ? [{ platform, meta, value }] : [];\n  });\n\n  const socials = (template.socials ?? []).flatMap((platform) => {\n    const meta = SOCIAL_PLATFORM_META[platform];\n    const value = getAttr(meta.traitKey);\n    return value ? [{ platform, meta, value }] : [];\n  });\n\n  const docUri = template.docUpload ? getAttr(template.docUpload.traitType) : null;\n\n  if (embeds.length === 0 && socials.length === 0 && !docUri) return null;\n\n  return (\n    <div className=\"space-y-5\">\n      {/* Document pinned to IPFS — immutable, timestamped copy of the work */}\n      {docUri && (\n        <div className=\"space-y-1.5\">\n          <p className=\"text-xs font-semibold uppercase tracking-wider text-muted-foreground\">\n            Document\n          </p>\n          <a\n            href={docUri.startsWith(\"ipfs://\") ? ipfsToHttp(docUri) : docUri}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className=\"flex items-center gap-3 rounded-xl border border-border bg-muted/20 px-4 py-3 transition-colors hover:border-primary/40 group\"\n          >\n            <FileText className=\"h-5 w-5 text-primary shrink-0\" />\n            <div className=\"min-w-0 flex-1\">\n              <p className=\"text-sm font-semibold group-hover:text-primary transition-colors\">\n                View document\n              </p>\n              <p className=\"text-xs text-muted-foreground flex items-center gap-1 mt-0.5\">\n                <ShieldCheck className=\"h-3 w-3 shrink-0\" />\n                Stored on IPFS — immutable, timestamped copy of the original\n              </p>\n            </div>\n            <ExternalLink className=\"h-3.5 w-3.5 text-muted-foreground shrink-0\" />\n          </a>\n        </div>\n      )}\n      {embeds.map(({ platform, meta, value }) => {\n        const src = getEmbedSrc(platform, value);\n        if (src) {\n          return (\n            <div key={platform} className=\"space-y-1.5\">\n              <p className=\"text-xs font-semibold uppercase tracking-wider text-muted-foreground\">\n                {meta.label}\n              </p>\n              {COMPACT[platform] ? (\n                <iframe\n                  src={src}\n                  className=\"w-full rounded-xl border-0\"\n                  height={166}\n                  allow=\"autoplay\"\n                  loading=\"lazy\"\n                  title={meta.label}\n                />\n              ) : (\n                <div className=\"relative w-full aspect-video rounded-xl overflow-hidden bg-muted/20\">\n                  <iframe\n                    src={src}\n                    className=\"absolute inset-0 w-full h-full\"\n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                    allowFullScreen\n                    loading=\"lazy\"\n                    title={meta.label}\n                  />\n                </div>\n              )}\n            </div>\n          );\n        }\n        // Fallback: plain external link if URL parsing failed\n        return (\n          <div key={platform}>\n            <p className=\"text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-1\">\n              {meta.label}\n            </p>\n            <a\n              href={value}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"inline-flex items-center gap-1.5 text-sm text-primary hover:underline\"\n            >\n              <ExternalLink className=\"h-3.5 w-3.5\" />\n              Open link\n            </a>\n          </div>\n        );\n      })}\n\n      {socials.length > 0 && (\n        <div className=\"space-y-1.5\">\n          <p className=\"text-xs font-semibold uppercase tracking-wider text-muted-foreground\">\n            Links\n          </p>\n          <div className=\"flex flex-wrap gap-2\">\n            {socials.map(({ platform, meta, value }) => {\n              const SIcon = meta.icon;\n              return (\n                <a\n                  key={platform}\n                  href={value}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className=\"inline-flex items-center gap-1.5 rounded-full border border-border bg-muted/30 px-3 py-1.5 text-xs font-medium text-muted-foreground transition-colors hover:border-primary/40 hover:text-foreground\"\n                >\n                  <SIcon className=\"h-3.5 w-3.5\" />\n                  {meta.label}\n                </a>\n              );\n            })}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/parent-attribution-banner.cjs

@@ -0,0 +1,57 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var parent_attribution_banner_exports = {};
+__export(parent_attribution_banner_exports, {
+  ParentAttributionBanner: () => ParentAttributionBanner
+});
+module.exports = __toCommonJS(parent_attribution_banner_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_link = __toESM(require("next/link"), 1);
+var import_lucide_react = require("lucide-react");
+function ParentAttributionBanner({ parentContract, parentTokenId, parentName }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_link.default,
+    {
+      href: `/asset/${parentContract}/${parentTokenId}`,
+      className: "flex items-center gap-2.5 px-3 py-2 rounded-xl border border-primary/25 bg-primary/5 text-sm hover:bg-primary/10 transition-colors group",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.GitBranch, { className: "h-4 w-4 text-primary shrink-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground", children: "Remix of" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-medium text-foreground truncate", children: parentName ?? `Token #${parentTokenId}` }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ExternalLink, { className: "h-3.5 w-3.5 text-muted-foreground ml-auto shrink-0 group-hover:text-foreground transition-colors" })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ParentAttributionBanner
+});
+//# sourceMappingURL=parent-attribution-banner.cjs.map