@medialane/ui 0.104.0 → 0.105.0

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

@@ -51,7 +51,7 @@ function AssetCollectionBar({
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-2xl bg-gradient-to-br from-muted/40 to-transparent overflow-hidden p-4 space-y-3", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_link.default, { href: collectionHref, className: "flex items-center gap-3 group min-w-0", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative h-11 w-11 rounded-xl overflow-hidden shrink-0 bg-gradient-to-br from-brand-blue/20 to-brand-purple/20 ring-1 ring-border/30 group-hover:ring-border/60 transition-all", 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-bold leading-tight truncate min-w-0 flex-1 group-hover:text-primary transition-colors", children: collectionName }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-base font-bold leading-tight truncate min-w-0 flex-1 group-hover:text-primary transition-colors", children: collectionName }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "shrink-0 h-8 w-8 rounded-xl bg-background/40 flex items-center justify-center text-muted-foreground group-hover:bg-background/70 group-hover:text-foreground transition-all", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRight, { className: "h-3.5 w-3.5" }) })
     ] }),
     preview.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-4 gap-1.5", children: Array.from({ length: 4 }).map((_, i) => {

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 { ArrowRight } from \"lucide-react\";\nexport interface AssetCollectionBarSibling {\n  tokenId: string;\n  /** Already-resolved, ready-to-render src. `null` renders a placeholder. */\n  image: string | null;\n}\n\nexport interface AssetCollectionBarProps {\n  collectionName: string;\n  collectionImage?: string | null;\n  collectionHref: string;\n  currentTokenId: string;\n  siblingTokens: AssetCollectionBarSibling[];\n  onNavigate: (tokenId: string) => void;\n}\n\nexport function AssetCollectionBar({\n  collectionName,\n  collectionImage,\n  collectionHref,\n  currentTokenId,\n  siblingTokens,\n  onNavigate,\n}: AssetCollectionBarProps) {\n  // Show up to 4 OTHER tokens — never the current one\n  const others = siblingTokens.filter(\n    (t) => String(t.tokenId) !== String(currentTokenId)\n  );\n  const preview = others.slice(0, 4);\n\n  return (\n    <div className=\"rounded-2xl bg-gradient-to-br from-muted/40 to-transparent overflow-hidden p-4 space-y-3\">\n\n      {/* Collection identity — links to collection page */}\n      <Link href={collectionHref} className=\"flex items-center gap-3 group min-w-0\">\n        <div className=\"relative h-11 w-11 rounded-xl overflow-hidden shrink-0 bg-gradient-to-br from-brand-blue/20 to-brand-purple/20 ring-1 ring-border/30 group-hover:ring-border/60 transition-all\">\n          {collectionImage ? (\n            <Image src={collectionImage} alt=\"\" fill className=\"object-cover\" unoptimized />\n          ) : null}\n        </div>\n        <p className=\"text-sm font-bold leading-tight truncate min-w-0 flex-1 group-hover:text-primary transition-colors\">\n          {collectionName}\n        </p>\n        <div className=\"shrink-0 h-8 w-8 rounded-xl bg-background/40 flex items-center justify-center text-muted-foreground group-hover:bg-background/70 group-hover:text-foreground transition-all\">\n          <ArrowRight className=\"h-3.5 w-3.5\" />\n        </div>\n      </Link>\n\n      {/* Grid — always 4 columns so thumbnails stay the same size regardless of count */}\n      {preview.length > 0 && (\n        <div className=\"grid grid-cols-4 gap-1.5\">\n          {Array.from({ length: 4 }).map((_, i) => {\n            const sibling = preview[i];\n            if (!sibling) {\n              return <div key={`empty-${i}`} className=\"aspect-square rounded-xl bg-muted/20\" />;\n            }\n            return (\n              <button\n                key={sibling.tokenId}\n                type=\"button\"\n                onClick={() => onNavigate(sibling.tokenId)}\n                className=\"group relative aspect-square rounded-xl overflow-hidden transition-all duration-200 hover:scale-[1.02] active:scale-95\"\n              >\n                {sibling.image ? (\n                  <Image\n                    src={sibling.image}\n                    alt=\"\"\n                    fill\n                    className=\"object-cover transition-transform duration-300 group-hover:scale-105\"\n                    unoptimized\n                  />\n                ) : (\n                  <div className=\"h-full w-full bg-muted\" />\n                )}\n              </button>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsCM;AApCN,mBAAkB;AAClB,kBAAiB;AACjB,0BAA2B;AAgBpB,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAE1B,QAAM,SAAS,cAAc;AAAA,IAC3B,CAAC,MAAM,OAAO,EAAE,OAAO,MAAM,OAAO,cAAc;AAAA,EACpD;AACA,QAAM,UAAU,OAAO,MAAM,GAAG,CAAC;AAEjC,SACE,6CAAC,SAAI,WAAU,4FAGb;AAAA,iDAAC,YAAAA,SAAA,EAAK,MAAM,gBAAgB,WAAU,yCACpC;AAAA,kDAAC,SAAI,WAAU,kLACZ,4BACC,4CAAC,aAAAC,SAAA,EAAM,KAAK,iBAAiB,KAAI,IAAG,MAAI,MAAC,WAAU,gBAAe,aAAW,MAAC,IAC5E,MACN;AAAA,MACA,4CAAC,OAAE,WAAU,sGACV,0BACH;AAAA,MACA,4CAAC,SAAI,WAAU,+KACb,sDAAC,kCAAW,WAAU,eAAc,GACtC;AAAA,OACF;AAAA,IAGC,QAAQ,SAAS,KAChB,4CAAC,SAAI,WAAU,4BACZ,gBAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MAAM;AACvC,YAAM,UAAU,QAAQ,CAAC;AACzB,UAAI,CAAC,SAAS;AACZ,eAAO,4CAAC,SAAuB,WAAU,0CAAxB,SAAS,CAAC,EAAqD;AAAA,MAClF;AACA,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,MAAK;AAAA,UACL,SAAS,MAAM,WAAW,QAAQ,OAAO;AAAA,UACzC,WAAU;AAAA,UAET,kBAAQ,QACP;AAAA,YAAC,aAAAA;AAAA,YAAA;AAAA,cACC,KAAK,QAAQ;AAAA,cACb,KAAI;AAAA,cACJ,MAAI;AAAA,cACJ,WAAU;AAAA,cACV,aAAW;AAAA;AAAA,UACb,IAEA,4CAAC,SAAI,WAAU,0BAAyB;AAAA;AAAA,QAdrC,QAAQ;AAAA,MAgBf;AAAA,IAEJ,CAAC,GACH;AAAA,KAEJ;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 { ArrowRight } from \"lucide-react\";\nexport interface AssetCollectionBarSibling {\n  tokenId: string;\n  /** Already-resolved, ready-to-render src. `null` renders a placeholder. */\n  image: string | null;\n}\n\nexport interface AssetCollectionBarProps {\n  collectionName: string;\n  collectionImage?: string | null;\n  collectionHref: string;\n  currentTokenId: string;\n  siblingTokens: AssetCollectionBarSibling[];\n  onNavigate: (tokenId: string) => void;\n}\n\nexport function AssetCollectionBar({\n  collectionName,\n  collectionImage,\n  collectionHref,\n  currentTokenId,\n  siblingTokens,\n  onNavigate,\n}: AssetCollectionBarProps) {\n  // Show up to 4 OTHER tokens — never the current one\n  const others = siblingTokens.filter(\n    (t) => String(t.tokenId) !== String(currentTokenId)\n  );\n  const preview = others.slice(0, 4);\n\n  return (\n    <div className=\"rounded-2xl bg-gradient-to-br from-muted/40 to-transparent overflow-hidden p-4 space-y-3\">\n\n      {/* Collection identity — links to collection page */}\n      <Link href={collectionHref} className=\"flex items-center gap-3 group min-w-0\">\n        <div className=\"relative h-11 w-11 rounded-xl overflow-hidden shrink-0 bg-gradient-to-br from-brand-blue/20 to-brand-purple/20 ring-1 ring-border/30 group-hover:ring-border/60 transition-all\">\n          {collectionImage ? (\n            <Image src={collectionImage} alt=\"\" fill className=\"object-cover\" unoptimized />\n          ) : null}\n        </div>\n        <p className=\"text-base font-bold leading-tight truncate min-w-0 flex-1 group-hover:text-primary transition-colors\">\n          {collectionName}\n        </p>\n        <div className=\"shrink-0 h-8 w-8 rounded-xl bg-background/40 flex items-center justify-center text-muted-foreground group-hover:bg-background/70 group-hover:text-foreground transition-all\">\n          <ArrowRight className=\"h-3.5 w-3.5\" />\n        </div>\n      </Link>\n\n      {/* Grid — always 4 columns so thumbnails stay the same size regardless of count */}\n      {preview.length > 0 && (\n        <div className=\"grid grid-cols-4 gap-1.5\">\n          {Array.from({ length: 4 }).map((_, i) => {\n            const sibling = preview[i];\n            if (!sibling) {\n              return <div key={`empty-${i}`} className=\"aspect-square rounded-xl bg-muted/20\" />;\n            }\n            return (\n              <button\n                key={sibling.tokenId}\n                type=\"button\"\n                onClick={() => onNavigate(sibling.tokenId)}\n                className=\"group relative aspect-square rounded-xl overflow-hidden transition-all duration-200 hover:scale-[1.02] active:scale-95\"\n              >\n                {sibling.image ? (\n                  <Image\n                    src={sibling.image}\n                    alt=\"\"\n                    fill\n                    className=\"object-cover transition-transform duration-300 group-hover:scale-105\"\n                    unoptimized\n                  />\n                ) : (\n                  <div className=\"h-full w-full bg-muted\" />\n                )}\n              </button>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsCM;AApCN,mBAAkB;AAClB,kBAAiB;AACjB,0BAA2B;AAgBpB,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAE1B,QAAM,SAAS,cAAc;AAAA,IAC3B,CAAC,MAAM,OAAO,EAAE,OAAO,MAAM,OAAO,cAAc;AAAA,EACpD;AACA,QAAM,UAAU,OAAO,MAAM,GAAG,CAAC;AAEjC,SACE,6CAAC,SAAI,WAAU,4FAGb;AAAA,iDAAC,YAAAA,SAAA,EAAK,MAAM,gBAAgB,WAAU,yCACpC;AAAA,kDAAC,SAAI,WAAU,kLACZ,4BACC,4CAAC,aAAAC,SAAA,EAAM,KAAK,iBAAiB,KAAI,IAAG,MAAI,MAAC,WAAU,gBAAe,aAAW,MAAC,IAC5E,MACN;AAAA,MACA,4CAAC,OAAE,WAAU,wGACV,0BACH;AAAA,MACA,4CAAC,SAAI,WAAU,+KACb,sDAAC,kCAAW,WAAU,eAAc,GACtC;AAAA,OACF;AAAA,IAGC,QAAQ,SAAS,KAChB,4CAAC,SAAI,WAAU,4BACZ,gBAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MAAM;AACvC,YAAM,UAAU,QAAQ,CAAC;AACzB,UAAI,CAAC,SAAS;AACZ,eAAO,4CAAC,SAAuB,WAAU,0CAAxB,SAAS,CAAC,EAAqD;AAAA,MAClF;AACA,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,MAAK;AAAA,UACL,SAAS,MAAM,WAAW,QAAQ,OAAO;AAAA,UACzC,WAAU;AAAA,UAET,kBAAQ,QACP;AAAA,YAAC,aAAAA;AAAA,YAAA;AAAA,cACC,KAAK,QAAQ;AAAA,cACb,KAAI;AAAA,cACJ,MAAI;AAAA,cACJ,WAAU;AAAA,cACV,aAAW;AAAA;AAAA,UACb,IAEA,4CAAC,SAAI,WAAU,0BAAyB;AAAA;AAAA,QAdrC,QAAQ;AAAA,MAgBf;AAAA,IAEJ,CAAC,GACH;AAAA,KAEJ;AAEJ;","names":["Link","Image"]}

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

@@ -18,7 +18,7 @@ function AssetCollectionBar({
   return /* @__PURE__ */ jsxs("div", { className: "rounded-2xl bg-gradient-to-br from-muted/40 to-transparent overflow-hidden p-4 space-y-3", children: [
     /* @__PURE__ */ jsxs(Link, { href: collectionHref, className: "flex items-center gap-3 group min-w-0", children: [
       /* @__PURE__ */ jsx("div", { className: "relative h-11 w-11 rounded-xl overflow-hidden shrink-0 bg-gradient-to-br from-brand-blue/20 to-brand-purple/20 ring-1 ring-border/30 group-hover:ring-border/60 transition-all", children: collectionImage ? /* @__PURE__ */ jsx(Image, { src: collectionImage, alt: "", fill: true, className: "object-cover", unoptimized: true }) : null }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm font-bold leading-tight truncate min-w-0 flex-1 group-hover:text-primary transition-colors", children: collectionName }),
+      /* @__PURE__ */ jsx("p", { className: "text-base font-bold leading-tight truncate min-w-0 flex-1 group-hover:text-primary transition-colors", children: collectionName }),
       /* @__PURE__ */ jsx("div", { className: "shrink-0 h-8 w-8 rounded-xl bg-background/40 flex items-center justify-center text-muted-foreground group-hover:bg-background/70 group-hover:text-foreground transition-all", children: /* @__PURE__ */ jsx(ArrowRight, { className: "h-3.5 w-3.5" }) })
     ] }),
     preview.length > 0 && /* @__PURE__ */ jsx("div", { className: "grid grid-cols-4 gap-1.5", children: Array.from({ length: 4 }).map((_, i) => {

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 { ArrowRight } from \"lucide-react\";\nexport interface AssetCollectionBarSibling {\n  tokenId: string;\n  /** Already-resolved, ready-to-render src. `null` renders a placeholder. */\n  image: string | null;\n}\n\nexport interface AssetCollectionBarProps {\n  collectionName: string;\n  collectionImage?: string | null;\n  collectionHref: string;\n  currentTokenId: string;\n  siblingTokens: AssetCollectionBarSibling[];\n  onNavigate: (tokenId: string) => void;\n}\n\nexport function AssetCollectionBar({\n  collectionName,\n  collectionImage,\n  collectionHref,\n  currentTokenId,\n  siblingTokens,\n  onNavigate,\n}: AssetCollectionBarProps) {\n  // Show up to 4 OTHER tokens — never the current one\n  const others = siblingTokens.filter(\n    (t) => String(t.tokenId) !== String(currentTokenId)\n  );\n  const preview = others.slice(0, 4);\n\n  return (\n    <div className=\"rounded-2xl bg-gradient-to-br from-muted/40 to-transparent overflow-hidden p-4 space-y-3\">\n\n      {/* Collection identity — links to collection page */}\n      <Link href={collectionHref} className=\"flex items-center gap-3 group min-w-0\">\n        <div className=\"relative h-11 w-11 rounded-xl overflow-hidden shrink-0 bg-gradient-to-br from-brand-blue/20 to-brand-purple/20 ring-1 ring-border/30 group-hover:ring-border/60 transition-all\">\n          {collectionImage ? (\n            <Image src={collectionImage} alt=\"\" fill className=\"object-cover\" unoptimized />\n          ) : null}\n        </div>\n        <p className=\"text-sm font-bold leading-tight truncate min-w-0 flex-1 group-hover:text-primary transition-colors\">\n          {collectionName}\n        </p>\n        <div className=\"shrink-0 h-8 w-8 rounded-xl bg-background/40 flex items-center justify-center text-muted-foreground group-hover:bg-background/70 group-hover:text-foreground transition-all\">\n          <ArrowRight className=\"h-3.5 w-3.5\" />\n        </div>\n      </Link>\n\n      {/* Grid — always 4 columns so thumbnails stay the same size regardless of count */}\n      {preview.length > 0 && (\n        <div className=\"grid grid-cols-4 gap-1.5\">\n          {Array.from({ length: 4 }).map((_, i) => {\n            const sibling = preview[i];\n            if (!sibling) {\n              return <div key={`empty-${i}`} className=\"aspect-square rounded-xl bg-muted/20\" />;\n            }\n            return (\n              <button\n                key={sibling.tokenId}\n                type=\"button\"\n                onClick={() => onNavigate(sibling.tokenId)}\n                className=\"group relative aspect-square rounded-xl overflow-hidden transition-all duration-200 hover:scale-[1.02] active:scale-95\"\n              >\n                {sibling.image ? (\n                  <Image\n                    src={sibling.image}\n                    alt=\"\"\n                    fill\n                    className=\"object-cover transition-transform duration-300 group-hover:scale-105\"\n                    unoptimized\n                  />\n                ) : (\n                  <div className=\"h-full w-full bg-muted\" />\n                )}\n              </button>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AAsCM,SAGM,KAHN;AApCN,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,kBAAkB;AAgBpB,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAE1B,QAAM,SAAS,cAAc;AAAA,IAC3B,CAAC,MAAM,OAAO,EAAE,OAAO,MAAM,OAAO,cAAc;AAAA,EACpD;AACA,QAAM,UAAU,OAAO,MAAM,GAAG,CAAC;AAEjC,SACE,qBAAC,SAAI,WAAU,4FAGb;AAAA,yBAAC,QAAK,MAAM,gBAAgB,WAAU,yCACpC;AAAA,0BAAC,SAAI,WAAU,kLACZ,4BACC,oBAAC,SAAM,KAAK,iBAAiB,KAAI,IAAG,MAAI,MAAC,WAAU,gBAAe,aAAW,MAAC,IAC5E,MACN;AAAA,MACA,oBAAC,OAAE,WAAU,sGACV,0BACH;AAAA,MACA,oBAAC,SAAI,WAAU,+KACb,8BAAC,cAAW,WAAU,eAAc,GACtC;AAAA,OACF;AAAA,IAGC,QAAQ,SAAS,KAChB,oBAAC,SAAI,WAAU,4BACZ,gBAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MAAM;AACvC,YAAM,UAAU,QAAQ,CAAC;AACzB,UAAI,CAAC,SAAS;AACZ,eAAO,oBAAC,SAAuB,WAAU,0CAAxB,SAAS,CAAC,EAAqD;AAAA,MAClF;AACA,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,MAAK;AAAA,UACL,SAAS,MAAM,WAAW,QAAQ,OAAO;AAAA,UACzC,WAAU;AAAA,UAET,kBAAQ,QACP;AAAA,YAAC;AAAA;AAAA,cACC,KAAK,QAAQ;AAAA,cACb,KAAI;AAAA,cACJ,MAAI;AAAA,cACJ,WAAU;AAAA,cACV,aAAW;AAAA;AAAA,UACb,IAEA,oBAAC,SAAI,WAAU,0BAAyB;AAAA;AAAA,QAdrC,QAAQ;AAAA,MAgBf;AAAA,IAEJ,CAAC,GACH;AAAA,KAEJ;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 { ArrowRight } from \"lucide-react\";\nexport interface AssetCollectionBarSibling {\n  tokenId: string;\n  /** Already-resolved, ready-to-render src. `null` renders a placeholder. */\n  image: string | null;\n}\n\nexport interface AssetCollectionBarProps {\n  collectionName: string;\n  collectionImage?: string | null;\n  collectionHref: string;\n  currentTokenId: string;\n  siblingTokens: AssetCollectionBarSibling[];\n  onNavigate: (tokenId: string) => void;\n}\n\nexport function AssetCollectionBar({\n  collectionName,\n  collectionImage,\n  collectionHref,\n  currentTokenId,\n  siblingTokens,\n  onNavigate,\n}: AssetCollectionBarProps) {\n  // Show up to 4 OTHER tokens — never the current one\n  const others = siblingTokens.filter(\n    (t) => String(t.tokenId) !== String(currentTokenId)\n  );\n  const preview = others.slice(0, 4);\n\n  return (\n    <div className=\"rounded-2xl bg-gradient-to-br from-muted/40 to-transparent overflow-hidden p-4 space-y-3\">\n\n      {/* Collection identity — links to collection page */}\n      <Link href={collectionHref} className=\"flex items-center gap-3 group min-w-0\">\n        <div className=\"relative h-11 w-11 rounded-xl overflow-hidden shrink-0 bg-gradient-to-br from-brand-blue/20 to-brand-purple/20 ring-1 ring-border/30 group-hover:ring-border/60 transition-all\">\n          {collectionImage ? (\n            <Image src={collectionImage} alt=\"\" fill className=\"object-cover\" unoptimized />\n          ) : null}\n        </div>\n        <p className=\"text-base font-bold leading-tight truncate min-w-0 flex-1 group-hover:text-primary transition-colors\">\n          {collectionName}\n        </p>\n        <div className=\"shrink-0 h-8 w-8 rounded-xl bg-background/40 flex items-center justify-center text-muted-foreground group-hover:bg-background/70 group-hover:text-foreground transition-all\">\n          <ArrowRight className=\"h-3.5 w-3.5\" />\n        </div>\n      </Link>\n\n      {/* Grid — always 4 columns so thumbnails stay the same size regardless of count */}\n      {preview.length > 0 && (\n        <div className=\"grid grid-cols-4 gap-1.5\">\n          {Array.from({ length: 4 }).map((_, i) => {\n            const sibling = preview[i];\n            if (!sibling) {\n              return <div key={`empty-${i}`} className=\"aspect-square rounded-xl bg-muted/20\" />;\n            }\n            return (\n              <button\n                key={sibling.tokenId}\n                type=\"button\"\n                onClick={() => onNavigate(sibling.tokenId)}\n                className=\"group relative aspect-square rounded-xl overflow-hidden transition-all duration-200 hover:scale-[1.02] active:scale-95\"\n              >\n                {sibling.image ? (\n                  <Image\n                    src={sibling.image}\n                    alt=\"\"\n                    fill\n                    className=\"object-cover transition-transform duration-300 group-hover:scale-105\"\n                    unoptimized\n                  />\n                ) : (\n                  <div className=\"h-full w-full bg-muted\" />\n                )}\n              </button>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AAsCM,SAGM,KAHN;AApCN,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,kBAAkB;AAgBpB,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAE1B,QAAM,SAAS,cAAc;AAAA,IAC3B,CAAC,MAAM,OAAO,EAAE,OAAO,MAAM,OAAO,cAAc;AAAA,EACpD;AACA,QAAM,UAAU,OAAO,MAAM,GAAG,CAAC;AAEjC,SACE,qBAAC,SAAI,WAAU,4FAGb;AAAA,yBAAC,QAAK,MAAM,gBAAgB,WAAU,yCACpC;AAAA,0BAAC,SAAI,WAAU,kLACZ,4BACC,oBAAC,SAAM,KAAK,iBAAiB,KAAI,IAAG,MAAI,MAAC,WAAU,gBAAe,aAAW,MAAC,IAC5E,MACN;AAAA,MACA,oBAAC,OAAE,WAAU,wGACV,0BACH;AAAA,MACA,oBAAC,SAAI,WAAU,+KACb,8BAAC,cAAW,WAAU,eAAc,GACtC;AAAA,OACF;AAAA,IAGC,QAAQ,SAAS,KAChB,oBAAC,SAAI,WAAU,4BACZ,gBAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MAAM;AACvC,YAAM,UAAU,QAAQ,CAAC;AACzB,UAAI,CAAC,SAAS;AACZ,eAAO,oBAAC,SAAuB,WAAU,0CAAxB,SAAS,CAAC,EAAqD;AAAA,MAClF;AACA,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,MAAK;AAAA,UACL,SAAS,MAAM,WAAW,QAAQ,OAAO;AAAA,UACzC,WAAU;AAAA,UAET,kBAAQ,QACP;AAAA,YAAC;AAAA;AAAA,cACC,KAAK,QAAQ;AAAA,cACb,KAAI;AAAA,cACJ,MAAI;AAAA,cACJ,WAAU;AAAA,cACV,aAAW;AAAA;AAAA,UACb,IAEA,oBAAC,SAAI,WAAU,0BAAyB;AAAA;AAAA,QAdrC,QAAQ;AAAA,MAgBf;AAAA,IAEJ,CAAC,GACH;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/components/asset-marketplace-panel.cjs

@@ -98,6 +98,7 @@ function AssetMarketplacePanel({
           myListing ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             import_action_button.ActionButton,
             {
+              big: true,
               icon: isProcessing ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.X, { className: "h-4 w-4" }),
               onClick: () => onCancelClick(myListing),
               disabled: isProcessing,
@@ -106,11 +107,12 @@ function AssetMarketplacePanel({
               children: "Cancel Listing"
             }
           ) : null,
-          !myListing || isERC1155 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_action_button.ActionButton, { tone: "blue", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Tag, { className: "h-4 w-4" }), onClick: onOpenListing, renderHelp, children: "List on Marketplace" }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_action_button.ActionButton, { tone: "orange", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRightLeft, { className: "h-4 w-4" }), onClick: onOpenTransfer, renderHelp, children: "Transfer" }),
+          !myListing || isERC1155 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_action_button.ActionButton, { big: true, tone: "blue", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Tag, { className: "h-4 w-4" }), onClick: onOpenListing, renderHelp, children: "List on Marketplace" }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_action_button.ActionButton, { big: true, tone: "orange", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRightLeft, { className: "h-4 w-4" }), onClick: onOpenTransfer, renderHelp, children: "Transfer" }),
           remixEnabled && onOpenRemix ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             import_action_button.ActionButton,
             {
+              big: true,
               action: "remix",
               icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.GitBranch, { className: "h-4 w-4" }),
               onClick: onOpenRemix,
@@ -122,6 +124,7 @@ function AssetMarketplacePanel({
           showSponsorSolicitOption && onOpenSponsorSolicit ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             import_action_button.ActionButton,
             {
+              big: true,
               tone: "blue",
               icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Handshake, { className: "h-4 w-4" }),
               onClick: onOpenSponsorSolicit,
@@ -134,17 +137,18 @@ function AssetMarketplacePanel({
         canBuyMore && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "border-t border-border/40 pt-2 mt-1" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-2 gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_action_button.ActionButton, { action: "buy", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ShoppingCart, { className: "h-4 w-4" }), onClick: () => onOpenPurchase(cheapest), renderHelp, children: "Buy" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_action_button.ActionButton, { action: "offer", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.HandCoins, { className: "h-4 w-4" }), onClick: onOpenOffer, renderHelp, children: "Make offer" })
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_action_button.ActionButton, { big: true, action: "buy", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ShoppingCart, { className: "h-4 w-4" }), onClick: () => onOpenPurchase(cheapest), renderHelp, children: "Buy" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_action_button.ActionButton, { big: true, action: "offer", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.HandCoins, { className: "h-4 w-4" }), onClick: onOpenOffer, renderHelp, children: "Make offer" })
           ] })
         ] })
       ] }) : isSignedIn ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-2 gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_action_button.ActionButton, { action: "buy", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ShoppingCart, { className: "h-4 w-4" }), onClick: () => onOpenPurchase(cheapest), renderHelp, children: "Buy" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_action_button.ActionButton, { action: "offer", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.HandCoins, { className: "h-4 w-4" }), onClick: onOpenOffer, renderHelp, children: "Make offer" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_action_button.ActionButton, { big: true, action: "buy", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ShoppingCart, { className: "h-4 w-4" }), onClick: () => onOpenPurchase(cheapest), renderHelp, children: "Buy" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_action_button.ActionButton, { big: true, action: "offer", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.HandCoins, { className: "h-4 w-4" }), onClick: onOpenOffer, renderHelp, children: "Make offer" }),
           remixEnabled && onOpenRemix ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             import_action_button.ActionButton,
             {
+              big: true,
               action: "remix",
               icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.GitBranch, { className: "h-4 w-4" }),
               onClick: onOpenRemix,
@@ -156,6 +160,7 @@ function AssetMarketplacePanel({
           showDealOption && onProposeDeal ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             import_action_button.ActionButton,
             {
+              big: true,
               action: "license",
               icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.HandCoins, { className: "h-4 w-4" }),
               onClick: onProposeDeal,
@@ -167,6 +172,7 @@ function AssetMarketplacePanel({
           showSponsorOption && onOpenSponsorProposal ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             import_action_button.ActionButton,
             {
+              big: true,
               tone: "blue",
               icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Handshake, { className: "h-4 w-4" }),
               onClick: onOpenSponsorProposal,
@@ -181,11 +187,12 @@ function AssetMarketplacePanel({
     ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-3", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatRow, { floorPriceRaw, lastSaleRaw }),
       isOwner ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-2 gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_action_button.ActionButton, { tone: "blue", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Tag, { className: "h-4 w-4" }), onClick: onOpenListing, renderHelp, children: "List on Marketplace" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_action_button.ActionButton, { tone: "orange", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRightLeft, { className: "h-4 w-4" }), onClick: onOpenTransfer, renderHelp, children: "Transfer" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_action_button.ActionButton, { big: true, tone: "blue", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Tag, { className: "h-4 w-4" }), onClick: onOpenListing, renderHelp, children: "List on Marketplace" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_action_button.ActionButton, { big: true, tone: "orange", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRightLeft, { className: "h-4 w-4" }), onClick: onOpenTransfer, renderHelp, children: "Transfer" }),
         remixEnabled && onOpenRemix ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_action_button.ActionButton,
           {
+            big: true,
             action: "remix",
             icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.GitBranch, { className: "h-4 w-4" }),
             onClick: onOpenRemix,
@@ -197,6 +204,7 @@ function AssetMarketplacePanel({
         showSponsorSolicitOption && onOpenSponsorSolicit ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_action_button.ActionButton,
           {
+            big: true,
             tone: "blue",
             icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Handshake, { className: "h-4 w-4" }),
             onClick: onOpenSponsorSolicit,
@@ -206,10 +214,11 @@ function AssetMarketplacePanel({
           }
         ) : null
       ] }) : isSignedIn ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-2 gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_action_button.ActionButton, { action: "offer", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.HandCoins, { className: "h-4 w-4" }), onClick: onOpenOffer, renderHelp, children: "Make offer" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_action_button.ActionButton, { big: true, action: "offer", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.HandCoins, { className: "h-4 w-4" }), onClick: onOpenOffer, renderHelp, children: "Make offer" }),
         remixEnabled && onOpenRemix ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_action_button.ActionButton,
           {
+            big: true,
             action: "remix",
             icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.GitBranch, { className: "h-4 w-4" }),
             onClick: onOpenRemix,
@@ -221,6 +230,7 @@ function AssetMarketplacePanel({
         showSponsorOption && onOpenSponsorProposal ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_action_button.ActionButton,
           {
+            big: true,
             tone: "blue",
             icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Handshake, { className: "h-4 w-4" }),
             onClick: onOpenSponsorProposal,

package/dist/components/asset-marketplace-panel.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/asset-marketplace-panel.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport {\n  ArrowRightLeft, CheckCircle, Clock, GitBranch, HandCoins, Handshake, Loader2,\n  ShoppingCart, Tag, X,\n} from \"lucide-react\";\nimport { CurrencyIcon, CurrencyAmount } from \"./currency-icon.js\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { ActionButton } from \"./action-button.js\";\nimport { formatDisplayPrice, parsePriceDisplay } from \"../utils/format.js\";\nimport { timeUntil } from \"../utils/time.js\";\n\n/** Structural subset of `ApiOrder` (both apps' `@medialane/sdk` types satisfy this). */\nexport interface ApiOrderLike {\n  orderHash: string;\n  offerer: string;\n  endTime: string;\n  price: { formatted: string | null; currency: string | null };\n}\n\nexport interface AssetMarketplacePanelProps<T extends ApiOrderLike = ApiOrderLike> {\n  cheapest?: T;\n  isOwner: boolean;\n  isSignedIn: boolean;\n  isProcessing: boolean;\n  isERC1155: boolean;\n  isMarketLoading?: boolean;\n  myListing: T | null;\n  activeBids: T[];\n  walletAddress?: string | null;\n  remixEnabled?: boolean;\n  showDealOption?: boolean;\n  /** Raw \"0.07 STRK\"-style strings — already resolved by the caller. `null`/undefined renders \"—\". */\n  floorPriceRaw?: string | null;\n  lastSaleRaw?: string | null;\n  /** Renders the sign-in/connect-wallet CTA for the given label (e.g. \"Sign in to trade\"). */\n  renderAuthAction: (label: string) => ReactNode;\n  /** Renders an inline help/info affordance for the given tooltip text. */\n  renderHelp: (content: string) => ReactNode;\n  onCancelClick: (order: T) => void;\n  onAcceptBid: (order: T) => void;\n  onOpenListing: () => void;\n  onOpenTransfer: () => void;\n  onOpenPurchase: (order: T) => void;\n  onOpenOffer: () => void;\n  onOpenRemix?: () => void;\n  onProposeDeal?: () => void;\n  /** Non-owner: propose a sponsorship deal on this asset. */\n  showSponsorOption?: boolean;\n  onOpenSponsorProposal?: () => void;\n  /** Owner: open this asset for sponsorship bidding. */\n  showSponsorSolicitOption?: boolean;\n  onOpenSponsorSolicit?: () => void;\n}\n\n/** Floor + last-sale stats — each hides itself when its data is absent\n *  (no dangling \"—\" placeholders), and the whole row disappears when\n *  neither is available. */\nfunction StatRow({ floorPriceRaw, lastSaleRaw }: { floorPriceRaw?: string | null; lastSaleRaw?: string | null }) {\n  const floor = floorPriceRaw ? parsePriceDisplay(floorPriceRaw) : null;\n  const lastSale = lastSaleRaw ? parsePriceDisplay(lastSaleRaw) : null;\n  if (!floor?.symbol && !lastSale?.symbol) return null;\n  return (\n    <div className=\"flex items-center gap-4 text-sm text-muted-foreground\">\n      {floor?.symbol && (\n        <span className=\"flex items-center gap-1.5\">\n          <span>Floor</span>\n          <CurrencyAmount amount={floor.numStr} symbol={floor.symbol} iconSize={12} amountClassName=\"text-foreground font-semibold\" />\n        </span>\n      )}\n      {lastSale?.symbol && (\n        <span className=\"flex items-center gap-1.5\">\n          <span>Last sale</span>\n          <CurrencyAmount amount={lastSale.numStr} symbol={lastSale.symbol} iconSize={12} amountClassName=\"text-foreground font-semibold\" />\n        </span>\n      )}\n    </div>\n  );\n}\n\nexport function AssetMarketplacePanel<T extends ApiOrderLike = ApiOrderLike>({\n  cheapest,\n  isOwner,\n  isSignedIn,\n  isProcessing,\n  isERC1155,\n  isMarketLoading = false,\n  myListing,\n  activeBids,\n  walletAddress,\n  remixEnabled = false,\n  showDealOption = false,\n  showSponsorOption = false,\n  onOpenSponsorProposal,\n  showSponsorSolicitOption = false,\n  onOpenSponsorSolicit,\n  floorPriceRaw,\n  lastSaleRaw,\n  renderAuthAction,\n  renderHelp,\n  onCancelClick,\n  onAcceptBid,\n  onOpenListing,\n  onOpenTransfer,\n  onOpenPurchase,\n  onOpenOffer,\n  onOpenRemix,\n  onProposeDeal,\n}: AssetMarketplacePanelProps<T>) {\n  const myBid = !isOwner && walletAddress\n    ? activeBids.find((bid) => bid.offerer.toLowerCase() === walletAddress.toLowerCase()) ?? null\n    : null;\n\n  const canBuyMore =\n    isERC1155 && isOwner && !!cheapest && !!walletAddress &&\n    cheapest.offerer.toLowerCase() !== walletAddress.toLowerCase();\n\n  if (isMarketLoading && !cheapest) {\n    return (\n      <div className=\"space-y-4\">\n        <div className=\"h-9 w-32 rounded-md bg-muted animate-pulse\" />\n        <div className=\"h-12 w-full rounded-2xl bg-muted animate-pulse\" />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"relative\">\n\n      <div className=\"relative space-y-4\">\n        {cheapest ? (\n          <div className=\"space-y-4\">\n            <div className=\"flex flex-wrap items-baseline gap-x-5 gap-y-1.5\">\n              <div className=\"flex items-baseline gap-2\">\n                <CurrencyIcon symbol={cheapest.price.currency ?? \"\"} size={26} />\n                <span className=\"text-4xl font-bold tracking-tight\">\n                  {formatDisplayPrice(cheapest.price.formatted)}\n                </span>\n                {renderHelp(\n                  `${isOwner && !canBuyMore ? \"Your listing\" : \"Current price\"} · Expires ${timeUntil(cheapest.endTime)}`\n                )}\n              </div>\n              <StatRow floorPriceRaw={floorPriceRaw} lastSaleRaw={lastSaleRaw} />\n            </div>\n\n            {isOwner ? (\n              <div className=\"space-y-2\">\n                <div className=\"grid grid-cols-2 gap-2\">\n                  {myListing ? (\n                    <ActionButton\n                      icon={isProcessing ? <Loader2 className=\"h-4 w-4 animate-spin\" /> : <X className=\"h-4 w-4\" />}\n                      onClick={() => onCancelClick(myListing)}\n                      disabled={isProcessing}\n                      tone=\"red\"\n                      renderHelp={renderHelp}\n                    >\n                      Cancel Listing\n                    </ActionButton>\n                  ) : null}\n                  {/* ERC-721 has exactly one possible listing — once myListing exists,\n                      \"List on Marketplace\" is redundant next to \"Cancel Listing\" and\n                      reads as a broken/confusing pair. An ERC-1155 owner can still hold\n                      un-listed editions while one listing is active, so it stays for them. */}\n                  {(!myListing || isERC1155) ? (\n                    <ActionButton tone=\"blue\" icon={<Tag className=\"h-4 w-4\" />} onClick={onOpenListing} renderHelp={renderHelp}>List on Marketplace</ActionButton>\n                  ) : null}\n                  <ActionButton tone=\"orange\" icon={<ArrowRightLeft className=\"h-4 w-4\" />} onClick={onOpenTransfer} renderHelp={renderHelp}>Transfer</ActionButton>\n                  {remixEnabled && onOpenRemix ? (\n                    <ActionButton\n                      action=\"remix\"\n                      icon={<GitBranch className=\"h-4 w-4\" />}\n                      onClick={onOpenRemix}\n                      helpContent=\"Build a licensed derivative of this digital asset — your remix is minted as a new onchain NFT linked to the original\"\n                      renderHelp={renderHelp}\n                    >\n                      Remix\n                    </ActionButton>\n                  ) : null}\n                  {showSponsorSolicitOption && onOpenSponsorSolicit ? (\n                    <ActionButton\n                      tone=\"blue\"\n                      icon={<Handshake className=\"h-4 w-4\" />}\n                      onClick={onOpenSponsorSolicit}\n                      helpContent=\"Let sponsors bid on a license for this asset.\"\n                      renderHelp={renderHelp}\n                    >\n                      Open for Sponsorship\n                    </ActionButton>\n                  ) : null}\n                </div>\n\n                {canBuyMore && (\n                  <>\n                    <div className=\"border-t border-border/40 pt-2 mt-1\" />\n                    <div className=\"grid grid-cols-2 gap-2\">\n                      <ActionButton action=\"buy\" icon={<ShoppingCart className=\"h-4 w-4\" />} onClick={() => onOpenPurchase(cheapest!)} renderHelp={renderHelp}>Buy</ActionButton>\n                      <ActionButton action=\"offer\" icon={<HandCoins className=\"h-4 w-4\" />} onClick={onOpenOffer} renderHelp={renderHelp}>Make offer</ActionButton>\n                    </div>\n                  </>\n                )}\n              </div>\n            ) : isSignedIn ? (\n              <>\n                <div className=\"grid grid-cols-2 gap-2\">\n                  <ActionButton action=\"buy\" icon={<ShoppingCart className=\"h-4 w-4\" />} onClick={() => onOpenPurchase(cheapest)} renderHelp={renderHelp}>Buy</ActionButton>\n                  <ActionButton action=\"offer\" icon={<HandCoins className=\"h-4 w-4\" />} onClick={onOpenOffer} renderHelp={renderHelp}>Make offer</ActionButton>\n                  {remixEnabled && onOpenRemix ? (\n                    <ActionButton\n                      action=\"remix\"\n                      icon={<GitBranch className=\"h-4 w-4\" />}\n                      onClick={onOpenRemix}\n                      helpContent=\"Create your own attributed derivative of this work.\"\n                      renderHelp={renderHelp}\n                    >\n                      Remix\n                    </ActionButton>\n                  ) : null}\n                  {showDealOption && onProposeDeal ? (\n                    <ActionButton\n                      action=\"license\"\n                      icon={<HandCoins className=\"h-4 w-4\" />}\n                      onClick={onProposeDeal}\n                      helpContent=\"Propose a license deal to the creator to use this work.\"\n                      renderHelp={renderHelp}\n                    >\n                      License\n                    </ActionButton>\n                  ) : null}\n                  {showSponsorOption && onOpenSponsorProposal ? (\n                    <ActionButton\n                      tone=\"blue\"\n                      icon={<Handshake className=\"h-4 w-4\" />}\n                      onClick={onOpenSponsorProposal}\n                      helpContent=\"Propose to sponsor this creator's work — pay them directly for a license, no escrow.\"\n                      renderHelp={renderHelp}\n                    >\n                      Sponsor this IP\n                    </ActionButton>\n                  ) : null}\n                </div>\n                {!remixEnabled && !showDealOption ? (\n                  <p className=\"text-xs text-muted-foreground mt-2 leading-relaxed\">\n                    The creator marked this asset as no-derivatives.\n                  </p>\n                ) : null}\n              </>\n            ) : (\n              renderAuthAction(\"Sign in to trade\")\n            )}\n          </div>\n        ) : (\n          <div className=\"space-y-3\">\n            <StatRow floorPriceRaw={floorPriceRaw} lastSaleRaw={lastSaleRaw} />\n            {isOwner ? (\n              <div className=\"grid grid-cols-2 gap-2\">\n                <ActionButton tone=\"blue\" icon={<Tag className=\"h-4 w-4\" />} onClick={onOpenListing} renderHelp={renderHelp}>List on Marketplace</ActionButton>\n                <ActionButton tone=\"orange\" icon={<ArrowRightLeft className=\"h-4 w-4\" />} onClick={onOpenTransfer} renderHelp={renderHelp}>Transfer</ActionButton>\n                {remixEnabled && onOpenRemix ? (\n                  <ActionButton\n                    action=\"remix\"\n                    icon={<GitBranch className=\"h-4 w-4\" />}\n                    onClick={onOpenRemix}\n                    helpContent=\"Build a licensed derivative of this digital asset — your remix is minted as a new onchain NFT linked to the original\"\n                    renderHelp={renderHelp}\n                  >\n                    Remix\n                  </ActionButton>\n                ) : null}\n                {showSponsorSolicitOption && onOpenSponsorSolicit ? (\n                  <ActionButton\n                    tone=\"blue\"\n                    icon={<Handshake className=\"h-4 w-4\" />}\n                    onClick={onOpenSponsorSolicit}\n                    helpContent=\"Let sponsors bid on a license for this asset.\"\n                    renderHelp={renderHelp}\n                  >\n                    Open for Sponsorship\n                  </ActionButton>\n                ) : null}\n              </div>\n            ) : isSignedIn ? (\n              <div className=\"grid grid-cols-2 gap-2\">\n                <ActionButton action=\"offer\" icon={<HandCoins className=\"h-4 w-4\" />} onClick={onOpenOffer} renderHelp={renderHelp}>Make offer</ActionButton>\n                {remixEnabled && onOpenRemix ? (\n                  <ActionButton\n                    action=\"remix\"\n                    icon={<GitBranch className=\"h-4 w-4\" />}\n                    onClick={onOpenRemix}\n                    helpContent=\"Build a licensed derivative of this digital asset — your remix is minted as a new onchain NFT linked to the original\"\n                    renderHelp={renderHelp}\n                  >\n                    Remix\n                  </ActionButton>\n                ) : null}\n                {showSponsorOption && onOpenSponsorProposal ? (\n                  <ActionButton\n                    tone=\"blue\"\n                    icon={<Handshake className=\"h-4 w-4\" />}\n                    onClick={onOpenSponsorProposal}\n                    helpContent=\"Propose to sponsor this creator's work — pay them directly for a license, no escrow.\"\n                    renderHelp={renderHelp}\n                  >\n                    Sponsor this IP\n                  </ActionButton>\n                ) : null}\n              </div>\n            ) : (\n              renderAuthAction(\"Sign in to make an offer\")\n            )}\n          </div>\n        )}\n\n        {myBid ? (\n          <div className=\"rounded-xl bg-amber-500/8 px-4 py-3 flex items-center justify-between gap-3\">\n            <div className=\"min-w-0 flex items-center gap-2.5\">\n              <HandCoins className=\"h-4 w-4 text-amber-500 shrink-0\" />\n              <div className=\"min-w-0\">\n                <p className=\"text-xs font-semibold text-amber-500\">Your active offer</p>\n                <p className=\"text-xs text-muted-foreground flex items-center gap-1.5 mt-0.5\">\n                  <span className=\"font-bold text-foreground inline-flex items-center gap-1\">\n                    {formatDisplayPrice(myBid.price.formatted)}\n                    <CurrencyIcon symbol={myBid.price.currency ?? \"\"} size={12} />\n                  </span>\n                  <span>·</span>\n                  <Clock className=\"h-3 w-3\" />\n                  {timeUntil(myBid.endTime)}\n                </p>\n              </div>\n            </div>\n            <button\n              className=\"shrink-0 text-xs font-semibold text-red-400 hover:text-red-300 transition-colors flex items-center gap-1\"\n              onClick={() => onCancelClick(myBid)}\n            >\n              <X className=\"h-3.5 w-3.5\" />\n              Cancel\n            </button>\n          </div>\n        ) : null}\n\n        {isOwner && activeBids.length > 0 ? (\n          <div className=\"rounded-xl bg-card/40 p-5 space-y-3\">\n            <p className=\"text-xs font-semibold text-muted-foreground\">\n              Incoming offers ({activeBids.length})\n            </p>\n            <div className=\"space-y-2\">\n              {activeBids.map((bid) => (\n                <div key={bid.orderHash} className=\"flex items-center justify-between gap-3 rounded-lg bg-muted/30 px-3 py-2\">\n                  <div className=\"min-w-0\">\n                    <p className=\"text-sm font-bold\">\n                      <span className=\"inline-flex items-center gap-1.5\">\n                        {formatDisplayPrice(bid.price.formatted)}\n                        <CurrencyIcon symbol={bid.price.currency ?? \"\"} size={14} />\n                      </span>\n                    </p>\n                    <div className=\"flex items-center gap-2 mt-0.5\">\n                      <AddressDisplay address={bid.offerer} chars={4} showCopy={false} className=\"text-xs text-muted-foreground\" />\n                      <span className=\"text-xs text-muted-foreground\">·</span>\n                      <div className=\"flex items-center gap-1 text-xs text-muted-foreground\">\n                        <Clock className=\"h-3 w-3\" />\n                        {timeUntil(bid.endTime)}\n                      </div>\n                    </div>\n                  </div>\n                  <button\n                    disabled={isProcessing}\n                    onClick={() => onAcceptBid(bid)}\n                    className=\"inline-flex items-center gap-1.5 rounded-lg bg-primary px-3 py-1.5 text-xs font-semibold text-primary-foreground disabled:opacity-50\"\n                  >\n                    <CheckCircle className=\"h-3.5 w-3.5\" />\n                    Accept\n                  </button>\n                </div>\n              ))}\n            </div>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/asset-marketplace-panel.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport {\n  ArrowRightLeft, CheckCircle, Clock, GitBranch, HandCoins, Handshake, Loader2,\n  ShoppingCart, Tag, X,\n} from \"lucide-react\";\nimport { CurrencyIcon, CurrencyAmount } from \"./currency-icon.js\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { ActionButton } from \"./action-button.js\";\nimport { formatDisplayPrice, parsePriceDisplay } from \"../utils/format.js\";\nimport { timeUntil } from \"../utils/time.js\";\n\n/** Structural subset of `ApiOrder` (both apps' `@medialane/sdk` types satisfy this). */\nexport interface ApiOrderLike {\n  orderHash: string;\n  offerer: string;\n  endTime: string;\n  price: { formatted: string | null; currency: string | null };\n}\n\nexport interface AssetMarketplacePanelProps<T extends ApiOrderLike = ApiOrderLike> {\n  cheapest?: T;\n  isOwner: boolean;\n  isSignedIn: boolean;\n  isProcessing: boolean;\n  isERC1155: boolean;\n  isMarketLoading?: boolean;\n  myListing: T | null;\n  activeBids: T[];\n  walletAddress?: string | null;\n  remixEnabled?: boolean;\n  showDealOption?: boolean;\n  /** Raw \"0.07 STRK\"-style strings — already resolved by the caller. `null`/undefined renders \"—\". */\n  floorPriceRaw?: string | null;\n  lastSaleRaw?: string | null;\n  /** Renders the sign-in/connect-wallet CTA for the given label (e.g. \"Sign in to trade\"). */\n  renderAuthAction: (label: string) => ReactNode;\n  /** Renders an inline help/info affordance for the given tooltip text. */\n  renderHelp: (content: string) => ReactNode;\n  onCancelClick: (order: T) => void;\n  onAcceptBid: (order: T) => void;\n  onOpenListing: () => void;\n  onOpenTransfer: () => void;\n  onOpenPurchase: (order: T) => void;\n  onOpenOffer: () => void;\n  onOpenRemix?: () => void;\n  onProposeDeal?: () => void;\n  /** Non-owner: propose a sponsorship deal on this asset. */\n  showSponsorOption?: boolean;\n  onOpenSponsorProposal?: () => void;\n  /** Owner: open this asset for sponsorship bidding. */\n  showSponsorSolicitOption?: boolean;\n  onOpenSponsorSolicit?: () => void;\n}\n\n/** Floor + last-sale stats — each hides itself when its data is absent\n *  (no dangling \"—\" placeholders), and the whole row disappears when\n *  neither is available. */\nfunction StatRow({ floorPriceRaw, lastSaleRaw }: { floorPriceRaw?: string | null; lastSaleRaw?: string | null }) {\n  const floor = floorPriceRaw ? parsePriceDisplay(floorPriceRaw) : null;\n  const lastSale = lastSaleRaw ? parsePriceDisplay(lastSaleRaw) : null;\n  if (!floor?.symbol && !lastSale?.symbol) return null;\n  return (\n    <div className=\"flex items-center gap-4 text-sm text-muted-foreground\">\n      {floor?.symbol && (\n        <span className=\"flex items-center gap-1.5\">\n          <span>Floor</span>\n          <CurrencyAmount amount={floor.numStr} symbol={floor.symbol} iconSize={12} amountClassName=\"text-foreground font-semibold\" />\n        </span>\n      )}\n      {lastSale?.symbol && (\n        <span className=\"flex items-center gap-1.5\">\n          <span>Last sale</span>\n          <CurrencyAmount amount={lastSale.numStr} symbol={lastSale.symbol} iconSize={12} amountClassName=\"text-foreground font-semibold\" />\n        </span>\n      )}\n    </div>\n  );\n}\n\nexport function AssetMarketplacePanel<T extends ApiOrderLike = ApiOrderLike>({\n  cheapest,\n  isOwner,\n  isSignedIn,\n  isProcessing,\n  isERC1155,\n  isMarketLoading = false,\n  myListing,\n  activeBids,\n  walletAddress,\n  remixEnabled = false,\n  showDealOption = false,\n  showSponsorOption = false,\n  onOpenSponsorProposal,\n  showSponsorSolicitOption = false,\n  onOpenSponsorSolicit,\n  floorPriceRaw,\n  lastSaleRaw,\n  renderAuthAction,\n  renderHelp,\n  onCancelClick,\n  onAcceptBid,\n  onOpenListing,\n  onOpenTransfer,\n  onOpenPurchase,\n  onOpenOffer,\n  onOpenRemix,\n  onProposeDeal,\n}: AssetMarketplacePanelProps<T>) {\n  const myBid = !isOwner && walletAddress\n    ? activeBids.find((bid) => bid.offerer.toLowerCase() === walletAddress.toLowerCase()) ?? null\n    : null;\n\n  const canBuyMore =\n    isERC1155 && isOwner && !!cheapest && !!walletAddress &&\n    cheapest.offerer.toLowerCase() !== walletAddress.toLowerCase();\n\n  if (isMarketLoading && !cheapest) {\n    return (\n      <div className=\"space-y-4\">\n        <div className=\"h-9 w-32 rounded-md bg-muted animate-pulse\" />\n        <div className=\"h-12 w-full rounded-2xl bg-muted animate-pulse\" />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"relative\">\n\n      <div className=\"relative space-y-4\">\n        {cheapest ? (\n          <div className=\"space-y-4\">\n            <div className=\"flex flex-wrap items-baseline gap-x-5 gap-y-1.5\">\n              <div className=\"flex items-baseline gap-2\">\n                <CurrencyIcon symbol={cheapest.price.currency ?? \"\"} size={26} />\n                <span className=\"text-4xl font-bold tracking-tight\">\n                  {formatDisplayPrice(cheapest.price.formatted)}\n                </span>\n                {renderHelp(\n                  `${isOwner && !canBuyMore ? \"Your listing\" : \"Current price\"} · Expires ${timeUntil(cheapest.endTime)}`\n                )}\n              </div>\n              <StatRow floorPriceRaw={floorPriceRaw} lastSaleRaw={lastSaleRaw} />\n            </div>\n\n            {isOwner ? (\n              <div className=\"space-y-2\">\n                <div className=\"grid grid-cols-2 gap-2\">\n                  {myListing ? (\n                    <ActionButton big\n                      icon={isProcessing ? <Loader2 className=\"h-4 w-4 animate-spin\" /> : <X className=\"h-4 w-4\" />}\n                      onClick={() => onCancelClick(myListing)}\n                      disabled={isProcessing}\n                      tone=\"red\"\n                      renderHelp={renderHelp}\n                    >\n                      Cancel Listing\n                    </ActionButton>\n                  ) : null}\n                  {/* ERC-721 has exactly one possible listing — once myListing exists,\n                      \"List on Marketplace\" is redundant next to \"Cancel Listing\" and\n                      reads as a broken/confusing pair. An ERC-1155 owner can still hold\n                      un-listed editions while one listing is active, so it stays for them. */}\n                  {(!myListing || isERC1155) ? (\n                    <ActionButton big tone=\"blue\" icon={<Tag className=\"h-4 w-4\" />} onClick={onOpenListing} renderHelp={renderHelp}>List on Marketplace</ActionButton>\n                  ) : null}\n                  <ActionButton big tone=\"orange\" icon={<ArrowRightLeft className=\"h-4 w-4\" />} onClick={onOpenTransfer} renderHelp={renderHelp}>Transfer</ActionButton>\n                  {remixEnabled && onOpenRemix ? (\n                    <ActionButton big\n                      action=\"remix\"\n                      icon={<GitBranch className=\"h-4 w-4\" />}\n                      onClick={onOpenRemix}\n                      helpContent=\"Build a licensed derivative of this digital asset — your remix is minted as a new onchain NFT linked to the original\"\n                      renderHelp={renderHelp}\n                    >\n                      Remix\n                    </ActionButton>\n                  ) : null}\n                  {showSponsorSolicitOption && onOpenSponsorSolicit ? (\n                    <ActionButton big\n                      tone=\"blue\"\n                      icon={<Handshake className=\"h-4 w-4\" />}\n                      onClick={onOpenSponsorSolicit}\n                      helpContent=\"Let sponsors bid on a license for this asset.\"\n                      renderHelp={renderHelp}\n                    >\n                      Open for Sponsorship\n                    </ActionButton>\n                  ) : null}\n                </div>\n\n                {canBuyMore && (\n                  <>\n                    <div className=\"border-t border-border/40 pt-2 mt-1\" />\n                    <div className=\"grid grid-cols-2 gap-2\">\n                      <ActionButton big action=\"buy\" icon={<ShoppingCart className=\"h-4 w-4\" />} onClick={() => onOpenPurchase(cheapest!)} renderHelp={renderHelp}>Buy</ActionButton>\n                      <ActionButton big action=\"offer\" icon={<HandCoins className=\"h-4 w-4\" />} onClick={onOpenOffer} renderHelp={renderHelp}>Make offer</ActionButton>\n                    </div>\n                  </>\n                )}\n              </div>\n            ) : isSignedIn ? (\n              <>\n                <div className=\"grid grid-cols-2 gap-2\">\n                  <ActionButton big action=\"buy\" icon={<ShoppingCart className=\"h-4 w-4\" />} onClick={() => onOpenPurchase(cheapest)} renderHelp={renderHelp}>Buy</ActionButton>\n                  <ActionButton big action=\"offer\" icon={<HandCoins className=\"h-4 w-4\" />} onClick={onOpenOffer} renderHelp={renderHelp}>Make offer</ActionButton>\n                  {remixEnabled && onOpenRemix ? (\n                    <ActionButton big\n                      action=\"remix\"\n                      icon={<GitBranch className=\"h-4 w-4\" />}\n                      onClick={onOpenRemix}\n                      helpContent=\"Create your own attributed derivative of this work.\"\n                      renderHelp={renderHelp}\n                    >\n                      Remix\n                    </ActionButton>\n                  ) : null}\n                  {showDealOption && onProposeDeal ? (\n                    <ActionButton big\n                      action=\"license\"\n                      icon={<HandCoins className=\"h-4 w-4\" />}\n                      onClick={onProposeDeal}\n                      helpContent=\"Propose a license deal to the creator to use this work.\"\n                      renderHelp={renderHelp}\n                    >\n                      License\n                    </ActionButton>\n                  ) : null}\n                  {showSponsorOption && onOpenSponsorProposal ? (\n                    <ActionButton big\n                      tone=\"blue\"\n                      icon={<Handshake className=\"h-4 w-4\" />}\n                      onClick={onOpenSponsorProposal}\n                      helpContent=\"Propose to sponsor this creator's work — pay them directly for a license, no escrow.\"\n                      renderHelp={renderHelp}\n                    >\n                      Sponsor this IP\n                    </ActionButton>\n                  ) : null}\n                </div>\n                {!remixEnabled && !showDealOption ? (\n                  <p className=\"text-xs text-muted-foreground mt-2 leading-relaxed\">\n                    The creator marked this asset as no-derivatives.\n                  </p>\n                ) : null}\n              </>\n            ) : (\n              renderAuthAction(\"Sign in to trade\")\n            )}\n          </div>\n        ) : (\n          <div className=\"space-y-3\">\n            <StatRow floorPriceRaw={floorPriceRaw} lastSaleRaw={lastSaleRaw} />\n            {isOwner ? (\n              <div className=\"grid grid-cols-2 gap-2\">\n                <ActionButton big tone=\"blue\" icon={<Tag className=\"h-4 w-4\" />} onClick={onOpenListing} renderHelp={renderHelp}>List on Marketplace</ActionButton>\n                <ActionButton big tone=\"orange\" icon={<ArrowRightLeft className=\"h-4 w-4\" />} onClick={onOpenTransfer} renderHelp={renderHelp}>Transfer</ActionButton>\n                {remixEnabled && onOpenRemix ? (\n                  <ActionButton big\n                    action=\"remix\"\n                    icon={<GitBranch className=\"h-4 w-4\" />}\n                    onClick={onOpenRemix}\n                    helpContent=\"Build a licensed derivative of this digital asset — your remix is minted as a new onchain NFT linked to the original\"\n                    renderHelp={renderHelp}\n                  >\n                    Remix\n                  </ActionButton>\n                ) : null}\n                {showSponsorSolicitOption && onOpenSponsorSolicit ? (\n                  <ActionButton big\n                    tone=\"blue\"\n                    icon={<Handshake className=\"h-4 w-4\" />}\n                    onClick={onOpenSponsorSolicit}\n                    helpContent=\"Let sponsors bid on a license for this asset.\"\n                    renderHelp={renderHelp}\n                  >\n                    Open for Sponsorship\n                  </ActionButton>\n                ) : null}\n              </div>\n            ) : isSignedIn ? (\n              <div className=\"grid grid-cols-2 gap-2\">\n                <ActionButton big action=\"offer\" icon={<HandCoins className=\"h-4 w-4\" />} onClick={onOpenOffer} renderHelp={renderHelp}>Make offer</ActionButton>\n                {remixEnabled && onOpenRemix ? (\n                  <ActionButton big\n                    action=\"remix\"\n                    icon={<GitBranch className=\"h-4 w-4\" />}\n                    onClick={onOpenRemix}\n                    helpContent=\"Build a licensed derivative of this digital asset — your remix is minted as a new onchain NFT linked to the original\"\n                    renderHelp={renderHelp}\n                  >\n                    Remix\n                  </ActionButton>\n                ) : null}\n                {showSponsorOption && onOpenSponsorProposal ? (\n                  <ActionButton big\n                    tone=\"blue\"\n                    icon={<Handshake className=\"h-4 w-4\" />}\n                    onClick={onOpenSponsorProposal}\n                    helpContent=\"Propose to sponsor this creator's work — pay them directly for a license, no escrow.\"\n                    renderHelp={renderHelp}\n                  >\n                    Sponsor this IP\n                  </ActionButton>\n                ) : null}\n              </div>\n            ) : (\n              renderAuthAction(\"Sign in to make an offer\")\n            )}\n          </div>\n        )}\n\n        {myBid ? (\n          <div className=\"rounded-xl bg-amber-500/8 px-4 py-3 flex items-center justify-between gap-3\">\n            <div className=\"min-w-0 flex items-center gap-2.5\">\n              <HandCoins className=\"h-4 w-4 text-amber-500 shrink-0\" />\n              <div className=\"min-w-0\">\n                <p className=\"text-xs font-semibold text-amber-500\">Your active offer</p>\n                <p className=\"text-xs text-muted-foreground flex items-center gap-1.5 mt-0.5\">\n                  <span className=\"font-bold text-foreground inline-flex items-center gap-1\">\n                    {formatDisplayPrice(myBid.price.formatted)}\n                    <CurrencyIcon symbol={myBid.price.currency ?? \"\"} size={12} />\n                  </span>\n                  <span>·</span>\n                  <Clock className=\"h-3 w-3\" />\n                  {timeUntil(myBid.endTime)}\n                </p>\n              </div>\n            </div>\n            <button\n              className=\"shrink-0 text-xs font-semibold text-red-400 hover:text-red-300 transition-colors flex items-center gap-1\"\n              onClick={() => onCancelClick(myBid)}\n            >\n              <X className=\"h-3.5 w-3.5\" />\n              Cancel\n            </button>\n          </div>\n        ) : null}\n\n        {isOwner && activeBids.length > 0 ? (\n          <div className=\"rounded-xl bg-card/40 p-5 space-y-3\">\n            <p className=\"text-xs font-semibold text-muted-foreground\">\n              Incoming offers ({activeBids.length})\n            </p>\n            <div className=\"space-y-2\">\n              {activeBids.map((bid) => (\n                <div key={bid.orderHash} className=\"flex items-center justify-between gap-3 rounded-lg bg-muted/30 px-3 py-2\">\n                  <div className=\"min-w-0\">\n                    <p className=\"text-sm font-bold\">\n                      <span className=\"inline-flex items-center gap-1.5\">\n                        {formatDisplayPrice(bid.price.formatted)}\n                        <CurrencyIcon symbol={bid.price.currency ?? \"\"} size={14} />\n                      </span>\n                    </p>\n                    <div className=\"flex items-center gap-2 mt-0.5\">\n                      <AddressDisplay address={bid.offerer} chars={4} showCopy={false} className=\"text-xs text-muted-foreground\" />\n                      <span className=\"text-xs text-muted-foreground\">·</span>\n                      <div className=\"flex items-center gap-1 text-xs text-muted-foreground\">\n                        <Clock className=\"h-3 w-3\" />\n                        {timeUntil(bid.endTime)}\n                      </div>\n                    </div>\n                  </div>\n                  <button\n                    disabled={isProcessing}\n                    onClick={() => onAcceptBid(bid)}\n                    className=\"inline-flex items-center gap-1.5 rounded-lg bg-primary px-3 py-1.5 text-xs font-semibold text-primary-foreground disabled:opacity-50\"\n                  >\n                    <CheckCircle className=\"h-3.5 w-3.5\" />\n                    Accept\n                  </button>\n                </div>\n              ))}\n            </div>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkEQ;AA/DR,0BAGO;AACP,2BAA6C;AAC7C,6BAA+B;AAC/B,2BAA6B;AAC7B,oBAAsD;AACtD,kBAA0B;AAgD1B,SAAS,QAAQ,EAAE,eAAe,YAAY,GAAmE;AAC/G,QAAM,QAAQ,oBAAgB,iCAAkB,aAAa,IAAI;AACjE,QAAM,WAAW,kBAAc,iCAAkB,WAAW,IAAI;AAChE,MAAI,CAAC,OAAO,UAAU,CAAC,UAAU,OAAQ,QAAO;AAChD,SACE,6CAAC,SAAI,WAAU,yDACZ;AAAA,WAAO,UACN,6CAAC,UAAK,WAAU,6BACd;AAAA,kDAAC,UAAK,mBAAK;AAAA,MACX,4CAAC,uCAAe,QAAQ,MAAM,QAAQ,QAAQ,MAAM,QAAQ,UAAU,IAAI,iBAAgB,iCAAgC;AAAA,OAC5H;AAAA,IAED,UAAU,UACT,6CAAC,UAAK,WAAU,6BACd;AAAA,kDAAC,UAAK,uBAAS;AAAA,MACf,4CAAC,uCAAe,QAAQ,SAAS,QAAQ,QAAQ,SAAS,QAAQ,UAAU,IAAI,iBAAgB,iCAAgC;AAAA,OAClI;AAAA,KAEJ;AAEJ;AAEO,SAAS,sBAA6D;AAAA,EAC3E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,oBAAoB;AAAA,EACpB;AAAA,EACA,2BAA2B;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAkC;AAChC,QAAM,QAAQ,CAAC,WAAW,gBACtB,WAAW,KAAK,CAAC,QAAQ,IAAI,QAAQ,YAAY,MAAM,cAAc,YAAY,CAAC,KAAK,OACvF;AAEJ,QAAM,aACJ,aAAa,WAAW,CAAC,CAAC,YAAY,CAAC,CAAC,iBACxC,SAAS,QAAQ,YAAY,MAAM,cAAc,YAAY;AAE/D,MAAI,mBAAmB,CAAC,UAAU;AAChC,WACE,6CAAC,SAAI,WAAU,aACb;AAAA,kDAAC,SAAI,WAAU,8CAA6C;AAAA,MAC5D,4CAAC,SAAI,WAAU,kDAAiD;AAAA,OAClE;AAAA,EAEJ;AAEA,SACE,4CAAC,SAAI,WAAU,YAEb,uDAAC,SAAI,WAAU,sBACZ;AAAA,eACC,6CAAC,SAAI,WAAU,aACb;AAAA,mDAAC,SAAI,WAAU,mDACb;AAAA,qDAAC,SAAI,WAAU,6BACb;AAAA,sDAAC,qCAAa,QAAQ,SAAS,MAAM,YAAY,IAAI,MAAM,IAAI;AAAA,UAC/D,4CAAC,UAAK,WAAU,qCACb,gDAAmB,SAAS,MAAM,SAAS,GAC9C;AAAA,UACC;AAAA,YACC,GAAG,WAAW,CAAC,aAAa,iBAAiB,eAAe,qBAAc,uBAAU,SAAS,OAAO,CAAC;AAAA,UACvG;AAAA,WACF;AAAA,QACA,4CAAC,WAAQ,eAA8B,aAA0B;AAAA,SACnE;AAAA,MAEC,UACC,6CAAC,SAAI,WAAU,aACb;AAAA,qDAAC,SAAI,WAAU,0BACZ;AAAA,sBACC;AAAA,YAAC;AAAA;AAAA,cAAa,KAAG;AAAA,cACf,MAAM,eAAe,4CAAC,+BAAQ,WAAU,wBAAuB,IAAK,4CAAC,yBAAE,WAAU,WAAU;AAAA,cAC3F,SAAS,MAAM,cAAc,SAAS;AAAA,cACtC,UAAU;AAAA,cACV,MAAK;AAAA,cACL;AAAA,cACD;AAAA;AAAA,UAED,IACE;AAAA,UAKF,CAAC,aAAa,YACd,4CAAC,qCAAa,KAAG,MAAC,MAAK,QAAO,MAAM,4CAAC,2BAAI,WAAU,WAAU,GAAI,SAAS,eAAe,YAAwB,iCAAmB,IAClI;AAAA,UACJ,4CAAC,qCAAa,KAAG,MAAC,MAAK,UAAS,MAAM,4CAAC,sCAAe,WAAU,WAAU,GAAI,SAAS,gBAAgB,YAAwB,sBAAQ;AAAA,UACtI,gBAAgB,cACf;AAAA,YAAC;AAAA;AAAA,cAAa,KAAG;AAAA,cACf,QAAO;AAAA,cACP,MAAM,4CAAC,iCAAU,WAAU,WAAU;AAAA,cACrC,SAAS;AAAA,cACT,aAAY;AAAA,cACZ;AAAA,cACD;AAAA;AAAA,UAED,IACE;AAAA,UACH,4BAA4B,uBAC3B;AAAA,YAAC;AAAA;AAAA,cAAa,KAAG;AAAA,cACf,MAAK;AAAA,cACL,MAAM,4CAAC,iCAAU,WAAU,WAAU;AAAA,cACrC,SAAS;AAAA,cACT,aAAY;AAAA,cACZ;AAAA,cACD;AAAA;AAAA,UAED,IACE;AAAA,WACN;AAAA,QAEC,cACC,4EACE;AAAA,sDAAC,SAAI,WAAU,uCAAsC;AAAA,UACrD,6CAAC,SAAI,WAAU,0BACb;AAAA,wDAAC,qCAAa,KAAG,MAAC,QAAO,OAAM,MAAM,4CAAC,oCAAa,WAAU,WAAU,GAAI,SAAS,MAAM,eAAe,QAAS,GAAG,YAAwB,iBAAG;AAAA,YAChJ,4CAAC,qCAAa,KAAG,MAAC,QAAO,SAAQ,MAAM,4CAAC,iCAAU,WAAU,WAAU,GAAI,SAAS,aAAa,YAAwB,wBAAU;AAAA,aACpI;AAAA,WACF;AAAA,SAEJ,IACE,aACF,4EACE;AAAA,qDAAC,SAAI,WAAU,0BACb;AAAA,sDAAC,qCAAa,KAAG,MAAC,QAAO,OAAM,MAAM,4CAAC,oCAAa,WAAU,WAAU,GAAI,SAAS,MAAM,eAAe,QAAQ,GAAG,YAAwB,iBAAG;AAAA,UAC/I,4CAAC,qCAAa,KAAG,MAAC,QAAO,SAAQ,MAAM,4CAAC,iCAAU,WAAU,WAAU,GAAI,SAAS,aAAa,YAAwB,wBAAU;AAAA,UACjI,gBAAgB,cACf;AAAA,YAAC;AAAA;AAAA,cAAa,KAAG;AAAA,cACf,QAAO;AAAA,cACP,MAAM,4CAAC,iCAAU,WAAU,WAAU;AAAA,cACrC,SAAS;AAAA,cACT,aAAY;AAAA,cACZ;AAAA,cACD;AAAA;AAAA,UAED,IACE;AAAA,UACH,kBAAkB,gBACjB;AAAA,YAAC;AAAA;AAAA,cAAa,KAAG;AAAA,cACf,QAAO;AAAA,cACP,MAAM,4CAAC,iCAAU,WAAU,WAAU;AAAA,cACrC,SAAS;AAAA,cACT,aAAY;AAAA,cACZ;AAAA,cACD;AAAA;AAAA,UAED,IACE;AAAA,UACH,qBAAqB,wBACpB;AAAA,YAAC;AAAA;AAAA,cAAa,KAAG;AAAA,cACf,MAAK;AAAA,cACL,MAAM,4CAAC,iCAAU,WAAU,WAAU;AAAA,cACrC,SAAS;AAAA,cACT,aAAY;AAAA,cACZ;AAAA,cACD;AAAA;AAAA,UAED,IACE;AAAA,WACN;AAAA,QACC,CAAC,gBAAgB,CAAC,iBACjB,4CAAC,OAAE,WAAU,sDAAqD,8DAElE,IACE;AAAA,SACN,IAEA,iBAAiB,kBAAkB;AAAA,OAEvC,IAEA,6CAAC,SAAI,WAAU,aACb;AAAA,kDAAC,WAAQ,eAA8B,aAA0B;AAAA,MAChE,UACC,6CAAC,SAAI,WAAU,0BACb;AAAA,oDAAC,qCAAa,KAAG,MAAC,MAAK,QAAO,MAAM,4CAAC,2BAAI,WAAU,WAAU,GAAI,SAAS,eAAe,YAAwB,iCAAmB;AAAA,QACpI,4CAAC,qCAAa,KAAG,MAAC,MAAK,UAAS,MAAM,4CAAC,sCAAe,WAAU,WAAU,GAAI,SAAS,gBAAgB,YAAwB,sBAAQ;AAAA,QACtI,gBAAgB,cACf;AAAA,UAAC;AAAA;AAAA,YAAa,KAAG;AAAA,YACf,QAAO;AAAA,YACP,MAAM,4CAAC,iCAAU,WAAU,WAAU;AAAA,YACrC,SAAS;AAAA,YACT,aAAY;AAAA,YACZ;AAAA,YACD;AAAA;AAAA,QAED,IACE;AAAA,QACH,4BAA4B,uBAC3B;AAAA,UAAC;AAAA;AAAA,YAAa,KAAG;AAAA,YACf,MAAK;AAAA,YACL,MAAM,4CAAC,iCAAU,WAAU,WAAU;AAAA,YACrC,SAAS;AAAA,YACT,aAAY;AAAA,YACZ;AAAA,YACD;AAAA;AAAA,QAED,IACE;AAAA,SACN,IACE,aACF,6CAAC,SAAI,WAAU,0BACb;AAAA,oDAAC,qCAAa,KAAG,MAAC,QAAO,SAAQ,MAAM,4CAAC,iCAAU,WAAU,WAAU,GAAI,SAAS,aAAa,YAAwB,wBAAU;AAAA,QACjI,gBAAgB,cACf;AAAA,UAAC;AAAA;AAAA,YAAa,KAAG;AAAA,YACf,QAAO;AAAA,YACP,MAAM,4CAAC,iCAAU,WAAU,WAAU;AAAA,YACrC,SAAS;AAAA,YACT,aAAY;AAAA,YACZ;AAAA,YACD;AAAA;AAAA,QAED,IACE;AAAA,QACH,qBAAqB,wBACpB;AAAA,UAAC;AAAA;AAAA,YAAa,KAAG;AAAA,YACf,MAAK;AAAA,YACL,MAAM,4CAAC,iCAAU,WAAU,WAAU;AAAA,YACrC,SAAS;AAAA,YACT,aAAY;AAAA,YACZ;AAAA,YACD;AAAA;AAAA,QAED,IACE;AAAA,SACN,IAEA,iBAAiB,0BAA0B;AAAA,OAE/C;AAAA,IAGD,QACC,6CAAC,SAAI,WAAU,+EACb;AAAA,mDAAC,SAAI,WAAU,qCACb;AAAA,oDAAC,iCAAU,WAAU,mCAAkC;AAAA,QACvD,6CAAC,SAAI,WAAU,WACb;AAAA,sDAAC,OAAE,WAAU,wCAAuC,+BAAiB;AAAA,UACrE,6CAAC,OAAE,WAAU,kEACX;AAAA,yDAAC,UAAK,WAAU,4DACb;AAAA,oDAAmB,MAAM,MAAM,SAAS;AAAA,cACzC,4CAAC,qCAAa,QAAQ,MAAM,MAAM,YAAY,IAAI,MAAM,IAAI;AAAA,eAC9D;AAAA,YACA,4CAAC,UAAK,kBAAC;AAAA,YACP,4CAAC,6BAAM,WAAU,WAAU;AAAA,gBAC1B,uBAAU,MAAM,OAAO;AAAA,aAC1B;AAAA,WACF;AAAA,SACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAS,MAAM,cAAc,KAAK;AAAA,UAElC;AAAA,wDAAC,yBAAE,WAAU,eAAc;AAAA,YAAE;AAAA;AAAA;AAAA,MAE/B;AAAA,OACF,IACE;AAAA,IAEH,WAAW,WAAW,SAAS,IAC9B,6CAAC,SAAI,WAAU,uCACb;AAAA,mDAAC,OAAE,WAAU,+CAA8C;AAAA;AAAA,QACvC,WAAW;AAAA,QAAO;AAAA,SACtC;AAAA,MACA,4CAAC,SAAI,WAAU,aACZ,qBAAW,IAAI,CAAC,QACf,6CAAC,SAAwB,WAAU,4EACjC;AAAA,qDAAC,SAAI,WAAU,WACb;AAAA,sDAAC,OAAE,WAAU,qBACX,uDAAC,UAAK,WAAU,oCACb;AAAA,kDAAmB,IAAI,MAAM,SAAS;AAAA,YACvC,4CAAC,qCAAa,QAAQ,IAAI,MAAM,YAAY,IAAI,MAAM,IAAI;AAAA,aAC5D,GACF;AAAA,UACA,6CAAC,SAAI,WAAU,kCACb;AAAA,wDAAC,yCAAe,SAAS,IAAI,SAAS,OAAO,GAAG,UAAU,OAAO,WAAU,iCAAgC;AAAA,YAC3G,4CAAC,UAAK,WAAU,iCAAgC,kBAAC;AAAA,YACjD,6CAAC,SAAI,WAAU,yDACb;AAAA,0DAAC,6BAAM,WAAU,WAAU;AAAA,kBAC1B,uBAAU,IAAI,OAAO;AAAA,eACxB;AAAA,aACF;AAAA,WACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,UAAU;AAAA,YACV,SAAS,MAAM,YAAY,GAAG;AAAA,YAC9B,WAAU;AAAA,YAEV;AAAA,0DAAC,mCAAY,WAAU,eAAc;AAAA,cAAE;AAAA;AAAA;AAAA,QAEzC;AAAA,WAxBQ,IAAI,SAyBd,CACD,GACH;AAAA,OACF,IACE;AAAA,KACN,GACF;AAEJ;","names":[]}

package/dist/components/asset-marketplace-panel.js

@@ -86,6 +86,7 @@ function AssetMarketplacePanel({
           myListing ? /* @__PURE__ */ jsx(
             ActionButton,
             {
+              big: true,
               icon: isProcessing ? /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
               onClick: () => onCancelClick(myListing),
               disabled: isProcessing,
@@ -94,11 +95,12 @@ function AssetMarketplacePanel({
               children: "Cancel Listing"
             }
           ) : null,
-          !myListing || isERC1155 ? /* @__PURE__ */ jsx(ActionButton, { tone: "blue", icon: /* @__PURE__ */ jsx(Tag, { className: "h-4 w-4" }), onClick: onOpenListing, renderHelp, children: "List on Marketplace" }) : null,
-          /* @__PURE__ */ jsx(ActionButton, { tone: "orange", icon: /* @__PURE__ */ jsx(ArrowRightLeft, { className: "h-4 w-4" }), onClick: onOpenTransfer, renderHelp, children: "Transfer" }),
+          !myListing || isERC1155 ? /* @__PURE__ */ jsx(ActionButton, { big: true, tone: "blue", icon: /* @__PURE__ */ jsx(Tag, { className: "h-4 w-4" }), onClick: onOpenListing, renderHelp, children: "List on Marketplace" }) : null,
+          /* @__PURE__ */ jsx(ActionButton, { big: true, tone: "orange", icon: /* @__PURE__ */ jsx(ArrowRightLeft, { className: "h-4 w-4" }), onClick: onOpenTransfer, renderHelp, children: "Transfer" }),
           remixEnabled && onOpenRemix ? /* @__PURE__ */ jsx(
             ActionButton,
             {
+              big: true,
               action: "remix",
               icon: /* @__PURE__ */ jsx(GitBranch, { className: "h-4 w-4" }),
               onClick: onOpenRemix,
@@ -110,6 +112,7 @@ function AssetMarketplacePanel({
           showSponsorSolicitOption && onOpenSponsorSolicit ? /* @__PURE__ */ jsx(
             ActionButton,
             {
+              big: true,
               tone: "blue",
               icon: /* @__PURE__ */ jsx(Handshake, { className: "h-4 w-4" }),
               onClick: onOpenSponsorSolicit,
@@ -122,17 +125,18 @@ function AssetMarketplacePanel({
         canBuyMore && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx("div", { className: "border-t border-border/40 pt-2 mt-1" }),
           /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
-            /* @__PURE__ */ jsx(ActionButton, { action: "buy", icon: /* @__PURE__ */ jsx(ShoppingCart, { className: "h-4 w-4" }), onClick: () => onOpenPurchase(cheapest), renderHelp, children: "Buy" }),
-            /* @__PURE__ */ jsx(ActionButton, { action: "offer", icon: /* @__PURE__ */ jsx(HandCoins, { className: "h-4 w-4" }), onClick: onOpenOffer, renderHelp, children: "Make offer" })
+            /* @__PURE__ */ jsx(ActionButton, { big: true, action: "buy", icon: /* @__PURE__ */ jsx(ShoppingCart, { className: "h-4 w-4" }), onClick: () => onOpenPurchase(cheapest), renderHelp, children: "Buy" }),
+            /* @__PURE__ */ jsx(ActionButton, { big: true, action: "offer", icon: /* @__PURE__ */ jsx(HandCoins, { className: "h-4 w-4" }), onClick: onOpenOffer, renderHelp, children: "Make offer" })
           ] })
         ] })
       ] }) : isSignedIn ? /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
-          /* @__PURE__ */ jsx(ActionButton, { action: "buy", icon: /* @__PURE__ */ jsx(ShoppingCart, { className: "h-4 w-4" }), onClick: () => onOpenPurchase(cheapest), renderHelp, children: "Buy" }),
-          /* @__PURE__ */ jsx(ActionButton, { action: "offer", icon: /* @__PURE__ */ jsx(HandCoins, { className: "h-4 w-4" }), onClick: onOpenOffer, renderHelp, children: "Make offer" }),
+          /* @__PURE__ */ jsx(ActionButton, { big: true, action: "buy", icon: /* @__PURE__ */ jsx(ShoppingCart, { className: "h-4 w-4" }), onClick: () => onOpenPurchase(cheapest), renderHelp, children: "Buy" }),
+          /* @__PURE__ */ jsx(ActionButton, { big: true, action: "offer", icon: /* @__PURE__ */ jsx(HandCoins, { className: "h-4 w-4" }), onClick: onOpenOffer, renderHelp, children: "Make offer" }),
           remixEnabled && onOpenRemix ? /* @__PURE__ */ jsx(
             ActionButton,
             {
+              big: true,
               action: "remix",
               icon: /* @__PURE__ */ jsx(GitBranch, { className: "h-4 w-4" }),
               onClick: onOpenRemix,
@@ -144,6 +148,7 @@ function AssetMarketplacePanel({
           showDealOption && onProposeDeal ? /* @__PURE__ */ jsx(
             ActionButton,
             {
+              big: true,
               action: "license",
               icon: /* @__PURE__ */ jsx(HandCoins, { className: "h-4 w-4" }),
               onClick: onProposeDeal,
@@ -155,6 +160,7 @@ function AssetMarketplacePanel({
           showSponsorOption && onOpenSponsorProposal ? /* @__PURE__ */ jsx(
             ActionButton,
             {
+              big: true,
               tone: "blue",
               icon: /* @__PURE__ */ jsx(Handshake, { className: "h-4 w-4" }),
               onClick: onOpenSponsorProposal,
@@ -169,11 +175,12 @@ function AssetMarketplacePanel({
     ] }) : /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
       /* @__PURE__ */ jsx(StatRow, { floorPriceRaw, lastSaleRaw }),
       isOwner ? /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
-        /* @__PURE__ */ jsx(ActionButton, { tone: "blue", icon: /* @__PURE__ */ jsx(Tag, { className: "h-4 w-4" }), onClick: onOpenListing, renderHelp, children: "List on Marketplace" }),
-        /* @__PURE__ */ jsx(ActionButton, { tone: "orange", icon: /* @__PURE__ */ jsx(ArrowRightLeft, { className: "h-4 w-4" }), onClick: onOpenTransfer, renderHelp, children: "Transfer" }),
+        /* @__PURE__ */ jsx(ActionButton, { big: true, tone: "blue", icon: /* @__PURE__ */ jsx(Tag, { className: "h-4 w-4" }), onClick: onOpenListing, renderHelp, children: "List on Marketplace" }),
+        /* @__PURE__ */ jsx(ActionButton, { big: true, tone: "orange", icon: /* @__PURE__ */ jsx(ArrowRightLeft, { className: "h-4 w-4" }), onClick: onOpenTransfer, renderHelp, children: "Transfer" }),
         remixEnabled && onOpenRemix ? /* @__PURE__ */ jsx(
           ActionButton,
           {
+            big: true,
             action: "remix",
             icon: /* @__PURE__ */ jsx(GitBranch, { className: "h-4 w-4" }),
             onClick: onOpenRemix,
@@ -185,6 +192,7 @@ function AssetMarketplacePanel({
         showSponsorSolicitOption && onOpenSponsorSolicit ? /* @__PURE__ */ jsx(
           ActionButton,
           {
+            big: true,
             tone: "blue",
             icon: /* @__PURE__ */ jsx(Handshake, { className: "h-4 w-4" }),
             onClick: onOpenSponsorSolicit,
@@ -194,10 +202,11 @@ function AssetMarketplacePanel({
           }
         ) : null
       ] }) : isSignedIn ? /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
-        /* @__PURE__ */ jsx(ActionButton, { action: "offer", icon: /* @__PURE__ */ jsx(HandCoins, { className: "h-4 w-4" }), onClick: onOpenOffer, renderHelp, children: "Make offer" }),
+        /* @__PURE__ */ jsx(ActionButton, { big: true, action: "offer", icon: /* @__PURE__ */ jsx(HandCoins, { className: "h-4 w-4" }), onClick: onOpenOffer, renderHelp, children: "Make offer" }),
         remixEnabled && onOpenRemix ? /* @__PURE__ */ jsx(
           ActionButton,
           {
+            big: true,
             action: "remix",
             icon: /* @__PURE__ */ jsx(GitBranch, { className: "h-4 w-4" }),
             onClick: onOpenRemix,
@@ -209,6 +218,7 @@ function AssetMarketplacePanel({
         showSponsorOption && onOpenSponsorProposal ? /* @__PURE__ */ jsx(
           ActionButton,
           {
+            big: true,
             tone: "blue",
             icon: /* @__PURE__ */ jsx(Handshake, { className: "h-4 w-4" }),
             onClick: onOpenSponsorProposal,

package/dist/components/asset-marketplace-panel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/asset-marketplace-panel.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport {\n  ArrowRightLeft, CheckCircle, Clock, GitBranch, HandCoins, Handshake, Loader2,\n  ShoppingCart, Tag, X,\n} from \"lucide-react\";\nimport { CurrencyIcon, CurrencyAmount } from \"./currency-icon.js\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { ActionButton } from \"./action-button.js\";\nimport { formatDisplayPrice, parsePriceDisplay } from \"../utils/format.js\";\nimport { timeUntil } from \"../utils/time.js\";\n\n/** Structural subset of `ApiOrder` (both apps' `@medialane/sdk` types satisfy this). */\nexport interface ApiOrderLike {\n  orderHash: string;\n  offerer: string;\n  endTime: string;\n  price: { formatted: string | null; currency: string | null };\n}\n\nexport interface AssetMarketplacePanelProps<T extends ApiOrderLike = ApiOrderLike> {\n  cheapest?: T;\n  isOwner: boolean;\n  isSignedIn: boolean;\n  isProcessing: boolean;\n  isERC1155: boolean;\n  isMarketLoading?: boolean;\n  myListing: T | null;\n  activeBids: T[];\n  walletAddress?: string | null;\n  remixEnabled?: boolean;\n  showDealOption?: boolean;\n  /** Raw \"0.07 STRK\"-style strings — already resolved by the caller. `null`/undefined renders \"—\". */\n  floorPriceRaw?: string | null;\n  lastSaleRaw?: string | null;\n  /** Renders the sign-in/connect-wallet CTA for the given label (e.g. \"Sign in to trade\"). */\n  renderAuthAction: (label: string) => ReactNode;\n  /** Renders an inline help/info affordance for the given tooltip text. */\n  renderHelp: (content: string) => ReactNode;\n  onCancelClick: (order: T) => void;\n  onAcceptBid: (order: T) => void;\n  onOpenListing: () => void;\n  onOpenTransfer: () => void;\n  onOpenPurchase: (order: T) => void;\n  onOpenOffer: () => void;\n  onOpenRemix?: () => void;\n  onProposeDeal?: () => void;\n  /** Non-owner: propose a sponsorship deal on this asset. */\n  showSponsorOption?: boolean;\n  onOpenSponsorProposal?: () => void;\n  /** Owner: open this asset for sponsorship bidding. */\n  showSponsorSolicitOption?: boolean;\n  onOpenSponsorSolicit?: () => void;\n}\n\n/** Floor + last-sale stats — each hides itself when its data is absent\n *  (no dangling \"—\" placeholders), and the whole row disappears when\n *  neither is available. */\nfunction StatRow({ floorPriceRaw, lastSaleRaw }: { floorPriceRaw?: string | null; lastSaleRaw?: string | null }) {\n  const floor = floorPriceRaw ? parsePriceDisplay(floorPriceRaw) : null;\n  const lastSale = lastSaleRaw ? parsePriceDisplay(lastSaleRaw) : null;\n  if (!floor?.symbol && !lastSale?.symbol) return null;\n  return (\n    <div className=\"flex items-center gap-4 text-sm text-muted-foreground\">\n      {floor?.symbol && (\n        <span className=\"flex items-center gap-1.5\">\n          <span>Floor</span>\n          <CurrencyAmount amount={floor.numStr} symbol={floor.symbol} iconSize={12} amountClassName=\"text-foreground font-semibold\" />\n        </span>\n      )}\n      {lastSale?.symbol && (\n        <span className=\"flex items-center gap-1.5\">\n          <span>Last sale</span>\n          <CurrencyAmount amount={lastSale.numStr} symbol={lastSale.symbol} iconSize={12} amountClassName=\"text-foreground font-semibold\" />\n        </span>\n      )}\n    </div>\n  );\n}\n\nexport function AssetMarketplacePanel<T extends ApiOrderLike = ApiOrderLike>({\n  cheapest,\n  isOwner,\n  isSignedIn,\n  isProcessing,\n  isERC1155,\n  isMarketLoading = false,\n  myListing,\n  activeBids,\n  walletAddress,\n  remixEnabled = false,\n  showDealOption = false,\n  showSponsorOption = false,\n  onOpenSponsorProposal,\n  showSponsorSolicitOption = false,\n  onOpenSponsorSolicit,\n  floorPriceRaw,\n  lastSaleRaw,\n  renderAuthAction,\n  renderHelp,\n  onCancelClick,\n  onAcceptBid,\n  onOpenListing,\n  onOpenTransfer,\n  onOpenPurchase,\n  onOpenOffer,\n  onOpenRemix,\n  onProposeDeal,\n}: AssetMarketplacePanelProps<T>) {\n  const myBid = !isOwner && walletAddress\n    ? activeBids.find((bid) => bid.offerer.toLowerCase() === walletAddress.toLowerCase()) ?? null\n    : null;\n\n  const canBuyMore =\n    isERC1155 && isOwner && !!cheapest && !!walletAddress &&\n    cheapest.offerer.toLowerCase() !== walletAddress.toLowerCase();\n\n  if (isMarketLoading && !cheapest) {\n    return (\n      <div className=\"space-y-4\">\n        <div className=\"h-9 w-32 rounded-md bg-muted animate-pulse\" />\n        <div className=\"h-12 w-full rounded-2xl bg-muted animate-pulse\" />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"relative\">\n\n      <div className=\"relative space-y-4\">\n        {cheapest ? (\n          <div className=\"space-y-4\">\n            <div className=\"flex flex-wrap items-baseline gap-x-5 gap-y-1.5\">\n              <div className=\"flex items-baseline gap-2\">\n                <CurrencyIcon symbol={cheapest.price.currency ?? \"\"} size={26} />\n                <span className=\"text-4xl font-bold tracking-tight\">\n                  {formatDisplayPrice(cheapest.price.formatted)}\n                </span>\n                {renderHelp(\n                  `${isOwner && !canBuyMore ? \"Your listing\" : \"Current price\"} · Expires ${timeUntil(cheapest.endTime)}`\n                )}\n              </div>\n              <StatRow floorPriceRaw={floorPriceRaw} lastSaleRaw={lastSaleRaw} />\n            </div>\n\n            {isOwner ? (\n              <div className=\"space-y-2\">\n                <div className=\"grid grid-cols-2 gap-2\">\n                  {myListing ? (\n                    <ActionButton\n                      icon={isProcessing ? <Loader2 className=\"h-4 w-4 animate-spin\" /> : <X className=\"h-4 w-4\" />}\n                      onClick={() => onCancelClick(myListing)}\n                      disabled={isProcessing}\n                      tone=\"red\"\n                      renderHelp={renderHelp}\n                    >\n                      Cancel Listing\n                    </ActionButton>\n                  ) : null}\n                  {/* ERC-721 has exactly one possible listing — once myListing exists,\n                      \"List on Marketplace\" is redundant next to \"Cancel Listing\" and\n                      reads as a broken/confusing pair. An ERC-1155 owner can still hold\n                      un-listed editions while one listing is active, so it stays for them. */}\n                  {(!myListing || isERC1155) ? (\n                    <ActionButton tone=\"blue\" icon={<Tag className=\"h-4 w-4\" />} onClick={onOpenListing} renderHelp={renderHelp}>List on Marketplace</ActionButton>\n                  ) : null}\n                  <ActionButton tone=\"orange\" icon={<ArrowRightLeft className=\"h-4 w-4\" />} onClick={onOpenTransfer} renderHelp={renderHelp}>Transfer</ActionButton>\n                  {remixEnabled && onOpenRemix ? (\n                    <ActionButton\n                      action=\"remix\"\n                      icon={<GitBranch className=\"h-4 w-4\" />}\n                      onClick={onOpenRemix}\n                      helpContent=\"Build a licensed derivative of this digital asset — your remix is minted as a new onchain NFT linked to the original\"\n                      renderHelp={renderHelp}\n                    >\n                      Remix\n                    </ActionButton>\n                  ) : null}\n                  {showSponsorSolicitOption && onOpenSponsorSolicit ? (\n                    <ActionButton\n                      tone=\"blue\"\n                      icon={<Handshake className=\"h-4 w-4\" />}\n                      onClick={onOpenSponsorSolicit}\n                      helpContent=\"Let sponsors bid on a license for this asset.\"\n                      renderHelp={renderHelp}\n                    >\n                      Open for Sponsorship\n                    </ActionButton>\n                  ) : null}\n                </div>\n\n                {canBuyMore && (\n                  <>\n                    <div className=\"border-t border-border/40 pt-2 mt-1\" />\n                    <div className=\"grid grid-cols-2 gap-2\">\n                      <ActionButton action=\"buy\" icon={<ShoppingCart className=\"h-4 w-4\" />} onClick={() => onOpenPurchase(cheapest!)} renderHelp={renderHelp}>Buy</ActionButton>\n                      <ActionButton action=\"offer\" icon={<HandCoins className=\"h-4 w-4\" />} onClick={onOpenOffer} renderHelp={renderHelp}>Make offer</ActionButton>\n                    </div>\n                  </>\n                )}\n              </div>\n            ) : isSignedIn ? (\n              <>\n                <div className=\"grid grid-cols-2 gap-2\">\n                  <ActionButton action=\"buy\" icon={<ShoppingCart className=\"h-4 w-4\" />} onClick={() => onOpenPurchase(cheapest)} renderHelp={renderHelp}>Buy</ActionButton>\n                  <ActionButton action=\"offer\" icon={<HandCoins className=\"h-4 w-4\" />} onClick={onOpenOffer} renderHelp={renderHelp}>Make offer</ActionButton>\n                  {remixEnabled && onOpenRemix ? (\n                    <ActionButton\n                      action=\"remix\"\n                      icon={<GitBranch className=\"h-4 w-4\" />}\n                      onClick={onOpenRemix}\n                      helpContent=\"Create your own attributed derivative of this work.\"\n                      renderHelp={renderHelp}\n                    >\n                      Remix\n                    </ActionButton>\n                  ) : null}\n                  {showDealOption && onProposeDeal ? (\n                    <ActionButton\n                      action=\"license\"\n                      icon={<HandCoins className=\"h-4 w-4\" />}\n                      onClick={onProposeDeal}\n                      helpContent=\"Propose a license deal to the creator to use this work.\"\n                      renderHelp={renderHelp}\n                    >\n                      License\n                    </ActionButton>\n                  ) : null}\n                  {showSponsorOption && onOpenSponsorProposal ? (\n                    <ActionButton\n                      tone=\"blue\"\n                      icon={<Handshake className=\"h-4 w-4\" />}\n                      onClick={onOpenSponsorProposal}\n                      helpContent=\"Propose to sponsor this creator's work — pay them directly for a license, no escrow.\"\n                      renderHelp={renderHelp}\n                    >\n                      Sponsor this IP\n                    </ActionButton>\n                  ) : null}\n                </div>\n                {!remixEnabled && !showDealOption ? (\n                  <p className=\"text-xs text-muted-foreground mt-2 leading-relaxed\">\n                    The creator marked this asset as no-derivatives.\n                  </p>\n                ) : null}\n              </>\n            ) : (\n              renderAuthAction(\"Sign in to trade\")\n            )}\n          </div>\n        ) : (\n          <div className=\"space-y-3\">\n            <StatRow floorPriceRaw={floorPriceRaw} lastSaleRaw={lastSaleRaw} />\n            {isOwner ? (\n              <div className=\"grid grid-cols-2 gap-2\">\n                <ActionButton tone=\"blue\" icon={<Tag className=\"h-4 w-4\" />} onClick={onOpenListing} renderHelp={renderHelp}>List on Marketplace</ActionButton>\n                <ActionButton tone=\"orange\" icon={<ArrowRightLeft className=\"h-4 w-4\" />} onClick={onOpenTransfer} renderHelp={renderHelp}>Transfer</ActionButton>\n                {remixEnabled && onOpenRemix ? (\n                  <ActionButton\n                    action=\"remix\"\n                    icon={<GitBranch className=\"h-4 w-4\" />}\n                    onClick={onOpenRemix}\n                    helpContent=\"Build a licensed derivative of this digital asset — your remix is minted as a new onchain NFT linked to the original\"\n                    renderHelp={renderHelp}\n                  >\n                    Remix\n                  </ActionButton>\n                ) : null}\n                {showSponsorSolicitOption && onOpenSponsorSolicit ? (\n                  <ActionButton\n                    tone=\"blue\"\n                    icon={<Handshake className=\"h-4 w-4\" />}\n                    onClick={onOpenSponsorSolicit}\n                    helpContent=\"Let sponsors bid on a license for this asset.\"\n                    renderHelp={renderHelp}\n                  >\n                    Open for Sponsorship\n                  </ActionButton>\n                ) : null}\n              </div>\n            ) : isSignedIn ? (\n              <div className=\"grid grid-cols-2 gap-2\">\n                <ActionButton action=\"offer\" icon={<HandCoins className=\"h-4 w-4\" />} onClick={onOpenOffer} renderHelp={renderHelp}>Make offer</ActionButton>\n                {remixEnabled && onOpenRemix ? (\n                  <ActionButton\n                    action=\"remix\"\n                    icon={<GitBranch className=\"h-4 w-4\" />}\n                    onClick={onOpenRemix}\n                    helpContent=\"Build a licensed derivative of this digital asset — your remix is minted as a new onchain NFT linked to the original\"\n                    renderHelp={renderHelp}\n                  >\n                    Remix\n                  </ActionButton>\n                ) : null}\n                {showSponsorOption && onOpenSponsorProposal ? (\n                  <ActionButton\n                    tone=\"blue\"\n                    icon={<Handshake className=\"h-4 w-4\" />}\n                    onClick={onOpenSponsorProposal}\n                    helpContent=\"Propose to sponsor this creator's work — pay them directly for a license, no escrow.\"\n                    renderHelp={renderHelp}\n                  >\n                    Sponsor this IP\n                  </ActionButton>\n                ) : null}\n              </div>\n            ) : (\n              renderAuthAction(\"Sign in to make an offer\")\n            )}\n          </div>\n        )}\n\n        {myBid ? (\n          <div className=\"rounded-xl bg-amber-500/8 px-4 py-3 flex items-center justify-between gap-3\">\n            <div className=\"min-w-0 flex items-center gap-2.5\">\n              <HandCoins className=\"h-4 w-4 text-amber-500 shrink-0\" />\n              <div className=\"min-w-0\">\n                <p className=\"text-xs font-semibold text-amber-500\">Your active offer</p>\n                <p className=\"text-xs text-muted-foreground flex items-center gap-1.5 mt-0.5\">\n                  <span className=\"font-bold text-foreground inline-flex items-center gap-1\">\n                    {formatDisplayPrice(myBid.price.formatted)}\n                    <CurrencyIcon symbol={myBid.price.currency ?? \"\"} size={12} />\n                  </span>\n                  <span>·</span>\n                  <Clock className=\"h-3 w-3\" />\n                  {timeUntil(myBid.endTime)}\n                </p>\n              </div>\n            </div>\n            <button\n              className=\"shrink-0 text-xs font-semibold text-red-400 hover:text-red-300 transition-colors flex items-center gap-1\"\n              onClick={() => onCancelClick(myBid)}\n            >\n              <X className=\"h-3.5 w-3.5\" />\n              Cancel\n            </button>\n          </div>\n        ) : null}\n\n        {isOwner && activeBids.length > 0 ? (\n          <div className=\"rounded-xl bg-card/40 p-5 space-y-3\">\n            <p className=\"text-xs font-semibold text-muted-foreground\">\n              Incoming offers ({activeBids.length})\n            </p>\n            <div className=\"space-y-2\">\n              {activeBids.map((bid) => (\n                <div key={bid.orderHash} className=\"flex items-center justify-between gap-3 rounded-lg bg-muted/30 px-3 py-2\">\n                  <div className=\"min-w-0\">\n                    <p className=\"text-sm font-bold\">\n                      <span className=\"inline-flex items-center gap-1.5\">\n                        {formatDisplayPrice(bid.price.formatted)}\n                        <CurrencyIcon symbol={bid.price.currency ?? \"\"} size={14} />\n                      </span>\n                    </p>\n                    <div className=\"flex items-center gap-2 mt-0.5\">\n                      <AddressDisplay address={bid.offerer} chars={4} showCopy={false} className=\"text-xs text-muted-foreground\" />\n                      <span className=\"text-xs text-muted-foreground\">·</span>\n                      <div className=\"flex items-center gap-1 text-xs text-muted-foreground\">\n                        <Clock className=\"h-3 w-3\" />\n                        {timeUntil(bid.endTime)}\n                      </div>\n                    </div>\n                  </div>\n                  <button\n                    disabled={isProcessing}\n                    onClick={() => onAcceptBid(bid)}\n                    className=\"inline-flex items-center gap-1.5 rounded-lg bg-primary px-3 py-1.5 text-xs font-semibold text-primary-foreground disabled:opacity-50\"\n                  >\n                    <CheckCircle className=\"h-3.5 w-3.5\" />\n                    Accept\n                  </button>\n                </div>\n              ))}\n            </div>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/asset-marketplace-panel.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport {\n  ArrowRightLeft, CheckCircle, Clock, GitBranch, HandCoins, Handshake, Loader2,\n  ShoppingCart, Tag, X,\n} from \"lucide-react\";\nimport { CurrencyIcon, CurrencyAmount } from \"./currency-icon.js\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { ActionButton } from \"./action-button.js\";\nimport { formatDisplayPrice, parsePriceDisplay } from \"../utils/format.js\";\nimport { timeUntil } from \"../utils/time.js\";\n\n/** Structural subset of `ApiOrder` (both apps' `@medialane/sdk` types satisfy this). */\nexport interface ApiOrderLike {\n  orderHash: string;\n  offerer: string;\n  endTime: string;\n  price: { formatted: string | null; currency: string | null };\n}\n\nexport interface AssetMarketplacePanelProps<T extends ApiOrderLike = ApiOrderLike> {\n  cheapest?: T;\n  isOwner: boolean;\n  isSignedIn: boolean;\n  isProcessing: boolean;\n  isERC1155: boolean;\n  isMarketLoading?: boolean;\n  myListing: T | null;\n  activeBids: T[];\n  walletAddress?: string | null;\n  remixEnabled?: boolean;\n  showDealOption?: boolean;\n  /** Raw \"0.07 STRK\"-style strings — already resolved by the caller. `null`/undefined renders \"—\". */\n  floorPriceRaw?: string | null;\n  lastSaleRaw?: string | null;\n  /** Renders the sign-in/connect-wallet CTA for the given label (e.g. \"Sign in to trade\"). */\n  renderAuthAction: (label: string) => ReactNode;\n  /** Renders an inline help/info affordance for the given tooltip text. */\n  renderHelp: (content: string) => ReactNode;\n  onCancelClick: (order: T) => void;\n  onAcceptBid: (order: T) => void;\n  onOpenListing: () => void;\n  onOpenTransfer: () => void;\n  onOpenPurchase: (order: T) => void;\n  onOpenOffer: () => void;\n  onOpenRemix?: () => void;\n  onProposeDeal?: () => void;\n  /** Non-owner: propose a sponsorship deal on this asset. */\n  showSponsorOption?: boolean;\n  onOpenSponsorProposal?: () => void;\n  /** Owner: open this asset for sponsorship bidding. */\n  showSponsorSolicitOption?: boolean;\n  onOpenSponsorSolicit?: () => void;\n}\n\n/** Floor + last-sale stats — each hides itself when its data is absent\n *  (no dangling \"—\" placeholders), and the whole row disappears when\n *  neither is available. */\nfunction StatRow({ floorPriceRaw, lastSaleRaw }: { floorPriceRaw?: string | null; lastSaleRaw?: string | null }) {\n  const floor = floorPriceRaw ? parsePriceDisplay(floorPriceRaw) : null;\n  const lastSale = lastSaleRaw ? parsePriceDisplay(lastSaleRaw) : null;\n  if (!floor?.symbol && !lastSale?.symbol) return null;\n  return (\n    <div className=\"flex items-center gap-4 text-sm text-muted-foreground\">\n      {floor?.symbol && (\n        <span className=\"flex items-center gap-1.5\">\n          <span>Floor</span>\n          <CurrencyAmount amount={floor.numStr} symbol={floor.symbol} iconSize={12} amountClassName=\"text-foreground font-semibold\" />\n        </span>\n      )}\n      {lastSale?.symbol && (\n        <span className=\"flex items-center gap-1.5\">\n          <span>Last sale</span>\n          <CurrencyAmount amount={lastSale.numStr} symbol={lastSale.symbol} iconSize={12} amountClassName=\"text-foreground font-semibold\" />\n        </span>\n      )}\n    </div>\n  );\n}\n\nexport function AssetMarketplacePanel<T extends ApiOrderLike = ApiOrderLike>({\n  cheapest,\n  isOwner,\n  isSignedIn,\n  isProcessing,\n  isERC1155,\n  isMarketLoading = false,\n  myListing,\n  activeBids,\n  walletAddress,\n  remixEnabled = false,\n  showDealOption = false,\n  showSponsorOption = false,\n  onOpenSponsorProposal,\n  showSponsorSolicitOption = false,\n  onOpenSponsorSolicit,\n  floorPriceRaw,\n  lastSaleRaw,\n  renderAuthAction,\n  renderHelp,\n  onCancelClick,\n  onAcceptBid,\n  onOpenListing,\n  onOpenTransfer,\n  onOpenPurchase,\n  onOpenOffer,\n  onOpenRemix,\n  onProposeDeal,\n}: AssetMarketplacePanelProps<T>) {\n  const myBid = !isOwner && walletAddress\n    ? activeBids.find((bid) => bid.offerer.toLowerCase() === walletAddress.toLowerCase()) ?? null\n    : null;\n\n  const canBuyMore =\n    isERC1155 && isOwner && !!cheapest && !!walletAddress &&\n    cheapest.offerer.toLowerCase() !== walletAddress.toLowerCase();\n\n  if (isMarketLoading && !cheapest) {\n    return (\n      <div className=\"space-y-4\">\n        <div className=\"h-9 w-32 rounded-md bg-muted animate-pulse\" />\n        <div className=\"h-12 w-full rounded-2xl bg-muted animate-pulse\" />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"relative\">\n\n      <div className=\"relative space-y-4\">\n        {cheapest ? (\n          <div className=\"space-y-4\">\n            <div className=\"flex flex-wrap items-baseline gap-x-5 gap-y-1.5\">\n              <div className=\"flex items-baseline gap-2\">\n                <CurrencyIcon symbol={cheapest.price.currency ?? \"\"} size={26} />\n                <span className=\"text-4xl font-bold tracking-tight\">\n                  {formatDisplayPrice(cheapest.price.formatted)}\n                </span>\n                {renderHelp(\n                  `${isOwner && !canBuyMore ? \"Your listing\" : \"Current price\"} · Expires ${timeUntil(cheapest.endTime)}`\n                )}\n              </div>\n              <StatRow floorPriceRaw={floorPriceRaw} lastSaleRaw={lastSaleRaw} />\n            </div>\n\n            {isOwner ? (\n              <div className=\"space-y-2\">\n                <div className=\"grid grid-cols-2 gap-2\">\n                  {myListing ? (\n                    <ActionButton big\n                      icon={isProcessing ? <Loader2 className=\"h-4 w-4 animate-spin\" /> : <X className=\"h-4 w-4\" />}\n                      onClick={() => onCancelClick(myListing)}\n                      disabled={isProcessing}\n                      tone=\"red\"\n                      renderHelp={renderHelp}\n                    >\n                      Cancel Listing\n                    </ActionButton>\n                  ) : null}\n                  {/* ERC-721 has exactly one possible listing — once myListing exists,\n                      \"List on Marketplace\" is redundant next to \"Cancel Listing\" and\n                      reads as a broken/confusing pair. An ERC-1155 owner can still hold\n                      un-listed editions while one listing is active, so it stays for them. */}\n                  {(!myListing || isERC1155) ? (\n                    <ActionButton big tone=\"blue\" icon={<Tag className=\"h-4 w-4\" />} onClick={onOpenListing} renderHelp={renderHelp}>List on Marketplace</ActionButton>\n                  ) : null}\n                  <ActionButton big tone=\"orange\" icon={<ArrowRightLeft className=\"h-4 w-4\" />} onClick={onOpenTransfer} renderHelp={renderHelp}>Transfer</ActionButton>\n                  {remixEnabled && onOpenRemix ? (\n                    <ActionButton big\n                      action=\"remix\"\n                      icon={<GitBranch className=\"h-4 w-4\" />}\n                      onClick={onOpenRemix}\n                      helpContent=\"Build a licensed derivative of this digital asset — your remix is minted as a new onchain NFT linked to the original\"\n                      renderHelp={renderHelp}\n                    >\n                      Remix\n                    </ActionButton>\n                  ) : null}\n                  {showSponsorSolicitOption && onOpenSponsorSolicit ? (\n                    <ActionButton big\n                      tone=\"blue\"\n                      icon={<Handshake className=\"h-4 w-4\" />}\n                      onClick={onOpenSponsorSolicit}\n                      helpContent=\"Let sponsors bid on a license for this asset.\"\n                      renderHelp={renderHelp}\n                    >\n                      Open for Sponsorship\n                    </ActionButton>\n                  ) : null}\n                </div>\n\n                {canBuyMore && (\n                  <>\n                    <div className=\"border-t border-border/40 pt-2 mt-1\" />\n                    <div className=\"grid grid-cols-2 gap-2\">\n                      <ActionButton big action=\"buy\" icon={<ShoppingCart className=\"h-4 w-4\" />} onClick={() => onOpenPurchase(cheapest!)} renderHelp={renderHelp}>Buy</ActionButton>\n                      <ActionButton big action=\"offer\" icon={<HandCoins className=\"h-4 w-4\" />} onClick={onOpenOffer} renderHelp={renderHelp}>Make offer</ActionButton>\n                    </div>\n                  </>\n                )}\n              </div>\n            ) : isSignedIn ? (\n              <>\n                <div className=\"grid grid-cols-2 gap-2\">\n                  <ActionButton big action=\"buy\" icon={<ShoppingCart className=\"h-4 w-4\" />} onClick={() => onOpenPurchase(cheapest)} renderHelp={renderHelp}>Buy</ActionButton>\n                  <ActionButton big action=\"offer\" icon={<HandCoins className=\"h-4 w-4\" />} onClick={onOpenOffer} renderHelp={renderHelp}>Make offer</ActionButton>\n                  {remixEnabled && onOpenRemix ? (\n                    <ActionButton big\n                      action=\"remix\"\n                      icon={<GitBranch className=\"h-4 w-4\" />}\n                      onClick={onOpenRemix}\n                      helpContent=\"Create your own attributed derivative of this work.\"\n                      renderHelp={renderHelp}\n                    >\n                      Remix\n                    </ActionButton>\n                  ) : null}\n                  {showDealOption && onProposeDeal ? (\n                    <ActionButton big\n                      action=\"license\"\n                      icon={<HandCoins className=\"h-4 w-4\" />}\n                      onClick={onProposeDeal}\n                      helpContent=\"Propose a license deal to the creator to use this work.\"\n                      renderHelp={renderHelp}\n                    >\n                      License\n                    </ActionButton>\n                  ) : null}\n                  {showSponsorOption && onOpenSponsorProposal ? (\n                    <ActionButton big\n                      tone=\"blue\"\n                      icon={<Handshake className=\"h-4 w-4\" />}\n                      onClick={onOpenSponsorProposal}\n                      helpContent=\"Propose to sponsor this creator's work — pay them directly for a license, no escrow.\"\n                      renderHelp={renderHelp}\n                    >\n                      Sponsor this IP\n                    </ActionButton>\n                  ) : null}\n                </div>\n                {!remixEnabled && !showDealOption ? (\n                  <p className=\"text-xs text-muted-foreground mt-2 leading-relaxed\">\n                    The creator marked this asset as no-derivatives.\n                  </p>\n                ) : null}\n              </>\n            ) : (\n              renderAuthAction(\"Sign in to trade\")\n            )}\n          </div>\n        ) : (\n          <div className=\"space-y-3\">\n            <StatRow floorPriceRaw={floorPriceRaw} lastSaleRaw={lastSaleRaw} />\n            {isOwner ? (\n              <div className=\"grid grid-cols-2 gap-2\">\n                <ActionButton big tone=\"blue\" icon={<Tag className=\"h-4 w-4\" />} onClick={onOpenListing} renderHelp={renderHelp}>List on Marketplace</ActionButton>\n                <ActionButton big tone=\"orange\" icon={<ArrowRightLeft className=\"h-4 w-4\" />} onClick={onOpenTransfer} renderHelp={renderHelp}>Transfer</ActionButton>\n                {remixEnabled && onOpenRemix ? (\n                  <ActionButton big\n                    action=\"remix\"\n                    icon={<GitBranch className=\"h-4 w-4\" />}\n                    onClick={onOpenRemix}\n                    helpContent=\"Build a licensed derivative of this digital asset — your remix is minted as a new onchain NFT linked to the original\"\n                    renderHelp={renderHelp}\n                  >\n                    Remix\n                  </ActionButton>\n                ) : null}\n                {showSponsorSolicitOption && onOpenSponsorSolicit ? (\n                  <ActionButton big\n                    tone=\"blue\"\n                    icon={<Handshake className=\"h-4 w-4\" />}\n                    onClick={onOpenSponsorSolicit}\n                    helpContent=\"Let sponsors bid on a license for this asset.\"\n                    renderHelp={renderHelp}\n                  >\n                    Open for Sponsorship\n                  </ActionButton>\n                ) : null}\n              </div>\n            ) : isSignedIn ? (\n              <div className=\"grid grid-cols-2 gap-2\">\n                <ActionButton big action=\"offer\" icon={<HandCoins className=\"h-4 w-4\" />} onClick={onOpenOffer} renderHelp={renderHelp}>Make offer</ActionButton>\n                {remixEnabled && onOpenRemix ? (\n                  <ActionButton big\n                    action=\"remix\"\n                    icon={<GitBranch className=\"h-4 w-4\" />}\n                    onClick={onOpenRemix}\n                    helpContent=\"Build a licensed derivative of this digital asset — your remix is minted as a new onchain NFT linked to the original\"\n                    renderHelp={renderHelp}\n                  >\n                    Remix\n                  </ActionButton>\n                ) : null}\n                {showSponsorOption && onOpenSponsorProposal ? (\n                  <ActionButton big\n                    tone=\"blue\"\n                    icon={<Handshake className=\"h-4 w-4\" />}\n                    onClick={onOpenSponsorProposal}\n                    helpContent=\"Propose to sponsor this creator's work — pay them directly for a license, no escrow.\"\n                    renderHelp={renderHelp}\n                  >\n                    Sponsor this IP\n                  </ActionButton>\n                ) : null}\n              </div>\n            ) : (\n              renderAuthAction(\"Sign in to make an offer\")\n            )}\n          </div>\n        )}\n\n        {myBid ? (\n          <div className=\"rounded-xl bg-amber-500/8 px-4 py-3 flex items-center justify-between gap-3\">\n            <div className=\"min-w-0 flex items-center gap-2.5\">\n              <HandCoins className=\"h-4 w-4 text-amber-500 shrink-0\" />\n              <div className=\"min-w-0\">\n                <p className=\"text-xs font-semibold text-amber-500\">Your active offer</p>\n                <p className=\"text-xs text-muted-foreground flex items-center gap-1.5 mt-0.5\">\n                  <span className=\"font-bold text-foreground inline-flex items-center gap-1\">\n                    {formatDisplayPrice(myBid.price.formatted)}\n                    <CurrencyIcon symbol={myBid.price.currency ?? \"\"} size={12} />\n                  </span>\n                  <span>·</span>\n                  <Clock className=\"h-3 w-3\" />\n                  {timeUntil(myBid.endTime)}\n                </p>\n              </div>\n            </div>\n            <button\n              className=\"shrink-0 text-xs font-semibold text-red-400 hover:text-red-300 transition-colors flex items-center gap-1\"\n              onClick={() => onCancelClick(myBid)}\n            >\n              <X className=\"h-3.5 w-3.5\" />\n              Cancel\n            </button>\n          </div>\n        ) : null}\n\n        {isOwner && activeBids.length > 0 ? (\n          <div className=\"rounded-xl bg-card/40 p-5 space-y-3\">\n            <p className=\"text-xs font-semibold text-muted-foreground\">\n              Incoming offers ({activeBids.length})\n            </p>\n            <div className=\"space-y-2\">\n              {activeBids.map((bid) => (\n                <div key={bid.orderHash} className=\"flex items-center justify-between gap-3 rounded-lg bg-muted/30 px-3 py-2\">\n                  <div className=\"min-w-0\">\n                    <p className=\"text-sm font-bold\">\n                      <span className=\"inline-flex items-center gap-1.5\">\n                        {formatDisplayPrice(bid.price.formatted)}\n                        <CurrencyIcon symbol={bid.price.currency ?? \"\"} size={14} />\n                      </span>\n                    </p>\n                    <div className=\"flex items-center gap-2 mt-0.5\">\n                      <AddressDisplay address={bid.offerer} chars={4} showCopy={false} className=\"text-xs text-muted-foreground\" />\n                      <span className=\"text-xs text-muted-foreground\">·</span>\n                      <div className=\"flex items-center gap-1 text-xs text-muted-foreground\">\n                        <Clock className=\"h-3 w-3\" />\n                        {timeUntil(bid.endTime)}\n                      </div>\n                    </div>\n                  </div>\n                  <button\n                    disabled={isProcessing}\n                    onClick={() => onAcceptBid(bid)}\n                    className=\"inline-flex items-center gap-1.5 rounded-lg bg-primary px-3 py-1.5 text-xs font-semibold text-primary-foreground disabled:opacity-50\"\n                  >\n                    <CheckCircle className=\"h-3.5 w-3.5\" />\n                    Accept\n                  </button>\n                </div>\n              ))}\n            </div>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}