@medialane/ui 0.119.0 → 0.121.0

package/dist/components/currency-icon.d.ts

@@ -4,10 +4,6 @@ interface CurrencyIconProps {
     symbol: string | null | undefined;
     size?: number;
     className?: string;
-    /**
-     * Base path prepended to icon paths. Default: "" (icons served from app's public root).
-     * Example: "https://cdn.medialane.io/icons"
-     */
     iconsBasePath?: string;
 }
 declare function CurrencyIcon({ symbol, size, className, iconsBasePath }: CurrencyIconProps): react_jsx_runtime.JSX.Element | null;
@@ -17,7 +13,6 @@ interface CurrencyAmountProps {
     amountClassName?: string;
     iconSize?: number;
     className?: string;
-    /** Forwarded to CurrencyIcon. */
     iconsBasePath?: string;
 }
 declare function CurrencyAmount({ amount, symbol, amountClassName, iconSize, className, iconsBasePath, }: CurrencyAmountProps): react_jsx_runtime.JSX.Element;

package/dist/components/currency-icon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/currency-icon.tsx"],"sourcesContent":["\"use client\";\n\nimport Image from \"next/image\";\nimport { cn } from \"../utils/cn.js\";\n\nconst CURRENCY_ICON_PATHS: Record<string, string> = {\n  USDC: \"/usdc.svg\",\n  USDT: \"/usdt.svg\",\n  ETH: \"/eth.svg\",\n  STRK: \"/strk.svg\",\n  WBTC: \"/btc.svg\",\n};\n\nexport interface CurrencyIconProps {\n  symbol: string | null | undefined;\n  size?: number;\n  className?: string;\n  /**\n   * Base path prepended to icon paths. Default: \"\" (icons served from app's public root).\n   * Example: \"https://cdn.medialane.io/icons\"\n   */\n  iconsBasePath?: string;\n}\n\nexport function CurrencyIcon({ symbol, size = 16, className, iconsBasePath = \"\" }: CurrencyIconProps) {\n  const path = symbol ? CURRENCY_ICON_PATHS[symbol] : undefined;\n  if (!path) return null;\n  return (\n    <Image\n      src={`${iconsBasePath}${path}`}\n      alt={symbol ?? \"\"}\n      width={size}\n      height={size}\n      className={cn(\"inline-block shrink-0\", className)}\n      unoptimized\n    />\n  );\n}\n\nexport interface CurrencyAmountProps {\n  amount: string;\n  symbol: string | null | undefined;\n  amountClassName?: string;\n  iconSize?: number;\n  className?: string;\n  /** Forwarded to CurrencyIcon. */\n  iconsBasePath?: string;\n}\n\nexport function CurrencyAmount({\n  amount,\n  symbol,\n  amountClassName,\n  iconSize = 14,\n  className,\n  iconsBasePath,\n}: CurrencyAmountProps) {\n  return (\n    <span className={cn(\"inline-flex items-center gap-1\", className)}>\n      <CurrencyIcon symbol={symbol} size={iconSize} iconsBasePath={iconsBasePath} />\n      <span className={amountClassName}>{amount}</span>\n    </span>\n  );\n}\n"],"mappings":";AA4BI,cA8BA,YA9BA;AA1BJ,OAAO,WAAW;AAClB,SAAS,UAAU;AAEnB,MAAM,sBAA8C;AAAA,EAClD,MAAM;AAAA,EACN,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AACR;AAaO,SAAS,aAAa,EAAE,QAAQ,OAAO,IAAI,WAAW,gBAAgB,GAAG,GAAsB;AACpG,QAAM,OAAO,SAAS,oBAAoB,MAAM,IAAI;AACpD,MAAI,CAAC,KAAM,QAAO;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,GAAG,aAAa,GAAG,IAAI;AAAA,MAC5B,KAAK,UAAU;AAAA,MACf,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAW,GAAG,yBAAyB,SAAS;AAAA,MAChD,aAAW;AAAA;AAAA,EACb;AAEJ;AAYO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AACF,GAAwB;AACtB,SACE,qBAAC,UAAK,WAAW,GAAG,kCAAkC,SAAS,GAC7D;AAAA,wBAAC,gBAAa,QAAgB,MAAM,UAAU,eAA8B;AAAA,IAC5E,oBAAC,UAAK,WAAW,iBAAkB,kBAAO;AAAA,KAC5C;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/currency-icon.tsx"],"sourcesContent":["\"use client\";\n\nimport Image from \"next/image\";\nimport { cn } from \"../utils/cn.js\";\n\nconst CURRENCY_ICON_PATHS: Record<string, string> = {\n  USDC: \"/usdc.svg\",\n  USDT: \"/usdt.svg\",\n  ETH: \"/eth.svg\",\n  STRK: \"/strk.svg\",\n  WBTC: \"/btc.svg\",\n};\n\nexport interface CurrencyIconProps {\n  symbol: string | null | undefined;\n  size?: number;\n  className?: string;\n\n  iconsBasePath?: string;\n}\n\nexport function CurrencyIcon({ symbol, size = 16, className, iconsBasePath = \"\" }: CurrencyIconProps) {\n  const path = symbol ? CURRENCY_ICON_PATHS[symbol] : undefined;\n  if (!path) return null;\n  return (\n    <Image\n      src={`${iconsBasePath}${path}`}\n      alt={symbol ?? \"\"}\n      width={size}\n      height={size}\n      className={cn(\"inline-block shrink-0\", className)}\n      unoptimized\n    />\n  );\n}\n\nexport interface CurrencyAmountProps {\n  amount: string;\n  symbol: string | null | undefined;\n  amountClassName?: string;\n  iconSize?: number;\n  className?: string;\n\n  iconsBasePath?: string;\n}\n\nexport function CurrencyAmount({\n  amount,\n  symbol,\n  amountClassName,\n  iconSize = 14,\n  className,\n  iconsBasePath,\n}: CurrencyAmountProps) {\n  return (\n    <span className={cn(\"inline-flex items-center gap-1\", className)}>\n      <CurrencyIcon symbol={symbol} size={iconSize} iconsBasePath={iconsBasePath} />\n      <span className={amountClassName}>{amount}</span>\n    </span>\n  );\n}\n"],"mappings":";AAyBI,cA8BA,YA9BA;AAvBJ,OAAO,WAAW;AAClB,SAAS,UAAU;AAEnB,MAAM,sBAA8C;AAAA,EAClD,MAAM;AAAA,EACN,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AACR;AAUO,SAAS,aAAa,EAAE,QAAQ,OAAO,IAAI,WAAW,gBAAgB,GAAG,GAAsB;AACpG,QAAM,OAAO,SAAS,oBAAoB,MAAM,IAAI;AACpD,MAAI,CAAC,KAAM,QAAO;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,GAAG,aAAa,GAAG,IAAI;AAAA,MAC5B,KAAK,UAAU;AAAA,MACf,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAW,GAAG,yBAAyB,SAAS;AAAA,MAChD,aAAW;AAAA;AAAA,EACb;AAEJ;AAYO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AACF,GAAwB;AACtB,SACE,qBAAC,UAAK,WAAW,GAAG,kCAAkC,SAAS,GAC7D;AAAA,wBAAC,gBAAa,QAAgB,MAAM,UAAU,eAA8B;AAAA,IAC5E,oBAAC,UAAK,WAAW,iBAAkB,kBAAO;AAAA,KAC5C;AAEJ;","names":[]}

package/dist/components/discover-collections-strip.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/discover-collections-strip.tsx"],"sourcesContent":["\"use client\";\n\nimport { Layers } from \"lucide-react\";\nimport { ScrollSection } from \"./scroll-section.js\";\nimport { CollectionCard, CollectionCardSkeleton } from \"./collection-card.js\";\nimport type { ApiCollection } from \"@medialane/sdk\";\n\nexport interface DiscoverCollectionsStripProps {\n  collections: ApiCollection[];\n  isLoading: boolean;\n  /** Kept for API compat — CollectionCard links to /collections/:contract internally */\n  getHref?: (collection: ApiCollection) => string;\n  allCollectionsHref?: string;\n  /** Kept for API compat — the io-style header has no eyebrow label */\n  sectionLabel?: string;\n  title?: string;\n}\n\n/** Discover Collections carousel — CollectionCard tiles under the shared\n *  icon-badge ScrollSection header (io-approved design). */\nexport function DiscoverCollectionsStrip({\n  collections,\n  isLoading,\n  allCollectionsHref = \"/collections\",\n  title = \"Collections\",\n}: DiscoverCollectionsStripProps) {\n  return (\n    <ScrollSection\n      icon={<Layers className=\"h-3.5 w-3.5 text-white\" />}\n      iconBg=\"bg-gradient-to-br from-brand-blue to-indigo-600 shadow-md shadow-brand-blue/20\"\n      title={title}\n      href={allCollectionsHref}\n      linkLabel=\"View all\"\n    >\n      {isLoading\n        ? Array.from({ length: 5 }).map((_, i) => (\n            <div key={i} className=\"w-56 sm:w-64 snap-start shrink-0\">\n              <CollectionCardSkeleton />\n            </div>\n          ))\n        : collections.map((col) => (\n            <div key={col.contractAddress} className=\"w-56 sm:w-64 snap-start shrink-0\">\n              <CollectionCard collection={col} />\n            </div>\n          ))}\n    </ScrollSection>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA4BY;AA1BZ,0BAAuB;AACvB,4BAA8B;AAC9B,6BAAuD;AAgBhD,SAAS,yBAAyB;AAAA,EACvC;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB,QAAQ;AACV,GAAkC;AAChC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,4CAAC,8BAAO,WAAU,0BAAyB;AAAA,MACjD,QAAO;AAAA,MACP;AAAA,MACA,MAAM;AAAA,MACN,WAAU;AAAA,MAET,sBACG,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MAChC,4CAAC,SAAY,WAAU,oCACrB,sDAAC,iDAAuB,KADhB,CAEV,CACD,IACD,YAAY,IAAI,CAAC,QACf,4CAAC,SAA8B,WAAU,oCACvC,sDAAC,yCAAe,YAAY,KAAK,KADzB,IAAI,eAEd,CACD;AAAA;AAAA,EACP;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/discover-collections-strip.tsx"],"sourcesContent":["\"use client\";\n\nimport { Layers } from \"lucide-react\";\nimport { ScrollSection } from \"./scroll-section.js\";\nimport { CollectionCard, CollectionCardSkeleton } from \"./collection-card.js\";\nimport type { ApiCollection } from \"@medialane/sdk\";\n\nexport interface DiscoverCollectionsStripProps {\n  collections: ApiCollection[];\n  isLoading: boolean;\n\n  getHref?: (collection: ApiCollection) => string;\n  allCollectionsHref?: string;\n\n  sectionLabel?: string;\n  title?: string;\n}\n\nexport function DiscoverCollectionsStrip({\n  collections,\n  isLoading,\n  allCollectionsHref = \"/collections\",\n  title = \"Collections\",\n}: DiscoverCollectionsStripProps) {\n  return (\n    <ScrollSection\n      icon={<Layers className=\"h-3.5 w-3.5 text-white\" />}\n      iconBg=\"bg-gradient-to-br from-brand-blue to-indigo-600 shadow-md shadow-brand-blue/20\"\n      title={title}\n      href={allCollectionsHref}\n      linkLabel=\"View all\"\n    >\n      {isLoading\n        ? Array.from({ length: 5 }).map((_, i) => (\n            <div key={i} className=\"w-56 sm:w-64 snap-start shrink-0\">\n              <CollectionCardSkeleton />\n            </div>\n          ))\n        : collections.map((col) => (\n            <div key={col.contractAddress} className=\"w-56 sm:w-64 snap-start shrink-0\">\n              <CollectionCard collection={col} />\n            </div>\n          ))}\n    </ScrollSection>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BY;AAxBZ,0BAAuB;AACvB,4BAA8B;AAC9B,6BAAuD;AAchD,SAAS,yBAAyB;AAAA,EACvC;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB,QAAQ;AACV,GAAkC;AAChC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,4CAAC,8BAAO,WAAU,0BAAyB;AAAA,MACjD,QAAO;AAAA,MACP;AAAA,MACA,MAAM;AAAA,MACN,WAAU;AAAA,MAET,sBACG,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MAChC,4CAAC,SAAY,WAAU,oCACrB,sDAAC,iDAAuB,KADhB,CAEV,CACD,IACD,YAAY,IAAI,CAAC,QACf,4CAAC,SAA8B,WAAU,oCACvC,sDAAC,yCAAe,YAAY,KAAK,KADzB,IAAI,eAEd,CACD;AAAA;AAAA,EACP;AAEJ;","names":[]}

package/dist/components/discover-collections-strip.d.cts

@@ -4,15 +4,11 @@ import { ApiCollection } from '@medialane/sdk';
 interface DiscoverCollectionsStripProps {
     collections: ApiCollection[];
     isLoading: boolean;
-    /** Kept for API compat — CollectionCard links to /collections/:contract internally */
     getHref?: (collection: ApiCollection) => string;
     allCollectionsHref?: string;
-    /** Kept for API compat — the io-style header has no eyebrow label */
     sectionLabel?: string;
     title?: string;
 }
-/** Discover Collections carousel — CollectionCard tiles under the shared
- *  icon-badge ScrollSection header (io-approved design). */
 declare function DiscoverCollectionsStrip({ collections, isLoading, allCollectionsHref, title, }: DiscoverCollectionsStripProps): react_jsx_runtime.JSX.Element;
 
 export { DiscoverCollectionsStrip, type DiscoverCollectionsStripProps };

package/dist/components/discover-collections-strip.d.ts

@@ -4,15 +4,11 @@ import { ApiCollection } from '@medialane/sdk';
 interface DiscoverCollectionsStripProps {
     collections: ApiCollection[];
     isLoading: boolean;
-    /** Kept for API compat — CollectionCard links to /collections/:contract internally */
     getHref?: (collection: ApiCollection) => string;
     allCollectionsHref?: string;
-    /** Kept for API compat — the io-style header has no eyebrow label */
     sectionLabel?: string;
     title?: string;
 }
-/** Discover Collections carousel — CollectionCard tiles under the shared
- *  icon-badge ScrollSection header (io-approved design). */
 declare function DiscoverCollectionsStrip({ collections, isLoading, allCollectionsHref, title, }: DiscoverCollectionsStripProps): react_jsx_runtime.JSX.Element;
 
 export { DiscoverCollectionsStrip, type DiscoverCollectionsStripProps };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/discover-collections-strip.tsx"],"sourcesContent":["\"use client\";\n\nimport { Layers } from \"lucide-react\";\nimport { ScrollSection } from \"./scroll-section.js\";\nimport { CollectionCard, CollectionCardSkeleton } from \"./collection-card.js\";\nimport type { ApiCollection } from \"@medialane/sdk\";\n\nexport interface DiscoverCollectionsStripProps {\n  collections: ApiCollection[];\n  isLoading: boolean;\n  /** Kept for API compat — CollectionCard links to /collections/:contract internally */\n  getHref?: (collection: ApiCollection) => string;\n  allCollectionsHref?: string;\n  /** Kept for API compat — the io-style header has no eyebrow label */\n  sectionLabel?: string;\n  title?: string;\n}\n\n/** Discover Collections carousel — CollectionCard tiles under the shared\n *  icon-badge ScrollSection header (io-approved design). */\nexport function DiscoverCollectionsStrip({\n  collections,\n  isLoading,\n  allCollectionsHref = \"/collections\",\n  title = \"Collections\",\n}: DiscoverCollectionsStripProps) {\n  return (\n    <ScrollSection\n      icon={<Layers className=\"h-3.5 w-3.5 text-white\" />}\n      iconBg=\"bg-gradient-to-br from-brand-blue to-indigo-600 shadow-md shadow-brand-blue/20\"\n      title={title}\n      href={allCollectionsHref}\n      linkLabel=\"View all\"\n    >\n      {isLoading\n        ? Array.from({ length: 5 }).map((_, i) => (\n            <div key={i} className=\"w-56 sm:w-64 snap-start shrink-0\">\n              <CollectionCardSkeleton />\n            </div>\n          ))\n        : collections.map((col) => (\n            <div key={col.contractAddress} className=\"w-56 sm:w-64 snap-start shrink-0\">\n              <CollectionCard collection={col} />\n            </div>\n          ))}\n    </ScrollSection>\n  );\n}\n"],"mappings":";AA4BY;AA1BZ,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAC9B,SAAS,gBAAgB,8BAA8B;AAgBhD,SAAS,yBAAyB;AAAA,EACvC;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB,QAAQ;AACV,GAAkC;AAChC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,oBAAC,UAAO,WAAU,0BAAyB;AAAA,MACjD,QAAO;AAAA,MACP;AAAA,MACA,MAAM;AAAA,MACN,WAAU;AAAA,MAET,sBACG,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MAChC,oBAAC,SAAY,WAAU,oCACrB,8BAAC,0BAAuB,KADhB,CAEV,CACD,IACD,YAAY,IAAI,CAAC,QACf,oBAAC,SAA8B,WAAU,oCACvC,8BAAC,kBAAe,YAAY,KAAK,KADzB,IAAI,eAEd,CACD;AAAA;AAAA,EACP;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/discover-collections-strip.tsx"],"sourcesContent":["\"use client\";\n\nimport { Layers } from \"lucide-react\";\nimport { ScrollSection } from \"./scroll-section.js\";\nimport { CollectionCard, CollectionCardSkeleton } from \"./collection-card.js\";\nimport type { ApiCollection } from \"@medialane/sdk\";\n\nexport interface DiscoverCollectionsStripProps {\n  collections: ApiCollection[];\n  isLoading: boolean;\n\n  getHref?: (collection: ApiCollection) => string;\n  allCollectionsHref?: string;\n\n  sectionLabel?: string;\n  title?: string;\n}\n\nexport function DiscoverCollectionsStrip({\n  collections,\n  isLoading,\n  allCollectionsHref = \"/collections\",\n  title = \"Collections\",\n}: DiscoverCollectionsStripProps) {\n  return (\n    <ScrollSection\n      icon={<Layers className=\"h-3.5 w-3.5 text-white\" />}\n      iconBg=\"bg-gradient-to-br from-brand-blue to-indigo-600 shadow-md shadow-brand-blue/20\"\n      title={title}\n      href={allCollectionsHref}\n      linkLabel=\"View all\"\n    >\n      {isLoading\n        ? Array.from({ length: 5 }).map((_, i) => (\n            <div key={i} className=\"w-56 sm:w-64 snap-start shrink-0\">\n              <CollectionCardSkeleton />\n            </div>\n          ))\n        : collections.map((col) => (\n            <div key={col.contractAddress} className=\"w-56 sm:w-64 snap-start shrink-0\">\n              <CollectionCard collection={col} />\n            </div>\n          ))}\n    </ScrollSection>\n  );\n}\n"],"mappings":";AA0BY;AAxBZ,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAC9B,SAAS,gBAAgB,8BAA8B;AAchD,SAAS,yBAAyB;AAAA,EACvC;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB,QAAQ;AACV,GAAkC;AAChC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,oBAAC,UAAO,WAAU,0BAAyB;AAAA,MACjD,QAAO;AAAA,MACP;AAAA,MACA,MAAM;AAAA,MACN,WAAU;AAAA,MAET,sBACG,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MAChC,oBAAC,SAAY,WAAU,oCACrB,8BAAC,0BAAuB,KADhB,CAEV,CACD,IACD,YAAY,IAAI,CAAC,QACf,oBAAC,SAA8B,WAAU,oCACvC,8BAAC,kBAAe,YAAY,KAAK,KADzB,IAAI,eAEd,CACD;AAAA;AAAA,EACP;AAEJ;","names":[]}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/discover-creators-strip.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { Users, ArrowRight } 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 [bannerError, setBannerError] = useState(false);\n\n  // avatarImage (the creator's chosen NFT) with collectionImage fallback — io-approved big-username design\n  const rawSrc = creator.avatarImage || creator.collectionImage || null;\n  const bannerUrl = rawSrc && !bannerError ? ipfsToHttp(rawSrc) : null;\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 bottom-0 inset-x-0 px-3 py-3\">\n          <p className=\"font-bold text-2xl text-white truncate\">{creator.username}</p>\n        </div>\n      </div>\n    </a>\n  );\n}\n\nexport function DiscoverCreatorsStrip({\n  creators,\n  isLoading,\n  getHref,\n  allCreatorsHref = \"/creators\",\n  sectionLabel = \"Explore\",\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-5 sm:gap-6 w-max pb-2\">\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":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBI;AAjBJ,mBAAyB;AACzB,0BAAkC;AAClC,+BAAuB;AACvB,kBAA2B;AAY3B,SAAS,sBAAsB;AAC7B,SACE,4CAAC,SAAI,WAAU,gEAA+D;AAElF;AAEA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AACF,GAGG;AACD,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,KAAK;AAGpD,QAAM,SAAS,QAAQ,eAAe,QAAQ,mBAAmB;AACjE,QAAM,YAAY,UAAU,CAAC,kBAAc,wBAAW,MAAM,IAAI;AAEhE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAU;AAAA,MAEV,uDAAC,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,4CAAC,SAAI,WAAU,yCACb,sDAAC,OAAE,WAAU,0CAA0C,kBAAQ,UAAS,GAC1E;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,4CAAC,mCACC,uDAAC,SAAI,WAAU,aACb;AAAA,iDAAC,SAAI,WAAU,qCACb;AAAA,mDAAC,SACC;AAAA,oDAAC,OAAE,WAAU,iBAAiB,wBAAa;AAAA,QAC3C,6CAAC,SAAI,WAAU,kCACb;AAAA,sDAAC,6BAAM,WAAU,6BAA4B;AAAA,UAC7C,4CAAC,QAAG,WAAU,qBAAqB,iBAAM;AAAA,WAC3C;AAAA,SACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,WAAU;AAAA,UACX;AAAA;AAAA,YACU,4CAAC,kCAAW,WAAU,eAAc;AAAA;AAAA;AAAA,MAC/C;AAAA,OACF;AAAA,IACA,4CAAC,SAAI,WAAU,mFACb,sDAAC,SAAI,WAAU,kCACZ,sBACG,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MAAM,4CAAC,yBAAyB,CAAG,CAAE,IACvE,SAAS,IAAI,CAAC,MACZ,4CAAC,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 } 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 [bannerError, setBannerError] = useState(false);\n\n  const rawSrc = creator.avatarImage || creator.collectionImage || null;\n  const bannerUrl = rawSrc && !bannerError ? ipfsToHttp(rawSrc) : null;\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 bottom-0 inset-x-0 px-3 py-3\">\n          <p className=\"font-bold text-2xl text-white truncate\">{creator.username}</p>\n        </div>\n      </div>\n    </a>\n  );\n}\n\nexport function DiscoverCreatorsStrip({\n  creators,\n  isLoading,\n  getHref,\n  allCreatorsHref = \"/creators\",\n  sectionLabel = \"Explore\",\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-5 sm:gap-6 w-max pb-2\">\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":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBI;AAjBJ,mBAAyB;AACzB,0BAAkC;AAClC,+BAAuB;AACvB,kBAA2B;AAY3B,SAAS,sBAAsB;AAC7B,SACE,4CAAC,SAAI,WAAU,gEAA+D;AAElF;AAEA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AACF,GAGG;AACD,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,KAAK;AAEpD,QAAM,SAAS,QAAQ,eAAe,QAAQ,mBAAmB;AACjE,QAAM,YAAY,UAAU,CAAC,kBAAc,wBAAW,MAAM,IAAI;AAEhE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAU;AAAA,MAEV,uDAAC,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,4CAAC,SAAI,WAAU,yCACb,sDAAC,OAAE,WAAU,0CAA0C,kBAAQ,UAAS,GAC1E;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,4CAAC,mCACC,uDAAC,SAAI,WAAU,aACb;AAAA,iDAAC,SAAI,WAAU,qCACb;AAAA,mDAAC,SACC;AAAA,oDAAC,OAAE,WAAU,iBAAiB,wBAAa;AAAA,QAC3C,6CAAC,SAAI,WAAU,kCACb;AAAA,sDAAC,6BAAM,WAAU,6BAA4B;AAAA,UAC7C,4CAAC,QAAG,WAAU,qBAAqB,iBAAM;AAAA,WAC3C;AAAA,SACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,WAAU;AAAA,UACX;AAAA;AAAA,YACU,4CAAC,kCAAW,WAAU,eAAc;AAAA;AAAA;AAAA,MAC/C;AAAA,OACF;AAAA,IACA,4CAAC,SAAI,WAAU,mFACb,sDAAC,SAAI,WAAU,kCACZ,sBACG,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MAAM,4CAAC,yBAAyB,CAAG,CAAE,IACvE,SAAS,IAAI,CAAC,MACZ,4CAAC,eAAkC,SAAS,GAAG,MAAM,QAAQ,CAAC,KAA5C,EAAE,aAA6C,CAClE,GACP,GACF;AAAA,KACF,GACF;AAEJ;","names":[]}

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 } 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 [bannerError, setBannerError] = useState(false);\n\n  // avatarImage (the creator's chosen NFT) with collectionImage fallback — io-approved big-username design\n  const rawSrc = creator.avatarImage || creator.collectionImage || null;\n  const bannerUrl = rawSrc && !bannerError ? ipfsToHttp(rawSrc) : null;\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 bottom-0 inset-x-0 px-3 py-3\">\n          <p className=\"font-bold text-2xl text-white truncate\">{creator.username}</p>\n        </div>\n      </div>\n    </a>\n  );\n}\n\nexport function DiscoverCreatorsStrip({\n  creators,\n  isLoading,\n  getHref,\n  allCreatorsHref = \"/creators\",\n  sectionLabel = \"Explore\",\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-5 sm:gap-6 w-max pb-2\">\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,cAsBE,YAtBF;AAjBJ,SAAS,gBAAgB;AACzB,SAAS,OAAO,kBAAkB;AAClC,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;AAGpD,QAAM,SAAS,QAAQ,eAAe,QAAQ,mBAAmB;AACjE,QAAM,YAAY,UAAU,CAAC,cAAc,WAAW,MAAM,IAAI;AAEhE,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,yCACb,8BAAC,OAAE,WAAU,0CAA0C,kBAAQ,UAAS,GAC1E;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,kCACZ,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 } 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 [bannerError, setBannerError] = useState(false);\n\n  const rawSrc = creator.avatarImage || creator.collectionImage || null;\n  const bannerUrl = rawSrc && !bannerError ? ipfsToHttp(rawSrc) : null;\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 bottom-0 inset-x-0 px-3 py-3\">\n          <p className=\"font-bold text-2xl text-white truncate\">{creator.username}</p>\n        </div>\n      </div>\n    </a>\n  );\n}\n\nexport function DiscoverCreatorsStrip({\n  creators,\n  isLoading,\n  getHref,\n  allCreatorsHref = \"/creators\",\n  sectionLabel = \"Explore\",\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-5 sm:gap-6 w-max pb-2\">\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,cAqBE,YArBF;AAjBJ,SAAS,gBAAgB;AACzB,SAAS,OAAO,kBAAkB;AAClC,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;AAEpD,QAAM,SAAS,QAAQ,eAAe,QAAQ,mBAAmB;AACjE,QAAM,YAAY,UAAU,CAAC,cAAc,WAAW,MAAM,IAAI;AAEhE,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,yCACb,8BAAC,OAAE,WAAU,0CAA0C,kBAAQ,UAAS,GAC1E;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,kCACZ,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-feed-section.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/discover-feed-section.tsx"],"sourcesContent":["\"use client\";\n\nimport { Tag, Activity, RefreshCw, ArrowRight } from \"lucide-react\";\nimport { FadeIn } from \"./motion-primitives.js\";\nimport { ListingCard, ListingCardSkeleton } from \"./listing-card.js\";\nimport { ActivityCard, ActivityCardSkeleton } from \"./activity-card.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { cn } from \"../utils/cn.js\";\nimport type { ApiOrder, ApiActivity } from \"@medialane/sdk\";\n\nexport interface DiscoverFeedSectionProps {\n  orders: ApiOrder[];\n  isLoading: boolean;\n  activities: ApiActivity[];\n  activitiesLoading: boolean;\n  lastUpdated: string;\n  getAssetHref?: (contract: string, tokenId: string) => string;\n  getActorHref?: (address: string) => string;\n  explorerUrl?: string;\n  marketplaceHref?: string;\n  activitiesHref?: string;\n  /** Optional buy hook — when provided, listing cards show their Buy action */\n  onBuyOrder?: (order: ApiOrder) => void;\n  /** Hide the buy action for orders the viewer owns */\n  isOwnOrder?: (order: ApiOrder) => boolean;\n}\n\n// ── Shared strip shell: icon-badge header + snap-scroll row ─────────────────\nfunction StripShell({\n  icon,\n  iconBg,\n  title,\n  subtitle,\n  href,\n  linkLabel,\n  children,\n}: {\n  icon: React.ReactNode;\n  iconBg: string;\n  title: string;\n  subtitle?: React.ReactNode;\n  href: string;\n  linkLabel: string;\n  children: React.ReactNode;\n}) {\n  return (\n    <section className=\"space-y-4\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-2.5\">\n          <div className={cn(\"h-7 w-7 rounded-lg flex items-center justify-center\", iconBg)}>\n            {icon}\n          </div>\n          <div>\n            <h2 className=\"text-lg sm:text-xl font-semibold leading-none\">{title}</h2>\n            {subtitle && <p className=\"text-2xs text-muted-foreground mt-1\">{subtitle}</p>}\n          </div>\n        </div>\n        <a\n          href={href}\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          {linkLabel} <ArrowRight className=\"h-3.5 w-3.5\" />\n        </a>\n      </div>\n\n      <div className=\"w-full overflow-x-auto scrollbar-hide\">\n        <div className=\"flex gap-5 sm:gap-6 snap-x snap-mandatory pb-2\" style={{ width: \"max-content\" }}>\n          {children}\n        </div>\n      </div>\n    </section>\n  );\n}\n\nexport interface DiscoverActivityStripProps {\n  orders: ApiOrder[];\n  isLoading: boolean;\n  marketplaceHref?: string;\n  onBuyOrder?: (order: ApiOrder) => void;\n  isOwnOrder?: (order: ApiOrder) => boolean;\n}\n\n/** Markets — recent listings carousel. Standalone (2026-07-05) so a page can\n *  place other sections (e.g. Browse by Type) between this and Community. */\nexport function DiscoverActivityStrip({\n  orders,\n  isLoading,\n  marketplaceHref = \"/marketplace\",\n  onBuyOrder,\n  isOwnOrder,\n}: DiscoverActivityStripProps) {\n  return (\n    <FadeIn>\n      <StripShell\n        icon={<Tag className=\"h-3.5 w-3.5 text-white\" />}\n        iconBg=\"bg-gradient-to-br from-rose-500 to-pink-600 shadow-md shadow-rose-500/20\"\n        title=\"Activity\"\n        href={marketplaceHref}\n        linkLabel=\"View all\"\n      >\n        {isLoading\n          ? Array.from({ length: 8 }).map((_, i) => (\n              <div key={i} className=\"w-72 snap-start shrink-0\">\n                <ListingCardSkeleton />\n              </div>\n            ))\n          : orders.length === 0\n          ? (\n              <p className=\"text-sm text-muted-foreground py-4\">No active listings yet.</p>\n            )\n          : orders.map((order) => {\n              const own = isOwnOrder?.(order) ?? false;\n              return (\n                <div key={order.orderHash} className=\"w-72 snap-start shrink-0\">\n                  <ListingCard\n                    order={order}\n                    onBuy={onBuyOrder && !own ? () => onBuyOrder(order) : undefined}\n                  />\n                </div>\n              );\n            })}\n      </StripShell>\n    </FadeIn>\n  );\n}\n\n/**\n * @deprecated Kept for apps still on the combined layout (e.g. medialane-io,\n * pending its own migration). New pages should use `DiscoverActivityStrip`\n * directly and build their own Community section — see medialane-starknet's\n * discover community-section.tsx for the 2-column activities+leaderboard\n * replacement of the old carousel below.\n */\nexport function DiscoverFeedSection({\n  orders,\n  isLoading,\n  activities,\n  activitiesLoading,\n  lastUpdated,\n  getAssetHref = (c, t) => `/asset/${c}/${t}`,\n  marketplaceHref = \"/marketplace\",\n  activitiesHref = \"/activities\",\n  onBuyOrder,\n  isOwnOrder,\n}: DiscoverFeedSectionProps) {\n  return (\n    <div className=\"space-y-14 sm:space-y-20\">\n      <DiscoverActivityStrip\n        orders={orders}\n        isLoading={isLoading}\n        marketplaceHref={marketplaceHref}\n        onBuyOrder={onBuyOrder}\n        isOwnOrder={isOwnOrder}\n      />\n\n      {/* Community — recent on-chain activity carousel */}\n      <FadeIn delay={0.08}>\n        <StripShell\n          icon={<Activity className=\"h-3.5 w-3.5 text-white\" />}\n          iconBg=\"bg-gradient-to-br from-indigo-500 to-blue-600 shadow-md shadow-indigo-500/20\"\n          title=\"Community\"\n          subtitle={\n            <span className=\"flex items-center gap-1\">\n              <RefreshCw className=\"h-2.5 w-2.5\" />\n              Updated {timeAgo(lastUpdated)}\n            </span>\n          }\n          href={activitiesHref}\n          linkLabel=\"Activities\"\n        >\n          {activitiesLoading\n            ? Array.from({ length: 8 }).map((_, i) => (\n                <div key={i} className=\"w-56 sm:w-64 snap-start shrink-0\">\n                  <ActivityCardSkeleton />\n                </div>\n              ))\n            : activities.length === 0\n            ? (\n                <p className=\"text-sm text-muted-foreground py-4\">\n                  No activity yet. Be the first to trade on Medialane!\n                </p>\n              )\n            : activities.map((act, i) => {\n                const key = act.txHash\n                  ? `${act.txHash}-${act.type}-${act.nftTokenId ?? \"\"}`\n                  : `activity-${i}`;\n                return (\n                  <div key={key} className=\"w-56 sm:w-64 snap-start shrink-0\">\n                    <ActivityCard activity={act} getAssetHref={getAssetHref} />\n                  </div>\n                );\n              })}\n        </StripShell>\n      </FadeIn>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/discover-feed-section.tsx"],"sourcesContent":["\"use client\";\n\nimport { Tag, Activity, RefreshCw, ArrowRight } from \"lucide-react\";\nimport { FadeIn } from \"./motion-primitives.js\";\nimport { ListingCard, ListingCardSkeleton } from \"./listing-card.js\";\nimport { ActivityCard, ActivityCardSkeleton } from \"./activity-card.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { cn } from \"../utils/cn.js\";\nimport type { ApiOrder, ApiActivity } from \"@medialane/sdk\";\n\nexport interface DiscoverFeedSectionProps {\n  orders: ApiOrder[];\n  isLoading: boolean;\n  activities: ApiActivity[];\n  activitiesLoading: boolean;\n  lastUpdated: string;\n  getAssetHref?: (contract: string, tokenId: string) => string;\n  getActorHref?: (address: string) => string;\n  explorerUrl?: string;\n  marketplaceHref?: string;\n  activitiesHref?: string;\n\n  onBuyOrder?: (order: ApiOrder) => void;\n\n  isOwnOrder?: (order: ApiOrder) => boolean;\n}\n\nfunction StripShell({\n  icon,\n  iconBg,\n  title,\n  subtitle,\n  href,\n  linkLabel,\n  children,\n}: {\n  icon: React.ReactNode;\n  iconBg: string;\n  title: string;\n  subtitle?: React.ReactNode;\n  href: string;\n  linkLabel: string;\n  children: React.ReactNode;\n}) {\n  return (\n    <section className=\"space-y-4\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-2.5\">\n          <div className={cn(\"h-7 w-7 rounded-lg flex items-center justify-center\", iconBg)}>\n            {icon}\n          </div>\n          <div>\n            <h2 className=\"text-lg sm:text-xl font-semibold leading-none\">{title}</h2>\n            {subtitle && <p className=\"text-2xs text-muted-foreground mt-1\">{subtitle}</p>}\n          </div>\n        </div>\n        <a\n          href={href}\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          {linkLabel} <ArrowRight className=\"h-3.5 w-3.5\" />\n        </a>\n      </div>\n\n      <div className=\"w-full overflow-x-auto scrollbar-hide\">\n        <div className=\"flex gap-5 sm:gap-6 snap-x snap-mandatory pb-2\" style={{ width: \"max-content\" }}>\n          {children}\n        </div>\n      </div>\n    </section>\n  );\n}\n\nexport interface DiscoverActivityStripProps {\n  orders: ApiOrder[];\n  isLoading: boolean;\n  marketplaceHref?: string;\n  onBuyOrder?: (order: ApiOrder) => void;\n  isOwnOrder?: (order: ApiOrder) => boolean;\n}\n\nexport function DiscoverActivityStrip({\n  orders,\n  isLoading,\n  marketplaceHref = \"/marketplace\",\n  onBuyOrder,\n  isOwnOrder,\n}: DiscoverActivityStripProps) {\n  return (\n    <FadeIn>\n      <StripShell\n        icon={<Tag className=\"h-3.5 w-3.5 text-white\" />}\n        iconBg=\"bg-gradient-to-br from-rose-500 to-pink-600 shadow-md shadow-rose-500/20\"\n        title=\"Activity\"\n        href={marketplaceHref}\n        linkLabel=\"View all\"\n      >\n        {isLoading\n          ? Array.from({ length: 8 }).map((_, i) => (\n              <div key={i} className=\"w-72 snap-start shrink-0\">\n                <ListingCardSkeleton />\n              </div>\n            ))\n          : orders.length === 0\n          ? (\n              <p className=\"text-sm text-muted-foreground py-4\">No active listings yet.</p>\n            )\n          : orders.map((order) => {\n              const own = isOwnOrder?.(order) ?? false;\n              return (\n                <div key={order.orderHash} className=\"w-72 snap-start shrink-0\">\n                  <ListingCard\n                    order={order}\n                    onBuy={onBuyOrder && !own ? () => onBuyOrder(order) : undefined}\n                  />\n                </div>\n              );\n            })}\n      </StripShell>\n    </FadeIn>\n  );\n}\n\nexport function DiscoverFeedSection({\n  orders,\n  isLoading,\n  activities,\n  activitiesLoading,\n  lastUpdated,\n  getAssetHref = (c, t) => `/asset/${c}/${t}`,\n  marketplaceHref = \"/marketplace\",\n  activitiesHref = \"/activities\",\n  onBuyOrder,\n  isOwnOrder,\n}: DiscoverFeedSectionProps) {\n  return (\n    <div className=\"space-y-14 sm:space-y-20\">\n      <DiscoverActivityStrip\n        orders={orders}\n        isLoading={isLoading}\n        marketplaceHref={marketplaceHref}\n        onBuyOrder={onBuyOrder}\n        isOwnOrder={isOwnOrder}\n      />\n\n      <FadeIn delay={0.08}>\n        <StripShell\n          icon={<Activity className=\"h-3.5 w-3.5 text-white\" />}\n          iconBg=\"bg-gradient-to-br from-indigo-500 to-blue-600 shadow-md shadow-indigo-500/20\"\n          title=\"Community\"\n          subtitle={\n            <span className=\"flex items-center gap-1\">\n              <RefreshCw className=\"h-2.5 w-2.5\" />\n              Updated {timeAgo(lastUpdated)}\n            </span>\n          }\n          href={activitiesHref}\n          linkLabel=\"Activities\"\n        >\n          {activitiesLoading\n            ? Array.from({ length: 8 }).map((_, i) => (\n                <div key={i} className=\"w-56 sm:w-64 snap-start shrink-0\">\n                  <ActivityCardSkeleton />\n                </div>\n              ))\n            : activities.length === 0\n            ? (\n                <p className=\"text-sm text-muted-foreground py-4\">\n                  No activity yet. Be the first to trade on Medialane!\n                </p>\n              )\n            : activities.map((act, i) => {\n                const key = act.txHash\n                  ? `${act.txHash}-${act.type}-${act.nftTokenId ?? \"\"}`\n                  : `activity-${i}`;\n                return (\n                  <div key={key} className=\"w-56 sm:w-64 snap-start shrink-0\">\n                    <ActivityCard activity={act} getAssetHref={getAssetHref} />\n                  </div>\n                );\n              })}\n        </StripShell>\n      </FadeIn>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

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

@@ -12,9 +12,7 @@ interface DiscoverFeedSectionProps {
     explorerUrl?: string;
     marketplaceHref?: string;
     activitiesHref?: string;
-    /** Optional buy hook — when provided, listing cards show their Buy action */
     onBuyOrder?: (order: ApiOrder) => void;
-    /** Hide the buy action for orders the viewer owns */
     isOwnOrder?: (order: ApiOrder) => boolean;
 }
 interface DiscoverActivityStripProps {
@@ -24,16 +22,7 @@ interface DiscoverActivityStripProps {
     onBuyOrder?: (order: ApiOrder) => void;
     isOwnOrder?: (order: ApiOrder) => boolean;
 }
-/** Markets — recent listings carousel. Standalone (2026-07-05) so a page can
- *  place other sections (e.g. Browse by Type) between this and Community. */
 declare function DiscoverActivityStrip({ orders, isLoading, marketplaceHref, onBuyOrder, isOwnOrder, }: DiscoverActivityStripProps): react_jsx_runtime.JSX.Element;
-/**
- * @deprecated Kept for apps still on the combined layout (e.g. medialane-io,
- * pending its own migration). New pages should use `DiscoverActivityStrip`
- * directly and build their own Community section — see medialane-starknet's
- * discover community-section.tsx for the 2-column activities+leaderboard
- * replacement of the old carousel below.
- */
 declare function DiscoverFeedSection({ orders, isLoading, activities, activitiesLoading, lastUpdated, getAssetHref, marketplaceHref, activitiesHref, onBuyOrder, isOwnOrder, }: DiscoverFeedSectionProps): react_jsx_runtime.JSX.Element;
 
 export { DiscoverActivityStrip, type DiscoverActivityStripProps, DiscoverFeedSection, type DiscoverFeedSectionProps };

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

@@ -12,9 +12,7 @@ interface DiscoverFeedSectionProps {
     explorerUrl?: string;
     marketplaceHref?: string;
     activitiesHref?: string;
-    /** Optional buy hook — when provided, listing cards show their Buy action */
     onBuyOrder?: (order: ApiOrder) => void;
-    /** Hide the buy action for orders the viewer owns */
     isOwnOrder?: (order: ApiOrder) => boolean;
 }
 interface DiscoverActivityStripProps {
@@ -24,16 +22,7 @@ interface DiscoverActivityStripProps {
     onBuyOrder?: (order: ApiOrder) => void;
     isOwnOrder?: (order: ApiOrder) => boolean;
 }
-/** Markets — recent listings carousel. Standalone (2026-07-05) so a page can
- *  place other sections (e.g. Browse by Type) between this and Community. */
 declare function DiscoverActivityStrip({ orders, isLoading, marketplaceHref, onBuyOrder, isOwnOrder, }: DiscoverActivityStripProps): react_jsx_runtime.JSX.Element;
-/**
- * @deprecated Kept for apps still on the combined layout (e.g. medialane-io,
- * pending its own migration). New pages should use `DiscoverActivityStrip`
- * directly and build their own Community section — see medialane-starknet's
- * discover community-section.tsx for the 2-column activities+leaderboard
- * replacement of the old carousel below.
- */
 declare function DiscoverFeedSection({ orders, isLoading, activities, activitiesLoading, lastUpdated, getAssetHref, marketplaceHref, activitiesHref, onBuyOrder, isOwnOrder, }: DiscoverFeedSectionProps): react_jsx_runtime.JSX.Element;
 
 export { DiscoverActivityStrip, type DiscoverActivityStripProps, DiscoverFeedSection, type DiscoverFeedSectionProps };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/discover-feed-section.tsx"],"sourcesContent":["\"use client\";\n\nimport { Tag, Activity, RefreshCw, ArrowRight } from \"lucide-react\";\nimport { FadeIn } from \"./motion-primitives.js\";\nimport { ListingCard, ListingCardSkeleton } from \"./listing-card.js\";\nimport { ActivityCard, ActivityCardSkeleton } from \"./activity-card.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { cn } from \"../utils/cn.js\";\nimport type { ApiOrder, ApiActivity } from \"@medialane/sdk\";\n\nexport interface DiscoverFeedSectionProps {\n  orders: ApiOrder[];\n  isLoading: boolean;\n  activities: ApiActivity[];\n  activitiesLoading: boolean;\n  lastUpdated: string;\n  getAssetHref?: (contract: string, tokenId: string) => string;\n  getActorHref?: (address: string) => string;\n  explorerUrl?: string;\n  marketplaceHref?: string;\n  activitiesHref?: string;\n  /** Optional buy hook — when provided, listing cards show their Buy action */\n  onBuyOrder?: (order: ApiOrder) => void;\n  /** Hide the buy action for orders the viewer owns */\n  isOwnOrder?: (order: ApiOrder) => boolean;\n}\n\n// ── Shared strip shell: icon-badge header + snap-scroll row ─────────────────\nfunction StripShell({\n  icon,\n  iconBg,\n  title,\n  subtitle,\n  href,\n  linkLabel,\n  children,\n}: {\n  icon: React.ReactNode;\n  iconBg: string;\n  title: string;\n  subtitle?: React.ReactNode;\n  href: string;\n  linkLabel: string;\n  children: React.ReactNode;\n}) {\n  return (\n    <section className=\"space-y-4\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-2.5\">\n          <div className={cn(\"h-7 w-7 rounded-lg flex items-center justify-center\", iconBg)}>\n            {icon}\n          </div>\n          <div>\n            <h2 className=\"text-lg sm:text-xl font-semibold leading-none\">{title}</h2>\n            {subtitle && <p className=\"text-2xs text-muted-foreground mt-1\">{subtitle}</p>}\n          </div>\n        </div>\n        <a\n          href={href}\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          {linkLabel} <ArrowRight className=\"h-3.5 w-3.5\" />\n        </a>\n      </div>\n\n      <div className=\"w-full overflow-x-auto scrollbar-hide\">\n        <div className=\"flex gap-5 sm:gap-6 snap-x snap-mandatory pb-2\" style={{ width: \"max-content\" }}>\n          {children}\n        </div>\n      </div>\n    </section>\n  );\n}\n\nexport interface DiscoverActivityStripProps {\n  orders: ApiOrder[];\n  isLoading: boolean;\n  marketplaceHref?: string;\n  onBuyOrder?: (order: ApiOrder) => void;\n  isOwnOrder?: (order: ApiOrder) => boolean;\n}\n\n/** Markets — recent listings carousel. Standalone (2026-07-05) so a page can\n *  place other sections (e.g. Browse by Type) between this and Community. */\nexport function DiscoverActivityStrip({\n  orders,\n  isLoading,\n  marketplaceHref = \"/marketplace\",\n  onBuyOrder,\n  isOwnOrder,\n}: DiscoverActivityStripProps) {\n  return (\n    <FadeIn>\n      <StripShell\n        icon={<Tag className=\"h-3.5 w-3.5 text-white\" />}\n        iconBg=\"bg-gradient-to-br from-rose-500 to-pink-600 shadow-md shadow-rose-500/20\"\n        title=\"Activity\"\n        href={marketplaceHref}\n        linkLabel=\"View all\"\n      >\n        {isLoading\n          ? Array.from({ length: 8 }).map((_, i) => (\n              <div key={i} className=\"w-72 snap-start shrink-0\">\n                <ListingCardSkeleton />\n              </div>\n            ))\n          : orders.length === 0\n          ? (\n              <p className=\"text-sm text-muted-foreground py-4\">No active listings yet.</p>\n            )\n          : orders.map((order) => {\n              const own = isOwnOrder?.(order) ?? false;\n              return (\n                <div key={order.orderHash} className=\"w-72 snap-start shrink-0\">\n                  <ListingCard\n                    order={order}\n                    onBuy={onBuyOrder && !own ? () => onBuyOrder(order) : undefined}\n                  />\n                </div>\n              );\n            })}\n      </StripShell>\n    </FadeIn>\n  );\n}\n\n/**\n * @deprecated Kept for apps still on the combined layout (e.g. medialane-io,\n * pending its own migration). New pages should use `DiscoverActivityStrip`\n * directly and build their own Community section — see medialane-starknet's\n * discover community-section.tsx for the 2-column activities+leaderboard\n * replacement of the old carousel below.\n */\nexport function DiscoverFeedSection({\n  orders,\n  isLoading,\n  activities,\n  activitiesLoading,\n  lastUpdated,\n  getAssetHref = (c, t) => `/asset/${c}/${t}`,\n  marketplaceHref = \"/marketplace\",\n  activitiesHref = \"/activities\",\n  onBuyOrder,\n  isOwnOrder,\n}: DiscoverFeedSectionProps) {\n  return (\n    <div className=\"space-y-14 sm:space-y-20\">\n      <DiscoverActivityStrip\n        orders={orders}\n        isLoading={isLoading}\n        marketplaceHref={marketplaceHref}\n        onBuyOrder={onBuyOrder}\n        isOwnOrder={isOwnOrder}\n      />\n\n      {/* Community — recent on-chain activity carousel */}\n      <FadeIn delay={0.08}>\n        <StripShell\n          icon={<Activity className=\"h-3.5 w-3.5 text-white\" />}\n          iconBg=\"bg-gradient-to-br from-indigo-500 to-blue-600 shadow-md shadow-indigo-500/20\"\n          title=\"Community\"\n          subtitle={\n            <span className=\"flex items-center gap-1\">\n              <RefreshCw className=\"h-2.5 w-2.5\" />\n              Updated {timeAgo(lastUpdated)}\n            </span>\n          }\n          href={activitiesHref}\n          linkLabel=\"Activities\"\n        >\n          {activitiesLoading\n            ? Array.from({ length: 8 }).map((_, i) => (\n                <div key={i} className=\"w-56 sm:w-64 snap-start shrink-0\">\n                  <ActivityCardSkeleton />\n                </div>\n              ))\n            : activities.length === 0\n            ? (\n                <p className=\"text-sm text-muted-foreground py-4\">\n                  No activity yet. Be the first to trade on Medialane!\n                </p>\n              )\n            : activities.map((act, i) => {\n                const key = act.txHash\n                  ? `${act.txHash}-${act.type}-${act.nftTokenId ?? \"\"}`\n                  : `activity-${i}`;\n                return (\n                  <div key={key} className=\"w-56 sm:w-64 snap-start shrink-0\">\n                    <ActivityCard activity={act} getAssetHref={getAssetHref} />\n                  </div>\n                );\n              })}\n        </StripShell>\n      </FadeIn>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/discover-feed-section.tsx"],"sourcesContent":["\"use client\";\n\nimport { Tag, Activity, RefreshCw, ArrowRight } from \"lucide-react\";\nimport { FadeIn } from \"./motion-primitives.js\";\nimport { ListingCard, ListingCardSkeleton } from \"./listing-card.js\";\nimport { ActivityCard, ActivityCardSkeleton } from \"./activity-card.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { cn } from \"../utils/cn.js\";\nimport type { ApiOrder, ApiActivity } from \"@medialane/sdk\";\n\nexport interface DiscoverFeedSectionProps {\n  orders: ApiOrder[];\n  isLoading: boolean;\n  activities: ApiActivity[];\n  activitiesLoading: boolean;\n  lastUpdated: string;\n  getAssetHref?: (contract: string, tokenId: string) => string;\n  getActorHref?: (address: string) => string;\n  explorerUrl?: string;\n  marketplaceHref?: string;\n  activitiesHref?: string;\n\n  onBuyOrder?: (order: ApiOrder) => void;\n\n  isOwnOrder?: (order: ApiOrder) => boolean;\n}\n\nfunction StripShell({\n  icon,\n  iconBg,\n  title,\n  subtitle,\n  href,\n  linkLabel,\n  children,\n}: {\n  icon: React.ReactNode;\n  iconBg: string;\n  title: string;\n  subtitle?: React.ReactNode;\n  href: string;\n  linkLabel: string;\n  children: React.ReactNode;\n}) {\n  return (\n    <section className=\"space-y-4\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-2.5\">\n          <div className={cn(\"h-7 w-7 rounded-lg flex items-center justify-center\", iconBg)}>\n            {icon}\n          </div>\n          <div>\n            <h2 className=\"text-lg sm:text-xl font-semibold leading-none\">{title}</h2>\n            {subtitle && <p className=\"text-2xs text-muted-foreground mt-1\">{subtitle}</p>}\n          </div>\n        </div>\n        <a\n          href={href}\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          {linkLabel} <ArrowRight className=\"h-3.5 w-3.5\" />\n        </a>\n      </div>\n\n      <div className=\"w-full overflow-x-auto scrollbar-hide\">\n        <div className=\"flex gap-5 sm:gap-6 snap-x snap-mandatory pb-2\" style={{ width: \"max-content\" }}>\n          {children}\n        </div>\n      </div>\n    </section>\n  );\n}\n\nexport interface DiscoverActivityStripProps {\n  orders: ApiOrder[];\n  isLoading: boolean;\n  marketplaceHref?: string;\n  onBuyOrder?: (order: ApiOrder) => void;\n  isOwnOrder?: (order: ApiOrder) => boolean;\n}\n\nexport function DiscoverActivityStrip({\n  orders,\n  isLoading,\n  marketplaceHref = \"/marketplace\",\n  onBuyOrder,\n  isOwnOrder,\n}: DiscoverActivityStripProps) {\n  return (\n    <FadeIn>\n      <StripShell\n        icon={<Tag className=\"h-3.5 w-3.5 text-white\" />}\n        iconBg=\"bg-gradient-to-br from-rose-500 to-pink-600 shadow-md shadow-rose-500/20\"\n        title=\"Activity\"\n        href={marketplaceHref}\n        linkLabel=\"View all\"\n      >\n        {isLoading\n          ? Array.from({ length: 8 }).map((_, i) => (\n              <div key={i} className=\"w-72 snap-start shrink-0\">\n                <ListingCardSkeleton />\n              </div>\n            ))\n          : orders.length === 0\n          ? (\n              <p className=\"text-sm text-muted-foreground py-4\">No active listings yet.</p>\n            )\n          : orders.map((order) => {\n              const own = isOwnOrder?.(order) ?? false;\n              return (\n                <div key={order.orderHash} className=\"w-72 snap-start shrink-0\">\n                  <ListingCard\n                    order={order}\n                    onBuy={onBuyOrder && !own ? () => onBuyOrder(order) : undefined}\n                  />\n                </div>\n              );\n            })}\n      </StripShell>\n    </FadeIn>\n  );\n}\n\nexport function DiscoverFeedSection({\n  orders,\n  isLoading,\n  activities,\n  activitiesLoading,\n  lastUpdated,\n  getAssetHref = (c, t) => `/asset/${c}/${t}`,\n  marketplaceHref = \"/marketplace\",\n  activitiesHref = \"/activities\",\n  onBuyOrder,\n  isOwnOrder,\n}: DiscoverFeedSectionProps) {\n  return (\n    <div className=\"space-y-14 sm:space-y-20\">\n      <DiscoverActivityStrip\n        orders={orders}\n        isLoading={isLoading}\n        marketplaceHref={marketplaceHref}\n        onBuyOrder={onBuyOrder}\n        isOwnOrder={isOwnOrder}\n      />\n\n      <FadeIn delay={0.08}>\n        <StripShell\n          icon={<Activity className=\"h-3.5 w-3.5 text-white\" />}\n          iconBg=\"bg-gradient-to-br from-indigo-500 to-blue-600 shadow-md shadow-indigo-500/20\"\n          title=\"Community\"\n          subtitle={\n            <span className=\"flex items-center gap-1\">\n              <RefreshCw className=\"h-2.5 w-2.5\" />\n              Updated {timeAgo(lastUpdated)}\n            </span>\n          }\n          href={activitiesHref}\n          linkLabel=\"Activities\"\n        >\n          {activitiesLoading\n            ? Array.from({ length: 8 }).map((_, i) => (\n                <div key={i} className=\"w-56 sm:w-64 snap-start shrink-0\">\n                  <ActivityCardSkeleton />\n                </div>\n              ))\n            : activities.length === 0\n            ? (\n                <p className=\"text-sm text-muted-foreground py-4\">\n                  No activity yet. Be the first to trade on Medialane!\n                </p>\n              )\n            : activities.map((act, i) => {\n                const key = act.txHash\n                  ? `${act.txHash}-${act.type}-${act.nftTokenId ?? \"\"}`\n                  : `activity-${i}`;\n                return (\n                  <div key={key} className=\"w-56 sm:w-64 snap-start shrink-0\">\n                    <ActivityCard activity={act} getAssetHref={getAssetHref} />\n                  </div>\n                );\n              })}\n        </StripShell>\n      </FadeIn>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

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  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":[]}
+{"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\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      <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 && (\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      <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,IAEA;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,IAEC,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,IAGF,4CAAC,yCAAe,QAAgB,SAAS,eAAe;AAAA,KAC1D;AAEJ;","names":[]}

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  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":[]}
+{"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\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      <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 && (\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      <ActivityTicker orders={orders} getHref={getTickerHref} />\n    </div>\n  );\n}\n"],"mappings":";AA8BQ,cA2BI,YA3BJ;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,IAEA;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,IAEC,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,IAGF,oBAAC,kBAAe,QAAgB,SAAS,eAAe;AAAA,KAC1D;AAEJ;","names":[]}

package/dist/components/drop-countdown.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/drop-countdown.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\n\nfunction parts(totalSeconds: number) {\n  const s = Math.max(0, totalSeconds);\n  return {\n    d: Math.floor(s / 86400),\n    h: Math.floor((s % 86400) / 3600),\n    m: Math.floor((s % 3600) / 60),\n    s: Math.floor(s % 60),\n  };\n}\n\n// Counts down to a unix-seconds target (phase start when upcoming, phase end when live).\nexport function DropCountdown({ targetTs, label }: { targetTs: number; label: string }) {\n  const [now, setNow] = useState(() => Math.floor(Date.now() / 1000));\n\n  useEffect(() => {\n    const id = setInterval(() => setNow(Math.floor(Date.now() / 1000)), 1000);\n    return () => clearInterval(id);\n  }, []);\n\n  const { d, h, m, s } = parts(targetTs - now);\n  const cell = (value: number, unit: string) => (\n    <div className=\"flex flex-col items-center\">\n      <span className=\"text-2xl font-black tabular-nums leading-none\">{String(value).padStart(2, \"0\")}</span>\n      <span className=\"text-[10px] uppercase tracking-widest text-muted-foreground mt-1\">{unit}</span>\n    </div>\n  );\n\n  return (\n    <div className=\"space-y-2\">\n      <p className=\"text-xs font-semibold uppercase tracking-widest text-brand-orange\">{label}</p>\n      <div className=\"flex items-center gap-3\">\n        {d > 0 && (<>{cell(d, \"days\")}<span className=\"text-xl text-muted-foreground/40\">:</span></>)}\n        {cell(h, \"hrs\")}\n        <span className=\"text-xl text-muted-foreground/40\">:</span>\n        {cell(m, \"min\")}\n        <span className=\"text-xl text-muted-foreground/40\">:</span>\n        {cell(s, \"sec\")}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBI;AAvBJ,mBAAoC;AAEpC,SAAS,MAAM,cAAsB;AACnC,QAAM,IAAI,KAAK,IAAI,GAAG,YAAY;AAClC,SAAO;AAAA,IACL,GAAG,KAAK,MAAM,IAAI,KAAK;AAAA,IACvB,GAAG,KAAK,MAAO,IAAI,QAAS,IAAI;AAAA,IAChC,GAAG,KAAK,MAAO,IAAI,OAAQ,EAAE;AAAA,IAC7B,GAAG,KAAK,MAAM,IAAI,EAAE;AAAA,EACtB;AACF;AAGO,SAAS,cAAc,EAAE,UAAU,MAAM,GAAwC;AACtF,QAAM,CAAC,KAAK,MAAM,QAAI,uBAAS,MAAM,KAAK,MAAM,KAAK,IAAI,IAAI,GAAI,CAAC;AAElE,8BAAU,MAAM;AACd,UAAM,KAAK,YAAY,MAAM,OAAO,KAAK,MAAM,KAAK,IAAI,IAAI,GAAI,CAAC,GAAG,GAAI;AACxE,WAAO,MAAM,cAAc,EAAE;AAAA,EAC/B,GAAG,CAAC,CAAC;AAEL,QAAM,EAAE,GAAG,GAAG,GAAG,EAAE,IAAI,MAAM,WAAW,GAAG;AAC3C,QAAM,OAAO,CAAC,OAAe,SAC3B,6CAAC,SAAI,WAAU,8BACb;AAAA,gDAAC,UAAK,WAAU,iDAAiD,iBAAO,KAAK,EAAE,SAAS,GAAG,GAAG,GAAE;AAAA,IAChG,4CAAC,UAAK,WAAU,oEAAoE,gBAAK;AAAA,KAC3F;AAGF,SACE,6CAAC,SAAI,WAAU,aACb;AAAA,gDAAC,OAAE,WAAU,qEAAqE,iBAAM;AAAA,IACxF,6CAAC,SAAI,WAAU,2BACZ;AAAA,UAAI,KAAM,4EAAG;AAAA,aAAK,GAAG,MAAM;AAAA,QAAE,4CAAC,UAAK,WAAU,oCAAmC,eAAC;AAAA,SAAO;AAAA,MACxF,KAAK,GAAG,KAAK;AAAA,MACd,4CAAC,UAAK,WAAU,oCAAmC,eAAC;AAAA,MACnD,KAAK,GAAG,KAAK;AAAA,MACd,4CAAC,UAAK,WAAU,oCAAmC,eAAC;AAAA,MACnD,KAAK,GAAG,KAAK;AAAA,OAChB;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/drop-countdown.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\n\nfunction parts(totalSeconds: number) {\n  const s = Math.max(0, totalSeconds);\n  return {\n    d: Math.floor(s / 86400),\n    h: Math.floor((s % 86400) / 3600),\n    m: Math.floor((s % 3600) / 60),\n    s: Math.floor(s % 60),\n  };\n}\n\nexport function DropCountdown({ targetTs, label }: { targetTs: number; label: string }) {\n  const [now, setNow] = useState(() => Math.floor(Date.now() / 1000));\n\n  useEffect(() => {\n    const id = setInterval(() => setNow(Math.floor(Date.now() / 1000)), 1000);\n    return () => clearInterval(id);\n  }, []);\n\n  const { d, h, m, s } = parts(targetTs - now);\n  const cell = (value: number, unit: string) => (\n    <div className=\"flex flex-col items-center\">\n      <span className=\"text-2xl font-black tabular-nums leading-none\">{String(value).padStart(2, \"0\")}</span>\n      <span className=\"text-[10px] uppercase tracking-widest text-muted-foreground mt-1\">{unit}</span>\n    </div>\n  );\n\n  return (\n    <div className=\"space-y-2\">\n      <p className=\"text-xs font-semibold uppercase tracking-widest text-brand-orange\">{label}</p>\n      <div className=\"flex items-center gap-3\">\n        {d > 0 && (<>{cell(d, \"days\")}<span className=\"text-xl text-muted-foreground/40\">:</span></>)}\n        {cell(h, \"hrs\")}\n        <span className=\"text-xl text-muted-foreground/40\">:</span>\n        {cell(m, \"min\")}\n        <span className=\"text-xl text-muted-foreground/40\">:</span>\n        {cell(s, \"sec\")}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwBI;AAtBJ,mBAAoC;AAEpC,SAAS,MAAM,cAAsB;AACnC,QAAM,IAAI,KAAK,IAAI,GAAG,YAAY;AAClC,SAAO;AAAA,IACL,GAAG,KAAK,MAAM,IAAI,KAAK;AAAA,IACvB,GAAG,KAAK,MAAO,IAAI,QAAS,IAAI;AAAA,IAChC,GAAG,KAAK,MAAO,IAAI,OAAQ,EAAE;AAAA,IAC7B,GAAG,KAAK,MAAM,IAAI,EAAE;AAAA,EACtB;AACF;AAEO,SAAS,cAAc,EAAE,UAAU,MAAM,GAAwC;AACtF,QAAM,CAAC,KAAK,MAAM,QAAI,uBAAS,MAAM,KAAK,MAAM,KAAK,IAAI,IAAI,GAAI,CAAC;AAElE,8BAAU,MAAM;AACd,UAAM,KAAK,YAAY,MAAM,OAAO,KAAK,MAAM,KAAK,IAAI,IAAI,GAAI,CAAC,GAAG,GAAI;AACxE,WAAO,MAAM,cAAc,EAAE;AAAA,EAC/B,GAAG,CAAC,CAAC;AAEL,QAAM,EAAE,GAAG,GAAG,GAAG,EAAE,IAAI,MAAM,WAAW,GAAG;AAC3C,QAAM,OAAO,CAAC,OAAe,SAC3B,6CAAC,SAAI,WAAU,8BACb;AAAA,gDAAC,UAAK,WAAU,iDAAiD,iBAAO,KAAK,EAAE,SAAS,GAAG,GAAG,GAAE;AAAA,IAChG,4CAAC,UAAK,WAAU,oEAAoE,gBAAK;AAAA,KAC3F;AAGF,SACE,6CAAC,SAAI,WAAU,aACb;AAAA,gDAAC,OAAE,WAAU,qEAAqE,iBAAM;AAAA,IACxF,6CAAC,SAAI,WAAU,2BACZ;AAAA,UAAI,KAAM,4EAAG;AAAA,aAAK,GAAG,MAAM;AAAA,QAAE,4CAAC,UAAK,WAAU,oCAAmC,eAAC;AAAA,SAAO;AAAA,MACxF,KAAK,GAAG,KAAK;AAAA,MACd,4CAAC,UAAK,WAAU,oCAAmC,eAAC;AAAA,MACnD,KAAK,GAAG,KAAK;AAAA,MACd,4CAAC,UAAK,WAAU,oCAAmC,eAAC;AAAA,MACnD,KAAK,GAAG,KAAK;AAAA,OAChB;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/drop-countdown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/drop-countdown.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\n\nfunction parts(totalSeconds: number) {\n  const s = Math.max(0, totalSeconds);\n  return {\n    d: Math.floor(s / 86400),\n    h: Math.floor((s % 86400) / 3600),\n    m: Math.floor((s % 3600) / 60),\n    s: Math.floor(s % 60),\n  };\n}\n\n// Counts down to a unix-seconds target (phase start when upcoming, phase end when live).\nexport function DropCountdown({ targetTs, label }: { targetTs: number; label: string }) {\n  const [now, setNow] = useState(() => Math.floor(Date.now() / 1000));\n\n  useEffect(() => {\n    const id = setInterval(() => setNow(Math.floor(Date.now() / 1000)), 1000);\n    return () => clearInterval(id);\n  }, []);\n\n  const { d, h, m, s } = parts(targetTs - now);\n  const cell = (value: number, unit: string) => (\n    <div className=\"flex flex-col items-center\">\n      <span className=\"text-2xl font-black tabular-nums leading-none\">{String(value).padStart(2, \"0\")}</span>\n      <span className=\"text-[10px] uppercase tracking-widest text-muted-foreground mt-1\">{unit}</span>\n    </div>\n  );\n\n  return (\n    <div className=\"space-y-2\">\n      <p className=\"text-xs font-semibold uppercase tracking-widest text-brand-orange\">{label}</p>\n      <div className=\"flex items-center gap-3\">\n        {d > 0 && (<>{cell(d, \"days\")}<span className=\"text-xl text-muted-foreground/40\">:</span></>)}\n        {cell(h, \"hrs\")}\n        <span className=\"text-xl text-muted-foreground/40\">:</span>\n        {cell(m, \"min\")}\n        <span className=\"text-xl text-muted-foreground/40\">:</span>\n        {cell(s, \"sec\")}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAyBI,SAUe,UATb,KADF;AAvBJ,SAAS,WAAW,gBAAgB;AAEpC,SAAS,MAAM,cAAsB;AACnC,QAAM,IAAI,KAAK,IAAI,GAAG,YAAY;AAClC,SAAO;AAAA,IACL,GAAG,KAAK,MAAM,IAAI,KAAK;AAAA,IACvB,GAAG,KAAK,MAAO,IAAI,QAAS,IAAI;AAAA,IAChC,GAAG,KAAK,MAAO,IAAI,OAAQ,EAAE;AAAA,IAC7B,GAAG,KAAK,MAAM,IAAI,EAAE;AAAA,EACtB;AACF;AAGO,SAAS,cAAc,EAAE,UAAU,MAAM,GAAwC;AACtF,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,MAAM,KAAK,MAAM,KAAK,IAAI,IAAI,GAAI,CAAC;AAElE,YAAU,MAAM;AACd,UAAM,KAAK,YAAY,MAAM,OAAO,KAAK,MAAM,KAAK,IAAI,IAAI,GAAI,CAAC,GAAG,GAAI;AACxE,WAAO,MAAM,cAAc,EAAE;AAAA,EAC/B,GAAG,CAAC,CAAC;AAEL,QAAM,EAAE,GAAG,GAAG,GAAG,EAAE,IAAI,MAAM,WAAW,GAAG;AAC3C,QAAM,OAAO,CAAC,OAAe,SAC3B,qBAAC,SAAI,WAAU,8BACb;AAAA,wBAAC,UAAK,WAAU,iDAAiD,iBAAO,KAAK,EAAE,SAAS,GAAG,GAAG,GAAE;AAAA,IAChG,oBAAC,UAAK,WAAU,oEAAoE,gBAAK;AAAA,KAC3F;AAGF,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,wBAAC,OAAE,WAAU,qEAAqE,iBAAM;AAAA,IACxF,qBAAC,SAAI,WAAU,2BACZ;AAAA,UAAI,KAAM,iCAAG;AAAA,aAAK,GAAG,MAAM;AAAA,QAAE,oBAAC,UAAK,WAAU,oCAAmC,eAAC;AAAA,SAAO;AAAA,MACxF,KAAK,GAAG,KAAK;AAAA,MACd,oBAAC,UAAK,WAAU,oCAAmC,eAAC;AAAA,MACnD,KAAK,GAAG,KAAK;AAAA,MACd,oBAAC,UAAK,WAAU,oCAAmC,eAAC;AAAA,MACnD,KAAK,GAAG,KAAK;AAAA,OAChB;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/drop-countdown.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\n\nfunction parts(totalSeconds: number) {\n  const s = Math.max(0, totalSeconds);\n  return {\n    d: Math.floor(s / 86400),\n    h: Math.floor((s % 86400) / 3600),\n    m: Math.floor((s % 3600) / 60),\n    s: Math.floor(s % 60),\n  };\n}\n\nexport function DropCountdown({ targetTs, label }: { targetTs: number; label: string }) {\n  const [now, setNow] = useState(() => Math.floor(Date.now() / 1000));\n\n  useEffect(() => {\n    const id = setInterval(() => setNow(Math.floor(Date.now() / 1000)), 1000);\n    return () => clearInterval(id);\n  }, []);\n\n  const { d, h, m, s } = parts(targetTs - now);\n  const cell = (value: number, unit: string) => (\n    <div className=\"flex flex-col items-center\">\n      <span className=\"text-2xl font-black tabular-nums leading-none\">{String(value).padStart(2, \"0\")}</span>\n      <span className=\"text-[10px] uppercase tracking-widest text-muted-foreground mt-1\">{unit}</span>\n    </div>\n  );\n\n  return (\n    <div className=\"space-y-2\">\n      <p className=\"text-xs font-semibold uppercase tracking-widest text-brand-orange\">{label}</p>\n      <div className=\"flex items-center gap-3\">\n        {d > 0 && (<>{cell(d, \"days\")}<span className=\"text-xl text-muted-foreground/40\">:</span></>)}\n        {cell(h, \"hrs\")}\n        <span className=\"text-xl text-muted-foreground/40\">:</span>\n        {cell(m, \"min\")}\n        <span className=\"text-xl text-muted-foreground/40\">:</span>\n        {cell(s, \"sec\")}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAwBI,SAUe,UATb,KADF;AAtBJ,SAAS,WAAW,gBAAgB;AAEpC,SAAS,MAAM,cAAsB;AACnC,QAAM,IAAI,KAAK,IAAI,GAAG,YAAY;AAClC,SAAO;AAAA,IACL,GAAG,KAAK,MAAM,IAAI,KAAK;AAAA,IACvB,GAAG,KAAK,MAAO,IAAI,QAAS,IAAI;AAAA,IAChC,GAAG,KAAK,MAAO,IAAI,OAAQ,EAAE;AAAA,IAC7B,GAAG,KAAK,MAAM,IAAI,EAAE;AAAA,EACtB;AACF;AAEO,SAAS,cAAc,EAAE,UAAU,MAAM,GAAwC;AACtF,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,MAAM,KAAK,MAAM,KAAK,IAAI,IAAI,GAAI,CAAC;AAElE,YAAU,MAAM;AACd,UAAM,KAAK,YAAY,MAAM,OAAO,KAAK,MAAM,KAAK,IAAI,IAAI,GAAI,CAAC,GAAG,GAAI;AACxE,WAAO,MAAM,cAAc,EAAE;AAAA,EAC/B,GAAG,CAAC,CAAC;AAEL,QAAM,EAAE,GAAG,GAAG,GAAG,EAAE,IAAI,MAAM,WAAW,GAAG;AAC3C,QAAM,OAAO,CAAC,OAAe,SAC3B,qBAAC,SAAI,WAAU,8BACb;AAAA,wBAAC,UAAK,WAAU,iDAAiD,iBAAO,KAAK,EAAE,SAAS,GAAG,GAAG,GAAE;AAAA,IAChG,oBAAC,UAAK,WAAU,oEAAoE,gBAAK;AAAA,KAC3F;AAGF,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,wBAAC,OAAE,WAAU,qEAAqE,iBAAM;AAAA,IACxF,qBAAC,SAAI,WAAU,2BACZ;AAAA,UAAI,KAAM,iCAAG;AAAA,aAAK,GAAG,MAAM;AAAA,QAAE,oBAAC,UAAK,WAAU,oCAAmC,eAAC;AAAA,SAAO;AAAA,MACxF,KAAK,GAAG,KAAK;AAAA,MACd,oBAAC,UAAK,WAAU,oCAAmC,eAAC;AAAA,MACnD,KAAK,GAAG,KAAK;AAAA,MACd,oBAAC,UAAK,WAAU,oCAAmC,eAAC;AAAA,MACnD,KAAK,GAAG,KAAK;AAAA,OAChB;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/dual-price.cjs

@@ -50,12 +50,9 @@ function FiatChip({ size }) {
 function stripDollarSign(usdValue) {
   return usdValue.replace("$", "");
 }
-const DISPLAY_FACE = "font-[family-name:var(--font-display)] font-extrabold tracking-tight tabular-nums";
+const DISPLAY_FACE = "font-extrabold tracking-tight tabular-nums";
 const DUAL_PRICE_SCALES = {
-  /** Full-width hero contexts: AssetMarketplacePanel's main price. */
   hero: { amount: "text-3xl", chip: 18, stableChip: 14, divider: "h-7", showLabel: true },
-  /** Card contexts: ListingCard's full variant — denser, the coin icon
-   *  already conveys the currency, a text label would be redundant. */
   card: { amount: "text-base", chip: 13, stableChip: 10, divider: "h-4", showLabel: false }
 };
 function PriceUnit({
@@ -125,10 +122,7 @@ function DualPrice({
   ] });
 }
 const CHIP_TONES = {
-  /** Full-bleed image overlays (AssetCard) — fixed dark glass, guaranteed
-   *  readable regardless of the artwork or the viewer's theme. */
   "overlay-dark": { dot: "text-white/30", text: "text-white/65" },
-  /** Theme-aware card backgrounds (TokenCard). */
   card: { dot: "text-muted-foreground/50", text: "text-muted-foreground" }
 };
 function PriceChipContent({

package/dist/components/dual-price.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/dual-price.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { formatDisplayPrice, isStableCurrency } from \"../utils/format.js\";\n\n/** Currency icon in the soft circular chip used throughout the wallet UI —\n *  reads as a coin, not a stray glyph floating next to text. */\nexport function CoinChip({ symbol, size }: { symbol: string | null | undefined; size: number }) {\n  return (\n    <span\n      className=\"grid shrink-0 place-items-center rounded-full bg-foreground/[0.06]\"\n      style={{ width: size + 10, height: size + 10 }}\n    >\n      <CurrencyIcon symbol={symbol ?? \"\"} size={size} />\n    </span>\n  );\n}\n\n/** Same circular chip as CoinChip, for fiat. Sized 1:1 with the crypto\n *  icon (fontSize === size, not a fraction of it) so the \"$\" reads with\n *  the same visual weight as the coin icon sitting next to it — a smaller,\n *  thinner glyph in an identically-sized circle looked like an afterthought\n *  next to a solid icon, even though the circles measured the same. */\nfunction FiatChip({ size }: { size: number }) {\n  return (\n    <span\n      className=\"grid shrink-0 place-items-center rounded-full bg-foreground/[0.06] font-extrabold leading-none text-foreground/80\"\n      style={{ width: size + 10, height: size + 10, fontSize: size }}\n    >\n      $\n    </span>\n  );\n}\n\n/** usdValue arrives pre-formatted (\"$13.14\", \"<$0.01\") — the chip already\n *  carries the \"$\", so strip it from the number to avoid showing it twice. */\nfunction stripDollarSign(usdValue: string): string {\n  return usdValue.replace(\"$\", \"\");\n}\n\nconst DISPLAY_FACE = \"font-[family-name:var(--font-display)] font-extrabold tracking-tight tabular-nums\";\n\nconst DUAL_PRICE_SCALES = {\n  /** Full-width hero contexts: AssetMarketplacePanel's main price. */\n  hero: { amount: \"text-3xl\", chip: 18, stableChip: 14, divider: \"h-7\", showLabel: true },\n  /** Card contexts: ListingCard's full variant — denser, the coin icon\n   *  already conveys the currency, a text label would be redundant. */\n  card: { amount: \"text-base\", chip: 13, stableChip: 10, divider: \"h-4\", showLabel: false },\n} as const;\n\n/**\n * One currency's [chip] [amount] [optional code label] unit. Fiat and\n * crypto both render through this exact function — the previous version\n * had two separately-hand-coded branches (one baseline-aligned, one\n * center-aligned; one full-opacity, one dimmed) that drifted out of sync\n * with each other. Routing both through one function makes that class of\n * bug structurally impossible: there is only one place font, size,\n * opacity, and alignment for a price unit can be defined.\n */\nfunction PriceUnit({\n  chip,\n  amount,\n  label,\n  amountClassName,\n}: {\n  chip: ReactNode;\n  amount: string;\n  label?: string;\n  amountClassName: string;\n}) {\n  return (\n    <span className=\"inline-flex items-center gap-1.5\">\n      {chip}\n      <span className=\"flex items-baseline gap-1.5\">\n        <span className={amountClassName}>{amount}</span>\n        {label && <span className=\"text-sm font-semibold text-muted-foreground/70\">{label}</span>}\n      </span>\n    </span>\n  );\n}\n\n/**\n * Equal-weight dual price: fiat and the on-chain currency shown as true\n * peers — same font, same size, same icon treatment, same label\n * alignment — not one dominant number with a secondary afterthought.\n * This platform's audience spans non-crypto newcomers who read fiat and\n * crypto-native buyers who read the token amount; neither should look\n * like the \"real\" price and the other a footnote. Falls back to\n * crypto-only when no USD rate is available. When the currency is itself\n * a USD-pegged stablecoin, the crypto side collapses to a chip + code\n * badge — showing \"13.14 USD\" beside \"13.14 USDC\" would just be the same\n * number twice.\n */\nexport function DualPrice({\n  amountFormatted,\n  currency,\n  usdValue,\n  scale,\n  trailing,\n}: {\n  amountFormatted: string | null | undefined;\n  currency: string | null | undefined;\n  usdValue?: string | null;\n  scale: keyof typeof DUAL_PRICE_SCALES;\n  trailing?: ReactNode;\n}) {\n  if (!amountFormatted) return null;\n  const s = DUAL_PRICE_SCALES[scale];\n  const cryptoDisplay = formatDisplayPrice(amountFormatted);\n  const amountClass = `${DISPLAY_FACE} ${s.amount}`;\n\n  if (!usdValue) {\n    return (\n      <div className=\"flex items-center gap-2.5\">\n        <PriceUnit\n          chip={<CoinChip symbol={currency} size={s.chip} />}\n          amount={cryptoDisplay}\n          label={s.showLabel ? (currency ?? undefined) : undefined}\n          amountClassName={amountClass}\n        />\n        {trailing && <span className=\"ml-0.5\">{trailing}</span>}\n      </div>\n    );\n  }\n\n  const stable = isStableCurrency(currency);\n  return (\n    <div className=\"flex items-center gap-2.5\">\n      <PriceUnit\n        chip={<FiatChip size={s.chip} />}\n        amount={stripDollarSign(usdValue)}\n        label={s.showLabel ? \"USD\" : undefined}\n        amountClassName={amountClass}\n      />\n      {!stable && <span className={`${s.divider} w-px bg-border/60 shrink-0`} />}\n      {stable ? (\n        <span className=\"inline-flex items-center gap-1.5\">\n          <CoinChip symbol={currency} size={s.stableChip} />\n          <span className=\"text-sm font-semibold text-muted-foreground\">{currency}</span>\n        </span>\n      ) : (\n        <PriceUnit\n          chip={<CoinChip symbol={currency} size={s.chip} />}\n          amount={cryptoDisplay}\n          label={s.showLabel ? (currency ?? undefined) : undefined}\n          amountClassName={amountClass}\n        />\n      )}\n      {trailing && <span className=\"ml-0.5\">{trailing}</span>}\n    </div>\n  );\n}\n\nconst CHIP_TONES = {\n  /** Full-bleed image overlays (AssetCard) — fixed dark glass, guaranteed\n   *  readable regardless of the artwork or the viewer's theme. */\n  \"overlay-dark\": { dot: \"text-white/30\", text: \"text-white/65\" },\n  /** Theme-aware card backgrounds (TokenCard). */\n  card: { dot: \"text-muted-foreground/50\", text: \"text-muted-foreground\" },\n} as const;\n\n/**\n * Overlay/pill price content — fiat leads, crypto trails, middot-\n * separated; stablecoins collapse to fiat + symbol alone. Renders only the\n * inner fragment: callers own their own pill container (background, blur,\n * border, padding), which intentionally differs between hosts (see\n * `tone`) rather than being forced into one visual treatment. Smaller\n * scale than DualPrice (compact artwork overlay), so no fiat/crypto icon\n * chips here — the middot + dimmer trailing color is what marks the\n * crypto side as secondary in this tighter context.\n */\nexport function PriceChipContent({\n  amountFormatted,\n  currency,\n  usdValue,\n  tone,\n}: {\n  amountFormatted: string | null | undefined;\n  currency: string | null | undefined;\n  usdValue?: string | null;\n  tone: keyof typeof CHIP_TONES;\n}) {\n  if (!amountFormatted) return null;\n  const cryptoDisplay = formatDisplayPrice(amountFormatted);\n  const stable = isStableCurrency(currency);\n\n  if (!usdValue) {\n    return (\n      <>\n        {currency && <CurrencyIcon symbol={currency} size={13} />}\n        {cryptoDisplay}\n      </>\n    );\n  }\n\n  const t = CHIP_TONES[tone];\n  return (\n    <>\n      {stripDollarSign(usdValue)}\n      <span className={`font-semibold ${t.text}`}>USD</span>\n      <span className={t.dot}>·</span>\n      <span className={`inline-flex items-center gap-1 font-semibold ${t.text}`}>\n        {currency && <CurrencyIcon symbol={currency} size={12} />}\n        {stable ? currency : cryptoDisplay}\n      </span>\n    </>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/dual-price.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { formatDisplayPrice, isStableCurrency } from \"../utils/format.js\";\n\nexport function CoinChip({ symbol, size }: { symbol: string | null | undefined; size: number }) {\n  return (\n    <span\n      className=\"grid shrink-0 place-items-center rounded-full bg-foreground/[0.06]\"\n      style={{ width: size + 10, height: size + 10 }}\n    >\n      <CurrencyIcon symbol={symbol ?? \"\"} size={size} />\n    </span>\n  );\n}\n\nfunction FiatChip({ size }: { size: number }) {\n  return (\n    <span\n      className=\"grid shrink-0 place-items-center rounded-full bg-foreground/[0.06] font-extrabold leading-none text-foreground/80\"\n      style={{ width: size + 10, height: size + 10, fontSize: size }}\n    >\n      $\n    </span>\n  );\n}\n\nfunction stripDollarSign(usdValue: string): string {\n  return usdValue.replace(\"$\", \"\");\n}\n\nconst DISPLAY_FACE = \"font-extrabold tracking-tight tabular-nums\";\n\nconst DUAL_PRICE_SCALES = {\n\n  hero: { amount: \"text-3xl\", chip: 18, stableChip: 14, divider: \"h-7\", showLabel: true },\n\n  card: { amount: \"text-base\", chip: 13, stableChip: 10, divider: \"h-4\", showLabel: false },\n} as const;\n\nfunction PriceUnit({\n  chip,\n  amount,\n  label,\n  amountClassName,\n}: {\n  chip: ReactNode;\n  amount: string;\n  label?: string;\n  amountClassName: string;\n}) {\n  return (\n    <span className=\"inline-flex items-center gap-1.5\">\n      {chip}\n      <span className=\"flex items-baseline gap-1.5\">\n        <span className={amountClassName}>{amount}</span>\n        {label && <span className=\"text-sm font-semibold text-muted-foreground/70\">{label}</span>}\n      </span>\n    </span>\n  );\n}\n\nexport function DualPrice({\n  amountFormatted,\n  currency,\n  usdValue,\n  scale,\n  trailing,\n}: {\n  amountFormatted: string | null | undefined;\n  currency: string | null | undefined;\n  usdValue?: string | null;\n  scale: keyof typeof DUAL_PRICE_SCALES;\n  trailing?: ReactNode;\n}) {\n  if (!amountFormatted) return null;\n  const s = DUAL_PRICE_SCALES[scale];\n  const cryptoDisplay = formatDisplayPrice(amountFormatted);\n  const amountClass = `${DISPLAY_FACE} ${s.amount}`;\n\n  if (!usdValue) {\n    return (\n      <div className=\"flex items-center gap-2.5\">\n        <PriceUnit\n          chip={<CoinChip symbol={currency} size={s.chip} />}\n          amount={cryptoDisplay}\n          label={s.showLabel ? (currency ?? undefined) : undefined}\n          amountClassName={amountClass}\n        />\n        {trailing && <span className=\"ml-0.5\">{trailing}</span>}\n      </div>\n    );\n  }\n\n  const stable = isStableCurrency(currency);\n  return (\n    <div className=\"flex items-center gap-2.5\">\n      <PriceUnit\n        chip={<FiatChip size={s.chip} />}\n        amount={stripDollarSign(usdValue)}\n        label={s.showLabel ? \"USD\" : undefined}\n        amountClassName={amountClass}\n      />\n      {!stable && <span className={`${s.divider} w-px bg-border/60 shrink-0`} />}\n      {stable ? (\n        <span className=\"inline-flex items-center gap-1.5\">\n          <CoinChip symbol={currency} size={s.stableChip} />\n          <span className=\"text-sm font-semibold text-muted-foreground\">{currency}</span>\n        </span>\n      ) : (\n        <PriceUnit\n          chip={<CoinChip symbol={currency} size={s.chip} />}\n          amount={cryptoDisplay}\n          label={s.showLabel ? (currency ?? undefined) : undefined}\n          amountClassName={amountClass}\n        />\n      )}\n      {trailing && <span className=\"ml-0.5\">{trailing}</span>}\n    </div>\n  );\n}\n\nconst CHIP_TONES = {\n\n  \"overlay-dark\": { dot: \"text-white/30\", text: \"text-white/65\" },\n\n  card: { dot: \"text-muted-foreground/50\", text: \"text-muted-foreground\" },\n} as const;\n\nexport function PriceChipContent({\n  amountFormatted,\n  currency,\n  usdValue,\n  tone,\n}: {\n  amountFormatted: string | null | undefined;\n  currency: string | null | undefined;\n  usdValue?: string | null;\n  tone: keyof typeof CHIP_TONES;\n}) {\n  if (!amountFormatted) return null;\n  const cryptoDisplay = formatDisplayPrice(amountFormatted);\n  const stable = isStableCurrency(currency);\n\n  if (!usdValue) {\n    return (\n      <>\n        {currency && <CurrencyIcon symbol={currency} size={13} />}\n        {cryptoDisplay}\n      </>\n    );\n  }\n\n  const t = CHIP_TONES[tone];\n  return (\n    <>\n      {stripDollarSign(usdValue)}\n      <span className={`font-semibold ${t.text}`}>USD</span>\n      <span className={t.dot}>·</span>\n      <span className={`inline-flex items-center gap-1 font-semibold ${t.text}`}>\n        {currency && <CurrencyIcon symbol={currency} size={12} />}\n        {stable ? currency : cryptoDisplay}\n      </span>\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/dual-price.d.cts

@@ -1,14 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
-/** Currency icon in the soft circular chip used throughout the wallet UI —
- *  reads as a coin, not a stray glyph floating next to text. */
 declare function CoinChip({ symbol, size }: {
     symbol: string | null | undefined;
     size: number;
 }): react_jsx_runtime.JSX.Element;
 declare const DUAL_PRICE_SCALES: {
-    /** Full-width hero contexts: AssetMarketplacePanel's main price. */
     readonly hero: {
         readonly amount: "text-3xl";
         readonly chip: 18;
@@ -16,8 +13,6 @@ declare const DUAL_PRICE_SCALES: {
         readonly divider: "h-7";
         readonly showLabel: true;
     };
-    /** Card contexts: ListingCard's full variant — denser, the coin icon
-     *  already conveys the currency, a text label would be redundant. */
     readonly card: {
         readonly amount: "text-base";
         readonly chip: 13;
@@ -26,18 +21,6 @@ declare const DUAL_PRICE_SCALES: {
         readonly showLabel: false;
     };
 };
-/**
- * Equal-weight dual price: fiat and the on-chain currency shown as true
- * peers — same font, same size, same icon treatment, same label
- * alignment — not one dominant number with a secondary afterthought.
- * This platform's audience spans non-crypto newcomers who read fiat and
- * crypto-native buyers who read the token amount; neither should look
- * like the "real" price and the other a footnote. Falls back to
- * crypto-only when no USD rate is available. When the currency is itself
- * a USD-pegged stablecoin, the crypto side collapses to a chip + code
- * badge — showing "13.14 USD" beside "13.14 USDC" would just be the same
- * number twice.
- */
 declare function DualPrice({ amountFormatted, currency, usdValue, scale, trailing, }: {
     amountFormatted: string | null | undefined;
     currency: string | null | undefined;
@@ -46,28 +29,15 @@ declare function DualPrice({ amountFormatted, currency, usdValue, scale, trailin
     trailing?: ReactNode;
 }): react_jsx_runtime.JSX.Element | null;
 declare const CHIP_TONES: {
-    /** Full-bleed image overlays (AssetCard) — fixed dark glass, guaranteed
-     *  readable regardless of the artwork or the viewer's theme. */
     readonly "overlay-dark": {
         readonly dot: "text-white/30";
         readonly text: "text-white/65";
     };
-    /** Theme-aware card backgrounds (TokenCard). */
     readonly card: {
         readonly dot: "text-muted-foreground/50";
         readonly text: "text-muted-foreground";
     };
 };
-/**
- * Overlay/pill price content — fiat leads, crypto trails, middot-
- * separated; stablecoins collapse to fiat + symbol alone. Renders only the
- * inner fragment: callers own their own pill container (background, blur,
- * border, padding), which intentionally differs between hosts (see
- * `tone`) rather than being forced into one visual treatment. Smaller
- * scale than DualPrice (compact artwork overlay), so no fiat/crypto icon
- * chips here — the middot + dimmer trailing color is what marks the
- * crypto side as secondary in this tighter context.
- */
 declare function PriceChipContent({ amountFormatted, currency, usdValue, tone, }: {
     amountFormatted: string | null | undefined;
     currency: string | null | undefined;