@medialane/ui 0.93.0 → 0.93.1

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

@@ -37,14 +37,14 @@ 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 = {
-  wide: "md:col-span-4 md:row-span-1",
-  tall: "md:col-span-2 md:row-span-2",
-  compact: "md:col-span-2 md:row-span-1"
+  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 = "compact",
+  size = "half",
   action,
   isEmpty,
   emptyState,
@@ -55,13 +55,13 @@ function PortfolioBentoTile({
     "section",
     {
       className: (0, import_cn.cn)(
-        "rounded-2xl border border-border bg-card p-4 space-y-3 min-w-0",
+        "rounded-2xl border border-border/60 bg-card min-w-0 flex flex-col overflow-hidden",
         SIZE_CLASS[size],
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-sm font-semibold text-foreground", children: title }),
+        /* @__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.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)(
@@ -77,7 +77,7 @@ function PortfolioBentoTile({
             )
           ] })
         ] }),
-        isEmpty ? emptyState : children
+        /* @__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 })
       ]
     }
   );

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  /** Grid footprint. \"wide\" = full row, \"tall\" = 2 rows media-forward, \"compact\" = quarter width. */\n  size?: \"wide\" | \"tall\" | \"compact\";\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  wide: \"md:col-span-4 md:row-span-1\",\n  tall: \"md:col-span-2 md:row-span-2\",\n  compact: \"md:col-span-2 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) with an optional single primary action, expanding into its full\n * subpage via \"See all\" or the tile's own content links. Pure presentation —\n * content is supplied by the caller as children.\n */\nexport function PortfolioBentoTile({\n  title,\n  href,\n  size = \"compact\",\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 bg-card p-4 space-y-3 min-w-0\",\n        SIZE_CLASS[size],\n        className,\n      )}\n    >\n      <div className=\"flex items-center justify-between gap-3\">\n        <h2 className=\"text-sm font-semibold text-foreground\">{title}</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      {isEmpty ? emptyState : children}\n    </section>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsDQ;AApDR,kBAAiB;AACjB,0BAA2B;AAC3B,gBAAmB;AAkBnB,MAAM,aAA2E;AAAA,EAC/E,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AACX;AASO,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,2CACb;AAAA,sDAAC,QAAG,WAAU,yCAAyC,iBAAM;AAAA,UAC7D,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,QACC,UAAU,aAAa;AAAA;AAAA;AAAA,EAC1B;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 — 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"]}

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

@@ -5,8 +5,12 @@ interface PortfolioBentoTileProps {
     title: string;
     /** "See all" link target — also the tile's own click-through when there's no in-tile action. */
     href: string;
-    /** Grid footprint. "wide" = full row, "tall" = 2 rows media-forward, "compact" = quarter width. */
-    size?: "wide" | "tall" | "compact";
+    /**
+     * 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.
+     */
+    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. */
@@ -18,9 +22,8 @@ interface PortfolioBentoTileProps {
 /**
  * A single bento cell on the portfolio landing page: a titled, media-forward
  * preview of one section (Collections, Assets, Tickets & memberships,
- * Activity) with an optional single primary action, expanding into its full
- * subpage via "See all" or the tile's own content links. Pure presentation —
- * content is supplied by the caller as children.
+ * Activity) expanding into its full subpage via "See all" or the tile's own
+ * content links. 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;
 

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

@@ -5,8 +5,12 @@ interface PortfolioBentoTileProps {
     title: string;
     /** "See all" link target — also the tile's own click-through when there's no in-tile action. */
     href: string;
-    /** Grid footprint. "wide" = full row, "tall" = 2 rows media-forward, "compact" = quarter width. */
-    size?: "wide" | "tall" | "compact";
+    /**
+     * 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.
+     */
+    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. */
@@ -18,9 +22,8 @@ interface PortfolioBentoTileProps {
 /**
  * A single bento cell on the portfolio landing page: a titled, media-forward
  * preview of one section (Collections, Assets, Tickets & memberships,
- * Activity) with an optional single primary action, expanding into its full
- * subpage via "See all" or the tile's own content links. Pure presentation —
- * content is supplied by the caller as children.
+ * Activity) expanding into its full subpage via "See all" or the tile's own
+ * content links. 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;
 

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

@@ -4,14 +4,14 @@ import Link from "next/link";
 import { ArrowRight } from "lucide-react";
 import { cn } from "../utils/cn.js";
 const SIZE_CLASS = {
-  wide: "md:col-span-4 md:row-span-1",
-  tall: "md:col-span-2 md:row-span-2",
-  compact: "md:col-span-2 md:row-span-1"
+  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 = "compact",
+  size = "half",
   action,
   isEmpty,
   emptyState,
@@ -22,13 +22,13 @@ function PortfolioBentoTile({
     "section",
     {
       className: cn(
-        "rounded-2xl border border-border bg-card p-4 space-y-3 min-w-0",
+        "rounded-2xl border border-border/60 bg-card min-w-0 flex flex-col overflow-hidden",
         SIZE_CLASS[size],
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
-          /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold text-foreground", children: title }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 px-4 pt-3.5 pb-2.5", 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(
@@ -44,7 +44,7 @@ function PortfolioBentoTile({
             )
           ] })
         ] }),
-        isEmpty ? emptyState : children
+        /* @__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 })
       ]
     }
   );

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  /** Grid footprint. \"wide\" = full row, \"tall\" = 2 rows media-forward, \"compact\" = quarter width. */\n  size?: \"wide\" | \"tall\" | \"compact\";\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  wide: \"md:col-span-4 md:row-span-1\",\n  tall: \"md:col-span-2 md:row-span-2\",\n  compact: \"md:col-span-2 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) with an optional single primary action, expanding into its full\n * subpage via \"See all\" or the tile's own content links. Pure presentation —\n * content is supplied by the caller as children.\n */\nexport function PortfolioBentoTile({\n  title,\n  href,\n  size = \"compact\",\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 bg-card p-4 space-y-3 min-w-0\",\n        SIZE_CLASS[size],\n        className,\n      )}\n    >\n      <div className=\"flex items-center justify-between gap-3\">\n        <h2 className=\"text-sm font-semibold text-foreground\">{title}</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      {isEmpty ? emptyState : children}\n    </section>\n  );\n}\n"],"mappings":";AAsDQ,cAGE,YAHF;AApDR,OAAO,UAAU;AACjB,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AAkBnB,MAAM,aAA2E;AAAA,EAC/E,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AACX;AASO,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,2CACb;AAAA,8BAAC,QAAG,WAAU,yCAAyC,iBAAM;AAAA,UAC7D,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,QACC,UAAU,aAAa;AAAA;AAAA;AAAA,EAC1B;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 — 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":[]}

package/dist/components/portfolio-overview.cjs

@@ -47,7 +47,7 @@ function PortfolioOverview({
         onChange: setSelected
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-4 auto-rows-min", children: visibleTiles.map((tile) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    /* @__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,

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 gap-4 auto-rows-min\">\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,uDACZ,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 { 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":[]}

package/dist/components/portfolio-overview.js

@@ -24,7 +24,7 @@ function PortfolioOverview({
         onChange: setSelected
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-4 auto-rows-min", children: visibleTiles.map((tile) => /* @__PURE__ */ jsx(
+    /* @__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,

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 gap-4 auto-rows-min\">\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,uDACZ,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 { 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":[]}

package/package.json

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