@medialane/ui 0.57.2 → 0.59.0

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

@@ -0,0 +1,36 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type PortfolioBadgeVariant = "destructive" | "primary" | "warning";
+interface PortfolioNavChild {
+    label: string;
+    href: string;
+    /** Optional count badge. `key` indexes `badgeCounts`; `variant` sets color. */
+    badge?: {
+        key: string;
+        variant?: PortfolioBadgeVariant;
+    };
+}
+interface PortfolioNavSection {
+    label: string;
+    /** Where the top-level tab links. For sections with children this is the first child. */
+    href: string;
+    /** Inner segments rendered as a pill row when the section is active. */
+    children?: PortfolioNavChild[];
+}
+interface PortfolioNavProps {
+    sections: PortfolioNavSection[];
+    /** Current pathname — caller passes `usePathname()`. */
+    pathname: string;
+    /** Badge counts keyed by `child.badge.key`. A badge renders only when > 0. */
+    badgeCounts?: Record<string, number>;
+    className?: string;
+}
+/**
+ * Two-level portfolio navigation: top-level underline tabs + a segmented pill
+ * row when the active section has children. The active section is resolved by
+ * the longest href match across section hrefs and child hrefs, so a root
+ * "Overview" section (`/portfolio`) doesn't swallow every route.
+ */
+declare function PortfolioNav({ sections, pathname, badgeCounts, className, }: PortfolioNavProps): react_jsx_runtime.JSX.Element;
+
+export { type PortfolioBadgeVariant, PortfolioNav, type PortfolioNavChild, type PortfolioNavProps, type PortfolioNavSection };

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

@@ -0,0 +1,36 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type PortfolioBadgeVariant = "destructive" | "primary" | "warning";
+interface PortfolioNavChild {
+    label: string;
+    href: string;
+    /** Optional count badge. `key` indexes `badgeCounts`; `variant` sets color. */
+    badge?: {
+        key: string;
+        variant?: PortfolioBadgeVariant;
+    };
+}
+interface PortfolioNavSection {
+    label: string;
+    /** Where the top-level tab links. For sections with children this is the first child. */
+    href: string;
+    /** Inner segments rendered as a pill row when the section is active. */
+    children?: PortfolioNavChild[];
+}
+interface PortfolioNavProps {
+    sections: PortfolioNavSection[];
+    /** Current pathname — caller passes `usePathname()`. */
+    pathname: string;
+    /** Badge counts keyed by `child.badge.key`. A badge renders only when > 0. */
+    badgeCounts?: Record<string, number>;
+    className?: string;
+}
+/**
+ * Two-level portfolio navigation: top-level underline tabs + a segmented pill
+ * row when the active section has children. The active section is resolved by
+ * the longest href match across section hrefs and child hrefs, so a root
+ * "Overview" section (`/portfolio`) doesn't swallow every route.
+ */
+declare function PortfolioNav({ sections, pathname, badgeCounts, className, }: PortfolioNavProps): react_jsx_runtime.JSX.Element;
+
+export { type PortfolioBadgeVariant, PortfolioNav, type PortfolioNavChild, type PortfolioNavProps, type PortfolioNavSection };

package/dist/components/portfolio-nav.js

@@ -0,0 +1,94 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { cn } from "../utils/cn.js";
+const BADGE_VARIANT_CLASS = {
+  destructive: "bg-destructive text-destructive-foreground",
+  primary: "bg-primary text-primary-foreground",
+  warning: "bg-amber-500 text-white"
+};
+function CountBadge({
+  count,
+  variant
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "h-4 min-w-4 rounded-full text-[10px] font-bold flex items-center justify-center px-1",
+        BADGE_VARIANT_CLASS[variant ?? "primary"]
+      ),
+      children: count
+    }
+  );
+}
+function matches(pathname, href) {
+  return pathname === href || pathname.startsWith(href + "/");
+}
+function PortfolioNav({
+  sections,
+  pathname,
+  badgeCounts = {},
+  className
+}) {
+  const count = (badge) => badge ? badgeCounts[badge.key] ?? 0 : 0;
+  let activeSection = null;
+  let bestLen = -1;
+  for (const section of sections) {
+    const hrefs = [section.href, ...(section.children ?? []).map((c) => c.href)];
+    for (const href of hrefs) {
+      if (matches(pathname, href) && href.length > bestLen) {
+        bestLen = href.length;
+        activeSection = section;
+      }
+    }
+  }
+  const edgeBleed = "overflow-x-auto scrollbar-hide -mx-4 px-4 sm:-mx-6 sm:px-6 lg:-mx-8 lg:px-8";
+  return /* @__PURE__ */ jsxs("div", { className, children: [
+    /* @__PURE__ */ jsx("nav", { className: cn(edgeBleed, "border-b border-border/60"), children: /* @__PURE__ */ jsx("div", { className: "flex items-center min-w-max", children: sections.map((section) => {
+      const active = section === activeSection;
+      const rollup = (section.children ?? []).reduce(
+        (sum, child) => sum + count(child.badge),
+        0
+      );
+      return /* @__PURE__ */ jsxs(
+        Link,
+        {
+          href: section.href,
+          className: cn(
+            "relative flex items-center gap-1.5 px-3 py-2.5 text-sm whitespace-nowrap transition-colors shrink-0 border-b-2 min-h-10",
+            active ? "border-primary text-foreground font-medium" : "border-transparent text-muted-foreground hover:text-foreground"
+          ),
+          children: [
+            section.label,
+            rollup > 0 && !active && /* @__PURE__ */ jsx(CountBadge, { count: rollup, variant: "destructive" })
+          ]
+        },
+        section.href
+      );
+    }) }) }),
+    activeSection?.children && activeSection.children.length > 0 && /* @__PURE__ */ jsx("nav", { className: cn(edgeBleed, "pt-3"), children: /* @__PURE__ */ jsx("div", { className: "flex items-center min-w-max gap-1.5", children: activeSection.children.map((child) => {
+      const active = matches(pathname, child.href);
+      const childCount = count(child.badge);
+      return /* @__PURE__ */ jsxs(
+        Link,
+        {
+          href: child.href,
+          className: cn(
+            "flex items-center gap-1.5 rounded-full px-3.5 py-1.5 text-[13px] whitespace-nowrap transition-colors shrink-0",
+            active ? "bg-primary text-primary-foreground font-medium" : "bg-muted text-muted-foreground hover:text-foreground"
+          ),
+          children: [
+            child.label,
+            child.badge && childCount > 0 && /* @__PURE__ */ jsx(CountBadge, { count: childCount, variant: child.badge.variant })
+          ]
+        },
+        child.href
+      );
+    }) }) })
+  ] });
+}
+export {
+  PortfolioNav
+};
+//# sourceMappingURL=portfolio-nav.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/portfolio-nav.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { cn } from \"../utils/cn.js\";\n\nexport type PortfolioBadgeVariant = \"destructive\" | \"primary\" | \"warning\";\n\nexport interface PortfolioNavChild {\n  label: string;\n  href: string;\n  /** Optional count badge. `key` indexes `badgeCounts`; `variant` sets color. */\n  badge?: { key: string; variant?: PortfolioBadgeVariant };\n}\n\nexport interface PortfolioNavSection {\n  label: string;\n  /** Where the top-level tab links. For sections with children this is the first child. */\n  href: string;\n  /** Inner segments rendered as a pill row when the section is active. */\n  children?: PortfolioNavChild[];\n}\n\nexport interface PortfolioNavProps {\n  sections: PortfolioNavSection[];\n  /** Current pathname — caller passes `usePathname()`. */\n  pathname: string;\n  /** Badge counts keyed by `child.badge.key`. A badge renders only when > 0. */\n  badgeCounts?: Record<string, number>;\n  className?: string;\n}\n\nconst BADGE_VARIANT_CLASS: Record<PortfolioBadgeVariant, string> = {\n  destructive: \"bg-destructive text-destructive-foreground\",\n  primary: \"bg-primary text-primary-foreground\",\n  warning: \"bg-amber-500 text-white\",\n};\n\nfunction CountBadge({\n  count,\n  variant,\n}: {\n  count: number;\n  variant?: PortfolioBadgeVariant;\n}) {\n  return (\n    <span\n      className={cn(\n        \"h-4 min-w-4 rounded-full text-[10px] font-bold flex items-center justify-center px-1\",\n        BADGE_VARIANT_CLASS[variant ?? \"primary\"],\n      )}\n    >\n      {count}\n    </span>\n  );\n}\n\nfunction matches(pathname: string, href: string): boolean {\n  return pathname === href || pathname.startsWith(href + \"/\");\n}\n\n/**\n * Two-level portfolio navigation: top-level underline tabs + a segmented pill\n * row when the active section has children. The active section is resolved by\n * the longest href match across section hrefs and child hrefs, so a root\n * \"Overview\" section (`/portfolio`) doesn't swallow every route.\n */\nexport function PortfolioNav({\n  sections,\n  pathname,\n  badgeCounts = {},\n  className,\n}: PortfolioNavProps) {\n  const count = (badge?: { key: string }) =>\n    badge ? (badgeCounts[badge.key] ?? 0) : 0;\n\n  // Longest-match resolution of the active section.\n  let activeSection: PortfolioNavSection | null = null;\n  let bestLen = -1;\n  for (const section of sections) {\n    const hrefs = [section.href, ...(section.children ?? []).map((c) => c.href)];\n    for (const href of hrefs) {\n      if (matches(pathname, href) && href.length > bestLen) {\n        bestLen = href.length;\n        activeSection = section;\n      }\n    }\n  }\n\n  const edgeBleed =\n    \"overflow-x-auto scrollbar-hide -mx-4 px-4 sm:-mx-6 sm:px-6 lg:-mx-8 lg:px-8\";\n\n  return (\n    <div className={className}>\n      <nav className={cn(edgeBleed, \"border-b border-border/60\")}>\n        <div className=\"flex items-center min-w-max\">\n          {sections.map((section) => {\n            const active = section === activeSection;\n            // Rolled-up pending count across the section's children.\n            const rollup = (section.children ?? []).reduce(\n              (sum, child) => sum + count(child.badge),\n              0,\n            );\n            return (\n              <Link\n                key={section.href}\n                href={section.href}\n                className={cn(\n                  \"relative flex items-center gap-1.5 px-3 py-2.5 text-sm whitespace-nowrap transition-colors shrink-0 border-b-2 min-h-10\",\n                  active\n                    ? \"border-primary text-foreground font-medium\"\n                    : \"border-transparent text-muted-foreground hover:text-foreground\",\n                )}\n              >\n                {section.label}\n                {rollup > 0 && !active && (\n                  <CountBadge count={rollup} variant=\"destructive\" />\n                )}\n              </Link>\n            );\n          })}\n        </div>\n      </nav>\n      {activeSection?.children && activeSection.children.length > 0 && (\n        <nav className={cn(edgeBleed, \"pt-3\")}>\n          <div className=\"flex items-center min-w-max gap-1.5\">\n            {activeSection.children.map((child) => {\n              const active = matches(pathname, child.href);\n              const childCount = count(child.badge);\n              return (\n                <Link\n                  key={child.href}\n                  href={child.href}\n                  className={cn(\n                    \"flex items-center gap-1.5 rounded-full px-3.5 py-1.5 text-[13px] whitespace-nowrap transition-colors shrink-0\",\n                    active\n                      ? \"bg-primary text-primary-foreground font-medium\"\n                      : \"bg-muted text-muted-foreground hover:text-foreground\",\n                  )}\n                >\n                  {child.label}\n                  {child.badge && childCount > 0 && (\n                    <CountBadge count={childCount} variant={child.badge.variant} />\n                  )}\n                </Link>\n              );\n            })}\n          </div>\n        </nav>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AA6CI,cA0DU,YA1DV;AA3CJ,OAAO,UAAU;AACjB,SAAS,UAAU;AA4BnB,MAAM,sBAA6D;AAAA,EACjE,aAAa;AAAA,EACb,SAAS;AAAA,EACT,SAAS;AACX;AAEA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AACF,GAGG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,oBAAoB,WAAW,SAAS;AAAA,MAC1C;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEA,SAAS,QAAQ,UAAkB,MAAuB;AACxD,SAAO,aAAa,QAAQ,SAAS,WAAW,OAAO,GAAG;AAC5D;AAQO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,cAAc,CAAC;AAAA,EACf;AACF,GAAsB;AACpB,QAAM,QAAQ,CAAC,UACb,QAAS,YAAY,MAAM,GAAG,KAAK,IAAK;AAG1C,MAAI,gBAA4C;AAChD,MAAI,UAAU;AACd,aAAW,WAAW,UAAU;AAC9B,UAAM,QAAQ,CAAC,QAAQ,MAAM,IAAI,QAAQ,YAAY,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AAC3E,eAAW,QAAQ,OAAO;AACxB,UAAI,QAAQ,UAAU,IAAI,KAAK,KAAK,SAAS,SAAS;AACpD,kBAAU,KAAK;AACf,wBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AAEA,QAAM,YACJ;AAEF,SACE,qBAAC,SAAI,WACH;AAAA,wBAAC,SAAI,WAAW,GAAG,WAAW,2BAA2B,GACvD,8BAAC,SAAI,WAAU,+BACZ,mBAAS,IAAI,CAAC,YAAY;AACzB,YAAM,SAAS,YAAY;AAE3B,YAAM,UAAU,QAAQ,YAAY,CAAC,GAAG;AAAA,QACtC,CAAC,KAAK,UAAU,MAAM,MAAM,MAAM,KAAK;AAAA,QACvC;AAAA,MACF;AACA,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,MAAM,QAAQ;AAAA,UACd,WAAW;AAAA,YACT;AAAA,YACA,SACI,+CACA;AAAA,UACN;AAAA,UAEC;AAAA,oBAAQ;AAAA,YACR,SAAS,KAAK,CAAC,UACd,oBAAC,cAAW,OAAO,QAAQ,SAAQ,eAAc;AAAA;AAAA;AAAA,QAX9C,QAAQ;AAAA,MAaf;AAAA,IAEJ,CAAC,GACH,GACF;AAAA,IACC,eAAe,YAAY,cAAc,SAAS,SAAS,KAC1D,oBAAC,SAAI,WAAW,GAAG,WAAW,MAAM,GAClC,8BAAC,SAAI,WAAU,uCACZ,wBAAc,SAAS,IAAI,CAAC,UAAU;AACrC,YAAM,SAAS,QAAQ,UAAU,MAAM,IAAI;AAC3C,YAAM,aAAa,MAAM,MAAM,KAAK;AACpC,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,MAAM,MAAM;AAAA,UACZ,WAAW;AAAA,YACT;AAAA,YACA,SACI,mDACA;AAAA,UACN;AAAA,UAEC;AAAA,kBAAM;AAAA,YACN,MAAM,SAAS,aAAa,KAC3B,oBAAC,cAAW,OAAO,YAAY,SAAS,MAAM,MAAM,SAAS;AAAA;AAAA;AAAA,QAX1D,MAAM;AAAA,MAab;AAAA,IAEJ,CAAC,GACH,GACF;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/components/portfolio-overview.cjs

@@ -0,0 +1,147 @@
+"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)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __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_overview_exports = {};
+__export(portfolio_overview_exports, {
+  PortfolioOverview: () => PortfolioOverview
+});
+module.exports = __toCommonJS(portfolio_overview_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_stat_tile = require("./stat-tile.js");
+const ATTENTION_DOT = {
+  destructive: "bg-destructive",
+  warning: "bg-amber-500",
+  primary: "bg-primary"
+};
+function SectionHeading({
+  title,
+  href
+}) {
+  return /* @__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 }),
+    href && /* @__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: [
+          "View all",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRight, { className: "h-3 w-3" })
+        ]
+      }
+    )
+  ] });
+}
+function PortfolioOverview({
+  attention,
+  stats,
+  assetsSlot,
+  assetsHref,
+  activitySlot,
+  activityHref,
+  isEmpty,
+  emptyState,
+  className
+}) {
+  const pending = (attention ?? []).filter((item) => item.count > 0);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_cn.cn)("space-y-6", className), children: [
+    pending.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "rounded-xl border border-primary/25 bg-primary/[0.04] p-4 sm:p-5 space-y-3", 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.BellRing, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-sm font-semibold", children: "Needs your attention" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid gap-2 sm:grid-cols-2", children: pending.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_link.default,
+        {
+          href: item.href,
+          className: "flex items-center justify-between gap-3 rounded-lg bg-card border border-border/60 px-3.5 py-2.5 active:opacity-80 hover:border-border transition-colors",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "flex items-center gap-2.5 min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "span",
+                {
+                  className: (0, import_cn.cn)(
+                    "h-2 w-2 rounded-full shrink-0",
+                    ATTENTION_DOT[item.tone ?? "primary"]
+                  )
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "min-w-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "block text-sm font-medium text-foreground truncate", children: item.label }),
+                item.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "block text-xs text-muted-foreground truncate", children: item.description })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRight, { className: "h-4 w-4 text-muted-foreground shrink-0" })
+          ]
+        },
+        item.href + item.label
+      )) })
+    ] }),
+    stats && stats.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-3", children: stats.map(
+      (stat) => stat.href ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: stat.href, className: "active:opacity-80", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_stat_tile.StatTile,
+        {
+          label: stat.label,
+          value: stat.value ?? "\u2014",
+          sub: stat.sub,
+          big: true,
+          className: "h-full"
+        }
+      ) }, stat.label) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_stat_tile.StatTile,
+        {
+          label: stat.label,
+          value: stat.value ?? "\u2014",
+          sub: stat.sub,
+          big: true,
+          className: "h-full"
+        },
+        stat.label
+      )
+    ) }),
+    isEmpty ? emptyState : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid gap-6 lg:grid-cols-5", children: [
+      assetsSlot && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "lg:col-span-3 space-y-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SectionHeading, { title: "Your assets", href: assetsHref }),
+        assetsSlot
+      ] }),
+      activitySlot && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "lg:col-span-2 space-y-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SectionHeading, { title: "Recent activity", href: activityHref }),
+        activitySlot
+      ] })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PortfolioOverview
+});
+//# sourceMappingURL=portfolio-overview.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/portfolio-overview.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { ArrowRight, BellRing } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport { StatTile } from \"./stat-tile.js\";\n\nexport interface PortfolioAttentionItem {\n  /** e.g. \"2 offers received\" — caller composes count + label. */\n  label: string;\n  /** Short helper line, e.g. \"Accept, counter, or decline\". */\n  description?: string;\n  href: string;\n  count: number;\n  tone?: \"destructive\" | \"warning\" | \"primary\";\n}\n\nexport interface PortfolioOverviewStat {\n  label: string;\n  /** Pass null while loading. */\n  value: string | number | null;\n  sub?: string;\n  href?: string;\n}\n\nexport interface PortfolioOverviewProps {\n  /** Pending items needing action. The panel renders only when a count > 0. */\n  attention?: PortfolioAttentionItem[];\n  stats?: PortfolioOverviewStat[];\n  /** Recent-assets cards, rendered by the app. */\n  assetsSlot?: React.ReactNode;\n  assetsHref?: string;\n  /** Recent-activity rows, rendered by the app. */\n  activitySlot?: React.ReactNode;\n  activityHref?: string;\n  /** First-run state; rendered instead of the columns when `isEmpty`. */\n  isEmpty?: boolean;\n  emptyState?: React.ReactNode;\n  className?: string;\n}\n\nconst ATTENTION_DOT: Record<\n  NonNullable<PortfolioAttentionItem[\"tone\"]>,\n  string\n> = {\n  destructive: \"bg-destructive\",\n  warning: \"bg-amber-500\",\n  primary: \"bg-primary\",\n};\n\nfunction SectionHeading({\n  title,\n  href,\n}: {\n  title: string;\n  href?: string;\n}) {\n  return (\n    <div className=\"flex items-center justify-between gap-3\">\n      <h2 className=\"text-sm font-semibold text-foreground\">{title}</h2>\n      {href && (\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          View all\n          <ArrowRight className=\"h-3 w-3\" />\n        </Link>\n      )}\n    </div>\n  );\n}\n\n/**\n * Portfolio landing page layout: needs-attention panel, clickable stat tiles,\n * and recent assets/activity columns. Pure presentation — the app injects\n * counts, stats, and rendered cards.\n */\nexport function PortfolioOverview({\n  attention,\n  stats,\n  assetsSlot,\n  assetsHref,\n  activitySlot,\n  activityHref,\n  isEmpty,\n  emptyState,\n  className,\n}: PortfolioOverviewProps) {\n  const pending = (attention ?? []).filter((item) => item.count > 0);\n\n  return (\n    <div className={cn(\"space-y-6\", className)}>\n      {pending.length > 0 && (\n        <section className=\"rounded-xl border border-primary/25 bg-primary/[0.04] p-4 sm:p-5 space-y-3\">\n          <div className=\"flex items-center gap-2 text-primary\">\n            <BellRing className=\"h-4 w-4\" />\n            <h2 className=\"text-sm font-semibold\">Needs your attention</h2>\n          </div>\n          <div className=\"grid gap-2 sm:grid-cols-2\">\n            {pending.map((item) => (\n              <Link\n                key={item.href + item.label}\n                href={item.href}\n                className=\"flex items-center justify-between gap-3 rounded-lg bg-card border border-border/60 px-3.5 py-2.5 active:opacity-80 hover:border-border transition-colors\"\n              >\n                <span className=\"flex items-center gap-2.5 min-w-0\">\n                  <span\n                    className={cn(\n                      \"h-2 w-2 rounded-full shrink-0\",\n                      ATTENTION_DOT[item.tone ?? \"primary\"],\n                    )}\n                  />\n                  <span className=\"min-w-0\">\n                    <span className=\"block text-sm font-medium text-foreground truncate\">\n                      {item.label}\n                    </span>\n                    {item.description && (\n                      <span className=\"block text-xs text-muted-foreground truncate\">\n                        {item.description}\n                      </span>\n                    )}\n                  </span>\n                </span>\n                <ArrowRight className=\"h-4 w-4 text-muted-foreground shrink-0\" />\n              </Link>\n            ))}\n          </div>\n        </section>\n      )}\n\n      {stats && stats.length > 0 && (\n        <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-3\">\n          {stats.map((stat) =>\n            stat.href ? (\n              <Link key={stat.label} href={stat.href} className=\"active:opacity-80\">\n                <StatTile\n                  label={stat.label}\n                  value={stat.value ?? \"—\"}\n                  sub={stat.sub}\n                  big\n                  className=\"h-full\"\n                />\n              </Link>\n            ) : (\n              <StatTile\n                key={stat.label}\n                label={stat.label}\n                value={stat.value ?? \"—\"}\n                sub={stat.sub}\n                big\n                className=\"h-full\"\n              />\n            ),\n          )}\n        </div>\n      )}\n\n      {isEmpty ? (\n        emptyState\n      ) : (\n        <div className=\"grid gap-6 lg:grid-cols-5\">\n          {assetsSlot && (\n            <section className=\"lg:col-span-3 space-y-3\">\n              <SectionHeading title=\"Your assets\" href={assetsHref} />\n              {assetsSlot}\n            </section>\n          )}\n          {activitySlot && (\n            <section className=\"lg:col-span-2 space-y-3\">\n              <SectionHeading title=\"Recent activity\" href={activityHref} />\n              {activitySlot}\n            </section>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":["Link"]}

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

@@ -0,0 +1,41 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface PortfolioAttentionItem {
+    /** e.g. "2 offers received" — caller composes count + label. */
+    label: string;
+    /** Short helper line, e.g. "Accept, counter, or decline". */
+    description?: string;
+    href: string;
+    count: number;
+    tone?: "destructive" | "warning" | "primary";
+}
+interface PortfolioOverviewStat {
+    label: string;
+    /** Pass null while loading. */
+    value: string | number | null;
+    sub?: string;
+    href?: string;
+}
+interface PortfolioOverviewProps {
+    /** Pending items needing action. The panel renders only when a count > 0. */
+    attention?: PortfolioAttentionItem[];
+    stats?: PortfolioOverviewStat[];
+    /** Recent-assets cards, rendered by the app. */
+    assetsSlot?: React.ReactNode;
+    assetsHref?: string;
+    /** Recent-activity rows, rendered by the app. */
+    activitySlot?: React.ReactNode;
+    activityHref?: string;
+    /** First-run state; rendered instead of the columns when `isEmpty`. */
+    isEmpty?: boolean;
+    emptyState?: React.ReactNode;
+    className?: string;
+}
+/**
+ * Portfolio landing page layout: needs-attention panel, clickable stat tiles,
+ * and recent assets/activity columns. Pure presentation — the app injects
+ * counts, stats, and rendered cards.
+ */
+declare function PortfolioOverview({ attention, stats, assetsSlot, assetsHref, activitySlot, activityHref, isEmpty, emptyState, className, }: PortfolioOverviewProps): react_jsx_runtime.JSX.Element;
+
+export { type PortfolioAttentionItem, PortfolioOverview, type PortfolioOverviewProps, type PortfolioOverviewStat };

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

@@ -0,0 +1,41 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface PortfolioAttentionItem {
+    /** e.g. "2 offers received" — caller composes count + label. */
+    label: string;
+    /** Short helper line, e.g. "Accept, counter, or decline". */
+    description?: string;
+    href: string;
+    count: number;
+    tone?: "destructive" | "warning" | "primary";
+}
+interface PortfolioOverviewStat {
+    label: string;
+    /** Pass null while loading. */
+    value: string | number | null;
+    sub?: string;
+    href?: string;
+}
+interface PortfolioOverviewProps {
+    /** Pending items needing action. The panel renders only when a count > 0. */
+    attention?: PortfolioAttentionItem[];
+    stats?: PortfolioOverviewStat[];
+    /** Recent-assets cards, rendered by the app. */
+    assetsSlot?: React.ReactNode;
+    assetsHref?: string;
+    /** Recent-activity rows, rendered by the app. */
+    activitySlot?: React.ReactNode;
+    activityHref?: string;
+    /** First-run state; rendered instead of the columns when `isEmpty`. */
+    isEmpty?: boolean;
+    emptyState?: React.ReactNode;
+    className?: string;
+}
+/**
+ * Portfolio landing page layout: needs-attention panel, clickable stat tiles,
+ * and recent assets/activity columns. Pure presentation — the app injects
+ * counts, stats, and rendered cards.
+ */
+declare function PortfolioOverview({ attention, stats, assetsSlot, assetsHref, activitySlot, activityHref, isEmpty, emptyState, className, }: PortfolioOverviewProps): react_jsx_runtime.JSX.Element;
+
+export { type PortfolioAttentionItem, PortfolioOverview, type PortfolioOverviewProps, type PortfolioOverviewStat };

package/dist/components/portfolio-overview.js

@@ -0,0 +1,113 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { ArrowRight, BellRing } from "lucide-react";
+import { cn } from "../utils/cn.js";
+import { StatTile } from "./stat-tile.js";
+const ATTENTION_DOT = {
+  destructive: "bg-destructive",
+  warning: "bg-amber-500",
+  primary: "bg-primary"
+};
+function SectionHeading({
+  title,
+  href
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+    /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold text-foreground", children: title }),
+    href && /* @__PURE__ */ jsxs(
+      Link,
+      {
+        href,
+        className: "inline-flex items-center gap-1 text-xs font-medium text-muted-foreground hover:text-foreground transition-colors",
+        children: [
+          "View all",
+          /* @__PURE__ */ jsx(ArrowRight, { className: "h-3 w-3" })
+        ]
+      }
+    )
+  ] });
+}
+function PortfolioOverview({
+  attention,
+  stats,
+  assetsSlot,
+  assetsHref,
+  activitySlot,
+  activityHref,
+  isEmpty,
+  emptyState,
+  className
+}) {
+  const pending = (attention ?? []).filter((item) => item.count > 0);
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-6", className), children: [
+    pending.length > 0 && /* @__PURE__ */ jsxs("section", { className: "rounded-xl border border-primary/25 bg-primary/[0.04] p-4 sm:p-5 space-y-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-primary", children: [
+        /* @__PURE__ */ jsx(BellRing, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold", children: "Needs your attention" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "grid gap-2 sm:grid-cols-2", children: pending.map((item) => /* @__PURE__ */ jsxs(
+        Link,
+        {
+          href: item.href,
+          className: "flex items-center justify-between gap-3 rounded-lg bg-card border border-border/60 px-3.5 py-2.5 active:opacity-80 hover:border-border transition-colors",
+          children: [
+            /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2.5 min-w-0", children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "h-2 w-2 rounded-full shrink-0",
+                    ATTENTION_DOT[item.tone ?? "primary"]
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsx("span", { className: "block text-sm font-medium text-foreground truncate", children: item.label }),
+                item.description && /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground truncate", children: item.description })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(ArrowRight, { className: "h-4 w-4 text-muted-foreground shrink-0" })
+          ]
+        },
+        item.href + item.label
+      )) })
+    ] }),
+    stats && stats.length > 0 && /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-3", children: stats.map(
+      (stat) => stat.href ? /* @__PURE__ */ jsx(Link, { href: stat.href, className: "active:opacity-80", children: /* @__PURE__ */ jsx(
+        StatTile,
+        {
+          label: stat.label,
+          value: stat.value ?? "\u2014",
+          sub: stat.sub,
+          big: true,
+          className: "h-full"
+        }
+      ) }, stat.label) : /* @__PURE__ */ jsx(
+        StatTile,
+        {
+          label: stat.label,
+          value: stat.value ?? "\u2014",
+          sub: stat.sub,
+          big: true,
+          className: "h-full"
+        },
+        stat.label
+      )
+    ) }),
+    isEmpty ? emptyState : /* @__PURE__ */ jsxs("div", { className: "grid gap-6 lg:grid-cols-5", children: [
+      assetsSlot && /* @__PURE__ */ jsxs("section", { className: "lg:col-span-3 space-y-3", children: [
+        /* @__PURE__ */ jsx(SectionHeading, { title: "Your assets", href: assetsHref }),
+        assetsSlot
+      ] }),
+      activitySlot && /* @__PURE__ */ jsxs("section", { className: "lg:col-span-2 space-y-3", children: [
+        /* @__PURE__ */ jsx(SectionHeading, { title: "Recent activity", href: activityHref }),
+        activitySlot
+      ] })
+    ] })
+  ] });
+}
+export {
+  PortfolioOverview
+};
+//# sourceMappingURL=portfolio-overview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/portfolio-overview.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { ArrowRight, BellRing } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport { StatTile } from \"./stat-tile.js\";\n\nexport interface PortfolioAttentionItem {\n  /** e.g. \"2 offers received\" — caller composes count + label. */\n  label: string;\n  /** Short helper line, e.g. \"Accept, counter, or decline\". */\n  description?: string;\n  href: string;\n  count: number;\n  tone?: \"destructive\" | \"warning\" | \"primary\";\n}\n\nexport interface PortfolioOverviewStat {\n  label: string;\n  /** Pass null while loading. */\n  value: string | number | null;\n  sub?: string;\n  href?: string;\n}\n\nexport interface PortfolioOverviewProps {\n  /** Pending items needing action. The panel renders only when a count > 0. */\n  attention?: PortfolioAttentionItem[];\n  stats?: PortfolioOverviewStat[];\n  /** Recent-assets cards, rendered by the app. */\n  assetsSlot?: React.ReactNode;\n  assetsHref?: string;\n  /** Recent-activity rows, rendered by the app. */\n  activitySlot?: React.ReactNode;\n  activityHref?: string;\n  /** First-run state; rendered instead of the columns when `isEmpty`. */\n  isEmpty?: boolean;\n  emptyState?: React.ReactNode;\n  className?: string;\n}\n\nconst ATTENTION_DOT: Record<\n  NonNullable<PortfolioAttentionItem[\"tone\"]>,\n  string\n> = {\n  destructive: \"bg-destructive\",\n  warning: \"bg-amber-500\",\n  primary: \"bg-primary\",\n};\n\nfunction SectionHeading({\n  title,\n  href,\n}: {\n  title: string;\n  href?: string;\n}) {\n  return (\n    <div className=\"flex items-center justify-between gap-3\">\n      <h2 className=\"text-sm font-semibold text-foreground\">{title}</h2>\n      {href && (\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          View all\n          <ArrowRight className=\"h-3 w-3\" />\n        </Link>\n      )}\n    </div>\n  );\n}\n\n/**\n * Portfolio landing page layout: needs-attention panel, clickable stat tiles,\n * and recent assets/activity columns. Pure presentation — the app injects\n * counts, stats, and rendered cards.\n */\nexport function PortfolioOverview({\n  attention,\n  stats,\n  assetsSlot,\n  assetsHref,\n  activitySlot,\n  activityHref,\n  isEmpty,\n  emptyState,\n  className,\n}: PortfolioOverviewProps) {\n  const pending = (attention ?? []).filter((item) => item.count > 0);\n\n  return (\n    <div className={cn(\"space-y-6\", className)}>\n      {pending.length > 0 && (\n        <section className=\"rounded-xl border border-primary/25 bg-primary/[0.04] p-4 sm:p-5 space-y-3\">\n          <div className=\"flex items-center gap-2 text-primary\">\n            <BellRing className=\"h-4 w-4\" />\n            <h2 className=\"text-sm font-semibold\">Needs your attention</h2>\n          </div>\n          <div className=\"grid gap-2 sm:grid-cols-2\">\n            {pending.map((item) => (\n              <Link\n                key={item.href + item.label}\n                href={item.href}\n                className=\"flex items-center justify-between gap-3 rounded-lg bg-card border border-border/60 px-3.5 py-2.5 active:opacity-80 hover:border-border transition-colors\"\n              >\n                <span className=\"flex items-center gap-2.5 min-w-0\">\n                  <span\n                    className={cn(\n                      \"h-2 w-2 rounded-full shrink-0\",\n                      ATTENTION_DOT[item.tone ?? \"primary\"],\n                    )}\n                  />\n                  <span className=\"min-w-0\">\n                    <span className=\"block text-sm font-medium text-foreground truncate\">\n                      {item.label}\n                    </span>\n                    {item.description && (\n                      <span className=\"block text-xs text-muted-foreground truncate\">\n                        {item.description}\n                      </span>\n                    )}\n                  </span>\n                </span>\n                <ArrowRight className=\"h-4 w-4 text-muted-foreground shrink-0\" />\n              </Link>\n            ))}\n          </div>\n        </section>\n      )}\n\n      {stats && stats.length > 0 && (\n        <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-3\">\n          {stats.map((stat) =>\n            stat.href ? (\n              <Link key={stat.label} href={stat.href} className=\"active:opacity-80\">\n                <StatTile\n                  label={stat.label}\n                  value={stat.value ?? \"—\"}\n                  sub={stat.sub}\n                  big\n                  className=\"h-full\"\n                />\n              </Link>\n            ) : (\n              <StatTile\n                key={stat.label}\n                label={stat.label}\n                value={stat.value ?? \"—\"}\n                sub={stat.sub}\n                big\n                className=\"h-full\"\n              />\n            ),\n          )}\n        </div>\n      )}\n\n      {isEmpty ? (\n        emptyState\n      ) : (\n        <div className=\"grid gap-6 lg:grid-cols-5\">\n          {assetsSlot && (\n            <section className=\"lg:col-span-3 space-y-3\">\n              <SectionHeading title=\"Your assets\" href={assetsHref} />\n              {assetsSlot}\n            </section>\n          )}\n          {activitySlot && (\n            <section className=\"lg:col-span-2 space-y-3\">\n              <SectionHeading title=\"Recent activity\" href={activityHref} />\n              {activitySlot}\n            </section>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AA2DM,cAEE,YAFF;AAzDN,OAAO,UAAU;AACjB,SAAS,YAAY,gBAAgB;AACrC,SAAS,UAAU;AACnB,SAAS,gBAAgB;AAoCzB,MAAM,gBAGF;AAAA,EACF,aAAa;AAAA,EACb,SAAS;AAAA,EACT,SAAS;AACX;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AACF,GAGG;AACD,SACE,qBAAC,SAAI,WAAU,2CACb;AAAA,wBAAC,QAAG,WAAU,yCAAyC,iBAAM;AAAA,IAC5D,QACC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAU;AAAA,QACX;AAAA;AAAA,UAEC,oBAAC,cAAW,WAAU,WAAU;AAAA;AAAA;AAAA,IAClC;AAAA,KAEJ;AAEJ;AAOO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,WAAW,aAAa,CAAC,GAAG,OAAO,CAAC,SAAS,KAAK,QAAQ,CAAC;AAEjE,SACE,qBAAC,SAAI,WAAW,GAAG,aAAa,SAAS,GACtC;AAAA,YAAQ,SAAS,KAChB,qBAAC,aAAQ,WAAU,8EACjB;AAAA,2BAAC,SAAI,WAAU,wCACb;AAAA,4BAAC,YAAS,WAAU,WAAU;AAAA,QAC9B,oBAAC,QAAG,WAAU,yBAAwB,kCAAoB;AAAA,SAC5D;AAAA,MACA,oBAAC,SAAI,WAAU,6BACZ,kBAAQ,IAAI,CAAC,SACZ;AAAA,QAAC;AAAA;AAAA,UAEC,MAAM,KAAK;AAAA,UACX,WAAU;AAAA,UAEV;AAAA,iCAAC,UAAK,WAAU,qCACd;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAW;AAAA,oBACT;AAAA,oBACA,cAAc,KAAK,QAAQ,SAAS;AAAA,kBACtC;AAAA;AAAA,cACF;AAAA,cACA,qBAAC,UAAK,WAAU,WACd;AAAA,oCAAC,UAAK,WAAU,sDACb,eAAK,OACR;AAAA,gBACC,KAAK,eACJ,oBAAC,UAAK,WAAU,gDACb,eAAK,aACR;AAAA,iBAEJ;AAAA,eACF;AAAA,YACA,oBAAC,cAAW,WAAU,0CAAyC;AAAA;AAAA;AAAA,QAtB1D,KAAK,OAAO,KAAK;AAAA,MAuBxB,CACD,GACH;AAAA,OACF;AAAA,IAGD,SAAS,MAAM,SAAS,KACvB,oBAAC,SAAI,WAAU,yCACZ,gBAAM;AAAA,MAAI,CAAC,SACV,KAAK,OACH,oBAAC,QAAsB,MAAM,KAAK,MAAM,WAAU,qBAChD;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,KAAK;AAAA,UACZ,OAAO,KAAK,SAAS;AAAA,UACrB,KAAK,KAAK;AAAA,UACV,KAAG;AAAA,UACH,WAAU;AAAA;AAAA,MACZ,KAPS,KAAK,KAQhB,IAEA;AAAA,QAAC;AAAA;AAAA,UAEC,OAAO,KAAK;AAAA,UACZ,OAAO,KAAK,SAAS;AAAA,UACrB,KAAK,KAAK;AAAA,UACV,KAAG;AAAA,UACH,WAAU;AAAA;AAAA,QALL,KAAK;AAAA,MAMZ;AAAA,IAEJ,GACF;AAAA,IAGD,UACC,aAEA,qBAAC,SAAI,WAAU,6BACZ;AAAA,oBACC,qBAAC,aAAQ,WAAU,2BACjB;AAAA,4BAAC,kBAAe,OAAM,eAAc,MAAM,YAAY;AAAA,QACrD;AAAA,SACH;AAAA,MAED,gBACC,qBAAC,aAAQ,WAAU,2BACjB;AAAA,4BAAC,kBAAe,OAAM,mBAAkB,MAAM,cAAc;AAAA,QAC3D;AAAA,SACH;AAAA,OAEJ;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/index.cjs

@@ -100,7 +100,9 @@ __export(index_exports, {
   NavCommandMenu: () => import_nav_command_menu.NavCommandMenu,
   PageContainer: () => import_page_container.PageContainer,
   ParentAttributionBanner: () => import_parent_attribution_banner.ParentAttributionBanner,
-  PortfolioSubnav: () => import_portfolio_subnav.PortfolioSubnav,
+  PortfolioHeader: () => import_portfolio_header.PortfolioHeader,
+  PortfolioNav: () => import_portfolio_nav.PortfolioNav,
+  PortfolioOverview: () => import_portfolio_overview.PortfolioOverview,
   SERVICE_HUES: () => import_launchpad_services.SERVICE_HUES,
   SOCIAL_PLATFORM_META: () => import_ip_templates.SOCIAL_PLATFORM_META,
   SPRING: () => import_motion_primitives.SPRING,
@@ -191,7 +193,9 @@ var import_launchpad_filter_bar = require("./components/launchpad-filter-bar.js"
 var import_launchpad_strip = require("./components/launchpad-strip.js");
 var import_launchpad_services2 = require("./data/launchpad-services.js");
 var import_nav_command_menu = require("./components/nav-command-menu.js");
-var import_portfolio_subnav = require("./components/portfolio-subnav.js");
+var import_portfolio_nav = require("./components/portfolio-nav.js");
+var import_portfolio_header = require("./components/portfolio-header.js");
+var import_portfolio_overview = require("./components/portfolio-overview.js");
 var import_portfolio_counts = require("./utils/portfolio-counts.js");
 var import_service_header = require("./components/service-header.js");
 var import_claim_rail = require("./components/claim-rail.js");
@@ -296,7 +300,9 @@ var import_action_dialog = require("./components/action-dialog.js");
   NavCommandMenu,
   PageContainer,
   ParentAttributionBanner,
-  PortfolioSubnav,
+  PortfolioHeader,
+  PortfolioNav,
+  PortfolioOverview,
   SERVICE_HUES,
   SOCIAL_PLATFORM_META,
   SPRING,