@medialane/ui 0.294.0 → 0.296.0

package/dist/components/journey-content.d.cts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function JourneyContent({ startHint }: {
+    startHint: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { JourneyContent };

package/dist/components/journey-content.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function JourneyContent({ startHint }: {
+    startHint: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { JourneyContent };

package/dist/components/journey-content.js

@@ -0,0 +1,122 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import Link from "./link.js";
+import { Sparkles, ArrowRight } from "lucide-react";
+import { useMedialaneApp } from "./medialane-app.js";
+import { LevelJourneyList } from "./rewards/level-journey-list.js";
+import { BadgeCatalog } from "./rewards/badge-catalog.js";
+import { Skeleton } from "./skeleton.js";
+import { useRewardsConfig } from "../utils/use-rewards.js";
+const EXAMPLE_ACTION_TYPES = [
+  "mint_asset",
+  "buy_asset",
+  "create_collection",
+  "comment",
+  "launch_launchpad",
+  "make_offer",
+  "join_club",
+  "list_asset"
+];
+function Hero() {
+  return /* @__PURE__ */ jsxs("section", { className: "py-14 space-y-5", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-xl bg-gradient-to-br from-brand-orange to-brand-maeve text-white shrink-0", children: /* @__PURE__ */ jsx(Sparkles, { className: "h-5 w-5" }) }),
+      /* @__PURE__ */ jsxs("h1", { className: "text-5xl sm:text-6xl font-black tracking-tight leading-[1.02]", children: [
+        "Your",
+        " ",
+        /* @__PURE__ */ jsx("span", { className: "bg-gradient-to-r from-brand-orange to-brand-maeve bg-clip-text text-transparent", children: "Journey" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("p", { className: "text-lg text-foreground/70 max-w-xl leading-relaxed font-medium", children: [
+      "Every level, every badge, every way to earn \u2014 the whole system, in one place. Check",
+      " ",
+      /* @__PURE__ */ jsx(Link, { href: "/rewards", className: "text-foreground underline underline-offset-2 hover:text-brand-orange transition-colors", children: "your own score" }),
+      " ",
+      "on Rewards."
+    ] })
+  ] });
+}
+function LevelsSection() {
+  const { data: config, isLoading } = useRewardsConfig();
+  return /* @__PURE__ */ jsxs("section", { className: "py-14 space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-2xl font-black tracking-tight", children: "The Level Ladder" }),
+      /* @__PURE__ */ jsx("p", { className: "text-base text-foreground/60 mt-1.5 font-medium", children: "50 levels, from Starter to Genesis." })
+    ] }),
+    isLoading || !config ? /* @__PURE__ */ jsx(Skeleton, { className: "h-96 w-full rounded-2xl" }) : /* @__PURE__ */ jsx(LevelJourneyList, { levels: config.levels })
+  ] });
+}
+function HowXpWorksSection() {
+  const { data: config, isLoading } = useRewardsConfig();
+  const examples = config?.actions.filter((a) => EXAMPLE_ACTION_TYPES.includes(a.type)) ?? [];
+  return /* @__PURE__ */ jsxs("section", { className: "py-14 space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "max-w-2xl", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-2xl font-black tracking-tight", children: "How XP works" }),
+      /* @__PURE__ */ jsx("p", { className: "text-base text-foreground/60 mt-1.5 font-medium leading-relaxed", children: "Every action earns real XP, automatically \u2014 no buying points, no gaming the system. Some early actions and loyalty count extra. Scores and badges are recalculated weekly." })
+    ] }),
+    isLoading || !config ? /* @__PURE__ */ jsx(Skeleton, { className: "h-40 w-full rounded-2xl" }) : /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-3", children: examples.map((a) => /* @__PURE__ */ jsxs("div", { className: "rounded-2xl bg-foreground/[0.04] p-4", children: [
+      /* @__PURE__ */ jsxs("p", { className: "text-lg font-black text-brand-orange", children: [
+        "+",
+        a.xp
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold text-foreground/60 mt-1 leading-snug", children: a.label })
+    ] }, a.type)) })
+  ] });
+}
+function BadgesSection() {
+  const { data: config, isLoading } = useRewardsConfig();
+  return /* @__PURE__ */ jsxs("section", { className: "py-14 space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-2xl font-black tracking-tight", children: "Badges" }),
+      /* @__PURE__ */ jsx("p", { className: "text-base text-foreground/60 mt-1.5 font-medium", children: "What's achievable, not just what you've done." })
+    ] }),
+    isLoading || !config ? /* @__PURE__ */ jsx(Skeleton, { className: "h-64 w-full rounded-2xl" }) : /* @__PURE__ */ jsx(BadgeCatalog, { badges: config.badges })
+  ] });
+}
+function CtaSection({ startHint }) {
+  const { onRequireWallet } = useMedialaneApp();
+  return /* @__PURE__ */ jsxs("section", { className: "py-14 pb-20 grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: onRequireWallet,
+        className: "flex items-center justify-between rounded-2xl bg-gradient-to-br from-brand-orange to-brand-maeve p-6 text-left text-white",
+        children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "font-black text-lg", children: "New here?" }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-white/80", children: startHint })
+          ] }),
+          /* @__PURE__ */ jsx(ArrowRight, { className: "h-5 w-5 shrink-0" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Link,
+      {
+        href: "/rewards",
+        className: "flex items-center justify-between rounded-2xl bg-foreground/[0.04] hover:bg-foreground/[0.07] p-6 transition-colors",
+        children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "font-black text-lg", children: "Already earning?" }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground/60", children: "Check your score." })
+          ] }),
+          /* @__PURE__ */ jsx(ArrowRight, { className: "h-5 w-5 shrink-0" })
+        ]
+      }
+    )
+  ] });
+}
+function JourneyContent({ startHint }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Hero, {}),
+    /* @__PURE__ */ jsx(LevelsSection, {}),
+    /* @__PURE__ */ jsx(HowXpWorksSection, {}),
+    /* @__PURE__ */ jsx(BadgesSection, {}),
+    /* @__PURE__ */ jsx(CtaSection, { startHint })
+  ] });
+}
+export {
+  JourneyContent
+};
+//# sourceMappingURL=journey-content.js.map

package/dist/components/journey-content.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/journey-content.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"./link.js\";\nimport { Sparkles, ArrowRight } from \"lucide-react\";\nimport { useMedialaneApp } from \"./medialane-app.js\";\nimport { LevelJourneyList } from \"./rewards/level-journey-list.js\";\nimport { BadgeCatalog } from \"./rewards/badge-catalog.js\";\nimport { Skeleton } from \"./skeleton.js\";\nimport { useRewardsConfig } from \"../utils/use-rewards.js\";\n\nconst EXAMPLE_ACTION_TYPES = [\n  \"mint_asset\", \"buy_asset\", \"create_collection\", \"comment\",\n  \"launch_launchpad\", \"make_offer\", \"join_club\", \"list_asset\",\n];\n\nfunction Hero() {\n  return (\n    <section className=\"py-14 space-y-5\">\n      <div className=\"flex items-center gap-3\">\n        <div className=\"flex h-10 w-10 items-center justify-center rounded-xl bg-gradient-to-br from-brand-orange to-brand-maeve text-white shrink-0\">\n          <Sparkles className=\"h-5 w-5\" />\n        </div>\n        <h1 className=\"text-5xl sm:text-6xl font-black tracking-tight leading-[1.02]\">\n          Your{\" \"}\n          <span className=\"bg-gradient-to-r from-brand-orange to-brand-maeve bg-clip-text text-transparent\">\n            Journey\n          </span>\n        </h1>\n      </div>\n      <p className=\"text-lg text-foreground/70 max-w-xl leading-relaxed font-medium\">\n        Every level, every badge, every way to earn — the whole system, in one place. Check{\" \"}\n        <Link href=\"/rewards\" className=\"text-foreground underline underline-offset-2 hover:text-brand-orange transition-colors\">\n          your own score\n        </Link>{\" \"}\n        on Rewards.\n      </p>\n    </section>\n  );\n}\n\nfunction LevelsSection() {\n  const { data: config, isLoading } = useRewardsConfig();\n  return (\n    <section className=\"py-14 space-y-6\">\n      <div>\n        <h2 className=\"text-2xl font-black tracking-tight\">The Level Ladder</h2>\n        <p className=\"text-base text-foreground/60 mt-1.5 font-medium\">50 levels, from Starter to Genesis.</p>\n      </div>\n      {isLoading || !config ? (\n        <Skeleton className=\"h-96 w-full rounded-2xl\" />\n      ) : (\n        <LevelJourneyList levels={config.levels} />\n      )}\n    </section>\n  );\n}\n\nfunction HowXpWorksSection() {\n  const { data: config, isLoading } = useRewardsConfig();\n  const examples = config?.actions.filter((a) => EXAMPLE_ACTION_TYPES.includes(a.type)) ?? [];\n\n  return (\n    <section className=\"py-14 space-y-6\">\n      <div className=\"max-w-2xl\">\n        <h2 className=\"text-2xl font-black tracking-tight\">How XP works</h2>\n        <p className=\"text-base text-foreground/60 mt-1.5 font-medium leading-relaxed\">\n          Every action earns real XP, automatically — no buying points, no gaming the system.\n          Some early actions and loyalty count extra. Scores and badges are\n          recalculated weekly.\n        </p>\n      </div>\n      {isLoading || !config ? (\n        <Skeleton className=\"h-40 w-full rounded-2xl\" />\n      ) : (\n        <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-3\">\n          {examples.map((a) => (\n            <div key={a.type} className=\"rounded-2xl bg-foreground/[0.04] p-4\">\n              <p className=\"text-lg font-black text-brand-orange\">+{a.xp}</p>\n              <p className=\"text-xs font-semibold text-foreground/60 mt-1 leading-snug\">{a.label}</p>\n            </div>\n          ))}\n        </div>\n      )}\n    </section>\n  );\n}\n\nfunction BadgesSection() {\n  const { data: config, isLoading } = useRewardsConfig();\n  return (\n    <section className=\"py-14 space-y-6\">\n      <div>\n        <h2 className=\"text-2xl font-black tracking-tight\">Badges</h2>\n        <p className=\"text-base text-foreground/60 mt-1.5 font-medium\">What&apos;s achievable, not just what you&apos;ve done.</p>\n      </div>\n      {isLoading || !config ? (\n        <Skeleton className=\"h-64 w-full rounded-2xl\" />\n      ) : (\n        <BadgeCatalog badges={config.badges} />\n      )}\n    </section>\n  );\n}\n\nfunction CtaSection({ startHint }: { startHint: string }) {\n  const { onRequireWallet } = useMedialaneApp();\n  return (\n    <section className=\"py-14 pb-20 grid grid-cols-1 sm:grid-cols-2 gap-4\">\n      <button\n        type=\"button\"\n        onClick={onRequireWallet}\n        className=\"flex items-center justify-between rounded-2xl bg-gradient-to-br from-brand-orange to-brand-maeve p-6 text-left text-white\"\n      >\n        <div>\n          <p className=\"font-black text-lg\">New here?</p>\n          <p className=\"text-sm font-medium text-white/80\">{startHint}</p>\n        </div>\n        <ArrowRight className=\"h-5 w-5 shrink-0\" />\n      </button>\n      <Link\n        href=\"/rewards\"\n        className=\"flex items-center justify-between rounded-2xl bg-foreground/[0.04] hover:bg-foreground/[0.07] p-6 transition-colors\"\n      >\n        <div>\n          <p className=\"font-black text-lg\">Already earning?</p>\n          <p className=\"text-sm font-medium text-foreground/60\">Check your score.</p>\n        </div>\n        <ArrowRight className=\"h-5 w-5 shrink-0\" />\n      </Link>\n    </section>\n  );\n}\n\nexport function JourneyContent({ startHint }: { startHint: string }) {\n  return (\n    <>\n      <Hero />\n      <LevelsSection />\n      <HowXpWorksSection />\n      <BadgesSection />\n      <CtaSection startHint={startHint} />\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/page-skeletons.cjs

@@ -0,0 +1,152 @@
+"use strict";
+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 page_skeletons_exports = {};
+__export(page_skeletons_exports, {
+  AccountLoading: () => AccountLoading,
+  ActivitiesLoading: () => ActivitiesLoading,
+  CollectionsLoading: () => CollectionsLoading,
+  CreatorLoading: () => CreatorLoading,
+  MarketplaceLoading: () => MarketplaceLoading,
+  PortfolioLoading: () => PortfolioLoading
+});
+module.exports = __toCommonJS(page_skeletons_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_skeleton = require("./skeleton.js");
+function AccountLoading() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "pb-20 min-h-screen", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "w-full h-48 sm:h-64 rounded-none" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "px-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "-mt-14 sm:-mt-16 relative z-10", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-end gap-x-4 gap-y-3 pb-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-[88px] w-[88px] rounded-full shrink-0 ring-[3px] ring-background" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex-1 min-w-0 pb-1 space-y-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-5 w-20 rounded-full" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-6 w-52" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-4 w-40" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-8 w-20 rounded-lg pb-1" })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "border-b border-border flex gap-1 pb-0 mb-0", children: [72, 80, 104, 76].map((w, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-10 rounded-none", style: { width: w } }, i)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-6 grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-4", children: Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-2xl border border-border overflow-hidden", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "aspect-square w-full" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "p-3 space-y-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-4 w-3/4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-3 w-1/2" })
+        ] })
+      ] }, i)) })
+    ] })
+  ] });
+}
+function CreatorLoading() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "pb-20 min-h-screen", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "w-full h-48 sm:h-64 rounded-none" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "px-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "-mt-14 sm:-mt-16 relative z-10", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-end gap-x-4 gap-y-3 pb-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-[88px] w-[88px] rounded-full shrink-0 ring-[3px] ring-background" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex-1 min-w-0 pb-1 space-y-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-5 w-20 rounded-full" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-6 w-52" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-4 w-40" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-8 w-20 rounded-lg pb-1" })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "border-b border-border flex gap-1 pb-0 mb-0", children: [72, 80, 104, 76].map((w, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-10 rounded-none", style: { width: w } }, i)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-6 grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-4", children: Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-2xl border border-border overflow-hidden", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "aspect-square w-full" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "p-3 space-y-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-4 w-3/4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-3 w-1/2" })
+        ] })
+      ] }, i)) })
+    ] })
+  ] });
+}
+function ActivitiesLoading() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mx-auto w-full px-4 sm:px-6 lg:px-8 py-8 space-y-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-4 w-24" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-9 w-40" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-4 w-72" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex gap-2", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-8 w-20 rounded-md" }, i)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rounded-xl border border-border bg-card divide-y divide-border/60 overflow-hidden", children: Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-3 px-4 py-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-8 w-8 rounded-lg shrink-0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex-1 space-y-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-3.5 w-40" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-3 w-24" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-3 w-12" })
+    ] }, i)) })
+  ] });
+}
+function CollectionsLoading() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mx-auto w-full px-4 sm:px-6 lg:px-8 py-8 space-y-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-4 w-28" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-9 w-56" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-4 w-80" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-2 lg:grid-cols-4 gap-4 sm:gap-5", children: Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative rounded-xl border border-border overflow-hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "aspect-square w-full rounded-none" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "absolute bottom-3 left-3 right-3 space-y-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-4 w-2/3 bg-muted-foreground/20" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-3 w-1/3 bg-muted-foreground/20" })
+      ] })
+    ] }, i)) })
+  ] });
+}
+function MarketplaceLoading() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "px-4 py-8 space-y-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-4 w-28" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-8 w-56" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-4 w-96" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-3 pb-2 border-b border-border/60", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-9 w-full sm:max-w-sm" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-7 w-full" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-4", children: Array.from({ length: 12 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-xl border border-border bg-card overflow-hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "aspect-square w-full" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "p-3 space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-4 w-3/4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-3 w-1/2" })
+      ] })
+    ] }, i)) })
+  ] });
+}
+function PortfolioLoading() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mx-auto w-full px-4 sm:px-6 lg:px-8 py-8 space-y-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-9 w-36" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-4 w-56" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex gap-1", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-9 w-28 rounded-md" }, i)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "space-y-3", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-20 w-full rounded-xl" }, i)) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AccountLoading,
+  ActivitiesLoading,
+  CollectionsLoading,
+  CreatorLoading,
+  MarketplaceLoading,
+  PortfolioLoading
+});
+//# sourceMappingURL=page-skeletons.cjs.map

package/dist/components/page-skeletons.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/page-skeletons.tsx"],"sourcesContent":["import { Skeleton } from \"./skeleton.js\";\n\nexport function AccountLoading() {\n  return (\n    <div className=\"pb-20 min-h-screen\">\n\n      <Skeleton className=\"w-full h-48 sm:h-64 rounded-none\" />\n\n      <div className=\"px-6\">\n\n        <div className=\"-mt-14 sm:-mt-16 relative z-10\">\n          <div className=\"flex flex-wrap items-end gap-x-4 gap-y-3 pb-6\">\n            <Skeleton className=\"h-[88px] w-[88px] rounded-full shrink-0 ring-[3px] ring-background\" />\n            <div className=\"flex-1 min-w-0 pb-1 space-y-2\">\n              <Skeleton className=\"h-5 w-20 rounded-full\" />\n              <Skeleton className=\"h-6 w-52\" />\n              <Skeleton className=\"h-4 w-40\" />\n            </div>\n            <Skeleton className=\"h-8 w-20 rounded-lg pb-1\" />\n          </div>\n        </div>\n\n        <div className=\"border-b border-border flex gap-1 pb-0 mb-0\">\n          {[72, 80, 104, 76].map((w, i) => (\n            <Skeleton key={i} className=\"h-10 rounded-none\" style={{ width: w }} />\n          ))}\n        </div>\n\n        <div className=\"mt-6 grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-4\">\n          {Array.from({ length: 8 }).map((_, i) => (\n            <div key={i} className=\"rounded-2xl border border-border overflow-hidden\">\n              <Skeleton className=\"aspect-square w-full\" />\n              <div className=\"p-3 space-y-2\">\n                <Skeleton className=\"h-4 w-3/4\" />\n                <Skeleton className=\"h-3 w-1/2\" />\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport function CreatorLoading() {\n  return (\n    <div className=\"pb-20 min-h-screen\">\n\n      <Skeleton className=\"w-full h-48 sm:h-64 rounded-none\" />\n\n      <div className=\"px-6\">\n\n        <div className=\"-mt-14 sm:-mt-16 relative z-10\">\n          <div className=\"flex flex-wrap items-end gap-x-4 gap-y-3 pb-6\">\n            <Skeleton className=\"h-[88px] w-[88px] rounded-full shrink-0 ring-[3px] ring-background\" />\n            <div className=\"flex-1 min-w-0 pb-1 space-y-2\">\n              <Skeleton className=\"h-5 w-20 rounded-full\" />\n              <Skeleton className=\"h-6 w-52\" />\n              <Skeleton className=\"h-4 w-40\" />\n            </div>\n            <Skeleton className=\"h-8 w-20 rounded-lg pb-1\" />\n          </div>\n        </div>\n\n        <div className=\"border-b border-border flex gap-1 pb-0 mb-0\">\n          {[72, 80, 104, 76].map((w, i) => (\n            <Skeleton key={i} className=\"h-10 rounded-none\" style={{ width: w }} />\n          ))}\n        </div>\n\n        <div className=\"mt-6 grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-4\">\n          {Array.from({ length: 8 }).map((_, i) => (\n            <div key={i} className=\"rounded-2xl border border-border overflow-hidden\">\n              <Skeleton className=\"aspect-square w-full\" />\n              <div className=\"p-3 space-y-2\">\n                <Skeleton className=\"h-4 w-3/4\" />\n                <Skeleton className=\"h-3 w-1/2\" />\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport function ActivitiesLoading() {\n  return (\n    <div className=\"mx-auto w-full px-4 sm:px-6 lg:px-8 py-8 space-y-6\">\n      <div className=\"space-y-1\">\n        <Skeleton className=\"h-4 w-24\" />\n        <Skeleton className=\"h-9 w-40\" />\n        <Skeleton className=\"h-4 w-72\" />\n      </div>\n      <div className=\"flex gap-2\">\n        {Array.from({ length: 5 }).map((_, i) => (\n          <Skeleton key={i} className=\"h-8 w-20 rounded-md\" />\n        ))}\n      </div>\n      <div className=\"rounded-xl border border-border bg-card divide-y divide-border/60 overflow-hidden\">\n        {Array.from({ length: 10 }).map((_, i) => (\n          <div key={i} className=\"flex items-center gap-3 px-4 py-3\">\n            <Skeleton className=\"h-8 w-8 rounded-lg shrink-0\" />\n            <div className=\"flex-1 space-y-1.5\">\n              <Skeleton className=\"h-3.5 w-40\" />\n              <Skeleton className=\"h-3 w-24\" />\n            </div>\n            <Skeleton className=\"h-3 w-12\" />\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nexport function CollectionsLoading() {\n  return (\n    <div className=\"mx-auto w-full px-4 sm:px-6 lg:px-8 py-8 space-y-8\">\n      <div className=\"space-y-2\">\n        <Skeleton className=\"h-4 w-28\" />\n        <Skeleton className=\"h-9 w-56\" />\n        <Skeleton className=\"h-4 w-80\" />\n      </div>\n      <div className=\"grid grid-cols-2 lg:grid-cols-4 gap-4 sm:gap-5\">\n        {Array.from({ length: 8 }).map((_, i) => (\n          <div key={i} className=\"relative rounded-xl border border-border overflow-hidden\">\n            <Skeleton className=\"aspect-square w-full rounded-none\" />\n            <div className=\"absolute bottom-3 left-3 right-3 space-y-1.5\">\n              <Skeleton className=\"h-4 w-2/3 bg-muted-foreground/20\" />\n              <Skeleton className=\"h-3 w-1/3 bg-muted-foreground/20\" />\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nexport function MarketplaceLoading() {\n  return (\n    <div className=\"px-4 py-8 space-y-6\">\n      <div className=\"space-y-1\">\n        <Skeleton className=\"h-4 w-28\" />\n        <Skeleton className=\"h-8 w-56\" />\n        <Skeleton className=\"h-4 w-96\" />\n      </div>\n      <div className=\"space-y-3 pb-2 border-b border-border/60\">\n        <Skeleton className=\"h-9 w-full sm:max-w-sm\" />\n        <Skeleton className=\"h-7 w-full\" />\n      </div>\n      <div className=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-4\">\n        {Array.from({ length: 12 }).map((_, i) => (\n          <div key={i} className=\"rounded-xl border border-border bg-card overflow-hidden\">\n            <Skeleton className=\"aspect-square w-full\" />\n            <div className=\"p-3 space-y-2\">\n              <Skeleton className=\"h-4 w-3/4\" />\n              <Skeleton className=\"h-3 w-1/2\" />\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nexport function PortfolioLoading() {\n  return (\n    <div className=\"mx-auto w-full px-4 sm:px-6 lg:px-8 py-8 space-y-6\">\n      <div className=\"space-y-1\">\n        <Skeleton className=\"h-9 w-36\" />\n        <Skeleton className=\"h-4 w-56\" />\n      </div>\n      <div className=\"flex gap-1\">\n        {Array.from({ length: 6 }).map((_, i) => (\n          <Skeleton key={i} className=\"h-9 w-28 rounded-md\" />\n        ))}\n      </div>\n      <div className=\"space-y-3\">\n        {Array.from({ length: 6 }).map((_, i) => (\n          <Skeleton key={i} className=\"h-20 w-full rounded-xl\" />\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/page-skeletons.d.cts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function AccountLoading(): react_jsx_runtime.JSX.Element;
+declare function CreatorLoading(): react_jsx_runtime.JSX.Element;
+declare function ActivitiesLoading(): react_jsx_runtime.JSX.Element;
+declare function CollectionsLoading(): react_jsx_runtime.JSX.Element;
+declare function MarketplaceLoading(): react_jsx_runtime.JSX.Element;
+declare function PortfolioLoading(): react_jsx_runtime.JSX.Element;
+
+export { AccountLoading, ActivitiesLoading, CollectionsLoading, CreatorLoading, MarketplaceLoading, PortfolioLoading };

package/dist/components/page-skeletons.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function AccountLoading(): react_jsx_runtime.JSX.Element;
+declare function CreatorLoading(): react_jsx_runtime.JSX.Element;
+declare function ActivitiesLoading(): react_jsx_runtime.JSX.Element;
+declare function CollectionsLoading(): react_jsx_runtime.JSX.Element;
+declare function MarketplaceLoading(): react_jsx_runtime.JSX.Element;
+declare function PortfolioLoading(): react_jsx_runtime.JSX.Element;
+
+export { AccountLoading, ActivitiesLoading, CollectionsLoading, CreatorLoading, MarketplaceLoading, PortfolioLoading };

package/dist/components/page-skeletons.js

@@ -0,0 +1,123 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Skeleton } from "./skeleton.js";
+function AccountLoading() {
+  return /* @__PURE__ */ jsxs("div", { className: "pb-20 min-h-screen", children: [
+    /* @__PURE__ */ jsx(Skeleton, { className: "w-full h-48 sm:h-64 rounded-none" }),
+    /* @__PURE__ */ jsxs("div", { className: "px-6", children: [
+      /* @__PURE__ */ jsx("div", { className: "-mt-14 sm:-mt-16 relative z-10", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-end gap-x-4 gap-y-3 pb-6", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-[88px] w-[88px] rounded-full shrink-0 ring-[3px] ring-background" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0 pb-1 space-y-2", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-20 rounded-full" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-52" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-40" })
+        ] }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-20 rounded-lg pb-1" })
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: "border-b border-border flex gap-1 pb-0 mb-0", children: [72, 80, 104, 76].map((w, i) => /* @__PURE__ */ jsx(Skeleton, { className: "h-10 rounded-none", style: { width: w } }, i)) }),
+      /* @__PURE__ */ jsx("div", { className: "mt-6 grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-4", children: Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "rounded-2xl border border-border overflow-hidden", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "aspect-square w-full" }),
+        /* @__PURE__ */ jsxs("div", { className: "p-3 space-y-2", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-3/4" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-1/2" })
+        ] })
+      ] }, i)) })
+    ] })
+  ] });
+}
+function CreatorLoading() {
+  return /* @__PURE__ */ jsxs("div", { className: "pb-20 min-h-screen", children: [
+    /* @__PURE__ */ jsx(Skeleton, { className: "w-full h-48 sm:h-64 rounded-none" }),
+    /* @__PURE__ */ jsxs("div", { className: "px-6", children: [
+      /* @__PURE__ */ jsx("div", { className: "-mt-14 sm:-mt-16 relative z-10", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-end gap-x-4 gap-y-3 pb-6", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-[88px] w-[88px] rounded-full shrink-0 ring-[3px] ring-background" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0 pb-1 space-y-2", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-20 rounded-full" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-52" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-40" })
+        ] }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-20 rounded-lg pb-1" })
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: "border-b border-border flex gap-1 pb-0 mb-0", children: [72, 80, 104, 76].map((w, i) => /* @__PURE__ */ jsx(Skeleton, { className: "h-10 rounded-none", style: { width: w } }, i)) }),
+      /* @__PURE__ */ jsx("div", { className: "mt-6 grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-4", children: Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "rounded-2xl border border-border overflow-hidden", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "aspect-square w-full" }),
+        /* @__PURE__ */ jsxs("div", { className: "p-3 space-y-2", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-3/4" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-1/2" })
+        ] })
+      ] }, i)) })
+    ] })
+  ] });
+}
+function ActivitiesLoading() {
+  return /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full px-4 sm:px-6 lg:px-8 py-8 space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-40" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-72" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-20 rounded-md" }, i)) }),
+    /* @__PURE__ */ jsx("div", { className: "rounded-xl border border-border bg-card divide-y divide-border/60 overflow-hidden", children: Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-4 py-3", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-8 rounded-lg shrink-0" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-1.5", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-40" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-24" })
+      ] }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-12" })
+    ] }, i)) })
+  ] });
+}
+function CollectionsLoading() {
+  return /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full px-4 sm:px-6 lg:px-8 py-8 space-y-8", children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-28" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-56" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-80" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 lg:grid-cols-4 gap-4 sm:gap-5", children: Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "relative rounded-xl border border-border overflow-hidden", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "aspect-square w-full rounded-none" }),
+      /* @__PURE__ */ jsxs("div", { className: "absolute bottom-3 left-3 right-3 space-y-1.5", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-2/3 bg-muted-foreground/20" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-1/3 bg-muted-foreground/20" })
+      ] })
+    ] }, i)) })
+  ] });
+}
+function MarketplaceLoading() {
+  return /* @__PURE__ */ jsxs("div", { className: "px-4 py-8 space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-28" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-56" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-96" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-3 pb-2 border-b border-border/60", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full sm:max-w-sm" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-full" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-4", children: Array.from({ length: 12 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-border bg-card overflow-hidden", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "aspect-square w-full" }),
+      /* @__PURE__ */ jsxs("div", { className: "p-3 space-y-2", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-3/4" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-1/2" })
+      ] })
+    ] }, i)) })
+  ] });
+}
+function PortfolioLoading() {
+  return /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full px-4 sm:px-6 lg:px-8 py-8 space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-36" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-56" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex gap-1", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-28 rounded-md" }, i)) }),
+    /* @__PURE__ */ jsx("div", { className: "space-y-3", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx(Skeleton, { className: "h-20 w-full rounded-xl" }, i)) })
+  ] });
+}
+export {
+  AccountLoading,
+  ActivitiesLoading,
+  CollectionsLoading,
+  CreatorLoading,
+  MarketplaceLoading,
+  PortfolioLoading
+};
+//# sourceMappingURL=page-skeletons.js.map

package/dist/components/page-skeletons.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/page-skeletons.tsx"],"sourcesContent":["import { Skeleton } from \"./skeleton.js\";\n\nexport function AccountLoading() {\n  return (\n    <div className=\"pb-20 min-h-screen\">\n\n      <Skeleton className=\"w-full h-48 sm:h-64 rounded-none\" />\n\n      <div className=\"px-6\">\n\n        <div className=\"-mt-14 sm:-mt-16 relative z-10\">\n          <div className=\"flex flex-wrap items-end gap-x-4 gap-y-3 pb-6\">\n            <Skeleton className=\"h-[88px] w-[88px] rounded-full shrink-0 ring-[3px] ring-background\" />\n            <div className=\"flex-1 min-w-0 pb-1 space-y-2\">\n              <Skeleton className=\"h-5 w-20 rounded-full\" />\n              <Skeleton className=\"h-6 w-52\" />\n              <Skeleton className=\"h-4 w-40\" />\n            </div>\n            <Skeleton className=\"h-8 w-20 rounded-lg pb-1\" />\n          </div>\n        </div>\n\n        <div className=\"border-b border-border flex gap-1 pb-0 mb-0\">\n          {[72, 80, 104, 76].map((w, i) => (\n            <Skeleton key={i} className=\"h-10 rounded-none\" style={{ width: w }} />\n          ))}\n        </div>\n\n        <div className=\"mt-6 grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-4\">\n          {Array.from({ length: 8 }).map((_, i) => (\n            <div key={i} className=\"rounded-2xl border border-border overflow-hidden\">\n              <Skeleton className=\"aspect-square w-full\" />\n              <div className=\"p-3 space-y-2\">\n                <Skeleton className=\"h-4 w-3/4\" />\n                <Skeleton className=\"h-3 w-1/2\" />\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport function CreatorLoading() {\n  return (\n    <div className=\"pb-20 min-h-screen\">\n\n      <Skeleton className=\"w-full h-48 sm:h-64 rounded-none\" />\n\n      <div className=\"px-6\">\n\n        <div className=\"-mt-14 sm:-mt-16 relative z-10\">\n          <div className=\"flex flex-wrap items-end gap-x-4 gap-y-3 pb-6\">\n            <Skeleton className=\"h-[88px] w-[88px] rounded-full shrink-0 ring-[3px] ring-background\" />\n            <div className=\"flex-1 min-w-0 pb-1 space-y-2\">\n              <Skeleton className=\"h-5 w-20 rounded-full\" />\n              <Skeleton className=\"h-6 w-52\" />\n              <Skeleton className=\"h-4 w-40\" />\n            </div>\n            <Skeleton className=\"h-8 w-20 rounded-lg pb-1\" />\n          </div>\n        </div>\n\n        <div className=\"border-b border-border flex gap-1 pb-0 mb-0\">\n          {[72, 80, 104, 76].map((w, i) => (\n            <Skeleton key={i} className=\"h-10 rounded-none\" style={{ width: w }} />\n          ))}\n        </div>\n\n        <div className=\"mt-6 grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-4\">\n          {Array.from({ length: 8 }).map((_, i) => (\n            <div key={i} className=\"rounded-2xl border border-border overflow-hidden\">\n              <Skeleton className=\"aspect-square w-full\" />\n              <div className=\"p-3 space-y-2\">\n                <Skeleton className=\"h-4 w-3/4\" />\n                <Skeleton className=\"h-3 w-1/2\" />\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport function ActivitiesLoading() {\n  return (\n    <div className=\"mx-auto w-full px-4 sm:px-6 lg:px-8 py-8 space-y-6\">\n      <div className=\"space-y-1\">\n        <Skeleton className=\"h-4 w-24\" />\n        <Skeleton className=\"h-9 w-40\" />\n        <Skeleton className=\"h-4 w-72\" />\n      </div>\n      <div className=\"flex gap-2\">\n        {Array.from({ length: 5 }).map((_, i) => (\n          <Skeleton key={i} className=\"h-8 w-20 rounded-md\" />\n        ))}\n      </div>\n      <div className=\"rounded-xl border border-border bg-card divide-y divide-border/60 overflow-hidden\">\n        {Array.from({ length: 10 }).map((_, i) => (\n          <div key={i} className=\"flex items-center gap-3 px-4 py-3\">\n            <Skeleton className=\"h-8 w-8 rounded-lg shrink-0\" />\n            <div className=\"flex-1 space-y-1.5\">\n              <Skeleton className=\"h-3.5 w-40\" />\n              <Skeleton className=\"h-3 w-24\" />\n            </div>\n            <Skeleton className=\"h-3 w-12\" />\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nexport function CollectionsLoading() {\n  return (\n    <div className=\"mx-auto w-full px-4 sm:px-6 lg:px-8 py-8 space-y-8\">\n      <div className=\"space-y-2\">\n        <Skeleton className=\"h-4 w-28\" />\n        <Skeleton className=\"h-9 w-56\" />\n        <Skeleton className=\"h-4 w-80\" />\n      </div>\n      <div className=\"grid grid-cols-2 lg:grid-cols-4 gap-4 sm:gap-5\">\n        {Array.from({ length: 8 }).map((_, i) => (\n          <div key={i} className=\"relative rounded-xl border border-border overflow-hidden\">\n            <Skeleton className=\"aspect-square w-full rounded-none\" />\n            <div className=\"absolute bottom-3 left-3 right-3 space-y-1.5\">\n              <Skeleton className=\"h-4 w-2/3 bg-muted-foreground/20\" />\n              <Skeleton className=\"h-3 w-1/3 bg-muted-foreground/20\" />\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nexport function MarketplaceLoading() {\n  return (\n    <div className=\"px-4 py-8 space-y-6\">\n      <div className=\"space-y-1\">\n        <Skeleton className=\"h-4 w-28\" />\n        <Skeleton className=\"h-8 w-56\" />\n        <Skeleton className=\"h-4 w-96\" />\n      </div>\n      <div className=\"space-y-3 pb-2 border-b border-border/60\">\n        <Skeleton className=\"h-9 w-full sm:max-w-sm\" />\n        <Skeleton className=\"h-7 w-full\" />\n      </div>\n      <div className=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-4\">\n        {Array.from({ length: 12 }).map((_, i) => (\n          <div key={i} className=\"rounded-xl border border-border bg-card overflow-hidden\">\n            <Skeleton className=\"aspect-square w-full\" />\n            <div className=\"p-3 space-y-2\">\n              <Skeleton className=\"h-4 w-3/4\" />\n              <Skeleton className=\"h-3 w-1/2\" />\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nexport function PortfolioLoading() {\n  return (\n    <div className=\"mx-auto w-full px-4 sm:px-6 lg:px-8 py-8 space-y-6\">\n      <div className=\"space-y-1\">\n        <Skeleton className=\"h-9 w-36\" />\n        <Skeleton className=\"h-4 w-56\" />\n      </div>\n      <div className=\"flex gap-1\">\n        {Array.from({ length: 6 }).map((_, i) => (\n          <Skeleton key={i} className=\"h-9 w-28 rounded-md\" />\n        ))}\n      </div>\n      <div className=\"space-y-3\">\n        {Array.from({ length: 6 }).map((_, i) => (\n          <Skeleton key={i} className=\"h-20 w-full rounded-xl\" />\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/rewards-page.cjs

@@ -0,0 +1,41 @@
+"use strict";
+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 rewards_page_exports = {};
+__export(rewards_page_exports, {
+  RewardsPage: () => RewardsPage
+});
+module.exports = __toCommonJS(rewards_page_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_react = require("lucide-react");
+var import_page_container = require("./page-container.js");
+var import_rewards_dashboard = require("./rewards/rewards-dashboard.js");
+function RewardsPage() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_page_container.PageContainer, { className: "box-border max-w-full pt-20 pb-16 space-y-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_rewards_dashboard.RewardsDashboard, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("footer", { className: "rounded-2xl border border-border/40 bg-muted/20 px-5 py-4 flex items-start gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Info, { className: "h-4 w-4 text-muted-foreground shrink-0 mt-0.5" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground leading-relaxed", children: "The community can adjust point values and badge criteria over time to keep the fund fair as Medialane grows. Your share of each distribution is set when that distribution goes out." })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RewardsPage
+});
+//# sourceMappingURL=rewards-page.cjs.map

package/dist/components/rewards-page.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/rewards-page.tsx"],"sourcesContent":["import { Info } from \"lucide-react\";\nimport { PageContainer } from \"./page-container.js\";\nimport { RewardsDashboard } from \"./rewards/rewards-dashboard.js\";\n\nexport function RewardsPage() {\n  return (\n    <PageContainer className=\"box-border max-w-full pt-20 pb-16 space-y-8\">\n      <RewardsDashboard />\n\n      <footer className=\"rounded-2xl border border-border/40 bg-muted/20 px-5 py-4 flex items-start gap-3\">\n        <Info className=\"h-4 w-4 text-muted-foreground shrink-0 mt-0.5\" />\n        <p className=\"text-xs text-muted-foreground leading-relaxed\">\n          The community can adjust point values and badge criteria over time to\n          keep the fund fair as Medialane grows. Your share of each distribution is\n          set when that distribution goes out.\n        </p>\n      </footer>\n    </PageContainer>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOM;AAPN,0BAAqB;AACrB,4BAA8B;AAC9B,+BAAiC;AAE1B,SAAS,cAAc;AAC5B,SACE,6CAAC,uCAAc,WAAU,+CACvB;AAAA,gDAAC,6CAAiB;AAAA,IAElB,6CAAC,YAAO,WAAU,oFAChB;AAAA,kDAAC,4BAAK,WAAU,iDAAgD;AAAA,MAChE,4CAAC,OAAE,WAAU,iDAAgD,kMAI7D;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/rewards-page.d.cts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function RewardsPage(): react_jsx_runtime.JSX.Element;
+
+export { RewardsPage };

package/dist/components/rewards-page.d.ts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function RewardsPage(): react_jsx_runtime.JSX.Element;
+
+export { RewardsPage };

package/dist/components/rewards-page.js

@@ -0,0 +1,17 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Info } from "lucide-react";
+import { PageContainer } from "./page-container.js";
+import { RewardsDashboard } from "./rewards/rewards-dashboard.js";
+function RewardsPage() {
+  return /* @__PURE__ */ jsxs(PageContainer, { className: "box-border max-w-full pt-20 pb-16 space-y-8", children: [
+    /* @__PURE__ */ jsx(RewardsDashboard, {}),
+    /* @__PURE__ */ jsxs("footer", { className: "rounded-2xl border border-border/40 bg-muted/20 px-5 py-4 flex items-start gap-3", children: [
+      /* @__PURE__ */ jsx(Info, { className: "h-4 w-4 text-muted-foreground shrink-0 mt-0.5" }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground leading-relaxed", children: "The community can adjust point values and badge criteria over time to keep the fund fair as Medialane grows. Your share of each distribution is set when that distribution goes out." })
+    ] })
+  ] });
+}
+export {
+  RewardsPage
+};
+//# sourceMappingURL=rewards-page.js.map

package/dist/components/rewards-page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/rewards-page.tsx"],"sourcesContent":["import { Info } from \"lucide-react\";\nimport { PageContainer } from \"./page-container.js\";\nimport { RewardsDashboard } from \"./rewards/rewards-dashboard.js\";\n\nexport function RewardsPage() {\n  return (\n    <PageContainer className=\"box-border max-w-full pt-20 pb-16 space-y-8\">\n      <RewardsDashboard />\n\n      <footer className=\"rounded-2xl border border-border/40 bg-muted/20 px-5 py-4 flex items-start gap-3\">\n        <Info className=\"h-4 w-4 text-muted-foreground shrink-0 mt-0.5\" />\n        <p className=\"text-xs text-muted-foreground leading-relaxed\">\n          The community can adjust point values and badge criteria over time to\n          keep the fund fair as Medialane grows. Your share of each distribution is\n          set when that distribution goes out.\n        </p>\n      </footer>\n    </PageContainer>\n  );\n}\n"],"mappings":"AAOM,cAEA,YAFA;AAPN,SAAS,YAAY;AACrB,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AAE1B,SAAS,cAAc;AAC5B,SACE,qBAAC,iBAAc,WAAU,+CACvB;AAAA,wBAAC,oBAAiB;AAAA,IAElB,qBAAC,YAAO,WAAU,oFAChB;AAAA,0BAAC,QAAK,WAAU,iDAAgD;AAAA,MAChE,oBAAC,OAAE,WAAU,iDAAgD,kMAI7D;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}