@medialane/ui 0.300.0 → 0.301.0

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

@@ -0,0 +1,206 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var collection_provenance_tab_exports = {};
+__export(collection_provenance_tab_exports, {
+  CollectionProvenanceTab: () => CollectionProvenanceTab
+});
+module.exports = __toCommonJS(collection_provenance_tab_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_sdk = require("@medialane/sdk");
+var import_lucide_react = require("lucide-react");
+var import_image = __toESM(require("./image.js"), 1);
+var import_link = __toESM(require("./link.js"), 1);
+var import_address_display = require("./address-display.js");
+var import_currency_icon = require("./currency-icon.js");
+var import_load_more_sentinel = require("./load-more-sentinel.js");
+var import_use_activities = require("../utils/use-activities.js");
+var import_use_image_url = require("../utils/use-image-url.js");
+var import_activity = require("../data/activity.js");
+var import_explorer_url = require("../utils/explorer-url.js");
+var import_format = require("../utils/format.js");
+var import_time = require("../utils/time.js");
+var import_cn = require("../utils/cn.js");
+const PAGE_SIZE = 30;
+const EVENT_TITLE = {
+  mint: "Minted",
+  listing: "Listed for sale",
+  sale: "Purchased",
+  offer: "Offer made",
+  transfer: "Transferred",
+  cancelled: "Listing cancelled"
+};
+function dayLabel(iso) {
+  const date = new Date(iso);
+  const today = /* @__PURE__ */ new Date();
+  const yesterday = /* @__PURE__ */ new Date();
+  yesterday.setDate(today.getDate() - 1);
+  if (date.toDateString() === today.toDateString()) return "Today";
+  if (date.toDateString() === yesterday.toDateString()) return "Yesterday";
+  return date.toLocaleDateString(void 0, { day: "numeric", month: "long", year: "numeric" });
+}
+function groupByDay(events) {
+  const groups = [];
+  for (const event of events) {
+    const label = dayLabel(event.timestamp);
+    const last = groups[groups.length - 1];
+    if (last && last.label === label) last.events.push(event);
+    else groups.push({ label, events: [event] });
+  }
+  return groups;
+}
+function ProvenanceEvent({ event, showAsset }) {
+  const resolveImage = (0, import_use_image_url.useImageUrl)();
+  const config = import_activity.ACTIVITY_TYPE_CONFIG[event.type];
+  const Icon = config?.icon ?? import_lucide_react.ExternalLink;
+  const contract = event.nftContract ?? event.contractAddress ?? null;
+  const tokenId = event.nftTokenId ?? event.tokenId ?? null;
+  const actor = event.offerer ?? event.fulfiller ?? (event.type === "mint" ? event.to : event.from) ?? null;
+  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: [
+    /* @__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",
+          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") })
+      }
+    ),
+    /* @__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)
+        ] }) : 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",
+            {
+              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 })
+            }
+          ) : 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" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-3 w-24 rounded bg-muted animate-pulse" })
+    ] })
+  ] }, i)) });
+}
+function CollectionProvenanceTab({ contract }) {
+  const [page, setPage] = (0, import_react.useState)(1);
+  const [all, setAll] = (0, import_react.useState)([]);
+  const { activities, meta, isLoading } = (0, import_use_activities.useActivities)({ contract, page, limit: PAGE_SIZE });
+  (0, import_react.useEffect)(() => {
+    if (activities.length === 0) return;
+    setAll((prev) => page === 1 ? activities : [...prev, ...activities]);
+  }, [activities, page]);
+  const groups = (0, import_react.useMemo)(() => groupByDay(all), [all]);
+  const showAsset = (0, import_react.useMemo)(
+    () => new Set(all.map((e) => e.nftTokenId ?? e.tokenId ?? "")).size > 1,
+    [all]
+  );
+  const hasMore = meta ? all.length < (meta.total ?? 0) : false;
+  if (isLoading && all.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProvenanceSkeleton, {});
+  if (all.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "py-20 flex flex-col items-center gap-3 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Inbox, { className: "h-10 w-10 text-muted-foreground/40" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-medium text-muted-foreground", children: "No history yet" }),
+      /* @__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)(
+        ProvenanceEvent,
+        {
+          event,
+          showAsset
+        },
+        `${event.txHash ?? event.orderHash}-${event.type}-${i}`
+      )) })
+    ] }, group.label)),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_load_more_sentinel.LoadMoreSentinel, { hasMore, isLoading, onLoadMore: () => setPage((p) => p + 1) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CollectionProvenanceTab
+});
+//# sourceMappingURL=collection-provenance-tab.cjs.map

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

@@ -0,0 +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"]}

package/dist/components/collection-provenance-tab.d.cts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface CollectionProvenanceTabProps {
+    contract: string;
+}
+declare function CollectionProvenanceTab({ contract }: CollectionProvenanceTabProps): react_jsx_runtime.JSX.Element;
+
+export { CollectionProvenanceTab, type CollectionProvenanceTabProps };

package/dist/components/collection-provenance-tab.d.ts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface CollectionProvenanceTabProps {
+    contract: string;
+}
+declare function CollectionProvenanceTab({ contract }: CollectionProvenanceTabProps): react_jsx_runtime.JSX.Element;
+
+export { CollectionProvenanceTab, type CollectionProvenanceTabProps };

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

@@ -0,0 +1,172 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useMemo } from "react";
+import { assetHref, profileHref } from "@medialane/sdk";
+import { ExternalLink, Inbox } from "lucide-react";
+import Image from "./image.js";
+import Link from "./link.js";
+import { AddressDisplay } from "./address-display.js";
+import { CurrencyIcon } from "./currency-icon.js";
+import { LoadMoreSentinel } from "./load-more-sentinel.js";
+import { useActivities } from "../utils/use-activities.js";
+import { useImageUrl } from "../utils/use-image-url.js";
+import { ACTIVITY_TYPE_CONFIG } from "../data/activity.js";
+import { EXPLORER_URL } from "../utils/explorer-url.js";
+import { formatDisplayPrice } from "../utils/format.js";
+import { timeAgo } from "../utils/time.js";
+import { cn } from "../utils/cn.js";
+const PAGE_SIZE = 30;
+const EVENT_TITLE = {
+  mint: "Minted",
+  listing: "Listed for sale",
+  sale: "Purchased",
+  offer: "Offer made",
+  transfer: "Transferred",
+  cancelled: "Listing cancelled"
+};
+function dayLabel(iso) {
+  const date = new Date(iso);
+  const today = /* @__PURE__ */ new Date();
+  const yesterday = /* @__PURE__ */ new Date();
+  yesterday.setDate(today.getDate() - 1);
+  if (date.toDateString() === today.toDateString()) return "Today";
+  if (date.toDateString() === yesterday.toDateString()) return "Yesterday";
+  return date.toLocaleDateString(void 0, { day: "numeric", month: "long", year: "numeric" });
+}
+function groupByDay(events) {
+  const groups = [];
+  for (const event of events) {
+    const label = dayLabel(event.timestamp);
+    const last = groups[groups.length - 1];
+    if (last && last.label === label) last.events.push(event);
+    else groups.push({ label, events: [event] });
+  }
+  return groups;
+}
+function ProvenanceEvent({ event, showAsset }) {
+  const resolveImage = useImageUrl();
+  const config = ACTIVITY_TYPE_CONFIG[event.type];
+  const Icon = config?.icon ?? ExternalLink;
+  const contract = event.nftContract ?? event.contractAddress ?? null;
+  const tokenId = event.nftTokenId ?? event.tokenId ?? null;
+  const actor = event.offerer ?? event.fulfiller ?? (event.type === "mint" ? event.to : event.from) ?? null;
+  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: [
+    /* @__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",
+          config?.bgClass ?? "bg-muted"
+        ),
+        "aria-hidden": true,
+        children: /* @__PURE__ */ jsx(Icon, { className: cn("h-4 w-4", 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)
+        ] }) : 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",
+            {
+              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 })
+            }
+          ) : 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" }),
+      /* @__PURE__ */ jsx("div", { className: "h-3 w-24 rounded bg-muted animate-pulse" })
+    ] })
+  ] }, i)) });
+}
+function CollectionProvenanceTab({ contract }) {
+  const [page, setPage] = useState(1);
+  const [all, setAll] = useState([]);
+  const { activities, meta, isLoading } = useActivities({ contract, page, limit: PAGE_SIZE });
+  useEffect(() => {
+    if (activities.length === 0) return;
+    setAll((prev) => page === 1 ? activities : [...prev, ...activities]);
+  }, [activities, page]);
+  const groups = useMemo(() => groupByDay(all), [all]);
+  const showAsset = useMemo(
+    () => new Set(all.map((e) => e.nftTokenId ?? e.tokenId ?? "")).size > 1,
+    [all]
+  );
+  const hasMore = meta ? all.length < (meta.total ?? 0) : false;
+  if (isLoading && all.length === 0) return /* @__PURE__ */ jsx(ProvenanceSkeleton, {});
+  if (all.length === 0) {
+    return /* @__PURE__ */ jsxs("div", { className: "py-20 flex flex-col items-center gap-3 text-center", children: [
+      /* @__PURE__ */ jsx(Inbox, { className: "h-10 w-10 text-muted-foreground/40" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-muted-foreground", children: "No history yet" }),
+      /* @__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(
+        ProvenanceEvent,
+        {
+          event,
+          showAsset
+        },
+        `${event.txHash ?? event.orderHash}-${event.type}-${i}`
+      )) })
+    ] }, group.label)),
+    /* @__PURE__ */ jsx(LoadMoreSentinel, { hasMore, isLoading, onLoadMore: () => setPage((p) => p + 1) })
+  ] });
+}
+export {
+  CollectionProvenanceTab
+};
+//# sourceMappingURL=collection-provenance-tab.js.map

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

@@ -0,0 +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":[]}

package/dist/components/launchpad/edition-mint-schema.d.cts

@@ -16,7 +16,6 @@ declare const editionMintSchema: zod.ZodObject<{
     royalty: zod.ZodNumber;
 }, "strip", zod.ZodTypeAny, {
     name: string;
-    value: string;
     ipType: "Audio" | "Video" | "Art" | "Photography" | "NFT" | "Software" | "RWA" | "Patents" | "Posts" | "Publications" | "Documents" | "Custom";
     licenseType: string;
     commercialUse: "Yes" | "No";
@@ -25,12 +24,12 @@ declare const editionMintSchema: zod.ZodObject<{
     geographicScope: string;
     aiPolicy: "Allowed" | "Not Allowed" | "Training Only";
     royalty: number;
+    value: string;
     recipient: string;
     description?: string | undefined;
     external_url?: string | undefined;
 }, {
     name: string;
-    value: string;
     ipType: "Audio" | "Video" | "Art" | "Photography" | "NFT" | "Software" | "RWA" | "Patents" | "Posts" | "Publications" | "Documents" | "Custom";
     licenseType: string;
     commercialUse: "Yes" | "No";
@@ -39,6 +38,7 @@ declare const editionMintSchema: zod.ZodObject<{
     geographicScope: string;
     aiPolicy: "Allowed" | "Not Allowed" | "Training Only";
     royalty: number;
+    value: string;
     recipient: string;
     description?: string | undefined;
     external_url?: string | undefined;

package/dist/components/launchpad/edition-mint-schema.d.ts

@@ -16,7 +16,6 @@ declare const editionMintSchema: zod.ZodObject<{
     royalty: zod.ZodNumber;
 }, "strip", zod.ZodTypeAny, {
     name: string;
-    value: string;
     ipType: "Audio" | "Video" | "Art" | "Photography" | "NFT" | "Software" | "RWA" | "Patents" | "Posts" | "Publications" | "Documents" | "Custom";
     licenseType: string;
     commercialUse: "Yes" | "No";
@@ -25,12 +24,12 @@ declare const editionMintSchema: zod.ZodObject<{
     geographicScope: string;
     aiPolicy: "Allowed" | "Not Allowed" | "Training Only";
     royalty: number;
+    value: string;
     recipient: string;
     description?: string | undefined;
     external_url?: string | undefined;
 }, {
     name: string;
-    value: string;
     ipType: "Audio" | "Video" | "Art" | "Photography" | "NFT" | "Software" | "RWA" | "Patents" | "Posts" | "Publications" | "Documents" | "Custom";
     licenseType: string;
     commercialUse: "Yes" | "No";
@@ -39,6 +38,7 @@ declare const editionMintSchema: zod.ZodObject<{
     geographicScope: string;
     aiPolicy: "Allowed" | "Not Allowed" | "Training Only";
     royalty: number;
+    value: string;
     recipient: string;
     description?: string | undefined;
     external_url?: string | undefined;

package/dist/components/sheet.d.cts

@@ -10,7 +10,7 @@ declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogC
 declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
 declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
-    side?: "left" | "right" | "bottom" | "top" | null | undefined;
+    side?: "bottom" | "left" | "right" | "top" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
     overlayClassName?: string;

package/dist/components/sheet.d.ts

@@ -10,7 +10,7 @@ declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogC
 declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
 declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
-    side?: "left" | "right" | "bottom" | "top" | null | undefined;
+    side?: "bottom" | "left" | "right" | "top" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
     overlayClassName?: string;

package/dist/index.cjs

@@ -98,7 +98,6 @@ __export(index_exports, {
   CollapsibleContent: () => import_collapsible.CollapsibleContent,
   CollapsibleSection: () => import_collapsible_section.CollapsibleSection,
   CollapsibleTrigger: () => import_collapsible.CollapsibleTrigger,
-  CollectionActivityTab: () => import_collection_activity_tab.CollectionActivityTab,
   CollectionCard: () => import_collection_card.CollectionCard,
   CollectionCardSkeleton: () => import_collection_card.CollectionCardSkeleton,
   CollectionCreateForm: () => import_collection_create_form.CollectionCreateForm,
@@ -109,8 +108,8 @@ __export(index_exports, {
   CollectionNameClaim: () => import_collection_name_claim.CollectionNameClaim,
   CollectionPage: () => import_collection_page.CollectionPage,
   CollectionPicker: () => import_collection_picker.CollectionPicker,
+  CollectionProvenanceTab: () => import_collection_provenance_tab.CollectionProvenanceTab,
   CollectionSettings: () => import_collection_settings.CollectionSettings,
-  CollectionTraitsTab: () => import_collection_traits_tab.CollectionTraitsTab,
   CollectionTypeChoices: () => import_new_collection_menu.CollectionTypeChoices,
   CollectionsLoading: () => import_page_skeletons.CollectionsLoading,
   CollectionsPage: () => import_collections_page.CollectionsPage,
@@ -878,8 +877,7 @@ var import_use_profiles = require("./utils/use-profiles.js");
 var import_use_activities = require("./utils/use-activities.js");
 var import_use_collections = require("./utils/use-collections.js");
 var import_creator_chip = require("./components/creator-chip.js");
-var import_collection_activity_tab = require("./components/collection-activity-tab.js");
-var import_collection_traits_tab = require("./components/collection-traits-tab.js");
+var import_collection_provenance_tab = require("./components/collection-provenance-tab.js");
 var import_portfolio_activity = require("./components/portfolio-activity.js");
 var import_creator_score_inline = require("./components/creator-score-inline.js");
 var import_use_medialane_client = require("./utils/use-medialane-client.js");
@@ -992,7 +990,6 @@ var import_asset_accents = require("./utils/asset-accents.js");
   CollapsibleContent,
   CollapsibleSection,
   CollapsibleTrigger,
-  CollectionActivityTab,
   CollectionCard,
   CollectionCardSkeleton,
   CollectionCreateForm,
@@ -1003,8 +1000,8 @@ var import_asset_accents = require("./utils/asset-accents.js");
   CollectionNameClaim,
   CollectionPage,
   CollectionPicker,
+  CollectionProvenanceTab,
   CollectionSettings,
-  CollectionTraitsTab,
   CollectionTypeChoices,
   CollectionsLoading,
   CollectionsPage,