@medialane/ui 0.4.0 → 0.4.2

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/discover-creators-strip.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { Users, ArrowRight, AtSign } from \"lucide-react\";\nimport { FadeIn } from \"./motion-primitives.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport type { ApiCreatorProfile } from \"@medialane/sdk\";\n\nexport interface DiscoverCreatorsStripProps {\n  creators: ApiCreatorProfile[];\n  isLoading: boolean;\n  getHref: (creator: ApiCreatorProfile) => string;\n  allCreatorsHref?: string;\n}\n\nfunction CreatorChipSkeleton() {\n  return (\n    <div className=\"shrink-0 w-64 aspect-[3/4] rounded-xl bg-muted animate-pulse\" />\n  );\n}\n\nfunction CreatorChip({\n  creator,\n  href,\n}: {\n  creator: ApiCreatorProfile;\n  href: string;\n}) {\n  const [avatarError, setAvatarError] = useState(false);\n  const [bannerError, setBannerError] = useState(false);\n\n  const bannerSrc = creator.bannerImage ?? creator.collectionImage ?? null;\n  const avatarSrc = creator.avatarImage ?? creator.collectionImage ?? null;\n\n  const bannerUrl = bannerSrc && !bannerError ? ipfsToHttp(bannerSrc) : null;\n  const avatarUrl = avatarSrc && !avatarError ? ipfsToHttp(avatarSrc) : null;\n\n  const displayName = creator.displayName || `@${creator.username}`;\n\n  return (\n    <a\n      href={href}\n      className=\"block shrink-0 w-64 snap-start active:scale-[0.97] transition-transform duration-150 select-none\"\n    >\n      <div className=\"relative aspect-[3/4] rounded-xl overflow-hidden bg-muted\">\n        {bannerUrl && (\n          <img\n            src={bannerUrl}\n            alt=\"\"\n            aria-hidden\n            loading=\"lazy\"\n            className=\"absolute inset-0 w-full h-full object-cover\"\n            onError={() => setBannerError(true)}\n          />\n        )}\n        <div className=\"absolute inset-0 bg-gradient-to-t from-black/80 via-black/10 to-transparent\" />\n        <div className=\"absolute bottom-0 inset-x-0 p-2.5 space-y-1.5\">\n          <div className=\"h-8 w-8 rounded-full ring-2 ring-white/20 overflow-hidden bg-muted flex items-center justify-center\">\n            {avatarUrl ? (\n              <img\n                src={avatarUrl}\n                alt={displayName ?? \"\"}\n                loading=\"lazy\"\n                className=\"h-full w-full object-cover\"\n                onError={() => setAvatarError(true)}\n              />\n            ) : (\n              <span className=\"text-xs font-black text-white/60\">\n                {(displayName ?? \"?\").charAt(0).toUpperCase()}\n              </span>\n            )}\n          </div>\n          <div>\n            <p className=\"font-bold text-white text-xs truncate\">{displayName}</p>\n            <p className=\"text-[10px] text-white/55 flex items-center gap-0.5\">\n              <AtSign className=\"h-2 w-2 shrink-0\" />\n              <span className=\"truncate\">{creator.username}</span>\n            </p>\n          </div>\n        </div>\n      </div>\n    </a>\n  );\n}\n\nexport function DiscoverCreatorsStrip({\n  creators,\n  isLoading,\n  getHref,\n  allCreatorsHref = \"/creators\",\n}: DiscoverCreatorsStripProps) {\n  if (!isLoading && creators.length === 0) return null;\n\n  return (\n    <FadeIn>\n      <div className=\"space-y-3\">\n        <div className=\"flex items-center justify-between\">\n          <div>\n            <p className=\"section-label\">Creator network</p>\n            <div className=\"flex items-center gap-2 mt-0.5\">\n              <Users className=\"h-4 w-4 text-brand-purple\" />\n              <h2 className=\"text-lg font-bold\">Creators</h2>\n            </div>\n          </div>\n          <a\n            href={allCreatorsHref}\n            className=\"inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground px-3 py-1.5 rounded-md hover:bg-accent transition-colors\"\n          >\n            View all <ArrowRight className=\"h-3.5 w-3.5\" />\n          </a>\n        </div>\n        <div className=\"overflow-x-auto scrollbar-hide snap-x snap-mandatory -mx-4 px-4 md:mx-0 md:px-0\">\n          <div className=\"flex gap-3 w-max pb-1\">\n            {isLoading\n              ? Array.from({ length: 6 }).map((_, i) => <CreatorChipSkeleton key={i} />)\n              : creators.map((c) => (\n                  <CreatorChip key={c.walletAddress} creator={c} href={getHref(c)} />\n                ))}\n          </div>\n        </div>\n      </div>\n    </FadeIn>\n  );\n}\n"],"mappings":";AAiBI,cAyDQ,YAzDR;AAfJ,SAAS,gBAAgB;AACzB,SAAS,OAAO,YAAY,cAAc;AAC1C,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAU3B,SAAS,sBAAsB;AAC7B,SACE,oBAAC,SAAI,WAAU,gEAA+D;AAElF;AAEA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AACF,GAGG;AACD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AACpD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAEpD,QAAM,YAAY,QAAQ,eAAe,QAAQ,mBAAmB;AACpE,QAAM,YAAY,QAAQ,eAAe,QAAQ,mBAAmB;AAEpE,QAAM,YAAY,aAAa,CAAC,cAAc,WAAW,SAAS,IAAI;AACtE,QAAM,YAAY,aAAa,CAAC,cAAc,WAAW,SAAS,IAAI;AAEtE,QAAM,cAAc,QAAQ,eAAe,IAAI,QAAQ,QAAQ;AAE/D,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAU;AAAA,MAEV,+BAAC,SAAI,WAAU,6DACZ;AAAA,qBACC;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,KAAI;AAAA,YACJ,eAAW;AAAA,YACX,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,SAAS,MAAM,eAAe,IAAI;AAAA;AAAA,QACpC;AAAA,QAEF,oBAAC,SAAI,WAAU,+EAA8E;AAAA,QAC7F,qBAAC,SAAI,WAAU,iDACb;AAAA,8BAAC,SAAI,WAAU,uGACZ,sBACC;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,KAAK,eAAe;AAAA,cACpB,SAAQ;AAAA,cACR,WAAU;AAAA,cACV,SAAS,MAAM,eAAe,IAAI;AAAA;AAAA,UACpC,IAEA,oBAAC,UAAK,WAAU,oCACZ,0BAAe,KAAK,OAAO,CAAC,EAAE,YAAY,GAC9C,GAEJ;AAAA,UACA,qBAAC,SACC;AAAA,gCAAC,OAAE,WAAU,yCAAyC,uBAAY;AAAA,YAClE,qBAAC,OAAE,WAAU,uDACX;AAAA,kCAAC,UAAO,WAAU,oBAAmB;AAAA,cACrC,oBAAC,UAAK,WAAU,YAAY,kBAAQ,UAAS;AAAA,eAC/C;AAAA,aACF;AAAA,WACF;AAAA,SACF;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AACpB,GAA+B;AAC7B,MAAI,CAAC,aAAa,SAAS,WAAW,EAAG,QAAO;AAEhD,SACE,oBAAC,UACC,+BAAC,SAAI,WAAU,aACb;AAAA,yBAAC,SAAI,WAAU,qCACb;AAAA,2BAAC,SACC;AAAA,4BAAC,OAAE,WAAU,iBAAgB,6BAAe;AAAA,QAC5C,qBAAC,SAAI,WAAU,kCACb;AAAA,8BAAC,SAAM,WAAU,6BAA4B;AAAA,UAC7C,oBAAC,QAAG,WAAU,qBAAoB,sBAAQ;AAAA,WAC5C;AAAA,SACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,WAAU;AAAA,UACX;AAAA;AAAA,YACU,oBAAC,cAAW,WAAU,eAAc;AAAA;AAAA;AAAA,MAC/C;AAAA,OACF;AAAA,IACA,oBAAC,SAAI,WAAU,mFACb,8BAAC,SAAI,WAAU,yBACZ,sBACG,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MAAM,oBAAC,yBAAyB,CAAG,CAAE,IACvE,SAAS,IAAI,CAAC,MACZ,oBAAC,eAAkC,SAAS,GAAG,MAAM,QAAQ,CAAC,KAA5C,EAAE,aAA6C,CAClE,GACP,GACF;AAAA,KACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/discover-creators-strip.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { Users, ArrowRight, AtSign } from \"lucide-react\";\nimport { FadeIn } from \"./motion-primitives.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport type { ApiCreatorProfile } from \"@medialane/sdk\";\n\nexport interface DiscoverCreatorsStripProps {\n  creators: ApiCreatorProfile[];\n  isLoading: boolean;\n  getHref: (creator: ApiCreatorProfile) => string;\n  allCreatorsHref?: string;\n  sectionLabel?: string;\n  title?: string;\n}\n\nfunction CreatorChipSkeleton() {\n  return (\n    <div className=\"shrink-0 w-64 aspect-[3/4] rounded-xl bg-muted animate-pulse\" />\n  );\n}\n\nfunction CreatorChip({\n  creator,\n  href,\n}: {\n  creator: ApiCreatorProfile;\n  href: string;\n}) {\n  const [avatarError, setAvatarError] = useState(false);\n  const [bannerError, setBannerError] = useState(false);\n\n  const bannerSrc = creator.bannerImage ?? null;\n  const avatarSrc = creator.avatarImage ?? creator.bannerImage ?? null;\n\n  const bannerUrl = bannerSrc && !bannerError ? ipfsToHttp(bannerSrc) : null;\n  const avatarUrl = avatarSrc && !avatarError ? ipfsToHttp(avatarSrc) : null;\n\n  const displayName = creator.displayName || `@${creator.username}`;\n\n  return (\n    <a\n      href={href}\n      className=\"block shrink-0 w-64 snap-start active:scale-[0.97] transition-transform duration-150 select-none\"\n    >\n      <div className=\"relative aspect-[3/4] rounded-xl overflow-hidden bg-muted\">\n        {bannerUrl && (\n          <img\n            src={bannerUrl}\n            alt=\"\"\n            aria-hidden\n            loading=\"lazy\"\n            className=\"absolute inset-0 w-full h-full object-cover\"\n            onError={() => setBannerError(true)}\n          />\n        )}\n        <div className=\"absolute inset-0 bg-gradient-to-t from-black/80 via-black/10 to-transparent\" />\n        <div className=\"absolute bottom-0 inset-x-0 p-2.5 space-y-1.5\">\n          <div className=\"h-8 w-8 rounded-full ring-2 ring-white/20 overflow-hidden bg-muted flex items-center justify-center\">\n            {avatarUrl ? (\n              <img\n                src={avatarUrl}\n                alt={displayName ?? \"\"}\n                loading=\"lazy\"\n                className=\"h-full w-full object-cover\"\n                onError={() => setAvatarError(true)}\n              />\n            ) : (\n              <span className=\"text-xs font-black text-white/60\">\n                {(displayName ?? \"?\").charAt(0).toUpperCase()}\n              </span>\n            )}\n          </div>\n          <div>\n            <p className=\"font-bold text-white text-xs truncate\">{displayName}</p>\n            <p className=\"text-[10px] text-white/55 flex items-center gap-0.5\">\n              <AtSign className=\"h-2 w-2 shrink-0\" />\n              <span className=\"truncate\">{creator.username}</span>\n            </p>\n          </div>\n        </div>\n      </div>\n    </a>\n  );\n}\n\nexport function DiscoverCreatorsStrip({\n  creators,\n  isLoading,\n  getHref,\n  allCreatorsHref = \"/creators\",\n  sectionLabel = \"Creator network\",\n  title = \"Creators\",\n}: DiscoverCreatorsStripProps) {\n  if (!isLoading && creators.length === 0) return null;\n\n  return (\n    <FadeIn>\n      <div className=\"space-y-3\">\n        <div className=\"flex items-center justify-between\">\n          <div>\n            <p className=\"section-label\">{sectionLabel}</p>\n            <div className=\"flex items-center gap-2 mt-0.5\">\n              <Users className=\"h-4 w-4 text-brand-purple\" />\n              <h2 className=\"text-lg font-bold\">{title}</h2>\n            </div>\n          </div>\n          <a\n            href={allCreatorsHref}\n            className=\"inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground px-3 py-1.5 rounded-md hover:bg-accent transition-colors\"\n          >\n            View all <ArrowRight className=\"h-3.5 w-3.5\" />\n          </a>\n        </div>\n        <div className=\"overflow-x-auto scrollbar-hide snap-x snap-mandatory -mx-4 px-4 md:mx-0 md:px-0\">\n          <div className=\"flex gap-3 w-max pb-1\">\n            {isLoading\n              ? Array.from({ length: 6 }).map((_, i) => <CreatorChipSkeleton key={i} />)\n              : creators.map((c) => (\n                  <CreatorChip key={c.walletAddress} creator={c} href={getHref(c)} />\n                ))}\n          </div>\n        </div>\n      </div>\n    </FadeIn>\n  );\n}\n"],"mappings":";AAmBI,cAyDQ,YAzDR;AAjBJ,SAAS,gBAAgB;AACzB,SAAS,OAAO,YAAY,cAAc;AAC1C,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAY3B,SAAS,sBAAsB;AAC7B,SACE,oBAAC,SAAI,WAAU,gEAA+D;AAElF;AAEA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AACF,GAGG;AACD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AACpD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAEpD,QAAM,YAAY,QAAQ,eAAe;AACzC,QAAM,YAAY,QAAQ,eAAe,QAAQ,eAAe;AAEhE,QAAM,YAAY,aAAa,CAAC,cAAc,WAAW,SAAS,IAAI;AACtE,QAAM,YAAY,aAAa,CAAC,cAAc,WAAW,SAAS,IAAI;AAEtE,QAAM,cAAc,QAAQ,eAAe,IAAI,QAAQ,QAAQ;AAE/D,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAU;AAAA,MAEV,+BAAC,SAAI,WAAU,6DACZ;AAAA,qBACC;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,KAAI;AAAA,YACJ,eAAW;AAAA,YACX,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,SAAS,MAAM,eAAe,IAAI;AAAA;AAAA,QACpC;AAAA,QAEF,oBAAC,SAAI,WAAU,+EAA8E;AAAA,QAC7F,qBAAC,SAAI,WAAU,iDACb;AAAA,8BAAC,SAAI,WAAU,uGACZ,sBACC;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,KAAK,eAAe;AAAA,cACpB,SAAQ;AAAA,cACR,WAAU;AAAA,cACV,SAAS,MAAM,eAAe,IAAI;AAAA;AAAA,UACpC,IAEA,oBAAC,UAAK,WAAU,oCACZ,0BAAe,KAAK,OAAO,CAAC,EAAE,YAAY,GAC9C,GAEJ;AAAA,UACA,qBAAC,SACC;AAAA,gCAAC,OAAE,WAAU,yCAAyC,uBAAY;AAAA,YAClE,qBAAC,OAAE,WAAU,uDACX;AAAA,kCAAC,UAAO,WAAU,oBAAmB;AAAA,cACrC,oBAAC,UAAK,WAAU,YAAY,kBAAQ,UAAS;AAAA,eAC/C;AAAA,aACF;AAAA,WACF;AAAA,SACF;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,QAAQ;AACV,GAA+B;AAC7B,MAAI,CAAC,aAAa,SAAS,WAAW,EAAG,QAAO;AAEhD,SACE,oBAAC,UACC,+BAAC,SAAI,WAAU,aACb;AAAA,yBAAC,SAAI,WAAU,qCACb;AAAA,2BAAC,SACC;AAAA,4BAAC,OAAE,WAAU,iBAAiB,wBAAa;AAAA,QAC3C,qBAAC,SAAI,WAAU,kCACb;AAAA,8BAAC,SAAM,WAAU,6BAA4B;AAAA,UAC7C,oBAAC,QAAG,WAAU,qBAAqB,iBAAM;AAAA,WAC3C;AAAA,SACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,WAAU;AAAA,UACX;AAAA;AAAA,YACU,oBAAC,cAAW,WAAU,eAAc;AAAA;AAAA;AAAA,MAC/C;AAAA,OACF;AAAA,IACA,oBAAC,SAAI,WAAU,mFACb,8BAAC,SAAI,WAAU,yBACZ,sBACG,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MAAM,oBAAC,yBAAyB,CAAG,CAAE,IACvE,SAAS,IAAI,CAAC,MACZ,oBAAC,eAAkC,SAAS,GAAG,MAAM,QAAQ,CAAC,KAA5C,EAAE,aAA6C,CAClE,GACP,GACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/components/discover-hero.cjs

@@ -30,7 +30,8 @@ function DiscoverHero({
   stats,
   orders,
   badgeText = "Creative Works",
-  headlineText = "Create, share & explore"
+  headlineText = "Create, share & explore",
+  getTickerHref
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-6 pt-2 pb-6 border-b border-border/50", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -77,7 +78,7 @@ function DiscoverHero({
         ))
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_activity_ticker.ActivityTicker, { orders })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_activity_ticker.ActivityTicker, { orders, getHref: getTickerHref })
   ] });
 }
 // Annotate the CommonJS export names for ESM import in node:

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

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

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

@@ -10,7 +10,8 @@ interface DiscoverHeroProps {
     orders: ApiOrder[];
     badgeText?: string;
     headlineText?: string;
+    getTickerHref?: (order: ApiOrder) => string;
 }
-declare function DiscoverHero({ stats, orders, badgeText, headlineText, }: DiscoverHeroProps): react_jsx_runtime.JSX.Element;
+declare function DiscoverHero({ stats, orders, badgeText, headlineText, getTickerHref, }: DiscoverHeroProps): react_jsx_runtime.JSX.Element;
 
 export { DiscoverHero, type DiscoverHeroProps };

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

@@ -10,7 +10,8 @@ interface DiscoverHeroProps {
     orders: ApiOrder[];
     badgeText?: string;
     headlineText?: string;
+    getTickerHref?: (order: ApiOrder) => string;
 }
-declare function DiscoverHero({ stats, orders, badgeText, headlineText, }: DiscoverHeroProps): react_jsx_runtime.JSX.Element;
+declare function DiscoverHero({ stats, orders, badgeText, headlineText, getTickerHref, }: DiscoverHeroProps): react_jsx_runtime.JSX.Element;
 
 export { DiscoverHero, type DiscoverHeroProps };

package/dist/components/discover-hero.js

@@ -7,7 +7,8 @@ function DiscoverHero({
   stats,
   orders,
   badgeText = "Creative Works",
-  headlineText = "Create, share & explore"
+  headlineText = "Create, share & explore",
+  getTickerHref
 }) {
   return /* @__PURE__ */ jsxs("div", { className: "space-y-6 pt-2 pb-6 border-b border-border/50", children: [
     /* @__PURE__ */ jsx(
@@ -54,7 +55,7 @@ function DiscoverHero({
         ))
       }
     ),
-    /* @__PURE__ */ jsx(ActivityTicker, { orders })
+    /* @__PURE__ */ jsx(ActivityTicker, { orders, getHref: getTickerHref })
   ] });
 }
 export {

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

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

package/dist/components/hero-slider.cjs

@@ -39,6 +39,7 @@ var import_link = __toESM(require("next/link"), 1);
 var import_image = __toESM(require("next/image"), 1);
 var import_lucide_react = require("lucide-react");
 var import_cn = require("../utils/cn.js");
+var import_ipfs = require("../utils/ipfs.js");
 function formatFloorPrice(price) {
   if (!price) return "";
   const n = parseFloat(price);
@@ -47,25 +48,20 @@ function formatFloorPrice(price) {
   if (n >= 1) return n.toFixed(2);
   return n.toPrecision(3);
 }
-function ipfsToHttp(uri) {
-  if (!uri) return "";
-  if (uri.startsWith("ipfs://")) return uri.replace("ipfs://", "https://gateway.pinata.cloud/ipfs/");
-  return uri;
-}
-function HeroPlaceholder() {
+function HeroPlaceholder({ hrefs }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "absolute inset-0 bg-gradient-to-br from-brand-purple/30 via-brand-blue/20 to-brand-navy/50 flex flex-col items-center justify-center gap-4 text-center px-6 overflow-hidden", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute aurora-purple w-[600px] h-[600px] opacity-20 -top-24 -left-24" }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute aurora-blue w-[400px] h-[400px] opacity-15 -bottom-16 -right-16" }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-4xl sm:text-6xl font-black gradient-text relative z-10", children: "Medialane" }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground text-lg relative z-10 max-w-md", children: "New monetization revenues for creative works" }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex gap-3 relative z-10", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: "/marketplace", className: "inline-flex items-center justify-center rounded-[11px] bg-brand-blue px-4 py-2 text-sm font-semibold text-white hover:brightness-110 active:scale-[0.98] transition-all", children: "Markets" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: "/create/asset", className: "inline-flex items-center justify-center rounded-[11px] border border-white/20 bg-background/20 backdrop-blur-sm px-4 py-2 text-sm font-semibold text-white hover:bg-white/10 transition-all", children: "Create" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: hrefs.markets, className: "inline-flex items-center justify-center rounded-[11px] bg-brand-blue px-4 py-2 text-sm font-semibold text-white hover:brightness-110 active:scale-[0.98] transition-all", children: "Markets" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: hrefs.create, className: "inline-flex items-center justify-center rounded-[11px] border border-white/20 bg-background/20 backdrop-blur-sm px-4 py-2 text-sm font-semibold text-white hover:bg-white/10 transition-all", children: "Create" })
     ] })
   ] });
 }
 function HeroSlide({ collection, active, getHref }) {
-  const imageUrl = collection.image ? ipfsToHttp(collection.image) : null;
+  const imageUrl = collection.image ? (0, import_ipfs.ipfsToHttp)(collection.image) : null;
   const name = collection.name ?? "Collection";
   const floor = collection.floorPrice;
   const supply = collection.totalSupply;
@@ -101,7 +97,8 @@ function HeroSlide({ collection, active, getHref }) {
 function HeroSliderSkeleton() {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", { className: "relative w-full h-[78vw] min-h-[420px] max-h-[768px] sm:h-[72vh] sm:max-h-[816px] bg-muted animate-pulse" });
 }
-function HeroSlider({ collections, isLoading, getHref }) {
+function HeroSlider({ collections, isLoading, getHref, placeholderHrefs = {} }) {
+  const hrefs = { markets: "/marketplace", create: "/create/asset", ...placeholderHrefs };
   const [current, setCurrent] = (0, import_react.useState)(0);
   const count = collections.length;
   const next = (0, import_react.useCallback)(() => {
@@ -116,7 +113,7 @@ function HeroSlider({ collections, isLoading, getHref }) {
     return () => clearInterval(id);
   }, [count, next]);
   if (isLoading) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HeroSliderSkeleton, {});
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", { className: "relative w-full h-[78vw] min-h-[420px] max-h-[768px] sm:h-[72vh] sm:max-h-[816px] overflow-hidden bg-muted", children: count === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HeroPlaceholder, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", { className: "relative w-full h-[78vw] min-h-[420px] max-h-[768px] sm:h-[72vh] sm:max-h-[816px] overflow-hidden bg-muted", children: count === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HeroPlaceholder, { hrefs }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
     collections.map((col, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HeroSlide, { collection: col, active: i === current, getHref }, col.contractAddress)),
     count > 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { onClick: prev, "aria-label": "Previous slide", className: "absolute left-3 top-1/2 -translate-y-1/2 z-10 h-9 w-9 rounded-full bg-black/40 hover:bg-black/60 backdrop-blur-sm flex items-center justify-center transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronLeft, { className: "h-5 w-5 text-white" }) }),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/hero-slider.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useEffect, useCallback } from \"react\";\nimport Link from \"next/link\";\nimport Image from \"next/image\";\nimport { ChevronLeft, ChevronRight, ArrowRight } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport type { ApiCollection } from \"@medialane/sdk\";\n\nexport interface HeroSliderProps {\n  collections: ApiCollection[];\n  isLoading: boolean;\n  getHref: (collection: ApiCollection) => string;\n}\n\nfunction formatFloorPrice(price: string | null | undefined): string {\n  if (!price) return \"\";\n  const n = parseFloat(price);\n  if (isNaN(n)) return price;\n  if (n >= 1000) return `${(n / 1000).toFixed(1)}K`;\n  if (n >= 1) return n.toFixed(2);\n  return n.toPrecision(3);\n}\n\nfunction ipfsToHttp(uri: string): string {\n  if (!uri) return \"\";\n  if (uri.startsWith(\"ipfs://\")) return uri.replace(\"ipfs://\", \"https://gateway.pinata.cloud/ipfs/\");\n  return uri;\n}\n\nfunction HeroPlaceholder() {\n  return (\n    <div className=\"absolute inset-0 bg-gradient-to-br from-brand-purple/30 via-brand-blue/20 to-brand-navy/50 flex flex-col items-center justify-center gap-4 text-center px-6 overflow-hidden\">\n      <div className=\"absolute aurora-purple w-[600px] h-[600px] opacity-20 -top-24 -left-24\" />\n      <div className=\"absolute aurora-blue w-[400px] h-[400px] opacity-15 -bottom-16 -right-16\" />\n      <h2 className=\"text-4xl sm:text-6xl font-black gradient-text relative z-10\">Medialane</h2>\n      <p className=\"text-muted-foreground text-lg relative z-10 max-w-md\">\n        New monetization revenues for creative works\n      </p>\n      <div className=\"flex gap-3 relative z-10\">\n        <Link href=\"/marketplace\" className=\"inline-flex items-center justify-center rounded-[11px] bg-brand-blue px-4 py-2 text-sm font-semibold text-white hover:brightness-110 active:scale-[0.98] transition-all\">\n          Markets\n        </Link>\n        <Link href=\"/create/asset\" className=\"inline-flex items-center justify-center rounded-[11px] border border-white/20 bg-background/20 backdrop-blur-sm px-4 py-2 text-sm font-semibold text-white hover:bg-white/10 transition-all\">\n          Create\n        </Link>\n      </div>\n    </div>\n  );\n}\n\nfunction HeroSlide({ collection, active, getHref }: { collection: ApiCollection; active: boolean; getHref: (col: ApiCollection) => string }) {\n  const imageUrl = collection.image ? ipfsToHttp(collection.image) : null;\n  const name = collection.name ?? \"Collection\";\n  const floor = collection.floorPrice;\n  const supply = collection.totalSupply;\n\n  return (\n    <div className={cn(\"absolute inset-0 transition-opacity duration-700\", active ? \"opacity-100\" : \"opacity-0 pointer-events-none\")}>\n      {imageUrl ? (\n        <div className=\"absolute inset-0 overflow-hidden\">\n          <div className=\"animate-kenburns absolute inset-0\">\n            <Image src={imageUrl} alt={name} fill className=\"object-cover\" priority={active} unoptimized />\n          </div>\n        </div>\n      ) : (\n        <div className=\"absolute inset-0 bg-gradient-to-br from-brand-purple/40 via-brand-blue/20 to-brand-navy/60\" />\n      )}\n      <div className=\"absolute inset-0 bg-gradient-to-t from-black/40 via-black/30 to-black/0\" />\n      <div className=\"absolute bottom-0 left-0 right-0 p-6 sm:p-10 flex flex-col gap-3\">\n        <h2 className=\"text-4xl lg:text-5xl font-semibold text-white leading-tight\">{name}</h2>\n        <div className=\"flex items-center gap-4 text-sm text-white/70\">\n          {supply != null && <span>{supply.toLocaleString()} items</span>}\n          {floor && <span className=\"text-white font-semibold\">Floor {formatFloorPrice(floor)}</span>}\n        </div>\n        <Link\n          href={getHref(collection)}\n          className=\"self-start mt-2 inline-flex items-center gap-1.5 bg-white text-black hover:bg-white/90 font-semibold px-4 py-2 rounded-[11px] text-sm transition-all active:scale-[0.98]\"\n        >\n          View Collection <ArrowRight className=\"h-4 w-4\" />\n        </Link>\n      </div>\n    </div>\n  );\n}\n\nexport function HeroSliderSkeleton() {\n  return <section className=\"relative w-full h-[78vw] min-h-[420px] max-h-[768px] sm:h-[72vh] sm:max-h-[816px] bg-muted animate-pulse\" />;\n}\n\nexport function HeroSlider({ collections, isLoading, getHref }: HeroSliderProps) {\n  const [current, setCurrent] = useState(0);\n  const count = collections.length;\n\n  const next = useCallback(() => { if (count > 1) setCurrent((c) => (c + 1) % count); }, [count]);\n  const prev = useCallback(() => { if (count > 1) setCurrent((c) => (c - 1 + count) % count); }, [count]);\n\n  useEffect(() => {\n    if (count <= 1) return;\n    const id = setInterval(next, 7000);\n    return () => clearInterval(id);\n  }, [count, next]);\n\n  if (isLoading) return <HeroSliderSkeleton />;\n\n  return (\n    <section className=\"relative w-full h-[78vw] min-h-[420px] max-h-[768px] sm:h-[72vh] sm:max-h-[816px] overflow-hidden bg-muted\">\n      {count === 0 ? (\n        <HeroPlaceholder />\n      ) : (\n        <>\n          {collections.map((col, i) => (\n            <HeroSlide key={col.contractAddress} collection={col} active={i === current} getHref={getHref} />\n          ))}\n          {count > 1 && (\n            <>\n              <button onClick={prev} aria-label=\"Previous slide\" className=\"absolute left-3 top-1/2 -translate-y-1/2 z-10 h-9 w-9 rounded-full bg-black/40 hover:bg-black/60 backdrop-blur-sm flex items-center justify-center transition-colors\">\n                <ChevronLeft className=\"h-5 w-5 text-white\" />\n              </button>\n              <button onClick={next} aria-label=\"Next slide\" className=\"absolute right-3 top-1/2 -translate-y-1/2 z-10 h-9 w-9 rounded-full bg-black/40 hover:bg-black/60 backdrop-blur-sm flex items-center justify-center transition-colors\">\n                <ChevronRight className=\"h-5 w-5 text-white\" />\n              </button>\n              <div className=\"absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-1.5 z-10\">\n                {collections.map((_, i) => (\n                  <button key={i} onClick={() => setCurrent(i)} aria-label={`Go to slide ${i + 1}`} className={cn(\"h-1.5 rounded-full transition-all\", i === current ? \"w-6 bg-white\" : \"w-1.5 bg-white/40\")} />\n                ))}\n              </div>\n            </>\n          )}\n        </>\n      )}\n    </section>\n  );\n}\n"],"mappings":"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","names":["Link","Image"]}
+{"version":3,"sources":["../../src/components/hero-slider.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useEffect, useCallback } from \"react\";\nimport Link from \"next/link\";\nimport Image from \"next/image\";\nimport { ChevronLeft, ChevronRight, ArrowRight } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport type { ApiCollection } from \"@medialane/sdk\";\n\nexport interface HeroSliderProps {\n  collections: ApiCollection[];\n  isLoading: boolean;\n  getHref: (collection: ApiCollection) => string;\n  /** Optional placeholder CTA hrefs — defaults to \"/marketplace\" and \"/create/asset\" */\n  placeholderHrefs?: { markets?: string; create?: string };\n}\n\nfunction formatFloorPrice(price: string | null | undefined): string {\n  if (!price) return \"\";\n  const n = parseFloat(price);\n  if (isNaN(n)) return price;\n  if (n >= 1000) return `${(n / 1000).toFixed(1)}K`;\n  if (n >= 1) return n.toFixed(2);\n  return n.toPrecision(3);\n}\n\nfunction HeroPlaceholder({ hrefs }: { hrefs: Required<HeroSliderProps>[\"placeholderHrefs\"] }) {\n  return (\n    <div className=\"absolute inset-0 bg-gradient-to-br from-brand-purple/30 via-brand-blue/20 to-brand-navy/50 flex flex-col items-center justify-center gap-4 text-center px-6 overflow-hidden\">\n      <div className=\"absolute aurora-purple w-[600px] h-[600px] opacity-20 -top-24 -left-24\" />\n      <div className=\"absolute aurora-blue w-[400px] h-[400px] opacity-15 -bottom-16 -right-16\" />\n      <h2 className=\"text-4xl sm:text-6xl font-black gradient-text relative z-10\">Medialane</h2>\n      <p className=\"text-muted-foreground text-lg relative z-10 max-w-md\">\n        New monetization revenues for creative works\n      </p>\n      <div className=\"flex gap-3 relative z-10\">\n        <Link href={hrefs.markets!} className=\"inline-flex items-center justify-center rounded-[11px] bg-brand-blue px-4 py-2 text-sm font-semibold text-white hover:brightness-110 active:scale-[0.98] transition-all\">\n          Markets\n        </Link>\n        <Link href={hrefs.create!} className=\"inline-flex items-center justify-center rounded-[11px] border border-white/20 bg-background/20 backdrop-blur-sm px-4 py-2 text-sm font-semibold text-white hover:bg-white/10 transition-all\">\n          Create\n        </Link>\n      </div>\n    </div>\n  );\n}\n\nfunction HeroSlide({ collection, active, getHref }: { collection: ApiCollection; active: boolean; getHref: (col: ApiCollection) => string }) {\n  const imageUrl = collection.image ? ipfsToHttp(collection.image) : null;\n  const name = collection.name ?? \"Collection\";\n  const floor = collection.floorPrice;\n  const supply = collection.totalSupply;\n\n  return (\n    <div className={cn(\"absolute inset-0 transition-opacity duration-700\", active ? \"opacity-100\" : \"opacity-0 pointer-events-none\")}>\n      {imageUrl ? (\n        <div className=\"absolute inset-0 overflow-hidden\">\n          <div className=\"animate-kenburns absolute inset-0\">\n            <Image src={imageUrl} alt={name} fill className=\"object-cover\" priority={active} unoptimized />\n          </div>\n        </div>\n      ) : (\n        <div className=\"absolute inset-0 bg-gradient-to-br from-brand-purple/40 via-brand-blue/20 to-brand-navy/60\" />\n      )}\n      <div className=\"absolute inset-0 bg-gradient-to-t from-black/40 via-black/30 to-black/0\" />\n      <div className=\"absolute bottom-0 left-0 right-0 p-6 sm:p-10 flex flex-col gap-3\">\n        <h2 className=\"text-4xl lg:text-5xl font-semibold text-white leading-tight\">{name}</h2>\n        <div className=\"flex items-center gap-4 text-sm text-white/70\">\n          {supply != null && <span>{supply.toLocaleString()} items</span>}\n          {floor && <span className=\"text-white font-semibold\">Floor {formatFloorPrice(floor)}</span>}\n        </div>\n        <Link\n          href={getHref(collection)}\n          className=\"self-start mt-2 inline-flex items-center gap-1.5 bg-white text-black hover:bg-white/90 font-semibold px-4 py-2 rounded-[11px] text-sm transition-all active:scale-[0.98]\"\n        >\n          View Collection <ArrowRight className=\"h-4 w-4\" />\n        </Link>\n      </div>\n    </div>\n  );\n}\n\nexport function HeroSliderSkeleton() {\n  return <section className=\"relative w-full h-[78vw] min-h-[420px] max-h-[768px] sm:h-[72vh] sm:max-h-[816px] bg-muted animate-pulse\" />;\n}\n\nexport function HeroSlider({ collections, isLoading, getHref, placeholderHrefs = {} }: HeroSliderProps) {\n  const hrefs = { markets: \"/marketplace\", create: \"/create/asset\", ...placeholderHrefs };\n  const [current, setCurrent] = useState(0);\n  const count = collections.length;\n\n  const next = useCallback(() => { if (count > 1) setCurrent((c) => (c + 1) % count); }, [count]);\n  const prev = useCallback(() => { if (count > 1) setCurrent((c) => (c - 1 + count) % count); }, [count]);\n\n  useEffect(() => {\n    if (count <= 1) return;\n    const id = setInterval(next, 7000);\n    return () => clearInterval(id);\n  }, [count, next]);\n\n  if (isLoading) return <HeroSliderSkeleton />;\n\n  return (\n    <section className=\"relative w-full h-[78vw] min-h-[420px] max-h-[768px] sm:h-[72vh] sm:max-h-[816px] overflow-hidden bg-muted\">\n      {count === 0 ? (\n        <HeroPlaceholder hrefs={hrefs} />\n      ) : (\n        <>\n          {collections.map((col, i) => (\n            <HeroSlide key={col.contractAddress} collection={col} active={i === current} getHref={getHref} />\n          ))}\n          {count > 1 && (\n            <>\n              <button onClick={prev} aria-label=\"Previous slide\" className=\"absolute left-3 top-1/2 -translate-y-1/2 z-10 h-9 w-9 rounded-full bg-black/40 hover:bg-black/60 backdrop-blur-sm flex items-center justify-center transition-colors\">\n                <ChevronLeft className=\"h-5 w-5 text-white\" />\n              </button>\n              <button onClick={next} aria-label=\"Next slide\" className=\"absolute right-3 top-1/2 -translate-y-1/2 z-10 h-9 w-9 rounded-full bg-black/40 hover:bg-black/60 backdrop-blur-sm flex items-center justify-center transition-colors\">\n                <ChevronRight className=\"h-5 w-5 text-white\" />\n              </button>\n              <div className=\"absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-1.5 z-10\">\n                {collections.map((_, i) => (\n                  <button key={i} onClick={() => setCurrent(i)} aria-label={`Go to slide ${i + 1}`} className={cn(\"h-1.5 rounded-full transition-all\", i === current ? \"w-6 bg-white\" : \"w-1.5 bg-white/40\")} />\n                ))}\n              </div>\n            </>\n          )}\n        </>\n      )}\n    </section>\n  );\n}\n"],"mappings":"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","names":["Link","Image"]}

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

@@ -5,8 +5,13 @@ interface HeroSliderProps {
     collections: ApiCollection[];
     isLoading: boolean;
     getHref: (collection: ApiCollection) => string;
+    /** Optional placeholder CTA hrefs — defaults to "/marketplace" and "/create/asset" */
+    placeholderHrefs?: {
+        markets?: string;
+        create?: string;
+    };
 }
 declare function HeroSliderSkeleton(): react_jsx_runtime.JSX.Element;
-declare function HeroSlider({ collections, isLoading, getHref }: HeroSliderProps): react_jsx_runtime.JSX.Element;
+declare function HeroSlider({ collections, isLoading, getHref, placeholderHrefs }: HeroSliderProps): react_jsx_runtime.JSX.Element;
 
 export { HeroSlider, type HeroSliderProps, HeroSliderSkeleton };

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

@@ -5,8 +5,13 @@ interface HeroSliderProps {
     collections: ApiCollection[];
     isLoading: boolean;
     getHref: (collection: ApiCollection) => string;
+    /** Optional placeholder CTA hrefs — defaults to "/marketplace" and "/create/asset" */
+    placeholderHrefs?: {
+        markets?: string;
+        create?: string;
+    };
 }
 declare function HeroSliderSkeleton(): react_jsx_runtime.JSX.Element;
-declare function HeroSlider({ collections, isLoading, getHref }: HeroSliderProps): react_jsx_runtime.JSX.Element;
+declare function HeroSlider({ collections, isLoading, getHref, placeholderHrefs }: HeroSliderProps): react_jsx_runtime.JSX.Element;
 
 export { HeroSlider, type HeroSliderProps, HeroSliderSkeleton };

package/dist/components/hero-slider.js

@@ -5,6 +5,7 @@ import Link from "next/link";
 import Image from "next/image";
 import { ChevronLeft, ChevronRight, ArrowRight } from "lucide-react";
 import { cn } from "../utils/cn.js";
+import { ipfsToHttp } from "../utils/ipfs.js";
 function formatFloorPrice(price) {
   if (!price) return "";
   const n = parseFloat(price);
@@ -13,20 +14,15 @@ function formatFloorPrice(price) {
   if (n >= 1) return n.toFixed(2);
   return n.toPrecision(3);
 }
-function ipfsToHttp(uri) {
-  if (!uri) return "";
-  if (uri.startsWith("ipfs://")) return uri.replace("ipfs://", "https://gateway.pinata.cloud/ipfs/");
-  return uri;
-}
-function HeroPlaceholder() {
+function HeroPlaceholder({ hrefs }) {
   return /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 bg-gradient-to-br from-brand-purple/30 via-brand-blue/20 to-brand-navy/50 flex flex-col items-center justify-center gap-4 text-center px-6 overflow-hidden", children: [
     /* @__PURE__ */ jsx("div", { className: "absolute aurora-purple w-[600px] h-[600px] opacity-20 -top-24 -left-24" }),
     /* @__PURE__ */ jsx("div", { className: "absolute aurora-blue w-[400px] h-[400px] opacity-15 -bottom-16 -right-16" }),
     /* @__PURE__ */ jsx("h2", { className: "text-4xl sm:text-6xl font-black gradient-text relative z-10", children: "Medialane" }),
     /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-lg relative z-10 max-w-md", children: "New monetization revenues for creative works" }),
     /* @__PURE__ */ jsxs("div", { className: "flex gap-3 relative z-10", children: [
-      /* @__PURE__ */ jsx(Link, { href: "/marketplace", className: "inline-flex items-center justify-center rounded-[11px] bg-brand-blue px-4 py-2 text-sm font-semibold text-white hover:brightness-110 active:scale-[0.98] transition-all", children: "Markets" }),
-      /* @__PURE__ */ jsx(Link, { href: "/create/asset", className: "inline-flex items-center justify-center rounded-[11px] border border-white/20 bg-background/20 backdrop-blur-sm px-4 py-2 text-sm font-semibold text-white hover:bg-white/10 transition-all", children: "Create" })
+      /* @__PURE__ */ jsx(Link, { href: hrefs.markets, className: "inline-flex items-center justify-center rounded-[11px] bg-brand-blue px-4 py-2 text-sm font-semibold text-white hover:brightness-110 active:scale-[0.98] transition-all", children: "Markets" }),
+      /* @__PURE__ */ jsx(Link, { href: hrefs.create, className: "inline-flex items-center justify-center rounded-[11px] border border-white/20 bg-background/20 backdrop-blur-sm px-4 py-2 text-sm font-semibold text-white hover:bg-white/10 transition-all", children: "Create" })
     ] })
   ] });
 }
@@ -67,7 +63,8 @@ function HeroSlide({ collection, active, getHref }) {
 function HeroSliderSkeleton() {
   return /* @__PURE__ */ jsx("section", { className: "relative w-full h-[78vw] min-h-[420px] max-h-[768px] sm:h-[72vh] sm:max-h-[816px] bg-muted animate-pulse" });
 }
-function HeroSlider({ collections, isLoading, getHref }) {
+function HeroSlider({ collections, isLoading, getHref, placeholderHrefs = {} }) {
+  const hrefs = { markets: "/marketplace", create: "/create/asset", ...placeholderHrefs };
   const [current, setCurrent] = useState(0);
   const count = collections.length;
   const next = useCallback(() => {
@@ -82,7 +79,7 @@ function HeroSlider({ collections, isLoading, getHref }) {
     return () => clearInterval(id);
   }, [count, next]);
   if (isLoading) return /* @__PURE__ */ jsx(HeroSliderSkeleton, {});
-  return /* @__PURE__ */ jsx("section", { className: "relative w-full h-[78vw] min-h-[420px] max-h-[768px] sm:h-[72vh] sm:max-h-[816px] overflow-hidden bg-muted", children: count === 0 ? /* @__PURE__ */ jsx(HeroPlaceholder, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsx("section", { className: "relative w-full h-[78vw] min-h-[420px] max-h-[768px] sm:h-[72vh] sm:max-h-[816px] overflow-hidden bg-muted", children: count === 0 ? /* @__PURE__ */ jsx(HeroPlaceholder, { hrefs }) : /* @__PURE__ */ jsxs(Fragment, { children: [
     collections.map((col, i) => /* @__PURE__ */ jsx(HeroSlide, { collection: col, active: i === current, getHref }, col.contractAddress)),
     count > 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("button", { onClick: prev, "aria-label": "Previous slide", className: "absolute left-3 top-1/2 -translate-y-1/2 z-10 h-9 w-9 rounded-full bg-black/40 hover:bg-black/60 backdrop-blur-sm flex items-center justify-center transition-colors", children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-5 w-5 text-white" }) }),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/hero-slider.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useEffect, useCallback } from \"react\";\nimport Link from \"next/link\";\nimport Image from \"next/image\";\nimport { ChevronLeft, ChevronRight, ArrowRight } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport type { ApiCollection } from \"@medialane/sdk\";\n\nexport interface HeroSliderProps {\n  collections: ApiCollection[];\n  isLoading: boolean;\n  getHref: (collection: ApiCollection) => string;\n}\n\nfunction formatFloorPrice(price: string | null | undefined): string {\n  if (!price) return \"\";\n  const n = parseFloat(price);\n  if (isNaN(n)) return price;\n  if (n >= 1000) return `${(n / 1000).toFixed(1)}K`;\n  if (n >= 1) return n.toFixed(2);\n  return n.toPrecision(3);\n}\n\nfunction ipfsToHttp(uri: string): string {\n  if (!uri) return \"\";\n  if (uri.startsWith(\"ipfs://\")) return uri.replace(\"ipfs://\", \"https://gateway.pinata.cloud/ipfs/\");\n  return uri;\n}\n\nfunction HeroPlaceholder() {\n  return (\n    <div className=\"absolute inset-0 bg-gradient-to-br from-brand-purple/30 via-brand-blue/20 to-brand-navy/50 flex flex-col items-center justify-center gap-4 text-center px-6 overflow-hidden\">\n      <div className=\"absolute aurora-purple w-[600px] h-[600px] opacity-20 -top-24 -left-24\" />\n      <div className=\"absolute aurora-blue w-[400px] h-[400px] opacity-15 -bottom-16 -right-16\" />\n      <h2 className=\"text-4xl sm:text-6xl font-black gradient-text relative z-10\">Medialane</h2>\n      <p className=\"text-muted-foreground text-lg relative z-10 max-w-md\">\n        New monetization revenues for creative works\n      </p>\n      <div className=\"flex gap-3 relative z-10\">\n        <Link href=\"/marketplace\" className=\"inline-flex items-center justify-center rounded-[11px] bg-brand-blue px-4 py-2 text-sm font-semibold text-white hover:brightness-110 active:scale-[0.98] transition-all\">\n          Markets\n        </Link>\n        <Link href=\"/create/asset\" className=\"inline-flex items-center justify-center rounded-[11px] border border-white/20 bg-background/20 backdrop-blur-sm px-4 py-2 text-sm font-semibold text-white hover:bg-white/10 transition-all\">\n          Create\n        </Link>\n      </div>\n    </div>\n  );\n}\n\nfunction HeroSlide({ collection, active, getHref }: { collection: ApiCollection; active: boolean; getHref: (col: ApiCollection) => string }) {\n  const imageUrl = collection.image ? ipfsToHttp(collection.image) : null;\n  const name = collection.name ?? \"Collection\";\n  const floor = collection.floorPrice;\n  const supply = collection.totalSupply;\n\n  return (\n    <div className={cn(\"absolute inset-0 transition-opacity duration-700\", active ? \"opacity-100\" : \"opacity-0 pointer-events-none\")}>\n      {imageUrl ? (\n        <div className=\"absolute inset-0 overflow-hidden\">\n          <div className=\"animate-kenburns absolute inset-0\">\n            <Image src={imageUrl} alt={name} fill className=\"object-cover\" priority={active} unoptimized />\n          </div>\n        </div>\n      ) : (\n        <div className=\"absolute inset-0 bg-gradient-to-br from-brand-purple/40 via-brand-blue/20 to-brand-navy/60\" />\n      )}\n      <div className=\"absolute inset-0 bg-gradient-to-t from-black/40 via-black/30 to-black/0\" />\n      <div className=\"absolute bottom-0 left-0 right-0 p-6 sm:p-10 flex flex-col gap-3\">\n        <h2 className=\"text-4xl lg:text-5xl font-semibold text-white leading-tight\">{name}</h2>\n        <div className=\"flex items-center gap-4 text-sm text-white/70\">\n          {supply != null && <span>{supply.toLocaleString()} items</span>}\n          {floor && <span className=\"text-white font-semibold\">Floor {formatFloorPrice(floor)}</span>}\n        </div>\n        <Link\n          href={getHref(collection)}\n          className=\"self-start mt-2 inline-flex items-center gap-1.5 bg-white text-black hover:bg-white/90 font-semibold px-4 py-2 rounded-[11px] text-sm transition-all active:scale-[0.98]\"\n        >\n          View Collection <ArrowRight className=\"h-4 w-4\" />\n        </Link>\n      </div>\n    </div>\n  );\n}\n\nexport function HeroSliderSkeleton() {\n  return <section className=\"relative w-full h-[78vw] min-h-[420px] max-h-[768px] sm:h-[72vh] sm:max-h-[816px] bg-muted animate-pulse\" />;\n}\n\nexport function HeroSlider({ collections, isLoading, getHref }: HeroSliderProps) {\n  const [current, setCurrent] = useState(0);\n  const count = collections.length;\n\n  const next = useCallback(() => { if (count > 1) setCurrent((c) => (c + 1) % count); }, [count]);\n  const prev = useCallback(() => { if (count > 1) setCurrent((c) => (c - 1 + count) % count); }, [count]);\n\n  useEffect(() => {\n    if (count <= 1) return;\n    const id = setInterval(next, 7000);\n    return () => clearInterval(id);\n  }, [count, next]);\n\n  if (isLoading) return <HeroSliderSkeleton />;\n\n  return (\n    <section className=\"relative w-full h-[78vw] min-h-[420px] max-h-[768px] sm:h-[72vh] sm:max-h-[816px] overflow-hidden bg-muted\">\n      {count === 0 ? (\n        <HeroPlaceholder />\n      ) : (\n        <>\n          {collections.map((col, i) => (\n            <HeroSlide key={col.contractAddress} collection={col} active={i === current} getHref={getHref} />\n          ))}\n          {count > 1 && (\n            <>\n              <button onClick={prev} aria-label=\"Previous slide\" className=\"absolute left-3 top-1/2 -translate-y-1/2 z-10 h-9 w-9 rounded-full bg-black/40 hover:bg-black/60 backdrop-blur-sm flex items-center justify-center transition-colors\">\n                <ChevronLeft className=\"h-5 w-5 text-white\" />\n              </button>\n              <button onClick={next} aria-label=\"Next slide\" className=\"absolute right-3 top-1/2 -translate-y-1/2 z-10 h-9 w-9 rounded-full bg-black/40 hover:bg-black/60 backdrop-blur-sm flex items-center justify-center transition-colors\">\n                <ChevronRight className=\"h-5 w-5 text-white\" />\n              </button>\n              <div className=\"absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-1.5 z-10\">\n                {collections.map((_, i) => (\n                  <button key={i} onClick={() => setCurrent(i)} aria-label={`Go to slide ${i + 1}`} className={cn(\"h-1.5 rounded-full transition-all\", i === current ? \"w-6 bg-white\" : \"w-1.5 bg-white/40\")} />\n                ))}\n              </div>\n            </>\n          )}\n        </>\n      )}\n    </section>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/hero-slider.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useEffect, useCallback } from \"react\";\nimport Link from \"next/link\";\nimport Image from \"next/image\";\nimport { ChevronLeft, ChevronRight, ArrowRight } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport type { ApiCollection } from \"@medialane/sdk\";\n\nexport interface HeroSliderProps {\n  collections: ApiCollection[];\n  isLoading: boolean;\n  getHref: (collection: ApiCollection) => string;\n  /** Optional placeholder CTA hrefs — defaults to \"/marketplace\" and \"/create/asset\" */\n  placeholderHrefs?: { markets?: string; create?: string };\n}\n\nfunction formatFloorPrice(price: string | null | undefined): string {\n  if (!price) return \"\";\n  const n = parseFloat(price);\n  if (isNaN(n)) return price;\n  if (n >= 1000) return `${(n / 1000).toFixed(1)}K`;\n  if (n >= 1) return n.toFixed(2);\n  return n.toPrecision(3);\n}\n\nfunction HeroPlaceholder({ hrefs }: { hrefs: Required<HeroSliderProps>[\"placeholderHrefs\"] }) {\n  return (\n    <div className=\"absolute inset-0 bg-gradient-to-br from-brand-purple/30 via-brand-blue/20 to-brand-navy/50 flex flex-col items-center justify-center gap-4 text-center px-6 overflow-hidden\">\n      <div className=\"absolute aurora-purple w-[600px] h-[600px] opacity-20 -top-24 -left-24\" />\n      <div className=\"absolute aurora-blue w-[400px] h-[400px] opacity-15 -bottom-16 -right-16\" />\n      <h2 className=\"text-4xl sm:text-6xl font-black gradient-text relative z-10\">Medialane</h2>\n      <p className=\"text-muted-foreground text-lg relative z-10 max-w-md\">\n        New monetization revenues for creative works\n      </p>\n      <div className=\"flex gap-3 relative z-10\">\n        <Link href={hrefs.markets!} className=\"inline-flex items-center justify-center rounded-[11px] bg-brand-blue px-4 py-2 text-sm font-semibold text-white hover:brightness-110 active:scale-[0.98] transition-all\">\n          Markets\n        </Link>\n        <Link href={hrefs.create!} className=\"inline-flex items-center justify-center rounded-[11px] border border-white/20 bg-background/20 backdrop-blur-sm px-4 py-2 text-sm font-semibold text-white hover:bg-white/10 transition-all\">\n          Create\n        </Link>\n      </div>\n    </div>\n  );\n}\n\nfunction HeroSlide({ collection, active, getHref }: { collection: ApiCollection; active: boolean; getHref: (col: ApiCollection) => string }) {\n  const imageUrl = collection.image ? ipfsToHttp(collection.image) : null;\n  const name = collection.name ?? \"Collection\";\n  const floor = collection.floorPrice;\n  const supply = collection.totalSupply;\n\n  return (\n    <div className={cn(\"absolute inset-0 transition-opacity duration-700\", active ? \"opacity-100\" : \"opacity-0 pointer-events-none\")}>\n      {imageUrl ? (\n        <div className=\"absolute inset-0 overflow-hidden\">\n          <div className=\"animate-kenburns absolute inset-0\">\n            <Image src={imageUrl} alt={name} fill className=\"object-cover\" priority={active} unoptimized />\n          </div>\n        </div>\n      ) : (\n        <div className=\"absolute inset-0 bg-gradient-to-br from-brand-purple/40 via-brand-blue/20 to-brand-navy/60\" />\n      )}\n      <div className=\"absolute inset-0 bg-gradient-to-t from-black/40 via-black/30 to-black/0\" />\n      <div className=\"absolute bottom-0 left-0 right-0 p-6 sm:p-10 flex flex-col gap-3\">\n        <h2 className=\"text-4xl lg:text-5xl font-semibold text-white leading-tight\">{name}</h2>\n        <div className=\"flex items-center gap-4 text-sm text-white/70\">\n          {supply != null && <span>{supply.toLocaleString()} items</span>}\n          {floor && <span className=\"text-white font-semibold\">Floor {formatFloorPrice(floor)}</span>}\n        </div>\n        <Link\n          href={getHref(collection)}\n          className=\"self-start mt-2 inline-flex items-center gap-1.5 bg-white text-black hover:bg-white/90 font-semibold px-4 py-2 rounded-[11px] text-sm transition-all active:scale-[0.98]\"\n        >\n          View Collection <ArrowRight className=\"h-4 w-4\" />\n        </Link>\n      </div>\n    </div>\n  );\n}\n\nexport function HeroSliderSkeleton() {\n  return <section className=\"relative w-full h-[78vw] min-h-[420px] max-h-[768px] sm:h-[72vh] sm:max-h-[816px] bg-muted animate-pulse\" />;\n}\n\nexport function HeroSlider({ collections, isLoading, getHref, placeholderHrefs = {} }: HeroSliderProps) {\n  const hrefs = { markets: \"/marketplace\", create: \"/create/asset\", ...placeholderHrefs };\n  const [current, setCurrent] = useState(0);\n  const count = collections.length;\n\n  const next = useCallback(() => { if (count > 1) setCurrent((c) => (c + 1) % count); }, [count]);\n  const prev = useCallback(() => { if (count > 1) setCurrent((c) => (c - 1 + count) % count); }, [count]);\n\n  useEffect(() => {\n    if (count <= 1) return;\n    const id = setInterval(next, 7000);\n    return () => clearInterval(id);\n  }, [count, next]);\n\n  if (isLoading) return <HeroSliderSkeleton />;\n\n  return (\n    <section className=\"relative w-full h-[78vw] min-h-[420px] max-h-[768px] sm:h-[72vh] sm:max-h-[816px] overflow-hidden bg-muted\">\n      {count === 0 ? (\n        <HeroPlaceholder hrefs={hrefs} />\n      ) : (\n        <>\n          {collections.map((col, i) => (\n            <HeroSlide key={col.contractAddress} collection={col} active={i === current} getHref={getHref} />\n          ))}\n          {count > 1 && (\n            <>\n              <button onClick={prev} aria-label=\"Previous slide\" className=\"absolute left-3 top-1/2 -translate-y-1/2 z-10 h-9 w-9 rounded-full bg-black/40 hover:bg-black/60 backdrop-blur-sm flex items-center justify-center transition-colors\">\n                <ChevronLeft className=\"h-5 w-5 text-white\" />\n              </button>\n              <button onClick={next} aria-label=\"Next slide\" className=\"absolute right-3 top-1/2 -translate-y-1/2 z-10 h-9 w-9 rounded-full bg-black/40 hover:bg-black/60 backdrop-blur-sm flex items-center justify-center transition-colors\">\n                <ChevronRight className=\"h-5 w-5 text-white\" />\n              </button>\n              <div className=\"absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-1.5 z-10\">\n                {collections.map((_, i) => (\n                  <button key={i} onClick={() => setCurrent(i)} aria-label={`Go to slide ${i + 1}`} className={cn(\"h-1.5 rounded-full transition-all\", i === current ? \"w-6 bg-white\" : \"w-1.5 bg-white/40\")} />\n                ))}\n              </div>\n            </>\n          )}\n        </>\n      )}\n    </section>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/data/launchpad-services.cjs

@@ -26,9 +26,9 @@ const LAUNCHPAD_SERVICE_DEFINITIONS = [
   // ── Create ────────────────────────────────────────────────────────────────
   {
     key: "mint-ip-asset",
-    title: "Mint IP Asset",
-    subtitle: "Register any creative work onchain",
-    description: "Turn any creative file into a programmable IP NFT. Gasless, permanent, and immediately tradeable.",
+    title: "Mint IP NFT",
+    subtitle: "Publish any creative work on Starknet",
+    description: "Turn any photo, video, or audio file into a programmable IP NFT. Gasless, permanent, and immediately tradeable on Medialane.",
     features: ["Gasless via ChipiPay", "IPFS metadata", "Programmable licensing"],
     icon: import_lucide_react.ImagePlus,
     gradient: "from-blue-500/10 via-sky-400/4 to-transparent",
@@ -42,8 +42,8 @@ const LAUNCHPAD_SERVICE_DEFINITIONS = [
   {
     key: "create-collection",
     title: "Create Collection",
-    subtitle: "Deploy a named ERC-721 catalog",
-    description: "Deploy a branded collection with its own page, metadata, and on-chain identity \u2014 ready to populate with assets.",
+    subtitle: "Group your NFTs under a shared identity",
+    description: "Deploy a branded ERC-721 collection with its own page, metadata, and on-chain identity \u2014 ready to populate with assets at any time.",
     features: ["Factory-deployed ERC-721", "Branded collection page", "Add assets at any time"],
     icon: import_lucide_react.Layers,
     gradient: "from-violet-500/10 via-purple-400/4 to-transparent",
@@ -54,6 +54,36 @@ const LAUNCHPAD_SERVICE_DEFINITIONS = [
     status: "live",
     category: "create"
   },
+  {
+    key: "ip-collection-1155",
+    title: "Edition Collection",
+    subtitle: "Deploy a contract for multi-copy NFT releases",
+    description: "Launch a collection for music tracks, art prints, or any IP you want to release in multiples. Each edition token is numbered and tradeable on Medialane.",
+    features: ["Multi-edition ERC-1155", "Immutable provenance", "Tradeable on Medialane"],
+    icon: import_lucide_react.Layers,
+    gradient: "from-violet-500/10 via-purple-400/4 to-transparent",
+    borderColor: "border-violet-500/20",
+    iconColor: "text-violet-500",
+    buttonColor: "bg-violet-600 hover:bg-violet-700",
+    badge: "Create",
+    status: "live",
+    category: "create"
+  },
+  {
+    key: "mint-editions",
+    title: "Mint NFT Editions",
+    subtitle: "Add new editions to an existing collection",
+    description: "Select one of your Edition Collection contracts and mint new token editions into it \u2014 set supply, upload artwork, and release to collectors.",
+    features: ["Choose any edition collection", "Set edition supply", "IPFS metadata"],
+    icon: import_lucide_react.PlusCircle,
+    gradient: "from-fuchsia-500/10 via-violet-400/4 to-transparent",
+    borderColor: "border-fuchsia-500/20",
+    iconColor: "text-fuchsia-500",
+    buttonColor: "bg-fuchsia-600 hover:bg-fuchsia-700",
+    badge: "Create",
+    status: "live",
+    category: "create"
+  },
   {
     key: "remix-asset",
     title: "Remix Asset",
@@ -65,7 +95,7 @@ const LAUNCHPAD_SERVICE_DEFINITIONS = [
     borderColor: "border-rose-500/20",
     iconColor: "text-rose-500",
     buttonColor: "bg-brand-rose hover:bg-brand-rose/90",
-    badge: "Remix",
+    badge: "Create",
     status: "live",
     category: "create"
   },
@@ -73,8 +103,8 @@ const LAUNCHPAD_SERVICE_DEFINITIONS = [
   {
     key: "pop-protocol",
     title: "POP Protocol",
-    subtitle: "Soulbound credentials for events & education",
-    description: "Issue non-transferable on-chain credentials for bootcamps, hackathons, and conferences. Each attendee claims one soulbound badge \u2014 permanently tied to their wallet.",
+    subtitle: "Proof-of-participation for events & communities",
+    description: "Give every attendee proof they were there. Issue soulbound credentials to your community \u2014 one non-transferable badge per wallet, permanently on-chain. Works for bootcamps, hackathons, and conferences.",
     features: ["Soulbound \xB7 non-transferable", "One credential per wallet", "Optional allowlist gating"],
     icon: import_lucide_react.Award,
     gradient: "from-emerald-500/10 via-green-400/4 to-transparent",
@@ -102,36 +132,6 @@ const LAUNCHPAD_SERVICE_DEFINITIONS = [
     status: "live",
     category: "launch"
   },
-  {
-    key: "ip-collection-1155",
-    title: "IP Collection 1155",
-    subtitle: "Multi-edition ERC-1155 collections",
-    description: "Deploy a multi-edition collection for music tracks, art series, or any IP with multiple copies. Mint unlimited editions in a single transaction.",
-    features: ["Multi-edition ERC-1155", "Immutable provenance", "Tradeable on Medialane"],
-    icon: import_lucide_react.Layers,
-    gradient: "from-violet-500/10 via-purple-400/4 to-transparent",
-    borderColor: "border-violet-500/20",
-    iconColor: "text-violet-500",
-    buttonColor: "bg-violet-600 hover:bg-violet-700",
-    badge: "Launch",
-    status: "live",
-    category: "launch"
-  },
-  {
-    key: "mint-editions",
-    title: "Mint Editions",
-    subtitle: "Add new tokens to an existing collection",
-    description: "Select one of your IP Collection 1155 contracts and mint new token editions into it \u2014 set supply, upload artwork, and release to collectors.",
-    features: ["Choose any 1155 collection", "Set edition supply", "IPFS metadata"],
-    icon: import_lucide_react.PlusCircle,
-    gradient: "from-fuchsia-500/10 via-violet-400/4 to-transparent",
-    borderColor: "border-fuchsia-500/20",
-    iconColor: "text-fuchsia-500",
-    buttonColor: "bg-fuchsia-600 hover:bg-fuchsia-700",
-    badge: "Launch",
-    status: "live",
-    category: "launch"
-  },
   {
     key: "ip-tickets",
     title: "IP Tickets",

package/dist/data/launchpad-services.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/data/launchpad-services.ts"],"sourcesContent":["import type { LucideIcon } from \"lucide-react\";\nimport {\n  ImagePlus, Layers, GitBranch,\n  Award, Package, PlusCircle,\n  Ticket, Users,\n  RefreshCw, Coins, TrendingUp,\n} from \"lucide-react\";\n\nexport type ServiceStatus = \"live\" | \"building\" | \"soon\";\nexport type ServiceCategory = \"create\" | \"launch\" | \"monetize\";\n\nexport interface ServiceDefinition {\n  key: string;\n  title: string;\n  subtitle: string;\n  description: string;\n  features: string[];\n  icon: LucideIcon;\n  gradient: string;\n  borderColor: string;\n  iconColor: string;\n  buttonColor?: string;\n  badge: string;\n  status: ServiceStatus;\n  category: ServiceCategory;\n  /** Secondary browse link label — injected app adds the href */\n  browseLinkLabel?: string;\n}\n\nexport const LAUNCHPAD_SERVICE_DEFINITIONS: ServiceDefinition[] = [\n  // ── Create ────────────────────────────────────────────────────────────────\n  {\n    key: \"mint-ip-asset\",\n    title: \"Mint IP Asset\",\n    subtitle: \"Register any creative work onchain\",\n    description:\n      \"Turn any creative file into a programmable IP NFT. Gasless, permanent, and immediately tradeable.\",\n    features: [\"Gasless via ChipiPay\", \"IPFS metadata\", \"Programmable licensing\"],\n    icon: ImagePlus,\n    gradient: \"from-blue-500/10 via-sky-400/4 to-transparent\",\n    borderColor: \"border-blue-500/20\",\n    iconColor: \"text-blue-500\",\n    buttonColor: \"bg-brand-blue hover:bg-brand-blue/90\",\n    badge: \"Create\",\n    status: \"live\",\n    category: \"create\",\n  },\n  {\n    key: \"create-collection\",\n    title: \"Create Collection\",\n    subtitle: \"Deploy a named ERC-721 catalog\",\n    description:\n      \"Deploy a branded collection with its own page, metadata, and on-chain identity — ready to populate with assets.\",\n    features: [\"Factory-deployed ERC-721\", \"Branded collection page\", \"Add assets at any time\"],\n    icon: Layers,\n    gradient: \"from-violet-500/10 via-purple-400/4 to-transparent\",\n    borderColor: \"border-violet-500/20\",\n    iconColor: \"text-violet-500\",\n    buttonColor: \"bg-brand-purple hover:bg-brand-purple/90\",\n    badge: \"Create\",\n    status: \"live\",\n    category: \"create\",\n  },\n  {\n    key: \"remix-asset\",\n    title: \"Remix Asset\",\n    subtitle: \"Derivative works with on-chain attribution\",\n    description:\n      \"Create a licensed derivative of any IP asset with full provenance and attribution flowing back to the original creator.\",\n    features: [\"On-chain attribution\", \"License-enforced at mint\", \"Royalties to original creator\"],\n    icon: GitBranch,\n    gradient: \"from-rose-500/10 via-pink-400/4 to-transparent\",\n    borderColor: \"border-rose-500/20\",\n    iconColor: \"text-rose-500\",\n    buttonColor: \"bg-brand-rose hover:bg-brand-rose/90\",\n    badge: \"Remix\",\n    status: \"live\",\n    category: \"create\",\n  },\n\n  // ── Launch ────────────────────────────────────────────────────────────────\n  {\n    key: \"pop-protocol\",\n    title: \"POP Protocol\",\n    subtitle: \"Soulbound credentials for events & education\",\n    description:\n      \"Issue non-transferable on-chain credentials for bootcamps, hackathons, and conferences. Each attendee claims one soulbound badge — permanently tied to their wallet.\",\n    features: [\"Soulbound · non-transferable\", \"One credential per wallet\", \"Optional allowlist gating\"],\n    icon: Award,\n    gradient: \"from-emerald-500/10 via-green-400/4 to-transparent\",\n    borderColor: \"border-emerald-500/20\",\n    iconColor: \"text-emerald-500\",\n    buttonColor: \"bg-green-600 hover:bg-green-700\",\n    badge: \"Launch\",\n    browseLinkLabel: \"Browse events\",\n    status: \"live\",\n    category: \"launch\",\n  },\n  {\n    key: \"collection-drop\",\n    title: \"Collection Drop\",\n    subtitle: \"Limited-edition timed releases\",\n    description:\n      \"Launch a fixed-supply ERC-721 drop with a defined mint window and per-wallet limit. Set your open date and let your community race to collect.\",\n    features: [\"Fixed supply cap\", \"Timed mint window\", \"Free or paid mint\"],\n    icon: Package,\n    gradient: \"from-orange-500/10 via-amber-400/4 to-transparent\",\n    borderColor: \"border-orange-500/20\",\n    iconColor: \"text-orange-500\",\n    buttonColor: \"bg-orange-600 hover:bg-orange-700\",\n    badge: \"Launch\",\n    browseLinkLabel: \"Browse drops\",\n    status: \"live\",\n    category: \"launch\",\n  },\n  {\n    key: \"ip-collection-1155\",\n    title: \"IP Collection 1155\",\n    subtitle: \"Multi-edition ERC-1155 collections\",\n    description:\n      \"Deploy a multi-edition collection for music tracks, art series, or any IP with multiple copies. Mint unlimited editions in a single transaction.\",\n    features: [\"Multi-edition ERC-1155\", \"Immutable provenance\", \"Tradeable on Medialane\"],\n    icon: Layers,\n    gradient: \"from-violet-500/10 via-purple-400/4 to-transparent\",\n    borderColor: \"border-violet-500/20\",\n    iconColor: \"text-violet-500\",\n    buttonColor: \"bg-violet-600 hover:bg-violet-700\",\n    badge: \"Launch\",\n    status: \"live\",\n    category: \"launch\",\n  },\n  {\n    key: \"mint-editions\",\n    title: \"Mint Editions\",\n    subtitle: \"Add new tokens to an existing collection\",\n    description:\n      \"Select one of your IP Collection 1155 contracts and mint new token editions into it — set supply, upload artwork, and release to collectors.\",\n    features: [\"Choose any 1155 collection\", \"Set edition supply\", \"IPFS metadata\"],\n    icon: PlusCircle,\n    gradient: \"from-fuchsia-500/10 via-violet-400/4 to-transparent\",\n    borderColor: \"border-fuchsia-500/20\",\n    iconColor: \"text-fuchsia-500\",\n    buttonColor: \"bg-fuchsia-600 hover:bg-fuchsia-700\",\n    badge: \"Launch\",\n    status: \"live\",\n    category: \"launch\",\n  },\n  {\n    key: \"ip-tickets\",\n    title: \"IP Tickets\",\n    subtitle: \"Gate real-world experiences with NFTs\",\n    description:\n      \"Distribute tickets for concerts, workshops, and events. Each ticket is verifiable on-chain proof of attendance.\",\n    features: [\"NFT-based event gating\", \"Proof of attendance\", \"Transferable or soulbound\"],\n    icon: Ticket,\n    gradient: \"from-teal-500/7 via-cyan-400/3 to-transparent\",\n    borderColor: \"border-teal-500/15\",\n    iconColor: \"text-teal-500\",\n    badge: \"Soon\",\n    status: \"building\",\n    category: \"launch\",\n  },\n  {\n    key: \"membership\",\n    title: \"Membership\",\n    subtitle: \"Token-gated access passes\",\n    description:\n      \"Create tiered membership passes that unlock exclusive content, private communities, and experiences for your most loyal fans.\",\n    features: [\"Token-gated content\", \"Tiered access levels\", \"Community alignment\"],\n    icon: Users,\n    gradient: \"from-indigo-500/6 via-violet-400/2 to-transparent\",\n    borderColor: \"border-indigo-500/10\",\n    iconColor: \"text-indigo-400\",\n    badge: \"Soon\",\n    status: \"soon\",\n    category: \"launch\",\n  },\n\n  // ── Monetize ─────────────────────────────────────────────────────────────\n  {\n    key: \"subscriptions\",\n    title: \"Subscriptions\",\n    subtitle: \"Recurring on-chain revenue\",\n    description:\n      \"Monthly licensing, creator support tiers, and access passes — all auto-renewed without intermediaries.\",\n    features: [\"Recurring revenue\", \"Auto-renewal protocol\", \"No middlemen\"],\n    icon: RefreshCw,\n    gradient: \"from-sky-500/6 via-blue-400/2 to-transparent\",\n    borderColor: \"border-sky-500/10\",\n    iconColor: \"text-sky-400\",\n    badge: \"Soon\",\n    status: \"soon\",\n    category: \"monetize\",\n  },\n  {\n    key: \"ip-coins\",\n    title: \"IP Coins\",\n    subtitle: \"Fractional ownership of intellectual property\",\n    description:\n      \"Tokenize your IP catalog as fungible tokens. Enable fractional ownership and liquid markets around your creative work.\",\n    features: [\"Fungible IP tokens\", \"Fractional ownership\", \"Liquid secondary markets\"],\n    icon: Coins,\n    gradient: \"from-amber-500/6 via-yellow-400/2 to-transparent\",\n    borderColor: \"border-amber-500/10\",\n    iconColor: \"text-amber-400\",\n    badge: \"Soon\",\n    status: \"soon\",\n    category: \"monetize\",\n  },\n  {\n    key: \"creator-coins\",\n    title: \"Creator Coins\",\n    subtitle: \"Personal social token for fans\",\n    description:\n      \"Launch a social token tied to your creative career. Let fans invest directly in your work — full economic alignment between creator and community.\",\n    features: [\"Personal social token\", \"Fan investment\", \"Creator-community alignment\"],\n    icon: TrendingUp,\n    gradient: \"from-pink-500/6 via-rose-400/2 to-transparent\",\n    borderColor: \"border-pink-500/10\",\n    iconColor: \"text-pink-400\",\n    badge: \"Soon\",\n    status: \"soon\",\n    category: \"monetize\",\n  },\n];\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/data/launchpad-services.ts"],"sourcesContent":["import type { LucideIcon } from \"lucide-react\";\nimport {\n  ImagePlus, Layers, GitBranch,\n  Award, Package, PlusCircle,\n  Ticket, Users,\n  RefreshCw, Coins, TrendingUp,\n} from \"lucide-react\";\n\nexport type ServiceStatus = \"live\" | \"building\" | \"soon\";\nexport type ServiceCategory = \"create\" | \"launch\" | \"monetize\";\n\nexport interface ServiceDefinition {\n  key: string;\n  title: string;\n  subtitle: string;\n  description: string;\n  features: string[];\n  icon: LucideIcon;\n  gradient: string;\n  borderColor: string;\n  iconColor: string;\n  buttonColor?: string;\n  badge: string;\n  status: ServiceStatus;\n  category: ServiceCategory;\n  /** Secondary browse link label — injected app adds the href */\n  browseLinkLabel?: string;\n}\n\nexport const LAUNCHPAD_SERVICE_DEFINITIONS: ServiceDefinition[] = [\n  // ── Create ────────────────────────────────────────────────────────────────\n  {\n    key: \"mint-ip-asset\",\n    title: \"Mint IP NFT\",\n    subtitle: \"Publish any creative work on Starknet\",\n    description:\n      \"Turn any photo, video, or audio file into a programmable IP NFT. Gasless, permanent, and immediately tradeable on Medialane.\",\n    features: [\"Gasless via ChipiPay\", \"IPFS metadata\", \"Programmable licensing\"],\n    icon: ImagePlus,\n    gradient: \"from-blue-500/10 via-sky-400/4 to-transparent\",\n    borderColor: \"border-blue-500/20\",\n    iconColor: \"text-blue-500\",\n    buttonColor: \"bg-brand-blue hover:bg-brand-blue/90\",\n    badge: \"Create\",\n    status: \"live\",\n    category: \"create\",\n  },\n  {\n    key: \"create-collection\",\n    title: \"Create Collection\",\n    subtitle: \"Group your NFTs under a shared identity\",\n    description:\n      \"Deploy a branded ERC-721 collection with its own page, metadata, and on-chain identity — ready to populate with assets at any time.\",\n    features: [\"Factory-deployed ERC-721\", \"Branded collection page\", \"Add assets at any time\"],\n    icon: Layers,\n    gradient: \"from-violet-500/10 via-purple-400/4 to-transparent\",\n    borderColor: \"border-violet-500/20\",\n    iconColor: \"text-violet-500\",\n    buttonColor: \"bg-brand-purple hover:bg-brand-purple/90\",\n    badge: \"Create\",\n    status: \"live\",\n    category: \"create\",\n  },\n  {\n    key: \"ip-collection-1155\",\n    title: \"Edition Collection\",\n    subtitle: \"Deploy a contract for multi-copy NFT releases\",\n    description:\n      \"Launch a collection for music tracks, art prints, or any IP you want to release in multiples. Each edition token is numbered and tradeable on Medialane.\",\n    features: [\"Multi-edition ERC-1155\", \"Immutable provenance\", \"Tradeable on Medialane\"],\n    icon: Layers,\n    gradient: \"from-violet-500/10 via-purple-400/4 to-transparent\",\n    borderColor: \"border-violet-500/20\",\n    iconColor: \"text-violet-500\",\n    buttonColor: \"bg-violet-600 hover:bg-violet-700\",\n    badge: \"Create\",\n    status: \"live\",\n    category: \"create\",\n  },\n  {\n    key: \"mint-editions\",\n    title: \"Mint NFT Editions\",\n    subtitle: \"Add new editions to an existing collection\",\n    description:\n      \"Select one of your Edition Collection contracts and mint new token editions into it — set supply, upload artwork, and release to collectors.\",\n    features: [\"Choose any edition collection\", \"Set edition supply\", \"IPFS metadata\"],\n    icon: PlusCircle,\n    gradient: \"from-fuchsia-500/10 via-violet-400/4 to-transparent\",\n    borderColor: \"border-fuchsia-500/20\",\n    iconColor: \"text-fuchsia-500\",\n    buttonColor: \"bg-fuchsia-600 hover:bg-fuchsia-700\",\n    badge: \"Create\",\n    status: \"live\",\n    category: \"create\",\n  },\n  {\n    key: \"remix-asset\",\n    title: \"Remix Asset\",\n    subtitle: \"Derivative works with on-chain attribution\",\n    description:\n      \"Create a licensed derivative of any IP asset with full provenance and attribution flowing back to the original creator.\",\n    features: [\"On-chain attribution\", \"License-enforced at mint\", \"Royalties to original creator\"],\n    icon: GitBranch,\n    gradient: \"from-rose-500/10 via-pink-400/4 to-transparent\",\n    borderColor: \"border-rose-500/20\",\n    iconColor: \"text-rose-500\",\n    buttonColor: \"bg-brand-rose hover:bg-brand-rose/90\",\n    badge: \"Create\",\n    status: \"live\",\n    category: \"create\",\n  },\n\n  // ── Launch ────────────────────────────────────────────────────────────────\n  {\n    key: \"pop-protocol\",\n    title: \"POP Protocol\",\n    subtitle: \"Proof-of-participation for events & communities\",\n    description:\n      \"Give every attendee proof they were there. Issue soulbound credentials to your community — one non-transferable badge per wallet, permanently on-chain. Works for bootcamps, hackathons, and conferences.\",\n    features: [\"Soulbound · non-transferable\", \"One credential per wallet\", \"Optional allowlist gating\"],\n    icon: Award,\n    gradient: \"from-emerald-500/10 via-green-400/4 to-transparent\",\n    borderColor: \"border-emerald-500/20\",\n    iconColor: \"text-emerald-500\",\n    buttonColor: \"bg-green-600 hover:bg-green-700\",\n    badge: \"Launch\",\n    browseLinkLabel: \"Browse events\",\n    status: \"live\",\n    category: \"launch\",\n  },\n  {\n    key: \"collection-drop\",\n    title: \"Collection Drop\",\n    subtitle: \"Limited-edition timed releases\",\n    description:\n      \"Launch a fixed-supply ERC-721 drop with a defined mint window and per-wallet limit. Set your open date and let your community race to collect.\",\n    features: [\"Fixed supply cap\", \"Timed mint window\", \"Free or paid mint\"],\n    icon: Package,\n    gradient: \"from-orange-500/10 via-amber-400/4 to-transparent\",\n    borderColor: \"border-orange-500/20\",\n    iconColor: \"text-orange-500\",\n    buttonColor: \"bg-orange-600 hover:bg-orange-700\",\n    badge: \"Launch\",\n    browseLinkLabel: \"Browse drops\",\n    status: \"live\",\n    category: \"launch\",\n  },\n  {\n    key: \"ip-tickets\",\n    title: \"IP Tickets\",\n    subtitle: \"Gate real-world experiences with NFTs\",\n    description:\n      \"Distribute tickets for concerts, workshops, and events. Each ticket is verifiable on-chain proof of attendance.\",\n    features: [\"NFT-based event gating\", \"Proof of attendance\", \"Transferable or soulbound\"],\n    icon: Ticket,\n    gradient: \"from-teal-500/7 via-cyan-400/3 to-transparent\",\n    borderColor: \"border-teal-500/15\",\n    iconColor: \"text-teal-500\",\n    badge: \"Soon\",\n    status: \"building\",\n    category: \"launch\",\n  },\n  {\n    key: \"membership\",\n    title: \"Membership\",\n    subtitle: \"Token-gated access passes\",\n    description:\n      \"Create tiered membership passes that unlock exclusive content, private communities, and experiences for your most loyal fans.\",\n    features: [\"Token-gated content\", \"Tiered access levels\", \"Community alignment\"],\n    icon: Users,\n    gradient: \"from-indigo-500/6 via-violet-400/2 to-transparent\",\n    borderColor: \"border-indigo-500/10\",\n    iconColor: \"text-indigo-400\",\n    badge: \"Soon\",\n    status: \"soon\",\n    category: \"launch\",\n  },\n\n  // ── Monetize ─────────────────────────────────────────────────────────────\n  {\n    key: \"subscriptions\",\n    title: \"Subscriptions\",\n    subtitle: \"Recurring on-chain revenue\",\n    description:\n      \"Monthly licensing, creator support tiers, and access passes — all auto-renewed without intermediaries.\",\n    features: [\"Recurring revenue\", \"Auto-renewal protocol\", \"No middlemen\"],\n    icon: RefreshCw,\n    gradient: \"from-sky-500/6 via-blue-400/2 to-transparent\",\n    borderColor: \"border-sky-500/10\",\n    iconColor: \"text-sky-400\",\n    badge: \"Soon\",\n    status: \"soon\",\n    category: \"monetize\",\n  },\n  {\n    key: \"ip-coins\",\n    title: \"IP Coins\",\n    subtitle: \"Fractional ownership of intellectual property\",\n    description:\n      \"Tokenize your IP catalog as fungible tokens. Enable fractional ownership and liquid markets around your creative work.\",\n    features: [\"Fungible IP tokens\", \"Fractional ownership\", \"Liquid secondary markets\"],\n    icon: Coins,\n    gradient: \"from-amber-500/6 via-yellow-400/2 to-transparent\",\n    borderColor: \"border-amber-500/10\",\n    iconColor: \"text-amber-400\",\n    badge: \"Soon\",\n    status: \"soon\",\n    category: \"monetize\",\n  },\n  {\n    key: \"creator-coins\",\n    title: \"Creator Coins\",\n    subtitle: \"Personal social token for fans\",\n    description:\n      \"Launch a social token tied to your creative career. Let fans invest directly in your work — full economic alignment between creator and community.\",\n    features: [\"Personal social token\", \"Fan investment\", \"Creator-community alignment\"],\n    icon: TrendingUp,\n    gradient: \"from-pink-500/6 via-rose-400/2 to-transparent\",\n    borderColor: \"border-pink-500/10\",\n    iconColor: \"text-pink-400\",\n    badge: \"Soon\",\n    status: \"soon\",\n    category: \"monetize\",\n  },\n];\n"],"mappings":"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","names":[]}