@medialane/ui 0.58.0 → 0.60.0

package/dist/components/portfolio-header.cjs

@@ -0,0 +1,76 @@
+"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 PortfolioHeader({
+  address,
+  score,
+  className
+}) {
+  const scoreChip = score && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "btn-border-animated p-[1.5px] rounded-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-[14px] bg-card px-4 py-2.5 flex items-center gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-8 w-8 rounded-full shrink-0 flex items-center justify-center bg-gradient-to-br from-brand-blue via-brand-purple to-brand-rose", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Sparkles, { className: "h-4 w-4 text-white" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0 leading-tight", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-bold gradient-text-full 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)("flex items-start justify-between gap-4", className),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1.5 min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 text-primary", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Briefcase, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs font-semibold uppercase tracking-wider", children: "Portfolio" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_address_display.AddressDisplay, { address, chars: 6, className: "text-sm" })
+        ] }),
+        score?.href ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: score.href, className: "shrink-0 active:opacity-80", children: scoreChip }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "shrink-0", children: scoreChip })
+      ]
+    }
+  );
+}
+// 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, Sparkles } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport { AddressDisplay } from \"./address-display.js\";\n\nexport interface PortfolioHeaderScore {\n  /** Journey level name (\"Starter\", \"Explorer\", …) — no numeric level shown. */\n  levelName: string;\n  totalXp: number;\n  /** Where the score chip links (\"/rewards\"). */\n  href?: string;\n}\n\nexport interface PortfolioHeaderProps {\n  address: string;\n  score?: PortfolioHeaderScore | null;\n  className?: string;\n}\n\n/**\n * Compact portfolio header: eyebrow + address on the left, the rewards\n * journey chip on the right — level name + XP inside the animated\n * full-spectrum brand border (`.btn-border-animated`). Counts live in the\n * Overview stat tiles, not here.\n */\nexport function PortfolioHeader({\n  address,\n  score,\n  className,\n}: PortfolioHeaderProps) {\n  const scoreChip = score && (\n    <div className=\"btn-border-animated p-[1.5px] rounded-2xl\">\n      <div className=\"rounded-[14px] bg-card px-4 py-2.5 flex items-center gap-3\">\n        <div className=\"h-8 w-8 rounded-full shrink-0 flex items-center justify-center bg-gradient-to-br from-brand-blue via-brand-purple to-brand-rose\">\n          <Sparkles className=\"h-4 w-4 text-white\" />\n        </div>\n        <div className=\"min-w-0 leading-tight\">\n          <p className=\"text-sm font-bold gradient-text-full 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    </div>\n  );\n\n  return (\n    <div\n      className={cn(\"flex items-start justify-between gap-4\", className)}\n    >\n      <div className=\"space-y-1.5 min-w-0\">\n        <div className=\"flex items-center gap-2 text-primary\">\n          <Briefcase className=\"h-4 w-4\" />\n          <span className=\"text-xs font-semibold uppercase tracking-wider\">\n            Portfolio\n          </span>\n        </div>\n        <AddressDisplay address={address} chars={6} className=\"text-sm\" />\n      </div>\n      {score?.href ? (\n        <Link href={score.href} className=\"shrink-0 active:opacity-80\">\n          {scoreChip}\n        </Link>\n      ) : (\n        <div className=\"shrink-0\">{scoreChip}</div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoCU;AAlCV,kBAAiB;AACjB,0BAAoC;AACpC,gBAAmB;AACnB,6BAA+B;AAsBxB,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,YAAY,SAChB,4CAAC,SAAI,WAAU,6CACb,uDAAC,SAAI,WAAU,8DACb;AAAA,gDAAC,SAAI,WAAU,mIACb,sDAAC,gCAAS,WAAU,sBAAqB,GAC3C;AAAA,IACA,6CAAC,SAAI,WAAU,yBACb;AAAA,kDAAC,OAAE,WAAU,iDACV,gBAAM,WACT;AAAA,MACA,6CAAC,OAAE,WAAU,kDACV;AAAA,cAAM,QAAQ,eAAe;AAAA,QAAE;AAAA,SAClC;AAAA,OACF;AAAA,KACF,GACF;AAGF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW,cAAG,0CAA0C,SAAS;AAAA,MAEjE;AAAA,qDAAC,SAAI,WAAU,uBACb;AAAA,uDAAC,SAAI,WAAU,wCACb;AAAA,wDAAC,iCAAU,WAAU,WAAU;AAAA,YAC/B,4CAAC,UAAK,WAAU,kDAAiD,uBAEjE;AAAA,aACF;AAAA,UACA,4CAAC,yCAAe,SAAkB,OAAO,GAAG,WAAU,WAAU;AAAA,WAClE;AAAA,QACC,OAAO,OACN,4CAAC,YAAAA,SAAA,EAAK,MAAM,MAAM,MAAM,WAAU,8BAC/B,qBACH,IAEA,4CAAC,SAAI,WAAU,YAAY,qBAAU;AAAA;AAAA;AAAA,EAEzC;AAEJ;","names":["Link"]}

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

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface PortfolioHeaderScore {
+    /** Journey level name ("Starter", "Explorer", …) — no numeric level shown. */
+    levelName: string;
+    totalXp: number;
+    /** Where the score chip links ("/rewards"). */
+    href?: string;
+}
+interface PortfolioHeaderProps {
+    address: string;
+    score?: PortfolioHeaderScore | null;
+    className?: string;
+}
+/**
+ * Compact portfolio header: eyebrow + address on the left, the rewards
+ * journey chip on the right — level name + XP inside the animated
+ * full-spectrum brand border (`.btn-border-animated`). Counts live in the
+ * Overview stat tiles, not here.
+ */
+declare function PortfolioHeader({ address, score, className, }: PortfolioHeaderProps): react_jsx_runtime.JSX.Element;
+
+export { PortfolioHeader, type PortfolioHeaderProps, type PortfolioHeaderScore };

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

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface PortfolioHeaderScore {
+    /** Journey level name ("Starter", "Explorer", …) — no numeric level shown. */
+    levelName: string;
+    totalXp: number;
+    /** Where the score chip links ("/rewards"). */
+    href?: string;
+}
+interface PortfolioHeaderProps {
+    address: string;
+    score?: PortfolioHeaderScore | null;
+    className?: string;
+}
+/**
+ * Compact portfolio header: eyebrow + address on the left, the rewards
+ * journey chip on the right — level name + XP inside the animated
+ * full-spectrum brand border (`.btn-border-animated`). Counts live in the
+ * Overview stat tiles, not here.
+ */
+declare function PortfolioHeader({ address, score, className, }: PortfolioHeaderProps): react_jsx_runtime.JSX.Element;
+
+export { PortfolioHeader, type PortfolioHeaderProps, type PortfolioHeaderScore };

package/dist/components/portfolio-header.js

@@ -0,0 +1,42 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { Briefcase, Sparkles } from "lucide-react";
+import { cn } from "../utils/cn.js";
+import { AddressDisplay } from "./address-display.js";
+function PortfolioHeader({
+  address,
+  score,
+  className
+}) {
+  const scoreChip = score && /* @__PURE__ */ jsx("div", { className: "btn-border-animated p-[1.5px] rounded-2xl", children: /* @__PURE__ */ jsxs("div", { className: "rounded-[14px] bg-card px-4 py-2.5 flex items-center gap-3", children: [
+    /* @__PURE__ */ jsx("div", { className: "h-8 w-8 rounded-full shrink-0 flex items-center justify-center bg-gradient-to-br from-brand-blue via-brand-purple to-brand-rose", children: /* @__PURE__ */ jsx(Sparkles, { className: "h-4 w-4 text-white" }) }),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 leading-tight", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-bold gradient-text-full 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("flex items-start justify-between gap-4", className),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5 min-w-0", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-primary", children: [
+            /* @__PURE__ */ jsx(Briefcase, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold uppercase tracking-wider", children: "Portfolio" })
+          ] }),
+          /* @__PURE__ */ jsx(AddressDisplay, { address, chars: 6, className: "text-sm" })
+        ] }),
+        score?.href ? /* @__PURE__ */ jsx(Link, { href: score.href, className: "shrink-0 active:opacity-80", children: scoreChip }) : /* @__PURE__ */ jsx("div", { className: "shrink-0", children: scoreChip })
+      ]
+    }
+  );
+}
+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, Sparkles } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport { AddressDisplay } from \"./address-display.js\";\n\nexport interface PortfolioHeaderScore {\n  /** Journey level name (\"Starter\", \"Explorer\", …) — no numeric level shown. */\n  levelName: string;\n  totalXp: number;\n  /** Where the score chip links (\"/rewards\"). */\n  href?: string;\n}\n\nexport interface PortfolioHeaderProps {\n  address: string;\n  score?: PortfolioHeaderScore | null;\n  className?: string;\n}\n\n/**\n * Compact portfolio header: eyebrow + address on the left, the rewards\n * journey chip on the right — level name + XP inside the animated\n * full-spectrum brand border (`.btn-border-animated`). Counts live in the\n * Overview stat tiles, not here.\n */\nexport function PortfolioHeader({\n  address,\n  score,\n  className,\n}: PortfolioHeaderProps) {\n  const scoreChip = score && (\n    <div className=\"btn-border-animated p-[1.5px] rounded-2xl\">\n      <div className=\"rounded-[14px] bg-card px-4 py-2.5 flex items-center gap-3\">\n        <div className=\"h-8 w-8 rounded-full shrink-0 flex items-center justify-center bg-gradient-to-br from-brand-blue via-brand-purple to-brand-rose\">\n          <Sparkles className=\"h-4 w-4 text-white\" />\n        </div>\n        <div className=\"min-w-0 leading-tight\">\n          <p className=\"text-sm font-bold gradient-text-full 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    </div>\n  );\n\n  return (\n    <div\n      className={cn(\"flex items-start justify-between gap-4\", className)}\n    >\n      <div className=\"space-y-1.5 min-w-0\">\n        <div className=\"flex items-center gap-2 text-primary\">\n          <Briefcase className=\"h-4 w-4\" />\n          <span className=\"text-xs font-semibold uppercase tracking-wider\">\n            Portfolio\n          </span>\n        </div>\n        <AddressDisplay address={address} chars={6} className=\"text-sm\" />\n      </div>\n      {score?.href ? (\n        <Link href={score.href} className=\"shrink-0 active:opacity-80\">\n          {scoreChip}\n        </Link>\n      ) : (\n        <div className=\"shrink-0\">{scoreChip}</div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AAoCU,cAMA,YANA;AAlCV,OAAO,UAAU;AACjB,SAAS,WAAW,gBAAgB;AACpC,SAAS,UAAU;AACnB,SAAS,sBAAsB;AAsBxB,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,YAAY,SAChB,oBAAC,SAAI,WAAU,6CACb,+BAAC,SAAI,WAAU,8DACb;AAAA,wBAAC,SAAI,WAAU,mIACb,8BAAC,YAAS,WAAU,sBAAqB,GAC3C;AAAA,IACA,qBAAC,SAAI,WAAU,yBACb;AAAA,0BAAC,OAAE,WAAU,iDACV,gBAAM,WACT;AAAA,MACA,qBAAC,OAAE,WAAU,kDACV;AAAA,cAAM,QAAQ,eAAe;AAAA,QAAE;AAAA,SAClC;AAAA,OACF;AAAA,KACF,GACF;AAGF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,0CAA0C,SAAS;AAAA,MAEjE;AAAA,6BAAC,SAAI,WAAU,uBACb;AAAA,+BAAC,SAAI,WAAU,wCACb;AAAA,gCAAC,aAAU,WAAU,WAAU;AAAA,YAC/B,oBAAC,UAAK,WAAU,kDAAiD,uBAEjE;AAAA,aACF;AAAA,UACA,oBAAC,kBAAe,SAAkB,OAAO,GAAG,WAAU,WAAU;AAAA,WAClE;AAAA,QACC,OAAO,OACN,oBAAC,QAAK,MAAM,MAAM,MAAM,WAAU,8BAC/B,qBACH,IAEA,oBAAC,SAAI,WAAU,YAAY,qBAAU;AAAA;AAAA;AAAA,EAEzC;AAEJ;","names":[]}

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