@medialane/ui 0.294.0 → 0.295.0

package/dist/components/settings-snapshots.cjs

@@ -0,0 +1,124 @@
+"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 settings_snapshots_exports = {};
+__export(settings_snapshots_exports, {
+  PortfolioSnapshot: () => PortfolioSnapshot,
+  RewardsSnapshot: () => RewardsSnapshot
+});
+module.exports = __toCommonJS(settings_snapshots_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_link = __toESM(require("./link.js"), 1);
+var import_lucide_react = require("lucide-react");
+var import_level_badge = require("./rewards/level-badge.js");
+var import_use_rewards = require("../utils/use-rewards.js");
+function SnapshotStat({ icon: Icon, value, label }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex-1 min-w-0 text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex items-center justify-center gap-1 text-muted-foreground/70", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { className: "h-3 w-3" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-1 text-lg font-bold tabular-nums text-foreground", children: value }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-[10.5px] text-muted-foreground", children: label })
+  ] });
+}
+function PortfolioSnapshot({ assets, listings, collections }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-2xl border border-border/60 bg-card p-5 space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-2xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Portfolio" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-0.5 text-xs text-muted-foreground/70", children: "What you own on Medialane" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center border-t border-border/60 pt-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SnapshotStat, { icon: import_lucide_react.Gem, value: assets, label: "Assets" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SnapshotStat, { icon: import_lucide_react.Tag, value: listings, label: "Listed" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SnapshotStat, { icon: import_lucide_react.LayoutGrid, value: collections, label: "Collections" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_link.default,
+      {
+        href: "/portfolio",
+        className: "flex items-center justify-center gap-1 text-xs font-medium text-primary hover:underline",
+        children: [
+          "View portfolio",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowUpRight, { className: "h-3 w-3" })
+        ]
+      }
+    )
+  ] });
+}
+function RewardsSnapshot({ address }) {
+  const { data: rewards } = (0, import_use_rewards.useRewards)(address);
+  if (!rewards) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-2xl border border-border/60 bg-card p-5 space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-2xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Rewards" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-0.5 text-xs text-muted-foreground/70", children: "Your creator journey" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Trophy, { className: "h-4 w-4 text-muted-foreground/50" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "border-t border-border/60 pt-4 space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_level_badge.LevelBadge, { level: rewards.currentLevel, name: rewards.currentLevelName, badgeColor: rewards.badgeColor }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "text-xs tabular-nums text-muted-foreground", children: [
+          rewards.totalXp.toLocaleString(),
+          " XP"
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-2 rounded-full bg-muted-foreground/15 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          className: "h-full rounded-full",
+          style: { width: `${rewards.progressPct}%`, backgroundColor: rewards.badgeColor }
+        }
+      ) }),
+      rewards.nextLevel && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-[10.5px] text-muted-foreground", children: [
+        rewards.nextLevel.xpRequired - rewards.totalXp,
+        " XP to Lv.",
+        rewards.nextLevel.level,
+        " ",
+        rewards.nextLevel.name
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_link.default,
+      {
+        href: "/rewards",
+        className: "flex items-center justify-center gap-1 text-xs font-medium text-primary hover:underline",
+        children: [
+          "View rewards",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowUpRight, { className: "h-3 w-3" })
+        ]
+      }
+    )
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PortfolioSnapshot,
+  RewardsSnapshot
+});
+//# sourceMappingURL=settings-snapshots.cjs.map

package/dist/components/settings-snapshots.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/settings-snapshots.tsx"],"sourcesContent":["\"use client\";\n\nimport type React from \"react\";\nimport Link from \"./link.js\";\nimport { ArrowUpRight, Gem, LayoutGrid, Tag, Trophy } from \"lucide-react\";\nimport { LevelBadge } from \"./rewards/level-badge.js\";\nimport { useRewards } from \"../utils/use-rewards.js\";\n\nfunction SnapshotStat({ icon: Icon, value, label }: { icon: React.ElementType; value: number; label: string }) {\n  return (\n    <div className=\"flex-1 min-w-0 text-center\">\n      <div className=\"flex items-center justify-center gap-1 text-muted-foreground/70\">\n        <Icon className=\"h-3 w-3\" />\n      </div>\n      <p className=\"mt-1 text-lg font-bold tabular-nums text-foreground\">{value}</p>\n      <p className=\"text-[10.5px] text-muted-foreground\">{label}</p>\n    </div>\n  );\n}\n\nexport function PortfolioSnapshot({ assets, listings, collections }: { assets: number; listings: number; collections: number }) {\n  return (\n    <div className=\"rounded-2xl border border-border/60 bg-card p-5 space-y-4\">\n      <div>\n        <p className=\"text-2xs font-semibold uppercase tracking-wide text-muted-foreground\">Portfolio</p>\n        <p className=\"mt-0.5 text-xs text-muted-foreground/70\">What you own on Medialane</p>\n      </div>\n      <div className=\"flex items-center border-t border-border/60 pt-4\">\n        <SnapshotStat icon={Gem} value={assets} label=\"Assets\" />\n        <SnapshotStat icon={Tag} value={listings} label=\"Listed\" />\n        <SnapshotStat icon={LayoutGrid} value={collections} label=\"Collections\" />\n      </div>\n      <Link\n        href=\"/portfolio\"\n        className=\"flex items-center justify-center gap-1 text-xs font-medium text-primary hover:underline\"\n      >\n        View portfolio\n        <ArrowUpRight className=\"h-3 w-3\" />\n      </Link>\n    </div>\n  );\n}\n\nexport function RewardsSnapshot({ address }: { address?: string | null }) {\n  const { data: rewards } = useRewards(address);\n  if (!rewards) return null;\n\n  return (\n    <div className=\"rounded-2xl border border-border/60 bg-card p-5 space-y-4\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <p className=\"text-2xs font-semibold uppercase tracking-wide text-muted-foreground\">Rewards</p>\n          <p className=\"mt-0.5 text-xs text-muted-foreground/70\">Your creator journey</p>\n        </div>\n        <Trophy className=\"h-4 w-4 text-muted-foreground/50\" />\n      </div>\n      <div className=\"border-t border-border/60 pt-4 space-y-2\">\n        <div className=\"flex items-center justify-between\">\n          <LevelBadge level={rewards.currentLevel} name={rewards.currentLevelName} badgeColor={rewards.badgeColor} />\n          <span className=\"text-xs tabular-nums text-muted-foreground\">{rewards.totalXp.toLocaleString()} XP</span>\n        </div>\n        <div className=\"h-2 rounded-full bg-muted-foreground/15 overflow-hidden\">\n          <div\n            className=\"h-full rounded-full\"\n            style={{ width: `${rewards.progressPct}%`, backgroundColor: rewards.badgeColor }}\n          />\n        </div>\n        {rewards.nextLevel && (\n          <p className=\"text-[10.5px] text-muted-foreground\">\n            {rewards.nextLevel.xpRequired - rewards.totalXp} XP to Lv.{rewards.nextLevel.level} {rewards.nextLevel.name}\n          </p>\n        )}\n      </div>\n      <Link\n        href=\"/rewards\"\n        className=\"flex items-center justify-center gap-1 text-xs font-medium text-primary hover:underline\"\n      >\n        View rewards\n        <ArrowUpRight className=\"h-3 w-3\" />\n      </Link>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUI;AAPJ,kBAAiB;AACjB,0BAA2D;AAC3D,yBAA2B;AAC3B,yBAA2B;AAE3B,SAAS,aAAa,EAAE,MAAM,MAAM,OAAO,MAAM,GAA8D;AAC7G,SACE,6CAAC,SAAI,WAAU,8BACb;AAAA,gDAAC,SAAI,WAAU,mEACb,sDAAC,QAAK,WAAU,WAAU,GAC5B;AAAA,IACA,4CAAC,OAAE,WAAU,uDAAuD,iBAAM;AAAA,IAC1E,4CAAC,OAAE,WAAU,uCAAuC,iBAAM;AAAA,KAC5D;AAEJ;AAEO,SAAS,kBAAkB,EAAE,QAAQ,UAAU,YAAY,GAA8D;AAC9H,SACE,6CAAC,SAAI,WAAU,6DACb;AAAA,iDAAC,SACC;AAAA,kDAAC,OAAE,WAAU,wEAAuE,uBAAS;AAAA,MAC7F,4CAAC,OAAE,WAAU,2CAA0C,uCAAyB;AAAA,OAClF;AAAA,IACA,6CAAC,SAAI,WAAU,oDACb;AAAA,kDAAC,gBAAa,MAAM,yBAAK,OAAO,QAAQ,OAAM,UAAS;AAAA,MACvD,4CAAC,gBAAa,MAAM,yBAAK,OAAO,UAAU,OAAM,UAAS;AAAA,MACzD,4CAAC,gBAAa,MAAM,gCAAY,OAAO,aAAa,OAAM,eAAc;AAAA,OAC1E;AAAA,IACA;AAAA,MAAC,YAAAA;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACX;AAAA;AAAA,UAEC,4CAAC,oCAAa,WAAU,WAAU;AAAA;AAAA;AAAA,IACpC;AAAA,KACF;AAEJ;AAEO,SAAS,gBAAgB,EAAE,QAAQ,GAAgC;AACxE,QAAM,EAAE,MAAM,QAAQ,QAAI,+BAAW,OAAO;AAC5C,MAAI,CAAC,QAAS,QAAO;AAErB,SACE,6CAAC,SAAI,WAAU,6DACb;AAAA,iDAAC,SAAI,WAAU,qCACb;AAAA,mDAAC,SACC;AAAA,oDAAC,OAAE,WAAU,wEAAuE,qBAAO;AAAA,QAC3F,4CAAC,OAAE,WAAU,2CAA0C,kCAAoB;AAAA,SAC7E;AAAA,MACA,4CAAC,8BAAO,WAAU,oCAAmC;AAAA,OACvD;AAAA,IACA,6CAAC,SAAI,WAAU,4CACb;AAAA,mDAAC,SAAI,WAAU,qCACb;AAAA,oDAAC,iCAAW,OAAO,QAAQ,cAAc,MAAM,QAAQ,kBAAkB,YAAY,QAAQ,YAAY;AAAA,QACzG,6CAAC,UAAK,WAAU,8CAA8C;AAAA,kBAAQ,QAAQ,eAAe;AAAA,UAAE;AAAA,WAAG;AAAA,SACpG;AAAA,MACA,4CAAC,SAAI,WAAU,2DACb;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO,EAAE,OAAO,GAAG,QAAQ,WAAW,KAAK,iBAAiB,QAAQ,WAAW;AAAA;AAAA,MACjF,GACF;AAAA,MACC,QAAQ,aACP,6CAAC,OAAE,WAAU,uCACV;AAAA,gBAAQ,UAAU,aAAa,QAAQ;AAAA,QAAQ;AAAA,QAAW,QAAQ,UAAU;AAAA,QAAM;AAAA,QAAE,QAAQ,UAAU;AAAA,SACzG;AAAA,OAEJ;AAAA,IACA;AAAA,MAAC,YAAAA;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACX;AAAA;AAAA,UAEC,4CAAC,oCAAa,WAAU,WAAU;AAAA;AAAA;AAAA,IACpC;AAAA,KACF;AAEJ;","names":["Link"]}

package/dist/components/settings-snapshots.d.cts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function PortfolioSnapshot({ assets, listings, collections }: {
+    assets: number;
+    listings: number;
+    collections: number;
+}): react_jsx_runtime.JSX.Element;
+declare function RewardsSnapshot({ address }: {
+    address?: string | null;
+}): react_jsx_runtime.JSX.Element | null;
+
+export { PortfolioSnapshot, RewardsSnapshot };

package/dist/components/settings-snapshots.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function PortfolioSnapshot({ assets, listings, collections }: {
+    assets: number;
+    listings: number;
+    collections: number;
+}): react_jsx_runtime.JSX.Element;
+declare function RewardsSnapshot({ address }: {
+    address?: string | null;
+}): react_jsx_runtime.JSX.Element | null;
+
+export { PortfolioSnapshot, RewardsSnapshot };

package/dist/components/settings-snapshots.js

@@ -0,0 +1,89 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "./link.js";
+import { ArrowUpRight, Gem, LayoutGrid, Tag, Trophy } from "lucide-react";
+import { LevelBadge } from "./rewards/level-badge.js";
+import { useRewards } from "../utils/use-rewards.js";
+function SnapshotStat({ icon: Icon, value, label }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0 text-center", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center gap-1 text-muted-foreground/70", children: /* @__PURE__ */ jsx(Icon, { className: "h-3 w-3" }) }),
+    /* @__PURE__ */ jsx("p", { className: "mt-1 text-lg font-bold tabular-nums text-foreground", children: value }),
+    /* @__PURE__ */ jsx("p", { className: "text-[10.5px] text-muted-foreground", children: label })
+  ] });
+}
+function PortfolioSnapshot({ assets, listings, collections }) {
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-2xl border border-border/60 bg-card p-5 space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("p", { className: "text-2xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Portfolio" }),
+      /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-muted-foreground/70", children: "What you own on Medialane" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center border-t border-border/60 pt-4", children: [
+      /* @__PURE__ */ jsx(SnapshotStat, { icon: Gem, value: assets, label: "Assets" }),
+      /* @__PURE__ */ jsx(SnapshotStat, { icon: Tag, value: listings, label: "Listed" }),
+      /* @__PURE__ */ jsx(SnapshotStat, { icon: LayoutGrid, value: collections, label: "Collections" })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      Link,
+      {
+        href: "/portfolio",
+        className: "flex items-center justify-center gap-1 text-xs font-medium text-primary hover:underline",
+        children: [
+          "View portfolio",
+          /* @__PURE__ */ jsx(ArrowUpRight, { className: "h-3 w-3" })
+        ]
+      }
+    )
+  ] });
+}
+function RewardsSnapshot({ address }) {
+  const { data: rewards } = useRewards(address);
+  if (!rewards) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-2xl border border-border/60 bg-card p-5 space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "text-2xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Rewards" }),
+        /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-muted-foreground/70", children: "Your creator journey" })
+      ] }),
+      /* @__PURE__ */ jsx(Trophy, { className: "h-4 w-4 text-muted-foreground/50" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "border-t border-border/60 pt-4 space-y-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx(LevelBadge, { level: rewards.currentLevel, name: rewards.currentLevelName, badgeColor: rewards.badgeColor }),
+        /* @__PURE__ */ jsxs("span", { className: "text-xs tabular-nums text-muted-foreground", children: [
+          rewards.totalXp.toLocaleString(),
+          " XP"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "h-2 rounded-full bg-muted-foreground/15 overflow-hidden", children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "h-full rounded-full",
+          style: { width: `${rewards.progressPct}%`, backgroundColor: rewards.badgeColor }
+        }
+      ) }),
+      rewards.nextLevel && /* @__PURE__ */ jsxs("p", { className: "text-[10.5px] text-muted-foreground", children: [
+        rewards.nextLevel.xpRequired - rewards.totalXp,
+        " XP to Lv.",
+        rewards.nextLevel.level,
+        " ",
+        rewards.nextLevel.name
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      Link,
+      {
+        href: "/rewards",
+        className: "flex items-center justify-center gap-1 text-xs font-medium text-primary hover:underline",
+        children: [
+          "View rewards",
+          /* @__PURE__ */ jsx(ArrowUpRight, { className: "h-3 w-3" })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  PortfolioSnapshot,
+  RewardsSnapshot
+};
+//# sourceMappingURL=settings-snapshots.js.map

package/dist/components/settings-snapshots.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/settings-snapshots.tsx"],"sourcesContent":["\"use client\";\n\nimport type React from \"react\";\nimport Link from \"./link.js\";\nimport { ArrowUpRight, Gem, LayoutGrid, Tag, Trophy } from \"lucide-react\";\nimport { LevelBadge } from \"./rewards/level-badge.js\";\nimport { useRewards } from \"../utils/use-rewards.js\";\n\nfunction SnapshotStat({ icon: Icon, value, label }: { icon: React.ElementType; value: number; label: string }) {\n  return (\n    <div className=\"flex-1 min-w-0 text-center\">\n      <div className=\"flex items-center justify-center gap-1 text-muted-foreground/70\">\n        <Icon className=\"h-3 w-3\" />\n      </div>\n      <p className=\"mt-1 text-lg font-bold tabular-nums text-foreground\">{value}</p>\n      <p className=\"text-[10.5px] text-muted-foreground\">{label}</p>\n    </div>\n  );\n}\n\nexport function PortfolioSnapshot({ assets, listings, collections }: { assets: number; listings: number; collections: number }) {\n  return (\n    <div className=\"rounded-2xl border border-border/60 bg-card p-5 space-y-4\">\n      <div>\n        <p className=\"text-2xs font-semibold uppercase tracking-wide text-muted-foreground\">Portfolio</p>\n        <p className=\"mt-0.5 text-xs text-muted-foreground/70\">What you own on Medialane</p>\n      </div>\n      <div className=\"flex items-center border-t border-border/60 pt-4\">\n        <SnapshotStat icon={Gem} value={assets} label=\"Assets\" />\n        <SnapshotStat icon={Tag} value={listings} label=\"Listed\" />\n        <SnapshotStat icon={LayoutGrid} value={collections} label=\"Collections\" />\n      </div>\n      <Link\n        href=\"/portfolio\"\n        className=\"flex items-center justify-center gap-1 text-xs font-medium text-primary hover:underline\"\n      >\n        View portfolio\n        <ArrowUpRight className=\"h-3 w-3\" />\n      </Link>\n    </div>\n  );\n}\n\nexport function RewardsSnapshot({ address }: { address?: string | null }) {\n  const { data: rewards } = useRewards(address);\n  if (!rewards) return null;\n\n  return (\n    <div className=\"rounded-2xl border border-border/60 bg-card p-5 space-y-4\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <p className=\"text-2xs font-semibold uppercase tracking-wide text-muted-foreground\">Rewards</p>\n          <p className=\"mt-0.5 text-xs text-muted-foreground/70\">Your creator journey</p>\n        </div>\n        <Trophy className=\"h-4 w-4 text-muted-foreground/50\" />\n      </div>\n      <div className=\"border-t border-border/60 pt-4 space-y-2\">\n        <div className=\"flex items-center justify-between\">\n          <LevelBadge level={rewards.currentLevel} name={rewards.currentLevelName} badgeColor={rewards.badgeColor} />\n          <span className=\"text-xs tabular-nums text-muted-foreground\">{rewards.totalXp.toLocaleString()} XP</span>\n        </div>\n        <div className=\"h-2 rounded-full bg-muted-foreground/15 overflow-hidden\">\n          <div\n            className=\"h-full rounded-full\"\n            style={{ width: `${rewards.progressPct}%`, backgroundColor: rewards.badgeColor }}\n          />\n        </div>\n        {rewards.nextLevel && (\n          <p className=\"text-[10.5px] text-muted-foreground\">\n            {rewards.nextLevel.xpRequired - rewards.totalXp} XP to Lv.{rewards.nextLevel.level} {rewards.nextLevel.name}\n          </p>\n        )}\n      </div>\n      <Link\n        href=\"/rewards\"\n        className=\"flex items-center justify-center gap-1 text-xs font-medium text-primary hover:underline\"\n      >\n        View rewards\n        <ArrowUpRight className=\"h-3 w-3\" />\n      </Link>\n    </div>\n  );\n}\n"],"mappings":";AAUI,SAEI,KAFJ;AAPJ,OAAO,UAAU;AACjB,SAAS,cAAc,KAAK,YAAY,KAAK,cAAc;AAC3D,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAE3B,SAAS,aAAa,EAAE,MAAM,MAAM,OAAO,MAAM,GAA8D;AAC7G,SACE,qBAAC,SAAI,WAAU,8BACb;AAAA,wBAAC,SAAI,WAAU,mEACb,8BAAC,QAAK,WAAU,WAAU,GAC5B;AAAA,IACA,oBAAC,OAAE,WAAU,uDAAuD,iBAAM;AAAA,IAC1E,oBAAC,OAAE,WAAU,uCAAuC,iBAAM;AAAA,KAC5D;AAEJ;AAEO,SAAS,kBAAkB,EAAE,QAAQ,UAAU,YAAY,GAA8D;AAC9H,SACE,qBAAC,SAAI,WAAU,6DACb;AAAA,yBAAC,SACC;AAAA,0BAAC,OAAE,WAAU,wEAAuE,uBAAS;AAAA,MAC7F,oBAAC,OAAE,WAAU,2CAA0C,uCAAyB;AAAA,OAClF;AAAA,IACA,qBAAC,SAAI,WAAU,oDACb;AAAA,0BAAC,gBAAa,MAAM,KAAK,OAAO,QAAQ,OAAM,UAAS;AAAA,MACvD,oBAAC,gBAAa,MAAM,KAAK,OAAO,UAAU,OAAM,UAAS;AAAA,MACzD,oBAAC,gBAAa,MAAM,YAAY,OAAO,aAAa,OAAM,eAAc;AAAA,OAC1E;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACX;AAAA;AAAA,UAEC,oBAAC,gBAAa,WAAU,WAAU;AAAA;AAAA;AAAA,IACpC;AAAA,KACF;AAEJ;AAEO,SAAS,gBAAgB,EAAE,QAAQ,GAAgC;AACxE,QAAM,EAAE,MAAM,QAAQ,IAAI,WAAW,OAAO;AAC5C,MAAI,CAAC,QAAS,QAAO;AAErB,SACE,qBAAC,SAAI,WAAU,6DACb;AAAA,yBAAC,SAAI,WAAU,qCACb;AAAA,2BAAC,SACC;AAAA,4BAAC,OAAE,WAAU,wEAAuE,qBAAO;AAAA,QAC3F,oBAAC,OAAE,WAAU,2CAA0C,kCAAoB;AAAA,SAC7E;AAAA,MACA,oBAAC,UAAO,WAAU,oCAAmC;AAAA,OACvD;AAAA,IACA,qBAAC,SAAI,WAAU,4CACb;AAAA,2BAAC,SAAI,WAAU,qCACb;AAAA,4BAAC,cAAW,OAAO,QAAQ,cAAc,MAAM,QAAQ,kBAAkB,YAAY,QAAQ,YAAY;AAAA,QACzG,qBAAC,UAAK,WAAU,8CAA8C;AAAA,kBAAQ,QAAQ,eAAe;AAAA,UAAE;AAAA,WAAG;AAAA,SACpG;AAAA,MACA,oBAAC,SAAI,WAAU,2DACb;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO,EAAE,OAAO,GAAG,QAAQ,WAAW,KAAK,iBAAiB,QAAQ,WAAW;AAAA;AAAA,MACjF,GACF;AAAA,MACC,QAAQ,aACP,qBAAC,OAAE,WAAU,uCACV;AAAA,gBAAQ,UAAU,aAAa,QAAQ;AAAA,QAAQ;AAAA,QAAW,QAAQ,UAAU;AAAA,QAAM;AAAA,QAAE,QAAQ,UAAU;AAAA,SACzG;AAAA,OAEJ;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACX;AAAA;AAAA,UAEC,oBAAC,gBAAa,WAAU,WAAU;AAAA;AAAA;AAAA,IACpC;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/sheet.d.cts

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

package/dist/components/sheet.d.ts

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

package/dist/index.cjs

@@ -24,10 +24,12 @@ __export(index_exports, {
   ACTIVITY_TYPE_CONFIG: () => import_activity.ACTIVITY_TYPE_CONFIG,
   AI_POLICIES: () => import_ip.AI_POLICIES,
   ASSET_ACCENTS: () => import_asset_accents.ASSET_ACCENTS,
+  AccountLoading: () => import_page_skeletons.AccountLoading,
   AccountSection: () => import_account_section.AccountSection,
   ActionButton: () => import_action_button.ActionButton,
   ActiveFilters: () => import_marketplace_filters.ActiveFilters,
   ActivitiesFeed: () => import_activities_feed.ActivitiesFeed,
+  ActivitiesLoading: () => import_page_skeletons.ActivitiesLoading,
   ActivityCard: () => import_activity_card.ActivityCard,
   ActivityCardSkeleton: () => import_activity_card.ActivityCardSkeleton,
   ActivityFeedShell: () => import_activity_feed_shell.ActivityFeedShell,
@@ -110,11 +112,14 @@ __export(index_exports, {
   CollectionSettings: () => import_collection_settings.CollectionSettings,
   CollectionTraitsTab: () => import_collection_traits_tab.CollectionTraitsTab,
   CollectionTypeChoices: () => import_new_collection_menu.CollectionTypeChoices,
+  CollectionsLoading: () => import_page_skeletons.CollectionsLoading,
   CollectionsPage: () => import_collections_page.CollectionsPage,
   CommentsSection: () => import_comments_section.CommentsSection,
+  CreateSponsorshipAside: () => import_create_sponsorship_aside.CreateSponsorshipAside,
   CreationRecord: () => import_creation_record.CreationRecord,
   CreatorChip: () => import_creator_chip.CreatorChip,
   CreatorHeader: () => import_creator_header.CreatorHeader,
+  CreatorLoading: () => import_page_skeletons.CreatorLoading,
   CreatorPage: () => import_creator_page.CreatorPage,
   CreatorScoreInline: () => import_creator_score_inline.CreatorScoreInline,
   CreatorsPage: () => import_creators_page.CreatorsPage,
@@ -233,6 +238,7 @@ __export(index_exports, {
   IpTypeNav: () => import_ip_type_nav.IpTypeNav,
   IpTypePage: () => import_ip_type_page.IpTypePage,
   IpfsGatewayFallback: () => import_ipfs_gateway_fallback2.IpfsGatewayFallback,
+  JourneyContent: () => import_journey_content.JourneyContent,
   JourneyPath: () => import_journey_path.JourneyPath,
   JsonLd: () => import_json_ld.JsonLd,
   KineticWords: () => import_motion_primitives.KineticWords,
@@ -267,6 +273,7 @@ __export(index_exports, {
   MarketplaceConfirmStep: () => import_marketplace_dialog_primitives.MarketplaceConfirmStep,
   MarketplaceDialogHero: () => import_marketplace_dialog_primitives.MarketplaceDialogHero,
   MarketplaceErrorState: () => import_marketplace_dialog_primitives.MarketplaceErrorState,
+  MarketplaceLoading: () => import_page_skeletons.MarketplaceLoading,
   MarketplaceProcessingState: () => import_marketplace_dialog_primitives.MarketplaceProcessingState,
   MarketplaceSearch: () => import_marketplace_search.MarketplaceSearch,
   MarketplaceSignInGate: () => import_marketplace_dialog_primitives.MarketplaceSignInGate,
@@ -315,9 +322,11 @@ __export(index_exports, {
   PortfolioChipFilter: () => import_portfolio_chip_filter.PortfolioChipFilter,
   PortfolioCollections: () => import_portfolio_collections.PortfolioCollections,
   PortfolioHeader: () => import_portfolio_header.PortfolioHeader,
+  PortfolioLoading: () => import_page_skeletons.PortfolioLoading,
   PortfolioOrders: () => import_portfolio_orders.PortfolioOrders,
   PortfolioSection: () => import_portfolio_section.PortfolioSection,
   PortfolioShell: () => import_portfolio_shell.PortfolioShell,
+  PortfolioSnapshot: () => import_settings_snapshots.PortfolioSnapshot,
   PortfolioSponsorships: () => import_portfolio_sponsorships.PortfolioSponsorships,
   PriceHistoryChart: () => import_price_history_chart.PriceHistoryChart,
   QUERY_PREFIX: () => import_query_keys.QUERY_PREFIX,
@@ -330,7 +339,10 @@ __export(index_exports, {
   ResultThumbnail: () => import_result_thumbnail.ResultThumbnail,
   RewardEarned: () => import_reward_earned.RewardEarned,
   RewardsDashboard: () => import_rewards_dashboard.RewardsDashboard,
+  RewardsPage: () => import_rewards_page.RewardsPage,
   RewardsSection: () => import_rewards_section.RewardsSection,
+  RewardsSnapshot: () => import_settings_snapshots.RewardsSnapshot,
+  RouteError: () => import_route_error.RouteError,
   SEARCH_MIN_LENGTH: () => import_use_search.SEARCH_MIN_LENGTH,
   SERVICE_HUES: () => import_launchpad_services.SERVICE_HUES,
   SINGLE_PRESET: () => import_collection_create_presets.SINGLE_PRESET,
@@ -724,6 +736,12 @@ var import_search_page = require("./components/search-page.js");
 var import_portfolio_orders = require("./components/portfolio-orders.js");
 var import_portfolio_assets = require("./components/portfolio-assets.js");
 var import_portfolio_shell = require("./components/portfolio-shell.js");
+var import_rewards_page = require("./components/rewards-page.js");
+var import_journey_content = require("./components/journey-content.js");
+var import_settings_snapshots = require("./components/settings-snapshots.js");
+var import_route_error = require("./components/route-error.js");
+var import_create_sponsorship_aside = require("./components/create-sponsorship-aside.js");
+var import_page_skeletons = require("./components/page-skeletons.js");
 var import_rewards_dashboard = require("./components/rewards/rewards-dashboard.js");
 var import_leaderboard_panel = require("./components/rewards/leaderboard-panel.js");
 var import_collection_name_claim = require("./components/collection-name-claim.js");
@@ -897,10 +915,12 @@ var import_asset_accents = require("./utils/asset-accents.js");
   ACTIVITY_TYPE_CONFIG,
   AI_POLICIES,
   ASSET_ACCENTS,
+  AccountLoading,
   AccountSection,
   ActionButton,
   ActiveFilters,
   ActivitiesFeed,
+  ActivitiesLoading,
   ActivityCard,
   ActivityCardSkeleton,
   ActivityFeedShell,
@@ -983,11 +1003,14 @@ var import_asset_accents = require("./utils/asset-accents.js");
   CollectionSettings,
   CollectionTraitsTab,
   CollectionTypeChoices,
+  CollectionsLoading,
   CollectionsPage,
   CommentsSection,
+  CreateSponsorshipAside,
   CreationRecord,
   CreatorChip,
   CreatorHeader,
+  CreatorLoading,
   CreatorPage,
   CreatorScoreInline,
   CreatorsPage,
@@ -1106,6 +1129,7 @@ var import_asset_accents = require("./utils/asset-accents.js");
   IpTypeNav,
   IpTypePage,
   IpfsGatewayFallback,
+  JourneyContent,
   JourneyPath,
   JsonLd,
   KineticWords,
@@ -1140,6 +1164,7 @@ var import_asset_accents = require("./utils/asset-accents.js");
   MarketplaceConfirmStep,
   MarketplaceDialogHero,
   MarketplaceErrorState,
+  MarketplaceLoading,
   MarketplaceProcessingState,
   MarketplaceSearch,
   MarketplaceSignInGate,
@@ -1188,9 +1213,11 @@ var import_asset_accents = require("./utils/asset-accents.js");
   PortfolioChipFilter,
   PortfolioCollections,
   PortfolioHeader,
+  PortfolioLoading,
   PortfolioOrders,
   PortfolioSection,
   PortfolioShell,
+  PortfolioSnapshot,
   PortfolioSponsorships,
   PriceHistoryChart,
   QUERY_PREFIX,
@@ -1203,7 +1230,10 @@ var import_asset_accents = require("./utils/asset-accents.js");
   ResultThumbnail,
   RewardEarned,
   RewardsDashboard,
+  RewardsPage,
   RewardsSection,
+  RewardsSnapshot,
+  RouteError,
   SEARCH_MIN_LENGTH,
   SERVICE_HUES,
   SINGLE_PRESET,