@medialane/ui 0.58.0 → 0.59.0

package/dist/components/portfolio-header.cjs

@@ -0,0 +1,101 @@
+"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_header_exports = {};
+__export(portfolio_header_exports, {
+  PortfolioHeader: () => PortfolioHeader
+});
+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 StatChip({ stat }) {
+  if (stat.value == null) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "bg-muted rounded-full px-3 py-1 w-20 h-6 animate-pulse inline-block" });
+  }
+  const body = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "span",
+    {
+      className: (0, import_cn.cn)(
+        "inline-flex items-baseline gap-1.5 rounded-full px-3 py-1 text-sm font-medium",
+        stat.highlight ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground"
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "tabular-nums font-semibold text-foreground/90", children: stat.value }),
+        stat.label
+      ]
+    }
+  );
+  if (!stat.href) return body;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: stat.href, className: "active:opacity-80", children: body });
+}
+function PortfolioHeader({
+  address,
+  stats,
+  score,
+  className
+}) {
+  const scoreChip = score && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2.5 rounded-xl border border-border bg-card px-3 py-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className: "h-8 w-8 rounded-lg shrink-0 flex items-center justify-center text-sm font-black text-white",
+        style: { backgroundColor: score.badgeColor },
+        children: score.level
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0 leading-tight", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs font-bold text-foreground truncate", children: score.levelName }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-[11px] text-muted-foreground tabular-nums", children: [
+        score.totalXp.toLocaleString(),
+        " XP"
+      ] })
+    ] })
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_cn.cn)("space-y-3", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-start justify-between gap-4", 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 })
+    ] }),
+    stats && stats.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex items-center gap-2 flex-wrap", children: stats.map((stat, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatChip, { stat }, i)) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PortfolioHeader
+});
+//# sourceMappingURL=portfolio-header.cjs.map

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

@@ -0,0 +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 PortfolioHeaderStat {\n  label: string;\n  /** Pass null while loading — renders a pulse placeholder. */\n  value: string | number | null;\n  href?: string;\n  /** Primary-tinted chip for counts that need action (e.g. offers received). */\n  highlight?: boolean;\n}\n\nexport interface PortfolioHeaderScore {\n  level: number;\n  levelName: string;\n  badgeColor: string;\n  totalXp: number;\n  /** Where the score chip links (\"/rewards\"). */\n  href?: string;\n}\n\nexport interface PortfolioHeaderProps {\n  address: string;\n  stats?: PortfolioHeaderStat[];\n  score?: PortfolioHeaderScore | null;\n  className?: string;\n}\n\nfunction StatChip({ stat }: { stat: PortfolioHeaderStat }) {\n  if (stat.value == null) {\n    return (\n      <span className=\"bg-muted rounded-full px-3 py-1 w-20 h-6 animate-pulse inline-block\" />\n    );\n  }\n  const body = (\n    <span\n      className={cn(\n        \"inline-flex items-baseline gap-1.5 rounded-full px-3 py-1 text-sm font-medium\",\n        stat.highlight\n          ? \"bg-primary/10 text-primary\"\n          : \"bg-muted text-muted-foreground\",\n      )}\n    >\n      <span className=\"tabular-nums font-semibold text-foreground/90\">\n        {stat.value}\n      </span>\n      {stat.label}\n    </span>\n  );\n  if (!stat.href) return body;\n  return (\n    <Link href={stat.href} className=\"active:opacity-80\">\n      {body}\n    </Link>\n  );\n}\n\n/**\n * Compact single-block portfolio header: eyebrow + address on the left, a\n * level/XP score chip on the right, and a row of stat chips beneath. Replaces\n * the stacked identity / stat-pills / ScoreSummaryCard blocks.\n */\nexport function PortfolioHeader({\n  address,\n  stats,\n  score,\n  className,\n}: PortfolioHeaderProps) {\n  const scoreChip = score && (\n    <div className=\"flex items-center gap-2.5 rounded-xl border border-border bg-card px-3 py-2\">\n      <div\n        className=\"h-8 w-8 rounded-lg shrink-0 flex items-center justify-center text-sm font-black text-white\"\n        style={{ backgroundColor: score.badgeColor }}\n      >\n        {score.level}\n      </div>\n      <div className=\"min-w-0 leading-tight\">\n        <p className=\"text-xs font-bold text-foreground truncate\">\n          {score.levelName}\n        </p>\n        <p className=\"text-[11px] text-muted-foreground tabular-nums\">\n          {score.totalXp.toLocaleString()} XP\n        </p>\n      </div>\n    </div>\n  );\n\n  return (\n    <div className={cn(\"space-y-3\", className)}>\n      <div className=\"flex items-start justify-between gap-4\">\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      {stats && stats.length > 0 && (\n        <div className=\"flex items-center gap-2 flex-wrap\">\n          {stats.map((stat, i) => (\n            <StatChip key={i} stat={stat} />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmCM;AAjCN,kBAAiB;AACjB,0BAA0B;AAC1B,gBAAmB;AACnB,6BAA+B;AA2B/B,SAAS,SAAS,EAAE,KAAK,GAAkC;AACzD,MAAI,KAAK,SAAS,MAAM;AACtB,WACE,4CAAC,UAAK,WAAU,uEAAsE;AAAA,EAE1F;AACA,QAAM,OACJ;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA,KAAK,YACD,+BACA;AAAA,MACN;AAAA,MAEA;AAAA,oDAAC,UAAK,WAAU,iDACb,eAAK,OACR;AAAA,QACC,KAAK;AAAA;AAAA;AAAA,EACR;AAEF,MAAI,CAAC,KAAK,KAAM,QAAO;AACvB,SACE,4CAAC,YAAAA,SAAA,EAAK,MAAM,KAAK,MAAM,WAAU,qBAC9B,gBACH;AAEJ;AAOO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,YAAY,SAChB,6CAAC,SAAI,WAAU,+EACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,iBAAiB,MAAM,WAAW;AAAA,QAE1C,gBAAM;AAAA;AAAA,IACT;AAAA,IACA,6CAAC,SAAI,WAAU,yBACb;AAAA,kDAAC,OAAE,WAAU,8CACV,gBAAM,WACT;AAAA,MACA,6CAAC,OAAE,WAAU,kDACV;AAAA,cAAM,QAAQ,eAAe;AAAA,QAAE;AAAA,SAClC;AAAA,OACF;AAAA,KACF;AAGF,SACE,6CAAC,SAAI,eAAW,cAAG,aAAa,SAAS,GACvC;AAAA,iDAAC,SAAI,WAAU,0CACb;AAAA,mDAAC,SAAI,WAAU,uBACb;AAAA,qDAAC,SAAI,WAAU,wCACb;AAAA,sDAAC,iCAAU,WAAU,WAAU;AAAA,UAC/B,4CAAC,UAAK,WAAU,kDAAiD,uBAEjE;AAAA,WACF;AAAA,QACA,4CAAC,yCAAe,SAAkB,OAAO,GAAG,WAAU,WAAU;AAAA,SAClE;AAAA,MACC,OAAO,OACN,4CAAC,YAAAA,SAAA,EAAK,MAAM,MAAM,MAAM,WAAU,8BAC/B,qBACH,IAEA,4CAAC,SAAI,WAAU,YAAY,qBAAU;AAAA,OAEzC;AAAA,IACC,SAAS,MAAM,SAAS,KACvB,4CAAC,SAAI,WAAU,qCACZ,gBAAM,IAAI,CAAC,MAAM,MAChB,4CAAC,YAAiB,QAAH,CAAe,CAC/B,GACH;AAAA,KAEJ;AAEJ;","names":["Link"]}

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

@@ -0,0 +1,32 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface PortfolioHeaderStat {
+    label: string;
+    /** Pass null while loading — renders a pulse placeholder. */
+    value: string | number | null;
+    href?: string;
+    /** Primary-tinted chip for counts that need action (e.g. offers received). */
+    highlight?: boolean;
+}
+interface PortfolioHeaderScore {
+    level: number;
+    levelName: string;
+    badgeColor: string;
+    totalXp: number;
+    /** Where the score chip links ("/rewards"). */
+    href?: string;
+}
+interface PortfolioHeaderProps {
+    address: string;
+    stats?: PortfolioHeaderStat[];
+    score?: PortfolioHeaderScore | null;
+    className?: string;
+}
+/**
+ * Compact single-block portfolio header: eyebrow + address on the left, a
+ * level/XP score chip on the right, and a row of stat chips beneath. Replaces
+ * the stacked identity / stat-pills / ScoreSummaryCard blocks.
+ */
+declare function PortfolioHeader({ address, stats, score, className, }: PortfolioHeaderProps): react_jsx_runtime.JSX.Element;
+
+export { PortfolioHeader, type PortfolioHeaderProps, type PortfolioHeaderScore, type PortfolioHeaderStat };

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

@@ -0,0 +1,32 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface PortfolioHeaderStat {
+    label: string;
+    /** Pass null while loading — renders a pulse placeholder. */
+    value: string | number | null;
+    href?: string;
+    /** Primary-tinted chip for counts that need action (e.g. offers received). */
+    highlight?: boolean;
+}
+interface PortfolioHeaderScore {
+    level: number;
+    levelName: string;
+    badgeColor: string;
+    totalXp: number;
+    /** Where the score chip links ("/rewards"). */
+    href?: string;
+}
+interface PortfolioHeaderProps {
+    address: string;
+    stats?: PortfolioHeaderStat[];
+    score?: PortfolioHeaderScore | null;
+    className?: string;
+}
+/**
+ * Compact single-block portfolio header: eyebrow + address on the left, a
+ * level/XP score chip on the right, and a row of stat chips beneath. Replaces
+ * the stacked identity / stat-pills / ScoreSummaryCard blocks.
+ */
+declare function PortfolioHeader({ address, stats, score, className, }: PortfolioHeaderProps): react_jsx_runtime.JSX.Element;
+
+export { PortfolioHeader, type PortfolioHeaderProps, type PortfolioHeaderScore, type PortfolioHeaderStat };

package/dist/components/portfolio-header.js

@@ -0,0 +1,67 @@
+"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 StatChip({ stat }) {
+  if (stat.value == null) {
+    return /* @__PURE__ */ jsx("span", { className: "bg-muted rounded-full px-3 py-1 w-20 h-6 animate-pulse inline-block" });
+  }
+  const body = /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn(
+        "inline-flex items-baseline gap-1.5 rounded-full px-3 py-1 text-sm font-medium",
+        stat.highlight ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground"
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "tabular-nums font-semibold text-foreground/90", children: stat.value }),
+        stat.label
+      ]
+    }
+  );
+  if (!stat.href) return body;
+  return /* @__PURE__ */ jsx(Link, { href: stat.href, className: "active:opacity-80", children: body });
+}
+function PortfolioHeader({
+  address,
+  stats,
+  score,
+  className
+}) {
+  const scoreChip = score && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5 rounded-xl border border-border bg-card px-3 py-2", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "h-8 w-8 rounded-lg shrink-0 flex items-center justify-center text-sm font-black text-white",
+        style: { backgroundColor: score.badgeColor },
+        children: score.level
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 leading-tight", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-bold text-foreground truncate", children: score.levelName }),
+      /* @__PURE__ */ jsxs("p", { className: "text-[11px] text-muted-foreground tabular-nums", children: [
+        score.totalXp.toLocaleString(),
+        " XP"
+      ] })
+    ] })
+  ] });
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-3", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", 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 })
+    ] }),
+    stats && stats.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 flex-wrap", children: stats.map((stat, i) => /* @__PURE__ */ jsx(StatChip, { stat }, i)) })
+  ] });
+}
+export {
+  PortfolioHeader
+};
+//# sourceMappingURL=portfolio-header.js.map

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

@@ -0,0 +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 PortfolioHeaderStat {\n  label: string;\n  /** Pass null while loading — renders a pulse placeholder. */\n  value: string | number | null;\n  href?: string;\n  /** Primary-tinted chip for counts that need action (e.g. offers received). */\n  highlight?: boolean;\n}\n\nexport interface PortfolioHeaderScore {\n  level: number;\n  levelName: string;\n  badgeColor: string;\n  totalXp: number;\n  /** Where the score chip links (\"/rewards\"). */\n  href?: string;\n}\n\nexport interface PortfolioHeaderProps {\n  address: string;\n  stats?: PortfolioHeaderStat[];\n  score?: PortfolioHeaderScore | null;\n  className?: string;\n}\n\nfunction StatChip({ stat }: { stat: PortfolioHeaderStat }) {\n  if (stat.value == null) {\n    return (\n      <span className=\"bg-muted rounded-full px-3 py-1 w-20 h-6 animate-pulse inline-block\" />\n    );\n  }\n  const body = (\n    <span\n      className={cn(\n        \"inline-flex items-baseline gap-1.5 rounded-full px-3 py-1 text-sm font-medium\",\n        stat.highlight\n          ? \"bg-primary/10 text-primary\"\n          : \"bg-muted text-muted-foreground\",\n      )}\n    >\n      <span className=\"tabular-nums font-semibold text-foreground/90\">\n        {stat.value}\n      </span>\n      {stat.label}\n    </span>\n  );\n  if (!stat.href) return body;\n  return (\n    <Link href={stat.href} className=\"active:opacity-80\">\n      {body}\n    </Link>\n  );\n}\n\n/**\n * Compact single-block portfolio header: eyebrow + address on the left, a\n * level/XP score chip on the right, and a row of stat chips beneath. Replaces\n * the stacked identity / stat-pills / ScoreSummaryCard blocks.\n */\nexport function PortfolioHeader({\n  address,\n  stats,\n  score,\n  className,\n}: PortfolioHeaderProps) {\n  const scoreChip = score && (\n    <div className=\"flex items-center gap-2.5 rounded-xl border border-border bg-card px-3 py-2\">\n      <div\n        className=\"h-8 w-8 rounded-lg shrink-0 flex items-center justify-center text-sm font-black text-white\"\n        style={{ backgroundColor: score.badgeColor }}\n      >\n        {score.level}\n      </div>\n      <div className=\"min-w-0 leading-tight\">\n        <p className=\"text-xs font-bold text-foreground truncate\">\n          {score.levelName}\n        </p>\n        <p className=\"text-[11px] text-muted-foreground tabular-nums\">\n          {score.totalXp.toLocaleString()} XP\n        </p>\n      </div>\n    </div>\n  );\n\n  return (\n    <div className={cn(\"space-y-3\", className)}>\n      <div className=\"flex items-start justify-between gap-4\">\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      {stats && stats.length > 0 && (\n        <div className=\"flex items-center gap-2 flex-wrap\">\n          {stats.map((stat, i) => (\n            <StatChip key={i} stat={stat} />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AAmCM,cAIF,YAJE;AAjCN,OAAO,UAAU;AACjB,SAAS,iBAAiB;AAC1B,SAAS,UAAU;AACnB,SAAS,sBAAsB;AA2B/B,SAAS,SAAS,EAAE,KAAK,GAAkC;AACzD,MAAI,KAAK,SAAS,MAAM;AACtB,WACE,oBAAC,UAAK,WAAU,uEAAsE;AAAA,EAE1F;AACA,QAAM,OACJ;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,KAAK,YACD,+BACA;AAAA,MACN;AAAA,MAEA;AAAA,4BAAC,UAAK,WAAU,iDACb,eAAK,OACR;AAAA,QACC,KAAK;AAAA;AAAA;AAAA,EACR;AAEF,MAAI,CAAC,KAAK,KAAM,QAAO;AACvB,SACE,oBAAC,QAAK,MAAM,KAAK,MAAM,WAAU,qBAC9B,gBACH;AAEJ;AAOO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,YAAY,SAChB,qBAAC,SAAI,WAAU,+EACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,iBAAiB,MAAM,WAAW;AAAA,QAE1C,gBAAM;AAAA;AAAA,IACT;AAAA,IACA,qBAAC,SAAI,WAAU,yBACb;AAAA,0BAAC,OAAE,WAAU,8CACV,gBAAM,WACT;AAAA,MACA,qBAAC,OAAE,WAAU,kDACV;AAAA,cAAM,QAAQ,eAAe;AAAA,QAAE;AAAA,SAClC;AAAA,OACF;AAAA,KACF;AAGF,SACE,qBAAC,SAAI,WAAW,GAAG,aAAa,SAAS,GACvC;AAAA,yBAAC,SAAI,WAAU,0CACb;AAAA,2BAAC,SAAI,WAAU,uBACb;AAAA,6BAAC,SAAI,WAAU,wCACb;AAAA,8BAAC,aAAU,WAAU,WAAU;AAAA,UAC/B,oBAAC,UAAK,WAAU,kDAAiD,uBAEjE;AAAA,WACF;AAAA,QACA,oBAAC,kBAAe,SAAkB,OAAO,GAAG,WAAU,WAAU;AAAA,SAClE;AAAA,MACC,OAAO,OACN,oBAAC,QAAK,MAAM,MAAM,MAAM,WAAU,8BAC/B,qBACH,IAEA,oBAAC,SAAI,WAAU,YAAY,qBAAU;AAAA,OAEzC;AAAA,IACC,SAAS,MAAM,SAAS,KACvB,oBAAC,SAAI,WAAU,qCACZ,gBAAM,IAAI,CAAC,MAAM,MAChB,oBAAC,YAAiB,QAAH,CAAe,CAC/B,GACH;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/components/portfolio-nav.cjs

@@ -0,0 +1,128 @@
+"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_nav_exports = {};
+__export(portfolio_nav_exports, {
+  PortfolioNav: () => PortfolioNav
+});
+module.exports = __toCommonJS(portfolio_nav_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 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__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      className: (0, import_cn.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__ */ (0, import_jsx_runtime.jsxs)("div", { className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { className: (0, import_cn.cn)(edgeBleed, "border-b border-border/60"), children: /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsxs)(
+        import_link.default,
+        {
+          href: section.href,
+          className: (0, import_cn.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__ */ (0, import_jsx_runtime.jsx)(CountBadge, { count: rollup, variant: "destructive" })
+          ]
+        },
+        section.href
+      );
+    }) }) }),
+    activeSection?.children && activeSection.children.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { className: (0, import_cn.cn)(edgeBleed, "pt-3"), children: /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsxs)(
+        import_link.default,
+        {
+          href: child.href,
+          className: (0, import_cn.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__ */ (0, import_jsx_runtime.jsx)(CountBadge, { count: childCount, variant: child.badge.variant })
+          ]
+        },
+        child.href
+      );
+    }) }) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PortfolioNav
+});
+//# sourceMappingURL=portfolio-nav.cjs.map

package/dist/components/portfolio-nav.cjs.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6CI;AA3CJ,kBAAiB;AACjB,gBAAmB;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,eAAW;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,6CAAC,SAAI,WACH;AAAA,gDAAC,SAAI,eAAW,cAAG,WAAW,2BAA2B,GACvD,sDAAC,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,YAAAA;AAAA,QAAA;AAAA,UAEC,MAAM,QAAQ;AAAA,UACd,eAAW;AAAA,YACT;AAAA,YACA,SACI,+CACA;AAAA,UACN;AAAA,UAEC;AAAA,oBAAQ;AAAA,YACR,SAAS,KAAK,CAAC,UACd,4CAAC,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,4CAAC,SAAI,eAAW,cAAG,WAAW,MAAM,GAClC,sDAAC,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,YAAAA;AAAA,QAAA;AAAA,UAEC,MAAM,MAAM;AAAA,UACZ,eAAW;AAAA,YACT;AAAA,YACA,SACI,mDACA;AAAA,UACN;AAAA,UAEC;AAAA,kBAAM;AAAA,YACN,MAAM,SAAS,aAAa,KAC3B,4CAAC,cAAW,OAAO,YAAY,SAAS,MAAM,MAAM,SAAS;AAAA;AAAA;AAAA,QAX1D,MAAM;AAAA,MAab;AAAA,IAEJ,CAAC,GACH,GACF;AAAA,KAEJ;AAEJ;","names":["Link"]}

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