@replicated/portal-components 0.0.7 → 0.0.9

package/dist/esm/updates-card.js

@@ -1,3 +1,4 @@
+import Link from 'next/link';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 /**
@@ -76,7 +77,7 @@ var UpdatesCard = ({
       airgapUpdates > 0 && /* @__PURE__ */ jsx(Badge, { count: airgapUpdates })
     ] })
   ] }),
-  /* @__PURE__ */ jsx("footer", { className: footerClass, children: /* @__PURE__ */ jsx("a", { href: "/update", children: "View updates \u2192" }) })
+  /* @__PURE__ */ jsx("footer", { className: footerClass, children: /* @__PURE__ */ jsx(Link, { href: "/update", children: "View updates \u2192" }) })
 ] });
 UpdatesCard.displayName = "UpdatesCard";
 

package/dist/esm/updates-card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/updates-card.tsx"],"names":[],"mappings":";;;;;;;AAEA,IAAM,SAAA,GAAY,CAAC,KAAA,qBACjB,IAAA;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,EAAY,MAAA;AAAA,IACX,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,YAAO,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,GAAG,EAAA,EAAI,CAAA;AAAA,sBAC/B,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,UAAA,EAAW,CAAA;AAAA,sBACnB,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,4FAAA,EAA6F;AAAA;AAAA;AACvG,CAAA;AAGF,IAAM,UAAA,GAAa,CAAC,KAAA,qBAClB,IAAA;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,EAAY,MAAA;AAAA,IACX,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,GAAE,YAAA,EAAa,CAAA;AAAA,sBACrB,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,wBAAA,EAAyB,CAAA;AAAA,sBACjC,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,wBAAA,EAAyB,CAAA;AAAA,sBACjC,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,0BAAA,EAA2B,CAAA;AAAA,sBACnC,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,qBAAA,EAAsB;AAAA;AAAA;AAChC,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;AACF,IAAM,UAAA,GACJ,8HAAA;AAaF,IAAM,KAAA,GAAQ,CAAC,EAAE,KAAA,EAAM,qBACrB,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,UAAA,EAAY,YAAA,EAAY,CAAA,EAAG,KAAK,sBAC9C,QAAA,EAAA,KAAA,EACH,CAAA;AAGK,IAAM,cAAc,CAAC;AAAA,EAC1B,iBAAA,GAAoB,CAAA;AAAA,EACpB,WAAA,GAAc,CAAA;AAAA,EACd,aAAA,GAAgB,CAAA;AAAA,EAChB,aAAA,GAAgB;AAClB,CAAA,qBACE,IAAA,CAAC,SAAA,EAAA,EAAQ,SAAA,EAAW,aAAA,EAAe,mBAAgB,sBAAA,EACjD,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EACC,8BAAC,IAAA,EAAA,EAAG,EAAA,EAAG,wBAAuB,SAAA,EAAW,YAAA,EAAc,qBAEvD,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,iBAAA;AAAA,QAAkB,iBAAA;AAAA,QAAgB,iBAAA,KAAsB,IAAI,UAAA,GAAa;AAAA,OAAA,EAC5E,CAAA;AAAA,MACC,aAAA,GAAgB,CAAA,oBAAK,GAAA,CAAC,KAAA,EAAA,EAAM,OAAO,aAAA,EAAe;AAAA,KAAA,EACrD,CAAA;AAAA,oBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,SAAA,EACd,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,WAAW,SAAA,EAAW,CAAA;AAAA,2BACjC,MAAA,EAAA,EACE,QAAA,EAAA;AAAA,QAAA,WAAA;AAAA,QAAY,WAAA;AAAA,QAAU,WAAA,KAAgB,IAAI,UAAA,GAAa;AAAA,OAAA,EAC1D,CAAA;AAAA,MACC,aAAA,GAAgB,CAAA,oBAAK,GAAA,CAAC,KAAA,EAAA,EAAM,OAAO,aAAA,EAAe;AAAA,KAAA,EACrD;AAAA,GAAA,EACF,CAAA;AAAA,kBACA,GAAA,CAAC,YAAO,SAAA,EAAW,WAAA,EACjB,8BAAC,GAAA,EAAA,EAAE,IAAA,EAAK,SAAA,EAAU,QAAA,EAAA,qBAAA,EAAc,CAAA,EAClC;AAAA,CAAA,EACF;AAGF,WAAA,CAAY,WAAA,GAAc,aAAA","file":"updates-card.js","sourcesContent":["import type { SVGProps } from \"react\";\n\nconst GlobeIcon = (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={12} cy={12} r={10} />\n    <path d=\"M2 12h20\" />\n    <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10Z\" />\n  </svg>\n);\n\nconst AirGapIcon = (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=\"m4 4 16 16\" />\n    <path d=\"M7.5 4.5a8 8 0 0 1 9 0\" />\n    <path d=\"M4.5 7.5a8 8 0 0 0 0 9\" />\n    <path d=\"M16.5 19.5a8 8 0 0 0 0-9\" />\n    <path d=\"M7 12a5 5 0 0 0 5 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\";\nconst badgeClass =\n  \"ml-2 inline-flex h-5 min-w-[20px] items-center justify-center rounded-full bg-blue-500 px-1.5 text-xs font-medium text-white\";\n\nexport interface UpdatesCardProps {\n  /** Number of active online instances (checked in within 24 hours) */\n  onlineActiveCount?: number;\n  /** Number of air gap instances */\n  airgapCount?: number;\n  /** Number of updates available for online instances */\n  onlineUpdates?: number;\n  /** Number of updates available for airgap instances */\n  airgapUpdates?: number;\n}\n\nconst Badge = ({ count }: { count: number }) => (\n  <span className={badgeClass} aria-label={`${count} updates available`}>\n    {count}\n  </span>\n);\n\nexport const UpdatesCard = ({\n  onlineActiveCount = 0,\n  airgapCount = 0,\n  onlineUpdates = 0,\n  airgapUpdates = 0\n}: UpdatesCardProps) => (\n  <section className={baseCardClass} aria-labelledby=\"updates-card-heading\">\n    <header>\n      <h2 id=\"updates-card-heading\" className={headingClass}>\n        Updates\n      </h2>\n    </header>\n    <div className={contentClass}>\n      <div className={itemClass}>\n        <GlobeIcon className={iconClass} />\n        <span>\n          {onlineActiveCount} Active Online {onlineActiveCount === 1 ? \"instance\" : \"instances\"}\n        </span>\n        {onlineUpdates > 0 && <Badge count={onlineUpdates} />}\n      </div>\n      <div className={itemClass}>\n        <AirGapIcon className={iconClass} />\n        <span>\n          {airgapCount} Air gap {airgapCount === 1 ? \"instance\" : \"instances\"}\n        </span>\n        {airgapUpdates > 0 && <Badge count={airgapUpdates} />}\n      </div>\n    </div>\n    <footer className={footerClass}>\n      <a href=\"/update\">View updates →</a>\n    </footer>\n  </section>\n);\n\nUpdatesCard.displayName = \"UpdatesCard\";\n"]}
+{"version":3,"sources":["../../src/components/updates-card.tsx"],"names":[],"mappings":"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","file":"updates-card.js","sourcesContent":["import type { SVGProps } from \"react\";\nimport Link from \"next/link\";\n\nconst GlobeIcon = (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={12} cy={12} r={10} />\n    <path d=\"M2 12h20\" />\n    <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10Z\" />\n  </svg>\n);\n\nconst AirGapIcon = (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=\"m4 4 16 16\" />\n    <path d=\"M7.5 4.5a8 8 0 0 1 9 0\" />\n    <path d=\"M4.5 7.5a8 8 0 0 0 0 9\" />\n    <path d=\"M16.5 19.5a8 8 0 0 0 0-9\" />\n    <path d=\"M7 12a5 5 0 0 0 5 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\";\nconst badgeClass =\n  \"ml-2 inline-flex h-5 min-w-[20px] items-center justify-center rounded-full bg-blue-500 px-1.5 text-xs font-medium text-white\";\n\nexport interface UpdatesCardProps {\n  /** Number of active online instances (checked in within 24 hours) */\n  onlineActiveCount?: number;\n  /** Number of air gap instances */\n  airgapCount?: number;\n  /** Number of updates available for online instances */\n  onlineUpdates?: number;\n  /** Number of updates available for airgap instances */\n  airgapUpdates?: number;\n}\n\nconst Badge = ({ count }: { count: number }) => (\n  <span className={badgeClass} aria-label={`${count} updates available`}>\n    {count}\n  </span>\n);\n\nexport const UpdatesCard = ({\n  onlineActiveCount = 0,\n  airgapCount = 0,\n  onlineUpdates = 0,\n  airgapUpdates = 0\n}: UpdatesCardProps) => (\n  <section className={baseCardClass} aria-labelledby=\"updates-card-heading\">\n    <header>\n      <h2 id=\"updates-card-heading\" className={headingClass}>\n        Updates\n      </h2>\n    </header>\n    <div className={contentClass}>\n      <div className={itemClass}>\n        <GlobeIcon className={iconClass} />\n        <span>\n          {onlineActiveCount} Active Online {onlineActiveCount === 1 ? \"instance\" : \"instances\"}\n        </span>\n        {onlineUpdates > 0 && <Badge count={onlineUpdates} />}\n      </div>\n      <div className={itemClass}>\n        <AirGapIcon className={iconClass} />\n        <span>\n          {airgapCount} Air gap {airgapCount === 1 ? \"instance\" : \"instances\"}\n        </span>\n        {airgapUpdates > 0 && <Badge count={airgapUpdates} />}\n      </div>\n    </div>\n    <footer className={footerClass}>\n      <Link href=\"/update\">View updates →</Link>\n    </footer>\n  </section>\n);\n\nUpdatesCard.displayName = \"UpdatesCard\";\n"]}

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

@@ -1,3 +1,4 @@
+import Link from 'next/link';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 /**
@@ -12,7 +13,7 @@ var footerClass = "mt-6 flex justify-end text-sm font-semibold text-primary hove
 var UserSettingsCard = () => /* @__PURE__ */ jsxs("section", { className: baseCardClass, "aria-labelledby": "user-settings-card-heading", children: [
   /* @__PURE__ */ jsx("header", { children: /* @__PURE__ */ jsx("h2", { id: "user-settings-card-heading", className: headingClass, children: "User Settings" }) }),
   /* @__PURE__ */ jsx("div", { className: bodySpacerClass }),
-  /* @__PURE__ */ jsx("footer", { className: footerClass, children: /* @__PURE__ */ jsx("a", { href: "/user-settings", children: "View user settings \u2192" }) })
+  /* @__PURE__ */ jsx("footer", { className: footerClass, children: /* @__PURE__ */ jsx(Link, { href: "/user-settings", children: "View user settings \u2192" }) })
 ] });
 UserSettingsCard.displayName = "UserSettingsCard";
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/user-settings-card.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAM,aAAA,GACJ,8GAAA;AACF,IAAM,YAAA,GAAe,qCAAA;AACrB,IAAM,eAAA,GAAkB,aAAA;AACxB,IAAM,WAAA,GACJ,gFAAA;AAEK,IAAM,mBAAmB,sBAC9B,IAAA,CAAC,aAAQ,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,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,eAAA,EAAiB,CAAA;AAAA,kBACjC,GAAA,CAAC,YAAO,SAAA,EAAW,WAAA,EACjB,8BAAC,GAAA,EAAA,EAAE,IAAA,EAAK,gBAAA,EAAiB,QAAA,EAAA,2BAAA,EAAoB,CAAA,EAC/C;AAAA,CAAA,EACF;AAGF,gBAAA,CAAiB,WAAA,GAAc,kBAAA","file":"user-settings-card.js","sourcesContent":["const 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 bodySpacerClass = \"mt-4 flex-1\";\nconst footerClass =\n  \"mt-6 flex justify-end text-sm font-semibold text-primary hover:text-primary/80\";\n\nexport const UserSettingsCard = () => (\n  <section className={baseCardClass} aria-labelledby=\"user-settings-card-heading\">\n    <header>\n      <h2 id=\"user-settings-card-heading\" className={headingClass}>\n        User Settings\n      </h2>\n    </header>\n    <div className={bodySpacerClass} />\n    <footer className={footerClass}>\n      <a href=\"/user-settings\">View user settings →</a>\n    </footer>\n  </section>\n);\n\nUserSettingsCard.displayName = \"UserSettingsCard\";\n"]}
+{"version":3,"sources":["../../src/components/user-settings-card.tsx"],"names":[],"mappings":";;;;;;;;AAEA,IAAM,aAAA,GACJ,8GAAA;AACF,IAAM,YAAA,GAAe,qCAAA;AACrB,IAAM,eAAA,GAAkB,aAAA;AACxB,IAAM,WAAA,GACJ,gFAAA;AAEK,IAAM,mBAAmB,sBAC9B,IAAA,CAAC,aAAQ,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,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,eAAA,EAAiB,CAAA;AAAA,kBACjC,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":"user-settings-card.js","sourcesContent":["import Link from \"next/link\";\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 bodySpacerClass = \"mt-4 flex-1\";\nconst footerClass =\n  \"mt-6 flex justify-end text-sm font-semibold text-primary hover:text-primary/80\";\n\nexport const UserSettingsCard = () => (\n  <section className={baseCardClass} aria-labelledby=\"user-settings-card-heading\">\n    <header>\n      <h2 id=\"user-settings-card-heading\" className={headingClass}>\n        User Settings\n      </h2>\n    </header>\n    <div className={bodySpacerClass} />\n    <footer className={footerClass}>\n      <Link href=\"/user-settings\">View user settings →</Link>\n    </footer>\n  </section>\n);\n\nUserSettingsCard.displayName = \"UserSettingsCard\";\n"]}

package/dist/index.js

@@ -3,6 +3,11 @@
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var buffer = require('buffer');
+var Link = require('next/link');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var Link__default = /*#__PURE__*/_interopDefault(Link);
 
 /**
  * Enterprise Portal Components
@@ -11,7 +16,7 @@ var buffer = require('buffer');
 
 // package.json
 var package_default = {
-  version: "0.0.7"};
+  version: "0.0.9"};
 
 // src/tokens/index.ts
 var baseTokens = {
@@ -1762,7 +1767,7 @@ var TopNav = async ({
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute right-0 mt-2 w-48 rounded-md border border-gray-200 bg-white py-2 text-sm text-gray-700 shadow-lg z-50", children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                "a",
+                Link__default.default,
                 {
                   href: "/user-settings",
                   className: "block w-full px-4 py-2 text-left hover:bg-gray-100",
@@ -1770,7 +1775,7 @@ var TopNav = async ({
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                "a",
+                Link__default.default,
                 {
                   href: "/team-settings",
                   className: "block w-full px-4 py-2 text-left hover:bg-gray-100",
@@ -1779,7 +1784,7 @@ var TopNav = async ({
               ),
               userMenuChildren,
               /* @__PURE__ */ jsxRuntime.jsx(
-                "a",
+                Link__default.default,
                 {
                   href: "/?expired=1",
                   className: "block w-full px-4 py-2 text-left hover:bg-gray-100",
@@ -1793,7 +1798,7 @@ var TopNav = async ({
           const isActive = activeLabel === label;
           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__ */ jsxRuntime.jsxs("a", { href, className, children: [
+            return /* @__PURE__ */ jsxRuntime.jsxs(Link__default.default, { href, className, children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: isActive ? "text-rose-600" : "text-gray-500", children: icon }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: label })
             ] }, label);
@@ -1878,7 +1883,7 @@ var UpdatesCard = ({
       airgapUpdates > 0 && /* @__PURE__ */ jsxRuntime.jsx(Badge, { count: airgapUpdates })
     ] })
   ] }),
-  /* @__PURE__ */ jsxRuntime.jsx("footer", { className: footerClass, children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: "/update", children: "View updates \u2192" }) })
+  /* @__PURE__ */ jsxRuntime.jsx("footer", { className: footerClass, children: /* @__PURE__ */ jsxRuntime.jsx(Link__default.default, { href: "/update", children: "View updates \u2192" }) })
 ] });
 UpdatesCard.displayName = "UpdatesCard";
 var UploadIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1933,7 +1938,7 @@ var SupportCard = async () => {
         ")"
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("footer", { className: footerClass2, children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: "/support", className: "inline-flex items-center gap-1", children: "View support guide \u2192" }) })
+    /* @__PURE__ */ jsxRuntime.jsx("footer", { className: footerClass2, children: /* @__PURE__ */ jsxRuntime.jsx(Link__default.default, { href: "/support", className: "inline-flex items-center gap-1", children: "View support guide \u2192" }) })
   ] });
 };
 SupportCard.displayName = "SupportCard";
@@ -2299,7 +2304,7 @@ var footerClass3 = "mt-6 flex justify-end text-sm font-semibold text-primary hov
 var UserSettingsCard = () => /* @__PURE__ */ jsxRuntime.jsxs("section", { className: baseCardClass3, "aria-labelledby": "user-settings-card-heading", children: [
   /* @__PURE__ */ jsxRuntime.jsx("header", { children: /* @__PURE__ */ jsxRuntime.jsx("h2", { id: "user-settings-card-heading", className: headingClass3, children: "User Settings" }) }),
   /* @__PURE__ */ jsxRuntime.jsx("div", { className: bodySpacerClass }),
-  /* @__PURE__ */ jsxRuntime.jsx("footer", { className: footerClass3, children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: "/user-settings", children: "View user settings \u2192" }) })
+  /* @__PURE__ */ jsxRuntime.jsx("footer", { className: footerClass3, children: /* @__PURE__ */ jsxRuntime.jsx(Link__default.default, { href: "/user-settings", children: "View user settings \u2192" }) })
 ] });
 UserSettingsCard.displayName = "UserSettingsCard";
 var UsersIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2366,7 +2371,7 @@ var TeamSettingsCard = ({
       ] })
     ] })
   ] }),
-  /* @__PURE__ */ jsxRuntime.jsx("footer", { className: footerClass4, children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: "/team-settings", children: "View team settings \u2192" }) })
+  /* @__PURE__ */ jsxRuntime.jsx("footer", { className: footerClass4, children: /* @__PURE__ */ jsxRuntime.jsx(Link__default.default, { href: "/team-settings", children: "View team settings \u2192" }) })
 ] });
 TeamSettingsCard.displayName = "TeamSettingsCard";
 var UpdateLayout = ({ children }) => {