@medialane/ui 0.106.0 → 0.107.0

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":[]}

package/dist/components/creator-chip.cjs

@@ -0,0 +1,58 @@
+"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 creator_chip_exports = {};
+__export(creator_chip_exports, {
+  CreatorChip: () => CreatorChip
+});
+module.exports = __toCommonJS(creator_chip_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_link = __toESM(require("next/link"), 1);
+var import_use_profiles = require("../utils/use-profiles.js");
+var import_address_display = require("./address-display.js");
+function CreatorChip({ getClient, address }) {
+  const { profile } = (0, import_use_profiles.useCreatorProfile)(getClient, address);
+  const label = profile?.displayName || profile?.username || null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_link.default,
+    {
+      href: `/account/${address}`,
+      className: "inline-flex items-center gap-1.5 text-sm rounded-full px-2 py-1 hover:bg-muted/60 active:scale-[0.98] transition",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground shrink-0", children: "by" }),
+        label ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-semibold text-foreground truncate", children: label }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_address_display.AddressDisplay, { address, chars: 6, showCopy: false, className: "font-semibold text-foreground" })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CreatorChip
+});
+//# sourceMappingURL=creator-chip.cjs.map

package/dist/components/creator-chip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/creator-chip.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport type { MedialaneClient } from \"@medialane/sdk/starknet\";\nimport { useCreatorProfile } from \"../utils/use-profiles.js\";\nimport { AddressDisplay } from \"./address-display.js\";\n\nexport interface CreatorChipProps {\n  getClient: () => MedialaneClient;\n  address: string;\n}\n\nexport function CreatorChip({ getClient, address }: CreatorChipProps) {\n  const { profile } = useCreatorProfile(getClient, address);\n  const label = profile?.displayName || profile?.username || null;\n\n  return (\n    <Link\n      href={`/account/${address}`}\n      className=\"inline-flex items-center gap-1.5 text-sm rounded-full px-2 py-1 hover:bg-muted/60 active:scale-[0.98] transition\"\n    >\n      <span className=\"text-muted-foreground shrink-0\">by</span>\n      {label ? (\n        <span className=\"font-semibold text-foreground truncate\">{label}</span>\n      ) : (\n        <AddressDisplay address={address} chars={6} showCopy={false} className=\"font-semibold text-foreground\" />\n      )}\n    </Link>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBI;AAfJ,kBAAiB;AAEjB,0BAAkC;AAClC,6BAA+B;AAOxB,SAAS,YAAY,EAAE,WAAW,QAAQ,GAAqB;AACpE,QAAM,EAAE,QAAQ,QAAI,uCAAkB,WAAW,OAAO;AACxD,QAAM,QAAQ,SAAS,eAAe,SAAS,YAAY;AAE3D,SACE;AAAA,IAAC,YAAAA;AAAA,IAAA;AAAA,MACC,MAAM,YAAY,OAAO;AAAA,MACzB,WAAU;AAAA,MAEV;AAAA,oDAAC,UAAK,WAAU,kCAAiC,gBAAE;AAAA,QAClD,QACC,4CAAC,UAAK,WAAU,0CAA0C,iBAAM,IAEhE,4CAAC,yCAAe,SAAkB,OAAO,GAAG,UAAU,OAAO,WAAU,iCAAgC;AAAA;AAAA;AAAA,EAE3G;AAEJ;","names":["Link"]}

package/dist/components/creator-chip.d.cts

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

package/dist/components/creator-chip.d.ts

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

package/dist/components/creator-chip.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { useCreatorProfile } from "../utils/use-profiles.js";
+import { AddressDisplay } from "./address-display.js";
+function CreatorChip({ getClient, address }) {
+  const { profile } = useCreatorProfile(getClient, address);
+  const label = profile?.displayName || profile?.username || null;
+  return /* @__PURE__ */ jsxs(
+    Link,
+    {
+      href: `/account/${address}`,
+      className: "inline-flex items-center gap-1.5 text-sm rounded-full px-2 py-1 hover:bg-muted/60 active:scale-[0.98] transition",
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground shrink-0", children: "by" }),
+        label ? /* @__PURE__ */ jsx("span", { className: "font-semibold text-foreground truncate", children: label }) : /* @__PURE__ */ jsx(AddressDisplay, { address, chars: 6, showCopy: false, className: "font-semibold text-foreground" })
+      ]
+    }
+  );
+}
+export {
+  CreatorChip
+};
+//# sourceMappingURL=creator-chip.js.map

package/dist/components/creator-chip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/creator-chip.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport type { MedialaneClient } from \"@medialane/sdk/starknet\";\nimport { useCreatorProfile } from \"../utils/use-profiles.js\";\nimport { AddressDisplay } from \"./address-display.js\";\n\nexport interface CreatorChipProps {\n  getClient: () => MedialaneClient;\n  address: string;\n}\n\nexport function CreatorChip({ getClient, address }: CreatorChipProps) {\n  const { profile } = useCreatorProfile(getClient, address);\n  const label = profile?.displayName || profile?.username || null;\n\n  return (\n    <Link\n      href={`/account/${address}`}\n      className=\"inline-flex items-center gap-1.5 text-sm rounded-full px-2 py-1 hover:bg-muted/60 active:scale-[0.98] transition\"\n    >\n      <span className=\"text-muted-foreground shrink-0\">by</span>\n      {label ? (\n        <span className=\"font-semibold text-foreground truncate\">{label}</span>\n      ) : (\n        <AddressDisplay address={address} chars={6} showCopy={false} className=\"font-semibold text-foreground\" />\n      )}\n    </Link>\n  );\n}\n"],"mappings":";AAiBI,SAIE,KAJF;AAfJ,OAAO,UAAU;AAEjB,SAAS,yBAAyB;AAClC,SAAS,sBAAsB;AAOxB,SAAS,YAAY,EAAE,WAAW,QAAQ,GAAqB;AACpE,QAAM,EAAE,QAAQ,IAAI,kBAAkB,WAAW,OAAO;AACxD,QAAM,QAAQ,SAAS,eAAe,SAAS,YAAY;AAE3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,YAAY,OAAO;AAAA,MACzB,WAAU;AAAA,MAEV;AAAA,4BAAC,UAAK,WAAU,kCAAiC,gBAAE;AAAA,QAClD,QACC,oBAAC,UAAK,WAAU,0CAA0C,iBAAM,IAEhE,oBAAC,kBAAe,SAAkB,OAAO,GAAG,UAAU,OAAO,WAAU,iCAAgC;AAAA;AAAA;AAAA,EAE3G;AAEJ;","names":[]}

package/dist/components/creator-score-inline.cjs

@@ -0,0 +1,52 @@
+"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 creator_score_inline_exports = {};
+__export(creator_score_inline_exports, {
+  CreatorScoreInline: () => CreatorScoreInline
+});
+module.exports = __toCommonJS(creator_score_inline_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_link = __toESM(require("next/link"), 1);
+var import_level_badge = require("./rewards/level-badge.js");
+var import_badge_shelf = require("./rewards/badge-shelf.js");
+var import_use_rewards = require("../utils/use-rewards.js");
+function CreatorScoreInline({ getClient, address, size = "sm", showBadges = false, maxBadges = 6, className }) {
+  const { data } = (0, import_use_rewards.useRewards)(getClient, address);
+  if (!data || data.totalXp <= 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: "/rewards", className: "inline-flex active:opacity-80", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_level_badge.LevelBadge, { level: data.currentLevel, name: data.currentLevelName, badgeColor: data.badgeColor, size }) }),
+    showBadges && data.badges.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_badge_shelf.BadgeShelf, { badges: data.badges.slice(0, maxBadges), className: "mt-2" })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CreatorScoreInline
+});
+//# sourceMappingURL=creator-score-inline.cjs.map

package/dist/components/creator-score-inline.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/creator-score-inline.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport type { MedialaneClient } from \"@medialane/sdk/starknet\";\nimport { LevelBadge } from \"./rewards/level-badge.js\";\nimport { BadgeShelf } from \"./rewards/badge-shelf.js\";\nimport { useRewards } from \"../utils/use-rewards.js\";\n\nexport interface CreatorScoreInlineProps {\n  getClient: () => MedialaneClient;\n  address: string | null | undefined;\n  size?: \"sm\" | \"md\" | \"lg\";\n  /** Also show the earned badges under the chip (creator/profile pages). */\n  showBadges?: boolean;\n  /** Max badges when showBadges is set. */\n  maxBadges?: number;\n  className?: string;\n}\n\n/** Level chip (+ optional badge row) for an address, linking to /rewards.\n *  Renders nothing while loading, on failure, or for addresses with no XP —\n *  rewards must never add error states or noise to non-rewards pages. */\nexport function CreatorScoreInline({ getClient, address, size = \"sm\", showBadges = false, maxBadges = 6, className }: CreatorScoreInlineProps) {\n  const { data } = useRewards(getClient, address);\n  if (!data || data.totalXp <= 0) return null;\n\n  return (\n    <div className={className}>\n      <Link href=\"/rewards\" className=\"inline-flex active:opacity-80\">\n        <LevelBadge level={data.currentLevel} name={data.currentLevelName} badgeColor={data.badgeColor} size={size} />\n      </Link>\n      {showBadges && data.badges.length > 0 && (\n        <BadgeShelf badges={data.badges.slice(0, maxBadges)} className=\"mt-2\" />\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2BI;AAzBJ,kBAAiB;AAEjB,yBAA2B;AAC3B,yBAA2B;AAC3B,yBAA2B;AAgBpB,SAAS,mBAAmB,EAAE,WAAW,SAAS,OAAO,MAAM,aAAa,OAAO,YAAY,GAAG,UAAU,GAA4B;AAC7I,QAAM,EAAE,KAAK,QAAI,+BAAW,WAAW,OAAO;AAC9C,MAAI,CAAC,QAAQ,KAAK,WAAW,EAAG,QAAO;AAEvC,SACE,6CAAC,SAAI,WACH;AAAA,gDAAC,YAAAA,SAAA,EAAK,MAAK,YAAW,WAAU,iCAC9B,sDAAC,iCAAW,OAAO,KAAK,cAAc,MAAM,KAAK,kBAAkB,YAAY,KAAK,YAAY,MAAY,GAC9G;AAAA,IACC,cAAc,KAAK,OAAO,SAAS,KAClC,4CAAC,iCAAW,QAAQ,KAAK,OAAO,MAAM,GAAG,SAAS,GAAG,WAAU,QAAO;AAAA,KAE1E;AAEJ;","names":["Link"]}

package/dist/components/creator-score-inline.d.cts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { MedialaneClient } from '@medialane/sdk/starknet';
+
+interface CreatorScoreInlineProps {
+    getClient: () => MedialaneClient;
+    address: string | null | undefined;
+    size?: "sm" | "md" | "lg";
+    /** Also show the earned badges under the chip (creator/profile pages). */
+    showBadges?: boolean;
+    /** Max badges when showBadges is set. */
+    maxBadges?: number;
+    className?: string;
+}
+/** Level chip (+ optional badge row) for an address, linking to /rewards.
+ *  Renders nothing while loading, on failure, or for addresses with no XP —
+ *  rewards must never add error states or noise to non-rewards pages. */
+declare function CreatorScoreInline({ getClient, address, size, showBadges, maxBadges, className }: CreatorScoreInlineProps): react_jsx_runtime.JSX.Element | null;
+
+export { CreatorScoreInline, type CreatorScoreInlineProps };

package/dist/components/creator-score-inline.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { MedialaneClient } from '@medialane/sdk/starknet';
+
+interface CreatorScoreInlineProps {
+    getClient: () => MedialaneClient;
+    address: string | null | undefined;
+    size?: "sm" | "md" | "lg";
+    /** Also show the earned badges under the chip (creator/profile pages). */
+    showBadges?: boolean;
+    /** Max badges when showBadges is set. */
+    maxBadges?: number;
+    className?: string;
+}
+/** Level chip (+ optional badge row) for an address, linking to /rewards.
+ *  Renders nothing while loading, on failure, or for addresses with no XP —
+ *  rewards must never add error states or noise to non-rewards pages. */
+declare function CreatorScoreInline({ getClient, address, size, showBadges, maxBadges, className }: CreatorScoreInlineProps): react_jsx_runtime.JSX.Element | null;
+
+export { CreatorScoreInline, type CreatorScoreInlineProps };

package/dist/components/creator-score-inline.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { LevelBadge } from "./rewards/level-badge.js";
+import { BadgeShelf } from "./rewards/badge-shelf.js";
+import { useRewards } from "../utils/use-rewards.js";
+function CreatorScoreInline({ getClient, address, size = "sm", showBadges = false, maxBadges = 6, className }) {
+  const { data } = useRewards(getClient, address);
+  if (!data || data.totalXp <= 0) return null;
+  return /* @__PURE__ */ jsxs("div", { className, children: [
+    /* @__PURE__ */ jsx(Link, { href: "/rewards", className: "inline-flex active:opacity-80", children: /* @__PURE__ */ jsx(LevelBadge, { level: data.currentLevel, name: data.currentLevelName, badgeColor: data.badgeColor, size }) }),
+    showBadges && data.badges.length > 0 && /* @__PURE__ */ jsx(BadgeShelf, { badges: data.badges.slice(0, maxBadges), className: "mt-2" })
+  ] });
+}
+export {
+  CreatorScoreInline
+};
+//# sourceMappingURL=creator-score-inline.js.map

package/dist/components/creator-score-inline.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/creator-score-inline.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport type { MedialaneClient } from \"@medialane/sdk/starknet\";\nimport { LevelBadge } from \"./rewards/level-badge.js\";\nimport { BadgeShelf } from \"./rewards/badge-shelf.js\";\nimport { useRewards } from \"../utils/use-rewards.js\";\n\nexport interface CreatorScoreInlineProps {\n  getClient: () => MedialaneClient;\n  address: string | null | undefined;\n  size?: \"sm\" | \"md\" | \"lg\";\n  /** Also show the earned badges under the chip (creator/profile pages). */\n  showBadges?: boolean;\n  /** Max badges when showBadges is set. */\n  maxBadges?: number;\n  className?: string;\n}\n\n/** Level chip (+ optional badge row) for an address, linking to /rewards.\n *  Renders nothing while loading, on failure, or for addresses with no XP —\n *  rewards must never add error states or noise to non-rewards pages. */\nexport function CreatorScoreInline({ getClient, address, size = \"sm\", showBadges = false, maxBadges = 6, className }: CreatorScoreInlineProps) {\n  const { data } = useRewards(getClient, address);\n  if (!data || data.totalXp <= 0) return null;\n\n  return (\n    <div className={className}>\n      <Link href=\"/rewards\" className=\"inline-flex active:opacity-80\">\n        <LevelBadge level={data.currentLevel} name={data.currentLevelName} badgeColor={data.badgeColor} size={size} />\n      </Link>\n      {showBadges && data.badges.length > 0 && (\n        <BadgeShelf badges={data.badges.slice(0, maxBadges)} className=\"mt-2\" />\n      )}\n    </div>\n  );\n}\n"],"mappings":";AA2BI,SAEI,KAFJ;AAzBJ,OAAO,UAAU;AAEjB,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAgBpB,SAAS,mBAAmB,EAAE,WAAW,SAAS,OAAO,MAAM,aAAa,OAAO,YAAY,GAAG,UAAU,GAA4B;AAC7I,QAAM,EAAE,KAAK,IAAI,WAAW,WAAW,OAAO;AAC9C,MAAI,CAAC,QAAQ,KAAK,WAAW,EAAG,QAAO;AAEvC,SACE,qBAAC,SAAI,WACH;AAAA,wBAAC,QAAK,MAAK,YAAW,WAAU,iCAC9B,8BAAC,cAAW,OAAO,KAAK,cAAc,MAAM,KAAK,kBAAkB,YAAY,KAAK,YAAY,MAAY,GAC9G;AAAA,IACC,cAAc,KAAK,OAAO,SAAS,KAClC,oBAAC,cAAW,QAAQ,KAAK,OAAO,MAAM,GAAG,SAAS,GAAG,WAAU,QAAO;AAAA,KAE1E;AAEJ;","names":[]}