@syscore/ui-library 1.3.7 → 1.4.0

package/dist/index.es.js

@@ -26,7 +26,7 @@ import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 import { DayPicker } from "react-day-picker";
-import { motion, AnimatePresence } from "motion/react";
+import { AnimatePresence, motion } from "motion/react";
 import { Command as Command$1 } from "cmdk";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
@@ -2038,50 +2038,6 @@ function Calendar({
   );
 }
 Calendar.displayName = "Calendar";
-const UtilityClose = ({ className }) => {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "size-4 flex items-center justify-center text-gray-500",
-        className
-      ),
-      children: /* @__PURE__ */ jsxs(
-        "svg",
-        {
-          xmlns: "http://www.w3.org/2000/svg",
-          width: "12",
-          height: "12",
-          viewBox: "0 0 12 12",
-          fill: "none",
-          className: cn("size-3 text-inherit"),
-          children: [
-            /* @__PURE__ */ jsx(
-              "path",
-              {
-                d: "M10.8002 1.19995L1.2002 10.8",
-                stroke: "currentColor",
-                strokeWidth: "1.5",
-                strokeLinecap: "round",
-                strokeLinejoin: "round"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "path",
-              {
-                d: "M1.2002 1.19995L10.8002 10.8",
-                stroke: "currentColor",
-                strokeWidth: "1.5",
-                strokeLinecap: "round",
-                strokeLinejoin: "round"
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-};
 const NavLogo = ({ dark = false }) => {
   return /* @__PURE__ */ jsxs(
     "svg",
@@ -2170,12 +2126,257 @@ const NavBullet = ({ color }) => {
     }
   );
 };
+const UtilityClearRegular = ({
+  className
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "size-4 flex items-center justify-center text-gray-500",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "14",
+          height: "14",
+          viewBox: "0 0 14 14",
+          fill: "none",
+          className: cn("size-[14px] text-inherit"),
+          children: [
+            /* @__PURE__ */ jsx(
+              "path",
+              {
+                d: "M6.65039 12.65L0.650391 6.65L6.65039 0.65",
+                stroke: "currentColor",
+                strokeWidth: "1.3",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "path",
+              {
+                d: "M12.6504 6.65H0.650391",
+                stroke: "currentColor",
+                strokeWidth: "1.3",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+const StandardLogo = ({ className = "" }) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "93",
+      height: "18",
+      viewBox: "0 0 93 18",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: cn("text-gray-700", className),
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M87.4833 17.1541C84.5265 17.1541 82.2737 14.8309 82.2737 11.7333C82.2737 8.63573 84.5265 6.31253 87.4833 6.31253C89.4779 6.31253 91.1675 7.36853 92.0358 9.0112V0.281599C92.0358 0.117333 92.1531 0 92.3174 0H92.599C92.7633 0 92.8806 0.117333 92.8806 0.281599V16.7317C92.8806 16.896 92.7633 17.0133 92.599 17.0133H92.3174C92.1531 17.0133 92.0358 16.896 92.0358 16.7317V14.4555C91.1675 16.0981 89.4779 17.1541 87.4833 17.1541ZM87.5771 7.1808C85.0662 7.1808 83.1419 9.12853 83.1419 11.7333C83.1419 14.3381 85.0662 16.3093 87.5771 16.3093C90.0881 16.3093 91.9889 14.3381 91.9889 11.7333C91.9889 9.12853 90.0881 7.1808 87.5771 7.1808Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M75.8349 17.0133C75.6706 17.0133 75.5298 16.896 75.5298 16.7317V6.73493C75.5298 6.57067 75.6706 6.45333 75.8349 6.45333H76.1165C76.2807 6.45333 76.3981 6.57067 76.3981 6.73493V8.63573C76.8674 7.8144 78.0642 6.4064 80.7629 6.31253C80.9037 6.31253 81.0445 6.42987 81.0445 6.59413V6.94613C81.0445 7.1104 80.9271 7.20427 80.7629 7.20427C80.6925 7.1808 80.6455 7.1808 80.5751 7.1808C78.2285 7.1808 76.3981 8.77653 76.3981 10.8885V16.7317C76.3981 16.896 76.2807 17.0133 76.1165 17.0133H75.8349Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M66.4457 17.1541C63.4889 17.1541 61.2361 14.8309 61.2361 11.7333C61.2361 8.63573 63.4889 6.31253 66.4457 6.31253C68.4403 6.31253 70.13 7.36853 70.9982 9.0112V6.73493C70.9982 6.57067 71.1156 6.45333 71.2798 6.45333H71.5849C71.7257 6.45333 71.8665 6.57067 71.8665 6.73493V16.7317C71.8665 16.896 71.7257 17.0133 71.5849 17.0133H71.2798C71.1156 17.0133 70.9982 16.896 70.9982 16.7317V14.4555C70.13 16.0981 68.4403 17.1541 66.4457 17.1541ZM66.5396 7.1808C64.0286 7.1808 62.1044 9.12853 62.1044 11.7333C62.1044 14.3381 64.0286 16.3093 66.5396 16.3093C69.0505 16.3093 70.9513 14.3381 70.9513 11.7333C70.9513 9.12853 69.0505 7.1808 66.5396 7.1808Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M52.8561 17.1541C49.8993 17.1541 47.6465 14.8309 47.6465 11.7333C47.6465 8.63573 49.8993 6.31253 52.8561 6.31253C54.8507 6.31253 56.5404 7.36853 57.4086 9.0112V0.281599C57.4086 0.117333 57.526 0 57.6902 0H57.9718C58.1361 0 58.2534 0.117333 58.2534 0.281599V16.7317C58.2534 16.896 58.1361 17.0133 57.9718 17.0133H57.6902C57.526 17.0133 57.4086 16.896 57.4086 16.7317V14.4555C56.5404 16.0981 54.8507 17.1541 52.8561 17.1541ZM52.95 7.1808C50.439 7.1808 48.5148 9.12853 48.5148 11.7333C48.5148 14.3381 50.439 16.3093 52.95 16.3093C55.4609 16.3093 57.3617 14.3381 57.3617 11.7333C57.3617 9.12853 55.4609 7.1808 52.95 7.1808Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M35.5473 17.0133C35.383 17.0133 35.2422 16.896 35.2422 16.7317V6.73493C35.2422 6.57067 35.383 6.45333 35.5473 6.45333H35.8289C35.9931 6.45333 36.1105 6.57067 36.1105 6.73493V8.75307C36.5329 7.90827 37.7297 6.31253 40.4518 6.31253C42.9393 6.31253 44.7697 8.14293 44.7697 10.6304V16.7317C44.7697 16.896 44.6523 17.0133 44.4881 17.0133H44.2065C44.0422 17.0133 43.9249 16.896 43.9249 16.7317V10.7712C43.9249 8.70613 42.3526 7.13387 40.2875 7.13387C37.9409 7.13387 36.1105 8.75307 36.1105 10.8416V16.7317C36.1105 16.896 35.9931 17.0133 35.8289 17.0133H35.5473Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M26.1583 17.1541C23.2015 17.1541 20.9487 14.8309 20.9487 11.7333C20.9487 8.63573 23.2015 6.31253 26.1583 6.31253C28.153 6.31253 29.8426 7.36853 30.7109 9.0112V6.73493C30.7109 6.57067 30.8282 6.45333 30.9925 6.45333H31.2975C31.4383 6.45333 31.5791 6.57067 31.5791 6.73493V16.7317C31.5791 16.896 31.4383 17.0133 31.2975 17.0133H30.9925C30.8282 17.0133 30.7109 16.896 30.7109 16.7317V14.4555C29.8426 16.0981 28.153 17.1541 26.1583 17.1541ZM26.2522 7.1808C23.7413 7.1808 21.817 9.12853 21.817 11.7333C21.817 14.3381 23.7413 16.3093 26.2522 16.3093C28.7631 16.3093 30.6639 14.3381 30.6639 11.7333C30.6639 9.12853 28.7631 7.1808 26.2522 7.1808Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M13.285 7.2512C13.1208 7.2512 13.0034 7.13387 13.0034 6.9696V6.73493C13.0034 6.57067 13.1208 6.45333 13.285 6.45333H14.9277V4.41173C14.9277 4.24747 15.045 4.13013 15.2093 4.13013H15.4909C15.6552 4.13013 15.7725 4.24747 15.7725 4.41173V6.45333H18.7997C18.964 6.45333 19.0813 6.57067 19.0813 6.73493V6.9696C19.0813 7.13387 18.964 7.2512 18.7997 7.2512H15.7725V14.08C15.7725 15.2768 16.5234 16.1685 17.5325 16.1685H18.7762C18.9405 16.1685 19.0578 16.2859 19.0578 16.4501V16.7317C19.0578 16.896 18.9405 17.0133 18.7762 17.0133H17.4856C16.0306 17.0133 14.9277 15.7696 14.9277 14.1504V7.2512H13.285Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M9.84461 4.576C9.46915 3.0272 7.73262 1.9008 5.55022 1.9008C3.10968 1.9008 1.25581 3.28533 1.25581 5.2096C1.25581 7.29813 3.46168 7.90827 5.83182 8.47147C8.38968 9.0112 11.1587 9.83253 11.1587 12.6955C11.1587 15.3237 8.78862 17.1776 5.59715 17.1776C2.73422 17.1776 0.551815 15.6992 0.0120816 13.6576C-0.0348519 13.5168 0.0590148 13.376 0.223281 13.3291L0.598748 13.1883C0.622215 13.1883 0.645682 13.1883 0.645682 13.1883C0.763015 13.1883 0.856881 13.2587 0.903815 13.376C1.32621 15.0656 3.18008 16.2859 5.59715 16.2859C8.24888 16.2859 10.2435 14.8075 10.2435 12.7424C10.2435 10.6069 8.08462 9.90294 5.64408 9.38667C3.20355 8.82347 0.364081 8.07253 0.364081 5.23307C0.364081 2.7456 2.54648 1.03253 5.52675 1.03253C8.17848 1.03253 10.2201 2.3936 10.7598 4.2944C10.8067 4.4352 10.7129 4.576 10.5486 4.62294L10.1497 4.76373C10.0323 4.7872 9.91501 4.7168 9.84461 4.576Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+};
+const NavLink = React.forwardRef(
+  ({ href, LinkComponent, onLinkClick, children, ...props }, ref) => {
+    if (LinkComponent) {
+      return /* @__PURE__ */ jsx(
+        LinkComponent,
+        {
+          href,
+          className: props.className,
+          "aria-label": props["aria-label"],
+          children
+        }
+      );
+    }
+    if (onLinkClick) {
+      return /* @__PURE__ */ jsx(
+        "a",
+        {
+          ref,
+          href,
+          ...props,
+          onClick: (e) => {
+            e.preventDefault();
+            onLinkClick(href);
+          },
+          children
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx("a", { ref, href, ...props, children });
+  }
+);
+NavLink.displayName = "NavLink";
+const ALPHA_PATH$1 = "M5.3387 0.0229882C5.37971 0.0229882 5.45295 0.0199228 5.5584 0.0137925C5.66386 0.00459714 5.74442 0 5.80007 0C6.72867 0 7.49908 0.269732 8.11131 0.809196C8.72354 1.34559 9.14097 2.09195 9.3636 3.04828C9.44855 3.47433 9.49835 3.96628 9.513 4.52414V5.16782C10.2014 4.07663 10.7287 2.85517 11.0948 1.50345C11.1505 1.29808 11.1959 1.17701 11.2311 1.14023C11.2662 1.10345 11.3761 1.08506 11.5606 1.08506C11.8535 1.08506 12 1.13563 12 1.23678C12 1.25211 11.9722 1.37778 11.9165 1.61379C11.5093 3.24751 10.7931 4.77701 9.76785 6.2023L9.53497 6.51034L9.55694 7.04368C9.59795 8.23295 9.72391 8.9318 9.93482 9.14023C9.97583 9.16782 10.0388 9.18161 10.1238 9.18161C10.32 9.15402 10.5031 9.06973 10.673 8.92874C10.8429 8.78774 10.963 8.62222 11.0333 8.43218C11.0597 8.32797 11.0948 8.26513 11.1388 8.24368C11.1798 8.22222 11.2852 8.21149 11.4551 8.21149C11.7364 8.21149 11.877 8.27739 11.877 8.40919C11.877 8.49808 11.8345 8.63142 11.7495 8.8092C11.5943 9.13103 11.3687 9.4069 11.0729 9.63678C10.777 9.8636 10.4475 9.97701 10.0842 9.97701H9.93482C8.97986 9.97701 8.3398 9.44674 8.01465 8.38621L7.95313 8.23448C7.20615 8.74942 6.79165 9.02835 6.70963 9.07126C5.66679 9.69042 4.61809 10 3.56353 10C2.56756 10 1.76346 9.70575 1.15123 9.11724C0.538997 8.52874 0.162578 7.75632 0.02197 6.8C0.0073233 6.71111 0 6.54866 0 6.31264C0 5.9295 0.02197 5.62146 0.0659099 5.38851C0.276822 4.06437 0.887587 2.8751 1.89821 1.82069C2.91175 0.769348 4.05859 0.170115 5.3387 0.0229882ZM1.83669 7.10805C1.83669 7.73946 1.9978 8.24368 2.32003 8.62069C2.64518 8.99464 3.09484 9.18161 3.66899 9.18161C4.03515 9.18161 4.44379 9.12337 4.89491 9.0069C5.6829 8.80153 6.44892 8.4046 7.19297 7.81609C7.29257 7.74253 7.38777 7.66437 7.47858 7.58161C7.56939 7.50192 7.64262 7.43295 7.69828 7.37471L7.78176 7.28276L7.76419 7.08506C7.76419 6.95326 7.75979 6.75862 7.75101 6.50115C7.74515 6.24368 7.74222 5.98927 7.74222 5.73793C7.72757 5.18008 7.71732 4.74636 7.71146 4.43678C7.70267 4.1272 7.67338 3.74866 7.62358 3.30115C7.57671 2.85364 7.5108 2.50728 7.42585 2.26207C7.3409 2.01992 7.22519 1.77471 7.07873 1.52644C6.92933 1.2751 6.73892 1.09425 6.50751 0.983908C6.27609 0.873563 6.00513 0.81839 5.69462 0.81839C4.72501 0.81839 3.87404 1.35479 3.14171 2.42759C2.79019 2.97318 2.49579 3.71647 2.25851 4.65747C1.9773 5.73333 1.83669 6.55019 1.83669 7.10805Z";
+const PATH_LENGTH$1 = 60;
+const AlphaIcon$1 = ({ dark }) => {
+  if (dark) {
+    return /* @__PURE__ */ jsx(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "12",
+        height: "10",
+        viewBox: "0 0 12 10",
+        fill: "none",
+        className: "mt-1.5",
+        style: { overflow: "visible" },
+        children: /* @__PURE__ */ jsx("path", { d: ALPHA_PATH$1, fill: "currentColor" })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "12",
+      height: "10",
+      viewBox: "0 0 12 10",
+      fill: "none",
+      className: "mt-1.5",
+      style: { overflow: "visible" },
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: ALPHA_PATH$1,
+            fill: "url(#paint0_linear_10081_30848)",
+            opacity: "0.4"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          motion.path,
+          {
+            d: ALPHA_PATH$1,
+            fill: "none",
+            stroke: "url(#stroke_gradient)",
+            strokeWidth: "0.4",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            initial: { strokeDashoffset: PATH_LENGTH$1 },
+            animate: { strokeDashoffset: -PATH_LENGTH$1 },
+            style: { strokeDasharray: `8 ${PATH_LENGTH$1 - 8}` },
+            transition: {
+              duration: 2,
+              repeat: Infinity,
+              repeatDelay: 8,
+              ease: "linear"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxs("defs", { children: [
+          /* @__PURE__ */ jsxs(
+            "linearGradient",
+            {
+              id: "paint0_linear_10081_30848",
+              x1: "-3.27254",
+              y1: "4.99923",
+              x2: "6.36738",
+              y2: "-2.36962",
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ jsx("stop", { stopColor: "#8AEFDB" }),
+                /* @__PURE__ */ jsx("stop", { offset: "0.5", stopColor: "#D4BACE" }),
+                /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#CBE0F1" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "linearGradient",
+            {
+              id: "stroke_gradient",
+              x1: "0",
+              y1: "0",
+              x2: "12",
+              y2: "10",
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ jsx("stop", { stopColor: "#8AEFDB" }),
+                /* @__PURE__ */ jsx("stop", { offset: "0.5", stopColor: "#D4BACE" }),
+                /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#CBE0F1" })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
 const Navigation = ({
   navItems,
   isStrategy = false,
   Link: LinkComponent,
   onLinkClick,
-  onClose
+  onClose,
+  pathname
 }) => {
   const [isOpen, setIsOpen] = React.useState(false);
   const [activeItem, setActiveItem] = React.useState(null);
@@ -2183,6 +2384,7 @@ const Navigation = ({
   const menuRef = React.useRef(null);
   const menuItemsRef = React.useRef(null);
   const overlayRef = React.useRef(null);
+  const isHomepage = pathname === "/";
   const handleMouseLeave = () => {
     setIsOpen(false);
     setActiveItem(null);
@@ -2191,7 +2393,7 @@ const Navigation = ({
     setIsOpen(true);
     setActiveItem(index + 1);
   };
-  const NavLink = ({ href, className, "aria-label": ariaLabel, children }) => {
+  const NavLink2 = ({ href, className, "aria-label": ariaLabel, children }) => {
     if (LinkComponent) {
       return /* @__PURE__ */ jsx(LinkComponent, { href, className, "aria-label": ariaLabel, children });
     }
@@ -2230,33 +2432,45 @@ const Navigation = ({
         ),
         /* @__PURE__ */ jsxs("div", { className: "navigation-container", children: [
           /* @__PURE__ */ jsxs("div", { className: "navigation-logo-container", children: [
-            isStrategy ? /* @__PURE__ */ jsx(
-              Button,
+            /* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", children: !isHomepage && /* @__PURE__ */ jsx(
+              motion.div,
               {
-                className: "navigation-close-button",
-                size: "icon",
-                onClick: (e) => {
-                  e.preventDefault();
-                  if (onClose) {
-                    onClose();
-                  } else if (onLinkClick) {
-                    onLinkClick("/");
+                layout: true,
+                initial: { opacity: 0, scale: 0.8 },
+                animate: { opacity: 1, scale: 1 },
+                exit: { opacity: 0, scale: 0.8 },
+                transition: { duration: 0.2, ease: "easeOut" },
+                style: { willChange: "transform, opacity" },
+                children: /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    size: "icon",
+                    className: " mr-6",
+                    onClick: () => onClose == null ? void 0 : onClose(),
+                    children: /* @__PURE__ */ jsx(UtilityClearRegular, {})
                   }
-                },
-                children: /* @__PURE__ */ jsx(UtilityClose, { className: "navigation-close-icon" })
+                )
               }
-            ) : null,
+            ) }),
             /* @__PURE__ */ jsx(
-              NavLink,
+              motion.div,
               {
-                href: "/",
-                className: cn(
-                  "navigation-logo-link",
-                  isStrategy && "navigation-logo-link--strategy"
-                ),
-                "data-strategy": isStrategy,
-                "aria-label": "Home",
-                children: /* @__PURE__ */ jsx(NavLogo, { dark: isStrategy })
+                layout: true,
+                transition: { duration: 0.2, ease: "easeOut" },
+                children: /* @__PURE__ */ jsxs(
+                  NavLink2,
+                  {
+                    href: "/",
+                    className: cn("navigation-logo-link"),
+                    "data-strategy": isStrategy,
+                    "aria-label": "Home",
+                    children: [
+                      /* @__PURE__ */ jsx(NavLogo, { dark: isStrategy }),
+                      /* @__PURE__ */ jsx(StandardLogo, { className: cn(!isStrategy ? "text-white" : "text-black") }),
+                      /* @__PURE__ */ jsx(AlphaIcon$1, { dark: isStrategy })
+                    ]
+                  }
+                )
               }
             )
           ] }),
@@ -2316,11 +2530,11 @@ const Navigation = ({
             index + 1
           )) : null }) }) : null,
           /* @__PURE__ */ jsx("div", { className: "navigation-actions", children: /* @__PURE__ */ jsx(
-            NavLink,
+            NavLink2,
             {
               href: "/",
               "aria-label": "Account link",
-              className: "navigation-account-link",
+              className: cn("navigation-account-link", isStrategy && "navigation-account-link--strategy"),
               "data-open": isOpen,
               "data-strategy": isStrategy,
               children: /* @__PURE__ */ jsx(
@@ -2362,46 +2576,46 @@ const Navigation = ({
                   /* @__PURE__ */ jsxs("div", { className: "navigation-tray-column", children: [
                     /* @__PURE__ */ jsx("h3", { className: "navigation-tray-column-title", children: "Everything" }),
                     /* @__PURE__ */ jsxs("ul", { className: "navigation-tray-column-list navigation-tray-column-list--spacing-5", children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "Explore WELL" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "Enroll in WELL" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "What's new" }) })
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Explore WELL" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Enroll in WELL" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "What's new" }) })
                     ] })
                   ] }),
                   /* @__PURE__ */ jsxs("div", { className: "navigation-tray-column", children: [
                     /* @__PURE__ */ jsx("h3", { className: "navigation-tray-column-title", children: "WHY WELL" }),
                     /* @__PURE__ */ jsxs("ul", { className: "navigation-tray-column-list navigation-tray-column-list--spacing-5", children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "Performance" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "ROI" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "Impact" }) })
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Performance" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "ROI" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Impact" }) })
                     ] })
                   ] }),
                   /* @__PURE__ */ jsxs("div", { className: "navigation-tray-column", children: [
                     /* @__PURE__ */ jsx("h3", { className: "navigation-tray-column-title", children: "Standard" }),
                     /* @__PURE__ */ jsxs("ul", { className: "navigation-tray-column-list navigation-tray-column-list--spacing-5", children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "Strategies" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "Themes" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "Milestones" }) })
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Strategies" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Themes" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Milestones" }) })
                     ] })
                   ] }),
                   /* @__PURE__ */ jsxs("div", { className: "navigation-tray-column", children: [
                     /* @__PURE__ */ jsx("h3", { className: "navigation-tray-column-title", children: "Network" }),
                     /* @__PURE__ */ jsxs("ul", { className: "navigation-tray-column-list navigation-tray-column-list--spacing-5", children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "Organizations" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "People" }) })
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Organizations" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "People" }) })
                     ] })
                   ] }),
                   /* @__PURE__ */ jsxs("div", { className: "navigation-tray-column", children: [
                     /* @__PURE__ */ jsx("h3", { className: "navigation-tray-column-title", children: "Solutions" }),
                     /* @__PURE__ */ jsxs("ul", { className: "navigation-tray-column-list navigation-tray-column-list--spacing-5", children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "Products" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "Services" }) })
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Products" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Services" }) })
                     ] })
                   ] }),
                   /* @__PURE__ */ jsxs("div", { className: "navigation-tray-column", children: [
                     /* @__PURE__ */ jsx("h3", { className: "navigation-tray-column-title", children: "Places" }),
                     /* @__PURE__ */ jsxs("ul", { className: "navigation-tray-column-list navigation-tray-column-list--spacing-5", children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "Locations" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "Portfolios" }) })
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Locations" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Portfolios" }) })
                     ] })
                   ] })
                 ] })
@@ -2424,23 +2638,23 @@ const Navigation = ({
                   /* @__PURE__ */ jsxs("div", { className: "navigation-tray-column", children: [
                     /* @__PURE__ */ jsx("h3", { className: "navigation-tray-column-title", children: "SUBSCRIBE" }),
                     /* @__PURE__ */ jsxs("ul", { className: "navigation-tray-column-list", children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "WELL at scale" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "WELL at scale" }) }),
                       /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
                         /* @__PURE__ */ jsx("div", { className: "navigation-tray-bullet" }),
-                        /* @__PURE__ */ jsx(NavLink, { href: "/", children: /* @__PURE__ */ jsx("span", { className: "navigation-tray-link-small", children: "Pricing" }) })
+                        /* @__PURE__ */ jsx(NavLink2, { href: "/", children: /* @__PURE__ */ jsx("span", { className: "navigation-tray-link-small", children: "Pricing" }) })
                       ] }) }),
                       /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
                         /* @__PURE__ */ jsx("div", { className: "navigation-tray-bullet" }),
-                        /* @__PURE__ */ jsx(NavLink, { href: "/", children: /* @__PURE__ */ jsx("span", { className: "navigation-tray-link-small", children: "Leaderboard" }) })
+                        /* @__PURE__ */ jsx(NavLink2, { href: "/", children: /* @__PURE__ */ jsx("span", { className: "navigation-tray-link-small", children: "Leaderboard" }) })
                       ] }) })
                     ] })
                   ] }),
                   /* @__PURE__ */ jsxs("div", { className: "navigation-tray-column", children: [
                     /* @__PURE__ */ jsx("h3", { className: "navigation-tray-column-title", children: "Certify" }),
                     /* @__PURE__ */ jsxs("ul", { className: "navigation-tray-column-list", children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "WELL Certification" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "WELL Certification" }) }),
                       /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
-                        NavLink,
+                        NavLink2,
                         {
                           href: "/",
                           className: "navigation-tray-link navigation-tray-link--with-badge",
@@ -2455,11 +2669,11 @@ const Navigation = ({
                   /* @__PURE__ */ jsxs("div", { className: "navigation-tray-column", children: [
                     /* @__PURE__ */ jsx("h3", { className: "navigation-tray-column-title", children: "Get rated" }),
                     /* @__PURE__ */ jsxs("ul", { className: "navigation-tray-column-list", children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "WELL Ratings" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "WELL Ratings" }) }),
                       /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
                         /* @__PURE__ */ jsx(NavBullet, { color: "#F3E7D8" }),
                         /* @__PURE__ */ jsx(
-                          NavLink,
+                          NavLink2,
                           {
                             href: "/",
                             className: "navigation-tray-link-small",
@@ -2470,7 +2684,7 @@ const Navigation = ({
                       /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
                         /* @__PURE__ */ jsx(NavBullet, { color: "#0F748A" }),
                         /* @__PURE__ */ jsx(
-                          NavLink,
+                          NavLink2,
                           {
                             href: "/",
                             className: "navigation-tray-link-small",
@@ -2481,7 +2695,7 @@ const Navigation = ({
                       /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
                         /* @__PURE__ */ jsx(NavBullet, { color: "#17AA8D" }),
                         /* @__PURE__ */ jsx(
-                          NavLink,
+                          NavLink2,
                           {
                             href: "/",
                             className: "navigation-tray-link-small",
@@ -2510,12 +2724,12 @@ const Navigation = ({
                   /* @__PURE__ */ jsxs("div", { className: "navigation-tray-column", children: [
                     /* @__PURE__ */ jsx("h3", { className: "navigation-tray-column-title", children: "JOIN" }),
                     /* @__PURE__ */ jsxs("ul", { className: "navigation-tray-column-list", children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "Membership" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "Works with WELL" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Membership" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Works with WELL" }) }),
                       /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
                         /* @__PURE__ */ jsx(NavBullet, { color: "#2E74AD" }),
                         /* @__PURE__ */ jsx(
-                          NavLink,
+                          NavLink2,
                           {
                             href: "/",
                             className: "navigation-tray-link-small",
@@ -2526,7 +2740,7 @@ const Navigation = ({
                       /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
                         /* @__PURE__ */ jsx(NavBullet, { color: "#149EBD" }),
                         /* @__PURE__ */ jsx(
-                          NavLink,
+                          NavLink2,
                           {
                             href: "/",
                             className: "navigation-tray-link-small",
@@ -2537,7 +2751,7 @@ const Navigation = ({
                       /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
                         /* @__PURE__ */ jsx(NavBullet, { color: "#ED896F" }),
                         /* @__PURE__ */ jsx(
-                          NavLink,
+                          NavLink2,
                           {
                             href: "/",
                             className: "navigation-tray-link-small",
@@ -2550,8 +2764,8 @@ const Navigation = ({
                   /* @__PURE__ */ jsxs("div", { className: "navigation-tray-column", children: [
                     /* @__PURE__ */ jsx("h3", { className: "navigation-tray-column-title", children: "EARN" }),
                     /* @__PURE__ */ jsxs("ul", { className: "navigation-tray-column-list", children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "WELL AP" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "WELL Faculty" }) })
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "WELL AP" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "WELL Faculty" }) })
                     ] })
                   ] })
                 ] })
@@ -2573,11 +2787,11 @@ const Navigation = ({
                   /* @__PURE__ */ jsxs("div", { className: "navigation-tray-column", children: [
                     /* @__PURE__ */ jsx("h3", { className: "navigation-tray-column-title", children: "LEARN" }),
                     /* @__PURE__ */ jsxs("ul", { className: "navigation-tray-column-list", children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "WELL Forum" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "WELL Forum" }) }),
                       /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
                         /* @__PURE__ */ jsx("div", { className: "navigation-tray-bullet" }),
                         /* @__PURE__ */ jsx(
-                          NavLink,
+                          NavLink2,
                           {
                             href: "/",
                             className: "navigation-tray-link-small",
@@ -2588,7 +2802,7 @@ const Navigation = ({
                       /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
                         /* @__PURE__ */ jsx("div", { className: "navigation-tray-bullet" }),
                         /* @__PURE__ */ jsx(
-                          NavLink,
+                          NavLink2,
                           {
                             href: "/",
                             className: "navigation-tray-link-small",
@@ -2599,7 +2813,7 @@ const Navigation = ({
                       /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
                         /* @__PURE__ */ jsx("div", { className: "navigation-tray-bullet" }),
                         /* @__PURE__ */ jsx(
-                          NavLink,
+                          NavLink2,
                           {
                             href: "/",
                             className: "navigation-tray-link-small",
@@ -2612,11 +2826,11 @@ const Navigation = ({
                   /* @__PURE__ */ jsxs("div", { className: "navigation-tray-column", children: [
                     /* @__PURE__ */ jsx("h3", { className: "navigation-tray-column-title", children: "ATTEND" }),
                     /* @__PURE__ */ jsxs("ul", { className: "navigation-tray-column-list", children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "WELL 2025" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "WELL 2025" }) }),
                       /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
                         /* @__PURE__ */ jsx("div", { className: "navigation-tray-bullet" }),
                         /* @__PURE__ */ jsx(
-                          NavLink,
+                          NavLink2,
                           {
                             href: "/",
                             className: "navigation-tray-link-small",
@@ -2627,7 +2841,7 @@ const Navigation = ({
                       /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
                         /* @__PURE__ */ jsx("div", { className: "navigation-tray-bullet" }),
                         /* @__PURE__ */ jsx(
-                          NavLink,
+                          NavLink2,
                           {
                             href: "/",
                             className: "navigation-tray-link-small",
@@ -2638,7 +2852,7 @@ const Navigation = ({
                       /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
                         /* @__PURE__ */ jsx("div", { className: "navigation-tray-bullet" }),
                         /* @__PURE__ */ jsx(
-                          NavLink,
+                          NavLink2,
                           {
                             href: "/",
                             className: "navigation-tray-link-small",
@@ -2651,11 +2865,11 @@ const Navigation = ({
                   /* @__PURE__ */ jsxs("div", { className: "navigation-tray-column", children: [
                     /* @__PURE__ */ jsx("h3", { className: "navigation-tray-column-title", children: "GUIDANCE" }),
                     /* @__PURE__ */ jsxs("ul", { className: "navigation-tray-column-list", children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "Knowledge base" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Knowledge base" }) }),
                       /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
                         /* @__PURE__ */ jsx("div", { className: "navigation-tray-bullet" }),
                         /* @__PURE__ */ jsx(
-                          NavLink,
+                          NavLink2,
                           {
                             href: "/",
                             className: "navigation-tray-link-small",
@@ -2666,7 +2880,7 @@ const Navigation = ({
                       /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
                         /* @__PURE__ */ jsx("div", { className: "navigation-tray-bullet" }),
                         /* @__PURE__ */ jsx(
-                          NavLink,
+                          NavLink2,
                           {
                             href: "/",
                             className: "navigation-tray-link-small",
@@ -2677,7 +2891,7 @@ const Navigation = ({
                       /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
                         /* @__PURE__ */ jsx("div", { className: "navigation-tray-bullet" }),
                         /* @__PURE__ */ jsx(
-                          NavLink,
+                          NavLink2,
                           {
                             href: "/",
                             className: "navigation-tray-link-small",
@@ -2690,11 +2904,11 @@ const Navigation = ({
                   /* @__PURE__ */ jsxs("div", { className: "navigation-tray-column", children: [
                     /* @__PURE__ */ jsx("h3", { className: "navigation-tray-column-title", children: "Resources" }),
                     /* @__PURE__ */ jsxs("ul", { className: "navigation-tray-column-list", children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "Resource library" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Resource library" }) }),
                       /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
                         /* @__PURE__ */ jsx("div", { className: "navigation-tray-bullet" }),
                         /* @__PURE__ */ jsx(
-                          NavLink,
+                          NavLink2,
                           {
                             href: "/",
                             className: "navigation-tray-link-small",
@@ -2705,7 +2919,7 @@ const Navigation = ({
                       /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
                         /* @__PURE__ */ jsx("div", { className: "navigation-tray-bullet" }),
                         /* @__PURE__ */ jsx(
-                          NavLink,
+                          NavLink2,
                           {
                             href: "/",
                             className: "navigation-tray-link-small",
@@ -2716,7 +2930,7 @@ const Navigation = ({
                       /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
                         /* @__PURE__ */ jsx("div", { className: "navigation-tray-bullet" }),
                         /* @__PURE__ */ jsx(
-                          NavLink,
+                          NavLink2,
                           {
                             href: "/",
                             className: "navigation-tray-link-small",
@@ -2745,25 +2959,25 @@ const Navigation = ({
                   /* @__PURE__ */ jsxs("div", { className: "navigation-tray-column", children: [
                     /* @__PURE__ */ jsx("h3", { className: "navigation-tray-column-title", children: "About" }),
                     /* @__PURE__ */ jsxs("ul", { className: "navigation-tray-column-list", children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "IWBI" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "Research" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "Advocacy" }) })
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "IWBI" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Research" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Advocacy" }) })
                     ] })
                   ] }),
                   /* @__PURE__ */ jsxs("div", { className: "navigation-tray-column", children: [
                     /* @__PURE__ */ jsx("h3", { className: "navigation-tray-column-title", children: "Meet" }),
                     /* @__PURE__ */ jsxs("ul", { className: "navigation-tray-column-list", children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "Team" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "Advisories" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "Governance Council" }) })
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Team" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Advisories" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Governance Council" }) })
                     ] })
                   ] }),
                   /* @__PURE__ */ jsxs("div", { className: "navigation-tray-column", children: [
                     /* @__PURE__ */ jsx("h3", { className: "navigation-tray-column-title", children: "Explore" }),
                     /* @__PURE__ */ jsxs("ul", { className: "navigation-tray-column-list", children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "Newsroom" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "Jobs" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "Blog" }) })
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Newsroom" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Jobs" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Blog" }) })
                     ] })
                   ] })
                 ] })
@@ -4403,6 +4617,18 @@ function getPayloadConfigFromPayload(config, payload, key) {
   }
   return configLabelKey in config ? config[configLabelKey] : config[key];
 }
+const CodeBadge = ({ code, className, style }) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("code-badge", className),
+      style: {
+        ...style
+      },
+      children: /* @__PURE__ */ jsx("span", { className: "number-small font-semibold", style: { color: "inherit" }, children: code })
+    }
+  );
+};
 const Toaster = ({ ...props }) => {
   const { theme = "system" } = useTheme();
   return /* @__PURE__ */ jsx(
@@ -4461,7 +4687,7 @@ const conceptColors = {
     prefix: "L",
     contrast: "#7FDCC9"
   },
-  thermalComfort: {
+  "thermal-comfort": {
     solid: "#3eddbf",
     light: "rgba(62,221,191,0.12)",
     border: "rgba(62,221,191,0.24)",
@@ -4957,8 +5183,7 @@ const IconConceptThermalComfort = ({
   active = true,
   outlined = false
 }) => {
-  var _a;
-  const conceptColor = ((_a = conceptColors.thermalComfort) == null ? void 0 : _a.contrast) || conceptColors.thermalComfort.solid;
+  const conceptColor = conceptColors["thermal-comfort"].contrast || conceptColors["thermal-comfort"].solid;
   const bgFill = outlined ? "white" : active ? conceptColor : DEFAULT_FILL;
   const strokeColor = outlined ? conceptColor : active ? "white" : DEFAULT_STROKE;
   return /* @__PURE__ */ jsxs(
@@ -5454,9 +5679,7 @@ const UtilityClassification = ({
     }
   );
 };
-const UtilityClearRegular = ({
-  className
-}) => {
+const UtilityClose = ({ className }) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -5468,18 +5691,18 @@ const UtilityClearRegular = ({
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
-          width: "14",
-          height: "14",
-          viewBox: "0 0 14 14",
+          width: "12",
+          height: "12",
+          viewBox: "0 0 12 12",
           fill: "none",
-          className: cn("size-[14px] text-inherit"),
+          className: cn("size-3 text-inherit"),
           children: [
             /* @__PURE__ */ jsx(
               "path",
               {
-                d: "M6.65039 12.65L0.650391 6.65L6.65039 0.65",
+                d: "M10.8002 1.19995L1.2002 10.8",
                 stroke: "currentColor",
-                strokeWidth: "1.3",
+                strokeWidth: "1.5",
                 strokeLinecap: "round",
                 strokeLinejoin: "round"
               }
@@ -5487,9 +5710,9 @@ const UtilityClearRegular = ({
             /* @__PURE__ */ jsx(
               "path",
               {
-                d: "M12.6504 6.65H0.650391",
+                d: "M1.2002 1.19995L10.8002 10.8",
                 stroke: "currentColor",
-                strokeWidth: "1.3",
+                strokeWidth: "1.5",
                 strokeLinecap: "round",
                 strokeLinejoin: "round"
               }
@@ -8788,77 +9011,6 @@ const X = ({ className = "", color = "#71747D" }) => {
     }
   );
 };
-const StandardLogo = ({ className = "" }) => {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      width: "93",
-      height: "18",
-      viewBox: "0 0 93 18",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className: cn("text-gray-700", className),
-      children: [
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M87.4833 17.1541C84.5265 17.1541 82.2737 14.8309 82.2737 11.7333C82.2737 8.63573 84.5265 6.31253 87.4833 6.31253C89.4779 6.31253 91.1675 7.36853 92.0358 9.0112V0.281599C92.0358 0.117333 92.1531 0 92.3174 0H92.599C92.7633 0 92.8806 0.117333 92.8806 0.281599V16.7317C92.8806 16.896 92.7633 17.0133 92.599 17.0133H92.3174C92.1531 17.0133 92.0358 16.896 92.0358 16.7317V14.4555C91.1675 16.0981 89.4779 17.1541 87.4833 17.1541ZM87.5771 7.1808C85.0662 7.1808 83.1419 9.12853 83.1419 11.7333C83.1419 14.3381 85.0662 16.3093 87.5771 16.3093C90.0881 16.3093 91.9889 14.3381 91.9889 11.7333C91.9889 9.12853 90.0881 7.1808 87.5771 7.1808Z",
-            fill: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M75.8349 17.0133C75.6706 17.0133 75.5298 16.896 75.5298 16.7317V6.73493C75.5298 6.57067 75.6706 6.45333 75.8349 6.45333H76.1165C76.2807 6.45333 76.3981 6.57067 76.3981 6.73493V8.63573C76.8674 7.8144 78.0642 6.4064 80.7629 6.31253C80.9037 6.31253 81.0445 6.42987 81.0445 6.59413V6.94613C81.0445 7.1104 80.9271 7.20427 80.7629 7.20427C80.6925 7.1808 80.6455 7.1808 80.5751 7.1808C78.2285 7.1808 76.3981 8.77653 76.3981 10.8885V16.7317C76.3981 16.896 76.2807 17.0133 76.1165 17.0133H75.8349Z",
-            fill: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M66.4457 17.1541C63.4889 17.1541 61.2361 14.8309 61.2361 11.7333C61.2361 8.63573 63.4889 6.31253 66.4457 6.31253C68.4403 6.31253 70.13 7.36853 70.9982 9.0112V6.73493C70.9982 6.57067 71.1156 6.45333 71.2798 6.45333H71.5849C71.7257 6.45333 71.8665 6.57067 71.8665 6.73493V16.7317C71.8665 16.896 71.7257 17.0133 71.5849 17.0133H71.2798C71.1156 17.0133 70.9982 16.896 70.9982 16.7317V14.4555C70.13 16.0981 68.4403 17.1541 66.4457 17.1541ZM66.5396 7.1808C64.0286 7.1808 62.1044 9.12853 62.1044 11.7333C62.1044 14.3381 64.0286 16.3093 66.5396 16.3093C69.0505 16.3093 70.9513 14.3381 70.9513 11.7333C70.9513 9.12853 69.0505 7.1808 66.5396 7.1808Z",
-            fill: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M52.8561 17.1541C49.8993 17.1541 47.6465 14.8309 47.6465 11.7333C47.6465 8.63573 49.8993 6.31253 52.8561 6.31253C54.8507 6.31253 56.5404 7.36853 57.4086 9.0112V0.281599C57.4086 0.117333 57.526 0 57.6902 0H57.9718C58.1361 0 58.2534 0.117333 58.2534 0.281599V16.7317C58.2534 16.896 58.1361 17.0133 57.9718 17.0133H57.6902C57.526 17.0133 57.4086 16.896 57.4086 16.7317V14.4555C56.5404 16.0981 54.8507 17.1541 52.8561 17.1541ZM52.95 7.1808C50.439 7.1808 48.5148 9.12853 48.5148 11.7333C48.5148 14.3381 50.439 16.3093 52.95 16.3093C55.4609 16.3093 57.3617 14.3381 57.3617 11.7333C57.3617 9.12853 55.4609 7.1808 52.95 7.1808Z",
-            fill: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M35.5473 17.0133C35.383 17.0133 35.2422 16.896 35.2422 16.7317V6.73493C35.2422 6.57067 35.383 6.45333 35.5473 6.45333H35.8289C35.9931 6.45333 36.1105 6.57067 36.1105 6.73493V8.75307C36.5329 7.90827 37.7297 6.31253 40.4518 6.31253C42.9393 6.31253 44.7697 8.14293 44.7697 10.6304V16.7317C44.7697 16.896 44.6523 17.0133 44.4881 17.0133H44.2065C44.0422 17.0133 43.9249 16.896 43.9249 16.7317V10.7712C43.9249 8.70613 42.3526 7.13387 40.2875 7.13387C37.9409 7.13387 36.1105 8.75307 36.1105 10.8416V16.7317C36.1105 16.896 35.9931 17.0133 35.8289 17.0133H35.5473Z",
-            fill: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M26.1583 17.1541C23.2015 17.1541 20.9487 14.8309 20.9487 11.7333C20.9487 8.63573 23.2015 6.31253 26.1583 6.31253C28.153 6.31253 29.8426 7.36853 30.7109 9.0112V6.73493C30.7109 6.57067 30.8282 6.45333 30.9925 6.45333H31.2975C31.4383 6.45333 31.5791 6.57067 31.5791 6.73493V16.7317C31.5791 16.896 31.4383 17.0133 31.2975 17.0133H30.9925C30.8282 17.0133 30.7109 16.896 30.7109 16.7317V14.4555C29.8426 16.0981 28.153 17.1541 26.1583 17.1541ZM26.2522 7.1808C23.7413 7.1808 21.817 9.12853 21.817 11.7333C21.817 14.3381 23.7413 16.3093 26.2522 16.3093C28.7631 16.3093 30.6639 14.3381 30.6639 11.7333C30.6639 9.12853 28.7631 7.1808 26.2522 7.1808Z",
-            fill: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M13.285 7.2512C13.1208 7.2512 13.0034 7.13387 13.0034 6.9696V6.73493C13.0034 6.57067 13.1208 6.45333 13.285 6.45333H14.9277V4.41173C14.9277 4.24747 15.045 4.13013 15.2093 4.13013H15.4909C15.6552 4.13013 15.7725 4.24747 15.7725 4.41173V6.45333H18.7997C18.964 6.45333 19.0813 6.57067 19.0813 6.73493V6.9696C19.0813 7.13387 18.964 7.2512 18.7997 7.2512H15.7725V14.08C15.7725 15.2768 16.5234 16.1685 17.5325 16.1685H18.7762C18.9405 16.1685 19.0578 16.2859 19.0578 16.4501V16.7317C19.0578 16.896 18.9405 17.0133 18.7762 17.0133H17.4856C16.0306 17.0133 14.9277 15.7696 14.9277 14.1504V7.2512H13.285Z",
-            fill: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M9.84461 4.576C9.46915 3.0272 7.73262 1.9008 5.55022 1.9008C3.10968 1.9008 1.25581 3.28533 1.25581 5.2096C1.25581 7.29813 3.46168 7.90827 5.83182 8.47147C8.38968 9.0112 11.1587 9.83253 11.1587 12.6955C11.1587 15.3237 8.78862 17.1776 5.59715 17.1776C2.73422 17.1776 0.551815 15.6992 0.0120816 13.6576C-0.0348519 13.5168 0.0590148 13.376 0.223281 13.3291L0.598748 13.1883C0.622215 13.1883 0.645682 13.1883 0.645682 13.1883C0.763015 13.1883 0.856881 13.2587 0.903815 13.376C1.32621 15.0656 3.18008 16.2859 5.59715 16.2859C8.24888 16.2859 10.2435 14.8075 10.2435 12.7424C10.2435 10.6069 8.08462 9.90294 5.64408 9.38667C3.20355 8.82347 0.364081 8.07253 0.364081 5.23307C0.364081 2.7456 2.54648 1.03253 5.52675 1.03253C8.17848 1.03253 10.2201 2.3936 10.7598 4.2944C10.8067 4.4352 10.7129 4.576 10.5486 4.62294L10.1497 4.76373C10.0323 4.7872 9.91501 4.7168 9.84461 4.576Z",
-            fill: "currentColor"
-          }
-        )
-      ]
-    }
-  );
-};
 const ALPHA_PATH = "M5.3387 0.0229882C5.37971 0.0229882 5.45295 0.0199228 5.5584 0.0137925C5.66386 0.00459714 5.74442 0 5.80007 0C6.72867 0 7.49908 0.269732 8.11131 0.809196C8.72354 1.34559 9.14097 2.09195 9.3636 3.04828C9.44855 3.47433 9.49835 3.96628 9.513 4.52414V5.16782C10.2014 4.07663 10.7287 2.85517 11.0948 1.50345C11.1505 1.29808 11.1959 1.17701 11.2311 1.14023C11.2662 1.10345 11.3761 1.08506 11.5606 1.08506C11.8535 1.08506 12 1.13563 12 1.23678C12 1.25211 11.9722 1.37778 11.9165 1.61379C11.5093 3.24751 10.7931 4.77701 9.76785 6.2023L9.53497 6.51034L9.55694 7.04368C9.59795 8.23295 9.72391 8.9318 9.93482 9.14023C9.97583 9.16782 10.0388 9.18161 10.1238 9.18161C10.32 9.15402 10.5031 9.06973 10.673 8.92874C10.8429 8.78774 10.963 8.62222 11.0333 8.43218C11.0597 8.32797 11.0948 8.26513 11.1388 8.24368C11.1798 8.22222 11.2852 8.21149 11.4551 8.21149C11.7364 8.21149 11.877 8.27739 11.877 8.40919C11.877 8.49808 11.8345 8.63142 11.7495 8.8092C11.5943 9.13103 11.3687 9.4069 11.0729 9.63678C10.777 9.8636 10.4475 9.97701 10.0842 9.97701H9.93482C8.97986 9.97701 8.3398 9.44674 8.01465 8.38621L7.95313 8.23448C7.20615 8.74942 6.79165 9.02835 6.70963 9.07126C5.66679 9.69042 4.61809 10 3.56353 10C2.56756 10 1.76346 9.70575 1.15123 9.11724C0.538997 8.52874 0.162578 7.75632 0.02197 6.8C0.0073233 6.71111 0 6.54866 0 6.31264C0 5.9295 0.02197 5.62146 0.0659099 5.38851C0.276822 4.06437 0.887587 2.8751 1.89821 1.82069C2.91175 0.769348 4.05859 0.170115 5.3387 0.0229882ZM1.83669 7.10805C1.83669 7.73946 1.9978 8.24368 2.32003 8.62069C2.64518 8.99464 3.09484 9.18161 3.66899 9.18161C4.03515 9.18161 4.44379 9.12337 4.89491 9.0069C5.6829 8.80153 6.44892 8.4046 7.19297 7.81609C7.29257 7.74253 7.38777 7.66437 7.47858 7.58161C7.56939 7.50192 7.64262 7.43295 7.69828 7.37471L7.78176 7.28276L7.76419 7.08506C7.76419 6.95326 7.75979 6.75862 7.75101 6.50115C7.74515 6.24368 7.74222 5.98927 7.74222 5.73793C7.72757 5.18008 7.71732 4.74636 7.71146 4.43678C7.70267 4.1272 7.67338 3.74866 7.62358 3.30115C7.57671 2.85364 7.5108 2.50728 7.42585 2.26207C7.3409 2.01992 7.22519 1.77471 7.07873 1.52644C6.92933 1.2751 6.73892 1.09425 6.50751 0.983908C6.27609 0.873563 6.00513 0.81839 5.69462 0.81839C4.72501 0.81839 3.87404 1.35479 3.14171 2.42759C2.79019 2.97318 2.49579 3.71647 2.25851 4.65747C1.9773 5.73333 1.83669 6.55019 1.83669 7.10805Z";
 const PATH_LENGTH = 60;
 const AlphaIcon = ({ dark }) => {
@@ -9006,7 +9158,7 @@ const StandardNavigation = ({
       };
     }
   }, [isUserDropdownOpen]);
-  const NavLink = ({ href, className, "aria-label": ariaLabel, children }) => {
+  const NavLink2 = ({ href, className, "aria-label": ariaLabel, children }) => {
     if (LinkComponent) {
       return /* @__PURE__ */ jsx(LinkComponent, { href, className, "aria-label": ariaLabel, children });
     }
@@ -9036,7 +9188,7 @@ const StandardNavigation = ({
       return /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
         link.bulletColor && link.bulletColor !== "" ? /* @__PURE__ */ jsx(NavBullet, { color: link.bulletColor }) : /* @__PURE__ */ jsx("div", { className: "navigation-tray-bullet" }),
         /* @__PURE__ */ jsx(
-          NavLink,
+          NavLink2,
           {
             href,
             className: "navigation-tray-link-small",
@@ -9047,7 +9199,7 @@ const StandardNavigation = ({
     }
     if (hasBadge) {
       return /* @__PURE__ */ jsxs(
-        NavLink,
+        NavLink2,
         {
           href,
           className: "navigation-tray-link navigation-tray-link--with-badge",
@@ -9059,7 +9211,7 @@ const StandardNavigation = ({
       );
     }
     return /* @__PURE__ */ jsx(
-      NavLink,
+      NavLink2,
       {
         href,
         className: isSmall ? "navigation-tray-link-small" : "navigation-tray-link",
@@ -9143,7 +9295,7 @@ const StandardNavigation = ({
               }
             ) : null,
             /* @__PURE__ */ jsx(
-              NavLink,
+              NavLink2,
               {
                 href: "/",
                 className: cn(
@@ -9166,7 +9318,7 @@ const StandardNavigation = ({
               className: "navigation-nav-item",
               onMouseEnter: () => handleNavItemMouseEnter(index),
               children: [
-                item.href ? /* @__PURE__ */ jsx(NavLink, { href: item.href, className: "navigation-nav-link", children: item.label }) : /* @__PURE__ */ jsx("span", { className: "navigation-nav-link", children: item.label }),
+                item.href ? /* @__PURE__ */ jsx(NavLink2, { href: item.href, className: "navigation-nav-link", children: item.label }) : /* @__PURE__ */ jsx("span", { className: "navigation-nav-link", children: item.label }),
                 activeItem === index + 1 && /* @__PURE__ */ jsx(
                   motion.div,
                   {
@@ -9242,7 +9394,7 @@ const StandardNavigation = ({
                   ) : /* @__PURE__ */ jsx("div", { className: "navigation-account-icon-placeholder", children: "User" })
                 }
               ) : /* @__PURE__ */ jsx(
-                NavLink,
+                NavLink2,
                 {
                   href: "/",
                   "aria-label": "Account link",
@@ -9333,6 +9485,7 @@ export {
   ChartTooltip,
   ChartTooltipContent,
   Checkbox,
+  CodeBadge,
   Collapsible,
   CollapsibleContent,
   CollapsibleTrigger,