@medialane/ui 0.301.0 → 0.302.0

package/dist/components/button.d.cts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "premium" | "tonal" | "gradient-border" | "gradient-fill" | null | undefined;
+    variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | "premium" | "tonal" | "gradient-border" | "gradient-fill" | null | undefined;
     size?: "default" | "icon" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

package/dist/components/button.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "premium" | "tonal" | "gradient-border" | "gradient-fill" | null | undefined;
+    variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | "premium" | "tonal" | "gradient-border" | "gradient-fill" | null | undefined;
     size?: "default" | "icon" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

package/dist/components/collection-provenance-tab.cjs

@@ -86,80 +86,81 @@ function ProvenanceEvent({ event, showAsset }) {
   const amount = event.amount && Number(event.amount) > 1 ? event.amount : null;
   const name = event.token?.name ?? (tokenId ? `#${tokenId}` : null);
   const image = resolveImage(event.token?.image ?? null);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { className: "relative pl-12 pb-6 last:pb-0", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { className: "flex items-center gap-4 rounded-2xl border border-border/50 bg-card/60 p-4 backdrop-blur-sm transition-colors hover:bg-card/90", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "span",
       {
         className: (0, import_cn.cn)(
-          "absolute left-0 top-0 flex h-8 w-8 items-center justify-center rounded-full ring-4 ring-background",
+          "flex h-11 w-11 shrink-0 items-center justify-center rounded-xl",
           config?.bgClass ?? "bg-muted"
         ),
         "aria-hidden": true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { className: (0, import_cn.cn)("h-4 w-4", config?.colorClass ?? "text-muted-foreground") })
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { className: (0, import_cn.cn)("h-5 w-5", config?.colorClass ?? "text-muted-foreground") })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-start gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-sm font-semibold leading-8 sm:leading-8", children: [
-          EVENT_TITLE[event.type] ?? event.type,
-          amount ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "ml-1.5 text-xs font-medium text-muted-foreground", children: [
-            "\xD7",
-            amount
-          ] }) : null,
-          actor ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "font-normal text-muted-foreground", children: [
-            " by ",
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_link.default,
-              {
-                href: (0, import_sdk.profileHref)({ address: actor }),
-                className: "hover:text-primary transition-colors",
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_address_display.AddressDisplay, { address: actor, chars: 4, showCopy: false, className: "text-xs" })
-              }
-            )
-          ] }) : null
-        ] }),
-        showAsset && name ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-          import_link.default,
-          {
-            href: contract && tokenId ? (0, import_sdk.assetHref)(event.chain ?? "STARKNET", contract, tokenId) : "#",
-            className: "mt-1 inline-flex max-w-full items-center gap-2 rounded-lg bg-muted/40 py-1 pl-1 pr-3 hover:bg-muted transition-colors",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "relative h-8 w-8 shrink-0 overflow-hidden rounded-md bg-muted", children: image ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.default, { src: image, alt: "", width: 32, height: 32, className: "h-full w-full object-cover", unoptimized: true }) : null }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "truncate text-xs font-medium", children: name })
-            ]
-          }
-        ) : null
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex shrink-0 flex-col items-end gap-0.5 pt-1.5", children: [
-        event.price?.formatted ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "flex items-center gap-1.5 text-sm font-bold tabular-nums", children: [
-          event.price.currency ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_currency_icon.CurrencyIcon, { symbol: event.price.currency, size: 13, "aria-hidden": true }) : null,
-          (0, import_format.formatDisplayPrice)(event.price.formatted)
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "flex flex-wrap items-baseline gap-x-1.5 text-base font-semibold leading-tight", children: [
+        EVENT_TITLE[event.type] ?? event.type,
+        amount ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "text-sm font-medium text-muted-foreground", children: [
+          "\xD7",
+          amount
         ] }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("time", { dateTime: event.timestamp, title: new Date(event.timestamp).toLocaleString(), children: (0, import_time.timeAgo)(event.timestamp) }),
-          event.txHash ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "a",
+        actor ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "text-sm font-normal text-muted-foreground", children: [
+          "by",
+          " ",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_link.default,
             {
-              href: `${import_explorer_url.EXPLORER_URL}/tx/${event.txHash}`,
-              target: "_blank",
-              rel: "noopener noreferrer",
-              className: "rounded p-0.5 hover:bg-muted hover:text-foreground transition-colors",
-              "aria-label": "View transaction",
-              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ExternalLink, { className: "h-3 w-3", "aria-hidden": true })
+              href: (0, import_sdk.profileHref)({ address: actor }),
+              className: "font-medium text-foreground/80 hover:text-primary transition-colors",
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_address_display.AddressDisplay, { address: actor, chars: 6, showCopy: false, className: "text-sm" })
             }
-          ) : null
-        ] })
+          )
+        ] }) : null
+      ] }),
+      showAsset && name ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_link.default,
+        {
+          href: contract && tokenId ? (0, import_sdk.assetHref)(event.chain ?? "STARKNET", contract, tokenId) : "#",
+          className: "mt-2 inline-flex max-w-full items-center gap-2 rounded-full bg-muted/70 py-1 pl-1 pr-3 hover:bg-muted transition-colors",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "relative h-6 w-6 shrink-0 overflow-hidden rounded-full bg-muted", children: image ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.default, { src: image, alt: "", width: 24, height: 24, className: "h-full w-full object-cover", unoptimized: true }) : null }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "truncate text-xs font-medium", children: name })
+          ]
+        }
+      ) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex shrink-0 flex-col items-end gap-1", children: [
+      event.price?.formatted ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "flex items-center gap-1.5 text-base font-bold tabular-nums", children: [
+        event.price.currency ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_currency_icon.CurrencyIcon, { symbol: event.price.currency, size: 15, "aria-hidden": true }) : null,
+        (0, import_format.formatDisplayPrice)(event.price.formatted),
+        event.price.currency ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs font-medium text-muted-foreground", children: event.price.currency }) : null
+      ] }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("time", { dateTime: event.timestamp, title: new Date(event.timestamp).toLocaleString(), children: (0, import_time.timeAgo)(event.timestamp) }),
+        event.txHash ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "a",
+          {
+            href: `${import_explorer_url.EXPLORER_URL}/tx/${event.txHash}`,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "rounded-md p-1 hover:bg-muted hover:text-foreground transition-colors",
+            "aria-label": "View transaction",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ExternalLink, { className: "h-3.5 w-3.5", "aria-hidden": true })
+          }
+        ) : null
       ] })
     ] })
   ] });
 }
 function ProvenanceSkeleton() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "space-y-6", "aria-hidden": true, children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-start gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-8 w-8 shrink-0 rounded-full bg-muted animate-pulse" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex-1 space-y-2 pt-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-3.5 w-40 rounded bg-muted animate-pulse" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "space-y-2.5", "aria-hidden": true, children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-4 rounded-2xl border border-border/50 bg-card/60 p-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-11 w-11 shrink-0 rounded-xl bg-muted animate-pulse" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-4 w-44 rounded bg-muted animate-pulse" }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-3 w-24 rounded bg-muted animate-pulse" })
-    ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-4 w-16 rounded bg-muted animate-pulse" })
   ] }, i)) });
 }
 function CollectionProvenanceTab({ contract }) {
@@ -184,10 +185,10 @@ function CollectionProvenanceTab({ contract }) {
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground/70 max-w-xs", children: "Mints, transfers, listings and sales will appear here as they happen." })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mx-auto max-w-2xl", children: [
-    groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "mb-8 last:mb-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "mb-4 pl-12 text-xs font-medium text-muted-foreground", children: group.label }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", { className: "relative before:absolute before:left-4 before:top-4 before:bottom-4 before:w-px before:bg-border", children: group.events.map((event, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-8", children: [
+    groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "mb-3 font-display text-lg font-bold", children: group.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", { className: "space-y-2.5", children: group.events.map((event, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         ProvenanceEvent,
         {
           event,

package/dist/components/collection-provenance-tab.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/collection-provenance-tab.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useEffect, useMemo } from \"react\";\nimport type { ApiActivity } from \"@medialane/sdk\";\nimport { assetHref, profileHref } from \"@medialane/sdk\";\nimport { ExternalLink, Inbox } from \"lucide-react\";\nimport Image from \"./image.js\";\nimport Link from \"./link.js\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { LoadMoreSentinel } from \"./load-more-sentinel.js\";\nimport { useActivities } from \"../utils/use-activities.js\";\nimport { useImageUrl } from \"../utils/use-image-url.js\";\nimport { ACTIVITY_TYPE_CONFIG } from \"../data/activity.js\";\nimport { EXPLORER_URL } from \"../utils/explorer-url.js\";\nimport { formatDisplayPrice } from \"../utils/format.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { cn } from \"../utils/cn.js\";\n\nconst PAGE_SIZE = 30;\n\nconst EVENT_TITLE: Record<string, string> = {\n  mint: \"Minted\",\n  listing: \"Listed for sale\",\n  sale: \"Purchased\",\n  offer: \"Offer made\",\n  transfer: \"Transferred\",\n  cancelled: \"Listing cancelled\",\n};\n\nfunction dayLabel(iso: string): string {\n  const date = new Date(iso);\n  const today = new Date();\n  const yesterday = new Date();\n  yesterday.setDate(today.getDate() - 1);\n  if (date.toDateString() === today.toDateString()) return \"Today\";\n  if (date.toDateString() === yesterday.toDateString()) return \"Yesterday\";\n  return date.toLocaleDateString(undefined, { day: \"numeric\", month: \"long\", year: \"numeric\" });\n}\n\nfunction groupByDay(events: ApiActivity[]) {\n  const groups: { label: string; events: ApiActivity[] }[] = [];\n  for (const event of events) {\n    const label = dayLabel(event.timestamp);\n    const last = groups[groups.length - 1];\n    if (last && last.label === label) last.events.push(event);\n    else groups.push({ label, events: [event] });\n  }\n  return groups;\n}\n\nfunction ProvenanceEvent({ event, showAsset }: { event: ApiActivity; showAsset: boolean }) {\n  const resolveImage = useImageUrl();\n  const config = ACTIVITY_TYPE_CONFIG[event.type];\n  const Icon = config?.icon ?? ExternalLink;\n  const contract = event.nftContract ?? event.contractAddress ?? null;\n  const tokenId = event.nftTokenId ?? event.tokenId ?? null;\n  const actor =\n    event.offerer ?? event.fulfiller ?? (event.type === \"mint\" ? event.to : event.from) ?? null;\n  const amount = event.amount && Number(event.amount) > 1 ? event.amount : null;\n  const name = event.token?.name ?? (tokenId ? `#${tokenId}` : null);\n  const image = resolveImage(event.token?.image ?? null);\n\n  return (\n    <li className=\"relative pl-12 pb-6 last:pb-0\">\n      <span\n        className={cn(\n          \"absolute left-0 top-0 flex h-8 w-8 items-center justify-center rounded-full ring-4 ring-background\",\n          config?.bgClass ?? \"bg-muted\"\n        )}\n        aria-hidden\n      >\n        <Icon className={cn(\"h-4 w-4\", config?.colorClass ?? \"text-muted-foreground\")} />\n      </span>\n\n      <div className=\"flex items-start gap-3\">\n        <div className=\"min-w-0 flex-1\">\n          <p className=\"text-sm font-semibold leading-8 sm:leading-8\">\n            {EVENT_TITLE[event.type] ?? event.type}\n            {amount ? <span className=\"ml-1.5 text-xs font-medium text-muted-foreground\">×{amount}</span> : null}\n            {actor ? (\n              <span className=\"font-normal text-muted-foreground\">\n                {\" by \"}\n                <Link\n                  href={profileHref({ address: actor })}\n                  className=\"hover:text-primary transition-colors\"\n                >\n                  <AddressDisplay address={actor} chars={4} showCopy={false} className=\"text-xs\" />\n                </Link>\n              </span>\n            ) : null}\n          </p>\n\n          {showAsset && name ? (\n            <Link\n              href={contract && tokenId ? assetHref(event.chain ?? \"STARKNET\", contract, tokenId) : \"#\"}\n              className=\"mt-1 inline-flex max-w-full items-center gap-2 rounded-lg bg-muted/40 py-1 pl-1 pr-3 hover:bg-muted transition-colors\"\n            >\n              <span className=\"relative h-8 w-8 shrink-0 overflow-hidden rounded-md bg-muted\">\n                {image ? (\n                  <Image src={image} alt=\"\" width={32} height={32} className=\"h-full w-full object-cover\" unoptimized />\n                ) : null}\n              </span>\n              <span className=\"truncate text-xs font-medium\">{name}</span>\n            </Link>\n          ) : null}\n        </div>\n\n        <div className=\"flex shrink-0 flex-col items-end gap-0.5 pt-1.5\">\n          {event.price?.formatted ? (\n            <span className=\"flex items-center gap-1.5 text-sm font-bold tabular-nums\">\n              {event.price.currency ? <CurrencyIcon symbol={event.price.currency} size={13} aria-hidden /> : null}\n              {formatDisplayPrice(event.price.formatted)}\n            </span>\n          ) : null}\n          <span className=\"flex items-center gap-1.5 text-xs text-muted-foreground\">\n            <time dateTime={event.timestamp} title={new Date(event.timestamp).toLocaleString()}>\n              {timeAgo(event.timestamp)}\n            </time>\n            {event.txHash ? (\n              <a\n                href={`${EXPLORER_URL}/tx/${event.txHash}`}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"rounded p-0.5 hover:bg-muted hover:text-foreground transition-colors\"\n                aria-label=\"View transaction\"\n              >\n                <ExternalLink className=\"h-3 w-3\" aria-hidden />\n              </a>\n            ) : null}\n          </span>\n        </div>\n      </div>\n    </li>\n  );\n}\n\nfunction ProvenanceSkeleton() {\n  return (\n    <div className=\"space-y-6\" aria-hidden>\n      {Array.from({ length: 6 }).map((_, i) => (\n        <div key={i} className=\"flex items-start gap-4\">\n          <div className=\"h-8 w-8 shrink-0 rounded-full bg-muted animate-pulse\" />\n          <div className=\"flex-1 space-y-2 pt-1\">\n            <div className=\"h-3.5 w-40 rounded bg-muted animate-pulse\" />\n            <div className=\"h-3 w-24 rounded bg-muted animate-pulse\" />\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport interface CollectionProvenanceTabProps {\n  contract: string;\n}\n\nexport function CollectionProvenanceTab({ contract }: CollectionProvenanceTabProps) {\n  const [page, setPage] = useState(1);\n  const [all, setAll] = useState<ApiActivity[]>([]);\n  const { activities, meta, isLoading } = useActivities({ contract, page, limit: PAGE_SIZE });\n\n  useEffect(() => {\n    if (activities.length === 0) return;\n    setAll((prev) => (page === 1 ? activities : [...prev, ...activities]));\n  }, [activities, page]);\n\n  const groups = useMemo(() => groupByDay(all), [all]);\n  const showAsset = useMemo(\n    () => new Set(all.map((e) => e.nftTokenId ?? e.tokenId ?? \"\")).size > 1,\n    [all]\n  );\n  const hasMore = meta ? all.length < (meta.total ?? 0) : false;\n\n  if (isLoading && all.length === 0) return <ProvenanceSkeleton />;\n\n  if (all.length === 0) {\n    return (\n      <div className=\"py-20 flex flex-col items-center gap-3 text-center\">\n        <Inbox className=\"h-10 w-10 text-muted-foreground/40\" />\n        <p className=\"text-sm font-medium text-muted-foreground\">No history yet</p>\n        <p className=\"text-xs text-muted-foreground/70 max-w-xs\">\n          Mints, transfers, listings and sales will appear here as they happen.\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"mx-auto max-w-2xl\">\n      {groups.map((group) => (\n        <section key={group.label} className=\"mb-8 last:mb-0\">\n          <h3 className=\"mb-4 pl-12 text-xs font-medium text-muted-foreground\">{group.label}</h3>\n          <ol className=\"relative before:absolute before:left-4 before:top-4 before:bottom-4 before:w-px before:bg-border\">\n            {group.events.map((event, i) => (\n              <ProvenanceEvent\n                key={`${event.txHash ?? event.orderHash}-${event.type}-${i}`}\n                event={event}\n                showAsset={showAsset}\n              />\n            ))}\n          </ol>\n        </section>\n      ))}\n      <LoadMoreSentinel hasMore={hasMore} isLoading={isLoading} onLoadMore={() => setPage((p) => p + 1)} />\n    </div>\n  );\n}\n"],"mappings":"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","names":["Link","Image"]}
+{"version":3,"sources":["../../src/components/collection-provenance-tab.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useEffect, useMemo } from \"react\";\nimport type { ApiActivity } from \"@medialane/sdk\";\nimport { assetHref, profileHref } from \"@medialane/sdk\";\nimport { ExternalLink, Inbox } from \"lucide-react\";\nimport Image from \"./image.js\";\nimport Link from \"./link.js\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { LoadMoreSentinel } from \"./load-more-sentinel.js\";\nimport { useActivities } from \"../utils/use-activities.js\";\nimport { useImageUrl } from \"../utils/use-image-url.js\";\nimport { ACTIVITY_TYPE_CONFIG } from \"../data/activity.js\";\nimport { EXPLORER_URL } from \"../utils/explorer-url.js\";\nimport { formatDisplayPrice } from \"../utils/format.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { cn } from \"../utils/cn.js\";\n\nconst PAGE_SIZE = 30;\n\nconst EVENT_TITLE: Record<string, string> = {\n  mint: \"Minted\",\n  listing: \"Listed for sale\",\n  sale: \"Purchased\",\n  offer: \"Offer made\",\n  transfer: \"Transferred\",\n  cancelled: \"Listing cancelled\",\n};\n\nfunction dayLabel(iso: string): string {\n  const date = new Date(iso);\n  const today = new Date();\n  const yesterday = new Date();\n  yesterday.setDate(today.getDate() - 1);\n  if (date.toDateString() === today.toDateString()) return \"Today\";\n  if (date.toDateString() === yesterday.toDateString()) return \"Yesterday\";\n  return date.toLocaleDateString(undefined, { day: \"numeric\", month: \"long\", year: \"numeric\" });\n}\n\nfunction groupByDay(events: ApiActivity[]) {\n  const groups: { label: string; events: ApiActivity[] }[] = [];\n  for (const event of events) {\n    const label = dayLabel(event.timestamp);\n    const last = groups[groups.length - 1];\n    if (last && last.label === label) last.events.push(event);\n    else groups.push({ label, events: [event] });\n  }\n  return groups;\n}\n\nfunction ProvenanceEvent({ event, showAsset }: { event: ApiActivity; showAsset: boolean }) {\n  const resolveImage = useImageUrl();\n  const config = ACTIVITY_TYPE_CONFIG[event.type];\n  const Icon = config?.icon ?? ExternalLink;\n  const contract = event.nftContract ?? event.contractAddress ?? null;\n  const tokenId = event.nftTokenId ?? event.tokenId ?? null;\n  const actor =\n    event.offerer ?? event.fulfiller ?? (event.type === \"mint\" ? event.to : event.from) ?? null;\n  const amount = event.amount && Number(event.amount) > 1 ? event.amount : null;\n  const name = event.token?.name ?? (tokenId ? `#${tokenId}` : null);\n  const image = resolveImage(event.token?.image ?? null);\n\n  return (\n    <li className=\"flex items-center gap-4 rounded-2xl border border-border/50 bg-card/60 p-4 backdrop-blur-sm transition-colors hover:bg-card/90\">\n      <span\n        className={cn(\n          \"flex h-11 w-11 shrink-0 items-center justify-center rounded-xl\",\n          config?.bgClass ?? \"bg-muted\"\n        )}\n        aria-hidden\n      >\n        <Icon className={cn(\"h-5 w-5\", config?.colorClass ?? \"text-muted-foreground\")} />\n      </span>\n\n      <div className=\"min-w-0 flex-1\">\n        <p className=\"flex flex-wrap items-baseline gap-x-1.5 text-base font-semibold leading-tight\">\n          {EVENT_TITLE[event.type] ?? event.type}\n          {amount ? <span className=\"text-sm font-medium text-muted-foreground\">×{amount}</span> : null}\n          {actor ? (\n            <span className=\"text-sm font-normal text-muted-foreground\">\n              by{\" \"}\n              <Link\n                href={profileHref({ address: actor })}\n                className=\"font-medium text-foreground/80 hover:text-primary transition-colors\"\n              >\n                <AddressDisplay address={actor} chars={6} showCopy={false} className=\"text-sm\" />\n              </Link>\n            </span>\n          ) : null}\n        </p>\n\n        {showAsset && name ? (\n          <Link\n            href={contract && tokenId ? assetHref(event.chain ?? \"STARKNET\", contract, tokenId) : \"#\"}\n            className=\"mt-2 inline-flex max-w-full items-center gap-2 rounded-full bg-muted/70 py-1 pl-1 pr-3 hover:bg-muted transition-colors\"\n          >\n            <span className=\"relative h-6 w-6 shrink-0 overflow-hidden rounded-full bg-muted\">\n              {image ? (\n                <Image src={image} alt=\"\" width={24} height={24} className=\"h-full w-full object-cover\" unoptimized />\n              ) : null}\n            </span>\n            <span className=\"truncate text-xs font-medium\">{name}</span>\n          </Link>\n        ) : null}\n      </div>\n\n      <div className=\"flex shrink-0 flex-col items-end gap-1\">\n        {event.price?.formatted ? (\n          <span className=\"flex items-center gap-1.5 text-base font-bold tabular-nums\">\n            {event.price.currency ? <CurrencyIcon symbol={event.price.currency} size={15} aria-hidden /> : null}\n            {formatDisplayPrice(event.price.formatted)}\n            {event.price.currency ? (\n              <span className=\"text-xs font-medium text-muted-foreground\">{event.price.currency}</span>\n            ) : null}\n          </span>\n        ) : null}\n        <span className=\"flex items-center gap-1 text-xs text-muted-foreground\">\n          <time dateTime={event.timestamp} title={new Date(event.timestamp).toLocaleString()}>\n            {timeAgo(event.timestamp)}\n          </time>\n          {event.txHash ? (\n            <a\n              href={`${EXPLORER_URL}/tx/${event.txHash}`}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"rounded-md p-1 hover:bg-muted hover:text-foreground transition-colors\"\n              aria-label=\"View transaction\"\n            >\n              <ExternalLink className=\"h-3.5 w-3.5\" aria-hidden />\n            </a>\n          ) : null}\n        </span>\n      </div>\n    </li>\n  );\n}\n\nfunction ProvenanceSkeleton() {\n  return (\n    <div className=\"space-y-2.5\" aria-hidden>\n      {Array.from({ length: 5 }).map((_, i) => (\n        <div key={i} className=\"flex items-center gap-4 rounded-2xl border border-border/50 bg-card/60 p-4\">\n          <div className=\"h-11 w-11 shrink-0 rounded-xl bg-muted animate-pulse\" />\n          <div className=\"flex-1 space-y-2\">\n            <div className=\"h-4 w-44 rounded bg-muted animate-pulse\" />\n            <div className=\"h-3 w-24 rounded bg-muted animate-pulse\" />\n          </div>\n          <div className=\"h-4 w-16 rounded bg-muted animate-pulse\" />\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport interface CollectionProvenanceTabProps {\n  contract: string;\n}\n\nexport function CollectionProvenanceTab({ contract }: CollectionProvenanceTabProps) {\n  const [page, setPage] = useState(1);\n  const [all, setAll] = useState<ApiActivity[]>([]);\n  const { activities, meta, isLoading } = useActivities({ contract, page, limit: PAGE_SIZE });\n\n  useEffect(() => {\n    if (activities.length === 0) return;\n    setAll((prev) => (page === 1 ? activities : [...prev, ...activities]));\n  }, [activities, page]);\n\n  const groups = useMemo(() => groupByDay(all), [all]);\n  const showAsset = useMemo(\n    () => new Set(all.map((e) => e.nftTokenId ?? e.tokenId ?? \"\")).size > 1,\n    [all]\n  );\n  const hasMore = meta ? all.length < (meta.total ?? 0) : false;\n\n  if (isLoading && all.length === 0) return <ProvenanceSkeleton />;\n\n  if (all.length === 0) {\n    return (\n      <div className=\"py-20 flex flex-col items-center gap-3 text-center\">\n        <Inbox className=\"h-10 w-10 text-muted-foreground/40\" />\n        <p className=\"text-sm font-medium text-muted-foreground\">No history yet</p>\n        <p className=\"text-xs text-muted-foreground/70 max-w-xs\">\n          Mints, transfers, listings and sales will appear here as they happen.\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-8\">\n      {groups.map((group) => (\n        <section key={group.label}>\n          <h3 className=\"mb-3 font-display text-lg font-bold\">{group.label}</h3>\n          <ol className=\"space-y-2.5\">\n            {group.events.map((event, i) => (\n              <ProvenanceEvent\n                key={`${event.txHash ?? event.orderHash}-${event.type}-${i}`}\n                event={event}\n                showAsset={showAsset}\n              />\n            ))}\n          </ol>\n        </section>\n      ))}\n      <LoadMoreSentinel hasMore={hasMore} isLoading={isLoading} onLoadMore={() => setPage((p) => p + 1)} />\n    </div>\n  );\n}\n"],"mappings":"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","names":["Link","Image"]}

package/dist/components/collection-provenance-tab.js

@@ -53,80 +53,81 @@ function ProvenanceEvent({ event, showAsset }) {
   const amount = event.amount && Number(event.amount) > 1 ? event.amount : null;
   const name = event.token?.name ?? (tokenId ? `#${tokenId}` : null);
   const image = resolveImage(event.token?.image ?? null);
-  return /* @__PURE__ */ jsxs("li", { className: "relative pl-12 pb-6 last:pb-0", children: [
+  return /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-4 rounded-2xl border border-border/50 bg-card/60 p-4 backdrop-blur-sm transition-colors hover:bg-card/90", children: [
     /* @__PURE__ */ jsx(
       "span",
       {
         className: cn(
-          "absolute left-0 top-0 flex h-8 w-8 items-center justify-center rounded-full ring-4 ring-background",
+          "flex h-11 w-11 shrink-0 items-center justify-center rounded-xl",
           config?.bgClass ?? "bg-muted"
         ),
         "aria-hidden": true,
-        children: /* @__PURE__ */ jsx(Icon, { className: cn("h-4 w-4", config?.colorClass ?? "text-muted-foreground") })
+        children: /* @__PURE__ */ jsx(Icon, { className: cn("h-5 w-5", config?.colorClass ?? "text-muted-foreground") })
       }
     ),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsxs("p", { className: "text-sm font-semibold leading-8 sm:leading-8", children: [
-          EVENT_TITLE[event.type] ?? event.type,
-          amount ? /* @__PURE__ */ jsxs("span", { className: "ml-1.5 text-xs font-medium text-muted-foreground", children: [
-            "\xD7",
-            amount
-          ] }) : null,
-          actor ? /* @__PURE__ */ jsxs("span", { className: "font-normal text-muted-foreground", children: [
-            " by ",
-            /* @__PURE__ */ jsx(
-              Link,
-              {
-                href: profileHref({ address: actor }),
-                className: "hover:text-primary transition-colors",
-                children: /* @__PURE__ */ jsx(AddressDisplay, { address: actor, chars: 4, showCopy: false, className: "text-xs" })
-              }
-            )
-          ] }) : null
-        ] }),
-        showAsset && name ? /* @__PURE__ */ jsxs(
-          Link,
-          {
-            href: contract && tokenId ? assetHref(event.chain ?? "STARKNET", contract, tokenId) : "#",
-            className: "mt-1 inline-flex max-w-full items-center gap-2 rounded-lg bg-muted/40 py-1 pl-1 pr-3 hover:bg-muted transition-colors",
-            children: [
-              /* @__PURE__ */ jsx("span", { className: "relative h-8 w-8 shrink-0 overflow-hidden rounded-md bg-muted", children: image ? /* @__PURE__ */ jsx(Image, { src: image, alt: "", width: 32, height: 32, className: "h-full w-full object-cover", unoptimized: true }) : null }),
-              /* @__PURE__ */ jsx("span", { className: "truncate text-xs font-medium", children: name })
-            ]
-          }
-        ) : null
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-col items-end gap-0.5 pt-1.5", children: [
-        event.price?.formatted ? /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 text-sm font-bold tabular-nums", children: [
-          event.price.currency ? /* @__PURE__ */ jsx(CurrencyIcon, { symbol: event.price.currency, size: 13, "aria-hidden": true }) : null,
-          formatDisplayPrice(event.price.formatted)
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsxs("p", { className: "flex flex-wrap items-baseline gap-x-1.5 text-base font-semibold leading-tight", children: [
+        EVENT_TITLE[event.type] ?? event.type,
+        amount ? /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium text-muted-foreground", children: [
+          "\xD7",
+          amount
         ] }) : null,
-        /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-          /* @__PURE__ */ jsx("time", { dateTime: event.timestamp, title: new Date(event.timestamp).toLocaleString(), children: timeAgo(event.timestamp) }),
-          event.txHash ? /* @__PURE__ */ jsx(
-            "a",
+        actor ? /* @__PURE__ */ jsxs("span", { className: "text-sm font-normal text-muted-foreground", children: [
+          "by",
+          " ",
+          /* @__PURE__ */ jsx(
+            Link,
             {
-              href: `${EXPLORER_URL}/tx/${event.txHash}`,
-              target: "_blank",
-              rel: "noopener noreferrer",
-              className: "rounded p-0.5 hover:bg-muted hover:text-foreground transition-colors",
-              "aria-label": "View transaction",
-              children: /* @__PURE__ */ jsx(ExternalLink, { className: "h-3 w-3", "aria-hidden": true })
+              href: profileHref({ address: actor }),
+              className: "font-medium text-foreground/80 hover:text-primary transition-colors",
+              children: /* @__PURE__ */ jsx(AddressDisplay, { address: actor, chars: 6, showCopy: false, className: "text-sm" })
             }
-          ) : null
-        ] })
+          )
+        ] }) : null
+      ] }),
+      showAsset && name ? /* @__PURE__ */ jsxs(
+        Link,
+        {
+          href: contract && tokenId ? assetHref(event.chain ?? "STARKNET", contract, tokenId) : "#",
+          className: "mt-2 inline-flex max-w-full items-center gap-2 rounded-full bg-muted/70 py-1 pl-1 pr-3 hover:bg-muted transition-colors",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "relative h-6 w-6 shrink-0 overflow-hidden rounded-full bg-muted", children: image ? /* @__PURE__ */ jsx(Image, { src: image, alt: "", width: 24, height: 24, className: "h-full w-full object-cover", unoptimized: true }) : null }),
+            /* @__PURE__ */ jsx("span", { className: "truncate text-xs font-medium", children: name })
+          ]
+        }
+      ) : null
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-col items-end gap-1", children: [
+      event.price?.formatted ? /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 text-base font-bold tabular-nums", children: [
+        event.price.currency ? /* @__PURE__ */ jsx(CurrencyIcon, { symbol: event.price.currency, size: 15, "aria-hidden": true }) : null,
+        formatDisplayPrice(event.price.formatted),
+        event.price.currency ? /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: event.price.currency }) : null
+      ] }) : null,
+      /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx("time", { dateTime: event.timestamp, title: new Date(event.timestamp).toLocaleString(), children: timeAgo(event.timestamp) }),
+        event.txHash ? /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: `${EXPLORER_URL}/tx/${event.txHash}`,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "rounded-md p-1 hover:bg-muted hover:text-foreground transition-colors",
+            "aria-label": "View transaction",
+            children: /* @__PURE__ */ jsx(ExternalLink, { className: "h-3.5 w-3.5", "aria-hidden": true })
+          }
+        ) : null
       ] })
     ] })
   ] });
 }
 function ProvenanceSkeleton() {
-  return /* @__PURE__ */ jsx("div", { className: "space-y-6", "aria-hidden": true, children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4", children: [
-    /* @__PURE__ */ jsx("div", { className: "h-8 w-8 shrink-0 rounded-full bg-muted animate-pulse" }),
-    /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2 pt-1", children: [
-      /* @__PURE__ */ jsx("div", { className: "h-3.5 w-40 rounded bg-muted animate-pulse" }),
+  return /* @__PURE__ */ jsx("div", { className: "space-y-2.5", "aria-hidden": true, children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 rounded-2xl border border-border/50 bg-card/60 p-4", children: [
+    /* @__PURE__ */ jsx("div", { className: "h-11 w-11 shrink-0 rounded-xl bg-muted animate-pulse" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-4 w-44 rounded bg-muted animate-pulse" }),
       /* @__PURE__ */ jsx("div", { className: "h-3 w-24 rounded bg-muted animate-pulse" })
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "h-4 w-16 rounded bg-muted animate-pulse" })
   ] }, i)) });
 }
 function CollectionProvenanceTab({ contract }) {
@@ -151,10 +152,10 @@ function CollectionProvenanceTab({ contract }) {
       /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground/70 max-w-xs", children: "Mints, transfers, listings and sales will appear here as they happen." })
     ] });
   }
-  return /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-2xl", children: [
-    groups.map((group) => /* @__PURE__ */ jsxs("section", { className: "mb-8 last:mb-0", children: [
-      /* @__PURE__ */ jsx("h3", { className: "mb-4 pl-12 text-xs font-medium text-muted-foreground", children: group.label }),
-      /* @__PURE__ */ jsx("ol", { className: "relative before:absolute before:left-4 before:top-4 before:bottom-4 before:w-px before:bg-border", children: group.events.map((event, i) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-8", children: [
+    groups.map((group) => /* @__PURE__ */ jsxs("section", { children: [
+      /* @__PURE__ */ jsx("h3", { className: "mb-3 font-display text-lg font-bold", children: group.label }),
+      /* @__PURE__ */ jsx("ol", { className: "space-y-2.5", children: group.events.map((event, i) => /* @__PURE__ */ jsx(
         ProvenanceEvent,
         {
           event,

package/dist/components/collection-provenance-tab.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/collection-provenance-tab.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useEffect, useMemo } from \"react\";\nimport type { ApiActivity } from \"@medialane/sdk\";\nimport { assetHref, profileHref } from \"@medialane/sdk\";\nimport { ExternalLink, Inbox } from \"lucide-react\";\nimport Image from \"./image.js\";\nimport Link from \"./link.js\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { LoadMoreSentinel } from \"./load-more-sentinel.js\";\nimport { useActivities } from \"../utils/use-activities.js\";\nimport { useImageUrl } from \"../utils/use-image-url.js\";\nimport { ACTIVITY_TYPE_CONFIG } from \"../data/activity.js\";\nimport { EXPLORER_URL } from \"../utils/explorer-url.js\";\nimport { formatDisplayPrice } from \"../utils/format.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { cn } from \"../utils/cn.js\";\n\nconst PAGE_SIZE = 30;\n\nconst EVENT_TITLE: Record<string, string> = {\n  mint: \"Minted\",\n  listing: \"Listed for sale\",\n  sale: \"Purchased\",\n  offer: \"Offer made\",\n  transfer: \"Transferred\",\n  cancelled: \"Listing cancelled\",\n};\n\nfunction dayLabel(iso: string): string {\n  const date = new Date(iso);\n  const today = new Date();\n  const yesterday = new Date();\n  yesterday.setDate(today.getDate() - 1);\n  if (date.toDateString() === today.toDateString()) return \"Today\";\n  if (date.toDateString() === yesterday.toDateString()) return \"Yesterday\";\n  return date.toLocaleDateString(undefined, { day: \"numeric\", month: \"long\", year: \"numeric\" });\n}\n\nfunction groupByDay(events: ApiActivity[]) {\n  const groups: { label: string; events: ApiActivity[] }[] = [];\n  for (const event of events) {\n    const label = dayLabel(event.timestamp);\n    const last = groups[groups.length - 1];\n    if (last && last.label === label) last.events.push(event);\n    else groups.push({ label, events: [event] });\n  }\n  return groups;\n}\n\nfunction ProvenanceEvent({ event, showAsset }: { event: ApiActivity; showAsset: boolean }) {\n  const resolveImage = useImageUrl();\n  const config = ACTIVITY_TYPE_CONFIG[event.type];\n  const Icon = config?.icon ?? ExternalLink;\n  const contract = event.nftContract ?? event.contractAddress ?? null;\n  const tokenId = event.nftTokenId ?? event.tokenId ?? null;\n  const actor =\n    event.offerer ?? event.fulfiller ?? (event.type === \"mint\" ? event.to : event.from) ?? null;\n  const amount = event.amount && Number(event.amount) > 1 ? event.amount : null;\n  const name = event.token?.name ?? (tokenId ? `#${tokenId}` : null);\n  const image = resolveImage(event.token?.image ?? null);\n\n  return (\n    <li className=\"relative pl-12 pb-6 last:pb-0\">\n      <span\n        className={cn(\n          \"absolute left-0 top-0 flex h-8 w-8 items-center justify-center rounded-full ring-4 ring-background\",\n          config?.bgClass ?? \"bg-muted\"\n        )}\n        aria-hidden\n      >\n        <Icon className={cn(\"h-4 w-4\", config?.colorClass ?? \"text-muted-foreground\")} />\n      </span>\n\n      <div className=\"flex items-start gap-3\">\n        <div className=\"min-w-0 flex-1\">\n          <p className=\"text-sm font-semibold leading-8 sm:leading-8\">\n            {EVENT_TITLE[event.type] ?? event.type}\n            {amount ? <span className=\"ml-1.5 text-xs font-medium text-muted-foreground\">×{amount}</span> : null}\n            {actor ? (\n              <span className=\"font-normal text-muted-foreground\">\n                {\" by \"}\n                <Link\n                  href={profileHref({ address: actor })}\n                  className=\"hover:text-primary transition-colors\"\n                >\n                  <AddressDisplay address={actor} chars={4} showCopy={false} className=\"text-xs\" />\n                </Link>\n              </span>\n            ) : null}\n          </p>\n\n          {showAsset && name ? (\n            <Link\n              href={contract && tokenId ? assetHref(event.chain ?? \"STARKNET\", contract, tokenId) : \"#\"}\n              className=\"mt-1 inline-flex max-w-full items-center gap-2 rounded-lg bg-muted/40 py-1 pl-1 pr-3 hover:bg-muted transition-colors\"\n            >\n              <span className=\"relative h-8 w-8 shrink-0 overflow-hidden rounded-md bg-muted\">\n                {image ? (\n                  <Image src={image} alt=\"\" width={32} height={32} className=\"h-full w-full object-cover\" unoptimized />\n                ) : null}\n              </span>\n              <span className=\"truncate text-xs font-medium\">{name}</span>\n            </Link>\n          ) : null}\n        </div>\n\n        <div className=\"flex shrink-0 flex-col items-end gap-0.5 pt-1.5\">\n          {event.price?.formatted ? (\n            <span className=\"flex items-center gap-1.5 text-sm font-bold tabular-nums\">\n              {event.price.currency ? <CurrencyIcon symbol={event.price.currency} size={13} aria-hidden /> : null}\n              {formatDisplayPrice(event.price.formatted)}\n            </span>\n          ) : null}\n          <span className=\"flex items-center gap-1.5 text-xs text-muted-foreground\">\n            <time dateTime={event.timestamp} title={new Date(event.timestamp).toLocaleString()}>\n              {timeAgo(event.timestamp)}\n            </time>\n            {event.txHash ? (\n              <a\n                href={`${EXPLORER_URL}/tx/${event.txHash}`}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"rounded p-0.5 hover:bg-muted hover:text-foreground transition-colors\"\n                aria-label=\"View transaction\"\n              >\n                <ExternalLink className=\"h-3 w-3\" aria-hidden />\n              </a>\n            ) : null}\n          </span>\n        </div>\n      </div>\n    </li>\n  );\n}\n\nfunction ProvenanceSkeleton() {\n  return (\n    <div className=\"space-y-6\" aria-hidden>\n      {Array.from({ length: 6 }).map((_, i) => (\n        <div key={i} className=\"flex items-start gap-4\">\n          <div className=\"h-8 w-8 shrink-0 rounded-full bg-muted animate-pulse\" />\n          <div className=\"flex-1 space-y-2 pt-1\">\n            <div className=\"h-3.5 w-40 rounded bg-muted animate-pulse\" />\n            <div className=\"h-3 w-24 rounded bg-muted animate-pulse\" />\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport interface CollectionProvenanceTabProps {\n  contract: string;\n}\n\nexport function CollectionProvenanceTab({ contract }: CollectionProvenanceTabProps) {\n  const [page, setPage] = useState(1);\n  const [all, setAll] = useState<ApiActivity[]>([]);\n  const { activities, meta, isLoading } = useActivities({ contract, page, limit: PAGE_SIZE });\n\n  useEffect(() => {\n    if (activities.length === 0) return;\n    setAll((prev) => (page === 1 ? activities : [...prev, ...activities]));\n  }, [activities, page]);\n\n  const groups = useMemo(() => groupByDay(all), [all]);\n  const showAsset = useMemo(\n    () => new Set(all.map((e) => e.nftTokenId ?? e.tokenId ?? \"\")).size > 1,\n    [all]\n  );\n  const hasMore = meta ? all.length < (meta.total ?? 0) : false;\n\n  if (isLoading && all.length === 0) return <ProvenanceSkeleton />;\n\n  if (all.length === 0) {\n    return (\n      <div className=\"py-20 flex flex-col items-center gap-3 text-center\">\n        <Inbox className=\"h-10 w-10 text-muted-foreground/40\" />\n        <p className=\"text-sm font-medium text-muted-foreground\">No history yet</p>\n        <p className=\"text-xs text-muted-foreground/70 max-w-xs\">\n          Mints, transfers, listings and sales will appear here as they happen.\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"mx-auto max-w-2xl\">\n      {groups.map((group) => (\n        <section key={group.label} className=\"mb-8 last:mb-0\">\n          <h3 className=\"mb-4 pl-12 text-xs font-medium text-muted-foreground\">{group.label}</h3>\n          <ol className=\"relative before:absolute before:left-4 before:top-4 before:bottom-4 before:w-px before:bg-border\">\n            {group.events.map((event, i) => (\n              <ProvenanceEvent\n                key={`${event.txHash ?? event.orderHash}-${event.type}-${i}`}\n                event={event}\n                showAsset={showAsset}\n              />\n            ))}\n          </ol>\n        </section>\n      ))}\n      <LoadMoreSentinel hasMore={hasMore} isLoading={isLoading} onLoadMore={() => setPage((p) => p + 1)} />\n    </div>\n  );\n}\n"],"mappings":";AAwEQ,cAOc,YAPd;AAtER,SAAS,UAAU,WAAW,eAAe;AAE7C,SAAS,WAAW,mBAAmB;AACvC,SAAS,cAAc,aAAa;AACpC,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB;AACjC,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAC5B,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B;AACnC,SAAS,eAAe;AACxB,SAAS,UAAU;AAEnB,MAAM,YAAY;AAElB,MAAM,cAAsC;AAAA,EAC1C,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,WAAW;AACb;AAEA,SAAS,SAAS,KAAqB;AACrC,QAAM,OAAO,IAAI,KAAK,GAAG;AACzB,QAAM,QAAQ,oBAAI,KAAK;AACvB,QAAM,YAAY,oBAAI,KAAK;AAC3B,YAAU,QAAQ,MAAM,QAAQ,IAAI,CAAC;AACrC,MAAI,KAAK,aAAa,MAAM,MAAM,aAAa,EAAG,QAAO;AACzD,MAAI,KAAK,aAAa,MAAM,UAAU,aAAa,EAAG,QAAO;AAC7D,SAAO,KAAK,mBAAmB,QAAW,EAAE,KAAK,WAAW,OAAO,QAAQ,MAAM,UAAU,CAAC;AAC9F;AAEA,SAAS,WAAW,QAAuB;AACzC,QAAM,SAAqD,CAAC;AAC5D,aAAW,SAAS,QAAQ;AAC1B,UAAM,QAAQ,SAAS,MAAM,SAAS;AACtC,UAAM,OAAO,OAAO,OAAO,SAAS,CAAC;AACrC,QAAI,QAAQ,KAAK,UAAU,MAAO,MAAK,OAAO,KAAK,KAAK;AAAA,QACnD,QAAO,KAAK,EAAE,OAAO,QAAQ,CAAC,KAAK,EAAE,CAAC;AAAA,EAC7C;AACA,SAAO;AACT;AAEA,SAAS,gBAAgB,EAAE,OAAO,UAAU,GAA+C;AACzF,QAAM,eAAe,YAAY;AACjC,QAAM,SAAS,qBAAqB,MAAM,IAAI;AAC9C,QAAM,OAAO,QAAQ,QAAQ;AAC7B,QAAM,WAAW,MAAM,eAAe,MAAM,mBAAmB;AAC/D,QAAM,UAAU,MAAM,cAAc,MAAM,WAAW;AACrD,QAAM,QACJ,MAAM,WAAW,MAAM,cAAc,MAAM,SAAS,SAAS,MAAM,KAAK,MAAM,SAAS;AACzF,QAAM,SAAS,MAAM,UAAU,OAAO,MAAM,MAAM,IAAI,IAAI,MAAM,SAAS;AACzE,QAAM,OAAO,MAAM,OAAO,SAAS,UAAU,IAAI,OAAO,KAAK;AAC7D,QAAM,QAAQ,aAAa,MAAM,OAAO,SAAS,IAAI;AAErD,SACE,qBAAC,QAAG,WAAU,iCACZ;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,QAAQ,WAAW;AAAA,QACrB;AAAA,QACA,eAAW;AAAA,QAEX,8BAAC,QAAK,WAAW,GAAG,WAAW,QAAQ,cAAc,uBAAuB,GAAG;AAAA;AAAA,IACjF;AAAA,IAEA,qBAAC,SAAI,WAAU,0BACb;AAAA,2BAAC,SAAI,WAAU,kBACb;AAAA,6BAAC,OAAE,WAAU,gDACV;AAAA,sBAAY,MAAM,IAAI,KAAK,MAAM;AAAA,UACjC,SAAS,qBAAC,UAAK,WAAU,oDAAmD;AAAA;AAAA,YAAE;AAAA,aAAO,IAAU;AAAA,UAC/F,QACC,qBAAC,UAAK,WAAU,qCACb;AAAA;AAAA,YACD;AAAA,cAAC;AAAA;AAAA,gBACC,MAAM,YAAY,EAAE,SAAS,MAAM,CAAC;AAAA,gBACpC,WAAU;AAAA,gBAEV,8BAAC,kBAAe,SAAS,OAAO,OAAO,GAAG,UAAU,OAAO,WAAU,WAAU;AAAA;AAAA,YACjF;AAAA,aACF,IACE;AAAA,WACN;AAAA,QAEC,aAAa,OACZ;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,YAAY,UAAU,UAAU,MAAM,SAAS,YAAY,UAAU,OAAO,IAAI;AAAA,YACtF,WAAU;AAAA,YAEV;AAAA,kCAAC,UAAK,WAAU,iEACb,kBACC,oBAAC,SAAM,KAAK,OAAO,KAAI,IAAG,OAAO,IAAI,QAAQ,IAAI,WAAU,8BAA6B,aAAW,MAAC,IAClG,MACN;AAAA,cACA,oBAAC,UAAK,WAAU,gCAAgC,gBAAK;AAAA;AAAA;AAAA,QACvD,IACE;AAAA,SACN;AAAA,MAEA,qBAAC,SAAI,WAAU,mDACZ;AAAA,cAAM,OAAO,YACZ,qBAAC,UAAK,WAAU,4DACb;AAAA,gBAAM,MAAM,WAAW,oBAAC,gBAAa,QAAQ,MAAM,MAAM,UAAU,MAAM,IAAI,eAAW,MAAC,IAAK;AAAA,UAC9F,mBAAmB,MAAM,MAAM,SAAS;AAAA,WAC3C,IACE;AAAA,QACJ,qBAAC,UAAK,WAAU,2DACd;AAAA,8BAAC,UAAK,UAAU,MAAM,WAAW,OAAO,IAAI,KAAK,MAAM,SAAS,EAAE,eAAe,GAC9E,kBAAQ,MAAM,SAAS,GAC1B;AAAA,UACC,MAAM,SACL;AAAA,YAAC;AAAA;AAAA,cACC,MAAM,GAAG,YAAY,OAAO,MAAM,MAAM;AAAA,cACxC,QAAO;AAAA,cACP,KAAI;AAAA,cACJ,WAAU;AAAA,cACV,cAAW;AAAA,cAEX,8BAAC,gBAAa,WAAU,WAAU,eAAW,MAAC;AAAA;AAAA,UAChD,IACE;AAAA,WACN;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,SAAS,qBAAqB;AAC5B,SACE,oBAAC,SAAI,WAAU,aAAY,eAAW,MACnC,gBAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MACjC,qBAAC,SAAY,WAAU,0BACrB;AAAA,wBAAC,SAAI,WAAU,wDAAuD;AAAA,IACtE,qBAAC,SAAI,WAAU,yBACb;AAAA,0BAAC,SAAI,WAAU,6CAA4C;AAAA,MAC3D,oBAAC,SAAI,WAAU,2CAA0C;AAAA,OAC3D;AAAA,OALQ,CAMV,CACD,GACH;AAEJ;AAMO,SAAS,wBAAwB,EAAE,SAAS,GAAiC;AAClF,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC;AAClC,QAAM,CAAC,KAAK,MAAM,IAAI,SAAwB,CAAC,CAAC;AAChD,QAAM,EAAE,YAAY,MAAM,UAAU,IAAI,cAAc,EAAE,UAAU,MAAM,OAAO,UAAU,CAAC;AAE1F,YAAU,MAAM;AACd,QAAI,WAAW,WAAW,EAAG;AAC7B,WAAO,CAAC,SAAU,SAAS,IAAI,aAAa,CAAC,GAAG,MAAM,GAAG,UAAU,CAAE;AAAA,EACvE,GAAG,CAAC,YAAY,IAAI,CAAC;AAErB,QAAM,SAAS,QAAQ,MAAM,WAAW,GAAG,GAAG,CAAC,GAAG,CAAC;AACnD,QAAM,YAAY;AAAA,IAChB,MAAM,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,CAAC,EAAE,OAAO;AAAA,IACtE,CAAC,GAAG;AAAA,EACN;AACA,QAAM,UAAU,OAAO,IAAI,UAAU,KAAK,SAAS,KAAK;AAExD,MAAI,aAAa,IAAI,WAAW,EAAG,QAAO,oBAAC,sBAAmB;AAE9D,MAAI,IAAI,WAAW,GAAG;AACpB,WACE,qBAAC,SAAI,WAAU,sDACb;AAAA,0BAAC,SAAM,WAAU,sCAAqC;AAAA,MACtD,oBAAC,OAAE,WAAU,6CAA4C,4BAAc;AAAA,MACvE,oBAAC,OAAE,WAAU,6CAA4C,mFAEzD;AAAA,OACF;AAAA,EAEJ;AAEA,SACE,qBAAC,SAAI,WAAU,qBACZ;AAAA,WAAO,IAAI,CAAC,UACX,qBAAC,aAA0B,WAAU,kBACnC;AAAA,0BAAC,QAAG,WAAU,wDAAwD,gBAAM,OAAM;AAAA,MAClF,oBAAC,QAAG,WAAU,oGACX,gBAAM,OAAO,IAAI,CAAC,OAAO,MACxB;AAAA,QAAC;AAAA;AAAA,UAEC;AAAA,UACA;AAAA;AAAA,QAFK,GAAG,MAAM,UAAU,MAAM,SAAS,IAAI,MAAM,IAAI,IAAI,CAAC;AAAA,MAG5D,CACD,GACH;AAAA,SAVY,MAAM,KAWpB,CACD;AAAA,IACD,oBAAC,oBAAiB,SAAkB,WAAsB,YAAY,MAAM,QAAQ,CAAC,MAAM,IAAI,CAAC,GAAG;AAAA,KACrG;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/collection-provenance-tab.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useEffect, useMemo } from \"react\";\nimport type { ApiActivity } from \"@medialane/sdk\";\nimport { assetHref, profileHref } from \"@medialane/sdk\";\nimport { ExternalLink, Inbox } from \"lucide-react\";\nimport Image from \"./image.js\";\nimport Link from \"./link.js\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { LoadMoreSentinel } from \"./load-more-sentinel.js\";\nimport { useActivities } from \"../utils/use-activities.js\";\nimport { useImageUrl } from \"../utils/use-image-url.js\";\nimport { ACTIVITY_TYPE_CONFIG } from \"../data/activity.js\";\nimport { EXPLORER_URL } from \"../utils/explorer-url.js\";\nimport { formatDisplayPrice } from \"../utils/format.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { cn } from \"../utils/cn.js\";\n\nconst PAGE_SIZE = 30;\n\nconst EVENT_TITLE: Record<string, string> = {\n  mint: \"Minted\",\n  listing: \"Listed for sale\",\n  sale: \"Purchased\",\n  offer: \"Offer made\",\n  transfer: \"Transferred\",\n  cancelled: \"Listing cancelled\",\n};\n\nfunction dayLabel(iso: string): string {\n  const date = new Date(iso);\n  const today = new Date();\n  const yesterday = new Date();\n  yesterday.setDate(today.getDate() - 1);\n  if (date.toDateString() === today.toDateString()) return \"Today\";\n  if (date.toDateString() === yesterday.toDateString()) return \"Yesterday\";\n  return date.toLocaleDateString(undefined, { day: \"numeric\", month: \"long\", year: \"numeric\" });\n}\n\nfunction groupByDay(events: ApiActivity[]) {\n  const groups: { label: string; events: ApiActivity[] }[] = [];\n  for (const event of events) {\n    const label = dayLabel(event.timestamp);\n    const last = groups[groups.length - 1];\n    if (last && last.label === label) last.events.push(event);\n    else groups.push({ label, events: [event] });\n  }\n  return groups;\n}\n\nfunction ProvenanceEvent({ event, showAsset }: { event: ApiActivity; showAsset: boolean }) {\n  const resolveImage = useImageUrl();\n  const config = ACTIVITY_TYPE_CONFIG[event.type];\n  const Icon = config?.icon ?? ExternalLink;\n  const contract = event.nftContract ?? event.contractAddress ?? null;\n  const tokenId = event.nftTokenId ?? event.tokenId ?? null;\n  const actor =\n    event.offerer ?? event.fulfiller ?? (event.type === \"mint\" ? event.to : event.from) ?? null;\n  const amount = event.amount && Number(event.amount) > 1 ? event.amount : null;\n  const name = event.token?.name ?? (tokenId ? `#${tokenId}` : null);\n  const image = resolveImage(event.token?.image ?? null);\n\n  return (\n    <li className=\"flex items-center gap-4 rounded-2xl border border-border/50 bg-card/60 p-4 backdrop-blur-sm transition-colors hover:bg-card/90\">\n      <span\n        className={cn(\n          \"flex h-11 w-11 shrink-0 items-center justify-center rounded-xl\",\n          config?.bgClass ?? \"bg-muted\"\n        )}\n        aria-hidden\n      >\n        <Icon className={cn(\"h-5 w-5\", config?.colorClass ?? \"text-muted-foreground\")} />\n      </span>\n\n      <div className=\"min-w-0 flex-1\">\n        <p className=\"flex flex-wrap items-baseline gap-x-1.5 text-base font-semibold leading-tight\">\n          {EVENT_TITLE[event.type] ?? event.type}\n          {amount ? <span className=\"text-sm font-medium text-muted-foreground\">×{amount}</span> : null}\n          {actor ? (\n            <span className=\"text-sm font-normal text-muted-foreground\">\n              by{\" \"}\n              <Link\n                href={profileHref({ address: actor })}\n                className=\"font-medium text-foreground/80 hover:text-primary transition-colors\"\n              >\n                <AddressDisplay address={actor} chars={6} showCopy={false} className=\"text-sm\" />\n              </Link>\n            </span>\n          ) : null}\n        </p>\n\n        {showAsset && name ? (\n          <Link\n            href={contract && tokenId ? assetHref(event.chain ?? \"STARKNET\", contract, tokenId) : \"#\"}\n            className=\"mt-2 inline-flex max-w-full items-center gap-2 rounded-full bg-muted/70 py-1 pl-1 pr-3 hover:bg-muted transition-colors\"\n          >\n            <span className=\"relative h-6 w-6 shrink-0 overflow-hidden rounded-full bg-muted\">\n              {image ? (\n                <Image src={image} alt=\"\" width={24} height={24} className=\"h-full w-full object-cover\" unoptimized />\n              ) : null}\n            </span>\n            <span className=\"truncate text-xs font-medium\">{name}</span>\n          </Link>\n        ) : null}\n      </div>\n\n      <div className=\"flex shrink-0 flex-col items-end gap-1\">\n        {event.price?.formatted ? (\n          <span className=\"flex items-center gap-1.5 text-base font-bold tabular-nums\">\n            {event.price.currency ? <CurrencyIcon symbol={event.price.currency} size={15} aria-hidden /> : null}\n            {formatDisplayPrice(event.price.formatted)}\n            {event.price.currency ? (\n              <span className=\"text-xs font-medium text-muted-foreground\">{event.price.currency}</span>\n            ) : null}\n          </span>\n        ) : null}\n        <span className=\"flex items-center gap-1 text-xs text-muted-foreground\">\n          <time dateTime={event.timestamp} title={new Date(event.timestamp).toLocaleString()}>\n            {timeAgo(event.timestamp)}\n          </time>\n          {event.txHash ? (\n            <a\n              href={`${EXPLORER_URL}/tx/${event.txHash}`}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"rounded-md p-1 hover:bg-muted hover:text-foreground transition-colors\"\n              aria-label=\"View transaction\"\n            >\n              <ExternalLink className=\"h-3.5 w-3.5\" aria-hidden />\n            </a>\n          ) : null}\n        </span>\n      </div>\n    </li>\n  );\n}\n\nfunction ProvenanceSkeleton() {\n  return (\n    <div className=\"space-y-2.5\" aria-hidden>\n      {Array.from({ length: 5 }).map((_, i) => (\n        <div key={i} className=\"flex items-center gap-4 rounded-2xl border border-border/50 bg-card/60 p-4\">\n          <div className=\"h-11 w-11 shrink-0 rounded-xl bg-muted animate-pulse\" />\n          <div className=\"flex-1 space-y-2\">\n            <div className=\"h-4 w-44 rounded bg-muted animate-pulse\" />\n            <div className=\"h-3 w-24 rounded bg-muted animate-pulse\" />\n          </div>\n          <div className=\"h-4 w-16 rounded bg-muted animate-pulse\" />\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport interface CollectionProvenanceTabProps {\n  contract: string;\n}\n\nexport function CollectionProvenanceTab({ contract }: CollectionProvenanceTabProps) {\n  const [page, setPage] = useState(1);\n  const [all, setAll] = useState<ApiActivity[]>([]);\n  const { activities, meta, isLoading } = useActivities({ contract, page, limit: PAGE_SIZE });\n\n  useEffect(() => {\n    if (activities.length === 0) return;\n    setAll((prev) => (page === 1 ? activities : [...prev, ...activities]));\n  }, [activities, page]);\n\n  const groups = useMemo(() => groupByDay(all), [all]);\n  const showAsset = useMemo(\n    () => new Set(all.map((e) => e.nftTokenId ?? e.tokenId ?? \"\")).size > 1,\n    [all]\n  );\n  const hasMore = meta ? all.length < (meta.total ?? 0) : false;\n\n  if (isLoading && all.length === 0) return <ProvenanceSkeleton />;\n\n  if (all.length === 0) {\n    return (\n      <div className=\"py-20 flex flex-col items-center gap-3 text-center\">\n        <Inbox className=\"h-10 w-10 text-muted-foreground/40\" />\n        <p className=\"text-sm font-medium text-muted-foreground\">No history yet</p>\n        <p className=\"text-xs text-muted-foreground/70 max-w-xs\">\n          Mints, transfers, listings and sales will appear here as they happen.\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-8\">\n      {groups.map((group) => (\n        <section key={group.label}>\n          <h3 className=\"mb-3 font-display text-lg font-bold\">{group.label}</h3>\n          <ol className=\"space-y-2.5\">\n            {group.events.map((event, i) => (\n              <ProvenanceEvent\n                key={`${event.txHash ?? event.orderHash}-${event.type}-${i}`}\n                event={event}\n                showAsset={showAsset}\n              />\n            ))}\n          </ol>\n        </section>\n      ))}\n      <LoadMoreSentinel hasMore={hasMore} isLoading={isLoading} onLoadMore={() => setPage((p) => p + 1)} />\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/fast-mint/fast-mint.d.cts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FastMintProps } from './types.cjs';
 import 'starknet';
 import '@medialane/sdk';
 import '@medialane/sdk/starknet';
 
-declare function FastMint(props: FastMintProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
+declare function FastMint(props: FastMintProps): string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
 
 export { FastMint };

package/dist/components/fast-mint/fast-mint.d.ts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FastMintProps } from './types.js';
 import 'starknet';
 import '@medialane/sdk';
 import '@medialane/sdk/starknet';
 
-declare function FastMint(props: FastMintProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
+declare function FastMint(props: FastMintProps): string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
 
 export { FastMint };

package/dist/data/activity.cjs

@@ -24,12 +24,12 @@ __export(activity_exports, {
 module.exports = __toCommonJS(activity_exports);
 var import_lucide_react = require("lucide-react");
 const ACTIVITY_TYPE_CONFIG = {
-  mint: { label: "Mint", variant: "default", icon: import_lucide_react.Sparkles, colorClass: "text-emerald-400", bgClass: "bg-emerald-500/10" },
-  transfer: { label: "Transfer", variant: "secondary", icon: import_lucide_react.ArrowRightLeft, colorClass: "text-slate-400", bgClass: "bg-slate-500/10" },
-  listing: { label: "Listed", variant: "default", icon: import_lucide_react.Tag, colorClass: "text-sky-400", bgClass: "bg-sky-500/10" },
-  sale: { label: "Sale", variant: "default", icon: import_lucide_react.ShoppingCart, colorClass: "text-violet-400", bgClass: "bg-violet-500/10" },
-  offer: { label: "Offer", variant: "outline", icon: import_lucide_react.HandCoins, colorClass: "text-amber-400", bgClass: "bg-amber-500/10" },
-  cancelled: { label: "Cancelled", variant: "outline", icon: import_lucide_react.X, colorClass: "text-rose-400", bgClass: "bg-rose-500/10" }
+  mint: { label: "Mint", variant: "default", icon: import_lucide_react.Sparkles, colorClass: "text-brand-purple", bgClass: "bg-brand-purple/10" },
+  transfer: { label: "Transfer", variant: "secondary", icon: import_lucide_react.ArrowRightLeft, colorClass: "text-brand-blue", bgClass: "bg-brand-blue/10" },
+  listing: { label: "Listed", variant: "default", icon: import_lucide_react.Tag, colorClass: "text-brand-orange", bgClass: "bg-brand-orange/10" },
+  sale: { label: "Sale", variant: "default", icon: import_lucide_react.ShoppingCart, colorClass: "text-brand-rose", bgClass: "bg-brand-rose/10" },
+  offer: { label: "Offer", variant: "outline", icon: import_lucide_react.HandCoins, colorClass: "text-brand-maeve", bgClass: "bg-brand-maeve/10" },
+  cancelled: { label: "Cancelled", variant: "outline", icon: import_lucide_react.X, colorClass: "text-muted-foreground", bgClass: "bg-muted" }
 };
 const TYPE_FILTERS = [
   { label: "All", value: "" },

package/dist/data/activity.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/data/activity.ts"],"sourcesContent":["import { ArrowRightLeft, Tag, ShoppingCart, HandCoins, X, Sparkles } from \"lucide-react\";\nimport type { ElementType } from \"react\";\n\nexport interface ActivityTypeConfig {\n  label: string;\n  variant: \"default\" | \"secondary\" | \"outline\";\n  icon: ElementType;\n  colorClass: string;\n  bgClass: string;\n}\n\nexport const ACTIVITY_TYPE_CONFIG: Record<string, ActivityTypeConfig> = {\n  mint:      { label: \"Mint\",      variant: \"default\",   icon: Sparkles,       colorClass: \"text-emerald-400\", bgClass: \"bg-emerald-500/10\" },\n  transfer:  { label: \"Transfer\",  variant: \"secondary\", icon: ArrowRightLeft, colorClass: \"text-slate-400\",   bgClass: \"bg-slate-500/10\" },\n  listing:   { label: \"Listed\",    variant: \"default\",   icon: Tag,            colorClass: \"text-sky-400\",     bgClass: \"bg-sky-500/10\" },\n  sale:      { label: \"Sale\",      variant: \"default\",   icon: ShoppingCart,   colorClass: \"text-violet-400\",  bgClass: \"bg-violet-500/10\" },\n  offer:     { label: \"Offer\",     variant: \"outline\",   icon: HandCoins,      colorClass: \"text-amber-400\",   bgClass: \"bg-amber-500/10\" },\n  cancelled: { label: \"Cancelled\", variant: \"outline\",   icon: X,              colorClass: \"text-rose-400\",    bgClass: \"bg-rose-500/10\" },\n};\n\nexport const TYPE_FILTERS = [\n  { label: \"All\",       value: \"\" },\n  { label: \"Mints\",     value: \"mint\" },\n  { label: \"Sales\",     value: \"sale\" },\n  { label: \"Listings\",  value: \"listing\" },\n  { label: \"Offers\",    value: \"offer\" },\n  { label: \"Transfers\", value: \"transfer\" },\n  { label: \"Cancelled\", value: \"cancelled\" },\n];\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA0E;AAWnE,MAAM,uBAA2D;AAAA,EACtE,MAAW,EAAE,OAAO,QAAa,SAAS,WAAa,MAAM,8BAAgB,YAAY,oBAAoB,SAAS,oBAAoB;AAAA,EAC1I,UAAW,EAAE,OAAO,YAAa,SAAS,aAAa,MAAM,oCAAgB,YAAY,kBAAoB,SAAS,kBAAkB;AAAA,EACxI,SAAW,EAAE,OAAO,UAAa,SAAS,WAAa,MAAM,yBAAgB,YAAY,gBAAoB,SAAS,gBAAgB;AAAA,EACtI,MAAW,EAAE,OAAO,QAAa,SAAS,WAAa,MAAM,kCAAgB,YAAY,mBAAoB,SAAS,mBAAmB;AAAA,EACzI,OAAW,EAAE,OAAO,SAAa,SAAS,WAAa,MAAM,+BAAgB,YAAY,kBAAoB,SAAS,kBAAkB;AAAA,EACxI,WAAW,EAAE,OAAO,aAAa,SAAS,WAAa,MAAM,uBAAgB,YAAY,iBAAoB,SAAS,iBAAiB;AACzI;AAEO,MAAM,eAAe;AAAA,EAC1B,EAAE,OAAO,OAAa,OAAO,GAAG;AAAA,EAChC,EAAE,OAAO,SAAa,OAAO,OAAO;AAAA,EACpC,EAAE,OAAO,SAAa,OAAO,OAAO;AAAA,EACpC,EAAE,OAAO,YAAa,OAAO,UAAU;AAAA,EACvC,EAAE,OAAO,UAAa,OAAO,QAAQ;AAAA,EACrC,EAAE,OAAO,aAAa,OAAO,WAAW;AAAA,EACxC,EAAE,OAAO,aAAa,OAAO,YAAY;AAC3C;","names":[]}
+{"version":3,"sources":["../../src/data/activity.ts"],"sourcesContent":["import { ArrowRightLeft, Tag, ShoppingCart, HandCoins, X, Sparkles } from \"lucide-react\";\nimport type { ElementType } from \"react\";\n\nexport interface ActivityTypeConfig {\n  label: string;\n  variant: \"default\" | \"secondary\" | \"outline\";\n  icon: ElementType;\n  colorClass: string;\n  bgClass: string;\n}\n\nexport const ACTIVITY_TYPE_CONFIG: Record<string, ActivityTypeConfig> = {\n  mint:      { label: \"Mint\",      variant: \"default\",   icon: Sparkles,       colorClass: \"text-brand-purple\", bgClass: \"bg-brand-purple/10\" },\n  transfer:  { label: \"Transfer\",  variant: \"secondary\", icon: ArrowRightLeft, colorClass: \"text-brand-blue\",   bgClass: \"bg-brand-blue/10\" },\n  listing:   { label: \"Listed\",    variant: \"default\",   icon: Tag,            colorClass: \"text-brand-orange\", bgClass: \"bg-brand-orange/10\" },\n  sale:      { label: \"Sale\",      variant: \"default\",   icon: ShoppingCart,   colorClass: \"text-brand-rose\",   bgClass: \"bg-brand-rose/10\" },\n  offer:     { label: \"Offer\",     variant: \"outline\",   icon: HandCoins,      colorClass: \"text-brand-maeve\",  bgClass: \"bg-brand-maeve/10\" },\n  cancelled: { label: \"Cancelled\", variant: \"outline\",   icon: X,              colorClass: \"text-muted-foreground\", bgClass: \"bg-muted\" },\n};\n\nexport const TYPE_FILTERS = [\n  { label: \"All\",       value: \"\" },\n  { label: \"Mints\",     value: \"mint\" },\n  { label: \"Sales\",     value: \"sale\" },\n  { label: \"Listings\",  value: \"listing\" },\n  { label: \"Offers\",    value: \"offer\" },\n  { label: \"Transfers\", value: \"transfer\" },\n  { label: \"Cancelled\", value: \"cancelled\" },\n];\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA0E;AAWnE,MAAM,uBAA2D;AAAA,EACtE,MAAW,EAAE,OAAO,QAAa,SAAS,WAAa,MAAM,8BAAgB,YAAY,qBAAqB,SAAS,qBAAqB;AAAA,EAC5I,UAAW,EAAE,OAAO,YAAa,SAAS,aAAa,MAAM,oCAAgB,YAAY,mBAAqB,SAAS,mBAAmB;AAAA,EAC1I,SAAW,EAAE,OAAO,UAAa,SAAS,WAAa,MAAM,yBAAgB,YAAY,qBAAqB,SAAS,qBAAqB;AAAA,EAC5I,MAAW,EAAE,OAAO,QAAa,SAAS,WAAa,MAAM,kCAAgB,YAAY,mBAAqB,SAAS,mBAAmB;AAAA,EAC1I,OAAW,EAAE,OAAO,SAAa,SAAS,WAAa,MAAM,+BAAgB,YAAY,oBAAqB,SAAS,oBAAoB;AAAA,EAC3I,WAAW,EAAE,OAAO,aAAa,SAAS,WAAa,MAAM,uBAAgB,YAAY,yBAAyB,SAAS,WAAW;AACxI;AAEO,MAAM,eAAe;AAAA,EAC1B,EAAE,OAAO,OAAa,OAAO,GAAG;AAAA,EAChC,EAAE,OAAO,SAAa,OAAO,OAAO;AAAA,EACpC,EAAE,OAAO,SAAa,OAAO,OAAO;AAAA,EACpC,EAAE,OAAO,YAAa,OAAO,UAAU;AAAA,EACvC,EAAE,OAAO,UAAa,OAAO,QAAQ;AAAA,EACrC,EAAE,OAAO,aAAa,OAAO,WAAW;AAAA,EACxC,EAAE,OAAO,aAAa,OAAO,YAAY;AAC3C;","names":[]}

package/dist/data/activity.js

@@ -1,11 +1,11 @@
 import { ArrowRightLeft, Tag, ShoppingCart, HandCoins, X, Sparkles } from "lucide-react";
 const ACTIVITY_TYPE_CONFIG = {
-  mint: { label: "Mint", variant: "default", icon: Sparkles, colorClass: "text-emerald-400", bgClass: "bg-emerald-500/10" },
-  transfer: { label: "Transfer", variant: "secondary", icon: ArrowRightLeft, colorClass: "text-slate-400", bgClass: "bg-slate-500/10" },
-  listing: { label: "Listed", variant: "default", icon: Tag, colorClass: "text-sky-400", bgClass: "bg-sky-500/10" },
-  sale: { label: "Sale", variant: "default", icon: ShoppingCart, colorClass: "text-violet-400", bgClass: "bg-violet-500/10" },
-  offer: { label: "Offer", variant: "outline", icon: HandCoins, colorClass: "text-amber-400", bgClass: "bg-amber-500/10" },
-  cancelled: { label: "Cancelled", variant: "outline", icon: X, colorClass: "text-rose-400", bgClass: "bg-rose-500/10" }
+  mint: { label: "Mint", variant: "default", icon: Sparkles, colorClass: "text-brand-purple", bgClass: "bg-brand-purple/10" },
+  transfer: { label: "Transfer", variant: "secondary", icon: ArrowRightLeft, colorClass: "text-brand-blue", bgClass: "bg-brand-blue/10" },
+  listing: { label: "Listed", variant: "default", icon: Tag, colorClass: "text-brand-orange", bgClass: "bg-brand-orange/10" },
+  sale: { label: "Sale", variant: "default", icon: ShoppingCart, colorClass: "text-brand-rose", bgClass: "bg-brand-rose/10" },
+  offer: { label: "Offer", variant: "outline", icon: HandCoins, colorClass: "text-brand-maeve", bgClass: "bg-brand-maeve/10" },
+  cancelled: { label: "Cancelled", variant: "outline", icon: X, colorClass: "text-muted-foreground", bgClass: "bg-muted" }
 };
 const TYPE_FILTERS = [
   { label: "All", value: "" },

package/dist/data/activity.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/data/activity.ts"],"sourcesContent":["import { ArrowRightLeft, Tag, ShoppingCart, HandCoins, X, Sparkles } from \"lucide-react\";\nimport type { ElementType } from \"react\";\n\nexport interface ActivityTypeConfig {\n  label: string;\n  variant: \"default\" | \"secondary\" | \"outline\";\n  icon: ElementType;\n  colorClass: string;\n  bgClass: string;\n}\n\nexport const ACTIVITY_TYPE_CONFIG: Record<string, ActivityTypeConfig> = {\n  mint:      { label: \"Mint\",      variant: \"default\",   icon: Sparkles,       colorClass: \"text-emerald-400\", bgClass: \"bg-emerald-500/10\" },\n  transfer:  { label: \"Transfer\",  variant: \"secondary\", icon: ArrowRightLeft, colorClass: \"text-slate-400\",   bgClass: \"bg-slate-500/10\" },\n  listing:   { label: \"Listed\",    variant: \"default\",   icon: Tag,            colorClass: \"text-sky-400\",     bgClass: \"bg-sky-500/10\" },\n  sale:      { label: \"Sale\",      variant: \"default\",   icon: ShoppingCart,   colorClass: \"text-violet-400\",  bgClass: \"bg-violet-500/10\" },\n  offer:     { label: \"Offer\",     variant: \"outline\",   icon: HandCoins,      colorClass: \"text-amber-400\",   bgClass: \"bg-amber-500/10\" },\n  cancelled: { label: \"Cancelled\", variant: \"outline\",   icon: X,              colorClass: \"text-rose-400\",    bgClass: \"bg-rose-500/10\" },\n};\n\nexport const TYPE_FILTERS = [\n  { label: \"All\",       value: \"\" },\n  { label: \"Mints\",     value: \"mint\" },\n  { label: \"Sales\",     value: \"sale\" },\n  { label: \"Listings\",  value: \"listing\" },\n  { label: \"Offers\",    value: \"offer\" },\n  { label: \"Transfers\", value: \"transfer\" },\n  { label: \"Cancelled\", value: \"cancelled\" },\n];\n"],"mappings":"AAAA,SAAS,gBAAgB,KAAK,cAAc,WAAW,GAAG,gBAAgB;AAWnE,MAAM,uBAA2D;AAAA,EACtE,MAAW,EAAE,OAAO,QAAa,SAAS,WAAa,MAAM,UAAgB,YAAY,oBAAoB,SAAS,oBAAoB;AAAA,EAC1I,UAAW,EAAE,OAAO,YAAa,SAAS,aAAa,MAAM,gBAAgB,YAAY,kBAAoB,SAAS,kBAAkB;AAAA,EACxI,SAAW,EAAE,OAAO,UAAa,SAAS,WAAa,MAAM,KAAgB,YAAY,gBAAoB,SAAS,gBAAgB;AAAA,EACtI,MAAW,EAAE,OAAO,QAAa,SAAS,WAAa,MAAM,cAAgB,YAAY,mBAAoB,SAAS,mBAAmB;AAAA,EACzI,OAAW,EAAE,OAAO,SAAa,SAAS,WAAa,MAAM,WAAgB,YAAY,kBAAoB,SAAS,kBAAkB;AAAA,EACxI,WAAW,EAAE,OAAO,aAAa,SAAS,WAAa,MAAM,GAAgB,YAAY,iBAAoB,SAAS,iBAAiB;AACzI;AAEO,MAAM,eAAe;AAAA,EAC1B,EAAE,OAAO,OAAa,OAAO,GAAG;AAAA,EAChC,EAAE,OAAO,SAAa,OAAO,OAAO;AAAA,EACpC,EAAE,OAAO,SAAa,OAAO,OAAO;AAAA,EACpC,EAAE,OAAO,YAAa,OAAO,UAAU;AAAA,EACvC,EAAE,OAAO,UAAa,OAAO,QAAQ;AAAA,EACrC,EAAE,OAAO,aAAa,OAAO,WAAW;AAAA,EACxC,EAAE,OAAO,aAAa,OAAO,YAAY;AAC3C;","names":[]}
+{"version":3,"sources":["../../src/data/activity.ts"],"sourcesContent":["import { ArrowRightLeft, Tag, ShoppingCart, HandCoins, X, Sparkles } from \"lucide-react\";\nimport type { ElementType } from \"react\";\n\nexport interface ActivityTypeConfig {\n  label: string;\n  variant: \"default\" | \"secondary\" | \"outline\";\n  icon: ElementType;\n  colorClass: string;\n  bgClass: string;\n}\n\nexport const ACTIVITY_TYPE_CONFIG: Record<string, ActivityTypeConfig> = {\n  mint:      { label: \"Mint\",      variant: \"default\",   icon: Sparkles,       colorClass: \"text-brand-purple\", bgClass: \"bg-brand-purple/10\" },\n  transfer:  { label: \"Transfer\",  variant: \"secondary\", icon: ArrowRightLeft, colorClass: \"text-brand-blue\",   bgClass: \"bg-brand-blue/10\" },\n  listing:   { label: \"Listed\",    variant: \"default\",   icon: Tag,            colorClass: \"text-brand-orange\", bgClass: \"bg-brand-orange/10\" },\n  sale:      { label: \"Sale\",      variant: \"default\",   icon: ShoppingCart,   colorClass: \"text-brand-rose\",   bgClass: \"bg-brand-rose/10\" },\n  offer:     { label: \"Offer\",     variant: \"outline\",   icon: HandCoins,      colorClass: \"text-brand-maeve\",  bgClass: \"bg-brand-maeve/10\" },\n  cancelled: { label: \"Cancelled\", variant: \"outline\",   icon: X,              colorClass: \"text-muted-foreground\", bgClass: \"bg-muted\" },\n};\n\nexport const TYPE_FILTERS = [\n  { label: \"All\",       value: \"\" },\n  { label: \"Mints\",     value: \"mint\" },\n  { label: \"Sales\",     value: \"sale\" },\n  { label: \"Listings\",  value: \"listing\" },\n  { label: \"Offers\",    value: \"offer\" },\n  { label: \"Transfers\", value: \"transfer\" },\n  { label: \"Cancelled\", value: \"cancelled\" },\n];\n"],"mappings":"AAAA,SAAS,gBAAgB,KAAK,cAAc,WAAW,GAAG,gBAAgB;AAWnE,MAAM,uBAA2D;AAAA,EACtE,MAAW,EAAE,OAAO,QAAa,SAAS,WAAa,MAAM,UAAgB,YAAY,qBAAqB,SAAS,qBAAqB;AAAA,EAC5I,UAAW,EAAE,OAAO,YAAa,SAAS,aAAa,MAAM,gBAAgB,YAAY,mBAAqB,SAAS,mBAAmB;AAAA,EAC1I,SAAW,EAAE,OAAO,UAAa,SAAS,WAAa,MAAM,KAAgB,YAAY,qBAAqB,SAAS,qBAAqB;AAAA,EAC5I,MAAW,EAAE,OAAO,QAAa,SAAS,WAAa,MAAM,cAAgB,YAAY,mBAAqB,SAAS,mBAAmB;AAAA,EAC1I,OAAW,EAAE,OAAO,SAAa,SAAS,WAAa,MAAM,WAAgB,YAAY,oBAAqB,SAAS,oBAAoB;AAAA,EAC3I,WAAW,EAAE,OAAO,aAAa,SAAS,WAAa,MAAM,GAAgB,YAAY,yBAAyB,SAAS,WAAW;AACxI;AAEO,MAAM,eAAe;AAAA,EAC1B,EAAE,OAAO,OAAa,OAAO,GAAG;AAAA,EAChC,EAAE,OAAO,SAAa,OAAO,OAAO;AAAA,EACpC,EAAE,OAAO,SAAa,OAAO,OAAO;AAAA,EACpC,EAAE,OAAO,YAAa,OAAO,UAAU;AAAA,EACvC,EAAE,OAAO,UAAa,OAAO,QAAQ;AAAA,EACrC,EAAE,OAAO,aAAa,OAAO,WAAW;AAAA,EACxC,EAAE,OAAO,aAAa,OAAO,YAAY;AAC3C;","names":[]}

package/dist/utils/media-wallet/use-erc20-balance.d.cts

@@ -7,7 +7,7 @@ declare function useTokenBalance(symbol: string | null, holderAddress: string |
     rawBalance: bigint | null;
     isLoading: boolean;
     error: any;
-    decimals: 6 | 8 | 18;
+    decimals: 8 | 6 | 18;
 };
 declare function hasSufficientBalance(rawBalance: bigint | null, requiredHuman: string, decimals: number): boolean | null;
 

package/dist/utils/media-wallet/use-erc20-balance.d.ts

@@ -7,7 +7,7 @@ declare function useTokenBalance(symbol: string | null, holderAddress: string |
     rawBalance: bigint | null;
     isLoading: boolean;
     error: any;
-    decimals: 6 | 8 | 18;
+    decimals: 8 | 6 | 18;
 };
 declare function hasSufficientBalance(rawBalance: bigint | null, requiredHuman: string, decimals: number): boolean | null;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medialane/ui",
-  "version": "0.301.0",
+  "version": "0.302.0",
   "description": "Shared UI components for Medialane apps",
   "type": "module",
   "sideEffects": false,