@digital-b2c/coreui-kit 0.8.0 → 0.9.0

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import clsx22 from 'clsx';
+import clsx23 from 'clsx';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import React62, { forwardRef, useRef, useState, useCallback, useMemo, Children, isValidElement, useEffect } from 'react';
 import gsap$1, { gsap } from 'gsap';
@@ -58,7 +58,7 @@ var Picture = (_a) => {
       __spreadValues({
         src: desktop.src,
         alt: desktop.alt,
-        className: clsx22(className, Picture_module_default["image-desktop"])
+        className: clsx23(className, Picture_module_default["image-desktop"])
       }, rest)
     ),
     /* @__PURE__ */ jsx(
@@ -66,7 +66,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: clsx22(className, Picture_module_default["image-mobile"])
+        className: clsx23(className, Picture_module_default["image-mobile"])
       }, rest)
     )
   ] });
@@ -425,7 +425,7 @@ var Button = (_a) => {
   ]);
   const isLink = !!href;
   const props = __spreadValues(__spreadValues({
-    className: clsx22(
+    className: clsx23(
       Button_module_default.button,
       variant ? Button_module_default[variant] : null,
       { [Button_module_default.fullWidth]: !!fullWidth },
@@ -657,7 +657,7 @@ var BrandsStrip = ({
     "div",
     {
       ref: containerRef,
-      className: clsx22(
+      className: clsx23(
         BrandsStrip_module_default.brandsStrip,
         BrandsStrip_module_default[variant],
         { [BrandsStrip_module_default.small]: size === "small" },
@@ -666,13 +666,13 @@ var BrandsStrip = ({
       onMouseEnter: handleMouseEnter,
       onMouseLeave: handleMouseLeave,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: clsx22(BrandsStrip_module_default.container, { [BrandsStrip_module_default.blurred]: show && logos.length > 1 }), children: [
-          title && logos.length === 1 && /* @__PURE__ */ jsx("h2", { className: clsx22("body", BrandsStrip_module_default.title), children: title }),
+        /* @__PURE__ */ jsxs("div", { className: clsx23(BrandsStrip_module_default.container, { [BrandsStrip_module_default.blurred]: show && logos.length > 1 }), children: [
+          title && logos.length === 1 && /* @__PURE__ */ jsx("h2", { className: clsx23("body", BrandsStrip_module_default.title), children: title }),
           logos.length > 0 && /* @__PURE__ */ jsx(
             "div",
             {
               ref: marqueeRef,
-              className: clsx22(BrandsStrip_module_default.logos, { [BrandsStrip_module_default.marqueeGSAP]: shouldAnimate }),
+              className: clsx23(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}`))
             }
           )
@@ -719,7 +719,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: clsx22(Container_module_default.container, className) }, props), { children }));
+    return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ ref, className: clsx23(Container_module_default.container, className) }, props), { children }));
   }
 );
 Container.displayName = "Container";
@@ -760,14 +760,14 @@ var Card = ({
     ConditionalWrapper,
     __spreadProps(__spreadValues({
       ref,
-      className: clsx22(Card_module_default.card, Card_module_default[variant], className),
+      className: clsx23(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: clsx22(Card_module_default.logo, isLink && Card_module_default.hideLogo) }, logo)) : icon && /* @__PURE__ */ jsx(Icon, { type: icon, className: clsx22(Card_module_default.logo, isLink && Card_module_default.hideLogo) }),
+          (logo == null ? void 0 : logo.src) ? /* @__PURE__ */ jsx(Picture, __spreadValues({ className: clsx23(Card_module_default.logo, isLink && Card_module_default.hideLogo) }, logo)) : icon && /* @__PURE__ */ jsx(Icon, { type: icon, className: clsx23(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: [
@@ -802,10 +802,10 @@ var CountingCard = ({ className, title, count, image, children }) => {
     title: CountingCardTitle
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
-  return /* @__PURE__ */ jsxs("div", { className: clsx22(CountingCard_module_default["counting-card"], className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx23(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: clsx22(CountingCard_module_default.count, "h1"), children: count })
+      count && /* @__PURE__ */ jsx("div", { className: clsx23(CountingCard_module_default.count, "h1"), children: count })
     ] }),
     image && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: CountingCard_module_default.logo }, image))
   ] });
@@ -837,9 +837,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: clsx22(InfoCard_module_default["info-card"], { [InfoCard_module_default.hasIcon]: !!icon }, className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx23(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: clsx22(InfoCard_module_default.badge, "h4"), children: badge }) : null,
+      icon ? /* @__PURE__ */ jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsx("div", { className: clsx23(InfoCard_module_default.badge, "h4"), children: badge }) : null,
       titleNode && /* @__PURE__ */ jsx("div", { className: "h4", children: titleNode })
     ] }),
     subtitleNode && /* @__PURE__ */ jsx("div", { className: "body", children: subtitleNode })
@@ -901,7 +901,7 @@ var Pagination = ({
     setActivePage(page);
     onPageChange == null ? void 0 : onPageChange(page);
   };
-  return /* @__PURE__ */ jsxs("div", { className: clsx22(Pagination_module_default.pagination, className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx23(Pagination_module_default.pagination, className), children: [
     !disableArrows && /* @__PURE__ */ jsx(
       "button",
       {
@@ -918,7 +918,7 @@ var Pagination = ({
         "button",
         {
           onClick: () => goToPage(page),
-          className: clsx22(Pagination_module_default.page, {
+          className: clsx23(Pagination_module_default.page, {
             [Pagination_module_default.active]: activePage === page,
             [Pagination_module_default.number]: hasNumber
           }),
@@ -954,7 +954,7 @@ var PracticeCard_module_default = {
 };
 var PracticeCard = ({ className, title, cta, image }) => {
   const { url: href, isExternal } = cta != null ? cta : {};
-  return /* @__PURE__ */ jsx("div", { className: clsx22(PracticeCard_module_default["practice-card"], className), children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx("div", { className: clsx23(PracticeCard_module_default["practice-card"], className), children: /* @__PURE__ */ jsxs(
     ConditionalWrapper,
     __spreadProps(__spreadValues({
       className: PracticeCard_module_default.wrapper,
@@ -965,7 +965,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: clsx22(PracticeCard_module_default.title, "h3"), children: title }),
+          title && /* @__PURE__ */ jsx("div", { className: clsx23(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" })
@@ -975,6 +975,23 @@ var PracticeCard = ({ className, title, cta, image }) => {
     })
   ) });
 };
+
+// src/components/LogoBar/LogoBar.module.scss
+var LogoBar_module_default = {
+  logoBar: "LogoBar_module_logoBar",
+  logoWrapper: "LogoBar_module_logoWrapper",
+  logo: "LogoBar_module_logo",
+  logoHover: "LogoBar_module_logoHover"
+};
+var LogoBar = ({ className, items }) => {
+  if (!items || items.length === 0) return null;
+  return /* @__PURE__ */ jsx("div", { className: clsx23(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))
+    ] }) }, key);
+  }) });
+};
 var CardCollectionTitle = ({ children }) => {
   return /* @__PURE__ */ jsx(Fragment, { children });
 };
@@ -1054,13 +1071,13 @@ var CardCollection = ({
     Container,
     {
       ref: container,
-      className: clsx22(CardCollection_module_default["card-collection"], CardCollection_module_default[variant], className),
+      className: clsx23(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: clsx22(CardCollection_module_default.cardWrapper, { [CardCollection_module_default["is-expanded"]]: isExpanded }), children: [
+        /* @__PURE__ */ jsx("div", { className: CardCollection_module_default.wrapper, children: /* @__PURE__ */ jsxs("div", { className: clsx23(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,
@@ -1161,7 +1178,7 @@ var ContactModule = ({
     },
     { scope: containerRef, dependencies: [blurred, animateBlur] }
   );
-  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: clsx22(ContactModule_module_default["contact-module"], className), children: [
+  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: clsx23(ContactModule_module_default["contact-module"], className), children: [
     blurred && /* @__PURE__ */ jsx(
       "div",
       {
@@ -1176,8 +1193,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: clsx22(ContactModule_module_default.title, "h1"), children: titleNode }),
-          subtitleNode && /* @__PURE__ */ jsx("div", { className: clsx22(ContactModule_module_default.subtitle, "subheading"), children: subtitleNode })
+          titleNode && /* @__PURE__ */ jsx("div", { className: clsx23(ContactModule_module_default.title, "h1"), children: titleNode }),
+          subtitleNode && /* @__PURE__ */ jsx("div", { className: clsx23(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,
@@ -1238,7 +1255,7 @@ var Footer = ({
     disclaimer: FooterDisclaimer
   });
   const titleNode = (_a = slots.disclaimer) != null ? _a : disclaimer;
-  return /* @__PURE__ */ jsx("footer", { className: clsx22(Footer_module_default.footer, className), children: /* @__PURE__ */ jsxs(Container, { className: Footer_module_default.container, children: [
+  return /* @__PURE__ */ jsx("footer", { className: clsx23(Footer_module_default.footer, className), children: /* @__PURE__ */ jsxs(Container, { className: Footer_module_default.container, children: [
     /* @__PURE__ */ jsxs("div", { className: Footer_module_default.bottom, children: [
       /* @__PURE__ */ jsxs("div", { className: Footer_module_default["bottom-left"], children: [
         supporters.length > 0 && /* @__PURE__ */ jsx("div", { className: Footer_module_default.supporters, children: /* @__PURE__ */ jsx("div", { className: Footer_module_default["supporters-logos"], children: supporters.map(
@@ -1254,7 +1271,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: clsx22(Footer_module_default.disclaimer, "p"), children: titleNode }),
+        titleNode && /* @__PURE__ */ jsx("div", { className: clsx23(Footer_module_default.disclaimer, "p"), children: titleNode }),
         copyright && /* @__PURE__ */ jsx("p", { className: Footer_module_default.copyright, children: copyright })
       ] }),
       columns.length > 0 && /* @__PURE__ */ jsx("nav", { className: Footer_module_default["bottom-right"], children: columns.map((column, colIndex) => /* @__PURE__ */ jsx("ul", { className: Footer_module_default["nav-list"], children: column.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
@@ -1270,6 +1287,12 @@ var Footer = ({
     children
   ] }) });
 };
+var Text = (_a) => {
+  var _b = _a, { tag = "p", promoteToH1 = false, ref, children } = _b, props = __objRest(_b, ["tag", "promoteToH1", "ref", "children"]);
+  const Component = promoteToH1 ? "h1" : tag;
+  return /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({ ref }, props), { children }));
+};
+Text.displayName = "Text";
 var HeroBannerTitle = ({ children }) => {
   return /* @__PURE__ */ jsx(Fragment, { children });
 };
@@ -1280,26 +1303,23 @@ var HeroBannerSubtitle = ({ children }) => {
 // src/widgets/HeroBanner/HeroBanner.module.scss
 var HeroBanner_module_default = {
   heroBanner: "HeroBanner_module_heroBanner",
-  pageHeroBanner: "HeroBanner_module_pageHeroBanner",
   container: "HeroBanner_module_container",
-  bannerPodcast: "HeroBanner_module_bannerPodcast",
   banner: "HeroBanner_module_banner",
   text: "HeroBanner_module_text",
+  titleLogo: "HeroBanner_module_titleLogo",
   title: "HeroBanner_module_title",
   subtitle: "HeroBanner_module_subtitle",
-  logoWrapper: "HeroBanner_module_logoWrapper",
-  logo: "HeroBanner_module_logo",
-  horizontalGradient: "HeroBanner_module_horizontalGradient",
-  lensCrafters: "HeroBanner_module_lensCrafters",
-  forEyes: "HeroBanner_module_forEyes",
-  optical: "HeroBanner_module_optical",
-  pearleVision: "HeroBanner_module_pearleVision",
   ctaContainer: "HeroBanner_module_ctaContainer",
   brandsStrip: "HeroBanner_module_brandsStrip",
   backgroundImage: "HeroBanner_module_backgroundImage",
   scrollDown: "HeroBanner_module_scrollDown",
   arrow: "HeroBanner_module_arrow",
-  mainHeroBanner: "HeroBanner_module_mainHeroBanner"
+  mainHeroBanner: "HeroBanner_module_mainHeroBanner",
+  bannerPodcast: "HeroBanner_module_bannerPodcast",
+  logoWrapper: "HeroBanner_module_logoWrapper",
+  logo: "HeroBanner_module_logo",
+  horizontalGradient: "HeroBanner_module_horizontalGradient",
+  logoBar: "HeroBanner_module_logoBar"
 };
 var HeroBanner = ({
   className,
@@ -1309,7 +1329,9 @@ var HeroBanner = ({
   backgroundImage,
   logo,
   cta,
+  ctaLogo,
   brands,
+  promoteToH1,
   children
 }) => {
   var _a, _b;
@@ -1317,18 +1339,42 @@ var HeroBanner = ({
   const isTabletBelow = is("tablet", "below");
   const vPageHeroBanner = variant === "pageHeroBanner";
   const vBannerPodcast = variant === "bannerPodcast";
+  const isTitleLogo = (logo == null ? void 0 : logo.variant) === "titleLogo";
+  const GRADIENT_BANDS = [
+    { color: "var(--color-lenscrafter-blue)" },
+    { color: "var(--color-foreyes-brown)" },
+    { color: "var(--color-targetoptical-red)" },
+    { color: "var(--color-pearlevision-green)" }
+  ];
   const slots = resolveCompoundSlots(children, {
     title: HeroBannerTitle,
     subtitle: HeroBannerSubtitle
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
-  return /* @__PURE__ */ jsxs("div", { className: clsx22(HeroBanner_module_default.heroBanner, HeroBanner_module_default[variant], className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx23(HeroBanner_module_default.heroBanner, HeroBanner_module_default[variant], 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: [
-          titleNode && /* @__PURE__ */ jsx("h1", { className: clsx22(HeroBanner_module_default.title, "h1"), children: titleNode }),
-          subtitleNode && /* @__PURE__ */ jsx("div", { className: clsx22(HeroBanner_module_default.subtitle, "subtitle"), children: subtitleNode })
+          isTitleLogo && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: HeroBanner_module_default.titleLogo }, logo)),
+          titleNode && /* @__PURE__ */ jsx(
+            Text,
+            {
+              tag: "h2",
+              promoteToH1,
+              className: clsx23(HeroBanner_module_default.title, vBannerPodcast ? "h3" : "h1"),
+              children: titleNode
+            }
+          ),
+          subtitleNode && /* @__PURE__ */ jsx(
+            Text,
+            {
+              tag: "div",
+              promoteToH1: promoteToH1 && !titleNode,
+              className: clsx23(HeroBanner_module_default.subtitle, "subheading"),
+              children: subtitleNode
+            }
+          )
         ] }),
         cta && cta.length > 0 && !vBannerPodcast && /* @__PURE__ */ jsx("div", { className: HeroBanner_module_default.ctaContainer, children: cta.slice(0, 2).map((cta2, key) => {
           return /* @__PURE__ */ jsx(
@@ -1343,9 +1389,10 @@ var HeroBanner = ({
             },
             key
           );
-        }) })
+        }) }),
+        ctaLogo && ctaLogo.length > 0 && vBannerPodcast && /* @__PURE__ */ jsx(LogoBar, { items: ctaLogo, className: HeroBanner_module_default.logoBar })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: HeroBanner_module_default.logoWrapper, children: logo && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: HeroBanner_module_default.logo }, logo)) }),
+      logo && !isTitleLogo && /* @__PURE__ */ jsx("div", { className: HeroBanner_module_default.logoWrapper, children: /* @__PURE__ */ jsx(Picture, __spreadValues({ className: HeroBanner_module_default.logo }, logo)) }),
       !vBannerPodcast && /* @__PURE__ */ jsx(
         BrandsStrip,
         __spreadValues({
@@ -1354,14 +1401,9 @@ var HeroBanner = ({
           size: isTabletBelow || vPageHeroBanner ? "small" : void 0
         }, brands)
       ),
-      backgroundImage && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: HeroBanner_module_default.backgroundImage }, backgroundImage))
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: HeroBanner_module_default.horizontalGradient, children: [
-      /* @__PURE__ */ jsx("div", { className: HeroBanner_module_default.lensCrafters }),
-      /* @__PURE__ */ jsx("div", { className: HeroBanner_module_default.forEyes }),
-      /* @__PURE__ */ jsx("div", { className: HeroBanner_module_default.optical }),
-      /* @__PURE__ */ jsx("div", { className: HeroBanner_module_default.pearleVision })
+      backgroundImage && !vBannerPodcast && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: HeroBanner_module_default.backgroundImage }, backgroundImage))
     ] }),
+    vBannerPodcast && /* @__PURE__ */ jsx("div", { className: HeroBanner_module_default.horizontalGradient, children: GRADIENT_BANDS.map((band, index) => /* @__PURE__ */ jsx("div", { style: { backgroundColor: band.color } }, index)) }),
     !vBannerPodcast && /* @__PURE__ */ jsx("div", { className: HeroBanner_module_default.scrollDown, children: /* @__PURE__ */ jsx(Icon, { type: "downChevronBlack", className: HeroBanner_module_default.arrow }) })
   ] });
 };
@@ -1406,7 +1448,7 @@ var HeroBannerCarousel = ({
   const [swiperInstance, setSwiperInstance] = useState(null);
   const [activeIndex, setActiveIndex] = useState(0);
   if (!items.length) return null;
-  return /* @__PURE__ */ jsx("div", { className: clsx22(HeroBannerCarousel_module_default.heroBannerCarousel, className), children: /* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.inner, children: [
+  return /* @__PURE__ */ jsx("div", { className: clsx23(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,
       {
@@ -1453,7 +1495,7 @@ var HeroBannerCarousel = ({
       /* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.pagination, children: items.map((_, index) => /* @__PURE__ */ jsx(
         "button",
         {
-          className: clsx22(HeroBannerCarousel_module_default.dot, index === activeIndex && HeroBannerCarousel_module_default.dotActive),
+          className: clsx23(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}`
         },
@@ -1472,12 +1514,6 @@ var HeroBannerCarousel = ({
     ] })
   ] }) });
 };
-var Text = (_a) => {
-  var _b = _a, { tag = "p", promoteToH1 = false, ref, children } = _b, props = __objRest(_b, ["tag", "promoteToH1", "ref", "children"]);
-  const Component = promoteToH1 ? "h1" : tag;
-  return /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({ ref }, props), { children }));
-};
-Text.displayName = "Text";
 
 // src/components/Accordion/Accordion.module.scss
 var Accordion_module_default = {
@@ -1539,7 +1575,7 @@ var AccordionItem = ({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: clsx22(
+      className: clsx23(
         Accordion_module_default.accordionItem,
         {
           [Accordion_module_default.accordionItemOpen]: isOpen
@@ -1550,18 +1586,18 @@ var AccordionItem = ({
         /* @__PURE__ */ jsxs(
           "button",
           {
-            className: clsx22(Accordion_module_default.accordionHeader, {
+            className: clsx23(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: clsx22("body", Accordion_module_default.accordionTitle), children: title }) }),
+              /* @__PURE__ */ jsx("div", { className: Accordion_module_default.accordionHeaderLeft, children: /* @__PURE__ */ jsx("span", { className: clsx23("body", Accordion_module_default.accordionTitle), children: title }) }),
               /* @__PURE__ */ jsx(
                 "span",
                 {
-                  className: clsx22(Accordion_module_default.accordionChevron, {
+                  className: clsx23(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 })
@@ -1613,7 +1649,7 @@ var Accordion = ({
   if (items.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsx("div", { className: clsx22(Accordion_module_default.accordion, className), children: items.map((item) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { className: clsx23(Accordion_module_default.accordion, className), children: items.map((item) => /* @__PURE__ */ jsx(
     AccordionItem,
     {
       id: item.id,
@@ -1703,7 +1739,7 @@ var InternalBrandsTab = (props) => {
       };
     })) || [];
   }, [tabs]);
-  return /* @__PURE__ */ jsxs(Container, { className: clsx22(InternalBrandsTab_module_default.internalBrandsTab, className), children: [
+  return /* @__PURE__ */ jsxs(Container, { className: clsx23(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 })
@@ -1719,7 +1755,7 @@ var InternalBrandsTab = (props) => {
         },
         index
       )) }),
-      /* @__PURE__ */ jsx("div", { className: clsx22(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: clsx23(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 }),
@@ -1810,17 +1846,17 @@ var MiniBanner = ({
   const pretitleNode = (_a = slots.pretitle) != null ? _a : pretitle;
   const titleNode = (_b = slots.title) != null ? _b : title;
   const subtitleNode = (_c = slots.subtitle) != null ? _c : subtitle;
-  return /* @__PURE__ */ jsxs("div", { className: clsx22(MiniBanner_module_default.minibanner, MiniBanner_module_default[variant], className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx23(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__ */ 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: clsx22(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
-        /* @__PURE__ */ jsx("div", { className: MiniBanner_module_default.headingWrapper, children: titleNode && /* @__PURE__ */ jsx("div", { className: clsx22(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode }) }),
+        pretitleNode && /* @__PURE__ */ jsx("div", { className: clsx23(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
+        /* @__PURE__ */ jsx("div", { className: MiniBanner_module_default.headingWrapper, children: titleNode && /* @__PURE__ */ jsx("div", { className: clsx23(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode }) }),
         subtitleNode && /* @__PURE__ */ jsx(
           "div",
           {
-            className: clsx22(MiniBanner_module_default.title, {
+            className: clsx23(MiniBanner_module_default.title, {
               subheading: isMiniBannerNoBG || isMiniBannerTextLeft,
               h1: !isMiniBannerNoBG && !isMiniBannerTextLeft
             }),
@@ -1891,14 +1927,14 @@ var MiniSectionCta = ({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: clsx22(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], theme && MiniSectionCta_module_default[theme], className),
+      className: clsx23(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: clsx22(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
+              className: clsx23(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
               children: subtitleNode
             }
           )
@@ -1963,7 +1999,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: clsx22(PracticePathCards_module_default["practice-path-cards"], className), children: /* @__PURE__ */ jsxs(Container, { className: PracticePathCards_module_default.container, children: [
+  return /* @__PURE__ */ jsx("div", { className: clsx23(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 }),
@@ -2017,8 +2053,8 @@ var Teaser5050With3Text = ({
     title: Teaser5050With3TextTitle
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
-  return /* @__PURE__ */ jsx("div", { className: clsx22(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: clsx22(Teaser5050With3Text_module_default.title, "h3"), children: titleNode }),
+  return /* @__PURE__ */ jsx("div", { className: clsx23(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: clsx23(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))
@@ -2068,12 +2104,12 @@ var Teaser5050WithCta = ({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: clsx22(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className),
+      className: clsx23(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: clsx22(Teaser5050WithCta_module_default.title, "h3"), children: titleNode }),
+            titleNode && /* @__PURE__ */ jsx("div", { className: clsx23(Teaser5050WithCta_module_default.title, "h3"), children: titleNode }),
             subtitleNode && /* @__PURE__ */ jsx("div", { className: "subheading", children: subtitleNode })
           ] }),
           (ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsx("div", { className: Teaser5050WithCta_module_default.ctaWrapper, children: ctas.map((cta, key) => /* @__PURE__ */ jsx(
@@ -2137,7 +2173,7 @@ var UpcomingEventCard = ({
   return /* @__PURE__ */ jsxs(
     "article",
     {
-      className: clsx22(
+      className: clsx23(
         "card",
         UpcomingEventCard_module_default["event-card"],
         UpcomingEventCard_module_default[direction],
@@ -2145,26 +2181,26 @@ var UpcomingEventCard = ({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs("div", { className: clsx22("card-content", UpcomingEventCard_module_default["event-card-content"]), children: [
-          showImage && image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx22("card-image", UpcomingEventCard_module_default["event-card-image"]) })),
+        /* @__PURE__ */ jsxs("div", { className: clsx23("card-content", UpcomingEventCard_module_default["event-card-content"]), children: [
+          showImage && image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx23("card-image", UpcomingEventCard_module_default["event-card-image"]) })),
           /* @__PURE__ */ jsxs(
             "div",
             {
-              className: clsx22(
+              className: clsx23(
                 "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: clsx22("card-text-title"), children: title }),
+                title && /* @__PURE__ */ jsx("h3", { className: clsx23("card-text-title"), children: title }),
                 location && /* @__PURE__ */ jsx("span", { className: UpcomingEventCard_module_default.location, children: location }),
-                description && /* @__PURE__ */ jsx("div", { className: clsx22("card-text-description", UpcomingEventCard_module_default.description), children: description }),
+                description && /* @__PURE__ */ jsx("div", { className: clsx23("card-text-description", UpcomingEventCard_module_default.description), children: description }),
                 cta && cta.url && /* @__PURE__ */ jsx(
                   Button,
                   {
                     variant: "secondary",
-                    className: clsx22(
+                    className: clsx23(
                       "card-cta",
                       UpcomingEventCard_module_default["event-card-cta"],
                       !hasCTAandImage && UpcomingEventCard_module_default.hidden
@@ -2183,12 +2219,12 @@ var UpcomingEventCard = ({
         cta && cta.url && /* @__PURE__ */ jsx(
           "div",
           {
-            className: clsx22("card-footer", UpcomingEventCard_module_default["event-card-footer"], hasImage && UpcomingEventCard_module_default.hidden),
+            className: clsx23("card-footer", UpcomingEventCard_module_default["event-card-footer"], hasImage && UpcomingEventCard_module_default.hidden),
             children: /* @__PURE__ */ jsx(
               Button,
               {
                 variant: "secondary",
-                className: clsx22("card-cta", UpcomingEventCard_module_default["event-card-cta"]),
+                className: clsx23("card-cta", UpcomingEventCard_module_default["event-card-cta"]),
                 fullWidth: isBelowMobile,
                 href: cta.url,
                 icon: cta.icon,
@@ -2225,7 +2261,7 @@ var Carousel = (_a) => {
       },
       role: "region",
       "aria-label": ariaLabel,
-      className: clsx22(Carousel_module_default.carousel, className),
+      className: clsx23(Carousel_module_default.carousel, className),
       spaceBetween: 0,
       slidesPerView: "auto",
       modules: [FreeMode, A11y],
@@ -2235,7 +2271,7 @@ var Carousel = (_a) => {
       children: slides.map((slide, index) => /* @__PURE__ */ jsx(
         SwiperSlide,
         {
-          className: clsx22(Carousel_module_default["carousel-item"], props.slideClass),
+          className: clsx23(Carousel_module_default["carousel-item"], props.slideClass),
           children: slide
         },
         index
@@ -2285,13 +2321,13 @@ var EventList = ({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: clsx22("event-list-module", EventList_module_default["event-list-module"], className),
+      className: clsx23("event-list-module", EventList_module_default["event-list-module"], className),
       style: {
         backgroundColor
       },
-      children: /* @__PURE__ */ jsxs(Container, { className: clsx22(EventList_module_default["event-list-container"]), children: [
+      children: /* @__PURE__ */ jsxs(Container, { className: clsx23(EventList_module_default["event-list-container"]), children: [
         /* @__PURE__ */ jsxs("div", { className: EventList_module_default["event-list-header-container"], children: [
-          titleNode && /* @__PURE__ */ jsx("h2", { className: clsx22(EventList_module_default["event-list-title"]), children: titleNode }),
+          titleNode && /* @__PURE__ */ jsx("h2", { className: clsx23(EventList_module_default["event-list-title"]), children: titleNode }),
           cta && cta.url && /* @__PURE__ */ jsx(
             Button,
             {
@@ -2308,7 +2344,7 @@ var EventList = ({
           Carousel,
           {
             "aria-label": "Upcoming events",
-            wrapperClass: clsx22(EventList_module_default["carousel-wrapper"], EventList_module_default[variant]),
+            wrapperClass: clsx23(EventList_module_default["carousel-wrapper"], EventList_module_default[variant]),
             slideClass: EventList_module_default["carousel-list-item"],
             spaceBetween: 16,
             slides: items.map((item) => {
@@ -2316,7 +2352,7 @@ var EventList = ({
               return /* @__PURE__ */ jsx(
                 UpcomingEventCard,
                 __spreadValues({
-                  className: clsx22(EventList_module_default["event-card"]),
+                  className: clsx23(EventList_module_default["event-card"]),
                   direction: "vertical",
                   showImage: false
                 }, item),
@@ -2329,17 +2365,17 @@ var EventList = ({
           "ul",
           {
             "aria-label": "Upcoming events",
-            className: clsx22(EventList_module_default["event-list-wrapper"], EventList_module_default["horizontal"], EventList_module_default[variant]),
+            className: clsx23(EventList_module_default["event-list-wrapper"], EventList_module_default["horizontal"], EventList_module_default[variant]),
             children: items == null ? void 0 : items.map((item, index) => {
               var _a2, _b, _c;
               return /* @__PURE__ */ jsx(
                 "li",
                 {
-                  className: clsx22(EventList_module_default["card-list-item"]),
+                  className: clsx23(EventList_module_default["card-list-item"]),
                   children: /* @__PURE__ */ jsx(
                     UpcomingEventCard,
                     __spreadProps(__spreadValues({}, item), {
-                      className: clsx22(EventList_module_default["card-item"]),
+                      className: clsx23(EventList_module_default["card-item"]),
                       showImage: false,
                       direction: "vertical"
                     })
@@ -2354,7 +2390,7 @@ var EventList = ({
           "ul",
           {
             "aria-label": "Upcoming events",
-            className: clsx22(EventList_module_default["event-list-wrapper"], EventList_module_default[listDirection]),
+            className: clsx23(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);
@@ -2401,9 +2437,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: clsx22(TextEvent_module_default.textEvent, className), children: [
+  return /* @__PURE__ */ jsxs(Container, { className: clsx23(TextEvent_module_default.textEvent, className), children: [
     /* @__PURE__ */ jsx(Text, { tag: "h2", className: TextEvent_module_default.title, children: titleNode }),
-    /* @__PURE__ */ jsx("div", { className: clsx22(TextEvent_module_default.richText, TextEvent_module_default[variant != null ? variant : ""]), children: richTextNode })
+    /* @__PURE__ */ jsx("div", { className: clsx23(TextEvent_module_default.richText, TextEvent_module_default[variant != null ? variant : ""]), children: richTextNode })
   ] });
 };
 
@@ -2434,7 +2470,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: clsx22(TextBody_module_default.textBody, className), children: [
+  return /* @__PURE__ */ jsxs(Container, { className: clsx23(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 })
   ] });
@@ -2477,7 +2513,7 @@ var TextCenterCtaInBottom = ({
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
-  return /* @__PURE__ */ jsx("div", { className: clsx22(TextCenterCtaInBottom_module_default.textCenterCta, className), children: /* @__PURE__ */ jsxs(Container, { className: TextCenterCtaInBottom_module_default.container, children: [
+  return /* @__PURE__ */ jsx("div", { className: clsx23(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 })
@@ -2485,7 +2521,7 @@ var TextCenterCtaInBottom = ({
     !!(ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsx(
       "div",
       {
-        className: clsx22(
+        className: clsx23(
           TextCenterCtaInBottom_module_default.ctaWrapper,
           ctas.every((cta) => !cta.label && cta.logo) && TextCenterCtaInBottom_module_default.iconOnly
         ),
@@ -2610,7 +2646,7 @@ function FilterBar({
         "button",
         {
           type: "button",
-          className: clsx22(ResourcesGridList_module_default.chip, view === "grid" && ResourcesGridList_module_default.active),
+          className: clsx23(ResourcesGridList_module_default.chip, view === "grid" && ResourcesGridList_module_default.active),
           onClick: () => onViewChange("grid"),
           "aria-pressed": view === "grid",
           children: [
@@ -2623,7 +2659,7 @@ function FilterBar({
         "button",
         {
           type: "button",
-          className: clsx22(ResourcesGridList_module_default.chip, view === "list" && ResourcesGridList_module_default.active),
+          className: clsx23(ResourcesGridList_module_default.chip, view === "list" && ResourcesGridList_module_default.active),
           onClick: () => onViewChange("list"),
           "aria-pressed": view === "list",
           children: [
@@ -2639,7 +2675,7 @@ function FilterBar({
           "button",
           {
             type: "button",
-            className: clsx22(ResourcesGridList_module_default.chip, filterValue !== "all" && ResourcesGridList_module_default.active),
+            className: clsx23(ResourcesGridList_module_default.chip, filterValue !== "all" && ResourcesGridList_module_default.active),
             onClick: () => setOpenDropdown(openDropdown === "filter" ? null : "filter"),
             "aria-expanded": openDropdown === "filter",
             children: [
@@ -2654,7 +2690,7 @@ function FilterBar({
             type: "button",
             role: "option",
             "aria-selected": filterValue === opt.value,
-            className: clsx22(
+            className: clsx23(
               ResourcesGridList_module_default.dropdownOption,
               filterValue === opt.value && ResourcesGridList_module_default.selected
             ),
@@ -2690,7 +2726,7 @@ function FilterBar({
             type: "button",
             role: "option",
             "aria-selected": sortValue === opt.value,
-            className: clsx22(
+            className: clsx23(
               ResourcesGridList_module_default.dropdownOption,
               sortValue === opt.value && ResourcesGridList_module_default.selected
             ),
@@ -2706,7 +2742,7 @@ function FilterBar({
       searchState !== "closed" ? /* @__PURE__ */ jsxs(
         "div",
         {
-          className: clsx22(
+          className: clsx23(
             ResourcesGridList_module_default.searchExpanded,
             searchState === "closing" && ResourcesGridList_module_default.searchCollapsing
           ),
@@ -2757,7 +2793,7 @@ var Sidebar = ({ categories, isMobile, onToggle }) => {
     return /* @__PURE__ */ jsxs(
       "li",
       {
-        className: clsx22(ResourcesGridList_module_default.sidebarItem, cat.active && ResourcesGridList_module_default.active),
+        className: clsx23(ResourcesGridList_module_default.sidebarItem, cat.active && ResourcesGridList_module_default.active),
         children: [
           /* @__PURE__ */ jsx("span", { children: cat.label }),
           cat.hasNotification && /* @__PURE__ */ jsx("span", { className: ResourcesGridList_module_default.notificationDot, "aria-label": "New" })
@@ -2820,7 +2856,7 @@ var ResourcesGridList = ({
     if (sortValue === "za") return b.title.localeCompare(a.title);
     return 0;
   });
-  return /* @__PURE__ */ jsxs("div", { className: clsx22(ResourcesGridList_module_default.widget, className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx23(ResourcesGridList_module_default.widget, className), children: [
     /* @__PURE__ */ jsx(
       FilterBar,
       {
@@ -2837,7 +2873,7 @@ var ResourcesGridList = ({
       isMobile && /* @__PURE__ */ jsxs(
         "div",
         {
-          className: clsx22(
+          className: clsx23(
             ResourcesGridList_module_default.mobileSidebarOverlay,
             isSidebarOpen && ResourcesGridList_module_default.mobileSidebarOverlayOpen
           ),
@@ -2848,7 +2884,7 @@ var ResourcesGridList = ({
               return /* @__PURE__ */ jsxs(
                 "li",
                 {
-                  className: clsx22(ResourcesGridList_module_default.mobileSidebarItem, cat.active && ResourcesGridList_module_default.active),
+                  className: clsx23(ResourcesGridList_module_default.mobileSidebarItem, cat.active && ResourcesGridList_module_default.active),
                   children: [
                     /* @__PURE__ */ jsx("span", { children: cat.label }),
                     cat.hasNotification && /* @__PURE__ */ jsx("span", { className: ResourcesGridList_module_default.notificationDot, "aria-label": "New" })
@@ -2878,7 +2914,7 @@ var ResourcesGridList = ({
           onToggle: () => setIsSidebarOpen(true)
         }
       ),
-      /* @__PURE__ */ jsx("div", { className: clsx22(ResourcesGridList_module_default.cardsArea, ResourcesGridList_module_default[view]), children: displayedItems.map((item, i) => {
+      /* @__PURE__ */ jsx("div", { className: clsx23(ResourcesGridList_module_default.cardsArea, ResourcesGridList_module_default[view]), children: displayedItems.map((item, i) => {
         var _a;
         return /* @__PURE__ */ jsx(ResourceCardItem, { item, view }, (_a = item.title) != null ? _a : i);
       }) })
@@ -2915,6 +2951,6 @@ function useIntersectionObserver({
   return { observeRef, isVisible };
 }
 
-export { Anchor, BrandsStrip, Button, Card2 as Card, CardCollection2 as CardCollection, ConditionalWrapper, ContactModule2 as ContactModule, Container, CountingCard2 as CountingCard, EventList2 as EventList, Footer, HeroBanner2 as HeroBanner, HeroBannerCarousel, Icon, InfoCard2 as InfoCard, InternalBrandsTab2 as InternalBrandsTab, MiniBanner2 as MiniBanner, MiniSectionCta2 as MiniSectionCta, Pagination, Picture, PracticeCard, PracticePathCards2 as PracticePathCards, ResourcesGridList, Teaser5050With3Text2 as Teaser5050With3Text, Teaser5050WithCta2 as Teaser5050WithCta, TextBody2 as TextBody, TextCenterCtaInBottom2 as TextCenterCtaInBottom, TextEvent2 as TextEvent, resolveCompoundSlots, svgs, useIntersectionObserver };
+export { Anchor, BrandsStrip, Button, Card2 as Card, CardCollection2 as CardCollection, ConditionalWrapper, ContactModule2 as ContactModule, Container, CountingCard2 as CountingCard, EventList2 as EventList, Footer, HeroBanner2 as HeroBanner, HeroBannerCarousel, Icon, InfoCard2 as InfoCard, InternalBrandsTab2 as InternalBrandsTab, LogoBar, MiniBanner2 as MiniBanner, MiniSectionCta2 as MiniSectionCta, Pagination, Picture, PracticeCard, PracticePathCards2 as PracticePathCards, ResourcesGridList, Teaser5050With3Text2 as Teaser5050With3Text, Teaser5050WithCta2 as Teaser5050WithCta, TextBody2 as TextBody, TextCenterCtaInBottom2 as TextCenterCtaInBottom, TextEvent2 as TextEvent, resolveCompoundSlots, svgs, useIntersectionObserver };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map