@medialane/ui 0.93.1 → 0.94.1

package/dist/components/portfolio-bento-tile.cjs

@@ -36,18 +36,10 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_link = __toESM(require("next/link"), 1);
 var import_lucide_react = require("lucide-react");
 var import_cn = require("../utils/cn.js");
-const SIZE_CLASS = {
-  large: "md:col-span-2 md:row-span-2",
-  half: "md:col-span-2 md:row-span-1",
-  full: "md:col-span-4 md:row-span-1"
-};
 function PortfolioBentoTile({
   title,
   href,
-  size = "half",
-  action,
-  isEmpty,
-  emptyState,
+  size = "default",
   children,
   className
 }) {
@@ -55,29 +47,26 @@ function PortfolioBentoTile({
     "section",
     {
       className: (0, import_cn.cn)(
-        "rounded-2xl border border-border/60 bg-card min-w-0 flex flex-col overflow-hidden",
-        SIZE_CLASS[size],
+        "rounded-2xl border border-border/50 bg-card/60 min-w-0 mb-4 break-inside-avoid",
+        size === "wide" && "[column-span:all]",
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between gap-3 px-4 pt-3.5 pb-2.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between gap-3 px-4 pt-4 pb-3", children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-[11px] font-semibold uppercase tracking-wider text-muted-foreground", children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 shrink-0", children: [
-            action,
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-              import_link.default,
-              {
-                href,
-                className: "inline-flex items-center gap-1 text-xs font-medium text-muted-foreground hover:text-foreground transition-colors",
-                children: [
-                  "See all",
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRight, { className: "h-3 w-3" })
-                ]
-              }
-            )
-          ] })
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            import_link.default,
+            {
+              href,
+              className: "inline-flex items-center gap-1 text-xs font-medium text-muted-foreground hover:text-foreground transition-colors",
+              children: [
+                "See all",
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRight, { className: "h-3 w-3" })
+              ]
+            }
+          )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "px-4 pb-4 flex-1 flex flex-col", children: isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex-1 flex items-center justify-center py-6", children: emptyState }) : children })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "px-4 pb-4", children })
       ]
     }
   );

package/dist/components/portfolio-bento-tile.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/portfolio-bento-tile.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { ArrowRight } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface PortfolioBentoTileProps {\n  /** Tile heading, e.g. \"Collections\". */\n  title: string;\n  /** \"See all\" link target — also the tile's own click-through when there's no in-tile action. */\n  href: string;\n  /**\n   * Grid footprint on a 4-column desktop grid. \"large\" = 2 cols × 2 rows\n   * (the primary, media-forward tile), \"half\" = 2 cols × 1 row (pairs with\n   * another \"half\" tile to fill a large tile's row), \"full\" = all 4 columns.\n   */\n  size?: \"large\" | \"half\" | \"full\";\n  /** Single primary in-tile action, rendered top-right of the tile header (e.g. a \"List\" button). */\n  action?: React.ReactNode;\n  /** True when this tile's content is empty — renders emptyState instead of children. */\n  isEmpty?: boolean;\n  emptyState?: React.ReactNode;\n  children: React.ReactNode;\n  className?: string;\n}\n\nconst SIZE_CLASS: Record<NonNullable<PortfolioBentoTileProps[\"size\"]>, string> = {\n  large: \"md:col-span-2 md:row-span-2\",\n  half: \"md:col-span-2 md:row-span-1\",\n  full: \"md:col-span-4 md:row-span-1\",\n};\n\n/**\n * A single bento cell on the portfolio landing page: a titled, media-forward\n * preview of one section (Collections, Assets, Tickets & memberships,\n * Activity) expanding into its full subpage via \"See all\" or the tile's own\n * content links. Pure presentation — content is supplied by the caller.\n */\nexport function PortfolioBentoTile({\n  title,\n  href,\n  size = \"half\",\n  action,\n  isEmpty,\n  emptyState,\n  children,\n  className,\n}: PortfolioBentoTileProps) {\n  return (\n    <section\n      className={cn(\n        \"rounded-2xl border border-border/60 bg-card min-w-0 flex flex-col overflow-hidden\",\n        SIZE_CLASS[size],\n        className,\n      )}\n    >\n      <div className=\"flex items-center justify-between gap-3 px-4 pt-3.5 pb-2.5\">\n        <h2 className=\"text-[11px] font-semibold uppercase tracking-wider text-muted-foreground\">\n          {title}\n        </h2>\n        <div className=\"flex items-center gap-2 shrink-0\">\n          {action}\n          <Link\n            href={href}\n            className=\"inline-flex items-center gap-1 text-xs font-medium text-muted-foreground hover:text-foreground transition-colors\"\n          >\n            See all\n            <ArrowRight className=\"h-3 w-3\" />\n          </Link>\n        </div>\n      </div>\n      <div className=\"px-4 pb-4 flex-1 flex flex-col\">\n        {isEmpty ? (\n          <div className=\"flex-1 flex items-center justify-center py-6\">\n            {emptyState}\n          </div>\n        ) : (\n          children\n        )}\n      </div>\n    </section>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyDQ;AAvDR,kBAAiB;AACjB,0BAA2B;AAC3B,gBAAmB;AAsBnB,MAAM,aAA2E;AAAA,EAC/E,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AACR;AAQO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAC1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA,WAAW,IAAI;AAAA,QACf;AAAA,MACF;AAAA,MAEA;AAAA,qDAAC,SAAI,WAAU,8DACb;AAAA,sDAAC,QAAG,WAAU,4EACX,iBACH;AAAA,UACA,6CAAC,SAAI,WAAU,oCACZ;AAAA;AAAA,YACD;AAAA,cAAC,YAAAA;AAAA,cAAA;AAAA,gBACC;AAAA,gBACA,WAAU;AAAA,gBACX;AAAA;AAAA,kBAEC,4CAAC,kCAAW,WAAU,WAAU;AAAA;AAAA;AAAA,YAClC;AAAA,aACF;AAAA,WACF;AAAA,QACA,4CAAC,SAAI,WAAU,kCACZ,oBACC,4CAAC,SAAI,WAAU,gDACZ,sBACH,IAEA,UAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;","names":["Link"]}
+{"version":3,"sources":["../../src/components/portfolio-bento-tile.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { ArrowRight } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface PortfolioBentoTileProps {\n  /** Tile heading, e.g. \"Collections\". */\n  title: string;\n  /** \"See all\" link target. */\n  href: string;\n  /**\n   * \"wide\" breaks the tile out of the masonry column flow to span full\n   * width (for list-shaped content like Activity). Default sits in the\n   * masonry flow, sized to its own content.\n   */\n  size?: \"wide\" | \"default\";\n  children: React.ReactNode;\n  className?: string;\n}\n\n/**\n * A single masonry cell on the portfolio landing page: a titled,\n * media-forward preview of one section, sized to its own content rather\n * than a fixed grid track, expanding into its full subpage via \"See all\".\n * Pure presentation — content is supplied by the caller.\n */\nexport function PortfolioBentoTile({\n  title,\n  href,\n  size = \"default\",\n  children,\n  className,\n}: PortfolioBentoTileProps) {\n  return (\n    <section\n      className={cn(\n        \"rounded-2xl border border-border/50 bg-card/60 min-w-0 mb-4 break-inside-avoid\",\n        size === \"wide\" && \"[column-span:all]\",\n        className,\n      )}\n    >\n      <div className=\"flex items-center justify-between gap-3 px-4 pt-4 pb-3\">\n        <h2 className=\"text-[11px] font-semibold uppercase tracking-wider text-muted-foreground\">\n          {title}\n        </h2>\n        <Link\n          href={href}\n          className=\"inline-flex items-center gap-1 text-xs font-medium text-muted-foreground hover:text-foreground transition-colors\"\n        >\n          See all\n          <ArrowRight className=\"h-3 w-3\" />\n        </Link>\n      </div>\n      <div className=\"px-4 pb-4\">{children}</div>\n    </section>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2CQ;AAzCR,kBAAiB;AACjB,0BAA2B;AAC3B,gBAAmB;AAuBZ,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AACF,GAA4B;AAC1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA,SAAS,UAAU;AAAA,QACnB;AAAA,MACF;AAAA,MAEA;AAAA,qDAAC,SAAI,WAAU,0DACb;AAAA,sDAAC,QAAG,WAAU,4EACX,iBACH;AAAA,UACA;AAAA,YAAC,YAAAA;AAAA,YAAA;AAAA,cACC;AAAA,cACA,WAAU;AAAA,cACX;AAAA;AAAA,gBAEC,4CAAC,kCAAW,WAAU,WAAU;AAAA;AAAA;AAAA,UAClC;AAAA,WACF;AAAA,QACA,4CAAC,SAAI,WAAU,aAAa,UAAS;AAAA;AAAA;AAAA,EACvC;AAEJ;","names":["Link"]}

package/dist/components/portfolio-bento-tile.d.cts

@@ -3,28 +3,23 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 interface PortfolioBentoTileProps {
     /** Tile heading, e.g. "Collections". */
     title: string;
-    /** "See all" link target — also the tile's own click-through when there's no in-tile action. */
+    /** "See all" link target. */
     href: string;
     /**
-     * Grid footprint on a 4-column desktop grid. "large" = 2 cols × 2 rows
-     * (the primary, media-forward tile), "half" = 2 cols × 1 row (pairs with
-     * another "half" tile to fill a large tile's row), "full" = all 4 columns.
+     * "wide" breaks the tile out of the masonry column flow to span full
+     * width (for list-shaped content like Activity). Default sits in the
+     * masonry flow, sized to its own content.
      */
-    size?: "large" | "half" | "full";
-    /** Single primary in-tile action, rendered top-right of the tile header (e.g. a "List" button). */
-    action?: React.ReactNode;
-    /** True when this tile's content is empty — renders emptyState instead of children. */
-    isEmpty?: boolean;
-    emptyState?: React.ReactNode;
+    size?: "wide" | "default";
     children: React.ReactNode;
     className?: string;
 }
 /**
- * A single bento cell on the portfolio landing page: a titled, media-forward
- * preview of one section (Collections, Assets, Tickets & memberships,
- * Activity) expanding into its full subpage via "See all" or the tile's own
- * content links. Pure presentation — content is supplied by the caller.
+ * A single masonry cell on the portfolio landing page: a titled,
+ * media-forward preview of one section, sized to its own content rather
+ * than a fixed grid track, expanding into its full subpage via "See all".
+ * Pure presentation — content is supplied by the caller.
  */
-declare function PortfolioBentoTile({ title, href, size, action, isEmpty, emptyState, children, className, }: PortfolioBentoTileProps): react_jsx_runtime.JSX.Element;
+declare function PortfolioBentoTile({ title, href, size, children, className, }: PortfolioBentoTileProps): react_jsx_runtime.JSX.Element;
 
 export { PortfolioBentoTile, type PortfolioBentoTileProps };

package/dist/components/portfolio-bento-tile.d.ts

@@ -3,28 +3,23 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 interface PortfolioBentoTileProps {
     /** Tile heading, e.g. "Collections". */
     title: string;
-    /** "See all" link target — also the tile's own click-through when there's no in-tile action. */
+    /** "See all" link target. */
     href: string;
     /**
-     * Grid footprint on a 4-column desktop grid. "large" = 2 cols × 2 rows
-     * (the primary, media-forward tile), "half" = 2 cols × 1 row (pairs with
-     * another "half" tile to fill a large tile's row), "full" = all 4 columns.
+     * "wide" breaks the tile out of the masonry column flow to span full
+     * width (for list-shaped content like Activity). Default sits in the
+     * masonry flow, sized to its own content.
      */
-    size?: "large" | "half" | "full";
-    /** Single primary in-tile action, rendered top-right of the tile header (e.g. a "List" button). */
-    action?: React.ReactNode;
-    /** True when this tile's content is empty — renders emptyState instead of children. */
-    isEmpty?: boolean;
-    emptyState?: React.ReactNode;
+    size?: "wide" | "default";
     children: React.ReactNode;
     className?: string;
 }
 /**
- * A single bento cell on the portfolio landing page: a titled, media-forward
- * preview of one section (Collections, Assets, Tickets & memberships,
- * Activity) expanding into its full subpage via "See all" or the tile's own
- * content links. Pure presentation — content is supplied by the caller.
+ * A single masonry cell on the portfolio landing page: a titled,
+ * media-forward preview of one section, sized to its own content rather
+ * than a fixed grid track, expanding into its full subpage via "See all".
+ * Pure presentation — content is supplied by the caller.
  */
-declare function PortfolioBentoTile({ title, href, size, action, isEmpty, emptyState, children, className, }: PortfolioBentoTileProps): react_jsx_runtime.JSX.Element;
+declare function PortfolioBentoTile({ title, href, size, children, className, }: PortfolioBentoTileProps): react_jsx_runtime.JSX.Element;
 
 export { PortfolioBentoTile, type PortfolioBentoTileProps };

package/dist/components/portfolio-bento-tile.js

@@ -3,18 +3,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import Link from "next/link";
 import { ArrowRight } from "lucide-react";
 import { cn } from "../utils/cn.js";
-const SIZE_CLASS = {
-  large: "md:col-span-2 md:row-span-2",
-  half: "md:col-span-2 md:row-span-1",
-  full: "md:col-span-4 md:row-span-1"
-};
 function PortfolioBentoTile({
   title,
   href,
-  size = "half",
-  action,
-  isEmpty,
-  emptyState,
+  size = "default",
   children,
   className
 }) {
@@ -22,29 +14,26 @@ function PortfolioBentoTile({
     "section",
     {
       className: cn(
-        "rounded-2xl border border-border/60 bg-card min-w-0 flex flex-col overflow-hidden",
-        SIZE_CLASS[size],
+        "rounded-2xl border border-border/50 bg-card/60 min-w-0 mb-4 break-inside-avoid",
+        size === "wide" && "[column-span:all]",
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 px-4 pt-3.5 pb-2.5", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 px-4 pt-4 pb-3", children: [
           /* @__PURE__ */ jsx("h2", { className: "text-[11px] font-semibold uppercase tracking-wider text-muted-foreground", children: title }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [
-            action,
-            /* @__PURE__ */ jsxs(
-              Link,
-              {
-                href,
-                className: "inline-flex items-center gap-1 text-xs font-medium text-muted-foreground hover:text-foreground transition-colors",
-                children: [
-                  "See all",
-                  /* @__PURE__ */ jsx(ArrowRight, { className: "h-3 w-3" })
-                ]
-              }
-            )
-          ] })
+          /* @__PURE__ */ jsxs(
+            Link,
+            {
+              href,
+              className: "inline-flex items-center gap-1 text-xs font-medium text-muted-foreground hover:text-foreground transition-colors",
+              children: [
+                "See all",
+                /* @__PURE__ */ jsx(ArrowRight, { className: "h-3 w-3" })
+              ]
+            }
+          )
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "px-4 pb-4 flex-1 flex flex-col", children: isEmpty ? /* @__PURE__ */ jsx("div", { className: "flex-1 flex items-center justify-center py-6", children: emptyState }) : children })
+        /* @__PURE__ */ jsx("div", { className: "px-4 pb-4", children })
       ]
     }
   );

package/dist/components/portfolio-bento-tile.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/portfolio-bento-tile.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { ArrowRight } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface PortfolioBentoTileProps {\n  /** Tile heading, e.g. \"Collections\". */\n  title: string;\n  /** \"See all\" link target — also the tile's own click-through when there's no in-tile action. */\n  href: string;\n  /**\n   * Grid footprint on a 4-column desktop grid. \"large\" = 2 cols × 2 rows\n   * (the primary, media-forward tile), \"half\" = 2 cols × 1 row (pairs with\n   * another \"half\" tile to fill a large tile's row), \"full\" = all 4 columns.\n   */\n  size?: \"large\" | \"half\" | \"full\";\n  /** Single primary in-tile action, rendered top-right of the tile header (e.g. a \"List\" button). */\n  action?: React.ReactNode;\n  /** True when this tile's content is empty — renders emptyState instead of children. */\n  isEmpty?: boolean;\n  emptyState?: React.ReactNode;\n  children: React.ReactNode;\n  className?: string;\n}\n\nconst SIZE_CLASS: Record<NonNullable<PortfolioBentoTileProps[\"size\"]>, string> = {\n  large: \"md:col-span-2 md:row-span-2\",\n  half: \"md:col-span-2 md:row-span-1\",\n  full: \"md:col-span-4 md:row-span-1\",\n};\n\n/**\n * A single bento cell on the portfolio landing page: a titled, media-forward\n * preview of one section (Collections, Assets, Tickets & memberships,\n * Activity) expanding into its full subpage via \"See all\" or the tile's own\n * content links. Pure presentation — content is supplied by the caller.\n */\nexport function PortfolioBentoTile({\n  title,\n  href,\n  size = \"half\",\n  action,\n  isEmpty,\n  emptyState,\n  children,\n  className,\n}: PortfolioBentoTileProps) {\n  return (\n    <section\n      className={cn(\n        \"rounded-2xl border border-border/60 bg-card min-w-0 flex flex-col overflow-hidden\",\n        SIZE_CLASS[size],\n        className,\n      )}\n    >\n      <div className=\"flex items-center justify-between gap-3 px-4 pt-3.5 pb-2.5\">\n        <h2 className=\"text-[11px] font-semibold uppercase tracking-wider text-muted-foreground\">\n          {title}\n        </h2>\n        <div className=\"flex items-center gap-2 shrink-0\">\n          {action}\n          <Link\n            href={href}\n            className=\"inline-flex items-center gap-1 text-xs font-medium text-muted-foreground hover:text-foreground transition-colors\"\n          >\n            See all\n            <ArrowRight className=\"h-3 w-3\" />\n          </Link>\n        </div>\n      </div>\n      <div className=\"px-4 pb-4 flex-1 flex flex-col\">\n        {isEmpty ? (\n          <div className=\"flex-1 flex items-center justify-center py-6\">\n            {emptyState}\n          </div>\n        ) : (\n          children\n        )}\n      </div>\n    </section>\n  );\n}\n"],"mappings":";AAyDQ,cAKE,YALF;AAvDR,OAAO,UAAU;AACjB,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AAsBnB,MAAM,aAA2E;AAAA,EAC/E,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AACR;AAQO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAC1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,WAAW,IAAI;AAAA,QACf;AAAA,MACF;AAAA,MAEA;AAAA,6BAAC,SAAI,WAAU,8DACb;AAAA,8BAAC,QAAG,WAAU,4EACX,iBACH;AAAA,UACA,qBAAC,SAAI,WAAU,oCACZ;AAAA;AAAA,YACD;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA,WAAU;AAAA,gBACX;AAAA;AAAA,kBAEC,oBAAC,cAAW,WAAU,WAAU;AAAA;AAAA;AAAA,YAClC;AAAA,aACF;AAAA,WACF;AAAA,QACA,oBAAC,SAAI,WAAU,kCACZ,oBACC,oBAAC,SAAI,WAAU,gDACZ,sBACH,IAEA,UAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/portfolio-bento-tile.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { ArrowRight } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface PortfolioBentoTileProps {\n  /** Tile heading, e.g. \"Collections\". */\n  title: string;\n  /** \"See all\" link target. */\n  href: string;\n  /**\n   * \"wide\" breaks the tile out of the masonry column flow to span full\n   * width (for list-shaped content like Activity). Default sits in the\n   * masonry flow, sized to its own content.\n   */\n  size?: \"wide\" | \"default\";\n  children: React.ReactNode;\n  className?: string;\n}\n\n/**\n * A single masonry cell on the portfolio landing page: a titled,\n * media-forward preview of one section, sized to its own content rather\n * than a fixed grid track, expanding into its full subpage via \"See all\".\n * Pure presentation — content is supplied by the caller.\n */\nexport function PortfolioBentoTile({\n  title,\n  href,\n  size = \"default\",\n  children,\n  className,\n}: PortfolioBentoTileProps) {\n  return (\n    <section\n      className={cn(\n        \"rounded-2xl border border-border/50 bg-card/60 min-w-0 mb-4 break-inside-avoid\",\n        size === \"wide\" && \"[column-span:all]\",\n        className,\n      )}\n    >\n      <div className=\"flex items-center justify-between gap-3 px-4 pt-4 pb-3\">\n        <h2 className=\"text-[11px] font-semibold uppercase tracking-wider text-muted-foreground\">\n          {title}\n        </h2>\n        <Link\n          href={href}\n          className=\"inline-flex items-center gap-1 text-xs font-medium text-muted-foreground hover:text-foreground transition-colors\"\n        >\n          See all\n          <ArrowRight className=\"h-3 w-3\" />\n        </Link>\n      </div>\n      <div className=\"px-4 pb-4\">{children}</div>\n    </section>\n  );\n}\n"],"mappings":";AA2CQ,cAGA,YAHA;AAzCR,OAAO,UAAU;AACjB,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AAuBZ,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AACF,GAA4B;AAC1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,SAAS,UAAU;AAAA,QACnB;AAAA,MACF;AAAA,MAEA;AAAA,6BAAC,SAAI,WAAU,0DACb;AAAA,8BAAC,QAAG,WAAU,4EACX,iBACH;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,WAAU;AAAA,cACX;AAAA;AAAA,gBAEC,oBAAC,cAAW,WAAU,WAAU;AAAA;AAAA;AAAA,UAClC;AAAA,WACF;AAAA,QACA,oBAAC,SAAI,WAAU,aAAa,UAAS;AAAA;AAAA;AAAA,EACvC;AAEJ;","names":[]}

package/dist/components/portfolio-chip-filter.cjs

@@ -1,8 +1,10 @@
 "use strict";
 "use client";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,6 +18,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var portfolio_chip_filter_exports = {};
 __export(portfolio_chip_filter_exports, {
@@ -23,15 +33,19 @@ __export(portfolio_chip_filter_exports, {
 });
 module.exports = __toCommonJS(portfolio_chip_filter_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_link = __toESM(require("next/link"), 1);
 var import_cn = require("../utils/cn.js");
+const CHIP_CLASS = "shrink-0 rounded-full px-3.5 py-1.5 text-[13px] whitespace-nowrap transition-colors";
+const INACTIVE_CLASS = "bg-muted text-muted-foreground hover:text-foreground";
+const ACTIVE_CLASS = "bg-primary text-primary-foreground font-medium";
 function PortfolioChipFilter({
   options,
   value,
   onChange,
+  showAll = true,
   className
 }) {
-  const all = { key: "all", label: "All" };
-  const items = [all, ...options];
+  const items = showAll ? [{ key: "all", label: "All" }, ...options] : options;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
@@ -39,22 +53,26 @@ function PortfolioChipFilter({
         "flex items-center gap-1.5 overflow-x-auto scrollbar-hide -mx-4 px-4 sm:-mx-6 sm:px-6 lg:-mx-8 lg:px-8",
         className
       ),
-      children: items.map((item) => {
-        const active = item.key === value;
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      children: items.map(
+        (item) => item.href ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_link.default,
+          {
+            href: item.href,
+            className: (0, import_cn.cn)(CHIP_CLASS, item.href === value ? ACTIVE_CLASS : INACTIVE_CLASS),
+            children: item.label
+          },
+          item.key
+        ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "button",
           {
             type: "button",
             onClick: () => onChange(item.key),
-            className: (0, import_cn.cn)(
-              "shrink-0 rounded-full px-3.5 py-1.5 text-[13px] whitespace-nowrap transition-colors",
-              active ? "bg-primary text-primary-foreground font-medium" : "bg-muted text-muted-foreground hover:text-foreground"
-            ),
+            className: (0, import_cn.cn)(CHIP_CLASS, item.key === value ? ACTIVE_CLASS : INACTIVE_CLASS),
             children: item.label
           },
           item.key
-        );
-      })
+        )
+      )
     }
   );
 }

package/dist/components/portfolio-chip-filter.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/portfolio-chip-filter.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"../utils/cn.js\";\n\nexport interface PortfolioChipFilterOption {\n  key: string;\n  label: string;\n}\n\nexport interface PortfolioChipFilterProps {\n  options: PortfolioChipFilterOption[];\n  /** Selected option key, or \"all\". */\n  value: string;\n  onChange: (key: string) => void;\n  className?: string;\n}\n\n/**\n * Horizontally-scrollable chip row for fast lateral access across portfolio\n * sections (Instagram/YouTube-style filter chips) — narrows which bento\n * tiles are visible on the same page, never navigates to a different route.\n */\nexport function PortfolioChipFilter({\n  options,\n  value,\n  onChange,\n  className,\n}: PortfolioChipFilterProps) {\n  const all: PortfolioChipFilterOption = { key: \"all\", label: \"All\" };\n  const items = [all, ...options];\n\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-1.5 overflow-x-auto scrollbar-hide -mx-4 px-4 sm:-mx-6 sm:px-6 lg:-mx-8 lg:px-8\",\n        className,\n      )}\n    >\n      {items.map((item) => {\n        const active = item.key === value;\n        return (\n          <button\n            key={item.key}\n            type=\"button\"\n            onClick={() => onChange(item.key)}\n            className={cn(\n              \"shrink-0 rounded-full px-3.5 py-1.5 text-[13px] whitespace-nowrap transition-colors\",\n              active\n                ? \"bg-primary text-primary-foreground font-medium\"\n                : \"bg-muted text-muted-foreground hover:text-foreground\",\n            )}\n          >\n            {item.label}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyCU;AAvCV,gBAAmB;AAoBZ,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA6B;AAC3B,QAAM,MAAiC,EAAE,KAAK,OAAO,OAAO,MAAM;AAClE,QAAM,QAAQ,CAAC,KAAK,GAAG,OAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEC,gBAAM,IAAI,CAAC,SAAS;AACnB,cAAM,SAAS,KAAK,QAAQ;AAC5B,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,MAAK;AAAA,YACL,SAAS,MAAM,SAAS,KAAK,GAAG;AAAA,YAChC,eAAW;AAAA,cACT;AAAA,cACA,SACI,mDACA;AAAA,YACN;AAAA,YAEC,eAAK;AAAA;AAAA,UAVD,KAAK;AAAA,QAWZ;AAAA,MAEJ,CAAC;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/portfolio-chip-filter.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface PortfolioChipFilterOption {\n  key: string;\n  label: string;\n  /**\n   * When set, this chip is a direct navigation link rather than an in-page\n   * filter. It's marked active when `href` equals the current `value`\n   * (pass the current pathname as `value` for a location-aware nav bar).\n   */\n  href?: string;\n}\n\nexport interface PortfolioChipFilterProps {\n  options: PortfolioChipFilterOption[];\n  /** Selected filter key, or the current pathname when used for navigation. */\n  value: string;\n  onChange: (key: string) => void;\n  /** Suppress the auto-injected \"All\" chip — for pure navigation bars where every option already has an href. Default true. */\n  showAll?: boolean;\n  className?: string;\n}\n\nconst CHIP_CLASS =\n  \"shrink-0 rounded-full px-3.5 py-1.5 text-[13px] whitespace-nowrap transition-colors\";\nconst INACTIVE_CLASS = \"bg-muted text-muted-foreground hover:text-foreground\";\nconst ACTIVE_CLASS = \"bg-primary text-primary-foreground font-medium\";\n\n/**\n * Horizontally-scrollable chip row — the portfolio section's sole\n * navigation mechanism (Instagram/YouTube-style chips), used both as an\n * in-page filter (chips with no `href`, toggled via `onChange`) and as\n * cross-page navigation (chips with `href`, highlighted active by matching\n * `value` against the current pathname).\n */\nexport function PortfolioChipFilter({\n  options,\n  value,\n  onChange,\n  showAll = true,\n  className,\n}: PortfolioChipFilterProps) {\n  const items = showAll ? [{ key: \"all\", label: \"All\" }, ...options] : options;\n\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-1.5 overflow-x-auto scrollbar-hide -mx-4 px-4 sm:-mx-6 sm:px-6 lg:-mx-8 lg:px-8\",\n        className,\n      )}\n    >\n      {items.map((item) =>\n        item.href ? (\n          <Link\n            key={item.key}\n            href={item.href}\n            className={cn(CHIP_CLASS, item.href === value ? ACTIVE_CLASS : INACTIVE_CLASS)}\n          >\n            {item.label}\n          </Link>\n        ) : (\n          <button\n            key={item.key}\n            type=\"button\"\n            onClick={() => onChange(item.key)}\n            className={cn(CHIP_CLASS, item.key === value ? ACTIVE_CLASS : INACTIVE_CLASS)}\n          >\n            {item.label}\n          </button>\n        ),\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwDU;AAtDV,kBAAiB;AACjB,gBAAmB;AAuBnB,MAAM,aACJ;AACF,MAAM,iBAAiB;AACvB,MAAM,eAAe;AASd,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AACF,GAA6B;AAC3B,QAAM,QAAQ,UAAU,CAAC,EAAE,KAAK,OAAO,OAAO,MAAM,GAAG,GAAG,OAAO,IAAI;AAErE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEC,gBAAM;AAAA,QAAI,CAAC,SACV,KAAK,OACH;AAAA,UAAC,YAAAA;AAAA,UAAA;AAAA,YAEC,MAAM,KAAK;AAAA,YACX,eAAW,cAAG,YAAY,KAAK,SAAS,QAAQ,eAAe,cAAc;AAAA,YAE5E,eAAK;AAAA;AAAA,UAJD,KAAK;AAAA,QAKZ,IAEA;AAAA,UAAC;AAAA;AAAA,YAEC,MAAK;AAAA,YACL,SAAS,MAAM,SAAS,KAAK,GAAG;AAAA,YAChC,eAAW,cAAG,YAAY,KAAK,QAAQ,QAAQ,eAAe,cAAc;AAAA,YAE3E,eAAK;AAAA;AAAA,UALD,KAAK;AAAA,QAMZ;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":["Link"]}

package/dist/components/portfolio-chip-filter.d.cts

@@ -3,19 +3,29 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 interface PortfolioChipFilterOption {
     key: string;
     label: string;
+    /**
+     * When set, this chip is a direct navigation link rather than an in-page
+     * filter. It's marked active when `href` equals the current `value`
+     * (pass the current pathname as `value` for a location-aware nav bar).
+     */
+    href?: string;
 }
 interface PortfolioChipFilterProps {
     options: PortfolioChipFilterOption[];
-    /** Selected option key, or "all". */
+    /** Selected filter key, or the current pathname when used for navigation. */
     value: string;
     onChange: (key: string) => void;
+    /** Suppress the auto-injected "All" chip — for pure navigation bars where every option already has an href. Default true. */
+    showAll?: boolean;
     className?: string;
 }
 /**
- * Horizontally-scrollable chip row for fast lateral access across portfolio
- * sections (Instagram/YouTube-style filter chips) — narrows which bento
- * tiles are visible on the same page, never navigates to a different route.
+ * Horizontally-scrollable chip row — the portfolio section's sole
+ * navigation mechanism (Instagram/YouTube-style chips), used both as an
+ * in-page filter (chips with no `href`, toggled via `onChange`) and as
+ * cross-page navigation (chips with `href`, highlighted active by matching
+ * `value` against the current pathname).
  */
-declare function PortfolioChipFilter({ options, value, onChange, className, }: PortfolioChipFilterProps): react_jsx_runtime.JSX.Element;
+declare function PortfolioChipFilter({ options, value, onChange, showAll, className, }: PortfolioChipFilterProps): react_jsx_runtime.JSX.Element;
 
 export { PortfolioChipFilter, type PortfolioChipFilterOption, type PortfolioChipFilterProps };

package/dist/components/portfolio-chip-filter.d.ts

@@ -3,19 +3,29 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 interface PortfolioChipFilterOption {
     key: string;
     label: string;
+    /**
+     * When set, this chip is a direct navigation link rather than an in-page
+     * filter. It's marked active when `href` equals the current `value`
+     * (pass the current pathname as `value` for a location-aware nav bar).
+     */
+    href?: string;
 }
 interface PortfolioChipFilterProps {
     options: PortfolioChipFilterOption[];
-    /** Selected option key, or "all". */
+    /** Selected filter key, or the current pathname when used for navigation. */
     value: string;
     onChange: (key: string) => void;
+    /** Suppress the auto-injected "All" chip — for pure navigation bars where every option already has an href. Default true. */
+    showAll?: boolean;
     className?: string;
 }
 /**
- * Horizontally-scrollable chip row for fast lateral access across portfolio
- * sections (Instagram/YouTube-style filter chips) — narrows which bento
- * tiles are visible on the same page, never navigates to a different route.
+ * Horizontally-scrollable chip row — the portfolio section's sole
+ * navigation mechanism (Instagram/YouTube-style chips), used both as an
+ * in-page filter (chips with no `href`, toggled via `onChange`) and as
+ * cross-page navigation (chips with `href`, highlighted active by matching
+ * `value` against the current pathname).
  */
-declare function PortfolioChipFilter({ options, value, onChange, className, }: PortfolioChipFilterProps): react_jsx_runtime.JSX.Element;
+declare function PortfolioChipFilter({ options, value, onChange, showAll, className, }: PortfolioChipFilterProps): react_jsx_runtime.JSX.Element;
 
 export { PortfolioChipFilter, type PortfolioChipFilterOption, type PortfolioChipFilterProps };

package/dist/components/portfolio-chip-filter.js

@@ -1,14 +1,18 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
+import Link from "next/link";
 import { cn } from "../utils/cn.js";
+const CHIP_CLASS = "shrink-0 rounded-full px-3.5 py-1.5 text-[13px] whitespace-nowrap transition-colors";
+const INACTIVE_CLASS = "bg-muted text-muted-foreground hover:text-foreground";
+const ACTIVE_CLASS = "bg-primary text-primary-foreground font-medium";
 function PortfolioChipFilter({
   options,
   value,
   onChange,
+  showAll = true,
   className
 }) {
-  const all = { key: "all", label: "All" };
-  const items = [all, ...options];
+  const items = showAll ? [{ key: "all", label: "All" }, ...options] : options;
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -16,22 +20,26 @@ function PortfolioChipFilter({
         "flex items-center gap-1.5 overflow-x-auto scrollbar-hide -mx-4 px-4 sm:-mx-6 sm:px-6 lg:-mx-8 lg:px-8",
         className
       ),
-      children: items.map((item) => {
-        const active = item.key === value;
-        return /* @__PURE__ */ jsx(
+      children: items.map(
+        (item) => item.href ? /* @__PURE__ */ jsx(
+          Link,
+          {
+            href: item.href,
+            className: cn(CHIP_CLASS, item.href === value ? ACTIVE_CLASS : INACTIVE_CLASS),
+            children: item.label
+          },
+          item.key
+        ) : /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
             onClick: () => onChange(item.key),
-            className: cn(
-              "shrink-0 rounded-full px-3.5 py-1.5 text-[13px] whitespace-nowrap transition-colors",
-              active ? "bg-primary text-primary-foreground font-medium" : "bg-muted text-muted-foreground hover:text-foreground"
-            ),
+            className: cn(CHIP_CLASS, item.key === value ? ACTIVE_CLASS : INACTIVE_CLASS),
             children: item.label
           },
           item.key
-        );
-      })
+        )
+      )
     }
   );
 }

package/dist/components/portfolio-chip-filter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/portfolio-chip-filter.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"../utils/cn.js\";\n\nexport interface PortfolioChipFilterOption {\n  key: string;\n  label: string;\n}\n\nexport interface PortfolioChipFilterProps {\n  options: PortfolioChipFilterOption[];\n  /** Selected option key, or \"all\". */\n  value: string;\n  onChange: (key: string) => void;\n  className?: string;\n}\n\n/**\n * Horizontally-scrollable chip row for fast lateral access across portfolio\n * sections (Instagram/YouTube-style filter chips) — narrows which bento\n * tiles are visible on the same page, never navigates to a different route.\n */\nexport function PortfolioChipFilter({\n  options,\n  value,\n  onChange,\n  className,\n}: PortfolioChipFilterProps) {\n  const all: PortfolioChipFilterOption = { key: \"all\", label: \"All\" };\n  const items = [all, ...options];\n\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-1.5 overflow-x-auto scrollbar-hide -mx-4 px-4 sm:-mx-6 sm:px-6 lg:-mx-8 lg:px-8\",\n        className,\n      )}\n    >\n      {items.map((item) => {\n        const active = item.key === value;\n        return (\n          <button\n            key={item.key}\n            type=\"button\"\n            onClick={() => onChange(item.key)}\n            className={cn(\n              \"shrink-0 rounded-full px-3.5 py-1.5 text-[13px] whitespace-nowrap transition-colors\",\n              active\n                ? \"bg-primary text-primary-foreground font-medium\"\n                : \"bg-muted text-muted-foreground hover:text-foreground\",\n            )}\n          >\n            {item.label}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";AAyCU;AAvCV,SAAS,UAAU;AAoBZ,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA6B;AAC3B,QAAM,MAAiC,EAAE,KAAK,OAAO,OAAO,MAAM;AAClE,QAAM,QAAQ,CAAC,KAAK,GAAG,OAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEC,gBAAM,IAAI,CAAC,SAAS;AACnB,cAAM,SAAS,KAAK,QAAQ;AAC5B,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,MAAK;AAAA,YACL,SAAS,MAAM,SAAS,KAAK,GAAG;AAAA,YAChC,WAAW;AAAA,cACT;AAAA,cACA,SACI,mDACA;AAAA,YACN;AAAA,YAEC,eAAK;AAAA;AAAA,UAVD,KAAK;AAAA,QAWZ;AAAA,MAEJ,CAAC;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/portfolio-chip-filter.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface PortfolioChipFilterOption {\n  key: string;\n  label: string;\n  /**\n   * When set, this chip is a direct navigation link rather than an in-page\n   * filter. It's marked active when `href` equals the current `value`\n   * (pass the current pathname as `value` for a location-aware nav bar).\n   */\n  href?: string;\n}\n\nexport interface PortfolioChipFilterProps {\n  options: PortfolioChipFilterOption[];\n  /** Selected filter key, or the current pathname when used for navigation. */\n  value: string;\n  onChange: (key: string) => void;\n  /** Suppress the auto-injected \"All\" chip — for pure navigation bars where every option already has an href. Default true. */\n  showAll?: boolean;\n  className?: string;\n}\n\nconst CHIP_CLASS =\n  \"shrink-0 rounded-full px-3.5 py-1.5 text-[13px] whitespace-nowrap transition-colors\";\nconst INACTIVE_CLASS = \"bg-muted text-muted-foreground hover:text-foreground\";\nconst ACTIVE_CLASS = \"bg-primary text-primary-foreground font-medium\";\n\n/**\n * Horizontally-scrollable chip row — the portfolio section's sole\n * navigation mechanism (Instagram/YouTube-style chips), used both as an\n * in-page filter (chips with no `href`, toggled via `onChange`) and as\n * cross-page navigation (chips with `href`, highlighted active by matching\n * `value` against the current pathname).\n */\nexport function PortfolioChipFilter({\n  options,\n  value,\n  onChange,\n  showAll = true,\n  className,\n}: PortfolioChipFilterProps) {\n  const items = showAll ? [{ key: \"all\", label: \"All\" }, ...options] : options;\n\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-1.5 overflow-x-auto scrollbar-hide -mx-4 px-4 sm:-mx-6 sm:px-6 lg:-mx-8 lg:px-8\",\n        className,\n      )}\n    >\n      {items.map((item) =>\n        item.href ? (\n          <Link\n            key={item.key}\n            href={item.href}\n            className={cn(CHIP_CLASS, item.href === value ? ACTIVE_CLASS : INACTIVE_CLASS)}\n          >\n            {item.label}\n          </Link>\n        ) : (\n          <button\n            key={item.key}\n            type=\"button\"\n            onClick={() => onChange(item.key)}\n            className={cn(CHIP_CLASS, item.key === value ? ACTIVE_CLASS : INACTIVE_CLASS)}\n          >\n            {item.label}\n          </button>\n        ),\n      )}\n    </div>\n  );\n}\n"],"mappings":";AAwDU;AAtDV,OAAO,UAAU;AACjB,SAAS,UAAU;AAuBnB,MAAM,aACJ;AACF,MAAM,iBAAiB;AACvB,MAAM,eAAe;AASd,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AACF,GAA6B;AAC3B,QAAM,QAAQ,UAAU,CAAC,EAAE,KAAK,OAAO,OAAO,MAAM,GAAG,GAAG,OAAO,IAAI;AAErE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEC,gBAAM;AAAA,QAAI,CAAC,SACV,KAAK,OACH;AAAA,UAAC;AAAA;AAAA,YAEC,MAAM,KAAK;AAAA,YACX,WAAW,GAAG,YAAY,KAAK,SAAS,QAAQ,eAAe,cAAc;AAAA,YAE5E,eAAK;AAAA;AAAA,UAJD,KAAK;AAAA,QAKZ,IAEA;AAAA,UAAC;AAAA;AAAA,YAEC,MAAK;AAAA,YACL,SAAS,MAAM,SAAS,KAAK,GAAG;AAAA,YAChC,WAAW,GAAG,YAAY,KAAK,QAAQ,QAAQ,eAAe,cAAc;AAAA,YAE3E,eAAK;AAAA;AAAA,UALD,KAAK;AAAA,QAMZ;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/portfolio-header.cjs

@@ -34,7 +34,6 @@ __export(portfolio_header_exports, {
 module.exports = __toCommonJS(portfolio_header_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_link = __toESM(require("next/link"), 1);
-var import_lucide_react = require("lucide-react");
 var import_cn = require("../utils/cn.js");
 var import_address_display = require("./address-display.js");
 function PortfolioHeader({
@@ -49,22 +48,20 @@ function PortfolioHeader({
       " XP"
     ] })
   ] }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    "div",
-    {
-      className: (0, import_cn.cn)("flex items-start justify-between gap-4", className),
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1.5 min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 text-primary", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Briefcase, { className: "h-4 w-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs font-semibold uppercase tracking-wider", children: "Portfolio" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_address_display.AddressDisplay, { address, chars: 6, className: "text-sm" })
-        ] }),
-        score?.href ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: score.href, className: "shrink-0 active:opacity-80", children: scoreChip }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "shrink-0", children: scoreChip })
-      ]
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_cn.cn)("flex items-center justify-between gap-4", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-[11px] font-semibold uppercase tracking-wider text-muted-foreground", children: "Portfolio" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_address_display.AddressDisplay,
+        {
+          address,
+          chars: 6,
+          className: "text-xl font-bold tracking-tight text-foreground"
+        }
+      )
+    ] }),
+    score?.href ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: score.href, className: "shrink-0 active:opacity-80", children: scoreChip }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "shrink-0", children: scoreChip })
+  ] });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/components/portfolio-header.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/portfolio-header.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { Briefcase } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport { AddressDisplay } from \"./address-display.js\";\n\nexport interface PortfolioHeaderScore {\n  /** Journey level name (\"Starter\", \"Explorer\", …) — no numeric level shown. */\n  levelName: string;\n  totalXp: number;\n  /** Where the score chip links (\"/rewards\"). */\n  href?: string;\n}\n\nexport interface PortfolioHeaderProps {\n  address: string;\n  score?: PortfolioHeaderScore | null;\n  className?: string;\n}\n\n/**\n * Compact portfolio header: eyebrow + address on the left, the rewards\n * journey chip on the right — level name + XP inside the animated\n * full-spectrum brand border (`.btn-border-animated`). Counts live in the\n * Overview stat tiles, not here.\n */\nexport function PortfolioHeader({\n  address,\n  score,\n  className,\n}: PortfolioHeaderProps) {\n  const scoreChip = score && (\n    <div className=\"btn-border-animated p-[1.5px] rounded-full\">\n      <div className=\"rounded-full bg-card px-3.5 py-1.5 flex items-baseline gap-2 whitespace-nowrap\">\n        <span className=\"text-sm font-semibold text-foreground\">\n          {score.levelName}\n        </span>\n        <span className=\"text-xs text-muted-foreground tabular-nums\">\n          {score.totalXp.toLocaleString()} XP\n        </span>\n      </div>\n    </div>\n  );\n\n  return (\n    <div\n      className={cn(\"flex items-start justify-between gap-4\", className)}\n    >\n      <div className=\"space-y-1.5 min-w-0\">\n        <div className=\"flex items-center gap-2 text-primary\">\n          <Briefcase className=\"h-4 w-4\" />\n          <span className=\"text-xs font-semibold uppercase tracking-wider\">\n            Portfolio\n          </span>\n        </div>\n        <AddressDisplay address={address} chars={6} className=\"text-sm\" />\n      </div>\n      {score?.href ? (\n        <Link href={score.href} className=\"shrink-0 active:opacity-80\">\n          {scoreChip}\n        </Link>\n      ) : (\n        <div className=\"shrink-0\">{scoreChip}</div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmCQ;AAjCR,kBAAiB;AACjB,0BAA0B;AAC1B,gBAAmB;AACnB,6BAA+B;AAsBxB,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,YAAY,SAChB,4CAAC,SAAI,WAAU,8CACb,uDAAC,SAAI,WAAU,kFACb;AAAA,gDAAC,UAAK,WAAU,yCACb,gBAAM,WACT;AAAA,IACA,6CAAC,UAAK,WAAU,8CACb;AAAA,YAAM,QAAQ,eAAe;AAAA,MAAE;AAAA,OAClC;AAAA,KACF,GACF;AAGF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW,cAAG,0CAA0C,SAAS;AAAA,MAEjE;AAAA,qDAAC,SAAI,WAAU,uBACb;AAAA,uDAAC,SAAI,WAAU,wCACb;AAAA,wDAAC,iCAAU,WAAU,WAAU;AAAA,YAC/B,4CAAC,UAAK,WAAU,kDAAiD,uBAEjE;AAAA,aACF;AAAA,UACA,4CAAC,yCAAe,SAAkB,OAAO,GAAG,WAAU,WAAU;AAAA,WAClE;AAAA,QACC,OAAO,OACN,4CAAC,YAAAA,SAAA,EAAK,MAAM,MAAM,MAAM,WAAU,8BAC/B,qBACH,IAEA,4CAAC,SAAI,WAAU,YAAY,qBAAU;AAAA;AAAA;AAAA,EAEzC;AAEJ;","names":["Link"]}
+{"version":3,"sources":["../../src/components/portfolio-header.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { cn } from \"../utils/cn.js\";\nimport { AddressDisplay } from \"./address-display.js\";\n\nexport interface PortfolioHeaderScore {\n  /** Journey level name (\"Starter\", \"Explorer\", …) — no numeric level shown. */\n  levelName: string;\n  totalXp: number;\n  /** Where the score chip links (\"/rewards\"). */\n  href?: string;\n}\n\nexport interface PortfolioHeaderProps {\n  address: string;\n  score?: PortfolioHeaderScore | null;\n  className?: string;\n}\n\n/**\n * Portfolio identity header: the address as a real page title (no generic\n * gradient/avatar element — there's no profile data to lead with, and a\n * placeholder gradient mark isn't the answer), with the rewards journey\n * chip alongside it.\n */\nexport function PortfolioHeader({\n  address,\n  score,\n  className,\n}: PortfolioHeaderProps) {\n  const scoreChip = score && (\n    <div className=\"btn-border-animated p-[1.5px] rounded-full\">\n      <div className=\"rounded-full bg-card px-3.5 py-1.5 flex items-baseline gap-2 whitespace-nowrap\">\n        <span className=\"text-sm font-semibold text-foreground\">\n          {score.levelName}\n        </span>\n        <span className=\"text-xs text-muted-foreground tabular-nums\">\n          {score.totalXp.toLocaleString()} XP\n        </span>\n      </div>\n    </div>\n  );\n\n  return (\n    <div className={cn(\"flex items-center justify-between gap-4\", className)}>\n      <div className=\"min-w-0\">\n        <p className=\"text-[11px] font-semibold uppercase tracking-wider text-muted-foreground\">\n          Portfolio\n        </p>\n        <AddressDisplay\n          address={address}\n          chars={6}\n          className=\"text-xl font-bold tracking-tight text-foreground\"\n        />\n      </div>\n      {score?.href ? (\n        <Link href={score.href} className=\"shrink-0 active:opacity-80\">\n          {scoreChip}\n        </Link>\n      ) : (\n        <div className=\"shrink-0\">{scoreChip}</div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkCQ;AAhCR,kBAAiB;AACjB,gBAAmB;AACnB,6BAA+B;AAsBxB,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,YAAY,SAChB,4CAAC,SAAI,WAAU,8CACb,uDAAC,SAAI,WAAU,kFACb;AAAA,gDAAC,UAAK,WAAU,yCACb,gBAAM,WACT;AAAA,IACA,6CAAC,UAAK,WAAU,8CACb;AAAA,YAAM,QAAQ,eAAe;AAAA,MAAE;AAAA,OAClC;AAAA,KACF,GACF;AAGF,SACE,6CAAC,SAAI,eAAW,cAAG,2CAA2C,SAAS,GACrE;AAAA,iDAAC,SAAI,WAAU,WACb;AAAA,kDAAC,OAAE,WAAU,4EAA2E,uBAExF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,OAAO;AAAA,UACP,WAAU;AAAA;AAAA,MACZ;AAAA,OACF;AAAA,IACC,OAAO,OACN,4CAAC,YAAAA,SAAA,EAAK,MAAM,MAAM,MAAM,WAAU,8BAC/B,qBACH,IAEA,4CAAC,SAAI,WAAU,YAAY,qBAAU;AAAA,KAEzC;AAEJ;","names":["Link"]}

package/dist/components/portfolio-header.d.cts

@@ -13,10 +13,10 @@ interface PortfolioHeaderProps {
     className?: string;
 }
 /**
- * Compact portfolio header: eyebrow + address on the left, the rewards
- * journey chip on the right — level name + XP inside the animated
- * full-spectrum brand border (`.btn-border-animated`). Counts live in the
- * Overview stat tiles, not here.
+ * Portfolio identity header: the address as a real page title (no generic
+ * gradient/avatar element — there's no profile data to lead with, and a
+ * placeholder gradient mark isn't the answer), with the rewards journey
+ * chip alongside it.
  */
 declare function PortfolioHeader({ address, score, className, }: PortfolioHeaderProps): react_jsx_runtime.JSX.Element;
 

package/dist/components/portfolio-header.d.ts

@@ -13,10 +13,10 @@ interface PortfolioHeaderProps {
     className?: string;
 }
 /**
- * Compact portfolio header: eyebrow + address on the left, the rewards
- * journey chip on the right — level name + XP inside the animated
- * full-spectrum brand border (`.btn-border-animated`). Counts live in the
- * Overview stat tiles, not here.
+ * Portfolio identity header: the address as a real page title (no generic
+ * gradient/avatar element — there's no profile data to lead with, and a
+ * placeholder gradient mark isn't the answer), with the rewards journey
+ * chip alongside it.
  */
 declare function PortfolioHeader({ address, score, className, }: PortfolioHeaderProps): react_jsx_runtime.JSX.Element;
 

package/dist/components/portfolio-header.js

@@ -1,7 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import Link from "next/link";
-import { Briefcase } from "lucide-react";
 import { cn } from "../utils/cn.js";
 import { AddressDisplay } from "./address-display.js";
 function PortfolioHeader({
@@ -16,22 +15,20 @@ function PortfolioHeader({
       " XP"
     ] })
   ] }) });
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn("flex items-start justify-between gap-4", className),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5 min-w-0", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-primary", children: [
-            /* @__PURE__ */ jsx(Briefcase, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold uppercase tracking-wider", children: "Portfolio" })
-          ] }),
-          /* @__PURE__ */ jsx(AddressDisplay, { address, chars: 6, className: "text-sm" })
-        ] }),
-        score?.href ? /* @__PURE__ */ jsx(Link, { href: score.href, className: "shrink-0 active:opacity-80", children: scoreChip }) : /* @__PURE__ */ jsx("div", { className: "shrink-0", children: scoreChip })
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center justify-between gap-4", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-[11px] font-semibold uppercase tracking-wider text-muted-foreground", children: "Portfolio" }),
+      /* @__PURE__ */ jsx(
+        AddressDisplay,
+        {
+          address,
+          chars: 6,
+          className: "text-xl font-bold tracking-tight text-foreground"
+        }
+      )
+    ] }),
+    score?.href ? /* @__PURE__ */ jsx(Link, { href: score.href, className: "shrink-0 active:opacity-80", children: scoreChip }) : /* @__PURE__ */ jsx("div", { className: "shrink-0", children: scoreChip })
+  ] });
 }
 export {
   PortfolioHeader

package/dist/components/portfolio-header.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/portfolio-header.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { Briefcase } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport { AddressDisplay } from \"./address-display.js\";\n\nexport interface PortfolioHeaderScore {\n  /** Journey level name (\"Starter\", \"Explorer\", …) — no numeric level shown. */\n  levelName: string;\n  totalXp: number;\n  /** Where the score chip links (\"/rewards\"). */\n  href?: string;\n}\n\nexport interface PortfolioHeaderProps {\n  address: string;\n  score?: PortfolioHeaderScore | null;\n  className?: string;\n}\n\n/**\n * Compact portfolio header: eyebrow + address on the left, the rewards\n * journey chip on the right — level name + XP inside the animated\n * full-spectrum brand border (`.btn-border-animated`). Counts live in the\n * Overview stat tiles, not here.\n */\nexport function PortfolioHeader({\n  address,\n  score,\n  className,\n}: PortfolioHeaderProps) {\n  const scoreChip = score && (\n    <div className=\"btn-border-animated p-[1.5px] rounded-full\">\n      <div className=\"rounded-full bg-card px-3.5 py-1.5 flex items-baseline gap-2 whitespace-nowrap\">\n        <span className=\"text-sm font-semibold text-foreground\">\n          {score.levelName}\n        </span>\n        <span className=\"text-xs text-muted-foreground tabular-nums\">\n          {score.totalXp.toLocaleString()} XP\n        </span>\n      </div>\n    </div>\n  );\n\n  return (\n    <div\n      className={cn(\"flex items-start justify-between gap-4\", className)}\n    >\n      <div className=\"space-y-1.5 min-w-0\">\n        <div className=\"flex items-center gap-2 text-primary\">\n          <Briefcase className=\"h-4 w-4\" />\n          <span className=\"text-xs font-semibold uppercase tracking-wider\">\n            Portfolio\n          </span>\n        </div>\n        <AddressDisplay address={address} chars={6} className=\"text-sm\" />\n      </div>\n      {score?.href ? (\n        <Link href={score.href} className=\"shrink-0 active:opacity-80\">\n          {scoreChip}\n        </Link>\n      ) : (\n        <div className=\"shrink-0\">{scoreChip}</div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AAmCQ,cAGA,YAHA;AAjCR,OAAO,UAAU;AACjB,SAAS,iBAAiB;AAC1B,SAAS,UAAU;AACnB,SAAS,sBAAsB;AAsBxB,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,YAAY,SAChB,oBAAC,SAAI,WAAU,8CACb,+BAAC,SAAI,WAAU,kFACb;AAAA,wBAAC,UAAK,WAAU,yCACb,gBAAM,WACT;AAAA,IACA,qBAAC,UAAK,WAAU,8CACb;AAAA,YAAM,QAAQ,eAAe;AAAA,MAAE;AAAA,OAClC;AAAA,KACF,GACF;AAGF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,0CAA0C,SAAS;AAAA,MAEjE;AAAA,6BAAC,SAAI,WAAU,uBACb;AAAA,+BAAC,SAAI,WAAU,wCACb;AAAA,gCAAC,aAAU,WAAU,WAAU;AAAA,YAC/B,oBAAC,UAAK,WAAU,kDAAiD,uBAEjE;AAAA,aACF;AAAA,UACA,oBAAC,kBAAe,SAAkB,OAAO,GAAG,WAAU,WAAU;AAAA,WAClE;AAAA,QACC,OAAO,OACN,oBAAC,QAAK,MAAM,MAAM,MAAM,WAAU,8BAC/B,qBACH,IAEA,oBAAC,SAAI,WAAU,YAAY,qBAAU;AAAA;AAAA;AAAA,EAEzC;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/portfolio-header.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { cn } from \"../utils/cn.js\";\nimport { AddressDisplay } from \"./address-display.js\";\n\nexport interface PortfolioHeaderScore {\n  /** Journey level name (\"Starter\", \"Explorer\", …) — no numeric level shown. */\n  levelName: string;\n  totalXp: number;\n  /** Where the score chip links (\"/rewards\"). */\n  href?: string;\n}\n\nexport interface PortfolioHeaderProps {\n  address: string;\n  score?: PortfolioHeaderScore | null;\n  className?: string;\n}\n\n/**\n * Portfolio identity header: the address as a real page title (no generic\n * gradient/avatar element — there's no profile data to lead with, and a\n * placeholder gradient mark isn't the answer), with the rewards journey\n * chip alongside it.\n */\nexport function PortfolioHeader({\n  address,\n  score,\n  className,\n}: PortfolioHeaderProps) {\n  const scoreChip = score && (\n    <div className=\"btn-border-animated p-[1.5px] rounded-full\">\n      <div className=\"rounded-full bg-card px-3.5 py-1.5 flex items-baseline gap-2 whitespace-nowrap\">\n        <span className=\"text-sm font-semibold text-foreground\">\n          {score.levelName}\n        </span>\n        <span className=\"text-xs text-muted-foreground tabular-nums\">\n          {score.totalXp.toLocaleString()} XP\n        </span>\n      </div>\n    </div>\n  );\n\n  return (\n    <div className={cn(\"flex items-center justify-between gap-4\", className)}>\n      <div className=\"min-w-0\">\n        <p className=\"text-[11px] font-semibold uppercase tracking-wider text-muted-foreground\">\n          Portfolio\n        </p>\n        <AddressDisplay\n          address={address}\n          chars={6}\n          className=\"text-xl font-bold tracking-tight text-foreground\"\n        />\n      </div>\n      {score?.href ? (\n        <Link href={score.href} className=\"shrink-0 active:opacity-80\">\n          {scoreChip}\n        </Link>\n      ) : (\n        <div className=\"shrink-0\">{scoreChip}</div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AAkCQ,cAGA,YAHA;AAhCR,OAAO,UAAU;AACjB,SAAS,UAAU;AACnB,SAAS,sBAAsB;AAsBxB,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,YAAY,SAChB,oBAAC,SAAI,WAAU,8CACb,+BAAC,SAAI,WAAU,kFACb;AAAA,wBAAC,UAAK,WAAU,yCACb,gBAAM,WACT;AAAA,IACA,qBAAC,UAAK,WAAU,8CACb;AAAA,YAAM,QAAQ,eAAe;AAAA,MAAE;AAAA,OAClC;AAAA,KACF,GACF;AAGF,SACE,qBAAC,SAAI,WAAW,GAAG,2CAA2C,SAAS,GACrE;AAAA,yBAAC,SAAI,WAAU,WACb;AAAA,0BAAC,OAAE,WAAU,4EAA2E,uBAExF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,OAAO;AAAA,UACP,WAAU;AAAA;AAAA,MACZ;AAAA,OACF;AAAA,IACC,OAAO,OACN,oBAAC,QAAK,MAAM,MAAM,MAAM,WAAU,8BAC/B,qBACH,IAEA,oBAAC,SAAI,WAAU,YAAY,qBAAU;AAAA,KAEzC;AAEJ;","names":[]}

package/dist/components/portfolio-overview.cjs

@@ -23,44 +23,28 @@ __export(portfolio_overview_exports, {
 });
 module.exports = __toCommonJS(portfolio_overview_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
 var import_cn = require("../utils/cn.js");
 var import_portfolio_bento_tile = require("./portfolio-bento-tile.js");
-var import_portfolio_chip_filter = require("./portfolio-chip-filter.js");
 function PortfolioOverview({
   tiles,
   isEmpty,
   emptyState,
   className
 }) {
-  const [selected, setSelected] = (0, import_react.useState)("all");
   if (isEmpty) {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className, children: emptyState });
   }
-  const visibleTiles = selected === "all" ? tiles : tiles.filter((t) => t.key === selected);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_cn.cn)("space-y-6", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_portfolio_chip_filter.PortfolioChipFilter,
-      {
-        options: tiles.map((t) => ({ key: t.key, label: t.title })),
-        value: selected,
-        onChange: setSelected
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-1 md:grid-cols-4 md:auto-rows-[240px] gap-4", children: visibleTiles.map((tile) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_portfolio_bento_tile.PortfolioBentoTile,
-      {
-        title: tile.title,
-        href: tile.href,
-        size: tile.size,
-        action: tile.action,
-        isEmpty: tile.isEmpty,
-        emptyState: tile.emptyState,
-        children: tile.content
-      },
-      tile.key
-    )) })
-  ] });
+  const populatedTiles = tiles.filter((t) => !t.isEmpty);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_cn.cn)("columns-1 md:columns-2 xl:columns-3 gap-4", className), children: populatedTiles.map((tile) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_portfolio_bento_tile.PortfolioBentoTile,
+    {
+      title: tile.title,
+      href: tile.href,
+      size: tile.size,
+      children: tile.content
+    },
+    tile.key
+  )) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/components/portfolio-overview.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/portfolio-overview.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { cn } from \"../utils/cn.js\";\nimport { PortfolioBentoTile, type PortfolioBentoTileProps } from \"./portfolio-bento-tile.js\";\nimport { PortfolioChipFilter } from \"./portfolio-chip-filter.js\";\n\nexport interface PortfolioBentoTileConfig {\n  /** Matches a PortfolioChipFilter option key. */\n  key: string;\n  title: string;\n  href: string;\n  size?: PortfolioBentoTileProps[\"size\"];\n  /** Single primary in-tile action (e.g. a \"List\" button). */\n  action?: React.ReactNode;\n  isEmpty?: boolean;\n  emptyState?: React.ReactNode;\n  content: React.ReactNode;\n}\n\nexport interface PortfolioOverviewProps {\n  tiles: PortfolioBentoTileConfig[];\n  /** First-run state across the whole portfolio (zero holdings, zero activity). */\n  isEmpty?: boolean;\n  emptyState?: React.ReactNode;\n  className?: string;\n}\n\n/**\n * Portfolio landing page: a content-first bento dashboard. Each tile is a\n * fast preview of one section (Collections, Assets, Tickets & memberships,\n * Activity, …) that expands into its full subpage. A chip row gives fast\n * lateral access across sections without navigating away. Pure\n * presentation — the app supplies each tile's rendered content; this\n * component only handles layout, filtering, and empty states.\n */\nexport function PortfolioOverview({\n  tiles,\n  isEmpty,\n  emptyState,\n  className,\n}: PortfolioOverviewProps) {\n  const [selected, setSelected] = useState(\"all\");\n\n  if (isEmpty) {\n    return <div className={className}>{emptyState}</div>;\n  }\n\n  const visibleTiles =\n    selected === \"all\" ? tiles : tiles.filter((t) => t.key === selected);\n\n  return (\n    <div className={cn(\"space-y-6\", className)}>\n      <PortfolioChipFilter\n        options={tiles.map((t) => ({ key: t.key, label: t.title }))}\n        value={selected}\n        onChange={setSelected}\n      />\n      <div className=\"grid grid-cols-1 md:grid-cols-4 md:auto-rows-[240px] gap-4\">\n        {visibleTiles.map((tile) => (\n          <PortfolioBentoTile\n            key={tile.key}\n            title={tile.title}\n            href={tile.href}\n            size={tile.size}\n            action={tile.action}\n            isEmpty={tile.isEmpty}\n            emptyState={tile.emptyState}\n          >\n            {tile.content}\n          </PortfolioBentoTile>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6CW;AA3CX,mBAAyB;AACzB,gBAAmB;AACnB,kCAAiE;AACjE,mCAAoC;AA+B7B,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAE9C,MAAI,SAAS;AACX,WAAO,4CAAC,SAAI,WAAuB,sBAAW;AAAA,EAChD;AAEA,QAAM,eACJ,aAAa,QAAQ,QAAQ,MAAM,OAAO,CAAC,MAAM,EAAE,QAAQ,QAAQ;AAErE,SACE,6CAAC,SAAI,eAAW,cAAG,aAAa,SAAS,GACvC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,OAAO,EAAE,MAAM,EAAE;AAAA,QAC1D,OAAO;AAAA,QACP,UAAU;AAAA;AAAA,IACZ;AAAA,IACA,4CAAC,SAAI,WAAU,8DACZ,uBAAa,IAAI,CAAC,SACjB;AAAA,MAAC;AAAA;AAAA,QAEC,OAAO,KAAK;AAAA,QACZ,MAAM,KAAK;AAAA,QACX,MAAM,KAAK;AAAA,QACX,QAAQ,KAAK;AAAA,QACb,SAAS,KAAK;AAAA,QACd,YAAY,KAAK;AAAA,QAEhB,eAAK;AAAA;AAAA,MARD,KAAK;AAAA,IASZ,CACD,GACH;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/portfolio-overview.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"../utils/cn.js\";\nimport { PortfolioBentoTile, type PortfolioBentoTileProps } from \"./portfolio-bento-tile.js\";\n\nexport interface PortfolioBentoTileConfig {\n  key: string;\n  title: string;\n  href: string;\n  size?: PortfolioBentoTileProps[\"size\"];\n  /** Tiles with nothing to show are omitted entirely, not rendered empty. */\n  isEmpty?: boolean;\n  content: React.ReactNode;\n}\n\nexport interface PortfolioOverviewProps {\n  tiles: PortfolioBentoTileConfig[];\n  /** First-run state across the whole portfolio (zero holdings, zero activity). */\n  isEmpty?: boolean;\n  emptyState?: React.ReactNode;\n  className?: string;\n}\n\n/**\n * Portfolio landing page: a content-first masonry dashboard. Each tile is a\n * fast preview of one section, expanding into its full subpage via \"See\n * all\". Navigation across portfolio sections lives one level up, in the\n * shared portfolio chip bar rendered by the app's layout on every page —\n * this component is pure tile layout, nothing else.\n */\nexport function PortfolioOverview({\n  tiles,\n  isEmpty,\n  emptyState,\n  className,\n}: PortfolioOverviewProps) {\n  if (isEmpty) {\n    return <div className={className}>{emptyState}</div>;\n  }\n\n  const populatedTiles = tiles.filter((t) => !t.isEmpty);\n\n  return (\n    <div className={cn(\"columns-1 md:columns-2 xl:columns-3 gap-4\", className)}>\n      {populatedTiles.map((tile) => (\n        <PortfolioBentoTile\n          key={tile.key}\n          title={tile.title}\n          href={tile.href}\n          size={tile.size}\n        >\n          {tile.content}\n        </PortfolioBentoTile>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqCW;AAnCX,gBAAmB;AACnB,kCAAiE;AA2B1D,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,MAAI,SAAS;AACX,WAAO,4CAAC,SAAI,WAAuB,sBAAW;AAAA,EAChD;AAEA,QAAM,iBAAiB,MAAM,OAAO,CAAC,MAAM,CAAC,EAAE,OAAO;AAErD,SACE,4CAAC,SAAI,eAAW,cAAG,6CAA6C,SAAS,GACtE,yBAAe,IAAI,CAAC,SACnB;AAAA,IAAC;AAAA;AAAA,MAEC,OAAO,KAAK;AAAA,MACZ,MAAM,KAAK;AAAA,MACX,MAAM,KAAK;AAAA,MAEV,eAAK;AAAA;AAAA,IALD,KAAK;AAAA,EAMZ,CACD,GACH;AAEJ;","names":[]}

package/dist/components/portfolio-overview.d.cts

@@ -2,15 +2,12 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { PortfolioBentoTileProps } from './portfolio-bento-tile.cjs';
 
 interface PortfolioBentoTileConfig {
-    /** Matches a PortfolioChipFilter option key. */
     key: string;
     title: string;
     href: string;
     size?: PortfolioBentoTileProps["size"];
-    /** Single primary in-tile action (e.g. a "List" button). */
-    action?: React.ReactNode;
+    /** Tiles with nothing to show are omitted entirely, not rendered empty. */
     isEmpty?: boolean;
-    emptyState?: React.ReactNode;
     content: React.ReactNode;
 }
 interface PortfolioOverviewProps {
@@ -21,12 +18,11 @@ interface PortfolioOverviewProps {
     className?: string;
 }
 /**
- * Portfolio landing page: a content-first bento dashboard. Each tile is a
- * fast preview of one section (Collections, Assets, Tickets & memberships,
- * Activity, …) that expands into its full subpage. A chip row gives fast
- * lateral access across sections without navigating away. Pure
- * presentation — the app supplies each tile's rendered content; this
- * component only handles layout, filtering, and empty states.
+ * Portfolio landing page: a content-first masonry dashboard. Each tile is a
+ * fast preview of one section, expanding into its full subpage via "See
+ * all". Navigation across portfolio sections lives one level up, in the
+ * shared portfolio chip bar rendered by the app's layout on every page —
+ * this component is pure tile layout, nothing else.
  */
 declare function PortfolioOverview({ tiles, isEmpty, emptyState, className, }: PortfolioOverviewProps): react_jsx_runtime.JSX.Element;
 

package/dist/components/portfolio-overview.d.ts

@@ -2,15 +2,12 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { PortfolioBentoTileProps } from './portfolio-bento-tile.js';
 
 interface PortfolioBentoTileConfig {
-    /** Matches a PortfolioChipFilter option key. */
     key: string;
     title: string;
     href: string;
     size?: PortfolioBentoTileProps["size"];
-    /** Single primary in-tile action (e.g. a "List" button). */
-    action?: React.ReactNode;
+    /** Tiles with nothing to show are omitted entirely, not rendered empty. */
     isEmpty?: boolean;
-    emptyState?: React.ReactNode;
     content: React.ReactNode;
 }
 interface PortfolioOverviewProps {
@@ -21,12 +18,11 @@ interface PortfolioOverviewProps {
     className?: string;
 }
 /**
- * Portfolio landing page: a content-first bento dashboard. Each tile is a
- * fast preview of one section (Collections, Assets, Tickets & memberships,
- * Activity, …) that expands into its full subpage. A chip row gives fast
- * lateral access across sections without navigating away. Pure
- * presentation — the app supplies each tile's rendered content; this
- * component only handles layout, filtering, and empty states.
+ * Portfolio landing page: a content-first masonry dashboard. Each tile is a
+ * fast preview of one section, expanding into its full subpage via "See
+ * all". Navigation across portfolio sections lives one level up, in the
+ * shared portfolio chip bar rendered by the app's layout on every page —
+ * this component is pure tile layout, nothing else.
  */
 declare function PortfolioOverview({ tiles, isEmpty, emptyState, className, }: PortfolioOverviewProps): react_jsx_runtime.JSX.Element;
 

package/dist/components/portfolio-overview.js

@@ -1,43 +1,27 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
+import { jsx } from "react/jsx-runtime";
 import { cn } from "../utils/cn.js";
 import { PortfolioBentoTile } from "./portfolio-bento-tile.js";
-import { PortfolioChipFilter } from "./portfolio-chip-filter.js";
 function PortfolioOverview({
   tiles,
   isEmpty,
   emptyState,
   className
 }) {
-  const [selected, setSelected] = useState("all");
   if (isEmpty) {
     return /* @__PURE__ */ jsx("div", { className, children: emptyState });
   }
-  const visibleTiles = selected === "all" ? tiles : tiles.filter((t) => t.key === selected);
-  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-6", className), children: [
-    /* @__PURE__ */ jsx(
-      PortfolioChipFilter,
-      {
-        options: tiles.map((t) => ({ key: t.key, label: t.title })),
-        value: selected,
-        onChange: setSelected
-      }
-    ),
-    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-4 md:auto-rows-[240px] gap-4", children: visibleTiles.map((tile) => /* @__PURE__ */ jsx(
-      PortfolioBentoTile,
-      {
-        title: tile.title,
-        href: tile.href,
-        size: tile.size,
-        action: tile.action,
-        isEmpty: tile.isEmpty,
-        emptyState: tile.emptyState,
-        children: tile.content
-      },
-      tile.key
-    )) })
-  ] });
+  const populatedTiles = tiles.filter((t) => !t.isEmpty);
+  return /* @__PURE__ */ jsx("div", { className: cn("columns-1 md:columns-2 xl:columns-3 gap-4", className), children: populatedTiles.map((tile) => /* @__PURE__ */ jsx(
+    PortfolioBentoTile,
+    {
+      title: tile.title,
+      href: tile.href,
+      size: tile.size,
+      children: tile.content
+    },
+    tile.key
+  )) });
 }
 export {
   PortfolioOverview

package/dist/components/portfolio-overview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/portfolio-overview.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { cn } from \"../utils/cn.js\";\nimport { PortfolioBentoTile, type PortfolioBentoTileProps } from \"./portfolio-bento-tile.js\";\nimport { PortfolioChipFilter } from \"./portfolio-chip-filter.js\";\n\nexport interface PortfolioBentoTileConfig {\n  /** Matches a PortfolioChipFilter option key. */\n  key: string;\n  title: string;\n  href: string;\n  size?: PortfolioBentoTileProps[\"size\"];\n  /** Single primary in-tile action (e.g. a \"List\" button). */\n  action?: React.ReactNode;\n  isEmpty?: boolean;\n  emptyState?: React.ReactNode;\n  content: React.ReactNode;\n}\n\nexport interface PortfolioOverviewProps {\n  tiles: PortfolioBentoTileConfig[];\n  /** First-run state across the whole portfolio (zero holdings, zero activity). */\n  isEmpty?: boolean;\n  emptyState?: React.ReactNode;\n  className?: string;\n}\n\n/**\n * Portfolio landing page: a content-first bento dashboard. Each tile is a\n * fast preview of one section (Collections, Assets, Tickets & memberships,\n * Activity, …) that expands into its full subpage. A chip row gives fast\n * lateral access across sections without navigating away. Pure\n * presentation — the app supplies each tile's rendered content; this\n * component only handles layout, filtering, and empty states.\n */\nexport function PortfolioOverview({\n  tiles,\n  isEmpty,\n  emptyState,\n  className,\n}: PortfolioOverviewProps) {\n  const [selected, setSelected] = useState(\"all\");\n\n  if (isEmpty) {\n    return <div className={className}>{emptyState}</div>;\n  }\n\n  const visibleTiles =\n    selected === \"all\" ? tiles : tiles.filter((t) => t.key === selected);\n\n  return (\n    <div className={cn(\"space-y-6\", className)}>\n      <PortfolioChipFilter\n        options={tiles.map((t) => ({ key: t.key, label: t.title }))}\n        value={selected}\n        onChange={setSelected}\n      />\n      <div className=\"grid grid-cols-1 md:grid-cols-4 md:auto-rows-[240px] gap-4\">\n        {visibleTiles.map((tile) => (\n          <PortfolioBentoTile\n            key={tile.key}\n            title={tile.title}\n            href={tile.href}\n            size={tile.size}\n            action={tile.action}\n            isEmpty={tile.isEmpty}\n            emptyState={tile.emptyState}\n          >\n            {tile.content}\n          </PortfolioBentoTile>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AA6CW,cAOP,YAPO;AA3CX,SAAS,gBAAgB;AACzB,SAAS,UAAU;AACnB,SAAS,0BAAwD;AACjE,SAAS,2BAA2B;AA+B7B,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,MAAI,SAAS;AACX,WAAO,oBAAC,SAAI,WAAuB,sBAAW;AAAA,EAChD;AAEA,QAAM,eACJ,aAAa,QAAQ,QAAQ,MAAM,OAAO,CAAC,MAAM,EAAE,QAAQ,QAAQ;AAErE,SACE,qBAAC,SAAI,WAAW,GAAG,aAAa,SAAS,GACvC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,OAAO,EAAE,MAAM,EAAE;AAAA,QAC1D,OAAO;AAAA,QACP,UAAU;AAAA;AAAA,IACZ;AAAA,IACA,oBAAC,SAAI,WAAU,8DACZ,uBAAa,IAAI,CAAC,SACjB;AAAA,MAAC;AAAA;AAAA,QAEC,OAAO,KAAK;AAAA,QACZ,MAAM,KAAK;AAAA,QACX,MAAM,KAAK;AAAA,QACX,QAAQ,KAAK;AAAA,QACb,SAAS,KAAK;AAAA,QACd,YAAY,KAAK;AAAA,QAEhB,eAAK;AAAA;AAAA,MARD,KAAK;AAAA,IASZ,CACD,GACH;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/portfolio-overview.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"../utils/cn.js\";\nimport { PortfolioBentoTile, type PortfolioBentoTileProps } from \"./portfolio-bento-tile.js\";\n\nexport interface PortfolioBentoTileConfig {\n  key: string;\n  title: string;\n  href: string;\n  size?: PortfolioBentoTileProps[\"size\"];\n  /** Tiles with nothing to show are omitted entirely, not rendered empty. */\n  isEmpty?: boolean;\n  content: React.ReactNode;\n}\n\nexport interface PortfolioOverviewProps {\n  tiles: PortfolioBentoTileConfig[];\n  /** First-run state across the whole portfolio (zero holdings, zero activity). */\n  isEmpty?: boolean;\n  emptyState?: React.ReactNode;\n  className?: string;\n}\n\n/**\n * Portfolio landing page: a content-first masonry dashboard. Each tile is a\n * fast preview of one section, expanding into its full subpage via \"See\n * all\". Navigation across portfolio sections lives one level up, in the\n * shared portfolio chip bar rendered by the app's layout on every page —\n * this component is pure tile layout, nothing else.\n */\nexport function PortfolioOverview({\n  tiles,\n  isEmpty,\n  emptyState,\n  className,\n}: PortfolioOverviewProps) {\n  if (isEmpty) {\n    return <div className={className}>{emptyState}</div>;\n  }\n\n  const populatedTiles = tiles.filter((t) => !t.isEmpty);\n\n  return (\n    <div className={cn(\"columns-1 md:columns-2 xl:columns-3 gap-4\", className)}>\n      {populatedTiles.map((tile) => (\n        <PortfolioBentoTile\n          key={tile.key}\n          title={tile.title}\n          href={tile.href}\n          size={tile.size}\n        >\n          {tile.content}\n        </PortfolioBentoTile>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";AAqCW;AAnCX,SAAS,UAAU;AACnB,SAAS,0BAAwD;AA2B1D,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,MAAI,SAAS;AACX,WAAO,oBAAC,SAAI,WAAuB,sBAAW;AAAA,EAChD;AAEA,QAAM,iBAAiB,MAAM,OAAO,CAAC,MAAM,CAAC,EAAE,OAAO;AAErD,SACE,oBAAC,SAAI,WAAW,GAAG,6CAA6C,SAAS,GACtE,yBAAe,IAAI,CAAC,SACnB;AAAA,IAAC;AAAA;AAAA,MAEC,OAAO,KAAK;AAAA,MACZ,MAAM,KAAK;AAAA,MACX,MAAM,KAAK;AAAA,MAEV,eAAK;AAAA;AAAA,IALD,KAAK;AAAA,EAMZ,CACD,GACH;AAEJ;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medialane/ui",
-  "version": "0.93.1",
+  "version": "0.94.1",
   "description": "Shared UI components for Medialane apps",
   "type": "module",
   "sideEffects": false,