@medialane/ui 0.127.0 → 0.127.2

package/dist/components/activity-card.cjs

@@ -35,7 +35,7 @@ __export(activity_card_exports, {
 });
 module.exports = __toCommonJS(activity_card_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_link = __toESM(require("next/link"), 1);
+var import_link = __toESM(require("./link.js"), 1);
 var import_lucide_react = require("lucide-react");
 var import_currency_icon = require("./currency-icon.js");
 var import_animated_token_media = require("./animated-token-media.js");

package/dist/components/activity-card.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/activity-card.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { ExternalLink } from \"lucide-react\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { AnimatedTokenMedia } from \"./animated-token-media.js\";\nimport { ACTIVITY_TYPE_CONFIG } from \"../data/activity.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport { isLivingRenderCollection } from \"../data/living-render-collections.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { formatDisplayPrice } from \"../utils/format.js\";\nimport { cn } from \"../utils/cn.js\";\nimport type { ApiActivity, Chain } from \"@medialane/sdk\";\n\ntype ActivityWithEnrichment = ApiActivity & {\n  chain?: Chain;\n  token?: { name: string | null; image: string | null; animationUrl?: string | null } | null;\n  amount?: string;\n};\n\nexport const ACTIVITY_MESSAGES: Record<string, (actor: string | null) => string> = {\n  mint:      (actor) => actor ? `Minted by ${actor}` : \"Newly minted\",\n  listing:   (actor) => actor ? `Listed by ${actor}` : \"Listed for sale\",\n  sale:      (actor) => actor ? `Purchased by ${actor}` : \"Sold\",\n  offer:     (actor) => actor ? `Offer by ${actor}` : \"Offer placed\",\n  transfer:  (actor) => actor ? `Transferred by ${actor}` : \"Transferred\",\n  cancelled: (actor) => actor ? `Cancelled by ${actor}` : \"Listing cancelled\",\n};\n\nexport function ActivityCardSkeleton() {\n  return (\n    <div className=\"card-base\">\n      <div className=\"aspect-square w-full bg-muted animate-pulse\" />\n      <div className=\"p-4 space-y-2\">\n        <div className=\"h-4 w-32 bg-muted animate-pulse rounded\" />\n        <div className=\"h-3 w-24 bg-muted animate-pulse rounded\" />\n      </div>\n    </div>\n  );\n}\n\nexport interface ActivityCardProps {\n  activity: ApiActivity;\n\n  getAssetHref?: (contract: string, tokenId: string) => string;\n}\n\nexport function ActivityCard({\n  activity: rawActivity,\n  getAssetHref = (c, t) => `/asset/${c}/${t}`,\n}: ActivityCardProps) {\n  const activity = rawActivity as ActivityWithEnrichment;\n  const config = ACTIVITY_TYPE_CONFIG[activity.type] ?? {\n    label: activity.type,\n    variant: \"outline\" as const,\n    icon: ExternalLink,\n    colorClass: \"text-muted-foreground\",\n    bgClass: \"bg-muted\",\n  };\n  const Icon = config.icon;\n\n  const contract = activity.nftContract ?? activity.contractAddress ?? null;\n  const tokenId = activity.nftTokenId ?? activity.tokenId ?? null;\n  const actor =\n    activity.offerer ??\n    activity.fulfiller ??\n    ((activity.type as string) === \"mint\" ? activity.to : activity.from) ??\n    null;\n\n  const tokenName = activity.token?.name ?? (tokenId ? `#${tokenId}` : \"—\");\n  const rawImage = activity.token?.image ?? null;\n  const tokenImage = rawImage ? ipfsToHttp(rawImage) : null;\n\n  const animationUrl = activity.token?.animationUrl ?? null;\n  const live = !!(activity.chain && contract) && isLivingRenderCollection(activity.chain.toUpperCase() as Chain, contract);\n  const amount = activity.amount && Number(activity.amount) > 1 ? activity.amount : null;\n\n  const shortActor = actor\n    ? actor.length > 10\n      ? `${actor.slice(0, 6)}…${actor.slice(-4)}`\n      : actor\n    : null;\n  const message = ACTIVITY_MESSAGES[activity.type]?.(shortActor) ?? config.label;\n\n  const body = (\n    <>\n      <div className=\"aspect-square relative bg-muted\">\n        <AnimatedTokenMedia\n          image={tokenImage}\n          animationUrl={animationUrl}\n          live={live}\n          alt={tokenName}\n          mode=\"fill\"\n          sizes=\"256px\"\n          className=\"object-cover\"\n          fallback={\n            <div className=\"absolute inset-0 bg-gradient-to-br from-muted-foreground/10 to-muted-foreground/5\" aria-hidden />\n          }\n        />\n\n        <span className=\"absolute top-2.5 left-2.5 inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-2xs font-semibold bg-background/75 backdrop-blur-md border border-border/40\">\n          <Icon className={cn(\"h-3 w-3\", config.colorClass)} aria-hidden />\n          <span className={config.colorClass}>{config.label}</span>\n        </span>\n        {amount && (\n          <span className=\"absolute bottom-2.5 right-2.5 px-2 py-0.5 rounded-full text-2xs font-bold bg-violet-500 text-white\">\n            ×{amount}\n          </span>\n        )}\n      </div>\n      <div className=\"p-4 space-y-1.5\">\n        <p className=\"text-base font-semibold truncate\">{tokenName}</p>\n        <p\n          className=\"text-xs text-muted-foreground truncate\"\n          title={new Date(activity.timestamp).toLocaleString()}\n        >\n          {message} · {timeAgo(activity.timestamp)}\n        </p>\n        {activity.price?.formatted && (\n          <p className=\"text-sm font-bold tabular-nums flex items-center gap-1.5 pt-0.5\">\n            {activity.price.currency && <CurrencyIcon symbol={activity.price.currency} size={13} aria-hidden />}\n            {formatDisplayPrice(activity.price.formatted)}\n          </p>\n        )}\n      </div>\n    </>\n  );\n\n  const className = \"card-base block active:scale-[0.99] transition-all\";\n\n  return contract && tokenId ? (\n    <Link href={getAssetHref(contract, tokenId)} className={className}>\n      {body}\n    </Link>\n  ) : (\n    <div className={className}>{body}</div>\n  );\n}\n"],"mappings":"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","names":["Link"]}
+{"version":3,"sources":["../../src/components/activity-card.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"./link.js\";\nimport { ExternalLink } from \"lucide-react\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { AnimatedTokenMedia } from \"./animated-token-media.js\";\nimport { ACTIVITY_TYPE_CONFIG } from \"../data/activity.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport { isLivingRenderCollection } from \"../data/living-render-collections.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { formatDisplayPrice } from \"../utils/format.js\";\nimport { cn } from \"../utils/cn.js\";\nimport type { ApiActivity, Chain } from \"@medialane/sdk\";\n\ntype ActivityWithEnrichment = ApiActivity & {\n  chain?: Chain;\n  token?: { name: string | null; image: string | null; animationUrl?: string | null } | null;\n  amount?: string;\n};\n\nexport const ACTIVITY_MESSAGES: Record<string, (actor: string | null) => string> = {\n  mint:      (actor) => actor ? `Minted by ${actor}` : \"Newly minted\",\n  listing:   (actor) => actor ? `Listed by ${actor}` : \"Listed for sale\",\n  sale:      (actor) => actor ? `Purchased by ${actor}` : \"Sold\",\n  offer:     (actor) => actor ? `Offer by ${actor}` : \"Offer placed\",\n  transfer:  (actor) => actor ? `Transferred by ${actor}` : \"Transferred\",\n  cancelled: (actor) => actor ? `Cancelled by ${actor}` : \"Listing cancelled\",\n};\n\nexport function ActivityCardSkeleton() {\n  return (\n    <div className=\"card-base\">\n      <div className=\"aspect-square w-full bg-muted animate-pulse\" />\n      <div className=\"p-4 space-y-2\">\n        <div className=\"h-4 w-32 bg-muted animate-pulse rounded\" />\n        <div className=\"h-3 w-24 bg-muted animate-pulse rounded\" />\n      </div>\n    </div>\n  );\n}\n\nexport interface ActivityCardProps {\n  activity: ApiActivity;\n\n  getAssetHref?: (contract: string, tokenId: string) => string;\n}\n\nexport function ActivityCard({\n  activity: rawActivity,\n  getAssetHref = (c, t) => `/asset/${c}/${t}`,\n}: ActivityCardProps) {\n  const activity = rawActivity as ActivityWithEnrichment;\n  const config = ACTIVITY_TYPE_CONFIG[activity.type] ?? {\n    label: activity.type,\n    variant: \"outline\" as const,\n    icon: ExternalLink,\n    colorClass: \"text-muted-foreground\",\n    bgClass: \"bg-muted\",\n  };\n  const Icon = config.icon;\n\n  const contract = activity.nftContract ?? activity.contractAddress ?? null;\n  const tokenId = activity.nftTokenId ?? activity.tokenId ?? null;\n  const actor =\n    activity.offerer ??\n    activity.fulfiller ??\n    ((activity.type as string) === \"mint\" ? activity.to : activity.from) ??\n    null;\n\n  const tokenName = activity.token?.name ?? (tokenId ? `#${tokenId}` : \"—\");\n  const rawImage = activity.token?.image ?? null;\n  const tokenImage = rawImage ? ipfsToHttp(rawImage) : null;\n\n  const animationUrl = activity.token?.animationUrl ?? null;\n  const live = !!(activity.chain && contract) && isLivingRenderCollection(activity.chain.toUpperCase() as Chain, contract);\n  const amount = activity.amount && Number(activity.amount) > 1 ? activity.amount : null;\n\n  const shortActor = actor\n    ? actor.length > 10\n      ? `${actor.slice(0, 6)}…${actor.slice(-4)}`\n      : actor\n    : null;\n  const message = ACTIVITY_MESSAGES[activity.type]?.(shortActor) ?? config.label;\n\n  const body = (\n    <>\n      <div className=\"aspect-square relative bg-muted\">\n        <AnimatedTokenMedia\n          image={tokenImage}\n          animationUrl={animationUrl}\n          live={live}\n          alt={tokenName}\n          mode=\"fill\"\n          sizes=\"256px\"\n          className=\"object-cover\"\n          fallback={\n            <div className=\"absolute inset-0 bg-gradient-to-br from-muted-foreground/10 to-muted-foreground/5\" aria-hidden />\n          }\n        />\n\n        <span className=\"absolute top-2.5 left-2.5 inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-2xs font-semibold bg-background/75 backdrop-blur-md border border-border/40\">\n          <Icon className={cn(\"h-3 w-3\", config.colorClass)} aria-hidden />\n          <span className={config.colorClass}>{config.label}</span>\n        </span>\n        {amount && (\n          <span className=\"absolute bottom-2.5 right-2.5 px-2 py-0.5 rounded-full text-2xs font-bold bg-violet-500 text-white\">\n            ×{amount}\n          </span>\n        )}\n      </div>\n      <div className=\"p-4 space-y-1.5\">\n        <p className=\"text-base font-semibold truncate\">{tokenName}</p>\n        <p\n          className=\"text-xs text-muted-foreground truncate\"\n          title={new Date(activity.timestamp).toLocaleString()}\n        >\n          {message} · {timeAgo(activity.timestamp)}\n        </p>\n        {activity.price?.formatted && (\n          <p className=\"text-sm font-bold tabular-nums flex items-center gap-1.5 pt-0.5\">\n            {activity.price.currency && <CurrencyIcon symbol={activity.price.currency} size={13} aria-hidden />}\n            {formatDisplayPrice(activity.price.formatted)}\n          </p>\n        )}\n      </div>\n    </>\n  );\n\n  const className = \"card-base block active:scale-[0.99] transition-all\";\n\n  return contract && tokenId ? (\n    <Link href={getAssetHref(contract, tokenId)} className={className}>\n      {body}\n    </Link>\n  ) : (\n    <div className={className}>{body}</div>\n  );\n}\n"],"mappings":"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","names":["Link"]}

package/dist/components/activity-card.js

@@ -1,6 +1,6 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import Link from "next/link";
+import Link from "./link.js";
 import { ExternalLink } from "lucide-react";
 import { CurrencyIcon } from "./currency-icon.js";
 import { AnimatedTokenMedia } from "./animated-token-media.js";

package/dist/components/activity-card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/activity-card.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { ExternalLink } from \"lucide-react\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { AnimatedTokenMedia } from \"./animated-token-media.js\";\nimport { ACTIVITY_TYPE_CONFIG } from \"../data/activity.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport { isLivingRenderCollection } from \"../data/living-render-collections.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { formatDisplayPrice } from \"../utils/format.js\";\nimport { cn } from \"../utils/cn.js\";\nimport type { ApiActivity, Chain } from \"@medialane/sdk\";\n\ntype ActivityWithEnrichment = ApiActivity & {\n  chain?: Chain;\n  token?: { name: string | null; image: string | null; animationUrl?: string | null } | null;\n  amount?: string;\n};\n\nexport const ACTIVITY_MESSAGES: Record<string, (actor: string | null) => string> = {\n  mint:      (actor) => actor ? `Minted by ${actor}` : \"Newly minted\",\n  listing:   (actor) => actor ? `Listed by ${actor}` : \"Listed for sale\",\n  sale:      (actor) => actor ? `Purchased by ${actor}` : \"Sold\",\n  offer:     (actor) => actor ? `Offer by ${actor}` : \"Offer placed\",\n  transfer:  (actor) => actor ? `Transferred by ${actor}` : \"Transferred\",\n  cancelled: (actor) => actor ? `Cancelled by ${actor}` : \"Listing cancelled\",\n};\n\nexport function ActivityCardSkeleton() {\n  return (\n    <div className=\"card-base\">\n      <div className=\"aspect-square w-full bg-muted animate-pulse\" />\n      <div className=\"p-4 space-y-2\">\n        <div className=\"h-4 w-32 bg-muted animate-pulse rounded\" />\n        <div className=\"h-3 w-24 bg-muted animate-pulse rounded\" />\n      </div>\n    </div>\n  );\n}\n\nexport interface ActivityCardProps {\n  activity: ApiActivity;\n\n  getAssetHref?: (contract: string, tokenId: string) => string;\n}\n\nexport function ActivityCard({\n  activity: rawActivity,\n  getAssetHref = (c, t) => `/asset/${c}/${t}`,\n}: ActivityCardProps) {\n  const activity = rawActivity as ActivityWithEnrichment;\n  const config = ACTIVITY_TYPE_CONFIG[activity.type] ?? {\n    label: activity.type,\n    variant: \"outline\" as const,\n    icon: ExternalLink,\n    colorClass: \"text-muted-foreground\",\n    bgClass: \"bg-muted\",\n  };\n  const Icon = config.icon;\n\n  const contract = activity.nftContract ?? activity.contractAddress ?? null;\n  const tokenId = activity.nftTokenId ?? activity.tokenId ?? null;\n  const actor =\n    activity.offerer ??\n    activity.fulfiller ??\n    ((activity.type as string) === \"mint\" ? activity.to : activity.from) ??\n    null;\n\n  const tokenName = activity.token?.name ?? (tokenId ? `#${tokenId}` : \"—\");\n  const rawImage = activity.token?.image ?? null;\n  const tokenImage = rawImage ? ipfsToHttp(rawImage) : null;\n\n  const animationUrl = activity.token?.animationUrl ?? null;\n  const live = !!(activity.chain && contract) && isLivingRenderCollection(activity.chain.toUpperCase() as Chain, contract);\n  const amount = activity.amount && Number(activity.amount) > 1 ? activity.amount : null;\n\n  const shortActor = actor\n    ? actor.length > 10\n      ? `${actor.slice(0, 6)}…${actor.slice(-4)}`\n      : actor\n    : null;\n  const message = ACTIVITY_MESSAGES[activity.type]?.(shortActor) ?? config.label;\n\n  const body = (\n    <>\n      <div className=\"aspect-square relative bg-muted\">\n        <AnimatedTokenMedia\n          image={tokenImage}\n          animationUrl={animationUrl}\n          live={live}\n          alt={tokenName}\n          mode=\"fill\"\n          sizes=\"256px\"\n          className=\"object-cover\"\n          fallback={\n            <div className=\"absolute inset-0 bg-gradient-to-br from-muted-foreground/10 to-muted-foreground/5\" aria-hidden />\n          }\n        />\n\n        <span className=\"absolute top-2.5 left-2.5 inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-2xs font-semibold bg-background/75 backdrop-blur-md border border-border/40\">\n          <Icon className={cn(\"h-3 w-3\", config.colorClass)} aria-hidden />\n          <span className={config.colorClass}>{config.label}</span>\n        </span>\n        {amount && (\n          <span className=\"absolute bottom-2.5 right-2.5 px-2 py-0.5 rounded-full text-2xs font-bold bg-violet-500 text-white\">\n            ×{amount}\n          </span>\n        )}\n      </div>\n      <div className=\"p-4 space-y-1.5\">\n        <p className=\"text-base font-semibold truncate\">{tokenName}</p>\n        <p\n          className=\"text-xs text-muted-foreground truncate\"\n          title={new Date(activity.timestamp).toLocaleString()}\n        >\n          {message} · {timeAgo(activity.timestamp)}\n        </p>\n        {activity.price?.formatted && (\n          <p className=\"text-sm font-bold tabular-nums flex items-center gap-1.5 pt-0.5\">\n            {activity.price.currency && <CurrencyIcon symbol={activity.price.currency} size={13} aria-hidden />}\n            {formatDisplayPrice(activity.price.formatted)}\n          </p>\n        )}\n      </div>\n    </>\n  );\n\n  const className = \"card-base block active:scale-[0.99] transition-all\";\n\n  return contract && tokenId ? (\n    <Link href={getAssetHref(contract, tokenId)} className={className}>\n      {body}\n    </Link>\n  ) : (\n    <div className={className}>{body}</div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/activity-card.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"./link.js\";\nimport { ExternalLink } from \"lucide-react\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { AnimatedTokenMedia } from \"./animated-token-media.js\";\nimport { ACTIVITY_TYPE_CONFIG } from \"../data/activity.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport { isLivingRenderCollection } from \"../data/living-render-collections.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { formatDisplayPrice } from \"../utils/format.js\";\nimport { cn } from \"../utils/cn.js\";\nimport type { ApiActivity, Chain } from \"@medialane/sdk\";\n\ntype ActivityWithEnrichment = ApiActivity & {\n  chain?: Chain;\n  token?: { name: string | null; image: string | null; animationUrl?: string | null } | null;\n  amount?: string;\n};\n\nexport const ACTIVITY_MESSAGES: Record<string, (actor: string | null) => string> = {\n  mint:      (actor) => actor ? `Minted by ${actor}` : \"Newly minted\",\n  listing:   (actor) => actor ? `Listed by ${actor}` : \"Listed for sale\",\n  sale:      (actor) => actor ? `Purchased by ${actor}` : \"Sold\",\n  offer:     (actor) => actor ? `Offer by ${actor}` : \"Offer placed\",\n  transfer:  (actor) => actor ? `Transferred by ${actor}` : \"Transferred\",\n  cancelled: (actor) => actor ? `Cancelled by ${actor}` : \"Listing cancelled\",\n};\n\nexport function ActivityCardSkeleton() {\n  return (\n    <div className=\"card-base\">\n      <div className=\"aspect-square w-full bg-muted animate-pulse\" />\n      <div className=\"p-4 space-y-2\">\n        <div className=\"h-4 w-32 bg-muted animate-pulse rounded\" />\n        <div className=\"h-3 w-24 bg-muted animate-pulse rounded\" />\n      </div>\n    </div>\n  );\n}\n\nexport interface ActivityCardProps {\n  activity: ApiActivity;\n\n  getAssetHref?: (contract: string, tokenId: string) => string;\n}\n\nexport function ActivityCard({\n  activity: rawActivity,\n  getAssetHref = (c, t) => `/asset/${c}/${t}`,\n}: ActivityCardProps) {\n  const activity = rawActivity as ActivityWithEnrichment;\n  const config = ACTIVITY_TYPE_CONFIG[activity.type] ?? {\n    label: activity.type,\n    variant: \"outline\" as const,\n    icon: ExternalLink,\n    colorClass: \"text-muted-foreground\",\n    bgClass: \"bg-muted\",\n  };\n  const Icon = config.icon;\n\n  const contract = activity.nftContract ?? activity.contractAddress ?? null;\n  const tokenId = activity.nftTokenId ?? activity.tokenId ?? null;\n  const actor =\n    activity.offerer ??\n    activity.fulfiller ??\n    ((activity.type as string) === \"mint\" ? activity.to : activity.from) ??\n    null;\n\n  const tokenName = activity.token?.name ?? (tokenId ? `#${tokenId}` : \"—\");\n  const rawImage = activity.token?.image ?? null;\n  const tokenImage = rawImage ? ipfsToHttp(rawImage) : null;\n\n  const animationUrl = activity.token?.animationUrl ?? null;\n  const live = !!(activity.chain && contract) && isLivingRenderCollection(activity.chain.toUpperCase() as Chain, contract);\n  const amount = activity.amount && Number(activity.amount) > 1 ? activity.amount : null;\n\n  const shortActor = actor\n    ? actor.length > 10\n      ? `${actor.slice(0, 6)}…${actor.slice(-4)}`\n      : actor\n    : null;\n  const message = ACTIVITY_MESSAGES[activity.type]?.(shortActor) ?? config.label;\n\n  const body = (\n    <>\n      <div className=\"aspect-square relative bg-muted\">\n        <AnimatedTokenMedia\n          image={tokenImage}\n          animationUrl={animationUrl}\n          live={live}\n          alt={tokenName}\n          mode=\"fill\"\n          sizes=\"256px\"\n          className=\"object-cover\"\n          fallback={\n            <div className=\"absolute inset-0 bg-gradient-to-br from-muted-foreground/10 to-muted-foreground/5\" aria-hidden />\n          }\n        />\n\n        <span className=\"absolute top-2.5 left-2.5 inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-2xs font-semibold bg-background/75 backdrop-blur-md border border-border/40\">\n          <Icon className={cn(\"h-3 w-3\", config.colorClass)} aria-hidden />\n          <span className={config.colorClass}>{config.label}</span>\n        </span>\n        {amount && (\n          <span className=\"absolute bottom-2.5 right-2.5 px-2 py-0.5 rounded-full text-2xs font-bold bg-violet-500 text-white\">\n            ×{amount}\n          </span>\n        )}\n      </div>\n      <div className=\"p-4 space-y-1.5\">\n        <p className=\"text-base font-semibold truncate\">{tokenName}</p>\n        <p\n          className=\"text-xs text-muted-foreground truncate\"\n          title={new Date(activity.timestamp).toLocaleString()}\n        >\n          {message} · {timeAgo(activity.timestamp)}\n        </p>\n        {activity.price?.formatted && (\n          <p className=\"text-sm font-bold tabular-nums flex items-center gap-1.5 pt-0.5\">\n            {activity.price.currency && <CurrencyIcon symbol={activity.price.currency} size={13} aria-hidden />}\n            {formatDisplayPrice(activity.price.formatted)}\n          </p>\n        )}\n      </div>\n    </>\n  );\n\n  const className = \"card-base block active:scale-[0.99] transition-all\";\n\n  return contract && tokenId ? (\n    <Link href={getAssetHref(contract, tokenId)} className={className}>\n      {body}\n    </Link>\n  ) : (\n    <div className={className}>{body}</div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/activity-feed-shell.cjs

@@ -33,7 +33,7 @@ __export(activity_feed_shell_exports, {
 });
 module.exports = __toCommonJS(activity_feed_shell_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_link = __toESM(require("next/link"), 1);
+var import_link = __toESM(require("./link.js"), 1);
 var import_lucide_react = require("lucide-react");
 var import_time = require("../utils/time.js");
 function SkeletonRow() {

package/dist/components/activity-feed-shell.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/activity-feed-shell.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { ArrowRight, Activity, RefreshCw } from \"lucide-react\";\nimport { timeAgo } from \"../utils/time.js\";\n\nexport interface ActivityFeedShellProps {\n  title: string;\n  href: string;\n  hrefLabel?: string;\n  lastUpdated: string;\n  isLoading: boolean;\n  children: React.ReactNode;\n}\n\nfunction SkeletonRow() {\n  return (\n    <div className=\"flex items-center gap-3 px-4 py-2.5\">\n      <div className=\"h-7 w-7 rounded-lg bg-muted animate-pulse shrink-0\" />\n      <div className=\"h-7 w-7 rounded-md bg-muted animate-pulse shrink-0\" />\n      <div className=\"flex-1 space-y-1.5\">\n        <div className=\"h-3 w-32 bg-muted animate-pulse rounded\" />\n        <div className=\"h-2.5 w-20 bg-muted animate-pulse rounded\" />\n      </div>\n      <div className=\"space-y-1 text-right\">\n        <div className=\"h-3.5 w-14 bg-muted animate-pulse rounded\" />\n        <div className=\"h-2.5 w-8 bg-muted animate-pulse rounded\" />\n      </div>\n      <div className=\"h-3 w-10 bg-muted animate-pulse rounded hidden sm:block\" />\n    </div>\n  );\n}\n\nexport function ActivityFeedShell({ title, href, hrefLabel = \"Activities\", lastUpdated, isLoading, children }: ActivityFeedShellProps) {\n  return (\n    <section className=\"space-y-5\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-2.5\">\n          <div className=\"relative h-8 w-8 rounded-xl bg-gradient-to-br from-indigo-500 to-blue-600 flex items-center justify-center shadow-lg shadow-indigo-500/20 shrink-0\">\n            <Activity className=\"h-4 w-4 text-white\" />\n            <span className=\"absolute -top-1 -right-1 flex h-2.5 w-2.5\">\n              <span className=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75\" />\n              <span className=\"relative inline-flex rounded-full h-2.5 w-2.5 bg-emerald-500\" />\n            </span>\n          </div>\n          <div>\n            <h2 className=\"text-xl sm:text-2xl font-black leading-none\">{title}</h2>\n            <p className=\"text-2xs text-muted-foreground mt-0.5 flex items-center gap-1\">\n              <RefreshCw className=\"h-2.5 w-2.5\" />\n              Updated {timeAgo(lastUpdated)}\n            </p>\n          </div>\n        </div>\n        <Link href={href} 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          {hrefLabel} <ArrowRight className=\"h-3.5 w-3.5\" />\n        </Link>\n      </div>\n\n      <div className=\"bento-cell overflow-hidden divide-y divide-border/40\">\n        {isLoading ? (\n          Array.from({ length: 6 }).map((_, i) => <SkeletonRow key={i} />)\n        ) : !children || (Array.isArray(children) && children.length === 0) ? (\n          <div className=\"flex flex-col items-center gap-2 py-10 text-center\">\n            <Activity className=\"h-8 w-8 text-muted-foreground/30\" />\n            <p className=\"text-sm text-muted-foreground\">No activity yet.</p>\n          </div>\n        ) : (\n          children\n        )}\n      </div>\n    </section>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBM;AAhBN,kBAAiB;AACjB,0BAAgD;AAChD,kBAAwB;AAWxB,SAAS,cAAc;AACrB,SACE,6CAAC,SAAI,WAAU,uCACb;AAAA,gDAAC,SAAI,WAAU,sDAAqD;AAAA,IACpE,4CAAC,SAAI,WAAU,sDAAqD;AAAA,IACpE,6CAAC,SAAI,WAAU,sBACb;AAAA,kDAAC,SAAI,WAAU,2CAA0C;AAAA,MACzD,4CAAC,SAAI,WAAU,6CAA4C;AAAA,OAC7D;AAAA,IACA,6CAAC,SAAI,WAAU,wBACb;AAAA,kDAAC,SAAI,WAAU,6CAA4C;AAAA,MAC3D,4CAAC,SAAI,WAAU,4CAA2C;AAAA,OAC5D;AAAA,IACA,4CAAC,SAAI,WAAU,2DAA0D;AAAA,KAC3E;AAEJ;AAEO,SAAS,kBAAkB,EAAE,OAAO,MAAM,YAAY,cAAc,aAAa,WAAW,SAAS,GAA2B;AACrI,SACE,6CAAC,aAAQ,WAAU,aACjB;AAAA,iDAAC,SAAI,WAAU,qCACb;AAAA,mDAAC,SAAI,WAAU,6BACb;AAAA,qDAAC,SAAI,WAAU,sJACb;AAAA,sDAAC,gCAAS,WAAU,sBAAqB;AAAA,UACzC,6CAAC,UAAK,WAAU,6CACd;AAAA,wDAAC,UAAK,WAAU,0FAAyF;AAAA,YACzG,4CAAC,UAAK,WAAU,gEAA+D;AAAA,aACjF;AAAA,WACF;AAAA,QACA,6CAAC,SACC;AAAA,sDAAC,QAAG,WAAU,+CAA+C,iBAAM;AAAA,UACnE,6CAAC,OAAE,WAAU,iEACX;AAAA,wDAAC,iCAAU,WAAU,eAAc;AAAA,YAAE;AAAA,gBAC5B,qBAAQ,WAAW;AAAA,aAC9B;AAAA,WACF;AAAA,SACF;AAAA,MACA,6CAAC,YAAAA,SAAA,EAAK,MAAY,WAAU,+IACzB;AAAA;AAAA,QAAU;AAAA,QAAC,4CAAC,kCAAW,WAAU,eAAc;AAAA,SAClD;AAAA,OACF;AAAA,IAEA,4CAAC,SAAI,WAAU,wDACZ,sBACC,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MAAM,4CAAC,iBAAiB,CAAG,CAAE,IAC7D,CAAC,YAAa,MAAM,QAAQ,QAAQ,KAAK,SAAS,WAAW,IAC/D,6CAAC,SAAI,WAAU,sDACb;AAAA,kDAAC,gCAAS,WAAU,oCAAmC;AAAA,MACvD,4CAAC,OAAE,WAAU,iCAAgC,8BAAgB;AAAA,OAC/D,IAEA,UAEJ;AAAA,KACF;AAEJ;","names":["Link"]}
+{"version":3,"sources":["../../src/components/activity-feed-shell.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"./link.js\";\nimport { ArrowRight, Activity, RefreshCw } from \"lucide-react\";\nimport { timeAgo } from \"../utils/time.js\";\n\nexport interface ActivityFeedShellProps {\n  title: string;\n  href: string;\n  hrefLabel?: string;\n  lastUpdated: string;\n  isLoading: boolean;\n  children: React.ReactNode;\n}\n\nfunction SkeletonRow() {\n  return (\n    <div className=\"flex items-center gap-3 px-4 py-2.5\">\n      <div className=\"h-7 w-7 rounded-lg bg-muted animate-pulse shrink-0\" />\n      <div className=\"h-7 w-7 rounded-md bg-muted animate-pulse shrink-0\" />\n      <div className=\"flex-1 space-y-1.5\">\n        <div className=\"h-3 w-32 bg-muted animate-pulse rounded\" />\n        <div className=\"h-2.5 w-20 bg-muted animate-pulse rounded\" />\n      </div>\n      <div className=\"space-y-1 text-right\">\n        <div className=\"h-3.5 w-14 bg-muted animate-pulse rounded\" />\n        <div className=\"h-2.5 w-8 bg-muted animate-pulse rounded\" />\n      </div>\n      <div className=\"h-3 w-10 bg-muted animate-pulse rounded hidden sm:block\" />\n    </div>\n  );\n}\n\nexport function ActivityFeedShell({ title, href, hrefLabel = \"Activities\", lastUpdated, isLoading, children }: ActivityFeedShellProps) {\n  return (\n    <section className=\"space-y-5\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-2.5\">\n          <div className=\"relative h-8 w-8 rounded-xl bg-gradient-to-br from-indigo-500 to-blue-600 flex items-center justify-center shadow-lg shadow-indigo-500/20 shrink-0\">\n            <Activity className=\"h-4 w-4 text-white\" />\n            <span className=\"absolute -top-1 -right-1 flex h-2.5 w-2.5\">\n              <span className=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75\" />\n              <span className=\"relative inline-flex rounded-full h-2.5 w-2.5 bg-emerald-500\" />\n            </span>\n          </div>\n          <div>\n            <h2 className=\"text-xl sm:text-2xl font-black leading-none\">{title}</h2>\n            <p className=\"text-2xs text-muted-foreground mt-0.5 flex items-center gap-1\">\n              <RefreshCw className=\"h-2.5 w-2.5\" />\n              Updated {timeAgo(lastUpdated)}\n            </p>\n          </div>\n        </div>\n        <Link href={href} 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          {hrefLabel} <ArrowRight className=\"h-3.5 w-3.5\" />\n        </Link>\n      </div>\n\n      <div className=\"bento-cell overflow-hidden divide-y divide-border/40\">\n        {isLoading ? (\n          Array.from({ length: 6 }).map((_, i) => <SkeletonRow key={i} />)\n        ) : !children || (Array.isArray(children) && children.length === 0) ? (\n          <div className=\"flex flex-col items-center gap-2 py-10 text-center\">\n            <Activity className=\"h-8 w-8 text-muted-foreground/30\" />\n            <p className=\"text-sm text-muted-foreground\">No activity yet.</p>\n          </div>\n        ) : (\n          children\n        )}\n      </div>\n    </section>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBM;AAhBN,kBAAiB;AACjB,0BAAgD;AAChD,kBAAwB;AAWxB,SAAS,cAAc;AACrB,SACE,6CAAC,SAAI,WAAU,uCACb;AAAA,gDAAC,SAAI,WAAU,sDAAqD;AAAA,IACpE,4CAAC,SAAI,WAAU,sDAAqD;AAAA,IACpE,6CAAC,SAAI,WAAU,sBACb;AAAA,kDAAC,SAAI,WAAU,2CAA0C;AAAA,MACzD,4CAAC,SAAI,WAAU,6CAA4C;AAAA,OAC7D;AAAA,IACA,6CAAC,SAAI,WAAU,wBACb;AAAA,kDAAC,SAAI,WAAU,6CAA4C;AAAA,MAC3D,4CAAC,SAAI,WAAU,4CAA2C;AAAA,OAC5D;AAAA,IACA,4CAAC,SAAI,WAAU,2DAA0D;AAAA,KAC3E;AAEJ;AAEO,SAAS,kBAAkB,EAAE,OAAO,MAAM,YAAY,cAAc,aAAa,WAAW,SAAS,GAA2B;AACrI,SACE,6CAAC,aAAQ,WAAU,aACjB;AAAA,iDAAC,SAAI,WAAU,qCACb;AAAA,mDAAC,SAAI,WAAU,6BACb;AAAA,qDAAC,SAAI,WAAU,sJACb;AAAA,sDAAC,gCAAS,WAAU,sBAAqB;AAAA,UACzC,6CAAC,UAAK,WAAU,6CACd;AAAA,wDAAC,UAAK,WAAU,0FAAyF;AAAA,YACzG,4CAAC,UAAK,WAAU,gEAA+D;AAAA,aACjF;AAAA,WACF;AAAA,QACA,6CAAC,SACC;AAAA,sDAAC,QAAG,WAAU,+CAA+C,iBAAM;AAAA,UACnE,6CAAC,OAAE,WAAU,iEACX;AAAA,wDAAC,iCAAU,WAAU,eAAc;AAAA,YAAE;AAAA,gBAC5B,qBAAQ,WAAW;AAAA,aAC9B;AAAA,WACF;AAAA,SACF;AAAA,MACA,6CAAC,YAAAA,SAAA,EAAK,MAAY,WAAU,+IACzB;AAAA;AAAA,QAAU;AAAA,QAAC,4CAAC,kCAAW,WAAU,eAAc;AAAA,SAClD;AAAA,OACF;AAAA,IAEA,4CAAC,SAAI,WAAU,wDACZ,sBACC,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MAAM,4CAAC,iBAAiB,CAAG,CAAE,IAC7D,CAAC,YAAa,MAAM,QAAQ,QAAQ,KAAK,SAAS,WAAW,IAC/D,6CAAC,SAAI,WAAU,sDACb;AAAA,kDAAC,gCAAS,WAAU,oCAAmC;AAAA,MACvD,4CAAC,OAAE,WAAU,iCAAgC,8BAAgB;AAAA,OAC/D,IAEA,UAEJ;AAAA,KACF;AAEJ;","names":["Link"]}

package/dist/components/activity-feed-shell.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import Link from "next/link";
+import Link from "./link.js";
 import { ArrowRight, Activity, RefreshCw } from "lucide-react";
 import { timeAgo } from "../utils/time.js";
 function SkeletonRow() {

package/dist/components/activity-feed-shell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/activity-feed-shell.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { ArrowRight, Activity, RefreshCw } from \"lucide-react\";\nimport { timeAgo } from \"../utils/time.js\";\n\nexport interface ActivityFeedShellProps {\n  title: string;\n  href: string;\n  hrefLabel?: string;\n  lastUpdated: string;\n  isLoading: boolean;\n  children: React.ReactNode;\n}\n\nfunction SkeletonRow() {\n  return (\n    <div className=\"flex items-center gap-3 px-4 py-2.5\">\n      <div className=\"h-7 w-7 rounded-lg bg-muted animate-pulse shrink-0\" />\n      <div className=\"h-7 w-7 rounded-md bg-muted animate-pulse shrink-0\" />\n      <div className=\"flex-1 space-y-1.5\">\n        <div className=\"h-3 w-32 bg-muted animate-pulse rounded\" />\n        <div className=\"h-2.5 w-20 bg-muted animate-pulse rounded\" />\n      </div>\n      <div className=\"space-y-1 text-right\">\n        <div className=\"h-3.5 w-14 bg-muted animate-pulse rounded\" />\n        <div className=\"h-2.5 w-8 bg-muted animate-pulse rounded\" />\n      </div>\n      <div className=\"h-3 w-10 bg-muted animate-pulse rounded hidden sm:block\" />\n    </div>\n  );\n}\n\nexport function ActivityFeedShell({ title, href, hrefLabel = \"Activities\", lastUpdated, isLoading, children }: ActivityFeedShellProps) {\n  return (\n    <section className=\"space-y-5\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-2.5\">\n          <div className=\"relative h-8 w-8 rounded-xl bg-gradient-to-br from-indigo-500 to-blue-600 flex items-center justify-center shadow-lg shadow-indigo-500/20 shrink-0\">\n            <Activity className=\"h-4 w-4 text-white\" />\n            <span className=\"absolute -top-1 -right-1 flex h-2.5 w-2.5\">\n              <span className=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75\" />\n              <span className=\"relative inline-flex rounded-full h-2.5 w-2.5 bg-emerald-500\" />\n            </span>\n          </div>\n          <div>\n            <h2 className=\"text-xl sm:text-2xl font-black leading-none\">{title}</h2>\n            <p className=\"text-2xs text-muted-foreground mt-0.5 flex items-center gap-1\">\n              <RefreshCw className=\"h-2.5 w-2.5\" />\n              Updated {timeAgo(lastUpdated)}\n            </p>\n          </div>\n        </div>\n        <Link href={href} 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          {hrefLabel} <ArrowRight className=\"h-3.5 w-3.5\" />\n        </Link>\n      </div>\n\n      <div className=\"bento-cell overflow-hidden divide-y divide-border/40\">\n        {isLoading ? (\n          Array.from({ length: 6 }).map((_, i) => <SkeletonRow key={i} />)\n        ) : !children || (Array.isArray(children) && children.length === 0) ? (\n          <div className=\"flex flex-col items-center gap-2 py-10 text-center\">\n            <Activity className=\"h-8 w-8 text-muted-foreground/30\" />\n            <p className=\"text-sm text-muted-foreground\">No activity yet.</p>\n          </div>\n        ) : (\n          children\n        )}\n      </div>\n    </section>\n  );\n}\n"],"mappings":";AAkBM,cAEA,YAFA;AAhBN,OAAO,UAAU;AACjB,SAAS,YAAY,UAAU,iBAAiB;AAChD,SAAS,eAAe;AAWxB,SAAS,cAAc;AACrB,SACE,qBAAC,SAAI,WAAU,uCACb;AAAA,wBAAC,SAAI,WAAU,sDAAqD;AAAA,IACpE,oBAAC,SAAI,WAAU,sDAAqD;AAAA,IACpE,qBAAC,SAAI,WAAU,sBACb;AAAA,0BAAC,SAAI,WAAU,2CAA0C;AAAA,MACzD,oBAAC,SAAI,WAAU,6CAA4C;AAAA,OAC7D;AAAA,IACA,qBAAC,SAAI,WAAU,wBACb;AAAA,0BAAC,SAAI,WAAU,6CAA4C;AAAA,MAC3D,oBAAC,SAAI,WAAU,4CAA2C;AAAA,OAC5D;AAAA,IACA,oBAAC,SAAI,WAAU,2DAA0D;AAAA,KAC3E;AAEJ;AAEO,SAAS,kBAAkB,EAAE,OAAO,MAAM,YAAY,cAAc,aAAa,WAAW,SAAS,GAA2B;AACrI,SACE,qBAAC,aAAQ,WAAU,aACjB;AAAA,yBAAC,SAAI,WAAU,qCACb;AAAA,2BAAC,SAAI,WAAU,6BACb;AAAA,6BAAC,SAAI,WAAU,sJACb;AAAA,8BAAC,YAAS,WAAU,sBAAqB;AAAA,UACzC,qBAAC,UAAK,WAAU,6CACd;AAAA,gCAAC,UAAK,WAAU,0FAAyF;AAAA,YACzG,oBAAC,UAAK,WAAU,gEAA+D;AAAA,aACjF;AAAA,WACF;AAAA,QACA,qBAAC,SACC;AAAA,8BAAC,QAAG,WAAU,+CAA+C,iBAAM;AAAA,UACnE,qBAAC,OAAE,WAAU,iEACX;AAAA,gCAAC,aAAU,WAAU,eAAc;AAAA,YAAE;AAAA,YAC5B,QAAQ,WAAW;AAAA,aAC9B;AAAA,WACF;AAAA,SACF;AAAA,MACA,qBAAC,QAAK,MAAY,WAAU,+IACzB;AAAA;AAAA,QAAU;AAAA,QAAC,oBAAC,cAAW,WAAU,eAAc;AAAA,SAClD;AAAA,OACF;AAAA,IAEA,oBAAC,SAAI,WAAU,wDACZ,sBACC,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MAAM,oBAAC,iBAAiB,CAAG,CAAE,IAC7D,CAAC,YAAa,MAAM,QAAQ,QAAQ,KAAK,SAAS,WAAW,IAC/D,qBAAC,SAAI,WAAU,sDACb;AAAA,0BAAC,YAAS,WAAU,oCAAmC;AAAA,MACvD,oBAAC,OAAE,WAAU,iCAAgC,8BAAgB;AAAA,OAC/D,IAEA,UAEJ;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/activity-feed-shell.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"./link.js\";\nimport { ArrowRight, Activity, RefreshCw } from \"lucide-react\";\nimport { timeAgo } from \"../utils/time.js\";\n\nexport interface ActivityFeedShellProps {\n  title: string;\n  href: string;\n  hrefLabel?: string;\n  lastUpdated: string;\n  isLoading: boolean;\n  children: React.ReactNode;\n}\n\nfunction SkeletonRow() {\n  return (\n    <div className=\"flex items-center gap-3 px-4 py-2.5\">\n      <div className=\"h-7 w-7 rounded-lg bg-muted animate-pulse shrink-0\" />\n      <div className=\"h-7 w-7 rounded-md bg-muted animate-pulse shrink-0\" />\n      <div className=\"flex-1 space-y-1.5\">\n        <div className=\"h-3 w-32 bg-muted animate-pulse rounded\" />\n        <div className=\"h-2.5 w-20 bg-muted animate-pulse rounded\" />\n      </div>\n      <div className=\"space-y-1 text-right\">\n        <div className=\"h-3.5 w-14 bg-muted animate-pulse rounded\" />\n        <div className=\"h-2.5 w-8 bg-muted animate-pulse rounded\" />\n      </div>\n      <div className=\"h-3 w-10 bg-muted animate-pulse rounded hidden sm:block\" />\n    </div>\n  );\n}\n\nexport function ActivityFeedShell({ title, href, hrefLabel = \"Activities\", lastUpdated, isLoading, children }: ActivityFeedShellProps) {\n  return (\n    <section className=\"space-y-5\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-2.5\">\n          <div className=\"relative h-8 w-8 rounded-xl bg-gradient-to-br from-indigo-500 to-blue-600 flex items-center justify-center shadow-lg shadow-indigo-500/20 shrink-0\">\n            <Activity className=\"h-4 w-4 text-white\" />\n            <span className=\"absolute -top-1 -right-1 flex h-2.5 w-2.5\">\n              <span className=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75\" />\n              <span className=\"relative inline-flex rounded-full h-2.5 w-2.5 bg-emerald-500\" />\n            </span>\n          </div>\n          <div>\n            <h2 className=\"text-xl sm:text-2xl font-black leading-none\">{title}</h2>\n            <p className=\"text-2xs text-muted-foreground mt-0.5 flex items-center gap-1\">\n              <RefreshCw className=\"h-2.5 w-2.5\" />\n              Updated {timeAgo(lastUpdated)}\n            </p>\n          </div>\n        </div>\n        <Link href={href} 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          {hrefLabel} <ArrowRight className=\"h-3.5 w-3.5\" />\n        </Link>\n      </div>\n\n      <div className=\"bento-cell overflow-hidden divide-y divide-border/40\">\n        {isLoading ? (\n          Array.from({ length: 6 }).map((_, i) => <SkeletonRow key={i} />)\n        ) : !children || (Array.isArray(children) && children.length === 0) ? (\n          <div className=\"flex flex-col items-center gap-2 py-10 text-center\">\n            <Activity className=\"h-8 w-8 text-muted-foreground/30\" />\n            <p className=\"text-sm text-muted-foreground\">No activity yet.</p>\n          </div>\n        ) : (\n          children\n        )}\n      </div>\n    </section>\n  );\n}\n"],"mappings":";AAkBM,cAEA,YAFA;AAhBN,OAAO,UAAU;AACjB,SAAS,YAAY,UAAU,iBAAiB;AAChD,SAAS,eAAe;AAWxB,SAAS,cAAc;AACrB,SACE,qBAAC,SAAI,WAAU,uCACb;AAAA,wBAAC,SAAI,WAAU,sDAAqD;AAAA,IACpE,oBAAC,SAAI,WAAU,sDAAqD;AAAA,IACpE,qBAAC,SAAI,WAAU,sBACb;AAAA,0BAAC,SAAI,WAAU,2CAA0C;AAAA,MACzD,oBAAC,SAAI,WAAU,6CAA4C;AAAA,OAC7D;AAAA,IACA,qBAAC,SAAI,WAAU,wBACb;AAAA,0BAAC,SAAI,WAAU,6CAA4C;AAAA,MAC3D,oBAAC,SAAI,WAAU,4CAA2C;AAAA,OAC5D;AAAA,IACA,oBAAC,SAAI,WAAU,2DAA0D;AAAA,KAC3E;AAEJ;AAEO,SAAS,kBAAkB,EAAE,OAAO,MAAM,YAAY,cAAc,aAAa,WAAW,SAAS,GAA2B;AACrI,SACE,qBAAC,aAAQ,WAAU,aACjB;AAAA,yBAAC,SAAI,WAAU,qCACb;AAAA,2BAAC,SAAI,WAAU,6BACb;AAAA,6BAAC,SAAI,WAAU,sJACb;AAAA,8BAAC,YAAS,WAAU,sBAAqB;AAAA,UACzC,qBAAC,UAAK,WAAU,6CACd;AAAA,gCAAC,UAAK,WAAU,0FAAyF;AAAA,YACzG,oBAAC,UAAK,WAAU,gEAA+D;AAAA,aACjF;AAAA,WACF;AAAA,QACA,qBAAC,SACC;AAAA,8BAAC,QAAG,WAAU,+CAA+C,iBAAM;AAAA,UACnE,qBAAC,OAAE,WAAU,iEACX;AAAA,gCAAC,aAAU,WAAU,eAAc;AAAA,YAAE;AAAA,YAC5B,QAAQ,WAAW;AAAA,aAC9B;AAAA,WACF;AAAA,SACF;AAAA,MACA,qBAAC,QAAK,MAAY,WAAU,+IACzB;AAAA;AAAA,QAAU;AAAA,QAAC,oBAAC,cAAW,WAAU,eAAc;AAAA,SAClD;AAAA,OACF;AAAA,IAEA,oBAAC,SAAI,WAAU,wDACZ,sBACC,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MAAM,oBAAC,iBAAiB,CAAG,CAAE,IAC7D,CAAC,YAAa,MAAM,QAAQ,QAAQ,KAAK,SAAS,WAAW,IAC/D,qBAAC,SAAI,WAAU,sDACb;AAAA,0BAAC,YAAS,WAAU,oCAAmC;AAAA,MACvD,oBAAC,OAAE,WAAU,iCAAgC,8BAAgB;AAAA,OAC/D,IAEA,UAEJ;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/activity-row.cjs

@@ -33,8 +33,8 @@ __export(activity_row_exports, {
 });
 module.exports = __toCommonJS(activity_row_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_image = __toESM(require("next/image"), 1);
-var import_link = __toESM(require("next/link"), 1);
+var import_image = __toESM(require("./image.js"), 1);
+var import_link = __toESM(require("./link.js"), 1);
 var import_lucide_react = require("lucide-react");
 var import_address_display = require("./address-display.js");
 var import_currency_icon = require("./currency-icon.js");

package/dist/components/activity-row.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/activity-row.tsx"],"sourcesContent":["\"use client\";\n\nimport Image from \"next/image\";\nimport Link from \"next/link\";\nimport { ExternalLink } from \"lucide-react\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { ACTIVITY_TYPE_CONFIG } from \"../data/activity.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { formatDisplayPrice } from \"../utils/format.js\";\nimport { cn } from \"../utils/cn.js\";\nimport type { ApiActivity } from \"@medialane/sdk\";\n\nexport interface ActivityRowProps {\n  activity: ApiActivity;\n\n  token?: { name?: string; image?: string };\n  showActor?: boolean;\n  showExplorer?: boolean;\n  compact?: boolean;\n  explorerUrl?: string;\n  getAssetHref?: (contract: string, tokenId: string) => string;\n  getActorHref?: (address: string) => string;\n}\n\nexport function ActivityRow({\n  activity,\n  token,\n  showActor = true,\n  showExplorer = true,\n  compact = false,\n  explorerUrl = \"https://voyager.online\",\n  getAssetHref = (c, t) => `/asset/${c}/${t}`,\n  getActorHref = (a) => `/creator/${a}`,\n}: ActivityRowProps) {\n  const config = ACTIVITY_TYPE_CONFIG[activity.type] ?? {\n    label: activity.type,\n    variant: \"outline\" as const,\n    icon: ExternalLink,\n    colorClass: \"text-muted-foreground\",\n    bgClass: \"bg-muted\",\n  };\n  const Icon = config.icon;\n\n  const contract = activity.nftContract ?? activity.contractAddress ?? null;\n  const tokenId = activity.nftTokenId ?? activity.tokenId ?? null;\n  const actor =\n    activity.offerer ??\n    activity.fulfiller ??\n    ((activity.type as string) === \"mint\" ? activity.to : activity.from) ??\n    null;\n  const txLink = activity.txHash ? `${explorerUrl}/tx/${activity.txHash}` : null;\n\n  const tokenName = token?.name ?? (tokenId ? `#${tokenId}` : \"—\");\n  const tokenImage = token?.image ? ipfsToHttp(token.image) : null;\n\n  return (\n    <div className={cn(\"flex items-center gap-3 hover:bg-muted/30 transition-colors group\", compact ? \"pl-4 pr-5 py-2.5\" : \"pl-4 pr-5 py-3.5\")}>\n\n      <div className={cn(\"rounded-lg flex items-center justify-center shrink-0\", config.bgClass, compact ? \"h-7 w-7\" : \"h-8 w-8\")}>\n        <Icon className={cn(\"shrink-0\", config.colorClass, compact ? \"h-3.5 w-3.5\" : \"h-4 w-4\")} />\n      </div>\n\n      <div className={cn(\"rounded-md overflow-hidden shrink-0 bg-muted\", compact ? \"h-7 w-7\" : \"h-9 w-9\")}>\n        {tokenImage ? (\n          <Image src={tokenImage} alt={tokenName} width={compact ? 28 : 36} height={compact ? 28 : 36} className=\"object-cover w-full h-full\" unoptimized />\n        ) : (\n          <div className=\"w-full h-full bg-gradient-to-br from-muted-foreground/10 to-muted-foreground/5\" />\n        )}\n      </div>\n\n      <div className=\"flex-1 min-w-0\">\n        {contract && tokenId ? (\n          <Link href={getAssetHref(contract, tokenId)} className=\"text-sm font-semibold hover:text-primary transition-colors truncate block leading-tight\">\n            {tokenName}\n          </Link>\n        ) : (\n          <span className=\"text-sm font-semibold text-muted-foreground\">—</span>\n        )}\n        {showActor && actor && (\n          <Link href={getActorHref(actor)} className=\"text-xs text-muted-foreground hover:text-primary transition-colors font-mono leading-tight\">\n            <AddressDisplay address={actor} chars={4} showCopy={false} />\n          </Link>\n        )}\n      </div>\n\n      <div className=\"flex items-center gap-2.5 shrink-0\">\n        {!compact && (\n          <span className={cn(\"text-2xs font-medium px-1.5 py-0.5 rounded hidden sm:inline-flex\", config.bgClass, config.colorClass)}>\n            {config.label}\n          </span>\n        )}\n\n        {activity.price?.formatted && (\n          <div className=\"text-right\">\n            <p className=\"text-sm font-bold tabular-nums leading-tight\">{formatDisplayPrice(activity.price.formatted)}</p>\n            <p className=\"text-2xs text-muted-foreground leading-tight flex items-center justify-end gap-0.5\">\n              {activity.price.currency && <CurrencyIcon symbol={activity.price.currency} size={10} />}\n              {activity.price.currency}\n            </p>\n          </div>\n        )}\n\n        <span className=\"text-2xs text-muted-foreground tabular-nums hidden sm:block w-12 text-right\" title={new Date(activity.timestamp).toLocaleString()}>\n          {timeAgo(activity.timestamp)}\n        </span>\n\n        {showExplorer && txLink && (\n          <a href={txLink} target=\"_blank\" rel=\"noopener noreferrer\" className=\"inline-flex items-center justify-center h-6 w-6 rounded-md hover:bg-muted transition-colors opacity-50 sm:opacity-0 sm:group-hover:opacity-100 shrink-0\" aria-label=\"View on explorer\">\n            <ExternalLink className=\"h-3 w-3 text-muted-foreground\" />\n          </a>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":["Image","Link"]}
+{"version":3,"sources":["../../src/components/activity-row.tsx"],"sourcesContent":["\"use client\";\n\nimport Image from \"./image.js\";\nimport Link from \"./link.js\";\nimport { ExternalLink } from \"lucide-react\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { ACTIVITY_TYPE_CONFIG } from \"../data/activity.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { formatDisplayPrice } from \"../utils/format.js\";\nimport { cn } from \"../utils/cn.js\";\nimport type { ApiActivity } from \"@medialane/sdk\";\n\nexport interface ActivityRowProps {\n  activity: ApiActivity;\n\n  token?: { name?: string; image?: string };\n  showActor?: boolean;\n  showExplorer?: boolean;\n  compact?: boolean;\n  explorerUrl?: string;\n  getAssetHref?: (contract: string, tokenId: string) => string;\n  getActorHref?: (address: string) => string;\n}\n\nexport function ActivityRow({\n  activity,\n  token,\n  showActor = true,\n  showExplorer = true,\n  compact = false,\n  explorerUrl = \"https://voyager.online\",\n  getAssetHref = (c, t) => `/asset/${c}/${t}`,\n  getActorHref = (a) => `/creator/${a}`,\n}: ActivityRowProps) {\n  const config = ACTIVITY_TYPE_CONFIG[activity.type] ?? {\n    label: activity.type,\n    variant: \"outline\" as const,\n    icon: ExternalLink,\n    colorClass: \"text-muted-foreground\",\n    bgClass: \"bg-muted\",\n  };\n  const Icon = config.icon;\n\n  const contract = activity.nftContract ?? activity.contractAddress ?? null;\n  const tokenId = activity.nftTokenId ?? activity.tokenId ?? null;\n  const actor =\n    activity.offerer ??\n    activity.fulfiller ??\n    ((activity.type as string) === \"mint\" ? activity.to : activity.from) ??\n    null;\n  const txLink = activity.txHash ? `${explorerUrl}/tx/${activity.txHash}` : null;\n\n  const tokenName = token?.name ?? (tokenId ? `#${tokenId}` : \"—\");\n  const tokenImage = token?.image ? ipfsToHttp(token.image) : null;\n\n  return (\n    <div className={cn(\"flex items-center gap-3 hover:bg-muted/30 transition-colors group\", compact ? \"pl-4 pr-5 py-2.5\" : \"pl-4 pr-5 py-3.5\")}>\n\n      <div className={cn(\"rounded-lg flex items-center justify-center shrink-0\", config.bgClass, compact ? \"h-7 w-7\" : \"h-8 w-8\")}>\n        <Icon className={cn(\"shrink-0\", config.colorClass, compact ? \"h-3.5 w-3.5\" : \"h-4 w-4\")} />\n      </div>\n\n      <div className={cn(\"rounded-md overflow-hidden shrink-0 bg-muted\", compact ? \"h-7 w-7\" : \"h-9 w-9\")}>\n        {tokenImage ? (\n          <Image src={tokenImage} alt={tokenName} width={compact ? 28 : 36} height={compact ? 28 : 36} className=\"object-cover w-full h-full\" unoptimized />\n        ) : (\n          <div className=\"w-full h-full bg-gradient-to-br from-muted-foreground/10 to-muted-foreground/5\" />\n        )}\n      </div>\n\n      <div className=\"flex-1 min-w-0\">\n        {contract && tokenId ? (\n          <Link href={getAssetHref(contract, tokenId)} className=\"text-sm font-semibold hover:text-primary transition-colors truncate block leading-tight\">\n            {tokenName}\n          </Link>\n        ) : (\n          <span className=\"text-sm font-semibold text-muted-foreground\">—</span>\n        )}\n        {showActor && actor && (\n          <Link href={getActorHref(actor)} className=\"text-xs text-muted-foreground hover:text-primary transition-colors font-mono leading-tight\">\n            <AddressDisplay address={actor} chars={4} showCopy={false} />\n          </Link>\n        )}\n      </div>\n\n      <div className=\"flex items-center gap-2.5 shrink-0\">\n        {!compact && (\n          <span className={cn(\"text-2xs font-medium px-1.5 py-0.5 rounded hidden sm:inline-flex\", config.bgClass, config.colorClass)}>\n            {config.label}\n          </span>\n        )}\n\n        {activity.price?.formatted && (\n          <div className=\"text-right\">\n            <p className=\"text-sm font-bold tabular-nums leading-tight\">{formatDisplayPrice(activity.price.formatted)}</p>\n            <p className=\"text-2xs text-muted-foreground leading-tight flex items-center justify-end gap-0.5\">\n              {activity.price.currency && <CurrencyIcon symbol={activity.price.currency} size={10} />}\n              {activity.price.currency}\n            </p>\n          </div>\n        )}\n\n        <span className=\"text-2xs text-muted-foreground tabular-nums hidden sm:block w-12 text-right\" title={new Date(activity.timestamp).toLocaleString()}>\n          {timeAgo(activity.timestamp)}\n        </span>\n\n        {showExplorer && txLink && (\n          <a href={txLink} target=\"_blank\" rel=\"noopener noreferrer\" className=\"inline-flex items-center justify-center h-6 w-6 rounded-md hover:bg-muted transition-colors opacity-50 sm:opacity-0 sm:group-hover:opacity-100 shrink-0\" aria-label=\"View on explorer\">\n            <ExternalLink className=\"h-3 w-3 text-muted-foreground\" />\n          </a>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6DQ;AA3DR,mBAAkB;AAClB,kBAAiB;AACjB,0BAA6B;AAC7B,6BAA+B;AAC/B,2BAA6B;AAC7B,sBAAqC;AACrC,kBAA2B;AAC3B,kBAAwB;AACxB,oBAAmC;AACnC,gBAAmB;AAeZ,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe,CAAC,GAAG,MAAM,UAAU,CAAC,IAAI,CAAC;AAAA,EACzC,eAAe,CAAC,MAAM,YAAY,CAAC;AACrC,GAAqB;AACnB,QAAM,SAAS,qCAAqB,SAAS,IAAI,KAAK;AAAA,IACpD,OAAO,SAAS;AAAA,IAChB,SAAS;AAAA,IACT,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS;AAAA,EACX;AACA,QAAM,OAAO,OAAO;AAEpB,QAAM,WAAW,SAAS,eAAe,SAAS,mBAAmB;AACrE,QAAM,UAAU,SAAS,cAAc,SAAS,WAAW;AAC3D,QAAM,QACJ,SAAS,WACT,SAAS,cACP,SAAS,SAAoB,SAAS,SAAS,KAAK,SAAS,SAC/D;AACF,QAAM,SAAS,SAAS,SAAS,GAAG,WAAW,OAAO,SAAS,MAAM,KAAK;AAE1E,QAAM,YAAY,OAAO,SAAS,UAAU,IAAI,OAAO,KAAK;AAC5D,QAAM,aAAa,OAAO,YAAQ,wBAAW,MAAM,KAAK,IAAI;AAE5D,SACE,6CAAC,SAAI,eAAW,cAAG,qEAAqE,UAAU,qBAAqB,kBAAkB,GAEvI;AAAA,gDAAC,SAAI,eAAW,cAAG,wDAAwD,OAAO,SAAS,UAAU,YAAY,SAAS,GACxH,sDAAC,QAAK,eAAW,cAAG,YAAY,OAAO,YAAY,UAAU,gBAAgB,SAAS,GAAG,GAC3F;AAAA,IAEA,4CAAC,SAAI,eAAW,cAAG,gDAAgD,UAAU,YAAY,SAAS,GAC/F,uBACC,4CAAC,aAAAA,SAAA,EAAM,KAAK,YAAY,KAAK,WAAW,OAAO,UAAU,KAAK,IAAI,QAAQ,UAAU,KAAK,IAAI,WAAU,8BAA6B,aAAW,MAAC,IAEhJ,4CAAC,SAAI,WAAU,kFAAiF,GAEpG;AAAA,IAEA,6CAAC,SAAI,WAAU,kBACZ;AAAA,kBAAY,UACX,4CAAC,YAAAC,SAAA,EAAK,MAAM,aAAa,UAAU,OAAO,GAAG,WAAU,2FACpD,qBACH,IAEA,4CAAC,UAAK,WAAU,+CAA8C,oBAAC;AAAA,MAEhE,aAAa,SACZ,4CAAC,YAAAA,SAAA,EAAK,MAAM,aAAa,KAAK,GAAG,WAAU,8FACzC,sDAAC,yCAAe,SAAS,OAAO,OAAO,GAAG,UAAU,OAAO,GAC7D;AAAA,OAEJ;AAAA,IAEA,6CAAC,SAAI,WAAU,sCACZ;AAAA,OAAC,WACA,4CAAC,UAAK,eAAW,cAAG,oEAAoE,OAAO,SAAS,OAAO,UAAU,GACtH,iBAAO,OACV;AAAA,MAGD,SAAS,OAAO,aACf,6CAAC,SAAI,WAAU,cACb;AAAA,oDAAC,OAAE,WAAU,gDAAgD,gDAAmB,SAAS,MAAM,SAAS,GAAE;AAAA,QAC1G,6CAAC,OAAE,WAAU,sFACV;AAAA,mBAAS,MAAM,YAAY,4CAAC,qCAAa,QAAQ,SAAS,MAAM,UAAU,MAAM,IAAI;AAAA,UACpF,SAAS,MAAM;AAAA,WAClB;AAAA,SACF;AAAA,MAGF,4CAAC,UAAK,WAAU,+EAA8E,OAAO,IAAI,KAAK,SAAS,SAAS,EAAE,eAAe,GAC9I,mCAAQ,SAAS,SAAS,GAC7B;AAAA,MAEC,gBAAgB,UACf,4CAAC,OAAE,MAAM,QAAQ,QAAO,UAAS,KAAI,uBAAsB,WAAU,2JAA0J,cAAW,oBACxO,sDAAC,oCAAa,WAAU,iCAAgC,GAC1D;AAAA,OAEJ;AAAA,KACF;AAEJ;","names":["Image","Link"]}

package/dist/components/activity-row.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import Image from "next/image";
-import Link from "next/link";
+import Image from "./image.js";
+import Link from "./link.js";
 import { ExternalLink } from "lucide-react";
 import { AddressDisplay } from "./address-display.js";
 import { CurrencyIcon } from "./currency-icon.js";

package/dist/components/activity-row.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/activity-row.tsx"],"sourcesContent":["\"use client\";\n\nimport Image from \"next/image\";\nimport Link from \"next/link\";\nimport { ExternalLink } from \"lucide-react\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { ACTIVITY_TYPE_CONFIG } from \"../data/activity.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { formatDisplayPrice } from \"../utils/format.js\";\nimport { cn } from \"../utils/cn.js\";\nimport type { ApiActivity } from \"@medialane/sdk\";\n\nexport interface ActivityRowProps {\n  activity: ApiActivity;\n\n  token?: { name?: string; image?: string };\n  showActor?: boolean;\n  showExplorer?: boolean;\n  compact?: boolean;\n  explorerUrl?: string;\n  getAssetHref?: (contract: string, tokenId: string) => string;\n  getActorHref?: (address: string) => string;\n}\n\nexport function ActivityRow({\n  activity,\n  token,\n  showActor = true,\n  showExplorer = true,\n  compact = false,\n  explorerUrl = \"https://voyager.online\",\n  getAssetHref = (c, t) => `/asset/${c}/${t}`,\n  getActorHref = (a) => `/creator/${a}`,\n}: ActivityRowProps) {\n  const config = ACTIVITY_TYPE_CONFIG[activity.type] ?? {\n    label: activity.type,\n    variant: \"outline\" as const,\n    icon: ExternalLink,\n    colorClass: \"text-muted-foreground\",\n    bgClass: \"bg-muted\",\n  };\n  const Icon = config.icon;\n\n  const contract = activity.nftContract ?? activity.contractAddress ?? null;\n  const tokenId = activity.nftTokenId ?? activity.tokenId ?? null;\n  const actor =\n    activity.offerer ??\n    activity.fulfiller ??\n    ((activity.type as string) === \"mint\" ? activity.to : activity.from) ??\n    null;\n  const txLink = activity.txHash ? `${explorerUrl}/tx/${activity.txHash}` : null;\n\n  const tokenName = token?.name ?? (tokenId ? `#${tokenId}` : \"—\");\n  const tokenImage = token?.image ? ipfsToHttp(token.image) : null;\n\n  return (\n    <div className={cn(\"flex items-center gap-3 hover:bg-muted/30 transition-colors group\", compact ? \"pl-4 pr-5 py-2.5\" : \"pl-4 pr-5 py-3.5\")}>\n\n      <div className={cn(\"rounded-lg flex items-center justify-center shrink-0\", config.bgClass, compact ? \"h-7 w-7\" : \"h-8 w-8\")}>\n        <Icon className={cn(\"shrink-0\", config.colorClass, compact ? \"h-3.5 w-3.5\" : \"h-4 w-4\")} />\n      </div>\n\n      <div className={cn(\"rounded-md overflow-hidden shrink-0 bg-muted\", compact ? \"h-7 w-7\" : \"h-9 w-9\")}>\n        {tokenImage ? (\n          <Image src={tokenImage} alt={tokenName} width={compact ? 28 : 36} height={compact ? 28 : 36} className=\"object-cover w-full h-full\" unoptimized />\n        ) : (\n          <div className=\"w-full h-full bg-gradient-to-br from-muted-foreground/10 to-muted-foreground/5\" />\n        )}\n      </div>\n\n      <div className=\"flex-1 min-w-0\">\n        {contract && tokenId ? (\n          <Link href={getAssetHref(contract, tokenId)} className=\"text-sm font-semibold hover:text-primary transition-colors truncate block leading-tight\">\n            {tokenName}\n          </Link>\n        ) : (\n          <span className=\"text-sm font-semibold text-muted-foreground\">—</span>\n        )}\n        {showActor && actor && (\n          <Link href={getActorHref(actor)} className=\"text-xs text-muted-foreground hover:text-primary transition-colors font-mono leading-tight\">\n            <AddressDisplay address={actor} chars={4} showCopy={false} />\n          </Link>\n        )}\n      </div>\n\n      <div className=\"flex items-center gap-2.5 shrink-0\">\n        {!compact && (\n          <span className={cn(\"text-2xs font-medium px-1.5 py-0.5 rounded hidden sm:inline-flex\", config.bgClass, config.colorClass)}>\n            {config.label}\n          </span>\n        )}\n\n        {activity.price?.formatted && (\n          <div className=\"text-right\">\n            <p className=\"text-sm font-bold tabular-nums leading-tight\">{formatDisplayPrice(activity.price.formatted)}</p>\n            <p className=\"text-2xs text-muted-foreground leading-tight flex items-center justify-end gap-0.5\">\n              {activity.price.currency && <CurrencyIcon symbol={activity.price.currency} size={10} />}\n              {activity.price.currency}\n            </p>\n          </div>\n        )}\n\n        <span className=\"text-2xs text-muted-foreground tabular-nums hidden sm:block w-12 text-right\" title={new Date(activity.timestamp).toLocaleString()}>\n          {timeAgo(activity.timestamp)}\n        </span>\n\n        {showExplorer && txLink && (\n          <a href={txLink} target=\"_blank\" rel=\"noopener noreferrer\" className=\"inline-flex items-center justify-center h-6 w-6 rounded-md hover:bg-muted transition-colors opacity-50 sm:opacity-0 sm:group-hover:opacity-100 shrink-0\" aria-label=\"View on explorer\">\n            <ExternalLink className=\"h-3 w-3 text-muted-foreground\" />\n          </a>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/activity-row.tsx"],"sourcesContent":["\"use client\";\n\nimport Image from \"./image.js\";\nimport Link from \"./link.js\";\nimport { ExternalLink } from \"lucide-react\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { ACTIVITY_TYPE_CONFIG } from \"../data/activity.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { formatDisplayPrice } from \"../utils/format.js\";\nimport { cn } from \"../utils/cn.js\";\nimport type { ApiActivity } from \"@medialane/sdk\";\n\nexport interface ActivityRowProps {\n  activity: ApiActivity;\n\n  token?: { name?: string; image?: string };\n  showActor?: boolean;\n  showExplorer?: boolean;\n  compact?: boolean;\n  explorerUrl?: string;\n  getAssetHref?: (contract: string, tokenId: string) => string;\n  getActorHref?: (address: string) => string;\n}\n\nexport function ActivityRow({\n  activity,\n  token,\n  showActor = true,\n  showExplorer = true,\n  compact = false,\n  explorerUrl = \"https://voyager.online\",\n  getAssetHref = (c, t) => `/asset/${c}/${t}`,\n  getActorHref = (a) => `/creator/${a}`,\n}: ActivityRowProps) {\n  const config = ACTIVITY_TYPE_CONFIG[activity.type] ?? {\n    label: activity.type,\n    variant: \"outline\" as const,\n    icon: ExternalLink,\n    colorClass: \"text-muted-foreground\",\n    bgClass: \"bg-muted\",\n  };\n  const Icon = config.icon;\n\n  const contract = activity.nftContract ?? activity.contractAddress ?? null;\n  const tokenId = activity.nftTokenId ?? activity.tokenId ?? null;\n  const actor =\n    activity.offerer ??\n    activity.fulfiller ??\n    ((activity.type as string) === \"mint\" ? activity.to : activity.from) ??\n    null;\n  const txLink = activity.txHash ? `${explorerUrl}/tx/${activity.txHash}` : null;\n\n  const tokenName = token?.name ?? (tokenId ? `#${tokenId}` : \"—\");\n  const tokenImage = token?.image ? ipfsToHttp(token.image) : null;\n\n  return (\n    <div className={cn(\"flex items-center gap-3 hover:bg-muted/30 transition-colors group\", compact ? \"pl-4 pr-5 py-2.5\" : \"pl-4 pr-5 py-3.5\")}>\n\n      <div className={cn(\"rounded-lg flex items-center justify-center shrink-0\", config.bgClass, compact ? \"h-7 w-7\" : \"h-8 w-8\")}>\n        <Icon className={cn(\"shrink-0\", config.colorClass, compact ? \"h-3.5 w-3.5\" : \"h-4 w-4\")} />\n      </div>\n\n      <div className={cn(\"rounded-md overflow-hidden shrink-0 bg-muted\", compact ? \"h-7 w-7\" : \"h-9 w-9\")}>\n        {tokenImage ? (\n          <Image src={tokenImage} alt={tokenName} width={compact ? 28 : 36} height={compact ? 28 : 36} className=\"object-cover w-full h-full\" unoptimized />\n        ) : (\n          <div className=\"w-full h-full bg-gradient-to-br from-muted-foreground/10 to-muted-foreground/5\" />\n        )}\n      </div>\n\n      <div className=\"flex-1 min-w-0\">\n        {contract && tokenId ? (\n          <Link href={getAssetHref(contract, tokenId)} className=\"text-sm font-semibold hover:text-primary transition-colors truncate block leading-tight\">\n            {tokenName}\n          </Link>\n        ) : (\n          <span className=\"text-sm font-semibold text-muted-foreground\">—</span>\n        )}\n        {showActor && actor && (\n          <Link href={getActorHref(actor)} className=\"text-xs text-muted-foreground hover:text-primary transition-colors font-mono leading-tight\">\n            <AddressDisplay address={actor} chars={4} showCopy={false} />\n          </Link>\n        )}\n      </div>\n\n      <div className=\"flex items-center gap-2.5 shrink-0\">\n        {!compact && (\n          <span className={cn(\"text-2xs font-medium px-1.5 py-0.5 rounded hidden sm:inline-flex\", config.bgClass, config.colorClass)}>\n            {config.label}\n          </span>\n        )}\n\n        {activity.price?.formatted && (\n          <div className=\"text-right\">\n            <p className=\"text-sm font-bold tabular-nums leading-tight\">{formatDisplayPrice(activity.price.formatted)}</p>\n            <p className=\"text-2xs text-muted-foreground leading-tight flex items-center justify-end gap-0.5\">\n              {activity.price.currency && <CurrencyIcon symbol={activity.price.currency} size={10} />}\n              {activity.price.currency}\n            </p>\n          </div>\n        )}\n\n        <span className=\"text-2xs text-muted-foreground tabular-nums hidden sm:block w-12 text-right\" title={new Date(activity.timestamp).toLocaleString()}>\n          {timeAgo(activity.timestamp)}\n        </span>\n\n        {showExplorer && txLink && (\n          <a href={txLink} target=\"_blank\" rel=\"noopener noreferrer\" className=\"inline-flex items-center justify-center h-6 w-6 rounded-md hover:bg-muted transition-colors opacity-50 sm:opacity-0 sm:group-hover:opacity-100 shrink-0\" aria-label=\"View on explorer\">\n            <ExternalLink className=\"h-3 w-3 text-muted-foreground\" />\n          </a>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/activity-ticker.cjs

@@ -34,7 +34,7 @@ __export(activity_ticker_exports, {
 module.exports = __toCommonJS(activity_ticker_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_link = __toESM(require("next/link"), 1);
+var import_link = __toESM(require("./link.js"), 1);
 var import_currency_icon = require("./currency-icon.js");
 var import_format = require("../utils/format.js");
 var import_ipfs = require("../utils/ipfs.js");

package/dist/components/activity-ticker.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/activity-ticker.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport Link from \"next/link\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { formatDisplayPrice } from \"../utils/format.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport { cn } from \"../utils/cn.js\";\nimport type { ApiOrder } from \"@medialane/sdk\";\n\nexport interface ActivityTickerProps {\n  orders: ApiOrder[];\n\n  minItems?: number;\n  className?: string;\n  getHref?: (order: ApiOrder) => string;\n}\n\nfunction ActivityPill({ listing, getHref }: { listing: ApiOrder; getHref: (order: ApiOrder) => string }) {\n  const [imgError, setImgError] = useState(false);\n  const image = listing.token?.image && !imgError ? ipfsToHttp(listing.token.image) : null;\n\n  return (\n    <Link\n      href={getHref(listing)}\n      className=\"flex-shrink-0 flex items-center gap-2 rounded-xl border border-border bg-card px-3 py-2 hover:bg-muted/60 active:scale-[0.98] transition-all duration-150 group\"\n    >\n      <div className=\"h-8 w-8 rounded-lg overflow-hidden bg-muted shrink-0\">\n        {image ? (\n          <img\n            src={image}\n            alt=\"\"\n            loading=\"lazy\"\n            className=\"w-full h-full object-cover\"\n            onError={() => setImgError(true)}\n          />\n        ) : (\n          <div className=\"w-full h-full bg-gradient-to-br from-brand-purple/20 to-brand-blue/20\" />\n        )}\n      </div>\n      <div className=\"min-w-0\">\n        <p className=\"text-xs font-medium whitespace-nowrap max-w-[100px] truncate\">\n          {listing.token?.name ?? `#${listing.nftTokenId}`}\n        </p>\n        {listing.price?.formatted && (\n          <p className=\"text-2xs font-bold text-brand-orange whitespace-nowrap flex items-center gap-0.5\">\n            {listing.price.currency && <CurrencyIcon symbol={listing.price.currency} size={10} />}\n            {formatDisplayPrice(listing.price.formatted)} {listing.price.currency}\n          </p>\n        )}\n      </div>\n    </Link>\n  );\n}\n\nexport function ActivityTicker({ orders, minItems = 3, className, getHref = (o) => `/asset/${o.nftContract}/${o.nftTokenId}` }: ActivityTickerProps) {\n  if (orders.length < minItems) return null;\n\n  return (\n    <div className={cn(className)}>\n      <div className=\"relative overflow-hidden py-2.5\">\n        <div\n          className=\"flex gap-2 w-max px-2\"\n          style={{ animation: \"scroll-strip 50s linear infinite\" }}\n          onMouseEnter={(e) => (e.currentTarget.style.animationPlayState = \"paused\")}\n          onMouseLeave={(e) => (e.currentTarget.style.animationPlayState = \"running\")}\n        >\n          {[...orders, ...orders].map((listing, i) => (\n            <ActivityPill key={`${listing.orderHash}-${i}`} listing={listing} getHref={getHref} />\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6BU;AA3BV,mBAAyB;AACzB,kBAAiB;AACjB,2BAA6B;AAC7B,oBAAmC;AACnC,kBAA2B;AAC3B,gBAAmB;AAWnB,SAAS,aAAa,EAAE,SAAS,QAAQ,GAAgE;AACvG,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAC9C,QAAM,QAAQ,QAAQ,OAAO,SAAS,CAAC,eAAW,wBAAW,QAAQ,MAAM,KAAK,IAAI;AAEpF,SACE;AAAA,IAAC,YAAAA;AAAA,IAAA;AAAA,MACC,MAAM,QAAQ,OAAO;AAAA,MACrB,WAAU;AAAA,MAEV;AAAA,oDAAC,SAAI,WAAU,wDACZ,kBACC;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,KAAI;AAAA,YACJ,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,SAAS,MAAM,YAAY,IAAI;AAAA;AAAA,QACjC,IAEA,4CAAC,SAAI,WAAU,yEAAwE,GAE3F;AAAA,QACA,6CAAC,SAAI,WAAU,WACb;AAAA,sDAAC,OAAE,WAAU,gEACV,kBAAQ,OAAO,QAAQ,IAAI,QAAQ,UAAU,IAChD;AAAA,UACC,QAAQ,OAAO,aACd,6CAAC,OAAE,WAAU,oFACV;AAAA,oBAAQ,MAAM,YAAY,4CAAC,qCAAa,QAAQ,QAAQ,MAAM,UAAU,MAAM,IAAI;AAAA,gBAClF,kCAAmB,QAAQ,MAAM,SAAS;AAAA,YAAE;AAAA,YAAE,QAAQ,MAAM;AAAA,aAC/D;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,eAAe,EAAE,QAAQ,WAAW,GAAG,WAAW,UAAU,CAAC,MAAM,UAAU,EAAE,WAAW,IAAI,EAAE,UAAU,GAAG,GAAwB;AACnJ,MAAI,OAAO,SAAS,SAAU,QAAO;AAErC,SACE,4CAAC,SAAI,eAAW,cAAG,SAAS,GAC1B,sDAAC,SAAI,WAAU,mCACb;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,WAAW,mCAAmC;AAAA,MACvD,cAAc,CAAC,MAAO,EAAE,cAAc,MAAM,qBAAqB;AAAA,MACjE,cAAc,CAAC,MAAO,EAAE,cAAc,MAAM,qBAAqB;AAAA,MAEhE,WAAC,GAAG,QAAQ,GAAG,MAAM,EAAE,IAAI,CAAC,SAAS,MACpC,4CAAC,gBAA+C,SAAkB,WAA/C,GAAG,QAAQ,SAAS,IAAI,CAAC,EAAwC,CACrF;AAAA;AAAA,EACH,GACF,GACF;AAEJ;","names":["Link"]}
+{"version":3,"sources":["../../src/components/activity-ticker.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport Link from \"./link.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { formatDisplayPrice } from \"../utils/format.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport { cn } from \"../utils/cn.js\";\nimport type { ApiOrder } from \"@medialane/sdk\";\n\nexport interface ActivityTickerProps {\n  orders: ApiOrder[];\n\n  minItems?: number;\n  className?: string;\n  getHref?: (order: ApiOrder) => string;\n}\n\nfunction ActivityPill({ listing, getHref }: { listing: ApiOrder; getHref: (order: ApiOrder) => string }) {\n  const [imgError, setImgError] = useState(false);\n  const image = listing.token?.image && !imgError ? ipfsToHttp(listing.token.image) : null;\n\n  return (\n    <Link\n      href={getHref(listing)}\n      className=\"flex-shrink-0 flex items-center gap-2 rounded-xl border border-border bg-card px-3 py-2 hover:bg-muted/60 active:scale-[0.98] transition-all duration-150 group\"\n    >\n      <div className=\"h-8 w-8 rounded-lg overflow-hidden bg-muted shrink-0\">\n        {image ? (\n          <img\n            src={image}\n            alt=\"\"\n            loading=\"lazy\"\n            className=\"w-full h-full object-cover\"\n            onError={() => setImgError(true)}\n          />\n        ) : (\n          <div className=\"w-full h-full bg-gradient-to-br from-brand-purple/20 to-brand-blue/20\" />\n        )}\n      </div>\n      <div className=\"min-w-0\">\n        <p className=\"text-xs font-medium whitespace-nowrap max-w-[100px] truncate\">\n          {listing.token?.name ?? `#${listing.nftTokenId}`}\n        </p>\n        {listing.price?.formatted && (\n          <p className=\"text-2xs font-bold text-brand-orange whitespace-nowrap flex items-center gap-0.5\">\n            {listing.price.currency && <CurrencyIcon symbol={listing.price.currency} size={10} />}\n            {formatDisplayPrice(listing.price.formatted)} {listing.price.currency}\n          </p>\n        )}\n      </div>\n    </Link>\n  );\n}\n\nexport function ActivityTicker({ orders, minItems = 3, className, getHref = (o) => `/asset/${o.nftContract}/${o.nftTokenId}` }: ActivityTickerProps) {\n  if (orders.length < minItems) return null;\n\n  return (\n    <div className={cn(className)}>\n      <div className=\"relative overflow-hidden py-2.5\">\n        <div\n          className=\"flex gap-2 w-max px-2\"\n          style={{ animation: \"scroll-strip 50s linear infinite\" }}\n          onMouseEnter={(e) => (e.currentTarget.style.animationPlayState = \"paused\")}\n          onMouseLeave={(e) => (e.currentTarget.style.animationPlayState = \"running\")}\n        >\n          {[...orders, ...orders].map((listing, i) => (\n            <ActivityPill key={`${listing.orderHash}-${i}`} listing={listing} getHref={getHref} />\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6BU;AA3BV,mBAAyB;AACzB,kBAAiB;AACjB,2BAA6B;AAC7B,oBAAmC;AACnC,kBAA2B;AAC3B,gBAAmB;AAWnB,SAAS,aAAa,EAAE,SAAS,QAAQ,GAAgE;AACvG,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAC9C,QAAM,QAAQ,QAAQ,OAAO,SAAS,CAAC,eAAW,wBAAW,QAAQ,MAAM,KAAK,IAAI;AAEpF,SACE;AAAA,IAAC,YAAAA;AAAA,IAAA;AAAA,MACC,MAAM,QAAQ,OAAO;AAAA,MACrB,WAAU;AAAA,MAEV;AAAA,oDAAC,SAAI,WAAU,wDACZ,kBACC;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,KAAI;AAAA,YACJ,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,SAAS,MAAM,YAAY,IAAI;AAAA;AAAA,QACjC,IAEA,4CAAC,SAAI,WAAU,yEAAwE,GAE3F;AAAA,QACA,6CAAC,SAAI,WAAU,WACb;AAAA,sDAAC,OAAE,WAAU,gEACV,kBAAQ,OAAO,QAAQ,IAAI,QAAQ,UAAU,IAChD;AAAA,UACC,QAAQ,OAAO,aACd,6CAAC,OAAE,WAAU,oFACV;AAAA,oBAAQ,MAAM,YAAY,4CAAC,qCAAa,QAAQ,QAAQ,MAAM,UAAU,MAAM,IAAI;AAAA,gBAClF,kCAAmB,QAAQ,MAAM,SAAS;AAAA,YAAE;AAAA,YAAE,QAAQ,MAAM;AAAA,aAC/D;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,eAAe,EAAE,QAAQ,WAAW,GAAG,WAAW,UAAU,CAAC,MAAM,UAAU,EAAE,WAAW,IAAI,EAAE,UAAU,GAAG,GAAwB;AACnJ,MAAI,OAAO,SAAS,SAAU,QAAO;AAErC,SACE,4CAAC,SAAI,eAAW,cAAG,SAAS,GAC1B,sDAAC,SAAI,WAAU,mCACb;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,WAAW,mCAAmC;AAAA,MACvD,cAAc,CAAC,MAAO,EAAE,cAAc,MAAM,qBAAqB;AAAA,MACjE,cAAc,CAAC,MAAO,EAAE,cAAc,MAAM,qBAAqB;AAAA,MAEhE,WAAC,GAAG,QAAQ,GAAG,MAAM,EAAE,IAAI,CAAC,SAAS,MACpC,4CAAC,gBAA+C,SAAkB,WAA/C,GAAG,QAAQ,SAAS,IAAI,CAAC,EAAwC,CACrF;AAAA;AAAA,EACH,GACF,GACF;AAEJ;","names":["Link"]}

package/dist/components/activity-ticker.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import Link from "next/link";
+import Link from "./link.js";
 import { CurrencyIcon } from "./currency-icon.js";
 import { formatDisplayPrice } from "../utils/format.js";
 import { ipfsToHttp } from "../utils/ipfs.js";

package/dist/components/activity-ticker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/activity-ticker.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport Link from \"next/link\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { formatDisplayPrice } from \"../utils/format.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport { cn } from \"../utils/cn.js\";\nimport type { ApiOrder } from \"@medialane/sdk\";\n\nexport interface ActivityTickerProps {\n  orders: ApiOrder[];\n\n  minItems?: number;\n  className?: string;\n  getHref?: (order: ApiOrder) => string;\n}\n\nfunction ActivityPill({ listing, getHref }: { listing: ApiOrder; getHref: (order: ApiOrder) => string }) {\n  const [imgError, setImgError] = useState(false);\n  const image = listing.token?.image && !imgError ? ipfsToHttp(listing.token.image) : null;\n\n  return (\n    <Link\n      href={getHref(listing)}\n      className=\"flex-shrink-0 flex items-center gap-2 rounded-xl border border-border bg-card px-3 py-2 hover:bg-muted/60 active:scale-[0.98] transition-all duration-150 group\"\n    >\n      <div className=\"h-8 w-8 rounded-lg overflow-hidden bg-muted shrink-0\">\n        {image ? (\n          <img\n            src={image}\n            alt=\"\"\n            loading=\"lazy\"\n            className=\"w-full h-full object-cover\"\n            onError={() => setImgError(true)}\n          />\n        ) : (\n          <div className=\"w-full h-full bg-gradient-to-br from-brand-purple/20 to-brand-blue/20\" />\n        )}\n      </div>\n      <div className=\"min-w-0\">\n        <p className=\"text-xs font-medium whitespace-nowrap max-w-[100px] truncate\">\n          {listing.token?.name ?? `#${listing.nftTokenId}`}\n        </p>\n        {listing.price?.formatted && (\n          <p className=\"text-2xs font-bold text-brand-orange whitespace-nowrap flex items-center gap-0.5\">\n            {listing.price.currency && <CurrencyIcon symbol={listing.price.currency} size={10} />}\n            {formatDisplayPrice(listing.price.formatted)} {listing.price.currency}\n          </p>\n        )}\n      </div>\n    </Link>\n  );\n}\n\nexport function ActivityTicker({ orders, minItems = 3, className, getHref = (o) => `/asset/${o.nftContract}/${o.nftTokenId}` }: ActivityTickerProps) {\n  if (orders.length < minItems) return null;\n\n  return (\n    <div className={cn(className)}>\n      <div className=\"relative overflow-hidden py-2.5\">\n        <div\n          className=\"flex gap-2 w-max px-2\"\n          style={{ animation: \"scroll-strip 50s linear infinite\" }}\n          onMouseEnter={(e) => (e.currentTarget.style.animationPlayState = \"paused\")}\n          onMouseLeave={(e) => (e.currentTarget.style.animationPlayState = \"running\")}\n        >\n          {[...orders, ...orders].map((listing, i) => (\n            <ActivityPill key={`${listing.orderHash}-${i}`} listing={listing} getHref={getHref} />\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AA6BU,cAgBA,YAhBA;AA3BV,SAAS,gBAAgB;AACzB,OAAO,UAAU;AACjB,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B;AACnC,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AAWnB,SAAS,aAAa,EAAE,SAAS,QAAQ,GAAgE;AACvG,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,QAAQ,QAAQ,OAAO,SAAS,CAAC,WAAW,WAAW,QAAQ,MAAM,KAAK,IAAI;AAEpF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,QAAQ,OAAO;AAAA,MACrB,WAAU;AAAA,MAEV;AAAA,4BAAC,SAAI,WAAU,wDACZ,kBACC;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,KAAI;AAAA,YACJ,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,SAAS,MAAM,YAAY,IAAI;AAAA;AAAA,QACjC,IAEA,oBAAC,SAAI,WAAU,yEAAwE,GAE3F;AAAA,QACA,qBAAC,SAAI,WAAU,WACb;AAAA,8BAAC,OAAE,WAAU,gEACV,kBAAQ,OAAO,QAAQ,IAAI,QAAQ,UAAU,IAChD;AAAA,UACC,QAAQ,OAAO,aACd,qBAAC,OAAE,WAAU,oFACV;AAAA,oBAAQ,MAAM,YAAY,oBAAC,gBAAa,QAAQ,QAAQ,MAAM,UAAU,MAAM,IAAI;AAAA,YAClF,mBAAmB,QAAQ,MAAM,SAAS;AAAA,YAAE;AAAA,YAAE,QAAQ,MAAM;AAAA,aAC/D;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,eAAe,EAAE,QAAQ,WAAW,GAAG,WAAW,UAAU,CAAC,MAAM,UAAU,EAAE,WAAW,IAAI,EAAE,UAAU,GAAG,GAAwB;AACnJ,MAAI,OAAO,SAAS,SAAU,QAAO;AAErC,SACE,oBAAC,SAAI,WAAW,GAAG,SAAS,GAC1B,8BAAC,SAAI,WAAU,mCACb;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,WAAW,mCAAmC;AAAA,MACvD,cAAc,CAAC,MAAO,EAAE,cAAc,MAAM,qBAAqB;AAAA,MACjE,cAAc,CAAC,MAAO,EAAE,cAAc,MAAM,qBAAqB;AAAA,MAEhE,WAAC,GAAG,QAAQ,GAAG,MAAM,EAAE,IAAI,CAAC,SAAS,MACpC,oBAAC,gBAA+C,SAAkB,WAA/C,GAAG,QAAQ,SAAS,IAAI,CAAC,EAAwC,CACrF;AAAA;AAAA,EACH,GACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/activity-ticker.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport Link from \"./link.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { formatDisplayPrice } from \"../utils/format.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport { cn } from \"../utils/cn.js\";\nimport type { ApiOrder } from \"@medialane/sdk\";\n\nexport interface ActivityTickerProps {\n  orders: ApiOrder[];\n\n  minItems?: number;\n  className?: string;\n  getHref?: (order: ApiOrder) => string;\n}\n\nfunction ActivityPill({ listing, getHref }: { listing: ApiOrder; getHref: (order: ApiOrder) => string }) {\n  const [imgError, setImgError] = useState(false);\n  const image = listing.token?.image && !imgError ? ipfsToHttp(listing.token.image) : null;\n\n  return (\n    <Link\n      href={getHref(listing)}\n      className=\"flex-shrink-0 flex items-center gap-2 rounded-xl border border-border bg-card px-3 py-2 hover:bg-muted/60 active:scale-[0.98] transition-all duration-150 group\"\n    >\n      <div className=\"h-8 w-8 rounded-lg overflow-hidden bg-muted shrink-0\">\n        {image ? (\n          <img\n            src={image}\n            alt=\"\"\n            loading=\"lazy\"\n            className=\"w-full h-full object-cover\"\n            onError={() => setImgError(true)}\n          />\n        ) : (\n          <div className=\"w-full h-full bg-gradient-to-br from-brand-purple/20 to-brand-blue/20\" />\n        )}\n      </div>\n      <div className=\"min-w-0\">\n        <p className=\"text-xs font-medium whitespace-nowrap max-w-[100px] truncate\">\n          {listing.token?.name ?? `#${listing.nftTokenId}`}\n        </p>\n        {listing.price?.formatted && (\n          <p className=\"text-2xs font-bold text-brand-orange whitespace-nowrap flex items-center gap-0.5\">\n            {listing.price.currency && <CurrencyIcon symbol={listing.price.currency} size={10} />}\n            {formatDisplayPrice(listing.price.formatted)} {listing.price.currency}\n          </p>\n        )}\n      </div>\n    </Link>\n  );\n}\n\nexport function ActivityTicker({ orders, minItems = 3, className, getHref = (o) => `/asset/${o.nftContract}/${o.nftTokenId}` }: ActivityTickerProps) {\n  if (orders.length < minItems) return null;\n\n  return (\n    <div className={cn(className)}>\n      <div className=\"relative overflow-hidden py-2.5\">\n        <div\n          className=\"flex gap-2 w-max px-2\"\n          style={{ animation: \"scroll-strip 50s linear infinite\" }}\n          onMouseEnter={(e) => (e.currentTarget.style.animationPlayState = \"paused\")}\n          onMouseLeave={(e) => (e.currentTarget.style.animationPlayState = \"running\")}\n        >\n          {[...orders, ...orders].map((listing, i) => (\n            <ActivityPill key={`${listing.orderHash}-${i}`} listing={listing} getHref={getHref} />\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AA6BU,cAgBA,YAhBA;AA3BV,SAAS,gBAAgB;AACzB,OAAO,UAAU;AACjB,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B;AACnC,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AAWnB,SAAS,aAAa,EAAE,SAAS,QAAQ,GAAgE;AACvG,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,QAAQ,QAAQ,OAAO,SAAS,CAAC,WAAW,WAAW,QAAQ,MAAM,KAAK,IAAI;AAEpF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,QAAQ,OAAO;AAAA,MACrB,WAAU;AAAA,MAEV;AAAA,4BAAC,SAAI,WAAU,wDACZ,kBACC;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,KAAI;AAAA,YACJ,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,SAAS,MAAM,YAAY,IAAI;AAAA;AAAA,QACjC,IAEA,oBAAC,SAAI,WAAU,yEAAwE,GAE3F;AAAA,QACA,qBAAC,SAAI,WAAU,WACb;AAAA,8BAAC,OAAE,WAAU,gEACV,kBAAQ,OAAO,QAAQ,IAAI,QAAQ,UAAU,IAChD;AAAA,UACC,QAAQ,OAAO,aACd,qBAAC,OAAE,WAAU,oFACV;AAAA,oBAAQ,MAAM,YAAY,oBAAC,gBAAa,QAAQ,QAAQ,MAAM,UAAU,MAAM,IAAI;AAAA,YAClF,mBAAmB,QAAQ,MAAM,SAAS;AAAA,YAAE;AAAA,YAAE,QAAQ,MAAM;AAAA,aAC/D;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,eAAe,EAAE,QAAQ,WAAW,GAAG,WAAW,UAAU,CAAC,MAAM,UAAU,EAAE,WAAW,IAAI,EAAE,UAAU,GAAG,GAAwB;AACnJ,MAAI,OAAO,SAAS,SAAU,QAAO;AAErC,SACE,oBAAC,SAAI,WAAW,GAAG,SAAS,GAC1B,8BAAC,SAAI,WAAU,mCACb;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,WAAW,mCAAmC;AAAA,MACvD,cAAc,CAAC,MAAO,EAAE,cAAc,MAAM,qBAAqB;AAAA,MACjE,cAAc,CAAC,MAAO,EAAE,cAAc,MAAM,qBAAqB;AAAA,MAEhE,WAAC,GAAG,QAAQ,GAAG,MAAM,EAAE,IAAI,CAAC,SAAS,MACpC,oBAAC,gBAA+C,SAAkB,WAA/C,GAAG,QAAQ,SAAS,IAAI,CAAC,EAAwC,CACrF;AAAA;AAAA,EACH,GACF,GACF;AAEJ;","names":[]}

package/dist/components/animated-token-media.cjs

@@ -34,7 +34,7 @@ __export(animated_token_media_exports, {
 module.exports = __toCommonJS(animated_token_media_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_image = __toESM(require("next/image"), 1);
+var import_image = __toESM(require("./image.js"), 1);
 var import_use_intersection_active = require("../utils/use-intersection-active.js");
 var import_cn = require("../utils/cn.js");
 function AnimatedTokenMedia({

package/dist/components/animated-token-media.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/animated-token-media.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport Image from \"next/image\";\nimport { useIntersectionActive } from \"../utils/use-intersection-active.js\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface AnimatedTokenMediaProps {\n\n  image: string | null;\n  alt: string;\n\n  animationUrl?: string | null;\n\n  live?: boolean;\n\n  mode?: \"fill\" | \"natural\";\n  className?: string;\n  sizes?: string;\n  priority?: boolean;\n\n  imgError?: boolean;\n  onImageError?: () => void;\n\n  fallback?: React.ReactNode;\n}\n\nexport function AnimatedTokenMedia({\n  image,\n  alt,\n  animationUrl,\n  live = false,\n  mode = \"fill\",\n  className,\n  sizes,\n  priority,\n  imgError: imgErrorProp,\n  onImageError,\n  fallback,\n}: AnimatedTokenMediaProps) {\n  const [internalError, setInternalError] = useState(false);\n  const imgError = imgErrorProp ?? internalError;\n  const handleImageError = () => {\n    setInternalError(true);\n    onImageError?.();\n  };\n\n  const [loaded, setLoaded] = useState(false);\n  useEffect(() => setLoaded(false), [image]);\n\n  const [ref, isVisible] = useIntersectionActive<HTMLDivElement>();\n  const showLive = live && !!animationUrl && isVisible;\n\n  return (\n    <div ref={ref} className={mode === \"fill\" ? \"absolute inset-0\" : \"relative w-full\"}>\n      {showLive ? (\n        <iframe\n          src={animationUrl!}\n          title={alt}\n          sandbox=\"allow-scripts\"\n          loading=\"lazy\"\n          className={\n            mode === \"fill\"\n              ? \"absolute inset-0 w-full h-full border-0\"\n              : \"w-full aspect-square border-0\"\n          }\n        />\n      ) : image && !imgError ? (\n        <>\n          {!loaded && (\n            <div\n              className={cn(\n                \"animate-[shimmer_1.6s_ease-in-out_infinite] bg-foreground/[0.06] absolute\",\n                mode === \"fill\" ? \"inset-0\" : \"inset-x-0 top-0 aspect-square\"\n              )}\n              style={{\n                backgroundImage:\n                  \"linear-gradient(90deg, transparent, color-mix(in srgb, var(--foreground) 8%, transparent), transparent)\",\n                backgroundSize: \"200% 100%\",\n              }}\n            />\n          )}\n          {mode === \"fill\" ? (\n            <Image\n              src={image}\n              alt={alt}\n              fill\n              unoptimized\n              sizes={sizes}\n              priority={priority}\n              className={cn(className, \"transition-opacity duration-300\", loaded ? \"opacity-100\" : \"opacity-0\")}\n              onLoad={() => setLoaded(true)}\n              onError={handleImageError}\n            />\n          ) : (\n            <Image\n              src={image}\n              alt={alt}\n              width={0}\n              height={0}\n              sizes={sizes}\n              priority={priority}\n              crossOrigin=\"anonymous\"\n              className={cn(className ?? \"w-full h-auto\", \"transition-opacity duration-300\", loaded ? \"opacity-100\" : \"opacity-0\")}\n              onLoad={() => setLoaded(true)}\n              onError={handleImageError}\n            />\n          )}\n        </>\n      ) : (\n        fallback ?? null\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwDQ;AAtDR,mBAAoC;AACpC,mBAAkB;AAClB,qCAAsC;AACtC,gBAAmB;AAsBZ,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AACF,GAA4B;AAC1B,QAAM,CAAC,eAAe,gBAAgB,QAAI,uBAAS,KAAK;AACxD,QAAM,WAAW,gBAAgB;AACjC,QAAM,mBAAmB,MAAM;AAC7B,qBAAiB,IAAI;AACrB,mBAAe;AAAA,EACjB;AAEA,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAS,KAAK;AAC1C,8BAAU,MAAM,UAAU,KAAK,GAAG,CAAC,KAAK,CAAC;AAEzC,QAAM,CAAC,KAAK,SAAS,QAAI,sDAAsC;AAC/D,QAAM,WAAW,QAAQ,CAAC,CAAC,gBAAgB;AAE3C,SACE,4CAAC,SAAI,KAAU,WAAW,SAAS,SAAS,qBAAqB,mBAC9D,qBACC;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,OAAO;AAAA,MACP,SAAQ;AAAA,MACR,SAAQ;AAAA,MACR,WACE,SAAS,SACL,4CACA;AAAA;AAAA,EAER,IACE,SAAS,CAAC,WACZ,4EACG;AAAA,KAAC,UACA;AAAA,MAAC;AAAA;AAAA,QACC,eAAW;AAAA,UACT;AAAA,UACA,SAAS,SAAS,YAAY;AAAA,QAChC;AAAA,QACA,OAAO;AAAA,UACL,iBACE;AAAA,UACF,gBAAgB;AAAA,QAClB;AAAA;AAAA,IACF;AAAA,IAED,SAAS,SACR;AAAA,MAAC,aAAAA;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL;AAAA,QACA,MAAI;AAAA,QACJ,aAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA,eAAW,cAAG,WAAW,mCAAmC,SAAS,gBAAgB,WAAW;AAAA,QAChG,QAAQ,MAAM,UAAU,IAAI;AAAA,QAC5B,SAAS;AAAA;AAAA,IACX,IAEA;AAAA,MAAC,aAAAA;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL;AAAA,QACA,OAAO;AAAA,QACP,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,QACA,aAAY;AAAA,QACZ,eAAW,cAAG,aAAa,iBAAiB,mCAAmC,SAAS,gBAAgB,WAAW;AAAA,QACnH,QAAQ,MAAM,UAAU,IAAI;AAAA,QAC5B,SAAS;AAAA;AAAA,IACX;AAAA,KAEJ,IAEA,YAAY,MAEhB;AAEJ;","names":["Image"]}
+{"version":3,"sources":["../../src/components/animated-token-media.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport Image from \"./image.js\";\nimport { useIntersectionActive } from \"../utils/use-intersection-active.js\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface AnimatedTokenMediaProps {\n\n  image: string | null;\n  alt: string;\n\n  animationUrl?: string | null;\n\n  live?: boolean;\n\n  mode?: \"fill\" | \"natural\";\n  className?: string;\n  sizes?: string;\n  priority?: boolean;\n\n  imgError?: boolean;\n  onImageError?: () => void;\n\n  fallback?: React.ReactNode;\n}\n\nexport function AnimatedTokenMedia({\n  image,\n  alt,\n  animationUrl,\n  live = false,\n  mode = \"fill\",\n  className,\n  sizes,\n  priority,\n  imgError: imgErrorProp,\n  onImageError,\n  fallback,\n}: AnimatedTokenMediaProps) {\n  const [internalError, setInternalError] = useState(false);\n  const imgError = imgErrorProp ?? internalError;\n  const handleImageError = () => {\n    setInternalError(true);\n    onImageError?.();\n  };\n\n  const [loaded, setLoaded] = useState(false);\n  useEffect(() => setLoaded(false), [image]);\n\n  const [ref, isVisible] = useIntersectionActive<HTMLDivElement>();\n  const showLive = live && !!animationUrl && isVisible;\n\n  return (\n    <div ref={ref} className={mode === \"fill\" ? \"absolute inset-0\" : \"relative w-full\"}>\n      {showLive ? (\n        <iframe\n          src={animationUrl!}\n          title={alt}\n          sandbox=\"allow-scripts\"\n          loading=\"lazy\"\n          className={\n            mode === \"fill\"\n              ? \"absolute inset-0 w-full h-full border-0\"\n              : \"w-full aspect-square border-0\"\n          }\n        />\n      ) : image && !imgError ? (\n        <>\n          {!loaded && (\n            <div\n              className={cn(\n                \"animate-[shimmer_1.6s_ease-in-out_infinite] bg-foreground/[0.06] absolute\",\n                mode === \"fill\" ? \"inset-0\" : \"inset-x-0 top-0 aspect-square\"\n              )}\n              style={{\n                backgroundImage:\n                  \"linear-gradient(90deg, transparent, color-mix(in srgb, var(--foreground) 8%, transparent), transparent)\",\n                backgroundSize: \"200% 100%\",\n              }}\n            />\n          )}\n          {mode === \"fill\" ? (\n            <Image\n              src={image}\n              alt={alt}\n              fill\n              unoptimized\n              sizes={sizes}\n              priority={priority}\n              className={cn(className, \"transition-opacity duration-300\", loaded ? \"opacity-100\" : \"opacity-0\")}\n              onLoad={() => setLoaded(true)}\n              onError={handleImageError}\n            />\n          ) : (\n            <Image\n              src={image}\n              alt={alt}\n              width={0}\n              height={0}\n              sizes={sizes}\n              priority={priority}\n              crossOrigin=\"anonymous\"\n              className={cn(className ?? \"w-full h-auto\", \"transition-opacity duration-300\", loaded ? \"opacity-100\" : \"opacity-0\")}\n              onLoad={() => setLoaded(true)}\n              onError={handleImageError}\n            />\n          )}\n        </>\n      ) : (\n        fallback ?? null\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwDQ;AAtDR,mBAAoC;AACpC,mBAAkB;AAClB,qCAAsC;AACtC,gBAAmB;AAsBZ,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AACF,GAA4B;AAC1B,QAAM,CAAC,eAAe,gBAAgB,QAAI,uBAAS,KAAK;AACxD,QAAM,WAAW,gBAAgB;AACjC,QAAM,mBAAmB,MAAM;AAC7B,qBAAiB,IAAI;AACrB,mBAAe;AAAA,EACjB;AAEA,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAS,KAAK;AAC1C,8BAAU,MAAM,UAAU,KAAK,GAAG,CAAC,KAAK,CAAC;AAEzC,QAAM,CAAC,KAAK,SAAS,QAAI,sDAAsC;AAC/D,QAAM,WAAW,QAAQ,CAAC,CAAC,gBAAgB;AAE3C,SACE,4CAAC,SAAI,KAAU,WAAW,SAAS,SAAS,qBAAqB,mBAC9D,qBACC;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,OAAO;AAAA,MACP,SAAQ;AAAA,MACR,SAAQ;AAAA,MACR,WACE,SAAS,SACL,4CACA;AAAA;AAAA,EAER,IACE,SAAS,CAAC,WACZ,4EACG;AAAA,KAAC,UACA;AAAA,MAAC;AAAA;AAAA,QACC,eAAW;AAAA,UACT;AAAA,UACA,SAAS,SAAS,YAAY;AAAA,QAChC;AAAA,QACA,OAAO;AAAA,UACL,iBACE;AAAA,UACF,gBAAgB;AAAA,QAClB;AAAA;AAAA,IACF;AAAA,IAED,SAAS,SACR;AAAA,MAAC,aAAAA;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL;AAAA,QACA,MAAI;AAAA,QACJ,aAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA,eAAW,cAAG,WAAW,mCAAmC,SAAS,gBAAgB,WAAW;AAAA,QAChG,QAAQ,MAAM,UAAU,IAAI;AAAA,QAC5B,SAAS;AAAA;AAAA,IACX,IAEA;AAAA,MAAC,aAAAA;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL;AAAA,QACA,OAAO;AAAA,QACP,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,QACA,aAAY;AAAA,QACZ,eAAW,cAAG,aAAa,iBAAiB,mCAAmC,SAAS,gBAAgB,WAAW;AAAA,QACnH,QAAQ,MAAM,UAAU,IAAI;AAAA,QAC5B,SAAS;AAAA;AAAA,IACX;AAAA,KAEJ,IAEA,YAAY,MAEhB;AAEJ;","names":["Image"]}

package/dist/components/animated-token-media.js

@@ -1,7 +1,7 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
-import Image from "next/image";
+import Image from "./image.js";
 import { useIntersectionActive } from "../utils/use-intersection-active.js";
 import { cn } from "../utils/cn.js";
 function AnimatedTokenMedia({

package/dist/components/animated-token-media.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/animated-token-media.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport Image from \"next/image\";\nimport { useIntersectionActive } from \"../utils/use-intersection-active.js\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface AnimatedTokenMediaProps {\n\n  image: string | null;\n  alt: string;\n\n  animationUrl?: string | null;\n\n  live?: boolean;\n\n  mode?: \"fill\" | \"natural\";\n  className?: string;\n  sizes?: string;\n  priority?: boolean;\n\n  imgError?: boolean;\n  onImageError?: () => void;\n\n  fallback?: React.ReactNode;\n}\n\nexport function AnimatedTokenMedia({\n  image,\n  alt,\n  animationUrl,\n  live = false,\n  mode = \"fill\",\n  className,\n  sizes,\n  priority,\n  imgError: imgErrorProp,\n  onImageError,\n  fallback,\n}: AnimatedTokenMediaProps) {\n  const [internalError, setInternalError] = useState(false);\n  const imgError = imgErrorProp ?? internalError;\n  const handleImageError = () => {\n    setInternalError(true);\n    onImageError?.();\n  };\n\n  const [loaded, setLoaded] = useState(false);\n  useEffect(() => setLoaded(false), [image]);\n\n  const [ref, isVisible] = useIntersectionActive<HTMLDivElement>();\n  const showLive = live && !!animationUrl && isVisible;\n\n  return (\n    <div ref={ref} className={mode === \"fill\" ? \"absolute inset-0\" : \"relative w-full\"}>\n      {showLive ? (\n        <iframe\n          src={animationUrl!}\n          title={alt}\n          sandbox=\"allow-scripts\"\n          loading=\"lazy\"\n          className={\n            mode === \"fill\"\n              ? \"absolute inset-0 w-full h-full border-0\"\n              : \"w-full aspect-square border-0\"\n          }\n        />\n      ) : image && !imgError ? (\n        <>\n          {!loaded && (\n            <div\n              className={cn(\n                \"animate-[shimmer_1.6s_ease-in-out_infinite] bg-foreground/[0.06] absolute\",\n                mode === \"fill\" ? \"inset-0\" : \"inset-x-0 top-0 aspect-square\"\n              )}\n              style={{\n                backgroundImage:\n                  \"linear-gradient(90deg, transparent, color-mix(in srgb, var(--foreground) 8%, transparent), transparent)\",\n                backgroundSize: \"200% 100%\",\n              }}\n            />\n          )}\n          {mode === \"fill\" ? (\n            <Image\n              src={image}\n              alt={alt}\n              fill\n              unoptimized\n              sizes={sizes}\n              priority={priority}\n              className={cn(className, \"transition-opacity duration-300\", loaded ? \"opacity-100\" : \"opacity-0\")}\n              onLoad={() => setLoaded(true)}\n              onError={handleImageError}\n            />\n          ) : (\n            <Image\n              src={image}\n              alt={alt}\n              width={0}\n              height={0}\n              sizes={sizes}\n              priority={priority}\n              crossOrigin=\"anonymous\"\n              className={cn(className ?? \"w-full h-auto\", \"transition-opacity duration-300\", loaded ? \"opacity-100\" : \"opacity-0\")}\n              onLoad={() => setLoaded(true)}\n              onError={handleImageError}\n            />\n          )}\n        </>\n      ) : (\n        fallback ?? null\n      )}\n    </div>\n  );\n}\n"],"mappings":";AAwDQ,SAYA,UAZA,KAYA,YAZA;AAtDR,SAAS,WAAW,gBAAgB;AACpC,OAAO,WAAW;AAClB,SAAS,6BAA6B;AACtC,SAAS,UAAU;AAsBZ,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AACF,GAA4B;AAC1B,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AACxD,QAAM,WAAW,gBAAgB;AACjC,QAAM,mBAAmB,MAAM;AAC7B,qBAAiB,IAAI;AACrB,mBAAe;AAAA,EACjB;AAEA,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,YAAU,MAAM,UAAU,KAAK,GAAG,CAAC,KAAK,CAAC;AAEzC,QAAM,CAAC,KAAK,SAAS,IAAI,sBAAsC;AAC/D,QAAM,WAAW,QAAQ,CAAC,CAAC,gBAAgB;AAE3C,SACE,oBAAC,SAAI,KAAU,WAAW,SAAS,SAAS,qBAAqB,mBAC9D,qBACC;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,OAAO;AAAA,MACP,SAAQ;AAAA,MACR,SAAQ;AAAA,MACR,WACE,SAAS,SACL,4CACA;AAAA;AAAA,EAER,IACE,SAAS,CAAC,WACZ,iCACG;AAAA,KAAC,UACA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,SAAS,SAAS,YAAY;AAAA,QAChC;AAAA,QACA,OAAO;AAAA,UACL,iBACE;AAAA,UACF,gBAAgB;AAAA,QAClB;AAAA;AAAA,IACF;AAAA,IAED,SAAS,SACR;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL;AAAA,QACA,MAAI;AAAA,QACJ,aAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA,WAAW,GAAG,WAAW,mCAAmC,SAAS,gBAAgB,WAAW;AAAA,QAChG,QAAQ,MAAM,UAAU,IAAI;AAAA,QAC5B,SAAS;AAAA;AAAA,IACX,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL;AAAA,QACA,OAAO;AAAA,QACP,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,QACA,aAAY;AAAA,QACZ,WAAW,GAAG,aAAa,iBAAiB,mCAAmC,SAAS,gBAAgB,WAAW;AAAA,QACnH,QAAQ,MAAM,UAAU,IAAI;AAAA,QAC5B,SAAS;AAAA;AAAA,IACX;AAAA,KAEJ,IAEA,YAAY,MAEhB;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/animated-token-media.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport Image from \"./image.js\";\nimport { useIntersectionActive } from \"../utils/use-intersection-active.js\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface AnimatedTokenMediaProps {\n\n  image: string | null;\n  alt: string;\n\n  animationUrl?: string | null;\n\n  live?: boolean;\n\n  mode?: \"fill\" | \"natural\";\n  className?: string;\n  sizes?: string;\n  priority?: boolean;\n\n  imgError?: boolean;\n  onImageError?: () => void;\n\n  fallback?: React.ReactNode;\n}\n\nexport function AnimatedTokenMedia({\n  image,\n  alt,\n  animationUrl,\n  live = false,\n  mode = \"fill\",\n  className,\n  sizes,\n  priority,\n  imgError: imgErrorProp,\n  onImageError,\n  fallback,\n}: AnimatedTokenMediaProps) {\n  const [internalError, setInternalError] = useState(false);\n  const imgError = imgErrorProp ?? internalError;\n  const handleImageError = () => {\n    setInternalError(true);\n    onImageError?.();\n  };\n\n  const [loaded, setLoaded] = useState(false);\n  useEffect(() => setLoaded(false), [image]);\n\n  const [ref, isVisible] = useIntersectionActive<HTMLDivElement>();\n  const showLive = live && !!animationUrl && isVisible;\n\n  return (\n    <div ref={ref} className={mode === \"fill\" ? \"absolute inset-0\" : \"relative w-full\"}>\n      {showLive ? (\n        <iframe\n          src={animationUrl!}\n          title={alt}\n          sandbox=\"allow-scripts\"\n          loading=\"lazy\"\n          className={\n            mode === \"fill\"\n              ? \"absolute inset-0 w-full h-full border-0\"\n              : \"w-full aspect-square border-0\"\n          }\n        />\n      ) : image && !imgError ? (\n        <>\n          {!loaded && (\n            <div\n              className={cn(\n                \"animate-[shimmer_1.6s_ease-in-out_infinite] bg-foreground/[0.06] absolute\",\n                mode === \"fill\" ? \"inset-0\" : \"inset-x-0 top-0 aspect-square\"\n              )}\n              style={{\n                backgroundImage:\n                  \"linear-gradient(90deg, transparent, color-mix(in srgb, var(--foreground) 8%, transparent), transparent)\",\n                backgroundSize: \"200% 100%\",\n              }}\n            />\n          )}\n          {mode === \"fill\" ? (\n            <Image\n              src={image}\n              alt={alt}\n              fill\n              unoptimized\n              sizes={sizes}\n              priority={priority}\n              className={cn(className, \"transition-opacity duration-300\", loaded ? \"opacity-100\" : \"opacity-0\")}\n              onLoad={() => setLoaded(true)}\n              onError={handleImageError}\n            />\n          ) : (\n            <Image\n              src={image}\n              alt={alt}\n              width={0}\n              height={0}\n              sizes={sizes}\n              priority={priority}\n              crossOrigin=\"anonymous\"\n              className={cn(className ?? \"w-full h-auto\", \"transition-opacity duration-300\", loaded ? \"opacity-100\" : \"opacity-0\")}\n              onLoad={() => setLoaded(true)}\n              onError={handleImageError}\n            />\n          )}\n        </>\n      ) : (\n        fallback ?? null\n      )}\n    </div>\n  );\n}\n"],"mappings":";AAwDQ,SAYA,UAZA,KAYA,YAZA;AAtDR,SAAS,WAAW,gBAAgB;AACpC,OAAO,WAAW;AAClB,SAAS,6BAA6B;AACtC,SAAS,UAAU;AAsBZ,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AACF,GAA4B;AAC1B,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AACxD,QAAM,WAAW,gBAAgB;AACjC,QAAM,mBAAmB,MAAM;AAC7B,qBAAiB,IAAI;AACrB,mBAAe;AAAA,EACjB;AAEA,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,YAAU,MAAM,UAAU,KAAK,GAAG,CAAC,KAAK,CAAC;AAEzC,QAAM,CAAC,KAAK,SAAS,IAAI,sBAAsC;AAC/D,QAAM,WAAW,QAAQ,CAAC,CAAC,gBAAgB;AAE3C,SACE,oBAAC,SAAI,KAAU,WAAW,SAAS,SAAS,qBAAqB,mBAC9D,qBACC;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,OAAO;AAAA,MACP,SAAQ;AAAA,MACR,SAAQ;AAAA,MACR,WACE,SAAS,SACL,4CACA;AAAA;AAAA,EAER,IACE,SAAS,CAAC,WACZ,iCACG;AAAA,KAAC,UACA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,SAAS,SAAS,YAAY;AAAA,QAChC;AAAA,QACA,OAAO;AAAA,UACL,iBACE;AAAA,UACF,gBAAgB;AAAA,QAClB;AAAA;AAAA,IACF;AAAA,IAED,SAAS,SACR;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL;AAAA,QACA,MAAI;AAAA,QACJ,aAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA,WAAW,GAAG,WAAW,mCAAmC,SAAS,gBAAgB,WAAW;AAAA,QAChG,QAAQ,MAAM,UAAU,IAAI;AAAA,QAC5B,SAAS;AAAA;AAAA,IACX,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL;AAAA,QACA,OAAO;AAAA,QACP,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,QACA,aAAY;AAAA,QACZ,WAAW,GAAG,aAAa,iBAAiB,mCAAmC,SAAS,gBAAgB,WAAW;AAAA,QACnH,QAAQ,MAAM,UAAU,IAAI;AAAA,QAC5B,SAAS;AAAA;AAAA,IACX;AAAA,KAEJ,IAEA,YAAY,MAEhB;AAEJ;","names":[]}

package/dist/components/asset-card.cjs

@@ -34,7 +34,7 @@ __export(asset_card_exports, {
 });
 module.exports = __toCommonJS(asset_card_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_link = __toESM(require("next/link"), 1);
+var import_link = __toESM(require("./link.js"), 1);
 var import_lucide_react = require("lucide-react");
 var import_cn = require("../utils/cn.js");
 var import_ipfs = require("../utils/ipfs.js");

package/dist/components/asset-card.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/asset-card.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { Loader2 } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport { PriceChipContent } from \"./dual-price.js\";\nimport { IpTypeBadge } from \"./ip-type-badge.js\";\nimport { AnimatedTokenMedia } from \"./animated-token-media.js\";\n\nexport interface AssetCardPrice {\n  formatted?: string | null;\n  currency?: string | null;\n\n  usdValue?: string | null;\n}\n\nexport interface AssetCardProps {\n\n  href: string;\n\n  name: string;\n\n  image?: string | null;\n\n  animationUrl?: string | null;\n\n  live?: boolean;\n\n  subtitle?: string | null;\n\n  ipType?: string | null;\n\n  price?: AssetCardPrice | null;\n\n  fallbackId?: string | null;\n\n  indexing?: boolean;\n\n  ipTypeBaseUrl?: string;\n  className?: string;\n}\n\nexport function AssetCard({\n  href,\n  name,\n  image,\n  animationUrl,\n  live = false,\n  subtitle,\n  ipType,\n  price,\n  fallbackId,\n  indexing = false,\n  ipTypeBaseUrl = \"\",\n  className,\n}: AssetCardProps) {\n  const resolved = image ? ipfsToHttp(image) : null;\n  const hasPrice = !!price?.formatted;\n\n  return (\n    <div\n      className={cn(\n        \"card-base group relative flex flex-col w-full transition-colors hover:border-foreground/20\",\n        className\n      )}\n    >\n\n      <Link href={href} className=\"block p-1.5 pb-0\">\n        <div className=\"relative aspect-[4/5] rounded-[12px] bg-muted overflow-hidden ring-1 ring-border/50\">\n          <AnimatedTokenMedia\n            image={resolved}\n            animationUrl={animationUrl}\n            live={live}\n            alt={name}\n            mode=\"fill\"\n            sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 22vw\"\n            className=\"object-cover transition-transform duration-500 group-hover:scale-105\"\n            fallback={\n              <div className=\"absolute inset-0 flex items-center justify-center bg-gradient-to-br from-brand-blue/25 via-brand-purple/25 to-brand-rose/25\">\n                <span className=\"text-sm font-semibold text-muted-foreground tabular-nums\">\n                  #{fallbackId ?? \"?\"}\n                </span>\n              </div>\n            }\n          />\n\n          {hasPrice && !indexing && (\n            <span className=\"absolute bottom-2 right-2 inline-flex items-center gap-1.5 text-sm font-bold text-white/95 backdrop-blur-md bg-black/40 rounded-full pl-3 pr-3 py-1.5 tabular-nums\">\n              <PriceChipContent\n                amountFormatted={price!.formatted}\n                currency={price!.currency}\n                usdValue={price!.usdValue}\n                tone=\"overlay-dark\"\n              />\n            </span>\n          )}\n\n          {indexing && (\n            <div className=\"absolute bottom-0 inset-x-0 flex items-center justify-center gap-1.5 bg-black/50 backdrop-blur-sm py-1.5\">\n              <Loader2 className=\"h-3 w-3 animate-spin text-white/70\" />\n              <span className=\"text-2xs text-white/70\">Indexing…</span>\n            </div>\n          )}\n        </div>\n      </Link>\n\n      <div className=\"flex items-start justify-between gap-2 px-3 py-3\">\n        <Link href={href} className=\"block min-w-0 flex-1\">\n          <p className=\"text-base font-bold line-clamp-1 leading-snug\">\n            {name}\n          </p>\n          {subtitle && (\n            <p className=\"text-xs text-muted-foreground line-clamp-1 leading-snug\">\n              {subtitle}\n            </p>\n          )}\n        </Link>\n\n        {ipType && (\n          <div className=\"shrink-0 mt-0.5\">\n            <IpTypeBadge ipType={ipType} size=\"sm\" baseUrl={ipTypeBaseUrl} />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport function AssetCardSkeleton() {\n  return (\n    <div className=\"card-base flex flex-col w-full\">\n      <div className=\"p-1.5 pb-0\">\n        <div className=\"aspect-[4/5] w-full animate-pulse bg-muted rounded-[12px]\" />\n      </div>\n      <div className=\"px-3 py-3 space-y-1.5\">\n        <div className=\"h-4 w-3/4 rounded-md animate-pulse bg-muted\" />\n        <div className=\"h-3.5 w-2/5 rounded-md animate-pulse bg-muted\" />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+Ec;AA7Ed,kBAAiB;AACjB,0BAAwB;AACxB,gBAAmB;AACnB,kBAA2B;AAC3B,wBAAiC;AACjC,2BAA4B;AAC5B,kCAAmC;AAmC5B,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB;AACF,GAAmB;AACjB,QAAM,WAAW,YAAQ,wBAAW,KAAK,IAAI;AAC7C,QAAM,WAAW,CAAC,CAAC,OAAO;AAE1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAGA;AAAA,oDAAC,YAAAA,SAAA,EAAK,MAAY,WAAU,oBAC1B,uDAAC,SAAI,WAAU,uFACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP;AAAA,cACA;AAAA,cACA,KAAK;AAAA,cACL,MAAK;AAAA,cACL,OAAM;AAAA,cACN,WAAU;AAAA,cACV,UACE,4CAAC,SAAI,WAAU,+HACb,uDAAC,UAAK,WAAU,4DAA2D;AAAA;AAAA,gBACvE,cAAc;AAAA,iBAClB,GACF;AAAA;AAAA,UAEJ;AAAA,UAEC,YAAY,CAAC,YACZ,4CAAC,UAAK,WAAU,sKACd;AAAA,YAAC;AAAA;AAAA,cACC,iBAAiB,MAAO;AAAA,cACxB,UAAU,MAAO;AAAA,cACjB,UAAU,MAAO;AAAA,cACjB,MAAK;AAAA;AAAA,UACP,GACF;AAAA,UAGD,YACC,6CAAC,SAAI,WAAU,4GACb;AAAA,wDAAC,+BAAQ,WAAU,sCAAqC;AAAA,YACxD,4CAAC,UAAK,WAAU,0BAAyB,4BAAS;AAAA,aACpD;AAAA,WAEJ,GACF;AAAA,QAEA,6CAAC,SAAI,WAAU,oDACb;AAAA,uDAAC,YAAAA,SAAA,EAAK,MAAY,WAAU,wBAC1B;AAAA,wDAAC,OAAE,WAAU,iDACV,gBACH;AAAA,YACC,YACC,4CAAC,OAAE,WAAU,2DACV,oBACH;AAAA,aAEJ;AAAA,UAEC,UACC,4CAAC,SAAI,WAAU,mBACb,sDAAC,oCAAY,QAAgB,MAAK,MAAK,SAAS,eAAe,GACjE;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,oBAAoB;AAClC,SACE,6CAAC,SAAI,WAAU,kCACb;AAAA,gDAAC,SAAI,WAAU,cACb,sDAAC,SAAI,WAAU,6DAA4D,GAC7E;AAAA,IACA,6CAAC,SAAI,WAAU,yBACb;AAAA,kDAAC,SAAI,WAAU,+CAA8C;AAAA,MAC7D,4CAAC,SAAI,WAAU,iDAAgD;AAAA,OACjE;AAAA,KACF;AAEJ;","names":["Link"]}
+{"version":3,"sources":["../../src/components/asset-card.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"./link.js\";\nimport { Loader2 } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport { PriceChipContent } from \"./dual-price.js\";\nimport { IpTypeBadge } from \"./ip-type-badge.js\";\nimport { AnimatedTokenMedia } from \"./animated-token-media.js\";\n\nexport interface AssetCardPrice {\n  formatted?: string | null;\n  currency?: string | null;\n\n  usdValue?: string | null;\n}\n\nexport interface AssetCardProps {\n\n  href: string;\n\n  name: string;\n\n  image?: string | null;\n\n  animationUrl?: string | null;\n\n  live?: boolean;\n\n  subtitle?: string | null;\n\n  ipType?: string | null;\n\n  price?: AssetCardPrice | null;\n\n  fallbackId?: string | null;\n\n  indexing?: boolean;\n\n  ipTypeBaseUrl?: string;\n  className?: string;\n}\n\nexport function AssetCard({\n  href,\n  name,\n  image,\n  animationUrl,\n  live = false,\n  subtitle,\n  ipType,\n  price,\n  fallbackId,\n  indexing = false,\n  ipTypeBaseUrl = \"\",\n  className,\n}: AssetCardProps) {\n  const resolved = image ? ipfsToHttp(image) : null;\n  const hasPrice = !!price?.formatted;\n\n  return (\n    <div\n      className={cn(\n        \"card-base group relative flex flex-col w-full transition-colors hover:border-foreground/20\",\n        className\n      )}\n    >\n\n      <Link href={href} className=\"block p-1.5 pb-0\">\n        <div className=\"relative aspect-[4/5] rounded-[12px] bg-muted overflow-hidden ring-1 ring-border/50\">\n          <AnimatedTokenMedia\n            image={resolved}\n            animationUrl={animationUrl}\n            live={live}\n            alt={name}\n            mode=\"fill\"\n            sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 22vw\"\n            className=\"object-cover transition-transform duration-500 group-hover:scale-105\"\n            fallback={\n              <div className=\"absolute inset-0 flex items-center justify-center bg-gradient-to-br from-brand-blue/25 via-brand-purple/25 to-brand-rose/25\">\n                <span className=\"text-sm font-semibold text-muted-foreground tabular-nums\">\n                  #{fallbackId ?? \"?\"}\n                </span>\n              </div>\n            }\n          />\n\n          {hasPrice && !indexing && (\n            <span className=\"absolute bottom-2 right-2 inline-flex items-center gap-1.5 text-sm font-bold text-white/95 backdrop-blur-md bg-black/40 rounded-full pl-3 pr-3 py-1.5 tabular-nums\">\n              <PriceChipContent\n                amountFormatted={price!.formatted}\n                currency={price!.currency}\n                usdValue={price!.usdValue}\n                tone=\"overlay-dark\"\n              />\n            </span>\n          )}\n\n          {indexing && (\n            <div className=\"absolute bottom-0 inset-x-0 flex items-center justify-center gap-1.5 bg-black/50 backdrop-blur-sm py-1.5\">\n              <Loader2 className=\"h-3 w-3 animate-spin text-white/70\" />\n              <span className=\"text-2xs text-white/70\">Indexing…</span>\n            </div>\n          )}\n        </div>\n      </Link>\n\n      <div className=\"flex items-start justify-between gap-2 px-3 py-3\">\n        <Link href={href} className=\"block min-w-0 flex-1\">\n          <p className=\"text-base font-bold line-clamp-1 leading-snug\">\n            {name}\n          </p>\n          {subtitle && (\n            <p className=\"text-xs text-muted-foreground line-clamp-1 leading-snug\">\n              {subtitle}\n            </p>\n          )}\n        </Link>\n\n        {ipType && (\n          <div className=\"shrink-0 mt-0.5\">\n            <IpTypeBadge ipType={ipType} size=\"sm\" baseUrl={ipTypeBaseUrl} />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport function AssetCardSkeleton() {\n  return (\n    <div className=\"card-base flex flex-col w-full\">\n      <div className=\"p-1.5 pb-0\">\n        <div className=\"aspect-[4/5] w-full animate-pulse bg-muted rounded-[12px]\" />\n      </div>\n      <div className=\"px-3 py-3 space-y-1.5\">\n        <div className=\"h-4 w-3/4 rounded-md animate-pulse bg-muted\" />\n        <div className=\"h-3.5 w-2/5 rounded-md animate-pulse bg-muted\" />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+Ec;AA7Ed,kBAAiB;AACjB,0BAAwB;AACxB,gBAAmB;AACnB,kBAA2B;AAC3B,wBAAiC;AACjC,2BAA4B;AAC5B,kCAAmC;AAmC5B,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB;AACF,GAAmB;AACjB,QAAM,WAAW,YAAQ,wBAAW,KAAK,IAAI;AAC7C,QAAM,WAAW,CAAC,CAAC,OAAO;AAE1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAGA;AAAA,oDAAC,YAAAA,SAAA,EAAK,MAAY,WAAU,oBAC1B,uDAAC,SAAI,WAAU,uFACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP;AAAA,cACA;AAAA,cACA,KAAK;AAAA,cACL,MAAK;AAAA,cACL,OAAM;AAAA,cACN,WAAU;AAAA,cACV,UACE,4CAAC,SAAI,WAAU,+HACb,uDAAC,UAAK,WAAU,4DAA2D;AAAA;AAAA,gBACvE,cAAc;AAAA,iBAClB,GACF;AAAA;AAAA,UAEJ;AAAA,UAEC,YAAY,CAAC,YACZ,4CAAC,UAAK,WAAU,sKACd;AAAA,YAAC;AAAA;AAAA,cACC,iBAAiB,MAAO;AAAA,cACxB,UAAU,MAAO;AAAA,cACjB,UAAU,MAAO;AAAA,cACjB,MAAK;AAAA;AAAA,UACP,GACF;AAAA,UAGD,YACC,6CAAC,SAAI,WAAU,4GACb;AAAA,wDAAC,+BAAQ,WAAU,sCAAqC;AAAA,YACxD,4CAAC,UAAK,WAAU,0BAAyB,4BAAS;AAAA,aACpD;AAAA,WAEJ,GACF;AAAA,QAEA,6CAAC,SAAI,WAAU,oDACb;AAAA,uDAAC,YAAAA,SAAA,EAAK,MAAY,WAAU,wBAC1B;AAAA,wDAAC,OAAE,WAAU,iDACV,gBACH;AAAA,YACC,YACC,4CAAC,OAAE,WAAU,2DACV,oBACH;AAAA,aAEJ;AAAA,UAEC,UACC,4CAAC,SAAI,WAAU,mBACb,sDAAC,oCAAY,QAAgB,MAAK,MAAK,SAAS,eAAe,GACjE;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,oBAAoB;AAClC,SACE,6CAAC,SAAI,WAAU,kCACb;AAAA,gDAAC,SAAI,WAAU,cACb,sDAAC,SAAI,WAAU,6DAA4D,GAC7E;AAAA,IACA,6CAAC,SAAI,WAAU,yBACb;AAAA,kDAAC,SAAI,WAAU,+CAA8C;AAAA,MAC7D,4CAAC,SAAI,WAAU,iDAAgD;AAAA,OACjE;AAAA,KACF;AAEJ;","names":["Link"]}

package/dist/components/asset-card.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import Link from "next/link";
+import Link from "./link.js";
 import { Loader2 } from "lucide-react";
 import { cn } from "../utils/cn.js";
 import { ipfsToHttp } from "../utils/ipfs.js";

package/dist/components/asset-card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/asset-card.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { Loader2 } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport { PriceChipContent } from \"./dual-price.js\";\nimport { IpTypeBadge } from \"./ip-type-badge.js\";\nimport { AnimatedTokenMedia } from \"./animated-token-media.js\";\n\nexport interface AssetCardPrice {\n  formatted?: string | null;\n  currency?: string | null;\n\n  usdValue?: string | null;\n}\n\nexport interface AssetCardProps {\n\n  href: string;\n\n  name: string;\n\n  image?: string | null;\n\n  animationUrl?: string | null;\n\n  live?: boolean;\n\n  subtitle?: string | null;\n\n  ipType?: string | null;\n\n  price?: AssetCardPrice | null;\n\n  fallbackId?: string | null;\n\n  indexing?: boolean;\n\n  ipTypeBaseUrl?: string;\n  className?: string;\n}\n\nexport function AssetCard({\n  href,\n  name,\n  image,\n  animationUrl,\n  live = false,\n  subtitle,\n  ipType,\n  price,\n  fallbackId,\n  indexing = false,\n  ipTypeBaseUrl = \"\",\n  className,\n}: AssetCardProps) {\n  const resolved = image ? ipfsToHttp(image) : null;\n  const hasPrice = !!price?.formatted;\n\n  return (\n    <div\n      className={cn(\n        \"card-base group relative flex flex-col w-full transition-colors hover:border-foreground/20\",\n        className\n      )}\n    >\n\n      <Link href={href} className=\"block p-1.5 pb-0\">\n        <div className=\"relative aspect-[4/5] rounded-[12px] bg-muted overflow-hidden ring-1 ring-border/50\">\n          <AnimatedTokenMedia\n            image={resolved}\n            animationUrl={animationUrl}\n            live={live}\n            alt={name}\n            mode=\"fill\"\n            sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 22vw\"\n            className=\"object-cover transition-transform duration-500 group-hover:scale-105\"\n            fallback={\n              <div className=\"absolute inset-0 flex items-center justify-center bg-gradient-to-br from-brand-blue/25 via-brand-purple/25 to-brand-rose/25\">\n                <span className=\"text-sm font-semibold text-muted-foreground tabular-nums\">\n                  #{fallbackId ?? \"?\"}\n                </span>\n              </div>\n            }\n          />\n\n          {hasPrice && !indexing && (\n            <span className=\"absolute bottom-2 right-2 inline-flex items-center gap-1.5 text-sm font-bold text-white/95 backdrop-blur-md bg-black/40 rounded-full pl-3 pr-3 py-1.5 tabular-nums\">\n              <PriceChipContent\n                amountFormatted={price!.formatted}\n                currency={price!.currency}\n                usdValue={price!.usdValue}\n                tone=\"overlay-dark\"\n              />\n            </span>\n          )}\n\n          {indexing && (\n            <div className=\"absolute bottom-0 inset-x-0 flex items-center justify-center gap-1.5 bg-black/50 backdrop-blur-sm py-1.5\">\n              <Loader2 className=\"h-3 w-3 animate-spin text-white/70\" />\n              <span className=\"text-2xs text-white/70\">Indexing…</span>\n            </div>\n          )}\n        </div>\n      </Link>\n\n      <div className=\"flex items-start justify-between gap-2 px-3 py-3\">\n        <Link href={href} className=\"block min-w-0 flex-1\">\n          <p className=\"text-base font-bold line-clamp-1 leading-snug\">\n            {name}\n          </p>\n          {subtitle && (\n            <p className=\"text-xs text-muted-foreground line-clamp-1 leading-snug\">\n              {subtitle}\n            </p>\n          )}\n        </Link>\n\n        {ipType && (\n          <div className=\"shrink-0 mt-0.5\">\n            <IpTypeBadge ipType={ipType} size=\"sm\" baseUrl={ipTypeBaseUrl} />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport function AssetCardSkeleton() {\n  return (\n    <div className=\"card-base flex flex-col w-full\">\n      <div className=\"p-1.5 pb-0\">\n        <div className=\"aspect-[4/5] w-full animate-pulse bg-muted rounded-[12px]\" />\n      </div>\n      <div className=\"px-3 py-3 space-y-1.5\">\n        <div className=\"h-4 w-3/4 rounded-md animate-pulse bg-muted\" />\n        <div className=\"h-3.5 w-2/5 rounded-md animate-pulse bg-muted\" />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AA+Ec,cACE,YADF;AA7Ed,OAAO,UAAU;AACjB,SAAS,eAAe;AACxB,SAAS,UAAU;AACnB,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAC5B,SAAS,0BAA0B;AAmC5B,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB;AACF,GAAmB;AACjB,QAAM,WAAW,QAAQ,WAAW,KAAK,IAAI;AAC7C,QAAM,WAAW,CAAC,CAAC,OAAO;AAE1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAGA;AAAA,4BAAC,QAAK,MAAY,WAAU,oBAC1B,+BAAC,SAAI,WAAU,uFACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP;AAAA,cACA;AAAA,cACA,KAAK;AAAA,cACL,MAAK;AAAA,cACL,OAAM;AAAA,cACN,WAAU;AAAA,cACV,UACE,oBAAC,SAAI,WAAU,+HACb,+BAAC,UAAK,WAAU,4DAA2D;AAAA;AAAA,gBACvE,cAAc;AAAA,iBAClB,GACF;AAAA;AAAA,UAEJ;AAAA,UAEC,YAAY,CAAC,YACZ,oBAAC,UAAK,WAAU,sKACd;AAAA,YAAC;AAAA;AAAA,cACC,iBAAiB,MAAO;AAAA,cACxB,UAAU,MAAO;AAAA,cACjB,UAAU,MAAO;AAAA,cACjB,MAAK;AAAA;AAAA,UACP,GACF;AAAA,UAGD,YACC,qBAAC,SAAI,WAAU,4GACb;AAAA,gCAAC,WAAQ,WAAU,sCAAqC;AAAA,YACxD,oBAAC,UAAK,WAAU,0BAAyB,4BAAS;AAAA,aACpD;AAAA,WAEJ,GACF;AAAA,QAEA,qBAAC,SAAI,WAAU,oDACb;AAAA,+BAAC,QAAK,MAAY,WAAU,wBAC1B;AAAA,gCAAC,OAAE,WAAU,iDACV,gBACH;AAAA,YACC,YACC,oBAAC,OAAE,WAAU,2DACV,oBACH;AAAA,aAEJ;AAAA,UAEC,UACC,oBAAC,SAAI,WAAU,mBACb,8BAAC,eAAY,QAAgB,MAAK,MAAK,SAAS,eAAe,GACjE;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,oBAAoB;AAClC,SACE,qBAAC,SAAI,WAAU,kCACb;AAAA,wBAAC,SAAI,WAAU,cACb,8BAAC,SAAI,WAAU,6DAA4D,GAC7E;AAAA,IACA,qBAAC,SAAI,WAAU,yBACb;AAAA,0BAAC,SAAI,WAAU,+CAA8C;AAAA,MAC7D,oBAAC,SAAI,WAAU,iDAAgD;AAAA,OACjE;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/asset-card.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"./link.js\";\nimport { Loader2 } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport { PriceChipContent } from \"./dual-price.js\";\nimport { IpTypeBadge } from \"./ip-type-badge.js\";\nimport { AnimatedTokenMedia } from \"./animated-token-media.js\";\n\nexport interface AssetCardPrice {\n  formatted?: string | null;\n  currency?: string | null;\n\n  usdValue?: string | null;\n}\n\nexport interface AssetCardProps {\n\n  href: string;\n\n  name: string;\n\n  image?: string | null;\n\n  animationUrl?: string | null;\n\n  live?: boolean;\n\n  subtitle?: string | null;\n\n  ipType?: string | null;\n\n  price?: AssetCardPrice | null;\n\n  fallbackId?: string | null;\n\n  indexing?: boolean;\n\n  ipTypeBaseUrl?: string;\n  className?: string;\n}\n\nexport function AssetCard({\n  href,\n  name,\n  image,\n  animationUrl,\n  live = false,\n  subtitle,\n  ipType,\n  price,\n  fallbackId,\n  indexing = false,\n  ipTypeBaseUrl = \"\",\n  className,\n}: AssetCardProps) {\n  const resolved = image ? ipfsToHttp(image) : null;\n  const hasPrice = !!price?.formatted;\n\n  return (\n    <div\n      className={cn(\n        \"card-base group relative flex flex-col w-full transition-colors hover:border-foreground/20\",\n        className\n      )}\n    >\n\n      <Link href={href} className=\"block p-1.5 pb-0\">\n        <div className=\"relative aspect-[4/5] rounded-[12px] bg-muted overflow-hidden ring-1 ring-border/50\">\n          <AnimatedTokenMedia\n            image={resolved}\n            animationUrl={animationUrl}\n            live={live}\n            alt={name}\n            mode=\"fill\"\n            sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 22vw\"\n            className=\"object-cover transition-transform duration-500 group-hover:scale-105\"\n            fallback={\n              <div className=\"absolute inset-0 flex items-center justify-center bg-gradient-to-br from-brand-blue/25 via-brand-purple/25 to-brand-rose/25\">\n                <span className=\"text-sm font-semibold text-muted-foreground tabular-nums\">\n                  #{fallbackId ?? \"?\"}\n                </span>\n              </div>\n            }\n          />\n\n          {hasPrice && !indexing && (\n            <span className=\"absolute bottom-2 right-2 inline-flex items-center gap-1.5 text-sm font-bold text-white/95 backdrop-blur-md bg-black/40 rounded-full pl-3 pr-3 py-1.5 tabular-nums\">\n              <PriceChipContent\n                amountFormatted={price!.formatted}\n                currency={price!.currency}\n                usdValue={price!.usdValue}\n                tone=\"overlay-dark\"\n              />\n            </span>\n          )}\n\n          {indexing && (\n            <div className=\"absolute bottom-0 inset-x-0 flex items-center justify-center gap-1.5 bg-black/50 backdrop-blur-sm py-1.5\">\n              <Loader2 className=\"h-3 w-3 animate-spin text-white/70\" />\n              <span className=\"text-2xs text-white/70\">Indexing…</span>\n            </div>\n          )}\n        </div>\n      </Link>\n\n      <div className=\"flex items-start justify-between gap-2 px-3 py-3\">\n        <Link href={href} className=\"block min-w-0 flex-1\">\n          <p className=\"text-base font-bold line-clamp-1 leading-snug\">\n            {name}\n          </p>\n          {subtitle && (\n            <p className=\"text-xs text-muted-foreground line-clamp-1 leading-snug\">\n              {subtitle}\n            </p>\n          )}\n        </Link>\n\n        {ipType && (\n          <div className=\"shrink-0 mt-0.5\">\n            <IpTypeBadge ipType={ipType} size=\"sm\" baseUrl={ipTypeBaseUrl} />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport function AssetCardSkeleton() {\n  return (\n    <div className=\"card-base flex flex-col w-full\">\n      <div className=\"p-1.5 pb-0\">\n        <div className=\"aspect-[4/5] w-full animate-pulse bg-muted rounded-[12px]\" />\n      </div>\n      <div className=\"px-3 py-3 space-y-1.5\">\n        <div className=\"h-4 w-3/4 rounded-md animate-pulse bg-muted\" />\n        <div className=\"h-3.5 w-2/5 rounded-md animate-pulse bg-muted\" />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AA+Ec,cACE,YADF;AA7Ed,OAAO,UAAU;AACjB,SAAS,eAAe;AACxB,SAAS,UAAU;AACnB,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAC5B,SAAS,0BAA0B;AAmC5B,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB;AACF,GAAmB;AACjB,QAAM,WAAW,QAAQ,WAAW,KAAK,IAAI;AAC7C,QAAM,WAAW,CAAC,CAAC,OAAO;AAE1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAGA;AAAA,4BAAC,QAAK,MAAY,WAAU,oBAC1B,+BAAC,SAAI,WAAU,uFACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP;AAAA,cACA;AAAA,cACA,KAAK;AAAA,cACL,MAAK;AAAA,cACL,OAAM;AAAA,cACN,WAAU;AAAA,cACV,UACE,oBAAC,SAAI,WAAU,+HACb,+BAAC,UAAK,WAAU,4DAA2D;AAAA;AAAA,gBACvE,cAAc;AAAA,iBAClB,GACF;AAAA;AAAA,UAEJ;AAAA,UAEC,YAAY,CAAC,YACZ,oBAAC,UAAK,WAAU,sKACd;AAAA,YAAC;AAAA;AAAA,cACC,iBAAiB,MAAO;AAAA,cACxB,UAAU,MAAO;AAAA,cACjB,UAAU,MAAO;AAAA,cACjB,MAAK;AAAA;AAAA,UACP,GACF;AAAA,UAGD,YACC,qBAAC,SAAI,WAAU,4GACb;AAAA,gCAAC,WAAQ,WAAU,sCAAqC;AAAA,YACxD,oBAAC,UAAK,WAAU,0BAAyB,4BAAS;AAAA,aACpD;AAAA,WAEJ,GACF;AAAA,QAEA,qBAAC,SAAI,WAAU,oDACb;AAAA,+BAAC,QAAK,MAAY,WAAU,wBAC1B;AAAA,gCAAC,OAAE,WAAU,iDACV,gBACH;AAAA,YACC,YACC,oBAAC,OAAE,WAAU,2DACV,oBACH;AAAA,aAEJ;AAAA,UAEC,UACC,oBAAC,SAAI,WAAU,mBACb,8BAAC,eAAY,QAAgB,MAAK,MAAK,SAAS,eAAe,GACjE;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,oBAAoB;AAClC,SACE,qBAAC,SAAI,WAAU,kCACb;AAAA,wBAAC,SAAI,WAAU,cACb,8BAAC,SAAI,WAAU,6DAA4D,GAC7E;AAAA,IACA,qBAAC,SAAI,WAAU,yBACb;AAAA,0BAAC,SAAI,WAAU,+CAA8C;AAAA,MAC7D,oBAAC,SAAI,WAAU,iDAAgD;AAAA,OACjE;AAAA,KACF;AAEJ;","names":[]}

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

@@ -33,8 +33,8 @@ __export(asset_collection_bar_exports, {
 });
 module.exports = __toCommonJS(asset_collection_bar_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_image = __toESM(require("next/image"), 1);
-var import_link = __toESM(require("next/link"), 1);
+var import_image = __toESM(require("./image.js"), 1);
+var import_link = __toESM(require("./link.js"), 1);
 var import_lucide_react = require("lucide-react");
 function AssetCollectionBar({
   collectionName,

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

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

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import Image from "next/image";
-import Link from "next/link";
+import Image from "./image.js";
+import Link from "./link.js";
 import { ArrowRight } from "lucide-react";
 function AssetCollectionBar({
   collectionName,