@medialane/ui 0.11.0 → 0.11.1

package/dist/components/activity-card.cjs

@@ -62,9 +62,10 @@ function ActivityCardSkeleton() {
   ] });
 }
 function ActivityCard({
-  activity,
+  activity: rawActivity,
   getAssetHref = (c, t) => `/asset/${c}/${t}`
 }) {
+  const activity = rawActivity;
   const config = import_activity.ACTIVITY_TYPE_CONFIG[activity.type] ?? {
     label: activity.type,
     variant: "outline",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/activity-card.tsx"],"sourcesContent":["\"use client\";\n\nimport Image from \"next/image\";\nimport Link from \"next/link\";\nimport { ExternalLink } from \"lucide-react\";\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 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  /** Builds the asset link; card is unlinked when the activity has no token ref */\n  getAssetHref?: (contract: string, tokenId: string) => string;\n}\n\n/** Card-shaped activity item for horizontal carousels (Discover Community strip).\n *  Same data as ActivityRow, presented like a collection/listing card. */\nexport function ActivityCard({\n  activity,\n  getAssetHref = (c, t) => `/asset/${c}/${t}`,\n}: ActivityCardProps) {\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  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        {tokenImage ? (\n          <Image\n            src={tokenImage}\n            alt={tokenName}\n            fill\n            sizes=\"256px\"\n            className=\"object-cover\"\n            unoptimized\n          />\n        ) : (\n          <div className=\"absolute inset-0 bg-gradient-to-br from-muted-foreground/10 to-muted-foreground/5\" aria-hidden />\n        )}\n        {/* Activity type chip — vivid label on glass */}\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-[11px] 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-[10px] 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-[15px] 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":["Image","Link"]}
+{"version":3,"sources":["../../src/components/activity-card.tsx"],"sourcesContent":["\"use client\";\n\nimport Image from \"next/image\";\nimport Link from \"next/link\";\nimport { ExternalLink } from \"lucide-react\";\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\n/** ui's pinned SDK lags the apps — extend structurally for fields newer SDKs carry. */\ntype ActivityWithEnrichment = ApiActivity & {\n  token?: { name: string | null; image: 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  /** Builds the asset link; card is unlinked when the activity has no token ref */\n  getAssetHref?: (contract: string, tokenId: string) => string;\n}\n\n/** Card-shaped activity item for horizontal carousels (Discover Community strip).\n *  Same data as ActivityRow, presented like a collection/listing card. */\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  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        {tokenImage ? (\n          <Image\n            src={tokenImage}\n            alt={tokenName}\n            fill\n            sizes=\"256px\"\n            className=\"object-cover\"\n            unoptimized\n          />\n        ) : (\n          <div className=\"absolute inset-0 bg-gradient-to-br from-muted-foreground/10 to-muted-foreground/5\" aria-hidden />\n        )}\n        {/* Activity type chip — vivid label on glass */}\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-[11px] 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-[10px] 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-[15px] 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":["Image","Link"]}

package/dist/components/activity-card.d.cts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiActivity } from '@medialane/sdk';
+
+declare const ACTIVITY_MESSAGES: Record<string, (actor: string | null) => string>;
+declare function ActivityCardSkeleton(): react_jsx_runtime.JSX.Element;
+interface ActivityCardProps {
+    activity: ApiActivity;
+    /** Builds the asset link; card is unlinked when the activity has no token ref */
+    getAssetHref?: (contract: string, tokenId: string) => string;
+}
+/** Card-shaped activity item for horizontal carousels (Discover Community strip).
+ *  Same data as ActivityRow, presented like a collection/listing card. */
+declare function ActivityCard({ activity: rawActivity, getAssetHref, }: ActivityCardProps): react_jsx_runtime.JSX.Element;
+
+export { ACTIVITY_MESSAGES, ActivityCard, type ActivityCardProps, ActivityCardSkeleton };

package/dist/components/activity-card.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiActivity } from '@medialane/sdk';
+
+declare const ACTIVITY_MESSAGES: Record<string, (actor: string | null) => string>;
+declare function ActivityCardSkeleton(): react_jsx_runtime.JSX.Element;
+interface ActivityCardProps {
+    activity: ApiActivity;
+    /** Builds the asset link; card is unlinked when the activity has no token ref */
+    getAssetHref?: (contract: string, tokenId: string) => string;
+}
+/** Card-shaped activity item for horizontal carousels (Discover Community strip).
+ *  Same data as ActivityRow, presented like a collection/listing card. */
+declare function ActivityCard({ activity: rawActivity, getAssetHref, }: ActivityCardProps): react_jsx_runtime.JSX.Element;
+
+export { ACTIVITY_MESSAGES, ActivityCard, type ActivityCardProps, ActivityCardSkeleton };

package/dist/components/activity-card.js

@@ -27,9 +27,10 @@ function ActivityCardSkeleton() {
   ] });
 }
 function ActivityCard({
-  activity,
+  activity: rawActivity,
   getAssetHref = (c, t) => `/asset/${c}/${t}`
 }) {
+  const activity = rawActivity;
   const config = ACTIVITY_TYPE_CONFIG[activity.type] ?? {
     label: activity.type,
     variant: "outline",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/activity-card.tsx"],"sourcesContent":["\"use client\";\n\nimport Image from \"next/image\";\nimport Link from \"next/link\";\nimport { ExternalLink } from \"lucide-react\";\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 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  /** Builds the asset link; card is unlinked when the activity has no token ref */\n  getAssetHref?: (contract: string, tokenId: string) => string;\n}\n\n/** Card-shaped activity item for horizontal carousels (Discover Community strip).\n *  Same data as ActivityRow, presented like a collection/listing card. */\nexport function ActivityCard({\n  activity,\n  getAssetHref = (c, t) => `/asset/${c}/${t}`,\n}: ActivityCardProps) {\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  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        {tokenImage ? (\n          <Image\n            src={tokenImage}\n            alt={tokenName}\n            fill\n            sizes=\"256px\"\n            className=\"object-cover\"\n            unoptimized\n          />\n        ) : (\n          <div className=\"absolute inset-0 bg-gradient-to-br from-muted-foreground/10 to-muted-foreground/5\" aria-hidden />\n        )}\n        {/* Activity type chip — vivid label on glass */}\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-[11px] 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-[10px] 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-[15px] 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 Image from \"next/image\";\nimport Link from \"next/link\";\nimport { ExternalLink } from \"lucide-react\";\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\n/** ui's pinned SDK lags the apps — extend structurally for fields newer SDKs carry. */\ntype ActivityWithEnrichment = ApiActivity & {\n  token?: { name: string | null; image: 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  /** Builds the asset link; card is unlinked when the activity has no token ref */\n  getAssetHref?: (contract: string, tokenId: string) => string;\n}\n\n/** Card-shaped activity item for horizontal carousels (Discover Community strip).\n *  Same data as ActivityRow, presented like a collection/listing card. */\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  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        {tokenImage ? (\n          <Image\n            src={tokenImage}\n            alt={tokenName}\n            fill\n            sizes=\"256px\"\n            className=\"object-cover\"\n            unoptimized\n          />\n        ) : (\n          <div className=\"absolute inset-0 bg-gradient-to-br from-muted-foreground/10 to-muted-foreground/5\" aria-hidden />\n        )}\n        {/* Activity type chip — vivid label on glass */}\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-[11px] 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-[10px] 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-[15px] 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.d.cts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ActivityFeedShellProps {
+    title: string;
+    href: string;
+    hrefLabel?: string;
+    lastUpdated: string;
+    isLoading: boolean;
+    children: React.ReactNode;
+}
+declare function ActivityFeedShell({ title, href, hrefLabel, lastUpdated, isLoading, children }: ActivityFeedShellProps): react_jsx_runtime.JSX.Element;
+
+export { ActivityFeedShell, type ActivityFeedShellProps };

package/dist/components/activity-feed-shell.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ActivityFeedShellProps {
+    title: string;
+    href: string;
+    hrefLabel?: string;
+    lastUpdated: string;
+    isLoading: boolean;
+    children: React.ReactNode;
+}
+declare function ActivityFeedShell({ title, href, hrefLabel, lastUpdated, isLoading, children }: ActivityFeedShellProps): react_jsx_runtime.JSX.Element;
+
+export { ActivityFeedShell, type ActivityFeedShellProps };

package/dist/components/activity-row.d.cts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiActivity } from '@medialane/sdk';
+
+interface ActivityRowProps {
+    activity: ApiActivity;
+    /** Optional token enrichment — if absent shows #tokenId fallback. No internal useToken call. */
+    token?: {
+        name?: string;
+        image?: string;
+    };
+    showActor?: boolean;
+    showExplorer?: boolean;
+    compact?: boolean;
+    explorerUrl?: string;
+    getAssetHref?: (contract: string, tokenId: string) => string;
+    getActorHref?: (address: string) => string;
+}
+declare function ActivityRow({ activity, token, showActor, showExplorer, compact, explorerUrl, getAssetHref, getActorHref, }: ActivityRowProps): react_jsx_runtime.JSX.Element;
+
+export { ActivityRow, type ActivityRowProps };

package/dist/components/activity-row.d.ts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiActivity } from '@medialane/sdk';
+
+interface ActivityRowProps {
+    activity: ApiActivity;
+    /** Optional token enrichment — if absent shows #tokenId fallback. No internal useToken call. */
+    token?: {
+        name?: string;
+        image?: string;
+    };
+    showActor?: boolean;
+    showExplorer?: boolean;
+    compact?: boolean;
+    explorerUrl?: string;
+    getAssetHref?: (contract: string, tokenId: string) => string;
+    getActorHref?: (address: string) => string;
+}
+declare function ActivityRow({ activity, token, showActor, showExplorer, compact, explorerUrl, getAssetHref, getActorHref, }: ActivityRowProps): react_jsx_runtime.JSX.Element;
+
+export { ActivityRow, type ActivityRowProps };

package/dist/components/activity-ticker.d.cts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiOrder } from '@medialane/sdk';
+
+interface ActivityTickerProps {
+    orders: ApiOrder[];
+    /** Hide ticker if fewer items than this threshold. Default: 3 */
+    minItems?: number;
+    className?: string;
+    getHref?: (order: ApiOrder) => string;
+}
+declare function ActivityTicker({ orders, minItems, className, getHref }: ActivityTickerProps): react_jsx_runtime.JSX.Element | null;
+
+export { ActivityTicker, type ActivityTickerProps };

package/dist/components/activity-ticker.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiOrder } from '@medialane/sdk';
+
+interface ActivityTickerProps {
+    orders: ApiOrder[];
+    /** Hide ticker if fewer items than this threshold. Default: 3 */
+    minItems?: number;
+    className?: string;
+    getHref?: (order: ApiOrder) => string;
+}
+declare function ActivityTicker({ orders, minItems, className, getHref }: ActivityTickerProps): react_jsx_runtime.JSX.Element | null;
+
+export { ActivityTicker, type ActivityTickerProps };

package/dist/components/address-display.d.cts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface AddressDisplayProps {
+    address: string;
+    className?: string;
+    /** Number of chars to show at start and end. Default: 4 */
+    chars?: number;
+    showCopy?: boolean;
+}
+declare function AddressDisplay({ address, className, chars, showCopy, }: AddressDisplayProps): react_jsx_runtime.JSX.Element;
+
+export { AddressDisplay, type AddressDisplayProps };

package/dist/components/address-display.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface AddressDisplayProps {
+    address: string;
+    className?: string;
+    /** Number of chars to show at start and end. Default: 4 */
+    chars?: number;
+    showCopy?: boolean;
+}
+declare function AddressDisplay({ address, className, chars, showCopy, }: AddressDisplayProps): react_jsx_runtime.JSX.Element;
+
+export { AddressDisplay, type AddressDisplayProps };

package/dist/components/brand-icon.d.cts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface MedialaneIconProps {
+    size?: number;
+    href?: string;
+    className?: string;
+}
+declare function MedialaneIcon({ size, href, className }: MedialaneIconProps): react_jsx_runtime.JSX.Element;
+
+export { MedialaneIcon, type MedialaneIconProps };

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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface MedialaneIconProps {
+    size?: number;
+    href?: string;
+    className?: string;
+}
+declare function MedialaneIcon({ size, href, className }: MedialaneIconProps): react_jsx_runtime.JSX.Element;
+
+export { MedialaneIcon, type MedialaneIconProps };

package/dist/components/brand-logo.d.cts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface MedialaneLogoFullProps {
+    width?: number;
+    height?: number;
+    href?: string;
+    className?: string;
+}
+declare function MedialaneLogoFull({ width, height, href, className, }: MedialaneLogoFullProps): react_jsx_runtime.JSX.Element;
+
+export { MedialaneLogoFull, type MedialaneLogoFullProps };

package/dist/components/brand-logo.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface MedialaneLogoFullProps {
+    width?: number;
+    height?: number;
+    href?: string;
+    className?: string;
+}
+declare function MedialaneLogoFull({ width, height, href, className, }: MedialaneLogoFullProps): react_jsx_runtime.JSX.Element;
+
+export { MedialaneLogoFull, type MedialaneLogoFullProps };

package/dist/components/collection-card.d.cts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiCollection } from '@medialane/sdk';
+
+interface CollectionCardProps {
+    collection: ApiCollection;
+    /** Shows settings gear icon linking to this path — used in portfolio pages */
+    settingsHref?: string;
+    className?: string;
+}
+declare function CollectionCard({ collection, settingsHref, className }: CollectionCardProps): react_jsx_runtime.JSX.Element;
+declare function CollectionCardSkeleton(): react_jsx_runtime.JSX.Element;
+
+export { CollectionCard, type CollectionCardProps, CollectionCardSkeleton };

package/dist/components/collection-card.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiCollection } from '@medialane/sdk';
+
+interface CollectionCardProps {
+    collection: ApiCollection;
+    /** Shows settings gear icon linking to this path — used in portfolio pages */
+    settingsHref?: string;
+    className?: string;
+}
+declare function CollectionCard({ collection, settingsHref, className }: CollectionCardProps): react_jsx_runtime.JSX.Element;
+declare function CollectionCardSkeleton(): react_jsx_runtime.JSX.Element;
+
+export { CollectionCard, type CollectionCardProps, CollectionCardSkeleton };

package/dist/components/cta-card-grid.d.cts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ElementType } from 'react';
+
+interface CtaCardItem {
+    icon: ElementType;
+    title: string;
+    description: string;
+    links: {
+        label: string;
+        href: string;
+    }[];
+    href: string;
+    /** Tailwind gradient class applied as a 3% opacity hover overlay */
+    gradient: string;
+    /** Tailwind gradient + shadow class for the icon pill */
+    iconGradient: string;
+}
+interface CtaCardGridProps {
+    cards: CtaCardItem[];
+}
+declare function CtaCardGrid({ cards }: CtaCardGridProps): react_jsx_runtime.JSX.Element;
+
+export { CtaCardGrid, type CtaCardGridProps, type CtaCardItem };

package/dist/components/cta-card-grid.d.ts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ElementType } from 'react';
+
+interface CtaCardItem {
+    icon: ElementType;
+    title: string;
+    description: string;
+    links: {
+        label: string;
+        href: string;
+    }[];
+    href: string;
+    /** Tailwind gradient class applied as a 3% opacity hover overlay */
+    gradient: string;
+    /** Tailwind gradient + shadow class for the icon pill */
+    iconGradient: string;
+}
+interface CtaCardGridProps {
+    cards: CtaCardItem[];
+}
+declare function CtaCardGrid({ cards }: CtaCardGridProps): react_jsx_runtime.JSX.Element;
+
+export { CtaCardGrid, type CtaCardGridProps, type CtaCardItem };

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

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface CurrencyIconProps {
+    symbol: string | null | undefined;
+    size?: number;
+    className?: string;
+    /**
+     * Base path prepended to icon paths. Default: "" (icons served from app's public root).
+     * Example: "https://cdn.medialane.io/icons"
+     */
+    iconsBasePath?: string;
+}
+declare function CurrencyIcon({ symbol, size, className, iconsBasePath }: CurrencyIconProps): react_jsx_runtime.JSX.Element | null;
+interface CurrencyAmountProps {
+    amount: string;
+    symbol: string | null | undefined;
+    amountClassName?: string;
+    iconSize?: number;
+    className?: string;
+    /** Forwarded to CurrencyIcon. */
+    iconsBasePath?: string;
+}
+declare function CurrencyAmount({ amount, symbol, amountClassName, iconSize, className, iconsBasePath, }: CurrencyAmountProps): react_jsx_runtime.JSX.Element;
+
+export { CurrencyAmount, type CurrencyAmountProps, CurrencyIcon, type CurrencyIconProps };

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

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface CurrencyIconProps {
+    symbol: string | null | undefined;
+    size?: number;
+    className?: string;
+    /**
+     * Base path prepended to icon paths. Default: "" (icons served from app's public root).
+     * Example: "https://cdn.medialane.io/icons"
+     */
+    iconsBasePath?: string;
+}
+declare function CurrencyIcon({ symbol, size, className, iconsBasePath }: CurrencyIconProps): react_jsx_runtime.JSX.Element | null;
+interface CurrencyAmountProps {
+    amount: string;
+    symbol: string | null | undefined;
+    amountClassName?: string;
+    iconSize?: number;
+    className?: string;
+    /** Forwarded to CurrencyIcon. */
+    iconsBasePath?: string;
+}
+declare function CurrencyAmount({ amount, symbol, amountClassName, iconSize, className, iconsBasePath, }: CurrencyAmountProps): react_jsx_runtime.JSX.Element;
+
+export { CurrencyAmount, type CurrencyAmountProps, CurrencyIcon, type CurrencyIconProps };

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

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiCollection } from '@medialane/sdk';
+
+interface DiscoverCollectionsStripProps {
+    collections: ApiCollection[];
+    isLoading: boolean;
+    getHref: (collection: ApiCollection) => string;
+    allCollectionsHref?: string;
+    sectionLabel?: string;
+    title?: string;
+}
+declare function DiscoverCollectionsStrip({ collections, isLoading, getHref, allCollectionsHref, sectionLabel, title, }: DiscoverCollectionsStripProps): react_jsx_runtime.JSX.Element;
+
+export { DiscoverCollectionsStrip, type DiscoverCollectionsStripProps };

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

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiCollection } from '@medialane/sdk';
+
+interface DiscoverCollectionsStripProps {
+    collections: ApiCollection[];
+    isLoading: boolean;
+    getHref: (collection: ApiCollection) => string;
+    allCollectionsHref?: string;
+    sectionLabel?: string;
+    title?: string;
+}
+declare function DiscoverCollectionsStrip({ collections, isLoading, getHref, allCollectionsHref, sectionLabel, title, }: DiscoverCollectionsStripProps): react_jsx_runtime.JSX.Element;
+
+export { DiscoverCollectionsStrip, type DiscoverCollectionsStripProps };

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

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiCreatorProfile } from '@medialane/sdk';
+
+interface DiscoverCreatorsStripProps {
+    creators: ApiCreatorProfile[];
+    isLoading: boolean;
+    getHref: (creator: ApiCreatorProfile) => string;
+    allCreatorsHref?: string;
+    sectionLabel?: string;
+    title?: string;
+}
+declare function DiscoverCreatorsStrip({ creators, isLoading, getHref, allCreatorsHref, sectionLabel, title, }: DiscoverCreatorsStripProps): react_jsx_runtime.JSX.Element | null;
+
+export { DiscoverCreatorsStrip, type DiscoverCreatorsStripProps };

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

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiCreatorProfile } from '@medialane/sdk';
+
+interface DiscoverCreatorsStripProps {
+    creators: ApiCreatorProfile[];
+    isLoading: boolean;
+    getHref: (creator: ApiCreatorProfile) => string;
+    allCreatorsHref?: string;
+    sectionLabel?: string;
+    title?: string;
+}
+declare function DiscoverCreatorsStrip({ creators, isLoading, getHref, allCreatorsHref, sectionLabel, title, }: DiscoverCreatorsStripProps): react_jsx_runtime.JSX.Element | null;
+
+export { DiscoverCreatorsStrip, type DiscoverCreatorsStripProps };

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

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiOrder, ApiActivity } from '@medialane/sdk';
+
+interface DiscoverFeedSectionProps {
+    orders: ApiOrder[];
+    isLoading: boolean;
+    activities: ApiActivity[];
+    activitiesLoading: boolean;
+    lastUpdated: string;
+    getAssetHref?: (contract: string, tokenId: string) => string;
+    getActorHref?: (address: string) => string;
+    explorerUrl?: string;
+    marketplaceHref?: string;
+    activitiesHref?: string;
+    /** Optional buy hook — when provided, listing cards show their Buy action */
+    onBuyOrder?: (order: ApiOrder) => void;
+    /** Hide the buy action for orders the viewer owns */
+    isOwnOrder?: (order: ApiOrder) => boolean;
+}
+/** Discover feed — Markets activity + Community as horizontal carousels,
+ *  matching the Collections/Creators explore-by-scrolling model. */
+declare function DiscoverFeedSection({ orders, isLoading, activities, activitiesLoading, lastUpdated, getAssetHref, marketplaceHref, activitiesHref, onBuyOrder, isOwnOrder, }: DiscoverFeedSectionProps): react_jsx_runtime.JSX.Element;
+
+export { DiscoverFeedSection, type DiscoverFeedSectionProps };

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

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiOrder, ApiActivity } from '@medialane/sdk';
+
+interface DiscoverFeedSectionProps {
+    orders: ApiOrder[];
+    isLoading: boolean;
+    activities: ApiActivity[];
+    activitiesLoading: boolean;
+    lastUpdated: string;
+    getAssetHref?: (contract: string, tokenId: string) => string;
+    getActorHref?: (address: string) => string;
+    explorerUrl?: string;
+    marketplaceHref?: string;
+    activitiesHref?: string;
+    /** Optional buy hook — when provided, listing cards show their Buy action */
+    onBuyOrder?: (order: ApiOrder) => void;
+    /** Hide the buy action for orders the viewer owns */
+    isOwnOrder?: (order: ApiOrder) => boolean;
+}
+/** Discover feed — Markets activity + Community as horizontal carousels,
+ *  matching the Collections/Creators explore-by-scrolling model. */
+declare function DiscoverFeedSection({ orders, isLoading, activities, activitiesLoading, lastUpdated, getAssetHref, marketplaceHref, activitiesHref, onBuyOrder, isOwnOrder, }: DiscoverFeedSectionProps): react_jsx_runtime.JSX.Element;
+
+export { DiscoverFeedSection, type DiscoverFeedSectionProps };

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

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiOrder } from '@medialane/sdk';
+
+interface DiscoverHeroProps {
+    stats: {
+        collections: number;
+        tokens: number;
+        sales: number;
+    } | null;
+    orders: ApiOrder[];
+    badgeText?: string;
+    headlineText?: string;
+    getTickerHref?: (order: ApiOrder) => string;
+}
+declare function DiscoverHero({ stats, orders, badgeText, headlineText, getTickerHref, }: DiscoverHeroProps): react_jsx_runtime.JSX.Element;
+
+export { DiscoverHero, type DiscoverHeroProps };

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

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiOrder } from '@medialane/sdk';
+
+interface DiscoverHeroProps {
+    stats: {
+        collections: number;
+        tokens: number;
+        sales: number;
+    } | null;
+    orders: ApiOrder[];
+    badgeText?: string;
+    headlineText?: string;
+    getTickerHref?: (order: ApiOrder) => string;
+}
+declare function DiscoverHero({ stats, orders, badgeText, headlineText, getTickerHref, }: DiscoverHeroProps): react_jsx_runtime.JSX.Element;
+
+export { DiscoverHero, type DiscoverHeroProps };

package/dist/components/featured-carousel.d.cts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiCollection } from '@medialane/sdk';
+
+interface FeaturedCarouselProps {
+    collections: ApiCollection[];
+    isLoading: boolean;
+    getHref: (collection: ApiCollection) => string;
+    allCollectionsHref?: string;
+}
+declare function FeaturedCarouselSkeleton(): react_jsx_runtime.JSX.Element;
+declare function FeaturedCarousel({ collections, isLoading, getHref, allCollectionsHref, }: FeaturedCarouselProps): react_jsx_runtime.JSX.Element | null;
+
+export { FeaturedCarousel, type FeaturedCarouselProps, FeaturedCarouselSkeleton };

package/dist/components/featured-carousel.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiCollection } from '@medialane/sdk';
+
+interface FeaturedCarouselProps {
+    collections: ApiCollection[];
+    isLoading: boolean;
+    getHref: (collection: ApiCollection) => string;
+    allCollectionsHref?: string;
+}
+declare function FeaturedCarouselSkeleton(): react_jsx_runtime.JSX.Element;
+declare function FeaturedCarousel({ collections, isLoading, getHref, allCollectionsHref, }: FeaturedCarouselProps): react_jsx_runtime.JSX.Element | null;
+
+export { FeaturedCarousel, type FeaturedCarouselProps, FeaturedCarouselSkeleton };