@digital-b2c/coreui-kit 0.15.9 → 0.16.0

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import clsx47 from 'clsx';
+import clsx48 from 'clsx';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import React70, { forwardRef, useId, useRef, useState, useCallback, useMemo, useEffect, Children, isValidElement, Fragment as Fragment$1 } from 'react';
 import gsap$1, { gsap } from 'gsap';
@@ -59,7 +59,7 @@ var Picture = (_a) => {
       __spreadValues({
         src: desktop.src,
         alt: desktop.alt,
-        className: clsx47(className, Picture_module_default["image-desktop"])
+        className: clsx48(className, Picture_module_default["image-desktop"])
       }, rest)
     ),
     /* @__PURE__ */ jsx(
@@ -67,7 +67,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: clsx47(className, Picture_module_default["image-mobile"])
+        className: clsx48(className, Picture_module_default["image-mobile"])
       }, rest)
     )
   ] });
@@ -461,7 +461,7 @@ var Button = (_a) => {
   ]);
   const isLink = !!href;
   const props = __spreadValues(__spreadValues({
-    className: clsx47(
+    className: clsx48(
       Button_module_default.button,
       variant ? Button_module_default[variant] : null,
       { [Button_module_default.fullWidth]: !!fullWidth },
@@ -693,7 +693,7 @@ var BrandsStrip = ({
     "div",
     {
       ref: containerRef,
-      className: clsx47(
+      className: clsx48(
         BrandsStrip_module_default.brandsStrip,
         BrandsStrip_module_default[variant],
         { [BrandsStrip_module_default.small]: size === "small" },
@@ -702,13 +702,13 @@ var BrandsStrip = ({
       onMouseEnter: handleMouseEnter,
       onMouseLeave: handleMouseLeave,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: clsx47(BrandsStrip_module_default.container, { [BrandsStrip_module_default.blurred]: show && logos.length > 1 }), children: [
-          title && logos.length === 1 && /* @__PURE__ */ jsx("h2", { className: clsx47("body", BrandsStrip_module_default.title), children: title }),
+        /* @__PURE__ */ jsxs("div", { className: clsx48(BrandsStrip_module_default.container, { [BrandsStrip_module_default.blurred]: show && logos.length > 1 }), children: [
+          title && logos.length === 1 && /* @__PURE__ */ jsx("h2", { className: clsx48("body", BrandsStrip_module_default.title), children: title }),
           logos.length > 0 && /* @__PURE__ */ jsx(
             "div",
             {
               ref: marqueeRef,
-              className: clsx47(BrandsStrip_module_default.logos, { [BrandsStrip_module_default.marqueeGSAP]: shouldAnimate }),
+              className: clsx48(BrandsStrip_module_default.logos, { [BrandsStrip_module_default.marqueeGSAP]: shouldAnimate }),
               children: duplicatedLogos.map((logo, index) => /* @__PURE__ */ jsx("div", { className: BrandsStrip_module_default.logoWrapper, children: /* @__PURE__ */ jsx(Picture, __spreadValues({ className: BrandsStrip_module_default.logo }, logo)) }, `${logo.alt}-${index}`))
             }
           )
@@ -755,7 +755,7 @@ var Container_module_default = {
 var Container = forwardRef(
   (_a, ref) => {
     var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
-    return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ ref, className: clsx47(Container_module_default.container, className) }, props), { children }));
+    return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ ref, className: clsx48(Container_module_default.container, className) }, props), { children }));
   }
 );
 Container.displayName = "Container";
@@ -796,14 +796,14 @@ var Card = ({
     ConditionalWrapper,
     __spreadProps(__spreadValues({
       ref,
-      className: clsx47(Card_module_default.card, Card_module_default[variant], className),
+      className: clsx48(Card_module_default.card, Card_module_default[variant], className),
       wrapper: Anchor,
       fallback: "div",
       condition: isLink
     }, href ? { href, isExternal } : {}), {
       children: [
         /* @__PURE__ */ jsxs("div", { className: Card_module_default.logoContainer, children: [
-          (logo == null ? void 0 : logo.src) ? /* @__PURE__ */ jsx(Picture, __spreadValues({ className: clsx47(Card_module_default.logo, isLink && Card_module_default.hideLogo) }, logo)) : icon && /* @__PURE__ */ jsx(Icon, { type: icon, className: clsx47(Card_module_default.logo, isLink && Card_module_default.hideLogo) }),
+          (logo == null ? void 0 : logo.src) ? /* @__PURE__ */ jsx(Picture, __spreadValues({ className: clsx48(Card_module_default.logo, isLink && Card_module_default.hideLogo) }, logo)) : icon && /* @__PURE__ */ jsx(Icon, { type: icon, className: clsx48(Card_module_default.logo, isLink && Card_module_default.hideLogo) }),
           isLink && /* @__PURE__ */ jsx(Icon, { type: "tiltedRightWhite", className: Card_module_default.logoHover })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: Card_module_default.content, children: [
@@ -838,10 +838,10 @@ var CountingCard = ({ className, title, count, image, children }) => {
     title: CountingCardTitle
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
-  return /* @__PURE__ */ jsxs("div", { className: clsx47(CountingCard_module_default["counting-card"], className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx48(CountingCard_module_default["counting-card"], className), children: [
     /* @__PURE__ */ jsxs("div", { className: CountingCard_module_default.content, children: [
       titleNode && /* @__PURE__ */ jsx("div", { className: "body", children: titleNode }),
-      count && /* @__PURE__ */ jsx("div", { className: clsx47(CountingCard_module_default.count, "h1"), children: count })
+      count && /* @__PURE__ */ jsx("div", { className: clsx48(CountingCard_module_default.count, "h1"), children: count })
     ] }),
     image && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: CountingCard_module_default.logo }, image))
   ] });
@@ -927,7 +927,7 @@ function FilterBar({
         "button",
         {
           type: "button",
-          className: clsx47(FilterBar_module_default.chip, view === "grid" && FilterBar_module_default.active),
+          className: clsx48(FilterBar_module_default.chip, view === "grid" && FilterBar_module_default.active),
           onClick: () => onViewChange("grid"),
           "aria-pressed": view === "grid",
           children: [
@@ -940,7 +940,7 @@ function FilterBar({
         "button",
         {
           type: "button",
-          className: clsx47(FilterBar_module_default.chip, view === "list" && FilterBar_module_default.active),
+          className: clsx48(FilterBar_module_default.chip, view === "list" && FilterBar_module_default.active),
           onClick: () => onViewChange("list"),
           "aria-pressed": view === "list",
           children: [
@@ -954,7 +954,7 @@ function FilterBar({
       /* @__PURE__ */ jsxs(
         "div",
         {
-          className: clsx47(
+          className: clsx48(
             FilterBar_module_default.dropdownWrapper,
             isMobile && searchState === "open" && FilterBar_module_default.filterFaded,
             isMobile && searchState === "closing" && FilterBar_module_default.filterFading
@@ -965,7 +965,7 @@ function FilterBar({
               "button",
               {
                 type: "button",
-                className: clsx47(FilterBar_module_default.chip, filterValue !== "all" && FilterBar_module_default.active),
+                className: clsx48(FilterBar_module_default.chip, filterValue !== "all" && FilterBar_module_default.active),
                 onClick: () => setOpenDropdown(openDropdown === "filter" ? null : "filter"),
                 "aria-expanded": openDropdown === "filter",
                 children: [
@@ -980,7 +980,7 @@ function FilterBar({
                 type: "button",
                 role: "option",
                 "aria-selected": filterValue === opt.value,
-                className: clsx47(
+                className: clsx48(
                   FilterBar_module_default.dropdownOption,
                   filterValue === opt.value && FilterBar_module_default.selected
                 ),
@@ -1001,7 +1001,7 @@ function FilterBar({
       /* @__PURE__ */ jsxs(
         "div",
         {
-          className: clsx47(
+          className: clsx48(
             FilterBar_module_default.dropdownWrapper,
             isMobile && searchState === "open" && FilterBar_module_default.filterFaded,
             isMobile && searchState === "closing" && FilterBar_module_default.filterFading
@@ -1027,7 +1027,7 @@ function FilterBar({
                 type: "button",
                 role: "option",
                 "aria-selected": sortValue === opt.value,
-                className: clsx47(
+                className: clsx48(
                   FilterBar_module_default.dropdownOption,
                   sortValue === opt.value && FilterBar_module_default.selected
                 ),
@@ -1045,7 +1045,7 @@ function FilterBar({
       searchState !== "closed" ? /* @__PURE__ */ jsxs(
         "div",
         {
-          className: clsx47(
+          className: clsx48(
             FilterBar_module_default.searchExpanded,
             searchState === "closing" && FilterBar_module_default.searchCollapsing
           ),
@@ -1127,9 +1127,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__ */ jsxs("div", { className: clsx47(InfoCard_module_default["info-card"], { [InfoCard_module_default.hasIcon]: !!icon }, className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx48(InfoCard_module_default["info-card"], { [InfoCard_module_default.hasIcon]: !!icon }, className), children: [
     /* @__PURE__ */ jsxs("div", { className: InfoCard_module_default.header, children: [
-      icon ? /* @__PURE__ */ jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsx("div", { className: clsx47(InfoCard_module_default.badge, "h4"), children: badge }) : null,
+      icon ? /* @__PURE__ */ jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsx("div", { className: clsx48(InfoCard_module_default.badge, "h4"), children: badge }) : null,
       titleNode && /* @__PURE__ */ jsx("div", { className: "h4", children: titleNode })
     ] }),
     subtitleNode && /* @__PURE__ */ jsx("div", { className: "body", children: subtitleNode })
@@ -1226,7 +1226,7 @@ var Pagination = ({
   const prevPage = activePage === 1 ? loop ? totalPages : 1 : activePage - 1;
   const nextPage = activePage === totalPages ? loop ? 1 : totalPages : activePage + 1;
   const pageItems = showEllipsis ? getPaginationRange(totalPages, activePage, siblingCount, boundaryCount) : Array.from({ length: totalPages }, (_, i) => i + 1);
-  return /* @__PURE__ */ jsxs("div", { className: clsx47(Pagination_module_default.pagination, className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx48(Pagination_module_default.pagination, className), children: [
     !disableArrows && (renderLink ? renderLink({
       page: prevPage,
       className: Pagination_module_default.prev,
@@ -1247,7 +1247,7 @@ var Pagination = ({
         return /* @__PURE__ */ jsx("span", { className: Pagination_module_default.dots, "aria-hidden": "true", children: "\u2026" }, `dots-${index}`);
       }
       const page = item;
-      const pageClassName = clsx47(Pagination_module_default.page, {
+      const pageClassName = clsx48(Pagination_module_default.page, {
         [Pagination_module_default.active]: activePage === page,
         [Pagination_module_default.number]: hasNumber,
         [Pagination_module_default["no-border"]]: hidePagesBorder
@@ -1299,7 +1299,7 @@ var PracticeCard_module_default = {
 };
 var PracticeCard = ({ className, title, cta, image }) => {
   const { url: href, isExternal } = cta != null ? cta : {};
-  return /* @__PURE__ */ jsx("div", { className: clsx47(PracticeCard_module_default["practice-card"], className), children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx("div", { className: clsx48(PracticeCard_module_default["practice-card"], className), children: /* @__PURE__ */ jsxs(
     ConditionalWrapper,
     __spreadProps(__spreadValues({
       className: PracticeCard_module_default.wrapper,
@@ -1310,7 +1310,7 @@ var PracticeCard = ({ className, title, cta, image }) => {
       children: [
         image && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: PracticeCard_module_default.background }, image)),
         /* @__PURE__ */ jsxs("div", { className: PracticeCard_module_default.container, children: [
-          title && /* @__PURE__ */ jsx("div", { className: clsx47(PracticeCard_module_default.title, "h3"), children: title }),
+          title && /* @__PURE__ */ jsx("div", { className: clsx48(PracticeCard_module_default.title, "h3"), children: title }),
           href && /* @__PURE__ */ jsxs("div", { className: PracticeCard_module_default.cta, children: [
             /* @__PURE__ */ jsx(Icon, { className: PracticeCard_module_default.ctaRest, type: "right" }),
             /* @__PURE__ */ jsx(Icon, { className: PracticeCard_module_default.ctaHover, type: "tiltedRight" })
@@ -1354,15 +1354,15 @@ var ResourceCardItem = ({ item, view, variant, renderLink }) => {
     "aria-disabled": isRestricted
   } : null;
   const cardLink = linkProps && isGlobalSearchVariant ? renderLink ? renderLink(__spreadProps(__spreadValues({}, linkProps), {
-    className: clsx47(ResourceCardItem_module_default.cardLink, isGlobalSearchVariant && ResourceCardItem_module_default[variant]),
+    className: clsx48(ResourceCardItem_module_default.cardLink, isGlobalSearchVariant && ResourceCardItem_module_default[variant]),
     children: null
   })) : /* @__PURE__ */ jsx(
     "a",
     __spreadProps(__spreadValues({}, linkProps), {
-      className: clsx47(ResourceCardItem_module_default.cardLink, isGlobalSearchVariant && ResourceCardItem_module_default[variant])
+      className: clsx48(ResourceCardItem_module_default.cardLink, isGlobalSearchVariant && ResourceCardItem_module_default[variant])
     })
   ) : null;
-  const linkWrapper = ({ children }) => /* @__PURE__ */ jsx("a", __spreadProps(__spreadValues({}, linkProps), { tabIndex: isGlobalSearchVariant ? -1 : 0, className: clsx47(ResourceCardItem_module_default.cardLink), children }));
+  const linkWrapper = ({ children }) => /* @__PURE__ */ jsx("a", __spreadProps(__spreadValues({}, linkProps), { tabIndex: isGlobalSearchVariant ? -1 : 0, className: clsx48(ResourceCardItem_module_default.cardLink), children }));
   function getIcon() {
     switch (item.type) {
       case "pdf":
@@ -1379,7 +1379,7 @@ var ResourceCardItem = ({ item, view, variant, renderLink }) => {
     return /* @__PURE__ */ jsxs(
       "article",
       {
-        className: clsx47(
+        className: clsx48(
           ResourceCardItem_module_default.cardGrid,
           isGlobalSearchVariant && ResourceCardItem_module_default[variant],
           isGlobalSearchVariant && isRestricted ? ResourceCardItem_module_default["restricted"] : null
@@ -1456,7 +1456,7 @@ var Sidebar = ({
     return /* @__PURE__ */ jsxs(
       "li",
       {
-        className: clsx47(Sidebar_module_default.sidebarItem, i === selectedIndex && Sidebar_module_default.active),
+        className: clsx48(Sidebar_module_default.sidebarItem, i === selectedIndex && Sidebar_module_default.active),
         role: "button",
         tabIndex: 0,
         "aria-pressed": i === selectedIndex,
@@ -1514,7 +1514,7 @@ var UpcomingEventCard = ({
   return /* @__PURE__ */ jsxs(
     "article",
     {
-      className: clsx47(
+      className: clsx48(
         "card",
         UpcomingEventCard_module_default["event-card"],
         UpcomingEventCard_module_default[direction],
@@ -1522,26 +1522,26 @@ var UpcomingEventCard = ({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs("div", { className: clsx47("card-content", UpcomingEventCard_module_default["event-card-content"]), children: [
-          showImage && image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx47("card-image", UpcomingEventCard_module_default["event-card-image"]) })),
+        /* @__PURE__ */ jsxs("div", { className: clsx48("card-content", UpcomingEventCard_module_default["event-card-content"]), children: [
+          showImage && image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx48("card-image", UpcomingEventCard_module_default["event-card-image"]) })),
           /* @__PURE__ */ jsxs(
             "div",
             {
-              className: clsx47(
+              className: clsx48(
                 "card-text-content",
                 UpcomingEventCard_module_default["event-card-text-content"],
                 (!showImage || !hasImage) && UpcomingEventCard_module_default["event-card-show-image"]
               ),
               children: [
                 /* @__PURE__ */ jsx("span", { className: UpcomingEventCard_module_default.date, children: date }),
-                title && /* @__PURE__ */ jsx("h3", { className: clsx47("card-text-title"), children: title }),
+                title && /* @__PURE__ */ jsx("h3", { className: clsx48("card-text-title"), children: title }),
                 location && /* @__PURE__ */ jsx("span", { className: UpcomingEventCard_module_default.location, children: location }),
-                description && /* @__PURE__ */ jsx("div", { className: clsx47("card-text-description", UpcomingEventCard_module_default.description), children: description }),
-                cta && cta.url && /* @__PURE__ */ jsx("div", { className: clsx47("card-cta-wrapper", UpcomingEventCard_module_default["event-card-cta-wrapper"]), children: /* @__PURE__ */ jsx(
+                description && /* @__PURE__ */ jsx("div", { className: clsx48("card-text-description", UpcomingEventCard_module_default.description), children: description }),
+                cta && cta.url && /* @__PURE__ */ jsx("div", { className: clsx48("card-cta-wrapper", UpcomingEventCard_module_default["event-card-cta-wrapper"]), children: /* @__PURE__ */ jsx(
                   Button,
                   {
                     variant: "secondary",
-                    className: clsx47(
+                    className: clsx48(
                       "card-cta",
                       UpcomingEventCard_module_default["event-card-cta"],
                       !hasCTAandImage && UpcomingEventCard_module_default.hidden
@@ -1560,12 +1560,12 @@ var UpcomingEventCard = ({
         cta && cta.url && /* @__PURE__ */ jsx(
           "div",
           {
-            className: clsx47("card-footer", UpcomingEventCard_module_default["event-card-footer"], hasImage && UpcomingEventCard_module_default.hidden),
+            className: clsx48("card-footer", UpcomingEventCard_module_default["event-card-footer"], hasImage && UpcomingEventCard_module_default.hidden),
             children: /* @__PURE__ */ jsx(
               Button,
               {
                 variant: "secondary",
-                className: clsx47("card-cta", UpcomingEventCard_module_default["event-card-cta"]),
+                className: clsx48("card-cta", UpcomingEventCard_module_default["event-card-cta"]),
                 fullWidth: isBelowMobile,
                 href: cta.url,
                 icon: cta.icon,
@@ -1613,7 +1613,7 @@ var Badge = forwardRef(
       "live",
       "clickable"
     ]);
-    const classes = clsx47(
+    const classes = clsx48(
       Badge_module_default.badge,
       Badge_module_default[variant],
       Badge_module_default[size],
@@ -1624,7 +1624,7 @@ var Badge = forwardRef(
       className
     );
     const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-      icon && /* @__PURE__ */ jsx(Icon, __spreadValues({ className: clsx47("badge-icon", Badge_module_default["badge-icon"]) }, icon)),
+      icon && /* @__PURE__ */ jsx(Icon, __spreadValues({ className: clsx48("badge-icon", Badge_module_default["badge-icon"]) }, icon)),
       !iconOnly && /* @__PURE__ */ jsx("span", { className: Badge_module_default.label, children })
     ] });
     if (clickable) {
@@ -1705,7 +1705,7 @@ var Input = forwardRef(
     return /* @__PURE__ */ jsxs(
       "div",
       {
-        className: clsx47(
+        className: clsx48(
           "input-field",
           Input_module_default["input-field"],
           {
@@ -1719,17 +1719,17 @@ var Input = forwardRef(
             "label",
             {
               htmlFor: inputId,
-              className: clsx47("input-label", Input_module_default.label, {
+              className: clsx48("input-label", Input_module_default.label, {
                 ["sr-only"]: hideLabel
               }),
               children: [
                 label,
-                required && /* @__PURE__ */ jsx("span", { className: clsx47("input-required", Input_module_default.required), "aria-hidden": "true", children: "*" })
+                required && /* @__PURE__ */ jsx("span", { className: clsx48("input-required", Input_module_default.required), "aria-hidden": "true", children: "*" })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs("div", { className: clsx47("input-wrapper", Input_module_default.wrapper), children: [
-            startAdornment && /* @__PURE__ */ jsx("span", { className: clsx47("input-adornment", Input_module_default.adornment), "aria-hidden": "true", children: startAdornment }),
+          /* @__PURE__ */ jsxs("div", { className: clsx48("input-wrapper", Input_module_default.wrapper), children: [
+            startAdornment && /* @__PURE__ */ jsx("span", { className: clsx48("input-adornment", Input_module_default.adornment), "aria-hidden": "true", children: startAdornment }),
             /* @__PURE__ */ jsx(
               "input",
               __spreadValues({
@@ -1740,7 +1740,7 @@ var Input = forwardRef(
                 disabled,
                 "aria-invalid": !!error,
                 "aria-describedby": describedBy || void 0,
-                className: clsx47(
+                className: clsx48(
                   "input",
                   Input_module_default.input,
                   {
@@ -1751,11 +1751,11 @@ var Input = forwardRef(
                 )
               }, props)
             ),
-            endAdornment && /* @__PURE__ */ jsx("span", { className: clsx47("input-adornment", Input_module_default.adornment), "aria-hidden": "true", children: endAdornment }),
-            endAction && /* @__PURE__ */ jsx("span", { className: clsx47("input-end-action"), children: endAction })
+            endAdornment && /* @__PURE__ */ jsx("span", { className: clsx48("input-adornment", Input_module_default.adornment), "aria-hidden": "true", children: endAdornment }),
+            endAction && /* @__PURE__ */ jsx("span", { className: clsx48("input-end-action"), children: endAction })
           ] }),
-          helperText && !error && /* @__PURE__ */ jsx("p", { id: helperTextId, className: clsx47("input-helper-text", Input_module_default["helper-text"]), children: helperText }),
-          error && /* @__PURE__ */ jsx("p", { id: errorId, className: clsx47("input-error", Input_module_default.error), role: "alert", children: error })
+          helperText && !error && /* @__PURE__ */ jsx("p", { id: helperTextId, className: clsx48("input-helper-text", Input_module_default["helper-text"]), children: helperText }),
+          error && /* @__PURE__ */ jsx("p", { id: errorId, className: clsx48("input-error", Input_module_default.error), role: "alert", children: error })
         ]
       }
     );
@@ -1795,14 +1795,14 @@ var NewsCard = ({
     href: cta.url,
     target: cta.isExternal ? "_blank" : void 0,
     rel: cta.isExternal ? "noopener noreferrer" : void 0,
-    className: clsx47("news-card-link", NewsCard_module_default["news-card-link"]),
+    className: clsx48("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__ */ jsx("a", __spreadValues({}, linkProps)) : null;
   return /* @__PURE__ */ jsxs(
     "article",
     {
-      className: clsx47(
+      className: clsx48(
         "news-card",
         NewsCard_module_default["news-card"],
         NewsCard_module_default[`news-card--${direction}`],
@@ -1810,28 +1810,28 @@ var NewsCard = ({
       ),
       children: [
         cardLink,
-        image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx47("news-card-image", NewsCard_module_default["news-card-image"]) })),
+        image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx48("news-card-image", NewsCard_module_default["news-card-image"]) })),
         /* @__PURE__ */ jsxs(
           "div",
           {
-            className: clsx47("news-card-content", NewsCard_module_default["news-card-content"]),
+            className: clsx48("news-card-content", NewsCard_module_default["news-card-content"]),
             style: {
               "--no-image-padding": image && image.src ? 0 : "1rem"
             },
             children: [
-              /* @__PURE__ */ jsxs("div", { className: clsx47("news-card-top-content", NewsCard_module_default["news-card-top-content"]), children: [
-                /* @__PURE__ */ jsx(Badge, { className: clsx47("news-card-badge", NewsCard_module_default["news-card-badge"]), children: tag }),
-                /* @__PURE__ */ jsx("time", { dateTime: date.value, className: clsx47("news-card-date", NewsCard_module_default["news-card-date"]), children: date.label })
+              /* @__PURE__ */ jsxs("div", { className: clsx48("news-card-top-content", NewsCard_module_default["news-card-top-content"]), children: [
+                /* @__PURE__ */ jsx(Badge, { className: clsx48("news-card-badge", NewsCard_module_default["news-card-badge"]), children: tag }),
+                /* @__PURE__ */ jsx("time", { dateTime: date.value, className: clsx48("news-card-date", NewsCard_module_default["news-card-date"]), children: date.label })
               ] }),
-              /* @__PURE__ */ jsxs("div", { className: clsx47("news-card-main-content", NewsCard_module_default["news-card-main-content"]), children: [
-                /* @__PURE__ */ jsx("h3", { className: clsx47("news-card-title", NewsCard_module_default["news-card-title"]), children: title }),
-                typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: clsx47("news-card-description", NewsCard_module_default["news-card-description"]), children: description }) : description
+              /* @__PURE__ */ jsxs("div", { className: clsx48("news-card-main-content", NewsCard_module_default["news-card-main-content"]), children: [
+                /* @__PURE__ */ jsx("h3", { className: clsx48("news-card-title", NewsCard_module_default["news-card-title"]), children: title }),
+                typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: clsx48("news-card-description", NewsCard_module_default["news-card-description"]), children: description }) : description
               ] }),
-              cta && cta.url && /* @__PURE__ */ jsx("div", { className: clsx47("news-card-cta-wrapper", NewsCard_module_default["news-card-cta-wrapper"]), children: /* @__PURE__ */ jsx(
+              cta && cta.url && /* @__PURE__ */ jsx("div", { className: clsx48("news-card-cta-wrapper", NewsCard_module_default["news-card-cta-wrapper"]), children: /* @__PURE__ */ jsx(
                 Button,
                 {
                   variant: "secondary",
-                  className: clsx47("news-card-cta", NewsCard_module_default["news-card-cta"]),
+                  className: clsx48("news-card-cta", NewsCard_module_default["news-card-cta"]),
                   href: cta.url,
                   icon: cta.icon,
                   isExternal: cta == null ? void 0 : cta.isExternal,
@@ -1862,7 +1862,7 @@ var BlogPostContent = ({ className, body, children }) => {
     body: BlogPostContentBody
   });
   const bodyNode = (_a = slots.body) != null ? _a : body;
-  return /* @__PURE__ */ jsx("div", { className: clsx47("blog-post-content", BlogPostContent_module_default["blog-post-content"], className), children: bodyNode });
+  return /* @__PURE__ */ jsx("div", { className: clsx48("blog-post-content", BlogPostContent_module_default["blog-post-content"], className), children: bodyNode });
 };
 
 // src/components/BlogPostContent/index.ts
@@ -1913,7 +1913,7 @@ var Search = ({
     }
   };
   if (!isOpen) {
-    return /* @__PURE__ */ jsx("div", { className: clsx47(Search_module_default.search, className), children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx("div", { className: clsx48(Search_module_default.search, className), children: /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
@@ -1925,10 +1925,10 @@ var Search = ({
       }
     ) });
   }
-  return /* @__PURE__ */ jsx("div", { className: clsx47(Search_module_default.search, className), children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx("div", { className: clsx48(Search_module_default.search, className), children: /* @__PURE__ */ jsxs(
     "div",
     {
-      className: clsx47(
+      className: clsx48(
         Search_module_default.searchField,
         isPill ? Search_module_default.searchFieldPill : Search_module_default.searchFieldLine
       ),
@@ -1986,14 +1986,15 @@ var UserMenu_module_default = {
   userButton: "UserMenu_module_userButton",
   userMenuWrapper: "UserMenu_module_userMenuWrapper",
   fullWidth: "UserMenu_module_fullWidth",
+  userInner: "UserMenu_module_userInner",
   userChevron: "UserMenu_module_userChevron",
   userChevronOpen: "UserMenu_module_userChevronOpen",
+  userChevronUp: "UserMenu_module_userChevronUp",
   userMenu: "UserMenu_module_userMenu",
   userMenuUp: "UserMenu_module_userMenuUp",
   userMenuItem: "UserMenu_module_userMenuItem",
   userMenuItemDanger: "UserMenu_module_userMenuItemDanger",
   userAvatar: "UserMenu_module_userAvatar",
-  userInner: "UserMenu_module_userInner",
   userLabel: "UserMenu_module_userLabel"
 };
 var UserMenu = ({ user, className, dropUp, fullWidth }) => {
@@ -2010,6 +2011,12 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
     if (closeTimer.current) clearTimeout(closeTimer.current);
     closeTimer.current = setTimeout(() => setIsOpen(false), 120);
   };
+  const handlePointerEnter = (e) => {
+    if (e.pointerType === "mouse") openMenu();
+  };
+  const handlePointerLeave = (e) => {
+    if (e.pointerType === "mouse") scheduleClose();
+  };
   const handleBlur = (e) => {
     var _a2;
     if (!((_a2 = wrapperRef.current) == null ? void 0 : _a2.contains(e.relatedTarget))) {
@@ -2047,7 +2054,7 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
         /* @__PURE__ */ jsx(Icon, { type: "downChevronBlack", size: 13, "aria-hidden": "true" })
       ] })
     ] });
-    const rootClass = clsx47(UserMenu_module_default.userButton, fullWidth && UserMenu_module_default.fullWidth, className);
+    const rootClass = clsx48(UserMenu_module_default.userButton, fullWidth && UserMenu_module_default.fullWidth, className);
     return user.url ? /* @__PURE__ */ jsx(
       "a",
       {
@@ -2062,27 +2069,36 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: clsx47(UserMenu_module_default.userMenuWrapper, fullWidth && UserMenu_module_default.fullWidth, className),
+      className: clsx48(UserMenu_module_default.userMenuWrapper, fullWidth && UserMenu_module_default.fullWidth, className),
       ref: wrapperRef,
-      onMouseLeave: scheduleClose,
+      onPointerLeave: handlePointerLeave,
       onBlur: handleBlur,
       children: [
         /* @__PURE__ */ jsxs(
           Button,
           {
-            variant: "grey",
+            variant: "secondary",
             type: "button",
             className: UserMenu_module_default.userButton,
             "aria-haspopup": "menu",
             "aria-expanded": isOpen,
-            onMouseEnter: openMenu,
-            onFocus: openMenu,
+            onPointerEnter: handlePointerEnter,
             onClick: () => setIsOpen((prev) => !prev),
             children: [
               avatar,
               /* @__PURE__ */ jsxs("span", { className: UserMenu_module_default.userInner, children: [
                 /* @__PURE__ */ jsx("span", { className: UserMenu_module_default.userLabel, children: user.label }),
-                /* @__PURE__ */ jsx("span", { className: clsx47(UserMenu_module_default.userChevron, isOpen && UserMenu_module_default.userChevronOpen), children: /* @__PURE__ */ jsx(Icon, { type: "downChevronBlack", size: 13, "aria-hidden": "true" }) })
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: clsx48(
+                      UserMenu_module_default.userChevron,
+                      dropUp && UserMenu_module_default.userChevronUp,
+                      isOpen && UserMenu_module_default.userChevronOpen
+                    ),
+                    children: /* @__PURE__ */ jsx(Icon, { type: "downChevronBlack", size: 13, "aria-hidden": "true" })
+                  }
+                )
               ] })
             ]
           }
@@ -2090,12 +2106,12 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
         isOpen && /* @__PURE__ */ jsx(
           "div",
           {
-            className: clsx47(UserMenu_module_default.userMenu, dropUp && UserMenu_module_default.userMenuUp),
+            className: clsx48(UserMenu_module_default.userMenu, dropUp && UserMenu_module_default.userMenuUp),
             role: "menu",
-            onMouseEnter: openMenu,
-            onMouseLeave: scheduleClose,
+            onPointerEnter: handlePointerEnter,
+            onPointerLeave: handlePointerLeave,
             children: (_c = user.menuItems) == null ? void 0 : _c.map((item, i) => {
-              const itemClass = clsx47(
+              const itemClass = clsx48(
                 UserMenu_module_default.userMenuItem,
                 item.variant === "danger" && UserMenu_module_default.userMenuItemDanger
               );
@@ -2134,6 +2150,14 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
     }
   );
 };
+
+// src/components/Loader/Loader.module.scss
+var Loader_module_default = {
+  loader: "Loader_module_loader"};
+var Loader = ({ className }) => {
+  return /* @__PURE__ */ jsx("div", { className: clsx48("loader", Loader_module_default["loader"], className) });
+};
+Loader.displayName = "Loader";
 var CardCollectionTitle = ({ children }) => {
   return /* @__PURE__ */ jsx(Fragment, { children });
 };
@@ -2213,13 +2237,13 @@ var CardCollection = ({
     Container,
     {
       ref: container,
-      className: clsx47(CardCollection_module_default["card-collection"], CardCollection_module_default[variant], className),
+      className: clsx48(CardCollection_module_default["card-collection"], CardCollection_module_default[variant], className),
       children: [
         /* @__PURE__ */ jsxs("div", { className: CardCollection_module_default.content, children: [
           titleNode && /* @__PURE__ */ jsx("h2", { children: titleNode }),
           subtitleNode && /* @__PURE__ */ jsx("div", { className: "subheading", children: subtitleNode })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: CardCollection_module_default.wrapper, children: /* @__PURE__ */ jsxs("div", { className: clsx47(CardCollection_module_default.cardWrapper, { [CardCollection_module_default["is-expanded"]]: isExpanded }), children: [
+        /* @__PURE__ */ jsx("div", { className: CardCollection_module_default.wrapper, children: /* @__PURE__ */ jsxs("div", { className: clsx48(CardCollection_module_default.cardWrapper, { [CardCollection_module_default["is-expanded"]]: isExpanded }), children: [
           visibleCards.map((card, key) => /* @__PURE__ */ jsx(Card2, __spreadValues({ className: CardCollection_module_default.card, variant: theme }, card), key)),
           isExamCard && hiddenCards.length > 0 && /* @__PURE__ */ jsx("div", { ref: revealWrapper, className: CardCollection_module_default["reveal-wrapper"], children: /* @__PURE__ */ jsx("div", { className: CardCollection_module_default["reveal-inner"], children: hiddenCards.map((card, key) => /* @__PURE__ */ jsx(
             Card2,
@@ -2320,7 +2344,7 @@ var ContactModule = ({
     },
     { scope: containerRef, dependencies: [blurred, animateBlur] }
   );
-  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: clsx47(ContactModule_module_default["contact-module"], className), children: [
+  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: clsx48(ContactModule_module_default["contact-module"], className), children: [
     blurred && /* @__PURE__ */ jsx(
       "div",
       {
@@ -2335,8 +2359,8 @@ var ContactModule = ({
     /* @__PURE__ */ jsxs(Container, { className: ContactModule_module_default.container, children: [
       /* @__PURE__ */ jsxs("div", { className: ContactModule_module_default.wrapper, children: [
         /* @__PURE__ */ jsxs("div", { className: ContactModule_module_default.content, children: [
-          titleNode && /* @__PURE__ */ jsx("div", { className: clsx47(ContactModule_module_default.title, "h1"), children: titleNode }),
-          subtitleNode && /* @__PURE__ */ jsx("div", { className: clsx47(ContactModule_module_default.subtitle, "subheading"), children: subtitleNode })
+          titleNode && /* @__PURE__ */ jsx("div", { className: clsx48(ContactModule_module_default.title, "h1"), children: titleNode }),
+          subtitleNode && /* @__PURE__ */ jsx("div", { className: clsx48(ContactModule_module_default.subtitle, "subheading"), children: subtitleNode })
         ] }),
         /* @__PURE__ */ jsx("div", { className: ContactModule_module_default["cta-wrapper"], children: ctas == null ? void 0 : ctas.map((cta, key) => /* @__PURE__ */ jsx(
           Button,
@@ -2405,7 +2429,7 @@ var Footer = ({
     disclaimer: FooterDisclaimer
   });
   const titleNode = (_a = slots.disclaimer) != null ? _a : disclaimer;
-  return /* @__PURE__ */ jsx("footer", { className: clsx47(Footer_module_default.footer, className), children: /* @__PURE__ */ jsxs(Container, { className: Footer_module_default.container, children: [
+  return /* @__PURE__ */ jsx("footer", { className: clsx48(Footer_module_default.footer, className), children: /* @__PURE__ */ jsxs(Container, { className: Footer_module_default.container, children: [
     supportContacts.length > 0 && /* @__PURE__ */ jsxs("div", { className: Footer_module_default["support-section"], children: [
       /* @__PURE__ */ jsx("p", { className: Footer_module_default["support-heading"], children: "SUPPORT" }),
       /* @__PURE__ */ jsx("div", { className: Footer_module_default.support, children: supportColumns.map((column, colIdx) => /* @__PURE__ */ jsx("div", { className: Footer_module_default["support-column"], children: column.map((group, i) => /* @__PURE__ */ jsxs("div", { className: Footer_module_default["support-group"], children: [
@@ -2434,7 +2458,7 @@ var Footer = ({
             index
           ) : /* @__PURE__ */ jsx("div", { className: Footer_module_default["supporter-link-primary"], children: /* @__PURE__ */ jsx(Picture, __spreadValues({}, supporter.image)) }, index)
         ) }) }),
-        titleNode && /* @__PURE__ */ jsx("div", { className: clsx47(Footer_module_default.disclaimer, "p"), children: titleNode }),
+        titleNode && /* @__PURE__ */ jsx("div", { className: clsx48(Footer_module_default.disclaimer, "p"), children: titleNode }),
         copyright && /* @__PURE__ */ jsx("p", { className: Footer_module_default.copyright, children: copyright })
       ] }),
       navigationLinks.length > 0 && /* @__PURE__ */ jsx("nav", { className: Footer_module_default["bottom-right"], children: /* @__PURE__ */ jsx("ul", { className: Footer_module_default["nav-list"], children: navigationLinks.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
@@ -2460,7 +2484,7 @@ var LogoBar_module_default = {
 };
 var LogoBar = ({ className, items }) => {
   if (!items || items.length === 0) return null;
-  return /* @__PURE__ */ jsx("div", { className: clsx47(LogoBar_module_default.logoBar, className), children: items.map((item, key) => {
+  return /* @__PURE__ */ jsx("div", { className: clsx48(LogoBar_module_default.logoBar, className), children: items.map((item, key) => {
     return /* @__PURE__ */ jsx(Anchor, { href: item.url, isExternal: item.isExternal, children: /* @__PURE__ */ jsxs("div", { className: LogoBar_module_default.logoWrapper, children: [
       item.logo && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: LogoBar_module_default.logo }, item.logo)),
       item.hoverLogo && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: LogoBar_module_default.logoHover }, item.hoverLogo))
@@ -2494,6 +2518,8 @@ var HeroBanner_module_default = {
   backgroundImage: "HeroBanner_module_backgroundImage",
   scrollDown: "HeroBanner_module_scrollDown",
   arrow: "HeroBanner_module_arrow",
+  internal: "HeroBanner_module_internal",
+  external: "HeroBanner_module_external",
   mainHeroBanner: "HeroBanner_module_mainHeroBanner",
   bannerPodcast: "HeroBanner_module_bannerPodcast",
   logoWrapper: "HeroBanner_module_logoWrapper",
@@ -2512,6 +2538,7 @@ var HeroBanner = ({
   ctaLogo,
   brands,
   promoteToH1,
+  type = "external",
   children
 }) => {
   var _a, _b;
@@ -2532,7 +2559,7 @@ var HeroBanner = ({
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
-  return /* @__PURE__ */ jsxs("div", { className: clsx47(HeroBanner_module_default.heroBanner, HeroBanner_module_default[variant], className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx48(HeroBanner_module_default.heroBanner, HeroBanner_module_default[variant], HeroBanner_module_default[type], className), children: [
     /* @__PURE__ */ jsxs("div", { className: HeroBanner_module_default.container, children: [
       /* @__PURE__ */ jsxs("div", { className: HeroBanner_module_default.banner, children: [
         (titleNode || subtitleNode) && /* @__PURE__ */ jsxs("div", { className: HeroBanner_module_default.text, children: [
@@ -2542,7 +2569,7 @@ var HeroBanner = ({
             {
               tag: "h2",
               promoteToH1,
-              className: clsx47(HeroBanner_module_default.title, vBannerPodcast ? "h3" : "h1"),
+              className: clsx48(HeroBanner_module_default.title, vBannerPodcast ? "h3" : "h1"),
               children: titleNode
             }
           ),
@@ -2551,7 +2578,7 @@ var HeroBanner = ({
             {
               tag: "div",
               promoteToH1: promoteToH1 && !titleNode,
-              className: clsx47(HeroBanner_module_default.subtitle, "subheading"),
+              className: clsx48(HeroBanner_module_default.subtitle, "subheading"),
               children: subtitleNode
             }
           )
@@ -2628,7 +2655,7 @@ var HeroBannerCarousel = ({
   const [swiperInstance, setSwiperInstance] = useState(null);
   const [activeIndex, setActiveIndex] = useState(0);
   if (!items.length) return null;
-  return /* @__PURE__ */ jsx("div", { className: clsx47(HeroBannerCarousel_module_default.heroBannerCarousel, className), children: /* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.inner, children: [
+  return /* @__PURE__ */ jsx("div", { className: clsx48(HeroBannerCarousel_module_default.heroBannerCarousel, className), children: /* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.inner, children: [
     /* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.swiperContainer, children: /* @__PURE__ */ jsx(
       Swiper,
       {
@@ -2675,7 +2702,7 @@ var HeroBannerCarousel = ({
       /* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.pagination, children: items.map((_, index) => /* @__PURE__ */ jsx(
         "button",
         {
-          className: clsx47(HeroBannerCarousel_module_default.dot, index === activeIndex && HeroBannerCarousel_module_default.dotActive),
+          className: clsx48(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}`
         },
@@ -2755,7 +2782,7 @@ var AccordionItem = ({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: clsx47(
+      className: clsx48(
         Accordion_module_default.accordionItem,
         {
           [Accordion_module_default.accordionItemOpen]: isOpen
@@ -2766,18 +2793,18 @@ var AccordionItem = ({
         /* @__PURE__ */ jsxs(
           "button",
           {
-            className: clsx47(Accordion_module_default.accordionHeader, {
+            className: clsx48(Accordion_module_default.accordionHeader, {
               [Accordion_module_default.accordionHeaderOpen]: isOpen
             }),
             onClick: handleToggle,
             "aria-expanded": isOpen,
             "aria-label": `Toggle ${title}`,
             children: [
-              /* @__PURE__ */ jsx("div", { className: Accordion_module_default.accordionHeaderLeft, children: /* @__PURE__ */ jsx("span", { className: clsx47("body", Accordion_module_default.accordionTitle), children: title }) }),
+              /* @__PURE__ */ jsx("div", { className: Accordion_module_default.accordionHeaderLeft, children: /* @__PURE__ */ jsx("span", { className: clsx48("body", Accordion_module_default.accordionTitle), children: title }) }),
               /* @__PURE__ */ jsx(
                 "span",
                 {
-                  className: clsx47(Accordion_module_default.accordionChevron, {
+                  className: clsx48(Accordion_module_default.accordionChevron, {
                     [Accordion_module_default.accordionChevronOpen]: isOpen
                   }),
                   children: isOpen ? /* @__PURE__ */ jsx(Icon, { type: "filledChevronUpBlack", size: 40 }) : /* @__PURE__ */ jsx(Icon, { type: "circleChevronDown", size: 40 })
@@ -2829,7 +2856,7 @@ var Accordion = ({
   if (items.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsx("div", { className: clsx47(Accordion_module_default.accordion, className), children: items.map((item) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { className: clsx48(Accordion_module_default.accordion, className), children: items.map((item) => /* @__PURE__ */ jsx(
     AccordionItem,
     {
       id: item.id,
@@ -2919,7 +2946,7 @@ var InternalBrandsTab = (props) => {
       };
     })) || [];
   }, [tabs]);
-  return /* @__PURE__ */ jsxs(Container, { className: clsx47(InternalBrandsTab_module_default.internalBrandsTab, className), children: [
+  return /* @__PURE__ */ jsxs(Container, { className: clsx48(InternalBrandsTab_module_default.internalBrandsTab, className), children: [
     /* @__PURE__ */ jsxs("div", { className: InternalBrandsTab_module_default.textsContainer, children: [
       title && /* @__PURE__ */ jsx(Text, { tag: "h2", className: InternalBrandsTab_module_default.title, children: title }),
       subTitle && /* @__PURE__ */ jsx("div", { className: InternalBrandsTab_module_default.subTitle, children: subTitle })
@@ -2935,7 +2962,7 @@ var InternalBrandsTab = (props) => {
         },
         index
       )) }),
-      /* @__PURE__ */ jsx("div", { className: clsx47(InternalBrandsTab_module_default.contentArea), children: ((_a = tabs == null ? void 0 : tabs[activeIndex]) == null ? void 0 : _a.topContent) && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: clsx48(InternalBrandsTab_module_default.contentArea), children: ((_a = tabs == null ? void 0 : tabs[activeIndex]) == null ? void 0 : _a.topContent) && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsxs("div", { className: InternalBrandsTab_module_default.topContent, children: [
           /* @__PURE__ */ jsxs("div", { children: [
             ((_b = tabs[activeIndex].topContent) == null ? void 0 : _b.title) && /* @__PURE__ */ jsx("p", { className: InternalBrandsTab_module_default.topContentTitle, children: (_c = tabs[activeIndex].topContent) == null ? void 0 : _c.title }),
@@ -3033,22 +3060,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__ */ jsxs("div", { className: clsx47(MiniBanner_module_default.minibanner, MiniBanner_module_default[variant], className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx48(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__ */ jsx(Picture, __spreadValues({ className: MiniBanner_module_default.background }, background)),
-    /* @__PURE__ */ jsx(Container, { className: clsx47(MiniBanner_module_default.container), children: /* @__PURE__ */ jsxs("div", { className: MiniBanner_module_default.wrapper, children: [
+    /* @__PURE__ */ jsx(Container, { className: clsx48(MiniBanner_module_default.container), children: /* @__PURE__ */ jsxs("div", { className: MiniBanner_module_default.wrapper, children: [
       /* @__PURE__ */ jsxs("div", { className: MiniBanner_module_default.textContainer, children: [
         (logo == null ? void 0 : logo.src) && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: MiniBanner_module_default.logo }, logo)),
-        pretitleNode && /* @__PURE__ */ jsx("div", { className: clsx47(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
+        pretitleNode && /* @__PURE__ */ jsx("div", { className: clsx48(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
         /* @__PURE__ */ jsxs("div", { className: MiniBanner_module_default.headingWrapper, children: [
           goBackNode ? React70.cloneElement(goBackNode, {
-            className: clsx47("back-button", MiniBanner_module_default["back-button"])
+            className: clsx48("back-button", MiniBanner_module_default["back-button"])
           }) : null,
-          titleNode && /* @__PURE__ */ jsx("div", { className: clsx47(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode })
+          titleNode && /* @__PURE__ */ jsx("div", { className: clsx48(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode })
         ] }),
         subtitleNode && /* @__PURE__ */ jsx(
           "div",
           {
-            className: clsx47(MiniBanner_module_default.title, {
+            className: clsx48(MiniBanner_module_default.title, {
               subheading: isMiniBannerNoBG,
               h1: !isMiniBannerNoBG && !isMiniBannerTextLeft,
               h4: isMiniBannerTextLeft
@@ -3121,14 +3148,14 @@ var MiniSectionCta = ({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: clsx47(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], theme && MiniSectionCta_module_default[theme], className),
+      className: clsx48(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], theme && MiniSectionCta_module_default[theme], className),
       children: /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsxs("div", { className: MiniSectionCta_module_default.wrapper, children: [
         /* @__PURE__ */ jsxs("div", { className: MiniSectionCta_module_default.col, children: [
           titleNode && /* @__PURE__ */ jsx("h2", { className: variant === "BgColorBlack" || variant === "BgColorGrey" ? "h3" : "h2", children: titleNode }),
           subtitleNode && /* @__PURE__ */ jsx(
             "div",
             {
-              className: clsx47(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
+              className: clsx48(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
               children: subtitleNode
             }
           )
@@ -3190,6 +3217,7 @@ var Navigation_module_default = {
   mobileSubItems: "Navigation_module_mobileSubItems",
   mobileSubItemsOpen: "Navigation_module_mobileSubItemsOpen",
   mobileSubItemsInner: "Navigation_module_mobileSubItemsInner",
+  mobileSubLinkActive: "Navigation_module_mobileSubLinkActive",
   mobileMenuCtas: "Navigation_module_mobileMenuCtas",
   Navigation: "Navigation_module_Navigation",
   mainBar: "Navigation_module_mainBar",
@@ -3210,6 +3238,7 @@ var Navigation_module_default = {
   dropdownLinks: "Navigation_module_dropdownLinks",
   dropdownLinkItem: "Navigation_module_dropdownLinkItem",
   dropdownLink: "Navigation_module_dropdownLink",
+  dropdownLinkActive: "Navigation_module_dropdownLinkActive",
   dropdownDivider: "Navigation_module_dropdownDivider",
   dropdownInfo: "Navigation_module_dropdownInfo",
   dropdownDescription: "Navigation_module_dropdownDescription",
@@ -3224,8 +3253,8 @@ var Navigation_module_default = {
   internalMobileMenu: "Navigation_module_internalMobileMenu",
   internalMobileMenuOpen: "Navigation_module_internalMobileMenuOpen",
   mobileHeader: "Navigation_module_mobileHeader",
-  mobileClose: "Navigation_module_mobileClose",
   mobileBrandBars: "Navigation_module_mobileBrandBars",
+  mobileClose: "Navigation_module_mobileClose",
   mobileItems: "Navigation_module_mobileItems",
   internalMobileItem: "Navigation_module_internalMobileItem",
   internalMobileItemLink: "Navigation_module_internalMobileItemLink",
@@ -3236,6 +3265,7 @@ var Navigation_module_default = {
   internalMobileSubItemsOpen: "Navigation_module_internalMobileSubItemsOpen",
   internalMobileSubItemsInner: "Navigation_module_internalMobileSubItemsInner",
   internalMobileSubLink: "Navigation_module_internalMobileSubLink",
+  internalMobileSubLinkActive: "Navigation_module_internalMobileSubLinkActive",
   mobileFooter: "Navigation_module_mobileFooter"
 };
 var NavigationLogo = ({
@@ -3278,12 +3308,12 @@ var NavigationBrandBars = ({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: clsx47(Navigation_module_default.brandBars, isUnfolded && Navigation_module_default.brandBarsUnfolded, className),
+      className: clsx48(Navigation_module_default.brandBars, isUnfolded && Navigation_module_default.brandBarsUnfolded, className),
       "aria-hidden": "true",
       children: BRANDS.map((brand) => {
         var _a;
         const logo = brandLogos == null ? void 0 : brandLogos[brand.key];
-        return /* @__PURE__ */ jsx("span", { className: clsx47(Navigation_module_default.brandBar, brand.className), children: logo && /* @__PURE__ */ jsx("img", { className: Navigation_module_default.brandLogo, src: logo.src, alt: (_a = logo.alt) != null ? _a : brand.label }) }, brand.key);
+        return /* @__PURE__ */ jsx("span", { className: clsx48(Navigation_module_default.brandBar, brand.className), children: logo && /* @__PURE__ */ jsx("img", { className: Navigation_module_default.brandLogo, src: logo.src, alt: (_a = logo.alt) != null ? _a : brand.label }) }, brand.key);
       })
     }
   );
@@ -3344,7 +3374,7 @@ var NavigationDesktop = ({
         "a",
         {
           href: (_b = item.cta) == null ? void 0 : _b.url,
-          className: clsx47(Navigation_module_default.navTabLink, isCurrent2 && Navigation_module_default.navTabActive),
+          className: clsx48(Navigation_module_default.navTabLink, isCurrent2 && Navigation_module_default.navTabActive),
           "aria-current": isCurrent2 ? "page" : void 0,
           target: ((_c = item.cta) == null ? void 0 : _c.isExternal) ? "_blank" : void 0,
           rel: ((_d = item.cta) == null ? void 0 : _d.isExternal) ? "noopener noreferrer" : void 0,
@@ -3363,7 +3393,7 @@ var NavigationDesktop = ({
       {
         type: "button",
         id: `${baseId}-trigger-${index}`,
-        className: clsx47(
+        className: clsx48(
           Navigation_module_default.navTabLink,
           Navigation_module_default.navTabTrigger,
           (isCurrent || isOpen) && Navigation_module_default.navTabActive,
@@ -3423,7 +3453,7 @@ var NavigationDropdown = ({
     "div",
     {
       id: panelId,
-      className: clsx47(Navigation_module_default.dropdownPanel, Navigation_module_default.dropdownPanelOpen),
+      className: clsx48(Navigation_module_default.dropdownPanel, Navigation_module_default.dropdownPanelOpen),
       onMouseEnter,
       onMouseLeave,
       children: /* @__PURE__ */ jsxs("div", { className: Navigation_module_default.dropdownInner, children: [
@@ -3432,14 +3462,14 @@ var NavigationDropdown = ({
           return /* @__PURE__ */ jsx(
             "li",
             {
-              className: clsx47(Navigation_module_default.dropdownLinkItem, {
+              className: clsx48(Navigation_module_default.dropdownLinkItem, {
                 [Navigation_module_default.dropdownLinkSpacer]: sub.variant === "subMenuSpacer"
               }),
               children: /* @__PURE__ */ jsx(
                 "a",
                 {
                   href: (_a = sub.cta) == null ? void 0 : _a.url,
-                  className: Navigation_module_default.dropdownLink,
+                  className: clsx48(Navigation_module_default.dropdownLink, sub.isActive && Navigation_module_default.dropdownLinkActive),
                   target: ((_b = sub.cta) == null ? void 0 : _b.isExternal) ? "_blank" : void 0,
                   rel: ((_c = sub.cta) == null ? void 0 : _c.isExternal) ? "noopener noreferrer" : void 0,
                   onKeyDown: (e) => handleLinkKeyDown(e, i === 0, i === links.length - 1),
@@ -3469,25 +3499,26 @@ var NavigationMobile = ({
   searchPlaceholder,
   searchCta,
   onSearch,
+  brandLogos,
   isOpen,
   onClose,
   isExternal = false,
   loginCta,
   rightButton
 }) => {
-  const [expanded, setExpanded] = useState([]);
+  const [expanded, setExpanded] = useState(null);
   const [supportsHover] = useState(
     () => typeof window !== "undefined" && window.matchMedia("(hover: hover)").matches
   );
   const baseId = useId();
   const toggleExpanded = (index) => {
-    setExpanded((prev) => prev.includes(index) ? prev.filter((i) => i !== index) : [...prev, index]);
+    setExpanded((prev) => prev === index ? null : index);
   };
   const expandItem = (index) => {
-    setExpanded((prev) => prev.includes(index) ? prev : [...prev, index]);
+    setExpanded(index);
   };
   const collapseItem = (index) => {
-    setExpanded((prev) => prev.filter((i) => i !== index));
+    setExpanded((prev) => prev === index ? null : prev);
   };
   const hoverFocusProps = (index) => !supportsHover ? {} : {
     onMouseEnter: () => expandItem(index),
@@ -3503,7 +3534,7 @@ var NavigationMobile = ({
       "div",
       {
         id,
-        className: clsx47(Navigation_module_default.mobileMenu, isOpen && Navigation_module_default.mobileMenuOpen),
+        className: clsx48(Navigation_module_default.mobileMenu, isOpen && Navigation_module_default.mobileMenuOpen),
         role: "dialog",
         "aria-modal": "true",
         "aria-label": "Navigation menu",
@@ -3534,7 +3565,7 @@ var NavigationMobile = ({
           /* @__PURE__ */ jsx("ul", { className: Navigation_module_default.mobileMenuItems, children: navItems == null ? void 0 : navItems.map((item, index) => {
             var _a, _b;
             const subMenuId = `${baseId}-submenu-${index}`;
-            const isExpanded = expanded.includes(index);
+            const isExpanded = expanded === index;
             return item.type === "dropdown" ? /* @__PURE__ */ jsxs("li", __spreadProps(__spreadValues({ className: Navigation_module_default.mobileItem }, hoverFocusProps(index)), { children: [
               /* @__PURE__ */ jsxs(
                 "button",
@@ -3549,7 +3580,7 @@ var NavigationMobile = ({
                     /* @__PURE__ */ jsx(
                       "span",
                       {
-                        className: clsx47(
+                        className: clsx48(
                           Navigation_module_default.mobileItemChevron,
                           isExpanded && Navigation_module_default.mobileItemChevronOpen
                         ),
@@ -3564,7 +3595,7 @@ var NavigationMobile = ({
                 "div",
                 {
                   id: subMenuId,
-                  className: clsx47(Navigation_module_default.mobileSubItems, isExpanded && Navigation_module_default.mobileSubItemsOpen),
+                  className: clsx48(Navigation_module_default.mobileSubItems, isExpanded && Navigation_module_default.mobileSubItemsOpen),
                   children: /* @__PURE__ */ jsx("ul", { className: Navigation_module_default.mobileSubItemsInner, children: item.items.map(
                     (subItem, i) => {
                       var _a2, _b2;
@@ -3572,7 +3603,10 @@ var NavigationMobile = ({
                         "a",
                         {
                           href: (_a2 = subItem.cta) == null ? void 0 : _a2.url,
-                          className: Navigation_module_default.mobileSubLink,
+                          className: clsx48(
+                            Navigation_module_default.mobileSubLink,
+                            subItem.isActive && Navigation_module_default.mobileSubLinkActive
+                          ),
                           onClick: onClose,
                           children: (_b2 = subItem.cta) == null ? void 0 : _b2.label
                         }
@@ -3600,7 +3634,7 @@ var NavigationMobile = ({
     "div",
     {
       id,
-      className: clsx47(Navigation_module_default.internalMobileMenu, isOpen && Navigation_module_default.internalMobileMenuOpen),
+      className: clsx48(Navigation_module_default.internalMobileMenu, isOpen && Navigation_module_default.internalMobileMenuOpen),
       role: "dialog",
       "aria-modal": "true",
       "aria-label": "Navigation menu",
@@ -3620,16 +3654,18 @@ var NavigationMobile = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: Navigation_module_default.mobileBrandBars, "aria-hidden": "true", children: [
-          /* @__PURE__ */ jsx("span", { className: clsx47(Navigation_module_default.brandBar, Navigation_module_default.lenscrafters) }),
-          /* @__PURE__ */ jsx("span", { className: clsx47(Navigation_module_default.brandBar, Navigation_module_default.forEyes) }),
-          /* @__PURE__ */ jsx("span", { className: clsx47(Navigation_module_default.brandBar, Navigation_module_default.optical) }),
-          /* @__PURE__ */ jsx("span", { className: clsx47(Navigation_module_default.brandBar, Navigation_module_default.pearleVision) })
-        ] }),
+        /* @__PURE__ */ jsx(
+          NavigationBrandBars,
+          {
+            brandLogos,
+            unfolded: false,
+            className: Navigation_module_default.mobileBrandBars
+          }
+        ),
         /* @__PURE__ */ jsx("ul", { className: Navigation_module_default.mobileItems, children: navItems == null ? void 0 : navItems.map((item, index) => {
           var _a, _b, _c, _d;
           const subMenuId = `${baseId}-submenu-${index}`;
-          const isExpanded = expanded.includes(index);
+          const isExpanded = expanded === index;
           if (item.type === "link") {
             return /* @__PURE__ */ jsx("li", { className: Navigation_module_default.internalMobileItem, children: /* @__PURE__ */ jsx(
               "a",
@@ -3657,7 +3693,7 @@ var NavigationMobile = ({
                   /* @__PURE__ */ jsx(
                     "span",
                     {
-                      className: clsx47(
+                      className: clsx48(
                         Navigation_module_default.internalMobileItemChevron,
                         isExpanded && Navigation_module_default.internalMobileItemChevronOpen
                       ),
@@ -3672,7 +3708,7 @@ var NavigationMobile = ({
               "div",
               {
                 id: subMenuId,
-                className: clsx47(
+                className: clsx48(
                   Navigation_module_default.internalMobileSubItems,
                   isExpanded && Navigation_module_default.internalMobileSubItemsOpen
                 ),
@@ -3683,7 +3719,10 @@ var NavigationMobile = ({
                       "a",
                       {
                         href: (_a2 = sub.cta) == null ? void 0 : _a2.url,
-                        className: Navigation_module_default.internalMobileSubLink,
+                        className: clsx48(
+                          Navigation_module_default.internalMobileSubLink,
+                          sub.isActive && Navigation_module_default.internalMobileSubLinkActive
+                        ),
                         target: ((_b2 = sub.cta) == null ? void 0 : _b2.isExternal) ? "_blank" : void 0,
                         rel: ((_c2 = sub.cta) == null ? void 0 : _c2.isExternal) ? "noopener noreferrer" : void 0,
                         onClick: onClose,
@@ -3818,7 +3857,7 @@ var Navigation2 = (props) => {
   const logo = mainLogo ? /* @__PURE__ */ jsx(
     Picture,
     {
-      className: clsx47(Navigation_module_default.logo, isTabletBelow && Navigation_module_default.logoMobile),
+      className: clsx48(Navigation_module_default.logo, isTabletBelow && Navigation_module_default.logoMobile),
       src: mainLogo,
       alt: logoAlt
     }
@@ -3828,7 +3867,7 @@ var Navigation2 = (props) => {
       "nav",
       {
         ref: navRef,
-        className: clsx47(
+        className: clsx48(
           Navigation_module_default.Navigation,
           dropdownOpen && Navigation_module_default.dropdownOpen,
           // External-only transparent / hover treatment.
@@ -3848,7 +3887,7 @@ var Navigation2 = (props) => {
                 {
                   mainLogo,
                   homeCta,
-                  className: clsx47(Navigation_module_default.logo, isTabletBelow && Navigation_module_default.logoMobile)
+                  className: clsx48(Navigation_module_default.logo, isTabletBelow && Navigation_module_default.logoMobile)
                 }
               ) : logo,
               isTabletBelow ? /* @__PURE__ */ jsx(
@@ -3902,7 +3941,13 @@ var Navigation2 = (props) => {
               )
             ] })
           ] }) }),
-          !isExternal && /* @__PURE__ */ jsx(NavigationBrandBars, { brandLogos, unfolded: showLogoUnfolded }),
+          !isExternal && /* @__PURE__ */ jsx(
+            NavigationBrandBars,
+            {
+              brandLogos,
+              unfolded: showLogoUnfolded && !isMobileMenuOpen
+            }
+          ),
           dropdownOpen && (openItem == null ? void 0 : openItem.type) === "dropdown" && /* @__PURE__ */ jsx(
             NavigationDropdown,
             {
@@ -3931,6 +3976,7 @@ var Navigation2 = (props) => {
         searchPlaceholder,
         searchCta,
         onSearch,
+        brandLogos,
         isOpen: isMobileMenuOpen,
         onClose: () => setIsMobileMenuOpen(false),
         isExternal,
@@ -3979,7 +4025,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__ */ jsx("div", { className: clsx47(PracticePathCards_module_default["practice-path-cards"], className), children: /* @__PURE__ */ jsxs(Container, { className: PracticePathCards_module_default.container, children: [
+  return /* @__PURE__ */ jsx("div", { className: clsx48(PracticePathCards_module_default["practice-path-cards"], className), children: /* @__PURE__ */ jsxs(Container, { className: PracticePathCards_module_default.container, children: [
     /* @__PURE__ */ jsxs("div", { className: PracticePathCards_module_default.wrapper, children: [
       /* @__PURE__ */ jsxs("div", { className: PracticePathCards_module_default.content, children: [
         titleNode && /* @__PURE__ */ jsx("h2", { children: titleNode }),
@@ -4033,8 +4079,8 @@ var Teaser5050With3Text = ({
     title: Teaser5050With3TextTitle
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
-  return /* @__PURE__ */ jsx("div", { className: clsx47(Teaser5050With3Text_module_default["teaser5050-3text"], Teaser5050With3Text_module_default[variant], className), children: /* @__PURE__ */ jsxs(Container, { className: Teaser5050With3Text_module_default.container, children: [
-    titleNode && /* @__PURE__ */ jsx("div", { className: clsx47(Teaser5050With3Text_module_default.title, "h3"), children: titleNode }),
+  return /* @__PURE__ */ jsx("div", { className: clsx48(Teaser5050With3Text_module_default["teaser5050-3text"], Teaser5050With3Text_module_default[variant], className), children: /* @__PURE__ */ jsxs(Container, { className: Teaser5050With3Text_module_default.container, children: [
+    titleNode && /* @__PURE__ */ jsx("div", { className: clsx48(Teaser5050With3Text_module_default.title, "h3"), children: titleNode }),
     /* @__PURE__ */ jsxs("div", { className: Teaser5050With3Text_module_default.content, children: [
       /* @__PURE__ */ jsx("div", { className: Teaser5050With3Text_module_default.cards, children: cards == null ? void 0 : cards.map((card, key) => /* @__PURE__ */ jsx(InfoCard2, __spreadValues({}, card), key)) }),
       image && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: Teaser5050With3Text_module_default.image }, image))
@@ -4084,12 +4130,12 @@ var Teaser5050WithCta = ({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: clsx47(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className),
+      className: clsx48(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className),
       style: { backgroundColor: bgColor ? bgColor : "#ffffff" },
       children: /* @__PURE__ */ jsxs(Container, { className: Teaser5050WithCta_module_default.container, children: [
         /* @__PURE__ */ jsxs("div", { className: Teaser5050WithCta_module_default.wrapper, children: [
           /* @__PURE__ */ jsxs("div", { className: Teaser5050WithCta_module_default.content, children: [
-            titleNode && /* @__PURE__ */ jsx("div", { className: clsx47(Teaser5050WithCta_module_default.title, "h3"), children: titleNode }),
+            titleNode && /* @__PURE__ */ jsx("div", { className: clsx48(Teaser5050WithCta_module_default.title, "h3"), children: titleNode }),
             subtitleNode && /* @__PURE__ */ jsx("div", { className: "subheading", children: subtitleNode })
           ] }),
           /* @__PURE__ */ jsx("div", { className: Teaser5050WithCta_module_default.ctaWrapper, children: ctas.map((cta, key) => /* @__PURE__ */ jsx(
@@ -4141,7 +4187,7 @@ var Carousel = (_a) => {
       },
       role: "region",
       "aria-label": ariaLabel,
-      className: clsx47(Carousel_module_default.carousel, className),
+      className: clsx48(Carousel_module_default.carousel, className),
       spaceBetween: 0,
       slidesPerView: "auto",
       modules: [FreeMode, A11y],
@@ -4151,7 +4197,7 @@ var Carousel = (_a) => {
       children: slides.map((slide, index) => /* @__PURE__ */ jsx(
         SwiperSlide,
         {
-          className: clsx47(Carousel_module_default["carousel-item"], props.slideClass),
+          className: clsx48(Carousel_module_default["carousel-item"], props.slideClass),
           children: slide
         },
         index
@@ -4208,13 +4254,13 @@ var EventList = ({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: clsx47("event-list-module", EventList_module_default["event-list-module"], className),
+      className: clsx48("event-list-module", EventList_module_default["event-list-module"], className),
       style: {
         backgroundColor
       },
-      children: /* @__PURE__ */ jsxs(Container, { className: clsx47(EventList_module_default["event-list-container"]), children: [
+      children: /* @__PURE__ */ jsxs(Container, { className: clsx48(EventList_module_default["event-list-container"]), children: [
         /* @__PURE__ */ jsxs("div", { className: EventList_module_default["event-list-header-container"], children: [
-          titleNode && /* @__PURE__ */ jsx("h2", { className: clsx47(EventList_module_default["event-list-title"]), children: titleNode }),
+          titleNode && /* @__PURE__ */ jsx("h2", { className: clsx48(EventList_module_default["event-list-title"]), children: titleNode }),
           cta && cta.url && /* @__PURE__ */ jsx(
             Button,
             {
@@ -4232,7 +4278,7 @@ var EventList = ({
             Carousel,
             {
               "aria-label": "Upcoming events",
-              wrapperClass: clsx47(EventList_module_default["carousel-wrapper"], EventList_module_default[variant]),
+              wrapperClass: clsx48(EventList_module_default["carousel-wrapper"], EventList_module_default[variant]),
               slideClass: EventList_module_default["carousel-list-item"],
               spaceBetween: 16,
               slides: items.map((item) => {
@@ -4240,7 +4286,7 @@ var EventList = ({
                 return /* @__PURE__ */ jsx(
                   UpcomingEventCard,
                   __spreadValues({
-                    className: clsx47(EventList_module_default["event-card"]),
+                    className: clsx48(EventList_module_default["event-card"]),
                     direction: "vertical",
                     showImage: false
                   }, item),
@@ -4253,7 +4299,7 @@ var EventList = ({
             "ul",
             {
               "aria-label": "Upcoming events",
-              className: clsx47(
+              className: clsx48(
                 EventList_module_default["event-list-wrapper"],
                 EventList_module_default["horizontal"],
                 EventList_module_default[variant]
@@ -4263,11 +4309,11 @@ var EventList = ({
                 return /* @__PURE__ */ jsx(
                   "li",
                   {
-                    className: clsx47(EventList_module_default["card-list-item"]),
+                    className: clsx48(EventList_module_default["card-list-item"]),
                     children: /* @__PURE__ */ jsx(
                       UpcomingEventCard,
                       __spreadProps(__spreadValues({}, item), {
-                        className: clsx47(EventList_module_default["card-item"]),
+                        className: clsx48(EventList_module_default["card-item"]),
                         showImage: false,
                         direction: "vertical"
                       })
@@ -4282,7 +4328,7 @@ var EventList = ({
             "ul",
             {
               "aria-label": "Upcoming events",
-              className: clsx47(EventList_module_default["event-list-wrapper"], EventList_module_default[listDirection]),
+              className: clsx48(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__ */ jsx("li", { children: /* @__PURE__ */ jsx(UpcomingEventCard, __spreadProps(__spreadValues({}, item), { direction: cardDirection })) }, (_c = (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location) != null ? _c : index);
@@ -4291,7 +4337,7 @@ var EventList = ({
           )
         ] }),
         !isNotEmpty && emptyNode ? React70.cloneElement(emptyNode, {
-          className: clsx47("empty-search-result", EventList_module_default["empty-search-result"])
+          className: clsx48("empty-search-result", EventList_module_default["empty-search-result"])
         }) : null
       ] })
     }
@@ -4335,9 +4381,9 @@ var TextEvent = (props) => {
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const richTextNode = (_b = slots.richText) != null ? _b : richText;
-  return /* @__PURE__ */ jsxs(Container, { className: clsx47(TextEvent_module_default.textEvent, className), children: [
+  return /* @__PURE__ */ jsxs(Container, { className: clsx48(TextEvent_module_default.textEvent, className), children: [
     /* @__PURE__ */ jsx(Text, { tag: "h2", className: TextEvent_module_default.title, children: titleNode }),
-    /* @__PURE__ */ jsx("div", { className: clsx47(TextEvent_module_default.richText, TextEvent_module_default[variant != null ? variant : ""]), children: richTextNode })
+    /* @__PURE__ */ jsx("div", { className: clsx48(TextEvent_module_default.richText, TextEvent_module_default[variant != null ? variant : ""]), children: richTextNode })
   ] });
 };
 
@@ -4368,7 +4414,7 @@ var TextBody = (props) => {
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const bodyNode = (_b = slots.body) != null ? _b : body;
-  return /* @__PURE__ */ jsxs(Container, { className: clsx47(TextBody_module_default.textBody, className), children: [
+  return /* @__PURE__ */ jsxs(Container, { className: clsx48(TextBody_module_default.textBody, className), children: [
     titleNode && /* @__PURE__ */ jsx(Text, { tag: "h2", className: TextBody_module_default.title, children: titleNode }),
     /* @__PURE__ */ jsx("div", { className: TextBody_module_default.body, children: bodyNode })
   ] });
@@ -4411,7 +4457,7 @@ var TextCenterCtaInBottom = ({
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
-  return /* @__PURE__ */ jsx("div", { className: clsx47(TextCenterCtaInBottom_module_default.textCenterCta, className), children: /* @__PURE__ */ jsxs(Container, { className: TextCenterCtaInBottom_module_default.container, children: [
+  return /* @__PURE__ */ jsx("div", { className: clsx48(TextCenterCtaInBottom_module_default.textCenterCta, className), children: /* @__PURE__ */ jsxs(Container, { className: TextCenterCtaInBottom_module_default.container, children: [
     /* @__PURE__ */ jsxs("div", { className: TextCenterCtaInBottom_module_default.content, children: [
       titleNode && /* @__PURE__ */ jsx("div", { className: TextCenterCtaInBottom_module_default.title, children: titleNode }),
       subtitleNode && /* @__PURE__ */ jsx("div", { className: TextCenterCtaInBottom_module_default.subtitle, children: subtitleNode })
@@ -4419,7 +4465,7 @@ var TextCenterCtaInBottom = ({
     !!(ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsx(
       "div",
       {
-        className: clsx47(
+        className: clsx48(
           TextCenterCtaInBottom_module_default.ctaWrapper,
           ctas.every((cta) => !cta.label && cta.logo) && TextCenterCtaInBottom_module_default.iconOnly
         ),
@@ -4531,7 +4577,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__ */ jsxs("div", { ref: widgetRef, className: clsx47(ResourcesGridList_module_default.widget, className), children: [
+  return /* @__PURE__ */ jsxs("div", { ref: widgetRef, className: clsx48(ResourcesGridList_module_default.widget, className), children: [
     /* @__PURE__ */ jsx(
       FilterBar,
       {
@@ -4550,7 +4596,7 @@ var ResourcesGridList = ({
       isMobile && /* @__PURE__ */ jsxs(
         "div",
         {
-          className: clsx47(
+          className: clsx48(
             ResourcesGridList_module_default.mobileSidebarOverlay,
             isSidebarOpen && ResourcesGridList_module_default.mobileSidebarOverlayOpen
           ),
@@ -4561,7 +4607,7 @@ var ResourcesGridList = ({
               return /* @__PURE__ */ jsxs(
                 "li",
                 {
-                  className: clsx47(
+                  className: clsx48(
                     ResourcesGridList_module_default.mobileSidebarItem,
                     i === selectedCategory && ResourcesGridList_module_default.active
                   ),
@@ -4606,7 +4652,7 @@ var ResourcesGridList = ({
           onSelect: handleSelectCategory
         }
       ),
-      /* @__PURE__ */ jsx("div", { className: clsx47(ResourcesGridList_module_default.cardsArea, ResourcesGridList_module_default[view]), children: paginatedItems.map((item) => /* @__PURE__ */ jsx(ResourceCardItem, { item, view }, item.id)) })
+      /* @__PURE__ */ jsx("div", { className: clsx48(ResourcesGridList_module_default.cardsArea, ResourcesGridList_module_default[view]), children: paginatedItems.map((item) => /* @__PURE__ */ jsx(ResourceCardItem, { item, view }, item.id)) })
     ] }),
     totalPages > 1 && /* @__PURE__ */ jsx(
       Pagination,
@@ -4639,7 +4685,7 @@ var Grid = ({
   return /* @__PURE__ */ jsx(
     Component,
     {
-      className: clsx47("grid", Grid_module_default.grid, className),
+      className: clsx48("grid", Grid_module_default.grid, className),
       role,
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledBy,
@@ -4664,7 +4710,7 @@ var GridItem = ({
   return /* @__PURE__ */ jsx(
     Component,
     {
-      className: clsx47("grid-item", Grid_module_default["grid-item"], className),
+      className: clsx48("grid-item", Grid_module_default["grid-item"], className),
       role,
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledBy,
@@ -4712,13 +4758,13 @@ var BlogCardGrid = ({
     title: BlogCardGridTitle
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
-  const content = /* @__PURE__ */ jsxs("div", { className: clsx47("wrapper", BlogCardGrid_module_default["wrapper"]), children: [
-    title && /* @__PURE__ */ jsxs("div", { className: clsx47("header-container", BlogCardGrid_module_default["header-container"]), children: [
-      titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsx(Text, { tag: "h4", className: clsx47("title", BlogCardGrid_module_default["title"]), children: titleNode }) : titleNode,
-      cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsx("div", { className: clsx47("cta-wrapper", BlogCardGrid_module_default["cta-wrapper"]), children: /* @__PURE__ */ jsx(
+  const content = /* @__PURE__ */ jsxs("div", { className: clsx48("wrapper", BlogCardGrid_module_default["wrapper"]), children: [
+    title && /* @__PURE__ */ jsxs("div", { className: clsx48("header-container", BlogCardGrid_module_default["header-container"]), children: [
+      titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsx(Text, { tag: "h4", className: clsx48("title", BlogCardGrid_module_default["title"]), children: titleNode }) : titleNode,
+      cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsx("div", { className: clsx48("cta-wrapper", BlogCardGrid_module_default["cta-wrapper"]), children: /* @__PURE__ */ jsx(
         Button,
         {
-          className: clsx47("cta", BlogCardGrid_module_default["cta"]),
+          className: clsx48("cta", BlogCardGrid_module_default["cta"]),
           variant: "nofillblack",
           href: cta.url,
           isExternal: cta == null ? void 0 : cta.isExternal,
@@ -4744,11 +4790,11 @@ var BlogCardGrid = ({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: clsx47("blog-card-grid", BlogCardGrid_module_default["blog-card-grid"], className),
+      className: clsx48("blog-card-grid", BlogCardGrid_module_default["blog-card-grid"], className),
       style: {
         backgroundColor
       },
-      children: hasContainer ? /* @__PURE__ */ jsx(Container, { className: clsx47("container", BlogCardGrid_module_default["container"]), children: content }) : content
+      children: hasContainer ? /* @__PURE__ */ jsx(Container, { className: clsx48("container", BlogCardGrid_module_default["container"]), children: content }) : content
     }
   );
 };
@@ -4796,13 +4842,13 @@ var FeaturedNewsHighlights = ({
   const sideCards = items.slice(1);
   const isVariantHome = variant === "home";
   const isBelowTablet = is("tablet", "below");
-  const content = /* @__PURE__ */ jsxs("div", { className: clsx47("wrapper", FeaturedNewsHighlights_module_default["wrapper"]), children: [
-    title && cta && /* @__PURE__ */ jsxs("div", { className: clsx47("header-container", FeaturedNewsHighlights_module_default["header-container"]), children: [
+  const content = /* @__PURE__ */ jsxs("div", { className: clsx48("wrapper", FeaturedNewsHighlights_module_default["wrapper"]), children: [
+    title && cta && /* @__PURE__ */ jsxs("div", { className: clsx48("header-container", FeaturedNewsHighlights_module_default["header-container"]), children: [
       titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsx(Text, { tag: "h2", children: titleNode }) : titleNode,
-      cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsx("div", { className: clsx47("cta-wrapper", FeaturedNewsHighlights_module_default["cta-wrapper"]), children: /* @__PURE__ */ jsx(
+      cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsx("div", { className: clsx48("cta-wrapper", FeaturedNewsHighlights_module_default["cta-wrapper"]), children: /* @__PURE__ */ jsx(
         Button,
         {
-          className: clsx47("cta", FeaturedNewsHighlights_module_default["cta"]),
+          className: clsx48("cta", FeaturedNewsHighlights_module_default["cta"]),
           variant: "nofillblack",
           href: cta.url,
           isExternal: cta == null ? void 0 : cta.isExternal,
@@ -4814,9 +4860,9 @@ var FeaturedNewsHighlights = ({
     isVariantHome && isBelowTablet && /* @__PURE__ */ jsx(
       Carousel,
       {
-        className: clsx47("carousel", FeaturedNewsHighlights_module_default["carousel"]),
+        className: clsx48("carousel", FeaturedNewsHighlights_module_default["carousel"]),
         "aria-label": "featured news",
-        wrapperClass: clsx47(FeaturedNewsHighlights_module_default["carousel-wrapper"]),
+        wrapperClass: clsx48(FeaturedNewsHighlights_module_default["carousel-wrapper"]),
         slideClass: FeaturedNewsHighlights_module_default["carousel-list-item"],
         spaceBetween: 16,
         slides: items.map((item, index) => {
@@ -4825,27 +4871,27 @@ var FeaturedNewsHighlights = ({
             NewsCard,
             __spreadProps(__spreadValues({}, item), {
               direction: "vertical",
-              className: clsx47("carousel-news-card", FeaturedNewsHighlights_module_default["carousel-news-card"])
+              className: clsx48("carousel-news-card", FeaturedNewsHighlights_module_default["carousel-news-card"])
             }),
             (_a2 = item == null ? void 0 : item.title) != null ? _a2 : index
           );
         })
       }
     ),
-    (!isVariantHome || isVariantHome && !isBelowTablet) && /* @__PURE__ */ jsxs("div", { className: clsx47("content-wrapper", FeaturedNewsHighlights_module_default["content-wrapper"]), children: [
+    (!isVariantHome || isVariantHome && !isBelowTablet) && /* @__PURE__ */ jsxs("div", { className: clsx48("content-wrapper", FeaturedNewsHighlights_module_default["content-wrapper"]), children: [
       featuredCard && /* @__PURE__ */ jsx(
         NewsCard,
         __spreadProps(__spreadValues({}, featuredCard), {
-          className: clsx47("featured-card", FeaturedNewsHighlights_module_default["featured-card"]),
+          className: clsx48("featured-card", FeaturedNewsHighlights_module_default["featured-card"]),
           renderLink
         })
       ),
-      sideCards && sideCards.length > 0 && /* @__PURE__ */ jsx("div", { className: clsx47("side-content", FeaturedNewsHighlights_module_default["side-content"]), children: sideCards.map((card, index) => {
+      sideCards && sideCards.length > 0 && /* @__PURE__ */ jsx("div", { className: clsx48("side-content", FeaturedNewsHighlights_module_default["side-content"]), children: sideCards.map((card, index) => {
         var _a2;
         return /* @__PURE__ */ jsx(
           NewsCard,
           __spreadProps(__spreadValues({}, card), {
-            className: clsx47("side-cards", FeaturedNewsHighlights_module_default["side-cards"]),
+            className: clsx48("side-cards", FeaturedNewsHighlights_module_default["side-cards"]),
             direction: "horizontal",
             renderLink
           }),
@@ -4857,11 +4903,11 @@ var FeaturedNewsHighlights = ({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: clsx47("featured-news-higlights", FeaturedNewsHighlights_module_default["featured-news-higlights"], className),
+      className: clsx48("featured-news-higlights", FeaturedNewsHighlights_module_default["featured-news-higlights"], className),
       style: {
         backgroundColor
       },
-      children: hasContainer ? /* @__PURE__ */ jsx(Container, { className: clsx47("container", FeaturedNewsHighlights_module_default["container"]), children: content }) : content
+      children: hasContainer ? /* @__PURE__ */ jsx(Container, { className: clsx48("container", FeaturedNewsHighlights_module_default["container"]), children: content }) : content
     }
   );
 };
@@ -4905,23 +4951,23 @@ var NewsCardList = ({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: clsx47("news-card-list", NewsCardList_module_default["news-card-list"], className),
+      className: clsx48("news-card-list", NewsCardList_module_default["news-card-list"], className),
       style: {
         backgroundColor
       },
-      children: /* @__PURE__ */ jsxs(Container, { className: clsx47("container", NewsCardList_module_default["container"]), children: [
-        /* @__PURE__ */ jsxs("div", { className: clsx47("wrapper", NewsCardList_module_default["wrapper"]), children: [
+      children: /* @__PURE__ */ jsxs(Container, { className: clsx48("container", NewsCardList_module_default["container"]), children: [
+        /* @__PURE__ */ jsxs("div", { className: clsx48("wrapper", NewsCardList_module_default["wrapper"]), children: [
           /* @__PURE__ */ jsx(
             Input,
             __spreadValues({
-              className: clsx47("search-input", NewsCardList_module_default["search-input"]),
+              className: clsx48("search-input", NewsCardList_module_default["search-input"]),
               startAdornment: /* @__PURE__ */ jsx(Icon, { type: "search" }),
               placeholder: "Search News",
               endAction: searchValue ? /* @__PURE__ */ jsx(
                 Button,
                 {
                   variant: "nofillblack",
-                  className: clsx47(NewsCardList_module_default["end-action-button"]),
+                  className: clsx48(NewsCardList_module_default["end-action-button"]),
                   "aria-label": "Search",
                   onClick: onSearchSubmit ? () => onSearchSubmit(searchValue || "") : void 0,
                   children: /* @__PURE__ */ jsx(Icon, { type: "rightBlack" })
@@ -4933,7 +4979,7 @@ var NewsCardList = ({
               } : void 0
             }, searchInputProps)
           ),
-          /* @__PURE__ */ jsxs("div", { className: clsx47("card-wrapper", NewsCardList_module_default["card-wrapper"]), children: [
+          /* @__PURE__ */ jsxs("div", { className: clsx48("card-wrapper", NewsCardList_module_default["card-wrapper"]), children: [
             currentPage === 1 && /* @__PURE__ */ jsx(
               FeaturedNewsHighlights2,
               {
@@ -4947,7 +4993,7 @@ var NewsCardList = ({
           ] })
         ] }),
         paginationNode ? React70.cloneElement(paginationNode, {
-          className: clsx47("pagination", NewsCardList_module_default["pagination"])
+          className: clsx48("pagination", NewsCardList_module_default["pagination"])
         }) : null
       ] })
     }
@@ -4992,15 +5038,15 @@ var BlogPost = ({
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const bodyNode = (_b = slots.body) != null ? _b : body;
-  return /* @__PURE__ */ jsx("div", { className: clsx47("blog-post", BlogPost_module_default["blog-post"], className), children: /* @__PURE__ */ jsxs(Container, { className: clsx47("container", BlogPost_module_default["container"]), children: [
-    /* @__PURE__ */ jsxs("div", { className: clsx47("header", BlogPost_module_default["header"]), children: [
+  return /* @__PURE__ */ jsx("div", { className: clsx48("blog-post", BlogPost_module_default["blog-post"], className), children: /* @__PURE__ */ jsxs(Container, { className: clsx48("container", BlogPost_module_default["container"]), children: [
+    /* @__PURE__ */ jsxs("div", { className: clsx48("header", BlogPost_module_default["header"]), children: [
       titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsx(Text, { tag: "h1", children: titleNode }) : titleNode,
-      image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx47("image", BlogPost_module_default["image"]) }))
+      image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx48("image", BlogPost_module_default["image"]) }))
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: clsx47("content", BlogPost_module_default["content"]), children: [
-      /* @__PURE__ */ jsxs("div", { className: clsx47("content-top", BlogPost_module_default["content-top"]), children: [
+    /* @__PURE__ */ jsxs("div", { className: clsx48("content", BlogPost_module_default["content"]), children: [
+      /* @__PURE__ */ jsxs("div", { className: clsx48("content-top", BlogPost_module_default["content-top"]), children: [
         /* @__PURE__ */ jsx(Badge, { size: "sm", children: tag }),
-        /* @__PURE__ */ jsxs("span", { className: clsx47("content-date", BlogPost_module_default["content-date"]), children: [
+        /* @__PURE__ */ jsxs("span", { className: clsx48("content-date", BlogPost_module_default["content-date"]), children: [
           "Published ",
           /* @__PURE__ */ jsx("time", { dateTime: date.value, children: date.label })
         ] })
@@ -5013,7 +5059,7 @@ var BlogPost = ({
         title: "More News",
         items: relatedArticles,
         hasContainer: false,
-        className: clsx47("related-articles", BlogPost_module_default["related-articles"])
+        className: clsx48("related-articles", BlogPost_module_default["related-articles"])
       }
     )
   ] }) });
@@ -5061,22 +5107,22 @@ var BlogSearchResultsList = ({
   });
   const searchNode = (_a = slots.search) != null ? _a : searchResult;
   const paginationNode = slots.pagination;
-  return /* @__PURE__ */ jsx("div", { className: clsx47("search-results-list", BlogSearchResultsList_module_default["search-results-list"], className), children: /* @__PURE__ */ jsxs(Container, { className: clsx47("container", BlogSearchResultsList_module_default["container"]), children: [
-    typeof searchNode === "string" ? /* @__PURE__ */ jsx("span", { className: clsx47("search-result", BlogSearchResultsList_module_default["search-result"]), children: searchNode }) : React70.isValidElement(searchNode) ? React70.cloneElement(searchNode, {
-      className: clsx47("search-result", BlogSearchResultsList_module_default["search-result"])
+  return /* @__PURE__ */ jsx("div", { className: clsx48("search-results-list", BlogSearchResultsList_module_default["search-results-list"], className), children: /* @__PURE__ */ jsxs(Container, { className: clsx48("container", BlogSearchResultsList_module_default["container"]), children: [
+    typeof searchNode === "string" ? /* @__PURE__ */ jsx("span", { className: clsx48("search-result", BlogSearchResultsList_module_default["search-result"]), children: searchNode }) : React70.isValidElement(searchNode) ? React70.cloneElement(searchNode, {
+      className: clsx48("search-result", BlogSearchResultsList_module_default["search-result"])
     }) : null,
-    /* @__PURE__ */ jsxs("div", { className: clsx47("wrapper", BlogSearchResultsList_module_default["wrapper"]), children: [
+    /* @__PURE__ */ jsxs("div", { className: clsx48("wrapper", BlogSearchResultsList_module_default["wrapper"]), children: [
       /* @__PURE__ */ jsx(
         Input,
         __spreadValues({
-          className: clsx47("search-input", BlogSearchResultsList_module_default["search-input"]),
+          className: clsx48("search-input", BlogSearchResultsList_module_default["search-input"]),
           startAdornment: /* @__PURE__ */ jsx(Icon, { type: "search" }),
           placeholder: "Search News",
           endAction: searchValue ? /* @__PURE__ */ jsx(
             Button,
             {
               variant: "nofillblack",
-              className: clsx47(BlogSearchResultsList_module_default["end-action-button"]),
+              className: clsx48(BlogSearchResultsList_module_default["end-action-button"]),
               "aria-label": "Search",
               onClick: () => onSearchSubmit(searchValue),
               children: /* @__PURE__ */ jsx(Icon, { type: "rightBlack" })
@@ -5091,7 +5137,7 @@ var BlogSearchResultsList = ({
       /* @__PURE__ */ jsx(BlogCardGrid2, { items, hasContainer: false, renderLink })
     ] }),
     paginationNode ? React70.cloneElement(paginationNode, {
-      className: clsx47("pagination", BlogSearchResultsList_module_default["pagination"])
+      className: clsx48("pagination", BlogSearchResultsList_module_default["pagination"])
     }) : null
   ] }) });
 };
@@ -5132,11 +5178,11 @@ var GlobalSearchResultsList = ({
   });
   const searchNode = (_a = slots.search) != null ? _a : searchResult;
   const paginationNode = slots.pagination;
-  return /* @__PURE__ */ jsx("div", { className: clsx47("search-results-list", GlobalSearchResultsList_module_default["search-results-list"], className), children: /* @__PURE__ */ jsxs(Container, { className: clsx47("container", GlobalSearchResultsList_module_default["container"]), children: [
-    typeof searchNode === "string" ? /* @__PURE__ */ jsx("span", { className: clsx47("search-result", GlobalSearchResultsList_module_default["search-result"]), children: searchNode }) : React70.isValidElement(searchNode) ? React70.cloneElement(searchNode, {
-      className: clsx47("search-result", GlobalSearchResultsList_module_default["search-result"])
+  return /* @__PURE__ */ jsx("div", { className: clsx48("search-results-list", GlobalSearchResultsList_module_default["search-results-list"], className), children: /* @__PURE__ */ jsxs(Container, { className: clsx48("container", GlobalSearchResultsList_module_default["container"]), children: [
+    typeof searchNode === "string" ? /* @__PURE__ */ jsx("span", { className: clsx48("search-result", GlobalSearchResultsList_module_default["search-result"]), children: searchNode }) : React70.isValidElement(searchNode) ? React70.cloneElement(searchNode, {
+      className: clsx48("search-result", GlobalSearchResultsList_module_default["search-result"])
     }) : null,
-    /* @__PURE__ */ jsx("div", { className: clsx47("wrapper", GlobalSearchResultsList_module_default["wrapper"]), children: /* @__PURE__ */ jsx(Grid, { role: "list", columns: 3, children: items.map((item, index) => {
+    /* @__PURE__ */ jsx("div", { className: clsx48("wrapper", GlobalSearchResultsList_module_default["wrapper"]), children: /* @__PURE__ */ jsx(Grid, { role: "list", columns: 3, children: items.map((item, index) => {
       var _a2;
       return /* @__PURE__ */ jsx(
         GridItem,
@@ -5157,7 +5203,7 @@ var GlobalSearchResultsList = ({
       );
     }) }) }),
     paginationNode ? React70.cloneElement(paginationNode, {
-      className: clsx47("pagination", GlobalSearchResultsList_module_default["pagination"])
+      className: clsx48("pagination", GlobalSearchResultsList_module_default["pagination"])
     }) : null
   ] }) });
 };
@@ -5215,7 +5261,7 @@ var TextCenterWithMedia = ({
   };
   const slots = resolveCompoundSlots(children, { title: TextCenterWithMediaTitle });
   const titleNode = (_a = slots.title) != null ? _a : title;
-  return /* @__PURE__ */ jsxs("section", { className: clsx47(TextCenterWithMedia_module_default.textCenterWithMedia, className), children: [
+  return /* @__PURE__ */ jsxs("section", { className: clsx48(TextCenterWithMedia_module_default.textCenterWithMedia, className), children: [
     /* @__PURE__ */ jsxs(Container, { children: [
       titleNode && /* @__PURE__ */ jsx("h2", { className: "h2", children: titleNode }),
       /* @__PURE__ */ jsx("div", { className: TextCenterWithMedia_module_default.thumbnailWrapper, children: thumbnail && /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -5278,7 +5324,7 @@ var QuoteSectionBlock = ({ className, title, items = [] }) => {
   const [swiperInstance, setSwiperInstance] = useState(null);
   const [activeIndex, setActiveIndex] = useState(0);
   if (!items.length) return null;
-  return /* @__PURE__ */ jsx("div", { className: clsx47(QuoteSectionBlock_module_default.quoteSectionBlock, className), children: /* @__PURE__ */ jsxs("div", { className: QuoteSectionBlock_module_default.inner, children: [
+  return /* @__PURE__ */ jsx("div", { className: clsx48(QuoteSectionBlock_module_default.quoteSectionBlock, className), children: /* @__PURE__ */ jsxs("div", { className: QuoteSectionBlock_module_default.inner, children: [
     title && /* @__PURE__ */ jsx("h2", { className: QuoteSectionBlock_module_default.title, children: title }),
     /* @__PURE__ */ jsx("div", { className: QuoteSectionBlock_module_default.swiperContainer, children: /* @__PURE__ */ jsx(
       Swiper,
@@ -5320,6 +5366,36 @@ var QuoteSectionBlock = ({ className, title, items = [] }) => {
     )
   ] }) });
 };
+
+// src/widgets/PageLoader/PageLoader.module.scss
+var PageLoader_module_default = {
+  container: "PageLoader_module_container",
+  wrapper: "PageLoader_module_wrapper",
+  "image-logo": "PageLoader_module_image-logo",
+  "loader-wrapper": "PageLoader_module_loader-wrapper",
+  "loader-text": "PageLoader_module_loader-text"
+};
+var PageLoaderLogo = ({ children }) => {
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
+var PageLoader = ({ className, children }) => {
+  const slots = resolveCompoundSlots(children, {
+    logo: PageLoaderLogo
+  });
+  const logoNode = slots.logo;
+  return /* @__PURE__ */ jsx(Container, { className: clsx48(PageLoader_module_default["container"], className), children: /* @__PURE__ */ jsxs("div", { className: clsx48("wrapper", PageLoader_module_default["wrapper"]), children: [
+    logoNode ? React70.cloneElement(logoNode, {
+      className: clsx48("image-logo", PageLoader_module_default["image-logo"])
+    }) : null,
+    /* @__PURE__ */ jsx("div", { className: clsx48("loader-wrapper", PageLoader_module_default["loader-wrapper"]), children: /* @__PURE__ */ jsx(Loader, {}) }),
+    /* @__PURE__ */ jsx("span", { className: clsx48("loader-text", PageLoader_module_default["loader-text"]), children: "Loading..." })
+  ] }) });
+};
+
+// src/widgets/PageLoader/index.ts
+var PageLoader2 = Object.assign(PageLoader, {
+  Logo: PageLoaderLogo
+});
 function useIntersectionObserver({
   animateOnce = false,
   options = {}
@@ -5349,6 +5425,6 @@ function useIntersectionObserver({
   return { observeRef, isVisible };
 }
 
-export { Anchor, Badge, BlogCardGrid2 as BlogCardGrid, BlogPost2 as BlogPost, BlogPostContent2 as BlogPostContent, BlogSearchResultsList2 as BlogSearchResultsList, BrandsStrip, Button, Card2 as Card, CardCollection2 as CardCollection, ConditionalWrapper, ContactModule2 as ContactModule, Container, CountingCard2 as CountingCard, EventList2 as EventList, FeaturedNewsHighlights2 as FeaturedNewsHighlights, FilterBar, Footer, GlobalSearchResultsList2 as GlobalSearchResultsList, HeroBanner2 as HeroBanner, HeroBannerCarousel, Icon, InfoCard2 as InfoCard, Input, InternalBrandsTab2 as InternalBrandsTab, MiniBanner2 as MiniBanner, MiniSectionCta2 as MiniSectionCta, Navigation2 as Navigation, NewsCard, NewsCardList2 as NewsCardList, Pagination, Picture, PracticeCard, PracticePathCards2 as PracticePathCards, QuoteSectionBlock, ResourceCardItem, ResourcesGridList, Search, Sidebar, Teaser5050With3Text2 as Teaser5050With3Text, Teaser5050WithCta2 as Teaser5050WithCta, TextBody2 as TextBody, TextCenterCtaInBottom2 as TextCenterCtaInBottom, TextCenterWithMedia2 as TextCenterWithMedia, TextEvent2 as TextEvent, UpcomingEventCard, UserMenu, resolveCompoundSlots, svgs, useActivePath, useIntersectionObserver, useIsAtTop };
+export { Anchor, Badge, BlogCardGrid2 as BlogCardGrid, BlogPost2 as BlogPost, BlogPostContent2 as BlogPostContent, BlogSearchResultsList2 as BlogSearchResultsList, BrandsStrip, Button, Card2 as Card, CardCollection2 as CardCollection, ConditionalWrapper, ContactModule2 as ContactModule, Container, CountingCard2 as CountingCard, EventList2 as EventList, FeaturedNewsHighlights2 as FeaturedNewsHighlights, FilterBar, Footer, GlobalSearchResultsList2 as GlobalSearchResultsList, HeroBanner2 as HeroBanner, HeroBannerCarousel, Icon, InfoCard2 as InfoCard, Input, InternalBrandsTab2 as InternalBrandsTab, Loader, MiniBanner2 as MiniBanner, MiniSectionCta2 as MiniSectionCta, Navigation2 as Navigation, NewsCard, NewsCardList2 as NewsCardList, PageLoader2 as PageLoader, Pagination, Picture, PracticeCard, PracticePathCards2 as PracticePathCards, QuoteSectionBlock, ResourceCardItem, ResourcesGridList, Search, Sidebar, Teaser5050With3Text2 as Teaser5050With3Text, Teaser5050WithCta2 as Teaser5050WithCta, TextBody2 as TextBody, TextCenterCtaInBottom2 as TextCenterCtaInBottom, TextCenterWithMedia2 as TextCenterWithMedia, TextEvent2 as TextEvent, UpcomingEventCard, UserMenu, resolveCompoundSlots, svgs, useActivePath, useIntersectionObserver, useIsAtTop };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map