@digital-b2c/coreui-kit 0.6.0 → 0.7.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.cts CHANGED
@@ -322,6 +322,22 @@ declare const HeroBanner: (({ className, variant, title, subtitle, backgroundIma
322
322
  Subtitle: ({ children }: HeroBannerSubtitleProps) => react_jsx_runtime.JSX.Element;
323
323
  };
324
324
 
325
+ interface HeroBannerCarouselItem {
326
+ title: string;
327
+ body: ReactNode;
328
+ image: PictureProps;
329
+ ctas: ICtaLogo[];
330
+ cornerImage?: string;
331
+ }
332
+ interface HeroBannerCarouselProps {
333
+ className?: string;
334
+ items?: HeroBannerCarouselItem[];
335
+ navPrevIcon?: string;
336
+ navNextIcon?: string;
337
+ }
338
+
339
+ declare const HeroBannerCarousel: ({ className, items, navPrevIcon, navNextIcon, }: HeroBannerCarouselProps) => react_jsx_runtime.JSX.Element | null;
340
+
325
341
  type MiniBannerSubtitleProps = {
326
342
  children: ReactNode;
327
343
  };
@@ -558,4 +574,4 @@ type SlotMap = Record<string, SlotComponent>;
558
574
  */
559
575
  declare function resolveCompoundSlots(children: ReactNode, slots: SlotMap): Record<string, ReactNode>;
560
576
 
561
- export { Anchor, type AnchorProps, BrandsStrip, type BrandsStripProps, Button, type ButtonProps, Card, CardCollection, type CardCollectionProps, type CardProps, ConditionalWrapper, type ConditionalWrapperProps, ContactModule, type ContactModuleProps, Container, type ContainerProps, CountingCard, type CountingCardProps, EventList, type EventListProps, Footer, type FooterProps, HeroBanner, type HeroBannerProps, type ICta, type ICtaIcon, type ICtaLogo, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, resolveCompoundSlots, svgs, useIntersectionObserver };
577
+ export { Anchor, type AnchorProps, BrandsStrip, type BrandsStripProps, Button, type ButtonProps, Card, CardCollection, type CardCollectionProps, type CardProps, ConditionalWrapper, type ConditionalWrapperProps, ContactModule, type ContactModuleProps, Container, type ContainerProps, CountingCard, type CountingCardProps, EventList, type EventListProps, Footer, type FooterProps, HeroBanner, HeroBannerCarousel, type HeroBannerCarouselProps, type HeroBannerProps, type ICta, type ICtaIcon, type ICtaLogo, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, resolveCompoundSlots, svgs, useIntersectionObserver };
package/dist/index.d.ts CHANGED
@@ -322,6 +322,22 @@ declare const HeroBanner: (({ className, variant, title, subtitle, backgroundIma
322
322
  Subtitle: ({ children }: HeroBannerSubtitleProps) => react_jsx_runtime.JSX.Element;
323
323
  };
324
324
 
325
+ interface HeroBannerCarouselItem {
326
+ title: string;
327
+ body: ReactNode;
328
+ image: PictureProps;
329
+ ctas: ICtaLogo[];
330
+ cornerImage?: string;
331
+ }
332
+ interface HeroBannerCarouselProps {
333
+ className?: string;
334
+ items?: HeroBannerCarouselItem[];
335
+ navPrevIcon?: string;
336
+ navNextIcon?: string;
337
+ }
338
+
339
+ declare const HeroBannerCarousel: ({ className, items, navPrevIcon, navNextIcon, }: HeroBannerCarouselProps) => react_jsx_runtime.JSX.Element | null;
340
+
325
341
  type MiniBannerSubtitleProps = {
326
342
  children: ReactNode;
327
343
  };
@@ -558,4 +574,4 @@ type SlotMap = Record<string, SlotComponent>;
558
574
  */
559
575
  declare function resolveCompoundSlots(children: ReactNode, slots: SlotMap): Record<string, ReactNode>;
560
576
 
561
- export { Anchor, type AnchorProps, BrandsStrip, type BrandsStripProps, Button, type ButtonProps, Card, CardCollection, type CardCollectionProps, type CardProps, ConditionalWrapper, type ConditionalWrapperProps, ContactModule, type ContactModuleProps, Container, type ContainerProps, CountingCard, type CountingCardProps, EventList, type EventListProps, Footer, type FooterProps, HeroBanner, type HeroBannerProps, type ICta, type ICtaIcon, type ICtaLogo, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, resolveCompoundSlots, svgs, useIntersectionObserver };
577
+ export { Anchor, type AnchorProps, BrandsStrip, type BrandsStripProps, Button, type ButtonProps, Card, CardCollection, type CardCollectionProps, type CardProps, ConditionalWrapper, type ConditionalWrapperProps, ContactModule, type ContactModuleProps, Container, type ContainerProps, CountingCard, type CountingCardProps, EventList, type EventListProps, Footer, type FooterProps, HeroBanner, HeroBannerCarousel, type HeroBannerCarouselProps, type HeroBannerProps, type ICta, type ICtaIcon, type ICtaLogo, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, resolveCompoundSlots, svgs, useIntersectionObserver };
package/dist/index.mjs CHANGED
@@ -1,11 +1,11 @@
1
- import clsx19 from 'clsx';
1
+ import clsx20 from 'clsx';
2
2
  import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
3
3
  import React52, { forwardRef, useRef, useState, useCallback, Children, isValidElement, useMemo, useEffect } from 'react';
4
4
  import gsap$1, { gsap } from 'gsap';
5
5
  import { useGSAP } from '@gsap/react';
6
6
  import { ScrollTrigger } from 'gsap/ScrollTrigger';
7
7
  import { Swiper, SwiperSlide } from 'swiper/react';
8
- import { FreeMode } from 'swiper/modules';
8
+ import { FreeMode, Navigation, Pagination as Pagination$1 } from 'swiper/modules';
9
9
  import 'swiper/css';
10
10
 
11
11
  var __defProp = Object.defineProperty;
@@ -58,7 +58,7 @@ var Picture = (_a) => {
58
58
  __spreadValues({
59
59
  src: desktop.src,
60
60
  alt: desktop.alt,
61
- className: clsx19(className, Picture_module_default["image-desktop"])
61
+ className: clsx20(className, Picture_module_default["image-desktop"])
62
62
  }, rest)
63
63
  ),
64
64
  /* @__PURE__ */ jsx(
@@ -66,7 +66,7 @@ var Picture = (_a) => {
66
66
  __spreadValues({
67
67
  src: (_b2 = mobile == null ? void 0 : mobile.src) != null ? _b2 : desktop.src,
68
68
  alt: (_c = mobile == null ? void 0 : mobile.alt) != null ? _c : desktop.alt,
69
- className: clsx19(className, Picture_module_default["image-mobile"])
69
+ className: clsx20(className, Picture_module_default["image-mobile"])
70
70
  }, rest)
71
71
  )
72
72
  ] });
@@ -380,7 +380,7 @@ var Button = (_a) => {
380
380
  ]);
381
381
  const isLink = !!href;
382
382
  const props = __spreadValues(__spreadValues({
383
- className: clsx19(
383
+ className: clsx20(
384
384
  Button_module_default.button,
385
385
  variant ? Button_module_default[variant] : null,
386
386
  { [Button_module_default.fullWidth]: !!fullWidth },
@@ -610,7 +610,7 @@ var BrandsStrip = ({
610
610
  "div",
611
611
  {
612
612
  ref: containerRef,
613
- className: clsx19(
613
+ className: clsx20(
614
614
  BrandsStrip_module_default.brandsStrip,
615
615
  BrandsStrip_module_default[variant],
616
616
  { [BrandsStrip_module_default.small]: size === "small" },
@@ -619,13 +619,13 @@ var BrandsStrip = ({
619
619
  onMouseEnter: handleMouseEnter,
620
620
  onMouseLeave: handleMouseLeave,
621
621
  children: [
622
- /* @__PURE__ */ jsxs("div", { className: clsx19(BrandsStrip_module_default.container, { [BrandsStrip_module_default.blurred]: show && logos.length > 1 }), children: [
623
- title && logos.length === 1 && /* @__PURE__ */ jsx("h2", { className: clsx19("body", BrandsStrip_module_default.title), children: title }),
622
+ /* @__PURE__ */ jsxs("div", { className: clsx20(BrandsStrip_module_default.container, { [BrandsStrip_module_default.blurred]: show && logos.length > 1 }), children: [
623
+ title && logos.length === 1 && /* @__PURE__ */ jsx("h2", { className: clsx20("body", BrandsStrip_module_default.title), children: title }),
624
624
  logos.length > 0 && /* @__PURE__ */ jsx(
625
625
  "div",
626
626
  {
627
627
  ref: marqueeRef,
628
- className: clsx19(BrandsStrip_module_default.logos, { [BrandsStrip_module_default.marqueeGSAP]: shouldAnimate }),
628
+ className: clsx20(BrandsStrip_module_default.logos, { [BrandsStrip_module_default.marqueeGSAP]: shouldAnimate }),
629
629
  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}`))
630
630
  }
631
631
  )
@@ -672,7 +672,7 @@ var Container_module_default = {
672
672
  var Container = forwardRef(
673
673
  (_a, ref) => {
674
674
  var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
675
- return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ ref, className: clsx19(Container_module_default.container, className) }, props), { children }));
675
+ return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ ref, className: clsx20(Container_module_default.container, className) }, props), { children }));
676
676
  }
677
677
  );
678
678
  Container.displayName = "Container";
@@ -709,7 +709,7 @@ var Card = ({
709
709
  ConditionalWrapper,
710
710
  __spreadProps(__spreadValues({
711
711
  ref,
712
- className: clsx19(Card_module_default.card, Card_module_default[variant], className),
712
+ className: clsx20(Card_module_default.card, Card_module_default[variant], className),
713
713
  wrapper: Anchor,
714
714
  fallback: "div",
715
715
  condition: href && !label
@@ -748,10 +748,10 @@ var CountingCard = ({ className, title, count, image, children }) => {
748
748
  title: CountingCardTitle
749
749
  });
750
750
  const titleNode = (_a = slots.title) != null ? _a : title;
751
- return /* @__PURE__ */ jsxs("div", { className: clsx19(CountingCard_module_default["counting-card"], className), children: [
751
+ return /* @__PURE__ */ jsxs("div", { className: clsx20(CountingCard_module_default["counting-card"], className), children: [
752
752
  /* @__PURE__ */ jsxs("div", { className: CountingCard_module_default.content, children: [
753
753
  titleNode && /* @__PURE__ */ jsx("div", { className: "body", children: titleNode }),
754
- count && /* @__PURE__ */ jsx("div", { className: clsx19(CountingCard_module_default.count, "h1"), children: count })
754
+ count && /* @__PURE__ */ jsx("div", { className: clsx20(CountingCard_module_default.count, "h1"), children: count })
755
755
  ] }),
756
756
  image && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: CountingCard_module_default.logo }, image))
757
757
  ] });
@@ -783,9 +783,9 @@ var InfoCard = ({ className, title, subtitle, icon, badge, children }) => {
783
783
  });
784
784
  const titleNode = (_a = slots.title) != null ? _a : title;
785
785
  const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
786
- return /* @__PURE__ */ jsxs("div", { className: clsx19(InfoCard_module_default["info-card"], { [InfoCard_module_default.hasIcon]: !!icon }, className), children: [
786
+ return /* @__PURE__ */ jsxs("div", { className: clsx20(InfoCard_module_default["info-card"], { [InfoCard_module_default.hasIcon]: !!icon }, className), children: [
787
787
  /* @__PURE__ */ jsxs("div", { className: InfoCard_module_default.header, children: [
788
- icon ? /* @__PURE__ */ jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsx("div", { className: clsx19(InfoCard_module_default.badge, "h4"), children: badge }) : null,
788
+ icon ? /* @__PURE__ */ jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsx("div", { className: clsx20(InfoCard_module_default.badge, "h4"), children: badge }) : null,
789
789
  titleNode && /* @__PURE__ */ jsx("div", { className: "h4", children: titleNode })
790
790
  ] }),
791
791
  subtitleNode && /* @__PURE__ */ jsx("div", { className: "body", children: subtitleNode })
@@ -847,7 +847,7 @@ var Pagination = ({
847
847
  setActivePage(page);
848
848
  onPageChange == null ? void 0 : onPageChange(page);
849
849
  };
850
- return /* @__PURE__ */ jsxs("div", { className: clsx19(Pagination_module_default.pagination, className), children: [
850
+ return /* @__PURE__ */ jsxs("div", { className: clsx20(Pagination_module_default.pagination, className), children: [
851
851
  !disableArrows && /* @__PURE__ */ jsx(
852
852
  "button",
853
853
  {
@@ -864,7 +864,7 @@ var Pagination = ({
864
864
  "button",
865
865
  {
866
866
  onClick: () => goToPage(page),
867
- className: clsx19(Pagination_module_default.page, {
867
+ className: clsx20(Pagination_module_default.page, {
868
868
  [Pagination_module_default.active]: activePage === page,
869
869
  [Pagination_module_default.number]: hasNumber
870
870
  }),
@@ -900,7 +900,7 @@ var PracticeCard_module_default = {
900
900
  };
901
901
  var PracticeCard = ({ className, title, cta, image }) => {
902
902
  const { url: href, isExternal } = cta != null ? cta : {};
903
- return /* @__PURE__ */ jsx("div", { className: clsx19(PracticeCard_module_default["practice-card"], className), children: /* @__PURE__ */ jsxs(
903
+ return /* @__PURE__ */ jsx("div", { className: clsx20(PracticeCard_module_default["practice-card"], className), children: /* @__PURE__ */ jsxs(
904
904
  ConditionalWrapper,
905
905
  __spreadProps(__spreadValues({
906
906
  className: PracticeCard_module_default.wrapper,
@@ -911,7 +911,7 @@ var PracticeCard = ({ className, title, cta, image }) => {
911
911
  children: [
912
912
  image && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: PracticeCard_module_default.background }, image)),
913
913
  /* @__PURE__ */ jsxs("div", { className: PracticeCard_module_default.container, children: [
914
- title && /* @__PURE__ */ jsx("div", { className: clsx19(PracticeCard_module_default.title, "h3"), children: title }),
914
+ title && /* @__PURE__ */ jsx("div", { className: clsx20(PracticeCard_module_default.title, "h3"), children: title }),
915
915
  href && /* @__PURE__ */ jsxs("div", { className: PracticeCard_module_default.cta, children: [
916
916
  /* @__PURE__ */ jsx(Icon, { className: PracticeCard_module_default.ctaRest, type: "right" }),
917
917
  /* @__PURE__ */ jsx(Icon, { className: PracticeCard_module_default.ctaHover, type: "tiltedRight" })
@@ -1000,13 +1000,13 @@ var CardCollection = ({
1000
1000
  Container,
1001
1001
  {
1002
1002
  ref: container,
1003
- className: clsx19(CardCollection_module_default["card-collection"], CardCollection_module_default[variant], className),
1003
+ className: clsx20(CardCollection_module_default["card-collection"], CardCollection_module_default[variant], className),
1004
1004
  children: [
1005
1005
  /* @__PURE__ */ jsxs("div", { className: CardCollection_module_default.content, children: [
1006
1006
  titleNode && /* @__PURE__ */ jsx("h2", { children: titleNode }),
1007
1007
  subtitleNode && /* @__PURE__ */ jsx("div", { className: "subheading", children: subtitleNode })
1008
1008
  ] }),
1009
- /* @__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: [
1009
+ /* @__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: [
1010
1010
  visibleCards.map((card, key) => /* @__PURE__ */ jsx(Card2, __spreadValues({ className: CardCollection_module_default.card, variant: theme }, card), key)),
1011
1011
  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(
1012
1012
  Card2,
@@ -1107,7 +1107,7 @@ var ContactModule = ({
1107
1107
  },
1108
1108
  { scope: containerRef, dependencies: [blurred, animateBlur] }
1109
1109
  );
1110
- return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: clsx19(ContactModule_module_default["contact-module"], className), children: [
1110
+ return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: clsx20(ContactModule_module_default["contact-module"], className), children: [
1111
1111
  blurred && /* @__PURE__ */ jsx(
1112
1112
  "div",
1113
1113
  {
@@ -1122,8 +1122,8 @@ var ContactModule = ({
1122
1122
  /* @__PURE__ */ jsxs(Container, { className: ContactModule_module_default.container, children: [
1123
1123
  /* @__PURE__ */ jsxs("div", { className: ContactModule_module_default.wrapper, children: [
1124
1124
  /* @__PURE__ */ jsxs("div", { className: ContactModule_module_default.content, children: [
1125
- titleNode && /* @__PURE__ */ jsx("div", { className: clsx19(ContactModule_module_default.title, "h1"), children: titleNode }),
1126
- subtitleNode && /* @__PURE__ */ jsx("div", { className: clsx19(ContactModule_module_default.subtitle, "subheading"), children: subtitleNode })
1125
+ titleNode && /* @__PURE__ */ jsx("div", { className: clsx20(ContactModule_module_default.title, "h1"), children: titleNode }),
1126
+ subtitleNode && /* @__PURE__ */ jsx("div", { className: clsx20(ContactModule_module_default.subtitle, "subheading"), children: subtitleNode })
1127
1127
  ] }),
1128
1128
  /* @__PURE__ */ jsx("div", { className: ContactModule_module_default["cta-wrapper"], children: ctas == null ? void 0 : ctas.map((cta, key) => /* @__PURE__ */ jsx(
1129
1129
  Button,
@@ -1184,7 +1184,7 @@ var Footer = ({
1184
1184
  disclaimer: FooterDisclaimer
1185
1185
  });
1186
1186
  const titleNode = (_a = slots.disclaimer) != null ? _a : disclaimer;
1187
- return /* @__PURE__ */ jsx("footer", { className: clsx19(Footer_module_default.footer, className), children: /* @__PURE__ */ jsxs(Container, { className: Footer_module_default.container, children: [
1187
+ return /* @__PURE__ */ jsx("footer", { className: clsx20(Footer_module_default.footer, className), children: /* @__PURE__ */ jsxs(Container, { className: Footer_module_default.container, children: [
1188
1188
  /* @__PURE__ */ jsxs("div", { className: Footer_module_default.bottom, children: [
1189
1189
  /* @__PURE__ */ jsxs("div", { className: Footer_module_default["bottom-left"], children: [
1190
1190
  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 = ({
1200
1200
  index
1201
1201
  ) : /* @__PURE__ */ jsx("div", { className: Footer_module_default["supporter-link-primary"], children: /* @__PURE__ */ jsx(Picture, __spreadValues({}, supporter.image)) }, index)
1202
1202
  ) }) }),
1203
- titleNode && /* @__PURE__ */ jsx("div", { className: clsx19(Footer_module_default.disclaimer, "p"), children: titleNode }),
1203
+ titleNode && /* @__PURE__ */ jsx("div", { className: clsx20(Footer_module_default.disclaimer, "p"), children: titleNode }),
1204
1204
  copyright && /* @__PURE__ */ jsx("p", { className: Footer_module_default.copyright, children: copyright })
1205
1205
  ] }),
1206
1206
  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 = ({
1269
1269
  });
1270
1270
  const titleNode = (_a = slots.title) != null ? _a : title;
1271
1271
  const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
1272
- return /* @__PURE__ */ jsxs("div", { className: clsx19(HeroBanner_module_default.heroBanner, HeroBanner_module_default[variant], className), children: [
1272
+ return /* @__PURE__ */ jsxs("div", { className: clsx20(HeroBanner_module_default.heroBanner, HeroBanner_module_default[variant], className), children: [
1273
1273
  /* @__PURE__ */ jsxs("div", { className: HeroBanner_module_default.container, children: [
1274
1274
  /* @__PURE__ */ jsxs("div", { className: HeroBanner_module_default.banner, children: [
1275
1275
  (titleNode || subtitleNode) && /* @__PURE__ */ jsxs("div", { className: HeroBanner_module_default.text, children: [
1276
- titleNode && /* @__PURE__ */ jsx("h1", { className: clsx19(HeroBanner_module_default.title, "h1"), children: titleNode }),
1277
- subtitleNode && /* @__PURE__ */ jsx("div", { className: clsx19(HeroBanner_module_default.subtitle, "subtitle"), children: subtitleNode })
1276
+ titleNode && /* @__PURE__ */ jsx("h1", { className: clsx20(HeroBanner_module_default.title, "h1"), children: titleNode }),
1277
+ subtitleNode && /* @__PURE__ */ jsx("div", { className: clsx20(HeroBanner_module_default.subtitle, "subtitle"), children: subtitleNode })
1278
1278
  ] }),
1279
1279
  cta && cta.length > 0 && !vBannerPodcast && /* @__PURE__ */ jsx("div", { className: HeroBanner_module_default.ctaContainer, children: cta.slice(0, 2).map((cta2, key) => {
1280
1280
  return /* @__PURE__ */ jsx(
@@ -1317,6 +1317,107 @@ var HeroBanner2 = Object.assign(HeroBanner, {
1317
1317
  Title: HeroBannerTitle,
1318
1318
  Subtitle: HeroBannerSubtitle
1319
1319
  });
1320
+
1321
+ // src/widgets/HeroBannerCarousel/HeroBannerCarousel.module.scss
1322
+ var HeroBannerCarousel_module_default = {
1323
+ heroBannerCarousel: "HeroBannerCarousel_module_heroBannerCarousel",
1324
+ inner: "HeroBannerCarousel_module_inner",
1325
+ swiperContainer: "HeroBannerCarousel_module_swiperContainer",
1326
+ card: "HeroBannerCarousel_module_card",
1327
+ cardCorner: "HeroBannerCarousel_module_cardCorner",
1328
+ cardCornerImage: "HeroBannerCarousel_module_cardCornerImage",
1329
+ cardCornerDot: "HeroBannerCarousel_module_cardCornerDot",
1330
+ cardContent: "HeroBannerCarousel_module_cardContent",
1331
+ cardTitle: "HeroBannerCarousel_module_cardTitle",
1332
+ cardBottom: "HeroBannerCarousel_module_cardBottom",
1333
+ cardBody: "HeroBannerCarousel_module_cardBody",
1334
+ cardCtaContainer: "HeroBannerCarousel_module_cardCtaContainer",
1335
+ cardImageWrapper: "HeroBannerCarousel_module_cardImageWrapper",
1336
+ cardImage: "HeroBannerCarousel_module_cardImage",
1337
+ controls: "HeroBannerCarousel_module_controls",
1338
+ navButton: "HeroBannerCarousel_module_navButton",
1339
+ navIcon: "HeroBannerCarousel_module_navIcon",
1340
+ pagination: "HeroBannerCarousel_module_pagination",
1341
+ dot: "HeroBannerCarousel_module_dot",
1342
+ dotActive: "HeroBannerCarousel_module_dotActive"
1343
+ };
1344
+ var HeroBannerCarousel = ({
1345
+ className,
1346
+ items = [],
1347
+ navPrevIcon,
1348
+ navNextIcon
1349
+ }) => {
1350
+ const { is } = useViewPort_default();
1351
+ const isMobile = is("tablet", "below");
1352
+ const [swiperInstance, setSwiperInstance] = useState(null);
1353
+ const [activeIndex, setActiveIndex] = useState(0);
1354
+ if (!items.length) return null;
1355
+ return /* @__PURE__ */ jsx("div", { className: clsx20(HeroBannerCarousel_module_default.heroBannerCarousel, className), children: /* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.inner, children: [
1356
+ /* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.swiperContainer, children: /* @__PURE__ */ jsx(
1357
+ Swiper,
1358
+ {
1359
+ modules: [Navigation, Pagination$1],
1360
+ slidesPerView: "auto",
1361
+ spaceBetween: isMobile ? 8 : 32,
1362
+ onSwiper: setSwiperInstance,
1363
+ onSlideChange: (swiper) => setActiveIndex(swiper.activeIndex),
1364
+ children: items.map((item, index) => /* @__PURE__ */ jsx(SwiperSlide, { children: /* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.card, children: [
1365
+ item.cornerImage && /* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.cardCorner, children: isMobile ? /* @__PURE__ */ jsx("span", { className: HeroBannerCarousel_module_default.cardCornerDot }) : /* @__PURE__ */ jsx("img", { src: item.cornerImage, alt: "", className: HeroBannerCarousel_module_default.cardCornerImage }) }),
1366
+ /* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.cardContent, children: [
1367
+ /* @__PURE__ */ jsx("h3", { className: HeroBannerCarousel_module_default.cardTitle, children: item.title }),
1368
+ /* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.cardBottom, children: [
1369
+ /* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.cardBody, children: item.body }),
1370
+ item.ctas.length > 0 && /* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.cardCtaContainer, children: item.ctas.map((cta, ctaIndex) => /* @__PURE__ */ jsx(
1371
+ Button,
1372
+ {
1373
+ href: cta.url,
1374
+ isExternal: cta.isExternal,
1375
+ variant: "primary",
1376
+ fullWidth: isMobile,
1377
+ logo: cta.logo,
1378
+ children: cta.label
1379
+ },
1380
+ ctaIndex
1381
+ )) })
1382
+ ] })
1383
+ ] }),
1384
+ /* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.cardImageWrapper, children: /* @__PURE__ */ jsx(Picture, __spreadValues({ className: HeroBannerCarousel_module_default.cardImage }, item.image)) })
1385
+ ] }) }, index))
1386
+ }
1387
+ ) }),
1388
+ /* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.controls, children: [
1389
+ /* @__PURE__ */ jsx(
1390
+ "button",
1391
+ {
1392
+ className: HeroBannerCarousel_module_default.navButton,
1393
+ onClick: () => swiperInstance == null ? void 0 : swiperInstance.slidePrev(),
1394
+ disabled: activeIndex === 0,
1395
+ "aria-label": "Previous slide",
1396
+ children: navPrevIcon && /* @__PURE__ */ jsx("img", { src: navPrevIcon, alt: "", className: HeroBannerCarousel_module_default.navIcon })
1397
+ }
1398
+ ),
1399
+ /* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.pagination, children: items.map((_, index) => /* @__PURE__ */ jsx(
1400
+ "button",
1401
+ {
1402
+ className: clsx20(HeroBannerCarousel_module_default.dot, index === activeIndex && HeroBannerCarousel_module_default.dotActive),
1403
+ onClick: () => swiperInstance == null ? void 0 : swiperInstance.slideTo(index),
1404
+ "aria-label": `Go to slide ${index + 1}`
1405
+ },
1406
+ index
1407
+ )) }),
1408
+ /* @__PURE__ */ jsx(
1409
+ "button",
1410
+ {
1411
+ className: HeroBannerCarousel_module_default.navButton,
1412
+ onClick: () => swiperInstance == null ? void 0 : swiperInstance.slideNext(),
1413
+ disabled: activeIndex === items.length - 1,
1414
+ "aria-label": "Next slide",
1415
+ children: navNextIcon && /* @__PURE__ */ jsx("img", { src: navNextIcon, alt: "", className: HeroBannerCarousel_module_default.navIcon })
1416
+ }
1417
+ )
1418
+ ] })
1419
+ ] }) });
1420
+ };
1320
1421
  var MiniBannerTitle = ({ children }) => {
1321
1422
  return /* @__PURE__ */ jsx(Fragment, { children });
1322
1423
  };
@@ -1365,17 +1466,17 @@ var MiniBanner = ({
1365
1466
  const pretitleNode = (_a = slots.pretitle) != null ? _a : pretitle;
1366
1467
  const titleNode = (_b = slots.title) != null ? _b : title;
1367
1468
  const subtitleNode = (_c = slots.subtitle) != null ? _c : subtitle;
1368
- return /* @__PURE__ */ jsxs("div", { className: clsx19(MiniBanner_module_default.minibanner, MiniBanner_module_default[variant], className), children: [
1469
+ return /* @__PURE__ */ jsxs("div", { className: clsx20(MiniBanner_module_default.minibanner, MiniBanner_module_default[variant], className), children: [
1369
1470
  ((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)),
1370
1471
  /* @__PURE__ */ jsxs("div", { className: MiniBanner_module_default.wrapper, children: [
1371
1472
  /* @__PURE__ */ jsxs("div", { className: MiniBanner_module_default.textContainer, children: [
1372
1473
  (logo == null ? void 0 : logo.src) && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: MiniBanner_module_default.logo }, logo)),
1373
- pretitleNode && /* @__PURE__ */ jsx("div", { className: clsx19(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
1374
- /* @__PURE__ */ jsx("div", { className: MiniBanner_module_default.headingWrapper, children: titleNode && /* @__PURE__ */ jsx("div", { className: clsx19(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode }) }),
1474
+ pretitleNode && /* @__PURE__ */ jsx("div", { className: clsx20(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
1475
+ /* @__PURE__ */ jsx("div", { className: MiniBanner_module_default.headingWrapper, children: titleNode && /* @__PURE__ */ jsx("div", { className: clsx20(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode }) }),
1375
1476
  subtitleNode && /* @__PURE__ */ jsx(
1376
1477
  "div",
1377
1478
  {
1378
- className: clsx19(MiniBanner_module_default.title, {
1479
+ className: clsx20(MiniBanner_module_default.title, {
1379
1480
  subheading: isMiniBannerNoBG || isMiniBannerTextLeft,
1380
1481
  h1: !isMiniBannerNoBG && !isMiniBannerTextLeft
1381
1482
  }),
@@ -1446,14 +1547,14 @@ var MiniSectionCta = ({
1446
1547
  return /* @__PURE__ */ jsx(
1447
1548
  "div",
1448
1549
  {
1449
- className: clsx19(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], theme && MiniSectionCta_module_default[theme], className),
1550
+ className: clsx20(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], theme && MiniSectionCta_module_default[theme], className),
1450
1551
  children: /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsxs("div", { className: MiniSectionCta_module_default.wrapper, children: [
1451
1552
  /* @__PURE__ */ jsxs("div", { className: MiniSectionCta_module_default.col, children: [
1452
1553
  titleNode && /* @__PURE__ */ jsx("h2", { className: variant === "BgColorBlack" || variant === "BgColorGrey" ? "h3" : "h2", children: titleNode }),
1453
1554
  subtitleNode && /* @__PURE__ */ jsx(
1454
1555
  "div",
1455
1556
  {
1456
- className: clsx19(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
1557
+ className: clsx20(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
1457
1558
  children: subtitleNode
1458
1559
  }
1459
1560
  )
@@ -1518,7 +1619,7 @@ var PracticePathCards = ({
1518
1619
  const titleNode = (_a = slots.title) != null ? _a : title;
1519
1620
  const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
1520
1621
  const footerNode = (_c = slots.footer) != null ? _c : footer;
1521
- return /* @__PURE__ */ jsx("div", { className: clsx19(PracticePathCards_module_default["practice-path-cards"], className), children: /* @__PURE__ */ jsxs(Container, { className: PracticePathCards_module_default.container, children: [
1622
+ return /* @__PURE__ */ jsx("div", { className: clsx20(PracticePathCards_module_default["practice-path-cards"], className), children: /* @__PURE__ */ jsxs(Container, { className: PracticePathCards_module_default.container, children: [
1522
1623
  /* @__PURE__ */ jsxs("div", { className: PracticePathCards_module_default.wrapper, children: [
1523
1624
  /* @__PURE__ */ jsxs("div", { className: PracticePathCards_module_default.content, children: [
1524
1625
  titleNode && /* @__PURE__ */ jsx("h2", { children: titleNode }),
@@ -1572,8 +1673,8 @@ var Teaser5050With3Text = ({
1572
1673
  title: Teaser5050With3TextTitle
1573
1674
  });
1574
1675
  const titleNode = (_a = slots.title) != null ? _a : title;
1575
- 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: [
1576
- titleNode && /* @__PURE__ */ jsx("div", { className: clsx19(Teaser5050With3Text_module_default.title, "h3"), children: titleNode }),
1676
+ 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: [
1677
+ titleNode && /* @__PURE__ */ jsx("div", { className: clsx20(Teaser5050With3Text_module_default.title, "h3"), children: titleNode }),
1577
1678
  /* @__PURE__ */ jsxs("div", { className: Teaser5050With3Text_module_default.content, children: [
1578
1679
  /* @__PURE__ */ jsx("div", { className: Teaser5050With3Text_module_default.cards, children: cards == null ? void 0 : cards.map((card, key) => /* @__PURE__ */ jsx(InfoCard2, __spreadValues({}, card), key)) }),
1579
1680
  image && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: Teaser5050With3Text_module_default.image }, image))
@@ -1623,12 +1724,12 @@ var Teaser5050WithCta = ({
1623
1724
  return /* @__PURE__ */ jsx(
1624
1725
  "div",
1625
1726
  {
1626
- className: clsx19(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className),
1727
+ className: clsx20(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className),
1627
1728
  style: { backgroundColor: bgColor ? bgColor : "#ffffff" },
1628
1729
  children: /* @__PURE__ */ jsxs(Container, { className: Teaser5050WithCta_module_default.container, children: [
1629
1730
  /* @__PURE__ */ jsxs("div", { className: Teaser5050WithCta_module_default.wrapper, children: [
1630
1731
  /* @__PURE__ */ jsxs("div", { className: Teaser5050WithCta_module_default.content, children: [
1631
- titleNode && /* @__PURE__ */ jsx("div", { className: clsx19(Teaser5050WithCta_module_default.title, "h3"), children: titleNode }),
1732
+ titleNode && /* @__PURE__ */ jsx("div", { className: clsx20(Teaser5050WithCta_module_default.title, "h3"), children: titleNode }),
1632
1733
  subtitleNode && /* @__PURE__ */ jsx("div", { className: "subheading", children: subtitleNode })
1633
1734
  ] }),
1634
1735
  (ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsx("div", { className: Teaser5050WithCta_module_default.ctaWrapper, children: ctas.map((cta, key) => /* @__PURE__ */ jsx(
@@ -1691,7 +1792,7 @@ var UpcomingEventCard = ({
1691
1792
  return /* @__PURE__ */ jsxs(
1692
1793
  "article",
1693
1794
  {
1694
- className: clsx19(
1795
+ className: clsx20(
1695
1796
  "card",
1696
1797
  UpcomingEventCard_module_default["event-card"],
1697
1798
  UpcomingEventCard_module_default[direction],
@@ -1699,18 +1800,18 @@ var UpcomingEventCard = ({
1699
1800
  className
1700
1801
  ),
1701
1802
  children: [
1702
- /* @__PURE__ */ jsxs("div", { className: clsx19("card-content", UpcomingEventCard_module_default["event-card-content"]), children: [
1703
- showImage && image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx19("card-image", UpcomingEventCard_module_default["event-card-image"]) })),
1704
- /* @__PURE__ */ jsxs("div", { className: clsx19("card-text-content", UpcomingEventCard_module_default["event-card-text-content"]), children: [
1803
+ /* @__PURE__ */ jsxs("div", { className: clsx20("card-content", UpcomingEventCard_module_default["event-card-content"]), children: [
1804
+ showImage && image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx20("card-image", UpcomingEventCard_module_default["event-card-image"]) })),
1805
+ /* @__PURE__ */ jsxs("div", { className: clsx20("card-text-content", UpcomingEventCard_module_default["event-card-text-content"]), children: [
1705
1806
  /* @__PURE__ */ jsx("span", { className: UpcomingEventCard_module_default.date, children: date }),
1706
- title && /* @__PURE__ */ jsx("h3", { className: clsx19("card-text-title"), children: title }),
1807
+ title && /* @__PURE__ */ jsx("h3", { className: clsx20("card-text-title"), children: title }),
1707
1808
  location && /* @__PURE__ */ jsx("span", { className: UpcomingEventCard_module_default.location, children: location }),
1708
- description && /* @__PURE__ */ jsx("div", { className: clsx19("card-text-description", UpcomingEventCard_module_default.description), children: description }),
1809
+ description && /* @__PURE__ */ jsx("div", { className: clsx20("card-text-description", UpcomingEventCard_module_default.description), children: description }),
1709
1810
  cta && cta.url && /* @__PURE__ */ jsx(
1710
1811
  Button,
1711
1812
  {
1712
1813
  variant: "secondary",
1713
- className: clsx19(
1814
+ className: clsx20(
1714
1815
  "card-cta",
1715
1816
  UpcomingEventCard_module_default["event-card-cta"],
1716
1817
  !hasCTAandImage && UpcomingEventCard_module_default.hidden
@@ -1726,12 +1827,12 @@ var UpcomingEventCard = ({
1726
1827
  cta && cta.url && /* @__PURE__ */ jsx(
1727
1828
  "div",
1728
1829
  {
1729
- className: clsx19("card-footer", UpcomingEventCard_module_default["event-card-footer"], hasImage && UpcomingEventCard_module_default.hidden),
1830
+ className: clsx20("card-footer", UpcomingEventCard_module_default["event-card-footer"], hasImage && UpcomingEventCard_module_default.hidden),
1730
1831
  children: /* @__PURE__ */ jsx(
1731
1832
  Button,
1732
1833
  {
1733
1834
  variant: "secondary",
1734
- className: clsx19("card-cta", UpcomingEventCard_module_default["event-card-cta"]),
1835
+ className: clsx20("card-cta", UpcomingEventCard_module_default["event-card-cta"]),
1735
1836
  fullWidth: isBelowMobile,
1736
1837
  href: cta.url,
1737
1838
  icon: cta.icon,
@@ -1752,7 +1853,7 @@ var Carousel = (_a) => {
1752
1853
  return /* @__PURE__ */ jsx(
1753
1854
  Swiper,
1754
1855
  __spreadProps(__spreadValues({
1755
- className: clsx19(Carousel_module_default.carousel, className),
1856
+ className: clsx20(Carousel_module_default.carousel, className),
1756
1857
  spaceBetween: 0,
1757
1858
  slidesPerView: "auto",
1758
1859
  modules: [FreeMode],
@@ -1764,7 +1865,7 @@ var Carousel = (_a) => {
1764
1865
  SwiperSlide,
1765
1866
  {
1766
1867
  tag: "li",
1767
- className: clsx19(Carousel_module_default["carousel-item"], props.slideClass),
1868
+ className: clsx20(Carousel_module_default["carousel-item"], props.slideClass),
1768
1869
  children: slide
1769
1870
  },
1770
1871
  index
@@ -1804,13 +1905,13 @@ var EventList = ({ className, title, items, cta, variant, children }) => {
1804
1905
  return /* @__PURE__ */ jsx(
1805
1906
  "div",
1806
1907
  {
1807
- className: clsx19(
1908
+ className: clsx20(
1808
1909
  "event-list-module",
1809
1910
  EventList_module_default["event-list-module"],
1810
1911
  isGrey && EventList_module_default[variant],
1811
1912
  className
1812
1913
  ),
1813
- children: /* @__PURE__ */ jsxs(Container, { className: clsx19(EventList_module_default["event-list-container"]), children: [
1914
+ children: /* @__PURE__ */ jsxs(Container, { className: clsx20(EventList_module_default["event-list-container"]), children: [
1814
1915
  /* @__PURE__ */ jsxs("div", { className: EventList_module_default["event-list-header-container"], children: [
1815
1916
  titleNode && /* @__PURE__ */ jsx("h2", { children: titleNode }),
1816
1917
  cta && cta.url && /* @__PURE__ */ jsx(Button, { className: EventList_module_default.cta, variant: "nofillblack", href: cta.url, icon: cta.icon, children: cta.label })
@@ -1818,7 +1919,7 @@ var EventList = ({ className, title, items, cta, variant, children }) => {
1818
1919
  isGrey && isBelowTablet && /* @__PURE__ */ jsx(
1819
1920
  Carousel,
1820
1921
  {
1821
- wrapperClass: clsx19(EventList_module_default["carousel-wrapper"]),
1922
+ wrapperClass: clsx20(EventList_module_default["carousel-wrapper"]),
1822
1923
  slideClass: EventList_module_default["carousel-list-item"],
1823
1924
  spaceBetween: 16,
1824
1925
  slides: items.map((item) => {
@@ -1835,12 +1936,12 @@ var EventList = ({ className, title, items, cta, variant, children }) => {
1835
1936
  })
1836
1937
  }
1837
1938
  ),
1838
- 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) => {
1939
+ isGrey && !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) => {
1839
1940
  var _a2, _b, _c;
1840
1941
  return /* @__PURE__ */ jsx(
1841
1942
  "li",
1842
1943
  {
1843
- className: clsx19(EventList_module_default["card-list-item"]),
1944
+ className: clsx20(EventList_module_default["card-list-item"]),
1844
1945
  children: /* @__PURE__ */ jsx(
1845
1946
  UpcomingEventCard,
1846
1947
  __spreadProps(__spreadValues({}, item), {
@@ -1853,7 +1954,7 @@ var EventList = ({ className, title, items, cta, variant, children }) => {
1853
1954
  (_c = (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location) != null ? _c : index
1854
1955
  );
1855
1956
  }) }),
1856
- !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) => {
1957
+ !isGrey && /* @__PURE__ */ jsx("ul", { className: clsx20(EventList_module_default["event-list-wrapper"], EventList_module_default[listDirection]), children: items == null ? void 0 : items.map((item, index) => {
1857
1958
  var _a2, _b, _c;
1858
1959
  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);
1859
1960
  }) })
@@ -1903,9 +2004,9 @@ var TextEvent = (props) => {
1903
2004
  });
1904
2005
  const titleNode = (_a = slots.title) != null ? _a : title;
1905
2006
  const richTextNode = (_b = slots.richText) != null ? _b : richText;
1906
- return /* @__PURE__ */ jsxs(Container, { className: clsx19(TextEvent_module_default.textEvent, className), children: [
2007
+ return /* @__PURE__ */ jsxs(Container, { className: clsx20(TextEvent_module_default.textEvent, className), children: [
1907
2008
  /* @__PURE__ */ jsx(Text, { tag: "h2", className: TextEvent_module_default.title, children: titleNode }),
1908
- /* @__PURE__ */ jsx("div", { className: clsx19(TextEvent_module_default.richText, TextEvent_module_default[variant != null ? variant : ""]), children: richTextNode })
2009
+ /* @__PURE__ */ jsx("div", { className: clsx20(TextEvent_module_default.richText, TextEvent_module_default[variant != null ? variant : ""]), children: richTextNode })
1909
2010
  ] });
1910
2011
  };
1911
2012
 
@@ -1936,7 +2037,7 @@ var TextBody = (props) => {
1936
2037
  });
1937
2038
  const titleNode = (_a = slots.title) != null ? _a : title;
1938
2039
  const bodyNode = (_b = slots.body) != null ? _b : body;
1939
- return /* @__PURE__ */ jsxs(Container, { className: clsx19(TextBody_module_default.textBody, className), children: [
2040
+ return /* @__PURE__ */ jsxs(Container, { className: clsx20(TextBody_module_default.textBody, className), children: [
1940
2041
  titleNode && /* @__PURE__ */ jsx(Text, { tag: "h2", className: TextBody_module_default.title, children: titleNode }),
1941
2042
  /* @__PURE__ */ jsx("div", { className: TextBody_module_default.body, children: bodyNode })
1942
2043
  ] });
@@ -1979,7 +2080,7 @@ var TextCenterCtaInBottom = ({
1979
2080
  });
1980
2081
  const titleNode = (_a = slots.title) != null ? _a : title;
1981
2082
  const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
1982
- return /* @__PURE__ */ jsx("div", { className: clsx19(TextCenterCtaInBottom_module_default.textCenterCta, className), children: /* @__PURE__ */ jsxs(Container, { className: TextCenterCtaInBottom_module_default.container, children: [
2083
+ return /* @__PURE__ */ jsx("div", { className: clsx20(TextCenterCtaInBottom_module_default.textCenterCta, className), children: /* @__PURE__ */ jsxs(Container, { className: TextCenterCtaInBottom_module_default.container, children: [
1983
2084
  /* @__PURE__ */ jsxs("div", { className: TextCenterCtaInBottom_module_default.content, children: [
1984
2085
  titleNode && /* @__PURE__ */ jsx("div", { className: TextCenterCtaInBottom_module_default.title, children: titleNode }),
1985
2086
  subtitleNode && /* @__PURE__ */ jsx("div", { className: TextCenterCtaInBottom_module_default.subtitle, children: subtitleNode })
@@ -1987,7 +2088,7 @@ var TextCenterCtaInBottom = ({
1987
2088
  !!(ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsx(
1988
2089
  "div",
1989
2090
  {
1990
- className: clsx19(
2091
+ className: clsx20(
1991
2092
  TextCenterCtaInBottom_module_default.ctaWrapper,
1992
2093
  ctas.every((cta) => !cta.label && cta.logo) && TextCenterCtaInBottom_module_default.iconOnly
1993
2094
  ),
@@ -2042,6 +2143,6 @@ function useIntersectionObserver({
2042
2143
  return { observeRef, isVisible };
2043
2144
  }
2044
2145
 
2045
- 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 };
2146
+ 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 };
2046
2147
  //# sourceMappingURL=index.mjs.map
2047
2148
  //# sourceMappingURL=index.mjs.map