@medialane/ui 0.300.0 → 0.301.0

package/package.json

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

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

@@ -1,60 +0,0 @@
-"use strict";
-"use client";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var collection_activity_tab_exports = {};
-__export(collection_activity_tab_exports, {
-  CollectionActivityTab: () => CollectionActivityTab
-});
-module.exports = __toCommonJS(collection_activity_tab_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_lucide_react = require("lucide-react");
-var import_use_activities = require("../utils/use-activities.js");
-var import_activity_card = require("./activity-card.js");
-var import_load_more_sentinel = require("./load-more-sentinel.js");
-const PAGE_SIZE = 24;
-function CollectionActivityTab({ 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 hasMore = meta ? all.length < (meta.total ?? 0) : false;
-  if (isLoading && all.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-3 sm:gap-4", children: Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_activity_card.ActivityCardSkeleton, {}, i)) });
-  }
-  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 activity yet" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground/70 max-w-xs", children: "Mints, listings, offers, and sales in this collection will appear here." })
-    ] });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-3 sm:gap-4", children: all.map((a, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_activity_card.ActivityCard, { activity: a }, `${a.txHash ?? a.orderHash}-${i}`)) }),
-    /* @__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 = {
-  CollectionActivityTab
-});
-//# sourceMappingURL=collection-activity-tab.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/collection-activity-tab.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useEffect } from \"react\";\nimport type { ApiActivity } from \"@medialane/sdk\";\nimport { Inbox } from \"lucide-react\";\nimport { useActivities } from \"../utils/use-activities.js\";\nimport { ActivityCard, ActivityCardSkeleton } from \"./activity-card.js\";\nimport { LoadMoreSentinel } from \"./load-more-sentinel.js\";\n\nconst PAGE_SIZE = 24;\n\nexport interface CollectionActivityTabProps {\n  contract: string;\n}\n\nexport function CollectionActivityTab({ contract }: CollectionActivityTabProps) {\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 hasMore = meta ? all.length < (meta.total ?? 0) : false;\n\n  if (isLoading && all.length === 0) {\n    return (\n      <div className=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-3 sm:gap-4\">\n        {Array.from({ length: 8 }).map((_, i) => <ActivityCardSkeleton key={i} />)}\n      </div>\n    );\n  }\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 activity yet</p>\n        <p className=\"text-xs text-muted-foreground/70 max-w-xs\">\n          Mints, listings, offers, and sales in this collection will appear here.\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-3 sm:gap-4\">\n        {all.map((a, i) => (\n          <ActivityCard key={`${a.txHash ?? a.orderHash}-${i}`} activity={a} />\n        ))}\n      </div>\n      <LoadMoreSentinel hasMore={hasMore} isLoading={isLoading} onLoadMore={() => setPage((p) => p + 1)} />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BiD;AA5BjD,mBAAoC;AAEpC,0BAAsB;AACtB,4BAA8B;AAC9B,2BAAmD;AACnD,gCAAiC;AAEjC,MAAM,YAAY;AAMX,SAAS,sBAAsB,EAAE,SAAS,GAA+B;AAC9E,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,CAAC;AAClC,QAAM,CAAC,KAAK,MAAM,QAAI,uBAAwB,CAAC,CAAC;AAChD,QAAM,EAAE,YAAY,MAAM,UAAU,QAAI,qCAAc,EAAE,UAAU,MAAM,OAAO,UAAU,CAAC;AAE1F,8BAAU,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,UAAU,OAAO,IAAI,UAAU,KAAK,SAAS,KAAK;AAExD,MAAI,aAAa,IAAI,WAAW,GAAG;AACjC,WACE,4CAAC,SAAI,WAAU,gFACZ,gBAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MAAM,4CAAC,+CAA0B,CAAG,CAAE,GAC3E;AAAA,EAEJ;AAEA,MAAI,IAAI,WAAW,GAAG;AACpB,WACE,6CAAC,SAAI,WAAU,sDACb;AAAA,kDAAC,6BAAM,WAAU,sCAAqC;AAAA,MACtD,4CAAC,OAAE,WAAU,6CAA4C,6BAAe;AAAA,MACxE,4CAAC,OAAE,WAAU,6CAA4C,qFAEzD;AAAA,OACF;AAAA,EAEJ;AAEA,SACE,6CAAC,SAAI,WAAU,aACb;AAAA,gDAAC,SAAI,WAAU,gFACZ,cAAI,IAAI,CAAC,GAAG,MACX,4CAAC,qCAAqD,UAAU,KAA7C,GAAG,EAAE,UAAU,EAAE,SAAS,IAAI,CAAC,EAAiB,CACpE,GACH;AAAA,IACA,4CAAC,8CAAiB,SAAkB,WAAsB,YAAY,MAAM,QAAQ,CAAC,MAAM,IAAI,CAAC,GAAG;AAAA,KACrG;AAEJ;","names":[]}

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

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

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

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

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

@@ -1,36 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { Inbox } from "lucide-react";
-import { useActivities } from "../utils/use-activities.js";
-import { ActivityCard, ActivityCardSkeleton } from "./activity-card.js";
-import { LoadMoreSentinel } from "./load-more-sentinel.js";
-const PAGE_SIZE = 24;
-function CollectionActivityTab({ 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 hasMore = meta ? all.length < (meta.total ?? 0) : false;
-  if (isLoading && all.length === 0) {
-    return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-3 sm:gap-4", children: Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ jsx(ActivityCardSkeleton, {}, i)) });
-  }
-  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 activity yet" }),
-      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground/70 max-w-xs", children: "Mints, listings, offers, and sales in this collection will appear here." })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-3 sm:gap-4", children: all.map((a, i) => /* @__PURE__ */ jsx(ActivityCard, { activity: a }, `${a.txHash ?? a.orderHash}-${i}`)) }),
-    /* @__PURE__ */ jsx(LoadMoreSentinel, { hasMore, isLoading, onLoadMore: () => setPage((p) => p + 1) })
-  ] });
-}
-export {
-  CollectionActivityTab
-};
-//# sourceMappingURL=collection-activity-tab.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/collection-activity-tab.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useEffect } from \"react\";\nimport type { ApiActivity } from \"@medialane/sdk\";\nimport { Inbox } from \"lucide-react\";\nimport { useActivities } from \"../utils/use-activities.js\";\nimport { ActivityCard, ActivityCardSkeleton } from \"./activity-card.js\";\nimport { LoadMoreSentinel } from \"./load-more-sentinel.js\";\n\nconst PAGE_SIZE = 24;\n\nexport interface CollectionActivityTabProps {\n  contract: string;\n}\n\nexport function CollectionActivityTab({ contract }: CollectionActivityTabProps) {\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 hasMore = meta ? all.length < (meta.total ?? 0) : false;\n\n  if (isLoading && all.length === 0) {\n    return (\n      <div className=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-3 sm:gap-4\">\n        {Array.from({ length: 8 }).map((_, i) => <ActivityCardSkeleton key={i} />)}\n      </div>\n    );\n  }\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 activity yet</p>\n        <p className=\"text-xs text-muted-foreground/70 max-w-xs\">\n          Mints, listings, offers, and sales in this collection will appear here.\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-3 sm:gap-4\">\n        {all.map((a, i) => (\n          <ActivityCard key={`${a.txHash ?? a.orderHash}-${i}`} activity={a} />\n        ))}\n      </div>\n      <LoadMoreSentinel hasMore={hasMore} isLoading={isLoading} onLoadMore={() => setPage((p) => p + 1)} />\n    </div>\n  );\n}\n"],"mappings":";AA8BiD,cAO3C,YAP2C;AA5BjD,SAAS,UAAU,iBAAiB;AAEpC,SAAS,aAAa;AACtB,SAAS,qBAAqB;AAC9B,SAAS,cAAc,4BAA4B;AACnD,SAAS,wBAAwB;AAEjC,MAAM,YAAY;AAMX,SAAS,sBAAsB,EAAE,SAAS,GAA+B;AAC9E,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,UAAU,OAAO,IAAI,UAAU,KAAK,SAAS,KAAK;AAExD,MAAI,aAAa,IAAI,WAAW,GAAG;AACjC,WACE,oBAAC,SAAI,WAAU,gFACZ,gBAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MAAM,oBAAC,0BAA0B,CAAG,CAAE,GAC3E;AAAA,EAEJ;AAEA,MAAI,IAAI,WAAW,GAAG;AACpB,WACE,qBAAC,SAAI,WAAU,sDACb;AAAA,0BAAC,SAAM,WAAU,sCAAqC;AAAA,MACtD,oBAAC,OAAE,WAAU,6CAA4C,6BAAe;AAAA,MACxE,oBAAC,OAAE,WAAU,6CAA4C,qFAEzD;AAAA,OACF;AAAA,EAEJ;AAEA,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,wBAAC,SAAI,WAAU,gFACZ,cAAI,IAAI,CAAC,GAAG,MACX,oBAAC,gBAAqD,UAAU,KAA7C,GAAG,EAAE,UAAU,EAAE,SAAS,IAAI,CAAC,EAAiB,CACpE,GACH;AAAA,IACA,oBAAC,oBAAiB,SAAkB,WAAsB,YAAY,MAAM,QAAQ,CAAC,MAAM,IAAI,CAAC,GAAG;AAAA,KACrG;AAEJ;","names":[]}

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

@@ -1,79 +0,0 @@
-"use strict";
-"use client";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var collection_traits_tab_exports = {};
-__export(collection_traits_tab_exports, {
-  CollectionTraitsTab: () => CollectionTraitsTab
-});
-module.exports = __toCommonJS(collection_traits_tab_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_lucide_react = require("lucide-react");
-var import_use_collections = require("../utils/use-collections.js");
-var import_collection_filters = require("./collection-filters.js");
-const FETCH_PAGE_SIZE = 100;
-const MAX_TOKENS_FOR_RARITY = 2e3;
-function CollectionTraitsTab({ contract }) {
-  const [page, setPage] = (0, import_react.useState)(1);
-  const [all, setAll] = (0, import_react.useState)([]);
-  const { tokens, meta, isLoading } = (0, import_use_collections.useCollectionTokens)(contract, page, FETCH_PAGE_SIZE, "recent");
-  (0, import_react.useEffect)(() => {
-    if (tokens.length === 0) return;
-    setAll((prev) => page === 1 ? tokens : [...prev, ...tokens]);
-  }, [tokens, page]);
-  (0, import_react.useEffect)(() => {
-    const total = Math.min(meta?.total ?? 0, MAX_TOKENS_FOR_RARITY);
-    if (!isLoading && all.length > 0 && all.length < total) setPage((p) => p + 1);
-  }, [isLoading, all.length, meta?.total]);
-  const { traitSections } = (0, import_collection_filters.useCollectionFilters)(all, {}, () => {
-  }, "recent", () => {
-  });
-  const sampleSize = all.length;
-  const stillLoading = isLoading || meta?.total != null && sampleSize < Math.min(meta.total, MAX_TOKENS_FOR_RARITY);
-  if (traitSections.length === 0 && !stillLoading) {
-    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.Sparkles, { 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 traits found" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground/70 max-w-xs", children: "Items in this collection don't carry attribute metadata yet." })
-    ] });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-6", children: [
-    stillLoading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground", children: "Reading trait data \u2014 rarity updates as more items load\u2026" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", children: traitSections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: section.traitType }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "space-y-1.5", children: section.values.map(({ value, count }) => {
-        const pct = sampleSize > 0 ? Math.round(count / sampleSize * 1e3) / 10 : 0;
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between gap-3 rounded-lg bg-muted/50 px-3 py-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-sm font-medium truncate", children: value }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "text-xs font-bold tabular-nums text-muted-foreground shrink-0", children: [
-            count,
-            " \xB7 ",
-            pct,
-            "%"
-          ] })
-        ] }, value);
-      }) })
-    ] }, section.traitType)) })
-  ] });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  CollectionTraitsTab
-});
-//# sourceMappingURL=collection-traits-tab.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/collection-traits-tab.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useEffect } from \"react\";\nimport type { ApiToken } from \"@medialane/sdk\";\nimport { Sparkles } from \"lucide-react\";\nimport { useCollectionTokens } from \"../utils/use-collections.js\";\nimport { useCollectionFilters } from \"./collection-filters.js\";\n\nconst FETCH_PAGE_SIZE = 100;\n\nconst MAX_TOKENS_FOR_RARITY = 2000;\n\nexport interface CollectionTraitsTabProps {\n  contract: string;\n}\n\nexport function CollectionTraitsTab({ contract }: CollectionTraitsTabProps) {\n  const [page, setPage] = useState(1);\n  const [all, setAll] = useState<ApiToken[]>([]);\n  const { tokens, meta, isLoading } = useCollectionTokens(contract, page, FETCH_PAGE_SIZE, \"recent\");\n\n  useEffect(() => {\n    if (tokens.length === 0) return;\n    setAll((prev) => (page === 1 ? tokens : [...prev, ...tokens]));\n  }, [tokens, page]);\n\n  useEffect(() => {\n    const total = Math.min(meta?.total ?? 0, MAX_TOKENS_FOR_RARITY);\n    if (!isLoading && all.length > 0 && all.length < total) setPage((p) => p + 1);\n  }, [isLoading, all.length, meta?.total]);\n\n  const { traitSections } = useCollectionFilters(all, {}, () => {}, \"recent\", () => {});\n  const sampleSize = all.length;\n  const stillLoading = isLoading || (meta?.total != null && sampleSize < Math.min(meta.total, MAX_TOKENS_FOR_RARITY));\n\n  if (traitSections.length === 0 && !stillLoading) {\n    return (\n      <div className=\"py-20 flex flex-col items-center gap-3 text-center\">\n        <Sparkles className=\"h-10 w-10 text-muted-foreground/40\" />\n        <p className=\"text-sm font-medium text-muted-foreground\">No traits found</p>\n        <p className=\"text-xs text-muted-foreground/70 max-w-xs\">\n          Items in this collection don&apos;t carry attribute metadata yet.\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-6\">\n      {stillLoading && (\n        <p className=\"text-xs text-muted-foreground\">Reading trait data — rarity updates as more items load…</p>\n      )}\n      <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\">\n        {traitSections.map((section) => (\n          <div key={section.traitType} className=\"space-y-2\">\n            <p className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">{section.traitType}</p>\n            <div className=\"space-y-1.5\">\n              {section.values.map(({ value, count }) => {\n                const pct = sampleSize > 0 ? Math.round((count / sampleSize) * 1000) / 10 : 0;\n                return (\n                  <div key={value} className=\"flex items-center justify-between gap-3 rounded-lg bg-muted/50 px-3 py-2\">\n                    <span className=\"text-sm font-medium truncate\">{value}</span>\n                    <span className=\"text-xs font-bold tabular-nums text-muted-foreground shrink-0\">\n                      {count} · {pct}%\n                    </span>\n                  </div>\n                );\n              })}\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqCM;AAnCN,mBAAoC;AAEpC,0BAAyB;AACzB,6BAAoC;AACpC,gCAAqC;AAErC,MAAM,kBAAkB;AAExB,MAAM,wBAAwB;AAMvB,SAAS,oBAAoB,EAAE,SAAS,GAA6B;AAC1E,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,CAAC;AAClC,QAAM,CAAC,KAAK,MAAM,QAAI,uBAAqB,CAAC,CAAC;AAC7C,QAAM,EAAE,QAAQ,MAAM,UAAU,QAAI,4CAAoB,UAAU,MAAM,iBAAiB,QAAQ;AAEjG,8BAAU,MAAM;AACd,QAAI,OAAO,WAAW,EAAG;AACzB,WAAO,CAAC,SAAU,SAAS,IAAI,SAAS,CAAC,GAAG,MAAM,GAAG,MAAM,CAAE;AAAA,EAC/D,GAAG,CAAC,QAAQ,IAAI,CAAC;AAEjB,8BAAU,MAAM;AACd,UAAM,QAAQ,KAAK,IAAI,MAAM,SAAS,GAAG,qBAAqB;AAC9D,QAAI,CAAC,aAAa,IAAI,SAAS,KAAK,IAAI,SAAS,MAAO,SAAQ,CAAC,MAAM,IAAI,CAAC;AAAA,EAC9E,GAAG,CAAC,WAAW,IAAI,QAAQ,MAAM,KAAK,CAAC;AAEvC,QAAM,EAAE,cAAc,QAAI,gDAAqB,KAAK,CAAC,GAAG,MAAM;AAAA,EAAC,GAAG,UAAU,MAAM;AAAA,EAAC,CAAC;AACpF,QAAM,aAAa,IAAI;AACvB,QAAM,eAAe,aAAc,MAAM,SAAS,QAAQ,aAAa,KAAK,IAAI,KAAK,OAAO,qBAAqB;AAEjH,MAAI,cAAc,WAAW,KAAK,CAAC,cAAc;AAC/C,WACE,6CAAC,SAAI,WAAU,sDACb;AAAA,kDAAC,gCAAS,WAAU,sCAAqC;AAAA,MACzD,4CAAC,OAAE,WAAU,6CAA4C,6BAAe;AAAA,MACxE,4CAAC,OAAE,WAAU,6CAA4C,0EAEzD;AAAA,OACF;AAAA,EAEJ;AAEA,SACE,6CAAC,SAAI,WAAU,aACZ;AAAA,oBACC,4CAAC,OAAE,WAAU,iCAAgC,+EAAuD;AAAA,IAEtG,4CAAC,SAAI,WAAU,wDACZ,wBAAc,IAAI,CAAC,YAClB,6CAAC,SAA4B,WAAU,aACrC;AAAA,kDAAC,OAAE,WAAU,uEAAuE,kBAAQ,WAAU;AAAA,MACtG,4CAAC,SAAI,WAAU,eACZ,kBAAQ,OAAO,IAAI,CAAC,EAAE,OAAO,MAAM,MAAM;AACxC,cAAM,MAAM,aAAa,IAAI,KAAK,MAAO,QAAQ,aAAc,GAAI,IAAI,KAAK;AAC5E,eACE,6CAAC,SAAgB,WAAU,4EACzB;AAAA,sDAAC,UAAK,WAAU,gCAAgC,iBAAM;AAAA,UACtD,6CAAC,UAAK,WAAU,iEACb;AAAA;AAAA,YAAM;AAAA,YAAI;AAAA,YAAI;AAAA,aACjB;AAAA,aAJQ,KAKV;AAAA,MAEJ,CAAC,GACH;AAAA,SAdQ,QAAQ,SAelB,CACD,GACH;AAAA,KACF;AAEJ;","names":[]}

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

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

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

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

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

@@ -1,55 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { Sparkles } from "lucide-react";
-import { useCollectionTokens } from "../utils/use-collections.js";
-import { useCollectionFilters } from "./collection-filters.js";
-const FETCH_PAGE_SIZE = 100;
-const MAX_TOKENS_FOR_RARITY = 2e3;
-function CollectionTraitsTab({ contract }) {
-  const [page, setPage] = useState(1);
-  const [all, setAll] = useState([]);
-  const { tokens, meta, isLoading } = useCollectionTokens(contract, page, FETCH_PAGE_SIZE, "recent");
-  useEffect(() => {
-    if (tokens.length === 0) return;
-    setAll((prev) => page === 1 ? tokens : [...prev, ...tokens]);
-  }, [tokens, page]);
-  useEffect(() => {
-    const total = Math.min(meta?.total ?? 0, MAX_TOKENS_FOR_RARITY);
-    if (!isLoading && all.length > 0 && all.length < total) setPage((p) => p + 1);
-  }, [isLoading, all.length, meta?.total]);
-  const { traitSections } = useCollectionFilters(all, {}, () => {
-  }, "recent", () => {
-  });
-  const sampleSize = all.length;
-  const stillLoading = isLoading || meta?.total != null && sampleSize < Math.min(meta.total, MAX_TOKENS_FOR_RARITY);
-  if (traitSections.length === 0 && !stillLoading) {
-    return /* @__PURE__ */ jsxs("div", { className: "py-20 flex flex-col items-center gap-3 text-center", children: [
-      /* @__PURE__ */ jsx(Sparkles, { className: "h-10 w-10 text-muted-foreground/40" }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-muted-foreground", children: "No traits found" }),
-      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground/70 max-w-xs", children: "Items in this collection don't carry attribute metadata yet." })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-    stillLoading && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Reading trait data \u2014 rarity updates as more items load\u2026" }),
-    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", children: traitSections.map((section) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: section.traitType }),
-      /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: section.values.map(({ value, count }) => {
-        const pct = sampleSize > 0 ? Math.round(count / sampleSize * 1e3) / 10 : 0;
-        return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 rounded-lg bg-muted/50 px-3 py-2", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium truncate", children: value }),
-          /* @__PURE__ */ jsxs("span", { className: "text-xs font-bold tabular-nums text-muted-foreground shrink-0", children: [
-            count,
-            " \xB7 ",
-            pct,
-            "%"
-          ] })
-        ] }, value);
-      }) })
-    ] }, section.traitType)) })
-  ] });
-}
-export {
-  CollectionTraitsTab
-};
-//# sourceMappingURL=collection-traits-tab.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/collection-traits-tab.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useEffect } from \"react\";\nimport type { ApiToken } from \"@medialane/sdk\";\nimport { Sparkles } from \"lucide-react\";\nimport { useCollectionTokens } from \"../utils/use-collections.js\";\nimport { useCollectionFilters } from \"./collection-filters.js\";\n\nconst FETCH_PAGE_SIZE = 100;\n\nconst MAX_TOKENS_FOR_RARITY = 2000;\n\nexport interface CollectionTraitsTabProps {\n  contract: string;\n}\n\nexport function CollectionTraitsTab({ contract }: CollectionTraitsTabProps) {\n  const [page, setPage] = useState(1);\n  const [all, setAll] = useState<ApiToken[]>([]);\n  const { tokens, meta, isLoading } = useCollectionTokens(contract, page, FETCH_PAGE_SIZE, \"recent\");\n\n  useEffect(() => {\n    if (tokens.length === 0) return;\n    setAll((prev) => (page === 1 ? tokens : [...prev, ...tokens]));\n  }, [tokens, page]);\n\n  useEffect(() => {\n    const total = Math.min(meta?.total ?? 0, MAX_TOKENS_FOR_RARITY);\n    if (!isLoading && all.length > 0 && all.length < total) setPage((p) => p + 1);\n  }, [isLoading, all.length, meta?.total]);\n\n  const { traitSections } = useCollectionFilters(all, {}, () => {}, \"recent\", () => {});\n  const sampleSize = all.length;\n  const stillLoading = isLoading || (meta?.total != null && sampleSize < Math.min(meta.total, MAX_TOKENS_FOR_RARITY));\n\n  if (traitSections.length === 0 && !stillLoading) {\n    return (\n      <div className=\"py-20 flex flex-col items-center gap-3 text-center\">\n        <Sparkles className=\"h-10 w-10 text-muted-foreground/40\" />\n        <p className=\"text-sm font-medium text-muted-foreground\">No traits found</p>\n        <p className=\"text-xs text-muted-foreground/70 max-w-xs\">\n          Items in this collection don&apos;t carry attribute metadata yet.\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-6\">\n      {stillLoading && (\n        <p className=\"text-xs text-muted-foreground\">Reading trait data — rarity updates as more items load…</p>\n      )}\n      <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\">\n        {traitSections.map((section) => (\n          <div key={section.traitType} className=\"space-y-2\">\n            <p className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">{section.traitType}</p>\n            <div className=\"space-y-1.5\">\n              {section.values.map(({ value, count }) => {\n                const pct = sampleSize > 0 ? Math.round((count / sampleSize) * 1000) / 10 : 0;\n                return (\n                  <div key={value} className=\"flex items-center justify-between gap-3 rounded-lg bg-muted/50 px-3 py-2\">\n                    <span className=\"text-sm font-medium truncate\">{value}</span>\n                    <span className=\"text-xs font-bold tabular-nums text-muted-foreground shrink-0\">\n                      {count} · {pct}%\n                    </span>\n                  </div>\n                );\n              })}\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAqCM,SACE,KADF;AAnCN,SAAS,UAAU,iBAAiB;AAEpC,SAAS,gBAAgB;AACzB,SAAS,2BAA2B;AACpC,SAAS,4BAA4B;AAErC,MAAM,kBAAkB;AAExB,MAAM,wBAAwB;AAMvB,SAAS,oBAAoB,EAAE,SAAS,GAA6B;AAC1E,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC;AAClC,QAAM,CAAC,KAAK,MAAM,IAAI,SAAqB,CAAC,CAAC;AAC7C,QAAM,EAAE,QAAQ,MAAM,UAAU,IAAI,oBAAoB,UAAU,MAAM,iBAAiB,QAAQ;AAEjG,YAAU,MAAM;AACd,QAAI,OAAO,WAAW,EAAG;AACzB,WAAO,CAAC,SAAU,SAAS,IAAI,SAAS,CAAC,GAAG,MAAM,GAAG,MAAM,CAAE;AAAA,EAC/D,GAAG,CAAC,QAAQ,IAAI,CAAC;AAEjB,YAAU,MAAM;AACd,UAAM,QAAQ,KAAK,IAAI,MAAM,SAAS,GAAG,qBAAqB;AAC9D,QAAI,CAAC,aAAa,IAAI,SAAS,KAAK,IAAI,SAAS,MAAO,SAAQ,CAAC,MAAM,IAAI,CAAC;AAAA,EAC9E,GAAG,CAAC,WAAW,IAAI,QAAQ,MAAM,KAAK,CAAC;AAEvC,QAAM,EAAE,cAAc,IAAI,qBAAqB,KAAK,CAAC,GAAG,MAAM;AAAA,EAAC,GAAG,UAAU,MAAM;AAAA,EAAC,CAAC;AACpF,QAAM,aAAa,IAAI;AACvB,QAAM,eAAe,aAAc,MAAM,SAAS,QAAQ,aAAa,KAAK,IAAI,KAAK,OAAO,qBAAqB;AAEjH,MAAI,cAAc,WAAW,KAAK,CAAC,cAAc;AAC/C,WACE,qBAAC,SAAI,WAAU,sDACb;AAAA,0BAAC,YAAS,WAAU,sCAAqC;AAAA,MACzD,oBAAC,OAAE,WAAU,6CAA4C,6BAAe;AAAA,MACxE,oBAAC,OAAE,WAAU,6CAA4C,0EAEzD;AAAA,OACF;AAAA,EAEJ;AAEA,SACE,qBAAC,SAAI,WAAU,aACZ;AAAA,oBACC,oBAAC,OAAE,WAAU,iCAAgC,+EAAuD;AAAA,IAEtG,oBAAC,SAAI,WAAU,wDACZ,wBAAc,IAAI,CAAC,YAClB,qBAAC,SAA4B,WAAU,aACrC;AAAA,0BAAC,OAAE,WAAU,uEAAuE,kBAAQ,WAAU;AAAA,MACtG,oBAAC,SAAI,WAAU,eACZ,kBAAQ,OAAO,IAAI,CAAC,EAAE,OAAO,MAAM,MAAM;AACxC,cAAM,MAAM,aAAa,IAAI,KAAK,MAAO,QAAQ,aAAc,GAAI,IAAI,KAAK;AAC5E,eACE,qBAAC,SAAgB,WAAU,4EACzB;AAAA,8BAAC,UAAK,WAAU,gCAAgC,iBAAM;AAAA,UACtD,qBAAC,UAAK,WAAU,iEACb;AAAA;AAAA,YAAM;AAAA,YAAI;AAAA,YAAI;AAAA,aACjB;AAAA,aAJQ,KAKV;AAAA,MAEJ,CAAC,GACH;AAAA,SAdQ,QAAQ,SAelB,CACD,GACH;AAAA,KACF;AAEJ;","names":[]}