@medialane/ui 0.105.0 → 0.107.0

package/dist/components/asset-lightbox.cjs

@@ -0,0 +1,66 @@
+"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 asset_lightbox_exports = {};
+__export(asset_lightbox_exports, {
+  AssetLightbox: () => AssetLightbox
+});
+module.exports = __toCommonJS(asset_lightbox_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_react = require("lucide-react");
+var import_dialog = require("./dialog.js");
+function AssetLightbox({ open, onOpenChange, image, alt }) {
+  if (!image) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_dialog.DialogContent,
+    {
+      hideClose: true,
+      className: "max-w-[96vw] w-fit max-h-none overflow-visible border-0 bg-transparent p-0 shadow-none",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogTitle, { className: "sr-only", children: alt }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "img",
+            {
+              src: image,
+              alt,
+              crossOrigin: "anonymous",
+              style: { maxHeight: "92svh", maxWidth: "96vw" },
+              className: "block h-auto w-auto object-contain rounded-2xl"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "button",
+            {
+              onClick: () => onOpenChange(false),
+              "aria-label": "Close",
+              className: "absolute top-3 right-3 h-8 w-8 rounded-full bg-black/55 backdrop-blur-sm border border-white/10 flex items-center justify-center text-white/75 hover:text-white hover:bg-black/80 transition-all",
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.X, { className: "h-4 w-4" })
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AssetLightbox
+});
+//# sourceMappingURL=asset-lightbox.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/asset-lightbox.tsx"],"sourcesContent":["\"use client\";\n\nimport { X } from \"lucide-react\";\nimport { Dialog, DialogContent, DialogTitle } from \"./dialog.js\";\n\nexport interface AssetLightboxProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  image: string | null;\n  alt: string;\n}\n\nexport function AssetLightbox({ open, onOpenChange, image, alt }: AssetLightboxProps) {\n  if (!image) return null;\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent\n        hideClose\n        className=\"max-w-[96vw] w-fit max-h-none overflow-visible border-0 bg-transparent p-0 shadow-none\"\n      >\n        <DialogTitle className=\"sr-only\">{alt}</DialogTitle>\n        <div className=\"relative\">\n          {/* eslint-disable-next-line @next/next/no-img-element */}\n          <img\n            src={image}\n            alt={alt}\n            crossOrigin=\"anonymous\"\n            style={{ maxHeight: \"92svh\", maxWidth: \"96vw\" }}\n            className=\"block h-auto w-auto object-contain rounded-2xl\"\n          />\n          <button\n            onClick={() => onOpenChange(false)}\n            aria-label=\"Close\"\n            className=\"absolute top-3 right-3 h-8 w-8 rounded-full bg-black/55 backdrop-blur-sm border border-white/10 flex items-center justify-center text-white/75 hover:text-white hover:bg-black/80 transition-all\"\n          >\n            <X className=\"h-4 w-4\" />\n          </button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBQ;AAnBR,0BAAkB;AAClB,oBAAmD;AAS5C,SAAS,cAAc,EAAE,MAAM,cAAc,OAAO,IAAI,GAAuB;AACpF,MAAI,CAAC,MAAO,QAAO;AAEnB,SACE,4CAAC,wBAAO,MAAY,cAClB;AAAA,IAAC;AAAA;AAAA,MACC,WAAS;AAAA,MACT,WAAU;AAAA,MAEV;AAAA,oDAAC,6BAAY,WAAU,WAAW,eAAI;AAAA,QACtC,6CAAC,SAAI,WAAU,YAEb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL;AAAA,cACA,aAAY;AAAA,cACZ,OAAO,EAAE,WAAW,SAAS,UAAU,OAAO;AAAA,cAC9C,WAAU;AAAA;AAAA,UACZ;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAS,MAAM,aAAa,KAAK;AAAA,cACjC,cAAW;AAAA,cACX,WAAU;AAAA,cAEV,sDAAC,yBAAE,WAAU,WAAU;AAAA;AAAA,UACzB;AAAA,WACF;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/components/asset-lightbox.d.cts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface AssetLightboxProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    image: string | null;
+    alt: string;
+}
+declare function AssetLightbox({ open, onOpenChange, image, alt }: AssetLightboxProps): react_jsx_runtime.JSX.Element | null;
+
+export { AssetLightbox, type AssetLightboxProps };

package/dist/components/asset-lightbox.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface AssetLightboxProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    image: string | null;
+    alt: string;
+}
+declare function AssetLightbox({ open, onOpenChange, image, alt }: AssetLightboxProps): react_jsx_runtime.JSX.Element | null;
+
+export { AssetLightbox, type AssetLightboxProps };

package/dist/components/asset-lightbox.js

@@ -0,0 +1,42 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+import { Dialog, DialogContent, DialogTitle } from "./dialog.js";
+function AssetLightbox({ open, onOpenChange, image, alt }) {
+  if (!image) return null;
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      hideClose: true,
+      className: "max-w-[96vw] w-fit max-h-none overflow-visible border-0 bg-transparent p-0 shadow-none",
+      children: [
+        /* @__PURE__ */ jsx(DialogTitle, { className: "sr-only", children: alt }),
+        /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: image,
+              alt,
+              crossOrigin: "anonymous",
+              style: { maxHeight: "92svh", maxWidth: "96vw" },
+              className: "block h-auto w-auto object-contain rounded-2xl"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => onOpenChange(false),
+              "aria-label": "Close",
+              className: "absolute top-3 right-3 h-8 w-8 rounded-full bg-black/55 backdrop-blur-sm border border-white/10 flex items-center justify-center text-white/75 hover:text-white hover:bg-black/80 transition-all",
+              children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+}
+export {
+  AssetLightbox
+};
+//# sourceMappingURL=asset-lightbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/asset-lightbox.tsx"],"sourcesContent":["\"use client\";\n\nimport { X } from \"lucide-react\";\nimport { Dialog, DialogContent, DialogTitle } from \"./dialog.js\";\n\nexport interface AssetLightboxProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  image: string | null;\n  alt: string;\n}\n\nexport function AssetLightbox({ open, onOpenChange, image, alt }: AssetLightboxProps) {\n  if (!image) return null;\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent\n        hideClose\n        className=\"max-w-[96vw] w-fit max-h-none overflow-visible border-0 bg-transparent p-0 shadow-none\"\n      >\n        <DialogTitle className=\"sr-only\">{alt}</DialogTitle>\n        <div className=\"relative\">\n          {/* eslint-disable-next-line @next/next/no-img-element */}\n          <img\n            src={image}\n            alt={alt}\n            crossOrigin=\"anonymous\"\n            style={{ maxHeight: \"92svh\", maxWidth: \"96vw\" }}\n            className=\"block h-auto w-auto object-contain rounded-2xl\"\n          />\n          <button\n            onClick={() => onOpenChange(false)}\n            aria-label=\"Close\"\n            className=\"absolute top-3 right-3 h-8 w-8 rounded-full bg-black/55 backdrop-blur-sm border border-white/10 flex items-center justify-center text-white/75 hover:text-white hover:bg-black/80 transition-all\"\n          >\n            <X className=\"h-4 w-4\" />\n          </button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";AAqBQ,cACA,YADA;AAnBR,SAAS,SAAS;AAClB,SAAS,QAAQ,eAAe,mBAAmB;AAS5C,SAAS,cAAc,EAAE,MAAM,cAAc,OAAO,IAAI,GAAuB;AACpF,MAAI,CAAC,MAAO,QAAO;AAEnB,SACE,oBAAC,UAAO,MAAY,cAClB;AAAA,IAAC;AAAA;AAAA,MACC,WAAS;AAAA,MACT,WAAU;AAAA,MAEV;AAAA,4BAAC,eAAY,WAAU,WAAW,eAAI;AAAA,QACtC,qBAAC,SAAI,WAAU,YAEb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL;AAAA,cACA,aAAY;AAAA,cACZ,OAAO,EAAE,WAAW,SAAS,UAAU,OAAO;AAAA,cAC9C,WAAU;AAAA;AAAA,UACZ;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAS,MAAM,aAAa,KAAK;AAAA,cACjC,cAAW;AAAA,cACX,WAAU;AAAA,cAEV,8BAAC,KAAE,WAAU,WAAU;AAAA;AAAA,UACzB;AAAA,WACF;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/components/club-owner-actions.cjs

@@ -0,0 +1,56 @@
+"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 club_owner_actions_exports = {};
+__export(club_owner_actions_exports, {
+  ClubOwnerActions: () => ClubOwnerActions
+});
+module.exports = __toCommonJS(club_owner_actions_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_link = __toESM(require("next/link"), 1);
+var import_lucide_react = require("lucide-react");
+function ClubOwnerActions({ contractAddress, isOwner }) {
+  if (!isOwner) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "btn-border-animated p-[1px] rounded-xl", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_link.default,
+    {
+      href: `/launchpad/club/${contractAddress}/mint`,
+      className: "flex items-center gap-2 h-10 px-5 rounded-[11px] text-sm font-semibold text-white bg-transparent hover:brightness-110 active:scale-[0.98] transition",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Users, { className: "h-4 w-4" }),
+        "Create membership"
+      ]
+    }
+  ) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ClubOwnerActions
+});
+//# sourceMappingURL=club-owner-actions.cjs.map

package/dist/components/club-owner-actions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/club-owner-actions.tsx"],"sourcesContent":["\"use client\";\n\n// The ip-club service action on the collection page — one featured button,\n// visible only to the collection owner, in the right owner cluster (the same\n// slot erc1155 collections use for \"Mint editions\"). Links to the dedicated\n// mint page (create a membership tier + mint its supply, same shape as the\n// IP Tickets mint page).\n\nimport Link from \"next/link\";\nimport { Users } from \"lucide-react\";\n\nexport interface ClubOwnerActionsProps {\n  contractAddress: string;\n  /** Caller computes this from its own wallet session — the wallet model\n   *  differs per app, so this component stays purely presentational. */\n  isOwner: boolean;\n}\n\nexport function ClubOwnerActions({ contractAddress, isOwner }: ClubOwnerActionsProps) {\n  if (!isOwner) return null;\n\n  return (\n    <div className=\"btn-border-animated p-[1px] rounded-xl\">\n      <Link\n        href={`/launchpad/club/${contractAddress}/mint`}\n        className=\"flex items-center gap-2 h-10 px-5 rounded-[11px] text-sm font-semibold text-white bg-transparent hover:brightness-110 active:scale-[0.98] transition\"\n      >\n        <Users className=\"h-4 w-4\" />\n        Create membership\n      </Link>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBM;AAfN,kBAAiB;AACjB,0BAAsB;AASf,SAAS,iBAAiB,EAAE,iBAAiB,QAAQ,GAA0B;AACpF,MAAI,CAAC,QAAS,QAAO;AAErB,SACE,4CAAC,SAAI,WAAU,0CACb;AAAA,IAAC,YAAAA;AAAA,IAAA;AAAA,MACC,MAAM,mBAAmB,eAAe;AAAA,MACxC,WAAU;AAAA,MAEV;AAAA,oDAAC,6BAAM,WAAU,WAAU;AAAA,QAAE;AAAA;AAAA;AAAA,EAE/B,GACF;AAEJ;","names":["Link"]}

package/dist/components/club-owner-actions.d.cts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ClubOwnerActionsProps {
+    contractAddress: string;
+    /** Caller computes this from its own wallet session — the wallet model
+     *  differs per app, so this component stays purely presentational. */
+    isOwner: boolean;
+}
+declare function ClubOwnerActions({ contractAddress, isOwner }: ClubOwnerActionsProps): react_jsx_runtime.JSX.Element | null;
+
+export { ClubOwnerActions, type ClubOwnerActionsProps };

package/dist/components/club-owner-actions.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ClubOwnerActionsProps {
+    contractAddress: string;
+    /** Caller computes this from its own wallet session — the wallet model
+     *  differs per app, so this component stays purely presentational. */
+    isOwner: boolean;
+}
+declare function ClubOwnerActions({ contractAddress, isOwner }: ClubOwnerActionsProps): react_jsx_runtime.JSX.Element | null;
+
+export { ClubOwnerActions, type ClubOwnerActionsProps };

package/dist/components/club-owner-actions.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { Users } from "lucide-react";
+function ClubOwnerActions({ contractAddress, isOwner }) {
+  if (!isOwner) return null;
+  return /* @__PURE__ */ jsx("div", { className: "btn-border-animated p-[1px] rounded-xl", children: /* @__PURE__ */ jsxs(
+    Link,
+    {
+      href: `/launchpad/club/${contractAddress}/mint`,
+      className: "flex items-center gap-2 h-10 px-5 rounded-[11px] text-sm font-semibold text-white bg-transparent hover:brightness-110 active:scale-[0.98] transition",
+      children: [
+        /* @__PURE__ */ jsx(Users, { className: "h-4 w-4" }),
+        "Create membership"
+      ]
+    }
+  ) });
+}
+export {
+  ClubOwnerActions
+};
+//# sourceMappingURL=club-owner-actions.js.map

package/dist/components/club-owner-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/club-owner-actions.tsx"],"sourcesContent":["\"use client\";\n\n// The ip-club service action on the collection page — one featured button,\n// visible only to the collection owner, in the right owner cluster (the same\n// slot erc1155 collections use for \"Mint editions\"). Links to the dedicated\n// mint page (create a membership tier + mint its supply, same shape as the\n// IP Tickets mint page).\n\nimport Link from \"next/link\";\nimport { Users } from \"lucide-react\";\n\nexport interface ClubOwnerActionsProps {\n  contractAddress: string;\n  /** Caller computes this from its own wallet session — the wallet model\n   *  differs per app, so this component stays purely presentational. */\n  isOwner: boolean;\n}\n\nexport function ClubOwnerActions({ contractAddress, isOwner }: ClubOwnerActionsProps) {\n  if (!isOwner) return null;\n\n  return (\n    <div className=\"btn-border-animated p-[1px] rounded-xl\">\n      <Link\n        href={`/launchpad/club/${contractAddress}/mint`}\n        className=\"flex items-center gap-2 h-10 px-5 rounded-[11px] text-sm font-semibold text-white bg-transparent hover:brightness-110 active:scale-[0.98] transition\"\n      >\n        <Users className=\"h-4 w-4\" />\n        Create membership\n      </Link>\n    </div>\n  );\n}\n"],"mappings":";AAuBM,SAIE,KAJF;AAfN,OAAO,UAAU;AACjB,SAAS,aAAa;AASf,SAAS,iBAAiB,EAAE,iBAAiB,QAAQ,GAA0B;AACpF,MAAI,CAAC,QAAS,QAAO;AAErB,SACE,oBAAC,SAAI,WAAU,0CACb;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,mBAAmB,eAAe;AAAA,MACxC,WAAU;AAAA,MAEV;AAAA,4BAAC,SAAM,WAAU,WAAU;AAAA,QAAE;AAAA;AAAA;AAAA,EAE/B,GACF;AAEJ;","names":[]}

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

@@ -0,0 +1,60 @@
+"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({ getClient, 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)(getClient, { 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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/collection-activity-tab.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useEffect } from \"react\";\nimport type { MedialaneClient } from \"@medialane/sdk/starknet\";\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  getClient: () => MedialaneClient;\n  contract: string;\n}\n\nexport function CollectionActivityTab({ getClient, contract }: CollectionActivityTabProps) {\n  const [page, setPage] = useState(1);\n  const [all, setAll] = useState<ApiActivity[]>([]);\n  const { activities, meta, isLoading } = useActivities(getClient, { 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;AAgCiD;AA9BjD,mBAAoC;AAGpC,0BAAsB;AACtB,4BAA8B;AAC9B,2BAAmD;AACnD,gCAAiC;AAEjC,MAAM,YAAY;AAOX,SAAS,sBAAsB,EAAE,WAAW,SAAS,GAA+B;AACzF,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,CAAC;AAClC,QAAM,CAAC,KAAK,MAAM,QAAI,uBAAwB,CAAC,CAAC;AAChD,QAAM,EAAE,YAAY,MAAM,UAAU,QAAI,qCAAc,WAAW,EAAE,UAAU,MAAM,OAAO,UAAU,CAAC;AAErG,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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { MedialaneClient } from '@medialane/sdk/starknet';
+
+interface CollectionActivityTabProps {
+    getClient: () => MedialaneClient;
+    contract: string;
+}
+declare function CollectionActivityTab({ getClient, contract }: CollectionActivityTabProps): react_jsx_runtime.JSX.Element;
+
+export { CollectionActivityTab, type CollectionActivityTabProps };

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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { MedialaneClient } from '@medialane/sdk/starknet';
+
+interface CollectionActivityTabProps {
+    getClient: () => MedialaneClient;
+    contract: string;
+}
+declare function CollectionActivityTab({ getClient, contract }: CollectionActivityTabProps): react_jsx_runtime.JSX.Element;
+
+export { CollectionActivityTab, type CollectionActivityTabProps };

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

@@ -0,0 +1,36 @@
+"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({ getClient, contract }) {
+  const [page, setPage] = useState(1);
+  const [all, setAll] = useState([]);
+  const { activities, meta, isLoading } = useActivities(getClient, { 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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/collection-activity-tab.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useEffect } from \"react\";\nimport type { MedialaneClient } from \"@medialane/sdk/starknet\";\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  getClient: () => MedialaneClient;\n  contract: string;\n}\n\nexport function CollectionActivityTab({ getClient, contract }: CollectionActivityTabProps) {\n  const [page, setPage] = useState(1);\n  const [all, setAll] = useState<ApiActivity[]>([]);\n  const { activities, meta, isLoading } = useActivities(getClient, { 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":";AAgCiD,cAO3C,YAP2C;AA9BjD,SAAS,UAAU,iBAAiB;AAGpC,SAAS,aAAa;AACtB,SAAS,qBAAqB;AAC9B,SAAS,cAAc,4BAA4B;AACnD,SAAS,wBAAwB;AAEjC,MAAM,YAAY;AAOX,SAAS,sBAAsB,EAAE,WAAW,SAAS,GAA+B;AACzF,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC;AAClC,QAAM,CAAC,KAAK,MAAM,IAAI,SAAwB,CAAC,CAAC;AAChD,QAAM,EAAE,YAAY,MAAM,UAAU,IAAI,cAAc,WAAW,EAAE,UAAU,MAAM,OAAO,UAAU,CAAC;AAErG,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

@@ -0,0 +1,79 @@
+"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({ getClient, 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)(getClient, 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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/collection-traits-tab.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useEffect } from \"react\";\nimport type { MedialaneClient } from \"@medialane/sdk/starknet\";\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// Rarity is a nice-to-have stat, not settlement data — cap the crawl so a\n// very large collection doesn't turn this tab into an unbounded fetch loop.\nconst MAX_TOKENS_FOR_RARITY = 2000;\n\nexport interface CollectionTraitsTabProps {\n  getClient: () => MedialaneClient;\n  contract: string;\n}\n\nexport function CollectionTraitsTab({ getClient, contract }: CollectionTraitsTabProps) {\n  const [page, setPage] = useState(1);\n  const [all, setAll] = useState<ApiToken[]>([]);\n  const { tokens, meta, isLoading } = useCollectionTokens(getClient, 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;AAwCM;AAtCN,mBAAoC;AAGpC,0BAAyB;AACzB,6BAAoC;AACpC,gCAAqC;AAErC,MAAM,kBAAkB;AAGxB,MAAM,wBAAwB;AAOvB,SAAS,oBAAoB,EAAE,WAAW,SAAS,GAA6B;AACrF,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,CAAC;AAClC,QAAM,CAAC,KAAK,MAAM,QAAI,uBAAqB,CAAC,CAAC;AAC7C,QAAM,EAAE,QAAQ,MAAM,UAAU,QAAI,4CAAoB,WAAW,UAAU,MAAM,iBAAiB,QAAQ;AAE5G,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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { MedialaneClient } from '@medialane/sdk/starknet';
+
+interface CollectionTraitsTabProps {
+    getClient: () => MedialaneClient;
+    contract: string;
+}
+declare function CollectionTraitsTab({ getClient, contract }: CollectionTraitsTabProps): react_jsx_runtime.JSX.Element;
+
+export { CollectionTraitsTab, type CollectionTraitsTabProps };

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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { MedialaneClient } from '@medialane/sdk/starknet';
+
+interface CollectionTraitsTabProps {
+    getClient: () => MedialaneClient;
+    contract: string;
+}
+declare function CollectionTraitsTab({ getClient, contract }: CollectionTraitsTabProps): react_jsx_runtime.JSX.Element;
+
+export { CollectionTraitsTab, type CollectionTraitsTabProps };

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

@@ -0,0 +1,55 @@
+"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({ getClient, contract }) {
+  const [page, setPage] = useState(1);
+  const [all, setAll] = useState([]);
+  const { tokens, meta, isLoading } = useCollectionTokens(getClient, 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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/collection-traits-tab.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useEffect } from \"react\";\nimport type { MedialaneClient } from \"@medialane/sdk/starknet\";\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// Rarity is a nice-to-have stat, not settlement data — cap the crawl so a\n// very large collection doesn't turn this tab into an unbounded fetch loop.\nconst MAX_TOKENS_FOR_RARITY = 2000;\n\nexport interface CollectionTraitsTabProps {\n  getClient: () => MedialaneClient;\n  contract: string;\n}\n\nexport function CollectionTraitsTab({ getClient, contract }: CollectionTraitsTabProps) {\n  const [page, setPage] = useState(1);\n  const [all, setAll] = useState<ApiToken[]>([]);\n  const { tokens, meta, isLoading } = useCollectionTokens(getClient, 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":";AAwCM,SACE,KADF;AAtCN,SAAS,UAAU,iBAAiB;AAGpC,SAAS,gBAAgB;AACzB,SAAS,2BAA2B;AACpC,SAAS,4BAA4B;AAErC,MAAM,kBAAkB;AAGxB,MAAM,wBAAwB;AAOvB,SAAS,oBAAoB,EAAE,WAAW,SAAS,GAA6B;AACrF,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC;AAClC,QAAM,CAAC,KAAK,MAAM,IAAI,SAAqB,CAAC,CAAC;AAC7C,QAAM,EAAE,QAAQ,MAAM,UAAU,IAAI,oBAAoB,WAAW,UAAU,MAAM,iBAAiB,QAAQ;AAE5G,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":[]}