@medialane/ui 0.331.0 → 0.333.0

package/dist/components/discover-community-section.cjs

@@ -36,87 +36,99 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_lucide_react = require("lucide-react");
 var import_link = __toESM(require("./link.js"), 1);
-var import_section_heading = require("./section-heading.js");
 var import_skeleton = require("./skeleton.js");
 var import_activity_row = require("./activity-row.js");
 var import_medialane_app = require("./medialane-app.js");
 var import_leaderboard_panel = require("./rewards/leaderboard-panel.js");
 var import_use_activities = require("../utils/use-activities.js");
 var import_time = require("../utils/time.js");
-var import_cn = require("../utils/cn.js");
 var import_empty_messages = require("../utils/empty-messages.js");
-const FEED_LIMIT = 8;
+const ROWS = 5;
+function CommunityCard({
+  icon,
+  title,
+  subtitle,
+  href,
+  linkLabel,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "overflow-hidden rounded-2xl border border-border/50 bg-card", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between gap-3 border-b border-border/50 px-4 py-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "shrink-0 text-muted-foreground [&>svg]:h-4 [&>svg]:w-4", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-sm font-semibold leading-none tracking-tight text-foreground", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-1 flex h-3.5 items-center gap-1 text-2xs text-muted-foreground", children: subtitle })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_link.default,
+        {
+          href,
+          className: "inline-flex shrink-0 items-center gap-1 text-xs text-muted-foreground transition-colors hover:text-foreground",
+          children: [
+            linkLabel,
+            " ",
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRight, { className: "h-3 w-3" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "min-h-[324px]", children })
+  ] });
+}
 function DiscoverCommunitySection() {
-  const { activities, isLoading } = (0, import_use_activities.useActivities)({ limit: FEED_LIMIT });
+  const { activities, isLoading } = (0, import_use_activities.useActivities)({ limit: ROWS });
   const { walletAddress: address } = (0, import_medialane_app.useMedialaneApp)();
   const [lastUpdated, setLastUpdated] = (0, import_react.useState)(() => (/* @__PURE__ */ new Date()).toISOString());
   (0, import_react.useEffect)(() => {
     if (!isLoading) setLastUpdated((/* @__PURE__ */ new Date()).toISOString());
   }, [activities, isLoading]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "grid grid-cols-1 lg:grid-cols-12 gap-6 lg:gap-8 items-start", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "lg:col-span-7 space-y-4 sm:space-y-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_section_heading.SectionHeading,
-        {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Activity, { className: "h-4 w-4" }),
-          title: "Activities",
-          subtitle: !isLoading && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.RefreshCw, { className: "h-2.5 w-2.5" }),
-            "Updated ",
-            (0, import_time.timeAgo)(lastUpdated)
-          ] }),
-          href: "/activities",
-          linkLabel: "View all"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "divide-y divide-border/50 rounded-xl border border-border overflow-hidden", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-3 px-4 py-3.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-8 w-8 rounded-lg shrink-0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-9 w-9 rounded-md shrink-0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex-1 space-y-2", 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-2.5 w-24" })
-        ] })
-      ] }, i)) }) : activities.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_cn.cn)("rounded-xl border border-border py-12 text-center"), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-medium", children: import_empty_messages.emptyMessages.activity.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground", children: import_empty_messages.emptyMessages.activity.description })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "divide-y divide-border/50 rounded-xl border border-border overflow-hidden", children: activities.map((activity, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_activity_row.ActivityRow,
-        {
-          activity,
-          showActor: true,
-          showExplorer: true
-        },
-        activity.txHash ? `${activity.txHash}-${activity.type}-${activity.nftTokenId ?? ""}` : `activity-${i}`
-      )) }) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "lg:col-span-5 space-y-4 sm:space-y-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_section_heading.SectionHeading,
-        {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Sparkles, { className: "h-4 w-4" }),
-          title: "Rewards",
-          href: "/rewards",
-          linkLabel: "Scoreboard"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "overflow-hidden rounded-2xl border border-border/50 bg-card", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between gap-3 bg-gradient-to-r from-brand-rose/10 to-brand-orange/10 px-4 py-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-semibold leading-snug", children: "Earn XP. Share the Creator's Fund." }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-            import_link.default,
-            {
-              href: "/rewards",
-              className: "inline-flex shrink-0 items-center gap-1 text-xs font-semibold text-brand-rose hover:opacity-80 transition-opacity",
-              children: [
-                "Start earning ",
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRight, { className: "h-3 w-3" })
-              ]
-            }
-          )
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "grid grid-cols-1 gap-6 lg:grid-cols-2 lg:gap-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      CommunityCard,
+      {
+        icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Activity, {}),
+        title: "Activities",
+        subtitle: !isLoading && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.RefreshCw, { className: "h-2.5 w-2.5" }),
+          "Updated ",
+          (0, import_time.timeAgo)(lastUpdated)
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_leaderboard_panel.LeaderboardPanel, { myAddress: address, limit: 5, showHeading: false, compact: true })
-      ] })
-    ] })
+        href: "/activities",
+        linkLabel: "View all",
+        children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "divide-y divide-border/50", children: Array.from({ length: ROWS }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex h-16 items-center gap-3 px-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-8 w-8 shrink-0 rounded-lg" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-9 w-9 shrink-0 rounded-md" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex-1 space-y-2", 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-2.5 w-24" })
+          ] })
+        ] }, i)) }) : activities.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "py-12 text-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-medium", children: import_empty_messages.emptyMessages.activity.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground", children: import_empty_messages.emptyMessages.activity.description })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "divide-y divide-border/50", children: activities.map((activity, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_activity_row.ActivityRow,
+          {
+            activity,
+            showActor: true,
+            showExplorer: true
+          },
+          activity.txHash ? `${activity.txHash}-${activity.type}-${activity.nftTokenId ?? ""}` : `activity-${i}`
+        )) })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      CommunityCard,
+      {
+        icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Sparkles, {}),
+        title: "Rewards",
+        subtitle: "Earn XP. Share the Creator's Fund.",
+        href: "/rewards",
+        linkLabel: "Scoreboard",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_leaderboard_panel.LeaderboardPanel, { myAddress: address, limit: ROWS, showHeading: false, compact: true })
+      }
+    )
   ] });
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/components/discover-community-section.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/discover-community-section.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { Activity, ArrowRight, RefreshCw, Sparkles } from \"lucide-react\";\nimport Link from \"./link.js\";\nimport { SectionHeading } from \"./section-heading.js\";\nimport { Skeleton } from \"./skeleton.js\";\nimport { ActivityRow } from \"./activity-row.js\";\nimport { useMedialaneApp } from \"./medialane-app.js\";\nimport { LeaderboardPanel } from \"./rewards/leaderboard-panel.js\";\nimport { useActivities } from \"../utils/use-activities.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { cn } from \"../utils/cn.js\";\nimport { emptyMessages } from \"../utils/empty-messages.js\";\n\nconst FEED_LIMIT = 8;\n\nexport function DiscoverCommunitySection() {\n  const { activities, isLoading } = useActivities({ limit: FEED_LIMIT });\n  const { walletAddress: address } = useMedialaneApp();\n  const [lastUpdated, setLastUpdated] = useState(() => new Date().toISOString());\n\n  useEffect(() => {\n    if (!isLoading) setLastUpdated(new Date().toISOString());\n  }, [activities, isLoading]);\n\n  return (\n    <section className=\"grid grid-cols-1 lg:grid-cols-12 gap-6 lg:gap-8 items-start\">\n\n      <div className=\"lg:col-span-7 space-y-4 sm:space-y-5\">\n        <SectionHeading\n          icon={<Activity className=\"h-4 w-4\" />}\n          title=\"Activities\"\n          subtitle={\n            !isLoading && (\n              <>\n                <RefreshCw className=\"h-2.5 w-2.5\" />\n                Updated {timeAgo(lastUpdated)}\n              </>\n            )\n          }\n          href=\"/activities\"\n          linkLabel=\"View all\"\n        />\n        <div>\n          {isLoading ? (\n            <div className=\"divide-y divide-border/50 rounded-xl border border-border overflow-hidden\">\n              {Array.from({ length: 6 }).map((_, i) => (\n                <div key={i} className=\"flex items-center gap-3 px-4 py-3.5\">\n                  <Skeleton className=\"h-8 w-8 rounded-lg shrink-0\" />\n                  <Skeleton className=\"h-9 w-9 rounded-md shrink-0\" />\n                  <div className=\"flex-1 space-y-2\">\n                    <Skeleton className=\"h-3.5 w-40\" />\n                    <Skeleton className=\"h-2.5 w-24\" />\n                  </div>\n                </div>\n              ))}\n            </div>\n          ) : activities.length === 0 ? (\n            <div className={cn(\"rounded-xl border border-border py-12 text-center\")}>\n              <p className=\"text-sm font-medium\">{emptyMessages.activity.title}</p>\n              <p className=\"text-sm text-muted-foreground\">{emptyMessages.activity.description}</p>\n            </div>\n          ) : (\n            <div className=\"divide-y divide-border/50 rounded-xl border border-border overflow-hidden\">\n              {activities.map((activity, i) => (\n                <ActivityRow\n                  key={activity.txHash ? `${activity.txHash}-${activity.type}-${activity.nftTokenId ?? \"\"}` : `activity-${i}`}\n                  activity={activity}\n                  showActor\n                  showExplorer\n                />\n              ))}\n            </div>\n          )}\n        </div>\n      </div>\n\n      <div className=\"lg:col-span-5 space-y-4 sm:space-y-5\">\n        <SectionHeading\n          icon={<Sparkles className=\"h-4 w-4\" />}\n          title=\"Rewards\"\n          href=\"/rewards\"\n          linkLabel=\"Scoreboard\"\n        />\n\n        <div className=\"overflow-hidden rounded-2xl border border-border/50 bg-card\">\n          <div className=\"flex items-center justify-between gap-3 bg-gradient-to-r from-brand-rose/10 to-brand-orange/10 px-4 py-3\">\n            <p className=\"text-sm font-semibold leading-snug\">Earn XP. Share the Creator&apos;s Fund.</p>\n            <Link\n              href=\"/rewards\"\n              className=\"inline-flex shrink-0 items-center gap-1 text-xs font-semibold text-brand-rose hover:opacity-80 transition-opacity\"\n            >\n              Start earning <ArrowRight className=\"h-3 w-3\" />\n            </Link>\n          </div>\n          <LeaderboardPanel myAddress={address} limit={5} showHeading={false} compact />\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"mappings":"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","names":["Link"]}
+{"version":3,"sources":["../../src/components/discover-community-section.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState, type ReactNode } from \"react\";\nimport { Activity, ArrowRight, RefreshCw, Sparkles } from \"lucide-react\";\nimport Link from \"./link.js\";\nimport { Skeleton } from \"./skeleton.js\";\nimport { ActivityRow } from \"./activity-row.js\";\nimport { useMedialaneApp } from \"./medialane-app.js\";\nimport { LeaderboardPanel } from \"./rewards/leaderboard-panel.js\";\nimport { useActivities } from \"../utils/use-activities.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { emptyMessages } from \"../utils/empty-messages.js\";\n\nconst ROWS = 5;\n\nfunction CommunityCard({\n  icon,\n  title,\n  subtitle,\n  href,\n  linkLabel,\n  children,\n}: {\n  icon: ReactNode;\n  title: string;\n  subtitle?: ReactNode;\n  href: string;\n  linkLabel: string;\n  children: ReactNode;\n}) {\n  return (\n    <section className=\"overflow-hidden rounded-2xl border border-border/50 bg-card\">\n      <div className=\"flex items-center justify-between gap-3 border-b border-border/50 px-4 py-3\">\n        <div className=\"flex min-w-0 items-center gap-2\">\n          <span className=\"shrink-0 text-muted-foreground [&>svg]:h-4 [&>svg]:w-4\">{icon}</span>\n          <div className=\"min-w-0\">\n            <h2 className=\"text-sm font-semibold leading-none tracking-tight text-foreground\">{title}</h2>\n            <p className=\"mt-1 flex h-3.5 items-center gap-1 text-2xs text-muted-foreground\">{subtitle}</p>\n          </div>\n        </div>\n        <Link\n          href={href}\n          className=\"inline-flex shrink-0 items-center gap-1 text-xs text-muted-foreground transition-colors hover:text-foreground\"\n        >\n          {linkLabel} <ArrowRight className=\"h-3 w-3\" />\n        </Link>\n      </div>\n      <div className=\"min-h-[324px]\">{children}</div>\n    </section>\n  );\n}\n\nexport function DiscoverCommunitySection() {\n  const { activities, isLoading } = useActivities({ limit: ROWS });\n  const { walletAddress: address } = useMedialaneApp();\n  const [lastUpdated, setLastUpdated] = useState(() => new Date().toISOString());\n\n  useEffect(() => {\n    if (!isLoading) setLastUpdated(new Date().toISOString());\n  }, [activities, isLoading]);\n\n  return (\n    <section className=\"grid grid-cols-1 gap-6 lg:grid-cols-2 lg:gap-8\">\n      <CommunityCard\n        icon={<Activity />}\n        title=\"Activities\"\n        subtitle={\n          !isLoading && (\n            <>\n              <RefreshCw className=\"h-2.5 w-2.5\" />\n              Updated {timeAgo(lastUpdated)}\n            </>\n          )\n        }\n        href=\"/activities\"\n        linkLabel=\"View all\"\n      >\n        {isLoading ? (\n          <div className=\"divide-y divide-border/50\">\n            {Array.from({ length: ROWS }).map((_, i) => (\n              <div key={i} className=\"flex h-16 items-center gap-3 px-4\">\n                <Skeleton className=\"h-8 w-8 shrink-0 rounded-lg\" />\n                <Skeleton className=\"h-9 w-9 shrink-0 rounded-md\" />\n                <div className=\"flex-1 space-y-2\">\n                  <Skeleton className=\"h-3.5 w-40\" />\n                  <Skeleton className=\"h-2.5 w-24\" />\n                </div>\n              </div>\n            ))}\n          </div>\n        ) : activities.length === 0 ? (\n          <div className=\"py-12 text-center\">\n            <p className=\"text-sm font-medium\">{emptyMessages.activity.title}</p>\n            <p className=\"text-sm text-muted-foreground\">{emptyMessages.activity.description}</p>\n          </div>\n        ) : (\n          <div className=\"divide-y divide-border/50\">\n            {activities.map((activity, i) => (\n              <ActivityRow\n                key={activity.txHash ? `${activity.txHash}-${activity.type}-${activity.nftTokenId ?? \"\"}` : `activity-${i}`}\n                activity={activity}\n                showActor\n                showExplorer\n              />\n            ))}\n          </div>\n        )}\n      </CommunityCard>\n\n      <CommunityCard\n        icon={<Sparkles />}\n        title=\"Rewards\"\n        subtitle=\"Earn XP. Share the Creator's Fund.\"\n        href=\"/rewards\"\n        linkLabel=\"Scoreboard\"\n      >\n        <LeaderboardPanel myAddress={address} limit={ROWS} showHeading={false} compact />\n      </CommunityCard>\n    </section>\n  );\n}\n"],"mappings":"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","names":["Link"]}

package/dist/components/discover-community-section.js

@@ -3,87 +3,99 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { Activity, ArrowRight, RefreshCw, Sparkles } from "lucide-react";
 import Link from "./link.js";
-import { SectionHeading } from "./section-heading.js";
 import { Skeleton } from "./skeleton.js";
 import { ActivityRow } from "./activity-row.js";
 import { useMedialaneApp } from "./medialane-app.js";
 import { LeaderboardPanel } from "./rewards/leaderboard-panel.js";
 import { useActivities } from "../utils/use-activities.js";
 import { timeAgo } from "../utils/time.js";
-import { cn } from "../utils/cn.js";
 import { emptyMessages } from "../utils/empty-messages.js";
-const FEED_LIMIT = 8;
+const ROWS = 5;
+function CommunityCard({
+  icon,
+  title,
+  subtitle,
+  href,
+  linkLabel,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("section", { className: "overflow-hidden rounded-2xl border border-border/50 bg-card", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 border-b border-border/50 px-4 py-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "shrink-0 text-muted-foreground [&>svg]:h-4 [&>svg]:w-4", children: icon }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold leading-none tracking-tight text-foreground", children: title }),
+          /* @__PURE__ */ jsx("p", { className: "mt-1 flex h-3.5 items-center gap-1 text-2xs text-muted-foreground", children: subtitle })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(
+        Link,
+        {
+          href,
+          className: "inline-flex shrink-0 items-center gap-1 text-xs text-muted-foreground transition-colors hover:text-foreground",
+          children: [
+            linkLabel,
+            " ",
+            /* @__PURE__ */ jsx(ArrowRight, { className: "h-3 w-3" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "min-h-[324px]", children })
+  ] });
+}
 function DiscoverCommunitySection() {
-  const { activities, isLoading } = useActivities({ limit: FEED_LIMIT });
+  const { activities, isLoading } = useActivities({ limit: ROWS });
   const { walletAddress: address } = useMedialaneApp();
   const [lastUpdated, setLastUpdated] = useState(() => (/* @__PURE__ */ new Date()).toISOString());
   useEffect(() => {
     if (!isLoading) setLastUpdated((/* @__PURE__ */ new Date()).toISOString());
   }, [activities, isLoading]);
-  return /* @__PURE__ */ jsxs("section", { className: "grid grid-cols-1 lg:grid-cols-12 gap-6 lg:gap-8 items-start", children: [
-    /* @__PURE__ */ jsxs("div", { className: "lg:col-span-7 space-y-4 sm:space-y-5", children: [
-      /* @__PURE__ */ jsx(
-        SectionHeading,
-        {
-          icon: /* @__PURE__ */ jsx(Activity, { className: "h-4 w-4" }),
-          title: "Activities",
-          subtitle: !isLoading && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(RefreshCw, { className: "h-2.5 w-2.5" }),
-            "Updated ",
-            timeAgo(lastUpdated)
-          ] }),
-          href: "/activities",
-          linkLabel: "View all"
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { children: isLoading ? /* @__PURE__ */ jsx("div", { className: "divide-y divide-border/50 rounded-xl border border-border overflow-hidden", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-4 py-3.5", children: [
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-8 rounded-lg shrink-0" }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-9 rounded-md shrink-0" }),
-        /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-40" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-2.5 w-24" })
-        ] })
-      ] }, i)) }) : activities.length === 0 ? /* @__PURE__ */ jsxs("div", { className: cn("rounded-xl border border-border py-12 text-center"), children: [
-        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: emptyMessages.activity.title }),
-        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: emptyMessages.activity.description })
-      ] }) : /* @__PURE__ */ jsx("div", { className: "divide-y divide-border/50 rounded-xl border border-border overflow-hidden", children: activities.map((activity, i) => /* @__PURE__ */ jsx(
-        ActivityRow,
-        {
-          activity,
-          showActor: true,
-          showExplorer: true
-        },
-        activity.txHash ? `${activity.txHash}-${activity.type}-${activity.nftTokenId ?? ""}` : `activity-${i}`
-      )) }) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "lg:col-span-5 space-y-4 sm:space-y-5", children: [
-      /* @__PURE__ */ jsx(
-        SectionHeading,
-        {
-          icon: /* @__PURE__ */ jsx(Sparkles, { className: "h-4 w-4" }),
-          title: "Rewards",
-          href: "/rewards",
-          linkLabel: "Scoreboard"
-        }
-      ),
-      /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-2xl border border-border/50 bg-card", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 bg-gradient-to-r from-brand-rose/10 to-brand-orange/10 px-4 py-3", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold leading-snug", children: "Earn XP. Share the Creator's Fund." }),
-          /* @__PURE__ */ jsxs(
-            Link,
-            {
-              href: "/rewards",
-              className: "inline-flex shrink-0 items-center gap-1 text-xs font-semibold text-brand-rose hover:opacity-80 transition-opacity",
-              children: [
-                "Start earning ",
-                /* @__PURE__ */ jsx(ArrowRight, { className: "h-3 w-3" })
-              ]
-            }
-          )
+  return /* @__PURE__ */ jsxs("section", { className: "grid grid-cols-1 gap-6 lg:grid-cols-2 lg:gap-8", children: [
+    /* @__PURE__ */ jsx(
+      CommunityCard,
+      {
+        icon: /* @__PURE__ */ jsx(Activity, {}),
+        title: "Activities",
+        subtitle: !isLoading && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(RefreshCw, { className: "h-2.5 w-2.5" }),
+          "Updated ",
+          timeAgo(lastUpdated)
         ] }),
-        /* @__PURE__ */ jsx(LeaderboardPanel, { myAddress: address, limit: 5, showHeading: false, compact: true })
-      ] })
-    ] })
+        href: "/activities",
+        linkLabel: "View all",
+        children: isLoading ? /* @__PURE__ */ jsx("div", { className: "divide-y divide-border/50", children: Array.from({ length: ROWS }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex h-16 items-center gap-3 px-4", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-8 shrink-0 rounded-lg" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-9 shrink-0 rounded-md" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-40" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-2.5 w-24" })
+          ] })
+        ] }, i)) }) : activities.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "py-12 text-center", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: emptyMessages.activity.title }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: emptyMessages.activity.description })
+        ] }) : /* @__PURE__ */ jsx("div", { className: "divide-y divide-border/50", children: activities.map((activity, i) => /* @__PURE__ */ jsx(
+          ActivityRow,
+          {
+            activity,
+            showActor: true,
+            showExplorer: true
+          },
+          activity.txHash ? `${activity.txHash}-${activity.type}-${activity.nftTokenId ?? ""}` : `activity-${i}`
+        )) })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      CommunityCard,
+      {
+        icon: /* @__PURE__ */ jsx(Sparkles, {}),
+        title: "Rewards",
+        subtitle: "Earn XP. Share the Creator's Fund.",
+        href: "/rewards",
+        linkLabel: "Scoreboard",
+        children: /* @__PURE__ */ jsx(LeaderboardPanel, { myAddress: address, limit: ROWS, showHeading: false, compact: true })
+      }
+    )
   ] });
 }
 export {

package/dist/components/discover-community-section.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/discover-community-section.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { Activity, ArrowRight, RefreshCw, Sparkles } from \"lucide-react\";\nimport Link from \"./link.js\";\nimport { SectionHeading } from \"./section-heading.js\";\nimport { Skeleton } from \"./skeleton.js\";\nimport { ActivityRow } from \"./activity-row.js\";\nimport { useMedialaneApp } from \"./medialane-app.js\";\nimport { LeaderboardPanel } from \"./rewards/leaderboard-panel.js\";\nimport { useActivities } from \"../utils/use-activities.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { cn } from \"../utils/cn.js\";\nimport { emptyMessages } from \"../utils/empty-messages.js\";\n\nconst FEED_LIMIT = 8;\n\nexport function DiscoverCommunitySection() {\n  const { activities, isLoading } = useActivities({ limit: FEED_LIMIT });\n  const { walletAddress: address } = useMedialaneApp();\n  const [lastUpdated, setLastUpdated] = useState(() => new Date().toISOString());\n\n  useEffect(() => {\n    if (!isLoading) setLastUpdated(new Date().toISOString());\n  }, [activities, isLoading]);\n\n  return (\n    <section className=\"grid grid-cols-1 lg:grid-cols-12 gap-6 lg:gap-8 items-start\">\n\n      <div className=\"lg:col-span-7 space-y-4 sm:space-y-5\">\n        <SectionHeading\n          icon={<Activity className=\"h-4 w-4\" />}\n          title=\"Activities\"\n          subtitle={\n            !isLoading && (\n              <>\n                <RefreshCw className=\"h-2.5 w-2.5\" />\n                Updated {timeAgo(lastUpdated)}\n              </>\n            )\n          }\n          href=\"/activities\"\n          linkLabel=\"View all\"\n        />\n        <div>\n          {isLoading ? (\n            <div className=\"divide-y divide-border/50 rounded-xl border border-border overflow-hidden\">\n              {Array.from({ length: 6 }).map((_, i) => (\n                <div key={i} className=\"flex items-center gap-3 px-4 py-3.5\">\n                  <Skeleton className=\"h-8 w-8 rounded-lg shrink-0\" />\n                  <Skeleton className=\"h-9 w-9 rounded-md shrink-0\" />\n                  <div className=\"flex-1 space-y-2\">\n                    <Skeleton className=\"h-3.5 w-40\" />\n                    <Skeleton className=\"h-2.5 w-24\" />\n                  </div>\n                </div>\n              ))}\n            </div>\n          ) : activities.length === 0 ? (\n            <div className={cn(\"rounded-xl border border-border py-12 text-center\")}>\n              <p className=\"text-sm font-medium\">{emptyMessages.activity.title}</p>\n              <p className=\"text-sm text-muted-foreground\">{emptyMessages.activity.description}</p>\n            </div>\n          ) : (\n            <div className=\"divide-y divide-border/50 rounded-xl border border-border overflow-hidden\">\n              {activities.map((activity, i) => (\n                <ActivityRow\n                  key={activity.txHash ? `${activity.txHash}-${activity.type}-${activity.nftTokenId ?? \"\"}` : `activity-${i}`}\n                  activity={activity}\n                  showActor\n                  showExplorer\n                />\n              ))}\n            </div>\n          )}\n        </div>\n      </div>\n\n      <div className=\"lg:col-span-5 space-y-4 sm:space-y-5\">\n        <SectionHeading\n          icon={<Sparkles className=\"h-4 w-4\" />}\n          title=\"Rewards\"\n          href=\"/rewards\"\n          linkLabel=\"Scoreboard\"\n        />\n\n        <div className=\"overflow-hidden rounded-2xl border border-border/50 bg-card\">\n          <div className=\"flex items-center justify-between gap-3 bg-gradient-to-r from-brand-rose/10 to-brand-orange/10 px-4 py-3\">\n            <p className=\"text-sm font-semibold leading-snug\">Earn XP. Share the Creator&apos;s Fund.</p>\n            <Link\n              href=\"/rewards\"\n              className=\"inline-flex shrink-0 items-center gap-1 text-xs font-semibold text-brand-rose hover:opacity-80 transition-opacity\"\n            >\n              Start earning <ArrowRight className=\"h-3 w-3\" />\n            </Link>\n          </div>\n          <LeaderboardPanel myAddress={address} limit={5} showHeading={false} compact />\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/discover-community-section.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState, type ReactNode } from \"react\";\nimport { Activity, ArrowRight, RefreshCw, Sparkles } from \"lucide-react\";\nimport Link from \"./link.js\";\nimport { Skeleton } from \"./skeleton.js\";\nimport { ActivityRow } from \"./activity-row.js\";\nimport { useMedialaneApp } from \"./medialane-app.js\";\nimport { LeaderboardPanel } from \"./rewards/leaderboard-panel.js\";\nimport { useActivities } from \"../utils/use-activities.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { emptyMessages } from \"../utils/empty-messages.js\";\n\nconst ROWS = 5;\n\nfunction CommunityCard({\n  icon,\n  title,\n  subtitle,\n  href,\n  linkLabel,\n  children,\n}: {\n  icon: ReactNode;\n  title: string;\n  subtitle?: ReactNode;\n  href: string;\n  linkLabel: string;\n  children: ReactNode;\n}) {\n  return (\n    <section className=\"overflow-hidden rounded-2xl border border-border/50 bg-card\">\n      <div className=\"flex items-center justify-between gap-3 border-b border-border/50 px-4 py-3\">\n        <div className=\"flex min-w-0 items-center gap-2\">\n          <span className=\"shrink-0 text-muted-foreground [&>svg]:h-4 [&>svg]:w-4\">{icon}</span>\n          <div className=\"min-w-0\">\n            <h2 className=\"text-sm font-semibold leading-none tracking-tight text-foreground\">{title}</h2>\n            <p className=\"mt-1 flex h-3.5 items-center gap-1 text-2xs text-muted-foreground\">{subtitle}</p>\n          </div>\n        </div>\n        <Link\n          href={href}\n          className=\"inline-flex shrink-0 items-center gap-1 text-xs text-muted-foreground transition-colors hover:text-foreground\"\n        >\n          {linkLabel} <ArrowRight className=\"h-3 w-3\" />\n        </Link>\n      </div>\n      <div className=\"min-h-[324px]\">{children}</div>\n    </section>\n  );\n}\n\nexport function DiscoverCommunitySection() {\n  const { activities, isLoading } = useActivities({ limit: ROWS });\n  const { walletAddress: address } = useMedialaneApp();\n  const [lastUpdated, setLastUpdated] = useState(() => new Date().toISOString());\n\n  useEffect(() => {\n    if (!isLoading) setLastUpdated(new Date().toISOString());\n  }, [activities, isLoading]);\n\n  return (\n    <section className=\"grid grid-cols-1 gap-6 lg:grid-cols-2 lg:gap-8\">\n      <CommunityCard\n        icon={<Activity />}\n        title=\"Activities\"\n        subtitle={\n          !isLoading && (\n            <>\n              <RefreshCw className=\"h-2.5 w-2.5\" />\n              Updated {timeAgo(lastUpdated)}\n            </>\n          )\n        }\n        href=\"/activities\"\n        linkLabel=\"View all\"\n      >\n        {isLoading ? (\n          <div className=\"divide-y divide-border/50\">\n            {Array.from({ length: ROWS }).map((_, i) => (\n              <div key={i} className=\"flex h-16 items-center gap-3 px-4\">\n                <Skeleton className=\"h-8 w-8 shrink-0 rounded-lg\" />\n                <Skeleton className=\"h-9 w-9 shrink-0 rounded-md\" />\n                <div className=\"flex-1 space-y-2\">\n                  <Skeleton className=\"h-3.5 w-40\" />\n                  <Skeleton className=\"h-2.5 w-24\" />\n                </div>\n              </div>\n            ))}\n          </div>\n        ) : activities.length === 0 ? (\n          <div className=\"py-12 text-center\">\n            <p className=\"text-sm font-medium\">{emptyMessages.activity.title}</p>\n            <p className=\"text-sm text-muted-foreground\">{emptyMessages.activity.description}</p>\n          </div>\n        ) : (\n          <div className=\"divide-y divide-border/50\">\n            {activities.map((activity, i) => (\n              <ActivityRow\n                key={activity.txHash ? `${activity.txHash}-${activity.type}-${activity.nftTokenId ?? \"\"}` : `activity-${i}`}\n                activity={activity}\n                showActor\n                showExplorer\n              />\n            ))}\n          </div>\n        )}\n      </CommunityCard>\n\n      <CommunityCard\n        icon={<Sparkles />}\n        title=\"Rewards\"\n        subtitle=\"Earn XP. Share the Creator's Fund.\"\n        href=\"/rewards\"\n        linkLabel=\"Scoreboard\"\n      >\n        <LeaderboardPanel myAddress={address} limit={ROWS} showHeading={false} compact />\n      </CommunityCard>\n    </section>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/discover-features.cjs

@@ -23,6 +23,7 @@ __export(discover_features_exports, {
 module.exports = __toCommonJS(discover_features_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_lucide_react = require("lucide-react");
+var import_scroll_section = require("./scroll-section.js");
 var import_cn = require("../utils/cn.js");
 const HUES = [
   { text: "text-brand-blue", border: "border-brand-blue/30", tint: "bg-brand-blue/10" },
@@ -47,10 +48,10 @@ const FEATURES = [
   { icon: import_lucide_react.Code, title: "Open source and auditable" }
 ];
 function DiscoverFeatures() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", { className: "w-full overflow-x-auto scrollbar-hide", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "flex snap-x snap-mandatory gap-5 pb-2 sm:gap-6", style: { width: "max-content" }, children: FEATURES.map(({ icon: Icon, title }, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_scroll_section.ScrollSection, { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.BadgeCheck, {}), title: "Medialane features", children: FEATURES.map(({ icon: Icon, title }, i) => {
     const hue = HUES[i % HUES.length];
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      "li",
+      "div",
       {
         className: (0, import_cn.cn)(
           "flex min-h-[168px] w-56 shrink-0 snap-start flex-col gap-4 rounded-2xl border bg-card p-6 sm:w-64",
@@ -63,7 +64,7 @@ function DiscoverFeatures() {
       },
       title
     );
-  }) }) });
+  }) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/components/discover-features.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/discover-features.tsx"],"sourcesContent":["import {\n  Code,\n  Database,\n  DoorOpen,\n  EyeOff,\n  FileCog,\n  Gem,\n  Globe,\n  HandCoins,\n  Lock,\n  Percent,\n  ScanEye,\n  Scale,\n  ShieldCheck,\n  type LucideIcon,\n} from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\n\nconst HUES = [\n  { text: \"text-brand-blue\", border: \"border-brand-blue/30\", tint: \"bg-brand-blue/10\" },\n  { text: \"text-brand-maeve\", border: \"border-brand-maeve/30\", tint: \"bg-brand-maeve/10\" },\n  { text: \"text-brand-orange\", border: \"border-brand-orange/30\", tint: \"bg-brand-orange/10\" },\n  { text: \"text-brand-purple\", border: \"border-brand-purple/30\", tint: \"bg-brand-purple/10\" },\n  { text: \"text-brand-rose\", border: \"border-brand-rose/30\", tint: \"bg-brand-rose/10\" },\n];\n\nconst FEATURES: ReadonlyArray<{ icon: LucideIcon; title: string }> = [\n  { icon: HandCoins, title: \"99% to creators and owners\" },\n  { icon: Globe, title: \"Censorship resistance\" },\n  { icon: ShieldCheck, title: \"Stark cryptography\" },\n  { icon: EyeOff, title: \"Privacy by design\" },\n  { icon: ScanEye, title: \"Zero knowledge proof with Starknet\" },\n  { icon: Percent, title: \"Zero fees on protocols\" },\n  { icon: Lock, title: \"Immutable smart contracts\" },\n  { icon: DoorOpen, title: \"Permissionless\" },\n  { icon: Database, title: \"Smart contracts are the source of truth\" },\n  { icon: FileCog, title: \"Programmable IP\" },\n  { icon: Gem, title: \"Immutable assets\" },\n  { icon: Scale, title: \"IP protection compliance\" },\n  { icon: Code, title: \"Open source and auditable\" },\n];\n\nexport function DiscoverFeatures() {\n  return (\n    <section className=\"w-full overflow-x-auto scrollbar-hide\">\n      <ul className=\"flex snap-x snap-mandatory gap-5 pb-2 sm:gap-6\" style={{ width: \"max-content\" }}>\n        {FEATURES.map(({ icon: Icon, title }, i) => {\n          const hue = HUES[i % HUES.length]!;\n          return (\n            <li\n              key={title}\n              className={cn(\n                \"flex min-h-[168px] w-56 shrink-0 snap-start flex-col gap-4 rounded-2xl border bg-card p-6 sm:w-64\",\n                hue.border,\n              )}\n            >\n              <span className={cn(\"flex h-11 w-11 items-center justify-center rounded-xl\", hue.tint)}>\n                <Icon className={cn(\"h-6 w-6\", hue.text)} />\n              </span>\n              <h3 className=\"text-lg font-black leading-snug tracking-tight\">{title}</h3>\n            </li>\n          );\n        })}\n      </ul>\n    </section>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiDY;AAjDZ,0BAeO;AACP,gBAAmB;AAEnB,MAAM,OAAO;AAAA,EACX,EAAE,MAAM,mBAAmB,QAAQ,wBAAwB,MAAM,mBAAmB;AAAA,EACpF,EAAE,MAAM,oBAAoB,QAAQ,yBAAyB,MAAM,oBAAoB;AAAA,EACvF,EAAE,MAAM,qBAAqB,QAAQ,0BAA0B,MAAM,qBAAqB;AAAA,EAC1F,EAAE,MAAM,qBAAqB,QAAQ,0BAA0B,MAAM,qBAAqB;AAAA,EAC1F,EAAE,MAAM,mBAAmB,QAAQ,wBAAwB,MAAM,mBAAmB;AACtF;AAEA,MAAM,WAA+D;AAAA,EACnE,EAAE,MAAM,+BAAW,OAAO,6BAA6B;AAAA,EACvD,EAAE,MAAM,2BAAO,OAAO,wBAAwB;AAAA,EAC9C,EAAE,MAAM,iCAAa,OAAO,qBAAqB;AAAA,EACjD,EAAE,MAAM,4BAAQ,OAAO,oBAAoB;AAAA,EAC3C,EAAE,MAAM,6BAAS,OAAO,qCAAqC;AAAA,EAC7D,EAAE,MAAM,6BAAS,OAAO,yBAAyB;AAAA,EACjD,EAAE,MAAM,0BAAM,OAAO,4BAA4B;AAAA,EACjD,EAAE,MAAM,8BAAU,OAAO,iBAAiB;AAAA,EAC1C,EAAE,MAAM,8BAAU,OAAO,0CAA0C;AAAA,EACnE,EAAE,MAAM,6BAAS,OAAO,kBAAkB;AAAA,EAC1C,EAAE,MAAM,yBAAK,OAAO,mBAAmB;AAAA,EACvC,EAAE,MAAM,2BAAO,OAAO,2BAA2B;AAAA,EACjD,EAAE,MAAM,0BAAM,OAAO,4BAA4B;AACnD;AAEO,SAAS,mBAAmB;AACjC,SACE,4CAAC,aAAQ,WAAU,yCACjB,sDAAC,QAAG,WAAU,kDAAiD,OAAO,EAAE,OAAO,cAAc,GAC1F,mBAAS,IAAI,CAAC,EAAE,MAAM,MAAM,MAAM,GAAG,MAAM;AAC1C,UAAM,MAAM,KAAK,IAAI,KAAK,MAAM;AAChC,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,eAAW;AAAA,UACT;AAAA,UACA,IAAI;AAAA,QACN;AAAA,QAEA;AAAA,sDAAC,UAAK,eAAW,cAAG,yDAAyD,IAAI,IAAI,GACnF,sDAAC,QAAK,eAAW,cAAG,WAAW,IAAI,IAAI,GAAG,GAC5C;AAAA,UACA,4CAAC,QAAG,WAAU,kDAAkD,iBAAM;AAAA;AAAA;AAAA,MATjE;AAAA,IAUP;AAAA,EAEJ,CAAC,GACH,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/discover-features.tsx"],"sourcesContent":["import {\n  BadgeCheck,\n  Code,\n  Database,\n  DoorOpen,\n  EyeOff,\n  FileCog,\n  Gem,\n  Globe,\n  HandCoins,\n  Lock,\n  Percent,\n  ScanEye,\n  Scale,\n  ShieldCheck,\n  type LucideIcon,\n} from \"lucide-react\";\nimport { ScrollSection } from \"./scroll-section.js\";\nimport { cn } from \"../utils/cn.js\";\n\nconst HUES = [\n  { text: \"text-brand-blue\", border: \"border-brand-blue/30\", tint: \"bg-brand-blue/10\" },\n  { text: \"text-brand-maeve\", border: \"border-brand-maeve/30\", tint: \"bg-brand-maeve/10\" },\n  { text: \"text-brand-orange\", border: \"border-brand-orange/30\", tint: \"bg-brand-orange/10\" },\n  { text: \"text-brand-purple\", border: \"border-brand-purple/30\", tint: \"bg-brand-purple/10\" },\n  { text: \"text-brand-rose\", border: \"border-brand-rose/30\", tint: \"bg-brand-rose/10\" },\n];\n\nconst FEATURES: ReadonlyArray<{ icon: LucideIcon; title: string }> = [\n  { icon: HandCoins, title: \"99% to creators and owners\" },\n  { icon: Globe, title: \"Censorship resistance\" },\n  { icon: ShieldCheck, title: \"Stark cryptography\" },\n  { icon: EyeOff, title: \"Privacy by design\" },\n  { icon: ScanEye, title: \"Zero knowledge proof with Starknet\" },\n  { icon: Percent, title: \"Zero fees on protocols\" },\n  { icon: Lock, title: \"Immutable smart contracts\" },\n  { icon: DoorOpen, title: \"Permissionless\" },\n  { icon: Database, title: \"Smart contracts are the source of truth\" },\n  { icon: FileCog, title: \"Programmable IP\" },\n  { icon: Gem, title: \"Immutable assets\" },\n  { icon: Scale, title: \"IP protection compliance\" },\n  { icon: Code, title: \"Open source and auditable\" },\n];\n\nexport function DiscoverFeatures() {\n  return (\n    <ScrollSection icon={<BadgeCheck />} title=\"Medialane features\">\n      {FEATURES.map(({ icon: Icon, title }, i) => {\n        const hue = HUES[i % HUES.length]!;\n        return (\n          <div\n            key={title}\n            className={cn(\n              \"flex min-h-[168px] w-56 shrink-0 snap-start flex-col gap-4 rounded-2xl border bg-card p-6 sm:w-64\",\n              hue.border,\n            )}\n          >\n            <span className={cn(\"flex h-11 w-11 items-center justify-center rounded-xl\", hue.tint)}>\n              <Icon className={cn(\"h-6 w-6\", hue.text)} />\n            </span>\n            <h3 className=\"text-lg font-black leading-snug tracking-tight\">{title}</h3>\n          </div>\n        );\n      })}\n    </ScrollSection>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8CyB;AA9CzB,0BAgBO;AACP,4BAA8B;AAC9B,gBAAmB;AAEnB,MAAM,OAAO;AAAA,EACX,EAAE,MAAM,mBAAmB,QAAQ,wBAAwB,MAAM,mBAAmB;AAAA,EACpF,EAAE,MAAM,oBAAoB,QAAQ,yBAAyB,MAAM,oBAAoB;AAAA,EACvF,EAAE,MAAM,qBAAqB,QAAQ,0BAA0B,MAAM,qBAAqB;AAAA,EAC1F,EAAE,MAAM,qBAAqB,QAAQ,0BAA0B,MAAM,qBAAqB;AAAA,EAC1F,EAAE,MAAM,mBAAmB,QAAQ,wBAAwB,MAAM,mBAAmB;AACtF;AAEA,MAAM,WAA+D;AAAA,EACnE,EAAE,MAAM,+BAAW,OAAO,6BAA6B;AAAA,EACvD,EAAE,MAAM,2BAAO,OAAO,wBAAwB;AAAA,EAC9C,EAAE,MAAM,iCAAa,OAAO,qBAAqB;AAAA,EACjD,EAAE,MAAM,4BAAQ,OAAO,oBAAoB;AAAA,EAC3C,EAAE,MAAM,6BAAS,OAAO,qCAAqC;AAAA,EAC7D,EAAE,MAAM,6BAAS,OAAO,yBAAyB;AAAA,EACjD,EAAE,MAAM,0BAAM,OAAO,4BAA4B;AAAA,EACjD,EAAE,MAAM,8BAAU,OAAO,iBAAiB;AAAA,EAC1C,EAAE,MAAM,8BAAU,OAAO,0CAA0C;AAAA,EACnE,EAAE,MAAM,6BAAS,OAAO,kBAAkB;AAAA,EAC1C,EAAE,MAAM,yBAAK,OAAO,mBAAmB;AAAA,EACvC,EAAE,MAAM,2BAAO,OAAO,2BAA2B;AAAA,EACjD,EAAE,MAAM,0BAAM,OAAO,4BAA4B;AACnD;AAEO,SAAS,mBAAmB;AACjC,SACE,4CAAC,uCAAc,MAAM,4CAAC,kCAAW,GAAI,OAAM,sBACxC,mBAAS,IAAI,CAAC,EAAE,MAAM,MAAM,MAAM,GAAG,MAAM;AAC1C,UAAM,MAAM,KAAK,IAAI,KAAK,MAAM;AAChC,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,eAAW;AAAA,UACT;AAAA,UACA,IAAI;AAAA,QACN;AAAA,QAEA;AAAA,sDAAC,UAAK,eAAW,cAAG,yDAAyD,IAAI,IAAI,GACnF,sDAAC,QAAK,eAAW,cAAG,WAAW,IAAI,IAAI,GAAG,GAC5C;AAAA,UACA,4CAAC,QAAG,WAAU,kDAAkD,iBAAM;AAAA;AAAA;AAAA,MATjE;AAAA,IAUP;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":[]}

package/dist/components/discover-features.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import {
+  BadgeCheck,
   Code,
   Database,
   DoorOpen,
@@ -14,6 +15,7 @@ import {
   Scale,
   ShieldCheck
 } from "lucide-react";
+import { ScrollSection } from "./scroll-section.js";
 import { cn } from "../utils/cn.js";
 const HUES = [
   { text: "text-brand-blue", border: "border-brand-blue/30", tint: "bg-brand-blue/10" },
@@ -38,10 +40,10 @@ const FEATURES = [
   { icon: Code, title: "Open source and auditable" }
 ];
 function DiscoverFeatures() {
-  return /* @__PURE__ */ jsx("section", { className: "w-full overflow-x-auto scrollbar-hide", children: /* @__PURE__ */ jsx("ul", { className: "flex snap-x snap-mandatory gap-5 pb-2 sm:gap-6", style: { width: "max-content" }, children: FEATURES.map(({ icon: Icon, title }, i) => {
+  return /* @__PURE__ */ jsx(ScrollSection, { icon: /* @__PURE__ */ jsx(BadgeCheck, {}), title: "Medialane features", children: FEATURES.map(({ icon: Icon, title }, i) => {
     const hue = HUES[i % HUES.length];
     return /* @__PURE__ */ jsxs(
-      "li",
+      "div",
       {
         className: cn(
           "flex min-h-[168px] w-56 shrink-0 snap-start flex-col gap-4 rounded-2xl border bg-card p-6 sm:w-64",
@@ -54,7 +56,7 @@ function DiscoverFeatures() {
       },
       title
     );
-  }) }) });
+  }) });
 }
 export {
   DiscoverFeatures

package/dist/components/discover-features.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/discover-features.tsx"],"sourcesContent":["import {\n  Code,\n  Database,\n  DoorOpen,\n  EyeOff,\n  FileCog,\n  Gem,\n  Globe,\n  HandCoins,\n  Lock,\n  Percent,\n  ScanEye,\n  Scale,\n  ShieldCheck,\n  type LucideIcon,\n} from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\n\nconst HUES = [\n  { text: \"text-brand-blue\", border: \"border-brand-blue/30\", tint: \"bg-brand-blue/10\" },\n  { text: \"text-brand-maeve\", border: \"border-brand-maeve/30\", tint: \"bg-brand-maeve/10\" },\n  { text: \"text-brand-orange\", border: \"border-brand-orange/30\", tint: \"bg-brand-orange/10\" },\n  { text: \"text-brand-purple\", border: \"border-brand-purple/30\", tint: \"bg-brand-purple/10\" },\n  { text: \"text-brand-rose\", border: \"border-brand-rose/30\", tint: \"bg-brand-rose/10\" },\n];\n\nconst FEATURES: ReadonlyArray<{ icon: LucideIcon; title: string }> = [\n  { icon: HandCoins, title: \"99% to creators and owners\" },\n  { icon: Globe, title: \"Censorship resistance\" },\n  { icon: ShieldCheck, title: \"Stark cryptography\" },\n  { icon: EyeOff, title: \"Privacy by design\" },\n  { icon: ScanEye, title: \"Zero knowledge proof with Starknet\" },\n  { icon: Percent, title: \"Zero fees on protocols\" },\n  { icon: Lock, title: \"Immutable smart contracts\" },\n  { icon: DoorOpen, title: \"Permissionless\" },\n  { icon: Database, title: \"Smart contracts are the source of truth\" },\n  { icon: FileCog, title: \"Programmable IP\" },\n  { icon: Gem, title: \"Immutable assets\" },\n  { icon: Scale, title: \"IP protection compliance\" },\n  { icon: Code, title: \"Open source and auditable\" },\n];\n\nexport function DiscoverFeatures() {\n  return (\n    <section className=\"w-full overflow-x-auto scrollbar-hide\">\n      <ul className=\"flex snap-x snap-mandatory gap-5 pb-2 sm:gap-6\" style={{ width: \"max-content\" }}>\n        {FEATURES.map(({ icon: Icon, title }, i) => {\n          const hue = HUES[i % HUES.length]!;\n          return (\n            <li\n              key={title}\n              className={cn(\n                \"flex min-h-[168px] w-56 shrink-0 snap-start flex-col gap-4 rounded-2xl border bg-card p-6 sm:w-64\",\n                hue.border,\n              )}\n            >\n              <span className={cn(\"flex h-11 w-11 items-center justify-center rounded-xl\", hue.tint)}>\n                <Icon className={cn(\"h-6 w-6\", hue.text)} />\n              </span>\n              <h3 className=\"text-lg font-black leading-snug tracking-tight\">{title}</h3>\n            </li>\n          );\n        })}\n      </ul>\n    </section>\n  );\n}\n"],"mappings":"AAiDY,SAQI,KARJ;AAjDZ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,UAAU;AAEnB,MAAM,OAAO;AAAA,EACX,EAAE,MAAM,mBAAmB,QAAQ,wBAAwB,MAAM,mBAAmB;AAAA,EACpF,EAAE,MAAM,oBAAoB,QAAQ,yBAAyB,MAAM,oBAAoB;AAAA,EACvF,EAAE,MAAM,qBAAqB,QAAQ,0BAA0B,MAAM,qBAAqB;AAAA,EAC1F,EAAE,MAAM,qBAAqB,QAAQ,0BAA0B,MAAM,qBAAqB;AAAA,EAC1F,EAAE,MAAM,mBAAmB,QAAQ,wBAAwB,MAAM,mBAAmB;AACtF;AAEA,MAAM,WAA+D;AAAA,EACnE,EAAE,MAAM,WAAW,OAAO,6BAA6B;AAAA,EACvD,EAAE,MAAM,OAAO,OAAO,wBAAwB;AAAA,EAC9C,EAAE,MAAM,aAAa,OAAO,qBAAqB;AAAA,EACjD,EAAE,MAAM,QAAQ,OAAO,oBAAoB;AAAA,EAC3C,EAAE,MAAM,SAAS,OAAO,qCAAqC;AAAA,EAC7D,EAAE,MAAM,SAAS,OAAO,yBAAyB;AAAA,EACjD,EAAE,MAAM,MAAM,OAAO,4BAA4B;AAAA,EACjD,EAAE,MAAM,UAAU,OAAO,iBAAiB;AAAA,EAC1C,EAAE,MAAM,UAAU,OAAO,0CAA0C;AAAA,EACnE,EAAE,MAAM,SAAS,OAAO,kBAAkB;AAAA,EAC1C,EAAE,MAAM,KAAK,OAAO,mBAAmB;AAAA,EACvC,EAAE,MAAM,OAAO,OAAO,2BAA2B;AAAA,EACjD,EAAE,MAAM,MAAM,OAAO,4BAA4B;AACnD;AAEO,SAAS,mBAAmB;AACjC,SACE,oBAAC,aAAQ,WAAU,yCACjB,8BAAC,QAAG,WAAU,kDAAiD,OAAO,EAAE,OAAO,cAAc,GAC1F,mBAAS,IAAI,CAAC,EAAE,MAAM,MAAM,MAAM,GAAG,MAAM;AAC1C,UAAM,MAAM,KAAK,IAAI,KAAK,MAAM;AAChC,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,WAAW;AAAA,UACT;AAAA,UACA,IAAI;AAAA,QACN;AAAA,QAEA;AAAA,8BAAC,UAAK,WAAW,GAAG,yDAAyD,IAAI,IAAI,GACnF,8BAAC,QAAK,WAAW,GAAG,WAAW,IAAI,IAAI,GAAG,GAC5C;AAAA,UACA,oBAAC,QAAG,WAAU,kDAAkD,iBAAM;AAAA;AAAA;AAAA,MATjE;AAAA,IAUP;AAAA,EAEJ,CAAC,GACH,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/discover-features.tsx"],"sourcesContent":["import {\n  BadgeCheck,\n  Code,\n  Database,\n  DoorOpen,\n  EyeOff,\n  FileCog,\n  Gem,\n  Globe,\n  HandCoins,\n  Lock,\n  Percent,\n  ScanEye,\n  Scale,\n  ShieldCheck,\n  type LucideIcon,\n} from \"lucide-react\";\nimport { ScrollSection } from \"./scroll-section.js\";\nimport { cn } from \"../utils/cn.js\";\n\nconst HUES = [\n  { text: \"text-brand-blue\", border: \"border-brand-blue/30\", tint: \"bg-brand-blue/10\" },\n  { text: \"text-brand-maeve\", border: \"border-brand-maeve/30\", tint: \"bg-brand-maeve/10\" },\n  { text: \"text-brand-orange\", border: \"border-brand-orange/30\", tint: \"bg-brand-orange/10\" },\n  { text: \"text-brand-purple\", border: \"border-brand-purple/30\", tint: \"bg-brand-purple/10\" },\n  { text: \"text-brand-rose\", border: \"border-brand-rose/30\", tint: \"bg-brand-rose/10\" },\n];\n\nconst FEATURES: ReadonlyArray<{ icon: LucideIcon; title: string }> = [\n  { icon: HandCoins, title: \"99% to creators and owners\" },\n  { icon: Globe, title: \"Censorship resistance\" },\n  { icon: ShieldCheck, title: \"Stark cryptography\" },\n  { icon: EyeOff, title: \"Privacy by design\" },\n  { icon: ScanEye, title: \"Zero knowledge proof with Starknet\" },\n  { icon: Percent, title: \"Zero fees on protocols\" },\n  { icon: Lock, title: \"Immutable smart contracts\" },\n  { icon: DoorOpen, title: \"Permissionless\" },\n  { icon: Database, title: \"Smart contracts are the source of truth\" },\n  { icon: FileCog, title: \"Programmable IP\" },\n  { icon: Gem, title: \"Immutable assets\" },\n  { icon: Scale, title: \"IP protection compliance\" },\n  { icon: Code, title: \"Open source and auditable\" },\n];\n\nexport function DiscoverFeatures() {\n  return (\n    <ScrollSection icon={<BadgeCheck />} title=\"Medialane features\">\n      {FEATURES.map(({ icon: Icon, title }, i) => {\n        const hue = HUES[i % HUES.length]!;\n        return (\n          <div\n            key={title}\n            className={cn(\n              \"flex min-h-[168px] w-56 shrink-0 snap-start flex-col gap-4 rounded-2xl border bg-card p-6 sm:w-64\",\n              hue.border,\n            )}\n          >\n            <span className={cn(\"flex h-11 w-11 items-center justify-center rounded-xl\", hue.tint)}>\n              <Icon className={cn(\"h-6 w-6\", hue.text)} />\n            </span>\n            <h3 className=\"text-lg font-black leading-snug tracking-tight\">{title}</h3>\n          </div>\n        );\n      })}\n    </ScrollSection>\n  );\n}\n"],"mappings":"AA8CyB,cAIf,YAJe;AA9CzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,qBAAqB;AAC9B,SAAS,UAAU;AAEnB,MAAM,OAAO;AAAA,EACX,EAAE,MAAM,mBAAmB,QAAQ,wBAAwB,MAAM,mBAAmB;AAAA,EACpF,EAAE,MAAM,oBAAoB,QAAQ,yBAAyB,MAAM,oBAAoB;AAAA,EACvF,EAAE,MAAM,qBAAqB,QAAQ,0BAA0B,MAAM,qBAAqB;AAAA,EAC1F,EAAE,MAAM,qBAAqB,QAAQ,0BAA0B,MAAM,qBAAqB;AAAA,EAC1F,EAAE,MAAM,mBAAmB,QAAQ,wBAAwB,MAAM,mBAAmB;AACtF;AAEA,MAAM,WAA+D;AAAA,EACnE,EAAE,MAAM,WAAW,OAAO,6BAA6B;AAAA,EACvD,EAAE,MAAM,OAAO,OAAO,wBAAwB;AAAA,EAC9C,EAAE,MAAM,aAAa,OAAO,qBAAqB;AAAA,EACjD,EAAE,MAAM,QAAQ,OAAO,oBAAoB;AAAA,EAC3C,EAAE,MAAM,SAAS,OAAO,qCAAqC;AAAA,EAC7D,EAAE,MAAM,SAAS,OAAO,yBAAyB;AAAA,EACjD,EAAE,MAAM,MAAM,OAAO,4BAA4B;AAAA,EACjD,EAAE,MAAM,UAAU,OAAO,iBAAiB;AAAA,EAC1C,EAAE,MAAM,UAAU,OAAO,0CAA0C;AAAA,EACnE,EAAE,MAAM,SAAS,OAAO,kBAAkB;AAAA,EAC1C,EAAE,MAAM,KAAK,OAAO,mBAAmB;AAAA,EACvC,EAAE,MAAM,OAAO,OAAO,2BAA2B;AAAA,EACjD,EAAE,MAAM,MAAM,OAAO,4BAA4B;AACnD;AAEO,SAAS,mBAAmB;AACjC,SACE,oBAAC,iBAAc,MAAM,oBAAC,cAAW,GAAI,OAAM,sBACxC,mBAAS,IAAI,CAAC,EAAE,MAAM,MAAM,MAAM,GAAG,MAAM;AAC1C,UAAM,MAAM,KAAK,IAAI,KAAK,MAAM;AAChC,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,WAAW;AAAA,UACT;AAAA,UACA,IAAI;AAAA,QACN;AAAA,QAEA;AAAA,8BAAC,UAAK,WAAW,GAAG,yDAAyD,IAAI,IAAI,GACnF,8BAAC,QAAK,WAAW,GAAG,WAAW,IAAI,IAAI,GAAG,GAC5C;AAAA,UACA,oBAAC,QAAG,WAAU,kDAAkD,iBAAM;AAAA;AAAA;AAAA,MATjE;AAAA,IAUP;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":[]}

package/dist/components/discover-page.cjs

@@ -91,8 +91,8 @@ function DiscoverPage({ useMarketActions, heroBadge, heroHeadline }) {
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ip_type_nav.IpTypeNav, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_discover_features.DiscoverFeatures, {}),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_discover_community_section.DiscoverCommunitySection, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_discover_features.DiscoverFeatures, {}),
     market.dialogs
   ] });
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/discover-page.tsx"],"sourcesContent":["\"use client\";\n\nimport { assetHref, collectionHref } from \"@medialane/sdk\";\nimport { Sparkles } from \"lucide-react\";\nimport { PageContainer } from \"./page-container.js\";\nimport { DiscoverHero } from \"./discover-hero.js\";\nimport { DiscoverCollectionsStrip } from \"./discover-collections-strip.js\";\nimport { DiscoverActivityStrip } from \"./discover-feed-section.js\";\nimport { DiscoverCommunitySection } from \"./discover-community-section.js\";\nimport { DiscoverFeatures } from \"./discover-features.js\";\nimport { IpTypeNav } from \"./ip-type-nav.js\";\nimport { useMedialaneApp } from \"./medialane-app.js\";\nimport type { CollectionMarketActions } from \"./collection-page.js\";\nimport { useOrders } from \"../utils/use-orders.js\";\nimport { useCollections } from \"../utils/use-collections.js\";\nimport { usePlatformStats } from \"../utils/use-platform-stats.js\";\nimport { isSameAddress } from \"../utils/same-address.js\";\n\nexport interface DiscoverPageProps {\n  useMarketActions: () => CollectionMarketActions;\n  heroBadge?: string;\n  heroHeadline?: string;\n}\n\nexport function DiscoverPage({ useMarketActions, heroBadge, heroHeadline }: DiscoverPageProps) {\n  const { walletAddress } = useMedialaneApp();\n  const market = useMarketActions();\n  const { stats } = usePlatformStats();\n  const { orders: tickerOrders } = useOrders({ status: \"ACTIVE\", sort: \"recent\", limit: 14 });\n  const { orders: feedOrders, isLoading: feedLoading } = useOrders({ status: \"ACTIVE\", sort: \"recent\", limit: 10 });\n  const { collections: featured, isLoading: featuredLoading } = useCollections(1, 8, true);\n  const { collections, isLoading: collectionsLoading } = useCollections(1, 8);\n\n  return (\n    <PageContainer className=\"box-border max-w-full space-y-14 px-4 pt-20 sm:space-y-20 sm:px-5 lg:px-6\">\n      <div className=\"space-y-8 sm:space-y-10\">\n        <DiscoverHero\n          stats={stats ?? null}\n          orders={tickerOrders}\n          badgeText={heroBadge}\n          headlineText={heroHeadline}\n          getTickerHref={(o) => assetHref(\"STARKNET\", o.nftContract, o.nftTokenId)}\n        />\n        <div className=\"space-y-14 sm:space-y-20\">\n          {(featuredLoading || featured.length > 0) && (\n            <DiscoverCollectionsStrip\n              collections={featured}\n              isLoading={featuredLoading}\n              getHref={(c) => collectionHref(\"STARKNET\", c.contractAddress)}\n              allCollectionsHref=\"/collections\"\n              title=\"Featured\"\n              icon={<Sparkles />}\n            />\n          )}\n          <DiscoverCollectionsStrip\n            collections={collections}\n            isLoading={collectionsLoading}\n            getHref={(c) => collectionHref(\"STARKNET\", c.contractAddress)}\n            allCollectionsHref=\"/collections\"\n          />\n        </div>\n      </div>\n      <DiscoverActivityStrip\n        orders={feedOrders}\n        isLoading={feedLoading}\n        marketplaceHref=\"/marketplace\"\n        onBuyOrder={market.buy}\n        isOwnOrder={(o) => !!walletAddress && !!o.offerer && isSameAddress(o.offerer, walletAddress)}\n      />\n      <IpTypeNav />\n      <DiscoverFeatures />\n      <DiscoverCommunitySection />\n      {market.dialogs}\n    </PageContainer>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoCQ;AAlCR,iBAA0C;AAC1C,0BAAyB;AACzB,4BAA8B;AAC9B,2BAA6B;AAC7B,wCAAyC;AACzC,mCAAsC;AACtC,wCAAyC;AACzC,+BAAiC;AACjC,yBAA0B;AAC1B,2BAAgC;AAEhC,wBAA0B;AAC1B,6BAA+B;AAC/B,gCAAiC;AACjC,0BAA8B;AAQvB,SAAS,aAAa,EAAE,kBAAkB,WAAW,aAAa,GAAsB;AAC7F,QAAM,EAAE,cAAc,QAAI,sCAAgB;AAC1C,QAAM,SAAS,iBAAiB;AAChC,QAAM,EAAE,MAAM,QAAI,4CAAiB;AACnC,QAAM,EAAE,QAAQ,aAAa,QAAI,6BAAU,EAAE,QAAQ,UAAU,MAAM,UAAU,OAAO,GAAG,CAAC;AAC1F,QAAM,EAAE,QAAQ,YAAY,WAAW,YAAY,QAAI,6BAAU,EAAE,QAAQ,UAAU,MAAM,UAAU,OAAO,GAAG,CAAC;AAChH,QAAM,EAAE,aAAa,UAAU,WAAW,gBAAgB,QAAI,uCAAe,GAAG,GAAG,IAAI;AACvF,QAAM,EAAE,aAAa,WAAW,mBAAmB,QAAI,uCAAe,GAAG,CAAC;AAE1E,SACE,6CAAC,uCAAc,WAAU,6EACvB;AAAA,iDAAC,SAAI,WAAU,2BACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,SAAS;AAAA,UAChB,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,cAAc;AAAA,UACd,eAAe,CAAC,UAAM,sBAAU,YAAY,EAAE,aAAa,EAAE,UAAU;AAAA;AAAA,MACzE;AAAA,MACA,6CAAC,SAAI,WAAU,4BACX;AAAA,4BAAmB,SAAS,SAAS,MACrC;AAAA,UAAC;AAAA;AAAA,YACC,aAAa;AAAA,YACb,WAAW;AAAA,YACX,SAAS,CAAC,UAAM,2BAAe,YAAY,EAAE,eAAe;AAAA,YAC5D,oBAAmB;AAAA,YACnB,OAAM;AAAA,YACN,MAAM,4CAAC,gCAAS;AAAA;AAAA,QAClB;AAAA,QAEF;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,WAAW;AAAA,YACX,SAAS,CAAC,UAAM,2BAAe,YAAY,EAAE,eAAe;AAAA,YAC5D,oBAAmB;AAAA;AAAA,QACrB;AAAA,SACF;AAAA,OACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,iBAAgB;AAAA,QAChB,YAAY,OAAO;AAAA,QACnB,YAAY,CAAC,MAAM,CAAC,CAAC,iBAAiB,CAAC,CAAC,EAAE,eAAW,mCAAc,EAAE,SAAS,aAAa;AAAA;AAAA,IAC7F;AAAA,IACA,4CAAC,gCAAU;AAAA,IACX,4CAAC,6CAAiB;AAAA,IAClB,4CAAC,8DAAyB;AAAA,IACzB,OAAO;AAAA,KACV;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/discover-page.tsx"],"sourcesContent":["\"use client\";\n\nimport { assetHref, collectionHref } from \"@medialane/sdk\";\nimport { Sparkles } from \"lucide-react\";\nimport { PageContainer } from \"./page-container.js\";\nimport { DiscoverHero } from \"./discover-hero.js\";\nimport { DiscoverCollectionsStrip } from \"./discover-collections-strip.js\";\nimport { DiscoverActivityStrip } from \"./discover-feed-section.js\";\nimport { DiscoverCommunitySection } from \"./discover-community-section.js\";\nimport { DiscoverFeatures } from \"./discover-features.js\";\nimport { IpTypeNav } from \"./ip-type-nav.js\";\nimport { useMedialaneApp } from \"./medialane-app.js\";\nimport type { CollectionMarketActions } from \"./collection-page.js\";\nimport { useOrders } from \"../utils/use-orders.js\";\nimport { useCollections } from \"../utils/use-collections.js\";\nimport { usePlatformStats } from \"../utils/use-platform-stats.js\";\nimport { isSameAddress } from \"../utils/same-address.js\";\n\nexport interface DiscoverPageProps {\n  useMarketActions: () => CollectionMarketActions;\n  heroBadge?: string;\n  heroHeadline?: string;\n}\n\nexport function DiscoverPage({ useMarketActions, heroBadge, heroHeadline }: DiscoverPageProps) {\n  const { walletAddress } = useMedialaneApp();\n  const market = useMarketActions();\n  const { stats } = usePlatformStats();\n  const { orders: tickerOrders } = useOrders({ status: \"ACTIVE\", sort: \"recent\", limit: 14 });\n  const { orders: feedOrders, isLoading: feedLoading } = useOrders({ status: \"ACTIVE\", sort: \"recent\", limit: 10 });\n  const { collections: featured, isLoading: featuredLoading } = useCollections(1, 8, true);\n  const { collections, isLoading: collectionsLoading } = useCollections(1, 8);\n\n  return (\n    <PageContainer className=\"box-border max-w-full space-y-14 px-4 pt-20 sm:space-y-20 sm:px-5 lg:px-6\">\n      <div className=\"space-y-8 sm:space-y-10\">\n        <DiscoverHero\n          stats={stats ?? null}\n          orders={tickerOrders}\n          badgeText={heroBadge}\n          headlineText={heroHeadline}\n          getTickerHref={(o) => assetHref(\"STARKNET\", o.nftContract, o.nftTokenId)}\n        />\n        <div className=\"space-y-14 sm:space-y-20\">\n          {(featuredLoading || featured.length > 0) && (\n            <DiscoverCollectionsStrip\n              collections={featured}\n              isLoading={featuredLoading}\n              getHref={(c) => collectionHref(\"STARKNET\", c.contractAddress)}\n              allCollectionsHref=\"/collections\"\n              title=\"Featured\"\n              icon={<Sparkles />}\n            />\n          )}\n          <DiscoverCollectionsStrip\n            collections={collections}\n            isLoading={collectionsLoading}\n            getHref={(c) => collectionHref(\"STARKNET\", c.contractAddress)}\n            allCollectionsHref=\"/collections\"\n          />\n        </div>\n      </div>\n      <DiscoverActivityStrip\n        orders={feedOrders}\n        isLoading={feedLoading}\n        marketplaceHref=\"/marketplace\"\n        onBuyOrder={market.buy}\n        isOwnOrder={(o) => !!walletAddress && !!o.offerer && isSameAddress(o.offerer, walletAddress)}\n      />\n      <IpTypeNav />\n      <DiscoverCommunitySection />\n      <DiscoverFeatures />\n      {market.dialogs}\n    </PageContainer>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoCQ;AAlCR,iBAA0C;AAC1C,0BAAyB;AACzB,4BAA8B;AAC9B,2BAA6B;AAC7B,wCAAyC;AACzC,mCAAsC;AACtC,wCAAyC;AACzC,+BAAiC;AACjC,yBAA0B;AAC1B,2BAAgC;AAEhC,wBAA0B;AAC1B,6BAA+B;AAC/B,gCAAiC;AACjC,0BAA8B;AAQvB,SAAS,aAAa,EAAE,kBAAkB,WAAW,aAAa,GAAsB;AAC7F,QAAM,EAAE,cAAc,QAAI,sCAAgB;AAC1C,QAAM,SAAS,iBAAiB;AAChC,QAAM,EAAE,MAAM,QAAI,4CAAiB;AACnC,QAAM,EAAE,QAAQ,aAAa,QAAI,6BAAU,EAAE,QAAQ,UAAU,MAAM,UAAU,OAAO,GAAG,CAAC;AAC1F,QAAM,EAAE,QAAQ,YAAY,WAAW,YAAY,QAAI,6BAAU,EAAE,QAAQ,UAAU,MAAM,UAAU,OAAO,GAAG,CAAC;AAChH,QAAM,EAAE,aAAa,UAAU,WAAW,gBAAgB,QAAI,uCAAe,GAAG,GAAG,IAAI;AACvF,QAAM,EAAE,aAAa,WAAW,mBAAmB,QAAI,uCAAe,GAAG,CAAC;AAE1E,SACE,6CAAC,uCAAc,WAAU,6EACvB;AAAA,iDAAC,SAAI,WAAU,2BACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,SAAS;AAAA,UAChB,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,cAAc;AAAA,UACd,eAAe,CAAC,UAAM,sBAAU,YAAY,EAAE,aAAa,EAAE,UAAU;AAAA;AAAA,MACzE;AAAA,MACA,6CAAC,SAAI,WAAU,4BACX;AAAA,4BAAmB,SAAS,SAAS,MACrC;AAAA,UAAC;AAAA;AAAA,YACC,aAAa;AAAA,YACb,WAAW;AAAA,YACX,SAAS,CAAC,UAAM,2BAAe,YAAY,EAAE,eAAe;AAAA,YAC5D,oBAAmB;AAAA,YACnB,OAAM;AAAA,YACN,MAAM,4CAAC,gCAAS;AAAA;AAAA,QAClB;AAAA,QAEF;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,WAAW;AAAA,YACX,SAAS,CAAC,UAAM,2BAAe,YAAY,EAAE,eAAe;AAAA,YAC5D,oBAAmB;AAAA;AAAA,QACrB;AAAA,SACF;AAAA,OACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,iBAAgB;AAAA,QAChB,YAAY,OAAO;AAAA,QACnB,YAAY,CAAC,MAAM,CAAC,CAAC,iBAAiB,CAAC,CAAC,EAAE,eAAW,mCAAc,EAAE,SAAS,aAAa;AAAA;AAAA,IAC7F;AAAA,IACA,4CAAC,gCAAU;AAAA,IACX,4CAAC,8DAAyB;AAAA,IAC1B,4CAAC,6CAAiB;AAAA,IACjB,OAAO;AAAA,KACV;AAEJ;","names":[]}

package/dist/components/discover-page.js

@@ -68,8 +68,8 @@ function DiscoverPage({ useMarketActions, heroBadge, heroHeadline }) {
       }
     ),
     /* @__PURE__ */ jsx(IpTypeNav, {}),
-    /* @__PURE__ */ jsx(DiscoverFeatures, {}),
     /* @__PURE__ */ jsx(DiscoverCommunitySection, {}),
+    /* @__PURE__ */ jsx(DiscoverFeatures, {}),
     market.dialogs
   ] });
 }