@medialane/ui 0.294.0 → 0.295.0

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

package/dist/components/route-error.cjs

@@ -0,0 +1,65 @@
+"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 route_error_exports = {};
+__export(route_error_exports, {
+  RouteError: () => RouteError
+});
+module.exports = __toCommonJS(route_error_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_button = require("./button.js");
+var import_lucide_react = require("lucide-react");
+function isStaleChunkError(error) {
+  return /ChunkLoadError|Loading chunk .* failed|dynamically imported module|Importing a module script failed/i.test(
+    `${error.name} ${error.message}`
+  );
+}
+function RouteError({
+  error,
+  reset
+}) {
+  (0, import_react.useEffect)(() => {
+    console.error(error);
+    if (isStaleChunkError(error) && !sessionStorage.getItem("ml_chunk_reload")) {
+      sessionStorage.setItem("ml_chunk_reload", "1");
+      window.location.reload();
+    }
+  }, [error]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col items-center justify-center min-h-[60vh] px-4 text-center space-y-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-14 w-14 rounded-2xl bg-destructive/10 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.AlertTriangle, { className: "h-7 w-7 text-destructive" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "text-2xl font-bold", children: "Reload to continue" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground text-sm max-w-xs", children: "This page is ready to reload." }),
+      error.digest && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-2xs text-muted-foreground/60 tabular-nums", children: [
+        "Error ID: ",
+        error.digest
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_button.Button, { onClick: reset, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.RefreshCw, { className: "h-4 w-4 mr-2" }),
+      "Reload"
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RouteError
+});
+//# sourceMappingURL=route-error.cjs.map

package/dist/components/route-error.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/route-error.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect } from \"react\";\nimport { Button } from \"./button.js\";\nimport { AlertTriangle, RefreshCw } from \"lucide-react\";\n\nfunction isStaleChunkError(error: Error): boolean {\n  return /ChunkLoadError|Loading chunk .* failed|dynamically imported module|Importing a module script failed/i.test(\n    `${error.name} ${error.message}`\n  );\n}\n\nexport function RouteError({\n  error,\n  reset,\n}: {\n  error: Error & { digest?: string };\n  reset: () => void;\n}) {\n  useEffect(() => {\n    console.error(error);\n\n    if (isStaleChunkError(error) && !sessionStorage.getItem(\"ml_chunk_reload\")) {\n      sessionStorage.setItem(\"ml_chunk_reload\", \"1\");\n      window.location.reload();\n    }\n  }, [error]);\n\n  return (\n    <div className=\"flex flex-col items-center justify-center min-h-[60vh] px-4 text-center space-y-6\">\n      <div className=\"h-14 w-14 rounded-2xl bg-destructive/10 flex items-center justify-center\">\n        <AlertTriangle className=\"h-7 w-7 text-destructive\" />\n      </div>\n      <div className=\"space-y-2\">\n        <h1 className=\"text-2xl font-bold\">Reload to continue</h1>\n        <p className=\"text-muted-foreground text-sm max-w-xs\">\n          This page is ready to reload.\n        </p>\n        {error.digest && (\n          <p className=\"text-2xs text-muted-foreground/60 tabular-nums\">\n            Error ID: {error.digest}\n          </p>\n        )}\n      </div>\n      <Button onClick={reset}>\n        <RefreshCw className=\"h-4 w-4 mr-2\" />\n        Reload\n      </Button>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BQ;AA7BR,mBAA0B;AAC1B,oBAAuB;AACvB,0BAAyC;AAEzC,SAAS,kBAAkB,OAAuB;AAChD,SAAO,uGAAuG;AAAA,IAC5G,GAAG,MAAM,IAAI,IAAI,MAAM,OAAO;AAAA,EAChC;AACF;AAEO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AACF,GAGG;AACD,8BAAU,MAAM;AACd,YAAQ,MAAM,KAAK;AAEnB,QAAI,kBAAkB,KAAK,KAAK,CAAC,eAAe,QAAQ,iBAAiB,GAAG;AAC1E,qBAAe,QAAQ,mBAAmB,GAAG;AAC7C,aAAO,SAAS,OAAO;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,SACE,6CAAC,SAAI,WAAU,qFACb;AAAA,gDAAC,SAAI,WAAU,4EACb,sDAAC,qCAAc,WAAU,4BAA2B,GACtD;AAAA,IACA,6CAAC,SAAI,WAAU,aACb;AAAA,kDAAC,QAAG,WAAU,sBAAqB,gCAAkB;AAAA,MACrD,4CAAC,OAAE,WAAU,0CAAyC,2CAEtD;AAAA,MACC,MAAM,UACL,6CAAC,OAAE,WAAU,kDAAiD;AAAA;AAAA,QACjD,MAAM;AAAA,SACnB;AAAA,OAEJ;AAAA,IACA,6CAAC,wBAAO,SAAS,OACf;AAAA,kDAAC,iCAAU,WAAU,gBAAe;AAAA,MAAE;AAAA,OAExC;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/route-error.d.cts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function RouteError({ error, reset, }: {
+    error: Error & {
+        digest?: string;
+    };
+    reset: () => void;
+}): react_jsx_runtime.JSX.Element;
+
+export { RouteError };

package/dist/components/route-error.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function RouteError({ error, reset, }: {
+    error: Error & {
+        digest?: string;
+    };
+    reset: () => void;
+}): react_jsx_runtime.JSX.Element;
+
+export { RouteError };

package/dist/components/route-error.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { Button } from "./button.js";
+import { AlertTriangle, RefreshCw } from "lucide-react";
+function isStaleChunkError(error) {
+  return /ChunkLoadError|Loading chunk .* failed|dynamically imported module|Importing a module script failed/i.test(
+    `${error.name} ${error.message}`
+  );
+}
+function RouteError({
+  error,
+  reset
+}) {
+  useEffect(() => {
+    console.error(error);
+    if (isStaleChunkError(error) && !sessionStorage.getItem("ml_chunk_reload")) {
+      sessionStorage.setItem("ml_chunk_reload", "1");
+      window.location.reload();
+    }
+  }, [error]);
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center min-h-[60vh] px-4 text-center space-y-6", children: [
+    /* @__PURE__ */ jsx("div", { className: "h-14 w-14 rounded-2xl bg-destructive/10 flex items-center justify-center", children: /* @__PURE__ */ jsx(AlertTriangle, { className: "h-7 w-7 text-destructive" }) }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold", children: "Reload to continue" }),
+      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm max-w-xs", children: "This page is ready to reload." }),
+      error.digest && /* @__PURE__ */ jsxs("p", { className: "text-2xs text-muted-foreground/60 tabular-nums", children: [
+        "Error ID: ",
+        error.digest
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Button, { onClick: reset, children: [
+      /* @__PURE__ */ jsx(RefreshCw, { className: "h-4 w-4 mr-2" }),
+      "Reload"
+    ] })
+  ] });
+}
+export {
+  RouteError
+};
+//# sourceMappingURL=route-error.js.map

package/dist/components/route-error.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/route-error.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect } from \"react\";\nimport { Button } from \"./button.js\";\nimport { AlertTriangle, RefreshCw } from \"lucide-react\";\n\nfunction isStaleChunkError(error: Error): boolean {\n  return /ChunkLoadError|Loading chunk .* failed|dynamically imported module|Importing a module script failed/i.test(\n    `${error.name} ${error.message}`\n  );\n}\n\nexport function RouteError({\n  error,\n  reset,\n}: {\n  error: Error & { digest?: string };\n  reset: () => void;\n}) {\n  useEffect(() => {\n    console.error(error);\n\n    if (isStaleChunkError(error) && !sessionStorage.getItem(\"ml_chunk_reload\")) {\n      sessionStorage.setItem(\"ml_chunk_reload\", \"1\");\n      window.location.reload();\n    }\n  }, [error]);\n\n  return (\n    <div className=\"flex flex-col items-center justify-center min-h-[60vh] px-4 text-center space-y-6\">\n      <div className=\"h-14 w-14 rounded-2xl bg-destructive/10 flex items-center justify-center\">\n        <AlertTriangle className=\"h-7 w-7 text-destructive\" />\n      </div>\n      <div className=\"space-y-2\">\n        <h1 className=\"text-2xl font-bold\">Reload to continue</h1>\n        <p className=\"text-muted-foreground text-sm max-w-xs\">\n          This page is ready to reload.\n        </p>\n        {error.digest && (\n          <p className=\"text-2xs text-muted-foreground/60 tabular-nums\">\n            Error ID: {error.digest}\n          </p>\n        )}\n      </div>\n      <Button onClick={reset}>\n        <RefreshCw className=\"h-4 w-4 mr-2\" />\n        Reload\n      </Button>\n    </div>\n  );\n}\n"],"mappings":";AA+BQ,cAQE,YARF;AA7BR,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AACvB,SAAS,eAAe,iBAAiB;AAEzC,SAAS,kBAAkB,OAAuB;AAChD,SAAO,uGAAuG;AAAA,IAC5G,GAAG,MAAM,IAAI,IAAI,MAAM,OAAO;AAAA,EAChC;AACF;AAEO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AACF,GAGG;AACD,YAAU,MAAM;AACd,YAAQ,MAAM,KAAK;AAEnB,QAAI,kBAAkB,KAAK,KAAK,CAAC,eAAe,QAAQ,iBAAiB,GAAG;AAC1E,qBAAe,QAAQ,mBAAmB,GAAG;AAC7C,aAAO,SAAS,OAAO;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,SACE,qBAAC,SAAI,WAAU,qFACb;AAAA,wBAAC,SAAI,WAAU,4EACb,8BAAC,iBAAc,WAAU,4BAA2B,GACtD;AAAA,IACA,qBAAC,SAAI,WAAU,aACb;AAAA,0BAAC,QAAG,WAAU,sBAAqB,gCAAkB;AAAA,MACrD,oBAAC,OAAE,WAAU,0CAAyC,2CAEtD;AAAA,MACC,MAAM,UACL,qBAAC,OAAE,WAAU,kDAAiD;AAAA;AAAA,QACjD,MAAM;AAAA,SACnB;AAAA,OAEJ;AAAA,IACA,qBAAC,UAAO,SAAS,OACf;AAAA,0BAAC,aAAU,WAAU,gBAAe;AAAA,MAAE;AAAA,OAExC;AAAA,KACF;AAEJ;","names":[]}