@digital-b2c/coreui-kit 0.6.0 → 0.7.1

package/dist/index.mjs

@@ -1,11 +1,11 @@
-import clsx19 from 'clsx';
+import clsx20 from 'clsx';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import React52, { forwardRef, useRef, useState, useCallback, Children, isValidElement, useMemo, useEffect } from 'react';
 import gsap$1, { gsap } from 'gsap';
 import { useGSAP } from '@gsap/react';
 import { ScrollTrigger } from 'gsap/ScrollTrigger';
 import { Swiper, SwiperSlide } from 'swiper/react';
-import { FreeMode } from 'swiper/modules';
+import { FreeMode, Navigation, Pagination as Pagination$1 } from 'swiper/modules';
 import 'swiper/css';
 
 var __defProp = Object.defineProperty;
@@ -58,7 +58,7 @@ var Picture = (_a) => {
       __spreadValues({
         src: desktop.src,
         alt: desktop.alt,
-        className: clsx19(className, Picture_module_default["image-desktop"])
+        className: clsx20(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: clsx19(className, Picture_module_default["image-mobile"])
+        className: clsx20(className, Picture_module_default["image-mobile"])
       }, rest)
     )
   ] });
@@ -380,7 +380,7 @@ var Button = (_a) => {
   ]);
   const isLink = !!href;
   const props = __spreadValues(__spreadValues({
-    className: clsx19(
+    className: clsx20(
       Button_module_default.button,
       variant ? Button_module_default[variant] : null,
       { [Button_module_default.fullWidth]: !!fullWidth },
@@ -610,7 +610,7 @@ var BrandsStrip = ({
     "div",
     {
       ref: containerRef,
-      className: clsx19(
+      className: clsx20(
         BrandsStrip_module_default.brandsStrip,
         BrandsStrip_module_default[variant],
         { [BrandsStrip_module_default.small]: size === "small" },
@@ -619,13 +619,13 @@ var BrandsStrip = ({
       onMouseEnter: handleMouseEnter,
       onMouseLeave: handleMouseLeave,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: clsx19(BrandsStrip_module_default.container, { [BrandsStrip_module_default.blurred]: show && logos.length > 1 }), children: [
-          title && logos.length === 1 && /* @__PURE__ */ jsx("h2", { className: clsx19("body", BrandsStrip_module_default.title), children: title }),
+        /* @__PURE__ */ jsxs("div", { className: clsx20(BrandsStrip_module_default.container, { [BrandsStrip_module_default.blurred]: show && logos.length > 1 }), children: [
+          title && logos.length === 1 && /* @__PURE__ */ jsx("h2", { className: clsx20("body", BrandsStrip_module_default.title), children: title }),
           logos.length > 0 && /* @__PURE__ */ jsx(
             "div",
             {
               ref: marqueeRef,
-              className: clsx19(BrandsStrip_module_default.logos, { [BrandsStrip_module_default.marqueeGSAP]: shouldAnimate }),
+              className: clsx20(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}`))
             }
           )
@@ -672,7 +672,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: clsx19(Container_module_default.container, className) }, props), { children }));
+    return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ ref, className: clsx20(Container_module_default.container, className) }, props), { children }));
   }
 );
 Container.displayName = "Container";
@@ -709,7 +709,7 @@ var Card = ({
     ConditionalWrapper,
     __spreadProps(__spreadValues({
       ref,
-      className: clsx19(Card_module_default.card, Card_module_default[variant], className),
+      className: clsx20(Card_module_default.card, Card_module_default[variant], className),
       wrapper: Anchor,
       fallback: "div",
       condition: href && !label
@@ -748,10 +748,10 @@ var CountingCard = ({ className, title, count, image, children }) => {
     title: CountingCardTitle
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
-  return /* @__PURE__ */ jsxs("div", { className: clsx19(CountingCard_module_default["counting-card"], className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx20(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: clsx19(CountingCard_module_default.count, "h1"), children: count })
+      count && /* @__PURE__ */ jsx("div", { className: clsx20(CountingCard_module_default.count, "h1"), children: count })
     ] }),
     image && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: CountingCard_module_default.logo }, image))
   ] });
@@ -783,9 +783,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: clsx19(InfoCard_module_default["info-card"], { [InfoCard_module_default.hasIcon]: !!icon }, className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx20(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: clsx19(InfoCard_module_default.badge, "h4"), children: badge }) : null,
+      icon ? /* @__PURE__ */ jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsx("div", { className: clsx20(InfoCard_module_default.badge, "h4"), children: badge }) : null,
       titleNode && /* @__PURE__ */ jsx("div", { className: "h4", children: titleNode })
     ] }),
     subtitleNode && /* @__PURE__ */ jsx("div", { className: "body", children: subtitleNode })
@@ -847,7 +847,7 @@ var Pagination = ({
     setActivePage(page);
     onPageChange == null ? void 0 : onPageChange(page);
   };
-  return /* @__PURE__ */ jsxs("div", { className: clsx19(Pagination_module_default.pagination, className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx20(Pagination_module_default.pagination, className), children: [
     !disableArrows && /* @__PURE__ */ jsx(
       "button",
       {
@@ -864,7 +864,7 @@ var Pagination = ({
         "button",
         {
           onClick: () => goToPage(page),
-          className: clsx19(Pagination_module_default.page, {
+          className: clsx20(Pagination_module_default.page, {
             [Pagination_module_default.active]: activePage === page,
             [Pagination_module_default.number]: hasNumber
           }),
@@ -900,7 +900,7 @@ var PracticeCard_module_default = {
 };
 var PracticeCard = ({ className, title, cta, image }) => {
   const { url: href, isExternal } = cta != null ? cta : {};
-  return /* @__PURE__ */ jsx("div", { className: clsx19(PracticeCard_module_default["practice-card"], className), children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx("div", { className: clsx20(PracticeCard_module_default["practice-card"], className), children: /* @__PURE__ */ jsxs(
     ConditionalWrapper,
     __spreadProps(__spreadValues({
       className: PracticeCard_module_default.wrapper,
@@ -911,7 +911,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: clsx19(PracticeCard_module_default.title, "h3"), children: title }),
+          title && /* @__PURE__ */ jsx("div", { className: clsx20(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" })
@@ -1000,13 +1000,13 @@ var CardCollection = ({
     Container,
     {
       ref: container,
-      className: clsx19(CardCollection_module_default["card-collection"], CardCollection_module_default[variant], className),
+      className: clsx20(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: clsx19(CardCollection_module_default.cardWrapper, { [CardCollection_module_default["is-expanded"]]: isExpanded }), children: [
+        /* @__PURE__ */ jsx("div", { className: CardCollection_module_default.wrapper, children: /* @__PURE__ */ jsxs("div", { className: clsx20(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,
@@ -1107,7 +1107,7 @@ var ContactModule = ({
     },
     { scope: containerRef, dependencies: [blurred, animateBlur] }
   );
-  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: clsx19(ContactModule_module_default["contact-module"], className), children: [
+  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: clsx20(ContactModule_module_default["contact-module"], className), children: [
     blurred && /* @__PURE__ */ jsx(
       "div",
       {
@@ -1122,8 +1122,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: clsx19(ContactModule_module_default.title, "h1"), children: titleNode }),
-          subtitleNode && /* @__PURE__ */ jsx("div", { className: clsx19(ContactModule_module_default.subtitle, "subheading"), children: subtitleNode })
+          titleNode && /* @__PURE__ */ jsx("div", { className: clsx20(ContactModule_module_default.title, "h1"), children: titleNode }),
+          subtitleNode && /* @__PURE__ */ jsx("div", { className: clsx20(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,
@@ -1184,7 +1184,7 @@ var Footer = ({
     disclaimer: FooterDisclaimer
   });
   const titleNode = (_a = slots.disclaimer) != null ? _a : disclaimer;
-  return /* @__PURE__ */ jsx("footer", { className: clsx19(Footer_module_default.footer, className), children: /* @__PURE__ */ jsxs(Container, { className: Footer_module_default.container, children: [
+  return /* @__PURE__ */ jsx("footer", { className: clsx20(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(
@@ -1200,7 +1200,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: clsx19(Footer_module_default.disclaimer, "p"), children: titleNode }),
+        titleNode && /* @__PURE__ */ jsx("div", { className: clsx20(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(
@@ -1269,12 +1269,12 @@ var HeroBanner = ({
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
-  return /* @__PURE__ */ jsxs("div", { className: clsx19(HeroBanner_module_default.heroBanner, HeroBanner_module_default[variant], className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx20(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: clsx19(HeroBanner_module_default.title, "h1"), children: titleNode }),
-          subtitleNode && /* @__PURE__ */ jsx("div", { className: clsx19(HeroBanner_module_default.subtitle, "subtitle"), children: subtitleNode })
+          titleNode && /* @__PURE__ */ jsx("h1", { className: clsx20(HeroBanner_module_default.title, "h1"), children: titleNode }),
+          subtitleNode && /* @__PURE__ */ jsx("div", { className: clsx20(HeroBanner_module_default.subtitle, "subtitle"), 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(
@@ -1317,6 +1317,103 @@ var HeroBanner2 = Object.assign(HeroBanner, {
   Title: HeroBannerTitle,
   Subtitle: HeroBannerSubtitle
 });
+
+// src/widgets/HeroBannerCarousel/HeroBannerCarousel.module.scss
+var HeroBannerCarousel_module_default = {
+  heroBannerCarousel: "HeroBannerCarousel_module_heroBannerCarousel",
+  inner: "HeroBannerCarousel_module_inner",
+  swiperContainer: "HeroBannerCarousel_module_swiperContainer",
+  card: "HeroBannerCarousel_module_card",
+  cardContent: "HeroBannerCarousel_module_cardContent",
+  cardTitle: "HeroBannerCarousel_module_cardTitle",
+  cardBottom: "HeroBannerCarousel_module_cardBottom",
+  cardBody: "HeroBannerCarousel_module_cardBody",
+  cardCtaContainer: "HeroBannerCarousel_module_cardCtaContainer",
+  cardImageWrapper: "HeroBannerCarousel_module_cardImageWrapper",
+  cardImage: "HeroBannerCarousel_module_cardImage",
+  controls: "HeroBannerCarousel_module_controls",
+  navButton: "HeroBannerCarousel_module_navButton",
+  navIcon: "HeroBannerCarousel_module_navIcon",
+  pagination: "HeroBannerCarousel_module_pagination",
+  dot: "HeroBannerCarousel_module_dot",
+  dotActive: "HeroBannerCarousel_module_dotActive"
+};
+var HeroBannerCarousel = ({
+  className,
+  items = [],
+  navPrevIcon,
+  navNextIcon
+}) => {
+  const { is } = useViewPort_default();
+  const isMobile = is("tablet", "below");
+  const [swiperInstance, setSwiperInstance] = useState(null);
+  const [activeIndex, setActiveIndex] = useState(0);
+  if (!items.length) return null;
+  return /* @__PURE__ */ jsx("div", { className: clsx20(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,
+      {
+        modules: [Navigation, Pagination$1],
+        slidesPerView: "auto",
+        spaceBetween: isMobile ? 8 : 32,
+        onSwiper: setSwiperInstance,
+        onSlideChange: (swiper) => setActiveIndex(swiper.activeIndex),
+        children: items.map((item, index) => /* @__PURE__ */ jsx(SwiperSlide, { children: /* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.card, children: [
+          /* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.cardContent, children: [
+            /* @__PURE__ */ jsx("h3", { className: HeroBannerCarousel_module_default.cardTitle, children: item.title }),
+            /* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.cardBottom, children: [
+              /* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.cardBody, children: item.body }),
+              item.ctas.length > 0 && /* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.cardCtaContainer, children: item.ctas.map((cta, ctaIndex) => /* @__PURE__ */ jsx(
+                Button,
+                {
+                  href: cta.url,
+                  isExternal: cta.isExternal,
+                  variant: "primary",
+                  fullWidth: isMobile,
+                  logo: cta.logo,
+                  children: cta.label
+                },
+                ctaIndex
+              )) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.cardImageWrapper, children: /* @__PURE__ */ jsx(Picture, __spreadValues({ className: HeroBannerCarousel_module_default.cardImage }, item.image)) })
+        ] }) }, index))
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.controls, children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: HeroBannerCarousel_module_default.navButton,
+          onClick: () => swiperInstance == null ? void 0 : swiperInstance.slidePrev(),
+          disabled: activeIndex === 0,
+          "aria-label": "Previous slide",
+          children: navPrevIcon && /* @__PURE__ */ jsx("img", { src: navPrevIcon, alt: "", className: HeroBannerCarousel_module_default.navIcon })
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.pagination, children: items.map((_, index) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: clsx20(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}`
+        },
+        index
+      )) }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: HeroBannerCarousel_module_default.navButton,
+          onClick: () => swiperInstance == null ? void 0 : swiperInstance.slideNext(),
+          disabled: activeIndex === items.length - 1,
+          "aria-label": "Next slide",
+          children: navNextIcon && /* @__PURE__ */ jsx("img", { src: navNextIcon, alt: "", className: HeroBannerCarousel_module_default.navIcon })
+        }
+      )
+    ] })
+  ] }) });
+};
 var MiniBannerTitle = ({ children }) => {
   return /* @__PURE__ */ jsx(Fragment, { children });
 };
@@ -1365,17 +1462,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: clsx19(MiniBanner_module_default.minibanner, MiniBanner_module_default[variant], className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx20(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: clsx19(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
-        /* @__PURE__ */ jsx("div", { className: MiniBanner_module_default.headingWrapper, children: titleNode && /* @__PURE__ */ jsx("div", { className: clsx19(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode }) }),
+        pretitleNode && /* @__PURE__ */ jsx("div", { className: clsx20(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
+        /* @__PURE__ */ jsx("div", { className: MiniBanner_module_default.headingWrapper, children: titleNode && /* @__PURE__ */ jsx("div", { className: clsx20(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode }) }),
         subtitleNode && /* @__PURE__ */ jsx(
           "div",
           {
-            className: clsx19(MiniBanner_module_default.title, {
+            className: clsx20(MiniBanner_module_default.title, {
               subheading: isMiniBannerNoBG || isMiniBannerTextLeft,
               h1: !isMiniBannerNoBG && !isMiniBannerTextLeft
             }),
@@ -1446,14 +1543,14 @@ var MiniSectionCta = ({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: clsx19(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], theme && MiniSectionCta_module_default[theme], className),
+      className: clsx20(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: clsx19(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
+              className: clsx20(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
               children: subtitleNode
             }
           )
@@ -1518,7 +1615,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: clsx19(PracticePathCards_module_default["practice-path-cards"], className), children: /* @__PURE__ */ jsxs(Container, { className: PracticePathCards_module_default.container, children: [
+  return /* @__PURE__ */ jsx("div", { className: clsx20(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 }),
@@ -1572,8 +1669,8 @@ var Teaser5050With3Text = ({
     title: Teaser5050With3TextTitle
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
-  return /* @__PURE__ */ jsx("div", { className: clsx19(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: clsx19(Teaser5050With3Text_module_default.title, "h3"), children: titleNode }),
+  return /* @__PURE__ */ jsx("div", { className: clsx20(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: clsx20(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))
@@ -1623,12 +1720,12 @@ var Teaser5050WithCta = ({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: clsx19(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className),
+      className: clsx20(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: clsx19(Teaser5050WithCta_module_default.title, "h3"), children: titleNode }),
+            titleNode && /* @__PURE__ */ jsx("div", { className: clsx20(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(
@@ -1667,6 +1764,7 @@ var UpcomingEventCard_module_default = {
   description: "UpcomingEventCard_module_description",
   "event-card-footer": "UpcomingEventCard_module_event-card-footer",
   horizontal: "UpcomingEventCard_module_horizontal",
+  "event-card-show-image": "UpcomingEventCard_module_event-card-show-image",
   "event-card-cta": "UpcomingEventCard_module_event-card-cta",
   hidden: "UpcomingEventCard_module_hidden",
   "cta-without-image": "UpcomingEventCard_module_cta-without-image",
@@ -1691,7 +1789,7 @@ var UpcomingEventCard = ({
   return /* @__PURE__ */ jsxs(
     "article",
     {
-      className: clsx19(
+      className: clsx20(
         "card",
         UpcomingEventCard_module_default["event-card"],
         UpcomingEventCard_module_default[direction],
@@ -1699,39 +1797,49 @@ var UpcomingEventCard = ({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs("div", { className: clsx19("card-content", UpcomingEventCard_module_default["event-card-content"]), children: [
-          showImage && image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx19("card-image", UpcomingEventCard_module_default["event-card-image"]) })),
-          /* @__PURE__ */ jsxs("div", { className: clsx19("card-text-content", UpcomingEventCard_module_default["event-card-text-content"]), children: [
-            /* @__PURE__ */ jsx("span", { className: UpcomingEventCard_module_default.date, children: date }),
-            title && /* @__PURE__ */ jsx("h3", { className: clsx19("card-text-title"), children: title }),
-            location && /* @__PURE__ */ jsx("span", { className: UpcomingEventCard_module_default.location, children: location }),
-            description && /* @__PURE__ */ jsx("div", { className: clsx19("card-text-description", UpcomingEventCard_module_default.description), children: description }),
-            cta && cta.url && /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "secondary",
-                className: clsx19(
-                  "card-cta",
-                  UpcomingEventCard_module_default["event-card-cta"],
-                  !hasCTAandImage && UpcomingEventCard_module_default.hidden
-                ),
-                fullWidth: isBelowMobile,
-                href: cta.url,
-                icon: cta.icon,
-                children: cta.label
-              }
-            )
-          ] })
+        /* @__PURE__ */ jsxs("div", { className: clsx20("card-content", UpcomingEventCard_module_default["event-card-content"]), children: [
+          showImage && image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx20("card-image", UpcomingEventCard_module_default["event-card-image"]) })),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: clsx20(
+                "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: clsx20("card-text-title"), children: title }),
+                location && /* @__PURE__ */ jsx("span", { className: UpcomingEventCard_module_default.location, children: location }),
+                description && /* @__PURE__ */ jsx("div", { className: clsx20("card-text-description", UpcomingEventCard_module_default.description), children: description }),
+                cta && cta.url && /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "secondary",
+                    className: clsx20(
+                      "card-cta",
+                      UpcomingEventCard_module_default["event-card-cta"],
+                      !hasCTAandImage && UpcomingEventCard_module_default.hidden
+                    ),
+                    fullWidth: isBelowMobile,
+                    href: cta.url,
+                    icon: cta.icon,
+                    children: cta.label
+                  }
+                )
+              ]
+            }
+          )
         ] }),
         cta && cta.url && /* @__PURE__ */ jsx(
           "div",
           {
-            className: clsx19("card-footer", UpcomingEventCard_module_default["event-card-footer"], hasImage && UpcomingEventCard_module_default.hidden),
+            className: clsx20("card-footer", UpcomingEventCard_module_default["event-card-footer"], hasImage && UpcomingEventCard_module_default.hidden),
             children: /* @__PURE__ */ jsx(
               Button,
               {
                 variant: "secondary",
-                className: clsx19("card-cta", UpcomingEventCard_module_default["event-card-cta"]),
+                className: clsx20("card-cta", UpcomingEventCard_module_default["event-card-cta"]),
                 fullWidth: isBelowMobile,
                 href: cta.url,
                 icon: cta.icon,
@@ -1752,7 +1860,7 @@ var Carousel = (_a) => {
   return /* @__PURE__ */ jsx(
     Swiper,
     __spreadProps(__spreadValues({
-      className: clsx19(Carousel_module_default.carousel, className),
+      className: clsx20(Carousel_module_default.carousel, className),
       spaceBetween: 0,
       slidesPerView: "auto",
       modules: [FreeMode],
@@ -1764,7 +1872,7 @@ var Carousel = (_a) => {
         SwiperSlide,
         {
           tag: "li",
-          className: clsx19(Carousel_module_default["carousel-item"], props.slideClass),
+          className: clsx20(Carousel_module_default["carousel-item"], props.slideClass),
           children: slide
         },
         index
@@ -1777,11 +1885,13 @@ var Carousel = (_a) => {
 var EventList_module_default = {
   "event-list-module": "EventList_module_event-list-module",
   "event-list-header-container": "EventList_module_event-list-header-container",
+  "event-list-title": "EventList_module_event-list-title",
   "event-list-wrapper": "EventList_module_event-list-wrapper",
   vertical: "EventList_module_vertical",
-  grey: "EventList_module_grey",
   "card-list-item": "EventList_module_card-list-item",
   "card-item": "EventList_module_card-item",
+  internalEventList: "EventList_module_internalEventList",
+  "events-page": "EventList_module_events-page",
   horizontal: "EventList_module_horizontal",
   "carousel-wrapper": "EventList_module_carousel-wrapper",
   "carousel-list-item": "EventList_module_carousel-list-item",
@@ -1790,35 +1900,41 @@ var EventList_module_default = {
 var EventListTitle = ({ children }) => {
   return /* @__PURE__ */ jsx(Fragment, { children });
 };
-var EventList = ({ className, title, items, cta, variant, children }) => {
+var EventList = ({
+  className,
+  title,
+  items,
+  cta,
+  backgroundColor,
+  variant,
+  children
+}) => {
   var _a;
   const { is } = useViewPort_default();
   const slots = resolveCompoundSlots(children, {
     title: EventListTitle
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
-  const isGrey = variant === "grey";
   const isBelowTablet = is("tablet", "below");
   const cardDirection = isBelowTablet ? "vertical" : "horizontal";
-  const listDirection = isGrey ? "horizontal" : "vertical";
+  const isInternalEventList = variant === "internalEventList";
+  const listDirection = isInternalEventList ? "horizontal" : "vertical";
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: clsx19(
-        "event-list-module",
-        EventList_module_default["event-list-module"],
-        isGrey && EventList_module_default[variant],
-        className
-      ),
-      children: /* @__PURE__ */ jsxs(Container, { className: clsx19(EventList_module_default["event-list-container"]), children: [
+      className: clsx20("event-list-module", EventList_module_default["event-list-module"], className),
+      style: {
+        backgroundColor
+      },
+      children: /* @__PURE__ */ jsxs(Container, { className: clsx20(EventList_module_default["event-list-container"]), children: [
         /* @__PURE__ */ jsxs("div", { className: EventList_module_default["event-list-header-container"], children: [
-          titleNode && /* @__PURE__ */ jsx("h2", { children: titleNode }),
+          titleNode && /* @__PURE__ */ jsx("h2", { className: clsx20(EventList_module_default["event-list-title"]), children: titleNode }),
           cta && cta.url && /* @__PURE__ */ jsx(Button, { className: EventList_module_default.cta, variant: "nofillblack", href: cta.url, icon: cta.icon, children: cta.label })
         ] }),
-        isGrey && isBelowTablet && /* @__PURE__ */ jsx(
+        isInternalEventList && isBelowTablet && /* @__PURE__ */ jsx(
           Carousel,
           {
-            wrapperClass: clsx19(EventList_module_default["carousel-wrapper"]),
+            wrapperClass: clsx20(EventList_module_default["carousel-wrapper"], EventList_module_default[variant]),
             slideClass: EventList_module_default["carousel-list-item"],
             spaceBetween: 16,
             slides: items.map((item) => {
@@ -1826,7 +1942,7 @@ var EventList = ({ className, title, items, cta, variant, children }) => {
               return /* @__PURE__ */ jsx(
                 UpcomingEventCard,
                 __spreadValues({
-                  className: isGrey && EventList_module_default["event-card"],
+                  className: clsx20(EventList_module_default["event-card"]),
                   direction: "vertical",
                   showImage: false
                 }, item),
@@ -1835,16 +1951,16 @@ var EventList = ({ className, title, items, cta, variant, children }) => {
             })
           }
         ),
-        isGrey && !isBelowTablet && /* @__PURE__ */ jsx("ul", { className: clsx19(EventList_module_default["event-list-wrapper"], EventList_module_default["horizontal"], EventList_module_default[variant]), children: items == null ? void 0 : items.map((item, index) => {
+        isInternalEventList && !isBelowTablet && /* @__PURE__ */ jsx("ul", { className: clsx20(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: clsx19(EventList_module_default["card-list-item"]),
+              className: clsx20(EventList_module_default["card-list-item"]),
               children: /* @__PURE__ */ jsx(
                 UpcomingEventCard,
                 __spreadProps(__spreadValues({}, item), {
-                  className: isGrey && EventList_module_default["card-item"],
+                  className: clsx20(EventList_module_default["card-item"]),
                   showImage: false,
                   direction: "vertical"
                 })
@@ -1853,7 +1969,7 @@ var EventList = ({ className, title, items, cta, variant, children }) => {
             (_c = (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location) != null ? _c : index
           );
         }) }),
-        !isGrey && /* @__PURE__ */ jsx("ul", { className: clsx19(EventList_module_default["event-list-wrapper"], EventList_module_default[listDirection]), children: items == null ? void 0 : items.map((item, index) => {
+        !isInternalEventList && /* @__PURE__ */ jsx("ul", { className: clsx20(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);
         }) })
@@ -1903,9 +2019,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: clsx19(TextEvent_module_default.textEvent, className), children: [
+  return /* @__PURE__ */ jsxs(Container, { className: clsx20(TextEvent_module_default.textEvent, className), children: [
     /* @__PURE__ */ jsx(Text, { tag: "h2", className: TextEvent_module_default.title, children: titleNode }),
-    /* @__PURE__ */ jsx("div", { className: clsx19(TextEvent_module_default.richText, TextEvent_module_default[variant != null ? variant : ""]), children: richTextNode })
+    /* @__PURE__ */ jsx("div", { className: clsx20(TextEvent_module_default.richText, TextEvent_module_default[variant != null ? variant : ""]), children: richTextNode })
   ] });
 };
 
@@ -1936,7 +2052,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: clsx19(TextBody_module_default.textBody, className), children: [
+  return /* @__PURE__ */ jsxs(Container, { className: clsx20(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 })
   ] });
@@ -1979,7 +2095,7 @@ var TextCenterCtaInBottom = ({
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
-  return /* @__PURE__ */ jsx("div", { className: clsx19(TextCenterCtaInBottom_module_default.textCenterCta, className), children: /* @__PURE__ */ jsxs(Container, { className: TextCenterCtaInBottom_module_default.container, children: [
+  return /* @__PURE__ */ jsx("div", { className: clsx20(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 })
@@ -1987,7 +2103,7 @@ var TextCenterCtaInBottom = ({
     !!(ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsx(
       "div",
       {
-        className: clsx19(
+        className: clsx20(
           TextCenterCtaInBottom_module_default.ctaWrapper,
           ctas.every((cta) => !cta.label && cta.logo) && TextCenterCtaInBottom_module_default.iconOnly
         ),
@@ -2042,6 +2158,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, Icon, InfoCard2 as InfoCard, MiniBanner2 as MiniBanner, MiniSectionCta2 as MiniSectionCta, Pagination, Picture, PracticeCard, PracticePathCards2 as PracticePathCards, 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, MiniBanner2 as MiniBanner, MiniSectionCta2 as MiniSectionCta, Pagination, Picture, PracticeCard, PracticePathCards2 as PracticePathCards, 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