@replicated/portal-components 0.0.11 → 0.0.13

package/dist/esm/team-settings-card.js

@@ -6,7 +6,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
  * This file is generated by tsup. Do not edit manually.
  */
 
-var UsersIcon = (props) => /* @__PURE__ */ jsxs(
+var UsersIcon = (props) => /* @__PURE__ */ jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -14,17 +14,14 @@ var UsersIcon = (props) => /* @__PURE__ */ jsxs(
     fill: "none",
     stroke: "currentColor",
     strokeWidth: 1.5,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
     "aria-hidden": "true",
     ...props,
-    children: [
-      /* @__PURE__ */ jsx("path", { d: "M16 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }),
-      /* @__PURE__ */ jsx("circle", { cx: 10, cy: 8, r: 4 }),
-      /* @__PURE__ */ jsx("path", { d: "M20 21v-2a4 4 0 0 0-3-3.87" }),
-      /* @__PURE__ */ jsx("path", { d: "M17 3a4 4 0 0 1 0 8" })
-    ]
+    children: /* @__PURE__ */ jsx("path", { d: "M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z" })
   }
 );
-var KeyIcon = (props) => /* @__PURE__ */ jsxs(
+var KeyIcon = (props) => /* @__PURE__ */ jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -32,13 +29,11 @@ var KeyIcon = (props) => /* @__PURE__ */ jsxs(
     fill: "none",
     stroke: "currentColor",
     strokeWidth: 1.5,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
     "aria-hidden": "true",
     ...props,
-    children: [
-      /* @__PURE__ */ jsx("circle", { cx: 7, cy: 15, r: 4 }),
-      /* @__PURE__ */ jsx("path", { d: "m10.85 12.15 4.3-4.3a2 2 0 0 1 2.83 0l.47.47a2 2 0 0 1 0 2.83l-4.3 4.3" }),
-      /* @__PURE__ */ jsx("path", { d: "M16 11l1.5 1.5" })
-    ]
+    children: /* @__PURE__ */ jsx("path", { d: "M15.75 5.25a3 3 0 013 3m3 0a6 6 0 01-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1121.75 8.25z" })
   }
 );
 var baseCardClass = "flex h-full flex-col rounded-xl border border-gray-200 bg-white p-6 shadow-[0_16px_32px_rgba(15,23,42,0.05)]";

package/dist/esm/team-settings-card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/team-settings-card.tsx"],"names":[],"mappings":"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","file":"team-settings-card.js","sourcesContent":["import type { SVGProps } from \"react\";\nimport Link from \"next/link\";\n\nconst UsersIcon = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth={1.5}\n    aria-hidden=\"true\"\n    {...props}\n  >\n    <path d=\"M16 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\" />\n    <circle cx={10} cy={8} r={4} />\n    <path d=\"M20 21v-2a4 4 0 0 0-3-3.87\" />\n    <path d=\"M17 3a4 4 0 0 1 0 8\" />\n  </svg>\n);\n\nconst KeyIcon = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth={1.5}\n    aria-hidden=\"true\"\n    {...props}\n  >\n    <circle cx={7} cy={15} r={4} />\n    <path d=\"m10.85 12.15 4.3-4.3a2 2 0 0 1 2.83 0l.47.47a2 2 0 0 1 0 2.83l-4.3 4.3\" />\n    <path d=\"M16 11l1.5 1.5\" />\n  </svg>\n);\n\nconst baseCardClass =\n  \"flex h-full flex-col rounded-xl border border-gray-200 bg-white p-6 shadow-[0_16px_32px_rgba(15,23,42,0.05)]\";\nconst headingClass = \"text-lg font-semibold text-gray-900\";\nconst contentClass = \"mt-4 flex-1 space-y-3\";\nconst itemClass = \"flex items-center gap-3 text-sm text-gray-600\";\nconst iconClass = \"h-5 w-5 text-gray-500\";\nconst footerClass =\n  \"mt-6 flex justify-end text-sm font-semibold text-primary hover:text-primary/80\";\n\nexport interface TeamSettingsCardProps {\n  /** Number of team members */\n  userCount?: number;\n  /** Number of service accounts */\n  serviceAccountCount?: number;\n}\n\nexport const TeamSettingsCard = ({\n  userCount = 0,\n  serviceAccountCount = 0\n}: TeamSettingsCardProps) => (\n  <section className={baseCardClass} aria-labelledby=\"team-settings-card-heading\">\n    <header>\n      <h2 id=\"team-settings-card-heading\" className={headingClass}>\n        Team Settings\n      </h2>\n    </header>\n    <div className={contentClass}>\n      <div className={itemClass}>\n        <UsersIcon className={iconClass} />\n        <span>\n          {userCount} Team {userCount === 1 ? \"Member\" : \"Members\"}\n        </span>\n      </div>\n      <div className={itemClass}>\n        <KeyIcon className={iconClass} />\n        <span>\n          {serviceAccountCount} Service {serviceAccountCount === 1 ? \"Account\" : \"Accounts\"}\n        </span>\n      </div>\n    </div>\n    <footer className={footerClass}>\n      <Link href=\"/team-settings\">View team settings →</Link>\n    </footer>\n  </section>\n);\n\nTeamSettingsCard.displayName = \"TeamSettingsCard\";\n"]}
+{"version":3,"sources":["../../src/components/team-settings-card.tsx"],"names":[],"mappings":";;;;;;;;AAGA,IAAM,SAAA,GAAY,CAAC,KAAA,qBACjB,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,KAAA,EAAM,4BAAA;AAAA,IACN,OAAA,EAAQ,WAAA;AAAA,IACR,IAAA,EAAK,MAAA;AAAA,IACL,MAAA,EAAO,cAAA;AAAA,IACP,WAAA,EAAa,GAAA;AAAA,IACb,aAAA,EAAc,OAAA;AAAA,IACd,cAAA,EAAe,OAAA;AAAA,IACf,aAAA,EAAY,MAAA;AAAA,IACX,GAAG,KAAA;AAAA,IAEJ,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,4WAAA,EAA6W;AAAA;AACvX,CAAA;AAGF,IAAM,OAAA,GAAU,CAAC,KAAA,qBACf,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,KAAA,EAAM,4BAAA;AAAA,IACN,OAAA,EAAQ,WAAA;AAAA,IACR,IAAA,EAAK,MAAA;AAAA,IACL,MAAA,EAAO,cAAA;AAAA,IACP,WAAA,EAAa,GAAA;AAAA,IACb,aAAA,EAAc,OAAA;AAAA,IACd,cAAA,EAAe,OAAA;AAAA,IACf,aAAA,EAAY,MAAA;AAAA,IACX,GAAG,KAAA;AAAA,IAEJ,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,4MAAA,EAA6M;AAAA;AACvN,CAAA;AAGF,IAAM,aAAA,GACJ,8GAAA;AACF,IAAM,YAAA,GAAe,qCAAA;AACrB,IAAM,YAAA,GAAe,uBAAA;AACrB,IAAM,SAAA,GAAY,+CAAA;AAClB,IAAM,SAAA,GAAY,uBAAA;AAClB,IAAM,WAAA,GACJ,gFAAA;AASK,IAAM,mBAAmB,CAAC;AAAA,EAC/B,SAAA,GAAY,CAAA;AAAA,EACZ,mBAAA,GAAsB;AACxB,CAAA,qBACE,IAAA,CAAC,SAAA,EAAA,EAAQ,SAAA,EAAW,aAAA,EAAe,mBAAgB,4BAAA,EACjD,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EACC,8BAAC,IAAA,EAAA,EAAG,EAAA,EAAG,8BAA6B,SAAA,EAAW,YAAA,EAAc,2BAE7D,CAAA,EACF,CAAA;AAAA,kBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,YAAA,EACd,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAW,SAAA,EACd,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,WAAW,SAAA,EAAW,CAAA;AAAA,2BAChC,MAAA,EAAA,EACE,QAAA,EAAA;AAAA,QAAA,SAAA;AAAA,QAAU,QAAA;AAAA,QAAO,SAAA,KAAc,IAAI,QAAA,GAAW;AAAA,OAAA,EACjD;AAAA,KAAA,EACF,CAAA;AAAA,oBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,SAAA,EACd,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,WAAW,SAAA,EAAW,CAAA;AAAA,2BAC9B,MAAA,EAAA,EACE,QAAA,EAAA;AAAA,QAAA,mBAAA;AAAA,QAAoB,WAAA;AAAA,QAAU,mBAAA,KAAwB,IAAI,SAAA,GAAY;AAAA,OAAA,EACzE;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAAA,kBACA,GAAA,CAAC,YAAO,SAAA,EAAW,WAAA,EACjB,8BAAC,IAAA,EAAA,EAAK,IAAA,EAAK,gBAAA,EAAiB,QAAA,EAAA,2BAAA,EAAoB,CAAA,EAClD;AAAA,CAAA,EACF;AAGF,gBAAA,CAAiB,WAAA,GAAc,kBAAA","file":"team-settings-card.js","sourcesContent":["import type { SVGProps } from \"react\";\nimport Link from \"next/link\";\n\nconst UsersIcon = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth={1.5}\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n    {...props}\n  >\n    <path d=\"M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z\" />\n  </svg>\n);\n\nconst KeyIcon = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth={1.5}\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n    {...props}\n  >\n    <path d=\"M15.75 5.25a3 3 0 013 3m3 0a6 6 0 01-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1121.75 8.25z\" />\n  </svg>\n);\n\nconst baseCardClass =\n  \"flex h-full flex-col rounded-xl border border-gray-200 bg-white p-6 shadow-[0_16px_32px_rgba(15,23,42,0.05)]\";\nconst headingClass = \"text-lg font-semibold text-gray-900\";\nconst contentClass = \"mt-4 flex-1 space-y-3\";\nconst itemClass = \"flex items-center gap-3 text-sm text-gray-600\";\nconst iconClass = \"h-5 w-5 text-gray-500\";\nconst footerClass =\n  \"mt-6 flex justify-end text-sm font-semibold text-primary hover:text-primary/80\";\n\nexport interface TeamSettingsCardProps {\n  /** Number of team members */\n  userCount?: number;\n  /** Number of service accounts */\n  serviceAccountCount?: number;\n}\n\nexport const TeamSettingsCard = ({\n  userCount = 0,\n  serviceAccountCount = 0\n}: TeamSettingsCardProps) => (\n  <section className={baseCardClass} aria-labelledby=\"team-settings-card-heading\">\n    <header>\n      <h2 id=\"team-settings-card-heading\" className={headingClass}>\n        Team Settings\n      </h2>\n    </header>\n    <div className={contentClass}>\n      <div className={itemClass}>\n        <UsersIcon className={iconClass} />\n        <span>\n          {userCount} Team {userCount === 1 ? \"Member\" : \"Members\"}\n        </span>\n      </div>\n      <div className={itemClass}>\n        <KeyIcon className={iconClass} />\n        <span>\n          {serviceAccountCount} Service {serviceAccountCount === 1 ? \"Account\" : \"Accounts\"}\n        </span>\n      </div>\n    </div>\n    <footer className={footerClass}>\n      <Link href=\"/team-settings\">View team settings →</Link>\n    </footer>\n  </section>\n);\n\nTeamSettingsCard.displayName = \"TeamSettingsCard\";\n"]}

package/dist/esm/top-nav.js

@@ -18,12 +18,12 @@ var fetchCustomBrandingImpl = async () => {
   if (!appSlug) {
     throw new Error("PORTAL_APP_SLUG is not configured");
   }
-  const url = `${getApiOrigin()}/v3/custom-branding?app_slug=${encodeURIComponent(
+  const url = `${getApiOrigin()}/enterprise-portal/public/branding?app_slug=${encodeURIComponent(
     appSlug
   )}`;
   if (process.env.NODE_ENV !== "production") {
     console.debug(
-      "[portal-components] fetching custom branding via %s",
+      "[portal-components] fetching custom branding via %s (Enterprise Portal API)",
       url
     );
   }
@@ -38,17 +38,21 @@ var fetchCustomBrandingImpl = async () => {
     );
   }
   const payload = await response.json();
-  const brandingData = payload?.branding_data;
-  if (typeof brandingData !== "string") {
-    throw new Error("Custom branding response missing branding_data string");
-  }
+  const brandingObject = {
+    logo: payload.logoUrl,
+    title: payload.appName,
+    customColor1: payload.primaryColor,
+    customColor2: payload.secondaryColor,
+    favicon: payload.faviconUrl
+  };
+  const brandingData = Buffer.from(JSON.stringify(brandingObject)).toString("base64");
   return {
     brandingData,
-    documentation: payload?.documentation ?? null
+    documentation: null
+    // Documentation not included in new API's public endpoint
   };
 };
 var fetchCustomBranding = cache(fetchCustomBrandingImpl);
-var defaultHiddenLabels = ["Download"];
 var defaultTopNavLinks = [
   {
     label: "Dashboard",
@@ -61,16 +65,21 @@ var defaultTopNavLinks = [
         className: "h-4 w-4",
         fill: "none",
         stroke: "currentColor",
-        strokeWidth: "1.5",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
         children: [
-          /* @__PURE__ */ jsx("path", { d: "M4 13h6V3H4z" }),
-          /* @__PURE__ */ jsx("path", { d: "M14 21h6V3h-6z" })
+          /* @__PURE__ */ jsx("rect", { width: "7", height: "9", x: "3", y: "3", rx: "1" }),
+          /* @__PURE__ */ jsx("rect", { width: "7", height: "5", x: "14", y: "3", rx: "1" }),
+          /* @__PURE__ */ jsx("rect", { width: "7", height: "9", x: "14", y: "12", rx: "1" }),
+          /* @__PURE__ */ jsx("rect", { width: "7", height: "5", x: "3", y: "16", rx: "1" })
         ]
       }
     )
   },
   {
-    label: "Download",
+    label: "Install",
+    href: "/install",
     icon: /* @__PURE__ */ jsxs(
       "svg",
       {
@@ -79,18 +88,20 @@ var defaultTopNavLinks = [
         className: "h-4 w-4",
         fill: "none",
         stroke: "currentColor",
-        strokeWidth: "1.5",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
         children: [
-          /* @__PURE__ */ jsx("path", { d: "M12 3v12" }),
-          /* @__PURE__ */ jsx("path", { d: "m7 11 5 5 5-5" }),
-          /* @__PURE__ */ jsx("path", { d: "M5 21h14" })
+          /* @__PURE__ */ jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+          /* @__PURE__ */ jsx("polyline", { points: "7 10 12 15 17 10" }),
+          /* @__PURE__ */ jsx("line", { x1: "12", x2: "12", y1: "15", y2: "3" })
         ]
       }
     )
   },
   {
-    label: "Install",
-    href: "/install",
+    label: "Update",
+    href: "/update",
     icon: /* @__PURE__ */ jsxs(
       "svg",
       {
@@ -99,18 +110,20 @@ var defaultTopNavLinks = [
         className: "h-4 w-4",
         fill: "none",
         stroke: "currentColor",
-        strokeWidth: "1.5",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
         children: [
-          /* @__PURE__ */ jsx("path", { d: "M12 5v14" }),
-          /* @__PURE__ */ jsx("path", { d: "M5 12h14" })
+          /* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" }),
+          /* @__PURE__ */ jsx("path", { d: "M21 3v5h-5" })
         ]
       }
     )
   },
   {
-    label: "Update",
-    href: "/update",
-    icon: /* @__PURE__ */ jsxs(
+    label: "Security",
+    href: "/security",
+    icon: /* @__PURE__ */ jsx(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -118,12 +131,10 @@ var defaultTopNavLinks = [
         className: "h-4 w-4",
         fill: "none",
         stroke: "currentColor",
-        strokeWidth: "1.5",
-        children: [
-          /* @__PURE__ */ jsx("path", { d: "M4 4v6h6" }),
-          /* @__PURE__ */ jsx("path", { d: "M20 20v-6h-6" }),
-          /* @__PURE__ */ jsx("path", { d: "M4 10c1.5-4 6-6 10-4m6 4c-1.5 4-6 6-10 4" })
-        ]
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        children: /* @__PURE__ */ jsx("path", { d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" })
       }
     )
   },
@@ -138,10 +149,15 @@ var defaultTopNavLinks = [
         className: "h-4 w-4",
         fill: "none",
         stroke: "currentColor",
-        strokeWidth: "1.5",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
         children: [
-          /* @__PURE__ */ jsx("path", { d: "M12 8v4l3 2" }),
-          /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "9" })
+          /* @__PURE__ */ jsx("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
+          /* @__PURE__ */ jsx("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" }),
+          /* @__PURE__ */ jsx("path", { d: "M10 9H8" }),
+          /* @__PURE__ */ jsx("path", { d: "M16 13H8" }),
+          /* @__PURE__ */ jsx("path", { d: "M16 17H8" })
         ]
       }
     )
@@ -157,12 +173,13 @@ var defaultTopNavLinks = [
         className: "h-4 w-4",
         fill: "none",
         stroke: "currentColor",
-        strokeWidth: "1.5",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
         children: [
-          /* @__PURE__ */ jsx("rect", { width: "14", height: "18", x: "5", y: "3", rx: "2" }),
-          /* @__PURE__ */ jsx("path", { d: "M9 7h6" }),
-          /* @__PURE__ */ jsx("path", { d: "M9 11h6" }),
-          /* @__PURE__ */ jsx("path", { d: "M9 15h6" })
+          /* @__PURE__ */ jsx("path", { d: "m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4" }),
+          /* @__PURE__ */ jsx("path", { d: "m21 2-9.6 9.6" }),
+          /* @__PURE__ */ jsx("circle", { cx: "7.5", cy: "15.5", r: "5.5" })
         ]
       }
     )
@@ -178,10 +195,16 @@ var defaultTopNavLinks = [
         className: "h-4 w-4",
         fill: "none",
         stroke: "currentColor",
-        strokeWidth: "1.5",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
         children: [
-          /* @__PURE__ */ jsx("path", { d: "M18 16a6 6 0 1 0-12 0v2h12Z" }),
-          /* @__PURE__ */ jsx("circle", { cx: "12", cy: "7", r: "4" })
+          /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+          /* @__PURE__ */ jsx("path", { d: "m4.93 4.93 4.24 4.24" }),
+          /* @__PURE__ */ jsx("path", { d: "m14.83 9.17 4.24-4.24" }),
+          /* @__PURE__ */ jsx("path", { d: "m14.83 14.83 4.24 4.24" }),
+          /* @__PURE__ */ jsx("path", { d: "m9.17 14.83-4.24 4.24" }),
+          /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "4" })
         ]
       }
     )
@@ -267,8 +290,7 @@ var TopNav = async ({
     console.debug("[portal-components] branding fetch failed", error);
   }
   const baseLinks = links ?? defaultTopNavLinks;
-  const computedHiddenLabels = hiddenLabels ? hiddenLabels : links ? void 0 : defaultHiddenLabels;
-  const hiddenSet = computedHiddenLabels ? new Set(computedHiddenLabels) : null;
+  const hiddenSet = hiddenLabels ? new Set(hiddenLabels) : null;
   let resolvedLinks = baseLinks.filter(
     (link) => !hiddenSet?.has(link.label)
   );
@@ -281,7 +303,7 @@ var TopNav = async ({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: "relative flex h-[165px] w-full items-start justify-center",
+      className: "relative flex h-[280px] w-full items-start justify-center",
       style: {
         backgroundImage: `linear-gradient(to top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0) 33%), linear-gradient(${gradientStart}, ${gradientEnd})`,
         backgroundRepeat: "no-repeat",
@@ -308,7 +330,7 @@ var TopNav = async ({
             brandTitle ? /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold text-gray-900", children: brandTitle }) : null
           ] }) : /* @__PURE__ */ jsx("div", {}),
           /* @__PURE__ */ jsxs("details", { className: "group relative", children: [
-            /* @__PURE__ */ jsxs("summary", { className: "flex cursor-pointer items-center gap-2 rounded-lg bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 list-none", children: [
+            /* @__PURE__ */ jsxs("summary", { className: "flex cursor-pointer items-center gap-2 text-sm font-medium text-gray-600 hover:text-gray-900 list-none", children: [
               /* @__PURE__ */ jsxs(
                 "svg",
                 {
@@ -380,12 +402,12 @@ var TopNav = async ({
           const className = `flex items-center gap-2 px-4 py-1 transition text-gray-500 ${isActive ? "underline underline-offset-8 decoration-2" : ""}`;
           if (href) {
             return /* @__PURE__ */ jsxs(Link, { href, className, children: [
-              /* @__PURE__ */ jsx("span", { className: isActive ? "text-rose-600" : "text-gray-500", children: icon }),
+              /* @__PURE__ */ jsx("span", { className: isActive ? "text-gray-900" : "text-gray-500", children: icon }),
               /* @__PURE__ */ jsx("span", { children: label })
             ] }, label);
           }
           return /* @__PURE__ */ jsxs("button", { className, type: "button", children: [
-            /* @__PURE__ */ jsx("span", { className: isActive ? "text-rose-600" : "text-gray-500", children: icon }),
+            /* @__PURE__ */ jsx("span", { className: isActive ? "text-gray-900" : "text-gray-500", children: icon }),
             /* @__PURE__ */ jsx("span", { children: label })
           ] }, label);
         }) })