@digital-b2c/coreui-kit 0.11.24 → 0.13.0

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var clsx15 = require('clsx');
+var clsx16 = require('clsx');
 var jsxRuntime = require('react/jsx-runtime');
 var React66 = require('react');
 var gsap = require('gsap');
@@ -12,7 +12,7 @@ require('swiper/css');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var clsx15__default = /*#__PURE__*/_interopDefault(clsx15);
+var clsx16__default = /*#__PURE__*/_interopDefault(clsx16);
 var React66__default = /*#__PURE__*/_interopDefault(React66);
 var gsap__default = /*#__PURE__*/_interopDefault(gsap);
 
@@ -66,7 +66,7 @@ var Picture = (_a) => {
       __spreadValues({
         src: desktop.src,
         alt: desktop.alt,
-        className: clsx15__default.default(className, Picture_module_default["image-desktop"])
+        className: clsx16__default.default(className, Picture_module_default["image-desktop"])
       }, rest)
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -74,7 +74,7 @@ var Picture = (_a) => {
       __spreadValues({
         src: (_b2 = mobile == null ? void 0 : mobile.src) != null ? _b2 : desktop.src,
         alt: (_c = mobile == null ? void 0 : mobile.alt) != null ? _c : desktop.alt,
-        className: clsx15__default.default(className, Picture_module_default["image-mobile"])
+        className: clsx16__default.default(className, Picture_module_default["image-mobile"])
       }, rest)
     )
   ] });
@@ -405,11 +405,12 @@ var Button_module_default = {
   ghost: "Button_module_ghost",
   nofill: "Button_module_nofill",
   nofillblack: "Button_module_nofillblack",
+  navnofillblack: "Button_module_navnofillblack",
+  active: "Button_module_active",
   grey: "Button_module_grey",
   shiny: "Button_module_shiny",
   rotateGradient: "Button_module_rotateGradient",
   tabbutton: "Button_module_tabbutton",
-  active: "Button_module_active",
   icon: "Button_module_icon",
   logo: "Button_module_logo"
 };
@@ -439,7 +440,7 @@ var Button = (_a) => {
   ]);
   const isLink = !!href;
   const props = __spreadValues(__spreadValues({
-    className: clsx15__default.default(
+    className: clsx16__default.default(
       Button_module_default.button,
       variant ? Button_module_default[variant] : null,
       { [Button_module_default.fullWidth]: !!fullWidth },
@@ -671,7 +672,7 @@ var BrandsStrip = ({
     "div",
     {
       ref: containerRef,
-      className: clsx15__default.default(
+      className: clsx16__default.default(
         BrandsStrip_module_default.brandsStrip,
         BrandsStrip_module_default[variant],
         { [BrandsStrip_module_default.small]: size === "small" },
@@ -680,13 +681,13 @@ var BrandsStrip = ({
       onMouseEnter: handleMouseEnter,
       onMouseLeave: handleMouseLeave,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default(BrandsStrip_module_default.container, { [BrandsStrip_module_default.blurred]: show && logos.length > 1 }), children: [
-          title && logos.length === 1 && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx15__default.default("body", BrandsStrip_module_default.title), children: title }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx16__default.default(BrandsStrip_module_default.container, { [BrandsStrip_module_default.blurred]: show && logos.length > 1 }), children: [
+          title && logos.length === 1 && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx16__default.default("body", BrandsStrip_module_default.title), children: title }),
           logos.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
               ref: marqueeRef,
-              className: clsx15__default.default(BrandsStrip_module_default.logos, { [BrandsStrip_module_default.marqueeGSAP]: shouldAnimate }),
+              className: clsx16__default.default(BrandsStrip_module_default.logos, { [BrandsStrip_module_default.marqueeGSAP]: shouldAnimate }),
               children: duplicatedLogos.map((logo, index) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: BrandsStrip_module_default.logoWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: BrandsStrip_module_default.logo }, logo)) }, `${logo.alt}-${index}`))
             }
           )
@@ -733,7 +734,7 @@ var Container_module_default = {
 var Container = React66.forwardRef(
   (_a, ref) => {
     var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
-    return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({ ref, className: clsx15__default.default(Container_module_default.container, className) }, props), { children }));
+    return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({ ref, className: clsx16__default.default(Container_module_default.container, className) }, props), { children }));
   }
 );
 Container.displayName = "Container";
@@ -774,14 +775,14 @@ var Card = ({
     ConditionalWrapper,
     __spreadProps(__spreadValues({
       ref,
-      className: clsx15__default.default(Card_module_default.card, Card_module_default[variant], className),
+      className: clsx16__default.default(Card_module_default.card, Card_module_default[variant], className),
       wrapper: Anchor,
       fallback: "div",
       condition: isLink
     }, href ? { href, isExternal } : {}), {
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Card_module_default.logoContainer, children: [
-          (logo == null ? void 0 : logo.src) ? /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: clsx15__default.default(Card_module_default.logo, isLink && Card_module_default.hideLogo) }, logo)) : icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: icon, className: clsx15__default.default(Card_module_default.logo, isLink && Card_module_default.hideLogo) }),
+          (logo == null ? void 0 : logo.src) ? /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: clsx16__default.default(Card_module_default.logo, isLink && Card_module_default.hideLogo) }, logo)) : icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: icon, className: clsx16__default.default(Card_module_default.logo, isLink && Card_module_default.hideLogo) }),
           isLink && /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "tiltedRightWhite", className: Card_module_default.logoHover })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Card_module_default.content, children: [
@@ -816,10 +817,10 @@ var CountingCard = ({ className, title, count, image, children }) => {
     title: CountingCardTitle
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default(CountingCard_module_default["counting-card"], className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx16__default.default(CountingCard_module_default["counting-card"], className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: CountingCard_module_default.content, children: [
       titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "body", children: titleNode }),
-      count && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(CountingCard_module_default.count, "h1"), children: count })
+      count && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx16__default.default(CountingCard_module_default.count, "h1"), children: count })
     ] }),
     image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: CountingCard_module_default.logo }, image))
   ] });
@@ -905,7 +906,7 @@ function FilterBar({
         "button",
         {
           type: "button",
-          className: clsx15__default.default(FilterBar_module_default.chip, view === "grid" && FilterBar_module_default.active),
+          className: clsx16__default.default(FilterBar_module_default.chip, view === "grid" && FilterBar_module_default.active),
           onClick: () => onViewChange("grid"),
           "aria-pressed": view === "grid",
           children: [
@@ -918,7 +919,7 @@ function FilterBar({
         "button",
         {
           type: "button",
-          className: clsx15__default.default(FilterBar_module_default.chip, view === "list" && FilterBar_module_default.active),
+          className: clsx16__default.default(FilterBar_module_default.chip, view === "list" && FilterBar_module_default.active),
           onClick: () => onViewChange("list"),
           "aria-pressed": view === "list",
           children: [
@@ -932,7 +933,7 @@ function FilterBar({
       /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
-          className: clsx15__default.default(
+          className: clsx16__default.default(
             FilterBar_module_default.dropdownWrapper,
             isMobile && searchState === "open" && FilterBar_module_default.filterFaded,
             isMobile && searchState === "closing" && FilterBar_module_default.filterFading
@@ -943,7 +944,7 @@ function FilterBar({
               "button",
               {
                 type: "button",
-                className: clsx15__default.default(FilterBar_module_default.chip, filterValue !== "all" && FilterBar_module_default.active),
+                className: clsx16__default.default(FilterBar_module_default.chip, filterValue !== "all" && FilterBar_module_default.active),
                 onClick: () => setOpenDropdown(openDropdown === "filter" ? null : "filter"),
                 "aria-expanded": openDropdown === "filter",
                 children: [
@@ -958,7 +959,7 @@ function FilterBar({
                 type: "button",
                 role: "option",
                 "aria-selected": filterValue === opt.value,
-                className: clsx15__default.default(
+                className: clsx16__default.default(
                   FilterBar_module_default.dropdownOption,
                   filterValue === opt.value && FilterBar_module_default.selected
                 ),
@@ -979,7 +980,7 @@ function FilterBar({
       /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
-          className: clsx15__default.default(
+          className: clsx16__default.default(
             FilterBar_module_default.dropdownWrapper,
             isMobile && searchState === "open" && FilterBar_module_default.filterFaded,
             isMobile && searchState === "closing" && FilterBar_module_default.filterFading
@@ -1005,7 +1006,7 @@ function FilterBar({
                 type: "button",
                 role: "option",
                 "aria-selected": sortValue === opt.value,
-                className: clsx15__default.default(
+                className: clsx16__default.default(
                   FilterBar_module_default.dropdownOption,
                   sortValue === opt.value && FilterBar_module_default.selected
                 ),
@@ -1023,7 +1024,7 @@ function FilterBar({
       searchState !== "closed" ? /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
-          className: clsx15__default.default(
+          className: clsx16__default.default(
             FilterBar_module_default.searchExpanded,
             searchState === "closing" && FilterBar_module_default.searchCollapsing
           ),
@@ -1105,9 +1106,9 @@ var InfoCard = ({ className, title, subtitle, icon, badge, children }) => {
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default(InfoCard_module_default["info-card"], { [InfoCard_module_default.hasIcon]: !!icon }, className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx16__default.default(InfoCard_module_default["info-card"], { [InfoCard_module_default.hasIcon]: !!icon }, className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: InfoCard_module_default.header, children: [
-      icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(InfoCard_module_default.badge, "h4"), children: badge }) : null,
+      icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx16__default.default(InfoCard_module_default.badge, "h4"), children: badge }) : null,
       titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h4", children: titleNode })
     ] }),
     subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "body", children: subtitleNode })
@@ -1172,7 +1173,7 @@ var Pagination = ({
   };
   const prevPage = activePage === 1 ? loop ? totalPages : 1 : activePage - 1;
   const nextPage = activePage === totalPages ? loop ? 1 : totalPages : activePage + 1;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default(Pagination_module_default.pagination, className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx16__default.default(Pagination_module_default.pagination, className), children: [
     !disableArrows && (renderLink ? renderLink({
       page: prevPage,
       className: Pagination_module_default.prev,
@@ -1190,7 +1191,7 @@ var Pagination = ({
     )),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: Pagination_module_default.pages, children: Array.from({ length: totalPages }, (_, i) => {
       const page = i + 1;
-      const pageClassName = clsx15__default.default(Pagination_module_default.page, {
+      const pageClassName = clsx16__default.default(Pagination_module_default.page, {
         [Pagination_module_default.active]: activePage === page,
         [Pagination_module_default.number]: hasNumber
       });
@@ -1241,7 +1242,7 @@ var PracticeCard_module_default = {
 };
 var PracticeCard = ({ className, title, cta, image }) => {
   const { url: href, isExternal } = cta != null ? cta : {};
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(PracticeCard_module_default["practice-card"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx16__default.default(PracticeCard_module_default["practice-card"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(
     ConditionalWrapper,
     __spreadProps(__spreadValues({
       className: PracticeCard_module_default.wrapper,
@@ -1252,7 +1253,7 @@ var PracticeCard = ({ className, title, cta, image }) => {
       children: [
         image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: PracticeCard_module_default.background }, image)),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticeCard_module_default.container, children: [
-          title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(PracticeCard_module_default.title, "h3"), children: title }),
+          title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx16__default.default(PracticeCard_module_default.title, "h3"), children: title }),
           href && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticeCard_module_default.cta, children: [
             /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: PracticeCard_module_default.ctaRest, type: "right" }),
             /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: PracticeCard_module_default.ctaHover, type: "tiltedRight" })
@@ -1266,6 +1267,7 @@ var PracticeCard = ({ className, title, cta, image }) => {
 // src/components/ResourceCardItem/ResourceCardItem.module.scss
 var ResourceCardItem_module_default = {
   cardLink: "ResourceCardItem_module_cardLink",
+  "global-search": "ResourceCardItem_module_global-search",
   cardGrid: "ResourceCardItem_module_cardGrid",
   cardBody: "ResourceCardItem_module_cardBody",
   cardIconTitle: "ResourceCardItem_module_cardIconTitle",
@@ -1279,24 +1281,46 @@ var ResourceCardItem_module_default = {
   cardList: "ResourceCardItem_module_cardList",
   cardListLeft: "ResourceCardItem_module_cardListLeft",
   cardListRight: "ResourceCardItem_module_cardListRight",
-  notificationDot: "ResourceCardItem_module_notificationDot"};
-var ResourceCardItem = ({ item, view }) => {
+  notificationDot: "ResourceCardItem_module_notificationDot",
+  iconWrapper: "ResourceCardItem_module_iconWrapper"
+};
+var ResourceCardItem = ({ item, view, variant, renderLink }) => {
   const hasHref = Boolean(item.href);
-  const linkWrapper = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("a", { href: item.href, className: ResourceCardItem_module_default.cardLink, target: "_blank", rel: "noopener noreferrer", children });
+  const isGlobalSearchVariant = variant === "global-search";
+  const linkProps = hasHref ? {
+    href: item.href,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    className: clsx16__default.default("news-card-link", ResourceCardItem_module_default["news-card-link"]),
+    "aria-label": item.title
+  } : null;
+  const cardLink = linkProps && isGlobalSearchVariant ? renderLink ? renderLink(__spreadProps(__spreadValues({}, linkProps), {
+    className: clsx16__default.default(ResourceCardItem_module_default.cardLink, isGlobalSearchVariant && ResourceCardItem_module_default[variant]),
+    children: null
+  })) : /* @__PURE__ */ jsxRuntime.jsx(
+    "a",
+    __spreadProps(__spreadValues({}, linkProps), {
+      className: clsx16__default.default(ResourceCardItem_module_default.cardLink, isGlobalSearchVariant && ResourceCardItem_module_default[variant])
+    })
+  ) : null;
+  const linkWrapper = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("a", __spreadProps(__spreadValues({}, linkProps), { tabIndex: isGlobalSearchVariant ? -1 : 0, children }));
   if (view === "grid") {
-    return /* @__PURE__ */ jsxRuntime.jsx("article", { className: ResourceCardItem_module_default.cardGrid, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourceCardItem_module_default.cardBody, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ConditionalWrapper, { condition: hasHref, wrapper: linkWrapper, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourceCardItem_module_default.cardIconTitle, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: item.type === "pdf" ? "pdf" : "externalLink", size: 33 }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourceCardItem_module_default.cardTitle, children: item.title })
-        ] }) }),
-        item.bodyText && /* @__PURE__ */ jsxRuntime.jsx("div", { className: ResourceCardItem_module_default.cardBodyTextGrid, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourceCardItem_module_default.cardBodyText, children: item.bodyText }) })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourceCardItem_module_default.cardMeta, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourceCardItem_module_default.cardDate, children: item.date }),
-        item.hasNotification && /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourceCardItem_module_default.notificationDot, "aria-label": "New" })
+    return /* @__PURE__ */ jsxRuntime.jsxs("article", { className: clsx16__default.default(ResourceCardItem_module_default.cardGrid, isGlobalSearchVariant && ResourceCardItem_module_default[variant]), children: [
+      cardLink,
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourceCardItem_module_default.cardBody, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ConditionalWrapper, { condition: hasHref, wrapper: linkWrapper, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourceCardItem_module_default.cardIconTitle, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: item.type === "pdf" ? "pdf" : "externalLink", size: 33 }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourceCardItem_module_default.cardTitle, children: item.title })
+          ] }) }),
+          item.bodyText && /* @__PURE__ */ jsxRuntime.jsx("div", { className: ResourceCardItem_module_default.cardBodyTextGrid, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourceCardItem_module_default.cardBodyText, children: item.bodyText }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourceCardItem_module_default.cardMeta, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourceCardItem_module_default.cardDate, children: item.date }),
+          item.hasNotification && /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourceCardItem_module_default.notificationDot, "aria-label": "New" })
+        ] })
       ] })
-    ] }) });
+    ] });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("article", { className: ResourceCardItem_module_default.cardList, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourceCardItem_module_default.cardListLeft, children: [
@@ -1346,7 +1370,7 @@ var Sidebar = ({
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "li",
       {
-        className: clsx15__default.default(Sidebar_module_default.sidebarItem, i === selectedIndex && Sidebar_module_default.active),
+        className: clsx16__default.default(Sidebar_module_default.sidebarItem, i === selectedIndex && Sidebar_module_default.active),
         role: "button",
         tabIndex: 0,
         "aria-pressed": i === selectedIndex,
@@ -1403,7 +1427,7 @@ var UpcomingEventCard = ({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "article",
     {
-      className: clsx15__default.default(
+      className: clsx16__default.default(
         "card",
         UpcomingEventCard_module_default["event-card"],
         UpcomingEventCard_module_default[direction],
@@ -1411,26 +1435,26 @@ var UpcomingEventCard = ({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default("card-content", UpcomingEventCard_module_default["event-card-content"]), children: [
-          showImage && image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx15__default.default("card-image", UpcomingEventCard_module_default["event-card-image"]) })),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx16__default.default("card-content", UpcomingEventCard_module_default["event-card-content"]), children: [
+          showImage && image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx16__default.default("card-image", UpcomingEventCard_module_default["event-card-image"]) })),
           /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
-              className: clsx15__default.default(
+              className: clsx16__default.default(
                 "card-text-content",
                 UpcomingEventCard_module_default["event-card-text-content"],
                 (!showImage || !hasImage) && UpcomingEventCard_module_default["event-card-show-image"]
               ),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: UpcomingEventCard_module_default.date, children: date }),
-                title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: clsx15__default.default("card-text-title"), children: title }),
+                title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: clsx16__default.default("card-text-title"), children: title }),
                 location && /* @__PURE__ */ jsxRuntime.jsx("span", { className: UpcomingEventCard_module_default.location, children: location }),
-                description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default("card-text-description", UpcomingEventCard_module_default.description), children: description }),
+                description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx16__default.default("card-text-description", UpcomingEventCard_module_default.description), children: description }),
                 cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx(
                   Button,
                   {
                     variant: "secondary",
-                    className: clsx15__default.default(
+                    className: clsx16__default.default(
                       "card-cta",
                       UpcomingEventCard_module_default["event-card-cta"],
                       !hasCTAandImage && UpcomingEventCard_module_default.hidden
@@ -1449,12 +1473,12 @@ var UpcomingEventCard = ({
         cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: clsx15__default.default("card-footer", UpcomingEventCard_module_default["event-card-footer"], hasImage && UpcomingEventCard_module_default.hidden),
+            className: clsx16__default.default("card-footer", UpcomingEventCard_module_default["event-card-footer"], hasImage && UpcomingEventCard_module_default.hidden),
             children: /* @__PURE__ */ jsxRuntime.jsx(
               Button,
               {
                 variant: "secondary",
-                className: clsx15__default.default("card-cta", UpcomingEventCard_module_default["event-card-cta"]),
+                className: clsx16__default.default("card-cta", UpcomingEventCard_module_default["event-card-cta"]),
                 fullWidth: isBelowMobile,
                 href: cta.url,
                 icon: cta.icon,
@@ -1502,7 +1526,7 @@ var Badge = React66.forwardRef(
       "live",
       "clickable"
     ]);
-    const classes = clsx15__default.default(
+    const classes = clsx16__default.default(
       Badge_module_default.badge,
       Badge_module_default[variant],
       Badge_module_default[size],
@@ -1513,7 +1537,7 @@ var Badge = React66.forwardRef(
       className
     );
     const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, __spreadValues({ className: clsx15__default.default("badge-icon", Badge_module_default["badge-icon"]) }, icon)),
+      icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, __spreadValues({ className: clsx16__default.default("badge-icon", Badge_module_default["badge-icon"]) }, icon)),
       !iconOnly && /* @__PURE__ */ jsxRuntime.jsx("span", { className: Badge_module_default.label, children })
     ] });
     if (clickable) {
@@ -1594,7 +1618,7 @@ var Input = React66.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: clsx15__default.default(
+        className: clsx16__default.default(
           "input-field",
           Input_module_default["input-field"],
           {
@@ -1608,17 +1632,17 @@ var Input = React66.forwardRef(
             "label",
             {
               htmlFor: inputId,
-              className: clsx15__default.default("input-label", Input_module_default.label, {
+              className: clsx16__default.default("input-label", Input_module_default.label, {
                 ["sr-only"]: hideLabel
               }),
               children: [
                 label,
-                required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx15__default.default("input-required", Input_module_default.required), "aria-hidden": "true", children: "*" })
+                required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx16__default.default("input-required", Input_module_default.required), "aria-hidden": "true", children: "*" })
               ]
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default("input-wrapper", Input_module_default.wrapper), children: [
-            startAdornment && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx15__default.default("input-adornment", Input_module_default.adornment), "aria-hidden": "true", children: startAdornment }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx16__default.default("input-wrapper", Input_module_default.wrapper), children: [
+            startAdornment && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx16__default.default("input-adornment", Input_module_default.adornment), "aria-hidden": "true", children: startAdornment }),
             /* @__PURE__ */ jsxRuntime.jsx(
               "input",
               __spreadValues({
@@ -1629,7 +1653,7 @@ var Input = React66.forwardRef(
                 disabled,
                 "aria-invalid": !!error,
                 "aria-describedby": describedBy || void 0,
-                className: clsx15__default.default(
+                className: clsx16__default.default(
                   "input",
                   Input_module_default.input,
                   {
@@ -1640,11 +1664,11 @@ var Input = React66.forwardRef(
                 )
               }, props)
             ),
-            endAdornment && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx15__default.default("input-adornment", Input_module_default.adornment), "aria-hidden": "true", children: endAdornment }),
-            endAction && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx15__default.default("input-end-action"), children: endAction })
+            endAdornment && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx16__default.default("input-adornment", Input_module_default.adornment), "aria-hidden": "true", children: endAdornment }),
+            endAction && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx16__default.default("input-end-action"), children: endAction })
           ] }),
-          helperText && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: helperTextId, className: clsx15__default.default("input-helper-text", Input_module_default["helper-text"]), children: helperText }),
-          error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: errorId, className: clsx15__default.default("input-error", Input_module_default.error), role: "alert", children: error })
+          helperText && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: helperTextId, className: clsx16__default.default("input-helper-text", Input_module_default["helper-text"]), children: helperText }),
+          error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: errorId, className: clsx16__default.default("input-error", Input_module_default.error), role: "alert", children: error })
         ]
       }
     );
@@ -1684,14 +1708,14 @@ var NewsCard = ({
     href: cta.url,
     target: cta.isExternal ? "_blank" : void 0,
     rel: cta.isExternal ? "noopener noreferrer" : void 0,
-    className: clsx15__default.default("news-card-link", NewsCard_module_default["news-card-link"]),
+    className: clsx16__default.default("news-card-link", NewsCard_module_default["news-card-link"]),
     "aria-label": `${title}${cta.label ? ` \u2014 ${cta.label}` : ""}`
   } : null;
   const cardLink = linkProps ? renderLink ? renderLink(__spreadProps(__spreadValues({}, linkProps), { children: null })) : /* @__PURE__ */ jsxRuntime.jsx("a", __spreadValues({}, linkProps)) : null;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "article",
     {
-      className: clsx15__default.default(
+      className: clsx16__default.default(
         "news-card",
         NewsCard_module_default["news-card"],
         NewsCard_module_default[`news-card--${direction}`],
@@ -1699,28 +1723,28 @@ var NewsCard = ({
       ),
       children: [
         cardLink,
-        image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx15__default.default("news-card-image", NewsCard_module_default["news-card-image"]) })),
+        image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx16__default.default("news-card-image", NewsCard_module_default["news-card-image"]) })),
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
-            className: clsx15__default.default("news-card-content", NewsCard_module_default["news-card-content"]),
+            className: clsx16__default.default("news-card-content", NewsCard_module_default["news-card-content"]),
             style: {
               "--no-image-padding": image && image.src ? 0 : "1rem"
             },
             children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default("news-card-top-content", NewsCard_module_default["news-card-top-content"]), children: [
-                /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: clsx15__default.default("news-card-badge", NewsCard_module_default["news-card-badge"]), children: tag }),
-                /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: date.value, className: clsx15__default.default("news-card-date", NewsCard_module_default["news-card-date"]), children: date.label })
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx16__default.default("news-card-top-content", NewsCard_module_default["news-card-top-content"]), children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: clsx16__default.default("news-card-badge", NewsCard_module_default["news-card-badge"]), children: tag }),
+                /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: date.value, className: clsx16__default.default("news-card-date", NewsCard_module_default["news-card-date"]), children: date.label })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default("news-card-main-content", NewsCard_module_default["news-card-main-content"]), children: [
-                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: clsx15__default.default("news-card-title", NewsCard_module_default["news-card-title"]), children: title }),
-                typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: clsx15__default.default("news-card-description", NewsCard_module_default["news-card-description"]), children: description }) : description
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx16__default.default("news-card-main-content", NewsCard_module_default["news-card-main-content"]), children: [
+                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: clsx16__default.default("news-card-title", NewsCard_module_default["news-card-title"]), children: title }),
+                typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: clsx16__default.default("news-card-description", NewsCard_module_default["news-card-description"]), children: description }) : description
               ] }),
-              cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default("news-card-cta-wrapper", NewsCard_module_default["news-card-cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
+              cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx16__default.default("news-card-cta-wrapper", NewsCard_module_default["news-card-cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
                 Button,
                 {
                   variant: "secondary",
-                  className: clsx15__default.default("news-card-cta", NewsCard_module_default["news-card-cta"]),
+                  className: clsx16__default.default("news-card-cta", NewsCard_module_default["news-card-cta"]),
                   href: cta.url,
                   icon: cta.icon,
                   isExternal: cta == null ? void 0 : cta.isExternal,
@@ -1751,7 +1775,7 @@ var BlogPostContent = ({ className, body, children }) => {
     body: BlogPostContentBody
   });
   const bodyNode = (_a = slots.body) != null ? _a : body;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default("blog-post-content", BlogPostContent_module_default["blog-post-content"], className), children: bodyNode });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx16__default.default("blog-post-content", BlogPostContent_module_default["blog-post-content"], className), children: bodyNode });
 };
 
 // src/components/BlogPostContent/index.ts
@@ -1837,13 +1861,13 @@ var CardCollection = ({
     Container,
     {
       ref: container,
-      className: clsx15__default.default(CardCollection_module_default["card-collection"], CardCollection_module_default[variant], className),
+      className: clsx16__default.default(CardCollection_module_default["card-collection"], CardCollection_module_default[variant], className),
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: CardCollection_module_default.content, children: [
           titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { children: titleNode }),
           subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "subheading", children: subtitleNode })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: CardCollection_module_default.wrapper, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default(CardCollection_module_default.cardWrapper, { [CardCollection_module_default["is-expanded"]]: isExpanded }), children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: CardCollection_module_default.wrapper, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx16__default.default(CardCollection_module_default.cardWrapper, { [CardCollection_module_default["is-expanded"]]: isExpanded }), children: [
           visibleCards.map((card, key) => /* @__PURE__ */ jsxRuntime.jsx(Card2, __spreadValues({ className: CardCollection_module_default.card, variant: theme }, card), key)),
           isExamCard && hiddenCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { ref: revealWrapper, className: CardCollection_module_default["reveal-wrapper"], children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: CardCollection_module_default["reveal-inner"], children: hiddenCards.map((card, key) => /* @__PURE__ */ jsxRuntime.jsx(
             Card2,
@@ -1944,7 +1968,7 @@ var ContactModule = ({
     },
     { scope: containerRef, dependencies: [blurred, animateBlur] }
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: clsx15__default.default(ContactModule_module_default["contact-module"], className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: clsx16__default.default(ContactModule_module_default["contact-module"], className), children: [
     blurred && /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
@@ -1959,8 +1983,8 @@ var ContactModule = ({
     /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: ContactModule_module_default.container, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ContactModule_module_default.wrapper, children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ContactModule_module_default.content, children: [
-          titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(ContactModule_module_default.title, "h1"), children: titleNode }),
-          subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(ContactModule_module_default.subtitle, "subheading"), children: subtitleNode })
+          titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx16__default.default(ContactModule_module_default.title, "h1"), children: titleNode }),
+          subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx16__default.default(ContactModule_module_default.subtitle, "subheading"), children: subtitleNode })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: ContactModule_module_default["cta-wrapper"], children: ctas == null ? void 0 : ctas.map((cta, key) => /* @__PURE__ */ jsxRuntime.jsx(
           Button,
@@ -2029,7 +2053,7 @@ var Footer = ({
     disclaimer: FooterDisclaimer
   });
   const titleNode = (_a = slots.disclaimer) != null ? _a : disclaimer;
-  return /* @__PURE__ */ jsxRuntime.jsx("footer", { className: clsx15__default.default(Footer_module_default.footer, className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Footer_module_default.container, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("footer", { className: clsx16__default.default(Footer_module_default.footer, className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Footer_module_default.container, children: [
     supportContacts.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Footer_module_default["support-section"], children: [
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: Footer_module_default["support-heading"], children: "SUPPORT" }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: Footer_module_default.support, children: supportColumns.map((column, colIdx) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: Footer_module_default["support-column"], children: column.map((group, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Footer_module_default["support-group"], children: [
@@ -2058,7 +2082,7 @@ var Footer = ({
             index
           ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: Footer_module_default["supporter-link-primary"], children: /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({}, supporter.image)) }, index)
         ) }) }),
-        titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(Footer_module_default.disclaimer, "p"), children: titleNode }),
+        titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx16__default.default(Footer_module_default.disclaimer, "p"), children: titleNode }),
         copyright && /* @__PURE__ */ jsxRuntime.jsx("p", { className: Footer_module_default.copyright, children: copyright })
       ] }),
       navigationLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("nav", { className: Footer_module_default["bottom-right"], children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Footer_module_default["nav-list"], children: navigationLinks.map((link) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -2084,7 +2108,7 @@ var LogoBar_module_default = {
 };
 var LogoBar = ({ className, items }) => {
   if (!items || items.length === 0) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(LogoBar_module_default.logoBar, className), children: items.map((item, key) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx16__default.default(LogoBar_module_default.logoBar, className), children: items.map((item, key) => {
     return /* @__PURE__ */ jsxRuntime.jsx(Anchor, { href: item.url, isExternal: item.isExternal, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LogoBar_module_default.logoWrapper, children: [
       item.logo && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: LogoBar_module_default.logo }, item.logo)),
       item.hoverLogo && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: LogoBar_module_default.logoHover }, item.hoverLogo))
@@ -2156,7 +2180,7 @@ var HeroBanner = ({
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default(HeroBanner_module_default.heroBanner, HeroBanner_module_default[variant], className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx16__default.default(HeroBanner_module_default.heroBanner, HeroBanner_module_default[variant], className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.container, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.banner, children: [
         (titleNode || subtitleNode) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.text, children: [
@@ -2166,7 +2190,7 @@ var HeroBanner = ({
             {
               tag: "h2",
               promoteToH1,
-              className: clsx15__default.default(HeroBanner_module_default.title, vBannerPodcast ? "h3" : "h1"),
+              className: clsx16__default.default(HeroBanner_module_default.title, vBannerPodcast ? "h3" : "h1"),
               children: titleNode
             }
           ),
@@ -2175,7 +2199,7 @@ var HeroBanner = ({
             {
               tag: "div",
               promoteToH1: promoteToH1 && !titleNode,
-              className: clsx15__default.default(HeroBanner_module_default.subtitle, "subheading"),
+              className: clsx16__default.default(HeroBanner_module_default.subtitle, "subheading"),
               children: subtitleNode
             }
           )
@@ -2252,7 +2276,7 @@ var HeroBannerCarousel = ({
   const [swiperInstance, setSwiperInstance] = React66.useState(null);
   const [activeIndex, setActiveIndex] = React66.useState(0);
   if (!items.length) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(HeroBannerCarousel_module_default.heroBannerCarousel, className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.inner, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx16__default.default(HeroBannerCarousel_module_default.heroBannerCarousel, className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.inner, children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.swiperContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
       react$1.Swiper,
       {
@@ -2299,7 +2323,7 @@ var HeroBannerCarousel = ({
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.pagination, children: items.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
-          className: clsx15__default.default(HeroBannerCarousel_module_default.dot, index === activeIndex && HeroBannerCarousel_module_default.dotActive),
+          className: clsx16__default.default(HeroBannerCarousel_module_default.dot, index === activeIndex && HeroBannerCarousel_module_default.dotActive),
           onClick: () => swiperInstance == null ? void 0 : swiperInstance.slideTo(index),
           "aria-label": `Go to slide ${index + 1}`
         },
@@ -2379,7 +2403,7 @@ var AccordionItem = ({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: clsx15__default.default(
+      className: clsx16__default.default(
         Accordion_module_default.accordionItem,
         {
           [Accordion_module_default.accordionItemOpen]: isOpen
@@ -2390,18 +2414,18 @@ var AccordionItem = ({
         /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
           {
-            className: clsx15__default.default(Accordion_module_default.accordionHeader, {
+            className: clsx16__default.default(Accordion_module_default.accordionHeader, {
               [Accordion_module_default.accordionHeaderOpen]: isOpen
             }),
             onClick: handleToggle,
             "aria-expanded": isOpen,
             "aria-label": `Toggle ${title}`,
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: Accordion_module_default.accordionHeaderLeft, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx15__default.default("body", Accordion_module_default.accordionTitle), children: title }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: Accordion_module_default.accordionHeaderLeft, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx16__default.default("body", Accordion_module_default.accordionTitle), children: title }) }),
               /* @__PURE__ */ jsxRuntime.jsx(
                 "span",
                 {
-                  className: clsx15__default.default(Accordion_module_default.accordionChevron, {
+                  className: clsx16__default.default(Accordion_module_default.accordionChevron, {
                     [Accordion_module_default.accordionChevronOpen]: isOpen
                   }),
                   children: isOpen ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "filledChevronUpBlack", size: 40 }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "circleChevronDown", size: 40 })
@@ -2453,7 +2477,7 @@ var Accordion = ({
   if (items.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(Accordion_module_default.accordion, className), children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx16__default.default(Accordion_module_default.accordion, className), children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
     AccordionItem,
     {
       id: item.id,
@@ -2543,7 +2567,7 @@ var InternalBrandsTab = (props) => {
       };
     })) || [];
   }, [tabs]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx15__default.default(InternalBrandsTab_module_default.internalBrandsTab, className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx16__default.default(InternalBrandsTab_module_default.internalBrandsTab, className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: InternalBrandsTab_module_default.textsContainer, children: [
       title && /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: InternalBrandsTab_module_default.title, children: title }),
       subTitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: InternalBrandsTab_module_default.subTitle, children: subTitle })
@@ -2559,7 +2583,7 @@ var InternalBrandsTab = (props) => {
         },
         index
       )) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(InternalBrandsTab_module_default.contentArea), children: ((_a = tabs == null ? void 0 : tabs[activeIndex]) == null ? void 0 : _a.topContent) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx16__default.default(InternalBrandsTab_module_default.contentArea), children: ((_a = tabs == null ? void 0 : tabs[activeIndex]) == null ? void 0 : _a.topContent) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: InternalBrandsTab_module_default.topContent, children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             ((_b = tabs[activeIndex].topContent) == null ? void 0 : _b.title) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: InternalBrandsTab_module_default.topContentTitle, children: (_c = tabs[activeIndex].topContent) == null ? void 0 : _c.title }),
@@ -2656,22 +2680,22 @@ var MiniBanner = ({
   const titleNode = (_b = slots.title) != null ? _b : title;
   const subtitleNode = (_c = slots.subtitle) != null ? _c : subtitle;
   const goBackNode = slots == null ? void 0 : slots.goBack;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default(MiniBanner_module_default.minibanner, MiniBanner_module_default[variant], className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx16__default.default(MiniBanner_module_default.minibanner, MiniBanner_module_default[variant], className), children: [
     ((background == null ? void 0 : background.src) || ((_d = background == null ? void 0 : background.desktop) == null ? void 0 : _d.src) || ((_e = background == null ? void 0 : background.mobile) == null ? void 0 : _e.src)) && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: MiniBanner_module_default.background }, background)),
     /* @__PURE__ */ jsxRuntime.jsx(Container, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.wrapper, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.textContainer, children: [
         (logo == null ? void 0 : logo.src) && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: MiniBanner_module_default.logo }, logo)),
-        pretitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
+        pretitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx16__default.default(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.headingWrapper, children: [
           goBackNode ? React66__default.default.cloneElement(goBackNode, {
-            className: clsx15__default.default("back-button", MiniBanner_module_default["back-button"])
+            className: clsx16__default.default("back-button", MiniBanner_module_default["back-button"])
           }) : null,
-          titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode })
+          titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx16__default.default(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode })
         ] }),
         subtitleNode && /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: clsx15__default.default(MiniBanner_module_default.title, {
+            className: clsx16__default.default(MiniBanner_module_default.title, {
               subheading: isMiniBannerNoBG || isMiniBannerTextLeft,
               h1: !isMiniBannerNoBG && !isMiniBannerTextLeft
             }),
@@ -2743,14 +2767,14 @@ var MiniSectionCta = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: clsx15__default.default(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], theme && MiniSectionCta_module_default[theme], className),
+      className: clsx16__default.default(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], theme && MiniSectionCta_module_default[theme], className),
       children: /* @__PURE__ */ jsxRuntime.jsx(Container, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniSectionCta_module_default.wrapper, children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniSectionCta_module_default.col, children: [
           titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: variant === "BgColorBlack" || variant === "BgColorGrey" ? "h3" : "h2", children: titleNode }),
           subtitleNode && /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: clsx15__default.default(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
+              className: clsx16__default.default(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
               children: subtitleNode
             }
           )
@@ -2776,6 +2800,424 @@ var MiniSectionCta2 = Object.assign(MiniSectionCta, {
   Title: MiniSectionCtaTitle,
   Subtitle: MiniSectionCtaSubtitle
 });
+function useIntersectionObserver({
+  animateOnce = false,
+  options = {}
+} = {}) {
+  const observeRef = React66.useRef(null);
+  const [isVisible, setIsVisible] = React66.useState(false);
+  if (typeof IntersectionObserver === "undefined") {
+    console.warn("IntersectionObserver is not supported in this browser.");
+    return { observeRef, isVisible: true };
+  }
+  React66.useEffect(() => {
+    const currentRef = observeRef.current;
+    if (!currentRef) return;
+    const observer = new IntersectionObserver((entries) => {
+      const entry = entries[0];
+      if (!entry) return;
+      setIsVisible(entry.isIntersecting);
+      if (entry.isIntersecting && animateOnce) {
+        observer.disconnect();
+      }
+    }, options);
+    observer.observe(currentRef);
+    return () => {
+      observer.disconnect();
+    };
+  }, [observeRef, animateOnce, options]);
+  return { observeRef, isVisible };
+}
+var useIsAtTop = () => {
+  const [isAtTop, setIsAtTop] = React66.useState(true);
+  React66.useEffect(() => {
+    const handleScroll = () => setIsAtTop(window.scrollY === 0);
+    window.addEventListener("scroll", handleScroll, { passive: true });
+    return () => window.removeEventListener("scroll", handleScroll);
+  }, []);
+  return isAtTop;
+};
+
+// src/widgets/Navigation/Navigation.module.scss
+var Navigation_module_default = {
+  dropdownTitle: "Navigation_module_dropdownTitle",
+  dropdownLink: "Navigation_module_dropdownLink",
+  dropdownDescription: "Navigation_module_dropdownDescription",
+  mobileItemLink: "Navigation_module_mobileItemLink",
+  mobileItemTrigger: "Navigation_module_mobileItemTrigger",
+  mobileSubLink: "Navigation_module_mobileSubLink",
+  navigationWrapper: "Navigation_module_navigationWrapper",
+  dropdownOpen: "Navigation_module_dropdownOpen",
+  variantTransparent: "Navigation_module_variantTransparent",
+  transparent: "Navigation_module_transparent",
+  navigation: "Navigation_module_navigation",
+  upperNav: "Navigation_module_upperNav",
+  mainLogo: "Navigation_module_mainLogo",
+  mainLogoLink: "Navigation_module_mainLogoLink",
+  upperRight: "Navigation_module_upperRight",
+  lowerNav: "Navigation_module_lowerNav",
+  lowerNavItem: "Navigation_module_lowerNavItem",
+  overlay: "Navigation_module_overlay",
+  dropdownTrigger: "Navigation_module_dropdownTrigger",
+  dropdownTriggerOpen: "Navigation_module_dropdownTriggerOpen",
+  dropdownPanel: "Navigation_module_dropdownPanel",
+  dropdownPanelOpen: "Navigation_module_dropdownPanelOpen",
+  dropdownInner: "Navigation_module_dropdownInner",
+  dropdownLinks: "Navigation_module_dropdownLinks",
+  dropdownLinkContainer: "Navigation_module_dropdownLinkContainer",
+  dropdownInfo: "Navigation_module_dropdownInfo",
+  mainLogoMobile: "Navigation_module_mainLogoMobile",
+  hamburgerButton: "Navigation_module_hamburgerButton",
+  mobileMenu: "Navigation_module_mobileMenu",
+  mobileMenuOpen: "Navigation_module_mobileMenuOpen",
+  mobileMenuHeader: "Navigation_module_mobileMenuHeader",
+  mobileMenuItems: "Navigation_module_mobileMenuItems",
+  mobileItem: "Navigation_module_mobileItem",
+  mobileItemChevron: "Navigation_module_mobileItemChevron",
+  mobileItemChevronOpen: "Navigation_module_mobileItemChevronOpen",
+  mobileSubItems: "Navigation_module_mobileSubItems",
+  mobileSubItemsOpen: "Navigation_module_mobileSubItemsOpen",
+  mobileSubItemsInner: "Navigation_module_mobileSubItemsInner",
+  mobileMenuCtas: "Navigation_module_mobileMenuCtas"
+};
+var NavigationDesktop = ({
+  navigationItems,
+  isTransparent,
+  onDropdownOpenChange
+}) => {
+  var _a;
+  const [activeDropdown, setActiveDropdown] = React66.useState(null);
+  const closeTimer = React66.useRef(null);
+  const dropdownWrapperRefs = React66.useRef([]);
+  const baseId = React66.useId();
+  const setDropdown = (index) => {
+    setActiveDropdown(index);
+    onDropdownOpenChange == null ? void 0 : onDropdownOpenChange(index !== null);
+  };
+  const handleDropdownEnter = (index) => {
+    if (closeTimer.current) clearTimeout(closeTimer.current);
+    setDropdown(index);
+  };
+  const handleDropdownLeave = () => {
+    closeTimer.current = setTimeout(() => setDropdown(null), 100);
+  };
+  const handleDropdownBlur = (e, index) => {
+    if (!e.currentTarget.contains(e.relatedTarget)) {
+      if (activeDropdown === index) setDropdown(null);
+    }
+  };
+  const handleTriggerKeyDown = (e, index) => {
+    if (e.key === "Escape") {
+      setDropdown(null);
+    } else if ((e.key === "Enter" || e.key === " ") && activeDropdown !== index) {
+      e.preventDefault();
+      setDropdown(index);
+    }
+  };
+  const handleDropdownKeyDown = (e, index) => {
+    var _a2, _b;
+    if (e.key === "Escape") {
+      setDropdown(null);
+      (_b = (_a2 = dropdownWrapperRefs.current[index]) == null ? void 0 : _a2.querySelector("button")) == null ? void 0 : _b.focus();
+    }
+  };
+  if (!((_a = navigationItems == null ? void 0 : navigationItems.items) == null ? void 0 : _a.length)) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Navigation_module_default.lowerNav, children: navigationItems.items.map((item, index) => {
+    var _a2, _b, _c;
+    const panelId = `${baseId}-panel-${index}`;
+    const isOpen = activeDropdown === index;
+    return item.type === "dropdown" ? /* @__PURE__ */ jsxRuntime.jsxs(
+      "li",
+      {
+        className: Navigation_module_default.lowerNavItem,
+        ref: (el) => {
+          dropdownWrapperRefs.current[index] = el;
+        },
+        onBlur: (e) => handleDropdownBlur(e, index),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              variant: "navnofillblack",
+              className: clsx16__default.default(Navigation_module_default.dropdownTrigger, { [Navigation_module_default.dropdownTriggerOpen]: isOpen }),
+              icon: isTransparent ? "downChevronWhite" : "downChevronBlack",
+              isActive: isOpen,
+              "aria-expanded": isOpen,
+              "aria-haspopup": "true",
+              "aria-controls": panelId,
+              onMouseEnter: () => handleDropdownEnter(index),
+              onMouseLeave: handleDropdownLeave,
+              onClick: () => setDropdown(isOpen ? null : index),
+              onKeyDown: (e) => handleTriggerKeyDown(e, index),
+              children: item.title
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              id: panelId,
+              className: clsx16__default.default(Navigation_module_default.dropdownPanel, { [Navigation_module_default.dropdownPanelOpen]: isOpen }),
+              "aria-hidden": !isOpen,
+              onMouseEnter: () => handleDropdownEnter(index),
+              onMouseLeave: handleDropdownLeave,
+              onKeyDown: (e) => handleDropdownKeyDown(e, index),
+              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Navigation_module_default.dropdownInner, children: [
+                /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Navigation_module_default.dropdownLinks, children: item.items.map(
+                  (subItem, i) => {
+                    var _a3, _b2;
+                    return subItem.type === "link" ? /* @__PURE__ */ jsxRuntime.jsx("li", { className: Navigation_module_default.dropdownLinkContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
+                      "a",
+                      {
+                        href: (_a3 = subItem.cta) == null ? void 0 : _a3.url,
+                        className: Navigation_module_default.dropdownLink,
+                        tabIndex: isOpen ? void 0 : -1,
+                        children: (_b2 = subItem.cta) == null ? void 0 : _b2.label
+                      }
+                    ) }, i) : null;
+                  }
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Navigation_module_default.dropdownInfo, children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("h3", { className: Navigation_module_default.dropdownTitle, children: item.title }),
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: Navigation_module_default.dropdownDescription, children: item.description })
+                ] })
+              ] })
+            }
+          )
+        ]
+      },
+      index
+    ) : /* @__PURE__ */ jsxRuntime.jsx("li", { className: Navigation_module_default.lowerNavItem, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "navnofillblack", href: (_a2 = item.cta) == null ? void 0 : _a2.url, isExternal: (_b = item.cta) == null ? void 0 : _b.isExternal, children: (_c = item.cta) == null ? void 0 : _c.label }) }, index);
+  }) });
+};
+var NavigationLogo = ({
+  mainLogo,
+  homeCta,
+  className,
+  onClick,
+  logoAlt = "Home"
+}) => {
+  if (!mainLogo) return null;
+  if (homeCta) {
+    return /* @__PURE__ */ jsxRuntime.jsx("a", { href: homeCta, className: Navigation_module_default.mainLogoLink, onClick, "aria-label": logoAlt, children: /* @__PURE__ */ jsxRuntime.jsx(Picture, { className, src: mainLogo, alt: logoAlt || "" }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(Picture, { className, src: mainLogo, alt: logoAlt });
+};
+var NavigationCtas = ({
+  loginCta,
+  rightButton,
+  loginVariant,
+  className
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, children: [
+    (loginCta == null ? void 0 : loginCta.label) && /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: loginVariant, href: loginCta.url, isExternal: loginCta.isExternal, children: loginCta.label }),
+    (rightButton == null ? void 0 : rightButton.label) && /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "primary", href: rightButton.url, isExternal: rightButton.isExternal, children: rightButton.label })
+  ] });
+};
+var NavigationMobile = ({
+  id,
+  navigationItems,
+  mainLogo,
+  homeCta,
+  loginCta,
+  rightButton,
+  isOpen,
+  onClose
+}) => {
+  var _a;
+  const [expanded, setExpanded] = React66.useState([]);
+  const baseId = React66.useId();
+  const toggleExpanded = (index) => {
+    setExpanded((prev) => prev.includes(index) ? prev.filter((i) => i !== index) : [...prev, index]);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      id,
+      className: clsx16__default.default(Navigation_module_default.mobileMenu, isOpen && Navigation_module_default.mobileMenuOpen),
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": "Navigation menu",
+      "aria-hidden": !isOpen,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Navigation_module_default.mobileMenuHeader, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            NavigationLogo,
+            {
+              mainLogo,
+              homeCta,
+              className: Navigation_module_default.mainLogoMobile,
+              onClick: onClose
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: Navigation_module_default.hamburgerButton,
+              onClick: onClose,
+              "aria-label": "Close navigation menu",
+              children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "xBlack", size: 24, "aria-hidden": "true" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Navigation_module_default.mobileMenuItems, children: (_a = navigationItems == null ? void 0 : navigationItems.items) == null ? void 0 : _a.map((item, index) => {
+          var _a2, _b;
+          const subMenuId = `${baseId}-submenu-${index}`;
+          const isExpanded = expanded.includes(index);
+          return item.type === "dropdown" ? /* @__PURE__ */ jsxRuntime.jsxs("li", { className: Navigation_module_default.mobileItem, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                type: "button",
+                className: Navigation_module_default.mobileItemTrigger,
+                onClick: () => toggleExpanded(index),
+                "aria-expanded": isExpanded,
+                "aria-controls": subMenuId,
+                children: [
+                  item.title,
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      className: clsx16__default.default(
+                        Navigation_module_default.mobileItemChevron,
+                        isExpanded && Navigation_module_default.mobileItemChevronOpen
+                      ),
+                      "aria-hidden": "true",
+                      children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "downChevronBlack", size: 24 })
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                id: subMenuId,
+                className: clsx16__default.default(Navigation_module_default.mobileSubItems, isExpanded && Navigation_module_default.mobileSubItemsOpen),
+                children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Navigation_module_default.mobileSubItemsInner, children: item.items.map(
+                  (subItem, i) => {
+                    var _a3, _b2;
+                    return subItem.type === "link" ? /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+                      "a",
+                      {
+                        href: (_a3 = subItem.cta) == null ? void 0 : _a3.url,
+                        className: Navigation_module_default.mobileSubLink,
+                        onClick: onClose,
+                        children: (_b2 = subItem.cta) == null ? void 0 : _b2.label
+                      }
+                    ) }, i) : null;
+                  }
+                ) })
+              }
+            )
+          ] }, index) : /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: (_a2 = item.cta) == null ? void 0 : _a2.url, className: Navigation_module_default.mobileItemLink, onClick: onClose, children: (_b = item.cta) == null ? void 0 : _b.label }) }, index);
+        }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          NavigationCtas,
+          {
+            className: Navigation_module_default.mobileMenuCtas,
+            loginCta,
+            rightButton,
+            loginVariant: "nofillblack"
+          }
+        )
+      ]
+    }
+  );
+};
+var Navigation2 = (props) => {
+  const { className, variant, homeCta, loginCta, mainLogo, rightButton, navigationItems } = props;
+  const [isHovered, setIsHovered] = React66.useState(false);
+  const [hasOpenDropdown, setHasOpenDropdown] = React66.useState(false);
+  const [isMobileMenuOpen, setIsMobileMenuOpen] = React66.useState(false);
+  const isAtTop = useIsAtTop();
+  const { is } = useViewPort_default();
+  const mobileMenuId = React66.useId();
+  const isTabletBelow = is("tablet", "below");
+  const isTransparent = variant === "transparent" && isAtTop && !isHovered && !hasOpenDropdown;
+  React66.useEffect(() => {
+    document.body.style.overflow = isMobileMenuOpen ? "hidden" : "";
+    return () => {
+      document.body.style.overflow = "";
+    };
+  }, [isMobileMenuOpen]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: clsx16__default.default(
+          Navigation_module_default.navigationWrapper,
+          variant === "transparent" && Navigation_module_default.variantTransparent,
+          isTransparent && Navigation_module_default.transparent,
+          hasOpenDropdown && !isTabletBelow && Navigation_module_default.dropdownOpen
+        ),
+        onMouseEnter: () => setIsHovered(true),
+        onMouseLeave: () => setIsHovered(false),
+        children: /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: clsx16__default.default(Navigation_module_default.navigation, className), "aria-label": "Main", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Navigation_module_default.upperNav, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              NavigationLogo,
+              {
+                mainLogo,
+                homeCta,
+                className: clsx16__default.default(Navigation_module_default.mainLogo, isTabletBelow && Navigation_module_default.mainLogoMobile)
+              }
+            ),
+            isTabletBelow ? /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: Navigation_module_default.hamburgerButton,
+                onClick: () => setIsMobileMenuOpen(true),
+                "aria-label": "Open navigation menu",
+                "aria-haspopup": "dialog",
+                "aria-expanded": isMobileMenuOpen,
+                "aria-controls": mobileMenuId,
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  Icon,
+                  {
+                    type: isTransparent ? "menuWhite" : "menuBlack",
+                    size: 24,
+                    "aria-hidden": "true"
+                  }
+                )
+              }
+            ) : /* @__PURE__ */ jsxRuntime.jsx(
+              NavigationCtas,
+              {
+                className: Navigation_module_default.upperRight,
+                loginCta,
+                rightButton,
+                loginVariant: isTransparent ? "ghost" : "nofillblack"
+              }
+            )
+          ] }),
+          isTabletBelow ? /* @__PURE__ */ jsxRuntime.jsx(
+            NavigationMobile,
+            {
+              id: mobileMenuId,
+              navigationItems,
+              mainLogo,
+              homeCta,
+              loginCta,
+              rightButton,
+              isOpen: isMobileMenuOpen,
+              onClose: () => setIsMobileMenuOpen(false)
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
+            NavigationDesktop,
+            {
+              navigationItems,
+              isTransparent,
+              onDropdownOpenChange: setHasOpenDropdown
+            }
+          )
+        ] })
+      }
+    ),
+    hasOpenDropdown && !isTabletBelow && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Navigation_module_default.overlay, "aria-hidden": "true" })
+  ] });
+};
 var PracticePathCardsFooter = ({ children }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
 };
@@ -2815,7 +3257,7 @@ var PracticePathCards = ({
   const titleNode = (_a = slots.title) != null ? _a : title;
   const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
   const footerNode = (_c = slots.footer) != null ? _c : footer;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(PracticePathCards_module_default["practice-path-cards"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: PracticePathCards_module_default.container, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx16__default.default(PracticePathCards_module_default["practice-path-cards"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: PracticePathCards_module_default.container, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticePathCards_module_default.wrapper, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticePathCards_module_default.content, children: [
         titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { children: titleNode }),
@@ -2869,8 +3311,8 @@ var Teaser5050With3Text = ({
     title: Teaser5050With3TextTitle
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(Teaser5050With3Text_module_default["teaser5050-3text"], Teaser5050With3Text_module_default[variant], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Teaser5050With3Text_module_default.container, children: [
-    titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(Teaser5050With3Text_module_default.title, "h3"), children: titleNode }),
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx16__default.default(Teaser5050With3Text_module_default["teaser5050-3text"], Teaser5050With3Text_module_default[variant], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Teaser5050With3Text_module_default.container, children: [
+    titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx16__default.default(Teaser5050With3Text_module_default.title, "h3"), children: titleNode }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050With3Text_module_default.content, children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: Teaser5050With3Text_module_default.cards, children: cards == null ? void 0 : cards.map((card, key) => /* @__PURE__ */ jsxRuntime.jsx(InfoCard2, __spreadValues({}, card), key)) }),
       image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: Teaser5050With3Text_module_default.image }, image))
@@ -2920,12 +3362,12 @@ var Teaser5050WithCta = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: clsx15__default.default(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className),
+      className: clsx16__default.default(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className),
       style: { backgroundColor: bgColor ? bgColor : "#ffffff" },
       children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Teaser5050WithCta_module_default.container, children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050WithCta_module_default.wrapper, children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050WithCta_module_default.content, children: [
-            titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(Teaser5050WithCta_module_default.title, "h3"), children: titleNode }),
+            titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx16__default.default(Teaser5050WithCta_module_default.title, "h3"), children: titleNode }),
             subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "subheading", children: subtitleNode })
           ] }),
           (ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Teaser5050WithCta_module_default.ctaWrapper, children: ctas.map((cta, key) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -2977,7 +3419,7 @@ var Carousel = (_a) => {
       },
       role: "region",
       "aria-label": ariaLabel,
-      className: clsx15__default.default(Carousel_module_default.carousel, className),
+      className: clsx16__default.default(Carousel_module_default.carousel, className),
       spaceBetween: 0,
       slidesPerView: "auto",
       modules: [modules.FreeMode, modules.A11y],
@@ -2987,7 +3429,7 @@ var Carousel = (_a) => {
       children: slides.map((slide, index) => /* @__PURE__ */ jsxRuntime.jsx(
         react$1.SwiperSlide,
         {
-          className: clsx15__default.default(Carousel_module_default["carousel-item"], props.slideClass),
+          className: clsx16__default.default(Carousel_module_default["carousel-item"], props.slideClass),
           children: slide
         },
         index
@@ -3037,13 +3479,13 @@ var EventList = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: clsx15__default.default("event-list-module", EventList_module_default["event-list-module"], className),
+      className: clsx16__default.default("event-list-module", EventList_module_default["event-list-module"], className),
       style: {
         backgroundColor
       },
-      children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx15__default.default(EventList_module_default["event-list-container"]), children: [
+      children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx16__default.default(EventList_module_default["event-list-container"]), children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: EventList_module_default["event-list-header-container"], children: [
-          titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx15__default.default(EventList_module_default["event-list-title"]), children: titleNode }),
+          titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx16__default.default(EventList_module_default["event-list-title"]), children: titleNode }),
           cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx(
             Button,
             {
@@ -3060,7 +3502,7 @@ var EventList = ({
           Carousel,
           {
             "aria-label": "Upcoming events",
-            wrapperClass: clsx15__default.default(EventList_module_default["carousel-wrapper"], EventList_module_default[variant]),
+            wrapperClass: clsx16__default.default(EventList_module_default["carousel-wrapper"], EventList_module_default[variant]),
             slideClass: EventList_module_default["carousel-list-item"],
             spaceBetween: 16,
             slides: items.map((item) => {
@@ -3068,7 +3510,7 @@ var EventList = ({
               return /* @__PURE__ */ jsxRuntime.jsx(
                 UpcomingEventCard,
                 __spreadValues({
-                  className: clsx15__default.default(EventList_module_default["event-card"]),
+                  className: clsx16__default.default(EventList_module_default["event-card"]),
                   direction: "vertical",
                   showImage: false
                 }, item),
@@ -3081,17 +3523,17 @@ var EventList = ({
           "ul",
           {
             "aria-label": "Upcoming events",
-            className: clsx15__default.default(EventList_module_default["event-list-wrapper"], EventList_module_default["horizontal"], EventList_module_default[variant]),
+            className: clsx16__default.default(EventList_module_default["event-list-wrapper"], EventList_module_default["horizontal"], EventList_module_default[variant]),
             children: items == null ? void 0 : items.map((item, index) => {
               var _a2, _b, _c;
               return /* @__PURE__ */ jsxRuntime.jsx(
                 "li",
                 {
-                  className: clsx15__default.default(EventList_module_default["card-list-item"]),
+                  className: clsx16__default.default(EventList_module_default["card-list-item"]),
                   children: /* @__PURE__ */ jsxRuntime.jsx(
                     UpcomingEventCard,
                     __spreadProps(__spreadValues({}, item), {
-                      className: clsx15__default.default(EventList_module_default["card-item"]),
+                      className: clsx16__default.default(EventList_module_default["card-item"]),
                       showImage: false,
                       direction: "vertical"
                     })
@@ -3106,7 +3548,7 @@ var EventList = ({
           "ul",
           {
             "aria-label": "Upcoming events",
-            className: clsx15__default.default(EventList_module_default["event-list-wrapper"], EventList_module_default[listDirection]),
+            className: clsx16__default.default(EventList_module_default["event-list-wrapper"], EventList_module_default[listDirection]),
             children: items == null ? void 0 : items.map((item, index) => {
               var _a2, _b, _c;
               return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(UpcomingEventCard, __spreadProps(__spreadValues({}, item), { direction: cardDirection })) }, (_c = (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location) != null ? _c : index);
@@ -3154,9 +3596,9 @@ var TextEvent = (props) => {
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const richTextNode = (_b = slots.richText) != null ? _b : richText;
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx15__default.default(TextEvent_module_default.textEvent, className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx16__default.default(TextEvent_module_default.textEvent, className), children: [
     /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: TextEvent_module_default.title, children: titleNode }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(TextEvent_module_default.richText, TextEvent_module_default[variant != null ? variant : ""]), children: richTextNode })
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx16__default.default(TextEvent_module_default.richText, TextEvent_module_default[variant != null ? variant : ""]), children: richTextNode })
   ] });
 };
 
@@ -3187,7 +3629,7 @@ var TextBody = (props) => {
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const bodyNode = (_b = slots.body) != null ? _b : body;
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx15__default.default(TextBody_module_default.textBody, className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx16__default.default(TextBody_module_default.textBody, className), children: [
     titleNode && /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: TextBody_module_default.title, children: titleNode }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: TextBody_module_default.body, children: bodyNode })
   ] });
@@ -3230,7 +3672,7 @@ var TextCenterCtaInBottom = ({
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(TextCenterCtaInBottom_module_default.textCenterCta, className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: TextCenterCtaInBottom_module_default.container, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx16__default.default(TextCenterCtaInBottom_module_default.textCenterCta, className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: TextCenterCtaInBottom_module_default.container, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: TextCenterCtaInBottom_module_default.content, children: [
       titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: TextCenterCtaInBottom_module_default.title, children: titleNode }),
       subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: TextCenterCtaInBottom_module_default.subtitle, children: subtitleNode })
@@ -3238,7 +3680,7 @@ var TextCenterCtaInBottom = ({
     !!(ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: clsx15__default.default(
+        className: clsx16__default.default(
           TextCenterCtaInBottom_module_default.ctaWrapper,
           ctas.every((cta) => !cta.label && cta.logo) && TextCenterCtaInBottom_module_default.iconOnly
         ),
@@ -3350,7 +3792,7 @@ var ResourcesGridList = ({
   const safeCurrentPage = Math.min(currentPage, totalPages);
   const pageStart = (safeCurrentPage - 1) * ITEMS_PER_PAGE;
   const paginatedItems = displayedItems.slice(pageStart, pageStart + ITEMS_PER_PAGE);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: widgetRef, className: clsx15__default.default(ResourcesGridList_module_default.widget, className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: widgetRef, className: clsx16__default.default(ResourcesGridList_module_default.widget, className), children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       FilterBar,
       {
@@ -3369,7 +3811,7 @@ var ResourcesGridList = ({
       isMobile && /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
-          className: clsx15__default.default(
+          className: clsx16__default.default(
             ResourcesGridList_module_default.mobileSidebarOverlay,
             isSidebarOpen && ResourcesGridList_module_default.mobileSidebarOverlayOpen
           ),
@@ -3380,7 +3822,7 @@ var ResourcesGridList = ({
               return /* @__PURE__ */ jsxRuntime.jsxs(
                 "li",
                 {
-                  className: clsx15__default.default(
+                  className: clsx16__default.default(
                     ResourcesGridList_module_default.mobileSidebarItem,
                     i === selectedCategory && ResourcesGridList_module_default.active
                   ),
@@ -3425,7 +3867,7 @@ var ResourcesGridList = ({
           onSelect: handleSelectCategory
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(ResourcesGridList_module_default.cardsArea, ResourcesGridList_module_default[view]), children: paginatedItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(ResourceCardItem, { item, view }, item.id)) })
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx16__default.default(ResourcesGridList_module_default.cardsArea, ResourcesGridList_module_default[view]), children: paginatedItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(ResourceCardItem, { item, view }, item.id)) })
     ] }),
     totalPages > 1 && /* @__PURE__ */ jsxRuntime.jsx(
       Pagination,
@@ -3458,7 +3900,7 @@ var Grid = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Component,
     {
-      className: clsx15__default.default("grid", Grid_module_default.grid, className),
+      className: clsx16__default.default("grid", Grid_module_default.grid, className),
       role,
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledBy,
@@ -3483,7 +3925,7 @@ var GridItem = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Component,
     {
-      className: clsx15__default.default("grid-item", Grid_module_default["grid-item"], className),
+      className: clsx16__default.default("grid-item", Grid_module_default["grid-item"], className),
       role,
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledBy,
@@ -3531,13 +3973,13 @@ var BlogCardGrid = ({
     title: BlogCardGridTitle
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
-  const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default("wrapper", BlogCardGrid_module_default["wrapper"]), children: [
-    title && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default("header-container", BlogCardGrid_module_default["header-container"]), children: [
-      titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h4", className: clsx15__default.default("title", BlogCardGrid_module_default["title"]), children: titleNode }) : titleNode,
-      cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default("cta-wrapper", BlogCardGrid_module_default["cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
+  const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx16__default.default("wrapper", BlogCardGrid_module_default["wrapper"]), children: [
+    title && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx16__default.default("header-container", BlogCardGrid_module_default["header-container"]), children: [
+      titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h4", className: clsx16__default.default("title", BlogCardGrid_module_default["title"]), children: titleNode }) : titleNode,
+      cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx16__default.default("cta-wrapper", BlogCardGrid_module_default["cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
         Button,
         {
-          className: clsx15__default.default("cta", BlogCardGrid_module_default["cta"]),
+          className: clsx16__default.default("cta", BlogCardGrid_module_default["cta"]),
           variant: "nofillblack",
           href: cta.url,
           isExternal: cta == null ? void 0 : cta.isExternal,
@@ -3563,11 +4005,11 @@ var BlogCardGrid = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: clsx15__default.default("blog-card-grid", BlogCardGrid_module_default["blog-card-grid"], className),
+      className: clsx16__default.default("blog-card-grid", BlogCardGrid_module_default["blog-card-grid"], className),
       style: {
         backgroundColor
       },
-      children: hasContainer ? /* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx15__default.default("container", BlogCardGrid_module_default["container"]), children: content }) : content
+      children: hasContainer ? /* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx16__default.default("container", BlogCardGrid_module_default["container"]), children: content }) : content
     }
   );
 };
@@ -3614,13 +4056,13 @@ var FeaturedNewsHighlights = ({
   const sideCards = items.slice(1);
   const isVariantHome = variant === "home";
   const isBelowTablet = is("tablet", "below");
-  const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default("wrapper", FeaturedNewsHighlights_module_default["wrapper"]), children: [
-    title && cta && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default("header-container", FeaturedNewsHighlights_module_default["header-container"]), children: [
+  const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx16__default.default("wrapper", FeaturedNewsHighlights_module_default["wrapper"]), children: [
+    title && cta && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx16__default.default("header-container", FeaturedNewsHighlights_module_default["header-container"]), children: [
       titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", children: titleNode }) : titleNode,
-      cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default("cta-wrapper", FeaturedNewsHighlights_module_default["cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
+      cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx16__default.default("cta-wrapper", FeaturedNewsHighlights_module_default["cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
         Button,
         {
-          className: clsx15__default.default("cta", FeaturedNewsHighlights_module_default["cta"]),
+          className: clsx16__default.default("cta", FeaturedNewsHighlights_module_default["cta"]),
           variant: "nofillblack",
           href: cta.url,
           isExternal: cta == null ? void 0 : cta.isExternal,
@@ -3632,9 +4074,9 @@ var FeaturedNewsHighlights = ({
     isVariantHome && isBelowTablet && /* @__PURE__ */ jsxRuntime.jsx(
       Carousel,
       {
-        className: clsx15__default.default("carousel", FeaturedNewsHighlights_module_default["carousel"]),
+        className: clsx16__default.default("carousel", FeaturedNewsHighlights_module_default["carousel"]),
         "aria-label": "featured news",
-        wrapperClass: clsx15__default.default(FeaturedNewsHighlights_module_default["carousel-wrapper"]),
+        wrapperClass: clsx16__default.default(FeaturedNewsHighlights_module_default["carousel-wrapper"]),
         slideClass: FeaturedNewsHighlights_module_default["carousel-list-item"],
         spaceBetween: 16,
         slides: items.map((item, index) => {
@@ -3643,22 +4085,22 @@ var FeaturedNewsHighlights = ({
             NewsCard,
             __spreadProps(__spreadValues({}, item), {
               direction: "vertical",
-              className: clsx15__default.default("carousel-news-card", FeaturedNewsHighlights_module_default["carousel-news-card"])
+              className: clsx16__default.default("carousel-news-card", FeaturedNewsHighlights_module_default["carousel-news-card"])
             }),
             (_a2 = item == null ? void 0 : item.title) != null ? _a2 : index
           );
         })
       }
     ),
-    (!isVariantHome || isVariantHome && !isBelowTablet) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default("content-wrapper", FeaturedNewsHighlights_module_default["content-wrapper"]), children: [
+    (!isVariantHome || isVariantHome && !isBelowTablet) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx16__default.default("content-wrapper", FeaturedNewsHighlights_module_default["content-wrapper"]), children: [
       featuredCard && /* @__PURE__ */ jsxRuntime.jsx(
         NewsCard,
         __spreadProps(__spreadValues({}, featuredCard), {
-          className: clsx15__default.default("featured-card", FeaturedNewsHighlights_module_default["featured-card"]),
+          className: clsx16__default.default("featured-card", FeaturedNewsHighlights_module_default["featured-card"]),
           renderLink
         })
       ),
-      sideCards && sideCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default("side-content", FeaturedNewsHighlights_module_default["side-content"]), children: sideCards.map((card, index) => {
+      sideCards && sideCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx16__default.default("side-content", FeaturedNewsHighlights_module_default["side-content"]), children: sideCards.map((card, index) => {
         var _a2;
         return /* @__PURE__ */ jsxRuntime.jsx(
           NewsCard,
@@ -3674,11 +4116,11 @@ var FeaturedNewsHighlights = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: clsx15__default.default("featured-news-higlights", FeaturedNewsHighlights_module_default["featured-news-higlights"], className),
+      className: clsx16__default.default("featured-news-higlights", FeaturedNewsHighlights_module_default["featured-news-higlights"], className),
       style: {
         backgroundColor
       },
-      children: hasContainer ? /* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx15__default.default("container", FeaturedNewsHighlights_module_default["container"]), children: content }) : content
+      children: hasContainer ? /* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx16__default.default("container", FeaturedNewsHighlights_module_default["container"]), children: content }) : content
     }
   );
 };
@@ -3722,23 +4164,23 @@ var NewsCardList = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: clsx15__default.default("news-card-list", NewsCardList_module_default["news-card-list"], className),
+      className: clsx16__default.default("news-card-list", NewsCardList_module_default["news-card-list"], className),
       style: {
         backgroundColor
       },
-      children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx15__default.default("container", NewsCardList_module_default["container"]), children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default("wrapper", NewsCardList_module_default["wrapper"]), children: [
+      children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx16__default.default("container", NewsCardList_module_default["container"]), children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx16__default.default("wrapper", NewsCardList_module_default["wrapper"]), children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             Input,
             __spreadValues({
-              className: clsx15__default.default("search-input", NewsCardList_module_default["search-input"]),
+              className: clsx16__default.default("search-input", NewsCardList_module_default["search-input"]),
               startAdornment: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "search" }),
               placeholder: "Search News",
               endAction: searchValue ? /* @__PURE__ */ jsxRuntime.jsx(
                 Button,
                 {
                   variant: "nofillblack",
-                  className: clsx15__default.default(NewsCardList_module_default["end-action-button"]),
+                  className: clsx16__default.default(NewsCardList_module_default["end-action-button"]),
                   "aria-label": "Search",
                   onClick: onSearchSubmit ? () => onSearchSubmit(searchValue || "") : void 0,
                   children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "rightBlack" })
@@ -3750,7 +4192,7 @@ var NewsCardList = ({
               } : void 0
             }, searchInputProps)
           ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default("card-wrapper", NewsCardList_module_default["card-wrapper"]), children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx16__default.default("card-wrapper", NewsCardList_module_default["card-wrapper"]), children: [
             currentPage === 1 && /* @__PURE__ */ jsxRuntime.jsx(
               FeaturedNewsHighlights2,
               {
@@ -3764,7 +4206,7 @@ var NewsCardList = ({
           ] })
         ] }),
         paginationNode ? React66__default.default.cloneElement(paginationNode, {
-          className: clsx15__default.default("pagination", NewsCardList_module_default["pagination"])
+          className: clsx16__default.default("pagination", NewsCardList_module_default["pagination"])
         }) : null
       ] })
     }
@@ -3809,15 +4251,15 @@ var BlogPost = ({
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const bodyNode = (_b = slots.body) != null ? _b : body;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default("blog-post", BlogPost_module_default["blog-post"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx15__default.default("container", BlogPost_module_default["container"]), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default("header", BlogPost_module_default["header"]), children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx16__default.default("blog-post", BlogPost_module_default["blog-post"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx16__default.default("container", BlogPost_module_default["container"]), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx16__default.default("header", BlogPost_module_default["header"]), children: [
       titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h1", children: titleNode }) : titleNode,
-      image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx15__default.default("image", BlogPost_module_default["image"]) }))
+      image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx16__default.default("image", BlogPost_module_default["image"]) }))
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default("content", BlogPost_module_default["content"]), children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default("content-top", BlogPost_module_default["content-top"]), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx16__default.default("content", BlogPost_module_default["content"]), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx16__default.default("content-top", BlogPost_module_default["content-top"]), children: [
         /* @__PURE__ */ jsxRuntime.jsx(Badge, { size: "sm", children: tag }),
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: clsx15__default.default("content-date", BlogPost_module_default["content-date"]), children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: clsx16__default.default("content-date", BlogPost_module_default["content-date"]), children: [
           "Published ",
           /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: date.value, children: date.label })
         ] })
@@ -3830,7 +4272,7 @@ var BlogPost = ({
         title: "More News",
         items: relatedArticles,
         hasContainer: false,
-        className: clsx15__default.default("related-articles", BlogPost_module_default["related-articles"])
+        className: clsx16__default.default("related-articles", BlogPost_module_default["related-articles"])
       }
     )
   ] }) });
@@ -3878,22 +4320,22 @@ var BlogSearchResultsList = ({
   });
   const searchNode = (_a = slots.search) != null ? _a : searchResult;
   const paginationNode = slots.pagination;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default("search-results-list", BlogSearchResultsList_module_default["search-results-list"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx15__default.default("container", BlogSearchResultsList_module_default["container"]), children: [
-    typeof searchNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx15__default.default("search-result", BlogSearchResultsList_module_default["search-result"]), children: searchNode }) : React66__default.default.isValidElement(searchNode) ? React66__default.default.cloneElement(searchNode, {
-      className: clsx15__default.default("search-result", BlogSearchResultsList_module_default["search-result"])
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx16__default.default("search-results-list", BlogSearchResultsList_module_default["search-results-list"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx16__default.default("container", BlogSearchResultsList_module_default["container"]), children: [
+    typeof searchNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx16__default.default("search-result", BlogSearchResultsList_module_default["search-result"]), children: searchNode }) : React66__default.default.isValidElement(searchNode) ? React66__default.default.cloneElement(searchNode, {
+      className: clsx16__default.default("search-result", BlogSearchResultsList_module_default["search-result"])
     }) : null,
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default("wrapper", BlogSearchResultsList_module_default["wrapper"]), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx16__default.default("wrapper", BlogSearchResultsList_module_default["wrapper"]), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         Input,
         __spreadValues({
-          className: clsx15__default.default("search-input", BlogSearchResultsList_module_default["search-input"]),
+          className: clsx16__default.default("search-input", BlogSearchResultsList_module_default["search-input"]),
           startAdornment: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "search" }),
           placeholder: "Search News",
           endAction: searchValue ? /* @__PURE__ */ jsxRuntime.jsx(
             Button,
             {
               variant: "nofillblack",
-              className: clsx15__default.default(BlogSearchResultsList_module_default["end-action-button"]),
+              className: clsx16__default.default(BlogSearchResultsList_module_default["end-action-button"]),
               "aria-label": "Search",
               onClick: () => onSearchSubmit(searchValue),
               children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "rightBlack" })
@@ -3908,7 +4350,7 @@ var BlogSearchResultsList = ({
       /* @__PURE__ */ jsxRuntime.jsx(BlogCardGrid2, { items, hasContainer: false, renderLink })
     ] }),
     paginationNode ? React66__default.default.cloneElement(paginationNode, {
-      className: clsx15__default.default("pagination", BlogSearchResultsList_module_default["pagination"])
+      className: clsx16__default.default("pagination", BlogSearchResultsList_module_default["pagination"])
     }) : null
   ] }) });
 };
@@ -3918,34 +4360,64 @@ var BlogSearchResultsList2 = Object.assign(BlogSearchResultsList, {
   Search: BlogSearchResultsListSearch,
   Pagination: BlogSearchResultsListPagination
 });
-function useIntersectionObserver({
-  animateOnce = false,
-  options = {}
-} = {}) {
-  const observeRef = React66.useRef(null);
-  const [isVisible, setIsVisible] = React66.useState(false);
-  if (typeof IntersectionObserver === "undefined") {
-    console.warn("IntersectionObserver is not supported in this browser.");
-    return { observeRef, isVisible: true };
-  }
-  React66.useEffect(() => {
-    const currentRef = observeRef.current;
-    if (!currentRef) return;
-    const observer = new IntersectionObserver((entries) => {
-      const entry = entries[0];
-      if (!entry) return;
-      setIsVisible(entry.isIntersecting);
-      if (entry.isIntersecting && animateOnce) {
-        observer.disconnect();
-      }
-    }, options);
-    observer.observe(currentRef);
-    return () => {
-      observer.disconnect();
-    };
-  }, [observeRef, animateOnce, options]);
-  return { observeRef, isVisible };
-}
+
+// src/widgets/GlobalSearchResultsList/GlobalSearchResultsList.module.scss
+var GlobalSearchResultsList_module_default = {
+  "search-results-list": "GlobalSearchResultsList_module_search-results-list",
+  container: "GlobalSearchResultsList_module_container",
+  "search-result": "GlobalSearchResultsList_module_search-result",
+  wrapper: "GlobalSearchResultsList_module_wrapper",
+  pagination: "GlobalSearchResultsList_module_pagination"
+};
+var GlobalSearchResultsListPagination = ({
+  children
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+};
+var GlobalSearchResultsListSearch = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+};
+var GlobalSearchResultsList = ({
+  items,
+  searchResult,
+  className,
+  renderLink,
+  children
+}) => {
+  var _a;
+  const slots = resolveCompoundSlots(children, {
+    search: GlobalSearchResultsListSearch,
+    pagination: GlobalSearchResultsListPagination
+  });
+  const searchNode = (_a = slots.search) != null ? _a : searchResult;
+  const paginationNode = slots.pagination;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx16__default.default("search-results-list", GlobalSearchResultsList_module_default["search-results-list"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx16__default.default("container", GlobalSearchResultsList_module_default["container"]), children: [
+    typeof searchNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx16__default.default("search-result", GlobalSearchResultsList_module_default["search-result"]), children: searchNode }) : React66__default.default.isValidElement(searchNode) ? React66__default.default.cloneElement(searchNode, {
+      className: clsx16__default.default("search-result", GlobalSearchResultsList_module_default["search-result"])
+    }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx16__default.default("wrapper", GlobalSearchResultsList_module_default["wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(Grid, { role: "list", columns: 3, children: items.map((item, index) => {
+      var _a2;
+      return /* @__PURE__ */ jsxRuntime.jsx(GridItem, { colSpan: { md: 3 }, role: "listitem", children: /* @__PURE__ */ jsxRuntime.jsx(
+        ResourceCardItem,
+        {
+          item,
+          view: "grid",
+          variant: "global-search",
+          renderLink
+        }
+      ) }, (_a2 = item.title) != null ? _a2 : index);
+    }) }) }),
+    paginationNode ? React66__default.default.cloneElement(paginationNode, {
+      className: clsx16__default.default("pagination", GlobalSearchResultsList_module_default["pagination"])
+    }) : null
+  ] }) });
+};
+
+// src/widgets/GlobalSearchResultsList/index.ts
+var GlobalSearchResultsList2 = Object.assign(GlobalSearchResultsList, {
+  Search: GlobalSearchResultsListSearch,
+  Pagination: GlobalSearchResultsListPagination
+});
 
 exports.Anchor = Anchor;
 exports.Badge = Badge;
@@ -3965,6 +4437,7 @@ exports.EventList = EventList2;
 exports.FeaturedNewsHighlights = FeaturedNewsHighlights2;
 exports.FilterBar = FilterBar;
 exports.Footer = Footer;
+exports.GlobalSearchResultsList = GlobalSearchResultsList2;
 exports.HeroBanner = HeroBanner2;
 exports.HeroBannerCarousel = HeroBannerCarousel;
 exports.Icon = Icon;
@@ -3973,6 +4446,7 @@ exports.Input = Input;
 exports.InternalBrandsTab = InternalBrandsTab2;
 exports.MiniBanner = MiniBanner2;
 exports.MiniSectionCta = MiniSectionCta2;
+exports.Navigation = Navigation2;
 exports.NewsCard = NewsCard;
 exports.NewsCardList = NewsCardList2;
 exports.Pagination = Pagination;
@@ -3991,5 +4465,6 @@ exports.UpcomingEventCard = UpcomingEventCard;
 exports.resolveCompoundSlots = resolveCompoundSlots;
 exports.svgs = svgs;
 exports.useIntersectionObserver = useIntersectionObserver;
+exports.useIsAtTop = useIsAtTop;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map